\n \n
\n\n\n\n
\n \n {{column.headerName}} \n
\n \n \n
\n\n
\n \n \n \n \n
\n \n\n \n \n
","import { Component, OnInit, Input, HostListener, ElementRef, ViewChild, Output, EventEmitter, OnDestroy } from '@angular/core';\nimport { AttachmentSummary, DetailProperty } from '../objects/DetailObject';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { UploadEvent, UploadFile, FileSystemFileEntry, FileSystemDirectoryEntry } from 'ngx-file-drop';\nimport { ConfirmationService } from '../services/confirmation.service';\nimport { ThemeSetting } from '../objects/ThemeObject';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { SessionTimerService } from '../services/session-timer.service';\nimport { AttachmentService } from '../services/attachment.service';\nimport { NgModel } from '@angular/forms';\nimport { DetailService } from '../services/detail.service';\nimport { Subscription } from 'rxjs';\nimport { ScrollService } from '../services/scroll.service';\n\n@Component({\n selector: 'app-attachment',\n templateUrl: './attachment.component.html',\n styleUrls: ['./attachment.component.css']\n})\n\nexport class AttachmentComponent implements OnInit, OnDestroy {\n\n private allowedFormats: string[] = [\"pdf\", \"png\", \"jpg\", \"docx\", \"doc\", \"xlsx\", \"xls\", \"ppt\", \"pptx\", \"pdf\", \"jpg\", \"jpeg\", \"gif\", \"png\", \"bmp\", \n\"dtsconfig\", \"xml\", \"dtsx\", \"mdd\", \"mcf\", \"txt\", \"csv\", \"zip\", \"rar\", \"eml\"];\n\n @ViewChild('file') fileControl;\n @ViewChild('fileContainer') fileContainer: ElementRef;\n \n @Input() attachmentIsMultiple:boolean = false;\n @Input() set setComponentId(id:string){\n this.componentId = id;\n }\n\n @Input() set setProperty(property: DetailProperty){\n this.propertyId = property.PropertyId;\n this.propertyName = property.PropertyName;\n this.propertyDisplay = property.PropertyDisplay;\n this.isEditable = property.PropertyIsEditable;\n this.isOptional = property.PropertyFormControlType.toUpperCase().indexOf(\"OPTIONAL\") > -1;\n if (this.isOptional){\n if (property.PropertyValue == this.defaultGuid){\n this.isNotApplicable = true;\n this.optionalFileToggle({checked : true}, false);\n }\n }\n this.getFileList();\n this.getFilesSettings();\n }\n\n @Input() set setInvalid(invalid: boolean){\n this.isInvalid = invalid;\n }\n\n @Output() attachments = new EventEmitter\n
\n \n
\n Not applicable
\n\n
\n \n or Drop file{{ attachmentIsMultiple ? 's' : '' }} to attach\n
\n Maximum file upload size is {{maxFileSizeKb / 1000}} MB
\nAllowed file types: {{allowedFormatsString}}
\n \nProcessing file
\n \n \n\n
\n \n 1}\">\n \n 0; else noItems\">\n \n \n \n
\n \n
\n \n ![](\"../../assets/images/lazyload.gif\")
\n {{ file.AttachmentName }}\n
\n \n {{ file.AttachmentName }}\n \n ({{ file.AttachmentSizeInBytes | fileSize }})\n
\n \n \n \n No items found\n \n
\n \n 1 && isEditable\" class=\"attachmentDeletePanel\">\n \n \n \n
\n\r\n
\r\nProcessing login...
\r\n\r\n
\r\n","import { Component, OnInit, ViewChild, TemplateRef } from '@angular/core';\nimport { HeaderService } from '../services/header.service';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { MessagePopupService } from '../services/message-popup.service';\nimport { ThemeSetting } from '../objects/ThemeObject';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { BsModalRef, BsModalService } from '../../../node_modules/ngx-bootstrap';\nimport { LoginService } from '../services/login.service';\nimport { Globals } from '../objects/Globals';\nimport { TokenManager } from '../Globals';\nimport { Subject } from 'rxjs';\nimport { ConfirmationService } from '../services/confirmation.service';\nimport { AppSession } from '../objects/Session';\nimport { ToasterService } from 'angular2-toaster';\nimport { LoadingComponent } from '../loading/loading.component';\nimport { SessionTimerService } from '../services/session-timer.service';\n\n@Component({\n selector: 'app-autologin',\n templateUrl: './autologin.component.html',\n styleUrls: ['./autologin.component.css']\n})\nexport class AutologinComponent implements OnInit {\n\n @ViewChild('customLoadingTemplate') customLoadingTemplate: TemplateRef\n \n
\n\n\n\n
\n\n
\n \n
\n {{title}}
\n\n
\n \n \n
","import { Component, Input, OnInit, OnChanges, SimpleChanges } from '@angular/core';\nimport { DetailPropertyGroup } from '../objects/DetailObject';\nimport { DetailService } from '../services/detail.service';\nimport { InfoCard } from '../objects/DetailObject'\n@Component({\n selector: 'app-cardinfo',\n templateUrl: './cardinfo.component.html',\n styleUrls: ['./cardinfo.component.css']\n})\nexport class CardinfoComponent implements OnInit, OnChanges {\n\n@Input() private infoCardName :string;\n@Input() private detailCardId :string;\nprivate componentId:string;\ninfoCard:InfoCard;\nprivate left = \"left\";\n\n constructor(private detailService:DetailService) { }\n\n createInfoCard(){\n this.detailService.createInfoCard(this.detailCardId, this.infoCardName).subscribe(result=>{\n this.componentId = result;\n this.getInfoCard();\n });\n }\n\n getInfoCard(){\n if(this.componentId){\n this.detailService.getInfoCard(this.componentId).subscribe(result=>{\n this.infoCard = JSON.parse(result);\n });\n }\n }\n\n ngOnInit() {\n }\n\n ngOnChanges(changes:SimpleChanges){\n if(this.componentId){\n this.getInfoCard();\n }else{\n this.createInfoCard();\n }\n }\n}\n","import { OnInit, OnChanges, SimpleChanges } from '@angular/core';\nimport { DetailService } from '../services/detail.service';\nvar CardinfoComponent = /** @class */ (function () {\n function CardinfoComponent(detailService) {\n this.detailService = detailService;\n this.left = \"left\";\n }\n CardinfoComponent.prototype.createInfoCard = function () {\n var _this = this;\n this.detailService.createInfoCard(this.detailCardId, this.infoCardName).subscribe(function (result) {\n _this.componentId = result;\n _this.getInfoCard();\n });\n };\n CardinfoComponent.prototype.getInfoCard = function () {\n var _this = this;\n if (this.componentId) {\n this.detailService.getInfoCard(this.componentId).subscribe(function (result) {\n _this.infoCard = JSON.parse(result);\n });\n }\n };\n CardinfoComponent.prototype.ngOnInit = function () {\n };\n CardinfoComponent.prototype.ngOnChanges = function (changes) {\n if (this.componentId) {\n this.getInfoCard();\n }\n else {\n this.createInfoCard();\n }\n };\n return CardinfoComponent;\n}());\nexport { CardinfoComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".container-loader[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n width:100%;\\r\\n padding-right: 5px;\\r\\n display: block;\\r\\n position: absolute;\\r\\n background: rgba(255,255, 255, 0.5) ;\\r\\n z-index: 555;\\r\\n min-height: 150px;\\r\\n}\\r\\n\\r\\n.loader[_ngcontent-%COMP%]{\\r\\n margin:auto;\\r\\n margin-top:5%;\\r\\n}\\r\\n\\r\\n.charter[_ngcontent-%COMP%] {\\r\\n \\r\\n \\r\\n width: 100%;\\r\\n margin: 20px auto 0;\\r\\n}\\r\\n\\r\\n.charter.in-popup[_ngcontent-%COMP%] {\\r\\n margin: 0px auto;\\r\\n}\\r\\n\\r\\n.chart-settings[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n right: 20px;\\r\\n top: 7px;\\r\\n z-index: 10;\\r\\n}\\r\\n\\r\\n.chart-settings[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%] {\\r\\n font-size: 18px;\\r\\n height: 18px;\\r\\n width: 18px;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n#chartContainer[_ngcontent-%COMP%] {\\r\\n float:none;\\r\\n overflow:visible;\\r\\n \\r\\n height: 100%;\\r\\n width: 95%;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n#chartContainer.multiple-charts[_ngcontent-%COMP%] {\\r\\n width: calc(100% - 65px);\\r\\n}\\r\\n\\r\\n#chartContainer[_ngcontent-%COMP%] .chartContainerItem[_ngcontent-%COMP%] {\\r\\n height: 350px;\\r\\n transition: opacity 1s ease-out;\\r\\n opacity: 0;\\r\\n\\r\\n}\\r\\n\\r\\n#chartContainer[_ngcontent-%COMP%] .inactive[_ngcontent-%COMP%] {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n#chartContainer[_ngcontent-%COMP%] .current[_ngcontent-%COMP%] {\\r\\n opacity: 1;\\r\\n display: block;\\r\\n transition: opacity 1s ease-out;\\r\\n}\\r\\n\\r\\n#nextChart[_ngcontent-%COMP%], #prevChart[_ngcontent-%COMP%] {\\r\\n text-decoration: none;\\r\\n padding: 0px 8px;\\r\\n margin: 5px;\\r\\n color: black;\\r\\n border: 1px solid #ccc;\\r\\n \\r\\n cursor: pointer;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n -webkit-transform: translate(0%, -50%);\\r\\n -ms-transform: translate(0%, -50%);\\r\\n transform: translate(0%, -50%);\\r\\n}\\r\\n\\r\\n#prevChart[_ngcontent-%COMP%] {\\r\\n float: left;\\r\\n left: 0px;\\r\\n z-index: 999;\\r\\n}\\r\\n\\r\\n#prevChart[_ngcontent-%COMP%]:before {\\r\\n content: '\\\\2039';\\r\\n font-size: 40px;\\r\\n line-height: 0.4;\\r\\n opacity: 1;\\r\\n color:#707070;\\r\\n\\r\\n}\\r\\n\\r\\n#nextChart[_ngcontent-%COMP%] {\\r\\n float: right;\\r\\n right: 0px;\\r\\n z-index: 999;\\r\\n}\\r\\n\\r\\n#nextChart[_ngcontent-%COMP%]:before {\\r\\n content: '\\\\203A';\\r\\n font-size: 40px;\\r\\n line-height: 0.4;\\r\\n opacity: 1;\\r\\n color: #707070;\\r\\n margin-left: 2px;\\r\\n}\\r\\n\\r\\n#nextChart[_ngcontent-%COMP%]:hover:before, #nextChart[_ngcontent-%COMP%]:hover:before, #prevChart[_ngcontent-%COMP%]:hover:before, #prevChart[_ngcontent-%COMP%]:hover:before {\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n#nextChart[_ngcontent-%COMP%]:hover, #nextChart[_ngcontent-%COMP%]:hover, #prevChart[_ngcontent-%COMP%]:hover, #prevChart[_ngcontent-%COMP%]:hover {\\r\\n border-color: var(--primary);\\r\\n}\\r\\n\\r\\n#chartPagination[_ngcontent-%COMP%]{\\r\\n width: 100px;\\r\\n margin: 0 auto;\\r\\n color: #707070;\\r\\n}\\r\\n\\r\\n#chartWrapper[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n#pagination[_ngcontent-%COMP%] {\\r\\n text-align: center;\\r\\n font-size: 13px;\\r\\n color: #707070;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%] {\\r\\n left: 0px;\\r\\n}\\r\\n\\r\\n.slide-next[_ngcontent-%COMP%] {\\r\\n right: 0px;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%], .slide-next[_ngcontent-%COMP%] {\\r\\n font-size: 0;\\r\\n line-height: 0;\\r\\n position: absolute;\\r\\n top: 40%;\\r\\n display: block;\\r\\n width: 30px;\\r\\n height: 30px;\\r\\n padding: 0;\\r\\n -webkit-transform: translate(0, -50%);\\r\\n -ms-transform: translate(0, -50%);\\r\\n transform: translate(0, -50%);\\r\\n cursor: pointer;\\r\\n color: transparent;\\r\\n border: 1px solid #ddd;\\r\\n outline: none;\\r\\n background: transparent;\\r\\n}\\r\\n\\r\\n.slide-prev.is-popup[_ngcontent-%COMP%], .slide-next.is-popup[_ngcontent-%COMP%] {\\r\\n top: 45%;\\r\\n}\\r\\n\\r\\n.slide-prev.disabled[_ngcontent-%COMP%]:before, .slide-next.disabled[_ngcontent-%COMP%]:before {\\r\\n color: #e0e0e0;\\r\\n cursor: default;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%]:hover, .slide-prev[_ngcontent-%COMP%]:focus, .slide-next[_ngcontent-%COMP%]:hover, .slide-next[_ngcontent-%COMP%]:focus {\\r\\n outline: none;\\r\\n background: transparent;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%]:before, .slide-next[_ngcontent-%COMP%]:before {\\r\\n font-size: 35px;\\r\\n line-height: 0.2;\\r\\n opacity: 1;\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%]:hover:before, .slide-prev[_ngcontent-%COMP%]:hover:before, .slide-next[_ngcontent-%COMP%]:hover:before, .slide-next[_ngcontent-%COMP%]:hover:before {\\r\\n color: var(--accent);\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%]:before {\\r\\n content: '\\\\2039';\\r\\n}\\r\\n\\r\\n.slide-next[_ngcontent-%COMP%]:before {\\r\\n content: '\\\\203A';\\r\\n}\\r\\n\\r\\n.chart-empty[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.no-item-container[_ngcontent-%COMP%] {\\r\\n padding: 1rem;\\r\\n font-style: italic;\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n.no-item-container[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\\r\\n font-size: 14px;\\r\\n}\\r\\n\\r\\n@media(max-width:768px){\\r\\n .charter[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./chart.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"../../../node_modules/@angular/material/icon/typings/index.ngfactory\";\nimport * as i4 from \"@angular/material/icon\";\nimport * as i5 from \"../../../node_modules/angular-highcharts-chart/angular-highcharts-chart.ngfactory\";\nimport * as i6 from \"angular-highcharts-chart\";\nimport * as i7 from \"ngx-contextmenu\";\nimport * as i8 from \"../../../node_modules/ngx-loading/ngx-loading.ngfactory\";\nimport * as i9 from \"ngx-loading\";\nimport * as i10 from \"../../../node_modules/ngx-contextmenu/ngx-contextmenu.ngfactory\";\nimport * as i11 from \"./chart.component\";\nimport * as i12 from \"../objects/Globals\";\nimport * as i13 from \"../services/chart.service\";\nimport * as i14 from \"../services/theme-setting.service\";\nimport * as i15 from \"ngx-bootstrap/modal\";\nimport * as i16 from \"../services/main-loading.service\";\nimport * as i17 from \"../services/workspace.service\";\nimport * as i18 from \"../services/summary.service\";\nimport * as i19 from \"../env.service\";\nvar styles_ChartComponent = [i0.styles];\nvar RenderType_ChartComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_ChartComponent, data: {} });\nexport { RenderType_ChartComponent as RenderType_ChartComponent };\nfunction View_ChartComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"button\", [[\"aria-label\", \"Previous\"], [\"role\", \"button\"], [\"type\", \"button\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.previousChart($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"slide-prev\": 0, \"slide-arrow\": 1, \"is-popup\": 2 }), (_l()(), i1.ɵted(-1, null, [\"Previous\"]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, true, true, _co.isExpandChart); _ck(_v, 1, 0, currVal_0); }, null); }\nfunction View_ChartComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"button\", [[\"aria-label\", \"Next\"], [\"role\", \"button\"], [\"type\", \"button\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.nextChart($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"slide-next\": 0, \"slide-arrow\": 1, \"is-popup\": 2 }), (_l()(), i1.ɵted(-1, null, [\"Next\"]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, true, true, _co.isExpandChart); _ck(_v, 1, 0, currVal_0); }, null); }\nfunction View_ChartComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ChartComponent_3)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ChartComponent_4)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.hasPrevious(); _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.hasNext(); _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_ChartComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ChartComponent_2)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.chartObject.totalCharts > 1); _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_ChartComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 8, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 3, \"div\", [[\"class\", \"chart-settings\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.onContextMenu($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 2, \"mat-icon\", [[\"class\", \"mat-icon notranslate\"], [\"role\", \"img\"]], [[2, \"mat-icon-inline\", null], [2, \"mat-icon-no-color\", null]], null, null, i3.View_MatIcon_0, i3.RenderType_MatIcon)), i1.ɵdid(3, 9158656, null, 0, i4.MatIcon, [i1.ElementRef, i4.MatIconRegistry, [8, null], [2, i4.MAT_ICON_LOCATION]], null, null), (_l()(), i1.ɵted(-1, 0, [\"menu\"])), (_l()(), i1.ɵeld(5, 0, null, null, 3, \"lib-highcharts-angular\", [], null, [[null, \"updateChange\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"updateChange\" === en)) {\n var pd_0 = ((_co.updateFlag = $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i5.View_ɵa_0, i5.RenderType_ɵa)), i1.ɵdid(6, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(7, { \"width\": 0, \"display\": 1, \"height\": 2 }), i1.ɵdid(8, 49152, null, 0, i6.ɵa, [i1.ElementRef], { Highcharts: [0, \"Highcharts\"], constructorType: [1, \"constructorType\"], callbackFunction: [2, \"callbackFunction\"], options: [3, \"options\"], update: [4, \"update\"], oneToOne: [5, \"oneToOne\"] }, { updateChange: \"updateChange\" })], function (_ck, _v) { var _co = _v.component; _ck(_v, 3, 0); var currVal_2 = _ck(_v, 7, 0, \"100%\", \"block\", \"calc(100% - 0rem)\"); _ck(_v, 6, 0, currVal_2); var currVal_3 = _co.Highcharts; var currVal_4 = _co.chartConstructor; var currVal_5 = _co.chartCallback; var currVal_6 = _co.chartObject.chartOptions; var currVal_7 = _co.updateFlag; var currVal_8 = _co.oneToOneFlag; _ck(_v, 8, 0, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 3).inline; var currVal_1 = (((i1.ɵnov(_v, 3).color !== \"primary\") && (i1.ɵnov(_v, 3).color !== \"accent\")) && (i1.ɵnov(_v, 3).color !== \"warn\")); _ck(_v, 2, 0, currVal_0, currVal_1); }); }\nfunction View_ChartComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"div\", [[\"id\", \"chartContainer\"]], [[2, \"multiple-charts\", null]], null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ChartComponent_6)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_1 = _co.chartObject.chartOptions; var currVal_2 = i1.ɵnov(_v.parent, 11); _ck(_v, 3, 0, currVal_1, currVal_2); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.chartObject.totalCharts > 1); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_ChartComponent_8(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"no-item-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"You have not configured any reports\"]))], null, null); }\nfunction View_ChartComponent_7(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 5, \"div\", [[\"id\", \"chartContainer\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 4, \"div\", [[\"class\", \"chart-empty\"]], null, null, null, null, null)), i1.ɵdid(2, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(3, { \"height\": 0 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ChartComponent_8)), i1.ɵdid(5, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 3, 0, ((\"calc(100% - \" + _co.filledSpace) + \"rem)\")); _ck(_v, 2, 0, currVal_0); var currVal_1 = !_co.isBusy; _ck(_v, 5, 0, currVal_1); }, null); }\nfunction View_ChartComponent_9(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵted(-1, null, [\" Show All \"]))], null, null); }\nfunction View_ChartComponent_11(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵted(-1, null, [\" Expand \"]))], null, null); }\nfunction View_ChartComponent_10(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(0, null, null, 1, function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"execute\" === en)) {\n var pd_0 = (_co.expandChart() !== false);\n ad = (pd_0 && ad);\n } return ad; }, View_ChartComponent_11)), i1.ɵdid(2, 16384, [[2, 4]], 0, i7.ɵb, [i1.TemplateRef, i1.ElementRef], null, { execute: \"execute\" })], null, null); }\nexport function View_ChartComponent_0(_l) { return i1.ɵvid(0, [i1.ɵqud(402653184, 1, { basicMenu: 0 }), (_l()(), i1.ɵeld(1, 0, null, null, 10, \"div\", [[\"id\", \"chartWrapper\"], [\"style\", \"position:relative\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"ngx-loading\", [], null, null, null, i8.View_NgxLoadingComponent_0, i8.RenderType_NgxLoadingComponent)), i1.ɵdid(3, 114688, null, 0, i9.NgxLoadingComponent, [i9.NgxLoadingService, i1.ChangeDetectorRef], { show: [0, \"show\"], config: [1, \"config\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ChartComponent_1)), i1.ɵdid(5, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(6, 0, null, null, 5, \"div\", [[\"class\", \"charter custom-scrollbar\"]], [[2, \"in-popup\", null]], null, null, null, null)), i1.ɵdid(7, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(8, { \"height\": 0 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ChartComponent_5)), i1.ɵdid(10, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noChart\", 2]], null, 0, null, View_ChartComponent_7)), (_l()(), i1.ɵeld(12, 0, null, null, 6, \"context-menu\", [], null, null, null, i10.View_ContextMenuComponent_0, i10.RenderType_ContextMenuComponent)), i1.ɵdid(13, 180224, [[1, 4]], 1, i7.ContextMenuComponent, [i7.ContextMenuService, i1.ChangeDetectorRef, i1.ElementRef, [2, i7.ɵc]], { useBootstrap4: [0, \"useBootstrap4\"] }, null), i1.ɵqud(603979776, 2, { menuItems: 1 }), (_l()(), i1.ɵand(0, null, null, 1, function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"execute\" === en)) {\n var pd_0 = (_co.showAll() !== false);\n ad = (pd_0 && ad);\n } return ad; }, View_ChartComponent_9)), i1.ɵdid(16, 16384, [[2, 4]], 0, i7.ɵb, [i1.TemplateRef, i1.ElementRef], null, { execute: \"execute\" }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ChartComponent_10)), i1.ɵdid(18, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isBusy; var currVal_1 = _co.loaderConfig; _ck(_v, 3, 0, currVal_0, currVal_1); var currVal_2 = _co.chartObject; _ck(_v, 5, 0, currVal_2); var currVal_4 = _ck(_v, 8, 0, ((\"calc(100% - \" + _co.filledSpace) + \"rem)\")); _ck(_v, 7, 0, currVal_4); var currVal_5 = _co.chartObject; var currVal_6 = i1.ɵnov(_v, 11); _ck(_v, 10, 0, currVal_5, currVal_6); var currVal_7 = true; _ck(_v, 13, 0, currVal_7); var currVal_8 = (!_co.isExpandChart && _co.showExpand); _ck(_v, 18, 0, currVal_8); }, function (_ck, _v) { var _co = _v.component; var currVal_3 = _co.isExpandChart; _ck(_v, 6, 0, currVal_3); }); }\nexport function View_ChartComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-chart\", [], null, null, null, View_ChartComponent_0, RenderType_ChartComponent)), i1.ɵdid(1, 114688, null, 0, i11.ChartComponent, [i1.ElementRef, i12.Globals, i13.ChartService, i14.ThemeSettingService, i15.BsModalService, i16.MainLoadingService, i17.WorkspaceService, i7.ContextMenuService, i18.SummaryService, i19.EnvService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar ChartComponentNgFactory = i1.ɵccf(\"app-chart\", i11.ChartComponent, View_ChartComponent_Host_0, { isExpandChart: \"isExpandChart\", filledSpace: \"filledSpace\", chartName: \"chartName\", setComponentId: \"setComponentId\", setChartObject: \"setChartObject\", setChartLoading: \"setChartLoading\" }, {}, []);\nexport { ChartComponentNgFactory as ChartComponentNgFactory };\n","\n
\n\n
\n \n
\n \n
\n {{infoCard.InfoCardHeaderDisplay}}
\n \n{{infoCardSection.SectionHeaderValue}}
\n{{infoCardSection.SectionContentValue}}
\n \n\n \n 1\">\n \n \n \n \n\n
\n\n \n \n \n \n \n \n
\n 1\">\n \n menu \n \n \n
\n \n
\n \n
\n \n
\n You have not configured any reports
\n\n
\n\n\n \n \n \n \n \n
\n \n Comparing
\n\n
\n\n \n
\n \n\n 3\">\n \n \n \n
\n Previous
\n \n \n \n \n \n \n \n \n expand_more \n \n \n chevron_right \n \n \n\n \n \n \n \n \n \n
\n \n {{group.HeaderDisplay}}
\n
\n \n
\n \n
\n {{data[\"#PROPERTY#\"]}}
\n\n \n \n \n
\n {{data[header.Name]}}
\n\n
\n \n
\n Loading...
\n\n
\n \n {{column.HeaderDisplay}} \n
\n \n \n \n
\n \n
\n \n ","import { Component, OnInit, TemplateRef, EventEmitter, Output, ViewChild, ElementRef, OnDestroy } from '@angular/core';\nimport { BsModalService } from 'ngx-bootstrap/modal';\nimport { BsModalRef } from 'ngx-bootstrap/modal/';\nimport { SpeechRecognitionService } from '../services/speech-recognition.service';\nimport { Observable } from 'rxjs';\n\n@Component({\n selector: 'app-confirmation-dialog',\n templateUrl: './confirmation-dialog.component.html',\n styleUrls: ['./confirmation-dialog.component.css']\n})\nexport class ConfirmationDialogComponent implements OnInit, OnDestroy {\n\n @ViewChild('text') text:ElementRef;\n\n title: string;\n message: string;\n options: string[];\n answer: string = \"\";\n input: boolean;\n inputPlaceholder: string;\n inputText: string = \"\";\n enableSpeech: boolean = false;\n validateInput:string = \"\";\n invalid: boolean = false;\n timeout: number;\n timer:number;\n private speechApi: boolean;\n sub: any;\n\n constructor(\n public bsModalRef: BsModalRef,\n private speechRecognitionService:SpeechRecognitionService\n ) { }\n\n ngOnInit() {\n if ('webkitSpeechRecognition' in window)\n {\n this.speechApi = true;\n }\n else\n {\n this.speechApi = false;\n }\n this.inputText = \"\";\n\n if (this.timeout){\n this.timer = this.timeout;\n let timer = Observable.timer(0, 1000);\n this.sub = timer.subscribe(t => this.incrementTimer(this.timeout));\n }\n }\n\n incrementTimer(timeout: number) {\n this.timer--;\n if (this.timer == 0) {\n this.respond(\"Cancel\")\n this.sub.unsubscribe();\n }\n }\n\n respond(answer: string) {\n if (this.validateInput && (answer == \"OK\" || answer == \"YES\")){\n if(this.text.nativeElement.value != this.validateInput){\n this.invalid = true;\n }\n else {\n this.answer = answer;\n this.bsModalRef.hide();\n }\n }\n else {\n this.answer = answer;\n this.bsModalRef.hide();\n }\n }\n\n onChange(){\n if (this.validateInput){\n if (this.text.nativeElement.value == this.validateInput){\n this.invalid = false;\n }\n }\n }\n\n activateSpeech(): void {\n //this.showSearchButton = false;\n\n this.speechRecognitionService.record()\n .subscribe(\n //listener\n (value) => {\n this.inputText = value;\n console.log(value);\n },\n //error\n (err) => {\n console.log(err);\n if (err.error == \"no-speech\") {\n console.log(\"--restarting service--\");\n this.activateSpeech();\n }\n },\n //completion\n () => {\n //this.showSearchButton = true;\n console.log(\"--complete--\");\n //this.activateSpeech();\n });\n }\n\n ngOnDestroy(){\n if (this.sub){\n this.sub.unsubscribe();\n }\n }\n}\n","import { OnInit, ElementRef, OnDestroy } from '@angular/core';\nimport { BsModalRef } from 'ngx-bootstrap/modal/';\nimport { SpeechRecognitionService } from '../services/speech-recognition.service';\nimport { Observable } from 'rxjs';\nvar ConfirmationDialogComponent = /** @class */ (function () {\n function ConfirmationDialogComponent(bsModalRef, speechRecognitionService) {\n this.bsModalRef = bsModalRef;\n this.speechRecognitionService = speechRecognitionService;\n this.answer = \"\";\n this.inputText = \"\";\n this.enableSpeech = false;\n this.validateInput = \"\";\n this.invalid = false;\n }\n ConfirmationDialogComponent.prototype.ngOnInit = function () {\n var _this = this;\n if ('webkitSpeechRecognition' in window) {\n this.speechApi = true;\n }\n else {\n this.speechApi = false;\n }\n this.inputText = \"\";\n if (this.timeout) {\n this.timer = this.timeout;\n var timer = Observable.timer(0, 1000);\n this.sub = timer.subscribe(function (t) { return _this.incrementTimer(_this.timeout); });\n }\n };\n ConfirmationDialogComponent.prototype.incrementTimer = function (timeout) {\n this.timer--;\n if (this.timer == 0) {\n this.respond(\"Cancel\");\n this.sub.unsubscribe();\n }\n };\n ConfirmationDialogComponent.prototype.respond = function (answer) {\n if (this.validateInput && (answer == \"OK\" || answer == \"YES\")) {\n if (this.text.nativeElement.value != this.validateInput) {\n this.invalid = true;\n }\n else {\n this.answer = answer;\n this.bsModalRef.hide();\n }\n }\n else {\n this.answer = answer;\n this.bsModalRef.hide();\n }\n };\n ConfirmationDialogComponent.prototype.onChange = function () {\n if (this.validateInput) {\n if (this.text.nativeElement.value == this.validateInput) {\n this.invalid = false;\n }\n }\n };\n ConfirmationDialogComponent.prototype.activateSpeech = function () {\n //this.showSearchButton = false;\n var _this = this;\n this.speechRecognitionService.record()\n .subscribe(\n //listener\n function (value) {\n _this.inputText = value;\n console.log(value);\n }, \n //error\n function (err) {\n console.log(err);\n if (err.error == \"no-speech\") {\n console.log(\"--restarting service--\");\n _this.activateSpeech();\n }\n }, \n //completion\n function () {\n //this.showSearchButton = true;\n console.log(\"--complete--\");\n //this.activateSpeech();\n });\n };\n ConfirmationDialogComponent.prototype.ngOnDestroy = function () {\n if (this.sub) {\n this.sub.unsubscribe();\n }\n };\n return ConfirmationDialogComponent;\n}());\nexport { ConfirmationDialogComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".main-container {\\r\\n max-width: 1400px;\\r\\n margin: 0px auto;\\r\\n padding: 10px 20px 20px; \\r\\n overflow-y: auto;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.contact-us-title {\\r\\n padding: 20px 0px 10px;\\r\\n \\r\\n color: var(--primary);\\r\\n font-size: 26px;\\r\\n text-transform: uppercase;\\r\\n text-align: center;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.divider {\\r\\n display: block;\\r\\n width: 120px;\\r\\n border-bottom: 1px solid #ccc;\\r\\n margin: 0px auto 40px;\\r\\n}\\r\\n\\r\\n.contact-us-fieldset {\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n.contact-us-container {\\r\\n width: 800px;\\r\\n margin: 20px auto;\\r\\n box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\\r\\n padding: 25px;\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.contact-us-header {\\r\\n color: var(--primary);\\r\\n font-size: 14px;\\r\\n}\\r\\n\\r\\n.contact-us-desc {\\r\\n padding: 5px 20px;\\r\\n font-size: 13px;\\r\\n color: #666;\\r\\n position: relative;\\r\\n \\r\\n}\\r\\n\\r\\n.flex-group {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n margin-bottom: 3px;\\r\\n}\\r\\n\\r\\n.flex-group.sec {\\r\\n margin-bottom: 5px;\\r\\n}\\r\\n\\r\\n.flex-fixed {\\r\\n -ms-flex: 0 0 220px;\\r\\n flex: 0 0 220px;\\r\\n color: #333;\\r\\n}\\r\\n\\r\\n.sub-title {\\r\\n font-size: 13px;\\r\\n}\\r\\n\\r\\n.first-flex {\\r\\n -ms-flex: 1 1 auto;\\r\\n flex: 1 1 auto;\\r\\n}\\r\\n\\r\\n.second-flex {\\r\\n -ms-flex: 0 0 25px;\\r\\n flex: 0 0 25px;\\r\\n}\\r\\n\\r\\n.class-bold {\\r\\n font-weight: 600;\\r\\n color: var(--primary)\\r\\n}\\r\\n\\r\\nol {\\r\\n padding-left: 15px;\\r\\n}\\r\\n\\r\\nol li {\\r\\n padding-left: 5px;\\r\\n}\\r\\n\\r\\n@media (max-width: 992px){\\r\\n .contact-us-container {\\r\\n width: 100%;\\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./contact-us.component.css.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../../../node_modules/@angular/material/progress-spinner/typings/index.ngfactory\";\nimport * as i3 from \"@angular/material/progress-spinner\";\nimport * as i4 from \"@angular/cdk/platform\";\nimport * as i5 from \"@angular/common\";\nimport * as i6 from \"@angular/platform-browser/animations\";\nimport * as i7 from \"../safe-html.pipe\";\nimport * as i8 from \"@angular/platform-browser\";\nimport * as i9 from \"./contact-us.component\";\nimport * as i10 from \"../services/theme-setting.service\";\nimport * as i11 from \"@angular/common/http\";\nimport * as i12 from \"../env.service\";\nvar styles_ContactUsComponent = [i0.styles];\nvar RenderType_ContactUsComponent = i1.ɵcrt({ encapsulation: 2, styles: styles_ContactUsComponent, data: {} });\nexport { RenderType_ContactUsComponent as RenderType_ContactUsComponent };\nfunction View_ContactUsComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"style\", \"display: flex;justify-content: center;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"mat-spinner\", [[\"class\", \"mat-spinner mat-progress-spinner\"], [\"diameter\", \"40\"], [\"mode\", \"indeterminate\"], [\"role\", \"progressbar\"]], [[2, \"_mat-animation-noopable\", null], [4, \"width\", \"px\"], [4, \"height\", \"px\"]], null, null, i2.View_MatSpinner_0, i2.RenderType_MatSpinner)), i1.ɵdid(2, 49152, null, 0, i3.MatSpinner, [i1.ElementRef, i4.Platform, [2, i5.DOCUMENT], [2, i6.ANIMATION_MODULE_TYPE], i3.MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS], { diameter: [0, \"diameter\"] }, null)], function (_ck, _v) { var currVal_3 = \"40\"; _ck(_v, 2, 0, currVal_3); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 2)._noopAnimations; var currVal_1 = i1.ɵnov(_v, 2).diameter; var currVal_2 = i1.ɵnov(_v, 2).diameter; _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2); }); }\nfunction View_ContactUsComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), i1.ɵppd(1, 1)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵunv(_v, 0, 0, _ck(_v, 1, 0, i1.ɵnov(_v.parent, 0), _co.contactUs)); _ck(_v, 0, 0, currVal_0); }); }\nexport function View_ContactUsComponent_0(_l) { return i1.ɵvid(0, [i1.ɵpid(0, i7.SafeHtmlPipe, [i8.DomSanitizer]), (_l()(), i1.ɵeld(1, 0, null, null, 8, \"div\", [[\"class\", \"main-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"p\", [[\"class\", \"contact-us-title\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Contact Us\"])), (_l()(), i1.ɵeld(4, 0, null, null, 0, \"div\", [[\"class\", \"divider\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 4, \"div\", [[\"class\", \"contact-us-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ContactUsComponent_1)), i1.ɵdid(7, 16384, null, 0, i5.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ContactUsComponent_2)), i1.ɵdid(9, 16384, null, 0, i5.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isBusy; _ck(_v, 7, 0, currVal_0); var currVal_1 = _co.contactUs; _ck(_v, 9, 0, currVal_1); }, null); }\nexport function View_ContactUsComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-contact-us\", [], null, null, null, View_ContactUsComponent_0, RenderType_ContactUsComponent)), i1.ɵdid(1, 114688, null, 0, i9.ContactUsComponent, [i10.ThemeSettingService, i11.HttpClient, i12.EnvService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar ContactUsComponentNgFactory = i1.ɵccf(\"app-contact-us\", i9.ContactUsComponent, View_ContactUsComponent_Host_0, {}, {}, []);\nexport { ContactUsComponentNgFactory as ContactUsComponentNgFactory };\n","\n \n \n keyboard_voice \n
\n \n \n
\n Type \"{{validateInput}}\" to confirm deletion of selected component
\n \n {{timer}}\n secs\n
\n \n \n
","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { EnvService } from '../env.service';\nimport { SafeHtml } from '@angular/platform-browser';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { ThemeSetting } from '../objects/ThemeObject';\n\n@Component({\n selector: 'app-contact-us',\n templateUrl: './contact-us.component.html',\n styleUrls: ['./contact-us.component.css'],\n encapsulation: ViewEncapsulation.None\n})\nexport class ContactUsComponent implements OnInit {\n\n serviceUrl: string;\n contactUs: SafeHtml;\n isBusy: boolean = false;\n loaderConfig: any;\n\n constructor(private themeSettingService: ThemeSettingService, private http:HttpClient, private env: EnvService) {\n this.serviceUrl = this.env.servicePath\n }\n\n ngOnInit() {\n let themes:ThemeSetting = this.themeSettingService.getTheme();\n this.loaderConfig = themes;\n this.isBusy = true;\n this.http.get(\"assets/contact-us/contact-us.html\", { responseType: \"text\" }).subscribe(result => {\n this.contactUs = result;\n this.isBusy = false;\n }, error => {\n this.isBusy = false;\n })\n }\n\n}\n","import { OnInit } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { EnvService } from '../env.service';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nvar ContactUsComponent = /** @class */ (function () {\n function ContactUsComponent(themeSettingService, http, env) {\n this.themeSettingService = themeSettingService;\n this.http = http;\n this.env = env;\n this.isBusy = false;\n this.serviceUrl = this.env.servicePath;\n }\n ContactUsComponent.prototype.ngOnInit = function () {\n var _this = this;\n var themes = this.themeSettingService.getTheme();\n this.loaderConfig = themes;\n this.isBusy = true;\n this.http.get(\"assets/contact-us/contact-us.html\", { responseType: \"text\" }).subscribe(function (result) {\n _this.contactUs = result;\n _this.isBusy = false;\n }, function (error) {\n _this.isBusy = false;\n });\n };\n return ContactUsComponent;\n}());\nexport { ContactUsComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\"\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./continuesession.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"./continuesession.component\";\nimport * as i3 from \"../services/login.service\";\nimport * as i4 from \"@angular/router\";\nimport * as i5 from \"../objects/Globals\";\nimport * as i6 from \"../Globals\";\nvar styles_ContinuesessionComponent = [i0.styles];\nvar RenderType_ContinuesessionComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_ContinuesessionComponent, data: {} });\nexport { RenderType_ContinuesessionComponent as RenderType_ContinuesessionComponent };\nexport function View_ContinuesessionComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" Logging you in...\\n\"])), (_l()(), i1.ɵted(-1, null, [\" Username: \"])), (_l()(), i1.ɵeld(3, 0, [[\"userName\", 1]], null, 0, \"input\", [[\"type\", \"text\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\nPassword: \"])), (_l()(), i1.ɵeld(5, 0, [[\"password\", 1]], null, 0, \"input\", [[\"type\", \"password\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(6, 0, null, null, 0, \"input\", [[\"type\", \"button\"], [\"value\", \"Login\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.Login(i1.ɵnov(_v, 3).value, i1.ɵnov(_v, 5).value) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null))], null, null); }\nexport function View_ContinuesessionComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-continuesession\", [], null, null, null, View_ContinuesessionComponent_0, RenderType_ContinuesessionComponent)), i1.ɵdid(1, 114688, null, 0, i2.ContinuesessionComponent, [i3.LoginService, i4.ActivatedRoute, i5.Globals, i4.Router, i6.TokenManager], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar ContinuesessionComponentNgFactory = i1.ɵccf(\"app-continuesession\", i2.ContinuesessionComponent, View_ContinuesessionComponent_Host_0, {}, {}, []);\nexport { ContinuesessionComponentNgFactory as ContinuesessionComponentNgFactory };\n","Contact Us
\n \n\n\n
\n\n
\n\n \n\n \n Logging you in...\n
\n\nUsername: \nPassword: \n\n","import { Component, OnInit } from '@angular/core';\nimport { LoginService } from '../services/login.service';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Globals } from '../objects/Globals';\nimport { TokenManager } from '../Globals';\n\n@Component({\n selector: 'app-continuesession',\n templateUrl: './continuesession.component.html',\n styleUrls: ['./continuesession.component.css']\n})\nexport class ContinuesessionComponent implements OnInit {\n\n constructor(private loginService:LoginService, private route:ActivatedRoute, private globals:Globals, private router:Router, private tokenManager:TokenManager) { }\n\n ngOnInit() {\n \n }\n\n\n Login(username:string, password:string){\n var sessionId = this.route.snapshot.paramMap.get(\"sessionKey\");\n\n this.loginService.continueSession(username, password, sessionId).subscribe(result=>{\n this.globals.Session = result;\n this.globals.CardItems = [];\n this.router.navigate(['/', 'home']);\n this.loginService.setSession(result);\n if (this.globals.Session.Session.SessionId != null) {\n this.tokenManager.store('BRNSessionKey', this.globals.Session.Session.SessionId);\n }\n });\n }\n}\n","import { OnInit } from '@angular/core';\nimport { LoginService } from '../services/login.service';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Globals } from '../objects/Globals';\nimport { TokenManager } from '../Globals';\nvar ContinuesessionComponent = /** @class */ (function () {\n function ContinuesessionComponent(loginService, route, globals, router, tokenManager) {\n this.loginService = loginService;\n this.route = route;\n this.globals = globals;\n this.router = router;\n this.tokenManager = tokenManager;\n }\n ContinuesessionComponent.prototype.ngOnInit = function () {\n };\n ContinuesessionComponent.prototype.Login = function (username, password) {\n var _this = this;\n var sessionId = this.route.snapshot.paramMap.get(\"sessionKey\");\n this.loginService.continueSession(username, password, sessionId).subscribe(function (result) {\n _this.globals.Session = result;\n _this.globals.CardItems = [];\n _this.router.navigate(['/', 'home']);\n _this.loginService.setSession(result);\n if (_this.globals.Session.Session.SessionId != null) {\n _this.tokenManager.store('BRNSessionKey', _this.globals.Session.Session.SessionId);\n }\n });\n };\n return ContinuesessionComponent;\n}());\nexport { ContinuesessionComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".timer-group[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n background: var(--secondary);\\r\\n width: 100%;\\r\\n margin: 0px auto 5px;\\r\\n height: 75px;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n border-radius: 4px;\\r\\n box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;\\r\\n}\\r\\n\\r\\n.timer-sub-group[_ngcontent-%COMP%] {\\r\\n \\r\\n height: 100%;\\r\\n width: 620px;\\r\\n background: var(--primary);\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.timer-sub-group.has-title[_ngcontent-%COMP%] {\\r\\n left: 25px;\\r\\n}\\r\\n\\r\\n.timer-sub-container[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n max-width: 410px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.timer-item[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-flow: column;\\r\\n flex-flow: column;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n width: 20%;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.timer-item[_ngcontent-%COMP%] .item-count[_ngcontent-%COMP%] {\\r\\n font-size: 42px;\\r\\n line-height: 40px;\\r\\n font-weight: 800;\\r\\n color: var(--secondary);\\r\\n position: relative;\\r\\n top: -4px;\\r\\n text-shadow: 1px 1px 2px #c1bdbd;\\r\\n}\\r\\n\\r\\n.timer-item[_ngcontent-%COMP%] .item-desc[_ngcontent-%COMP%] {\\r\\n color: var(--secondary);\\r\\n font-size: 9px;\\r\\n font-weight: bold;\\r\\n text-transform: uppercase;\\r\\n position: relative;\\r\\n top: 3px;\\r\\n letter-spacing: 2px;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.left-arrow[_ngcontent-%COMP%] {\\r\\n\\tborder-color: transparent black;\\r\\n\\tborder-style: solid;\\r\\n\\tborder-width: 20px 20px 20px 0px;\\r\\n\\theight: 0px;\\r\\n\\twidth: 0px;\\r\\n}\\r\\n\\r\\n.right-arrow[_ngcontent-%COMP%] {\\r\\n\\tborder-color: transparent black;\\r\\n\\tborder-style: solid;\\r\\n\\tborder-width: 20px 0px 20px 20px;\\r\\n\\theight: 0px;\\r\\n\\twidth: 0px;\\r\\n}\\r\\n\\r\\n.right-arrow-container[_ngcontent-%COMP%] {\\r\\n width: 136px;\\r\\n position: absolute;\\r\\n left: 0;\\r\\n}\\r\\n\\r\\n.left-arrow-container[_ngcontent-%COMP%] {\\r\\n width: 136px;\\r\\n position: absolute;\\r\\n right: 0;\\r\\n top: 0;\\r\\n}\\r\\n\\r\\nsvg[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n height: auto;\\r\\n}\\r\\n\\r\\n.timer-title[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n \\r\\n left: 25px;\\r\\n}\\r\\n\\r\\n.timer-title[_ngcontent-%COMP%] p[_ngcontent-%COMP%]:first {\\r\\n border-bottom: 2px solid var(--primary);\\r\\n padding-bottom: 5px;\\r\\n margin: 5px;\\r\\n text-align: center;\\r\\n font-size: 14px;\\r\\n color: var(--primary);\\r\\n text-transform: uppercase;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.timer-title[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\\r\\n text-align: center;\\r\\n font-size: 14px;\\r\\n color: var(--primary);\\r\\n text-transform: uppercase;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.separator[_ngcontent-%COMP%] {\\r\\n border-bottom: 2px solid var(--primary);\\r\\n margin: 5px auto;\\r\\n width: 110%;\\r\\n position: relative;\\r\\n left: -3px;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.mobile-timer-title[_ngcontent-%COMP%] {\\r\\n margin-bottom: 5px;\\r\\n}\\r\\n\\r\\n.mobile-timer-title[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\\r\\n color: var(--primary);\\r\\n font-size: 14px;\\r\\n}\\r\\n\\r\\n.timer-group.mobile[_ngcontent-%COMP%] .timer-sub-group[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n border-radius: 4px;\\r\\n left: 0;\\r\\n}\\r\\n\\r\\n.timer-group.mobile[_ngcontent-%COMP%] .timer-item[_ngcontent-%COMP%] {\\r\\n width: 25%;\\r\\n}\\r\\n\\r\\n.timer-group.mobile[_ngcontent-%COMP%] .timer-item[_ngcontent-%COMP%] .item-count[_ngcontent-%COMP%] {\\r\\n font-size: 32px;\\r\\n}\\r\\n\\r\\n.timer-group.mobile[_ngcontent-%COMP%] .timer-item[_ngcontent-%COMP%] .item-desc[_ngcontent-%COMP%] {\\r\\n top: 0px;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./countdown-timer.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"./countdown-timer.component\";\nimport * as i4 from \"../services/header.service\";\nimport * as i5 from \"ngx-device-detector\";\nvar styles_CountdownTimerComponent = [i0.styles];\nvar RenderType_CountdownTimerComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_CountdownTimerComponent, data: {} });\nexport { RenderType_CountdownTimerComponent as RenderType_CountdownTimerComponent };\nfunction View_CountdownTimerComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.title; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_CountdownTimerComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.subtitle; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_CountdownTimerComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 50, \"div\", [[\"class\", \"timer-group\"]], [[2, \"warning\", null]], null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 5, \"div\", [[\"class\", \"timer-title\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_CountdownTimerComponent_2)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(4, 0, null, null, 0, \"div\", [[\"class\", \"separator\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_CountdownTimerComponent_3)), i1.ɵdid(6, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(7, 0, null, null, 43, \"div\", [[\"class\", \"timer-sub-group\"]], [[2, \"has-title\", null]], null, null, null, null)), (_l()(), i1.ɵeld(8, 0, null, null, 10, \"div\", [[\"class\", \"right-arrow-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(9, 0, null, null, 9, \":svg:svg\", [[\":xml:space\", \"preserve\"], [\":xmlns:serif\", \"http://www.serif.com/\"], [\":xmlns:xlink\", \"http://www.w3.org/1999/xlink\"], [\"height\", \"100%\"], [\"style\", \"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;\"], [\"version\", \"1.1\"], [\"viewBox\", \"0 0 116 64\"], [\"width\", \"100%\"], [\"xmlns\", \"http://www.w3.org/2000/svg\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(10, 0, null, null, 0, \":svg:rect\", [[\"height\", \"64\"], [\"id\", \"CountdownTimerArrow\"], [\"style\", \"fill:none;\"], [\"width\", \"244.006\"], [\"x\", \"-129\"], [\"y\", \"0\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(11, 0, null, null, 1, \":svg:clipPath\", [[\"id\", \"_clip1\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(12, 0, null, null, 0, \":svg:rect\", [[\"height\", \"64\"], [\"width\", \"244.006\"], [\"x\", \"-129\"], [\"y\", \"0\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(13, 0, null, null, 5, \":svg:g\", [[\"clip-path\", \"url(#_clip1)\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(14, 0, null, null, 4, \":svg:g\", [[\"id\", \"CountdownTimer_Compact\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(15, 0, null, null, 0, \":svg:path\", [[\"d\", \"M23.559,32l-23.56,32l-0.003,-64l23.563,32Zm-23.56,32l-128.999,0l0,-64l128.996,0l0.003,64Z\"], [\"style\", \"fill:var(--secondary);\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(16, 0, null, null, 0, \":svg:path\", [[\"d\", \"M32.585,16l0,-16l25.027,32l-24.622,32l0.035,-16.44l12.074,-15.56l-12.514,-16Zm-12.514,48l12.954,-16.44l-0.035,16.44l-133.232,0c0,0 120.313,0 120.313,0l0,-64l0,64Zm12.514,-48l-12.514,-16l12.514,0l0,16Z\"], [\"style\", \"fill:var(--secondary);\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(17, 0, null, null, 0, \":svg:path\", [[\"d\", \"M60.36,16l0,-16l25.027,32l-25.027,32l0,-16l12.514,-16l-12.514,-16Zm-12.514,48l12.514,-16l0,16l-132.827,0c0,0 120.313,0 120.313,0l0,-64l0,64Zm12.514,-48l-12.514,-16l12.514,0l0,16Z\"], [\"style\", \"fill:var(--secondary);\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(18, 0, null, null, 0, \":svg:path\", [[\"d\", \"M89.973,16l0,-16l25.027,32l-25.027,32l0,-16l12.513,-16l-12.513,-16Zm-12.514,48l12.514,-16l0,16l-132.827,0c0,0 120.313,0 120.313,0l0,-64l0,64Zm12.514,-48l-12.514,-16l12.514,0l0,16Z\"], [\"style\", \"fill:var(--secondary);\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(19, 0, null, null, 20, \"div\", [[\"class\", \"timer-sub-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(20, 0, null, null, 4, \"div\", [[\"class\", \"timer-item days\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(21, 0, null, null, 1, \"span\", [[\"class\", \"item-count\"]], null, null, null, null, null)), (_l()(), i1.ɵted(22, null, [\"\", \"\"])), (_l()(), i1.ɵeld(23, 0, null, null, 1, \"span\", [[\"class\", \"item-desc\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Days\"])), (_l()(), i1.ɵeld(25, 0, null, null, 4, \"div\", [[\"class\", \"timer-item hours\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(26, 0, null, null, 1, \"span\", [[\"class\", \"item-count\"]], null, null, null, null, null)), (_l()(), i1.ɵted(27, null, [\"\", \"\"])), (_l()(), i1.ɵeld(28, 0, null, null, 1, \"span\", [[\"class\", \"item-desc\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Hours\"])), (_l()(), i1.ɵeld(30, 0, null, null, 4, \"div\", [[\"class\", \"timer-item minutes\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(31, 0, null, null, 1, \"span\", [[\"class\", \"item-count\"]], null, null, null, null, null)), (_l()(), i1.ɵted(32, null, [\"\", \"\"])), (_l()(), i1.ɵeld(33, 0, null, null, 1, \"span\", [[\"class\", \"item-desc\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Minutes\"])), (_l()(), i1.ɵeld(35, 0, null, null, 4, \"div\", [[\"class\", \"timer-item seconds\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(36, 0, null, null, 1, \"span\", [[\"class\", \"item-count\"]], null, null, null, null, null)), (_l()(), i1.ɵted(37, null, [\"\", \"\"])), (_l()(), i1.ɵeld(38, 0, null, null, 1, \"span\", [[\"class\", \"item-desc\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Seconds\"])), (_l()(), i1.ɵeld(40, 0, null, null, 10, \"div\", [[\"class\", \"left-arrow-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(41, 0, null, null, 9, \":svg:svg\", [[\":xml:space\", \"preserve\"], [\":xmlns:serif\", \"http://www.serif.com/\"], [\":xmlns:xlink\", \"http://www.w3.org/1999/xlink\"], [\"height\", \"100%\"], [\"style\", \"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;transform: rotate(180deg)\"], [\"version\", \"1.1\"], [\"viewBox\", \"0 0 116 64\"], [\"width\", \"100%\"], [\"xmlns\", \"http://www.w3.org/2000/svg\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(42, 0, null, null, 0, \":svg:rect\", [[\"height\", \"64\"], [\"id\", \"CountdownTimerArrow\"], [\"style\", \"fill:none;\"], [\"width\", \"244.006\"], [\"x\", \"-129\"], [\"y\", \"0\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(43, 0, null, null, 1, \":svg:clipPath\", [[\"id\", \"_clip1\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(44, 0, null, null, 0, \":svg:rect\", [[\"height\", \"64\"], [\"width\", \"244.006\"], [\"x\", \"-129\"], [\"y\", \"0\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(45, 0, null, null, 5, \":svg:g\", [[\"clip-path\", \"url(#_clip1)\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(46, 0, null, null, 4, \":svg:g\", [[\"id\", \"CountdownTimer_Compact\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(47, 0, null, null, 0, \":svg:path\", [[\"d\", \"M23.559,32l-23.56,32l-0.003,-64l23.563,32Zm-23.56,32l-128.999,0l0,-64l128.996,0l0.003,64Z\"], [\"style\", \"fill:var(--secondary);\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(48, 0, null, null, 0, \":svg:path\", [[\"d\", \"M32.585,16l0,-16l25.027,32l-24.622,32l0.035,-16.44l12.074,-15.56l-12.514,-16Zm-12.514,48l12.954,-16.44l-0.035,16.44l-133.232,0c0,0 120.313,0 120.313,0l0,-64l0,64Zm12.514,-48l-12.514,-16l12.514,0l0,16Z\"], [\"style\", \"fill:var(--secondary);\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(49, 0, null, null, 0, \":svg:path\", [[\"d\", \"M60.36,16l0,-16l25.027,32l-25.027,32l0,-16l12.514,-16l-12.514,-16Zm-12.514,48l12.514,-16l0,16l-132.827,0c0,0 120.313,0 120.313,0l0,-64l0,64Zm12.514,-48l-12.514,-16l12.514,0l0,16Z\"], [\"style\", \"fill:var(--secondary);\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(50, 0, null, null, 0, \":svg:path\", [[\"d\", \"M89.973,16l0,-16l25.027,32l-25.027,32l0,-16l12.513,-16l-12.513,-16Zm-12.514,48l12.514,-16l0,16l-132.827,0c0,0 120.313,0 120.313,0l0,-64l0,64Zm12.514,-48l-12.514,-16l12.514,0l0,16Z\"], [\"style\", \"fill:var(--secondary);\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_1 = _co.title; _ck(_v, 3, 0, currVal_1); var currVal_2 = _co.subtitle; _ck(_v, 6, 0, currVal_2); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.warning; _ck(_v, 0, 0, currVal_0); var currVal_3 = _co.title; _ck(_v, 7, 0, currVal_3); var currVal_4 = _co.days; _ck(_v, 22, 0, currVal_4); var currVal_5 = _co.hours; _ck(_v, 27, 0, currVal_5); var currVal_6 = _co.minutes; _ck(_v, 32, 0, currVal_6); var currVal_7 = _co.seconds; _ck(_v, 37, 0, currVal_7); }); }\nfunction View_CountdownTimerComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\" | \", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.subtitle; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_CountdownTimerComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"])), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_CountdownTimerComponent_6)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_1 = _co.subtitle; _ck(_v, 3, 0, currVal_1); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.title; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_CountdownTimerComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 26, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"div\", [[\"class\", \"mobile-timer-title\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_CountdownTimerComponent_5)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(4, 0, null, null, 22, \"div\", [[\"class\", \"timer-group mobile\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 21, \"div\", [[\"class\", \"timer-sub-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(6, 0, null, null, 20, \"div\", [[\"class\", \"timer-sub-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(7, 0, null, null, 4, \"div\", [[\"class\", \"timer-item days\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(8, 0, null, null, 1, \"span\", [[\"class\", \"item-count\"]], null, null, null, null, null)), (_l()(), i1.ɵted(9, null, [\"\", \"\"])), (_l()(), i1.ɵeld(10, 0, null, null, 1, \"span\", [[\"class\", \"item-desc\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Days\"])), (_l()(), i1.ɵeld(12, 0, null, null, 4, \"div\", [[\"class\", \"timer-item hours\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(13, 0, null, null, 1, \"span\", [[\"class\", \"item-count\"]], null, null, null, null, null)), (_l()(), i1.ɵted(14, null, [\"\", \"\"])), (_l()(), i1.ɵeld(15, 0, null, null, 1, \"span\", [[\"class\", \"item-desc\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Hours\"])), (_l()(), i1.ɵeld(17, 0, null, null, 4, \"div\", [[\"class\", \"timer-item minutes\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(18, 0, null, null, 1, \"span\", [[\"class\", \"item-count\"]], null, null, null, null, null)), (_l()(), i1.ɵted(19, null, [\"\", \"\"])), (_l()(), i1.ɵeld(20, 0, null, null, 1, \"span\", [[\"class\", \"item-desc\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Minutes\"])), (_l()(), i1.ɵeld(22, 0, null, null, 4, \"div\", [[\"class\", \"timer-item seconds\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(23, 0, null, null, 1, \"span\", [[\"class\", \"item-count\"]], null, null, null, null, null)), (_l()(), i1.ɵted(24, null, [\"\", \"\"])), (_l()(), i1.ɵeld(25, 0, null, null, 1, \"span\", [[\"class\", \"item-desc\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Seconds\"]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.title; _ck(_v, 3, 0, currVal_0); }, function (_ck, _v) { var _co = _v.component; var currVal_1 = _co.days; _ck(_v, 9, 0, currVal_1); var currVal_2 = _co.hours; _ck(_v, 14, 0, currVal_2); var currVal_3 = _co.minutes; _ck(_v, 19, 0, currVal_3); var currVal_4 = _co.seconds; _ck(_v, 24, 0, currVal_4); }); }\nexport function View_CountdownTimerComponent_0(_l) { return i1.ɵvid(0, [i1.ɵqud(402653184, 1, { countdown: 0 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_CountdownTimerComponent_1)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_CountdownTimerComponent_4)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = !_co.isMobile; _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.isMobile; _ck(_v, 4, 0, currVal_1); }, null); }\nexport function View_CountdownTimerComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-countdown-timer\", [], null, null, null, View_CountdownTimerComponent_0, RenderType_CountdownTimerComponent)), i1.ɵdid(1, 245760, null, 0, i3.CountdownTimerComponent, [i4.HeaderService, i5.DeviceDetectorService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar CountdownTimerComponentNgFactory = i1.ɵccf(\"app-countdown-timer\", i3.CountdownTimerComponent, View_CountdownTimerComponent_Host_0, { leftTime: \"leftTime\", setProperty: \"setProperty\" }, { countdownEnd: \"countdownEnd\" }, []);\nexport { CountdownTimerComponentNgFactory as CountdownTimerComponentNgFactory };\n","\n\n
\n\n\n
\n\n {{title}}
\n \n{{subtitle}}
\n\n\n
\n\n\n \n
\n\n \n
\n\n \n {{days}}\n Days\n
\n\n \n {{hours}}\n Hours\n
\n\n \n {{minutes}}\n Minutes\n
\n\n \n {{seconds}}\n Seconds\n
\n \n \n
\n \n \n\n
\n","import { Component, OnInit, Input, ViewChild, OnDestroy, Output, EventEmitter } from '@angular/core';\nimport { DetailProperty } from '../objects/DetailObject';\nimport { CountdownComponent } from 'ngx-countdown';\nimport { Observable, Subscription } from 'rxjs';\nimport * as moment from 'moment';\nimport { SessionTimerService } from '../services/session-timer.service';\nimport { Globals } from '../objects/Globals';\nimport { HeaderService } from '../services/header.service';\nimport { DeviceDetectorService } from 'ngx-device-detector';\n\n@Component({\n selector: 'app-countdown-timer',\n templateUrl: './countdown-timer.component.html',\n styleUrls: ['./countdown-timer.component.css']\n})\nexport class CountdownTimerComponent implements OnInit, OnDestroy {\n \n @ViewChild('cd') private countdown: CountdownComponent;\n\n date: Date;\n days: number = 0;\n hours: number = 0;\n minutes: number = 0;\n seconds: number = 0;\n sub: Subscription;\n sub1: Subscription;\n warning:boolean = false;\n endDate: Date;\n title: string;\n subtitle: string;\n isMobile: boolean = false;\n\n constructor(private headerService: HeaderService, private deviceService: DeviceDetectorService) { \n this.isMobile = deviceService.isMobile();\n }\n\n ngOnInit() {}\n\n @Input() leftTime: number;\n @Input() set setProperty(prop: DetailProperty){\n this.title = prop.PropertyDisplay.split('|')[0];\n this.subtitle = prop.PropertyDisplay.split('|')[1];\n if (prop.ParentPropertyValue){\n this.getDurationCountdown(prop);\n }\n }\n\n @Output() countdownEnd = new EventEmitter\n
\n {{title}} | {{subtitle}}
\n\n
\n\n
\n \n
\n \n \n {{days}}\n Days\n
\n\n \n {{hours}}\n Hours\n
\n\n \n {{minutes}}\n Minutes\n
\n\n \n {{seconds}}\n Seconds\n
\n \n \n \n
\n\n
\n\n ","import { Component, OnInit, ViewChild, ElementRef, AfterViewInit } from '@angular/core';\nimport { BsModalRef } from 'ngx-bootstrap';\nimport { SpeechRecognitionService } from '../services/speech-recognition.service';\n\n@Component({\n selector: 'app-custom-popup',\n templateUrl: './custom-popup.component.html',\n styleUrls: ['./custom-popup.component.css']\n})\nexport class CustomPopupComponent implements OnInit, AfterViewInit {\n\n @ViewChild('text') textbox: ElementRef;\n \n title: string;\n content: any;\n options: string[];\n answer:string;\n inputText:string;\n selectedItem:string;\n isInputEmpty:boolean = false;\n respondObject:Object = {};\n exampleList:any;\n optionList:CustomOptionObject[] = [];\n option:Option;\n\n constructor(\n public bsModalRef: BsModalRef,\n private speechRecognitionService:SpeechRecognitionService) { }\n\n ngOnInit() {\n this.buildOptionList();\n }\n\n ngAfterViewInit(){\n const inputElem = Show data where :
\n{{content.FilterOptionDisplay}}
\n\n \n \n {{opt.ItemDisplay }}\n \n \n
\n \n \n \n \n
\n \n\n
\n \n Value is required
\n \n
","import { Component, OnInit, Input, ViewChild, EventEmitter, Output, ElementRef, AfterViewInit } from '@angular/core';\nimport { DetailService } from '../services/detail.service';\nimport { Detail, DetailPropertyGroup, FormProperties, Options, Action, OptionsGroup, TransportValueSelection } from '../objects/DetailObject';\nimport { NgForm } from '@angular/forms';\nimport { ScrollService } from '../services/scroll.service';\nimport { ConfirmationService } from '../services/confirmation.service';\nimport { BsModalService, BsModalRef, ModalOptions } from 'ngx-bootstrap';\nimport { ToasterMessageService } from '../services/toaster-message.service';\nimport { DetailPopupComponent } from '../detail-popup/detail-popup.component';\nimport { Router } from '@angular/router';\nimport { ModalControlService } from '../services/modal-control.service';\nimport { MessagePopupService } from '../services/message-popup.service';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { MatRadioButton, MatCheckbox } from '@angular/material';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { ThemeSetting } from '../objects/ThemeObject';\nimport { Globals } from '../objects/Globals';\nimport { HeaderService } from '../services/header.service';\nimport { LoginService } from '../services/login.service';\nimport { AttachmentService } from '../services/attachment.service';\n\n@Component({\n selector: 'app-detail-form',\n templateUrl: './detail-form.component.html',\n styleUrls: ['./detail-form.component.css']\n})\nexport class DetailFormComponent implements OnInit, AfterViewInit {\n\n private componentId: string;\n private modalRef: BsModalRef;\n \n animate:boolean = false;\n submitted: boolean = false;\n detailForm: Detail;\n actions: Action[] = [];\n invalidProperties = [];\n groups: DetailPropertyGroup[];\n formProperties: FormProperties[];\n isBusy:boolean = false;\n loaderConfig: any;\n currentScore: string;\n maxScore: number;\n updatedDate: any;\n focusProp: string;\n\n @ViewChild('detailForm') subDetailForm: NgForm;\n\n @ViewChild('detailContainer') public detailContainer;\n @ViewChild('textbox') textbox:ElementRef;\n @ViewChild('textarea') textarea:ElementRef;\n @ViewChild('matRadio') matRadio: MatRadioButton;\n @ViewChild('matCheckbox') matCheckbox: MatCheckbox;\n \n @Output() hidePopup = new EventEmitter\n
\n \n\n
\n\n
\n{{ title }}{{ popTitle }}
\n 0\">\n \n \n \n
\n \n\n
","import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ElementRef, HostListener } from '@angular/core';\n\nimport { BsModalRef } from 'ngx-bootstrap/modal/';\nimport { Subject } from 'rxjs';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { ThemeSetting } from '../objects/ThemeObject';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { Action } from '../objects/DetailObject';\n\n@Component({\n selector: 'app-detail-popup',\n templateUrl: './detail-popup.component.html',\n styleUrls: ['./detail-popup.component.css']\n})\nexport class DetailPopupComponent implements OnInit {\n\n @HostListener(\"document:keydown\", [\"$event\"])\n handleKeyup(event) {\n if (event.keyCode === 8 && event.target.tagName.toUpperCase() != \"INPUT\" && event.target.tagName.toUpperCase() != \"TEXTAREA\") {\n event.preventDefault();\n }\n }\n\n refresh: boolean = false;\n title: string;\n popTitle:string;\n loaderConfig: ThemeSetting;\n isBusy: boolean = false;\n height: number;\n actions: Action[] = [];\n currentAction: Action;\n public refreshDetail: Subject\r\n
\r\n","import { Component, OnInit, Input, OnChanges, SimpleChanges, EventEmitter, Output, ViewChild, ElementRef, OnDestroy, HostListener, AfterViewInit, ViewChildren, Renderer2 } from '@angular/core';\nimport { Globals } from '../objects/Globals';\nimport { Router } from '@angular/router';\nimport { DetailService } from '../services/detail.service';\nimport { ConfirmationService } from '../services/confirmation.service';\nimport { Detail, DetailPropertyGroup, DetailProperty, DetailSection, Action, ValueSelection, CombinationProperty } from '../objects/DetailObject';\nimport { ToasterMessageService } from '../services/toaster-message.service';\nimport { DetailPopupComponent } from '../detail-popup/detail-popup.component';\nimport { DatePipe } from '@angular/common';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { BsModalService, ModalOptions } from 'ngx-bootstrap/modal';\nimport { BsModalRef } from 'ngx-bootstrap/modal/bs-modal-ref.service';\nimport { NgForm } from '@angular/forms';\nimport { trigger, state, style, animate, transition} from '@angular/animations';\nimport { ThemeSetting } from '../objects/ThemeObject';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { of, Subscription, Observable, BehaviorSubject, Subject } from 'rxjs';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { ContextMenuService, ContextMenuComponent } from 'ngx-contextmenu';\nimport { NestedTreeControl } from '@angular/cdk/tree';\nimport { MatTreeNestedDataSource } from '@angular/material';\nimport { MyTreeNode } from '../objects/TreeviewObject';\nimport { HeaderService } from '../services/header.service';\nimport { EnvService } from '../env.service';\nimport { AttachmentService } from '../services/attachment.service';\nimport { WorkflowReturnService } from '../services/workflow-return.service';\nimport { MessagePopupService } from '../services/message-popup.service';\nimport { debounceTime } from 'rxjs/operators';\nimport { IInfiniteScrollEvent } from 'ngx-infinite-scroll';\nimport { SessionTimerService } from '../services/session-timer.service';\nimport { FloatingPanelService } from '../services/floating-panel.service';\nimport { SidePopupService } from '../services/side-popup.service';\n\n@Component({\n selector: 'app-detail',\n templateUrl: './detail.component.html',\n styleUrls: ['./detail.component.css'],\n animations: [\n trigger('openClose', [\n state('open', style({\n opacity: 1\n })),\n state('closed', style({\n opacity: 0\n })),\n transition('open => closed', [\n animate('50ms')\n ]),\n transition('closed => open', [\n animate('0.5s')\n ]),\n ]),\n trigger('hideShow', [ \n transition(':enter', [\n style({ opacity: 0 }),\n animate(300)\n ]),\n transition(':leave', [\n animate(300, style({ opacity: 0 }))\n ]),\n state('*', style({ opacity: '1' })),\n ])\n ]\n})\n\nexport class DetailComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {\n\n @HostListener('document:click', ['$event'])\n clickout(event) {\n if (this.hiddenActions && this.btnShowMore){\n if (this.hiddenActions.nativeElement.contains(event.target) || this.btnShowMore.first.nativeElement.contains(event.target)){\n\n }\n else{\n this.showHidden = false;\n }\n }\n }\n\n onScroll(event) {\n // if (this.isPopupDetail){\n this.scrollEvent = event;\n if (this.detailProperties){\n this.detailProperties.forEach(element => {\n element.IsDropdownOpen = false;\n });\n }\n \n if (this.combinationProperty){\n this.combinationProperty.forEach(list => {\n list.properties.forEach(prop => {\n prop.IsDropdownOpen = false;\n })\n })\n }\n // }\n }\n\n public readonly loadingPreview: BehaviorSubject\r\n
\r\n \r\n
\r\n \r\n ![](\"../../assets/images/Paper1.png\")
\r\n
\r\n \r\n Select an item to view
\r\n \r\n
\r\n \r\n DocumentId: {{detailObject.DocumentId}}\r\n DocumentState: {{detailObject.DocState}}\r\n DocumentType: {{detailObject.DocumentType}}\r\n DocumentTypeCode: {{detailObject.DocumentTypeCode}}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {{detailObject.DocTitle.trim()}}\r\n {{detailObject.DocSubtitle}}\r\n \r\n \r\n
\r\n 0 && stateDisplayType != 'ActionBottom'\">\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{ action.ActionDisplay }}
\r\n \r\n more_horiz \r\n
\r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n ![](\"../../assets/images/process-document.gif\")
\r\n
\r\n \r\n 0\">{{groups[0].GroupDisplay}}
\r\n\r\n
\r\n{{errorMessage}}
\r\n- \n
- \n
\n \n
\n
\n \n \n {{ item.ItemDisplay }}\n \n \n
\n \n \n \n {{ item.ItemDisplay }}\n \n \n
\n \n MYBIZ SUPPLIER NETWORK
Connect. Grow.
';\n this.primaryColor = '#007BC4';\n this.secondaryColor = '#EDF7FD';\n this.accentColor = '#4A98DC';\n this.baseColor = '#f8f8f8';\n this.iconColor = '#495057';\n this.enableCaptcha = false;\n this.sessionTimeout = 15;\n this.checkIntervalUpdate = 5;\n this.shortHeader = false;\n this.chartExpand = false;\n this.showLoginTerms = false;\n this.footerText = \"Copyright © 2019 MyBiz Solutions Sdn Bhd. All rights reserved\";\n this.captchaKey = \"6Ld9260UAAAAAI6QMMrnC8NM7fNLSdemJoAVMlfZ\";\n // public captchaKey = \"6Lc-ovYUAAAAAMFQkb1XcRuuBbTlvEUX4p0FlhFf\";\n // Whether or not to enable debug mode\n this.enableDebug = true;\n }\n EnvService.ngInjectableDef = i0.defineInjectable({ factory: function EnvService_Factory() { return new EnvService(); }, token: EnvService, providedIn: \"root\" });\n return EnvService;\n}());\nexport { EnvService };\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class EnvService {\n // The values that are defined here are the default values that can\n // be overridden by env.js\n\n // API url\n public servicePath = 'http://mybiz6-lite.mybiz.net/AppService/AppService.svc/';\n public showAppVersion = true;\n public loginBackdrop = \"../../assets/images/business-1-dark.jpg\";\n public supplierBackdrop = '../../assets/images/business-1.jpg';\n public portalTitle = \"MyBiz eProcurement Portal\";\n public portalTab = \"MyBiz Lite Dev\";\n public portalName = 'MyBiz';\n public userGuidesHtml = \"WelcometoMyBizeProcurementPortal.html\";\n public allowRegistration = \"Register As Supplier\";\n public allowContactUs = \"Contact Us\";\n public allowSupplierApplication = '';\n public headersOrder = ['allowSupplierApplication', 'allowContactUs'];\n public supplierHeaderText = 'MYBIZ SUPPLIER NETWORK
Connect. Grow.
';\n public primaryColor = '#007BC4';\n public secondaryColor = '#EDF7FD';\n public accentColor = '#4A98DC';\n public baseColor = '#f8f8f8';\n public iconColor = '#495057';\n public enableCaptcha = false;\n public sessionTimeout = 15;\n public checkIntervalUpdate = 5;\n public shortHeader = false;\n public chartExpand = false;\n public showLoginTerms = false;\n public footerText = \"Copyright © 2019 MyBiz Solutions Sdn Bhd. All rights reserved\";\n public captchaKey = \"6Ld9260UAAAAAI6QMMrnC8NM7fNLSdemJoAVMlfZ\";\n // public captchaKey = \"6Lc-ovYUAAAAAMFQkb1XcRuuBbTlvEUX4p0FlhFf\";\n \n // Whether or not to enable debug mode\n public enableDebug = true;\n\n constructor() {\n }\n}\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".main-container[_ngcontent-%COMP%] {\\r\\n max-width: 1400px;\\r\\n margin: 0px auto;\\r\\n padding: 10px 20px 25px;\\r\\n height: 100%;\\r\\n overflow-y: auto;\\r\\n}\\r\\n\\r\\n.faq-title[_ngcontent-%COMP%] {\\r\\n padding: 20px 0px 10px;\\r\\n \\r\\n color: var(--primary);\\r\\n font-size: 26px;\\r\\n text-transform: uppercase;\\r\\n text-align: center;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.divider[_ngcontent-%COMP%] {\\r\\n display: block;\\r\\n width: 340px;\\r\\n border-bottom: 1px solid #ccc;\\r\\n margin: 0px auto 40px;\\r\\n}\\r\\n\\r\\n.faq-container[_ngcontent-%COMP%] {\\r\\n width: 1000px;\\r\\n margin: 20px auto;\\r\\n}\\r\\n\\r\\n.panel-header[_ngcontent-%COMP%] {\\r\\n padding: 8px 15px !important;\\r\\n background-color: #fff !important;\\r\\n}\\r\\n\\r\\n.panel-header.mat-expanded[_ngcontent-%COMP%] {\\r\\n background-color: #f6f6f6 !important;\\r\\n border-bottom: 1px solid #f2f2f2;\\r\\n}\\r\\n\\r\\n.panel-header[_ngcontent-%COMP%]:hover {\\r\\n background-color: #f5f5f5 !important;\\r\\n}\\r\\n\\r\\n.expand-icon[_ngcontent-%COMP%] {\\r\\n -ms-flex-pack: end;\\r\\n justify-content: flex-end;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n.mat-expansion-panel-header-title[_ngcontent-%COMP%] {\\r\\n color: var(--primary);\\r\\n font-size: 14px;\\r\\n}\\r\\n\\r\\n.mat-parent-td.row[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n margin: 0;\\r\\n padding: 15px 20px;\\r\\n text-align: justify;\\r\\n font-size: 13px;\\r\\n}\\r\\n\\r\\n@media (max-width: 992px){\\r\\n .faq-container[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./faq.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/material/expansion\";\nimport * as i3 from \"../../../node_modules/@angular/material/icon/typings/index.ngfactory\";\nimport * as i4 from \"@angular/material/icon\";\nimport * as i5 from \"@angular/common\";\nimport * as i6 from \"../../../node_modules/@angular/material/expansion/typings/index.ngfactory\";\nimport * as i7 from \"@angular/cdk/collections\";\nimport * as i8 from \"@angular/platform-browser/animations\";\nimport * as i9 from \"@angular/cdk/a11y\";\nimport * as i10 from \"../safe-html.pipe\";\nimport * as i11 from \"@angular/platform-browser\";\nimport * as i12 from \"./faq.component\";\nimport * as i13 from \"../services/workspace.service\";\nimport * as i14 from \"../Globals\";\nimport * as i15 from \"../services/login.service\";\nimport * as i16 from \"../objects/Globals\";\nimport * as i17 from \"@angular/router\";\nvar styles_FaqComponent = [i0.styles];\nvar RenderType_FaqComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_FaqComponent, data: {} });\nexport { RenderType_FaqComponent as RenderType_FaqComponent };\nfunction View_FaqComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"mat-panel-description\", [[\"class\", \"expand-icon mat-expansion-panel-header-description\"]], null, null, null, null, null)), i1.ɵdid(1, 16384, null, 0, i2.MatExpansionPanelDescription, [], null, null), (_l()(), i1.ɵeld(2, 0, null, null, 2, \"mat-icon\", [[\"class\", \"mat-icon notranslate\"], [\"role\", \"img\"]], [[2, \"mat-icon-inline\", null], [2, \"mat-icon-no-color\", null]], null, null, i3.View_MatIcon_0, i3.RenderType_MatIcon)), i1.ɵdid(3, 9158656, null, 0, i4.MatIcon, [i1.ElementRef, i4.MatIconRegistry, [8, null], [2, i4.MAT_ICON_LOCATION]], null, null), (_l()(), i1.ɵted(-1, 0, [\"expand_more\"]))], function (_ck, _v) { _ck(_v, 3, 0); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 3).inline; var currVal_1 = (((i1.ɵnov(_v, 3).color !== \"primary\") && (i1.ɵnov(_v, 3).color !== \"accent\")) && (i1.ɵnov(_v, 3).color !== \"warn\")); _ck(_v, 2, 0, currVal_0, currVal_1); }); }\nfunction View_FaqComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"mat-panel-description\", [[\"class\", \"expand-icon mat-expansion-panel-header-description\"]], null, null, null, null, null)), i1.ɵdid(1, 16384, null, 0, i2.MatExpansionPanelDescription, [], null, null), (_l()(), i1.ɵeld(2, 0, null, null, 2, \"mat-icon\", [[\"class\", \"mat-icon notranslate\"], [\"role\", \"img\"]], [[2, \"mat-icon-inline\", null], [2, \"mat-icon-no-color\", null]], null, null, i3.View_MatIcon_0, i3.RenderType_MatIcon)), i1.ɵdid(3, 9158656, null, 0, i4.MatIcon, [i1.ElementRef, i4.MatIconRegistry, [8, null], [2, i4.MAT_ICON_LOCATION]], null, null), (_l()(), i1.ɵted(-1, 0, [\"chevron_right\"]))], function (_ck, _v) { _ck(_v, 3, 0); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 3).inline; var currVal_1 = (((i1.ɵnov(_v, 3).color !== \"primary\") && (i1.ɵnov(_v, 3).color !== \"accent\")) && (i1.ɵnov(_v, 3).color !== \"warn\")); _ck(_v, 2, 0, currVal_0, currVal_1); }); }\nfunction View_FaqComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"div\", [[\"class\", \"mat-row-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"div\", [[\"class\", \"mat-parent-td row\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"div\", [[\"class\", \"mat-td\"]], [[8, \"innerHTML\", 1]], null, null, null, null)), i1.ɵppd(3, 1)], null, function (_ck, _v) { var currVal_0 = i1.ɵunv(_v, 2, 0, _ck(_v, 3, 0, i1.ɵnov(_v.parent.parent.parent, 0), _v.parent.parent.context.$implicit.MessageContent)); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_FaqComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"div\", [[\"class\", \"mat-parent-td col-12\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"div\", [[\"class\", \"mat-td\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Loading...\"]))], null, null); }\nfunction View_FaqComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_FaqComponent_5)), i1.ɵdid(1, 16384, null, 0, i5.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noData\", 2]], null, 0, null, View_FaqComponent_6))], function (_ck, _v) { var currVal_0 = _v.parent.context.$implicit.MessageContent; var currVal_1 = i1.ɵnov(_v, 2); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }\nfunction View_FaqComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 16777216, null, null, 18, \"mat-expansion-panel\", [[\"class\", \"mat-expansion-panel\"], [\"hideToggle\", \"\"]], [[2, \"mat-expanded\", null], [2, \"_mat-animation-noopable\", null], [2, \"mat-expansion-panel-spacing\", null]], null, null, i6.View_MatExpansionPanel_0, i6.RenderType_MatExpansionPanel)), i1.ɵdid(1, 1753088, [[\"panel\", 4]], 1, i2.MatExpansionPanel, [[3, i2.MAT_ACCORDION], i1.ChangeDetectorRef, i7.UniqueSelectionDispatcher, i1.ViewContainerRef, i5.DOCUMENT, [2, i8.ANIMATION_MODULE_TYPE], [2, i2.MAT_EXPANSION_PANEL_DEFAULT_OPTIONS]], { hideToggle: [0, \"hideToggle\"] }, null), i1.ɵqud(335544320, 2, { _lazyContent: 0 }), i1.ɵprd(256, null, i2.MAT_ACCORDION, undefined, []), (_l()(), i1.ɵeld(4, 0, null, 0, 12, \"mat-expansion-panel-header\", [[\"class\", \"panel-header mat-expansion-panel-header\"], [\"role\", \"button\"]], [[1, \"id\", 0], [1, \"tabindex\", 0], [1, \"aria-controls\", 0], [1, \"aria-expanded\", 0], [1, \"aria-disabled\", 0], [2, \"mat-expanded\", null], [40, \"@expansionHeight\", 0]], [[null, \"click\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5)._toggle() !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 5)._keydown($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i6.View_MatExpansionPanelHeader_0, i6.RenderType_MatExpansionPanelHeader)), i1.ɵdid(5, 180224, [[1, 4]], 0, i2.MatExpansionPanelHeader, [i2.MatExpansionPanel, i1.ElementRef, i9.FocusMonitor, i1.ChangeDetectorRef, [2, i2.MAT_EXPANSION_PANEL_DEFAULT_OPTIONS]], { expandedHeight: [0, \"expandedHeight\"], collapsedHeight: [1, \"collapsedHeight\"] }, null), i1.ɵpod(6, { collapsedHeight: 0, expandedHeight: 1 }), i1.ɵpod(7, { value: 0, params: 1 }), (_l()(), i1.ɵeld(8, 0, null, 0, 4, \"mat-panel-title\", [[\"class\", \"mat-expansion-panel-header-title\"]], null, null, null, null, null)), i1.ɵdid(9, 16384, null, 0, i2.MatExpansionPanelTitle, [], null, null), (_l()(), i1.ɵeld(10, 0, null, null, 2, \"div\", [[\"style\", \"line-height: 2\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(11, 0, null, null, 1, \"p\", [[\"class\", \"mat-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(12, null, [\"\", \"\"])), (_l()(), i1.ɵand(16777216, null, 1, 1, null, View_FaqComponent_2)), i1.ɵdid(14, 16384, null, 0, i5.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, 1, 1, null, View_FaqComponent_3)), i1.ɵdid(16, 16384, null, 0, i5.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, 1, 1, null, View_FaqComponent_4)), i1.ɵdid(18, 16384, [[2, 4]], 0, i2.MatExpansionPanelContent, [i1.TemplateRef], null, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_3 = \"\"; _ck(_v, 1, 0, currVal_3); var currVal_11 = \"\"; var currVal_12 = \"\"; _ck(_v, 5, 0, currVal_11, currVal_12); var currVal_14 = i1.ɵnov(_v, 1).expanded; _ck(_v, 14, 0, currVal_14); var currVal_15 = !i1.ɵnov(_v, 1).expanded; _ck(_v, 16, 0, currVal_15); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 1).expanded; var currVal_1 = (i1.ɵnov(_v, 1)._animationMode === \"NoopAnimations\"); var currVal_2 = i1.ɵnov(_v, 1)._hasSpacing(); _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2); var currVal_4 = i1.ɵnov(_v, 5).panel._headerId; var currVal_5 = (i1.ɵnov(_v, 5).disabled ? (0 - 1) : 0); var currVal_6 = i1.ɵnov(_v, 5)._getPanelId(); var currVal_7 = i1.ɵnov(_v, 5)._isExpanded(); var currVal_8 = i1.ɵnov(_v, 5).panel.disabled; var currVal_9 = i1.ɵnov(_v, 5)._isExpanded(); var currVal_10 = _ck(_v, 7, 0, i1.ɵnov(_v, 5)._getExpandedState(), _ck(_v, 6, 0, i1.ɵnov(_v, 5).collapsedHeight, i1.ɵnov(_v, 5).expandedHeight)); _ck(_v, 4, 0, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10); var currVal_13 = _v.context.$implicit.MessageHeader; _ck(_v, 12, 0, currVal_13); }); }\nexport function View_FaqComponent_0(_l) { return i1.ɵvid(0, [i1.ɵpid(0, i10.SafeHtmlPipe, [i11.DomSanitizer]), (_l()(), i1.ɵeld(1, 0, null, null, 10, \"div\", [[\"class\", \"main-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"p\", [[\"class\", \"faq-title\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Frequently Asked Questions\"])), (_l()(), i1.ɵeld(4, 0, null, null, 0, \"div\", [[\"class\", \"divider\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 6, \"div\", [[\"class\", \"faq-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(6, 0, null, null, 5, \"mat-accordion\", [[\"class\", \"mat-accordion\"]], null, null, null, null, null)), i1.ɵprd(6144, null, i2.MAT_ACCORDION, null, [i2.MatAccordion]), i1.ɵdid(8, 1720320, null, 1, i2.MatAccordion, [], { multi: [0, \"multi\"] }, null), i1.ɵqud(603979776, 1, { _headers: 1 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FaqComponent_1)), i1.ɵdid(11, 278528, null, 0, i5.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = false; _ck(_v, 8, 0, currVal_0); var currVal_1 = _co.FAQList; _ck(_v, 11, 0, currVal_1); }, null); }\nexport function View_FaqComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-faq\", [], null, null, null, View_FaqComponent_0, RenderType_FaqComponent)), i1.ɵdid(1, 114688, null, 0, i12.FaqComponent, [i13.WorkspaceService, i14.TokenManager, i15.LoginService, i16.Globals, i17.Router], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar FaqComponentNgFactory = i1.ɵccf(\"app-faq\", i12.FaqComponent, View_FaqComponent_Host_0, {}, {}, []);\nexport { FaqComponentNgFactory as FaqComponentNgFactory };\n","\n
","import { Component, OnInit } from '@angular/core';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { Message } from '@angular/compiler/src/i18n/i18n_ast';\nimport { TokenManager } from '../Globals';\nimport { LoginService } from '../services/login.service';\nimport { AppSession } from '../objects/Session';\nimport { Globals } from '../objects/Globals';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-faq',\n templateUrl: './faq.component.html',\n styleUrls: ['./faq.component.css']\n})\nexport class FaqComponent implements OnInit {\n\n private isBusy: boolean;\n FAQList: FrequentlyAskedQuestion[];\n\n constructor(private workspaceService: WorkspaceService, private tokenManager:TokenManager, private loginService: LoginService, private globals: Globals, private router: Router) { }\n\n ngOnInit() {\n this.handleSession();\n \n }\n\n getFAQ(){\n this.isBusy = true;\n this.workspaceService.getFAQ().subscribe(result => {\n this.FAQList = JSON.parse(result);\n this.sortFAQ();\n this.isBusy = false;\n })\n }\n\n sortFAQ(){\n this.FAQList = this.FAQList.sort((a:FrequentlyAskedQuestion,b:FrequentlyAskedQuestion) => { \n if(a.MessageOrder > b.MessageOrder){\n return 1;\n }else if(a.MessageOrder < b.MessageOrder){\n return -1;\n }else{\n return 0;\n }\n });\n }\n\n handleSession(){\n var sessionCookie = JSON.parse(this.tokenManager.retrieve(\"BRNSessionKey\"));\n var self = this;\n if(sessionCookie){\n this.loginService.getSession(sessionCookie).subscribe(result => {\n if(result){\n var checkSessionObject = JSON.parse(result);\n if(checkSessionObject.SessionObject)\n {\n var sessionObject:AppSession = checkSessionObject.SessionObject;\n self.globals.Session = sessionObject;\n self.globals.CardItems = [];\n this.loginService.setSession(self.globals.Session);\n this.getFAQ();\n }\n }\n }, error => {\n this.tokenManager.store(\"BRNSessionKey\", null);\n });\n }else{\n //this.router.navigate(['/', 'login']);\n }\n }\n}\n\nexport class FrequentlyAskedQuestion {\n ID?: string;\n MessageName?: string;\n MessageHeader: string;\n MessageContent: string;\n MessageDataRetrieval?: string;\n MessageOrder: number;\n}\n","import { OnInit } from '@angular/core';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { TokenManager } from '../Globals';\nimport { LoginService } from '../services/login.service';\nimport { Globals } from '../objects/Globals';\nimport { Router } from '@angular/router';\nvar FaqComponent = /** @class */ (function () {\n function FaqComponent(workspaceService, tokenManager, loginService, globals, router) {\n this.workspaceService = workspaceService;\n this.tokenManager = tokenManager;\n this.loginService = loginService;\n this.globals = globals;\n this.router = router;\n }\n FaqComponent.prototype.ngOnInit = function () {\n this.handleSession();\n };\n FaqComponent.prototype.getFAQ = function () {\n var _this = this;\n this.isBusy = true;\n this.workspaceService.getFAQ().subscribe(function (result) {\n _this.FAQList = JSON.parse(result);\n _this.sortFAQ();\n _this.isBusy = false;\n });\n };\n FaqComponent.prototype.sortFAQ = function () {\n this.FAQList = this.FAQList.sort(function (a, b) {\n if (a.MessageOrder > b.MessageOrder) {\n return 1;\n }\n else if (a.MessageOrder < b.MessageOrder) {\n return -1;\n }\n else {\n return 0;\n }\n });\n };\n FaqComponent.prototype.handleSession = function () {\n var _this = this;\n var sessionCookie = JSON.parse(this.tokenManager.retrieve(\"BRNSessionKey\"));\n var self = this;\n if (sessionCookie) {\n this.loginService.getSession(sessionCookie).subscribe(function (result) {\n if (result) {\n var checkSessionObject = JSON.parse(result);\n if (checkSessionObject.SessionObject) {\n var sessionObject = checkSessionObject.SessionObject;\n self.globals.Session = sessionObject;\n self.globals.CardItems = [];\n _this.loginService.setSession(self.globals.Session);\n _this.getFAQ();\n }\n }\n }, function (error) {\n _this.tokenManager.store(\"BRNSessionKey\", null);\n });\n }\n else {\n //this.router.navigate(['/', 'login']);\n }\n };\n return FaqComponent;\n}());\nexport { FaqComponent };\nvar FrequentlyAskedQuestion = /** @class */ (function () {\n function FrequentlyAskedQuestion() {\n }\n return FrequentlyAskedQuestion;\n}());\nexport { FrequentlyAskedQuestion };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".filter-ic[_ngcontent-%COMP%] {\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.filter-svg[_ngcontent-%COMP%] {\\r\\n width: 15px;\\r\\n height: 15px;\\r\\n fill: var(--icon);\\r\\n}\\r\\n\\r\\n.filter-svg.filled[_ngcontent-%COMP%] {\\r\\n fill: var(--primary);\\r\\n}\\r\\n\\r\\n.filter-ic.disabled[_ngcontent-%COMP%] {\\r\\n pointer-events: none;\\r\\n}\\r\\n\\r\\n.modal-header[_ngcontent-%COMP%] {\\r\\n padding: 5px 15px;\\r\\n background-color: var(--primary);\\r\\n}\\r\\n\\r\\n.modal-header[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]:focus {\\r\\n outline:none;\\r\\n}\\r\\n\\r\\n.close-modal[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n padding: 0;\\r\\n line-height: 16px;\\r\\n font-weight: 400;\\r\\n color: #fff;\\r\\n right: 25px;\\r\\n top: 21px;\\r\\n text-shadow: none;\\r\\n opacity: 1;\\r\\n width: 30px;\\r\\n height: 30px;\\r\\n}\\r\\n\\r\\n.modal-title[_ngcontent-%COMP%] {\\r\\n color: #fff;\\r\\n font-weight: 700;\\r\\n line-height: 2;\\r\\n font-size: 15px;\\r\\n}\\r\\n\\r\\n.filter-label[_ngcontent-%COMP%] {\\r\\n font-size: 13px;\\r\\n color: #666;\\r\\n font-weight: 600;\\r\\n margin: 0px;\\r\\n}\\r\\n\\r\\n.modal-body[_ngcontent-%COMP%] {\\r\\n overflow-y: auto;\\r\\n padding-bottom: 50px;\\r\\n min-height: 50vh;\\r\\n}\\r\\n\\r\\n.modal-footer[_ngcontent-%COMP%] {\\r\\n padding: 0.5rem 1rem;\\r\\n}\\r\\n\\r\\n.filter-container[_ngcontent-%COMP%] {\\r\\n float: left;\\r\\n width: 100%;\\r\\n margin-bottom: 5px;\\r\\n display:-ms-flexbox;\\r\\n display:flex;\\r\\n}\\r\\n\\r\\n.label-container[_ngcontent-%COMP%] {\\r\\n display: block;\\r\\n position: relative;\\r\\n padding-left: 18px;\\r\\n padding-right: 17px;\\r\\n padding-bottom: 0;\\r\\n margin-bottom: 0;\\r\\n cursor: pointer;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n -ms-user-select: none;\\r\\n user-select: none;\\r\\n}\\r\\n\\r\\n.filter-header[_ngcontent-%COMP%]:before {\\r\\n content: '\\\\2713';\\r\\n display: inline-block;\\r\\n color: #f5f5f5;\\r\\n padding: 0px 2px 0 2px;\\r\\n height: 16px;\\r\\n width: 16px;\\r\\n margin-left: 3px;\\r\\n vertical-align: text-bottom;\\r\\n margin-right: 3px;\\r\\n font-weight: 600;\\r\\n border: 1px solid #ddd;\\r\\n}\\r\\n\\r\\n.cs-checkbox[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n opacity: 0;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.hierarchy-checkmark[_ngcontent-%COMP%]:after {\\r\\n left: 5px;\\r\\n top: 2px;\\r\\n width: 4px;\\r\\n height: 8px;\\r\\n border: solid white;\\r\\n border-width: 0px 2px 2px 0;\\r\\n -webkit-transform: rotate(45deg);\\r\\n -ms-transform: rotate(45deg);\\r\\n transform: rotate(45deg);\\r\\n}\\r\\n\\r\\n.cs-checkbox[_ngcontent-%COMP%]:checked ~ .hierarchy-checkmark[_ngcontent-%COMP%]:after {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.hierarchy-checkmark[_ngcontent-%COMP%]:after {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n display: none;\\r\\n}\\r\\n\\r\\n.hierarchy-checkmark[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n top: 2px;\\r\\n left: 0px;\\r\\n height: 13px;\\r\\n width: 13px;\\r\\n background-color: #eee;\\r\\n}\\r\\n\\r\\n.form-control.invalid[_ngcontent-%COMP%] {\\r\\n border: 1px solid #a94442;\\r\\n}\\r\\n\\r\\n.form-control.invalid[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]::before {\\r\\n content: \\\"\\\\f00d\\\";\\r\\n font-family: FontAwesome;\\r\\n right: 20px;\\r\\n position: absolute;\\r\\n top: 8px;\\r\\n font-size: 13px;\\r\\n color: #a94442;\\r\\n}\\r\\n\\r\\n.header-title[_ngcontent-%COMP%] {\\r\\n font-weight: 600;\\r\\n padding: 5px 15px 6px;\\r\\n cursor: pointer;\\r\\n width: 100%;\\r\\n font-size: 12px;\\r\\n}\\r\\n\\r\\n.header-title[_ngcontent-%COMP%]:hover {\\r\\n color: #333;\\r\\n background-color: #f5f5f5;\\r\\n}\\r\\n\\r\\n.header-title.has-filter[_ngcontent-%COMP%] {\\r\\n padding-left: 27px;\\r\\n}\\r\\n\\r\\n.header-title.has-filter[_ngcontent-%COMP%]:before{\\r\\n content: '\\\\2713';\\r\\n left: 10px;\\r\\n position: absolute;\\r\\n top: 4px;\\r\\n font-size: 12px;\\r\\n line-height: 18px;\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n.divider[_ngcontent-%COMP%] {\\r\\n border-bottom: 1px solid #ddd;\\r\\n height: 1px;\\r\\n width: 97%;\\r\\n margin: 0 auto 11px;\\r\\n}\\r\\n\\r\\n.clear-filter[_ngcontent-%COMP%]:after {\\r\\n content: \\\"\\\\d7\\\";\\r\\n right: 16px;\\r\\n position: absolute;\\r\\n top: 4px;\\r\\n font-size: 20px;\\r\\n line-height: 18px;\\r\\n color: red;\\r\\n}\\r\\n\\r\\n.clear-filter[_ngcontent-%COMP%]:hover:after {\\r\\n color: #a94442;\\r\\n}\\r\\n\\r\\n.sub-header[_ngcontent-%COMP%] {\\r\\n margin-top: 2px;\\r\\n}\\r\\n\\r\\n.custom-input-search[_ngcontent-%COMP%] {\\r\\n width: 97%;\\r\\n margin: 10px auto 0px;\\r\\n display: block; \\r\\n border-radius: 20px;\\r\\n border: 1px solid #ddd;\\r\\n box-shadow: 0px 0px 1px #ddd;\\r\\n padding: 0px 15px;\\r\\n background-color: #f5f5f5;\\r\\n height: 28px;\\r\\n}\\r\\n\\r\\n.custom-input-search[_ngcontent-%COMP%]:focus {\\r\\n border-color: #66afe9;\\r\\n outline: 0;\\r\\n box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);\\r\\n}\\r\\n\\r\\n.checkbox-container[_ngcontent-%COMP%] {\\r\\n padding-top: 4px;\\r\\n padding-bottom: 4px;\\r\\n margin-top: 5px;\\r\\n}\\r\\n\\r\\n.checkbox-container[_ngcontent-%COMP%]:hover {\\r\\n background-color: #f5f5f5;\\r\\n}\\r\\n\\r\\n.checkmark-custom[_ngcontent-%COMP%] {\\r\\n top: 6px;\\r\\n}\\r\\n\\r\\n.custom-filter[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n margin: 0 8px;\\r\\n}\\r\\n\\r\\n.custom-filter-advanced[_ngcontent-%COMP%] {\\r\\n padding: 3px 13px;\\r\\n height: 27px;\\r\\n background-color: #f5f7f7;\\r\\n border: 1px solid #959797;\\r\\n margin-right: 5px;\\r\\n font-size: 13px;\\r\\n color: #959797;\\r\\n}\\r\\n\\r\\n.custom-filter-advanced[_ngcontent-%COMP%]:hover, .custom-filter-advanced[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%] {\\r\\n color: #333;\\r\\n}\\r\\n\\r\\n.custom-filter-advanced[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\\r\\n float: left;\\r\\n color: rgba(0, 0, 0, 0.54);\\r\\n}\\r\\n\\r\\n.custom-filter-advanced[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%] {\\r\\n font-size: 20px;\\r\\n position: relative;\\r\\n right: -5px;\\r\\n}\\r\\n\\r\\n.custom-filter-advanced.has-filter[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%] {\\r\\n color: var(--primary)\\r\\n}\\r\\n\\r\\n.loading-dropdown[_ngcontent-%COMP%] {\\r\\n padding-left: 28px;\\r\\n position: relative;\\r\\n line-height: 20px;\\r\\n}\\r\\n\\r\\n.loading-dropdown[_ngcontent-%COMP%]:before {\\r\\n content: '';\\r\\n background: url('data:image/gif;base64,R0lGODlhHgAeAPQfAIXJ/2a7/3fC/1i0//P6/0Ws/+Tz/5rS/9Pr/+r2/7Td/8Lk/ySd/6za//3+/zKk/7vh//j8/6LV/83p/yug/9nu/5HO/93w/z2p/8jm/zmn/02w/+/4/6bY/xya/////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTY0QTA4MjE5RDhEMTFFMzhCOTBBRjVBMDVFNTlCODciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTY0QTA4MjA5RDhEMTFFMzhCOTBBRjVBMDVFNTlCODciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDpBMkQ4NTI0QTg2OURFMzExOUQ2MjlFOTY5Q0VBRDgxMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMkQ4NTI0QTg2OURFMzExOUQ2MjlFOTY5Q0VBRDgxMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUDAB8ALAAAAAAeAB4AQAXH4CeO5McwXuGsUel+hfbO9GV820Dv7zSNgoCA91IoIK8HhUIkcTgJUqHQbFYqn4GuSlssaIIwYGyxHM4HSaeqZFAes0iEQyDMCg8Zl5Qw3ER6ezMXFxsbgjQICFqIMxkZIgEBjSMQSC5BQ00dHQ1NFCgnFBgrDnIRdkQablUETzMao4hQUSQagY1+IxgYlCSEML2+JFcFh8MjiobIyYvHzI9ZzCJfHwFbwxDV1pKURpckkppVDQ0KO2FiMx0Sap57YwBlZQc8IQAh+QQFAwAeACwAAAAAHgAeAAAFuaAnjqRHUQyaCmXreg96qmjj3G+LnY/23pFgTlSgPIakYCSH6SFLEQLBVdAUni0CZ1qyYl2cMKlw/YITJIw5Z0B7yOtXwl2Ou9qbur1kMAw2ey4XFxsDgS2DA4aHJImLjCIVFY+QHpKKlSIICAEBmR6bHp6ZEyKdlROlppUZGZ8eC64jAgEsewuxLQIAdgsQCy4CtmYQxTkAu18KChBIAM8AFi8N1Mxf0BYWB9sSEh0d1HvZ2hIH3kghACH5BAUDAB8ALAAAAAAeAB4AAAW64CeO5PdQKCUyZet+2pmiq8dob1s8j4a9D4bE4ciNekYSsfgq+JIlRyTywmygrSmVtLFiXRECoXT9usSjTcGc43BEmzK75YbPcwnOQH4vJRIDA30uf4KDLQYGAYeIiouMI4kBj5AfFxeTlSKXmiMVFZ0ioCIClQgIpKWQpyMCqoMTEyUCAIMZGbIktX23uSUAwGwLCxk5FrtYEBALSccWFhIvEAoKy1/PFgcHEhIdDd8N1X3aBx3m4UkhACH5BAUDAB8ALAAAAAAeAB4AAAW34CeO5Kc91INSVOm+H3aqasqKLVxuMlbAGoaHkdPxMLoS0WAs/JKljMPx2hQG0JcjQiUNnllYJELahJPj0cB81hEIogG2DXvH6cm3HK/jcAJ8fX+AgS4JCQGEhSSHiy+NjiUGTJEkkwIClSIXTJmaFyKekRWgmiIVFSQAjggIqquFrakkFgAWfBMTrjC3bRkZE0kWvVkLCxlQB8MHHTALEMbIYQfUEhIN2AraENCBEh0d2A0KEFAhACH5BAUDAB8ALAAAAAAeAB4AAAWv4CeO5IdpjyY+ZeuKxalp2MOKDHW/ZYxtLwyF1yoUiCXPkAhEkhieY2vQdPYMrs3A6nJ4SYMtt0sKiMevCNoZUa+REUIg8H4R5PR6665/cTgCfS1/gYItAoWGHwkJiIoijI8jWJIilB8AihcjAJmGF5sinn0VoSIWABZ6FaUuB28ICBUuFhavYxMTCDwHtlwZuU4HBxINLxkLC8BcEs0dDQ0KChDUyRl10NHSEAtIIQAh+QQFAwAfACwAAAAAHgAeAAAFpOAnjuRXYFr6rGXriicmpxr7vkOh33ybbz0SgzcABkkUz/DIfHgopcCA6aIwJNQjwpE9RrifQKDrcoDH5FckfYus2S53QAAvEQgCen10z+9HHBx/JIGDhAAAhgkJH4mDjI2DBgaGIpMkFnUXlJgHbBcXLQeZZBUVoaIHWFQICBU3EqpMrQg9ErcdCi8TGRMTtUcdHQ0NCgoQEAvKGb1sxsjJGT0hACH5BAUDAB8ALAAAAAAeAB4AAAW04CeO5LcVGKphWum+5lnMWK1p1NPC7uYPsMKDkeOJAhtjicJ48AIDoLLEgEEDU9fuhc2+PNVRoOt1MTwkctkFXk8DEPfU4RAI5DC6Hf9yRO58LhERgS+DAIUlh4iJIgQEAIyNj40kHByVI5gfFhaNCQkinZ+hogeFBqUiBwcSfAawJRIHHXIXFwYvEhK1ZbcXPB0SDV4VFcBGDcoKcS8Iz8dey8wQCwsZGRMTz3gQ3tbYE0ohACH5BAUDAB8ALAAAAAAeAB4AAAW84CeO5DdsBYoVWOm+5rnNKItpWguXweDvG83jodmNfsbRg1LcBQLJ0pICg0ZdGMajJLBeXQ8GdSQQfGEUBtl8jpbbaPWHDX95mnUYgwEA5F8MA31/Lw6DhCQOhn6II4oWFo0jERGQkiKUB5GXlB+bkgQiBwegoR8SpI0cpqcSiBwcJB0SHX8JCbEkDR0NdbcJLw0NCm0GBsAwCsNfF8ZJCtAQCzAXFRfNXxDaCwsZGRMI4RXWedzfE+AISSEAIfkEBQMAHgAsAAAAAB4AHgAABbmgJ46kOGzDuW1l63pBKqtbgRXF2wpBH7yDwgOD0Yl4P+MIM9QJlC7mwyWoQlsFiqYEsF5dlOn3SxkBxkZG2QM4o19r99vF0LTnRgtex7Do9yUUDAd/gCNqfoYkagcHiiMSAI2PIg4OEhKUHpYemZQRIh0djxGgHqKkph4NDYYEqh4KDQp7BLYlCgoQcxwcBC65u2MJvToQEAtfCcRKC84ZEy8G08tfCxnQEwgIFRUX39N4E9rc3hdKIQAh+QQFAwAfACwAAAAAHgAeAAAFwOAnjuQXBEOqlmwrnrCaFtvmtsIp3BtWFLeRYBccFXzBYbFU0GBaAAFgydo8nqwplYV5aEgA7ZaleYws4jGLYv5YLGpX2x2/UQrvuotCOcD1a30HgC0UEoOEJHwSEoksEh2OIxQMHZGSHwwMDQ2YmRQfnZgeIg0KmBUiCqeODg4jChCJriQQtoAREa8kCxAZdbkRLQsLv2MEBMIuGcVbHBwERRMZExOpLQkJz9FUEwjfFRfiBuTZHHoIFeEX5AZFIQAh+QQFAwAfACwAAAAAHgAeAAAFt+AnjuQYnENQrqwoCGeMDts2tCvwCngwFDWcCCBcbYA4gLJYOhZaAAtzNdA8SZbolFWwYqVbFkYzOoDDrAf5c0DjxqK2u/UoHOTz1eMhkeTpEh1/ehQdgoMrDQ2IJBQUioyNkJEfjgoKlCSYmSIQEJEMDJ2fjB6iIgsLiAoUJBkLGX8ODgklGRkTc7MOLLe5YRERvC0TEwhbwRFFCMwVFy0E0QTKUwgVzhcG2gkJHBzReRfZ291FIQAh+QQFAwAfACwAAAAAHgAeAAAFrOAnjuQnCEGqlmw7nqcaDLTrAidgf9s27B8LQAcc+WyWonJkSS5LhU3p4HySNpiptVXIiiSHbUvj/YTF0JEE7dp01uySRtPpxEsPTaNxJ2kee30jD4AKgiKECoaHDxSKhyMQEJAUDx+ThwwiCwuQm52CFCQZdwyaIxMZE2wMHqIkExMIaBKvJQi4Vg4OO7gVukAVwhcGNhHHTxfKBgYJzhwcBNIRaMzOCdAEQCEAIfkEBQMAHwAsAAAAAB4AHgAABargJ47kKJxlqpIAQAofHIjzWlpfa8PDYP8/3+9gwQFJg81Gdfg0j6VaSXJ4QlOFJcl6xZIkXRumIOqAwytMGW3TfBoNdhoDl6s0aoU9hdEo9HskGn6BKRoQEIUliIoiDw8LC40kkpMjGYoUFCIZmIUMJBMTlh8IEwh2mykICBVsFB4/rl0ZHqoqFRUXVw4OcT8XwQY2ESK9VwbJHwkfHBwEBBHSdgnMztBHIQAh+QQFAwAfACwAAAAAHgAeAAAFteAnjuQHAEKalmwrWueppkHttgcMWHcwDIGbKMcTkoA3ycHY+rWUEmZrMyh1JFEpa0AldTpa12YzaoDDrgL502igxQWR++3CDBQKerqA17cwBRAQfiwFGIKEJRiHg4kjGhgLC44jGBqSlCQZGZkfDxofnJkUIhMTnaWnqB8ICIkUpCMVCBWEDA8lFRUXqxe+aAxGvgZaDB6xNwbKCQkuDg4cGshMzBwcBNgR2s8OetbXBNoRRiEAIfkEBQMAHwAsAAAAAB4AHgAABbzgJ47kZwEoIKxl64pWnKJr/bbSER+vGgS3UefAC45+wY5EYiwBX41Op+kaPEeKToPqCgxKjS23+hUpxGPXpqxQpF+Djfl9KwwgEPpts8jrWwV8C38tGwULg4QkBQUZGYokGI0TkCMFGBOUlR8YGAgImx8aGB+gmw8in5UPqB8VFZUUra4XirMiF7mKGiUXBgZ0Dwy3I7/AYxQMQb8JoSIJ0BwELxoMHsNcHNoEBBHeDg4EDON63N4R4A5GIQAh+QQFAwAfACwAAAAAHgAeAAAFvOAnjuR3WKgFrGXrftIhW6e6CgLwtk0n/bsPThD8KDqd4mi4UzQaSpIgEHAprtHStAXBZltUEgTydVVHC3LZNUAv1q/25w1nBzKZOnuA17c2AxMTfiUDG4KEJBsbCAiJI4uNjyIbBRUVkx8FlpiTmx8XmRoiF6GJGBgiBqaED6mqBoQaoyMGBgl6Gq4lCb1wGhS0vAkcZQ8UDzscHARZFAzJQQTTERFBDMFZBNURDt4Czwwe2HXd3gAM5EEhACH5BAUDAB4ALAAAAAAeAB4AAAW8oCeOpNdJR2qtZet6TXNKqGoBwOsqcfzeApxOBFEohiRAUAcpIlsCgWsBWTxbSikps7BeoQGtqPvVBUaZTNl89kzUa1egPYkjEQj7EK93DQZ8fS0DFRWCJX8XF4ckiYuMIgMbipAiGxsGBpUelx6alQUiBgmQBaEeCaSMGKeoHIcYGCQctH0YGq0itAR2BQ+5IwQEEWsaD7IvwsRXDxTIOhHRDg4vGBQUx1/TDggMFAze194Pegrg4gzkQyEAIfkEBQMAHwAsAAAAAB4AHgAABbjgJ47k1zRdJx1r6b6fopynuh5WDrsLJCswHABg2Yl6EGMJYMwsFsrl8JWpRmFM0iQzub4AgtKk630JwiIEuQxDIxDs9ggehwUElUrdHrhc9i8BfX+AJYIGhIUkAQYGii6NjyQDCQmSIgOUlpeZH5uSGyIcHKChH6OSBaYfBASKGwUkrRGABRirIhG6e7cvug5sBRqxML9eGg/EOw4OEwwaMAUPD8NeAR4eDCIUFA/c3dB12iPc4TshACH5BAUDAB8ALAAAAAAeAB4AAAW24CeO5KcoTdp1Uum+3wJBJ9qw0qHDbiZDC1jnYLEceKLJIogcFS28SSbTLEFhiMmk6rIAXIgwFwb4jsTjl1lUqaR5gtHF/YbFP5c6HHDJ618CAgYGfzyDhYaIJQEBCQmKJIyOkCOMHByUJJeZIgEfBJwDIgSgkAOin6WKG6gfERGQGySviBsFrSMODnq2MLqEbxiyPAEMYwUYVRQeHgzJLxsaGsJjxiIU2BQaD9zTf9ncFA/PPCEAIfkEBQMAHwAsAAAAAB4AHgAABangJ47kB0GK0qxd6b7icqIqK92wO2XLkjeSwyE3QmQyRNLBMoQhJpNkaWlxIqSuA6BKqmBz3K73CwOMLhcy0SxKq1/sj+GdNMzpuQQeJhAk9HslfX+BLgIcHIUuiIolBASNIgEBj5EfAZYuERGZH5uNAyUOhQOhIw6oewMbLg4EAnSrpoIeFGobBUQUHmoFrEQPDLVEGBi5ZAwMFBQPzRga0MaKGg8axzkhACH5BAUDAB8ALAAAAAAeAB4AAAWk4CeO5LcsEKSsTem+35SdqKo0TafDLjLJGZiiIynyRr4jSXKQ8CoIhLLEhF0qlenLcihdvlqYxUICh7ckg+HMA4zU7HY8nEjMlfY7jMPR7/t+JAICBASBgoSGhyICIhGLJBGPkCOTiwEjDpeYHw6al5mKlAkbFH4DnCMUHg+UIqZzGwNKsFMbBbNTDBQFMAMFwLlTtQ8aGiIYyQUbdw/OyRoYUyEAIfkEBQMAHwAsAAAAAB4AHgAABbLgJ47kN2VLCq1l634IMp3osipKo7xtFccvSKPTafBEl0rlSCJ2eJcos9SRSFwG6ZR6uJIM4K1Lcjh8DWKeZZRIpNXrT/v9ssQ5dB7AwsHnXQAABAR/gIKEhSWBEYiJJAAREY4tkZMkApKWIgICDg6aH5wfn6AiBmalDB6WASQMDI4BrSMUq4WzoAEDuCUMD28DuzwPsGIDG1sUFL88G85pD8oPGhjVBdcFiRrb1xgFyEchACH5BAUDAB8ALAAAAAAeAB4AAAW+4CeO5Icg05Rly1K+8HdV1ZmuLaTHr3HNldgCoijyRL7LkaRoKHgJg2FZajQ6sISW+mpIsCTOlvvqfMMcckxyGBHS6tih/SEQ4nL6HR+zHCIRfH0WgIIwFoSBhiUWAA4OiyUAjpCRI5OPlpcAEgKalxQMnyIAHx6jnh8MopYCqRSfriSwox8PDA+LAakjtxqCuzAPFL9qAQFHGhS5ZAPIRxgPDxobMQED2M9UGtIYGAXgG+LiA4IF3gUb6eVHIQAh+QQFAwAeACwAAAAAHgAeAAAFsqAnjqR3VRWiTlPpvp5hXHS6TlkOu0kiG7DJArJY7ES9xJEEae44HOWSqVC8CNCpC9Kwkghg7UvRaHwJYlh5FImkd5KOqP2GdSTzOrzjcOhhBwd9fy+BCwiELoEUDIklFhYMjY4jkAwUlJWRk5kAmSWeHpyUoRSYpKGin6mniQICJBoUGoSvLrIFerYvGg8YujsFvmIBAbBHBRoaBQNLxmIY0QUb1BsD19cBf9TMA9baRyEAIfkEBQMAHwAsAAAAAB4AHgAABbXgJ47kZ5zXVVVI6b5fIp9GuiLINMEuwckJWC5D5Il8HCMps8jwIgSCsrSoviLYqWsBgZSwEe2r6x05wuKXQmF2pHkN9sfhfqsbooEdrmAw9jAdHX6AL4IeFIUuHRKKLxISiY4kBweSkyKVFJeTFhYPnI4WBx+hihYiDw+YJKCYAK0ajgCwIxgPGIWwtSMFsnu7LxgaBW8CAkYbxGLHUxsFBRs8AgEByGLP0R8D3NXehdx621ohACH5BAUDAB8ALAAAAAAeAB4AAAW44CeO5JecRnpdZet+BCej6lVVyNtGRM+9tgkip/tEjkUSYjIpIpOkSSbjclihrcmCSrI6sK6FmCRggcOQEcVz1kHSHwaj/YIoRGz6SwGh6HUKCn5/Lg0Nc4Qthg+DiSMdDRSNjh8dHRQPlI8SD5maHwecnpqhH6OUByIaGpoWFiIYp4QWqaoYjq4kBRoFiQCvJRgbf78uBcJtAMpFBcNnAEkDGxsDAToC2NBg0wPVAd/g2I7gAQJJIQAh+QQFAwAfACwAAAAAHgAeAAAFsOAnjuRHcFySGGzpvl9EzKjKGlcOv1FPwDhEpbITOYquCgKxcziRpeXk9chAX4jMlETxMK6vScY6YnzBr8wCDV6s2cgFRHSGvyALCsUOg0D0fC8KChQPgS6Dhy8NDQ+GiiOMDxqQkR2TlSIdHRiUmRIdmS4YGJUHByIFnoqoIxgFoiIbGBuBFhatIxsFA3a3MLu9cBY7AxvCUAAAxJAAAgIAaAPTAwHWAc/Ph9fXAlAhACH5BAUDAB8ALAAAAAAeAB4AAAWo4CeOpEgQHJesZeuKUfSdKWvcb+s4cG5Ul0tOlNkNSZdKJUdhGI6lJcJF8VCgrQpi2rpiW4jJ5PudZEgM8vD8oXjVrcwCDl1kHvTcYoHPuyAQfi+AGn2CIwoKGhqHJIkaGI2IDYySIg0NH5GWmB+Vkh0jBZISEiObjaYiBRuHBwclo36vqiMDsx+wLQOtahYWupZfA7cCOQAAHxZwASPGI8iHAtMfyUMhACH5BAUDAB8ALAAAAAAeAB4AAAW04CeO5BedBMGtZet+TnxG6Zrcyds+Quy8t4vBoBNRPIwiyXC5FJHKUrOie0RblwqVZL2+KggEiULxvsKjrvk1mayjbeNbl3HP6RmN+k5aLB4YfC1+GBqCJRAQgYckiRgFjCMQChiLkQoKBZCRH5gflowNIgUbkQ2iHxubhx2oqYwSHSQDGwN8EgeyJRsBc7gSLwO9ZgcWwC8Bwl4WFgdKyQHDLhYAAM1e0dEC2wLV3hZ822shACH5BAUDAB8ALAAAAAAeAB4AAAW74CeO5OecUUoQZet+DBOcThqtXP66jMdQLwInQdyJHsZWwmAwMpItZrP1eEKjl0tJw0BeW1nt6OH9gisjDdD8QqA/ZHYbcZTvEAiNxv6aTDB7fC1+GAWCLRkZBRiHJYkFho0jCwuRkiKUkJciEBAbG5sfnR+WkgoiGwOXCqcfA6CSDa2uqocNDSQBAwGCDR2zIrp8HRK4LbxyEhIdRshXBwcSUAEBAgAvBxYW0WwC3tYA4QDaB3zf4uNJIQA7');\\r\\n display: block;\\r\\n left: 5px;\\r\\n position: absolute;\\r\\n top: 1px;\\r\\n font-size: 13px;\\r\\n width: 16px;\\r\\n height: 16px;\\r\\n background-repeat: no-repeat;\\r\\n background-position: 50% 50%;\\r\\n background-size: 12px;\\r\\n}\\r\\n\\r\\n.save-view-button.loading[_ngcontent-%COMP%] {\\r\\n background-image: url(data:image/gif;base64,R0lGODlhHgAeAPQfAIXJ/2a7/3fC/1i0//P6/0Ws/+Tz/5rS/9Pr/+r2/7Td/8Lk/ySd/6za//3+/zKk/7vh//j8/6LV/83p/yug/9nu/5HO/93w/z2p/8jm/zmn/02w/+/4/6bY/xya/////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTY0QTA4MjE5RDhEMTFFMzhCOTBBRjVBMDVFNTlCODciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTY0QTA4MjA5RDhEMTFFMzhCOTBBRjVBMDVFNTlCODciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDpBMkQ4NTI0QTg2OURFMzExOUQ2MjlFOTY5Q0VBRDgxMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMkQ4NTI0QTg2OURFMzExOUQ2MjlFOTY5Q0VBRDgxMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUDAB8ALAAAAAAeAB4AQAXH4CeO5McwXuGsUel+hfbO9GV820Dv7zSNgoCA91IoIK8HhUIkcTgJUqHQbFYqn4GuSlssaIIwYGyxHM4HSaeqZFAes0iEQyDMCg8Zl5Qw3ER6ezMXFxsbgjQICFqIMxkZIgEBjSMQSC5BQ00dHQ1NFCgnFBgrDnIRdkQablUETzMao4hQUSQagY1+IxgYlCSEML2+JFcFh8MjiobIyYvHzI9ZzCJfHwFbwxDV1pKURpckkppVDQ0KO2FiMx0Sap57YwBlZQc8IQAh+QQFAwAeACwAAAAAHgAeAAAFuaAnjqRHUQyaCmXreg96qmjj3G+LnY/23pFgTlSgPIakYCSH6SFLEQLBVdAUni0CZ1qyYl2cMKlw/YITJIw5Z0B7yOtXwl2Ou9qbur1kMAw2ey4XFxsDgS2DA4aHJImLjCIVFY+QHpKKlSIICAEBmR6bHp6ZEyKdlROlppUZGZ8eC64jAgEsewuxLQIAdgsQCy4CtmYQxTkAu18KChBIAM8AFi8N1Mxf0BYWB9sSEh0d1HvZ2hIH3kghACH5BAUDAB8ALAAAAAAeAB4AAAW64CeO5PdQKCUyZet+2pmiq8dob1s8j4a9D4bE4ciNekYSsfgq+JIlRyTywmygrSmVtLFiXRECoXT9usSjTcGc43BEmzK75YbPcwnOQH4vJRIDA30uf4KDLQYGAYeIiouMI4kBj5AfFxeTlSKXmiMVFZ0ioCIClQgIpKWQpyMCqoMTEyUCAIMZGbIktX23uSUAwGwLCxk5FrtYEBALSccWFhIvEAoKy1/PFgcHEhIdDd8N1X3aBx3m4UkhACH5BAUDAB8ALAAAAAAeAB4AAAW34CeO5Kc91INSVOm+H3aqasqKLVxuMlbAGoaHkdPxMLoS0WAs/JKljMPx2hQG0JcjQiUNnllYJELahJPj0cB81hEIogG2DXvH6cm3HK/jcAJ8fX+AgS4JCQGEhSSHiy+NjiUGTJEkkwIClSIXTJmaFyKekRWgmiIVFSQAjggIqquFrakkFgAWfBMTrjC3bRkZE0kWvVkLCxlQB8MHHTALEMbIYQfUEhIN2AraENCBEh0d2A0KEFAhACH5BAUDAB8ALAAAAAAeAB4AAAWv4CeO5IdpjyY+ZeuKxalp2MOKDHW/ZYxtLwyF1yoUiCXPkAhEkhieY2vQdPYMrs3A6nJ4SYMtt0sKiMevCNoZUa+REUIg8H4R5PR6665/cTgCfS1/gYItAoWGHwkJiIoijI8jWJIilB8AihcjAJmGF5sinn0VoSIWABZ6FaUuB28ICBUuFhavYxMTCDwHtlwZuU4HBxINLxkLC8BcEs0dDQ0KChDUyRl10NHSEAtIIQAh+QQFAwAfACwAAAAAHgAeAAAFpOAnjuRXYFr6rGXriicmpxr7vkOh33ybbz0SgzcABkkUz/DIfHgopcCA6aIwJNQjwpE9RrifQKDrcoDH5FckfYus2S53QAAvEQgCen10z+9HHBx/JIGDhAAAhgkJH4mDjI2DBgaGIpMkFnUXlJgHbBcXLQeZZBUVoaIHWFQICBU3EqpMrQg9ErcdCi8TGRMTtUcdHQ0NCgoQEAvKGb1sxsjJGT0hACH5BAUDAB8ALAAAAAAeAB4AAAW04CeO5LcVGKphWum+5lnMWK1p1NPC7uYPsMKDkeOJAhtjicJ48AIDoLLEgEEDU9fuhc2+PNVRoOt1MTwkctkFXk8DEPfU4RAI5DC6Hf9yRO58LhERgS+DAIUlh4iJIgQEAIyNj40kHByVI5gfFhaNCQkinZ+hogeFBqUiBwcSfAawJRIHHXIXFwYvEhK1ZbcXPB0SDV4VFcBGDcoKcS8Iz8dey8wQCwsZGRMTz3gQ3tbYE0ohACH5BAUDAB8ALAAAAAAeAB4AAAW84CeO5DdsBYoVWOm+5rnNKItpWguXweDvG83jodmNfsbRg1LcBQLJ0pICg0ZdGMajJLBeXQ8GdSQQfGEUBtl8jpbbaPWHDX95mnUYgwEA5F8MA31/Lw6DhCQOhn6II4oWFo0jERGQkiKUB5GXlB+bkgQiBwegoR8SpI0cpqcSiBwcJB0SHX8JCbEkDR0NdbcJLw0NCm0GBsAwCsNfF8ZJCtAQCzAXFRfNXxDaCwsZGRMI4RXWedzfE+AISSEAIfkEBQMAHgAsAAAAAB4AHgAABbmgJ46kOGzDuW1l63pBKqtbgRXF2wpBH7yDwgOD0Yl4P+MIM9QJlC7mwyWoQlsFiqYEsF5dlOn3SxkBxkZG2QM4o19r99vF0LTnRgtex7Do9yUUDAd/gCNqfoYkagcHiiMSAI2PIg4OEhKUHpYemZQRIh0djxGgHqKkph4NDYYEqh4KDQp7BLYlCgoQcxwcBC65u2MJvToQEAtfCcRKC84ZEy8G08tfCxnQEwgIFRUX39N4E9rc3hdKIQAh+QQFAwAfACwAAAAAHgAeAAAFwOAnjuQXBEOqlmwrnrCaFtvmtsIp3BtWFLeRYBccFXzBYbFU0GBaAAFgydo8nqwplYV5aEgA7ZaleYws4jGLYv5YLGpX2x2/UQrvuotCOcD1a30HgC0UEoOEJHwSEoksEh2OIxQMHZGSHwwMDQ2YmRQfnZgeIg0KmBUiCqeODg4jChCJriQQtoAREa8kCxAZdbkRLQsLv2MEBMIuGcVbHBwERRMZExOpLQkJz9FUEwjfFRfiBuTZHHoIFeEX5AZFIQAh+QQFAwAfACwAAAAAHgAeAAAFt+AnjuQYnENQrqwoCGeMDts2tCvwCngwFDWcCCBcbYA4gLJYOhZaAAtzNdA8SZbolFWwYqVbFkYzOoDDrAf5c0DjxqK2u/UoHOTz1eMhkeTpEh1/ehQdgoMrDQ2IJBQUioyNkJEfjgoKlCSYmSIQEJEMDJ2fjB6iIgsLiAoUJBkLGX8ODgklGRkTc7MOLLe5YRERvC0TEwhbwRFFCMwVFy0E0QTKUwgVzhcG2gkJHBzReRfZ291FIQAh+QQFAwAfACwAAAAAHgAeAAAFrOAnjuQnCEGqlmw7nqcaDLTrAidgf9s27B8LQAcc+WyWonJkSS5LhU3p4HySNpiptVXIiiSHbUvj/YTF0JEE7dp01uySRtPpxEsPTaNxJ2kee30jD4AKgiKECoaHDxSKhyMQEJAUDx+ThwwiCwuQm52CFCQZdwyaIxMZE2wMHqIkExMIaBKvJQi4Vg4OO7gVukAVwhcGNhHHTxfKBgYJzhwcBNIRaMzOCdAEQCEAIfkEBQMAHwAsAAAAAB4AHgAABargJ47kKJxlqpIAQAofHIjzWlpfa8PDYP8/3+9gwQFJg81Gdfg0j6VaSXJ4QlOFJcl6xZIkXRumIOqAwytMGW3TfBoNdhoDl6s0aoU9hdEo9HskGn6BKRoQEIUliIoiDw8LC40kkpMjGYoUFCIZmIUMJBMTlh8IEwh2mykICBVsFB4/rl0ZHqoqFRUXVw4OcT8XwQY2ESK9VwbJHwkfHBwEBBHSdgnMztBHIQAh+QQFAwAfACwAAAAAHgAeAAAFteAnjuQHAEKalmwrWueppkHttgcMWHcwDIGbKMcTkoA3ycHY+rWUEmZrMyh1JFEpa0AldTpa12YzaoDDrgL502igxQWR++3CDBQKerqA17cwBRAQfiwFGIKEJRiHg4kjGhgLC44jGBqSlCQZGZkfDxofnJkUIhMTnaWnqB8ICIkUpCMVCBWEDA8lFRUXqxe+aAxGvgZaDB6xNwbKCQkuDg4cGshMzBwcBNgR2s8OetbXBNoRRiEAIfkEBQMAHwAsAAAAAB4AHgAABbzgJ47kZwEoIKxl64pWnKJr/bbSER+vGgS3UefAC45+wY5EYiwBX41Op+kaPEeKToPqCgxKjS23+hUpxGPXpqxQpF+Djfl9KwwgEPpts8jrWwV8C38tGwULg4QkBQUZGYokGI0TkCMFGBOUlR8YGAgImx8aGB+gmw8in5UPqB8VFZUUra4XirMiF7mKGiUXBgZ0Dwy3I7/AYxQMQb8JoSIJ0BwELxoMHsNcHNoEBBHeDg4EDON63N4R4A5GIQAh+QQFAwAfACwAAAAAHgAeAAAFvOAnjuR3WKgFrGXrftIhW6e6CgLwtk0n/bsPThD8KDqd4mi4UzQaSpIgEHAprtHStAXBZltUEgTydVVHC3LZNUAv1q/25w1nBzKZOnuA17c2AxMTfiUDG4KEJBsbCAiJI4uNjyIbBRUVkx8FlpiTmx8XmRoiF6GJGBgiBqaED6mqBoQaoyMGBgl6Gq4lCb1wGhS0vAkcZQ8UDzscHARZFAzJQQTTERFBDMFZBNURDt4Czwwe2HXd3gAM5EEhACH5BAUDAB4ALAAAAAAeAB4AAAW8oCeOpNdJR2qtZet6TXNKqGoBwOsqcfzeApxOBFEohiRAUAcpIlsCgWsBWTxbSikps7BeoQGtqPvVBUaZTNl89kzUa1egPYkjEQj7EK93DQZ8fS0DFRWCJX8XF4ckiYuMIgMbipAiGxsGBpUelx6alQUiBgmQBaEeCaSMGKeoHIcYGCQctH0YGq0itAR2BQ+5IwQEEWsaD7IvwsRXDxTIOhHRDg4vGBQUx1/TDggMFAze194Pegrg4gzkQyEAIfkEBQMAHwAsAAAAAB4AHgAABbjgJ47k1zRdJx1r6b6fopynuh5WDrsLJCswHABg2Yl6EGMJYMwsFsrl8JWpRmFM0iQzub4AgtKk630JwiIEuQxDIxDs9ggehwUElUrdHrhc9i8BfX+AJYIGhIUkAQYGii6NjyQDCQmSIgOUlpeZH5uSGyIcHKChH6OSBaYfBASKGwUkrRGABRirIhG6e7cvug5sBRqxML9eGg/EOw4OEwwaMAUPD8NeAR4eDCIUFA/c3dB12iPc4TshACH5BAUDAB8ALAAAAAAeAB4AAAW24CeO5KcoTdp1Uum+3wJBJ9qw0qHDbiZDC1jnYLEceKLJIogcFS28SSbTLEFhiMmk6rIAXIgwFwb4jsTjl1lUqaR5gtHF/YbFP5c6HHDJ618CAgYGfzyDhYaIJQEBCQmKJIyOkCOMHByUJJeZIgEfBJwDIgSgkAOin6WKG6gfERGQGySviBsFrSMODnq2MLqEbxiyPAEMYwUYVRQeHgzJLxsaGsJjxiIU2BQaD9zTf9ncFA/PPCEAIfkEBQMAHwAsAAAAAB4AHgAABangJ47kB0GK0qxd6b7icqIqK92wO2XLkjeSwyE3QmQyRNLBMoQhJpNkaWlxIqSuA6BKqmBz3K73CwOMLhcy0SxKq1/sj+GdNMzpuQQeJhAk9HslfX+BLgIcHIUuiIolBASNIgEBj5EfAZYuERGZH5uNAyUOhQOhIw6oewMbLg4EAnSrpoIeFGobBUQUHmoFrEQPDLVEGBi5ZAwMFBQPzRga0MaKGg8axzkhACH5BAUDAB8ALAAAAAAeAB4AAAWk4CeO5LcsEKSsTem+35SdqKo0TafDLjLJGZiiIynyRr4jSXKQ8CoIhLLEhF0qlenLcihdvlqYxUICh7ckg+HMA4zU7HY8nEjMlfY7jMPR7/t+JAICBASBgoSGhyICIhGLJBGPkCOTiwEjDpeYHw6al5mKlAkbFH4DnCMUHg+UIqZzGwNKsFMbBbNTDBQFMAMFwLlTtQ8aGiIYyQUbdw/OyRoYUyEAIfkEBQMAHwAsAAAAAB4AHgAABbLgJ47kN2VLCq1l634IMp3osipKo7xtFccvSKPTafBEl0rlSCJ2eJcos9SRSFwG6ZR6uJIM4K1Lcjh8DWKeZZRIpNXrT/v9ssQ5dB7AwsHnXQAABAR/gIKEhSWBEYiJJAAREY4tkZMkApKWIgICDg6aH5wfn6AiBmalDB6WASQMDI4BrSMUq4WzoAEDuCUMD28DuzwPsGIDG1sUFL88G85pD8oPGhjVBdcFiRrb1xgFyEchACH5BAUDAB8ALAAAAAAeAB4AAAW+4CeO5Icg05Rly1K+8HdV1ZmuLaTHr3HNldgCoijyRL7LkaRoKHgJg2FZajQ6sISW+mpIsCTOlvvqfMMcckxyGBHS6tih/SEQ4nL6HR+zHCIRfH0WgIIwFoSBhiUWAA4OiyUAjpCRI5OPlpcAEgKalxQMnyIAHx6jnh8MopYCqRSfriSwox8PDA+LAakjtxqCuzAPFL9qAQFHGhS5ZAPIRxgPDxobMQED2M9UGtIYGAXgG+LiA4IF3gUb6eVHIQAh+QQFAwAeACwAAAAAHgAeAAAFsqAnjqR3VRWiTlPpvp5hXHS6TlkOu0kiG7DJArJY7ES9xJEEae44HOWSqVC8CNCpC9Kwkghg7UvRaHwJYlh5FImkd5KOqP2GdSTzOrzjcOhhBwd9fy+BCwiELoEUDIklFhYMjY4jkAwUlJWRk5kAmSWeHpyUoRSYpKGin6mniQICJBoUGoSvLrIFerYvGg8YujsFvmIBAbBHBRoaBQNLxmIY0QUb1BsD19cBf9TMA9baRyEAIfkEBQMAHwAsAAAAAB4AHgAABbXgJ47kZ5zXVVVI6b5fIp9GuiLINMEuwckJWC5D5Il8HCMps8jwIgSCsrSoviLYqWsBgZSwEe2r6x05wuKXQmF2pHkN9sfhfqsbooEdrmAw9jAdHX6AL4IeFIUuHRKKLxISiY4kBweSkyKVFJeTFhYPnI4WBx+hihYiDw+YJKCYAK0ajgCwIxgPGIWwtSMFsnu7LxgaBW8CAkYbxGLHUxsFBRs8AgEByGLP0R8D3NXehdx621ohACH5BAUDAB8ALAAAAAAeAB4AAAW44CeO5JecRnpdZet+BCej6lVVyNtGRM+9tgkip/tEjkUSYjIpIpOkSSbjclihrcmCSrI6sK6FmCRggcOQEcVz1kHSHwaj/YIoRGz6SwGh6HUKCn5/Lg0Nc4Qthg+DiSMdDRSNjh8dHRQPlI8SD5maHwecnpqhH6OUByIaGpoWFiIYp4QWqaoYjq4kBRoFiQCvJRgbf78uBcJtAMpFBcNnAEkDGxsDAToC2NBg0wPVAd/g2I7gAQJJIQAh+QQFAwAfACwAAAAAHgAeAAAFsOAnjuRHcFySGGzpvl9EzKjKGlcOv1FPwDhEpbITOYquCgKxcziRpeXk9chAX4jMlETxMK6vScY6YnzBr8wCDV6s2cgFRHSGvyALCsUOg0D0fC8KChQPgS6Dhy8NDQ+GiiOMDxqQkR2TlSIdHRiUmRIdmS4YGJUHByIFnoqoIxgFoiIbGBuBFhatIxsFA3a3MLu9cBY7AxvCUAAAxJAAAgIAaAPTAwHWAc/Ph9fXAlAhACH5BAUDAB8ALAAAAAAeAB4AAAWo4CeOpEgQHJesZeuKUfSdKWvcb+s4cG5Ul0tOlNkNSZdKJUdhGI6lJcJF8VCgrQpi2rpiW4jJ5PudZEgM8vD8oXjVrcwCDl1kHvTcYoHPuyAQfi+AGn2CIwoKGhqHJIkaGI2IDYySIg0NH5GWmB+Vkh0jBZISEiObjaYiBRuHBwclo36vqiMDsx+wLQOtahYWupZfA7cCOQAAHxZwASPGI8iHAtMfyUMhACH5BAUDAB8ALAAAAAAeAB4AAAW04CeO5BedBMGtZet+TnxG6Zrcyds+Quy8t4vBoBNRPIwiyXC5FJHKUrOie0RblwqVZL2+KggEiULxvsKjrvk1mayjbeNbl3HP6RmN+k5aLB4YfC1+GBqCJRAQgYckiRgFjCMQChiLkQoKBZCRH5gflowNIgUbkQ2iHxubhx2oqYwSHSQDGwN8EgeyJRsBc7gSLwO9ZgcWwC8Bwl4WFgdKyQHDLhYAAM1e0dEC2wLV3hZ822shACH5BAUDAB8ALAAAAAAeAB4AAAW74CeO5OecUUoQZet+DBOcThqtXP66jMdQLwInQdyJHsZWwmAwMpItZrP1eEKjl0tJw0BeW1nt6OH9gisjDdD8QqA/ZHYbcZTvEAiNxv6aTDB7fC1+GAWCLRkZBRiHJYkFho0jCwuRkiKUkJciEBAbG5sfnR+WkgoiGwOXCqcfA6CSDa2uqocNDSQBAwGCDR2zIrp8HRK4LbxyEhIdRshXBwcSUAEBAgAvBxYW0WwC3tYA4QDaB3zf4uNJIQA7);\\r\\n background-size: 15px;\\r\\n width: 56px;\\r\\n height: 33px;\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n}\\r\\n\\r\\n.apply-button.loading[_ngcontent-%COMP%] {\\r\\n background-image: url(data:image/gif;base64,R0lGODlhHgAeAPQfAIXJ/2a7/3fC/1i0//P6/0Ws/+Tz/5rS/9Pr/+r2/7Td/8Lk/ySd/6za//3+/zKk/7vh//j8/6LV/83p/yug/9nu/5HO/93w/z2p/8jm/zmn/02w/+/4/6bY/xya/////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTY0QTA4MjE5RDhEMTFFMzhCOTBBRjVBMDVFNTlCODciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTY0QTA4MjA5RDhEMTFFMzhCOTBBRjVBMDVFNTlCODciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDpBMkQ4NTI0QTg2OURFMzExOUQ2MjlFOTY5Q0VBRDgxMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMkQ4NTI0QTg2OURFMzExOUQ2MjlFOTY5Q0VBRDgxMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUDAB8ALAAAAAAeAB4AQAXH4CeO5McwXuGsUel+hfbO9GV820Dv7zSNgoCA91IoIK8HhUIkcTgJUqHQbFYqn4GuSlssaIIwYGyxHM4HSaeqZFAes0iEQyDMCg8Zl5Qw3ER6ezMXFxsbgjQICFqIMxkZIgEBjSMQSC5BQ00dHQ1NFCgnFBgrDnIRdkQablUETzMao4hQUSQagY1+IxgYlCSEML2+JFcFh8MjiobIyYvHzI9ZzCJfHwFbwxDV1pKURpckkppVDQ0KO2FiMx0Sap57YwBlZQc8IQAh+QQFAwAeACwAAAAAHgAeAAAFuaAnjqRHUQyaCmXreg96qmjj3G+LnY/23pFgTlSgPIakYCSH6SFLEQLBVdAUni0CZ1qyYl2cMKlw/YITJIw5Z0B7yOtXwl2Ou9qbur1kMAw2ey4XFxsDgS2DA4aHJImLjCIVFY+QHpKKlSIICAEBmR6bHp6ZEyKdlROlppUZGZ8eC64jAgEsewuxLQIAdgsQCy4CtmYQxTkAu18KChBIAM8AFi8N1Mxf0BYWB9sSEh0d1HvZ2hIH3kghACH5BAUDAB8ALAAAAAAeAB4AAAW64CeO5PdQKCUyZet+2pmiq8dob1s8j4a9D4bE4ciNekYSsfgq+JIlRyTywmygrSmVtLFiXRECoXT9usSjTcGc43BEmzK75YbPcwnOQH4vJRIDA30uf4KDLQYGAYeIiouMI4kBj5AfFxeTlSKXmiMVFZ0ioCIClQgIpKWQpyMCqoMTEyUCAIMZGbIktX23uSUAwGwLCxk5FrtYEBALSccWFhIvEAoKy1/PFgcHEhIdDd8N1X3aBx3m4UkhACH5BAUDAB8ALAAAAAAeAB4AAAW34CeO5Kc91INSVOm+H3aqasqKLVxuMlbAGoaHkdPxMLoS0WAs/JKljMPx2hQG0JcjQiUNnllYJELahJPj0cB81hEIogG2DXvH6cm3HK/jcAJ8fX+AgS4JCQGEhSSHiy+NjiUGTJEkkwIClSIXTJmaFyKekRWgmiIVFSQAjggIqquFrakkFgAWfBMTrjC3bRkZE0kWvVkLCxlQB8MHHTALEMbIYQfUEhIN2AraENCBEh0d2A0KEFAhACH5BAUDAB8ALAAAAAAeAB4AAAWv4CeO5IdpjyY+ZeuKxalp2MOKDHW/ZYxtLwyF1yoUiCXPkAhEkhieY2vQdPYMrs3A6nJ4SYMtt0sKiMevCNoZUa+REUIg8H4R5PR6665/cTgCfS1/gYItAoWGHwkJiIoijI8jWJIilB8AihcjAJmGF5sinn0VoSIWABZ6FaUuB28ICBUuFhavYxMTCDwHtlwZuU4HBxINLxkLC8BcEs0dDQ0KChDUyRl10NHSEAtIIQAh+QQFAwAfACwAAAAAHgAeAAAFpOAnjuRXYFr6rGXriicmpxr7vkOh33ybbz0SgzcABkkUz/DIfHgopcCA6aIwJNQjwpE9RrifQKDrcoDH5FckfYus2S53QAAvEQgCen10z+9HHBx/JIGDhAAAhgkJH4mDjI2DBgaGIpMkFnUXlJgHbBcXLQeZZBUVoaIHWFQICBU3EqpMrQg9ErcdCi8TGRMTtUcdHQ0NCgoQEAvKGb1sxsjJGT0hACH5BAUDAB8ALAAAAAAeAB4AAAW04CeO5LcVGKphWum+5lnMWK1p1NPC7uYPsMKDkeOJAhtjicJ48AIDoLLEgEEDU9fuhc2+PNVRoOt1MTwkctkFXk8DEPfU4RAI5DC6Hf9yRO58LhERgS+DAIUlh4iJIgQEAIyNj40kHByVI5gfFhaNCQkinZ+hogeFBqUiBwcSfAawJRIHHXIXFwYvEhK1ZbcXPB0SDV4VFcBGDcoKcS8Iz8dey8wQCwsZGRMTz3gQ3tbYE0ohACH5BAUDAB8ALAAAAAAeAB4AAAW84CeO5DdsBYoVWOm+5rnNKItpWguXweDvG83jodmNfsbRg1LcBQLJ0pICg0ZdGMajJLBeXQ8GdSQQfGEUBtl8jpbbaPWHDX95mnUYgwEA5F8MA31/Lw6DhCQOhn6II4oWFo0jERGQkiKUB5GXlB+bkgQiBwegoR8SpI0cpqcSiBwcJB0SHX8JCbEkDR0NdbcJLw0NCm0GBsAwCsNfF8ZJCtAQCzAXFRfNXxDaCwsZGRMI4RXWedzfE+AISSEAIfkEBQMAHgAsAAAAAB4AHgAABbmgJ46kOGzDuW1l63pBKqtbgRXF2wpBH7yDwgOD0Yl4P+MIM9QJlC7mwyWoQlsFiqYEsF5dlOn3SxkBxkZG2QM4o19r99vF0LTnRgtex7Do9yUUDAd/gCNqfoYkagcHiiMSAI2PIg4OEhKUHpYemZQRIh0djxGgHqKkph4NDYYEqh4KDQp7BLYlCgoQcxwcBC65u2MJvToQEAtfCcRKC84ZEy8G08tfCxnQEwgIFRUX39N4E9rc3hdKIQAh+QQFAwAfACwAAAAAHgAeAAAFwOAnjuQXBEOqlmwrnrCaFtvmtsIp3BtWFLeRYBccFXzBYbFU0GBaAAFgydo8nqwplYV5aEgA7ZaleYws4jGLYv5YLGpX2x2/UQrvuotCOcD1a30HgC0UEoOEJHwSEoksEh2OIxQMHZGSHwwMDQ2YmRQfnZgeIg0KmBUiCqeODg4jChCJriQQtoAREa8kCxAZdbkRLQsLv2MEBMIuGcVbHBwERRMZExOpLQkJz9FUEwjfFRfiBuTZHHoIFeEX5AZFIQAh+QQFAwAfACwAAAAAHgAeAAAFt+AnjuQYnENQrqwoCGeMDts2tCvwCngwFDWcCCBcbYA4gLJYOhZaAAtzNdA8SZbolFWwYqVbFkYzOoDDrAf5c0DjxqK2u/UoHOTz1eMhkeTpEh1/ehQdgoMrDQ2IJBQUioyNkJEfjgoKlCSYmSIQEJEMDJ2fjB6iIgsLiAoUJBkLGX8ODgklGRkTc7MOLLe5YRERvC0TEwhbwRFFCMwVFy0E0QTKUwgVzhcG2gkJHBzReRfZ291FIQAh+QQFAwAfACwAAAAAHgAeAAAFrOAnjuQnCEGqlmw7nqcaDLTrAidgf9s27B8LQAcc+WyWonJkSS5LhU3p4HySNpiptVXIiiSHbUvj/YTF0JEE7dp01uySRtPpxEsPTaNxJ2kee30jD4AKgiKECoaHDxSKhyMQEJAUDx+ThwwiCwuQm52CFCQZdwyaIxMZE2wMHqIkExMIaBKvJQi4Vg4OO7gVukAVwhcGNhHHTxfKBgYJzhwcBNIRaMzOCdAEQCEAIfkEBQMAHwAsAAAAAB4AHgAABargJ47kKJxlqpIAQAofHIjzWlpfa8PDYP8/3+9gwQFJg81Gdfg0j6VaSXJ4QlOFJcl6xZIkXRumIOqAwytMGW3TfBoNdhoDl6s0aoU9hdEo9HskGn6BKRoQEIUliIoiDw8LC40kkpMjGYoUFCIZmIUMJBMTlh8IEwh2mykICBVsFB4/rl0ZHqoqFRUXVw4OcT8XwQY2ESK9VwbJHwkfHBwEBBHSdgnMztBHIQAh+QQFAwAfACwAAAAAHgAeAAAFteAnjuQHAEKalmwrWueppkHttgcMWHcwDIGbKMcTkoA3ycHY+rWUEmZrMyh1JFEpa0AldTpa12YzaoDDrgL502igxQWR++3CDBQKerqA17cwBRAQfiwFGIKEJRiHg4kjGhgLC44jGBqSlCQZGZkfDxofnJkUIhMTnaWnqB8ICIkUpCMVCBWEDA8lFRUXqxe+aAxGvgZaDB6xNwbKCQkuDg4cGshMzBwcBNgR2s8OetbXBNoRRiEAIfkEBQMAHwAsAAAAAB4AHgAABbzgJ47kZwEoIKxl64pWnKJr/bbSER+vGgS3UefAC45+wY5EYiwBX41Op+kaPEeKToPqCgxKjS23+hUpxGPXpqxQpF+Djfl9KwwgEPpts8jrWwV8C38tGwULg4QkBQUZGYokGI0TkCMFGBOUlR8YGAgImx8aGB+gmw8in5UPqB8VFZUUra4XirMiF7mKGiUXBgZ0Dwy3I7/AYxQMQb8JoSIJ0BwELxoMHsNcHNoEBBHeDg4EDON63N4R4A5GIQAh+QQFAwAfACwAAAAAHgAeAAAFvOAnjuR3WKgFrGXrftIhW6e6CgLwtk0n/bsPThD8KDqd4mi4UzQaSpIgEHAprtHStAXBZltUEgTydVVHC3LZNUAv1q/25w1nBzKZOnuA17c2AxMTfiUDG4KEJBsbCAiJI4uNjyIbBRUVkx8FlpiTmx8XmRoiF6GJGBgiBqaED6mqBoQaoyMGBgl6Gq4lCb1wGhS0vAkcZQ8UDzscHARZFAzJQQTTERFBDMFZBNURDt4Czwwe2HXd3gAM5EEhACH5BAUDAB4ALAAAAAAeAB4AAAW8oCeOpNdJR2qtZet6TXNKqGoBwOsqcfzeApxOBFEohiRAUAcpIlsCgWsBWTxbSikps7BeoQGtqPvVBUaZTNl89kzUa1egPYkjEQj7EK93DQZ8fS0DFRWCJX8XF4ckiYuMIgMbipAiGxsGBpUelx6alQUiBgmQBaEeCaSMGKeoHIcYGCQctH0YGq0itAR2BQ+5IwQEEWsaD7IvwsRXDxTIOhHRDg4vGBQUx1/TDggMFAze194Pegrg4gzkQyEAIfkEBQMAHwAsAAAAAB4AHgAABbjgJ47k1zRdJx1r6b6fopynuh5WDrsLJCswHABg2Yl6EGMJYMwsFsrl8JWpRmFM0iQzub4AgtKk630JwiIEuQxDIxDs9ggehwUElUrdHrhc9i8BfX+AJYIGhIUkAQYGii6NjyQDCQmSIgOUlpeZH5uSGyIcHKChH6OSBaYfBASKGwUkrRGABRirIhG6e7cvug5sBRqxML9eGg/EOw4OEwwaMAUPD8NeAR4eDCIUFA/c3dB12iPc4TshACH5BAUDAB8ALAAAAAAeAB4AAAW24CeO5KcoTdp1Uum+3wJBJ9qw0qHDbiZDC1jnYLEceKLJIogcFS28SSbTLEFhiMmk6rIAXIgwFwb4jsTjl1lUqaR5gtHF/YbFP5c6HHDJ618CAgYGfzyDhYaIJQEBCQmKJIyOkCOMHByUJJeZIgEfBJwDIgSgkAOin6WKG6gfERGQGySviBsFrSMODnq2MLqEbxiyPAEMYwUYVRQeHgzJLxsaGsJjxiIU2BQaD9zTf9ncFA/PPCEAIfkEBQMAHwAsAAAAAB4AHgAABangJ47kB0GK0qxd6b7icqIqK92wO2XLkjeSwyE3QmQyRNLBMoQhJpNkaWlxIqSuA6BKqmBz3K73CwOMLhcy0SxKq1/sj+GdNMzpuQQeJhAk9HslfX+BLgIcHIUuiIolBASNIgEBj5EfAZYuERGZH5uNAyUOhQOhIw6oewMbLg4EAnSrpoIeFGobBUQUHmoFrEQPDLVEGBi5ZAwMFBQPzRga0MaKGg8axzkhACH5BAUDAB8ALAAAAAAeAB4AAAWk4CeO5LcsEKSsTem+35SdqKo0TafDLjLJGZiiIynyRr4jSXKQ8CoIhLLEhF0qlenLcihdvlqYxUICh7ckg+HMA4zU7HY8nEjMlfY7jMPR7/t+JAICBASBgoSGhyICIhGLJBGPkCOTiwEjDpeYHw6al5mKlAkbFH4DnCMUHg+UIqZzGwNKsFMbBbNTDBQFMAMFwLlTtQ8aGiIYyQUbdw/OyRoYUyEAIfkEBQMAHwAsAAAAAB4AHgAABbLgJ47kN2VLCq1l634IMp3osipKo7xtFccvSKPTafBEl0rlSCJ2eJcos9SRSFwG6ZR6uJIM4K1Lcjh8DWKeZZRIpNXrT/v9ssQ5dB7AwsHnXQAABAR/gIKEhSWBEYiJJAAREY4tkZMkApKWIgICDg6aH5wfn6AiBmalDB6WASQMDI4BrSMUq4WzoAEDuCUMD28DuzwPsGIDG1sUFL88G85pD8oPGhjVBdcFiRrb1xgFyEchACH5BAUDAB8ALAAAAAAeAB4AAAW+4CeO5Icg05Rly1K+8HdV1ZmuLaTHr3HNldgCoijyRL7LkaRoKHgJg2FZajQ6sISW+mpIsCTOlvvqfMMcckxyGBHS6tih/SEQ4nL6HR+zHCIRfH0WgIIwFoSBhiUWAA4OiyUAjpCRI5OPlpcAEgKalxQMnyIAHx6jnh8MopYCqRSfriSwox8PDA+LAakjtxqCuzAPFL9qAQFHGhS5ZAPIRxgPDxobMQED2M9UGtIYGAXgG+LiA4IF3gUb6eVHIQAh+QQFAwAeACwAAAAAHgAeAAAFsqAnjqR3VRWiTlPpvp5hXHS6TlkOu0kiG7DJArJY7ES9xJEEae44HOWSqVC8CNCpC9Kwkghg7UvRaHwJYlh5FImkd5KOqP2GdSTzOrzjcOhhBwd9fy+BCwiELoEUDIklFhYMjY4jkAwUlJWRk5kAmSWeHpyUoRSYpKGin6mniQICJBoUGoSvLrIFerYvGg8YujsFvmIBAbBHBRoaBQNLxmIY0QUb1BsD19cBf9TMA9baRyEAIfkEBQMAHwAsAAAAAB4AHgAABbXgJ47kZ5zXVVVI6b5fIp9GuiLINMEuwckJWC5D5Il8HCMps8jwIgSCsrSoviLYqWsBgZSwEe2r6x05wuKXQmF2pHkN9sfhfqsbooEdrmAw9jAdHX6AL4IeFIUuHRKKLxISiY4kBweSkyKVFJeTFhYPnI4WBx+hihYiDw+YJKCYAK0ajgCwIxgPGIWwtSMFsnu7LxgaBW8CAkYbxGLHUxsFBRs8AgEByGLP0R8D3NXehdx621ohACH5BAUDAB8ALAAAAAAeAB4AAAW44CeO5JecRnpdZet+BCej6lVVyNtGRM+9tgkip/tEjkUSYjIpIpOkSSbjclihrcmCSrI6sK6FmCRggcOQEcVz1kHSHwaj/YIoRGz6SwGh6HUKCn5/Lg0Nc4Qthg+DiSMdDRSNjh8dHRQPlI8SD5maHwecnpqhH6OUByIaGpoWFiIYp4QWqaoYjq4kBRoFiQCvJRgbf78uBcJtAMpFBcNnAEkDGxsDAToC2NBg0wPVAd/g2I7gAQJJIQAh+QQFAwAfACwAAAAAHgAeAAAFsOAnjuRHcFySGGzpvl9EzKjKGlcOv1FPwDhEpbITOYquCgKxcziRpeXk9chAX4jMlETxMK6vScY6YnzBr8wCDV6s2cgFRHSGvyALCsUOg0D0fC8KChQPgS6Dhy8NDQ+GiiOMDxqQkR2TlSIdHRiUmRIdmS4YGJUHByIFnoqoIxgFoiIbGBuBFhatIxsFA3a3MLu9cBY7AxvCUAAAxJAAAgIAaAPTAwHWAc/Ph9fXAlAhACH5BAUDAB8ALAAAAAAeAB4AAAWo4CeOpEgQHJesZeuKUfSdKWvcb+s4cG5Ul0tOlNkNSZdKJUdhGI6lJcJF8VCgrQpi2rpiW4jJ5PudZEgM8vD8oXjVrcwCDl1kHvTcYoHPuyAQfi+AGn2CIwoKGhqHJIkaGI2IDYySIg0NH5GWmB+Vkh0jBZISEiObjaYiBRuHBwclo36vqiMDsx+wLQOtahYWupZfA7cCOQAAHxZwASPGI8iHAtMfyUMhACH5BAUDAB8ALAAAAAAeAB4AAAW04CeO5BedBMGtZet+TnxG6Zrcyds+Quy8t4vBoBNRPIwiyXC5FJHKUrOie0RblwqVZL2+KggEiULxvsKjrvk1mayjbeNbl3HP6RmN+k5aLB4YfC1+GBqCJRAQgYckiRgFjCMQChiLkQoKBZCRH5gflowNIgUbkQ2iHxubhx2oqYwSHSQDGwN8EgeyJRsBc7gSLwO9ZgcWwC8Bwl4WFgdKyQHDLhYAAM1e0dEC2wLV3hZ822shACH5BAUDAB8ALAAAAAAeAB4AAAW74CeO5OecUUoQZet+DBOcThqtXP66jMdQLwInQdyJHsZWwmAwMpItZrP1eEKjl0tJw0BeW1nt6OH9gisjDdD8QqA/ZHYbcZTvEAiNxv6aTDB7fC1+GAWCLRkZBRiHJYkFho0jCwuRkiKUkJciEBAbG5sfnR+WkgoiGwOXCqcfA6CSDa2uqocNDSQBAwGCDR2zIrp8HRK4LbxyEhIdRshXBwcSUAEBAgAvBxYW0WwC3tYA4QDaB3zf4uNJIQA7);\\r\\n background-size: 15px;\\r\\n width: 56px;\\r\\n height: 33px;\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n}\\r\\n\\r\\n.apply-button.loading[_ngcontent-%COMP%]:hover, .save-view-button.loading[_ngcontent-%COMP%]:hover {\\r\\n background-color: var(--primary);\\r\\n box-shadow: none;\\r\\n cursor: default;\\r\\n}\\r\\n\\r\\n@media (max-width: 1366px){\\r\\n .modal-header[_ngcontent-%COMP%] {\\r\\n padding: 0.25rem 1rem;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width: 768px){\\r\\n .modal-header[_ngcontent-%COMP%] {\\r\\n padding: 0.25rem 1rem;\\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./filteroption.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"../../../node_modules/@angular/material/icon/typings/index.ngfactory\";\nimport * as i4 from \"@angular/material/icon\";\nimport * as i5 from \"../../../node_modules/@ng-select/ng-select/ng-select.ngfactory\";\nimport * as i6 from \"@ng-select/ng-select\";\nimport * as i7 from \"@angular/forms\";\nimport * as i8 from \"@angular/material/tooltip\";\nimport * as i9 from \"@angular/cdk/overlay\";\nimport * as i10 from \"@angular/cdk/scrolling\";\nimport * as i11 from \"@angular/cdk/platform\";\nimport * as i12 from \"@angular/cdk/a11y\";\nimport * as i13 from \"@angular/cdk/bidi\";\nimport * as i14 from \"@angular/platform-browser\";\nimport * as i15 from \"../../../node_modules/ngx-contextmenu/ngx-contextmenu.ngfactory\";\nimport * as i16 from \"ngx-contextmenu\";\nimport * as i17 from \"./filteroption.component\";\nimport * as i18 from \"ngx-bootstrap/modal\";\nimport * as i19 from \"../services/summary.service\";\nimport * as i20 from \"../services/view.service\";\nimport * as i21 from \"../services/confirmation.service\";\nimport * as i22 from \"../services/custom-popup.service\";\nimport * as i23 from \"../services/toaster-message.service\";\nimport * as i24 from \"angular2-toaster/src/toaster.service\";\nvar styles_FilteroptionComponent = [i0.styles];\nvar RenderType_FilteroptionComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_FilteroptionComponent, data: {} });\nexport { RenderType_FilteroptionComponent as RenderType_FilteroptionComponent };\nfunction View_FilteroptionComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 0, null, null, null, null, null, null, null))], null, null); }\nfunction View_FilteroptionComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"span\", [[\"title\", \"Filter\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.showFilterOptions(i1.ɵnov(_v.parent, 6)) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"filter-ic\": 0, \"disabled\": 1 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_2)), i1.ɵdid(4, 540672, null, 0, i2.NgTemplateOutlet, [i1.ViewContainerRef], { ngTemplateOutlet: [0, \"ngTemplateOutlet\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, true, _co.isBusy); _ck(_v, 1, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent, 7); _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_FilteroptionComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[\"customFilter\", 1]], null, 5, \"div\", [[\"class\", \"custom-filter-advanced filter-ic\"]], [[2, \"has-filter\", null]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.showFilterOptions(i1.ɵnov(_v.parent, 6)) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Filter\"])), (_l()(), i1.ɵeld(3, 0, null, null, 2, \"mat-icon\", [[\"class\", \"mat-icon notranslate\"], [\"role\", \"img\"]], [[2, \"mat-icon-inline\", null], [2, \"mat-icon-no-color\", null]], null, null, i3.View_MatIcon_0, i3.RenderType_MatIcon)), i1.ɵdid(4, 9158656, null, 0, i4.MatIcon, [i1.ElementRef, i4.MatIconRegistry, [8, null], [2, i4.MAT_ICON_LOCATION]], null, null), (_l()(), i1.ɵted(-1, 0, [\"filter_list\"]))], function (_ck, _v) { _ck(_v, 4, 0); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.hasFilters && _co.applied); _ck(_v, 0, 0, currVal_0); var currVal_1 = i1.ɵnov(_v, 4).inline; var currVal_2 = (((i1.ɵnov(_v, 4).color !== \"primary\") && (i1.ɵnov(_v, 4).color !== \"accent\")) && (i1.ɵnov(_v, 4).color !== \"warn\")); _ck(_v, 3, 0, currVal_1, currVal_2); }); }\nfunction View_FilteroptionComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"invalid-feedback\"], [\"style\", \"display: block\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"View name is required\"]))], null, null); }\nfunction View_FilteroptionComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 11, \"div\", [[\"class\", \"container\"], [\"style\", \"padding-left: 0;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 10, \"div\", [[\"class\", \"row\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 2, \"div\", [[\"class\", \"col-sm-2\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"p\", [[\"class\", \"filter-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"View Name\"])), (_l()(), i1.ɵeld(5, 0, null, null, 6, \"div\", [[\"class\", \"col-sm-10\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(6, 0, [[1, 0], [\"viewName\", 1]], null, 2, \"input\", [[\"type\", \"text\"]], null, [[null, \"keyup\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keyup\" === en)) {\n var pd_0 = (_co.onKeyUp(i1.ɵnov(_v, 6).value) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(7, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(8, { \"form-control\": 0, \"invalid\": 1 }), (_l()(), i1.ɵeld(9, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_6)), i1.ɵdid(11, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 8, 0, true, _co.isEmptyView); _ck(_v, 7, 0, currVal_0); var currVal_1 = _co.isEmptyView; _ck(_v, 11, 0, currVal_1); }, null); }\nfunction View_FilteroptionComponent_8(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[\"headerFilter\", 1]], null, 6, \"div\", [[\"class\", \"header-filter\"]], null, [[null, \"mouseenter\"], [null, \"mouseleave\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"mouseenter\" === en)) {\n var pd_0 = (_co.mouseEnter($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"mouseleave\" === en)) {\n var pd_1 = (_co.mouseLeave($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"input\", [[\"class\", \"custom-input-search\"], [\"placeholder\", \"Type to search..\"], [\"tabindex\", \"0\"], [\"type\", \"text\"]], null, [[null, \"input\"], [null, \"blur\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (_co.input(i1.ɵnov(_v.parent, 5), $event) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (_co.onBlurInput($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 4, \"div\", [[\"class\", \"sub-header\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 3, \"label\", [[\"class\", \"checkbox-container\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" Select All \"])), (_l()(), i1.ɵeld(5, 0, null, null, 0, \"input\", [[\"class\", \"checkbox-input\"], [\"tabindex\", \"0\"], [\"type\", \"checkbox\"]], null, [[null, \"change\"], [null, \"blur\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"change\" === en)) {\n var pd_0 = (_co.selectAll($event, i1.ɵnov(_v.parent, 5)) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (_co.onBlurInput($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(6, 0, null, null, 0, \"span\", [[\"class\", \"checkmark-custom\"]], null, null, null, null, null))], null, null); }\nfunction View_FilteroptionComponent_10(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"class\", \"ng-value-icon right\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (_v.parent.context.clear(_v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.ItemDisplay; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_FilteroptionComponent_11(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \" more...\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.items.length - 10); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_FilteroptionComponent_9(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_10)), i1.ɵdid(1, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_11)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.context.items ? _v.context.items.slice(0, 10) : i1.ɵEMPTY_ARRAY); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.context.items.length > 10); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_FilteroptionComponent_13(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 0, null, null, null, null, null, null, null))], null, null); }\nfunction View_FilteroptionComponent_12(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"span\", [[\"style\", \"cursor:pointer;\"], [\"title\", \"Custom filter added\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.openCustomFilter(_v.parent.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_13)), i1.ɵdid(2, 540672, null, 0, i2.NgTemplateOutlet, [i1.ViewContainerRef], { ngTemplateOutlet: [0, \"ngTemplateOutlet\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent.parent.parent, 8); _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_FilteroptionComponent_15(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 0, null, null, null, null, null, null, null))], null, null); }\nfunction View_FilteroptionComponent_14(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"span\", [[\"style\", \"cursor:pointer;\"], [\"title\", \"Custom filter\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.openCustomFilter(_v.parent.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_15)), i1.ɵdid(2, 540672, null, 0, i2.NgTemplateOutlet, [i1.ViewContainerRef], { ngTemplateOutlet: [0, \"ngTemplateOutlet\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent.parent.parent, 7); _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_FilteroptionComponent_7(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 30, \"div\", [[\"class\", \"filter-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 24, \"ng-select\", [[\"appendTo\", \"body\"], [\"bindLabel\", \"ItemDisplay\"], [\"bindValue\", \"ItemValue\"], [\"class\", \"dropdown-ng-select filter-option ng-select\"], [\"role\", \"listbox\"]], [[2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"click\"], [null, \"close\"], [null, \"change\"], [null, \"blur\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n var pd_1 = (_co.getFilterOptions(_v.context.$implicit.FilterField, $event) !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseFilterOptions() !== false);\n ad = (pd_2 && ad);\n } if ((\"change\" === en)) {\n var pd_3 = (_co.checkItem(_v.context.$implicit.FilterField, $event, i1.ɵnov(_v, 5)) !== false);\n ad = (pd_3 && ad);\n } if ((\"blur\" === en)) {\n var pd_4 = (_co.onBlur(_v.context.$implicit.FilterField, $event) !== false);\n ad = (pd_4 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_5 = ((_v.context.$implicit.SelectedFilterItem = $event) !== false);\n ad = (pd_5 && ad);\n } return ad; }, i5.View_NgSelectComponent_0, i5.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i6.ɵd, i6.ɵd, []), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { klass: [0, \"klass\"], ngClass: [1, \"ngClass\"] }, null), i1.ɵpod(4, { \"loading\": 0 }), i1.ɵdid(5, 4964352, [[\"filter\", 4]], 12, i6.NgSelectComponent, [[8, \"dropdown-ng-select filter-option\"], [8, null], [8, null], i6.NgSelectConfig, i6.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i6.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], appendTo: [3, \"appendTo\"], closeOnSelect: [4, \"closeOnSelect\"], clearOnBackspace: [5, \"clearOnBackspace\"], multiple: [6, \"multiple\"], searchable: [7, \"searchable\"], isOpen: [8, \"isOpen\"], items: [9, \"items\"] }, { blurEvent: \"blur\", changeEvent: \"change\", closeEvent: \"close\" }), i1.ɵqud(335544320, 3, { optionTemplate: 0 }), i1.ɵqud(335544320, 4, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 5, { labelTemplate: 0 }), i1.ɵqud(335544320, 6, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 7, { headerTemplate: 0 }), i1.ɵqud(335544320, 8, { footerTemplate: 0 }), i1.ɵqud(335544320, 9, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 10, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 11, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 12, { tagTemplate: 0 }), i1.ɵqud(335544320, 13, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 14, { ngOptions: 1 }), i1.ɵprd(1024, null, i7.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i6.NgSelectComponent]), i1.ɵdid(19, 671744, null, 0, i7.NgModel, [[8, null], [8, null], [8, null], [6, i7.NG_VALUE_ACCESSOR]], { model: [0, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i7.NgControl, null, [i7.NgModel]), i1.ɵdid(21, 16384, null, 0, i7.NgControlStatus, [[4, i7.NgControl]], null, null), (_l()(), i1.ɵand(0, [[7, 2]], null, 1, null, View_FilteroptionComponent_8)), i1.ɵdid(23, 16384, null, 0, i6.ɵi, [i1.TemplateRef], null, null), (_l()(), i1.ɵand(0, [[6, 2]], null, 1, null, View_FilteroptionComponent_9)), i1.ɵdid(25, 16384, null, 0, i6.ɵh, [i1.TemplateRef], null, null), (_l()(), i1.ɵeld(26, 0, null, null, 4, \"div\", [[\"class\", \"custom-filter\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_12)), i1.ɵdid(28, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_14)), i1.ɵdid(30, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_16 = \"dropdown-ng-select filter-option\"; var currVal_17 = _ck(_v, 4, 0, _v.context.$implicit.IsLoading); _ck(_v, 3, 0, currVal_16, currVal_17); var currVal_18 = \"ItemDisplay\"; var currVal_19 = \"ItemValue\"; var currVal_20 = _v.context.$implicit.FilterOptionDisplay; var currVal_21 = \"body\"; var currVal_22 = false; var currVal_23 = false; var currVal_24 = true; var currVal_25 = false; var currVal_26 = _v.context.$implicit.IsDropdownOpen; var currVal_27 = _v.context.$implicit.FilterOptionItems; _ck(_v, 5, 0, currVal_18, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26, currVal_27); var currVal_28 = _v.context.$implicit.SelectedFilterItem; _ck(_v, 19, 0, currVal_28); var currVal_29 = _v.context.$implicit.HasAdvancedFilter; _ck(_v, 28, 0, currVal_29); var currVal_30 = !_v.context.$implicit.HasAdvancedFilter; _ck(_v, 30, 0, currVal_30); }, function (_ck, _v) { var currVal_0 = !i1.ɵnov(_v, 5).multiple; var currVal_1 = i1.ɵnov(_v, 5).typeahead; var currVal_2 = i1.ɵnov(_v, 5).multiple; var currVal_3 = i1.ɵnov(_v, 5).addTag; var currVal_4 = i1.ɵnov(_v, 5).searchable; var currVal_5 = i1.ɵnov(_v, 5).clearable; var currVal_6 = i1.ɵnov(_v, 5).isOpen; var currVal_7 = i1.ɵnov(_v, 5).disabled; var currVal_8 = i1.ɵnov(_v, 5).filtered; var currVal_9 = i1.ɵnov(_v, 21).ngClassUntouched; var currVal_10 = i1.ɵnov(_v, 21).ngClassTouched; var currVal_11 = i1.ɵnov(_v, 21).ngClassPristine; var currVal_12 = i1.ɵnov(_v, 21).ngClassDirty; var currVal_13 = i1.ɵnov(_v, 21).ngClassValid; var currVal_14 = i1.ɵnov(_v, 21).ngClassInvalid; var currVal_15 = i1.ɵnov(_v, 21).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15]); }); }\nfunction View_FilteroptionComponent_16(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"p\", [[\"class\", \"filter-label\"], [\"style\", \"padding-left: 0;\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Filters have not been defined for this view. Please contact system administrator.\"]))], null, null); }\nfunction View_FilteroptionComponent_17(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"button\", [[\"class\", \"btn btn-primary save-view-button\"], [\"type\", \"button\"]], [[2, \"loading\", null]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.createNewView() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isApplyingFilter; _ck(_v, 0, 0, currVal_0); var currVal_1 = (_co.isApplyingFilter ? \"\" : \"Save As New View\"); _ck(_v, 1, 0, currVal_1); }); }\nfunction View_FilteroptionComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 6, \"div\", [[\"class\", \"modal-header\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"h6\", [[\"class\", \"modal-title\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(3, null, [\"\", \"\"])), (_l()(), i1.ɵeld(4, 0, null, null, 2, \"button\", [[\"aria-label\", \"Close\"], [\"class\", \"close close-modal\"], [\"data-dismiss\", \"modal\"], [\"type\", \"button\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.hide() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"style\", \"font-size: 25px;\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(7, 0, null, null, 14, \"div\", [[\"class\", \"modal-body custom-scrollbar\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(8, 0, null, null, 13, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_5)), i1.ɵdid(10, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(11, 0, null, null, 10, \"div\", [[\"class\", \"container\"], [\"style\", \"margin-top: 20px;padding-left: 0;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(12, 0, null, null, 9, \"div\", [[\"class\", \"row\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(13, 0, null, null, 2, \"div\", [[\"class\", \"col-sm-2\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(14, 0, null, null, 1, \"p\", [[\"class\", \"filter-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Filters\"])), (_l()(), i1.ɵeld(16, 0, null, null, 5, \"div\", [[\"class\", \"col-sm-10\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_7)), i1.ɵdid(18, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_16)), i1.ɵdid(20, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(21, 0, null, null, 0, \"div\", [[\"class\", \"clearfix\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(22, 0, null, null, 6, \"div\", [[\"class\", \"modal-footer\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(23, 0, null, null, 1, \"button\", [[\"class\", \"btn btn-primary btn-clear\"], [\"type\", \"button\"]], [[8, \"disabled\", 0]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.clearAllFilters() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"Clear All Filters\"])), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_17)), i1.ɵdid(26, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(27, 0, null, null, 1, \"button\", [[\"class\", \"btn btn-primary apply-button\"], [\"type\", \"button\"]], [[2, \"loading\", null]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.applyFilterChanges() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(28, null, [\"\", \"\"]))], function (_ck, _v) { var _co = _v.component; var currVal_1 = !_co.isCustomFilter; _ck(_v, 10, 0, currVal_1); var currVal_2 = _co.filterOptions; _ck(_v, 18, 0, currVal_2); var currVal_3 = (_co.filterOptions.length == 0); _ck(_v, 20, 0, currVal_3); var currVal_5 = !_co.isCustomFilter; _ck(_v, 26, 0, currVal_5); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.isCustomFilter ? \"Filters\" : \"Edit View\"); _ck(_v, 3, 0, currVal_0); var currVal_4 = !_co.hasFilters; _ck(_v, 23, 0, currVal_4); var currVal_6 = _co.isApplyingFilter; _ck(_v, 27, 0, currVal_6); var currVal_7 = (_co.isApplyingFilter ? \"\" : \"Apply\"); _ck(_v, 28, 0, currVal_7); }); }\nfunction View_FilteroptionComponent_18(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \":svg:svg\", [[\"class\", \"filter-svg\"], [\"viewBox\", \"-4 0 393 393.99003\"], [\"xmlns\", \"http://www.w3.org/2000/svg\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \":svg:path\", [[\"d\", \"m368.3125 0h-351.261719c-6.195312-.0117188-11.875 3.449219-14.707031 8.960938-2.871094 5.585937-2.3671875 12.3125 1.300781 17.414062l128.6875 181.28125c.042969.0625.089844.121094.132813.183594 4.675781 6.3125 7.203125 13.957031 7.21875 21.816406v147.796875c-.027344 4.378906 1.691406 8.582031 4.777344 11.6875 3.085937 3.105469 7.28125 4.847656 11.65625 4.847656 2.226562 0 4.425781-.445312 6.480468-1.296875l72.3125-27.574218c6.480469-1.976563 10.78125-8.089844 10.78125-15.453126v-120.007812c.011719-7.855469 2.542969-15.503906 7.214844-21.816406.042969-.0625.089844-.121094.132812-.183594l128.683594-181.289062c3.667969-5.097657 4.171875-11.820313 1.300782-17.40625-2.832032-5.511719-8.511719-8.9726568-14.710938-8.960938zm-131.53125 195.992188c-7.1875 9.753906-11.074219 21.546874-11.097656 33.664062v117.578125l-66 25.164063v-142.742188c-.023438-12.117188-3.910156-23.910156-11.101563-33.664062l-124.933593-175.992188h338.070312zm0 0\"]], null, null, null, null, null))], null, null); }\nfunction View_FilteroptionComponent_19(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \":svg:svg\", [[\"class\", \"filter-svg filled\"], [\"viewBox\", \"-5 0 374 374.01033\"], [\"xmlns\", \"http://www.w3.org/2000/svg\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \":svg:path\", [[\"d\", \"m357.84375 0c2.5.015625 4.777344 1.4375 5.886719 3.675781 1.113281 2.242188.863281 4.914063-.636719 6.914063l-128.679688 181.28125c-5.949218 8.046875-9.171874 17.78125-9.203124 27.789062v120.011719c0 2.648437-1.308594 5.289063-3.929688 5.949219l-72.878906 27.789062c-2.015625.933594-4.371094.769532-6.238282-.4375-1.863281-1.210937-2.980468-3.289062-2.953124-5.511718v-147.800782c-.027344-10.007812-3.25-19.742187-9.199219-27.789062l-128.679688-181.28125c-1.5-2-1.75-4.671875-.636719-6.914063 1.109376-2.238281 3.386719-3.660156 5.886719-3.675781zm0 0\"]], null, null, null, null, null))], null, null); }\nfunction View_FilteroptionComponent_22(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[\"headerFilter\", 1]], null, 6, \"div\", [[\"class\", \"header-filter\"]], null, [[null, \"mouseenter\"], [null, \"mouseleave\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"mouseenter\" === en)) {\n var pd_0 = (_co.mouseEnter($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"mouseleave\" === en)) {\n var pd_1 = (_co.mouseLeave($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"input\", [[\"class\", \"custom-input-search\"], [\"placeholder\", \"Type to search..\"], [\"tabindex\", \"0\"], [\"type\", \"text\"]], null, [[null, \"input\"], [null, \"blur\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (_co.input(i1.ɵnov(_v.parent, 5), $event) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (_co.onBlurInput($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 4, \"div\", [[\"class\", \"sub-header\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 3, \"label\", [[\"class\", \"checkbox-container\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" Select All \"])), (_l()(), i1.ɵeld(5, 0, null, null, 0, \"input\", [[\"class\", \"checkbox-input\"], [\"tabindex\", \"0\"], [\"type\", \"checkbox\"]], null, [[null, \"change\"], [null, \"blur\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"change\" === en)) {\n var pd_0 = (_co.selectAll($event, i1.ɵnov(_v.parent, 5)) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (_co.onBlurInput($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(6, 0, null, null, 0, \"span\", [[\"class\", \"checkmark-custom\"]], null, null, null, null, null))], null, null); }\nfunction View_FilteroptionComponent_24(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"class\", \"ng-value-icon right\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (_v.parent.context.clear(_v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.ItemDisplay; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_FilteroptionComponent_25(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \" more...\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.items.length - 10); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_FilteroptionComponent_23(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_24)), i1.ɵdid(1, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_25)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.context.items ? _v.context.items.slice(0, 10) : i1.ɵEMPTY_ARRAY); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.context.items.length > 10); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_FilteroptionComponent_27(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 0, null, null, null, null, null, null, null))], null, null); }\nfunction View_FilteroptionComponent_26(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 16777216, null, null, 3, \"span\", [[\"matTooltip\", \"Custom filter\"], [\"style\", \"cursor:pointer;\"]], null, [[null, \"click\"], [null, \"longpress\"], [null, \"keydown\"], [null, \"touchend\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"longpress\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1).show() !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"touchend\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 1)._handleTouchend() !== false);\n ad = (pd_2 && ad);\n } if ((\"click\" === en)) {\n var pd_3 = (_co.openCustomFilter(_v.parent.context.$implicit) !== false);\n ad = (pd_3 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 147456, null, 0, i8.MatTooltip, [i9.Overlay, i1.ElementRef, i10.ScrollDispatcher, i1.ViewContainerRef, i1.NgZone, i11.Platform, i12.AriaDescriber, i12.FocusMonitor, i8.MAT_TOOLTIP_SCROLL_STRATEGY, [2, i13.Directionality], [2, i8.MAT_TOOLTIP_DEFAULT_OPTIONS], [2, i14.HAMMER_LOADER]], { message: [0, \"message\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_27)), i1.ɵdid(3, 540672, null, 0, i2.NgTemplateOutlet, [i1.ViewContainerRef], { ngTemplateOutlet: [0, \"ngTemplateOutlet\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = \"Custom filter\"; _ck(_v, 1, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent.parent.parent, 8); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_FilteroptionComponent_29(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 0, null, null, null, null, null, null, null))], null, null); }\nfunction View_FilteroptionComponent_28(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 16777216, null, null, 3, \"span\", [[\"matTooltip\", \"Custom filter\"], [\"style\", \"cursor:pointer;\"]], null, [[null, \"click\"], [null, \"longpress\"], [null, \"keydown\"], [null, \"touchend\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"longpress\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1).show() !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"touchend\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 1)._handleTouchend() !== false);\n ad = (pd_2 && ad);\n } if ((\"click\" === en)) {\n var pd_3 = (_co.openCustomFilter(_v.parent.context.$implicit) !== false);\n ad = (pd_3 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 147456, null, 0, i8.MatTooltip, [i9.Overlay, i1.ElementRef, i10.ScrollDispatcher, i1.ViewContainerRef, i1.NgZone, i11.Platform, i12.AriaDescriber, i12.FocusMonitor, i8.MAT_TOOLTIP_SCROLL_STRATEGY, [2, i13.Directionality], [2, i8.MAT_TOOLTIP_DEFAULT_OPTIONS], [2, i14.HAMMER_LOADER]], { message: [0, \"message\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_29)), i1.ɵdid(3, 540672, null, 0, i2.NgTemplateOutlet, [i1.ViewContainerRef], { ngTemplateOutlet: [0, \"ngTemplateOutlet\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = \"Custom filter\"; _ck(_v, 1, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent.parent.parent, 7); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_FilteroptionComponent_21(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 30, \"div\", [[\"class\", \"filter-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 24, \"ng-select\", [[\"appendTo\", \"body\"], [\"bindLabel\", \"ItemDisplay\"], [\"bindValue\", \"ItemValue\"], [\"class\", \"dropdown-ng-select filter-option ng-select\"], [\"role\", \"listbox\"]], [[2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"click\"], [null, \"close\"], [null, \"change\"], [null, \"blur\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n _co.getFilterOptions(_v.context.$implicit.FilterField, $event);\n var pd_1 = (i1.ɵnov(_v, 5).focus() !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseFilterOptions() !== false);\n ad = (pd_2 && ad);\n } if ((\"change\" === en)) {\n var pd_3 = (_co.checkItem(_v.context.$implicit.FilterField, $event, i1.ɵnov(_v, 5)) !== false);\n ad = (pd_3 && ad);\n } if ((\"blur\" === en)) {\n var pd_4 = (_co.onBlur(_v.context.$implicit.FilterField, $event) !== false);\n ad = (pd_4 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_5 = ((_v.context.$implicit.SelectedFilterItem = $event) !== false);\n ad = (pd_5 && ad);\n } return ad; }, i5.View_NgSelectComponent_0, i5.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i6.ɵd, i6.ɵd, []), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { klass: [0, \"klass\"], ngClass: [1, \"ngClass\"] }, null), i1.ɵpod(4, { \"loading\": 0 }), i1.ɵdid(5, 4964352, [[\"filter\", 4]], 12, i6.NgSelectComponent, [[8, \"dropdown-ng-select filter-option\"], [8, null], [8, null], i6.NgSelectConfig, i6.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i6.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], appendTo: [3, \"appendTo\"], closeOnSelect: [4, \"closeOnSelect\"], clearOnBackspace: [5, \"clearOnBackspace\"], multiple: [6, \"multiple\"], searchable: [7, \"searchable\"], isOpen: [8, \"isOpen\"], items: [9, \"items\"] }, { blurEvent: \"blur\", changeEvent: \"change\", closeEvent: \"close\" }), i1.ɵqud(335544320, 16, { optionTemplate: 0 }), i1.ɵqud(335544320, 17, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 18, { labelTemplate: 0 }), i1.ɵqud(335544320, 19, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 20, { headerTemplate: 0 }), i1.ɵqud(335544320, 21, { footerTemplate: 0 }), i1.ɵqud(335544320, 22, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 23, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 24, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 25, { tagTemplate: 0 }), i1.ɵqud(335544320, 26, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 27, { ngOptions: 1 }), i1.ɵprd(1024, null, i7.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i6.NgSelectComponent]), i1.ɵdid(19, 671744, null, 0, i7.NgModel, [[8, null], [8, null], [8, null], [6, i7.NG_VALUE_ACCESSOR]], { model: [0, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i7.NgControl, null, [i7.NgModel]), i1.ɵdid(21, 16384, null, 0, i7.NgControlStatus, [[4, i7.NgControl]], null, null), (_l()(), i1.ɵand(0, [[20, 2]], null, 1, null, View_FilteroptionComponent_22)), i1.ɵdid(23, 16384, null, 0, i6.ɵi, [i1.TemplateRef], null, null), (_l()(), i1.ɵand(0, [[19, 2]], null, 1, null, View_FilteroptionComponent_23)), i1.ɵdid(25, 16384, null, 0, i6.ɵh, [i1.TemplateRef], null, null), (_l()(), i1.ɵeld(26, 0, null, null, 4, \"div\", [[\"class\", \"custom-filter\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_26)), i1.ɵdid(28, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_28)), i1.ɵdid(30, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_16 = \"dropdown-ng-select filter-option\"; var currVal_17 = _ck(_v, 4, 0, _v.context.$implicit.IsLoading); _ck(_v, 3, 0, currVal_16, currVal_17); var currVal_18 = \"ItemDisplay\"; var currVal_19 = \"ItemValue\"; var currVal_20 = _v.context.$implicit.FilterOptionDisplay; var currVal_21 = \"body\"; var currVal_22 = false; var currVal_23 = false; var currVal_24 = true; var currVal_25 = false; var currVal_26 = _v.context.$implicit.IsDropdownOpen; var currVal_27 = _v.context.$implicit.FilterOptionItems; _ck(_v, 5, 0, currVal_18, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26, currVal_27); var currVal_28 = _v.context.$implicit.SelectedFilterItem; _ck(_v, 19, 0, currVal_28); var currVal_29 = _v.context.$implicit.HasAdvancedFilter; _ck(_v, 28, 0, currVal_29); var currVal_30 = !_v.context.$implicit.HasAdvancedFilter; _ck(_v, 30, 0, currVal_30); }, function (_ck, _v) { var currVal_0 = !i1.ɵnov(_v, 5).multiple; var currVal_1 = i1.ɵnov(_v, 5).typeahead; var currVal_2 = i1.ɵnov(_v, 5).multiple; var currVal_3 = i1.ɵnov(_v, 5).addTag; var currVal_4 = i1.ɵnov(_v, 5).searchable; var currVal_5 = i1.ɵnov(_v, 5).clearable; var currVal_6 = i1.ɵnov(_v, 5).isOpen; var currVal_7 = i1.ɵnov(_v, 5).disabled; var currVal_8 = i1.ɵnov(_v, 5).filtered; var currVal_9 = i1.ɵnov(_v, 21).ngClassUntouched; var currVal_10 = i1.ɵnov(_v, 21).ngClassTouched; var currVal_11 = i1.ɵnov(_v, 21).ngClassPristine; var currVal_12 = i1.ɵnov(_v, 21).ngClassDirty; var currVal_13 = i1.ɵnov(_v, 21).ngClassValid; var currVal_14 = i1.ɵnov(_v, 21).ngClassInvalid; var currVal_15 = i1.ɵnov(_v, 21).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15]); }); }\nfunction View_FilteroptionComponent_30(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"p\", [[\"class\", \"filter-label\"], [\"style\", \"padding-left: 0;\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Filters have not been defined for this view. Please contact system administrator.\"]))], null, null); }\nfunction View_FilteroptionComponent_20(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 12, \"div\", [[\"class\", \"modal-body custom-scrollbar\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 11, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 10, \"div\", [[\"class\", \"container\"], [\"style\", \"margin-top: 20px;padding-left: 0;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 9, \"div\", [[\"class\", \"row\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 2, \"div\", [[\"class\", \"col-sm-2\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 1, \"p\", [[\"class\", \"filter-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Filters\"])), (_l()(), i1.ɵeld(7, 0, null, null, 5, \"div\", [[\"class\", \"col-sm-10\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_21)), i1.ɵdid(9, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_30)), i1.ɵdid(11, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(12, 0, null, null, 0, \"div\", [[\"class\", \"clearfix\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(13, 0, null, null, 4, \"div\", [[\"style\", \"text-align: right;padding-bottom: 10px;display: flex;flex-flow: row-reverse;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(14, 0, null, null, 1, \"button\", [[\"class\", \"btn btn-primary apply-button\"], [\"type\", \"button\"]], [[2, \"loading\", null]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.applyFilterChanges() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(15, null, [\"\", \"\"])), (_l()(), i1.ɵeld(16, 0, null, null, 1, \"button\", [[\"class\", \"btn btn-primary btn-clear mr-2\"], [\"type\", \"button\"]], [[8, \"disabled\", 0]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.clearAllFilters() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"Clear All Filters\"]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.filterOptions; _ck(_v, 9, 0, currVal_0); var currVal_1 = (_co.filterOptions.length == 0); _ck(_v, 11, 0, currVal_1); }, function (_ck, _v) { var _co = _v.component; var currVal_2 = _co.isApplyingFilter; _ck(_v, 14, 0, currVal_2); var currVal_3 = (_co.isApplyingFilter ? \"\" : \"Apply\"); _ck(_v, 15, 0, currVal_3); var currVal_4 = !_co.hasFilters; _ck(_v, 16, 0, currVal_4); }); }\nexport function View_FilteroptionComponent_0(_l) { return i1.ɵvid(0, [i1.ɵqud(671088640, 1, { viewNameInput: 0 }), i1.ɵqud(402653184, 2, { basicMenu: 0 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_1)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_FilteroptionComponent_3)), i1.ɵdid(5, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, [[\"filterWindow\", 2]], null, 0, null, View_FilteroptionComponent_4)), (_l()(), i1.ɵand(0, [[\"filterSVG\", 2]], null, 0, null, View_FilteroptionComponent_18)), (_l()(), i1.ɵand(0, [[\"filterFilledSVG\", 2]], null, 0, null, View_FilteroptionComponent_19)), (_l()(), i1.ɵeld(9, 0, null, null, 4, \"context-menu\", [], null, null, null, i15.View_ContextMenuComponent_0, i15.RenderType_ContextMenuComponent)), i1.ɵdid(10, 180224, [[2, 4]], 1, i16.ContextMenuComponent, [i16.ContextMenuService, i1.ChangeDetectorRef, i1.ElementRef, [2, i16.ɵc]], { useBootstrap4: [0, \"useBootstrap4\"] }, null), i1.ɵqud(603979776, 15, { menuItems: 1 }), (_l()(), i1.ɵand(0, null, null, 1, null, View_FilteroptionComponent_20)), i1.ɵdid(13, 16384, [[15, 4]], 0, i16.ɵb, [i1.TemplateRef, i1.ElementRef], { passive: [0, \"passive\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = !_co.isCustomFilter; _ck(_v, 3, 0, currVal_0); var currVal_1 = _co.isCustomFilter; _ck(_v, 5, 0, currVal_1); var currVal_2 = true; _ck(_v, 10, 0, currVal_2); var currVal_3 = \"true\"; _ck(_v, 13, 0, currVal_3); }, null); }\nexport function View_FilteroptionComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-filteroption\", [], null, null, null, View_FilteroptionComponent_0, RenderType_FilteroptionComponent)), i1.ɵdid(1, 114688, null, 0, i17.FilteroptionComponent, [i18.BsModalService, i19.SummaryService, i20.ViewService, i21.ConfirmationService, i22.CustomPopupService, i23.ToasterMessageService, i24.ToasterService, i16.ContextMenuService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar FilteroptionComponentNgFactory = i1.ɵccf(\"app-filteroption\", i17.FilteroptionComponent, View_FilteroptionComponent_Host_0, { componentId: \"componentId\", isCustomFilter: \"isCustomFilter\" }, { refreshSummary: \"refreshSummary\", refreshView: \"refreshView\" }, []);\nexport { FilteroptionComponentNgFactory as FilteroptionComponentNgFactory };\n","\n Frequently Asked Questions
\n \n\n \n \n \n \n \n \n \n expand_more \n \n \n chevron_right \n \n \n\n \n \n \n \n \n \n
\n{{faq.MessageHeader}}
\n
\n \n
\n \n
\n \n
\n \n
\n Loading...
\n\n Filter\n filter_list \n
\n\n\n\n
\n {{isCustomFilter ? 'Filters' : 'Edit View'}}
\n \n\n
\n \n \n
\n \n
\n \n
\n \n
\n View Name
\n\n \n \n
\n \n
\n View name is required
\n \n
\n \n
\n \n
\n Filters
\n\n
\n \n \n \n \n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n {{item.ItemDisplay}}\n
\n 10\">\n {{items.length - 10}} more...\n
\n \n \n \n
\n \n
\n \n Filters have not been defined for this view. Please contact system administrator.
\n\n
\n \n
\n \n
\n \n
\n \n
\n Filters
\n\n
\n \n \n \n \n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n {{item.ItemDisplay}}\n
\n 10\">\n {{items.length - 10}} more...\n
\n \n \n \n
\n \n
\n \n Filters have not been defined for this view. Please contact system administrator.
\n\n \n \n
\n \n
\n\n\n \n
\n \n\n \n \n\n\n \n
\n \n\n \n\n \n
\n \n\n Notifications
\n 0;else noTray\" style=\"height: 100%;\">\n \n\n \n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n{{toaster.NotificationDate | date:'d MMM yyyy h:mm:ss aa' }}
\nLoading...
\n No new notifications
\n![](\"../../assets/images/i-ic-blue.png\"){kind=icon}
\n \n\n\n\n\n
\nInfo
\n \n \n
\n {{errorMessage}}
\n\n\n
\n\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n 
\n
\n \n - \n
\n
\n \n \n
\n \n \n
","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\nimport { DetailProperty, ValueSelection } from '../objects/DetailObject';\nimport { DetailService } from '../services/detail.service';\nimport { MatTreeNestedDataSource } from '@angular/material';\nimport { NestedTreeControl } from '@angular/cdk/tree';\nimport { MyTreeNode } from '../objects/TreeviewObject';\n\n@Component({\n selector: 'app-hierarchy',\n templateUrl: './hierarchy.component.html',\n styleUrls: ['./hierarchy.component.css']\n})\nexport class HierarchyComponent implements OnInit {\n\n @Input() componentId: string;\n @Input() treeDataSource: MatTreeNestedDataSourceBrowse {{propertyDisplay}}
\nCheck the {{propertyDisplay}} you want to add. \n Expand the {{propertyDisplay}} by clicking the arrow. You may select more than one \n {{propertyDisplay}}.
\n\n
\n\r\n
","import { Component, OnInit } from '@angular/core';\nimport { LoginService } from '../services/login.service';\nimport { Globals } from '../objects/Globals';\nimport { Router } from '@angular/router';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { WorkflowReturnService } from '../services/workflow-return.service';\nimport { MessagePopupService } from '../services/message-popup.service';\n\n@Component({\n selector: 'app-home',\n templateUrl: './home.component.html',\n styleUrls: ['./home.component.css']\n})\nexport class HomeComponent implements OnInit {\n\n isBusy: boolean = true;\n private loaderConfig:any;\n constructor(private loginService:LoginService, private globals:Globals, private router:Router, private themeSettingService: ThemeSettingService, \n private workflowReturnService: WorkflowReturnService, private messagePopupService: MessagePopupService) { }\n\n ngOnInit() {\n this.loaderConfig = this.themeSettingService.getTheme();\n \n this.isBusy = true;\n if(this.globals.Session){\n this.loginService.getHomePage().subscribe(result=>{\n this.isBusy = false;\n var command = JSON.parse(result);\n this.workflowReturnService.handleWorkflowReturn(command, true, true);\n });\n }else{\n this.isBusy = false;\n this.router.navigate(['/', 'login']);\n }\n }\n\n}\n","import { OnInit } from '@angular/core';\nimport { LoginService } from '../services/login.service';\nimport { Globals } from '../objects/Globals';\nimport { Router } from '@angular/router';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { WorkflowReturnService } from '../services/workflow-return.service';\nimport { MessagePopupService } from '../services/message-popup.service';\nvar HomeComponent = /** @class */ (function () {\n function HomeComponent(loginService, globals, router, themeSettingService, workflowReturnService, messagePopupService) {\n this.loginService = loginService;\n this.globals = globals;\n this.router = router;\n this.themeSettingService = themeSettingService;\n this.workflowReturnService = workflowReturnService;\n this.messagePopupService = messagePopupService;\n this.isBusy = true;\n }\n HomeComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.loaderConfig = this.themeSettingService.getTheme();\n this.isBusy = true;\n if (this.globals.Session) {\n this.loginService.getHomePage().subscribe(function (result) {\n _this.isBusy = false;\n var command = JSON.parse(result);\n _this.workflowReturnService.handleWorkflowReturn(command, true, true);\n });\n }\n else {\n this.isBusy = false;\n this.router.navigate(['/', 'login']);\n }\n };\n return HomeComponent;\n}());\nexport { HomeComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".disabled[_ngcontent-%COMP%] {\\r\\n display: none;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./html-editor.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../../../node_modules/ngx-quill/ngx-quill.ngfactory\";\nimport * as i3 from \"ngx-quill\";\nimport * as i4 from \"@angular/platform-browser\";\nimport * as i5 from \"@angular/common\";\nimport * as i6 from \"@angular/forms\";\nimport * as i7 from \"./html-editor.component\";\nvar styles_HtmlEditorComponent = [i0.styles];\nvar RenderType_HtmlEditorComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_HtmlEditorComponent, data: {} });\nexport { RenderType_HtmlEditorComponent as RenderType_HtmlEditorComponent };\nfunction View_HtmlEditorComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValue; _ck(_v, 2, 0, currVal_0); }); }\nfunction View_HtmlEditorComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 276, \"quill-editor\", [], [[1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"onBlur\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"ngModelChange\" === en)) {\n var pd_0 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_0 && ad);\n } if ((\"onBlur\" === en)) {\n var pd_1 = (_co.onValueChange(_co.property.PropertyValue) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i2.View_QuillEditorComponent_0, i2.RenderType_QuillEditorComponent)), i1.ɵdid(1, 4898816, [[1, 4], [\"quill\", 4]], 0, i3.QuillEditorComponent, [i1.ElementRef, i4.DomSanitizer, i5.DOCUMENT, i1.PLATFORM_ID, i1.Renderer2, i1.NgZone, i3.QUILL_CONFIG_TOKEN], { modules: [0, \"modules\"], readOnly: [1, \"readOnly\"], required: [2, \"required\"] }, { onBlur: \"onBlur\" }), i1.ɵdid(2, 16384, null, 0, i6.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i6.NG_VALIDATORS, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i3.QuillEditorComponent, i6.RequiredValidator]), i1.ɵprd(1024, null, i6.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.QuillEditorComponent]), i1.ɵdid(5, 671744, null, 0, i6.NgModel, [[8, null], [6, i6.NG_VALIDATORS], [8, null], [6, i6.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i6.NgControl, null, [i6.NgModel]), i1.ɵdid(7, 16384, null, 0, i6.NgControlStatus, [[4, i6.NgControl]], null, null), (_l()(), i1.ɵeld(8, 0, null, 0, 268, \"div\", [[\"quill-editor-toolbar\", \"\"]], [[2, \"disabled\", null]], null, null, null, null)), (_l()(), i1.ɵeld(9, 0, null, null, 10, \"span\", [[\"class\", \"ql-formats\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(10, 0, null, null, 9, \"select\", [[\"class\", \"ql-font\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(11, 0, null, null, 2, \"option\", [[\"selected\", \"selected\"]], null, null, null, null, null)), i1.ɵdid(12, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], null, null), i1.ɵdid(13, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], null, null), (_l()(), i1.ɵeld(14, 0, null, null, 2, \"option\", [[\"value\", \"serif\"]], null, null, null, null, null)), i1.ɵdid(15, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(16, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(17, 0, null, null, 2, \"option\", [[\"value\", \"monospace\"]], null, null, null, null, null)), i1.ɵdid(18, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(19, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(20, 0, null, null, 13, \"span\", [[\"class\", \"ql-formats\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(21, 0, null, null, 12, \"select\", [[\"class\", \"ql-size\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(22, 0, null, null, 2, \"option\", [[\"value\", \"small\"]], null, null, null, null, null)), i1.ɵdid(23, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(24, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(25, 0, null, null, 2, \"option\", [[\"selected\", \"selected\"]], null, null, null, null, null)), i1.ɵdid(26, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], null, null), i1.ɵdid(27, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], null, null), (_l()(), i1.ɵeld(28, 0, null, null, 2, \"option\", [[\"value\", \"large\"]], null, null, null, null, null)), i1.ɵdid(29, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(30, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(31, 0, null, null, 2, \"option\", [[\"value\", \"huge\"]], null, null, null, null, null)), i1.ɵdid(32, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(33, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(34, 0, null, null, 4, \"span\", [[\"class\", \"ql-formats\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(35, 0, null, null, 0, \"button\", [[\"class\", \"ql-bold\"], [\"type\", \"button\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(36, 0, null, null, 0, \"button\", [[\"class\", \"ql-italic\"], [\"type\", \"button\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(37, 0, null, null, 0, \"button\", [[\"class\", \"ql-underline\"], [\"type\", \"button\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(38, 0, null, null, 0, \"button\", [[\"class\", \"ql-strike\"], [\"type\", \"button\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(39, 0, null, null, 2, \"span\", [[\"class\", \"ql-formats\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(40, 0, null, null, 0, \"button\", [[\"class\", \"ql-list\"], [\"type\", \"button\"], [\"value\", \"ordered\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(41, 0, null, null, 0, \"button\", [[\"class\", \"ql-list\"], [\"type\", \"button\"], [\"value\", \"bullet\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(42, 0, null, null, 214, \"span\", [[\"class\", \"ql-formats\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(43, 0, null, null, 106, \"span\", [], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(44, 0, null, null, 105, \"select\", [[\"class\", \"ql-color\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(45, 0, null, null, 2, \"option\", [[\"selected\", \"selected\"]], null, null, null, null, null)), i1.ɵdid(46, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], null, null), i1.ɵdid(47, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], null, null), (_l()(), i1.ɵeld(48, 0, null, null, 2, \"option\", [[\"value\", \"#e60000\"]], null, null, null, null, null)), i1.ɵdid(49, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(50, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(51, 0, null, null, 2, \"option\", [[\"value\", \"#ff9900\"]], null, null, null, null, null)), i1.ɵdid(52, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(53, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(54, 0, null, null, 2, \"option\", [[\"value\", \"#ffff00\"]], null, null, null, null, null)), i1.ɵdid(55, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(56, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(57, 0, null, null, 2, \"option\", [[\"value\", \"#008a00\"]], null, null, null, null, null)), i1.ɵdid(58, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(59, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(60, 0, null, null, 2, \"option\", [[\"value\", \"#0066cc\"]], null, null, null, null, null)), i1.ɵdid(61, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(62, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(63, 0, null, null, 2, \"option\", [[\"value\", \"#9933ff\"]], null, null, null, null, null)), i1.ɵdid(64, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(65, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(66, 0, null, null, 2, \"option\", [[\"value\", \"#ffffff\"]], null, null, null, null, null)), i1.ɵdid(67, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(68, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(69, 0, null, null, 2, \"option\", [[\"value\", \"#facccc\"]], null, null, null, null, null)), i1.ɵdid(70, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(71, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(72, 0, null, null, 2, \"option\", [[\"value\", \"#ffebcc\"]], null, null, null, null, null)), i1.ɵdid(73, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(74, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(75, 0, null, null, 2, \"option\", [[\"value\", \"#ffffcc\"]], null, null, null, null, null)), i1.ɵdid(76, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(77, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(78, 0, null, null, 2, \"option\", [[\"value\", \"#cce8cc\"]], null, null, null, null, null)), i1.ɵdid(79, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(80, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(81, 0, null, null, 2, \"option\", [[\"value\", \"#cce0f5\"]], null, null, null, null, null)), i1.ɵdid(82, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(83, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(84, 0, null, null, 2, \"option\", [[\"value\", \"#ebd6ff\"]], null, null, null, null, null)), i1.ɵdid(85, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(86, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(87, 0, null, null, 2, \"option\", [[\"value\", \"#bbbbbb\"]], null, null, null, null, null)), i1.ɵdid(88, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(89, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(90, 0, null, null, 2, \"option\", [[\"value\", \"#f06666\"]], null, null, null, null, null)), i1.ɵdid(91, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(92, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(93, 0, null, null, 2, \"option\", [[\"value\", \"#ffc266\"]], null, null, null, null, null)), i1.ɵdid(94, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(95, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(96, 0, null, null, 2, \"option\", [[\"value\", \"#ffff66\"]], null, null, null, null, null)), i1.ɵdid(97, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(98, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(99, 0, null, null, 2, \"option\", [[\"value\", \"#66b966\"]], null, null, null, null, null)), i1.ɵdid(100, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(101, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(102, 0, null, null, 2, \"option\", [[\"value\", \"#66a3e0\"]], null, null, null, null, null)), i1.ɵdid(103, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(104, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(105, 0, null, null, 2, \"option\", [[\"value\", \"#c285ff\"]], null, null, null, null, null)), i1.ɵdid(106, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(107, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(108, 0, null, null, 2, \"option\", [[\"value\", \"#888888\"]], null, null, null, null, null)), i1.ɵdid(109, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(110, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(111, 0, null, null, 2, \"option\", [[\"value\", \"#a10000\"]], null, null, null, null, null)), i1.ɵdid(112, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(113, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(114, 0, null, null, 2, \"option\", [[\"value\", \"#b26b00\"]], null, null, null, null, null)), i1.ɵdid(115, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(116, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(117, 0, null, null, 2, \"option\", [[\"value\", \"#b2b200\"]], null, null, null, null, null)), i1.ɵdid(118, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(119, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(120, 0, null, null, 2, \"option\", [[\"value\", \"#006100\"]], null, null, null, null, null)), i1.ɵdid(121, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(122, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(123, 0, null, null, 2, \"option\", [[\"value\", \"#0047b2\"]], null, null, null, null, null)), i1.ɵdid(124, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(125, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(126, 0, null, null, 2, \"option\", [[\"value\", \"#6b24b2\"]], null, null, null, null, null)), i1.ɵdid(127, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(128, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(129, 0, null, null, 2, \"option\", [[\"value\", \"#444444\"]], null, null, null, null, null)), i1.ɵdid(130, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(131, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(132, 0, null, null, 2, \"option\", [[\"value\", \"#5c0000\"]], null, null, null, null, null)), i1.ɵdid(133, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(134, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(135, 0, null, null, 2, \"option\", [[\"value\", \"#663d00\"]], null, null, null, null, null)), i1.ɵdid(136, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(137, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(138, 0, null, null, 2, \"option\", [[\"value\", \"#666600\"]], null, null, null, null, null)), i1.ɵdid(139, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(140, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(141, 0, null, null, 2, \"option\", [[\"value\", \"#003700\"]], null, null, null, null, null)), i1.ɵdid(142, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(143, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(144, 0, null, null, 2, \"option\", [[\"value\", \"#002966\"]], null, null, null, null, null)), i1.ɵdid(145, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(146, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(147, 0, null, null, 2, \"option\", [[\"value\", \"#3d1466\"]], null, null, null, null, null)), i1.ɵdid(148, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(149, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(150, 0, null, null, 106, \"span\", [[\"class\", \"ql-bc\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(151, 0, null, null, 105, \"select\", [[\"class\", \"ql-background\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(152, 0, null, null, 2, \"option\", [[\"value\", \"#000000\"]], null, null, null, null, null)), i1.ɵdid(153, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(154, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(155, 0, null, null, 2, \"option\", [[\"value\", \"#e60000\"]], null, null, null, null, null)), i1.ɵdid(156, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(157, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(158, 0, null, null, 2, \"option\", [[\"value\", \"#ff9900\"]], null, null, null, null, null)), i1.ɵdid(159, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(160, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(161, 0, null, null, 2, \"option\", [[\"value\", \"#ffff00\"]], null, null, null, null, null)), i1.ɵdid(162, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(163, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(164, 0, null, null, 2, \"option\", [[\"value\", \"#008a00\"]], null, null, null, null, null)), i1.ɵdid(165, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(166, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(167, 0, null, null, 2, \"option\", [[\"value\", \"#0066cc\"]], null, null, null, null, null)), i1.ɵdid(168, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(169, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(170, 0, null, null, 2, \"option\", [[\"value\", \"#9933ff\"]], null, null, null, null, null)), i1.ɵdid(171, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(172, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(173, 0, null, null, 2, \"option\", [[\"selected\", \"selected\"]], null, null, null, null, null)), i1.ɵdid(174, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], null, null), i1.ɵdid(175, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], null, null), (_l()(), i1.ɵeld(176, 0, null, null, 2, \"option\", [[\"value\", \"#facccc\"]], null, null, null, null, null)), i1.ɵdid(177, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(178, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(179, 0, null, null, 2, \"option\", [[\"value\", \"#ffebcc\"]], null, null, null, null, null)), i1.ɵdid(180, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(181, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(182, 0, null, null, 2, \"option\", [[\"value\", \"#ffffcc\"]], null, null, null, null, null)), i1.ɵdid(183, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(184, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(185, 0, null, null, 2, \"option\", [[\"value\", \"#cce8cc\"]], null, null, null, null, null)), i1.ɵdid(186, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(187, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(188, 0, null, null, 2, \"option\", [[\"value\", \"#cce0f5\"]], null, null, null, null, null)), i1.ɵdid(189, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(190, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(191, 0, null, null, 2, \"option\", [[\"value\", \"#ebd6ff\"]], null, null, null, null, null)), i1.ɵdid(192, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(193, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(194, 0, null, null, 2, \"option\", [[\"value\", \"#bbbbbb\"]], null, null, null, null, null)), i1.ɵdid(195, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(196, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(197, 0, null, null, 2, \"option\", [[\"value\", \"#f06666\"]], null, null, null, null, null)), i1.ɵdid(198, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(199, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(200, 0, null, null, 2, \"option\", [[\"value\", \"#ffc266\"]], null, null, null, null, null)), i1.ɵdid(201, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(202, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(203, 0, null, null, 2, \"option\", [[\"value\", \"#ffff66\"]], null, null, null, null, null)), i1.ɵdid(204, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(205, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(206, 0, null, null, 2, \"option\", [[\"value\", \"#66b966\"]], null, null, null, null, null)), i1.ɵdid(207, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(208, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(209, 0, null, null, 2, \"option\", [[\"value\", \"#66a3e0\"]], null, null, null, null, null)), i1.ɵdid(210, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(211, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(212, 0, null, null, 2, \"option\", [[\"value\", \"#c285ff\"]], null, null, null, null, null)), i1.ɵdid(213, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(214, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(215, 0, null, null, 2, \"option\", [[\"value\", \"#888888\"]], null, null, null, null, null)), i1.ɵdid(216, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(217, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(218, 0, null, null, 2, \"option\", [[\"value\", \"#a10000\"]], null, null, null, null, null)), i1.ɵdid(219, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(220, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(221, 0, null, null, 2, \"option\", [[\"value\", \"#b26b00\"]], null, null, null, null, null)), i1.ɵdid(222, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(223, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(224, 0, null, null, 2, \"option\", [[\"value\", \"#b2b200\"]], null, null, null, null, null)), i1.ɵdid(225, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(226, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(227, 0, null, null, 2, \"option\", [[\"value\", \"#006100\"]], null, null, null, null, null)), i1.ɵdid(228, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(229, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(230, 0, null, null, 2, \"option\", [[\"value\", \"#0047b2\"]], null, null, null, null, null)), i1.ɵdid(231, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(232, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(233, 0, null, null, 2, \"option\", [[\"value\", \"#6b24b2\"]], null, null, null, null, null)), i1.ɵdid(234, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(235, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(236, 0, null, null, 2, \"option\", [[\"value\", \"#444444\"]], null, null, null, null, null)), i1.ɵdid(237, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(238, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(239, 0, null, null, 2, \"option\", [[\"value\", \"#5c0000\"]], null, null, null, null, null)), i1.ɵdid(240, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(241, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(242, 0, null, null, 2, \"option\", [[\"value\", \"#663d00\"]], null, null, null, null, null)), i1.ɵdid(243, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(244, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(245, 0, null, null, 2, \"option\", [[\"value\", \"#666600\"]], null, null, null, null, null)), i1.ɵdid(246, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(247, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(248, 0, null, null, 2, \"option\", [[\"value\", \"#003700\"]], null, null, null, null, null)), i1.ɵdid(249, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(250, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(251, 0, null, null, 2, \"option\", [[\"value\", \"#002966\"]], null, null, null, null, null)), i1.ɵdid(252, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(253, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(254, 0, null, null, 2, \"option\", [[\"value\", \"#3d1466\"]], null, null, null, null, null)), i1.ɵdid(255, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(256, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(257, 0, null, null, 13, \"span\", [[\"class\", \"ql-formats ql-alignment\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(258, 0, null, null, 12, \"select\", [[\"class\", \"ql-align\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(259, 0, null, null, 2, \"option\", [[\"selected\", \"selected\"]], [[8, \"title\", 0]], null, null, null, null)), i1.ɵdid(260, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], null, null), i1.ɵdid(261, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], null, null), (_l()(), i1.ɵeld(262, 0, null, null, 2, \"option\", [[\"value\", \"center\"]], [[8, \"title\", 0]], null, null, null, null)), i1.ɵdid(263, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(264, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(265, 0, null, null, 2, \"option\", [[\"value\", \"right\"]], [[8, \"title\", 0]], null, null, null, null)), i1.ɵdid(266, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(267, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(268, 0, null, null, 2, \"option\", [[\"value\", \"justify\"]], [[8, \"title\", 0]], null, null, null, null)), i1.ɵdid(269, 147456, null, 0, i6.NgSelectOption, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), i1.ɵdid(270, 147456, null, 0, i6.ɵangular_packages_forms_forms_r, [i1.ElementRef, i1.Renderer2, [8, null]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(271, 0, null, null, 1, \"span\", [[\"class\", \"ql-formats\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(272, 0, null, null, 0, \"button\", [[\"class\", \"ql-link\"], [\"type\", \"button\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(273, 0, null, null, 1, \"span\", [[\"class\", \"ql-formats\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(274, 0, null, null, 0, \"button\", [[\"class\", \"ql-image\"], [\"type\", \"button\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(275, 0, null, null, 1, \"span\", [[\"class\", \"ql-formats\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(276, 0, null, null, 0, \"button\", [[\"class\", \"ql-clean\"], [\"type\", \"button\"]], [[8, \"title\", 0]], null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_8 = _co.modules; var currVal_9 = !_co.property.PropertyIsEditable; var currVal_10 = (_co.property.PropertyValidation ? (_co.property.PropertyValidation.IsMandatory ? true : null) : null); _ck(_v, 1, 0, currVal_8, currVal_9, currVal_10); var currVal_11 = (_co.property.PropertyValidation ? (_co.property.PropertyValidation.IsMandatory ? true : null) : null); _ck(_v, 2, 0, currVal_11); var currVal_12 = _co.property.PropertyName; var currVal_13 = _co.property.PropertyValue; _ck(_v, 5, 0, currVal_12, currVal_13); var currVal_16 = \"serif\"; _ck(_v, 15, 0, currVal_16); var currVal_17 = \"serif\"; _ck(_v, 16, 0, currVal_17); var currVal_18 = \"monospace\"; _ck(_v, 18, 0, currVal_18); var currVal_19 = \"monospace\"; _ck(_v, 19, 0, currVal_19); var currVal_21 = \"small\"; _ck(_v, 23, 0, currVal_21); var currVal_22 = \"small\"; _ck(_v, 24, 0, currVal_22); var currVal_23 = \"large\"; _ck(_v, 29, 0, currVal_23); var currVal_24 = \"large\"; _ck(_v, 30, 0, currVal_24); var currVal_25 = \"huge\"; _ck(_v, 32, 0, currVal_25); var currVal_26 = \"huge\"; _ck(_v, 33, 0, currVal_26); var currVal_34 = \"#e60000\"; _ck(_v, 49, 0, currVal_34); var currVal_35 = \"#e60000\"; _ck(_v, 50, 0, currVal_35); var currVal_36 = \"#ff9900\"; _ck(_v, 52, 0, currVal_36); var currVal_37 = \"#ff9900\"; _ck(_v, 53, 0, currVal_37); var currVal_38 = \"#ffff00\"; _ck(_v, 55, 0, currVal_38); var currVal_39 = \"#ffff00\"; _ck(_v, 56, 0, currVal_39); var currVal_40 = \"#008a00\"; _ck(_v, 58, 0, currVal_40); var currVal_41 = \"#008a00\"; _ck(_v, 59, 0, currVal_41); var currVal_42 = \"#0066cc\"; _ck(_v, 61, 0, currVal_42); var currVal_43 = \"#0066cc\"; _ck(_v, 62, 0, currVal_43); var currVal_44 = \"#9933ff\"; _ck(_v, 64, 0, currVal_44); var currVal_45 = \"#9933ff\"; _ck(_v, 65, 0, currVal_45); var currVal_46 = \"#ffffff\"; _ck(_v, 67, 0, currVal_46); var currVal_47 = \"#ffffff\"; _ck(_v, 68, 0, currVal_47); var currVal_48 = \"#facccc\"; _ck(_v, 70, 0, currVal_48); var currVal_49 = \"#facccc\"; _ck(_v, 71, 0, currVal_49); var currVal_50 = \"#ffebcc\"; _ck(_v, 73, 0, currVal_50); var currVal_51 = \"#ffebcc\"; _ck(_v, 74, 0, currVal_51); var currVal_52 = \"#ffffcc\"; _ck(_v, 76, 0, currVal_52); var currVal_53 = \"#ffffcc\"; _ck(_v, 77, 0, currVal_53); var currVal_54 = \"#cce8cc\"; _ck(_v, 79, 0, currVal_54); var currVal_55 = \"#cce8cc\"; _ck(_v, 80, 0, currVal_55); var currVal_56 = \"#cce0f5\"; _ck(_v, 82, 0, currVal_56); var currVal_57 = \"#cce0f5\"; _ck(_v, 83, 0, currVal_57); var currVal_58 = \"#ebd6ff\"; _ck(_v, 85, 0, currVal_58); var currVal_59 = \"#ebd6ff\"; _ck(_v, 86, 0, currVal_59); var currVal_60 = \"#bbbbbb\"; _ck(_v, 88, 0, currVal_60); var currVal_61 = \"#bbbbbb\"; _ck(_v, 89, 0, currVal_61); var currVal_62 = \"#f06666\"; _ck(_v, 91, 0, currVal_62); var currVal_63 = \"#f06666\"; _ck(_v, 92, 0, currVal_63); var currVal_64 = \"#ffc266\"; _ck(_v, 94, 0, currVal_64); var currVal_65 = \"#ffc266\"; _ck(_v, 95, 0, currVal_65); var currVal_66 = \"#ffff66\"; _ck(_v, 97, 0, currVal_66); var currVal_67 = \"#ffff66\"; _ck(_v, 98, 0, currVal_67); var currVal_68 = \"#66b966\"; _ck(_v, 100, 0, currVal_68); var currVal_69 = \"#66b966\"; _ck(_v, 101, 0, currVal_69); var currVal_70 = \"#66a3e0\"; _ck(_v, 103, 0, currVal_70); var currVal_71 = \"#66a3e0\"; _ck(_v, 104, 0, currVal_71); var currVal_72 = \"#c285ff\"; _ck(_v, 106, 0, currVal_72); var currVal_73 = \"#c285ff\"; _ck(_v, 107, 0, currVal_73); var currVal_74 = \"#888888\"; _ck(_v, 109, 0, currVal_74); var currVal_75 = \"#888888\"; _ck(_v, 110, 0, currVal_75); var currVal_76 = \"#a10000\"; _ck(_v, 112, 0, currVal_76); var currVal_77 = \"#a10000\"; _ck(_v, 113, 0, currVal_77); var currVal_78 = \"#b26b00\"; _ck(_v, 115, 0, currVal_78); var currVal_79 = \"#b26b00\"; _ck(_v, 116, 0, currVal_79); var currVal_80 = \"#b2b200\"; _ck(_v, 118, 0, currVal_80); var currVal_81 = \"#b2b200\"; _ck(_v, 119, 0, currVal_81); var currVal_82 = \"#006100\"; _ck(_v, 121, 0, currVal_82); var currVal_83 = \"#006100\"; _ck(_v, 122, 0, currVal_83); var currVal_84 = \"#0047b2\"; _ck(_v, 124, 0, currVal_84); var currVal_85 = \"#0047b2\"; _ck(_v, 125, 0, currVal_85); var currVal_86 = \"#6b24b2\"; _ck(_v, 127, 0, currVal_86); var currVal_87 = \"#6b24b2\"; _ck(_v, 128, 0, currVal_87); var currVal_88 = \"#444444\"; _ck(_v, 130, 0, currVal_88); var currVal_89 = \"#444444\"; _ck(_v, 131, 0, currVal_89); var currVal_90 = \"#5c0000\"; _ck(_v, 133, 0, currVal_90); var currVal_91 = \"#5c0000\"; _ck(_v, 134, 0, currVal_91); var currVal_92 = \"#663d00\"; _ck(_v, 136, 0, currVal_92); var currVal_93 = \"#663d00\"; _ck(_v, 137, 0, currVal_93); var currVal_94 = \"#666600\"; _ck(_v, 139, 0, currVal_94); var currVal_95 = \"#666600\"; _ck(_v, 140, 0, currVal_95); var currVal_96 = \"#003700\"; _ck(_v, 142, 0, currVal_96); var currVal_97 = \"#003700\"; _ck(_v, 143, 0, currVal_97); var currVal_98 = \"#002966\"; _ck(_v, 145, 0, currVal_98); var currVal_99 = \"#002966\"; _ck(_v, 146, 0, currVal_99); var currVal_100 = \"#3d1466\"; _ck(_v, 148, 0, currVal_100); var currVal_101 = \"#3d1466\"; _ck(_v, 149, 0, currVal_101); var currVal_103 = \"#000000\"; _ck(_v, 153, 0, currVal_103); var currVal_104 = \"#000000\"; _ck(_v, 154, 0, currVal_104); var currVal_105 = \"#e60000\"; _ck(_v, 156, 0, currVal_105); var currVal_106 = \"#e60000\"; _ck(_v, 157, 0, currVal_106); var currVal_107 = \"#ff9900\"; _ck(_v, 159, 0, currVal_107); var currVal_108 = \"#ff9900\"; _ck(_v, 160, 0, currVal_108); var currVal_109 = \"#ffff00\"; _ck(_v, 162, 0, currVal_109); var currVal_110 = \"#ffff00\"; _ck(_v, 163, 0, currVal_110); var currVal_111 = \"#008a00\"; _ck(_v, 165, 0, currVal_111); var currVal_112 = \"#008a00\"; _ck(_v, 166, 0, currVal_112); var currVal_113 = \"#0066cc\"; _ck(_v, 168, 0, currVal_113); var currVal_114 = \"#0066cc\"; _ck(_v, 169, 0, currVal_114); var currVal_115 = \"#9933ff\"; _ck(_v, 171, 0, currVal_115); var currVal_116 = \"#9933ff\"; _ck(_v, 172, 0, currVal_116); var currVal_117 = \"#facccc\"; _ck(_v, 177, 0, currVal_117); var currVal_118 = \"#facccc\"; _ck(_v, 178, 0, currVal_118); var currVal_119 = \"#ffebcc\"; _ck(_v, 180, 0, currVal_119); var currVal_120 = \"#ffebcc\"; _ck(_v, 181, 0, currVal_120); var currVal_121 = \"#ffffcc\"; _ck(_v, 183, 0, currVal_121); var currVal_122 = \"#ffffcc\"; _ck(_v, 184, 0, currVal_122); var currVal_123 = \"#cce8cc\"; _ck(_v, 186, 0, currVal_123); var currVal_124 = \"#cce8cc\"; _ck(_v, 187, 0, currVal_124); var currVal_125 = \"#cce0f5\"; _ck(_v, 189, 0, currVal_125); var currVal_126 = \"#cce0f5\"; _ck(_v, 190, 0, currVal_126); var currVal_127 = \"#ebd6ff\"; _ck(_v, 192, 0, currVal_127); var currVal_128 = \"#ebd6ff\"; _ck(_v, 193, 0, currVal_128); var currVal_129 = \"#bbbbbb\"; _ck(_v, 195, 0, currVal_129); var currVal_130 = \"#bbbbbb\"; _ck(_v, 196, 0, currVal_130); var currVal_131 = \"#f06666\"; _ck(_v, 198, 0, currVal_131); var currVal_132 = \"#f06666\"; _ck(_v, 199, 0, currVal_132); var currVal_133 = \"#ffc266\"; _ck(_v, 201, 0, currVal_133); var currVal_134 = \"#ffc266\"; _ck(_v, 202, 0, currVal_134); var currVal_135 = \"#ffff66\"; _ck(_v, 204, 0, currVal_135); var currVal_136 = \"#ffff66\"; _ck(_v, 205, 0, currVal_136); var currVal_137 = \"#66b966\"; _ck(_v, 207, 0, currVal_137); var currVal_138 = \"#66b966\"; _ck(_v, 208, 0, currVal_138); var currVal_139 = \"#66a3e0\"; _ck(_v, 210, 0, currVal_139); var currVal_140 = \"#66a3e0\"; _ck(_v, 211, 0, currVal_140); var currVal_141 = \"#c285ff\"; _ck(_v, 213, 0, currVal_141); var currVal_142 = \"#c285ff\"; _ck(_v, 214, 0, currVal_142); var currVal_143 = \"#888888\"; _ck(_v, 216, 0, currVal_143); var currVal_144 = \"#888888\"; _ck(_v, 217, 0, currVal_144); var currVal_145 = \"#a10000\"; _ck(_v, 219, 0, currVal_145); var currVal_146 = \"#a10000\"; _ck(_v, 220, 0, currVal_146); var currVal_147 = \"#b26b00\"; _ck(_v, 222, 0, currVal_147); var currVal_148 = \"#b26b00\"; _ck(_v, 223, 0, currVal_148); var currVal_149 = \"#b2b200\"; _ck(_v, 225, 0, currVal_149); var currVal_150 = \"#b2b200\"; _ck(_v, 226, 0, currVal_150); var currVal_151 = \"#006100\"; _ck(_v, 228, 0, currVal_151); var currVal_152 = \"#006100\"; _ck(_v, 229, 0, currVal_152); var currVal_153 = \"#0047b2\"; _ck(_v, 231, 0, currVal_153); var currVal_154 = \"#0047b2\"; _ck(_v, 232, 0, currVal_154); var currVal_155 = \"#6b24b2\"; _ck(_v, 234, 0, currVal_155); var currVal_156 = \"#6b24b2\"; _ck(_v, 235, 0, currVal_156); var currVal_157 = \"#444444\"; _ck(_v, 237, 0, currVal_157); var currVal_158 = \"#444444\"; _ck(_v, 238, 0, currVal_158); var currVal_159 = \"#5c0000\"; _ck(_v, 240, 0, currVal_159); var currVal_160 = \"#5c0000\"; _ck(_v, 241, 0, currVal_160); var currVal_161 = \"#663d00\"; _ck(_v, 243, 0, currVal_161); var currVal_162 = \"#663d00\"; _ck(_v, 244, 0, currVal_162); var currVal_163 = \"#666600\"; _ck(_v, 246, 0, currVal_163); var currVal_164 = \"#666600\"; _ck(_v, 247, 0, currVal_164); var currVal_165 = \"#003700\"; _ck(_v, 249, 0, currVal_165); var currVal_166 = \"#003700\"; _ck(_v, 250, 0, currVal_166); var currVal_167 = \"#002966\"; _ck(_v, 252, 0, currVal_167); var currVal_168 = \"#002966\"; _ck(_v, 253, 0, currVal_168); var currVal_169 = \"#3d1466\"; _ck(_v, 255, 0, currVal_169); var currVal_170 = \"#3d1466\"; _ck(_v, 256, 0, currVal_170); var currVal_174 = \"center\"; _ck(_v, 263, 0, currVal_174); var currVal_175 = \"center\"; _ck(_v, 264, 0, currVal_175); var currVal_177 = \"right\"; _ck(_v, 266, 0, currVal_177); var currVal_178 = \"right\"; _ck(_v, 267, 0, currVal_178); var currVal_180 = \"justify\"; _ck(_v, 269, 0, currVal_180); var currVal_181 = \"justify\"; _ck(_v, 270, 0, currVal_181); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (i1.ɵnov(_v, 2).required ? \"\" : null); var currVal_1 = i1.ɵnov(_v, 7).ngClassUntouched; var currVal_2 = i1.ɵnov(_v, 7).ngClassTouched; var currVal_3 = i1.ɵnov(_v, 7).ngClassPristine; var currVal_4 = i1.ɵnov(_v, 7).ngClassDirty; var currVal_5 = i1.ɵnov(_v, 7).ngClassValid; var currVal_6 = i1.ɵnov(_v, 7).ngClassInvalid; var currVal_7 = i1.ɵnov(_v, 7).ngClassPending; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_14 = !_co.property.PropertyIsEditable; _ck(_v, 8, 0, currVal_14); var currVal_15 = \"Font style\"; _ck(_v, 9, 0, currVal_15); var currVal_20 = \"Font format\"; _ck(_v, 20, 0, currVal_20); var currVal_27 = \"Bold (Ctrl+B)\"; _ck(_v, 35, 0, currVal_27); var currVal_28 = \"Italic (Ctrl+I)\"; _ck(_v, 36, 0, currVal_28); var currVal_29 = \"Underline (Ctrl+U)\"; _ck(_v, 37, 0, currVal_29); var currVal_30 = \"Strike\"; _ck(_v, 38, 0, currVal_30); var currVal_31 = \"Numbered List\"; _ck(_v, 40, 0, currVal_31); var currVal_32 = \"Bulleted List\"; _ck(_v, 41, 0, currVal_32); var currVal_33 = \"Font colour\"; _ck(_v, 43, 0, currVal_33); var currVal_102 = \"Background colour\"; _ck(_v, 150, 0, currVal_102); var currVal_171 = \"Text alignment\"; _ck(_v, 257, 0, currVal_171); var currVal_172 = \"Align left\"; _ck(_v, 259, 0, currVal_172); var currVal_173 = \"Align center\"; _ck(_v, 262, 0, currVal_173); var currVal_176 = \"Align right\"; _ck(_v, 265, 0, currVal_176); var currVal_179 = \"Justify\"; _ck(_v, 268, 0, currVal_179); var currVal_182 = \"Insert link\"; _ck(_v, 272, 0, currVal_182); var currVal_183 = \"Insert image\"; _ck(_v, 274, 0, currVal_183); var currVal_184 = \"Clear formatting\"; _ck(_v, 276, 0, currVal_184); }); }\nexport function View_HtmlEditorComponent_0(_l) { return i1.ɵvid(0, [i1.ɵqud(671088640, 1, { quill: 0 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_HtmlEditorComponent_1)), i1.ɵdid(2, 16384, null, 0, i5.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"editor\", 2]], null, 0, null, View_HtmlEditorComponent_2))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (!_co.property.PropertyIsEditable && !_co.property.PropertyValue); var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nexport function View_HtmlEditorComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-html-editor\", [], null, [[\"document\", \"click\"]], function (_v, en, $event) { var ad = true; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1).clickout($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, View_HtmlEditorComponent_0, RenderType_HtmlEditorComponent)), i1.ɵdid(1, 114688, null, 0, i7.HtmlEditorComponent, [], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar HtmlEditorComponentNgFactory = i1.ɵccf(\"app-html-editor\", i7.HtmlEditorComponent, View_HtmlEditorComponent_Host_0, { property: \"property\" }, { valueChange: \"valueChange\" }, []);\nexport { HtmlEditorComponentNgFactory as HtmlEditorComponentNgFactory };\n","\n{{property.PropertyValue}}
\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n ![]()
\n ();\n\n constructor(private inputComboService: InputComboService, private globals: Globals, private workspaceService: WorkspaceService) { }\n\n ngOnInit() {\n }\n\n getList(){\n \n }\n\n setDefaultValue(inputCombo: any){\n var i = 0;\n inputCombo.forEach(element => {\n if (i == 0) element.IsSelected = true;\n if(element.IsSelected){\n this.selectedCombo = element.SelectionValue;\n }\n i++;\n });\n\n this.selectedComboIdChanged.emit(this.selectedCombo); //probably no need or need\n this.comboList = inputCombo;\n }\n\n onValueChange(item){\n this.selectedComboIdChanged.emit(item.SelectionValue);\n }\n}\n","import { OnInit, EventEmitter } from '@angular/core';\nimport { InputComboService } from '../services/input-combo.service';\nimport { Globals } from '../objects/Globals';\nimport { WorkspaceService } from '../services/workspace.service';\nvar InputComboComponent = /** @class */ (function () {\n function InputComboComponent(inputComboService, globals, workspaceService) {\n this.inputComboService = inputComboService;\n this.globals = globals;\n this.workspaceService = workspaceService;\n this.comboList = [];\n this.selectedComboIdChanged = new EventEmitter();\n }\n Object.defineProperty(InputComboComponent.prototype, \"createNewCombo\", {\n set: function (any) {\n var _this = this;\n var type = \"UserDepartmentList\";\n this.inputComboService.createInputComboCard(type).subscribe(function (id) {\n if (id) {\n _this.comboId = id;\n _this.inputComboService.getInputComboList(id).subscribe(function (result) {\n var inputCombo = JSON.parse(result);\n _this.setDefaultValue(inputCombo);\n });\n }\n });\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(InputComboComponent.prototype, \"inputComboFilter\", {\n set: function (filter) {\n var _this = this;\n if (filter) {\n var type = \"UserDepartmentList\";\n this.inputComboService.createInputComboCard(type).subscribe(function (id) {\n if (id) {\n _this.comboId = id;\n _this.inputComboService.getInputComboList(id, filter).subscribe(function (result) {\n if (result) {\n var inputCombo = JSON.parse(result);\n _this.setDefaultValue(inputCombo);\n }\n });\n }\n });\n }\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(InputComboComponent.prototype, \"setComboId\", {\n set: function (id) {\n var _this = this;\n this.comboId = id;\n if (this.comboId) {\n this.previousComboId = this.comboId;\n this.inputComboService.getInputComboList(this.comboId).subscribe(function (result) {\n if (result) {\n var inputCombo = JSON.parse(result);\n _this.setDefaultValue(inputCombo);\n }\n });\n }\n },\n enumerable: true,\n configurable: true\n });\n InputComboComponent.prototype.ngOnInit = function () {\n };\n InputComboComponent.prototype.getList = function () {\n };\n InputComboComponent.prototype.setDefaultValue = function (inputCombo) {\n var _this = this;\n var i = 0;\n inputCombo.forEach(function (element) {\n if (i == 0)\n element.IsSelected = true;\n if (element.IsSelected) {\n _this.selectedCombo = element.SelectionValue;\n }\n i++;\n });\n this.selectedComboIdChanged.emit(this.selectedCombo); //probably no need or need\n this.comboList = inputCombo;\n };\n InputComboComponent.prototype.onValueChange = function (item) {\n this.selectedComboIdChanged.emit(item.SelectionValue);\n };\n return InputComboComponent;\n}());\nexport { InputComboComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".mb-searchbar-group[_ngcontent-%COMP%]{\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n width: 100%;\\r\\n \\r\\n \\r\\n}\\r\\n\\r\\n.mb-sidepanel-mobile[_ngcontent-%COMP%] {\\r\\n display: none;\\r\\n width: 40px;\\r\\n min-height: 52px;\\r\\n background-color: #e7edf0;\\r\\n border-top: 1px solid var(--primary);\\r\\n border-bottom: 1px solid var(--primary);\\r\\n}\\r\\n\\r\\n.mb-sidepanel-mobile[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\\r\\n font-size: 45px;\\r\\n position: absolute;\\r\\n top: -14px;\\r\\n left: 9px;\\r\\n color: #707070;\\r\\n}\\r\\n\\r\\n.mb-sidepanel-mobile[_ngcontent-%COMP%] span[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover, .mb-sidepanel-mobile[_ngcontent-%COMP%] span[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:focus {\\r\\n text-decoration: none;\\r\\n color: #333;\\r\\n}\\r\\n\\r\\n.searchBarPanel[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n background-color: #fff;\\r\\n padding: 9px;\\r\\n min-height: 47px;\\r\\n text-align: center;\\r\\n display: block;\\r\\n z-index: 99;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.current-view-addon[_ngcontent-%COMP%] {\\r\\n background-color: transparent;\\r\\n border: none;\\r\\n position: relative;\\r\\n padding: 0;\\r\\n display: table-cell;\\r\\n border-top-left-radius: 0px;\\r\\n border-bottom-left-radius: 0px;\\r\\n}\\r\\n\\r\\n.btn.dropdown-current-view[_ngcontent-%COMP%] {\\r\\n border-top-left-radius: 20px;\\r\\n border-bottom-left-radius: 20px;\\r\\n border-top-right-radius: 0px;\\r\\n border-bottom-right-radius: 0px;\\r\\n background-color: #ddd;\\r\\n color: #333;\\r\\n height: 28px;\\r\\n padding-bottom: 0;\\r\\n padding-top: 0;\\r\\n padding-left: 10px;\\r\\n border: none;\\r\\n width: 120px;\\r\\n font-size: 13px;\\r\\n}\\r\\n\\r\\n.dropdown-item[_ngcontent-%COMP%]:focus, .dropdown-item[_ngcontent-%COMP%]:hover {\\r\\n background-color:#f5f5f5 !important;\\r\\n}\\r\\n\\r\\n.btn.dropdown-current-view[_ngcontent-%COMP%]:after {\\r\\n display: inline-block;\\r\\n width: 0;\\r\\n height: 0.35em;\\r\\n margin-left: 0.6em;\\r\\n vertical-align: middle;\\r\\n content: \\\"\\\";\\r\\n border-top: .3em solid;\\r\\n border-right: .3em solid transparent;\\r\\n border-left: .3em solid transparent;\\r\\n color: black;\\r\\n}\\r\\n\\r\\n#search[_ngcontent-%COMP%] {\\r\\n padding-left: 15px;\\r\\n padding-right: 15px;\\r\\n \\r\\n height: 36px;\\r\\n font-size: 13px;\\r\\n border-width: 2px;\\r\\n border-radius: 0px;\\r\\n}\\r\\n\\r\\n#searchStand[_ngcontent-%COMP%]{\\r\\n padding-left: 15px;\\r\\n padding-right: 15px;\\r\\n height: 27px;\\r\\n font-size: 13px;\\r\\n border: none;\\r\\n border-radius: 20px;\\r\\n}\\r\\n\\r\\n#search[_ngcontent-%COMP%]:focus {\\r\\n z-index: 0;\\r\\n border: 2px solid #80bdff;\\r\\n}\\r\\n\\r\\n.dropdown-menu[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a.select-search[_ngcontent-%COMP%] {\\r\\n padding: 3px 30px;\\r\\n}\\r\\n\\r\\n.dropdown-menu[_ngcontent-%COMP%] li.active[_ngcontent-%COMP%] a.select-search[_ngcontent-%COMP%] {\\r\\n padding-left: 0;\\r\\n padding-right: 0;\\r\\n background-color: transparent;\\r\\n color: #333;\\r\\n}\\r\\n\\r\\nli.active[_ngcontent-%COMP%] a.select-search[_ngcontent-%COMP%]:before {\\r\\n content: '\\\\2713';\\r\\n display: inline-block;\\r\\n color: var(--primary);\\r\\n padding: 0 10px 0 10px;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.mb-search-container[_ngcontent-%COMP%] {\\r\\n width: 60%;\\r\\n margin: 15px auto;\\r\\n background-color: #fff;\\r\\n border-radius: 15px;\\r\\n}\\r\\n\\r\\n.mb-component-title[_ngcontent-%COMP%] {\\r\\n margin-bottom: 15px;\\r\\n padding: 0 15px;\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%] {\\r\\n padding-left: 25px;\\r\\n padding-right: 25px;\\r\\n width: 100%;\\r\\n border-bottom-left-radius: 20px;\\r\\n border-top-left-radius: 20px;\\r\\n border-top-right-radius: 20px;\\r\\n border-bottom-right-radius: 20px;\\r\\n border: none;\\r\\n height: 27px;\\r\\n font-size: 0.8125rem;\\r\\n box-shadow: inset 0 1px 1px rgba(0,0,0,0.0125), 0 0 8px rgba(58,175,218,0.5);\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%]:focus {\\r\\n border-color: #4dabf7;\\r\\n outline: none;\\r\\n box-shadow: inset 0 1px 1px rgba(0,0,0,0.0125), 0 0 8px rgba(58,175,218,1);\\r\\n}\\r\\n\\r\\n#global-search-switch[_ngcontent-%COMP%] {\\r\\n padding-left: 15px;\\r\\n padding-right: 15px;\\r\\n width: 100%;\\r\\n height: 27px;\\r\\n font-size: 14px;\\r\\n border:none;\\r\\n display: none;\\r\\n}\\r\\n\\r\\n#global-search-switch[_ngcontent-%COMP%]:focus {\\r\\n outline: none !important;\\r\\n box-shadow: none !important;\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%]:focus {\\r\\n outline: none;\\r\\n}\\r\\n\\r\\n#microfon-ic[_ngcontent-%COMP%] {\\r\\n position:absolute;\\r\\n right: 35px;\\r\\n top: 4px;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n#microfon-ic[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n height: 27px;\\r\\n}\\r\\n\\r\\n#search-ic[_ngcontent-%COMP%] {\\r\\n position:absolute;\\r\\n right:10px;\\r\\n top:4px;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n#search-ic[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n height: 23px;\\r\\n}\\r\\n\\r\\n.spinner-input[_ngcontent-%COMP%] {\\r\\n top: 4px;\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%]::-webkit-input-placeholder { \\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%]::-moz-placeholder { \\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%]:-ms-input-placeholder { \\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%]:-moz-placeholder { \\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n@media (max-width:1366px){\\r\\n .btn.dropdown-current-view[_ngcontent-%COMP%] {\\r\\n width: 110px;\\r\\n height: 25px;\\r\\n }\\r\\n\\r\\n .searchBarPanel[_ngcontent-%COMP%] {\\r\\n padding: 9px;\\r\\n min-height: 35px;\\r\\n }\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n #search[_ngcontent-%COMP%] {\\r\\n padding-top: 5px;\\r\\n padding-bottom: 5px;\\r\\n }\\r\\n\\r\\n \\r\\n}\\r\\n\\r\\n@media (max-width: 1280px){\\r\\n \\r\\n\\r\\n .searchBarPanel[_ngcontent-%COMP%] {\\r\\n padding: 4px;\\r\\n min-height: 35px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media(max-width: 480px){\\r\\n\\r\\n #global-search[_ngcontent-%COMP%] {\\r\\n font-size: 13px;\\r\\n }\\r\\n #search[_ngcontent-%COMP%]::-webkit-input-placeholder { \\r\\n color: transparent;\\r\\n }\\r\\n #search[_ngcontent-%COMP%]:-moz-placeholder { \\r\\n color: transparent;\\r\\n }\\r\\n #search[_ngcontent-%COMP%]::-moz-placeholder { \\r\\n color: transparent;\\r\\n }\\r\\n #search[_ngcontent-%COMP%]:-ms-input-placeholder { \\r\\n color: transparent;\\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./inputbar.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"./inputbar.component\";\nimport * as i4 from \"../services/conversation.service\";\nimport * as i5 from \"@angular/router\";\nimport * as i6 from \"../services/speech-recognition.service\";\nimport * as i7 from \"../services/input.service\";\nvar styles_InputbarComponent = [i0.styles];\nvar RenderType_InputbarComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_InputbarComponent, data: {} });\nexport { RenderType_InputbarComponent as RenderType_InputbarComponent };\nfunction View_InputbarComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"a\", [[\"id\", \"microfon-ic\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.activateSpeech() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"img\", [[\"src\", \"../../assets/images/microfon.png\"]], null, null, null, null, null))], null, null); }\nfunction View_InputbarComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"a\", [[\"id\", \"search-ic\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.searchByKeyword(i1.ɵnov(_v.parent, 7).value) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"img\", [[\"src\", \"../../assets/images/search.png\"]], null, null, null, null, null))], null, null); }\nfunction View_InputbarComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"div\", [[\"class\", \"spinner spinner-input\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"div\", [[\"class\", \"bounce1\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 0, \"div\", [[\"class\", \"bounce2\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 0, \"div\", [[\"class\", \"bounce3\"]], null, null, null, null, null))], null, null); }\nexport function View_InputbarComponent_0(_l) { return i1.ɵvid(0, [i1.ɵqud(402653184, 1, { face: 0 }), (_l()(), i1.ɵeld(1, 0, null, null, 13, \"div\", [[\"class\", \"mb-searchbar-group clearfix\"]], null, null, null, null, null)), i1.ɵdid(2, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(3, { \"height\": 0 }), (_l()(), i1.ɵeld(4, 0, null, null, 0, \"div\", [[\"class\", \"mb-sidepanel-mobile\"], [\"title\", \"Show menu\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 9, \"div\", [[\"class\", \"searchBarPanel\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(6, 0, null, null, 8, \"div\", [[\"class\", \"input-group\"], [\"style\", \"width: 98%;margin: 0 'auto';\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(7, 0, [[1, 0], [\"text\", 1]], null, 0, \"input\", [[\"class\", \"form-control\"], [\"id\", \"search\"], [\"placeholder\", \"What would you like to do today?\"], [\"type\", \"text\"]], [[8, \"value\", 0]], [[null, \"keyup.enter\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keyup.enter\" === en)) {\n var pd_0 = (_co.searchByKeyword(i1.ɵnov(_v, 7).value) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(8, 0, null, null, 6, \"span\", [[\"class\", \"input-group-addon search-addon\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_InputbarComponent_1)), i1.ɵdid(10, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_InputbarComponent_2)), i1.ɵdid(12, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_InputbarComponent_3)), i1.ɵdid(14, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 3, 0, (_co.isCard ? \"100%\" : \"auto\")); _ck(_v, 2, 0, currVal_0); var currVal_2 = (_co.speechApi && !_co.isBusy); _ck(_v, 10, 0, currVal_2); var currVal_3 = !_co.isBusy; _ck(_v, 12, 0, currVal_3); var currVal_4 = _co.isBusy; _ck(_v, 14, 0, currVal_4); }, function (_ck, _v) { var _co = _v.component; var currVal_1 = _co.keyword; _ck(_v, 7, 0, currVal_1); }); }\nexport function View_InputbarComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-inputbar\", [], null, null, null, View_InputbarComponent_0, RenderType_InputbarComponent)), i1.ɵdid(1, 114688, null, 0, i3.InputbarComponent, [i4.ConversationService, i5.Router, i6.SpeechRecognitionService, i7.InputService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar InputbarComponentNgFactory = i1.ɵccf(\"app-inputbar\", i3.InputbarComponent, View_InputbarComponent_Host_0, { keyword: \"keyword\", profileView: \"profileView\", setPlaceholder: \"setPlaceholder\", setComponentId: \"setComponentId\", isCard: \"isCard\", searchGlobal: \"searchGlobal\" }, { idOutput: \"idOutput\" }, []);\nexport { InputbarComponentNgFactory as InputbarComponentNgFactory };\n","","import { Component, OnInit, Output, EventEmitter, Input, ViewChild, ElementRef } from '@angular/core';\nimport { ConversationService } from '../services/conversation.service';\nimport { Router } from '@angular/router';\nimport { SpeechRecognitionService } from '../services/speech-recognition.service';\nimport { InputService } from '../services/input.service';\n\n@Component({\n selector: 'app-inputbar',\n templateUrl: './inputbar.component.html',\n styleUrls: ['./inputbar.component.css']\n})\nexport class InputbarComponent implements OnInit {\n @Input() keyword:string = '';\n @Input() profileView: boolean = false;\n @Input() setPlaceholder: string;\n @Input() set setComponentId(id:string){ this.componentId = id;}\n @Input() isCard:boolean = false;\n @Output() idOutput = new EventEmitter();\n\n @ViewChild('text') public face:ElementRef;\n \n isBusy:boolean = false;\n speechApi: boolean = true;\n speechData: string;\n selectedValue = 'Current';\n componentId:string;\n\n @Input() searchGlobal:boolean = false;\n\n constructor(private conversationService: ConversationService, private router: Router, private speechRecognitionService:SpeechRecognitionService, private inputService:InputService) { \n }\n\n ngOnInit() {\n this.face.nativeElement.focus();\n }\n\n changeView(view){\n this.selectedValue = view;\n }\n\n searchByKeyword(keyword:string){\n if(keyword.trim()){\n this.isBusy = true;\n setTimeout(() => {\n this.isBusy = false;\n }, 1500);\n this.keyword = keyword;\n \n this.inputService.changeInputValue(this.componentId, keyword).subscribe(result=>{\n if(result == \"1\"){\n this.inputService.executeInputWorkflow(this.componentId).subscribe(wfResult =>{\n this.idOutput.emit(wfResult);\n });\n }\n });\n }\n }\n\n searchAll(value:string){\n this.isBusy = true;\n this.conversationService.converse(value).subscribe(result=> {\n var resultObject = JSON.parse(result);\n this.isBusy = false;\n if(resultObject.ReturnType == \"0\"){\n if(resultObject.Arguments){\n var path = [];\n resultObject.Arguments.forEach(element => {\n path.push(element);\n });;\n this.router.navigate(path);\n }\n }\n });\n }\n\n}","import { OnInit, EventEmitter, ElementRef } from '@angular/core';\nimport { ConversationService } from '../services/conversation.service';\nimport { Router } from '@angular/router';\nimport { SpeechRecognitionService } from '../services/speech-recognition.service';\nimport { InputService } from '../services/input.service';\nvar InputbarComponent = /** @class */ (function () {\n function InputbarComponent(conversationService, router, speechRecognitionService, inputService) {\n this.conversationService = conversationService;\n this.router = router;\n this.speechRecognitionService = speechRecognitionService;\n this.inputService = inputService;\n this.keyword = '';\n this.profileView = false;\n this.isCard = false;\n this.idOutput = new EventEmitter();\n this.isBusy = false;\n this.speechApi = true;\n this.selectedValue = 'Current';\n this.searchGlobal = false;\n }\n Object.defineProperty(InputbarComponent.prototype, \"setComponentId\", {\n set: function (id) { this.componentId = id; },\n enumerable: true,\n configurable: true\n });\n InputbarComponent.prototype.ngOnInit = function () {\n this.face.nativeElement.focus();\n };\n InputbarComponent.prototype.changeView = function (view) {\n this.selectedValue = view;\n };\n InputbarComponent.prototype.searchByKeyword = function (keyword) {\n var _this = this;\n if (keyword.trim()) {\n this.isBusy = true;\n setTimeout(function () {\n _this.isBusy = false;\n }, 1500);\n this.keyword = keyword;\n this.inputService.changeInputValue(this.componentId, keyword).subscribe(function (result) {\n if (result == \"1\") {\n _this.inputService.executeInputWorkflow(_this.componentId).subscribe(function (wfResult) {\n _this.idOutput.emit(wfResult);\n });\n }\n });\n }\n };\n InputbarComponent.prototype.searchAll = function (value) {\n var _this = this;\n this.isBusy = true;\n this.conversationService.converse(value).subscribe(function (result) {\n var resultObject = JSON.parse(result);\n _this.isBusy = false;\n if (resultObject.ReturnType == \"0\") {\n if (resultObject.Arguments) {\n var path = [];\n resultObject.Arguments.forEach(function (element) {\n path.push(element);\n });\n ;\n _this.router.navigate(path);\n }\n }\n });\n };\n return InputbarComponent;\n}());\nexport { InputbarComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".quickAction[_ngcontent-%COMP%]{\\r\\n width: 95px;\\r\\n min-height: 105px;\\r\\n height: 100%;\\r\\n background: transparent;\\r\\n padding: 8px 5px;\\r\\n border-radius: 4px;\\r\\n text-align: center;\\r\\n cursor: pointer;\\r\\n position: relative;\\r\\n transition: all 0.2s ease-in;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.quickAction[_ngcontent-%COMP%]:hover {\\r\\n background: var(--primary);\\r\\n}\\r\\n\\r\\n.quickAction[_ngcontent-%COMP%]:hover .jobName[_ngcontent-%COMP%] {\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.job-image-container[_ngcontent-%COMP%] {\\r\\n width: 60%;\\r\\n height: 53px;\\r\\n margin: 0 auto;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.quickAction[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.joblist-container[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n padding: 0 45px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n transition: 0.5s ease-in;\\r\\n}\\r\\n\\r\\n.quickAction[_ngcontent-%COMP%]:hover .utter-icon[_ngcontent-%COMP%] {\\r\\n display: block;\\r\\n border: none;\\r\\n color: #fff;\\r\\n background-color: transparent;\\r\\n}\\r\\n\\r\\n.jobName[_ngcontent-%COMP%] {\\r\\n font-size: 0.8125rem;\\r\\n padding-top: 1px;\\r\\n text-transform: uppercase;\\r\\n min-height: 35px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.container-loader[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n width:100%;\\r\\n padding-right: 5px;\\r\\n display: block;\\r\\n position: absolute;\\r\\n left: 50%;\\r\\n top: 50%;\\r\\n -webkit-transform: translate(-50%, -50%);\\r\\n -ms-transform: translate(-50%, -50%);\\r\\n transform: translate(-50%, -50%);\\r\\n background: rgba(255,255, 255, 0.5) ;\\r\\n \\r\\n min-height: 150px;\\r\\n}\\r\\n\\r\\n.loader[_ngcontent-%COMP%]{\\r\\n margin:auto;\\r\\n margin-top:5%;\\r\\n}\\r\\n\\r\\n.no-item-container[_ngcontent-%COMP%] {\\r\\n padding: 1rem;\\r\\n \\r\\n font-style: italic;\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n.no-item-container[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\\r\\n font-size: 14px;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%] {\\r\\n left: 0px;\\r\\n}\\r\\n\\r\\n.slide-next[_ngcontent-%COMP%] {\\r\\n right: 0px;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%], .slide-next[_ngcontent-%COMP%] {\\r\\n font-size: 0;\\r\\n line-height: 0;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n display: block;\\r\\n margin:0;\\r\\n width: 30px;\\r\\n height: 30px;\\r\\n padding: 0;\\r\\n -webkit-transform: translate(0, -50%);\\r\\n -ms-transform: translate(0, -50%);\\r\\n transform: translate(0, -50%);\\r\\n cursor: pointer;\\r\\n color: transparent;\\r\\n border: 1px solid #ddd;\\r\\n outline: none;\\r\\n background: transparent;\\r\\n}\\r\\n\\r\\n.slide-prev.disabled[_ngcontent-%COMP%]:before, .slide-next.disabled[_ngcontent-%COMP%]:before {\\r\\n color: #e0e0e0;\\r\\n cursor: default;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%]:hover, .slide-prev[_ngcontent-%COMP%]:focus, .slide-next[_ngcontent-%COMP%]:hover, .slide-next[_ngcontent-%COMP%]:focus {\\r\\n color: transparent;\\r\\n outline: none;\\r\\n background: transparent;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%]:before, .slide-next[_ngcontent-%COMP%]:before {\\r\\n font-size: 35px;\\r\\n line-height: 0.2;\\r\\n opacity: 1;\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%]:hover:before, .slide-prev[_ngcontent-%COMP%]:hover:before, .slide-next[_ngcontent-%COMP%]:hover:before, .slide-next[_ngcontent-%COMP%]:hover:before {\\r\\n color: #e0e0e0;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%]:before {\\r\\n content: '\\\\2039';\\r\\n}\\r\\n\\r\\n.slide-next[_ngcontent-%COMP%]:before {\\r\\n content: '\\\\203A';\\r\\n}\\r\\n\\r\\n.utter-icon[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n right: -5px;\\r\\n width: 25px;\\r\\n display: none;\\r\\n text-align: center;\\r\\n border: 1px solid #fff;\\r\\n}\\r\\n\\r\\n.utter-icon[_ngcontent-%COMP%]:hover {\\r\\n color: #333;\\r\\n \\r\\n}\\r\\n\\r\\n.quickAction[_ngcontent-%COMP%]:hover .utter-icon[_ngcontent-%COMP%]:hover {\\r\\n color: #333;\\r\\n \\r\\n}\\r\\n\\r\\n.utter-icon[_ngcontent-%COMP%]:focus {\\r\\n border-radius: 50%;\\r\\n background-color: #ddd;\\r\\n}\\r\\n\\r\\n@media (max-width: 480px){\\r\\n .joblist-container[_ngcontent-%COMP%] {\\r\\n padding: 0 25px;\\r\\n }\\r\\n\\r\\n .quickAction[_ngcontent-%COMP%] {\\r\\n height: 95px;\\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./joblist.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../../../node_modules/ngx-loading/ngx-loading.ngfactory\";\nimport * as i3 from \"ngx-loading\";\nimport * as i4 from \"@angular/common\";\nimport * as i5 from \"ngx-swiper-wrapper\";\nimport * as i6 from \"./joblist.component\";\nimport * as i7 from \"../services/job.service\";\nimport * as i8 from \"../services/confirmation.service\";\nimport * as i9 from \"../services/conversation.service\";\nimport * as i10 from \"../objects/Globals\";\nimport * as i11 from \"@angular/router\";\nimport * as i12 from \"../services/theme-setting.service\";\nimport * as i13 from \"../services/workspace.service\";\nvar styles_JoblistComponent = [i0.styles];\nvar RenderType_JoblistComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_JoblistComponent, data: {} });\nexport { RenderType_JoblistComponent as RenderType_JoblistComponent };\nfunction View_JoblistComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"container-loader\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"ngx-loading\", [], null, null, null, i2.View_NgxLoadingComponent_0, i2.RenderType_NgxLoadingComponent)), i1.ɵdid(2, 114688, null, 0, i3.NgxLoadingComponent, [i3.NgxLoadingService, i1.ChangeDetectorRef], { show: [0, \"show\"], config: [1, \"config\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isBusy; var currVal_1 = _co.loaderConfig; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_JoblistComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[\"image\", 1]], null, 0, \"img\", [], [[8, \"src\", 4]], null, null, null, null))], null, function (_ck, _v) { var currVal_0 = (!_v.parent.context.$implicit.IsHover ? ((\"../../assets/images/\" + _v.parent.context.$implicit.JobDisplay) + \"GREY.png\") : ((\"../../assets/images/\" + _v.parent.context.$implicit.JobDisplay) + \"WHITE.png\")); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_JoblistComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[\"image\", 1]], null, 0, \"img\", [], [[8, \"src\", 4]], null, null, null, null))], null, function (_ck, _v) { var currVal_0 = (!_v.parent.context.$implicit.IsHover ? \"../../assets/images/TEMPLATEGREY.png\" : \"../../assets/images/TEMPLATEWHITE.png\"); _ck(_v, 0, 0, currVal_0); }); }\nfunction View_JoblistComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 9, \"div\", [[\"class\", \"swiper-slide \"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.triggerJob(_v.context.$implicit.JobId) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 8, \"div\", [[\"class\", \"quickAction\"]], [[8, \"id\", 0]], [[null, \"mouseover\"], [null, \"mouseleave\"]], function (_v, en, $event) { var ad = true; if ((\"mouseover\" === en)) {\n var pd_0 = ((_v.context.$implicit.IsHover = true) !== false);\n ad = (pd_0 && ad);\n } if ((\"mouseleave\" === en)) {\n var pd_1 = ((_v.context.$implicit.IsHover = false) !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 3, \"div\", [[\"class\", \"job-image-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_JoblistComponent_5)), i1.ɵdid(4, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"template\", 2]], null, 0, null, View_JoblistComponent_6)), (_l()(), i1.ɵeld(6, 0, null, null, 1, \"p\", [[\"class\", \"jobName\"]], null, null, null, null, null)), (_l()(), i1.ɵted(7, null, [\"\", \"\"])), (_l()(), i1.ɵeld(8, 0, null, null, 1, \"span\", [[\"class\", \"utter-icon pull-right\"], [\"title\", \"Add Quick Phrase\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.pullPopup($event, _v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(9, 0, null, null, 0, \"i\", [[\"class\", \"fa fa-ellipsis-v\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_1 = (_co.availableImages.indexOf(_v.context.$implicit.JobDisplay) > (0 - 1)); var currVal_2 = i1.ɵnov(_v, 5); _ck(_v, 4, 0, currVal_1, currVal_2); }, function (_ck, _v) { var currVal_0 = _v.context.$implicit.JobDisplay; _ck(_v, 1, 0, currVal_0); var currVal_3 = _v.context.$implicit.JobName; _ck(_v, 7, 0, currVal_3); }); }\nfunction View_JoblistComponent_7(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"button\", [[\"aria-label\", \"Previous\"], [\"role\", \"button\"], [\"style\", \"display: block;\"], [\"type\", \"button\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.prevPage() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"slide-prev swiper-button-prev\": 0, \"slide-arrow\": 1 }), (_l()(), i1.ɵted(-1, null, [\"Previous\"]))], function (_ck, _v) { var currVal_0 = _ck(_v, 2, 0, true, true); _ck(_v, 1, 0, currVal_0); }, null); }\nfunction View_JoblistComponent_8(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"button\", [[\"aria-label\", \"Next\"], [\"role\", \"button\"], [\"style\", \"display: block;\"], [\"type\", \"button\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.nextPage() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"slide-next swiper-button-next\": 0, \"slide-arrow\": 1 }), (_l()(), i1.ɵted(-1, null, [\"Next\"]))], function (_ck, _v) { var currVal_0 = _ck(_v, 2, 0, true, true); _ck(_v, 1, 0, currVal_0); }, null); }\nfunction View_JoblistComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 10, \"div\", [[\"class\", \"joblist-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 5, \"div\", [[\"class\", \"swiper-container\"], [\"style\", \"width:100%;padding: 15px 5px;\"]], null, null, null, null, null)), i1.ɵdid(2, 5128192, null, 0, i5.SwiperDirective, [i1.PLATFORM_ID, i1.NgZone, i1.ElementRef, i1.KeyValueDiffers, [2, i5.SWIPER_CONFIG]], { config: [0, \"config\"] }, null), (_l()(), i1.ɵeld(3, 0, null, null, 2, \"div\", [[\"class\", \"swiper-wrapper\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_JoblistComponent_4)), i1.ɵdid(5, 278528, null, 0, i4.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵeld(6, 0, null, null, 0, \"div\", [[\"class\", \"swiper-pagination\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_JoblistComponent_7)), i1.ɵdid(8, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_JoblistComponent_8)), i1.ɵdid(10, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.config; _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.jobList; _ck(_v, 5, 0, currVal_1); var currVal_2 = (_co.jobList.length > 0); _ck(_v, 8, 0, currVal_2); var currVal_3 = (_co.jobList.length > 0); _ck(_v, 10, 0, currVal_3); }, null); }\nfunction View_JoblistComponent_9(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"no-item-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"You have not added any quick links.\"]))], null, null); }\nfunction View_JoblistComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_JoblistComponent_3)), i1.ɵdid(2, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noItems\", 2]], null, 0, null, View_JoblistComponent_9))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.jobList.length > 0); var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nexport function View_JoblistComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_JoblistComponent_1)), i1.ɵdid(1, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_JoblistComponent_2)), i1.ɵdid(3, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isBusy; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.jobList; _ck(_v, 3, 0, currVal_1); }, null); }\nexport function View_JoblistComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-joblist\", [], null, null, null, View_JoblistComponent_0, RenderType_JoblistComponent)), i1.ɵdid(1, 114688, null, 0, i6.JoblistComponent, [i7.JobService, i8.ConfirmationService, i9.ConversationService, i10.Globals, i11.Router, i12.ThemeSettingService, i13.WorkspaceService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar JoblistComponentNgFactory = i1.ɵccf(\"app-joblist\", i6.JoblistComponent, View_JoblistComponent_Host_0, { jobListType: \"jobListType\" }, {}, []);\nexport { JoblistComponentNgFactory as JoblistComponentNgFactory };\n","\n\n \n \n \n","import { Component, OnInit, Input, OnDestroy } from '@angular/core';\nimport { JobService } from '../services/job.service';\nimport { ConfirmationService } from '../services/confirmation.service';\nimport { ConversationService } from '../services/conversation.service';\nimport { Globals } from '../objects/Globals';\nimport { Job } from '../objects/JobCommand';\nimport { Router } from '@angular/router';\nimport { SwiperConfigInterface } from 'node_modules/ngx-swiper-wrapper';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { WorkspaceService } from '../services/workspace.service';\n\n@Component({\n selector: 'app-joblist',\n templateUrl: './joblist.component.html',\n styleUrls: ['./joblist.component.css']\n})\nexport class JoblistComponent implements OnInit {\n\n jobList:Job[];\n isBusy:boolean = true;\n private componentId:string;\n private currentPage: number;\n private availablePageSize: number;\n private loaderConfig : any;\n private availableImages = ['VIEWPR','CREATEPR', 'VIEWPO', 'CREATEPO', 'VIEWRFQ', 'CREATERFQ', 'VIEWSN', 'CREATESN', 'VIEWIV', 'CREATEIV', 'VIEWEBID', 'CREATEEBID', 'VIEWSUPPLIER', 'MANAGESUPPLIER', 'Template'];\n \n\n @Input() jobListType:string;\n\n constructor(private jobService:JobService,private confirmationService: ConfirmationService,private conversationService : ConversationService, \n private globals:Globals,private router:Router, private themeSettingService:ThemeSettingService, private workspaceService: WorkspaceService) { }\n\n public config: SwiperConfigInterface = {\n direction: 'horizontal',\n slidesPerView: 5,\n keyboard: true,\n navigation: true,\n pagination: false,\n breakpoints: {\n // when window width is <= 480px\n 380: {\n slidesPerView: 2\n },\n 768: {\n slidesPerView: 3\n },\n // when window width is <= 480px\n 992: {\n slidesPerView: 3\n },\n 1366: {\n slidesPerView: 4\n },\n // when window width is <= 640px\n 1600: {\n slidesPerView: 5\n }\n }\n };\n\n refreshJobListCard(){\n this.isBusy = true;\n if(this.componentId){\n this.jobService.getJobList(this.componentId).subscribe(result=>{\n var jobResult = JSON.parse(result);\n this.jobList = jobResult.sort(this.sortJobList);\n this.availablePageSize = this.jobList.length;\n this.currentPage = 1;\n this.isBusy = false;\n }, error => {\n this.isBusy = false;\n });\n }\n }\n\n sortJobList(a: Job,b: Job) {\n if (a.JobOrder < b.JobOrder)\n return -1;\n if (a.JobOrder > b.JobOrder)\n return 1;\n return 0;\n }\n\n triggerJob(jobId:string){\n if(jobId){\n this.isBusy = true;\n this.jobService.triggerJob(this.componentId, jobId).subscribe(result=> {\n var resultObject = JSON.parse(result);\n if(resultObject.ReturnType == \"0\"){\n if(resultObject.Arguments){\n var path = [];\n resultObject.Arguments.forEach(element => {\n path.push(element);\n });;\n this.router.navigate(path);\n }\n }\n this.isBusy = false;\n }, error => {\n this.isBusy = false;\n });\n }\n }\n\n prevPage(){\n\n }\n\n nextPage(){\n \n }\n\n ngOnInit() {\n this.loaderConfig = this.themeSettingService.getTheme();\n if(this.globals.Session){\n this.jobService.createJobList(this.jobListType).subscribe(result=>{\n this.componentId = result;\n this.refreshJobListCard();\n });\n }\n }\n\n pullPopup($event, job: Job) { \n this.confirmationService.confirm(\n \"Add Quick Phrase for \" + job.JobName,\n \"\",\n [\"CANCEL\", \"OK\"], true, \"Add Quick Phrase...\", true)\n .subscribe((respond) => {\n if (respond.answer == \"OK\"){\n //this.isBusy = true;\n this.conversationService.saveUtteranceForJob(respond.inputText, job.JobId).subscribe(result => {\n console.log(result);\n })\n \n }\n });\n\n $event.stopPropagation();\n }\n}\n","import { OnInit } from '@angular/core';\nimport { JobService } from '../services/job.service';\nimport { ConfirmationService } from '../services/confirmation.service';\nimport { ConversationService } from '../services/conversation.service';\nimport { Globals } from '../objects/Globals';\nimport { Router } from '@angular/router';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { WorkspaceService } from '../services/workspace.service';\nvar JoblistComponent = /** @class */ (function () {\n function JoblistComponent(jobService, confirmationService, conversationService, globals, router, themeSettingService, workspaceService) {\n this.jobService = jobService;\n this.confirmationService = confirmationService;\n this.conversationService = conversationService;\n this.globals = globals;\n this.router = router;\n this.themeSettingService = themeSettingService;\n this.workspaceService = workspaceService;\n this.isBusy = true;\n this.availableImages = ['VIEWPR', 'CREATEPR', 'VIEWPO', 'CREATEPO', 'VIEWRFQ', 'CREATERFQ', 'VIEWSN', 'CREATESN', 'VIEWIV', 'CREATEIV', 'VIEWEBID', 'CREATEEBID', 'VIEWSUPPLIER', 'MANAGESUPPLIER', 'Template'];\n this.config = {\n direction: 'horizontal',\n slidesPerView: 5,\n keyboard: true,\n navigation: true,\n pagination: false,\n breakpoints: {\n // when window width is <= 480px\n 380: {\n slidesPerView: 2\n },\n 768: {\n slidesPerView: 3\n },\n // when window width is <= 480px\n 992: {\n slidesPerView: 3\n },\n 1366: {\n slidesPerView: 4\n },\n // when window width is <= 640px\n 1600: {\n slidesPerView: 5\n }\n }\n };\n }\n JoblistComponent.prototype.refreshJobListCard = function () {\n var _this = this;\n this.isBusy = true;\n if (this.componentId) {\n this.jobService.getJobList(this.componentId).subscribe(function (result) {\n var jobResult = JSON.parse(result);\n _this.jobList = jobResult.sort(_this.sortJobList);\n _this.availablePageSize = _this.jobList.length;\n _this.currentPage = 1;\n _this.isBusy = false;\n }, function (error) {\n _this.isBusy = false;\n });\n }\n };\n JoblistComponent.prototype.sortJobList = function (a, b) {\n if (a.JobOrder < b.JobOrder)\n return -1;\n if (a.JobOrder > b.JobOrder)\n return 1;\n return 0;\n };\n JoblistComponent.prototype.triggerJob = function (jobId) {\n var _this = this;\n if (jobId) {\n this.isBusy = true;\n this.jobService.triggerJob(this.componentId, jobId).subscribe(function (result) {\n var resultObject = JSON.parse(result);\n if (resultObject.ReturnType == \"0\") {\n if (resultObject.Arguments) {\n var path = [];\n resultObject.Arguments.forEach(function (element) {\n path.push(element);\n });\n ;\n _this.router.navigate(path);\n }\n }\n _this.isBusy = false;\n }, function (error) {\n _this.isBusy = false;\n });\n }\n };\n JoblistComponent.prototype.prevPage = function () {\n };\n JoblistComponent.prototype.nextPage = function () {\n };\n JoblistComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.loaderConfig = this.themeSettingService.getTheme();\n if (this.globals.Session) {\n this.jobService.createJobList(this.jobListType).subscribe(function (result) {\n _this.componentId = result;\n _this.refreshJobListCard();\n });\n }\n };\n JoblistComponent.prototype.pullPopup = function ($event, job) {\n var _this = this;\n this.confirmationService.confirm(\"Add Quick Phrase for \" + job.JobName, \"\", [\"CANCEL\", \"OK\"], true, \"Add Quick Phrase...\", true)\n .subscribe(function (respond) {\n if (respond.answer == \"OK\") {\n //this.isBusy = true;\n _this.conversationService.saveUtteranceForJob(respond.inputText, job.JobId).subscribe(function (result) {\n console.log(result);\n });\n }\n });\n $event.stopPropagation();\n };\n return JoblistComponent;\n}());\nexport { JoblistComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".key-indicator-container[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.key-indicator-item[_ngcontent-%COMP%] {\\r\\n margin: 0px;\\r\\n padding: 5px 10px;\\r\\n}\\r\\n\\r\\n.display-value[_ngcontent-%COMP%] {\\r\\n font-size: 32px;\\r\\n padding: 0px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n overflow-x: auto;\\r\\n}\\r\\n\\r\\n.key-indicator-item[_ngcontent-%COMP%] .display-label[_ngcontent-%COMP%] {\\r\\n text-align: left;\\r\\n font-size: 13px;\\r\\n position: absolute;\\r\\n}\\r\\n\\r\\n.no-item[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n height: 100%;\\r\\n text-align: center;\\r\\n font-size: 13px;\\r\\n font-style: italic;\\r\\n}\\r\\n\\r\\n.loader-1[_ngcontent-%COMP%] {\\r\\n display: block;\\r\\n height: 20px;\\r\\n margin-top: 5px;\\r\\n}\\r\\n\\r\\n.loader-2[_ngcontent-%COMP%] {\\r\\n display: block;\\r\\n height: 85px;\\r\\n margin-top: 5px;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./key-indicator.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"./key-indicator.component\";\nimport * as i4 from \"../services/workspace.service\";\nvar styles_KeyIndicatorComponent = [i0.styles];\nvar RenderType_KeyIndicatorComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_KeyIndicatorComponent, data: {} });\nexport { RenderType_KeyIndicatorComponent as RenderType_KeyIndicatorComponent };\nfunction View_KeyIndicatorComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 3, \"div\", [[\"class\", \"key-indicator-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 2, \"div\", [[\"class\", \"key-indicator-item\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 0, \"div\", [[\"class\", \"label-busy loader-1 gradient\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 0, \"div\", [[\"class\", \"content-busy loader-2 gradient\"]], null, null, null, null, null))], null, null); }\nfunction View_KeyIndicatorComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 8, \"div\", [[\"class\", \"key-indicator-item\"]], [[8, \"id\", 0]], null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(2, { \"height\": 0 }), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"p\", [[\"class\", \"display-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"])), (_l()(), i1.ɵeld(5, 0, null, null, 3, \"div\", [[\"class\", \"display-value\"]], null, null, null, null, null)), i1.ɵdid(6, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(7, { \"color\": 0 }), (_l()(), i1.ɵted(8, null, [\" \", \" \"]))], function (_ck, _v) { var _co = _v.component; var currVal_1 = _ck(_v, 2, 0, ((100 / _co.keyIndicatorArrays.length) + \"%\")); _ck(_v, 1, 0, currVal_1); var currVal_3 = _ck(_v, 7, 0, (_v.context.$implicit.DisplayColour ? _v.context.$implicit.DisplayColour : \"#000\")); _ck(_v, 6, 0, currVal_3); }, function (_ck, _v) { var currVal_0 = _v.context.$implicit.Name; _ck(_v, 0, 0, currVal_0); var currVal_2 = _v.context.$implicit.DisplayLabel; _ck(_v, 4, 0, currVal_2); var currVal_4 = _v.context.$implicit.DisplayValue; _ck(_v, 8, 0, currVal_4); }); }\nfunction View_KeyIndicatorComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"key-indicator-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_KeyIndicatorComponent_4)), i1.ɵdid(2, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.keyIndicatorArrays; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_KeyIndicatorComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"no-item\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"No key indicator configured\"]))], null, null); }\nfunction View_KeyIndicatorComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_KeyIndicatorComponent_3)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noItem\", 2]], null, 0, null, View_KeyIndicatorComponent_5))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.keyIndicatorArrays.length > 0); var currVal_1 = i1.ɵnov(_v, 2); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }\nexport function View_KeyIndicatorComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_KeyIndicatorComponent_1)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"show\", 2]], null, 0, null, View_KeyIndicatorComponent_2))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.isBusy && (_co.keyIndicatorArrays.length == 0)); var currVal_1 = i1.ɵnov(_v, 2); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }\nexport function View_KeyIndicatorComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-key-indicator\", [], null, null, null, View_KeyIndicatorComponent_0, RenderType_KeyIndicatorComponent)), i1.ɵdid(1, 114688, null, 0, i3.KeyIndicatorComponent, [i4.WorkspaceService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar KeyIndicatorComponentNgFactory = i1.ɵccf(\"app-key-indicator\", i3.KeyIndicatorComponent, View_KeyIndicatorComponent_Host_0, { setComponentId: \"setComponentId\" }, {}, []);\nexport { KeyIndicatorComponentNgFactory as KeyIndicatorComponentNgFactory };\n","\n \n\n \n \n ","import { Component, OnInit, Input } from '@angular/core';\nimport { WorkspaceService } from '../services/workspace.service';\n\n@Component({\n selector: 'app-key-indicator',\n templateUrl: './key-indicator.component.html',\n styleUrls: ['./key-indicator.component.css']\n})\nexport class KeyIndicatorComponent implements OnInit {\n\n constructor(private workspaceService: WorkspaceService) { }\n\n private componentId: string;\n private kpiCardObject:any;\n isBusy: boolean = false;\n keyIndicatorArrays: KeyIndicatorObjects[] = [];\n\n @Input() set setComponentId(id:string){\n this.componentId = id;\n this.refreshKPI();\n }\n\n ngOnInit() {\n this.isBusy = true;\n setTimeout(()=>{\n if (!this.componentId){\n this.isBusy = false;\n }\n }, 15000)\n }\n\n refreshKPI(){\n if (this.componentId){\n this.workspaceService.getKpiCard(this.componentId).subscribe(result => {\n this.kpiCardObject = JSON.parse(result);\n if (result){\n for (let key in this.kpiCardObject.KeyIndicatorObjects) {\n this.keyIndicatorArrays.push(this.kpiCardObject.KeyIndicatorObjects[key]);\n }\n }\n this.isBusy = false;\n }, error => {\n this.isBusy = false\n })\n }\n }\n}\n\nexport class KeyIndicatorObjects {\n DefaultColour: string;\n DisplayColour: string;\n DisplayFormat: string;\n DisplayLabel: string;\n DisplayValue: string;\n FilterCriteria: string;\n FilterType: string;\n FilterValue: string;\n KeyIndicatorId: string;\n LowerBoundColour: string;\n LowerBoundValue: string;\n Name: string;\n ReportFieldAction: string;\n ReportFieldName: string;\n ReportId: string;\n UpperBoundColour: string;\n UpperBoundValue: string;\n WithinBoundsColour: string;\n}\n","import { OnInit } from '@angular/core';\nimport { WorkspaceService } from '../services/workspace.service';\nvar KeyIndicatorComponent = /** @class */ (function () {\n function KeyIndicatorComponent(workspaceService) {\n this.workspaceService = workspaceService;\n this.isBusy = false;\n this.keyIndicatorArrays = [];\n }\n Object.defineProperty(KeyIndicatorComponent.prototype, \"setComponentId\", {\n set: function (id) {\n this.componentId = id;\n this.refreshKPI();\n },\n enumerable: true,\n configurable: true\n });\n KeyIndicatorComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.isBusy = true;\n setTimeout(function () {\n if (!_this.componentId) {\n _this.isBusy = false;\n }\n }, 15000);\n };\n KeyIndicatorComponent.prototype.refreshKPI = function () {\n var _this = this;\n if (this.componentId) {\n this.workspaceService.getKpiCard(this.componentId).subscribe(function (result) {\n _this.kpiCardObject = JSON.parse(result);\n if (result) {\n for (var key in _this.kpiCardObject.KeyIndicatorObjects) {\n _this.keyIndicatorArrays.push(_this.kpiCardObject.KeyIndicatorObjects[key]);\n }\n }\n _this.isBusy = false;\n }, function (error) {\n _this.isBusy = false;\n });\n }\n };\n return KeyIndicatorComponent;\n}());\nexport { KeyIndicatorComponent };\nvar KeyIndicatorObjects = /** @class */ (function () {\n function KeyIndicatorObjects() {\n }\n return KeyIndicatorObjects;\n}());\nexport { KeyIndicatorObjects };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".dialog-container[_ngcontent-%COMP%] {\\r\\n padding:15px 30px;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.dialog-grid-container[_ngcontent-%COMP%] {\\r\\n display:-ms-grid;\\r\\n display:grid;\\r\\n \\r\\n \\r\\n transition: 0.3s;\\r\\n border-radius: 10px;\\r\\n \\r\\n \\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.dialog-item-grid-container[_ngcontent-%COMP%] {\\r\\n display:-ms-grid;\\r\\n display:grid;\\r\\n}\\r\\n\\r\\n.dialog-item.hide[_ngcontent-%COMP%] {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n.toggle-label[_ngcontent-%COMP%] {\\r\\n padding-right: 5px;\\r\\n}\\r\\n\\r\\n.toggle-box[_ngcontent-%COMP%]{\\r\\n position: absolute;\\r\\n right: 10px;\\r\\n bottom: -5px;\\r\\n cursor: pointer;\\r\\n font-size: 13px;\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n.toggle-box[_ngcontent-%COMP%]:hover{\\r\\n color: #333 !important;\\r\\n}\\r\\n\\r\\n.toggle-icon[_ngcontent-%COMP%]:after {\\r\\n font-size: 10px;\\r\\n content: \\\"\\\\f078\\\";\\r\\n font-family: FontAwesome;\\r\\n transition: 0.3s ease-in-out;\\r\\n position: absolute;\\r\\n top: 1px;\\r\\n}\\r\\n\\r\\n.toggle-icon.up[_ngcontent-%COMP%]:after {\\r\\n -ms-transform: rotate(-180deg);\\r\\n transform: rotate(-180deg);\\r\\n -webkit-transform: rotate(-180deg);\\r\\n top: 3px;\\r\\n}\\r\\n\\r\\n.dialog-response-item[_ngcontent-%COMP%] {\\r\\n \\r\\n grid-row: span 1;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.dialog-response-item.query[_ngcontent-%COMP%] {\\r\\n grid-column: -3 / span 1;\\r\\n}\\r\\n\\r\\n.small-message[_ngcontent-%COMP%] {\\r\\n font-size: 11px;\\r\\n font-weight: 500;\\r\\n color: var(--primary);\\r\\n position: absolute;\\r\\n right: 15px;\\r\\n top: 4px;\\r\\n}\\r\\n\\r\\n.small-message-alt[_ngcontent-%COMP%] {\\r\\n font-size: 11px;\\r\\n font-weight: 500;\\r\\n color: var(--primary);\\r\\n position: absolute;\\r\\n right: 15px;\\r\\n top: 4px;\\r\\n}\\r\\n\\r\\n.message[_ngcontent-%COMP%] {\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.message-alt[_ngcontent-%COMP%] {\\r\\n font-size: 13px;\\r\\n white-space:pre-line;\\r\\n color: #333;\\r\\n}\\r\\n\\r\\n.response-message[_ngcontent-%COMP%] {\\r\\n font-size: 13px;\\r\\n white-space:pre-line;\\r\\n}\\r\\n\\r\\n.detroit[_ngcontent-%COMP%] {\\r\\n background-color: #fff;\\r\\n border: 1px solid #ddd;\\r\\n border-radius: 10px;\\r\\n padding: 15px;\\r\\n}\\r\\n\\r\\n.item-container[_ngcontent-%COMP%] {\\r\\n padding: 15px;\\r\\n border-radius: 10px;\\r\\n background-color: #fff;\\r\\n \\r\\n \\r\\n height: calc(100% - 0.5rem);\\r\\n margin-bottom: 10px;\\r\\n min-width: 400px;\\r\\n box-shadow: 0px 1px 8px 2px rgba(0,0,0,.1);\\r\\n}\\r\\n\\r\\n.item-container-alt[_ngcontent-%COMP%] {\\r\\n padding: 15px;\\r\\n border-radius: 10px;\\r\\n background-color: #effbff;\\r\\n \\r\\n \\r\\n height: calc(100% - 0.5rem);\\r\\n margin-bottom: 10px;\\r\\n min-width: 320px;\\r\\n box-shadow: 0px 1px 8px 2px rgba(0,0,0,.1);\\r\\n}\\r\\n\\r\\n.arrow-left[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.arrow-left[_ngcontent-%COMP%]:before {\\r\\n top: 0%;\\r\\n left: 6px;\\r\\n border: solid transparent;\\r\\n content: \\\" \\\";\\r\\n height: 0;\\r\\n width: 0;\\r\\n position: absolute;\\r\\n pointer-events: none;\\r\\n border-top-color: #fff;\\r\\n border-width: 12px;\\r\\n margin-left: -18px;\\r\\n border-radius: 3px;\\r\\n -webkit-filter: drop-shadow(-3px -1px 2px rgba(0,0,0,.1));\\r\\n filter: drop-shadow(-3px -1px 2px rgba(0,0,0,.1));\\r\\n}\\r\\n\\r\\n.arrow-left-alt[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.arrow-left-alt[_ngcontent-%COMP%]:before {\\r\\n top: 0%;\\r\\n right: 6px;\\r\\n border: solid transparent;\\r\\n content: \\\" \\\";\\r\\n height: 0;\\r\\n width: 0;\\r\\n position: absolute;\\r\\n pointer-events: none;\\r\\n border-top-color: #effbff;\\r\\n border-width: 12px;\\r\\n margin-right: -18px;\\r\\n border-radius: 3px;\\r\\n -webkit-filter: drop-shadow(3px -1px 3px rgba(0,0,0,.1));\\r\\n filter: drop-shadow(3px -1px 3px rgba(0,0,0,.1));\\r\\n}\\r\\n\\r\\n.toggle-container[_ngcontent-%COMP%] {\\r\\n margin-top: 10px;\\r\\n position: relative; \\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n@media (max-width: 992px) {\\r\\n \\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./khamis-dialog.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../read-more/read-more.component.ngfactory\";\nimport * as i3 from \"../read-more/read-more.component\";\nimport * as i4 from \"@angular/common\";\nimport * as i5 from \"../reportgroup/reportgroup.component.ngfactory\";\nimport * as i6 from \"../reportgroup/reportgroup.component\";\nimport * as i7 from \"@angular/platform-browser\";\nimport * as i8 from \"../services/workspace.service\";\nimport * as i9 from \"../safe-html.pipe\";\nimport * as i10 from \"./khamis-dialog.component\";\nvar styles_KhamisDialogComponent = [i0.styles];\nvar RenderType_KhamisDialogComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_KhamisDialogComponent, data: {} });\nexport { RenderType_KhamisDialogComponent as RenderType_KhamisDialogComponent };\nfunction View_KhamisDialogComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 6, \"div\", [[\"class\", \"dialog-response-item query\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 5, \"div\", [[\"class\", \"item-container-alt arrow-left-alt\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 2, \"div\", [[\"style\", \"margin-bottom: 8px;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"p\", [[\"class\", \"small-message-alt\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"])), (_l()(), i1.ɵeld(5, 0, null, null, 1, \"p\", [[\"class\", \"message-alt\"]], null, null, null, null, null)), (_l()(), i1.ɵted(6, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.context.$implicit.ConversationMessage.MessageDateTimeConverted; _ck(_v, 4, 0, currVal_0); var currVal_1 = _v.parent.context.$implicit.ConversationMessage.MessageText; _ck(_v, 6, 0, currVal_1); }); }\nfunction View_KhamisDialogComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-read-more\", [], null, null, null, i2.View_ReadMoreComponent_0, i2.RenderType_ReadMoreComponent)), i1.ɵdid(2, 573440, null, 0, i3.ReadMoreComponent, [i1.ElementRef], { text: [0, \"text\"], maxLength: [1, \"maxLength\"] }, null)], function (_ck, _v) { var currVal_0 = _v.parent.parent.context.$implicit.ConversationMessage.ResponseText; var currVal_1 = 500; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_KhamisDialogComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"p\", [[\"class\", \"response-message\"]], [[8, \"innerHTML\", 1]], null, null, null, null)), i1.ɵppd(1, 1)], null, function (_ck, _v) { var currVal_0 = i1.ɵunv(_v, 0, 0, _ck(_v, 1, 0, i1.ɵnov(_v.parent.parent.parent.parent, 0), _v.parent.parent.context.$implicit.ConversationMessage.ResponseText)); _ck(_v, 0, 0, currVal_0); }); }\nfunction View_KhamisDialogComponent_7(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 6, \"div\", [[\"class\", \"toggle-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 5, \"a\", [[\"class\", \"toggle-box\"]], [[8, \"title\", 0]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = ((_v.parent.parent.context.$implicit.ShowEPICGroupsByDefault = !_v.parent.parent.context.$implicit.ShowEPICGroupsByDefault) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"span\", [[\"class\", \"toggle-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(3, null, [\"\", \"\"])), (_l()(), i1.ɵeld(4, 0, null, null, 2, \"a\", [], null, null, null, null, null)), i1.ɵdid(5, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(6, { \"toggle-icon\": 0, \"up\": 1 })], function (_ck, _v) { var currVal_2 = _ck(_v, 6, 0, true, _v.parent.parent.context.$implicit.ShowEPICGroupsByDefault); _ck(_v, 5, 0, currVal_2); }, function (_ck, _v) { var currVal_0 = (_v.parent.parent.context.$implicit.ShowEPICGroupsByDefault ? \"Hide\" : \"Show\"); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.parent.parent.context.$implicit.ShowEPICGroupsByDefault ? \"Hide\" : \"Show\"); _ck(_v, 3, 0, currVal_1); }); }\nfunction View_KhamisDialogComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 9, \"div\", [[\"class\", \"dialog-response-item\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 8, \"div\", [[\"class\", \"item-container arrow-left\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 2, \"div\", [[\"style\", \"margin-bottom: 8px;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"p\", [[\"class\", \"small-message\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"])), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_KhamisDialogComponent_5)), i1.ɵdid(6, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"fullResponse\", 2]], null, 0, null, View_KhamisDialogComponent_6)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_KhamisDialogComponent_7)), i1.ɵdid(9, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_1 = _v.parent.context.$implicit.SummariseResponse; var currVal_2 = i1.ɵnov(_v, 7); _ck(_v, 6, 0, currVal_1, currVal_2); var currVal_3 = (_v.parent.context.$implicit.EPICGroups.length > 0); _ck(_v, 9, 0, currVal_3); }, function (_ck, _v) { var currVal_0 = _v.parent.context.$implicit.ConversationMessage.MessageDateTimeConverted; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_KhamisDialogComponent_8(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 7, \"div\", [], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"dialog-item\": 0, \"hide\": 1 }), i1.ɵdid(3, 278528, null, 0, i4.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(4, { \"grid-column\": 0, \"grid-row\": 1 }), (_l()(), i1.ɵeld(5, 0, null, null, 2, \"div\", [[\"class\", \"item-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(6, 0, null, null, 1, \"app-reportgroup\", [], null, [[null, \"getRelatedEpics\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"getRelatedEpics\" === en)) {\n var pd_0 = (_co.getRelatedEpics(_v.parent.context.$implicit, _v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i5.View_ReportgroupComponent_0, i5.RenderType_ReportgroupComponent)), i1.ɵdid(7, 114688, null, 0, i6.ReportgroupComponent, [i7.DomSanitizer, i8.WorkspaceService], { setReportGroup: [0, \"setReportGroup\"], pageContent: [1, \"pageContent\"], hasGap: [2, \"hasGap\"], dialog: [3, \"dialog\"] }, { getRelatedEpics: \"getRelatedEpics\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, true, !_v.parent.context.$implicit.ShowEPICGroupsByDefault); _ck(_v, 1, 0, currVal_0); var currVal_1 = _ck(_v, 4, 0, (\"span \" + _v.context.$implicit.Width), (\"span \" + _v.context.$implicit.Height)); _ck(_v, 3, 0, currVal_1); var currVal_2 = _v.context.$implicit; var currVal_3 = _co.pageContent; var currVal_4 = \"True\"; var currVal_5 = true; _ck(_v, 7, 0, currVal_2, currVal_3, currVal_4, currVal_5); }, null); }\nfunction View_KhamisDialogComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 9, \"div\", [[\"class\", \"dialog-grid-container\"]], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i4.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(2, { \"grid-template-columns\": 0, \"grid-auto-rows\": 1 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_KhamisDialogComponent_3)), i1.ɵdid(4, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_KhamisDialogComponent_4)), i1.ɵdid(6, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(7, 0, null, null, 0, \"div\", [[\"style\", \"grid-column:none;\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_KhamisDialogComponent_8)), i1.ɵdid(9, 278528, null, 0, i4.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, ((\"repeat(\" + _co.reportGroupWidth) + \", 1fr)\"), \"minmax(min-content, max-content)\"); _ck(_v, 1, 0, currVal_0); var currVal_1 = !_v.context.$implicit.IsResponse; _ck(_v, 4, 0, currVal_1); var currVal_2 = _v.context.$implicit.IsResponse; _ck(_v, 6, 0, currVal_2); var currVal_3 = _v.context.$implicit.EPICGroups; _ck(_v, 9, 0, currVal_3); }, null); }\nfunction View_KhamisDialogComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"dialog-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_KhamisDialogComponent_2)), i1.ɵdid(2, 278528, null, 0, i4.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.conversationResultList; _ck(_v, 2, 0, currVal_0); }, null); }\nexport function View_KhamisDialogComponent_0(_l) { return i1.ɵvid(0, [i1.ɵpid(0, i9.SafeHtmlPipe, [i7.DomSanitizer]), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_KhamisDialogComponent_1)), i1.ɵdid(2, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.reportGroupWidth; _ck(_v, 2, 0, currVal_0); }, null); }\nexport function View_KhamisDialogComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-khamis-dialog\", [], null, null, null, View_KhamisDialogComponent_0, RenderType_KhamisDialogComponent)), i1.ɵdid(1, 114688, null, 0, i10.KhamisDialogComponent, [i8.WorkspaceService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar KhamisDialogComponentNgFactory = i1.ɵccf(\"app-khamis-dialog\", i10.KhamisDialogComponent, View_KhamisDialogComponent_Host_0, { pageContent: \"pageContent\", reportGroupWidth: \"reportGroupWidth\", searchResultId: \"searchResultId\", searchResultChanged: \"searchResultChanged\" }, {}, []);\nexport { KhamisDialogComponentNgFactory as KhamisDialogComponentNgFactory };\n","();\n @Output() searchResultId = new EventEmitter();\n\n private hasUpdate:boolean = false;\n isBusy: boolean = false;\n isSearching: boolean = false;\n speechData:any;\n searchTextChanged = new Subject();\n suggestions = [];\n subs: Subscription;\n \n constructor(private workspaceService:WorkspaceService, \n private conversationService:ConversationService, private router:Router) {}\n\n ngOnInit() {\n // this.input.nativeElement.focus(); // autofocus\n this.getSuggestions();\n }\n\n ngOnDestroy() {\n if (this.subs) this.subs.unsubscribe();\n }\n\n searchGlobal(value:string){\n // this.workspaceService.searchEPICs(value).subscribe(result=>{\n // this.searchResultId.emit(result);\n // this.hasUpdate = !this.hasUpdate;\n // this.searchChanged.emit(this.hasUpdate);\n // });\n this.isBusy = true;\n if (value){\n this.conversationService.converse(value).subscribe(result=> {\n var resultObject = JSON.parse(result);\n this.isBusy = false;\n if(resultObject.ReturnType == \"0\"){\n if(resultObject.Arguments){\n var path = [];\n resultObject.Arguments.forEach(element => {\n path.push(element);\n });;\n this.router.navigate(path);\n }\n }\n }, error => {\n this.isBusy = false;\n });\n }\n else {\n this.isBusy = false;\n }\n }\n\n onValueChange(keyword: string){\n this.searchTextChanged.next(keyword);\n }\n\n getSuggestions(){\n this.subs = this.searchTextChanged.pipe(\n debounceTime(500),\n distinctUntilChanged(),\n ).subscribe(value => {\n this.isSearching = true;\n this.conversationService.getSuggestions(this.searchType, value).subscribe(result => {\n if (result){\n this.suggestions = JSON.parse(result);\n }\n this.isSearching = false;\n }, error => {\n this.isSearching = false;\n })\n })\n }\n\n mouseEnter(word: string){\n this.input.nativeElement.value = word;\n }\n\n mouseLeave(){\n this.input.nativeElement.value = \"\";\n }\n}\n","import { OnInit, EventEmitter, ElementRef, OnDestroy } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { ConversationService } from '../services/conversation.service';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { Subject } from 'rxjs';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\nimport { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material';\nvar KhamisComponent = /** @class */ (function () {\n function KhamisComponent(workspaceService, conversationService, router) {\n this.workspaceService = workspaceService;\n this.conversationService = conversationService;\n this.router = router;\n this.searchChanged = new EventEmitter();\n this.searchResultId = new EventEmitter();\n this.hasUpdate = false;\n this.isBusy = false;\n this.isSearching = false;\n this.searchTextChanged = new Subject();\n this.suggestions = [];\n }\n KhamisComponent.prototype.ngOnInit = function () {\n // this.input.nativeElement.focus(); // autofocus\n this.getSuggestions();\n };\n KhamisComponent.prototype.ngOnDestroy = function () {\n if (this.subs)\n this.subs.unsubscribe();\n };\n KhamisComponent.prototype.searchGlobal = function (value) {\n var _this = this;\n // this.workspaceService.searchEPICs(value).subscribe(result=>{\n // this.searchResultId.emit(result);\n // this.hasUpdate = !this.hasUpdate;\n // this.searchChanged.emit(this.hasUpdate);\n // });\n this.isBusy = true;\n if (value) {\n this.conversationService.converse(value).subscribe(function (result) {\n var resultObject = JSON.parse(result);\n _this.isBusy = false;\n if (resultObject.ReturnType == \"0\") {\n if (resultObject.Arguments) {\n var path = [];\n resultObject.Arguments.forEach(function (element) {\n path.push(element);\n });\n ;\n _this.router.navigate(path);\n }\n }\n }, function (error) {\n _this.isBusy = false;\n });\n }\n else {\n this.isBusy = false;\n }\n };\n KhamisComponent.prototype.onValueChange = function (keyword) {\n this.searchTextChanged.next(keyword);\n };\n KhamisComponent.prototype.getSuggestions = function () {\n var _this = this;\n this.subs = this.searchTextChanged.pipe(debounceTime(500), distinctUntilChanged()).subscribe(function (value) {\n _this.isSearching = true;\n _this.conversationService.getSuggestions(_this.searchType, value).subscribe(function (result) {\n if (result) {\n _this.suggestions = JSON.parse(result);\n }\n _this.isSearching = false;\n }, function (error) {\n _this.isSearching = false;\n });\n });\n };\n KhamisComponent.prototype.mouseEnter = function (word) {\n this.input.nativeElement.value = word;\n };\n KhamisComponent.prototype.mouseLeave = function () {\n this.input.nativeElement.value = \"\";\n };\n return KhamisComponent;\n}());\nexport { KhamisComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".label-container[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n \\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./label.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../safe-html.pipe\";\nimport * as i3 from \"@angular/platform-browser\";\nimport * as i4 from \"@angular/common\";\nimport * as i5 from \"./label.component\";\nvar styles_LabelComponent = [i0.styles];\nvar RenderType_LabelComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_LabelComponent, data: {} });\nexport { RenderType_LabelComponent as RenderType_LabelComponent };\nfunction View_LabelComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [[\"class\", \"label-container\"]], [[8, \"innerHTML\", 1]], null, null, null, null)), i1.ɵppd(1, 1)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵunv(_v, 0, 0, _ck(_v, 1, 0, i1.ɵnov(_v.parent, 0), _co.content)); _ck(_v, 0, 0, currVal_0); }); }\nexport function View_LabelComponent_0(_l) { return i1.ɵvid(0, [i1.ɵpid(0, i2.SafeHtmlPipe, [i3.DomSanitizer]), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_LabelComponent_1)), i1.ɵdid(2, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.content; _ck(_v, 2, 0, currVal_0); }, null); }\nexport function View_LabelComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-label\", [], null, null, null, View_LabelComponent_0, RenderType_LabelComponent)), i1.ɵdid(1, 114688, null, 0, i5.LabelComponent, [], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar LabelComponentNgFactory = i1.ɵccf(\"app-label\", i5.LabelComponent, View_LabelComponent_Host_0, { content: \"content\" }, {}, []);\nexport { LabelComponentNgFactory as LabelComponentNgFactory };\n","\n","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'app-label',\n templateUrl: './label.component.html',\n styleUrls: ['./label.component.css']\n})\nexport class LabelComponent implements OnInit {\n\n @Input() content:string;\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","import { OnInit } from '@angular/core';\nvar LabelComponent = /** @class */ (function () {\n function LabelComponent() {\n }\n LabelComponent.prototype.ngOnInit = function () {\n };\n return LabelComponent;\n}());\nexport { LabelComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".pr-create-catalogue[_ngcontent-%COMP%] {\\r\\n overflow-y: auto;\\r\\n max-height: calc(100vh - 78px);\\r\\n padding-bottom: 50px;\\r\\n}\\r\\n\\r\\n#product-container[_ngcontent-%COMP%] {\\r\\n margin :0;\\r\\n max-width: 1400px;\\r\\n}\\r\\n\\r\\n.cart-container[_ngcontent-%COMP%] {\\r\\n padding: 15px 0;\\r\\n height:100%;\\r\\n}\\r\\n\\r\\n.cart-title[_ngcontent-%COMP%] {\\r\\n font-weight: 600;\\r\\n padding: 5px 20px 15px;\\r\\n color: #333;\\r\\n}\\r\\n\\r\\n.cart[_ngcontent-%COMP%] {\\r\\n margin-right: 15px;\\r\\n min-height: 353px;\\r\\n position:fixed;\\r\\n top: 173px;\\r\\n box-shadow: 2px 1px 4px 1px rgba(0,0,0,.1);\\r\\n min-width: 400px;\\r\\n}\\r\\n\\r\\n.cart-m[_ngcontent-%COMP%] {\\r\\n margin-right: 15px;\\r\\n min-height: 353px;\\r\\n position: relative;;\\r\\n box-shadow: 2px 1px 4px 1px rgba(0,0,0,.1);\\r\\n}\\r\\n\\r\\n.cart-desc[_ngcontent-%COMP%] {\\r\\n font-size:13px;\\r\\n position: fixed;\\r\\n top: 535px;\\r\\n}\\r\\n\\r\\n.left-main-container[_ngcontent-%COMP%] {\\r\\n padding-right:0px;\\r\\n}\\r\\n\\r\\n.right-main-container[_ngcontent-%COMP%] {\\r\\n display: block;\\r\\n -ms-flex: 0 0 450px;\\r\\n flex: 0 0 450px;\\r\\n padding-left: 0px;\\r\\n}\\r\\n\\r\\n.cart-ic[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n right: 42px;\\r\\n top: 15px;\\r\\n display: none;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.cart-ic[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n width: 15px;\\r\\n height: 15px;\\r\\n}\\r\\n\\r\\n@media (min-width: 1600px){\\r\\n #product-container[_ngcontent-%COMP%] {\\r\\n max-width: 1400px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media(max-width: 1366px){\\r\\n .right-main-container[_ngcontent-%COMP%] {\\r\\n -ms-flex: 0 0 400px;\\r\\n flex: 0 0 400px;\\r\\n }\\r\\n\\r\\n .cart[_ngcontent-%COMP%]{\\r\\n min-width: 350px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media(max-width: 992px){\\r\\n .right-main-container[_ngcontent-%COMP%] {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .cart-ic[_ngcontent-%COMP%] {\\r\\n display: block;\\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./layout-catalogue.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../summary/summary.component.ngfactory\";\nimport * as i3 from \"../summary/summary.component\";\nimport * as i4 from \"@angular/router\";\nimport * as i5 from \"../objects/Globals\";\nimport * as i6 from \"../services/summary.service\";\nimport * as i7 from \"../services/workspace.service\";\nimport * as i8 from \"ngx-contextmenu\";\nimport * as i9 from \"../services/confirmation.service\";\nimport * as i10 from \"../services/toaster-message.service\";\nimport * as i11 from \"../product-detail/product-detail.component.ngfactory\";\nimport * as i12 from \"../product-detail/product-detail.component\";\nimport * as i13 from \"../detail/detail.component.ngfactory\";\nimport * as i14 from \"../detail/detail.component\";\nimport * as i15 from \"../services/detail.service\";\nimport * as i16 from \"../services/attachment.service\";\nimport * as i17 from \"ngx-bootstrap/modal\";\nimport * as i18 from \"@angular/platform-browser\";\nimport * as i19 from \"../services/workflow-return.service\";\nimport * as i20 from \"../services/theme-setting.service\";\nimport * as i21 from \"../services/header.service\";\nimport * as i22 from \"../env.service\";\nimport * as i23 from \"../services/message-popup.service\";\nimport * as i24 from \"../services/session-timer.service\";\nimport * as i25 from \"../services/floating-panel.service\";\nimport * as i26 from \"../services/side-popup.service\";\nimport * as i27 from \"@angular/common\";\nimport * as i28 from \"../primary-menu/primary-menu.component.ngfactory\";\nimport * as i29 from \"../primary-menu/primary-menu.component\";\nimport * as i30 from \"../services/login.service\";\nimport * as i31 from \"../Globals\";\nimport * as i32 from \"../services/main-loading.service\";\nimport * as i33 from \"@ngx-progressbar/core\";\nimport * as i34 from \"../searchbar/searchbar.component.ngfactory\";\nimport * as i35 from \"../searchbar/searchbar.component\";\nimport * as i36 from \"../services/conversation.service\";\nimport * as i37 from \"../services/speech-recognition.service\";\nimport * as i38 from \"../services/loading-summary.service\";\nimport * as i39 from \"./layout-catalogue.component\";\nvar styles_LayoutCatalogueComponent = [i0.styles];\nvar RenderType_LayoutCatalogueComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_LayoutCatalogueComponent, data: {} });\nexport { RenderType_LayoutCatalogueComponent as RenderType_LayoutCatalogueComponent };\nfunction View_LayoutCatalogueComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 10, \"div\", [[\"class\", \"container\"], [\"id\", \"product-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 7, \"p\", [[\"style\", \"margin: 15px 0;font-size:14px;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"span\", [[\"style\", \"color:#007bc4;\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Catalogue \"])), (_l()(), i1.ɵeld(4, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(5, null, [\"( \", \"\"])), (_l()(), i1.ɵted(-1, null, [\" items found ) \"])), (_l()(), i1.ɵeld(7, 0, null, null, 1, \"span\", [[\"class\", \"cart-ic\"], [\"title\", \"Show Cart\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.showCart(i1.ɵnov(_v.parent, 28)) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(8, 0, null, null, 0, \"img\", [[\"src\", \"../../assets/images/cart-blue.png\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(9, 0, null, null, 1, \"app-summary\", [], null, [[null, \"updateParent\"], [null, \"updateTotalRows\"], [null, \"selectedCardId\"], [null, \"setSummaryName\"], [\"window\", \"resize\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"window:resize\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 10).onResize($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"updateParent\" === en)) {\n var pd_1 = (_co.updateCards($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"updateTotalRows\" === en)) {\n var pd_2 = (_co.updateTotalRows($event) !== false);\n ad = (pd_2 && ad);\n } if ((\"selectedCardId\" === en)) {\n var pd_3 = (_co.onSelectedItem($event) !== false);\n ad = (pd_3 && ad);\n } if ((\"setSummaryName\" === en)) {\n var pd_4 = (_co.setSummaryName($event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, i2.View_SummaryComponent_0, i2.RenderType_SummaryComponent)), i1.ɵdid(10, 245760, null, 0, i3.SummaryComponent, [i4.ActivatedRoute, i5.Globals, i6.SummaryService, i4.Router, i7.WorkspaceService, i8.ContextMenuService, i9.ConfirmationService, i10.ToasterMessageService], { keyword: [0, \"keyword\"], componentId: [1, \"componentId\"], showPagination: [2, \"showPagination\"] }, { selectedCardId: \"selectedCardId\", updateParent: \"updateParent\", updateTotalRows: \"updateTotalRows\", setSummaryName: \"setSummaryName\" })], function (_ck, _v) { var _co = _v.component; var currVal_1 = _co.searchKeyword; var currVal_2 = _co.catalogueComponentId; var currVal_3 = false; _ck(_v, 10, 0, currVal_1, currVal_2, currVal_3); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.noOfItems; _ck(_v, 5, 0, currVal_0); }); }\nfunction View_LayoutCatalogueComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-product-detail\", [], null, null, null, i11.View_ProductDetailComponent_0, i11.RenderType_ProductDetailComponent)), i1.ɵdid(1, 114688, null, 0, i12.ProductDetailComponent, [], { setComponentId: [0, \"setComponentId\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.selectedProductDetailId; _ck(_v, 1, 0, currVal_0); }, null); }\nfunction View_LayoutCatalogueComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 5, \"div\", [[\"class\", \"modal-header\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"h5\", [[\"class\", \"modal-title\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Requisition Cart\"])), (_l()(), i1.ɵeld(3, 0, null, null, 2, \"button\", [[\"aria-label\", \"Close\"], [\"class\", \"close close-modal\"], [\"data-dismiss\", \"modal\"], [\"type\", \"button\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.onDecline() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"style\", \"font-size: 30px;\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(6, 0, null, null, 13, \"div\", [[\"class\", \"modal-body\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(7, 0, null, null, 12, \"div\", [[\"class\", \"col\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(8, 0, null, null, 3, \"div\", [[\"class\", \"sticky-offset cart-m\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(9, 0, null, null, 2, \"div\", [[\"class\", \"cart-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(10, 0, null, null, 1, \"app-detail\", [], null, [[\"document\", \"click\"]], function (_v, en, $event) { var ad = true; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 11).clickout($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i13.View_DetailComponent_0, i13.RenderType_DetailComponent)), i1.ɵdid(11, 4964352, [[\"cart\", 4]], 0, i14.DetailComponent, [i5.Globals, i15.DetailService, i16.AttachmentService, i9.ConfirmationService, i4.Router, i17.BsModalService, i18.DomSanitizer, i10.ToasterMessageService, i19.WorkflowReturnService, i20.ThemeSettingService, i7.WorkspaceService, i8.ContextMenuService, i21.HeaderService, i22.EnvService, i1.Renderer2, i23.MessagePopupService, i24.SessionTimerService, i1.ElementRef, i25.FloatingPanelService, i26.SidePopupService], { setComponentId: [0, \"setComponentId\"] }, null), (_l()(), i1.ɵeld(12, 0, null, null, 7, \"div\", [[\"style\", \"margin-top: 15px;font-size:13px;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(13, 0, null, null, 1, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Can't find what you need?\"])), (_l()(), i1.ɵeld(15, 0, null, null, 4, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Click \"])), (_l()(), i1.ɵeld(17, 0, null, null, 1, \"a\", [[\"href\", \"javascript:void(0)\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"here\"])), (_l()(), i1.ɵted(-1, null, [\" to create a free text request\"]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.cartComponentId; _ck(_v, 11, 0, currVal_0); }, null); }\nexport function View_LayoutCatalogueComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 27, \"div\", [], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i27.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"primary-content\": 0, \"pad\": 1, \"full-pad\": 2 }), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"app-primary-menu\", [], null, [[\"document\", \"click\"], [\"window\", \"resize\"]], function (_v, en, $event) { var ad = true; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4).clickout($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"window:resize\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 4).onResize($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i28.View_PrimaryMenuComponent_0, i28.RenderType_PrimaryMenuComponent)), i1.ɵdid(4, 245760, null, 0, i29.PrimaryMenuComponent, [i30.LoginService, i21.HeaderService, i4.Router, i31.TokenManager, i5.Globals, i7.WorkspaceService, i32.MainLoadingService, i33.NgProgress, i1.Renderer2, i1.ElementRef, i19.WorkflowReturnService], { fixHeight: [0, \"fixHeight\"] }, null), (_l()(), i1.ɵeld(5, 0, null, null, 1, \"app-searchbar\", [], null, [[null, \"keywordChanged\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keywordChanged\" === en)) {\n var pd_0 = (_co.onSearchKeywordChange($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i34.View_SearchbarComponent_0, i34.RenderType_SearchbarComponent)), i1.ɵdid(6, 8634368, null, 0, i35.SearchbarComponent, [i36.ConversationService, i4.Router, i37.SpeechRecognitionService, i1.ChangeDetectorRef, i38.LoadingSummaryService], { isCatalogue: [0, \"isCatalogue\"], keyword: [1, \"keyword\"], setPlaceholder: [2, \"setPlaceholder\"] }, { keywordChanged: \"keywordChanged\" }), (_l()(), i1.ɵeld(7, 0, null, null, 20, \"div\", [[\"class\", \"container-fluid pr-create-catalogue custom-scrollbar\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(8, 0, null, null, 19, \"div\", [[\"class\", \"row\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(9, 0, null, null, 3, \"div\", [[\"class\", \"col left-main-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_LayoutCatalogueComponent_1)), i1.ɵdid(11, 16384, null, 0, i27.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"productDetail\", 2]], null, 0, null, View_LayoutCatalogueComponent_2)), (_l()(), i1.ɵeld(13, 0, null, null, 14, \"div\", [[\"class\", \"col right-main-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(14, 0, null, null, 5, \"div\", [[\"class\", \"sticky-offset cart\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(15, 0, null, null, 4, \"div\", [[\"class\", \"cart-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(16, 0, null, null, 1, \"h5\", [[\"class\", \"cart-title\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Requisition Cart\"])), (_l()(), i1.ɵeld(18, 0, null, null, 1, \"app-detail\", [], null, [[\"document\", \"click\"]], function (_v, en, $event) { var ad = true; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 19).clickout($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i13.View_DetailComponent_0, i13.RenderType_DetailComponent)), i1.ɵdid(19, 4964352, [[\"cart\", 4]], 0, i14.DetailComponent, [i5.Globals, i15.DetailService, i16.AttachmentService, i9.ConfirmationService, i4.Router, i17.BsModalService, i18.DomSanitizer, i10.ToasterMessageService, i19.WorkflowReturnService, i20.ThemeSettingService, i7.WorkspaceService, i8.ContextMenuService, i21.HeaderService, i22.EnvService, i1.Renderer2, i23.MessagePopupService, i24.SessionTimerService, i1.ElementRef, i25.FloatingPanelService, i26.SidePopupService], { setComponentId: [0, \"setComponentId\"] }, null), (_l()(), i1.ɵeld(20, 0, null, null, 7, \"div\", [[\"class\", \"cart-desc\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(21, 0, null, null, 1, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Can't find what you need?\"])), (_l()(), i1.ɵeld(23, 0, null, null, 4, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Click \"])), (_l()(), i1.ɵeld(25, 0, null, null, 1, \"a\", [[\"href\", \"javascript:void(0)\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"here\"])), (_l()(), i1.ɵted(-1, null, [\" to create a free text request\"])), (_l()(), i1.ɵand(0, [[\"template\", 2]], null, 0, null, View_LayoutCatalogueComponent_3))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, true, _co.smallPad, true); _ck(_v, 1, 0, currVal_0); var currVal_1 = 47; _ck(_v, 4, 0, currVal_1); var currVal_2 = true; var currVal_3 = _co.searchKeyword; var currVal_4 = _co.summaryName; _ck(_v, 6, 0, currVal_2, currVal_3, currVal_4); var currVal_5 = !_co.isProductDetail; var currVal_6 = i1.ɵnov(_v, 12); _ck(_v, 11, 0, currVal_5, currVal_6); var currVal_7 = _co.cartComponentId; _ck(_v, 19, 0, currVal_7); }, null); }\nexport function View_LayoutCatalogueComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"app-layout-catalogue\", [], null, [[\"window\", \"resize\"]], function (_v, en, $event) { var ad = true; if ((\"window:resize\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 3).onResize($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, View_LayoutCatalogueComponent_0, RenderType_LayoutCatalogueComponent)), i1.ɵprd(512, null, i27.LocationStrategy, i27.PathLocationStrategy, [i27.PlatformLocation, [2, i27.APP_BASE_HREF]]), i1.ɵprd(512, null, i27.Location, i27.Location, [i27.LocationStrategy]), i1.ɵdid(3, 114688, null, 0, i39.LayoutCatalogueComponent, [i4.ActivatedRoute, i5.Globals, i27.Location, i4.Router, i6.SummaryService, i31.TokenManager, i17.BsModalService], null, null)], function (_ck, _v) { _ck(_v, 3, 0); }, null); }\nvar LayoutCatalogueComponentNgFactory = i1.ɵccf(\"app-layout-catalogue\", i39.LayoutCatalogueComponent, View_LayoutCatalogueComponent_Host_0, {}, {}, []);\nexport { LayoutCatalogueComponentNgFactory as LayoutCatalogueComponentNgFactory };\n","\n\n \n\n","import { Component, OnInit, HostListener, TemplateRef } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { SummaryService } from '../services/summary.service';\nimport { TokenManager } from '../Globals';\nimport { Globals } from '../objects/Globals';\nimport {Location, LocationStrategy, PathLocationStrategy} from '@angular/common';\n\nimport { BsModalService } from 'ngx-bootstrap/modal';\nimport { BsModalRef } from 'ngx-bootstrap/modal/bs-modal-ref.service';\n\n@Component({\n selector: 'app-layout-catalogue',\n templateUrl: './layout-catalogue.component.html',\n providers: [Location, {provide: LocationStrategy, useClass: PathLocationStrategy}],\n styleUrls: ['./layout-catalogue.component.css']\n})\nexport class LayoutCatalogueComponent implements OnInit {\n private cartType:string;\n private cartId:string;\n private catalogueType:string;\n private catalogueSummary:string;\n private catalogueComponentId:string;\n private selectedProductDetailId:string;\n private forceRefreshDetail:boolean = true;\n private noOfItems : string;\n cartComponentId:string;\n smallPad: boolean = false;\n location: Location;\n searchKeyword: string = '';\n summaryName: string;\n isProductDetail:boolean = false;\n modalRef: BsModalRef;\n\n constructor(private route:ActivatedRoute, \n private globals:Globals, \n location: Location,\n private router:Router, \n private summaryService:SummaryService,\n private tokenManager:TokenManager,\n private modalService: BsModalService) {\n this.location = location;\n }\n\n onCartSet(cartComponentId:string){\n this.cartComponentId = cartComponentId;\n\n // this.summaryService.createSummaryWithParent(this.catalogueType, this.catalogueSummary, this.cartComponentId).subscribe(result=>{\n // this.catalogueComponentId = result;\n \n // });\n }\n\n @HostListener('window:resize', ['$event'])\n onResize(event) {\n if (event.target.innerWidth < 992) {\n this.smallPad = true;\n }\n else{\n this.smallPad = false;\n }\n }\n\n toggleSidebar(showView : boolean) {\n if (showView) {\n this.smallPad = false;\n }\n else {\n this.smallPad = true;\n }\n }\n\n onSearchKeywordChange(keyword:string){\n this.searchKeyword = keyword;\n }\n\n updateCards(event){\n this.forceRefreshDetail = !this.forceRefreshDetail;\n }\n\n updateTotalRows(event){\n this.noOfItems = event;\n }\n\n showCart(template: TemplateRef){\n this.modalRef = this.modalService.show(template, {class: 'modal-dialog-centered modal-cart', ignoreBackdropClick: true});\n }\n\n setSummaryName($event){\n this.summaryName = $event;\n }\n\n onDecline(): void {\n this.modalRef.hide();\n }\n\n ngOnInit() {\n this.smallPad = (window.innerWidth) < 992;\n this.tokenManager.store(\"BRNCurrentRoute\", this.router.url);\n if(this.globals.Session == null){this.router.navigate(['/', '/']) };\n\n this.cartComponentId = this.route.snapshot.paramMap.get('cartId');\n this.catalogueComponentId = this.route.snapshot.paramMap.get('summaryId');\n\n if(this.catalogueComponentId && this.globals.Session){\n this.summaryService.getCurrentSearchKeyword(this.catalogueComponentId).subscribe(result=>{\n if(result){\n this.searchKeyword = result;\n }else{\n this.searchKeyword = \"\";\n }\n })\n }\n }\n\n onSelectedItem(selectedId:string) {\n this.isProductDetail = true;\n this.selectedProductDetailId = selectedId;\n }\n\n}\n","import { OnInit, TemplateRef } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { SummaryService } from '../services/summary.service';\nimport { TokenManager } from '../Globals';\nimport { Globals } from '../objects/Globals';\nimport { Location } from '@angular/common';\nimport { BsModalService } from 'ngx-bootstrap/modal';\nvar LayoutCatalogueComponent = /** @class */ (function () {\n function LayoutCatalogueComponent(route, globals, location, router, summaryService, tokenManager, modalService) {\n this.route = route;\n this.globals = globals;\n this.router = router;\n this.summaryService = summaryService;\n this.tokenManager = tokenManager;\n this.modalService = modalService;\n this.forceRefreshDetail = true;\n this.smallPad = false;\n this.searchKeyword = '';\n this.isProductDetail = false;\n this.location = location;\n }\n LayoutCatalogueComponent.prototype.onCartSet = function (cartComponentId) {\n this.cartComponentId = cartComponentId;\n // this.summaryService.createSummaryWithParent(this.catalogueType, this.catalogueSummary, this.cartComponentId).subscribe(result=>{\n // this.catalogueComponentId = result;\n // });\n };\n LayoutCatalogueComponent.prototype.onResize = function (event) {\n if (event.target.innerWidth < 992) {\n this.smallPad = true;\n }\n else {\n this.smallPad = false;\n }\n };\n LayoutCatalogueComponent.prototype.toggleSidebar = function (showView) {\n if (showView) {\n this.smallPad = false;\n }\n else {\n this.smallPad = true;\n }\n };\n LayoutCatalogueComponent.prototype.onSearchKeywordChange = function (keyword) {\n this.searchKeyword = keyword;\n };\n LayoutCatalogueComponent.prototype.updateCards = function (event) {\n this.forceRefreshDetail = !this.forceRefreshDetail;\n };\n LayoutCatalogueComponent.prototype.updateTotalRows = function (event) {\n this.noOfItems = event;\n };\n LayoutCatalogueComponent.prototype.showCart = function (template) {\n this.modalRef = this.modalService.show(template, { class: 'modal-dialog-centered modal-cart', ignoreBackdropClick: true });\n };\n LayoutCatalogueComponent.prototype.setSummaryName = function ($event) {\n this.summaryName = $event;\n };\n LayoutCatalogueComponent.prototype.onDecline = function () {\n this.modalRef.hide();\n };\n LayoutCatalogueComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.smallPad = (window.innerWidth) < 992;\n this.tokenManager.store(\"BRNCurrentRoute\", this.router.url);\n if (this.globals.Session == null) {\n this.router.navigate(['/', '/']);\n }\n ;\n this.cartComponentId = this.route.snapshot.paramMap.get('cartId');\n this.catalogueComponentId = this.route.snapshot.paramMap.get('summaryId');\n if (this.catalogueComponentId && this.globals.Session) {\n this.summaryService.getCurrentSearchKeyword(this.catalogueComponentId).subscribe(function (result) {\n if (result) {\n _this.searchKeyword = result;\n }\n else {\n _this.searchKeyword = \"\";\n }\n });\n }\n };\n LayoutCatalogueComponent.prototype.onSelectedItem = function (selectedId) {\n this.isProductDetail = true;\n this.selectedProductDetailId = selectedId;\n };\n return LayoutCatalogueComponent;\n}());\nexport { LayoutCatalogueComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".docDetailPanel[_ngcontent-%COMP%] {\\r\\n margin-top: 0px;\\r\\n padding: 0px 0 30px;\\r\\n height: 100%;\\r\\n min-height: 40vh;\\r\\n background-color: transparent;\\r\\n width: 0%;\\r\\n opacity: 0;\\r\\n overflow-y: hidden;\\r\\n overflow-x: hidden;\\r\\n max-height: 88vh;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.docDetailPanel.open.full[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n padding: 5px 0 30px 20px;\\r\\n}\\r\\n\\r\\n.docDetailPanel.open[_ngcontent-%COMP%] {\\r\\n transition: opacity 1s ease-in-out;\\r\\n -webkit-transition: opacity 1s ease-in-out;\\r\\n -moz-transition: opacity 1s ease-in-out;\\r\\n -o-transition: opacity 1s ease-in-out;\\r\\n opacity: 1;\\r\\n overflow-y: auto;\\r\\n width: 75%;\\r\\n}\\r\\n\\r\\n.docDetailPanel.full-open[_ngcontent-%COMP%] {\\r\\n transition: opacity 1s ease-in-out;\\r\\n -webkit-transition: opacity 1s ease-in-out;\\r\\n -moz-transition: opacity 1s ease-in-out;\\r\\n -o-transition: opacity 1s ease-in-out;\\r\\n opacity: 1;\\r\\n overflow-y: auto;\\r\\n max-height: 87vh;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.docSummaryPanel[_ngcontent-%COMP%] {\\r\\n \\r\\n \\r\\n display: block;\\r\\n background-color: #FFFFFF;\\r\\n width: 100%;\\r\\n float: left;\\r\\n transition: width 0.5s linear;\\r\\n \\r\\n max-height: 88vh;\\r\\n}\\r\\n\\r\\n.docSummaryPanel.hide[_ngcontent-%COMP%] {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n.docSummaryPanel.open[_ngcontent-%COMP%] {\\r\\n width: 25%;\\r\\n transition: width 0.8s ease-in-out;\\r\\n \\r\\n}\\r\\n\\r\\n.docSummaryPanel.no-scrollbar[_ngcontent-%COMP%] {\\r\\n margin-top: 5px;\\r\\n padding: 5px;\\r\\n height: 80%;\\r\\n background-color: #FFFFFF;\\r\\n width: 100%;\\r\\n float: left;\\r\\n overflow: hidden;\\r\\n transition: width 0.5s linear;\\r\\n max-height: 100%;\\r\\n}\\r\\n\\r\\n.navigation-bar[_ngcontent-%COMP%] {\\r\\n width: 50px;\\r\\n position: fixed;\\r\\n z-index: 1;\\r\\n top: 158px;\\r\\n left: 0;\\r\\n transition: 0.5s;\\r\\n overflow-x: hidden;\\r\\n background-color: #fff;\\r\\n border-right: 1px solid #ddd;\\r\\n transition: 0.5s all;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.navigation-bar.space[_ngcontent-%COMP%] {\\r\\n width: 0px;\\r\\n}\\r\\n\\r\\n.content-toggle-btn[_ngcontent-%COMP%] {\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n.fa.content-toggle-btn-ic[_ngcontent-%COMP%] {\\r\\n font-size: 24px;\\r\\n color: var(--primary);\\r\\n transition: all 0.3s ease-in;\\r\\n -webkit-transition: all 0.3s ease-in;\\r\\n -moz-transition: all 0.3s ease-in;\\r\\n -o-transition: all 0.3s ease-in;\\r\\n}\\r\\n\\r\\n.content-toggle-btn-ic[_ngcontent-%COMP%]:hover, .content-toggle-btn-ic[_ngcontent-%COMP%]:focus {\\r\\n color: #0e6b8d;\\r\\n}\\r\\n\\r\\n@media (max-width: 992px){\\r\\n .docSummaryPanel.open[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n \\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./layout-default.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../view/view.component.ngfactory\";\nimport * as i3 from \"../view/view.component\";\nimport * as i4 from \"../services/view.service\";\nimport * as i5 from \"../objects/Globals\";\nimport * as i6 from \"../objects/ViewObject\";\nimport * as i7 from \"../services/menu.service\";\nimport * as i8 from \"../services/workspace.service\";\nimport * as i9 from \"../searchbar/searchbar.component.ngfactory\";\nimport * as i10 from \"../searchbar/searchbar.component\";\nimport * as i11 from \"../services/conversation.service\";\nimport * as i12 from \"@angular/router\";\nimport * as i13 from \"../services/speech-recognition.service\";\nimport * as i14 from \"../services/loading-summary.service\";\nimport * as i15 from \"@angular/common\";\nimport * as i16 from \"../../../node_modules/angular-font-awesome/dist/angular-font-awesome.ngfactory\";\nimport * as i17 from \"angular-font-awesome\";\nimport * as i18 from \"../summary/summary.component.ngfactory\";\nimport * as i19 from \"../summary/summary.component\";\nimport * as i20 from \"../services/summary.service\";\nimport * as i21 from \"ngx-contextmenu\";\nimport * as i22 from \"../services/confirmation.service\";\nimport * as i23 from \"../services/toaster-message.service\";\nimport * as i24 from \"../detail/detail.component.ngfactory\";\nimport * as i25 from \"../detail/detail.component\";\nimport * as i26 from \"../services/detail.service\";\nimport * as i27 from \"../services/attachment.service\";\nimport * as i28 from \"ngx-bootstrap/modal\";\nimport * as i29 from \"@angular/platform-browser\";\nimport * as i30 from \"../services/workflow-return.service\";\nimport * as i31 from \"../services/theme-setting.service\";\nimport * as i32 from \"../services/header.service\";\nimport * as i33 from \"../env.service\";\nimport * as i34 from \"../services/message-popup.service\";\nimport * as i35 from \"../services/session-timer.service\";\nimport * as i36 from \"../services/floating-panel.service\";\nimport * as i37 from \"../services/side-popup.service\";\nimport * as i38 from \"./layout-default.component\";\nimport * as i39 from \"../services/login.service\";\nimport * as i40 from \"../Globals\";\nvar styles_LayoutDefaultComponent = [i0.styles];\nvar RenderType_LayoutDefaultComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_LayoutDefaultComponent, data: {} });\nexport { RenderType_LayoutDefaultComponent as RenderType_LayoutDefaultComponent };\nfunction View_LayoutDefaultComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-view\", [], null, [[null, \"viewSelectedChanged\"], [null, \"showSideBar\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"viewSelectedChanged\" === en)) {\n var pd_0 = (_co.onViewChange($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"showSideBar\" === en)) {\n var pd_1 = (_co.toggleSidebar($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i2.View_ViewComponent_0, i2.RenderType_ViewComponent)), i1.ɵdid(2, 245760, null, 0, i3.ViewComponent, [i4.ViewService, i5.Globals, i6.View, i7.MenuService, i8.WorkspaceService], { refreshView: [0, \"refreshView\"] }, { viewSelectedChanged: \"viewSelectedChanged\", showSideBar: \"showSideBar\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.refreshView; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_LayoutDefaultComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 23, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-searchbar\", [], null, [[null, \"keywordChanged\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keywordChanged\" === en)) {\n var pd_0 = (_co.onSearchKeywordChange($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i9.View_SearchbarComponent_0, i9.RenderType_SearchbarComponent)), i1.ɵdid(2, 8634368, null, 0, i10.SearchbarComponent, [i11.ConversationService, i12.Router, i13.SpeechRecognitionService, i1.ChangeDetectorRef, i14.LoadingSummaryService], { keyword: [0, \"keyword\"], setPlaceholder: [1, \"setPlaceholder\"] }, { keywordChanged: \"keywordChanged\" }), (_l()(), i1.ɵeld(3, 0, null, null, 6, \"div\", [], null, null, null, null, null)), i1.ɵdid(4, 278528, null, 0, i15.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(5, { \"navigation-bar\": 0, \"space\": 1 }), (_l()(), i1.ɵeld(6, 0, null, null, 3, \"div\", [[\"class\", \"content-toggle\"], [\"style\", \"padding: 5px;position: absolute;top: -5px;right: 2px;\"], [\"title\", \"Back to summary list\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(7, 0, null, null, 2, \"a\", [[\"class\", \"content-toggle-btn\"], [\"href\", \"javascript:void(0)\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.switchSummary() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(8, 0, null, null, 1, \"fa\", [[\"class\", \"content-toggle-btn-ic\"], [\"name\", \"arrow-circle-left\"], [\"style\", \"font-size: 1.5rem;\"]], null, null, null, i16.View_AngularFontAwesomeComponent_0, i16.RenderType_AngularFontAwesomeComponent)), i1.ɵdid(9, 114688, null, 0, i17.AngularFontAwesomeComponent, [], { name: [0, \"name\"] }, null), (_l()(), i1.ɵeld(10, 0, null, null, 13, \"div\", [[\"class\", \"container-fluid\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(11, 0, null, null, 12, \"div\", [[\"class\", \"row\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(12, 0, null, null, 4, \"div\", [], null, null, null, null, null)), i1.ɵdid(13, 278528, null, 0, i15.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(14, { \"docSummaryPanel custom-scrollbar\": 0, \"open\": 1, \"hide\": 2 }), (_l()(), i1.ɵeld(15, 0, null, null, 1, \"app-summary\", [], null, [[null, \"selectedId\"], [null, \"refreshView\"], [null, \"toggleSummary\"], [null, \"setSummaryName\"], [\"window\", \"resize\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"window:resize\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 16).onResize($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"selectedId\" === en)) {\n var pd_1 = (_co.onSelectedItem($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"refreshView\" === en)) {\n var pd_2 = (_co.forceRefreshView() !== false);\n ad = (pd_2 && ad);\n } if ((\"toggleSummary\" === en)) {\n var pd_3 = (_co.toggleSummary() !== false);\n ad = (pd_3 && ad);\n } if ((\"setSummaryName\" === en)) {\n var pd_4 = (_co.setSummaryName($event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, i18.View_SummaryComponent_0, i18.RenderType_SummaryComponent)), i1.ɵdid(16, 245760, [[\"summary\", 4]], 0, i19.SummaryComponent, [i12.ActivatedRoute, i5.Globals, i20.SummaryService, i12.Router, i8.WorkspaceService, i21.ContextMenuService, i22.ConfirmationService, i23.ToasterMessageService], { documentType: [0, \"documentType\"], documentSummaryName: [1, \"documentSummaryName\"], keyword: [2, \"keyword\"], componentId: [3, \"componentId\"] }, { selectedId: \"selectedId\", toggleSummary: \"toggleSummary\", setSummaryName: \"setSummaryName\" }), (_l()(), i1.ɵeld(17, 0, null, null, 4, \"div\", [], null, null, null, null, null)), i1.ɵdid(18, 278528, null, 0, i15.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(19, { \"docDetailPanel open\": 0, \"custom-scrollbar\": 1, \"full\": 2 }), (_l()(), i1.ɵeld(20, 0, null, null, 1, \"app-detail\", [], null, [[null, \"selectedSubItemId\"], [null, \"selectedSubItemType\"], [\"document\", \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 21).clickout($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"selectedSubItemId\" === en)) {\n var pd_1 = (_co.onSelectedSubItemId($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"selectedSubItemType\" === en)) {\n var pd_2 = (_co.onSelectedSubItemType($event) !== false);\n ad = (pd_2 && ad);\n } return ad; }, i24.View_DetailComponent_0, i24.RenderType_DetailComponent)), i1.ɵdid(21, 4964352, [[\"detail\", 4]], 0, i25.DetailComponent, [i5.Globals, i26.DetailService, i27.AttachmentService, i22.ConfirmationService, i12.Router, i28.BsModalService, i29.DomSanitizer, i23.ToasterMessageService, i30.WorkflowReturnService, i31.ThemeSettingService, i8.WorkspaceService, i21.ContextMenuService, i32.HeaderService, i33.EnvService, i1.Renderer2, i34.MessagePopupService, i35.SessionTimerService, i1.ElementRef, i36.FloatingPanelService, i37.SidePopupService], { setComponentId: [0, \"setComponentId\"], documentType: [1, \"documentType\"] }, { selectedSubItemId: \"selectedSubItemId\", selectedSubItemType: \"selectedSubItemType\" }), (_l()(), i1.ɵeld(22, 0, null, null, 1, \"app-detail\", [], null, [[\"document\", \"click\"]], function (_v, en, $event) { var ad = true; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 23).clickout($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i24.View_DetailComponent_0, i24.RenderType_DetailComponent)), i1.ɵdid(23, 4964352, [[\"subDetail\", 4]], 0, i25.DetailComponent, [i5.Globals, i26.DetailService, i27.AttachmentService, i22.ConfirmationService, i12.Router, i28.BsModalService, i29.DomSanitizer, i23.ToasterMessageService, i30.WorkflowReturnService, i31.ThemeSettingService, i8.WorkspaceService, i21.ContextMenuService, i32.HeaderService, i33.EnvService, i1.Renderer2, i34.MessagePopupService, i35.SessionTimerService, i1.ElementRef, i36.FloatingPanelService, i37.SidePopupService], { setComponentId: [0, \"setComponentId\"], documentType: [1, \"documentType\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.searchKeyword; var currVal_1 = _co.summaryName; _ck(_v, 2, 0, currVal_0, currVal_1); var currVal_2 = _ck(_v, 5, 0, true, !_co.onMobile); _ck(_v, 4, 0, currVal_2); var currVal_3 = \"arrow-circle-left\"; _ck(_v, 9, 0, currVal_3); var currVal_4 = _ck(_v, 14, 0, true, _co.smallSum, _co.onMobile); _ck(_v, 13, 0, currVal_4); var currVal_5 = _co.documentType; var currVal_6 = _co.documentSummaryName; var currVal_7 = _co.searchKeyword; var currVal_8 = _co.componentId; _ck(_v, 16, 0, currVal_5, currVal_6, currVal_7, currVal_8); var currVal_9 = _ck(_v, 19, 0, true, true, _co.fullDetail); _ck(_v, 18, 0, currVal_9); var currVal_10 = _co.selectedDetailId; var currVal_11 = _co.selectedDetailType; _ck(_v, 21, 0, currVal_10, currVal_11); var currVal_12 = _co.selectedSubDetailId; var currVal_13 = _co.selectedSubDetailType; _ck(_v, 23, 0, currVal_12, currVal_13); }, null); }\nexport function View_LayoutDefaultComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_LayoutDefaultComponent_1)), i1.ɵdid(1, 16384, null, 0, i15.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(2, 0, null, null, 4, \"div\", [], null, null, null, null, null)), i1.ɵdid(3, 278528, null, 0, i15.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"primary-content\": 0, \"pad\": 1, \"full-pad\": 2 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_LayoutDefaultComponent_2)), i1.ɵdid(6, 16384, null, 0, i15.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.globals.Session; _ck(_v, 1, 0, currVal_0); var currVal_1 = _ck(_v, 4, 0, true, _co.smallPad, true); _ck(_v, 3, 0, currVal_1); var currVal_2 = _co.globals.Session; _ck(_v, 6, 0, currVal_2); }, null); }\nexport function View_LayoutDefaultComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-layout-default\", [], null, [[\"window\", \"resize\"]], function (_v, en, $event) { var ad = true; if ((\"window:resize\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1).onResize($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, View_LayoutDefaultComponent_0, RenderType_LayoutDefaultComponent)), i1.ɵdid(1, 114688, null, 0, i38.LayoutDefaultComponent, [i12.ActivatedRoute, i5.Globals, i12.Router, i39.LoginService, i40.TokenManager, i20.SummaryService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar LayoutDefaultComponentNgFactory = i1.ɵccf(\"app-layout-default\", i38.LayoutDefaultComponent, View_LayoutDefaultComponent_Host_0, {}, {}, []);\nexport { LayoutDefaultComponentNgFactory as LayoutDefaultComponentNgFactory };\n","\n\n \n\n \n {\n return new Promise((resolve, reject) => {\n this.workspaceService.getEPICGroup(this.pageContent.EPICPageId, groupId).subscribe(result=>{\n resolve(result);\n });\n });\n }\n\n sort(objGroup:Content[]){\n return objGroup.sort((a:Content,b:Content) => { \n if(a.PositionX > b.PositionX){\n return 1;\n }\n \n if(a.PositionX < b.PositionX){\n return -1;\n }\n\n if(a.PositionY > b.PositionY){\n return 1;\n }\n \n if(a.PositionY < b.PositionY){\n return -1;\n }\n \n return 0;\n \n });\n }\n\n\n setGridRows(rowSizeArray: string[], startRow: number){\n var ultimateRows = \"\";\n var msUltimateRows = \"\";\n\n var indexArray = [];\n // var startRow = reportGroup.StartRow;\n rowSizeArray.forEach(element => {\n indexArray.push({index: startRow - 1, size: element})\n startRow++;\n });\n \n indexArray.forEach(obj => {\n this.gridRowsDefaultArray[obj.index] = obj.size;\n });\n \n var array = this.gridRowsDefaultArray.map(item => item).filter((value, index, self) => self.indexOf(value) === index); //remove duplicates\n\n if (this.pageContent.PageIsFixedSize){\n array.forEach(element => {\n ultimateRows = ultimateRows + \"repeat(\" + this.gridRowsDefaultArray.filter(x => x == element).length + \", \" + element + \") \";\n for (var i =0; i < this.gridRowsDefaultArray.filter(x => x == element).length; i++){\n msUltimateRows = msUltimateRows + element + \" \";\n }\n })\n\n this.gridRows = ultimateRows;\n this.msGridRows = msUltimateRows;\n }\n else{\n this.reportGridHeightArray.push(array);\n if (this.reportGridHeightArray.length == this.pageContent.Content.length){\n var stuff = this.reportGridHeightArray[this.reportGridHeightArray.length - 1];\n\n stuff.forEach(element => {\n var value = element;\n if (element == \"minmax(0px, 1fr)\"){ // this needs to have the same value as grid rows in report group\n value = \"50px\";\n }\n ultimateRows = ultimateRows + \"repeat(\" + this.gridRowsDefaultArray.filter(x => x == element).length + \", \" + value + \") \";\n for (var i =0; i < this.gridRowsDefaultArray.filter(x => x == element).length; i++){\n msUltimateRows = msUltimateRows + element + \" \";\n }\n this.gridRows = ultimateRows;\n this.msGridRows = msUltimateRows;\n });\n \n }\n }\n }\n\n getEPICGroup(groupId, positionX, positionY){\n this.workspaceService.getEPICGroup(this.pageContent.EPICPageId ,groupId).subscribe(result=>{\n this.reportGroup = JSON.parse(result);\n if(positionX == 0){\n positionX = 1;\n }\n if (positionY == 0){\n positionY = 1;\n }\n\n this.reportGroup.StartRow = positionY;\n this.reportGroup.StartColumn = positionX;\n \n this.reportGroupList.push(this.reportGroup);\n });\n }\n\n getAllEPICGroup(obj:any) {\n var groupIds = [];\n obj.forEach(element => {\n groupIds.push(element.groupId);\n });\n var reportGroup:ReportGroup[] = [];\n this.workspaceService.getEPICGroupAll(this.pageContent.EPICPageId, groupIds).subscribe(results => {\n var i = 0;\n for(let result of results) {\n var report:ReportGroup;\n report = JSON.parse(result);\n report.StartRow = obj.find(x=> x.index == i).positionY;\n report.StartColumn = obj.find(x=> x.index == i).positionX;\n reportGroup.push(report);\n i++;\n }\n this.reportGroupList = reportGroup;\n \n });\n }\n}","import { OnInit, OnDestroy } from '@angular/core';\nimport { TokenManager } from '../Globals';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { Globals } from '../objects/Globals';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { LoginService } from '../services/login.service';\nimport { DeviceDetectorService } from 'ngx-device-detector';\nimport { ConversationService } from '../services/conversation.service';\nvar LayoutWorkspaceComponent = /** @class */ (function () {\n function LayoutWorkspaceComponent(workspaceService, loginService, deviceService, tokenManager, router, globals, route, themeSettingService, conversationService) {\n this.workspaceService = workspaceService;\n this.loginService = loginService;\n this.deviceService = deviceService;\n this.tokenManager = tokenManager;\n this.router = router;\n this.globals = globals;\n this.route = route;\n this.themeSettingService = themeSettingService;\n this.conversationService = conversationService;\n this.reportGroupList = new Array();\n this.isBusy = false;\n this.msGridColumns = \"\";\n this.msGridRows = \"\";\n this.gridRowsDefaultArray = [];\n this.reportGridHeightArray = [];\n this.isMobile = false;\n this.isMobile = deviceService.isMobile();\n }\n LayoutWorkspaceComponent.prototype.clickout = function (event) {\n var element = event.target;\n if (element.classList.contains('auto-reply')) {\n this.searchGlobal(element.getAttribute('data-value'));\n }\n };\n LayoutWorkspaceComponent.prototype.ngOnDestroy = function () {\n // this.sub.unsubscribe();\n };\n LayoutWorkspaceComponent.prototype.searchGlobal = function (value) {\n var _this = this;\n this.isBusy = true;\n if (value) {\n this.conversationService.converse(value).subscribe(function (result) {\n var resultObject = JSON.parse(result);\n _this.isBusy = false;\n if (resultObject.ReturnType == \"0\") {\n if (resultObject.Arguments) {\n var path = [];\n resultObject.Arguments.forEach(function (element) {\n path.push(element);\n });\n ;\n _this.router.navigate(path);\n }\n }\n }, function (error) {\n _this.isBusy = false;\n });\n }\n else {\n this.isBusy = false;\n }\n };\n LayoutWorkspaceComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.loaderConfig = this.themeSettingService.getTheme();\n this.tokenManager.store(\"BRNCurrentRoute\", this.router.url);\n if (this.globals == null) {\n this.router.navigate(['/', '/']);\n }\n ;\n if (this.globals.Session == null) {\n this.router.navigate(['/', '/']);\n }\n ;\n if (this.globals.Session) {\n var page = this.route.snapshot.paramMap.get('page');\n this.isBusy = true;\n this.workspaceService.getEPICPage(page, this.isMobile).subscribe(function (result) {\n _this.isBusy = false;\n _this.pageContent = JSON.parse(result);\n // console.log(this.pageContent);\n _this.gridColumns = \"repeat(\" + _this.pageContent.PageWidth + \", 1fr)\";\n for (var i = 0; i < _this.pageContent.PageWidth; i++) {\n _this.msGridColumns += \"1fr \";\n }\n if (_this.pageContent.PageIsFixedSize) {\n document.querySelectorAll('.body-wrapper').item(0).classList.remove(\"scroll\");\n _this.gridRowsDefaultArray = Array(_this.pageContent.PageHeight).fill(\"1fr\");\n _this.gridRows = \"repeat(\" + _this.pageContent.PageHeight + \", 1fr)\";\n for (var i = 0; i < _this.pageContent.PageHeight; i++) {\n _this.msGridRows += \"1fr \";\n }\n }\n else {\n document.querySelectorAll('.body-wrapper').item(0).classList.add(\"scroll\");\n _this.gridRows = \"repeat(\" + _this.pageContent.PageHeight + \", 50px)\";\n for (var i = 0; i < _this.pageContent.PageHeight; i++) {\n _this.msGridRows += \"50px \";\n }\n }\n var objGroup = [];\n var index = 0;\n _this.sort(_this.pageContent.Content);\n // console.log(this.pageContent.Content);\n _this.pageContent.Content.forEach(function (obj) {\n if (obj.PositionX == 0) {\n obj.PositionX = 1;\n }\n if (obj.PositionY == 0) {\n obj.PositionY = 1;\n }\n objGroup.push({\n index: index,\n groupId: obj.EPICContentId,\n positionX: obj.PositionX,\n positionY: obj.PositionY\n });\n var posX = obj.PositionX;\n var posY = obj.PositionY;\n // this.promiseGetEpicGroup(obj.EPICContentId).then(result => {\n // var reportGroup:ReportGroup = JSON.parse(result);\n // reportGroup.StartRow = posY == 0 ? 1 : posY;\n // reportGroup.StartColumn = posX == 0 ? 1 : posX;\n // this.reportGroupList.splice(index, 0, reportGroup);\n // })\n // this.getEPICGroup(obj.EPICContentId, obj.PositionX, obj.PositionY);\n index++;\n });\n //this.getAllEPICGroup(objGroup);\n });\n }\n };\n LayoutWorkspaceComponent.prototype.setReportGroup = function (reportGroup) {\n this.reportGroupList.push(reportGroup);\n };\n LayoutWorkspaceComponent.prototype.getGridConfig = function (groupId, type) {\n if (this.reportGroupList.length > 0) {\n var i = this.reportGroupList.find(function (x) { return x.GroupId == groupId; });\n if (i) {\n switch (type) {\n case \"startColumn\":\n return i.StartColumn;\n case \"startRow\":\n return i.StartRow;\n case \"height\":\n return i.Height;\n case \"width\":\n return i.Width;\n }\n }\n }\n };\n LayoutWorkspaceComponent.prototype.promiseGetEpicGroup = function (groupId) {\n var _this = this;\n return new Promise(function (resolve, reject) {\n _this.workspaceService.getEPICGroup(_this.pageContent.EPICPageId, groupId).subscribe(function (result) {\n resolve(result);\n });\n });\n };\n LayoutWorkspaceComponent.prototype.sort = function (objGroup) {\n return objGroup.sort(function (a, b) {\n if (a.PositionX > b.PositionX) {\n return 1;\n }\n if (a.PositionX < b.PositionX) {\n return -1;\n }\n if (a.PositionY > b.PositionY) {\n return 1;\n }\n if (a.PositionY < b.PositionY) {\n return -1;\n }\n return 0;\n });\n };\n LayoutWorkspaceComponent.prototype.setGridRows = function (rowSizeArray, startRow) {\n var _this = this;\n var ultimateRows = \"\";\n var msUltimateRows = \"\";\n var indexArray = [];\n // var startRow = reportGroup.StartRow;\n rowSizeArray.forEach(function (element) {\n indexArray.push({ index: startRow - 1, size: element });\n startRow++;\n });\n indexArray.forEach(function (obj) {\n _this.gridRowsDefaultArray[obj.index] = obj.size;\n });\n var array = this.gridRowsDefaultArray.map(function (item) { return item; }).filter(function (value, index, self) { return self.indexOf(value) === index; }); //remove duplicates\n if (this.pageContent.PageIsFixedSize) {\n array.forEach(function (element) {\n ultimateRows = ultimateRows + \"repeat(\" + _this.gridRowsDefaultArray.filter(function (x) { return x == element; }).length + \", \" + element + \") \";\n for (var i = 0; i < _this.gridRowsDefaultArray.filter(function (x) { return x == element; }).length; i++) {\n msUltimateRows = msUltimateRows + element + \" \";\n }\n });\n this.gridRows = ultimateRows;\n this.msGridRows = msUltimateRows;\n }\n else {\n this.reportGridHeightArray.push(array);\n if (this.reportGridHeightArray.length == this.pageContent.Content.length) {\n var stuff = this.reportGridHeightArray[this.reportGridHeightArray.length - 1];\n stuff.forEach(function (element) {\n var value = element;\n if (element == \"minmax(0px, 1fr)\") {\n value = \"50px\";\n }\n ultimateRows = ultimateRows + \"repeat(\" + _this.gridRowsDefaultArray.filter(function (x) { return x == element; }).length + \", \" + value + \") \";\n for (var i = 0; i < _this.gridRowsDefaultArray.filter(function (x) { return x == element; }).length; i++) {\n msUltimateRows = msUltimateRows + element + \" \";\n }\n _this.gridRows = ultimateRows;\n _this.msGridRows = msUltimateRows;\n });\n }\n }\n };\n LayoutWorkspaceComponent.prototype.getEPICGroup = function (groupId, positionX, positionY) {\n var _this = this;\n this.workspaceService.getEPICGroup(this.pageContent.EPICPageId, groupId).subscribe(function (result) {\n _this.reportGroup = JSON.parse(result);\n if (positionX == 0) {\n positionX = 1;\n }\n if (positionY == 0) {\n positionY = 1;\n }\n _this.reportGroup.StartRow = positionY;\n _this.reportGroup.StartColumn = positionX;\n _this.reportGroupList.push(_this.reportGroup);\n });\n };\n LayoutWorkspaceComponent.prototype.getAllEPICGroup = function (obj) {\n var _this = this;\n var groupIds = [];\n obj.forEach(function (element) {\n groupIds.push(element.groupId);\n });\n var reportGroup = [];\n this.workspaceService.getEPICGroupAll(this.pageContent.EPICPageId, groupIds).subscribe(function (results) {\n var i = 0;\n for (var _i = 0, results_1 = results; _i < results_1.length; _i++) {\n var result = results_1[_i];\n var report;\n report = JSON.parse(result);\n report.StartRow = obj.find(function (x) { return x.index == i; }).positionY;\n report.StartColumn = obj.find(function (x) { return x.index == i; }).positionX;\n reportGroup.push(report);\n i++;\n }\n _this.reportGroupList = reportGroup;\n });\n };\n return LayoutWorkspaceComponent;\n}());\nexport { LayoutWorkspaceComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".container-loader[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n width:100%;\\r\\n display: block;\\r\\n position: absolute;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n background: rgba(255,255, 255, 0.5) ;\\r\\n z-index: 555;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./loading.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../../../node_modules/ngx-loading/ngx-loading.ngfactory\";\nimport * as i3 from \"ngx-loading\";\nimport * as i4 from \"./loading.component\";\nimport * as i5 from \"../services/theme-setting.service\";\nvar styles_LoadingComponent = [i0.styles];\nvar RenderType_LoadingComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_LoadingComponent, data: {} });\nexport { RenderType_LoadingComponent as RenderType_LoadingComponent };\nexport function View_LoadingComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"container-loader\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"ngx-loading\", [], null, null, null, i2.View_NgxLoadingComponent_0, i2.RenderType_NgxLoadingComponent)), i1.ɵdid(2, 114688, null, 0, i3.NgxLoadingComponent, [i3.NgxLoadingService, i1.ChangeDetectorRef], { show: [0, \"show\"], config: [1, \"config\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = true; var currVal_1 = _co.loaderConfig; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nexport function View_LoadingComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-loading\", [], null, null, null, View_LoadingComponent_0, RenderType_LoadingComponent)), i1.ɵdid(1, 114688, null, 0, i4.LoadingComponent, [i5.ThemeSettingService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar LoadingComponentNgFactory = i1.ɵccf(\"app-loading\", i4.LoadingComponent, View_LoadingComponent_Host_0, {}, {}, []);\nexport { LoadingComponentNgFactory as LoadingComponentNgFactory };\n",";\n private loaderConfig:any;\n\n constructor(private loginService: LoginService, \n private globals: Globals, \n private router:Router,\n public bsModalRef: BsModalRef | null,\n private modalRef: BsModalRef,\n private modalService: BsModalService,\n private tokenManager:TokenManager,\n private themeSettingService:ThemeSettingService,\n private confirmationService:ConfirmationService,\n private toasterService:ToasterService,\n private headerService: HeaderService,\n private sessionTimerService: SessionTimerService) {}\n\n ngOnInit() {\n this.loaderConfig = this.themeSettingService.getTheme();\n \n this.invalid = new Subject();\n setTimeout(() => this.password.nativeElement.focus());\n }\n\n onDecline(): void {\n this.bsModalRef.hide();\n }\n\n onConfirm(password: string):void {\n if (password){\n this.isEmptyPassword = false;\n if (!this.submitted){\n this.submitted = true; // prevent form submit called twice\n this.login(this.bsModalRef.content.username, password);\n }\n }\n else{\n this.isEmptyPassword = true;\n }\n }\n\n login(username:string, password:string):void{\n this.isBusy = true;\n var param = [];\n param.push({ name: 'username', value: username });\n param.push({ name: 'password', value: password });\n\n if (this.tokenManager.retrieve(\"BRNHoldKey\")){\n var value = this.tokenManager.retrieve(\"BRNHoldKey\").replace(/[\"']/g, \"\");\n if (value != \"null\"){\n param.push({ name: 'holdKey', value: this.tokenManager.retrieve(\"BRNHoldKey\").replace(/[\"']/g, \"\") });\n }\n }\n else if (this.tokenManager.retrieve(\"BRNActionKey\")){\n var value = this.tokenManager.retrieve(\"BRNActionKey\").replace(/[\"']/g, \"\");\n if (value != \"null\"){\n param.push({ name: 'holdKey', value: this.tokenManager.retrieve(\"BRNActionKey\").replace(/[\"']/g, \"\") });\n }\n }\n\n this.loginService.login(param).subscribe(result => \n {\n this.bsModalRef.hide();\n if (result){\n if (result.Session){\n this.tokenManager.store(\"BRNHoldKey\", null);\n this.redirectHome(result);\n this.isBusy = false;\n }\n else {\n setTimeout(() => {\n this.confirmationService.confirmNoInput(\n 'Confirmation',\n result.HoldMessage,\n [\"CANCEL\", \"OK\"]).subscribe((respond) => {\n\n var newParam = [];\n var index = param.findIndex(x => x.name == \"holdKey\");\n if (index > -1){\n newParam.push(param.find(x => x.name == \"holdKey\"));\n }\n\n if (respond.answer == \"OK\"){\n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-loading',\n focus:false,\n animated:false\n };\n this.isBusy = true;\n this.modalRef = this.modalService.show(LoadingComponent, config);\n\n this.loginService.proceed(result.HoldId, true, newParam).subscribe(result => {\n if (result){\n this.tokenManager.store(\"BRNHoldKey\", null);\n this.redirectHome(result);\n this.modalRef.hide();\n this.isBusy = false;\n\n }\n });\n }\n else if (respond.answer == \"CANCEL\"){\n this.loginService.proceed(result.HoldId, false, newParam).subscribe(result => {\n if (result){\n this.redirectHome(result);\n this.isBusy = false;\n }\n });\n }\n }); \n }, 500)\n }\n }\n else {\n this.isBusy = false;\n this.submitted = false;\n this.invalid.next(true);\n }\n \n }, error => {\n this.isBusy = false;\n this.submitted = false;\n //this.tokenManager.store(\"BRNHoldKey\", null)\n });\n }\n\n redirectHome(result:AppSession){\n this.globals.Session = result;\n this.loginService.setSession(result);\n this.headerService.setSessionAlive(true);\n this.sessionTimerService.startSessionTimer();\n this.router.navigate(['/', 'home']);\n document.querySelectorAll('.body-content').item(0).classList.remove('mb-login');\n document.querySelectorAll(\".body-content\").item(0).classList.remove('default');\n document.querySelectorAll('.navbar').item(0).classList.remove('mb-login');\n this.invalid.next(false);\n this.globals.CardItems = [];\n this.tokenManager.delete(\"BRNCurrentMenu\");\n if (this.globals.Session.Session.SessionId != null) {\n this.tokenManager.store('BRNSessionKey', this.globals.Session.Session.SessionId);\n }\n this.toasterService.clear();\n }\n\n forgotLoginDetails(){\n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-forgot-login',\n focus:false\n };\n this.modalRef = this.modalService.show(ForgotLoginComponent, config);\n this.modalService.onHide.subscribe((reason: string) => {\n if (document.querySelectorAll('.modal-backdrop').item(0)) {\n document.querySelectorAll('.modal-backdrop').item(0).classList.remove('layer');\n }\n })\n document.querySelectorAll('.modal-backdrop').item(0).classList.add('layer');\n }\n}\n","import { OnInit, ElementRef } from '@angular/core';\nimport { BsModalRef, BsModalService } from '../../../node_modules/ngx-bootstrap';\nimport { LoginService } from '../services/login.service';\nimport { Globals } from '../objects/Globals';\nimport { Router } from '@angular/router';\nimport { TokenManager } from '../Globals';\nimport { Subject } from 'rxjs';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { ForgotLoginComponent } from '../forgot-login/forgot-login.component';\nimport { ConfirmationService } from '../services/confirmation.service';\nimport { ToasterService } from 'angular2-toaster';\nimport { LoadingComponent } from '../loading/loading.component';\nimport { HeaderService } from '../services/header.service';\nimport { SessionTimerService } from '../services/session-timer.service';\nvar LoginModalComponent = /** @class */ (function () {\n function LoginModalComponent(loginService, globals, router, bsModalRef, modalRef, modalService, tokenManager, themeSettingService, confirmationService, toasterService, headerService, sessionTimerService) {\n this.loginService = loginService;\n this.globals = globals;\n this.router = router;\n this.bsModalRef = bsModalRef;\n this.modalRef = modalRef;\n this.modalService = modalService;\n this.tokenManager = tokenManager;\n this.themeSettingService = themeSettingService;\n this.confirmationService = confirmationService;\n this.toasterService = toasterService;\n this.headerService = headerService;\n this.sessionTimerService = sessionTimerService;\n this.submitted = false;\n this.isEmptyPassword = false;\n this.isBusy = false;\n }\n LoginModalComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.loaderConfig = this.themeSettingService.getTheme();\n this.invalid = new Subject();\n setTimeout(function () { return _this.password.nativeElement.focus(); });\n };\n LoginModalComponent.prototype.onDecline = function () {\n this.bsModalRef.hide();\n };\n LoginModalComponent.prototype.onConfirm = function (password) {\n if (password) {\n this.isEmptyPassword = false;\n if (!this.submitted) {\n this.submitted = true; // prevent form submit called twice\n this.login(this.bsModalRef.content.username, password);\n }\n }\n else {\n this.isEmptyPassword = true;\n }\n };\n LoginModalComponent.prototype.login = function (username, password) {\n var _this = this;\n this.isBusy = true;\n var param = [];\n param.push({ name: 'username', value: username });\n param.push({ name: 'password', value: password });\n if (this.tokenManager.retrieve(\"BRNHoldKey\")) {\n var value = this.tokenManager.retrieve(\"BRNHoldKey\").replace(/[\"']/g, \"\");\n if (value != \"null\") {\n param.push({ name: 'holdKey', value: this.tokenManager.retrieve(\"BRNHoldKey\").replace(/[\"']/g, \"\") });\n }\n }\n else if (this.tokenManager.retrieve(\"BRNActionKey\")) {\n var value = this.tokenManager.retrieve(\"BRNActionKey\").replace(/[\"']/g, \"\");\n if (value != \"null\") {\n param.push({ name: 'holdKey', value: this.tokenManager.retrieve(\"BRNActionKey\").replace(/[\"']/g, \"\") });\n }\n }\n this.loginService.login(param).subscribe(function (result) {\n _this.bsModalRef.hide();\n if (result) {\n if (result.Session) {\n _this.tokenManager.store(\"BRNHoldKey\", null);\n _this.redirectHome(result);\n _this.isBusy = false;\n }\n else {\n setTimeout(function () {\n _this.confirmationService.confirmNoInput('Confirmation', result.HoldMessage, [\"CANCEL\", \"OK\"]).subscribe(function (respond) {\n var newParam = [];\n var index = param.findIndex(function (x) { return x.name == \"holdKey\"; });\n if (index > -1) {\n newParam.push(param.find(function (x) { return x.name == \"holdKey\"; }));\n }\n if (respond.answer == \"OK\") {\n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-loading',\n focus: false,\n animated: false\n };\n _this.isBusy = true;\n _this.modalRef = _this.modalService.show(LoadingComponent, config);\n _this.loginService.proceed(result.HoldId, true, newParam).subscribe(function (result) {\n if (result) {\n _this.tokenManager.store(\"BRNHoldKey\", null);\n _this.redirectHome(result);\n _this.modalRef.hide();\n _this.isBusy = false;\n }\n });\n }\n else if (respond.answer == \"CANCEL\") {\n _this.loginService.proceed(result.HoldId, false, newParam).subscribe(function (result) {\n if (result) {\n _this.redirectHome(result);\n _this.isBusy = false;\n }\n });\n }\n });\n }, 500);\n }\n }\n else {\n _this.isBusy = false;\n _this.submitted = false;\n _this.invalid.next(true);\n }\n }, function (error) {\n _this.isBusy = false;\n _this.submitted = false;\n //this.tokenManager.store(\"BRNHoldKey\", null)\n });\n };\n LoginModalComponent.prototype.redirectHome = function (result) {\n this.globals.Session = result;\n this.loginService.setSession(result);\n this.headerService.setSessionAlive(true);\n this.sessionTimerService.startSessionTimer();\n this.router.navigate(['/', 'home']);\n document.querySelectorAll('.body-content').item(0).classList.remove('mb-login');\n document.querySelectorAll(\".body-content\").item(0).classList.remove('default');\n document.querySelectorAll('.navbar').item(0).classList.remove('mb-login');\n this.invalid.next(false);\n this.globals.CardItems = [];\n this.tokenManager.delete(\"BRNCurrentMenu\");\n if (this.globals.Session.Session.SessionId != null) {\n this.tokenManager.store('BRNSessionKey', this.globals.Session.Session.SessionId);\n }\n this.toasterService.clear();\n };\n LoginModalComponent.prototype.forgotLoginDetails = function () {\n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-forgot-login',\n focus: false\n };\n this.modalRef = this.modalService.show(ForgotLoginComponent, config);\n this.modalService.onHide.subscribe(function (reason) {\n if (document.querySelectorAll('.modal-backdrop').item(0)) {\n document.querySelectorAll('.modal-backdrop').item(0).classList.remove('layer');\n }\n });\n document.querySelectorAll('.modal-backdrop').item(0).classList.add('layer');\n };\n return LoginModalComponent;\n}());\nexport { LoginModalComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".login-section[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.mb-login-container[_ngcontent-%COMP%]{\\r\\n background-size: cover;\\r\\n background-repeat: no-repeat;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.mb-login-form[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n position: absolute;\\r\\n top: 45%;\\r\\n left: 50%;\\r\\n -webkit-transform: translate(-50%, -50%);\\r\\n -ms-transform: translate(-50%, -50%);\\r\\n transform: translate(-50%, -50%);\\r\\n}\\r\\n\\r\\n.login-title[_ngcontent-%COMP%] {\\r\\n padding-bottom: 10px;\\r\\n font-size: 42px;\\r\\n font-weight: 600;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n#login-form[_ngcontent-%COMP%] {\\r\\n width: 380px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.login-btn-popup[_ngcontent-%COMP%] {\\r\\n border: none;\\r\\n padding: 10px 15px;\\r\\n border-top-right-radius: 15px;\\r\\n border-bottom-right-radius: 15px;\\r\\n border-top-left-radius: 0px;\\r\\n border-bottom-left-radius: 0px;\\r\\n \\r\\n color: #fff;\\r\\n transition: all .4s;\\r\\n font-size: 12px;\\r\\n}\\r\\n\\r\\n.login-btn-popup[_ngcontent-%COMP%]:hover, .login-btn-popup[_ngcontent-%COMP%]:focus {\\r\\n background-color: #2162AF;\\r\\n color:#fff;\\r\\n outline: none;\\r\\n}\\r\\n\\r\\n.login-btn-popup[_ngcontent-%COMP%]:before {\\r\\n content: '';\\r\\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABTCAYAAADKtcSHAAAABGdBTUEAAK/INwWK6QAAAAlwSFlzAAALEgAACxIB0t1+/AAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xOdTWsmQAAAQfSURBVHhe7ZtJjtswEEV9Gl/TNwiQAyQH6EW22eQAOUGWHcArr2zDXhhZOf9LRVlWc5JURUpGP4CtidNXcShS7o029/t9i7Bj2O/3b+fz+YBzL9fr9fz+/v4Tp018hK1kszxYOVbydDr9xnES8jKWJZSVYaWOx+MfHFWgZXGoL5QVuN1uP1gpC+Sl1RHKQjWtluA7QhmRLAhhJ82oGNJSbEWyAAS+zSqYi0Tm7A+joKU5XeCUabtwOBy+oYn/xfkozEQy09icNuRyufzCITpA8JnE2Y3JG+j2SWaWO6DIG44K88H4TDeib+8k6TyQUdZUoDVJM32OsyDNe74VkQkrHUUqpNZkmFfOS53dH5k41TS1xTmYZ45IML2pMnGbhx9pluriHMw7JVIGs/F1YKKMgUWno0dAGTl9cnw9mKhNG6SY+4RyonUZbUVGlkRexLJFxBGWhZDyoPKtyMhtmiDmTXMIykw5GjoCS1uvD8qN1St/XhTfMURx6zlQ9nwrItI25C5ZTws5YGz40tbGS5bAYDNg5hKtGqhGsH5coUi0MIgXG2CqNU8H6hBsYVn9cHYTKMCsMUL2KT+whP7nQD2mtTI8DI5SFC7RRoPk3cK2Fya/LEkfIipwWsIeiNeJYXPni/H5tOwvfMaBAZdONENSuMQLoS8QzxpRrOzc3TZxrKNi5VkIHYG4bkTRSonJdzLI27uvI/dCzBeIc9Md7SFDoXIeYrpAhMZqVhZL4bYoEEwEfpU3WRWZzGNLp2kC/wE5XTpRgSU/qFgRFkhCnsyKiAtkhDbe+pA5OO4oIMJqBWa5k4i3WoEg2TyLTuDaJNeDeLhm6zU4Z0AkPeDNF5giHB+bKm+2z9aPeFwPK/LihazneFiRF+2916GzIv9YO9Gy+uBL7EIhx31nbr3QqMZ7CKo/AfNgKzA4ZPfgc6v1Jbc/NrLpo45UOirOgXhmL3ljuDqPu009ENfMiszcimyBxKolLUYg47fJdFmMQEwbsW8ik1mEQMSlJ8WVgDpmApNLlx6IZzeKytGE3HnQynrEVCCJieT9jB/5zMJcIPF9Wsbt4JdaTYoI9G0G4bapD+z4FKjBp0BDNiW2KqoKtHKR+tQSyFG6SEG1BDbTE45mazFHxSba+sPWzbSGwKcdBZyYFiYD2ZO7hmtrCz5WM7gw3zoEXYE4546a9T95PS/XeKO9b8PgBz6m4rwOPm/Ig1UT3c3jA8u1WSHiOwmM0MZbHzKO+K3nYIQ1NtUxWySNSOuVtibRfheCCVYkMt7vQiDhGkTO+x8qJi7gBIxGmiUHxOniHMxkSQOPtKr5wvowQwR+sKw6T8a2IVVg5jWsKQ67TpNMwUJYWIm+WVTYEBbKwrme1F40y8urI8wHKyIVmvTDAr4g+Qja5IGgIGyz+Q9Vw9+ZqSJP9gAAAABJRU5ErkJggg==');\\r\\n background-size: contain;\\r\\n background-repeat: no-repeat;\\r\\n padding: 0 10px;\\r\\n}\\r\\n\\r\\n.username-tb[_ngcontent-%COMP%] {\\r\\n padding: 7px 10px 7px 45px;\\r\\n border-top-left-radius: 15px;\\r\\n border-bottom-left-radius: 15px;\\r\\n border-top-right-radius: 0px;\\r\\n border-bottom-right-radius: 0px;\\r\\n font-size: 14px;\\r\\n width: 80%;\\r\\n border: none;\\r\\n}\\r\\n\\r\\n.username-tb[_ngcontent-%COMP%]:before {\\r\\n content: '';\\r\\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAEhISEpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLKysrOzs7S0tLW1tba2trm5ubu7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8XFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/biOQAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE51NayZAAAHxZJREFUeF7tnYmbHGd953eXXYNka2a6u7qO96j3fevqY0aWbGEZfOBDPkC+DyxCjG3wLgSWAAlhl2wIyYYlsWOzJsGwPmQ80mj67q6q9x/s/N6e6pE0XdXdU9UjR/voy/NQ8sx01fvp9/i+v/eq/zD+/123CG9+3SK8+XWL8ObXLcKbX7cIb37dIrz5dYvw5tctwptftwhvft0Ywteee9B3SHX99uPHTqytl8patXr6wae/mfz2aHXEhN96qbHl2Ja+VvEcRilzPM4ZsymlVV3DVDBx5yPJnx6VjpDwm/eQKuNEmMzDrospd1xHMIQxJiDX8x1mmRanVc04+1rymSPQERF+5+wJTTcxdUTNE8jiwrMBUBBDqwWewynBLqM2ZZChjFsASo7d9Wby2RXrKAhfqldOICywEDa1XcYRoZ5nU4wQ5CPCRMF6mNqIIUQcbNm+61AX62jr5eQOq9TKCb9U18vIcey8ej25z8q0YsJT2kmPYOYwlCT40NpYO5Pca0VaJeFz1bKHuHA9l2MzSfChhVz7NvNCcsdVaHWEj2jEMzRADAJBoJbllOEGDavceCy5a3GtivBLBHPb5dwiQjWetp8k+NDaoiWDUSKqq/LJ1RA+QhBwEZ2IBhMcG5ZoJAk+tEq1WrUa1J2yVdpK7l5MqyA8ZxDXqWKL1blRYTZBFnFqSYIPrdoa2qyXNiqBwXTv6eQJRVSc8EXN9KllE8KQqDdKYOYYemdukuBDC7k+Zr5PBPfr+h2NV5Kn5FdhwiRhRyY3eU5uFSR88j8nCTkymaXHk2flVDHC8kYzSciRCToQJHlaPhUhfOD2wPaShByZnHqJW0W6OQUITat5h6clCTkycS2wBS5QG3MTPkUsnfrVu5OEHJl4nfgWO/25V5PnHlp5CR8t+dzmpJ67h72sKhaElby8hZ9LnnxY5SS8d8PVMafMOPJSij2H6Myr+qWclTEfobd+5G3oQaHAxMnTD6c8hBeqqHHkeXdQNT1w7TxjADkIXyob2MwfxOcU4cQuGznam8MTPqg1qGmz5ME3TCTgFkf8/iQVy+vQhFtuVb/LXs8d/+WVQH5Do6zSTNKxtA5LeFajTb7BT5eTB98wIer6RsUMfJ6kZFkdkvD8MbZlaI06F8mDb5ycqnmGlk/iGk3SsqQOR3h6bVMYgmECAeENVoPaooIDMyDOF5PULKdDETbWvNyR7ark0K0NL0nPUjoM4Z022qwkD/rMZNypC+/RJEXL6BCEz5eJo93wNvSgEKVYiEMMNi5P+Hz1DDXMI48HF8nSXWJztPw0ztKEbxomExvNG+4SB6U1DObrNW3p+bilCW3sVi23nnsse1UKCG6Yul1a2jOWJWwYNXNTa6AbHlMc1Nb6KVISZZ+JJGWLtCTh4xXfdKDPxKvJgz4z4U1TcM31An1JW1yO8Nn13KP0RyXCKy8lqZuv5QjNhpHc+N+P9GaQpG6+liIsV3ju+cCjEmpW/aWC/mUIH6Ws+pk7/UHpwtXQQ0kK52kZwuOuV809l3RUqrKauXV7ksJ5WoLQ8EoN/Jn3uA+KclTTgyXi4cWE56pGY715w0eeFkmYW2sedx9OUpmtxYQnAoJOmv/u2tLKXaZAJjeSVGZrIWFyw9wSNsGWgbgvqM2pdkdJxxRTp+Yg6tjcsbha6FZgXMtM0pmpRYTfTG6UW7RaFb4QDdMwcHD2iRd+8CcPbzkUGXrDJ45D3Qlh8rd5VP/TJKVZWkRY2AdFrcYoZN69L//1xZGMw+5QysH7f/XGWc2sI43ZRQk9K0lplhYQPlF4XLSBSIAq5/5hFIaDXi+UUobd3d1+/OHbD91mnzRLRQmJ/dUkrRlaQKgXjniJZ67f/2sZy7DfB744lnLU6YyAVP6q+V/IVlFCy9lI0pqh+YQPIZLcKLfE7e6PBzKUYa/di2Q0iIe9/igcDXqDK8PBD0S1KKHtmqeS1KZrPiF1C9fDY0++K2WvL3fbA8i+aLSz0xqoohpJ2e/Kt+4tTIidapLadM0lvB++4eQ+ufX6+7L9aSw/vdyN4uEglCNVTOE6uLQNGduXRQlLX6w655L0pmouoWOh3KMWfO2uDbdWelFGYSzj3hX4fxmPoKgOIfegqO52VV2EtvXBsudTLXf86QeeWUnSm6p5hE9RG+XOQ90vNdDxF1sR8IWDfi+K4zgc9rtDlYlhv9OFfITfDD8Mv1Kl/nruFg0HHLPzSYrTNI8QUZyf0CEEoXoUA0fU60AdjMPREATEMhr22iOVtaNBfyDbTdPxc4806zat4VKS4jTNITxPhOXkLqU1Sin+KN6JY+BRPhiP+v2hKqsKrNedFNFhvydb0YeVIMjds+e6aJTWnk3SnKI5hFrNqdZyE2p3atZfxpegRPag6u0V0b4qoQA4HAyhZ6MyddAfRd3wR8dx7jll4mCPYJSkOUVzCI9ZWJCt5EaHlkacLXk5kvGgAz4oQ1VCJyUzHA4GI1U7VaEdQVdHXgyd/KbEm6h8UstFeKZWQnb+UXwsjLc+lfJKrz9QXFFXFVFVZPvd3kA1p9D8TEgvy9HHb2/kb7MFNraIe3eS6lllE+rQ4aJ8PbnRoVXHZyD/rsidnsq3SLZ7qohGYa/T7g5Vcwp1UJXaUHY6MmrmX3lUqVG9ybLbmkzC+045lDlO7rne5rH3urJ/adK2pPngTquvKiXY/8UwHvx63RUUIcJyPy9zOXEmYc0TXHDouudUrflpGHd2oywfbHeVg0RxN7wSRvHvHGZTAjFybsLMEfBMQs0SnkOt3E0A/0Yoh+2+okn3QUCOo9FwJwpHodx5HGHKhYDvNKcyY/0swlc2LNdXe8uSGxxa+Oeqa61KZroPRiBoVvvtGCqnHP3QQLbjufkJyZ8kKT+oLMIAc98hZv4GgLzXHw1DCZ2adB9U10G/3wc8+E34tkW42myTfPrwwrUk5QeVRVjyPIcRwnI7cfBJS+FEWT6oftWHsirhj8Lh6I9cQLPG7fyukdWaZhC+sbbH5+YmvKfbj/qqJcnywTjs9wZgI8O43w3jXr3mqm2JOPn4oWXgbydpP6AMwrsINnXs1vzcxeZhKJidEfSrM3xQOYf6VTQMr0DfLr6z6TFsodzVwqhvJmk/oAzC/HvP9gY/KX0qjnqDUdzN8kFFqn4lhzu7sRwOvloVHvFp7jLj6xlRYgahlfu7nBBCXPGCcoHeaJTlg9DYQHdO5WEH2tcwfEznHnSicvshxRnD3+mEL/HcAwtTwpchto9bA2hM031wYiGqMzBUVhLLB03uUjc/Idjp15PUX690wjP5+/pTwmdGwNGGhhJyLs0HoZXZ+wlkKSBGX7SYQwXN/c2a2DmdpP56pRMinrs+TAkf6EngiSeWn+aDk05AOOip3wBku0lsDv/LLcck6SFUOmE5KFwPG9sRgEH2ZPjgXhEFxx/JuBtHHwo6+WhuP3QsnD6qmEr4BvFz+9KUEP1rN4z6UbYPAqCqlXIkw1bcfxsxQFSD9DnFHJTemKYSXhCN/E9KCCv/dBkMcRBn+aD6SQ/KKvRpRleizt/pnFJOCxBy13whSf91SiXcxM3cbdpU+k/aQNEeZPrgqNNRvbpBHF/akfK7VJXPydeTV4SmDu+nEm7ZfuH5CuO7gziMu8MsHxz1O5OZqFE46Hak/CZkeyFC4lVZ6sbhVEIXOYUJ0XOQXaMB2H66D3a6SVkdtaNRJB8rSmh5lKUuck8lrLL8PeCpyL0STEFZgsrBWR/sKEAwkH7YVn7YKEpYaRCuJ+m/TqmEuleckAaDnnI/hZPmg3t52+t0ZB8am361KCELTCe1MU0jfFWvFl8+Q8kn3XAowRXSfVChj3pd6JRC3Qwvrhcl1LiDq2kBVBrhUxbNHzVNRdC7UPzkKNMHISd7nf5oUlbbb2lFCR1uO1ragFsa4b0YNQsTYvT3LehQD7N8EAxjOJntVma5/deoMKEuMLo3IbhWaYSbjODcT5qKo59Dp3Qgs3wQnLA9mRaeNDp/VnhlriDcoWnrMdMIPU5YYbdw8Xeh0RyGWT4I/blJnsZRCJ3TbxRecyUIxCZpW03SCDGnbuFdP779JPQ4R4MsH4SfT4LjYQxNkXwo/6BeIsgViL4SgmuVRlgWtl/8O+UnR3F7OMzyQTXMD4AQV8B/yeJ7ADhlgqadTZBGeEIwL38InAgJ3h9dUs1Iug+2e+oHECRPiq5VuN5DaCJI2sB3GuEaF6yw41s2vjS8rHrd6T44UEV0MrwRRfKyVpgQJEia5acRlphrFXYLG5m/G6lmNMMH1eKoaNBVWRnK91exyYEKkrY8Ko2wwjytcKfGM6pvKYhMH4RWdNRr7/ZVr+Cf9cJtN1WEawnBtUoj3GB2/lGMqRyy8TcQAWf7YDyCrsCEuDX6bv7Ri6k4MQVPG8dILaXQ1hevh0z/Xk+CJWT6oAqpVOmVlwdP5+/LTMWJxZcmLFPbLR4BG+IRIOxl+eBo0iGHf3RHO+FZUTgPGcWMpQ0Kp9ZDNbBXVGy97rWAIssHVUis/CLe3em3mqJwrVB2wZZ1iypmtDCiQAH5ZTQKs3xQ1UH4B5TeXfkr+PPkY7lFOSCmjZimEeqIocJPRFtMnBuEEOWn+yCEVJM83YU6ekEn9eRjuUUcQey0bUJphAZiRmG3QJvIsd6Jelk+mORt90oo/7BlFjgsMxFRh8CmbbtMIzShHSxM6CBEy9+LIO/SfVD9QI66u/Gw+z9KdqNwLxG7HsSYCcG1SiO8CzNRvJ/orFO69gcJntDqgCUc9EGoisOod0W2Zah5fv7Z9Kk8rovqPQnBtUojvF8vsK5lKlFyucWe+XR78MkVyEnofR7wwStSfrIbt2T7GcvSg8LuxIjpGGl7hNIIXzCd4qeziErA0Z0b34/eV0vXVN/7gA/K1h8j2Y3kz4+7SAsKf6MuQ7aetqs0jfA1azJoUkzc07m9VXb/F8T3gDOY8cHw8iUpe/LXZ3TfJmbh/Y0cYZumbWFPIxwjTgp/p4Gourbjfb7+CxlC3Wsf9MEQ4o5eHH/4yOddobNKYcf3UMBSp9dSCS1MCpfSxnrNx0RUzdLfRtB52znog61dFVq99ahpmIHm+nrysdzius9Sd82m5yHLf0ruVNiYjEiyqq+/GW1DbinAa3xwW3a78h/uWzM3jTr1i5/75hKPLk9YZcVL6RfOED0QtarrEv2ei2AKB3wwGsrRD+gaFC8PWgnoChcV8bmdpP86pRLeS4r74b507p5TFW/qg8k1lrujJi1eG6byuDDSBoTTCR/H+dfoH5QgSP8L4Jv64PQ6At94VeMrO6uIeqj6VJL+65RKCBFi4V7UvlzLugKh/dQHp1corO3/WxWFI+2pjJqVvsQ0nVAr7odTmR7+iuwN5NQHp1cZjra7p1CQ/FlhYa5rSeqvVzqhjld20g50h38SDfuDqQ9Or3Gvtxu9WV7ZPn+X0cPk4f2rO1vW04MPenLQmvrg9NppDyL5L3RlpdSxcWpDk0H4hlHYLaaqGY/1w6i9l3Pgg9PrjlorNHh4dSdrcSv9tQrphNBvSz5XWB79TiShCzr1wem1FccQXXxnZYRm6pA+KIOwkntmxrdNkwrBTOIHahrS+dxH/V5nsO+HkIPRsNuGqAkcpP/7/6iZTk1YpmW5HiWuk9s9HCNjGXQG4dncvSiHWog53D7dLN/h1iGIuifu9wYjtVIxGR+F0HcwGMihhPD+0l3gl5i5DmXYMJlXYJULeSBJ+wFlEBbYhw/9FMdhxNb8k5iKO/wfytYgvuqHk4mavUAq6ndGPzZ43TUNTDh3A882c/fA3azzI7IIc/shhCVq/Ttea7q6I+rP/O0uRE9yGO3HhaP+ZGwYYqfRsC8vfnjBWrc9wTTMhePl7wEEGdUwkzC3EyMqPFdAJ8ry+YkH3wGmAdBE0zooh0MotNDajIaXBhBvhCP53pMV3cHc46a92chNSLLeFZFF+FLywUMLKpXLGRfUNh78jRwOdne7YTuS7akPqjoJgFGvu62aHym3W/LdJ5CliRonLP/ofjnrXKwswvxnmghXUCIC/OS7kHNRtzWEXOzFO1MfVEav/tEbdCD/AD0O27F867yLLUoMkruPU07SPaOVE3LHZQg7jd+C2w3bPdlXM6CtQXffB9WIYjSYgPaiSHY/3R5KuL7zVLXqIC13KXWSdM8ok/C1DV3Q2uLZ7hq3LBsaT1XECLGRxZhpP/G/9/1vxgeT/fnT6wQ1HrS25cfQ5lCPmMTzOXMwZWrD3kLX8m3kVIm4PWPHzBzC8eebmAb6wpFaj0FL7wi71jArnmcxrtPz/yhl62A8OPVB8Ak1zN+bXtXUlMpT2erK91+hxxymV1jDtxm1TBa4C79hwhh3HD37GMVswjvdKhNoYQzObbXVlBGs1U8Zur1efeadUKrl2wfiwakPAtBkf/70qlqd0QhCDyjDcvirr2NDNJlmMrvW9ByfLZzgtzzCat6x7FOwswnHnwt06i3MQ0K5C3+F9QY6wZ36+bc/UnPZo8kQsCqaMz6Y7M+fXuGPVWQFHwohO4c7v/+6rjVck1XUuER98Vy05TFWY3OONZtDWHY0d/FqaKw2RnJKvCrnlUfeainL64+uxoEHfXC6P3//qubc1NI+yMVIrfiOf/cyKlPEObFYfYnn+5bHtUaS5hTNIbyg8UBbGCdO+mgUYhcbP/z2qDNsqRMiotbFg/Hg1Aen+/P3r3ulV/bk6NI22Efcgz7AVy1cVbtaoIubPCZTamKUGXPOa51DOPaaXnXxnJBwOMQQHjn/nmxfnmRX1NlpqSVCquDtx4P7PgjNDiBH0ys0PkO1/FQOe6Ow3xtCIWgP5FtPu5ZhEx0t9EfoQ1nWySTFaZpH+CSDLzG5UaYgC23L4rV/3YE6pWwPms9wMIQLAF0bDyY+ON2fP7222l21GCWGrwdiYrDO4QBcVIb//ALSuHKiBSKWKJOvJClO0zzC8Rfs7CwUAhoZgim0ehX7hd9MUn/d/OCSPjjdjzG9tva2ZILefcoqY8otg1m6l1lbPJ3U5h73NZfwK95a5p1ZmZ+0Ua3R1Mmz/zSMOwfnB5f1wel+jKv7MiZZGstPPo3/8CLeKNfOaNVa9jw/qmnevCycTzjWrMxMZJyBK5vV8tfekdGVzsw6mWV9UFmJ2o8xvU4WUME/VL9c9n79beIfY6eqPJNQ99KnnPY1n7CJstdInKaVwCqd/eUHkRrdhS7oXlh7eB9UOdeHqrd3VQ1uHKoJDqmK+u6vkLtVcubE/qb95SS16ZpPOK6VkvvMCPqgPqfP/g4ahZ5asHZwfnBpHwSe6X4MdVU/gO+gHXUhE7vt8LJ8oeJUs9efulpW6JtoAeGzmWebuLczr/z85Xi024rk6MpFZXtQIvfnB5f1QSBVxXk0vSp0+McArLHTidTOtvANi1mZfZu6UezMvXFmKQ0sxB/5rdyG3JG9Vm8IuQLl7ur84LI+qJodtR9jep3k7RDCKfhn2Nppd8CDfjhnGgXN6c5MtIjwQnKjWdW1e/5FtiD+k1EXeFThunZ+cFkfVHVPFdbpFRwEXEftYwB3HQAp5OYHXytlftPVZ5KUZmkR4dgx/ToR+kwpqfrubyWUxZX74IF1qFB+B/3h7B5vP0AOc3Rz4ZHXCwnHVdzQBJpZK+He9g2524PofMU+eHAd6kDubve6Pz2ePHZfBnI3/dtOHU9Sma3FhI/Q9aDqzbRlhj4YQAdytGofPLgOVQ635WBXzpznz0o1WxNk8esfFxOOORLO7CmflS/B9w1Fb9U+eHAdqrwEX040PJc8dl8nCbF0P3N05qqWIBxjsNuZHjipPzOSl+SlVfvgXp5eXYe6O4o6sfyzmZWE3C27jQVWONEyhA9p5ulZPzpBXrsor1xetQ+qPL12HWoXsjH8nj0zmuFqVYbnHnqZaBnCsQ9tTXLjfQnjTuuV8AMofZCQVfogfOjadahwi86f21+YiRMDg1hLvTNoKcLx55yZlkYEBt04rxK0Wh+E3123DjXqht8vl4OZUmqc4mm7K2a1HOHr1NXuxijQjP1zRh0P2Q5+uqW+68uX1fB8POxA46q4VuKDMu5cbsHfXHrTLgu+P5/ZrArTrlXqqIaXe43ucoTjV47Xj9eZVuP7bapFke0Z9OG4Pfi4LaFvpXJlchbyanxQHdqj4os/vrx2orl59R1hmEDsXW/qojQ3KryqJQnHjTVs1QXi+zMnlDHmOla5/nu1P03uQAMyqU6r8sEwvLQtR5c79zGNAt9+PWS2tYk37nT01CVeKVqWcIy2NFKzrsZplHDb5IFtrv1N1AFIKJmqrYxW5oO7qhT/wt4wPWH5zf2uN/cMm1VZ6pLuVC1NOAa/KLOrb9IRlhMYhgBf/E8vx7I9HEAlVElclQ9+Aj3u9rdMswaBKPEb+2VHqznrtZNri98YMNXyhK9QnSKy39JsYepTLHhwIsCPfCAvqc6oStmqfLC1E3/w5HH9Hs4cgcnV3QoI+bxmVr6TpGqxliccP+0GGtvvgTeQjogtmFuz7BP8LyD1Kq2D4cp8MP6Zu7a5dYJx0whOso3ksbavsVOkciFJ0xI6BOH4oePB5n6rzYXgjKEKZ77HS9bjPag2IZTDVfng9vNVWjf0Lc+j1DGvvgWGCNutPJmkaBkdhnB8xqE1F9mW5Z+cWVFU+yF4BgBCUuN453I7VNYPzc4iH1SkCl3K7sWPWypakld25ac/S267r4AbFkemT+620aHeRXoowjH1LXFSrzacjZmVDGz93rfl9sfg1BCxKjdUGrW3F/kgNDZQjCFPW5ehh63MpduP/89DM6tOyvZWUDWZft8xlHG4XoYORzjmfqNCggq5e2bNlOmjtXP/T/augB/02j11flc4UI4PfPN8ECrwZPOX7HaiWG0Ai+Q7jzliZjVYUMUeYg0G5TVJy5I6JOF464Rt6cybfeMxZnW/bHzjkzDqdnvRKFLjLK3OXgbO88Hp/sRhV5mnlO3fPmU5Hp45hR5xTyDsn6zMfxPCrA5LOHZrDtqyqzOxhmublqgJ/fw/xtGVWALJqNMeQldmgQ8msUjvChTvOG5/dEFYDZyywWT9pFv2m0b5bJKOpXVowvFD1KlY7sxIsWW7LjVM29Hv+XsZtyHVu1cgH4Fxvg9O9yeq3s/wN08dq+AKPeNuzHyDTlDVA91Yrrd9rQ5POH7S9uzyzKgGUusmfBdbATm2+ePL/V21VAhK6EIf3PsJlOLtH51ZL3HKt7x1tJmyS2hza/14+tGIc5WDcPyqXvFn4sU61EyKsU1NURdrzhO/fG8XquBiH1R+oUY+fnqeVQyEmceJ8Ik5k4ecBqb+X5MUHEZ5CMdvcnSaMwNjFUJlqOR+9acXlYuriArU6kz6Noq021Vkw45yxhiCwvjjvzw3QzRVQyNbnLkaM8qHc4mpchGOx6fvEGbNoAFNKU178oR5Yi149s8/+FSdXjKE7qrKL8jLcDTpuIJX7gJ0uP2Lp/kd6zRzNpuRKhGGtcW1JcbV0pSTcHzf7Xcx5lgnM9cSa2qlgVHeqHpfefWv3v7DxYntQXCcnCscf3Txk/d/+fqX+dqGbntu9sQEb27ZZYM71n3Jkw+rvITjN0wTUnZb5ttTarZuuXVHlWKm+rD3PPDES298/0c/+Z8/+8l///bLXzt3dsuurFewCAQ2TJJ9mmjdNTGE+OU5b7CYr9yE47Gn2eKutSQhMyqbHLrkyBCMEiWEMTK10tqGZlGuTrXmjiOEcHSLMOH6maXUqJnVQDtkP+ZaFSAcn9sIsk9U5q6r1mjUMRVe4LuCMscPAs9T53lRbBmEUmQi5gm/5tlGJfNNyv4x3tQWTBHOVRFCdXJ75vuBkYUgryhyXUfYSK9wLji1qhWEVFjpBZh7HsOY6EQ4ENZmzmJrJzeWet1opooRjs9lzxFD+MiF43LIMMiqOobC6MDP6r6gmFCmY8Ywsh3h+QJDhyj52IzQWuZ7HZZTQcLxGDLJQjbd8C1oL3DxXe4QVoPPEstHUEHrtOwnz8mtwoTjVylyXHyaBoGG6/nfajSViyrQ8jh0rVY3LbT5XPKU/CpOOB6fLxuO2SD8FN3QTiYJzS0k/LqNsa7OUN1YctB3rlZBOB6fNblGA7C9Ai/9ScRswizOa9jW8nr89VoN4Xj88AnMKIUGMklobiHa9JuifLz5aHLnoloV4Xj8YukLFst/0vlUmBF0Ap0u4oDXa3WE4/EFVMKZPfFlBT2f9doryR1XoVUSgs4WPhthLfUQ0gJaMSE0rF+0MUTC1OfIdFxqE2GaiNo+T17lOJmAUPNW8F+UEqshbOjtEF3Y9RoraV7mvom8Wjkh6BV33XJMyriNHW4xGyILYhFC94IMELS5DlIHUzDHMzXdsB0Hm0i3as8nd1iljoIQ9Pqp2283zYpOPW7VuPApUTmohj72DtPlHGPT4IIJ4dawBfHG7SsunPs6IkKl1+/3UaUiqGUR04FcU8ES9L4TQgFdctfhjlleX8cP/bfkM0egIySc6MWgKYhplnW8V0w5XCaMFU0jGiHsy8X7ZfN11IR7+tZzD/guw3rpBJRd07RA9z724pxNEivUjSH8LHWL8ObXLcKbX7cIb37dIrz5dYvw5tctwptftwhvft0ivPl1i/Bm13j8b7QNpkRcunpJAAAAAElFTkSuQmCC');\\r\\n background-size: contain;\\r\\n background-repeat: no-repeat;\\r\\n padding: 0 10px;\\r\\n}\\r\\n\\r\\n.username-tb[_ngcontent-%COMP%]:focus {\\r\\n outline: none;\\r\\n box-shadow: 0 0 1pt 1pt #007BC4;\\r\\n box-shadow: 0 0 1pt 1pt var(--primary);\\r\\n}\\r\\n\\r\\n.forgot-login-details[_ngcontent-%COMP%] {\\r\\n color: #fff !important;\\r\\n font-weight: 600;\\r\\n font-size: 14px;\\r\\n transition: all .4s;\\r\\n text-decoration: none;\\r\\n cursor: pointer !important;\\r\\n}\\r\\n\\r\\n.forgot-login-details[_ngcontent-%COMP%]:hover {\\r\\n text-decoration: underline !important;\\r\\n color:#fff;\\r\\n}\\r\\n\\r\\n.flex-group[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n.flex-addon[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n vertical-align: middle;\\r\\n margin: 6px 12px;\\r\\n}\\r\\n\\r\\n.arrow-bottom[_ngcontent-%COMP%] {\\r\\n\\tposition: relative;\\r\\n}\\r\\n\\r\\n.arrow-bottom[_ngcontent-%COMP%]:before {\\r\\n\\ttop: 100%;\\r\\n\\tleft: 15%;\\r\\n\\tborder: solid transparent;\\r\\n\\tcontent: \\\" \\\";\\r\\n\\theight: 0;\\r\\n\\twidth: 0;\\r\\n\\tposition: absolute;\\r\\n\\tpointer-events: none;\\r\\n\\tborder-top-color: #db4746;\\r\\n\\tborder-width: 7px;\\r\\n\\tmargin-left: -15px;\\r\\n}\\r\\n\\r\\n.validation-has-error[_ngcontent-%COMP%], .pw-validation-has-error[_ngcontent-%COMP%], .validation-invalid[_ngcontent-%COMP%] {\\r\\n display: none;\\r\\n background-color: rgb(218, 71, 71);\\r\\n box-shadow: rgba(236, 61, 61, 0.9) 0px 1px 1px;\\r\\n color: #fff;padding: 8px;\\r\\n font-size: 0.8125rem;\\r\\n border-radius: 7px;\\r\\n position: relative;\\r\\n bottom: 10px;\\r\\n left: 10px;\\r\\n \\r\\n width: 60%;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.validation-has-error.show[_ngcontent-%COMP%], .pw-validation-has-error.show[_ngcontent-%COMP%], .validation-invalid.show[_ngcontent-%COMP%] {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.validation-invalid[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n}\\r\\n\\r\\n.validation-invalid[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] {\\r\\n list-style: none;\\r\\n font-size: 15px;\\r\\n}\\r\\n\\r\\n.red-border[_ngcontent-%COMP%] {\\r\\n border: 1px solid rgb(218, 71, 71);\\r\\n box-shadow: none !important;\\r\\n}\\r\\n\\r\\n.login-terms[_ngcontent-%COMP%] {\\r\\n font-size: 11px;\\r\\n color: #838383 !important;\\r\\n font-weight: 600;\\r\\n padding-top: 5px;\\r\\n padding-bottom: 5px;\\r\\n font-style: italic;\\r\\n}\\r\\n\\r\\n.login-terms[_ngcontent-%COMP%] a[_ngcontent-%COMP%] {\\r\\n color: #b7b7b7 !important;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.username-tb[_ngcontent-%COMP%]::-webkit-input-placeholder { \\r\\n font-weight: 400;\\r\\n color:#a9a9a9;\\r\\n}\\r\\n\\r\\n.username-tb[_ngcontent-%COMP%]::-moz-input-placeholder { \\r\\n font-weight: 400;\\r\\n color:#a9a9a9;\\r\\n}\\r\\n\\r\\n.username-tb[_ngcontent-%COMP%]::-ms-input-placeholder { \\r\\n font-weight: 400;\\r\\n color:#a9a9a9;\\r\\n}\\r\\n\\r\\n.username-tb[_ngcontent-%COMP%]::-moz-input-placeholder { \\r\\n font-weight: 400;\\r\\n color:#a9a9a9;\\r\\n}\\r\\n\\r\\n@media(max-width:480px){\\r\\n #login-form[_ngcontent-%COMP%] {\\r\\n width: 80%;\\r\\n }\\r\\n\\r\\n .login-title[_ngcontent-%COMP%] {\\r\\n font-size: 32px;\\r\\n }\\r\\n\\r\\n .username-tb[_ngcontent-%COMP%] {\\r\\n font-size: 13px;\\r\\n height: 32px;\\r\\n padding: 7px 10px 7px 40px;\\r\\n }\\r\\n\\r\\n .flex-addon[_ngcontent-%COMP%] {\\r\\n margin: 3px 7px 3px 13px;\\r\\n }\\r\\n\\r\\n .login-btn-popup[_ngcontent-%COMP%] {\\r\\n padding: 8px 15px;\\r\\n font-size: 11px;\\r\\n }\\r\\n\\r\\n .login-btn-popup[_ngcontent-%COMP%]:before {\\r\\n padding: 0 8px;\\r\\n }\\r\\n\\r\\n .forgot-login-details[_ngcontent-%COMP%] {\\r\\n font-size: 12px;\\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./login.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/forms\";\nimport * as i3 from \"@angular/common\";\nimport * as i4 from \"../safe-html.pipe\";\nimport * as i5 from \"@angular/platform-browser\";\nimport * as i6 from \"./login.component\";\nimport * as i7 from \"@angular/router\";\nimport * as i8 from \"../services/login.service\";\nimport * as i9 from \"../objects/Globals\";\nimport * as i10 from \"ngx-bootstrap/modal\";\nimport * as i11 from \"../Globals\";\nimport * as i12 from \"../env.service\";\nimport * as i13 from \"../services/workspace.service\";\nvar styles_LoginComponent = [i0.styles];\nvar RenderType_LoginComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_LoginComponent, data: {} });\nexport { RenderType_LoginComponent as RenderType_LoginComponent };\nfunction View_LoginComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"p\", [[\"class\", \"login-terms\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"By continuing, you agree to the following \"])), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"a\", [[\"href\", \"../../assets/files/Terms of Use.pdf\"], [\"target\", \"_blank\"], [\"title\", \"Terms of Use.pdf\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Terms of Use\"]))], null, null); }\nfunction View_LoginComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 34, \"div\", [[\"class\", \"mb-login-form\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"p\", [[\"class\", \"login-title text-center\"]], [[8, \"innerHTML\", 1]], null, null, null, null)), i1.ɵppd(2, 1), (_l()(), i1.ɵeld(3, 0, null, null, 31, \"form\", [[\"novalidate\", \"\"]], [[2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"submit\"], [null, \"reset\"]], function (_v, en, $event) { var ad = true; if ((\"submit\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5).onSubmit($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"reset\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 5).onReset() !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), i1.ɵdid(4, 16384, null, 0, i2.ɵangular_packages_forms_forms_bg, [], null, null), i1.ɵdid(5, 4210688, [[\"loginForm\", 4]], 0, i2.NgForm, [[8, null], [8, null]], null, null), i1.ɵprd(2048, null, i2.ControlContainer, null, [i2.NgForm]), i1.ɵdid(7, 16384, null, 0, i2.NgControlStatusGroup, [[4, i2.ControlContainer]], null, null), (_l()(), i1.ɵeld(8, 0, null, null, 26, \"div\", [[\"id\", \"login-form\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(9, 0, null, null, 4, \"div\", [], null, null, null, null, null)), i1.ɵdid(10, 278528, null, 0, i3.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(11, { \"arrow-bottom\": 0, \"validation-has-error\": 1, \"show\": 2 }), (_l()(), i1.ɵeld(12, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Username is required\"])), (_l()(), i1.ɵeld(14, 0, null, null, 4, \"div\", [], null, null, null, null, null)), i1.ɵdid(15, 278528, null, 0, i3.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(16, { \"arrow-bottom\": 0, \"validation-invalid\": 1, \"show\": 2 }), (_l()(), i1.ɵeld(17, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Invalid Login\"])), (_l()(), i1.ɵeld(19, 0, null, null, 10, \"div\", [[\"class\", \"flex-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(20, 0, null, null, 1, \"span\", [[\"class\", \"flex-addon\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(21, 0, null, null, 0, \"img\", [[\"height\", \"20\"], [\"src\", \"../../assets/images/profile-circle.png\"], [\"width\", \"20\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(22, 0, [[1, 0], [\"username\", 1]], null, 2, \"input\", [[\"autocomplete\", \"username-mybiz\"], [\"autofocus\", \"\"], [\"name\", \"username-mybiz\"], [\"placeholder\", \"Username\"], [\"required\", \"\"], [\"type\", \"text\"]], [[8, \"disabled\", 0]], [[null, \"keyup\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keyup\" === en)) {\n var pd_0 = (_co.openModal(_co.template, i1.ɵnov(_v, 22).value, $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(23, 278528, null, 0, i3.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(24, { \"username-tb\": 0, \"red-border\": 1 }), (_l()(), i1.ɵeld(25, 0, null, null, 4, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(26, 0, null, null, 3, \"button\", [[\"class\", \"btn btn-default login-btn-popup\"], [\"type\", \"button\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.launchModal(_co.template, i1.ɵnov(_v, 22).value) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(27, 278528, null, 0, i3.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(28, { \"background-color\": 0 }), (_l()(), i1.ɵted(-1, null, [\"LOGIN\"])), (_l()(), i1.ɵeld(30, 0, null, null, 4, \"div\", [[\"style\", \"margin-top: 10px;text-align:center;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(31, 0, null, null, 1, \"a\", [[\"class\", \"forgot-login-details\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.forgotLoginDetails() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"FORGOT LOGIN DETAILS >\"])), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_LoginComponent_2)), i1.ɵdid(34, 16384, null, 0, i3.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_8 = _ck(_v, 11, 0, true, true, _co.isEmptyUsername); _ck(_v, 10, 0, currVal_8); var currVal_9 = _ck(_v, 16, 0, true, true, _co.isInvalid); _ck(_v, 15, 0, currVal_9); var currVal_11 = _ck(_v, 24, 0, true, (_co.isEmptyUsername || _co.isInvalid)); _ck(_v, 23, 0, currVal_11); var currVal_12 = _ck(_v, 28, 0, _co.primaryColour); _ck(_v, 27, 0, currVal_12); var currVal_13 = _co.showLoginTerms; _ck(_v, 34, 0, currVal_13); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵunv(_v, 1, 0, _ck(_v, 2, 0, i1.ɵnov(_v.parent, 0), _co.portalTitle)); _ck(_v, 1, 0, currVal_0); var currVal_1 = i1.ɵnov(_v, 7).ngClassUntouched; var currVal_2 = i1.ɵnov(_v, 7).ngClassTouched; var currVal_3 = i1.ɵnov(_v, 7).ngClassPristine; var currVal_4 = i1.ɵnov(_v, 7).ngClassDirty; var currVal_5 = i1.ɵnov(_v, 7).ngClassValid; var currVal_6 = i1.ɵnov(_v, 7).ngClassInvalid; var currVal_7 = i1.ɵnov(_v, 7).ngClassPending; _ck(_v, 3, 0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_10 = _co.submitted; _ck(_v, 22, 0, currVal_10); }); }\nfunction View_LoginComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 5, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"Welcome \", \", \"])), (_l()(), i1.ɵeld(3, 0, null, null, 2, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"Your last login was \", \"\"])), i1.ɵppd(5, 2)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.globals.Session.DisplayName; _ck(_v, 2, 0, currVal_0); var currVal_1 = i1.ɵunv(_v, 4, 0, _ck(_v, 5, 0, i1.ɵnov(_v.parent, 1), _co.globals.Session.LastLogin, \"d MMM yyyy h:mm aa\")); _ck(_v, 4, 0, currVal_1); }); }\nexport function View_LoginComponent_0(_l) { return i1.ɵvid(0, [i1.ɵpid(0, i4.SafeHtmlPipe, [i5.DomSanitizer]), i1.ɵpid(0, i3.DatePipe, [i1.LOCALE_ID]), i1.ɵqud(671088640, 1, { username: 0 }), (_l()(), i1.ɵeld(3, 0, null, null, 7, \"div\", [[\"class\", \"login-section\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 6, \"div\", [[\"class\", \"mb-login-container\"]], null, null, null, null, null)), i1.ɵdid(5, 278528, null, 0, i3.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(6, { \"background-image\": 0 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_LoginComponent_1)), i1.ɵdid(8, 16384, null, 0, i3.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_LoginComponent_3)), i1.ɵdid(10, 16384, null, 0, i3.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 6, 0, ((\"url(\" + _co.portalBackground) + \")\")); _ck(_v, 5, 0, currVal_0); var currVal_1 = (_co.globals.Session == null); _ck(_v, 8, 0, currVal_1); var currVal_2 = _co.globals.Session; _ck(_v, 10, 0, currVal_2); }, null); }\nexport function View_LoginComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-login\", [], null, null, null, View_LoginComponent_0, RenderType_LoginComponent)), i1.ɵdid(1, 245760, null, 0, i6.LoginComponent, [i7.ActivatedRoute, i8.LoginService, i9.Globals, i7.Router, i10.BsModalService, i11.TokenManager, i12.EnvService, i13.WorkspaceService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar LoginComponentNgFactory = i1.ɵccf(\"app-login\", i6.LoginComponent, View_LoginComponent_Host_0, {}, {}, []);\nexport { LoginComponentNgFactory as LoginComponentNgFactory };\n",", username: string, event: any) {\n this.isInvalid = false;\n this.isEmptyUsername = false;\n if (event.key == \"Enter\"){\n this.launchModal(template, username);\n }\n }\n\n launchModal(template: TemplateRef, username: string) {\n document.querySelectorAll('.body-content').item(0).classList.add('mb-login');\n document.querySelectorAll('.navbar').item(0).classList.add('mb-login');\n if (username) {\n this.isEmptyUsername = false;\n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-login',\n focus:false,\n initialState : {\n username: username.trim()\n }\n };\n this.modalService.onHide.subscribe((reason: string) => {\n this.username.nativeElement.focus();\n })\n this.modalRef = this.modalService.show(LoginModalComponent, config);\n this.modalRef.content.invalid.subscribe((value) => {\n this.isInvalid = value;\n });\n }else {\n this.isEmptyUsername = true;\n }\n }\n\n forgotLoginDetails(){\n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-forgot-login',\n focus:false\n };\n document.querySelectorAll('.body-content').item(0).classList.add('mb-login');\n document.querySelectorAll('.navbar').item(0).classList.add('mb-login');\n this.modalRef = this.modalService.show(ForgotLoginComponent, config);\n }\n\n onChangeUsername() {\n this.isInvalid = false;\n this.isEmptyUsername = false;\n }\n\n ngOnInit() {\n var sessionCookie = JSON.parse(this.tokenManager.retrieve(\"BRNSessionKey\"));\n var self = this;\n if(sessionCookie){\n this.loginService.getSession(sessionCookie).subscribe(result => \n {\n if(result){\n var checkSessionObject = JSON.parse(result);\n if(checkSessionObject.SessionObject)\n {\n var sessionObject:AppSession = checkSessionObject.SessionObject;\n self.globals.Session = sessionObject;\n self.globals.CardItems = [];\n var currentRoute = JSON.parse(this.tokenManager.retrieve(\"BRNCurrentRoute\"));\n if(currentRoute){\n this.router.navigateByUrl(currentRoute);\n }else{\n this.router.navigate(['/', 'home']);\n }\n this.loginService.setSession(self.globals.Session);\n }\n }\n }, error => {\n this.tokenManager.store(\"BRNSessionKey\", null);\n });\n }else{\n this.notificationPopup();\n //this.router.navigate(['/', 'login']);\n }\n }\n\n notificationPopup(){\n if (this.isLoginPage && !this.globals.Session) { // && session is there\n this.workspaceService.getNotificationPrompt().subscribe(result => {\n if (result){\n var notificationPrompt = JSON.parse(result);\n //var notificationPrompt = {\n // Title: \"Notification to the users\",\n // Message: \"Sime Darby Berhad eProcurement Portal will undergo a system upgrade. This upgrade is scheduled to start on 18th July 2020 from 7pm and is expected to complete on 18th July 2020 at 9pm (KL Time). Please log out of the system by the designated time to avoid any lost work. We apologize for any inconvenience this may cause.\"} \n\n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-notification',\n focus:false,\n initialState: {\n type: \"notification\",\n title: notificationPrompt.Title,\n message: notificationPrompt.Message\n }\n };\n\n document.querySelectorAll('.body-content').item(0).classList.add('mb-login');\n document.querySelectorAll('.navbar').item(0).classList.add('mb-login');\n this.modalRef = this.modalService.show(ModalControlComponent, config);\n }\n })\n }\n }\n\n ngOnDestroy(){\n if (this.urlRouter){\n this.urlRouter.unsubscribe();\n }\n }\n}","import { OnInit, TemplateRef, ElementRef, OnDestroy } from '@angular/core';\nimport { LoginService } from '../services/login.service';\nimport { Globals } from '../objects/Globals';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { LoginModalComponent } from '../login-modal/login-modal.component';\nimport { BsModalService } from 'ngx-bootstrap/modal';\nimport { TokenManager } from '../Globals';\nimport { ForgotLoginComponent } from '../forgot-login/forgot-login.component';\nimport { EnvService } from '../env.service';\nimport { ModalControlComponent } from '../modal-control/modal-control.component';\nimport { WorkspaceService } from '../services/workspace.service';\nvar LoginComponent = /** @class */ (function () {\n function LoginComponent(route, loginService, globals, router, modalService, tokenManager, env, workspaceService) {\n var _this = this;\n this.route = route;\n this.loginService = loginService;\n this.globals = globals;\n this.router = router;\n this.modalService = modalService;\n this.tokenManager = tokenManager;\n this.env = env;\n this.workspaceService = workspaceService;\n this.submitted = false;\n this.isEmptyUsername = false;\n this.isInvalid = false;\n this.isLoginPage = false;\n this.showLoginTerms = false;\n this.portalTitle = this.env.portalTitle;\n this.portalBackground = this.env.loginBackdrop;\n this.primaryColour = this.env.primaryColor;\n this.showLoginTerms = this.env.showLoginTerms;\n this.urlRouter = router.events.subscribe(function (val) {\n if (router.url.indexOf(\"/login\") > -1) {\n _this.isLoginPage = true;\n }\n else {\n _this.isLoginPage = false;\n }\n });\n }\n LoginComponent.prototype.openModal = function (template, username, event) {\n this.isInvalid = false;\n this.isEmptyUsername = false;\n if (event.key == \"Enter\") {\n this.launchModal(template, username);\n }\n };\n LoginComponent.prototype.launchModal = function (template, username) {\n var _this = this;\n document.querySelectorAll('.body-content').item(0).classList.add('mb-login');\n document.querySelectorAll('.navbar').item(0).classList.add('mb-login');\n if (username) {\n this.isEmptyUsername = false;\n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-login',\n focus: false,\n initialState: {\n username: username.trim()\n }\n };\n this.modalService.onHide.subscribe(function (reason) {\n _this.username.nativeElement.focus();\n });\n this.modalRef = this.modalService.show(LoginModalComponent, config);\n this.modalRef.content.invalid.subscribe(function (value) {\n _this.isInvalid = value;\n });\n }\n else {\n this.isEmptyUsername = true;\n }\n };\n LoginComponent.prototype.forgotLoginDetails = function () {\n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-forgot-login',\n focus: false\n };\n document.querySelectorAll('.body-content').item(0).classList.add('mb-login');\n document.querySelectorAll('.navbar').item(0).classList.add('mb-login');\n this.modalRef = this.modalService.show(ForgotLoginComponent, config);\n };\n LoginComponent.prototype.onChangeUsername = function () {\n this.isInvalid = false;\n this.isEmptyUsername = false;\n };\n LoginComponent.prototype.ngOnInit = function () {\n var _this = this;\n var sessionCookie = JSON.parse(this.tokenManager.retrieve(\"BRNSessionKey\"));\n var self = this;\n if (sessionCookie) {\n this.loginService.getSession(sessionCookie).subscribe(function (result) {\n if (result) {\n var checkSessionObject = JSON.parse(result);\n if (checkSessionObject.SessionObject) {\n var sessionObject = checkSessionObject.SessionObject;\n self.globals.Session = sessionObject;\n self.globals.CardItems = [];\n var currentRoute = JSON.parse(_this.tokenManager.retrieve(\"BRNCurrentRoute\"));\n if (currentRoute) {\n _this.router.navigateByUrl(currentRoute);\n }\n else {\n _this.router.navigate(['/', 'home']);\n }\n _this.loginService.setSession(self.globals.Session);\n }\n }\n }, function (error) {\n _this.tokenManager.store(\"BRNSessionKey\", null);\n });\n }\n else {\n this.notificationPopup();\n //this.router.navigate(['/', 'login']);\n }\n };\n LoginComponent.prototype.notificationPopup = function () {\n var _this = this;\n if (this.isLoginPage && !this.globals.Session) {\n this.workspaceService.getNotificationPrompt().subscribe(function (result) {\n if (result) {\n var notificationPrompt = JSON.parse(result);\n //var notificationPrompt = {\n // Title: \"Notification to the users\",\n // Message: \"Sime Darby Berhad eProcurement Portal will undergo a system upgrade. This upgrade is scheduled to start on 18th July 2020 from 7pm and is expected to complete on 18th July 2020 at 9pm (KL Time). Please log out of the system by the designated time to avoid any lost work. We apologize for any inconvenience this may cause.\"} \n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-notification',\n focus: false,\n initialState: {\n type: \"notification\",\n title: notificationPrompt.Title,\n message: notificationPrompt.Message\n }\n };\n document.querySelectorAll('.body-content').item(0).classList.add('mb-login');\n document.querySelectorAll('.navbar').item(0).classList.add('mb-login');\n _this.modalRef = _this.modalService.show(ModalControlComponent, config);\n }\n });\n }\n };\n LoginComponent.prototype.ngOnDestroy = function () {\n if (this.urlRouter) {\n this.urlRouter.unsubscribe();\n }\n };\n return LoginComponent;\n}());\nexport { LoginComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".logo-container[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n background-color: #fff;\\r\\n cursor: pointer;\\r\\n border: 1px solid #ddd;\\r\\n border-right: none;\\r\\n}\\r\\n\\r\\n.logo-container.default[_ngcontent-%COMP%] {\\r\\n cursor: default;\\r\\n}\\r\\n\\r\\n.logo-container[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n width: 65%;\\r\\n}\\r\\n\\r\\n@media (max-width: 480px){\\r\\n .logo-container[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n width: 80%;\\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./logo.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"./logo.component\";\nimport * as i3 from \"../Globals\";\nimport * as i4 from \"../services/login.service\";\nimport * as i5 from \"@ngx-progressbar/core\";\nimport * as i6 from \"../objects/Globals\";\nimport * as i7 from \"@angular/router\";\nimport * as i8 from \"../services/main-loading.service\";\nimport * as i9 from \"../services/workflow-return.service\";\nvar styles_LogoComponent = [i0.styles];\nvar RenderType_LogoComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_LogoComponent, data: {} });\nexport { RenderType_LogoComponent as RenderType_LogoComponent };\nexport function View_LogoComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [[\"class\", \"logo-container\"]], [[2, \"default\", null]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.goToHome() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"img\", [[\"src\", \"../../assets/images/portal_logo.png\"]], null, null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.startPage; _ck(_v, 0, 0, currVal_0); }); }\nexport function View_LogoComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-logo\", [], null, null, null, View_LogoComponent_0, RenderType_LogoComponent)), i1.ɵdid(1, 245760, null, 0, i2.LogoComponent, [i3.TokenManager, i4.LoginService, i5.NgProgress, i6.Globals, i7.Router, i8.MainLoadingService, i9.WorkflowReturnService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar LogoComponentNgFactory = i1.ɵccf(\"app-logo\", i2.LogoComponent, View_LogoComponent_Host_0, {}, {}, []);\nexport { LogoComponentNgFactory as LogoComponentNgFactory };\n","();\n\n constructor(private themeSettingService: ThemeSettingService, public bsModalRef: BsModalRef | null, private modalService: BsModalService) { }\n\n ngOnInit() {\n this.loaderConfig = this.themeSettingService.getTheme();\n }\n\n hide(): void {\n this.bsModalRef.hide();\n }\n\n onSelected($event){\n this.openPopup($event, \"\");\n }\n\n setActions(actions: Action[]){\n this.actions = actions;\n }\n \n openPopup(event, title: string) {\n const config: ModalOptions = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-detail',\n initialState: {\n componentId: event,\n title: title\n }\n };\n\n if (this.modalService.getModalsCount() > 0){\n document.querySelectorAll('.modal.fade').item(this.modalService.getModalsCount() - 1).classList.remove('show');\n }\n\n this.modalService.onHide.subscribe((reason: string) => {\n if (this.modalService.getModalsCount() > 0){\n document.querySelectorAll('.modal.fade').item(this.modalService.getModalsCount() - 1).classList.add('show');\n }\n })\n\n this.modalRef = this.modalService.show(DetailPopupComponent, config);\n }\n\n setCurrentAction(action:Action){\n if (this.currentAction){\n if (this.currentAction.ActionName == action.ActionName){\n this.currentAction = null;\n setTimeout(() => {\n this.currentAction = action;\n })\n }\n else{\n this.currentAction = action;\n }\n }\n else{\n this.currentAction = action;\n }\n }\n\n handleLoading(event){\n this.isBusy = event;\n }\n}\n","import { OnInit, EventEmitter } from '@angular/core';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap';\nimport { DetailPopupComponent } from '../detail-popup/detail-popup.component';\nvar ModalControlComponent = /** @class */ (function () {\n function ModalControlComponent(themeSettingService, bsModalRef, modalService) {\n this.themeSettingService = themeSettingService;\n this.bsModalRef = bsModalRef;\n this.modalService = modalService;\n this.isBusy = false;\n this.actions = [];\n this.expandSummary = false;\n this.subSelectedId = new EventEmitter();\n }\n ModalControlComponent.prototype.handleKeyup = function (event) {\n if (event.keyCode === 8 && event.target.tagName.toUpperCase() != \"INPUT\" && event.target.tagName.toUpperCase() != \"TEXTAREA\") {\n event.preventDefault();\n }\n };\n ModalControlComponent.prototype.ngOnInit = function () {\n this.loaderConfig = this.themeSettingService.getTheme();\n };\n ModalControlComponent.prototype.hide = function () {\n this.bsModalRef.hide();\n };\n ModalControlComponent.prototype.onSelected = function ($event) {\n this.openPopup($event, \"\");\n };\n ModalControlComponent.prototype.setActions = function (actions) {\n this.actions = actions;\n };\n ModalControlComponent.prototype.openPopup = function (event, title) {\n var _this = this;\n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-detail',\n initialState: {\n componentId: event,\n title: title\n }\n };\n if (this.modalService.getModalsCount() > 0) {\n document.querySelectorAll('.modal.fade').item(this.modalService.getModalsCount() - 1).classList.remove('show');\n }\n this.modalService.onHide.subscribe(function (reason) {\n if (_this.modalService.getModalsCount() > 0) {\n document.querySelectorAll('.modal.fade').item(_this.modalService.getModalsCount() - 1).classList.add('show');\n }\n });\n this.modalRef = this.modalService.show(DetailPopupComponent, config);\n };\n ModalControlComponent.prototype.setCurrentAction = function (action) {\n var _this = this;\n if (this.currentAction) {\n if (this.currentAction.ActionName == action.ActionName) {\n this.currentAction = null;\n setTimeout(function () {\n _this.currentAction = action;\n });\n }\n else {\n this.currentAction = action;\n }\n }\n else {\n this.currentAction = action;\n }\n };\n ModalControlComponent.prototype.handleLoading = function (event) {\n this.isBusy = event;\n };\n return ModalControlComponent;\n}());\nexport { ModalControlComponent };\n","import { Directive, Input, Output, EventEmitter } from '@angular/core';\n\n@Directive({\n selector: '[ngInit]'\n})\nexport class NgInitDirective {\n\n constructor() { }\n\n @Input() isLast: boolean;\n\n @Output('ngInit') initEvent: EventEmitter = new EventEmitter();\n\n ngOnInit() {\n if (this.isLast) {\n setTimeout(() => this.initEvent.emit(), 10);\n }\n }\n\n}\n","import { EventEmitter } from '@angular/core';\nvar NgInitDirective = /** @class */ (function () {\n function NgInitDirective() {\n this.initEvent = new EventEmitter();\n }\n NgInitDirective.prototype.ngOnInit = function () {\n var _this = this;\n if (this.isLast) {\n setTimeout(function () { return _this.initEvent.emit(); }, 10);\n }\n };\n return NgInitDirective;\n}());\nexport { NgInitDirective };\n","import { MyTreeNode } from \"./TreeviewObject\";\r\nimport { MatTreeNestedDataSource } from \"@angular/material\";\r\nimport { NestedTreeControl } from \"@angular/cdk/tree\";\r\n\r\nexport class Detail {\r\n Actions:Action[];\r\n Captcha?: string;\r\n CreateDate:Date;\r\n CreatedBy:string;\r\n DocTitle:string;\r\n DocSubtitle:string;\r\n DocumentId:string;\r\n DocumentType:string;\r\n DocumentTypeCode:string;\r\n FormCurrentScore: number;\r\n FormMaxScore: number;\r\n FormProperties:FormProperties[];\r\n Groups:DetailPropertyGroup[];\r\n IsAutoLoad: boolean;\r\n UpdatedDate:Date;\r\n UpdatedBy:string;\r\n Sections:DetailSection[];\r\n StateDisplayType:string;\r\n Properties:DetailProperty[];\r\n ViewAs: string;\r\n}\r\n\r\nexport class DetailProperty{\r\n ChildPropertyName:string;\r\n PropertyId:string;\r\n PropertyName:string;\r\n PropertyDisplay:string;\r\n PropertyValue:string;\r\n PropertyValueDisplay:string;\r\n PropertyValueArray:string[];\r\n PropertyValueDisplayArray: string[];\r\n PropertyOrder:number;\r\n PropertyFormControlType:string;\r\n PropertyGroupId:string;\r\n PropertyDisplayType:string;\r\n PropertyDisplayFormat:string;\r\n PropertyIsEditable:boolean;\r\n ParentPropertyName:string;\r\n ParentPropertyValue: string;\r\n PropertyClientIsHidden: boolean;\r\n PropertyIsHidden:boolean;\r\n PropertyFixedFileUrl:any;\r\n PropertyShowHierarchy:boolean;\r\n PropertySubDisplay: string;\r\n PropertyLoadHierarchy:boolean;\r\n PropertyValidation:PropertyValidation;\r\n ReportFieldSize:string;\r\n TriggersWorkflow:string;\r\n PropertyOriginalValueSelection:ValueSelection[];\r\n PropertyValueSelection:ValueSelection[];\r\n PropertyInvalidFormat:boolean;\r\n IsAutoComplete:boolean;\r\n IsDropdownOpen: boolean;\r\n isDisabled: boolean;\r\n HasHelp:boolean;\r\n HelpId:string;\r\n treeControl: NestedTreeControl;\r\n treeDataSource: MatTreeNestedDataSource;\r\n}\r\n\r\nexport class FormProperties {\r\n IsEditable: boolean;\r\n IsMandatory: boolean;\r\n HasBaseRemarks: boolean;\r\n PropertyDisplay: string;\r\n PropertyGroupId: string;\r\n PropertyId: string;\r\n PropertyMaxScore: number;\r\n PropertyName: string;\r\n PropertyFormattedName: string;\r\n PropertyOptionGroups: OptionsGroup[];\r\n PropertyOptions: Options[];\r\n PropertyOrder: number;\r\n PropertyRemarks: string;\r\n PropertyBaseRemarks: string;\r\n PropertyScore: number;\r\n PropertySubDisplay: string;\r\n PropertyType: string;\r\n PropertyValue: string;\r\n PropertyOptionRows: any;\r\n TransportValueSelection: TransportValueSelection[];\r\n}\r\n\r\nexport class TransportValueSelection {\r\n OptionValue : string;\r\n GroupId: string;\r\n}\r\n\r\nexport class OptionsGroup {\r\n GroupDisplay: string;\r\n GroupId: string;\r\n GroupOrder: number;\r\n GroupScore: number;\r\n}\r\n\r\nexport class Options {\r\n OptionDisplay: string;\r\n OptionGroup: string;\r\n OptionOrder: number;\r\n OptionRequiresRemarks: boolean;\r\n OptionScore: number;\r\n OptionValue: string;\r\n OptionIsSelected: boolean;\r\n OptionRemarksMandatory: boolean;\r\n}\r\n\r\nexport class PropertyValidation {\r\n Condition :string;\r\n FormatValidationMessage :string;\r\n InvalidFormat: boolean;\r\n IsMandatory: boolean;\r\n NoMatch:boolean;\r\n PropertyFormat: string;\r\n PropertyId: string;\r\n PropertyLength: number;\r\n PropertyValidationId:string;\r\n MinMaxType: string;\r\n MaxValue: string;\r\n MinValue: string;\r\n}\r\n\r\nexport class ValueSelection {\r\n IsSelected:boolean;\r\n SelectionValue:string;\r\n SelectionMapValue:string;\r\n SelectionDisplay:string;\r\n GroupBy:string;\r\n HasChild: boolean;\r\n}\r\n\r\nexport class DetailPropertyGroup{\r\n InitialLoad: boolean;\r\n IsExpanded: boolean;\r\n IsExport: boolean;\r\n GroupActions:Action[];\r\n GroupFormat:string;\r\n GroupId:string;\r\n GroupName:string;\r\n GroupDisplay:string;\r\n GroupOrder:number;\r\n GroupType:string;\r\n HasHelp:boolean;\r\n HelpId:string;\r\n RelatedDocument:string;\r\n SummaryName:string;\r\n SectionId:string;\r\n ShowSummary:boolean;\r\n ShowSummarySettings:boolean;\r\n SummaryCollapsed:boolean;\r\n TriggerFocus: boolean;\r\n}\r\n\r\nexport class DetailSection{\r\n SectionId:string;\r\n SectionName:string;\r\n SectionDisplay:string;\r\n SectionOrder:number;\r\n HasHelp: boolean;\r\n HelpId: string;\r\n ValidationStatus:string;\r\n}\r\n\r\nexport class GroupAction {\r\n Actions: Action[];\r\n GroupDisplay: string;\r\n GroupId: string;\r\n GroupName: string;\r\n GroupOrder: number;\r\n GroupType: string;\r\n}\r\n\r\nexport class Action{\r\n ActionId:string;\r\n ActionName:string;\r\n ActionDisplay:string;\r\n ActionCommand:string;\r\n ActionOrder:number;\r\n DisplayOnGroup:string;\r\n IsHidden: boolean;\r\n SubActions:Action[];\r\n TriggersPrompt:boolean;\r\n TriggersValidation:boolean;\r\n TriggersSubAction:string;\r\n PromptType:string;\r\n PromptMessage:string;\r\n}\r\n\r\n\r\nexport class InfoCard{\r\n DocumentMasterId:string;\r\n DocumentInstanceId:string;\r\n InfoCardHeaderDisplay:string;\r\n InfoCardName:string;\r\n InfoCardType:string;\r\n InfoCardLayout:string;\r\n Sections: InfoCardSection[];\r\n HasHelp:boolean;\r\n HelpId:string;\r\n}\r\n\r\nexport class InfoCardSection{\r\n SectionHeaderFormat:string;\r\n SectionHeaderDisplayFormat:string;\r\n SectionHeaderValue:string;\r\n SectionContentFormat:string;\r\n SectionContentDisplayFormat:string;\r\n SectionContentValue:string;\r\n}\r\n\r\nexport class AttachmentSummary{\r\n AttachmentId:string;\r\n AttachmentName:string;\r\n AttachmentSizeInBytes:number;\r\n AttachmentUrl:any;\r\n}\r\n\r\nexport class CombinationProperty {\r\n combinationId: string;\r\n properties: DetailProperty[];\r\n columnWidth: any[];\r\n IsInputLabel:boolean;\r\n}","var Detail = /** @class */ (function () {\n function Detail() {\n }\n return Detail;\n}());\nexport { Detail };\nvar DetailProperty = /** @class */ (function () {\n function DetailProperty() {\n }\n return DetailProperty;\n}());\nexport { DetailProperty };\nvar FormProperties = /** @class */ (function () {\n function FormProperties() {\n }\n return FormProperties;\n}());\nexport { FormProperties };\nvar TransportValueSelection = /** @class */ (function () {\n function TransportValueSelection() {\n }\n return TransportValueSelection;\n}());\nexport { TransportValueSelection };\nvar OptionsGroup = /** @class */ (function () {\n function OptionsGroup() {\n }\n return OptionsGroup;\n}());\nexport { OptionsGroup };\nvar Options = /** @class */ (function () {\n function Options() {\n }\n return Options;\n}());\nexport { Options };\nvar PropertyValidation = /** @class */ (function () {\n function PropertyValidation() {\n }\n return PropertyValidation;\n}());\nexport { PropertyValidation };\nvar ValueSelection = /** @class */ (function () {\n function ValueSelection() {\n }\n return ValueSelection;\n}());\nexport { ValueSelection };\nvar DetailPropertyGroup = /** @class */ (function () {\n function DetailPropertyGroup() {\n }\n return DetailPropertyGroup;\n}());\nexport { DetailPropertyGroup };\nvar DetailSection = /** @class */ (function () {\n function DetailSection() {\n }\n return DetailSection;\n}());\nexport { DetailSection };\nvar GroupAction = /** @class */ (function () {\n function GroupAction() {\n }\n return GroupAction;\n}());\nexport { GroupAction };\nvar Action = /** @class */ (function () {\n function Action() {\n }\n return Action;\n}());\nexport { Action };\nvar InfoCard = /** @class */ (function () {\n function InfoCard() {\n }\n return InfoCard;\n}());\nexport { InfoCard };\nvar InfoCardSection = /** @class */ (function () {\n function InfoCardSection() {\n }\n return InfoCardSection;\n}());\nexport { InfoCardSection };\nvar AttachmentSummary = /** @class */ (function () {\n function AttachmentSummary() {\n }\n return AttachmentSummary;\n}());\nexport { AttachmentSummary };\nvar CombinationProperty = /** @class */ (function () {\n function CombinationProperty() {\n }\n return CombinationProperty;\n}());\nexport { CombinationProperty };\n","export class Device {\r\n deviceInfo: DeviceInfo;\r\n isMobile: boolean;\r\n isTablet: boolean;\r\n isDekstop: boolean;\r\n deviceType: DeviceType\r\n}\r\n\r\nexport interface DeviceInfo {\r\n userAgent: string;\r\n os: string;\r\n browser: string;\r\n device: string;\r\n os_version: string;\r\n browser_version: string;\r\n}\r\n\r\nexport enum DeviceType {\r\n MOBILE,\r\n TABLET,\r\n DESKTOP\r\n}","var Device = /** @class */ (function () {\n function Device() {\n }\n return Device;\n}());\nexport { Device };\nexport var DeviceType;\n(function (DeviceType) {\n DeviceType[DeviceType[\"MOBILE\"] = 0] = \"MOBILE\";\n DeviceType[DeviceType[\"TABLET\"] = 1] = \"TABLET\";\n DeviceType[DeviceType[\"DESKTOP\"] = 2] = \"DESKTOP\";\n})(DeviceType || (DeviceType = {}));\n","export class RespondConfirmation {\r\n inputText: string;\r\n answer: string;\r\n}\r\n\r\nexport class CustomRespondConfirmation {\r\n respondObject:any;\r\n answer:string;\r\n}","var RespondConfirmation = /** @class */ (function () {\n function RespondConfirmation() {\n }\n return RespondConfirmation;\n}());\nexport { RespondConfirmation };\nvar CustomRespondConfirmation = /** @class */ (function () {\n function CustomRespondConfirmation() {\n }\n return CustomRespondConfirmation;\n}());\nexport { CustomRespondConfirmation };\n","import * as i0 from \"@angular/core\";\nvar Globals = /** @class */ (function () {\n function Globals() {\n }\n Globals.ngInjectableDef = i0.defineInjectable({ factory: function Globals_Factory() { return new Globals(); }, token: Globals, providedIn: \"root\" });\n return Globals;\n}());\nexport { Globals };\n","import { Injectable } from '@angular/core';\r\nimport { AppSession } from '../objects/Session';\r\n\r\n@Injectable( {providedIn:'root'} )\r\nexport class Globals {\r\n Session: AppSession;\r\n CardItems:string[];\r\n CurrentActiveDetailId:string;\r\n }","export class Session {\r\n CommunityId:string;\r\n SessionId: string;\r\n UserId: string;\r\n UserName: string;\r\n DisplayName: string;\r\n Email: string;\r\n LastLogin: string;\r\n TimeZoneSetting: string;\r\n LanguageSetting: string;\r\n CurrentActivePath:string;\r\n}\r\n\r\nexport class AppSession {\r\n HoldId:string;\r\n HoldMessage:string;\r\n Session:Session;\r\n HomeUrl:string[];\r\n SessionKey:string;\r\n}\r\n\r\nexport enum SessionTimerStatus {\r\n START,\r\n RESET,\r\n STOP\r\n}","var Session = /** @class */ (function () {\n function Session() {\n }\n return Session;\n}());\nexport { Session };\nvar AppSession = /** @class */ (function () {\n function AppSession() {\n }\n return AppSession;\n}());\nexport { AppSession };\nexport var SessionTimerStatus;\n(function (SessionTimerStatus) {\n SessionTimerStatus[SessionTimerStatus[\"START\"] = 0] = \"START\";\n SessionTimerStatus[SessionTimerStatus[\"RESET\"] = 1] = \"RESET\";\n SessionTimerStatus[SessionTimerStatus[\"STOP\"] = 2] = \"STOP\";\n})(SessionTimerStatus || (SessionTimerStatus = {}));\n","export class Summary {\r\n ColumnHasSearch:boolean;\r\n SummaryId:string;\r\n SummaryName:string;\r\n SummaryClass:string;\r\n SystemSummaryName: string;\r\n TypeCode:string;\r\n TypeName:string;\r\n TotalRows:number;\r\n AvailablePages:number;\r\n PageSize:number;\r\n CurrentPage:number;\r\n SelectionType:string;\r\n CellSelectionType:string;\r\n ShowCheckmark:boolean;\r\n ShowFooter:boolean;\r\n ShowsFirstDetail:boolean;\r\n SortOptions:SummarySortOption[];\r\n IsDualView: boolean;\r\n IsScrollingTable: boolean;\r\n IsSortedAscending:boolean;\r\n Columns:SummaryColumn[];\r\n CardLayoutProperties:SummaryCardLayout[];\r\n Data;\r\n Functions: SummaryFunctions[];\r\n Actions:SummaryActions[];\r\n RowActions: SummaryActions[];\r\n HeaderText:string;\r\n FooterText:string;\r\n FooterHasButton: boolean;\r\n CardImageList: CardImage[];\r\n SummaryDisplay: string;\r\n }\r\n\r\n export class SummaryFunctions {\r\n ActionDisplay: string;\r\n ActionParameter: string;\r\n ActionSequence: number;\r\n ActionType: string;\r\n }\r\n\r\n export class SummaryColumn{\r\n AdditionalInfo:ValueSelection[];\r\n AdditionalParameter:string;\r\n ColumnFilterString: string;\r\n ColumnFilterArray:string[];\r\n ColumnIsSorted: boolean;\r\n ColumnSortIsAsc: boolean;\r\n FilterValueSelection: ValueSelection[];\r\n HasFooter: boolean;\r\n HasRemaining: boolean;\r\n IsID:boolean;\r\n IsFilterChanged:boolean;\r\n PropertyDisplay:string;\r\n PropertyId:string;\r\n PropertyIsHidden:boolean;\r\n PropertyName:string;\r\n PropertyOrder:number;\r\n RemainingValueColumn:string;\r\n ViewColumnFormat:string;\r\n ViewColumnType:string;\r\n WidthWeight:number;\r\n SortOrder:string;\r\n SortValue:string;\r\n CellsSelected:number;\r\n }\r\n\r\n export class SummaryCardLayout{\r\n CardProperty:string;\r\n PropertyFormat: string;\r\n PropertyName:string;\r\n PropertyColumnType:string;\r\n LayoutType:string;\r\n ColumnParameter:string;\r\n }\r\n\r\n export class SummarySortOption{\r\n SortField:string;\r\n SortOptionType:string;\r\n SortOrderIsAscending:boolean;\r\n SortOptionDisplay:string;\r\n IsSelected:boolean;\r\n }\r\n\r\n export class SummaryActions{\r\n ActionId:string;\r\n ActionName:string;\r\n ActionDisplay:string;\r\n ActionCommand:string;\r\n ActionOrder: number;\r\n DisplayOnGroup:string;\r\n ExactOneSelection: boolean;\r\n GroupId: string;\r\n IsDisabled: boolean;\r\n IsHidden: boolean;\r\n PromptMessage: string;\r\n PromptType: string;\r\n RequiresCellSelection:boolean;\r\n RequiresSelection: boolean;\r\n TriggersPrompt: boolean;\r\n TriggersValidation: boolean;\r\n }\r\n\r\n export class FilterOption{\r\n FilterField:string;\r\n FilterOptionType:string;\r\n FilterOptionDisplay:string;\r\n FilterOptionItems:FilterOptionItem[];\r\n SelectedFilterItem: string[];\r\n HasAdvancedFilter:boolean;\r\n AdvancedFilterValue: string;\r\n AdvancedFilterType: string;\r\n IsDropdownOpen:boolean;\r\n IsLoading: boolean;\r\n }\r\n\r\n export class FilterOptionItem{\r\n IsChecked:boolean;\r\n ItemValue:string;\r\n ItemDisplay:string;\r\n }\r\n\r\n export class AdvancedFilter {\r\n FilterField: string;\r\n FilterType: string;\r\n FilterValue: string;\r\n SelectedValues: string[];\r\n }\r\n\r\n export class CardImage {\r\n DocumentId: string;\r\n ImageId: string;\r\n Blob: any;\r\n }\r\n\r\n export class SubDetail {\r\n DocumentInstanceId: string;\r\n SummaryId: string;\r\n }\r\n\r\n export class PendingItemCount{\r\n IconType:string;\r\n IconText: number;\r\n IconColor:string;\r\n ViewID: number;\r\n ItemCount:string;\r\n ItemSequence:string;\r\n }\r\n \r\n export class ValueSelection {\r\n IsSelected:boolean;\r\n SelectionValue:string;\r\n SelectionDisplay:string;\r\n }\r\n\r\n export class SummaryPage {\r\n currentPage:number;\r\n availablePage:number;\r\n }\r\n\r\n export class StackCardBasic {\r\n StackNo:number;\r\n GroupId:string;\r\n Id:string;\r\n Type:string;\r\n ToggleNo:number;\r\n ShowCards:boolean;\r\n }","var Summary = /** @class */ (function () {\n function Summary() {\n }\n return Summary;\n}());\nexport { Summary };\nvar SummaryFunctions = /** @class */ (function () {\n function SummaryFunctions() {\n }\n return SummaryFunctions;\n}());\nexport { SummaryFunctions };\nvar SummaryColumn = /** @class */ (function () {\n function SummaryColumn() {\n }\n return SummaryColumn;\n}());\nexport { SummaryColumn };\nvar SummaryCardLayout = /** @class */ (function () {\n function SummaryCardLayout() {\n }\n return SummaryCardLayout;\n}());\nexport { SummaryCardLayout };\nvar SummarySortOption = /** @class */ (function () {\n function SummarySortOption() {\n }\n return SummarySortOption;\n}());\nexport { SummarySortOption };\nvar SummaryActions = /** @class */ (function () {\n function SummaryActions() {\n }\n return SummaryActions;\n}());\nexport { SummaryActions };\nvar FilterOption = /** @class */ (function () {\n function FilterOption() {\n }\n return FilterOption;\n}());\nexport { FilterOption };\nvar FilterOptionItem = /** @class */ (function () {\n function FilterOptionItem() {\n }\n return FilterOptionItem;\n}());\nexport { FilterOptionItem };\nvar AdvancedFilter = /** @class */ (function () {\n function AdvancedFilter() {\n }\n return AdvancedFilter;\n}());\nexport { AdvancedFilter };\nvar CardImage = /** @class */ (function () {\n function CardImage() {\n }\n return CardImage;\n}());\nexport { CardImage };\nvar SubDetail = /** @class */ (function () {\n function SubDetail() {\n }\n return SubDetail;\n}());\nexport { SubDetail };\nvar PendingItemCount = /** @class */ (function () {\n function PendingItemCount() {\n }\n return PendingItemCount;\n}());\nexport { PendingItemCount };\nvar ValueSelection = /** @class */ (function () {\n function ValueSelection() {\n }\n return ValueSelection;\n}());\nexport { ValueSelection };\nvar SummaryPage = /** @class */ (function () {\n function SummaryPage() {\n }\n return SummaryPage;\n}());\nexport { SummaryPage };\nvar StackCardBasic = /** @class */ (function () {\n function StackCardBasic() {\n }\n return StackCardBasic;\n}());\nexport { StackCardBasic };\n","export class ThemeSetting {\r\n animationType?: any;\r\n backdropBackgroundColour?: any; \r\n backdropBorderRadius?: any;\r\n primaryColour: string;\r\n secondaryColour:string;\r\n tertiaryColour?: string;\r\n accentColour: string;\r\n }","var ThemeSetting = /** @class */ (function () {\n function ThemeSetting() {\n }\n return ThemeSetting;\n}());\nexport { ThemeSetting };\n","export class Toaster {\r\n id:string;\r\n timestamp:number;\r\n title?:string;\r\n content?:string;\r\n}","var Toaster = /** @class */ (function () {\n function Toaster() {\n }\n return Toaster;\n}());\nexport { Toaster };\n","import * as i0 from \"@angular/core\";\nvar ViewSummaryItem = /** @class */ (function () {\n function ViewSummaryItem() {\n }\n return ViewSummaryItem;\n}());\nexport { ViewSummaryItem };\nvar View = /** @class */ (function () {\n function View() {\n }\n View.ngInjectableDef = i0.defineInjectable({ factory: function View_Factory() { return new View(); }, token: View, providedIn: \"root\" });\n return View;\n}());\nexport { View };\nvar DocumentOutline = /** @class */ (function () {\n function DocumentOutline() {\n }\n return DocumentOutline;\n}());\nexport { DocumentOutline };\n","import { Injectable } from \"@angular/core\";\r\n\r\nexport class ViewSummaryItem{\r\n ViewID:string;\r\n ViewName:string;\r\n ChildCount:number;\r\n IsSystemView:boolean;\r\n ChildList:ViewSummaryItem[];\r\n ViewOrder:number;\r\n}\r\n\r\n@Injectable( {providedIn:'root'} )\r\nexport class View {\r\n currentView?: string;\r\n}\r\n\r\nexport class DocumentOutline {\r\n ItemId: string;\r\n ItemType: string;\r\n ItemDisplay: string;\r\n ChildCount: number;\r\n ViewOrder: number;\r\n ChildList: DocumentOutline[];\r\n}","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".container-loader[_ngcontent-%COMP%] {\\r\\n height: calc(100% - 1.5rem);\\r\\n width:100%;\\r\\n padding-right: 5px;\\r\\n display: block;\\r\\n position: absolute;\\r\\n background: rgba(255,255, 255, 0.5) ;\\r\\n z-index: 555;\\r\\n min-height: 150px;\\r\\n}\\r\\n\\r\\n.custom-class[_ngcontent-%COMP%] {\\r\\n top: 0;\\r\\n z-index: 2002;\\r\\n position: absolute;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n border-radius: 3px;\\r\\n}\\r\\n\\r\\n.custom-class[_ngcontent-%COMP%] h4[_ngcontent-%COMP%] {\\r\\n top: -50px;\\r\\n position: relative;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./onetimeaction.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../../../node_modules/ngx-loading/ngx-loading.ngfactory\";\nimport * as i3 from \"ngx-loading\";\nimport * as i4 from \"@angular/common\";\nimport * as i5 from \"./onetimeaction.component\";\nimport * as i6 from \"@angular/router\";\nimport * as i7 from \"../services/header.service\";\nimport * as i8 from \"../services/message-popup.service\";\nimport * as i9 from \"../services/theme-setting.service\";\nvar styles_OnetimeactionComponent = [i0.styles];\nvar RenderType_OnetimeactionComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_OnetimeactionComponent, data: {} });\nexport { RenderType_OnetimeactionComponent as RenderType_OnetimeactionComponent };\nfunction View_OnetimeactionComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"custom-class\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"h4\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Processing action...\"]))], null, null); }\nfunction View_OnetimeactionComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"container-loader\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"ngx-loading\", [], null, null, null, i2.View_NgxLoadingComponent_0, i2.RenderType_NgxLoadingComponent)), i1.ɵdid(2, 114688, null, 0, i3.NgxLoadingComponent, [i3.NgxLoadingService, i1.ChangeDetectorRef], { show: [0, \"show\"], config: [1, \"config\"], template: [2, \"template\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isBusy; var currVal_1 = _co.loaderConfig; var currVal_2 = i1.ɵnov(_v.parent, 1); _ck(_v, 2, 0, currVal_0, currVal_1, currVal_2); }, null); }\nexport function View_OnetimeactionComponent_0(_l) { return i1.ɵvid(0, [i1.ɵqud(402653184, 1, { customLoadingTemplate: 0 }), (_l()(), i1.ɵand(0, [[1, 2], [\"customLoadingTemplate\", 2]], null, 0, null, View_OnetimeactionComponent_1)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_OnetimeactionComponent_2)), i1.ɵdid(3, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isBusy; _ck(_v, 3, 0, currVal_0); }, null); }\nexport function View_OnetimeactionComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-onetimeaction\", [], null, null, null, View_OnetimeactionComponent_0, RenderType_OnetimeactionComponent)), i1.ɵdid(1, 114688, null, 0, i5.OnetimeactionComponent, [i6.Router, i6.ActivatedRoute, i7.HeaderService, i8.MessagePopupService, i9.ThemeSettingService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar OnetimeactionComponentNgFactory = i1.ɵccf(\"app-onetimeaction\", i5.OnetimeactionComponent, View_OnetimeactionComponent_Host_0, {}, {}, []);\nexport { OnetimeactionComponentNgFactory as OnetimeactionComponentNgFactory };\n","\r\n \r\n;\n isBusy:boolean = true;\n loaderConfig:any;\n\n constructor(private router:Router, private route:ActivatedRoute, private headerService:HeaderService, private messagePopupService: MessagePopupService, private themeSettingService: ThemeSettingService) { }\n\n ngOnInit() {\n var themes:ThemeSetting = this.themeSettingService.getTheme();\n this.loaderConfig = themes;\n var oneTimeKey = this.route.snapshot.paramMap.get('oneTimeKey');\n var userId = this.route.snapshot.paramMap.get('userId');\n this.headerService.performOneTimeAction(userId,oneTimeKey).subscribe(result=>{\n this.router.navigate([\"/\"]);\n this.isBusy = false;\n if (result){\n this.handleWorkflowReturn(result);\n }\n else{\n this.messagePopupService.popMessage(\"Error\", \"One time key is not valid.\", [\"OK\"]).subscribe((respond) => {\n });\n }\n });\n }\n\n handleWorkflowReturn(result: any): any {\n var command = JSON.parse(result);\n switch(command.ReturnType){\n case 0:\n if(command.Arguments){\n var path = [];\n command.Arguments.forEach(element => {\n path.push(element);\n });\n this.router.navigate(path);\n }\n break;\n case 1:\n this.messagePopupService.popMessage(command.Arguments[0], command.Arguments[1], [\"OK\"]).subscribe((respond) => {\n \n });\n break;\n case 8:\n this.messagePopupService.popMessage(command.Arguments[0], command.Arguments[1], [\"OK\"]).subscribe((respond) => {\n if (respond.answer == \"OK\"){\n var path = [];\n command.Arguments.forEach(argument => {\n path.push(argument);\n });\n if (path.length > 2){\n var newPath = path.slice(2);\n this.router.navigate(newPath);\n }\n }\n });\n break;\n }\n \n }\n}\n","import { OnInit, TemplateRef } from '@angular/core';\nimport { HeaderService } from '../services/header.service';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { MessagePopupService } from '../services/message-popup.service';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nvar OnetimeactionComponent = /** @class */ (function () {\n function OnetimeactionComponent(router, route, headerService, messagePopupService, themeSettingService) {\n this.router = router;\n this.route = route;\n this.headerService = headerService;\n this.messagePopupService = messagePopupService;\n this.themeSettingService = themeSettingService;\n this.isBusy = true;\n }\n OnetimeactionComponent.prototype.ngOnInit = function () {\n var _this = this;\n var themes = this.themeSettingService.getTheme();\n this.loaderConfig = themes;\n var oneTimeKey = this.route.snapshot.paramMap.get('oneTimeKey');\n var userId = this.route.snapshot.paramMap.get('userId');\n this.headerService.performOneTimeAction(userId, oneTimeKey).subscribe(function (result) {\n _this.router.navigate([\"/\"]);\n _this.isBusy = false;\n if (result) {\n _this.handleWorkflowReturn(result);\n }\n else {\n _this.messagePopupService.popMessage(\"Error\", \"One time key is not valid.\", [\"OK\"]).subscribe(function (respond) {\n });\n }\n });\n };\n OnetimeactionComponent.prototype.handleWorkflowReturn = function (result) {\n var _this = this;\n var command = JSON.parse(result);\n switch (command.ReturnType) {\n case 0:\n if (command.Arguments) {\n var path = [];\n command.Arguments.forEach(function (element) {\n path.push(element);\n });\n this.router.navigate(path);\n }\n break;\n case 1:\n this.messagePopupService.popMessage(command.Arguments[0], command.Arguments[1], [\"OK\"]).subscribe(function (respond) {\n });\n break;\n case 8:\n this.messagePopupService.popMessage(command.Arguments[0], command.Arguments[1], [\"OK\"]).subscribe(function (respond) {\n if (respond.answer == \"OK\") {\n var path = [];\n command.Arguments.forEach(function (argument) {\n path.push(argument);\n });\n if (path.length > 2) {\n var newPath = path.slice(2);\n _this.router.navigate(newPath);\n }\n }\n });\n break;\n }\n };\n return OnetimeactionComponent;\n}());\nexport { OnetimeactionComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\"\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./page-not-found.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"./page-not-found.component\";\nvar styles_PageNotFoundComponent = [i0.styles];\nvar RenderType_PageNotFoundComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_PageNotFoundComponent, data: {} });\nexport { RenderType_PageNotFoundComponent as RenderType_PageNotFoundComponent };\nexport function View_PageNotFoundComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 6, \"div\", [[\"style\", \"position:relative;height: 100%;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 5, \"div\", [[\"style\", \"text-align: center;position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 0, \"img\", [[\"src\", \"../../assets/images/page-not-found.png\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"p\", [[\"style\", \"font-size: 4.5rem\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"404 Error\"])), (_l()(), i1.ɵeld(5, 0, null, null, 1, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Page not found\"]))], null, null); }\nexport function View_PageNotFoundComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-page-not-found\", [], null, null, null, View_PageNotFoundComponent_0, RenderType_PageNotFoundComponent)), i1.ɵdid(1, 114688, null, 0, i2.PageNotFoundComponent, [], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar PageNotFoundComponentNgFactory = i1.ɵccf(\"app-page-not-found\", i2.PageNotFoundComponent, View_PageNotFoundComponent_Host_0, {}, {}, []);\nexport { PageNotFoundComponentNgFactory as PageNotFoundComponentNgFactory };\n","\n \n \n \n","import { Component, OnInit, Input, OnDestroy } from '@angular/core';\nimport { SummaryService } from '../services/summary.service';\nimport { Globals } from '../objects/Globals';\nimport { PendingItemCount } from '../objects/SummaryObject';\nimport { Router } from '@angular/router';\nimport { SwiperConfigInterface } from 'node_modules/ngx-swiper-wrapper';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { WorkspaceService } from '../services/workspace.service';\n\n@Component({\n selector: 'app-pendingitem',\n templateUrl: './pendingitem.component.html',\n styleUrls: ['./pendingitem.component.css']\n})\nexport class PendingitemComponent implements OnInit {\n private componentId:string;\n loaderConfig: any;\n pendingItems:PendingItemCount[];\n isBusy:boolean = false;\n noData: boolean;\n \n public config: SwiperConfigInterface = {\n direction: 'horizontal',\n slidesPerView: 4,\n keyboard: true,\n navigation: true,\n pagination: false,\n spaceBetween: 0,\n breakpoints: {\n 380: {\n slidesPerView: 2\n },\n 768: {\n slidesPerView: 3\n },\n 1280: {\n slidesPerView: 4\n }\n }\n };\n\n @Input() filledSpace:number = 0;\n\n constructor(private summaryService:SummaryService, private globals:Globals, private router:Router, private themeSettingService:ThemeSettingService, private workspaceService: WorkspaceService) { }\n\n ngOnInit() {\n this.loaderConfig = this.themeSettingService.getTheme();\n \n if(this.globals.Session){\n this.isBusy = true;\n this.summaryService.createSummaryPendingItems().subscribe(result=>{\n this.componentId = result;\n this.summaryService.getSummaryPendingItems(result).subscribe(pendingList=>{\n this.isBusy = false;\n this.pendingItems = [];\n var items:PendingItemCount[] = JSON.parse(pendingList);\n if (items){\n items = items.filter(x => x.ItemCount != \"0\");\n this.pendingItems = items.sort(this.sortPendingItems);\n }\n }, error => {\n this.isBusy = false;\n })\n }, error => {\n this.isBusy = false;\n });\n }\n }\n\n sortPendingItems(a: PendingItemCount,b: PendingItemCount) {\n if (a.ItemSequence < b.ItemSequence)\n return -1;\n if (a.ItemSequence > b.ItemSequence)\n return 1;\n return 0;\n }\n\n selectPending(type:string){\n this.isBusy = true;\n this.summaryService.selectSummaryPendingItems(this.componentId, type).subscribe(result=>{\n this.handleWorkflowReturn(result);\n this.isBusy = false;\n }, error => {\n this.isBusy = false;\n });\n }\n\n prevPage(){\n\n }\n\n nextPage(){\n \n }\n\n handleWorkflowReturn(result: any): any {\n var command = JSON.parse(result);\n switch(command.ReturnType){\n case 0: // navigate\n if(command.Arguments){\n var path = [];\n command.Arguments.forEach(element => {\n path.push(element);\n });\n this.router.navigate(path);\n }\n break;\n }\n }\n}\n","import { OnInit } from '@angular/core';\nimport { SummaryService } from '../services/summary.service';\nimport { Globals } from '../objects/Globals';\nimport { Router } from '@angular/router';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { WorkspaceService } from '../services/workspace.service';\nvar PendingitemComponent = /** @class */ (function () {\n function PendingitemComponent(summaryService, globals, router, themeSettingService, workspaceService) {\n this.summaryService = summaryService;\n this.globals = globals;\n this.router = router;\n this.themeSettingService = themeSettingService;\n this.workspaceService = workspaceService;\n this.isBusy = false;\n this.config = {\n direction: 'horizontal',\n slidesPerView: 4,\n keyboard: true,\n navigation: true,\n pagination: false,\n spaceBetween: 0,\n breakpoints: {\n 380: {\n slidesPerView: 2\n },\n 768: {\n slidesPerView: 3\n },\n 1280: {\n slidesPerView: 4\n }\n }\n };\n this.filledSpace = 0;\n }\n PendingitemComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.loaderConfig = this.themeSettingService.getTheme();\n if (this.globals.Session) {\n this.isBusy = true;\n this.summaryService.createSummaryPendingItems().subscribe(function (result) {\n _this.componentId = result;\n _this.summaryService.getSummaryPendingItems(result).subscribe(function (pendingList) {\n _this.isBusy = false;\n _this.pendingItems = [];\n var items = JSON.parse(pendingList);\n if (items) {\n items = items.filter(function (x) { return x.ItemCount != \"0\"; });\n _this.pendingItems = items.sort(_this.sortPendingItems);\n }\n }, function (error) {\n _this.isBusy = false;\n });\n }, function (error) {\n _this.isBusy = false;\n });\n }\n };\n PendingitemComponent.prototype.sortPendingItems = function (a, b) {\n if (a.ItemSequence < b.ItemSequence)\n return -1;\n if (a.ItemSequence > b.ItemSequence)\n return 1;\n return 0;\n };\n PendingitemComponent.prototype.selectPending = function (type) {\n var _this = this;\n this.isBusy = true;\n this.summaryService.selectSummaryPendingItems(this.componentId, type).subscribe(function (result) {\n _this.handleWorkflowReturn(result);\n _this.isBusy = false;\n }, function (error) {\n _this.isBusy = false;\n });\n };\n PendingitemComponent.prototype.prevPage = function () {\n };\n PendingitemComponent.prototype.nextPage = function () {\n };\n PendingitemComponent.prototype.handleWorkflowReturn = function (result) {\n var command = JSON.parse(result);\n switch (command.ReturnType) {\n case 0:// navigate\n if (command.Arguments) {\n var path = [];\n command.Arguments.forEach(function (element) {\n path.push(element);\n });\n this.router.navigate(path);\n }\n break;\n }\n };\n return PendingitemComponent;\n}());\nexport { PendingitemComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".primary-menu-container[_ngcontent-%COMP%] {\\r\\n background-color: var(--primary);\\r\\n \\r\\n \\r\\n border-top: none;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.nav-item[_ngcontent-%COMP%] {\\r\\n color: #333;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n}\\r\\n\\r\\n.action-group[_ngcontent-%COMP%] {\\r\\n background-color: var(--primary);\\r\\n border-top: 1px solid #ddd;\\r\\n border-bottom: 1px solid #ddd;\\r\\n pointer-events: none;\\r\\n color: #fff;\\r\\n font-weight: 600 !important;\\r\\n font-size: 13px;\\r\\n padding: 0px 15px;\\r\\n height: 28px;\\r\\n line-height: 26px;\\r\\n}\\r\\n\\r\\n.action-group.first[_ngcontent-%COMP%] {\\r\\n margin-top: -8px;\\r\\n}\\r\\n\\r\\n.action-group[_ngcontent-%COMP%]:hover {\\r\\n color:#333;\\r\\n background-color: #f5f5f5;\\r\\n}\\r\\n\\r\\n.dropdown-menu-cs[_ngcontent-%COMP%] {\\r\\n border: none;\\r\\n background-color: #fff;\\r\\n margin-top: 0px;\\r\\n border-top-left-radius: 0px;\\r\\n border-top-right-radius: 0px;\\r\\n box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;\\r\\n border-radius: 2px;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n#primaryMenuBar[_ngcontent-%COMP%] {\\r\\n z-index: 99;\\r\\n height: 100%;\\r\\n margin-left: 0;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.navbar-nav[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n height: 100%;\\r\\n font-size: 14px;\\r\\n color: #fff;\\r\\n font-weight: 400;\\r\\n position: relative;\\r\\n padding: 0 10px;\\r\\n cursor: pointer;\\r\\n margin-right: 1px;\\r\\n margin-left: 1px;\\r\\n transition: 0.1s ease-in-out;\\r\\n text-transform: uppercase;\\r\\n background-color: var(--primary);\\r\\n}\\r\\n\\r\\n.navbar-nav[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover, .btn.dropdown-cs[_ngcontent-%COMP%]:hover {\\r\\n background-color: var(--secondary);\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n.navbar-nav[_ngcontent-%COMP%] .dropdown-menu-cs[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a.active[_ngcontent-%COMP%] {\\r\\n color: var(--primary);\\r\\n background-color: var(--secondary);\\r\\n}\\r\\n\\r\\n.dropdown-menu-cs[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover, .navbar-nav[_ngcontent-%COMP%] .dropdown-menu-cs[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a.active[_ngcontent-%COMP%]:hover {\\r\\n background-color: var(--secondary);\\r\\n color: var(--accent);\\r\\n}\\r\\n\\r\\n.primary-menu-container.fix[_ngcontent-%COMP%] .arrow-down[_ngcontent-%COMP%]:after {\\r\\n top: 17px;\\r\\n}\\r\\n\\r\\n.btn-group.show[_ngcontent-%COMP%] .arrow-down[_ngcontent-%COMP%]:after {\\r\\n -webkit-transform: rotate(-90deg);\\r\\n -ms-transform: rotate(-90deg);\\r\\n transform: rotate(-90deg);\\r\\n}\\r\\n\\r\\n.arrow-down[_ngcontent-%COMP%]:after{\\r\\n position: absolute;\\r\\n right: 8px;\\r\\n top: 3px;\\r\\n margin-left: 8px;\\r\\n font-size: 9px;\\r\\n -webkit-transform: rotate(90deg);\\r\\n -ms-transform: rotate(90deg);\\r\\n transform: rotate(90deg);\\r\\n vertical-align: middle;\\r\\n content: \\\"\\\\f054\\\";\\r\\n font-family: FontAwesome;\\r\\n transition: -webkit-transform 0.1s;\\r\\n transition: transform 0.1s;\\r\\n transition: transform 0.1s, -webkit-transform 0.1s;\\r\\n}\\r\\n\\r\\n.hidden-menu[_ngcontent-%COMP%] .arrow-down[_ngcontent-%COMP%]:after {\\r\\n right: 15px;\\r\\n top: 0px;\\r\\n}\\r\\n\\r\\n.btn.dropdown-cs[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n padding: 0px 19px 0px 7px !important;\\r\\n background: transparent;\\r\\n border: none;\\r\\n border-radius: 0px;\\r\\n color: #fff;\\r\\n font-size: 14px;\\r\\n font-weight: 400;\\r\\n padding: 0;\\r\\n text-transform: uppercase;\\r\\n transition: 0.1s all;\\r\\n}\\r\\n\\r\\n.btn.dropdown-cs[aria-expanded=\\\"true\\\"][_ngcontent-%COMP%], .btn.dropdown-cs.active[_ngcontent-%COMP%] {\\r\\n background-color: var(--secondary);\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n.btn.dropdown-cs[_ngcontent-%COMP%]:focus {\\r\\n outline: none;\\r\\n box-shadow: none;\\r\\n}\\r\\n\\r\\n.dropdown-menu-cs[_ngcontent-%COMP%] > .nav-item[_ngcontent-%COMP%] > .dropdown-item[_ngcontent-%COMP%] {\\r\\n padding: .2rem 1rem;\\r\\n cursor: pointer;\\r\\n font-size: 13px;\\r\\n font-weight: 400;\\r\\n}\\r\\n\\r\\n.extra-menu[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.navbar-nav[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%] {\\r\\n margin-left: 0;\\r\\n}\\r\\n\\r\\n.navbar-nav[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a.active[_ngcontent-%COMP%] {\\r\\n color: var(--primary);\\r\\n background-color: var(--secondary);\\r\\n}\\r\\n\\r\\n.sticky[_ngcontent-%COMP%]{\\r\\n position: fixed;\\r\\n top: 0;\\r\\n overflow: hidden;\\r\\n z-index: 10;\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n.navbar-toggler[_ngcontent-%COMP%] {\\r\\n padding: .25rem .5rem;\\r\\n font-size: 16px;\\r\\n outline: none;\\r\\n height: auto;\\r\\n margin-top: 8px;\\r\\n}\\r\\n\\r\\n.icon-bar[_ngcontent-%COMP%]:nth-child(2) {\\r\\n width: 16px !important; \\r\\n transition: ease all .2s;\\r\\n}\\r\\n\\r\\n.navbar-toggler[_ngcontent-%COMP%]:hover > .icon-bar[_ngcontent-%COMP%]:nth-child(2) {\\r\\n width: 22px !important;\\r\\n transition: ease all .2s;\\r\\n}\\r\\n\\r\\n.navbar-toggler[_ngcontent-%COMP%] .icon-bar[_ngcontent-%COMP%] {\\r\\n transition: all 0.2s;\\r\\n background-color: #000;\\r\\n -webkit-transform: rotate(0deg) translate(0px, 0px);\\r\\n -ms-transform: rotate(0deg) translate(0px, 0px);\\r\\n transform: rotate(0deg) translate(0px, 0px);\\r\\n display: block;\\r\\n width: 22px;\\r\\n height: 2px;\\r\\n border-radius: 1px;\\r\\n}\\r\\n\\r\\n.navbar-toggler[_ngcontent-%COMP%] .icon-bar[_ngcontent-%COMP%] + .icon-bar[_ngcontent-%COMP%] {\\r\\n margin-top: 4px;\\r\\n}\\r\\n\\r\\n.navbar-toggler[_ngcontent-%COMP%]:not(:disabled):not(.disabled) {\\r\\n border:none;\\r\\n}\\r\\n\\r\\n.navbar-toggler[_ngcontent-%COMP%]:not(.collapsed) .icon-bar[_ngcontent-%COMP%]:nth-child(1) {\\r\\n -webkit-transform: rotate(45deg) translate(4px, 3px);\\r\\n -ms-transform: rotate(45deg) translate(4px, 3px);\\r\\n transform: rotate(45deg) translate(4px, 3px);\\r\\n transition: ease all .2s;\\r\\n}\\r\\n\\r\\n.navbar-toggler[_ngcontent-%COMP%]:not(.collapsed) .icon-bar[_ngcontent-%COMP%]:nth-child(2) {\\r\\n opacity: 0;\\r\\n transition: ease all .2s;\\r\\n}\\r\\n\\r\\n.navbar-toggler[_ngcontent-%COMP%]:not(.collapsed) .icon-bar[_ngcontent-%COMP%]:nth-child(3) {\\r\\n -webkit-transform: rotate(-45deg) translate(5px, -5px);\\r\\n -ms-transform: rotate(-45deg) translate(5px, -5px);\\r\\n transform: rotate(-45deg) translate(5px, -5px);\\r\\n transition: ease all .2s;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.hidden-menu[_ngcontent-%COMP%] {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n}\\r\\n\\r\\n.hidden-menu[_ngcontent-%COMP%] .btn-menu-item[_ngcontent-%COMP%] {\\r\\n color: var(--primary);\\r\\n padding: 0px 15px;\\r\\n line-height: 30px;\\r\\n height: 30px;\\r\\n}\\r\\n\\r\\n.hidden-menu[_ngcontent-%COMP%] .nav-item[_ngcontent-%COMP%]:hover {\\r\\n color: #fff;\\r\\n background-color: var(--secondary);\\r\\n}\\r\\n\\r\\n.show-more-btn[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n height: 100%;\\r\\n right: 2px;\\r\\n padding: 0 10px;\\r\\n border: 0;\\r\\n outline: none;\\r\\n background-color: var(--secondary);\\r\\n color: #fff;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.show-more-btn[_ngcontent-%COMP%]:after {\\r\\n content: attr(count);\\r\\n position: absolute;\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n left: -14px;\\r\\n top: 6px;\\r\\n text-align: center;\\r\\n background-color: var(--secondary);\\r\\n color: var(--primary);\\r\\n font-size: 14px;\\r\\n line-height: 22px;\\r\\n border-radius: 50%;\\r\\n border: 3px solid var(--primary);\\r\\n font-weight: bold;\\r\\n padding-left: 1px;\\r\\n}\\r\\n\\r\\n.hamburger[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n width: 24px;\\r\\n height: 4px;\\r\\n background: var(--primary);\\r\\n margin: auto;\\r\\n}\\r\\n\\r\\n.hamburger[_ngcontent-%COMP%]:before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n left: 0;\\r\\n width: 24px;\\r\\n height: 4px;\\r\\n background: var(--primary);\\r\\n top: -7px;\\r\\n}\\r\\n\\r\\n.hamburger[_ngcontent-%COMP%]:after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n left: 0;\\r\\n width: 24px;\\r\\n height: 4px;\\r\\n background: var(--primary);\\r\\n bottom: -7px;\\r\\n}\\r\\n\\r\\n.btn-menu-item[_ngcontent-%COMP%] {\\r\\n font-size: 14px;\\r\\n color: #fff;\\r\\n font-weight: inherit;\\r\\n text-transform: uppercase;\\r\\n height: 100%;\\r\\n font-family: 'Lato', sans-serif, Arial, Helvetica;\\r\\n border-radius: 0px;\\r\\n width: 100%;\\r\\n padding: 0 20px 0 10px;\\r\\n}\\r\\n\\r\\n.btn-menu-item[_ngcontent-%COMP%]:hover, .btn-menu-item[_ngcontent-%COMP%]:focus, .btn-menu-item[aria-expanded=true][_ngcontent-%COMP%] {\\r\\n background-color: var(--secondary);\\r\\n color: var(--primary);\\r\\n outline: none;\\r\\n}\\r\\n\\r\\n.sub-menu-item[_ngcontent-%COMP%] {\\r\\n height: 27px;\\r\\n line-height: 27px;\\r\\n font-family: 'Lato', sans-serif, Arial, Helvetica;\\r\\n font-size: 13px;\\r\\n}\\r\\n\\r\\n.sub-menu-item[_ngcontent-%COMP%]:hover {\\r\\n background-color: var(--secondary);\\r\\n}\\r\\n\\r\\n@media(max-width: 992px){\\r\\n #primaryMenuBar[_ngcontent-%COMP%] {\\r\\n border: none;\\r\\n background-color: var(--primary);\\r\\n }\\r\\n\\r\\n .navbar-toggler[_ngcontent-%COMP%] .icon-bar[_ngcontent-%COMP%] {\\r\\n background-color: #FFF;\\r\\n }\\r\\n\\r\\n .navbar-nav[_ngcontent-%COMP%] .dropdown-menu-cs[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n }\\r\\n\\r\\n .collapse.show[_ngcontent-%COMP%] {\\r\\n max-height: 430px !important;\\r\\n }\\r\\n\\r\\n #primaryMenuBar[_ngcontent-%COMP%] > .nav-item[_ngcontent-%COMP%] {\\r\\n height: 30px;\\r\\n }\\r\\n\\r\\n .navbar-nav[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%], .extra-menu[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .navbar-nav[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover, .btn.dropdown-cs[_ngcontent-%COMP%]:hover, .btn.dropdown-cs[aria-expanded=\\\"true\\\"][_ngcontent-%COMP%] {\\r\\n background-color: var(--secondary);\\r\\n color: #333;\\r\\n }\\r\\n\\r\\n .dropdown-menu-cs[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .arrow-down[_ngcontent-%COMP%]:after{\\r\\n top: 8px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media(min-width: 992px){\\r\\n\\r\\n .primary-menu-container[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n }\\r\\n\\r\\n .navbar-collapse[_ngcontent-%COMP%] {\\r\\n float: right;\\r\\n height: 100%;\\r\\n margin-top: 0px;\\r\\n transition: all 0.3s ease-in-out;\\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./primary-menu.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"../../../node_modules/@angular/material/menu/typings/index.ngfactory\";\nimport * as i4 from \"@angular/material/menu\";\nimport * as i5 from \"@angular/cdk/a11y\";\nimport * as i6 from \"../../../node_modules/@angular/material/button/typings/index.ngfactory\";\nimport * as i7 from \"@angular/material/button\";\nimport * as i8 from \"@angular/cdk/platform\";\nimport * as i9 from \"@angular/platform-browser/animations\";\nimport * as i10 from \"@angular/cdk/overlay\";\nimport * as i11 from \"@angular/cdk/bidi\";\nimport * as i12 from \"ngx-bootstrap/dropdown\";\nimport * as i13 from \"ngx-bootstrap/component-loader\";\nimport * as i14 from \"../ng-init.directive\";\nimport * as i15 from \"./primary-menu.component\";\nimport * as i16 from \"../services/login.service\";\nimport * as i17 from \"../services/header.service\";\nimport * as i18 from \"@angular/router\";\nimport * as i19 from \"../Globals\";\nimport * as i20 from \"../objects/Globals\";\nimport * as i21 from \"../services/workspace.service\";\nimport * as i22 from \"../services/main-loading.service\";\nimport * as i23 from \"@ngx-progressbar/core\";\nimport * as i24 from \"../services/workflow-return.service\";\nvar styles_PrimaryMenuComponent = [i0.styles];\nvar RenderType_PrimaryMenuComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_PrimaryMenuComponent, data: { \"animation\": [{ type: 7, name: \"slideInOut\", definitions: [{ type: 1, expr: \":enter\", animation: [{ type: 6, styles: { transform: \"translateY(-100%)\" }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: \"translateY(0%)\" }, offset: null }, timings: \"200ms ease-in\" }], options: null }, { type: 1, expr: \":leave\", animation: [{ type: 4, styles: { type: 6, styles: { transform: \"translateY(-100%)\" }, offset: null }, timings: \"200ms ease-in\" }], options: null }], options: {} }] } });\nexport { RenderType_PrimaryMenuComponent as RenderType_PrimaryMenuComponent };\nfunction View_PrimaryMenuComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"a\", [[\"class\", \"action-group\"]], [[8, \"id\", 0]], null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.parent.context.$implicit.ActionName + \"_link\"); _ck(_v, 0, 0, currVal_0); var currVal_1 = _v.parent.parent.context.$implicit.ActionDisplay; _ck(_v, 1, 0, currVal_1); }); }\nfunction View_PrimaryMenuComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"a\", [], [[8, \"id\", 0]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.selectMenuHeader(_v.parent.parent.context.$implicit.ActionCommand) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"active\": 0 }), (_l()(), i1.ɵted(3, null, [\"\", \"\"]))], function (_ck, _v) { var _co = _v.component; var currVal_1 = _ck(_v, 2, 0, (_v.parent.parent.context.$implicit.ActionCommand == _co.currentMenu)); _ck(_v, 1, 0, currVal_1); }, function (_ck, _v) { var currVal_0 = (_v.parent.parent.context.$implicit.ActionName + \"_link\"); _ck(_v, 0, 0, currVal_0); var currVal_2 = _v.parent.parent.context.$implicit.ActionDisplay; _ck(_v, 3, 0, currVal_2); }); }\nfunction View_PrimaryMenuComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_3)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_4)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = !_v.parent.context.$implicit.ActionCommand; _ck(_v, 2, 0, currVal_0); var currVal_1 = _v.parent.context.$implicit.ActionCommand; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_PrimaryMenuComponent_8(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [[\"class\", \"action-group\"]], [[2, \"first\", null]], null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.index == 0); _ck(_v, 0, 0, currVal_0); var currVal_1 = _v.parent.context.$implicit.ActionDisplay; _ck(_v, 1, 0, currVal_1); }); }\nfunction View_PrimaryMenuComponent_9(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"button\", [[\"class\", \"sub-menu-item mat-menu-item\"], [\"mat-menu-item\", \"\"]], [[1, \"role\", 0], [2, \"mat-menu-item-highlighted\", null], [2, \"mat-menu-item-submenu-trigger\", null], [1, \"tabindex\", 0], [1, \"aria-disabled\", 0], [1, \"disabled\", 0]], [[null, \"click\"], [null, \"mouseenter\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._checkDisabled($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"mouseenter\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleMouseEnter() !== false);\n ad = (pd_1 && ad);\n } if ((\"click\" === en)) {\n var pd_2 = (_co.selectMenuHeader(_v.parent.context.$implicit.ActionCommand) !== false);\n ad = (pd_2 && ad);\n } return ad; }, i3.View_MatMenuItem_0, i3.RenderType_MatMenuItem)), i1.ɵdid(1, 180224, [[5, 4]], 0, i4.MatMenuItem, [i1.ElementRef, i2.DOCUMENT, i5.FocusMonitor, [2, i4.ɵf24]], null, null), (_l()(), i1.ɵted(2, 0, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 1).role; var currVal_1 = i1.ɵnov(_v, 1)._highlighted; var currVal_2 = i1.ɵnov(_v, 1)._triggersSubmenu; var currVal_3 = i1.ɵnov(_v, 1)._getTabIndex(); var currVal_4 = i1.ɵnov(_v, 1).disabled.toString(); var currVal_5 = (i1.ɵnov(_v, 1).disabled || null); _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5); var currVal_6 = _v.parent.context.$implicit.ActionDisplay; _ck(_v, 2, 0, currVal_6); }); }\nfunction View_PrimaryMenuComponent_7(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_8)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_9)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = !_v.context.$implicit.ActionCommand; _ck(_v, 2, 0, currVal_0); var currVal_1 = _v.context.$implicit.ActionCommand; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_PrimaryMenuComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 11, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 16777216, null, null, 3, \"button\", [[\"aria-haspopup\", \"true\"], [\"class\", \"btn-menu-item arrow-down\"], [\"mat-button\", \"\"]], [[8, \"id\", 0], [8, \"disabled\", 0], [2, \"_mat-animation-noopable\", null], [1, \"aria-expanded\", 0]], [[null, \"menuOpened\"], [null, \"mousedown\"], [null, \"keydown\"], [null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"mousedown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 3)._handleMousedown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 3)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"click\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 3)._handleClick($event) !== false);\n ad = (pd_2 && ad);\n } if ((\"menuOpened\" === en)) {\n var pd_3 = (_co.menuOpened(_v.parent.parent.context.$implicit.ActionName) !== false);\n ad = (pd_3 && ad);\n } return ad; }, i6.View_MatButton_0, i6.RenderType_MatButton)), i1.ɵdid(2, 180224, null, 0, i7.MatButton, [i1.ElementRef, i8.Platform, i5.FocusMonitor, [2, i9.ANIMATION_MODULE_TYPE]], { disableRipple: [0, \"disableRipple\"] }, null), i1.ɵdid(3, 1196032, [[4, 4], [\"matMenuTrigger\", 4]], 0, i4.MatMenuTrigger, [i10.Overlay, i1.ElementRef, i1.ViewContainerRef, i4.MAT_MENU_SCROLL_STRATEGY, [2, i4.MatMenu], [8, null], [2, i11.Directionality], i5.FocusMonitor], { menu: [0, \"menu\"], menuData: [1, \"menuData\"] }, { menuOpened: \"menuOpened\" }), (_l()(), i1.ɵted(4, 0, [\"\", \"\"])), (_l()(), i1.ɵeld(5, 0, null, null, 6, \"mat-menu\", [], null, null, null, i3.View_MatMenu_0, i3.RenderType_MatMenu)), i1.ɵprd(6144, null, i4.ɵf24, null, [i4.MatMenu]), i1.ɵdid(7, 1294336, [[\"menu\", 4]], 2, i4.MatMenu, [i1.ElementRef, i1.NgZone, i4.MAT_MENU_DEFAULT_OPTIONS], { hasBackdrop: [0, \"hasBackdrop\"], panelClass: [1, \"panelClass\"] }, null), i1.ɵqud(603979776, 5, { items: 1 }), i1.ɵqud(335544320, 6, { lazyContent: 0 }), (_l()(), i1.ɵand(16777216, null, 0, 1, null, View_PrimaryMenuComponent_7)), i1.ɵdid(11, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_4 = true; _ck(_v, 2, 0, currVal_4); var currVal_5 = i1.ɵnov(_v, 7); var currVal_6 = _v.parent.parent.context.$implicit.ActionName; _ck(_v, 3, 0, currVal_5, currVal_6); var currVal_8 = false; var currVal_9 = ((_co.primary - _co.mat) - i1.ɵnov(_v, 7)); _ck(_v, 7, 0, currVal_8, currVal_9); var currVal_10 = _v.parent.parent.context.$implicit.SubActions; _ck(_v, 11, 0, currVal_10); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.returnId(_v.parent.parent.context.$implicit); var currVal_1 = (i1.ɵnov(_v, 2).disabled || null); var currVal_2 = (i1.ɵnov(_v, 2)._animationMode === \"NoopAnimations\"); var currVal_3 = (i1.ɵnov(_v, 3).menuOpen || null); _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2, currVal_3); var currVal_7 = _v.parent.parent.context.$implicit.ActionName; _ck(_v, 4, 0, currVal_7); }); }\nfunction View_PrimaryMenuComponent_13(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [[\"class\", \"dropdown-item action-group\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v.parent.parent.parent, 3).show() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.context.$implicit.ActionDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PrimaryMenuComponent_14(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"a\", [], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.selectMenuHeader(_v.parent.context.$implicit.ActionCommand) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"dropdown-item\": 0, \"active\": 1 }), (_l()(), i1.ɵted(3, null, [\"\", \"\"]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, true, (_v.parent.context.$implicit.ActionCommand == _co.currentMenu)); _ck(_v, 1, 0, currVal_0); }, function (_ck, _v) { var currVal_1 = _v.parent.context.$implicit.ActionDisplay; _ck(_v, 3, 0, currVal_1); }); }\nfunction View_PrimaryMenuComponent_12(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"li\", [[\"class\", \"nav-item\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_13)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_14)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = !_v.context.$implicit.ActionCommand; _ck(_v, 2, 0, currVal_0); var currVal_1 = _v.context.$implicit.ActionCommand; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_PrimaryMenuComponent_11(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"ul\", [[\"aria-labelledby\", \"dropdownMenu\"], [\"class\", \"dropdown-menu dropdown-menu-cs\"], [\"role\", \"menu\"]], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(2, { \"width\": 0, \"padding-top\": 1, \"border-top\": 2 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_12)), i1.ɵdid(4, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, _co.auto, (!_v.parent.parent.parent.context.$implicit.SubActions[0].ActionCommand ? \"0px\" : \"4px\"), (!_v.parent.parent.parent.context.$implicit.SubActions[0].ActionCommand ? \"none\" : \"1px solid rgba(0,0,0,.15)\")); _ck(_v, 1, 0, currVal_0); var currVal_1 = _v.parent.parent.parent.context.$implicit.SubActions; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_PrimaryMenuComponent_10(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 8, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 16777216, null, null, 7, \"div\", [[\"class\", \"btn-group res extra-menu\"], [\"dropdown\", \"\"]], [[2, \"dropup\", null], [2, \"open\", null], [2, \"show\", null]], null, null, null, null)), i1.ɵprd(512, null, i12.BsDropdownState, i12.BsDropdownState, []), i1.ɵdid(3, 212992, [[\"dp\", 4]], 0, i12.BsDropdownDirective, [i1.ElementRef, i1.Renderer2, i1.ViewContainerRef, i13.ComponentLoaderFactory, i12.BsDropdownConfig, i12.BsDropdownState], null, null), (_l()(), i1.ɵeld(4, 0, null, null, 2, \"button\", [[\"aria-expanded\", \"false\"], [\"aria-haspopup\", \"true\"], [\"class\", \"btn dropdown-cs arrow-down no-outline\"], [\"data-toggle\", \"dropdown\"], [\"dropdownToggle\", \"\"], [\"id\", \"dropdownMenu\"], [\"type\", \"button\"]], [[2, \"active\", null], [1, \"aria-haspopup\", 0], [1, \"disabled\", 0], [1, \"aria-expanded\", 0]], [[null, \"click\"], [\"document\", \"click\"], [null, \"keyup.esc\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5).onClick() !== false);\n ad = (pd_0 && ad);\n } if ((\"document:click\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 5).onDocumentClick($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"keyup.esc\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 5).onEsc() !== false);\n ad = (pd_2 && ad);\n } return ad; }, null, null)), i1.ɵdid(5, 147456, null, 0, i12.BsDropdownToggleDirective, [i12.BsDropdownState, i1.ElementRef, i12.BsDropdownDirective], null, null), (_l()(), i1.ɵted(6, null, [\" \", \" \"])), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_11)), i1.ɵdid(8, 16384, null, 0, i12.BsDropdownMenuDirective, [i12.BsDropdownState, i1.ViewContainerRef, i1.TemplateRef], null, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { _ck(_v, 3, 0); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵnov(_v, 3).dropup; var currVal_1 = i1.ɵnov(_v, 3).isOpen; var currVal_2 = (i1.ɵnov(_v, 3).isOpen && i1.ɵnov(_v, 3).isBs4); _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2); var currVal_3 = _co.hasActiveSubAction(_v.parent.parent.context.$implicit); var currVal_4 = true; var currVal_5 = i1.ɵnov(_v, 5).isDisabled; var currVal_6 = i1.ɵnov(_v, 5).isOpen; _ck(_v, 4, 0, currVal_3, currVal_4, currVal_5, currVal_6); var currVal_7 = _v.parent.parent.context.$implicit.ActionName; _ck(_v, 6, 0, currVal_7); }); }\nfunction View_PrimaryMenuComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_6)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_10)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = !_co.collapsed; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.collapsed; _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_PrimaryMenuComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"li\", [[\"class\", \"nav-item\"]], [[8, \"id\", 0]], [[null, \"ngInit\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"ngInit\" === en)) {\n var pd_0 = (_co.afterInit() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 81920, null, 0, i14.NgInitDirective, [], { isLast: [0, \"isLast\"] }, { initEvent: \"ngInit\" }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_2)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"subactions\", 2]], null, 0, null, View_PrimaryMenuComponent_5))], function (_ck, _v) { var currVal_1 = _v.context.last; _ck(_v, 1, 0, currVal_1); var currVal_2 = !_v.context.$implicit.SubActions; var currVal_3 = i1.ɵnov(_v, 4); _ck(_v, 3, 0, currVal_2, currVal_3); }, function (_ck, _v) { var currVal_0 = _v.context.$implicit.ActionName; _ck(_v, 0, 0, currVal_0); }); }\nfunction View_PrimaryMenuComponent_16(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"button\", [[\"class\", \"sub-menu-item mat-menu-item\"], [\"mat-menu-item\", \"\"]], [[1, \"role\", 0], [2, \"mat-menu-item-highlighted\", null], [2, \"mat-menu-item-submenu-trigger\", null], [1, \"tabindex\", 0], [1, \"aria-disabled\", 0], [1, \"disabled\", 0]], [[null, \"click\"], [null, \"mouseenter\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._checkDisabled($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"mouseenter\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleMouseEnter() !== false);\n ad = (pd_1 && ad);\n } return ad; }, i3.View_MatMenuItem_0, i3.RenderType_MatMenuItem)), i1.ɵdid(1, 180224, [[7, 4]], 0, i4.MatMenuItem, [i1.ElementRef, i2.DOCUMENT, i5.FocusMonitor, [2, i4.ɵf24]], null, null), (_l()(), i1.ɵted(2, 0, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 1).role; var currVal_1 = i1.ɵnov(_v, 1)._highlighted; var currVal_2 = i1.ɵnov(_v, 1)._triggersSubmenu; var currVal_3 = i1.ɵnov(_v, 1)._getTabIndex(); var currVal_4 = i1.ɵnov(_v, 1).disabled.toString(); var currVal_5 = (i1.ɵnov(_v, 1).disabled || null); _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5); var currVal_6 = _v.parent.context.$implicit.ActionDisplay; _ck(_v, 2, 0, currVal_6); }); }\nfunction View_PrimaryMenuComponent_17(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 16777216, null, null, 3, \"button\", [[\"aria-haspopup\", \"true\"], [\"class\", \"sub-menu-item mat-menu-item\"], [\"mat-menu-item\", \"\"]], [[1, \"role\", 0], [2, \"mat-menu-item-highlighted\", null], [2, \"mat-menu-item-submenu-trigger\", null], [1, \"tabindex\", 0], [1, \"aria-disabled\", 0], [1, \"disabled\", 0], [1, \"aria-expanded\", 0]], [[null, \"click\"], [null, \"mouseenter\"], [null, \"mousedown\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._checkDisabled($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"mouseenter\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleMouseEnter() !== false);\n ad = (pd_1 && ad);\n } if ((\"mousedown\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 2)._handleMousedown($event) !== false);\n ad = (pd_2 && ad);\n } if ((\"keydown\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 2)._handleKeydown($event) !== false);\n ad = (pd_3 && ad);\n } if ((\"click\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 2)._handleClick($event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, i3.View_MatMenuItem_0, i3.RenderType_MatMenuItem)), i1.ɵdid(1, 180224, [[7, 4]], 0, i4.MatMenuItem, [i1.ElementRef, i2.DOCUMENT, i5.FocusMonitor, [2, i4.ɵf24]], null, null), i1.ɵdid(2, 1196032, null, 0, i4.MatMenuTrigger, [i10.Overlay, i1.ElementRef, i1.ViewContainerRef, i4.MAT_MENU_SCROLL_STRATEGY, [2, i4.MatMenu], [6, i4.MatMenuItem], [2, i11.Directionality], i5.FocusMonitor], { menu: [0, \"menu\"] }, null), (_l()(), i1.ɵted(3, 0, [\"\", \"\"])), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_7 = i1.ɵnov(_v.parent, 7); _ck(_v, 2, 0, currVal_7); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 1).role; var currVal_1 = i1.ɵnov(_v, 1)._highlighted; var currVal_2 = i1.ɵnov(_v, 1)._triggersSubmenu; var currVal_3 = i1.ɵnov(_v, 1)._getTabIndex(); var currVal_4 = i1.ɵnov(_v, 1).disabled.toString(); var currVal_5 = (i1.ɵnov(_v, 1).disabled || null); var currVal_6 = (i1.ɵnov(_v, 2).menuOpen || null); _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6); var currVal_8 = _v.parent.context.$implicit.ActionName; _ck(_v, 3, 0, currVal_8); }); }\nfunction View_PrimaryMenuComponent_19(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [[\"class\", \"action-group\"]], [[2, \"first\", null]], null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.index == 0); _ck(_v, 0, 0, currVal_0); var currVal_1 = _v.parent.context.$implicit.ActionDisplay; _ck(_v, 1, 0, currVal_1); }); }\nfunction View_PrimaryMenuComponent_20(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"button\", [[\"class\", \"sub-menu-item mat-menu-item\"], [\"mat-menu-item\", \"\"]], [[1, \"role\", 0], [2, \"mat-menu-item-highlighted\", null], [2, \"mat-menu-item-submenu-trigger\", null], [1, \"tabindex\", 0], [1, \"aria-disabled\", 0], [1, \"disabled\", 0]], [[null, \"click\"], [null, \"mouseenter\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._checkDisabled($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"mouseenter\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleMouseEnter() !== false);\n ad = (pd_1 && ad);\n } if ((\"click\" === en)) {\n var pd_2 = (_co.selectMenuHeader(_v.parent.context.$implicit.ActionCommand) !== false);\n ad = (pd_2 && ad);\n } return ad; }, i3.View_MatMenuItem_0, i3.RenderType_MatMenuItem)), i1.ɵdid(1, 180224, [[9, 4]], 0, i4.MatMenuItem, [i1.ElementRef, i2.DOCUMENT, i5.FocusMonitor, [2, i4.ɵf24]], null, null), (_l()(), i1.ɵted(2, 0, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 1).role; var currVal_1 = i1.ɵnov(_v, 1)._highlighted; var currVal_2 = i1.ɵnov(_v, 1)._triggersSubmenu; var currVal_3 = i1.ɵnov(_v, 1)._getTabIndex(); var currVal_4 = i1.ɵnov(_v, 1).disabled.toString(); var currVal_5 = (i1.ɵnov(_v, 1).disabled || null); _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5); var currVal_6 = _v.parent.context.$implicit.ActionDisplay; _ck(_v, 2, 0, currVal_6); }); }\nfunction View_PrimaryMenuComponent_18(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_19)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_20)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = !_v.context.$implicit.ActionCommand; _ck(_v, 2, 0, currVal_0); var currVal_1 = _v.context.$implicit.ActionCommand; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_PrimaryMenuComponent_15(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 11, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_16)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_17)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(5, 0, null, null, 6, \"mat-menu\", [[\"class\", \"primary-mat-menu\"]], null, null, null, i3.View_MatMenu_0, i3.RenderType_MatMenu)), i1.ɵprd(6144, null, i4.ɵf24, null, [i4.MatMenu]), i1.ɵdid(7, 1294336, [[\"subMenu\", 4]], 2, i4.MatMenu, [i1.ElementRef, i1.NgZone, i4.MAT_MENU_DEFAULT_OPTIONS], { xPosition: [0, \"xPosition\"], panelClass: [1, \"panelClass\"] }, null), i1.ɵqud(603979776, 9, { items: 1 }), i1.ɵqud(335544320, 10, { lazyContent: 0 }), (_l()(), i1.ɵand(16777216, null, 0, 1, null, View_PrimaryMenuComponent_18)), i1.ɵdid(11, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var currVal_0 = !_v.context.$implicit.SubActions; _ck(_v, 2, 0, currVal_0); var currVal_1 = _v.context.$implicit.SubActions; _ck(_v, 4, 0, currVal_1); var currVal_2 = \"before\"; var currVal_3 = \"primary-mat-menu\"; _ck(_v, 7, 0, currVal_2, currVal_3); var currVal_4 = _v.context.$implicit.SubActions; _ck(_v, 11, 0, currVal_4); }, null); }\nexport function View_PrimaryMenuComponent_0(_l) { return i1.ɵvid(0, [i1.ɵqud(402653184, 1, { primaryMenu: 0 }), i1.ɵqud(402653184, 2, { menuContainer: 0 }), i1.ɵqud(402653184, 3, { hiddenMenu: 0 }), i1.ɵqud(671088640, 4, { matMenuTriggerList: 1 }), (_l()(), i1.ɵeld(4, 0, [[1, 0], [\"primaryMenu\", 1]], null, 29, \"nav\", [[\"class\", \"primary-menu-container navbar-expand-lg mr-auto\"], [\"id\", \"navbar\"]], null, null, null, null, null)), i1.ɵdid(5, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { klass: [0, \"klass\"], ngClass: [1, \"ngClass\"] }, null), i1.ɵpod(6, { \"fix\": 0 }), i1.ɵdid(7, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(8, { \"height\": 0 }), (_l()(), i1.ɵeld(9, 0, null, null, 7, \"button\", [[\"aria-controls\", \"navbarNav\"], [\"aria-expanded\", \"false\"], [\"aria-label\", \"Toggle navigation\"], [\"data-target\", \"#navbarCollapse\"], [\"data-toggle\", \"collapse\"], [\"type\", \"button\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.toggleNavbar() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(10, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(11, { \"navbar-toggler\": 0, \"collapsed\": 1 }), (_l()(), i1.ɵeld(12, 0, null, null, 0, \"span\", [[\"class\", \"icon-bar top-bar\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(13, 0, null, null, 0, \"span\", [[\"class\", \"icon-bar middle-bar\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(14, 0, null, null, 0, \"span\", [[\"class\", \"icon-bar bottom-bar\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(15, 0, null, null, 1, \"span\", [[\"class\", \"sr-only\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Toggle navigation\"])), (_l()(), i1.ɵeld(17, 0, null, null, 16, \"div\", [], null, null, null, null, null)), i1.ɵdid(18, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(19, { \"collapse navbar-collapse\": 0, \"show\": 1 }), (_l()(), i1.ɵeld(20, 0, [[2, 0], [\"menuContainer\", 1]], null, 2, \"ul\", [[\"class\", \"navbar-nav\"], [\"id\", \"primaryMenuBar\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PrimaryMenuComponent_1)), i1.ɵdid(22, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵeld(23, 16777216, null, null, 2, \"div\", [[\"aria-haspopup\", \"true\"], [\"class\", \"show-more-btn\"], [\"title\", \"More menu\"]], [[8, \"hidden\", 0], [1, \"count\", 0], [1, \"aria-expanded\", 0]], [[null, \"menuOpened\"], [null, \"mousedown\"], [null, \"keydown\"], [null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"mousedown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 24)._handleMousedown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 24)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"click\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 24)._handleClick($event) !== false);\n ad = (pd_2 && ad);\n } if ((\"menuOpened\" === en)) {\n var pd_3 = (_co.menuOpened(\"hidden-menu\") !== false);\n ad = (pd_3 && ad);\n } return ad; }, null, null)), i1.ɵdid(24, 1196032, [[4, 4], [\"matMenuTrigger\", 4]], 0, i4.MatMenuTrigger, [i10.Overlay, i1.ElementRef, i1.ViewContainerRef, i4.MAT_MENU_SCROLL_STRATEGY, [2, i4.MatMenu], [8, null], [2, i11.Directionality], i5.FocusMonitor], { menu: [0, \"menu\"], menuData: [1, \"menuData\"] }, { menuOpened: \"menuOpened\" }), (_l()(), i1.ɵeld(25, 0, null, null, 0, \"div\", [[\"class\", \"hamburger\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(26, 0, null, null, 7, \"mat-menu\", [[\"class\", \"primary-mat-menu\"]], null, null, null, i3.View_MatMenu_0, i3.RenderType_MatMenu)), i1.ɵprd(6144, null, i4.ɵf24, null, [i4.MatMenu]), i1.ɵdid(28, 1294336, [[\"hiddenMatMenu\", 4]], 2, i4.MatMenu, [i1.ElementRef, i1.NgZone, i4.MAT_MENU_DEFAULT_OPTIONS], { xPosition: [0, \"xPosition\"], hasBackdrop: [1, \"hasBackdrop\"], panelClass: [2, \"panelClass\"] }, null), i1.ɵqud(603979776, 7, { items: 1 }), i1.ɵqud(335544320, 8, { lazyContent: 0 }), (_l()(), i1.ɵand(16777216, null, 0, 1, null, View_PrimaryMenuComponent_15)), i1.ɵdid(32, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵeld(33, 0, [[3, 0], [\"hiddenMenu\", 1]], 0, 0, \"ul\", [[\"class\", \"hidden-menu\"], [\"style\", \"display: none;\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_0 = \"primary-menu-container navbar-expand-lg mr-auto\"; var currVal_1 = _ck(_v, 6, 0, (_co.fixHeight > 0)); _ck(_v, 5, 0, currVal_0, currVal_1); var currVal_2 = _ck(_v, 8, 0, ((_co.fixHeight > 0) ? (_co.fixHeight + \"px\") : \"100%\")); _ck(_v, 7, 0, currVal_2); var currVal_3 = _ck(_v, 11, 0, true, !_co.navbarOpen); _ck(_v, 10, 0, currVal_3); var currVal_4 = _ck(_v, 19, 0, true, _co.navbarOpen); _ck(_v, 18, 0, currVal_4); var currVal_5 = _co.menuActions; _ck(_v, 22, 0, currVal_5); var currVal_9 = i1.ɵnov(_v, 28); var currVal_10 = \"hidden-menu\"; _ck(_v, 24, 0, currVal_9, currVal_10); var currVal_11 = \"before\"; var currVal_12 = false; var currVal_13 = \"primary-mat-menu\"; _ck(_v, 28, 0, currVal_11, currVal_12, currVal_13); var currVal_14 = _co.hiddenActionList; _ck(_v, 32, 0, currVal_14); }, function (_ck, _v) { var _co = _v.component; var currVal_6 = !_co.showBtnMore; var currVal_7 = _co.hiddenActionList.length; var currVal_8 = (i1.ɵnov(_v, 24).menuOpen || null); _ck(_v, 23, 0, currVal_6, currVal_7, currVal_8); }); }\nexport function View_PrimaryMenuComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-primary-menu\", [], null, [[\"document\", \"click\"], [\"window\", \"resize\"]], function (_v, en, $event) { var ad = true; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1).clickout($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"window:resize\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1).onResize($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, View_PrimaryMenuComponent_0, RenderType_PrimaryMenuComponent)), i1.ɵdid(1, 245760, null, 0, i15.PrimaryMenuComponent, [i16.LoginService, i17.HeaderService, i18.Router, i19.TokenManager, i20.Globals, i21.WorkspaceService, i22.MainLoadingService, i23.NgProgress, i1.Renderer2, i1.ElementRef, i24.WorkflowReturnService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar PrimaryMenuComponentNgFactory = i1.ɵccf(\"app-primary-menu\", i15.PrimaryMenuComponent, View_PrimaryMenuComponent_Host_0, { fixHeight: \"fixHeight\" }, {}, []);\nexport { PrimaryMenuComponentNgFactory as PrimaryMenuComponentNgFactory };\n","\n","import { Component, OnInit, Input, HostListener, OnDestroy, ViewChild, ElementRef, Renderer2, ViewChildren, QueryList } from '@angular/core';\nimport { LoginService } from '../services/login.service';\nimport { Action, GroupAction } from '../objects/DetailObject';\nimport { HeaderService } from '../services/header.service';\nimport { TokenManager } from '../Globals';\nimport { NgProgress, NgProgressRef } from '@ngx-progressbar/core';\nimport { Router } from '@angular/router';\nimport { Globals } from '../objects/Globals';\nimport { trigger, state, style, transition, animate } from '@angular/animations';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { MainLoadingService } from '../services/main-loading.service';\nimport { Subscription } from 'rxjs';\nimport { MatMenuTrigger, MatMenu } from '@angular/material';\nimport { WorkflowReturnService } from '../services/workflow-return.service';\n\n@Component({\n selector: 'app-primary-menu',\n templateUrl: './primary-menu.component.html',\n styleUrls: ['./primary-menu.component.css'],\n animations: [\n trigger('slideInOut', [\n transition(':enter', [\n style({transform: 'translateY(-100%)'}),\n animate('200ms ease-in', style({transform: 'translateY(0%)'}))\n ]),\n transition(':leave', [\n animate('200ms ease-in', style({transform: 'translateY(-100%)'}))\n ])\n ])\n ]\n})\nexport class PrimaryMenuComponent implements OnInit, OnDestroy {\n\n private currentSessionId:string;\n private cardId:string;\n private groupList:GroupAction[] = [];\n private currentMenu:string;\n private sub: Subscription;\n hiddenList = [];\n hiddenActionList: Action[] = [];\n menuActions:Action[] = [];\n navbarOpen = false;\n progressRef: NgProgressRef;\n showBtnMore: boolean = false;\n actionsReady: boolean = false;\n collapsed: boolean = false;\n\n @Input() fixHeight:number = 0;\n @ViewChild('primaryMenu') public primaryMenu: ElementRef;\n @ViewChild('menuContainer') public menuContainer: ElementRef;\n @ViewChild('hiddenMenu') public hiddenMenu: ElementRef;\n\n @ViewChildren('matMenuTrigger') matMenuTriggerList : QueryList;\n\n @HostListener('document:click', ['$event'])\n clickout(event) {\n if(this.elRef.nativeElement.contains(event.target)) {\n // target is in this component\n } else {\n this.closeAll();\n }\n }\n\n constructor(\n private loginService:LoginService,\n private headerService:HeaderService,\n private router: Router,\n private tokenManager:TokenManager,\n private globals:Globals,\n private workspaceService: WorkspaceService,\n private mainLoadingService: MainLoadingService,\n private progress: NgProgress,\n private render: Renderer2,\n private elRef: ElementRef,\n private workflowReturnService: WorkflowReturnService) {\n\n this.sub = headerService.selectedMenuChanged$.subscribe(result => {\n if (result == 'clearSelected'){\n this.currentMenu = '';\n this.tokenManager.delete(\"BRNCurrentMenu\");\n }\n });\n }\n\n @HostListener('window:resize', ['$event'])\n onResize(event) {\n if (event.target.innerWidth < 992) {\n this.navbarOpen = false;\n this.hiddenActionList = [];\n // this.hiddenList = [];\n this.onCollapsedMenu();\n this.showBtnMore = false;\n this.collapsed = true;\n }\n else{\n this.collapsed = false;\n if(this.actionsReady) this.updateActionsDisplay();\n }\n }\n\n toggleNavbar() {\n this.navbarOpen = !this.navbarOpen;\n }\n\n returnId(item: Action){\n if (item.ActionName){\n return item.ActionName.replace(/\\s/g, '') + \"_link\";\n }\n else{\n return \"nice_link\";\n }\n \n }\n\n loadHeaderMenu(){\n if (this.globals.Session){\n this.headerService.createHeaderCard().subscribe(id=> {\n this.cardId = id;\n this.headerService.getHeaderMenuItems(id).subscribe(groups=>\n {\n this.groupList = JSON.parse(groups);\n if (this.groupList){\n this.sortGroupMenuActions(this.groupList);\n this.menuActions = [];\n var menuAction:Action[] = [];\n var baseGroup = this.groupList.filter(x => x.GroupId == \"00000000-0000-0000-0000-000000000000\");\n var group = this.groupList.filter(x => x.GroupId != \"00000000-0000-0000-0000-000000000000\");\n baseGroup.forEach(group => {\n group.Actions.forEach(action => {\n menuAction.push(action);\n });\n });\n \n group.forEach(group => {\n var action = new Action();\n action.ActionName = group.GroupDisplay;\n if (group.Actions) {\n action.SubActions = [];\n var subActions = this.sortMenuActions(group.Actions);\n subActions.forEach(result => {\n action.SubActions.push(result);\n });\n }\n menuAction.push(action);\n });\n \n this.menuActions = this.sortMenuActions(menuAction);\n // if (this.menuActions.length > 10) {\n // this.extraMenuActions = this.menuActions.slice(10);\n // this.menuActions = this.menuActions.slice(0, 10);\n // }\n if (this.tokenManager.retrieve(\"BRNCurrentMenu\")){\n this.currentMenu = this.tokenManager.retrieve(\"BRNCurrentMenu\").replace(/\"/g,\"\");\n }\n }\n }\n );\n });\n }\n \n }\n\n sortMenuActions(menuAction:Action[]):Action[]{\n return menuAction.sort((a:Action,b:Action) => { \n if(a.ActionOrder > b.ActionOrder){\n return 1;\n }else if(a.ActionOrder < b.ActionOrder){\n return -1;\n }else{\n return 0;\n }\n });\n }\n\n sortGroupMenuActions(groupAction:GroupAction[]){\n this.groupList = groupAction.sort((a:GroupAction, b:GroupAction) => {\n if(a.GroupOrder > b.GroupOrder){\n return 1;\n }else if(a.GroupOrder < b.GroupOrder){\n return -1;\n }else{\n return 0;\n }\n });\n }\n\n selectMenuHeader(selectedCommand:string){\n this.currentMenu = selectedCommand;\n this.tokenManager.store(\"BRNCurrentMenu\", this.currentMenu);\n this.mainLoadingService.setProgressBar(true);\n if (!this.cardId){\n this.headerService.createHeaderCard().subscribe(id => {\n this.cardId = id;\n })\n }\n this.headerService.selectHeaderMenuItems(this.cardId, selectedCommand).subscribe(result =>{\n var resultObject = JSON.parse(result);\n if(resultObject.ReturnType == \"0\"){\n if(resultObject.Arguments){\n var path = [];\n resultObject.Arguments.forEach(element => {\n path.push(element);\n });\n this.router.navigated = false;\n this.mainLoadingService.setProgressBar(false);\n // this.progressRef.complete();\n this.router.navigate(path);\n this.navbarOpen = !this.navbarOpen;\n }\n }\n else{\n this.workflowReturnService.handleWorkflowReturn(resultObject);\n this.mainLoadingService.setProgressBar(false);\n this.navbarOpen = !this.navbarOpen;\n this.currentMenu = null;\n }\n }, error => {\n this.mainLoadingService.setProgressBar(false);\n //this.progressRef.complete();\n });\n }\n \n hasActiveSubAction(menuItem: Action){\n return menuItem.SubActions.findIndex(x => x.ActionCommand == this.currentMenu) > -1;\n }\n\n ngOnInit() {\n this.collapsed = window.innerWidth < 992;\n this.progressRef = this.progress.ref();\n this.currentSessionId = this.globals.Session.SessionKey;\n this.loadHeaderMenu();\n }\n\n ngOnDestroy(){\n if (this.sub) this.sub.unsubscribe();\n }\n\n afterInit(){\n this.actionsReady = true;\n this.updateActionsDisplay();\n }\n\n updateActionsDisplay(){\n let availableSpace: any;\n\n availableSpace = this.primaryMenu.nativeElement.offsetWidth;\n\n if (this.menuContainer){\n let actionsWidth = this.menuContainer.nativeElement.offsetWidth;\n\n actionsWidth = actionsWidth + 44;\n \n if (actionsWidth > availableSpace){\n \n const id = this.menuContainer.nativeElement.children[this.menuContainer.nativeElement.children.length - 1].getAttribute(\"id\");\n\n if (this.hiddenList.length > 0){\n this.render.insertBefore(this.hiddenMenu.nativeElement, this.menuContainer.nativeElement.children[this.menuContainer.nativeElement.children.length - 1], this.hiddenMenu.nativeElement.children[0]);\n\n this.hiddenActionList.unshift(this.menuActions.find(x => x.ActionName == id))\n }\n else{\n this.render.appendChild(this.hiddenMenu.nativeElement, this.menuContainer.nativeElement.children[this.menuContainer.nativeElement.children.length - 1]);\n\n var index = this.hiddenActionList.findIndex(x => x.ActionName == id);\n if (index > -1){\n this.hiddenActionList.splice(index, 1);\n }\n else{\n this.hiddenActionList.unshift(this.menuActions.find(x => x.ActionName == id))\n }\n }\n \n // record width\n this.hiddenList.push(actionsWidth);\n \n // show the btn\n this.showBtnMore = true;\n }\n else{\n this.moveItemToVisible(availableSpace);\n \n // Hide the dropdown btn if hidden list is empty\n if(this.hiddenList.length < 1) {\n this.showBtnMore = false;\n }\n }\n \n // Recur if the visible list is still overflowing the nav\n if(actionsWidth > availableSpace) {\n this.updateActionsDisplay();\n }\n }\n \n }\n\n moveItemToVisible(availableSpace: number){\n if(availableSpace > this.hiddenList[this.hiddenList.length-1]) {\n // Move the item to the visible list\n this.render.appendChild(this.menuContainer.nativeElement, this.hiddenMenu.nativeElement.children[0]);\n this.hiddenList.pop();\n this.hiddenActionList.shift();\n\n //recur if still have item that can move to visible list\n this.moveItemToVisible(availableSpace);\n }\n }\n \n onCollapsedMenu(){\n // this.updateActionsDisplay();\n for (var i = 0; i < this.hiddenMenu.nativeElement.children.length; i++){\n this.render.appendChild(this.menuContainer.nativeElement, this.hiddenMenu.nativeElement.children[i]);\n }\n }\n\n menuOpened(actionName){\n this.matMenuTriggerList.forEach(matMenu => {\n if (matMenu.menuOpen){\n if (this.hiddenActionList.findIndex(x => x.ActionName == actionName) < 0 && matMenu.menuData != actionName){ // not in hidden menu and not the current opened menu\n // close the others\n matMenu.closeMenu();\n }\n }\n });\n }\n\n closeAll(){\n this.matMenuTriggerList.forEach(matMenu => {\n if (matMenu.menuOpen){\n matMenu.closeMenu();\n }\n });\n }\n}\n","import { OnInit, OnDestroy, ElementRef, Renderer2, QueryList } from '@angular/core';\nimport { LoginService } from '../services/login.service';\nimport { Action } from '../objects/DetailObject';\nimport { HeaderService } from '../services/header.service';\nimport { TokenManager } from '../Globals';\nimport { NgProgress } from '@ngx-progressbar/core';\nimport { Router } from '@angular/router';\nimport { Globals } from '../objects/Globals';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { MainLoadingService } from '../services/main-loading.service';\nimport { MatMenuTrigger } from '@angular/material';\nimport { WorkflowReturnService } from '../services/workflow-return.service';\nvar PrimaryMenuComponent = /** @class */ (function () {\n function PrimaryMenuComponent(loginService, headerService, router, tokenManager, globals, workspaceService, mainLoadingService, progress, render, elRef, workflowReturnService) {\n var _this = this;\n this.loginService = loginService;\n this.headerService = headerService;\n this.router = router;\n this.tokenManager = tokenManager;\n this.globals = globals;\n this.workspaceService = workspaceService;\n this.mainLoadingService = mainLoadingService;\n this.progress = progress;\n this.render = render;\n this.elRef = elRef;\n this.workflowReturnService = workflowReturnService;\n this.groupList = [];\n this.hiddenList = [];\n this.hiddenActionList = [];\n this.menuActions = [];\n this.navbarOpen = false;\n this.showBtnMore = false;\n this.actionsReady = false;\n this.collapsed = false;\n this.fixHeight = 0;\n this.sub = headerService.selectedMenuChanged$.subscribe(function (result) {\n if (result == 'clearSelected') {\n _this.currentMenu = '';\n _this.tokenManager.delete(\"BRNCurrentMenu\");\n }\n });\n }\n PrimaryMenuComponent.prototype.clickout = function (event) {\n if (this.elRef.nativeElement.contains(event.target)) {\n // target is in this component\n }\n else {\n this.closeAll();\n }\n };\n PrimaryMenuComponent.prototype.onResize = function (event) {\n if (event.target.innerWidth < 992) {\n this.navbarOpen = false;\n this.hiddenActionList = [];\n // this.hiddenList = [];\n this.onCollapsedMenu();\n this.showBtnMore = false;\n this.collapsed = true;\n }\n else {\n this.collapsed = false;\n if (this.actionsReady)\n this.updateActionsDisplay();\n }\n };\n PrimaryMenuComponent.prototype.toggleNavbar = function () {\n this.navbarOpen = !this.navbarOpen;\n };\n PrimaryMenuComponent.prototype.returnId = function (item) {\n if (item.ActionName) {\n return item.ActionName.replace(/\\s/g, '') + \"_link\";\n }\n else {\n return \"nice_link\";\n }\n };\n PrimaryMenuComponent.prototype.loadHeaderMenu = function () {\n var _this = this;\n if (this.globals.Session) {\n this.headerService.createHeaderCard().subscribe(function (id) {\n _this.cardId = id;\n _this.headerService.getHeaderMenuItems(id).subscribe(function (groups) {\n _this.groupList = JSON.parse(groups);\n if (_this.groupList) {\n _this.sortGroupMenuActions(_this.groupList);\n _this.menuActions = [];\n var menuAction = [];\n var baseGroup = _this.groupList.filter(function (x) { return x.GroupId == \"00000000-0000-0000-0000-000000000000\"; });\n var group = _this.groupList.filter(function (x) { return x.GroupId != \"00000000-0000-0000-0000-000000000000\"; });\n baseGroup.forEach(function (group) {\n group.Actions.forEach(function (action) {\n menuAction.push(action);\n });\n });\n group.forEach(function (group) {\n var action = new Action();\n action.ActionName = group.GroupDisplay;\n if (group.Actions) {\n action.SubActions = [];\n var subActions = _this.sortMenuActions(group.Actions);\n subActions.forEach(function (result) {\n action.SubActions.push(result);\n });\n }\n menuAction.push(action);\n });\n _this.menuActions = _this.sortMenuActions(menuAction);\n // if (this.menuActions.length > 10) {\n // this.extraMenuActions = this.menuActions.slice(10);\n // this.menuActions = this.menuActions.slice(0, 10);\n // }\n if (_this.tokenManager.retrieve(\"BRNCurrentMenu\")) {\n _this.currentMenu = _this.tokenManager.retrieve(\"BRNCurrentMenu\").replace(/\"/g, \"\");\n }\n }\n });\n });\n }\n };\n PrimaryMenuComponent.prototype.sortMenuActions = function (menuAction) {\n return menuAction.sort(function (a, b) {\n if (a.ActionOrder > b.ActionOrder) {\n return 1;\n }\n else if (a.ActionOrder < b.ActionOrder) {\n return -1;\n }\n else {\n return 0;\n }\n });\n };\n PrimaryMenuComponent.prototype.sortGroupMenuActions = function (groupAction) {\n this.groupList = groupAction.sort(function (a, b) {\n if (a.GroupOrder > b.GroupOrder) {\n return 1;\n }\n else if (a.GroupOrder < b.GroupOrder) {\n return -1;\n }\n else {\n return 0;\n }\n });\n };\n PrimaryMenuComponent.prototype.selectMenuHeader = function (selectedCommand) {\n var _this = this;\n this.currentMenu = selectedCommand;\n this.tokenManager.store(\"BRNCurrentMenu\", this.currentMenu);\n this.mainLoadingService.setProgressBar(true);\n if (!this.cardId) {\n this.headerService.createHeaderCard().subscribe(function (id) {\n _this.cardId = id;\n });\n }\n this.headerService.selectHeaderMenuItems(this.cardId, selectedCommand).subscribe(function (result) {\n var resultObject = JSON.parse(result);\n if (resultObject.ReturnType == \"0\") {\n if (resultObject.Arguments) {\n var path = [];\n resultObject.Arguments.forEach(function (element) {\n path.push(element);\n });\n _this.router.navigated = false;\n _this.mainLoadingService.setProgressBar(false);\n // this.progressRef.complete();\n _this.router.navigate(path);\n _this.navbarOpen = !_this.navbarOpen;\n }\n }\n else {\n _this.workflowReturnService.handleWorkflowReturn(resultObject);\n _this.mainLoadingService.setProgressBar(false);\n _this.navbarOpen = !_this.navbarOpen;\n _this.currentMenu = null;\n }\n }, function (error) {\n _this.mainLoadingService.setProgressBar(false);\n //this.progressRef.complete();\n });\n };\n PrimaryMenuComponent.prototype.hasActiveSubAction = function (menuItem) {\n var _this = this;\n return menuItem.SubActions.findIndex(function (x) { return x.ActionCommand == _this.currentMenu; }) > -1;\n };\n PrimaryMenuComponent.prototype.ngOnInit = function () {\n this.collapsed = window.innerWidth < 992;\n this.progressRef = this.progress.ref();\n this.currentSessionId = this.globals.Session.SessionKey;\n this.loadHeaderMenu();\n };\n PrimaryMenuComponent.prototype.ngOnDestroy = function () {\n if (this.sub)\n this.sub.unsubscribe();\n };\n PrimaryMenuComponent.prototype.afterInit = function () {\n this.actionsReady = true;\n this.updateActionsDisplay();\n };\n PrimaryMenuComponent.prototype.updateActionsDisplay = function () {\n var availableSpace;\n availableSpace = this.primaryMenu.nativeElement.offsetWidth;\n if (this.menuContainer) {\n var actionsWidth = this.menuContainer.nativeElement.offsetWidth;\n actionsWidth = actionsWidth + 44;\n if (actionsWidth > availableSpace) {\n var id_1 = this.menuContainer.nativeElement.children[this.menuContainer.nativeElement.children.length - 1].getAttribute(\"id\");\n if (this.hiddenList.length > 0) {\n this.render.insertBefore(this.hiddenMenu.nativeElement, this.menuContainer.nativeElement.children[this.menuContainer.nativeElement.children.length - 1], this.hiddenMenu.nativeElement.children[0]);\n this.hiddenActionList.unshift(this.menuActions.find(function (x) { return x.ActionName == id_1; }));\n }\n else {\n this.render.appendChild(this.hiddenMenu.nativeElement, this.menuContainer.nativeElement.children[this.menuContainer.nativeElement.children.length - 1]);\n var index = this.hiddenActionList.findIndex(function (x) { return x.ActionName == id_1; });\n if (index > -1) {\n this.hiddenActionList.splice(index, 1);\n }\n else {\n this.hiddenActionList.unshift(this.menuActions.find(function (x) { return x.ActionName == id_1; }));\n }\n }\n // record width\n this.hiddenList.push(actionsWidth);\n // show the btn\n this.showBtnMore = true;\n }\n else {\n this.moveItemToVisible(availableSpace);\n // Hide the dropdown btn if hidden list is empty\n if (this.hiddenList.length < 1) {\n this.showBtnMore = false;\n }\n }\n // Recur if the visible list is still overflowing the nav\n if (actionsWidth > availableSpace) {\n this.updateActionsDisplay();\n }\n }\n };\n PrimaryMenuComponent.prototype.moveItemToVisible = function (availableSpace) {\n if (availableSpace > this.hiddenList[this.hiddenList.length - 1]) {\n // Move the item to the visible list\n this.render.appendChild(this.menuContainer.nativeElement, this.hiddenMenu.nativeElement.children[0]);\n this.hiddenList.pop();\n this.hiddenActionList.shift();\n //recur if still have item that can move to visible list\n this.moveItemToVisible(availableSpace);\n }\n };\n PrimaryMenuComponent.prototype.onCollapsedMenu = function () {\n // this.updateActionsDisplay();\n for (var i = 0; i < this.hiddenMenu.nativeElement.children.length; i++) {\n this.render.appendChild(this.menuContainer.nativeElement, this.hiddenMenu.nativeElement.children[i]);\n }\n };\n PrimaryMenuComponent.prototype.menuOpened = function (actionName) {\n var _this = this;\n this.matMenuTriggerList.forEach(function (matMenu) {\n if (matMenu.menuOpen) {\n if (_this.hiddenActionList.findIndex(function (x) { return x.ActionName == actionName; }) < 0 && matMenu.menuData != actionName) {\n // close the others\n matMenu.closeMenu();\n }\n }\n });\n };\n PrimaryMenuComponent.prototype.closeAll = function () {\n this.matMenuTriggerList.forEach(function (matMenu) {\n if (matMenu.menuOpen) {\n matMenu.closeMenu();\n }\n });\n };\n return PrimaryMenuComponent;\n}());\nexport { PrimaryMenuComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".product-detail[_ngcontent-%COMP%] {\\r\\n margin-top: 11px;\\r\\n}\\r\\n\\r\\n.breadcrumb.ol-brd[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] + li[_ngcontent-%COMP%]:before {\\r\\n padding: 0 5px;\\r\\n color: #333;\\r\\n font-family: FontAwesome;\\r\\n content: \\\"\\\\f105\\\";\\r\\n font-size: 14px;\\r\\n}\\r\\n\\r\\n.breadcrumb-item[_ngcontent-%COMP%] + .breadcrumb-item[_ngcontent-%COMP%]{\\r\\n padding-left: 0.2rem;\\r\\n}\\r\\n\\r\\n.ol-brd[_ngcontent-%COMP%] {\\r\\n margin: 8px 15px;\\r\\n padding: 0px 0px 8px;\\r\\n border-radius: 0px;\\r\\n}\\r\\n\\r\\n.ol-brd[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{\\r\\n font-size : 13px;\\r\\n}\\r\\n\\r\\n.ol-brd[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{\\r\\n color: var(--primary);\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./product-detail.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../detail/detail.component.ngfactory\";\nimport * as i3 from \"../detail/detail.component\";\nimport * as i4 from \"../objects/Globals\";\nimport * as i5 from \"../services/detail.service\";\nimport * as i6 from \"../services/attachment.service\";\nimport * as i7 from \"../services/confirmation.service\";\nimport * as i8 from \"@angular/router\";\nimport * as i9 from \"ngx-bootstrap/modal\";\nimport * as i10 from \"@angular/platform-browser\";\nimport * as i11 from \"../services/toaster-message.service\";\nimport * as i12 from \"../services/workflow-return.service\";\nimport * as i13 from \"../services/theme-setting.service\";\nimport * as i14 from \"../services/workspace.service\";\nimport * as i15 from \"ngx-contextmenu\";\nimport * as i16 from \"../services/header.service\";\nimport * as i17 from \"../env.service\";\nimport * as i18 from \"../services/message-popup.service\";\nimport * as i19 from \"../services/session-timer.service\";\nimport * as i20 from \"../services/floating-panel.service\";\nimport * as i21 from \"../services/side-popup.service\";\nimport * as i22 from \"./product-detail.component\";\nvar styles_ProductDetailComponent = [i0.styles];\nvar RenderType_ProductDetailComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_ProductDetailComponent, data: {} });\nexport { RenderType_ProductDetailComponent as RenderType_ProductDetailComponent };\nexport function View_ProductDetailComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"product-detail\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"nav\", [[\"aria-label\", \"breadcrumb\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 2, \"div\", [[\"class\", \"mb-rs-product-container\"], [\"style\", \"padding:0 15px; text-align:left;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"app-detail\", [], null, [[\"document\", \"click\"]], function (_v, en, $event) { var ad = true; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4).clickout($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i2.View_DetailComponent_0, i2.RenderType_DetailComponent)), i1.ɵdid(4, 4964352, [[\"subsummary\", 4]], 0, i3.DetailComponent, [i4.Globals, i5.DetailService, i6.AttachmentService, i7.ConfirmationService, i8.Router, i9.BsModalService, i10.DomSanitizer, i11.ToasterMessageService, i12.WorkflowReturnService, i13.ThemeSettingService, i14.WorkspaceService, i15.ContextMenuService, i16.HeaderService, i17.EnvService, i1.Renderer2, i18.MessagePopupService, i19.SessionTimerService, i1.ElementRef, i20.FloatingPanelService, i21.SidePopupService], { setComponentId: [0, \"setComponentId\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.componentId; _ck(_v, 4, 0, currVal_0); }, null); }\nexport function View_ProductDetailComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-product-detail\", [], null, null, null, View_ProductDetailComponent_0, RenderType_ProductDetailComponent)), i1.ɵdid(1, 114688, null, 0, i22.ProductDetailComponent, [], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar ProductDetailComponentNgFactory = i1.ɵccf(\"app-product-detail\", i22.ProductDetailComponent, View_ProductDetailComponent_Host_0, { setComponentId: \"setComponentId\" }, {}, []);\nexport { ProductDetailComponentNgFactory as ProductDetailComponentNgFactory };\n","\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{ property.PropertyDisplayFormat }} \n \n {{ property.PropertyValueDisplay }}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{value.SelectionDisplay}}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Loading dropdown list..\n \n \n \n \n \n \n Loading dropdown list..\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{ prop.split('|')[0] }}\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n {{property.PropertyValueDisplayArray}}\n \n \n \n {{ dateValue == 'Invalid Date' ? '' : dateValue | date: property.PropertyDisplayFormat }}\n \n \n \n \n \n \n \n \n \n \n \n ","import { Component, OnInit, Input, Output, EventEmitter, ViewChild, SimpleChange, ElementRef, ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';\nimport { Detail, DetailPropertyGroup, DetailProperty, DetailSection, Action, ValueSelection, CombinationProperty, PropertyValidation } from '../objects/DetailObject';\nimport { DetailService } from '../services/detail.service';\nimport { DatePipe, KeyValuePipe } from '@angular/common';\nimport { NgForm, ControlContainer, NgModel } from '@angular/forms';\nimport { DateFormatService } from '../services/date-format.service';\nimport { AmazingTimePickerService } from 'amazing-time-picker';\nimport { KeyValue } from '@angular/common';\nimport { SummaryService } from '../services/summary.service';\nimport { ToasterMessageService } from '../services/toaster-message.service';\nimport { Router } from '@angular/router';\nimport { ModalControlService } from '../services/modal-control.service';\nimport { BsModalService } from 'ngx-bootstrap/modal';\nimport { NestedTreeControl } from '@angular/cdk/tree';\nimport { MatTreeNestedDataSource, MatRadioButton, MatCheckbox } from '@angular/material';\nimport { of, Observable, Subscription } from 'rxjs';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { ThemeSetting } from '../objects/ThemeObject';\nimport { NgSelectComponent } from '@ng-select/ng-select';\nimport { PdfJsViewerComponent } from 'ng2-pdfjs-viewer';\nimport { WorkflowReturnService } from '../services/workflow-return.service';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { Globals } from '../objects/Globals';\nimport { NgxMaterialTimepickerTheme, NgxTimepickerFieldComponent } from 'ngx-material-timepicker';\n\n@Component({\n selector: 'app-property-controls',\n templateUrl: './property-controls.component.html',\n styleUrls: ['./property-controls.component.css'],\n viewProviders: [ \n { provide: ControlContainer, useExisting: NgForm } ]\n})\n\nexport class PropertyControlsComponent implements OnInit, AfterViewInit , OnDestroy{\n\n private editorConfig = new Object();\n property: DetailProperty;\n private ngForm: NgForm;\n private dateValue: Date;\n private timeValue: string = \"00:00\";\n private defaultTime: string = \"00:00\";\n private retrievingLookupList:boolean = false;\n private showCheckbox:boolean = false;\n private invalid:any;\n private groupCheckbox:any = [];\n private originalGroupCheckbox: any = [];\n private inputLabel:boolean = false;\n private combinationProperties:CombinationProperty[] = [];\n private componentId: string;\n private loaderConfig: ThemeSetting;\n private showChart: boolean = false;\n \n private sub1: Subscription;\n private sub2: Subscription;\n private sub3: Subscription;\n private sub4: Subscription;\n private sub5: Subscription;\n\n // tagArray = [];\n noValidate: boolean = false;\n focus: boolean = false;\n format24h: boolean = true;\n dateMax: any;\n dateMin: any;\n\n darkTheme: NgxMaterialTimepickerTheme = {\n container: {\n buttonColor: 'var(--primary)'\n },\n dial: {\n dialBackgroundColor: 'var(--primary)',\n },\n clockFace: {\n clockFaceBackgroundColor: 'var(--primary)',\n clockHandColor: '#FFF',\n clockFaceTimeInactiveColor: '#FFF',\n clockFaceTimeActiveColor: 'var(--primary)'\n }\n};\n\n @ViewChild('textbox') textbox:ElementRef;\n @ViewChild('textarea') textarea:ElementRef;\n @ViewChild('select') select:NgSelectComponent;\n @ViewChild('matRadio') matRadio: MatRadioButton;\n @ViewChild('matCheckbox') matCheckbox: MatCheckbox;\n @ViewChild('cb') checkbox: ElementRef;\n @ViewChild('pdfViewer') public pdfViewer: PdfJsViewerComponent;\n @ViewChild('timepicker') timepicker: NgxTimepickerFieldComponent;\n\n @Input() set setProperty(obj:any) {\n var prop: DetailProperty = obj.property;\n this.componentId = obj.id;\n if (prop.PropertyFormControlType.toUpperCase() == \"DATE\"){\n if (prop.PropertyValue){\n this.dateValue = new Date(prop.PropertyValue);\n }\n else{\n this.dateValue = null;\n }\n \n this.dateFormatService.setFormat(prop.PropertyDisplayFormat.toUpperCase());\n\n this.handleMinMaxDate(prop);\n }\n else if (prop.PropertyFormControlType.toUpperCase() == \"DATETIME\"){\n var date = new Date(prop.PropertyValue);\n if(date.getHours()){\n var hour = date.getHours().toString();\n var minute = date.getMinutes().toString();\n if (date.getHours() < 10){\n hour = \"0\" + date.getHours().toString();\n }\n if (date.getMinutes() < 10){\n minute = \"0\" + date.getMinutes().toString();\n }\n this.timeValue = hour + \":\" + minute;\n this.defaultTime = this.timeValue;\n }\n\n this.dateValue = new Date(date);\n this.detailService.getDateTimePropertyDateSegmentValue(this.componentId, prop.PropertyName).subscribe(result => {\n if (prop.PropertyDisplayFormat.indexOf(\"tt\") > -1){\n this.format24h = false;\n var merd = date.getHours() > 11 ? \"pm\" : \"am\";\n this.defaultTime = this.defaultTime + merd;\n }\n \n prop.PropertyDisplayFormat = result;\n\n this.dateFormatService.setFormat(result.toUpperCase());\n\n if (prop.PropertyValue) {\n this.dateValue = new Date(date);\n }else{\n this.dateValue = null;\n }\n \n });\n \n this.handleMinMaxDate(prop);\n }\n else if (prop.PropertyFormControlType.toUpperCase() == \"COMBOBOX\"){\n if (!prop.PropertyValueSelection){\n prop.PropertyValue = \"\";\n prop.PropertyValueDisplay = \"\";\n }\n else{\n if (prop.PropertyValueSelection.filter(x => x.SelectionValue.toLowerCase() == prop.PropertyValue.toLowerCase()).length == 0){\n prop.PropertyValue = \"\";\n prop.PropertyValueDisplay = \"\";\n }\n }\n prop.IsDropdownOpen = false;\n }\n else if (prop.PropertyFormControlType.toUpperCase() == \"MULTICOMBOBOX\" || prop.PropertyFormControlType.toUpperCase() == \"HIERARCHYMULTISELECT\" || prop.PropertyFormControlType.toUpperCase() == \"HIERARCHYSINGLESELECT\"){\n prop.IsDropdownOpen = false;\n if (prop.PropertyValueSelection){\n prop.PropertyValueSelection.forEach(element => {\n element.SelectionMapValue = element.SelectionValue;\n });\n }\n else{\n prop.PropertyValueArray = [];\n prop.PropertyValueDisplayArray = [];\n }\n \n if (prop.PropertyValueArray){\n prop.PropertyValueArray.forEach((item, index) => {\n if (prop.PropertyValueSelection.filter(x => x.SelectionValue.toLowerCase() == item.toLowerCase()).length == 0){\n prop.PropertyValueArray.splice(index, 1);\n prop.PropertyValueDisplayArray.splice(index, 1);\n }\n });\n }\n }\n else if (prop.PropertyFormControlType.toUpperCase() == \"TEXTBOXSUGGEST\" || prop.PropertyFormControlType.toUpperCase() == \"TEXTBOXSUGGESTID\"){\n this.onClickCombobox(prop);\n }\n\n this.property = prop;\n }\n\n @Input() set updateProperty(property: DetailProperty){\n if (property){\n if (this.property.PropertyId == property.PropertyId){\n // var array = [];\n // property.PropertyValueArray.forEach(element => {\n // array.push(element);\n // });\n // //this.property.PropertyValueArray = array; // just angular things !\n var prop = Object.assign({}, property);\n this.property = prop;\n this.property.PropertyValueSelection = [].concat(prop.PropertyValueSelection); // remember angular/ng-select use onPush detection strategy\n this.property.PropertyValueArray = [].concat(prop.PropertyValueArray); \n\n var array:any = property.PropertyValueArray;\n if (property.PropertyFormControlType.toUpperCase() == \"HIERARCHYSINGLESELECT\"){\n if (property.PropertyValueArray.length > 0){\n array = property.PropertyValueArray[0];\n }\n }\n this.updateField(property, array);\n }\n }\n }\n\n @Input() group:DetailPropertyGroup;\n @Input() set combinationProperty(combProperty:CombinationProperty[]){\n this.combinationProperties = combProperty;\n if(this.combinationProperties.length > 0){\n this.combinationProperties.forEach(property => {\n if (property.properties){\n if (property.properties.filter(x => !x.PropertyIsEditable).length == 1){\n property.IsInputLabel = true;\n }\n }\n });\n }\n }\n @Input() detailObject:Detail;\n @Input() fixedMessageList:Object;\n @Input() submitted:boolean;\n @Input() isPopupDetail:boolean;\n @Input() currentLookup:string;\n @Input() set detailForm(form:NgForm){\n this.ngForm = form;\n };\n @Output() showLoading = new EventEmitter();\n @Output() reloadDetail = new EventEmitter();\n @Output() childControl = new EventEmitter();\n @Output() updateForm = new EventEmitter();\n @Output() setCurrentLookup = new EventEmitter();\n @Output() updateHierarchy = new EventEmitter();\n @Output() showHierarchy = new EventEmitter();\n @Output() selectedItem = new EventEmitter();\n @Output() propertyValueChanged = new EventEmitter();\n @Output() countdownEnd = new EventEmitter();\n\n @ViewChild('textbox') control: NgModel;\n constructor(\n private detailService:DetailService, \n private dateFormatService:DateFormatService, \n private atp: AmazingTimePickerService, \n private keyValuePipe:KeyValuePipe, \n private toasterMessageService:ToasterMessageService,\n private router: Router,\n private modalControlService: ModalControlService,\n private modalService:BsModalService,\n private themeSettingService: ThemeSettingService,\n private cd: ChangeDetectorRef,\n private workflowReturnService: WorkflowReturnService,\n private workspaceService: WorkspaceService,\n private summaryService: SummaryService,\n public globals: Globals) {\n\n this.sub1 = this.detailService.currentPropertyFocusChanged$.subscribe(result => {\n if (this.property.PropertyId == result){\n if (this.textbox){\n this.textbox.nativeElement.focus();\n }\n else if (this.textarea){\n this.textarea.nativeElement.focus();\n }\n else if (this.select){\n this.select.focus();\n }\n else if (this.matRadio){\n this.matRadio.focus();\n }\n else if (this.matCheckbox){\n this.matCheckbox.focus();\n }\n }\n else {\n if (this.property){\n if (this.property.PropertyFormControlType.toUpperCase() == \"COMBINATION\"){\n var combineProperties = [];\n\n this.combinationProperties.map(x => x.properties).forEach(element => {\n combineProperties = combineProperties.concat(element);\n });\n \n var prop = combineProperties.find(x => x.PropertyId == result);\n if (prop){\n if (prop.PropertyFormControlType.toUpperCase() == \"TEXTBOX\" || prop.PropertyFormControlType.toUpperCase() == \"DATE\"){\n this.textbox.nativeElement.focus();\n }\n else if (prop.PropertyFormControlType.toUpperCase() == \"COMBOBOX\" || prop.PropertyFormControlType.toUpperCase() == \"MULTICOMBOBOX\"){\n this.select.focus();\n }\n }\n }\n }\n }\n });\n\n this.sub2 = this.detailService.currentLookupChanged$.subscribe(lookup => {\n this.currentLookup = lookup;\n });\n\n this.sub3 = this.detailService.parentChildChanged$.subscribe((prop:DetailProperty) => {\n if (prop){\n if (this.property.PropertyName == prop.ChildPropertyName){\n this.property.PropertyValue = \"\";\n this.property.PropertyValueDisplay = \"\";\n this.property.isDisabled = true;\n setTimeout(() => {\n this.onValueChange(this.property, \"\");\n })\n \n }\n }\n });\n\n this.sub4 = this.detailService.disableChild$.subscribe((prop:any) => {\n if (prop){\n if (this.property.PropertyName == prop.property.ChildPropertyName){\n this.property.isDisabled = prop.isDisable;\n }\n }\n });\n\n this.sub5 = this.summaryService.chartTableChanged$.subscribe(loading => {\n if (loading){\n this.showChart = true;\n }\n });\n }\n\n afterInit(){\n this.timepicker.registerOnChange(this.onChangeTime.bind(this));\n }\n\n ngOnInit() {\n this.loaderConfig = this.themeSettingService.getTheme();\n \n }\n\n ngOnDestroy(){\n if (this.sub1) this.sub1.unsubscribe();\n if (this.sub2) this.sub2.unsubscribe();\n if (this.sub3) this.sub3.unsubscribe();\n if (this.sub4) this.sub4.unsubscribe();\n if (this.sub5) this.sub5.unsubscribe();\n }\n\n ngAfterViewInit(){\n this.textareaAutoHeight();\n if (this.pdfViewer){\n this.pdfViewer.refresh();\n }\n }\n\n textareaAutoHeight(){\n if (this.textarea){\n setTimeout(() => {\n var height = this.textarea.nativeElement.scrollHeight;\n this.textarea.nativeElement.setAttribute('style', 'height:' + (height) + 'px;'); \n })\n \n this.textarea.nativeElement.addEventListener(\"input\", OnInput, false);\n }\n function OnInput() {\n this.style.height = 'auto';\n this.style.height = (this.scrollHeight + 5) + 'px';\n }\n }\n\n handleMinMaxDate(prop: DetailProperty){\n if (prop.PropertyValidation){\n if (prop.PropertyValidation.MinValue == \"@CURRENTDATETIME\"){\n this.dateMin = new Date();\n }\n else{\n if (prop.PropertyValidation.MinValue){\n this.dateMin = new Date(prop.PropertyValidation.MinValue);\n }\n }\n \n if (prop.PropertyValidation.MaxValue == \"@CURRENTDATETIME\"){\n this.dateMax = new Date();\n }\n else{\n if (prop.PropertyValidation.MinValue){\n this.dateMax = new Date(prop.PropertyValidation.MaxValue);\n }\n }\n }\n }\n\n onChangeTime(time: string){\n if (time){\n if (this.dateValue){\n var hour = +time.split(':')[0];\n var minute = +time.split(':')[1];\n if (time.indexOf(\"pm\") > -1 || time.indexOf(\"am\") > -1){\n time = this.convertTime12to24(time);\n var hour = +time.split(':')[0];\n var minute = +time.split(':')[1];\n }\n\n this.timeValue = hour + \":\" + minute;\n\n this.dateValue.setHours(hour, minute);\n var value:any = this.dateValue;\n\n this.handleCustomMinMaxDatetime(this.property, value);\n\n this.updateField(this.property, value);\n }\n }\n }\n\n convertTime12to24(time12h){ //format ex: 10:10 am/ 12:12pm\n const [time, modifier] = time12h.split(' ');\n \n let [hours, minutes] = time.split(':');\n \n if (hours == '12') {\n hours = '00';\n }\n \n if (modifier){\n if (modifier.toLowerCase() == 'pm') {\n hours = parseInt(hours, 10) + 12;\n }\n }\n \n \n return `${hours}:${minutes}`;\n }\n \n\n openTimePicker(property: DetailProperty) {\n const timePicker = this.atp.open({\n time: this.timeValue,\n arrowStyle: {\n background: this.loaderConfig.primaryColour,\n color: '#FFF'\n }\n });\n \n timePicker.afterClose().subscribe(time => {\n this.onTimeChange(time, property);\n });\n }\n\n handleCustomMinMaxDatetime(property: DetailProperty, value: any, isUpdate: boolean = false){\n if (isNaN(Date.parse(value)) == false){\n this.handleMinMaxDate(property);\n if (this.dateMin < value){\n setTimeout(() => {\n if (this.ngForm.controls[property.PropertyName].errors){\n if (this.ngForm.controls[property.PropertyName].errors.length == 1){\n if (this.ngForm.controls[property.PropertyName].errors.DateMin){\n this.ngForm.controls[property.PropertyName].setErrors(null);\n }\n }\n else{\n if (this.ngForm.controls[property.PropertyName].errors.length > 0){\n this.ngForm.controls[property.PropertyName].setErrors({'DateMin': null});\n }\n }\n }\n }, 500); // angular ng on change\n }\n else if (this.dateMin > value){\n setTimeout(() => {\n this.ngForm.controls[property.PropertyName].markAsDirty();\n this.ngForm.controls[property.PropertyName].setErrors({DateMin: true});\n }, 500); // angular ng on change\n }\n }\n }\n\n onTimeChange(time:any, property: DetailProperty){\n if (time){\n this.timeValue = time;\n if (this.dateValue){\n this.dateValue.setHours(+this.timeValue.split(':')[0], +this.timeValue.split(':')[1]);\n var value:any = this.dateValue;\n \n this.handleCustomMinMaxDatetime(property, value);\n \n this.updateField(this.property, value);\n }\n }\n }\n\n onDateTimeChange(input: string, date:any, ngModel: any, property: DetailProperty){\n if (ngModel){\n var isUpdate: boolean = false;\n var timestamp = Date.parse(input);\n \n if (isNaN(timestamp) == false) {\n isUpdate = true;\n }\n else {\n this.dateValue = null;\n }\n\n if (isUpdate){\n this.dateValue = new Date(input);\n if (this.dateValue){\n this.dateValue.setHours(+this.timeValue.split(':')[0], +this.timeValue.split(':')[1]);\n\n this.updateField(this.property, this.dateValue);\n }\n }\n\n this.handleCustomMinMaxDatetime(property, this.dateValue, isUpdate);\n \n }\n else{\n var timestamp = Date.parse(input);\n if (isNaN(timestamp) == false){\n this.dateValue = new Date(input);\n if (this.dateValue){\n this.dateValue.setHours(+this.timeValue.split(':')[0], +this.timeValue.split(':')[1]);\n\n this.updateField(this.property, this.dateValue);\n }\n }\n else{\n this.dateValue = null;\n }\n }\n }\n\n setDateValue(value: string){\n this.dateValue = new Date(value);\n if (this.dateValue){\n this.dateValue.setHours(+this.timeValue.split(':')[0], +this.timeValue.split(':')[1]);\n }\n }\n\n dateChange(prop: DetailProperty, input:string, $event:NgModel){\n var valid = true;\n setTimeout(() => {\n if ($event) {\n valid = $event.valid;\n }\n if (valid){\n var timestamp = Date.parse(input);\n if (isNaN(timestamp) == false){\n this.dateValue = new Date(input);\n this.dateValue.setHours(+this.timeValue.split(':')[0], +this.timeValue.split(':')[1]);\n\n this.updateField(prop, this.dateValue);\n \n this.handleCustomMinMaxDatetime(prop, this.dateValue);\n }\n else {\n if (!this.property.PropertyValidation) this.property.PropertyValidation = new PropertyValidation();\n if (!input){\n this.dateValue = null;\n this.updateField(prop, this.dateValue);\n this.property.PropertyValidation.InvalidFormat = false;\n }\n else {\n this.property.PropertyValidation.InvalidFormat = true;\n }\n }\n this.updateField(prop, this.dateValue);\n }\n else{\n // ng model has error\n if ($event.errors.matDatepickerMin || $event.errors.matDatepickerMax){\n //min max date error\n this.property.PropertyValidation.InvalidFormat = false;\n this.dateValue = new Date(input);\n }\n }\n })\n \n }\n\n onTextboxSuggest(property:DetailProperty, event: any){\n if (event){\n this.onValueChange(property, event.item.SelectionValue);\n }\n }\n\n onValueChange(property: DetailProperty, value:any, $event:any = null){\n if (property.PropertyFormControlType.toUpperCase() == \"COMBOBOX\"){\n this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId).IsDropdownOpen = false;\n }\n var valid = true;\n if($event){\n setTimeout(() => { // wait one tick for angular ngonchanges to finish\n valid = $event.valid;\n if ($event.errors){\n if ($event.errors.required && value){ // for chrome autocomplete\n valid = true;\n }\n }\n else{\n if (property.PropertyValidation){\n if (property.PropertyValidation.MinMaxType == \"NUMBER\"){\n if (property.PropertyValidation.MinValue){\n var minValue = property.PropertyValidation.MinValue;\n if (minValue == \"@CURRENTYEAR\") minValue = new Date().getFullYear().toString();\n\n if (parseInt(value) < parseInt(minValue)){\n setTimeout(() => this.ngForm.controls[property.PropertyName].setErrors({pattern: true}));\n }\n }\n \n if (property.PropertyValidation.MaxValue){\n var maxValue = property.PropertyValidation.MaxValue;\n if (maxValue == \"@CURRENTYEAR\") maxValue = new Date().getFullYear().toString();\n\n if (parseInt(value) > parseInt(maxValue)){\n setTimeout(() => this.ngForm.controls[property.PropertyName].setErrors({pattern: true}));\n }\n }\n }\n }\n }\n this.handleValuePassed(property, value, valid);\n })\n }\n else {\n this.handleValuePassed(property, value, valid);\n }\n \n } \n\n handleValuePassed(property: DetailProperty, value: any, valid:boolean){\n var newValue: any;\n var selectionValue: string;\n if (property.PropertyFormControlType.toUpperCase() == \"TEXTBOX\" && property.PropertyDisplayFormat.toUpperCase() == \"UPPER\"){\n value = value.toUpperCase();\n }\n\n if (property.PropertyFormControlType.toUpperCase() == \"CHECKBOX\"){\n this.property.PropertyValueSelection.find(x => x.SelectionValue == value.source.value).IsSelected = value.checked;\n selectionValue = this.property.PropertyValueSelection.find(x => x.SelectionValue == value.source.value).SelectionValue;\n let result = this.property.PropertyValueSelection.filter(x => x.IsSelected).map(a => a.SelectionValue);\n this.property.PropertyValueArray = result;\n newValue = result;\n }\n else if(property.PropertyFormControlType.toUpperCase() == \"COMBOBOX\"){\n if (property.ChildPropertyName){\n this.detailService.clearChild(property);\n this.detailService.setDisableChild({property:property, isDisable: true});\n }\n if (property.PropertyValidation && value){\n valid = true;\n }\n newValue = value;\n }\n else if (property.PropertyFormControlType.toUpperCase() == \"MULTITEXT\"){\n newValue = [];\n value.forEach(element => {\n if(element.label){\n newValue.push(element.label);\n }\n else{\n newValue.push(element);\n }\n });\n }\n else if(property.PropertyFormControlType.toUpperCase() == \"MULTICOMBOBOX\") {\n newValue = [];\n value.forEach(x => {\n if (x.GroupBy && !x.SelectionMapValue){\n var list = property.PropertyValueSelection.filter(g => g.GroupBy == x.GroupBy);\n list.forEach(element => {\n newValue.push(element.SelectionMapValue);\n });\n }\n else {\n newValue.push(x.SelectionMapValue);\n }\n });\n }\n else if (property.PropertyFormControlType.toUpperCase() == \"HIERARCHYSINGLESELECT\"){\n if (property.PropertyValueArray.length > 0){\n newValue = property.PropertyValueArray[0];\n\n property.PropertyValueSelection.forEach(element => {\n if (newValue) {\n if (element.SelectionValue.toLowerCase() == newValue.toLowerCase()) {\n element.IsSelected = !element.IsSelected;\n }\n else {\n element.IsSelected = false;\n }\n }\n else {\n element.IsSelected = false;\n }\n });\n }\n else{\n property.PropertyValueSelection.forEach(x => {\n x.IsSelected = false;\n })\n }\n \n this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId).PropertyValueArray = property.PropertyValueArray;\n this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId).PropertyValueSelection = property.PropertyValueSelection;\n \n var newProp = Object.assign({}, this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId));\n\n this.updateHierarchy.emit(newProp);\n }\n else if (property.PropertyFormControlType.toUpperCase() == \"HIERARCHYMULTISELECT\"){\n newValue = [];\n value.forEach(x => {\n newValue.push(x.SelectionValue);\n });\n\n var array = [];\n property.PropertyValueSelection.forEach(element => {\n if (newValue.indexOf(element.SelectionValue) > -1){\n element.IsSelected = true;\n }\n else{\n element.IsSelected = false;\n }\n array.push(element);\n });\n\n this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId).PropertyValueArray = newValue;\n this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId).PropertyValueSelection = array;\n // let copy = JSON.parse(JSON.stringify(this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId))); // just angular things !\n \n var newProp = Object.assign({}, this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId));\n\n this.updateHierarchy.emit(newProp);\n }\n else if (property.PropertyFormControlType.toUpperCase() == \"DATE\"){\n var timestamp = Date.parse(value);\n if (isNaN(timestamp) == false){\n valid = true;\n this.dateValue = new Date(value);\n newValue = this.dateValue;\n }\n else {\n if (value){\n valid = false;\n newValue = value;\n if (!this.property.PropertyValidation) this.property.PropertyValidation = new PropertyValidation();\n \n if (!value){\n this.property.PropertyValidation.InvalidFormat = false;\n }\n else {\n this.property.PropertyValidation.InvalidFormat = true;\n }\n }\n else{\n // empty string\n valid = true;\n newValue = value;\n }\n \n }\n }\n else{\n newValue = value;\n }\n\n if (valid){\n this.updateField(property, newValue, selectionValue);\n }\n }\n \n search(property: DetailProperty, $event:KeyboardEvent){\n if(this.currentLookup != property.PropertyName){\n this.onClickCombobox(property, property.PropertyFormControlType.toUpperCase() == 'COMBOBOX' ? true : false);\n }\n else{\n this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId).IsDropdownOpen = true;\n if ($event.keyCode == 13 && property.PropertyFormControlType.toUpperCase() == 'COMBOBOX'){\n this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId).IsDropdownOpen = false;\n }\n }\n }\n\n updateField(prop:DetailProperty, value:any, selectionValue: string = \"\"){\n var property = this.property;\n var selection: string;\n selection = selectionValue;\n if(prop){\n property = prop;\n }\n if (property.TriggersWorkflow){\n this.showLoading.emit(true);\n }\n\n if (prop.PropertyFormControlType.toUpperCase() == \"TEXTBOX\" || prop.PropertyFormControlType.toUpperCase() == \"PASSWORD\" || prop.PropertyFormControlType.toUpperCase() == \"SECURETEXTBOX\" ){\n if (this.ngForm){\n if (prop.ParentPropertyName){\n if (this.ngForm.control.get(prop.ParentPropertyName)){\n if (value != this.ngForm.control.get(prop.ParentPropertyName).value){\n // wait one tick, otherwise angular change will override\n setTimeout(() => this.ngForm.controls[prop.PropertyName].setErrors({noMatch: true}));\n }\n else{\n setTimeout(() => this.ngForm.controls[prop.ParentPropertyName].setErrors(null));\n }\n }\n }\n else if (prop.ChildPropertyName){\n if (this.ngForm.control.get(prop.ChildPropertyName)){\n if (value != this.ngForm.control.get(prop.ChildPropertyName).value){\n // wait one tick, otherwise angular change will override\n setTimeout(() => this.ngForm.controls[prop.PropertyName].setErrors({noMatch: true}));\n }\n else{\n setTimeout(() => this.ngForm.controls[prop.ChildPropertyName].setErrors(null));\n }\n }\n }\n }\n }\n\n var timestamp = Date.parse(value);\n if (isNaN(timestamp) == false){\n setTimeout(()=> {\n this.dateValue = new Date(value);\n })\n }\n\n if (this.property.PropertyFormControlType.toUpperCase() == \"COMBOBOX\"){\n if (this.property.PropertyValueSelection){\n if (this.property.PropertyValueSelection.find(x=> x.SelectionValue.toLowerCase() == value.toLowerCase())){\n this.property.PropertyValueDisplay = this.property.PropertyValueSelection.find(x=> x.SelectionValue.toLowerCase() == value.toLowerCase()).SelectionDisplay;\n }\n }\n }\n\n this.detailService.pushPendingUpdate(property, value);\n \n this.detailService.updateField(this.componentId, property.PropertyName, value, selection).subscribe(result=> {\n this.detailService.removePendingUpdate(property.PropertyId);\n if (property.ChildPropertyName){\n this.detailService.setDisableChild({property:property, isDisable: false});\n }\n if (result){\n if (result.startsWith(\"#WF:\")){\n this.handleWorkflowReturn(result.substr(4), property);\n }\n else {\n if (property.PropertyFormControlType.toUpperCase() != \"TEXTBOXSUGGESTID\"){\n property.PropertyValueDisplay = result;\n if (property.PropertyFormControlType.toUpperCase() == \"DATE\" || property.PropertyFormControlType.toUpperCase() == \"DATETIME\"){\n this.detailObject.Properties.find(x => x.PropertyName == property.PropertyName).PropertyValue = result;\n }\n }\n }\n }\n });\n }\n\n handleWorkflowReturn(result, property: DetailProperty){\n var command = JSON.parse(result);\n switch(command.ReturnType){\n case 0: // navigate\n if(command.Arguments){\n var path = [];\n command.Arguments.forEach(element => {\n path.push(element);\n });\n this.router.navigate(path);\n }\n break;\n case 1: //message\n this.toasterMessageService.popToast(command.Arguments[0], command.Arguments[1], command.SubType);\n break;\n case 3:\n this.propertyValueChanged.emit(command.Arguments[0]);\n if (property.TriggersWorkflow){\n this.showLoading.emit(false);\n }\n break;\n case 4:\n this.propertyValueChanged.emit(command.Arguments[0]);\n if (property.TriggersWorkflow){\n this.showLoading.emit(false);\n }\n break;\n case 5:\n this.propertyValueChanged.emit(command.Arguments[0]);\n if (property.TriggersWorkflow){\n this.showLoading.emit(false);\n }\n case 6: // comparison\n case 7: // download file\n case 8: // messagenavigate\n case 9: // chart\n case 10: // go home and navigate\n case 11: // open form\n case 12: // external navigate\n this.workflowReturnService.handleWorkflowReturn(command);\n break;\n }\n\n if (command.RefreshType){\n switch(command.RefreshType){\n case \"self\": \n this.reloadDetail.emit(result);\n break;\n case \"parent\":\n this.reloadDetail.emit(result);\n this.getEPICParent(false, command.ReturnType, command.IsPreview);\n break;\n case \"all\":\n this.reloadDetail.emit(result);\n this.getEPICParent(true, command.ReturnType, command.IsPreview);\n break;\n }\n }\n else {\n this.showLoading.emit(false);\n }\n }\n\n getEPICParent(findAllParent:boolean, returnType:number, isPreview: boolean = false){\n if (findAllParent){\n this.workspaceService.getAllParentsEPICId(this.componentId).subscribe(result => {\n if (result){\n var array = JSON.parse(result);\n array.forEach(id => {\n this.workspaceService.setParentId(id);\n });\n }\n })\n }\n else{\n this.workspaceService.getParentEPICId(this.componentId).subscribe(result => {\n this.workspaceService.setParentId(result);\n })\n }\n }\n\n getCombinationProperty(propertyId: string):DetailProperty[] {\n if (this.combinationProperties.filter(x => x.IsInputLabel).length > 0){\n this.inputLabel = true;\n }\n else {\n this.inputLabel = false;\n }\n return this.combinationProperties.find(x => x.combinationId == propertyId).properties;\n }\n\n checkProp(prop){\n console.log(prop);\n }\n\n checkIfCombinationIsEditable(propertyId: string, prop: DetailProperty){\n // if (this.combinationProperties.find(x => x.combinationId == propertyId).properties.filter(x => x.PropertyIsEditable).length > 0){\n // return true;\n // }\n // else{\n // return false;\n // }\n if (!prop) return false\n var propExist = this.combinationProperties.find(x => x.combinationId == propertyId).properties.find(x => x.PropertyId == prop.PropertyId);\n if (propExist){\n if (propExist.PropertyIsEditable && propExist.PropertyFormControlType.toUpperCase() == \"LABEL\"){\n return true;\n }\n else{\n return false;\n }\n }\n else{\n return false;\n }\n }\n\n getPropertyWidth(propertyId: string, order: number):any {\n if (order == 0){\n return this.combinationProperties.find(x => x.combinationId == propertyId).columnWidth[0].initialColumnWidth;\n }else{\n return this.combinationProperties.find(x => x.combinationId == propertyId).columnWidth[0].secColumnWidth;\n }\n }\n \n onClickCombobox(property:DetailProperty, isSingle: boolean = false, $event = null){\n if (!property.isDisabled){\n if(this.isPopupDetail){\n document.querySelectorAll(\"body\").item(0).style.position = \"relative\";\n }\n if ($event){\n if (!$event.target.classList.contains(\"ng-value-icon\")){\n this.showCheckbox = !this.showCheckbox;\n }\n }\n \n if(this.currentLookup != property.PropertyName){\n this.detailService.setLookup(property.PropertyName);\n this.retrievingLookupList = true;\n this.detailService.getLookupList(this.componentId, property.PropertyName).subscribe(result=> {\n var lookupList:ValueSelection[] = JSON.parse(result);\n this.detailObject.Properties.find(x=> x.PropertyName == property.PropertyName).PropertyValueSelection = lookupList;\n this.property.PropertyValueSelection = lookupList;\n this.detailObject.Properties.find(x => x.PropertyName == property.PropertyName).IsDropdownOpen = true;\n\n // this.detailObject.Properties[this.detailObject.Properties.findIndex(x => x.PropertyName == property)]\n\n this.retrievingLookupList = false;\n this.detailObject.Properties.find(x => x.PropertyName == property.PropertyName).PropertyValueSelection.forEach(element => {\n element.SelectionMapValue = element.SelectionValue;\n });\n if (this.property.PropertyFormControlType.toUpperCase() == \"GROUPCHECKBOX\"){\n var grouped = this.groupBy(this.property.PropertyValueSelection, PropertyValueSelection => PropertyValueSelection.GroupBy);\n this.groupCheckbox = this.keyValuePipe.transform(grouped);\n this.originalGroupCheckbox = this.groupCheckbox;\n if (!this.groupCheckbox) this.groupCheckbox = [];\n\n if (this.property.PropertyValueArray){\n this.property.PropertyValueArray.forEach(value => {\n var valueSelection = this.detailObject.Properties.find(x => x.PropertyName == property.PropertyName).PropertyValueSelection.find(x => x.SelectionValue == value);\n if (valueSelection){\n valueSelection.IsSelected = true;\n }\n });\n }\n }\n }, error => {\n this.retrievingLookupList = false;\n });\n }\n else{\n if (isSingle){\n this.detailObject.Properties.find(x => x.PropertyName == property.PropertyName).IsDropdownOpen = !this.detailObject.Properties.find(x => x.PropertyName == property.PropertyName).IsDropdownOpen;\n }\n else {\n this.detailObject.Properties.find(x => x.PropertyName == property.PropertyName).IsDropdownOpen = true;\n } \n }\n }\n }\n\n onSearch(event){\n this.showCheckbox = true;\n var matchByParent = this.originalGroupCheckbox.filter(x => x.key[\"name\"].toLowerCase().includes(event.term.toLowerCase()));\n if (event.items.length > 0){\n var grouped = this.groupBy(event.items, PropertyValueSelection => PropertyValueSelection.GroupBy);\n var tempCheckbox = this.keyValuePipe.transform(grouped);\n\n matchByParent.forEach(element => {\n if (tempCheckbox.filter(x => x.key[\"name\"].toLowerCase().includes(element.key[\"name\"].toLowerCase())).length == 0){\n tempCheckbox.push(element);\n }\n });\n this.groupCheckbox = this.sortGroupCheckbox(tempCheckbox);\n }\n else {\n this.groupCheckbox = matchByParent;\n }\n }\n\n sortGroupCheckbox(data: any){\n return data.sort((a, b) => { \n if(a.key[\"name\"] > b.key[\"name\"]){\n return 1;\n }else if(a.key[\"name\"] < b.key[\"name\"]){\n return -1;\n }else{\n return 0;\n }\n });\n }\n\n onBlur(property: DetailProperty){\n this.focus = false;\n this.detailObject.Properties.find(x => x.PropertyName == property.PropertyName).IsDropdownOpen = false;\n // document.querySelectorAll(\".overlay-container\").item(0).classList.remove(\"block\");\n }\n\n onCloseCombobox(){\n if(this.isPopupDetail){\n document.querySelectorAll(\"body\").item(0).style.position = \"initial\";\n }\n // document.querySelectorAll(\".overlay-container\").item(0).classList.remove(\"block\");\n }\n\n getNestedChildren(arr, parent) {\n var out = []\n for(var i in arr) {\n if(arr[i].parent == parent) {\n var children = this.getNestedChildren(arr, arr[i].id)\n\n if(children.length) {\n arr[i].children = children\n }\n out.push(arr[i])\n }\n }\n return out\n }\n\n toggleHierarchy(property: DetailProperty){\n this.showHierarchy.emit(!this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId).PropertyShowHierarchy);\n // this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId).PropertyShowHierarchy = !this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId).PropertyShowHierarchy;\n }\n\n onGroupCheckboxChange($event, ngModel:any = null){\n var array = [];\n var groupBy = []\n\n if ($event.length == 0){\n if(this.groupCheckbox.length > 0){\n this.groupCheckbox.forEach(element => {\n element['key'].isSelected = false;\n });\n }\n }\n\n $event.forEach(element => {\n array.push(element.SelectionValue);\n });\n \n this.property.PropertyValueArray = array;\n this.property.PropertyValueSelection.forEach(value=> {\n value.IsSelected = false;\n });\n\n this.property.PropertyValueArray.forEach(value => {\n if (this.property.PropertyValueSelection.find(x => x.SelectionValue == value)){\n this.property.PropertyValueSelection.find(x => x.SelectionValue == value).IsSelected = true;\n groupBy.push(this.property.PropertyValueSelection.find(x => x.SelectionValue == value).GroupBy);\n }\n });\n\n // probably do this later, check whether theres no child anymore\n // console.log(this.property.PropertyValueSelection);\n // groupBy.forEach(groupId => {\n // console.log(this.property.PropertyValueSelection.filter(x => x.GroupBy == groupId).filter(x => x.IsSelected));\n // if (this.property.PropertyValueSelection.filter(x => x.GroupBy == groupId).filter(x => x.IsSelected).length == 0){\n // console.log(this.groupCheckbox.filter(x => x[\"key\"].name == groupId));\n // }\n // });\n\n this.onValueChange(this.property, this.property.PropertyValueArray, ngModel);\n }\n\n closeCheckbox($event){\n $event.preventDefault();\n $event.stopPropagation();\n this.showCheckbox = false;\n }\n\n clearAll(){\n this.property.PropertyValueArray = [];\n this.property.PropertyValueSelection.forEach(value=> {\n value.IsSelected = false;\n });\n\n this.groupCheckbox.forEach(element => {\n element['key'].isSelected = false;\n });\n }\n\n onSelectedItem(id:string){\n this.selectedItem.emit(id);\n }\n\n addToPropArray($event:any, selection:any, isParent:boolean, key:any){\n if (isParent){\n selection.forEach(value => {\n this.property.PropertyValueSelection.find(x => x.SelectionValue == value.SelectionValue).IsSelected = !this.property.PropertyValueSelection.find(x => x.SelectionValue == value.SelectionValue).IsSelected;\n this.pushPropertyValue($event, value);\n });\n }\n else {\n this.pushPropertyValue($event, selection);\n }\n this.onValueChange(this.property, this.property.PropertyValueArray);\n }\n\n groupBy(list, keyGetter) {\n const map = new Map(); // create into map\n var someList = [];\n list.forEach((item) => {\n const key = keyGetter(item);\n var obj = {name: key, isSelected: false}\n if (someList.indexOf(key) >= 0) {\n map.forEach(result => {\n if (result[0].GroupBy == key){\n result.push(item);\n }\n })\n } else {\n map.set(obj, [item]);\n }\n someList.push(key);\n });\n return map;\n }\n\n compareFn(item, selected){\n return item.SelectionValue.toLowerCase() == selected.toLowerCase();\n }\n\n // groupBy(list, keyGetter) {\n // const map = new Map(); // create into map\n // list.forEach((item) => {\n // const key = keyGetter(item);\n // if (!map.has(key)) {\n // map.set(key, [item]);\n // } else {\n // map.get(key).push(item);\n // }\n // });\n // return map;\n // }\n\n pushPropertyValue($event, value:ValueSelection){\n if ($event.currentTarget.checked){\n if(this.property.PropertyValueArray){\n if (this.property.PropertyValueArray.indexOf(value.SelectionValue) < 0){\n this.property.PropertyValueArray.push(value.SelectionValue);\n this.property.PropertyValueArray = this.property.PropertyValueArray.filter(x => x !== \"@*novalue*@\");\n }\n }\n else{\n this.property.PropertyValueArray = [];\n this.property.PropertyValueArray.push(value.SelectionValue);\n }\n this.property.PropertyValueSelection.find(x => x.SelectionValue == value.SelectionValue).IsSelected = true;\n }\n else {\n this.property.PropertyValueSelection.find(x => x.SelectionValue == value.SelectionValue).IsSelected = false\n this.property.PropertyValueArray = this.property.PropertyValueArray.filter(x => x !== value.SelectionValue);\n }\n }\n\n setCountdownEvent(event){\n this.countdownEnd.emit(event);\n }\n\n optionalChanged(event){\n const checked = event;\n this.noValidate = checked;\n var properties = this.detailObject.Properties.filter(x => x.ParentPropertyName == this.property.PropertyName);\n properties.forEach(prop => {\n prop.PropertyClientIsHidden = !checked;\n });\n }\n\n setAttachmentValue(value: string){\n this.property.PropertyValue = value;\n this.updateField(this.property, value);\n }\n\n onPaste(property, e){\n e.stopPropagation();\n e.preventDefault();\n let items = e.clipboardData.getData('Text').split(/\\r?\\n/).map(item => item.trim());\n\n property.PropertyValueDisplayArray = items;\n if (items){\n this.updateField(property, items)\n }\n }\n}\n\n","import { OnInit, EventEmitter, ElementRef, ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';\nimport { Detail, DetailPropertyGroup, DetailProperty, ValueSelection, CombinationProperty, PropertyValidation } from '../objects/DetailObject';\nimport { DetailService } from '../services/detail.service';\nimport { KeyValuePipe } from '@angular/common';\nimport { NgForm, NgModel } from '@angular/forms';\nimport { DateFormatService } from '../services/date-format.service';\nimport { AmazingTimePickerService } from 'amazing-time-picker';\nimport { SummaryService } from '../services/summary.service';\nimport { ToasterMessageService } from '../services/toaster-message.service';\nimport { Router } from '@angular/router';\nimport { ModalControlService } from '../services/modal-control.service';\nimport { BsModalService } from 'ngx-bootstrap/modal';\nimport { MatRadioButton, MatCheckbox } from '@angular/material';\nimport { Subscription } from 'rxjs';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { NgSelectComponent } from '@ng-select/ng-select';\nimport { PdfJsViewerComponent } from 'ng2-pdfjs-viewer';\nimport { WorkflowReturnService } from '../services/workflow-return.service';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { Globals } from '../objects/Globals';\nimport { NgxTimepickerFieldComponent } from 'ngx-material-timepicker';\nvar PropertyControlsComponent = /** @class */ (function () {\n function PropertyControlsComponent(detailService, dateFormatService, atp, keyValuePipe, toasterMessageService, router, modalControlService, modalService, themeSettingService, cd, workflowReturnService, workspaceService, summaryService, globals) {\n var _this = this;\n this.detailService = detailService;\n this.dateFormatService = dateFormatService;\n this.atp = atp;\n this.keyValuePipe = keyValuePipe;\n this.toasterMessageService = toasterMessageService;\n this.router = router;\n this.modalControlService = modalControlService;\n this.modalService = modalService;\n this.themeSettingService = themeSettingService;\n this.cd = cd;\n this.workflowReturnService = workflowReturnService;\n this.workspaceService = workspaceService;\n this.summaryService = summaryService;\n this.globals = globals;\n this.editorConfig = new Object();\n this.timeValue = \"00:00\";\n this.defaultTime = \"00:00\";\n this.retrievingLookupList = false;\n this.showCheckbox = false;\n this.groupCheckbox = [];\n this.originalGroupCheckbox = [];\n this.inputLabel = false;\n this.combinationProperties = [];\n this.showChart = false;\n // tagArray = [];\n this.noValidate = false;\n this.focus = false;\n this.format24h = true;\n this.darkTheme = {\n container: {\n buttonColor: 'var(--primary)'\n },\n dial: {\n dialBackgroundColor: 'var(--primary)',\n },\n clockFace: {\n clockFaceBackgroundColor: 'var(--primary)',\n clockHandColor: '#FFF',\n clockFaceTimeInactiveColor: '#FFF',\n clockFaceTimeActiveColor: 'var(--primary)'\n }\n };\n this.showLoading = new EventEmitter();\n this.reloadDetail = new EventEmitter();\n this.childControl = new EventEmitter();\n this.updateForm = new EventEmitter();\n this.setCurrentLookup = new EventEmitter();\n this.updateHierarchy = new EventEmitter();\n this.showHierarchy = new EventEmitter();\n this.selectedItem = new EventEmitter();\n this.propertyValueChanged = new EventEmitter();\n this.countdownEnd = new EventEmitter();\n this.sub1 = this.detailService.currentPropertyFocusChanged$.subscribe(function (result) {\n if (_this.property.PropertyId == result) {\n if (_this.textbox) {\n _this.textbox.nativeElement.focus();\n }\n else if (_this.textarea) {\n _this.textarea.nativeElement.focus();\n }\n else if (_this.select) {\n _this.select.focus();\n }\n else if (_this.matRadio) {\n _this.matRadio.focus();\n }\n else if (_this.matCheckbox) {\n _this.matCheckbox.focus();\n }\n }\n else {\n if (_this.property) {\n if (_this.property.PropertyFormControlType.toUpperCase() == \"COMBINATION\") {\n var combineProperties = [];\n _this.combinationProperties.map(function (x) { return x.properties; }).forEach(function (element) {\n combineProperties = combineProperties.concat(element);\n });\n var prop = combineProperties.find(function (x) { return x.PropertyId == result; });\n if (prop) {\n if (prop.PropertyFormControlType.toUpperCase() == \"TEXTBOX\" || prop.PropertyFormControlType.toUpperCase() == \"DATE\") {\n _this.textbox.nativeElement.focus();\n }\n else if (prop.PropertyFormControlType.toUpperCase() == \"COMBOBOX\" || prop.PropertyFormControlType.toUpperCase() == \"MULTICOMBOBOX\") {\n _this.select.focus();\n }\n }\n }\n }\n }\n });\n this.sub2 = this.detailService.currentLookupChanged$.subscribe(function (lookup) {\n _this.currentLookup = lookup;\n });\n this.sub3 = this.detailService.parentChildChanged$.subscribe(function (prop) {\n if (prop) {\n if (_this.property.PropertyName == prop.ChildPropertyName) {\n _this.property.PropertyValue = \"\";\n _this.property.PropertyValueDisplay = \"\";\n _this.property.isDisabled = true;\n setTimeout(function () {\n _this.onValueChange(_this.property, \"\");\n });\n }\n }\n });\n this.sub4 = this.detailService.disableChild$.subscribe(function (prop) {\n if (prop) {\n if (_this.property.PropertyName == prop.property.ChildPropertyName) {\n _this.property.isDisabled = prop.isDisable;\n }\n }\n });\n this.sub5 = this.summaryService.chartTableChanged$.subscribe(function (loading) {\n if (loading) {\n _this.showChart = true;\n }\n });\n }\n Object.defineProperty(PropertyControlsComponent.prototype, \"setProperty\", {\n set: function (obj) {\n var _this = this;\n var prop = obj.property;\n this.componentId = obj.id;\n if (prop.PropertyFormControlType.toUpperCase() == \"DATE\") {\n if (prop.PropertyValue) {\n this.dateValue = new Date(prop.PropertyValue);\n }\n else {\n this.dateValue = null;\n }\n this.dateFormatService.setFormat(prop.PropertyDisplayFormat.toUpperCase());\n this.handleMinMaxDate(prop);\n }\n else if (prop.PropertyFormControlType.toUpperCase() == \"DATETIME\") {\n var date = new Date(prop.PropertyValue);\n if (date.getHours()) {\n var hour = date.getHours().toString();\n var minute = date.getMinutes().toString();\n if (date.getHours() < 10) {\n hour = \"0\" + date.getHours().toString();\n }\n if (date.getMinutes() < 10) {\n minute = \"0\" + date.getMinutes().toString();\n }\n this.timeValue = hour + \":\" + minute;\n this.defaultTime = this.timeValue;\n }\n this.dateValue = new Date(date);\n this.detailService.getDateTimePropertyDateSegmentValue(this.componentId, prop.PropertyName).subscribe(function (result) {\n if (prop.PropertyDisplayFormat.indexOf(\"tt\") > -1) {\n _this.format24h = false;\n var merd = date.getHours() > 11 ? \"pm\" : \"am\";\n _this.defaultTime = _this.defaultTime + merd;\n }\n prop.PropertyDisplayFormat = result;\n _this.dateFormatService.setFormat(result.toUpperCase());\n if (prop.PropertyValue) {\n _this.dateValue = new Date(date);\n }\n else {\n _this.dateValue = null;\n }\n });\n this.handleMinMaxDate(prop);\n }\n else if (prop.PropertyFormControlType.toUpperCase() == \"COMBOBOX\") {\n if (!prop.PropertyValueSelection) {\n prop.PropertyValue = \"\";\n prop.PropertyValueDisplay = \"\";\n }\n else {\n if (prop.PropertyValueSelection.filter(function (x) { return x.SelectionValue.toLowerCase() == prop.PropertyValue.toLowerCase(); }).length == 0) {\n prop.PropertyValue = \"\";\n prop.PropertyValueDisplay = \"\";\n }\n }\n prop.IsDropdownOpen = false;\n }\n else if (prop.PropertyFormControlType.toUpperCase() == \"MULTICOMBOBOX\" || prop.PropertyFormControlType.toUpperCase() == \"HIERARCHYMULTISELECT\" || prop.PropertyFormControlType.toUpperCase() == \"HIERARCHYSINGLESELECT\") {\n prop.IsDropdownOpen = false;\n if (prop.PropertyValueSelection) {\n prop.PropertyValueSelection.forEach(function (element) {\n element.SelectionMapValue = element.SelectionValue;\n });\n }\n else {\n prop.PropertyValueArray = [];\n prop.PropertyValueDisplayArray = [];\n }\n if (prop.PropertyValueArray) {\n prop.PropertyValueArray.forEach(function (item, index) {\n if (prop.PropertyValueSelection.filter(function (x) { return x.SelectionValue.toLowerCase() == item.toLowerCase(); }).length == 0) {\n prop.PropertyValueArray.splice(index, 1);\n prop.PropertyValueDisplayArray.splice(index, 1);\n }\n });\n }\n }\n else if (prop.PropertyFormControlType.toUpperCase() == \"TEXTBOXSUGGEST\" || prop.PropertyFormControlType.toUpperCase() == \"TEXTBOXSUGGESTID\") {\n this.onClickCombobox(prop);\n }\n this.property = prop;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PropertyControlsComponent.prototype, \"updateProperty\", {\n set: function (property) {\n if (property) {\n if (this.property.PropertyId == property.PropertyId) {\n // var array = [];\n // property.PropertyValueArray.forEach(element => {\n // array.push(element);\n // });\n // //this.property.PropertyValueArray = array; // just angular things !\n var prop = Object.assign({}, property);\n this.property = prop;\n this.property.PropertyValueSelection = [].concat(prop.PropertyValueSelection); // remember angular/ng-select use onPush detection strategy\n this.property.PropertyValueArray = [].concat(prop.PropertyValueArray);\n var array = property.PropertyValueArray;\n if (property.PropertyFormControlType.toUpperCase() == \"HIERARCHYSINGLESELECT\") {\n if (property.PropertyValueArray.length > 0) {\n array = property.PropertyValueArray[0];\n }\n }\n this.updateField(property, array);\n }\n }\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PropertyControlsComponent.prototype, \"combinationProperty\", {\n set: function (combProperty) {\n this.combinationProperties = combProperty;\n if (this.combinationProperties.length > 0) {\n this.combinationProperties.forEach(function (property) {\n if (property.properties) {\n if (property.properties.filter(function (x) { return !x.PropertyIsEditable; }).length == 1) {\n property.IsInputLabel = true;\n }\n }\n });\n }\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PropertyControlsComponent.prototype, \"detailForm\", {\n set: function (form) {\n this.ngForm = form;\n },\n enumerable: true,\n configurable: true\n });\n ;\n PropertyControlsComponent.prototype.afterInit = function () {\n this.timepicker.registerOnChange(this.onChangeTime.bind(this));\n };\n PropertyControlsComponent.prototype.ngOnInit = function () {\n this.loaderConfig = this.themeSettingService.getTheme();\n };\n PropertyControlsComponent.prototype.ngOnDestroy = function () {\n if (this.sub1)\n this.sub1.unsubscribe();\n if (this.sub2)\n this.sub2.unsubscribe();\n if (this.sub3)\n this.sub3.unsubscribe();\n if (this.sub4)\n this.sub4.unsubscribe();\n if (this.sub5)\n this.sub5.unsubscribe();\n };\n PropertyControlsComponent.prototype.ngAfterViewInit = function () {\n this.textareaAutoHeight();\n if (this.pdfViewer) {\n this.pdfViewer.refresh();\n }\n };\n PropertyControlsComponent.prototype.textareaAutoHeight = function () {\n var _this = this;\n if (this.textarea) {\n setTimeout(function () {\n var height = _this.textarea.nativeElement.scrollHeight;\n _this.textarea.nativeElement.setAttribute('style', 'height:' + (height) + 'px;');\n });\n this.textarea.nativeElement.addEventListener(\"input\", OnInput, false);\n }\n function OnInput() {\n this.style.height = 'auto';\n this.style.height = (this.scrollHeight + 5) + 'px';\n }\n };\n PropertyControlsComponent.prototype.handleMinMaxDate = function (prop) {\n if (prop.PropertyValidation) {\n if (prop.PropertyValidation.MinValue == \"@CURRENTDATETIME\") {\n this.dateMin = new Date();\n }\n else {\n if (prop.PropertyValidation.MinValue) {\n this.dateMin = new Date(prop.PropertyValidation.MinValue);\n }\n }\n if (prop.PropertyValidation.MaxValue == \"@CURRENTDATETIME\") {\n this.dateMax = new Date();\n }\n else {\n if (prop.PropertyValidation.MinValue) {\n this.dateMax = new Date(prop.PropertyValidation.MaxValue);\n }\n }\n }\n };\n PropertyControlsComponent.prototype.onChangeTime = function (time) {\n if (time) {\n if (this.dateValue) {\n var hour = +time.split(':')[0];\n var minute = +time.split(':')[1];\n if (time.indexOf(\"pm\") > -1 || time.indexOf(\"am\") > -1) {\n time = this.convertTime12to24(time);\n var hour = +time.split(':')[0];\n var minute = +time.split(':')[1];\n }\n this.timeValue = hour + \":\" + minute;\n this.dateValue.setHours(hour, minute);\n var value = this.dateValue;\n this.handleCustomMinMaxDatetime(this.property, value);\n this.updateField(this.property, value);\n }\n }\n };\n PropertyControlsComponent.prototype.convertTime12to24 = function (time12h) {\n var _a = time12h.split(' '), time = _a[0], modifier = _a[1];\n var _b = time.split(':'), hours = _b[0], minutes = _b[1];\n if (hours == '12') {\n hours = '00';\n }\n if (modifier) {\n if (modifier.toLowerCase() == 'pm') {\n hours = parseInt(hours, 10) + 12;\n }\n }\n return hours + \":\" + minutes;\n };\n PropertyControlsComponent.prototype.openTimePicker = function (property) {\n var _this = this;\n var timePicker = this.atp.open({\n time: this.timeValue,\n arrowStyle: {\n background: this.loaderConfig.primaryColour,\n color: '#FFF'\n }\n });\n timePicker.afterClose().subscribe(function (time) {\n _this.onTimeChange(time, property);\n });\n };\n PropertyControlsComponent.prototype.handleCustomMinMaxDatetime = function (property, value, isUpdate) {\n var _this = this;\n if (isUpdate === void 0) { isUpdate = false; }\n if (isNaN(Date.parse(value)) == false) {\n this.handleMinMaxDate(property);\n if (this.dateMin < value) {\n setTimeout(function () {\n if (_this.ngForm.controls[property.PropertyName].errors) {\n if (_this.ngForm.controls[property.PropertyName].errors.length == 1) {\n if (_this.ngForm.controls[property.PropertyName].errors.DateMin) {\n _this.ngForm.controls[property.PropertyName].setErrors(null);\n }\n }\n else {\n if (_this.ngForm.controls[property.PropertyName].errors.length > 0) {\n _this.ngForm.controls[property.PropertyName].setErrors({ 'DateMin': null });\n }\n }\n }\n }, 500); // angular ng on change\n }\n else if (this.dateMin > value) {\n setTimeout(function () {\n _this.ngForm.controls[property.PropertyName].markAsDirty();\n _this.ngForm.controls[property.PropertyName].setErrors({ DateMin: true });\n }, 500); // angular ng on change\n }\n }\n };\n PropertyControlsComponent.prototype.onTimeChange = function (time, property) {\n if (time) {\n this.timeValue = time;\n if (this.dateValue) {\n this.dateValue.setHours(+this.timeValue.split(':')[0], +this.timeValue.split(':')[1]);\n var value = this.dateValue;\n this.handleCustomMinMaxDatetime(property, value);\n this.updateField(this.property, value);\n }\n }\n };\n PropertyControlsComponent.prototype.onDateTimeChange = function (input, date, ngModel, property) {\n if (ngModel) {\n var isUpdate = false;\n var timestamp = Date.parse(input);\n if (isNaN(timestamp) == false) {\n isUpdate = true;\n }\n else {\n this.dateValue = null;\n }\n if (isUpdate) {\n this.dateValue = new Date(input);\n if (this.dateValue) {\n this.dateValue.setHours(+this.timeValue.split(':')[0], +this.timeValue.split(':')[1]);\n this.updateField(this.property, this.dateValue);\n }\n }\n this.handleCustomMinMaxDatetime(property, this.dateValue, isUpdate);\n }\n else {\n var timestamp = Date.parse(input);\n if (isNaN(timestamp) == false) {\n this.dateValue = new Date(input);\n if (this.dateValue) {\n this.dateValue.setHours(+this.timeValue.split(':')[0], +this.timeValue.split(':')[1]);\n this.updateField(this.property, this.dateValue);\n }\n }\n else {\n this.dateValue = null;\n }\n }\n };\n PropertyControlsComponent.prototype.setDateValue = function (value) {\n this.dateValue = new Date(value);\n if (this.dateValue) {\n this.dateValue.setHours(+this.timeValue.split(':')[0], +this.timeValue.split(':')[1]);\n }\n };\n PropertyControlsComponent.prototype.dateChange = function (prop, input, $event) {\n var _this = this;\n var valid = true;\n setTimeout(function () {\n if ($event) {\n valid = $event.valid;\n }\n if (valid) {\n var timestamp = Date.parse(input);\n if (isNaN(timestamp) == false) {\n _this.dateValue = new Date(input);\n _this.dateValue.setHours(+_this.timeValue.split(':')[0], +_this.timeValue.split(':')[1]);\n _this.updateField(prop, _this.dateValue);\n _this.handleCustomMinMaxDatetime(prop, _this.dateValue);\n }\n else {\n if (!_this.property.PropertyValidation)\n _this.property.PropertyValidation = new PropertyValidation();\n if (!input) {\n _this.dateValue = null;\n _this.updateField(prop, _this.dateValue);\n _this.property.PropertyValidation.InvalidFormat = false;\n }\n else {\n _this.property.PropertyValidation.InvalidFormat = true;\n }\n }\n _this.updateField(prop, _this.dateValue);\n }\n else {\n // ng model has error\n if ($event.errors.matDatepickerMin || $event.errors.matDatepickerMax) {\n //min max date error\n _this.property.PropertyValidation.InvalidFormat = false;\n _this.dateValue = new Date(input);\n }\n }\n });\n };\n PropertyControlsComponent.prototype.onTextboxSuggest = function (property, event) {\n if (event) {\n this.onValueChange(property, event.item.SelectionValue);\n }\n };\n PropertyControlsComponent.prototype.onValueChange = function (property, value, $event) {\n var _this = this;\n if ($event === void 0) { $event = null; }\n if (property.PropertyFormControlType.toUpperCase() == \"COMBOBOX\") {\n this.detailObject.Properties.find(function (x) { return x.PropertyId == property.PropertyId; }).IsDropdownOpen = false;\n }\n var valid = true;\n if ($event) {\n setTimeout(function () {\n valid = $event.valid;\n if ($event.errors) {\n if ($event.errors.required && value) {\n valid = true;\n }\n }\n else {\n if (property.PropertyValidation) {\n if (property.PropertyValidation.MinMaxType == \"NUMBER\") {\n if (property.PropertyValidation.MinValue) {\n var minValue = property.PropertyValidation.MinValue;\n if (minValue == \"@CURRENTYEAR\")\n minValue = new Date().getFullYear().toString();\n if (parseInt(value) < parseInt(minValue)) {\n setTimeout(function () { return _this.ngForm.controls[property.PropertyName].setErrors({ pattern: true }); });\n }\n }\n if (property.PropertyValidation.MaxValue) {\n var maxValue = property.PropertyValidation.MaxValue;\n if (maxValue == \"@CURRENTYEAR\")\n maxValue = new Date().getFullYear().toString();\n if (parseInt(value) > parseInt(maxValue)) {\n setTimeout(function () { return _this.ngForm.controls[property.PropertyName].setErrors({ pattern: true }); });\n }\n }\n }\n }\n }\n _this.handleValuePassed(property, value, valid);\n });\n }\n else {\n this.handleValuePassed(property, value, valid);\n }\n };\n PropertyControlsComponent.prototype.handleValuePassed = function (property, value, valid) {\n var newValue;\n var selectionValue;\n if (property.PropertyFormControlType.toUpperCase() == \"TEXTBOX\" && property.PropertyDisplayFormat.toUpperCase() == \"UPPER\") {\n value = value.toUpperCase();\n }\n if (property.PropertyFormControlType.toUpperCase() == \"CHECKBOX\") {\n this.property.PropertyValueSelection.find(function (x) { return x.SelectionValue == value.source.value; }).IsSelected = value.checked;\n selectionValue = this.property.PropertyValueSelection.find(function (x) { return x.SelectionValue == value.source.value; }).SelectionValue;\n var result = this.property.PropertyValueSelection.filter(function (x) { return x.IsSelected; }).map(function (a) { return a.SelectionValue; });\n this.property.PropertyValueArray = result;\n newValue = result;\n }\n else if (property.PropertyFormControlType.toUpperCase() == \"COMBOBOX\") {\n if (property.ChildPropertyName) {\n this.detailService.clearChild(property);\n this.detailService.setDisableChild({ property: property, isDisable: true });\n }\n if (property.PropertyValidation && value) {\n valid = true;\n }\n newValue = value;\n }\n else if (property.PropertyFormControlType.toUpperCase() == \"MULTITEXT\") {\n newValue = [];\n value.forEach(function (element) {\n if (element.label) {\n newValue.push(element.label);\n }\n else {\n newValue.push(element);\n }\n });\n }\n else if (property.PropertyFormControlType.toUpperCase() == \"MULTICOMBOBOX\") {\n newValue = [];\n value.forEach(function (x) {\n if (x.GroupBy && !x.SelectionMapValue) {\n var list = property.PropertyValueSelection.filter(function (g) { return g.GroupBy == x.GroupBy; });\n list.forEach(function (element) {\n newValue.push(element.SelectionMapValue);\n });\n }\n else {\n newValue.push(x.SelectionMapValue);\n }\n });\n }\n else if (property.PropertyFormControlType.toUpperCase() == \"HIERARCHYSINGLESELECT\") {\n if (property.PropertyValueArray.length > 0) {\n newValue = property.PropertyValueArray[0];\n property.PropertyValueSelection.forEach(function (element) {\n if (newValue) {\n if (element.SelectionValue.toLowerCase() == newValue.toLowerCase()) {\n element.IsSelected = !element.IsSelected;\n }\n else {\n element.IsSelected = false;\n }\n }\n else {\n element.IsSelected = false;\n }\n });\n }\n else {\n property.PropertyValueSelection.forEach(function (x) {\n x.IsSelected = false;\n });\n }\n this.detailObject.Properties.find(function (x) { return x.PropertyId == property.PropertyId; }).PropertyValueArray = property.PropertyValueArray;\n this.detailObject.Properties.find(function (x) { return x.PropertyId == property.PropertyId; }).PropertyValueSelection = property.PropertyValueSelection;\n var newProp = Object.assign({}, this.detailObject.Properties.find(function (x) { return x.PropertyId == property.PropertyId; }));\n this.updateHierarchy.emit(newProp);\n }\n else if (property.PropertyFormControlType.toUpperCase() == \"HIERARCHYMULTISELECT\") {\n newValue = [];\n value.forEach(function (x) {\n newValue.push(x.SelectionValue);\n });\n var array = [];\n property.PropertyValueSelection.forEach(function (element) {\n if (newValue.indexOf(element.SelectionValue) > -1) {\n element.IsSelected = true;\n }\n else {\n element.IsSelected = false;\n }\n array.push(element);\n });\n this.detailObject.Properties.find(function (x) { return x.PropertyId == property.PropertyId; }).PropertyValueArray = newValue;\n this.detailObject.Properties.find(function (x) { return x.PropertyId == property.PropertyId; }).PropertyValueSelection = array;\n // let copy = JSON.parse(JSON.stringify(this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId))); // just angular things !\n var newProp = Object.assign({}, this.detailObject.Properties.find(function (x) { return x.PropertyId == property.PropertyId; }));\n this.updateHierarchy.emit(newProp);\n }\n else if (property.PropertyFormControlType.toUpperCase() == \"DATE\") {\n var timestamp = Date.parse(value);\n if (isNaN(timestamp) == false) {\n valid = true;\n this.dateValue = new Date(value);\n newValue = this.dateValue;\n }\n else {\n if (value) {\n valid = false;\n newValue = value;\n if (!this.property.PropertyValidation)\n this.property.PropertyValidation = new PropertyValidation();\n if (!value) {\n this.property.PropertyValidation.InvalidFormat = false;\n }\n else {\n this.property.PropertyValidation.InvalidFormat = true;\n }\n }\n else {\n // empty string\n valid = true;\n newValue = value;\n }\n }\n }\n else {\n newValue = value;\n }\n if (valid) {\n this.updateField(property, newValue, selectionValue);\n }\n };\n PropertyControlsComponent.prototype.search = function (property, $event) {\n if (this.currentLookup != property.PropertyName) {\n this.onClickCombobox(property, property.PropertyFormControlType.toUpperCase() == 'COMBOBOX' ? true : false);\n }\n else {\n this.detailObject.Properties.find(function (x) { return x.PropertyId == property.PropertyId; }).IsDropdownOpen = true;\n if ($event.keyCode == 13 && property.PropertyFormControlType.toUpperCase() == 'COMBOBOX') {\n this.detailObject.Properties.find(function (x) { return x.PropertyId == property.PropertyId; }).IsDropdownOpen = false;\n }\n }\n };\n PropertyControlsComponent.prototype.updateField = function (prop, value, selectionValue) {\n var _this = this;\n if (selectionValue === void 0) { selectionValue = \"\"; }\n var property = this.property;\n var selection;\n selection = selectionValue;\n if (prop) {\n property = prop;\n }\n if (property.TriggersWorkflow) {\n this.showLoading.emit(true);\n }\n if (prop.PropertyFormControlType.toUpperCase() == \"TEXTBOX\" || prop.PropertyFormControlType.toUpperCase() == \"PASSWORD\" || prop.PropertyFormControlType.toUpperCase() == \"SECURETEXTBOX\") {\n if (this.ngForm) {\n if (prop.ParentPropertyName) {\n if (this.ngForm.control.get(prop.ParentPropertyName)) {\n if (value != this.ngForm.control.get(prop.ParentPropertyName).value) {\n // wait one tick, otherwise angular change will override\n setTimeout(function () { return _this.ngForm.controls[prop.PropertyName].setErrors({ noMatch: true }); });\n }\n else {\n setTimeout(function () { return _this.ngForm.controls[prop.ParentPropertyName].setErrors(null); });\n }\n }\n }\n else if (prop.ChildPropertyName) {\n if (this.ngForm.control.get(prop.ChildPropertyName)) {\n if (value != this.ngForm.control.get(prop.ChildPropertyName).value) {\n // wait one tick, otherwise angular change will override\n setTimeout(function () { return _this.ngForm.controls[prop.PropertyName].setErrors({ noMatch: true }); });\n }\n else {\n setTimeout(function () { return _this.ngForm.controls[prop.ChildPropertyName].setErrors(null); });\n }\n }\n }\n }\n }\n var timestamp = Date.parse(value);\n if (isNaN(timestamp) == false) {\n setTimeout(function () {\n _this.dateValue = new Date(value);\n });\n }\n if (this.property.PropertyFormControlType.toUpperCase() == \"COMBOBOX\") {\n if (this.property.PropertyValueSelection) {\n if (this.property.PropertyValueSelection.find(function (x) { return x.SelectionValue.toLowerCase() == value.toLowerCase(); })) {\n this.property.PropertyValueDisplay = this.property.PropertyValueSelection.find(function (x) { return x.SelectionValue.toLowerCase() == value.toLowerCase(); }).SelectionDisplay;\n }\n }\n }\n this.detailService.pushPendingUpdate(property, value);\n this.detailService.updateField(this.componentId, property.PropertyName, value, selection).subscribe(function (result) {\n _this.detailService.removePendingUpdate(property.PropertyId);\n if (property.ChildPropertyName) {\n _this.detailService.setDisableChild({ property: property, isDisable: false });\n }\n if (result) {\n if (result.startsWith(\"#WF:\")) {\n _this.handleWorkflowReturn(result.substr(4), property);\n }\n else {\n if (property.PropertyFormControlType.toUpperCase() != \"TEXTBOXSUGGESTID\") {\n property.PropertyValueDisplay = result;\n if (property.PropertyFormControlType.toUpperCase() == \"DATE\" || property.PropertyFormControlType.toUpperCase() == \"DATETIME\") {\n _this.detailObject.Properties.find(function (x) { return x.PropertyName == property.PropertyName; }).PropertyValue = result;\n }\n }\n }\n }\n });\n };\n PropertyControlsComponent.prototype.handleWorkflowReturn = function (result, property) {\n var command = JSON.parse(result);\n switch (command.ReturnType) {\n case 0:// navigate\n if (command.Arguments) {\n var path = [];\n command.Arguments.forEach(function (element) {\n path.push(element);\n });\n this.router.navigate(path);\n }\n break;\n case 1://message\n this.toasterMessageService.popToast(command.Arguments[0], command.Arguments[1], command.SubType);\n break;\n case 3:\n this.propertyValueChanged.emit(command.Arguments[0]);\n if (property.TriggersWorkflow) {\n this.showLoading.emit(false);\n }\n break;\n case 4:\n this.propertyValueChanged.emit(command.Arguments[0]);\n if (property.TriggersWorkflow) {\n this.showLoading.emit(false);\n }\n break;\n case 5:\n this.propertyValueChanged.emit(command.Arguments[0]);\n if (property.TriggersWorkflow) {\n this.showLoading.emit(false);\n }\n case 6: // comparison\n case 7: // download file\n case 8: // messagenavigate\n case 9: // chart\n case 10: // go home and navigate\n case 11: // open form\n case 12:// external navigate\n this.workflowReturnService.handleWorkflowReturn(command);\n break;\n }\n if (command.RefreshType) {\n switch (command.RefreshType) {\n case \"self\":\n this.reloadDetail.emit(result);\n break;\n case \"parent\":\n this.reloadDetail.emit(result);\n this.getEPICParent(false, command.ReturnType, command.IsPreview);\n break;\n case \"all\":\n this.reloadDetail.emit(result);\n this.getEPICParent(true, command.ReturnType, command.IsPreview);\n break;\n }\n }\n else {\n this.showLoading.emit(false);\n }\n };\n PropertyControlsComponent.prototype.getEPICParent = function (findAllParent, returnType, isPreview) {\n var _this = this;\n if (isPreview === void 0) { isPreview = false; }\n if (findAllParent) {\n this.workspaceService.getAllParentsEPICId(this.componentId).subscribe(function (result) {\n if (result) {\n var array = JSON.parse(result);\n array.forEach(function (id) {\n _this.workspaceService.setParentId(id);\n });\n }\n });\n }\n else {\n this.workspaceService.getParentEPICId(this.componentId).subscribe(function (result) {\n _this.workspaceService.setParentId(result);\n });\n }\n };\n PropertyControlsComponent.prototype.getCombinationProperty = function (propertyId) {\n if (this.combinationProperties.filter(function (x) { return x.IsInputLabel; }).length > 0) {\n this.inputLabel = true;\n }\n else {\n this.inputLabel = false;\n }\n return this.combinationProperties.find(function (x) { return x.combinationId == propertyId; }).properties;\n };\n PropertyControlsComponent.prototype.checkProp = function (prop) {\n console.log(prop);\n };\n PropertyControlsComponent.prototype.checkIfCombinationIsEditable = function (propertyId, prop) {\n // if (this.combinationProperties.find(x => x.combinationId == propertyId).properties.filter(x => x.PropertyIsEditable).length > 0){\n // return true;\n // }\n // else{\n // return false;\n // }\n if (!prop)\n return false;\n var propExist = this.combinationProperties.find(function (x) { return x.combinationId == propertyId; }).properties.find(function (x) { return x.PropertyId == prop.PropertyId; });\n if (propExist) {\n if (propExist.PropertyIsEditable && propExist.PropertyFormControlType.toUpperCase() == \"LABEL\") {\n return true;\n }\n else {\n return false;\n }\n }\n else {\n return false;\n }\n };\n PropertyControlsComponent.prototype.getPropertyWidth = function (propertyId, order) {\n if (order == 0) {\n return this.combinationProperties.find(function (x) { return x.combinationId == propertyId; }).columnWidth[0].initialColumnWidth;\n }\n else {\n return this.combinationProperties.find(function (x) { return x.combinationId == propertyId; }).columnWidth[0].secColumnWidth;\n }\n };\n PropertyControlsComponent.prototype.onClickCombobox = function (property, isSingle, $event) {\n var _this = this;\n if (isSingle === void 0) { isSingle = false; }\n if ($event === void 0) { $event = null; }\n if (!property.isDisabled) {\n if (this.isPopupDetail) {\n document.querySelectorAll(\"body\").item(0).style.position = \"relative\";\n }\n if ($event) {\n if (!$event.target.classList.contains(\"ng-value-icon\")) {\n this.showCheckbox = !this.showCheckbox;\n }\n }\n if (this.currentLookup != property.PropertyName) {\n this.detailService.setLookup(property.PropertyName);\n this.retrievingLookupList = true;\n this.detailService.getLookupList(this.componentId, property.PropertyName).subscribe(function (result) {\n var lookupList = JSON.parse(result);\n _this.detailObject.Properties.find(function (x) { return x.PropertyName == property.PropertyName; }).PropertyValueSelection = lookupList;\n _this.property.PropertyValueSelection = lookupList;\n _this.detailObject.Properties.find(function (x) { return x.PropertyName == property.PropertyName; }).IsDropdownOpen = true;\n // this.detailObject.Properties[this.detailObject.Properties.findIndex(x => x.PropertyName == property)]\n _this.retrievingLookupList = false;\n _this.detailObject.Properties.find(function (x) { return x.PropertyName == property.PropertyName; }).PropertyValueSelection.forEach(function (element) {\n element.SelectionMapValue = element.SelectionValue;\n });\n if (_this.property.PropertyFormControlType.toUpperCase() == \"GROUPCHECKBOX\") {\n var grouped = _this.groupBy(_this.property.PropertyValueSelection, function (PropertyValueSelection) { return PropertyValueSelection.GroupBy; });\n _this.groupCheckbox = _this.keyValuePipe.transform(grouped);\n _this.originalGroupCheckbox = _this.groupCheckbox;\n if (!_this.groupCheckbox)\n _this.groupCheckbox = [];\n if (_this.property.PropertyValueArray) {\n _this.property.PropertyValueArray.forEach(function (value) {\n var valueSelection = _this.detailObject.Properties.find(function (x) { return x.PropertyName == property.PropertyName; }).PropertyValueSelection.find(function (x) { return x.SelectionValue == value; });\n if (valueSelection) {\n valueSelection.IsSelected = true;\n }\n });\n }\n }\n }, function (error) {\n _this.retrievingLookupList = false;\n });\n }\n else {\n if (isSingle) {\n this.detailObject.Properties.find(function (x) { return x.PropertyName == property.PropertyName; }).IsDropdownOpen = !this.detailObject.Properties.find(function (x) { return x.PropertyName == property.PropertyName; }).IsDropdownOpen;\n }\n else {\n this.detailObject.Properties.find(function (x) { return x.PropertyName == property.PropertyName; }).IsDropdownOpen = true;\n }\n }\n }\n };\n PropertyControlsComponent.prototype.onSearch = function (event) {\n this.showCheckbox = true;\n var matchByParent = this.originalGroupCheckbox.filter(function (x) { return x.key[\"name\"].toLowerCase().includes(event.term.toLowerCase()); });\n if (event.items.length > 0) {\n var grouped = this.groupBy(event.items, function (PropertyValueSelection) { return PropertyValueSelection.GroupBy; });\n var tempCheckbox = this.keyValuePipe.transform(grouped);\n matchByParent.forEach(function (element) {\n if (tempCheckbox.filter(function (x) { return x.key[\"name\"].toLowerCase().includes(element.key[\"name\"].toLowerCase()); }).length == 0) {\n tempCheckbox.push(element);\n }\n });\n this.groupCheckbox = this.sortGroupCheckbox(tempCheckbox);\n }\n else {\n this.groupCheckbox = matchByParent;\n }\n };\n PropertyControlsComponent.prototype.sortGroupCheckbox = function (data) {\n return data.sort(function (a, b) {\n if (a.key[\"name\"] > b.key[\"name\"]) {\n return 1;\n }\n else if (a.key[\"name\"] < b.key[\"name\"]) {\n return -1;\n }\n else {\n return 0;\n }\n });\n };\n PropertyControlsComponent.prototype.onBlur = function (property) {\n this.focus = false;\n this.detailObject.Properties.find(function (x) { return x.PropertyName == property.PropertyName; }).IsDropdownOpen = false;\n // document.querySelectorAll(\".overlay-container\").item(0).classList.remove(\"block\");\n };\n PropertyControlsComponent.prototype.onCloseCombobox = function () {\n if (this.isPopupDetail) {\n document.querySelectorAll(\"body\").item(0).style.position = \"initial\";\n }\n // document.querySelectorAll(\".overlay-container\").item(0).classList.remove(\"block\");\n };\n PropertyControlsComponent.prototype.getNestedChildren = function (arr, parent) {\n var out = [];\n for (var i in arr) {\n if (arr[i].parent == parent) {\n var children = this.getNestedChildren(arr, arr[i].id);\n if (children.length) {\n arr[i].children = children;\n }\n out.push(arr[i]);\n }\n }\n return out;\n };\n PropertyControlsComponent.prototype.toggleHierarchy = function (property) {\n this.showHierarchy.emit(!this.detailObject.Properties.find(function (x) { return x.PropertyId == property.PropertyId; }).PropertyShowHierarchy);\n // this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId).PropertyShowHierarchy = !this.detailObject.Properties.find(x => x.PropertyId == property.PropertyId).PropertyShowHierarchy;\n };\n PropertyControlsComponent.prototype.onGroupCheckboxChange = function ($event, ngModel) {\n var _this = this;\n if (ngModel === void 0) { ngModel = null; }\n var array = [];\n var groupBy = [];\n if ($event.length == 0) {\n if (this.groupCheckbox.length > 0) {\n this.groupCheckbox.forEach(function (element) {\n element['key'].isSelected = false;\n });\n }\n }\n $event.forEach(function (element) {\n array.push(element.SelectionValue);\n });\n this.property.PropertyValueArray = array;\n this.property.PropertyValueSelection.forEach(function (value) {\n value.IsSelected = false;\n });\n this.property.PropertyValueArray.forEach(function (value) {\n if (_this.property.PropertyValueSelection.find(function (x) { return x.SelectionValue == value; })) {\n _this.property.PropertyValueSelection.find(function (x) { return x.SelectionValue == value; }).IsSelected = true;\n groupBy.push(_this.property.PropertyValueSelection.find(function (x) { return x.SelectionValue == value; }).GroupBy);\n }\n });\n // probably do this later, check whether theres no child anymore\n // console.log(this.property.PropertyValueSelection);\n // groupBy.forEach(groupId => {\n // console.log(this.property.PropertyValueSelection.filter(x => x.GroupBy == groupId).filter(x => x.IsSelected));\n // if (this.property.PropertyValueSelection.filter(x => x.GroupBy == groupId).filter(x => x.IsSelected).length == 0){\n // console.log(this.groupCheckbox.filter(x => x[\"key\"].name == groupId));\n // }\n // });\n this.onValueChange(this.property, this.property.PropertyValueArray, ngModel);\n };\n PropertyControlsComponent.prototype.closeCheckbox = function ($event) {\n $event.preventDefault();\n $event.stopPropagation();\n this.showCheckbox = false;\n };\n PropertyControlsComponent.prototype.clearAll = function () {\n this.property.PropertyValueArray = [];\n this.property.PropertyValueSelection.forEach(function (value) {\n value.IsSelected = false;\n });\n this.groupCheckbox.forEach(function (element) {\n element['key'].isSelected = false;\n });\n };\n PropertyControlsComponent.prototype.onSelectedItem = function (id) {\n this.selectedItem.emit(id);\n };\n PropertyControlsComponent.prototype.addToPropArray = function ($event, selection, isParent, key) {\n var _this = this;\n if (isParent) {\n selection.forEach(function (value) {\n _this.property.PropertyValueSelection.find(function (x) { return x.SelectionValue == value.SelectionValue; }).IsSelected = !_this.property.PropertyValueSelection.find(function (x) { return x.SelectionValue == value.SelectionValue; }).IsSelected;\n _this.pushPropertyValue($event, value);\n });\n }\n else {\n this.pushPropertyValue($event, selection);\n }\n this.onValueChange(this.property, this.property.PropertyValueArray);\n };\n PropertyControlsComponent.prototype.groupBy = function (list, keyGetter) {\n var map = new Map(); // create into map\n var someList = [];\n list.forEach(function (item) {\n var key = keyGetter(item);\n var obj = { name: key, isSelected: false };\n if (someList.indexOf(key) >= 0) {\n map.forEach(function (result) {\n if (result[0].GroupBy == key) {\n result.push(item);\n }\n });\n }\n else {\n map.set(obj, [item]);\n }\n someList.push(key);\n });\n return map;\n };\n PropertyControlsComponent.prototype.compareFn = function (item, selected) {\n return item.SelectionValue.toLowerCase() == selected.toLowerCase();\n };\n // groupBy(list, keyGetter) {\n // const map = new Map(); // create into map\n // list.forEach((item) => {\n // const key = keyGetter(item);\n // if (!map.has(key)) {\n // map.set(key, [item]);\n // } else {\n // map.get(key).push(item);\n // }\n // });\n // return map;\n // }\n PropertyControlsComponent.prototype.pushPropertyValue = function ($event, value) {\n if ($event.currentTarget.checked) {\n if (this.property.PropertyValueArray) {\n if (this.property.PropertyValueArray.indexOf(value.SelectionValue) < 0) {\n this.property.PropertyValueArray.push(value.SelectionValue);\n this.property.PropertyValueArray = this.property.PropertyValueArray.filter(function (x) { return x !== \"@*novalue*@\"; });\n }\n }\n else {\n this.property.PropertyValueArray = [];\n this.property.PropertyValueArray.push(value.SelectionValue);\n }\n this.property.PropertyValueSelection.find(function (x) { return x.SelectionValue == value.SelectionValue; }).IsSelected = true;\n }\n else {\n this.property.PropertyValueSelection.find(function (x) { return x.SelectionValue == value.SelectionValue; }).IsSelected = false;\n this.property.PropertyValueArray = this.property.PropertyValueArray.filter(function (x) { return x !== value.SelectionValue; });\n }\n };\n PropertyControlsComponent.prototype.setCountdownEvent = function (event) {\n this.countdownEnd.emit(event);\n };\n PropertyControlsComponent.prototype.optionalChanged = function (event) {\n var _this = this;\n var checked = event;\n this.noValidate = checked;\n var properties = this.detailObject.Properties.filter(function (x) { return x.ParentPropertyName == _this.property.PropertyName; });\n properties.forEach(function (prop) {\n prop.PropertyClientIsHidden = !checked;\n });\n };\n PropertyControlsComponent.prototype.setAttachmentValue = function (value) {\n this.property.PropertyValue = value;\n this.updateField(this.property, value);\n };\n PropertyControlsComponent.prototype.onPaste = function (property, e) {\n e.stopPropagation();\n e.preventDefault();\n var items = e.clipboardData.getData('Text').split(/\\r?\\n/).map(function (item) { return item.trim(); });\n property.PropertyValueDisplayArray = items;\n if (items) {\n this.updateField(property, items);\n }\n };\n return PropertyControlsComponent;\n}());\nexport { PropertyControlsComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".suggest-group[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n.load-more-group[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.load-more-group[_ngcontent-%COMP%] .load-more[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n top: -1px;\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n.load-more-group[_ngcontent-%COMP%] .load-more[_ngcontent-%COMP%] mat-spinner[_ngcontent-%COMP%] {\\r\\n float: left;\\r\\n position: relative;\\r\\n top: 3px;\\r\\n margin-right: 15px;\\r\\n}\\r\\n\\r\\n.load-more-group[_ngcontent-%COMP%] .load-more[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\\r\\n font-size: 14px;\\r\\n}\\r\\n\\r\\n.suggest-group[_ngcontent-%COMP%] .suggest-img[_ngcontent-%COMP%] {\\r\\n -ms-flex: 0 0 60px;\\r\\n flex: 0 0 60px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.suggest-img[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n display: block;\\r\\n max-width: 100%;\\r\\n max-height: 100%;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n left: 0;\\r\\n margin: auto;\\r\\n right: 0;\\r\\n position: absolute;\\r\\n}\\r\\n\\r\\n.suggest-sub-group[_ngcontent-%COMP%] {\\r\\n -ms-flex: 1 1 auto;\\r\\n flex: 1 1 auto;\\r\\n margin-left: 15px;\\r\\n}\\r\\n\\r\\n.suggest-header[_ngcontent-%COMP%] {\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n color: var(--primary);\\r\\n line-height: 16px;\\r\\n}\\r\\n\\r\\n.suggest-sub-header[_ngcontent-%COMP%] {\\r\\n font-size: 13px;\\r\\n \\r\\n color: #777;\\r\\n line-height: 15px;\\r\\n padding: 0px 0 4px;\\r\\n}\\r\\n\\r\\n.suggest-desc[_ngcontent-%COMP%] {\\r\\n color: #fc6e51;\\r\\n font-size: 14px;\\r\\n line-height: 15px;\\r\\n padding: 3px 0;\\r\\n}\\r\\n\\r\\n.form-control[_ngcontent-%COMP%]:disabled, .form-control[readonly][_ngcontent-%COMP%] {\\r\\n background-color: #f5f5f5;\\r\\n height: 38px;\\r\\n}\\r\\n\\r\\n.mat-form-field[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./property-summary.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/material/chips\";\nimport * as i3 from \"@angular/cdk/platform\";\nimport * as i4 from \"@angular/material/core\";\nimport * as i5 from \"../../../node_modules/@angular/material/icon/typings/index.ngfactory\";\nimport * as i6 from \"@angular/material/icon\";\nimport * as i7 from \"../../../node_modules/@angular/material/core/typings/index.ngfactory\";\nimport * as i8 from \"../../../node_modules/@angular/material/progress-spinner/typings/index.ngfactory\";\nimport * as i9 from \"@angular/material/progress-spinner\";\nimport * as i10 from \"@angular/common\";\nimport * as i11 from \"@angular/platform-browser/animations\";\nimport * as i12 from \"../../../node_modules/@angular/material/form-field/typings/index.ngfactory\";\nimport * as i13 from \"@angular/material/form-field\";\nimport * as i14 from \"@angular/cdk/bidi\";\nimport * as i15 from \"../../../node_modules/@angular/material/chips/typings/index.ngfactory\";\nimport * as i16 from \"@angular/forms\";\nimport * as i17 from \"@angular/material/autocomplete\";\nimport * as i18 from \"@angular/cdk/overlay\";\nimport * as i19 from \"@angular/cdk/scrolling\";\nimport * as i20 from \"@angular/material/input\";\nimport * as i21 from \"@angular/cdk/text-field\";\nimport * as i22 from \"../../../node_modules/@angular/material/autocomplete/typings/index.ngfactory\";\nimport * as i23 from \"./property-summary.component\";\nimport * as i24 from \"../services/summary.service\";\nvar styles_PropertySummaryComponent = [i0.styles];\nvar RenderType_PropertySummaryComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_PropertySummaryComponent, data: {} });\nexport { RenderType_PropertySummaryComponent as RenderType_PropertySummaryComponent };\nfunction View_PropertySummaryComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"input\", [[\"class\", \"form-control\"], [\"placeholder\", \"Type something...\"], [\"type\", \"text\"]], [[8, \"disabled\", 0]], null, null, null, null))], null, function (_ck, _v) { var currVal_0 = true; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertySummaryComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 9, \"mat-chip\", [[\"class\", \"mat-chip\"], [\"role\", \"option\"]], [[1, \"tabindex\", 0], [2, \"mat-chip-selected\", null], [2, \"mat-chip-with-avatar\", null], [2, \"mat-chip-with-trailing-icon\", null], [2, \"mat-chip-disabled\", null], [1, \"disabled\", 0], [1, \"aria-disabled\", 0], [1, \"aria-selected\", 0]], [[null, \"removed\"], [null, \"click\"], [null, \"keydown\"], [null, \"focus\"], [null, \"blur\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._handleClick($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"focus\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 1).focus() !== false);\n ad = (pd_2 && ad);\n } if ((\"blur\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 1)._blur() !== false);\n ad = (pd_3 && ad);\n } if ((\"removed\" === en)) {\n var pd_4 = (_co.remove(_v.context.$implicit) !== false);\n ad = (pd_4 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 147456, [[13, 4]], 3, i2.MatChip, [i1.ElementRef, i1.NgZone, i3.Platform, [2, i4.MAT_RIPPLE_GLOBAL_OPTIONS]], { removable: [0, \"removable\"] }, { removed: \"removed\" }), i1.ɵqud(335544320, 14, { avatar: 0 }), i1.ɵqud(335544320, 15, { trailingIcon: 0 }), i1.ɵqud(335544320, 16, { removeIcon: 0 }), (_l()(), i1.ɵted(5, null, [\" \", \" \"])), (_l()(), i1.ɵeld(6, 0, null, null, 3, \"mat-icon\", [[\"class\", \"mat-icon notranslate mat-chip-remove mat-chip-trailing-icon\"], [\"matChipRemove\", \"\"], [\"role\", \"img\"]], [[2, \"mat-icon-inline\", null], [2, \"mat-icon-no-color\", null]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 8)._handleClick($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i5.View_MatIcon_0, i5.RenderType_MatIcon)), i1.ɵdid(7, 9158656, null, 0, i6.MatIcon, [i1.ElementRef, i6.MatIconRegistry, [8, null], [2, i6.MAT_ICON_LOCATION]], null, null), i1.ɵdid(8, 16384, [[16, 4]], 0, i2.MatChipRemove, [i2.MatChip], null, null), (_l()(), i1.ɵted(-1, 0, [\"cancel\"]))], function (_ck, _v) { var currVal_8 = true; _ck(_v, 1, 0, currVal_8); _ck(_v, 7, 0); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (i1.ɵnov(_v, 1).disabled ? null : (0 - 1)); var currVal_1 = i1.ɵnov(_v, 1).selected; var currVal_2 = i1.ɵnov(_v, 1).avatar; var currVal_3 = (i1.ɵnov(_v, 1).trailingIcon || i1.ɵnov(_v, 1).removeIcon); var currVal_4 = i1.ɵnov(_v, 1).disabled; var currVal_5 = (i1.ɵnov(_v, 1).disabled || null); var currVal_6 = i1.ɵnov(_v, 1).disabled.toString(); var currVal_7 = i1.ɵnov(_v, 1).ariaSelected; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_9 = _v.context.$implicit[_co.retrieveFilteredData(\"prop1\")]; _ck(_v, 5, 0, currVal_9); var currVal_10 = i1.ɵnov(_v, 7).inline; var currVal_11 = (((i1.ɵnov(_v, 7).color !== \"primary\") && (i1.ɵnov(_v, 7).color !== \"accent\")) && (i1.ɵnov(_v, 7).color !== \"warn\")); _ck(_v, 6, 0, currVal_10, currVal_11); }); }\nfunction View_PropertySummaryComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 5, \"mat-option\", [[\"class\", \"is-loading mat-option\"], [\"role\", \"option\"]], [[1, \"tabindex\", 0], [2, \"mat-selected\", null], [2, \"mat-option-multiple\", null], [2, \"mat-active\", null], [8, \"id\", 0], [1, \"aria-selected\", 0], [1, \"aria-disabled\", 0], [2, \"mat-option-disabled\", null]], [[null, \"click\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._selectViaInteraction() !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i7.View_MatOption_0, i7.RenderType_MatOption)), i1.ɵdid(1, 8568832, [[17, 4]], 0, i4.MatOption, [i1.ElementRef, i1.ChangeDetectorRef, [2, i4.MAT_OPTION_PARENT_COMPONENT], [2, i4.MatOptgroup]], { disabled: [0, \"disabled\"] }, null), (_l()(), i1.ɵeld(2, 0, null, 0, 1, \"mat-spinner\", [[\"class\", \"mat-spinner mat-progress-spinner\"], [\"diameter\", \"20\"], [\"mode\", \"indeterminate\"], [\"role\", \"progressbar\"], [\"style\", \"float:left\"]], [[2, \"_mat-animation-noopable\", null], [4, \"width\", \"px\"], [4, \"height\", \"px\"]], null, null, i8.View_MatSpinner_0, i8.RenderType_MatSpinner)), i1.ɵdid(3, 49152, null, 0, i9.MatSpinner, [i1.ElementRef, i3.Platform, [2, i10.DOCUMENT], [2, i11.ANIMATION_MODULE_TYPE], i9.MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS], { diameter: [0, \"diameter\"] }, null), (_l()(), i1.ɵeld(4, 0, null, 0, 1, \"span\", [[\"style\", \"display: block;margin-left: 30px;font-size: 15px;\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Searching...\"]))], function (_ck, _v) { var currVal_8 = true; _ck(_v, 1, 0, currVal_8); var currVal_12 = \"20\"; _ck(_v, 3, 0, currVal_12); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 1)._getTabIndex(); var currVal_1 = i1.ɵnov(_v, 1).selected; var currVal_2 = i1.ɵnov(_v, 1).multiple; var currVal_3 = i1.ɵnov(_v, 1).active; var currVal_4 = i1.ɵnov(_v, 1).id; var currVal_5 = i1.ɵnov(_v, 1)._getAriaSelected(); var currVal_6 = i1.ɵnov(_v, 1).disabled.toString(); var currVal_7 = i1.ɵnov(_v, 1).disabled; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_9 = i1.ɵnov(_v, 3)._noopAnimations; var currVal_10 = i1.ɵnov(_v, 3).diameter; var currVal_11 = i1.ɵnov(_v, 3).diameter; _ck(_v, 2, 0, currVal_9, currVal_10, currVal_11); }); }\nfunction View_PropertySummaryComponent_8(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 11, \"mat-option\", [[\"class\", \"mat-option\"], [\"role\", \"option\"]], [[1, \"tabindex\", 0], [2, \"mat-selected\", null], [2, \"mat-option-multiple\", null], [2, \"mat-active\", null], [8, \"id\", 0], [1, \"aria-selected\", 0], [1, \"aria-disabled\", 0], [2, \"mat-option-disabled\", null]], [[null, \"click\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._selectViaInteraction() !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i7.View_MatOption_0, i7.RenderType_MatOption)), i1.ɵdid(1, 8568832, [[17, 4]], 0, i4.MatOption, [i1.ElementRef, i1.ChangeDetectorRef, [2, i4.MAT_OPTION_PARENT_COMPONENT], [2, i4.MatOptgroup]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(2, 0, null, 0, 9, \"div\", [[\"class\", \"suggest-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"div\", [[\"class\", \"suggest-img\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 0, \"img\", [[\"alt\", \"image\"]], [[8, \"src\", 4]], null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 6, \"div\", [[\"class\", \"suggest-sub-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(6, 0, null, null, 1, \"p\", [[\"class\", \"suggest-header\"]], null, null, null, null, null)), (_l()(), i1.ɵted(7, null, [\"\", \"\"])), (_l()(), i1.ɵeld(8, 0, null, null, 1, \"p\", [[\"class\", \"suggest-sub-header\"]], null, null, null, null, null)), (_l()(), i1.ɵted(9, null, [\"\", \"\"])), (_l()(), i1.ɵeld(10, 0, null, null, 1, \"p\", [[\"class\", \"suggest-desc\"]], null, null, null, null, null)), (_l()(), i1.ɵted(11, null, [\"\", \"\"]))], function (_ck, _v) { var currVal_8 = _v.context.$implicit; _ck(_v, 1, 0, currVal_8); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵnov(_v, 1)._getTabIndex(); var currVal_1 = i1.ɵnov(_v, 1).selected; var currVal_2 = i1.ɵnov(_v, 1).multiple; var currVal_3 = i1.ɵnov(_v, 1).active; var currVal_4 = i1.ɵnov(_v, 1).id; var currVal_5 = i1.ɵnov(_v, 1)._getAriaSelected(); var currVal_6 = i1.ɵnov(_v, 1).disabled.toString(); var currVal_7 = i1.ɵnov(_v, 1).disabled; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_9 = (_co.getImageFilteredSummary(_v.context.$implicit[_co.retrieveFilteredData(\"ID\")]) ? _co.getImageFilteredSummary(_v.context.$implicit[_co.retrieveFilteredData(\"ID\")]) : \"../../assets/images/no_image_available.jpeg\"); _ck(_v, 4, 0, currVal_9); var currVal_10 = _v.context.$implicit[_co.retrieveFilteredData(\"prop1\")]; _ck(_v, 7, 0, currVal_10); var currVal_11 = _v.context.$implicit[_co.retrieveFilteredData(\"prop2\")]; _ck(_v, 9, 0, currVal_11); var currVal_12 = _v.context.$implicit[_co.retrieveFilteredData(\"prop3\")]; _ck(_v, 11, 0, currVal_12); }); }\nfunction View_PropertySummaryComponent_10(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"mat-icon\", [[\"class\", \"mat-icon notranslate\"], [\"role\", \"img\"]], [[2, \"mat-icon-inline\", null], [2, \"mat-icon-no-color\", null]], null, null, i5.View_MatIcon_0, i5.RenderType_MatIcon)), i1.ɵdid(1, 9158656, null, 0, i6.MatIcon, [i1.ElementRef, i6.MatIconRegistry, [8, null], [2, i6.MAT_ICON_LOCATION]], null, null), (_l()(), i1.ɵted(-1, 0, [\"add_circle_outline\"]))], function (_ck, _v) { _ck(_v, 1, 0); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 1).inline; var currVal_1 = (((i1.ɵnov(_v, 1).color !== \"primary\") && (i1.ɵnov(_v, 1).color !== \"accent\")) && (i1.ɵnov(_v, 1).color !== \"warn\")); _ck(_v, 0, 0, currVal_0, currVal_1); }); }\nfunction View_PropertySummaryComponent_11(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"mat-spinner\", [[\"class\", \"mat-spinner mat-progress-spinner\"], [\"diameter\", \"20\"], [\"mode\", \"indeterminate\"], [\"role\", \"progressbar\"]], [[2, \"_mat-animation-noopable\", null], [4, \"width\", \"px\"], [4, \"height\", \"px\"]], null, null, i8.View_MatSpinner_0, i8.RenderType_MatSpinner)), i1.ɵdid(1, 49152, null, 0, i9.MatSpinner, [i1.ElementRef, i3.Platform, [2, i10.DOCUMENT], [2, i11.ANIMATION_MODULE_TYPE], i9.MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS], { diameter: [0, \"diameter\"] }, null)], function (_ck, _v) { var currVal_3 = \"20\"; _ck(_v, 1, 0, currVal_3); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 1)._noopAnimations; var currVal_1 = i1.ɵnov(_v, 1).diameter; var currVal_2 = i1.ɵnov(_v, 1).diameter; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2); }); }\nfunction View_PropertySummaryComponent_9(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 9, \"mat-option\", [[\"class\", \"load-more-option mat-option\"], [\"role\", \"option\"]], [[1, \"tabindex\", 0], [2, \"mat-selected\", null], [2, \"mat-option-multiple\", null], [2, \"mat-active\", null], [8, \"id\", 0], [1, \"aria-selected\", 0], [1, \"aria-disabled\", 0], [2, \"mat-option-disabled\", null]], [[null, \"click\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._selectViaInteraction() !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i7.View_MatOption_0, i7.RenderType_MatOption)), i1.ɵdid(1, 8568832, [[17, 4]], 0, i4.MatOption, [i1.ElementRef, i1.ChangeDetectorRef, [2, i4.MAT_OPTION_PARENT_COMPONENT], [2, i4.MatOptgroup]], { disabled: [0, \"disabled\"] }, null), (_l()(), i1.ɵeld(2, 0, null, 0, 7, \"div\", [[\"class\", \"load-more-group\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.onLoadMore($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 6, \"div\", [[\"class\", \"load-more\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertySummaryComponent_10)), i1.ɵdid(5, 16384, null, 0, i10.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertySummaryComponent_11)), i1.ɵdid(7, 16384, null, 0, i10.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(8, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(9, null, [\"\", \"\"]))], function (_ck, _v) { var _co = _v.component; var currVal_8 = _co.isFetching; _ck(_v, 1, 0, currVal_8); var currVal_9 = !_co.isFetching; _ck(_v, 5, 0, currVal_9); var currVal_10 = _co.isFetching; _ck(_v, 7, 0, currVal_10); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵnov(_v, 1)._getTabIndex(); var currVal_1 = i1.ɵnov(_v, 1).selected; var currVal_2 = i1.ɵnov(_v, 1).multiple; var currVal_3 = i1.ɵnov(_v, 1).active; var currVal_4 = i1.ɵnov(_v, 1).id; var currVal_5 = i1.ɵnov(_v, 1)._getAriaSelected(); var currVal_6 = i1.ɵnov(_v, 1).disabled.toString(); var currVal_7 = i1.ɵnov(_v, 1).disabled; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_11 = (_co.isFetching ? \"Loading\" : \"Show more items\"); _ck(_v, 9, 0, currVal_11); }); }\nfunction View_PropertySummaryComponent_7(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 6, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertySummaryComponent_8)), i1.ɵdid(2, 278528, null, 0, i10.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertySummaryComponent_9)), i1.ɵdid(4, 16384, null, 0, i10.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(5, 0, null, null, 1, \"mat-option\", [[\"class\", \"mat-option\"], [\"role\", \"option\"], [\"style\", \"display: none;\"]], [[1, \"tabindex\", 0], [2, \"mat-selected\", null], [2, \"mat-option-multiple\", null], [2, \"mat-active\", null], [8, \"id\", 0], [1, \"aria-selected\", 0], [1, \"aria-disabled\", 0], [2, \"mat-option-disabled\", null]], [[null, \"click\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 6)._selectViaInteraction() !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 6)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i7.View_MatOption_0, i7.RenderType_MatOption)), i1.ɵdid(6, 8568832, [[17, 4]], 0, i4.MatOption, [i1.ElementRef, i1.ChangeDetectorRef, [2, i4.MAT_OPTION_PARENT_COMPONENT], [2, i4.MatOptgroup]], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.summary.Data; _ck(_v, 2, 0, currVal_0); var currVal_1 = (_co.summary.Data.length != _co.summary.TotalRows); _ck(_v, 4, 0, currVal_1); }, function (_ck, _v) { var currVal_2 = i1.ɵnov(_v, 6)._getTabIndex(); var currVal_3 = i1.ɵnov(_v, 6).selected; var currVal_4 = i1.ɵnov(_v, 6).multiple; var currVal_5 = i1.ɵnov(_v, 6).active; var currVal_6 = i1.ɵnov(_v, 6).id; var currVal_7 = i1.ɵnov(_v, 6)._getAriaSelected(); var currVal_8 = i1.ɵnov(_v, 6).disabled.toString(); var currVal_9 = i1.ɵnov(_v, 6).disabled; _ck(_v, 5, 0, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9); }); }\nfunction View_PropertySummaryComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 46, \"div\", [[\"class\", \"property-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 45, \"mat-form-field\", [[\"appearance\", \"outline\"], [\"class\", \"mat-form-field summary-suggestion-form mat-form-field\"]], [[2, \"mat-form-field-appearance-standard\", null], [2, \"mat-form-field-appearance-fill\", null], [2, \"mat-form-field-appearance-outline\", null], [2, \"mat-form-field-appearance-legacy\", null], [2, \"mat-form-field-invalid\", null], [2, \"mat-form-field-can-float\", null], [2, \"mat-form-field-should-float\", null], [2, \"mat-form-field-has-label\", null], [2, \"mat-form-field-hide-placeholder\", null], [2, \"mat-form-field-disabled\", null], [2, \"mat-form-field-autofilled\", null], [2, \"mat-focused\", null], [2, \"mat-accent\", null], [2, \"mat-warn\", null], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null], [2, \"_mat-animation-noopable\", null]], null, null, i12.View_MatFormField_0, i12.RenderType_MatFormField)), i1.ɵdid(2, 7520256, null, 7, i13.MatFormField, [i1.ElementRef, i1.ChangeDetectorRef, [2, i4.MAT_LABEL_GLOBAL_OPTIONS], [2, i14.Directionality], [2, i13.MAT_FORM_FIELD_DEFAULT_OPTIONS], i3.Platform, i1.NgZone, [2, i11.ANIMATION_MODULE_TYPE]], { appearance: [0, \"appearance\"] }, null), i1.ɵqud(335544320, 6, { _control: 0 }), i1.ɵqud(335544320, 7, { _placeholderChild: 0 }), i1.ɵqud(335544320, 8, { _labelChild: 0 }), i1.ɵqud(603979776, 9, { _errorChildren: 1 }), i1.ɵqud(603979776, 10, { _hintChildren: 1 }), i1.ɵqud(603979776, 11, { _prefixChildren: 1 }), i1.ɵqud(603979776, 12, { _suffixChildren: 1 }), (_l()(), i1.ɵeld(10, 0, null, 1, 33, \"mat-chip-list\", [[\"aria-label\", \"Selected catalogue\"], [\"class\", \"mat-chip-list\"]], [[2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null], [1, \"tabindex\", 0], [1, \"aria-describedby\", 0], [1, \"aria-required\", 0], [1, \"aria-disabled\", 0], [1, \"aria-invalid\", 0], [1, \"aria-multiselectable\", 0], [1, \"role\", 0], [2, \"mat-chip-list-disabled\", null], [2, \"mat-chip-list-invalid\", null], [2, \"mat-chip-list-required\", null], [1, \"aria-orientation\", 0], [8, \"id\", 0]], [[null, \"ngModelChange\"], [null, \"focus\"], [null, \"blur\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"focus\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 14).focus() !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 14)._blur() !== false);\n ad = (pd_1 && ad);\n } if ((\"keydown\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 14)._keydown($event) !== false);\n ad = (pd_2 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_3 = ((_co.value = $event) !== false);\n ad = (pd_3 && ad);\n } return ad; }, i15.View_MatChipList_0, i15.RenderType_MatChipList)), i1.ɵdid(11, 671744, null, 0, i16.NgModel, [[2, i16.ControlContainer], [8, null], [8, null], [8, null]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i16.NgControl, null, [i16.NgModel]), i1.ɵdid(13, 16384, null, 0, i16.NgControlStatus, [[4, i16.NgControl]], null, null), i1.ɵdid(14, 1556480, [[4, 4], [\"chipList\", 4]], 1, i2.MatChipList, [i1.ElementRef, i1.ChangeDetectorRef, [2, i14.Directionality], [2, i16.NgForm], [2, i16.FormGroupDirective], i4.ErrorStateMatcher, [6, i16.NgControl]], null, null), i1.ɵqud(603979776, 13, { chips: 1 }), i1.ɵprd(2048, [[6, 4]], i13.MatFormFieldControl, null, [i2.MatChipList]), (_l()(), i1.ɵand(16777216, null, 0, 1, null, View_PropertySummaryComponent_5)), i1.ɵdid(18, 278528, null, 0, i10.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵeld(19, 16777216, [[1, 0], [\"textbox\", 1]], 0, 15, \"input\", [[\"class\", \"mat-input-element mat-form-field-autofill-control mat-chip-input mat-input-element\"], [\"matInput\", \"\"], [\"placeholder\", \"Type something...\"], [\"type\", \"text\"]], [[1, \"required\", 0], [1, \"maxlength\", 0], [1, \"pattern\", 0], [1, \"autocomplete\", 0], [1, \"role\", 0], [1, \"aria-autocomplete\", 0], [1, \"aria-activedescendant\", 0], [1, \"aria-expanded\", 0], [1, \"aria-owns\", 0], [1, \"aria-haspopup\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null], [2, \"mat-input-server\", null], [1, \"id\", 0], [1, \"placeholder\", 0], [8, \"disabled\", 0], [8, \"required\", 0], [1, \"readonly\", 0], [1, \"aria-describedby\", 0], [1, \"aria-invalid\", 0], [1, \"aria-required\", 0], [8, \"id\", 0], [1, \"disabled\", 0], [1, \"placeholder\", 0], [1, \"aria-invalid\", 0]], [[null, \"ngModelChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"], [null, \"focusin\"], [null, \"keydown\"], [null, \"focus\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 22)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 22).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 22)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 22)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"focusin\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 27)._handleFocus() !== false);\n ad = (pd_4 && ad);\n } if ((\"blur\" === en)) {\n var pd_5 = (i1.ɵnov(_v, 27)._onTouched() !== false);\n ad = (pd_5 && ad);\n } if ((\"input\" === en)) {\n var pd_6 = (i1.ɵnov(_v, 27)._handleInput($event) !== false);\n ad = (pd_6 && ad);\n } if ((\"keydown\" === en)) {\n var pd_7 = (i1.ɵnov(_v, 27)._handleKeydown($event) !== false);\n ad = (pd_7 && ad);\n } if ((\"blur\" === en)) {\n var pd_8 = (i1.ɵnov(_v, 32)._focusChanged(false) !== false);\n ad = (pd_8 && ad);\n } if ((\"focus\" === en)) {\n var pd_9 = (i1.ɵnov(_v, 32)._focusChanged(true) !== false);\n ad = (pd_9 && ad);\n } if ((\"input\" === en)) {\n var pd_10 = (i1.ɵnov(_v, 32)._onInput() !== false);\n ad = (pd_10 && ad);\n } if ((\"keydown\" === en)) {\n var pd_11 = (i1.ɵnov(_v, 33)._keydown($event) !== false);\n ad = (pd_11 && ad);\n } if ((\"blur\" === en)) {\n var pd_12 = (i1.ɵnov(_v, 33)._blur() !== false);\n ad = (pd_12 && ad);\n } if ((\"focus\" === en)) {\n var pd_13 = (i1.ɵnov(_v, 33)._focus() !== false);\n ad = (pd_13 && ad);\n } if ((\"input\" === en)) {\n var pd_14 = (i1.ɵnov(_v, 33)._onInput() !== false);\n ad = (pd_14 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_15 = ((_co.propertySummary.PropertyValue = $event) !== false);\n ad = (pd_15 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_16 = (_co.onValueChange(_co.propertySummary.PropertyValue) !== false);\n ad = (pd_16 && ad);\n } return ad; }, null, null)), i1.ɵdid(20, 278528, null, 0, i10.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(21, { \"form-control mat-form\": 0 }), i1.ɵdid(22, 16384, null, 0, i16.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i16.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(23, 16384, null, 0, i16.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵdid(24, 540672, null, 0, i16.MaxLengthValidator, [], { maxlength: [0, \"maxlength\"] }, null), i1.ɵdid(25, 540672, null, 0, i16.PatternValidator, [], { pattern: [0, \"pattern\"] }, null), i1.ɵprd(1024, null, i16.NG_VALIDATORS, function (p0_0, p1_0, p2_0) { return [p0_0, p1_0, p2_0]; }, [i16.RequiredValidator, i16.MaxLengthValidator, i16.PatternValidator]), i1.ɵdid(27, 147456, [[3, 4], [\"trigger\", 4]], 0, i17.MatAutocompleteTrigger, [i1.ElementRef, i18.Overlay, i1.ViewContainerRef, i1.NgZone, i1.ChangeDetectorRef, i17.MAT_AUTOCOMPLETE_SCROLL_STRATEGY, [2, i14.Directionality], [2, i13.MatFormField], [2, i10.DOCUMENT], i19.ViewportRuler], { autocomplete: [0, \"autocomplete\"] }, null), i1.ɵprd(1024, null, i16.NG_VALUE_ACCESSOR, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i16.DefaultValueAccessor, i17.MatAutocompleteTrigger]), i1.ɵdid(29, 671744, [[\"PropertyValueDisplay\", 4]], 0, i16.NgModel, [[2, i16.ControlContainer], [6, i16.NG_VALIDATORS], [8, null], [6, i16.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i16.NgControl, null, [i16.NgModel]), i1.ɵdid(31, 16384, null, 0, i16.NgControlStatus, [[4, i16.NgControl]], null, null), i1.ɵdid(32, 999424, null, 0, i20.MatInput, [i1.ElementRef, i3.Platform, [6, i16.NgControl], [2, i16.NgForm], [2, i16.FormGroupDirective], i4.ErrorStateMatcher, [8, null], i21.AutofillMonitor, i1.NgZone], { placeholder: [0, \"placeholder\"], required: [1, \"required\"], type: [2, \"type\"] }, null), i1.ɵdid(33, 540672, null, 0, i2.MatChipInput, [i1.ElementRef, i2.MAT_CHIPS_DEFAULT_OPTIONS], { chipList: [0, \"chipList\"], separatorKeyCodes: [1, \"separatorKeyCodes\"], placeholder: [2, \"placeholder\"] }, null), i1.ɵprd(2048, [[6, 4]], i13.MatFormFieldControl, null, [i20.MatInput]), (_l()(), i1.ɵeld(35, 0, null, 0, 8, \"mat-autocomplete\", [[\"class\", \"mat-autocomplete\"]], null, [[null, \"optionSelected\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"optionSelected\" === en)) {\n var pd_0 = (_co.onSelectionChanged($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i22.View_MatAutocomplete_0, i22.RenderType_MatAutocomplete)), i1.ɵprd(6144, null, i4.MAT_OPTION_PARENT_COMPONENT, null, [i17.MatAutocomplete]), i1.ɵdid(37, 1097728, [[2, 4], [\"autoComplete\", 4]], 2, i17.MatAutocomplete, [i1.ChangeDetectorRef, i1.ElementRef, i17.MAT_AUTOCOMPLETE_DEFAULT_OPTIONS], { displayWith: [0, \"displayWith\"] }, { optionSelected: \"optionSelected\" }), i1.ɵqud(603979776, 17, { options: 1 }), i1.ɵqud(603979776, 18, { optionGroups: 1 }), (_l()(), i1.ɵand(16777216, null, 0, 1, null, View_PropertySummaryComponent_6)), i1.ɵdid(41, 16384, null, 0, i10.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, 0, 1, null, View_PropertySummaryComponent_7)), i1.ɵdid(43, 16384, null, 0, i10.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(44, 0, null, 5, 2, \"mat-error\", [[\"class\", \"mat-error\"], [\"role\", \"alert\"]], [[1, \"id\", 0]], null, null, null, null)), i1.ɵdid(45, 16384, [[9, 4]], 0, i13.MatError, [], null, null), (_l()(), i1.ɵted(46, null, [\"\", \" is required\"]))], function (_ck, _v) { var _co = _v.component; var currVal_22 = \"outline\"; _ck(_v, 2, 0, currVal_22); var currVal_42 = _co.propertySummary.PropertyName; var currVal_43 = _co.value; _ck(_v, 11, 0, currVal_42, currVal_43); _ck(_v, 14, 0); var currVal_44 = _co.selectedData; _ck(_v, 18, 0, currVal_44); var currVal_75 = _ck(_v, 21, 0, true); _ck(_v, 20, 0, currVal_75); var currVal_76 = _co.propertySummary.PropertyValidation.IsMandatory; _ck(_v, 23, 0, currVal_76); var currVal_77 = ((_co.propertySummary.PropertyValidation.PropertyLength == 0) ? null : _co.propertySummary.PropertyValidation.PropertyLength); _ck(_v, 24, 0, currVal_77); var currVal_78 = (_co.propertySummary.PropertyValidation.PropertyFormat ? _co.propertySummary.PropertyValidation.PropertyFormat : null); _ck(_v, 25, 0, currVal_78); var currVal_79 = i1.ɵnov(_v, 37); _ck(_v, 27, 0, currVal_79); var currVal_80 = _co.propertySummary.PropertyName; var currVal_81 = _co.propertySummary.PropertyValue; _ck(_v, 29, 0, currVal_80, currVal_81); var currVal_82 = \"Type something...\"; var currVal_83 = _co.propertySummary.PropertyValidation.IsMandatory; var currVal_84 = \"text\"; _ck(_v, 32, 0, currVal_82, currVal_83, currVal_84); var currVal_85 = i1.ɵnov(_v, 14); var currVal_86 = _co.separatorKeysCodes; var currVal_87 = \"Type something...\"; _ck(_v, 33, 0, currVal_85, currVal_86, currVal_87); var currVal_88 = _co.displayFn.bind(_co); _ck(_v, 37, 0, currVal_88); var currVal_89 = _co.isPropertyLoading; _ck(_v, 41, 0, currVal_89); var currVal_90 = (!_co.isPropertyLoading && _co.summary); _ck(_v, 43, 0, currVal_90); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (i1.ɵnov(_v, 2).appearance == \"standard\"); var currVal_1 = (i1.ɵnov(_v, 2).appearance == \"fill\"); var currVal_2 = (i1.ɵnov(_v, 2).appearance == \"outline\"); var currVal_3 = (i1.ɵnov(_v, 2).appearance == \"legacy\"); var currVal_4 = i1.ɵnov(_v, 2)._control.errorState; var currVal_5 = i1.ɵnov(_v, 2)._canLabelFloat; var currVal_6 = i1.ɵnov(_v, 2)._shouldLabelFloat(); var currVal_7 = i1.ɵnov(_v, 2)._hasFloatingLabel(); var currVal_8 = i1.ɵnov(_v, 2)._hideControlPlaceholder(); var currVal_9 = i1.ɵnov(_v, 2)._control.disabled; var currVal_10 = i1.ɵnov(_v, 2)._control.autofilled; var currVal_11 = i1.ɵnov(_v, 2)._control.focused; var currVal_12 = (i1.ɵnov(_v, 2).color == \"accent\"); var currVal_13 = (i1.ɵnov(_v, 2).color == \"warn\"); var currVal_14 = i1.ɵnov(_v, 2)._shouldForward(\"untouched\"); var currVal_15 = i1.ɵnov(_v, 2)._shouldForward(\"touched\"); var currVal_16 = i1.ɵnov(_v, 2)._shouldForward(\"pristine\"); var currVal_17 = i1.ɵnov(_v, 2)._shouldForward(\"dirty\"); var currVal_18 = i1.ɵnov(_v, 2)._shouldForward(\"valid\"); var currVal_19 = i1.ɵnov(_v, 2)._shouldForward(\"invalid\"); var currVal_20 = i1.ɵnov(_v, 2)._shouldForward(\"pending\"); var currVal_21 = !i1.ɵnov(_v, 2)._animationsEnabled; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16, currVal_17, currVal_18, currVal_19, currVal_20, currVal_21]); var currVal_23 = i1.ɵnov(_v, 13).ngClassUntouched; var currVal_24 = i1.ɵnov(_v, 13).ngClassTouched; var currVal_25 = i1.ɵnov(_v, 13).ngClassPristine; var currVal_26 = i1.ɵnov(_v, 13).ngClassDirty; var currVal_27 = i1.ɵnov(_v, 13).ngClassValid; var currVal_28 = i1.ɵnov(_v, 13).ngClassInvalid; var currVal_29 = i1.ɵnov(_v, 13).ngClassPending; var currVal_30 = (i1.ɵnov(_v, 14).disabled ? null : i1.ɵnov(_v, 14)._tabIndex); var currVal_31 = (i1.ɵnov(_v, 14)._ariaDescribedby || null); var currVal_32 = i1.ɵnov(_v, 14).required.toString(); var currVal_33 = i1.ɵnov(_v, 14).disabled.toString(); var currVal_34 = i1.ɵnov(_v, 14).errorState; var currVal_35 = i1.ɵnov(_v, 14).multiple; var currVal_36 = i1.ɵnov(_v, 14).role; var currVal_37 = i1.ɵnov(_v, 14).disabled; var currVal_38 = i1.ɵnov(_v, 14).errorState; var currVal_39 = i1.ɵnov(_v, 14).required; var currVal_40 = i1.ɵnov(_v, 14).ariaOrientation; var currVal_41 = i1.ɵnov(_v, 14)._uid; _ck(_v, 10, 1, [currVal_23, currVal_24, currVal_25, currVal_26, currVal_27, currVal_28, currVal_29, currVal_30, currVal_31, currVal_32, currVal_33, currVal_34, currVal_35, currVal_36, currVal_37, currVal_38, currVal_39, currVal_40, currVal_41]); var currVal_45 = (i1.ɵnov(_v, 23).required ? \"\" : null); var currVal_46 = (i1.ɵnov(_v, 24).maxlength ? i1.ɵnov(_v, 24).maxlength : null); var currVal_47 = (i1.ɵnov(_v, 25).pattern ? i1.ɵnov(_v, 25).pattern : null); var currVal_48 = i1.ɵnov(_v, 27).autocompleteAttribute; var currVal_49 = (i1.ɵnov(_v, 27).autocompleteDisabled ? null : \"combobox\"); var currVal_50 = (i1.ɵnov(_v, 27).autocompleteDisabled ? null : \"list\"); var currVal_51 = ((i1.ɵnov(_v, 27).panelOpen && i1.ɵnov(_v, 27).activeOption) ? i1.ɵnov(_v, 27).activeOption.id : null); var currVal_52 = (i1.ɵnov(_v, 27).autocompleteDisabled ? null : i1.ɵnov(_v, 27).panelOpen.toString()); var currVal_53 = ((i1.ɵnov(_v, 27).autocompleteDisabled || !i1.ɵnov(_v, 27).panelOpen) ? null : ((i1.ɵnov(_v, 27).autocomplete == null) ? null : i1.ɵnov(_v, 27).autocomplete.id)); var currVal_54 = !i1.ɵnov(_v, 27).autocompleteDisabled; var currVal_55 = i1.ɵnov(_v, 31).ngClassUntouched; var currVal_56 = i1.ɵnov(_v, 31).ngClassTouched; var currVal_57 = i1.ɵnov(_v, 31).ngClassPristine; var currVal_58 = i1.ɵnov(_v, 31).ngClassDirty; var currVal_59 = i1.ɵnov(_v, 31).ngClassValid; var currVal_60 = i1.ɵnov(_v, 31).ngClassInvalid; var currVal_61 = i1.ɵnov(_v, 31).ngClassPending; var currVal_62 = i1.ɵnov(_v, 32)._isServer; var currVal_63 = i1.ɵnov(_v, 32).id; var currVal_64 = i1.ɵnov(_v, 32).placeholder; var currVal_65 = i1.ɵnov(_v, 32).disabled; var currVal_66 = i1.ɵnov(_v, 32).required; var currVal_67 = ((i1.ɵnov(_v, 32).readonly && !i1.ɵnov(_v, 32)._isNativeSelect) || null); var currVal_68 = (i1.ɵnov(_v, 32)._ariaDescribedby || null); var currVal_69 = i1.ɵnov(_v, 32).errorState; var currVal_70 = i1.ɵnov(_v, 32).required.toString(); var currVal_71 = i1.ɵnov(_v, 33).id; var currVal_72 = (i1.ɵnov(_v, 33).disabled || null); var currVal_73 = (i1.ɵnov(_v, 33).placeholder || null); var currVal_74 = ((i1.ɵnov(_v, 33)._chipList && i1.ɵnov(_v, 33)._chipList.ngControl) ? i1.ɵnov(_v, 33)._chipList.ngControl.invalid : null); _ck(_v, 19, 1, [currVal_45, currVal_46, currVal_47, currVal_48, currVal_49, currVal_50, currVal_51, currVal_52, currVal_53, currVal_54, currVal_55, currVal_56, currVal_57, currVal_58, currVal_59, currVal_60, currVal_61, currVal_62, currVal_63, currVal_64, currVal_65, currVal_66, currVal_67, currVal_68, currVal_69, currVal_70, currVal_71, currVal_72, currVal_73, currVal_74]); var currVal_91 = i1.ɵnov(_v, 45).id; _ck(_v, 44, 0, currVal_91); var currVal_92 = _co.propertySummary.PropertyDisplay; _ck(_v, 46, 0, currVal_92); }); }\nfunction View_PropertySummaryComponent_13(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 5, \"mat-option\", [[\"class\", \"is-loading mat-option\"], [\"role\", \"option\"]], [[1, \"tabindex\", 0], [2, \"mat-selected\", null], [2, \"mat-option-multiple\", null], [2, \"mat-active\", null], [8, \"id\", 0], [1, \"aria-selected\", 0], [1, \"aria-disabled\", 0], [2, \"mat-option-disabled\", null]], [[null, \"click\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._selectViaInteraction() !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i7.View_MatOption_0, i7.RenderType_MatOption)), i1.ɵdid(1, 8568832, [[19, 4]], 0, i4.MatOption, [i1.ElementRef, i1.ChangeDetectorRef, [2, i4.MAT_OPTION_PARENT_COMPONENT], [2, i4.MatOptgroup]], null, null), (_l()(), i1.ɵeld(2, 0, null, 0, 1, \"mat-spinner\", [[\"class\", \"mat-spinner mat-progress-spinner\"], [\"diameter\", \"20\"], [\"mode\", \"indeterminate\"], [\"role\", \"progressbar\"], [\"style\", \"float:left\"]], [[2, \"_mat-animation-noopable\", null], [4, \"width\", \"px\"], [4, \"height\", \"px\"]], null, null, i8.View_MatSpinner_0, i8.RenderType_MatSpinner)), i1.ɵdid(3, 49152, null, 0, i9.MatSpinner, [i1.ElementRef, i3.Platform, [2, i10.DOCUMENT], [2, i11.ANIMATION_MODULE_TYPE], i9.MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS], { diameter: [0, \"diameter\"] }, null), (_l()(), i1.ɵeld(4, 0, null, 0, 1, \"span\", [[\"style\", \"display: block;margin-left: 30px;font-size: 15px;\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Searching...\"]))], function (_ck, _v) { var currVal_11 = \"20\"; _ck(_v, 3, 0, currVal_11); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 1)._getTabIndex(); var currVal_1 = i1.ɵnov(_v, 1).selected; var currVal_2 = i1.ɵnov(_v, 1).multiple; var currVal_3 = i1.ɵnov(_v, 1).active; var currVal_4 = i1.ɵnov(_v, 1).id; var currVal_5 = i1.ɵnov(_v, 1)._getAriaSelected(); var currVal_6 = i1.ɵnov(_v, 1).disabled.toString(); var currVal_7 = i1.ɵnov(_v, 1).disabled; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_8 = i1.ɵnov(_v, 3)._noopAnimations; var currVal_9 = i1.ɵnov(_v, 3).diameter; var currVal_10 = i1.ɵnov(_v, 3).diameter; _ck(_v, 2, 0, currVal_8, currVal_9, currVal_10); }); }\nfunction View_PropertySummaryComponent_15(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 11, \"mat-option\", [[\"class\", \"mat-option\"], [\"role\", \"option\"]], [[1, \"tabindex\", 0], [2, \"mat-selected\", null], [2, \"mat-option-multiple\", null], [2, \"mat-active\", null], [8, \"id\", 0], [1, \"aria-selected\", 0], [1, \"aria-disabled\", 0], [2, \"mat-option-disabled\", null]], [[null, \"click\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._selectViaInteraction() !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i7.View_MatOption_0, i7.RenderType_MatOption)), i1.ɵdid(1, 8568832, [[19, 4]], 0, i4.MatOption, [i1.ElementRef, i1.ChangeDetectorRef, [2, i4.MAT_OPTION_PARENT_COMPONENT], [2, i4.MatOptgroup]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵeld(2, 0, null, 0, 9, \"div\", [[\"class\", \"suggest-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"div\", [[\"class\", \"suggest-img\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 0, \"img\", [[\"alt\", \"image\"]], [[8, \"src\", 4]], null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 6, \"div\", [[\"class\", \"suggest-sub-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(6, 0, null, null, 1, \"p\", [[\"class\", \"suggest-header\"]], null, null, null, null, null)), (_l()(), i1.ɵted(7, null, [\"\", \"\"])), (_l()(), i1.ɵeld(8, 0, null, null, 1, \"p\", [[\"class\", \"suggest-sub-header\"]], null, null, null, null, null)), (_l()(), i1.ɵted(9, null, [\"\", \"\"])), (_l()(), i1.ɵeld(10, 0, null, null, 1, \"p\", [[\"class\", \"suggest-desc\"]], null, null, null, null, null)), (_l()(), i1.ɵted(11, null, [\"\", \"\"]))], function (_ck, _v) { var currVal_8 = _v.context.$implicit; _ck(_v, 1, 0, currVal_8); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵnov(_v, 1)._getTabIndex(); var currVal_1 = i1.ɵnov(_v, 1).selected; var currVal_2 = i1.ɵnov(_v, 1).multiple; var currVal_3 = i1.ɵnov(_v, 1).active; var currVal_4 = i1.ɵnov(_v, 1).id; var currVal_5 = i1.ɵnov(_v, 1)._getAriaSelected(); var currVal_6 = i1.ɵnov(_v, 1).disabled.toString(); var currVal_7 = i1.ɵnov(_v, 1).disabled; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_9 = (_co.getImageFilteredSummary(_v.context.$implicit[_co.retrieveFilteredData(\"ID\")]) ? _co.getImageFilteredSummary(_v.context.$implicit[_co.retrieveFilteredData(\"ID\")]) : \"../../assets/images/no_image_available.jpeg\"); _ck(_v, 4, 0, currVal_9); var currVal_10 = _v.context.$implicit[_co.retrieveFilteredData(\"prop1\")]; _ck(_v, 7, 0, currVal_10); var currVal_11 = _v.context.$implicit[_co.retrieveFilteredData(\"prop2\")]; _ck(_v, 9, 0, currVal_11); var currVal_12 = _v.context.$implicit[_co.retrieveFilteredData(\"prop3\")]; _ck(_v, 11, 0, currVal_12); }); }\nfunction View_PropertySummaryComponent_14(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertySummaryComponent_15)), i1.ɵdid(2, 278528, null, 0, i10.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.summary.Data; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertySummaryComponent_12(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 16777216, [[1, 0], [\"textbox\", 1]], null, 6, \"input\", [[\"class\", \"form-control\"], [\"placeholder\", \"Type something...\"], [\"type\", \"text\"]], [[1, \"autocomplete\", 0], [1, \"role\", 0], [1, \"aria-autocomplete\", 0], [1, \"aria-activedescendant\", 0], [1, \"aria-expanded\", 0], [1, \"aria-owns\", 0], [1, \"aria-haspopup\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"], [null, \"focusin\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 1)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 1)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"focusin\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 2)._handleFocus() !== false);\n ad = (pd_4 && ad);\n } if ((\"blur\" === en)) {\n var pd_5 = (i1.ɵnov(_v, 2)._onTouched() !== false);\n ad = (pd_5 && ad);\n } if ((\"input\" === en)) {\n var pd_6 = (i1.ɵnov(_v, 2)._handleInput($event) !== false);\n ad = (pd_6 && ad);\n } if ((\"keydown\" === en)) {\n var pd_7 = (i1.ɵnov(_v, 2)._handleKeydown($event) !== false);\n ad = (pd_7 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_8 = ((_co.propertySummary.PropertyValue = $event) !== false);\n ad = (pd_8 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_9 = (_co.onValueChange(i1.ɵnov(_v, 0).value) !== false);\n ad = (pd_9 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 16384, null, 0, i16.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i16.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(2, 147456, null, 0, i17.MatAutocompleteTrigger, [i1.ElementRef, i18.Overlay, i1.ViewContainerRef, i1.NgZone, i1.ChangeDetectorRef, i17.MAT_AUTOCOMPLETE_SCROLL_STRATEGY, [2, i14.Directionality], [8, null], [2, i10.DOCUMENT], i19.ViewportRuler], { autocomplete: [0, \"autocomplete\"] }, null), i1.ɵprd(1024, null, i16.NG_VALUE_ACCESSOR, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i16.DefaultValueAccessor, i17.MatAutocompleteTrigger]), i1.ɵdid(4, 671744, [[\"PropertyValueDisplay\", 4]], 0, i16.NgModel, [[2, i16.ControlContainer], [8, null], [8, null], [6, i16.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i16.NgControl, null, [i16.NgModel]), i1.ɵdid(6, 16384, null, 0, i16.NgControlStatus, [[4, i16.NgControl]], null, null), (_l()(), i1.ɵeld(7, 0, null, null, 8, \"mat-autocomplete\", [[\"class\", \"mat-autocomplete\"]], null, null, null, i22.View_MatAutocomplete_0, i22.RenderType_MatAutocomplete)), i1.ɵprd(6144, null, i4.MAT_OPTION_PARENT_COMPONENT, null, [i17.MatAutocomplete]), i1.ɵdid(9, 1097728, [[2, 4], [\"autoComplete\", 4]], 2, i17.MatAutocomplete, [i1.ChangeDetectorRef, i1.ElementRef, i17.MAT_AUTOCOMPLETE_DEFAULT_OPTIONS], { displayWith: [0, \"displayWith\"] }, null), i1.ɵqud(603979776, 19, { options: 1 }), i1.ɵqud(603979776, 20, { optionGroups: 1 }), (_l()(), i1.ɵand(16777216, null, 0, 1, null, View_PropertySummaryComponent_13)), i1.ɵdid(13, 16384, null, 0, i10.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, 0, 1, null, View_PropertySummaryComponent_14)), i1.ɵdid(15, 16384, null, 0, i10.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_14 = i1.ɵnov(_v, 9); _ck(_v, 2, 0, currVal_14); var currVal_15 = _co.propertySummary.PropertyName; var currVal_16 = _co.propertySummary.PropertyValue; _ck(_v, 4, 0, currVal_15, currVal_16); var currVal_17 = _co.displayFn.bind(_co); _ck(_v, 9, 0, currVal_17); var currVal_18 = _co.isPropertyLoading; _ck(_v, 13, 0, currVal_18); var currVal_19 = (!_co.isPropertyLoading && _co.summary); _ck(_v, 15, 0, currVal_19); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 2).autocompleteAttribute; var currVal_1 = (i1.ɵnov(_v, 2).autocompleteDisabled ? null : \"combobox\"); var currVal_2 = (i1.ɵnov(_v, 2).autocompleteDisabled ? null : \"list\"); var currVal_3 = ((i1.ɵnov(_v, 2).panelOpen && i1.ɵnov(_v, 2).activeOption) ? i1.ɵnov(_v, 2).activeOption.id : null); var currVal_4 = (i1.ɵnov(_v, 2).autocompleteDisabled ? null : i1.ɵnov(_v, 2).panelOpen.toString()); var currVal_5 = ((i1.ɵnov(_v, 2).autocompleteDisabled || !i1.ɵnov(_v, 2).panelOpen) ? null : ((i1.ɵnov(_v, 2).autocomplete == null) ? null : i1.ɵnov(_v, 2).autocomplete.id)); var currVal_6 = !i1.ɵnov(_v, 2).autocompleteDisabled; var currVal_7 = i1.ɵnov(_v, 6).ngClassUntouched; var currVal_8 = i1.ɵnov(_v, 6).ngClassTouched; var currVal_9 = i1.ɵnov(_v, 6).ngClassPristine; var currVal_10 = i1.ɵnov(_v, 6).ngClassDirty; var currVal_11 = i1.ɵnov(_v, 6).ngClassValid; var currVal_12 = i1.ɵnov(_v, 6).ngClassInvalid; var currVal_13 = i1.ɵnov(_v, 6).ngClassPending; _ck(_v, 0, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13]); }); }\nfunction View_PropertySummaryComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertySummaryComponent_4)), i1.ɵdid(2, 16384, null, 0, i10.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertySummaryComponent_12))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.propertySummary.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertySummaryComponent_16(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 0, \"span\", [[\"class\", \"display-prop\"]], [[8, \"innerHTML\", 1], [8, \"id\", 0]], null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.propertySummary.PropertyValueDisplay; var currVal_1 = _co.propertySummary.PropertyName; _ck(_v, 0, 0, currVal_0, currVal_1); }); }\nfunction View_PropertySummaryComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertySummaryComponent_3)), i1.ɵdid(2, 16384, null, 0, i10.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0, null, View_PropertySummaryComponent_16))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.propertySummary.PropertyIsEditable == true); var currVal_1 = _co.isDisplay; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nexport function View_PropertySummaryComponent_0(_l) { return i1.ɵvid(0, [i1.ɵqud(671088640, 1, { textInput: 0 }), i1.ɵqud(671088640, 2, { autoCompleteRef: 0 }), i1.ɵqud(671088640, 3, { matAutocomplete: 0 }), i1.ɵqud(671088640, 4, { chipList: 0 }), i1.ɵqud(402653184, 5, { loadMore: 0 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertySummaryComponent_1)), i1.ɵdid(6, 16384, null, 0, i10.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertySummaryComponent_2)), i1.ɵdid(8, 16384, null, 0, i10.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isBusy; _ck(_v, 6, 0, currVal_0); var currVal_1 = _co.propertySummary; _ck(_v, 8, 0, currVal_1); }, null); }\nexport function View_PropertySummaryComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"app-property-summary\", [], null, null, null, View_PropertySummaryComponent_0, RenderType_PropertySummaryComponent)), i1.ɵprd(14336, null, i16.ControlContainer, null, [i16.NgForm]), i1.ɵdid(2, 245760, null, 0, i23.PropertySummaryComponent, [i24.SummaryService], null, null)], function (_ck, _v) { _ck(_v, 2, 0); }, null); }\nvar PropertySummaryComponentNgFactory = i1.ɵccf(\"app-property-summary\", i23.PropertySummaryComponent, View_PropertySummaryComponent_Host_0, { submitted: \"submitted\", suggestSummary: \"suggestSummary\" }, { propertySuggest: \"propertySuggest\" }, []);\nexport { PropertySummaryComponentNgFactory as PropertySummaryComponentNgFactory };\n","\n\n \n \n\n\n\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ","import { Component, OnInit, Input, Output, EventEmitter, OnDestroy, ViewChild, ElementRef } from '@angular/core';\nimport { SummaryService } from '../services/summary.service';\nimport { debounceTime, tap, switchMap, finalize, distinctUntilChanged, filter, takeUntil, map } from 'rxjs/operators';\nimport { FormControl, NgForm, ControlContainer, NgModel } from '@angular/forms';\nimport { Summary, CardImage } from '../objects/SummaryObject';\nimport { DetailProperty } from '../objects/DetailObject';\nimport { Subject, Subscription, fromEvent } from 'rxjs';\nimport { MatChipInputEvent, MatAutocomplete, MatAutocompleteTrigger } from '@angular/material';\n\n@Component({\n selector: 'app-property-summary',\n templateUrl: './property-summary.component.html',\n styleUrls: ['./property-summary.component.css'],\n viewProviders: [ \n { provide: ControlContainer, useExisting: NgForm } ]\n})\nexport class PropertySummaryComponent implements OnInit, OnDestroy {\n\n @Input() submitted:boolean;\n @Input() set suggestSummary(property: any){\n // ex: type|summaryName\n this.isBusy = true;\n this.summaryService.getBasicSummary(property.PropertyDisplayFormat.split('|')[0], property.PropertyDisplayFormat.split('|')[1]).subscribe(result => {\n if (result){\n this.componentId = result;\n this.isPropertySummary = true;\n this.propertySummary = property;\n }\n this.isBusy = false;\n }, error => {\n this.isBusy = false;\n })\n }\n \n @Output() propertySuggest = new EventEmitter();\n\n formControl = new FormControl();\n isBusy: boolean;\n componentId: string;\n isPropertySummary: boolean;\n propertySummary?: DetailProperty;\n isPropertyLoading: boolean;\n summary: Summary;\n imageId: string[];\n imageObject : any[];\n isImageLoad: boolean;\n subscription: Subscription;\n selectedData: any = [];\n separatorKeysCodes: number[] = []; // to disable the enter key in input\n value: any;\n summaryLayout: string;\n isFetching: boolean;\n nextDataLength: number = 0;\n nextImageId: string[];\n nextImageObject: any[];\n currentCardImage: CardImage[];\n \n searchTextChanged = new Subject();\n \n @ViewChild('textbox') textInput: ElementRef;\n @ViewChild('autoComplete') autoCompleteRef: MatAutocomplete;\n @ViewChild('trigger', {read: MatAutocompleteTrigger}) matAutocomplete: MatAutocompleteTrigger;\n @ViewChild('chipList') chipList;\n @ViewChild('loadMore') loadMore : ElementRef;\n \n constructor(private summaryService: SummaryService) {}\n\n ngOnInit() {\n // for reactive form\n // this.formControl.valueChanges\n // .pipe(\n // debounceTime(300),\n // tap((value) => {\n // typeof value == \"object\" ? this.propertySuggest.emit(value[this.retrieveFilteredData('ID')]) : this.propertySuggest.emit(value);\n // this.isPropertyLoading = true\n // }\n // ),\n // switchMap(value => this.summaryService.searchAndReturnSummary(this.componentId, typeof value == \"object\" ? value[this.retrieveFilteredData('prop1')] : value).pipe(\n // finalize(() => {\n // this.isPropertyLoading = false\n // }),\n // )\n // )\n // ).subscribe(result => {\n // this.summary = JSON.parse(result);\n // console.log(this.summary);\n\n // const filteredSummary = this.summary;\n // this.imageObject = [];\n // this.imageId = [];\n // filteredSummary.Data.forEach(element => {\n // // set the id\n // if (element[this.retrieveFilteredData('Image')] != null)\n // {\n // let docId = element[this.retrieveFilteredData('ID')];\n // let array = element[this.retrieveFilteredData('Image')].split(\",\");\n // array.forEach(imageId => {\n // if (!imageId){\n // imageId = '00000000-0000-0000-0000-000000000000';\n // }\n // this.imageId.push(imageId);\n // this.imageObject.push({docId, imageId});\n // });\n // }\n // });\n\n // this.getAllImage(true);\n\n // })\n\n // for template driven form\n this.subscription = this.searchTextChanged.pipe(\n debounceTime(500),\n distinctUntilChanged(),\n filter(x => x != null),\n tap((value) => {\n this.handleEmitValue(value);\n this.isPropertyLoading = true\n }\n ),\n switchMap(value => this.summaryService.searchAndReturnSummary(this.componentId, typeof value == \"object\" ? value[this.retrieveFilteredData('prop1')] : value.trim()))\n ).subscribe(result => {\n this.isPropertyLoading = false\n this.summary = JSON.parse(result);\n this.summaryLayout = this.summary.CardLayoutProperties[0].LayoutType.toUpperCase();\n const filteredSummary = this.summary;\n this.imageObject = [];\n this.imageId = [];\n filteredSummary.Data.forEach(element => {\n // set the id\n if (element[this.retrieveFilteredData('Image')] != null)\n {\n let docId = element[this.retrieveFilteredData('ID')];\n let array = element[this.retrieveFilteredData('Image')].split(\",\");\n array.forEach(imageId => {\n if (!imageId){\n imageId = '00000000-0000-0000-0000-000000000000';\n }\n this.imageId.push(imageId);\n this.imageObject.push({docId, imageId});\n });\n }\n });\n\n this.getAllImage();\n })\n }\n\n sortSummaryData(summary: Summary): any{\n return summary.Data.sort((a:any,b:any) => { \n if(parseInt(a[\"#RowNumber\"]) > parseInt(b[\"#RowNumber\"])){\n return 1;\n }else if(parseInt(a[\"#RowNumber\"]) < parseInt(b[\"#RowNumber\"])){\n return -1;\n }else{\n return 0;\n }\n });\n }\n\n handleEmitValue(value: any){\n if (value){\n this.chipList.errorState = false\n }\n else{\n this.selectedData.length == 0 ? this.chipList.errorState = true : this.chipList.errorState = false;\n }\n\n if(!this.chipList.errorState){\n if (this.selectedData.length == 0){\n this.propertySuggest.emit(value.trim());\n }\n } \n }\n\n onValueChange($event){\n if (typeof $event == \"object\"){\n this.propertySuggest.emit($event[this.retrieveFilteredData('ID')])\n \n }\n else{\n this.searchTextChanged.next($event);\n }\n }\n\n displayFn(data?): string | undefined {\n return data ? data[this.retrieveFilteredData('prop1')] : undefined;\n }\n\n retrieveFilteredData(cardProperty: string): string {\n if (this.summary != null){\n if (this.summary.CardLayoutProperties.find(x => x.CardProperty == cardProperty) != null){\n return this.summary.CardLayoutProperties.find(x => x.CardProperty == cardProperty).PropertyName;\n } \n }\n }\n\n getAllImage(scrollToTop:boolean = false) {\n if (this.imageObject){\n if (this.imageId.length > 0) {\n this.isImageLoad = true;\n this.promiseImage(this.imageId).then(chunk => {\n this.currentCardImage = chunk;\n this.summary.CardImageList = chunk;\n if (scrollToTop){\n setTimeout(() => {\n this.autoCompleteRef._setScrollTop((this.summary.Data.length - this.nextDataLength) * 75);\n })\n }\n });\n }\n }\n }\n\n promiseImage(imageIds: any): Promise {\n return new Promise((resolve, reject) => {\n var list = [];\n this.summaryService.getAllImage(this.imageId).subscribe(results => {\n var index = 0;\n for(let result of results) {\n result = new Blob([result], {type: 'image/jpg'});\n let docId = this.imageObject.find(x => x.imageId == this.imageId[index]).docId;\n let reader = new FileReader();\n reader.addEventListener(\"load\", () => {\n list.push({\n DocumentId : docId,\n ImageId : this.imageId[index],\n Blob : reader.result\n });\n\n }, false);\n \n if (result) {\n reader.readAsDataURL(result);\n }\n index++;\n }\n\n setTimeout(()=>{\n this.isImageLoad = false;\n }, 100)\n });\n resolve(list);\n });\n }\n\n getImageFilteredSummary(id : string): any {\n if (this.summary.CardImageList != null) {\n if (this.summary.CardImageList.find(x => x.DocumentId == id) != null){\n if(this.summary.CardImageList.find(x => x.DocumentId == id).Blob){\n return this.summary.CardImageList.find(x => x.DocumentId == id).Blob;\n }\n else {\n return null;\n }\n }\n }\n }\n\n onSelectionChanged($event){\n if ($event.option.value){\n this.selectedData = [];\n this.selectedData.push($event.option.value);\n this.propertySummary.PropertyValue = $event.option.value[this.retrieveFilteredData('prop1')];\n this.textInput.nativeElement.value = '';\n this.chipList.errorState = false;\n }\n }\n\n onLoadMore($event){\n $event.stopPropagation();\n if (!this.isFetching){\n this.isFetching = true;\n this.fetchNextChunk().then(chunk => {\n this.isFetching = false;\n this.nextDataLength = chunk.Data.length - this.summary.Data.length;\n this.summary = chunk;\n this.loadMoreImages();\n });\n }\n }\n\n fetchNextChunk(): Promise {\n return new Promise((resolve, reject) => {\n this.summaryService.nextPage(this.componentId).subscribe(result => {\n if (result == \"1\"){\n this.summaryService.getSummary(this.componentId).subscribe(result=> {\n this.summary.CurrentPage = this.summary.CurrentPage + 1;\n var summary = JSON.parse(result);\n summary = this.handleNewSummary(summary);\n resolve(summary);\n })\n }\n });\n });\n }\n\n handleNewSummary(summary: Summary){\n if (summary.Data.length > 0) {\n this.nextImageObject = [];\n this.nextImageId = [];\n summary.Data.forEach(element => {\n // set the id\n if (element[this.retrieveFilteredData('Image')] != null)\n {\n let docId = element[this.retrieveFilteredData('ID')];\n let array = element[this.retrieveFilteredData('Image')].split(\",\");\n array.forEach(imageId => {\n if (!imageId){\n imageId = '00000000-0000-0000-0000-000000000000';\n }\n\n if (this.imageId.indexOf(imageId) > -1){\n this.imageId.push(imageId);\n this.imageObject.push({docId, imageId});\n }\n else{\n this.nextImageId.push(imageId);\n this.nextImageObject.push({docId, imageId});\n }\n });\n }\n });\n }\n\n summary.Data = this.sortSummaryData(summary);\n return summary;\n }\n\n // performance experimental fix\n loadMoreImages(){\n if (this.nextImageObject){\n if (this.nextImageId.length > 0) {\n this.isImageLoad = true;\n this.promiseNextImage(this.nextImageId, this.nextImageObject).then(chunk => {\n this.summary.CardImageList = chunk;\n \n setTimeout(() => {\n this.autoCompleteRef._setScrollTop((this.summary.Data.length - this.nextDataLength - 1) * 75);\n })\n });\n }\n }\n }\n\n promiseNextImage(imageIds: any, imageObject: any): Promise {\n return new Promise((resolve, reject) => {\n var list = this.currentCardImage;\n this.summaryService.getAllImage(imageIds).subscribe(results => {\n var index = 0;\n for(let result of results) {\n result = new Blob([result], {type: 'image/jpg'});\n let docId = imageObject.find(x => x.imageId == imageIds[index]).docId;\n let reader = new FileReader();\n reader.addEventListener(\"load\", () => {\n list.push({\n DocumentId : docId,\n ImageId : imageIds[index],\n Blob : reader.result\n });\n\n }, false);\n \n if (result) {\n reader.readAsDataURL(result);\n }\n index++;\n }\n });\n \n resolve(list);\n });\n }\n\n // add(event: MatChipInputEvent): void {\n // // Add data only when MatAutocomplete is not open\n // // To make sure this does not conflict with OptionSelected Event\n // if (!this.matAutocomplete.isOpen) {\n // const input = event.input;\n // const value = event.value;\n // // Add selected data\n // if ((value || '').trim()) {\n // this.selectedData.push(value.trim());\n // }\n\n // // Reset the input value\n // if (input) {\n // input.value = '';\n // }\n // }\n // }\n\n remove(data: string): void {\n this.selectedData.forEach(element => {\n if (element){\n\n }\n });\n this.selectedData = [];\n if (this.textInput.nativeElement.value){\n this.propertySuggest.emit(this.propertySummary.PropertyValue);\n }\n else{\n this.propertySummary.PropertyValue = '';\n }\n\n this.textInput.nativeElement.focus();\n \n if (this.matAutocomplete){\n this.matAutocomplete.closePanel();\n }\n\n }\n\n ngOnDestroy(){\n this.subscription.unsubscribe();\n }\n}\n","import { OnInit, EventEmitter, OnDestroy, ElementRef } from '@angular/core';\nimport { SummaryService } from '../services/summary.service';\nimport { debounceTime, tap, switchMap, distinctUntilChanged, filter } from 'rxjs/operators';\nimport { FormControl } from '@angular/forms';\nimport { Subject, Subscription } from 'rxjs';\nimport { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material';\nvar PropertySummaryComponent = /** @class */ (function () {\n function PropertySummaryComponent(summaryService) {\n this.summaryService = summaryService;\n this.propertySuggest = new EventEmitter();\n this.formControl = new FormControl();\n this.selectedData = [];\n this.separatorKeysCodes = []; // to disable the enter key in input\n this.nextDataLength = 0;\n this.searchTextChanged = new Subject();\n }\n Object.defineProperty(PropertySummaryComponent.prototype, \"suggestSummary\", {\n set: function (property) {\n var _this = this;\n // ex: type|summaryName\n this.isBusy = true;\n this.summaryService.getBasicSummary(property.PropertyDisplayFormat.split('|')[0], property.PropertyDisplayFormat.split('|')[1]).subscribe(function (result) {\n if (result) {\n _this.componentId = result;\n _this.isPropertySummary = true;\n _this.propertySummary = property;\n }\n _this.isBusy = false;\n }, function (error) {\n _this.isBusy = false;\n });\n },\n enumerable: true,\n configurable: true\n });\n PropertySummaryComponent.prototype.ngOnInit = function () {\n // for reactive form\n // this.formControl.valueChanges\n // .pipe(\n // debounceTime(300),\n // tap((value) => {\n // typeof value == \"object\" ? this.propertySuggest.emit(value[this.retrieveFilteredData('ID')]) : this.propertySuggest.emit(value);\n // this.isPropertyLoading = true\n // }\n // ),\n // switchMap(value => this.summaryService.searchAndReturnSummary(this.componentId, typeof value == \"object\" ? value[this.retrieveFilteredData('prop1')] : value).pipe(\n // finalize(() => {\n // this.isPropertyLoading = false\n // }),\n // )\n // )\n // ).subscribe(result => {\n // this.summary = JSON.parse(result);\n // console.log(this.summary);\n var _this = this;\n // const filteredSummary = this.summary;\n // this.imageObject = [];\n // this.imageId = [];\n // filteredSummary.Data.forEach(element => {\n // // set the id\n // if (element[this.retrieveFilteredData('Image')] != null)\n // {\n // let docId = element[this.retrieveFilteredData('ID')];\n // let array = element[this.retrieveFilteredData('Image')].split(\",\");\n // array.forEach(imageId => {\n // if (!imageId){\n // imageId = '00000000-0000-0000-0000-000000000000';\n // }\n // this.imageId.push(imageId);\n // this.imageObject.push({docId, imageId});\n // });\n // }\n // });\n // this.getAllImage(true);\n // })\n // for template driven form\n this.subscription = this.searchTextChanged.pipe(debounceTime(500), distinctUntilChanged(), filter(function (x) { return x != null; }), tap(function (value) {\n _this.handleEmitValue(value);\n _this.isPropertyLoading = true;\n }), switchMap(function (value) { return _this.summaryService.searchAndReturnSummary(_this.componentId, typeof value == \"object\" ? value[_this.retrieveFilteredData('prop1')] : value.trim()); })).subscribe(function (result) {\n _this.isPropertyLoading = false;\n _this.summary = JSON.parse(result);\n _this.summaryLayout = _this.summary.CardLayoutProperties[0].LayoutType.toUpperCase();\n var filteredSummary = _this.summary;\n _this.imageObject = [];\n _this.imageId = [];\n filteredSummary.Data.forEach(function (element) {\n // set the id\n if (element[_this.retrieveFilteredData('Image')] != null) {\n var docId_1 = element[_this.retrieveFilteredData('ID')];\n var array = element[_this.retrieveFilteredData('Image')].split(\",\");\n array.forEach(function (imageId) {\n if (!imageId) {\n imageId = '00000000-0000-0000-0000-000000000000';\n }\n _this.imageId.push(imageId);\n _this.imageObject.push({ docId: docId_1, imageId: imageId });\n });\n }\n });\n _this.getAllImage();\n });\n };\n PropertySummaryComponent.prototype.sortSummaryData = function (summary) {\n return summary.Data.sort(function (a, b) {\n if (parseInt(a[\"#RowNumber\"]) > parseInt(b[\"#RowNumber\"])) {\n return 1;\n }\n else if (parseInt(a[\"#RowNumber\"]) < parseInt(b[\"#RowNumber\"])) {\n return -1;\n }\n else {\n return 0;\n }\n });\n };\n PropertySummaryComponent.prototype.handleEmitValue = function (value) {\n if (value) {\n this.chipList.errorState = false;\n }\n else {\n this.selectedData.length == 0 ? this.chipList.errorState = true : this.chipList.errorState = false;\n }\n if (!this.chipList.errorState) {\n if (this.selectedData.length == 0) {\n this.propertySuggest.emit(value.trim());\n }\n }\n };\n PropertySummaryComponent.prototype.onValueChange = function ($event) {\n if (typeof $event == \"object\") {\n this.propertySuggest.emit($event[this.retrieveFilteredData('ID')]);\n }\n else {\n this.searchTextChanged.next($event);\n }\n };\n PropertySummaryComponent.prototype.displayFn = function (data) {\n return data ? data[this.retrieveFilteredData('prop1')] : undefined;\n };\n PropertySummaryComponent.prototype.retrieveFilteredData = function (cardProperty) {\n if (this.summary != null) {\n if (this.summary.CardLayoutProperties.find(function (x) { return x.CardProperty == cardProperty; }) != null) {\n return this.summary.CardLayoutProperties.find(function (x) { return x.CardProperty == cardProperty; }).PropertyName;\n }\n }\n };\n PropertySummaryComponent.prototype.getAllImage = function (scrollToTop) {\n var _this = this;\n if (scrollToTop === void 0) { scrollToTop = false; }\n if (this.imageObject) {\n if (this.imageId.length > 0) {\n this.isImageLoad = true;\n this.promiseImage(this.imageId).then(function (chunk) {\n _this.currentCardImage = chunk;\n _this.summary.CardImageList = chunk;\n if (scrollToTop) {\n setTimeout(function () {\n _this.autoCompleteRef._setScrollTop((_this.summary.Data.length - _this.nextDataLength) * 75);\n });\n }\n });\n }\n }\n };\n PropertySummaryComponent.prototype.promiseImage = function (imageIds) {\n var _this = this;\n return new Promise(function (resolve, reject) {\n var list = [];\n _this.summaryService.getAllImage(_this.imageId).subscribe(function (results) {\n var index = 0;\n var _loop_1 = function (result) {\n result = new Blob([result], { type: 'image/jpg' });\n var docId = _this.imageObject.find(function (x) { return x.imageId == _this.imageId[index]; }).docId;\n var reader = new FileReader();\n reader.addEventListener(\"load\", function () {\n list.push({\n DocumentId: docId,\n ImageId: _this.imageId[index],\n Blob: reader.result\n });\n }, false);\n if (result) {\n reader.readAsDataURL(result);\n }\n index++;\n };\n for (var _i = 0, results_1 = results; _i < results_1.length; _i++) {\n var result = results_1[_i];\n _loop_1(result);\n }\n setTimeout(function () {\n _this.isImageLoad = false;\n }, 100);\n });\n resolve(list);\n });\n };\n PropertySummaryComponent.prototype.getImageFilteredSummary = function (id) {\n if (this.summary.CardImageList != null) {\n if (this.summary.CardImageList.find(function (x) { return x.DocumentId == id; }) != null) {\n if (this.summary.CardImageList.find(function (x) { return x.DocumentId == id; }).Blob) {\n return this.summary.CardImageList.find(function (x) { return x.DocumentId == id; }).Blob;\n }\n else {\n return null;\n }\n }\n }\n };\n PropertySummaryComponent.prototype.onSelectionChanged = function ($event) {\n if ($event.option.value) {\n this.selectedData = [];\n this.selectedData.push($event.option.value);\n this.propertySummary.PropertyValue = $event.option.value[this.retrieveFilteredData('prop1')];\n this.textInput.nativeElement.value = '';\n this.chipList.errorState = false;\n }\n };\n PropertySummaryComponent.prototype.onLoadMore = function ($event) {\n var _this = this;\n $event.stopPropagation();\n if (!this.isFetching) {\n this.isFetching = true;\n this.fetchNextChunk().then(function (chunk) {\n _this.isFetching = false;\n _this.nextDataLength = chunk.Data.length - _this.summary.Data.length;\n _this.summary = chunk;\n _this.loadMoreImages();\n });\n }\n };\n PropertySummaryComponent.prototype.fetchNextChunk = function () {\n var _this = this;\n return new Promise(function (resolve, reject) {\n _this.summaryService.nextPage(_this.componentId).subscribe(function (result) {\n if (result == \"1\") {\n _this.summaryService.getSummary(_this.componentId).subscribe(function (result) {\n _this.summary.CurrentPage = _this.summary.CurrentPage + 1;\n var summary = JSON.parse(result);\n summary = _this.handleNewSummary(summary);\n resolve(summary);\n });\n }\n });\n });\n };\n PropertySummaryComponent.prototype.handleNewSummary = function (summary) {\n var _this = this;\n if (summary.Data.length > 0) {\n this.nextImageObject = [];\n this.nextImageId = [];\n summary.Data.forEach(function (element) {\n // set the id\n if (element[_this.retrieveFilteredData('Image')] != null) {\n var docId_2 = element[_this.retrieveFilteredData('ID')];\n var array = element[_this.retrieveFilteredData('Image')].split(\",\");\n array.forEach(function (imageId) {\n if (!imageId) {\n imageId = '00000000-0000-0000-0000-000000000000';\n }\n if (_this.imageId.indexOf(imageId) > -1) {\n _this.imageId.push(imageId);\n _this.imageObject.push({ docId: docId_2, imageId: imageId });\n }\n else {\n _this.nextImageId.push(imageId);\n _this.nextImageObject.push({ docId: docId_2, imageId: imageId });\n }\n });\n }\n });\n }\n summary.Data = this.sortSummaryData(summary);\n return summary;\n };\n // performance experimental fix\n PropertySummaryComponent.prototype.loadMoreImages = function () {\n var _this = this;\n if (this.nextImageObject) {\n if (this.nextImageId.length > 0) {\n this.isImageLoad = true;\n this.promiseNextImage(this.nextImageId, this.nextImageObject).then(function (chunk) {\n _this.summary.CardImageList = chunk;\n setTimeout(function () {\n _this.autoCompleteRef._setScrollTop((_this.summary.Data.length - _this.nextDataLength - 1) * 75);\n });\n });\n }\n }\n };\n PropertySummaryComponent.prototype.promiseNextImage = function (imageIds, imageObject) {\n var _this = this;\n return new Promise(function (resolve, reject) {\n var list = _this.currentCardImage;\n _this.summaryService.getAllImage(imageIds).subscribe(function (results) {\n var index = 0;\n var _loop_2 = function (result) {\n result = new Blob([result], { type: 'image/jpg' });\n var docId = imageObject.find(function (x) { return x.imageId == imageIds[index]; }).docId;\n var reader = new FileReader();\n reader.addEventListener(\"load\", function () {\n list.push({\n DocumentId: docId,\n ImageId: imageIds[index],\n Blob: reader.result\n });\n }, false);\n if (result) {\n reader.readAsDataURL(result);\n }\n index++;\n };\n for (var _i = 0, results_2 = results; _i < results_2.length; _i++) {\n var result = results_2[_i];\n _loop_2(result);\n }\n });\n resolve(list);\n });\n };\n // add(event: MatChipInputEvent): void {\n // // Add data only when MatAutocomplete is not open\n // // To make sure this does not conflict with OptionSelected Event\n // if (!this.matAutocomplete.isOpen) {\n // const input = event.input;\n // const value = event.value;\n // // Add selected data\n // if ((value || '').trim()) {\n // this.selectedData.push(value.trim());\n // }\n // // Reset the input value\n // if (input) {\n // input.value = '';\n // }\n // }\n // }\n PropertySummaryComponent.prototype.remove = function (data) {\n this.selectedData.forEach(function (element) {\n if (element) {\n }\n });\n this.selectedData = [];\n if (this.textInput.nativeElement.value) {\n this.propertySuggest.emit(this.propertySummary.PropertyValue);\n }\n else {\n this.propertySummary.PropertyValue = '';\n }\n this.textInput.nativeElement.focus();\n if (this.matAutocomplete) {\n this.matAutocomplete.closePanel();\n }\n };\n PropertySummaryComponent.prototype.ngOnDestroy = function () {\n this.subscription.unsubscribe();\n };\n return PropertySummaryComponent;\n}());\nexport { PropertySummaryComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".dropdown-quicklink[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n max-width: 130px;\\r\\n background: var(--primary);\\r\\n border: none;\\r\\n border-radius: 0px;\\r\\n color: #fff;\\r\\n font-size: 14px;\\r\\n height: 100%;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.dropdown-quicklink[_ngcontent-%COMP%]:hover {\\r\\n \\r\\n color: #333;\\r\\n}\\r\\n\\r\\n.top-content[_ngcontent-%COMP%] {\\r\\n height: 47px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n background: var(--primary);\\r\\n padding: 5px 0;\\r\\n \\r\\n \\r\\n text-align: left;\\r\\n transition: all 0.5s;\\r\\n opacity: 1;\\r\\n}\\r\\n\\r\\n.top-content.hide[_ngcontent-%COMP%] {\\r\\n opacity: 0;\\r\\n}\\r\\n\\r\\n.top-content.follow-grid[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.top-content[_ngcontent-%COMP%] .btn-group[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n border-left: 1px solid #ddd;\\r\\n}\\r\\n\\r\\n.dropdown-menu-quicklink[_ngcontent-%COMP%] {\\r\\n padding: .1rem 0rem;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.dropdown-item[_ngcontent-%COMP%] {\\r\\n padding: .5rem 1.5rem;\\r\\n}\\r\\n\\r\\n.job-image-container[_ngcontent-%COMP%] {\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.job-image-container[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n display: inline-block;\\r\\n position: relative;\\r\\n top: -1px;\\r\\n}\\r\\n\\r\\n.job-image-container[_ngcontent-%COMP%] .job-display[_ngcontent-%COMP%] {\\r\\n display: inline-block;\\r\\n padding-left: 6px;\\r\\n position: relative;\\r\\n top: 1px;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./quick-links-panel.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"ngx-bootstrap/dropdown\";\nimport * as i4 from \"ngx-bootstrap/component-loader\";\nimport * as i5 from \"../../../node_modules/@ng-select/ng-select/ng-select.ngfactory\";\nimport * as i6 from \"@angular/forms\";\nimport * as i7 from \"@ng-select/ng-select\";\nimport * as i8 from \"./quick-links-panel.component\";\nimport * as i9 from \"../objects/Globals\";\nimport * as i10 from \"../services/job.service\";\nimport * as i11 from \"../services/main-loading.service\";\nimport * as i12 from \"@angular/router\";\nvar styles_QuickLinksPanelComponent = [i0.styles];\nvar RenderType_QuickLinksPanelComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_QuickLinksPanelComponent, data: {} });\nexport { RenderType_QuickLinksPanelComponent as RenderType_QuickLinksPanelComponent };\nfunction View_QuickLinksPanelComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[\"image\", 1]], null, 0, \"img\", [[\"height\", \"20px\"], [\"width\", \"20px\"]], [[8, \"src\", 4]], null, null, null, null))], null, function (_ck, _v) { var currVal_0 = (!_v.parent.context.item.IsHover ? ((\"../../assets/images/\" + _v.parent.context.item.JobDisplay) + \"GREY.png\") : ((\"../../assets/images/\" + _v.parent.context.item.JobDisplay) + \"WHITE.png\")); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_QuickLinksPanelComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[\"image\", 1]], null, 0, \"img\", [[\"height\", \"20px\"], [\"width\", \"20px\"]], [[8, \"src\", 4]], null, null, null, null))], null, function (_ck, _v) { var currVal_0 = (!_v.parent.context.item.IsHover ? \"../../assets/images/TEMPLATEGREY.png\" : \"../../assets/images/TEMPLATEWHITE.png\"); _ck(_v, 0, 0, currVal_0); }); }\nfunction View_QuickLinksPanelComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 5, \"div\", [[\"class\", \"job-image-container\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.triggerJob(_v.context.item.JobId) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_QuickLinksPanelComponent_2)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"template\", 2]], null, 0, null, View_QuickLinksPanelComponent_3)), (_l()(), i1.ɵeld(4, 0, null, null, 1, \"p\", [[\"class\", \"job-display\"]], null, null, null, null, null)), (_l()(), i1.ɵted(5, null, [\"\", \"\"]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.availableImages.indexOf(_v.context.item.JobDisplay) > (0 - 1)); var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, function (_ck, _v) { var currVal_2 = _v.context.item.JobName; _ck(_v, 5, 0, currVal_2); }); }\nexport function View_QuickLinksPanelComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 21, \"div\", [[\"class\", \"top-content\"]], [[2, \"follow-grid\", null], [2, \"hide\", null]], null, null, null, null)), (_l()(), i1.ɵeld(1, 16777216, null, null, 20, \"div\", [[\"class\", \"btn-group\"], [\"container\", \"body\"], [\"dropdown\", \"\"]], [[2, \"dropup\", null], [2, \"open\", null], [2, \"show\", null]], null, null, null, null)), i1.ɵprd(512, null, i3.BsDropdownState, i3.BsDropdownState, []), i1.ɵdid(3, 212992, null, 0, i3.BsDropdownDirective, [i1.ElementRef, i1.Renderer2, i1.ViewContainerRef, i4.ComponentLoaderFactory, i3.BsDropdownConfig, i3.BsDropdownState], { container: [0, \"container\"] }, null), (_l()(), i1.ɵeld(4, 0, null, null, 17, \"ng-select\", [[\"bindLabel\", \"JobName\"], [\"bindValue\", \"JobValue\"], [\"class\", \"dropdown-quicklink arrow-down no-outline no-border ng-select\"], [\"placeholder\", \"Quick Links\"], [\"role\", \"listbox\"]], [[2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null]], [[null, \"keydown\"]], function (_v, en, $event) { var ad = true; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 7).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i5.View_NgSelectComponent_0, i5.RenderType_NgSelectComponent)), i1.ɵprd(5120, null, i6.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i7.NgSelectComponent]), i1.ɵprd(4608, null, i7.ɵd, i7.ɵd, []), i1.ɵdid(7, 4964352, null, 12, i7.NgSelectComponent, [[8, \"dropdown-quicklink arrow-down no-outline no-border\"], [8, null], [8, null], i7.NgSelectConfig, i7.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i7.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], searchable: [3, \"searchable\"], clearable: [4, \"clearable\"], items: [5, \"items\"] }, null), i1.ɵqud(335544320, 1, { optionTemplate: 0 }), i1.ɵqud(335544320, 2, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 3, { labelTemplate: 0 }), i1.ɵqud(335544320, 4, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 5, { headerTemplate: 0 }), i1.ɵqud(335544320, 6, { footerTemplate: 0 }), i1.ɵqud(335544320, 7, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 8, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 9, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 10, { tagTemplate: 0 }), i1.ɵqud(335544320, 11, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 12, { ngOptions: 1 }), (_l()(), i1.ɵand(0, [[1, 2]], null, 1, null, View_QuickLinksPanelComponent_1)), i1.ɵdid(21, 16384, null, 0, i7.ɵe, [i1.TemplateRef], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_5 = \"body\"; _ck(_v, 3, 0, currVal_5); var currVal_15 = \"JobName\"; var currVal_16 = \"JobValue\"; var currVal_17 = \"Quick Links\"; var currVal_18 = false; var currVal_19 = false; var currVal_20 = _co.jobList; _ck(_v, 7, 0, currVal_15, currVal_16, currVal_17, currVal_18, currVal_19, currVal_20); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isEpic; var currVal_1 = _co.hidePanel; _ck(_v, 0, 0, currVal_0, currVal_1); var currVal_2 = i1.ɵnov(_v, 3).dropup; var currVal_3 = i1.ɵnov(_v, 3).isOpen; var currVal_4 = (i1.ɵnov(_v, 3).isOpen && i1.ɵnov(_v, 3).isBs4); _ck(_v, 1, 0, currVal_2, currVal_3, currVal_4); var currVal_6 = !i1.ɵnov(_v, 7).multiple; var currVal_7 = i1.ɵnov(_v, 7).typeahead; var currVal_8 = i1.ɵnov(_v, 7).multiple; var currVal_9 = i1.ɵnov(_v, 7).addTag; var currVal_10 = i1.ɵnov(_v, 7).searchable; var currVal_11 = i1.ɵnov(_v, 7).clearable; var currVal_12 = i1.ɵnov(_v, 7).isOpen; var currVal_13 = i1.ɵnov(_v, 7).disabled; var currVal_14 = i1.ɵnov(_v, 7).filtered; _ck(_v, 4, 0, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14); }); }\nexport function View_QuickLinksPanelComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-quick-links-panel\", [], null, null, null, View_QuickLinksPanelComponent_0, RenderType_QuickLinksPanelComponent)), i1.ɵdid(1, 114688, null, 0, i8.QuickLinksPanelComponent, [i9.Globals, i10.JobService, i11.MainLoadingService, i12.Router], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar QuickLinksPanelComponentNgFactory = i1.ɵccf(\"app-quick-links-panel\", i8.QuickLinksPanelComponent, View_QuickLinksPanelComponent_Host_0, { isEpic: \"isEpic\", hidePanel: \"hidePanel\" }, {}, []);\nexport { QuickLinksPanelComponentNgFactory as QuickLinksPanelComponentNgFactory };\n",";\n private availableImages = ['VIEWPR','CREATEPR', 'VIEWPO', 'CREATEPO', 'VIEWRFQ', 'CREATERFQ', 'VIEWSN', 'CREATESN', 'VIEWIV', 'CREATEIV', 'VIEWEBID', 'CREATEEBID', 'VIEWSUPPLIER', 'MANAGESUPPLIER', 'Template'];\n\n constructor(private globals: Globals, private jobService: JobService, private mainLoadingService: MainLoadingService, private router: Router) { }\n\n ngOnInit() {\n this.getJobList();\n this.valueSelection = [];\n this.valueSelection.push({ItemValue: \"quick\", ItemDisplay: \"Quick Links\"});\n }\n\n getJobList(){\n if(this.globals.Session){\n this.jobService.createJobList('dashboard').subscribe(result=>{\n this.componentId = result;\n this.refreshJobListCard();\n });\n }\n }\n\n refreshJobListCard(){\n if(this.componentId){\n this.jobService.getJobList(this.componentId).subscribe(result=>{\n this.jobList = JSON.parse(result);\n });\n }\n }\n\n triggerJob(jobId:string){\n if(jobId){\n this.mainLoadingService.setLoading(true);\n this.jobService.triggerJob(this.componentId, jobId).subscribe(result=> {\n var resultObject = JSON.parse(result);\n if(resultObject.ReturnType == \"0\"){\n if(resultObject.Arguments){\n var path = [];\n resultObject.Arguments.forEach(element => {\n path.push(element);\n });;\n this.router.navigate(path);\n }\n }\n this.mainLoadingService.setLoading(false);\n }, error => {\n this.mainLoadingService.setLoading(false);\n });\n }\n }\n}\n","import { OnInit } from '@angular/core';\nimport { Globals } from '../objects/Globals';\nimport { JobService } from '../services/job.service';\nimport { MainLoadingService } from '../services/main-loading.service';\nimport { Router } from '@angular/router';\nvar QuickLinksPanelComponent = /** @class */ (function () {\n function QuickLinksPanelComponent(globals, jobService, mainLoadingService, router) {\n this.globals = globals;\n this.jobService = jobService;\n this.mainLoadingService = mainLoadingService;\n this.router = router;\n this.isEpic = false;\n this.hidePanel = false;\n this.selectedValue = 'Quick Links';\n this.availableImages = ['VIEWPR', 'CREATEPR', 'VIEWPO', 'CREATEPO', 'VIEWRFQ', 'CREATERFQ', 'VIEWSN', 'CREATESN', 'VIEWIV', 'CREATEIV', 'VIEWEBID', 'CREATEEBID', 'VIEWSUPPLIER', 'MANAGESUPPLIER', 'Template'];\n }\n QuickLinksPanelComponent.prototype.ngOnInit = function () {\n this.getJobList();\n this.valueSelection = [];\n this.valueSelection.push({ ItemValue: \"quick\", ItemDisplay: \"Quick Links\" });\n };\n QuickLinksPanelComponent.prototype.getJobList = function () {\n var _this = this;\n if (this.globals.Session) {\n this.jobService.createJobList('dashboard').subscribe(function (result) {\n _this.componentId = result;\n _this.refreshJobListCard();\n });\n }\n };\n QuickLinksPanelComponent.prototype.refreshJobListCard = function () {\n var _this = this;\n if (this.componentId) {\n this.jobService.getJobList(this.componentId).subscribe(function (result) {\n _this.jobList = JSON.parse(result);\n });\n }\n };\n QuickLinksPanelComponent.prototype.triggerJob = function (jobId) {\n var _this = this;\n if (jobId) {\n this.mainLoadingService.setLoading(true);\n this.jobService.triggerJob(this.componentId, jobId).subscribe(function (result) {\n var resultObject = JSON.parse(result);\n if (resultObject.ReturnType == \"0\") {\n if (resultObject.Arguments) {\n var path = [];\n resultObject.Arguments.forEach(function (element) {\n path.push(element);\n });\n ;\n _this.router.navigate(path);\n }\n }\n _this.mainLoadingService.setLoading(false);\n }, function (error) {\n _this.mainLoadingService.setLoading(false);\n });\n }\n };\n return QuickLinksPanelComponent;\n}());\nexport { QuickLinksPanelComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".text[_ngcontent-%COMP%] {\\r\\n font-size: 13px;\\r\\n white-space:pre-line;\\r\\n}\\r\\n\\r\\n.text.align-left[_ngcontent-%COMP%] {\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.read-more[_ngcontent-%COMP%] {\\r\\n font-style: italic;\\r\\n font-size: 13px;\\r\\n color: var(--primary) !important;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.read-more[_ngcontent-%COMP%]:hover {\\r\\n text-decoration: underline !important;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./read-more.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../safe-html.pipe\";\nimport * as i3 from \"@angular/platform-browser\";\nimport * as i4 from \"@angular/common\";\nimport * as i5 from \"./read-more.component\";\nvar styles_ReadMoreComponent = [i0.styles];\nvar RenderType_ReadMoreComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_ReadMoreComponent, data: {} });\nexport { RenderType_ReadMoreComponent as RenderType_ReadMoreComponent };\nfunction View_ReadMoreComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"a\", [[\"class\", \"read-more\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.toggleView() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(1, null, [\"Read \", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.isCollapsed ? \"more\" : \"less\"); _ck(_v, 1, 0, currVal_0); }); }\nexport function View_ReadMoreComponent_0(_l) { return i1.ɵvid(0, [i1.ɵpid(0, i2.SafeHtmlPipe, [i3.DomSanitizer]), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"div\", [[\"class\", \"text\"]], [[2, \"align-left\", null], [8, \"innerHTML\", 1]], null, null, null, null)), i1.ɵppd(2, 1), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReadMoreComponent_1)), i1.ɵdid(4, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_2 = (_co.text.length > _co.maxLength); _ck(_v, 4, 0, currVal_2); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.textAlign; var currVal_1 = i1.ɵunv(_v, 1, 1, _ck(_v, 2, 0, i1.ɵnov(_v, 0), _co.currentText)); _ck(_v, 1, 0, currVal_0, currVal_1); }); }\nexport function View_ReadMoreComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-read-more\", [], null, null, null, View_ReadMoreComponent_0, RenderType_ReadMoreComponent)), i1.ɵdid(1, 573440, null, 0, i5.ReadMoreComponent, [i1.ElementRef], null, null)], null, null); }\nvar ReadMoreComponentNgFactory = i1.ɵccf(\"app-read-more\", i5.ReadMoreComponent, View_ReadMoreComponent_Host_0, { text: \"text\", maxLength: \"maxLength\", textAlign: \"textAlign\" }, {}, []);\nexport { ReadMoreComponentNgFactory as ReadMoreComponentNgFactory };\n","\n maxLength\" class=\"read-more\" (click)=\"toggleView()\">Read {{isCollapsed? 'more':'less'}}","import { Component, OnInit, OnChanges, Input, ElementRef } from '@angular/core';\n\n@Component({\n selector: 'app-read-more',\n templateUrl: './read-more.component.html',\n styleUrls: ['./read-more.component.css']\n})\nexport class ReadMoreComponent implements OnChanges {\n @Input() text: string;\n @Input() maxLength: number = 100;\n @Input() textAlign: string;\n currentText: string;\n trimText:string;\n\n public isCollapsed: boolean = true;\n\n constructor(private elementRef: ElementRef) {\n\n }\n\n toggleView() {\n this.isCollapsed = !this.isCollapsed;\n this.determineView();\n }\n\n determineView() {\n if (!this.text || this.text.length <= this.maxLength) {\n this.currentText = this.text;\n this.isCollapsed = false;\n return;\n }\n if (this.isCollapsed == true) {\n this.currentText = this.text.substring(0, this.maxLength) + \"...\";\n this.trimText = this.text.substring(this.maxLength + 1, this.text.length);\n } else if(this.isCollapsed == false) {\n this.currentText = this.text;\n }\n }\n\n ngOnChanges() {\n this.determineView(); \n }\n}\n","import { OnChanges, ElementRef } from '@angular/core';\nvar ReadMoreComponent = /** @class */ (function () {\n function ReadMoreComponent(elementRef) {\n this.elementRef = elementRef;\n this.maxLength = 100;\n this.isCollapsed = true;\n }\n ReadMoreComponent.prototype.toggleView = function () {\n this.isCollapsed = !this.isCollapsed;\n this.determineView();\n };\n ReadMoreComponent.prototype.determineView = function () {\n if (!this.text || this.text.length <= this.maxLength) {\n this.currentText = this.text;\n this.isCollapsed = false;\n return;\n }\n if (this.isCollapsed == true) {\n this.currentText = this.text.substring(0, this.maxLength) + \"...\";\n this.trimText = this.text.substring(this.maxLength + 1, this.text.length);\n }\n else if (this.isCollapsed == false) {\n this.currentText = this.text;\n }\n };\n ReadMoreComponent.prototype.ngOnChanges = function () {\n this.determineView();\n };\n return ReadMoreComponent;\n}());\nexport { ReadMoreComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".progress-flow-container[_ngcontent-%COMP%] {\\r\\n margin: -10px -20px -35px;\\r\\n}\\r\\n\\r\\n.banner[_ngcontent-%COMP%] {\\r\\n background-image: url('vertical-progress-image.747e99e89a228c25b4f8.png');\\r\\n background-size: cover;\\r\\n background-position: center;\\r\\n background-repeat: no-repeat;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n padding: 90px;\\r\\n box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;\\r\\n}\\r\\n\\r\\n.banner[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n max-width: 100%;\\r\\n max-height: 100%;\\r\\n opacity: 0.7;\\r\\n}\\r\\n\\r\\n.wrap[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n z-index: 5;\\r\\n top: -22px;\\r\\n}\\r\\n\\r\\n.progress-item[_ngcontent-%COMP%] {\\r\\n z-index: 10;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.transaction-progress[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n.transaction-progress[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n height: 100%; \\r\\n position: relative;\\r\\n top: -2px;\\r\\n}\\r\\n\\r\\n.item-container[_ngcontent-%COMP%] {\\r\\n width: 45px;\\r\\n height: 45px;\\r\\n margin: 0 auto;\\r\\n border: 4px solid #c3c3c3;\\r\\n border-radius: 43px;\\r\\n padding: 7px;\\r\\n background-color: #fff;\\r\\n box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px;\\r\\n}\\r\\n\\r\\n.md-step-bar-left[_ngcontent-%COMP%], .md-step-bar-right[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n top: 21px;\\r\\n height: 1px;\\r\\n border-top: 6px solid #c3c3c3;\\r\\n}\\r\\n\\r\\n.md-step-bar-left[_ngcontent-%COMP%] {\\r\\n left: 0;\\r\\n right: 50%;\\r\\n margin-right: 22px;\\r\\n}\\r\\n\\r\\n.item-container.active[_ngcontent-%COMP%] {\\r\\n border: 4px solid var(--primary);\\r\\n background-color: var(--primary);\\r\\n}\\r\\n\\r\\n.item-container.active[_ngcontent-%COMP%] .md-step-bar-left[_ngcontent-%COMP%] {\\r\\n border-top: 6px solid var(--primary);\\r\\n}\\r\\n\\r\\n.item-container.full-active[_ngcontent-%COMP%] .md-step-bar-right[_ngcontent-%COMP%] {\\r\\n border-top: 6px solid var(--primary);\\r\\n}\\r\\n\\r\\n.md-step-bar-right[_ngcontent-%COMP%] {\\r\\n right: 0;\\r\\n left: 50%;\\r\\n margin-left: 23px;\\r\\n}\\r\\n\\r\\n.md-step-bar-title[_ngcontent-%COMP%] {\\r\\n font-weight: 600;\\r\\n color: #444;\\r\\n font-size: 12px;\\r\\n margin-top: 3px;\\r\\n}\\r\\n\\r\\n.level[_ngcontent-%COMP%] {\\r\\n padding: 0px 10px;\\r\\n background-color: #efefef;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.level-title[_ngcontent-%COMP%] {\\r\\n font-size: 13px;\\r\\n color: #666;\\r\\n font-weight: 600;\\r\\n text-align: left;\\r\\n padding: 15px 0;\\r\\n}\\r\\n\\r\\n.mb-related-doc-container[_ngcontent-%COMP%], .mb-related-doc-container[_ngcontent-%COMP%] > .main-container[_ngcontent-%COMP%], .mb-related-doc-container[_ngcontent-%COMP%] > .main-container[_ngcontent-%COMP%] .row[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.popup-body[_ngcontent-%COMP%] {\\r\\n padding: 0.5rem;\\r\\n overflow-y: auto;\\r\\n height:82vh;\\r\\n}\\r\\n\\r\\n.horizontalCard[_ngcontent-%COMP%] {\\r\\n position:relative;\\r\\n background-color:#FFFFFF;\\r\\n padding-top:4px;\\r\\n padding-bottom:4px;\\r\\n margin-bottom:0px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-wrap: wrap;\\r\\n flex-wrap: wrap;\\r\\n cursor:pointer;\\r\\n text-align:left;\\r\\n overflow:hidden;\\r\\n font-size: 12px;\\r\\n margin-bottom: 5px;\\r\\n border: 1px solid #d4d1d1;\\r\\n min-height: 64px;\\r\\n height:auto;\\r\\n}\\r\\n\\r\\n.horizontalCard[_ngcontent-%COMP%]:hover {\\r\\n background-color:var(--secondary);\\r\\n}\\r\\n\\r\\n.horizontalCard.highlight[_ngcontent-%COMP%] {\\r\\n border: 2px solid var(--primary);\\r\\n background-color:var(--secondary);\\r\\n}\\r\\n\\r\\n.horizontalCard.green-bg[_ngcontent-%COMP%] {\\r\\n background-color:#adf9b8;\\r\\n}\\r\\n\\r\\n.horizontalCard.grey-bg[_ngcontent-%COMP%] {\\r\\n background-color:#d4d1d1;\\r\\n}\\r\\n\\r\\n.horizontalCard.grey-bg.green-bg[_ngcontent-%COMP%] {\\r\\n background-color:#adf9b8;\\r\\n}\\r\\n\\r\\n.relatedDocIcon[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n right: 0px;\\r\\n top: 0;\\r\\n height: 20px;\\r\\n width: 20px;\\r\\n text-align: center;\\r\\n background: #3baed9;\\r\\n transition: all 0.3s;\\r\\n border-bottom-left-radius: 100%;\\r\\n}\\r\\n\\r\\n.relatedDocIcon[_ngcontent-%COMP%]:hover {\\r\\n background: transparent;\\r\\n}\\r\\n\\r\\n.relatedDocIcon[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n right: 0px;\\r\\n}\\r\\n\\r\\n.cardMiniSubtitle[_ngcontent-%COMP%] {\\r\\n font-size: 13px;\\r\\n font-weight:600;\\r\\n color: #333;\\r\\n}\\r\\n\\r\\n.cardBodyCopy[_ngcontent-%COMP%] {\\r\\n font-size: 13px;\\r\\n font-weight:600;\\r\\n color: #333;\\r\\n}\\r\\n\\r\\n.cardDesc[_ngcontent-%COMP%] {\\r\\n font-size: 11px;\\r\\n color: #333;\\r\\n float: right;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.cardDesc2[_ngcontent-%COMP%] {\\r\\n font-size: 11px;\\r\\n font-weight:600;\\r\\n color: #333;\\r\\n float: right;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.cardDisabled[_ngcontent-%COMP%] {\\r\\n text-align: center;\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.tab-container[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n text-align: center;\\r\\n width: 25%;\\r\\n float:left;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.tab-image[_ngcontent-%COMP%]{\\r\\n width:100%;\\r\\n}\\r\\n\\r\\n.tab-container[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n height: 23px;\\r\\n}\\r\\n\\r\\n.tab-container-current[_ngcontent-%COMP%] span.text-over-image[_ngcontent-%COMP%]{\\r\\n color: #fff;\\r\\n font-size: 13px;\\r\\n}\\r\\n\\r\\n.text-over-image[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n top: 12px;\\r\\n left: 50%;\\r\\n -webkit-transform: translate(-50%, -50%);\\r\\n -ms-transform: translate(-50%, -50%);\\r\\n transform: translate(-50%, -50%);\\r\\n font-size: 13px;\\r\\n}\\r\\n\\r\\n.tab-arrow[_ngcontent-%COMP%] {\\r\\n background-repeat: no-repeat;\\r\\n background-size: contain;\\r\\n padding-bottom: 4px;\\r\\n padding-top:1px;\\r\\n}\\r\\n\\r\\n.tab-arrow#requests-tab[_ngcontent-%COMP%] {\\r\\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAAA2CAYAAABUbJn+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFxEAABcRAcom8z8AAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAAFCElEQVR4Xu3dy2obVxjAce/SRRLaFyjdp5Q+QOkDpNB1CCHb0jfohdJ16KJQCCH0CQrtA7ShGIIKWjidOZeRHcW2XEmuJcUXuowvmn6ffCYZy0pT27rMyP8PfmQRa2Z2f85oRmfhIlOpVK5ZW/vEOPe1cf5RbN0TY92hdT4FAOACtCWP6/X6lZCcYo21yU2J309ykQe5iwYAYJyKF0PnardkxVcXfb1I+TetLa+k6+uNtNVqp1tbW+n29na6u7ub7u3tAQBwZtqQTqeTOp9oZ/adS34IGZrdJElywzj/W6jz4OIaGxtpr/ec6AEAxq5QMTTG35b47ecDyKoPADBp2pl2e3Nw91FjaK2/H9I0vTHGPdRVoF7EytM6K0AAwFRpc5rN1iCGg0XZNGMoJ/sxi6CuAgkgAGAWZhJDjaCc8EhPqg/BEEEAwCwNx9AY9yAka/wTRfaOnGiwEiSCAICiyMdQvLDefxbSNb6x1n4gpT3Qk3A7FABQNMMxjGN3KyRsPGNd8rscuK8PxhBBAEARaZ90sTb2GMqB7soBj/QVCZ4OBQAUmTZqdXXtZQz1Vb+Qs/OPcX5NDtbnligAoAzyMTx+gOYCMZQPf5qtBnlZHgBQFmOLofX+F1aDAIAyysdQvIjj+KOQt/831Wr1uq4G9QB8NwgAKKNcDPtipxbH74fMvXmy26K6iwQRBACUlTas/uzZ2WMYW/utdf5It1IihACAstKG6XMuurA7UwyN9Yv6AX5FBgBQdqNiqD8WE5I3euSPIv1j3VSXEAIAym5EDPf+M4Y27DTPaxMAgHkxKoZLS/7dkL6Tk4WQCAIA5smIGP4ZRdHbIX+vhhACAObV6Rj6+FQMCSEAYJ5p37rdbqq/nnbcvKEYEkIAwLzLYuiT2ukYEkIAwGWgnev1eidiaK19hxACAC6V4RgSQgDApbKzs5MurzwlhACAy0U7NxxBbo0CAC4FbZy+RvEqgu6fKFp+j4dlAABzL4ugvkuYRdB7/+EggjqEEAAwr/IRlNbpr8ucjKAOIQQAzKMREdw7FUEdQggAmEfatdxGva/fgUL+k22YAABzRXu2urr25gjqmLAx7+bm34QQAFB6uQjqwzEHxpiPQ/JGj7X+ew1hY2ODEAIASi0fQXEYRfZOyN3rx7naXfnjI/0ykRACAMrqXBHUqVar1zWE+sFe7zkxBACUzrkjmI11/ol8sP9Xs0kIAQClot3Sr/c0gtKz/TNHUCeO3eD2aJLUCCEAoDS0Wa1W+2UEjfG3Q9rOPsb5XV0V6gGJIQCg6PIRFAcucZ+HpJ1vrPffSE2PdCt7fROfGAIAimpoJXhgjHsYcnaxkVXhmq4K9QtHQggAKKIREXwQMnbx0ZcOBweVg3OLFABQNNqlZrM1mQhmY63/Tk4wuEXa7XaJIQCgELRH7fbmZCOYjXH+kZyoTwwBAEWgHep0Oql2SSK4P9EI6njvr8bWLcnJBitDbpMCAGZlOILW+vshV5OdSqVyzXr/q94m1WXo+nqDp0kBAFOVj+Bxj/wfjUbjrZCq6YyU956c/FAqnOoL9+xSAQCYhqGV4OFMIpiNtclNieG20H2dBrv9crsUADApwxEUj2cWwWyOb5XaLySEO1kQ9QL1nUONIhv7AgDGYVQE6/X6lZCj2c/i4uLV2NovJYR1cSQXqBcKAMC4FS+CwxNF0Q3j3FfG2p9jY1cJIwBgTKYUwYWFfwHU84RL+QYj6wAAAABJRU5ErkJggg==');\\r\\n color: #333;\\r\\n margin-left:8px;\\r\\n}\\r\\n\\r\\n.tab-arrow#orders-tab[_ngcontent-%COMP%], .tab-arrow#deliveries-tab[_ngcontent-%COMP%] {\\r\\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAAA2CAYAAABUbJn+AAAACXBIWXMAABcSAAAXEgFnn9JSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA91JREFUeNrs3V9OG0cAwOHBkqUGq25MSJ7z3lb0BnCE5AQ4J2iO0JwguUHcG9ATlN4AAr1EQiBxhRPJqekMMchd/sRgjzN2vk8a7YIEazEPPw3anV16tbf/IoTwawCAcryPY+Pnn37cyX2hpZOTk7C3/3cnnm/6uwNQkG4c67ljeBrCZDSGK61WaDSWTQEAMzcYDMLrNweh3+/PJIbnIazGcPXevXDnzndmBICFjuH/Qjgaw1qtFh7cXw31et2MALCwMbwQQjEE4FuKYe2K7z+NY7fyAQBgpioLsmYcnbhYu5t9RThcFaYLbcexZmUIQEErw93w+dGKd1lDKIYAlCRFMMUwRXGaMbw2hGIIwKLH8IshrMYwRTDFMEURAOY9hmOFUAwBWNQYjl2y4QUexdGtfAAAmKnKgmwtjk72FeHIyvCXePgrjqaVIQAFrQx/j4u2dvYQiiEAJfnw4WM4ePv27Msbx/BWIRRDAEpyfNwLh0dHt4rhrUNYjWHaoDtt1A0A8xTDiUJYjWFjeTmsrLTMBgBzE8OJQziM4UY8/JnOxRCAgmL4LMbwt+whHMYwVfelGAJQWAyfxBh2sodQDAEoyftuN3S7/3wxhlMNoRgCUJLDw6Nw3OtdG8Oph7Aaw2bz+/BDs2k2ACgyhllCWI3hSqsVGo1lswFAcTHMFsJhDNOb7p+LIQCFxfBxjOFW9hAOY5iquymGABQUw24c6zGGO9lDKIYAlCTtS5r2Jz2L4aw2B90+O/n07yezAMBXU1s6T1+6k/PhLP412g4epwCgAJfdNJP7ZhkRBKAIVz1gP5PHJ0QQgK/pui3Xcj1QvxFswg1AeRG8sAl3ji3WvJYJgBIjeOlrmaa96bYX9QIwNxGcaghHI1iv18OD+6uhVquZCQCKjeDUQiiCAJQiPSyfHpofJ4JTCaEIAlCKfr8fXr85CIPBYKwIThzCGMGH8bArggAUFsE/YgQfjfNzt65WjODdeNgSQQAKi2BaoLXH/dlbrQiHEdyOY00EASgsghtxNfguWwhHI5jilyKYYggA8xbBG4dQBAFYpAjeKIQiCEApUvxSBFMMJ4ng2CEUQQAWMYLJuHe4vBBBAAqLYHrDfHuSCI61IoyrwU48bIogAIVFcD1GcGfS33ttCM8imM7TBtppI20AWJQIXhvC0QiutFqh0Vg2EwAsVASvDKEIAlCKtIF22kg7RwQvDaEIAlCKw8OjcNzrZYvghRDGCD6Nh+ciCEBBEUwexwhu5bjOeQhjBNvx8FIEASgsgk9iBDu5rnUawtEIAkBBskbwNISv9vZFEIBvMoLJfwIMALokGWomXzExAAAAAElFTkSuQmCC');\\r\\n color: #333;\\r\\n margin-left: -8px;\\r\\n}\\r\\n\\r\\n.tab-arrow#invoices-tab[_ngcontent-%COMP%] {\\r\\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAAA2CAYAAABUbJn+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFxEAABcRAcom8z8AAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAAEh0lEQVR4Xu3du24cVRzHcacmgqRFKAotQiglouIFoEYUkVLR5Q1APEGgo4gS8Qh5giilkTaemXPOXr23eGzv1V7ouIgczhn/ZzOpPLP2buag70/6KFXW5VfnzK5mTynzU6L0a6WNBQCgznyvnFGizHOl9KM41vcbDXNn76rT2jwhhgCAEEm/DmKlHjYajQ8kbdWXx9CxaXpsz8/P7Wq1AgCgNnybJpNJZjQe206350NYDOLKBfGHjYNYjOHJySkxBADUmu/UcrnMDnDNZiuLonRslSTma8lbteUx1KZpZ7MZMQQABCE/Lb4VxEQ/jaLoliSu/IghACBUvln+2nQdQ2XiyjHc399/3/3nA2IIAAhRfjr0Dbt4frhhDGOlG8QQABAi3yzfLtNsbR5DY8xNYggACJVv1nw+fxNDbV5I4sqPGAIAQvd2DPWPkrjyK8aw1e5kX1UlhgCAkBylaRZCL4radyVx5UcMAQCh6/YOJYb6meSt2pKk91GcqDNiCAAI0WKxXJ8K3QHvnuSt2lpx/KkLITEEAARpMBhexFDpX621NyRv1SYxXBBDAEBo/Bdn8lOhUuq2pK363JHyE2IIAAhRu9OVEJoHkrXNVoxh7/CQEAIAgjB+9Wp9PSpJ23zFGPb7A2IIAKi96XSahdC1ayw5u9q01l+4D/vLscQQABACCaGVlF19SWK+dR/6NzEEAISg1WpnMZSMXc+IIQAgFPmP6yVh1zcfQ65JAQB1t7UQ+sWx/iaPoX85IjEEANTNVkPoV4xhmh4TQwBArWw9hH7KmO+IIQCgjnYSQr8k0b+4P/QPMQQA1MnOQuhXjOHRUUoMAQDv3E5DWHxeOByNCCEA4J3bWQiLEeTnFACAuthJCIkgAKCuth5CIggAqLOthjBJks9dAP9M3B8gggCAOtpaCOW1TDOH1zIBAGprKyHkRb0AgFBcewiLEWy1O3a5XBJCAEBtXetrmIggACA0PoKuW1cPIREEAIRmOp3mIRxLzjbby5ftD4kgACA0R2mahVBp/UySVn1xHL/nAvib+6B/iSAAICTtTvcihMo8kKxVmzHmJhEEAIRosVjKadDYOO58LGkrPx/BWOmGj6A2TTubzYggACAYg8FwfS1qrb0heSu3PIL+mSARBACExp8GTbOVhVBr/aXkrdyIIAAgdIf9fhbBRJsXkrdyI4IAgNCdnk7kSnSD06BS5rGLIM8EAQBBKl6Juqb9LHkrNyIIAAiVb9bZ2dn65xKJMnEURbckcZcvj6BjT05OiSAAIBi+Wf7nfW8iqP+IovZdSdzl09o8ySOYpsdEEAAQDN+s+Xxh/W/d8wgaY+5J4i6fRPA1EQQAhMY3y99i+kd60jIiCAD4/8tPgZ1uzwcwj+BBpevQWKmH7gjJdSgAIBi+VZPJxPb7gyyA2TdDXcuUMd9L3sotjvV99wFEEABQa/nJz19/Docj22y21gF0/7pToHneaJg7krdyyyMoFQUAIBgX8dO/J4l+qpT6TNJWflq3iCAAIBg+fNo0z/3JTyn9SOv2V5K0Dba39x9P81C3capTNQAAAABJRU5ErkJggg==');\\r\\n color: #333;\\r\\n margin-left: -8px;\\r\\n}\\r\\n\\r\\n.tab-arrow-selected#requests-tab[_ngcontent-%COMP%] {\\r\\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAAA2CAYAAABUbJn+AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAXEAAAFxABGGER2wAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xOdTWsmQAAAPCSURBVHhe7d3LbtxkGIDh3gRd9iy4LwS3gGhVddmUphn7P9gJ6aqIBYveAIIFQqhihViCWKC2asWWw4amBfxPPKIHF5pkMpnxPJ/07GzP7F59tic5dZiZTDYuxFhfaVK4eXt398uc4m8xVH+lWP8NAPPQdeVJTvWdur5xps/PyU8JYAjV5e0m/dB9yWcvf2kAmKeliWEINy+WDXC7TQ9sfgAsUgz1n6GapKraONdnabET4+b5pklfd1/GBgjAiehj2Cw0hltb1y/tb4H5oS0QgJNWbpMuLIblVmgK9W73oU+HvgwAnIRZDMvdyj5Z859ZBLsPdCsUgKVTYhjruj22GJbboTZBAJbZNIax/qBP1/ymPBdsm+SZIABLrXSqyenx5ubm2T5hR5+cty41bb4nggCsgtKrbnn7Oec5xTDG6mp3Yc8FAVgZsxhWVXW0N0n3b4nmR7ZBAFZNH8P7R4qhbRCAVXakGJZng93JP9kGAVhlsxiWv4vdJ+7NJoTqWncB2yAAY/CsadJ3bTt58xg2KdyyDQIwFqVpXQy/eeMY3t7d/UoIARiTA8Uwp/iHEAIwNrMYlndh+uQNz9DJADAG0xi2+d5/xnDoRAAYi/+N4dBJADAmJYZtTp+ndOvtPn//ztAJADA2080wh7uvxHDoYAAYq1diOHQQAIzZCzEcOgAAxu799969e/r0W+8IIQBrq8RQCAFYa0IIwFoTQgDWVnlpRggBWEtNTl9U1UdelgFg/bRt+tbPJwBYSy9EsMzQQQAwNtO/N/pyBMsMHQwAYzL7DxSvRLDM0AkAMBb+DRMAa6uP4Pf+MS8Aa2f6TLBJD7e2rr8+gmW6gx6Xg4cuAgCraBbByWTjQp+710+Twi0hBGAsDhTBMiFU17oTn718IQBYNQeOYJnyALFt8iNbIQCrrI/g/QNFcDYxVle7i9gKAVhJJYJNTr9U1ca5Pm0Hm/JGTYrhd1shACtqL8b6wz5rhxtbIQArai+EeudQt0Sfn/KssPzo0FYIwArZi3XdHjmCsylbYRfCpwMfBADLZhrBGDfP9xk7+pStMIV6t7u4W6QALLP5R3A2Idy8mHP4rPsQMQRg6cRQPTm2CM5mFkO3SQFYMntNqj/Z3q4O9zOJg0yJYXkLRwwBWBLTCOa8ebZP1fFPiWGM9ZXtNv/obVIATkq5HbrwCD4/bTu50OZ4I6f4qyACsEglgjnVd04sgs9PeTDZBfH6fhBrQQTgWM0iWNc3zvQpWo4pP1wMobr88c7OpzklWyIAc7eYCJ469Q/JcLGr5e9K2QAAAABJRU5ErkJggg==');\\r\\n color: #fff;\\r\\n margin-left: 8px;\\r\\n}\\r\\n\\r\\n.tab-arrow-selected#orders-tab[_ngcontent-%COMP%], .tab-arrow-selected#deliveries-tab[_ngcontent-%COMP%] {\\r\\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAAA2CAYAAABUbJn+AAAACXBIWXMAABcSAAAXEgFnn9JSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA91JREFUeNrs3V9OG0cAwOHBkqUGq25MSJ7z3lb0BnCE5AQ4J2iO0JwguUHcG9ATlN4AAr1EQiBxhRPJqekMMchd/sRgjzN2vk8a7YIEazEPPw3anV16tbf/IoTwawCAcryPY+Pnn37cyX2hpZOTk7C3/3cnnm/6uwNQkG4c67ljeBrCZDSGK61WaDSWTQEAMzcYDMLrNweh3+/PJIbnIazGcPXevXDnzndmBICFjuH/Qjgaw1qtFh7cXw31et2MALCwMbwQQjEE4FuKYe2K7z+NY7fyAQBgpioLsmYcnbhYu5t9RThcFaYLbcexZmUIQEErw93w+dGKd1lDKIYAlCRFMMUwRXGaMbw2hGIIwKLH8IshrMYwRTDFMEURAOY9hmOFUAwBWNQYjl2y4QUexdGtfAAAmKnKgmwtjk72FeHIyvCXePgrjqaVIQAFrQx/j4u2dvYQiiEAJfnw4WM4ePv27Msbx/BWIRRDAEpyfNwLh0dHt4rhrUNYjWHaoDtt1A0A8xTDiUJYjWFjeTmsrLTMBgBzE8OJQziM4UY8/JnOxRCAgmL4LMbwt+whHMYwVfelGAJQWAyfxBh2sodQDAEoyftuN3S7/3wxhlMNoRgCUJLDw6Nw3OtdG8Oph7Aaw2bz+/BDs2k2ACgyhllCWI3hSqsVGo1lswFAcTHMFsJhDNOb7p+LIQCFxfBxjOFW9hAOY5iquymGABQUw24c6zGGO9lDKIYAlCTtS5r2Jz2L4aw2B90+O/n07yezAMBXU1s6T1+6k/PhLP412g4epwCgAJfdNJP7ZhkRBKAIVz1gP5PHJ0QQgK/pui3Xcj1QvxFswg1AeRG8sAl3ji3WvJYJgBIjeOlrmaa96bYX9QIwNxGcaghHI1iv18OD+6uhVquZCQCKjeDUQiiCAJQiPSyfHpofJ4JTCaEIAlCKfr8fXr85CIPBYKwIThzCGMGH8bArggAUFsE/YgQfjfNzt65WjODdeNgSQQAKi2BaoLXH/dlbrQiHEdyOY00EASgsghtxNfguWwhHI5jilyKYYggA8xbBG4dQBAFYpAjeKIQiCEApUvxSBFMMJ4ng2CEUQQAWMYLJuHe4vBBBAAqLYHrDfHuSCI61IoyrwU48bIogAIVFcD1GcGfS33ttCM8imM7TBtppI20AWJQIXhvC0QiutFqh0Vg2EwAsVASvDKEIAlCKtIF22kg7RwQvDaEIAlCKw8OjcNzrZYvghRDGCD6Nh+ciCEBBEUwexwhu5bjOeQhjBNvx8FIEASgsgk9iBDu5rnUawtEIAkBBskbwNISv9vZFEIBvMoLJfwIMALokGWomXzExAAAAAElFTkSuQmCC');\\r\\n color: #fff;\\r\\n margin-left: -8px;\\r\\n}\\r\\n\\r\\n.tab-arrow-selected#invoices-tab[_ngcontent-%COMP%] {\\r\\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAAA2CAYAAABUbJn+AAAACXBIWXMAABcSAAAXEgFnn9JSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA91JREFUeNrs3V9OG0cAwOHBkqUGq25MSJ7z3lb0BnCE5AQ4J2iO0JwguUHcG9ATlN4AAr1EQiBxhRPJqekMMchd/sRgjzN2vk8a7YIEazEPPw3anV16tbf/IoTwawCAcryPY+Pnn37cyX2hpZOTk7C3/3cnnm/6uwNQkG4c67ljeBrCZDSGK61WaDSWTQEAMzcYDMLrNweh3+/PJIbnIazGcPXevXDnzndmBICFjuH/Qjgaw1qtFh7cXw31et2MALCwMbwQQjEE4FuKYe2K7z+NY7fyAQBgpioLsmYcnbhYu5t9RThcFaYLbcexZmUIQEErw93w+dGKd1lDKIYAlCRFMMUwRXGaMbw2hGIIwKLH8IshrMYwRTDFMEURAOY9hmOFUAwBWNQYjl2y4QUexdGtfAAAmKnKgmwtjk72FeHIyvCXePgrjqaVIQAFrQx/j4u2dvYQiiEAJfnw4WM4ePv27Msbx/BWIRRDAEpyfNwLh0dHt4rhrUNYjWHaoDtt1A0A8xTDiUJYjWFjeTmsrLTMBgBzE8OJQziM4UY8/JnOxRCAgmL4LMbwt+whHMYwVfelGAJQWAyfxBh2sodQDAEoyftuN3S7/3wxhlMNoRgCUJLDw6Nw3OtdG8Oph7Aaw2bz+/BDs2k2ACgyhllCWI3hSqsVGo1lswFAcTHMFsJhDNOb7p+LIQCFxfBxjOFW9hAOY5iquymGABQUw24c6zGGO9lDKIYAlCTtS5r2Jz2L4aw2B90+O/n07yezAMBXU1s6T1+6k/PhLP412g4epwCgAJfdNJP7ZhkRBKAIVz1gP5PHJ0QQgK/pui3Xcj1QvxFswg1AeRG8sAl3ji3WvJYJgBIjeOlrmaa96bYX9QIwNxGcaghHI1iv18OD+6uhVquZCQCKjeDUQiiCAJQiPSyfHpofJ4JTCaEIAlCKfr8fXr85CIPBYKwIThzCGMGH8bArggAUFsE/YgQfjfNzt65WjODdeNgSQQAKi2BaoLXH/dlbrQiHEdyOY00EASgsghtxNfguWwhHI5jilyKYYggA8xbBG4dQBAFYpAjeKIQiCEApUvxSBFMMJ4ng2CEUQQAWMYLJuHe4vBBBAAqLYHrDfHuSCI61IoyrwU48bIogAIVFcD1GcGfS33ttCM8imM7TBtppI20AWJQIXhvC0QiutFqh0Vg2EwAsVASvDKEIAlCKtIF22kg7RwQvDaEIAlCKw8OjcNzrZYvghRDGCD6Nh+ciCEBBEUwexwhu5bjOeQhjBNvx8FIEASgsgk9iBDu5rnUawtEIAkBBskbwNISv9vZFEIBvMoLJfwIMALokGWomXzExAAAAAElFTkSuQmCC');\\r\\n color: #fff;\\r\\n margin-left: -8px;\\r\\n}\\r\\n\\r\\n@media (max-width: 992px){\\r\\n .tab-container-current[_ngcontent-%COMP%] span.text-over-image[_ngcontent-%COMP%] {\\r\\n font-size: 14px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width: 768px){\\r\\n .tab-container[_ngcontent-%COMP%] {\\r\\n width: 30%;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width: 480px){\\r\\n .tab-container[_ngcontent-%COMP%] {\\r\\n width: 50%;\\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./related.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"./related.component\";\nimport * as i4 from \"../services/related.service\";\nimport * as i5 from \"ngx-bootstrap/modal\";\nimport * as i6 from \"@angular/router\";\nimport * as i7 from \"../objects/Globals\";\nimport * as i8 from \"../services/workspace.service\";\nvar styles_RelatedComponent = [i0.styles];\nvar RenderType_RelatedComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_RelatedComponent, data: {} });\nexport { RenderType_RelatedComponent as RenderType_RelatedComponent };\nfunction View_RelatedComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"img\", [], [[8, \"src\", 4]], null, null, null, null))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.$implicit.IsSelected ? \"../../assets/images/first-arrow-tab-selected.png\" : \"../../assets/images/first-arrow-tab.png\"); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_RelatedComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"img\", [], [[8, \"src\", 4]], null, null, null, null))], null, function (_ck, _v) { var currVal_0 = (_v.parent.parent.context.$implicit.IsSelected ? \"../../assets/images/middle-arrow-tab-selected.png\" : \"../../assets/images/middle-arrow-tab.png\"); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_RelatedComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_6)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (!_v.parent.context.last && !_v.parent.context.first); var currVal_1 = i1.ɵnov(_v.parent, 8); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }\nfunction View_RelatedComponent_8(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"img\", [], [[8, \"src\", 4]], null, null, null, null))], null, function (_ck, _v) { var currVal_0 = (_v.parent.parent.context.$implicit.IsSelected ? \"../../assets/images/last-arrow-tab-selected.png\" : \"../../assets/images/last-arrow-tab.png\"); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_RelatedComponent_7(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_8)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (!_v.parent.context.first && _v.parent.context.last); _ck(_v, 1, 0, currVal_0); }, null); }\nfunction View_RelatedComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 10, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 9, \"div\", [[\"title\", \"Show Related Document\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.getRelatedDocument(_co.relationType, i1.ɵnov(_v.parent.parent.parent, 7)) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"tab-container\": 0, \"tab-container-current\": 1 }), (_l()(), i1.ɵeld(4, 0, null, null, 4, \"div\", [[\"class\", \"tab-image\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_4)), i1.ɵdid(6, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"middle\", 2]], null, 0, null, View_RelatedComponent_5)), (_l()(), i1.ɵand(0, [[\"final\", 2]], null, 0, null, View_RelatedComponent_7)), (_l()(), i1.ɵeld(9, 0, null, null, 1, \"span\", [[\"class\", \"text-over-image\"]], null, null, null, null, null)), (_l()(), i1.ɵted(10, null, [\"\", \"\"]))], function (_ck, _v) { var currVal_0 = _ck(_v, 3, 0, true, _v.context.$implicit.IsSelected); _ck(_v, 2, 0, currVal_0); var currVal_1 = _v.context.first; var currVal_2 = i1.ɵnov(_v, 7); _ck(_v, 6, 0, currVal_1, currVal_2); }, function (_ck, _v) { var currVal_3 = _v.context.$implicit.ImageName; _ck(_v, 10, 0, currVal_3); }); }\nfunction View_RelatedComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_3)), i1.ɵdid(2, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.documentList; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_RelatedComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_2)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.documentList; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_RelatedComponent_12(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"img\", [], [[8, \"src\", 4]], null, null, null, null))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.$implicit.IsSelected ? \"../../assets/images/new-bank-white.png\" : \"../../assets/images/new-bank-grey.png\"); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_RelatedComponent_13(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"img\", [], [[8, \"src\", 4]], null, null, null, null))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.$implicit.IsSelected ? \"../../assets/images/new-doc-white.png\" : \"../../assets/images/new-doc-grey.png\"); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_RelatedComponent_14(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"img\", [], [[8, \"src\", 4]], null, null, null, null))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.$implicit.IsSelected ? \"../../assets/images/new-offer-letter-white.png\" : \"../../assets/images/new-offer-letter-grey.png\"); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_RelatedComponent_15(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [[\"class\", \"md-step-bar-title\"]], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.context.$implicit.Title; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_RelatedComponent_11(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 13, \"div\", [[\"class\", \"progress-item\"]], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(2, { \"flex\": 0 }), (_l()(), i1.ɵeld(3, 0, null, null, 8, \"div\", [[\"class\", \"item-container\"]], [[2, \"active\", null], [2, \"full-active\", null]], null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_12)), i1.ɵdid(5, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_13)), i1.ɵdid(7, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_14)), i1.ɵdid(9, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(10, 0, null, null, 0, \"div\", [[\"class\", \"md-step-bar-left\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(11, 0, null, null, 0, \"div\", [[\"class\", \"md-step-bar-right\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_15)), i1.ɵdid(13, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, ((\"0 0 \" + (100 / _co.documentList.length)) + \"%\")); _ck(_v, 1, 0, currVal_0); var currVal_3 = (_v.context.$implicit.ImageName == \"Bank\"); _ck(_v, 5, 0, currVal_3); var currVal_4 = (_v.context.$implicit.ImageName == \"Doc\"); _ck(_v, 7, 0, currVal_4); var currVal_5 = (_v.context.$implicit.ImageName == \"LO\"); _ck(_v, 9, 0, currVal_5); var currVal_6 = _v.context.$implicit.Title; _ck(_v, 13, 0, currVal_6); }, function (_ck, _v) { var currVal_1 = _v.context.$implicit.IsSelected; var currVal_2 = _v.context.$implicit.IsFullSelected; _ck(_v, 3, 0, currVal_1, currVal_2); }); }\nfunction View_RelatedComponent_10(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 3, \"div\", [[\"class\", \"wrap\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 2, \"div\", [[\"class\", \"transaction-progress\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_11)), i1.ɵdid(4, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.documentList; _ck(_v, 4, 0, currVal_0); }, null); }\nfunction View_RelatedComponent_9(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"div\", [[\"class\", \"progress-flow-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"div\", [[\"class\", \"banner\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_10)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.documentList; _ck(_v, 3, 0, currVal_0); }, null); }\nfunction View_RelatedComponent_16(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"style\", \"cursor: pointer; margin-left: 10px\"], [\"title\", \"Show Related Document\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.getRelatedDocument(_co.relationType, i1.ɵnov(_v.parent, 7)) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 0, \"img\", [[\"height\", \"14\"], [\"src\", \"../../assets/images/related_ic.png\"], [\"width\", \"14\"]], null, null, null, null, null))], null, null); }\nfunction View_RelatedComponent_18(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 6, \"div\", [[\"class\", \"modal-header\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"h6\", [[\"class\", \"modal-title\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Related Documents For Purchase Requisition\"])), (_l()(), i1.ɵeld(4, 0, null, null, 2, \"button\", [[\"aria-label\", \"Close\"], [\"class\", \"close close-modal\"], [\"data-dismiss\", \"modal\"], [\"type\", \"button\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.onDecline() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"style\", \"font-size: 25px;\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"]))], null, null); }\nfunction View_RelatedComponent_21(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 7, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 6, \"div\", [], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.highlightDirectRelated(_v.parent.context.$implicit.DocumentType, _v.parent.context.$implicit.DocumentId) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"horizontalCard\": 0, \"highlight\": 1, \"green-bg\": 2, \"grey-bg\": 3 }), (_l()(), i1.ɵeld(4, 0, null, null, 3, \"div\", [[\"class\", \"col-12\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 2, \"p\", [[\"class\", \"cardDisabled\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(6, 0, null, null, 0, \"img\", [[\"height\", \"19\"], [\"src\", \"../../assets/images/lockIcon-white.png\"], [\"style\", \"margin-right: 10px;\"], [\"width\", \"13\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" You have no access \"]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 3, 0, true, _v.parent.context.$implicit.Highlight, (_co.selectedDoc == _v.parent.context.$implicit.DocumentId), true); _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_RelatedComponent_22(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 17, \"div\", [], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.highlightDirectRelated(_v.parent.context.$implicit.DocumentType, _v.parent.context.$implicit.DocumentId) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"horizontalCard\": 0, \"highlight\": 1, \"green-bg\": 2 }), (_l()(), i1.ɵeld(3, 0, null, null, 6, \"div\", [[\"class\", \"col-8\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 1, \"p\", [[\"class\", \"cardMiniSubtitle clamp-1\"]], null, null, null, null, null)), (_l()(), i1.ɵted(5, null, [\"\", \"\"])), (_l()(), i1.ɵeld(6, 0, null, null, 1, \"p\", [[\"class\", \"cardMiniSubtitle clamp-1\"], [\"style\", \"padding-right: 0px;\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵted(7, null, [\"\", \"\"])), (_l()(), i1.ɵeld(8, 0, null, null, 1, \"p\", [[\"class\", \"cardBodyCopy clamp-1\"]], null, null, null, null, null)), (_l()(), i1.ɵted(9, null, [\"\", \"\"])), (_l()(), i1.ɵeld(10, 0, null, null, 5, \"div\", [[\"class\", \"col-4\"], [\"style\", \"padding-left: 0;padding-right: 10px;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(11, 0, null, null, 2, \"p\", [[\"class\", \"cardDesc\"]], null, null, null, null, null)), (_l()(), i1.ɵted(12, null, [\"\", \"\"])), i1.ɵppd(13, 2), (_l()(), i1.ɵeld(14, 0, null, null, 1, \"p\", [[\"class\", \"cardDesc2\"]], null, null, null, null, null)), (_l()(), i1.ɵted(15, null, [\"\", \"\"])), (_l()(), i1.ɵeld(16, 0, null, null, 1, \"span\", [[\"class\", \"relatedDocIcon\"], [\"title\", \"Show Document\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.showRelatedDocument(_v.parent.context.$implicit.DocumentType, _v.parent.context.$implicit.DocumentId) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(17, 0, null, null, 0, \"img\", [[\"height\", \"16\"], [\"src\", \"../../assets/images/show_ic.png\"], [\"width\", \"16\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, true, _v.parent.context.$implicit.Highlight, (_co.selectedDoc == _v.parent.context.$implicit.DocumentId)); _ck(_v, 1, 0, currVal_0); }, function (_ck, _v) { var currVal_1 = _v.parent.context.$implicit.Properties.prop1; _ck(_v, 5, 0, currVal_1); var currVal_2 = i1.ɵinlineInterpolate(1, \"\", _v.parent.context.$implicit.DocumentType, \"\"); _ck(_v, 6, 0, currVal_2); var currVal_3 = _v.parent.context.$implicit.Properties.prop2; _ck(_v, 7, 0, currVal_3); var currVal_4 = _v.parent.context.$implicit.Properties.prop3; _ck(_v, 9, 0, currVal_4); var currVal_5 = i1.ɵunv(_v, 12, 0, _ck(_v, 13, 0, i1.ɵnov(_v.parent.parent.parent.parent, 0), _v.parent.context.$implicit.Properties.prop4, \"dd MMM yyyy\")); _ck(_v, 12, 0, currVal_5); var currVal_6 = _v.parent.context.$implicit.Properties.prop5; _ck(_v, 15, 0, currVal_6); }); }\nfunction View_RelatedComponent_20(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_21)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"access\", 2]], null, 0, null, View_RelatedComponent_22))], function (_ck, _v) { var currVal_0 = !_v.context.$implicit.Properties; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_RelatedComponent_19(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 5, \"div\", [[\"class\", \"col-md\"], [\"style\", \"padding: 10px\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 4, \"div\", [[\"class\", \"level\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"p\", [[\"class\", \"level-title\"]], null, null, null, null, null)), (_l()(), i1.ɵted(3, null, [\"\", \"\"])), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_20)), i1.ɵdid(5, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_1 = _co.getLevelDocument(_v.context.$implicit.DocumentType); _ck(_v, 5, 0, currVal_1); }, function (_ck, _v) { var currVal_0 = _v.context.$implicit.HeaderDisplay; _ck(_v, 3, 0, currVal_0); }); }\nfunction View_RelatedComponent_17(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_18)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(2, 0, null, null, 5, \"div\", [[\"class\", \"modal-body custom-scrollbar popup-body\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 4, \"div\", [[\"class\", \"mb-related-doc-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 3, \"div\", [[\"class\", \"container-fluid main-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 2, \"div\", [[\"class\", \"row\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_19)), i1.ɵdid(7, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.relatedDocumentObject; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.levels; _ck(_v, 7, 0, currVal_1); }, null); }\nexport function View_RelatedComponent_0(_l) { return i1.ɵvid(0, [i1.ɵpid(0, i2.DatePipe, [i1.LOCALE_ID]), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_1)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_9)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_RelatedComponent_16)), i1.ɵdid(6, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, [[\"templates\", 2]], null, 0, null, View_RelatedComponent_17))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.relationType == \"P2PFullTrx\"); _ck(_v, 2, 0, currVal_0); var currVal_1 = (_co.relationType == \"ProgressFlow\"); _ck(_v, 4, 0, currVal_1); var currVal_2 = (_co.relationType == \"PRToProduct\"); _ck(_v, 6, 0, currVal_2); }, null); }\nexport function View_RelatedComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-related\", [], null, null, null, View_RelatedComponent_0, RenderType_RelatedComponent)), i1.ɵdid(1, 114688, null, 0, i3.RelatedComponent, [i4.RelatedService, i5.BsModalService, i6.Router, i7.Globals, i8.WorkspaceService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar RelatedComponentNgFactory = i1.ɵccf(\"app-related\", i3.RelatedComponent, View_RelatedComponent_Host_0, { parentComponentId: \"parentComponentId\", baseDocumentId: \"baseDocumentId\", baseDocumentType: \"baseDocumentType\", documentTypeCode: \"documentTypeCode\", relationType: \"relationType\", setDocumentList: \"setDocumentList\" }, {}, []);\nexport { RelatedComponentNgFactory as RelatedComponentNgFactory };\n","\n\n \n\n \n ![](\"../../assets/images/related_ic.png\")
\n \n \n\n\n\n \n","import { Component, OnInit, Input, TemplateRef, OnDestroy } from '@angular/core';\nimport { RelatedService } from '../services/related.service';\nimport { RelatedDocument, SimpleDocument, DocumentList, RelatedLevel } from '../objects/RelatedObject';\n\nimport { BsModalService, BsModalRef, ModalOptions } from 'ngx-bootstrap/modal';\nimport { Router } from '@angular/router';\nimport { Globals } from '../objects/Globals';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { DetailPopupComponent } from '../detail-popup/detail-popup.component';\n\n@Component({\n selector: 'app-related',\n templateUrl: './related.component.html',\n styleUrls: ['./related.component.css']\n})\nexport class RelatedComponent implements OnInit {\n @Input() parentComponentId:string;\n @Input() baseDocumentId:string;\n @Input() baseDocumentType:string;\n @Input() documentTypeCode: string;\n @Input() relationType:string;\n @Input() set setDocumentList(doc:string){\n this.buildDocumentList(doc);\n }\n\n private componentId:string;\n private relatedDocumentObject:RelatedDocument;\n private selectedDoc:string;\n private levels: RelatedLevel[];\n private documentList: Document[];\n modalRef: BsModalRef;\n \n getRelatedDocument(relationName:string, template: TemplateRef):void{\n this.relatedService.getRelatedDocuments(this.parentComponentId, relationName).subscribe(result => { \n this.componentId = result;\n this.relatedService.getRelationCard(this.componentId).subscribe(data=> {\n const config: ModalOptions = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-related'\n };\n this.modalRef = this.modalService.show(template, config);\n this.relatedDocumentObject = JSON.parse(data);\n this.levels = this.getLevels();\n \n this.getLevels().forEach(element=> {\n this.relatedService.getCardListDetail(this.componentId, element.DocumentType).subscribe(detailResult=>{\n if(detailResult == \"1\"){\n this.refreshRelatedCard();\n }\n });\n });\n });\n });\n }\n\n refreshRelatedCard(){\n this.relatedService.getRelationCard(this.componentId).subscribe(data=> {\n this.relatedDocumentObject = JSON.parse(data);\n });\n }\n\n onDecline(): void {\n this.modalRef.hide();\n document.body.classList.remove('modal-open');\n }\n\n getLevels():RelatedLevel[]{\n return this.relatedDocumentObject.LevelMapping.filter(x=> x.DisplaySummaryType != \"\").sort((a:RelatedLevel,b:RelatedLevel) => { \n if(a.Sequence > b.Sequence){\n return 1;\n }else if(a.Sequence < b.Sequence){\n return -1;\n }else{\n return 0;\n }\n });\n }\n\n getLevelDocument(docType:string):SimpleDocument[]{\n if(this.relatedDocumentObject.Levels[docType].length > 0){\n return this.relatedDocumentObject.Levels[docType];\n }\n }\n\n highlightDirectRelated(docType:string, docId:string):void{\n this.clearAllHighlights();\n this.relatedService.selectHighlightCard(this.componentId, docType, docId).subscribe(result=> {\n var highlightDoc:DocumentList = JSON.parse(result);\n this.getLevels().forEach(element => {\n highlightDoc[element.DocumentType].forEach(item=>{\n this.selectedDoc = docId;\n this.relatedDocumentObject.Levels[element.DocumentType].find(doc=> doc.DocumentId == item).Highlight = true;\n });\n });\n });\n }\n\n showRelatedDocument(docType:string, docId:string){\n this.relatedService.selectCard(this.componentId, docType, docId).subscribe(result=>{\n // this.modalRef.hide();\n // this.router.navigate([\"detail\", result]);\n if (result){\n this.openDetailPopup(result, \"\");\n }\n \n });\n }\n\n openDetailPopup(event, title: string) {\n const config: ModalOptions = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-detail',\n initialState: {\n componentId: event,\n title: title\n }\n };\n \n\n if (this.modalService.getModalsCount() > 0){\n document.querySelectorAll('.modal.fade').item(this.modalService.getModalsCount() - 1).classList.remove('show');\n }\n\n this.modalService.onHide.subscribe((reason: string) => {\n if (this.modalService.getModalsCount() > 0){\n document.querySelectorAll('.modal.fade').item(this.modalService.getModalsCount() - 1).classList.add('show');\n }\n })\n\n this.modalService.show(DetailPopupComponent, config);\n }\n\n clearAllHighlights():void{\n this.getLevels().forEach(element => {\n this.relatedDocumentObject.Levels[element.DocumentType].forEach(subElement=> {\n subElement.Highlight = false;\n });\n });\n }\n\n constructor(private relatedService:RelatedService,\n private modalService: BsModalService, private router:Router, private globals: Globals, private workspaceService: WorkspaceService) { }\n\n ngOnInit() {}\n\n buildDocumentList(dirtyList: string){\n // dirtyList = \"(Bank:Compare)|(Doc:Additional Info)|LO:Accept Offer|\";\n \n this.documentList = [];\n var index = 0;\n dirtyList.split('|').forEach(document => {\n if (document.replace('(', '').replace(')', '') == \"\"){\n this.documentList[index - 1].IsFullSelected = true;\n }else{\n var doc: Document = new Document();\n doc.ImageName = document.split(':')[0].replace('(', '').replace(')', '');\n doc.Title = document.split(':')[1] ? document.split(':')[1].replace('(', '').replace(')', '') : \"\";\n doc.IsSelected = document.indexOf('(') > -1;\n \n if (doc.IsSelected && this.documentList[index - 1]){\n this.documentList[index - 1].IsFullSelected = true;\n }\n\n this.documentList.push(doc);\n }\n \n index++;\n });\n // console.log(this.documentList);\n }\n}\n\nexport class Document {\n ImageName: string;\n Title: string;\n IsSelected: boolean;\n IsFullSelected: boolean;\n}","import { OnInit, TemplateRef } from '@angular/core';\nimport { RelatedService } from '../services/related.service';\nimport { BsModalService } from 'ngx-bootstrap/modal';\nimport { Router } from '@angular/router';\nimport { Globals } from '../objects/Globals';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { DetailPopupComponent } from '../detail-popup/detail-popup.component';\nvar RelatedComponent = /** @class */ (function () {\n function RelatedComponent(relatedService, modalService, router, globals, workspaceService) {\n this.relatedService = relatedService;\n this.modalService = modalService;\n this.router = router;\n this.globals = globals;\n this.workspaceService = workspaceService;\n }\n Object.defineProperty(RelatedComponent.prototype, \"setDocumentList\", {\n set: function (doc) {\n this.buildDocumentList(doc);\n },\n enumerable: true,\n configurable: true\n });\n RelatedComponent.prototype.getRelatedDocument = function (relationName, template) {\n var _this = this;\n this.relatedService.getRelatedDocuments(this.parentComponentId, relationName).subscribe(function (result) {\n _this.componentId = result;\n _this.relatedService.getRelationCard(_this.componentId).subscribe(function (data) {\n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-related'\n };\n _this.modalRef = _this.modalService.show(template, config);\n _this.relatedDocumentObject = JSON.parse(data);\n _this.levels = _this.getLevels();\n _this.getLevels().forEach(function (element) {\n _this.relatedService.getCardListDetail(_this.componentId, element.DocumentType).subscribe(function (detailResult) {\n if (detailResult == \"1\") {\n _this.refreshRelatedCard();\n }\n });\n });\n });\n });\n };\n RelatedComponent.prototype.refreshRelatedCard = function () {\n var _this = this;\n this.relatedService.getRelationCard(this.componentId).subscribe(function (data) {\n _this.relatedDocumentObject = JSON.parse(data);\n });\n };\n RelatedComponent.prototype.onDecline = function () {\n this.modalRef.hide();\n document.body.classList.remove('modal-open');\n };\n RelatedComponent.prototype.getLevels = function () {\n return this.relatedDocumentObject.LevelMapping.filter(function (x) { return x.DisplaySummaryType != \"\"; }).sort(function (a, b) {\n if (a.Sequence > b.Sequence) {\n return 1;\n }\n else if (a.Sequence < b.Sequence) {\n return -1;\n }\n else {\n return 0;\n }\n });\n };\n RelatedComponent.prototype.getLevelDocument = function (docType) {\n if (this.relatedDocumentObject.Levels[docType].length > 0) {\n return this.relatedDocumentObject.Levels[docType];\n }\n };\n RelatedComponent.prototype.highlightDirectRelated = function (docType, docId) {\n var _this = this;\n this.clearAllHighlights();\n this.relatedService.selectHighlightCard(this.componentId, docType, docId).subscribe(function (result) {\n var highlightDoc = JSON.parse(result);\n _this.getLevels().forEach(function (element) {\n highlightDoc[element.DocumentType].forEach(function (item) {\n _this.selectedDoc = docId;\n _this.relatedDocumentObject.Levels[element.DocumentType].find(function (doc) { return doc.DocumentId == item; }).Highlight = true;\n });\n });\n });\n };\n RelatedComponent.prototype.showRelatedDocument = function (docType, docId) {\n var _this = this;\n this.relatedService.selectCard(this.componentId, docType, docId).subscribe(function (result) {\n // this.modalRef.hide();\n // this.router.navigate([\"detail\", result]);\n if (result) {\n _this.openDetailPopup(result, \"\");\n }\n });\n };\n RelatedComponent.prototype.openDetailPopup = function (event, title) {\n var _this = this;\n var config = {\n keyboard: false,\n ignoreBackdropClick: true,\n class: 'modal-dialog-centered modal-detail',\n initialState: {\n componentId: event,\n title: title\n }\n };\n if (this.modalService.getModalsCount() > 0) {\n document.querySelectorAll('.modal.fade').item(this.modalService.getModalsCount() - 1).classList.remove('show');\n }\n this.modalService.onHide.subscribe(function (reason) {\n if (_this.modalService.getModalsCount() > 0) {\n document.querySelectorAll('.modal.fade').item(_this.modalService.getModalsCount() - 1).classList.add('show');\n }\n });\n this.modalService.show(DetailPopupComponent, config);\n };\n RelatedComponent.prototype.clearAllHighlights = function () {\n var _this = this;\n this.getLevels().forEach(function (element) {\n _this.relatedDocumentObject.Levels[element.DocumentType].forEach(function (subElement) {\n subElement.Highlight = false;\n });\n });\n };\n RelatedComponent.prototype.ngOnInit = function () { };\n RelatedComponent.prototype.buildDocumentList = function (dirtyList) {\n // dirtyList = \"(Bank:Compare)|(Doc:Additional Info)|LO:Accept Offer|\";\n var _this = this;\n this.documentList = [];\n var index = 0;\n dirtyList.split('|').forEach(function (document) {\n if (document.replace('(', '').replace(')', '') == \"\") {\n _this.documentList[index - 1].IsFullSelected = true;\n }\n else {\n var doc = new Document();\n doc.ImageName = document.split(':')[0].replace('(', '').replace(')', '');\n doc.Title = document.split(':')[1] ? document.split(':')[1].replace('(', '').replace(')', '') : \"\";\n doc.IsSelected = document.indexOf('(') > -1;\n if (doc.IsSelected && _this.documentList[index - 1]) {\n _this.documentList[index - 1].IsFullSelected = true;\n }\n _this.documentList.push(doc);\n }\n index++;\n });\n // console.log(this.documentList);\n };\n return RelatedComponent;\n}());\nexport { RelatedComponent };\nvar Document = /** @class */ (function () {\n function Document() {\n }\n return Document;\n}());\nexport { Document };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".grid-content {\\r\\n \\r\\n height: 100%;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.card-face {\\r\\n position: relative;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n transition: -webkit-transform 1s;\\r\\n transition: transform 1s;\\r\\n transition: transform 1s, -webkit-transform 1s;\\r\\n -webkit-transform-style: flat;\\r\\n transform-style: flat;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.card-face.is-flipped {\\r\\n -webkit-transform: rotateY(180deg);\\r\\n transform: rotateY(180deg);\\r\\n -webkit-transform-style: preserve-3d;\\r\\n transform-style: preserve-3d;\\r\\n}\\r\\n\\r\\n.popover-metadata {\\r\\n box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);\\r\\n width: 1000px;\\r\\n background-color: #fff;\\r\\n padding: 10px;\\r\\n}\\r\\n\\r\\n.grid-content,\\r\\n.flipper-back {\\r\\n \\r\\n width: 100%;\\r\\n height: 100%;\\r\\n -webkit-backface-visibility: hidden;\\r\\n backface-visibility: hidden;\\r\\n cursor: default;\\r\\n}\\r\\n\\r\\n.flipper-back {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n -webkit-transform: rotateY(180deg);\\r\\n transform: rotateY(180deg);\\r\\n}\\r\\n\\r\\n.flipper-back-content {\\r\\n height: 100%;\\r\\n padding: 35px 35px 15px;\\r\\n overflow-y: auto;\\r\\n}\\r\\n\\r\\n.flipper-back-content.hasBackground {\\r\\n background-color: rgb(255, 255, 255);\\r\\n border-radius: 5px;\\r\\n border: 1px solid #ddd;\\r\\n box-shadow: 0 4px 8px 0 rgba(204,204,204, 0.4);\\r\\n}\\r\\n\\r\\n.flipper-box {\\r\\n font-size: 13px;\\r\\n position: absolute;\\r\\n right: 50px;\\r\\n top: 10px;\\r\\n cursor: pointer;\\r\\n color:var(--primary) !important;\\r\\n}\\r\\n\\r\\n.flipper-box:hover {\\r\\n color:#333 !important;\\r\\n}\\r\\n\\r\\n.flipper-icon:after {\\r\\n font-size: 10px;\\r\\n content: \\\"\\\\f054\\\";\\r\\n font-family: FontAwesome;\\r\\n transition: 0.3s ease-in-out;\\r\\n position: absolute;\\r\\n top: 2px;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.flip-label {\\r\\n padding-right: 5px;\\r\\n position: relative;\\r\\n top: -1px;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.sub-footer,\\r\\n.sub-footer-value {\\r\\n float:right;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.docDetailPanel {\\r\\n margin-top: 0px;\\r\\n height: 100%;\\r\\n min-height: 15vh;\\r\\n background-color: transparent;\\r\\n width: 0%;\\r\\n opacity: 0;\\r\\n overflow-y: hidden;\\r\\n overflow-x: hidden;\\r\\n max-height: 94vh;\\r\\n position: relative;\\r\\n \\r\\n}\\r\\n\\r\\n.docDetailPanel.free-layout {\\r\\n max-height: none;\\r\\n}\\r\\n\\r\\n.docDetailPanel.open.full {\\r\\n width: 100%;\\r\\n padding: 5px 0 30px 20px;\\r\\n}\\r\\n\\r\\n.docDetailPanel.open {\\r\\n transition: opacity 1s ease-in-out;\\r\\n -webkit-transition: opacity 1s ease-in-out;\\r\\n -moz-transition: opacity 1s ease-in-out;\\r\\n -o-transition: opacity 1s ease-in-out;\\r\\n opacity: 1;\\r\\n \\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.docDetailPanel.full-open {\\r\\n transition: opacity 1s ease-in-out;\\r\\n -webkit-transition: opacity 1s ease-in-out;\\r\\n -moz-transition: opacity 1s ease-in-out;\\r\\n -o-transition: opacity 1s ease-in-out;\\r\\n opacity: 1;\\r\\n overflow-y: scroll;\\r\\n max-height: 87vh;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.docSummaryPanel {\\r\\n \\r\\n height: 100%;\\r\\n display: block;\\r\\n background-color: #FFFFFF;\\r\\n width: 100%;\\r\\n float: left;\\r\\n transition: width 0.5s linear;\\r\\n \\r\\n max-height: 88vh;\\r\\n border-right: 1px solid #ddd;\\r\\n border-left: 1px solid #ddd;\\r\\n}\\r\\n\\r\\n.docSummaryPanel.hide {\\r\\n border-right: 1px solid #f8f8f8;\\r\\n border-left: none;\\r\\n}\\r\\n\\r\\n.docSummaryPanel.open {\\r\\n width: 25%;\\r\\n transition: width 0.8s ease-in-out;\\r\\n \\r\\n}\\r\\n\\r\\n.docSummaryPanel.no-scrollbar {\\r\\n margin-top: 5px;\\r\\n padding: 5px;\\r\\n height: 80%;\\r\\n background-color: #FFFFFF;\\r\\n width: 100%;\\r\\n float: left;\\r\\n overflow: hidden;\\r\\n transition: width 0.5s linear;\\r\\n max-height: 100%;\\r\\n}\\r\\n\\r\\n.text {\\r\\n opacity: 1;\\r\\n transition: all 0.5s ease-in-out;\\r\\n}\\r\\n\\r\\n.text.hide {\\r\\n opacity: 0;\\r\\n}\\r\\n\\r\\n.toggle-panel-container {\\r\\n cursor: pointer;\\r\\n position: absolute;\\r\\n top: 20px;\\r\\n right: 10px;\\r\\n z-index: 9;\\r\\n}\\r\\n\\r\\n.toggle-panel-container.first {\\r\\n position: absolute;\\r\\n width: 20px;\\r\\n padding: 0;\\r\\n right: 0px;\\r\\n}\\r\\n\\r\\n.toggle-panel-container.first.hide {\\r\\n position: relative;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.toggle-panel-container.hide {\\r\\n padding: 0;\\r\\n border-right: 1px solid #f8f8f8;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n right: 0;\\r\\n}\\r\\n\\r\\n.toggle-panel-container:hover {\\r\\n background-color: var(--secondary);\\r\\n}\\r\\n\\r\\n.toggle-panel-container fa {\\r\\n color: var(--icon);\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n display: inline-block;\\r\\n margin-right: 2px;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.toggle-panel-container.hide fa {\\r\\n margin-right: 0;\\r\\n}\\r\\n\\r\\n.utter-icon {\\r\\n position: absolute;\\r\\n right: 10px;\\r\\n top: 10px;\\r\\n cursor: pointer;\\r\\n padding: 0px 5px;\\r\\n font-size: 13px;\\r\\n color: var(--icon);\\r\\n}\\r\\n\\r\\n.utter-icon:hover {\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n.joblist-main-container, .pending-item-main-container {\\r\\n \\r\\n position: relative;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.summary-container {\\r\\n position: relative;\\r\\n margin-bottom: 10px;\\r\\n height: calc(100% - 1.5rem);\\r\\n}\\r\\n\\r\\n.content-box {\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.metadata-header {\\r\\n width: 100%;\\r\\n border-bottom: 1px solid var(--primary);\\r\\n line-height: 0.1em;\\r\\n margin: 0px 0px 20px;\\r\\n}\\r\\n\\r\\n.metadata-header span {\\r\\n padding: 5px 10px 5px 0px;\\r\\n color: var(--primary);\\r\\n font-size: 1rem;\\r\\n text-transform: uppercase;\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.metadata-title {\\r\\n font-size: 0.875em;\\r\\n font-weight: 600;\\r\\n text-align: justify;\\r\\n}\\r\\n\\r\\n.metadata-content {\\r\\n font-size: 0.875em;\\r\\n text-align: justify;\\r\\n}\\r\\n\\r\\n.metadata-content img {\\r\\n max-width: 100%;\\r\\n}\\r\\n\\r\\n.metadata-parent {\\r\\n margin-bottom: 5px;\\r\\n padding-bottom: 6px;\\r\\n}\\r\\n\\r\\n@media (max-width: 768px){\\r\\n .docDetailPanel {\\r\\n max-height: 95vh;\\r\\n }\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./reportcard.component.css.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../../../node_modules/angular-font-awesome/dist/angular-font-awesome.ngfactory\";\nimport * as i3 from \"angular-font-awesome\";\nimport * as i4 from \"@angular/common\";\nimport * as i5 from \"ngx-contextmenu\";\nimport * as i6 from \"../../../node_modules/ngx-contextmenu/ngx-contextmenu.ngfactory\";\nimport * as i7 from \"@material-extended/mde\";\nimport * as i8 from \"@angular/cdk/overlay\";\nimport * as i9 from \"@angular/cdk/bidi\";\nimport * as i10 from \"../web-content/web-content.component.ngfactory\";\nimport * as i11 from \"../web-content/web-content.component\";\nimport * as i12 from \"../services/workspace.service\";\nimport * as i13 from \"../services/theme-setting.service\";\nimport * as i14 from \"../summary/summary.component.ngfactory\";\nimport * as i15 from \"../summary/summary.component\";\nimport * as i16 from \"@angular/router\";\nimport * as i17 from \"../objects/Globals\";\nimport * as i18 from \"../services/summary.service\";\nimport * as i19 from \"../services/confirmation.service\";\nimport * as i20 from \"../services/toaster-message.service\";\nimport * as i21 from \"../sub-summary/sub-summary.component.ngfactory\";\nimport * as i22 from \"../sub-summary/sub-summary.component\";\nimport * as i23 from \"../Globals\";\nimport * as i24 from \"angular2-toaster/src/toaster.service\";\nimport * as i25 from \"../services/attachment.service\";\nimport * as i26 from \"@angular/platform-browser\";\nimport * as i27 from \"ngx-bootstrap/modal\";\nimport * as i28 from \"../services/loading-summary.service\";\nimport * as i29 from \"../services/workflow-return.service\";\nimport * as i30 from \"../services/header.service\";\nimport * as i31 from \"../env.service\";\nimport * as i32 from \"../services/side-popup.service\";\nimport * as i33 from \"../detail/detail.component.ngfactory\";\nimport * as i34 from \"../detail/detail.component\";\nimport * as i35 from \"../services/detail.service\";\nimport * as i36 from \"../services/message-popup.service\";\nimport * as i37 from \"../services/session-timer.service\";\nimport * as i38 from \"../services/floating-panel.service\";\nimport * as i39 from \"../progress-stepper/progress-stepper.component.ngfactory\";\nimport * as i40 from \"../progress-stepper/progress-stepper.component\";\nimport * as i41 from \"../searchbar/searchbar.component.ngfactory\";\nimport * as i42 from \"../searchbar/searchbar.component\";\nimport * as i43 from \"../services/conversation.service\";\nimport * as i44 from \"../services/speech-recognition.service\";\nimport * as i45 from \"../inputbar/inputbar.component.ngfactory\";\nimport * as i46 from \"../inputbar/inputbar.component\";\nimport * as i47 from \"../services/input.service\";\nimport * as i48 from \"../quick-links-panel/quick-links-panel.component.ngfactory\";\nimport * as i49 from \"../quick-links-panel/quick-links-panel.component\";\nimport * as i50 from \"../services/job.service\";\nimport * as i51 from \"../services/main-loading.service\";\nimport * as i52 from \"../joblist/joblist.component.ngfactory\";\nimport * as i53 from \"../joblist/joblist.component\";\nimport * as i54 from \"../view/view.component.ngfactory\";\nimport * as i55 from \"../view/view.component\";\nimport * as i56 from \"../services/view.service\";\nimport * as i57 from \"../objects/ViewObject\";\nimport * as i58 from \"../services/menu.service\";\nimport * as i59 from \"../welcome/welcome.component.ngfactory\";\nimport * as i60 from \"../welcome/welcome.component\";\nimport * as i61 from \"../khamis/khamis.component.ngfactory\";\nimport * as i62 from \"../khamis/khamis.component\";\nimport * as i63 from \"../khamis-dialog/khamis-dialog.component.ngfactory\";\nimport * as i64 from \"../khamis-dialog/khamis-dialog.component\";\nimport * as i65 from \"../pendingitem/pendingitem.component.ngfactory\";\nimport * as i66 from \"../pendingitem/pendingitem.component\";\nimport * as i67 from \"../logo/logo.component.ngfactory\";\nimport * as i68 from \"../logo/logo.component\";\nimport * as i69 from \"../services/login.service\";\nimport * as i70 from \"@ngx-progressbar/core\";\nimport * as i71 from \"../primary-menu/primary-menu.component.ngfactory\";\nimport * as i72 from \"../primary-menu/primary-menu.component\";\nimport * as i73 from \"../label/label.component.ngfactory\";\nimport * as i74 from \"../label/label.component\";\nimport * as i75 from \"../input-combo/input-combo.component.ngfactory\";\nimport * as i76 from \"../input-combo/input-combo.component\";\nimport * as i77 from \"../services/input-combo.service\";\nimport * as i78 from \"../document-outline/document-outline.component.ngfactory\";\nimport * as i79 from \"../document-outline/document-outline.component\";\nimport * as i80 from \"../chart/chart.component.ngfactory\";\nimport * as i81 from \"../chart/chart.component\";\nimport * as i82 from \"../services/chart.service\";\nimport * as i83 from \"../key-indicator/key-indicator.component.ngfactory\";\nimport * as i84 from \"../key-indicator/key-indicator.component\";\nimport * as i85 from \"../broadcast/broadcast.component.ngfactory\";\nimport * as i86 from \"../broadcast/broadcast.component\";\nimport * as i87 from \"../custom-pipe\";\nimport * as i88 from \"../safe-html.pipe\";\nimport * as i89 from \"../../../node_modules/@material-extended/mde/material-extended-mde.ngfactory\";\nimport * as i90 from \"./reportcard.component\";\nvar styles_ReportcardComponent = [i0.styles];\nvar RenderType_ReportcardComponent = i1.ɵcrt({ encapsulation: 2, styles: styles_ReportcardComponent, data: {} });\nexport { RenderType_ReportcardComponent as RenderType_ReportcardComponent };\nfunction View_ReportcardComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"fa\", [[\"class\", \"angle-double-left\"], [\"name\", \"angle-double-left\"], [\"title\", \"Hide\"]], null, null, null, i2.View_AngularFontAwesomeComponent_0, i2.RenderType_AngularFontAwesomeComponent)), i1.ɵdid(1, 114688, null, 0, i3.AngularFontAwesomeComponent, [], { name: [0, \"name\"], title: [1, \"title\"] }, null)], function (_ck, _v) { var currVal_0 = \"angle-double-left\"; var currVal_1 = \"Hide\"; _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }\nfunction View_ReportcardComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"fa\", [[\"class\", \"angle-double-right\"], [\"name\", \"angle-double-right\"], [\"title\", \"Show\"]], null, null, null, i2.View_AngularFontAwesomeComponent_0, i2.RenderType_AngularFontAwesomeComponent)), i1.ɵdid(1, 114688, null, 0, i3.AngularFontAwesomeComponent, [], { name: [0, \"name\"], title: [1, \"title\"] }, null)], function (_ck, _v) { var currVal_0 = \"angle-double-right\"; var currVal_1 = \"Show\"; _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }\nfunction View_ReportcardComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"toggle-panel-container\"]], [[2, \"first\", null], [2, \"white\", null], [2, \"hide\", null]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.togglePanel() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_3)), i1.ɵdid(2, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_4)), i1.ɵdid(4, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_3 = !_co.reportObject.IsCollapsed; _ck(_v, 2, 0, currVal_3); var currVal_4 = _co.reportObject.IsCollapsed; _ck(_v, 4, 0, currVal_4); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.reportObject.TemplateType == \"QuickLinks\"); var currVal_1 = (_co.reportObject.TemplateType == \"DocumentSummary\"); var currVal_2 = _co.reportObject.IsCollapsed; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2); }); }\nfunction View_ReportcardComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"p\", [], [[8, \"className\", 0], [2, \"hide\", null]], null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵinlineInterpolate(1, \"\", _co.reportObject.HeaderTitleType.toUpperCase(), \" text\"); var currVal_1 = _co.reportObject.IsCollapsed; _ck(_v, 0, 0, currVal_0, currVal_1); var currVal_2 = _co.reportObject.HeaderTitle; _ck(_v, 1, 0, currVal_2); }); }\nfunction View_ReportcardComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"p\", [], [[8, \"className\", 0], [2, \"hide\", null]], null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵinlineInterpolate(1, \"\", _co.reportObject.HeaderValueType.toUpperCase(), \" text\"); var currVal_1 = _co.reportObject.IsCollapsed; _ck(_v, 0, 0, currVal_0, currVal_1); var currVal_2 = _co.reportObject.HeaderValue; _ck(_v, 1, 0, currVal_2); }); }\nfunction View_ReportcardComponent_7(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [[\"class\", \"utter-icon\"], [\"title\", \"View options\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.onContextMenu($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"i\", [[\"class\", \"fa fa-ellipsis-v\"]], null, null, null, null, null))], null, null); }\nfunction View_ReportcardComponent_9(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵted(-1, null, [\" Add Tag \"]))], null, null); }\nfunction View_ReportcardComponent_10(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵted(-1, null, [\" Add Quick Phrase \"]))], null, null); }\nfunction View_ReportcardComponent_12(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵted(-1, null, [\" Get Related Reports \"]))], null, null); }\nfunction View_ReportcardComponent_11(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(0, null, null, 1, function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"execute\" === en)) {\n var pd_0 = (_co.getRelatedEpics(_co.reportGroup) !== false);\n ad = (pd_0 && ad);\n } return ad; }, View_ReportcardComponent_12)), i1.ɵdid(2, 16384, [[3, 4]], 0, i5.ɵb, [i1.TemplateRef, i1.ElementRef], null, { execute: \"execute\" })], null, null); }\nfunction View_ReportcardComponent_13(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵted(-1, null, [\" Add Metadata \"]))], null, null); }\nfunction View_ReportcardComponent_8(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 10, \"context-menu\", [], null, null, null, i6.View_ContextMenuComponent_0, i6.RenderType_ContextMenuComponent)), i1.ɵdid(1, 180224, [[1, 4]], 1, i5.ContextMenuComponent, [i5.ContextMenuService, i1.ChangeDetectorRef, i1.ElementRef, [2, i5.ɵc]], { useBootstrap4: [0, \"useBootstrap4\"] }, null), i1.ɵqud(603979776, 3, { menuItems: 1 }), (_l()(), i1.ɵand(0, null, null, 1, function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"execute\" === en)) {\n var pd_0 = (_co.pullPopupTag(_co.reportObject) !== false);\n ad = (pd_0 && ad);\n } return ad; }, View_ReportcardComponent_9)), i1.ɵdid(4, 16384, [[3, 4]], 0, i5.ɵb, [i1.TemplateRef, i1.ElementRef], null, { execute: \"execute\" }), (_l()(), i1.ɵand(0, null, null, 1, function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"execute\" === en)) {\n var pd_0 = (_co.pullPopupUtterance(_co.reportObject) !== false);\n ad = (pd_0 && ad);\n } return ad; }, View_ReportcardComponent_10)), i1.ɵdid(6, 16384, [[3, 4]], 0, i5.ɵb, [i1.TemplateRef, i1.ElementRef], null, { execute: \"execute\" }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_11)), i1.ɵdid(8, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 1, function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"execute\" === en)) {\n var pd_0 = (_co.addMetadata(_co.reportObject) !== false);\n ad = (pd_0 && ad);\n } return ad; }, View_ReportcardComponent_13)), i1.ɵdid(10, 16384, [[3, 4]], 0, i5.ɵb, [i1.TemplateRef, i1.ElementRef], null, { execute: \"execute\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = true; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.dialog; _ck(_v, 8, 0, currVal_1); }, null); }\nfunction View_ReportcardComponent_14(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 16777216, null, null, 6, \"a\", [[\"class\", \"flipper-box\"], [\"mdePopoverTriggerOn\", \"click\"], [\"title\", \"Further Insights\"]], [[1, \"aria-haspopup\", 0]], [[null, \"click\"], [null, \"mouseenter\"], [null, \"mouseleave\"], [null, \"mousedown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1).onClick($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"mouseenter\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1).onMouseEnter($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"mouseleave\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 1).onMouseLeave($event) !== false);\n ad = (pd_2 && ad);\n } if ((\"mousedown\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 1)._handleMousedown($event) !== false);\n ad = (pd_3 && ad);\n } if ((\"click\" === en)) {\n var pd_4 = (_co.popover(i1.ɵnov(_v, 1)) !== false);\n ad = (pd_4 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 4341760, [[2, 4], [\"popoverTrigger\", 4]], 0, i7.MdePopoverTrigger, [i8.Overlay, i1.ElementRef, i1.ViewContainerRef, [2, i9.Directionality], i1.ChangeDetectorRef], { popover: [0, \"popover\"], triggerEvent: [1, \"triggerEvent\"], backdropCloseOnClick: [2, \"backdropCloseOnClick\"] }, null), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"span\", [[\"class\", \"flip-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(3, null, [\"\", \"\"])), (_l()(), i1.ɵeld(4, 0, null, null, 2, \"a\", [], null, null, null, null, null)), i1.ɵdid(5, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(6, { \"flipper-icon\": 0, \"toggle\": 1 }), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_1 = i1.ɵnov(_v.parent.parent, 10); var currVal_2 = \"click\"; var currVal_3 = true; _ck(_v, 1, 0, currVal_1, currVal_2, currVal_3); var currVal_5 = _ck(_v, 6, 0, true, _co.isFlipped); _ck(_v, 5, 0, currVal_5); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵnov(_v, 1).ariaHaspopup; _ck(_v, 0, 0, currVal_0); var currVal_4 = (_co.isFlipped ? \"Back\" : \"Further Insights\"); _ck(_v, 3, 0, currVal_4); }); }\nfunction View_ReportcardComponent_17(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 3, \"iframe\", [[\"allowfullscreen\", \"true\"], [\"width\", \"100%\"]], [[8, \"src\", 5]], null, null, null, null)), i1.ɵdid(2, 278528, null, 0, i4.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(3, { \"border\": 0, \"height\": 1 }), i1.ɵppd(4, 1)], function (_ck, _v) { var _co = _v.component; var currVal_1 = _ck(_v, 3, 0, \"none\", ((\"calc(100% - \" + _co.reportObject.FilledSpace) + \"rem)\")); _ck(_v, 2, 0, currVal_1); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵunv(_v, 1, 0, _ck(_v, 4, 0, i1.ɵnov(_v.parent.parent.parent.parent, 0), _co.reportObject.Content)); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_ReportcardComponent_18(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-web-content\", [], null, null, null, i10.View_WebContentComponent_0, i10.RenderType_WebContentComponent)), i1.ɵdid(2, 114688, null, 0, i11.WebContentComponent, [i12.WorkspaceService, i13.ThemeSettingService], { setComponentId: [0, \"setComponentId\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.variables[_co.webContentComponentId]; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_ReportcardComponent_16(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_17)), i1.ɵdid(2, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_18)), i1.ɵdid(4, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = !_co.webContentComponentId; _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.webContentComponentId; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_ReportcardComponent_19(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 8, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 7, \"div\", [], [[2, \"hide\", null]], null, null, null, null)), i1.ɵdid(2, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"docSummaryPanel custom-scrollbar\": 0 }), i1.ɵdid(4, 278528, null, 0, i4.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(5, { \"height\": 0 }), (_l()(), i1.ɵeld(6, 0, null, null, 1, \"app-summary\", [], null, [[null, \"keywordChanged\"], [null, \"selectedId\"], [null, \"setSummaryName\"], [\"window\", \"resize\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"window:resize\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 7).onResize($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"keywordChanged\" === en)) {\n var pd_1 = (_co.SetVariableValue(_co.searchKeywordChanged, $event) !== false);\n ad = (pd_1 && ad);\n } if ((\"selectedId\" === en)) {\n var pd_2 = (_co.SetVariableValue(_co.summarySelectedId, $event) !== false);\n ad = (pd_2 && ad);\n } if ((\"setSummaryName\" === en)) {\n var pd_3 = (_co.SetVariableValue(_co.summaryNameChange, $event) !== false);\n ad = (pd_3 && ad);\n } return ad; }, i14.View_SummaryComponent_0, i14.RenderType_SummaryComponent)), i1.ɵdid(7, 245760, null, 0, i15.SummaryComponent, [i16.ActivatedRoute, i17.Globals, i18.SummaryService, i16.Router, i12.WorkspaceService, i5.ContextMenuService, i19.ConfirmationService, i20.ToasterMessageService], { keyword: [0, \"keyword\"], customInput: [1, \"customInput\"], componentId: [2, \"componentId\"], hidePanel: [3, \"hidePanel\"], inputComboFilter: [4, \"inputComboFilter\"] }, { selectedId: \"selectedId\", setSummaryName: \"setSummaryName\", keywordChanged: \"keywordChanged\" }), (_l()(), i1.ɵeld(8, 0, null, null, 0, \"div\", [[\"class\", \"super-line\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_1 = _ck(_v, 3, 0, true); _ck(_v, 2, 0, currVal_1); var currVal_2 = _ck(_v, 5, 0, (((_co.reportObject.FilledSpace == 1) || (_co.reportObject.FilledSpace == 0)) ? \"100%\" : ((\"calc(100% - \" + _co.reportObject.FilledSpace) + \"rem)\"))); _ck(_v, 4, 0, currVal_2); var currVal_3 = _co.variables[_co.summarySearchKeyword]; var currVal_4 = _co.variables[_co.summaryInputChange]; var currVal_5 = _co.variables[_co.summaryComponentId]; var currVal_6 = _co.reportObject.IsCollapsed; var currVal_7 = _co.inputComboFilter; _ck(_v, 7, 0, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.reportObject.IsCollapsed; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_ReportcardComponent_20(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-sub-summary\", [], null, [[null, \"subSelectedId\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"subSelectedId\" === en)) {\n var pd_0 = (_co.SetVariableValue(_co.subSummarySelectedId, $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i21.View_SubSummaryComponent_0, i21.RenderType_SubSummaryComponent)), i1.ɵdid(2, 4964352, null, 0, i22.SubSummaryComponent, [i16.ActivatedRoute, i17.Globals, i18.SummaryService, i16.Router, i23.TokenManager, i24.ToasterService, i20.ToasterMessageService, i13.ThemeSettingService, i19.ConfirmationService, i12.WorkspaceService, i25.AttachmentService, i26.DomSanitizer, i27.BsModalService, i28.LoadingSummaryService, i5.ContextMenuService, i29.WorkflowReturnService, i30.HeaderService, i1.ElementRef, i1.Renderer2, i31.EnvService, i32.SidePopupService], { filledSpace: [0, \"filledSpace\"], componentIdSet: [1, \"componentIdSet\"] }, { subSelectedId: \"subSelectedId\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.reportObject.FilledSpace; var currVal_1 = _co.variables[_co.summaryComponentId]; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_ReportcardComponent_21(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 7, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 6, \"div\", [], null, null, null, null, null)), i1.ɵdid(2, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"docDetailPanel open custom-scrollbar\": 0, \"full\": 1, \"free-layout\": 2 }), i1.ɵdid(4, 278528, null, 0, i4.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(5, { \"height\": 0, \"border-radius\": 1 }), (_l()(), i1.ɵeld(6, 0, null, null, 1, \"app-detail\", [], null, [[null, \"subSelectedId\"], [null, \"propertyValueChanged\"], [null, \"emitProperty\"], [\"document\", \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 7).clickout($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"subSelectedId\" === en)) {\n var pd_1 = (_co.SetVariableValue(_co.subSummarySelectId, $event) !== false);\n ad = (pd_1 && ad);\n } if ((\"propertyValueChanged\" === en)) {\n var pd_2 = (_co.SetVariableValue(_co.propertyValueChanged, $event) !== false);\n ad = (pd_2 && ad);\n } if ((\"emitProperty\" === en)) {\n var pd_3 = (_co.SetVariableValue(_co.emitValueChanged, $event) !== false);\n ad = (pd_3 && ad);\n } return ad; }, i33.View_DetailComponent_0, i33.RenderType_DetailComponent)), i1.ɵdid(7, 4964352, null, 0, i34.DetailComponent, [i17.Globals, i35.DetailService, i25.AttachmentService, i19.ConfirmationService, i16.Router, i27.BsModalService, i26.DomSanitizer, i20.ToasterMessageService, i29.WorkflowReturnService, i13.ThemeSettingService, i12.WorkspaceService, i5.ContextMenuService, i30.HeaderService, i31.EnvService, i1.Renderer2, i36.MessagePopupService, i37.SessionTimerService, i1.ElementRef, i38.FloatingPanelService, i32.SidePopupService], { setComponentId: [0, \"setComponentId\"] }, { subSelectedId: \"subSelectedId\", propertyValueChanged: \"propertyValueChanged\", emitProperty: \"emitProperty\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 3, 0, true, _co.fullDetail, !_co.isFixHeight); _ck(_v, 2, 0, currVal_0); var currVal_1 = _ck(_v, 5, 0, ((_co.reportObject.FilledSpace > 1) ? ((\"calc(100% - \" + _co.reportObject.FilledSpace) + \"rem)\") : \"100%\"), (_co.reportObject.BorderRadiusValue ? _co.reportObject.BorderRadiusValue : \"0px\")); _ck(_v, 4, 0, currVal_1); var currVal_2 = _co.variables[_co.detailComponentId]; _ck(_v, 7, 0, currVal_2); }, null); }\nfunction View_ReportcardComponent_22(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-progress-stepper\", [], null, null, null, i39.View_ProgressStepperComponent_0, i39.RenderType_ProgressStepperComponent)), i1.ɵdid(2, 114688, null, 0, i40.ProgressStepperComponent, [], { setDocumentList: [0, \"setDocumentList\"], borderRadius: [1, \"borderRadius\"], progressChanged: [2, \"progressChanged\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.reportObject.Content; var currVal_1 = _co.reportObject.BorderRadiusValue; var currVal_2 = _co.variables[_co.progressChanged]; _ck(_v, 2, 0, currVal_0, currVal_1, currVal_2); }, null); }\nfunction View_ReportcardComponent_23(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-searchbar\", [], null, [[null, \"keywordChanged\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keywordChanged\" === en)) {\n var pd_0 = (_co.SetVariableValue(_co.searchKeywordChanged, $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i41.View_SearchbarComponent_0, i41.RenderType_SearchbarComponent)), i1.ɵdid(2, 8634368, null, 0, i42.SearchbarComponent, [i43.ConversationService, i16.Router, i44.SpeechRecognitionService, i1.ChangeDetectorRef, i28.LoadingSummaryService], { isCard: [0, \"isCard\"], enableSearch: [1, \"enableSearch\"], keyword: [2, \"keyword\"], setPlaceholder: [3, \"setPlaceholder\"] }, { keywordChanged: \"keywordChanged\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = \"True\"; var currVal_1 = true; var currVal_2 = (_co.variables[_co.searchKeyword] ? _co.variables[_co.searchKeyword] : \"\"); var currVal_3 = _co.variables[_co.searchPlaceholder]; _ck(_v, 2, 0, currVal_0, currVal_1, currVal_2, currVal_3); }, null); }\nfunction View_ReportcardComponent_24(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-inputbar\", [], null, [[null, \"idOutput\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"idOutput\" === en)) {\n var pd_0 = (_co.SetVariableValue(_co.inputValueChanged, $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i45.View_InputbarComponent_0, i45.RenderType_InputbarComponent)), i1.ɵdid(2, 114688, null, 0, i46.InputbarComponent, [i43.ConversationService, i16.Router, i44.SpeechRecognitionService, i47.InputService], { setComponentId: [0, \"setComponentId\"], isCard: [1, \"isCard\"] }, { idOutput: \"idOutput\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.variables[_co.inputComponentId]; var currVal_1 = \"True\"; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_ReportcardComponent_25(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-quick-links-panel\", [], null, null, null, i48.View_QuickLinksPanelComponent_0, i48.RenderType_QuickLinksPanelComponent)), i1.ɵdid(2, 114688, null, 0, i49.QuickLinksPanelComponent, [i17.Globals, i50.JobService, i51.MainLoadingService, i16.Router], { isEpic: [0, \"isEpic\"], hidePanel: [1, \"hidePanel\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = true; var currVal_1 = _co.reportObject.IsCollapsed; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_ReportcardComponent_26(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"joblist-main-container\"]], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i4.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(2, { \"height\": 0 }), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"app-joblist\", [], null, null, null, i52.View_JoblistComponent_0, i52.RenderType_JoblistComponent)), i1.ɵdid(4, 114688, null, 0, i53.JoblistComponent, [i50.JobService, i19.ConfirmationService, i43.ConversationService, i17.Globals, i16.Router, i13.ThemeSettingService, i12.WorkspaceService], { jobListType: [0, \"jobListType\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, ((\"calc(100% - \" + _co.reportObject.FilledSpace) + \"rem)\")); _ck(_v, 1, 0, currVal_0); var currVal_1 = \"dashboard\"; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_ReportcardComponent_27(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-view\", [], null, [[null, \"viewSelectedChanged\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"viewSelectedChanged\" === en)) {\n var pd_0 = (_co.SetVariableValue(_co.viewChangedId, $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i54.View_ViewComponent_0, i54.RenderType_ViewComponent)), i1.ɵdid(2, 245760, null, 0, i55.ViewComponent, [i56.ViewService, i17.Globals, i57.View, i58.MenuService, i12.WorkspaceService], { hidePanel: [0, \"hidePanel\"], notFixedWidth: [1, \"notFixedWidth\"], groupType: [2, \"groupType\"], setComponentId: [3, \"setComponentId\"] }, { viewSelectedChanged: \"viewSelectedChanged\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.reportObject.IsCollapsed; var currVal_1 = _co.trueVar; var currVal_2 = _co.groupTypeInView; var currVal_3 = _co.variables[_co.viewListId]; _ck(_v, 2, 0, currVal_0, currVal_1, currVal_2, currVal_3); }, null); }\nfunction View_ReportcardComponent_28(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-view\", [], null, [[null, \"menuSelectedChanged\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"menuSelectedChanged\" === en)) {\n var pd_0 = (_co.SetVariableValue(_co.menuComponentIdChanged, $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i54.View_ViewComponent_0, i54.RenderType_ViewComponent)), i1.ɵdid(2, 245760, null, 0, i55.ViewComponent, [i56.ViewService, i17.Globals, i57.View, i58.MenuService, i12.WorkspaceService], { notFixedWidth: [0, \"notFixedWidth\"], setMenuId: [1, \"setMenuId\"] }, { menuSelectedChanged: \"menuSelectedChanged\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.trueVar; var currVal_1 = _co.variables[_co.menuComponentId]; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_ReportcardComponent_29(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-welcome\", [], null, null, null, i59.View_WelcomeComponent_0, i59.RenderType_WelcomeComponent)), i1.ɵdid(2, 114688, null, 0, i60.WelcomeComponent, [i17.Globals], null, null)], function (_ck, _v) { _ck(_v, 2, 0); }, null); }\nfunction View_ReportcardComponent_30(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-khamis\", [], null, [[null, \"searchResultId\"], [null, \"searchChanged\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"searchResultId\" === en)) {\n var pd_0 = (_co.SetVariableValue(_co.khamisSearchResultId, $event) !== false);\n ad = (pd_0 && ad);\n } if ((\"searchChanged\" === en)) {\n var pd_1 = (_co.SetVariableValue(_co.khamisSearchChanged, $event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i61.View_KhamisComponent_0, i61.RenderType_KhamisComponent)), i1.ɵdid(2, 245760, null, 0, i62.KhamisComponent, [i12.WorkspaceService, i43.ConversationService, i16.Router], { searchType: [0, \"searchType\"] }, { searchChanged: \"searchChanged\", searchResultId: \"searchResultId\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.khamisSearchType; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_ReportcardComponent_31(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-khamis-dialog\", [], null, null, null, i63.View_KhamisDialogComponent_0, i63.RenderType_KhamisDialogComponent)), i1.ɵdid(2, 114688, null, 0, i64.KhamisDialogComponent, [i12.WorkspaceService], { pageContent: [0, \"pageContent\"], reportGroupWidth: [1, \"reportGroupWidth\"], searchResultId: [2, \"searchResultId\"], searchResultChanged: [3, \"searchResultChanged\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.pageContent; var currVal_1 = _co.reportGroupWidth; var currVal_2 = _co.variables[_co.searchResultId]; var currVal_3 = _co.variables[_co.searchResultChanged]; _ck(_v, 2, 0, currVal_0, currVal_1, currVal_2, currVal_3); }, null); }\nfunction View_ReportcardComponent_32(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"pending-item-main-container\"]], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i4.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(2, { \"height\": 0 }), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"app-pendingitem\", [], null, null, null, i65.View_PendingitemComponent_0, i65.RenderType_PendingitemComponent)), i1.ɵdid(4, 114688, null, 0, i66.PendingitemComponent, [i18.SummaryService, i17.Globals, i16.Router, i13.ThemeSettingService, i12.WorkspaceService], { filledSpace: [0, \"filledSpace\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, ((\"calc(100% - \" + _co.reportObject.FilledSpace) + \"rem)\")); _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.reportObject.FilledSpace; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_ReportcardComponent_33(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-logo\", [], null, null, null, i67.View_LogoComponent_0, i67.RenderType_LogoComponent)), i1.ɵdid(2, 245760, null, 0, i68.LogoComponent, [i23.TokenManager, i69.LoginService, i70.NgProgress, i17.Globals, i16.Router, i51.MainLoadingService, i29.WorkflowReturnService], null, null)], function (_ck, _v) { _ck(_v, 2, 0); }, null); }\nfunction View_ReportcardComponent_34(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-primary-menu\", [], null, [[\"document\", \"click\"], [\"window\", \"resize\"]], function (_v, en, $event) { var ad = true; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 2).clickout($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"window:resize\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 2).onResize($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i71.View_PrimaryMenuComponent_0, i71.RenderType_PrimaryMenuComponent)), i1.ɵdid(2, 245760, null, 0, i72.PrimaryMenuComponent, [i69.LoginService, i30.HeaderService, i16.Router, i23.TokenManager, i17.Globals, i12.WorkspaceService, i51.MainLoadingService, i70.NgProgress, i1.Renderer2, i1.ElementRef, i29.WorkflowReturnService], null, null)], function (_ck, _v) { _ck(_v, 2, 0); }, null); }\nfunction View_ReportcardComponent_35(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-label\", [], null, null, null, i73.View_LabelComponent_0, i73.RenderType_LabelComponent)), i1.ɵdid(2, 114688, null, 0, i74.LabelComponent, [], { content: [0, \"content\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.reportObject.Content; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_ReportcardComponent_36(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-input-combo\", [], null, [[null, \"selectedComboIdChanged\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"selectedComboIdChanged\" === en)) {\n var pd_0 = (_co.SetVariableValue(_co.filterComboChanged, $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i75.View_InputComboComponent_0, i75.RenderType_InputComboComponent)), i1.ɵdid(2, 114688, null, 0, i76.InputComboComponent, [i77.InputComboService, i17.Globals, i12.WorkspaceService], { setComboId: [0, \"setComboId\"] }, { selectedComboIdChanged: \"selectedComboIdChanged\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.variables[_co.filterComboId]; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_ReportcardComponent_37(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 7, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 6, \"div\", [[\"class\", \"treeview-container custom-scrollbar\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 5, \"div\", [[\"class\", \"treeview\"], [\"style\", \"width: 100%; padding-left: 0.7rem;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 4, \"div\", [], null, null, null, null, null)), i1.ɵdid(4, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(5, { \"tree-container\": 0, \"hide\": 1 }), (_l()(), i1.ɵeld(6, 0, null, null, 1, \"app-document-outline\", [], null, [[null, \"selectedItem\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"selectedItem\" === en)) {\n var pd_0 = (_co.SetVariableValue(_co.outlineSelectedId, $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i78.View_DocumentOutlineComponent_0, i78.RenderType_DocumentOutlineComponent)), i1.ɵdid(7, 245760, null, 0, i79.DocumentOutlineComponent, [i56.ViewService, i19.ConfirmationService, i43.ConversationService, i17.Globals, i35.DetailService, i5.ContextMenuService, i12.WorkspaceService, i13.ThemeSettingService], { setComponentId: [0, \"setComponentId\"] }, { selectedItem: \"selectedItem\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 5, 0, true, _co.hideOutline); _ck(_v, 4, 0, currVal_0); var currVal_1 = _co.variables[_co.outlineComponentId]; _ck(_v, 7, 0, currVal_1); }, null); }\nfunction View_ReportcardComponent_38(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 5, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 4, \"div\", [], null, null, null, null, null)), i1.ɵdid(2, 278528, null, 0, i4.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(3, { \"height\": 0 }), (_l()(), i1.ɵeld(4, 0, null, null, 1, \"app-chart\", [], null, null, null, i80.View_ChartComponent_0, i80.RenderType_ChartComponent)), i1.ɵdid(5, 114688, null, 0, i81.ChartComponent, [i1.ElementRef, i17.Globals, i82.ChartService, i13.ThemeSettingService, i27.BsModalService, i51.MainLoadingService, i12.WorkspaceService, i5.ContextMenuService, i18.SummaryService, i31.EnvService], { filledSpace: [0, \"filledSpace\"], setComponentId: [1, \"setComponentId\"], setChartLoading: [2, \"setChartLoading\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 3, 0, ((\"calc(100% - \" + _co.reportObject.FilledSpace) + \"rem)\")); _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.reportObject.FilledSpace; var currVal_2 = _co.variables[_co.chartComponentId]; var currVal_3 = _co.triggerChartLoading; _ck(_v, 5, 0, currVal_1, currVal_2, currVal_3); }, null); }\nfunction View_ReportcardComponent_39(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-key-indicator\", [], null, null, null, i83.View_KeyIndicatorComponent_0, i83.RenderType_KeyIndicatorComponent)), i1.ɵdid(2, 114688, null, 0, i84.KeyIndicatorComponent, [i12.WorkspaceService], { setComponentId: [0, \"setComponentId\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.variables[_co.keyIndicatorComponentId]; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_ReportcardComponent_40(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-broadcast\", [], null, null, null, i85.View_BroadcastComponent_0, i85.RenderType_BroadcastComponent)), i1.ɵdid(2, 114688, null, 0, i86.BroadcastComponent, [i12.WorkspaceService, i13.ThemeSettingService, i18.SummaryService], { detailId: [0, \"detailId\"], broadcastAction: [1, \"broadcastAction\"], docType: [2, \"docType\"], docId: [3, \"docId\"], type: [4, \"type\"], title: [5, \"title\"], color: [6, \"color\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.variables[_co.popupButtonId]; var currVal_1 = _co.broadcastAction; var currVal_2 = _co.broadcastDocType; var currVal_3 = _co.broadcastDocId; var currVal_4 = _co.broadcastType; var currVal_5 = _co.reportObject.HeaderTitle; var currVal_6 = _co.broadcastColor; _ck(_v, 2, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6); }, null); }\nfunction View_ReportcardComponent_15(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 48, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 47, null, null, null, null, null, null, null)), i1.ɵdid(2, 16384, null, 0, i4.NgSwitch, [], { ngSwitch: [0, \"ngSwitch\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_16)), i1.ɵdid(4, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_19)), i1.ɵdid(6, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_20)), i1.ɵdid(8, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_21)), i1.ɵdid(10, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_22)), i1.ɵdid(12, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_23)), i1.ɵdid(14, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_24)), i1.ɵdid(16, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_25)), i1.ɵdid(18, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_26)), i1.ɵdid(20, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_27)), i1.ɵdid(22, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_28)), i1.ɵdid(24, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_29)), i1.ɵdid(26, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_30)), i1.ɵdid(28, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_31)), i1.ɵdid(30, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_32)), i1.ɵdid(32, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_33)), i1.ɵdid(34, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_34)), i1.ɵdid(36, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_35)), i1.ɵdid(38, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_36)), i1.ɵdid(40, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_37)), i1.ɵdid(42, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_38)), i1.ɵdid(44, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_39)), i1.ɵdid(46, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_40)), i1.ɵdid(48, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.reportObject.TemplateType; _ck(_v, 2, 0, currVal_0); var currVal_1 = \"WebContent\"; _ck(_v, 4, 0, currVal_1); var currVal_2 = \"DocumentSummary\"; _ck(_v, 6, 0, currVal_2); var currVal_3 = \"DocumentSubSummary\"; _ck(_v, 8, 0, currVal_3); var currVal_4 = \"DocumentDetail\"; _ck(_v, 10, 0, currVal_4); var currVal_5 = \"VerticalProgress\"; _ck(_v, 12, 0, currVal_5); var currVal_6 = \"SearchBar\"; _ck(_v, 14, 0, currVal_6); var currVal_7 = \"InputBar\"; _ck(_v, 16, 0, currVal_7); var currVal_8 = \"QuickLinks\"; _ck(_v, 18, 0, currVal_8); var currVal_9 = \"JobList\"; _ck(_v, 20, 0, currVal_9); var currVal_10 = \"ViewList\"; _ck(_v, 22, 0, currVal_10); var currVal_11 = \"Menu\"; _ck(_v, 24, 0, currVal_11); var currVal_12 = \"Welcome\"; _ck(_v, 26, 0, currVal_12); var currVal_13 = \"KHAMISSearch\"; _ck(_v, 28, 0, currVal_13); var currVal_14 = \"SearchResult\"; _ck(_v, 30, 0, currVal_14); var currVal_15 = \"AttentionItems\"; _ck(_v, 32, 0, currVal_15); var currVal_16 = \"ImageLink\"; _ck(_v, 34, 0, currVal_16); var currVal_17 = \"PrimaryMenu\"; _ck(_v, 36, 0, currVal_17); var currVal_18 = \"Label\"; _ck(_v, 38, 0, currVal_18); var currVal_19 = \"InputCombo\"; _ck(_v, 40, 0, currVal_19); var currVal_20 = \"Outline\"; _ck(_v, 42, 0, currVal_20); var currVal_21 = \"Charts\"; _ck(_v, 44, 0, currVal_21); var currVal_22 = \"KeyIndicator\"; _ck(_v, 46, 0, currVal_22); var currVal_23 = \"PopupButton\"; _ck(_v, 48, 0, currVal_23); }, null); }\nfunction View_ReportcardComponent_41(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"p\", [], [[8, \"className\", 0]], null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵinlineInterpolate(1, \"\", _co.reportObject.SubFooterTitleType.toUpperCase(), \" text sub-footer\"); _ck(_v, 0, 0, currVal_0); var currVal_1 = _co.reportObject.SubFooterTitle; _ck(_v, 1, 0, currVal_1); }); }\nfunction View_ReportcardComponent_42(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"p\", [], [[8, \"className\", 0]], null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵinlineInterpolate(1, \"\", _co.reportObject.FooterTitleType.toUpperCase(), \" text\"); _ck(_v, 0, 0, currVal_0); var currVal_1 = _co.reportObject.FooterTitle; _ck(_v, 1, 0, currVal_1); }); }\nfunction View_ReportcardComponent_43(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"p\", [], [[8, \"className\", 0]], null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵinlineInterpolate(1, \"\", _co.reportObject.SubFooterValueType.toUpperCase(), \" text sub-footer-value\"); _ck(_v, 0, 0, currVal_0); var currVal_1 = _co.reportObject.SubFooterValue; _ck(_v, 1, 0, currVal_1); }); }\nfunction View_ReportcardComponent_44(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"p\", [], [[8, \"className\", 0]], null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵinlineInterpolate(1, \"\", _co.reportObject.FooterValueType.toUpperCase(), \" text\"); _ck(_v, 0, 0, currVal_0); var currVal_1 = _co.reportObject.FooterValue; _ck(_v, 1, 0, currVal_1); }); }\nfunction View_ReportcardComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 27, \"div\", [], [[8, \"id\", 0]], null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"grid-content\": 0, \"hasBackground\": 1 }), i1.ɵdid(3, 278528, null, 0, i4.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(4, { \"padding\": 0, \"background-color\": 1, \"border-radius\": 2, \"box-shadow\": 3 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_2)), i1.ɵdid(6, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_5)), i1.ɵdid(8, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_6)), i1.ɵdid(10, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_7)), i1.ɵdid(12, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_8)), i1.ɵdid(14, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_14)), i1.ɵdid(16, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_15)), i1.ɵdid(18, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(19, 0, null, null, 8, \"div\", [[\"style\", \"order:3\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_41)), i1.ɵdid(21, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_42)), i1.ɵdid(23, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_43)), i1.ɵdid(25, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_44)), i1.ɵdid(27, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_1 = _ck(_v, 2, 0, true, _co.reportObject.HasBackground); _ck(_v, 1, 0, currVal_1); var currVal_2 = _ck(_v, 4, 0, (_co.reportObject.PaddingValue ? _co.reportObject.PaddingValue : \"0px\"), (_co.reportObject.HasBackground ? _co.reportObject.BackgroundColor : \"transparent\"), (_co.reportObject.BorderRadiusValue ? _co.reportObject.BorderRadiusValue : \"0px\"), _co.reportObject.BoxShadowValue); _ck(_v, 3, 0, currVal_2); var currVal_3 = (((_co.reportObject.TemplateType == \"DocumentSummary\") || (_co.reportObject.TemplateType == \"ViewList\")) || (_co.reportObject.TemplateType == \"Outline\")); _ck(_v, 6, 0, currVal_3); var currVal_4 = (_co.reportObject.HeaderTitle && (_co.reportObject.TemplateType != \"PopupButton\")); _ck(_v, 8, 0, currVal_4); var currVal_5 = (_co.reportObject.HeaderValue && (_co.reportObject.TemplateType != \"PopupButton\")); _ck(_v, 10, 0, currVal_5); var currVal_6 = _co.reportObject.HasMenu; _ck(_v, 12, 0, currVal_6); var currVal_7 = _co.reportObject.HasMenu; _ck(_v, 14, 0, currVal_7); var currVal_8 = (_co.reportObject.HasMenu && (_co.reportObject.Metadata.length > 0)); _ck(_v, 16, 0, currVal_8); var currVal_9 = _co.reportObject.HasContent; _ck(_v, 18, 0, currVal_9); var currVal_10 = _co.reportObject.HasSubFooterTitle; _ck(_v, 21, 0, currVal_10); var currVal_11 = _co.reportObject.HasFooterTitle; _ck(_v, 23, 0, currVal_11); var currVal_12 = _co.reportObject.HasSubFooterValue; _ck(_v, 25, 0, currVal_12); var currVal_13 = _co.reportObject.HasFooterValue; _ck(_v, 27, 0, currVal_13); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = ((_co.groupName + \"_\") + _co.reportObject.TemplateType); _ck(_v, 0, 0, currVal_0); }); }\nfunction View_ReportcardComponent_46(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"metadata-parent\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 3, \"div\", [[\"class\", \"row\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 0, \"p\", [[\"class\", \"col-md-2 metadata-title\"]], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"p\", [[\"class\", \"col-md-10 metadata-content\"]], [[8, \"innerHTML\", 1]], null, null, null, null)), i1.ɵppd(4, 1)], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.MetadataName; _ck(_v, 2, 0, currVal_0); var currVal_1 = i1.ɵunv(_v, 3, 0, _ck(_v, 4, 0, i1.ɵnov(_v.parent.parent, 1), _v.context.$implicit.MetadataValue)); _ck(_v, 3, 0, currVal_1); }); }\nfunction View_ReportcardComponent_45(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 7, \"div\", [[\"class\", \"meta-sub-item\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 6, \"div\", [[\"style\", \"padding: 15px;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 2, \"p\", [[\"class\", \"metadata-header\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"])), (_l()(), i1.ɵeld(5, 0, null, null, 2, \"div\", [[\"class\", \"metadata-sub-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_46)), i1.ɵdid(7, 278528, null, 0, i4.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var currVal_1 = _v.context.$implicit.Metadata; _ck(_v, 7, 0, currVal_1); }, function (_ck, _v) { var currVal_0 = _v.context.$implicit.Type; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_ReportcardComponent_48(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 5, \"a\", [[\"class\", \"flipper-box\"], [\"title\", \"Show more\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = ((_co.isFlipped = !_co.isFlipped) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"flip-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \"\"])), (_l()(), i1.ɵeld(3, 0, null, null, 2, \"a\", [], null, null, null, null, null)), i1.ɵdid(4, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(5, { \"flipper-icon\": 0, \"toggle\": 1 })], function (_ck, _v) { var _co = _v.component; var currVal_1 = _ck(_v, 5, 0, true, _co.isFlipped); _ck(_v, 4, 0, currVal_1); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.isFlipped ? \"Back\" : \"Show More\"); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_ReportcardComponent_50(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"div\", [[\"class\", \"metadata-parent\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"div\", [[\"class\", \"row\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 0, \"p\", [[\"class\", \"col-md-4 metadata-title\"]], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 0, \"p\", [[\"class\", \"col-md-8 metadata-content\"]], [[8, \"innerHTML\", 1]], null, null, null, null))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.MetadataName; _ck(_v, 2, 0, currVal_0); var currVal_1 = _v.context.$implicit.MetadataValue; _ck(_v, 3, 0, currVal_1); }); }\nfunction View_ReportcardComponent_49(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 7, \"div\", [[\"class\", \"meta-sub-item\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 6, \"div\", [[\"style\", \"padding: 15px;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 2, \"p\", [[\"class\", \"metadata-header\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"])), (_l()(), i1.ɵeld(5, 0, null, null, 2, \"div\", [[\"class\", \"metadata-sub-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_50)), i1.ɵdid(7, 278528, null, 0, i4.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var currVal_1 = _v.context.$implicit.Metadata; _ck(_v, 7, 0, currVal_1); }, function (_ck, _v) { var currVal_0 = _v.context.$implicit.Type; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_ReportcardComponent_47(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 9, \"div\", [[\"class\", \"flipper-back\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 8, \"div\", [], null, null, null, null, null)), i1.ɵdid(2, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"flipper-back-content\": 0 }), i1.ɵdid(4, 278528, null, 0, i4.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(5, { \"padding\": 0, \"background-color\": 1, \"border-radius\": 2, \"box-shadow\": 3 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_48)), i1.ɵdid(7, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_49)), i1.ɵdid(9, 278528, null, 0, i4.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 3, 0, true); _ck(_v, 2, 0, currVal_0); var currVal_1 = _ck(_v, 5, 0, (_co.reportObject.PaddingValue ? _co.reportObject.PaddingValue : \"0px\"), (_co.reportObject.HasBackground ? _co.reportObject.BackgroundColor : \"transparent\"), (_co.reportObject.BorderRadiusValue ? _co.reportObject.BorderRadiusValue : \"0px\"), _co.reportObject.BoxShadowValue); _ck(_v, 4, 0, currVal_1); var currVal_2 = _co.reportObject.HasMenu; _ck(_v, 7, 0, currVal_2); var currVal_3 = _co.metadataObject; _ck(_v, 9, 0, currVal_3); }, null); }\nexport function View_ReportcardComponent_0(_l) { return i1.ɵvid(0, [i1.ɵpid(0, i87.SafePipe, [i26.DomSanitizer]), i1.ɵpid(0, i88.SafeHtmlPipe, [i26.DomSanitizer]), i1.ɵqud(671088640, 1, { basicMenu: 0 }), i1.ɵqud(671088640, 2, { mdePopover: 0 }), (_l()(), i1.ɵeld(4, 0, null, null, 11, \"div\", [], null, null, null, null, null)), i1.ɵdid(5, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(6, { \"card-face\": 0, \"is-flipped\": 1 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_1)), i1.ɵdid(8, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(9, 0, null, null, 4, \"mde-popover\", [[\"class\", \"secondary-popover\"]], [[1, \"role\", 0]], [[null, \"close\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"close\" === en)) {\n var pd_0 = (_co.popoverClose() !== false);\n ad = (pd_0 && ad);\n } return ad; }, i89.View_MdePopover_0, i89.RenderType_MdePopover)), i1.ɵdid(10, 180224, [[\"appPopover\", 4]], 0, i7.MdePopover, [i1.ElementRef, i1.NgZone], { overlapTrigger: [0, \"overlapTrigger\"], targetOffsetX: [1, \"targetOffsetX\"], closeOnClick: [2, \"closeOnClick\"], focusTrapEnabled: [3, \"focusTrapEnabled\"], panelClass: [4, \"panelClass\"] }, { close: \"close\" }), (_l()(), i1.ɵeld(11, 0, [[\"mdePopover\", 1]], 0, 2, \"div\", [[\"class\", \"mde-popover-container popover-metadata\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_45)), i1.ɵdid(13, 278528, null, 0, i4.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ReportcardComponent_47)), i1.ɵdid(15, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 6, 0, true, _co.isFlipped); _ck(_v, 5, 0, currVal_0); var currVal_1 = _co.reportObject; _ck(_v, 8, 0, currVal_1); var currVal_3 = false; var currVal_4 = ((_co.position == \"left\") ? 14 : (0 - 14)); var currVal_5 = false; var currVal_6 = true; var currVal_7 = \"secondary-popover\"; _ck(_v, 10, 0, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_8 = _co.metadataObject; _ck(_v, 13, 0, currVal_8); var currVal_9 = (_co.reportObject.Metadata.length > 0); _ck(_v, 15, 0, currVal_9); }, function (_ck, _v) { var currVal_2 = i1.ɵnov(_v, 10).role; _ck(_v, 9, 0, currVal_2); }); }\nexport function View_ReportcardComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-reportcard\", [], null, null, null, View_ReportcardComponent_0, RenderType_ReportcardComponent)), i1.ɵdid(1, 245760, null, 0, i90.ReportcardComponent, [i5.ContextMenuService, i12.WorkspaceService, i43.ConversationService, i19.ConfirmationService, i16.ActivatedRoute, i27.BsModalService, i16.Router, i13.ThemeSettingService, i28.LoadingSummaryService, i35.DetailService, i1.ElementRef, i1.Renderer2, i18.SummaryService, i29.WorkflowReturnService, i51.MainLoadingService, i31.EnvService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar ReportcardComponentNgFactory = i1.ɵccf(\"app-reportcard\", i90.ReportcardComponent, View_ReportcardComponent_Host_0, { pageContent: \"pageContent\", reportGroupWidth: \"reportGroupWidth\", groupName: \"groupName\", isFixHeight: \"isFixHeight\", dialog: \"dialog\", setReport: \"setReport\", updateVariable: \"updateVariable\" }, { variableChanged: \"variableChanged\", getRelatedEpic: \"getRelatedEpic\", hidePanel: \"hidePanel\" }, []);\nexport { ReportcardComponentNgFactory as ReportcardComponentNgFactory };\n","\n
\n
","import { Component, Input,HostListener,ViewChild ,ElementRef,Output,EventEmitter,OnInit,Renderer2,AfterViewInit} from '@angular/core';\nimport {Subject} from 'rxjs'\nimport {debounceTime} from 'rxjs/operators'\n\n@Component({\n selector: 'app-image-zoom',\n templateUrl: './image-zoom.component.html',\n styleUrls: [ './image-zoom.component.css' ]\n})\nexport class ImageZoomComponent {\n @Input('img') imagen: string;\n @Input() zoom=1;\n @Input() lenSize=60;\n @Input() imgWidth;\n @Input() imgHeight;\n @Input() divZoomed:ElementRef;\n \n posX:number=0;\n posY:number=0;\n cx:number=1;\n cy:number=1;\n yet:boolean=false;\n factorX:number;\n factorY:number;\n\n \n private mouseMovement = new Subject();\n\n @ViewChild('img') img;\n @ViewChild('len') lens;\n @HostListener('mousemove',['$event'])\n mouseMove(event:any)\n {\n // this.render.setStyle(this.divZoomed, 'display', 'block');\n this.render.setStyle(this.divZoomed, 'visibility', 'visible');\n const result=this.moveLens(event);\n\n this.render.setStyle(this.divZoomed,'background-position',result)\n }\n\n @HostListener('mouseleave',['$event'])\n mouseLeave(event:any)\n {\n // this.render.setStyle(this.divZoomed, 'display', 'none');\n this.render.setStyle(this.divZoomed, 'visibility', 'hidden');\n }\n\n constructor(private render:Renderer2){}\n\n onLoad()\n {\n this.render.setStyle(this.divZoomed, 'visibility', 'hidden');\n this.render.setStyle(this.divZoomed,'background-image',\"url('\" + this.imagen+ \"')\");\n this.render.setStyle(this.divZoomed,'background-size',(this.img.nativeElement.naturalWidth * this.zoom) + \"px \" + (this.img.nativeElement.naturalHeight * this.zoom) + \"px\")\n this.render.setStyle(this.divZoomed,'background-repeat', 'no-repeat')\n this.render.setStyle(this.divZoomed,'transition','background-position .2s ease-out');\n this.factorX=this.img.nativeElement.naturalWidth;\n this.factorY=this.img.nativeElement.naturalHeight;\n\n this.yet=true;\n setTimeout(()=>{\n this.factorX=this.imgWidth || this.img.nativeElement.offsetHeight?this.factorX/this.img.nativeElement.width:1\n this.factorY=this.imgWidth || this.img.nativeElement.offsetHeight?this.factorY/this.img.nativeElement.height:1\n const dim=(this.divZoomed as any).getBoundingClientRect()\n this.cx=(dim.width-this.img.nativeElement.width*this.zoom*this.factorX)/(this.img.nativeElement.width - this.lens.nativeElement.offsetWidth);\n this.cy=(dim.height-this.img.nativeElement.height*this.zoom*this.factorY)/(this.img.nativeElement.height -\n this.lens.nativeElement.offsetHeight);\n })\n\n }\n\n moveLens(e:any)\n {\n let pos\n let x\n let y;\n /*prevent any other actions that may occur when moving over the image:*/\n e.preventDefault();\n /*get the cursor's x and y positions:*/\n pos = this.getCursorPos(e);\n /*calculate the position of the lens:*/\n x = pos.x - (this.lens.nativeElement.offsetWidth / 2);\n y = pos.y - (this.lens.nativeElement.offsetHeight / 2);\n /*prevent the lens from being positioned outside the image:*/\n if (x > this.img.nativeElement.width - this.lens.nativeElement.offsetWidth) {x = this.img.nativeElement.width - this.lens.nativeElement.offsetWidth;}\n if (x < 0) {x = 0;}\n if (y > this.img.nativeElement.height - this.lens.nativeElement.offsetHeight) {y = this.img.nativeElement.height - this.lens.nativeElement.offsetHeight;}\n if (y < 0) {y = 0;}\n /*set the position of the lens:*/\n this.posX = x;\n this.posY = y;\n /*display what the lens \"sees\":*/\n\n let result = (x * this.cx) + \"px \"+(y * this.cy) + \"px\"\n\n return result;\n\n\n }\n getCursorPos(e) {\n let a, x = 0, y = 0;\n e = e || window.event;\n /*get the x and y positions of the image:*/\n a = this.img.nativeElement.getBoundingClientRect();\n /*calculate the cursor's x and y coordinates, relative to the image:*/\n x = e.pageX - a.left;\n y = e.pageY - a.top;\n /*consider any page scrolling:*/\n x = x - window.pageXOffset;\n y = y - window.pageYOffset;\n return {x : x, y : y};\n }\n}\n","import { ElementRef, Renderer2 } from '@angular/core';\nimport { Subject } from 'rxjs';\nvar ImageZoomComponent = /** @class */ (function () {\n function ImageZoomComponent(render) {\n this.render = render;\n this.zoom = 1;\n this.lenSize = 60;\n this.posX = 0;\n this.posY = 0;\n this.cx = 1;\n this.cy = 1;\n this.yet = false;\n this.mouseMovement = new Subject();\n }\n ImageZoomComponent.prototype.mouseMove = function (event) {\n // this.render.setStyle(this.divZoomed, 'display', 'block');\n this.render.setStyle(this.divZoomed, 'visibility', 'visible');\n var result = this.moveLens(event);\n this.render.setStyle(this.divZoomed, 'background-position', result);\n };\n ImageZoomComponent.prototype.mouseLeave = function (event) {\n // this.render.setStyle(this.divZoomed, 'display', 'none');\n this.render.setStyle(this.divZoomed, 'visibility', 'hidden');\n };\n ImageZoomComponent.prototype.onLoad = function () {\n var _this = this;\n this.render.setStyle(this.divZoomed, 'visibility', 'hidden');\n this.render.setStyle(this.divZoomed, 'background-image', \"url('\" + this.imagen + \"')\");\n this.render.setStyle(this.divZoomed, 'background-size', (this.img.nativeElement.naturalWidth * this.zoom) + \"px \" + (this.img.nativeElement.naturalHeight * this.zoom) + \"px\");\n this.render.setStyle(this.divZoomed, 'background-repeat', 'no-repeat');\n this.render.setStyle(this.divZoomed, 'transition', 'background-position .2s ease-out');\n this.factorX = this.img.nativeElement.naturalWidth;\n this.factorY = this.img.nativeElement.naturalHeight;\n this.yet = true;\n setTimeout(function () {\n _this.factorX = _this.imgWidth || _this.img.nativeElement.offsetHeight ? _this.factorX / _this.img.nativeElement.width : 1;\n _this.factorY = _this.imgWidth || _this.img.nativeElement.offsetHeight ? _this.factorY / _this.img.nativeElement.height : 1;\n var dim = _this.divZoomed.getBoundingClientRect();\n _this.cx = (dim.width - _this.img.nativeElement.width * _this.zoom * _this.factorX) / (_this.img.nativeElement.width - _this.lens.nativeElement.offsetWidth);\n _this.cy = (dim.height - _this.img.nativeElement.height * _this.zoom * _this.factorY) / (_this.img.nativeElement.height -\n _this.lens.nativeElement.offsetHeight);\n });\n };\n ImageZoomComponent.prototype.moveLens = function (e) {\n var pos;\n var x;\n var y;\n /*prevent any other actions that may occur when moving over the image:*/\n e.preventDefault();\n /*get the cursor's x and y positions:*/\n pos = this.getCursorPos(e);\n /*calculate the position of the lens:*/\n x = pos.x - (this.lens.nativeElement.offsetWidth / 2);\n y = pos.y - (this.lens.nativeElement.offsetHeight / 2);\n /*prevent the lens from being positioned outside the image:*/\n if (x > this.img.nativeElement.width - this.lens.nativeElement.offsetWidth) {\n x = this.img.nativeElement.width - this.lens.nativeElement.offsetWidth;\n }\n if (x < 0) {\n x = 0;\n }\n if (y > this.img.nativeElement.height - this.lens.nativeElement.offsetHeight) {\n y = this.img.nativeElement.height - this.lens.nativeElement.offsetHeight;\n }\n if (y < 0) {\n y = 0;\n }\n /*set the position of the lens:*/\n this.posX = x;\n this.posY = y;\n /*display what the lens \"sees\":*/\n var result = (x * this.cx) + \"px \" + (y * this.cy) + \"px\";\n return result;\n };\n ImageZoomComponent.prototype.getCursorPos = function (e) {\n var a, x = 0, y = 0;\n e = e || window.event;\n /*get the x and y positions of the image:*/\n a = this.img.nativeElement.getBoundingClientRect();\n /*calculate the cursor's x and y coordinates, relative to the image:*/\n x = e.pageX - a.left;\n y = e.pageY - a.top;\n /*consider any page scrolling:*/\n x = x - window.pageXOffset;\n y = y - window.pageYOffset;\n return { x: x, y: y };\n };\n return ImageZoomComponent;\n}());\nexport { ImageZoomComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".input-combo-container[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.input-combo-title[_ngcontent-%COMP%] {\\r\\n font-size: 14px;\\r\\n padding-right: 10px;\\r\\n padding-left: 10px;\\r\\n min-width: 160px;\\r\\n}\\r\\n\\r\\n.input-combo-sub-container[_ngcontent-%COMP%] {\\r\\n max-width: 240px;\\r\\n width: 100%;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./input-combo.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../../../node_modules/@ng-select/ng-select/ng-select.ngfactory\";\nimport * as i3 from \"@ng-select/ng-select\";\nimport * as i4 from \"@angular/common\";\nimport * as i5 from \"@angular/forms\";\nimport * as i6 from \"./input-combo.component\";\nimport * as i7 from \"../services/input-combo.service\";\nimport * as i8 from \"../objects/Globals\";\nimport * as i9 from \"../services/workspace.service\";\nvar styles_InputComboComponent = [i0.styles];\nvar RenderType_InputComboComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_InputComboComponent, data: {} });\nexport { RenderType_InputComboComponent as RenderType_InputComboComponent };\nexport function View_InputComboComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 24, \"div\", [[\"class\", \"input-combo-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"p\", [[\"class\", \"input-combo-title\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Showing catalogue for\"])), (_l()(), i1.ɵeld(3, 0, null, null, 21, \"div\", [[\"class\", \"input-combo-sub-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 20, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"placeholder\", \"Please select\"], [\"role\", \"listbox\"]], [[2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"open\"], [null, \"change\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 8).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"open\" === en)) {\n var pd_1 = (_co.getList() !== false);\n ad = (pd_1 && ad);\n } if ((\"change\" === en)) {\n var pd_2 = (_co.onValueChange($event) !== false);\n ad = (pd_2 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_3 = ((_co.selectedCombo = $event) !== false);\n ad = (pd_3 && ad);\n } return ad; }, i2.View_NgSelectComponent_0, i2.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i3.ɵd, i3.ɵd, []), i1.ɵdid(6, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(7, { \"input-combo\": 0 }), i1.ɵdid(8, 4964352, null, 12, i3.NgSelectComponent, [[8, null], [8, null], [8, null], i3.NgSelectConfig, i3.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i3.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], searchable: [3, \"searchable\"], clearable: [4, \"clearable\"], items: [5, \"items\"] }, { changeEvent: \"change\", openEvent: \"open\" }), i1.ɵqud(335544320, 1, { optionTemplate: 0 }), i1.ɵqud(335544320, 2, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 3, { labelTemplate: 0 }), i1.ɵqud(335544320, 4, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 5, { headerTemplate: 0 }), i1.ɵqud(335544320, 6, { footerTemplate: 0 }), i1.ɵqud(335544320, 7, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 8, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 9, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 10, { tagTemplate: 0 }), i1.ɵqud(335544320, 11, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 12, { ngOptions: 1 }), i1.ɵprd(1024, null, i5.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.NgSelectComponent]), i1.ɵdid(22, 671744, null, 0, i5.NgModel, [[8, null], [8, null], [8, null], [6, i5.NG_VALUE_ACCESSOR]], { model: [0, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i5.NgControl, null, [i5.NgModel]), i1.ɵdid(24, 16384, null, 0, i5.NgControlStatus, [[4, i5.NgControl]], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_16 = _ck(_v, 7, 0, true); _ck(_v, 6, 0, currVal_16); var currVal_17 = \"SelectionDisplay\"; var currVal_18 = \"SelectionValue\"; var currVal_19 = \"Please select\"; var currVal_20 = true; var currVal_21 = false; var currVal_22 = _co.comboList; _ck(_v, 8, 0, currVal_17, currVal_18, currVal_19, currVal_20, currVal_21, currVal_22); var currVal_23 = _co.selectedCombo; _ck(_v, 22, 0, currVal_23); }, function (_ck, _v) { var currVal_0 = !i1.ɵnov(_v, 8).multiple; var currVal_1 = i1.ɵnov(_v, 8).typeahead; var currVal_2 = i1.ɵnov(_v, 8).multiple; var currVal_3 = i1.ɵnov(_v, 8).addTag; var currVal_4 = i1.ɵnov(_v, 8).searchable; var currVal_5 = i1.ɵnov(_v, 8).clearable; var currVal_6 = i1.ɵnov(_v, 8).isOpen; var currVal_7 = i1.ɵnov(_v, 8).disabled; var currVal_8 = i1.ɵnov(_v, 8).filtered; var currVal_9 = i1.ɵnov(_v, 24).ngClassUntouched; var currVal_10 = i1.ɵnov(_v, 24).ngClassTouched; var currVal_11 = i1.ɵnov(_v, 24).ngClassPristine; var currVal_12 = i1.ɵnov(_v, 24).ngClassDirty; var currVal_13 = i1.ɵnov(_v, 24).ngClassValid; var currVal_14 = i1.ɵnov(_v, 24).ngClassInvalid; var currVal_15 = i1.ɵnov(_v, 24).ngClassPending; _ck(_v, 4, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15]); }); }\nexport function View_InputComboComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-input-combo\", [], null, null, null, View_InputComboComponent_0, RenderType_InputComboComponent)), i1.ɵdid(1, 114688, null, 0, i6.InputComboComponent, [i7.InputComboService, i8.Globals, i9.WorkspaceService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar InputComboComponentNgFactory = i1.ɵccf(\"app-input-combo\", i6.InputComboComponent, View_InputComboComponent_Host_0, { createNewCombo: \"createNewCombo\", inputComboFilter: \"inputComboFilter\", setComboId: \"setComboId\" }, { selectedComboIdChanged: \"selectedComboIdChanged\" }, []);\nexport { InputComboComponentNgFactory as InputComboComponentNgFactory };\n","\n
","import { Component, OnInit, Input, EventEmitter, Output, OnDestroy } from '@angular/core';\nimport { InputComboService } from '../services/input-combo.service';\nimport { Globals } from '../objects/Globals';\nimport { WorkspaceService } from '../services/workspace.service';\n\n@Component({\n selector: 'app-input-combo',\n templateUrl: './input-combo.component.html',\n styleUrls: ['./input-combo.component.css']\n})\n\nexport class InputComboComponent implements OnInit {\n comboList = [];\n selectedCombo: string;\n private comboId:string;\n private previousComboId:string;\n \n @Input() set createNewCombo(any: any){\n const type = \"UserDepartmentList\";\n this.inputComboService.createInputComboCard(type).subscribe(id => {\n if (id){\n this.comboId = id;\n this.inputComboService.getInputComboList(id).subscribe(result => {\n var inputCombo = JSON.parse(result);\n this.setDefaultValue(inputCombo); \n })\n }\n })\n }\n\n @Input() set inputComboFilter(filter:string){\n if (filter){\n const type = \"UserDepartmentList\";\n this.inputComboService.createInputComboCard(type).subscribe(id => {\n if (id){\n this.comboId = id;\n this.inputComboService.getInputComboList(id, filter).subscribe(result => {\n if (result){\n var inputCombo = JSON.parse(result);\n this.setDefaultValue(inputCombo); \n }\n })\n }\n })\n }\n }\n\n @Input() set setComboId(id: string){\n this.comboId = id;\n if(this.comboId){\n this.previousComboId = this.comboId;\n this.inputComboService.getInputComboList(this.comboId).subscribe(result => {\n if (result){\n var inputCombo = JSON.parse(result);\n this.setDefaultValue(inputCombo); \n }\n })\n }\n }\n @Output() selectedComboIdChanged = new EventEmitterShowing catalogue for
\n\n \n \n
\n![](\"../../assets/images/microfon.png\")
\n ![](\"../../assets/images/search.png\")
\n \n
\n 0; else noItems\">\n \n
\n \n
\n \n \n \n \n
\n \n \n \n
\n \n
\n \n\n -1; else template\">\n ![]()
\n \n \n ![]()
\n \n\n
\n {{job.JobName}}
\n \n\n
\n You have not added any quick links.
\n\n
\n\n \n \n
\n 0; else noItem\" class=\"key-indicator-container\">\n
\n \n
\n {{keyObject.DisplayLabel}}
\n\n {{keyObject.DisplayValue}}\n
\n \n
\n No key indicator configured
\n\n
","import { Component, OnInit, Input } from '@angular/core';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { ReportGroup, ReportObject, PageContent, ConversationResult } from '../objects/WorkObject';\nimport { DatePipe } from '@angular/common';\n\n@Component({\n selector: 'app-khamis-dialog',\n templateUrl: './khamis-dialog.component.html',\n styleUrls: ['./khamis-dialog.component.css']\n})\nexport class KhamisDialogComponent implements OnInit {\n private componentId:string;\n //private reportGroupList:ReportGroup[] = [];\n private conversationResultList:ConversationResult[] = [];\n gridRow: 30;\n messageId: string;\n\n @Input() pageContent: PageContent;\n @Input() reportGroupWidth: number;\n @Input() set searchResultId(searchResultId:string){\n if(searchResultId){\n this.componentId = searchResultId;\n }\n }\n\n @Input() set searchResultChanged(searchResultId:string){\n var id = \"00000000-0000-0000-0000-000000000000\";\n if (this.componentId) {\n id = this.componentId;\n }\n\n this.workspaceService.getSearchResult(id).subscribe(result=>{\n if (result){\n this.conversationResultList = JSON.parse(result);\n\n this.conversationResultList.forEach(function (conv) {\n conv.EPICGroups.forEach(function (group) {\n group.EPICs.forEach(function (epic) {\n if (epic.TemplateType == 'WebContent') {\n if (epic.Width > 32) {\n group.Width = this.reportGroupWidth;\n group.FullWidth = \"repeat (36, 1fr)\";\n group.FullHeight = \"repeat(\" + epic.Height + \", 45px)\";\n epic.Width = this.reportGroupWidth;\n }\n }\n });\n });\n });\n\n this.reverseSortConversation(this.conversationResultList);\n this.conversationResultList.forEach(element => {\n element.ConversationMessage.MessageDateTimeConverted = new DatePipe(\"en-US\").transform(element.ConversationMessage.MessageDateTime, \"dd/MM/yyyy hh:mm:ss a\");\n });\n // this.conversationResultList.forEach(element => {\n // element.EPICGroups.forEach(element => {\n // this.setStartRow(element.EPICs);\n // });\n // });\n }\n })\n }\n\n reverseSortConversation(conversationResultList:ConversationResult[]){\n this.conversationResultList = conversationResultList.sort((a:ConversationResult,b:ConversationResult) => {\n if(a.ConversationOrder < b.ConversationOrder){\n return 1;\n }else if(a.ConversationOrder > b.ConversationOrder){\n return -1;\n }else{\n return 0;\n }\n });\n }\n\n setStartRow(reportGroup:ReportObject[]){\n var startRow = 1;\n reportGroup.forEach(x => {\n x.StartRow = startRow;\n if (x.BreakAfter) startRow = startRow + x.Height;\n });\n }\n\n constructor(private workspaceService:WorkspaceService) {}\n\n ngOnInit() {\n }\n \n getRelatedEpics(conversationResult:ConversationResult, epicGroup:ReportGroup) {\n this.workspaceService.getRelatedEPICs(conversationResult.ConversationMessage.ConversationId, conversationResult.ConversationMessage.MessageId, epicGroup.GroupId, epicGroup.GroupOrder.toString()).subscribe(result=>{\n var converse:ConversationResult = JSON.parse(result);\n let itemIndex = this.conversationResultList.findIndex(item => item.ConversationMessage.ConversationId == converse.ConversationMessage.ConversationId);\n this.conversationResultList[itemIndex] = converse;\n this.conversationResultList[itemIndex].ConversationMessage.MessageDateTimeConverted = new DatePipe(\"en-US\").transform(this.conversationResultList[itemIndex].ConversationMessage.MessageDateTime, \"dd/MM/yyyy hh:mm:ss a\");\n document.querySelectorAll('.body-wrapper').item(0).scrollTop = 130;\n });\n }\n\n toggle(id:string){\n if (this.messageId == id){\n this.messageId = '';\n }\n else{\n this.messageId = id;\n }\n }\n}\n","import { OnInit } from '@angular/core';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { PageContent } from '../objects/WorkObject';\nimport { DatePipe } from '@angular/common';\nvar KhamisDialogComponent = /** @class */ (function () {\n function KhamisDialogComponent(workspaceService) {\n this.workspaceService = workspaceService;\n //private reportGroupList:ReportGroup[] = [];\n this.conversationResultList = [];\n }\n Object.defineProperty(KhamisDialogComponent.prototype, \"searchResultId\", {\n set: function (searchResultId) {\n if (searchResultId) {\n this.componentId = searchResultId;\n }\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(KhamisDialogComponent.prototype, \"searchResultChanged\", {\n set: function (searchResultId) {\n var _this = this;\n var id = \"00000000-0000-0000-0000-000000000000\";\n if (this.componentId) {\n id = this.componentId;\n }\n this.workspaceService.getSearchResult(id).subscribe(function (result) {\n if (result) {\n _this.conversationResultList = JSON.parse(result);\n _this.conversationResultList.forEach(function (conv) {\n conv.EPICGroups.forEach(function (group) {\n group.EPICs.forEach(function (epic) {\n if (epic.TemplateType == 'WebContent') {\n if (epic.Width > 32) {\n group.Width = this.reportGroupWidth;\n group.FullWidth = \"repeat (36, 1fr)\";\n group.FullHeight = \"repeat(\" + epic.Height + \", 45px)\";\n epic.Width = this.reportGroupWidth;\n }\n }\n });\n });\n });\n _this.reverseSortConversation(_this.conversationResultList);\n _this.conversationResultList.forEach(function (element) {\n element.ConversationMessage.MessageDateTimeConverted = new DatePipe(\"en-US\").transform(element.ConversationMessage.MessageDateTime, \"dd/MM/yyyy hh:mm:ss a\");\n });\n // this.conversationResultList.forEach(element => {\n // element.EPICGroups.forEach(element => {\n // this.setStartRow(element.EPICs);\n // });\n // });\n }\n });\n },\n enumerable: true,\n configurable: true\n });\n KhamisDialogComponent.prototype.reverseSortConversation = function (conversationResultList) {\n this.conversationResultList = conversationResultList.sort(function (a, b) {\n if (a.ConversationOrder < b.ConversationOrder) {\n return 1;\n }\n else if (a.ConversationOrder > b.ConversationOrder) {\n return -1;\n }\n else {\n return 0;\n }\n });\n };\n KhamisDialogComponent.prototype.setStartRow = function (reportGroup) {\n var startRow = 1;\n reportGroup.forEach(function (x) {\n x.StartRow = startRow;\n if (x.BreakAfter)\n startRow = startRow + x.Height;\n });\n };\n KhamisDialogComponent.prototype.ngOnInit = function () {\n };\n KhamisDialogComponent.prototype.getRelatedEpics = function (conversationResult, epicGroup) {\n var _this = this;\n this.workspaceService.getRelatedEPICs(conversationResult.ConversationMessage.ConversationId, conversationResult.ConversationMessage.MessageId, epicGroup.GroupId, epicGroup.GroupOrder.toString()).subscribe(function (result) {\n var converse = JSON.parse(result);\n var itemIndex = _this.conversationResultList.findIndex(function (item) { return item.ConversationMessage.ConversationId == converse.ConversationMessage.ConversationId; });\n _this.conversationResultList[itemIndex] = converse;\n _this.conversationResultList[itemIndex].ConversationMessage.MessageDateTimeConverted = new DatePipe(\"en-US\").transform(_this.conversationResultList[itemIndex].ConversationMessage.MessageDateTime, \"dd/MM/yyyy hh:mm:ss a\");\n document.querySelectorAll('.body-wrapper').item(0).scrollTop = 130;\n });\n };\n KhamisDialogComponent.prototype.toggle = function (id) {\n if (this.messageId == id) {\n this.messageId = '';\n }\n else {\n this.messageId = id;\n }\n };\n return KhamisDialogComponent;\n}());\nexport { KhamisDialogComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".search-addon[_ngcontent-%COMP%] {\\r\\n background-color: #fff;\\r\\n border-top-right-radius: 20px;\\r\\n border-bottom-right-radius: 20px;\\r\\n border: none;\\r\\n padding-right: 22px;\\r\\n position: absolute;\\r\\n right: 0;\\r\\n z-index: 4;\\r\\n}\\r\\n\\r\\n.banner-container[_ngcontent-%COMP%] {\\r\\n background-color: #fff;\\r\\n \\r\\n padding: 0.5em 0.5em 0.75em;\\r\\n height: 100%;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n text-align: center;\\r\\n \\r\\n}\\r\\n\\r\\n.banner[_ngcontent-%COMP%] {\\r\\n font-size:16px;\\r\\n font-weight:600;\\r\\n}\\r\\n\\r\\n.banner[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] {\\r\\n list-style: none;\\r\\n}\\r\\n\\r\\n.mb-search-container[_ngcontent-%COMP%] {\\r\\n width: 95%;\\r\\n margin: 0px auto;\\r\\n background-color: #fff;\\r\\n border-radius: 15px;\\r\\n}\\r\\n\\r\\n.mb-component-title[_ngcontent-%COMP%] {\\r\\n margin-bottom: 15px;\\r\\n padding: 0 15px;\\r\\n}\\r\\n\\r\\n#search[_ngcontent-%COMP%] {\\r\\n padding-left: 15px;\\r\\n padding-right: 15px;\\r\\n height: 45px;\\r\\n font-size: 14px;\\r\\n background-color: var(--base);\\r\\n border-width: 2px;\\r\\n border-radius: .25rem;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n#search-ic[_ngcontent-%COMP%] {\\r\\n cursor: pointer;\\r\\n position: absolute;\\r\\n right: 11px;\\r\\n top: 11px;\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n#search-ic[_ngcontent-%COMP%]:hover {\\r\\n color: #333;\\r\\n}\\r\\n\\r\\n#search-ic[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%] { \\r\\n font-size: 23px;\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%] {\\r\\n padding-left: 25px;\\r\\n padding-right: 25px;\\r\\n width: 100%;\\r\\n border-bottom-left-radius: 20px;\\r\\n border-top-left-radius: 20px;\\r\\n border-top-right-radius: 20px;\\r\\n border-bottom-right-radius: 20px;\\r\\n border: none;\\r\\n height: 25px;\\r\\n font-size: 13px;\\r\\n box-shadow: inset 0 1px 1px rgba(0,0,0,0.0125), 0 0 8px rgba(58,175,218,0.5);\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%]:focus {\\r\\n border-color: #4dabf7;\\r\\n outline: none;\\r\\n box-shadow: inset 0 1px 1px rgba(0,0,0,0.0125), 0 0 8px rgba(58,175,218,1);\\r\\n}\\r\\n\\r\\n#global-search-switch[_ngcontent-%COMP%] {\\r\\n padding-left: 15px;\\r\\n padding-right: 15px;\\r\\n width: 100%;\\r\\n height: 27px;\\r\\n font-size: 14px;\\r\\n border:none;\\r\\n display: none;\\r\\n}\\r\\n\\r\\n#global-search-switch[_ngcontent-%COMP%]:focus {\\r\\n outline: none !important;\\r\\n box-shadow: none !important;\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%]:focus {\\r\\n outline: none;\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%]::-webkit-input-placeholder { \\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%]::-moz-placeholder { \\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%]:-ms-input-placeholder { \\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n#global-search[_ngcontent-%COMP%]:-moz-placeholder { \\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.component[_ngcontent-%COMP%]{\\r\\n display: inline-table;\\r\\n}\\r\\n\\r\\n#microfon-ic[_ngcontent-%COMP%] {\\r\\n position:absolute;\\r\\n right: 35px;\\r\\n top: 11px;\\r\\n cursor: pointer;\\r\\n font-size: 22px;\\r\\n height: 22px;\\r\\n width: 22px;\\r\\n}\\r\\n\\r\\n.home-content[_ngcontent-%COMP%] {\\r\\n overflow-y: scroll;\\r\\n max-height: calc(98vh - 195px);\\r\\n padding: 15px;\\r\\n}\\r\\n\\r\\n.chart-section[_ngcontent-%COMP%] {\\r\\n float:left;\\r\\n width:50%;\\r\\n}\\r\\n\\r\\n.recent-act-section[_ngcontent-%COMP%] {\\r\\n float:left;\\r\\n width:50%;\\r\\n padding:0px 15px;\\r\\n}\\r\\n\\r\\n.spinner[_ngcontent-%COMP%] {\\r\\n top: 10px;\\r\\n}\\r\\n\\r\\n@media(max-width:1366px){\\r\\n #global-search[_ngcontent-%COMP%] {\\r\\n height: 25px;\\r\\n font-size: 12px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width:768px){\\r\\n .mb-search-container[_ngcontent-%COMP%] {\\r\\n width: 90%;\\r\\n }\\r\\n\\r\\n .chart-section[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .recent-act-section[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n padding: 0px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media(max-width: 480px){\\r\\n #global-search[_ngcontent-%COMP%]::-webkit-input-placeholder { \\r\\n color:transparent;\\r\\n }\\r\\n #global-search[_ngcontent-%COMP%]::-moz-placeholder { \\r\\n color:transparent;\\r\\n }\\r\\n #global-search[_ngcontent-%COMP%]:-ms-input-placeholder { \\r\\n color:transparent;\\r\\n }\\r\\n #global-search[_ngcontent-%COMP%]:-moz-placeholder { \\r\\n color:transparent;\\r\\n }\\r\\n\\r\\n .mb-search-container[_ngcontent-%COMP%] {\\r\\n margin: 10px auto;\\r\\n }\\r\\n\\r\\n .banner-title[_ngcontent-%COMP%] {\\r\\n font-size: 1.25rem;\\r\\n }\\r\\n\\r\\n .banner-subtitle[_ngcontent-%COMP%] {\\r\\n font-size: 0.75rem;\\r\\n }\\r\\n\\r\\n #global-search[_ngcontent-%COMP%] {\\r\\n height: 22px;\\r\\n font-size: 12px;\\r\\n }\\r\\n\\r\\n #microfon-ic[_ngcontent-%COMP%] {\\r\\n right: 30px;\\r\\n top: -2px;\\r\\n }\\r\\n\\r\\n #microfon-ic[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n height: 21px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media(max-width: 320px){\\r\\n \\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./khamis.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../../../node_modules/@angular/material/icon/typings/index.ngfactory\";\nimport * as i3 from \"@angular/material/icon\";\nimport * as i4 from \"../../../node_modules/@angular/material/core/typings/index.ngfactory\";\nimport * as i5 from \"@angular/material/core\";\nimport * as i6 from \"../../../node_modules/@angular/material/progress-spinner/typings/index.ngfactory\";\nimport * as i7 from \"@angular/material/progress-spinner\";\nimport * as i8 from \"@angular/cdk/platform\";\nimport * as i9 from \"@angular/common\";\nimport * as i10 from \"@angular/platform-browser/animations\";\nimport * as i11 from \"@angular/forms\";\nimport * as i12 from \"@angular/material/autocomplete\";\nimport * as i13 from \"@angular/cdk/overlay\";\nimport * as i14 from \"@angular/cdk/bidi\";\nimport * as i15 from \"@angular/cdk/scrolling\";\nimport * as i16 from \"../../../node_modules/@angular/material/autocomplete/typings/index.ngfactory\";\nimport * as i17 from \"./khamis.component\";\nimport * as i18 from \"../services/workspace.service\";\nimport * as i19 from \"../services/conversation.service\";\nimport * as i20 from \"@angular/router\";\nvar styles_KhamisComponent = [i0.styles];\nvar RenderType_KhamisComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_KhamisComponent, data: {} });\nexport { RenderType_KhamisComponent as RenderType_KhamisComponent };\nfunction View_KhamisComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"mat-icon\", [[\"class\", \"mat-icon notranslate\"], [\"id\", \"microfon-ic\"], [\"role\", \"img\"], [\"title\", \"Search by voice\"]], [[2, \"mat-icon-inline\", null], [2, \"mat-icon-no-color\", null]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.activateSpeech() !== false);\n ad = (pd_0 && ad);\n } return ad; }, i2.View_MatIcon_0, i2.RenderType_MatIcon)), i1.ɵdid(2, 9158656, null, 0, i3.MatIcon, [i1.ElementRef, i3.MatIconRegistry, [8, null], [2, i3.MAT_ICON_LOCATION]], null, null), (_l()(), i1.ɵted(-1, 0, [\"keyboard_voice\"]))], function (_ck, _v) { _ck(_v, 2, 0); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 2).inline; var currVal_1 = (((i1.ɵnov(_v, 2).color !== \"primary\") && (i1.ɵnov(_v, 2).color !== \"accent\")) && (i1.ɵnov(_v, 2).color !== \"warn\")); _ck(_v, 1, 0, currVal_0, currVal_1); }); }\nfunction View_KhamisComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"div\", [[\"id\", \"search-ic\"], [\"title\", \"Search\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.searchGlobal(i1.ɵnov(_v.parent, 5).value) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"mat-icon\", [[\"class\", \"mat-icon notranslate\"], [\"role\", \"img\"]], [[2, \"mat-icon-inline\", null], [2, \"mat-icon-no-color\", null]], null, null, i2.View_MatIcon_0, i2.RenderType_MatIcon)), i1.ɵdid(2, 9158656, null, 0, i3.MatIcon, [i1.ElementRef, i3.MatIconRegistry, [8, null], [2, i3.MAT_ICON_LOCATION]], null, null), (_l()(), i1.ɵted(-1, 0, [\"search\"]))], function (_ck, _v) { _ck(_v, 2, 0); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 2).inline; var currVal_1 = (((i1.ɵnov(_v, 2).color !== \"primary\") && (i1.ɵnov(_v, 2).color !== \"accent\")) && (i1.ɵnov(_v, 2).color !== \"warn\")); _ck(_v, 1, 0, currVal_0, currVal_1); }); }\nfunction View_KhamisComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"div\", [[\"class\", \"spinner\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"div\", [[\"class\", \"bounce1\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 0, \"div\", [[\"class\", \"bounce2\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 0, \"div\", [[\"class\", \"bounce3\"]], null, null, null, null, null))], null, null); }\nfunction View_KhamisComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 5, \"mat-option\", [[\"class\", \"is-loading mat-option\"], [\"role\", \"option\"]], [[1, \"tabindex\", 0], [2, \"mat-selected\", null], [2, \"mat-option-multiple\", null], [2, \"mat-active\", null], [8, \"id\", 0], [1, \"aria-selected\", 0], [1, \"aria-disabled\", 0], [2, \"mat-option-disabled\", null]], [[null, \"click\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._selectViaInteraction() !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i4.View_MatOption_0, i4.RenderType_MatOption)), i1.ɵdid(1, 8568832, [[4, 4]], 0, i5.MatOption, [i1.ElementRef, i1.ChangeDetectorRef, [2, i5.MAT_OPTION_PARENT_COMPONENT], [2, i5.MatOptgroup]], { disabled: [0, \"disabled\"] }, null), (_l()(), i1.ɵeld(2, 0, null, 0, 1, \"mat-spinner\", [[\"class\", \"mat-spinner mat-progress-spinner\"], [\"diameter\", \"20\"], [\"mode\", \"indeterminate\"], [\"role\", \"progressbar\"], [\"style\", \"float:left\"]], [[2, \"_mat-animation-noopable\", null], [4, \"width\", \"px\"], [4, \"height\", \"px\"]], null, null, i6.View_MatSpinner_0, i6.RenderType_MatSpinner)), i1.ɵdid(3, 49152, null, 0, i7.MatSpinner, [i1.ElementRef, i8.Platform, [2, i9.DOCUMENT], [2, i10.ANIMATION_MODULE_TYPE], i7.MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS], { diameter: [0, \"diameter\"] }, null), (_l()(), i1.ɵeld(4, 0, null, 0, 1, \"span\", [[\"style\", \"display: block;margin-left: 30px;font-size: 15px;\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Searching...\"]))], function (_ck, _v) { var currVal_8 = true; _ck(_v, 1, 0, currVal_8); var currVal_12 = \"20\"; _ck(_v, 3, 0, currVal_12); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 1)._getTabIndex(); var currVal_1 = i1.ɵnov(_v, 1).selected; var currVal_2 = i1.ɵnov(_v, 1).multiple; var currVal_3 = i1.ɵnov(_v, 1).active; var currVal_4 = i1.ɵnov(_v, 1).id; var currVal_5 = i1.ɵnov(_v, 1)._getAriaSelected(); var currVal_6 = i1.ɵnov(_v, 1).disabled.toString(); var currVal_7 = i1.ɵnov(_v, 1).disabled; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_9 = i1.ɵnov(_v, 3)._noopAnimations; var currVal_10 = i1.ɵnov(_v, 3).diameter; var currVal_11 = i1.ɵnov(_v, 3).diameter; _ck(_v, 2, 0, currVal_9, currVal_10, currVal_11); }); }\nfunction View_KhamisComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"mat-option\", [[\"class\", \"mat-option\"], [\"role\", \"option\"]], [[1, \"tabindex\", 0], [2, \"mat-selected\", null], [2, \"mat-option-multiple\", null], [2, \"mat-active\", null], [8, \"id\", 0], [1, \"aria-selected\", 0], [1, \"aria-disabled\", 0], [2, \"mat-option-disabled\", null]], [[null, \"mouseenter\"], [null, \"mouseleave\"], [null, \"click\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._selectViaInteraction() !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"mouseenter\" === en)) {\n var pd_2 = (_co.mouseEnter(_v.context.$implicit) !== false);\n ad = (pd_2 && ad);\n } if ((\"mouseleave\" === en)) {\n var pd_3 = (_co.mouseLeave() !== false);\n ad = (pd_3 && ad);\n } return ad; }, i4.View_MatOption_0, i4.RenderType_MatOption)), i1.ɵdid(1, 8568832, [[4, 4]], 0, i5.MatOption, [i1.ElementRef, i1.ChangeDetectorRef, [2, i5.MAT_OPTION_PARENT_COMPONENT], [2, i5.MatOptgroup]], { value: [0, \"value\"] }, null), (_l()(), i1.ɵted(2, 0, [\" \", \" \"]))], function (_ck, _v) { var currVal_8 = _v.context.$implicit; _ck(_v, 1, 0, currVal_8); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 1)._getTabIndex(); var currVal_1 = i1.ɵnov(_v, 1).selected; var currVal_2 = i1.ɵnov(_v, 1).multiple; var currVal_3 = i1.ɵnov(_v, 1).active; var currVal_4 = i1.ɵnov(_v, 1).id; var currVal_5 = i1.ɵnov(_v, 1)._getAriaSelected(); var currVal_6 = i1.ɵnov(_v, 1).disabled.toString(); var currVal_7 = i1.ɵnov(_v, 1).disabled; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_9 = _v.context.$implicit; _ck(_v, 2, 0, currVal_9); }); }\nfunction View_KhamisComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_KhamisComponent_6)), i1.ɵdid(2, 278528, null, 0, i9.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"mat-option\", [[\"class\", \"mat-option\"], [\"role\", \"option\"], [\"style\", \"display: none;\"]], [[1, \"tabindex\", 0], [2, \"mat-selected\", null], [2, \"mat-option-multiple\", null], [2, \"mat-active\", null], [8, \"id\", 0], [1, \"aria-selected\", 0], [1, \"aria-disabled\", 0], [2, \"mat-option-disabled\", null]], [[null, \"click\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4)._selectViaInteraction() !== false);\n ad = (pd_0 && ad);\n } if ((\"keydown\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 4)._handleKeydown($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i4.View_MatOption_0, i4.RenderType_MatOption)), i1.ɵdid(4, 8568832, [[4, 4]], 0, i5.MatOption, [i1.ElementRef, i1.ChangeDetectorRef, [2, i5.MAT_OPTION_PARENT_COMPONENT], [2, i5.MatOptgroup]], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.suggestions; _ck(_v, 2, 0, currVal_0); }, function (_ck, _v) { var currVal_1 = i1.ɵnov(_v, 4)._getTabIndex(); var currVal_2 = i1.ɵnov(_v, 4).selected; var currVal_3 = i1.ɵnov(_v, 4).multiple; var currVal_4 = i1.ɵnov(_v, 4).active; var currVal_5 = i1.ɵnov(_v, 4).id; var currVal_6 = i1.ɵnov(_v, 4)._getAriaSelected(); var currVal_7 = i1.ɵnov(_v, 4).disabled.toString(); var currVal_8 = i1.ɵnov(_v, 4).disabled; _ck(_v, 3, 0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8); }); }\nexport function View_KhamisComponent_0(_l) { return i1.ɵvid(0, [i1.ɵqud(402653184, 1, { input: 0 }), i1.ɵqud(402653184, 2, { autoCompleteRef: 0 }), i1.ɵqud(402653184, 3, { matAutocomplete: 0 }), (_l()(), i1.ɵeld(3, 0, null, null, 24, \"div\", [[\"class\", \"banner-container text-center\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 23, \"div\", [[\"class\", \"input-group mb-search-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(5, 16777216, [[1, 0], [\"text\", 1]], null, 6, \"input\", [[\"autocomplete\", \"off\"], [\"class\", \"form-control\"], [\"id\", \"search\"], [\"placeholder\", \"What would you like to do today?\"], [\"type\", \"text\"]], [[1, \"autocomplete\", 0], [1, \"role\", 0], [1, \"aria-autocomplete\", 0], [1, \"aria-activedescendant\", 0], [1, \"aria-expanded\", 0], [1, \"aria-owns\", 0], [1, \"aria-haspopup\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"input\"], [null, \"keyup.enter\"], [null, \"ngModelChange\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"], [null, \"focusin\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 6)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 6).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 6)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 6)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"focusin\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 7)._handleFocus() !== false);\n ad = (pd_4 && ad);\n } if ((\"blur\" === en)) {\n var pd_5 = (i1.ɵnov(_v, 7)._onTouched() !== false);\n ad = (pd_5 && ad);\n } if ((\"input\" === en)) {\n var pd_6 = (i1.ɵnov(_v, 7)._handleInput($event) !== false);\n ad = (pd_6 && ad);\n } if ((\"keydown\" === en)) {\n var pd_7 = (i1.ɵnov(_v, 7)._handleKeydown($event) !== false);\n ad = (pd_7 && ad);\n } if ((\"input\" === en)) {\n var pd_8 = (_co.onValueChange(i1.ɵnov(_v, 5).value) !== false);\n ad = (pd_8 && ad);\n } if ((\"keyup.enter\" === en)) {\n var pd_9 = (_co.searchGlobal(i1.ɵnov(_v, 5).value) !== false);\n ad = (pd_9 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_10 = ((_co.speechData = $event) !== false);\n ad = (pd_10 && ad);\n } return ad; }, null, null)), i1.ɵdid(6, 16384, null, 0, i11.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i11.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(7, 147456, null, 0, i12.MatAutocompleteTrigger, [i1.ElementRef, i13.Overlay, i1.ViewContainerRef, i1.NgZone, i1.ChangeDetectorRef, i12.MAT_AUTOCOMPLETE_SCROLL_STRATEGY, [2, i14.Directionality], [8, null], [2, i9.DOCUMENT], i15.ViewportRuler], { autocomplete: [0, \"autocomplete\"], autocompleteAttribute: [1, \"autocompleteAttribute\"] }, null), i1.ɵprd(1024, null, i11.NG_VALUE_ACCESSOR, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i11.DefaultValueAccessor, i12.MatAutocompleteTrigger]), i1.ɵdid(9, 671744, null, 0, i11.NgModel, [[8, null], [8, null], [8, null], [6, i11.NG_VALUE_ACCESSOR]], { model: [0, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i11.NgControl, null, [i11.NgModel]), i1.ɵdid(11, 16384, null, 0, i11.NgControlStatus, [[4, i11.NgControl]], null, null), (_l()(), i1.ɵeld(12, 0, null, null, 6, \"span\", [[\"class\", \"input-group-addon search-addon\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_KhamisComponent_1)), i1.ɵdid(14, 16384, null, 0, i9.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_KhamisComponent_2)), i1.ɵdid(16, 16384, null, 0, i9.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_KhamisComponent_3)), i1.ɵdid(18, 16384, null, 0, i9.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(19, 0, null, null, 8, \"mat-autocomplete\", [[\"class\", \"khamis-autocomplete mat-autocomplete\"]], null, null, null, i16.View_MatAutocomplete_0, i16.RenderType_MatAutocomplete)), i1.ɵprd(6144, null, i5.MAT_OPTION_PARENT_COMPONENT, null, [i12.MatAutocomplete]), i1.ɵdid(21, 1097728, [[2, 4], [\"autoComplete\", 4]], 2, i12.MatAutocomplete, [i1.ChangeDetectorRef, i1.ElementRef, i12.MAT_AUTOCOMPLETE_DEFAULT_OPTIONS], { classList: [0, \"classList\"] }, null), i1.ɵqud(603979776, 4, { options: 1 }), i1.ɵqud(603979776, 5, { optionGroups: 1 }), (_l()(), i1.ɵand(16777216, null, 0, 1, null, View_KhamisComponent_4)), i1.ɵdid(25, 16384, null, 0, i9.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, 0, 1, null, View_KhamisComponent_5)), i1.ɵdid(27, 16384, null, 0, i9.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_14 = i1.ɵnov(_v, 21); var currVal_15 = \"off\"; _ck(_v, 7, 0, currVal_14, currVal_15); var currVal_16 = _co.speechData; _ck(_v, 9, 0, currVal_16); var currVal_17 = !_co.isBusy; _ck(_v, 14, 0, currVal_17); var currVal_18 = !_co.isBusy; _ck(_v, 16, 0, currVal_18); var currVal_19 = _co.isBusy; _ck(_v, 18, 0, currVal_19); var currVal_20 = \"khamis-autocomplete\"; _ck(_v, 21, 0, currVal_20); var currVal_21 = _co.isSearching; _ck(_v, 25, 0, currVal_21); var currVal_22 = !_co.isSearching; _ck(_v, 27, 0, currVal_22); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 7).autocompleteAttribute; var currVal_1 = (i1.ɵnov(_v, 7).autocompleteDisabled ? null : \"combobox\"); var currVal_2 = (i1.ɵnov(_v, 7).autocompleteDisabled ? null : \"list\"); var currVal_3 = ((i1.ɵnov(_v, 7).panelOpen && i1.ɵnov(_v, 7).activeOption) ? i1.ɵnov(_v, 7).activeOption.id : null); var currVal_4 = (i1.ɵnov(_v, 7).autocompleteDisabled ? null : i1.ɵnov(_v, 7).panelOpen.toString()); var currVal_5 = ((i1.ɵnov(_v, 7).autocompleteDisabled || !i1.ɵnov(_v, 7).panelOpen) ? null : ((i1.ɵnov(_v, 7).autocomplete == null) ? null : i1.ɵnov(_v, 7).autocomplete.id)); var currVal_6 = !i1.ɵnov(_v, 7).autocompleteDisabled; var currVal_7 = i1.ɵnov(_v, 11).ngClassUntouched; var currVal_8 = i1.ɵnov(_v, 11).ngClassTouched; var currVal_9 = i1.ɵnov(_v, 11).ngClassPristine; var currVal_10 = i1.ɵnov(_v, 11).ngClassDirty; var currVal_11 = i1.ɵnov(_v, 11).ngClassValid; var currVal_12 = i1.ɵnov(_v, 11).ngClassInvalid; var currVal_13 = i1.ɵnov(_v, 11).ngClassPending; _ck(_v, 5, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13]); }); }\nexport function View_KhamisComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-khamis\", [], null, null, null, View_KhamisComponent_0, RenderType_KhamisComponent)), i1.ɵdid(1, 245760, null, 0, i17.KhamisComponent, [i18.WorkspaceService, i19.ConversationService, i20.Router], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar KhamisComponentNgFactory = i1.ɵccf(\"app-khamis\", i17.KhamisComponent, View_KhamisComponent_Host_0, { searchType: \"searchType\" }, { searchChanged: \"searchChanged\", searchResultId: \"searchResultId\" }, []);\nexport { KhamisComponentNgFactory as KhamisComponentNgFactory };\n","\n","import { Component, OnInit, EventEmitter, Output, ViewChild, ElementRef, Input, OnDestroy } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { ConversationService } from '../services/conversation.service';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\nimport { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material';\n\n@Component({\n selector: 'app-khamis',\n templateUrl: './khamis.component.html',\n styleUrls: ['./khamis.component.css']\n})\nexport class KhamisComponent implements OnInit, OnDestroy {\n\n @ViewChild('text') public input:ElementRef;\n @ViewChild('autoComplete') autoCompleteRef: MatAutocomplete;\n @ViewChild('trigger', {read: MatAutocompleteTrigger}) matAutocomplete: MatAutocompleteTrigger;\n\n @Input() searchType: string;\n @Output() searchChanged = new EventEmitter\n
\n\n
\n \n
\n \n \n
\n
\n \n \n \n \n \n \n \n
\n \n \n
0\" class=\"toggle-container\">\n \n {{conversationResult.ShowEPICGroupsByDefault ? 'Hide' : 'Show'}}\n \n \n
\n \n
\n \n
\n \n
\n\n\n\n
\n\n
\n \n \n \n
\n \n
\n Catalogue ( {{ noOfItems }} items found )\n ![](\"../../assets/images/cart-blue.png\")
\n
\n \n
\n \n
\n \n
\n Requisition Cart
\nCan't find what you need?
Click here to create a free text request
\n
\n Requisition Cart
\n \n\n
\n\n \n
\n \n
\n \n
\n Can't find what you need?
Click here to create a free text request
\n \n \n
\n","import { Component, OnInit, ViewChild, HostListener } from '@angular/core';\nimport { Globals } from '../objects/Globals';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { LoginService } from '../services/login.service';\nimport { Session } from '../objects/Session';\nimport { routerNgProbeToken } from '../../../node_modules/@angular/router/src/router_module';\nimport { TokenManager } from '../Globals';\nimport { SummaryService } from '../services/summary.service';\n\n@Component({\n selector: 'app-layout-default',\n templateUrl: './layout-default.component.html',\n styleUrls: ['./layout-default.component.css']\n})\nexport class LayoutDefaultComponent implements OnInit {\n private session:Session;\n private documentType:string;\n private documentSummaryName:string;\n private documentSummaryCardId:string;\n private selectedDetailType:string;\n private selectedDetailId:string;\n private selectedSubDetailType:string;\n private selectedSubDetailId:string;\n private searchKeyword: string = '';\n private componentId: string;\n smallPad: boolean = false;\n private fullDetail : boolean;\n private refreshView: boolean = false;\n private isShowBar: boolean = true;\n private smallSum: boolean = false;\n private onMobile: boolean;\n private summaryName: string;\n \n constructor(private route:ActivatedRoute, \n public globals:Globals, \n private router:Router, \n private loginService:LoginService,\n private tokenManager:TokenManager,\n private summaryService:SummaryService) { }\n\n @HostListener('window:resize', ['$event'])\n onResize(event) {\n if (event.target.innerWidth < 992) {\n this.smallPad = true;\n this.fullDetail = true;\n if (this.smallSum){\n this.onMobile = true;\n }\n }\n else{\n this.onMobile = false;\n this.fullDetail = false;\n if(this.isShowBar){\n this.smallPad = false;\n }\n \n }\n }\n\n onSelectedItem(selectedId:string) {\n this.selectedDetailId = selectedId;\n this.onMobile = window.innerWidth < 992;\n this.smallSum = true;\n }\n onSelectedType(selectedType:string) {\n this.selectedDetailType = selectedType;\n this.selectedSubDetailId = null;\n this.selectedSubDetailType = null;\n }\n\n onSelectedSubItemId(selectedId:string) {\n this.selectedSubDetailId = selectedId;\n }\n onSelectedSubItemType(selectedType:string) {\n this.selectedSubDetailType = selectedType;\n }\n\n onSearchKeywordChange(keyword:string){\n this.searchKeyword = keyword;\n }\n\n onViewChange(summaryId: string) {\n this.componentId = summaryId;\n }\n\n toggleSidebar(showView : boolean) {\n this.isShowBar = showView;\n if (showView){\n this.smallPad = false;\n }\n else{\n this.smallPad = true;\n }\n }\n\n setSummaryName($event){\n this.summaryName = $event;\n }\n\n forceRefreshView(){\n this.refreshView = !this.refreshView;\n }\n\n toggleSummary(){\n this.smallPad = !this.smallPad;\n }\n\n switchSummary(){\n this.onMobile = false;\n }\n\n ngOnInit() {\n this.smallPad = (window.innerWidth) < 992;\n this.fullDetail = window.innerWidth < 992;\n \n \n var self = this;\n this.tokenManager.store(\"BRNCurrentRoute\", this.router.url);\n if(this.globals.Session == null){\n self.router.navigate(['/', '/']) \n }else{\n this.session = this.globals.Session.Session;\n }\n this.componentId = this.route.snapshot.paramMap.get('summaryId');\n if(this.route.snapshot.paramMap.get('detailComponentId')){\n this.selectedDetailId = this.route.snapshot.paramMap.get('detailComponentId');\n }\n\n // if(this.componentId && this.session){\n // this.summaryService.getCurrentSearchKeyword(this.componentId).subscribe(result=>{\n // if(result){\n // this.searchKeyword = result;\n // }else{\n // this.searchKeyword = \"\";\n // }\n // })\n // }\n }\n}\n","import { OnInit } from '@angular/core';\nimport { Globals } from '../objects/Globals';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { LoginService } from '../services/login.service';\nimport { TokenManager } from '../Globals';\nimport { SummaryService } from '../services/summary.service';\nvar LayoutDefaultComponent = /** @class */ (function () {\n function LayoutDefaultComponent(route, globals, router, loginService, tokenManager, summaryService) {\n this.route = route;\n this.globals = globals;\n this.router = router;\n this.loginService = loginService;\n this.tokenManager = tokenManager;\n this.summaryService = summaryService;\n this.searchKeyword = '';\n this.smallPad = false;\n this.refreshView = false;\n this.isShowBar = true;\n this.smallSum = false;\n }\n LayoutDefaultComponent.prototype.onResize = function (event) {\n if (event.target.innerWidth < 992) {\n this.smallPad = true;\n this.fullDetail = true;\n if (this.smallSum) {\n this.onMobile = true;\n }\n }\n else {\n this.onMobile = false;\n this.fullDetail = false;\n if (this.isShowBar) {\n this.smallPad = false;\n }\n }\n };\n LayoutDefaultComponent.prototype.onSelectedItem = function (selectedId) {\n this.selectedDetailId = selectedId;\n this.onMobile = window.innerWidth < 992;\n this.smallSum = true;\n };\n LayoutDefaultComponent.prototype.onSelectedType = function (selectedType) {\n this.selectedDetailType = selectedType;\n this.selectedSubDetailId = null;\n this.selectedSubDetailType = null;\n };\n LayoutDefaultComponent.prototype.onSelectedSubItemId = function (selectedId) {\n this.selectedSubDetailId = selectedId;\n };\n LayoutDefaultComponent.prototype.onSelectedSubItemType = function (selectedType) {\n this.selectedSubDetailType = selectedType;\n };\n LayoutDefaultComponent.prototype.onSearchKeywordChange = function (keyword) {\n this.searchKeyword = keyword;\n };\n LayoutDefaultComponent.prototype.onViewChange = function (summaryId) {\n this.componentId = summaryId;\n };\n LayoutDefaultComponent.prototype.toggleSidebar = function (showView) {\n this.isShowBar = showView;\n if (showView) {\n this.smallPad = false;\n }\n else {\n this.smallPad = true;\n }\n };\n LayoutDefaultComponent.prototype.setSummaryName = function ($event) {\n this.summaryName = $event;\n };\n LayoutDefaultComponent.prototype.forceRefreshView = function () {\n this.refreshView = !this.refreshView;\n };\n LayoutDefaultComponent.prototype.toggleSummary = function () {\n this.smallPad = !this.smallPad;\n };\n LayoutDefaultComponent.prototype.switchSummary = function () {\n this.onMobile = false;\n };\n LayoutDefaultComponent.prototype.ngOnInit = function () {\n this.smallPad = (window.innerWidth) < 992;\n this.fullDetail = window.innerWidth < 992;\n var self = this;\n this.tokenManager.store(\"BRNCurrentRoute\", this.router.url);\n if (this.globals.Session == null) {\n self.router.navigate(['/', '/']);\n }\n else {\n this.session = this.globals.Session.Session;\n }\n this.componentId = this.route.snapshot.paramMap.get('summaryId');\n if (this.route.snapshot.paramMap.get('detailComponentId')) {\n this.selectedDetailId = this.route.snapshot.paramMap.get('detailComponentId');\n }\n // if(this.componentId && this.session){\n // this.summaryService.getCurrentSearchKeyword(this.componentId).subscribe(result=>{\n // if(result){\n // this.searchKeyword = result;\n // }else{\n // this.searchKeyword = \"\";\n // }\n // })\n // }\n };\n return LayoutDefaultComponent;\n}());\nexport { LayoutDefaultComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\"\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./layout-detail.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../detail/detail.component.ngfactory\";\nimport * as i3 from \"../detail/detail.component\";\nimport * as i4 from \"../objects/Globals\";\nimport * as i5 from \"../services/detail.service\";\nimport * as i6 from \"../services/attachment.service\";\nimport * as i7 from \"../services/confirmation.service\";\nimport * as i8 from \"@angular/router\";\nimport * as i9 from \"ngx-bootstrap/modal\";\nimport * as i10 from \"@angular/platform-browser\";\nimport * as i11 from \"../services/toaster-message.service\";\nimport * as i12 from \"../services/workflow-return.service\";\nimport * as i13 from \"../services/theme-setting.service\";\nimport * as i14 from \"../services/workspace.service\";\nimport * as i15 from \"ngx-contextmenu\";\nimport * as i16 from \"../services/header.service\";\nimport * as i17 from \"../env.service\";\nimport * as i18 from \"../services/message-popup.service\";\nimport * as i19 from \"../services/session-timer.service\";\nimport * as i20 from \"../services/floating-panel.service\";\nimport * as i21 from \"../services/side-popup.service\";\nimport * as i22 from \"./layout-detail.component\";\nimport * as i23 from \"../Globals\";\nvar styles_LayoutDetailComponent = [i0.styles];\nvar RenderType_LayoutDetailComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_LayoutDetailComponent, data: {} });\nexport { RenderType_LayoutDetailComponent as RenderType_LayoutDetailComponent };\nexport function View_LayoutDetailComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"custom-scrollbar\"], [\"style\", \"padding: 0px 10rem;margin:auto;max-height: calc(100vh - 80px);overflow-y: scroll;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-detail\", [], null, [[\"document\", \"click\"]], function (_v, en, $event) { var ad = true; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 2).clickout($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i2.View_DetailComponent_0, i2.RenderType_DetailComponent)), i1.ɵdid(2, 4964352, [[\"detail\", 4]], 0, i3.DetailComponent, [i4.Globals, i5.DetailService, i6.AttachmentService, i7.ConfirmationService, i8.Router, i9.BsModalService, i10.DomSanitizer, i11.ToasterMessageService, i12.WorkflowReturnService, i13.ThemeSettingService, i14.WorkspaceService, i15.ContextMenuService, i16.HeaderService, i17.EnvService, i1.Renderer2, i18.MessagePopupService, i19.SessionTimerService, i1.ElementRef, i20.FloatingPanelService, i21.SidePopupService], { setComponentId: [0, \"setComponentId\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.componentId; _ck(_v, 2, 0, currVal_0); }, null); }\nexport function View_LayoutDetailComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-layout-detail\", [], null, null, null, View_LayoutDetailComponent_0, RenderType_LayoutDetailComponent)), i1.ɵdid(1, 114688, null, 0, i22.LayoutDetailComponent, [i8.ActivatedRoute, i4.Globals, i8.Router, i5.DetailService, i23.TokenManager], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar LayoutDetailComponentNgFactory = i1.ɵccf(\"app-layout-detail\", i22.LayoutDetailComponent, View_LayoutDetailComponent_Host_0, {}, {}, []);\nexport { LayoutDetailComponentNgFactory as LayoutDetailComponentNgFactory };\n","\n","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Globals } from '../objects/Globals';\nimport { DetailService } from '../services/detail.service';\nimport { TokenManager } from '../Globals';\n\n@Component({\n selector: 'app-layout-detail',\n templateUrl: './layout-detail.component.html',\n styleUrls: ['./layout-detail.component.css']\n})\nexport class LayoutDetailComponent implements OnInit {\n\n private documentType:string;\n private documentId:string;\n componentId:string;\n constructor(private route:ActivatedRoute, private globals:Globals, private router:Router, \n private detailService:DetailService,\n private tokenManager:TokenManager) {\n this.router.events.subscribe((e: any)=>{\n this.componentId = this.route.snapshot.paramMap.get('id');\n })\n }\n\n ngOnInit() {\n var self = this;\n this.tokenManager.store(\"BRNCurrentRoute\", this.router.url);\n if(this.globals.Session == null){self.router.navigate(['/', '/']) };\n\n this.componentId = this.route.snapshot.paramMap.get('id');\n\n }\n}\n","import { OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Globals } from '../objects/Globals';\nimport { DetailService } from '../services/detail.service';\nimport { TokenManager } from '../Globals';\nvar LayoutDetailComponent = /** @class */ (function () {\n function LayoutDetailComponent(route, globals, router, detailService, tokenManager) {\n var _this = this;\n this.route = route;\n this.globals = globals;\n this.router = router;\n this.detailService = detailService;\n this.tokenManager = tokenManager;\n this.router.events.subscribe(function (e) {\n _this.componentId = _this.route.snapshot.paramMap.get('id');\n });\n }\n LayoutDetailComponent.prototype.ngOnInit = function () {\n var self = this;\n this.tokenManager.store(\"BRNCurrentRoute\", this.router.url);\n if (this.globals.Session == null) {\n self.router.navigate(['/', '/']);\n }\n ;\n this.componentId = this.route.snapshot.paramMap.get('id');\n };\n return LayoutDetailComponent;\n}());\nexport { LayoutDetailComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".profile-detail[_ngcontent-%COMP%] {\\r\\n margin-top: 0px;\\r\\n padding: 5px 0 30px;\\r\\n height: 100%;\\r\\n min-height: 40vh;\\r\\n background-color: transparent;\\r\\n width: 0%;\\r\\n opacity: 0;\\r\\n overflow-y: hidden;\\r\\n overflow-x: hidden;\\r\\n max-height: 88vh;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.profile-detail.open.full[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n padding: 5px 0 30px 20px;\\r\\n}\\r\\n\\r\\n.profile-detail.open[_ngcontent-%COMP%] {\\r\\n transition: opacity 1s ease-in-out;\\r\\n -webkit-transition: opacity 1s ease-in-out;\\r\\n -moz-transition: opacity 1s ease-in-out;\\r\\n -o-transition: opacity 1s ease-in-out;\\r\\n opacity: 1;\\r\\n overflow-y: scroll;\\r\\n width: 100%;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./layout-profile-detail.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../view/view.component.ngfactory\";\nimport * as i3 from \"../view/view.component\";\nimport * as i4 from \"../services/view.service\";\nimport * as i5 from \"../objects/Globals\";\nimport * as i6 from \"../objects/ViewObject\";\nimport * as i7 from \"../services/menu.service\";\nimport * as i8 from \"../services/workspace.service\";\nimport * as i9 from \"@angular/common\";\nimport * as i10 from \"../searchbar/searchbar.component.ngfactory\";\nimport * as i11 from \"../searchbar/searchbar.component\";\nimport * as i12 from \"../services/conversation.service\";\nimport * as i13 from \"@angular/router\";\nimport * as i14 from \"../services/speech-recognition.service\";\nimport * as i15 from \"../services/loading-summary.service\";\nimport * as i16 from \"../detail/detail.component.ngfactory\";\nimport * as i17 from \"../detail/detail.component\";\nimport * as i18 from \"../services/detail.service\";\nimport * as i19 from \"../services/attachment.service\";\nimport * as i20 from \"../services/confirmation.service\";\nimport * as i21 from \"ngx-bootstrap/modal\";\nimport * as i22 from \"@angular/platform-browser\";\nimport * as i23 from \"../services/toaster-message.service\";\nimport * as i24 from \"../services/workflow-return.service\";\nimport * as i25 from \"../services/theme-setting.service\";\nimport * as i26 from \"ngx-contextmenu\";\nimport * as i27 from \"../services/header.service\";\nimport * as i28 from \"../env.service\";\nimport * as i29 from \"../services/message-popup.service\";\nimport * as i30 from \"../services/session-timer.service\";\nimport * as i31 from \"../services/floating-panel.service\";\nimport * as i32 from \"../services/side-popup.service\";\nimport * as i33 from \"./layout-profile-detail.component\";\nimport * as i34 from \"../services/summary.service\";\nimport * as i35 from \"../Globals\";\nvar styles_LayoutProfileDetailComponent = [i0.styles];\nvar RenderType_LayoutProfileDetailComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_LayoutProfileDetailComponent, data: {} });\nexport { RenderType_LayoutProfileDetailComponent as RenderType_LayoutProfileDetailComponent };\nfunction View_LayoutProfileDetailComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-view\", [], null, [[null, \"viewSelectedChanged\"], [null, \"showSideBar\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"viewSelectedChanged\" === en)) {\n var pd_0 = (_co.onViewChange($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"showSideBar\" === en)) {\n var pd_1 = (_co.toggleSidebar($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i2.View_ViewComponent_0, i2.RenderType_ViewComponent)), i1.ɵdid(2, 245760, null, 0, i3.ViewComponent, [i4.ViewService, i5.Globals, i6.View, i7.MenuService, i8.WorkspaceService], { profileView: [0, \"profileView\"], refreshView: [1, \"refreshView\"] }, { viewSelectedChanged: \"viewSelectedChanged\", showSideBar: \"showSideBar\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isProfile; var currVal_1 = _co.refreshView; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_LayoutProfileDetailComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 11, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 10, \"div\", [], null, null, null, null, null)), i1.ɵdid(2, 278528, null, 0, i9.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"primary-content\": 0, \"pad\": 1, \"full-pad\": 2 }), (_l()(), i1.ɵeld(4, 0, null, null, 7, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 1, \"app-searchbar\", [], null, [[null, \"keywordChanged\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keywordChanged\" === en)) {\n var pd_0 = (_co.onSearchKeywordChange($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i10.View_SearchbarComponent_0, i10.RenderType_SearchbarComponent)), i1.ɵdid(6, 8634368, null, 0, i11.SearchbarComponent, [i12.ConversationService, i13.Router, i14.SpeechRecognitionService, i1.ChangeDetectorRef, i15.LoadingSummaryService], { profileView: [0, \"profileView\"], keyword: [1, \"keyword\"] }, { keywordChanged: \"keywordChanged\" }), (_l()(), i1.ɵeld(7, 0, null, null, 4, \"div\", [], null, null, null, null, null)), i1.ɵdid(8, 278528, null, 0, i9.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(9, { \"profile-detail\": 0, \"open\": 1, \"custom-scrollbar\": 2 }), (_l()(), i1.ɵeld(10, 0, null, null, 1, \"app-detail\", [], null, [[null, \"selectedSubItemId\"], [null, \"selectedSubItemType\"], [\"document\", \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 11).clickout($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"selectedSubItemId\" === en)) {\n var pd_1 = (_co.onSelectedSubItemId($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"selectedSubItemType\" === en)) {\n var pd_2 = (_co.onSelectedSubItemType($event) !== false);\n ad = (pd_2 && ad);\n } return ad; }, i16.View_DetailComponent_0, i16.RenderType_DetailComponent)), i1.ɵdid(11, 4964352, [[\"detail\", 4]], 0, i17.DetailComponent, [i5.Globals, i18.DetailService, i19.AttachmentService, i20.ConfirmationService, i13.Router, i21.BsModalService, i22.DomSanitizer, i23.ToasterMessageService, i24.WorkflowReturnService, i25.ThemeSettingService, i8.WorkspaceService, i26.ContextMenuService, i27.HeaderService, i28.EnvService, i1.Renderer2, i29.MessagePopupService, i30.SessionTimerService, i1.ElementRef, i31.FloatingPanelService, i32.SidePopupService], { setComponentId: [0, \"setComponentId\"], documentType: [1, \"documentType\"] }, { selectedSubItemId: \"selectedSubItemId\", selectedSubItemType: \"selectedSubItemType\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 3, 0, true, _co.smallPad, true); _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.isProfile; var currVal_2 = _co.searchKeyword; _ck(_v, 6, 0, currVal_1, currVal_2); var currVal_3 = _ck(_v, 9, 0, true, true, true); _ck(_v, 8, 0, currVal_3); var currVal_4 = _co.selectedDetailId; var currVal_5 = _co.selectedDetailType; _ck(_v, 11, 0, currVal_4, currVal_5); }, null); }\nexport function View_LayoutProfileDetailComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_LayoutProfileDetailComponent_1)), i1.ɵdid(1, 16384, null, 0, i9.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_LayoutProfileDetailComponent_2)), i1.ɵdid(3, 16384, null, 0, i9.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.globals.Session; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.globals.Session; _ck(_v, 3, 0, currVal_1); }, null); }\nexport function View_LayoutProfileDetailComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-layout-profile-detail\", [], null, null, null, View_LayoutProfileDetailComponent_0, RenderType_LayoutProfileDetailComponent)), i1.ɵdid(1, 114688, null, 0, i33.LayoutProfileDetailComponent, [i13.ActivatedRoute, i13.Router, i5.Globals, i34.SummaryService, i35.TokenManager], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar LayoutProfileDetailComponentNgFactory = i1.ɵccf(\"app-layout-profile-detail\", i33.LayoutProfileDetailComponent, View_LayoutProfileDetailComponent_Host_0, {}, {}, []);\nexport { LayoutProfileDetailComponentNgFactory as LayoutProfileDetailComponentNgFactory };\n","\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { Globals } from '../objects/Globals';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { SummaryService } from '../services/summary.service';\nimport { TokenManager } from '../Globals';\n\n@Component({\n selector: 'app-layout-profile-detail',\n templateUrl: './layout-profile-detail.component.html',\n styleUrls: ['./layout-profile-detail.component.css']\n})\nexport class LayoutProfileDetailComponent implements OnInit {\n\n isProfile : boolean = true;\n selectedDetailId: string;\n private componentId: string;\n private searchKeyword : string = \"\";\n private smallPad: boolean = false;\n constructor(private route:ActivatedRoute, \n private router:Router, \n public globals: Globals,\n private summaryService:SummaryService,\n private tokenManager:TokenManager) { }\n\n ngOnInit() {\n this.tokenManager.store(\"BRNCurrentRoute\", this.router.url);\n if(this.globals.Session == null){this.router.navigate(['/', '/']) };\n if(this.route.snapshot.paramMap.get('id')){\n this.selectedDetailId = this.route.snapshot.paramMap.get('id');\n }\n\n // if(this.componentId && this.globals.Session){\n // this.summaryService.getCurrentSearchKeyword(this.componentId).subscribe(result=>{\n // if(result){\n // this.searchKeyword = result;\n // }else{\n // this.searchKeyword = \"\";\n // }\n // })\n // }\n }\n\n toggleSidebar(showView : boolean) {\n if (showView){\n this.smallPad = false;\n }\n else{\n this.smallPad = true;\n }\n }\n\n}\n","import { OnInit } from '@angular/core';\nimport { Globals } from '../objects/Globals';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { SummaryService } from '../services/summary.service';\nimport { TokenManager } from '../Globals';\nvar LayoutProfileDetailComponent = /** @class */ (function () {\n function LayoutProfileDetailComponent(route, router, globals, summaryService, tokenManager) {\n this.route = route;\n this.router = router;\n this.globals = globals;\n this.summaryService = summaryService;\n this.tokenManager = tokenManager;\n this.isProfile = true;\n this.searchKeyword = \"\";\n this.smallPad = false;\n }\n LayoutProfileDetailComponent.prototype.ngOnInit = function () {\n this.tokenManager.store(\"BRNCurrentRoute\", this.router.url);\n if (this.globals.Session == null) {\n this.router.navigate(['/', '/']);\n }\n ;\n if (this.route.snapshot.paramMap.get('id')) {\n this.selectedDetailId = this.route.snapshot.paramMap.get('id');\n }\n // if(this.componentId && this.globals.Session){\n // this.summaryService.getCurrentSearchKeyword(this.componentId).subscribe(result=>{\n // if(result){\n // this.searchKeyword = result;\n // }else{\n // this.searchKeyword = \"\";\n // }\n // })\n // }\n };\n LayoutProfileDetailComponent.prototype.toggleSidebar = function (showView) {\n if (showView) {\n this.smallPad = false;\n }\n else {\n this.smallPad = true;\n }\n };\n return LayoutProfileDetailComponent;\n}());\nexport { LayoutProfileDetailComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".workspace-layout[_ngcontent-%COMP%] {\\r\\n \\r\\n \\r\\n background-color: var(--base);\\r\\n max-width: 1400px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.ws-left-container[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n width: 200px;\\r\\n position: fixed;\\r\\n z-index: 1;\\r\\n top: 0;\\r\\n left: 0;\\r\\n background-color: #111;\\r\\n overflow-x: hidden;\\r\\n transition: 0.5s;\\r\\n padding-top: 80px;\\r\\n}\\r\\n\\r\\n.ws-left-container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] {\\r\\n padding-left:0;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.ws-left-container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] {\\r\\n list-style: none;\\r\\n}\\r\\n\\r\\n.ws-left-container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%] {\\r\\n padding: 8px 8px 8px 32px;\\r\\n text-decoration: none;\\r\\n font-size: 25px;\\r\\n color: #818181;\\r\\n display: block;\\r\\n transition: 0.3s;\\r\\n}\\r\\n\\r\\n.ws-left-container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a.closebtn[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n right: 5px;\\r\\n top: -45px;\\r\\n font-size: 35px;\\r\\n}\\r\\n\\r\\n.main-grid-container[_ngcontent-%COMP%] {\\r\\n display: -ms-grid;\\r\\n display: grid;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.ws-right-container[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n width: 235px;\\r\\n position: fixed;\\r\\n z-index: 1;\\r\\n top: 0;\\r\\n right: 0;\\r\\n background-color: #fff;\\r\\n overflow-x: hidden;\\r\\n transition: 0.5s;\\r\\n padding: 60px 15px;\\r\\n margin-right: 15px;\\r\\n box-shadow: -4px 0px 6px 0px rgba(0,0,0,.1);\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./layout-workspace.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"../reportgroup/reportgroup.component.ngfactory\";\nimport * as i4 from \"../reportgroup/reportgroup.component\";\nimport * as i5 from \"@angular/platform-browser\";\nimport * as i6 from \"../services/workspace.service\";\nimport * as i7 from \"../../../node_modules/ngx-loading/ngx-loading.ngfactory\";\nimport * as i8 from \"ngx-loading\";\nimport * as i9 from \"./layout-workspace.component\";\nimport * as i10 from \"../services/login.service\";\nimport * as i11 from \"ngx-device-detector\";\nimport * as i12 from \"../Globals\";\nimport * as i13 from \"@angular/router\";\nimport * as i14 from \"../objects/Globals\";\nimport * as i15 from \"../services/theme-setting.service\";\nimport * as i16 from \"../services/conversation.service\";\nvar styles_LayoutWorkspaceComponent = [i0.styles];\nvar RenderType_LayoutWorkspaceComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_LayoutWorkspaceComponent, data: {} });\nexport { RenderType_LayoutWorkspaceComponent as RenderType_LayoutWorkspaceComponent };\nfunction View_LayoutWorkspaceComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 5, \"div\", [[\"class\", \"main-grid-item\"]], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(2, { \"grid-column\": 0, \"grid-row\": 1, \"-ms-grid-column\": 2, \"-ms-grid-column-span\": 3, \"-ms-grid-row\": 4, \"-ms-grid-row-span\": 5 }), (_l()(), i1.ɵeld(3, 0, null, null, 2, \"app-reportgroup\", [], null, [[null, \"setFixedHeight\"], [null, \"emitReportGroup\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"setFixedHeight\" === en)) {\n var pd_0 = (_co.setGridRows($event, _v.context.$implicit.PositionY) !== false);\n ad = (pd_0 && ad);\n } if ((\"emitReportGroup\" === en)) {\n var pd_1 = (_co.setReportGroup($event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i3.View_ReportgroupComponent_0, i3.RenderType_ReportgroupComponent)), i1.ɵdid(4, 114688, null, 0, i4.ReportgroupComponent, [i5.DomSanitizer, i6.WorkspaceService], { getReportGroup: [0, \"getReportGroup\"], pageContent: [1, \"pageContent\"], isFixHeight: [2, \"isFixHeight\"], posX: [3, \"posX\"], posY: [4, \"posY\"] }, { emitReportGroup: \"emitReportGroup\", setFixedHeight: \"setFixedHeight\" }), i1.ɵpod(5, { EPICPageId: 0, EPICContentId: 1 })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, ((_co.getGridConfig(_v.context.$implicit.EPICGroupId, \"startColumn\") + \" / span \") + _co.getGridConfig(_v.context.$implicit.EPICGroupId, \"width\")), ((_co.getGridConfig(_v.context.$implicit.EPICGroupId, \"startRow\") + \" / span \") + _co.getGridConfig(_v.context.$implicit.EPICGroupId, \"height\")), _co.getGridConfig(_v.context.$implicit.EPICGroupId, \"startColumn\"), _co.getGridConfig(_v.context.$implicit.EPICGroupId, \"width\"), _co.getGridConfig(_v.context.$implicit.EPICGroupId, \"startRow\"), _co.getGridConfig(_v.context.$implicit.EPICGroupId, \"height\")); _ck(_v, 1, 0, currVal_0); var currVal_1 = _ck(_v, 5, 0, _co.pageContent.EPICPageId, _v.context.$implicit.EPICContentId); var currVal_2 = _co.pageContent; var currVal_3 = _co.pageContent.PageIsFixedSize; var currVal_4 = _v.context.$implicit.PositionX; var currVal_5 = _v.context.$implicit.PositionY; _ck(_v, 4, 0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5); }, null); }\nfunction View_LayoutWorkspaceComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_LayoutWorkspaceComponent_3)), i1.ɵdid(2, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.pageContent.Content; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_LayoutWorkspaceComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 11, \"div\", [[\"class\", \"workspace-layout\"]], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(2, { \"height\": 0 }), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"ngx-loading\", [], null, null, null, i7.View_NgxLoadingComponent_0, i7.RenderType_NgxLoadingComponent)), i1.ɵdid(4, 114688, null, 0, i8.NgxLoadingComponent, [i8.NgxLoadingService, i1.ChangeDetectorRef], { show: [0, \"show\"], config: [1, \"config\"] }, null), (_l()(), i1.ɵeld(5, 0, null, null, 6, \"div\", [[\"class\", \"main-grid-container\"]], null, null, null, null, null)), i1.ɵdid(6, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(7, { \"grid-template-columns\": 0, \"grid-template-rows\": 1, \"-ms-grid-columns\": 2, \"-ms-grid-rows\": 3 }), (_l()(), i1.ɵeld(8, 0, null, null, 1, \"div\", [[\"class\", \"document-debug\"], [\"style\", \"display: none;\"]], null, null, null, null, null)), (_l()(), i1.ɵted(9, null, [\" EPIC Page Name: \", \" \"])), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_LayoutWorkspaceComponent_2)), i1.ɵdid(11, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, (_co.pageContent.PageIsFixedSize ? \"100%\" : \"auto\")); _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.isBusy; var currVal_2 = _co.loaderConfig; _ck(_v, 4, 0, currVal_1, currVal_2); var currVal_3 = _ck(_v, 7, 0, _co.gridColumns, _co.gridRows, _co.msGridColumns, _co.msGridRows); _ck(_v, 6, 0, currVal_3); var currVal_5 = _co.pageContent.Content; _ck(_v, 11, 0, currVal_5); }, function (_ck, _v) { var _co = _v.component; var currVal_4 = _co.pageContent.EPICPageName; _ck(_v, 9, 0, currVal_4); }); }\nexport function View_LayoutWorkspaceComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_LayoutWorkspaceComponent_1)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.pageContent; _ck(_v, 1, 0, currVal_0); }, null); }\nexport function View_LayoutWorkspaceComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-layout-workspace\", [], null, [[\"document\", \"click\"]], function (_v, en, $event) { var ad = true; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1).clickout($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, View_LayoutWorkspaceComponent_0, RenderType_LayoutWorkspaceComponent)), i1.ɵdid(1, 245760, null, 0, i9.LayoutWorkspaceComponent, [i6.WorkspaceService, i10.LoginService, i11.DeviceDetectorService, i12.TokenManager, i13.Router, i14.Globals, i13.ActivatedRoute, i15.ThemeSettingService, i16.ConversationService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar LayoutWorkspaceComponentNgFactory = i1.ɵccf(\"app-layout-workspace\", i9.LayoutWorkspaceComponent, View_LayoutWorkspaceComponent_Host_0, {}, {}, []);\nexport { LayoutWorkspaceComponentNgFactory as LayoutWorkspaceComponentNgFactory };\n","\n
\n\n
\n \n
\n \n
\n\n\n","import { Component, OnInit, OnDestroy, HostListener } from '@angular/core';\nimport { ReportGroup, PageContent, Content } from '../objects/WorkObject';\nimport { TokenManager } from '../Globals';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { Globals } from '../objects/Globals';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { LoginService } from '../services/login.service';\nimport { Subscription } from 'rxjs';\nimport { DeviceDetectorService } from 'ngx-device-detector';\nimport { ConversationService } from '../services/conversation.service';\n\n@Component({\n selector: 'app-layout-workspace',\n templateUrl: './layout-workspace.component.html',\n styleUrls: ['./layout-workspace.component.css']\n})\n\nexport class LayoutWorkspaceComponent implements OnInit, OnDestroy {\n\n @HostListener('document:click', ['$event'])\n clickout(event) {\n var element = event.target as HTMLElement;\n if(element.classList.contains('auto-reply')) {\n this.searchGlobal(element.getAttribute('data-value'));\n }\n }\n\n pageContent:PageContent;\n private reportGroup:ReportGroup;\n private reportGroupList:ReportGroup[] = new Array();\n private loaderConfig:any;\n private isBusy:boolean = false;\n private gridColumns: string;\n private gridRows:string;\n private msGridColumns:string = \"\";\n private msGridRows:string = \"\";\n private gridRowsDefaultArray = [];\n private reportGridHeightArray = [];\n private sub: Subscription;\n private isMobile: boolean = false;\n\n constructor(private workspaceService:WorkspaceService, private loginService: LoginService, private deviceService: DeviceDetectorService,\n private tokenManager:TokenManager, private router:Router, private globals:Globals, \n private route:ActivatedRoute, private themeSettingService: ThemeSettingService,\n private conversationService: ConversationService) {\n this.isMobile = deviceService.isMobile();\n }\n \n ngOnDestroy(){\n // this.sub.unsubscribe();\n }\n\n searchGlobal(value:string){\n this.isBusy = true;\n if (value){\n this.conversationService.converse(value).subscribe(result=> {\n var resultObject = JSON.parse(result);\n this.isBusy = false;\n if(resultObject.ReturnType == \"0\"){\n if(resultObject.Arguments){\n var path = [];\n resultObject.Arguments.forEach(element => {\n path.push(element);\n });;\n this.router.navigate(path);\n }\n }\n }, error => {\n this.isBusy = false;\n });\n }\n else {\n this.isBusy = false;\n }\n }\n\n ngOnInit() {\n this.loaderConfig = this.themeSettingService.getTheme();\n this.tokenManager.store(\"BRNCurrentRoute\", this.router.url);\n if(this.globals == null){this.router.navigate(['/', '/']) };\n if(this.globals.Session == null){this.router.navigate(['/', '/']) };\n\n if(this.globals.Session){\n var page:string = this.route.snapshot.paramMap.get('page');\n this.isBusy = true;\n this.workspaceService.getEPICPage(page, this.isMobile).subscribe(result=>{\n this.isBusy = false;\n this.pageContent = JSON.parse(result);\n // console.log(this.pageContent);\n this.gridColumns = \"repeat(\" + this.pageContent.PageWidth + \", 1fr)\";\n\n for (var i = 0;i < this.pageContent.PageWidth;i++){\n this.msGridColumns += \"1fr \"\n }\n \n if (this.pageContent.PageIsFixedSize){\n document.querySelectorAll('.body-wrapper').item(0).classList.remove(\"scroll\");\n this.gridRowsDefaultArray = Array(this.pageContent.PageHeight).fill(\"1fr\");\n this.gridRows = \"repeat(\" + this.pageContent.PageHeight + \", 1fr)\";\n for (var i = 0;i < this.pageContent.PageHeight;i++){\n this.msGridRows += \"1fr \"\n }\n }\n else {\n document.querySelectorAll('.body-wrapper').item(0).classList.add(\"scroll\");\n this.gridRows = \"repeat(\" + this.pageContent.PageHeight + \", 50px)\";\n for (var i = 0;i < this.pageContent.PageHeight;i++){\n this.msGridRows += \"50px \"\n }\n }\n\n var objGroup = [];\n var index = 0;\n\n this.sort(this.pageContent.Content);\n // console.log(this.pageContent.Content);\n\n this.pageContent.Content.forEach(obj => {\n if(obj.PositionX == 0){\n obj.PositionX = 1;\n }\n if (obj.PositionY == 0){\n obj.PositionY = 1;\n }\n objGroup.push({\n index: index,\n groupId : obj.EPICContentId, \n positionX : obj.PositionX, \n positionY: obj.PositionY \n });\n\n const posX = obj.PositionX;\n const posY = obj.PositionY;\n\n // this.promiseGetEpicGroup(obj.EPICContentId).then(result => {\n // var reportGroup:ReportGroup = JSON.parse(result);\n\n // reportGroup.StartRow = posY == 0 ? 1 : posY;\n // reportGroup.StartColumn = posX == 0 ? 1 : posX;\n \n // this.reportGroupList.splice(index, 0, reportGroup);\n // })\n\n // this.getEPICGroup(obj.EPICContentId, obj.PositionX, obj.PositionY);\n\n index++;\n });\n //this.getAllEPICGroup(objGroup);\n });\n }\n }\n\n setReportGroup(reportGroup: ReportGroup){\n this.reportGroupList.push(reportGroup);\n }\n\n getGridConfig(groupId: string, type: string ){\n if (this.reportGroupList.length > 0){\n var i = this.reportGroupList.find(x => x.GroupId == groupId);\n if (i){\n switch(type){\n case \"startColumn\":\n return i.StartColumn;\n case \"startRow\":\n return i.StartRow;\n case \"height\":\n return i.Height;\n case \"width\":\n return i.Width; \n }\n }\n }\n }\n\n promiseGetEpicGroup(groupId: string): Promise\n \n \n
\n\n \n \n\n EPIC Page Name: {{pageContent.EPICPageName}}\n
\n \n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { ThemeSettingService } from '../services/theme-setting.service';\n\n@Component({\n selector: 'app-loading',\n templateUrl: './loading.component.html',\n styleUrls: ['./loading.component.css']\n})\nexport class LoadingComponent implements OnInit {\n\n loaderConfig:any;\n\n constructor(private themeSettingService: ThemeSettingService) { }\n\n ngOnInit() {\n this.loaderConfig = this.themeSettingService.getTheme();\n }\n\n}\n","import { OnInit } from '@angular/core';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nvar LoadingComponent = /** @class */ (function () {\n function LoadingComponent(themeSettingService) {\n this.themeSettingService = themeSettingService;\n }\n LoadingComponent.prototype.ngOnInit = function () {\n this.loaderConfig = this.themeSettingService.getTheme();\n };\n return LoadingComponent;\n}());\nexport { LoadingComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\"input[type=password].password-tb[_ngcontent-%COMP%] {\\r\\n -ms-flex: 1 0 0px;\\r\\n flex: 1 0 0;\\r\\n padding: 10px 40px;\\r\\n font-size: 13px;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\ninput[type=password].password-tb.disabled[_ngcontent-%COMP%] {\\r\\n pointer-events:none;\\r\\n}\\r\\n\\r\\n.forgot-password[_ngcontent-%COMP%] {\\r\\n border-radius: 5px;\\r\\n position: relative;\\r\\n font-weight: 800;\\r\\n font-size: 13px;\\r\\n padding: 7px 12px;\\r\\n box-shadow: 2px 3px 3px 0 rgba(0,0,0,.16), 2px 2px 3px 0 rgba(0,0,0,.12);\\r\\n transition: all .4s;\\r\\n}\\r\\n\\r\\n.login-btn[_ngcontent-%COMP%] {\\r\\n background-color: var(--primary);\\r\\n border: 1px solid var(--primary);\\r\\n color:#fff;\\r\\n}\\r\\n\\r\\n.forgot-password[_ngcontent-%COMP%] {\\r\\n background-color: #e0e0e0;\\r\\n border: 1px solid #e0e0e0;\\r\\n color: #333;\\r\\n}\\r\\n\\r\\n.login-btn[_ngcontent-%COMP%]:hover, .login-btn[_ngcontent-%COMP%]:focus{\\r\\n border: 1px solid var(--primary);\\r\\n background-color: var(--primary);\\r\\n box-shadow: 2px 5px 11px 0 rgba(0,0,0,.18), 1px 4px 15px 0 rgba(0,0,0,.15);\\r\\n}\\r\\n\\r\\n.forgot-password[_ngcontent-%COMP%]:hover, .forgot-password[_ngcontent-%COMP%]:focus {\\r\\n border: 1px solid #ddd;\\r\\n background-color: #ddd;\\r\\n box-shadow: 2px 5px 11px 0 rgba(0,0,0,.18), 1px 4px 15px 0 rgba(0,0,0,.15);\\r\\n}\\r\\n\\r\\n.flex-group[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n.flex-addon[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n vertical-align: middle;\\r\\n margin: 6px 12px;\\r\\n}\\r\\n\\r\\n.modal-title[_ngcontent-%COMP%] {\\r\\n color: #666;\\r\\n font-weight: 700;\\r\\n max-height: 80px;\\r\\n line-height: 36px;\\r\\n display: -webkit-box;\\r\\n overflow: hidden;\\r\\n -webkit-line-clamp: 2;\\r\\n text-overflow: ellipsis;\\r\\n \\r\\n -webkit-box-orient: vertical;\\r\\n -o-text-overflow: ellipsis;\\r\\n}\\r\\n\\r\\n.modal-header[_ngcontent-%COMP%] {\\r\\n padding: 0.5rem 1rem;\\r\\n}\\r\\n\\r\\n.modal-header[_ngcontent-%COMP%] .close[_ngcontent-%COMP%] {\\r\\n margin: -1rem -1rem -1rem auto;\\r\\n}\\r\\n\\r\\n.modal-header[_ngcontent-%COMP%] .close[_ngcontent-%COMP%]:focus {\\r\\n outline: none;\\r\\n}\\r\\n\\r\\n.arrow-bottom[_ngcontent-%COMP%] {\\r\\n\\tposition: relative;\\r\\n}\\r\\n\\r\\n.arrow-bottom[_ngcontent-%COMP%]:before {\\r\\n\\ttop: 100%;\\r\\n\\tleft: 15%;\\r\\n\\tborder: solid transparent;\\r\\n\\tcontent: \\\" \\\";\\r\\n\\theight: 0;\\r\\n\\twidth: 0;\\r\\n\\tposition: absolute;\\r\\n\\tpointer-events: none;\\r\\n\\tborder-top-color: #db4746;\\r\\n\\tborder-width: 7px;\\r\\n\\tmargin-left: -15px;\\r\\n}\\r\\n\\r\\n.blue-arrow-bottom[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.caps-error[_ngcontent-%COMP%] {\\r\\n display: block;\\r\\n background-color: var(--primary);\\r\\n box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);\\r\\n color: #FFF;\\r\\n padding: 5px;\\r\\n font-size: 0.8125rem;\\r\\n border-radius: 7px;\\r\\n position: relative;\\r\\n bottom: -8px;\\r\\n left: 10px;\\r\\n width: 150PX;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.caps-error[_ngcontent-%COMP%]:before {\\r\\n top: -50%;\\r\\n left: 20%;\\r\\n border: solid transparent;\\r\\n content: ' ';\\r\\n height: 0;\\r\\n width: 0;\\r\\n position: absolute;\\r\\n pointer-events: none;\\r\\n border-bottom-color:var(--primary);\\r\\n border-width: 7px;\\r\\n margin-left: -15px;\\r\\n}\\r\\n\\r\\n.validation-has-error[_ngcontent-%COMP%], .pw-validation-has-error[_ngcontent-%COMP%], .validation-invalid[_ngcontent-%COMP%] {\\r\\n display: none;\\r\\n background-color: rgb(218, 71, 71);\\r\\n box-shadow: rgba(236, 61, 61, 0.9) 0px 1px 1px;\\r\\n color: #fff;padding: 8px;\\r\\n font-size: 0.8125rem;\\r\\n border-radius: 7px;\\r\\n position: relative;\\r\\n bottom: 10px;\\r\\n left: 10px;\\r\\n \\r\\n width: 60%;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.validation-has-error.show[_ngcontent-%COMP%], .pw-validation-has-error.show[_ngcontent-%COMP%], .validation-invalid.show[_ngcontent-%COMP%] {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.validation-invalid[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n}\\r\\n\\r\\n.validation-invalid[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] {\\r\\n list-style: none;\\r\\n font-size: 15px;\\r\\n}\\r\\n\\r\\n.red-border[_ngcontent-%COMP%] {\\r\\n border: 1px solid rgb(218, 71, 71);\\r\\n box-shadow: none !important;\\r\\n}\\r\\n\\r\\n.container-loader[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n width:100%;\\r\\n display: block;\\r\\n position: absolute;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n background: rgba(255,255, 255, 0.5) ;\\r\\n z-index: 555;\\r\\n min-height: 150px;\\r\\n}\\r\\n\\r\\n.forgot-password-link[_ngcontent-%COMP%] {\\r\\n font-style: italic;\\r\\n font-size: 13px;\\r\\n}\\r\\n\\r\\n.modal-body[_ngcontent-%COMP%] {\\r\\n padding: 1rem 1rem 0.5rem;\\r\\n}\\r\\n\\r\\n.modal-footer[_ngcontent-%COMP%] {\\r\\n -ms-flex-pack: justify;\\r\\n justify-content: space-between;\\r\\n}\\r\\n\\r\\n.password-tb[_ngcontent-%COMP%]::-webkit-input-placeholder { \\r\\n font-weight: 400;\\r\\n color:#a9a9a9;\\r\\n}\\r\\n\\r\\n.password-tb[_ngcontent-%COMP%]::-moz-placeholder{ \\r\\n font-weight: 400;\\r\\n color:#a9a9a9;\\r\\n}\\r\\n\\r\\n.password-tb[_ngcontent-%COMP%]:-ms-input-placeholder { \\r\\n font-weight: 400;\\r\\n color:#a9a9a9;\\r\\n}\\r\\n\\r\\n.password-tb[_ngcontent-%COMP%]:-moz-placeholder { \\r\\n font-weight: 400;\\r\\n color:#a9a9a9;\\r\\n}\\r\\n\\r\\ninput[_ngcontent-%COMP%]{\\r\\n -webkit-filter: none;\\r\\n filter: none;\\r\\n }\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./login-modal.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../../../node_modules/ngx-loading/ngx-loading.ngfactory\";\nimport * as i3 from \"ngx-loading\";\nimport * as i4 from \"@angular/common\";\nimport * as i5 from \"@angular/forms\";\nimport * as i6 from \"../track-caps.directive\";\nimport * as i7 from \"./login-modal.component\";\nimport * as i8 from \"../services/login.service\";\nimport * as i9 from \"../objects/Globals\";\nimport * as i10 from \"@angular/router\";\nimport * as i11 from \"ngx-bootstrap/modal\";\nimport * as i12 from \"../Globals\";\nimport * as i13 from \"../services/theme-setting.service\";\nimport * as i14 from \"../services/confirmation.service\";\nimport * as i15 from \"angular2-toaster/src/toaster.service\";\nimport * as i16 from \"../services/header.service\";\nimport * as i17 from \"../services/session-timer.service\";\nvar styles_LoginModalComponent = [i0.styles];\nvar RenderType_LoginModalComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_LoginModalComponent, data: {} });\nexport { RenderType_LoginModalComponent as RenderType_LoginModalComponent };\nfunction View_LoginModalComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"container-loader\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"ngx-loading\", [], null, null, null, i2.View_NgxLoadingComponent_0, i2.RenderType_NgxLoadingComponent)), i1.ɵdid(2, 114688, null, 0, i3.NgxLoadingComponent, [i3.NgxLoadingService, i1.ChangeDetectorRef], { show: [0, \"show\"], config: [1, \"config\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isBusy; var currVal_1 = _co.loaderConfig; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_LoginModalComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"caps-error\": 0 }), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Caps Lock is On\"]))], function (_ck, _v) { var currVal_0 = _ck(_v, 2, 0, true); _ck(_v, 1, 0, currVal_0); }, null); }\nexport function View_LoginModalComponent_0(_l) { return i1.ɵvid(0, [i1.ɵqud(402653184, 1, { password: 0 }), (_l()(), i1.ɵeld(1, 0, null, null, 33, \"form\", [[\"novalidate\", \"\"]], [[2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"submit\"], [null, \"reset\"]], function (_v, en, $event) { var ad = true; if ((\"submit\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 3).onSubmit($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"reset\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 3).onReset() !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), i1.ɵdid(2, 16384, null, 0, i5.ɵangular_packages_forms_forms_bg, [], null, null), i1.ɵdid(3, 4210688, [[\"loginForm\", 4]], 0, i5.NgForm, [[8, null], [8, null]], null, null), i1.ɵprd(2048, null, i5.ControlContainer, null, [i5.NgForm]), i1.ɵdid(5, 16384, null, 0, i5.NgControlStatusGroup, [[4, i5.ControlContainer]], null, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_LoginModalComponent_1)), i1.ɵdid(7, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(8, 0, null, null, 5, \"div\", [[\"class\", \"modal-header\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(9, 0, null, null, 1, \"h3\", [[\"class\", \"modal-title\"]], null, null, null, null, null)), (_l()(), i1.ɵted(10, null, [\"\", \"\"])), (_l()(), i1.ɵeld(11, 0, null, null, 2, \"button\", [[\"aria-label\", \"Close\"], [\"class\", \"close close-modal\"], [\"data-dismiss\", \"modal\"], [\"type\", \"button\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.onDecline() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(12, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"style\", \"font-size: 25px;\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(14, 0, null, null, 15, \"div\", [[\"class\", \"modal-body\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(15, 0, null, null, 4, \"div\", [], null, null, null, null, null)), i1.ɵdid(16, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(17, { \"arrow-bottom\": 0, \"pw-validation-has-error\": 1, \"show\": 2 }), (_l()(), i1.ɵeld(18, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Password is required\"])), (_l()(), i1.ɵeld(20, 0, null, null, 5, \"div\", [[\"class\", \"flex-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(21, 0, null, null, 1, \"span\", [[\"class\", \"flex-addon\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(22, 0, null, null, 0, \"img\", [[\"height\", \"20\"], [\"src\", \"../../assets/images/profile-circle.png\"], [\"width\", \"20\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(23, 0, [[1, 0], [\"password\", 1]], null, 2, \"input\", [[\"autofocus\", \"\"], [\"id\", \"password\"], [\"name\", \"password\"], [\"placeholder\", \"Password\"], [\"required\", \"\"], [\"type\", \"password\"]], [[8, \"disabled\", 0]], null, null, null, null)), i1.ɵdid(24, 278528, null, 0, i4.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(25, { \"form-control password-tb\": 0, \"red-border\": 1 }), (_l()(), i1.ɵeld(26, 0, null, null, 3, \"div\", [], null, [[null, \"capsLock\"], [\"window\", \"keydown\"], [\"window\", \"keyup\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"window:keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 27).onKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"window:keyup\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 27).onKeyUp($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"capsLock\" === en)) {\n var pd_2 = ((_co.capsOn = $event) !== false);\n ad = (pd_2 && ad);\n } return ad; }, null, null)), i1.ɵdid(27, 16384, null, 0, i6.TrackCapsDirective, [], null, { capsLock: \"capsLock\" }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_LoginModalComponent_2)), i1.ɵdid(29, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(30, 0, null, null, 4, \"div\", [[\"class\", \"modal-footer\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(31, 0, null, null, 1, \"a\", [[\"class\", \"forgot-password-link\"], [\"href\", \"javascript:void(0)\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.forgotLoginDetails() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"Forgot your password?\"])), (_l()(), i1.ɵeld(33, 0, null, null, 1, \"button\", [[\"class\", \"btn btn-primary login-btn\"], [\"type\", \"submit\"]], [[8, \"disabled\", 0]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.onConfirm(i1.ɵnov(_v, 23).value) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"LOGIN\"]))], function (_ck, _v) { var _co = _v.component; var currVal_7 = _co.isBusy; _ck(_v, 7, 0, currVal_7); var currVal_9 = _ck(_v, 17, 0, true, true, _co.isEmptyPassword); _ck(_v, 16, 0, currVal_9); var currVal_11 = _ck(_v, 25, 0, true, _co.isEmptyPassword); _ck(_v, 24, 0, currVal_11); var currVal_12 = _co.capsOn; _ck(_v, 29, 0, currVal_12); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵnov(_v, 5).ngClassUntouched; var currVal_1 = i1.ɵnov(_v, 5).ngClassTouched; var currVal_2 = i1.ɵnov(_v, 5).ngClassPristine; var currVal_3 = i1.ɵnov(_v, 5).ngClassDirty; var currVal_4 = i1.ɵnov(_v, 5).ngClassValid; var currVal_5 = i1.ɵnov(_v, 5).ngClassInvalid; var currVal_6 = i1.ɵnov(_v, 5).ngClassPending; _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6); var currVal_8 = _co.username; _ck(_v, 10, 0, currVal_8); var currVal_10 = _co.submitted; _ck(_v, 23, 0, currVal_10); var currVal_13 = _co.submitted; _ck(_v, 33, 0, currVal_13); }); }\nexport function View_LoginModalComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-login-modal\", [], null, null, null, View_LoginModalComponent_0, RenderType_LoginModalComponent)), i1.ɵdid(1, 114688, null, 0, i7.LoginModalComponent, [i8.LoginService, i9.Globals, i10.Router, i11.BsModalRef, i11.BsModalRef, i11.BsModalService, i12.TokenManager, i13.ThemeSettingService, i14.ConfirmationService, i15.ToasterService, i16.HeaderService, i17.SessionTimerService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar LoginModalComponentNgFactory = i1.ɵccf(\"app-login-modal\", i7.LoginModalComponent, View_LoginModalComponent_Host_0, {}, {}, []);\nexport { LoginModalComponentNgFactory as LoginModalComponentNgFactory };\n","","import { Component, OnInit, ViewChild, ElementRef, Output, EventEmitter } from '@angular/core';\nimport { BsModalRef, BsModalService } from '../../../node_modules/ngx-bootstrap';\nimport { LoginService } from '../services/login.service';\nimport { Globals } from '../objects/Globals';\nimport { Router } from '@angular/router';\nimport { TokenManager } from '../Globals';\nimport { Subject } from 'rxjs';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { ForgotLoginComponent } from '../forgot-login/forgot-login.component';\nimport { ConfirmationService } from '../services/confirmation.service';\nimport { AppSession } from '../objects/Session';\nimport { ToasterService } from 'angular2-toaster';\nimport { LoadingComponent } from '../loading/loading.component';\nimport { HeaderService } from '../services/header.service';\nimport { SessionTimerService } from '../services/session-timer.service';\n\n@Component({\n selector: 'app-login-modal',\n templateUrl: './login-modal.component.html',\n styleUrls: ['./login-modal.component.css']\n})\nexport class LoginModalComponent implements OnInit {\n\n @ViewChild('password') password: ElementRef;\n \n submitted: boolean = false;\n isEmptyPassword: boolean = false;\n isBusy:boolean = false;\n username: string;\n capsOn: boolean;\n public invalid: Subject\n \n
","import { Component, OnInit, TemplateRef, Input, ViewChild, ElementRef, OnDestroy } from '@angular/core';\nimport { LoginService } from '../services/login.service';\nimport { Globals } from '../objects/Globals';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { environment } from '../../environments/environment';\nimport { LoginModalComponent } from '../login-modal/login-modal.component';\n\nimport { BsModalService, ModalOptions } from 'ngx-bootstrap/modal';\nimport { BsModalRef } from 'ngx-bootstrap/modal/bs-modal-ref.service';\nimport { TokenManager } from '../Globals';\nimport { ForgotLoginComponent } from '../forgot-login/forgot-login.component';\nimport { AppSession } from '../objects/Session';\nimport { EnvService } from '../env.service';\nimport { ModalControlComponent } from '../modal-control/modal-control.component';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'app-login',\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.css']\n})\nexport class LoginComponent implements OnInit, OnDestroy {\n submitted: boolean = false;\n modalRef: BsModalRef;\n isEmptyUsername: boolean = false;\n isInvalid: boolean = false;\n portalTitle:string;\n portalBackground:string;\n isLoginPage: boolean = false;\n showLoginTerms: boolean = false;\n urlRouter: Subscription;\n private primaryColour:string;\n\n @ViewChild('username') public username:ElementRef;\n\n constructor(private route:ActivatedRoute, \n private loginService:LoginService, \n public globals: Globals, \n private router:Router, \n private modalService: BsModalService,\n private tokenManager:TokenManager,\n private env: EnvService,\n private workspaceService: WorkspaceService) { \n this.portalTitle = this.env.portalTitle;\n this.portalBackground = this.env.loginBackdrop;\n this.primaryColour = this.env.primaryColor;\n this.showLoginTerms = this.env.showLoginTerms;\n\n this.urlRouter = router.events.subscribe((val) => {\n if (router.url.indexOf(\"/login\") > -1) {\n this.isLoginPage = true;\n }\n else {\n this.isLoginPage = false\n }\n });\n\n }\n\n openModal(template: TemplateRef\n
\n\n \n \n
\n \n Welcome {{globals.Session.DisplayName}}, \n Your last login was {{globals.Session.LastLogin | date:'d MMM yyyy h:mm aa'}}\n
\n \n ![](\"../../assets/images/portal_logo.png\")
\n
","import { Component, OnInit, OnDestroy } from '@angular/core';\nimport { TokenManager } from '../Globals';\nimport { LoginService } from '../services/login.service';\nimport { NgProgress, NgProgressRef } from '@ngx-progressbar/core';\nimport { Globals } from '../objects/Globals';\nimport { Router } from '@angular/router';\nimport { MainLoadingService } from '../services/main-loading.service';\nimport { WorkflowReturnService } from '../services/workflow-return.service';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'app-logo',\n templateUrl: './logo.component.html',\n styleUrls: ['./logo.component.css']\n})\nexport class LogoComponent implements OnInit, OnDestroy {\n\n progressRef: NgProgressRef;\n subRouter: Subscription;\n startPage: boolean = false;\n \n constructor(private tokenManager:TokenManager, private loginService:LoginService, private progress:NgProgress, private globals:Globals, private router:Router, \n private mainLoadingService: MainLoadingService, private workflowReturnService: WorkflowReturnService) { \n this.subRouter = router.events.subscribe((val) => {\n if (router.url.indexOf(\"/khamis-start\") > -1){\n this.startPage = true;\n }\n else{\n this.startPage = false;\n }\n });\n\n }\n\n ngOnInit() {\n this.progressRef = this.progress.ref('progressBar');\n }\n\n goToHome(){\n if (!this.startPage){\n this.tokenManager.store(\"BRNCurrentMenu\", \"Home\");\n this.mainLoadingService.setProgressBar(true);\n this.loginService.getHomePage().subscribe(result=>{\n var command = JSON.parse(result);\n this.workflowReturnService.handleWorkflowReturn(command, true, true);\n this.mainLoadingService.setProgressBar(false);\n });\n }\n }\n\n ngOnDestroy(){\n if (this.subRouter) this.subRouter.unsubscribe();\n }\n}\n","import { OnInit, OnDestroy } from '@angular/core';\nimport { TokenManager } from '../Globals';\nimport { LoginService } from '../services/login.service';\nimport { NgProgress } from '@ngx-progressbar/core';\nimport { Globals } from '../objects/Globals';\nimport { Router } from '@angular/router';\nimport { MainLoadingService } from '../services/main-loading.service';\nimport { WorkflowReturnService } from '../services/workflow-return.service';\nvar LogoComponent = /** @class */ (function () {\n function LogoComponent(tokenManager, loginService, progress, globals, router, mainLoadingService, workflowReturnService) {\n var _this = this;\n this.tokenManager = tokenManager;\n this.loginService = loginService;\n this.progress = progress;\n this.globals = globals;\n this.router = router;\n this.mainLoadingService = mainLoadingService;\n this.workflowReturnService = workflowReturnService;\n this.startPage = false;\n this.subRouter = router.events.subscribe(function (val) {\n if (router.url.indexOf(\"/khamis-start\") > -1) {\n _this.startPage = true;\n }\n else {\n _this.startPage = false;\n }\n });\n }\n LogoComponent.prototype.ngOnInit = function () {\n this.progressRef = this.progress.ref('progressBar');\n };\n LogoComponent.prototype.goToHome = function () {\n var _this = this;\n if (!this.startPage) {\n this.tokenManager.store(\"BRNCurrentMenu\", \"Home\");\n this.mainLoadingService.setProgressBar(true);\n this.loginService.getHomePage().subscribe(function (result) {\n var command = JSON.parse(result);\n _this.workflowReturnService.handleWorkflowReturn(command, true, true);\n _this.mainLoadingService.setProgressBar(false);\n });\n }\n };\n LogoComponent.prototype.ngOnDestroy = function () {\n if (this.subRouter)\n this.subRouter.unsubscribe();\n };\n return LogoComponent;\n}());\nexport { LogoComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".modal-header[_ngcontent-%COMP%] {\\r\\n border-bottom: none;\\r\\n}\\r\\n\\r\\n.modal-body[_ngcontent-%COMP%] {\\r\\n margin-bottom: 60px;\\r\\n}\\r\\n\\r\\n.modal-footer[_ngcontent-%COMP%] {\\r\\n width: 90%;\\r\\n margin-top: auto;\\r\\n position: absolute;\\r\\n bottom: 0;\\r\\n padding: 0.75rem 0;\\r\\n right: 25px;\\r\\n margin: 0 auto;\\r\\n border-top: 2px solid #ddd;\\r\\n}\\r\\n\\r\\n.btn-respond[_ngcontent-%COMP%] {\\r\\n min-width: 50px;\\r\\n}\\r\\n\\r\\n.body-message[_ngcontent-%COMP%] {\\r\\n text-align: center;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./message-popup.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"./message-popup.component\";\nimport * as i4 from \"ngx-bootstrap/modal\";\nvar styles_MessagePopupComponent = [i0.styles];\nvar RenderType_MessagePopupComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_MessagePopupComponent, data: {} });\nexport { RenderType_MessagePopupComponent as RenderType_MessagePopupComponent };\nfunction View_MessagePopupComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"button\", [[\"class\", \"btn btn-default btn-respond\"], [\"type\", \"button\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.respond(_v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_MessagePopupComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_MessagePopupComponent_2)), i1.ɵdid(2, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.options; _ck(_v, 2, 0, currVal_0); }, null); }\nexport function View_MessagePopupComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 0, \"div\", [[\"class\", \"modal-header\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"div\", [[\"class\", \"modal-body\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 0, \"div\", [[\"class\", \"body-message\"]], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵeld(3, 0, null, null, 2, \"div\", [[\"class\", \"modal-footer\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_MessagePopupComponent_1)), i1.ɵdid(5, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_1 = _co.options.length; _ck(_v, 5, 0, currVal_1); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.message; _ck(_v, 2, 0, currVal_0); }); }\nexport function View_MessagePopupComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-message-popup\", [], null, null, null, View_MessagePopupComponent_0, RenderType_MessagePopupComponent)), i1.ɵdid(1, 114688, null, 0, i3.MessagePopupComponent, [i4.BsModalRef], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar MessagePopupComponentNgFactory = i1.ɵccf(\"app-message-popup\", i3.MessagePopupComponent, View_MessagePopupComponent_Host_0, {}, {}, []);\nexport { MessagePopupComponentNgFactory as MessagePopupComponentNgFactory };\n","\n\n
\n\n \n
\n\n ","import { Component, OnInit } from '@angular/core';\nimport { BsModalRef } from 'ngx-bootstrap';\n\n@Component({\n selector: 'app-message-popup',\n templateUrl: './message-popup.component.html',\n styleUrls: ['./message-popup.component.css']\n})\nexport class MessagePopupComponent implements OnInit {\n\n title: string;\n message: string;\n options: string[];\n answer: string = \"\";\n\n constructor(public bsModalRef: BsModalRef) { }\n\n ngOnInit() {\n }\n\n respond(answer: string) {\n this.answer = answer;\n this.bsModalRef.hide();\n }\n}\n","import { OnInit } from '@angular/core';\nimport { BsModalRef } from 'ngx-bootstrap';\nvar MessagePopupComponent = /** @class */ (function () {\n function MessagePopupComponent(bsModalRef) {\n this.bsModalRef = bsModalRef;\n this.answer = \"\";\n }\n MessagePopupComponent.prototype.ngOnInit = function () {\n };\n MessagePopupComponent.prototype.respond = function (answer) {\n this.answer = answer;\n this.bsModalRef.hide();\n };\n return MessagePopupComponent;\n}());\nexport { MessagePopupComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".modal-header[_ngcontent-%COMP%] {\\r\\n padding: 5px 0;\\r\\n background-color: var(--primary);\\r\\n min-height: 44px;\\r\\n margin: 0px 0px 0 0px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.modal-title[_ngcontent-%COMP%] {\\r\\n padding-left: 20px;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.actions-container[_ngcontent-%COMP%] {\\r\\n margin-right: 40px;\\r\\n}\\r\\n\\r\\n.btn-action[_ngcontent-%COMP%] {\\r\\n padding: 5px 10px;\\r\\n margin-bottom: 0;\\r\\n font-size: 13px;\\r\\n border: 1px solid #ebdfff;\\r\\n border-radius: 2px;\\r\\n color: #fff;\\r\\n background-color: var(--primary);\\r\\n font-weight: 600;\\r\\n float: right;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.close-modal[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n padding: 0;\\r\\n line-height: 16px;\\r\\n font-weight: 400;\\r\\n color: #fff;\\r\\n right: 25px;\\r\\n top: 21px;\\r\\n text-shadow: none;\\r\\n opacity: 1;\\r\\n width: 30px;\\r\\n height: 30px;\\r\\n}\\r\\n\\r\\n.modal-body[_ngcontent-%COMP%] {\\r\\n max-height: calc(100vh - 120px);\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./modal-control.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"../../../node_modules/ngx-loading/ngx-loading.ngfactory\";\nimport * as i3 from \"ngx-loading\";\nimport * as i4 from \"@angular/common\";\nimport * as i5 from \"../comparison/comparison.component.ngfactory\";\nimport * as i6 from \"../comparison/comparison.component\";\nimport * as i7 from \"../services/detail-comparison.service\";\nimport * as i8 from \"../objects/Globals\";\nimport * as i9 from \"../services/workspace.service\";\nimport * as i10 from \"../services/workflow-return.service\";\nimport * as i11 from \"ngx-contextmenu\";\nimport * as i12 from \"../sub-summary/sub-summary.component.ngfactory\";\nimport * as i13 from \"../sub-summary/sub-summary.component\";\nimport * as i14 from \"@angular/router\";\nimport * as i15 from \"../services/summary.service\";\nimport * as i16 from \"../Globals\";\nimport * as i17 from \"angular2-toaster/src/toaster.service\";\nimport * as i18 from \"../services/toaster-message.service\";\nimport * as i19 from \"../services/theme-setting.service\";\nimport * as i20 from \"../services/confirmation.service\";\nimport * as i21 from \"../services/attachment.service\";\nimport * as i22 from \"@angular/platform-browser\";\nimport * as i23 from \"ngx-bootstrap/modal\";\nimport * as i24 from \"../services/loading-summary.service\";\nimport * as i25 from \"../services/header.service\";\nimport * as i26 from \"../env.service\";\nimport * as i27 from \"../services/side-popup.service\";\nimport * as i28 from \"../detail-form/detail-form.component.ngfactory\";\nimport * as i29 from \"../detail-form/detail-form.component\";\nimport * as i30 from \"../services/modal-control.service\";\nimport * as i31 from \"../services/detail.service\";\nimport * as i32 from \"../services/scroll.service\";\nimport * as i33 from \"../services/message-popup.service\";\nimport * as i34 from \"../services/login.service\";\nimport * as i35 from \"../chart/chart.component.ngfactory\";\nimport * as i36 from \"../chart/chart.component\";\nimport * as i37 from \"../services/chart.service\";\nimport * as i38 from \"../services/main-loading.service\";\nimport * as i39 from \"../safe-html.pipe\";\nimport * as i40 from \"../custom-pipe\";\nimport * as i41 from \"./modal-control.component\";\nvar styles_ModalControlComponent = [i0.styles];\nvar RenderType_ModalControlComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_ModalControlComponent, data: {} });\nexport { RenderType_ModalControlComponent as RenderType_ModalControlComponent };\nfunction View_ModalControlComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"container-loader\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"ngx-loading\", [], null, null, null, i2.View_NgxLoadingComponent_0, i2.RenderType_NgxLoadingComponent)), i1.ɵdid(2, 114688, null, 0, i3.NgxLoadingComponent, [i3.NgxLoadingService, i1.ChangeDetectorRef], { show: [0, \"show\"], config: [1, \"config\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isBusy; var currVal_1 = _co.loaderConfig; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_ModalControlComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), i1.ɵppd(1, 1)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵunv(_v, 0, 0, _ck(_v, 1, 0, i1.ɵnov(_v.parent, 0), _co.popupTitle)); _ck(_v, 0, 0, currVal_0); }); }\nfunction View_ModalControlComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), i1.ɵppd(1, 1)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵunv(_v, 0, 0, _ck(_v, 1, 0, i1.ɵnov(_v.parent, 0), _co.title)); _ck(_v, 0, 0, currVal_0); }); }\nfunction View_ModalControlComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.popTitle; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_ModalControlComponent_7(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 0, \"input\", [[\"class\", \"btn btn-primary mr-2 btn-action others\"], [\"type\", \"button\"]], [[8, \"value\", 0]], [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.setCurrentAction(_v.parent.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null))], null, function (_ck, _v) { var currVal_0 = i1.ɵinlineInterpolate(1, \"\", _v.parent.context.$implicit.ActionDisplay, \"\"); _ck(_v, 0, 0, currVal_0); }); }\nfunction View_ModalControlComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_7)), i1.ɵdid(2, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = !_v.context.$implicit.DisplayOnGroup; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_ModalControlComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"actions-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_6)), i1.ɵdid(2, 278528, null, 0, i4.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.actions; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_ModalControlComponent_9(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-comparison\", [], null, [[null, \"compareActions\"], [null, \"loadingPopup\"], [null, \"hidePopup\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"compareActions\" === en)) {\n var pd_0 = (_co.setActions($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"loadingPopup\" === en)) {\n var pd_1 = (_co.handleLoading($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"hidePopup\" === en)) {\n var pd_2 = (_co.hide() !== false);\n ad = (pd_2 && ad);\n } return ad; }, i5.View_ComparisonComponent_0, i5.RenderType_ComparisonComponent)), i1.ɵdid(2, 245760, null, 0, i6.ComparisonComponent, [i7.DetailComparisonService, i8.Globals, i9.WorkspaceService, i10.WorkflowReturnService, i11.ContextMenuService], { setComponentId: [0, \"setComponentId\"], triggerAction: [1, \"triggerAction\"] }, { compareActions: \"compareActions\", loadingPopup: \"loadingPopup\", hidePopup: \"hidePopup\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.componentId; var currVal_1 = _co.currentAction; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_ModalControlComponent_10(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-sub-summary\", [], null, [[null, \"hidePopup\"], [null, \"setPopupTitle\"], [null, \"popupSelectedId\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"hidePopup\" === en)) {\n var pd_0 = (_co.hide() !== false);\n ad = (pd_0 && ad);\n } if ((\"setPopupTitle\" === en)) {\n var pd_1 = ((_co.title = $event) !== false);\n ad = (pd_1 && ad);\n } if ((\"popupSelectedId\" === en)) {\n var pd_2 = (_co.onSelected($event) !== false);\n ad = (pd_2 && ad);\n } return ad; }, i12.View_SubSummaryComponent_0, i12.RenderType_SubSummaryComponent)), i1.ɵdid(2, 4964352, [[\"subsummary\", 4]], 0, i13.SubSummaryComponent, [i14.ActivatedRoute, i8.Globals, i15.SummaryService, i14.Router, i16.TokenManager, i17.ToasterService, i18.ToasterMessageService, i19.ThemeSettingService, i20.ConfirmationService, i9.WorkspaceService, i21.AttachmentService, i22.DomSanitizer, i23.BsModalService, i24.LoadingSummaryService, i11.ContextMenuService, i10.WorkflowReturnService, i25.HeaderService, i1.ElementRef, i1.Renderer2, i26.EnvService, i27.SidePopupService], { isSummaryPopup: [0, \"isSummaryPopup\"], componentIdSet: [1, \"componentIdSet\"], setExpandSummary: [2, \"setExpandSummary\"] }, { popupSelectedId: \"popupSelectedId\", setPopupTitle: \"setPopupTitle\", hidePopup: \"hidePopup\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = true; var currVal_1 = _co.componentId; var currVal_2 = _co.expandSummary; _ck(_v, 2, 0, currVal_0, currVal_1, currVal_2); }, null); }\nfunction View_ModalControlComponent_11(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-detail-form\", [], null, [[null, \"detailActions\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"detailActions\" === en)) {\n var pd_0 = (_co.setActions($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i28.View_DetailFormComponent_0, i28.RenderType_DetailFormComponent)), i1.ɵdid(2, 4308992, null, 0, i29.DetailFormComponent, [i14.Router, i30.ModalControlService, i31.DetailService, i32.ScrollService, i20.ConfirmationService, i23.BsModalService, i18.ToasterMessageService, i33.MessagePopupService, i9.WorkspaceService, i19.ThemeSettingService, i8.Globals, i25.HeaderService, i34.LoginService, i21.AttachmentService], { isPopup: [0, \"isPopup\"], setComponentId: [1, \"setComponentId\"], actionOnDetail: [2, \"actionOnDetail\"] }, { detailActions: \"detailActions\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = true; var currVal_1 = _co.componentId; var currVal_2 = _co.currentAction; _ck(_v, 2, 0, currVal_0, currVal_1, currVal_2); }, null); }\nfunction View_ModalControlComponent_12(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"object\", [[\"height\", \"100%\"], [\"width\", \"100%\"]], [[8, \"data\", 5]], null, null, null, null)), i1.ɵppd(2, 1), (_l()(), i1.ɵeld(3, 0, null, null, 0, \"div\", [[\"style\", \"height: 36px;width: 240px;position: absolute;bottom: 16px;right: 16px;background-color: #eaeaea;\"]], null, null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵunv(_v, 1, 0, _ck(_v, 2, 0, i1.ɵnov(_v.parent.parent, 1), _co.source)); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_ModalControlComponent_13(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-chart\", [], null, null, null, i35.View_ChartComponent_0, i35.RenderType_ChartComponent)), i1.ɵdid(2, 114688, null, 0, i36.ChartComponent, [i1.ElementRef, i8.Globals, i37.ChartService, i19.ThemeSettingService, i23.BsModalService, i38.MainLoadingService, i9.WorkspaceService, i11.ContextMenuService, i15.SummaryService, i26.EnvService], { isExpandChart: [0, \"isExpandChart\"], setComponentId: [1, \"setComponentId\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = true; var currVal_1 = _co.componentId; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_ModalControlComponent_14(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"div\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), i1.ɵppd(2, 1)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵunv(_v, 1, 0, _ck(_v, 2, 0, i1.ɵnov(_v.parent.parent, 0), _co.message)); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_ModalControlComponent_8(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 14, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 13, null, null, null, null, null, null, null)), i1.ɵdid(2, 16384, null, 0, i4.NgSwitch, [], { ngSwitch: [0, \"ngSwitch\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_9)), i1.ɵdid(4, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_10)), i1.ɵdid(6, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_11)), i1.ɵdid(8, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_12)), i1.ɵdid(10, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_13)), i1.ɵdid(12, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_14)), i1.ɵdid(14, 278528, null, 0, i4.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i4.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.type.toUpperCase(); _ck(_v, 2, 0, currVal_0); var currVal_1 = \"COMPARE\"; _ck(_v, 4, 0, currVal_1); var currVal_2 = \"SUMMARY\"; _ck(_v, 6, 0, currVal_2); var currVal_3 = \"FORM\"; _ck(_v, 8, 0, currVal_3); var currVal_4 = \"OTHERS\"; _ck(_v, 10, 0, currVal_4); var currVal_5 = \"CHART\"; _ck(_v, 12, 0, currVal_5); var currVal_6 = \"NOTIFICATION\"; _ck(_v, 14, 0, currVal_6); }, null); }\nexport function View_ModalControlComponent_0(_l) { return i1.ɵvid(0, [i1.ɵpid(0, i39.SafeHtmlPipe, [i22.DomSanitizer]), i1.ɵpid(0, i40.SafePipe, [i22.DomSanitizer]), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_1)), i1.ɵdid(3, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(4, 0, null, null, 12, \"div\", [[\"class\", \"modal-header\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 6, \"h6\", [[\"class\", \"modal-title\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_2)), i1.ɵdid(7, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_3)), i1.ɵdid(9, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_4)), i1.ɵdid(11, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_5)), i1.ɵdid(13, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(14, 0, null, null, 2, \"button\", [[\"aria-label\", \"Close\"], [\"class\", \"close close-modal\"], [\"data-dismiss\", \"modal\"], [\"type\", \"button\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.hide() !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(15, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"style\", \"font-size: 25px;\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(17, 0, [[\"modalBody\", 1]], null, 2, \"div\", [[\"class\", \"modal-body custom-scrollbar\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ModalControlComponent_8)), i1.ɵdid(19, 16384, null, 0, i4.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isBusy; _ck(_v, 3, 0, currVal_0); var currVal_1 = _co.popupTitle; _ck(_v, 7, 0, currVal_1); var currVal_2 = _co.title; _ck(_v, 9, 0, currVal_2); var currVal_3 = !_co.title; _ck(_v, 11, 0, currVal_3); var currVal_4 = (_co.actions.length > 0); _ck(_v, 13, 0, currVal_4); var currVal_5 = _co.type; _ck(_v, 19, 0, currVal_5); }, null); }\nexport function View_ModalControlComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-modal-control\", [], null, [[\"document\", \"keydown\"]], function (_v, en, $event) { var ad = true; if ((\"document:keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1).handleKeyup($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, View_ModalControlComponent_0, RenderType_ModalControlComponent)), i1.ɵdid(1, 114688, null, 0, i41.ModalControlComponent, [i19.ThemeSettingService, i23.BsModalRef, i23.BsModalService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar ModalControlComponentNgFactory = i1.ɵccf(\"app-modal-control\", i41.ModalControlComponent, View_ModalControlComponent_Host_0, {}, { subSelectedId: \"subSelectedId\" }, []);\nexport { ModalControlComponentNgFactory as ModalControlComponentNgFactory };\n","\n\n\n
\n\n
\n{{ popTitle }}
\n 0\">\n \n \n \n
\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
","import { Component, OnInit, Output, EventEmitter, HostListener } from '@angular/core';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { BsModalRef, BsModalService, ModalOptions } from 'ngx-bootstrap';\nimport { DetailPopupComponent } from '../detail-popup/detail-popup.component';\nimport { Action } from '../objects/DetailObject';\n\n@Component({\n selector: 'app-modal-control',\n templateUrl: './modal-control.component.html',\n styleUrls: ['./modal-control.component.css']\n})\nexport class ModalControlComponent implements OnInit {\n \n @HostListener(\"document:keydown\", [\"$event\"])\n handleKeyup(event) {\n if (event.keyCode === 8 && event.target.tagName.toUpperCase() != \"INPUT\" && event.target.tagName.toUpperCase() != \"TEXTAREA\") {\n event.preventDefault();\n }\n }\n\n isBusy: boolean = false;\n loaderConfig: any;\n modalRef: BsModalRef;\n title:string;\n popupTitle: string;\n type: string;\n actions: Action[] = [];\n currentAction: any;\n expandSummary: boolean = false;\n\n @Output() subSelectedId = new EventEmitter\n
\n \r\n
\r\nProcessing action...
\r\n\r\n
\r\n","import { Component, OnInit, ViewChild, TemplateRef } from '@angular/core';\nimport { HeaderService } from '../services/header.service';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { MessagePopupService } from '../services/message-popup.service';\nimport { ThemeSetting } from '../objects/ThemeObject';\nimport { ThemeSettingService } from '../services/theme-setting.service';\n\n@Component({\n selector: 'app-onetimeaction',\n templateUrl: './onetimeaction.component.html',\n styleUrls: ['./onetimeaction.component.css']\n})\nexport class OnetimeactionComponent implements OnInit {\n\n @ViewChild('customLoadingTemplate') customLoadingTemplate: TemplateRef\n
\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-page-not-found',\n templateUrl: './page-not-found.component.html',\n styleUrls: ['./page-not-found.component.css']\n})\nexport class PageNotFoundComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","import { OnInit } from '@angular/core';\nvar PageNotFoundComponent = /** @class */ (function () {\n function PageNotFoundComponent() {\n }\n PageNotFoundComponent.prototype.ngOnInit = function () {\n };\n return PageNotFoundComponent;\n}());\nexport { PageNotFoundComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".pending-item-container[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.item-sub-container[_ngcontent-%COMP%] {\\r\\n padding: 0 45px;\\r\\n}\\r\\n\\r\\n.pending-item-count[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n background: #ffa500;\\r\\n color: #fff;\\r\\n cursor: default;\\r\\n top: -12px;\\r\\n font-weight: 400;\\r\\n right: -12px;\\r\\n text-align: center;\\r\\n border: 2px solid #ffa500;\\r\\n font-size: 11px;\\r\\n width: 22px;\\r\\n height: 22px;\\r\\n line-height: 18px;\\r\\n border-radius: 50%;\\r\\n box-shadow: 0 4px 2px -1px rgba(0,0,0,.18), 0 4px 6px 0 rgba(0,0,0,.15);\\r\\n}\\r\\n\\r\\n.container-loader[_ngcontent-%COMP%] {\\r\\n height: 100%;\\r\\n width:100%;\\r\\n padding-right: 5px;\\r\\n display: block;\\r\\n position: absolute;\\r\\n left: 50%;\\r\\n top: 50%;\\r\\n -webkit-transform: translate(-50%, -50%);\\r\\n -ms-transform: translate(-50%, -50%);\\r\\n transform: translate(-50%, -50%);\\r\\n background: rgba(255,255, 255, 0.5) ;\\r\\n min-height: 150px;\\r\\n}\\r\\n\\r\\n.card-image[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n \\r\\n}\\r\\n\\r\\n.card-pending[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n cursor: pointer;\\r\\n box-shadow: 2px 2px 5px 0px rgba(0,0,0,.16);\\r\\n transition: 0.3s ease;\\r\\n width: 95px;\\r\\n min-height: 95px;\\r\\n padding-bottom: 5px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-flow: column;\\r\\n flex-flow: column;\\r\\n}\\r\\n\\r\\n.card-image[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n transition: 0.3s ease;\\r\\n max-width: 100%;\\r\\n max-height: 100%;\\r\\n}\\r\\n\\r\\n.card-image[_ngcontent-%COMP%] .card-pending[_ngcontent-%COMP%]:hover {\\r\\n \\r\\n -webkit-transform: scale(1.15, 1.15);\\r\\n -ms-transform: scale(1.15, 1.15);\\r\\n transform: scale(1.15, 1.15);\\r\\n}\\r\\n\\r\\n.icon-text[_ngcontent-%COMP%] {\\r\\n \\r\\n font-size: 12px;\\r\\n color: #fff;\\r\\n \\r\\n font-weight: 600;\\r\\n padding: 4px 5px 0;\\r\\n -ms-flex: 0 1 28px;\\r\\n flex: 0 1 28px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n}\\r\\n\\r\\n.img-pending[_ngcontent-%COMP%] {\\r\\n \\r\\n width: 50%;\\r\\n margin: 0 auto;\\r\\n padding-top: 10px;\\r\\n -ms-flex: 1 1 auto;\\r\\n flex: 1 1 auto;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.no-item-container[_ngcontent-%COMP%] {\\r\\n padding: 1rem;\\r\\n \\r\\n font-style: italic;\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n.no-item-container[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\\r\\n font-size: 14px;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%] {\\r\\n left: 0px;\\r\\n}\\r\\n\\r\\n.slide-next[_ngcontent-%COMP%] {\\r\\n right: 0px;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%], .slide-next[_ngcontent-%COMP%] {\\r\\n font-size: 0;\\r\\n line-height: 0;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n display: block;\\r\\n width: 30px;\\r\\n height: 30px;\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n -webkit-transform: translate(0, -50%);\\r\\n -ms-transform: translate(0, -50%);\\r\\n transform: translate(0, -50%);\\r\\n cursor: pointer;\\r\\n color: transparent;\\r\\n border: 1px solid #ddd;\\r\\n outline: none;\\r\\n background: transparent;\\r\\n}\\r\\n\\r\\n.slide-prev.disabled[_ngcontent-%COMP%]:before, .slide-next.disabled[_ngcontent-%COMP%]:before {\\r\\n color: #e0e0e0;\\r\\n cursor: default;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%]:hover, .slide-prev[_ngcontent-%COMP%]:focus, .slide-next[_ngcontent-%COMP%]:hover, .slide-next[_ngcontent-%COMP%]:focus {\\r\\n color: transparent;\\r\\n outline: none;\\r\\n background: transparent;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%]:before, .slide-next[_ngcontent-%COMP%]:before {\\r\\n font-size: 35px;\\r\\n line-height: 0.2;\\r\\n opacity: 1;\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%]:hover:before, .slide-prev[_ngcontent-%COMP%]:hover:before, .slide-next[_ngcontent-%COMP%]:hover:before, .slide-next[_ngcontent-%COMP%]:hover:before {\\r\\n color: #e0e0e0;\\r\\n}\\r\\n\\r\\n.slide-prev[_ngcontent-%COMP%]:before {\\r\\n content: '\\\\2039';\\r\\n}\\r\\n\\r\\n.slide-next[_ngcontent-%COMP%]:before {\\r\\n content: '\\\\203A';\\r\\n}\\r\\n\\r\\n.swiper-container[_ngcontent-%COMP%] {\\r\\n width:100%;\\r\\n padding: 25px 15px;\\r\\n width: 90%;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n@media(max-width:1366px){\\r\\n\\r\\n .pending-item-count[_ngcontent-%COMP%] {\\r\\n top: -12px;\\r\\n border: 3px solid #ffa500;\\r\\n right: -11px;\\r\\n font-size: 10px;\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n line-height: 14px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media(max-width: 768px){\\r\\n .card-pending[_ngcontent-%COMP%]{\\r\\n margin-bottom: 10px;\\r\\n }\\r\\n \\r\\n}\\r\\n\\r\\n@media(max-width: 480px){\\r\\n .icon-text[_ngcontent-%COMP%]{\\r\\n font-size: 12px;\\r\\n top: 75px;\\r\\n }\\r\\n\\r\\n .card-image[_ngcontent-%COMP%] {\\r\\n padding: 0;\\r\\n }\\r\\n\\r\\n .swiper-container[_ngcontent-%COMP%] {\\r\\n padding: 20px;\\r\\n }\\r\\n\\r\\n .card-pending[_ngcontent-%COMP%] {\\r\\n width: 90px;\\r\\n height: 90px;\\r\\n }\\r\\n \\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./pendingitem.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"ngx-swiper-wrapper\";\nimport * as i4 from \"../../../node_modules/ngx-loading/ngx-loading.ngfactory\";\nimport * as i5 from \"ngx-loading\";\nimport * as i6 from \"./pendingitem.component\";\nimport * as i7 from \"../services/summary.service\";\nimport * as i8 from \"../objects/Globals\";\nimport * as i9 from \"@angular/router\";\nimport * as i10 from \"../services/theme-setting.service\";\nimport * as i11 from \"../services/workspace.service\";\nvar styles_PendingitemComponent = [i0.styles];\nvar RenderType_PendingitemComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_PendingitemComponent, data: {} });\nexport { RenderType_PendingitemComponent as RenderType_PendingitemComponent };\nfunction View_PendingitemComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"button\", [[\"aria-label\", \"Previous\"], [\"role\", \"button\"], [\"style\", \"display: block;\"], [\"type\", \"button\"]], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"slide-prev swiper-button-prev\": 0, \"slide-arrow\": 1 }), (_l()(), i1.ɵted(-1, null, [\"Previous\"]))], function (_ck, _v) { var currVal_0 = _ck(_v, 2, 0, true, true); _ck(_v, 1, 0, currVal_0); }, null); }\nfunction View_PendingitemComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"button\", [[\"aria-label\", \"Next\"], [\"role\", \"button\"], [\"style\", \"display: block;\"], [\"type\", \"button\"]], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"slide-next swiper-button-next\": 0, \"slide-arrow\": 1 }), (_l()(), i1.ɵted(-1, null, [\"Next\"]))], function (_ck, _v) { var currVal_0 = _ck(_v, 2, 0, true, true); _ck(_v, 1, 0, currVal_0); }, null); }\nfunction View_PendingitemComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 10, \"div\", [[\"class\", \"swiper-slide\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.selectPending(_v.context.$implicit.ViewID) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 9, \"div\", [[\"class\", \"card-image text-center\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 8, \"div\", [[\"class\", \"card-pending\"]], [[8, \"id\", 0]], null, null, null, null)), i1.ɵdid(3, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(4, { \"background-color\": 0 }), (_l()(), i1.ɵeld(5, 0, null, null, 1, \"div\", [[\"class\", \"img-pending\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(6, 0, null, null, 0, \"img\", [], [[8, \"src\", 4]], null, null, null, null)), (_l()(), i1.ɵeld(7, 0, null, null, 1, \"p\", [[\"class\", \"icon-text\"]], null, null, null, null, null)), (_l()(), i1.ɵted(8, null, [\"\", \"\"])), (_l()(), i1.ɵeld(9, 0, null, null, 1, \"span\", [[\"class\", \"pending-item-count\"]], null, null, null, null, null)), (_l()(), i1.ɵted(10, null, [\"\", \"\"]))], function (_ck, _v) { var currVal_1 = _ck(_v, 4, 0, _v.context.$implicit.IconColor); _ck(_v, 3, 0, currVal_1); }, function (_ck, _v) { var currVal_0 = (\"card-pending-\" + _v.context.index); _ck(_v, 2, 0, currVal_0); var currVal_2 = i1.ɵinlineInterpolate(1, \"../../assets/images/\", _v.context.$implicit.IconType, \".png\"); _ck(_v, 6, 0, currVal_2); var currVal_3 = _v.context.$implicit.IconText; _ck(_v, 8, 0, currVal_3); var currVal_4 = ((_v.context.$implicit.ItemCount < 100) ? _v.context.$implicit.ItemCount : \"99+\"); _ck(_v, 10, 0, currVal_4); }); }\nfunction View_PendingitemComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 10, \"div\", [[\"class\", \"pending-item-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PendingitemComponent_3)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PendingitemComponent_4)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(5, 0, null, null, 5, \"div\", [[\"class\", \"swiper-container\"]], null, null, null, null, null)), i1.ɵdid(6, 5128192, null, 0, i3.SwiperDirective, [i1.PLATFORM_ID, i1.NgZone, i1.ElementRef, i1.KeyValueDiffers, [2, i3.SWIPER_CONFIG]], { config: [0, \"config\"] }, null), (_l()(), i1.ɵeld(7, 0, null, null, 2, \"div\", [[\"class\", \"swiper-wrapper\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PendingitemComponent_5)), i1.ɵdid(9, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵeld(10, 0, null, null, 0, \"div\", [[\"class\", \"swiper-pagination\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.pendingItems.length > 0); _ck(_v, 2, 0, currVal_0); var currVal_1 = (_co.pendingItems.length > 0); _ck(_v, 4, 0, currVal_1); var currVal_2 = _co.config; _ck(_v, 6, 0, currVal_2); var currVal_3 = _co.pendingItems; _ck(_v, 9, 0, currVal_3); }, null); }\nfunction View_PendingitemComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"div\", [[\"class\", \"pending-item-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"div\", [[\"class\", \"no-item-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"p\", [], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Well Done! Your tasks are all up to date!\"]))], null, null); }\nfunction View_PendingitemComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PendingitemComponent_2)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noItems\", 2]], null, 0, null, View_PendingitemComponent_6))], function (_ck, _v) { var _co = _v.component; var currVal_0 = ((_co.pendingItems.length > 0) && !_co.noData); var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nexport function View_PendingitemComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"ngx-loading\", [], null, null, null, i4.View_NgxLoadingComponent_0, i4.RenderType_NgxLoadingComponent)), i1.ɵdid(1, 114688, null, 0, i5.NgxLoadingComponent, [i5.NgxLoadingService, i1.ChangeDetectorRef], { show: [0, \"show\"], config: [1, \"config\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PendingitemComponent_1)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isBusy; var currVal_1 = _co.loaderConfig; _ck(_v, 1, 0, currVal_0, currVal_1); var currVal_2 = _co.pendingItems; _ck(_v, 3, 0, currVal_2); }, null); }\nexport function View_PendingitemComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-pendingitem\", [], null, null, null, View_PendingitemComponent_0, RenderType_PendingitemComponent)), i1.ɵdid(1, 114688, null, 0, i6.PendingitemComponent, [i7.SummaryService, i8.Globals, i9.Router, i10.ThemeSettingService, i11.WorkspaceService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar PendingitemComponentNgFactory = i1.ɵccf(\"app-pendingitem\", i6.PendingitemComponent, View_PendingitemComponent_Host_0, { filledSpace: \"filledSpace\" }, {}, []);\nexport { PendingitemComponentNgFactory as PendingitemComponentNgFactory };\n","\n ![](\"../../assets/images/page-not-found.png\")
\n
\n\n 404 Error
\nPage not found
\n 0 && !noData; else noItems\">\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n ![](\"../../assets/images/{{pendingItem.IconType}}.png\")
\n
\n \n {{ pendingItem.IconText }}
\n {{ pendingItem.ItemCount < 100 ? pendingItem.ItemCount : '99+'}}\n\n
\n \n
\n Well Done! Your tasks are all up to date!
\n\n \n
","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'app-product-detail',\n templateUrl: './product-detail.component.html',\n styleUrls: ['./product-detail.component.css']\n})\nexport class ProductDetailComponent implements OnInit {\n \n refresh : boolean = false;\n componentId : string;\n @Input() set setComponentId(id:string){\n this.componentId = id;\n this.refresh = true;\n }\n\n constructor() { }\n\n ngOnInit() {\n }\n\n bread() {\n\n }\n\n}\n","import { OnInit } from '@angular/core';\nvar ProductDetailComponent = /** @class */ (function () {\n function ProductDetailComponent() {\n this.refresh = false;\n }\n Object.defineProperty(ProductDetailComponent.prototype, \"setComponentId\", {\n set: function (id) {\n this.componentId = id;\n this.refresh = true;\n },\n enumerable: true,\n configurable: true\n });\n ProductDetailComponent.prototype.ngOnInit = function () {\n };\n ProductDetailComponent.prototype.bread = function () {\n };\n return ProductDetailComponent;\n}());\nexport { ProductDetailComponent };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".progress-flow-container[_ngcontent-%COMP%] {\\r\\n \\r\\n height: 100%;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n overflow: hidden;\\r\\n box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;\\r\\n}\\r\\n\\r\\n.banner[_ngcontent-%COMP%] {\\r\\n background-image: url('vertical-progress-image.747e99e89a228c25b4f8.png');\\r\\n background-size: cover;\\r\\n background-position: center;\\r\\n background-repeat: no-repeat;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n padding: 90px;\\r\\n}\\r\\n\\r\\n.wrap[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n z-index: 5;\\r\\n height: 100%;\\r\\n right: -22px;\\r\\n position: absolute;\\r\\n}\\r\\n\\r\\n.progress-item[_ngcontent-%COMP%] {\\r\\n z-index: 10;\\r\\n position: relative;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.transaction-progress[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-flow: column;\\r\\n flex-flow: column;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.transaction-progress[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n height: 100%; \\r\\n position: relative;\\r\\n top: -2px;\\r\\n}\\r\\n\\r\\n.item-container[_ngcontent-%COMP%] {\\r\\n width: 45px;\\r\\n height: 45px;\\r\\n margin: 0 auto;\\r\\n border: 4px solid #c3c3c3;\\r\\n border-radius: 43px;\\r\\n padding: 7px;\\r\\n background-color: #fff;\\r\\n box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.progress-item[_ngcontent-%COMP%] .item-container[_ngcontent-%COMP%] {\\r\\n transition: border-color 0.4s ease-in-out, background-color 0.4s ease-in-out;\\r\\n transition-delay: 1s;\\r\\n}\\r\\n\\r\\n.progress-item.active[_ngcontent-%COMP%] .item-container[_ngcontent-%COMP%] {\\r\\n border: 4px solid var(--primary);\\r\\n background-color: var(--primary);\\r\\n}\\r\\n\\r\\n.progress-item.active[_ngcontent-%COMP%] .md-step-bar-top.progress[_ngcontent-%COMP%] {\\r\\n border-left: 6px solid var(--primary);\\r\\n \\r\\n}\\r\\n\\r\\n.progress-item.active.full-active[_ngcontent-%COMP%] .md-step-bar-bottom[_ngcontent-%COMP%] {\\r\\n border-left: 6px solid var(--primary);\\r\\n}\\r\\n\\r\\n.md-step-bar-bottom[_ngcontent-%COMP%] {\\r\\n bottom: 0;\\r\\n top: 50%;\\r\\n margin-top: 22px;\\r\\n height: calc(50% - 21px);\\r\\n}\\r\\n\\r\\n.stepper-image[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n display: -ms-inline-flexbox;\\r\\n display: inline-flex;\\r\\n}\\r\\n\\r\\n.md-step-bar-title[_ngcontent-%COMP%] {\\r\\n font-weight: 600;\\r\\n color: #444;\\r\\n font-size: 12px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n margin-left: 5px;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.md-step-bar-top[_ngcontent-%COMP%], .md-step-bar-bottom[_ngcontent-%COMP%] {\\r\\n position: absolute;\\r\\n left: 21px;\\r\\n border-left: 6px solid #c3c3c3;\\r\\n transition: height 1s ease;\\r\\n}\\r\\n\\r\\n.md-step-bar-top.line-background[_ngcontent-%COMP%], .md-step-bar-bottom.line-background[_ngcontent-%COMP%]{\\r\\n height: calc(50% - 23px);\\r\\n}\\r\\n\\r\\n.progress-item[_ngcontent-%COMP%]:not(:first-child) .md-step-bar-top[_ngcontent-%COMP%] {\\r\\n top: -50%;\\r\\n bottom: auto;\\r\\n height: calc(100% - 44px);\\r\\n margin-top: 23px;\\r\\n transition: height 1s ease;\\r\\n border-radius: 0px;\\r\\n}\\r\\n\\r\\n.progress-item[_ngcontent-%COMP%]:not(:first-child) .md-step-bar-top.progress[_ngcontent-%COMP%] {\\r\\n height: 0px;\\r\\n border-left: 6px solid var(--primary);\\r\\n}\\r\\n\\r\\n.progress-item[_ngcontent-%COMP%]:not(:first-child).active .md-step-bar-top.progress[_ngcontent-%COMP%] {\\r\\n height: calc(100% - 44px);\\r\\n border-left: 6px solid var(--primary);\\r\\n}\\r\\n\\r\\n.progress-item[_ngcontent-%COMP%]:first-child .md-step-bar-top[_ngcontent-%COMP%] {\\r\\n top: 0;\\r\\n bottom: 50%;\\r\\n height: calc(50% - 22px);\\r\\n transition: height 1s ease;\\r\\n border-radius: 0px;\\r\\n}\\r\\n\\r\\n.progress-item[_ngcontent-%COMP%]:first-child .md-step-bar-top.progress[_ngcontent-%COMP%] {\\r\\n height: 0px;\\r\\n border-left: 6px solid var(--primary);\\r\\n}\\r\\n\\r\\n.progress-item[_ngcontent-%COMP%]:first-child.active .md-step-bar-top.progress[_ngcontent-%COMP%] {\\r\\n height: calc(50% - 22px);\\r\\n}\\r\\n\\r\\n.stepper-icon[_ngcontent-%COMP%]{\\r\\n background-size: contain;\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n width: 24px;\\r\\n height: 24px;\\r\\n position: relative;\\r\\n top: -2px;\\r\\n transition: .5s all ease-in;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./progress-stepper.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"./progress-stepper.component\";\nvar styles_ProgressStepperComponent = [i0.styles];\nvar RenderType_ProgressStepperComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_ProgressStepperComponent, data: {} });\nexport { RenderType_ProgressStepperComponent as RenderType_ProgressStepperComponent };\nfunction View_ProgressStepperComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 0, \"div\", [[\"class\", \"banner\"]], null, null, null, null, null))], null, null); }\nfunction View_ProgressStepperComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 0, \"div\", [[\"class\", \"md-step-bar-bottom line-background\"]], null, null, null, null, null))], null, null); }\nfunction View_ProgressStepperComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 0, \"div\", [[\"class\", \"md-step-bar-bottom progress\"]], null, null, null, null, null))], null, null); }\nfunction View_ProgressStepperComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 20, \"div\", [[\"class\", \"progress-item\"]], [[2, \"active\", null], [2, \"full-active\", null]], null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(2, { \"flex\": 0 }), (_l()(), i1.ɵeld(3, 0, null, null, 9, \"div\", [[\"class\", \"stepper-image\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 8, \"div\", [[\"class\", \"\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 7, \"div\", [[\"class\", \"item-container\"]], null, null, null, null, null)), i1.ɵdid(6, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(7, { \"transition-delay\": 0 }), (_l()(), i1.ɵeld(8, 0, null, null, 4, \"div\", [], [[8, \"title\", 0]], null, null, null, null)), i1.ɵdid(9, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(10, { \"stepper-icon\": 0, \"selected\": 1 }), i1.ɵdid(11, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(12, { \"transition-delay\": 0, \"background-image\": 1 }), (_l()(), i1.ɵeld(13, 0, null, null, 0, \"div\", [[\"class\", \"md-step-bar-top line-background\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(14, 0, null, null, 2, \"div\", [[\"class\", \"md-step-bar-top progress\"]], null, null, null, null, null)), i1.ɵdid(15, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(16, { \"transition-delay\": 0 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ProgressStepperComponent_5)), i1.ɵdid(18, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ProgressStepperComponent_6)), i1.ɵdid(20, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_2 = _ck(_v, 2, 0, ((\"0 0 \" + (100 / _co.nodeList.length)) + \"%\")); _ck(_v, 1, 0, currVal_2); var currVal_3 = _ck(_v, 7, 0, (!_v.context.$implicit.IsSelected ? \"0s\" : (_v.context.$implicit.DelayAmount ? ((_v.context.$implicit.DelayAmount + 0.5) + \"s\") : \"0.5s\"))); _ck(_v, 6, 0, currVal_3); var currVal_5 = _ck(_v, 10, 0, true, _v.context.$implicit.IsSelected); _ck(_v, 9, 0, currVal_5); var currVal_6 = _ck(_v, 12, 0, (!_v.context.$implicit.IsSelected ? \"0s\" : (_v.context.$implicit.DelayAmount ? ((_v.context.$implicit.DelayAmount + 0.5) + \"s\") : \"0.5s\")), (_v.context.$implicit.IsSelected ? ((\"url(../../assets/images/progress-icon/\" + _v.context.$implicit.Icon.toLowerCase()) + \"-selected.png)\") : ((\"url(../../assets/images/progress-icon/\" + _v.context.$implicit.Icon.toLowerCase()) + \".png)\"))); _ck(_v, 11, 0, currVal_6); var currVal_7 = _ck(_v, 16, 0, (_v.context.$implicit.DelayAmount ? (_v.context.$implicit.DelayAmount + \"s\") : \"0s\")); _ck(_v, 15, 0, currVal_7); var currVal_8 = _v.context.last; _ck(_v, 18, 0, currVal_8); var currVal_9 = _v.context.last; _ck(_v, 20, 0, currVal_9); }, function (_ck, _v) { var currVal_0 = _v.context.$implicit.IsSelected; var currVal_1 = _v.context.$implicit.IsFullSelected; _ck(_v, 0, 0, currVal_0, currVal_1); var currVal_4 = _v.context.$implicit.Label; _ck(_v, 8, 0, currVal_4); }); }\nfunction View_ProgressStepperComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 3, \"div\", [[\"class\", \"wrap\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 2, \"div\", [[\"class\", \"transaction-progress\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ProgressStepperComponent_4)), i1.ɵdid(4, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.nodeList; _ck(_v, 4, 0, currVal_0); }, null); }\nfunction View_ProgressStepperComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 6, \"div\", [[\"class\", \"progress-flow-container\"]], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(2, { \"border-radius\": 0 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ProgressStepperComponent_2)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_ProgressStepperComponent_3)), i1.ɵdid(6, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, _co.borderRadius); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_co.progress.Background == \"VerticalProgress\"); _ck(_v, 4, 0, currVal_1); var currVal_2 = _co.nodeList; _ck(_v, 6, 0, currVal_2); }, null); }\nexport function View_ProgressStepperComponent_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_ProgressStepperComponent_1)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.progress; _ck(_v, 1, 0, currVal_0); }, null); }\nexport function View_ProgressStepperComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"app-progress-stepper\", [], null, null, null, View_ProgressStepperComponent_0, RenderType_ProgressStepperComponent)), i1.ɵdid(1, 114688, null, 0, i3.ProgressStepperComponent, [], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); }\nvar ProgressStepperComponentNgFactory = i1.ɵccf(\"app-progress-stepper\", i3.ProgressStepperComponent, View_ProgressStepperComponent_Host_0, { setDocumentList: \"setDocumentList\", borderRadius: \"borderRadius\", progressChanged: \"progressChanged\" }, {}, []);\nexport { ProgressStepperComponentNgFactory as ProgressStepperComponentNgFactory };\n","\n
\n\n \n
","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'app-progress-stepper',\n templateUrl: './progress-stepper.component.html',\n styleUrls: ['./progress-stepper.component.css']\n})\nexport class ProgressStepperComponent implements OnInit {\n\n private documentList: Document[];\n private backgroundImage: string;\n private nodeList : Node[] = [];\n progress: Progress;\n @Input() set setDocumentList(doc:string){\n this.buildDocumentList(doc);\n }\n @Input() borderRadius:string;\n @Input() set progressChanged(progressValue: any){\n if (progressValue){\n this.progress.Nodes.forEach(node => {\n if (node.Order < this.progress.Nodes.find(x => x.Value == progressValue).Order){\n node.IsSelected = true;\n }\n else if (node.Order == this.progress.Nodes.find(x => x.Value == progressValue).Order){\n node.IsSelected = true;\n }\n else if (node.Order > this.progress.Nodes.find(x => x.Value == progressValue).Order){\n node.IsSelected = false;\n }\n });\n }\n \n }\n constructor() { }\n\n ngOnInit() {\n }\n\n buildDocumentList(dirtyList: string){\n // dirtyList = \"(Bank:Compare)|(Doc:Additional Info)|LO:Accept Offer|\";\n\n this.progress = JSON.parse(dirtyList);\n this.nodeList = this.progress.Nodes.filter(x => !x.IsHidden);\n // this.nodeList.forEach(element => {\n // element.IsSelected = false;\n // });\n\n var i = 0;\n this.nodeList.forEach(node => {\n if (i > 0){\n if (!this.progress.Nodes[i - 1].IsSelected){\n node.DelayAmount = i;\n }\n }\n i++;\n });\n this.sortNodes();\n }\n\n sortNodes(){\n this.nodeList = this.nodeList.sort((a:Node,b:Node) => { \n if(a.Order > b.Order){\n return 1;\n }else if(a.Order < b.Order){\n return -1;\n }else{\n return 0;\n }\n });\n }\n}\n\nexport class Document {\n ImageName: string;\n Title: string;\n IsSelected: boolean;\n IsFullSelected: boolean;\n}\n\nexport class Progress {\n Background: string;\n Nodes: Node[];\n}\n\nexport class Node {\n Icon: string;\n IsHidden: boolean;\n IsSelected: boolean;\n\tLabel: string;\n Order: number;\n Value: string;\n DelayAmount: number;\n}\n","import { OnInit } from '@angular/core';\nvar ProgressStepperComponent = /** @class */ (function () {\n function ProgressStepperComponent() {\n this.nodeList = [];\n }\n Object.defineProperty(ProgressStepperComponent.prototype, \"setDocumentList\", {\n set: function (doc) {\n this.buildDocumentList(doc);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(ProgressStepperComponent.prototype, \"progressChanged\", {\n set: function (progressValue) {\n var _this = this;\n if (progressValue) {\n this.progress.Nodes.forEach(function (node) {\n if (node.Order < _this.progress.Nodes.find(function (x) { return x.Value == progressValue; }).Order) {\n node.IsSelected = true;\n }\n else if (node.Order == _this.progress.Nodes.find(function (x) { return x.Value == progressValue; }).Order) {\n node.IsSelected = true;\n }\n else if (node.Order > _this.progress.Nodes.find(function (x) { return x.Value == progressValue; }).Order) {\n node.IsSelected = false;\n }\n });\n }\n },\n enumerable: true,\n configurable: true\n });\n ProgressStepperComponent.prototype.ngOnInit = function () {\n };\n ProgressStepperComponent.prototype.buildDocumentList = function (dirtyList) {\n // dirtyList = \"(Bank:Compare)|(Doc:Additional Info)|LO:Accept Offer|\";\n var _this = this;\n this.progress = JSON.parse(dirtyList);\n this.nodeList = this.progress.Nodes.filter(function (x) { return !x.IsHidden; });\n // this.nodeList.forEach(element => {\n // element.IsSelected = false;\n // });\n var i = 0;\n this.nodeList.forEach(function (node) {\n if (i > 0) {\n if (!_this.progress.Nodes[i - 1].IsSelected) {\n node.DelayAmount = i;\n }\n }\n i++;\n });\n this.sortNodes();\n };\n ProgressStepperComponent.prototype.sortNodes = function () {\n this.nodeList = this.nodeList.sort(function (a, b) {\n if (a.Order > b.Order) {\n return 1;\n }\n else if (a.Order < b.Order) {\n return -1;\n }\n else {\n return 0;\n }\n });\n };\n return ProgressStepperComponent;\n}());\nexport { ProgressStepperComponent };\nvar Document = /** @class */ (function () {\n function Document() {\n }\n return Document;\n}());\nexport { Document };\nvar Progress = /** @class */ (function () {\n function Progress() {\n }\n return Progress;\n}());\nexport { Progress };\nvar Node = /** @class */ (function () {\n function Node() {\n }\n return Node;\n}());\nexport { Node };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nvar styles = [\".property-group[_ngcontent-%COMP%] {\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.flex-group[_ngcontent-%COMP%] {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n.combination-item-0[_ngcontent-%COMP%] {\\r\\n box-sizing: border-box;\\r\\n}\\r\\n\\r\\n.combination-item-0[_ngcontent-%COMP%] input[_ngcontent-%COMP%] {\\r\\n border-top-left-radius: 4px;\\r\\n border-bottom-left-radius: 4px;\\r\\n border-top-right-radius: 0px;\\r\\n border-bottom-right-radius: 0px;\\r\\n}\\r\\n\\r\\n.combination-item-1[_ngcontent-%COMP%]{\\r\\n box-sizing: border-box;\\r\\n}\\r\\n\\r\\n.combination-item-1[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{\\r\\n border-top-left-radius: 0px;\\r\\n border-bottom-left-radius: 0px;\\r\\n border-left: none;\\r\\n}\\r\\n\\r\\n.uppercase[_ngcontent-%COMP%] {\\r\\n text-transform: uppercase !important;\\r\\n}\\r\\n\\r\\n.fixed-file[_ngcontent-%COMP%]:hover{\\r\\n color: #0C61B8;\\r\\n}\\r\\n\\r\\n.browse-hierarchy[_ngcontent-%COMP%] { \\r\\n float: right;\\r\\n width: 20%;\\r\\n}\\r\\n\\r\\n.browse-hierarchy[_ngcontent-%COMP%]:focus {\\r\\n box-shadow: 0 0 0 0.1rem rgba(0,123,255,.25) !important;\\r\\n}\\r\\n\\r\\n.browse-hierarchy[_ngcontent-%COMP%]:disabled {\\r\\n background-color: var(--primary);\\r\\n opacity: 0.6;\\r\\n border-color: #666666;\\r\\n box-shadow: none;\\r\\n}\\r\\n\\r\\n.hierarchy-dropdown[_ngcontent-%COMP%] {\\r\\n width: 78%;\\r\\n float: left;\\r\\n}\\r\\n\\r\\n.date-time-group[_ngcontent-%COMP%] {\\r\\n width: 50%;\\r\\n float: left;\\r\\n}\\r\\n\\r\\n.date-time-group[_ngcontent-%COMP%] .input-group-text[_ngcontent-%COMP%] {\\r\\n border-top-right-radius: 0;\\r\\n border-bottom-right-radius: 0;\\r\\n background-color: #efefef;\\r\\n}\\r\\n\\r\\n.date-group[_ngcontent-%COMP%] .input-group-text[_ngcontent-%COMP%] {\\r\\n border-top-right-radius: 0.25rem;\\r\\n border-bottom-right-radius: 0.25rem;\\r\\n background-color: #efefef;\\r\\n}\\r\\n\\r\\n.input-label-prepend[_ngcontent-%COMP%] .input-label[_ngcontent-%COMP%] {\\r\\n font-size: 13px;\\r\\n height: 34px;\\r\\n padding: 0.25rem .75rem;\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.combination-item-0[_ngcontent-%COMP%] .input-label-prepend[_ngcontent-%COMP%] .input-label[_ngcontent-%COMP%] {\\r\\n border-bottom-right-radius: 0px;\\r\\n border-top-right-radius: 0px;\\r\\n}\\r\\n\\r\\n.combination-item-1[_ngcontent-%COMP%] .input-label-prepend[_ngcontent-%COMP%] .input-label[_ngcontent-%COMP%]{\\r\\n \\r\\n border-bottom-left-radius: 0px;\\r\\n border-top-left-radius: 0px;\\r\\n border-left: none;\\r\\n}\\r\\n\\r\\n.date-group[_ngcontent-%COMP%]:hover .fa[_ngcontent-%COMP%], .date-group[_ngcontent-%COMP%]:focus .fa[_ngcontent-%COMP%], .date-time-group[_ngcontent-%COMP%]:hover .fa[_ngcontent-%COMP%], .date-time-group[_ngcontent-%COMP%]:focus .fa[_ngcontent-%COMP%] {\\r\\n color: var(--primary);\\r\\n}\\r\\n\\r\\n.time-test[_ngcontent-%COMP%] input[_ngcontent-%COMP%] {\\r\\n border: none;\\r\\n background: none;\\r\\n padding: 0;\\r\\n outline: none;\\r\\n font: inherit;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n.time-picker[_ngcontent-%COMP%] {\\r\\n width: 50%;\\r\\n}\\r\\n\\r\\n.timepicker-field[_ngcontent-%COMP%] {\\r\\n -ms-flex: 1 1 auto;\\r\\n flex: 1 1 auto;\\r\\n}\\r\\n\\r\\n.time-input[_ngcontent-%COMP%] {\\r\\n border-bottom-left-radius: 0px;\\r\\n border-top-left-radius: 0px;\\r\\n border-left: none;\\r\\n}\\r\\n\\r\\n.time-icon[_ngcontent-%COMP%] {\\r\\n cursor: pointer;\\r\\n border-radius: 0;\\r\\n border: none;\\r\\n border-left: 1px solid #ddd;\\r\\n border-right: 1px solid #ddd;\\r\\n font-size: 20px;\\r\\n}\\r\\n\\r\\n.radiobtn-label[_ngcontent-%COMP%] {\\r\\n padding-left: 5px;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.multitext-checkbox[_ngcontent-%COMP%] {\\r\\n -ms-flex: 1;\\r\\n flex: 1;\\r\\n max-width: 100%;\\r\\n}\\r\\n\\r\\n.browse-checkbox[_ngcontent-%COMP%] {\\r\\n -ms-flex: 1;\\r\\n flex: 1;\\r\\n max-height: 34px;\\r\\n margin-left: 15px;\\r\\n width: 70px;\\r\\n}\\r\\n\\r\\n.cb-container[_ngcontent-%COMP%] {\\r\\n margin-top: 3px;\\r\\n padding: 15px;\\r\\n border: 1px solid #ddd;\\r\\n border-radius: 4px;\\r\\n min-height: 50px;\\r\\n position: relative;\\r\\n max-height: 600px;\\r\\n overflow-y: auto;\\r\\n}\\r\\n\\r\\n.cb-items-container[_ngcontent-%COMP%] {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.cb-container-title[_ngcontent-%COMP%] {\\r\\n padding-bottom: 10px;\\r\\n font-size: 14px;\\r\\n font-weight: 500;\\r\\n text-transform: capitalize;\\r\\n}\\r\\n\\r\\n.cb-parent[_ngcontent-%COMP%] {\\r\\n padding-top: 5px;\\r\\n}\\r\\n\\r\\n.cb-parent[_ngcontent-%COMP%] .checkbox-container[_ngcontent-%COMP%] {\\r\\n padding-left: 23px;\\r\\n}\\r\\n\\r\\n.cb-parent[_ngcontent-%COMP%] .checkmark-custom[_ngcontent-%COMP%] {\\r\\n left: 0px;\\r\\n}\\r\\n\\r\\n.close-checkbox[_ngcontent-%COMP%] {\\r\\n line-height: 15px;\\r\\n}\\r\\n\\r\\n.checkbox-group[_ngcontent-%COMP%] {\\r\\n margin-top: 5px;\\r\\n padding-left: 17px;\\r\\n}\\r\\n\\r\\n.close-checkbox[_ngcontent-%COMP%]:focus {\\r\\n outline: none;\\r\\n}\\r\\n\\r\\n.mat-checkbox-container[_ngcontent-%COMP%] {\\r\\n padding: 3px 0;\\r\\n}\\r\\n\\r\\n.display-prop[_ngcontent-%COMP%] {\\r\\n white-space: pre-line; \\r\\n}\\r\\n\\r\\n.date-input[_ngcontent-%COMP%]::-webkit-input-placeholder { \\r\\n color: #aaa;\\r\\n}\\r\\n\\r\\n.date-input[_ngcontent-%COMP%]::-moz-placeholder { \\r\\n color: #aaa;\\r\\n}\\r\\n\\r\\n.date-input[_ngcontent-%COMP%]:-ms-input-placeholder { \\r\\n color: #aaa;\\r\\n}\\r\\n\\r\\n.date-input[_ngcontent-%COMP%]:-moz-placeholder { \\r\\n color: #aaa;\\r\\n}\"];\nexport { styles as styles };\n","/**\n * @fileoverview This file was generated by the Angular template compiler. Do not edit.\n *\n * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}\n * tslint:disable\n */ \nimport * as i0 from \"./property-controls.component.css.shim.ngstyle\";\nimport * as i1 from \"@angular/core\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 from \"@angular/forms\";\nimport * as i4 from \"ngx-bootstrap/typeahead\";\nimport * as i5 from \"ngx-bootstrap/component-loader\";\nimport * as i6 from \"../property-summary/property-summary.component.ngfactory\";\nimport * as i7 from \"../property-summary/property-summary.component\";\nimport * as i8 from \"../services/summary.service\";\nimport * as i9 from \"../block-copy-paste.directive\";\nimport * as i10 from \"../../../node_modules/@angular/material/checkbox/typings/index.ngfactory\";\nimport * as i11 from \"@angular/material/checkbox\";\nimport * as i12 from \"@angular/cdk/a11y\";\nimport * as i13 from \"@angular/platform-browser/animations\";\nimport * as i14 from \"@angular/material/radio\";\nimport * as i15 from \"../../../node_modules/@angular/material/radio/typings/index.ngfactory\";\nimport * as i16 from \"@angular/cdk/collections\";\nimport * as i17 from \"@angular/material/input\";\nimport * as i18 from \"@angular/material/datepicker\";\nimport * as i19 from \"@angular/material/core\";\nimport * as i20 from \"@angular/material/form-field\";\nimport * as i21 from \"../../../node_modules/@angular/material/datepicker/typings/index.ngfactory\";\nimport * as i22 from \"@angular/material/dialog\";\nimport * as i23 from \"@angular/cdk/overlay\";\nimport * as i24 from \"@angular/cdk/bidi\";\nimport * as i25 from \"../../../node_modules/ngx-material-timepicker/ngx-material-timepicker.ngfactory\";\nimport * as i26 from \"ngx-material-timepicker\";\nimport * as i27 from \"../ng-init.directive\";\nimport * as i28 from \"@ng-select/ng-select\";\nimport * as i29 from \"../../../node_modules/@ng-select/ng-select/ng-select.ngfactory\";\nimport * as i30 from \"../attachment/attachment.component.ngfactory\";\nimport * as i31 from \"../attachment/attachment.component\";\nimport * as i32 from \"@angular/platform-browser\";\nimport * as i33 from \"../services/confirmation.service\";\nimport * as i34 from \"../services/theme-setting.service\";\nimport * as i35 from \"../services/session-timer.service\";\nimport * as i36 from \"../services/attachment.service\";\nimport * as i37 from \"../services/detail.service\";\nimport * as i38 from \"../services/scroll.service\";\nimport * as i39 from \"../../../node_modules/ng2-pdfjs-viewer/ng2-pdfjs-viewer.ngfactory\";\nimport * as i40 from \"ng2-pdfjs-viewer\";\nimport * as i41 from \"../countdown-timer/countdown-timer.component.ngfactory\";\nimport * as i42 from \"../countdown-timer/countdown-timer.component\";\nimport * as i43 from \"../services/header.service\";\nimport * as i44 from \"ngx-device-detector\";\nimport * as i45 from \"../html-editor/html-editor.component.ngfactory\";\nimport * as i46 from \"../html-editor/html-editor.component\";\nimport * as i47 from \"../chart/chart.component.ngfactory\";\nimport * as i48 from \"../chart/chart.component\";\nimport * as i49 from \"../objects/Globals\";\nimport * as i50 from \"../services/chart.service\";\nimport * as i51 from \"ngx-bootstrap/modal\";\nimport * as i52 from \"../services/main-loading.service\";\nimport * as i53 from \"../services/workspace.service\";\nimport * as i54 from \"ngx-contextmenu\";\nimport * as i55 from \"../env.service\";\nimport * as i56 from \"../sub-summary/sub-summary.component.ngfactory\";\nimport * as i57 from \"../sub-summary/sub-summary.component\";\nimport * as i58 from \"@angular/router\";\nimport * as i59 from \"../Globals\";\nimport * as i60 from \"angular2-toaster/src/toaster.service\";\nimport * as i61 from \"../services/toaster-message.service\";\nimport * as i62 from \"../services/loading-summary.service\";\nimport * as i63 from \"../services/workflow-return.service\";\nimport * as i64 from \"../services/side-popup.service\";\nimport * as i65 from \"../safe-html.pipe\";\nimport * as i66 from \"./property-controls.component\";\nimport * as i67 from \"../services/date-format.service\";\nimport * as i68 from \"amazing-time-picker\";\nimport * as i69 from \"../services/modal-control.service\";\nvar styles_PropertyControlsComponent = [i0.styles];\nvar RenderType_PropertyControlsComponent = i1.ɵcrt({ encapsulation: 0, styles: styles_PropertyControlsComponent, data: {} });\nexport { RenderType_PropertyControlsComponent as RenderType_PropertyControlsComponent };\nfunction View_PropertyControlsComponent_6(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_7(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \" does not match\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.ParentPropertyName; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_8(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\" cannot be more than \", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.property.PropertyValidation.PropertyLength; _ck(_v, 2, 0, currVal_1); }); }\nfunction View_PropertyControlsComponent_9(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation.FormatValidationMessage; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_5(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 8, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_6)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_7)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_8)), i1.ɵdid(6, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_9)), i1.ɵdid(8, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 10).errors.required; _ck(_v, 2, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent, 10).errors.noMatch; _ck(_v, 4, 0, currVal_1); var currVal_2 = i1.ɵnov(_v.parent, 10).errors.maxlength; _ck(_v, 6, 0, currVal_2); var currVal_3 = i1.ɵnov(_v.parent, 10).errors.pattern; _ck(_v, 8, 0, currVal_3); }, null); }\nfunction View_PropertyControlsComponent_4(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 16, \"div\", [[\"class\", \"property-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 12, \"input\", [[\"type\", \"text\"]], [[8, \"id\", 0], [8, \"value\", 0], [1, \"name\", 0], [8, \"autocomplete\", 0], [1, \"required\", 0], [1, \"maxlength\", 0], [1, \"pattern\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"change\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 4).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 4)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 4)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValueDisplay = $event) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 1).value, i1.ɵnov(_v, 10)) !== false);\n ad = (pd_5 && ad);\n } return ad; }, null, null)), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"form-control\": 0, \"is-invalid\": 1, \"uppercase\": 2 }), i1.ɵdid(4, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(5, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵdid(6, 540672, null, 0, i3.MaxLengthValidator, [], { maxlength: [0, \"maxlength\"] }, null), i1.ɵdid(7, 540672, null, 0, i3.PatternValidator, [], { pattern: [0, \"pattern\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0, p1_0, p2_0) { return [p0_0, p1_0, p2_0]; }, [i3.RequiredValidator, i3.MaxLengthValidator, i3.PatternValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(10, 671744, [[\"PropertyValue\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(11, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(13, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(14, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_5)), i1.ɵdid(16, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_14 = _ck(_v, 3, 0, true, (_co.submitted && i1.ɵnov(_v, 10).invalid), (_co.property.PropertyDisplayFormat == \"UPPER\")); _ck(_v, 2, 0, currVal_14); var currVal_15 = _co.property.PropertyValidation.IsMandatory; _ck(_v, 5, 0, currVal_15); var currVal_16 = ((_co.property.PropertyValidation.PropertyLength == 0) ? null : _co.property.PropertyValidation.PropertyLength); _ck(_v, 6, 0, currVal_16); var currVal_17 = (_co.property.PropertyValidation.PropertyFormat ? _co.property.PropertyValidation.PropertyFormat : null); _ck(_v, 7, 0, currVal_17); var currVal_18 = _co.property.PropertyName; var currVal_19 = _co.property.PropertyValueDisplay; var currVal_20 = _ck(_v, 11, 0, \"blur\"); _ck(_v, 10, 0, currVal_18, currVal_19, currVal_20); var currVal_21 = i1.ɵnov(_v, 10).invalid; _ck(_v, 16, 0, currVal_21); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = _co.property.PropertyValueDisplay; var currVal_2 = _co.property.PropertyName; var currVal_3 = i1.ɵinlineInterpolate(1, \"\", (_co.property.IsAutoComplete ? _co.property.PropertyName : \"off\"), \"\"); var currVal_4 = (i1.ɵnov(_v, 5).required ? \"\" : null); var currVal_5 = (i1.ɵnov(_v, 6).maxlength ? i1.ɵnov(_v, 6).maxlength : null); var currVal_6 = (i1.ɵnov(_v, 7).pattern ? i1.ɵnov(_v, 7).pattern : null); var currVal_7 = i1.ɵnov(_v, 13).ngClassUntouched; var currVal_8 = i1.ɵnov(_v, 13).ngClassTouched; var currVal_9 = i1.ɵnov(_v, 13).ngClassPristine; var currVal_10 = i1.ɵnov(_v, 13).ngClassDirty; var currVal_11 = i1.ɵnov(_v, 13).ngClassValid; var currVal_12 = i1.ɵnov(_v, 13).ngClassInvalid; var currVal_13 = i1.ɵnov(_v, 13).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13]); }); }\nfunction View_PropertyControlsComponent_10(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 7, \"input\", [[\"type\", \"text\"]], [[8, \"id\", 0], [1, \"name\", 0], [8, \"autocomplete\", 0], [8, \"value\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"change\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 3)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 3).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 3)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 3)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValueDisplay = $event) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 0).value) !== false);\n ad = (pd_5 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"form-control\": 0, \"uppercase\": 1 }), i1.ɵdid(3, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(5, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [8, null], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(7, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_11 = _ck(_v, 2, 0, true, (_co.property.PropertyDisplayFormat == \"UPPER\")); _ck(_v, 1, 0, currVal_11); var currVal_12 = _co.property.PropertyName; var currVal_13 = _co.property.PropertyValueDisplay; _ck(_v, 5, 0, currVal_12, currVal_13); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = _co.property.PropertyName; var currVal_2 = i1.ɵinlineInterpolate(1, \"\", (_co.property.IsAutoComplete ? _co.property.PropertyName : \"off\"), \"\"); var currVal_3 = _co.property.PropertyValueDisplay; var currVal_4 = i1.ɵnov(_v, 7).ngClassUntouched; var currVal_5 = i1.ɵnov(_v, 7).ngClassTouched; var currVal_6 = i1.ɵnov(_v, 7).ngClassPristine; var currVal_7 = i1.ɵnov(_v, 7).ngClassDirty; var currVal_8 = i1.ɵnov(_v, 7).ngClassValid; var currVal_9 = i1.ɵnov(_v, 7).ngClassInvalid; var currVal_10 = i1.ɵnov(_v, 7).ngClassPending; _ck(_v, 0, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10]); }); }\nfunction View_PropertyControlsComponent_3(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_4)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_10))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_2(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_3)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_15(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_16(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \" does not match\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.ParentPropertyName ? _co.property.ParentPropertyName : _co.property.PropertyName); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_17(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\" cannot be more than \", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.property.PropertyValidation.PropertyLength; _ck(_v, 2, 0, currVal_1); }); }\nfunction View_PropertyControlsComponent_18(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation.FormatValidationMessage; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_14(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 8, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_15)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_16)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_17)), i1.ɵdid(6, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_18)), i1.ɵdid(8, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 8).errors.required; _ck(_v, 2, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent, 8).errors.noMatch; _ck(_v, 4, 0, currVal_1); var currVal_2 = i1.ɵnov(_v.parent, 8).errors.maxlength; _ck(_v, 6, 0, currVal_2); var currVal_3 = i1.ɵnov(_v.parent, 8).errors.pattern; _ck(_v, 8, 0, currVal_3); }, null); }\nfunction View_PropertyControlsComponent_13(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 15, \"div\", [[\"class\", \"property-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 16777216, [[1, 0], [9, 0], [\"textbox\", 1]], null, 11, \"input\", [[\"adaptivePosition\", \"true\"], [\"autocomplete\", \"off\"], [\"class\", \"form-control typeahead\"], [\"type\", \"text\"], [\"typeaheadOptionField\", \"SelectionDisplay\"]], [[8, \"id\", 0], [1, \"name\", 0], [8, \"value\", 0], [1, \"required\", 0], [1, \"maxlength\", 0], [1, \"pattern\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"typeaheadOnSelect\"], [null, \"change\"], [null, \"ngModelChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"], [null, \"keyup\"], [null, \"click\"], [null, \"focus\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 2)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 2).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 2)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 2)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"input\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 12).onInput($event) !== false);\n ad = (pd_4 && ad);\n } if ((\"keyup\" === en)) {\n var pd_5 = (i1.ɵnov(_v, 12).onChange($event) !== false);\n ad = (pd_5 && ad);\n } if ((\"click\" === en)) {\n var pd_6 = (i1.ɵnov(_v, 12).onFocus() !== false);\n ad = (pd_6 && ad);\n } if ((\"focus\" === en)) {\n var pd_7 = (i1.ɵnov(_v, 12).onFocus() !== false);\n ad = (pd_7 && ad);\n } if ((\"blur\" === en)) {\n var pd_8 = (i1.ɵnov(_v, 12).onBlur() !== false);\n ad = (pd_8 && ad);\n } if ((\"keydown\" === en)) {\n var pd_9 = (i1.ɵnov(_v, 12).onKeydown($event) !== false);\n ad = (pd_9 && ad);\n } if ((\"typeaheadOnSelect\" === en)) {\n var pd_10 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 1).value) !== false);\n ad = (pd_10 && ad);\n } if ((\"change\" === en)) {\n var pd_11 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 1).value, i1.ɵnov(_v, 8)) !== false);\n ad = (pd_11 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_12 = ((_co.property.PropertyValueDisplay = $event) !== false);\n ad = (pd_12 && ad);\n } return ad; }, null, null)), i1.ɵdid(2, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(3, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵdid(4, 540672, null, 0, i3.MaxLengthValidator, [], { maxlength: [0, \"maxlength\"] }, null), i1.ɵdid(5, 540672, null, 0, i3.PatternValidator, [], { pattern: [0, \"pattern\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0, p1_0, p2_0) { return [p0_0, p1_0, p2_0]; }, [i3.RequiredValidator, i3.MaxLengthValidator, i3.PatternValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(8, 671744, [[\"PropertyValue\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(9, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(11, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), i1.ɵdid(12, 212992, null, 0, i4.TypeaheadDirective, [i3.NgControl, i1.ElementRef, i1.ViewContainerRef, i1.Renderer2, i4.TypeaheadConfig, i5.ComponentLoaderFactory, i1.ChangeDetectorRef], { typeahead: [0, \"typeahead\"], typeaheadOptionsLimit: [1, \"typeaheadOptionsLimit\"], typeaheadOptionField: [2, \"typeaheadOptionField\"] }, { typeaheadOnSelect: \"typeaheadOnSelect\" }), (_l()(), i1.ɵeld(13, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_14)), i1.ɵdid(15, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_13 = _co.property.PropertyValidation.IsMandatory; _ck(_v, 3, 0, currVal_13); var currVal_14 = ((_co.property.PropertyValidation.PropertyLength == 0) ? null : _co.property.PropertyValidation.PropertyLength); _ck(_v, 4, 0, currVal_14); var currVal_15 = (_co.property.PropertyValidation.PropertyFormat ? _co.property.PropertyValidation.PropertyFormat : null); _ck(_v, 5, 0, currVal_15); var currVal_16 = _co.property.PropertyName; var currVal_17 = _co.property.PropertyValueDisplay; var currVal_18 = _ck(_v, 9, 0, \"blur\"); _ck(_v, 8, 0, currVal_16, currVal_17, currVal_18); var currVal_19 = _co.property.PropertyValueSelection; var currVal_20 = 10; var currVal_21 = \"SelectionDisplay\"; _ck(_v, 12, 0, currVal_19, currVal_20, currVal_21); var currVal_22 = i1.ɵnov(_v, 8).invalid; _ck(_v, 15, 0, currVal_22); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = _co.property.PropertyName; var currVal_2 = _co.property.PropertyValueDisplay; var currVal_3 = (i1.ɵnov(_v, 3).required ? \"\" : null); var currVal_4 = (i1.ɵnov(_v, 4).maxlength ? i1.ɵnov(_v, 4).maxlength : null); var currVal_5 = (i1.ɵnov(_v, 5).pattern ? i1.ɵnov(_v, 5).pattern : null); var currVal_6 = i1.ɵnov(_v, 11).ngClassUntouched; var currVal_7 = i1.ɵnov(_v, 11).ngClassTouched; var currVal_8 = i1.ɵnov(_v, 11).ngClassPristine; var currVal_9 = i1.ɵnov(_v, 11).ngClassDirty; var currVal_10 = i1.ɵnov(_v, 11).ngClassValid; var currVal_11 = i1.ɵnov(_v, 11).ngClassInvalid; var currVal_12 = i1.ɵnov(_v, 11).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12]); }); }\nfunction View_PropertyControlsComponent_19(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 16777216, [[1, 0], [9, 0], [\"textbox\", 1]], null, 6, \"input\", [[\"adaptivePosition\", \"true\"], [\"autocomplete\", \"off\"], [\"class\", \"form-control typeahead\"], [\"type\", \"text\"], [\"typeaheadOptionField\", \"SelectionDisplay\"]], [[8, \"id\", 0], [1, \"name\", 0], [8, \"value\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"typeaheadOnSelect\"], [null, \"ngModelChange\"], [null, \"change\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"], [null, \"keyup\"], [null, \"click\"], [null, \"focus\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 1)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 1)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"input\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 6).onInput($event) !== false);\n ad = (pd_4 && ad);\n } if ((\"keyup\" === en)) {\n var pd_5 = (i1.ɵnov(_v, 6).onChange($event) !== false);\n ad = (pd_5 && ad);\n } if ((\"click\" === en)) {\n var pd_6 = (i1.ɵnov(_v, 6).onFocus() !== false);\n ad = (pd_6 && ad);\n } if ((\"focus\" === en)) {\n var pd_7 = (i1.ɵnov(_v, 6).onFocus() !== false);\n ad = (pd_7 && ad);\n } if ((\"blur\" === en)) {\n var pd_8 = (i1.ɵnov(_v, 6).onBlur() !== false);\n ad = (pd_8 && ad);\n } if ((\"keydown\" === en)) {\n var pd_9 = (i1.ɵnov(_v, 6).onKeydown($event) !== false);\n ad = (pd_9 && ad);\n } if ((\"typeaheadOnSelect\" === en)) {\n var pd_10 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 0).value) !== false);\n ad = (pd_10 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_11 = ((_co.property.PropertyValueDisplay = $event) !== false);\n ad = (pd_11 && ad);\n } if ((\"change\" === en)) {\n var pd_12 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 0).value) !== false);\n ad = (pd_12 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(3, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [8, null], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(5, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), i1.ɵdid(6, 212992, null, 0, i4.TypeaheadDirective, [i3.NgControl, i1.ElementRef, i1.ViewContainerRef, i1.Renderer2, i4.TypeaheadConfig, i5.ComponentLoaderFactory, i1.ChangeDetectorRef], { typeahead: [0, \"typeahead\"], typeaheadOptionsLimit: [1, \"typeaheadOptionsLimit\"], typeaheadOptionField: [2, \"typeaheadOptionField\"] }, { typeaheadOnSelect: \"typeaheadOnSelect\" }), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_10 = _co.property.PropertyName; var currVal_11 = _co.property.PropertyValueDisplay; _ck(_v, 3, 0, currVal_10, currVal_11); var currVal_12 = _co.property.PropertyValueSelection; var currVal_13 = 10; var currVal_14 = \"SelectionDisplay\"; _ck(_v, 6, 0, currVal_12, currVal_13, currVal_14); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = _co.property.PropertyName; var currVal_2 = _co.property.PropertyValueDisplay; var currVal_3 = i1.ɵnov(_v, 5).ngClassUntouched; var currVal_4 = i1.ɵnov(_v, 5).ngClassTouched; var currVal_5 = i1.ɵnov(_v, 5).ngClassPristine; var currVal_6 = i1.ɵnov(_v, 5).ngClassDirty; var currVal_7 = i1.ɵnov(_v, 5).ngClassValid; var currVal_8 = i1.ɵnov(_v, 5).ngClassInvalid; var currVal_9 = i1.ɵnov(_v, 5).ngClassPending; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9); }); }\nfunction View_PropertyControlsComponent_12(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_13)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_19))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_11(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_12)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_20(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"app-property-summary\", [], null, [[null, \"propertySuggest\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"propertySuggest\" === en)) {\n var pd_0 = (_co.onValueChange(_co.property, $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i6.View_PropertySummaryComponent_0, i6.RenderType_PropertySummaryComponent)), i1.ɵprd(14336, null, i3.ControlContainer, null, [i3.NgForm]), i1.ɵdid(3, 245760, null, 0, i7.PropertySummaryComponent, [i8.SummaryService], { submitted: [0, \"submitted\"], suggestSummary: [1, \"suggestSummary\"] }, { propertySuggest: \"propertySuggest\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.submitted; var currVal_1 = _co.property; _ck(_v, 3, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_25(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_26(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \" does not match\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.ParentPropertyName ? _co.property.ParentPropertyName : _co.property.PropertyName); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_27(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation.FormatValidationMessage; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_24(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 6, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_25)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_26)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_27)), i1.ɵdid(6, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 10).errors.required; _ck(_v, 2, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent, 10).errors.noMatch; _ck(_v, 4, 0, currVal_1); var currVal_2 = i1.ɵnov(_v.parent, 10).errors.pattern; _ck(_v, 6, 0, currVal_2); }, null); }\nfunction View_PropertyControlsComponent_23(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 16, \"div\", [[\"class\", \"property-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 12, \"input\", [[\"type\", \"password\"]], [[8, \"id\", 0], [8, \"value\", 0], [8, \"autocomplete\", 0], [1, \"required\", 0], [1, \"maxlength\", 0], [1, \"pattern\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"change\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 4).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 4)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 4)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 1).value, i1.ɵnov(_v, 10)) !== false);\n ad = (pd_5 && ad);\n } return ad; }, null, null)), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"form-control\": 0, \"is-invalid\": 1 }), i1.ɵdid(4, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(5, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵdid(6, 540672, null, 0, i3.MaxLengthValidator, [], { maxlength: [0, \"maxlength\"] }, null), i1.ɵdid(7, 540672, null, 0, i3.PatternValidator, [], { pattern: [0, \"pattern\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0, p1_0, p2_0) { return [p0_0, p1_0, p2_0]; }, [i3.RequiredValidator, i3.MaxLengthValidator, i3.PatternValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(10, 671744, [[\"PropertyValue\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(11, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(13, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(14, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_24)), i1.ɵdid(16, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_13 = _ck(_v, 3, 0, true, (_co.submitted && i1.ɵnov(_v, 10).invalid)); _ck(_v, 2, 0, currVal_13); var currVal_14 = _co.property.PropertyValidation.IsMandatory; _ck(_v, 5, 0, currVal_14); var currVal_15 = ((_co.property.PropertyValidation.PropertyLength == 0) ? null : _co.property.PropertyValidation.PropertyLength); _ck(_v, 6, 0, currVal_15); var currVal_16 = (_co.property.PropertyValidation.PropertyFormat ? _co.property.PropertyValidation.PropertyFormat : null); _ck(_v, 7, 0, currVal_16); var currVal_17 = _co.property.PropertyName; var currVal_18 = _co.property.PropertyValue; var currVal_19 = _ck(_v, 11, 0, \"blur\"); _ck(_v, 10, 0, currVal_17, currVal_18, currVal_19); var currVal_20 = i1.ɵnov(_v, 10).invalid; _ck(_v, 16, 0, currVal_20); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = _co.property.PropertyValue; var currVal_2 = i1.ɵinlineInterpolate(1, \"\", (_co.property.IsAutoComplete ? _co.property.PropertyName : \"new-password\"), \"\"); var currVal_3 = (i1.ɵnov(_v, 5).required ? \"\" : null); var currVal_4 = (i1.ɵnov(_v, 6).maxlength ? i1.ɵnov(_v, 6).maxlength : null); var currVal_5 = (i1.ɵnov(_v, 7).pattern ? i1.ɵnov(_v, 7).pattern : null); var currVal_6 = i1.ɵnov(_v, 13).ngClassUntouched; var currVal_7 = i1.ɵnov(_v, 13).ngClassTouched; var currVal_8 = i1.ɵnov(_v, 13).ngClassPristine; var currVal_9 = i1.ɵnov(_v, 13).ngClassDirty; var currVal_10 = i1.ɵnov(_v, 13).ngClassValid; var currVal_11 = i1.ɵnov(_v, 13).ngClassInvalid; var currVal_12 = i1.ɵnov(_v, 13).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12]); }); }\nfunction View_PropertyControlsComponent_28(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 0, \"input\", [[\"class\", \"form-control\"], [\"type\", \"password\"]], [[8, \"id\", 0], [8, \"value\", 0], [8, \"autocomplete\", 0]], [[null, \"change\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"change\" === en)) {\n var pd_0 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 0).value) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = _co.property.PropertyValue; var currVal_2 = i1.ɵinlineInterpolate(1, \"\", (_co.property.IsAutoComplete ? _co.property.PropertyName : \"new-password\"), \"\"); _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2); }); }\nfunction View_PropertyControlsComponent_22(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_23)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_28))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_21(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_22)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_33(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_34(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \" does not match\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.ParentPropertyName ? _co.property.ParentPropertyName : _co.property.PropertyName); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_35(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\" cannot be more than \", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.property.PropertyValidation.PropertyLength; _ck(_v, 2, 0, currVal_1); }); }\nfunction View_PropertyControlsComponent_36(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation.FormatValidationMessage; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_32(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 8, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_33)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_34)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_35)), i1.ɵdid(6, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_36)), i1.ɵdid(8, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 10).errors.required; _ck(_v, 2, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent, 10).errors.noMatch; _ck(_v, 4, 0, currVal_1); var currVal_2 = i1.ɵnov(_v.parent, 10).errors.maxlength; _ck(_v, 6, 0, currVal_2); var currVal_3 = i1.ɵnov(_v.parent, 10).errors.pattern; _ck(_v, 8, 0, currVal_3); }, null); }\nfunction View_PropertyControlsComponent_31(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 17, \"div\", [[\"class\", \"property-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 13, \"input\", [[\"appBlockCopyPaste\", \"\"], [\"type\", \"text\"]], [[8, \"id\", 0], [8, \"value\", 0], [8, \"autocomplete\", 0], [1, \"required\", 0], [1, \"maxlength\", 0], [1, \"pattern\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"change\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"], [null, \"paste\"], [null, \"copy\"], [null, \"cut\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 4).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 4)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 4)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"paste\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 14).blockPaste($event) !== false);\n ad = (pd_4 && ad);\n } if ((\"copy\" === en)) {\n var pd_5 = (i1.ɵnov(_v, 14).blockCopy($event) !== false);\n ad = (pd_5 && ad);\n } if ((\"cut\" === en)) {\n var pd_6 = (i1.ɵnov(_v, 14).blockCut($event) !== false);\n ad = (pd_6 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_7 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_7 && ad);\n } if ((\"change\" === en)) {\n var pd_8 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 1).value, i1.ɵnov(_v, 10)) !== false);\n ad = (pd_8 && ad);\n } return ad; }, null, null)), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"form-control\": 0, \"is-invalid\": 1 }), i1.ɵdid(4, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(5, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵdid(6, 540672, null, 0, i3.MaxLengthValidator, [], { maxlength: [0, \"maxlength\"] }, null), i1.ɵdid(7, 540672, null, 0, i3.PatternValidator, [], { pattern: [0, \"pattern\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0, p1_0, p2_0) { return [p0_0, p1_0, p2_0]; }, [i3.RequiredValidator, i3.MaxLengthValidator, i3.PatternValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(10, 671744, [[\"PropertyValue\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(11, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(13, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), i1.ɵdid(14, 16384, null, 0, i9.BlockCopyPasteDirective, [], { allowBlock: [0, \"allowBlock\"] }, null), (_l()(), i1.ɵeld(15, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_32)), i1.ɵdid(17, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_13 = _ck(_v, 3, 0, true, (_co.submitted && i1.ɵnov(_v, 10).invalid)); _ck(_v, 2, 0, currVal_13); var currVal_14 = _co.property.PropertyValidation.IsMandatory; _ck(_v, 5, 0, currVal_14); var currVal_15 = ((_co.property.PropertyValidation.PropertyLength == 0) ? null : _co.property.PropertyValidation.PropertyLength); _ck(_v, 6, 0, currVal_15); var currVal_16 = (_co.property.PropertyValidation.PropertyFormat ? _co.property.PropertyValidation.PropertyFormat : null); _ck(_v, 7, 0, currVal_16); var currVal_17 = _co.property.PropertyName; var currVal_18 = _co.property.PropertyValue; var currVal_19 = _ck(_v, 11, 0, \"blur\"); _ck(_v, 10, 0, currVal_17, currVal_18, currVal_19); var currVal_20 = true; _ck(_v, 14, 0, currVal_20); var currVal_21 = i1.ɵnov(_v, 10).invalid; _ck(_v, 17, 0, currVal_21); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = _co.property.PropertyValue; var currVal_2 = i1.ɵinlineInterpolate(1, \"\", (_co.property.IsAutoComplete ? _co.property.PropertyName : \"off\"), \"\"); var currVal_3 = (i1.ɵnov(_v, 5).required ? \"\" : null); var currVal_4 = (i1.ɵnov(_v, 6).maxlength ? i1.ɵnov(_v, 6).maxlength : null); var currVal_5 = (i1.ɵnov(_v, 7).pattern ? i1.ɵnov(_v, 7).pattern : null); var currVal_6 = i1.ɵnov(_v, 13).ngClassUntouched; var currVal_7 = i1.ɵnov(_v, 13).ngClassTouched; var currVal_8 = i1.ɵnov(_v, 13).ngClassPristine; var currVal_9 = i1.ɵnov(_v, 13).ngClassDirty; var currVal_10 = i1.ɵnov(_v, 13).ngClassValid; var currVal_11 = i1.ɵnov(_v, 13).ngClassInvalid; var currVal_12 = i1.ɵnov(_v, 13).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12]); }); }\nfunction View_PropertyControlsComponent_37(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 1, \"input\", [[\"appBlockCopyPaste\", \"\"], [\"class\", \"form-control\"], [\"type\", \"text\"]], [[8, \"id\", 0], [8, \"value\", 0], [8, \"autocomplete\", 0]], [[null, \"change\"], [null, \"paste\"], [null, \"copy\"], [null, \"cut\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"paste\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1).blockPaste($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"copy\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 1).blockCopy($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"cut\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 1).blockCut($event) !== false);\n ad = (pd_2 && ad);\n } if ((\"change\" === en)) {\n var pd_3 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 0).value) !== false);\n ad = (pd_3 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 16384, null, 0, i9.BlockCopyPasteDirective, [], { allowBlock: [0, \"allowBlock\"] }, null)], function (_ck, _v) { var currVal_3 = true; _ck(_v, 1, 0, currVal_3); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = _co.property.PropertyValue; var currVal_2 = i1.ɵinlineInterpolate(1, \"\", (_co.property.IsAutoComplete ? _co.property.PropertyName : \"off\"), \"\"); _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2); }); }\nfunction View_PropertyControlsComponent_30(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_31)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_37))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_29(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_30)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_40(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"a\", [[\"href\", \"javascript:void(0)\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.onValueChange(_co.property) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplayFormat; _ck(_v, 2, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_41(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"a\", [[\"href\", \"javascript:void(0)\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"click\" === en)) {\n var pd_0 = (_co.onValueChange(_co.property) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValueDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_39(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_40)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"default\", 2]], null, 0, null, View_PropertyControlsComponent_41))], function (_ck, _v) { var _co = _v.component; var currVal_0 = !_co.property.PropertyValue; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_38(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_39)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_46(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_47(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\" cannot be more than \", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.property.PropertyValidation.PropertyLength; _ck(_v, 2, 0, currVal_1); }); }\nfunction View_PropertyControlsComponent_48(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation.FormatValidationMessage; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_45(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 6, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_46)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_47)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_48)), i1.ɵdid(6, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 10).errors.required; _ck(_v, 2, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent, 10).errors.maxlength; _ck(_v, 4, 0, currVal_1); var currVal_2 = i1.ɵnov(_v.parent, 10).errors.pattern; _ck(_v, 6, 0, currVal_2); }, null); }\nfunction View_PropertyControlsComponent_44(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 17, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[2, 0], [\"textarea\", 1]], null, 13, \"textarea\", [[\"type\", \"text\"]], [[8, \"id\", 0], [8, \"value\", 0], [1, \"autocomplete\", 0], [1, \"required\", 0], [1, \"maxlength\", 0], [1, \"pattern\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"change\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 4).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 4)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 4)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 1).value, i1.ɵnov(_v, 10)) !== false);\n ad = (pd_5 && ad);\n } return ad; }, null, null)), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"form-control\": 0, \"is-invalid\": 1 }), i1.ɵdid(4, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(5, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵdid(6, 540672, null, 0, i3.MaxLengthValidator, [], { maxlength: [0, \"maxlength\"] }, null), i1.ɵdid(7, 540672, null, 0, i3.PatternValidator, [], { pattern: [0, \"pattern\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0, p1_0, p2_0) { return [p0_0, p1_0, p2_0]; }, [i3.RequiredValidator, i3.MaxLengthValidator, i3.PatternValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(10, 671744, [[\"PropertyValue\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(11, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(13, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵted(-1, null, [\" \"])), (_l()(), i1.ɵeld(15, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_45)), i1.ɵdid(17, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_13 = _ck(_v, 3, 0, true, (_co.submitted && i1.ɵnov(_v, 10).invalid)); _ck(_v, 2, 0, currVal_13); var currVal_14 = _co.property.PropertyValidation.IsMandatory; _ck(_v, 5, 0, currVal_14); var currVal_15 = ((_co.property.PropertyValidation.PropertyLength == 0) ? null : _co.property.PropertyValidation.PropertyLength); _ck(_v, 6, 0, currVal_15); var currVal_16 = (_co.property.PropertyValidation.PropertyFormat ? _co.property.PropertyValidation.PropertyFormat : null); _ck(_v, 7, 0, currVal_16); var currVal_17 = _co.property.PropertyName; var currVal_18 = _co.property.PropertyValue; var currVal_19 = _ck(_v, 11, 0, \"blur\"); _ck(_v, 10, 0, currVal_17, currVal_18, currVal_19); var currVal_20 = i1.ɵnov(_v, 10).invalid; _ck(_v, 17, 0, currVal_20); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = _co.property.PropertyValueDisplay; var currVal_2 = (_co.property.IsAutoComplete ? _co.property.PropertyName : \"off\"); var currVal_3 = (i1.ɵnov(_v, 5).required ? \"\" : null); var currVal_4 = (i1.ɵnov(_v, 6).maxlength ? i1.ɵnov(_v, 6).maxlength : null); var currVal_5 = (i1.ɵnov(_v, 7).pattern ? i1.ɵnov(_v, 7).pattern : null); var currVal_6 = i1.ɵnov(_v, 13).ngClassUntouched; var currVal_7 = i1.ɵnov(_v, 13).ngClassTouched; var currVal_8 = i1.ɵnov(_v, 13).ngClassPristine; var currVal_9 = i1.ɵnov(_v, 13).ngClassDirty; var currVal_10 = i1.ɵnov(_v, 13).ngClassValid; var currVal_11 = i1.ɵnov(_v, 13).ngClassInvalid; var currVal_12 = i1.ɵnov(_v, 13).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12]); }); }\nfunction View_PropertyControlsComponent_49(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[2, 0], [\"textarea\", 1]], null, 0, \"textarea\", [[\"class\", \"form-control\"], [\"type\", \"text\"]], [[8, \"id\", 0], [8, \"value\", 0], [1, \"autocomplete\", 0]], [[null, \"change\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"change\" === en)) {\n var pd_0 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 0).value) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = _co.property.PropertyValue; var currVal_2 = (_co.property.IsAutoComplete ? _co.property.PropertyName : \"off\"); _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2); }); }\nfunction View_PropertyControlsComponent_43(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_44)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_49))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_42(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_43)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_50(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [[\"class\", \"display-prop\"]], [[8, \"innerHTML\", 1], [8, \"id\", 0]], null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValueDisplay; var currVal_1 = _co.property.PropertyName; _ck(_v, 1, 0, currVal_0, currVal_1); }); }\nfunction View_PropertyControlsComponent_51(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [[\"class\", \"display-prop\"]], [[8, \"innerHTML\", 1], [8, \"id\", 0]], null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValueDisplay; var currVal_1 = _co.property.PropertyName; _ck(_v, 1, 0, currVal_0, currVal_1); }); }\nfunction View_PropertyControlsComponent_52(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [[\"class\", \"display-prop\"]], [[8, \"innerHTML\", 1], [8, \"id\", 0]], null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValueDisplay; var currVal_1 = _co.property.PropertyName; _ck(_v, 1, 0, currVal_0, currVal_1); }); }\nfunction View_PropertyControlsComponent_53(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [[\"class\", \"display-prop\"]], [[8, \"innerHTML\", 1], [8, \"id\", 0]], null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValueDisplay; var currVal_1 = _co.property.PropertyName; _ck(_v, 1, 0, currVal_0, currVal_1); }); }\nfunction View_PropertyControlsComponent_54(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [[\"class\", \"display-prop\"]], [[8, \"innerHTML\", 1], [8, \"id\", 0]], null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValueDisplay; var currVal_1 = _co.property.PropertyName; _ck(_v, 1, 0, currVal_0, currVal_1); }); }\nfunction View_PropertyControlsComponent_57(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"mat-checkbox-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 3, \"mat-checkbox\", [[\"class\", \"mat-checkbox\"], [\"matCheckbox\", \"\"]], [[1, \"name\", 0], [8, \"id\", 0], [1, \"tabindex\", 0], [2, \"mat-checkbox-indeterminate\", null], [2, \"mat-checkbox-checked\", null], [2, \"mat-checkbox-disabled\", null], [2, \"mat-checkbox-label-before\", null], [2, \"_mat-animation-noopable\", null]], [[null, \"change\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"change\" === en)) {\n var pd_0 = (_co.onValueChange(_co.property, $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i10.View_MatCheckbox_0, i10.RenderType_MatCheckbox)), i1.ɵprd(5120, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i11.MatCheckbox]), i1.ɵdid(3, 8568832, [[5, 4], [\"matCheckbox\", 4]], 0, i11.MatCheckbox, [i1.ElementRef, i1.ChangeDetectorRef, i12.FocusMonitor, i1.NgZone, [8, null], [2, i11.MAT_CHECKBOX_CLICK_ACTION], [2, i13.ANIMATION_MODULE_TYPE]], { value: [0, \"value\"], checked: [1, \"checked\"] }, { change: \"change\" }), (_l()(), i1.ɵted(4, 0, [\"\", \"\"]))], function (_ck, _v) { var currVal_8 = _v.context.$implicit.SelectionValue; var currVal_9 = (_v.context.$implicit.IsSelected == true); _ck(_v, 3, 0, currVal_8, currVal_9); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = i1.ɵnov(_v, 3).id; var currVal_2 = null; var currVal_3 = i1.ɵnov(_v, 3).indeterminate; var currVal_4 = i1.ɵnov(_v, 3).checked; var currVal_5 = i1.ɵnov(_v, 3).disabled; var currVal_6 = (i1.ɵnov(_v, 3).labelPosition == \"before\"); var currVal_7 = (i1.ɵnov(_v, 3)._animationMode === \"NoopAnimations\"); _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_10 = _v.context.$implicit.SelectionDisplay; _ck(_v, 4, 0, currVal_10); }); }\nfunction View_PropertyControlsComponent_60(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_59(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(2, { \"display\": 0 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_60)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, (_co.submitted ? \"block\" : \"none\")); _ck(_v, 1, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent.parent, 7).errors.required; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_58(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_59)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 7).invalid; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_56(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 13, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 10, \"mat-radio-group\", [[\"class\", \"mat-radio-group\"], [\"role\", \"radiogroup\"]], [[8, \"id\", 0], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"ngModelChange\" === en)) {\n var pd_0 = ((_co.property.PropertyValueArray = $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(2, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵdid(4, 1064960, null, 1, i14.MatRadioGroup, [i1.ChangeDetectorRef], { name: [0, \"name\"], required: [1, \"required\"] }, null), i1.ɵqud(603979776, 10, { _radios: 1 }), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i14.MatRadioGroup]), i1.ɵdid(7, 671744, [[\"PropertyValue\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(9, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_57)), i1.ɵdid(11, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_58)), i1.ɵdid(13, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_9 = (_co.property.PropertyValidation ? (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null) : null); _ck(_v, 2, 0, currVal_9); var currVal_10 = _co.property.PropertyName; var currVal_11 = (_co.property.PropertyValidation ? (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null) : null); _ck(_v, 4, 0, currVal_10, currVal_11); var currVal_12 = _co.property.PropertyName; var currVal_13 = _co.property.PropertyValueArray; _ck(_v, 7, 0, currVal_12, currVal_13); var currVal_14 = _co.property.PropertyValueSelection; _ck(_v, 11, 0, currVal_14); var currVal_15 = i1.ɵnov(_v, 7); _ck(_v, 13, 0, currVal_15); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = (i1.ɵnov(_v, 2).required ? \"\" : null); var currVal_2 = i1.ɵnov(_v, 9).ngClassUntouched; var currVal_3 = i1.ɵnov(_v, 9).ngClassTouched; var currVal_4 = i1.ɵnov(_v, 9).ngClassPristine; var currVal_5 = i1.ɵnov(_v, 9).ngClassDirty; var currVal_6 = i1.ɵnov(_v, 9).ngClassValid; var currVal_7 = i1.ɵnov(_v, 9).ngClassInvalid; var currVal_8 = i1.ɵnov(_v, 9).ngClassPending; _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8); }); }\nfunction View_PropertyControlsComponent_55(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_56)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_63(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"mat-radio-button\", [[\"class\", \"mat-radio-button\"], [\"matRadioButton\", \"\"]], [[2, \"mat-radio-checked\", null], [2, \"mat-radio-disabled\", null], [2, \"_mat-animation-noopable\", null], [1, \"tabindex\", 0], [1, \"id\", 0]], [[null, \"change\"], [null, \"focus\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"focus\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 1)._inputElement.nativeElement.focus() !== false);\n ad = (pd_0 && ad);\n } if ((\"change\" === en)) {\n var pd_1 = (_co.onValueChange(_co.property, _v.context.$implicit.SelectionValue) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i15.View_MatRadioButton_0, i15.RenderType_MatRadioButton)), i1.ɵdid(1, 4440064, [[11, 4], [4, 4], [\"matRadio\", 4]], 0, i14.MatRadioButton, [[2, i14.MatRadioGroup], i1.ElementRef, i1.ChangeDetectorRef, i12.FocusMonitor, i16.UniqueSelectionDispatcher, [2, i13.ANIMATION_MODULE_TYPE]], { id: [0, \"id\"], name: [1, \"name\"], checked: [2, \"checked\"], value: [3, \"value\"], required: [4, \"required\"] }, { change: \"change\" }), (_l()(), i1.ɵted(2, 0, [\" \", \" \"]))], function (_ck, _v) { var _co = _v.component; var currVal_5 = i1.ɵinlineInterpolate(2, \"\", _co.property.PropertyName, \"\", _v.context.index, \"\"); var currVal_6 = _co.property.PropertyName; var currVal_7 = (_v.context.$implicit.SelectionValue == _co.property.PropertyValue); var currVal_8 = _v.context.$implicit.SelectionValue; var currVal_9 = (_co.property.PropertyValidation ? (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null) : null); _ck(_v, 1, 0, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9); }, function (_ck, _v) { var currVal_0 = i1.ɵnov(_v, 1).checked; var currVal_1 = i1.ɵnov(_v, 1).disabled; var currVal_2 = (i1.ɵnov(_v, 1)._animationMode === \"NoopAnimations\"); var currVal_3 = (0 - 1); var currVal_4 = i1.ɵnov(_v, 1).id; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4); var currVal_10 = _v.context.$implicit.SelectionDisplay; _ck(_v, 2, 0, currVal_10); }); }\nfunction View_PropertyControlsComponent_66(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_65(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(2, { \"display\": 0 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_66)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, ((_co.submitted && !_co.property.PropertyValue) ? \"block\" : \"none\")); _ck(_v, 1, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent.parent, 7).errors.required; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_64(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_65)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 7).invalid; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_62(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 13, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 10, \"mat-radio-group\", [[\"class\", \"mat-radio-group\"], [\"role\", \"radiogroup\"]], [[8, \"id\", 0], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"ngModelChange\" === en)) {\n var pd_0 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), i1.ɵdid(2, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵdid(4, 1064960, null, 1, i14.MatRadioGroup, [i1.ChangeDetectorRef], { name: [0, \"name\"], required: [1, \"required\"] }, null), i1.ɵqud(603979776, 11, { _radios: 1 }), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i14.MatRadioGroup]), i1.ɵdid(7, 671744, [[\"PropertyValue\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(9, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_63)), i1.ɵdid(11, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_64)), i1.ɵdid(13, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_9 = (_co.property.PropertyValidation ? (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null) : null); _ck(_v, 2, 0, currVal_9); var currVal_10 = _co.property.PropertyName; var currVal_11 = (_co.property.PropertyValidation ? (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null) : null); _ck(_v, 4, 0, currVal_10, currVal_11); var currVal_12 = _co.property.PropertyName; var currVal_13 = _co.property.PropertyValue; _ck(_v, 7, 0, currVal_12, currVal_13); var currVal_14 = _co.property.PropertyValueSelection; _ck(_v, 11, 0, currVal_14); var currVal_15 = i1.ɵnov(_v, 7); _ck(_v, 13, 0, currVal_15); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = (i1.ɵnov(_v, 2).required ? \"\" : null); var currVal_2 = i1.ɵnov(_v, 9).ngClassUntouched; var currVal_3 = i1.ɵnov(_v, 9).ngClassTouched; var currVal_4 = i1.ɵnov(_v, 9).ngClassPristine; var currVal_5 = i1.ɵnov(_v, 9).ngClassDirty; var currVal_6 = i1.ɵnov(_v, 9).ngClassValid; var currVal_7 = i1.ɵnov(_v, 9).ngClassInvalid; var currVal_8 = i1.ɵnov(_v, 9).ngClassPending; _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8); }); }\nfunction View_PropertyControlsComponent_61(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_62)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_71(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required \"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_73(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" cannot be before current date time \"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_74(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation.FormatValidationMessage; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_72(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_73)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_74)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = ((i1.ɵnov(_v.parent.parent, 10).errors.matDatepickerMin || i1.ɵnov(_v.parent.parent, 10).errors.DateMin) && (_co.property.PropertyValidation.MinValue == \"@CURRENTDATETIME\")); var currVal_1 = _co.min; _ck(_v, 1, 0, currVal_0, currVal_1); var currVal_2 = _co.property.PropertyValidation.InvalidFormat; _ck(_v, 3, 0, currVal_2); }, null); }\nfunction View_PropertyControlsComponent_70(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_71)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"invalidformat\", 2]], null, 0, null, View_PropertyControlsComponent_72))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (!_co.property.PropertyValidation.InvalidFormat && (i1.ɵnov(_v.parent, 10).errors.required || i1.ɵnov(_v.parent, 10).errors.matDatepickerParse)); var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_69(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[\"dateInput\", 1]], null, 21, \"div\", [[\"class\", \"input-group date-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 12, \"input\", [[\"type\", \"text\"]], [[8, \"id\", 0], [8, \"placeholder\", 0], [8, \"autocomplete\", 0], [1, \"required\", 0], [1, \"aria-haspopup\", 0], [1, \"aria-owns\", 0], [1, \"min\", 0], [1, \"max\", 0], [8, \"disabled\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"dateChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"], [null, \"change\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 5).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 5)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 5)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"input\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 7)._onInput($event.target.value) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (i1.ɵnov(_v, 7)._onChange() !== false);\n ad = (pd_5 && ad);\n } if ((\"blur\" === en)) {\n var pd_6 = (i1.ɵnov(_v, 7)._onBlur() !== false);\n ad = (pd_6 && ad);\n } if ((\"keydown\" === en)) {\n var pd_7 = (i1.ɵnov(_v, 7)._onKeydown($event) !== false);\n ad = (pd_7 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_8 = ((_co.dateValue = $event) !== false);\n ad = (pd_8 && ad);\n } if ((\"dateChange\" === en)) {\n var pd_9 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 1).value, i1.ɵnov(_v, 10)) !== false);\n ad = (pd_9 && ad);\n } return ad; }, null, null)), i1.ɵprd(6144, null, i17.MAT_INPUT_VALUE_ACCESSOR, null, [i18.MatDatepickerInput]), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"form-control date-input\": 0, \"is-invalid\": 1 }), i1.ɵdid(5, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(6, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵdid(7, 147456, null, 0, i18.MatDatepickerInput, [i1.ElementRef, [2, i19.DateAdapter], [2, i19.MAT_DATE_FORMATS], [2, i20.MatFormField]], { matDatepicker: [0, \"matDatepicker\"], value: [1, \"value\"], min: [2, \"min\"], max: [3, \"max\"] }, { dateChange: \"dateChange\" }), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i3.RequiredValidator, i18.MatDatepickerInput]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i3.DefaultValueAccessor, i18.MatDatepickerInput]), i1.ɵdid(10, 671744, [[\"PropertyValueDisplay\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(11, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(13, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(14, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(15, 16777216, null, null, 1, \"mat-datepicker\", [], null, null, null, i21.View_MatDatepicker_0, i21.RenderType_MatDatepicker)), i1.ɵdid(16, 180224, [[\"picker\", 4]], 0, i18.MatDatepicker, [i22.MatDialog, i23.Overlay, i1.NgZone, i1.ViewContainerRef, i18.MAT_DATEPICKER_SCROLL_STRATEGY, [2, i19.DateAdapter], [2, i24.Directionality], [2, i2.DOCUMENT]], null, null), (_l()(), i1.ɵeld(17, 0, null, null, 2, \"div\", [[\"class\", \"input-group-append date-group\"], [\"tabindex\", \"0\"]], null, [[null, \"click\"], [null, \"keyup.enter\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 16).open() !== false);\n ad = (pd_0 && ad);\n } if ((\"keyup.enter\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 16).open() !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(18, 0, null, null, 1, \"span\", [[\"class\", \"input-group-text\"], [\"style\", \"cursor: pointer;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(19, 0, null, null, 0, \"i\", [[\"class\", \"fa fa-calendar\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_70)), i1.ɵdid(21, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_16 = _ck(_v, 4, 0, true, (_co.submitted && i1.ɵnov(_v, 10).invalid)); _ck(_v, 3, 0, currVal_16); var currVal_17 = (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null); _ck(_v, 6, 0, currVal_17); var currVal_18 = i1.ɵnov(_v, 16); var currVal_19 = _co.dateValue; var currVal_20 = _co.dateMin; var currVal_21 = _co.dateMax; _ck(_v, 7, 0, currVal_18, currVal_19, currVal_20, currVal_21); var currVal_22 = _co.property.PropertyName; var currVal_23 = _co.dateValue; var currVal_24 = _ck(_v, 11, 0, \"blur\"); _ck(_v, 10, 0, currVal_22, currVal_23, currVal_24); var currVal_25 = i1.ɵnov(_v, 10).invalid; _ck(_v, 21, 0, currVal_25); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = i1.ɵinlineInterpolate(1, \"Select Date - Format : \", _co.property.PropertyDisplayFormat, \"\"); var currVal_2 = i1.ɵinlineInterpolate(1, \"\", (_co.property.IsAutoComplete ? _co.property.PropertyName : \"off\"), \"\"); var currVal_3 = (i1.ɵnov(_v, 6).required ? \"\" : null); var currVal_4 = true; var currVal_5 = ((((i1.ɵnov(_v, 7)._datepicker == null) ? null : i1.ɵnov(_v, 7)._datepicker.opened) && i1.ɵnov(_v, 7)._datepicker.id) || null); var currVal_6 = (i1.ɵnov(_v, 7).min ? i1.ɵnov(_v, 7)._dateAdapter.toIso8601(i1.ɵnov(_v, 7).min) : null); var currVal_7 = (i1.ɵnov(_v, 7).max ? i1.ɵnov(_v, 7)._dateAdapter.toIso8601(i1.ɵnov(_v, 7).max) : null); var currVal_8 = i1.ɵnov(_v, 7).disabled; var currVal_9 = i1.ɵnov(_v, 13).ngClassUntouched; var currVal_10 = i1.ɵnov(_v, 13).ngClassTouched; var currVal_11 = i1.ɵnov(_v, 13).ngClassPristine; var currVal_12 = i1.ɵnov(_v, 13).ngClassDirty; var currVal_13 = i1.ɵnov(_v, 13).ngClassValid; var currVal_14 = i1.ɵnov(_v, 13).ngClassInvalid; var currVal_15 = i1.ɵnov(_v, 13).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15]); }); }\nfunction View_PropertyControlsComponent_75(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[\"dateInput\", 1]], null, 15, \"div\", [[\"class\", \"input-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 9, \"input\", [[\"class\", \"form-control date-input\"]], [[8, \"id\", 0], [8, \"autocomplete\", 0], [8, \"placeholder\", 0], [1, \"aria-haspopup\", 0], [1, \"aria-owns\", 0], [1, \"min\", 0], [1, \"max\", 0], [8, \"disabled\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"dateChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"], [null, \"change\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 3)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 3).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 3)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 3)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"input\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 4)._onInput($event.target.value) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (i1.ɵnov(_v, 4)._onChange() !== false);\n ad = (pd_5 && ad);\n } if ((\"blur\" === en)) {\n var pd_6 = (i1.ɵnov(_v, 4)._onBlur() !== false);\n ad = (pd_6 && ad);\n } if ((\"keydown\" === en)) {\n var pd_7 = (i1.ɵnov(_v, 4)._onKeydown($event) !== false);\n ad = (pd_7 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_8 = ((_co.dateValue = $event) !== false);\n ad = (pd_8 && ad);\n } if ((\"dateChange\" === en)) {\n var pd_9 = (_co.onValueChange(_co.property, i1.ɵnov(_v, 1).value) !== false);\n ad = (pd_9 && ad);\n } return ad; }, null, null)), i1.ɵprd(6144, null, i17.MAT_INPUT_VALUE_ACCESSOR, null, [i18.MatDatepickerInput]), i1.ɵdid(3, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(4, 147456, null, 0, i18.MatDatepickerInput, [i1.ElementRef, [2, i19.DateAdapter], [2, i19.MAT_DATE_FORMATS], [2, i20.MatFormField]], { matDatepicker: [0, \"matDatepicker\"], value: [1, \"value\"] }, { dateChange: \"dateChange\" }), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i18.MatDatepickerInput]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i3.DefaultValueAccessor, i18.MatDatepickerInput]), i1.ɵdid(7, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(8, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(10, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(11, 16777216, null, null, 1, \"mat-datepicker\", [], null, null, null, i21.View_MatDatepicker_0, i21.RenderType_MatDatepicker)), i1.ɵdid(12, 180224, [[\"picker\", 4]], 0, i18.MatDatepicker, [i22.MatDialog, i23.Overlay, i1.NgZone, i1.ViewContainerRef, i18.MAT_DATEPICKER_SCROLL_STRATEGY, [2, i19.DateAdapter], [2, i24.Directionality], [2, i2.DOCUMENT]], null, null), (_l()(), i1.ɵeld(13, 0, null, null, 2, \"div\", [[\"class\", \"input-group-append date-group\"], [\"tabindex\", \"0\"]], null, [[null, \"click\"], [null, \"keyup.enter\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 12).open() !== false);\n ad = (pd_0 && ad);\n } if ((\"keyup.enter\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 12).open() !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(14, 0, null, null, 1, \"span\", [[\"class\", \"input-group-text\"], [\"style\", \"cursor: pointer;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(15, 0, null, null, 0, \"i\", [[\"class\", \"fa fa-calendar\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_15 = i1.ɵnov(_v, 12); var currVal_16 = _co.dateValue; _ck(_v, 4, 0, currVal_15, currVal_16); var currVal_17 = _co.property.PropertyName; var currVal_18 = _co.dateValue; var currVal_19 = _ck(_v, 8, 0, \"blur\"); _ck(_v, 7, 0, currVal_17, currVal_18, currVal_19); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = i1.ɵinlineInterpolate(1, \"\", (_co.property.IsAutoComplete ? _co.property.PropertyName : \"off\"), \"\"); var currVal_2 = i1.ɵinlineInterpolate(1, \"Select Date - Format : \", _co.property.PropertyDisplayFormat, \"\"); var currVal_3 = true; var currVal_4 = ((((i1.ɵnov(_v, 4)._datepicker == null) ? null : i1.ɵnov(_v, 4)._datepicker.opened) && i1.ɵnov(_v, 4)._datepicker.id) || null); var currVal_5 = (i1.ɵnov(_v, 4).min ? i1.ɵnov(_v, 4)._dateAdapter.toIso8601(i1.ɵnov(_v, 4).min) : null); var currVal_6 = (i1.ɵnov(_v, 4).max ? i1.ɵnov(_v, 4)._dateAdapter.toIso8601(i1.ɵnov(_v, 4).max) : null); var currVal_7 = i1.ɵnov(_v, 4).disabled; var currVal_8 = i1.ɵnov(_v, 10).ngClassUntouched; var currVal_9 = i1.ɵnov(_v, 10).ngClassTouched; var currVal_10 = i1.ɵnov(_v, 10).ngClassPristine; var currVal_11 = i1.ɵnov(_v, 10).ngClassDirty; var currVal_12 = i1.ɵnov(_v, 10).ngClassValid; var currVal_13 = i1.ɵnov(_v, 10).ngClassInvalid; var currVal_14 = i1.ɵnov(_v, 10).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14]); }); }\nfunction View_PropertyControlsComponent_68(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_69)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_75))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_67(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_68)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_80(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required \"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_82(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation.FormatValidationMessage; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_84(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" cannot be before current date time \"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_86(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\" cannot be before than \", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.property.PropertyValidation.MinValue; _ck(_v, 2, 0, currVal_1); }); }\nfunction View_PropertyControlsComponent_87(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\" cannot be before than \", \" \"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.property.PropertyValidation.MinValue; _ck(_v, 2, 0, currVal_1); }); }\nfunction View_PropertyControlsComponent_85(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_86)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_87)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent.parent.parent.parent, 10).errors.matDatepickerMin; _ck(_v, 1, 0, currVal_0); var currVal_1 = (!i1.ɵnov(_v.parent.parent.parent.parent, 10).errors.matDatepickerMin && i1.ɵnov(_v.parent.parent.parent.parent, 10).errors.DateMin); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_88(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\" cannot be greater than \", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.property.PropertyValidation.MaxValue; _ck(_v, 2, 0, currVal_1); }); }\nfunction View_PropertyControlsComponent_83(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_84)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"min\", 2]], null, 0, null, View_PropertyControlsComponent_85)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_88)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = ((i1.ɵnov(_v.parent.parent.parent, 10).errors.matDatepickerMin || i1.ɵnov(_v.parent.parent.parent, 10).errors.DateMin) && (_co.property.PropertyValidation.MinValue == \"@CURRENTDATETIME\")); var currVal_1 = i1.ɵnov(_v, 2); _ck(_v, 1, 0, currVal_0, currVal_1); var currVal_2 = i1.ɵnov(_v.parent.parent.parent, 10).errors.matDatepickerMax; _ck(_v, 4, 0, currVal_2); }, null); }\nfunction View_PropertyControlsComponent_81(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_82)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"minMax\", 2]], null, 0, null, View_PropertyControlsComponent_83))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyValidation.InvalidFormat || i1.ɵnov(_v.parent.parent, 10).errors.matDatepickerParse); var currVal_1 = i1.ɵnov(_v, 2); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_79(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_80)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"invalidformat\", 2]], null, 0, null, View_PropertyControlsComponent_81))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (!_co.property.PropertyValidation.InvalidFormat && i1.ɵnov(_v.parent, 10).errors.required); var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_78(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[\"dateInput\", 1]], null, 21, \"div\", [[\"class\", \"input-group date-time-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 12, \"input\", [[\"type\", \"text\"]], [[8, \"id\", 0], [8, \"placeholder\", 0], [8, \"autocomplete\", 0], [1, \"required\", 0], [1, \"aria-haspopup\", 0], [1, \"aria-owns\", 0], [1, \"min\", 0], [1, \"max\", 0], [8, \"disabled\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"dateChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"], [null, \"change\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 5).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 5)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 5)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"input\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 7)._onInput($event.target.value) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (i1.ɵnov(_v, 7)._onChange() !== false);\n ad = (pd_5 && ad);\n } if ((\"blur\" === en)) {\n var pd_6 = (i1.ɵnov(_v, 7)._onBlur() !== false);\n ad = (pd_6 && ad);\n } if ((\"keydown\" === en)) {\n var pd_7 = (i1.ɵnov(_v, 7)._onKeydown($event) !== false);\n ad = (pd_7 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_8 = ((_co.dateValue = $event) !== false);\n ad = (pd_8 && ad);\n } if ((\"dateChange\" === en)) {\n var pd_9 = (_co.onDateTimeChange(i1.ɵnov(_v, 1).value, $event, i1.ɵnov(_v, 10), _co.property) !== false);\n ad = (pd_9 && ad);\n } return ad; }, null, null)), i1.ɵprd(6144, null, i17.MAT_INPUT_VALUE_ACCESSOR, null, [i18.MatDatepickerInput]), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"form-control date-input\": 0, \"is-invalid\": 1 }), i1.ɵdid(5, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(6, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵdid(7, 147456, null, 0, i18.MatDatepickerInput, [i1.ElementRef, [2, i19.DateAdapter], [2, i19.MAT_DATE_FORMATS], [2, i20.MatFormField]], { matDatepicker: [0, \"matDatepicker\"], min: [1, \"min\"], max: [2, \"max\"] }, { dateChange: \"dateChange\" }), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i3.RequiredValidator, i18.MatDatepickerInput]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i3.DefaultValueAccessor, i18.MatDatepickerInput]), i1.ɵdid(10, 671744, [[\"PropertyValueDisplay\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(11, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(13, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(14, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(15, 16777216, null, null, 1, \"mat-datepicker\", [], null, null, null, i21.View_MatDatepicker_0, i21.RenderType_MatDatepicker)), i1.ɵdid(16, 180224, [[\"picker\", 4]], 0, i18.MatDatepicker, [i22.MatDialog, i23.Overlay, i1.NgZone, i1.ViewContainerRef, i18.MAT_DATEPICKER_SCROLL_STRATEGY, [2, i19.DateAdapter], [2, i24.Directionality], [2, i2.DOCUMENT]], null, null), (_l()(), i1.ɵeld(17, 0, null, null, 2, \"div\", [[\"class\", \"input-group-append\"], [\"tabindex\", \"0\"]], null, [[null, \"click\"], [null, \"keyup.enter\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 16).open() !== false);\n ad = (pd_0 && ad);\n } if ((\"keyup.enter\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 16).open() !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(18, 0, null, null, 1, \"span\", [[\"class\", \"input-group-text\"], [\"style\", \"cursor: pointer;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(19, 0, null, null, 0, \"i\", [[\"class\", \"fa fa-calendar\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_79)), i1.ɵdid(21, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_16 = _ck(_v, 4, 0, true, (_co.submitted && i1.ɵnov(_v, 10).invalid)); _ck(_v, 3, 0, currVal_16); var currVal_17 = (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null); _ck(_v, 6, 0, currVal_17); var currVal_18 = i1.ɵnov(_v, 16); var currVal_19 = _co.dateMin; var currVal_20 = _co.dateMax; _ck(_v, 7, 0, currVal_18, currVal_19, currVal_20); var currVal_21 = _co.property.PropertyName; var currVal_22 = _co.dateValue; var currVal_23 = _ck(_v, 11, 0, \"blur\"); _ck(_v, 10, 0, currVal_21, currVal_22, currVal_23); var currVal_24 = i1.ɵnov(_v, 10).invalid; _ck(_v, 21, 0, currVal_24); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyName + \"date\"); var currVal_1 = i1.ɵinlineInterpolate(1, \"Format : \", _co.property.PropertyDisplayFormat, \"\"); var currVal_2 = i1.ɵinlineInterpolate(1, \"\", (_co.property.IsAutoComplete ? _co.property.PropertyName : \"off\"), \"\"); var currVal_3 = (i1.ɵnov(_v, 6).required ? \"\" : null); var currVal_4 = true; var currVal_5 = ((((i1.ɵnov(_v, 7)._datepicker == null) ? null : i1.ɵnov(_v, 7)._datepicker.opened) && i1.ɵnov(_v, 7)._datepicker.id) || null); var currVal_6 = (i1.ɵnov(_v, 7).min ? i1.ɵnov(_v, 7)._dateAdapter.toIso8601(i1.ɵnov(_v, 7).min) : null); var currVal_7 = (i1.ɵnov(_v, 7).max ? i1.ɵnov(_v, 7)._dateAdapter.toIso8601(i1.ɵnov(_v, 7).max) : null); var currVal_8 = i1.ɵnov(_v, 7).disabled; var currVal_9 = i1.ɵnov(_v, 13).ngClassUntouched; var currVal_10 = i1.ɵnov(_v, 13).ngClassTouched; var currVal_11 = i1.ɵnov(_v, 13).ngClassPristine; var currVal_12 = i1.ɵnov(_v, 13).ngClassDirty; var currVal_13 = i1.ɵnov(_v, 13).ngClassValid; var currVal_14 = i1.ɵnov(_v, 13).ngClassInvalid; var currVal_15 = i1.ɵnov(_v, 13).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15]); }); }\nfunction View_PropertyControlsComponent_89(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[\"dateInput\", 1]], null, 14, \"div\", [[\"class\", \"input-group date-time-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 8, \"input\", [[\"class\", \"form-control date-input\"], [\"placeholder\", \"Select Date\"]], [[8, \"id\", 0], [8, \"autocomplete\", 0], [1, \"aria-haspopup\", 0], [1, \"aria-owns\", 0], [1, \"min\", 0], [1, \"max\", 0], [8, \"disabled\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"dateChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"], [null, \"change\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 3)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 3).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 3)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 3)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"input\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 4)._onInput($event.target.value) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (i1.ɵnov(_v, 4)._onChange() !== false);\n ad = (pd_5 && ad);\n } if ((\"blur\" === en)) {\n var pd_6 = (i1.ɵnov(_v, 4)._onBlur() !== false);\n ad = (pd_6 && ad);\n } if ((\"keydown\" === en)) {\n var pd_7 = (i1.ɵnov(_v, 4)._onKeydown($event) !== false);\n ad = (pd_7 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_8 = ((_co.dateValue = $event) !== false);\n ad = (pd_8 && ad);\n } if ((\"dateChange\" === en)) {\n var pd_9 = (_co.onDateTimeChange(i1.ɵnov(_v, 1).value, $event) !== false);\n ad = (pd_9 && ad);\n } return ad; }, null, null)), i1.ɵprd(6144, null, i17.MAT_INPUT_VALUE_ACCESSOR, null, [i18.MatDatepickerInput]), i1.ɵdid(3, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(4, 147456, null, 0, i18.MatDatepickerInput, [i1.ElementRef, [2, i19.DateAdapter], [2, i19.MAT_DATE_FORMATS], [2, i20.MatFormField]], { matDatepicker: [0, \"matDatepicker\"], value: [1, \"value\"] }, { dateChange: \"dateChange\" }), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i18.MatDatepickerInput]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i3.DefaultValueAccessor, i18.MatDatepickerInput]), i1.ɵdid(7, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(9, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(10, 16777216, null, null, 1, \"mat-datepicker\", [], null, null, null, i21.View_MatDatepicker_0, i21.RenderType_MatDatepicker)), i1.ɵdid(11, 180224, [[\"picker\", 4]], 0, i18.MatDatepicker, [i22.MatDialog, i23.Overlay, i1.NgZone, i1.ViewContainerRef, i18.MAT_DATEPICKER_SCROLL_STRATEGY, [2, i19.DateAdapter], [2, i24.Directionality], [2, i2.DOCUMENT]], null, null), (_l()(), i1.ɵeld(12, 0, null, null, 2, \"div\", [[\"class\", \"input-group-append\"], [\"tabindex\", \"0\"]], null, [[null, \"click\"], [null, \"keyup.enter\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 11).open() !== false);\n ad = (pd_0 && ad);\n } if ((\"keyup.enter\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 11).open() !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(13, 0, null, null, 1, \"span\", [[\"class\", \"input-group-text\"], [\"style\", \"cursor: pointer;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(14, 0, null, null, 0, \"i\", [[\"class\", \"fa fa-calendar\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_14 = i1.ɵnov(_v, 11); var currVal_15 = _co.dateValue; _ck(_v, 4, 0, currVal_14, currVal_15); var currVal_16 = _co.property.PropertyName; var currVal_17 = _co.dateValue; _ck(_v, 7, 0, currVal_16, currVal_17); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = i1.ɵinlineInterpolate(1, \"\", (_co.property.IsAutoComplete ? _co.property.PropertyName : \"off\"), \"\"); var currVal_2 = true; var currVal_3 = ((((i1.ɵnov(_v, 4)._datepicker == null) ? null : i1.ɵnov(_v, 4)._datepicker.opened) && i1.ɵnov(_v, 4)._datepicker.id) || null); var currVal_4 = (i1.ɵnov(_v, 4).min ? i1.ɵnov(_v, 4)._dateAdapter.toIso8601(i1.ɵnov(_v, 4).min) : null); var currVal_5 = (i1.ɵnov(_v, 4).max ? i1.ɵnov(_v, 4)._dateAdapter.toIso8601(i1.ɵnov(_v, 4).max) : null); var currVal_6 = i1.ɵnov(_v, 4).disabled; var currVal_7 = i1.ɵnov(_v, 9).ngClassUntouched; var currVal_8 = i1.ɵnov(_v, 9).ngClassTouched; var currVal_9 = i1.ɵnov(_v, 9).ngClassPristine; var currVal_10 = i1.ɵnov(_v, 9).ngClassDirty; var currVal_11 = i1.ɵnov(_v, 9).ngClassValid; var currVal_12 = i1.ɵnov(_v, 9).ngClassInvalid; var currVal_13 = i1.ɵnov(_v, 9).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13]); }); }\nfunction View_PropertyControlsComponent_90(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"input-group-append date-group\"], [\"tabindex\", \"0\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"input-group-text time-icon\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 0, \"i\", [[\"class\", \"fa fa-clock-o\"]], null, null, null, null, null))], null, null); }\nfunction View_PropertyControlsComponent_77(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 12, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_78)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_89)), (_l()(), i1.ɵeld(4, 0, null, null, 0, \"div\", [[\"class\", \"input-group time-picker\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(5, 0, null, null, 7, \"div\", [[\"class\", \"input-group time-picker\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(6, 0, null, null, 6, \"div\", [[\"class\", \"timepicker-field\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(7, 0, null, null, 4, \"ngx-timepicker-field\", [], null, [[null, \"ngInit\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"ngInit\" === en)) {\n var pd_0 = (_co.afterInit() !== false);\n ad = (pd_0 && ad);\n } return ad; }, i25.View_NgxTimepickerFieldComponent_0, i25.RenderType_NgxTimepickerFieldComponent)), i1.ɵprd(5120, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i26.NgxTimepickerFieldComponent]), i1.ɵprd(512, null, i26.ɵa, i26.ɵa, []), i1.ɵdid(10, 245760, [[8, 4], [\"timepicker\", 4]], 0, i26.NgxTimepickerFieldComponent, [i26.ɵa], { toggleIcon: [0, \"toggleIcon\"], clockTheme: [1, \"clockTheme\"], format: [2, \"format\"], defaultTime: [3, \"defaultTime\"] }, null), i1.ɵdid(11, 81920, null, 0, i27.NgInitDirective, [], { isLast: [0, \"isLast\"] }, { initEvent: \"ngInit\" }), (_l()(), i1.ɵand(0, [[\"icon\", 2]], null, 0, null, View_PropertyControlsComponent_90))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); var currVal_2 = i1.ɵnov(_v, 12); var currVal_3 = _co.darkTheme; var currVal_4 = (_co.format24h ? 24 : 12); var currVal_5 = _co.defaultTime; _ck(_v, 10, 0, currVal_2, currVal_3, currVal_4, currVal_5); var currVal_6 = true; _ck(_v, 11, 0, currVal_6); }, null); }\nfunction View_PropertyControlsComponent_76(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_77)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_95(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [[\"class\", \"loading-dropdown\"], [\"style\", \"padding-left: 20px;\"], [\"title\", \"loading dropdown list..\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Loading dropdown list..\"]))], null, null); }\nfunction View_PropertyControlsComponent_94(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(0, [[16, 2]], null, 1, null, View_PropertyControlsComponent_95)), i1.ɵdid(1, 16384, null, 0, i28.ɵi, [i1.TemplateRef], null, null)], null, null); }\nfunction View_PropertyControlsComponent_97(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_98(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation.FormatValidationMessage; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_96(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_97)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_98)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 21).errors.required; _ck(_v, 2, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent, 21).errors.pattern; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_93(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 28, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 25, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [8, \"title\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"click\"], [null, \"close\"], [null, \"blur\"], [null, \"change\"], [null, \"keyup\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n _co.onClickCombobox(_co.property, true);\n var pd_1 = (i1.ɵnov(_v, 5).focus() !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseCombobox() !== false);\n ad = (pd_2 && ad);\n } if ((\"blur\" === en)) {\n var pd_3 = (_co.onBlur(_co.property) !== false);\n ad = (pd_3 && ad);\n } if ((\"change\" === en)) {\n var pd_4 = (_co.onValueChange(_co.property, $event.SelectionMapValue, i1.ɵnov(_v, 21)) !== false);\n ad = (pd_4 && ad);\n } if ((\"keyup\" === en)) {\n var pd_5 = (_co.search(_co.property, $event) !== false);\n ad = (pd_5 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_6 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_6 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"detail-dropdown\": 0, \"is-invalid\": 1, \"loading\": 2, \"disabled\": 3 }), i1.ɵdid(5, 4964352, [[3, 4], [\"select\", 4]], 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], appendTo: [3, \"appendTo\"], searchable: [4, \"searchable\"], clearable: [5, \"clearable\"], isOpen: [6, \"isOpen\"], items: [7, \"items\"], compareWith: [8, \"compareWith\"] }, { blurEvent: \"blur\", changeEvent: \"change\", closeEvent: \"close\" }), i1.ɵqud(335544320, 12, { optionTemplate: 0 }), i1.ɵqud(335544320, 13, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 14, { labelTemplate: 0 }), i1.ɵqud(335544320, 15, { multiLabelTemplate: 0 }), i1.ɵqud(603979776, 16, { headerTemplate: 0 }), i1.ɵqud(335544320, 17, { footerTemplate: 0 }), i1.ɵqud(335544320, 18, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 19, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 20, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 21, { tagTemplate: 0 }), i1.ɵqud(335544320, 22, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 23, { ngOptions: 1 }), i1.ɵdid(18, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(21, 671744, [[\"PropertyValueDisplay\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(22, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(24, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_94)), i1.ɵdid(26, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_96)), i1.ɵdid(28, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_19 = _ck(_v, 4, 0, true, (_co.submitted && i1.ɵnov(_v, 21).invalid), _co.retrievingLookupList, _co.property.isDisabled); _ck(_v, 3, 0, currVal_19); var currVal_20 = \"SelectionDisplay\"; var currVal_21 = \"SelectionValue\"; var currVal_22 = i1.ɵinlineInterpolate(1, \"Select \", _co.property.PropertyDisplay, \"\"); var currVal_23 = i1.ɵinlineInterpolate(1, \"\", (_co.isPopupDetail ? \"body\" : \"body\"), \"\"); var currVal_24 = true; var currVal_25 = false; var currVal_26 = _co.property.IsDropdownOpen; var currVal_27 = _co.property.PropertyValueSelection; var currVal_28 = _co.compareFn; _ck(_v, 5, 0, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26, currVal_27, currVal_28); var currVal_29 = (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null); _ck(_v, 18, 0, currVal_29); var currVal_30 = _co.property.PropertyName; var currVal_31 = _co.property.PropertyValue; var currVal_32 = _ck(_v, 22, 0, \"blur\"); _ck(_v, 21, 0, currVal_30, currVal_31, currVal_32); var currVal_33 = _co.retrievingLookupList; _ck(_v, 26, 0, currVal_33); var currVal_34 = i1.ɵnov(_v, 21).invalid; _ck(_v, 28, 0, currVal_34); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = _co.property.PropertyValueDisplay; var currVal_2 = !i1.ɵnov(_v, 5).multiple; var currVal_3 = i1.ɵnov(_v, 5).typeahead; var currVal_4 = i1.ɵnov(_v, 5).multiple; var currVal_5 = i1.ɵnov(_v, 5).addTag; var currVal_6 = i1.ɵnov(_v, 5).searchable; var currVal_7 = i1.ɵnov(_v, 5).clearable; var currVal_8 = i1.ɵnov(_v, 5).isOpen; var currVal_9 = i1.ɵnov(_v, 5).disabled; var currVal_10 = i1.ɵnov(_v, 5).filtered; var currVal_11 = (i1.ɵnov(_v, 18).required ? \"\" : null); var currVal_12 = i1.ɵnov(_v, 24).ngClassUntouched; var currVal_13 = i1.ɵnov(_v, 24).ngClassTouched; var currVal_14 = i1.ɵnov(_v, 24).ngClassPristine; var currVal_15 = i1.ɵnov(_v, 24).ngClassDirty; var currVal_16 = i1.ɵnov(_v, 24).ngClassValid; var currVal_17 = i1.ɵnov(_v, 24).ngClassInvalid; var currVal_18 = i1.ɵnov(_v, 24).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16, currVal_17, currVal_18]); }); }\nfunction View_PropertyControlsComponent_101(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [[\"class\", \"loading-dropdown\"], [\"style\", \"padding-left: 20px;\"], [\"title\", \"loading dropdown list..\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Loading dropdown list..\"]))], null, null); }\nfunction View_PropertyControlsComponent_100(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(0, [[28, 2]], null, 1, null, View_PropertyControlsComponent_101)), i1.ɵdid(1, 16384, null, 0, i28.ɵi, [i1.TemplateRef], null, null)], null, null); }\nfunction View_PropertyControlsComponent_99(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 22, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"role\", \"listbox\"], [\"value\", \"property.PropertyValue\"]], [[8, \"id\", 0], [8, \"title\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"click\"], [null, \"close\"], [null, \"blur\"], [null, \"change\"], [null, \"keyup\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n _co.onClickCombobox(_co.property, true);\n var pd_1 = (i1.ɵnov(_v, 4).focus() !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseCombobox() !== false);\n ad = (pd_2 && ad);\n } if ((\"blur\" === en)) {\n var pd_3 = (_co.onBlur(_co.property) !== false);\n ad = (pd_3 && ad);\n } if ((\"change\" === en)) {\n var pd_4 = (_co.onValueChange(_co.property, $event.SelectionMapValue) !== false);\n ad = (pd_4 && ad);\n } if ((\"keyup\" === en)) {\n var pd_5 = (_co.search(_co.property, $event) !== false);\n ad = (pd_5 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_6 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_6 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"detail-dropdown\": 0, \"loading\": 1, \"loading\": 2, \"disabled\": 3 }), i1.ɵdid(4, 4964352, [[3, 4], [\"select\", 4]], 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], appendTo: [3, \"appendTo\"], searchable: [4, \"searchable\"], clearable: [5, \"clearable\"], isOpen: [6, \"isOpen\"], items: [7, \"items\"], compareWith: [8, \"compareWith\"] }, { blurEvent: \"blur\", changeEvent: \"change\", closeEvent: \"close\" }), i1.ɵqud(335544320, 24, { optionTemplate: 0 }), i1.ɵqud(335544320, 25, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 26, { labelTemplate: 0 }), i1.ɵqud(335544320, 27, { multiLabelTemplate: 0 }), i1.ɵqud(603979776, 28, { headerTemplate: 0 }), i1.ɵqud(335544320, 29, { footerTemplate: 0 }), i1.ɵqud(335544320, 30, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 31, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 32, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 33, { tagTemplate: 0 }), i1.ɵqud(335544320, 34, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 35, { ngOptions: 1 }), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(18, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [8, null], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(20, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_100)), i1.ɵdid(22, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_18 = _ck(_v, 3, 0, true, _co.retrievingLookupList, _co.retrievingLookupList, _co.property.isDisabled); _ck(_v, 2, 0, currVal_18); var currVal_19 = \"SelectionDisplay\"; var currVal_20 = \"SelectionValue\"; var currVal_21 = i1.ɵinlineInterpolate(1, \"Select \", _co.property.PropertyDisplay, \"\"); var currVal_22 = i1.ɵinlineInterpolate(1, \"\", (_co.isPopupDetail ? \"body\" : \"body\"), \"\"); var currVal_23 = true; var currVal_24 = false; var currVal_25 = _co.property.IsDropdownOpen; var currVal_26 = _co.property.PropertyValueSelection; var currVal_27 = _co.compareFn; _ck(_v, 4, 0, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26, currVal_27); var currVal_28 = _co.property.PropertyName; var currVal_29 = _co.property.PropertyValue; _ck(_v, 18, 0, currVal_28, currVal_29); var currVal_30 = _co.retrievingLookupList; _ck(_v, 22, 0, currVal_30); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = _co.property.PropertyValueDisplay; var currVal_2 = !i1.ɵnov(_v, 4).multiple; var currVal_3 = i1.ɵnov(_v, 4).typeahead; var currVal_4 = i1.ɵnov(_v, 4).multiple; var currVal_5 = i1.ɵnov(_v, 4).addTag; var currVal_6 = i1.ɵnov(_v, 4).searchable; var currVal_7 = i1.ɵnov(_v, 4).clearable; var currVal_8 = i1.ɵnov(_v, 4).isOpen; var currVal_9 = i1.ɵnov(_v, 4).disabled; var currVal_10 = i1.ɵnov(_v, 4).filtered; var currVal_11 = i1.ɵnov(_v, 20).ngClassUntouched; var currVal_12 = i1.ɵnov(_v, 20).ngClassTouched; var currVal_13 = i1.ɵnov(_v, 20).ngClassPristine; var currVal_14 = i1.ɵnov(_v, 20).ngClassDirty; var currVal_15 = i1.ɵnov(_v, 20).ngClassValid; var currVal_16 = i1.ɵnov(_v, 20).ngClassInvalid; var currVal_17 = i1.ɵnov(_v, 20).ngClassPending; _ck(_v, 0, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16, currVal_17]); }); }\nfunction View_PropertyControlsComponent_92(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_93)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_99))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_91(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_92)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_106(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"class\", \"ng-value-icon right\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (_v.parent.context.clear(_v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.SelectionDisplay; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_107(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \" more...\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.items.length - 10); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_105(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_106)), i1.ɵdid(1, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_107)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.context.items ? _v.context.items.slice(0, 10) : i1.ɵEMPTY_ARRAY); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.context.items.length > 10); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_109(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_110(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation.FormatValidationMessage; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_108(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_109)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_110)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 21).errors.required; _ck(_v, 2, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent, 21).errors.pattern; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_104(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 27, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 24, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"click\"], [null, \"close\"], [null, \"blur\"], [null, \"change\"], [null, \"keyup\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n _co.onClickCombobox(_co.property);\n var pd_1 = (i1.ɵnov(_v, 5).focus() !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseCombobox() !== false);\n ad = (pd_2 && ad);\n } if ((\"blur\" === en)) {\n var pd_3 = (_co.onBlur(_co.property) !== false);\n ad = (pd_3 && ad);\n } if ((\"change\" === en)) {\n var pd_4 = (_co.onValueChange(_co.property, $event, i1.ɵnov(_v, 21)) !== false);\n ad = (pd_4 && ad);\n } if ((\"keyup\" === en)) {\n var pd_5 = (_co.search(_co.property, $event) !== false);\n ad = (pd_5 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_6 = ((_co.property.PropertyValueArray = $event) !== false);\n ad = (pd_6 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"detail-dropdown\": 0, \"multi\": 1, \"is-invalid\": 2, \"loading\": 3 }), i1.ɵdid(5, 4964352, [[3, 4], [\"select\", 4]], 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], appendTo: [3, \"appendTo\"], closeOnSelect: [4, \"closeOnSelect\"], multiple: [5, \"multiple\"], searchable: [6, \"searchable\"], clearable: [7, \"clearable\"], isOpen: [8, \"isOpen\"], items: [9, \"items\"], compareWith: [10, \"compareWith\"] }, { blurEvent: \"blur\", changeEvent: \"change\", closeEvent: \"close\" }), i1.ɵqud(335544320, 36, { optionTemplate: 0 }), i1.ɵqud(335544320, 37, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 38, { labelTemplate: 0 }), i1.ɵqud(335544320, 39, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 40, { headerTemplate: 0 }), i1.ɵqud(335544320, 41, { footerTemplate: 0 }), i1.ɵqud(335544320, 42, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 43, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 44, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 45, { tagTemplate: 0 }), i1.ɵqud(335544320, 46, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 47, { ngOptions: 1 }), i1.ɵdid(18, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(21, 671744, [[\"PropertyValueArray\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(23, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(0, [[39, 2]], null, 1, null, View_PropertyControlsComponent_105)), i1.ɵdid(25, 16384, null, 0, i28.ɵh, [i1.TemplateRef], null, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_108)), i1.ɵdid(27, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_18 = _ck(_v, 4, 0, true, true, (_co.submitted && i1.ɵnov(_v, 21).invalid), _co.retrievingLookupList); _ck(_v, 3, 0, currVal_18); var currVal_19 = \"SelectionDisplay\"; var currVal_20 = \"SelectionValue\"; var currVal_21 = i1.ɵinlineInterpolate(1, \"Select \", _co.property.PropertyDisplay, \"\"); var currVal_22 = i1.ɵinlineInterpolate(1, \"\", (_co.isPopupDetail ? \"body\" : \"body\"), \"\"); var currVal_23 = false; var currVal_24 = true; var currVal_25 = true; var currVal_26 = true; var currVal_27 = _co.property.IsDropdownOpen; var currVal_28 = _co.property.PropertyValueSelection; var currVal_29 = _co.compareFn; _ck(_v, 5, 1, [currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26, currVal_27, currVal_28, currVal_29]); var currVal_30 = (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null); _ck(_v, 18, 0, currVal_30); var currVal_31 = _co.property.PropertyName; var currVal_32 = _co.property.PropertyValueArray; _ck(_v, 21, 0, currVal_31, currVal_32); var currVal_33 = i1.ɵnov(_v, 21).invalid; _ck(_v, 27, 0, currVal_33); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = !i1.ɵnov(_v, 5).multiple; var currVal_2 = i1.ɵnov(_v, 5).typeahead; var currVal_3 = i1.ɵnov(_v, 5).multiple; var currVal_4 = i1.ɵnov(_v, 5).addTag; var currVal_5 = i1.ɵnov(_v, 5).searchable; var currVal_6 = i1.ɵnov(_v, 5).clearable; var currVal_7 = i1.ɵnov(_v, 5).isOpen; var currVal_8 = i1.ɵnov(_v, 5).disabled; var currVal_9 = i1.ɵnov(_v, 5).filtered; var currVal_10 = (i1.ɵnov(_v, 18).required ? \"\" : null); var currVal_11 = i1.ɵnov(_v, 23).ngClassUntouched; var currVal_12 = i1.ɵnov(_v, 23).ngClassTouched; var currVal_13 = i1.ɵnov(_v, 23).ngClassPristine; var currVal_14 = i1.ɵnov(_v, 23).ngClassDirty; var currVal_15 = i1.ɵnov(_v, 23).ngClassValid; var currVal_16 = i1.ɵnov(_v, 23).ngClassInvalid; var currVal_17 = i1.ɵnov(_v, 23).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16, currVal_17]); }); }\nfunction View_PropertyControlsComponent_113(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"class\", \"ng-value-icon right\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (_v.parent.context.clear(_v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.SelectionDisplay; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_114(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \" more...\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.items.length - 10); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_112(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_113)), i1.ɵdid(1, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_114)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.context.items ? _v.context.items.slice(0, 10) : i1.ɵEMPTY_ARRAY); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.context.items.length > 10); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_111(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 22, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"click\"], [null, \"close\"], [null, \"blur\"], [null, \"change\"], [null, \"keyup\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n _co.onClickCombobox(_co.property);\n var pd_1 = (i1.ɵnov(_v, 4).focus() !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseCombobox() !== false);\n ad = (pd_2 && ad);\n } if ((\"blur\" === en)) {\n var pd_3 = (_co.onBlur(_co.property) !== false);\n ad = (pd_3 && ad);\n } if ((\"change\" === en)) {\n var pd_4 = (_co.onValueChange(_co.property, $event) !== false);\n ad = (pd_4 && ad);\n } if ((\"keyup\" === en)) {\n var pd_5 = (_co.search(_co.property, $event) !== false);\n ad = (pd_5 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_6 = ((_co.property.PropertyValueArray = $event) !== false);\n ad = (pd_6 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"detail-dropdown\": 0, \"multi\": 1, \"loading\": 2 }), i1.ɵdid(4, 4964352, [[3, 4], [\"select\", 4]], 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], appendTo: [3, \"appendTo\"], closeOnSelect: [4, \"closeOnSelect\"], multiple: [5, \"multiple\"], searchable: [6, \"searchable\"], clearable: [7, \"clearable\"], isOpen: [8, \"isOpen\"], items: [9, \"items\"], compareWith: [10, \"compareWith\"] }, { blurEvent: \"blur\", changeEvent: \"change\", closeEvent: \"close\" }), i1.ɵqud(335544320, 48, { optionTemplate: 0 }), i1.ɵqud(335544320, 49, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 50, { labelTemplate: 0 }), i1.ɵqud(335544320, 51, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 52, { headerTemplate: 0 }), i1.ɵqud(335544320, 53, { footerTemplate: 0 }), i1.ɵqud(335544320, 54, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 55, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 56, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 57, { tagTemplate: 0 }), i1.ɵqud(335544320, 58, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 59, { ngOptions: 1 }), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(18, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [8, null], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(20, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(0, [[51, 2]], null, 1, null, View_PropertyControlsComponent_112)), i1.ɵdid(22, 16384, null, 0, i28.ɵh, [i1.TemplateRef], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_17 = _ck(_v, 3, 0, true, true, _co.retrievingLookupList); _ck(_v, 2, 0, currVal_17); var currVal_18 = \"SelectionDisplay\"; var currVal_19 = \"SelectionValue\"; var currVal_20 = i1.ɵinlineInterpolate(1, \"Select \", _co.property.PropertyDisplay, \"\"); var currVal_21 = i1.ɵinlineInterpolate(1, \"\", (_co.isPopupDetail ? \"body\" : \"body\"), \"\"); var currVal_22 = false; var currVal_23 = true; var currVal_24 = true; var currVal_25 = true; var currVal_26 = _co.property.IsDropdownOpen; var currVal_27 = _co.property.PropertyValueSelection; var currVal_28 = _co.compareFn; _ck(_v, 4, 1, [currVal_18, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26, currVal_27, currVal_28]); var currVal_29 = _co.property.PropertyName; var currVal_30 = _co.property.PropertyValueArray; _ck(_v, 18, 0, currVal_29, currVal_30); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = !i1.ɵnov(_v, 4).multiple; var currVal_2 = i1.ɵnov(_v, 4).typeahead; var currVal_3 = i1.ɵnov(_v, 4).multiple; var currVal_4 = i1.ɵnov(_v, 4).addTag; var currVal_5 = i1.ɵnov(_v, 4).searchable; var currVal_6 = i1.ɵnov(_v, 4).clearable; var currVal_7 = i1.ɵnov(_v, 4).isOpen; var currVal_8 = i1.ɵnov(_v, 4).disabled; var currVal_9 = i1.ɵnov(_v, 4).filtered; var currVal_10 = i1.ɵnov(_v, 20).ngClassUntouched; var currVal_11 = i1.ɵnov(_v, 20).ngClassTouched; var currVal_12 = i1.ɵnov(_v, 20).ngClassPristine; var currVal_13 = i1.ɵnov(_v, 20).ngClassDirty; var currVal_14 = i1.ɵnov(_v, 20).ngClassValid; var currVal_15 = i1.ɵnov(_v, 20).ngClassInvalid; var currVal_16 = i1.ɵnov(_v, 20).ngClassPending; _ck(_v, 0, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16]); }); }\nfunction View_PropertyControlsComponent_103(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_104)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_111))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_102(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_103)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_119(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"class\", \"ng-value-icon right\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (_v.parent.context.clear(_v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.SelectionDisplay; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_120(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \" more...\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.items.length - 10); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_118(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_119)), i1.ɵdid(1, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_120)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.context.items ? _v.context.items.slice(0, 10) : i1.ɵEMPTY_ARRAY); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.context.items.length > 10); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_122(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_121(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_122)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 21).errors.required; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_117(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 29, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 24, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"open\"], [null, \"close\"], [null, \"change\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"open\" === en)) {\n var pd_1 = (_co.onClickCombobox(_co.property) !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseCombobox() !== false);\n ad = (pd_2 && ad);\n } if ((\"change\" === en)) {\n var pd_3 = (_co.onValueChange(_co.property, $event, i1.ɵnov(_v, 21)) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValueArray = $event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"hierarchy-dropdown\": 0, \"is-invalid\": 1, \"loading\": 2 }), i1.ɵdid(5, 4964352, [[3, 4], [\"select\", 4]], 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], closeOnSelect: [3, \"closeOnSelect\"], multiple: [4, \"multiple\"], searchable: [5, \"searchable\"], clearable: [6, \"clearable\"], isOpen: [7, \"isOpen\"], items: [8, \"items\"], compareWith: [9, \"compareWith\"] }, { changeEvent: \"change\", openEvent: \"open\", closeEvent: \"close\" }), i1.ɵqud(335544320, 60, { optionTemplate: 0 }), i1.ɵqud(335544320, 61, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 62, { labelTemplate: 0 }), i1.ɵqud(335544320, 63, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 64, { headerTemplate: 0 }), i1.ɵqud(335544320, 65, { footerTemplate: 0 }), i1.ɵqud(335544320, 66, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 67, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 68, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 69, { tagTemplate: 0 }), i1.ɵqud(335544320, 70, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 71, { ngOptions: 1 }), i1.ɵdid(18, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(21, 671744, [[\"PropertyValueArray\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(23, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(0, [[63, 2]], null, 1, null, View_PropertyControlsComponent_118)), i1.ɵdid(25, 16384, null, 0, i28.ɵh, [i1.TemplateRef], null, null), (_l()(), i1.ɵeld(26, 0, null, null, 0, \"input\", [[\"class\", \"btn btn-primary browse-hierarchy\"], [\"tabindex\", \"0\"], [\"type\", \"button\"], [\"value\", \"Browse\"]], [[8, \"id\", 0], [8, \"disabled\", 0]], [[null, \"keyup.enter\"], [null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keyup.enter\" === en)) {\n var pd_0 = (_co.toggleHierarchy(_co.property) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n var pd_1 = (_co.toggleHierarchy(_co.property) !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(27, 0, null, null, 0, \"div\", [[\"class\", \"clearfix\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_121)), i1.ɵdid(29, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_18 = _ck(_v, 4, 0, true, (_co.submitted && i1.ɵnov(_v, 21).invalid), _co.property.PropertyLoadHierarchy); _ck(_v, 3, 0, currVal_18); var currVal_19 = \"SelectionDisplay\"; var currVal_20 = \"SelectionValue\"; var currVal_21 = i1.ɵinlineInterpolate(1, \"Select \", _co.property.PropertyDisplay, \"\"); var currVal_22 = false; var currVal_23 = true; var currVal_24 = false; var currVal_25 = true; var currVal_26 = false; var currVal_27 = _co.property.PropertyValueSelection; var currVal_28 = _co.compareFn; _ck(_v, 5, 0, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26, currVal_27, currVal_28); var currVal_29 = (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null); _ck(_v, 18, 0, currVal_29); var currVal_30 = _co.property.PropertyName; var currVal_31 = _co.property.PropertyValueArray; _ck(_v, 21, 0, currVal_30, currVal_31); var currVal_34 = i1.ɵnov(_v, 21).invalid; _ck(_v, 29, 0, currVal_34); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = !i1.ɵnov(_v, 5).multiple; var currVal_2 = i1.ɵnov(_v, 5).typeahead; var currVal_3 = i1.ɵnov(_v, 5).multiple; var currVal_4 = i1.ɵnov(_v, 5).addTag; var currVal_5 = i1.ɵnov(_v, 5).searchable; var currVal_6 = i1.ɵnov(_v, 5).clearable; var currVal_7 = i1.ɵnov(_v, 5).isOpen; var currVal_8 = i1.ɵnov(_v, 5).disabled; var currVal_9 = i1.ɵnov(_v, 5).filtered; var currVal_10 = (i1.ɵnov(_v, 18).required ? \"\" : null); var currVal_11 = i1.ɵnov(_v, 23).ngClassUntouched; var currVal_12 = i1.ɵnov(_v, 23).ngClassTouched; var currVal_13 = i1.ɵnov(_v, 23).ngClassPristine; var currVal_14 = i1.ɵnov(_v, 23).ngClassDirty; var currVal_15 = i1.ɵnov(_v, 23).ngClassValid; var currVal_16 = i1.ɵnov(_v, 23).ngClassInvalid; var currVal_17 = i1.ɵnov(_v, 23).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16, currVal_17]); var currVal_32 = (\"Browse \" + _co.property.PropertyName); var currVal_33 = _co.property.PropertyLoadHierarchy; _ck(_v, 26, 0, currVal_32, currVal_33); }); }\nfunction View_PropertyControlsComponent_125(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"class\", \"ng-value-icon right\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (_v.parent.context.clear(_v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.SelectionDisplay; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_126(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \" more...\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.items.length - 10); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_124(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_125)), i1.ɵdid(1, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_126)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.context.items ? _v.context.items.slice(0, 10) : i1.ɵEMPTY_ARRAY); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.context.items.length > 10); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_123(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 22, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"open\"], [null, \"close\"], [null, \"change\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"open\" === en)) {\n var pd_1 = (_co.onClickCombobox(_co.property) !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseCombobox() !== false);\n ad = (pd_2 && ad);\n } if ((\"change\" === en)) {\n var pd_3 = (_co.onValueChange(_co.property, $event) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValueArray = $event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"hierarchy-dropdown\": 0, \"loading\": 1 }), i1.ɵdid(4, 4964352, [[3, 4], [\"select\", 4]], 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], closeOnSelect: [3, \"closeOnSelect\"], multiple: [4, \"multiple\"], searchable: [5, \"searchable\"], clearable: [6, \"clearable\"], isOpen: [7, \"isOpen\"], items: [8, \"items\"], compareWith: [9, \"compareWith\"] }, { changeEvent: \"change\", openEvent: \"open\", closeEvent: \"close\" }), i1.ɵqud(335544320, 72, { optionTemplate: 0 }), i1.ɵqud(335544320, 73, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 74, { labelTemplate: 0 }), i1.ɵqud(335544320, 75, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 76, { headerTemplate: 0 }), i1.ɵqud(335544320, 77, { footerTemplate: 0 }), i1.ɵqud(335544320, 78, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 79, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 80, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 81, { tagTemplate: 0 }), i1.ɵqud(335544320, 82, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 83, { ngOptions: 1 }), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(18, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [8, null], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(20, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(0, [[75, 2]], null, 1, null, View_PropertyControlsComponent_124)), i1.ɵdid(22, 16384, null, 0, i28.ɵh, [i1.TemplateRef], null, null), (_l()(), i1.ɵeld(23, 0, null, null, 0, \"input\", [[\"class\", \"btn btn-primary browse-hierarchy\"], [\"tabindex\", \"0\"], [\"type\", \"button\"], [\"value\", \"Browse\"]], [[8, \"id\", 0], [8, \"disabled\", 0]], [[null, \"keyup.enter\"], [null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keyup.enter\" === en)) {\n var pd_0 = (_co.toggleHierarchy(_co.property) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n var pd_1 = (_co.toggleHierarchy(_co.property) !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(24, 0, null, null, 0, \"div\", [[\"class\", \"clearfix\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_17 = _ck(_v, 3, 0, true, _co.property.PropertyLoadHierarchy); _ck(_v, 2, 0, currVal_17); var currVal_18 = \"SelectionDisplay\"; var currVal_19 = \"SelectionValue\"; var currVal_20 = i1.ɵinlineInterpolate(1, \"Select \", _co.property.PropertyDisplay, \"\"); var currVal_21 = false; var currVal_22 = true; var currVal_23 = false; var currVal_24 = true; var currVal_25 = false; var currVal_26 = _co.property.PropertyValueSelection; var currVal_27 = _co.compareFn; _ck(_v, 4, 0, currVal_18, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26, currVal_27); var currVal_28 = _co.property.PropertyName; var currVal_29 = _co.property.PropertyValueArray; _ck(_v, 18, 0, currVal_28, currVal_29); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = !i1.ɵnov(_v, 4).multiple; var currVal_2 = i1.ɵnov(_v, 4).typeahead; var currVal_3 = i1.ɵnov(_v, 4).multiple; var currVal_4 = i1.ɵnov(_v, 4).addTag; var currVal_5 = i1.ɵnov(_v, 4).searchable; var currVal_6 = i1.ɵnov(_v, 4).clearable; var currVal_7 = i1.ɵnov(_v, 4).isOpen; var currVal_8 = i1.ɵnov(_v, 4).disabled; var currVal_9 = i1.ɵnov(_v, 4).filtered; var currVal_10 = i1.ɵnov(_v, 20).ngClassUntouched; var currVal_11 = i1.ɵnov(_v, 20).ngClassTouched; var currVal_12 = i1.ɵnov(_v, 20).ngClassPristine; var currVal_13 = i1.ɵnov(_v, 20).ngClassDirty; var currVal_14 = i1.ɵnov(_v, 20).ngClassValid; var currVal_15 = i1.ɵnov(_v, 20).ngClassInvalid; var currVal_16 = i1.ɵnov(_v, 20).ngClassPending; _ck(_v, 0, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16]); var currVal_30 = (\"Browse \" + _co.property.PropertyName); var currVal_31 = _co.property.PropertyLoadHierarchy; _ck(_v, 23, 0, currVal_30, currVal_31); }); }\nfunction View_PropertyControlsComponent_116(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_117)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_123))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_115(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_116)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_131(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"class\", \"ng-value-icon right\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (_v.parent.context.clear(_v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.SelectionDisplay; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_132(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \" more...\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.items.length - 10); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_130(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_131)), i1.ɵdid(1, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_132)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.context.items ? _v.context.items.slice(0, 10) : i1.ɵEMPTY_ARRAY); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.context.items.length > 10); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_134(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_133(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_134)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 21).errors.required; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_129(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 30, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 25, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"open\"], [null, \"close\"], [null, \"change\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"open\" === en)) {\n var pd_1 = (_co.onClickCombobox(_co.property) !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseCombobox() !== false);\n ad = (pd_2 && ad);\n } if ((\"change\" === en)) {\n var pd_3 = (_co.onValueChange(_co.property, $event, i1.ɵnov(_v, 21)) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValueArray = $event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"hierarchy-dropdown\": 0, \"is-invalid\": 1, \"loading\": 2 }), i1.ɵdid(5, 4964352, [[3, 4], [\"select\", 4]], 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], closeOnSelect: [3, \"closeOnSelect\"], multiple: [4, \"multiple\"], searchable: [5, \"searchable\"], clearable: [6, \"clearable\"], isOpen: [7, \"isOpen\"], items: [8, \"items\"], compareWith: [9, \"compareWith\"] }, { changeEvent: \"change\", openEvent: \"open\", closeEvent: \"close\" }), i1.ɵqud(335544320, 84, { optionTemplate: 0 }), i1.ɵqud(335544320, 85, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 86, { labelTemplate: 0 }), i1.ɵqud(335544320, 87, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 88, { headerTemplate: 0 }), i1.ɵqud(335544320, 89, { footerTemplate: 0 }), i1.ɵqud(335544320, 90, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 91, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 92, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 93, { tagTemplate: 0 }), i1.ɵqud(335544320, 94, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 95, { ngOptions: 1 }), i1.ɵdid(18, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(21, 671744, [[\"PropertyValueArray\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(22, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(24, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(0, [[87, 2]], null, 1, null, View_PropertyControlsComponent_130)), i1.ɵdid(26, 16384, null, 0, i28.ɵh, [i1.TemplateRef], null, null), (_l()(), i1.ɵeld(27, 0, null, null, 0, \"input\", [[\"class\", \"btn btn-primary browse-hierarchy\"], [\"tabindex\", \"0\"], [\"type\", \"button\"], [\"value\", \"Browse\"]], [[8, \"id\", 0], [8, \"disabled\", 0]], [[null, \"keyup.enter\"], [null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keyup.enter\" === en)) {\n var pd_0 = (_co.toggleHierarchy(_co.property) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n var pd_1 = (_co.toggleHierarchy(_co.property) !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(28, 0, null, null, 0, \"div\", [[\"class\", \"clearfix\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_133)), i1.ɵdid(30, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_18 = _ck(_v, 4, 0, true, (_co.submitted && i1.ɵnov(_v, 21).invalid), _co.property.PropertyLoadHierarchy); _ck(_v, 3, 0, currVal_18); var currVal_19 = \"SelectionDisplay\"; var currVal_20 = \"SelectionValue\"; var currVal_21 = i1.ɵinlineInterpolate(1, \"Select \", _co.property.PropertyDisplay, \"\"); var currVal_22 = false; var currVal_23 = true; var currVal_24 = false; var currVal_25 = true; var currVal_26 = false; var currVal_27 = _co.property.PropertyValueSelection; var currVal_28 = _co.compareFn; _ck(_v, 5, 0, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26, currVal_27, currVal_28); var currVal_29 = (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null); _ck(_v, 18, 0, currVal_29); var currVal_30 = _co.property.PropertyName; var currVal_31 = _co.property.PropertyValueArray; var currVal_32 = _ck(_v, 22, 0, \"blur\"); _ck(_v, 21, 0, currVal_30, currVal_31, currVal_32); var currVal_35 = i1.ɵnov(_v, 21).invalid; _ck(_v, 30, 0, currVal_35); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = !i1.ɵnov(_v, 5).multiple; var currVal_2 = i1.ɵnov(_v, 5).typeahead; var currVal_3 = i1.ɵnov(_v, 5).multiple; var currVal_4 = i1.ɵnov(_v, 5).addTag; var currVal_5 = i1.ɵnov(_v, 5).searchable; var currVal_6 = i1.ɵnov(_v, 5).clearable; var currVal_7 = i1.ɵnov(_v, 5).isOpen; var currVal_8 = i1.ɵnov(_v, 5).disabled; var currVal_9 = i1.ɵnov(_v, 5).filtered; var currVal_10 = (i1.ɵnov(_v, 18).required ? \"\" : null); var currVal_11 = i1.ɵnov(_v, 24).ngClassUntouched; var currVal_12 = i1.ɵnov(_v, 24).ngClassTouched; var currVal_13 = i1.ɵnov(_v, 24).ngClassPristine; var currVal_14 = i1.ɵnov(_v, 24).ngClassDirty; var currVal_15 = i1.ɵnov(_v, 24).ngClassValid; var currVal_16 = i1.ɵnov(_v, 24).ngClassInvalid; var currVal_17 = i1.ɵnov(_v, 24).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16, currVal_17]); var currVal_33 = (\"Browse \" + _co.property.PropertyName); var currVal_34 = _co.property.PropertyLoadHierarchy; _ck(_v, 27, 0, currVal_33, currVal_34); }); }\nfunction View_PropertyControlsComponent_137(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"class\", \"ng-value-icon right\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (_v.parent.context.clear(_v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.SelectionDisplay; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_138(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \" more...\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.items.length - 10); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_136(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_137)), i1.ɵdid(1, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_138)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.context.items ? _v.context.items.slice(0, 10) : i1.ɵEMPTY_ARRAY); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.context.items.length > 10); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_135(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 22, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"open\"], [null, \"close\"], [null, \"change\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"open\" === en)) {\n var pd_1 = (_co.onClickCombobox(_co.property) !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseCombobox() !== false);\n ad = (pd_2 && ad);\n } if ((\"change\" === en)) {\n var pd_3 = (_co.onValueChange(_co.property, $event) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValueArray = $event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"hierarchy-dropdown\": 0, \"loading\": 1 }), i1.ɵdid(4, 4964352, [[3, 4], [\"select\", 4]], 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], closeOnSelect: [3, \"closeOnSelect\"], multiple: [4, \"multiple\"], searchable: [5, \"searchable\"], clearable: [6, \"clearable\"], isOpen: [7, \"isOpen\"], items: [8, \"items\"], compareWith: [9, \"compareWith\"] }, { changeEvent: \"change\", openEvent: \"open\", closeEvent: \"close\" }), i1.ɵqud(335544320, 96, { optionTemplate: 0 }), i1.ɵqud(335544320, 97, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 98, { labelTemplate: 0 }), i1.ɵqud(335544320, 99, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 100, { headerTemplate: 0 }), i1.ɵqud(335544320, 101, { footerTemplate: 0 }), i1.ɵqud(335544320, 102, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 103, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 104, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 105, { tagTemplate: 0 }), i1.ɵqud(335544320, 106, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 107, { ngOptions: 1 }), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(18, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [8, null], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(20, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(0, [[99, 2]], null, 1, null, View_PropertyControlsComponent_136)), i1.ɵdid(22, 16384, null, 0, i28.ɵh, [i1.TemplateRef], null, null), (_l()(), i1.ɵeld(23, 0, null, null, 0, \"input\", [[\"class\", \"btn btn-primary browse-hierarchy\"], [\"tabindex\", \"0\"], [\"type\", \"button\"], [\"value\", \"Browse\"]], [[8, \"id\", 0], [8, \"disabled\", 0]], [[null, \"keyup.enter\"], [null, \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keyup.enter\" === en)) {\n var pd_0 = (_co.toggleHierarchy(_co.property) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n var pd_1 = (_co.toggleHierarchy(_co.property) !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(24, 0, null, null, 0, \"div\", [[\"class\", \"clearfix\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_17 = _ck(_v, 3, 0, true, _co.property.PropertyLoadHierarchy); _ck(_v, 2, 0, currVal_17); var currVal_18 = \"SelectionDisplay\"; var currVal_19 = \"SelectionValue\"; var currVal_20 = i1.ɵinlineInterpolate(1, \"Select \", _co.property.PropertyDisplay, \"\"); var currVal_21 = false; var currVal_22 = true; var currVal_23 = false; var currVal_24 = true; var currVal_25 = false; var currVal_26 = _co.property.PropertyValueSelection; var currVal_27 = _co.compareFn; _ck(_v, 4, 0, currVal_18, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26, currVal_27); var currVal_28 = _co.property.PropertyName; var currVal_29 = _co.property.PropertyValueArray; _ck(_v, 18, 0, currVal_28, currVal_29); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = !i1.ɵnov(_v, 4).multiple; var currVal_2 = i1.ɵnov(_v, 4).typeahead; var currVal_3 = i1.ɵnov(_v, 4).multiple; var currVal_4 = i1.ɵnov(_v, 4).addTag; var currVal_5 = i1.ɵnov(_v, 4).searchable; var currVal_6 = i1.ɵnov(_v, 4).clearable; var currVal_7 = i1.ɵnov(_v, 4).isOpen; var currVal_8 = i1.ɵnov(_v, 4).disabled; var currVal_9 = i1.ɵnov(_v, 4).filtered; var currVal_10 = i1.ɵnov(_v, 20).ngClassUntouched; var currVal_11 = i1.ɵnov(_v, 20).ngClassTouched; var currVal_12 = i1.ɵnov(_v, 20).ngClassPristine; var currVal_13 = i1.ɵnov(_v, 20).ngClassDirty; var currVal_14 = i1.ɵnov(_v, 20).ngClassValid; var currVal_15 = i1.ɵnov(_v, 20).ngClassInvalid; var currVal_16 = i1.ɵnov(_v, 20).ngClassPending; _ck(_v, 0, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16]); var currVal_30 = (\"Browse \" + _co.property.PropertyName); var currVal_31 = _co.property.PropertyLoadHierarchy; _ck(_v, 23, 0, currVal_30, currVal_31); }); }\nfunction View_PropertyControlsComponent_128(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_129)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_135))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_127(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_128)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_143(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"class\", \"ng-value-icon right\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (_v.parent.context.clear(_v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.SelectionDisplay; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_144(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \" more...\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.items.length - 10); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_142(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_143)), i1.ɵdid(1, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_144)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.context.items ? _v.context.items.slice(0, 10) : i1.ɵEMPTY_ARRAY); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.context.items.length > 10); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_146(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_145(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"invalid-feedback\"], [\"style\", \"flex: 0 1 100%;\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_146)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 22).errors.required; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_148(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [[\"style\", \"font-style: italic\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"No record found\"]))], null, null); }\nfunction View_PropertyControlsComponent_149(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [[\"class\", \"loading-dropdown\"], [\"style\", \"padding-left: 20px;\"], [\"title\", \"loading dropdown list..\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Loading list..\"]))], null, null); }\nfunction View_PropertyControlsComponent_151(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"cb-parent\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 3, \"label\", [[\"class\", \"checkbox-container\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\" \", \" \"])), (_l()(), i1.ɵeld(3, 0, null, null, 0, \"input\", [[\"type\", \"checkbox\"]], [[8, \"name\", 0], [8, \"checked\", 0]], [[null, \"change\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"change\" === en)) {\n _co.addToPropArray($event, _v.parent.context.$implicit.value, true, _v.parent.context.$implicit.key);\n var pd_0 = ((_v.parent.context.$implicit.key[\"isSelected\"] = !_v.parent.context.$implicit.key[\"isSelected\"]) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 0, \"span\", [[\"class\", \"checkmark-custom\"]], null, null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _v.parent.context.$implicit.key[\"name\"]; _ck(_v, 1, 0, currVal_0); var currVal_1 = _v.parent.context.$implicit.key[\"name\"]; _ck(_v, 2, 0, currVal_1); var currVal_2 = _co.property.PropertyName; var currVal_3 = _v.parent.context.$implicit.key[\"isSelected\"]; _ck(_v, 3, 0, currVal_2, currVal_3); }); }\nfunction View_PropertyControlsComponent_152(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"checkbox-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 3, \"label\", [[\"class\", \"checkbox-container\"], [\"style\", \"font-weight: 400;\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\" \", \" \"])), (_l()(), i1.ɵeld(3, 0, null, null, 0, \"input\", [[\"type\", \"checkbox\"]], [[8, \"name\", 0], [8, \"checked\", 0]], [[null, \"change\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"change\" === en)) {\n var pd_0 = (_co.addToPropArray($event, _v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 0, \"span\", [[\"class\", \"checkmark-custom\"]], null, null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _v.context.$implicit.SelectionDisplay; _ck(_v, 1, 0, currVal_0); var currVal_1 = _v.context.$implicit.SelectionDisplay; _ck(_v, 2, 0, currVal_1); var currVal_2 = _co.property.PropertyName; var currVal_3 = (_v.context.$implicit.IsSelected == true); _ck(_v, 3, 0, currVal_2, currVal_3); }); }\nfunction View_PropertyControlsComponent_150(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"style\", \"margin-bottom:5px;\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_151)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_152)), i1.ɵdid(4, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var currVal_0 = _v.context.$implicit.key; _ck(_v, 2, 0, currVal_0); var currVal_1 = _v.context.$implicit.value; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_147(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[6, 0], [\"cb\", 1]], null, 8, \"div\", [[\"class\", \"cb-container\"], [\"id\", \"cb-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_148)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_149)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(5, 0, null, null, 2, \"div\", [[\"class\", \"cb-items-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_150)), i1.ɵdid(7, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵeld(8, 0, null, null, 0, \"div\", [[\"class\", \"clearfix\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_0 = ((_co.groupCheckbox.length == 0) && !_co.retrievingLookupList); _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.retrievingLookupList; _ck(_v, 4, 0, currVal_1); var currVal_2 = _co.groupCheckbox; _ck(_v, 7, 0, currVal_2); }, null); }\nfunction View_PropertyControlsComponent_141(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 31, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 28, \"div\", [[\"class\", \"flex-group\"], [\"style\", \"flex-direction: row;flex-wrap: wrap;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 25, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"multiple\", \"true\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"click\"], [null, \"change\"], [null, \"search\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 6).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n var pd_1 = (_co.onClickCombobox(_co.property, false, $event) !== false);\n ad = (pd_1 && ad);\n } if ((\"change\" === en)) {\n var pd_2 = (_co.onGroupCheckboxChange($event, i1.ɵnov(_v, 22)) !== false);\n ad = (pd_2 && ad);\n } if ((\"search\" === en)) {\n var pd_3 = (_co.onSearch($event) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValueArray = $event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(4, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(5, { \"detail-dropdown multitext-checkbox \": 0, \"is-invalid\": 1, \"ng-select-focused\": 2, \"ng-select-opened\": 3 }), i1.ɵdid(6, 4964352, null, 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], clearOnBackspace: [3, \"clearOnBackspace\"], multiple: [4, \"multiple\"], searchable: [5, \"searchable\"], isOpen: [6, \"isOpen\"], items: [7, \"items\"] }, { changeEvent: \"change\", searchEvent: \"search\" }), i1.ɵqud(335544320, 108, { optionTemplate: 0 }), i1.ɵqud(335544320, 109, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 110, { labelTemplate: 0 }), i1.ɵqud(335544320, 111, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 112, { headerTemplate: 0 }), i1.ɵqud(335544320, 113, { footerTemplate: 0 }), i1.ɵqud(335544320, 114, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 115, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 116, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 117, { tagTemplate: 0 }), i1.ɵqud(335544320, 118, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 119, { ngOptions: 1 }), i1.ɵdid(19, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(22, 671744, [[\"PropertyValueArray\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(23, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(25, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(0, [[111, 2]], null, 1, null, View_PropertyControlsComponent_142)), i1.ɵdid(27, 16384, null, 0, i28.ɵh, [i1.TemplateRef], null, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_145)), i1.ɵdid(29, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_147)), i1.ɵdid(31, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_18 = _ck(_v, 5, 0, true, (_co.submitted && i1.ɵnov(_v, 22).invalid), _co.showCheckbox, _co.showCheckbox); _ck(_v, 4, 0, currVal_18); var currVal_19 = \"SelectionDisplay\"; var currVal_20 = \"SelectionValue\"; var currVal_21 = i1.ɵinlineInterpolate(1, \"Browse \", _co.property.PropertyDisplay, \"\"); var currVal_22 = false; var currVal_23 = \"true\"; var currVal_24 = true; var currVal_25 = false; var currVal_26 = _co.property.PropertyValueSelection; _ck(_v, 6, 0, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26); var currVal_27 = (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null); _ck(_v, 19, 0, currVal_27); var currVal_28 = _co.property.PropertyName; var currVal_29 = _co.property.PropertyValueArray; var currVal_30 = _ck(_v, 23, 0, \"blur\"); _ck(_v, 22, 0, currVal_28, currVal_29, currVal_30); var currVal_31 = i1.ɵnov(_v, 22).invalid; _ck(_v, 29, 0, currVal_31); var currVal_32 = _co.showCheckbox; _ck(_v, 31, 0, currVal_32); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = !i1.ɵnov(_v, 6).multiple; var currVal_2 = i1.ɵnov(_v, 6).typeahead; var currVal_3 = i1.ɵnov(_v, 6).multiple; var currVal_4 = i1.ɵnov(_v, 6).addTag; var currVal_5 = i1.ɵnov(_v, 6).searchable; var currVal_6 = i1.ɵnov(_v, 6).clearable; var currVal_7 = i1.ɵnov(_v, 6).isOpen; var currVal_8 = i1.ɵnov(_v, 6).disabled; var currVal_9 = i1.ɵnov(_v, 6).filtered; var currVal_10 = (i1.ɵnov(_v, 19).required ? \"\" : null); var currVal_11 = i1.ɵnov(_v, 25).ngClassUntouched; var currVal_12 = i1.ɵnov(_v, 25).ngClassTouched; var currVal_13 = i1.ɵnov(_v, 25).ngClassPristine; var currVal_14 = i1.ɵnov(_v, 25).ngClassDirty; var currVal_15 = i1.ɵnov(_v, 25).ngClassValid; var currVal_16 = i1.ɵnov(_v, 25).ngClassInvalid; var currVal_17 = i1.ɵnov(_v, 25).ngClassPending; _ck(_v, 2, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16, currVal_17]); }); }\nfunction View_PropertyControlsComponent_155(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [[\"style\", \"font-style: italic\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"No record found\"]))], null, null); }\nfunction View_PropertyControlsComponent_156(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [[\"class\", \"loading-dropdown\"], [\"style\", \"padding-left: 20px;\"], [\"title\", \"loading dropdown list..\"]], null, null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\"Loading list..\"]))], null, null); }\nfunction View_PropertyControlsComponent_158(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"cb-parent\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 3, \"label\", [[\"class\", \"checkbox-container\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\" \", \" \"])), (_l()(), i1.ɵeld(3, 0, null, null, 0, \"input\", [[\"type\", \"checkbox\"]], [[8, \"name\", 0], [8, \"checked\", 0]], [[null, \"change\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"change\" === en)) {\n _co.addToPropArray($event, _v.parent.context.$implicit.value, true, _v.parent.context.$implicit.key);\n var pd_0 = ((_v.parent.context.$implicit.key[\"isSelected\"] = !_v.parent.context.$implicit.key[\"isSelected\"]) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 0, \"span\", [[\"class\", \"checkmark-custom\"]], null, null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _v.parent.context.$implicit.key[\"name\"]; _ck(_v, 1, 0, currVal_0); var currVal_1 = _v.parent.context.$implicit.key[\"name\"]; _ck(_v, 2, 0, currVal_1); var currVal_2 = _co.property.PropertyName; var currVal_3 = _v.parent.context.$implicit.key[\"isSelected\"]; _ck(_v, 3, 0, currVal_2, currVal_3); }); }\nfunction View_PropertyControlsComponent_159(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"checkbox-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 3, \"label\", [[\"class\", \"checkbox-container\"], [\"style\", \"font-weight: 400;\"]], [[8, \"title\", 0]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\" \", \" \"])), (_l()(), i1.ɵeld(3, 0, null, null, 0, \"input\", [[\"type\", \"checkbox\"]], [[8, \"name\", 0], [8, \"checked\", 0]], [[null, \"change\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"change\" === en)) {\n var pd_0 = (_co.addToPropArray($event, _v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(4, 0, null, null, 0, \"span\", [[\"class\", \"checkmark-custom\"]], null, null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _v.context.$implicit.SelectionDisplay; _ck(_v, 1, 0, currVal_0); var currVal_1 = _v.context.$implicit.SelectionDisplay; _ck(_v, 2, 0, currVal_1); var currVal_2 = _co.property.PropertyName; var currVal_3 = (_v.context.$implicit.IsSelected == true); _ck(_v, 3, 0, currVal_2, currVal_3); }); }\nfunction View_PropertyControlsComponent_157(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"style\", \"margin-bottom:5px;\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_158)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_159)), i1.ɵdid(4, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var currVal_0 = _v.context.$implicit.key; _ck(_v, 2, 0, currVal_0); var currVal_1 = _v.context.$implicit.value; _ck(_v, 4, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_154(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[6, 0], [\"cb\", 1]], null, 8, \"div\", [[\"class\", \"cb-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_155)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_156)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵeld(5, 0, null, null, 2, \"div\", [[\"class\", \"cb-items-container\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_157)), i1.ɵdid(7, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵeld(8, 0, null, null, 0, \"div\", [[\"class\", \"clearfix\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_0 = ((_co.groupCheckbox.length == 0) && !_co.retrievingLookupList); _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.retrievingLookupList; _ck(_v, 4, 0, currVal_1); var currVal_2 = _co.groupCheckbox; _ck(_v, 7, 0, currVal_2); }, null); }\nfunction View_PropertyControlsComponent_153(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 21, \"div\", [[\"class\", \"flex-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 20, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"multiple\", \"true\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"search\"], [null, \"click\"], [null, \"change\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"search\" === en)) {\n var pd_1 = (_co.onSearch($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"click\" === en)) {\n var pd_2 = (_co.onClickCombobox(_co.property, false, $event) !== false);\n ad = (pd_2 && ad);\n } if ((\"change\" === en)) {\n var pd_3 = (_co.onGroupCheckboxChange($event) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValueArray = $event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"multitext multitext-checkbox\": 0, \"ng-select-focused\": 1, \"ng-select-opened\": 2 }), i1.ɵdid(5, 4964352, null, 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], clearOnBackspace: [3, \"clearOnBackspace\"], multiple: [4, \"multiple\"], searchable: [5, \"searchable\"], isOpen: [6, \"isOpen\"], items: [7, \"items\"] }, { changeEvent: \"change\", searchEvent: \"search\" }), i1.ɵqud(335544320, 120, { optionTemplate: 0 }), i1.ɵqud(335544320, 121, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 122, { labelTemplate: 0 }), i1.ɵqud(335544320, 123, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 124, { headerTemplate: 0 }), i1.ɵqud(335544320, 125, { footerTemplate: 0 }), i1.ɵqud(335544320, 126, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 127, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 128, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 129, { tagTemplate: 0 }), i1.ɵqud(335544320, 130, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 131, { ngOptions: 1 }), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(19, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [8, null], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(21, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_154)), i1.ɵdid(23, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_17 = _ck(_v, 4, 0, true, _co.showCheckbox, _co.showCheckbox); _ck(_v, 3, 0, currVal_17); var currVal_18 = \"SelectionDisplay\"; var currVal_19 = \"SelectionValue\"; var currVal_20 = i1.ɵinlineInterpolate(1, \"Browse \", _co.property.PropertyDisplay, \"\"); var currVal_21 = false; var currVal_22 = \"true\"; var currVal_23 = true; var currVal_24 = false; var currVal_25 = _co.property.PropertyValueSelection; _ck(_v, 5, 0, currVal_18, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25); var currVal_26 = _co.property.PropertyName; var currVal_27 = _co.property.PropertyValueArray; _ck(_v, 19, 0, currVal_26, currVal_27); var currVal_28 = _co.showCheckbox; _ck(_v, 23, 0, currVal_28); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = !i1.ɵnov(_v, 5).multiple; var currVal_2 = i1.ɵnov(_v, 5).typeahead; var currVal_3 = i1.ɵnov(_v, 5).multiple; var currVal_4 = i1.ɵnov(_v, 5).addTag; var currVal_5 = i1.ɵnov(_v, 5).searchable; var currVal_6 = i1.ɵnov(_v, 5).clearable; var currVal_7 = i1.ɵnov(_v, 5).isOpen; var currVal_8 = i1.ɵnov(_v, 5).disabled; var currVal_9 = i1.ɵnov(_v, 5).filtered; var currVal_10 = i1.ɵnov(_v, 21).ngClassUntouched; var currVal_11 = i1.ɵnov(_v, 21).ngClassTouched; var currVal_12 = i1.ɵnov(_v, 21).ngClassPristine; var currVal_13 = i1.ɵnov(_v, 21).ngClassDirty; var currVal_14 = i1.ɵnov(_v, 21).ngClassValid; var currVal_15 = i1.ɵnov(_v, 21).ngClassInvalid; var currVal_16 = i1.ɵnov(_v, 21).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16]); }); }\nfunction View_PropertyControlsComponent_140(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_141)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_153))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_139(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_140)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_161(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 19, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 18, \"ng-select\", [[\"class\", \"multitext ng-select\"], [\"multiple\", \"true\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"click\"], [null, \"change\"], [null, \"ngModelChange\"], [null, \"paste\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 3).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n var pd_1 = (_co.onClickCombobox(_co.property) !== false);\n ad = (pd_1 && ad);\n } if ((\"change\" === en)) {\n var pd_2 = (_co.onValueChange(_co.property, $event) !== false);\n ad = (pd_2 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_3 = ((_co.property.PropertyValueDisplayArray = $event) !== false);\n ad = (pd_3 && ad);\n } if ((\"paste\" === en)) {\n var pd_4 = (_co.onPaste(_co.property, $event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(3, 4964352, null, 12, i28.NgSelectComponent, [[8, \"multitext\"], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { multiple: [0, \"multiple\"], addTag: [1, \"addTag\"], isOpen: [2, \"isOpen\"], items: [3, \"items\"] }, { changeEvent: \"change\" }), i1.ɵqud(335544320, 132, { optionTemplate: 0 }), i1.ɵqud(335544320, 133, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 134, { labelTemplate: 0 }), i1.ɵqud(335544320, 135, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 136, { headerTemplate: 0 }), i1.ɵqud(335544320, 137, { footerTemplate: 0 }), i1.ɵqud(335544320, 138, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 139, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 140, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 141, { tagTemplate: 0 }), i1.ɵqud(335544320, 142, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 143, { ngOptions: 1 }), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(17, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [8, null], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(19, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_17 = \"true\"; var currVal_18 = true; var currVal_19 = false; var currVal_20 = i1.ɵEMPTY_ARRAY; _ck(_v, 3, 0, currVal_17, currVal_18, currVal_19, currVal_20); var currVal_21 = _co.property.PropertyName; var currVal_22 = _co.property.PropertyValueDisplayArray; _ck(_v, 17, 0, currVal_21, currVal_22); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = !i1.ɵnov(_v, 3).multiple; var currVal_2 = i1.ɵnov(_v, 3).typeahead; var currVal_3 = i1.ɵnov(_v, 3).multiple; var currVal_4 = i1.ɵnov(_v, 3).addTag; var currVal_5 = i1.ɵnov(_v, 3).searchable; var currVal_6 = i1.ɵnov(_v, 3).clearable; var currVal_7 = i1.ɵnov(_v, 3).isOpen; var currVal_8 = i1.ɵnov(_v, 3).disabled; var currVal_9 = i1.ɵnov(_v, 3).filtered; var currVal_10 = i1.ɵnov(_v, 19).ngClassUntouched; var currVal_11 = i1.ɵnov(_v, 19).ngClassTouched; var currVal_12 = i1.ɵnov(_v, 19).ngClassPristine; var currVal_13 = i1.ɵnov(_v, 19).ngClassDirty; var currVal_14 = i1.ɵnov(_v, 19).ngClassValid; var currVal_15 = i1.ɵnov(_v, 19).ngClassInvalid; var currVal_16 = i1.ɵnov(_v, 19).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16]); }); }\nfunction View_PropertyControlsComponent_160(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_161)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 71); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_164(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_163(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_164)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 9).errors.required; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_162(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 16, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 15, \"div\", [[\"class\", \"file-container\"]], [[8, \"id\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(2, 0, [[\"fileInput\", 1]], null, 9, \"input\", [[\"style\", \"display:none\"]], [[8, \"value\", 0], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 5).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 5)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 5)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, null, null)), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"form-control\": 0, \"is-invalid\": 1 }), i1.ɵdid(5, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(6, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(9, 671744, [[\"PropertyValue\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(11, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(12, 0, null, null, 1, \"app-attachment\", [], null, [[null, \"attachments\"], [null, \"optionalChanged\"], [\"document\", \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 13).clickout($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"attachments\" === en)) {\n var pd_1 = (_co.setAttachmentValue($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"optionalChanged\" === en)) {\n var pd_2 = (_co.optionalChanged($event) !== false);\n ad = (pd_2 && ad);\n } return ad; }, i30.View_AttachmentComponent_0, i30.RenderType_AttachmentComponent)), i1.ɵdid(13, 245760, null, 0, i31.AttachmentComponent, [i1.ElementRef, i32.DomSanitizer, i33.ConfirmationService, i34.ThemeSettingService, i35.SessionTimerService, i36.AttachmentService, i37.DetailService, i38.ScrollService], { attachmentIsMultiple: [0, \"attachmentIsMultiple\"], setComponentId: [1, \"setComponentId\"], setProperty: [2, \"setProperty\"], setInvalid: [3, \"setInvalid\"] }, { attachments: \"attachments\", optionalChanged: \"optionalChanged\" }), (_l()(), i1.ɵeld(14, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_163)), i1.ɵdid(16, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_10 = _ck(_v, 4, 0, true, (_co.submitted && i1.ɵnov(_v, 9).invalid)); _ck(_v, 3, 0, currVal_10); var currVal_11 = (_co.property.PropertyValidation ? (_co.property.PropertyValidation.IsMandatory ? (_co.noValidate ? null : _co.property.PropertyValidation.IsMandatory) : null) : null); _ck(_v, 6, 0, currVal_11); var currVal_12 = _co.property.PropertyName; var currVal_13 = _co.property.PropertyValue; _ck(_v, 9, 0, currVal_12, currVal_13); var currVal_14 = false; var currVal_15 = _co.componentId; var currVal_16 = _co.property; var currVal_17 = (_co.submitted && i1.ɵnov(_v, 9).invalid); _ck(_v, 13, 0, currVal_14, currVal_15, currVal_16, currVal_17); var currVal_18 = i1.ɵnov(_v, 9).invalid; _ck(_v, 16, 0, currVal_18); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.property.PropertyValue; var currVal_2 = (i1.ɵnov(_v, 6).required ? \"\" : null); var currVal_3 = i1.ɵnov(_v, 11).ngClassUntouched; var currVal_4 = i1.ɵnov(_v, 11).ngClassTouched; var currVal_5 = i1.ɵnov(_v, 11).ngClassPristine; var currVal_6 = i1.ɵnov(_v, 11).ngClassDirty; var currVal_7 = i1.ɵnov(_v, 11).ngClassValid; var currVal_8 = i1.ɵnov(_v, 11).ngClassInvalid; var currVal_9 = i1.ɵnov(_v, 11).ngClassPending; _ck(_v, 2, 0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9); }); }\nfunction View_PropertyControlsComponent_167(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_166(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_167)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 9).errors.required; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_165(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 16, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 15, \"div\", [[\"class\", \"file-container\"]], [[8, \"id\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(2, 0, [[\"fileInput\", 1]], null, 9, \"input\", [[\"style\", \"display:none\"]], [[8, \"value\", 0], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 5).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 5)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 5)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, null, null)), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"form-control\": 0, \"is-invalid\": 1 }), i1.ɵdid(5, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(6, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(9, 671744, [[\"PropertyValue\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(11, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(12, 0, null, null, 1, \"app-attachment\", [], null, [[null, \"attachments\"], [null, \"optionalChanged\"], [\"document\", \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 13).clickout($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"attachments\" === en)) {\n var pd_1 = (_co.setAttachmentValue($event) !== false);\n ad = (pd_1 && ad);\n } if ((\"optionalChanged\" === en)) {\n var pd_2 = (_co.optionalChanged($event) !== false);\n ad = (pd_2 && ad);\n } return ad; }, i30.View_AttachmentComponent_0, i30.RenderType_AttachmentComponent)), i1.ɵdid(13, 245760, null, 0, i31.AttachmentComponent, [i1.ElementRef, i32.DomSanitizer, i33.ConfirmationService, i34.ThemeSettingService, i35.SessionTimerService, i36.AttachmentService, i37.DetailService, i38.ScrollService], { attachmentIsMultiple: [0, \"attachmentIsMultiple\"], setComponentId: [1, \"setComponentId\"], setProperty: [2, \"setProperty\"], setInvalid: [3, \"setInvalid\"] }, { attachments: \"attachments\", optionalChanged: \"optionalChanged\" }), (_l()(), i1.ɵeld(14, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_166)), i1.ɵdid(16, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_10 = _ck(_v, 4, 0, true, (_co.submitted && i1.ɵnov(_v, 9).invalid)); _ck(_v, 3, 0, currVal_10); var currVal_11 = (_co.property.PropertyValidation ? (_co.property.PropertyValidation.IsMandatory ? (_co.noValidate ? null : _co.property.PropertyValidation.IsMandatory) : null) : null); _ck(_v, 6, 0, currVal_11); var currVal_12 = _co.property.PropertyName; var currVal_13 = _co.property.PropertyValue; _ck(_v, 9, 0, currVal_12, currVal_13); var currVal_14 = true; var currVal_15 = _co.componentId; var currVal_16 = _co.property; var currVal_17 = (_co.submitted && i1.ɵnov(_v, 9).invalid); _ck(_v, 13, 0, currVal_14, currVal_15, currVal_16, currVal_17); var currVal_18 = i1.ɵnov(_v, 9).invalid; _ck(_v, 16, 0, currVal_18); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.property.PropertyValue; var currVal_2 = (i1.ɵnov(_v, 6).required ? \"\" : null); var currVal_3 = i1.ɵnov(_v, 11).ngClassUntouched; var currVal_4 = i1.ɵnov(_v, 11).ngClassTouched; var currVal_5 = i1.ɵnov(_v, 11).ngClassPristine; var currVal_6 = i1.ɵnov(_v, 11).ngClassDirty; var currVal_7 = i1.ɵnov(_v, 11).ngClassValid; var currVal_8 = i1.ɵnov(_v, 11).ngClassInvalid; var currVal_9 = i1.ɵnov(_v, 11).ngClassPending; _ck(_v, 2, 0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9); }); }\nfunction View_PropertyControlsComponent_170(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_169(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_170)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 9).errors.required; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_168(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 16, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 15, \"div\", [], [[8, \"id\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(2, 0, [[\"fileInput\", 1]], null, 9, \"input\", [[\"style\", \"display:none\"]], [[8, \"value\", 0], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 5).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 5)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 5)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, null, null)), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"form-control\": 0, \"is-invalid\": 1 }), i1.ɵdid(5, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(6, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(9, 671744, [[\"PropertyValue\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(11, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(12, 0, null, null, 1, \"app-attachment\", [], null, [[null, \"attachments\"], [\"document\", \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 13).clickout($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"attachments\" === en)) {\n var pd_1 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i30.View_AttachmentComponent_0, i30.RenderType_AttachmentComponent)), i1.ɵdid(13, 245760, null, 0, i31.AttachmentComponent, [i1.ElementRef, i32.DomSanitizer, i33.ConfirmationService, i34.ThemeSettingService, i35.SessionTimerService, i36.AttachmentService, i37.DetailService, i38.ScrollService], { attachmentIsMultiple: [0, \"attachmentIsMultiple\"], setComponentId: [1, \"setComponentId\"], setProperty: [2, \"setProperty\"], setInvalid: [3, \"setInvalid\"] }, { attachments: \"attachments\" }), (_l()(), i1.ɵeld(14, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_169)), i1.ɵdid(16, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_10 = _ck(_v, 4, 0, true, (_co.submitted && i1.ɵnov(_v, 9).invalid)); _ck(_v, 3, 0, currVal_10); var currVal_11 = (_co.property.PropertyValidation ? (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null) : null); _ck(_v, 6, 0, currVal_11); var currVal_12 = _co.property.PropertyName; var currVal_13 = _co.property.PropertyValue; _ck(_v, 9, 0, currVal_12, currVal_13); var currVal_14 = false; var currVal_15 = _co.componentId; var currVal_16 = _co.property; var currVal_17 = (_co.submitted && i1.ɵnov(_v, 9).invalid); _ck(_v, 13, 0, currVal_14, currVal_15, currVal_16, currVal_17); var currVal_18 = i1.ɵnov(_v, 9).invalid; _ck(_v, 16, 0, currVal_18); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.property.PropertyValue; var currVal_2 = (i1.ɵnov(_v, 6).required ? \"\" : null); var currVal_3 = i1.ɵnov(_v, 11).ngClassUntouched; var currVal_4 = i1.ɵnov(_v, 11).ngClassTouched; var currVal_5 = i1.ɵnov(_v, 11).ngClassPristine; var currVal_6 = i1.ɵnov(_v, 11).ngClassDirty; var currVal_7 = i1.ɵnov(_v, 11).ngClassValid; var currVal_8 = i1.ɵnov(_v, 11).ngClassInvalid; var currVal_9 = i1.ɵnov(_v, 11).ngClassPending; _ck(_v, 2, 0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9); }); }\nfunction View_PropertyControlsComponent_173(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_172(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_173)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 9).errors.required; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_171(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 16, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 15, \"div\", [], [[8, \"id\", 0]], null, null, null, null)), (_l()(), i1.ɵeld(2, 0, [[\"fileInput\", 1]], null, 9, \"input\", [[\"style\", \"display:none\"]], [[8, \"value\", 0], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 5).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 5)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 5)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_4 && ad);\n } return ad; }, null, null)), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"form-control\": 0, \"is-invalid\": 1 }), i1.ɵdid(5, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(6, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(9, 671744, [[\"PropertyValue\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(11, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(12, 0, null, null, 1, \"app-attachment\", [], null, [[null, \"attachments\"], [\"document\", \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 13).clickout($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"attachments\" === en)) {\n var pd_1 = ((_co.property.PropertyValue = $event) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i30.View_AttachmentComponent_0, i30.RenderType_AttachmentComponent)), i1.ɵdid(13, 245760, null, 0, i31.AttachmentComponent, [i1.ElementRef, i32.DomSanitizer, i33.ConfirmationService, i34.ThemeSettingService, i35.SessionTimerService, i36.AttachmentService, i37.DetailService, i38.ScrollService], { attachmentIsMultiple: [0, \"attachmentIsMultiple\"], setComponentId: [1, \"setComponentId\"], setProperty: [2, \"setProperty\"], setInvalid: [3, \"setInvalid\"] }, { attachments: \"attachments\" }), (_l()(), i1.ɵeld(14, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_172)), i1.ɵdid(16, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_10 = _ck(_v, 4, 0, true, (_co.submitted && i1.ɵnov(_v, 9).invalid)); _ck(_v, 3, 0, currVal_10); var currVal_11 = (_co.property.PropertyValidation ? (_co.property.PropertyValidation.IsMandatory ? _co.property.PropertyValidation.IsMandatory : null) : null); _ck(_v, 6, 0, currVal_11); var currVal_12 = _co.property.PropertyName; var currVal_13 = _co.property.PropertyValue; _ck(_v, 9, 0, currVal_12, currVal_13); var currVal_14 = true; var currVal_15 = _co.componentId; var currVal_16 = _co.property; var currVal_17 = (_co.submitted && i1.ɵnov(_v, 9).invalid); _ck(_v, 13, 0, currVal_14, currVal_15, currVal_16, currVal_17); var currVal_18 = i1.ɵnov(_v, 9).invalid; _ck(_v, 16, 0, currVal_18); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; _ck(_v, 1, 0, currVal_0); var currVal_1 = _co.property.PropertyValue; var currVal_2 = (i1.ɵnov(_v, 6).required ? \"\" : null); var currVal_3 = i1.ɵnov(_v, 11).ngClassUntouched; var currVal_4 = i1.ɵnov(_v, 11).ngClassTouched; var currVal_5 = i1.ɵnov(_v, 11).ngClassPristine; var currVal_6 = i1.ɵnov(_v, 11).ngClassDirty; var currVal_7 = i1.ɵnov(_v, 11).ngClassValid; var currVal_8 = i1.ɵnov(_v, 11).ngClassInvalid; var currVal_9 = i1.ɵnov(_v, 11).ngClassPending; _ck(_v, 2, 0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9); }); }\nfunction View_PropertyControlsComponent_176(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"br\", [], null, null, null, null, null))], null, null); }\nfunction View_PropertyControlsComponent_175(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"a\", [[\"class\", \"fixed-file\"]], [[8, \"href\", 4], [8, \"title\", 0], [8, \"download\", 0]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \"\"])), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_176)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_4 = !_v.context.last; _ck(_v, 4, 0, currVal_4); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyFixedFileUrl[_v.context.index]; var currVal_1 = _v.context.$implicit.split(\"|\")[0]; var currVal_2 = i1.ɵinlineInterpolate(1, \"\", _v.context.$implicit.split(\"|\")[0], \"\"); _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2); var currVal_3 = _v.context.$implicit.split(\"|\")[0]; _ck(_v, 2, 0, currVal_3); }); }\nfunction View_PropertyControlsComponent_174(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_175)), i1.ɵdid(2, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplayFormat.split(\",\"); _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_179(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"style\", \"height: 60vh\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"ng2-pdfjs-viewer\", [], null, null, null, i39.View_PdfJsViewerComponent_0, i39.RenderType_PdfJsViewerComponent)), i1.ɵdid(2, 114688, [[7, 4], [\"pdfViewer\", 4]], 0, i40.PdfJsViewerComponent, [], { downloadFileName: [0, \"downloadFileName\"], openFile: [1, \"openFile\"], viewBookmark: [2, \"viewBookmark\"], pdfSrc: [3, \"pdfSrc\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyDisplay + \".pdf\"); var currVal_1 = false; var currVal_2 = false; var currVal_3 = _co.property.PropertyFixedFileUrl[_v.parent.context.index]; _ck(_v, 2, 0, currVal_0, currVal_1, currVal_2, currVal_3); }, null); }\nfunction View_PropertyControlsComponent_178(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_179)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyFixedFileUrl; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_177(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_178)), i1.ɵdid(2, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplayFormat.split(\",\"); _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_180(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-countdown-timer\", [], null, [[null, \"countdownEnd\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"countdownEnd\" === en)) {\n var pd_0 = (_co.setCountdownEvent($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i41.View_CountdownTimerComponent_0, i41.RenderType_CountdownTimerComponent)), i1.ɵdid(2, 245760, null, 0, i42.CountdownTimerComponent, [i43.HeaderService, i44.DeviceDetectorService], { setProperty: [0, \"setProperty\"] }, { countdownEnd: \"countdownEnd\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_182(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), i1.ɵppd(1, 1)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i1.ɵunv(_v, 0, 0, _ck(_v, 1, 0, i1.ɵnov(_v.parent.parent.parent, 0), _co.fixedMessageList[_co.property.PropertyId])); _ck(_v, 0, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_181(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_182)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.fixedMessageList[_co.property.PropertyId]; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_183(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-html-editor\", [], null, [[null, \"valueChange\"], [\"document\", \"click\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"document:click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 2).clickout($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"valueChange\" === en)) {\n var pd_1 = (_co.onValueChange(_co.property, _co.property.PropertyValue) !== false);\n ad = (pd_1 && ad);\n } return ad; }, i45.View_HtmlEditorComponent_0, i45.RenderType_HtmlEditorComponent)), i1.ɵdid(2, 114688, null, 0, i46.HtmlEditorComponent, [], { property: [0, \"property\"] }, { valueChange: \"valueChange\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_185(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-chart\", [], null, [[null, \"valueChange\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"valueChange\" === en)) {\n var pd_0 = (_co.onValueChange(_co.property, _co.property.PropertyValue) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i47.View_ChartComponent_0, i47.RenderType_ChartComponent)), i1.ɵdid(2, 114688, null, 0, i48.ChartComponent, [i1.ElementRef, i49.Globals, i50.ChartService, i34.ThemeSettingService, i51.BsModalService, i52.MainLoadingService, i53.WorkspaceService, i54.ContextMenuService, i8.SummaryService, i55.EnvService], { setChartObject: [0, \"setChartObject\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValue; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_184(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_185)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.showChart; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_193(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.parent.parent.context.$implicit.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_192(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_193)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 21).errors.required; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_191(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 26, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 23, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"click\"], [null, \"close\"], [null, \"blur\"], [null, \"focus\"], [null, \"change\"], [null, \"keyup\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n _co.onClickCombobox(_v.parent.parent.parent.context.$implicit, true);\n var pd_1 = (i1.ɵnov(_v, 5).focus() !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseCombobox() !== false);\n ad = (pd_2 && ad);\n } if ((\"blur\" === en)) {\n var pd_3 = (_co.onBlur(_v.parent.parent.parent.context.$implicit) !== false);\n ad = (pd_3 && ad);\n } if ((\"focus\" === en)) {\n var pd_4 = ((_co.focus = true) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (_co.onValueChange(_v.parent.parent.parent.context.$implicit, $event.SelectionMapValue, i1.ɵnov(_v, 21)) !== false);\n ad = (pd_5 && ad);\n } if ((\"keyup\" === en)) {\n var pd_6 = (_co.search(_v.parent.parent.parent.context.$implicit, $event) !== false);\n ad = (pd_6 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_7 = ((_v.parent.parent.parent.context.$implicit.PropertyValue = $event) !== false);\n ad = (pd_7 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"detail-dropdown\": 0, \"is-invalid\": 1, \"loading\": 2 }), i1.ɵdid(5, 4964352, [[3, 4], [\"select\", 4]], 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], appendTo: [3, \"appendTo\"], searchable: [4, \"searchable\"], clearable: [5, \"clearable\"], isOpen: [6, \"isOpen\"], items: [7, \"items\"] }, { blurEvent: \"blur\", focusEvent: \"focus\", changeEvent: \"change\", closeEvent: \"close\" }), i1.ɵqud(335544320, 144, { optionTemplate: 0 }), i1.ɵqud(335544320, 145, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 146, { labelTemplate: 0 }), i1.ɵqud(335544320, 147, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 148, { headerTemplate: 0 }), i1.ɵqud(335544320, 149, { footerTemplate: 0 }), i1.ɵqud(335544320, 150, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 151, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 152, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 153, { tagTemplate: 0 }), i1.ɵqud(335544320, 154, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 155, { ngOptions: 1 }), i1.ɵdid(18, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(21, 671744, [[\"PropertyValueDisplay\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(22, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(24, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_192)), i1.ɵdid(26, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_18 = _ck(_v, 4, 0, true, (_co.submitted && i1.ɵnov(_v, 21).invalid), _co.retrievingLookupList); _ck(_v, 3, 0, currVal_18); var currVal_19 = \"SelectionDisplay\"; var currVal_20 = \"SelectionValue\"; var currVal_21 = i1.ɵinlineInterpolate(1, \"Select \", _v.parent.parent.parent.context.$implicit.PropertyDisplay, \"\"); var currVal_22 = i1.ɵinlineInterpolate(1, \"\", (_co.isPopupDetail ? \"body\" : \"body\"), \"\"); var currVal_23 = true; var currVal_24 = false; var currVal_25 = (_v.parent.parent.parent.context.$implicit.IsDropdownOpen && _co.focus); var currVal_26 = _v.parent.parent.parent.context.$implicit.PropertyValueSelection; _ck(_v, 5, 0, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26); var currVal_27 = _v.parent.parent.parent.context.$implicit.PropertyValidation.IsMandatory; _ck(_v, 18, 0, currVal_27); var currVal_28 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_29 = _v.parent.parent.parent.context.$implicit.PropertyValue; var currVal_30 = _ck(_v, 22, 0, \"blur\"); _ck(_v, 21, 0, currVal_28, currVal_29, currVal_30); var currVal_31 = i1.ɵnov(_v, 21).invalid; _ck(_v, 26, 0, currVal_31); }, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_1 = !i1.ɵnov(_v, 5).multiple; var currVal_2 = i1.ɵnov(_v, 5).typeahead; var currVal_3 = i1.ɵnov(_v, 5).multiple; var currVal_4 = i1.ɵnov(_v, 5).addTag; var currVal_5 = i1.ɵnov(_v, 5).searchable; var currVal_6 = i1.ɵnov(_v, 5).clearable; var currVal_7 = i1.ɵnov(_v, 5).isOpen; var currVal_8 = i1.ɵnov(_v, 5).disabled; var currVal_9 = i1.ɵnov(_v, 5).filtered; var currVal_10 = (i1.ɵnov(_v, 18).required ? \"\" : null); var currVal_11 = i1.ɵnov(_v, 24).ngClassUntouched; var currVal_12 = i1.ɵnov(_v, 24).ngClassTouched; var currVal_13 = i1.ɵnov(_v, 24).ngClassPristine; var currVal_14 = i1.ɵnov(_v, 24).ngClassDirty; var currVal_15 = i1.ɵnov(_v, 24).ngClassValid; var currVal_16 = i1.ɵnov(_v, 24).ngClassInvalid; var currVal_17 = i1.ɵnov(_v, 24).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16, currVal_17]); }); }\nfunction View_PropertyControlsComponent_194(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 20, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"role\", \"listbox\"], [\"value\", \"prop.PropertyValue\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"click\"], [null, \"close\"], [null, \"blur\"], [null, \"focus\"], [null, \"change\"], [null, \"keyup\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n _co.onClickCombobox(_v.parent.parent.parent.context.$implicit, true);\n var pd_1 = (i1.ɵnov(_v, 4).focus() !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseCombobox() !== false);\n ad = (pd_2 && ad);\n } if ((\"blur\" === en)) {\n var pd_3 = (_co.onBlur(_v.parent.parent.parent.context.$implicit) !== false);\n ad = (pd_3 && ad);\n } if ((\"focus\" === en)) {\n var pd_4 = ((_co.focus = true) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (_co.onValueChange(_v.parent.parent.parent.context.$implicit, $event.SelectionMapValue) !== false);\n ad = (pd_5 && ad);\n } if ((\"keyup\" === en)) {\n var pd_6 = (_co.search(_v.parent.parent.parent.context.$implicit, $event) !== false);\n ad = (pd_6 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_7 = ((_v.parent.parent.parent.context.$implicit.PropertyValue = $event) !== false);\n ad = (pd_7 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"detail-dropdown\": 0, \"loading\": 1 }), i1.ɵdid(4, 4964352, [[3, 4], [\"select\", 4]], 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], appendTo: [3, \"appendTo\"], searchable: [4, \"searchable\"], clearable: [5, \"clearable\"], isOpen: [6, \"isOpen\"], items: [7, \"items\"] }, { blurEvent: \"blur\", focusEvent: \"focus\", changeEvent: \"change\", closeEvent: \"close\" }), i1.ɵqud(335544320, 156, { optionTemplate: 0 }), i1.ɵqud(335544320, 157, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 158, { labelTemplate: 0 }), i1.ɵqud(335544320, 159, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 160, { headerTemplate: 0 }), i1.ɵqud(335544320, 161, { footerTemplate: 0 }), i1.ɵqud(335544320, 162, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 163, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 164, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 165, { tagTemplate: 0 }), i1.ɵqud(335544320, 166, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 167, { ngOptions: 1 }), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(18, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [8, null], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(20, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_17 = _ck(_v, 3, 0, true, _co.retrievingLookupList); _ck(_v, 2, 0, currVal_17); var currVal_18 = \"SelectionDisplay\"; var currVal_19 = \"SelectionValue\"; var currVal_20 = i1.ɵinlineInterpolate(1, \"Select \", _v.parent.parent.parent.context.$implicit.PropertyDisplay, \"\"); var currVal_21 = i1.ɵinlineInterpolate(1, \"\", (_co.isPopupDetail ? \"body\" : \"body\"), \"\"); var currVal_22 = true; var currVal_23 = false; var currVal_24 = (_v.parent.parent.parent.context.$implicit.IsDropdownOpen && _co.focus); var currVal_25 = _v.parent.parent.parent.context.$implicit.PropertyValueSelection; _ck(_v, 4, 0, currVal_18, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25); var currVal_26 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_27 = _v.parent.parent.parent.context.$implicit.PropertyValue; _ck(_v, 18, 0, currVal_26, currVal_27); }, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_1 = !i1.ɵnov(_v, 4).multiple; var currVal_2 = i1.ɵnov(_v, 4).typeahead; var currVal_3 = i1.ɵnov(_v, 4).multiple; var currVal_4 = i1.ɵnov(_v, 4).addTag; var currVal_5 = i1.ɵnov(_v, 4).searchable; var currVal_6 = i1.ɵnov(_v, 4).clearable; var currVal_7 = i1.ɵnov(_v, 4).isOpen; var currVal_8 = i1.ɵnov(_v, 4).disabled; var currVal_9 = i1.ɵnov(_v, 4).filtered; var currVal_10 = i1.ɵnov(_v, 20).ngClassUntouched; var currVal_11 = i1.ɵnov(_v, 20).ngClassTouched; var currVal_12 = i1.ɵnov(_v, 20).ngClassPristine; var currVal_13 = i1.ɵnov(_v, 20).ngClassDirty; var currVal_14 = i1.ɵnov(_v, 20).ngClassValid; var currVal_15 = i1.ɵnov(_v, 20).ngClassInvalid; var currVal_16 = i1.ɵnov(_v, 20).ngClassPending; _ck(_v, 0, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16]); }); }\nfunction View_PropertyControlsComponent_190(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_191)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_194))], function (_ck, _v) { var currVal_0 = _v.parent.parent.context.$implicit.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_189(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_190)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.parent.context.$implicit.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 16); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_198(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"class\", \"ng-value-icon right\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (_v.parent.context.clear(_v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.SelectionDisplay; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_199(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \" more...\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.items.length - 10); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_197(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_198)), i1.ɵdid(1, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_199)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.context.items ? _v.context.items.slice(0, 10) : i1.ɵEMPTY_ARRAY); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.context.items.length > 10); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_201(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \" is required\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.parent.context.$implicit.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_200(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_201)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 21).errors.required; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_196(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 27, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 24, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [1, \"required\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"click\"], [null, \"close\"], [null, \"blur\"], [null, \"change\"], [null, \"keyup\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n _co.onClickCombobox(_v.parent.parent.context.$implicit);\n var pd_1 = (i1.ɵnov(_v, 5).focus() !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseCombobox() !== false);\n ad = (pd_2 && ad);\n } if ((\"blur\" === en)) {\n var pd_3 = (_co.onBlur(_v.parent.parent.context.$implicit) !== false);\n ad = (pd_3 && ad);\n } if ((\"change\" === en)) {\n var pd_4 = (_co.onValueChange(_v.parent.parent.context.$implicit, $event, i1.ɵnov(_v, 21)) !== false);\n ad = (pd_4 && ad);\n } if ((\"keyup\" === en)) {\n var pd_5 = (_co.search(_v.parent.parent.context.$implicit, $event) !== false);\n ad = (pd_5 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_6 = ((_v.parent.parent.context.$implicit.PropertyValueArray = $event) !== false);\n ad = (pd_6 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"detail-dropdown\": 0, \"multi\": 1, \"is-invalid\": 2, \"loading\": 3 }), i1.ɵdid(5, 4964352, [[3, 4], [\"select\", 4]], 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], appendTo: [3, \"appendTo\"], closeOnSelect: [4, \"closeOnSelect\"], multiple: [5, \"multiple\"], searchable: [6, \"searchable\"], clearable: [7, \"clearable\"], isOpen: [8, \"isOpen\"], items: [9, \"items\"] }, { blurEvent: \"blur\", changeEvent: \"change\", closeEvent: \"close\" }), i1.ɵqud(335544320, 168, { optionTemplate: 0 }), i1.ɵqud(335544320, 169, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 170, { labelTemplate: 0 }), i1.ɵqud(335544320, 171, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 172, { headerTemplate: 0 }), i1.ɵqud(335544320, 173, { footerTemplate: 0 }), i1.ɵqud(335544320, 174, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 175, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 176, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 177, { tagTemplate: 0 }), i1.ɵqud(335544320, 178, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 179, { ngOptions: 1 }), i1.ɵdid(18, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i3.RequiredValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(21, 671744, [[\"PropertyValueArray\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(23, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(0, [[171, 2]], null, 1, null, View_PropertyControlsComponent_197)), i1.ɵdid(25, 16384, null, 0, i28.ɵh, [i1.TemplateRef], null, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_200)), i1.ɵdid(27, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_18 = _ck(_v, 4, 0, true, true, (_co.submitted && i1.ɵnov(_v, 21).invalid), _co.retrievingLookupList); _ck(_v, 3, 0, currVal_18); var currVal_19 = \"SelectionDisplay\"; var currVal_20 = \"SelectionValue\"; var currVal_21 = i1.ɵinlineInterpolate(1, \"Select \", _v.parent.parent.context.$implicit.PropertyDisplay, \"\"); var currVal_22 = i1.ɵinlineInterpolate(1, \"\", (_co.isPopupDetail ? \"body\" : \"body\"), \"\"); var currVal_23 = false; var currVal_24 = true; var currVal_25 = true; var currVal_26 = false; var currVal_27 = _v.parent.parent.context.$implicit.IsDropdownOpen; var currVal_28 = _v.parent.parent.context.$implicit.PropertyValueSelection; _ck(_v, 5, 0, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26, currVal_27, currVal_28); var currVal_29 = (_v.parent.parent.context.$implicit.PropertyValidation.IsMandatory ? _v.parent.parent.context.$implicit.PropertyValidation.IsMandatory : null); _ck(_v, 18, 0, currVal_29); var currVal_30 = _v.parent.parent.context.$implicit.PropertyName; var currVal_31 = _v.parent.parent.context.$implicit.PropertyValueArray; _ck(_v, 21, 0, currVal_30, currVal_31); var currVal_32 = i1.ɵnov(_v, 21).invalid; _ck(_v, 27, 0, currVal_32); }, function (_ck, _v) { var currVal_0 = _v.parent.parent.context.$implicit.PropertyName; var currVal_1 = !i1.ɵnov(_v, 5).multiple; var currVal_2 = i1.ɵnov(_v, 5).typeahead; var currVal_3 = i1.ɵnov(_v, 5).multiple; var currVal_4 = i1.ɵnov(_v, 5).addTag; var currVal_5 = i1.ɵnov(_v, 5).searchable; var currVal_6 = i1.ɵnov(_v, 5).clearable; var currVal_7 = i1.ɵnov(_v, 5).isOpen; var currVal_8 = i1.ɵnov(_v, 5).disabled; var currVal_9 = i1.ɵnov(_v, 5).filtered; var currVal_10 = (i1.ɵnov(_v, 18).required ? \"\" : null); var currVal_11 = i1.ɵnov(_v, 23).ngClassUntouched; var currVal_12 = i1.ɵnov(_v, 23).ngClassTouched; var currVal_13 = i1.ɵnov(_v, 23).ngClassPristine; var currVal_14 = i1.ɵnov(_v, 23).ngClassDirty; var currVal_15 = i1.ɵnov(_v, 23).ngClassValid; var currVal_16 = i1.ɵnov(_v, 23).ngClassInvalid; var currVal_17 = i1.ɵnov(_v, 23).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16, currVal_17]); }); }\nfunction View_PropertyControlsComponent_204(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"aria-hidden\", \"true\"], [\"class\", \"ng-value-icon right\"]], null, [[null, \"click\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (_v.parent.context.clear(_v.context.$implicit) !== false);\n ad = (pd_0 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵted(-1, null, [\"\\u00D7\"])), (_l()(), i1.ɵeld(3, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(4, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit.SelectionDisplay; _ck(_v, 4, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_205(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"ng-value\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"ng-value-label\"]], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \" more...\"]))], null, function (_ck, _v) { var currVal_0 = (_v.parent.context.items.length - 10); _ck(_v, 2, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_203(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_204)), i1.ɵdid(1, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_205)), i1.ɵdid(3, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.context.items ? _v.context.items.slice(0, 10) : i1.ɵEMPTY_ARRAY); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.context.items.length > 10); _ck(_v, 3, 0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_202(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 22, \"ng-select\", [[\"bindLabel\", \"SelectionDisplay\"], [\"bindValue\", \"SelectionValue\"], [\"class\", \"ng-select\"], [\"role\", \"listbox\"]], [[8, \"id\", 0], [2, \"ng-select-single\", null], [2, \"ng-select-typeahead\", null], [2, \"ng-select-multiple\", null], [2, \"ng-select-taggable\", null], [2, \"ng-select-searchable\", null], [2, \"ng-select-clearable\", null], [2, \"ng-select-opened\", null], [2, \"ng-select-disabled\", null], [2, \"ng-select-filtered\", null], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"click\"], [null, \"close\"], [null, \"blur\"], [null, \"change\"], [null, \"keyup\"], [null, \"ngModelChange\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"keydown\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4).handleKeyDown($event) !== false);\n ad = (pd_0 && ad);\n } if ((\"click\" === en)) {\n _co.onClickCombobox(_v.parent.parent.context.$implicit);\n var pd_1 = (i1.ɵnov(_v, 4).focus() !== false);\n ad = (pd_1 && ad);\n } if ((\"close\" === en)) {\n var pd_2 = (_co.onCloseCombobox() !== false);\n ad = (pd_2 && ad);\n } if ((\"blur\" === en)) {\n var pd_3 = (_co.onBlur(_v.parent.parent.context.$implicit) !== false);\n ad = (pd_3 && ad);\n } if ((\"change\" === en)) {\n var pd_4 = (_co.onValueChange(_v.parent.parent.context.$implicit, $event) !== false);\n ad = (pd_4 && ad);\n } if ((\"keyup\" === en)) {\n var pd_5 = (_co.search(_v.parent.parent.context.$implicit, $event) !== false);\n ad = (pd_5 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_6 = ((_v.parent.parent.context.$implicit.PropertyValueArray = $event) !== false);\n ad = (pd_6 && ad);\n } return ad; }, i29.View_NgSelectComponent_0, i29.RenderType_NgSelectComponent)), i1.ɵprd(4608, null, i28.ɵd, i28.ɵd, []), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"detail-dropdown\": 0, \"multi\": 1, \"loading\": 2 }), i1.ɵdid(4, 4964352, [[3, 4], [\"select\", 4]], 12, i28.NgSelectComponent, [[8, null], [8, null], [8, null], i28.NgSelectConfig, i28.SELECTION_MODEL_FACTORY, i1.ElementRef, i1.ChangeDetectorRef, i28.ɵr], { bindLabel: [0, \"bindLabel\"], bindValue: [1, \"bindValue\"], placeholder: [2, \"placeholder\"], appendTo: [3, \"appendTo\"], closeOnSelect: [4, \"closeOnSelect\"], multiple: [5, \"multiple\"], searchable: [6, \"searchable\"], clearable: [7, \"clearable\"], isOpen: [8, \"isOpen\"], items: [9, \"items\"] }, { blurEvent: \"blur\", changeEvent: \"change\", closeEvent: \"close\" }), i1.ɵqud(335544320, 180, { optionTemplate: 0 }), i1.ɵqud(335544320, 181, { optgroupTemplate: 0 }), i1.ɵqud(335544320, 182, { labelTemplate: 0 }), i1.ɵqud(335544320, 183, { multiLabelTemplate: 0 }), i1.ɵqud(335544320, 184, { headerTemplate: 0 }), i1.ɵqud(335544320, 185, { footerTemplate: 0 }), i1.ɵqud(335544320, 186, { notFoundTemplate: 0 }), i1.ɵqud(335544320, 187, { typeToSearchTemplate: 0 }), i1.ɵqud(335544320, 188, { loadingTextTemplate: 0 }), i1.ɵqud(335544320, 189, { tagTemplate: 0 }), i1.ɵqud(335544320, 190, { loadingSpinnerTemplate: 0 }), i1.ɵqud(603979776, 191, { ngOptions: 1 }), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i28.NgSelectComponent]), i1.ɵdid(18, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [8, null], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(20, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵand(0, [[183, 2]], null, 1, null, View_PropertyControlsComponent_203)), i1.ɵdid(22, 16384, null, 0, i28.ɵh, [i1.TemplateRef], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_17 = _ck(_v, 3, 0, true, true, _co.retrievingLookupList); _ck(_v, 2, 0, currVal_17); var currVal_18 = \"SelectionDisplay\"; var currVal_19 = \"SelectionValue\"; var currVal_20 = i1.ɵinlineInterpolate(1, \"Select \", _v.parent.parent.context.$implicit.PropertyDisplay, \"\"); var currVal_21 = i1.ɵinlineInterpolate(1, \"\", (_co.isPopupDetail ? \"body\" : \"body\"), \"\"); var currVal_22 = false; var currVal_23 = true; var currVal_24 = true; var currVal_25 = false; var currVal_26 = _v.parent.parent.context.$implicit.IsDropdownOpen; var currVal_27 = _v.parent.parent.context.$implicit.PropertyValueSelection; _ck(_v, 4, 0, currVal_18, currVal_19, currVal_20, currVal_21, currVal_22, currVal_23, currVal_24, currVal_25, currVal_26, currVal_27); var currVal_28 = _v.parent.parent.context.$implicit.PropertyName; var currVal_29 = _v.parent.parent.context.$implicit.PropertyValueArray; _ck(_v, 18, 0, currVal_28, currVal_29); }, function (_ck, _v) { var currVal_0 = _v.parent.parent.context.$implicit.PropertyName; var currVal_1 = !i1.ɵnov(_v, 4).multiple; var currVal_2 = i1.ɵnov(_v, 4).typeahead; var currVal_3 = i1.ɵnov(_v, 4).multiple; var currVal_4 = i1.ɵnov(_v, 4).addTag; var currVal_5 = i1.ɵnov(_v, 4).searchable; var currVal_6 = i1.ɵnov(_v, 4).clearable; var currVal_7 = i1.ɵnov(_v, 4).isOpen; var currVal_8 = i1.ɵnov(_v, 4).disabled; var currVal_9 = i1.ɵnov(_v, 4).filtered; var currVal_10 = i1.ɵnov(_v, 20).ngClassUntouched; var currVal_11 = i1.ɵnov(_v, 20).ngClassTouched; var currVal_12 = i1.ɵnov(_v, 20).ngClassPristine; var currVal_13 = i1.ɵnov(_v, 20).ngClassDirty; var currVal_14 = i1.ɵnov(_v, 20).ngClassValid; var currVal_15 = i1.ɵnov(_v, 20).ngClassInvalid; var currVal_16 = i1.ɵnov(_v, 20).ngClassPending; _ck(_v, 0, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16]); }); }\nfunction View_PropertyControlsComponent_195(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_196)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_202))], function (_ck, _v) { var currVal_0 = _v.parent.context.$implicit.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_210(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.parent.parent.context.$implicit.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_211(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\" cannot be more than \", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.parent.parent.context.$implicit.PropertyDisplay; _ck(_v, 1, 0, currVal_0); var currVal_1 = _v.parent.parent.parent.parent.parent.context.$implicit.PropertyValidation.PropertyLength; _ck(_v, 2, 0, currVal_1); }); }\nfunction View_PropertyControlsComponent_212(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.parent.parent.context.$implicit.PropertyValidation.FormatValidationMessage; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_209(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 6, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_210)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_211)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_212)), i1.ɵdid(6, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var currVal_0 = i1.ɵnov(_v.parent, 10).errors.required; _ck(_v, 2, 0, currVal_0); var currVal_1 = i1.ɵnov(_v.parent, 10).errors.maxlength; _ck(_v, 4, 0, currVal_1); var currVal_2 = i1.ɵnov(_v.parent, 10).errors.pattern; _ck(_v, 6, 0, currVal_2); }, null); }\nfunction View_PropertyControlsComponent_208(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 16, \"div\", [[\"class\", \"property-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 12, \"input\", [[\"type\", \"text\"]], [[8, \"id\", 0], [8, \"value\", 0], [1, \"name\", 0], [8, \"autocomplete\", 0], [1, \"required\", 0], [1, \"maxlength\", 0], [1, \"pattern\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"change\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 4)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 4).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 4)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 4)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_v.parent.parent.parent.context.$implicit.PropertyValueDisplay = $event) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (_co.onValueChange(_v.parent.parent.parent.context.$implicit, i1.ɵnov(_v, 1).value, i1.ɵnov(_v, 10)) !== false);\n ad = (pd_5 && ad);\n } return ad; }, null, null)), i1.ɵdid(2, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(3, { \"form-control\": 0, \"is-invalid\": 1, \"uppercase\": 2 }), i1.ɵdid(4, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(5, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵdid(6, 540672, null, 0, i3.MaxLengthValidator, [], { maxlength: [0, \"maxlength\"] }, null), i1.ɵdid(7, 540672, null, 0, i3.PatternValidator, [], { pattern: [0, \"pattern\"] }, null), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0, p1_0, p2_0) { return [p0_0, p1_0, p2_0]; }, [i3.RequiredValidator, i3.MaxLengthValidator, i3.PatternValidator]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(10, 671744, [[\"PropertyValue\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(11, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(13, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(14, 0, null, null, 0, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_209)), i1.ɵdid(16, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_14 = _ck(_v, 3, 0, true, (_co.submitted && i1.ɵnov(_v, 10).invalid), (_v.parent.parent.parent.context.$implicit.PropertyDisplayFormat == \"UPPER\")); _ck(_v, 2, 0, currVal_14); var currVal_15 = _v.parent.parent.parent.context.$implicit.PropertyValidation.IsMandatory; _ck(_v, 5, 0, currVal_15); var currVal_16 = ((_v.parent.parent.parent.context.$implicit.PropertyValidation.PropertyLength == 0) ? null : _v.parent.parent.parent.context.$implicit.PropertyValidation.PropertyLength); _ck(_v, 6, 0, currVal_16); var currVal_17 = (_v.parent.parent.parent.context.$implicit.PropertyValidation.PropertyFormat ? _v.parent.parent.parent.context.$implicit.PropertyValidation.PropertyFormat : null); _ck(_v, 7, 0, currVal_17); var currVal_18 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_19 = _v.parent.parent.parent.context.$implicit.PropertyValueDisplay; var currVal_20 = _ck(_v, 11, 0, \"blur\"); _ck(_v, 10, 0, currVal_18, currVal_19, currVal_20); var currVal_21 = i1.ɵnov(_v, 10).invalid; _ck(_v, 16, 0, currVal_21); }, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_1 = _v.parent.parent.parent.context.$implicit.PropertyValueDisplay; var currVal_2 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_3 = i1.ɵinlineInterpolate(1, \"\", (_v.parent.parent.parent.context.$implicit.IsAutoComplete ? _v.parent.parent.parent.context.$implicit.PropertyName : \"off\"), \"\"); var currVal_4 = (i1.ɵnov(_v, 5).required ? \"\" : null); var currVal_5 = (i1.ɵnov(_v, 6).maxlength ? i1.ɵnov(_v, 6).maxlength : null); var currVal_6 = (i1.ɵnov(_v, 7).pattern ? i1.ɵnov(_v, 7).pattern : null); var currVal_7 = i1.ɵnov(_v, 13).ngClassUntouched; var currVal_8 = i1.ɵnov(_v, 13).ngClassTouched; var currVal_9 = i1.ɵnov(_v, 13).ngClassPristine; var currVal_10 = i1.ɵnov(_v, 13).ngClassDirty; var currVal_11 = i1.ɵnov(_v, 13).ngClassValid; var currVal_12 = i1.ɵnov(_v, 13).ngClassInvalid; var currVal_13 = i1.ɵnov(_v, 13).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13]); }); }\nfunction View_PropertyControlsComponent_213(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 7, \"input\", [[\"type\", \"text\"]], [[8, \"id\", 0], [1, \"name\", 0], [8, \"autocomplete\", 0], [8, \"value\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"change\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 3)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 3).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 3)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 3)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_4 = ((_v.parent.parent.parent.context.$implicit.PropertyValueDisplay = $event) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (_co.onValueChange(_v.parent.parent.parent.context.$implicit, i1.ɵnov(_v, 0).value) !== false);\n ad = (pd_5 && ad);\n } return ad; }, null, null)), i1.ɵdid(1, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(2, { \"form-control\": 0, \"uppercase\": 1 }), i1.ɵdid(3, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.DefaultValueAccessor]), i1.ɵdid(5, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [8, null], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"] }, { update: \"ngModelChange\" }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(7, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null)], function (_ck, _v) { var currVal_11 = _ck(_v, 2, 0, true, (_v.parent.parent.parent.context.$implicit.PropertyDisplayFormat == \"UPPER\")); _ck(_v, 1, 0, currVal_11); var currVal_12 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_13 = _v.parent.parent.parent.context.$implicit.PropertyValueDisplay; _ck(_v, 5, 0, currVal_12, currVal_13); }, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_1 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_2 = i1.ɵinlineInterpolate(1, \"\", (_v.parent.parent.parent.context.$implicit.IsAutoComplete ? _v.parent.parent.parent.context.$implicit.PropertyName : \"off\"), \"\"); var currVal_3 = _v.parent.parent.parent.context.$implicit.PropertyValueDisplay; var currVal_4 = i1.ɵnov(_v, 7).ngClassUntouched; var currVal_5 = i1.ɵnov(_v, 7).ngClassTouched; var currVal_6 = i1.ɵnov(_v, 7).ngClassPristine; var currVal_7 = i1.ɵnov(_v, 7).ngClassDirty; var currVal_8 = i1.ɵnov(_v, 7).ngClassValid; var currVal_9 = i1.ɵnov(_v, 7).ngClassInvalid; var currVal_10 = i1.ɵnov(_v, 7).ngClassPending; _ck(_v, 0, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10]); }); }\nfunction View_PropertyControlsComponent_207(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_208)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_213))], function (_ck, _v) { var currVal_0 = _v.parent.parent.context.$implicit.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_206(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_207)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.parent.context.$implicit.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 16); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_218(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.parent.parent.context.$implicit.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_219(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" is required\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.parent.parent.context.$implicit.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_220(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 0, \"span\", [], [[8, \"innerHTML\", 1]], null, null, null, null)), (_l()(), i1.ɵted(-1, null, [\" cannot be before current date time \"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.parent.parent.context.$implicit.PropertyDisplay; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_221(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"div\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.parent.parent.context.$implicit.PropertyValidation.FormatValidationMessage; _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_217(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 8, \"div\", [[\"class\", \"invalid-feedback\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_218)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_219)), i1.ɵdid(4, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_220)), i1.ɵdid(6, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_221)), i1.ɵdid(8, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = (!_v.parent.parent.parent.parent.context.$implicit.PropertyValidation.InvalidFormat && i1.ɵnov(_v.parent, 12).errors.required); _ck(_v, 2, 0, currVal_0); var currVal_1 = (!_v.parent.parent.parent.parent.context.$implicit.PropertyValidation.InvalidFormat && i1.ɵnov(_v.parent, 12).errors.matDatepickerParse); _ck(_v, 4, 0, currVal_1); var currVal_2 = ((i1.ɵnov(_v.parent, 12).errors.matDatepickerMin || i1.ɵnov(_v.parent, 12).errors.DateMin) && (_v.parent.parent.parent.parent.context.$implicit.PropertyValidation.MinValue == \"@CURRENTDATETIME\")); var currVal_3 = _co.min; _ck(_v, 6, 0, currVal_2, currVal_3); var currVal_4 = _v.parent.parent.parent.parent.context.$implicit.PropertyValidation.InvalidFormat; _ck(_v, 8, 0, currVal_4); }, null); }\nfunction View_PropertyControlsComponent_216(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[\"dateInput\", 1]], null, 22, \"div\", [[\"class\", \"input-group date-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 14, \"input\", [], [[8, \"id\", 0], [8, \"placeholder\", 0], [8, \"autocomplete\", 0], [1, \"required\", 0], [1, \"maxlength\", 0], [1, \"pattern\", 0], [1, \"aria-haspopup\", 0], [1, \"aria-owns\", 0], [1, \"min\", 0], [1, \"max\", 0], [8, \"disabled\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"dateChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"], [null, \"change\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 5)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 5).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 5)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 5)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"input\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 9)._onInput($event.target.value) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (i1.ɵnov(_v, 9)._onChange() !== false);\n ad = (pd_5 && ad);\n } if ((\"blur\" === en)) {\n var pd_6 = (i1.ɵnov(_v, 9)._onBlur() !== false);\n ad = (pd_6 && ad);\n } if ((\"keydown\" === en)) {\n var pd_7 = (i1.ɵnov(_v, 9)._onKeydown($event) !== false);\n ad = (pd_7 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_8 = ((_co.dateValue = $event) !== false);\n ad = (pd_8 && ad);\n } if ((\"dateChange\" === en)) {\n var pd_9 = (_co.onValueChange(_v.parent.parent.parent.context.$implicit, i1.ɵnov(_v, 1).value, i1.ɵnov(_v, 12)) !== false);\n ad = (pd_9 && ad);\n } return ad; }, null, null)), i1.ɵprd(6144, null, i17.MAT_INPUT_VALUE_ACCESSOR, null, [i18.MatDatepickerInput]), i1.ɵdid(3, 278528, null, 0, i2.NgClass, [i1.IterableDiffers, i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngClass: [0, \"ngClass\"] }, null), i1.ɵpod(4, { \"form-control date-input\": 0, \"is-invalid\": 1 }), i1.ɵdid(5, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(6, 16384, null, 0, i3.RequiredValidator, [], { required: [0, \"required\"] }, null), i1.ɵdid(7, 540672, null, 0, i3.MaxLengthValidator, [], { maxlength: [0, \"maxlength\"] }, null), i1.ɵdid(8, 540672, null, 0, i3.PatternValidator, [], { pattern: [0, \"pattern\"] }, null), i1.ɵdid(9, 147456, null, 0, i18.MatDatepickerInput, [i1.ElementRef, [2, i19.DateAdapter], [2, i19.MAT_DATE_FORMATS], [2, i20.MatFormField]], { matDatepicker: [0, \"matDatepicker\"], value: [1, \"value\"] }, { dateChange: \"dateChange\" }), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0, p1_0, p2_0, p3_0) { return [p0_0, p1_0, p2_0, p3_0]; }, [i3.RequiredValidator, i3.MaxLengthValidator, i3.PatternValidator, i18.MatDatepickerInput]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i3.DefaultValueAccessor, i18.MatDatepickerInput]), i1.ɵdid(12, 671744, [[\"PropertyValueDisplay\", 4]], 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(13, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(15, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(16, 16777216, null, null, 1, \"mat-datepicker\", [], null, null, null, i21.View_MatDatepicker_0, i21.RenderType_MatDatepicker)), i1.ɵdid(17, 180224, [[\"picker\", 4]], 0, i18.MatDatepicker, [i22.MatDialog, i23.Overlay, i1.NgZone, i1.ViewContainerRef, i18.MAT_DATEPICKER_SCROLL_STRATEGY, [2, i19.DateAdapter], [2, i24.Directionality], [2, i2.DOCUMENT]], null, null), (_l()(), i1.ɵeld(18, 0, null, null, 2, \"div\", [[\"class\", \"input-group-append date-group\"], [\"tabindex\", \"0\"]], null, [[null, \"click\"], [null, \"keyup.enter\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 17).open() !== false);\n ad = (pd_0 && ad);\n } if ((\"keyup.enter\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 17).open() !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(19, 0, null, null, 1, \"span\", [[\"class\", \"input-group-text\"], [\"style\", \"cursor: pointer;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(20, 0, null, null, 0, \"i\", [[\"class\", \"fa fa-calendar\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_217)), i1.ɵdid(22, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_18 = _ck(_v, 4, 0, true, (_co.submitted && i1.ɵnov(_v, 12).invalid)); _ck(_v, 3, 0, currVal_18); var currVal_19 = _v.parent.parent.parent.context.$implicit.PropertyValidation.IsMandatory; _ck(_v, 6, 0, currVal_19); var currVal_20 = ((_v.parent.parent.parent.context.$implicit.PropertyValidation.PropertyLength == 0) ? null : _v.parent.parent.parent.context.$implicit.PropertyValidation.PropertyLength); _ck(_v, 7, 0, currVal_20); var currVal_21 = (_v.parent.parent.parent.context.$implicit.PropertyValidation.PropertyFormat ? _v.parent.parent.parent.context.$implicit.PropertyValidation.PropertyFormat : null); _ck(_v, 8, 0, currVal_21); var currVal_22 = i1.ɵnov(_v, 17); var currVal_23 = _co.dateValue; _ck(_v, 9, 0, currVal_22, currVal_23); var currVal_24 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_25 = _co.dateValue; var currVal_26 = _ck(_v, 13, 0, \"blur\"); _ck(_v, 12, 0, currVal_24, currVal_25, currVal_26); var currVal_27 = i1.ɵnov(_v, 12).invalid; _ck(_v, 22, 0, currVal_27); }, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_1 = i1.ɵinlineInterpolate(1, \"Select Date - Format : \", _v.parent.parent.parent.context.$implicit.PropertyDisplayFormat, \"\"); var currVal_2 = i1.ɵinlineInterpolate(1, \"\", (_v.parent.parent.parent.context.$implicit.IsAutoComplete ? _v.parent.parent.parent.context.$implicit.PropertyName : \"off\"), \"\"); var currVal_3 = (i1.ɵnov(_v, 6).required ? \"\" : null); var currVal_4 = (i1.ɵnov(_v, 7).maxlength ? i1.ɵnov(_v, 7).maxlength : null); var currVal_5 = (i1.ɵnov(_v, 8).pattern ? i1.ɵnov(_v, 8).pattern : null); var currVal_6 = true; var currVal_7 = ((((i1.ɵnov(_v, 9)._datepicker == null) ? null : i1.ɵnov(_v, 9)._datepicker.opened) && i1.ɵnov(_v, 9)._datepicker.id) || null); var currVal_8 = (i1.ɵnov(_v, 9).min ? i1.ɵnov(_v, 9)._dateAdapter.toIso8601(i1.ɵnov(_v, 9).min) : null); var currVal_9 = (i1.ɵnov(_v, 9).max ? i1.ɵnov(_v, 9)._dateAdapter.toIso8601(i1.ɵnov(_v, 9).max) : null); var currVal_10 = i1.ɵnov(_v, 9).disabled; var currVal_11 = i1.ɵnov(_v, 15).ngClassUntouched; var currVal_12 = i1.ɵnov(_v, 15).ngClassTouched; var currVal_13 = i1.ɵnov(_v, 15).ngClassPristine; var currVal_14 = i1.ɵnov(_v, 15).ngClassDirty; var currVal_15 = i1.ɵnov(_v, 15).ngClassValid; var currVal_16 = i1.ɵnov(_v, 15).ngClassInvalid; var currVal_17 = i1.ɵnov(_v, 15).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16, currVal_17]); }); }\nfunction View_PropertyControlsComponent_222(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, [[\"dateInput\", 1]], null, 15, \"div\", [[\"class\", \"input-group\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, [[1, 0], [9, 0], [\"textbox\", 1]], null, 9, \"input\", [[\"class\", \"form-control date-input\"]], [[8, \"id\", 0], [8, \"autocomplete\", 0], [8, \"placeholder\", 0], [1, \"aria-haspopup\", 0], [1, \"aria-owns\", 0], [1, \"min\", 0], [1, \"max\", 0], [8, \"disabled\", 0], [2, \"ng-untouched\", null], [2, \"ng-touched\", null], [2, \"ng-pristine\", null], [2, \"ng-dirty\", null], [2, \"ng-valid\", null], [2, \"ng-invalid\", null], [2, \"ng-pending\", null]], [[null, \"ngModelChange\"], [null, \"dateChange\"], [null, \"input\"], [null, \"blur\"], [null, \"compositionstart\"], [null, \"compositionend\"], [null, \"change\"], [null, \"keydown\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"input\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 3)._handleInput($event.target.value) !== false);\n ad = (pd_0 && ad);\n } if ((\"blur\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 3).onTouched() !== false);\n ad = (pd_1 && ad);\n } if ((\"compositionstart\" === en)) {\n var pd_2 = (i1.ɵnov(_v, 3)._compositionStart() !== false);\n ad = (pd_2 && ad);\n } if ((\"compositionend\" === en)) {\n var pd_3 = (i1.ɵnov(_v, 3)._compositionEnd($event.target.value) !== false);\n ad = (pd_3 && ad);\n } if ((\"input\" === en)) {\n var pd_4 = (i1.ɵnov(_v, 4)._onInput($event.target.value) !== false);\n ad = (pd_4 && ad);\n } if ((\"change\" === en)) {\n var pd_5 = (i1.ɵnov(_v, 4)._onChange() !== false);\n ad = (pd_5 && ad);\n } if ((\"blur\" === en)) {\n var pd_6 = (i1.ɵnov(_v, 4)._onBlur() !== false);\n ad = (pd_6 && ad);\n } if ((\"keydown\" === en)) {\n var pd_7 = (i1.ɵnov(_v, 4)._onKeydown($event) !== false);\n ad = (pd_7 && ad);\n } if ((\"ngModelChange\" === en)) {\n var pd_8 = ((_co.dateValue = $event) !== false);\n ad = (pd_8 && ad);\n } if ((\"dateChange\" === en)) {\n var pd_9 = (_co.onValueChange(_v.parent.parent.parent.context.$implicit, i1.ɵnov(_v, 1).value) !== false);\n ad = (pd_9 && ad);\n } return ad; }, null, null)), i1.ɵprd(6144, null, i17.MAT_INPUT_VALUE_ACCESSOR, null, [i18.MatDatepickerInput]), i1.ɵdid(3, 16384, null, 0, i3.DefaultValueAccessor, [i1.Renderer2, i1.ElementRef, [2, i3.COMPOSITION_BUFFER_MODE]], null, null), i1.ɵdid(4, 147456, null, 0, i18.MatDatepickerInput, [i1.ElementRef, [2, i19.DateAdapter], [2, i19.MAT_DATE_FORMATS], [2, i20.MatFormField]], { matDatepicker: [0, \"matDatepicker\"], value: [1, \"value\"] }, { dateChange: \"dateChange\" }), i1.ɵprd(1024, null, i3.NG_VALIDATORS, function (p0_0) { return [p0_0]; }, [i18.MatDatepickerInput]), i1.ɵprd(1024, null, i3.NG_VALUE_ACCESSOR, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i3.DefaultValueAccessor, i18.MatDatepickerInput]), i1.ɵdid(7, 671744, null, 0, i3.NgModel, [[2, i3.ControlContainer], [6, i3.NG_VALIDATORS], [8, null], [6, i3.NG_VALUE_ACCESSOR]], { name: [0, \"name\"], model: [1, \"model\"], options: [2, \"options\"] }, { update: \"ngModelChange\" }), i1.ɵpod(8, { updateOn: 0 }), i1.ɵprd(2048, null, i3.NgControl, null, [i3.NgModel]), i1.ɵdid(10, 16384, null, 0, i3.NgControlStatus, [[4, i3.NgControl]], null, null), (_l()(), i1.ɵeld(11, 16777216, null, null, 1, \"mat-datepicker\", [], null, null, null, i21.View_MatDatepicker_0, i21.RenderType_MatDatepicker)), i1.ɵdid(12, 180224, [[\"picker\", 4]], 0, i18.MatDatepicker, [i22.MatDialog, i23.Overlay, i1.NgZone, i1.ViewContainerRef, i18.MAT_DATEPICKER_SCROLL_STRATEGY, [2, i19.DateAdapter], [2, i24.Directionality], [2, i2.DOCUMENT]], null, null), (_l()(), i1.ɵeld(13, 0, null, null, 2, \"div\", [[\"class\", \"input-group-append date-group\"], [\"tabindex\", \"0\"]], null, [[null, \"click\"], [null, \"keyup.enter\"]], function (_v, en, $event) { var ad = true; if ((\"click\" === en)) {\n var pd_0 = (i1.ɵnov(_v, 12).open() !== false);\n ad = (pd_0 && ad);\n } if ((\"keyup.enter\" === en)) {\n var pd_1 = (i1.ɵnov(_v, 12).open() !== false);\n ad = (pd_1 && ad);\n } return ad; }, null, null)), (_l()(), i1.ɵeld(14, 0, null, null, 1, \"span\", [[\"class\", \"input-group-text\"], [\"style\", \"cursor: pointer;\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(15, 0, null, null, 0, \"i\", [[\"class\", \"fa fa-calendar\"]], null, null, null, null, null))], function (_ck, _v) { var _co = _v.component; var currVal_15 = i1.ɵnov(_v, 12); var currVal_16 = _co.dateValue; _ck(_v, 4, 0, currVal_15, currVal_16); var currVal_17 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_18 = _co.dateValue; var currVal_19 = _ck(_v, 8, 0, \"blur\"); _ck(_v, 7, 0, currVal_17, currVal_18, currVal_19); }, function (_ck, _v) { var currVal_0 = _v.parent.parent.parent.context.$implicit.PropertyName; var currVal_1 = i1.ɵinlineInterpolate(1, \"\", (_v.parent.parent.parent.context.$implicit.IsAutoComplete ? _v.parent.parent.parent.context.$implicit.PropertyName : \"off\"), \"\"); var currVal_2 = i1.ɵinlineInterpolate(1, \"Select Date - Format : \", _v.parent.parent.parent.context.$implicit.PropertyDisplayFormat, \"\"); var currVal_3 = true; var currVal_4 = ((((i1.ɵnov(_v, 4)._datepicker == null) ? null : i1.ɵnov(_v, 4)._datepicker.opened) && i1.ɵnov(_v, 4)._datepicker.id) || null); var currVal_5 = (i1.ɵnov(_v, 4).min ? i1.ɵnov(_v, 4)._dateAdapter.toIso8601(i1.ɵnov(_v, 4).min) : null); var currVal_6 = (i1.ɵnov(_v, 4).max ? i1.ɵnov(_v, 4)._dateAdapter.toIso8601(i1.ɵnov(_v, 4).max) : null); var currVal_7 = i1.ɵnov(_v, 4).disabled; var currVal_8 = i1.ɵnov(_v, 10).ngClassUntouched; var currVal_9 = i1.ɵnov(_v, 10).ngClassTouched; var currVal_10 = i1.ɵnov(_v, 10).ngClassPristine; var currVal_11 = i1.ɵnov(_v, 10).ngClassDirty; var currVal_12 = i1.ɵnov(_v, 10).ngClassValid; var currVal_13 = i1.ɵnov(_v, 10).ngClassInvalid; var currVal_14 = i1.ɵnov(_v, 10).ngClassPending; _ck(_v, 1, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14]); }); }\nfunction View_PropertyControlsComponent_215(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_216)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"noValidate\", 2]], null, 0, null, View_PropertyControlsComponent_222))], function (_ck, _v) { var currVal_0 = _v.parent.parent.context.$implicit.PropertyValidation; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_214(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_215)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = (_v.parent.context.$implicit.PropertyIsEditable == true); var currVal_1 = i1.ɵnov(_v.parent, 16); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_224(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"div\", [[\"class\", \"input-label-prepend\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(2, 0, null, null, 1, \"span\", [[\"class\", \"input-group-text input-label\"]], [[8, \"id\", 0]], null, null, null, null)), (_l()(), i1.ɵted(3, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.context.$implicit.PropertyName; _ck(_v, 2, 0, currVal_0); var currVal_1 = _v.parent.parent.context.$implicit.PropertyValueDisplay; _ck(_v, 3, 0, currVal_1); }); }\nfunction View_PropertyControlsComponent_225(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [], [[8, \"id\", 0], [8, \"id\", 0]], null, null, null, null)), (_l()(), i1.ɵted(1, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.context.$implicit.PropertyName; var currVal_1 = _v.parent.parent.context.$implicit.PropertyName; _ck(_v, 0, 0, currVal_0, currVal_1); var currVal_2 = _v.parent.parent.context.$implicit.PropertyValueDisplay; _ck(_v, 1, 0, currVal_2); }); }\nfunction View_PropertyControlsComponent_223(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_224)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"label\", 2]], null, 0, null, View_PropertyControlsComponent_225))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.IsInputLabel; var currVal_1 = i1.ɵnov(_v, 3); _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_227(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.context.$implicit.PropertyValueDisplay; _ck(_v, 2, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_228(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"input-label-prepend\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"span\", [[\"class\", \"input-group-text input-label\"]], [[8, \"id\", 0]], null, null, null, null)), (_l()(), i1.ɵted(2, null, [\"\", \"\"]))], null, function (_ck, _v) { var currVal_0 = _v.parent.parent.context.$implicit.PropertyName; _ck(_v, 1, 0, currVal_0); var currVal_1 = _v.parent.parent.context.$implicit.PropertyValueDisplay; _ck(_v, 2, 0, currVal_1); }); }\nfunction View_PropertyControlsComponent_226(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_227)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"withBorder\", 2]], null, 0, null, View_PropertyControlsComponent_228))], function (_ck, _v) { var currVal_0 = (_v.parent.context.$implicit.PropertyFormControlType.toUpperCase() == \"LABEL\"); var currVal_1 = i1.ɵnov(_v, 2); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_188(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 16, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 15, null, null, null, null, null, null, null)), i1.ɵdid(2, 16384, null, 0, i2.NgSwitch, [], { ngSwitch: [0, \"ngSwitch\"] }, null), (_l()(), i1.ɵeld(3, 0, null, null, 13, \"div\", [], [[8, \"className\", 0], [2, \"single\", null]], null, null, null, null)), i1.ɵdid(4, 278528, null, 0, i2.NgStyle, [i1.KeyValueDiffers, i1.ElementRef, i1.Renderer2], { ngStyle: [0, \"ngStyle\"] }, null), i1.ɵpod(5, { \"flex\": 0, \"max-width\": 1, \"margin-right\": 2 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_189)), i1.ɵdid(7, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_195)), i1.ɵdid(9, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_206)), i1.ɵdid(11, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_214)), i1.ɵdid(13, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_223)), i1.ɵdid(15, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(0, [[\"isCombinationDisplay\", 2]], null, 0, null, View_PropertyControlsComponent_226))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _v.context.$implicit.PropertyFormControlType.toUpperCase(); _ck(_v, 2, 0, currVal_0); var currVal_3 = _ck(_v, 5, 0, (\"0 0 \" + _co.getPropertyWidth(_co.property.PropertyId, _v.context.index)), _co.getPropertyWidth(_co.property.PropertyId, _v.context.index), ((_v.context.$implicit.PropertyFormControlType.toUpperCase() == \"LABEL\") ? \"5px\" : \"0px\")); _ck(_v, 4, 0, currVal_3); var currVal_4 = \"COMBOBOX\"; _ck(_v, 7, 0, currVal_4); var currVal_5 = \"MULTICOMBOBOX\"; _ck(_v, 9, 0, currVal_5); var currVal_6 = \"TEXTBOX\"; _ck(_v, 11, 0, currVal_6); var currVal_7 = \"DATE\"; _ck(_v, 13, 0, currVal_7); var currVal_8 = \"LABEL\"; _ck(_v, 15, 0, currVal_8); }, function (_ck, _v) { var _co = _v.component; var currVal_1 = i1.ɵinlineInterpolate(1, \"flex-custom-addon combination-item-\", _v.context.index, \"\"); var currVal_2 = (_co.getCombinationProperty(_co.property.PropertyId).length == 1); _ck(_v, 3, 0, currVal_1, currVal_2); }); }\nfunction View_PropertyControlsComponent_187(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 3, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 2, \"div\", [[\"class\", \"flex-group\"]], null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_188)), i1.ɵdid(3, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.getCombinationProperty(_co.property.PropertyId); _ck(_v, 3, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_186(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_187)), i1.ɵdid(2, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyDisplayFormat; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_229(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"div\", [[\"class\", \"dataset-row\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 1, \"app-sub-summary\", [], null, [[null, \"subSelectedId\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"subSelectedId\" === en)) {\n var pd_0 = (_co.onSelectedItem($event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i56.View_SubSummaryComponent_0, i56.RenderType_SubSummaryComponent)), i1.ɵdid(2, 4964352, [[\"subsummary\", 4]], 0, i57.SubSummaryComponent, [i58.ActivatedRoute, i49.Globals, i8.SummaryService, i58.Router, i59.TokenManager, i60.ToasterService, i61.ToasterMessageService, i34.ThemeSettingService, i33.ConfirmationService, i53.WorkspaceService, i36.AttachmentService, i32.DomSanitizer, i51.BsModalService, i62.LoadingSummaryService, i54.ContextMenuService, i63.WorkflowReturnService, i43.HeaderService, i1.ElementRef, i1.Renderer2, i55.EnvService, i64.SidePopupService], { isDataSet: [0, \"isDataSet\"], isSubSummary: [1, \"isSubSummary\"], propertyId: [2, \"propertyId\"], parentId: [3, \"parentId\"], setForceRefresh: [4, \"setForceRefresh\"] }, { subSelectedId: \"subSelectedId\" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = true; var currVal_1 = true; var currVal_2 = _co.property.PropertyId; var currVal_3 = _co.componentId; var currVal_4 = true; _ck(_v, 2, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4); }, null); }\nfunction View_PropertyControlsComponent_231(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 1, \"span\", [], [[8, \"id\", 0]], null, null, null, null)), (_l()(), i1.ɵted(1, null, [\" \", \" \"]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; _ck(_v, 0, 0, currVal_0); var currVal_1 = _co.property.PropertyValueDisplayArray; _ck(_v, 1, 0, currVal_1); }); }\nfunction View_PropertyControlsComponent_233(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"span\", [], null, null, null, null, null)), (_l()(), i1.ɵted(1, null, [\" \", \" \"])), i1.ɵppd(2, 2)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = ((_co.dateValue == \"Invalid Date\") ? \"\" : i1.ɵunv(_v, 1, 0, _ck(_v, 2, 0, i1.ɵnov(_v.parent.parent.parent.parent, 1), _co.dateValue, _co.property.PropertyDisplayFormat))); _ck(_v, 1, 0, currVal_0); }); }\nfunction View_PropertyControlsComponent_232(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_233)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyFormControlType.toUpperCase() == \"DATE\"); var currVal_1 = i1.ɵnov(_v.parent, 3); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_236(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 4, \"div\", [[\"class\", \"mat-checkbox-container\"]], null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 3, \"mat-checkbox\", [[\"class\", \"mat-checkbox\"]], [[1, \"name\", 0], [8, \"id\", 0], [1, \"tabindex\", 0], [2, \"mat-checkbox-indeterminate\", null], [2, \"mat-checkbox-checked\", null], [2, \"mat-checkbox-disabled\", null], [2, \"mat-checkbox-label-before\", null], [2, \"_mat-animation-noopable\", null]], [[null, \"change\"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if ((\"change\" === en)) {\n var pd_0 = (_co.onValueChange(_co.property, $event) !== false);\n ad = (pd_0 && ad);\n } return ad; }, i10.View_MatCheckbox_0, i10.RenderType_MatCheckbox)), i1.ɵprd(5120, null, i3.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i11.MatCheckbox]), i1.ɵdid(3, 8568832, null, 0, i11.MatCheckbox, [i1.ElementRef, i1.ChangeDetectorRef, i12.FocusMonitor, i1.NgZone, [8, null], [2, i11.MAT_CHECKBOX_CLICK_ACTION], [2, i13.ANIMATION_MODULE_TYPE]], { value: [0, \"value\"], checked: [1, \"checked\"], disabled: [2, \"disabled\"] }, { change: \"change\" }), (_l()(), i1.ɵted(4, 0, [\"\", \"\"]))], function (_ck, _v) { var currVal_8 = _v.context.$implicit.SelectionValue; var currVal_9 = (_v.context.$implicit.IsSelected == true); var currVal_10 = true; _ck(_v, 3, 0, currVal_8, currVal_9, currVal_10); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyName; var currVal_1 = i1.ɵnov(_v, 3).id; var currVal_2 = null; var currVal_3 = i1.ɵnov(_v, 3).indeterminate; var currVal_4 = i1.ɵnov(_v, 3).checked; var currVal_5 = i1.ɵnov(_v, 3).disabled; var currVal_6 = (i1.ɵnov(_v, 3).labelPosition == \"before\"); var currVal_7 = (i1.ɵnov(_v, 3)._animationMode === \"NoopAnimations\"); _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_11 = _v.context.$implicit.SelectionDisplay; _ck(_v, 4, 0, currVal_11); }); }\nfunction View_PropertyControlsComponent_235(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, null, null, null, null, null, null, null)), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_236)), i1.ɵdid(2, 278528, null, 0, i2.NgForOf, [i1.ViewContainerRef, i1.TemplateRef, i1.IterableDiffers], { ngForOf: [0, \"ngForOf\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValueSelection; _ck(_v, 2, 0, currVal_0); }, null); }\nfunction View_PropertyControlsComponent_234(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_235)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.property.PropertyFormControlType.toUpperCase() == \"CHECKBOX\"); var currVal_1 = i1.ɵnov(_v.parent, 4); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_237(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 0, \"span\", [[\"class\", \"display-prop\"]], [[8, \"innerHTML\", 1], [8, \"id\", 0]], null, null, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyValueDisplay; var currVal_1 = _co.property.PropertyName; _ck(_v, 0, 0, currVal_0, currVal_1); }); }\nfunction View_PropertyControlsComponent_230(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_231)), i1.ɵdid(1, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"], ngIfElse: [1, \"ngIfElse\"] }, null), (_l()(), i1.ɵand(0, [[\"dateLabel\", 2]], null, 0, null, View_PropertyControlsComponent_232)), (_l()(), i1.ɵand(0, [[6, 2], [\"cb\", 2]], null, 0, null, View_PropertyControlsComponent_234)), (_l()(), i1.ɵand(0, [[\"other\", 2]], null, 0, null, View_PropertyControlsComponent_237))], function (_ck, _v) { var _co = _v.component; var currVal_0 = ((((_co.property.PropertyFormControlType.toUpperCase() == \"MULTICOMBOBOX\") || (_co.property.PropertyFormControlType.toUpperCase() == \"HIERARCHYMULTISELECT\")) || (_co.property.PropertyFormControlType.toUpperCase() == \"HIERARCHYSINGLESELECT\")) || (_co.property.PropertyFormControlType.toUpperCase() == \"MULTITEXT\")); var currVal_1 = i1.ɵnov(_v, 2); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }\nfunction View_PropertyControlsComponent_1(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 71, null, null, null, null, null, null, null)), (_l()(), i1.ɵeld(1, 0, null, null, 69, null, null, null, null, null, null, null)), i1.ɵdid(2, 16384, null, 0, i2.NgSwitch, [], { ngSwitch: [0, \"ngSwitch\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_2)), i1.ɵdid(4, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_11)), i1.ɵdid(6, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_20)), i1.ɵdid(8, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_21)), i1.ɵdid(10, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_29)), i1.ɵdid(12, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_38)), i1.ɵdid(14, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_42)), i1.ɵdid(16, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_50)), i1.ɵdid(18, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_51)), i1.ɵdid(20, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_52)), i1.ɵdid(22, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_53)), i1.ɵdid(24, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_54)), i1.ɵdid(26, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_55)), i1.ɵdid(28, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_61)), i1.ɵdid(30, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_67)), i1.ɵdid(32, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_76)), i1.ɵdid(34, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_91)), i1.ɵdid(36, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_102)), i1.ɵdid(38, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_115)), i1.ɵdid(40, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_127)), i1.ɵdid(42, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_139)), i1.ɵdid(44, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_160)), i1.ɵdid(46, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_162)), i1.ɵdid(48, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_165)), i1.ɵdid(50, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_168)), i1.ɵdid(52, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_171)), i1.ɵdid(54, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_174)), i1.ɵdid(56, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_177)), i1.ɵdid(58, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_180)), i1.ɵdid(60, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_181)), i1.ɵdid(62, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_183)), i1.ɵdid(64, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_184)), i1.ɵdid(66, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_186)), i1.ɵdid(68, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_229)), i1.ɵdid(70, 278528, null, 0, i2.NgSwitchCase, [i1.ViewContainerRef, i1.TemplateRef, i2.NgSwitch], { ngSwitchCase: [0, \"ngSwitchCase\"] }, null), (_l()(), i1.ɵand(0, [[\"isDisplay\", 2]], null, 0, null, View_PropertyControlsComponent_230))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property.PropertyFormControlType.toUpperCase(); _ck(_v, 2, 0, currVal_0); var currVal_1 = \"TEXTBOX\"; _ck(_v, 4, 0, currVal_1); var currVal_2 = \"TEXTBOXSUGGEST\"; _ck(_v, 6, 0, currVal_2); var currVal_3 = \"TEXTBOXSUGGESTID\"; _ck(_v, 8, 0, currVal_3); var currVal_4 = \"PASSWORD\"; _ck(_v, 10, 0, currVal_4); var currVal_5 = \"SECURETEXTBOX\"; _ck(_v, 12, 0, currVal_5); var currVal_6 = \"REFERENCE\"; _ck(_v, 14, 0, currVal_6); var currVal_7 = \"TEXTAREA\"; _ck(_v, 16, 0, currVal_7); var currVal_8 = \"CREATEDATE\"; _ck(_v, 18, 0, currVal_8); var currVal_9 = \"UPDATEDATE\"; _ck(_v, 20, 0, currVal_9); var currVal_10 = \"CREATEBY\"; _ck(_v, 22, 0, currVal_10); var currVal_11 = \"UPDATEBY\"; _ck(_v, 24, 0, currVal_11); var currVal_12 = \"LABEL\"; _ck(_v, 26, 0, currVal_12); var currVal_13 = \"CHECKBOX\"; _ck(_v, 28, 0, currVal_13); var currVal_14 = \"RADIOBUTTON\"; _ck(_v, 30, 0, currVal_14); var currVal_15 = \"DATE\"; _ck(_v, 32, 0, currVal_15); var currVal_16 = \"DATETIME\"; _ck(_v, 34, 0, currVal_16); var currVal_17 = \"COMBOBOX\"; _ck(_v, 36, 0, currVal_17); var currVal_18 = \"MULTICOMBOBOX\"; _ck(_v, 38, 0, currVal_18); var currVal_19 = \"HIERARCHYSINGLESELECT\"; _ck(_v, 40, 0, currVal_19); var currVal_20 = \"HIERARCHYMULTISELECT\"; _ck(_v, 42, 0, currVal_20); var currVal_21 = \"GROUPCHECKBOX\"; _ck(_v, 44, 0, currVal_21); var currVal_22 = \"MULTITEXT\"; _ck(_v, 46, 0, currVal_22); var currVal_23 = \"OPTIONALFILE\"; _ck(_v, 48, 0, currVal_23); var currVal_24 = \"OPTIONALMULTIPLEFILES\"; _ck(_v, 50, 0, currVal_24); var currVal_25 = \"FILE\"; _ck(_v, 52, 0, currVal_25); var currVal_26 = \"MULTIPLEFILES\"; _ck(_v, 54, 0, currVal_26); var currVal_27 = \"FIXEDFILE\"; _ck(_v, 56, 0, currVal_27); var currVal_28 = \"PDFVIEWER\"; _ck(_v, 58, 0, currVal_28); var currVal_29 = \"COUNTDOWN\"; _ck(_v, 60, 0, currVal_29); var currVal_30 = \"FIXEDMESSAGE\"; _ck(_v, 62, 0, currVal_30); var currVal_31 = \"HTMLEDITOR\"; _ck(_v, 64, 0, currVal_31); var currVal_32 = \"CHART\"; _ck(_v, 66, 0, currVal_32); var currVal_33 = \"COMBINATION\"; _ck(_v, 68, 0, currVal_33); var currVal_34 = \"DATASET\"; _ck(_v, 70, 0, currVal_34); }, null); }\nexport function View_PropertyControlsComponent_0(_l) { return i1.ɵvid(0, [i1.ɵpid(0, i65.SafeHtmlPipe, [i32.DomSanitizer]), i1.ɵpid(0, i2.DatePipe, [i1.LOCALE_ID]), i1.ɵqud(671088640, 1, { textbox: 0 }), i1.ɵqud(671088640, 2, { textarea: 0 }), i1.ɵqud(671088640, 3, { select: 0 }), i1.ɵqud(671088640, 4, { matRadio: 0 }), i1.ɵqud(671088640, 5, { matCheckbox: 0 }), i1.ɵqud(671088640, 6, { checkbox: 0 }), i1.ɵqud(671088640, 7, { pdfViewer: 0 }), i1.ɵqud(671088640, 8, { timepicker: 0 }), i1.ɵqud(671088640, 9, { control: 0 }), (_l()(), i1.ɵand(16777216, null, null, 1, null, View_PropertyControlsComponent_1)), i1.ɵdid(12, 16384, null, 0, i2.NgIf, [i1.ViewContainerRef, i1.TemplateRef], { ngIf: [0, \"ngIf\"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.property; _ck(_v, 12, 0, currVal_0); }, null); }\nexport function View_PropertyControlsComponent_Host_0(_l) { return i1.ɵvid(0, [(_l()(), i1.ɵeld(0, 0, null, null, 2, \"app-property-controls\", [], null, null, null, View_PropertyControlsComponent_0, RenderType_PropertyControlsComponent)), i1.ɵprd(14336, null, i3.ControlContainer, null, [i3.NgForm]), i1.ɵdid(2, 4440064, null, 0, i66.PropertyControlsComponent, [i37.DetailService, i67.DateFormatService, i68.AmazingTimePickerService, i2.KeyValuePipe, i61.ToasterMessageService, i58.Router, i69.ModalControlService, i51.BsModalService, i34.ThemeSettingService, i1.ChangeDetectorRef, i63.WorkflowReturnService, i53.WorkspaceService, i8.SummaryService, i49.Globals], null, null)], function (_ck, _v) { _ck(_v, 2, 0); }, null); }\nvar PropertyControlsComponentNgFactory = i1.ɵccf(\"app-property-controls\", i66.PropertyControlsComponent, View_PropertyControlsComponent_Host_0, { setProperty: \"setProperty\", updateProperty: \"updateProperty\", group: \"group\", combinationProperty: \"combinationProperty\", detailObject: \"detailObject\", fixedMessageList: \"fixedMessageList\", submitted: \"submitted\", isPopupDetail: \"isPopupDetail\", currentLookup: \"currentLookup\", detailForm: \"detailForm\" }, { showLoading: \"showLoading\", reloadDetail: \"reloadDetail\", childControl: \"childControl\", updateForm: \"updateForm\", setCurrentLookup: \"setCurrentLookup\", updateHierarchy: \"updateHierarchy\", showHierarchy: \"showHierarchy\", selectedItem: \"selectedItem\", propertyValueChanged: \"propertyValueChanged\", countdownEnd: \"countdownEnd\" }, []);\nexport { PropertyControlsComponentNgFactory as PropertyControlsComponentNgFactory };\n","\n
\n\n
\n \n
\n \n
\n \n
\n \n \n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n is required
\n {{property.ParentPropertyName}} does not match
\n cannot be more than {{ property.PropertyValidation.PropertyLength }}
\n {{ property.PropertyValidation.FormatValidationMessage }}
\n \n \n \n
\n \n
\n is required
\n {{property.ParentPropertyName ? property.ParentPropertyName : property.PropertyName}} does not match
\n cannot be more than {{ property.PropertyValidation.PropertyLength }}
\n {{ property.PropertyValidation.FormatValidationMessage }}
\n \n \n \n
\n \n
\n is required
\n {{property.ParentPropertyName ? property.ParentPropertyName : property.PropertyName}} does not match
\n {{ property.PropertyValidation.FormatValidationMessage }}
\n \n \n \n
\n \n
\n is required
\n {{property.ParentPropertyName ? property.ParentPropertyName : property.PropertyName}} does not match
\n cannot be more than {{ property.PropertyValidation.PropertyLength }}
\n {{ property.PropertyValidation.FormatValidationMessage }}
\n \n
\n is required
\n cannot be more than {{ property.PropertyValidation.PropertyLength }}
\n {{ property.PropertyValidation.FormatValidationMessage }}
\n \n {{ val.SelectionDisplay }} \n
\n \n
\n is required
\n \n
\n is required
\n \n \n \n
\n \n \n
\n \n \n \n
\n \n is required\n
\n \n cannot be before current date time\n
\n {{ property.PropertyValidation.FormatValidationMessage }}
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n \n \n \n \n \n \n \n\n
\n\n \n is required\n
\n {{ property.PropertyValidation.FormatValidationMessage }}
\n\n \n cannot be before current date time\n
\n cannot be before than {{property.PropertyValidation.MinValue}}
\n \n cannot be before than {{property.PropertyValidation.MinValue}}\n
\n cannot be greater than {{property.PropertyValidation.MaxValue}}
\n \n \n
\n \n \n
\n \n \n \n \n \n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n
\n is required
\n {{ property.PropertyValidation.FormatValidationMessage }}
\n \n \n {{item.SelectionDisplay}}\n
\n 10\">\n {{items.length - 10}} more...\n
\n \n
\n is required
\n {{ property.PropertyValidation.FormatValidationMessage }}
\n \n \n {{item.SelectionDisplay}}\n
\n 10\">\n {{items.length - 10}} more...\n
\n \n \n {{item.SelectionDisplay}}\n
\n 10\">\n {{items.length - 10}} more...\n
\n \n
\n {{ property.PropertyDisplay }} is required
\n \n \n {{item.SelectionDisplay}}\n
\n 10\">\n {{items.length - 10}} more...\n
\n \n \n {{item.SelectionDisplay}}\n
\n 10\">\n {{items.length - 10}} more...\n
\n \n
\n is required
\n \n \n {{item.SelectionDisplay}}\n
\n 10\">\n {{items.length - 10}} more...\n
\n \n \n \n \n \n \n
\n \n \n \n {{item.SelectionDisplay}}\n
\n 10\">\n {{items.length - 10}} more...\n
\n \n
\n is required
\n \n \n
\n No record found
\n \n Loading list..\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n \n
\n No record found
\n \n Loading list..\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n\n
\n \n
\n is required
\n \n \n\n
\n \n
\n is required
\n \n \n \n
\n \n
\n is required
\n \n \n\n
\n \n
\n is required
\n \n
\n
\n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{prop.PropertyValueDisplay}}\n \n \n \n \n {{prop.PropertyValueDisplay}}\n \n \n \n \n
\n \n
\n is required
\n \n \n {{item.SelectionDisplay}}\n
\n 10\">\n {{items.length - 10}} more...\n
\n \n
\n {{ prop.PropertyDisplay }} is required
\n \n \n {{item.SelectionDisplay}}\n
\n 10\">\n {{items.length - 10}} more...\n
\n \n \n \n
\n \n
\n is required
\n cannot be more than {{ prop.PropertyValidation.PropertyLength }}
\n {{ prop.PropertyValidation.FormatValidationMessage }}
\n \n \n
\n \n \n
\n \n
\n is required
\n is required
\n \n cannot be before current date time\n
\n {{ prop.PropertyValidation.FormatValidationMessage }}
\n \n \n
\n \n \n
\n \n {{prop.PropertyValueDisplay}}\n
\n \n {{prop.PropertyValueDisplay}}\n
\n \n
\n \n {{ value.SelectionDisplay }}\n
\n \n \n \n \n {{data[retrieveFilteredData('prop1')]}}\n cancel \n \n\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n {{ propertySummary.PropertyDisplay }} is required \n \n \n
\n \n
\n \n \n ![\"image\"]()
\n
\n \n
\n {{data[retrieveFilteredData('prop1')]}}
\n{{data[retrieveFilteredData('prop2')]}}
\n{{data[retrieveFilteredData('prop3')]}}
\n\n
\n \n add_circle_outline \n
\n \n
\n \n \n ![\"image\"]()
\n
\n \n
\n {{data[retrieveFilteredData('prop1')]}}
\n{{data[retrieveFilteredData('prop2')]}}
\n{{data[retrieveFilteredData('prop3')]}}
\n\n
","import { Component, OnInit, Input } from '@angular/core';\nimport { Globals } from '../objects/Globals';\nimport { JobService } from '../services/job.service';\nimport { Observable } from 'rxjs';\nimport { MainLoadingService } from '../services/main-loading.service';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-quick-links-panel',\n templateUrl: './quick-links-panel.component.html',\n styleUrls: ['./quick-links-panel.component.css']\n})\nexport class QuickLinksPanelComponent implements OnInit {\n\n @Input() isEpic:boolean = false;\n @Input() hidePanel: boolean = false;\n\n valueSelection:any;\n selectedValue = 'Quick Links';\n private componentId:string;\n jobList: any;\n jobList$: Observable\n\n \n\n \n \n \n
\n\n -1; else template\">\n ![]()
\n \n \n ![]()
\n \n
\n {{item.JobName}}
\n\n \n \n \n \n
\n\n
\n \n \n ![]()
\n \n \n \n ![]()
\n \n \n \n \n ![]()
\n \n \n
\n {{document.ImageName}}\n \n \n
\n\n
\n\n
\n \n
\n \n
\n \n \n ![]()
\n \n \n ![]()
\n \n \n ![]()
\n \n \n \n
\n \n \n \n\n
\n Related Documents For Purchase Requisition
\n \n\n
\n\n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n
\n {{level.HeaderDisplay}}
\n \n
\n \n
\n \n ![](\"../../assets/images/lockIcon-white.png\")
\n You have no access\n
\n ![](\"../../assets/images/show_ic.png\")
\n \n
\n \n
\n {{document.Properties.prop1}}
\n{{document.Properties.prop2}}
\n{{document.Properties.prop3}}
\n\n
\n \n {{document.Properties.prop4 | date:'dd MMM yyyy'}}
\n{{document.Properties.prop5}}
\n\n \n \n\n \n\n\n\n
","import { Component, OnInit, Input, Output, EventEmitter, ViewChild, TemplateRef, OnDestroy, ViewEncapsulation, ElementRef, Renderer2, HostListener } from '@angular/core';\nimport { ReportObject, PageContent, ReportGroup, Metadata } from '../objects/WorkObject';\nimport { WorkspaceService } from '../services/workspace.service';\nimport { ConversationService } from '../services/conversation.service';\nimport { ConfirmationService } from '../services/confirmation.service';\nimport { group } from '@angular/animations';\nimport { routerNgProbeToken } from '@angular/router/src/router_module';\nimport { Router, ActivatedRoute, Params } from '@angular/router';\nimport { ContextMenuComponent, ContextMenuService } from 'node_modules/ngx-contextmenu';\nimport { ThemeSettingService } from '../services/theme-setting.service';\nimport { LoadingSummaryService } from '../services/loading-summary.service';\nimport { BsModalService, BsModalRef, ModalOptions } from 'ngx-bootstrap';\nimport { DetailPopupComponent } from '../detail-popup/detail-popup.component';\nimport { DetailService } from '../services/detail.service';\nimport { Subscription } from 'rxjs';\nimport { SummaryService } from '../services/summary.service';\nimport { WorkflowReturn, WorkflowReturnService } from '../services/workflow-return.service';\nimport { MainLoadingService } from '../services/main-loading.service';\nimport { MdePopover, MdePopoverTrigger } from '@material-extended/mde';\nimport { EnvService } from '../env.service';\n\n@Component({\n selector: 'app-reportcard',\n templateUrl: './reportcard.component.html',\n styleUrls: ['./reportcard.component.css'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class ReportcardComponent implements OnInit, OnDestroy {\n\n // @HostListener('document:click', ['$event'])\n // clickout(event) {\n // var element = event.target as HTMLElement;\n // if(element.classList.contains('btn-commentary')) {\n // if (this.metadataObject){\n // this.metadataObject.forEach(object => {\n // // object.Metadata.forEach(metadata => {\n // // console.log(metadata)\n // // this.handleCommentaryBtn(metadata.MetadataValue, element);\n // // });\n // this.commentAction(element.getAttribute('data-action'));\n // });\n // }\n // }\n // }\n\n @ViewChild(ContextMenuComponent) public basicMenu: ContextMenuComponent;\n @ViewChild('popoverTrigger') public mdePopover:MdePopoverTrigger;\n\n private paramList: any;\n private contentParamList: any;\n private hideOutline: boolean = false;\n private summaryComponentId:string;\n private summarySelectedId:string;\n private subSummarySelectedId:string;\n private summarySearchKeyword:string;\n private summaryNameChange:string;\n private summaryInputChange:string;\n private detailComponentId:string;\n private viewChangedId:string;\n private searchKeywordChanged:string;\n private searchPlaceholder:string;\n private searchKeyword:string;\n private khamisSearchChanged:string;\n private khamisSearchResultId:string;\n private searchResultChanged:string;\n private searchResultId:string;\n private menuComponentId:string;\n private menuComponentIdChanged:string;\n private inputComponentId:string;\n private chartComponentId:string;\n private keyIndicatorComponentId:string;\n private webContentComponentId:string;\n private progressChanged:string;\n private popupButtonId: string;\n private outlineComponentId:string;\n private outlineSelectedId:string;\n private inputValueChanged:string;\n private filterComboId: string;\n private filterComboChanged:string;\n private viewListId:string;\n private variables:object = {};\n private trueVar :boolean = true;\n private modalRef: BsModalRef;\n private subSummarySelectId: string;\n private propertyValueChanged: string;\n private emitValueChanged: string;\n private refreshView: boolean = false;\n private sub: Subscription;\n position: string;\n inputComboFilter: string;\n broadcastAction: string;\n broadcastDocId: string;\n broadcastDocType: string;\n broadcastType: string;\n broadcastColor: string;\n khamisSearchType: string;\n groupTypeInView: string;\n reportObject:ReportObject;\n metadataObject:MetadataObject[];\n isFlipped: boolean;\n triggerChartLoading: boolean = false;\n btnInstance: () => void;\n sampleValue = '\n\n \n \n Add Tag\n \n \n Add Quick Phrase\n \n \n \n Get Related Reports\n \n \n \n Add Metadata\n \n \n 0\" class=\"flipper-box\" \n [mdePopoverTriggerFor]=\"appPopover\" \n mdePopoverTriggerOn=\"click\" \n #popoverTrigger=\"mdePopoverTrigger\" \n [mdePopoverBackdropCloseOnClick]=\"true\"\n title=\"Further Insights\" (click)=\"popover(popoverTrigger)\">\n {{isFlipped ? 'Back' : 'Further Insights'}}\n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n\n\n
\n\n {{reportObject.HeaderTitle}}
\n{{reportObject.HeaderValue}}
\n\n \n\n
\n 1 ? 'calc(100% - ' + reportObject.FilledSpace + 'rem)' : '100%',\n 'border-radius': reportObject.BorderRadiusValue ? reportObject.BorderRadiusValue : '0px'}\">\n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n \n \n \n
\n\n \n
\n 0\" class=\"flipper-back\">\n
\n\n \n {{isFlipped ? 'Back' : 'Show More'}}\n \n \n \n
\n- A further review of trend anomalies across categories may be initiated.
Activate Review Team Contact VPC - Deep dive into the Packaging Material category to understand optimisation opportunities.
Activate Review Team Contact VPC