\\n \\n
\\n \\n \\n
\\n
\\n \\n Call Type \\n \\n \\n {{value}}\\n \\n \\n \\n
\\n
\\n \\n Call State \\n \\n \\n {{value}}\\n \\n \\n \\n
\\n
\\n
\\n
\\n
\\n \\n
\\n \\n \\n
\\n \\n \\n Calls To Be Made: {{customersToBeCalled}} \\n \\n Worked Calls: {{callsMade1}} \\n \\n
\\n
\\n \\n \\n Customer Name \\n \\n {{element.customerName | truncate}} \\n \\n \\n\\n \\n \\n Call Type \\n {{element.callType}} \\n \\n\\n \\n \\n Call State \\n {{element.callStatus}} \\n \\n\\n \\n \\n Last Call \\n {{element.lastCallTime | date:'dd-MM-yy hh:mm a'}} \\n \\n\\n \\n \\n CRE Input \\n {{element.creInput}} \\n \\n\\n \\n Follow-up \\n {{element?.followUpTime | date:'dd-MM-yyyy hh:mm a'}} \\n \\n\\n \\n \\n Remarks \\n \\n {{element.remarks | truncate}} \\n \\n \\n\\n \\n \\n
\\n \\n
\\n \\n \\n \"","export default \"
\\n
\\n
\\n
\\n \\n \\n \\n Search/Add
\\n \\n \\n Export Excel
\\n \\n \\n \\n
\\n\\n
\"","export default \"
\\n
\\n\\n
\\n \\n
\\n \\n \\n \\n \\n Customer Name \\n {{element.customerName}} \\n \\n \\n VIN \\n {{element.vin}} \\n \\n \\n Call Type \\n {{element.callType}} \\n \\n \\n Call Status \\n {{element.callStatus}} \\n \\n \\n Lead Closure Response \\n {{element.leadClosureResponse}} \\n \\n \\n Lead Removal Date \\n {{element.leadRemovalDate}} \\n \\n \\n Contact Number \\n {{element.custTel}} \\n \\n \\n Disengagement Reason \\n {{element.disengageReason}} \\n \\n \\n Proposal \\n {{element.proposal}} \\n \\n \\n Visit Proposal \\n {{element.visitProposal}} \\n \\n \\n \\n
\\n \\n
\\n \\n \\n
\\n\"","export default \"
\\n
\\n\\n
\\n \\n
\\n \\n \\n \\n \\n Customer Name \\n \\n {{element.customerName | truncate}} \\n \\n \\n\\n \\n Contact Number \\n \\n {{element.customerTelephone}} \\n \\n \\n\\n \\n Chassis Number \\n \\n {{element.chassisNumber}} \\n \\n \\n\\n \\n Lead Generation Date \\n \\n {{element.leadGenerationDate}} \\n \\n \\n\\n \\n Previous Workshop \\n \\n {{element.previousWorkshop}} \\n \\n \\n\\n \\n SME Remarks \\n \\n {{element.smeRemarks}} \\n \\n \\n\\n \\n Reassignment Status \\n \\n {{element.leadStatus}} \\n \\n \\n\\n \\n \\n
\\n \\n
\\n \\n \\n \\n
\\n\"","export default \"
\\n
\\n \\n {{text}}\\n \\n \\n \\n
\\n
\"","export default \"\\n\"","export default \"
\"","export default \"
\\n
\\n
\\n
Are you sure, you want to save blanket feedback?
\\n
\\n\\n
\\n
\"","export default \"
\\n
\\n
\\n \\n\\n
\\n
Did You Talk To The Customer? \\n
\\n \\n \\n Yes \\n \\n No \\n \\n
\\n
\\n\\n
\\n \\n Select Vehicle Number \\n \\n \\n {{vinNo}}\\n \\n \\n \\n
\\n\\n
\\n \\n
\\n\\n
\\n\\n
\\n\\n
\\n\\n
\\n
\\n\\n
\\n \\n Select Response \\n \\n No Response \\n Busy \\n Switched Off/Unreachable \\n Invalid Number \\n Other \\n \\n \\n \\n This field is required.\\n \\n
\\n\\n
\\n
\\n \\n \\n
\\n This field is required.\\n \\n\\n
\\n Save
\\n \\n
\\n
\"","export default \"
\\n
\\n \\n
\\n \\n \\n
\\n
\"","export default \"
Confirmation \\n
Are you sure you want to proceed? \\n
\\n Cancel \\n Proceed \\n \\n\\n\"","export default \"
\\n
\\n
\\n
Customer360 \\n
\\n
\\n \\n \\n \\n \\n \\n \\n
\\n
Address \\n
{{cus360?.CUSTOMER_INFO.custCity}} {{cus360?.CUSTOMER_INFO.custPostlCode}}
\\n
\\n
\\n
Lifetime Value \\n
{{cus360?.CUSTOMER_INFO.lifetimeValue | currency: '₹'}}
\\n
\\n
\\n \\n
\\n \\n
\\n \\n \\n \\n SRM Call Logs \\n \\n \\n \\n
\\n \\n \\n
\\n\\n \\n \\n \\n \\n {{(element.callDate +' '+ element.startTime)| date : \\\"h:mm a\\\"}} \\n \\n\\n \\n \\n \\n {{element.duration}}\\n \\n \\n\\n \\n \\n {{element.custNo}} \\n \\n\\n \\n \\n \\n {{element.callDate | date : \\\"dd/MM/yy\\\" }} \\n \\n\\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n
\\n \\n
\\n \\n \\n \\n PRS Call Logs \\n \\n \\n \\n
\\n \\n \\n
\\n\\n \\n \\n \\n \\n {{(element.callDate +' '+ element.startTime)| date : \\\"h:mm a\\\"}} \\n \\n\\n \\n \\n \\n {{element.duration}}\\n \\n \\n\\n \\n \\n {{element.custNo}} \\n \\n\\n \\n \\n \\n {{element.callDate | date : \\\"dd/MM/yy\\\" }} \\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 Select Vehicle \\n \\n Select Vehicle \\n \\n \\n {{item.vin6Bits}}\\n \\n \\n \\n
\\n \\n \\n
\\n
\\n \\n \\n \\n \\n Service Details \\n
\\n \\n {{vehicleTypeCallInfo}} Call \\n {{vehicleServiceAndStausInfo}} \\n
\\n \\n \\n \\n
\\n \\n \\n
\\n
Committed Date \\n
{{serviceDetails?.committedDate | date : \\\"dd/MM/yy\\\"}}
\\n
\\n
\\n
Prediction Type \\n
{{serviceDetails?.predictionType}}
\\n
\\n
\\n
Workshop \\n
{{serviceDetails?.workShop}}
\\n
\\n
\\n
Service Due Mileage \\n
{{serviceDetails?.serviceDueMilage}}
\\n
\\n
\\n
\\n
Service Interval \\n
{{serviceDetails?.serviceIntervel}}
\\n
\\n
\\n
Service Due Date \\n
{{serviceDetails?.serviceDueDate | date : \\\"dd/MM/yy\\\"}}
\\n
\\n
\\n
Todays Mileage \\n
{{serviceDetails?.currentMileage}}
\\n
\\n
\\n
Running Since Last Visit \\n
{{serviceDetails?.mileageSinceLastVisit}}
\\n
\\n
\\n
\\n
Average Running \\n
{{serviceDetails?.averageMilage}}
\\n
\\n
\\n
Remarks \\n
{{serviceDetails?.remarks}}
\\n
\\n
\\n
\\n
\\n \\n
\\n \\n
\\n \\n
\\n
\\n \\n \\n \\n
\\n \\n
\\n
Campaign ID \\n
{{serviceDetails?.campaignId}}
\\n
\\n
\\n
Description \\n
{{serviceDetails?.campaignIdDesc}}
\\n
\\n
\\n
Start Date \\n
{{serviceDetails?.campaignStartDate | date : \\\"dd/MM/yy\\\"}}
\\n
\\n
\\n
End Date \\n
{{serviceDetails?.campaignEndDate | date : \\\"dd/MM/yy\\\"}}
\\n
\\n
\\n
Committed Date \\n
{{serviceDetails?.committedDate | date : \\\"dd/MM/yy\\\"}}
\\n
\\n
\\n
\\n \\n\\n \\n \\n \\n
\\n \\n
\\n \\n \\n \\n {{element.faultCaseId}} \\n \\n \\n \\n {{element.rulesDesc}}\\n \\n \\n \\n \\n {{element.faultListDate | date : \\\"dd/MM/yy\\\" }} \\n \\n \\n \\n {{element.faultFertCode}} \\n \\n \\n \\n {{element.faultServiceDueDate | date : \\\"dd/MM/yy\\\" }}\\n \\n \\n \\n \\n {{element.faultBookingDate | date : \\\"dd/MM/yy\\\" }} \\n \\n
\\n
\\n
\\n \\n \\n
\\n\\n \\n
\\n \\n \\n \\n Customer Remarks \\n \\n \\n \\n
\\n \\n \\n
\\n\\n \\n \\n \\n \\n {{element.remark}} \\n \\n\\n \\n \\n \\n {{element.remarkDate | date : \\\"dd/MM/yy\\\"}}\\n \\n \\n\\n \\n \\n {{element.remarkTime | date: \\\"hh:mm a\\\"}} \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n
\\n \\n
\\n
\\n \\n \\n \\n Vehicle Details \\n \\n \\n \\n
\\n \\n \\n
\\n
Model \\n
{{vehicleDetails?.model}}
\\n
\\n
\\n
Chasis Number \\n
{{vehicleDetails?.chassisNo}}
\\n
\\n
\\n
Registration Number \\n
{{vehicleDetails?.registrationNo}}
\\n
\\n
\\n
Sold By \\n
{{vehicleDetails?.soldBy}}
\\n
\\n
\\n
Vehicle Type \\n
{{vehicleDetails?.tipperHaulageInd}}
\\n
\\n
\\n \\n
\\n \\n
\\n
\\n \\n \\n \\n Last Service Details \\n \\n \\n \\n
\\n \\n \\n
\\n
Last Visited On \\n
{{lastServiceDetails?.lastVisitedOn | date : \\\"dd/MM/yy\\\"}}
\\n
\\n
\\n
Work Type \\n
{{lastServiceDetails?.workType}}
\\n
\\n
\\n
JobCard Number \\n
{{lastServiceDetails?.jobCardNo}}
\\n
\\n
\\n
Bill Amount \\n
{{lastServiceDetails?.billAmount}}
\\n
\\n
\\n
\\n
Workshop \\n
{{lastServiceDetails?.workshopName}}
\\n
\\n
\\n
Mileage \\n
{{lastServiceDetails?.milage}}
\\n
\\n
\\n
Invoice Date \\n
{{lastServiceDetails?.invoiceDate | date : \\\"dd/MM/yy\\\"}}
\\n
\\n
\\n
\\n \\n
\\n \\n
\\n
\\n \\n \\n \\n Show Complete Vehicle History\\n \\n \\n Hide History\\n \\n \\n
\\n \\n \\n \\n \\n
\\n \\n \\n
\\n\\n \\n \\n \\n {{element.jcNo}} \\n \\n\\n \\n \\n \\n {{element.vin}} \\n \\n\\n \\n \\n {{element.jbcardDate| date : \\\"dd/MM/yy\\\"}} \\n \\n\\n \\n \\n \\n {{element.audate| date : \\\"dd/MM/yy\\\"}} \\n \\n\\n \\n \\n \\n \\n {{element.werks}}/{{element.plantDes}}/{{element.dealerLoc}}\\n \\n \\n\\n \\n \\n \\n {{element.mileage}} {{element.mileageType}} \\n \\n\\n \\n \\n \\n {{element.plantDes}} \\n \\n\\n \\n \\n \\n {{element.servNo}} \\n \\n\\n \\n \\n \\n {{element.tipper}} \\n \\n\\n\\n \\n \\n \\n {{element.werks}} \\n \\n\\n\\n \\n \\n {{element.failureDate| date : \\\"dd/MM/yy\\\"}} \\n \\n\\n \\n \\n {{element.billDate| date : \\\"dd/MM/yy\\\"}} \\n \\n\\n \\n \\n {{element.insdate| date : \\\"dd/MM/yy\\\"}} \\n \\n\\n \\n \\n {{element.mechanic}} \\n \\n\\n \\n \\n {{element.serviceAdv}} \\n \\n\\n \\n \\n {{element.serviceAdvNo}} \\n \\n\\n
\\n
\\n
\\n \\n \\n
\\n \\n \\n
\\n
\"","export default \"
\\n
\\n
\\n \\n\\n
\\n
Did You Talk To The Customer? \\n
\\n \\n \\n Yes \\n \\n No \\n \\n
\\n
\\n\\n
\\n \\n Select Vehicle Number \\n \\n \\n {{vinNo}}\\n \\n \\n \\n
\\n\\n
\\n
\\n = 3\\\">*Note: Booking limit exceeded for this\\n vehicle. \\n = 3\\\">*Note: Follow-up limit exceeded for this\\n vehicle. \\n
\\n
\\n\\n
\\n \\n Select Service \\n \\n FS1 - FREE SERVICE 1 \\n FS2 - FREE SERVICE 2 \\n FS3 - FREE SERVICE 3 \\n PMS - PREVENTIVE MAINTENANCE SERVICE \\n \\n \\n
\\n\\n
\\n
\\n \\n Payment Method \\n \\n Cash \\n Digital Payment \\n \\n \\n
\\n\\n
\\n\\n
\\n\\n
\\n
\\n\\n
\\n \\n Select Response \\n \\n No Response \\n Busy \\n Switched Off/Unreachable \\n Invalid Number \\n Other \\n \\n \\n \\n This field is required.\\n \\n
\\n\\n
\\n
\\n \\n \\n
\\n This field is required.\\n \\n\\n
\\n Save
\\n \\n
\\n
\\n\"","export default \"
\\n
\\n highlight_off \\n
\\n
\\n
\\n
\\n
\\n
\\n Lead Status \\n \\n Lead Status \\n \\n In Progress \\n Follow Up \\n \\n Closed \\n Lost \\n \\n \\n
\\n
\\n Follow Up Selection\\n \\n \\n FollowUp Selection \\n \\n Negotiation \\n Quotation Given \\n Secured/Payment Received \\n CIF Collected \\n T Created \\n \\n \\n Lost Selection \\n \\n Lost Selection \\n \\n Price High \\n Vehicle SRN \\n Feature Not Adequate \\n Lost to Competition \\n Share Comments \\n \\n \\n\\n Contract Number \\n \\n Contract Number \\n \\n
\\n
\\n FollowUp\\n Date\\n \\n \\n Select Date \\n \\n \\n \\n
\\n
\\n
\\n
Enquiry Remarks \\n
\\n \\n Enter Your Remarks \\n \\n \\n
\\n
\\n
Update Lead \\n
\\n\"","export default \"
\\n
\\n
\\n \\n\\n
\\n
Did You Talk To The Customer? \\n
Did You Fill The Visit Report? \\n
\\n \\n \\n Yes \\n \\n No \\n \\n
\\n
\\n\\n
\\n \\n Select Vehicle Number \\n \\n \\n {{vinNo}}\\n \\n \\n \\n
\\n\\n
\\n
\\n = 3\\\">*Note: Booking limit exceeded for this\\n vehicle. \\n = 3\\\">*Note: Follow-up limit exceeded for this\\n vehicle. \\n
\\n
\\n\\n
\\n
\\n \\n \\n {{info.label || 'Select Date'}} \\n \\n \\n \\n \\n Please choose an date\\n \\n
\\n \\n
\\n \\n \\n {{info.label || 'Select Date'}} \\n \\n \\n \\n \\n Please choose an date\\n \\n
\\n \\n \\n {{info.data[0].value}} \\n \\n \\n \\n \\n \\n {{info.data[0].value}} \\n \\n \\n \\n \\n Invalid phone number, Number length should be 10.\\n \\n
\\n \\n {{info.data[0].value}} \\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 Select Response \\n \\n Customer Asked Not To Visit \\n Reschedule Visit \\n \\n \\n \\n This field is required.\\n \\n\\n \\n Select Visit Date \\n \\n \\n \\n \\n This field is required.\\n \\n
\\n\\n \\n \\n Select Response \\n \\n No Response \\n Busy \\n Switched Off/Unreachable \\n Invalid Number \\n Other \\n \\n \\n \\n This field is required.\\n \\n
\\n\\n \\n
\\n \\n \\n
\\n This field is required.\\n \\n\\n
\\n Save
\\n \\n
\\n
\\n
\\n Chassis Number \\n \\n Chassis Number \\n \\n \\n {{value}}\\n \\n \\n \\n
\\n
\\n Update Status \\n \\n \\n Reopen\\n \\n \\n Close\\n \\n \\n
\\n
\\n
\\n
\\n Remarks \\n \\n Remarks \\n \\n
\\n
\\n
\\n Update \\n
\\n\"","export default \"\"","export default \"\\n\"","export default \"\\n
\\n highlight_off \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n Customer Name \\n \\n
\\n {{clickedRow.customerName}}
\\n \\n
\\n
\\n
\\n Cust Mob No. \\n \\n
\\n {{clickedRow.customerTelephone}}
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n Customer Code \\n \\n
\\n {{clickedRow.customerCode}}
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n Chassis Number \\n \\n Chassis Number \\n \\n \\n {{value}}\\n \\n \\n \\n
\\n
\\n Product Selection \\n \\n Product Selection \\n \\n \\n {{value}}\\n \\n \\n \\n
\\n
\\n Source Of Enquiry \\n \\n\\n Source Of Enquiry \\n \\n \\n {{value}}\\n \\n \\n \\n
\\n
\\n
\\n
\\n Likely Buy Date \\n \\n Likely Buy Date \\n \\n \\n \\n
\\n
\\n Lead Type \\n \\n\\n Lead Type \\n \\n \\n {{value}}\\n \\n \\n \\n
\\n
\\n Lead Status \\n \\n Lead Status \\n \\n \\n In Progress \\n Follow Up \\n \\n Closed \\n Lost \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n FollowUp\\n Selection\\n \\n \\n FollowUp Selection \\n \\n \\n Negotiation \\n Quotation Given \\n Secured/Payment Received \\n CIF Collected \\n T Created \\n \\n \\n
\\n
\\n Lost\\n Selection\\n \\n \\n Lost Selection \\n \\n \\n Price High \\n Vehicle SRN \\n Feature Not Adequate \\n Lost to Competition \\n Share Comments \\n \\n \\n
\\n
\\n Contract Number\\n \\n \\n Enter Contract Number \\n \\n
\\n
\\n FollowUp\\n Date\\n \\n \\n Select Date \\n \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
Enquiry Remarks \\n
\\n \\n Remark \\n \\n
\\n
\\n
\\n
Create Enquiry \\n
\\n
\\n
\\n
\\n Customer ID \\n \\n
\\n
\\n
\\n
\\n Vehicle Reg. No \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n Chassis Number \\n \\n
\\n
\\n
\\n
\\n Dealer Code \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n Category 1 \\n \\n Category 1 \\n \\n {{value.value}} \\n \\n \\n
\\n
\\n Category 2 \\n \\n Category 2 \\n \\n {{value.value}} \\n \\n\\n \\n
\\n
\\n Vehicle Reg No. \\n \\n Vehicle Reg No. \\n \\n
\\n\\n\\n
\\n
\\n
\\n Preferred Language \\n \\n Preferred Language \\n \\n Hindi \\n English \\n Gujrati \\n Marathi \\n Telugu \\n Tamil \\n Malayalam \\n Kannada \\n Bengali \\n \\n \\n
\\n
\\n Vehicle Type \\n \\n Vehicle Type \\n \\n \\n LMD\\n \\n \\n BUS\\n \\n \\n HD\\n \\n \\n \\n
\\n
\\n Source \\n \\n Source \\n \\n \\n {{value.value}}\\n \\n \\n \\n
\\n
\\n\\n
\\n
Complaint Description \\n
\\n \\n Complaint Description \\n \\n \\n Max length 40 characters.\\n \\n \\n Do not enter special characters.\\n \\n
\\n
\\n
\\n
Complaint Remarks \\n
\\n \\n Complaint Remarks \\n \\n \\n \\n Max lenth 132 characters.\\n \\n \\n Do not enter special characters.\\n \\n
\\n
\\n
Create Complaint \\n
\\n
\\n\\n \\n\\n
Follow up call due for {{customerCount}} customers.
\\n\\n
\\n
\\n Go to Calling List
\\n \\n
\\n
\\n
\\n\\n \\n\\n
\\n
\\n
\\n {{cols.serviceType}} \\n
\\n
\\n {{cols.actualVal || 0}} \\n
\\n
\\n
\\n
\\n
\\n
\\n
CRE previously took booking on this Chassis. Are you sure you want to mark this lead as \\\"Service Not Required\\\" ?
\\n
\\n\\n
\\n
\\n
\\n\\n \\n\\n
\\n
Did You Talk To The Customer? \\n
\\n \\n \\n Yes \\n \\n No \\n \\n
\\n
\\n\\n
\\n \\n Select Vehicle Number \\n \\n \\n {{vinNo}}\\n \\n \\n \\n
\\n\\n
\\n\\n
\\n \\n Select Response \\n \\n No Response \\n Busy \\n Switched Off/Unreachable \\n Invalid Number \\n Other \\n \\n \\n \\n This field is required.\\n \\n
\\n\\n
\\n
\\n \\n \\n
\\n This field is required.\\n \\n\\n
\\n Save
\\n \\n
\\n
\\n
\\n\\n\\n
\\n
Visit Report Form \\n\\n\\n highlight_off \\n\\n \\n
\\n\\n \\n\\n \\n\\n\\n
\\n Submit \\n\\n Cancel \\n \\n\\n
\\n
\\n\\n\\n\\n\\n
\\n
\\n
\\n Customer Name \\n \\n
\\n
\\n
\\n
\\n Chassis Number \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n Nearest Workshop \\n \\n
\\n
{{nearestWorkshop}}
\\n
\\n
\\n
\\n
\\n Contact Number \\n \\n
\\n
{{customerTelephone}}
\\n
\\n
\\n
\\n
\\n
\\n
\\n Chassis Number \\n \\n Chassis Number \\n \\n {{value}} \\n \\n \\n
\\n
\\n Lead Status \\n \\n Lead Status \\n \\n Workshop Reassign \\n Close Lead \\n \\n \\n
\\n
\\n
\\n
Remarks \\n
\\n \\n Remarks \\n \\n
\\n
\\n
Update \\n
\\n
\\n
\\n\\n\\n
\\n
\\n
\\n
\\n
\\n
\\n
;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n @ViewChild('importDialog', { static: false }) importDialog: TemplateRef;\n\n constructor(private dialog: MatDialog, private cdr: ChangeDetectorRef, private toastr: ToastrService, private commonService: CommonService) { }\n\n ngOnInit(): void {\n this.loadData();\n }\n\n loadData() {\n if (localStorage.getItem('adminListPageSize') != null || localStorage.getItem('adminListPageSize') != undefined) {\n let pagesize = Number(localStorage.getItem('adminListPageSize'));\n this.pageSize = (pagesize && !Number.isNaN(pagesize)) ? pagesize : 10;\n } else {\n this.pageSize = 10;\n }\n if (localStorage.getItem('adminListPage') != null || localStorage.getItem('adminListPage') != undefined) {\n let pagenumber = Number(localStorage.getItem('adminListPage'));\n this.pageIndex = (pagenumber && !Number.isNaN(pagenumber)) ? pagenumber + 1 : 1;\n } else {\n this.pageIndex = 1;\n }\n this.commonService.findMasters(this.selectedItem.id, this.pageIndex, this.pageSize, '').subscribe(data => {\n if (data['responseCode'] == 0) {\n this.dataSource = data.responseData.resultList;\n this.dataSource.paginator = this.paginator;\n this.total_pages = data.responseData.total_elements;\n localStorage.removeItem('adminListPage');\n } else {\n this.toastr.error(data['message'], \"Error\");\n }\n });\n }\n\n openAddForm() {\n this.isEditMode = false;\n this.selectedItem = {};\n this.dialog.open(this.formDialog);\n }\n\n edit(item) {\n this.isEditMode = true;\n this.selectedItem = { ...item };\n this.dialog.open(this.formDialog);\n }\n\n saveData() {\n if (this.isEditMode) {\n this.commonService.updateMaster(this.selectedItem, this.selectedItem.id).subscribe(data => {\n this.loadData(); // Reload data after successful edit\n this.toastr.success(data['message'], \"Success\");\n }, error => { // Handle error\n this.toastr.error(\"Error Edit\");\n });\n } else {\n this.commonService.createMaster(this.selectedItem).subscribe(data => {\n this.loadData(); // Reload data after successful creation\n this.toastr.success(data['message'], \"Success\");\n }, error => { // Handle error\n this.toastr.error(\"Save Error\");\n });\n }\n this.dialog.closeAll();\n }\n\n closeDialog() {\n this.dialog.closeAll();\n }\n\n exportData(): void {\n this.commonService.downloadMasters().subscribe((data: Blob) => {\n const blob = new Blob([data], { type: 'text/csv' });\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = 'masters.csv'; // Adjust the filename as needed\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.toastr.success(data['message'], \"Success\");\n }, error => { // Handle error\n this.toastr.error('Error downloading masters', error);\n });\n }\n\n openImportForm() {\n this.dialog.open(this.importDialog, {\n width: '500px',\n height: '200px',\n panelClass: 'custom-modal-style'\n });\n }\n\n handleFileInput(files: FileList): void {\n const file = files.item(0);\n if (file) {\n // Client-side validation for file type\n const allowedTypes = ['application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.ms-excel', 'text/csv'];\n if (allowedTypes.includes(file.type)) {\n this.selectedFile = file;\n this.selectedFileName = file.name;\n } else {\n // Reset the selected file and display an error message\n this.selectedFile = null;\n this.selectedFileName = null;\n this.toastr.error('Invalid file type. Please select an Excel or CSV file.');\n }\n } else {\n this.selectedFile = null;\n this.selectedFileName = null;\n }\n }\n\n uploadFile(): void {\n if (this.selectedFile) {\n this.commonService.createMasterByCsv(this.selectedFile).subscribe(data => {\n if (data['responseCode'] == 0) {\n this.loadData(); // Reload data after successful import\n this.closeDialog();\n this.toastr.success(data['message'], \"Success\");\n } else {\n this.toastr.error(data['message'], \"Error\");\n }\n }, error => { // Handle error\n this.toastr.error('Error uploading file', error);\n });\n }\n }\n /**\n * Name: setPageData\n * purpose: To set pagesize for table\n */\n setPageData(event) {\n let size = event.pageSize.toString();\n localStorage.setItem('adminListPageSize', size);\n let index = event.pageIndex.toString();\n localStorage.setItem('adminListPage', index);\n if (this.filterValue) {\n this.searchfilter(this.filterValue);\n } else {\n this.loadData();\n }\n }\n /**\n * Name: searchfilter with API based pagination\n * purpose: To apply filter on call list data\n * @author: Vaibhav\n */\n searchfilter(filterValue: string): void {\n filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n this.filterValue = filterValue;\n if (localStorage.getItem('adminListPageSize') != null || localStorage.getItem('adminListPageSize') != undefined) {\n let pagesize = Number(localStorage.getItem('adminListPageSize'));\n this.pageSize = (pagesize && !Number.isNaN(pagesize)) ? pagesize : 10;\n } else {\n this.pageSize = 10;\n }\n if (localStorage.getItem('adminListPage') != null || localStorage.getItem('adminListPage') != undefined) {\n let pagenumber = Number(localStorage.getItem('adminListPage'));\n this.pageIndex = (pagenumber && !Number.isNaN(pagenumber)) ? pagenumber + 1 : 1;\n } else {\n this.pageIndex = 1;\n }\n this.commonService.findMasters(this.selectedItem.id, this.pageIndex, this.pageSize, filterValue).subscribe(data => {\n if (data['responseCode'] == 0) {\n this.dataSource = data.responseData.resultList;\n this.dataSource.paginator = this.paginator;\n this.total_pages = data.responseData.total_elements;\n localStorage.removeItem('adminListPage');\n } else {\n this.toastr.error(data['message'], \"Error\");\n }\n });\n }\n}\n","export default \".working-area {\\n margin-top: 115px;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.calling-table tr {\\n cursor: pointer;\\n}\\n\\n.table-head-call {\\n background: none;\\n padding-top: 12px;\\n}\\n\\n.button-margin {\\n margin-left: 10px;\\n}\\n\\n.callList {\\n font: Bold 20px Roboto;\\n letter-spacing: 0px;\\n color: #484848;\\n opacity: 1;\\n}\\n\\n.close-con {\\n font-size: 18px;\\n cursor: pointer;\\n top: 3px;\\n right: 1px;\\n position: absolute !important;\\n z-index: 10;\\n opacity: 1;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 89%;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.refesh-icon {\\n float: right;\\n margin-bottom: -30px;\\n margin-right: 20px;\\n margin-top: 30px;\\n cursor: pointer;\\n}\\n\\n.coloredRow {\\n background: #ffff99;\\n}\\n\\n.coloredGreenRow {\\n background: #90ee90;\\n}\\n\\n.mat-dialog-title {\\n background-color: darkgray;\\n}\\n\\n.callList-right {\\n font-size: 11px;\\n color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.columnHeader {\\n font: Bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.lost {\\n color: #e64243;\\n position: absolute;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.inbound, .pbbi-color {\\n color: #2e3668;\\n position: absolute;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.pbbi-color {\\n color: #f9b006;\\n}\\n\\n.app {\\n color: green;\\n position: absolute;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.columnvalue {\\n font-size: 14px;\\n position: relative;\\n}\\n\\n.filter1 {\\n font-size: 12px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 20px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n}\\n\\n.serviceDueDate {\\n width: 10% !important;\\n}\\n\\n.followUp {\\n width: 9% !important;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 3px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\nth.mat-header-cell {\\n background-color: #d9d9d9;\\n}\\n\\n.filter2 {\\n width: auto;\\n}\\n\\n.call-stats-card .mat-card-title {\\n margin-bottom: 0px;\\n}\\n\\n.call-stats-card .call-stats {\\n font-size: 11px;\\n color: #ffffff;\\n}\\n\\n.call-stats-card .call-stats i {\\n color: #2e3668;\\n font-size: 11px;\\n}\\n\\n.call-stats-card .call-stats-title {\\n font-size: 20px;\\n color: #484848;\\n}\\n\\n.call-stats-card1 {\\n padding-top: 0px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid none solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card-border2 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n margin-bottom: 15px;\\n border-color: lightgray;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #5482BC;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #5482BC;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 30px;\\n font: Regular 14px Roboto;\\n letter-spacing: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .refresh-btn.mat-button {\\n min-width: auto;\\n}\\n\\n.refresh-btn {\\n background-color: #ffffff;\\n color: #e64243;\\n border: 1px solid #e64243;\\n border-radius: 0px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-flex {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n background: white;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-label {\\n padding-left: 10px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-infix {\\n border-top: none;\\n}\\n\\n.textboxService ::ng-deep label.mat-form-field-label {\\n margin-top: 8px !important;\\n}\\n\\n.textboxService ::ng-deep input.mat-input-element {\\n margin-top: 0.6em;\\n margin-left: 10px;\\n}\\n\\n.search-icon {\\n position: absolute;\\n right: 15px;\\n top: 15px;\\n}\\n\\n.backColor {\\n background-color: #00457D !important;\\n font-size: 12px;\\n}\\n\\n.box-size {\\n margin-left: 10px;\\n margin-top: 7px;\\n width: 28px;\\n height: 28px;\\n color: #ffffff !important;\\n}\\n\\n.backColor1 {\\n background-color: #5482BC !important;\\n font-size: 12px;\\n}\\n\\n.call-stats-value {\\n margin-left: 50px;\\n font-size: 18px;\\n}\\n\\n.call-stats-value1 {\\n margin-left: 30px;\\n font-size: 18px;\\n}\\n\\n.info-circle-size {\\n font-size: 12px !important;\\n color: #ffffff !important;\\n}\\n\\n.flex-set {\\n margin-top: 7px;\\n margin-left: 30px;\\n}\\n\\n.flex-set1 {\\n margin-top: 7px;\\n margin-left: 55px;\\n}\\n\\n.dueDateIcon {\\n height: 9px;\\n width: 11px;\\n}\\n\\n.filter3 {\\n width: 200px;\\n margin-right: 30px;\\n font-size: 12px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvY2FsbGluZy1saXN0L2NhbGxpbmctbGlzdC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50L2NhbGxpbmctbGlzdC9jYWxsaW5nLWxpc3QuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksV0FBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtBQ0NKOztBREVBO0VBQ0ksZ0JBQUE7RUFDQSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0VBQ0EsVUFBQTtFQUNBLDZCQUFBO0VBQ0EsV0FBQTtFQUNBLFVBQUE7QUNDSjs7QURFQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUNBLFVBQUE7RUFDQSxZQUFBO0FDQ0o7O0FERUE7RUFDSSxnQkFBQTtBQ0NKOztBREVBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLFVBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7RUFDQSxXQUFBO0FDQ0o7O0FERUE7RUFDSSxNQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksYUFBQTtBQ0NKOztBREVBO0VBQ0ksTUFBQTtFQUNBLDBCQUFBO0VBQ0EsaUJBQUE7QUNDSjs7QURFQTtFQUNJLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSxZQUFBO0VBQ0Esb0JBQUE7RUFDQSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtBQ0NKOztBREVBO0VBQ0ksbUJBQUE7QUNDSjs7QURFQTtFQUNJLG1CQUFBO0FDQ0o7O0FERUE7RUFDSSwwQkFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtFQUNBLDBCQUFBO0FDQ0o7O0FERUE7RUFDSSxzQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLDBCQUFBO0FDQ0o7O0FERUE7RUFDSSxjQUFBO0VBQ0Esa0JBQUE7RUFDQSxVQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QUNDSjs7QURFQTtFQUNJLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtBQ0NKOztBREVBO0VBQ0ksY0FBQTtBQ0NKOztBREVBO0VBQ0ksWUFBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0VBQ0Esa0JBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7QUNDSjs7QURFQTtFQUNJLHVCQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxrQkFBQTtBQ0NKOztBREVBO0VBQ0ksbUJBQUE7QUNDSjs7QURFQTtFQUNJLHFCQUFBO0FDQ0o7O0FERUE7RUFDSSxvQkFBQTtBQ0NKOztBREVBOzs7RUFHSSxZQUFBO0VBQ0EsbUNBQUE7RUFDQSxtQkFBQTtFQUNBLHVCQUFBO0FDQ0o7O0FERUE7RUFDSSxtQ0FBQTtFQUNBLHVCQUFBO0FDQ0o7O0FERUE7RUFDSSx5QkFBQTtBQ0NKOztBREVBO0VBQ0ksV0FBQTtBQ0NKOztBREdJO0VBQ0ksa0JBQUE7QUNBUjs7QURFSTtFQUNJLGVBQUE7RUFDQSxjQUFBO0FDQVI7O0FEQ1E7RUFDSSxjQUFBO0VBQ0EsZUFBQTtBQ0NaOztBREVJO0VBQ0ksZUFBQTtFQUNBLGNBQUE7QUNBUjs7QURJQTtFQUNJLGdCQUFBO0FDREo7O0FESUE7RUFDSSxvQ0FBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7RUFDQSx1QkFBQTtBQ0RKOztBRElBO0VBQ0kscUNBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsbUJBQUE7RUFDQSx1QkFBQTtBQ0RKOztBRElBO0VBQ0ksa0JBQUE7QUNESjs7QURJQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtBQ0RKOztBRElBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0FDREo7O0FESUE7RUFDSSxpQkFBQTtFQUNBLHlCQUFBO0VBQ0EsbUJBQUE7QUNESjs7QURJQTtFQUNJLGVBQUE7QUNESjs7QURJQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7QUNESjs7QURJQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtBQ0RKOztBRElBO0VBQ0ksa0JBQUE7QUNESjs7QURJQTtFQUNJLGdCQUFBO0FDREo7O0FESUE7RUFDSSwwQkFBQTtBQ0RKOztBRElBO0VBQ0ksaUJBQUE7RUFDQSxpQkFBQTtBQ0RKOztBRElBO0VBQ0ksa0JBQUE7RUFDQSxXQUFBO0VBQ0EsU0FBQTtBQ0RKOztBRElBO0VBQ0ksb0NBQUE7RUFDQSxlQUFBO0FDREo7O0FESUE7RUFDSSxpQkFBQTtFQUNBLGVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0FDREo7O0FESUE7RUFDSSxvQ0FBQTtFQUNBLGVBQUE7QUNESjs7QURJQTtFQUNJLGlCQUFBO0VBQ0EsZUFBQTtBQ0RKOztBRElBO0VBQ0ksaUJBQUE7RUFDQSxlQUFBO0FDREo7O0FESUE7RUFDSSwwQkFBQTtFQUNBLHlCQUFBO0FDREo7O0FESUE7RUFDSSxlQUFBO0VBQ0EsaUJBQUE7QUNESjs7QURJQTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtBQ0RKOztBRElBO0VBQ0ksV0FBQTtFQUNBLFdBQUE7QUNESjs7QURJQTtFQUNJLFlBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7QUNESjs7QURJQTtFQUNJLHVCQUFBO0VBQ0EsbUJBQUE7QUNESiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudC9jYWxsaW5nLWxpc3QvY2FsbGluZy1saXN0LmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLndvcmtpbmctYXJlYSB7XG4gICAgbWFyZ2luLXRvcDogMTE1cHg7XG59XG5cbnRhYmxlIHtcbiAgICB3aWR0aDogMTAwJTtcbn1cblxuLmNhbGxpbmctdGFibGUgdHIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnRhYmxlLWhlYWQtY2FsbCB7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICBwYWRkaW5nLXRvcDogMTJweDtcbn1cblxuLmJ1dHRvbi1tYXJnaW4ge1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uY2FsbExpc3Qge1xuICAgIGZvbnQ6IEJvbGQgMjBweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBjb2xvcjogIzQ4NDg0ODtcbiAgICBvcGFjaXR5OiAxO1xufVxuXG4uY2xvc2UtY29uIHtcbiAgICBmb250LXNpemU6IDE4cHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRvcDogM3B4O1xuICAgIHJpZ2h0OiAxcHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgei1pbmRleDogMTA7XG4gICAgb3BhY2l0eTogMTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGhlaWdodDogMjBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAzcHggMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gICAgd2lkdGg6IDg5JTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgZm9udDogd2hpdGU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gICAgdG9wOiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbi10b3A6IDRweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzYzNjM2M7XG4gICAgb3BhY2l0eTogMTtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5yZWZlc2gtaWNvbiB7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIG1hcmdpbi1ib3R0b206IC0zMHB4O1xuICAgIG1hcmdpbi1yaWdodDogMjBweDtcbiAgICBtYXJnaW4tdG9wOiAzMHB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmNvbG9yZWRSb3cge1xuICAgIGJhY2tncm91bmQ6ICNmZmZmOTk7XG59XG5cbi5jb2xvcmVkR3JlZW5Sb3cge1xuICAgIGJhY2tncm91bmQ6ICM5MGVlOTA7XG59XG5cbi5tYXQtZGlhbG9nLXRpdGxlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBkYXJrZ3JheTtcbn1cblxuLmNhbGxMaXN0LXJpZ2h0IHtcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41NCk7XG59XG5cbi5jb2x1bW5IZWFkZXIge1xuICAgIGZvbnQ6IEJvbGQgMTJweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBjb2xvcjogIzMzMzMzMztcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cblxuLmxvc3Qge1xuICAgIGNvbG9yOiAjZTY0MjQzO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAxMHB4O1xuICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICB0b3A6IDM4JTtcbn1cblxuLmluYm91bmQsLnBiYmktY29sb3IgIHtcbiAgICBjb2xvcjogIzJlMzY2ODtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMTBweDtcbiAgICBmb250LXNpemU6IDEwcHg7XG4gICAgdG9wOiAzOCU7XG59XG5cbi5wYmJpLWNvbG9ye1xuICAgIGNvbG9yOiNmOWIwMDY7XG4gIH1cbiAgXG4uYXBwIHtcbiAgICBjb2xvcjogZ3JlZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDEwcHg7XG4gICAgZm9udC1zaXplOiAxMHB4O1xuICAgIHRvcDogMzglO1xufVxuXG4uY29sdW1udmFsdWUge1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5maWx0ZXIxIHtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5maWx0ZXJCdXR0b24ge1xuICAgIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDFweDtcbn1cblxuLmZpbHRlcmRpdiB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnNlcnZpY2VEdWVEYXRlIHtcbiAgICB3aWR0aDogMTAlICFpbXBvcnRhbnQ7XG59XG5cbi5mb2xsb3dVcCB7XG4gICAgd2lkdGg6IDklICFpbXBvcnRhbnQ7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsLFxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgICBwYWRkaW5nOiAzcHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBub25lIG5vbmUgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAwLjFweDtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRhYmxlLWJvcmRlci5tYXQtdGFibGUge1xuICAgIGJvcmRlci1zdHlsZTogbm9uZSBzb2xpZCBzb2xpZCBub25lO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNkOWQ5ZDk7XG59XG5cbi5maWx0ZXIyIHtcbiAgICB3aWR0aDogYXV0bztcbn1cblxuLmNhbGwtc3RhdHMtY2FyZCB7XG4gICAgLm1hdC1jYXJkLXRpdGxlIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICAgIH1cbiAgICAuY2FsbC1zdGF0cyB7XG4gICAgICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICAgICAgY29sb3I6ICNmZmZmZmY7XG4gICAgICAgIGkge1xuICAgICAgICAgICAgY29sb3I6ICMyZTM2Njg7XG4gICAgICAgICAgICBmb250LXNpemU6IDExcHg7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLmNhbGwtc3RhdHMtdGl0bGUge1xuICAgICAgICBmb250LXNpemU6IDIwcHg7XG4gICAgICAgIGNvbG9yOiAjNDg0ODQ4O1xuICAgIH1cbn1cblxuLmNhbGwtc3RhdHMtY2FyZDEge1xuICAgIHBhZGRpbmctdG9wOiAwcHg7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMSB7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBub25lIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjIge1xuICAgIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMCU7XG4gICAgbWFyZ2luLWJvdHRvbTogMTVweDtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXAge1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgY29sb3I6ICM1NDgyQkM7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWNoZWNrZWQge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkM7XG4gICAgY29sb3I6ICNmZmZmZmY7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWxhYmVsLWNvbnRlbnQge1xuICAgIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAucmVmcmVzaC1idG4ubWF0LWJ1dHRvbiB7XG4gICAgbWluLXdpZHRoOiBhdXRvO1xufVxuXG4ucmVmcmVzaC1idG4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgY29sb3I6ICNlNjQyNDM7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2U2NDI0MztcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWZsZXgge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXItdG9wOiBub25lO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGxhYmVsLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICBtYXJnaW4tdG9wOiA4cHggIWltcG9ydGFudDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBpbnB1dC5tYXQtaW5wdXQtZWxlbWVudCB7XG4gICAgbWFyZ2luLXRvcDogMC42ZW07XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5zZWFyY2gtaWNvbiB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAxNXB4O1xuICAgIHRvcDogMTVweDtcbn1cblxuLmJhY2tDb2xvciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RCAhaW1wb3J0YW50O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmJveC1zaXplIHtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICBtYXJnaW4tdG9wOiA3cHg7XG4gICAgd2lkdGg6IDI4cHg7XG4gICAgaGVpZ2h0OiAyOHB4O1xuICAgIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5iYWNrQ29sb3IxIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MkJDICFpbXBvcnRhbnQ7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwcHg7XG4gICAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZTEge1xuICAgIG1hcmdpbi1sZWZ0OiAzMHB4O1xuICAgIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmluZm8tY2lyY2xlLXNpemUge1xuICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICAgIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5mbGV4LXNldCB7XG4gICAgbWFyZ2luLXRvcDogN3B4O1xuICAgIG1hcmdpbi1sZWZ0OiAzMHB4O1xufVxuXG4uZmxleC1zZXQxIHtcbiAgICBtYXJnaW4tdG9wOiA3cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDU1cHg7XG59XG5cbi5kdWVEYXRlSWNvbiB7XG4gICAgaGVpZ2h0OiA5cHg7XG4gICAgd2lkdGg6IDExcHg7XG59XG5cbi5maWx0ZXIzIHtcbiAgICB3aWR0aDogMjAwcHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAzMHB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLnBhZ2luYXRvciA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBoZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufVxuIiwiLndvcmtpbmctYXJlYSB7XG4gIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG50YWJsZSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbGluZy10YWJsZSB0ciB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnRhYmxlLWhlYWQtY2FsbCB7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIHBhZGRpbmctdG9wOiAxMnB4O1xufVxuXG4uYnV0dG9uLW1hcmdpbiB7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uY2FsbExpc3Qge1xuICBmb250OiBCb2xkIDIwcHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzQ4NDg0ODtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmNsb3NlLWNvbiB7XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0b3A6IDNweDtcbiAgcmlnaHQ6IDFweDtcbiAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gIHotaW5kZXg6IDEwO1xuICBvcGFjaXR5OiAxO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDNweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA4OSU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWJ1dHRvbiB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgZm9udDogd2hpdGU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4ucmVmZXNoLWljb24ge1xuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi1ib3R0b206IC0zMHB4O1xuICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gIG1hcmdpbi10b3A6IDMwcHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmNvbG9yZWRSb3cge1xuICBiYWNrZ3JvdW5kOiAjZmZmZjk5O1xufVxuXG4uY29sb3JlZEdyZWVuUm93IHtcbiAgYmFja2dyb3VuZDogIzkwZWU5MDtcbn1cblxuLm1hdC1kaWFsb2ctdGl0bGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBkYXJrZ3JheTtcbn1cblxuLmNhbGxMaXN0LXJpZ2h0IHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjU0KTtcbn1cblxuLmNvbHVtbkhlYWRlciB7XG4gIGZvbnQ6IEJvbGQgMTJweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjMzMzMzMzO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cblxuLmxvc3Qge1xuICBjb2xvcjogI2U2NDI0MztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDEwcHg7XG4gIHRvcDogMzglO1xufVxuXG4uaW5ib3VuZCwgLnBiYmktY29sb3Ige1xuICBjb2xvcjogIzJlMzY2ODtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDEwcHg7XG4gIHRvcDogMzglO1xufVxuXG4ucGJiaS1jb2xvciB7XG4gIGNvbG9yOiAjZjliMDA2O1xufVxuXG4uYXBwIHtcbiAgY29sb3I6IGdyZWVuO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDEwcHg7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgdG9wOiAzOCU7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZmlsdGVyMSB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZpbHRlckJ1dHRvbiB7XG4gIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICBoZWlnaHQ6IDIwcHg7XG4gIGxpbmUtaGVpZ2h0OiAxMHB4O1xuICBtYXJnaW4tYm90dG9tOiAxcHg7XG59XG5cbi5maWx0ZXJkaXYge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uc2VydmljZUR1ZURhdGUge1xuICB3aWR0aDogMTAlICFpbXBvcnRhbnQ7XG59XG5cbi5mb2xsb3dVcCB7XG4gIHdpZHRoOiA5JSAhaW1wb3J0YW50O1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCxcbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gIHBhZGRpbmc6IDNweDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBub25lIG5vbmUgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4xcHg7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG4gIGJvcmRlci1zdHlsZTogbm9uZSBzb2xpZCBzb2xpZCBub25lO1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Q5ZDlkOTtcbn1cblxuLmZpbHRlcjIge1xuICB3aWR0aDogYXV0bztcbn1cblxuLmNhbGwtc3RhdHMtY2FyZCAubWF0LWNhcmQtdGl0bGUge1xuICBtYXJnaW4tYm90dG9tOiAwcHg7XG59XG4uY2FsbC1zdGF0cy1jYXJkIC5jYWxsLXN0YXRzIHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cbi5jYWxsLXN0YXRzLWNhcmQgLmNhbGwtc3RhdHMgaSB7XG4gIGNvbG9yOiAjMmUzNjY4O1xuICBmb250LXNpemU6IDExcHg7XG59XG4uY2FsbC1zdGF0cy1jYXJkIC5jYWxsLXN0YXRzLXRpdGxlIHtcbiAgZm9udC1zaXplOiAyMHB4O1xuICBjb2xvcjogIzQ4NDg0ODtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZDEge1xuICBwYWRkaW5nLXRvcDogMHB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIG5vbmUgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItcmFkaXVzOiAwJTtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMiB7XG4gIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItcmFkaXVzOiAwJTtcbiAgbWFyZ2luLWJvdHRvbTogMTVweDtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGNvbG9yOiAjNTQ4MkJDO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1jaGVja2VkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJCQztcbiAgY29sb3I6ICNmZmZmZmY7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWxhYmVsLWNvbnRlbnQge1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgZm9udDogUmVndWxhciAxNHB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAucmVmcmVzaC1idG4ubWF0LWJ1dHRvbiB7XG4gIG1pbi13aWR0aDogYXV0bztcbn1cblxuLnJlZnJlc2gtYnRuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgY29sb3I6ICNlNjQyNDM7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlNjQyNDM7XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtZmxleCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBsYWJlbC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIG1hcmdpbi10b3A6IDhweCAhaW1wb3J0YW50O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgbWFyZ2luLXRvcDogMC42ZW07XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uc2VhcmNoLWljb24ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAxNXB4O1xuICB0b3A6IDE1cHg7XG59XG5cbi5iYWNrQ29sb3Ige1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmJveC1zaXplIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDdweDtcbiAgd2lkdGg6IDI4cHg7XG4gIGhlaWdodDogMjhweDtcbiAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmJhY2tDb2xvcjEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MkJDICFpbXBvcnRhbnQ7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmNhbGwtc3RhdHMtdmFsdWUge1xuICBtYXJnaW4tbGVmdDogNTBweDtcbiAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZTEge1xuICBtYXJnaW4tbGVmdDogMzBweDtcbiAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uaW5mby1jaXJjbGUtc2l6ZSB7XG4gIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uZmxleC1zZXQge1xuICBtYXJnaW4tdG9wOiA3cHg7XG4gIG1hcmdpbi1sZWZ0OiAzMHB4O1xufVxuXG4uZmxleC1zZXQxIHtcbiAgbWFyZ2luLXRvcDogN3B4O1xuICBtYXJnaW4tbGVmdDogNTVweDtcbn1cblxuLmR1ZURhdGVJY29uIHtcbiAgaGVpZ2h0OiA5cHg7XG4gIHdpZHRoOiAxMXB4O1xufVxuXG4uZmlsdGVyMyB7XG4gIHdpZHRoOiAyMDBweDtcbiAgbWFyZ2luLXJpZ2h0OiAzMHB4O1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5wYWdpbmF0b3IgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufSJdfQ== */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { ChangeDetectorRef } from '@angular/core';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Router } from '@angular/router';\nimport { interval } from 'rxjs';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { MatDialog, MatPaginator, MatSort, MatSelect } from '@angular/material';\nimport { ReminderDialogComponent } from '../../modal/reminder-dialog/reminder-dialog.component';\nimport { DatePipe } from '@angular/common';\nimport { FilterPipePipe } from '../../pipes/filter-pipe.pipe';\nimport { ListCustData } from './listCustData';\nimport { FormControl, FormBuilder, FormGroup } from '@angular/forms';\nimport { element } from 'protractor';\nimport { error } from 'util';\n\n@Component({\n selector: 'app-calling-list',\n templateUrl: './calling-list.component.html',\n styleUrls: ['./calling-list.component.scss'],\n providers: [FilterPipePipe]\n})\nexport class CallingListComponent implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n @ViewChild('filterSelect', { static: true }) filterSelect: MatSelect;\n\n reminderData: any;\n callsToBeMade: number = 0;\n pageSize: number;\n callsMade: number = 0;\n callToggleStatus: boolean = true;\n displayedColumns: string[] = [\n 'customerName',\n 'serviceType',\n 'callType',\n 'callStatusDesc',\n 'serviceDueDate',\n 'lastCallTime',\n 'creinputs',\n 'followUpTime',\n 'remarks'\n ];\n dataSource: any;\n selection: any;\n customerData: any;\n currentDate: string;\n spinner: boolean;\n customersToBeCalled: string;\n callsMade1: string;\n openPopUp: boolean;\n columnsToFilter: any[] = [\n { value: 'serviceType', viewValue: 'Service Type' },\n { value: 'callType', viewValue: 'Call Type' },\n { value: 'customerType', viewValue: 'Customer Type' },\n { value: 'callStatusDesc', viewValue: 'Call Status Desc' }];\n dialogRef: any;\n selectedValue: string;\n selectedCol: string;\n selectedFilter: string;\n filterMap = new Map();\n serviceTypeMap = new Map();\n uniqueServiceType = new Set();\n uniqueCallType = new Set();\n uniqueCustomerType = new Set();\n uniqueCallState = new Set();\n uniqueDueDate = new Set();\n uniquePredicationType = new Set();\n filterValues: string[] = [];\n selectedColValues: string[] = [];\n filteredDataSource: any;\n callFlag: any;\n callStats: any = {};\n userId: string;\n selectedServiceTypeValues: string[] = [];\n selectedCustomerTypeValues: string[] = [];\n selectedCallTypeValues: string[] = [];\n selectedCallStatusValues: string[] = [];\n selectedpredationCodeValues: string[] = [];\n filteredValue: any;\n serviceTypeArray: any = [];\n predationCodeArray: any = [];\n //followupDataSource: any = [];\n custDataSource: string[] = [];\n countryCode: string;\n constructor(private commonService: CommonService, private router: Router, public dialog: MatDialog,\n private toastr: ToastrService, private datePipe: DatePipe, private changeDetectorRefs: ChangeDetectorRef,\n private filterPipePipe: FilterPipePipe, private fb: FormBuilder) { }\n\n ngOnInit() {\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n this.countryCode = localStorage.getItem('countryCode');\n this.customerData = JSON.parse(localStorage.getItem('customerData'));\n this.userId = localStorage.getItem('userId');\n this.currentDate = this.datePipe.transform(new Date(), \"yyyy-MM-dd\");\n\n if (localStorage.getItem('selectedServiceTypeValues') != null || localStorage.getItem('selectedServiceTypeValues') != undefined) {\n let selectedServiceTypeValues = JSON.parse(localStorage.getItem('selectedServiceTypeValues'));\n this.selectedServiceTypeValues = selectedServiceTypeValues;\n }\n\n if (localStorage.getItem('selectedCustomerTypeValues') != null || localStorage.getItem('selectedCustomerTypeValues') != undefined) {\n let selectedCustomerTypeValues = JSON.parse(localStorage.getItem('selectedCustomerTypeValues'));\n this.selectedCustomerTypeValues = selectedCustomerTypeValues;\n }\n\n if (localStorage.getItem('selectedCallTypeValues') != null || localStorage.getItem('selectedCallTypeValues') != undefined) {\n let selectedCallTypeValues = JSON.parse(localStorage.getItem('selectedCallTypeValues'));\n this.selectedCallTypeValues = selectedCallTypeValues;\n }\n\n if (localStorage.getItem('selectedCallStatusValues') != null || localStorage.getItem('selectedCallStatusValues') != undefined) {\n let selectedCallStatusValues = JSON.parse(localStorage.getItem('selectedCallStatusValues'));\n this.selectedCallStatusValues = selectedCallStatusValues;\n }\n\n if (localStorage.getItem('selectedpredationCodeValues') != null || localStorage.getItem('selectedpredationCodeValues') != undefined) {\n let selectedpredationCodeValues = JSON.parse(localStorage.getItem('selectedpredationCodeValues'));\n this.selectedpredationCodeValues = selectedpredationCodeValues;\n }\n\n if (localStorage.getItem('selectedCol') != null || localStorage.getItem('selectedCol') != undefined) {\n let selectedCol = localStorage.getItem('selectedCol');\n this.selectedCol = selectedCol;\n }\n\n if (localStorage.getItem('selectedColValues') != null || localStorage.getItem('selectedColValues') != undefined) {\n let selectedColValues = JSON.parse(localStorage.getItem('selectedColValues'));\n this.selectedColValues = selectedColValues;\n }\n\n if (localStorage.getItem('callListPageSize') != null || localStorage.getItem('callListPageSize') != undefined) {\n let pagesize = Number(localStorage.getItem('callListPageSize'));\n this.pageSize = (pagesize && pagesize != NaN) ? pagesize : 50;\n } else {\n this.pageSize = 50;\n }\n\n if (localStorage.getItem('workshops') == null || localStorage.getItem('workshops') == undefined) {\n this.getWorkshopDetails();\n }\n\n this.commonService.startInterval();\n this.commonService.followupResponse && this.commonService.followupResponse.subscribe((res) => {\n this.commonService.followupDataSource = [];\n if(res['responseCode'] == 0) {\n res['responseData'].forEach((element) => {\n this.commonService.followupDataSource.push(element);\n let callListItem = this.commonService.callListResponseData.find((ele) => {return ele.customerId == element.customerId});\n let index = this.commonService.callListResponseData.findIndex((ele) => {return ele.customerId == element.customerId});\n if(index != -1) {\n this.commonService.callListResponseData.splice(index, 1);\n }\n });\n this.commonService.followupDataSource.forEach((val) => {\n this.commonService.callListResponseData.unshift(val);\n })\n } else {\n this.commonService.followupDataSource = [];\n //this.toastr.error(res['message'], \"Error\");\n }\n }, error => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n\n this.getCreStats();\n this.callListinfo();\n\n if(!this.commonService.callListResponseData.length){\n this.prepairCallList('Y')\n } else {\n let custRes = this.commonService.customerResponse;\n if(custRes) {\n let customerId = custRes['customerId'];\n this.getCallListCustCode('N', customerId);\n } else {\n this.getCustomerResponse();\n this.setCallListData('Y');\n }\n }\n }\n\n getCallListCustCode(callDoneInd: string, custCode: string) {\n // this.spinner = true;\n this.commonService.getCustCallList(this.userId, callDoneInd, custCode)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n res['responseData'].forEach((element) => {\n this.custDataSource.push(element);\n });\n // this.spinner = false;\n } else {\n // this.spinner = false;\n }\n this.getCustomerResponse();\n this.setCallListData('Y');\n }, err => {\n // this.spinner = false;\n //this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n getCustomerResponse() {\n let custResp = this.commonService.customerResponse;\n\n if(custResp) {\n let custId = custResp['customerId'];\n let callListItem = this.commonService.callListResponseData.find((element) => {return element.customerId == custId});\n let index = this.commonService.callListResponseData.findIndex((element) => {return element.customerId == custId});\n\n if(this.custDataSource[0] && (this.custDataSource[0]['callStatusDesc'] == 'Try Again'\n || this.custDataSource[0]['callStatusDesc'] == 'Pending'\n || this.custDataSource[0]['callStatusDesc'] == 'Pending Try-Again')) {\n if(index != -1) {\n this.commonService.callListResponseData.splice(index, 1);\n }\n this.custDataSource.forEach((element) => {\n this.commonService.callListResponseData.push(element);\n });\n } else if(this.custDataSource[0] && (this.custDataSource[0]['callStatusDesc'] == 'Queued')) {\n if(index != -1) {\n this.commonService.callListResponseData.splice(index, 1, this.custDataSource[0]);\n }\n } else if(this.custDataSource[0] && (this.custDataSource[0]['callStatusDesc'] == 'Try Again Contacted'\n || this.custDataSource[0]['callStatusDesc'] == 'Booking Confirmed'\n || this.custDataSource[0]['callStatusDesc'] == 'No Service')) {\n if(index != -1) {\n this.commonService.callListResponseData.splice(index, 1);\n }\n } else if(this.custDataSource[0] && (this.custDataSource[0]['creinputs'] == 'Contact Fleet Manager')) {\n if(index != -1) {\n this.commonService.callListResponseData.splice(index, 1);\n }\n this.commonService.callListResponseData.unshift(this.custDataSource[0]);\n } else {\n if(index != -1) {\n this.commonService.callListResponseData.splice(index, 1);\n }\n }\n }\n this.commonService.customerResponse = '';\n }\n\n getCallToBeMadeCallList(flag: string) {\n if(!this.commonService.callListResponseData.length){\n this.prepairCallList(flag)\n } else {\n this.setCallListData(flag);\n }\n }\n\n // workedCallList(flag: string) {\n // if(!this.commonService.workedCallListData.length) {\n // this.prepairCallList(flag)\n // } else {\n // this.setCallListData(flag);\n // }\n // }\n\n /**\n * Name: setPageData\n * purpose: To set pagesize for table\n */\n setPageData(event) {\n let size = event.pageSize.toString();\n localStorage.setItem('callListPageSize', size);\n }\n\n /**\n * Name: getWorkshopDetails\n * purpose: To get CRE assigned workshop details\n */\n getWorkshopDetails() {\n //this.spinner = true;\n this.commonService.getWorkshopDetails(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n //this.spinner = false;\n localStorage.setItem('workshops', JSON.stringify(res['responseData']));\n } else {\n //this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: setupCallScheduler\n * purpose: To show scheduled call remainder\n */\n setupCallScheduler(): void {\n interval(10 * 60 * 1000).subscribe(x => {\n this.commonService.callreminder(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n this.reminderData = res['responseData'];\n if (res['responseData'] && res['responseData'].count > 0) {\n localStorage.setItem('customerCount', this.reminderData.count);\n this.dialog.closeAll();\n this.openReminderDialog(); //open popup\n }\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n });\n }\n\n /**\n * Name: openReminderDialog\n * purpose: To open scheduled call remainder dialog\n */\n openReminderDialog(): void {\n const dialogRef = this.dialog.open(ReminderDialogComponent, {\n width: '400px',\n data: {}\n });\n dialogRef.afterClosed().subscribe(result => {\n if (this.router.url == \"/calling\") {\n this.prepairCallList('Y');\n }\n });\n }\n\n /**\n * Name: prepairCallList\n * purpose: To get calllist details\n * @param {string} flag - type of call\n */\n prepairCallList(flag: string): void {\n this.spinner = true;\n this.selection = new SelectionModel(true, []);\n\n this.commonService.customercallList(this.userId, flag).subscribe(\n (res) => {\n if (res['responseCode'] === 0 && res['responseData'] !== undefined) {\n if (flag === 'Y') {\n this.callFlag = flag;\n this.callToggleStatus = true;\n } else {\n this.callFlag = flag;\n this.callToggleStatus = false;\n }\n\n let response = res['responseData'];\n if (response.length) {\n if (flag === 'Y') {\n this.commonService.callListResponseData = response;\n }\n response.forEach((data) => {\n if (data.customerName) { // Check if data.customerName is not null or undefined\n if ((data.customerType).toLowerCase() === \"lost\") {\n let changeName = data.customerName.split(\" - L\")[0];\n data.customerName = changeName;\n }\n\n let inboundCustomer = data.customerName.includes(\"- I\");\n if (inboundCustomer) {\n let stringPosition = data.customerName.length;\n let lostString = data.customerName.substring(stringPosition - 3);\n if (lostString === \"- I\") {\n let changeName = data.customerName.split(\" - I\")[0];\n data.customerName = changeName;\n data.isInboundCall = true;\n }\n }\n }\n });\n }\n\n this.callsToBeMade = response.length;\n\n // Initialize data table and sorting\n this.dataSource = new MatTableDataSource(response);\n this.sort.direction = '';\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n\n this.filterData();\n\n if (\n (!this.selectedServiceTypeValues || this.selectedServiceTypeValues.length === 0) &&\n (!this.selectedCallTypeValues || this.selectedCallTypeValues.length === 0) &&\n (!this.selectedCustomerTypeValues || this.selectedCustomerTypeValues.length === 0) &&\n (!this.selectedCallStatusValues || this.selectedCallStatusValues.length === 0) &&\n (!this.selectedpredationCodeValues || this.selectedpredationCodeValues.length === 0)\n ) {\n // Initialize filtered table and sorting\n this.filteredDataSource = new MatTableDataSource(response);\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n }\n\n this.callsMadeCalculate(response);\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n this.callToggleStatus = true;\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n this.callToggleStatus = true;\n }\n );\n }\n\n setCallListData(flag: string) {\n let response;\n if(flag == 'Y') {\n response = this.commonService.callListResponseData\n // } else {\n // response = this.commonService.workedCallListData\n }\n\n if (flag == 'Y') {\n this.callFlag = flag;\n this.callToggleStatus = true;\n } else {\n this.callFlag = flag;\n this.callToggleStatus = false;\n }\n if (response.length) {\n //=res['responseData'];\n //console.log(\"response : \"+response.length+\" value : \",response);\n // response.forEach(data => {\n // if (data.customerType && (data.customerType).toLowerCase() == \"lost\") {\n // let changeName = data.customerName.split(\" - L\")[0];\n // data.customerName = changeName;\n // }\n // let inboundCustomer = data.customerName && data.customerName.includes(\"- I\");\n // let stringPosition = data.customerName && data.customerName.length;\n // let lostString = data && (data.customerName[stringPosition - 3] + data.customerName[stringPosition - 2] + data.customerName[stringPosition - 1])\n // if (inboundCustomer && lostString == \"- I\") {\n // let changeName = data.customerName.split(\" - I\")[0];\n // data.customerName = changeName;\n // data.isInboundCall = true;\n // }\n // });\n\n this.callsToBeMade = response.length;\n //init data table and shorting\n this.dataSource = new MatTableDataSource(response);\n this.sort.direction = '';\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.filterData();\n if ((!this.selectedServiceTypeValues || this.selectedServiceTypeValues.length == 0)\n && (!this.selectedCallTypeValues || this.selectedCallTypeValues.length == 0)\n && (!this.selectedCustomerTypeValues || this.selectedCustomerTypeValues.length == 0)\n && (!this.selectedCallStatusValues || this.selectedCallStatusValues.length == 0)) {\n //init filtered table and shorting\n this.filteredDataSource = new MatTableDataSource(response);\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n }\n this.callsMadeCalculate(response);\n this.callListinfo();\n }\n }\n\n /**\n * Name: callListinfo\n * purpose: To get call count info\n */\n callListinfo(): void {\n //this.spinner = true;\n this.commonService.callListinfo(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.customersToBeCalled = res['responseData']['callToBeMade'];\n this.callsMade1 = res['responseData']['callMade'];\n //this.spinner = false;\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n //...\n });\n }\n\n /**\n * Name: getCreStats\n * purpose: To get call count info\n */\n getCreStats(): void {\n //this.spinner = true;\n this.commonService.getCreCallStats(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n //this.spinner = false;\n this.callStats = res['responseData'][0];\n } else {\n //this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: callsMadeCalculate\n * purpose: To get call made count\n * @param {Array} callsToBeMade - list of calls\n */\n callsMadeCalculate(callsToBeMade: any) {\n this.callsMade = 0;\n callsToBeMade.forEach(element => {\n let currentDate = \"\" + this.datePipe.transform(new Date(), \"yyyy-MM-dd\");\n let reqDate = this.datePipe.transform((element.lastCallTime), \"yyyy-MM-dd\");\n if (currentDate == reqDate) {\n this.callsMade++;\n }\n });\n }\n\n /**\n * Name: selectCustomer\n * purpose: To select customer for details\n * @param {Object} row - selected customer details\n */\n selectCustomer(row: ListCustData): void {\n localStorage.setItem('customerId', row.customerId);\n localStorage.setItem('custNotification', row.serviceType + \", \" + row.callStatusDesc);\n localStorage.setItem(\"customerData\", JSON.stringify(row));\n this.router.navigate(['customer360']);\n }\n\n /**\n * Name: refreshCallList\n * purpose: To refresh call list\n */\n refreshCallList(): void {\n //this.spinner = true;\n this.commonService.customercallList(this.userId, 'Y')\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.dataSource = new MatTableDataSource(res['responseData']);\n this.callsToBeMade = res['responseData'].length;\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.callsMadeCalculate(res['responseData']);\n //this.spinner = false;\n this.changeDetectorRefs.detectChanges();\n } else {\n //this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: filterData\n * purpose: To filter call list data\n */\n filterData(): void {\n this.dataSource.filteredData.forEach(element => {\n this.uniqueCallState.add(element.callStatusDesc);\n this.uniqueCallType.add(element.callType);\n this.uniqueCustomerType.add(element.customerType);\n this.uniqueServiceType.add(element.serviceType);\n this.uniqueDueDate.add(element.serviceDueDate);\n this.uniquePredicationType.add(element.predationCode);\n });\n\n this.uniqueServiceType.forEach(element => {\n this.serviceTypeArray.push(element)\n })\n\n this.uniquePredicationType.forEach(element => {\n // if(element == 'D') {\n // this.predationCodeArray.push({ value: 'D', viewValue: 'PBBI' })\n // }\n // else \n if(element == 'I') {\n this.predationCodeArray.push({ value: 'I', viewValue: 'Inbound' })\n } else if(element == 'M') {\n this.predationCodeArray.push({ value: 'M', viewValue: 'Mileage' })\n } else if(element == 'D') {\n this.predationCodeArray.push({ value: 'D', viewValue: 'Date' })\n } else if(element == 'A') {\n this.predationCodeArray.push({ value: 'A', viewValue: 'App' })\n }\n })\n\n if ((this.selectedServiceTypeValues != null && this.selectedServiceTypeValues.length != 0)\n || (this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0)\n || (this.selectedCustomerTypeValues != null && this.selectedCustomerTypeValues.length != 0)\n || (this.selectedCallStatusValues != null && this.selectedCallStatusValues.length != 0)\n || (this.selectedpredationCodeValues != null && this.selectedpredationCodeValues.length != 0)) {\n //this.filterTriggered(null);\n this.applyfilter();\n }\n }\n\n /**\n * Name: filterTriggered\n * @param {Event} event - 1st filter data\n * purpose: To set 2nd filter values\n */\n filterTriggered(event: any): void {\n if ((event && event.isUserInput && event.source._selected) || (!event && this.selectedCol)) {\n this.filterValues = [];\n let value = event ? event.source.value : this.selectedCol;\n switch (value) {\n case \"serviceType\":\n this.uniqueServiceType.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n case \"callType\":\n this.uniqueCallType.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n case \"customerType\":\n this.uniqueCustomerType.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n case \"callStatusDesc\":\n this.uniqueCallState.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n case \"serviceDueDate\":\n this.uniqueDueDate.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n case \"predationCode\":\n this.uniquePredicationType.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n }\n }\n }\n\n /**\n * Name: applyfilter\n * purpose: To apply filter on call list data\n */\n applyfilter(): void {\n let key = '';\n this.filterMap = new Map();\n this.filteredDataSource = this.dataSource;\n if (this.selectedServiceTypeValues != null && this.selectedServiceTypeValues.length != 0) {\n key = \"serviceType\";\n this.filterMap.set(key, this.selectedServiceTypeValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.selectedCustomerTypeValues != null && this.selectedCustomerTypeValues.length != 0) {\n key = \"customerType\";\n this.filterMap.set(key, this.selectedCustomerTypeValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0) {\n key = \"callType\";\n this.filterMap.set(key, this.selectedCallTypeValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.selectedCallStatusValues != null && this.selectedCallStatusValues.length != 0) {\n key = \"callStatusDesc\";\n this.filterMap.set(key, this.selectedCallStatusValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.selectedpredationCodeValues != null && this.selectedpredationCodeValues.length != 0) {\n key = \"predationCode\";\n this.filterMap.set(key, this.selectedpredationCodeValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n //this.filterMap.set(this.selectedCol, this.selectedColValues);\n //this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.dataSource.filteredData, this.filterMap));\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n localStorage.setItem('selectedServiceTypeValues',JSON.stringify(this.selectedServiceTypeValues));\n localStorage.setItem('selectedCustomerTypeValues',JSON.stringify(this.selectedCustomerTypeValues));\n localStorage.setItem('selectedCallTypeValues',JSON.stringify(this.selectedCallTypeValues));\n localStorage.setItem('selectedCallStatusValues',JSON.stringify(this.selectedCallStatusValues));\n localStorage.setItem('selectedpredationCodeValues',JSON.stringify(this.selectedpredationCodeValues));\n //localStorage.setItem('selectedCol', this.selectedCol);\n //localStorage.setItem('selectedColValues', JSON.stringify(this.selectedColValues));\n }\n\n /**\n * Name: searchfilter\n * purpose: To apply filter on call list data\n */\n searchfilter(filterValue: string): void {\n filterValue = filterValue.trim(); // Remove whitespace\n filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n this.filteredDataSource.filter = filterValue;\n }\n\n /**\n * Name: clearFilter\n * purpose: To clear filter\n */\n clearFilter(): void {\n this.filterMap.clear();\n this.selectedCol = null;\n this.selectedColValues = null;\n this.selectedServiceTypeValues = null;\n this.selectedCustomerTypeValues = null;\n this.selectedCallTypeValues = null;\n this.selectedCallStatusValues = null;\n this.selectedpredationCodeValues = null;\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.dataSource.filteredData, this.filterMap));\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n localStorage.removeItem('selectedCol');\n localStorage.removeItem('selectedColValues');\n localStorage.removeItem('selectedServiceTypeValues');\n localStorage.removeItem('selectedCustomerTypeValues');\n localStorage.removeItem('selectedCallTypeValues');\n localStorage.removeItem('selectedCallStatusValues');\n }\n\n /**\n * Name: changeColor\n * purpose: To change followup time color\n */\n changeColor(followUp: any): String {\n let currentTime = this.datePipe.transform(new Date(), \"yyyy-MM-dd HH:mm:ss \");\n\n if (followUp != null && followUp != undefined && followUp != \"\") {\n let followUpDateTime = this.datePipe.transform(followUp, \"yyyy-MM-dd HH:mm:ss\");\n if ((new Date(currentTime)).getTime() > (new Date(followUpDateTime).getTime())) {\n return \"red\";\n }\n }\n }\n\n /**\n * Name: activeButton\n * purpose: To activat apply button\n */\n activeButton(): boolean {\n let flag = false;\n if (this.selectedServiceTypeValues != null && this.selectedServiceTypeValues.length != 0) {\n flag = true;\n } else if (this.selectedCustomerTypeValues != null && this.selectedCustomerTypeValues.length != 0) {\n flag = true;\n } else if (this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0) {\n flag = true;\n } else if (this.selectedCallStatusValues != null && this.selectedCallStatusValues.length != 0) {\n flag = true;\n } else if (this.selectedpredationCodeValues != null && this.selectedpredationCodeValues.length != 0) {\n flag = true;\n }\n return flag;\n }\n\n}","export default \".working-area {\\n margin-top: 115px;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.calling-table tr {\\n cursor: pointer;\\n}\\n\\n.table-head-call {\\n background: none;\\n padding-top: 12px;\\n}\\n\\n.button-margin {\\n margin-left: 10px;\\n}\\n\\n.callList {\\n font: Bold 20px Roboto;\\n letter-spacing: 0px;\\n color: #484848;\\n opacity: 1;\\n}\\n\\n.close-con {\\n font-size: 18px;\\n cursor: pointer;\\n top: 3px;\\n right: 1px;\\n position: absolute !important;\\n z-index: 10;\\n opacity: 1;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 89%;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.refesh-icon {\\n float: right;\\n margin-bottom: -30px;\\n margin-right: 20px;\\n margin-top: 30px;\\n cursor: pointer;\\n}\\n\\n.coloredRow {\\n background: #ffff99;\\n}\\n\\n.coloredGreenRow {\\n background: #90ee90;\\n}\\n\\n.mat-dialog-title {\\n background-color: darkgray;\\n}\\n\\n.callList-right {\\n font-size: 11px;\\n color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.columnHeader {\\n font: Bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.lost {\\n color: #e64243;\\n position: absolute;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.inbound {\\n color: #2e3668;\\n position: absolute;\\n left: 0px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.columnvalue {\\n font-size: 14px;\\n position: relative;\\n}\\n\\n.filter1 {\\n font-size: 12px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 20px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n}\\n\\n.serviceDueDate {\\n width: 10% !important;\\n}\\n\\n.followUp {\\n width: 9% !important;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 3px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\nth.mat-header-cell {\\n background-color: #d9d9d9;\\n}\\n\\n.filter2 {\\n width: auto;\\n text-transform: capitalize;\\n}\\n\\n.call-stats-card .mat-card-title {\\n margin-bottom: 0px;\\n}\\n\\n.call-stats-card .call-stats {\\n font-size: 11px;\\n color: #ffffff;\\n}\\n\\n.call-stats-card .call-stats i {\\n color: #2e3668;\\n font-size: 11px;\\n}\\n\\n.call-stats-card .call-stats-title {\\n font-size: 20px;\\n color: #484848;\\n}\\n\\n.call-stats-card1 {\\n padding-top: 0px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid none solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card-border2 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n margin-bottom: 15px;\\n border-color: lightgray;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #5482BC;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #5482BC;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 30px;\\n font: Regular 14px Roboto;\\n letter-spacing: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .refresh-btn.mat-button {\\n min-width: auto;\\n}\\n\\n.refresh-btn {\\n background-color: #ffffff;\\n color: #e64243;\\n border: 1px solid #e64243;\\n border-radius: 0px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-flex {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n background: white;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-label {\\n padding-left: 10px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-infix {\\n border-top: none;\\n}\\n\\n.textboxService ::ng-deep label.mat-form-field-label {\\n margin-top: 8px !important;\\n}\\n\\n.textboxService ::ng-deep input.mat-input-element {\\n margin-top: 0.6em;\\n margin-left: 10px;\\n}\\n\\n.search-icon {\\n position: absolute;\\n right: 15px;\\n top: 15px;\\n}\\n\\n.backColor {\\n background-color: #00457D !important;\\n font-size: 12px;\\n}\\n\\n.box-size {\\n margin-left: 10px;\\n margin-top: 7px;\\n width: 28px;\\n height: 28px;\\n color: #ffffff !important;\\n}\\n\\n.backColor1 {\\n background-color: #5482BC !important;\\n font-size: 12px;\\n}\\n\\n.call-stats-value {\\n margin-left: 50px;\\n font-size: 18px;\\n}\\n\\n.call-stats-value1 {\\n margin-left: 30px;\\n font-size: 18px;\\n}\\n\\n.info-circle-size {\\n font-size: 12px !important;\\n color: #ffffff !important;\\n}\\n\\n.flex-set {\\n margin-top: 7px;\\n margin-left: 62px;\\n}\\n\\n.flex-set1 {\\n margin-top: 7px;\\n margin-left: 73px;\\n}\\n\\n.dueDateIcon {\\n height: 9px;\\n width: 11px;\\n}\\n\\n.filter3 {\\n width: 200px;\\n margin-right: 30px;\\n font-size: 12px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.filter-label {\\n font: 12px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 3px;\\n padding: 1px 0px 0px;\\n}\\n\\n.calender {\\n position: relative;\\n background: white;\\n}\\n\\n.calender input {\\n width: 180px;\\n border: 1px solid lightgray !important;\\n border-radius: 5px;\\n font-size: 12px;\\n height: 22px;\\n padding-left: 5px;\\n}\\n\\n.calander-btn {\\n position: absolute;\\n right: 7px;\\n top: 4px;\\n}\\n\\n.form-field label {\\n font-weight: 500;\\n margin-bottom: 5px;\\n}\\n\\n.form-field input {\\n padding: 6px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvY2RtLWNhbGxpbmctbGlzdC9jZG0tY2FsbGluZy1saXN0LmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnQvY2RtLWNhbGxpbmctbGlzdC9jZG0tY2FsbGluZy1saXN0LmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLFdBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7QUNDSjs7QURFQTtFQUNJLGdCQUFBO0VBQ0EsaUJBQUE7QUNDSjs7QURFQTtFQUNJLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxzQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtFQUNBLFVBQUE7RUFDQSw2QkFBQTtFQUNBLFdBQUE7RUFDQSxVQUFBO0FDQ0o7O0FERUE7RUFDSSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtBQ0NKOztBREVBO0VBQ0ksZ0JBQUE7QUNDSjs7QURFQTtFQUNJLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxVQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0VBQ0EsV0FBQTtBQ0NKOztBREVBO0VBQ0ksTUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLGFBQUE7QUNDSjs7QURFQTtFQUNJLE1BQUE7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxzQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtBQ0NKOztBREVBO0VBQ0ksWUFBQTtFQUNBLG9CQUFBO0VBQ0Esa0JBQUE7RUFDQSxnQkFBQTtFQUNBLGVBQUE7QUNDSjs7QURFQTtFQUNJLG1CQUFBO0FDQ0o7O0FERUE7RUFDSSxtQkFBQTtBQ0NKOztBREVBO0VBQ0ksMEJBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7RUFDQSwwQkFBQTtBQ0NKOztBREVBO0VBQ0ksc0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSwwQkFBQTtBQ0NKOztBREVBO0VBQ0ksY0FBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0FDQ0o7O0FERUE7RUFDSSxjQUFBO0VBQ0Esa0JBQUE7RUFDQSxTQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7RUFDQSxrQkFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtBQ0NKOztBREVBO0VBQ0ksdUJBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSxtQkFBQTtBQ0NKOztBREVBO0VBQ0kscUJBQUE7QUNDSjs7QURFQTtFQUNJLG9CQUFBO0FDQ0o7O0FERUE7OztFQUdJLFlBQUE7RUFDQSxtQ0FBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7QUNDSjs7QURFQTtFQUNJLG1DQUFBO0VBQ0EsdUJBQUE7QUNDSjs7QURFQTtFQUNJLHlCQUFBO0FDQ0o7O0FERUE7RUFDSSxXQUFBO0VBQ0EsMEJBQUE7QUNDSjs7QURHSTtFQUNJLGtCQUFBO0FDQVI7O0FERUk7RUFDSSxlQUFBO0VBQ0EsY0FBQTtBQ0FSOztBRENRO0VBQ0ksY0FBQTtFQUNBLGVBQUE7QUNDWjs7QURFSTtFQUNJLGVBQUE7RUFDQSxjQUFBO0FDQVI7O0FESUE7RUFDSSxnQkFBQTtBQ0RKOztBRElBO0VBQ0ksb0NBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsdUJBQUE7QUNESjs7QURJQTtFQUNJLHFDQUFBO0VBQ0EsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7QUNESjs7QURJQTtFQUNJLGtCQUFBO0FDREo7O0FESUE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7QUNESjs7QURJQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtBQ0RKOztBRElBO0VBQ0ksaUJBQUE7RUFDQSx5QkFBQTtFQUNBLG1CQUFBO0FDREo7O0FESUE7RUFDSSxlQUFBO0FDREo7O0FESUE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7RUFDQSx5QkFBQTtFQUNBLGtCQUFBO0FDREo7O0FESUE7RUFDSSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7QUNESjs7QURJQTtFQUNJLGtCQUFBO0FDREo7O0FESUE7RUFDSSxnQkFBQTtBQ0RKOztBRElBO0VBQ0ksMEJBQUE7QUNESjs7QURJQTtFQUNJLGlCQUFBO0VBQ0EsaUJBQUE7QUNESjs7QURJQTtFQUNJLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLFNBQUE7QUNESjs7QURJQTtFQUNJLG9DQUFBO0VBQ0EsZUFBQTtBQ0RKOztBRElBO0VBQ0ksaUJBQUE7RUFDQSxlQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSx5QkFBQTtBQ0RKOztBRElBO0VBQ0ksb0NBQUE7RUFDQSxlQUFBO0FDREo7O0FESUE7RUFDSSxpQkFBQTtFQUNBLGVBQUE7QUNESjs7QURJQTtFQUNJLGlCQUFBO0VBQ0EsZUFBQTtBQ0RKOztBRElBO0VBQ0ksMEJBQUE7RUFDQSx5QkFBQTtBQ0RKOztBRElBO0VBQ0ksZUFBQTtFQUNBLGlCQUFBO0FDREo7O0FES0E7RUFDSSxlQUFBO0VBQ0EsaUJBQUE7QUNGSjs7QURLQTtFQUNJLFdBQUE7RUFDQSxXQUFBO0FDRko7O0FES0E7RUFDSSxZQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0FDRko7O0FES0E7RUFDSSx1QkFBQTtFQUNBLG1CQUFBO0FDRko7O0FES0E7RUFDSSxpQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtFQUNBLG9CQUFBO0FDRko7O0FES0E7RUFDSSxrQkFBQTtFQUNBLGlCQUFBO0FDRko7O0FER0k7RUFDSSxZQUFBO0VBQ0Esc0NBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7QUNEUjs7QURLQTtFQUNJLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLFFBQUE7QUNGSjs7QURNSTtFQUNJLGdCQUFBO0VBQ0Esa0JBQUE7QUNIUjs7QURLSTtFQUNJLFlBQUE7QUNIUiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudC9jZG0tY2FsbGluZy1saXN0L2NkbS1jYWxsaW5nLWxpc3QuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud29ya2luZy1hcmVhIHtcbiAgICBtYXJnaW4tdG9wOiAxMTVweDtcbn1cblxudGFibGUge1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbGluZy10YWJsZSB0ciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4udGFibGUtaGVhZC1jYWxsIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIHBhZGRpbmctdG9wOiAxMnB4O1xufVxuXG4uYnV0dG9uLW1hcmdpbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5jYWxsTGlzdCB7XG4gICAgZm9udDogQm9sZCAyMHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjNDg0ODQ4O1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbi5jbG9zZS1jb24ge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdG9wOiAzcHg7XG4gICAgcmlnaHQ6IDFweDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgICB6LWluZGV4OiAxMDtcbiAgICBvcGFjaXR5OiAxO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgaGVpZ2h0OiAyMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xuICAgIHBhZGRpbmc6IDNweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgICB3aWR0aDogODklO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1idXR0b24ge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBmb250OiB3aGl0ZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgICB0b3A6IDA7XG4gICAgcGFkZGluZy10b3A6IDA7XG4gICAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICB0b3A6IDA7XG4gICAgbWFyZ2luLXRvcDogNHB4ICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICAgIGZvbnQ6IEJvbGQgMTRweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBjb2xvcjogIzNjM2MzYztcbiAgICBvcGFjaXR5OiAxO1xuICAgIG1hcmdpbi1ib3R0b206IDVweDtcbn1cblxuLnJlZmVzaC1pY29uIHtcbiAgICBmbG9hdDogcmlnaHQ7XG4gICAgbWFyZ2luLWJvdHRvbTogLTMwcHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi10b3A6IDMwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uY29sb3JlZFJvdyB7XG4gICAgYmFja2dyb3VuZDogI2ZmZmY5OTtcbn1cblxuLmNvbG9yZWRHcmVlblJvdyB7XG4gICAgYmFja2dyb3VuZDogIzkwZWU5MDtcbn1cblxuLm1hdC1kaWFsb2ctdGl0bGUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IGRhcmtncmF5O1xufVxuXG4uY2FsbExpc3QtcmlnaHQge1xuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjU0KTtcbn1cblxuLmNvbHVtbkhlYWRlciB7XG4gICAgZm9udDogQm9sZCAxMnB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjMzMzMzMzO1xuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4ubG9zdCB7XG4gICAgY29sb3I6ICNlNjQyNDM7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDEwcHg7XG4gICAgZm9udC1zaXplOiAxMHB4O1xuICAgIHRvcDogMzglO1xufVxuXG4uaW5ib3VuZCB7XG4gICAgY29sb3I6ICMyZTM2Njg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDBweDtcbiAgICBmb250LXNpemU6IDEwcHg7XG4gICAgdG9wOiAzOCU7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZpbHRlcjEge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZpbHRlckJ1dHRvbiB7XG4gICAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgbGluZS1oZWlnaHQ6IDEwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMXB4O1xufVxuXG4uZmlsdGVyZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uc2VydmljZUR1ZURhdGUge1xuICAgIHdpZHRoOiAxMCUgIWltcG9ydGFudDtcbn1cblxuLmZvbGxvd1VwIHtcbiAgICB3aWR0aDogOSUgIWltcG9ydGFudDtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICAgIHBhZGRpbmc6IDNweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG4gICAgYm9yZGVyLXN0eWxlOiBub25lIHNvbGlkIHNvbGlkIG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Q5ZDlkOTtcbn1cblxuLmZpbHRlcjIge1xuICAgIHdpZHRoOiBhdXRvO1xuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkIHtcbiAgICAubWF0LWNhcmQtdGl0bGUge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwcHg7XG4gICAgfVxuICAgIC5jYWxsLXN0YXRzIHtcbiAgICAgICAgZm9udC1zaXplOiAxMXB4O1xuICAgICAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICAgICAgaSB7XG4gICAgICAgICAgICBjb2xvcjogIzJlMzY2ODtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICAgICAgfVxuICAgIH1cbiAgICAuY2FsbC1zdGF0cy10aXRsZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICAgICAgY29sb3I6ICM0ODQ4NDg7XG4gICAgfVxufVxuXG4uY2FsbC1zdGF0cy1jYXJkMSB7XG4gICAgcGFkZGluZy10b3A6IDBweDtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIG5vbmUgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMCU7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMiB7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItcmFkaXVzOiAwJTtcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB7XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBjb2xvcjogIzU0ODJCQztcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtY2hlY2tlZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJCQztcbiAgICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gICAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gICAgZm9udDogUmVndWxhciAxNHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5yZWZyZXNoLWJ0bi5tYXQtYnV0dG9uIHtcbiAgICBtaW4td2lkdGg6IGF1dG87XG59XG5cbi5yZWZyZXNoLWJ0biB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBjb2xvcjogI2U2NDI0MztcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZTY0MjQzO1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtZmxleCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIHBhZGRpbmctbGVmdDogMTBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgbGFiZWwubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIG1hcmdpbi10b3A6IDhweCAhaW1wb3J0YW50O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgICBtYXJnaW4tdG9wOiAwLjZlbTtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLnNlYXJjaC1pY29uIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDE1cHg7XG4gICAgdG9wOiAxNXB4O1xufVxuXG4uYmFja0NvbG9yIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uYm94LXNpemUge1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIG1hcmdpbi10b3A6IDdweDtcbiAgICB3aWR0aDogMjhweDtcbiAgICBoZWlnaHQ6IDI4cHg7XG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmJhY2tDb2xvcjEge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkMgIWltcG9ydGFudDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlIHtcbiAgICBtYXJnaW4tbGVmdDogNTBweDtcbiAgICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlMSB7XG4gICAgbWFyZ2luLWxlZnQ6IDMwcHg7XG4gICAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uaW5mby1jaXJjbGUtc2l6ZSB7XG4gICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmZsZXgtc2V0IHtcbiAgICBtYXJnaW4tdG9wOiA3cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDYycHg7XG4gICAgLy90ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5mbGV4LXNldDEge1xuICAgIG1hcmdpbi10b3A6IDdweDtcbiAgICBtYXJnaW4tbGVmdDogNzNweDtcbn1cblxuLmR1ZURhdGVJY29uIHtcbiAgICBoZWlnaHQ6IDlweDtcbiAgICB3aWR0aDogMTFweDtcbn1cblxuLmZpbHRlcjMge1xuICAgIHdpZHRoOiAyMDBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDMwcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICAgIGZvbnQ6IDEycHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzYzNjM2M7XG4gICAgb3BhY2l0eTogMTtcbiAgICBtYXJnaW4tYm90dG9tOiAzcHg7XG4gICAgcGFkZGluZzogMXB4IDBweCAwcHg7XG59XG5cbi5jYWxlbmRlciB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIGlucHV0IHtcbiAgICAgICAgd2lkdGg6IDE4MHB4O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXkgIWltcG9ydGFudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGhlaWdodDogMjJweDtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgfVxufVxuXG4uY2FsYW5kZXItYnRuIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDdweDtcbiAgICB0b3A6IDRweDtcbn1cblxuLmZvcm0tZmllbGQge1xuICAgIGxhYmVsIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICAgIHBhZGRpbmc6IDZweDtcbiAgICB9XG59IiwiLndvcmtpbmctYXJlYSB7XG4gIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG50YWJsZSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbGluZy10YWJsZSB0ciB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnRhYmxlLWhlYWQtY2FsbCB7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIHBhZGRpbmctdG9wOiAxMnB4O1xufVxuXG4uYnV0dG9uLW1hcmdpbiB7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uY2FsbExpc3Qge1xuICBmb250OiBCb2xkIDIwcHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzQ4NDg0ODtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmNsb3NlLWNvbiB7XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0b3A6IDNweDtcbiAgcmlnaHQ6IDFweDtcbiAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gIHotaW5kZXg6IDEwO1xuICBvcGFjaXR5OiAxO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDNweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA4OSU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWJ1dHRvbiB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgZm9udDogd2hpdGU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4ucmVmZXNoLWljb24ge1xuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi1ib3R0b206IC0zMHB4O1xuICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gIG1hcmdpbi10b3A6IDMwcHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmNvbG9yZWRSb3cge1xuICBiYWNrZ3JvdW5kOiAjZmZmZjk5O1xufVxuXG4uY29sb3JlZEdyZWVuUm93IHtcbiAgYmFja2dyb3VuZDogIzkwZWU5MDtcbn1cblxuLm1hdC1kaWFsb2ctdGl0bGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBkYXJrZ3JheTtcbn1cblxuLmNhbGxMaXN0LXJpZ2h0IHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjU0KTtcbn1cblxuLmNvbHVtbkhlYWRlciB7XG4gIGZvbnQ6IEJvbGQgMTJweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjMzMzMzMzO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cblxuLmxvc3Qge1xuICBjb2xvcjogI2U2NDI0MztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDEwcHg7XG4gIHRvcDogMzglO1xufVxuXG4uaW5ib3VuZCB7XG4gIGNvbG9yOiAjMmUzNjY4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDBweDtcbiAgZm9udC1zaXplOiAxMHB4O1xuICB0b3A6IDM4JTtcbn1cblxuLmNvbHVtbnZhbHVlIHtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5maWx0ZXIxIHtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZmlsdGVyQnV0dG9uIHtcbiAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gIGhlaWdodDogMjBweDtcbiAgbGluZS1oZWlnaHQ6IDEwcHg7XG4gIG1hcmdpbi1ib3R0b206IDFweDtcbn1cblxuLmZpbHRlcmRpdiB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5zZXJ2aWNlRHVlRGF0ZSB7XG4gIHdpZHRoOiAxMCUgIWltcG9ydGFudDtcbn1cblxuLmZvbGxvd1VwIHtcbiAgd2lkdGg6IDklICFpbXBvcnRhbnQ7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsLFxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgcGFkZGluZzogM3B4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjFweDtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi50YWJsZS1ib3JkZXIubWF0LXRhYmxlIHtcbiAgYm9yZGVyLXN0eWxlOiBub25lIHNvbGlkIHNvbGlkIG5vbmU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDlkOWQ5O1xufVxuXG4uZmlsdGVyMiB7XG4gIHdpZHRoOiBhdXRvO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZCAubWF0LWNhcmQtdGl0bGUge1xuICBtYXJnaW4tYm90dG9tOiAwcHg7XG59XG4uY2FsbC1zdGF0cy1jYXJkIC5jYWxsLXN0YXRzIHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cbi5jYWxsLXN0YXRzLWNhcmQgLmNhbGwtc3RhdHMgaSB7XG4gIGNvbG9yOiAjMmUzNjY4O1xuICBmb250LXNpemU6IDExcHg7XG59XG4uY2FsbC1zdGF0cy1jYXJkIC5jYWxsLXN0YXRzLXRpdGxlIHtcbiAgZm9udC1zaXplOiAyMHB4O1xuICBjb2xvcjogIzQ4NDg0ODtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZDEge1xuICBwYWRkaW5nLXRvcDogMHB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIG5vbmUgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItcmFkaXVzOiAwJTtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMiB7XG4gIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItcmFkaXVzOiAwJTtcbiAgbWFyZ2luLWJvdHRvbTogMTVweDtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGNvbG9yOiAjNTQ4MkJDO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1jaGVja2VkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJCQztcbiAgY29sb3I6ICNmZmZmZmY7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWxhYmVsLWNvbnRlbnQge1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgZm9udDogUmVndWxhciAxNHB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAucmVmcmVzaC1idG4ubWF0LWJ1dHRvbiB7XG4gIG1pbi13aWR0aDogYXV0bztcbn1cblxuLnJlZnJlc2gtYnRuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgY29sb3I6ICNlNjQyNDM7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlNjQyNDM7XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtZmxleCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBsYWJlbC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIG1hcmdpbi10b3A6IDhweCAhaW1wb3J0YW50O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgbWFyZ2luLXRvcDogMC42ZW07XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uc2VhcmNoLWljb24ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAxNXB4O1xuICB0b3A6IDE1cHg7XG59XG5cbi5iYWNrQ29sb3Ige1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmJveC1zaXplIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDdweDtcbiAgd2lkdGg6IDI4cHg7XG4gIGhlaWdodDogMjhweDtcbiAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmJhY2tDb2xvcjEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MkJDICFpbXBvcnRhbnQ7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmNhbGwtc3RhdHMtdmFsdWUge1xuICBtYXJnaW4tbGVmdDogNTBweDtcbiAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZTEge1xuICBtYXJnaW4tbGVmdDogMzBweDtcbiAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uaW5mby1jaXJjbGUtc2l6ZSB7XG4gIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uZmxleC1zZXQge1xuICBtYXJnaW4tdG9wOiA3cHg7XG4gIG1hcmdpbi1sZWZ0OiA2MnB4O1xufVxuXG4uZmxleC1zZXQxIHtcbiAgbWFyZ2luLXRvcDogN3B4O1xuICBtYXJnaW4tbGVmdDogNzNweDtcbn1cblxuLmR1ZURhdGVJY29uIHtcbiAgaGVpZ2h0OiA5cHg7XG4gIHdpZHRoOiAxMXB4O1xufVxuXG4uZmlsdGVyMyB7XG4gIHdpZHRoOiAyMDBweDtcbiAgbWFyZ2luLXJpZ2h0OiAzMHB4O1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5wYWdpbmF0b3IgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgZm9udDogMTJweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjM2MzYzNjO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiAzcHg7XG4gIHBhZGRpbmc6IDFweCAwcHggMHB4O1xufVxuXG4uY2FsZW5kZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xufVxuLmNhbGVuZGVyIGlucHV0IHtcbiAgd2lkdGg6IDE4MHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXkgIWltcG9ydGFudDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIGhlaWdodDogMjJweDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5jYWxhbmRlci1idG4ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiA3cHg7XG4gIHRvcDogNHB4O1xufVxuXG4uZm9ybS1maWVsZCBsYWJlbCB7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbn1cbi5mb3JtLWZpZWxkIGlucHV0IHtcbiAgcGFkZGluZzogNnB4O1xufSJdfQ== */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { DatePipe } from '@angular/common';\nimport { ListCustData } from './listCustData';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { MatDialog, MatPaginator, MatSort, MatSelect } from '@angular/material';\nimport { NewTicketDialogComponent } from 'src/app/modal/new-ticket-dialog/new-ticket-dialog.component';\n\n@Component({\n selector: 'app-cdm-calling-list',\n templateUrl: './cdm-calling-list.component.html',\n styleUrls: ['./cdm-calling-list.component.scss']\n})\nexport class CdmCallingListComponent implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n\n spinner: boolean;\n callStats: any = {};\n customerData: any;\n userId: string;\n uniqueRequest = new Set();\n uniqueSourceId = new Set();\n selectedRequest: string[] = [];\n selectedSourceId: string[] = [];\n maxDate: Date = new Date();\n fromDate: Date = new Date();\n today: Date = new Date();\n toDate: Date = new Date();\n filteredDataSource: any;\n listSize: number = 0;\n pageSize: number;\n callFlag: any;\n callToggleStatus: boolean = true;\n dataSource: any;\n userRoles: string;\n\n displayedColumns: string[] = [\n 'customerId',\n 'customerName',\n 'vin',\n 'raiseDate',\n 'requestStatus',\n 'sourceId'\n ];\n invalidType: string;\n status: string;\n startDate: string;\n endDate: string;\n sourceId: string;\n type: string;\n userInfo: any;\n\n constructor(private commonService: CommonService, private router: Router, private toastr: ToastrService,\n private datePipe: DatePipe, private dialog: MatDialog) { }\n\n ngOnInit() {\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n this.customerData = JSON.parse(localStorage.getItem('customerData'));\n this.userId = localStorage.getItem('userId');\n this.userRoles = localStorage.getItem('userRoles');\n let userInfo = JSON.parse(localStorage.getItem('userInfo'));\n this.userInfo = userInfo[0];\n\n if (localStorage.getItem('callListPageSize') != null || localStorage.getItem('callListPageSize') != undefined) {\n let pagesize = Number(localStorage.getItem('callListPageSize'));\n this.pageSize = (pagesize && pagesize != NaN) ? pagesize : 50;\n } else {\n this.pageSize = 50;\n }\n\n if (localStorage.getItem('selectedRequest') != null || localStorage.getItem('selectedRequest') != undefined) {\n let selectedRequest = JSON.parse(localStorage.getItem('selectedRequest'));\n this.selectedRequest = selectedRequest;\n }\n\n if (localStorage.getItem('selectedSourceId') != null || localStorage.getItem('selectedSourceId') != undefined) {\n let selectedSourceId = JSON.parse(localStorage.getItem('selectedSourceId'));\n this.selectedSourceId = selectedSourceId;\n }\n\n // if(this.selectedSourceId.length != 0) {\n // this.applyfilter();\n // } else {\n // this.cdmCallList();\n // }\n\n this.getCDMStats();\n this.cdmCallList();\n }\n\n /**\n * Name: getCDMStats\n * purpose: To get stats count info\n */\n getCDMStats(): void {\n // this.spinner = true;\n this.commonService.getCDMStats(this.userId, this.userInfo.roleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n // this.spinner = false;\n this.callStats = res['responseData'];\n } else {\n // this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n // this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: cdmCallList\n * purpose: To get calllist details\n * @param {string} flag - type of call\n */\n cdmCallList(): void {\n this.spinner = true;\n this.dataSource = '';\n let request = {\n invalidType : '',\n status : '',\n startDate : '',\n endDate : '',\n sourceId : '',\n type : 'fetch'\n }\n this.commonService.cdmCallList(this.userId, this.userInfo.roleId, request)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n //this.callFlag = flag;\n this.callToggleStatus = false;\n let response = res['responseData'];\n this.listSize = response.length;\n //init data table and shorting\n this.dataSource = new MatTableDataSource(response);\n this.sort.direction = '';\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.filterData();\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n this.callToggleStatus = true;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n this.callToggleStatus = true;\n });\n }\n\n /**\n * Name: setPageData\n * purpose: To set pagesize for table\n */\n setPageData(event) {\n let size = event.pageSize.toString();\n localStorage.setItem('callListPageSize', size);\n }\n\n /**\n * Name: selectCustomer\n * purpose: To select customer for details\n * @param {Object} row - selected customer details\n */\n selectCustomer(row: ListCustData): void {\n // if(this.userRoles == 'CRE') {\n // if(row.requestStatus == 'Open' || row.requestStatus == 'Reopen') {\n localStorage.setItem('customerId', row.customerId);\n localStorage.setItem(\"customerData\", JSON.stringify(row));\n this.router.navigate(['cdm-customer360']);\n // }\n // } else {\n // if(row.requestStatus == 'Submit') {\n // localStorage.setItem('customerId', row.customerId);\n // localStorage.setItem(\"customerData\", JSON.stringify(row));\n // this.router.navigate(['cdm-customer360']);\n // }\n // }\n\n }\n\n /**\n * Name: searchfilter\n * purpose: To apply filter on datagrid\n */\n searchfilter(filterValue: string): void {\n filterValue = filterValue.trim(); // Remove whitespace\n filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n this.dataSource.filter = filterValue;\n }\n\n /**\n * Name: filterData\n * purpose: To filter call list data\n */\n filterData(): void {\n this.dataSource.filteredData.forEach(element => {\n this.uniqueRequest.add(element.requestStatus);\n this.uniqueSourceId.add(element.sourceId);\n });\n\n // if ((this.selectedServiceTypeValues != null && this.selectedServiceTypeValues.length != 0)\n // || (this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0)\n // || (this.selectedCustomerTypeValues != null && this.selectedCustomerTypeValues.length != 0)\n // || (this.selectedCallStatusValues != null && this.selectedCallStatusValues.length != 0)) {\n // //this.filterTriggered(null);\n // this.applyfilter();\n // }\n }\n\n /**\n * Name: applyfilter\n * purpose: To apply filter on call list data\n */\n applyfilter(): void {\n this.spinner = true;\n this.dataSource = '';\n let request = {\n invalidType : '',\n status : this.selectedRequest.toString(),\n startDate : this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\"),\n endDate : this.datePipe.transform(this.toDate, \"yyyy-MM-dd\"),\n sourceId : this.selectedSourceId.toString(),\n type : 'filter'\n }\n this.commonService.cdmCallList(this.userId, this.userInfo.roleId, request)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n //this.callFlag = flag;\n this.callToggleStatus = false;\n let response = res['responseData'];\n this.listSize = response.length;\n //init data table and shorting\n this.dataSource = new MatTableDataSource(response);\n this.sort.direction = '';\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.filterData();\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n this.callToggleStatus = true;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n this.callToggleStatus = true;\n });\n }\n\n newTicket() {\n const dialogRef = this.dialog.open(NewTicketDialogComponent, {\n width: '350px',\n data: {}\n });\n dialogRef.afterClosed().subscribe(result => {\n this.cdmCallList();\n });\n }\n}\n","export default \".cust360-container {\\n margin: 115px 30px 30px 30px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.service-card select,\\n.service-card input {\\n border-radius: 3px;\\n border: 1px solid #d3d3d3;\\n}\\n\\n.sub-title {\\n font-size: 13px;\\n margin-bottom: 20px;\\n font-weight: bold;\\n}\\n\\n.form-field {\\n margin-bottom: 10px;\\n}\\n\\n.btn {\\n margin-bottom: 10px;\\n position: relative;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n overflow: hidden;\\n background-color: #00457D !important;\\n line-height: 22px;\\n}\\n\\n.btn-1 {\\n color: white;\\n margin-left: 0px !important;\\n width: 150px;\\n position: relative;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n overflow: hidden;\\n background-color: #00457D !important;\\n line-height: 22px;\\n}\\n\\n.m-r-8 {\\n margin-right: 8px !important;\\n}\\n\\n.info-action {\\n text-align: end;\\n margin-bottom: 10px !important;\\n}\\n\\n.info-action button {\\n color: white;\\n background-color: #00457D;\\n border-radius: 5px;\\n font-size: 12px;\\n width: 200px;\\n}\\n\\n.icon-background {\\n color: #00457D !important;\\n height: 13px !important;\\n width: 13px !important;\\n}\\n\\n.box-size {\\n margin-left: 10px;\\n margin-top: 7px;\\n width: 28px;\\n height: 28px;\\n color: #00457D !important;\\n}\\n\\n.filter2 {\\n width: auto;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 30px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 8px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 8px !important;\\n padding-left: 5px;\\n}\\n\\n.form-field-inp {\\n padding: 5px;\\n border: 1px solid lightgray;\\n width: auto;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n font-size: 13px;\\n}\\n\\n.serv-heading {\\n width: 30%;\\n}\\n\\n.fontClass {\\n font: Bold 14px/16px Roboto;\\n letter-spacing: 0px;\\n font-size: 12px;\\n color: #7b7a7a;\\n opacity: 1;\\n margin-bottom: 3px !important;\\n}\\n\\n.inlineClass {\\n display: inline;\\n font: Regular 14px Roboto;\\n font-size: 12px;\\n letter-spacing: 0px;\\n color: black;\\n opacity: 1;\\n}\\n\\np.inlineClass {\\n margin-top: 0px;\\n margin-bottom: 5px;\\n}\\n\\n.btnStyle button {\\n color: white;\\n background-color: #00457D;\\n border-radius: 5px;\\n font-size: 12px;\\n}\\n\\n.mat-card-actions {\\n margin-left: 0px;\\n margin-right: 0px;\\n padding: 0px 0;\\n}\\n\\n.my-custom-tooltip {\\n max-width: 200px !important;\\n}\\n\\n.navbar {\\n padding-left: 10px;\\n padding-top: 10px;\\n font-size: 12px;\\n}\\n\\n.navbar a {\\n cursor: pointer;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvY2RtLWN1c3RvbWVyMzYwL2NkbS1jdXN0b21lcjM2MC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50L2NkbS1jdXN0b21lcjM2MC9jZG0tY3VzdG9tZXIzNjAuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSw0QkFBQTtBQ0NKOztBREVBO0VBQ0kscUNBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsdUJBQUE7QUNDSjs7QURFQTs7RUFFSSxrQkFBQTtFQUNBLHlCQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0VBQ0EsbUJBQUE7RUFDQSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksbUJBQUE7QUNDSjs7QURFQTtFQUNJLG1CQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0VBQ0EseUJBQUE7RUFDQSxnQkFBQTtFQUNBLG9DQUFBO0VBQ0EsaUJBQUE7QUNDSjs7QURFQTtFQUVJLFlBQUE7RUFDQSwyQkFBQTtFQUNBLFlBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7RUFDQSx5QkFBQTtFQUNBLGdCQUFBO0VBQ0Esb0NBQUE7RUFDQSxpQkFBQTtBQ0FKOztBREdBO0VBQ0ksNEJBQUE7QUNBSjs7QURHQTtFQUNJLGVBQUE7RUFDQSw4QkFBQTtBQ0FKOztBRENJO0VBQ0ksWUFBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0VBQ0EsWUFBQTtBQ0NSOztBREdBO0VBQ0kseUJBQUE7RUFDQSx1QkFBQTtFQUNBLHNCQUFBO0FDQUo7O0FER0E7RUFDSSxpQkFBQTtFQUNBLGVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0FDQUo7O0FER0E7RUFDSSxXQUFBO0FDQUo7O0FER0E7RUFDQSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtBQ0FBOztBREdBO0VBQ0ksZ0JBQUE7QUNBSjs7QURHQTtFQUNBLGlCQUFBO0VBQ0EsV0FBQTtBQ0FBOztBREdBO0VBQ0ksVUFBQTtBQ0FKOztBREdBO0VBQ0EsTUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ0FBOztBREdBO0VBQ0EsaUJBQUE7QUNBQTs7QURHQTtFQUNBLGFBQUE7QUNBQTs7QURHQTtFQUNBLE1BQUE7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0FDQUE7O0FER0E7RUFDSSxZQUFBO0VBQ0EsMkJBQUE7RUFDQSxXQUFBO0FDQUo7O0FER0U7RUFDRSxzQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7QUNBSjs7QURHQTtFQUNJLFVBQUE7QUNBSjs7QURHQTtFQUNJLDJCQUFBO0VBQ0EsbUJBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7RUFDQSw2QkFBQTtBQ0FKOztBREdBO0VBQ0ksZUFBQTtFQUNBLHlCQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtFQUNBLFVBQUE7QUNBSjs7QURHQTtFQUNJLGVBQUE7RUFDQSxrQkFBQTtBQ0FKOztBRElJO0VBQ0ksWUFBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0FDRFI7O0FETUE7RUFDSSxnQkFBQTtFQUNBLGlCQUFBO0VBQ0EsY0FBQTtBQ0hKOztBRE1BO0VBQ0ksMkJBQUE7QUNISjs7QURNRTtFQUNFLGtCQUFBO0VBQ0EsaUJBQUE7RUFFQSxlQUFBO0FDSko7O0FET0E7RUFDSSxlQUFBO0FDSkoiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnQvY2RtLWN1c3RvbWVyMzYwL2NkbS1jdXN0b21lcjM2MC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jdXN0MzYwLWNvbnRhaW5lciB7XG4gICAgbWFyZ2luOiAxMTVweCAzMHB4IDMwcHggMzBweDtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uc2VydmljZS1jYXJkIHNlbGVjdCxcbi5zZXJ2aWNlLWNhcmQgaW5wdXQge1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDNkM2QzO1xufVxuXG4uc3ViLXRpdGxlIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuLmZvcm0tZmllbGQge1xuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gIH1cblxuLmJ0biB7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gICAgbGluZS1oZWlnaHQ6IDIycHg7XG59XG5cbi5idG4tMSB7XG4gICAgLy9tYXJnaW46IDMwcHggMDtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgbWFyZ2luLWxlZnQ6IDBweCAhaW1wb3J0YW50O1xuICAgIHdpZHRoOiAxNTBweDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gICAgbGluZS1oZWlnaHQ6IDIycHg7XG59XG5cbi5tLXItOCB7XG4gICAgbWFyZ2luLXJpZ2h0OiA4cHggIWltcG9ydGFudDtcbn1cblxuLmluZm8tYWN0aW9uIHtcbiAgICB0ZXh0LWFsaWduOiBlbmQ7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweCAhaW1wb3J0YW50O1xuICAgIGJ1dHRvbiB7XG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIHdpZHRoOiAyMDBweDtcbiAgICB9XG59XG5cbi5pY29uLWJhY2tncm91bmQge1xuICAgIGNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gICAgaGVpZ2h0OiAxM3B4ICFpbXBvcnRhbnQ7XG4gICAgd2lkdGg6IDEzcHggIWltcG9ydGFudDtcbn1cblxuLmJveC1zaXplIHtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICBtYXJnaW4tdG9wOiA3cHg7XG4gICAgd2lkdGg6IDI4cHg7XG4gICAgaGVpZ2h0OiAyOHB4O1xuICAgIGNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIyIHtcbiAgICB3aWR0aDogYXV0bztcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG5ib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG5ib3JkZXItcmFkaXVzOiAycHg7XG5iYWNrZ3JvdW5kOiB3aGl0ZTtcbnBhZGRpbmc6IDA7XG5oZWlnaHQ6IDMwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gICAgcGFkZGluZzogOHB4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xucGFkZGluZy1sZWZ0OiA4cHg7XG53aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgICB3aWR0aDogOTAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xudG9wOiAwO1xucGFkZGluZy10b3A6IDA7XG5wYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbnBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG5kaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbnRvcDogMDtcbm1hcmdpbi10b3A6IDhweCAhaW1wb3J0YW50O1xucGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5mb3JtLWZpZWxkLWlucCB7XG4gICAgcGFkZGluZzogNXB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICB3aWR0aDogYXV0bztcbiAgfVxuXG4gIC5maWx0ZXItbGFiZWwge1xuICAgIGZvbnQ6IEJvbGQgMTRweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBjb2xvcjogIzNjM2MzYztcbiAgICBvcGFjaXR5OiAxO1xuICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICBmb250LXNpemU6IDEzcHg7XG59XG5cbi5zZXJ2LWhlYWRpbmcge1xuICAgIHdpZHRoOiAzMCU7XG59XG5cbi5mb250Q2xhc3Mge1xuICAgIGZvbnQ6IEJvbGQgMTRweC8xNnB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBjb2xvcjogIzdiN2E3YTtcbiAgICBvcGFjaXR5OiAxO1xuICAgIG1hcmdpbi1ib3R0b206IDNweCAhaW1wb3J0YW50O1xufVxuXG4uaW5saW5lQ2xhc3Mge1xuICAgIGRpc3BsYXk6IGlubGluZTtcbiAgICBmb250OiBSZWd1bGFyIDE0cHggUm9ib3RvO1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiBibGFjaztcbiAgICBvcGFjaXR5OiAxO1xufVxuXG5wLmlubGluZUNsYXNzIHtcbiAgICBtYXJnaW4tdG9wOiAwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4uYnRuU3R5bGUge1xuICAgIGJ1dHRvbiB7XG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIC8vd2lkdGg6IDIwMHB4O1xuICAgIH1cbn1cblxuLm1hdC1jYXJkLWFjdGlvbnMge1xuICAgIG1hcmdpbi1sZWZ0OiAwcHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAwcHg7XG4gICAgcGFkZGluZzogMHB4IDA7XG59XG5cbi5teS1jdXN0b20tdG9vbHRpcCB7XG4gICAgbWF4LXdpZHRoOiAyMDBweCAhaW1wb3J0YW50O1xuICB9XG5cbiAgLm5hdmJhciB7XG4gICAgcGFkZGluZy1sZWZ0OiAxMHB4O1xuICAgIHBhZGRpbmctdG9wOiAxMHB4O1xuICAgIC8vZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4ubmF2YmFyIGEge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbn0iLCIuY3VzdDM2MC1jb250YWluZXIge1xuICBtYXJnaW46IDExNXB4IDMwcHggMzBweCAzMHB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogMCU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uc2VydmljZS1jYXJkIHNlbGVjdCxcbi5zZXJ2aWNlLWNhcmQgaW5wdXQge1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNkM2QzZDM7XG59XG5cbi5zdWItdGl0bGUge1xuICBmb250LXNpemU6IDEzcHg7XG4gIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uZm9ybS1maWVsZCB7XG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG59XG5cbi5idG4ge1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RCAhaW1wb3J0YW50O1xuICBsaW5lLWhlaWdodDogMjJweDtcbn1cblxuLmJ0bi0xIHtcbiAgY29sb3I6IHdoaXRlO1xuICBtYXJnaW4tbGVmdDogMHB4ICFpbXBvcnRhbnQ7XG4gIHdpZHRoOiAxNTBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgbGluZS1oZWlnaHQ6IDIycHg7XG59XG5cbi5tLXItOCB7XG4gIG1hcmdpbi1yaWdodDogOHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5pbmZvLWFjdGlvbiB7XG4gIHRleHQtYWxpZ246IGVuZDtcbiAgbWFyZ2luLWJvdHRvbTogMTBweCAhaW1wb3J0YW50O1xufVxuLmluZm8tYWN0aW9uIGJ1dHRvbiB7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHdpZHRoOiAyMDBweDtcbn1cblxuLmljb24tYmFja2dyb3VuZCB7XG4gIGNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gIGhlaWdodDogMTNweCAhaW1wb3J0YW50O1xuICB3aWR0aDogMTNweCAhaW1wb3J0YW50O1xufVxuXG4uYm94LXNpemUge1xuICBtYXJnaW4tbGVmdDogMTBweDtcbiAgbWFyZ2luLXRvcDogN3B4O1xuICB3aWR0aDogMjhweDtcbiAgaGVpZ2h0OiAyOHB4O1xuICBjb2xvcjogIzAwNDU3RCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMiB7XG4gIHdpZHRoOiBhdXRvO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDMwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDhweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICB3aWR0aDogOTAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICB0b3A6IDA7XG4gIHBhZGRpbmctdG9wOiAwO1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHRvcDogMDtcbiAgbWFyZ2luLXRvcDogOHB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZm9ybS1maWVsZC1pbnAge1xuICBwYWRkaW5nOiA1cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgd2lkdGg6IGF1dG87XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXNpemU6IDEzcHg7XG59XG5cbi5zZXJ2LWhlYWRpbmcge1xuICB3aWR0aDogMzAlO1xufVxuXG4uZm9udENsYXNzIHtcbiAgZm9udDogQm9sZCAxNHB4LzE2cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiAjN2I3YTdhO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiAzcHggIWltcG9ydGFudDtcbn1cblxuLmlubGluZUNsYXNzIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBmb250OiBSZWd1bGFyIDE0cHggUm9ib3RvO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiBibGFjaztcbiAgb3BhY2l0eTogMTtcbn1cblxucC5pbmxpbmVDbGFzcyB7XG4gIG1hcmdpbi10b3A6IDBweDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4uYnRuU3R5bGUgYnV0dG9uIHtcbiAgY29sb3I6IHdoaXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLm1hdC1jYXJkLWFjdGlvbnMge1xuICBtYXJnaW4tbGVmdDogMHB4O1xuICBtYXJnaW4tcmlnaHQ6IDBweDtcbiAgcGFkZGluZzogMHB4IDA7XG59XG5cbi5teS1jdXN0b20tdG9vbHRpcCB7XG4gIG1heC13aWR0aDogMjAwcHggIWltcG9ydGFudDtcbn1cblxuLm5hdmJhciB7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbiAgcGFkZGluZy10b3A6IDEwcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLm5hdmJhciBhIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufSJdfQ== */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { DatePipe } from '@angular/common';\nimport { FormControl, FormGroup, FormBuilder, Validators, FormGroupDirective } from '@angular/forms';\nimport { MatDialog, MatSort, MatPaginator, MatTableDataSource } from \"@angular/material\";\nimport { element } from 'protractor';\n\n@Component({\n selector: 'app-cdm-customer360',\n templateUrl: './cdm-customer360.component.html',\n styleUrls: ['./cdm-customer360.component.scss']\n})\nexport class CdmCustomer360Component implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild('RemarksPaginator', { static: true }) remarksPaginator: MatPaginator;\n @ViewChild('RemarksSort', { static: true }) remarksSort: MatSort;\n\n custDataForm : FormGroup;\n formData = new FormData();\n\n spinner: boolean;\n selectedVehicle: any;\n flag: boolean;\n ticketId: string;\n custId: string;\n customerData: any;\n customerDetail: any;\n customerName: string;\n customerNumber: string;\n remark: string;\n fileTypeSelect: string;\n userRoles: string;\n autoFillData: any;\n fileValue: any;\n userId: string;\n userInfo: any;\n filePath: string;\n serviceDetail: any;\n remarksDetails: any;\n vin: string;\n remarksCount: number = 0;\n buttonFlag: boolean;\n submitted: boolean;\n customerId: string;\n\n fileType: any[] = [\n { value: 'PDF', type: 'PDF'},\n { value: 'PDF', type: 'PDF'},\n { value: 'PDF', type: 'PDF'},\n ];\n\n //call log table columns\n displayedRemarksColumns: string[] = [\n \"remarkBy\",\n \"remarkDate\",\n \"remark\"\n ];\n attachmentName: string;\n chassisNo: any[] = [];\n uiFileName: any;\n showDownloadButton: boolean;\n\n constructor(private commonService: CommonService, private router: Router, private toastr: ToastrService,\n private datePipe: DatePipe, private formBuilder: FormBuilder) { }\n\n ngOnInit() {\n this.customerData = JSON.parse(localStorage.getItem(\"customerData\")) || {};\n this.custId = this.customerData.customerId;\n this.ticketId = this.customerData.ticketId;\n this.vin = this.customerData.vin;\n this.userRoles = localStorage.getItem('userRoles');\n this.userId = localStorage.getItem('userId');\n let userInfo = JSON.parse(localStorage.getItem('userInfo'));\n this.userInfo = userInfo[0];\n this.getCustomerDetail();\n this.fetchLogs();\n //if(this.userRoles != \"CRE\") {\n this.fetchCdmDBData();\n //}\n this.buildLoginForm();\n this.checkAccess();\n }\n\n /**\n * Name: buildLoginForm\n * purpose: To create customer data form\n */\n buildLoginForm() {\n this.custDataForm = this.formBuilder.group({\n customerName: ['', Validators.required],\n customerNumber: ['', [Validators.required, Validators.minLength(10), Validators.maxLength(10)]],\n fleetName: [''],\n fleetNumber: ['', [Validators.minLength(10), Validators.maxLength(10)]],\n remark: ['',Validators.required],\n fileTypeSelect: ['']\n });\n }\n\n /**\n * Name: fetchLogs\n * purpose: To get Customer Detail\n */\n fetchLogs(): void {\n this.spinner = true;\n this.commonService.fetchLogs(this.custId, this.ticketId, this.userId, this.userInfo.roleId)\n .subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n let remarks = res['responseData'];\n remarks.forEach(element => {\n let date = element.remarkTime + \" GMT+0000\";\n let d = new Date(date);\n element.remarkTime = d;\n element.remarkDate = this.datePipe.transform(element.remarkTime, \"yyyy-MM-dd\");\n });\n this.remarksDetails = new MatTableDataSource(remarks);\n this.sort.direction = '';\n this.remarksDetails.sort = this.remarksSort;\n this.remarksDetails.paginator = this.remarksPaginator;\n this.remarksCount = remarks.length;\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getCustomerDetail\n * purpose: To get Customer Detail\n */\n getCustomerDetail(): void {\n this.spinner = true;\n let vin = []\n this.commonService.getCustomerDetail(this.custId, this.ticketId, this.userId, this.userInfo.roleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.spinner = false;\n this.customerDetail = res['responseData'];\n this.customerId = this.customerDetail.customerCode;\n vin = this.customerDetail.vin.split(',');\n vin.forEach(element => {\n this.chassisNo.push(element);\n })\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n submit(): void {\n this.submitted = true;\n if(this.custDataForm.valid) {\n this.spinner = true;\n //this.filePath = \"\";\n let request = '{' + '\"custId\" : \"'+this.custId + '\",\"ticketNo\" : \"'+this.ticketId + '\",\"custName\" : \"' + this.custDataForm.value.customerName\n + '\",\"contactNo\" : \"' + this.custDataForm.value.customerNumber + '\",\"fleetName\" : \"' + this.custDataForm.value.fleetName + '\",\"fleetContact\" : \"'\n + this.custDataForm.value.fleetNumber + '\",\"remarks\" : \"' + this.custDataForm.value.remark\n + '\",\"userId\" : \"' + this.userId + '\",\"userRole\" : \"' + this.userInfo.roleId + '\"}';\n let data = {\n file: this.formData,\n model: request,\n };\n\n this.commonService.saveCdmActualData(this.userId, this.userInfo.roleId, data)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.toastr.success(res['message'], \"Success\");\n this.spinner = false;\n this.submitted = false;\n this.router.navigate([\"cdm-calling\"]);\n } else {\n this.spinner = false;\n this.submitted = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n }\n\n clear(): void {\n this.custDataForm.reset();\n }\n\n Accept(value: any) {\n this.submitted = true;\n if(this.custDataForm.valid) {\n this.spinner = true;\n let request = '{' + '\"custId\" : \"'+this.custId + '\",\"ticketNo\" : \"'+this.ticketId + '\",\"custName\" : \"' + this.custDataForm.value.customerName\n + '\",\"contactNo\" : \"' + this.custDataForm.value.customerNumber + '\",\"fleetName\" : \"' + this.custDataForm.value.fleetName + '\",\"fleetContact\" : \"'\n + this.custDataForm.value.fleetNumber + '\",\"remarks\" : \"' + this.custDataForm.value.remark\n + '\",\"userId\" : \"' + this.userId + '\",\"status\" : \"' + value + '\",\"userRole\" : \"' + this.userInfo.roleId + '\"}';\n\n let data = {\n file: this.formData,\n model: request,\n };\n this.commonService.updateCdmStatus(this.userId, this.userInfo.roleId, data)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.toastr.success(res['message'], \"Success\");\n this.spinner = false;\n this.router.navigate([\"cdm-calling\"]);\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n }\n\n /**\n * Name: fetchCdmDBData\n * purpose: To get Customer Detail\n */\n fetchCdmDBData(): void {\n let remarkCheck=true\n this.spinner = true;\n this.commonService.fetchCdmDBData(this.custId, this.ticketId, this.userId, this.userInfo.roleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.spinner = false;\n this.autoFillData = res['responseData'];\n if(this.userRoles=='Vecv SRM User' || this.userRoles=='CRE' ){\n remarkCheck=false\n }\n this.custDataForm = this.formBuilder.group({\n customerName: this.autoFillData.customerName || '',\n customerNumber: [this.autoFillData.customerContactNo || '', [Validators.minLength(10), Validators.maxLength(10)]],\n fleetName: this.autoFillData.fleetName || '',\n fleetNumber: [this.autoFillData.fleetContactNo || '', [Validators.minLength(10), Validators.maxLength(10)]],\n remark: remarkCheck==true?(this.autoFillData.remarks || ''):'',\n //fileTypeSelect: ''\n })\n this.fileValue = this.autoFillData.attachment;\n if(this.fileValue==\"\"||this.fileValue==null){\n this.showDownloadButton=false\n }else if(this.fileValue!=\"\"||this.fileValue!=null){\n\n this.createUiFilename()\n this.showDownloadButton=true\n }\n\n\n //this.custDataForm.setValue['customerName']\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n createUiFilename(){\n let file=this.fileValue\n let fileArray=file.split('/')\n let lastElement=fileArray[fileArray.length-1]\n let lastName=lastElement.split(\"-\")\n this.uiFileName=lastName[lastName.length-1]\n }\n\n downloadFile(): void {\n this.spinner = true;\n if(this.fileValue) {\n let fileType = this.fileValue.split('.')[1];\n let fileName = this.customerId.concat('.').concat(fileType);\n this.commonService.downloadFile(this.fileValue)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/octet-stream' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n\n });\n } else {\n this.toastr.success('Attachment not available.');\n this.spinner = false;\n }\n }\n\n onFileUpload(event: any) {\n this.attachmentName = \"\";\n this.formData = new FormData();\n let file: File = event.target.files[0];\n this.attachmentName = file.name;\n let filePath = event.currentTarget.value.split(\"\\\\\")[2];\n this.formData.append('file', file, filePath);\n }\n\n checkAccess() {\n if(this.userRoles == \"CRE\") {\n if(this.customerData.requestStatus == \"Submitted\" || this.customerData.requestStatus == \"Accepted\") {\n this.flag = true;\n this.buttonFlag = true;\n } else {\n this.flag = false;\n this.buttonFlag = false;\n }\n } else if(this.userRoles == \"Vecv SRM User\") {\n if(this.customerData.requestStatus == \"Submitted\" || this.customerData.requestStatus == \"Open\") {\n this.flag = false;\n this.buttonFlag = false;\n } else {\n this.flag = true;\n this.buttonFlag = true;\n }\n } else {\n this.flag = true;\n this.buttonFlag = true;\n }\n }\n\n /**\n * Name: hasCustDataError\n * purpose: To check if customer form has any error\n * @param {any} control - form control\n * @return {boolean} flag to determine if form is valid.\n */\n hasError(control: any): boolean {\n return (\n control &&\n (this.submitted || control.touched || control.dirty) &&\n !control.valid\n );\n }\n}\n","export default \".working-area {\\n margin-bottom: 20px;\\n margin-left: 10px;\\n margin-top: 10px;\\n}\\n\\n.cust360-container {\\n margin: 115px 30px 30px 30px;\\n}\\n\\n.example-card1 {\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n}\\n\\n.example-card1 .fontClass {\\n display: inline-block;\\n}\\n\\n.example-card1 .inlineClass {\\n display: inline-block;\\n}\\n\\n.example-card2 {\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n border: none;\\n box-shadow: none;\\n padding: 0px;\\n}\\n\\n.history-card {\\n box-shadow: none;\\n padding: 0px;\\n}\\n\\n.fontClass {\\n font: Bold 12px/20px Roboto;\\n font-size: 12px;\\n color: #707070;\\n}\\n\\n.fontClassBold {\\n font-family: Bold 16px/22px Roboto;\\n color: #707070;\\n}\\n\\n.border {\\n border: 1px solid #707070;\\n font: 12px/18px Roboto;\\n color: #707070;\\n border-radius: 25px;\\n padding: 5px;\\n}\\n\\n.serv-heading {\\n width: 30%;\\n}\\n\\n.serv-desc {\\n width: 70%;\\n font-weight: 400;\\n}\\n\\n.serv-desc small {\\n margin-right: 10px;\\n float: right;\\n}\\n\\n.button {\\n text-align: center;\\n float: right;\\n font: Regular 16px/22px Roboto;\\n color: #ffffff;\\n border-radius: 0px;\\n}\\n\\n.recent {\\n color: #1acc04;\\n position: relative;\\n right: 15px;\\n font-size: 12px;\\n top: 0;\\n margin-bottom: 7px;\\n}\\n\\n.disabled {\\n opacity: 0.6;\\n}\\n\\n.buttonservice {\\n float: right;\\n font-family: Roboto;\\n color: #f1f1ff;\\n}\\n\\n.checkalign {\\n padding-left: 16px !important;\\n padding-top: 20px !important;\\n}\\n\\n.checkalignment {\\n padding-top: 20px !important;\\n}\\n\\n.inlineClass {\\n display: inline;\\n font: Regular 14px Roboto;\\n font-size: 12px;\\n letter-spacing: 0px;\\n color: black;\\n opacity: 1;\\n}\\n\\np.inlineClass {\\n margin-top: 0px;\\n margin-bottom: 5px;\\n}\\n\\n.marginClass {\\n margin-left: 20px;\\n}\\n\\n.marginClass1 {\\n margin-left: 40px;\\n}\\n\\n.navbar {\\n padding-left: 10px;\\n padding-top: 10px;\\n font-size: 12px;\\n}\\n\\n.navbar a {\\n cursor: pointer;\\n}\\n\\n.history-btn {\\n width: 100%;\\n height: 30px;\\n}\\n\\n.nobullet {\\n list-style-type: none;\\n margin-bottom: 10px;\\n}\\n\\n.play {\\n cursor: pointer;\\n margin-right: 5px;\\n}\\n\\n.colorStyle {\\n color: greenyellow;\\n}\\n\\n.callLogs {\\n display: block !important;\\n float: left;\\n}\\n\\n.custNotification {\\n display: inline;\\n}\\n\\n.example-radio-group {\\n display: flex;\\n flex-direction: column;\\n}\\n\\n.example-radio-button {\\n margin: 5px;\\n}\\n\\n.update-btn {\\n background-color: #16377d;\\n color: #ffffff;\\n margin-left: 15px;\\n}\\n\\n.edit-btn {\\n margin-left: 5px;\\n color: #16377d;\\n background-color: #ffffff;\\n border: none;\\n cursor: pointer;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 5px;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-infix {\\n padding: 0.1375em 0;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-underline {\\n bottom: 0.25em;\\n height: 0px;\\n}\\n\\n.number-form ::ng-deep input.mat-input-element {\\n margin-top: 0px;\\n}\\n\\n.number-form {\\n width: 100%;\\n position: relative;\\n}\\n\\n.number-row {\\n width: 100%;\\n position: relative;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 2px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n font-size: 12px;\\n padding-bottom: 5px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n font-size: 13px;\\n}\\n\\n.mat-expansion-panel-header-title {\\n font-weight: 500;\\n font-size: 13px;\\n font: Bold 14px/16px Roboto;\\n}\\n\\n.mat-expansion-panel-header-title i {\\n margin-right: 10px;\\n color: #00457D;\\n}\\n\\n.fontClass {\\n font: Bold 14px/16px Roboto;\\n letter-spacing: 0px;\\n font-size: 12px;\\n color: #7b7a7a;\\n opacity: 1;\\n margin-bottom: 3px !important;\\n}\\n\\n.fontClassBold {\\n font-family: Bold 16px/22px Roboto;\\n color: #000000;\\n font-size: 12px;\\n font-weight: 500;\\n}\\n\\n.fontClassBold i {\\n color: #00457D;\\n margin-right: 5px;\\n}\\n\\n.border {\\n border: 1px solid #707070;\\n font: 12px/18px Roboto;\\n color: #707070;\\n border-radius: 25px;\\n padding: 5px;\\n}\\n\\n.button {\\n text-align: center;\\n float: right;\\n font: Regular 16px/22px Roboto;\\n color: #ffffff;\\n}\\n\\n.buttonservice {\\n float: right;\\n font-family: Roboto;\\n color: #f1f1ff;\\n}\\n\\n.example-radio-group {\\n display: flex;\\n flex-direction: column;\\n}\\n\\n.example-radio-button {\\n margin: 5px;\\n}\\n\\n.mat-dialog-content {\\n padding: 5px 24px;\\n}\\n\\n.contact {\\n width: 100% !important;\\n margin-top: 20px;\\n}\\n\\n.contact .mat-tab-group {\\n min-height: 150px;\\n}\\n\\n.contact ::ng-deep .mat-tab-label {\\n height: 20px;\\n min-width: 90px;\\n color: #5482BC;\\n border: 1px solid lightgray;\\n font-size: 11px;\\n}\\n\\n.contact ::ng-deep .mat-tab-label-active {\\n background-color: #5482BC;\\n color: #ffffff;\\n opacity: 1;\\n}\\n\\n.contact ::ng-deep .mat-tab-header {\\n border: none;\\n}\\n\\n.contact ::ng-deep .mat-tab-list .mat-ink-bar {\\n height: 0px;\\n}\\n\\n.tabrow {\\n width: 100% !important;\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.align {\\n padding-left: 16px;\\n padding-top: 20px;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-label {\\n height: 35px;\\n padding: 0px 10px;\\n border-top-left-radius: 8px !important;\\n border-top-right-radius: 8px !important;\\n border-bottom-width: 1px;\\n border-color: #d3d3d3;\\n border-style: solid;\\n background-color: white;\\n margin-left: 3px;\\n color: black;\\n opacity: 1;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-label-active {\\n background-color: #00457D;\\n color: #ffffff;\\n opacity: 1;\\n border-style: none;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-header {\\n border: none;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-list .mat-ink-bar {\\n height: 0px;\\n}\\n\\n.table {\\n font-family: \\\"Trebuchet MS\\\", Arial, Helvetica, sans-serif;\\n border-collapse: collapse;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.table td,\\n.table th {\\n border: 1px solid lightgray;\\n padding: 5px;\\n width: auto;\\n font-size: 12px;\\n}\\n\\n.table tr:nth-child(even) {\\n background-color: #ffffff;\\n}\\n\\n.table tr:hover {\\n background-color: #ffffff;\\n}\\n\\n.table th {\\n padding-top: 5px;\\n padding-bottom: 5px;\\n text-align: left;\\n background-color: #d3d3d3;\\n color: black;\\n}\\n\\n.fault-table td,\\n.fault-table th {\\n padding: 5px;\\n}\\n\\n.fault-table .fault-date {\\n width: 15% !important;\\n}\\n\\n.fault-table .fault-des {\\n width: 20% !important;\\n}\\n\\n.btn {\\n position: relative;\\n cursor: pointer;\\n overflow: hidden;\\n background-color: #00457D !important;\\n border-radius: 5px !important;\\n height: 25px;\\n}\\n\\n.btn p {\\n text-align: center;\\n text-transform: uppercase;\\n color: #fff;\\n position: relative;\\n z-index: 1;\\n transition: all 0.3s ease;\\n margin: auto;\\n font-size: 12px;\\n line-height: 10px;\\n}\\n\\n/* sliders */\\n\\n/* Left Slider */\\n\\n.btn-1 {\\n background-color: #ffffff !important;\\n color: #00457D !important;\\n border: 1px solid #00457D;\\n}\\n\\n.btn-1 p {\\n margin: auto;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.rect2 {\\n padding: 15px;\\n height: 130px;\\n width: 93%;\\n background: #eaeaea;\\n}\\n\\n.rect3 {\\n padding-top: 15px;\\n padding-right: 15px;\\n padding-left: 15px;\\n padding-bottom: 0px;\\n height: 66px;\\n width: 93%;\\n background: #ffffff;\\n}\\n\\n.rect3 .button {\\n float: right;\\n margin-right: 8px;\\n margin-top: 5px;\\n}\\n\\n.rect4 {\\n float: left;\\n width: 93%;\\n margin-left: 10px;\\n font-size: 14px;\\n padding-bottom: 0px;\\n}\\n\\n.ngx-timepicker-field-example {\\n float: left;\\n margin-top: 15px;\\n}\\n\\n.rect5 {\\n float: left;\\n width: 50%;\\n}\\n\\n.text-pp {\\n width: 100%;\\n}\\n\\n.call-popup-save {\\n float: right;\\n margin-right: 20px;\\n margin-bottom: 10px;\\n}\\n\\n.icons .fa-phone {\\n transform: rotate(135deg);\\n}\\n\\n.icons .fa-microphone-slash,\\n.icons .fa-phone {\\n font-size: 24px;\\n}\\n\\n.icons .button {\\n margin: 5px;\\n}\\n\\n.icons {\\n margin-top: 25px;\\n padding-left: 29%;\\n}\\n\\n.hang-btn {\\n color: red !important;\\n border-color: red !important;\\n}\\n\\n.classtext1 {\\n font-weight: bold;\\n}\\n\\n.dataview {\\n margin-left: 15px;\\n}\\n\\n.timestamp {\\n font-size: 11px;\\n margin-left: 10px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n margin-bottom: 10px;\\n width: 55%;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #00457D;\\n font-size: 12px;\\n width: 50%;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #00457D;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 22px;\\n}\\n\\n.history-card .applyHorizontalScroll {\\n margin-bottom: 0px;\\n}\\n\\n.history-card ::ng-deep mat-paginator {\\n position: absolute;\\n right: 0;\\n left: 0;\\n}\\n\\n.history-card ::ng-deep .mat-form-field-infix {\\n height: 15px;\\n}\\n\\n.history-card ::ng-deep .mat-card-content {\\n padding-bottom: 40px;\\n}\\n\\n.recording-dailog {\\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n background-color: #ffffff;\\n position: absolute;\\n top: 50%;\\n right: 15%;\\n}\\n\\n.call-response {\\n position: fixed;\\n width: 35%;\\n top: 23%;\\n right: 50px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\n.icon-background {\\n color: #00457D !important;\\n height: 13px !important;\\n width: 13px !important;\\n}\\n\\n.edit-icon {\\n cursor: pointer;\\n color: #00457D;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 20%;\\n cursor: pointer;\\n}\\n\\n.check-icon {\\n cursor: pointer;\\n color: #1acc04;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 20%;\\n margin-right: 18px;\\n margin-bottom: 5px !important;\\n}\\n\\n.cancle-icon {\\n cursor: pointer;\\n color: red;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 20%;\\n margin-bottom: 5px;\\n margin-left: 35px;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-ripple {\\n height: 0px !important;\\n}\\n\\n.strate-line {\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 50%;\\n}\\n\\n.input-border {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n width: 75% !important;\\n height: 25px;\\n padding-left: 5px;\\n margin-left: 5px;\\n}\\n\\n.input-border-d {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n width: 70% !important;\\n height: 25px;\\n padding-left: 5px;\\n margin-left: 5px;\\n}\\n\\n.calling-table.mat-table .mat-cell {\\n font-size: 11px;\\n letter-spacing: 0px;\\n color: black;\\n text-transform: capitalize;\\n opacity: 1;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n font-size: 12px;\\n padding: 5px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-font.th {\\n color: black;\\n}\\n\\n.table-font.td {\\n color: #595959;\\n}\\n\\n.srvHistryHeader1 {\\n font-weight: bold;\\n font-size: 12px;\\n}\\n\\n.tech-camp ::ng-deep .mat-tab-body-wrapper {\\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n}\\n\\n.tech-camp ::ng-deep .mat-card-content {\\n margin-bottom: 0px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.cus360Td {\\n font-size: 11px;\\n font-family: poppins;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvY3VzdG9tZXIzNjAvY3VzdG9tZXIzNjAuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudC9jdXN0b21lcjM2MC9jdXN0b21lcjM2MC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLG1CQUFBO0VBQ0EsaUJBQUE7RUFDQSxnQkFBQTtBQ0NKOztBREVBO0VBQ0ksNEJBQUE7QUNDSjs7QURHQTtFQUNJLGNBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0FDQUo7O0FER0E7RUFDSSxxQkFBQTtBQ0FKOztBREdBO0VBQ0kscUJBQUE7QUNBSjs7QURHQTtFQUNJLGNBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLGdCQUFBO0VBQ0EsWUFBQTtBQ0FKOztBREdBO0VBQ0ksZ0JBQUE7RUFDQSxZQUFBO0FDQUo7O0FER0E7RUFDSSwyQkFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0FDQUo7O0FER0E7RUFDSSxrQ0FBQTtFQUNBLGNBQUE7QUNBSjs7QURHQTtFQUNJLHlCQUFBO0VBQ0Esc0JBQUE7RUFDQSxjQUFBO0VBQ0EsbUJBQUE7RUFDQSxZQUFBO0FDQUo7O0FER0E7RUFDSSxVQUFBO0FDQUo7O0FER0E7RUFDSSxVQUFBO0VBQ0EsZ0JBQUE7QUNBSjs7QURDSTtFQUNJLGtCQUFBO0VBQ0EsWUFBQTtBQ0NSOztBREdBO0VBQ0ksa0JBQUE7RUFDQSxZQUFBO0VBQ0EsOEJBQUE7RUFDQSxjQUFBO0VBQ0Esa0JBQUE7QUNBSjs7QURHQTtFQUNJLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0VBQ0EsTUFBQTtFQUNBLGtCQUFBO0FDQUo7O0FER0E7RUFDSSxZQUFBO0FDQUo7O0FER0E7RUFDSSxZQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0FDQUo7O0FER0E7RUFDSSw2QkFBQTtFQUNBLDRCQUFBO0FDQUo7O0FER0E7RUFDSSw0QkFBQTtBQ0FKOztBREdBO0VBQ0ksZUFBQTtFQUNBLHlCQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtFQUNBLFVBQUE7QUNBSjs7QURHQTtFQUNJLGVBQUE7RUFDQSxrQkFBQTtBQ0FKOztBREdBO0VBQ0ksaUJBQUE7QUNBSjs7QURHQTtFQUNJLGlCQUFBO0FDQUo7O0FER0E7RUFDSSxrQkFBQTtFQUNBLGlCQUFBO0VBRUEsZUFBQTtBQ0RKOztBRElBO0VBQ0ksZUFBQTtBQ0RKOztBRElBO0VBQ0ksV0FBQTtFQUNBLFlBQUE7QUNESjs7QURJQTtFQUNJLHFCQUFBO0VBQ0EsbUJBQUE7QUNESjs7QURJQTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtBQ0RKOztBRElBO0VBQ0ksa0JBQUE7QUNESjs7QURJQTtFQUNJLHlCQUFBO0VBQ0EsV0FBQTtBQ0RKOztBRElBO0VBQ0ksZUFBQTtBQ0RKOztBRElBO0VBQ0ksYUFBQTtFQUNBLHNCQUFBO0FDREo7O0FESUE7RUFDSSxXQUFBO0FDREo7O0FESUE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ0RKOztBRElBO0VBQ0ksZ0JBQUE7RUFDQSxjQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtBQ0RKOztBRElBO0VBQ0ksbUJBQUE7QUNESjs7QURJQTtFQUNJLG1CQUFBO0FDREo7O0FES0E7RUFDSSxjQUFBO0VBQ0EsV0FBQTtBQ0ZKOztBREtBO0VBQ0ksZUFBQTtBQ0ZKOztBREtBO0VBQ0ksV0FBQTtFQUNBLGtCQUFBO0FDRko7O0FES0E7RUFDSSxXQUFBO0VBQ0Esa0JBQUE7QUNGSjs7QURNQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUNBLFVBQUE7RUFDQSxZQUFBO0FDSEo7O0FET0E7RUFDSSxnQkFBQTtBQ0pKOztBRE9BO0VBQ0ksaUJBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0FDSko7O0FET0E7RUFDSSxVQUFBO0FDSko7O0FET0E7RUFDSSxNQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDSko7O0FET0E7RUFDSSxpQkFBQTtBQ0pKOztBRE9BO0VBQ0ksYUFBQTtBQ0pKOztBRE9BO0VBQ0ksTUFBQTtFQUNBLDBCQUFBO0VBQ0EsaUJBQUE7QUNKSjs7QURPQTtFQUNJLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtBQ0pKOztBRFFBO0VBQ0ksZ0JBQUE7RUFDQSxlQUFBO0VBQ0EsMkJBQUE7QUNMSjs7QURNSTtFQUNJLGtCQUFBO0VBQ0EsY0FBQTtBQ0pSOztBRFFBO0VBQ0ksMkJBQUE7RUFDQSxtQkFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLDZCQUFBO0FDTEo7O0FEUUE7RUFDSSxrQ0FBQTtFQUNBLGNBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7QUNMSjs7QURNSTtFQUNJLGNBQUE7RUFDQSxpQkFBQTtBQ0pSOztBRFFBO0VBQ0kseUJBQUE7RUFDQSxzQkFBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7QUNMSjs7QURRQTtFQUNJLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLDhCQUFBO0VBQ0EsY0FBQTtBQ0xKOztBRFFBO0VBQ0ksWUFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtBQ0xKOztBRFFBO0VBQ0ksYUFBQTtFQUNBLHNCQUFBO0FDTEo7O0FEUUE7RUFDSSxXQUFBO0FDTEo7O0FEUUE7RUFDSSxpQkFBQTtBQ0xKOztBRFFBO0VBQ0ksc0JBQUE7RUFDQSxnQkFBQTtBQ0xKOztBRFFBO0VBQ0ksaUJBQUE7QUNMSjs7QURRQTtFQUNJLFlBQUE7RUFFQSxlQUFBO0VBQ0EsY0FBQTtFQUNBLDJCQUFBO0VBQ0EsZUFBQTtBQ05KOztBRFNBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtBQ05KOztBRFNBO0VBQ0ksWUFBQTtBQ05KOztBRFNBO0VBQ0ksV0FBQTtBQ05KOztBRFNBO0VBQ0ksc0JBQUE7RUFDQSxnQkFBQTtFQUNBLG1CQUFBO0FDTko7O0FEU0E7RUFDSSxrQkFBQTtFQUNBLGlCQUFBO0FDTko7O0FEU0E7RUFDSSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxzQ0FBQTtFQUNBLHVDQUFBO0VBQ0Esd0JBQUE7RUFDQSxxQkFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxnQkFBQTtFQUNBLFlBQUE7RUFDQSxVQUFBO0FDTko7O0FEVUE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7QUNQSjs7QURVQTtFQUNJLFlBQUE7QUNQSjs7QURVQTtFQUNJLFdBQUE7QUNQSjs7QURXQTtFQUNJLHlEQUFBO0VBQ0EseUJBQUE7RUFDQSxXQUFBO0VBQ0EsZ0JBQUE7QUNSSjs7QURXQTs7RUFFSSwyQkFBQTtFQUNBLFlBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtBQ1JKOztBRFdBO0VBQ0kseUJBQUE7QUNSSjs7QURXQTtFQUNJLHlCQUFBO0FDUko7O0FEV0E7RUFDSSxnQkFBQTtFQUNBLG1CQUFBO0VBQ0EsZ0JBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7QUNSSjs7QURZQTs7RUFFSSxZQUFBO0FDVEo7O0FEYUk7RUFDSSxxQkFBQTtBQ1ZSOztBRFlJO0VBQ0kscUJBQUE7QUNWUjs7QURlQTtFQUVJLGtCQUFBO0VBQ0EsZUFBQTtFQUVBLGdCQUFBO0VBQ0Esb0NBQUE7RUFDQSw2QkFBQTtFQUNBLFlBQUE7QUNkSjs7QURpQkE7RUFDSSxrQkFBQTtFQUNBLHlCQUFBO0VBQ0EsV0FBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLHlCQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxpQkFBQTtBQ2RKOztBRGtCQSxZQUFBOztBQWFBLGdCQUFBOztBQWFBO0VBQ0ksb0NBQUE7RUFDQSx5QkFBQTtFQUNBLHlCQUFBO0FDdkNKOztBRDBDQTtFQUNJLFlBQUE7QUN2Q0o7O0FEMkNBO0VBQ0ksV0FBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxhQUFBO0VBQ0EsYUFBQTtFQUNBLFVBQUE7RUFDQSxtQkFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxpQkFBQTtFQUNBLG1CQUFBO0VBQ0Esa0JBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7RUFDQSxVQUFBO0VBQ0EsbUJBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksWUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxXQUFBO0VBQ0EsVUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0FDeENKOztBRDJDQTtFQUNJLFdBQUE7RUFDQSxnQkFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxXQUFBO0VBQ0EsVUFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxXQUFBO0FDeENKOztBRDJDQTtFQUNJLFlBQUE7RUFDQSxrQkFBQTtFQUNBLG1CQUFBO0FDeENKOztBRDJDQTtFQUNJLHlCQUFBO0FDeENKOztBRDJDQTs7RUFFSSxlQUFBO0FDeENKOztBRDJDQTtFQUNJLFdBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksZ0JBQUE7RUFDQSxpQkFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxxQkFBQTtFQUNBLDRCQUFBO0FDeENKOztBRDJDQTtFQUNJLGlCQUFBO0FDeENKOztBRDJDQTtFQUNJLGlCQUFBO0FDeENKOztBRDJDQTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxrQkFBQTtFQUNBLG1CQUFBO0VBQ0EsVUFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSx5QkFBQTtFQUNBLGNBQUE7RUFDQSxlQUFBO0VBQ0EsVUFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSx5QkFBQTtFQUNBLGNBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksaUJBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksa0JBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksa0JBQUE7RUFDQSxRQUFBO0VBQ0EsT0FBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxZQUFBO0FDeENKOztBRDJDQTtFQUNJLG9CQUFBO0FDeENKOztBRDRDQTtFQUNJLCtHQUFBO0VBQ0EseUJBQUE7RUFDQSxrQkFBQTtFQUNBLFFBQUE7RUFDQSxVQUFBO0FDekNKOztBRDZDQTtFQUNJLGVBQUE7RUFDQSxVQUFBO0VBQ0EsUUFBQTtFQUNBLFdBQUE7QUMxQ0o7O0FENkNBO0VBQ0kscUNBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsdUJBQUE7QUMxQ0o7O0FENkNBO0VBQ0ksbUNBQUE7RUFDQSx1QkFBQTtBQzFDSjs7QUQ2Q0E7RUFDSSx5QkFBQTtFQUNBLHVCQUFBO0VBQ0Esc0JBQUE7QUMxQ0o7O0FENkNBO0VBQ0ksZUFBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtFQUNBLGVBQUE7QUMxQ0o7O0FENkNBO0VBQ0ksZUFBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtFQUNBLGtCQUFBO0VBQ0EsNkJBQUE7QUMxQ0o7O0FEK0NBO0VBQ0ksZUFBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksc0JBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksa0JBQUE7RUFDQSxVQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLHFCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsZ0JBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLHFCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsZ0JBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksZUFBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtFQUNBLDBCQUFBO0VBQ0EsVUFBQTtBQzVDSjs7QUQrQ0E7OztFQUdJLGVBQUE7RUFDQSxZQUFBO0VBQ0EsbUNBQUE7RUFDQSxtQkFBQTtFQUNBLHVCQUFBO0FDNUNKOztBRCtDQTtFQUNJLFlBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksY0FBQTtBQzVDSjs7QUQrQ0E7RUFDSSxpQkFBQTtFQUNBLGVBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksK0dBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksa0JBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksdUJBQUE7RUFDQSxtQkFBQTtBQzVDSjs7QUQrQ0E7RUFDSSxlQUFBO0VBQ0Esb0JBQUE7QUM1Q0oiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnQvY3VzdG9tZXIzNjAvY3VzdG9tZXIzNjAuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud29ya2luZy1hcmVhIHtcbiAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIG1hcmdpbi10b3A6IDEwcHg7XG59XG5cbi5jdXN0MzYwLWNvbnRhaW5lciB7XG4gICAgbWFyZ2luOiAxMTVweCAzMHB4IDMwcHggMzBweDtcbiAgICAvL21hcmdpbi1sZWZ0OiAzMHB4O1xufVxuXG4uZXhhbXBsZS1jYXJkMSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xufVxuXG4uZXhhbXBsZS1jYXJkMSAuZm9udENsYXNzIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5leGFtcGxlLWNhcmQxIC5pbmxpbmVDbGFzcyB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuXG4uZXhhbXBsZS1jYXJkMiB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIHBhZGRpbmc6IDBweDtcbn1cblxuLmhpc3RvcnktY2FyZCB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBwYWRkaW5nOiAwcHg7XG59XG5cbi5mb250Q2xhc3Mge1xuICAgIGZvbnQ6IEJvbGQgMTJweC8yMHB4IFJvYm90bztcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgY29sb3I6ICM3MDcwNzA7XG59XG5cbi5mb250Q2xhc3NCb2xkIHtcbiAgICBmb250LWZhbWlseTogQm9sZCAxNnB4LzIycHggUm9ib3RvO1xuICAgIGNvbG9yOiAjNzA3MDcwO1xufVxuXG4uYm9yZGVyIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjNzA3MDcwO1xuICAgIGZvbnQ6IDEycHgvMThweCBSb2JvdG87XG4gICAgY29sb3I6ICM3MDcwNzA7XG4gICAgYm9yZGVyLXJhZGl1czogMjVweDtcbiAgICBwYWRkaW5nOiA1cHg7XG59XG5cbi5zZXJ2LWhlYWRpbmcge1xuICAgIHdpZHRoOiAzMCU7XG59XG5cbi5zZXJ2LWRlc2Mge1xuICAgIHdpZHRoOiA3MCU7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBzbWFsbCB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMTBweDtcbiAgICAgICAgZmxvYXQ6IHJpZ2h0O1xuICAgIH1cbn1cblxuLmJ1dHRvbiB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBmb250OiBSZWd1bGFyIDE2cHgvMjJweCBSb2JvdG87XG4gICAgY29sb3I6ICNmZmZmZmY7XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4ucmVjZW50IHtcbiAgICBjb2xvcjogIzFhY2MwNDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcmlnaHQ6IDE1cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiA3cHg7XG59XG5cbi5kaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogMC42O1xufVxuXG4uYnV0dG9uc2VydmljZSB7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gICAgY29sb3I6ICNmMWYxZmY7XG59XG5cbi5jaGVja2FsaWduIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDE2cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLXRvcDogMjBweCAhaW1wb3J0YW50O1xufVxuXG4uY2hlY2thbGlnbm1lbnQge1xuICAgIHBhZGRpbmctdG9wOiAyMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5pbmxpbmVDbGFzcyB7XG4gICAgZGlzcGxheTogaW5saW5lO1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6IGJsYWNrO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbnAuaW5saW5lQ2xhc3Mge1xuICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5tYXJnaW5DbGFzcyB7XG4gICAgbWFyZ2luLWxlZnQ6IDIwcHg7XG59XG5cbi5tYXJnaW5DbGFzczEge1xuICAgIG1hcmdpbi1sZWZ0OiA0MHB4O1xufVxuXG4ubmF2YmFyIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG4gICAgcGFkZGluZy10b3A6IDEwcHg7XG4gICAgLy9mb250LXdlaWdodDogYm9sZDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5uYXZiYXIgYSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uaGlzdG9yeS1idG4ge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMzBweDtcbn1cblxuLm5vYnVsbGV0IHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLnBsYXkge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbn1cblxuLmNvbG9yU3R5bGUge1xuICAgIGNvbG9yOiBncmVlbnllbGxvdztcbn1cblxuLmNhbGxMb2dzIHtcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICAgIGZsb2F0OiBsZWZ0O1xufVxuXG4uY3VzdE5vdGlmaWNhdGlvbiB7XG4gICAgZGlzcGxheTogaW5saW5lO1xufVxuXG4uZXhhbXBsZS1yYWRpby1ncm91cCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZXhhbXBsZS1yYWRpby1idXR0b24ge1xuICAgIG1hcmdpbjogNXB4O1xufVxuXG4udXBkYXRlLWJ0biB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzE2Mzc3ZDtcbiAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICBtYXJnaW4tbGVmdDogMTVweDtcbn1cblxuLmVkaXQtYnRuIHtcbiAgICBtYXJnaW4tbGVmdDogNXB4O1xuICAgIGNvbG9yOiAjMTYzNzdkO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIHBhZGRpbmc6IDAuMTM3NWVtIDA7XG4gICAgLy9ib3JkZXI6IHNvbGlkO1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICAgIGJvdHRvbTogMC4yNWVtO1xuICAgIGhlaWdodDogMHB4O1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgICBtYXJnaW4tdG9wOiAwcHg7XG59XG5cbi5udW1iZXItZm9ybSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ubnVtYmVyLXJvdyB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4vL2N1c3RvbSBtYXQtc2VsZWN0XG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIC8vZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xuICAgIHBhZGRpbmc6IDJweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgcGFkZGluZy1ib3R0b206IDVweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgICB3aWR0aDogOTAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICAgIHRvcDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gICAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjM2MzYzNjO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbn1cblxuLy9jdXN0bWVyMzYwIHZpZSB1cGRhdGUgY3NzXG4ubWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItdGl0bGUge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQ6IEJvbGQgMTRweC8xNnB4IFJvYm90bztcbiAgICBpIHtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICAgICAgICBjb2xvcjogIzAwNDU3RDtcbiAgICB9XG59XG5cbi5mb250Q2xhc3Mge1xuICAgIGZvbnQ6IEJvbGQgMTRweC8xNnB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBjb2xvcjogIzdiN2E3YTtcbiAgICBvcGFjaXR5OiAxO1xuICAgIG1hcmdpbi1ib3R0b206IDNweCAhaW1wb3J0YW50O1xufVxuXG4uZm9udENsYXNzQm9sZCB7XG4gICAgZm9udC1mYW1pbHk6IEJvbGQgMTZweC8yMnB4IFJvYm90bztcbiAgICBjb2xvcjogIzAwMDAwMDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBpIHtcbiAgICAgICAgY29sb3I6ICMwMDQ1N0Q7XG4gICAgICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIH1cbn1cblxuLmJvcmRlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzcwNzA3MDtcbiAgICBmb250OiAxMnB4LzE4cHggUm9ib3RvO1xuICAgIGNvbG9yOiAjNzA3MDcwO1xuICAgIGJvcmRlci1yYWRpdXM6IDI1cHg7XG4gICAgcGFkZGluZzogNXB4O1xufVxuXG4uYnV0dG9uIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTZweC8yMnB4IFJvYm90bztcbiAgICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLmJ1dHRvbnNlcnZpY2Uge1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBmb250LWZhbWlseTogUm9ib3RvO1xuICAgIGNvbG9yOiAjZjFmMWZmO1xufVxuXG4uZXhhbXBsZS1yYWRpby1ncm91cCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZXhhbXBsZS1yYWRpby1idXR0b24ge1xuICAgIG1hcmdpbjogNXB4O1xufVxuXG4ubWF0LWRpYWxvZy1jb250ZW50IHtcbiAgICBwYWRkaW5nOiA1cHggMjRweDtcbn1cblxuLmNvbnRhY3Qge1xuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgbWFyZ2luLXRvcDogMjBweDtcbn1cblxuLmNvbnRhY3QgLm1hdC10YWItZ3JvdXAge1xuICAgIG1pbi1oZWlnaHQ6IDE1MHB4O1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwge1xuICAgIGhlaWdodDogMjBweDtcbiAgICAvL3BhZGRpbmc6IDBweCAxMHB4O1xuICAgIG1pbi13aWR0aDogOTBweDtcbiAgICBjb2xvcjogIzU0ODJCQztcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgZm9udC1zaXplOiAxMXB4O1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwtYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MkJDO1xuICAgIGNvbG9yOiAjZmZmZmZmO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbi5jb250YWN0IDo6bmctZGVlcCAubWF0LXRhYi1oZWFkZXIge1xuICAgIGJvcmRlcjogbm9uZTtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWxpc3QgLm1hdC1pbmstYmFyIHtcbiAgICBoZWlnaHQ6IDBweDtcbn1cblxuLnRhYnJvdyB7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBtYXJnaW4tdG9wOiAyMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG59XG5cbi5hbGlnbiB7XG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xuICAgIHBhZGRpbmctdG9wOiAyMHB4O1xufVxuXG4udGFicm93IDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbCB7XG4gICAgaGVpZ2h0OiAzNXB4O1xuICAgIHBhZGRpbmc6IDBweCAxMHB4O1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDhweCAhaW1wb3J0YW50O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA4cHggIWltcG9ydGFudDtcbiAgICBib3JkZXItYm90dG9tLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAjZDNkM2QzO1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgbWFyZ2luLWxlZnQ6IDNweDtcbiAgICBjb2xvcjogYmxhY2s7XG4gICAgb3BhY2l0eTogMTtcbiAgICAvLyBmb250LXNpemU6IDEzcHggIWltcG9ydGFudDs7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsLWFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICBvcGFjaXR5OiAxO1xuICAgIGJvcmRlci1zdHlsZTogbm9uZTtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItaGVhZGVyIHtcbiAgICBib3JkZXI6IG5vbmU7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxpc3QgLm1hdC1pbmstYmFyIHtcbiAgICBoZWlnaHQ6IDBweDtcbn1cblxuLy90YWJsZVxuLnRhYmxlIHtcbiAgICBmb250LWZhbWlseTogXCJUcmVidWNoZXQgTVNcIiwgQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi10b3A6IDIwcHg7XG59XG5cbi50YWJsZSB0ZCxcbi50YWJsZSB0aCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICB3aWR0aDogYXV0bztcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi50YWJsZSB0cjpudGgtY2hpbGQoZXZlbikge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi50YWJsZSB0cjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRhYmxlIHRoIHtcbiAgICBwYWRkaW5nLXRvcDogNXB4O1xuICAgIHBhZGRpbmctYm90dG9tOiA1cHg7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDNkM2QzO1xuICAgIGNvbG9yOiBibGFjaztcbn1cblxuLy9mYXVsdCB0YWJsZVxuLmZhdWx0LXRhYmxlIHRkLFxuLmZhdWx0LXRhYmxlIHRoIHtcbiAgICBwYWRkaW5nOiA1cHg7XG59XG5cbi5mYXVsdC10YWJsZSB7XG4gICAgLmZhdWx0LWRhdGUge1xuICAgICAgICB3aWR0aDogMTUlICFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIC5mYXVsdC1kZXMge1xuICAgICAgICB3aWR0aDogMjAlICFpbXBvcnRhbnQ7XG4gICAgfVxufVxuXG4vL3NsaWRpbmcgYnRuXG4uYnRuIHtcbiAgICAvL2JvcmRlci1sZWZ0OiA0cHggc29saWQgIzJlMzY2ODtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC8vdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgICBib3JkZXItcmFkaXVzOiA1cHggIWltcG9ydGFudDtcbiAgICBoZWlnaHQ6IDI1cHg7XG59XG5cbi5idG4gcCB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHotaW5kZXg6IDE7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgICBtYXJnaW46IGF1dG87XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxMHB4O1xufVxuXG5cbi8qIHNsaWRlcnMgKi9cblxuLy8gLmJ0bjpiZWZvcmUge1xuLy8gICAgIGNvbnRlbnQ6IFwiXCI7XG4vLyAgICAgd2lkdGg6IDEwMCU7XG4vLyAgICAgaGVpZ2h0OiAxMDAlO1xuLy8gICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4vLyAgICAgY29sb3I6ICNmZmY7XG4vLyAgICAgLy9ib3JkZXI6IDJweCBzb2xpZCAjMkUzNjY4O1xuLy8gICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbi8vICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuLy8gfVxuXG4vKiBMZWZ0IFNsaWRlciAqL1xuXG4vLyAuYnRuLTI6YmVmb3JlIHtcbi8vICAgICB0b3A6IDA7XG4vLyAgICAgbGVmdDogLTIzMHB4O1xuLy8gfVxuLy8gLmJ0bi0yOmhvdmVyOmJlZm9yZSB7XG4vLyAgICAgbGVmdDogMDtcbi8vIH1cbi8vIC5idG4tMjpob3ZlciB7XG4vLyAgICAgY29sb3I6ICNmZmY7XG4vLyAgICAgLy9ib3JkZXI6IDJweCBzb2xpZCAjMkUzNjY4O1xuLy8gfVxuLmJ0bi0xIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjMDA0NTdEO1xufVxuXG4uYnRuLTEgcCB7XG4gICAgbWFyZ2luOiBhdXRvO1xufVxuXG4vL2NhbGwgZGlhbG9nIGNzc1xudGFibGUge1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4ucmVjdDIge1xuICAgIHBhZGRpbmc6IDE1cHg7XG4gICAgaGVpZ2h0OiAxMzBweDtcbiAgICB3aWR0aDogOTMlO1xuICAgIGJhY2tncm91bmQ6ICNlYWVhZWE7XG59XG5cbi5yZWN0MyB7XG4gICAgcGFkZGluZy10b3A6IDE1cHg7XG4gICAgcGFkZGluZy1yaWdodDogMTVweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgICBoZWlnaHQ6IDY2cHg7XG4gICAgd2lkdGg6IDkzJTtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xufVxuXG4ucmVjdDMgLmJ1dHRvbiB7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIG1hcmdpbi1yaWdodDogOHB4O1xuICAgIG1hcmdpbi10b3A6IDVweDtcbn1cblxuLnJlY3Q0IHtcbiAgICBmbG9hdDogbGVmdDtcbiAgICB3aWR0aDogOTMlO1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufVxuXG4ubmd4LXRpbWVwaWNrZXItZmllbGQtZXhhbXBsZSB7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gICAgbWFyZ2luLXRvcDogMTVweDtcbn1cblxuLnJlY3Q1IHtcbiAgICBmbG9hdDogbGVmdDtcbiAgICB3aWR0aDogNTAlO1xufVxuXG4udGV4dC1wcCB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi5jYWxsLXBvcHVwLXNhdmUge1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLmljb25zIC5mYS1waG9uZSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMTM1ZGVnKTtcbn1cblxuLmljb25zIC5mYS1taWNyb3Bob25lLXNsYXNoLFxuLmljb25zIC5mYS1waG9uZSB7XG4gICAgZm9udC1zaXplOiAyNHB4O1xufVxuXG4uaWNvbnMgLmJ1dHRvbiB7XG4gICAgbWFyZ2luOiA1cHg7XG59XG5cbi5pY29ucyB7XG4gICAgbWFyZ2luLXRvcDogMjVweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDI5JTtcbn1cblxuLmhhbmctYnRuIHtcbiAgICBjb2xvcjogcmVkICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyLWNvbG9yOiByZWQgIWltcG9ydGFudDtcbn1cblxuLmNsYXNzdGV4dDEge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uZGF0YXZpZXcge1xuICAgIG1hcmdpbi1sZWZ0OiAxNXB4O1xufVxuXG4udGltZXN0YW1wIHtcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgICB3aWR0aDogNTUlO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBjb2xvcjogIzAwNDU3RDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgd2lkdGg6IDUwJTtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtY2hlY2tlZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gICAgbGluZS1oZWlnaHQ6IDIycHg7XG59XG5cbi5oaXN0b3J5LWNhcmQgLmFwcGx5SG9yaXpvbnRhbFNjcm9sbCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xufVxuXG4uaGlzdG9yeS1jYXJkIDo6bmctZGVlcCBtYXQtcGFnaW5hdG9yIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDA7XG4gICAgbGVmdDogMDtcbn1cblxuLmhpc3RvcnktY2FyZCA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBoZWlnaHQ6IDE1cHg7XG59XG5cbi5oaXN0b3J5LWNhcmQgOjpuZy1kZWVwIC5tYXQtY2FyZC1jb250ZW50IHtcbiAgICBwYWRkaW5nLWJvdHRvbTogNDBweDtcbn1cblxuLy9yZWNvcmRpbmcgZGFpbG9nXG4ucmVjb3JkaW5nLWRhaWxvZyB7XG4gICAgYm94LXNoYWRvdzogMCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDJweCAycHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCA1cHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIHJpZ2h0OiAxNSU7XG59XG5cbi8vY2FsbGluZyBkYWlsb2dcbi5jYWxsLXJlc3BvbnNlIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgd2lkdGg6IDM1JTtcbiAgICB0b3A6IDIzJTtcbiAgICByaWdodDogNTBweDtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG4gICAgYm9yZGVyLXN0eWxlOiBub25lIHNvbGlkIHNvbGlkIG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5pY29uLWJhY2tncm91bmQge1xuICAgIGNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gICAgaGVpZ2h0OiAxM3B4ICFpbXBvcnRhbnQ7XG4gICAgd2lkdGg6IDEzcHggIWltcG9ydGFudDtcbn1cblxuLmVkaXQtaWNvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiAjMDA0NTdEO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICB0b3A6IDIwJTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jaGVjay1pY29uIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICMxYWNjMDQ7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA1cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRvcDogMjAlO1xuICAgIG1hcmdpbi1yaWdodDogMThweDtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHggIWltcG9ydGFudDtcbiAgICAvL2JvcmRlcjogbm9uZSBzb2xpZCBub25lIG5vbmUgIWltcG9ydGFudDtcbiAgICAvL2JvcmRlci1jb2xvcjogYmxhY2s7XG59XG5cbi5jYW5jbGUtaWNvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiByZWQ7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA1cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRvcDogMjAlO1xuICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICBtYXJnaW4tbGVmdDogMzVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtcmlwcGxlIHtcbiAgICBoZWlnaHQ6IDBweCAhaW1wb3J0YW50O1xufVxuXG4uc3RyYXRlLWxpbmUge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICB0b3A6IDUwJTtcbn1cblxuLmlucHV0LWJvcmRlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB3aWR0aDogNzUlICFpbXBvcnRhbnQ7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG59XG5cbi5pbnB1dC1ib3JkZXItZCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB3aWR0aDogNzAlICFpbXBvcnRhbnQ7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG59XG5cbi5jYWxsaW5nLXRhYmxlLm1hdC10YWJsZSAubWF0LWNlbGwge1xuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiBibGFjaztcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgICBvcGFjaXR5OiAxO1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCxcbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtZm9udC50aCB7XG4gICAgY29sb3I6IGJsYWNrO1xufVxuXG4udGFibGUtZm9udC50ZCB7XG4gICAgY29sb3I6ICM1OTU5NTk7XG59XG5cbi5zcnZIaXN0cnlIZWFkZXIxIHtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi50ZWNoLWNhbXAgOjpuZy1kZWVwIC5tYXQtdGFiLWJvZHktd3JhcHBlciB7XG4gICAgYm94LXNoYWRvdzogMCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAuMiksIDAgMnB4IDJweCAwIHJnYmEoMCwgMCwgMCwgLjE0KSwgMCAxcHggNXB4IDAgcmdiYSgwLCAwLCAwLCAuMTIpO1xufVxuXG4udGVjaC1jYW1wIDo6bmctZGVlcCAubWF0LWNhcmQtY29udGVudCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5jdXMzNjBUZHtcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgZm9udC1mYW1pbHk6IHBvcHBpbnM7XG59XG4iLCIud29ya2luZy1hcmVhIHtcbiAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDEwcHg7XG59XG5cbi5jdXN0MzYwLWNvbnRhaW5lciB7XG4gIG1hcmdpbjogMTE1cHggMzBweCAzMHB4IDMwcHg7XG59XG5cbi5leGFtcGxlLWNhcmQxIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBtYXJnaW4tcmlnaHQ6IGF1dG87XG59XG5cbi5leGFtcGxlLWNhcmQxIC5mb250Q2xhc3Mge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5leGFtcGxlLWNhcmQxIC5pbmxpbmVDbGFzcyB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cblxuLmV4YW1wbGUtY2FyZDIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgYm9yZGVyOiBub25lO1xuICBib3gtc2hhZG93OiBub25lO1xuICBwYWRkaW5nOiAwcHg7XG59XG5cbi5oaXN0b3J5LWNhcmQge1xuICBib3gtc2hhZG93OiBub25lO1xuICBwYWRkaW5nOiAwcHg7XG59XG5cbi5mb250Q2xhc3Mge1xuICBmb250OiBCb2xkIDEycHgvMjBweCBSb2JvdG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgY29sb3I6ICM3MDcwNzA7XG59XG5cbi5mb250Q2xhc3NCb2xkIHtcbiAgZm9udC1mYW1pbHk6IEJvbGQgMTZweC8yMnB4IFJvYm90bztcbiAgY29sb3I6ICM3MDcwNzA7XG59XG5cbi5ib3JkZXIge1xuICBib3JkZXI6IDFweCBzb2xpZCAjNzA3MDcwO1xuICBmb250OiAxMnB4LzE4cHggUm9ib3RvO1xuICBjb2xvcjogIzcwNzA3MDtcbiAgYm9yZGVyLXJhZGl1czogMjVweDtcbiAgcGFkZGluZzogNXB4O1xufVxuXG4uc2Vydi1oZWFkaW5nIHtcbiAgd2lkdGg6IDMwJTtcbn1cblxuLnNlcnYtZGVzYyB7XG4gIHdpZHRoOiA3MCU7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG4uc2Vydi1kZXNjIHNtYWxsIHtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICBmbG9hdDogcmlnaHQ7XG59XG5cbi5idXR0b24ge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udDogUmVndWxhciAxNnB4LzIycHggUm9ib3RvO1xuICBjb2xvcjogI2ZmZmZmZjtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4ucmVjZW50IHtcbiAgY29sb3I6ICMxYWNjMDQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcmlnaHQ6IDE1cHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiA3cHg7XG59XG5cbi5kaXNhYmxlZCB7XG4gIG9wYWNpdHk6IDAuNjtcbn1cblxuLmJ1dHRvbnNlcnZpY2Uge1xuICBmbG9hdDogcmlnaHQ7XG4gIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gIGNvbG9yOiAjZjFmMWZmO1xufVxuXG4uY2hlY2thbGlnbiB7XG4gIHBhZGRpbmctbGVmdDogMTZweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLXRvcDogMjBweCAhaW1wb3J0YW50O1xufVxuXG4uY2hlY2thbGlnbm1lbnQge1xuICBwYWRkaW5nLXRvcDogMjBweCAhaW1wb3J0YW50O1xufVxuXG4uaW5saW5lQ2xhc3Mge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6IGJsYWNrO1xuICBvcGFjaXR5OiAxO1xufVxuXG5wLmlubGluZUNsYXNzIHtcbiAgbWFyZ2luLXRvcDogMHB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5tYXJnaW5DbGFzcyB7XG4gIG1hcmdpbi1sZWZ0OiAyMHB4O1xufVxuXG4ubWFyZ2luQ2xhc3MxIHtcbiAgbWFyZ2luLWxlZnQ6IDQwcHg7XG59XG5cbi5uYXZiYXIge1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG4gIHBhZGRpbmctdG9wOiAxMHB4O1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5uYXZiYXIgYSB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmhpc3RvcnktYnRuIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMzBweDtcbn1cblxuLm5vYnVsbGV0IHtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xufVxuXG4ucGxheSB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLXJpZ2h0OiA1cHg7XG59XG5cbi5jb2xvclN0eWxlIHtcbiAgY29sb3I6IGdyZWVueWVsbG93O1xufVxuXG4uY2FsbExvZ3Mge1xuICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICBmbG9hdDogbGVmdDtcbn1cblxuLmN1c3ROb3RpZmljYXRpb24ge1xuICBkaXNwbGF5OiBpbmxpbmU7XG59XG5cbi5leGFtcGxlLXJhZGlvLWdyb3VwIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cblxuLmV4YW1wbGUtcmFkaW8tYnV0dG9uIHtcbiAgbWFyZ2luOiA1cHg7XG59XG5cbi51cGRhdGUtYnRuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzE2Mzc3ZDtcbiAgY29sb3I6ICNmZmZmZmY7XG4gIG1hcmdpbi1sZWZ0OiAxNXB4O1xufVxuXG4uZWRpdC1idG4ge1xuICBtYXJnaW4tbGVmdDogNXB4O1xuICBjb2xvcjogIzE2Mzc3ZDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm9yZGVyOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5udW1iZXItZm9ybSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogNXB4O1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIHBhZGRpbmc6IDAuMTM3NWVtIDA7XG59XG5cbi5udW1iZXItZm9ybSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGJvdHRvbTogMC4yNWVtO1xuICBoZWlnaHQ6IDBweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCBpbnB1dC5tYXQtaW5wdXQtZWxlbWVudCB7XG4gIG1hcmdpbi10b3A6IDBweDtcbn1cblxuLm51bWJlci1mb3JtIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLm51bWJlci1yb3cge1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDJweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHdpZHRoOiAxMDAlO1xuICBmb250LXNpemU6IDEycHg7XG4gIHBhZGRpbmctYm90dG9tOiA1cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA5MCU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXNpemU6IDEzcHg7XG59XG5cbi5tYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlci10aXRsZSB7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGZvbnQtc2l6ZTogMTNweDtcbiAgZm9udDogQm9sZCAxNHB4LzE2cHggUm9ib3RvO1xufVxuLm1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyLXRpdGxlIGkge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIGNvbG9yOiAjMDA0NTdEO1xufVxuXG4uZm9udENsYXNzIHtcbiAgZm9udDogQm9sZCAxNHB4LzE2cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiAjN2I3YTdhO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiAzcHggIWltcG9ydGFudDtcbn1cblxuLmZvbnRDbGFzc0JvbGQge1xuICBmb250LWZhbWlseTogQm9sZCAxNnB4LzIycHggUm9ib3RvO1xuICBjb2xvcjogIzAwMDAwMDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250LXdlaWdodDogNTAwO1xufVxuLmZvbnRDbGFzc0JvbGQgaSB7XG4gIGNvbG9yOiAjMDA0NTdEO1xuICBtYXJnaW4tcmlnaHQ6IDVweDtcbn1cblxuLmJvcmRlciB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICM3MDcwNzA7XG4gIGZvbnQ6IDEycHgvMThweCBSb2JvdG87XG4gIGNvbG9yOiAjNzA3MDcwO1xuICBib3JkZXItcmFkaXVzOiAyNXB4O1xuICBwYWRkaW5nOiA1cHg7XG59XG5cbi5idXR0b24ge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udDogUmVndWxhciAxNnB4LzIycHggUm9ib3RvO1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLmJ1dHRvbnNlcnZpY2Uge1xuICBmbG9hdDogcmlnaHQ7XG4gIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gIGNvbG9yOiAjZjFmMWZmO1xufVxuXG4uZXhhbXBsZS1yYWRpby1ncm91cCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5leGFtcGxlLXJhZGlvLWJ1dHRvbiB7XG4gIG1hcmdpbjogNXB4O1xufVxuXG4ubWF0LWRpYWxvZy1jb250ZW50IHtcbiAgcGFkZGluZzogNXB4IDI0cHg7XG59XG5cbi5jb250YWN0IHtcbiAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgbWFyZ2luLXRvcDogMjBweDtcbn1cblxuLmNvbnRhY3QgLm1hdC10YWItZ3JvdXAge1xuICBtaW4taGVpZ2h0OiAxNTBweDtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbiAgaGVpZ2h0OiAyMHB4O1xuICBtaW4td2lkdGg6IDkwcHg7XG4gIGNvbG9yOiAjNTQ4MkJDO1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIGZvbnQtc2l6ZTogMTFweDtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkM7XG4gIGNvbG9yOiAjZmZmZmZmO1xuICBvcGFjaXR5OiAxO1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItaGVhZGVyIHtcbiAgYm9yZGVyOiBub25lO1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGlzdCAubWF0LWluay1iYXIge1xuICBoZWlnaHQ6IDBweDtcbn1cblxuLnRhYnJvdyB7XG4gIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG4gIG1hcmdpbi1ib3R0b206IDIwcHg7XG59XG5cbi5hbGlnbiB7XG4gIHBhZGRpbmctbGVmdDogMTZweDtcbiAgcGFkZGluZy10b3A6IDIwcHg7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbiAgaGVpZ2h0OiAzNXB4O1xuICBwYWRkaW5nOiAwcHggMTBweDtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogOHB4ICFpbXBvcnRhbnQ7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA4cHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMXB4O1xuICBib3JkZXItY29sb3I6ICNkM2QzZDM7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBtYXJnaW4tbGVmdDogM3B4O1xuICBjb2xvcjogYmxhY2s7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gIGNvbG9yOiAjZmZmZmZmO1xuICBvcGFjaXR5OiAxO1xuICBib3JkZXItc3R5bGU6IG5vbmU7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWhlYWRlciB7XG4gIGJvcmRlcjogbm9uZTtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItbGlzdCAubWF0LWluay1iYXIge1xuICBoZWlnaHQ6IDBweDtcbn1cblxuLnRhYmxlIHtcbiAgZm9udC1mYW1pbHk6IFwiVHJlYnVjaGV0IE1TXCIsIEFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4udGFibGUgdGQsXG4udGFibGUgdGgge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIHBhZGRpbmc6IDVweDtcbiAgd2lkdGg6IGF1dG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLnRhYmxlIHRyOm50aC1jaGlsZChldmVuKSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi50YWJsZSB0cjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi50YWJsZSB0aCB7XG4gIHBhZGRpbmctdG9wOiA1cHg7XG4gIHBhZGRpbmctYm90dG9tOiA1cHg7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkM2QzZDM7XG4gIGNvbG9yOiBibGFjaztcbn1cblxuLmZhdWx0LXRhYmxlIHRkLFxuLmZhdWx0LXRhYmxlIHRoIHtcbiAgcGFkZGluZzogNXB4O1xufVxuXG4uZmF1bHQtdGFibGUgLmZhdWx0LWRhdGUge1xuICB3aWR0aDogMTUlICFpbXBvcnRhbnQ7XG59XG4uZmF1bHQtdGFibGUgLmZhdWx0LWRlcyB7XG4gIHdpZHRoOiAyMCUgIWltcG9ydGFudDtcbn1cblxuLmJ0biB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xuICBoZWlnaHQ6IDI1cHg7XG59XG5cbi5idG4gcCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgY29sb3I6ICNmZmY7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgbWFyZ2luOiBhdXRvO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxpbmUtaGVpZ2h0OiAxMHB4O1xufVxuXG4vKiBzbGlkZXJzICovXG4vKiBMZWZ0IFNsaWRlciAqL1xuLmJ0bi0xIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICBjb2xvcjogIzAwNDU3RCAhaW1wb3J0YW50O1xuICBib3JkZXI6IDFweCBzb2xpZCAjMDA0NTdEO1xufVxuXG4uYnRuLTEgcCB7XG4gIG1hcmdpbjogYXV0bztcbn1cblxudGFibGUge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLnJlY3QyIHtcbiAgcGFkZGluZzogMTVweDtcbiAgaGVpZ2h0OiAxMzBweDtcbiAgd2lkdGg6IDkzJTtcbiAgYmFja2dyb3VuZDogI2VhZWFlYTtcbn1cblxuLnJlY3QzIHtcbiAgcGFkZGluZy10b3A6IDE1cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDE1cHg7XG4gIHBhZGRpbmctbGVmdDogMTVweDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgaGVpZ2h0OiA2NnB4O1xuICB3aWR0aDogOTMlO1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xufVxuXG4ucmVjdDMgLmJ1dHRvbiB7XG4gIGZsb2F0OiByaWdodDtcbiAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cblxuLnJlY3Q0IHtcbiAgZmxvYXQ6IGxlZnQ7XG4gIHdpZHRoOiA5MyU7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5uZ3gtdGltZXBpY2tlci1maWVsZC1leGFtcGxlIHtcbiAgZmxvYXQ6IGxlZnQ7XG4gIG1hcmdpbi10b3A6IDE1cHg7XG59XG5cbi5yZWN0NSB7XG4gIGZsb2F0OiBsZWZ0O1xuICB3aWR0aDogNTAlO1xufVxuXG4udGV4dC1wcCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbC1wb3B1cC1zYXZlIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG59XG5cbi5pY29ucyAuZmEtcGhvbmUge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgxMzVkZWcpO1xufVxuXG4uaWNvbnMgLmZhLW1pY3JvcGhvbmUtc2xhc2gsXG4uaWNvbnMgLmZhLXBob25lIHtcbiAgZm9udC1zaXplOiAyNHB4O1xufVxuXG4uaWNvbnMgLmJ1dHRvbiB7XG4gIG1hcmdpbjogNXB4O1xufVxuXG4uaWNvbnMge1xuICBtYXJnaW4tdG9wOiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDI5JTtcbn1cblxuLmhhbmctYnRuIHtcbiAgY29sb3I6IHJlZCAhaW1wb3J0YW50O1xuICBib3JkZXItY29sb3I6IHJlZCAhaW1wb3J0YW50O1xufVxuXG4uY2xhc3N0ZXh0MSB7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uZGF0YXZpZXcge1xuICBtYXJnaW4tbGVmdDogMTVweDtcbn1cblxuLnRpbWVzdGFtcCB7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICB3aWR0aDogNTUlO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGNvbG9yOiAjMDA0NTdEO1xuICBmb250LXNpemU6IDEycHg7XG4gIHdpZHRoOiA1MCU7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWNoZWNrZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xufVxuXG4uaGlzdG9yeS1jYXJkIC5hcHBseUhvcml6b250YWxTY3JvbGwge1xuICBtYXJnaW4tYm90dG9tOiAwcHg7XG59XG5cbi5oaXN0b3J5LWNhcmQgOjpuZy1kZWVwIG1hdC1wYWdpbmF0b3Ige1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xufVxuXG4uaGlzdG9yeS1jYXJkIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDE1cHg7XG59XG5cbi5oaXN0b3J5LWNhcmQgOjpuZy1kZWVwIC5tYXQtY2FyZC1jb250ZW50IHtcbiAgcGFkZGluZy1ib3R0b206IDQwcHg7XG59XG5cbi5yZWNvcmRpbmctZGFpbG9nIHtcbiAgYm94LXNoYWRvdzogMCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDJweCAycHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCA1cHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICByaWdodDogMTUlO1xufVxuXG4uY2FsbC1yZXNwb25zZSB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgd2lkdGg6IDM1JTtcbiAgdG9wOiAyMyU7XG4gIHJpZ2h0OiA1MHB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogMCU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG4gIGJvcmRlci1zdHlsZTogbm9uZSBzb2xpZCBzb2xpZCBub25lO1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmljb24tYmFja2dyb3VuZCB7XG4gIGNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gIGhlaWdodDogMTNweCAhaW1wb3J0YW50O1xuICB3aWR0aDogMTNweCAhaW1wb3J0YW50O1xufVxuXG4uZWRpdC1pY29uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogIzAwNDU3RDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRvcDogMjAlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jaGVjay1pY29uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogIzFhY2MwNDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRvcDogMjAlO1xuICBtYXJnaW4tcmlnaHQ6IDE4cHg7XG4gIG1hcmdpbi1ib3R0b206IDVweCAhaW1wb3J0YW50O1xufVxuXG4uY2FuY2xlLWljb24ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiByZWQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDVweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICB0b3A6IDIwJTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBtYXJnaW4tbGVmdDogMzVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtcmlwcGxlIHtcbiAgaGVpZ2h0OiAwcHggIWltcG9ydGFudDtcbn1cblxuLnN0cmF0ZS1saW5lIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRvcDogNTAlO1xufVxuXG4uaW5wdXQtYm9yZGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHdpZHRoOiA3NSUgIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmlucHV0LWJvcmRlci1kIHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHdpZHRoOiA3MCUgIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmNhbGxpbmctdGFibGUubWF0LXRhYmxlIC5tYXQtY2VsbCB7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6IGJsYWNrO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgb3BhY2l0eTogMTtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICBmb250LXNpemU6IDEycHg7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBub25lIG5vbmUgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4xcHg7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtZm9udC50aCB7XG4gIGNvbG9yOiBibGFjaztcbn1cblxuLnRhYmxlLWZvbnQudGQge1xuICBjb2xvcjogIzU5NTk1OTtcbn1cblxuLnNydkhpc3RyeUhlYWRlcjEge1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4udGVjaC1jYW1wIDo6bmctZGVlcCAubWF0LXRhYi1ib2R5LXdyYXBwZXIge1xuICBib3gtc2hhZG93OiAwIDNweCAxcHggLTJweCByZ2JhKDAsIDAsIDAsIDAuMiksIDAgMnB4IDJweCAwIHJnYmEoMCwgMCwgMCwgMC4xNCksIDAgMXB4IDVweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG59XG5cbi50ZWNoLWNhbXAgOjpuZy1kZWVwIC5tYXQtY2FyZC1jb250ZW50IHtcbiAgbWFyZ2luLWJvdHRvbTogMHB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLmN1czM2MFRkIHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBmb250LWZhbWlseTogcG9wcGlucztcbn0iXX0= */\"","import { Component, OnInit, ViewChild } from \"@angular/core\";\nimport { ToastrService } from \"ngx-toastr\";\nimport { CommonService } from \"../../core/service/common-service/common.service\";\nimport { MatDialog, MatSort, MatPaginator, MatTableDataSource, MatTabChangeEvent } from \"@angular/material\";\nimport { Router } from \"@angular/router\";\nimport { DatePipe } from \"@angular/common\";\nimport { CallParams } from \"src/app/model/call-params.model\";\nimport { DialogService } from \"src/app/dialog.service\";\n\n@Component({\n selector: \"app-customer360\",\n templateUrl: \"./customer360.component.html\",\n styleUrls: [\"./customer360.component.scss\"]\n})\nexport class Customer360Component implements OnInit {\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n @ViewChild('CallLogsPaginator', { static: true }) callLogsPaginator: MatPaginator;\n @ViewChild('CallLogsSort', { static: true }) callLogsSort: MatSort;\n @ViewChild('RemarksPaginator', { static: true }) remarksPaginator: MatPaginator;\n @ViewChild('RemarksSort', { static: true }) remarksSort: MatSort;\n @ViewChild('ServiceHistoryPaginator', { static: true }) serviceHistoryPaginator: MatPaginator;\n @ViewChild('ServiceHistorySort', { static: true }) serviceHistorySort: MatSort;\n\n cus360: any;\n cusType: string;\n calledNo: string;\n vehicleDetails: any = {};\n lastServiceDetails: any = {};\n serviceDetails: any = {};\n faultDetails: any = [];\n callVisible: boolean;\n spinner: boolean;\n vinNoList: string[] = [];\n vehicleInfoList: any[] = [];\n vehicleTypeCallInfo: any;\n vehicleServiceAndStausInfo: any;\n dataSource: any;\n selectedNumber: any;\n selectedName: any;\n updatedNumber: any;\n updatedName: any;\n contactInfoOwner: any[] = [];\n contactInfoFleet: any[] = [];\n contactInfoDriver: any[] = [];\n updatedNumberType: string;\n updatedNameType: string;\n secondaryNo: string;\n unableEdit: any = {};\n unableCall: boolean = false;\n workShops = [];\n selectedWorkShop: string;\n audioSource: any = {};\n selectedVehicle: string;\n HideServiceHistory: boolean = true;\n historyToggleStatus: boolean = false;\n showCallDailog: boolean = false;\n showRecordingDailog: boolean = false;\n showPlayBtn: boolean = true;\n paused: boolean = false;\n ownerSelected: boolean = true;\n fleetSelected: boolean = false;\n driverSelected: boolean = false;\n errorShow: any = {};\n customerID: string;\n userId: string;\n chassisNo: string;\n recentNumber: string;\n bookingCount: number;\n followupCount: number;\n customerData: any;\n vin: string;\n rrDetails: any = [];\n rrLength: number;\n technicalCampLength: number;\n division: string;\n workshopAppointmentFlag: boolean = false;\n cdmTrailCheckOwner: boolean = false;\n cdmTrailCheckfleet: boolean = false;\n cdmTrailCheckdriver: boolean = false;\n secondTrailCall: boolean = false;\n //service history table columns\n displayedColumns: string[] = [\n \"jcNo\",\n \"servNo\",\n \"dealerLoc\",\n \"jbcardDate\",\n \"mileage\",\n \"failureDate\",\n \"billDate\",\n \"insdate\",\n \"mechanic\",\n \"serviceAdv\",\n \"serviceAdvNo\"\n ];\n\n //call log table columns\n displayedCallColumns: string[] = [\n \"number\",\n \"callDate\",\n \"startTime\",\n \"duration\",\n \"recording\"\n ];\n\n //call log table columns\n displayedRemarksColumns: string[] = [\n \"remark\",\n \"remarkDate\",\n \"remarkTime\"\n ];\n\n displayedFaultColumns: string[] = [\n \"faultCaseId\",\n \"rulesDesc\",\n \"faultListDate\",\n \"faultFertCode\",\n \"faultServiceDueDate\",\n \"faultBookingDate\"\n ];\n\n displayedTechnicalCampColumns: string[] = [\n \"campaignId\",\n \"campaignIdDesc\",\n \"campaignStartDate\",\n \"campaignEndDate\",\n \"techCampaignCallStatus\",\n \"techBookingDate\"\n ];\n\n \n dataSource1: any[];\n expandedElement: any[] = [];\n rows: any = [];\n\n callLists: any;\n callCount: number = 0;\n\n remarksDetails: any;\n historyDetails: any;\n remarksCount: number = 0;\n historyCount: number = 0;\n private audio: HTMLMediaElement;\n techCampDetails: any;\n techCampCount: number = 0;\n selectedTab: any;\n custNameForSave: any;\n serviceCount: any;\n bookingDuration: any;\n serviceType: any;\n userContactNo: string;\n countryCode: string;\n recordingUrl: any;\n callOption: string;\n transId: any;\n blockStatus: String = 'false';\n\n constructor(\n private dialogService: DialogService,\n private datePipe: DatePipe,\n public dialog: MatDialog,\n private commonService: CommonService,\n private toastr: ToastrService,\n private router: Router\n ) {\n this.unableEdit['O'] = {};\n this.unableEdit['F'] = {};\n this.unableEdit['D'] = {};\n }\n\n ngOnInit() {\n this.userInfo = JSON.parse(localStorage.getItem(\"userInfo\") || null)[0];\n this.customerData = JSON.parse(localStorage.getItem(\"customerData\") || null);\n this.callVisible = true;\n this.chassisNo = localStorage.getItem(\"chassisNo\");\n this.userId = localStorage.getItem(\"userId\");\n this.customerID = localStorage.getItem(\"customerId\");\n this.userContactNo = localStorage.getItem(\"userContactNo\");\n this.countryCode = localStorage.getItem(\"countryCode\");\n this.workShops = JSON.parse(localStorage.getItem('workshops'));\n this.selectedWorkShop = (this.workShops && this.workShops.length) ? this.workShops[0].workshopCode : '';\n this.customerData = JSON.parse(localStorage.getItem(\"customerData\"));\n this.vin = this.customerData.vin;\n\n if (localStorage.getItem(\"userId\") == null || localStorage.getItem(\"userId\") == undefined) {\n this.router.navigate([\"login\"]);\n }\n\n //this.getBookingFollowupCount(this.customerID, this.vin);\n this.getWorkshopAppointmentFlag();\n this.getCustomer360();\n this.getCallList();\n this.getContactdetail();\n this.fetchBlockStatus();\n }\n\n /**\n * Name: getCallRecording\n * purpose: To get call recording and play\n */\nrecording:string = ''\n getCallRecording(bucketName: string, fileName: string, id: string, source: string,element:any): void {\n console.log(element);\n \n if (element.recordingUrl) {\n this.recording = element.recordingUrl;\n }else{\n this.recording = '';\n }\n this.spinner = true;\n this.onRecordingClose();\n this.commonService.downloadAudio(bucketName, fileName, source).subscribe(res => {\n this.spinner = false;\n var binary = res['body'];\n var blob = new Blob([binary], { type: 'audio/mp4' });\n this.audioSource.id = id;\n this.audioSource.url = URL.createObjectURL(blob);\n if (this.audioSource.url) {\n this.playRecording();\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n /**\n * Name: playRecording\n * purpose: To play recoding\n */\n playRecording(): void {\n this.showPlayBtn = false;\n this.showRecordingDailog = true;\n }\n\n /**\n * Name: onRecordingClose\n * purpose: To close Recording dailog\n */\n onRecordingClose() {\n this.showPlayBtn = true;\n this.showRecordingDailog = false;\n }\n\n /**\n * Name: getContactdetail\n * purpose: To get customer Contact detail\n */\n getContactdetail(): void {\n this.spinner = true;\n this.commonService.contactdetail(this.customerID).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.contactInfoOwner = res[\"responseData\"].filter(contact => contact.flag == \"O\");\n this.contactInfoFleet = res[\"responseData\"].filter(contact => contact.flag == \"F\");\n this.contactInfoDriver = res[\"responseData\"].filter(contact => contact.flag == \"D\");\n this.selectedNumber = this.contactInfoOwner[0].contactNo;\n this.selectedName = this.contactInfoOwner[0].name;\n this.unableEdit['O'][0] = true;\n this.unableEdit['O'][1] = false;\n this.unableEdit['D'][0] = true;\n this.unableEdit['D'][1] = false;\n this.updatedNumberType = 'Primary';\n this.unableCall = true;\n this.spinner = false;\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n },\n ()=>{\n this.updateActiveContactNo();\n });\n }\n\n getCdmData() {\n let temp: any;\n this.selectedTab = this.selectedTab ? this.selectedTab : 0;\n\n let data = {\n \"customerId\": this.customerID,\n \"vin\": \"\",\n \"phoneNo\": \"\",\n \"startDate\": \"\",\n \"endDate\": \"\",\n \"date\": \"\",\n \"customerName\": \"\",\n \"type\": \"T\",\n \"flag\": this.selectedTab == 0 ? 'C' : this.selectedTab == 1 ? 'F' : this.selectedTab == 2 ? 'D' : 'C'\n };\n this.commonService.fetchCdmData(data).subscribe((resp) => {\n if (resp['responseCode'] == 0) {\n temp = resp[\"responseData\"].filter(contact => contact.contactNo = contact.phoneNo);\n temp.forEach((trail) => {\n if (this.selectedTab == 0) {\n this.contactInfoOwner.push(trail)\n this.cdmTrailCheckOwner = true\n } else if (this.selectedTab == 1) {\n this.contactInfoFleet.push(trail)\n this.cdmTrailCheckfleet = true\n } else if (this.selectedTab == 2) {\n this.contactInfoDriver.push(trail)\n this.cdmTrailCheckdriver = true\n }\n })\n this.trailLogCheck();\n } else {\n this.toastr.error(resp['message'], \"Error\");\n }\n\n }, error => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n // this.contactInfoOwner.push(temp[0]);\n\n }\n\n trailLogCheck() {\n if (this.selectedTab == 0) {\n this.secondTrailCall = this.cdmTrailCheckOwner\n // return this.cdmTrailCheckOwner\n } else if (this.selectedTab == 1) {\n this.secondTrailCall = this.cdmTrailCheckfleet\n // return this.cdmTrailCheckfleet\n } else if (this.selectedTab == 2) {\n this.secondTrailCall = this.cdmTrailCheckdriver\n // return this.cdmTrailCheckdriver\n } else {\n this.secondTrailCall = false\n }\n }\n\n /**\n * Name: checkCallStatus\n * purpose: To set contect type selection\n * @param {any} type - type of number\n */\n checkCallStatus(type: any): void {\n this.onTabChange(type)\n this.selectedTab = type && type.index;\n if (type && type.index == 0) {\n this.ownerSelected = true;\n this.fleetSelected = false;\n this.driverSelected = false;\n if (this.contactInfoOwner.length) {\n this.unableCall = true;\n this.contactInfoOwner.forEach((element, i) => {\n if (this.unableEdit['O'][i] != undefined && this.unableEdit['O'][i]) {\n this.selectedNumber = element.contactNo;\n this.selectedName = element.name;\n }\n });\n } else {\n this.unableCall = false;\n }\n }\n\n if (type && type.index == 1) {\n this.ownerSelected = false;\n this.fleetSelected = true;\n this.driverSelected = false;\n if (this.contactInfoFleet.length) {\n this.unableCall = true;\n let numberSelected = false;\n this.contactInfoFleet.forEach((element, i) => {\n if (this.unableEdit['F'][i] != undefined && this.unableEdit['F'][i]) {\n this.selectedNumber = element.contactNo;\n this.selectedName = element.name;\n numberSelected = true;\n }\n });\n if (!numberSelected) {\n this.selectedNumber = this.contactInfoFleet[0].contactNo;\n this.selectedName = this.contactInfoFleet[0].name;\n this.unableEdit['F'][0] = true;\n }\n } else {\n this.unableCall = false;\n }\n }\n\n if (type && type.index == 2) {\n this.ownerSelected = false;\n this.fleetSelected = false;\n this.driverSelected = true;\n if (this.contactInfoDriver.length) {\n this.unableCall = true;\n let numberSelected = false;\n this.contactInfoDriver.forEach((element, i) => {\n if (this.unableEdit['D'][i] != undefined && this.unableEdit['D'][i]) {\n this.selectedNumber = element.contactNo;\n this.selectedName = element.name;\n numberSelected = true;\n }\n });\n if (!numberSelected) {\n this.selectedNumber = this.contactInfoDriver[0].contactNo;\n this.selectedName = this.contactInfoDriver[0].name;\n this.unableEdit['D'][0] = true;\n }\n } else {\n this.unableCall = false;\n }\n }\n this.trailLogCheck();\n }\n\n /**\n * Name: callUser\n * purpose: To call user\n */\n private callUser(): void {\n this.showRecordingDailog = false;\n this.spinner = true;\n let callNumber = this.selectedNumber;\n let type = (this.ownerSelected ? 'C' : (this.fleetSelected ? 'F' : 'D'));\n if(type=='C'){\n this.contactInfoOwner.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n }\n });\n }else if(type=='F'){\n this.contactInfoFleet.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n }\n });\n }\n else if(type=='D'){\n this.contactInfoDriver.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n }\n });\n }\n this.calledNo = this.selectedNumber;\n this.cusType = type;\n callNumber = \"+91\" + callNumber;\n if(type != 'C') {\n this.blockStatus = 'false';\n }\n if(this.blockStatus == 'false') {\n this.commonService.callCustomer(this.userId, this.customerID, callNumber, type, 'SRM').subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.showCallDailog = true;\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n } else {\n this.toastr.info(\"Customer contact number is block. Please connect to Fleet Manager or Driver.\", \"Info\");\n }\n\n if (localStorage.getItem('countryCode')=='IND91') {\n this.callingToUser();\n }else{\n localStorage.setItem(\"exotel_URI\",'')\n }\n }\n\n /**\n * Name: onClose\n * purpose: To close call dailog\n */\n onClose() {\n this.showCallDailog = false;\n this.getContactdetail();\n }\n\n /**\n * Name: updateNumber\n * @param {boolean} addNumber - type of number\n * purpose: To set customer number\n */\n updateNumber(addNumber: boolean): void {\n if ((this.updatedNumber && this.updatedNumber.length == 10) || (addNumber && this.secondaryNo && this.secondaryNo.length == 10)) {\n this.spinner = true;\n let oldNumber = this.selectedNumber;\n let newNumber = this.updatedNumber ? this.updatedNumber : this.selectedNumber;\n let oldName = this.selectedName;\n let newName = this.updatedName;\n if (addNumber) {\n oldNumber = this.secondaryNo;\n newNumber = this.secondaryNo;\n this.updatedNumberType = \"Secondary\";\n }\n this.commonService.updateNumber(newNumber, oldNumber, this.updatedNumberType, this.customerID, this.userId, oldName, newName).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n this.selectedNumber = this.updatedNumber;\n this.selectedName = this.updatedName;\n this.toastr.success(\"Data is saved.\", \"Success\");\n this.getContactdetail();\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n })\n }\n }\n\n /**\n * Name: onNameChange\n * * purpose: To get new selected name\n * @param name\n * @param editName\n * @param index\n * @param type\n */\n onNameChange(name: any, editName: boolean, index: any, type: string) {\n if (type == 'D' && editName) {\n this.updatedName = name.name;\n this.updatedNumber = name.contactNo;\n this.updatedNumberType = 'D';\n this.errorShow[index] = false;\n } else {\n this.selectedName = name.name;\n this.updatedNumber = name.contactNo;\n this.updatedName = name.name;\n this.updatedNumberType = index == 0 ? 'Y' : \"N\";\n if (type == 'D') {\n this.contactInfoDriver.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n }\n }\n }\n\n /**\n * Name: onNumberChange\n * purpose: To get new selected number\n */\n onNumberChange(number: any, editNumber: boolean, index: any, type: string): void {\n if (type == \"D\" && editNumber && number.contactNo.length == 10) {\n this.updatedNumber = number.contactNo;\n this.updatedName = number.name;\n this.updatedNumberType = 'D';\n this.errorShow[index] = false;\n } else if (editNumber && number.contactNo.length == 10) {\n this.updatedNumber = number.contactNo;\n this.updatedName = number.name;\n this.updatedNumberType = index == 0 ? 'Y' : 'N';\n this.errorShow[index] = false;\n } else if (editNumber && number.contactNo.length !== 10) {\n this.errorShow[index] = true;\n } else {\n this.selectedNumber = number.contactNo;\n this.selectedName = number.name;\n this.updatedNumber = number.contactNo;\n this.updatedName = number.name;\n this.updatedNumberType = index == 0 ? 'Y' : 'N';\n if (type == 'O') {\n this.contactInfoOwner.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n } else if (type == 'F') {\n this.contactInfoFleet.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n } else if (type == 'D') {\n this.contactInfoDriver.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n }\n\n }\n }\n\n /**\n * Name: sendWorkshopMsg\n * purpose: To send workshop addess SMS\n */\n sendWorkshopMsg(): void {\n this.spinner = true;\n let data = {\n contactNo: this.selectedNumber,\n custName: this.cus360['CUSTOMER_INFO'].custName,\n }\n this.workShops.forEach(workshop => {\n if (workshop.workshopCode == this.selectedWorkShop) {\n data['wSAddress'] = workshop.workshopAddress || '';\n data['wSManager'] = workshop.contactNo || '';\n data['wSName'] = workshop.workshopName || '';\n }\n });\n this.commonService.sendLocationSMS(data).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.toastr.info(res['message'], \"Message\");\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getCustomer360\n * purpose: To get customer data\n */\n getCustomer360(): void {\n this.spinner = true;\n this.commonService.getcustomerdata(this.customerID, this.userId, \"\").subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.cus360 = res[\"responseData\"];\n if (this.cus360[\"VECHILE_INFO\"] && this.cus360[\"VECHILE_INFO\"].length && this.cus360[\"VECHILE_INFO\"][0].vin6Bits) {\n this.selectedVehicle = this.cus360[\"VECHILE_INFO\"][0].vin6Bits\n this.cus360[\"VECHILE_INFO\"].forEach(element => {\n this.vinNoList.push(element.vin6Bits);\n this.vehicleInfoList.push(element);\n });\n this.subTabDefault(this.selectedVehicle);\n } else {\n this.vehicleDetails = {};\n }\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getCallList\n * purpose: To get customer call data\n */\n getCallList(): void {\n this.spinner = true;\n this.commonService.callDetails(this.userId, this.customerID, 'SRM').subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n \n this.callLists = new MatTableDataSource(res['responseData']);\n \n \n this.recentNumber = (res['responseData'].length && res['responseData'][0].custNo) ? res['responseData'][0].custNo.split('+91')[1] : '';\n this.sort.direction = '';\n this.callLists.sort = this.callLogsSort;\n this.callLists.paginator = this.callLogsPaginator;\n this.callCount = res['responseData'].length;\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getHistory\n * purpose: To get service history\n */\n getHistory(showHistory: boolean): void {\n if (showHistory) {\n this.spinner = true;\n this.commonService.history(this.chassisNo).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.HideServiceHistory = false;\n this.dataSource1 = res[\"responseData\"];\n this.historyDetails = new MatTableDataSource(this.dataSource1);\n this.sort.direction = '';\n this.historyDetails.sort = this.serviceHistorySort;\n this.historyDetails.paginator = this.serviceHistoryPaginator;\n this.historyCount = this.dataSource1.length;\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.historyDetails = [];\n this.spinner = false;\n this.historyToggleStatus = false;\n }\n }, err => {\n this.spinner = false;\n this.historyToggleStatus = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n } else {\n this.HideServiceHistory = true;\n }\n }\n\n /**\n * Name: subTabDefault\n * purpose: To set vehicle details as selected\n */\n subTabDefault(selectedVehicle: string): void {\n this.vehicleDetails = this.cus360[\"VECHILE_INFO\"].filter(vehicle => vehicle.vin6Bits == selectedVehicle)[0];\n this.division = this.vehicleDetails.division;\n //this.rrLength = Object.keys(this.cus360[\"RR_SERVICE_INFO\"]).length;\n localStorage.setItem(\"chassisNo\", this.vehicleDetails.chassisNo);\n this.chassisNo = this.vehicleDetails.chassisNo;\n //change the sale date format\n this.vehicleDetails.saleDate = this.datePipe.transform(\n this.vehicleDetails.saleDate,\n \"yyyy-MM-dd\"\n );\n\n //set the vehicle call Info\n if (this.cus360[\"SERVICE_INFO\"] && Object.keys(this.cus360[\"SERVICE_INFO\"]).length && this.cus360[\"SERVICE_INFO\"][selectedVehicle]) {\n this.serviceDetails = this.cus360[\"SERVICE_INFO\"][selectedVehicle];\n this.serviceCount=this.cus360[\"SERVICE_INFO\"][selectedVehicle][\"serviceSeq\"];\n if(this.serviceCount >= 0) {\n if(this.serviceCount % 2 == 1) {\n this.bookingDuration = 90;\n } else {\n this.bookingDuration = 240;\n }\n }\n\n localStorage.setItem(\"serviceInfo\", JSON.stringify(this.cus360[\"SERVICE_INFO\"]));\n localStorage.setItem(\"serviceDueDate\", this.cus360[\"SERVICE_INFO\"][selectedVehicle].serviceDueDate);\n\n //set the vehicle call Info\n this.vehicleServiceAndStausInfo = this.serviceDetails.campaignId ? this.serviceDetails.serviceType : this.serviceDetails.serviceType + \", \" + this.serviceDetails.callStatus;\n this.vehicleTypeCallInfo = this.serviceDetails.callType;\n this.serviceType = this.serviceDetails.serviceType.split(' - ')[0];\n } else {\n this.serviceDetails = {};\n }\n\n if (this.cus360[\"FAULT_SERVICE_INFO\"] && Object.keys(this.cus360[\"FAULT_SERVICE_INFO\"]).length && this.cus360[\"FAULT_SERVICE_INFO\"][selectedVehicle]) {\n let faultInfo = this.cus360[\"FAULT_SERVICE_INFO\"][selectedVehicle];\n this.faultDetails = new MatTableDataSource(faultInfo);\n } else {\n this.faultDetails = [];\n }\n\n if (this.cus360[\"LAST_SERVICE_INFO\"] && Object.keys(this.cus360[\"LAST_SERVICE_INFO\"]).length && this.cus360[\"LAST_SERVICE_INFO\"][selectedVehicle]) {\n this.lastServiceDetails = this.cus360[\"LAST_SERVICE_INFO\"][selectedVehicle];\n localStorage.setItem(\"milage\", this.lastServiceDetails.milage);\n this.lastServiceDetails.invoiceDate = this.datePipe.transform(\n this.lastServiceDetails.invoiceDate,\n \"yyyy-MM-dd\"\n );\n } else {\n this.lastServiceDetails = {};\n }\n\n if (this.cus360[\"Remark_Info\"] && Object.keys(this.cus360[\"Remark_Info\"]).length && this.cus360[\"Remark_Info\"][selectedVehicle]) {\n let remarks = this.cus360[\"Remark_Info\"][selectedVehicle];\n remarks.forEach(element => {\n let date = element.remarkTime + \" GMT+0000\";\n let d = new Date(date);\n element.remarkTime = d;\n element.remarkDate = this.datePipe.transform(element.remarkTime, \"yyyy-MM-dd\");\n });\n this.remarksDetails = new MatTableDataSource(remarks);\n this.sort.direction = '';\n this.remarksDetails.sort = this.remarksSort;\n this.remarksDetails.paginator = this.remarksPaginator;\n this.remarksCount = remarks.length;\n } else {\n this.remarksDetails = [];\n }\n\n if (this.cus360[\"Technical_Camp\"] && Object.keys(this.cus360[\"Technical_Camp\"]).length && this.cus360[\"Technical_Camp\"][selectedVehicle]) {\n let techCamp = this.cus360[\"Technical_Camp\"][selectedVehicle];\n this.technicalCampLength = techCamp.length;\n // remarks.forEach(element => {\n // let date = element.remarkTime + \" GMT+0000\";\n // let d = new Date(date);\n // element.remarkTime = d;\n // element.remarkDate = this.datePipe.transform(element.remarkTime, \"yyyy-MM-dd\");\n // });\n this.techCampDetails = new MatTableDataSource(techCamp);\n this.sort.direction = '';\n this.techCampDetails.sort = this.remarksSort;\n this.techCampDetails.paginator = this.remarksPaginator;\n this.techCampCount = techCamp.length;\n } else {\n this.techCampDetails = [];\n }\n }\n\n getWorkshopAppointmentFlag(){\n this.commonService.getWorkshopAppointmentFlag(this.selectedWorkShop)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.workshopAppointmentFlag = res['responseData'][0].appointmentFlag;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n fetchBlockStatus() {\n this.commonService.fetchBlockStatus(this.customerID, 'srm').subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.blockStatus = res[\"responseData\"].blockStatus;\n //this.spinner = false;\n } else {\n //this.spinner = false;\n }\n }, err => {\n //this.spinner = false;\n // this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n // getBookingFollowupCount(customerId: string, vin: string){\n // this.commonService.getBookingFollowupCount(customerId, vin)\n // .subscribe(res => {\n // if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n // this.bookingCount = res['responseData'].bookingCount;\n // this.followupCount = res['responseData'].followUpCount;\n\n // } else {\n // this.spinner = false;\n // this.toastr.error(res['message'], \"Error\");\n // }\n // }, err => {\n // this.spinner = false;\n // this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n // });\n\n // }\n\n\n activeTabLabel: string = 'Owner'; \n activeIndex:number = 0\n userInfo: any;\n\n selectedContactNumbers = {\n 'Owner': null,\n 'Fleet Manager': null,\n 'Driver': null\n };\n\n onTabChange(event: MatTabChangeEvent) {\n this.activeTabLabel = event.tab.textLabel;\n this.activeIndex = event.index;\n this.updateActiveContactNo();\n }\n\n \n\n private updateActiveContactNo() {\n let contactList;\n \n if (this.activeIndex === 0) {\n contactList = this.contactInfoOwner;\n } else if (this.activeIndex === 1) {\n contactList = this.contactInfoFleet;\n } else if (this.activeIndex === 2) {\n contactList = this.contactInfoDriver;\n }\n \n console.log(this.activeIndex);\n console.log(contactList);\n if (contactList && contactList.length > 0) {\n this.selectedContactNumbers[this.activeTabLabel] = this.selectedContactNumbers[this.activeTabLabel] || contactList[0].contactNo;\n }\n \n }\n onRadioChange(contactNo: string, tabLabel: string) {\n this.selectedContactNumbers[tabLabel] = contactNo;\n \n \n }\n\n\n private callingToUser(){\n let customerPhone = this.selectedContactNumbers[this.activeTabLabel];\n if(customerPhone){\n this.makeCall(customerPhone)\n }else{\n this.spinner = false;\n this.toastr.error(\"Customer Phone number can't be Empty while placing the call\")\n }\n }\n\n \n private makeCall(customerPhone:string) {\n const callParams = new CallParams(this.userInfo.contactNo, customerPhone);\n this.spinner = true\n this.commonService.createCallConnection_API(callParams).subscribe({\n next: (response) => {\n if(response.responseData.Uri) {\n localStorage.setItem(\"exotel_URI\",response.responseData.Uri)\n } else{\n localStorage.setItem(\"exotel_URI\",'')\n }\n if (response.responseCode==0) {\n this.toastr.success(\"Call is in progress\")\n \n }else{\n this.toastr.error(response.responseData)\n }\n \n },\n error:(error)=>{\n this.spinner = false\n this.toastr.error(\"Something went wrong\");\n \n },\n complete:()=>{\n this.spinner = false\n }\n });\n }\n\n openConfirmation() {\n if (localStorage.getItem('countryCode')=='IND91') {\n this.dialogService.openConfirmDialog().subscribe(result => {\n if (result) {\n console.log(result);\n this.callUser(); \n } else {\n console.log(result);\n }\n });\n }else{\n this.callUser();\n }\n \n }\n\n}","export default \".chart-container {\\n display: block;\\n margin-bottom: 0px !important;\\n padding: 0px 10px !important;\\n}\\n\\n.detail-card ::ng-deep .mat-tab-label {\\n height: 48px;\\n padding: 0 8px;\\n min-width: 95px;\\n}\\n\\n.chartjs-render-monitor {\\n max-width: 100% !important;\\n}\\n\\n.kpi {\\n background-color: #ededed;\\n padding-top: 120px;\\n padding-left: 10px;\\n padding-right: 20px;\\n padding-bottom: 20px;\\n}\\n\\n.kpi h3 {\\n text-align: center;\\n}\\n\\n.kpi-chart {\\n background: white;\\n padding: 5px;\\n}\\n\\n.kpi-chart .chart-container {\\n padding: 0px 10px;\\n}\\n\\n.kpi-chart .chartjs-render-monitor {\\n height: 60px !important;\\n}\\n\\n.kpi-chrt-head {\\n text-align: center;\\n margin: 0px;\\n}\\n\\n.kpi-chrt-head .heading-kpi {\\n font-size: 13px;\\n color: black;\\n font-weight: 500;\\n padding-top: 5px;\\n}\\n\\n.kpi-chrt-head .state {\\n font-size: 15px;\\n font-weight: 500;\\n padding-top: 10px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvZGFzaGJvYXJkL2NoYXJ0LWRhc2hib2FyZC9jaGFydC1kYXNoYm9hcmQuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudC9kYXNoYm9hcmQvY2hhcnQtZGFzaGJvYXJkL2NoYXJ0LWRhc2hib2FyZC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQTtFQUNFLGNBQUE7RUFDQSw2QkFBQTtFQUNBLDRCQUFBO0FDQUY7O0FER0E7RUFDRSxZQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7QUNBRjs7QURHQTtFQUNFLDBCQUFBO0FDQUY7O0FESUE7RUFDRSx5QkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxtQkFBQTtFQUNBLG9CQUFBO0FDREY7O0FER0U7RUFDRSxrQkFBQTtBQ0RKOztBREtBO0VBQ0UsaUJBQUE7RUFDQSxZQUFBO0FDRkY7O0FESUU7RUFDRSxpQkFBQTtBQ0ZKOztBREtFO0VBQ0UsdUJBQUE7QUNISjs7QURPQTtFQUNFLGtCQUFBO0VBQ0EsV0FBQTtBQ0pGOztBRE1FO0VBQ0UsZUFBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNBLGdCQUFBO0FDSko7O0FET0U7RUFDRSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSxpQkFBQTtBQ0xKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L2Rhc2hib2FyZC9jaGFydC1kYXNoYm9hcmQvY2hhcnQtZGFzaGJvYXJkLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLy9jaGFydCBjc3Ncbi5jaGFydC1jb250YWluZXIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWJvdHRvbTogMHB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IDBweCAxMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5kZXRhaWwtY2FyZCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwge1xuICBoZWlnaHQ6IDQ4cHg7XG4gIHBhZGRpbmc6IDAgOHB4O1xuICBtaW4td2lkdGg6IDk1cHg7XG59XG5cbi5jaGFydGpzLXJlbmRlci1tb25pdG9yIHtcbiAgbWF4LXdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG59XG5cbi8va3BpIGNzc1xuLmtwaSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZGVkZWQ7XG4gIHBhZGRpbmctdG9wOiAxMjBweDtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xuICBwYWRkaW5nLXJpZ2h0OiAyMHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMjBweDtcblxuICBoMyB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG59XG5cbi5rcGktY2hhcnQge1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogNXB4O1xuXG4gIC5jaGFydC1jb250YWluZXIge1xuICAgIHBhZGRpbmc6IDBweCAxMHB4O1xuICB9XG5cbiAgLmNoYXJ0anMtcmVuZGVyLW1vbml0b3Ige1xuICAgIGhlaWdodDogNjBweCAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5rcGktY2hydC1oZWFkIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBtYXJnaW46IDBweDtcblxuICAuaGVhZGluZy1rcGkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBjb2xvcjogYmxhY2s7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBwYWRkaW5nLXRvcDogNXB4O1xuICB9XG5cbiAgLnN0YXRlIHtcbiAgICBmb250LXNpemU6IDE1cHg7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBwYWRkaW5nLXRvcDogMTBweDtcbiAgfVxufVxuIiwiLmNoYXJ0LWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tYm90dG9tOiAwcHggIWltcG9ydGFudDtcbiAgcGFkZGluZzogMHB4IDEwcHggIWltcG9ydGFudDtcbn1cblxuLmRldGFpbC1jYXJkIDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbCB7XG4gIGhlaWdodDogNDhweDtcbiAgcGFkZGluZzogMCA4cHg7XG4gIG1pbi13aWR0aDogOTVweDtcbn1cblxuLmNoYXJ0anMtcmVuZGVyLW1vbml0b3Ige1xuICBtYXgtd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbn1cblxuLmtwaSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZGVkZWQ7XG4gIHBhZGRpbmctdG9wOiAxMjBweDtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xuICBwYWRkaW5nLXJpZ2h0OiAyMHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMjBweDtcbn1cbi5rcGkgaDMge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5rcGktY2hhcnQge1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogNXB4O1xufVxuLmtwaS1jaGFydCAuY2hhcnQtY29udGFpbmVyIHtcbiAgcGFkZGluZzogMHB4IDEwcHg7XG59XG4ua3BpLWNoYXJ0IC5jaGFydGpzLXJlbmRlci1tb25pdG9yIHtcbiAgaGVpZ2h0OiA2MHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5rcGktY2hydC1oZWFkIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBtYXJnaW46IDBweDtcbn1cbi5rcGktY2hydC1oZWFkIC5oZWFkaW5nLWtwaSB7XG4gIGZvbnQtc2l6ZTogMTNweDtcbiAgY29sb3I6IGJsYWNrO1xuICBmb250LXdlaWdodDogNTAwO1xuICBwYWRkaW5nLXRvcDogNXB4O1xufVxuLmtwaS1jaHJ0LWhlYWQgLnN0YXRlIHtcbiAgZm9udC1zaXplOiAxNXB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBwYWRkaW5nLXRvcDogMTBweDtcbn0iXX0= */\"","import { Component, OnInit, Input } from '@angular/core';\nimport { ChartOptions, ChartType, ChartDataSets } from 'chart.js';\nimport { Label } from 'ng2-charts';\n\n@Component({\n selector: 'chart-dashboard',\n templateUrl: './chart-dashboard.component.html',\n styleUrls: ['./chart-dashboard.component.scss'],\n})\n\nexport class ChartDashboardComponent implements OnInit {\n @Input() chartData: ChartDataSets;\n @Input() chartHeight: any;\n @Input() chartWidth: any;\n @Input() chartLabels: Label[];\n @Input() chartOptions: ChartOptions;\n @Input() chartPlugins: any;\n @Input() chartLegend: boolean;\n @Input() chartType: ChartType;\n\n constructor() { }\n\n ngOnInit() { }\n}\n","export default \".example-header {\\n display: flex;\\n align-items: center;\\n padding: 0.5em;\\n}\\n\\n.example-header-label {\\n flex: 1;\\n height: 1em;\\n font-weight: 500;\\n text-align: center;\\n}\\n\\n.example-double-arrow .mat-icon {\\n margin: -22%;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvZGFzaGJvYXJkL2N1c3RvbS1oZWFkZXItY2FsL2N1c3RvbS1oZWFkZXIuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudC9kYXNoYm9hcmQvY3VzdG9tLWhlYWRlci1jYWwvY3VzdG9tLWhlYWRlci5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7QUNDRjs7QURFQTtFQUNFLE9BQUE7RUFDQSxXQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtBQ0NGOztBREVBO0VBQ0UsWUFBQTtBQ0NGIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L2Rhc2hib2FyZC9jdXN0b20taGVhZGVyLWNhbC9jdXN0b20taGVhZGVyLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmV4YW1wbGUtaGVhZGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMC41ZW07XG59XG5cbi5leGFtcGxlLWhlYWRlci1sYWJlbCB7XG4gIGZsZXg6IDE7XG4gIGhlaWdodDogMWVtO1xuICBmb250LXdlaWdodDogNTAwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5leGFtcGxlLWRvdWJsZS1hcnJvdyAubWF0LWljb24ge1xuICBtYXJnaW46IC0yMiU7XG59XG4iLCIuZXhhbXBsZS1oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwLjVlbTtcbn1cblxuLmV4YW1wbGUtaGVhZGVyLWxhYmVsIHtcbiAgZmxleDogMTtcbiAgaGVpZ2h0OiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLmV4YW1wbGUtZG91YmxlLWFycm93IC5tYXQtaWNvbiB7XG4gIG1hcmdpbjogLTIyJTtcbn0iXX0= */\"","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Inject,\n OnDestroy\n} from '@angular/core';\nimport { MatCalendar, MatDatepickerIntl } from '@angular/material/datepicker';\nimport { DateAdapter, MAT_DATE_FORMATS, MatDateFormats } from '@angular/material/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n/** Custom header component for datepicker. */\n@Component({\n selector: 'custom-header',\n templateUrl: './custom-header.component.html',\n styleUrls: ['./custom-header.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ExampleHeader implements OnDestroy {\n private _destroyed = new Subject();\n\n constructor(\n private _calendar: MatCalendar, private _intl: MatDatepickerIntl, private _dateAdapter: DateAdapter,\n @Inject(MAT_DATE_FORMATS) private _dateFormats: MatDateFormats, cdr: ChangeDetectorRef) {\n _calendar.stateChanges\n .pipe(takeUntil(this._destroyed))\n .subscribe(() => cdr.markForCheck());\n }\n\n ngOnDestroy() {\n this._destroyed.next();\n this._destroyed.complete();\n }\n\n /** Handles user clicks on the period label. */\n currentPeriodClicked(): void {\n this._calendar.currentView = this._calendar.currentView == 'year' ? 'multi-year' : 'year';\n }\n\n /** The label for the current calendar view. */\n get periodButtonText(): string {\n return this._dateAdapter.getYearName(this._calendar.activeDate);\n }\n\n /** Handles user clicks on the previous button. */\n previousClicked(): void {\n this._calendar.activeDate = this._calendar.currentView == 'month' ?\n this._dateAdapter.addCalendarMonths(this._calendar.activeDate, -1) :\n this._dateAdapter.addCalendarYears(\n this._calendar.activeDate, this._calendar.currentView == 'year' ? -1 : 20\n );\n }\n\n /** Handles user clicks on the next button. */\n nextClicked(): void {\n this._calendar.activeDate = this._calendar.currentView == 'month' ?\n this._dateAdapter.addCalendarMonths(this._calendar.activeDate, 1) :\n this._dateAdapter.addCalendarYears(\n this._calendar.activeDate,\n this._calendar.currentView == 'year' ? 1 : 20\n );\n }\n}\n","export default \".working-area {\\n margin: 0px 0px 0px 0px !important;\\n min-height: 100vh;\\n}\\n\\n.dashboard {\\n padding-top: 120px;\\n padding-left: 20px;\\n padding-bottom: 20px;\\n}\\n\\n.dashboard h3 {\\n text-align: center;\\n}\\n\\n.dashboard .grth {\\n padding: 5px 5px 5px 0px;\\n}\\n\\n.p-b-8 {\\n padding-bottom: 8px;\\n}\\n\\n.p-b-3 {\\n padding-bottom: 3px;\\n}\\n\\n.p-t-5 {\\n padding-top: 5px;\\n}\\n\\n.p-t-13 {\\n padding-top: 13px;\\n}\\n\\n.m-0 {\\n margin: 0px;\\n}\\n\\nhr {\\n width: 100%;\\n opacity: 0.5;\\n margin-bottom: 15px !important;\\n}\\n\\n.detail-card {\\n background-color: #ffffff;\\n padding: 5px;\\n box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);\\n}\\n\\n.detail-card .head-crd {\\n margin-top: 15px;\\n}\\n\\n.detail-card .indicator {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n\\n.detail-card1 {\\n background-color: #ffffff;\\n padding: 5px;\\n box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);\\n}\\n\\n.detail-card1 .indicator {\\n margin-left: 5px;\\n}\\n\\n.count {\\n font-size: 14px !important;\\n font-weight: bold;\\n}\\n\\n.count1 {\\n font-size: 16px !important;\\n font-weight: bold;\\n}\\n\\n.count2 {\\n font-size: 18px !important;\\n font-weight: bold;\\n}\\n\\np {\\n font-size: 11px !important;\\n margin: 3px;\\n}\\n\\n.color-red {\\n color: #e64243;\\n}\\n\\n.color-nv-blue {\\n color: #2e3668;\\n}\\n\\n.color-lg-blue {\\n color: #4834d4;\\n}\\n\\n.color-blue {\\n color: #5758bb;\\n}\\n\\n.color-lg-sky {\\n color: #57aeef;\\n}\\n\\n.color-d-sky {\\n color: #3f729d;\\n}\\n\\n.color-grn {\\n color: #54b157;\\n}\\n\\n.indicator {\\n margin-right: 10px;\\n border: 1px solid #2e3668;\\n border-radius: 50%;\\n padding: 5px;\\n font-size: 14px;\\n color: #2e3668;\\n cursor: pointer;\\n}\\n\\n.label {\\n text-align: center;\\n}\\n\\n.chart-container {\\n display: block;\\n margin-bottom: 0px !important;\\n padding: 0px 10px !important;\\n}\\n\\n.detail-card ::ng-deep .mat-tab-label {\\n height: 25px;\\n padding: 0 8px;\\n min-width: 95px;\\n font-size: 13px;\\n}\\n\\n.chartjs-render-monitor {\\n max-width: 100% !important;\\n}\\n\\n.example-month-picker .mat-calendar-period-button {\\n pointer-events: none;\\n}\\n\\n.example-month-picker .mat-calendar-arrow {\\n display: none;\\n}\\n\\n.dateField {\\n width: 100%;\\n}\\n\\n.heading .indicator {\\n position: relative;\\n left: 109px;\\n background: #ffffff;\\n padding: 3px;\\n bottom: 20px;\\n}\\n\\n.alert {\\n font-size: 20px;\\n font-weight: bold;\\n}\\n\\n#dateField ::ng-deep input.mat-input-element {\\n margin-top: 3px;\\n padding-left: 5px;\\n font-size: 14px !important;\\n}\\n\\n#dateField ::ng-deep .mat-form-field-suffix {\\n right: 0px;\\n top: 0px;\\n}\\n\\n#dateField ::ng-deep .mat-form-field {\\n font-size: 14px !important;\\n}\\n\\n#dateField ::ng-deep .mat-datepicker-toggle {\\n position: absolute;\\n right: 0px;\\n top: -16px;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field {\\n font-size: 14px !important;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n font-size: 14px !important;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 3px !important;\\n padding-left: 5px;\\n font-size: 14px !important;\\n}\\n\\n.filter3::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n width: 100px !important;\\n margin-top: 17px;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field {\\n font-size: 14px !important;\\n}\\n\\n.filter3 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n font-size: 14px !important;\\n}\\n\\n.filter3 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter3 ::ng-deep .mat-select-value {\\n width: 100%;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 3px !important;\\n padding-left: 5px;\\n font-size: 16px !important;\\n font-weight: bold !important;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.dateFilter {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.kpi {\\n background-color: #ededed;\\n padding-top: 105px;\\n padding-left: 20px;\\n padding-right: 20px;\\n padding-bottom: 20px;\\n}\\n\\n.kpi h3 {\\n text-align: center;\\n}\\n\\n.kpi .heading {\\n margin-bottom: 8px;\\n margin-top: 10px;\\n}\\n\\n.kpi-chart {\\n background: white;\\n padding: 5px;\\n cursor: pointer;\\n}\\n\\n.kpi-chart .chart-container {\\n padding: 0px 10px;\\n}\\n\\n.kpi-chart .chartjs-render-monitor {\\n height: 60px !important;\\n}\\n\\n.kpi-chrt-head {\\n text-align: center;\\n margin: 0px;\\n}\\n\\n.kpi-chrt-head .heading-kpi {\\n font-size: 13px;\\n color: black;\\n font-weight: 500;\\n padding-top: 5px;\\n}\\n\\n.kpi-chrt-head .state {\\n font-size: 15px;\\n font-weight: 500;\\n padding-top: 10px;\\n}\\n\\n.filter-label-date {\\n font: 12px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 3px;\\n padding: 1px 0px 0px;\\n}\\n\\n.searchfilter {\\n width: 200px;\\n height: 30px;\\n margin-left: 10px;\\n font-size: 12px;\\n border: 0;\\n}\\n\\n.indicator1 {\\n margin-right: 10px;\\n padding: 5px;\\n font-size: 14px;\\n color: #2e3668;\\n cursor: pointer;\\n}\\n\\n.filter-margin {\\n margin-top: 20px;\\n}\\n\\n.kpicard-filter {\\n margin-top: 13px;\\n}\\n\\n.kpicard-button {\\n margin-top: 14px;\\n padding-left: 10px;\\n}\\n\\n.calender {\\n position: relative;\\n background: white;\\n}\\n\\n.calender input {\\n width: 95%;\\n border: 1px solid lightgray !important;\\n font-size: 12px;\\n height: 18px;\\n padding-left: 5px;\\n}\\n\\n.calander-btn {\\n position: absolute;\\n right: 8px;\\n top: 2px;\\n}\\n\\n.excel-icon {\\n width: 25px;\\n height: 25px;\\n margin-top: 14px;\\n cursor: pointer;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 20px;\\n line-height: 10px;\\n margin-top: 18px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvZGFzaGJvYXJkL2Rhc2hib2FyZC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50L2Rhc2hib2FyZC9kYXNoYm9hcmQuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxrQ0FBQTtFQUNBLGlCQUFBO0FDQ0Y7O0FER0E7RUFDRSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0Esb0JBQUE7QUNBRjs7QURDRTtFQUNFLGtCQUFBO0FDQ0o7O0FEQ0U7RUFDRSx3QkFBQTtBQ0NKOztBREdBO0VBQ0UsbUJBQUE7QUNBRjs7QURHQTtFQUNFLG1CQUFBO0FDQUY7O0FER0E7RUFDRSxnQkFBQTtBQ0FGOztBREdBO0VBQ0UsaUJBQUE7QUNBRjs7QURHQTtFQUNFLFdBQUE7QUNBRjs7QURHQTtFQUNFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsOEJBQUE7QUNBRjs7QURHQTtFQUNFLHlCQUFBO0VBQ0EsWUFBQTtFQUNBLCtHQUFBO0FDQUY7O0FESUU7RUFDRSxnQkFBQTtBQ0RKOztBREdFO0VBQ0UsZ0JBQUE7RUFDQSxnQkFBQTtBQ0RKOztBREtBO0VBQ0UseUJBQUE7RUFDQSxZQUFBO0VBQ0EsK0dBQUE7QUNGRjs7QURLQTtFQUNFLGdCQUFBO0FDRkY7O0FES0E7RUFDRSwwQkFBQTtFQUNBLGlCQUFBO0FDRkY7O0FES0E7RUFDRSwwQkFBQTtFQUNBLGlCQUFBO0FDRkY7O0FES0E7RUFDRSwwQkFBQTtFQUNBLGlCQUFBO0FDRkY7O0FES0E7RUFDRSwwQkFBQTtFQUNBLFdBQUE7QUNGRjs7QURLQTtFQUNFLGNBQUE7QUNGRjs7QURLQTtFQUNFLGNBQUE7QUNGRjs7QURLQTtFQUNFLGNBQUE7QUNGRjs7QURLQTtFQUNFLGNBQUE7QUNGRjs7QURLQTtFQUNFLGNBQUE7QUNGRjs7QURLQTtFQUNFLGNBQUE7QUNGRjs7QURLQTtFQUNFLGNBQUE7QUNGRjs7QURLQTtFQUNFLGtCQUFBO0VBQ0EseUJBQUE7RUFDQSxrQkFBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7QUNGRjs7QURLQTtFQUNFLGtCQUFBO0FDRkY7O0FETUE7RUFDRSxjQUFBO0VBQ0EsNkJBQUE7RUFDQSw0QkFBQTtBQ0hGOztBRE1BO0VBQ0UsWUFBQTtFQUNBLGNBQUE7RUFDQSxlQUFBO0VBQ0EsZUFBQTtBQ0hGOztBRE1BO0VBQ0UsMEJBQUE7QUNIRjs7QURPQTtFQUNFLG9CQUFBO0FDSkY7O0FET0E7RUFDRSxhQUFBO0FDSkY7O0FET0E7RUFDRSxXQUFBO0FDSkY7O0FEYUU7RUFDRSxrQkFBQTtFQUNBLFdBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7RUFDQSxZQUFBO0FDVko7O0FEY0E7RUFFRSxlQUFBO0VBQ0EsaUJBQUE7QUNaRjs7QURnQkE7RUFDRSxlQUFBO0VBQ0EsaUJBQUE7RUFDQSwwQkFBQTtBQ2JGOztBRGdCQTtFQUNFLFVBQUE7RUFDQSxRQUFBO0FDYkY7O0FEZ0JBO0VBQ0UsMEJBQUE7QUNiRjs7QURnQkE7RUFDRSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxVQUFBO0FDYkY7O0FEZ0JBO0VBQ0UsMkJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0VBQ0EsVUFBQTtFQUNBLFlBQUE7QUNiRjs7QURnQkE7RUFDRSwwQkFBQTtBQ2JGOztBRGdCQTtFQUNFLGdCQUFBO0VBQ0EsMEJBQUE7QUNiRjs7QURnQkE7RUFDRSxpQkFBQTtFQUNBLFdBQUE7QUNiRjs7QURnQkE7RUFDRSxVQUFBO0FDYkY7O0FEZ0JBO0VBQ0UsTUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ2JGOztBRGdCQTtFQUNFLGlCQUFBO0FDYkY7O0FEZ0JBO0VBQ0UsYUFBQTtBQ2JGOztBRGdCQTtFQUNFLE1BQUE7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0VBQ0EsMEJBQUE7QUNiRjs7QURnQkE7RUFDRSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtFQUNBLHVCQUFBO0VBQ0EsZ0JBQUE7QUNiRjs7QURnQkE7RUFDRSwwQkFBQTtBQ2JGOztBRGdCQTtFQUNFLGdCQUFBO0VBQ0EsMEJBQUE7QUNiRjs7QURnQkE7RUFDRSxpQkFBQTtFQUNBLFdBQUE7QUNiRjs7QURnQkE7RUFDRSxXQUFBO0FDYkY7O0FEZ0JBO0VBQ0UsTUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ2JGOztBRGdCQTtFQUNFLGlCQUFBO0FDYkY7O0FEZ0JBO0VBQ0UsYUFBQTtBQ2JGOztBRGdCQTtFQUNFLE1BQUE7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0VBQ0EsMEJBQUE7RUFDQSw0QkFBQTtBQ2JGOztBRGdCQTtFQUNFLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0FDYkY7O0FEZUE7RUFDRSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtBQ1pGOztBRGdCQTtFQUNFLHlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtFQUNBLG1CQUFBO0VBQ0Esb0JBQUE7QUNiRjs7QURjRTtFQUNFLGtCQUFBO0FDWko7O0FEY0U7RUFDRSxrQkFBQTtFQUNBLGdCQUFBO0FDWko7O0FEZ0JBO0VBQ0UsaUJBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtBQ2JGOztBRGNFO0VBQ0UsaUJBQUE7QUNaSjs7QURjRTtFQUNFLHVCQUFBO0FDWko7O0FEZ0JBO0VBQ0Usa0JBQUE7RUFDQSxXQUFBO0FDYkY7O0FEY0U7RUFDRSxlQUFBO0VBQ0EsWUFBQTtFQUNBLGdCQUFBO0VBQ0EsZ0JBQUE7QUNaSjs7QURjRTtFQUNFLGVBQUE7RUFDQSxnQkFBQTtFQUNBLGlCQUFBO0FDWko7O0FEZ0JBO0VBQ0UsaUJBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7RUFDQSxvQkFBQTtBQ2JGOztBRGdCQTtFQUNFLFlBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxlQUFBO0VBQ0EsU0FBQTtBQ2JGOztBRGdCQTtFQUNFLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsZUFBQTtBQ2JGOztBRGdCQTtFQUNFLGdCQUFBO0FDYkY7O0FEZ0JBO0VBQ0UsZ0JBQUE7QUNiRjs7QURnQkE7RUFDRSxnQkFBQTtFQUNBLGtCQUFBO0FDYkY7O0FEZ0JBO0VBQ0Usa0JBQUE7RUFDQSxpQkFBQTtBQ2JGOztBRGNFO0VBQ0UsVUFBQTtFQUNBLHNDQUFBO0VBRUEsZUFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtBQ2JKOztBRGlCQTtFQUNFLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLFFBQUE7QUNkRjs7QURpQkE7RUFDRSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtBQ2RGOztBRGlCQTtFQUNFLHVCQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxnQkFBQTtBQ2RGIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L2Rhc2hib2FyZC9kYXNoYm9hcmQuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud29ya2luZy1hcmVhIHtcbiAgbWFyZ2luOiAwcHggMHB4IDBweCAwcHggIWltcG9ydGFudDtcbiAgbWluLWhlaWdodDogMTAwdmg7XG59XG5cbi8vZGFzaGJvYXJkIGNzc1xuLmRhc2hib2FyZCB7XG4gIHBhZGRpbmctdG9wOiAxMjBweDtcbiAgcGFkZGluZy1sZWZ0OiAyMHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMjBweDtcbiAgaDMge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuICAuZ3J0aCB7XG4gICAgcGFkZGluZzogNXB4IDVweCA1cHggMHB4O1xuICB9XG59XG5cbi5wLWItOCB7XG4gIHBhZGRpbmctYm90dG9tOiA4cHg7XG59XG5cbi5wLWItMyB7XG4gIHBhZGRpbmctYm90dG9tOiAzcHg7XG59XG5cbi5wLXQtNSB7XG4gIHBhZGRpbmctdG9wOiA1cHg7XG59XG5cbi5wLXQtMTMge1xuICBwYWRkaW5nLXRvcDogMTNweDtcbn1cblxuLm0tMCB7XG4gIG1hcmdpbjogMHB4O1xufVxuXG5ociB7XG4gIHdpZHRoOiAxMDAlO1xuICBvcGFjaXR5OiAwLjU7XG4gIG1hcmdpbi1ib3R0b206IDE1cHggIWltcG9ydGFudDtcbn1cblxuLmRldGFpbC1jYXJkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgcGFkZGluZzogNXB4O1xuICBib3gtc2hhZG93OiAwIDJweCAxcHggLTFweCByZ2JhKDAsIDAsIDAsIDAuMiksIDAgMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4xNCksIDAgMXB4IDNweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG59XG5cbi5kZXRhaWwtY2FyZCB7XG4gIC5oZWFkLWNyZCB7XG4gICAgbWFyZ2luLXRvcDogMTVweDtcbiAgfVxuICAuaW5kaWNhdG9yIHtcbiAgICBtYXJnaW4tbGVmdDogMHB4O1xuICAgIG1hcmdpbi10b3A6IDEwcHg7XG4gIH1cbn1cblxuLmRldGFpbC1jYXJkMSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm94LXNoYWRvdzogMCAycHggMXB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xufVxuXG4uZGV0YWlsLWNhcmQxIC5pbmRpY2F0b3Ige1xuICBtYXJnaW4tbGVmdDogNXB4O1xufVxuXG4uY291bnQge1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi5jb3VudDEge1xuICBmb250LXNpemU6IDE2cHggIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi5jb3VudDIge1xuICBmb250LXNpemU6IDE4cHggIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbnAge1xuICBmb250LXNpemU6IDExcHggIWltcG9ydGFudDtcbiAgbWFyZ2luOiAzcHg7XG59XG5cbi5jb2xvci1yZWQge1xuICBjb2xvcjogI2U2NDI0Mztcbn1cblxuLmNvbG9yLW52LWJsdWUge1xuICBjb2xvcjogIzJlMzY2ODtcbn1cblxuLmNvbG9yLWxnLWJsdWUge1xuICBjb2xvcjogIzQ4MzRkNDtcbn1cblxuLmNvbG9yLWJsdWUge1xuICBjb2xvcjogIzU3NThiYjtcbn1cblxuLmNvbG9yLWxnLXNreSB7XG4gIGNvbG9yOiAjNTdhZWVmO1xufVxuXG4uY29sb3ItZC1za3kge1xuICBjb2xvcjogIzNmNzI5ZDtcbn1cblxuLmNvbG9yLWdybiB7XG4gIGNvbG9yOiAjNTRiMTU3O1xufVxuXG4uaW5kaWNhdG9yIHtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjMmUzNjY4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDVweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBjb2xvcjogIzJlMzY2ODtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4ubGFiZWwge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi8vY2hhcnQgY3NzXG4uY2hhcnQtY29udGFpbmVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1ib3R0b206IDBweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nOiAwcHggMTBweCAhaW1wb3J0YW50O1xufVxuXG4uZGV0YWlsLWNhcmQgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbiAgaGVpZ2h0OiAyNXB4O1xuICBwYWRkaW5nOiAwIDhweDtcbiAgbWluLXdpZHRoOiA5NXB4O1xuICBmb250LXNpemU6IDEzcHg7XG59XG5cbi5jaGFydGpzLXJlbmRlci1tb25pdG9yIHtcbiAgbWF4LXdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG59XG5cbi8vY3VzdG9tIGNhbGVuZGVyXG4uZXhhbXBsZS1tb250aC1waWNrZXIgLm1hdC1jYWxlbmRhci1wZXJpb2QtYnV0dG9uIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5leGFtcGxlLW1vbnRoLXBpY2tlciAubWF0LWNhbGVuZGFyLWFycm93IHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmRhdGVGaWVsZCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uaGVhZGluZyB7XG4gIC8vcGFkZGluZy10b3A6IDIwcHg7XG4gIC8vIGZvbnQtc2l6ZTogMTZweDtcbiAgLy8gZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIC8vIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgLy8gbWFyZ2luLXRvcDogMThweDtcbiAgLmluZGljYXRvciB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGxlZnQ6IDEwOXB4O1xuICAgIGJhY2tncm91bmQ6ICNmZmZmZmY7XG4gICAgcGFkZGluZzogM3B4O1xuICAgIGJvdHRvbTogMjBweDtcbiAgfVxufVxuXG4uYWxlcnQge1xuICAvL3BhZGRpbmctdG9wOiAyMHB4O1xuICBmb250LXNpemU6IDIwcHg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4vL2N1c3RvbSBtYXQtc2VsZWN0XG4jZGF0ZUZpZWxkIDo6bmctZGVlcCBpbnB1dC5tYXQtaW5wdXQtZWxlbWVudCB7XG4gIG1hcmdpbi10b3A6IDNweDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4jZGF0ZUZpZWxkIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtc3VmZml4IHtcbiAgcmlnaHQ6IDBweDtcbiAgdG9wOiAwcHg7XG59XG5cbiNkYXRlRmllbGQgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZCB7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4jZGF0ZUZpZWxkIDo6bmctZGVlcCAubWF0LWRhdGVwaWNrZXItdG9nZ2xlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMHB4O1xuICB0b3A6IC0xNnB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQge1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZzogM3B4IDBweDtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICB3aWR0aDogOTAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICB0b3A6IDA7XG4gIHBhZGRpbmctdG9wOiAwO1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHRvcDogMDtcbiAgbWFyZ2luLXRvcDogM3B4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjM6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG4gIHdpZHRoOiAxMDBweCAhaW1wb3J0YW50O1xuICBtYXJnaW4tdG9wOiAxN3B4O1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkIHtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIzIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDNweCAwcHg7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5maWx0ZXIzIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiAzcHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gIGZvbnQtc2l6ZTogMTZweCAhaW1wb3J0YW50O1xuICBmb250LXdlaWdodDogYm9sZCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzYzNjM2M7XG4gIG9wYWNpdHk6IDE7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbn1cbi5kYXRlRmlsdGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG59XG5cbi8va3BpIGNzc1xuLmtwaSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZGVkZWQ7XG4gIHBhZGRpbmctdG9wOiAxMDVweDtcbiAgcGFkZGluZy1sZWZ0OiAyMHB4O1xuICBwYWRkaW5nLXJpZ2h0OiAyMHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMjBweDtcbiAgaDMge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuICAuaGVhZGluZyB7XG4gICAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICAgIG1hcmdpbi10b3A6IDEwcHg7XG4gIH1cbn1cblxuLmtwaS1jaGFydCB7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiA1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgLmNoYXJ0LWNvbnRhaW5lciB7XG4gICAgcGFkZGluZzogMHB4IDEwcHg7XG4gIH1cbiAgLmNoYXJ0anMtcmVuZGVyLW1vbml0b3Ige1xuICAgIGhlaWdodDogNjBweCAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5rcGktY2hydC1oZWFkIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBtYXJnaW46IDBweDtcbiAgLmhlYWRpbmcta3BpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgY29sb3I6IGJsYWNrO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgcGFkZGluZy10b3A6IDVweDtcbiAgfVxuICAuc3RhdGUge1xuICAgIGZvbnQtc2l6ZTogMTVweDtcbiAgICBmb250LXdlaWdodDogNTAwO1xuICAgIHBhZGRpbmctdG9wOiAxMHB4O1xuICB9XG59XG5cbi5maWx0ZXItbGFiZWwtZGF0ZSB7XG4gIGZvbnQ6IDEycHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICBwYWRkaW5nOiAxcHggMHB4IDBweDtcbn1cblxuLnNlYXJjaGZpbHRlciB7XG4gIHdpZHRoOiAyMDBweDtcbiAgaGVpZ2h0OiAzMHB4O1xuICBtYXJnaW4tbGVmdDogMTBweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBib3JkZXI6IDA7XG59XG5cbi5pbmRpY2F0b3IxIHtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICBwYWRkaW5nOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgY29sb3I6ICMyZTM2Njg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmZpbHRlci1tYXJnaW4ge1xuICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4ua3BpY2FyZC1maWx0ZXIge1xuICBtYXJnaW4tdG9wOiAxM3B4O1xufVxuXG4ua3BpY2FyZC1idXR0b24ge1xuICBtYXJnaW4tdG9wOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi5jYWxlbmRlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIGlucHV0IHtcbiAgICB3aWR0aDogOTUlO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheSAhaW1wb3J0YW50O1xuICAgIC8vYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gIH1cbn1cblxuLmNhbGFuZGVyLWJ0biB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDhweDtcbiAgdG9wOiAycHg7XG59XG5cbi5leGNlbC1pY29uIHtcbiAgd2lkdGg6IDI1cHg7XG4gIGhlaWdodDogMjVweDtcbiAgbWFyZ2luLXRvcDogMTRweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uZmlsdGVyQnV0dG9uIHtcbiAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gIGhlaWdodDogMjBweDtcbiAgbGluZS1oZWlnaHQ6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDE4cHg7XG59XG4iLCIud29ya2luZy1hcmVhIHtcbiAgbWFyZ2luOiAwcHggMHB4IDBweCAwcHggIWltcG9ydGFudDtcbiAgbWluLWhlaWdodDogMTAwdmg7XG59XG5cbi5kYXNoYm9hcmQge1xuICBwYWRkaW5nLXRvcDogMTIwcHg7XG4gIHBhZGRpbmctbGVmdDogMjBweDtcbiAgcGFkZGluZy1ib3R0b206IDIwcHg7XG59XG4uZGFzaGJvYXJkIGgzIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuLmRhc2hib2FyZCAuZ3J0aCB7XG4gIHBhZGRpbmc6IDVweCA1cHggNXB4IDBweDtcbn1cblxuLnAtYi04IHtcbiAgcGFkZGluZy1ib3R0b206IDhweDtcbn1cblxuLnAtYi0zIHtcbiAgcGFkZGluZy1ib3R0b206IDNweDtcbn1cblxuLnAtdC01IHtcbiAgcGFkZGluZy10b3A6IDVweDtcbn1cblxuLnAtdC0xMyB7XG4gIHBhZGRpbmctdG9wOiAxM3B4O1xufVxuXG4ubS0wIHtcbiAgbWFyZ2luOiAwcHg7XG59XG5cbmhyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIG9wYWNpdHk6IDAuNTtcbiAgbWFyZ2luLWJvdHRvbTogMTVweCAhaW1wb3J0YW50O1xufVxuXG4uZGV0YWlsLWNhcmQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBwYWRkaW5nOiA1cHg7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDFweCAtMXB4IHJnYmEoMCwgMCwgMCwgMC4yKSwgMCAxcHggMXB4IDAgcmdiYSgwLCAwLCAwLCAwLjE0KSwgMCAxcHggM3B4IDAgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbn1cblxuLmRldGFpbC1jYXJkIC5oZWFkLWNyZCB7XG4gIG1hcmdpbi10b3A6IDE1cHg7XG59XG4uZGV0YWlsLWNhcmQgLmluZGljYXRvciB7XG4gIG1hcmdpbi1sZWZ0OiAwcHg7XG4gIG1hcmdpbi10b3A6IDEwcHg7XG59XG5cbi5kZXRhaWwtY2FyZDEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBwYWRkaW5nOiA1cHg7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDFweCAtMXB4IHJnYmEoMCwgMCwgMCwgMC4yKSwgMCAxcHggMXB4IDAgcmdiYSgwLCAwLCAwLCAwLjE0KSwgMCAxcHggM3B4IDAgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbn1cblxuLmRldGFpbC1jYXJkMSAuaW5kaWNhdG9yIHtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmNvdW50IHtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uY291bnQxIHtcbiAgZm9udC1zaXplOiAxNnB4ICFpbXBvcnRhbnQ7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uY291bnQyIHtcbiAgZm9udC1zaXplOiAxOHB4ICFpbXBvcnRhbnQ7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG5wIHtcbiAgZm9udC1zaXplOiAxMXB4ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbjogM3B4O1xufVxuXG4uY29sb3ItcmVkIHtcbiAgY29sb3I6ICNlNjQyNDM7XG59XG5cbi5jb2xvci1udi1ibHVlIHtcbiAgY29sb3I6ICMyZTM2Njg7XG59XG5cbi5jb2xvci1sZy1ibHVlIHtcbiAgY29sb3I6ICM0ODM0ZDQ7XG59XG5cbi5jb2xvci1ibHVlIHtcbiAgY29sb3I6ICM1NzU4YmI7XG59XG5cbi5jb2xvci1sZy1za3kge1xuICBjb2xvcjogIzU3YWVlZjtcbn1cblxuLmNvbG9yLWQtc2t5IHtcbiAgY29sb3I6ICMzZjcyOWQ7XG59XG5cbi5jb2xvci1ncm4ge1xuICBjb2xvcjogIzU0YjE1Nztcbn1cblxuLmluZGljYXRvciB7XG4gIG1hcmdpbi1yaWdodDogMTBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgIzJlMzY2ODtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgY29sb3I6ICMyZTM2Njg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmxhYmVsIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4uY2hhcnQtY29udGFpbmVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1ib3R0b206IDBweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nOiAwcHggMTBweCAhaW1wb3J0YW50O1xufVxuXG4uZGV0YWlsLWNhcmQgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbiAgaGVpZ2h0OiAyNXB4O1xuICBwYWRkaW5nOiAwIDhweDtcbiAgbWluLXdpZHRoOiA5NXB4O1xuICBmb250LXNpemU6IDEzcHg7XG59XG5cbi5jaGFydGpzLXJlbmRlci1tb25pdG9yIHtcbiAgbWF4LXdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG59XG5cbi5leGFtcGxlLW1vbnRoLXBpY2tlciAubWF0LWNhbGVuZGFyLXBlcmlvZC1idXR0b24ge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLmV4YW1wbGUtbW9udGgtcGlja2VyIC5tYXQtY2FsZW5kYXItYXJyb3cge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZGF0ZUZpZWxkIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5oZWFkaW5nIC5pbmRpY2F0b3Ige1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IDEwOXB4O1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xuICBwYWRkaW5nOiAzcHg7XG4gIGJvdHRvbTogMjBweDtcbn1cblxuLmFsZXJ0IHtcbiAgZm9udC1zaXplOiAyMHB4O1xuICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuI2RhdGVGaWVsZCA6Om5nLWRlZXAgaW5wdXQubWF0LWlucHV0LWVsZW1lbnQge1xuICBtYXJnaW4tdG9wOiAzcHg7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuI2RhdGVGaWVsZCA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXN1ZmZpeCB7XG4gIHJpZ2h0OiAwcHg7XG4gIHRvcDogMHB4O1xufVxuXG4jZGF0ZUZpZWxkIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQge1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuI2RhdGVGaWVsZCA6Om5nLWRlZXAgLm1hdC1kYXRlcGlja2VyLXRvZ2dsZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDBweDtcbiAgdG9wOiAtMTZweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkIHtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDNweCAwcHg7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDkwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICB0b3A6IDA7XG4gIG1hcmdpbi10b3A6IDNweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIzOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xuICB3aWR0aDogMTAwcHggIWltcG9ydGFudDtcbiAgbWFyZ2luLXRvcDogMTdweDtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZCB7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xuICBwYWRkaW5nOiAzcHggMHB4O1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5maWx0ZXIzIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICB0b3A6IDA7XG4gIHBhZGRpbmctdG9wOiAwO1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIzIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHRvcDogMDtcbiAgbWFyZ2luLXRvcDogM3B4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICBmb250LXNpemU6IDE2cHggIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gIGZvbnQ6IEJvbGQgMTRweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjM2MzYzNjO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5kYXRlRmlsdGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5rcGkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWRlZGVkO1xuICBwYWRkaW5nLXRvcDogMTA1cHg7XG4gIHBhZGRpbmctbGVmdDogMjBweDtcbiAgcGFkZGluZy1yaWdodDogMjBweDtcbiAgcGFkZGluZy1ib3R0b206IDIwcHg7XG59XG4ua3BpIGgzIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuLmtwaSAuaGVhZGluZyB7XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbiAgbWFyZ2luLXRvcDogMTBweDtcbn1cblxuLmtwaS1jaGFydCB7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiA1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5rcGktY2hhcnQgLmNoYXJ0LWNvbnRhaW5lciB7XG4gIHBhZGRpbmc6IDBweCAxMHB4O1xufVxuLmtwaS1jaGFydCAuY2hhcnRqcy1yZW5kZXItbW9uaXRvciB7XG4gIGhlaWdodDogNjBweCAhaW1wb3J0YW50O1xufVxuXG4ua3BpLWNocnQtaGVhZCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbWFyZ2luOiAwcHg7XG59XG4ua3BpLWNocnQtaGVhZCAuaGVhZGluZy1rcGkge1xuICBmb250LXNpemU6IDEzcHg7XG4gIGNvbG9yOiBibGFjaztcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgcGFkZGluZy10b3A6IDVweDtcbn1cbi5rcGktY2hydC1oZWFkIC5zdGF0ZSB7XG4gIGZvbnQtc2l6ZTogMTVweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgcGFkZGluZy10b3A6IDEwcHg7XG59XG5cbi5maWx0ZXItbGFiZWwtZGF0ZSB7XG4gIGZvbnQ6IDEycHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICBwYWRkaW5nOiAxcHggMHB4IDBweDtcbn1cblxuLnNlYXJjaGZpbHRlciB7XG4gIHdpZHRoOiAyMDBweDtcbiAgaGVpZ2h0OiAzMHB4O1xuICBtYXJnaW4tbGVmdDogMTBweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBib3JkZXI6IDA7XG59XG5cbi5pbmRpY2F0b3IxIHtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICBwYWRkaW5nOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgY29sb3I6ICMyZTM2Njg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmZpbHRlci1tYXJnaW4ge1xuICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4ua3BpY2FyZC1maWx0ZXIge1xuICBtYXJnaW4tdG9wOiAxM3B4O1xufVxuXG4ua3BpY2FyZC1idXR0b24ge1xuICBtYXJnaW4tdG9wOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi5jYWxlbmRlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG4uY2FsZW5kZXIgaW5wdXQge1xuICB3aWR0aDogOTUlO1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXkgIWltcG9ydGFudDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uY2FsYW5kZXItYnRuIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogOHB4O1xuICB0b3A6IDJweDtcbn1cblxuLmV4Y2VsLWljb24ge1xuICB3aWR0aDogMjVweDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBtYXJnaW4tdG9wOiAxNHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5maWx0ZXJCdXR0b24ge1xuICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBsaW5lLWhlaWdodDogMTBweDtcbiAgbWFyZ2luLXRvcDogMThweDtcbn0iXX0= */\"","import { Component, OnInit, ChangeDetectionStrategy, ViewChild } from '@angular/core';\nimport { FormControl, Validators, FormGroup, FormBuilder } from '@angular/forms';\nimport { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MatOption } from '@angular/material/core';\nimport { MatDatepicker } from '@angular/material/datepicker';\nimport { ChartOptions, ChartType, ChartDataSets } from 'chart.js';\nimport { Label } from 'ng2-charts';\nimport { ToastrService } from \"ngx-toastr\";\nimport { CommonService } from \"../../core/service/common-service/common.service\";\nimport { ExampleHeader } from './custom-header-cal/custom-header.component';\n\nimport * as _moment from 'moment';\n// tslint:disable-next-line:no-duplicate-imports\nimport { default as _rollupMoment, Moment } from 'moment';\nimport { ChartDialogComponent } from 'src/app/modal/chart-dialog/chart-dialog.component';\nimport { MatDialog } from '@angular/material';\nimport { ServiceBreakDialogComponent } from 'src/app/modal/service-break-dialog/service-break-dialog.component';\nimport { Router } from '@angular/router';\nimport { DatePipe } from '@angular/common';\nimport {MatMonthView} from '@angular/material/datepicker';\nimport { element } from 'protractor';\n\nconst moment = _rollupMoment || _moment;\n\nexport const MY_FORMATS = {\n parse: {\n dateInput: 'MMM/YYYY',\n },\n display: {\n dateInput: 'MMM/YYYY',\n monthYearLabel: 'MMM YYYY',\n dateA11yLabel: 'LL',\n monthYearA11yLabel: 'MMMM YYYY',\n },\n};\n\n@Component({\n selector: 'app-dashboard',\n templateUrl: './dashboard.component.html',\n styleUrls: ['./dashboard.component.scss'],\n providers: [\n {\n provide: DateAdapter,\n useClass: MomentDateAdapter,\n deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS]\n },\n\n { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },\n ]\n})\n\nexport class DashboardComponent implements OnInit {\n\n @ViewChild('allSelectedService', { static: true }) private allSelectedService: MatOption;\n\n selectService: any;\n exampleHeader = ExampleHeader;\n date = new FormControl(moment());\n selectedDate: any;\n minDate: any = new Date();\n maxDate: any = new Date();\n spinner: boolean;\n filtersWorkshop: any = [];\n filtersCre: string[] = [];\n selectedWorkShop: string[] = [];\n userId: string;\n userInfo: any;\n selectedCre: string[] = [];\n serviceType:string = \"\";\n updateChart: boolean = false;\n updateChartCard: boolean = false;\n //line-char\n callCoverage: any = [];\n selectedCallCoverage: any = {};\n avgCall: any = [];\n selectedAvgCall: any = {};\n successReminder: any = [];\n selectedSuccessReminder: any = {};\n successVisit: any = [];\n selectedSuccessVisit: any = {};\n successNoShow: any = [];\n selectedSuccessNoShow: any = {};\n lostConversion: any = [];\n selectedLostConversion: any = {};\n overAllConversion: any = [];\n selectedOverAllConversion: any = {};\n bookingRate: any = [];\n selectedBookingRate: any = {};\n perCallConversion: any = [];\n selectedPerCallConversion: any = {};\n services: any = [\n {key: \"1\", value: \"ECS - Early Care Service\"},\n {key: \"2\", value: \"FS - Free Service\"},\n {key: \"3\", value: \"PMS - Preventive Maintenance Service\"},\n {key: \"4\", value: \"Technical Campaign Order\"},\n {key: \"7\", value: \"Fault Code\"},\n {key: \"6\", value: \"Wheel Alignment\"},\n {key: \"8\", value: \"PMS BS-6\"},\n {key: \"9\", value: \"Running Repair\"},\n {key: \"10\", value: \"PBBI - Post Body Building Inspection\"}\n ];\n //hr-bar\n allocated: any = {};\n attempted: any = {};\n notAttempted: any = {};\n contacted: any = {};\n notContacted: any = {};\n booking: any = {};\n converted: any = {};\n activeBooking: any = {};\n contactedNoService: any = {};\n contactedFollowup: any = {};\n connectedSystemClose: any = {};\n bookingFollowup: any = {};\n bookingNoService: any = {};\n bookingSystemClose: any = {};\n noResponse: any = {};\n busy: any = {};\n switchOff: any = {};\n invalid: any = {};\n others: any = {};\n followup: any = {};\n followup1: any = {};\n followup2: any = {};\n uniqueWorkshop: string[] = [];\n uniqueWorkshopCopy: string[] = [];\n uniqueWorkshopCard: string[] = [];\n uniqueWorkshopCardCopy: string[] = [];\n selectedDealer: any;\n selectedCardDealer: any;\n filtersCreCopy: string[] = [];\n selectedCreCode: any;\n dealerCode: string[] = [];\n dealerCodeCard: string[] = [];\n creCode: string[] = [];\n today: Date = new Date();\n toDate: Date = new Date();\n fromDate: Date = new Date();\n selectAllService: boolean;\n availableDashboard:string[]=[];\n selectedDashboard:any\n\n\n bFollowup1: any = {};\n bFollowup2: any = {};\n bFollowup3: any = {};\n\n systemClose: any = {};\n noService: any = {};\n notConverted: any = {};\n noShow: any = {};\n\n //connected bar\n wrongOdo: any = {};\n alreadyService: any = {};\n vehicleSold: any = {};\n disPreviousSer: any = {};\n distanceDealer: any = {};\n disSales: any = {};\n contactedOthers: any = {};\n disInsurance: any = {};\n custNotInterested: any = {};\n dnd: any = {};\n\n //booking bar\n bWrongOdo: any = {};\n bAlreadyService: any = {};\n bVehicleSold: any = {};\n bDisPreviousSer: any = {};\n bDistanceDealer: any = {};\n bDisSales: any = {};\n bookingOthers: any = {};\n bDisInsurance: any = {};\n bCustNotInterested: any = {};\n bDnd: any = {};\n\n //follow-reason\n sameDay: any = {};\n eventual: any = {};\n\n //service-breakup\n allocatedServiceBreak: any[] = [];\n attemptedServiceBreak: any[] = [];\n connectedServiceBreak: any[] = [];\n bookingServiceBreak: any[] = [];\n AttemptedAchievement: number;\n ContactedAchievement: any;\n BookingsAchievement: any;\n selectedKpiCardWorkShop: string[] = [];\n minEndDate: any = new Date();\n\n\n //horizontalBarChart1 horizontalBar start\n public horizontalBarChart1Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: false,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart1Labels: Label[] = ['Attempted'];\n public horizontalBarChartType: ChartType = 'horizontalBar';\n public horizontalBarChartLegend = false;\n public horizontalBarChartPlugins = [];\n public horizontalBarChart1Data: ChartDataSets[] = [];\n //horizontalBarChart1 horizontalBar end\n\n //horizontalBarChart2 horizontalBar start\n public horizontalBarChart2Labels: Label[] = ['Connected'];\n public horizontalBarChart2Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: false,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart2Data: ChartDataSets[] = [];\n //horizontalBarChart2 horizontalBar end\n\n //horizontalBarChart3 horizontalBar start\n public horizontalBarChart3Labels: Label[] = ['Bookings'];\n public horizontalBarChart3Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: false,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart3Data: ChartDataSets[] = [];\n //horizontalBarChart3 horizontalBar end\n\n //horizontalBarChart4 horizontalBar start\n public horizontalBarChart4Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: { display: false },\n scaleLabel: { display: true },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart4Labels: Label[] = [\n 'Wrong Odometer Prediction',\n \"Already Serviced\",\n \"Vehicle Sold\",\n \"Dissatisfied With Previous Service\",\n \"Distance From Dealer Location\",\n \"Dissatisfaction With Sales\",\n \"Dissatisfaction With Insurance\",\n \"Other\",\n \"Customer Not Interested\",\n \"Do Not Call This Customer In Future\"\n ];\n public horizontalBarChart4Data: ChartDataSets[] = [];\n //horizontalBarChart4 horizontalBar end\n public horizontalBarChart5Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: { display: false },\n scaleLabel: { display: true },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart5Data: ChartDataSets[] = [];\n\n //horizontalBarChart6 horizontalBar start\n public horizontalBarChart6Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: { display: false },\n scaleLabel: { display: true },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart6Labels: Label[] = [\n 'Call Later',\n \"Cancel Booking And Call Later\",\n ];\n public horizontalBarChart6Data: ChartDataSets[] = [];\n //horizontalBarChart6 horizontalBar end\n\n //horizontalBarChart7 horizontalBar start\n public horizontalBarChart7Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: { display: false },\n scaleLabel: { display: true },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart7Labels: Label[] = [\n 'Follow Up',\n 'Contact Fleet Manager',\n ];\n public horizontalBarChart7Data: ChartDataSets[] = [];\n //horizontalBarChart7 horizontalBar end\n\n //horizontalBarChart8 horizontalBar start\n public horizontalBarChart8Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: { display: false },\n scaleLabel: { display: true },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart8Labels: Label[] = [\n 'Call Later',\n 'Contact Fleet Manager',\n 'Cancel Booking'\n ];\n public horizontalBarChart8Data: ChartDataSets[] = [];\n //horizontalBarChart8 horizontalBar end\n\n //barChart1 VerticalBar start\n public barChart1Options: ChartOptions = {\n responsive: true,\n title: {\n display: true,\n text: 'Not Contacted Reason',\n position: 'top',\n fontSize: 13\n },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: true,\n gridLines: {\n display: false,\n },\n scaleLabel: {\n display: true,\n },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false,\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public barChart1Labels: Label[] = ['No Response', 'Busy', 'Switched Off', 'Invalid No.', 'Others'];\n public barChart1Type: ChartType = 'bar';\n public barChart1Legend = false;\n public barChart1Plugins = [];\n public barChart1Data: ChartDataSets[] = [];\n //barChart1 VerticalBar end\n\n //barChart2 VerticalBar start\n public barChart2Options: ChartOptions = {\n responsive: true,\n title: {\n display: true,\n text: 'Conversion',\n position: 'top',\n fontSize: 13\n },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: true,\n gridLines: {\n display: false,\n },\n scaleLabel: {\n display: true,\n },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false,\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public barChart2Labels: Label[] = ['Same Day', 'Eventual'];\n public barChart2Type: ChartType = 'bar';\n public barChart2Legend = false;\n public barChart2Plugins = [];\n public barChart2Data: ChartDataSets[] = [];\n //barChart2 VerticalBar end\n\n //barChart6 horizontalBar start\n public barChart6Options: ChartOptions = {\n responsive: true,\n title: {\n display: false\n },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false,\n ticks: {\n beginAtZero: true,\n max: 15,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: {\n display: false,\n },\n scaleLabel: {\n display: true,\n },\n ticks: {\n beginAtZero: true,\n max: 15,\n fontSize: 11\n }\n }],\n }\n };\n public barChart6Labels: Label[] = ['R1', 'R2', 'R3', 'R4'];\n public barChart6Type: ChartType = 'horizontalBar';\n public barChart6Legend = false;\n public barChart6Plugins = [];\n\n public barChart6Data: ChartDataSets[] = [\n {\n data: [15, 10, 12, 6],\n backgroundColor: 'rgb(87, 174, 239)',\n hoverBackgroundColor: 'rgb(87, 174, 239)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n }\n ];\n //barChart6 horizontalBar end\n\n //lineChart1 VerticalBar start\n public lineChartOptions: ChartOptions = {\n responsive: true,\n legend: {\n display: false\n },\n title: {\n display: false\n },\n tooltips: {\n enabled: false\n },\n scales: {\n xAxes: [{\n display: true,\n gridLines: {\n display: false,\n },\n scaleLabel: {\n display: false,\n },\n ticks: {\n beginAtZero: true,\n display: false,\n max: 30,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false,\n ticks: {\n beginAtZero: true,\n max: 15,\n fontSize: 11\n }\n }],\n },\n elements: {\n line: {\n fill: false,\n tension: 0.000001,\n },\n point: {\n radius: 0\n }\n }\n };\n public lineChartLabels: Label[] = ['1', '2', '3', '4'];\n public lineChartType: ChartType = 'line';\n public lineChartLegend = false;\n public lineChartPlugins = [];\n\n public lineChart1Data: ChartDataSets[] = [\n {\n data: [2, 10, 5, 8],\n borderColor: 'black',\n backgroundColor: '#ffffff',\n hoverBackgroundColor: '#ffffff',\n borderWidth: 1\n }\n ];\n //lineChart1 VerticalBar end\n\n constructor(private commonService: CommonService, private toastr: ToastrService, public dialog: MatDialog, private router: Router, private datePipe: DatePipe, private fb: FormBuilder) { }\n\n ngOnInit() {\n this.availableDashboard=[]\n if(localStorage.getItem('roleId') == \"1\"){\n this.availableDashboard.push(\"Dashboard\",\"Prs-Dashboard\")\n }\n if(localStorage.getItem('roleId') == \"12\"){\n this.availableDashboard.push(\"Prs-Dashboard\")\n }\n if(localStorage.getItem('roleId') == \"15\"){\n this.availableDashboard.push(\"Prs-Dashboard\")\n }\n\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n\n let userInfo = JSON.parse(localStorage.getItem('userInfo'));\n this.userInfo = userInfo[0];\n this.userId = localStorage.getItem(\"userId\");\n this.filterDashboard();\n this.periodFilter();\n\n if (localStorage.getItem('workshops') == null || localStorage.getItem('workshops') == undefined) {\n this.getWorkshopDetails();\n }\n this.selectService = this.fb.group({\n selectServiceType: ['']\n });\n }\n\n /**\n * Name: getWorkshopDetails\n * purpose: To get CRE assigned workshop details\n */\n getWorkshopDetails() {\n this.spinner = true;\n this.commonService.getWorkshopDetails(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n this.spinner = false;\n localStorage.setItem('workshops', JSON.stringify(res['responseData']));\n } else {\n this.spinner = false;\n //this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n chosenYearHandler(normalizedYear: Moment) {\n const ctrlValue = this.date.value;\n if(normalizedYear.year() == this.maxDate.getFullYear()) {\n ctrlValue.month(this.maxDate.getMonth());\n } else {\n ctrlValue.month(this.minDate.getMonth());\n }\n ctrlValue.year(normalizedYear.year());\n this.date.setValue(ctrlValue);\n }\n\n chosenMonthHandler(normalizedMonth: Moment, datepicker: MatDatepicker) {\n const ctrlValue = this.date.value;\n ctrlValue.month(normalizedMonth.month());\n ctrlValue.year(normalizedMonth.year());\n this.date.setValue(ctrlValue);\n datepicker.close();\n }\n\n reset() {\n this.selectedCre = [];\n this.selectedWorkShop = [];\n this.serviceType = \"\";\n let date = moment(this.maxDate);\n this.date.setValue(date);\n this.selectService.setValue({selectServiceType:''});\n this.today = new Date();\n this.toDate = new Date();\n this.fromDate = new Date();\n this.getDashboardKpi();\n }\n\n getChart(chartKpi: any) {\n this.dialog.open(ChartDialogComponent, {\n width: '600px',\n data: { kpi: chartKpi }\n });\n }\n\n getServiceBreak(serviceBreakup: any) {\n this.dialog.open(ServiceBreakDialogComponent, {\n width: '400px',\n data: { serviceBreak: serviceBreakup }\n });\n }\n\n resetResponse() {\n this.followup1 = {};\n this.followup2 = {};\n //booking followup\n this.bFollowup1 = {};\n this.bFollowup2 = {};\n this.bFollowup3 = {};\n //conversion\n this.sameDay = {};\n this.eventual = {};\n //not connected reason\n this.noResponse = {};\n this.busy = {};\n this.switchOff = {};\n this.invalid = {};\n this.others = {};\n //connected mo service\n this.wrongOdo = {};\n this.alreadyService = {};\n this.vehicleSold = {};\n this.disPreviousSer = {};\n this.distanceDealer = {};\n this.disInsurance = {};\n this.disSales = {};\n this.contactedOthers = {};\n this.custNotInterested = {};\n this.dnd = {};\n //booking no service\n this.bWrongOdo = {};\n this.bAlreadyService = {};\n this.bVehicleSold = {};\n this.bDisPreviousSer = {};\n this.bDistanceDealer = {};\n this.bDisInsurance = {};\n this.bDisSales = {};\n this.bookingOthers = {};\n this.bCustNotInterested = {};\n this.bDnd = {};\n this.barChart1Data = [];\n this.barChart2Data = [];\n this.horizontalBarChart4Data = [];\n this.horizontalBarChart5Data = [];\n this.horizontalBarChart7Data = [];\n this.horizontalBarChart8Data = [];\n }\n\n resetKpiCard() {\n this.callCoverage = [];\n this.selectedCallCoverage = {};\n\n this.avgCall = [];\n this.selectedAvgCall = {};\n\n this.successReminder = [];\n this.selectedSuccessReminder = {};\n\n this.successVisit = [];\n this.selectedSuccessVisit = {};\n\n this.successNoShow = [];\n this.selectedSuccessNoShow = {};\n\n this.lostConversion = [];\n this.selectedLostConversion = {};\n\n this.overAllConversion = [];\n this.selectedOverAllConversion = {};\n\n this.bookingRate = [];\n this.selectedBookingRate = {};\n\n this.perCallConversion = [];\n this.selectedPerCallConversion = {};\n }\n\n resetDashboard() {\n this.allocated = {};\n this.attempted = {};\n this.notAttempted = {};\n this.contacted = {};\n this.notContacted = {};\n this.booking = {};\n this.converted = {};\n this.activeBooking = {};\n this.contactedNoService = {};\n this.contactedFollowup = {};\n this.connectedSystemClose = {};\n this.bookingNoService = {};\n this.bookingFollowup = {};\n this.bookingSystemClose = {};\n this.horizontalBarChart1Data = [];\n this.horizontalBarChart2Data = [];\n this.horizontalBarChart3Data = [];\n this.horizontalBarChart7Data = [];\n this.horizontalBarChart4Data = [];\n this.barChart1Data = [];\n }\n\n /**\n * Name: getDashboardResponseKpi\n * purpose: To get service history\n */\n getDashboardResponseKpi(): void {\n this.spinner = true;\n this.updateChartCard = true;\n let selectedCre = '';\n this.selectedCre.forEach((element, index) => {\n if (index == 0) {\n selectedCre = element;\n } else {\n selectedCre = selectedCre + ',' + element;\n }\n });\n let selectedWorkShop = '';\n this.selectedWorkShop.forEach((element, index) => {\n if (index == 0) {\n selectedWorkShop = element.split(\" - \")[0];\n } else {\n selectedWorkShop = selectedWorkShop + ',' + element.split(\" - \")[0];\n }\n });\n\n let service = '';\n if(this.selectService.value.selectServiceType != \"\"){\n this.selectService.value.selectServiceType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectService.value.selectServiceType.splice(index,1);\n }\n });\n service = this.selectService.value.selectServiceType.toString();\n }\n\n const request = {\n \"userId\": this.userInfo.userId,\n \"roleId\": this.userInfo.roleId,\n \"creId\": selectedCre || '',\n \"workshopCode\": selectedWorkShop || '',\n \"service\": service ? service.toString() : '',\n \"startDate\": this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\").toString(),\n \"endDate\": this.datePipe.transform(this.toDate, \"yyyy-MM-dd\").toString()\n };\n this.resetResponse();\n this.commonService.getDashboardResponseKpi(request).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.selectedDate = this.datePipe.transform(this.date.value['_d'], \"MMM yy\");\n res[\"responseData\"].forEach(kpi => {\n if (kpi.actualVal) {\n kpi.actualVal = Math.round(kpi.actualVal * 100 + Number.EPSILON) / 100;\n }\n if (kpi.growthRate) {\n kpi.growthRate = Math.round(kpi.growthRate * 100 + Number.EPSILON) / 100;\n }\n\n //conncted followup\n if (kpi.kpiCode == '202') {\n this.followup1 = kpi;\n }\n if (kpi.kpiCode == '203') {\n this.followup2 = kpi;\n }\n\n //booking followup\n if (kpi.kpiCode == '1-2') {\n this.bFollowup1 = kpi;\n }\n if (kpi.kpiCode == '1-3') {\n this.bFollowup2 = kpi;\n }\n if (kpi.kpiCode == '113') {\n this.bFollowup3 = kpi;\n }\n\n //conversion\n if (kpi.kpiCode == '111') {\n this.sameDay = kpi;\n }\n if (kpi.kpiCode == '222') {\n this.eventual = kpi;\n }\n\n //not connected reason\n if (kpi.kpiCode == '205') {\n this.noResponse = kpi;\n }\n if (kpi.kpiCode == '206') {\n this.busy = kpi;\n }\n if (kpi.kpiCode == '207') {\n this.switchOff = kpi;\n }\n if (kpi.kpiCode == '208') {\n this.invalid = kpi;\n }\n if (kpi.kpiCode == '209') {\n this.others = kpi;\n }\n\n //connected mo service\n if (kpi.kpiCode == '308') {\n this.wrongOdo = kpi;\n }\n if (kpi.kpiCode == '309') {\n this.alreadyService = kpi;\n }\n if (kpi.kpiCode == '310') {\n this.vehicleSold = kpi;\n }\n if (kpi.kpiCode == '311') {\n this.disPreviousSer = kpi;\n }\n if (kpi.kpiCode == '312') {\n this.distanceDealer = kpi;\n }\n if (kpi.kpiCode == '314') {\n this.disInsurance = kpi;\n }\n if (kpi.kpiCode == '313') {\n this.disSales = kpi;\n }\n if (kpi.kpiCode == '315') {\n this.contactedOthers = kpi;\n }\n if (kpi.kpiCode == '316') {\n this.custNotInterested = kpi;\n }\n if (kpi.kpiCode == '317') {\n this.dnd = kpi;\n }\n\n //booking no service\n if (kpi.kpiCode == '8-8') {\n this.bWrongOdo = kpi;\n }\n if (kpi.kpiCode == '8-9') {\n this.bAlreadyService = kpi;\n }\n if (kpi.kpiCode == '8-0') {\n this.bVehicleSold = kpi;\n }\n if (kpi.kpiCode == '8-1') {\n this.bDisPreviousSer = kpi;\n }\n if (kpi.kpiCode == '8-2') {\n this.bDistanceDealer = kpi;\n }\n if (kpi.kpiCode == '8-4') {\n this.bDisInsurance = kpi;\n }\n if (kpi.kpiCode == '8-3') {\n this.bDisSales = kpi;\n }\n if (kpi.kpiCode == '8-5') {\n this.bookingOthers = kpi;\n }\n if (kpi.kpiCode == '8-6') {\n this.bCustNotInterested = kpi;\n }\n if (kpi.kpiCode == '8-7') {\n this.bDnd = kpi;\n }\n });\n\n //barChart1 start not connected reason\n this.noResponse.actualVal = this.noResponse.actualVal || 0;\n this.busy.actualVal = this.busy.actualVal || 0;\n this.switchOff.actualVal = this.switchOff.actualVal || 0;\n this.invalid.actualVal = this.invalid.actualVal || 0;\n this.others.actualVal = this.others.actualVal || 0;\n let maxNotConnected = Math.max(this.noResponse.actualVal, this.busy.actualVal, this.switchOff.actualVal, this.invalid.actualVal, this.others.actualVal);\n if (maxNotConnected) {\n this.barChart1Options.scales.xAxes[0].ticks.max = maxNotConnected;\n this.barChart1Options.scales.yAxes[0].ticks.max = maxNotConnected;\n this.barChart1Data = [\n {\n data: [this.noResponse.actualVal, this.busy.actualVal, this.switchOff.actualVal, this.invalid.actualVal, this.others.actualVal],\n backgroundColor: 'rgb(87, 174, 239)',\n hoverBackgroundColor: 'rgb(87, 174, 239)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 20,\n maxBarThickness: 20,\n minBarLength: 2\n }\n ];\n }\n //barChart1 end\n\n //barChart1 start conversion\n this.sameDay.actualVal = this.sameDay.actualVal || 0;\n this.eventual.actualVal = this.eventual.actualVal || 0;\n if (this.sameDay.actualVal || this.eventual.actualVal) {\n this.barChart2Options.scales.xAxes[0].ticks.max = this.eventual.actualVal > this.sameDay.actualVal ? this.eventual.actualVal : this.sameDay.actualVal;\n this.barChart2Options.scales.yAxes[0].ticks.max = this.eventual.actualVal > this.sameDay.actualVal ? this.eventual.actualVal : this.sameDay.actualVal;\n this.barChart2Data = [\n {\n data: [this.sameDay.actualVal, this.eventual.actualVal],\n backgroundColor: ['rgb(46, 54, 104)', 'rgb(87, 174, 239)'],\n hoverBackgroundColor: ['rgb(46, 54, 104)', 'rgb(87, 174, 239)'],\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 20,\n maxBarThickness: 20,\n minBarLength: 2\n }\n ];\n }\n //barChart1 end\n\n //horizontalBarChart4 start noservice connected\n this.wrongOdo.actualVal = this.wrongOdo.actualVal || 0;\n this.alreadyService.actualVal = this.alreadyService.actualVal || 0;\n this.vehicleSold.actualVal = this.vehicleSold.actualVal || 0;\n this.disPreviousSer.actualVal = this.disPreviousSer.actualVal || 0;\n this.distanceDealer.actualVal = this.distanceDealer.actualVal || 0;\n this.disSales.actualVal = this.disSales.actualVal || 0;\n this.disInsurance.actualVal = this.disInsurance.actualVal || 0;\n this.contactedOthers.actualVal = this.contactedOthers.actualVal || 0;\n this.custNotInterested.actualVal = this.custNotInterested.actualVal || 0;\n this.dnd.actualVal = this.dnd.actualVal || 0;\n let max4 = Math.max(this.wrongOdo.actualVal, this.alreadyService.actualVal, this.vehicleSold.actualVal,\n this.disPreviousSer.actualVal, this.distanceDealer.actualVal, this.disSales.actualVal,\n this.disInsurance.actualVal, this.contactedOthers.actualVal, this.custNotInterested.actualVal,\n this.dnd.actualVal);\n if (max4) {\n this.horizontalBarChart4Options.scales.xAxes[0].ticks.max = max4 + 10;\n this.horizontalBarChart4Options.scales.yAxes[0].ticks.max = max4 + 10;\n this.horizontalBarChart4Data = [\n {\n data: [this.wrongOdo.actualVal, this.alreadyService.actualVal, this.vehicleSold.actualVal,\n this.disPreviousSer.actualVal, this.distanceDealer.actualVal, this.disSales.actualVal,\n this.disInsurance.actualVal, this.contactedOthers.actualVal, this.custNotInterested.actualVal,\n this.dnd.actualVal],\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 10,\n }\n ];\n }\n //horizontalBarChart4 start\n\n //horizontalBarChart5 start noservice booking\n this.bWrongOdo.actualVal = this.bWrongOdo.actualVal || 0;\n this.bAlreadyService.actualVal = this.bAlreadyService.actualVal || 0;\n this.bVehicleSold.actualVal = this.bVehicleSold.actualVal || 0;\n this.bDisPreviousSer.actualVal = this.bDisPreviousSer.actualVal || 0;\n this.bDistanceDealer.actualVal = this.bDistanceDealer.actualVal || 0;\n this.bDisSales.actualVal = this.bDisSales.actualVal || 0;\n this.bDisInsurance.actualVal = this.bDisInsurance.actualVal || 0;\n this.bookingOthers.actualVal = this.bookingOthers.actualVal || 0;\n this.bCustNotInterested.actualVal = this.bCustNotInterested.actualVal || 0;\n this.bDnd.actualVal = this.bDnd.actualVal || 0;\n let max5 = Math.max(this.bWrongOdo.actualVal, this.bAlreadyService.actualVal, this.bVehicleSold.actualVal,\n this.bDisPreviousSer.actualVal, this.bDistanceDealer.actualVal, this.bDisSales.actualVal,\n this.bDisInsurance.actualVal, this.bookingOthers.actualVal, this.bCustNotInterested.actualVal,\n this.bDnd.actualVal);\n if (max5) {\n this.horizontalBarChart5Options.scales.xAxes[0].ticks.max = max5 + 10;\n this.horizontalBarChart5Options.scales.yAxes[0].ticks.max = max5 + 10;\n this.horizontalBarChart5Data = [\n {\n data: [this.bWrongOdo.actualVal, this.bAlreadyService.actualVal, this.bVehicleSold.actualVal,\n this.bDisPreviousSer.actualVal, this.bDistanceDealer.actualVal, this.bDisSales.actualVal,\n this.bDisInsurance.actualVal, this.bookingOthers.actualVal, this.bCustNotInterested.actualVal,\n this.bDnd.actualVal],\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 10,\n }\n ];\n }\n //horizontalBarChart7 start followup connected\n this.followup1.actualVal = this.followup1.actualVal || 0;\n this.followup2.actualVal = this.followup2.actualVal || 0;\n if (this.followup1.actualVal || this.followup2.actualVal) {\n this.horizontalBarChart7Options.scales.xAxes[0].ticks.max = (this.followup1.actualVal + this.followup2.actualVal + 10) || this.followup.actualVal;\n this.horizontalBarChart7Options.scales.yAxes[0].ticks.max = (this.followup1.actualVal + this.followup2.actualVal + 10) || this.followup.actualVal;\n this.horizontalBarChart7Data = [\n {\n data: [this.followup1.actualVal, this.followup2.actualVal],\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 10,\n }\n ];\n }\n\n //horizontalBarChart8 start booking connected\n this.bFollowup1.actualVal = this.bFollowup1.actualVal || 0;\n this.bFollowup2.actualVal = this.bFollowup2.actualVal || 0;\n this.bFollowup3.actualVal = this.bFollowup3.actualVal || 0;\n if (this.bFollowup1.actualVal || this.bFollowup2.actualVal || this.bFollowup3.actualVal) {\n this.horizontalBarChart8Options.scales.xAxes[0].ticks.max = (this.bFollowup1.actualVal + this.bFollowup2.actualVal + this.bFollowup3.actualVal + 5) || this.followup.actualVal;\n this.horizontalBarChart8Options.scales.yAxes[0].ticks.max = (this.bFollowup1.actualVal + this.bFollowup2.actualVal + this.bFollowup3.actualVal + 5) || this.followup.actualVal;\n this.horizontalBarChart8Data = [\n {\n data: [this.bFollowup1.actualVal, this.bFollowup2.actualVal, this.bFollowup3.actualVal],\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 10,\n }\n ];\n }\n this.updateChartCard = false;\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.spinner = false;\n this.updateChartCard = false;\n }\n }, err => {\n this.spinner = false;\n this.updateChartCard = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getDashboardKpiCard\n * purpose: To get left kpi card history\n */\n getDashboardKpiCard(): void {\n this.spinner = true;\n let selectedCre = '';\n this.selectedCre.forEach((element, index) => {\n if (index == 0) {\n selectedCre = element;\n } else {\n selectedCre = selectedCre + ',' + element;\n }\n });\n let selectedWorkShop = '';\n this.selectedKpiCardWorkShop.forEach((element, index) => {\n if (index == 0) {\n selectedWorkShop = element.split(\" - \")[0];\n } else {\n selectedWorkShop = selectedWorkShop + ',' + element.split(\" - \")[0];\n }\n });\n\n let service = '';\n if(this.selectService.value.selectServiceType != \"\"){\n this.selectService.value.selectServiceType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectService.value.selectServiceType.splice(index,1);\n }\n });\n service = this.selectService.value.selectServiceType.toString();\n }\n\n const request = {\n \"userId\": this.userInfo.userId,\n \"roleId\": this.userInfo.roleId,\n \"creId\": selectedCre || '',\n \"workshopCode\": selectedWorkShop || '',\n \"service\": service ? service.toString() : '',\n \"month\": new Date(this.maxDate).getMonth() + 1,\n \"year\": new Date(this.maxDate).getFullYear()\n };\n this.resetKpiCard();\n this.commonService.getDashboardKpiCard(request).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n let mnth = new Date(this.maxDate).getMonth() + 1;\n this.callCoverage = [];\n this.avgCall = [];\n this.successReminder = [];\n this.successVisit = [];\n this.successNoShow = [];\n this.lostConversion = [];\n this.overAllConversion = [];\n this.bookingRate = [];\n this.perCallConversion = [];\n\n res[\"responseData\"].forEach(kpi => {\n if (kpi.actualVal) {\n kpi.actualVal = Math.round(kpi.actualVal * 100 + Number.EPSILON) / 100;\n }\n if (kpi.growthRate) {\n kpi.growthRate = Math.round(kpi.growthRate * 100 + Number.EPSILON) / 100;\n }\n if (kpi.kpiCode == '013') {\n this.callCoverage.push(kpi);\n this.selectedCallCoverage = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '014') {\n this.avgCall.push(kpi);\n this.selectedAvgCall = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '015') {\n this.successReminder.push(kpi);\n this.selectedSuccessReminder = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '016') {\n this.successVisit.push(kpi);\n this.selectedSuccessVisit = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '017') {\n this.successNoShow.push(kpi);\n this.selectedSuccessNoShow = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '018') {\n this.lostConversion.push(kpi);\n this.selectedLostConversion = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '019') {\n this.overAllConversion.push(kpi);\n this.selectedOverAllConversion = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '020') {\n this.bookingRate.push(kpi);\n this.selectedBookingRate = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '023') {\n this.perCallConversion.push(kpi);\n this.selectedPerCallConversion = (mnth == kpi.monthVal) ? kpi : {};\n }\n });\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getDashboardKpi\n * purpose: To get dashboard kpi\n */\n getDashboardKpi(): void {\n this.spinner = true;\n this.updateChart = true;\n let selectedCre = '';\n this.selectedCre.forEach((element, index) => {\n if (index == 0) {\n selectedCre = element;\n } else {\n selectedCre = selectedCre + ',' + element;\n }\n });\n let selectedWorkShop = '';\n this.selectedWorkShop.forEach((element, index) => {\n if (index == 0) {\n selectedWorkShop = element.split(\" - \")[0];\n } else {\n selectedWorkShop = selectedWorkShop + ',' + element.split(\" - \")[0];\n }\n });\n\n let service = '';\n if(this.selectService.value.selectServiceType != \"\"){\n this.selectService.value.selectServiceType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectService.value.selectServiceType.splice(index,1);\n }\n });\n service = this.selectService.value.selectServiceType.toString();\n }\n\n const request = {\n \"userId\": this.userInfo.userId,\n \"roleId\": this.userInfo.roleId,\n \"creId\": selectedCre || '',\n \"workshopCode\": selectedWorkShop || '',\n \"service\": service ? service.toString() : '',\n \"startDate\": this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\").toString(),\n \"endDate\": this.datePipe.transform(this.toDate, \"yyyy-MM-dd\").toString()\n };\n this.resetDashboard();\n this.commonService.getDashboardKpi(request).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.selectedDate = this.datePipe.transform(this.date.value['_d'], \"MMM yy\");\n res[\"responseData\"].forEach(kpi => {\n if (kpi.actualVal) {\n kpi.actualVal = Math.round(kpi.actualVal * 100 + Number.EPSILON) / 100;\n }\n if (kpi.growthRate) {\n kpi.growthRate = Math.round(kpi.growthRate * 100 + Number.EPSILON) / 100;\n }\n if (kpi.kpiCode == '001') {\n this.allocated = kpi;\n }\n if (kpi.kpiCode == '002') {\n this.attempted = kpi;\n }\n if (kpi.kpiCode == '003') {\n this.notAttempted = kpi;\n }\n if (kpi.kpiCode == '004') {\n this.contacted = kpi;\n }\n if (kpi.kpiCode == '005') {\n this.notContacted = kpi;\n }\n if (kpi.kpiCode == '006') {\n this.booking = kpi;\n }\n if (kpi.kpiCode == '011') {\n this.converted = kpi;\n }\n if (kpi.kpiCode == '022') {\n this.activeBooking = kpi;\n }\n if (kpi.kpiCode == '007') {\n this.contactedNoService = kpi;\n }\n if (kpi.kpiCode == '008') {\n this.contactedFollowup = kpi;\n }\n if (kpi.kpiCode == '021') {\n this.connectedSystemClose = kpi;\n }\n if (kpi.kpiCode == '009') {\n this.bookingNoService = kpi;\n }\n if (kpi.kpiCode == '010') {\n this.bookingFollowup = kpi;\n }\n if (kpi.kpiCode == '024') {\n this.bookingSystemClose = kpi;\n }\n });\n if(this.allocated.actualVal != 0) {\n this.AttemptedAchievement = (this.attempted.actualVal/this.allocated.actualVal)*100;\n } else {\n this.AttemptedAchievement = 0;\n }\n if(this.attempted.actualVal != 0) {\n this.ContactedAchievement = (this.contacted.actualVal/this.attempted.actualVal)*100;\n } else {\n this.ContactedAchievement = 0;\n }\n if(this.contacted.actualVal != 0) {\n this.BookingsAchievement = (this.booking.actualVal/this.contacted.actualVal)*100;\n } else {\n this.BookingsAchievement = 0;\n }\n\n //horizontalBarChart1 start\n this.contacted.actualVal = this.contacted.actualVal || 0;\n this.notContacted.actualVal = this.notContacted.actualVal || 0;\n if (this.contacted.actualVal || this.notContacted.actualVal) {\n this.horizontalBarChart1Data = [\n {\n data: [this.contacted.actualVal],\n stack: 'a',\n label: 'Contacted',\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.notContacted.actualVal],\n stack: 'a',\n label: 'Not Contacted',\n backgroundColor: 'rgb(87, 174, 239)',\n hoverBackgroundColor: 'rgb(87, 174, 239)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n }\n ];\n let max1 = this.contacted.actualVal + this.notContacted.actualVal;\n this.horizontalBarChart1Options.scales.xAxes[0].ticks.max = max1;\n this.horizontalBarChart1Options.scales.yAxes[0].ticks.max = max1;\n }\n //horizontalBarChart1 end\n\n //horizontalBarChart2 start\n this.booking.actualVal = this.booking.actualVal || 0;\n this.contactedFollowup.actualVal = this.contactedFollowup.actualVal || 0;\n this.connectedSystemClose.actualVal = this.connectedSystemClose.actualVal || 0;\n this.contactedNoService.actualVal = this.contactedNoService.actualVal || 0;\n let max2 = this.booking.actualVal + this.contactedFollowup.actualVal + this.connectedSystemClose.actualVal + this.contactedNoService.actualVal;\n if (max2) {\n this.horizontalBarChart2Options.scales.xAxes[0].ticks.max = max2;\n this.horizontalBarChart2Options.scales.yAxes[0].ticks.max = max2;\n this.horizontalBarChart2Data = [\n {\n data: [this.booking.actualVal],\n stack: 'a',\n label: 'Booking',\n backgroundColor: '#4834d4',\n hoverBackgroundColor: '#4834d4',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.contactedFollowup.actualVal],\n stack: 'a',\n label: 'Followup',\n backgroundColor: '#57aeef',\n hoverBackgroundColor: '#57aeef',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.connectedSystemClose.actualVal],\n stack: 'a',\n label: 'System Closed',\n backgroundColor: '#5758bb',\n hoverBackgroundColor: '#5758bb',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.contactedNoService.actualVal],\n stack: 'a',\n label: 'No Service',\n backgroundColor: '#2e3668',\n hoverBackgroundColor: '#2e3668',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n }\n ];\n }\n //horizontalBarChart2 end\n\n //horizontalBarChart3 start\n this.activeBooking.actualVal = this.activeBooking.actualVal || 0;\n this.converted.actualVal = this.converted.actualVal || 0;\n this.bookingFollowup.actualVal = this.bookingFollowup.actualVal || 0;\n this.bookingNoService.actualVal = this.bookingNoService.actualVal || 0;\n this.bookingSystemClose.actualVal = this.bookingSystemClose.actualVal || 0;\n let max3 = this.activeBooking.actualVal + this.converted.actualVal + this.bookingFollowup.actualVal + this.bookingNoService.actualVal;\n if (max3) {\n this.horizontalBarChart3Options.scales.xAxes[0].ticks.max = max3;\n this.horizontalBarChart3Options.scales.yAxes[0].ticks.max = max3;\n this.horizontalBarChart3Data = [\n {\n data: [this.activeBooking.actualVal],\n stack: 'a',\n label: 'Active',\n backgroundColor: '#2e3668',\n hoverBackgroundColor: '#2e3668',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n\n {\n data: [this.bookingNoService.actualVal],\n stack: 'a',\n label: 'No Service',\n backgroundColor: '#4834d4',\n hoverBackgroundColor: '#4834d4',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.bookingFollowup.actualVal],\n stack: 'a',\n label: 'Followup',\n backgroundColor: '#57aeef',\n hoverBackgroundColor: '#57aeef',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.converted.actualVal],\n stack: 'a',\n label: 'Converted',\n backgroundColor: '#3f729d',\n hoverBackgroundColor: '#3f729d',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n }\n ];\n }\n //horizontalBarChart3 end\n this.updateChart = false;\n this.getDashboardResponseKpi();\n this.getDashboardServiceKpi();\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.spinner = false;\n this.updateChart = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n this.updateChart = false;\n });\n }\n\n /**\n * Name: getDashboardServiceKpi\n * purpose: To get service breakup\n */\n getDashboardServiceKpi(): void {\n this.spinner = true;\n let selectedCre = '';\n this.selectedCre.forEach((element, index) => {\n if (index == 0) {\n selectedCre = element;\n } else {\n selectedCre = selectedCre + ',' + element;\n }\n });\n let selectedWorkShop = '';\n this.selectedWorkShop.forEach((element, index) => {\n if (index == 0) {\n selectedWorkShop = element.split(\" - \")[0];\n } else {\n selectedWorkShop = selectedWorkShop + ',' + element.split(\" - \")[0];\n }\n });\n\n let service = '';\n if(this.selectService.value.selectServiceType != \"\"){\n this.selectService.value.selectServiceType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectService.value.selectServiceType.splice(index,1);\n }\n });\n service = this.selectService.value.selectServiceType.toString();\n }\n\n const request = {\n \"userId\": this.userInfo.userId,\n \"roleId\": this.userInfo.roleId,\n \"creId\": selectedCre || '',\n \"workshopCode\": selectedWorkShop || '',\n \"service\": service ? service.toString() : '',\n \"startDate\": this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\").toString(),\n \"endDate\": this.datePipe.transform(this.toDate, \"yyyy-MM-dd\").toString()\n };\n this.commonService.getDashboardServiceKpi(request).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.allocatedServiceBreak = [];\n this.attemptedServiceBreak = [];\n this.connectedServiceBreak = [];\n this.bookingServiceBreak = [];\n res[\"responseData\"].forEach(element => {\n if (element.kpiCode == '001') {\n this.allocatedServiceBreak.push(element);\n }\n if (element.kpiCode == '002') {\n this.attemptedServiceBreak.push(element);\n }\n if (element.kpiCode == '004') {\n this.connectedServiceBreak.push(element);\n }\n if (element.kpiCode == '006') {\n this.bookingServiceBreak.push(element);\n }\n });\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: filterDashboard\n * purpose: To get filter Dashboard\n */\n filterDashboard(): void {\n this.spinner = true;\n let workshopSet = new Set();\n let workshopCardSet = new Set();\n this.commonService.filterDashboard(this.userInfo).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.filtersWorkshop = [];\n this.filtersCre = [];\n res['responseData'].forEach(element => {\n let workshopCode = element.workshop.split(\" - \")[0];\n let workshop = { id: element.id, workshopCode: workshopCode, workshop: element.workshop };\n let cre = element.creId;\n this.filtersWorkshop.push(workshop);\n workshopSet.add(workshop.workshop);\n workshopCardSet.add(workshop.workshop);\n if (!this.filtersCre.includes(cre)) {\n this.filtersCre.push(cre);\n }\n });\n this.uniqueWorkshop = Array.from(workshopSet);\n this.uniqueWorkshopCard = Array.from(workshopCardSet);\n this.uniqueWorkshopCopy = this.uniqueWorkshop;\n this.uniqueWorkshopCardCopy = this.uniqueWorkshopCard;\n this.filtersCreCopy = this.filtersCre;\n this.spinner = false;\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: periodFilter\n * purpose: To get filter Dashboard\n */\n periodFilter(): void {\n this.spinner = true;\n this.commonService.periodFilter(this.userInfo).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n if (res['responseData'].length) {\n let dateFilter = res['responseData'][0];\n if(dateFilter.minMonth && dateFilter.minYear) {\n this.minDate = new Date(res['responseData'][0].minMonth + '/' + '1/' + res['responseData'][0].minYear);\n } else {\n this.minDate = new Date();\n }\n if(dateFilter.maxMonth && dateFilter.maxYear) {\n this.maxDate = new Date(res['responseData'][0].maxMonth + '/' + '1/' + res['responseData'][0].maxYear);\n } else {\n this.maxDate = new Date();\n }\n let date = moment(this.maxDate);\n this.date.setValue(date);\n if(dateFilter.minMonth && dateFilter.minYear && dateFilter.maxMonth && dateFilter.maxYear) {\n this.selectedDate = this.datePipe.transform(this.date.value['_d'], \"MMM yy\");\n this.getDashboardServiceKpi();\n this.getDashboardKpiCard();\n this.getDashboardKpi();\n } else {\n this.toastr.info(\"Data not found.\");\n }\n } else {\n this.minDate = new Date();\n this.maxDate = new Date();\n }\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n onKeyWorkshop() : void {\n this.uniqueWorkshop = this.uniqueWorkshopCopy;\n this.dealerCode = [];\n this.selectedDealer = this.selectedDealer.trim();\n this.dealerCode = this.uniqueWorkshop.filter(item =>\n item.toLowerCase().includes(this.selectedDealer.toLowerCase())\n );\n this.dealerCode.forEach(element => {\n let index = this.uniqueWorkshopCopy.findIndex((ele) => {return ele == element});\n if(index != -1) {\n this.uniqueWorkshopCopy.splice(index, 1);\n }\n this.uniqueWorkshopCopy.unshift(element);\n })\n if(this.dealerCode.length > 0) {\n this.closeInput();\n }\n this.uniqueWorkshop = [];\n this.uniqueWorkshop = this.uniqueWorkshopCopy;\n }\n\n closeInput() : void {\n if(this.dealerCode.length == 0) {\n this.selectedDealer = '';\n this.uniqueWorkshop = this.uniqueWorkshopCopy;\n }\n }\n\n onKeyCRE() : void {\n this.filtersCre = this.filtersCreCopy;\n this.creCode = [];\n this.selectedCreCode = this.selectedCreCode.trim();\n this.creCode = this.filtersCre.filter(item =>\n item.toLowerCase().includes(this.selectedCreCode.toLowerCase())\n );\n this.creCode.forEach(element => {\n let index = this.filtersCreCopy.findIndex((ele) => {return ele == element});\n if(index != -1) {\n this.filtersCreCopy.splice(index, 1);\n }\n this.filtersCreCopy.unshift(element);\n })\n if(this.creCode.length > 0) {\n this.closeInputCre();\n }\n this.filtersCre = [];\n this.filtersCre = this.filtersCreCopy;\n }\n\n closeInputCre() : void {\n if(this.creCode.length == 0) {\n this.selectedCreCode = '';\n this.filtersCre = this.filtersCreCopy;\n }\n }\n\n onKeyWorkshopCard() : void {\n this.uniqueWorkshopCard = this.uniqueWorkshopCardCopy;\n this.dealerCodeCard = [];\n this.selectedCardDealer = this.selectedCardDealer.trim();\n this.dealerCodeCard = this.uniqueWorkshopCard.filter(item =>\n item.toLowerCase().includes(this.selectedCardDealer.toLowerCase())\n );\n this.dealerCodeCard.forEach(element => {\n let index = this.uniqueWorkshopCardCopy.findIndex((ele) => {return ele == element});\n if(index != -1) {\n this.uniqueWorkshopCardCopy.splice(index, 1);\n }\n this.uniqueWorkshopCardCopy.unshift(element);\n })\n\n if(this.dealerCodeCard.length > 0) {\n this.closeInput();\n }\n this.uniqueWorkshopCard = [];\n this.uniqueWorkshopCard = this.uniqueWorkshopCardCopy;\n }\n\n closeInputCard() : void {\n if(this.dealerCodeCard.length == 0) {\n this.selectedCardDealer = '';\n this.uniqueWorkshopCard = this.uniqueWorkshopCardCopy;\n }\n }\n\n /**\n * Name: getDashboardReport\n * purpose: To export report as excel\n */\n getDashboardReport(): void {\n this.spinner = true;\n //this.updateChart = true;\n let selectedCre = '';\n this.selectedCre.forEach((element, index) => {\n if (index == 0) {\n selectedCre = element;\n } else {\n selectedCre = selectedCre + ',' + element;\n }\n });\n let selectedWorkShop = '';\n this.selectedWorkShop.forEach((element, index) => {\n if (index == 0) {\n selectedWorkShop = element.split(\" - \")[0];\n } else {\n selectedWorkShop = selectedWorkShop + ',' + element.split(\" - \")[0];\n }\n });\n\n let serviceType = '';\n if(this.selectService.value.selectServiceType != \"\"){\n this.selectService.value.selectServiceType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectService.value.selectServiceType.splice(index,1);\n }\n });\n serviceType = this.selectService.value.selectServiceType.toString();\n }\n\n let startDate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\").toString();\n let endDate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\").toString();\n let fileName = \"Dashboard Report_For_\" + startDate + \"-\" + endDate ;\n this.commonService.getDashboardReport(this.userInfo.userId, this.userInfo.roleId, selectedCre, startDate, endDate, serviceType, selectedWorkShop)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n\n });\n }\n\n tosslePerOne(all){\n if (this.allSelectedService.selected) {\n this.allSelectedService.deselect();\n return false;\n }\n if (this.selectService.controls.selectServiceType.value.length==this.services.length)\n this.allSelectedService.select();\n }\n\n toggleAllSelection() {\n if (this.allSelectedService.selected) {\n this.selectService.controls.selectServiceType\n .patchValue([...this.services.map(item => item.key), 0]);\n this.selectAllService = true;\n } else {\n this.selectService.controls.selectServiceType.patchValue([]);\n }\n }\n\n dashboardSelection(){\n if(this.selectedDashboard == 'Prs-Dashboard'){\n //this.showPrsDashboard=true\n this.router.navigate([\"prs-dashboard\"])\n }\n }\n\n}","export default \".working-area {\\n margin-top: 115px;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.calling-table tr {\\n cursor: pointer;\\n}\\n\\n.table-head-call {\\n background: none;\\n padding-top: 12px;\\n}\\n\\n.button-margin {\\n margin-left: 10px;\\n}\\n\\n.callList {\\n font: Bold 20px Roboto;\\n letter-spacing: 0px;\\n color: #484848;\\n opacity: 1;\\n}\\n\\n.close-con {\\n font-size: 18px;\\n cursor: pointer;\\n top: 3px;\\n right: 1px;\\n position: absolute !important;\\n z-index: 10;\\n opacity: 1;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 89%;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.refesh-icon {\\n float: right;\\n margin-bottom: -30px;\\n margin-right: 20px;\\n margin-top: 30px;\\n cursor: pointer;\\n}\\n\\n.coloredRow {\\n background: #ffff99;\\n}\\n\\n.coloredGreenRow {\\n background: #90ee90;\\n}\\n\\n.mat-dialog-title {\\n background-color: darkgray;\\n}\\n\\n.callList-right {\\n font-size: 11px;\\n color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.columnHeader {\\n font: Bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.lost {\\n color: #e64243;\\n position: absolute;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.inbound {\\n color: #2e3668;\\n position: absolute;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.columnvalue {\\n font-size: 14px;\\n position: relative;\\n}\\n\\n.filter1 {\\n font-size: 12px;\\n margin-top: 10px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 20px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n box-sizing: border-box;\\n display: flex;\\n flex-wrap: wrap;\\n}\\n\\n.serviceDueDate {\\n width: 10% !important;\\n}\\n\\n.followUp {\\n width: 9% !important;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 3px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\nth.mat-header-cell {\\n background-color: #d9d9d9;\\n}\\n\\n.filter2 {\\n width: auto;\\n}\\n\\n.call-stats-card .mat-card-title {\\n margin-bottom: 0px;\\n}\\n\\n.call-stats-card .call-stats {\\n font-size: 11px;\\n color: #ffffff;\\n}\\n\\n.call-stats-card .call-stats i {\\n color: #2e3668;\\n font-size: 11px;\\n}\\n\\n.call-stats-card .call-stats-title {\\n font-size: 20px;\\n color: #484848;\\n}\\n\\n.call-stats-card1 {\\n padding-top: 0px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid none solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card-border2 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n margin-bottom: 15px;\\n border-color: lightgray;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #5482BC;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #5482BC;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 30px;\\n font: Regular 14px Roboto;\\n letter-spacing: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .refresh-btn.mat-button {\\n min-width: auto;\\n}\\n\\n.refresh-btn {\\n background-color: #ffffff;\\n color: #e64243;\\n border: 1px solid #e64243;\\n border-radius: 0px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-flex {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n background: white;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-label {\\n padding-left: 10px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-infix {\\n border-top: none;\\n}\\n\\n.textboxService ::ng-deep label.mat-form-field-label {\\n margin-top: 8px !important;\\n}\\n\\n.textboxService ::ng-deep input.mat-input-element {\\n margin-top: 0.6em;\\n margin-left: 10px;\\n}\\n\\n.search-icon {\\n position: absolute;\\n right: 15px;\\n top: 15px;\\n}\\n\\n.backColor {\\n background-color: #00457D !important;\\n font-size: 12px;\\n}\\n\\n.box-size {\\n margin-left: 10px;\\n margin-top: 7px;\\n width: 28px;\\n height: 28px;\\n color: #ffffff !important;\\n}\\n\\n.backColor1 {\\n background-color: #5482BC !important;\\n font-size: 12px;\\n}\\n\\n.call-stats-value {\\n margin-left: 50px;\\n font-size: 18px;\\n}\\n\\n.call-stats-value1 {\\n margin-left: 30px;\\n font-size: 18px;\\n}\\n\\n.info-circle-size {\\n font-size: 12px !important;\\n color: #ffffff !important;\\n}\\n\\n.flex-set {\\n margin-top: 7px;\\n margin-left: 30px;\\n}\\n\\n.flex-set1 {\\n margin-top: 7px;\\n margin-left: 55px;\\n}\\n\\n.dueDateIcon {\\n height: 9px;\\n width: 11px;\\n}\\n\\n.filter3 {\\n width: 200px;\\n margin-right: 30px;\\n font-size: 12px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvZG9vcnN0ZXAtY2FsbGluZy1saXN0L2Rvb3JzdGVwLWNhbGxpbmctbGlzdC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50L2Rvb3JzdGVwLWNhbGxpbmctbGlzdC9kb29yc3RlcC1jYWxsaW5nLWxpc3QuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksV0FBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtBQ0NKOztBREVBO0VBQ0ksZ0JBQUE7RUFDQSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0VBQ0EsVUFBQTtFQUNBLDZCQUFBO0VBQ0EsV0FBQTtFQUNBLFVBQUE7QUNDSjs7QURFQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUNBLFVBQUE7RUFDQSxZQUFBO0FDQ0o7O0FERUE7RUFDSSxnQkFBQTtBQ0NKOztBREVBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLFVBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7RUFDQSxXQUFBO0FDQ0o7O0FERUE7RUFDSSxNQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksYUFBQTtBQ0NKOztBREVBO0VBQ0ksTUFBQTtFQUNBLDBCQUFBO0VBQ0EsaUJBQUE7QUNDSjs7QURFQTtFQUNJLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSxZQUFBO0VBQ0Esb0JBQUE7RUFDQSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtBQ0NKOztBREVBO0VBQ0ksbUJBQUE7QUNDSjs7QURFQTtFQUNJLG1CQUFBO0FDQ0o7O0FERUE7RUFDSSwwQkFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtFQUNBLDBCQUFBO0FDQ0o7O0FERUE7RUFDSSxzQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLDBCQUFBO0FDQ0o7O0FERUE7RUFDSSxjQUFBO0VBQ0Esa0JBQUE7RUFDQSxVQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QUNDSjs7QURFQTtFQUNJLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0VBQ0EsZ0JBQUE7QUNDSjs7QURFQTtFQUNJLHVCQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxrQkFBQTtBQ0NKOztBREVBO0VBQ0ksbUJBQUE7RUFDQSxzQkFBQTtFQUNBLGFBQUE7RUFDQSxlQUFBO0FDQ0o7O0FERUE7RUFDSSxxQkFBQTtBQ0NKOztBREVBO0VBQ0ksb0JBQUE7QUNDSjs7QURFQTs7O0VBR0ksWUFBQTtFQUNBLG1DQUFBO0VBQ0EsbUJBQUE7RUFDQSx1QkFBQTtBQ0NKOztBREVBO0VBQ0ksbUNBQUE7RUFDQSx1QkFBQTtBQ0NKOztBREVBO0VBQ0kseUJBQUE7QUNDSjs7QURFQTtFQUNJLFdBQUE7QUNDSjs7QURHSTtFQUNJLGtCQUFBO0FDQVI7O0FERUk7RUFDSSxlQUFBO0VBQ0EsY0FBQTtBQ0FSOztBRENRO0VBQ0ksY0FBQTtFQUNBLGVBQUE7QUNDWjs7QURFSTtFQUNJLGVBQUE7RUFDQSxjQUFBO0FDQVI7O0FESUE7RUFDSSxnQkFBQTtBQ0RKOztBRElBO0VBQ0ksb0NBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsdUJBQUE7QUNESjs7QURJQTtFQUNJLHFDQUFBO0VBQ0EsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7QUNESjs7QURJQTtFQUNJLGtCQUFBO0FDREo7O0FESUE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7QUNESjs7QURJQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtBQ0RKOztBRElBO0VBQ0ksaUJBQUE7RUFDQSx5QkFBQTtFQUNBLG1CQUFBO0FDREo7O0FESUE7RUFDSSxlQUFBO0FDREo7O0FESUE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7RUFDQSx5QkFBQTtFQUNBLGtCQUFBO0FDREo7O0FESUE7RUFDSSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7QUNESjs7QURJQTtFQUNJLGtCQUFBO0FDREo7O0FESUE7RUFDSSxnQkFBQTtBQ0RKOztBRElBO0VBQ0ksMEJBQUE7QUNESjs7QURJQTtFQUNJLGlCQUFBO0VBQ0EsaUJBQUE7QUNESjs7QURJQTtFQUNJLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLFNBQUE7QUNESjs7QURJQTtFQUNJLG9DQUFBO0VBQ0EsZUFBQTtBQ0RKOztBRElBO0VBQ0ksaUJBQUE7RUFDQSxlQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSx5QkFBQTtBQ0RKOztBRElBO0VBQ0ksb0NBQUE7RUFDQSxlQUFBO0FDREo7O0FESUE7RUFDSSxpQkFBQTtFQUNBLGVBQUE7QUNESjs7QURJQTtFQUNJLGlCQUFBO0VBQ0EsZUFBQTtBQ0RKOztBRElBO0VBQ0ksMEJBQUE7RUFDQSx5QkFBQTtBQ0RKOztBRElBO0VBQ0ksZUFBQTtFQUNBLGlCQUFBO0FDREo7O0FESUE7RUFDSSxlQUFBO0VBQ0EsaUJBQUE7QUNESjs7QURJQTtFQUNJLFdBQUE7RUFDQSxXQUFBO0FDREo7O0FESUE7RUFDSSxZQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0FDREo7O0FESUE7RUFDSSx1QkFBQTtFQUNBLG1CQUFBO0FDREoiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnQvZG9vcnN0ZXAtY2FsbGluZy1saXN0L2Rvb3JzdGVwLWNhbGxpbmctbGlzdC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53b3JraW5nLWFyZWEge1xuICAgIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG50YWJsZSB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi5jYWxsaW5nLXRhYmxlIHRyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi50YWJsZS1oZWFkLWNhbGwge1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgcGFkZGluZy10b3A6IDEycHg7XG59XG5cbi5idXR0b24tbWFyZ2luIHtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLmNhbGxMaXN0IHtcbiAgICBmb250OiBCb2xkIDIwcHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICM0ODQ4NDg7XG4gICAgb3BhY2l0eTogMTtcbn1cblxuLmNsb3NlLWNvbiB7XG4gICAgZm9udC1zaXplOiAxOHB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB0b3A6IDNweDtcbiAgICByaWdodDogMXB4O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgIHotaW5kZXg6IDEwO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgcGFkZGluZzogMDtcbiAgICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gICAgcGFkZGluZzogM3B4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICAgIHdpZHRoOiA4OSU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWJ1dHRvbiB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGZvbnQ6IHdoaXRlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICAgIHRvcDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gICAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjM2MzYzNjO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4ucmVmZXNoLWljb24ge1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBtYXJnaW4tYm90dG9tOiAtMzBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gICAgbWFyZ2luLXRvcDogMzBweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jb2xvcmVkUm93IHtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmZjk5O1xufVxuXG4uY29sb3JlZEdyZWVuUm93IHtcbiAgICBiYWNrZ3JvdW5kOiAjOTBlZTkwO1xufVxuXG4ubWF0LWRpYWxvZy10aXRsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogZGFya2dyYXk7XG59XG5cbi5jYWxsTGlzdC1yaWdodCB7XG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNTQpO1xufVxuXG4uY29sdW1uSGVhZGVyIHtcbiAgICBmb250OiBCb2xkIDEycHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzMzMzMzM7XG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5sb3N0IHtcbiAgICBjb2xvcjogI2U2NDI0MztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMTBweDtcbiAgICBmb250LXNpemU6IDEwcHg7XG4gICAgdG9wOiAzOCU7XG59XG5cbi5pbmJvdW5kIHtcbiAgICBjb2xvcjogIzJlMzY2ODtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMTBweDtcbiAgICBmb250LXNpemU6IDEwcHg7XG4gICAgdG9wOiAzOCU7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZpbHRlcjEge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuXG4uZmlsdGVyQnV0dG9uIHtcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICAgIGhlaWdodDogMjBweDtcbiAgICBsaW5lLWhlaWdodDogMTBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG59XG5cbi5maWx0ZXJkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbn1cblxuLnNlcnZpY2VEdWVEYXRlIHtcbiAgICB3aWR0aDogMTAlICFpbXBvcnRhbnQ7XG59XG5cbi5mb2xsb3dVcCB7XG4gICAgd2lkdGg6IDklICFpbXBvcnRhbnQ7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsLFxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgICBwYWRkaW5nOiAzcHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBub25lIG5vbmUgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAwLjFweDtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRhYmxlLWJvcmRlci5tYXQtdGFibGUge1xuICAgIGJvcmRlci1zdHlsZTogbm9uZSBzb2xpZCBzb2xpZCBub25lO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNkOWQ5ZDk7XG59XG5cbi5maWx0ZXIyIHtcbiAgICB3aWR0aDogYXV0bztcbn1cblxuLmNhbGwtc3RhdHMtY2FyZCB7XG4gICAgLm1hdC1jYXJkLXRpdGxlIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICAgIH1cbiAgICAuY2FsbC1zdGF0cyB7XG4gICAgICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICAgICAgY29sb3I6ICNmZmZmZmY7XG4gICAgICAgIGkge1xuICAgICAgICAgICAgY29sb3I6ICMyZTM2Njg7XG4gICAgICAgICAgICBmb250LXNpemU6IDExcHg7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLmNhbGwtc3RhdHMtdGl0bGUge1xuICAgICAgICBmb250LXNpemU6IDIwcHg7XG4gICAgICAgIGNvbG9yOiAjNDg0ODQ4O1xuICAgIH1cbn1cblxuLmNhbGwtc3RhdHMtY2FyZDEge1xuICAgIHBhZGRpbmctdG9wOiAwcHg7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMSB7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBub25lIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjIge1xuICAgIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMCU7XG4gICAgbWFyZ2luLWJvdHRvbTogMTVweDtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXAge1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgY29sb3I6ICM1NDgyQkM7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWNoZWNrZWQge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkM7XG4gICAgY29sb3I6ICNmZmZmZmY7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWxhYmVsLWNvbnRlbnQge1xuICAgIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAucmVmcmVzaC1idG4ubWF0LWJ1dHRvbiB7XG4gICAgbWluLXdpZHRoOiBhdXRvO1xufVxuXG4ucmVmcmVzaC1idG4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgY29sb3I6ICNlNjQyNDM7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2U2NDI0MztcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWZsZXgge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXItdG9wOiBub25lO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGxhYmVsLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICBtYXJnaW4tdG9wOiA4cHggIWltcG9ydGFudDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBpbnB1dC5tYXQtaW5wdXQtZWxlbWVudCB7XG4gICAgbWFyZ2luLXRvcDogMC42ZW07XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5zZWFyY2gtaWNvbiB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAxNXB4O1xuICAgIHRvcDogMTVweDtcbn1cblxuLmJhY2tDb2xvciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RCAhaW1wb3J0YW50O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmJveC1zaXplIHtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICBtYXJnaW4tdG9wOiA3cHg7XG4gICAgd2lkdGg6IDI4cHg7XG4gICAgaGVpZ2h0OiAyOHB4O1xuICAgIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5iYWNrQ29sb3IxIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MkJDICFpbXBvcnRhbnQ7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwcHg7XG4gICAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZTEge1xuICAgIG1hcmdpbi1sZWZ0OiAzMHB4O1xuICAgIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmluZm8tY2lyY2xlLXNpemUge1xuICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICAgIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5mbGV4LXNldCB7XG4gICAgbWFyZ2luLXRvcDogN3B4O1xuICAgIG1hcmdpbi1sZWZ0OiAzMHB4O1xufVxuXG4uZmxleC1zZXQxIHtcbiAgICBtYXJnaW4tdG9wOiA3cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDU1cHg7XG59XG5cbi5kdWVEYXRlSWNvbiB7XG4gICAgaGVpZ2h0OiA5cHg7XG4gICAgd2lkdGg6IDExcHg7XG59XG5cbi5maWx0ZXIzIHtcbiAgICB3aWR0aDogMjAwcHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAzMHB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLnBhZ2luYXRvciA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBoZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufVxuIiwiLndvcmtpbmctYXJlYSB7XG4gIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG50YWJsZSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbGluZy10YWJsZSB0ciB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnRhYmxlLWhlYWQtY2FsbCB7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIHBhZGRpbmctdG9wOiAxMnB4O1xufVxuXG4uYnV0dG9uLW1hcmdpbiB7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uY2FsbExpc3Qge1xuICBmb250OiBCb2xkIDIwcHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzQ4NDg0ODtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmNsb3NlLWNvbiB7XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0b3A6IDNweDtcbiAgcmlnaHQ6IDFweDtcbiAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gIHotaW5kZXg6IDEwO1xuICBvcGFjaXR5OiAxO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDNweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA4OSU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWJ1dHRvbiB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgZm9udDogd2hpdGU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4ucmVmZXNoLWljb24ge1xuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi1ib3R0b206IC0zMHB4O1xuICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gIG1hcmdpbi10b3A6IDMwcHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmNvbG9yZWRSb3cge1xuICBiYWNrZ3JvdW5kOiAjZmZmZjk5O1xufVxuXG4uY29sb3JlZEdyZWVuUm93IHtcbiAgYmFja2dyb3VuZDogIzkwZWU5MDtcbn1cblxuLm1hdC1kaWFsb2ctdGl0bGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBkYXJrZ3JheTtcbn1cblxuLmNhbGxMaXN0LXJpZ2h0IHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjU0KTtcbn1cblxuLmNvbHVtbkhlYWRlciB7XG4gIGZvbnQ6IEJvbGQgMTJweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjMzMzMzMzO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cblxuLmxvc3Qge1xuICBjb2xvcjogI2U2NDI0MztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDEwcHg7XG4gIHRvcDogMzglO1xufVxuXG4uaW5ib3VuZCB7XG4gIGNvbG9yOiAjMmUzNjY4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDEwcHg7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgdG9wOiAzOCU7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZmlsdGVyMSB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbWFyZ2luLXRvcDogMTBweDtcbn1cblxuLmZpbHRlckJ1dHRvbiB7XG4gIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICBoZWlnaHQ6IDIwcHg7XG4gIGxpbmUtaGVpZ2h0OiAxMHB4O1xuICBtYXJnaW4tYm90dG9tOiAxcHg7XG59XG5cbi5maWx0ZXJkaXYge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbi5zZXJ2aWNlRHVlRGF0ZSB7XG4gIHdpZHRoOiAxMCUgIWltcG9ydGFudDtcbn1cblxuLmZvbGxvd1VwIHtcbiAgd2lkdGg6IDklICFpbXBvcnRhbnQ7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsLFxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgcGFkZGluZzogM3B4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjFweDtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi50YWJsZS1ib3JkZXIubWF0LXRhYmxlIHtcbiAgYm9yZGVyLXN0eWxlOiBub25lIHNvbGlkIHNvbGlkIG5vbmU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDlkOWQ5O1xufVxuXG4uZmlsdGVyMiB7XG4gIHdpZHRoOiBhdXRvO1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkIC5tYXQtY2FyZC10aXRsZSB7XG4gIG1hcmdpbi1ib3R0b206IDBweDtcbn1cbi5jYWxsLXN0YXRzLWNhcmQgLmNhbGwtc3RhdHMge1xuICBmb250LXNpemU6IDExcHg7XG4gIGNvbG9yOiAjZmZmZmZmO1xufVxuLmNhbGwtc3RhdHMtY2FyZCAuY2FsbC1zdGF0cyBpIHtcbiAgY29sb3I6ICMyZTM2Njg7XG4gIGZvbnQtc2l6ZTogMTFweDtcbn1cbi5jYWxsLXN0YXRzLWNhcmQgLmNhbGwtc3RhdHMtdGl0bGUge1xuICBmb250LXNpemU6IDIwcHg7XG4gIGNvbG9yOiAjNDg0ODQ4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkMSB7XG4gIHBhZGRpbmctdG9wOiAwcHg7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMSB7XG4gIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgbm9uZSBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1yYWRpdXM6IDAlO1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIyIHtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1yYWRpdXM6IDAlO1xuICBtYXJnaW4tYm90dG9tOiAxNXB4O1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXAge1xuICBib3JkZXItcmFkaXVzOiAwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgY29sb3I6ICM1NDgyQkM7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWNoZWNrZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MkJDO1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICBmb250OiBSZWd1bGFyIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5yZWZyZXNoLWJ0bi5tYXQtYnV0dG9uIHtcbiAgbWluLXdpZHRoOiBhdXRvO1xufVxuXG4ucmVmcmVzaC1idG4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBjb2xvcjogI2U2NDI0MztcbiAgYm9yZGVyOiAxcHggc29saWQgI2U2NDI0MztcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1mbGV4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBib3JkZXItdG9wOiBub25lO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGxhYmVsLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgbWFyZ2luLXRvcDogOHB4ICFpbXBvcnRhbnQ7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgaW5wdXQubWF0LWlucHV0LWVsZW1lbnQge1xuICBtYXJnaW4tdG9wOiAwLjZlbTtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5zZWFyY2gtaWNvbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDE1cHg7XG4gIHRvcDogMTVweDtcbn1cblxuLmJhY2tDb2xvciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uYm94LXNpemUge1xuICBtYXJnaW4tbGVmdDogMTBweDtcbiAgbWFyZ2luLXRvcDogN3B4O1xuICB3aWR0aDogMjhweDtcbiAgaGVpZ2h0OiAyOHB4O1xuICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uYmFja0NvbG9yMSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkMgIWltcG9ydGFudDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZSB7XG4gIG1hcmdpbi1sZWZ0OiA1MHB4O1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlMSB7XG4gIG1hcmdpbi1sZWZ0OiAzMHB4O1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5pbmZvLWNpcmNsZS1zaXplIHtcbiAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5mbGV4LXNldCB7XG4gIG1hcmdpbi10b3A6IDdweDtcbiAgbWFyZ2luLWxlZnQ6IDMwcHg7XG59XG5cbi5mbGV4LXNldDEge1xuICBtYXJnaW4tdG9wOiA3cHg7XG4gIG1hcmdpbi1sZWZ0OiA1NXB4O1xufVxuXG4uZHVlRGF0ZUljb24ge1xuICBoZWlnaHQ6IDlweDtcbiAgd2lkdGg6IDExcHg7XG59XG5cbi5maWx0ZXIzIHtcbiAgd2lkdGg6IDIwMHB4O1xuICBtYXJnaW4tcmlnaHQ6IDMwcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLnBhZ2luYXRvciA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgaGVpZ2h0OiAxOHB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctYm90dG9tOiAwcHg7XG59Il19 */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { ChangeDetectorRef } from '@angular/core';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Router } from '@angular/router';\nimport { interval } from 'rxjs';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { MatDialog, MatPaginator, MatSort, MatSelect } from '@angular/material';\nimport { ReminderDialogComponent } from '../../modal/reminder-dialog/reminder-dialog.component';\nimport { DatePipe } from '@angular/common';\nimport { FilterPipePipe } from '../../pipes/filter-pipe.pipe';\nimport { ListCustData } from './listCustData';\nimport { FormControl, FormBuilder, FormGroup } from '@angular/forms';\nimport { element } from 'protractor';\nimport { error } from 'util';\n\n@Component({\n selector: 'app-doorstep-calling-list',\n templateUrl: './doorstep-calling-list.component.html',\n styleUrls: ['./doorstep-calling-list.component.scss'],\n providers: [FilterPipePipe],\n})\nexport class DoorstepCallingListComponent implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n @ViewChild('filterSelect', { static: true }) filterSelect: MatSelect;\n\n reminderData: any;\n callsToBeMade: number = 0;\n pageSize: number;\n callsMade: number = 0;\n callToggleStatus: boolean = true;\n displayedColumns: string[] = [\n 'customerName',\n 'serviceType',\n 'callType',\n 'callStatusDesc',\n 'serviceDueDate',\n 'location',\n 'lastCallTime',\n 'creinputs',\n 'followUpTime',\n 'remarks'\n ];\n dataSource: any;\n selection: any;\n customerData: any;\n currentDate: string;\n spinner: boolean;\n customersToBeCalled: string;\n callsMade1: string;\n openPopUp: boolean;\n columnsToFilter: any[] = [\n { value: 'serviceType', viewValue: 'Service Type' },\n { value: 'callType', viewValue: 'Call Type' },\n { value: 'customerType', viewValue: 'Customer Type' },\n { value: 'callStatusDesc', viewValue: 'Call Status Desc' }];\n dialogRef: any;\n selectedValue: string;\n selectedCol: string;\n selectedFilter: string;\n filterMap = new Map();\n serviceTypeMap = new Map();\n uniqueServiceType = new Set();\n uniqueCallType = new Set();\n uniqueCustomerType = new Set();\n uniqueCallState = new Set();\n uniqueDueDate = new Set();\n uniqueLocation = new Set();\n uniquePredicationType = new Set();\n filterValues: string[] = [];\n selectedColValues: string[] = [];\n filteredDataSource: any;\n callFlag: any;\n callStats: any = {};\n userId: string;\n selectedServiceTypeValues: string[] = [];\n selectedCustomerTypeValues: string[] = [];\n selectedCallTypeValues: string[] = [];\n selectedCallStatusValues: string[] = [];\n selectedLocationValues: string[] = [];\n selectedpredationCodeValues: string[] = [];\n filteredValue: any;\n serviceTypeArray: any = [];\n predationCodeArray: any = [];\n //followupDataSource: any = [];\n custDataSource: string[] = [];\n\n constructor(private commonService: CommonService, private router: Router, public dialog: MatDialog,\n private toastr: ToastrService, private datePipe: DatePipe, private changeDetectorRefs: ChangeDetectorRef,\n private filterPipePipe: FilterPipePipe, private fb: FormBuilder) { }\n\n ngOnInit() {\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n this.customerData = JSON.parse(localStorage.getItem('customerData'));\n this.userId = localStorage.getItem('userId');\n this.currentDate = this.datePipe.transform(new Date(), \"yyyy-MM-dd\");\n\n if (localStorage.getItem('selectedServiceTypeValues') != null || localStorage.getItem('selectedServiceTypeValues') != undefined) {\n let selectedServiceTypeValues = JSON.parse(localStorage.getItem('selectedServiceTypeValues'));\n this.selectedServiceTypeValues = selectedServiceTypeValues;\n }\n\n if (localStorage.getItem('selectedCustomerTypeValues') != null || localStorage.getItem('selectedCustomerTypeValues') != undefined) {\n let selectedCustomerTypeValues = JSON.parse(localStorage.getItem('selectedCustomerTypeValues'));\n this.selectedCustomerTypeValues = selectedCustomerTypeValues;\n }\n\n if (localStorage.getItem('selectedCallTypeValues') != null || localStorage.getItem('selectedCallTypeValues') != undefined) {\n let selectedCallTypeValues = JSON.parse(localStorage.getItem('selectedCallTypeValues'));\n this.selectedCallTypeValues = selectedCallTypeValues;\n }\n\n if (localStorage.getItem('selectedLocationValues') != null || localStorage.getItem('selectedLocationValues') != undefined) {\n let selectedLocationValues = JSON.parse(localStorage.getItem('selectedLocationValues'));\n this.selectedLocationValues = selectedLocationValues;\n }\n\n if (localStorage.getItem('selectedCallStatusValues') != null || localStorage.getItem('selectedCallStatusValues') != undefined) {\n let selectedCallStatusValues = JSON.parse(localStorage.getItem('selectedCallStatusValues'));\n this.selectedCallStatusValues = selectedCallStatusValues;\n }\n if (localStorage.getItem('selectedpredationCodeValues') != null || localStorage.getItem('selectedpredationCodeValues') != undefined) {\n let selectedpredationCodeValues = JSON.parse(localStorage.getItem('selectedpredationCodeValues'));\n this.selectedpredationCodeValues = selectedpredationCodeValues;\n }\n\n if (localStorage.getItem('selectedCol') != null || localStorage.getItem('selectedCol') != undefined) {\n let selectedCol = localStorage.getItem('selectedCol');\n this.selectedCol = selectedCol;\n }\n\n if (localStorage.getItem('selectedColValues') != null || localStorage.getItem('selectedColValues') != undefined) {\n let selectedColValues = JSON.parse(localStorage.getItem('selectedColValues'));\n this.selectedColValues = selectedColValues;\n }\n\n if (localStorage.getItem('callListPageSize') != null || localStorage.getItem('callListPageSize') != undefined) {\n let pagesize = Number(localStorage.getItem('callListPageSize'));\n this.pageSize = (pagesize && !Number.isNaN(pagesize)) ? pagesize : 50;\n } else {\n this.pageSize = 50;\n }\n\n if (localStorage.getItem('workshops') == null || localStorage.getItem('workshops') == undefined) {\n this.getWorkshopDetails();\n }\n\n this.commonService.countryCode=localStorage.getItem('countryCode');\n\n this.commonService.startInterval();\n this.commonService.followupResponse && this.commonService.followupResponse.subscribe((res) => {\n this.commonService.followupDataSource = [];\n if(res['responseCode'] == 0) {\n res['responseData'].forEach((element) => {\n this.commonService.followupDataSource.push(element);\n let callListItem = this.commonService.callListResponseData.find((ele) => {return ele.customerId == element.customerId});\n let index = this.commonService.callListResponseData.findIndex((ele) => {return ele.customerId == element.customerId});\n if(index != -1) {\n this.commonService.callListResponseData.splice(index, 1);\n }\n });\n this.commonService.followupDataSource.forEach((val) => {\n this.commonService.callListResponseData.unshift(val);\n })\n } else {\n this.commonService.followupDataSource = [];\n // this.toastr.error(res['message'], \"Error\");\n }\n }, error => {\n // this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n\n this.getCreStats();\n setTimeout(() => this.prepairCallList('Y'), 1000);\n }\n\n /**\n * Name: setPageData\n * purpose: To set pagesize for table\n */\n setPageData(event) {\n let size = event.pageSize.toString();\n localStorage.setItem('callListPageSize', size);\n }\n\n /**\n * Name: getWorkshopDetails\n * purpose: To get CRE assigned workshop details\n */\n getWorkshopDetails() {\n //this.spinner = true;\n this.commonService.getWorkshopDetails(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n //this.spinner = false;\n localStorage.setItem('workshops', JSON.stringify(res['responseData']));\n } else {\n //this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: setupCallScheduler\n * purpose: To show scheduled call remainder\n */\n setupCallScheduler(): void {\n interval(10 * 60 * 1000).subscribe(x => {\n this.commonService.callreminder(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n this.reminderData = res['responseData'];\n if (res['responseData'] && res['responseData'].count > 0) {\n localStorage.setItem('customerCount', this.reminderData.count);\n this.dialog.closeAll();\n this.openReminderDialog(); //open popup\n }\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n });\n }\n\n /**\n * Name: openReminderDialog\n * purpose: To open scheduled call remainder dialog\n */\n openReminderDialog(): void {\n const dialogRef = this.dialog.open(ReminderDialogComponent, {\n width: '400px',\n data: {}\n });\n dialogRef.afterClosed().subscribe(result => {\n if (this.router.url == \"/calling\") {\n this.prepairCallList('Y');\n }\n });\n }\n\n /**\n * Name: prepairCallList\n * purpose: To get calllist details\n * @param {string} flag - type of call\n */\n prepairCallList(flag: string): void {\n this.spinner = true;\n this.selection = new SelectionModel(true, []);\n\n this.commonService.doorStepCustomerCallList(this.userId, flag)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (flag == 'Y') {\n this.callFlag = flag;\n this.callToggleStatus = true;\n } else {\n this.callFlag = flag;\n this.callToggleStatus = false;\n }\n this.callsToBeMade = res['responseData'].length;\n //init data table and shorting\n this.dataSource = new MatTableDataSource(res['responseData']);\n this.sort.direction = '';\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.filterData();\n if ((!this.selectedServiceTypeValues || this.selectedServiceTypeValues.length == 0)\n && (!this.selectedCallTypeValues || this.selectedCallTypeValues.length == 0)\n && (!this.selectedCustomerTypeValues || this.selectedCustomerTypeValues.length == 0)\n && (!this.selectedCallStatusValues || this.selectedCallStatusValues.length == 0)\n && (!this.selectedLocationValues || this.selectedLocationValues.length == 0)\n && (!this.selectedpredationCodeValues || this.selectedpredationCodeValues.length == 0)) {\n //init filtered table and shorting\n this.filteredDataSource = new MatTableDataSource(res['responseData']);\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n }\n this.callsMadeCalculate(res['responseData']);\n this.callListinfo();\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n this.callToggleStatus = true;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n this.callToggleStatus = true;\n });\n }\n\n setCallListData(flag: string) {\n let response;\n if(flag == 'Y') {\n response = this.commonService.callListResponseData\n response = this.commonService.workedCallListData\n }\n\n if (flag == 'Y') {\n this.callFlag = flag;\n this.callToggleStatus = true;\n } else {\n this.callFlag = flag;\n this.callToggleStatus = false;\n }\n if (response.length) {\n\n this.callsToBeMade = response.length;\n //init data table and shorting\n this.dataSource = new MatTableDataSource(response);\n this.sort.direction = '';\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.filterData();\n if ((!this.selectedServiceTypeValues || this.selectedServiceTypeValues.length == 0)\n && (!this.selectedCallTypeValues || this.selectedCallTypeValues.length == 0)\n && (!this.selectedCustomerTypeValues || this.selectedCustomerTypeValues.length == 0)\n && (!this.selectedCallStatusValues || this.selectedCallStatusValues.length == 0)\n && (!this.selectedLocationValues || this.selectedLocationValues.length == 0)) {\n //init filtered table and shorting\n this.filteredDataSource = new MatTableDataSource(response);\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n }\n this.callsMadeCalculate(response);\n this.callListinfo();\n }\n }\n\n /**\n * Name: callListinfo\n * purpose: To get call count info\n */\n callListinfo(): void {\n //this.spinner = true;\n this.commonService.doorStepCallsCount(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.customersToBeCalled = res['responseData']['customersToBeCalled'];\n this.callsMade1 = res['responseData']['callsMade'];\n //this.spinner = false;\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n //...\n });\n }\n\n /**\n * Name: getCreStats\n * purpose: To get call count info\n */\n getCreStats(): void {\n //this.spinner = true;\n this.commonService.doorStepCallStats(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n //this.spinner = false;\n this.callStats = res['responseData'][0];\n } else {\n //this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: callsMadeCalculate\n * purpose: To get call made count\n * @param {Array} callsToBeMade - list of calls\n */\n callsMadeCalculate(callsToBeMade: any) {\n this.callsMade = 0;\n callsToBeMade.forEach(element => {\n let currentDate = \"\" + this.datePipe.transform(new Date(), \"yyyy-MM-dd\");\n let reqDate = this.datePipe.transform((element.lastCallTime), \"yyyy-MM-dd\");\n if (currentDate == reqDate) {\n this.callsMade++;\n }\n });\n }\n\n /**\n * Name: selectCustomer\n * purpose: To select customer for details\n * @param {Object} row - selected customer details\n */\n selectCustomer(row: ListCustData): void {\n localStorage.setItem('customerId', row.customerId);\n localStorage.setItem('custNotification', row.serviceType + \", \" + row.callStatusDesc);\n localStorage.setItem(\"customerData\", JSON.stringify(row));\n this.router.navigate(['doorstep-customer360']);\n }\n\n /**\n * Name: refreshCallList\n * purpose: To refresh call list\n */\n refreshCallList(): void {\n //this.spinner = true;\n this.commonService.doorStepCustomerCallList(this.userId, 'Y')\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.dataSource = new MatTableDataSource(res['responseData']);\n this.callsToBeMade = res['responseData'].length;\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.callsMadeCalculate(res['responseData']);\n //this.spinner = false;\n this.changeDetectorRefs.detectChanges();\n } else {\n //this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: filterData\n * purpose: To filter call list data\n */\n filterData(): void {\n this.dataSource.filteredData.forEach(element => {\n this.uniqueCallState.add(element.callStatus);\n this.uniqueCallType.add(element.callType);\n this.uniqueCustomerType.add(element.customerType);\n if(element.location!=null)\n this.uniqueLocation.add(element.location)\n if(element.serviceType!=null)\n this.uniqueServiceType.add(element.serviceType);\n this.uniqueDueDate.add(element.serviceDueDate);\n this.uniquePredicationType.add(element.productionCode);\n });\n\n this.uniqueServiceType.forEach(element => {\n this.serviceTypeArray.push(element)\n })\n\n this.uniquePredicationType.forEach(element => {\n if(element == 'I') {\n this.predationCodeArray.push({ value: 'I', viewValue: 'Inbound' })\n } else if(element == 'S') {\n this.predationCodeArray.push({ value: 'S', viewValue: 'SRM' })\n } else if(element == 'L') {\n this.predationCodeArray.push({ value: 'L', viewValue: 'Lost-Customer' })\n }\n })\n\n if ((this.selectedServiceTypeValues != null && this.selectedServiceTypeValues.length != 0)\n || (this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0)\n || (this.selectedCustomerTypeValues != null && this.selectedCustomerTypeValues.length != 0)\n || (this.selectedCallStatusValues != null && this.selectedCallStatusValues.length != 0)\n || (this.selectedLocationValues != null && this.selectedLocationValues.length != 0)\n || (this.selectedpredationCodeValues != null && this.selectedpredationCodeValues.length != 0)) {\n //this.filterTriggered(null);\n this.applyfilter();\n }\n }\n\n /**\n * Name: filterTriggered\n * @param {Event} event - 1st filter data\n * purpose: To set 2nd filter values\n */\n filterTriggered(event: any): void {\n if ((event && event.isUserInput && event.source._selected) || (!event && this.selectedCol)) {\n this.filterValues = [];\n let value = event ? event.source.value : this.selectedCol;\n switch (value) {\n case \"serviceType\":\n this.uniqueServiceType.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n case \"callType\":\n this.uniqueCallType.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n case \"customerType\":\n this.uniqueCustomerType.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n case \"location\":\n this.uniqueLocation.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n case \"callStatusDesc\":\n this.uniqueCallState.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n case \"serviceDueDate\":\n this.uniqueDueDate.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n case \"productionCode\":\n this.uniquePredicationType.forEach(element => {\n this.filterValues.push(element);\n });\n break;\n }\n }\n }\n\n /**\n * Name: applyfilter\n * purpose: To apply filter on call list data\n */\n applyfilter(): void {\n let key = '';\n this.filterMap = new Map();\n this.filteredDataSource = this.dataSource;\n if (this.selectedServiceTypeValues != null && this.selectedServiceTypeValues.length != 0) {\n key = \"serviceType\";\n this.filterMap.set(key, this.selectedServiceTypeValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.selectedCustomerTypeValues != null && this.selectedCustomerTypeValues.length != 0) {\n key = \"customerType\";\n this.filterMap.set(key, this.selectedCustomerTypeValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0) {\n key = \"callType\";\n this.filterMap.set(key, this.selectedCallTypeValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.selectedLocationValues != null && this.selectedLocationValues.length != 0) {\n key = \"location\";\n this.filterMap.set(key, this.selectedLocationValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.selectedCallStatusValues != null && this.selectedCallStatusValues.length != 0) {\n key = \"callStatus\";\n this.filterMap.set(key, this.selectedCallStatusValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.selectedpredationCodeValues != null && this.selectedpredationCodeValues.length != 0) {\n key = \"productionCode\";\n this.filterMap.set(key, this.selectedpredationCodeValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n //this.filterMap.set(this.selectedCol, this.selectedColValues);\n //this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.dataSource.filteredData, this.filterMap));\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n localStorage.setItem('selectedServiceTypeValues',JSON.stringify(this.selectedServiceTypeValues));\n localStorage.setItem('selectedCustomerTypeValues',JSON.stringify(this.selectedCustomerTypeValues));\n localStorage.setItem('selectedCallTypeValues',JSON.stringify(this.selectedCallTypeValues));\n localStorage.setItem('selectedCallStatusValues',JSON.stringify(this.selectedCallStatusValues));\n localStorage.setItem('selectedLocationValues',JSON.stringify(this.selectedLocationValues));\n localStorage.setItem('selectedpredationCodeValues',JSON.stringify(this.selectedpredationCodeValues));\n //localStorage.setItem('selectedCol', this.selectedCol);\n //localStorage.setItem('selectedColValues', JSON.stringify(this.selectedColValues));\n }\n\n /**\n * Name: searchfilter\n * purpose: To apply filter on call list data\n */\n searchfilter(filterValue: string): void {\n filterValue = filterValue.trim(); // Remove whitespace\n filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n this.filteredDataSource.filter = filterValue;\n }\n\n /**\n * Name: clearFilter\n * purpose: To clear filter\n */\n clearFilter(): void {\n this.filterMap.clear();\n this.selectedCol = null;\n this.selectedColValues = null;\n this.selectedServiceTypeValues = null;\n this.selectedCustomerTypeValues = null;\n this.selectedCallTypeValues = null;\n this.selectedCallStatusValues = null;\n this.selectedLocationValues = null;\n this.selectedpredationCodeValues = null;\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.dataSource.filteredData, this.filterMap));\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n localStorage.removeItem('selectedCol');\n localStorage.removeItem('selectedColValues');\n localStorage.removeItem('selectedServiceTypeValues');\n localStorage.removeItem('selectedCustomerTypeValues');\n localStorage.removeItem('selectedCallTypeValues');\n localStorage.removeItem('selectedCallStatusValues');\n localStorage.removeItem('selectedLocationValues');\n }\n\n /**\n * Name: changeColor\n * purpose: To change followup time color\n */\n changeColor(followUp: any): String {\n let currentTime = this.datePipe.transform(new Date(), \"yyyy-MM-dd HH:mm:ss \");\n\n if (followUp != null && followUp != undefined && followUp != \"\") {\n let followUpDateTime = this.datePipe.transform(followUp, \"yyyy-MM-dd HH:mm:ss\");\n if ((new Date(currentTime)).getTime() > (new Date(followUpDateTime).getTime())) {\n return \"red\";\n }\n }\n }\n\n /**\n * Name: activeButton\n * purpose: To activat apply button\n */\n activeButton(): boolean {\n let flag = false;\n if (this.selectedServiceTypeValues != null && this.selectedServiceTypeValues.length != 0) {\n flag = true;\n } else if (this.selectedCustomerTypeValues != null && this.selectedCustomerTypeValues.length != 0) {\n flag = true;\n } else if (this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0) {\n flag = true;\n } else if (this.selectedCallStatusValues != null && this.selectedCallStatusValues.length != 0) {\n flag = true;\n } else if (this.selectedpredationCodeValues != null && this.selectedpredationCodeValues.length != 0) {\n flag = true;\n } else if (this.selectedLocationValues != null && this.selectedLocationValues.length != 0) {\n flag = true;\n }\n return flag;\n }\n\n}\n","export default \".working-area {\\n margin-bottom: 20px;\\n margin-left: 10px;\\n margin-top: 10px;\\n}\\n\\n.cust360-container {\\n margin: 115px 30px 30px 30px;\\n}\\n\\n.example-card1 {\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n}\\n\\n.example-card1 .fontClass {\\n display: inline-block;\\n}\\n\\n.example-card1 .inlineClass {\\n display: inline-block;\\n}\\n\\n.example-card2 {\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n border: none;\\n box-shadow: none;\\n padding: 0px;\\n}\\n\\n.history-card {\\n box-shadow: none;\\n padding: 0px;\\n}\\n\\n.fontClass {\\n font: Bold 12px/20px Roboto;\\n font-size: 12px;\\n color: #707070;\\n}\\n\\n.fontClassBold {\\n font-family: Bold 16px/22px Roboto;\\n color: #707070;\\n}\\n\\n.border {\\n border: 1px solid #707070;\\n font: 12px/18px Roboto;\\n color: #707070;\\n border-radius: 25px;\\n padding: 5px;\\n}\\n\\n.serv-heading {\\n width: 30%;\\n}\\n\\n.serv-desc {\\n width: 70%;\\n font-weight: 400;\\n}\\n\\n.serv-desc small {\\n margin-right: 10px;\\n float: right;\\n}\\n\\n.button {\\n text-align: center;\\n float: right;\\n font: Regular 16px/22px Roboto;\\n color: #ffffff;\\n border-radius: 0px;\\n}\\n\\n.recent {\\n color: #1acc04;\\n position: relative;\\n right: 15px;\\n font-size: 12px;\\n top: 0;\\n margin-bottom: 7px;\\n}\\n\\n.disabled {\\n opacity: 0.6;\\n}\\n\\n.buttonservice {\\n float: right;\\n font-family: Roboto;\\n color: #f1f1ff;\\n}\\n\\n.checkalign {\\n padding-left: 16px !important;\\n padding-top: 20px !important;\\n}\\n\\n.checkalignment {\\n padding-top: 20px !important;\\n}\\n\\n.inlineClass {\\n display: inline;\\n font: Regular 14px Roboto;\\n font-size: 12px;\\n letter-spacing: 0px;\\n color: black;\\n opacity: 1;\\n}\\n\\np.inlineClass {\\n margin-top: 0px;\\n margin-bottom: 5px;\\n}\\n\\n.marginClass {\\n margin-left: 20px;\\n}\\n\\n.marginClass1 {\\n margin-left: 40px;\\n}\\n\\n.navbar {\\n padding-left: 10px;\\n padding-top: 10px;\\n font-size: 12px;\\n}\\n\\n.navbar a {\\n cursor: pointer;\\n}\\n\\n.history-btn {\\n width: 100%;\\n height: 30px;\\n}\\n\\n.nobullet {\\n list-style-type: none;\\n margin-bottom: 10px;\\n}\\n\\n.play {\\n cursor: pointer;\\n margin-right: 5px;\\n}\\n\\n.colorStyle {\\n color: greenyellow;\\n}\\n\\n.callLogs {\\n display: block !important;\\n float: left;\\n}\\n\\n.custNotification {\\n display: inline;\\n}\\n\\n.example-radio-group {\\n display: flex;\\n flex-direction: column;\\n}\\n\\n.example-radio-button {\\n margin: 5px;\\n}\\n\\n.update-btn {\\n background-color: #16377d;\\n color: #ffffff;\\n margin-left: 15px;\\n}\\n\\n.edit-btn {\\n margin-left: 5px;\\n color: #16377d;\\n background-color: #ffffff;\\n border: none;\\n cursor: pointer;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 5px;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-infix {\\n padding: 0.1375em 0;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-underline {\\n bottom: 0.25em;\\n height: 0px;\\n}\\n\\n.number-form ::ng-deep input.mat-input-element {\\n margin-top: 0px;\\n}\\n\\n.number-form {\\n width: 100%;\\n position: relative;\\n}\\n\\n.number-row {\\n width: 100%;\\n position: relative;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 2px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n font-size: 12px;\\n padding-bottom: 5px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n font-size: 13px;\\n}\\n\\n.mat-expansion-panel-header-title {\\n font-weight: 500;\\n font-size: 13px;\\n font: Bold 14px/16px Roboto;\\n}\\n\\n.mat-expansion-panel-header-title i {\\n margin-right: 10px;\\n color: #00457D;\\n}\\n\\n.fontClass {\\n font: Bold 14px/16px Roboto;\\n letter-spacing: 0px;\\n font-size: 12px;\\n color: #7b7a7a;\\n opacity: 1;\\n margin-bottom: 3px !important;\\n}\\n\\n.fontClassBold {\\n font-family: Bold 16px/22px Roboto;\\n color: #000000;\\n font-size: 12px;\\n font-weight: 500;\\n}\\n\\n.fontClassBold i {\\n color: #00457D;\\n margin-right: 5px;\\n}\\n\\n.border {\\n border: 1px solid #707070;\\n font: 12px/18px Roboto;\\n color: #707070;\\n border-radius: 25px;\\n padding: 5px;\\n}\\n\\n.button {\\n text-align: center;\\n float: right;\\n font: Regular 16px/22px Roboto;\\n color: #ffffff;\\n}\\n\\n.buttonservice {\\n float: right;\\n font-family: Roboto;\\n color: #f1f1ff;\\n}\\n\\n.example-radio-group {\\n display: flex;\\n flex-direction: column;\\n}\\n\\n.example-radio-button {\\n margin: 5px;\\n}\\n\\n.mat-dialog-content {\\n padding: 5px 24px;\\n}\\n\\n.contact {\\n width: 100% !important;\\n margin-top: 20px;\\n}\\n\\n.contact .mat-tab-group {\\n min-height: 150px;\\n}\\n\\n.contact ::ng-deep .mat-tab-label {\\n height: 20px;\\n min-width: 90px;\\n color: #5482BC;\\n border: 1px solid lightgray;\\n font-size: 11px;\\n}\\n\\n.contact ::ng-deep .mat-tab-label-active {\\n background-color: #5482BC;\\n color: #ffffff;\\n opacity: 1;\\n}\\n\\n.contact ::ng-deep .mat-tab-header {\\n border: none;\\n}\\n\\n.contact ::ng-deep .mat-tab-list .mat-ink-bar {\\n height: 0px;\\n}\\n\\n.tabrow {\\n width: 100% !important;\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.align {\\n padding-left: 16px;\\n padding-top: 20px;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-label {\\n height: 35px;\\n padding: 0px 10px;\\n border-top-left-radius: 8px !important;\\n border-top-right-radius: 8px !important;\\n border-bottom-width: 1px;\\n border-color: #d3d3d3;\\n border-style: solid;\\n background-color: white;\\n margin-left: 3px;\\n color: black;\\n opacity: 1;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-label-active {\\n background-color: #00457D;\\n color: #ffffff;\\n opacity: 1;\\n border-style: none;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-header {\\n border: none;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-list .mat-ink-bar {\\n height: 0px;\\n}\\n\\n.table {\\n font-family: \\\"Trebuchet MS\\\", Arial, Helvetica, sans-serif;\\n border-collapse: collapse;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.table td,\\n.table th {\\n border: 1px solid lightgray;\\n padding: 5px;\\n width: auto;\\n font-size: 12px;\\n}\\n\\n.table tr:nth-child(even) {\\n background-color: #ffffff;\\n}\\n\\n.table tr:hover {\\n background-color: #ffffff;\\n}\\n\\n.table th {\\n padding-top: 5px;\\n padding-bottom: 5px;\\n text-align: left;\\n background-color: #d3d3d3;\\n color: black;\\n}\\n\\n.fault-table td,\\n.fault-table th {\\n padding: 5px;\\n}\\n\\n.fault-table .fault-date {\\n width: 15% !important;\\n}\\n\\n.fault-table .fault-des {\\n width: 20% !important;\\n}\\n\\n.btn {\\n position: relative;\\n cursor: pointer;\\n overflow: hidden;\\n background-color: #00457D !important;\\n border-radius: 5px !important;\\n height: 25px;\\n}\\n\\n.btn p {\\n text-align: center;\\n text-transform: uppercase;\\n color: #fff;\\n position: relative;\\n z-index: 1;\\n transition: all 0.3s ease;\\n margin: auto;\\n font-size: 12px;\\n line-height: 10px;\\n}\\n\\n/* sliders */\\n\\n/* Left Slider */\\n\\n.btn-1 {\\n background-color: #ffffff !important;\\n color: #00457D !important;\\n border: 1px solid #00457D;\\n}\\n\\n.btn-1 p {\\n margin: auto;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.rect2 {\\n padding: 15px;\\n height: 130px;\\n width: 93%;\\n background: #eaeaea;\\n}\\n\\n.rect3 {\\n padding-top: 15px;\\n padding-right: 15px;\\n padding-left: 15px;\\n padding-bottom: 0px;\\n height: 66px;\\n width: 93%;\\n background: #ffffff;\\n}\\n\\n.rect3 .button {\\n float: right;\\n margin-right: 8px;\\n margin-top: 5px;\\n}\\n\\n.rect4 {\\n float: left;\\n width: 93%;\\n margin-left: 10px;\\n font-size: 14px;\\n padding-bottom: 0px;\\n}\\n\\n.ngx-timepicker-field-example {\\n float: left;\\n margin-top: 15px;\\n}\\n\\n.rect5 {\\n float: left;\\n width: 50%;\\n}\\n\\n.text-pp {\\n width: 100%;\\n}\\n\\n.call-popup-save {\\n float: right;\\n margin-right: 20px;\\n margin-bottom: 10px;\\n}\\n\\n.icons .fa-phone {\\n transform: rotate(135deg);\\n}\\n\\n.icons .fa-microphone-slash,\\n.icons .fa-phone {\\n font-size: 24px;\\n}\\n\\n.icons .button {\\n margin: 5px;\\n}\\n\\n.icons {\\n margin-top: 25px;\\n padding-left: 29%;\\n}\\n\\n.hang-btn {\\n color: red !important;\\n border-color: red !important;\\n}\\n\\n.classtext1 {\\n font-weight: bold;\\n}\\n\\n.dataview {\\n margin-left: 15px;\\n}\\n\\n.timestamp {\\n font-size: 11px;\\n margin-left: 10px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n margin-bottom: 10px;\\n width: 55%;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #00457D;\\n font-size: 12px;\\n width: 50%;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #00457D;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 22px;\\n}\\n\\n.history-card .applyHorizontalScroll {\\n margin-bottom: 0px;\\n}\\n\\n.history-card ::ng-deep mat-paginator {\\n position: absolute;\\n right: 0;\\n left: 0;\\n}\\n\\n.history-card ::ng-deep .mat-form-field-infix {\\n height: 15px;\\n}\\n\\n.history-card ::ng-deep .mat-card-content {\\n padding-bottom: 40px;\\n}\\n\\n.recording-dailog {\\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n background-color: #ffffff;\\n position: absolute;\\n top: 50%;\\n right: 15%;\\n}\\n\\n.call-response {\\n position: fixed;\\n width: 35%;\\n top: 23%;\\n right: 50px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\n.icon-background {\\n color: #00457D !important;\\n height: 13px !important;\\n width: 13px !important;\\n}\\n\\n.edit-icon {\\n cursor: pointer;\\n color: #00457D;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 20%;\\n cursor: pointer;\\n}\\n\\n.check-icon {\\n cursor: pointer;\\n color: #1acc04;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 20%;\\n margin-right: 18px;\\n margin-bottom: 5px !important;\\n}\\n\\n.cancle-icon {\\n cursor: pointer;\\n color: red;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 20%;\\n margin-bottom: 5px;\\n margin-left: 35px;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-ripple {\\n height: 0px !important;\\n}\\n\\n.strate-line {\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 50%;\\n}\\n\\n.input-border {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n width: 75% !important;\\n height: 25px;\\n padding-left: 5px;\\n margin-left: 5px;\\n}\\n\\n.input-border-d {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n width: 70% !important;\\n height: 25px;\\n padding-left: 5px;\\n margin-left: 5px;\\n}\\n\\n.calling-table.mat-table .mat-cell {\\n font-size: 11px;\\n letter-spacing: 0px;\\n color: black;\\n text-transform: capitalize;\\n opacity: 1;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n font-size: 12px;\\n padding: 5px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-font.th {\\n color: black;\\n}\\n\\n.table-font.td {\\n color: #595959;\\n}\\n\\n.srvHistryHeader1 {\\n font-weight: bold;\\n font-size: 12px;\\n}\\n\\n.tech-camp ::ng-deep .mat-tab-body-wrapper {\\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n}\\n\\n.tech-camp ::ng-deep .mat-card-content {\\n margin-bottom: 0px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.cus360Td {\\n font-size: 11px;\\n font-family: poppins;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvZG9vcnN0ZXAtY3VzdG9tZXIzNjAvZG9vcnN0ZXAtY3VzdG9tZXIzNjAuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudC9kb29yc3RlcC1jdXN0b21lcjM2MC9kb29yc3RlcC1jdXN0b21lcjM2MC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLG1CQUFBO0VBQ0EsaUJBQUE7RUFDQSxnQkFBQTtBQ0NKOztBREVBO0VBQ0ksNEJBQUE7QUNDSjs7QURHQTtFQUNJLGNBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0FDQUo7O0FER0E7RUFDSSxxQkFBQTtBQ0FKOztBREdBO0VBQ0kscUJBQUE7QUNBSjs7QURHQTtFQUNJLGNBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLGdCQUFBO0VBQ0EsWUFBQTtBQ0FKOztBREdBO0VBQ0ksZ0JBQUE7RUFDQSxZQUFBO0FDQUo7O0FER0E7RUFDSSwyQkFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0FDQUo7O0FER0E7RUFDSSxrQ0FBQTtFQUNBLGNBQUE7QUNBSjs7QURHQTtFQUNJLHlCQUFBO0VBQ0Esc0JBQUE7RUFDQSxjQUFBO0VBQ0EsbUJBQUE7RUFDQSxZQUFBO0FDQUo7O0FER0E7RUFDSSxVQUFBO0FDQUo7O0FER0E7RUFDSSxVQUFBO0VBQ0EsZ0JBQUE7QUNBSjs7QURDSTtFQUNJLGtCQUFBO0VBQ0EsWUFBQTtBQ0NSOztBREdBO0VBQ0ksa0JBQUE7RUFDQSxZQUFBO0VBQ0EsOEJBQUE7RUFDQSxjQUFBO0VBQ0Esa0JBQUE7QUNBSjs7QURHQTtFQUNJLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0VBQ0EsTUFBQTtFQUNBLGtCQUFBO0FDQUo7O0FER0E7RUFDSSxZQUFBO0FDQUo7O0FER0E7RUFDSSxZQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0FDQUo7O0FER0E7RUFDSSw2QkFBQTtFQUNBLDRCQUFBO0FDQUo7O0FER0E7RUFDSSw0QkFBQTtBQ0FKOztBREdBO0VBQ0ksZUFBQTtFQUNBLHlCQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtFQUNBLFVBQUE7QUNBSjs7QURHQTtFQUNJLGVBQUE7RUFDQSxrQkFBQTtBQ0FKOztBREdBO0VBQ0ksaUJBQUE7QUNBSjs7QURHQTtFQUNJLGlCQUFBO0FDQUo7O0FER0E7RUFDSSxrQkFBQTtFQUNBLGlCQUFBO0VBRUEsZUFBQTtBQ0RKOztBRElBO0VBQ0ksZUFBQTtBQ0RKOztBRElBO0VBQ0ksV0FBQTtFQUNBLFlBQUE7QUNESjs7QURJQTtFQUNJLHFCQUFBO0VBQ0EsbUJBQUE7QUNESjs7QURJQTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtBQ0RKOztBRElBO0VBQ0ksa0JBQUE7QUNESjs7QURJQTtFQUNJLHlCQUFBO0VBQ0EsV0FBQTtBQ0RKOztBRElBO0VBQ0ksZUFBQTtBQ0RKOztBRElBO0VBQ0ksYUFBQTtFQUNBLHNCQUFBO0FDREo7O0FESUE7RUFDSSxXQUFBO0FDREo7O0FESUE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ0RKOztBRElBO0VBQ0ksZ0JBQUE7RUFDQSxjQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtBQ0RKOztBRElBO0VBQ0ksbUJBQUE7QUNESjs7QURJQTtFQUNJLG1CQUFBO0FDREo7O0FES0E7RUFDSSxjQUFBO0VBQ0EsV0FBQTtBQ0ZKOztBREtBO0VBQ0ksZUFBQTtBQ0ZKOztBREtBO0VBQ0ksV0FBQTtFQUNBLGtCQUFBO0FDRko7O0FES0E7RUFDSSxXQUFBO0VBQ0Esa0JBQUE7QUNGSjs7QURNQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUNBLFVBQUE7RUFDQSxZQUFBO0FDSEo7O0FET0E7RUFDSSxnQkFBQTtBQ0pKOztBRE9BO0VBQ0ksaUJBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0FDSko7O0FET0E7RUFDSSxVQUFBO0FDSko7O0FET0E7RUFDSSxNQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDSko7O0FET0E7RUFDSSxpQkFBQTtBQ0pKOztBRE9BO0VBQ0ksYUFBQTtBQ0pKOztBRE9BO0VBQ0ksTUFBQTtFQUNBLDBCQUFBO0VBQ0EsaUJBQUE7QUNKSjs7QURPQTtFQUNJLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtBQ0pKOztBRFFBO0VBQ0ksZ0JBQUE7RUFDQSxlQUFBO0VBQ0EsMkJBQUE7QUNMSjs7QURNSTtFQUNJLGtCQUFBO0VBQ0EsY0FBQTtBQ0pSOztBRFFBO0VBQ0ksMkJBQUE7RUFDQSxtQkFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLDZCQUFBO0FDTEo7O0FEUUE7RUFDSSxrQ0FBQTtFQUNBLGNBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7QUNMSjs7QURNSTtFQUNJLGNBQUE7RUFDQSxpQkFBQTtBQ0pSOztBRFFBO0VBQ0kseUJBQUE7RUFDQSxzQkFBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7QUNMSjs7QURRQTtFQUNJLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLDhCQUFBO0VBQ0EsY0FBQTtBQ0xKOztBRFFBO0VBQ0ksWUFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtBQ0xKOztBRFFBO0VBQ0ksYUFBQTtFQUNBLHNCQUFBO0FDTEo7O0FEUUE7RUFDSSxXQUFBO0FDTEo7O0FEUUE7RUFDSSxpQkFBQTtBQ0xKOztBRFFBO0VBQ0ksc0JBQUE7RUFDQSxnQkFBQTtBQ0xKOztBRFFBO0VBQ0ksaUJBQUE7QUNMSjs7QURRQTtFQUNJLFlBQUE7RUFFQSxlQUFBO0VBQ0EsY0FBQTtFQUNBLDJCQUFBO0VBQ0EsZUFBQTtBQ05KOztBRFNBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtBQ05KOztBRFNBO0VBQ0ksWUFBQTtBQ05KOztBRFNBO0VBQ0ksV0FBQTtBQ05KOztBRFNBO0VBQ0ksc0JBQUE7RUFDQSxnQkFBQTtFQUNBLG1CQUFBO0FDTko7O0FEU0E7RUFDSSxrQkFBQTtFQUNBLGlCQUFBO0FDTko7O0FEU0E7RUFDSSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxzQ0FBQTtFQUNBLHVDQUFBO0VBQ0Esd0JBQUE7RUFDQSxxQkFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxnQkFBQTtFQUNBLFlBQUE7RUFDQSxVQUFBO0FDTko7O0FEVUE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7QUNQSjs7QURVQTtFQUNJLFlBQUE7QUNQSjs7QURVQTtFQUNJLFdBQUE7QUNQSjs7QURXQTtFQUNJLHlEQUFBO0VBQ0EseUJBQUE7RUFDQSxXQUFBO0VBQ0EsZ0JBQUE7QUNSSjs7QURXQTs7RUFFSSwyQkFBQTtFQUNBLFlBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtBQ1JKOztBRFdBO0VBQ0kseUJBQUE7QUNSSjs7QURXQTtFQUNJLHlCQUFBO0FDUko7O0FEV0E7RUFDSSxnQkFBQTtFQUNBLG1CQUFBO0VBQ0EsZ0JBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7QUNSSjs7QURZQTs7RUFFSSxZQUFBO0FDVEo7O0FEYUk7RUFDSSxxQkFBQTtBQ1ZSOztBRFlJO0VBQ0kscUJBQUE7QUNWUjs7QURlQTtFQUVJLGtCQUFBO0VBQ0EsZUFBQTtFQUVBLGdCQUFBO0VBQ0Esb0NBQUE7RUFDQSw2QkFBQTtFQUNBLFlBQUE7QUNkSjs7QURpQkE7RUFDSSxrQkFBQTtFQUNBLHlCQUFBO0VBQ0EsV0FBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLHlCQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxpQkFBQTtBQ2RKOztBRGtCQSxZQUFBOztBQWFBLGdCQUFBOztBQWFBO0VBQ0ksb0NBQUE7RUFDQSx5QkFBQTtFQUNBLHlCQUFBO0FDdkNKOztBRDBDQTtFQUNJLFlBQUE7QUN2Q0o7O0FEMkNBO0VBQ0ksV0FBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxhQUFBO0VBQ0EsYUFBQTtFQUNBLFVBQUE7RUFDQSxtQkFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxpQkFBQTtFQUNBLG1CQUFBO0VBQ0Esa0JBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7RUFDQSxVQUFBO0VBQ0EsbUJBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksWUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxXQUFBO0VBQ0EsVUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0FDeENKOztBRDJDQTtFQUNJLFdBQUE7RUFDQSxnQkFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxXQUFBO0VBQ0EsVUFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxXQUFBO0FDeENKOztBRDJDQTtFQUNJLFlBQUE7RUFDQSxrQkFBQTtFQUNBLG1CQUFBO0FDeENKOztBRDJDQTtFQUNJLHlCQUFBO0FDeENKOztBRDJDQTs7RUFFSSxlQUFBO0FDeENKOztBRDJDQTtFQUNJLFdBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksZ0JBQUE7RUFDQSxpQkFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxxQkFBQTtFQUNBLDRCQUFBO0FDeENKOztBRDJDQTtFQUNJLGlCQUFBO0FDeENKOztBRDJDQTtFQUNJLGlCQUFBO0FDeENKOztBRDJDQTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxrQkFBQTtFQUNBLG1CQUFBO0VBQ0EsVUFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSx5QkFBQTtFQUNBLGNBQUE7RUFDQSxlQUFBO0VBQ0EsVUFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSx5QkFBQTtFQUNBLGNBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksaUJBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksa0JBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksa0JBQUE7RUFDQSxRQUFBO0VBQ0EsT0FBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxZQUFBO0FDeENKOztBRDJDQTtFQUNJLG9CQUFBO0FDeENKOztBRDRDQTtFQUNJLCtHQUFBO0VBQ0EseUJBQUE7RUFDQSxrQkFBQTtFQUNBLFFBQUE7RUFDQSxVQUFBO0FDekNKOztBRDZDQTtFQUNJLGVBQUE7RUFDQSxVQUFBO0VBQ0EsUUFBQTtFQUNBLFdBQUE7QUMxQ0o7O0FENkNBO0VBQ0kscUNBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsdUJBQUE7QUMxQ0o7O0FENkNBO0VBQ0ksbUNBQUE7RUFDQSx1QkFBQTtBQzFDSjs7QUQ2Q0E7RUFDSSx5QkFBQTtFQUNBLHVCQUFBO0VBQ0Esc0JBQUE7QUMxQ0o7O0FENkNBO0VBQ0ksZUFBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtFQUNBLGVBQUE7QUMxQ0o7O0FENkNBO0VBQ0ksZUFBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtFQUNBLGtCQUFBO0VBQ0EsNkJBQUE7QUMxQ0o7O0FEK0NBO0VBQ0ksZUFBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksc0JBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksa0JBQUE7RUFDQSxVQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLHFCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsZ0JBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLHFCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsZ0JBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksZUFBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtFQUNBLDBCQUFBO0VBQ0EsVUFBQTtBQzVDSjs7QUQrQ0E7OztFQUdJLGVBQUE7RUFDQSxZQUFBO0VBQ0EsbUNBQUE7RUFDQSxtQkFBQTtFQUNBLHVCQUFBO0FDNUNKOztBRCtDQTtFQUNJLFlBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksY0FBQTtBQzVDSjs7QUQrQ0E7RUFDSSxpQkFBQTtFQUNBLGVBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksK0dBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksa0JBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksdUJBQUE7RUFDQSxtQkFBQTtBQzVDSjs7QUQrQ0E7RUFDSSxlQUFBO0VBQ0Esb0JBQUE7QUM1Q0oiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnQvZG9vcnN0ZXAtY3VzdG9tZXIzNjAvZG9vcnN0ZXAtY3VzdG9tZXIzNjAuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud29ya2luZy1hcmVhIHtcbiAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIG1hcmdpbi10b3A6IDEwcHg7XG59XG5cbi5jdXN0MzYwLWNvbnRhaW5lciB7XG4gICAgbWFyZ2luOiAxMTVweCAzMHB4IDMwcHggMzBweDtcbiAgICAvL21hcmdpbi1sZWZ0OiAzMHB4O1xufVxuXG4uZXhhbXBsZS1jYXJkMSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xufVxuXG4uZXhhbXBsZS1jYXJkMSAuZm9udENsYXNzIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5leGFtcGxlLWNhcmQxIC5pbmxpbmVDbGFzcyB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuXG4uZXhhbXBsZS1jYXJkMiB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIHBhZGRpbmc6IDBweDtcbn1cblxuLmhpc3RvcnktY2FyZCB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBwYWRkaW5nOiAwcHg7XG59XG5cbi5mb250Q2xhc3Mge1xuICAgIGZvbnQ6IEJvbGQgMTJweC8yMHB4IFJvYm90bztcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgY29sb3I6ICM3MDcwNzA7XG59XG5cbi5mb250Q2xhc3NCb2xkIHtcbiAgICBmb250LWZhbWlseTogQm9sZCAxNnB4LzIycHggUm9ib3RvO1xuICAgIGNvbG9yOiAjNzA3MDcwO1xufVxuXG4uYm9yZGVyIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjNzA3MDcwO1xuICAgIGZvbnQ6IDEycHgvMThweCBSb2JvdG87XG4gICAgY29sb3I6ICM3MDcwNzA7XG4gICAgYm9yZGVyLXJhZGl1czogMjVweDtcbiAgICBwYWRkaW5nOiA1cHg7XG59XG5cbi5zZXJ2LWhlYWRpbmcge1xuICAgIHdpZHRoOiAzMCU7XG59XG5cbi5zZXJ2LWRlc2Mge1xuICAgIHdpZHRoOiA3MCU7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBzbWFsbCB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMTBweDtcbiAgICAgICAgZmxvYXQ6IHJpZ2h0O1xuICAgIH1cbn1cblxuLmJ1dHRvbiB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBmb250OiBSZWd1bGFyIDE2cHgvMjJweCBSb2JvdG87XG4gICAgY29sb3I6ICNmZmZmZmY7XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4ucmVjZW50IHtcbiAgICBjb2xvcjogIzFhY2MwNDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcmlnaHQ6IDE1cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiA3cHg7XG59XG5cbi5kaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogMC42O1xufVxuXG4uYnV0dG9uc2VydmljZSB7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gICAgY29sb3I6ICNmMWYxZmY7XG59XG5cbi5jaGVja2FsaWduIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDE2cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLXRvcDogMjBweCAhaW1wb3J0YW50O1xufVxuXG4uY2hlY2thbGlnbm1lbnQge1xuICAgIHBhZGRpbmctdG9wOiAyMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5pbmxpbmVDbGFzcyB7XG4gICAgZGlzcGxheTogaW5saW5lO1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6IGJsYWNrO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbnAuaW5saW5lQ2xhc3Mge1xuICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5tYXJnaW5DbGFzcyB7XG4gICAgbWFyZ2luLWxlZnQ6IDIwcHg7XG59XG5cbi5tYXJnaW5DbGFzczEge1xuICAgIG1hcmdpbi1sZWZ0OiA0MHB4O1xufVxuXG4ubmF2YmFyIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG4gICAgcGFkZGluZy10b3A6IDEwcHg7XG4gICAgLy9mb250LXdlaWdodDogYm9sZDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5uYXZiYXIgYSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uaGlzdG9yeS1idG4ge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMzBweDtcbn1cblxuLm5vYnVsbGV0IHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLnBsYXkge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbn1cblxuLmNvbG9yU3R5bGUge1xuICAgIGNvbG9yOiBncmVlbnllbGxvdztcbn1cblxuLmNhbGxMb2dzIHtcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICAgIGZsb2F0OiBsZWZ0O1xufVxuXG4uY3VzdE5vdGlmaWNhdGlvbiB7XG4gICAgZGlzcGxheTogaW5saW5lO1xufVxuXG4uZXhhbXBsZS1yYWRpby1ncm91cCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZXhhbXBsZS1yYWRpby1idXR0b24ge1xuICAgIG1hcmdpbjogNXB4O1xufVxuXG4udXBkYXRlLWJ0biB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzE2Mzc3ZDtcbiAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICBtYXJnaW4tbGVmdDogMTVweDtcbn1cblxuLmVkaXQtYnRuIHtcbiAgICBtYXJnaW4tbGVmdDogNXB4O1xuICAgIGNvbG9yOiAjMTYzNzdkO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIHBhZGRpbmc6IDAuMTM3NWVtIDA7XG4gICAgLy9ib3JkZXI6IHNvbGlkO1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICAgIGJvdHRvbTogMC4yNWVtO1xuICAgIGhlaWdodDogMHB4O1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgICBtYXJnaW4tdG9wOiAwcHg7XG59XG5cbi5udW1iZXItZm9ybSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ubnVtYmVyLXJvdyB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4vL2N1c3RvbSBtYXQtc2VsZWN0XG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIC8vZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xuICAgIHBhZGRpbmc6IDJweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgcGFkZGluZy1ib3R0b206IDVweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgICB3aWR0aDogOTAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICAgIHRvcDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gICAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjM2MzYzNjO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbn1cblxuLy9jdXN0bWVyMzYwIHZpZSB1cGRhdGUgY3NzXG4ubWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItdGl0bGUge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQ6IEJvbGQgMTRweC8xNnB4IFJvYm90bztcbiAgICBpIHtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICAgICAgICBjb2xvcjogIzAwNDU3RDtcbiAgICB9XG59XG5cbi5mb250Q2xhc3Mge1xuICAgIGZvbnQ6IEJvbGQgMTRweC8xNnB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBjb2xvcjogIzdiN2E3YTtcbiAgICBvcGFjaXR5OiAxO1xuICAgIG1hcmdpbi1ib3R0b206IDNweCAhaW1wb3J0YW50O1xufVxuXG4uZm9udENsYXNzQm9sZCB7XG4gICAgZm9udC1mYW1pbHk6IEJvbGQgMTZweC8yMnB4IFJvYm90bztcbiAgICBjb2xvcjogIzAwMDAwMDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBpIHtcbiAgICAgICAgY29sb3I6ICMwMDQ1N0Q7XG4gICAgICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIH1cbn1cblxuLmJvcmRlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzcwNzA3MDtcbiAgICBmb250OiAxMnB4LzE4cHggUm9ib3RvO1xuICAgIGNvbG9yOiAjNzA3MDcwO1xuICAgIGJvcmRlci1yYWRpdXM6IDI1cHg7XG4gICAgcGFkZGluZzogNXB4O1xufVxuXG4uYnV0dG9uIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTZweC8yMnB4IFJvYm90bztcbiAgICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLmJ1dHRvbnNlcnZpY2Uge1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBmb250LWZhbWlseTogUm9ib3RvO1xuICAgIGNvbG9yOiAjZjFmMWZmO1xufVxuXG4uZXhhbXBsZS1yYWRpby1ncm91cCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZXhhbXBsZS1yYWRpby1idXR0b24ge1xuICAgIG1hcmdpbjogNXB4O1xufVxuXG4ubWF0LWRpYWxvZy1jb250ZW50IHtcbiAgICBwYWRkaW5nOiA1cHggMjRweDtcbn1cblxuLmNvbnRhY3Qge1xuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgbWFyZ2luLXRvcDogMjBweDtcbn1cblxuLmNvbnRhY3QgLm1hdC10YWItZ3JvdXAge1xuICAgIG1pbi1oZWlnaHQ6IDE1MHB4O1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwge1xuICAgIGhlaWdodDogMjBweDtcbiAgICAvL3BhZGRpbmc6IDBweCAxMHB4O1xuICAgIG1pbi13aWR0aDogOTBweDtcbiAgICBjb2xvcjogIzU0ODJCQztcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgZm9udC1zaXplOiAxMXB4O1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwtYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MkJDO1xuICAgIGNvbG9yOiAjZmZmZmZmO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbi5jb250YWN0IDo6bmctZGVlcCAubWF0LXRhYi1oZWFkZXIge1xuICAgIGJvcmRlcjogbm9uZTtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWxpc3QgLm1hdC1pbmstYmFyIHtcbiAgICBoZWlnaHQ6IDBweDtcbn1cblxuLnRhYnJvdyB7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBtYXJnaW4tdG9wOiAyMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG59XG5cbi5hbGlnbiB7XG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xuICAgIHBhZGRpbmctdG9wOiAyMHB4O1xufVxuXG4udGFicm93IDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbCB7XG4gICAgaGVpZ2h0OiAzNXB4O1xuICAgIHBhZGRpbmc6IDBweCAxMHB4O1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDhweCAhaW1wb3J0YW50O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA4cHggIWltcG9ydGFudDtcbiAgICBib3JkZXItYm90dG9tLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAjZDNkM2QzO1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgbWFyZ2luLWxlZnQ6IDNweDtcbiAgICBjb2xvcjogYmxhY2s7XG4gICAgb3BhY2l0eTogMTtcbiAgICAvLyBmb250LXNpemU6IDEzcHggIWltcG9ydGFudDs7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsLWFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICBvcGFjaXR5OiAxO1xuICAgIGJvcmRlci1zdHlsZTogbm9uZTtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItaGVhZGVyIHtcbiAgICBib3JkZXI6IG5vbmU7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxpc3QgLm1hdC1pbmstYmFyIHtcbiAgICBoZWlnaHQ6IDBweDtcbn1cblxuLy90YWJsZVxuLnRhYmxlIHtcbiAgICBmb250LWZhbWlseTogXCJUcmVidWNoZXQgTVNcIiwgQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi10b3A6IDIwcHg7XG59XG5cbi50YWJsZSB0ZCxcbi50YWJsZSB0aCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICB3aWR0aDogYXV0bztcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi50YWJsZSB0cjpudGgtY2hpbGQoZXZlbikge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi50YWJsZSB0cjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRhYmxlIHRoIHtcbiAgICBwYWRkaW5nLXRvcDogNXB4O1xuICAgIHBhZGRpbmctYm90dG9tOiA1cHg7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDNkM2QzO1xuICAgIGNvbG9yOiBibGFjaztcbn1cblxuLy9mYXVsdCB0YWJsZVxuLmZhdWx0LXRhYmxlIHRkLFxuLmZhdWx0LXRhYmxlIHRoIHtcbiAgICBwYWRkaW5nOiA1cHg7XG59XG5cbi5mYXVsdC10YWJsZSB7XG4gICAgLmZhdWx0LWRhdGUge1xuICAgICAgICB3aWR0aDogMTUlICFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIC5mYXVsdC1kZXMge1xuICAgICAgICB3aWR0aDogMjAlICFpbXBvcnRhbnQ7XG4gICAgfVxufVxuXG4vL3NsaWRpbmcgYnRuXG4uYnRuIHtcbiAgICAvL2JvcmRlci1sZWZ0OiA0cHggc29saWQgIzJlMzY2ODtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC8vdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgICBib3JkZXItcmFkaXVzOiA1cHggIWltcG9ydGFudDtcbiAgICBoZWlnaHQ6IDI1cHg7XG59XG5cbi5idG4gcCB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHotaW5kZXg6IDE7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgICBtYXJnaW46IGF1dG87XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxMHB4O1xufVxuXG5cbi8qIHNsaWRlcnMgKi9cblxuLy8gLmJ0bjpiZWZvcmUge1xuLy8gICAgIGNvbnRlbnQ6IFwiXCI7XG4vLyAgICAgd2lkdGg6IDEwMCU7XG4vLyAgICAgaGVpZ2h0OiAxMDAlO1xuLy8gICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4vLyAgICAgY29sb3I6ICNmZmY7XG4vLyAgICAgLy9ib3JkZXI6IDJweCBzb2xpZCAjMkUzNjY4O1xuLy8gICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbi8vICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuLy8gfVxuXG4vKiBMZWZ0IFNsaWRlciAqL1xuXG4vLyAuYnRuLTI6YmVmb3JlIHtcbi8vICAgICB0b3A6IDA7XG4vLyAgICAgbGVmdDogLTIzMHB4O1xuLy8gfVxuLy8gLmJ0bi0yOmhvdmVyOmJlZm9yZSB7XG4vLyAgICAgbGVmdDogMDtcbi8vIH1cbi8vIC5idG4tMjpob3ZlciB7XG4vLyAgICAgY29sb3I6ICNmZmY7XG4vLyAgICAgLy9ib3JkZXI6IDJweCBzb2xpZCAjMkUzNjY4O1xuLy8gfVxuLmJ0bi0xIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjMDA0NTdEO1xufVxuXG4uYnRuLTEgcCB7XG4gICAgbWFyZ2luOiBhdXRvO1xufVxuXG4vL2NhbGwgZGlhbG9nIGNzc1xudGFibGUge1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4ucmVjdDIge1xuICAgIHBhZGRpbmc6IDE1cHg7XG4gICAgaGVpZ2h0OiAxMzBweDtcbiAgICB3aWR0aDogOTMlO1xuICAgIGJhY2tncm91bmQ6ICNlYWVhZWE7XG59XG5cbi5yZWN0MyB7XG4gICAgcGFkZGluZy10b3A6IDE1cHg7XG4gICAgcGFkZGluZy1yaWdodDogMTVweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgICBoZWlnaHQ6IDY2cHg7XG4gICAgd2lkdGg6IDkzJTtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xufVxuXG4ucmVjdDMgLmJ1dHRvbiB7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIG1hcmdpbi1yaWdodDogOHB4O1xuICAgIG1hcmdpbi10b3A6IDVweDtcbn1cblxuLnJlY3Q0IHtcbiAgICBmbG9hdDogbGVmdDtcbiAgICB3aWR0aDogOTMlO1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufVxuXG4ubmd4LXRpbWVwaWNrZXItZmllbGQtZXhhbXBsZSB7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gICAgbWFyZ2luLXRvcDogMTVweDtcbn1cblxuLnJlY3Q1IHtcbiAgICBmbG9hdDogbGVmdDtcbiAgICB3aWR0aDogNTAlO1xufVxuXG4udGV4dC1wcCB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi5jYWxsLXBvcHVwLXNhdmUge1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLmljb25zIC5mYS1waG9uZSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMTM1ZGVnKTtcbn1cblxuLmljb25zIC5mYS1taWNyb3Bob25lLXNsYXNoLFxuLmljb25zIC5mYS1waG9uZSB7XG4gICAgZm9udC1zaXplOiAyNHB4O1xufVxuXG4uaWNvbnMgLmJ1dHRvbiB7XG4gICAgbWFyZ2luOiA1cHg7XG59XG5cbi5pY29ucyB7XG4gICAgbWFyZ2luLXRvcDogMjVweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDI5JTtcbn1cblxuLmhhbmctYnRuIHtcbiAgICBjb2xvcjogcmVkICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyLWNvbG9yOiByZWQgIWltcG9ydGFudDtcbn1cblxuLmNsYXNzdGV4dDEge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uZGF0YXZpZXcge1xuICAgIG1hcmdpbi1sZWZ0OiAxNXB4O1xufVxuXG4udGltZXN0YW1wIHtcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgICB3aWR0aDogNTUlO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBjb2xvcjogIzAwNDU3RDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgd2lkdGg6IDUwJTtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtY2hlY2tlZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gICAgbGluZS1oZWlnaHQ6IDIycHg7XG59XG5cbi5oaXN0b3J5LWNhcmQgLmFwcGx5SG9yaXpvbnRhbFNjcm9sbCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xufVxuXG4uaGlzdG9yeS1jYXJkIDo6bmctZGVlcCBtYXQtcGFnaW5hdG9yIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDA7XG4gICAgbGVmdDogMDtcbn1cblxuLmhpc3RvcnktY2FyZCA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBoZWlnaHQ6IDE1cHg7XG59XG5cbi5oaXN0b3J5LWNhcmQgOjpuZy1kZWVwIC5tYXQtY2FyZC1jb250ZW50IHtcbiAgICBwYWRkaW5nLWJvdHRvbTogNDBweDtcbn1cblxuLy9yZWNvcmRpbmcgZGFpbG9nXG4ucmVjb3JkaW5nLWRhaWxvZyB7XG4gICAgYm94LXNoYWRvdzogMCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDJweCAycHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCA1cHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIHJpZ2h0OiAxNSU7XG59XG5cbi8vY2FsbGluZyBkYWlsb2dcbi5jYWxsLXJlc3BvbnNlIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgd2lkdGg6IDM1JTtcbiAgICB0b3A6IDIzJTtcbiAgICByaWdodDogNTBweDtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG4gICAgYm9yZGVyLXN0eWxlOiBub25lIHNvbGlkIHNvbGlkIG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5pY29uLWJhY2tncm91bmQge1xuICAgIGNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gICAgaGVpZ2h0OiAxM3B4ICFpbXBvcnRhbnQ7XG4gICAgd2lkdGg6IDEzcHggIWltcG9ydGFudDtcbn1cblxuLmVkaXQtaWNvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiAjMDA0NTdEO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICB0b3A6IDIwJTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jaGVjay1pY29uIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICMxYWNjMDQ7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA1cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRvcDogMjAlO1xuICAgIG1hcmdpbi1yaWdodDogMThweDtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHggIWltcG9ydGFudDtcbiAgICAvL2JvcmRlcjogbm9uZSBzb2xpZCBub25lIG5vbmUgIWltcG9ydGFudDtcbiAgICAvL2JvcmRlci1jb2xvcjogYmxhY2s7XG59XG5cbi5jYW5jbGUtaWNvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiByZWQ7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA1cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRvcDogMjAlO1xuICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICBtYXJnaW4tbGVmdDogMzVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtcmlwcGxlIHtcbiAgICBoZWlnaHQ6IDBweCAhaW1wb3J0YW50O1xufVxuXG4uc3RyYXRlLWxpbmUge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICB0b3A6IDUwJTtcbn1cblxuLmlucHV0LWJvcmRlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB3aWR0aDogNzUlICFpbXBvcnRhbnQ7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG59XG5cbi5pbnB1dC1ib3JkZXItZCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB3aWR0aDogNzAlICFpbXBvcnRhbnQ7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG59XG5cbi5jYWxsaW5nLXRhYmxlLm1hdC10YWJsZSAubWF0LWNlbGwge1xuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiBibGFjaztcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgICBvcGFjaXR5OiAxO1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCxcbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtZm9udC50aCB7XG4gICAgY29sb3I6IGJsYWNrO1xufVxuXG4udGFibGUtZm9udC50ZCB7XG4gICAgY29sb3I6ICM1OTU5NTk7XG59XG5cbi5zcnZIaXN0cnlIZWFkZXIxIHtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi50ZWNoLWNhbXAgOjpuZy1kZWVwIC5tYXQtdGFiLWJvZHktd3JhcHBlciB7XG4gICAgYm94LXNoYWRvdzogMCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAuMiksIDAgMnB4IDJweCAwIHJnYmEoMCwgMCwgMCwgLjE0KSwgMCAxcHggNXB4IDAgcmdiYSgwLCAwLCAwLCAuMTIpO1xufVxuXG4udGVjaC1jYW1wIDo6bmctZGVlcCAubWF0LWNhcmQtY29udGVudCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5jdXMzNjBUZHtcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgZm9udC1mYW1pbHk6IHBvcHBpbnM7XG59XG4iLCIud29ya2luZy1hcmVhIHtcbiAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDEwcHg7XG59XG5cbi5jdXN0MzYwLWNvbnRhaW5lciB7XG4gIG1hcmdpbjogMTE1cHggMzBweCAzMHB4IDMwcHg7XG59XG5cbi5leGFtcGxlLWNhcmQxIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBtYXJnaW4tcmlnaHQ6IGF1dG87XG59XG5cbi5leGFtcGxlLWNhcmQxIC5mb250Q2xhc3Mge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5leGFtcGxlLWNhcmQxIC5pbmxpbmVDbGFzcyB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cblxuLmV4YW1wbGUtY2FyZDIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgYm9yZGVyOiBub25lO1xuICBib3gtc2hhZG93OiBub25lO1xuICBwYWRkaW5nOiAwcHg7XG59XG5cbi5oaXN0b3J5LWNhcmQge1xuICBib3gtc2hhZG93OiBub25lO1xuICBwYWRkaW5nOiAwcHg7XG59XG5cbi5mb250Q2xhc3Mge1xuICBmb250OiBCb2xkIDEycHgvMjBweCBSb2JvdG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgY29sb3I6ICM3MDcwNzA7XG59XG5cbi5mb250Q2xhc3NCb2xkIHtcbiAgZm9udC1mYW1pbHk6IEJvbGQgMTZweC8yMnB4IFJvYm90bztcbiAgY29sb3I6ICM3MDcwNzA7XG59XG5cbi5ib3JkZXIge1xuICBib3JkZXI6IDFweCBzb2xpZCAjNzA3MDcwO1xuICBmb250OiAxMnB4LzE4cHggUm9ib3RvO1xuICBjb2xvcjogIzcwNzA3MDtcbiAgYm9yZGVyLXJhZGl1czogMjVweDtcbiAgcGFkZGluZzogNXB4O1xufVxuXG4uc2Vydi1oZWFkaW5nIHtcbiAgd2lkdGg6IDMwJTtcbn1cblxuLnNlcnYtZGVzYyB7XG4gIHdpZHRoOiA3MCU7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG4uc2Vydi1kZXNjIHNtYWxsIHtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICBmbG9hdDogcmlnaHQ7XG59XG5cbi5idXR0b24ge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udDogUmVndWxhciAxNnB4LzIycHggUm9ib3RvO1xuICBjb2xvcjogI2ZmZmZmZjtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4ucmVjZW50IHtcbiAgY29sb3I6ICMxYWNjMDQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcmlnaHQ6IDE1cHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiA3cHg7XG59XG5cbi5kaXNhYmxlZCB7XG4gIG9wYWNpdHk6IDAuNjtcbn1cblxuLmJ1dHRvbnNlcnZpY2Uge1xuICBmbG9hdDogcmlnaHQ7XG4gIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gIGNvbG9yOiAjZjFmMWZmO1xufVxuXG4uY2hlY2thbGlnbiB7XG4gIHBhZGRpbmctbGVmdDogMTZweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLXRvcDogMjBweCAhaW1wb3J0YW50O1xufVxuXG4uY2hlY2thbGlnbm1lbnQge1xuICBwYWRkaW5nLXRvcDogMjBweCAhaW1wb3J0YW50O1xufVxuXG4uaW5saW5lQ2xhc3Mge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6IGJsYWNrO1xuICBvcGFjaXR5OiAxO1xufVxuXG5wLmlubGluZUNsYXNzIHtcbiAgbWFyZ2luLXRvcDogMHB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5tYXJnaW5DbGFzcyB7XG4gIG1hcmdpbi1sZWZ0OiAyMHB4O1xufVxuXG4ubWFyZ2luQ2xhc3MxIHtcbiAgbWFyZ2luLWxlZnQ6IDQwcHg7XG59XG5cbi5uYXZiYXIge1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG4gIHBhZGRpbmctdG9wOiAxMHB4O1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5uYXZiYXIgYSB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmhpc3RvcnktYnRuIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMzBweDtcbn1cblxuLm5vYnVsbGV0IHtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xufVxuXG4ucGxheSB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLXJpZ2h0OiA1cHg7XG59XG5cbi5jb2xvclN0eWxlIHtcbiAgY29sb3I6IGdyZWVueWVsbG93O1xufVxuXG4uY2FsbExvZ3Mge1xuICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICBmbG9hdDogbGVmdDtcbn1cblxuLmN1c3ROb3RpZmljYXRpb24ge1xuICBkaXNwbGF5OiBpbmxpbmU7XG59XG5cbi5leGFtcGxlLXJhZGlvLWdyb3VwIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cblxuLmV4YW1wbGUtcmFkaW8tYnV0dG9uIHtcbiAgbWFyZ2luOiA1cHg7XG59XG5cbi51cGRhdGUtYnRuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzE2Mzc3ZDtcbiAgY29sb3I6ICNmZmZmZmY7XG4gIG1hcmdpbi1sZWZ0OiAxNXB4O1xufVxuXG4uZWRpdC1idG4ge1xuICBtYXJnaW4tbGVmdDogNXB4O1xuICBjb2xvcjogIzE2Mzc3ZDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm9yZGVyOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5udW1iZXItZm9ybSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogNXB4O1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIHBhZGRpbmc6IDAuMTM3NWVtIDA7XG59XG5cbi5udW1iZXItZm9ybSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGJvdHRvbTogMC4yNWVtO1xuICBoZWlnaHQ6IDBweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCBpbnB1dC5tYXQtaW5wdXQtZWxlbWVudCB7XG4gIG1hcmdpbi10b3A6IDBweDtcbn1cblxuLm51bWJlci1mb3JtIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLm51bWJlci1yb3cge1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDJweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHdpZHRoOiAxMDAlO1xuICBmb250LXNpemU6IDEycHg7XG4gIHBhZGRpbmctYm90dG9tOiA1cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA5MCU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXNpemU6IDEzcHg7XG59XG5cbi5tYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlci10aXRsZSB7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGZvbnQtc2l6ZTogMTNweDtcbiAgZm9udDogQm9sZCAxNHB4LzE2cHggUm9ib3RvO1xufVxuLm1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyLXRpdGxlIGkge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIGNvbG9yOiAjMDA0NTdEO1xufVxuXG4uZm9udENsYXNzIHtcbiAgZm9udDogQm9sZCAxNHB4LzE2cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiAjN2I3YTdhO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiAzcHggIWltcG9ydGFudDtcbn1cblxuLmZvbnRDbGFzc0JvbGQge1xuICBmb250LWZhbWlseTogQm9sZCAxNnB4LzIycHggUm9ib3RvO1xuICBjb2xvcjogIzAwMDAwMDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250LXdlaWdodDogNTAwO1xufVxuLmZvbnRDbGFzc0JvbGQgaSB7XG4gIGNvbG9yOiAjMDA0NTdEO1xuICBtYXJnaW4tcmlnaHQ6IDVweDtcbn1cblxuLmJvcmRlciB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICM3MDcwNzA7XG4gIGZvbnQ6IDEycHgvMThweCBSb2JvdG87XG4gIGNvbG9yOiAjNzA3MDcwO1xuICBib3JkZXItcmFkaXVzOiAyNXB4O1xuICBwYWRkaW5nOiA1cHg7XG59XG5cbi5idXR0b24ge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udDogUmVndWxhciAxNnB4LzIycHggUm9ib3RvO1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLmJ1dHRvbnNlcnZpY2Uge1xuICBmbG9hdDogcmlnaHQ7XG4gIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gIGNvbG9yOiAjZjFmMWZmO1xufVxuXG4uZXhhbXBsZS1yYWRpby1ncm91cCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5leGFtcGxlLXJhZGlvLWJ1dHRvbiB7XG4gIG1hcmdpbjogNXB4O1xufVxuXG4ubWF0LWRpYWxvZy1jb250ZW50IHtcbiAgcGFkZGluZzogNXB4IDI0cHg7XG59XG5cbi5jb250YWN0IHtcbiAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgbWFyZ2luLXRvcDogMjBweDtcbn1cblxuLmNvbnRhY3QgLm1hdC10YWItZ3JvdXAge1xuICBtaW4taGVpZ2h0OiAxNTBweDtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbiAgaGVpZ2h0OiAyMHB4O1xuICBtaW4td2lkdGg6IDkwcHg7XG4gIGNvbG9yOiAjNTQ4MkJDO1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIGZvbnQtc2l6ZTogMTFweDtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkM7XG4gIGNvbG9yOiAjZmZmZmZmO1xuICBvcGFjaXR5OiAxO1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItaGVhZGVyIHtcbiAgYm9yZGVyOiBub25lO1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGlzdCAubWF0LWluay1iYXIge1xuICBoZWlnaHQ6IDBweDtcbn1cblxuLnRhYnJvdyB7XG4gIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG4gIG1hcmdpbi1ib3R0b206IDIwcHg7XG59XG5cbi5hbGlnbiB7XG4gIHBhZGRpbmctbGVmdDogMTZweDtcbiAgcGFkZGluZy10b3A6IDIwcHg7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbiAgaGVpZ2h0OiAzNXB4O1xuICBwYWRkaW5nOiAwcHggMTBweDtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogOHB4ICFpbXBvcnRhbnQ7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA4cHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMXB4O1xuICBib3JkZXItY29sb3I6ICNkM2QzZDM7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBtYXJnaW4tbGVmdDogM3B4O1xuICBjb2xvcjogYmxhY2s7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gIGNvbG9yOiAjZmZmZmZmO1xuICBvcGFjaXR5OiAxO1xuICBib3JkZXItc3R5bGU6IG5vbmU7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWhlYWRlciB7XG4gIGJvcmRlcjogbm9uZTtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItbGlzdCAubWF0LWluay1iYXIge1xuICBoZWlnaHQ6IDBweDtcbn1cblxuLnRhYmxlIHtcbiAgZm9udC1mYW1pbHk6IFwiVHJlYnVjaGV0IE1TXCIsIEFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4udGFibGUgdGQsXG4udGFibGUgdGgge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIHBhZGRpbmc6IDVweDtcbiAgd2lkdGg6IGF1dG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLnRhYmxlIHRyOm50aC1jaGlsZChldmVuKSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi50YWJsZSB0cjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi50YWJsZSB0aCB7XG4gIHBhZGRpbmctdG9wOiA1cHg7XG4gIHBhZGRpbmctYm90dG9tOiA1cHg7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkM2QzZDM7XG4gIGNvbG9yOiBibGFjaztcbn1cblxuLmZhdWx0LXRhYmxlIHRkLFxuLmZhdWx0LXRhYmxlIHRoIHtcbiAgcGFkZGluZzogNXB4O1xufVxuXG4uZmF1bHQtdGFibGUgLmZhdWx0LWRhdGUge1xuICB3aWR0aDogMTUlICFpbXBvcnRhbnQ7XG59XG4uZmF1bHQtdGFibGUgLmZhdWx0LWRlcyB7XG4gIHdpZHRoOiAyMCUgIWltcG9ydGFudDtcbn1cblxuLmJ0biB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xuICBoZWlnaHQ6IDI1cHg7XG59XG5cbi5idG4gcCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgY29sb3I6ICNmZmY7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgbWFyZ2luOiBhdXRvO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxpbmUtaGVpZ2h0OiAxMHB4O1xufVxuXG4vKiBzbGlkZXJzICovXG4vKiBMZWZ0IFNsaWRlciAqL1xuLmJ0bi0xIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICBjb2xvcjogIzAwNDU3RCAhaW1wb3J0YW50O1xuICBib3JkZXI6IDFweCBzb2xpZCAjMDA0NTdEO1xufVxuXG4uYnRuLTEgcCB7XG4gIG1hcmdpbjogYXV0bztcbn1cblxudGFibGUge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLnJlY3QyIHtcbiAgcGFkZGluZzogMTVweDtcbiAgaGVpZ2h0OiAxMzBweDtcbiAgd2lkdGg6IDkzJTtcbiAgYmFja2dyb3VuZDogI2VhZWFlYTtcbn1cblxuLnJlY3QzIHtcbiAgcGFkZGluZy10b3A6IDE1cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDE1cHg7XG4gIHBhZGRpbmctbGVmdDogMTVweDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgaGVpZ2h0OiA2NnB4O1xuICB3aWR0aDogOTMlO1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xufVxuXG4ucmVjdDMgLmJ1dHRvbiB7XG4gIGZsb2F0OiByaWdodDtcbiAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cblxuLnJlY3Q0IHtcbiAgZmxvYXQ6IGxlZnQ7XG4gIHdpZHRoOiA5MyU7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5uZ3gtdGltZXBpY2tlci1maWVsZC1leGFtcGxlIHtcbiAgZmxvYXQ6IGxlZnQ7XG4gIG1hcmdpbi10b3A6IDE1cHg7XG59XG5cbi5yZWN0NSB7XG4gIGZsb2F0OiBsZWZ0O1xuICB3aWR0aDogNTAlO1xufVxuXG4udGV4dC1wcCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbC1wb3B1cC1zYXZlIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG59XG5cbi5pY29ucyAuZmEtcGhvbmUge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgxMzVkZWcpO1xufVxuXG4uaWNvbnMgLmZhLW1pY3JvcGhvbmUtc2xhc2gsXG4uaWNvbnMgLmZhLXBob25lIHtcbiAgZm9udC1zaXplOiAyNHB4O1xufVxuXG4uaWNvbnMgLmJ1dHRvbiB7XG4gIG1hcmdpbjogNXB4O1xufVxuXG4uaWNvbnMge1xuICBtYXJnaW4tdG9wOiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDI5JTtcbn1cblxuLmhhbmctYnRuIHtcbiAgY29sb3I6IHJlZCAhaW1wb3J0YW50O1xuICBib3JkZXItY29sb3I6IHJlZCAhaW1wb3J0YW50O1xufVxuXG4uY2xhc3N0ZXh0MSB7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uZGF0YXZpZXcge1xuICBtYXJnaW4tbGVmdDogMTVweDtcbn1cblxuLnRpbWVzdGFtcCB7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICB3aWR0aDogNTUlO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGNvbG9yOiAjMDA0NTdEO1xuICBmb250LXNpemU6IDEycHg7XG4gIHdpZHRoOiA1MCU7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWNoZWNrZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xufVxuXG4uaGlzdG9yeS1jYXJkIC5hcHBseUhvcml6b250YWxTY3JvbGwge1xuICBtYXJnaW4tYm90dG9tOiAwcHg7XG59XG5cbi5oaXN0b3J5LWNhcmQgOjpuZy1kZWVwIG1hdC1wYWdpbmF0b3Ige1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xufVxuXG4uaGlzdG9yeS1jYXJkIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDE1cHg7XG59XG5cbi5oaXN0b3J5LWNhcmQgOjpuZy1kZWVwIC5tYXQtY2FyZC1jb250ZW50IHtcbiAgcGFkZGluZy1ib3R0b206IDQwcHg7XG59XG5cbi5yZWNvcmRpbmctZGFpbG9nIHtcbiAgYm94LXNoYWRvdzogMCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDJweCAycHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCA1cHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICByaWdodDogMTUlO1xufVxuXG4uY2FsbC1yZXNwb25zZSB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgd2lkdGg6IDM1JTtcbiAgdG9wOiAyMyU7XG4gIHJpZ2h0OiA1MHB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogMCU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG4gIGJvcmRlci1zdHlsZTogbm9uZSBzb2xpZCBzb2xpZCBub25lO1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmljb24tYmFja2dyb3VuZCB7XG4gIGNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gIGhlaWdodDogMTNweCAhaW1wb3J0YW50O1xuICB3aWR0aDogMTNweCAhaW1wb3J0YW50O1xufVxuXG4uZWRpdC1pY29uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogIzAwNDU3RDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRvcDogMjAlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jaGVjay1pY29uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogIzFhY2MwNDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRvcDogMjAlO1xuICBtYXJnaW4tcmlnaHQ6IDE4cHg7XG4gIG1hcmdpbi1ib3R0b206IDVweCAhaW1wb3J0YW50O1xufVxuXG4uY2FuY2xlLWljb24ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiByZWQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDVweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICB0b3A6IDIwJTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBtYXJnaW4tbGVmdDogMzVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtcmlwcGxlIHtcbiAgaGVpZ2h0OiAwcHggIWltcG9ydGFudDtcbn1cblxuLnN0cmF0ZS1saW5lIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRvcDogNTAlO1xufVxuXG4uaW5wdXQtYm9yZGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHdpZHRoOiA3NSUgIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmlucHV0LWJvcmRlci1kIHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHdpZHRoOiA3MCUgIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmNhbGxpbmctdGFibGUubWF0LXRhYmxlIC5tYXQtY2VsbCB7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6IGJsYWNrO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgb3BhY2l0eTogMTtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICBmb250LXNpemU6IDEycHg7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBub25lIG5vbmUgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4xcHg7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtZm9udC50aCB7XG4gIGNvbG9yOiBibGFjaztcbn1cblxuLnRhYmxlLWZvbnQudGQge1xuICBjb2xvcjogIzU5NTk1OTtcbn1cblxuLnNydkhpc3RyeUhlYWRlcjEge1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4udGVjaC1jYW1wIDo6bmctZGVlcCAubWF0LXRhYi1ib2R5LXdyYXBwZXIge1xuICBib3gtc2hhZG93OiAwIDNweCAxcHggLTJweCByZ2JhKDAsIDAsIDAsIDAuMiksIDAgMnB4IDJweCAwIHJnYmEoMCwgMCwgMCwgMC4xNCksIDAgMXB4IDVweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG59XG5cbi50ZWNoLWNhbXAgOjpuZy1kZWVwIC5tYXQtY2FyZC1jb250ZW50IHtcbiAgbWFyZ2luLWJvdHRvbTogMHB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLmN1czM2MFRkIHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBmb250LWZhbWlseTogcG9wcGlucztcbn0iXX0= */\"","import { Component, OnInit, ViewChild } from \"@angular/core\";\nimport { ToastrService } from \"ngx-toastr\";\nimport { CommonService } from \"../../core/service/common-service/common.service\";\nimport { MatDialog, MatSort, MatPaginator, MatTableDataSource, MatTabChangeEvent } from \"@angular/material\";\nimport { Router } from \"@angular/router\";\nimport { DatePipe,Location } from \"@angular/common\";\nimport { CallParams } from \"src/app/model/call-params.model\";\nimport { DialogService } from \"src/app/dialog.service\";\n@Component({\n selector: 'app-doorstep-customer360',\n templateUrl: './doorstep-customer360.component.html',\n styleUrls: ['./doorstep-customer360.component.scss']\n})\nexport class DoorstepCustomer360Component implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n @ViewChild('CallLogsPaginator', { static: true }) callLogsPaginator: MatPaginator;\n @ViewChild('CallLogsSort', { static: true }) callLogsSort: MatSort;\n @ViewChild('RemarksPaginator', { static: true }) remarksPaginator: MatPaginator;\n @ViewChild('RemarksSort', { static: true }) remarksSort: MatSort;\n @ViewChild('ServiceHistoryPaginator', { static: true }) serviceHistoryPaginator: MatPaginator;\n @ViewChild('ServiceHistorySort', { static: true }) serviceHistorySort: MatSort;\n\n cus360: any;\n cusType: string;\n calledNo: string;\n vehicleDetails: any = {};\n lastServiceDetails: any = {};\n serviceDetails: any = {};\n faultDetails: any = [];\n callVisible: boolean;\n spinner: boolean;\n vinNoList: string[] = [];\n vehicleInfoList: any[] = [];\n vehicleTypeCallInfo: any;\n vehicleServiceAndStausInfo: any;\n dataSource: any;\n selectedNumber: any;\n selectedName: any;\n updatedNumber: any;\n updatedName: any;\n contactInfoOwner: any[] = [];\n contactInfoFleet: any[] = [];\n contactInfoDriver: any[] = [];\n updatedNumberType: string;\n updatedNameType: string;\n secondaryNo: string;\n unableEdit: any = {};\n unableCall: boolean = false;\n workShops = [];\n selectedWorkShop: string;\n audioSource: any = {};\n selectedVehicle: string;\n HideServiceHistory: boolean = true;\n historyToggleStatus: boolean = false;\n showCallDailog: boolean = false;\n showRecordingDailog: boolean = false;\n showPlayBtn: boolean = true;\n paused: boolean = false;\n ownerSelected: boolean = true;\n fleetSelected: boolean = false;\n driverSelected: boolean = false;\n errorShow: any = {};\n customerID: string;\n userId: string;\n chassisNo: string;\n recentNumber: string;\n bookingCount: number;\n followupCount: number;\n customerData: any;\n vin: string;\n rrDetails: any = [];\n rrLength: number;\n technicalCampLength: number;\n division: string;\n workshopAppointmentFlag: boolean = false;\n cdmTrailCheckOwner: boolean = false;\n cdmTrailCheckfleet: boolean = false;\n cdmTrailCheckdriver: boolean = false;\n secondTrailCall: boolean = false;\n //service history table columns\n displayedColumns: string[] = [\n \"jcNo\",\n \"servNo\",\n \"dealerLoc\",\n \"jbcardDate\",\n \"mileage\",\n \"failureDate\",\n \"billDate\",\n \"insdate\",\n \"mechanic\",\n \"serviceAdv\",\n \"serviceAdvNo\"\n ];\n\n //call log table columns\n displayedCallColumns: string[] = [\n \"startTime\",\n \"duration\",\n \"number\",\n \"callDate\",\n \"recording\"\n ];\n\n //call log table columns\n displayedRemarksColumns: string[] = [\n \"remark\",\n \"remarkDate\",\n \"remarkTime\"\n ];\n\n displayedFaultColumns: string[] = [\n \"faultCaseId\",\n \"rulesDesc\",\n \"faultListDate\",\n \"faultFertCode\",\n \"faultServiceDueDate\",\n \"faultBookingDate\"\n ];\n\n displayedRRColumns: string[] = [\n \"customerCode\",\n \"workshopCode\",\n \"vin\",\n \"mileage\",\n \"runningRepairDate\",\n \"remarks\"\n ];\n\n displayedTechnicalCampColumns: string[] = [\n \"campaignId\",\n \"campaignIdDesc\",\n \"campaignStartDate\",\n \"campaignEndDate\",\n \"techCampaignCallStatus\",\n \"techBookingDate\"\n ];\n\n dataSource1: any[];\n expandedElement: any[] = [];\n rows: any = [];\n\n callLists: any;\n recordingUrl: any;\n callCount: number = 0;\n\n remarksDetails: any;\n historyDetails: any;\n remarksCount: number = 0;\n historyCount: number = 0;\n private audio: HTMLMediaElement;\n techCampDetails: any;\n techCampCount: number = 0;\n selectedTab: any;\n custNameForSave: any;\n serviceCount: any;\n bookingDuration: any;\n serviceType: any;\n callOption: string;\n userContactNo: string;\n countryCode: string;\n transId: any;\n\n constructor(\n private dialogService: DialogService,\n private datePipe: DatePipe,\n public dialog: MatDialog,\n private commonService: CommonService,\n private toastr: ToastrService,\n private router: Router,\n private location: Location,\n ) {\n this.unableEdit['O'] = {};\n this.unableEdit['F'] = {};\n this.unableEdit['D'] = {};\n }\n\n ngOnInit() {\n this.userInfo = JSON.parse(localStorage.getItem(\"userInfo\") || null)[0];\n this.customerData = JSON.parse(localStorage.getItem(\"customerData\") || null);\n this.callVisible = true;\n this.chassisNo = localStorage.getItem(\"chassisNo\");\n this.userId = localStorage.getItem(\"userId\");\n this.customerID = localStorage.getItem(\"customerId\");\n this.userContactNo = localStorage.getItem(\"userContactNo\");\n this.countryCode = localStorage.getItem(\"countryCode\");\n this.workShops = JSON.parse(localStorage.getItem('workshops'));\n this.selectedWorkShop = (this.workShops && this.workShops.length) ? this.workShops[0].workshopCode : '';\n this.customerData = JSON.parse(localStorage.getItem(\"customerData\"));\n this.vin = this.customerData.vin;\n\n if (localStorage.getItem(\"userId\") == null || localStorage.getItem(\"userId\") == undefined) {\n this.router.navigate([\"login\"]);\n }\n\n //this.getBookingFollowupCount(this.customerID, this.vin);\n this.getWorkshopAppointmentFlag();\n this.getCustomer360();\n this.getCallList();\n this.getContactdetail();\n }\n\n goback() {\n this.location.back();\n }\n\n /**\n * Name: getCallRecording\n * purpose: To get call recording and play\n */\n recording:string = ''\n getCallRecording(bucketName: string, fileName: string, id: string, source: string,element:any): void {\n\n if (element.recordingUrl) {\n this.recording = element.recordingUrl;\n }else{\n this.recording = '';\n }\n \n this.spinner = true;\n this.onRecordingClose();\n this.commonService.downloadAudio(bucketName, fileName, source).subscribe(res => {\n this.spinner = false;\n var binary = res['body'];\n var blob = new Blob([binary], { type: 'audio/mp4' });\n this.audioSource.id = id;\n this.audioSource.url = URL.createObjectURL(blob);\n if (this.audioSource.url) {\n this.playRecording();\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n /**\n * Name: playRecording\n * purpose: To play recoding\n */\n playRecording(): void {\n this.showPlayBtn = false;\n this.showRecordingDailog = true;\n }\n\n /**\n * Name: onRecordingClose\n * purpose: To close Recording dailog\n */\n onRecordingClose() {\n this.showPlayBtn = true;\n this.showRecordingDailog = false;\n }\n\n /**\n * Name: getContactdetail\n * purpose: To get customer Contact detail\n */\n getContactdetail(): void {\n this.spinner = true;\n this.commonService.doorStepContactDetails(this.customerID).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.contactInfoOwner = res[\"responseData\"].filter(contact => contact.flag == \"O\");\n this.contactInfoFleet = res[\"responseData\"].filter(contact => contact.flag == \"F\");\n this.contactInfoDriver = res[\"responseData\"].filter(contact => contact.flag == \"D\");\n this.selectedNumber = this.contactInfoOwner[0].contactNumber;\n this.selectedName = this.contactInfoOwner[0].customerName;\n this.unableEdit['O'][0] = true;\n this.unableEdit['O'][1] = false;\n this.unableEdit['D'][0] = true;\n this.unableEdit['D'][1] = false;\n this.updatedNumberType = 'Primary';\n this.unableCall = true;\n this.spinner = false;\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n },\n ()=>{\n this.updateActiveContactNo();\n }\n );\n }\n\n getCdmData() {\n let temp: any;\n this.selectedTab = this.selectedTab ? this.selectedTab : 0;\n\n let data = {\n \"customerId\": this.customerID,\n \"vin\": \"\",\n \"phoneNo\": \"\",\n \"startDate\": \"\",\n \"endDate\": \"\",\n \"date\": \"\",\n \"customerName\": \"\",\n \"type\": \"T\",\n \"flag\": this.selectedTab == 0 ? 'C' : this.selectedTab == 1 ? 'F' : this.selectedTab == 2 ? 'D' : 'C'\n };\n this.commonService.fetchCdmData(data).subscribe((resp) => {\n if (resp['responseCode'] == 0) {\n temp = resp[\"responseData\"].filter(contact => contact.contactNo = contact.phoneNo);\n temp.forEach((trail) => {\n if (this.selectedTab == 0) {\n this.contactInfoOwner.push(trail)\n this.cdmTrailCheckOwner = true\n } else if (this.selectedTab == 1) {\n this.contactInfoFleet.push(trail)\n this.cdmTrailCheckfleet = true\n } else if (this.selectedTab == 2) {\n this.contactInfoDriver.push(trail)\n this.cdmTrailCheckdriver = true\n }\n })\n this.trailLogCheck();\n } else {\n this.toastr.error(resp['message'], \"Error\");\n }\n\n }, error => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n // this.contactInfoOwner.push(temp[0]);\n\n }\n\n trailLogCheck() {\n if (this.selectedTab == 0) {\n this.secondTrailCall = this.cdmTrailCheckOwner\n // return this.cdmTrailCheckOwner\n } else if (this.selectedTab == 1) {\n this.secondTrailCall = this.cdmTrailCheckfleet\n // return this.cdmTrailCheckfleet\n } else if (this.selectedTab == 2) {\n this.secondTrailCall = this.cdmTrailCheckdriver\n // return this.cdmTrailCheckdriver\n } else {\n this.secondTrailCall = false\n }\n }\n\n /**\n * Name: checkCallStatus\n * purpose: To set contect type selection\n * @param {any} type - type of number\n */\n checkCallStatus(type: any): void {\n this.onTabChange(type)\n this.selectedTab = type && type.index;\n if (type && type.index == 0) {\n this.ownerSelected = true;\n this.fleetSelected = false;\n this.driverSelected = false;\n if (this.contactInfoOwner.length) {\n this.unableCall = true;\n this.contactInfoOwner.forEach((element, i) => {\n if (this.unableEdit['O'][i] != undefined && this.unableEdit['O'][i]) {\n this.selectedNumber = element.contactNumber;\n this.selectedName = element.customerName;\n }\n });\n } else {\n this.unableCall = false;\n }\n }\n\n if (type && type.index == 1) {\n this.ownerSelected = false;\n this.fleetSelected = true;\n this.driverSelected = false;\n if (this.contactInfoFleet.length) {\n this.unableCall = true;\n let numberSelected = false;\n this.contactInfoFleet.forEach((element, i) => {\n if (this.unableEdit['F'][i] != undefined && this.unableEdit['F'][i]) {\n this.selectedNumber = element.contactNumber;\n this.selectedName = element.customerName;\n numberSelected = true;\n }\n });\n if (!numberSelected) {\n this.selectedNumber = this.contactInfoFleet[0].contactNumber;\n this.selectedName = this.contactInfoFleet[0].customerName;\n this.unableEdit['F'][0] = true;\n }\n } else {\n this.unableCall = false;\n }\n }\n\n if (type && type.index == 2) {\n this.ownerSelected = false;\n this.fleetSelected = false;\n this.driverSelected = true;\n if (this.contactInfoDriver.length) {\n this.unableCall = true;\n let numberSelected = false;\n this.contactInfoDriver.forEach((element, i) => {\n if (this.unableEdit['D'][i] != undefined && this.unableEdit['D'][i]) {\n this.selectedNumber = element.contactNumber;\n this.selectedName = element.customerName;\n numberSelected = true;\n }\n });\n if (!numberSelected) {\n this.selectedNumber = this.contactInfoDriver[0].contactNumber;\n this.selectedName = this.contactInfoDriver[0].customerName;\n this.unableEdit['D'][0] = true;\n }\n } else {\n this.unableCall = false;\n }\n }\n this.trailLogCheck();\n }\n\n /**\n * Name: callUser\n * purpose: To call user\n */\n private callUser(): void {\n this.showRecordingDailog = false;\n this.spinner = true;\n let callNumber;\n // if(this.countryCode == \"IND91\") {\n callNumber = this.selectedNumber;\n // } else {\n // callNumber = \"+88\" + this.selectedNumber;\n // }\n\n let type = (this.ownerSelected ? 'C' : (this.fleetSelected ? 'F' : 'D'));\n if (type == 'C') {\n this.contactInfoOwner.forEach((element) => {\n if (element.contactNumber == this.selectedNumber) {\n this.custNameForSave = element.customerName\n }\n });\n } else if (type == 'F') {\n this.contactInfoFleet.forEach((element) => {\n if (element.contactNumber == this.selectedNumber) {\n this.custNameForSave = element.customerName\n }\n });\n }\n else if (type == 'D') {\n this.contactInfoDriver.forEach((element) => {\n if (element.contactNumber == this.selectedNumber) {\n this.custNameForSave = element.customerName\n }\n });\n }\n this.calledNo = this.selectedNumber;\n this.cusType = type;\n this.commonService.callCustomer(this.userId, this.customerID, callNumber, type, 'DSP').subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.showCallDailog = true;\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n\n if (localStorage.getItem('countryCode')=='IND91') {\n this.callingToUser();\n }else{\n localStorage.setItem(\"exotel_URI\",'')\n }\n }\n\n /**\n * Name: onClose\n * purpose: To close call dailog\n */\n onClose() {\n this.showCallDailog = false;\n this.getContactdetail();\n }\n\n /**\n * Name: updateNumber\n * @param {boolean} addNumber - type of number\n * purpose: To set customer number\n */\n updateNumber(addNumber: boolean): void {\n if ((this.updatedNumber && this.updatedNumber.length == 10) || (addNumber && this.secondaryNo && this.secondaryNo.length == 10)) {\n this.spinner = true;\n let oldNumber = this.selectedNumber;\n let newNumber = this.updatedNumber ? this.updatedNumber : this.selectedNumber;\n let oldName = this.selectedName;\n let newName = this.updatedName;\n if (addNumber) {\n oldNumber = this.secondaryNo;\n newNumber = this.secondaryNo;\n this.updatedNumberType = \"Secondary\";\n }\n this.commonService.doorStepUpdateContact(newNumber, oldNumber, this.updatedNumberType, this.customerID, this.userId, oldName, newName).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n this.selectedNumber = this.updatedNumber;\n this.selectedName = this.updatedName;\n this.toastr.success(\"Data is saved.\", \"Success\");\n //this.getContactdetail();\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n })\n }\n }\n\n getOption() {\n this.callOption = localStorage.getItem('navOption');\n return this.callOption;\n }\n\n /**\n * Name: onNameChange\n * * purpose: To get new selected name\n * @param name\n * @param editName\n * @param index\n * @param type\n */\n onNameChange(name: any, editName: boolean, index: any, type: string) {\n if (type == 'D' && editName) {\n this.updatedName = name.customerName;\n this.updatedNumber = name.contactNumber;\n this.updatedNumberType = 'D';\n this.errorShow[index] = false;\n } else {\n this.selectedName = name.customerName;\n this.updatedNumber = name.contactNumber;\n this.updatedName = name.customerName;\n this.updatedNumberType = index == 0 ? 'Y' : \"N\";\n if (type == 'D') {\n this.contactInfoDriver.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n }\n }\n }\n\n /**\n * Name: onNumberChange\n * purpose: To get new selected number\n */\n onNumberChange(number: any, editNumber: boolean, index: any, type: string): void {\n if (type == \"D\" && editNumber && number.contactNumber.length == 10) {\n this.updatedNumber = number.contactNumber;\n this.updatedName = number.customerName;\n this.updatedNumberType = 'D';\n this.errorShow[index] = false;\n } else if (editNumber && number.contactNumber.length == 10) {\n this.updatedNumber = number.contactNumber;\n this.updatedName = number.customerName;\n this.updatedNumberType = index == 0 ? 'Y' : 'N';\n this.errorShow[index] = false;\n } else if (editNumber && number.contactNumber.length !== 10) {\n this.errorShow[index] = true;\n } else {\n this.selectedNumber = number.contactNumber;\n this.selectedName = number.customerName;\n this.updatedNumber = number.contactNumber;\n this.updatedName = number.customerName;\n this.updatedNumberType = index == 0 ? 'Y' : 'N';\n if (type == 'O') {\n this.contactInfoOwner.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n } else if (type == 'F') {\n this.contactInfoFleet.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n } else if (type == 'D') {\n this.contactInfoDriver.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n }\n\n }\n }\n\n /**\n * Name: sendWorkshopMsg\n * purpose: To send workshop addess SMS\n */\n sendWorkshopMsg(): void {\n this.spinner = true;\n let data = {\n contactNo: this.selectedNumber,\n custName: this.cus360['DOORSTEP_CUSTOMER_INFO'].custName,\n }\n this.workShops.forEach(workshop => {\n if (workshop.workshopCode == this.selectedWorkShop) {\n data['wSAddress'] = workshop.workshopAddress || '';\n data['wSManager'] = workshop.contactNo || '';\n data['wSName'] = workshop.workshopName || '';\n }\n });\n this.commonService.sendLocationSMS(data).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.toastr.info(res['message'], \"Message\");\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getCustomer360\n * purpose: To get customer data\n */\n getCustomer360(): void {\n this.spinner = true;\n this.commonService.doorStepCustomerDetails(this.customerID, this.userId, this.vin).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.cus360 = res[\"responseData\"];\n if (this.cus360[\"VECHILE_INFO\"] && this.cus360[\"VECHILE_INFO\"].length && this.cus360[\"VECHILE_INFO\"][0].vin6Bits) {\n this.selectedVehicle = this.cus360[\"VECHILE_INFO\"][0].vin6Bits\n this.cus360[\"VECHILE_INFO\"].forEach(element => {\n this.vinNoList.push(element.vin6Bits);\n this.vehicleInfoList.push(element);\n });\n this.subTabDefault(this.selectedVehicle);\n } else {\n this.vehicleDetails = {};\n }\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getCallList\n * purpose: To get customer call data\n */\n getCallList(): void {\n this.spinner = true;\n this.commonService.callDetails(this.userId, this.customerID, 'DS').subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n res['responseData'].forEach(data => {\n data.duration = data.duration.split('PT')[1];\n });\n this.callLists = new MatTableDataSource(res['responseData']);\n this.recordingUrl = res['responseData'][0].recordingName;\n this.recentNumber = (res['responseData'].length && res['responseData'][0].custNo) ? res['responseData'][0].custNo.split('+91')[1] : '';\n this.sort.direction = '';\n this.callLists.sort = this.callLogsSort;\n this.callLists.paginator = this.callLogsPaginator;\n this.callCount = res['responseData'].length;\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getHistory\n * purpose: To get service history\n */\n getHistory(showHistory: boolean): void {\n if (showHistory) {\n this.spinner = true;\n this.commonService.history(this.chassisNo).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.HideServiceHistory = false;\n this.dataSource1 = res[\"responseData\"];\n this.historyDetails = new MatTableDataSource(this.dataSource1);\n this.sort.direction = '';\n this.historyDetails.sort = this.serviceHistorySort;\n this.historyDetails.paginator = this.serviceHistoryPaginator;\n this.historyCount = this.dataSource1.length;\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.historyDetails = [];\n this.spinner = false;\n this.historyToggleStatus = false;\n }\n }, err => {\n this.spinner = false;\n this.historyToggleStatus = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n } else {\n this.HideServiceHistory = true;\n }\n }\n\n /**\n * Name: subTabDefault\n * purpose: To set vehicle details as selected\n */\n subTabDefault(selectedVehicle: string): void {\n this.vehicleDetails = this.cus360[\"VECHILE_INFO\"].filter(vehicle => vehicle.vin6Bits == selectedVehicle)[0];\n this.division = this.vehicleDetails.division;\n //this.rrLength = Object.keys(this.cus360[\"RR_SERVICE_INFO\"]).length;\n localStorage.setItem(\"chassisNo\", this.vehicleDetails.chassisNumber);\n this.chassisNo = this.vehicleDetails.chassisNumber;\n //change the sale date format\n this.vehicleDetails.saleDate = this.datePipe.transform(\n this.vehicleDetails.saleDate,\n \"yyyy-MM-dd\"\n );\n\n //set the vehicle call Info\n if (this.cus360[\"SERVICE_INFO\"] && Object.keys(this.cus360[\"SERVICE_INFO\"]).length && this.cus360[\"SERVICE_INFO\"][selectedVehicle]) {\n this.serviceDetails = this.cus360[\"SERVICE_INFO\"][selectedVehicle];\n this.serviceCount = this.cus360[\"SERVICE_INFO\"][selectedVehicle][\"serviceTypeSequence\"];\n if (this.serviceCount >= 0) {\n if (this.serviceCount % 2 == 1) {\n this.bookingDuration = 90;\n } else {\n this.bookingDuration = 240;\n }\n }\n\n localStorage.setItem(\"serviceInfo\", JSON.stringify(this.cus360[\"SERVICE_INFO\"]));\n localStorage.setItem(\"serviceDueDate\", this.cus360[\"SERVICE_INFO\"][selectedVehicle].serviceDueDate);\n\n //set the vehicle call Info\n if (this.serviceDetails.serviceType == null)\n this.serviceDetails.serviceType = \"None\"\n this.vehicleServiceAndStausInfo = this.serviceDetails.campaignId ? this.serviceDetails.serviceType : this.serviceDetails.serviceType + \", \" + this.serviceDetails.callStatus;\n this.vehicleTypeCallInfo = this.serviceDetails.callType;\n this.serviceType = this.serviceDetails.serviceType.split(' - ')[0];\n } else {\n this.serviceDetails = {};\n }\n\n\n if (this.cus360[\"LAST_SERVICE_INFO\"] && Object.keys(this.cus360[\"LAST_SERVICE_INFO\"]).length && this.cus360[\"LAST_SERVICE_INFO\"][selectedVehicle]) {\n this.lastServiceDetails = this.cus360[\"LAST_SERVICE_INFO\"][selectedVehicle];\n localStorage.setItem(\"milage\", this.lastServiceDetails.mileage);\n this.lastServiceDetails.invoiceDate = this.datePipe.transform(\n this.lastServiceDetails.invoiceDate,\n \"yyyy-MM-dd\"\n );\n } else {\n this.lastServiceDetails = {};\n }\n\n if (this.cus360[\"REMARK_INFO\"] && Object.keys(this.cus360[\"REMARK_INFO\"]).length && this.cus360[\"REMARK_INFO\"][selectedVehicle]) {\n let remarks = this.cus360[\"REMARK_INFO\"][selectedVehicle];\n remarks.forEach(element => {\n let date = element.remarkTime + \" GMT+0000\";\n let d = new Date(date);\n element.remarkTime = d;\n element.remarkDate = this.datePipe.transform(element.remarkTime, \"yyyy-MM-dd\");\n });\n this.remarksDetails = new MatTableDataSource(remarks);\n this.sort.direction = '';\n this.remarksDetails.sort = this.remarksSort;\n this.remarksDetails.paginator = this.remarksPaginator;\n this.remarksCount = remarks.length;\n } else {\n this.remarksDetails = [];\n }\n }\n\n public refreshVinList(): void {\n this.getCustomer360();\n }\n\n getWorkshopAppointmentFlag() {\n this.commonService.getWorkshopAppointmentFlag(this.selectedWorkShop)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.workshopAppointmentFlag = res['responseData'][0].appointmentFlag;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n\n activeTabLabel: string = 'Owner'; \n activeIndex:number = 0\n userInfo: any;\n\n\n selectedContactNumbers = {\n 'Owner': null,\n 'Fleet Manager': null,\n 'Driver': null\n };\n\n onTabChange(event: MatTabChangeEvent) {\n this.activeTabLabel = event.tab.textLabel;\n this.activeIndex = event.index;\n this.updateActiveContactNo();\n }\n\n \n\n private updateActiveContactNo() {\n let contactList;\n \n if (this.activeIndex === 0) {\n contactList = this.contactInfoOwner;\n } else if (this.activeIndex === 1) {\n contactList = this.contactInfoFleet;\n } else if (this.activeIndex === 2) {\n contactList = this.contactInfoDriver;\n }\n \n console.log(this.activeIndex);\n console.log(contactList);\n if (contactList && contactList.length > 0) {\n this.selectedContactNumbers[this.activeTabLabel] = this.selectedContactNumbers[this.activeTabLabel] || contactList[0].contactNumber;\n }\n \n }\n \n onRadioChange(contactNo: string, tabLabel: string) {\n this.selectedContactNumbers[tabLabel] = contactNo;\n \n \n }\n\n\n private callingToUser(){\n let customerPhone = this.selectedContactNumbers[this.activeTabLabel];\n console.log(this.selectedContactNumbers);\n \n if(customerPhone){\n this.makeCall(customerPhone)\n }else{\n this.spinner = false;\n this.toastr.error(\"Customer Phone number can't be Empty while placing the call\")\n }\n }\n\n \n private makeCall(customerPhone:string) {\n const callParams = new CallParams(this.userInfo.contactNo, customerPhone);\n this.spinner = true\n this.commonService.createCallConnection_API(callParams).subscribe({\n next: (response) => {\n if(response.responseData.Uri) {\n localStorage.setItem(\"exotel_URI\",response.responseData.Uri)\n } else{\n localStorage.setItem(\"exotel_URI\",'')\n }\n if (response.responseCode==0) {\n this.toastr.success(\"Call is in progress\")\n \n }else{\n this.toastr.error(response.responseData)\n }\n \n },\n error:(error)=>{\n this.spinner = false\n this.toastr.error(\"Something went wrong\");\n \n },\n complete:()=>{\n this.spinner = false\n }\n });\n }\n\n openConfirmation() {\n if (localStorage.getItem('countryCode')=='IND91') {\n this.dialogService.openConfirmDialog().subscribe(result => {\n if (result) {\n console.log(result);\n this.callUser(); \n } else {\n console.log(result);\n }\n });\n }else{\n this.callUser();\n }\n \n }\n}\n","export default \".chart-container {\\n display: block;\\n margin-bottom: 0px !important;\\n padding: 0px 10px !important;\\n}\\n\\n.detail-card ::ng-deep .mat-tab-label {\\n height: 48px;\\n padding: 0 8px;\\n min-width: 95px;\\n}\\n\\n.chartjs-render-monitor {\\n max-width: 100% !important;\\n}\\n\\n.kpi {\\n background-color: #ededed;\\n padding-top: 120px;\\n padding-left: 10px;\\n padding-right: 20px;\\n padding-bottom: 20px;\\n}\\n\\n.kpi h3 {\\n text-align: center;\\n}\\n\\n.kpi-chart {\\n background: white;\\n padding: 5px;\\n}\\n\\n.kpi-chart .chart-container {\\n padding: 0px 10px;\\n}\\n\\n.kpi-chart .chartjs-render-monitor {\\n height: 60px !important;\\n}\\n\\n.kpi-chrt-head {\\n text-align: center;\\n margin: 0px;\\n}\\n\\n.kpi-chrt-head .heading-kpi {\\n font-size: 13px;\\n color: black;\\n font-weight: 500;\\n padding-top: 5px;\\n}\\n\\n.kpi-chrt-head .state {\\n font-size: 15px;\\n font-weight: 500;\\n padding-top: 10px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvZG9vcnN0ZXAtZGFzaGJvYXJkL2Rvb3JzdGVwLWNoYXJ0LWRhc2hib2FyZC9kb29yc3RlcC1jaGFydC1kYXNoYm9hcmQuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudC9kb29yc3RlcC1kYXNoYm9hcmQvZG9vcnN0ZXAtY2hhcnQtZGFzaGJvYXJkL2Rvb3JzdGVwLWNoYXJ0LWRhc2hib2FyZC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQTtFQUNJLGNBQUE7RUFDQSw2QkFBQTtFQUNBLDRCQUFBO0FDQUo7O0FER0U7RUFDRSxZQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7QUNBSjs7QURHRTtFQUNFLDBCQUFBO0FDQUo7O0FESUU7RUFDRSx5QkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxtQkFBQTtFQUNBLG9CQUFBO0FDREo7O0FER0k7RUFDRSxrQkFBQTtBQ0ROOztBREtFO0VBQ0UsaUJBQUE7RUFDQSxZQUFBO0FDRko7O0FESUk7RUFDRSxpQkFBQTtBQ0ZOOztBREtJO0VBQ0UsdUJBQUE7QUNITjs7QURPRTtFQUNFLGtCQUFBO0VBQ0EsV0FBQTtBQ0pKOztBRE1JO0VBQ0UsZUFBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNBLGdCQUFBO0FDSk47O0FET0k7RUFDRSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSxpQkFBQTtBQ0xOIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L2Rvb3JzdGVwLWRhc2hib2FyZC9kb29yc3RlcC1jaGFydC1kYXNoYm9hcmQvZG9vcnN0ZXAtY2hhcnQtZGFzaGJvYXJkLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLy9jaGFydCBjc3Ncbi5jaGFydC1jb250YWluZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IDBweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmc6IDBweCAxMHB4ICFpbXBvcnRhbnQ7XG4gIH1cbiAgXG4gIC5kZXRhaWwtY2FyZCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwge1xuICAgIGhlaWdodDogNDhweDtcbiAgICBwYWRkaW5nOiAwIDhweDtcbiAgICBtaW4td2lkdGg6IDk1cHg7XG4gIH1cbiAgXG4gIC5jaGFydGpzLXJlbmRlci1tb25pdG9yIHtcbiAgICBtYXgtd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgfVxuICBcbiAgLy9rcGkgY3NzXG4gIC5rcGkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNlZGVkZWQ7XG4gICAgcGFkZGluZy10b3A6IDEyMHB4O1xuICAgIHBhZGRpbmctbGVmdDogMTBweDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAyMHB4O1xuICAgIHBhZGRpbmctYm90dG9tOiAyMHB4O1xuICBcbiAgICBoMyB7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuICB9XG4gIFxuICAua3BpLWNoYXJ0IHtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICBwYWRkaW5nOiA1cHg7XG4gIFxuICAgIC5jaGFydC1jb250YWluZXIge1xuICAgICAgcGFkZGluZzogMHB4IDEwcHg7XG4gICAgfVxuICBcbiAgICAuY2hhcnRqcy1yZW5kZXItbW9uaXRvciB7XG4gICAgICBoZWlnaHQ6IDYwcHggIWltcG9ydGFudDtcbiAgICB9XG4gIH1cbiAgXG4gIC5rcGktY2hydC1oZWFkIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwcHg7XG4gIFxuICAgIC5oZWFkaW5nLWtwaSB7XG4gICAgICBmb250LXNpemU6IDEzcHg7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgcGFkZGluZy10b3A6IDVweDtcbiAgICB9XG4gIFxuICAgIC5zdGF0ZSB7XG4gICAgICBmb250LXNpemU6IDE1cHg7XG4gICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgcGFkZGluZy10b3A6IDEwcHg7XG4gICAgfVxuICB9XG4gICIsIi5jaGFydC1jb250YWluZXIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWJvdHRvbTogMHB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IDBweCAxMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5kZXRhaWwtY2FyZCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwge1xuICBoZWlnaHQ6IDQ4cHg7XG4gIHBhZGRpbmc6IDAgOHB4O1xuICBtaW4td2lkdGg6IDk1cHg7XG59XG5cbi5jaGFydGpzLXJlbmRlci1tb25pdG9yIHtcbiAgbWF4LXdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG59XG5cbi5rcGkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWRlZGVkO1xuICBwYWRkaW5nLXRvcDogMTIwcHg7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbiAgcGFkZGluZy1yaWdodDogMjBweDtcbiAgcGFkZGluZy1ib3R0b206IDIwcHg7XG59XG4ua3BpIGgzIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4ua3BpLWNoYXJ0IHtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHBhZGRpbmc6IDVweDtcbn1cbi5rcGktY2hhcnQgLmNoYXJ0LWNvbnRhaW5lciB7XG4gIHBhZGRpbmc6IDBweCAxMHB4O1xufVxuLmtwaS1jaGFydCAuY2hhcnRqcy1yZW5kZXItbW9uaXRvciB7XG4gIGhlaWdodDogNjBweCAhaW1wb3J0YW50O1xufVxuXG4ua3BpLWNocnQtaGVhZCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbWFyZ2luOiAwcHg7XG59XG4ua3BpLWNocnQtaGVhZCAuaGVhZGluZy1rcGkge1xuICBmb250LXNpemU6IDEzcHg7XG4gIGNvbG9yOiBibGFjaztcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgcGFkZGluZy10b3A6IDVweDtcbn1cbi5rcGktY2hydC1oZWFkIC5zdGF0ZSB7XG4gIGZvbnQtc2l6ZTogMTVweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgcGFkZGluZy10b3A6IDEwcHg7XG59Il19 */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { ChartOptions, ChartType, ChartDataSets } from 'chart.js';\nimport { Label } from 'ng2-charts';\n\n@Component({\n selector: 'app-doorstep-chart-dashboard',\n templateUrl: './doorstep-chart-dashboard.component.html',\n styleUrls: ['./doorstep-chart-dashboard.component.scss']\n})\nexport class DoorstepChartDashboardComponent implements OnInit {\n\n @Input() chartData: ChartDataSets;\n @Input() chartHeight: any;\n @Input() chartWidth: any;\n @Input() chartLabels: Label[];\n @Input() chartOptions: ChartOptions;\n @Input() chartPlugins: any;\n @Input() chartLegend: boolean;\n @Input() chartType: ChartType;\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","export default \".example-header {\\n display: flex;\\n align-items: center;\\n padding: 0.5em;\\n}\\n\\n.example-header-label {\\n flex: 1;\\n height: 1em;\\n font-weight: 500;\\n text-align: center;\\n}\\n\\n.example-double-arrow .mat-icon {\\n margin: -22%;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvZG9vcnN0ZXAtZGFzaGJvYXJkL2Rvb3JzdGVwLWN1c3RvbS1oZWFkZXItY2FsL2Rvb3JzdGVwLWN1c3RvbS1oZWFkZXItY2FsLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnQvZG9vcnN0ZXAtZGFzaGJvYXJkL2Rvb3JzdGVwLWN1c3RvbS1oZWFkZXItY2FsL2Rvb3JzdGVwLWN1c3RvbS1oZWFkZXItY2FsLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksYUFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtBQ0NKOztBREVFO0VBQ0UsT0FBQTtFQUNBLFdBQUE7RUFDQSxnQkFBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUU7RUFDRSxZQUFBO0FDQ0oiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnQvZG9vcnN0ZXAtZGFzaGJvYXJkL2Rvb3JzdGVwLWN1c3RvbS1oZWFkZXItY2FsL2Rvb3JzdGVwLWN1c3RvbS1oZWFkZXItY2FsLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmV4YW1wbGUtaGVhZGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMC41ZW07XG4gIH1cbiAgXG4gIC5leGFtcGxlLWhlYWRlci1sYWJlbCB7XG4gICAgZmxleDogMTtcbiAgICBoZWlnaHQ6IDFlbTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuICBcbiAgLmV4YW1wbGUtZG91YmxlLWFycm93IC5tYXQtaWNvbiB7XG4gICAgbWFyZ2luOiAtMjIlO1xuICB9XG4gICIsIi5leGFtcGxlLWhlYWRlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuNWVtO1xufVxuXG4uZXhhbXBsZS1oZWFkZXItbGFiZWwge1xuICBmbGV4OiAxO1xuICBoZWlnaHQ6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4uZXhhbXBsZS1kb3VibGUtYXJyb3cgLm1hdC1pY29uIHtcbiAgbWFyZ2luOiAtMjIlO1xufSJdfQ== */\"","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Inject,\n OnDestroy\n } from '@angular/core';\n import { MatCalendar, MatDatepickerIntl } from '@angular/material/datepicker';\n import { DateAdapter, MAT_DATE_FORMATS, MatDateFormats } from '@angular/material/core';\n import { Subject } from 'rxjs';\n import { takeUntil } from 'rxjs/operators';\n \n @Component({\n selector: 'app-doorstep-custom-header-cal',\n templateUrl: './doorstep-custom-header-cal.component.html',\n styleUrls: ['./doorstep-custom-header-cal.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n })\n export class ExampleHeader implements OnDestroy {\n \n private _destroyed = new Subject();\n \n constructor(\n private _calendar: MatCalendar, private _intl: MatDatepickerIntl, private _dateAdapter: DateAdapter,\n @Inject(MAT_DATE_FORMATS) private _dateFormats: MatDateFormats, cdr: ChangeDetectorRef) {\n _calendar.stateChanges\n .pipe(takeUntil(this._destroyed))\n .subscribe(() => cdr.markForCheck());\n }\n \n ngOnDestroy() {\n this._destroyed.next();\n this._destroyed.complete();\n }\n \n /** Handles user clicks on the period label. */\n currentPeriodClicked(): void {\n this._calendar.currentView = this._calendar.currentView == 'year' ? 'multi-year' : 'year';\n }\n \n /** The label for the current calendar view. */\n get periodButtonText(): string {\n return this._dateAdapter.getYearName(this._calendar.activeDate);\n }\n \n /** Handles user clicks on the previous button. */\n previousClicked(): void {\n this._calendar.activeDate = this._calendar.currentView == 'month' ?\n this._dateAdapter.addCalendarMonths(this._calendar.activeDate, -1) :\n this._dateAdapter.addCalendarYears(\n this._calendar.activeDate, this._calendar.currentView == 'year' ? -1 : 20\n );\n }\n \n /** Handles user clicks on the next button. */\n nextClicked(): void {\n this._calendar.activeDate = this._calendar.currentView == 'month' ?\n this._dateAdapter.addCalendarMonths(this._calendar.activeDate, 1) :\n this._dateAdapter.addCalendarYears(\n this._calendar.activeDate,\n this._calendar.currentView == 'year' ? 1 : 20\n );\n }\n \n }","export default \".working-area {\\n margin: 0px 0px 0px 0px !important;\\n min-height: 100vh;\\n}\\n\\n.dashboard {\\n padding-top: 120px;\\n padding-left: 20px;\\n padding-bottom: 20px;\\n}\\n\\n.dashboard h3 {\\n text-align: center;\\n}\\n\\n.dashboard .grth {\\n padding: 5px 5px 5px 0px;\\n}\\n\\n.p-b-8 {\\n padding-bottom: 8px;\\n}\\n\\n.p-b-3 {\\n padding-bottom: 3px;\\n}\\n\\n.p-t-5 {\\n padding-top: 5px;\\n}\\n\\n.p-t-13 {\\n padding-top: 13px;\\n}\\n\\n.m-0 {\\n margin: 0px;\\n}\\n\\nhr {\\n width: 100%;\\n opacity: 0.5;\\n margin-bottom: 15px !important;\\n}\\n\\n.detail-card {\\n background-color: #ffffff;\\n padding: 5px;\\n box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);\\n}\\n\\n.detail-card .head-crd {\\n margin-top: 15px;\\n}\\n\\n.detail-card .indicator {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n\\n.detail-card1 {\\n background-color: #ffffff;\\n padding: 5px;\\n box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);\\n}\\n\\n.detail-card1 .indicator {\\n margin-left: 5px;\\n}\\n\\n.count {\\n font-size: 14px !important;\\n font-weight: bold;\\n}\\n\\n.count1 {\\n font-size: 16px !important;\\n font-weight: bold;\\n}\\n\\n.count2 {\\n font-size: 18px !important;\\n font-weight: bold;\\n}\\n\\np {\\n font-size: 11px !important;\\n margin: 3px;\\n}\\n\\n.color-red {\\n color: #e64243;\\n}\\n\\n.color-nv-blue {\\n color: #2e3668;\\n}\\n\\n.color-lg-blue {\\n color: #4834d4;\\n}\\n\\n.color-blue {\\n color: #5758bb;\\n}\\n\\n.color-lg-sky {\\n color: #57aeef;\\n}\\n\\n.color-d-sky {\\n color: #3f729d;\\n}\\n\\n.color-grn {\\n color: #54b157;\\n}\\n\\n.indicator {\\n margin-right: 10px;\\n border: 1px solid #2e3668;\\n border-radius: 50%;\\n padding: 5px;\\n font-size: 14px;\\n color: #2e3668;\\n cursor: pointer;\\n}\\n\\n.label {\\n text-align: center;\\n}\\n\\n.chart-container {\\n display: block;\\n margin-bottom: 0px !important;\\n padding: 0px 10px !important;\\n}\\n\\n.detail-card ::ng-deep .mat-tab-label {\\n height: 25px;\\n padding: 0 8px;\\n min-width: 95px;\\n font-size: 13px;\\n}\\n\\n.chartjs-render-monitor {\\n max-width: 100% !important;\\n}\\n\\n.example-month-picker .mat-calendar-period-button {\\n pointer-events: none;\\n}\\n\\n.example-month-picker .mat-calendar-arrow {\\n display: none;\\n}\\n\\n.dateField {\\n width: 100%;\\n}\\n\\n.headingSme {\\n padding-top: 20px;\\n font-size: 16px;\\n font-weight: bold;\\n position: relative;\\n margin-top: 18px;\\n bottom: 20px;\\n}\\n\\n.headingSme .indicator {\\n position: relative;\\n left: 23px;\\n background: #ffffff;\\n padding: 3px;\\n}\\n\\n.heading .indicator {\\n position: relative;\\n left: 109px;\\n background: #ffffff;\\n padding: 3px;\\n bottom: 20px;\\n}\\n\\n.alert {\\n font-size: 20px;\\n font-weight: bold;\\n}\\n\\n#dateField ::ng-deep input.mat-input-element {\\n margin-top: 3px;\\n padding-left: 5px;\\n font-size: 14px !important;\\n}\\n\\n#dateField ::ng-deep .mat-form-field-suffix {\\n right: 0px;\\n top: 0px;\\n}\\n\\n#dateField ::ng-deep .mat-form-field {\\n font-size: 14px !important;\\n}\\n\\n#dateField ::ng-deep .mat-datepicker-toggle {\\n position: absolute;\\n right: 0px;\\n top: -16px;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field {\\n font-size: 14px !important;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n font-size: 14px !important;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 3px !important;\\n padding-left: 5px;\\n font-size: 14px !important;\\n}\\n\\n.filter3::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n width: 100px !important;\\n margin-top: 17px;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field {\\n font-size: 14px !important;\\n}\\n\\n.filter3 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n font-size: 14px !important;\\n}\\n\\n.filter3 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter3 ::ng-deep .mat-select-value {\\n width: 100%;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 3px !important;\\n padding-left: 5px;\\n font-size: 16px !important;\\n font-weight: bold !important;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.dateFilter {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.kpi {\\n background-color: #ededed;\\n padding-top: 105px;\\n padding-left: 20px;\\n padding-right: 20px;\\n padding-bottom: 20px;\\n}\\n\\n.kpi h3 {\\n text-align: center;\\n}\\n\\n.kpi .heading {\\n margin-bottom: 8px;\\n margin-top: 10px;\\n}\\n\\n.kpi-chart {\\n background: white;\\n padding: 5px;\\n cursor: pointer;\\n}\\n\\n.kpi-chart .chart-container {\\n padding: 0px 10px;\\n}\\n\\n.kpi-chart .chartjs-render-monitor {\\n height: 60px !important;\\n}\\n\\n.kpi-chrt-head {\\n text-align: center;\\n margin: 0px;\\n}\\n\\n.kpi-chrt-head .heading-kpi {\\n font-size: 13px;\\n color: black;\\n font-weight: 500;\\n padding-top: 5px;\\n}\\n\\n.kpi-chrt-head .state {\\n font-size: 15px;\\n font-weight: 500;\\n padding-top: 10px;\\n}\\n\\n.filter-label-date {\\n font: 12px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 3px;\\n padding: 1px 0px 0px;\\n}\\n\\n.searchfilter {\\n width: 200px;\\n height: 30px;\\n margin-left: 10px;\\n font-size: 12px;\\n border: 0;\\n}\\n\\n.indicator1 {\\n margin-right: 10px;\\n padding: 5px;\\n font-size: 14px;\\n color: #2e3668;\\n cursor: pointer;\\n}\\n\\n.filter-margin {\\n margin-top: 20px;\\n}\\n\\n.kpicard-filter {\\n margin-top: 13px;\\n}\\n\\n.kpicard-button {\\n margin-top: 14px;\\n padding-left: 10px;\\n}\\n\\n.calender {\\n position: relative;\\n background: white;\\n}\\n\\n.calender input {\\n width: 95%;\\n border: 1px solid lightgray !important;\\n font-size: 12px;\\n height: 18px;\\n padding-left: 5px;\\n}\\n\\n.calander-btn {\\n position: absolute;\\n right: 2px;\\n top: 2px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvZG9vcnN0ZXAtZGFzaGJvYXJkL2Rvb3JzdGVwLWRhc2hib2FyZC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50L2Rvb3JzdGVwLWRhc2hib2FyZC9kb29yc3RlcC1kYXNoYm9hcmQuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxrQ0FBQTtFQUNBLGlCQUFBO0FDQ0Y7O0FER0E7RUFDRSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0Esb0JBQUE7QUNBRjs7QURDRTtFQUNJLGtCQUFBO0FDQ047O0FEQ0U7RUFDSSx3QkFBQTtBQ0NOOztBREdBO0VBQ0EsbUJBQUE7QUNBQTs7QURHQTtFQUNBLG1CQUFBO0FDQUE7O0FER0E7RUFDQSxnQkFBQTtBQ0FBOztBREdBO0VBQ0EsaUJBQUE7QUNBQTs7QURHQTtFQUNBLFdBQUE7QUNBQTs7QURHQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EsOEJBQUE7QUNBQTs7QURHQTtFQUNBLHlCQUFBO0VBQ0EsWUFBQTtFQUNBLCtHQUFBO0FDQUE7O0FESUU7RUFDSSxnQkFBQTtBQ0ROOztBREdFO0VBQ0ksZ0JBQUE7RUFDQSxnQkFBQTtBQ0ROOztBREtBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0EsK0dBQUE7QUNGQTs7QURLQTtFQUNBLGdCQUFBO0FDRkE7O0FES0E7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0FDRkE7O0FES0E7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0FDRkE7O0FES0E7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0FDRkE7O0FES0E7RUFDQSwwQkFBQTtFQUNBLFdBQUE7QUNGQTs7QURLQTtFQUNBLGNBQUE7QUNGQTs7QURLQTtFQUNBLGNBQUE7QUNGQTs7QURLQTtFQUNBLGNBQUE7QUNGQTs7QURLQTtFQUNBLGNBQUE7QUNGQTs7QURLQTtFQUNBLGNBQUE7QUNGQTs7QURLQTtFQUNBLGNBQUE7QUNGQTs7QURLQTtFQUNBLGNBQUE7QUNGQTs7QURLQTtFQUNBLGtCQUFBO0VBQ0EseUJBQUE7RUFDQSxrQkFBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7QUNGQTs7QURLQTtFQUNBLGtCQUFBO0FDRkE7O0FETUE7RUFDQSxjQUFBO0VBQ0EsNkJBQUE7RUFDQSw0QkFBQTtBQ0hBOztBRE1BO0VBQ0EsWUFBQTtFQUNBLGNBQUE7RUFDQSxlQUFBO0VBQ0EsZUFBQTtBQ0hBOztBRE1BO0VBQ0EsMEJBQUE7QUNIQTs7QURPQTtFQUNBLG9CQUFBO0FDSkE7O0FET0E7RUFDQSxhQUFBO0FDSkE7O0FET0E7RUFDQSxXQUFBO0FDSkE7O0FET0E7RUFDRSxpQkFBQTtFQUNBLGVBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxZQUFBO0FDSkY7O0FES0U7RUFDRSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7QUNISjs7QURhRTtFQUNFLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtFQUNELFlBQUE7QUNWSDs7QURjQTtFQUVBLGVBQUE7RUFDQSxpQkFBQTtBQ1pBOztBRGdCQTtFQUNBLGVBQUE7RUFDQSxpQkFBQTtFQUNBLDBCQUFBO0FDYkE7O0FEZ0JBO0VBQ0EsVUFBQTtFQUNBLFFBQUE7QUNiQTs7QURnQkE7RUFDQSwwQkFBQTtBQ2JBOztBRGdCQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLFVBQUE7QUNiQTs7QURnQkE7RUFDQSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtBQ2JBOztBRGdCQTtFQUNBLDBCQUFBO0FDYkE7O0FEZ0JBO0VBQ0EsZ0JBQUE7RUFDQSwwQkFBQTtBQ2JBOztBRGdCQTtFQUNBLGlCQUFBO0VBQ0EsV0FBQTtBQ2JBOztBRGdCQTtFQUNBLFVBQUE7QUNiQTs7QURnQkE7RUFDQSxNQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDYkE7O0FEZ0JBO0VBQ0EsaUJBQUE7QUNiQTs7QURnQkE7RUFDQSxhQUFBO0FDYkE7O0FEZ0JBO0VBQ0EsTUFBQTtFQUNBLDBCQUFBO0VBQ0EsaUJBQUE7RUFDQSwwQkFBQTtBQ2JBOztBRGdCQTtFQUNFLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUNBLFVBQUE7RUFDQSxZQUFBO0VBQ0EsdUJBQUE7RUFDQSxnQkFBQTtBQ2JGOztBRGlCQTtFQUNFLDBCQUFBO0FDZEY7O0FEaUJBO0VBQ0UsZ0JBQUE7RUFDQSwwQkFBQTtBQ2RGOztBRGlCQTtFQUNFLGlCQUFBO0VBQ0EsV0FBQTtBQ2RGOztBRGlCQTtFQUNFLFdBQUE7QUNkRjs7QURpQkE7RUFDRSxNQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDZEY7O0FEaUJBO0VBQ0UsaUJBQUE7QUNkRjs7QURpQkE7RUFDRSxhQUFBO0FDZEY7O0FEaUJBO0VBQ0UsTUFBQTtFQUNBLDBCQUFBO0VBQ0EsaUJBQUE7RUFDQSwwQkFBQTtFQUNBLDRCQUFBO0FDZEY7O0FEa0JBO0VBQ0Esc0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7QUNmQTs7QURpQkE7RUFDRSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtBQ2RGOztBRGtCQTtFQUNFLHlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtFQUNBLG1CQUFBO0VBQ0Esb0JBQUE7QUNmRjs7QURnQkU7RUFDSSxrQkFBQTtBQ2ROOztBRGdCRTtFQUNJLGtCQUFBO0VBQ0EsZ0JBQUE7QUNkTjs7QURrQkE7RUFDRSxpQkFBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0FDZkY7O0FEZ0JFO0VBQ0ksaUJBQUE7QUNkTjs7QURnQkU7RUFDSSx1QkFBQTtBQ2ROOztBRGtCQTtFQUNFLGtCQUFBO0VBQ0EsV0FBQTtBQ2ZGOztBRGdCRTtFQUNJLGVBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxnQkFBQTtBQ2ROOztBRGdCRTtFQUNJLGVBQUE7RUFDQSxnQkFBQTtFQUNBLGlCQUFBO0FDZE47O0FEa0JBO0VBQ0UsaUJBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7RUFDQSxvQkFBQTtBQ2ZGOztBRGtCQTtFQUNFLFlBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxlQUFBO0VBQ0EsU0FBQTtBQ2ZGOztBRGtCQTtFQUNFLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsZUFBQTtBQ2ZGOztBRGtCQTtFQUNFLGdCQUFBO0FDZkY7O0FEa0JBO0VBQ0UsZ0JBQUE7QUNmRjs7QURrQkE7RUFDRSxnQkFBQTtFQUNBLGtCQUFBO0FDZkY7O0FEa0JBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtBQ2ZBOztBRGdCQTtFQUNJLFVBQUE7RUFDQSxzQ0FBQTtFQUVBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7QUNmSjs7QURtQkE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxRQUFBO0FDaEJBIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L2Rvb3JzdGVwLWRhc2hib2FyZC9kb29yc3RlcC1kYXNoYm9hcmQuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud29ya2luZy1hcmVhIHtcbiAgbWFyZ2luOiAwcHggMHB4IDBweCAwcHggIWltcG9ydGFudDtcbiAgbWluLWhlaWdodDogMTAwdmg7XG59XG5cbi8vZGFzaGJvYXJkIGNzc1xuLmRhc2hib2FyZCB7XG4gIHBhZGRpbmctdG9wOiAxMjBweDtcbiAgcGFkZGluZy1sZWZ0OiAyMHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMjBweDtcbiAgaDMge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG4gIC5ncnRoIHtcbiAgICAgIHBhZGRpbmc6IDVweCA1cHggNXB4IDBweDtcbiAgfVxufVxuXG4ucC1iLTgge1xucGFkZGluZy1ib3R0b206IDhweDtcbn1cblxuLnAtYi0zIHtcbnBhZGRpbmctYm90dG9tOiAzcHg7XG59XG5cbi5wLXQtNSB7XG5wYWRkaW5nLXRvcDogNXB4O1xufVxuXG4ucC10LTEzIHtcbnBhZGRpbmctdG9wOiAxM3B4O1xufVxuXG4ubS0wIHtcbm1hcmdpbjogMHB4O1xufVxuXG5ociB7XG53aWR0aDogMTAwJTtcbm9wYWNpdHk6IDAuNTtcbm1hcmdpbi1ib3R0b206IDE1cHggIWltcG9ydGFudDtcbn1cblxuLmRldGFpbC1jYXJkIHtcbmJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG5wYWRkaW5nOiA1cHg7XG5ib3gtc2hhZG93OiAwIDJweCAxcHggLTFweCByZ2JhKDAsIDAsIDAsIDAuMiksIDAgMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4xNCksIDAgMXB4IDNweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG59XG5cbi5kZXRhaWwtY2FyZCB7XG4gIC5oZWFkLWNyZCB7XG4gICAgICBtYXJnaW4tdG9wOiAxNXB4O1xuICB9XG4gIC5pbmRpY2F0b3Ige1xuICAgICAgbWFyZ2luLWxlZnQ6IDBweDtcbiAgICAgIG1hcmdpbi10b3A6IDEwcHg7XG4gIH1cbn1cblxuLmRldGFpbC1jYXJkMSB7XG5iYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xucGFkZGluZzogNXB4O1xuYm94LXNoYWRvdzogMCAycHggMXB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xufVxuXG4uZGV0YWlsLWNhcmQxIC5pbmRpY2F0b3Ige1xubWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmNvdW50IHtcbmZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xuZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi5jb3VudDEge1xuZm9udC1zaXplOiAxNnB4ICFpbXBvcnRhbnQ7XG5mb250LXdlaWdodDogYm9sZDtcbn1cblxuLmNvdW50MiB7XG5mb250LXNpemU6IDE4cHggIWltcG9ydGFudDtcbmZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG5wIHtcbmZvbnQtc2l6ZTogMTFweCAhaW1wb3J0YW50O1xubWFyZ2luOiAzcHg7XG59XG5cbi5jb2xvci1yZWQge1xuY29sb3I6ICNlNjQyNDM7XG59XG5cbi5jb2xvci1udi1ibHVlIHtcbmNvbG9yOiAjMmUzNjY4O1xufVxuXG4uY29sb3ItbGctYmx1ZSB7XG5jb2xvcjogIzQ4MzRkNDtcbn1cblxuLmNvbG9yLWJsdWUge1xuY29sb3I6ICM1NzU4YmI7XG59XG5cbi5jb2xvci1sZy1za3kge1xuY29sb3I6ICM1N2FlZWY7XG59XG5cbi5jb2xvci1kLXNreSB7XG5jb2xvcjogIzNmNzI5ZDtcbn1cblxuLmNvbG9yLWdybiB7XG5jb2xvcjogIzU0YjE1Nztcbn1cblxuLmluZGljYXRvciB7XG5tYXJnaW4tcmlnaHQ6IDEwcHg7XG5ib3JkZXI6IDFweCBzb2xpZCAjMmUzNjY4O1xuYm9yZGVyLXJhZGl1czogNTAlO1xucGFkZGluZzogNXB4O1xuZm9udC1zaXplOiAxNHB4O1xuY29sb3I6ICMyZTM2Njg7XG5jdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5sYWJlbCB7XG50ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi8vY2hhcnQgY3NzXG4uY2hhcnQtY29udGFpbmVyIHtcbmRpc3BsYXk6IGJsb2NrO1xubWFyZ2luLWJvdHRvbTogMHB4ICFpbXBvcnRhbnQ7XG5wYWRkaW5nOiAwcHggMTBweCAhaW1wb3J0YW50O1xufVxuXG4uZGV0YWlsLWNhcmQgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbmhlaWdodDogMjVweDtcbnBhZGRpbmc6IDAgOHB4O1xubWluLXdpZHRoOiA5NXB4O1xuZm9udC1zaXplOiAxM3B4O1xufVxuXG4uY2hhcnRqcy1yZW5kZXItbW9uaXRvciB7XG5tYXgtd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbn1cblxuLy9jdXN0b20gY2FsZW5kZXJcbi5leGFtcGxlLW1vbnRoLXBpY2tlciAubWF0LWNhbGVuZGFyLXBlcmlvZC1idXR0b24ge1xucG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5leGFtcGxlLW1vbnRoLXBpY2tlciAubWF0LWNhbGVuZGFyLWFycm93IHtcbmRpc3BsYXk6IG5vbmU7XG59XG5cbi5kYXRlRmllbGQge1xud2lkdGg6IDEwMCU7XG59XG5cbi5oZWFkaW5nU21lIHtcbiAgcGFkZGluZy10b3A6IDIwcHg7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXRvcDogMThweDtcbiAgYm90dG9tOiAyMHB4O1xuICAuaW5kaWNhdG9yIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbGVmdDogMjNweDtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xuICAgIHBhZGRpbmc6IDNweDtcbiAgfVxufVxuXG4uaGVhZGluZyB7XG4gIC8vcGFkZGluZy10b3A6IDIwcHg7XG4gIC8vIGZvbnQtc2l6ZTogMTZweDtcbiAgLy8gZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIC8vIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgLy8gbWFyZ2luLXRvcDogMThweDtcbiAgLmluZGljYXRvciB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGxlZnQ6IDEwOXB4O1xuICAgIGJhY2tncm91bmQ6ICNmZmZmZmY7XG4gICAgcGFkZGluZzogM3B4O1xuICAgYm90dG9tOiAyMHB4O1xuICB9XG59XG5cbi5hbGVydCB7XG4vL3BhZGRpbmctdG9wOiAyMHB4O1xuZm9udC1zaXplOiAyMHB4O1xuZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi8vY3VzdG9tIG1hdC1zZWxlY3RcbiNkYXRlRmllbGQgOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbm1hcmdpbi10b3A6IDNweDtcbnBhZGRpbmctbGVmdDogNXB4O1xuZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbiNkYXRlRmllbGQgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1zdWZmaXgge1xucmlnaHQ6IDBweDtcbnRvcDogMHB4O1xufVxuXG4jZGF0ZUZpZWxkIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQge1xuZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbiNkYXRlRmllbGQgOjpuZy1kZWVwIC5tYXQtZGF0ZXBpY2tlci10b2dnbGUge1xucG9zaXRpb246IGFic29sdXRlO1xucmlnaHQ6IDBweDtcbnRvcDogLTE2cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuYm9yZGVyLXJhZGl1czogMnB4O1xuYmFja2dyb3VuZDogd2hpdGU7XG5wYWRkaW5nOiAwO1xuaGVpZ2h0OiAyMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkIHtcbmZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xucGFkZGluZzogM3B4IDBweDtcbmZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG5wYWRkaW5nLWxlZnQ6IDhweDtcbndpZHRoOiAxMDAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xud2lkdGg6IDkwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbnRvcDogMDtcbnBhZGRpbmctdG9wOiAwO1xucGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG5wYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG50b3A6IDA7XG5tYXJnaW4tdG9wOiAzcHggIWltcG9ydGFudDtcbnBhZGRpbmctbGVmdDogNXB4O1xuZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIzOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xuICB3aWR0aDogMTAwcHggIWltcG9ydGFudDtcbiAgbWFyZ2luLXRvcDogMTdweDtcblxufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkIHtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIzIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDNweCAwcHg7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5maWx0ZXIzIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiAzcHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gIGZvbnQtc2l6ZTogMTZweCAhaW1wb3J0YW50O1xuICBmb250LXdlaWdodDogYm9sZCAhaW1wb3J0YW50O1xuXG59XG5cbi5maWx0ZXItbGFiZWwge1xuZm9udDogQm9sZCAxNHB4IFJvYm90bztcbmxldHRlci1zcGFjaW5nOiAwcHg7XG5jb2xvcjogIzNjM2MzYztcbm9wYWNpdHk6IDE7XG5tYXJnaW4tYm90dG9tOiA1cHg7XG59XG4uZGF0ZUZpbHRlciB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xufVxuXG4vL2twaSBjc3Ncbi5rcGkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWRlZGVkO1xuICBwYWRkaW5nLXRvcDogMTA1cHg7XG4gIHBhZGRpbmctbGVmdDogMjBweDtcbiAgcGFkZGluZy1yaWdodDogMjBweDtcbiAgcGFkZGluZy1ib3R0b206IDIwcHg7XG4gIGgzIHtcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuICAuaGVhZGluZyB7XG4gICAgICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gICAgICBtYXJnaW4tdG9wOiAxMHB4O1xuICB9XG59XG5cbi5rcGktY2hhcnQge1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogNXB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIC5jaGFydC1jb250YWluZXIge1xuICAgICAgcGFkZGluZzogMHB4IDEwcHg7XG4gIH1cbiAgLmNoYXJ0anMtcmVuZGVyLW1vbml0b3Ige1xuICAgICAgaGVpZ2h0OiA2MHB4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLmtwaS1jaHJ0LWhlYWQge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIG1hcmdpbjogMHB4O1xuICAuaGVhZGluZy1rcGkge1xuICAgICAgZm9udC1zaXplOiAxM3B4O1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgIHBhZGRpbmctdG9wOiA1cHg7XG4gIH1cbiAgLnN0YXRlIHtcbiAgICAgIGZvbnQtc2l6ZTogMTVweDtcbiAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICBwYWRkaW5nLXRvcDogMTBweDtcbiAgfVxufVxuXG4uZmlsdGVyLWxhYmVsLWRhdGUge1xuICBmb250OiAxMnB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzYzNjM2M7XG4gIG9wYWNpdHk6IDE7XG4gIG1hcmdpbi1ib3R0b206IDNweDtcbiAgcGFkZGluZzogMXB4IDBweCAwcHg7XG59XG5cbi5zZWFyY2hmaWx0ZXIge1xuICB3aWR0aDogMjAwcHg7XG4gIGhlaWdodDogMzBweDtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaW5kaWNhdG9yMSB7XG4gIG1hcmdpbi1yaWdodDogMTBweDtcbiAgcGFkZGluZzogNXB4O1xuICBmb250LXNpemU6IDE0cHg7XG4gIGNvbG9yOiAjMmUzNjY4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5maWx0ZXItbWFyZ2luIHtcbiAgbWFyZ2luLXRvcDogMjBweDtcbn1cblxuLmtwaWNhcmQtZmlsdGVyIHtcbiAgbWFyZ2luLXRvcDogMTNweDtcbn1cblxuLmtwaWNhcmQtYnV0dG9uIHtcbiAgbWFyZ2luLXRvcDogMTRweDtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuXG4uY2FsZW5kZXIge1xucG9zaXRpb246IHJlbGF0aXZlO1xuYmFja2dyb3VuZDogd2hpdGU7XG5pbnB1dCB7XG4gICAgd2lkdGg6IDk1JTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXkgIWltcG9ydGFudDtcbiAgICAvL2JvcmRlci1yYWRpdXM6IDVweDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgaGVpZ2h0OiAxOHB4O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xufVxufVxuXG4uY2FsYW5kZXItYnRuIHtcbnBvc2l0aW9uOiBhYnNvbHV0ZTtcbnJpZ2h0OiAycHg7XG50b3A6IDJweDtcbn1cbiIsIi53b3JraW5nLWFyZWEge1xuICBtYXJnaW46IDBweCAwcHggMHB4IDBweCAhaW1wb3J0YW50O1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbn1cblxuLmRhc2hib2FyZCB7XG4gIHBhZGRpbmctdG9wOiAxMjBweDtcbiAgcGFkZGluZy1sZWZ0OiAyMHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMjBweDtcbn1cbi5kYXNoYm9hcmQgaDMge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG4uZGFzaGJvYXJkIC5ncnRoIHtcbiAgcGFkZGluZzogNXB4IDVweCA1cHggMHB4O1xufVxuXG4ucC1iLTgge1xuICBwYWRkaW5nLWJvdHRvbTogOHB4O1xufVxuXG4ucC1iLTMge1xuICBwYWRkaW5nLWJvdHRvbTogM3B4O1xufVxuXG4ucC10LTUge1xuICBwYWRkaW5nLXRvcDogNXB4O1xufVxuXG4ucC10LTEzIHtcbiAgcGFkZGluZy10b3A6IDEzcHg7XG59XG5cbi5tLTAge1xuICBtYXJnaW46IDBweDtcbn1cblxuaHIge1xuICB3aWR0aDogMTAwJTtcbiAgb3BhY2l0eTogMC41O1xuICBtYXJnaW4tYm90dG9tOiAxNXB4ICFpbXBvcnRhbnQ7XG59XG5cbi5kZXRhaWwtY2FyZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm94LXNoYWRvdzogMCAycHggMXB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xufVxuXG4uZGV0YWlsLWNhcmQgLmhlYWQtY3JkIHtcbiAgbWFyZ2luLXRvcDogMTVweDtcbn1cbi5kZXRhaWwtY2FyZCAuaW5kaWNhdG9yIHtcbiAgbWFyZ2luLWxlZnQ6IDBweDtcbiAgbWFyZ2luLXRvcDogMTBweDtcbn1cblxuLmRldGFpbC1jYXJkMSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm94LXNoYWRvdzogMCAycHggMXB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xufVxuXG4uZGV0YWlsLWNhcmQxIC5pbmRpY2F0b3Ige1xuICBtYXJnaW4tbGVmdDogNXB4O1xufVxuXG4uY291bnQge1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi5jb3VudDEge1xuICBmb250LXNpemU6IDE2cHggIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi5jb3VudDIge1xuICBmb250LXNpemU6IDE4cHggIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbnAge1xuICBmb250LXNpemU6IDExcHggIWltcG9ydGFudDtcbiAgbWFyZ2luOiAzcHg7XG59XG5cbi5jb2xvci1yZWQge1xuICBjb2xvcjogI2U2NDI0Mztcbn1cblxuLmNvbG9yLW52LWJsdWUge1xuICBjb2xvcjogIzJlMzY2ODtcbn1cblxuLmNvbG9yLWxnLWJsdWUge1xuICBjb2xvcjogIzQ4MzRkNDtcbn1cblxuLmNvbG9yLWJsdWUge1xuICBjb2xvcjogIzU3NThiYjtcbn1cblxuLmNvbG9yLWxnLXNreSB7XG4gIGNvbG9yOiAjNTdhZWVmO1xufVxuXG4uY29sb3ItZC1za3kge1xuICBjb2xvcjogIzNmNzI5ZDtcbn1cblxuLmNvbG9yLWdybiB7XG4gIGNvbG9yOiAjNTRiMTU3O1xufVxuXG4uaW5kaWNhdG9yIHtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjMmUzNjY4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDVweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBjb2xvcjogIzJlMzY2ODtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4ubGFiZWwge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5jaGFydC1jb250YWluZXIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWJvdHRvbTogMHB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IDBweCAxMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5kZXRhaWwtY2FyZCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwge1xuICBoZWlnaHQ6IDI1cHg7XG4gIHBhZGRpbmc6IDAgOHB4O1xuICBtaW4td2lkdGg6IDk1cHg7XG4gIGZvbnQtc2l6ZTogMTNweDtcbn1cblxuLmNoYXJ0anMtcmVuZGVyLW1vbml0b3Ige1xuICBtYXgtd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbn1cblxuLmV4YW1wbGUtbW9udGgtcGlja2VyIC5tYXQtY2FsZW5kYXItcGVyaW9kLWJ1dHRvbiB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uZXhhbXBsZS1tb250aC1waWNrZXIgLm1hdC1jYWxlbmRhci1hcnJvdyB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5kYXRlRmllbGQge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmhlYWRpbmdTbWUge1xuICBwYWRkaW5nLXRvcDogMjBweDtcbiAgZm9udC1zaXplOiAxNnB4O1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXJnaW4tdG9wOiAxOHB4O1xuICBib3R0b206IDIwcHg7XG59XG4uaGVhZGluZ1NtZSAuaW5kaWNhdG9yIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAyM3B4O1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xuICBwYWRkaW5nOiAzcHg7XG59XG5cbi5oZWFkaW5nIC5pbmRpY2F0b3Ige1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IDEwOXB4O1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xuICBwYWRkaW5nOiAzcHg7XG4gIGJvdHRvbTogMjBweDtcbn1cblxuLmFsZXJ0IHtcbiAgZm9udC1zaXplOiAyMHB4O1xuICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuI2RhdGVGaWVsZCA6Om5nLWRlZXAgaW5wdXQubWF0LWlucHV0LWVsZW1lbnQge1xuICBtYXJnaW4tdG9wOiAzcHg7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuI2RhdGVGaWVsZCA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXN1ZmZpeCB7XG4gIHJpZ2h0OiAwcHg7XG4gIHRvcDogMHB4O1xufVxuXG4jZGF0ZUZpZWxkIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQge1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuI2RhdGVGaWVsZCA6Om5nLWRlZXAgLm1hdC1kYXRlcGlja2VyLXRvZ2dsZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDBweDtcbiAgdG9wOiAtMTZweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkIHtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDNweCAwcHg7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDkwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICB0b3A6IDA7XG4gIG1hcmdpbi10b3A6IDNweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIzOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xuICB3aWR0aDogMTAwcHggIWltcG9ydGFudDtcbiAgbWFyZ2luLXRvcDogMTdweDtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZCB7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xuICBwYWRkaW5nOiAzcHggMHB4O1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5maWx0ZXIzIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICB0b3A6IDA7XG4gIHBhZGRpbmctdG9wOiAwO1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIzIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHRvcDogMDtcbiAgbWFyZ2luLXRvcDogM3B4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICBmb250LXNpemU6IDE2cHggIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gIGZvbnQ6IEJvbGQgMTRweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjM2MzYzNjO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5kYXRlRmlsdGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5rcGkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWRlZGVkO1xuICBwYWRkaW5nLXRvcDogMTA1cHg7XG4gIHBhZGRpbmctbGVmdDogMjBweDtcbiAgcGFkZGluZy1yaWdodDogMjBweDtcbiAgcGFkZGluZy1ib3R0b206IDIwcHg7XG59XG4ua3BpIGgzIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuLmtwaSAuaGVhZGluZyB7XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbiAgbWFyZ2luLXRvcDogMTBweDtcbn1cblxuLmtwaS1jaGFydCB7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiA1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5rcGktY2hhcnQgLmNoYXJ0LWNvbnRhaW5lciB7XG4gIHBhZGRpbmc6IDBweCAxMHB4O1xufVxuLmtwaS1jaGFydCAuY2hhcnRqcy1yZW5kZXItbW9uaXRvciB7XG4gIGhlaWdodDogNjBweCAhaW1wb3J0YW50O1xufVxuXG4ua3BpLWNocnQtaGVhZCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbWFyZ2luOiAwcHg7XG59XG4ua3BpLWNocnQtaGVhZCAuaGVhZGluZy1rcGkge1xuICBmb250LXNpemU6IDEzcHg7XG4gIGNvbG9yOiBibGFjaztcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgcGFkZGluZy10b3A6IDVweDtcbn1cbi5rcGktY2hydC1oZWFkIC5zdGF0ZSB7XG4gIGZvbnQtc2l6ZTogMTVweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgcGFkZGluZy10b3A6IDEwcHg7XG59XG5cbi5maWx0ZXItbGFiZWwtZGF0ZSB7XG4gIGZvbnQ6IDEycHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICBwYWRkaW5nOiAxcHggMHB4IDBweDtcbn1cblxuLnNlYXJjaGZpbHRlciB7XG4gIHdpZHRoOiAyMDBweDtcbiAgaGVpZ2h0OiAzMHB4O1xuICBtYXJnaW4tbGVmdDogMTBweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBib3JkZXI6IDA7XG59XG5cbi5pbmRpY2F0b3IxIHtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICBwYWRkaW5nOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgY29sb3I6ICMyZTM2Njg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmZpbHRlci1tYXJnaW4ge1xuICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4ua3BpY2FyZC1maWx0ZXIge1xuICBtYXJnaW4tdG9wOiAxM3B4O1xufVxuXG4ua3BpY2FyZC1idXR0b24ge1xuICBtYXJnaW4tdG9wOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi5jYWxlbmRlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG4uY2FsZW5kZXIgaW5wdXQge1xuICB3aWR0aDogOTUlO1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXkgIWltcG9ydGFudDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uY2FsYW5kZXItYnRuIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMnB4O1xuICB0b3A6IDJweDtcbn0iXX0= */\"","import { Component, OnInit, ChangeDetectionStrategy, ViewChild } from '@angular/core';\nimport { FormControl, Validators, FormGroup, FormBuilder } from '@angular/forms';\nimport { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MatOption } from '@angular/material/core';\nimport { MatDatepicker } from '@angular/material/datepicker';\nimport { ChartOptions, ChartType, ChartDataSets } from 'chart.js';\nimport { Label } from 'ng2-charts';\nimport { ToastrService } from \"ngx-toastr\";\nimport { CommonService } from \"../../core/service/common-service/common.service\";\nimport { ExampleHeader } from './doorstep-custom-header-cal/doorstep-custom-header-cal.component';\n\nimport * as _moment from 'moment';\n// tslint:disable-next-line:no-duplicate-imports\nimport { default as _rollupMoment, Moment } from 'moment';\nimport { ChartDialogComponent } from '../../modal/chart-dialog/chart-dialog.component';\nimport { MatDialog } from '@angular/material';\nimport { ServiceBreakDialogComponent } from '../../modal/service-break-dialog/service-break-dialog.component';\nimport { ActivatedRoute, Router, RouterLinkActive } from '@angular/router';\nimport { DatePipe } from '@angular/common';\nimport { MatMonthView } from '@angular/material/datepicker';\nimport { element } from 'protractor';\n\nconst moment = _rollupMoment || _moment;\n\nexport const MY_FORMATS = {\n parse: {\n dateInput: 'MMM/YYYY',\n },\n display: {\n dateInput: 'MMM/YYYY',\n monthYearLabel: 'MMM YYYY',\n dateA11yLabel: 'LL',\n monthYearA11yLabel: 'MMMM YYYY',\n },\n};\n\n@Component({\n selector: 'app-doorstep-dashboard',\n templateUrl: './doorstep-dashboard.component.html',\n styleUrls: ['./doorstep-dashboard.component.scss'],\n providers: [\n {\n provide: DateAdapter,\n useClass: MomentDateAdapter,\n deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS]\n },\n\n { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },\n ]\n})\n\nexport class DoorstepDashboardComponent implements OnInit {\n\n @ViewChild('allSelectedService', { static: true }) private allSelectedService: MatOption;\n\n selectService: any;\n exampleHeader = ExampleHeader;\n date = new FormControl(moment());\n selectedDate: any;\n minDate: any = new Date();\n maxDate: any = new Date();\n spinner: boolean;\n filtersWorkshop: any = [];\n filtersCre: string[] = [];\n selectedWorkShop: string[] = [];\n userId: string;\n userInfo: any;\n selectedCre: string[] = [];\n serviceType: string = \"\";\n updateChart: boolean = false;\n updateChartCard: boolean = false;\n //line-char\n callCoverage: any = [];\n selectedCallCoverage: any = {};\n avgCall: any = [];\n selectedAvgCall: any = {};\n successReminder: any = [];\n selectedSuccessReminder: any = {};\n successVisit: any = [];\n selectedSuccessVisit: any = {};\n successNoShow: any = [];\n selectedSuccessNoShow: any = {};\n lostConversion: any = [];\n selectedLostConversion: any = {};\n overAllConversion: any = [];\n selectedOverAllConversion: any = {};\n bookingRate: any = [];\n selectedBookingRate: any = {};\n perCallConversion: any = [];\n selectedPerCallConversion: any = {};\n services: any = [\n { key: \"1\", value: \"ECS - Early Care Service\" },\n { key: \"2\", value: \"FS - Free Service\" },\n { key: \"3\", value: \"PMS - Preventive Maintenance Service\" },\n { key: \"4\", value: \"Technical Campaign Order\" },\n { key: \"7\", value: \"Fault Code\" },\n { key: \"6\", value: \"Wheel Alignment\" },\n { key: \"8\", value: \"PMS BS-6\" },\n { key: \"9\", value: \"Running Repair\" }\n ];\n //hr-bar\n allocated: any = {};\n attempted: any = {};\n notAttempted: any = {};\n contacted: any = {};\n notContacted: any = {};\n booking: any = {};\n converted: any = {};\n activeBooking: any = {};\n contactedNoService: any = {};\n contactedFollowup: any = {};\n connectedSystemClose: any = {};\n bookingFollowup: any = {};\n bookingNoService: any = {};\n bookingSystemClose: any = {};\n noResponse: any = {};\n busy: any = {};\n switchOff: any = {};\n invalid: any = {};\n others: any = {};\n followup: any = {};\n followup1: any = {};\n followup2: any = {};\n followup3: any = {};\n uniqueWorkshop: string[] = [];\n uniqueWorkshopCopy: string[] = [];\n uniqueWorkshopCard: string[] = [];\n uniqueWorkshopCardCopy: string[] = [];\n selectedDealer: any;\n selectedCardDealer: any;\n filtersCreCopy: string[] = [];\n selectedCreCode: any;\n dealerCode: string[] = [];\n dealerCodeCard: string[] = [];\n creCode: string[] = [];\n today: Date = new Date();\n toDate: Date = new Date();\n fromDate: Date = new Date();\n availableDashboard: string[] = [];\n selectedDashboard: any\n\n\n bFollowup1: any = {};\n bFollowup2: any = {};\n bFollowup3: any = {};\n\n systemClose: any = {};\n noService: any = {};\n notConverted: any = {};\n noShow: any = {};\n\n //connected bar\n cFollowup: any = {};\n cContactFleet: any = {};\n cCancelBooking: any = {};\n cHighCost: any = {};\n cOwnWorkshop: any = {};\n cDistance: any = {};\n cVehicleSold: any = {};\n cVehicleRunning: any = {};\n cVehicleTheft: any = {};\n cOthers: any = {};\n\n //booking bar\n bFollowup: any = {};\n bContactFleet: any = {};\n bCancelBooking: any = {};\n bHighCost: any = {};\n bOwnWorkshop: any = {};\n bDistance: any = {};\n bVehicleSold: any = {};\n bVehicleRunning: any = {};\n bVehicleTheft: any = {};\n bOthers: any = {};\n\n //follow-reason\n sameDay: any = {};\n eventual: any = {};\n\n //service-breakup\n allocatedServiceBreak: any[] = [];\n attemptedServiceBreak: any[] = [];\n connectedServiceBreak: any[] = [];\n bookingServiceBreak: any[] = [];\n AttemptedAchievement: number;\n ContactedAchievement: any;\n BookingsAchievement: any;\n selectedKpiCardWorkShop: string[] = [];\n minEndDate: any = new Date();\n\n\n //horizontalBarChart1 horizontalBar start\n public horizontalBarChart1Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: false,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart1Labels: Label[] = ['Attempted'];\n public horizontalBarChartType: ChartType = 'horizontalBar';\n public horizontalBarChartLegend = false;\n public horizontalBarChartPlugins = [];\n public horizontalBarChart1Data: ChartDataSets[] = [];\n //horizontalBarChart1 horizontalBar end\n\n //horizontalBarChart2 horizontalBar start\n public horizontalBarChart2Labels: Label[] = ['Connected'];\n public horizontalBarChart2Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: false,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart2Data: ChartDataSets[] = [];\n //horizontalBarChart2 horizontalBar end\n\n //horizontalBarChart3 horizontalBar start\n public horizontalBarChart3Labels: Label[] = ['Bookings'];\n public horizontalBarChart3Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: false,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart3Data: ChartDataSets[] = [];\n //horizontalBarChart3 horizontalBar end\n\n //horizontalBarChart4 horizontalBar start\n public horizontalBarChart4Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: { display: false },\n scaleLabel: { display: true },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart4Labels: Label[] = [\n \"Distance from dealer location-Other city\",\n \"Service Cost High\",\n \"Other\",\n \"Customer Has own Workshop\",\n \"Vehicle running less\",\n \"Vehicle Sold\",\n \"Vehicle Theft/Total Loss\"\n ];\n public horizontalBarChart4Data: ChartDataSets[] = [];\n //horizontalBarChart4 horizontalBar end\n public horizontalBarChart5Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: { display: false },\n scaleLabel: { display: true },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart5Data: ChartDataSets[] = [];\n\n //horizontalBarChart6 horizontalBar start\n public horizontalBarChart6Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: { display: false },\n scaleLabel: { display: true },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart6Labels: Label[] = [\n 'Call Later',\n \"Cancel Booking And Call Later\",\n ];\n public horizontalBarChart6Data: ChartDataSets[] = [];\n //horizontalBarChart6 horizontalBar end\n\n //horizontalBarChart7 horizontalBar start\n public horizontalBarChart7Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: { display: false },\n scaleLabel: { display: true },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart7Labels: Label[] = [\n 'Follow Up',\n 'Contact Fleet Manager',\n 'Cancel Booking and Contact Later'\n ];\n public horizontalBarChart7Data: ChartDataSets[] = [];\n //horizontalBarChart7 horizontalBar end\n\n //horizontalBarChart8 horizontalBar start\n public horizontalBarChart8Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: { display: false },\n scaleLabel: { display: true },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart8Labels: Label[] = [\n 'Follow Up',\n 'Contact Fleet Manager',\n 'Cancel Booking and Contact Later'\n ];\n public horizontalBarChart8Data: ChartDataSets[] = [];\n //horizontalBarChart8 horizontalBar end\n\n //barChart1 VerticalBar start\n public barChart1Options: ChartOptions = {\n responsive: true,\n title: {\n display: true,\n text: 'Not Contacted Reason',\n position: 'top',\n fontSize: 13\n },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: true,\n gridLines: {\n display: false,\n },\n scaleLabel: {\n display: true,\n },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false,\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public barChart1Labels: Label[] = ['No Response', 'Busy', 'Switched Off', 'Invalid No.', 'Others'];\n public barChart1Type: ChartType = 'bar';\n public barChart1Legend = false;\n public barChart1Plugins = [];\n public barChart1Data: ChartDataSets[] = [];\n //barChart1 VerticalBar end\n\n //barChart2 VerticalBar start\n public barChart2Options: ChartOptions = {\n responsive: true,\n title: {\n display: true,\n text: 'Conversion',\n position: 'top',\n fontSize: 13\n },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: true,\n gridLines: {\n display: false,\n },\n scaleLabel: {\n display: true,\n },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false,\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public barChart2Labels: Label[] = ['Same Day', 'Eventual'];\n public barChart2Type: ChartType = 'bar';\n public barChart2Legend = false;\n public barChart2Plugins = [];\n public barChart2Data: ChartDataSets[] = [];\n //barChart2 VerticalBar end\n\n //barChart6 horizontalBar start\n public barChart6Options: ChartOptions = {\n responsive: true,\n title: {\n display: false\n },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false,\n ticks: {\n beginAtZero: true,\n max: 15,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: {\n display: false,\n },\n scaleLabel: {\n display: true,\n },\n ticks: {\n beginAtZero: true,\n max: 15,\n fontSize: 11\n }\n }],\n }\n };\n public barChart6Labels: Label[] = ['R1', 'R2', 'R3', 'R4'];\n public barChart6Type: ChartType = 'horizontalBar';\n public barChart6Legend = false;\n public barChart6Plugins = [];\n\n public barChart6Data: ChartDataSets[] = [\n {\n data: [15, 10, 12, 6],\n backgroundColor: 'rgb(87, 174, 239)',\n hoverBackgroundColor: 'rgb(87, 174, 239)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n }\n ];\n //barChart6 horizontalBar end\n\n //lineChart1 VerticalBar start\n public lineChartOptions: ChartOptions = {\n responsive: true,\n legend: {\n display: false\n },\n title: {\n display: false\n },\n tooltips: {\n enabled: false\n },\n scales: {\n xAxes: [{\n display: true,\n gridLines: {\n display: false,\n },\n scaleLabel: {\n display: false,\n },\n ticks: {\n beginAtZero: true,\n display: false,\n max: 30,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false,\n ticks: {\n beginAtZero: true,\n max: 15,\n fontSize: 11\n }\n }],\n },\n elements: {\n line: {\n fill: false,\n tension: 0.000001,\n },\n point: {\n radius: 0\n }\n }\n };\n public lineChartLabels: Label[] = ['1', '2', '3', '4'];\n public lineChartType: ChartType = 'line';\n public lineChartLegend = false;\n public lineChartPlugins = [];\n\n public lineChart1Data: ChartDataSets[] = [\n {\n data: [2, 10, 5, 8],\n borderColor: 'black',\n backgroundColor: '#ffffff',\n hoverBackgroundColor: '#ffffff',\n borderWidth: 1\n }\n ];\n //lineChart1 VerticalBar end\n selectAllService: boolean;\n\n\n\n\n constructor(private commonService: CommonService, private toastr: ToastrService, public dialog: MatDialog, private router: Router, private datePipe: DatePipe, private fb: FormBuilder) { }\n\n ngOnInit() {\n this.availableDashboard = [];\n if (localStorage.getItem('roleId') == \"17\") {\n this.availableDashboard.push(\"Dashboard\")\n }\n if (localStorage.getItem('roleId') == \"15\") {\n this.availableDashboard.push(\"SRM-Dashboard\", \"Prs-Dashboard\")\n\n }\n\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n\n let userInfo = JSON.parse(localStorage.getItem('userInfo'));\n this.userInfo = userInfo[0];\n this.userId = localStorage.getItem(\"userId\");\n this.doorstepFilterDashboard();\n this.periodFilter();\n\n if (localStorage.getItem('workshops') == null || localStorage.getItem('workshops') == undefined) {\n this.getWorkshopDetails();\n }\n this.selectService = this.fb.group({\n selectServiceType: ['']\n });\n }\n\n /**\n * Name: getWorkshopDetails\n * purpose: To get CRE assigned workshop details\n */\n getWorkshopDetails() {\n this.spinner = true;\n this.commonService.getWorkshopDetails(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n this.spinner = false;\n localStorage.setItem('workshops', JSON.stringify(res['responseData']));\n } else {\n this.spinner = false;\n //this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n chosenYearHandler(normalizedYear: Moment) {\n const ctrlValue = this.date.value;\n if (normalizedYear.year() == this.maxDate.getFullYear()) {\n ctrlValue.month(this.maxDate.getMonth());\n } else {\n ctrlValue.month(this.minDate.getMonth());\n }\n ctrlValue.year(normalizedYear.year());\n this.date.setValue(ctrlValue);\n }\n\n chosenMonthHandler(normalizedMonth: Moment, datepicker: MatDatepicker) {\n const ctrlValue = this.date.value;\n ctrlValue.month(normalizedMonth.month());\n ctrlValue.year(normalizedMonth.year());\n this.date.setValue(ctrlValue);\n datepicker.close();\n }\n\n reset() {\n this.selectedCre = [];\n this.selectedWorkShop = [];\n this.serviceType = \"\";\n let date = moment(this.maxDate);\n this.date.setValue(date);\n this.selectService.setValue({ selectServiceType: '' });\n this.today = new Date();\n this.toDate = new Date();\n this.fromDate = new Date();\n this.getDoorStepDashboardKpi();\n }\n\n getChart(chartKpi: any) {\n this.dialog.open(ChartDialogComponent, {\n width: '600px',\n data: { kpi: chartKpi }\n });\n }\n\n getServiceBreak(serviceBreakup: any) {\n this.dialog.open(ServiceBreakDialogComponent, {\n width: '400px',\n data: { serviceBreak: serviceBreakup }\n });\n }\n\n resetResponse() {\n this.followup1 = {};\n this.followup2 = {};\n this.followup3 = {};\n //booking followup\n this.bFollowup1 = {};\n this.bFollowup2 = {};\n this.bFollowup3 = {};\n //conversion\n this.sameDay = {};\n this.eventual = {};\n //not connected reason\n this.noResponse = {};\n this.busy = {};\n this.switchOff = {};\n this.invalid = {};\n this.others = {};\n //connected mo service\n this.cFollowup = {};\n this.cContactFleet = {};\n this.cCancelBooking = {};\n this.cHighCost = {};\n this.cOwnWorkshop = {};\n this.cDistance = {};\n this.cVehicleSold = {};\n this.cVehicleRunning = {};\n this.cVehicleTheft = {};\n this.cOthers = {};\n //booking no service\n this.bFollowup = {};\n this.bContactFleet = {};\n this.bCancelBooking = {};\n this.bHighCost = {};\n this.bOwnWorkshop = {};\n this.bDistance = {};\n this.bVehicleSold = {};\n this.bVehicleRunning = {};\n this.bVehicleTheft = {};\n this.bOthers = {};\n this.barChart1Data = [];\n this.barChart2Data = [];\n this.horizontalBarChart4Data = [];\n this.horizontalBarChart5Data = [];\n this.horizontalBarChart7Data = [];\n this.horizontalBarChart8Data = [];\n }\n\n resetKpiCard() {\n this.callCoverage = [];\n this.selectedCallCoverage = {};\n\n this.avgCall = [];\n this.selectedAvgCall = {};\n\n this.successReminder = [];\n this.selectedSuccessReminder = {};\n\n this.successVisit = [];\n this.selectedSuccessVisit = {};\n\n this.successNoShow = [];\n this.selectedSuccessNoShow = {};\n\n this.lostConversion = [];\n this.selectedLostConversion = {};\n\n this.overAllConversion = [];\n this.selectedOverAllConversion = {};\n\n this.bookingRate = [];\n this.selectedBookingRate = {};\n\n this.perCallConversion = [];\n this.selectedPerCallConversion = {};\n }\n\n resetDashboard() {\n this.allocated = {};\n this.attempted = {};\n this.notAttempted = {};\n this.contacted = {};\n this.notContacted = {};\n this.booking = {};\n this.converted = {};\n this.activeBooking = {};\n this.contactedNoService = {};\n this.contactedFollowup = {};\n this.connectedSystemClose = {};\n this.bookingNoService = {};\n this.bookingFollowup = {};\n this.bookingSystemClose = {};\n this.horizontalBarChart1Data = [];\n this.horizontalBarChart2Data = [];\n this.horizontalBarChart3Data = [];\n this.horizontalBarChart7Data = [];\n this.horizontalBarChart4Data = [];\n this.barChart1Data = [];\n }\n\n /**\n * Name: getDoorStepDashboardResponseKpi\n * purpose: To get service history\n */\n getDoorStepDashboardResponseKpi(): void {\n this.spinner = true;\n this.updateChartCard = true;\n let selectedCre = '';\n this.selectedCre.forEach((element, index) => {\n if (index == 0) {\n selectedCre = element;\n } else {\n selectedCre = selectedCre + ',' + element;\n }\n });\n let selectedWorkShop = '';\n this.selectedWorkShop.forEach((element, index) => {\n if (index == 0) {\n selectedWorkShop = element.split(\" - \")[0];\n } else {\n selectedWorkShop = selectedWorkShop + ',' + element.split(\" - \")[0];\n }\n });\n\n let service = '';\n if (this.selectService.value.selectServiceType != \"\") {\n this.selectService.value.selectServiceType.forEach((element, index) => {\n if (element == \"0\") {\n this.selectService.value.selectServiceType.splice(index, 1);\n }\n });\n service = this.selectService.value.selectServiceType.toString();\n }\n\n const request = {\n \"userId\": this.userInfo.userId,\n \"roleId\": this.userInfo.roleId,\n \"creId\": selectedCre || '',\n \"workshopCode\": selectedWorkShop || '',\n \"service\": service ? service.toString() : '',\n \"startDate\": this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\").toString(),\n \"endDate\": this.datePipe.transform(this.toDate, \"yyyy-MM-dd\").toString()\n };\n this.resetResponse();\n this.commonService.getDoorStepDashboardResponseKpi(request).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.selectedDate = this.datePipe.transform(this.date.value['_d'], \"MMM yy\");\n res[\"responseData\"].forEach(kpi => {\n if (kpi.actualVal) {\n kpi.actualVal = Math.round(kpi.actualVal * 100 + Number.EPSILON) / 100;\n }\n if (kpi.growthRate) {\n kpi.growthRate = Math.round(kpi.growthRate * 100 + Number.EPSILON) / 100;\n }\n\n //conncted followup\n if (kpi.kpiCode == '202C') {\n this.followup1 = kpi;\n }\n if (kpi.kpiCode == '203C') {\n this.followup2 = kpi;\n }\n if (kpi.kpiCode == '213C') {\n this.followup3 = kpi;\n }\n\n //booking followup\n if (kpi.kpiCode == '202B') {\n this.bFollowup1 = kpi;\n }\n if (kpi.kpiCode == '203B') {\n this.bFollowup2 = kpi;\n }\n if (kpi.kpiCode == '213B') {\n this.bFollowup3 = kpi;\n }\n\n //conversion\n if (kpi.kpiCode == '111B') {\n this.sameDay = kpi;\n }\n if (kpi.kpiCode == '222B') {\n this.eventual = kpi;\n }\n\n //not connected reason\n if (kpi.kpiCode == '205A') {\n this.noResponse = kpi;\n }\n if (kpi.kpiCode == '206A') {\n this.busy = kpi;\n }\n if (kpi.kpiCode == '207A') {\n this.switchOff = kpi;\n }\n if (kpi.kpiCode == '208A') {\n this.invalid = kpi;\n }\n if (kpi.kpiCode == '209A') {\n this.others = kpi;\n }\n\n //connected No service\n if (kpi.kpiCode == '312C') {\n this.cHighCost = kpi;\n }\n if (kpi.kpiCode == '313C') {\n this.cOwnWorkshop = kpi;\n }\n if (kpi.kpiCode == '314C') {\n this.cDistance = kpi;\n }\n if (kpi.kpiCode == '315C') {\n this.cVehicleSold = kpi;\n }\n if (kpi.kpiCode == '316C') {\n this.cVehicleRunning = kpi;\n }\n if (kpi.kpiCode == '317C') {\n this.cVehicleTheft = kpi;\n }\n if (kpi.kpiCode == '318C') {\n this.cOthers = kpi;\n }\n\n //booking no service\n if (kpi.kpiCode == '312B') {\n this.bHighCost = kpi;\n }\n if (kpi.kpiCode == '313B') {\n this.bOwnWorkshop = kpi;\n }\n if (kpi.kpiCode == '314B') {\n this.bDistance = kpi;\n }\n if (kpi.kpiCode == '315B') {\n this.bVehicleSold = kpi;\n }\n if (kpi.kpiCode == '316B') {\n this.bVehicleRunning = kpi;\n }\n if (kpi.kpiCode == '317B') {\n this.bVehicleTheft = kpi;\n }\n if (kpi.kpiCode == '318B') {\n this.bOthers = kpi;\n }\n });\n\n //barChart1 start not connected reason\n this.noResponse.actualVal = this.noResponse.actualVal || 0;\n this.busy.actualVal = this.busy.actualVal || 0;\n this.switchOff.actualVal = this.switchOff.actualVal || 0;\n this.invalid.actualVal = this.invalid.actualVal || 0;\n this.others.actualVal = this.others.actualVal || 0;\n let maxNotConnected = Math.max(this.noResponse.actualVal, this.busy.actualVal, this.switchOff.actualVal, this.invalid.actualVal, this.others.actualVal);\n if (maxNotConnected) {\n this.barChart1Options.scales.xAxes[0].ticks.max = maxNotConnected;\n this.barChart1Options.scales.yAxes[0].ticks.max = maxNotConnected;\n this.barChart1Data = [\n {\n data: [this.noResponse.actualVal, this.busy.actualVal, this.switchOff.actualVal, this.invalid.actualVal, this.others.actualVal],\n backgroundColor: 'rgb(87, 174, 239)',\n hoverBackgroundColor: 'rgb(87, 174, 239)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 20,\n maxBarThickness: 20,\n minBarLength: 2\n }\n ];\n }\n //barChart1 end\n\n //barChart1 start conversion\n this.sameDay.actualVal = this.sameDay.actualVal || 0;\n this.eventual.actualVal = this.eventual.actualVal || 0;\n if (this.sameDay.actualVal || this.eventual.actualVal) {\n this.barChart2Options.scales.xAxes[0].ticks.max = this.eventual.actualVal > this.sameDay.actualVal ? this.eventual.actualVal : this.sameDay.actualVal;\n this.barChart2Options.scales.yAxes[0].ticks.max = this.eventual.actualVal > this.sameDay.actualVal ? this.eventual.actualVal : this.sameDay.actualVal;\n this.barChart2Data = [\n {\n data: [this.sameDay.actualVal, this.eventual.actualVal],\n backgroundColor: ['rgb(46, 54, 104)', 'rgb(87, 174, 239)'],\n hoverBackgroundColor: ['rgb(46, 54, 104)', 'rgb(87, 174, 239)'],\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 20,\n maxBarThickness: 20,\n minBarLength: 2\n }\n ];\n }\n //barChart1 end\n\n //horizontalBarChart4 start noservice connected\n this.cDistance.actualVal = this.cDistance.actualVal || 0;\n this.cHighCost.actualVal = this.cHighCost.actualVal || 0;\n this.cOthers.actualVal = this.cOthers.actualVal || 0;\n this.cOwnWorkshop.actualVal = this.cOwnWorkshop.actualVal || 0;\n this.cVehicleRunning.actualVal = this.cVehicleRunning.actualVal || 0;\n this.cVehicleSold.actualVal = this.cVehicleSold.actualVal || 0;\n this.cVehicleTheft.actualVal = this.cVehicleTheft.actualVal || 0;\n let max4 = Math.max(\n this.cDistance.actualVal, this.cHighCost.actualVal, this.cOthers.actualVal,\n this.cOwnWorkshop.actualVal, this.cVehicleRunning.actualVal, this.cVehicleSold.actualVal,\n this.cVehicleTheft.actualVal);\n if (max4) {\n this.horizontalBarChart4Options.scales.xAxes[0].ticks.max = max4 + 10;\n this.horizontalBarChart4Options.scales.yAxes[0].ticks.max = max4 + 10;\n this.horizontalBarChart4Data = [\n {\n data: [\n this.cDistance.actualVal, this.cHighCost.actualVal, this.cOthers.actualVal,\n this.cOwnWorkshop.actualVal, this.cVehicleRunning.actualVal, this.cVehicleSold.actualVal,\n this.cVehicleTheft.actualVal],\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 10,\n }\n ];\n }\n //horizontalBarChart4 start\n\n //horizontalBarChart5 start noservice booking\n this.bDistance.actualVal = this.bDistance.actualVal || 0;\n this.bHighCost.actualVal = this.bHighCost.actualVal || 0;\n this.bOthers.actualVal = this.bOthers.actualVal || 0;\n this.bOwnWorkshop.actualVal = this.bOwnWorkshop.actualVal || 0;\n this.bVehicleRunning.actualVal = this.bVehicleRunning.actualVal || 0;\n this.bVehicleSold.actualVal = this.bVehicleSold.actualVal || 0;\n this.bVehicleTheft.actualVal = this.bVehicleTheft.actualVal || 0;\n let max5 = Math.max(\n this.bDistance.actualVal, this.bHighCost.actualVal, this.bOthers.actualVal,\n this.bOwnWorkshop.actualVal, this.bVehicleRunning.actualVal, this.bVehicleSold.actualVal,\n this.bVehicleTheft.actualVal);\n if (max5) {\n this.horizontalBarChart5Options.scales.xAxes[0].ticks.max = max5 + 10;\n this.horizontalBarChart5Options.scales.yAxes[0].ticks.max = max5 + 10;\n this.horizontalBarChart5Data = [\n {\n data: [\n this.bDistance.actualVal, this.bHighCost.actualVal, this.bOthers.actualVal,\n this.bOwnWorkshop.actualVal, this.bVehicleRunning.actualVal, this.bVehicleSold.actualVal,\n this.bVehicleTheft.actualVal],\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 10,\n }\n ];\n }\n //horizontalBarChart7 start followup connected\n this.followup1.actualVal = this.followup1.actualVal || 0;\n this.followup2.actualVal = this.followup2.actualVal || 0;\n this.followup3.actualVal = this.followup3.actualVal || 0;\n if (this.followup1.actualVal || this.followup2.actualVal) {\n this.horizontalBarChart7Options.scales.xAxes[0].ticks.max = (this.followup1.actualVal + this.followup2.actualVal + this.followup3.actualVal + 5) || this.followup.actualVal;\n this.horizontalBarChart7Options.scales.yAxes[0].ticks.max = (this.followup1.actualVal + this.followup2.actualVal + this.followup3.actualVal + 5) || this.followup.actualVal;\n this.horizontalBarChart7Data = [\n {\n data: [this.followup1.actualVal, this.followup2.actualVal, this.followup3.actualVal],\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 10,\n }\n ];\n }\n\n //horizontalBarChart8 start booking connected\n this.bFollowup1.actualVal = this.bFollowup1.actualVal || 0;\n this.bFollowup2.actualVal = this.bFollowup2.actualVal || 0;\n this.bFollowup3.actualVal = this.bFollowup3.actualVal || 0;\n if (this.bFollowup1.actualVal || this.bFollowup2.actualVal || this.bFollowup3.actualVal) {\n this.horizontalBarChart8Options.scales.xAxes[0].ticks.max = (this.bFollowup1.actualVal + this.bFollowup2.actualVal + this.bFollowup3.actualVal + 5) || this.followup.actualVal;\n this.horizontalBarChart8Options.scales.yAxes[0].ticks.max = (this.bFollowup1.actualVal + this.bFollowup2.actualVal + this.bFollowup3.actualVal + 5) || this.followup.actualVal;\n this.horizontalBarChart8Data = [\n {\n data: [this.bFollowup1.actualVal, this.bFollowup2.actualVal, this.bFollowup3.actualVal],\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 10,\n }\n ];\n }\n this.updateChartCard = false;\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.spinner = false;\n this.updateChartCard = false;\n }\n }, err => {\n this.spinner = false;\n this.updateChartCard = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getDoorStepDashboardKpiCard\n * purpose: To get left kpi card history\n */\n getDoorStepDashboardKpiCard(): void {\n this.spinner = true;\n let selectedCre = '';\n this.selectedCre.forEach((element, index) => {\n if (index == 0) {\n selectedCre = element;\n } else {\n selectedCre = selectedCre + ',' + element;\n }\n });\n let selectedWorkShop = '';\n this.selectedKpiCardWorkShop.forEach((element, index) => {\n if (index == 0) {\n selectedWorkShop = element.split(\" - \")[0];\n } else {\n selectedWorkShop = selectedWorkShop + ',' + element.split(\" - \")[0];\n }\n });\n\n let service = '';\n if (this.selectService.value.selectServiceType != \"\") {\n this.selectService.value.selectServiceType.forEach((element, index) => {\n if (element == \"0\") {\n this.selectService.value.selectServiceType.splice(index, 1);\n }\n });\n service = this.selectService.value.selectServiceType.toString();\n }\n\n const request = {\n \"userId\": this.userInfo.userId,\n \"roleId\": this.userInfo.roleId,\n \"creId\": selectedCre || '',\n \"workshopCode\": selectedWorkShop || '',\n \"service\": service ? service.toString() : '',\n \"month\": new Date(this.maxDate).getMonth() + 1,\n \"year\": new Date(this.maxDate).getFullYear()\n };\n this.resetKpiCard();\n this.commonService.getDoorStepDashboardKpiCard(request).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n let mnth = new Date(this.maxDate).getMonth() + 1;\n this.callCoverage = [];\n this.avgCall = [];\n this.successReminder = [];\n this.successVisit = [];\n this.successNoShow = [];\n this.lostConversion = [];\n this.overAllConversion = [];\n this.bookingRate = [];\n this.perCallConversion = [];\n\n res[\"responseData\"].forEach(kpi => {\n if (kpi.actualVal) {\n kpi.actualVal = Math.round(kpi.actualVal * 100 + Number.EPSILON) / 100;\n }\n if (kpi.growthRate) {\n kpi.growthRate = Math.round(kpi.growthRate * 100 + Number.EPSILON) / 100;\n }\n if (kpi.kpiCode == '013') {\n this.callCoverage.push(kpi);\n this.selectedCallCoverage = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '014') {\n this.avgCall.push(kpi);\n this.selectedAvgCall = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '015') {\n this.successReminder.push(kpi);\n this.selectedSuccessReminder = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '016') {\n this.successVisit.push(kpi);\n this.selectedSuccessVisit = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '017') {\n this.successNoShow.push(kpi);\n this.selectedSuccessNoShow = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '018') {\n this.lostConversion.push(kpi);\n this.selectedLostConversion = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '019') {\n this.overAllConversion.push(kpi);\n this.selectedOverAllConversion = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '020') {\n this.bookingRate.push(kpi);\n this.selectedBookingRate = (mnth == kpi.monthVal) ? kpi : {};\n }\n if (kpi.kpiCode == '023') {\n this.perCallConversion.push(kpi);\n this.selectedPerCallConversion = (mnth == kpi.monthVal) ? kpi : {};\n }\n });\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getDashboardKpi\n * purpose: To get dashboard kpi\n */\n getDoorStepDashboardKpi(): void {\n this.spinner = true;\n this.updateChart = true;\n let selectedCre = '';\n this.selectedCre.forEach((element, index) => {\n if (index == 0) {\n selectedCre = element;\n } else {\n selectedCre = selectedCre + ',' + element;\n }\n });\n let selectedWorkShop = '';\n this.selectedWorkShop.forEach((element, index) => {\n if (index == 0) {\n selectedWorkShop = element.split(\" - \")[0];\n } else {\n selectedWorkShop = selectedWorkShop + ',' + element.split(\" - \")[0];\n }\n });\n\n let service = '';\n if (this.selectService.value.selectServiceType != \"\") {\n this.selectService.value.selectServiceType.forEach((element, index) => {\n if (element == \"0\") {\n this.selectService.value.selectServiceType.splice(index, 1);\n }\n });\n service = this.selectService.value.selectServiceType.toString();\n }\n const request = {\n \"userId\": this.userInfo.userId,\n \"roleId\": this.userInfo.roleId,\n \"creId\": selectedCre || '',\n \"workshopCode\": selectedWorkShop || '',\n \"service\": service ? service.toString() : '',\n \"startDate\": this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\").toString(),\n \"endDate\": this.datePipe.transform(this.toDate, \"yyyy-MM-dd\").toString()\n };\n this.resetDashboard();\n this.commonService.getDoorStepDashboardKpi(request).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.selectedDate = this.datePipe.transform(this.date.value['_d'], \"MMM yy\");\n res[\"responseData\"].forEach(kpi => {\n if (kpi.actualVal) {\n kpi.actualVal = Math.round(kpi.actualVal * 100 + Number.EPSILON) / 100;\n }\n if (kpi.growthRate) {\n kpi.growthRate = Math.round(kpi.growthRate * 100 + Number.EPSILON) / 100;\n }\n if (kpi.kpiCode == '001') {\n this.allocated = kpi;\n }\n if (kpi.kpiCode == '002') {\n this.attempted = kpi;\n }\n if (kpi.kpiCode == '003') {\n this.notAttempted = kpi;\n }\n if (kpi.kpiCode == '004') {\n this.contacted = kpi;\n }\n if (kpi.kpiCode == '005') {\n this.notContacted = kpi;\n }\n if (kpi.kpiCode == '006') {\n this.booking = kpi;\n }\n if (kpi.kpiCode == '011') {\n this.converted = kpi;\n }\n if (kpi.kpiCode == '022') {\n this.activeBooking = kpi;\n }\n if (kpi.kpiCode == '007') {\n this.contactedNoService = kpi;\n }\n if (kpi.kpiCode == '008') {\n this.contactedFollowup = kpi;\n }\n if (kpi.kpiCode == '021') {\n this.connectedSystemClose = kpi;\n }\n if (kpi.kpiCode == '009') {\n this.bookingNoService = kpi;\n }\n if (kpi.kpiCode == '010') {\n this.bookingFollowup = kpi;\n }\n if (kpi.kpiCode == '024') {\n this.bookingSystemClose = kpi;\n }\n });\n if (this.allocated.actualVal != 0) {\n this.AttemptedAchievement = (this.attempted.actualVal / this.allocated.actualVal) * 100;\n } else {\n this.AttemptedAchievement = 0;\n }\n if (this.attempted.actualVal != 0) {\n this.ContactedAchievement = (this.contacted.actualVal / this.attempted.actualVal) * 100;\n } else {\n this.ContactedAchievement = 0;\n }\n if (this.contacted.actualVal != 0) {\n this.BookingsAchievement = (this.booking.actualVal / this.contacted.actualVal) * 100;\n } else {\n this.BookingsAchievement = 0;\n }\n\n //horizontalBarChart1 start\n this.contacted.actualVal = this.contacted.actualVal || 0;\n this.notContacted.actualVal = this.notContacted.actualVal || 0;\n if (this.contacted.actualVal || this.notContacted.actualVal) {\n this.horizontalBarChart1Data = [\n {\n data: [this.contacted.actualVal],\n stack: 'a',\n label: 'Contacted',\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.notContacted.actualVal],\n stack: 'a',\n label: 'Not Contacted',\n backgroundColor: 'rgb(87, 174, 239)',\n hoverBackgroundColor: 'rgb(87, 174, 239)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n }\n ];\n let max1 = this.contacted.actualVal + this.notContacted.actualVal;\n this.horizontalBarChart1Options.scales.xAxes[0].ticks.max = max1;\n this.horizontalBarChart1Options.scales.yAxes[0].ticks.max = max1;\n }\n //horizontalBarChart1 end\n\n //horizontalBarChart2 start\n this.booking.actualVal = this.booking.actualVal || 0;\n this.contactedFollowup.actualVal = this.contactedFollowup.actualVal || 0;\n this.connectedSystemClose.actualVal = this.connectedSystemClose.actualVal || 0;\n this.contactedNoService.actualVal = this.contactedNoService.actualVal || 0;\n let max2 = this.booking.actualVal + this.contactedFollowup.actualVal + this.connectedSystemClose.actualVal + this.contactedNoService.actualVal;\n if (max2) {\n this.horizontalBarChart2Options.scales.xAxes[0].ticks.max = max2;\n this.horizontalBarChart2Options.scales.yAxes[0].ticks.max = max2;\n this.horizontalBarChart2Data = [\n {\n data: [this.booking.actualVal],\n stack: 'a',\n label: 'Booking',\n backgroundColor: '#4834d4',\n hoverBackgroundColor: '#4834d4',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.contactedFollowup.actualVal],\n stack: 'a',\n label: 'Followup',\n backgroundColor: '#57aeef',\n hoverBackgroundColor: '#57aeef',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.connectedSystemClose.actualVal],\n stack: 'a',\n label: 'System Closed',\n backgroundColor: '#5758bb',\n hoverBackgroundColor: '#5758bb',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.contactedNoService.actualVal],\n stack: 'a',\n label: 'No Service',\n backgroundColor: '#2e3668',\n hoverBackgroundColor: '#2e3668',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n }\n ];\n }\n //horizontalBarChart2 end\n\n //horizontalBarChart3 start\n this.activeBooking.actualVal = this.activeBooking.actualVal || 0;\n this.converted.actualVal = this.converted.actualVal || 0;\n this.bookingFollowup.actualVal = this.bookingFollowup.actualVal || 0;\n this.bookingNoService.actualVal = this.bookingNoService.actualVal || 0;\n this.bookingSystemClose.actualVal = this.bookingSystemClose.actualVal || 0;\n let max3 = this.activeBooking.actualVal + this.converted.actualVal + this.bookingFollowup.actualVal + this.bookingNoService.actualVal;\n if (max3) {\n this.horizontalBarChart3Options.scales.xAxes[0].ticks.max = max3;\n this.horizontalBarChart3Options.scales.yAxes[0].ticks.max = max3;\n this.horizontalBarChart3Data = [\n {\n data: [this.activeBooking.actualVal],\n stack: 'a',\n label: 'Active',\n backgroundColor: '#2e3668',\n hoverBackgroundColor: '#2e3668',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n\n {\n data: [this.bookingNoService.actualVal],\n stack: 'a',\n label: 'No Service',\n backgroundColor: '#4834d4',\n hoverBackgroundColor: '#4834d4',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.bookingFollowup.actualVal],\n stack: 'a',\n label: 'Followup',\n backgroundColor: '#57aeef',\n hoverBackgroundColor: '#57aeef',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.converted.actualVal],\n stack: 'a',\n label: 'Converted',\n backgroundColor: '#3f729d',\n hoverBackgroundColor: '#3f729d',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n }\n ];\n }\n //horizontalBarChart3 end\n this.updateChart = false;\n this.getDoorStepDashboardResponseKpi();\n this.getDoorStepDashboardServiceKpi();\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.spinner = false;\n this.updateChart = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n this.updateChart = false;\n });\n }\n\n /**\n * Name: getDoorStepDashboardServiceKpi\n * purpose: To get service breakup\n */\n getDoorStepDashboardServiceKpi(): void {\n this.spinner = true;\n let selectedCre = '';\n this.selectedCre.forEach((element, index) => {\n if (index == 0) {\n selectedCre = element;\n } else {\n selectedCre = selectedCre + ',' + element;\n }\n });\n let selectedWorkShop = '';\n this.selectedWorkShop.forEach((element, index) => {\n if (index == 0) {\n selectedWorkShop = element.split(\" - \")[0];\n } else {\n selectedWorkShop = selectedWorkShop + ',' + element.split(\" - \")[0];\n }\n });\n\n let service = '';\n if (this.selectService.value.selectServiceType != \"\") {\n this.selectService.value.selectServiceType.forEach((element, index) => {\n if (element == \"0\") {\n this.selectService.value.selectServiceType.splice(index, 1);\n }\n });\n service = this.selectService.value.selectServiceType.toString();\n }\n\n const request = {\n \"userId\": this.userInfo.userId,\n \"roleId\": this.userInfo.roleId,\n \"creId\": selectedCre || '',\n \"workshopCode\": selectedWorkShop || '',\n \"service\": service ? service.toString() : '',\n \"startDate\": this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\").toString(),\n \"endDate\": this.datePipe.transform(this.toDate, \"yyyy-MM-dd\").toString()\n };\n this.commonService.getDoorStepDashboardServiceKpi(request).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.allocatedServiceBreak = [];\n this.attemptedServiceBreak = [];\n this.connectedServiceBreak = [];\n this.bookingServiceBreak = [];\n res[\"responseData\"].forEach(element => {\n if (element.kpiCode == '001') {\n this.allocatedServiceBreak.push(element);\n }\n if (element.kpiCode == '002') {\n this.attemptedServiceBreak.push(element);\n }\n if (element.kpiCode == '004') {\n this.connectedServiceBreak.push(element);\n }\n if (element.kpiCode == '006') {\n this.bookingServiceBreak.push(element);\n }\n });\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: doorstepFilterDashboard\n * purpose: To get filter Dashboard\n */\n doorstepFilterDashboard(): void {\n this.spinner = true;\n let workshopSet = new Set();\n let workshopCardSet = new Set();\n this.commonService.doorstepFilterDashboard(this.userInfo).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.filtersWorkshop = [];\n this.filtersCre = [];\n res['responseData'].forEach(element => {\n let workshopCode = element.workshop.split(\" - \")[0];\n let workshop = { id: element.id, workshopCode: workshopCode, workshop: element.workshop };\n let cre = element.smeId;\n this.filtersWorkshop.push(workshop);\n workshopSet.add(workshop.workshop);\n workshopCardSet.add(workshop.workshop);\n if (!this.filtersCre.includes(cre)) {\n this.filtersCre.push(cre);\n }\n });\n this.uniqueWorkshop = Array.from(workshopSet);\n this.uniqueWorkshopCard = Array.from(workshopCardSet);\n this.uniqueWorkshopCopy = this.uniqueWorkshop;\n this.uniqueWorkshopCardCopy = this.uniqueWorkshopCard;\n this.filtersCreCopy = this.filtersCre;\n this.spinner = false;\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: periodFilter\n * purpose: To get filter Dashboard\n */\n periodFilter(): void {\n this.spinner = true;\n this.commonService.doorStepPeriodFilter(this.userInfo).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n if (res['responseData'].length) {\n let dateFilter = res['responseData'][0];\n if (dateFilter.minMonth && dateFilter.minYear) {\n this.minDate = new Date(res['responseData'][0].minMonth + '/' + '1/' + res['responseData'][0].minYear);\n } else {\n this.minDate = new Date();\n }\n if (dateFilter.maxMonth && dateFilter.maxYear) {\n this.maxDate = new Date(res['responseData'][0].maxMonth + '/' + '1/' + res['responseData'][0].maxYear);\n } else {\n this.maxDate = new Date();\n }\n let date = moment(this.maxDate);\n this.date.setValue(date);\n if (dateFilter.minMonth && dateFilter.minYear && dateFilter.maxMonth && dateFilter.maxYear) {\n this.selectedDate = this.datePipe.transform(this.date.value['_d'], \"MMM yy\");\n this.getDoorStepDashboardServiceKpi();\n this.getDoorStepDashboardKpiCard();\n this.getDoorStepDashboardKpi();\n } else {\n this.toastr.info(\"Data not found.\");\n }\n } else {\n this.minDate = new Date();\n this.maxDate = new Date();\n }\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n onKeyWorkshop(): void {\n this.uniqueWorkshop = this.uniqueWorkshopCopy;\n this.dealerCode = [];\n this.selectedDealer = this.selectedDealer.trim();\n this.dealerCode = this.uniqueWorkshop.filter(item =>\n item.toLowerCase().includes(this.selectedDealer.toLowerCase())\n );\n this.dealerCode.forEach(element => {\n let index = this.uniqueWorkshopCopy.findIndex((ele) => { return ele == element });\n if (index != -1) {\n this.uniqueWorkshopCopy.splice(index, 1);\n }\n this.uniqueWorkshopCopy.unshift(element);\n })\n if (this.dealerCode.length > 0) {\n this.closeInput();\n }\n this.uniqueWorkshop = [];\n this.uniqueWorkshop = this.uniqueWorkshopCopy;\n }\n\n closeInput(): void {\n if (this.dealerCode.length == 0) {\n this.selectedDealer = '';\n this.uniqueWorkshop = this.uniqueWorkshopCopy;\n }\n }\n\n onKeyCRE(): void {\n this.filtersCre = this.filtersCreCopy;\n this.creCode = [];\n this.selectedCreCode = this.selectedCreCode.trim();\n this.creCode = this.filtersCre.filter(item =>\n item.toLowerCase().includes(this.selectedCreCode.toLowerCase())\n );\n this.creCode.forEach(element => {\n let index = this.filtersCreCopy.findIndex((ele) => { return ele == element });\n if (index != -1) {\n this.filtersCreCopy.splice(index, 1);\n }\n this.filtersCreCopy.unshift(element);\n })\n if (this.creCode.length > 0) {\n this.closeInputCre();\n }\n this.filtersCre = [];\n this.filtersCre = this.filtersCreCopy;\n }\n\n closeInputCre(): void {\n if (this.creCode.length == 0) {\n this.selectedCreCode = '';\n this.filtersCre = this.filtersCreCopy;\n }\n }\n\n onKeyWorkshopCard(): void {\n this.uniqueWorkshopCard = this.uniqueWorkshopCardCopy;\n this.dealerCodeCard = [];\n this.selectedCardDealer = this.selectedCardDealer.trim();\n this.dealerCodeCard = this.uniqueWorkshopCard.filter(item =>\n item.toLowerCase().includes(this.selectedCardDealer.toLowerCase())\n );\n this.dealerCodeCard.forEach(element => {\n let index = this.uniqueWorkshopCardCopy.findIndex((ele) => { return ele == element });\n if (index != -1) {\n this.uniqueWorkshopCardCopy.splice(index, 1);\n }\n this.uniqueWorkshopCardCopy.unshift(element);\n })\n\n if (this.dealerCodeCard.length > 0) {\n this.closeInput();\n }\n this.uniqueWorkshopCard = [];\n this.uniqueWorkshopCard = this.uniqueWorkshopCardCopy;\n }\n\n closeInputCard(): void {\n if (this.dealerCodeCard.length == 0) {\n this.selectedCardDealer = '';\n this.uniqueWorkshopCard = this.uniqueWorkshopCardCopy;\n }\n }\n\n /**\n * Name: getDashboardReport\n * purpose: To export report as excel\n */\n getDashboardReport(): void {\n this.spinner = true;\n //this.updateChart = true;\n let selectedSME = '';\n this.selectedCre.forEach((element, index) => {\n if (index == 0) {\n selectedSME = element;\n } else {\n selectedSME = selectedSME + ',' + element;\n }\n });\n let selectedWorkShop = '';\n this.selectedWorkShop.forEach((element, index) => {\n if (index == 0) {\n selectedWorkShop = element.split(\" - \")[0];\n } else {\n selectedWorkShop = selectedWorkShop + ',' + element.split(\" - \")[0];\n }\n });\n\n let serviceType = '';\n if (this.selectService.value.selectServiceType != \"\") {\n this.selectService.value.selectServiceType.forEach((element, index) => {\n if (element == \"0\") {\n this.selectService.value.selectServiceType.splice(index, 1);\n }\n });\n serviceType = this.selectService.value.selectServiceType.toString();\n }\n\n let startDate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\").toString();\n let endDate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\").toString();\n let fileName = \"Doorstep Dashboard Report_For_\" + startDate + \"-\" + endDate;\n this.commonService.getDoorstepDashboardReport(this.userInfo.userId, this.userInfo.roleId, selectedSME, startDate, endDate, serviceType, selectedWorkShop)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n\n });\n }\n\n tosslePerOne(all) {\n if (this.allSelectedService.selected) {\n this.allSelectedService.deselect();\n return false;\n }\n if (this.selectService.controls.selectServiceType.value.length == this.services.length)\n this.allSelectedService.select();\n\n }\n toggleAllSelection() {\n if (this.allSelectedService.selected) {\n this.selectService.controls.selectServiceType\n .patchValue([...this.services.map(item => item.key), 0]);\n this.selectAllService = true;\n } else {\n this.selectService.controls.selectServiceType.patchValue([]);\n }\n }\n\n dashboardSelection() {\n if (this.selectedDashboard == 'SRM-Dashboard') {\n this.router.navigate([\"dashboard\"])\n }\n else if (this.selectedDashboard == 'Prs-Dashboard') {\n //this.showPrsDashboard=true\n this.router.navigate([\"prs-dashboard\"])\n }\n else {\n this.router.navigate([\"doorstep-dashboard\"]);\n }\n }\n\n}","export default \".inbound-container {\\n margin-top: 115px;\\n}\\n\\n.search-card {\\n box-shadow: none;\\n background-color: transparent;\\n padding-bottom: 0px !important;\\n}\\n\\n.search-icon {\\n position: absolute;\\n right: 15px;\\n top: 5px;\\n}\\n\\n.sub-title {\\n font-size: 13px;\\n}\\n\\n.m-r-8 {\\n margin-right: 8px !important;\\n}\\n\\n.info-card input {\\n border-radius: 3px;\\n border: 1px solid lightgray;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-flex {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n background: white;\\n height: 25px;\\n font-size: 12px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-label {\\n padding-left: 10px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-infix {\\n padding-top: 0px !important;\\n padding-bottom: 1px !important;\\n border-top: none;\\n height: 25px;\\n}\\n\\n.textboxService ::ng-deep label.mat-form-field-label {\\n margin-top: 0px !important;\\n}\\n\\n.textboxService ::ng-deep input.mat-input-element {\\n margin-top: 4px;\\n margin-left: 10px;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n font-size: 12px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 4px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 5px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.filter2 ::ng-deep .mat-form-field-infix {\\n border: 0px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n font-size: 12px;\\n}\\n\\n.filter2 ::ng-deep .mat-select {\\n padding: 4px 0px;\\n}\\n\\n.filter2 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter2 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter2 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter2 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter2 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter2 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 5px !important;\\n padding-left: 5px;\\n}\\n\\n.error {\\n color: #ff0000;\\n margin-top: 5px;\\n}\\n\\n.sub-title {\\n margin-bottom: 20px;\\n font-weight: bold;\\n}\\n\\n.form-field {\\n font-size: 12px !important;\\n}\\n\\n.form-field label {\\n font-weight: 500;\\n margin-bottom: 5px;\\n font-size: 12px !important;\\n}\\n\\n.form-field input {\\n padding: 3px;\\n font-size: 12px !important;\\n width: 200px !important;\\n}\\n\\n.form-field mat-form-field {\\n font-size: 12px !important;\\n width: 207px !important;\\n}\\n\\n.info-action {\\n text-align: end;\\n}\\n\\n.info-action button {\\n color: white;\\n background-color: #00457D;\\n border-radius: 5px;\\n font-size: 12px;\\n}\\n\\n#fleet {\\n font-family: \\\"Trebuchet MS\\\", Arial, Helvetica, sans-serif;\\n border-collapse: collapse;\\n width: 100%;\\n}\\n\\n#fleet td,\\n#fleet th {\\n border: 1px solid #e0e0e0;\\n padding: 8px;\\n}\\n\\n#fleet tr:nth-child(even) {\\n background-color: #ffffff;\\n}\\n\\n#fleet tr:hover {\\n background-color: #ffffff;\\n}\\n\\n#fleet th {\\n padding-top: 12px;\\n padding-bottom: 12px;\\n text-align: left;\\n background-color: #d3d3d3;\\n color: black;\\n}\\n\\n.m-l-10 {\\n margin-left: 10px !important;\\n}\\n\\n.btn {\\n margin: 30px 0;\\n position: relative;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n overflow: hidden;\\n background-color: #00457D !important;\\n line-height: 22px;\\n}\\n\\n.btn p {\\n text-align: center;\\n text-transform: uppercase;\\n color: #fff;\\n position: relative;\\n z-index: 1;\\n transition: all 0.3s ease;\\n margin: auto;\\n}\\n\\n/* sliders */\\n\\n.btn-1 {\\n background-color: #ffffff !important;\\n color: #00457D !important;\\n border: 1px solid #00457D;\\n}\\n\\n.btn-1 p {\\n margin: auto;\\n line-height: 20px;\\n}\\n\\n.search-card select {\\n border-radius: 3px;\\n border: 1px solid lightgray;\\n}\\n\\n.service-type ::ng-deep .mat-form-field-flex {\\n background: white;\\n}\\n\\n.service-type ::ng-deep .mat-select-value-text {\\n padding-left: 5px;\\n}\\n\\n.vehicle-card select,\\n.vehicle-card input {\\n border-radius: 3px;\\n border: 1px solid lightgray;\\n}\\n\\n.service-card select,\\n.service-card input {\\n border-radius: 3px;\\n border: 1px solid #d3d3d3;\\n}\\n\\n.main-card-border {\\n border-style: solid solid Solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.working-area1 {\\n margin-top: 115px;\\n}\\n\\n.icon-background {\\n color: #00457D;\\n}\\n\\n.dropdown-box {\\n font-size: 12px;\\n height: 25px;\\n}\\n\\n.calendar-position {\\n position: absolute;\\n right: 22px;\\n top: 4px;\\n}\\n\\n.form-field1 {\\n font-size: 12px !important;\\n}\\n\\n.form-field1 label {\\n font-weight: 500;\\n margin-bottom: 5px;\\n font-size: 12px !important;\\n}\\n\\n.form-field1 input {\\n padding: 3px;\\n font-size: 12px !important;\\n width: 200px !important;\\n}\\n\\n.form-field2 {\\n font-size: 12px !important;\\n}\\n\\n.form-field2 label {\\n font-weight: 500;\\n margin-bottom: 5px;\\n font-size: 12px !important;\\n}\\n\\n.form-field2 input {\\n padding: 3px;\\n font-size: 12px !important;\\n width: 520px !important;\\n}\\n\\n.form-field2 mat-form-field {\\n font-size: 12px !important;\\n width: 520px !important;\\n}\\n\\n.bay {\\n font-size: 12px;\\n}\\n\\n.bay-area {\\n background-color: #f9f9f9;\\n padding: 10px;\\n}\\n\\n.slot {\\n padding: 5px 5px;\\n margin: 0px;\\n text-align: center;\\n border: 1px solid lightgray;\\n}\\n\\n.occupied {\\n background-color: #e64243;\\n}\\n\\n.bay-label {\\n margin-bottom: 10px;\\n color: rgba(0, 0, 0, 0.54);\\n font-size: 12px;\\n font-weight: 500;\\n}\\n\\n.bay-time {\\n margin-top: 10px;\\n}\\n\\n.datetime {\\n padding: 5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvaW5ib3VuZC1jYWxsL2luYm91bmQtY2FsbC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50L2luYm91bmQtY2FsbC9pbmJvdW5kLWNhbGwuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxpQkFBQTtBQ0NKOztBREdBO0VBQ0ksZ0JBQUE7RUFDQSw2QkFBQTtFQUNBLDhCQUFBO0FDQUo7O0FER0E7RUFDSSxrQkFBQTtFQUNBLFdBQUE7RUFDQSxRQUFBO0FDQUo7O0FER0E7RUFDSSxlQUFBO0FDQUo7O0FER0E7RUFDSSw0QkFBQTtBQ0FKOztBRElBO0VBQ0ksa0JBQUE7RUFDQSwyQkFBQTtBQ0RKOztBRElBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7QUNESjs7QURJQTtFQUNJLGtCQUFBO0FDREo7O0FESUE7RUFDSSwyQkFBQTtFQUNBLDhCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxZQUFBO0FDREo7O0FESUE7RUFDSSwwQkFBQTtBQ0RKOztBRElBO0VBQ0ksZUFBQTtFQUNBLGlCQUFBO0FDREo7O0FES0E7RUFDSSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7QUNGSjs7QURLQTtFQUNJLGdCQUFBO0FDRko7O0FES0E7RUFDSSxpQkFBQTtFQUNBLFdBQUE7QUNGSjs7QURLQTtFQUNJLFVBQUE7QUNGSjs7QURLQTtFQUNJLE1BQUE7RUFDQSxjQUFBO0VBQ0EsaUJBQUE7QUNGSjs7QURLQTtFQUNJLGlCQUFBO0FDRko7O0FES0E7RUFDSSxhQUFBO0FDRko7O0FES0E7RUFDSSxNQUFBO0VBQ0EsMEJBQUE7RUFDQSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksc0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7QUNGSjs7QURLQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUNBLFVBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtBQ0ZKOztBREtBO0VBQ0ksZ0JBQUE7QUNGSjs7QURLQTtFQUNJLGlCQUFBO0VBQ0EsV0FBQTtBQ0ZKOztBREtBO0VBQ0ksVUFBQTtBQ0ZKOztBREtBO0VBQ0ksTUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksaUJBQUE7QUNGSjs7QURLQTtFQUNJLGFBQUE7QUNGSjs7QURLQTtFQUNJLE1BQUE7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0FDRko7O0FES0E7RUFDSSxjQUFBO0VBQ0EsZUFBQTtBQ0ZKOztBREtBO0VBQ0ksbUJBQUE7RUFDQSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksMEJBQUE7QUNGSjs7QURHSTtFQUNJLGdCQUFBO0VBQ0Esa0JBQUE7RUFDQSwwQkFBQTtBQ0RSOztBREdJO0VBQ0ksWUFBQTtFQUNBLDBCQUFBO0VBQ0EsdUJBQUE7QUNEUjs7QURHSTtFQUNJLDBCQUFBO0VBQ0EsdUJBQUE7QUNEUjs7QURLQTtFQUNJLGVBQUE7QUNGSjs7QURHSTtFQUNJLFlBQUE7RUFDQSx5QkFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtBQ0RSOztBRE1BO0VBQ0kseURBQUE7RUFDQSx5QkFBQTtFQUNBLFdBQUE7QUNISjs7QURNQTs7RUFFSSx5QkFBQTtFQUNBLFlBQUE7QUNISjs7QURNQTtFQUNJLHlCQUFBO0FDSEo7O0FETUE7RUFDSSx5QkFBQTtBQ0hKOztBRE1BO0VBQ0ksaUJBQUE7RUFDQSxvQkFBQTtFQUNBLGdCQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0FDSEo7O0FETUE7RUFDSSw0QkFBQTtBQ0hKOztBRE9BO0VBQ0ksY0FBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtFQUNBLHlCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxvQ0FBQTtFQUNBLGlCQUFBO0FDSko7O0FET0E7RUFDSSxrQkFBQTtFQUNBLHlCQUFBO0VBQ0EsV0FBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLHlCQUFBO0VBQ0EsWUFBQTtBQ0pKOztBRFFBLFlBQUE7O0FBRUE7RUFDSSxvQ0FBQTtFQUNBLHlCQUFBO0VBQ0EseUJBQUE7QUNOSjs7QURTQTtFQUNJLFlBQUE7RUFDQSxpQkFBQTtBQ05KOztBRFVBO0VBQ0ksa0JBQUE7RUFDQSwyQkFBQTtBQ1BKOztBRFVBO0VBQ0ksaUJBQUE7QUNQSjs7QURVQTtFQUNJLGlCQUFBO0FDUEo7O0FEV0E7O0VBRUksa0JBQUE7RUFDQSwyQkFBQTtBQ1JKOztBRFlBOztFQUVJLGtCQUFBO0VBQ0EseUJBQUE7QUNUSjs7QURZQTtFQUNJLHFDQUFBO0VBQ0EsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLHVCQUFBO0FDVEo7O0FEWUE7RUFDSSxpQkFBQTtBQ1RKOztBRFlBO0VBQ0ksY0FBQTtBQ1RKOztBRFlBO0VBQ0ksZUFBQTtFQUNBLFlBQUE7QUNUSjs7QURZQTtFQUNJLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLFFBQUE7QUNUSjs7QURZQTtFQUNJLDBCQUFBO0FDVEo7O0FEVUk7RUFDSSxnQkFBQTtFQUNBLGtCQUFBO0VBQ0EsMEJBQUE7QUNSUjs7QURVSTtFQUNJLFlBQUE7RUFDQSwwQkFBQTtFQUNBLHVCQUFBO0FDUlI7O0FEWUE7RUFDSSwwQkFBQTtBQ1RKOztBRFVJO0VBQ0ksZ0JBQUE7RUFDQSxrQkFBQTtFQUNBLDBCQUFBO0FDUlI7O0FEVUk7RUFDSSxZQUFBO0VBQ0EsMEJBQUE7RUFDQSx1QkFBQTtBQ1JSOztBRFVJO0VBQ0ksMEJBQUE7RUFDQSx1QkFBQTtBQ1JSOztBRGFBO0VBQ0ksZUFBQTtBQ1ZKOztBRGFBO0VBQ0kseUJBQUE7RUFDQSxhQUFBO0FDVko7O0FEYUE7RUFDSSxnQkFBQTtFQUNBLFdBQUE7RUFDQSxrQkFBQTtFQUNBLDJCQUFBO0FDVko7O0FEYUE7RUFDSSx5QkFBQTtBQ1ZKOztBRGFBO0VBQ0ksbUJBQUE7RUFDQSwwQkFBQTtFQUNBLGVBQUE7RUFDQSxnQkFBQTtBQ1ZKOztBRGFBO0VBQ0ksZ0JBQUE7QUNWSjs7QURhQTtFQUNJLFlBQUE7QUNWSiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudC9pbmJvdW5kLWNhbGwvaW5ib3VuZC1jYWxsLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmluYm91bmQtY29udGFpbmVyIHtcbiAgICBtYXJnaW4tdG9wOiAxMTVweDtcbn1cblxuLy9zZWFyY2hcbi5zZWFyY2gtY2FyZCB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5zZWFyY2gtaWNvbiB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAxNXB4O1xuICAgIHRvcDogNXB4O1xufVxuXG4uc3ViLXRpdGxlIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG59XG5cbi5tLXItOCB7XG4gICAgbWFyZ2luLXJpZ2h0OiA4cHggIWltcG9ydGFudDtcbn1cblxuLy9pbmZvXG4uaW5mby1jYXJkIGlucHV0IHtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1mbGV4IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIGhlaWdodDogMjVweDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBwYWRkaW5nLXRvcDogMHB4ICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZy1ib3R0b206IDFweCAhaW1wb3J0YW50O1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgaGVpZ2h0OiAyNXB4O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGxhYmVsLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICBtYXJnaW4tdG9wOiAwcHggIWltcG9ydGFudDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBpbnB1dC5tYXQtaW5wdXQtZWxlbWVudCB7XG4gICAgbWFyZ2luLXRvcDogNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4vL2N1c3RvbSBtYXQtc2VsZWN0XG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgICBwYWRkaW5nOiA0cHggMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gICAgd2lkdGg6IDkwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgICB0b3A6IDA7XG4gICAgcGFkZGluZy10b3A6IDA7XG4gICAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICB0b3A6IDA7XG4gICAgbWFyZ2luLXRvcDogNXB4ICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICAgIGZvbnQ6IEJvbGQgMTRweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBjb2xvcjogIzNjM2MzYztcbiAgICBvcGFjaXR5OiAxO1xuICAgIG1hcmdpbi1ib3R0b206IDVweDtcbn1cblxuLmZpbHRlcjIgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgYm9yZGVyOiAwcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGhlaWdodDogMjBweDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5maWx0ZXIyIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gICAgcGFkZGluZzogNHB4IDBweDtcbn1cblxuLmZpbHRlcjIgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4uZmlsdGVyMiA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICAgIHdpZHRoOiA5MCU7XG59XG5cbi5maWx0ZXIyIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gICAgdG9wOiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMiA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMiA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjIgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbi10b3A6IDVweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZXJyb3Ige1xuICAgIGNvbG9yOiAjZmYwMDAwO1xuICAgIG1hcmdpbi10b3A6IDVweDtcbn1cblxuLnN1Yi10aXRsZSB7XG4gICAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuLmZvcm0tZmllbGQge1xuICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICAgIGxhYmVsIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgICAgICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbiAgICB9XG4gICAgaW5wdXQge1xuICAgICAgICBwYWRkaW5nOiAzcHg7XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICB3aWR0aDogMjAwcHggIWltcG9ydGFudDtcbiAgICB9XG4gICAgbWF0LWZvcm0tZmllbGQge1xuICAgICAgICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbiAgICAgICAgd2lkdGg6IDIwN3B4ICFpbXBvcnRhbnQ7XG4gICAgfVxufVxuXG4uaW5mby1hY3Rpb24ge1xuICAgIHRleHQtYWxpZ246IGVuZDtcbiAgICBidXR0b24ge1xuICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgIH1cbn1cblxuLy90YWJsZVxuI2ZsZWV0IHtcbiAgICBmb250LWZhbWlseTogXCJUcmVidWNoZXQgTVNcIiwgQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4jZmxlZXQgdGQsXG4jZmxlZXQgdGgge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNlMGUwZTA7XG4gICAgcGFkZGluZzogOHB4O1xufVxuXG4jZmxlZXQgdHI6bnRoLWNoaWxkKGV2ZW4pIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xufVxuXG4jZmxlZXQgdHI6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbiNmbGVldCB0aCB7XG4gICAgcGFkZGluZy10b3A6IDEycHg7XG4gICAgcGFkZGluZy1ib3R0b206IDEycHg7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDNkM2QzO1xuICAgIGNvbG9yOiBibGFjaztcbn1cblxuLm0tbC0xMCB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHggIWltcG9ydGFudDtcbn1cblxuLy9zbGlkaW5nIGJ0blxuLmJ0biB7XG4gICAgbWFyZ2luOiAzMHB4IDA7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RCAhaW1wb3J0YW50O1xuICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xufVxuXG4uYnRuIHAge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGNvbG9yOiAjZmZmO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG4gICAgbWFyZ2luOiBhdXRvO1xufVxuXG5cbi8qIHNsaWRlcnMgKi9cblxuLmJ0bi0xIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjMDA0NTdEO1xufVxuXG4uYnRuLTEgcCB7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xufVxuXG4vL3NlcnZpY2Vcbi5zZWFyY2gtY2FyZCBzZWxlY3Qge1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG59XG5cbi5zZXJ2aWNlLXR5cGUgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1mbGV4IHtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbn1cblxuLnNlcnZpY2UtdHlwZSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUtdGV4dCB7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi8vdmVoaWNsZS1jYXJkXG4udmVoaWNsZS1jYXJkIHNlbGVjdCxcbi52ZWhpY2xlLWNhcmQgaW5wdXQge1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG59XG5cbi8vc2VydmljZS1jYXJkXG4uc2VydmljZS1jYXJkIHNlbGVjdCxcbi5zZXJ2aWNlLWNhcmQgaW5wdXQge1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDNkM2QzO1xufVxuXG4ubWFpbi1jYXJkLWJvcmRlciB7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBTb2xpZCBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItcmFkaXVzOiAwJTtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLndvcmtpbmctYXJlYTEge1xuICAgIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG4uaWNvbi1iYWNrZ3JvdW5kIHtcbiAgICBjb2xvcjogIzAwNDU3RDtcbn1cblxuLmRyb3Bkb3duLWJveCB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGhlaWdodDogMjVweDtcbn1cblxuLmNhbGVuZGFyLXBvc2l0aW9uIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDIycHg7XG4gICAgdG9wOiA0cHg7XG59XG5cbi5mb3JtLWZpZWxkMSB7XG4gICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgbGFiZWwge1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICAgIHBhZGRpbmc6IDNweDtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgIHdpZHRoOiAyMDBweCAhaW1wb3J0YW50O1xuICAgIH1cbn1cblxuLmZvcm0tZmllbGQyIHtcbiAgICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbiAgICBsYWJlbCB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIGlucHV0IHtcbiAgICAgICAgcGFkZGluZzogM3B4O1xuICAgICAgICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbiAgICAgICAgd2lkdGg6IDUyMHB4ICFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIG1hdC1mb3JtLWZpZWxkIHtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgIHdpZHRoOiA1MjBweCAhaW1wb3J0YW50O1xuICAgIH1cbn1cblxuLy9iYXkgc2xvdHNcbi5iYXkge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmJheS1hcmVhIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjlmOWY5O1xuICAgIHBhZGRpbmc6IDEwcHg7XG59XG5cbi5zbG90IHtcbiAgICBwYWRkaW5nOiA1cHggNXB4O1xuICAgIG1hcmdpbjogMHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG59XG5cbi5vY2N1cGllZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2U2NDI0Mztcbn1cblxuLmJheS1sYWJlbCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjU0KTtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuLmJheS10aW1lIHtcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuXG4uZGF0ZXRpbWUge1xuICAgIHBhZGRpbmc6IDVweDtcbn1cbiIsIi5pbmJvdW5kLWNvbnRhaW5lciB7XG4gIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG4uc2VhcmNoLWNhcmQge1xuICBib3gtc2hhZG93OiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZy1ib3R0b206IDBweCAhaW1wb3J0YW50O1xufVxuXG4uc2VhcmNoLWljb24ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAxNXB4O1xuICB0b3A6IDVweDtcbn1cblxuLnN1Yi10aXRsZSB7XG4gIGZvbnQtc2l6ZTogMTNweDtcbn1cblxuLm0tci04IHtcbiAgbWFyZ2luLXJpZ2h0OiA4cHggIWltcG9ydGFudDtcbn1cblxuLmluZm8tY2FyZCBpbnB1dCB7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1mbGV4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBoZWlnaHQ6IDI1cHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgcGFkZGluZy10b3A6IDBweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWJvdHRvbTogMXB4ICFpbXBvcnRhbnQ7XG4gIGJvcmRlci10b3A6IG5vbmU7XG4gIGhlaWdodDogMjVweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBsYWJlbC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIG1hcmdpbi10b3A6IDBweCAhaW1wb3J0YW50O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgbWFyZ2luLXRvcDogNHB4O1xuICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDRweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICB3aWR0aDogOTAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICB0b3A6IDA7XG4gIHBhZGRpbmctdG9wOiAwO1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHRvcDogMDtcbiAgbWFyZ2luLXRvcDogNXB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzYzNjM2M7XG4gIG9wYWNpdHk6IDE7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbn1cblxuLmZpbHRlcjIgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMHB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5maWx0ZXIyIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDRweCAwcHg7XG59XG5cbi5maWx0ZXIyIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uZmlsdGVyMiA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICB3aWR0aDogOTAlO1xufVxuXG4uZmlsdGVyMiA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICB0b3A6IDA7XG4gIHBhZGRpbmctdG9wOiAwO1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjIgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIyIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjIgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHRvcDogMDtcbiAgbWFyZ2luLXRvcDogNXB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZXJyb3Ige1xuICBjb2xvcjogI2ZmMDAwMDtcbiAgbWFyZ2luLXRvcDogNXB4O1xufVxuXG4uc3ViLXRpdGxlIHtcbiAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi5mb3JtLWZpZWxkIHtcbiAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG59XG4uZm9ybS1maWVsZCBsYWJlbCB7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbiAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG59XG4uZm9ybS1maWVsZCBpbnB1dCB7XG4gIHBhZGRpbmc6IDNweDtcbiAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gIHdpZHRoOiAyMDBweCAhaW1wb3J0YW50O1xufVxuLmZvcm0tZmllbGQgbWF0LWZvcm0tZmllbGQge1xuICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbiAgd2lkdGg6IDIwN3B4ICFpbXBvcnRhbnQ7XG59XG5cbi5pbmZvLWFjdGlvbiB7XG4gIHRleHQtYWxpZ246IGVuZDtcbn1cbi5pbmZvLWFjdGlvbiBidXR0b24ge1xuICBjb2xvcjogd2hpdGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4jZmxlZXQge1xuICBmb250LWZhbWlseTogXCJUcmVidWNoZXQgTVNcIiwgQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbiNmbGVldCB0ZCxcbiNmbGVldCB0aCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlMGUwZTA7XG4gIHBhZGRpbmc6IDhweDtcbn1cblxuI2ZsZWV0IHRyOm50aC1jaGlsZChldmVuKSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbiNmbGVldCB0cjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbiNmbGVldCB0aCB7XG4gIHBhZGRpbmctdG9wOiAxMnB4O1xuICBwYWRkaW5nLWJvdHRvbTogMTJweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2QzZDNkMztcbiAgY29sb3I6IGJsYWNrO1xufVxuXG4ubS1sLTEwIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHggIWltcG9ydGFudDtcbn1cblxuLmJ0biB7XG4gIG1hcmdpbjogMzBweCAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RCAhaW1wb3J0YW50O1xuICBsaW5lLWhlaWdodDogMjJweDtcbn1cblxuLmJ0biBwIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBjb2xvcjogI2ZmZjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuICBtYXJnaW46IGF1dG87XG59XG5cbi8qIHNsaWRlcnMgKi9cbi5idG4tMSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbiAgY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgYm9yZGVyOiAxcHggc29saWQgIzAwNDU3RDtcbn1cblxuLmJ0bi0xIHAge1xuICBtYXJnaW46IGF1dG87XG4gIGxpbmUtaGVpZ2h0OiAyMHB4O1xufVxuXG4uc2VhcmNoLWNhcmQgc2VsZWN0IHtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG59XG5cbi5zZXJ2aWNlLXR5cGUgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1mbGV4IHtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG5cbi5zZXJ2aWNlLXR5cGUgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlLXRleHQge1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLnZlaGljbGUtY2FyZCBzZWxlY3QsXG4udmVoaWNsZS1jYXJkIGlucHV0IHtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG59XG5cbi5zZXJ2aWNlLWNhcmQgc2VsZWN0LFxuLnNlcnZpY2UtY2FyZCBpbnB1dCB7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2QzZDNkMztcbn1cblxuLm1haW4tY2FyZC1ib3JkZXIge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIFNvbGlkIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogMCU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4ud29ya2luZy1hcmVhMSB7XG4gIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG4uaWNvbi1iYWNrZ3JvdW5kIHtcbiAgY29sb3I6ICMwMDQ1N0Q7XG59XG5cbi5kcm9wZG93bi1ib3gge1xuICBmb250LXNpemU6IDEycHg7XG4gIGhlaWdodDogMjVweDtcbn1cblxuLmNhbGVuZGFyLXBvc2l0aW9uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMjJweDtcbiAgdG9wOiA0cHg7XG59XG5cbi5mb3JtLWZpZWxkMSB7XG4gIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xufVxuLmZvcm0tZmllbGQxIGxhYmVsIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbn1cbi5mb3JtLWZpZWxkMSBpbnB1dCB7XG4gIHBhZGRpbmc6IDNweDtcbiAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gIHdpZHRoOiAyMDBweCAhaW1wb3J0YW50O1xufVxuXG4uZm9ybS1maWVsZDIge1xuICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbn1cbi5mb3JtLWZpZWxkMiBsYWJlbCB7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbiAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG59XG4uZm9ybS1maWVsZDIgaW5wdXQge1xuICBwYWRkaW5nOiAzcHg7XG4gIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICB3aWR0aDogNTIwcHggIWltcG9ydGFudDtcbn1cbi5mb3JtLWZpZWxkMiBtYXQtZm9ybS1maWVsZCB7XG4gIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICB3aWR0aDogNTIwcHggIWltcG9ydGFudDtcbn1cblxuLmJheSB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmJheS1hcmVhIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y5ZjlmOTtcbiAgcGFkZGluZzogMTBweDtcbn1cblxuLnNsb3Qge1xuICBwYWRkaW5nOiA1cHggNXB4O1xuICBtYXJnaW46IDBweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG59XG5cbi5vY2N1cGllZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlNjQyNDM7XG59XG5cbi5iYXktbGFiZWwge1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjU0KTtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4uYmF5LXRpbWUge1xuICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuXG4uZGF0ZXRpbWUge1xuICBwYWRkaW5nOiA1cHg7XG59Il19 */\"","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, FormBuilder, Validators, FormGroupDirective } from '@angular/forms';\nimport { CommonService } from 'src/app/core/service/common-service/common.service';\nimport { UserService } from 'src/app/core/service/user-service/user.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { Customer360DialogComponent } from 'src/app/modal/customer360-dialog/customer360-dialog.component';\nimport { MatDialog } from \"@angular/material\";\nimport { DatePipe } from \"@angular/common\";\nimport * as _moment from 'moment';\nimport { DateTimeAdapter, OWL_DATE_TIME_FORMATS, OWL_DATE_TIME_LOCALE } from 'ng-pick-datetime';\nimport { MomentDateTimeAdapter } from 'ng-pick-datetime-moment';\nimport { ChartOptions, ChartType, ChartDataSets } from 'chart.js';\n\nconst moment = (_moment as any).default ? (_moment as any).default : _moment;\n\nexport const MY_CUSTOM_FORMATS = {\n parseInput: 'LL LT',\n fullPickerInput: 'DD-MM-YYYY LT',\n datePickerInput: 'LL',\n timePickerInput: 'LT',\n monthYearLabel: 'MMM YYYY',\n dateA11yLabel: 'LL',\n monthYearA11yLabel: 'MMMM YYYY',\n};\n\n@Component({\n selector: 'app-inbound-call',\n templateUrl: './inbound-call.component.html',\n styleUrls: ['./inbound-call.component.scss'],\n providers: [\n { provide: DateTimeAdapter, useClass: MomentDateTimeAdapter, deps: [OWL_DATE_TIME_LOCALE] },\n { provide: OWL_DATE_TIME_FORMATS, useValue: MY_CUSTOM_FORMATS }\n ],\n})\n\nexport class InboundCallComponent implements OnInit {\n searchChassis: FormControl = new FormControl();\n searchNumber: FormControl = new FormControl();\n searchRegisterationNo: FormControl = new FormControl();\n\n custDataForm: FormGroup;\n serviceForm: FormGroup;\n\n customerChassisList = [];\n customerNumberList = [];\n customerDetails = [];\n fleetDetail = [];\n\n serviceDetail = [];\n doorstepServiceDetail = [];\n selectedVehicle = [];\n selectedDoorstepVehicle = [];\n selectedService: string;\n callReason: number = 1;\n\n //vehicle type selection\n vehicleNumbers: any[] = [\n { value: 1, type: 'Chasis Number' },\n { value: 2, type: 'Registration Number' }\n ];\n\n //service type selection\n serviceTypes: any[] = [\n { value: 'FS1 - FREE SERVICE', type: 'FS1 - FREE SERVICE', code: 'FS1' },\n { value: 'FS2 - FREE SERVICE', type: 'FS2 - FREE SERVICE', code: 'FS2' },\n { value: 'FS3 - FREE SERVICE', type: 'FS3 - FREE SERVICE', code: 'FS3' },\n { value: 'ECS - EARLY CARE SERVICE', type: 'ECS - EARLY CARE SERVICE', code: 'ECS' },\n { value: 'PMS - PREVENTIVE MAINTENANCE SERVICE', type: 'PMS - PREVENTIVE MAINTENANCE SERVICE', code: 'PMS' },\n ];\n\n //miscellaneous service type selection\n miscellaneousServices: any[] = [\n { value: 'RUNNING REPAIR', type: 'RUNNING REPAIR/QUICK SERVICE', code: 'RR' },\n { value: 'DOORSTEP SERVICE', type: 'DOORSTEP SERVICE', code: 'DS' },\n ];\n\n //call type selection\n callReasons: any[] = [\n { value: 1, type: 'Service' },\n { value: 2, type: 'Inquiry' }\n ];\n\n //Payment mode selection\n paymentMode: any[] = [\n { value: 'cash', type: 'Cash' },\n { value: 'Digital', type: 'Digital' }\n ];\n\n selectedVehicleType: any = 1;\n selectedChasis: string;\n selectedRegNumber: string;\n dateTimeExample = new Date();\n today: Date = new Date();\n minDate: Date = new Date();\n submitted: boolean;\n spinner: boolean;\n submittedService: boolean = false;\n clear: boolean;\n disableServiceType: boolean;\n workShops = [];\n selectedWorkShop: string;\n searchOldType: string;\n searchCurrentType: string;\n disableDate: boolean;\n userId: string;\n rrStatus: string;\n rrDropdown: boolean;\n miscellaneousService:string;\n division: string;\n workshopAppointmentFlag: string;\n bayNo: string;\n workshopCodeFlag: boolean = true;\n\n //bay\n assignedBay: any;\n workShopBay: any = {};\n bayError: boolean = false;\n bayOpen: any;\n bayClose: any;\n bayMinToday: any;\n bayMaxToday: any;\n serviceHours: any;\n bayLayout: any = [];\n selectedBay: any = [];\n listBay: any = [];\n showBay: boolean = false;\n showBay1: boolean = false;\n selectedBayNo: any = '';\n bayEndTime: any;\n packagelist: any[] = [];\n fertCode: any;\n commentFlag: boolean = false;\n bayStartTime: string;\n selectedVin: string;\n vinList: string[] = [];\n serviceMintus: any;\n bookingandResheduleMaxDate: Date = new Date();\n\n //chartBar start\n public chartOptions: ChartOptions = {\n responsive: true,\n tooltips: {\n enabled: false\n },\n scales: {\n xAxes: [\n {\n display: true,\n gridLines: {\n display: true\n },\n ticks: {\n beginAtZero: false,\n fontSize: 12,\n stepSize: 1,\n autoSkip: false\n }\n }\n ],\n yAxes: [{\n display: false,\n gridLines: {\n display: false\n }\n }]\n }\n };\n public chartLabels: any[] = [];\n public chartType: ChartType = 'horizontalBar';\n public chartLegend = false;\n public chartPlugins = [];\n public chartData: any = [];\n serviceCount: any;\n bookingDate : any;\n todayDate : any;\n\n constructor(\n private fb: FormBuilder,\n private commonService: CommonService,\n private userService: UserService,\n private toastr: ToastrService,\n public dialog: MatDialog,\n private datePipe: DatePipe\n ) {\n\n }\n\n ngOnInit() {\n this.userId = localStorage.getItem('userId');\n this.workShops = JSON.parse(localStorage.getItem('workshops'));\n this.selectedWorkShop = (this.workShops && this.workShops.length) ? this.workShops[0].workshopCode : '';\n this.bookingandResheduleMaxDate.setDate(this.bookingandResheduleMaxDate.getDate() + 15);\n this.dateTimeExample.setDate(this.dateTimeExample.getDate() + 1);\n this.minDate = moment().add(1, 'd').set({ hours: 0, minutes: 0, seconds: 0, milliseconds: 0 })\n\n //chassis search auto complete\n this.searchChassis.valueChanges.subscribe(\n term => {\n if (term != '' && term.length > 3) {\n if (this.searchOldType !== this.searchCurrentType) {\n this.searchNumber.setValue('');\n this.searchRegisterationNo.setValue('');\n this.customerNumberList = [];\n }\n this.userService.searchChassis(term).subscribe(\n data => {\n if (data[\"responseCode\"] == 0) {\n this.customerChassisList = data['responseData'] as any[];\n if (!this.customerChassisList.length) {\n this.toastr.info(data['message'], \"Info\");\n }\n } else {\n this.toastr.error(data['message'], \"Error\");\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n });\n\n //customer number search auto complete\n this.searchNumber.valueChanges.subscribe(\n term => {\n if (term != '' && term.length > 9) {\n if (this.searchOldType !== this.searchCurrentType) {\n this.searchChassis.setValue('');\n this.searchRegisterationNo.setValue('');\n this.customerChassisList = [];\n }\n this.userService.searchContact(term).subscribe(\n data => {\n if (data[\"responseCode\"] == 0) {\n this.customerNumberList = data['responseData'] as any[];\n if (this.customerNumberList.length) {\n this.customerNumberList.forEach(function (value) {\n value.customerContactNo = term;\n });\n }\n } else {\n this.toastr.error(data['message'], \"Error\");\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n });\n this.getWorkshopBay();\n }\n\n /**\n * Name: searchReg\n * purpose: To search customer with reg number\n */\n searchReg() {\n this.spinner = true;\n this.showBay = false;\n this.showBay1= false;\n let term = this.searchRegisterationNo.value;\n if (term != '' && term.length > 3) {\n if (this.searchOldType !== this.searchCurrentType) { //clear other search data\n this.searchChassis.setValue('');\n this.searchNumber.setValue('');\n this.customerChassisList = [];\n this.customerNumberList = [];\n }\n this.userService.searchCustomer(term, 'R', this.userId).subscribe(\n data => {\n if (data[\"responseCode\"] == 0) {\n this.spinner = false;\n this.customerDetails = data['responseData'];\n // this.customerDetails.forEach((element) => {\n // this.vinList.push(element.vin);\n // });\n this.selectedVin = this.customerDetails[0].vin\n localStorage.setItem(\"selectedVin\",this.selectedVin);\n if (this.customerDetails && this.customerDetails[0].customerCode) {\n this.buildCustDataForm();\n this.getFleetDetails(this.customerDetails[0].customerCode);\n this.getServiceDetails(this.customerDetails[0].customerCode, this.selectedVin);\n }\n } else {\n this.spinner = false;\n this.toastr.error(data['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n }\n\n /**\n * Name: selectCustomer\n * purpose: To select customer from search\n * @param {string} value - selected customer\n * @param {string} flag - customer search type\n */\n selectCustomer(value: string, flag: string) {\n this.showBay = false;\n this.showBay1= false;\n this.spinner = true;\n this.searchOldType = flag;\n this.userService.searchCustomer(value, flag, this.userId).subscribe(\n data => {\n if (data[\"responseCode\"] == 0) {\n this.customerDetails = data['responseData'];\n this.customerDetails.forEach((element) => {\n this.vinList.push(element.vin);\n });\n this.selectedVin = this.customerDetails[0].vin\n localStorage.setItem(\"selectedVin\",this.selectedVin);\n if (this.customerDetails && this.customerDetails[0].customerCode) {\n this.buildCustDataForm();\n this.getFleetDetails(this.customerDetails[0].customerCode);\n this.getServiceDetails(this.customerDetails[0].customerCode, this.customerDetails[0].vin);\n }\n } else {\n this.toastr.error(data['message'], \"Error\");\n }\n this.spinner = false;\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getFleetDetails\n * purpose: To get fleet details\n * @param {string} customerCode - selected customer code\n */\n getFleetDetails(customerCode: string) {\n this.spinner = true;\n this.userService.getFleetDetail(customerCode).subscribe(\n data => {\n if (data[\"responseCode\"] == 0) {\n this.fleetDetail = data['responseData'];\n }\n this.spinner = false;\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getServiceDetails\n * purpose: To get vehicle service details\n * @param {string} customerCode - selected customer code\n */\n getServiceDetails(customerCode: string, vin: string) {\n this.spinner = true;\n this.userService.getServiceDetail(customerCode, this.userId, vin).subscribe(\n data => {\n if (data[\"responseCode\"] == 0) {\n this.serviceDetail = data['responseData'];\n if (this.searchChassis.value) {//if search is chasis then select default vehicle\n let filterVehicle = this.serviceDetail.filter(vehicle => vehicle.vin == this.searchChassis.value)[0];\n this.selectedChasis = filterVehicle.vin;\n this.selectedRegNumber = filterVehicle.registrationNumber\n this.selectedVehicle = filterVehicle;\n this.selectedService = filterVehicle.typeOfService;\n this.selectedWorkShop = filterVehicle.workshopCode || this.selectedWorkShop;\n this.selectedVehicleType = 1;\n this.rrStatus = filterVehicle.rrStatus;\n this.division = filterVehicle.division;\n this.serviceCount = filterVehicle.serviceTypeSequence;\n // this.bayNo = filterVehicle.bayNo;\n // this.bayStartTime = filterVehicle.bayStartTime;\n // this.bayEndTime = filterVehicle.bayEndTime;\n } else if (this.searchRegisterationNo.value) {//if search is registrationNumber then select default vehicle\n let filterVehicle = this.serviceDetail.filter(vehicle => vehicle.registrationNumber == this.searchRegisterationNo.value)[0];\n this.selectedChasis = filterVehicle.vin\n this.selectedRegNumber = filterVehicle.registrationNumber\n this.selectedVehicle = filterVehicle;\n this.selectedService = filterVehicle.typeOfService;\n this.selectedWorkShop = filterVehicle.workshopCode || this.selectedWorkShop;\n this.selectedVehicleType = 2;\n this.rrStatus = filterVehicle.rrStatus;\n this.division = filterVehicle.division;\n this.serviceCount = filterVehicle.serviceTypeSequence;\n // this.bayNo = filterVehicle.bayNo;\n // this.bayStartTime = filterVehicle.bayStartTime;\n // this.bayEndTime = filterVehicle.bayEndTime;\n } else { //if search is number then select default vehicle\n this.selectedChasis = this.serviceDetail[0].vin\n this.selectedRegNumber = this.serviceDetail[0].registrationNumber\n this.selectedVehicle = this.serviceDetail[0];\n this.selectedService = this.serviceDetail[0].typeOfService;\n this.selectedWorkShop = this.serviceDetail[0].workshopCode || this.selectedWorkShop;\n this.rrStatus = this.serviceDetail[0].rrStatus;\n this.division = this.serviceDetail[0].division;\n this.serviceCount = this.serviceDetail[0].serviceTypeSequence;\n //this.bayNo = this.serviceDetail[0].bayNo;\n //this.bayStartTime = this.serviceDetail[0].bayStartTime;\n //this.bayEndTime = this.serviceDetail[0].bayEndTime;\n }\n // if(this.rrStatus == 'YES') {\n // this.rrDropdown = true;\n // this.miscellaneousService = this.miscellaneousServices[0].value;\n // }\n\n this.getWorkshopAppointmentFlag(this.selectedWorkShop, this.workshopCodeFlag);\n //if(this.selectedWorkShop == )\n // if(this.division == \"LMD\") {\n // this.serviceHours = 1;\n // this.serviceMintus = 30;\n // } else {\n // this.serviceHours = 2;\n // this.serviceMintus = 0;\n // }\n\n if(this.serviceCount >= 0) {\n if(this.serviceCount % 2 == 1) {\n this.serviceHours = 1;\n this.serviceMintus = 30;\n } else {\n this.serviceHours = 4;\n this.serviceMintus = 0;\n }\n }\n // this.fertCode = this.selectedVehicle.fertCode;\n // if (this.selectedVehicle.typeOfService) {\n // if (serviceType == 'FS1' || serviceType == 'FS2' || serviceType == 'FS3' || serviceType == 'ECS' || serviceType == 'PMS') {\n // this.showBay = true;\n // } else {\n // this.showBay = false;\n // }\n // } else {\n // this.showBay = true;\n // }\n // this.buildServiceForm();\n // if (this.fertCode && this.showBay) {\n // this.getFertPrice(this.selectedWorkShop, this.fertCode);\n // }\n } else {\n this.toastr.error(data['message'], \"Error\");\n }\n this.spinner = false;\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: onVehicleChange\n * purpose: To update selected vehicle data\n * @param {any} selectedVehicle - selected vehicle\n * @param {string} type - selected vehicle type\n * * @param {FormGroupDirective} formDirective - form directive\n */\n onVehicleChange(selectedVehicleNo: any, type: string, formDirective: FormGroupDirective) {\n if (type === 'V') {//fetch data of selected vehicle from radio btn- type vin\n this.selectedVehicle = this.serviceDetail.filter(vehicle => vehicle.vin == selectedVehicleNo)[0];\n this.selectedChasis = selectedVehicleNo;\n } else {//fetch data of selected vehicle from radio btn- type vin\n this.selectedVehicle = this.serviceDetail.filter(vehicle => vehicle.registrationNumber == selectedVehicleNo)[0];\n this.selectedRegNumber = selectedVehicleNo;\n }\n\n // this.serviceDetail = [];\n // this.selectedVehicle = '';\n // this.userService.getServiceDetail(this.customerDetails[0].customerCode, this.userId, selectedVehicleNo).subscribe(\n // data => {\n // if (data[\"responseCode\"] == 0) {\n // this.serviceDetail = data['responseData'];\n // this.selectedVehicle = this.serviceDetail[0];\n // localStorage.setItem(\"selectedVin\",this.selectedVehicle.vin);\n this.selectedWorkShop = this.selectedVehicle.workshopCode || this.selectedWorkShop;\n this.fertCode = this.selectedVehicle.fertCode;\n this.serviceCount = this.selectedVehicle.serviceTypeSequence\n // if (this.selectedVehicle.typeOfService) {\n // let serviceType = this.selectedVehicle.typeOfService.split(' - ')[0];\n // if (serviceType == 'FS1' || serviceType == 'FS2' || serviceType == 'FS3' || serviceType == 'ECS' || serviceType == 'PMS') {\n // this.showBay = true;\n // } else {\n // this.showBay = false;\n // }\n // } else {\n // this.showBay = true;\n // }\n if (this.workshopAppointmentFlag == \"true\") {\n // if(this.selectedVehicle.typeOfService) {\n // let serviceType = this.selectedVehicle.typeOfService.split(' - ')[0];\n //if (serviceType == 'FS1' || serviceType == 'FS2' || serviceType == 'FS3' || serviceType == 'ECS' || serviceType == 'PMS') {\n this.showBay = true;\n // } else {\n // this.showBay = false;\n // }\n // } else {\n // this.showBay = false;\n // }\n } else {\n this.showBay = false;\n }\n this.resetServiceForm(formDirective);\n this.buildServiceForm();\n if(this.showBay) {\n this.getBayVisibility();\n }\n if (this.selectedVehicle.fertCode && this.showBay) {\n this.getFertPrice(this.selectedWorkShop, this.fertCode);\n }\n // }\n // })\n }\n\n /**\n * Name: buildCustDataForm\n * purpose: To create customer data form\n */\n buildCustDataForm() {\n this.custDataForm = this.fb.group({\n custContact: [this.customerDetails[0].customerContactNo, [Validators.required, Validators.minLength(10), Validators.maxLength(10)]],\n fleetMangName: [\"\"],\n fleetMangContact: [\"\", [Validators.minLength(10), Validators.maxLength(10)]]\n });\n }\n\n /**\n * Name: hasCustDataError\n * purpose: To check if customer form has any error\n * @param {any} control - form control\n * @return {boolean} flag to determine if form is valid.\n */\n hasCustDataError(control: any): boolean {\n return (\n control &&\n (this.submitted || control.touched || control.dirty) &&\n !control.valid\n );\n }\n\n /**\n * Name: saveCustomer\n * purpose: To save customer updated details\n */\n saveCustomer() {\n let f = this.custDataForm;\n this.submitted = true;\n if (f.valid) {\n let custData = {\n creId: this.userId,\n custCode: this.customerDetails[0].customerCode,\n custContactNo: f.value.custContact || '',\n fleetContactNo: f.value.fleetMangContact || '',\n fleetName: f.value.fleetMangName || '',\n userId: this.userId\n }\n this.spinner = true;\n this.commonService.saveInboundCustomer(custData).subscribe(\n data => {\n if (data['responseCode'] == 0) {\n this.getFleetDetails(this.customerDetails[0].customerCode);\n this.custDataForm.controls['fleetMangName'].setValue(\"\");\n this.custDataForm.controls['fleetMangContact'].setValue(\"\");\n this.toastr.success(data['message'], \"Success\");\n } else {\n this.toastr.error(data['message'], \"Error\");\n }\n this.spinner = false;\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n }\n\n /**\n * Name: build service data Form\n * purpose: To create vehicle service info form\n */\n buildServiceForm() {\n this.dateTimeExample = this.selectedVehicle.bookingDate ? new Date(this.selectedVehicle.bookingDate) : this.dateTimeExample;\n this.disableServiceType = this.selectedVehicle.typeOfService ? true : false;\n this.rrDropdown = this.rrStatus == \"YES\" ? true : false;\n let missService = this.rrStatus == \"YES\" ? this.miscellaneousServices[0].value : this.miscellaneousService;\n\n if (this.showBay) {\n\n let packageId = this.packagelist.length ? this.packagelist[0].packageId : '';\n this.serviceForm = this.fb.group({\n serviceType: [this.selectedVehicle.typeOfService],\n miscellaneousService: [missService],\n serviceMileage: [this.selectedVehicle.milage],\n serviceDealer: [this.selectedWorkShop, Validators.required],\n serviceDateTime: [this.dateTimeExample, Validators.required],\n bayStartTime: [this.bayMinToday],\n package: [packageId],\n serviceComment: [this.selectedVehicle.comments]\n });\n } else {\n this.serviceForm = this.fb.group({\n serviceType: [this.selectedVehicle.typeOfService],\n miscellaneousService: [missService],\n serviceMileage: [this.selectedVehicle.milage],\n serviceDealer: [this.selectedWorkShop, Validators.required],\n serviceDateTime: [this.dateTimeExample, Validators.required],\n serviceComment: [this.selectedVehicle.comments]\n });\n }\n }\n\n /**\n * Name: hasDateError\n * purpose: To check if service date has any error\n * @param {any} control - form control\n * @return {boolean} flag to determine if form is valid.\n */\n hasDateError(control: any): boolean {\n let error = false;\n let todayDate = this.datePipe.transform(this.today, \"yyyy-MM-dd\");\n let bookingDate = this.datePipe.transform(control.value, \"yyyy-MM-dd\")\n if (todayDate == bookingDate) {\n error = true;\n } else {\n error = false;\n }\n return error;\n }\n\n /**\n * Name: hasServiceError\n * purpose: To check if service data form has any error\n * @param {any} control - form control\n * @return {boolean} flag to determine if form is valid.\n */\n hasServiceError(control: any): boolean {\n\n this.todayDate = new Date(this.datePipe.transform(this.today, \"yyyy-MM-dd\"));\n this.bookingDate = new Date(this.datePipe.transform(this.serviceForm.value.serviceDateTime, \"yyyy-MM-dd\"));\n return (\n control &&\n (this.submittedService || control.touched || control.dirty) &&\n !control.valid\n );\n }\n\n /**\n * Name: resetServiceForm\n * purpose: To reset service form data\n * @param {FormGroupDirective} formDirective - form directive\n */\n resetServiceForm(formDirective: FormGroupDirective) {\n if (formDirective) {\n formDirective.resetForm();\n }\n this.serviceForm.reset();\n Object.keys(this.serviceForm.controls).forEach(key => {\n this.serviceForm.controls[key].setErrors(null)\n });\n }\n\n /**\n * Name: saveService\n * purpose: To save vehicle service updated details\n * @param {boolean} close - flag to close search view\n * @param {FormGroupDirective} formDirective - form directive\n */\n saveService(close: boolean, formDirective: FormGroupDirective) {\n let f = this.serviceForm;\n this.submittedService = true;\n if (f.valid) {\n if (this.showBay == true && this.showBay1 == false) {\n let serviceDateTime = this.datePipe.transform(f.value.serviceDateTime, \"yyyy-MM-ddTHH:mm:ssZ\");\n let bookingDate = this.datePipe.transform(this.selectedVehicle.bookingDate, \"yyyy-MM-ddTHH:mm:ssZ\");\n let dueDate = this.datePipe.transform(this.selectedVehicle.serviceDueDate, \"yyyy-MM-dd\");\n let serviceType = '';\n if (f.value.serviceType) {\n this.serviceTypes.forEach(type => {\n if (type.value == f.value.serviceType) {\n serviceType = type.code;\n }\n });\n }\n let miscellaneousService = '';\n if (f.value.miscellaneousService) {\n this.miscellaneousServices.forEach(type => {\n if (type.value == f.value.miscellaneousService) {\n miscellaneousService = type.code;\n }\n });\n }\n let bay: string;\n let bayEndTime: any;\n //bay time selection\n if (serviceDateTime && this.showBay && f.value[\"bayStartTime\"] != null) {\n //bay time\n let selectedDate = this.datePipe.transform(serviceDateTime, \"yyyy-MM-dd\");\n let selectedTime = this.datePipe.transform(f.value[\"bayStartTime\"], \"HH:mm:ss\");\n let bayDateTime = new Date(selectedDate + 'T' + selectedTime);\n //service time data data\n serviceDateTime = this.datePipe.transform(bayDateTime, \"yyyy-MM-ddTHH:mm:ssZ\");\n\n //bayendtime\n this.bayEndTime = bayDateTime.setHours(bayDateTime.getHours() + this.serviceHours);\n this.bayEndTime = bayDateTime.setMinutes(bayDateTime.getMinutes() + this.serviceMintus);\n this.bayEndTime = this.datePipe.transform(this.bayEndTime, \"HH:mm:ss\");\n }\n if (this.showBay && f.value.serviceDateTime) {\n bay = this.selectedBayNo;\n bayEndTime = this.bayEndTime;\n } else {\n bay = '';\n // let time = this.datePipe.transform(new Date(), \"yyyy-MM-dd\") + \"T00:00:00+0000\";\n // bayEndTime = this.datePipe.transform(time, \"HH:mm:ss\");\n bayEndTime = \"00:00:00\";\n }\n let serviceData = {\n \"creId\": this.userId,\n \"custCode\": this.customerDetails[0].customerCode,\n \"vin\": this.selectedVehicle.vin,\n \"serviceDueDate\": dueDate || this.datePipe.transform(f.value.serviceDateTime, \"yyyy-MM-dd\"),\n \"driverName\": this.selectedVehicle.driverName || '',\n \"driverContactNo\": this.selectedVehicle.driverContactNo || '',\n \"typeOfService\": serviceType || '',\n \"milage\": f.value.serviceMileage || '',\n \"dealerWorkshopName\": f.value.serviceDealer,\n \"callStatusCode\": this.selectedVehicle.callStatusCode || '',\n \"bookingDate\": serviceDateTime || bookingDate,\n \"serviceReason\": this.callReason,\n \"comments\": f.value.serviceComment || '',\n \"userId\": this.userId,\n \"bay\": bay,\n \"bayEndTime\": bayEndTime,\n \"misServiceType\": miscellaneousService\n }\n this.spinner = true;\n this.commonService.saveServiceData(serviceData).subscribe(\n data => {\n if (data['responseCode'] == 0) {\n this.toastr.success(data['message'], \"Success\");\n //this.sendBookingSMS(serviceData);\n if (this.serviceDetail.length > 1 && !close) {//select new vehicle in case of multiple vin\n let newVehicle = this.serviceDetail.filter(vehicle => vehicle.vin != this.selectedVehicle.vin)[0];\n if (newVehicle && newVehicle.vin) {\n this.onVehicleChange(newVehicle.vin, 'V', formDirective);\n }\n } else {\n this.resetServiceForm(formDirective);\n this.clearSearch();\n }\n this.submittedService = false;\n } else {\n this.submittedService = false;\n this.toastr.error(data['message'], \"Error\");\n }\n this.spinner = false;\n }, err => {\n this.spinner = false;\n this.submittedService = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n else {\n let dueDate\n let serviceDateTime = this.datePipe.transform(f.value.serviceDateTime, \"yyyy-MM-ddTHH:mm:ssZ\");\n let bookingDate = this.datePipe.transform(this.selectedDoorstepVehicle.bookingDate, \"yyyy-MM-ddTHH:mm:ssZ\");\n if(this.selectedDoorstepVehicle.serviceDueDate != null){\n dueDate = this.datePipe.transform(this.selectedDoorstepVehicle.serviceDueDate, \"yyyy-MM-dd\");\n }\n else{\n dueDate = this.datePipe.transform(this.selectedVehicle.serviceDueDate, \"yyyy-MM-dd\");\n }\n let serviceType = '';\n if (f.value.serviceType) {\n this.serviceTypes.forEach(type => {\n if (type.value == f.value.serviceType) {\n serviceType = type.code;\n }\n });\n }\n let serviceData = {\n \"creId\": this.userId,\n \"custCode\": this.customerDetails[0].customerCode,\n \"vin\": this.selectedDoorstepVehicle.vin,\n \"serviceDueDate\": dueDate || this.datePipe.transform(f.value.serviceDateTime, \"yyyy-MM-dd\"),\n \"driverName\": this.selectedDoorstepVehicle.driverName || '',\n \"driverContactNo\": this.selectedDoorstepVehicle.driverContactNo || '',\n \"typeOfService\": serviceType || '',\n \"mileage\": f.value.serviceMileage || '',\n \"dealerWorkshopCode\": f.value.serviceDealer,\n \"callStatusCode\": this.selectedDoorstepVehicle.callStatusCode || '',\n \"bookingDate\": serviceDateTime || bookingDate,\n \"address\": f.value.address || '',\n \"pincode\": f.value.pincode || '',\n \"distance\": f.value.location || '',\n \"additionalService\": f.value.additionalServiceRequired || '',\n \"paymentMethod\": f.value.payment || '',\n \"comments\": f.value.serviceComment || '',\n }\n this.spinner = true;\n this.commonService.saveDoorstepServiceData(serviceData).subscribe(\n data => {\n if (data['responseCode'] == 0) {\n this.toastr.success(data['message'], \"Success\");\n //this.sendBookingSMS(serviceData);\n if (this.doorstepServiceDetail.length > 1 && !close) {//select new vehicle in case of multiple vin\n let newVehicle = this.doorstepServiceDetail.filter(vehicle => vehicle.vin != this.selectedDoorstepVehicle.vin)[0];\n if (newVehicle && newVehicle.vin) {\n this.onVehicleChange(newVehicle.vin, 'V', formDirective);\n }\n } else {\n this.resetServiceForm(formDirective);\n this.clearSearch();\n }\n this.submittedService = false;\n } else {\n this.submittedService = false;\n this.toastr.error(data['message'], \"Error\");\n }\n this.spinner = false;\n }, err => {\n this.spinner = false;\n this.submittedService = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n } else {\n this.submittedService = false;\n }\n }\n\n /**\n * Name: sendBookingSMS\n * purpose: To send booking sms\n */\n sendBookingSMS(bookingData: any): void {\n this.spinner = true;\n let bookingDate = this.datePipe.transform(bookingData.bookingDate, \"yyyy-MM-dd\");\n let bookingTime = this.datePipe.transform(bookingData.bookingDate, \"yyyy-MM-ddTHH:mm:ssZ\");\n let request = {\n bkStatus: 'B',\n bkTime: bookingTime || '',\n bkdate: bookingDate || '',\n contactNo: this.customerDetails[0].customerContactNo || '',\n custName: this.customerDetails[0].customerName || '',\n regNo: this.selectedVehicle.registrationNumber || '',\n vin: this.selectedVehicle.vin || ''\n }\n this.workShops.forEach(workshop => {\n if (workshop.workshopCode == this.selectedWorkShop) {\n request['wSAddress'] = workshop.workshopAddress || '';\n request['wSManager'] = workshop.contactNo || '';\n }\n });\n this.commonService.sendBookingSMS(request).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: openCustomer360\n * purpose: To open customer360 popup\n * @param {string} custId - customer id\n */\n openCustomer360(custId: string) {\n this.dialog.open(Customer360DialogComponent, {\n width: '70%',\n data: { customerCode: custId }\n });\n }\n\n /**\n * Name: clearSearch\n * purpose: To clear current search data\n */\n clearSearch() {\n this.customerChassisList = [];\n this.customerNumberList = [];\n this.customerDetails = [];\n this.fleetDetail = [];\n\n this.serviceDetail = [];\n this.selectedVehicle = [];\n this.selectedDoorstepVehicle = [];\n this.selectedService = '';\n this.vinList = [];\n this.selectedVin = '';\n this.miscellaneousServices = [\n { value: 'RUNNING REPAIR', type: 'RUNNING REPAIR/QUICK SERVICE', code: 'RR' },\n { value: 'DOORSTEP SERVICE', type: 'DOORSTEP SERVICE', code: 'DS' },\n ];\n this.miscellaneousService = '';\n\n this.selectedChasis = '';\n this.selectedRegNumber = '';\n this.selectedWorkShop = (this.workShops && this.workShops.length) ? this.workShops[0].workshopCode : '';\n\n this.searchChassis.setValue('');\n this.searchNumber.setValue('');\n this.searchRegisterationNo.setValue('');\n this.searchChassis.enable();\n this.searchNumber.enable();\n this.searchRegisterationNo.enable();\n if (this.serviceForm) {\n this.serviceForm.reset();\n }\n if (this.custDataForm) {\n this.custDataForm.reset();\n }\n //this.rrDropdown = false;\n this.commentFlag = false;\n }\n\n /**\n * Name: getWorkshopBay\n * purpose: To getWorkshopBay\n */\n getWorkshopBay(): void {\n this.commonService.getWorkshopBay(this.userId).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.assignedBay = res[\"responseData\"];\n this.bayStartTime = this.assignedBay[0].startTime;\n } else {\n //this.toastr.error(res[\"message\"], \"Error\");\n this.spinner = false;\n }\n }, error => {\n this.toastr.error(error, \"Error\");\n this.spinner = false;\n });\n }\n\n /**\n * Name: getBayVisibility\n * purpose: To getBayVisibility\n */\n getBayVisibility(): void {\n let workShopCode = this.serviceForm.value.serviceDealer;\n let selectedDate = this.datePipe.transform(this.serviceForm.value.serviceDateTime, \"yyyy-MM-dd\");\n this.bayLayout = [];\n this.chartData = [];\n this.commonService.getBayVisibility(workShopCode, selectedDate).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n if (res[\"responseData\"].length) {\n res[\"responseData\"].sort(function (a, b) {\n let aStartTime = new Date(selectedDate + 'T' + a.startTime);\n let bStartTime = new Date(selectedDate + 'T' + b.startTime);\n\n var aMin = aStartTime.getMinutes();\n var aHrs = aMin > 0 ? aMin / 60 : 0;\n let aTime = aStartTime.getHours() + aHrs;\n\n var bMin = bStartTime.getMinutes();\n var bHrs = bMin > 0 ? bMin / 60 : 0;\n let bTime = bStartTime.getHours() + bHrs;\n return aTime - bTime;\n });\n }\n\n var result = Object.assign([], res[\"responseData\"]);\n\n //get assigned workshop details\n this.assignedBay.forEach(element => {\n if (element.workshopCode == workShopCode) {\n this.workShopBay = element;\n }\n });\n this.workShopBay.bayArea = Object.assign([], res[\"responseData\"]);\n let totalNoBay = Number(this.workShopBay.totalNoBay);\n //set baylayout\n let bayList = [];\n for (let b = 1; b <= totalNoBay; b++) {\n var bay = result.filter(item => item.bay == b);\n bayList.push(bay);\n }\n this.selectedBay = Object.assign([], bayList[0]);\n this.selectedBayNo = bayList.length ? 1 : \"\";\n this.bayLayout = Object.assign([], bayList);\n\n //get bay details\n if(new Date(selectedDate + 'T' + this.workShopBay.startTime).getTime() <= this.today.getTime()) {\n this.bayMinToday = new Date();\n this.bayMaxToday = new Date(selectedDate + 'T' + this.workShopBay.endTime);\n } else {\n this.bayMinToday = new Date(selectedDate + 'T' + this.workShopBay.startTime);\n this.bayMaxToday = new Date(selectedDate + 'T' + this.workShopBay.endTime);\n }\n this.bayOpen = new Date(selectedDate + 'T' + this.workShopBay.startTime);\n this.bayClose = new Date(selectedDate + 'T' + this.workShopBay.endTime);\n this.serviceForm.controls.bayStartTime.setValue(this.bayMinToday);\n\n //get chart labels\n let startTime = this.checkHours(this.bayOpen);\n let endTime = this.checkHours(this.bayClose);\n\n this.chartOptions.scales.xAxes[0].ticks.min = startTime;\n this.chartOptions.scales.xAxes[0].ticks.max = endTime;\n\n //fill bay availability\n this.bayLayout.forEach(bayData => {\n let chartData: ChartDataSets[] = [];\n let chartLength = 0;\n let i = startTime;\n for (i; i <= endTime; i++) {\n let slot = {};\n slot['value'] = i;\n slot['available'] = true;\n\n bayData.some((element, index) => {\n //service time\n let serviceStart = new Date(selectedDate + 'T' + element.startTime);\n let serviceEnd = new Date(selectedDate + 'T' + element.endTime);\n\n //final service day hrs\n let serviceStartTime = this.checkHours(serviceStart);\n let serviceEndTime = this.checkHours(serviceEnd);\n\n let serVal = serviceEndTime - serviceStartTime;\n\n if (i >= serviceStartTime) {\n slot['available'] = false;\n let chartVal = serVal;\n if (chartVal > 0) {\n i = chartData.length ? (i + chartVal - 1) : serviceEndTime - 1;\n chartVal = chartData.length ? chartVal : serviceStartTime + chartVal;\n let data: ChartDataSets = {\n data: [chartVal],\n stack: 'a',\n label: 'Occupied',\n backgroundColor: '#e64243',\n hoverBackgroundColor: '#e64243',\n borderSkipped: 'left',\n borderWidth: 1,\n borderColor: \"#e64243\",\n barThickness: 8\n }\n chartLength = chartLength + chartVal;\n chartData.push(data);\n bayData.splice(index, 1);\n }\n return true;\n } else {\n let chartVal = serviceStartTime - i;\n if (chartVal > 0) {\n i = chartData.length ? (i + chartVal - 1) : serviceStartTime - 1;\n chartVal = chartData.length ? chartVal : serviceStartTime;\n let data: ChartDataSets = {\n data: [chartVal],\n stack: 'a',\n label: 'Available',\n backgroundColor: '#d3d3d3',\n hoverBackgroundColor: '#d3d3d3',\n borderSkipped: 'left',\n borderWidth: 1,\n borderColor: \"#d3d3d3\",\n barThickness: 8\n }\n chartLength = chartLength + chartVal;\n chartData.push(data);\n return true;\n }\n }\n });\n if (bayData.length == 0) {\n let chartVal = endTime - chartLength;\n let data: ChartDataSets = {\n data: [chartVal],\n stack: 'a',\n label: 'Available',\n backgroundColor: '#d3d3d3',\n hoverBackgroundColor: '#d3d3d3',\n borderSkipped: 'left',\n borderWidth: 1,\n borderColor: \"#d3d3d3\",\n barThickness: 8\n }\n chartData.push(data);\n break;\n }\n }\n this.chartData.push(chartData);\n });\n if (this.serviceForm.value['bayStartTime']) {\n this.checkAvailability();\n }\n } else {\n this.toastr.error(res[\"message\"], \"Error\");\n this.spinner = false;\n }\n }, error => {\n this.toastr.error(error, \"Error\");\n this.spinner = false;\n });\n }\n\n /**\n * Name: selectBay\n * purpose: To selectBay\n */\n selectBay(bay: any) {\n this.bayError = false;\n this.selectedBay = this.workShopBay.bayArea.filter(item => item.bay == (bay.value + 1));\n this.selectedBayNo = bay.value + 1;\n }\n\n /**\n * Name: checkAvailability\n * purpose: To checkAvailability\n */\n checkAvailability(): void {\n this.bayError = false;\n let serviceTime = 0;\n // if(this.division == \"LMD\") {\n // serviceTime = 1.5;\n // } else {\n // serviceTime = 2;\n // }\n\n if(this.serviceCount>=0){\n if(this.serviceCount % 2 == 1){\n serviceTime = 1.5;\n }else{\n serviceTime = 4;\n }\n }\n let bayOpen = this.checkHours(this.bayOpen);\n let bayClose = this.checkHours(this.bayClose);\n let bayMinToday = this.checkHours(this.bayMinToday);\n let bayMaxToday = this.checkHours(this.bayMaxToday);\n let selectedTime = this.checkHours(new Date(this.serviceForm.value['bayStartTime']));\n let selectedEndTime = selectedTime + serviceTime;\n if (this.selectedBay.length) {\n this.selectedBay.some(element => {\n let date = this.datePipe.transform(this.serviceForm.value['bayStartTime'], \"yyyy-MM-dd\");\n let startDate = new Date(date + 'T' + element.startTime);\n let endDate = new Date(date + 'T' + element.endTime);\n let startTimeS = this.checkHours(startDate);\n let endTimeS = this.checkHours(endDate);\n if((selectedEndTime > bayMaxToday) || (selectedTime < bayMinToday)) {\n this.bayError = true;\n return true;\n }\n if ((selectedTime >= startTimeS && selectedTime < endTimeS) ||\n (selectedEndTime > startTimeS && selectedEndTime <= endTimeS) ||\n (selectedEndTime > bayClose) || (selectedTime < bayOpen) ||\n (selectedTime <= startTimeS && selectedEndTime >= endTimeS)) {\n this.bayError = true;\n return true;\n }\n });\n } else {\n let selectedTime = this.checkHours(new Date(this.serviceForm.value['bayStartTime']));\n let selectedEndTime = selectedTime + serviceTime;\n if ((selectedEndTime > bayClose) || (selectedTime < bayOpen)) {\n this.bayError = true;\n }\n if((selectedEndTime > bayMaxToday) || (selectedTime < bayMinToday)) {\n this.bayError = true;\n }\n }\n }\n\n /**\n * Name: checkHours\n * purpose: To checkHours\n */\n checkHours(selectedTime) {\n var startMin = selectedTime.getMinutes();\n var hrsOpen = startMin > 0 ? startMin / 60 : 0;\n let startTime = selectedTime.getHours() + hrsOpen;\n return startTime;\n }\n\n /**\n * Name: getFertPrice\n * purpose: To getFertPrice\n */\n getFertPrice(workShopCode: string, fertCode: string): void {\n this.commonService.getFertPrice(workShopCode, fertCode).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.packagelist = res[\"responseData\"];\n this.packagelist.forEach(element => {\n element.fert = Math.round(Number(element.fert) * 100 + Number.EPSILON) / 100;\n });\n //this.serviceHours = this.packagelist.length ? this.packagelist[0].fert : 2;\n // if(this.showBay) {\n // this.getBayVisibility();\n // }\n this.serviceForm.controls[\"package\"].setValue(this.packagelist[0].packageId);\n } else {\n //this.serviceHours = 2;\n //this.getBayVisibility();\n //this.toastr.error(res[\"message\"], \"Error\");\n this.spinner = false;\n }\n }, error => {\n //this.toastr.error(error, \"Error\");\n this.spinner = false;\n });\n }\n\n setPackage(packageId) {\n // this.packagelist.forEach(element => {\n // if (element.packageId == packageId) {\n // this.serviceHours = element.fert || 2;\n // }\n // });\n if (this.serviceForm.value['bayStartTime']) {\n this.checkAvailability();\n }\n }\n\n filterTriggered(event: any, formDirective: FormGroupDirective): void {\n this.miscellaneousService = \"\";\n this.miscellaneousService = event.value;\n if ((event && event.value)) {\n if (event.value == \"DOORSTEP SERVICE\") {\n this.showBay1 = true;\n this.showBay = false;\n this.resetServiceForm(formDirective);\n this.getDoorstepCustomerVinDetails(this.customerDetails[0].customerCode, this.selectedVin);\n this.buildDoorstepServiceForm();\n\n }\n else {\n this.showBay1 = false;\n this.showBay = true;\n this.resetServiceForm(formDirective);\n if(this.selectedService != null){\n this.miscellaneousServices = [\n { value: 'DOORSTEP SERVICE', type: 'DOORSTEP SERVICE', code: 'DS' },\n ];\n }\n this.buildServiceForm();\n if (this.selectedVehicle.fertCode && (this.showBay && !this.showBay1)) {\n this.getFertPrice(this.selectedWorkShop, this.fertCode);\n }\n }\n this.commentFlag = true;\n }\n }\n\n getWorkshopAppointmentFlag(workShopCode: string, flag: any) {\n this.packagelist = [];\n this.commonService.getWorkshopAppointmentFlag(workShopCode)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.workshopAppointmentFlag = res['responseData'][0].appointmentFlag;\n this.fertCode = this.selectedVehicle.fertCode;\n if (this.workshopAppointmentFlag == \"true\") {\n // if(this.selectedVehicle.typeOfService) {\n // let serviceType = this.selectedVehicle.typeOfService.split(' - ')[0];\n // if (serviceType == 'FS1' || serviceType == 'FS2' || serviceType == 'FS3' || serviceType == 'ECS' || serviceType == 'PMS') {\n this.showBay = true;\n // } else {\n // this.showBay = false;\n // }\n // } else {\n // this.showBay = false;\n // }\n } else {\n this.showBay = false;\n this.selectedBayNo = \"\";\n }\n // if(flag) {\n this.selectedWorkShop = workShopCode;\n this.buildServiceForm();\n if (this.showBay) {\n this.getBayVisibility();\n }\n // }\n if (this.fertCode && this.showBay) {\n this.getFertPrice(this.selectedWorkShop, this.fertCode);\n }\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n getDoorstepCustomerVinDetails(customerCode: string, vin: string) {\n this.spinner = true;\n this.userService.getDoorstepServiceDetail(customerCode, this.userId, vin).subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.doorstepServiceDetail = res['responseData'];\n if (this.searchChassis.value) {//if search is chasis then select default vehicle\n let filterVehicle = this.doorstepServiceDetail.filter(vehicle => vehicle.vin == this.searchChassis.value)[0];\n this.selectedChasis = filterVehicle.vin;\n this.selectedRegNumber = filterVehicle.registrationNumber\n this.selectedDoorstepVehicle = filterVehicle;\n if (filterVehicle.serviceType != null) {\n\n this.selectedService = filterVehicle.serviceType;\n this.selectedWorkShop = filterVehicle.workshopCode || this.selectedWorkShop;\n this.selectedVehicleType = 1;\n this.division = filterVehicle.division;\n this.serviceCount = filterVehicle.serviceTypeSequence;\n this.buildDoorstepServiceForm();\n this.miscellaneousServices = [\n { value: 'DOORSTEP SERVICE', type: 'DOORSTEP SERVICE', code: 'DS' },\n ];\n }\n else {\n this.dateTimeExample = this.selectedVehicle.bookingDate ? new Date(this.selectedVehicle.bookingDate) : this.dateTimeExample;\n this.disableServiceType = this.selectedVehicle.typeOfService ? true : false;\n this.rrDropdown = this.rrStatus == \"YES\" ? true : false;\n let missService = this.rrStatus == \"YES\" ? this.miscellaneousServices[0].value : \"\";\n if(this.selectedVehicle.typeOfService != null){\n this.miscellaneousServices = [\n { value: 'DOORSTEP SERVICE', type: 'DOORSTEP SERVICE', code: 'DS' },\n ];\n }\n else{\n this.miscellaneousServices = [\n { value: 'RUNNING REPAIR', type: 'RUNNING REPAIR/QUICK SERVICE', code: 'RR' },\n { value: 'DOORSTEP SERVICE', type: 'DOORSTEP SERVICE', code: 'DS' },\n ];\n }\n this.serviceForm = this.fb.group({\n serviceType: [this.selectedVehicle.typeOfService],\n miscellaneousService: [this.miscellaneousService],\n serviceMileage: [this.selectedVehicle.milage],\n serviceDealer: [this.selectedWorkShop, Validators.required],\n serviceDateTime: [this.dateTimeExample, Validators.required],\n serviceComment: [this.selectedVehicle.comments],\n address: [\"\",Validators.required],\n pincode: [\"\",Validators.required],\n location: [\"\",Validators.required],\n payment: [\"\",Validators.required],\n additionalServiceRequired: [\"\",Validators.required]\n });\n }\n\n // this.bayNo = filterVehicle.bayNo;\n // this.bayStartTime = filterVehicle.bayStartTime;\n // this.bayEndTime = filterVehicle.bayEndTime;\n } else if (this.searchRegisterationNo.value) {//if search is registrationNumber then select default vehicle\n let filterVehicle = this.serviceDetail.filter(vehicle => vehicle.registrationNumber == this.searchRegisterationNo.value)[0];\n this.selectedChasis = filterVehicle.vin\n this.selectedRegNumber = filterVehicle.registrationNumber\n this.selectedDoorstepVehicle = filterVehicle;\n if (filterVehicle.serviceType != null) {\n\n this.selectedService = filterVehicle.serviceType;\n this.selectedWorkShop = filterVehicle.workshopCode || this.selectedWorkShop;\n this.selectedVehicleType = 2;\n this.division = filterVehicle.division;\n this.serviceCount = filterVehicle.serviceTypeSequence;\n this.buildDoorstepServiceForm();\n this.miscellaneousServices = [\n { value: 'DOORSTEP SERVICE', type: 'DOORSTEP SERVICE', code: 'DS' },\n ];\n\n }\n else {\n this.dateTimeExample = this.selectedVehicle.bookingDate ? new Date(this.selectedVehicle.bookingDate) : this.dateTimeExample;\n this.disableServiceType = this.selectedVehicle.typeOfService ? true : false;\n this.rrDropdown = this.rrStatus == \"YES\" ? true : false;\n let missService = this.rrStatus == \"YES\" ? this.miscellaneousServices[0].value : \"\";\n if(this.selectedVehicle.typeOfService != null){\n this.miscellaneousServices = [\n { value: 'DOORSTEP SERVICE', type: 'DOORSTEP SERVICE', code: 'DS' },\n ];\n }\n else{\n this.miscellaneousServices = [\n { value: 'RUNNING REPAIR', type: 'RUNNING REPAIR/QUICK SERVICE', code: 'RR' },\n { value: 'DOORSTEP SERVICE', type: 'DOORSTEP SERVICE', code: 'DS' },\n ];\n }\n\n this.serviceForm = this.fb.group({\n serviceType: [this.selectedVehicle.typeOfService],\n miscellaneousService: [this.miscellaneousService],\n serviceMileage: [this.selectedVehicle.milage],\n serviceDealer: [this.selectedWorkShop, Validators.required],\n serviceDateTime: [this.dateTimeExample, Validators.required],\n serviceComment: [this.selectedVehicle.comments],\n address: [\"\",Validators.required],\n pincode: [\"\",Validators.required],\n location: [\"\",Validators.required],\n payment: [\"\",Validators.required],\n additionalServiceRequired: [\"\",Validators.required]\n });\n\n\n }\n // this.bayNo = filterVehicle.bayNo;\n // this.bayStartTime = filterVehicle.bayStartTime;\n // this.bayEndTime = filterVehicle.bayEndTime;\n } else { //if search is number then select default vehicle\n this.selectedChasis = this.serviceDetail[0].vin\n this.selectedRegNumber = this.serviceDetail[0].registrationNumber\n this.selectedDoorstepVehicle = this.serviceDetail[0];\n this.selectedService = this.serviceDetail[0].serviceType;\n this.selectedWorkShop = this.serviceDetail[0].workshopCode || this.selectedWorkShop;\n this.rrStatus = this.serviceDetail[0].rrStatus;\n this.division = this.serviceDetail[0].division;\n this.serviceCount = this.serviceDetail[0].serviceTypeSequence;\n //this.bayNo = this.serviceDetail[0].bayNo;\n //this.bayStartTime = this.serviceDetail[0].bayStartTime;\n //this.bayEndTime = this.serviceDetail[0].bayEndTime;\n }\n }\n else {\n this.toastr.error(res['message'], \"Error\");\n }\n this.spinner = false;\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n buildDoorstepServiceForm() {\n this.dateTimeExample = this.selectedDoorstepVehicle.bookingDate ? new Date(this.selectedDoorstepVehicle.bookingDate) : this.dateTimeExample;\n this.disableServiceType = this.selectedDoorstepVehicle.serviceType ? true : false;\n\n this.serviceForm = this.fb.group({\n serviceType: [this.selectedDoorstepVehicle.serviceType],\n miscellaneousService: [this.miscellaneousService],\n serviceMileage: [this.selectedDoorstepVehicle.currentMileage],\n serviceDealer: [this.selectedWorkShop, Validators.required],\n serviceDateTime: [this.dateTimeExample, Validators.required],\n serviceComment: [this.selectedDoorstepVehicle.comments],\n address: [\"\",Validators.required],\n pincode: [\"\",Validators.required],\n location: [\"\",Validators.required],\n payment: [\"\",Validators.required],\n additionalServiceRequired: [\"\",Validators.required]\n });\n }\n\n\n /**\n * Name: saveServiceData\n * purpose: To save vehicle service updated details\n * @param {boolean} close - flag to close search view\n * @param {FormGroupDirective} formDirective - form directive\n */\n saveServiceData(close: boolean, formDirective: FormGroupDirective) {\n\n let today : Date = new Date();\n let todayDate = new Date(this.datePipe.transform(today, \"yyyy-MM-dd\"))\n let booking = new Date(this.datePipe.transform(this.serviceForm.value.serviceDateTime, \"yyyy-MM-dd\"))\n\n if(this.workshopAppointmentFlag == \"true\" && this.selectedBayNo != '') {\n if(booking > todayDate) {\n this.saveService(close, formDirective);\n } else {\n this.toastr.error(\"Booking not allow on current Date.\", \"Error\");\n }\n }\n else if(this.workshopAppointmentFlag == \"false\" && this.selectedBayNo == '') {\n if(booking > todayDate) {\n this.saveService(close, formDirective);\n } else {\n this.toastr.error(\"Booking not allow on current Date.\", \"Error\");\n }\n }\n else {\n this.toastr.error(\"Please select the Bay.\", \"Error\");\n }\n }\n}","export default \".working-area {\\n margin-top: 115px;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.calling-table tr {\\n cursor: pointer;\\n}\\n\\n.table-head-call {\\n background: none;\\n padding-top: 12px;\\n}\\n\\n.button-margin {\\n margin-left: 10px;\\n}\\n\\n.callList {\\n font: Bold 20px Roboto;\\n letter-spacing: 0px;\\n color: #484848;\\n opacity: 1;\\n}\\n\\n.close-con {\\n font-size: 18px;\\n cursor: pointer;\\n top: 3px;\\n right: 1px;\\n position: absolute !important;\\n z-index: 10;\\n opacity: 1;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 89%;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.refesh-icon {\\n float: right;\\n margin-bottom: -30px;\\n margin-right: 20px;\\n margin-top: 30px;\\n cursor: pointer;\\n}\\n\\n.coloredRow {\\n background: #ffff99;\\n}\\n\\n.coloredGreenRow {\\n background: #90ee90;\\n}\\n\\n.mat-dialog-title {\\n background-color: darkgray;\\n}\\n\\n.callList-right {\\n font-size: 11px;\\n color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.columnHeader {\\n font: Bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.lost {\\n color: #e64243;\\n position: absolute;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.inbound {\\n color: #2e3668;\\n position: absolute;\\n left: 0px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.columnvalue {\\n font-size: 14px;\\n position: relative;\\n}\\n\\n.filter1 {\\n font-size: 12px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 20px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n}\\n\\n.serviceDueDate {\\n width: 10% !important;\\n}\\n\\n.followUp {\\n width: 9% !important;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 3px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\nth.mat-header-cell {\\n background-color: #d9d9d9;\\n}\\n\\n.filter2 {\\n width: auto;\\n}\\n\\n.call-stats-card .mat-card-title {\\n margin-bottom: 0px;\\n}\\n\\n.call-stats-card .call-stats {\\n font-size: 11px;\\n color: #ffffff;\\n}\\n\\n.call-stats-card .call-stats i {\\n color: #2e3668;\\n font-size: 11px;\\n}\\n\\n.call-stats-card .call-stats-title {\\n font-size: 20px;\\n color: #484848;\\n}\\n\\n.call-stats-card1 {\\n padding-top: 0px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid none solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card-border2 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n margin-bottom: 15px;\\n border-color: lightgray;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #5482BC;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #5482BC;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 30px;\\n font: Regular 14px Roboto;\\n letter-spacing: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .refresh-btn.mat-button {\\n min-width: auto;\\n}\\n\\n.refresh-btn {\\n background-color: #ffffff;\\n color: #e64243;\\n border: 1px solid #e64243;\\n border-radius: 0px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-flex {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n background: white;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-label {\\n padding-left: 10px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-infix {\\n border-top: none;\\n}\\n\\n.textboxService ::ng-deep label.mat-form-field-label {\\n margin-top: 8px !important;\\n}\\n\\n.textboxService ::ng-deep input.mat-input-element {\\n margin-top: 0.6em;\\n margin-left: 10px;\\n}\\n\\n.search-icon {\\n position: absolute;\\n right: 15px;\\n top: 15px;\\n}\\n\\n.backColor {\\n background-color: #00457D !important;\\n font-size: 12px;\\n}\\n\\n.box-size {\\n margin-left: 10px;\\n margin-top: 7px;\\n width: 28px;\\n height: 28px;\\n color: #ffffff !important;\\n}\\n\\n.backColor1 {\\n background-color: #5482BC !important;\\n font-size: 12px;\\n}\\n\\n.call-stats-value {\\n margin-left: 50px;\\n font-size: 18px;\\n}\\n\\n.call-stats-value1 {\\n margin-left: 30px;\\n font-size: 18px;\\n}\\n\\n.info-circle-size {\\n font-size: 12px !important;\\n color: #ffffff !important;\\n}\\n\\n.flex-set {\\n margin-top: 7px;\\n margin-left: 30px;\\n}\\n\\n.flex-set1 {\\n margin-top: 7px;\\n margin-left: 55px;\\n}\\n\\n.dueDateIcon {\\n height: 9px;\\n width: 11px;\\n}\\n\\n.filter3 {\\n width: 200px;\\n margin-right: 30px;\\n font-size: 12px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvbG9zdC1jdXN0b21lci9sb3N0LWN1c3RvbWVyLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnQvbG9zdC1jdXN0b21lci9sb3N0LWN1c3RvbWVyLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLFdBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7QUNDSjs7QURFQTtFQUNJLGdCQUFBO0VBQ0EsaUJBQUE7QUNDSjs7QURFQTtFQUNJLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxzQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtFQUNBLFVBQUE7RUFDQSw2QkFBQTtFQUNBLFdBQUE7RUFDQSxVQUFBO0FDQ0o7O0FERUE7RUFDSSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtBQ0NKOztBREVBO0VBQ0ksZ0JBQUE7QUNDSjs7QURFQTtFQUNJLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxVQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0VBQ0EsV0FBQTtBQ0NKOztBREVBO0VBQ0ksTUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLGFBQUE7QUNDSjs7QURFQTtFQUNJLE1BQUE7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxzQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtBQ0NKOztBREVBO0VBQ0ksWUFBQTtFQUNBLG9CQUFBO0VBQ0Esa0JBQUE7RUFDQSxnQkFBQTtFQUNBLGVBQUE7QUNDSjs7QURFQTtFQUNJLG1CQUFBO0FDQ0o7O0FERUE7RUFDSSxtQkFBQTtBQ0NKOztBREVBO0VBQ0ksMEJBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7RUFDQSwwQkFBQTtBQ0NKOztBREVBO0VBQ0ksc0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSwwQkFBQTtBQ0NKOztBREVBO0VBQ0ksY0FBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0FDQ0o7O0FERUE7RUFDSSxjQUFBO0VBQ0Esa0JBQUE7RUFDQSxTQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7RUFDQSxrQkFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtBQ0NKOztBREVBO0VBQ0ksdUJBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSxtQkFBQTtBQ0NKOztBREVBO0VBQ0kscUJBQUE7QUNDSjs7QURFQTtFQUNJLG9CQUFBO0FDQ0o7O0FERUE7OztFQUdJLFlBQUE7RUFDQSxtQ0FBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7QUNDSjs7QURFQTtFQUNJLG1DQUFBO0VBQ0EsdUJBQUE7QUNDSjs7QURFQTtFQUNJLHlCQUFBO0FDQ0o7O0FERUE7RUFDSSxXQUFBO0FDQ0o7O0FER0k7RUFDSSxrQkFBQTtBQ0FSOztBREVJO0VBQ0ksZUFBQTtFQUNBLGNBQUE7QUNBUjs7QURDUTtFQUNJLGNBQUE7RUFDQSxlQUFBO0FDQ1o7O0FERUk7RUFDSSxlQUFBO0VBQ0EsY0FBQTtBQ0FSOztBRElBO0VBQ0ksZ0JBQUE7QUNESjs7QURJQTtFQUNJLG9DQUFBO0VBQ0EsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLHVCQUFBO0FDREo7O0FESUE7RUFDSSxxQ0FBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7RUFDQSxtQkFBQTtFQUNBLHVCQUFBO0FDREo7O0FESUE7RUFDSSxrQkFBQTtBQ0RKOztBRElBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0FDREo7O0FESUE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7QUNESjs7QURJQTtFQUNJLGlCQUFBO0VBQ0EseUJBQUE7RUFDQSxtQkFBQTtBQ0RKOztBRElBO0VBQ0ksZUFBQTtBQ0RKOztBRElBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0VBQ0EseUJBQUE7RUFDQSxrQkFBQTtBQ0RKOztBRElBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0FDREo7O0FESUE7RUFDSSxrQkFBQTtBQ0RKOztBRElBO0VBQ0ksZ0JBQUE7QUNESjs7QURJQTtFQUNJLDBCQUFBO0FDREo7O0FESUE7RUFDSSxpQkFBQTtFQUNBLGlCQUFBO0FDREo7O0FESUE7RUFDSSxrQkFBQTtFQUNBLFdBQUE7RUFDQSxTQUFBO0FDREo7O0FESUE7RUFDSSxvQ0FBQTtFQUNBLGVBQUE7QUNESjs7QURJQTtFQUNJLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7QUNESjs7QURJQTtFQUNJLG9DQUFBO0VBQ0EsZUFBQTtBQ0RKOztBRElBO0VBQ0ksaUJBQUE7RUFDQSxlQUFBO0FDREo7O0FESUE7RUFDSSxpQkFBQTtFQUNBLGVBQUE7QUNESjs7QURJQTtFQUNJLDBCQUFBO0VBQ0EseUJBQUE7QUNESjs7QURJQTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtBQ0RKOztBRElBO0VBQ0ksZUFBQTtFQUNBLGlCQUFBO0FDREo7O0FESUE7RUFDSSxXQUFBO0VBQ0EsV0FBQTtBQ0RKOztBRElBO0VBQ0ksWUFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtBQ0RKOztBRElBO0VBQ0ksdUJBQUE7RUFDQSxtQkFBQTtBQ0RKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L2xvc3QtY3VzdG9tZXIvbG9zdC1jdXN0b21lci5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53b3JraW5nLWFyZWEge1xuICAgIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG50YWJsZSB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi5jYWxsaW5nLXRhYmxlIHRyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi50YWJsZS1oZWFkLWNhbGwge1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgcGFkZGluZy10b3A6IDEycHg7XG59XG5cbi5idXR0b24tbWFyZ2luIHtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLmNhbGxMaXN0IHtcbiAgICBmb250OiBCb2xkIDIwcHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICM0ODQ4NDg7XG4gICAgb3BhY2l0eTogMTtcbn1cblxuLmNsb3NlLWNvbiB7XG4gICAgZm9udC1zaXplOiAxOHB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB0b3A6IDNweDtcbiAgICByaWdodDogMXB4O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgIHotaW5kZXg6IDEwO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgcGFkZGluZzogMDtcbiAgICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gICAgcGFkZGluZzogM3B4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICAgIHdpZHRoOiA4OSU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWJ1dHRvbiB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGZvbnQ6IHdoaXRlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICAgIHRvcDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gICAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjM2MzYzNjO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4ucmVmZXNoLWljb24ge1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBtYXJnaW4tYm90dG9tOiAtMzBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gICAgbWFyZ2luLXRvcDogMzBweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jb2xvcmVkUm93IHtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmZjk5O1xufVxuXG4uY29sb3JlZEdyZWVuUm93IHtcbiAgICBiYWNrZ3JvdW5kOiAjOTBlZTkwO1xufVxuXG4ubWF0LWRpYWxvZy10aXRsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogZGFya2dyYXk7XG59XG5cbi5jYWxsTGlzdC1yaWdodCB7XG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNTQpO1xufVxuXG4uY29sdW1uSGVhZGVyIHtcbiAgICBmb250OiBCb2xkIDEycHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzMzMzMzM7XG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5sb3N0IHtcbiAgICBjb2xvcjogI2U2NDI0MztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMTBweDtcbiAgICBmb250LXNpemU6IDEwcHg7XG4gICAgdG9wOiAzOCU7XG59XG5cbi5pbmJvdW5kIHtcbiAgICBjb2xvcjogIzJlMzY2ODtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMHB4O1xuICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICB0b3A6IDM4JTtcbn1cblxuLmNvbHVtbnZhbHVlIHtcbiAgICBmb250LXNpemU6IDE0cHg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZmlsdGVyMSB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZmlsdGVyQnV0dG9uIHtcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICAgIGhlaWdodDogMjBweDtcbiAgICBsaW5lLWhlaWdodDogMTBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG59XG5cbi5maWx0ZXJkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5zZXJ2aWNlRHVlRGF0ZSB7XG4gICAgd2lkdGg6IDEwJSAhaW1wb3J0YW50O1xufVxuXG4uZm9sbG93VXAge1xuICAgIHdpZHRoOiA5JSAhaW1wb3J0YW50O1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCxcbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gICAgcGFkZGluZzogM3B4O1xuICAgIGJvcmRlci1zdHlsZTogc29saWQgbm9uZSBub25lIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMC4xcHg7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi50YWJsZS1ib3JkZXIubWF0LXRhYmxlIHtcbiAgICBib3JkZXItc3R5bGU6IG5vbmUgc29saWQgc29saWQgbm9uZTtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDlkOWQ5O1xufVxuXG4uZmlsdGVyMiB7XG4gICAgd2lkdGg6IGF1dG87XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQge1xuICAgIC5tYXQtY2FyZC10aXRsZSB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDBweDtcbiAgICB9XG4gICAgLmNhbGwtc3RhdHMge1xuICAgICAgICBmb250LXNpemU6IDExcHg7XG4gICAgICAgIGNvbG9yOiAjZmZmZmZmO1xuICAgICAgICBpIHtcbiAgICAgICAgICAgIGNvbG9yOiAjMmUzNjY4O1xuICAgICAgICAgICAgZm9udC1zaXplOiAxMXB4O1xuICAgICAgICB9XG4gICAgfVxuICAgIC5jYWxsLXN0YXRzLXRpdGxlIHtcbiAgICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgICAgICBjb2xvcjogIzQ4NDg0ODtcbiAgICB9XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQxIHtcbiAgICBwYWRkaW5nLXRvcDogMHB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICAgIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItcmFkaXVzOiAwJTtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIyIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICAgIGNvbG9yOiAjNTQ4MkJDO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1jaGVja2VkIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MkJDO1xuICAgIGNvbG9yOiAjZmZmZmZmO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1sYWJlbC1jb250ZW50IHtcbiAgICBsaW5lLWhlaWdodDogMzBweDtcbiAgICBmb250OiBSZWd1bGFyIDE0cHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLnJlZnJlc2gtYnRuLm1hdC1idXR0b24ge1xuICAgIG1pbi13aWR0aDogYXV0bztcbn1cblxuLnJlZnJlc2gtYnRuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICAgIGNvbG9yOiAjZTY0MjQzO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNlNjQyNDM7XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1mbGV4IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBsYWJlbC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgbWFyZ2luLXRvcDogOHB4ICFpbXBvcnRhbnQ7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgaW5wdXQubWF0LWlucHV0LWVsZW1lbnQge1xuICAgIG1hcmdpbi10b3A6IDAuNmVtO1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uc2VhcmNoLWljb24ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMTVweDtcbiAgICB0b3A6IDE1cHg7XG59XG5cbi5iYWNrQ29sb3Ige1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5ib3gtc2l6ZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgbWFyZ2luLXRvcDogN3B4O1xuICAgIHdpZHRoOiAyOHB4O1xuICAgIGhlaWdodDogMjhweDtcbiAgICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uYmFja0NvbG9yMSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJCQyAhaW1wb3J0YW50O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmNhbGwtc3RhdHMtdmFsdWUge1xuICAgIG1hcmdpbi1sZWZ0OiA1MHB4O1xuICAgIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmNhbGwtc3RhdHMtdmFsdWUxIHtcbiAgICBtYXJnaW4tbGVmdDogMzBweDtcbiAgICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5pbmZvLWNpcmNsZS1zaXplIHtcbiAgICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbiAgICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uZmxleC1zZXQge1xuICAgIG1hcmdpbi10b3A6IDdweDtcbiAgICBtYXJnaW4tbGVmdDogMzBweDtcbn1cblxuLmZsZXgtc2V0MSB7XG4gICAgbWFyZ2luLXRvcDogN3B4O1xuICAgIG1hcmdpbi1sZWZ0OiA1NXB4O1xufVxuXG4uZHVlRGF0ZUljb24ge1xuICAgIGhlaWdodDogOXB4O1xuICAgIHdpZHRoOiAxMXB4O1xufVxuXG4uZmlsdGVyMyB7XG4gICAgd2lkdGg6IDIwMHB4O1xuICAgIG1hcmdpbi1yaWdodDogMzBweDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5wYWdpbmF0b3IgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgaGVpZ2h0OiAxOHB4ICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbn0iLCIud29ya2luZy1hcmVhIHtcbiAgbWFyZ2luLXRvcDogMTE1cHg7XG59XG5cbnRhYmxlIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5jYWxsaW5nLXRhYmxlIHRyIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4udGFibGUtaGVhZC1jYWxsIHtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgcGFkZGluZy10b3A6IDEycHg7XG59XG5cbi5idXR0b24tbWFyZ2luIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5jYWxsTGlzdCB7XG4gIGZvbnQ6IEJvbGQgMjBweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjNDg0ODQ4O1xuICBvcGFjaXR5OiAxO1xufVxuXG4uY2xvc2UtY29uIHtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRvcDogM3B4O1xuICByaWdodDogMXB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgei1pbmRleDogMTA7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogMjBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZzogM3B4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDg5JTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250OiB3aGl0ZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICB0b3A6IDA7XG4gIG1hcmdpbi10b3A6IDRweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gIGZvbnQ6IEJvbGQgMTRweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjM2MzYzNjO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5yZWZlc2gtaWNvbiB7XG4gIGZsb2F0OiByaWdodDtcbiAgbWFyZ2luLWJvdHRvbTogLTMwcHg7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbiAgbWFyZ2luLXRvcDogMzBweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uY29sb3JlZFJvdyB7XG4gIGJhY2tncm91bmQ6ICNmZmZmOTk7XG59XG5cbi5jb2xvcmVkR3JlZW5Sb3cge1xuICBiYWNrZ3JvdW5kOiAjOTBlZTkwO1xufVxuXG4ubWF0LWRpYWxvZy10aXRsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IGRhcmtncmF5O1xufVxuXG4uY2FsbExpc3QtcmlnaHQge1xuICBmb250LXNpemU6IDExcHg7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNTQpO1xufVxuXG4uY29sdW1uSGVhZGVyIHtcbiAgZm9udDogQm9sZCAxMnB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzMzMzMzM7XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4ubG9zdCB7XG4gIGNvbG9yOiAjZTY0MjQzO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDEwcHg7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgdG9wOiAzOCU7XG59XG5cbi5pbmJvdW5kIHtcbiAgY29sb3I6ICMyZTM2Njg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMHB4O1xuICBmb250LXNpemU6IDEwcHg7XG4gIHRvcDogMzglO1xufVxuXG4uY29sdW1udmFsdWUge1xuICBmb250LXNpemU6IDE0cHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZpbHRlcjEge1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5maWx0ZXJCdXR0b24ge1xuICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBsaW5lLWhlaWdodDogMTBweDtcbiAgbWFyZ2luLWJvdHRvbTogMXB4O1xufVxuXG4uZmlsdGVyZGl2IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnNlcnZpY2VEdWVEYXRlIHtcbiAgd2lkdGg6IDEwJSAhaW1wb3J0YW50O1xufVxuXG4uZm9sbG93VXAge1xuICB3aWR0aDogOSUgIWltcG9ydGFudDtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICBwYWRkaW5nOiAzcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQgbm9uZSBub25lIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRhYmxlLWJvcmRlci5tYXQtdGFibGUge1xuICBib3JkZXItc3R5bGU6IG5vbmUgc29saWQgc29saWQgbm9uZTtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkOWQ5ZDk7XG59XG5cbi5maWx0ZXIyIHtcbiAgd2lkdGg6IGF1dG87XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQgLm1hdC1jYXJkLXRpdGxlIHtcbiAgbWFyZ2luLWJvdHRvbTogMHB4O1xufVxuLmNhbGwtc3RhdHMtY2FyZCAuY2FsbC1zdGF0cyB7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgY29sb3I6ICNmZmZmZmY7XG59XG4uY2FsbC1zdGF0cy1jYXJkIC5jYWxsLXN0YXRzIGkge1xuICBjb2xvcjogIzJlMzY2ODtcbiAgZm9udC1zaXplOiAxMXB4O1xufVxuLmNhbGwtc3RhdHMtY2FyZCAuY2FsbC1zdGF0cy10aXRsZSB7XG4gIGZvbnQtc2l6ZTogMjBweDtcbiAgY29sb3I6ICM0ODQ4NDg7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQxIHtcbiAgcGFkZGluZy10b3A6IDBweDtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBub25lIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogMCU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjIge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogMCU7XG4gIG1hcmdpbi1ib3R0b206IDE1cHg7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB7XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBjb2xvcjogIzU0ODJCQztcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtY2hlY2tlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkM7XG4gIGNvbG9yOiAjZmZmZmZmO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1sYWJlbC1jb250ZW50IHtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLnJlZnJlc2gtYnRuLm1hdC1idXR0b24ge1xuICBtaW4td2lkdGg6IGF1dG87XG59XG5cbi5yZWZyZXNoLWJ0biB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGNvbG9yOiAjZTY0MjQzO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZTY0MjQzO1xuICBib3JkZXItcmFkaXVzOiAwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWZsZXgge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlci10b3A6IG5vbmU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgbGFiZWwubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICBtYXJnaW4tdG9wOiA4cHggIWltcG9ydGFudDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBpbnB1dC5tYXQtaW5wdXQtZWxlbWVudCB7XG4gIG1hcmdpbi10b3A6IDAuNmVtO1xuICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLnNlYXJjaC1pY29uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMTVweDtcbiAgdG9wOiAxNXB4O1xufVxuXG4uYmFja0NvbG9yIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RCAhaW1wb3J0YW50O1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5ib3gtc2l6ZSB7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBtYXJnaW4tdG9wOiA3cHg7XG4gIHdpZHRoOiAyOHB4O1xuICBoZWlnaHQ6IDI4cHg7XG4gIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5iYWNrQ29sb3IxIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJCQyAhaW1wb3J0YW50O1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlIHtcbiAgbWFyZ2luLWxlZnQ6IDUwcHg7XG4gIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmNhbGwtc3RhdHMtdmFsdWUxIHtcbiAgbWFyZ2luLWxlZnQ6IDMwcHg7XG4gIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmluZm8tY2lyY2xlLXNpemUge1xuICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbiAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmZsZXgtc2V0IHtcbiAgbWFyZ2luLXRvcDogN3B4O1xuICBtYXJnaW4tbGVmdDogMzBweDtcbn1cblxuLmZsZXgtc2V0MSB7XG4gIG1hcmdpbi10b3A6IDdweDtcbiAgbWFyZ2luLWxlZnQ6IDU1cHg7XG59XG5cbi5kdWVEYXRlSWNvbiB7XG4gIGhlaWdodDogOXB4O1xuICB3aWR0aDogMTFweDtcbn1cblxuLmZpbHRlcjMge1xuICB3aWR0aDogMjAwcHg7XG4gIG1hcmdpbi1yaWdodDogMzBweDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn0iXX0= */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { ListCustData } from '../lost-customer/listCustData';\nimport { VisitListCustData } from '../lost-customer/visitListCustData';\nimport { ChangeDetectorRef } from '@angular/core';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Router } from '@angular/router';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { MatDialog, MatPaginator, MatSort, MatSelect } from '@angular/material';\nimport { DatePipe } from '@angular/common';\nimport { FilterPipePipe } from '../../pipes/filter-pipe.pipe';\nimport { FormBuilder } from '@angular/forms';\n\n@Component({\n selector: 'app-lost-customer',\n templateUrl: './lost-customer.component.html',\n styleUrls: ['./lost-customer.component.scss'],\n providers: [FilterPipePipe]\n})\nexport class LostCustomerComponent implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator,{static:false}) paginator: MatPaginator;\n @ViewChild('filterSelect', { static: true }) filterSelect: MatSelect;\n\n callsToBeMade: number = 0;\n visitCallsToBeMade: number = 0;\n pageSize: number;\n visitPageSize: number;\n callsMade: number = 0;\n visitCallsMade: number = 0;\n callToggleStatus: boolean = true;\n visitCallToggleStatus: boolean = true;\n displayedColumns: string[] = [\n 'customerName',\n 'callType',\n 'callStatus',\n 'leadGenerationDate',\n 'callTime',\n 'creInput',\n 'followUpTime',\n 'remarks'\n ];\n displayedVisitColumns: string[] = [\n 'customerName',\n 'callType',\n 'callStatus',\n 'leadGenerationDate',\n 'visitingDate',\n 'callTime',\n 'creInput',\n 'disengageReason',\n 'proposal',\n 'remarks'\n ];\n dataSource: any;\n visitDataSource: any;\n spinner: boolean;\n customersToBeCalled: string;\n callsMade1: string;\n visitCustomersToBeCalled: string;\n visitCallsMade1: string;\n filterMap = new Map();\n visitFilterMap = new Map();\n uniqueCallType = new Set();\n uniqueCallState = new Set();\n filteredDataSource: any;\n filteredVisitDataSource: any;\n callFlag: any;\n callStats: any = {};\n userId: string;\n selectedCallTypeValues: string[] = [];\n selectedCallStatusValues: string[] = [];\n callListType: any[] = [\n { value: 'Call List', viewValue: 'Call List' },\n { value: 'Visit Call List', viewValue: 'Visit Call List' }];\n selectedCallListType: any;\n showVisitList: boolean;\n\n constructor(private commonService: CommonService, private router: Router, public dialog: MatDialog,\n private toastr: ToastrService, private datePipe: DatePipe, private changeDetectorRefs: ChangeDetectorRef,\n private filterPipePipe: FilterPipePipe, private fb: FormBuilder) { }\n\n ngOnInit() {\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n this.userId = localStorage.getItem('userId');\n\n if (localStorage.getItem('selectedCallListType') != null || localStorage.getItem('selectedCallListType') != undefined) {\n let selectedCallListType = JSON.parse(localStorage.getItem('selectedCallListType'));\n this.selectedCallListType = selectedCallListType;\n }\n\n if (localStorage.getItem('selectedCallTypeValues') != null || localStorage.getItem('selectedCallTypeValues') != undefined) {\n let selectedCallTypeValues = JSON.parse(localStorage.getItem('selectedCallTypeValues'));\n this.selectedCallTypeValues = selectedCallTypeValues;\n }\n\n if (localStorage.getItem('selectedCallStatusValues') != null || localStorage.getItem('selectedCallStatusValues') != undefined) {\n let selectedCallStatusValues = JSON.parse(localStorage.getItem('selectedCallStatusValues'));\n this.selectedCallStatusValues = selectedCallStatusValues;\n }\n\n // if (localStorage.getItem('callListPageSize') != null || localStorage.getItem('callListPageSize') != undefined) {\n // let pagesize = Number(localStorage.getItem('callListPageSize'));\n // this.pageSize = (pagesize && pagesize != NaN) ? pagesize : 50;\n // } else {\n // this.pageSize = 50;\n // }\n\n // if (localStorage.getItem('visitCallListPageSize') != null || localStorage.getItem('visitCallListPageSize') != undefined) {\n // let pagesize = Number(localStorage.getItem('visitCallListPageSize'));\n // this.visitPageSize = (pagesize && pagesize != NaN) ? pagesize : 50;\n // } else {\n // this.visitPageSize = 50;\n // }\n\n if (localStorage.getItem('workshops') == null || localStorage.getItem('workshops') == undefined) {\n this.getWorkshopDetails();\n }\n\n this.getCreStats();\n //console.log(\"selectedCallListType : \",this.selectedCallListType);\n this.getCallList();\n }\n\n /**\n * Name: setPageData\n * purpose: To set pagesize for table\n */\n \n\n /**\n * Name: setVisitPageData\n * purpose: To set pagesize for table\n */\n setVisitPageData(event) {\n let size = event.visitPageSize.toString();\n localStorage.setItem('visitCallListPageSize', size);\n }\n\n /**\n * Name: getWorkshopDetails\n * purpose: To get CRE assigned workshop details\n */\n getWorkshopDetails() {\n this.commonService.getWorkshopDetails(this.userId).subscribe(res => {\n if (res['responseCode'] == 0) {\n localStorage.setItem('workshops', JSON.stringify(res['responseData']));\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: prepairCallList\n * purpose: To get calllist details\n * @param {string} flag - type of call\n */\n prepairCallList(flag: string): void {\n this.spinner = true;\n this.commonService.lostCustomerCallList(this.userId, flag)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (flag == 'Y') {\n this.callFlag = flag;\n this.callToggleStatus = true;\n } else {\n this.callFlag = flag;\n this.callToggleStatus = false;\n }\n if (res['responseData'].length) {\n res['responseData'].forEach(data => {\n\n // if ((data.custType).toLowerCase() == \"lost\") {\n // let changeName = data.customerName.split(\" - L\")[0];\n // data.customerName = changeName;\n // }\n let inboundCustomer = data.customerName.includes(\"- I\");\n let stringPosition = data.customerName.length;\n let lostString = data.customerName[stringPosition - 3] + data.customerName[stringPosition - 2] + data.customerName[stringPosition - 1]\n if (inboundCustomer && lostString == \"- I\") {\n let changeName = data.customerName.split(\" - I\")[0];\n data.customerName = changeName;\n // data.isInboundCall = true;\n }\n });\n }\n this.callsToBeMade = res['responseData'].length;\n //init data table and shorting\n this.dataSource = new MatTableDataSource(res['responseData']);\n // this.sort.direction = '';\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.filterData();\n if ((!this.selectedCallTypeValues || this.selectedCallTypeValues.length == 0)\n && (!this.selectedCallStatusValues || this.selectedCallStatusValues.length == 0)) {\n //init filtered table and shorting\n this.filteredDataSource = new MatTableDataSource(res['responseData']);\n // this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n }\n // this.callsMadeCalculate(res['responseData']);\n this.LostCallListinfo();\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n this.callToggleStatus = true;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n this.callToggleStatus = true;\n });\n }\n\n /**\n * Name: getCallList\n * purpose: To get calllist details\n * @param {string} flag - type of call\n */\n getCallList() {\n if(this.selectedCallListType == 'Visit Call List') {\n this.selectedCallListType = 'Visit Call List';\n this.showVisitList = true;\n this.prepairVisitCallList('N');\n localStorage.setItem('selectedCallListType',JSON.stringify(this.selectedCallListType));\n } else {\n this.selectedCallListType = 'Call List';\n this.showVisitList = false;\n this.prepairCallList('Y');\n localStorage.setItem('selectedCallListType',JSON.stringify(this.selectedCallListType));\n }\n }\n\n /**\n * Name: prepairVisitCallList\n * purpose: To get visit calllist details\n * @param {string} flag - type of call\n */\n prepairVisitCallList(flag: string): void {\n this.spinner = true;\n // this.visitDataSource = '';\n // this.filteredVisitDataSource = '';\n this.commonService.lostCustomerVisitCallList(this.userId, flag).subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (flag == 'N') {\n this.callFlag = flag;\n this.visitCallToggleStatus = true;\n } else {\n this.callFlag = flag;\n this.visitCallToggleStatus = false;\n }\n this.visitCallsToBeMade = res['responseData'].length;\n //init data table and shorting\n this.visitDataSource = new MatTableDataSource(res['responseData']);\n // this.sort.direction = '';\n this.visitDataSource.sort = this.sort;\n this.visitDataSource.sortingDataAccessor = (data, header) => data[header];\n this.visitDataSource.paginator = this.paginator;\n this.filterData();\n if ((!this.selectedCallTypeValues || this.selectedCallTypeValues.length == 0)\n && (!this.selectedCallStatusValues || this.selectedCallStatusValues.length == 0)) {\n //init filtered table and shorting\n this.filteredVisitDataSource = new MatTableDataSource(res['responseData']);\n // this.sort.direction = '';\n this.filteredVisitDataSource.sort = this.sort;\n this.filteredVisitDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredVisitDataSource.paginator = this.paginator;\n }\n // this.callsMadeCalculate(res['responseData']);\n this.VisitCallListinfo();\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n this.visitCallToggleStatus = true;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n this.visitCallToggleStatus = true;\n });\n }\n\n // openVisit(){\n // localStorage.setItem('navOption','Visit')\n // this.router.navigate(['visiting-list']);\n // }\n\n /**\n * Name: callListinfo\n * purpose: To get call count info\n */\n LostCallListinfo(): void {\n this.spinner = true;\n this.commonService.lostCallListinfo(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.customersToBeCalled = res['responseData']['customersToBeCalled'];\n this.callsMade1 = res['responseData']['callsMade'];\n this.spinner = false;\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: callListinfo\n * purpose: To get call count info\n */\n VisitCallListinfo(): void {\n //this.spinner = true;\n this.commonService.visitCallListinfo(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.visitCustomersToBeCalled = res['responseData']['customersToBeContacted'];\n this.visitCallsMade1 = res['responseData']['contactMade'];\n //this.spinner = false;\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n //...\n });\n }\n\n /**\n * Name: getCreStats\n * purpose: To get call count info\n */\n getCreStats(): void {\n //this.spinner = true;\n this.commonService.getLostCreCallStats(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n //this.spinner = false;\n this.callStats = res['responseData'][0];\n } else {\n //this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: callsMadeCalculate\n * purpose: To get call made count\n * @param {Array} callsToBeMade - list of calls\n */\n callsMadeCalculate(callsToBeMade: any) {\n this.callsMade = 0;\n callsToBeMade.forEach(element => {\n let currentDate = \"\" + this.datePipe.transform(new Date(), \"yyyy-MM-dd\");\n let reqDate = this.datePipe.transform((element.callTime), \"yyyy-MM-dd\");\n if (currentDate == reqDate) {\n this.callsMade++;\n }\n });\n }\n\n /**\n * Name: selectCustomer\n * purpose: To select customer for details\n * @param {Object} row - selected customer details\n */\n selectCustomer(row: ListCustData): void {\n localStorage.setItem('customerId', row.customerId);\n // localStorage.setItem('custNotification', row.serviceType + \", \" + row.callStatusDesc);\n localStorage.setItem(\"customerData\", JSON.stringify(row));\n this.router.navigate(['lost-customer360']);\n }\n\n /**\n * Name: filterData\n * purpose: To filter call list data\n */\n filterData(): void {\n if(this.selectedCallListType == 'Call List') {\n this.dataSource.filteredData.forEach(element => {\n this.uniqueCallState.add(element.callStatus);\n this.uniqueCallType.add(element.callType);\n });\n } else {\n this.visitDataSource.filteredData.forEach(element => {\n this.uniqueCallState.add(element.callStatus);\n this.uniqueCallType.add(element.callType);\n });\n }\n\n if ((this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0)\n || (this.selectedCallStatusValues != null && this.selectedCallStatusValues.length != 0)) {\n this.applyfilter();\n }\n }\n\n /**\n * Name: applyfilter\n * purpose: To apply filter on call list data\n */\n applyfilter(): void {\n let key = '';\n this.filterMap = new Map();\n this.visitFilterMap = new Map();\n if(this.selectedCallListType == 'Call List') {\n this.filteredDataSource = this.dataSource;\n } else {\n this.filteredVisitDataSource = this.visitDataSource\n }\n\n if (this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0) {\n key = \"callType\";\n if(this.selectedCallListType == \"Call List\") {\n this.filterMap.set(key, this.selectedCallTypeValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n } else {\n this.visitFilterMap.set(key, this.selectedCallTypeValues)\n this.filteredVisitDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredVisitDataSource.filteredData, this.visitFilterMap));\n }\n }\n\n if (this.selectedCallStatusValues != null && this.selectedCallStatusValues.length != 0) {\n key = \"callStatus\";\n if(this.selectedCallListType == \"Call List\") {\n this.filterMap.set(key, this.selectedCallStatusValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n } else {\n this.visitFilterMap.set(key, this.selectedCallStatusValues);\n this.filteredVisitDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredVisitDataSource.filteredData, this.visitFilterMap));\n }\n }\n\n if(this.selectedCallListType == \"Call List\") {\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n // this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n } else {\n this.visitCallsToBeMade = this.filteredVisitDataSource.filteredData.length;\n // this.sort.direction = '';\n this.filteredVisitDataSource.sort = this.sort;\n this.filteredVisitDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredVisitDataSource.paginator = this.paginator;\n }\n\n\n localStorage.setItem('selectedCallTypeValues',JSON.stringify(this.selectedCallTypeValues));\n localStorage.setItem('selectedCallStatusValues',JSON.stringify(this.selectedCallStatusValues));\n localStorage.setItem('selectedCallListType',JSON.stringify(this.selectedCallListType));\n }\n\n /**\n * Name: searchfilter\n * purpose: To apply filter on call list data\n */\n searchfilter(filterValue: string): void {\n filterValue = filterValue.trim(); // Remove whitespace\n filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n if(this.selectedCallListType == \"Call List\") {\n this.filteredDataSource.filter = filterValue;\n } else {\n this.filteredVisitDataSource.filter = filterValue;\n }\n }\n\n /**\n * Name: clearFilter\n * purpose: To clear filter\n */\n clearFilter(): void {\n this.filterMap.clear();\n this.visitFilterMap.clear();\n this.selectedCallTypeValues = null;\n this.selectedCallStatusValues = null;\n if(this.selectedCallListType == \"Call List\") {\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.dataSource.filteredData, this.filterMap));\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n // this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n } else {\n this.filteredVisitDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.visitDataSource.filteredData, this.visitFilterMap));\n this.visitCallsToBeMade = this.filteredVisitDataSource.filteredData.length;\n // this.sort.direction = '';\n this.filteredVisitDataSource.sort = this.sort;\n this.filteredVisitDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredVisitDataSource.paginator = this.paginator;\n }\n\n localStorage.removeItem('selectedCallTypeValues');\n localStorage.removeItem('selectedCallStatusValues');\n }\n\n /**\n * Name: changeColor\n * purpose: To change followup time color\n */\n changeColor(followUp: any): String {\n let currentTime = this.datePipe.transform(new Date(), \"yyyy-MM-dd HH:mm:ss \");\n\n if (followUp != null && followUp != undefined && followUp != \"\") {\n let followUpDateTime = this.datePipe.transform(followUp, \"yyyy-MM-dd HH:mm:ss\");\n if ((new Date(currentTime)).getTime() > (new Date(followUpDateTime).getTime())) {\n return \"red\";\n }\n }\n }\n\n /**\n * Name: activeButton\n * purpose: To activat apply button\n */\n activeButton(): boolean {\n let flag = false;\n if (this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0) {\n flag = true;\n } else if (this.selectedCallStatusValues != null && this.selectedCallStatusValues.length != 0) {\n flag = true;\n }\n return flag;\n }\n\n}\n","export default \".working-area {\\n margin-bottom: 20px;\\n margin-left: 10px;\\n margin-top: 10px;\\n}\\n\\n.cust360-container {\\n margin: 115px 30px 30px 30px;\\n}\\n\\n.example-card1 {\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n}\\n\\n.example-card1 .fontClass {\\n display: inline-block;\\n}\\n\\n.example-card1 .inlineClass {\\n display: inline-block;\\n}\\n\\n.example-card2 {\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n border: none;\\n box-shadow: none;\\n padding: 0px;\\n}\\n\\n.history-card {\\n box-shadow: none;\\n padding: 0px;\\n}\\n\\n.fontClass {\\n font: Bold 12px/20px Roboto;\\n font-size: 12px;\\n color: #707070;\\n}\\n\\n.fontClassBold {\\n font-family: Bold 16px/22px Roboto;\\n color: #707070;\\n}\\n\\n.border {\\n border: 1px solid #707070;\\n font: 12px/18px Roboto;\\n color: #707070;\\n border-radius: 25px;\\n padding: 5px;\\n}\\n\\n.serv-heading {\\n width: 30%;\\n}\\n\\n.serv-desc {\\n width: 70%;\\n font-weight: 400;\\n}\\n\\n.serv-desc small {\\n margin-right: 10px;\\n float: right;\\n}\\n\\n.button {\\n text-align: center;\\n float: right;\\n font: Regular 16px/22px Roboto;\\n color: #ffffff;\\n border-radius: 0px;\\n}\\n\\n.recent {\\n color: #1acc04;\\n position: relative;\\n right: 15px;\\n font-size: 12px;\\n top: 0;\\n margin-bottom: 7px;\\n}\\n\\n.disabled {\\n opacity: 0.6;\\n}\\n\\n.buttonservice {\\n float: right;\\n font-family: Roboto;\\n color: #f1f1ff;\\n}\\n\\n.checkalign {\\n padding-left: 16px !important;\\n padding-top: 20px !important;\\n}\\n\\n.checkalignment {\\n padding-top: 20px !important;\\n}\\n\\n.inlineClass {\\n display: inline;\\n font: Regular 14px Roboto;\\n font-size: 12px;\\n letter-spacing: 0px;\\n color: black;\\n opacity: 1;\\n}\\n\\np.inlineClass {\\n margin-top: 0px;\\n margin-bottom: 5px;\\n}\\n\\n.marginClass {\\n margin-left: 20px;\\n}\\n\\n.marginClass1 {\\n margin-left: 40px;\\n}\\n\\n.navbar {\\n padding-left: 10px;\\n padding-top: 10px;\\n font-size: 12px;\\n}\\n\\n.navbar a {\\n cursor: pointer;\\n}\\n\\n.history-btn {\\n width: 100%;\\n height: 30px;\\n}\\n\\n.nobullet {\\n list-style-type: none;\\n margin-bottom: 10px;\\n}\\n\\n.play {\\n cursor: pointer;\\n margin-right: 5px;\\n}\\n\\n.colorStyle {\\n color: greenyellow;\\n}\\n\\n.callLogs {\\n display: block !important;\\n float: left;\\n}\\n\\n.custNotification {\\n display: inline;\\n}\\n\\n.example-radio-group {\\n display: flex;\\n flex-direction: column;\\n}\\n\\n.example-radio-button {\\n margin: 5px;\\n}\\n\\n.update-btn {\\n background-color: #16377d;\\n color: #ffffff;\\n margin-left: 15px;\\n}\\n\\n.edit-btn {\\n margin-left: 5px;\\n color: #16377d;\\n background-color: #ffffff;\\n border: none;\\n cursor: pointer;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 5px;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-infix {\\n padding: 0.1375em 0;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-underline {\\n bottom: 0.25em;\\n height: 0px;\\n}\\n\\n.number-form ::ng-deep input.mat-input-element {\\n margin-top: 0px;\\n}\\n\\n.number-form {\\n width: 100%;\\n position: relative;\\n}\\n\\n.number-row {\\n width: 100%;\\n position: relative;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 2px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n font-size: 12px;\\n padding-bottom: 5px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n font-size: 13px;\\n}\\n\\n.mat-expansion-panel-header-title {\\n font-weight: 500;\\n font-size: 13px;\\n font: Bold 14px/16px Roboto;\\n}\\n\\n.mat-expansion-panel-header-title i {\\n margin-right: 10px;\\n color: #00457D;\\n}\\n\\n.fontClass {\\n font: Bold 14px/16px Roboto;\\n letter-spacing: 0px;\\n font-size: 12px;\\n color: #7b7a7a;\\n opacity: 1;\\n margin-bottom: 3px !important;\\n}\\n\\n.fontClassBold {\\n font-family: Bold 16px/22px Roboto;\\n color: #000000;\\n font-size: 12px;\\n font-weight: 500;\\n}\\n\\n.fontClassBold i {\\n color: #00457D;\\n margin-right: 5px;\\n}\\n\\n.border {\\n border: 1px solid #707070;\\n font: 12px/18px Roboto;\\n color: #707070;\\n border-radius: 25px;\\n padding: 5px;\\n}\\n\\n.button {\\n text-align: center;\\n float: right;\\n font: Regular 16px/22px Roboto;\\n color: #ffffff;\\n}\\n\\n.buttonservice {\\n float: right;\\n font-family: Roboto;\\n color: #f1f1ff;\\n}\\n\\n.example-radio-group {\\n display: flex;\\n flex-direction: column;\\n}\\n\\n.example-radio-button {\\n margin: 5px;\\n}\\n\\n.mat-dialog-content {\\n padding: 5px 24px;\\n}\\n\\n.contact {\\n width: 100% !important;\\n margin-top: 20px;\\n}\\n\\n.contact .mat-tab-group {\\n min-height: 150px;\\n}\\n\\n.contact ::ng-deep .mat-tab-label {\\n height: 20px;\\n min-width: 90px;\\n color: #5482BC;\\n border: 1px solid lightgray;\\n font-size: 11px;\\n}\\n\\n.contact ::ng-deep .mat-tab-label-active {\\n background-color: #5482BC;\\n color: #ffffff;\\n opacity: 1;\\n}\\n\\n.contact ::ng-deep .mat-tab-header {\\n border: none;\\n}\\n\\n.contact ::ng-deep .mat-tab-list .mat-ink-bar {\\n height: 0px;\\n}\\n\\n.tabrow {\\n width: 100% !important;\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.align {\\n padding-left: 16px;\\n padding-top: 20px;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-label {\\n height: 35px;\\n padding: 0px 10px;\\n border-top-left-radius: 8px !important;\\n border-top-right-radius: 8px !important;\\n border-bottom-width: 1px;\\n border-color: #d3d3d3;\\n border-style: solid;\\n background-color: white;\\n margin-left: 3px;\\n color: black;\\n opacity: 1;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-label-active {\\n background-color: #00457D;\\n color: #ffffff;\\n opacity: 1;\\n border-style: none;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-header {\\n border: none;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-list .mat-ink-bar {\\n height: 0px;\\n}\\n\\n.table {\\n font-family: \\\"Trebuchet MS\\\", Arial, Helvetica, sans-serif;\\n border-collapse: collapse;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.table td,\\n.table th {\\n border: 1px solid lightgray;\\n padding: 5px;\\n width: auto;\\n font-size: 12px;\\n}\\n\\n.table tr:nth-child(even) {\\n background-color: #ffffff;\\n}\\n\\n.table tr:hover {\\n background-color: #ffffff;\\n}\\n\\n.table th {\\n padding-top: 5px;\\n padding-bottom: 5px;\\n text-align: left;\\n background-color: #d3d3d3;\\n color: black;\\n}\\n\\n.fault-table td,\\n.fault-table th {\\n padding: 5px;\\n}\\n\\n.fault-table .fault-date {\\n width: 15% !important;\\n}\\n\\n.fault-table .fault-des {\\n width: 20% !important;\\n}\\n\\n.btn {\\n position: relative;\\n cursor: pointer;\\n overflow: hidden;\\n background-color: #00457D !important;\\n border-radius: 5px !important;\\n height: 25px;\\n}\\n\\n.btn p {\\n text-align: center;\\n text-transform: uppercase;\\n color: #fff;\\n position: relative;\\n z-index: 1;\\n transition: all 0.3s ease;\\n margin: auto;\\n font-size: 12px;\\n line-height: 10px;\\n}\\n\\n/* sliders */\\n\\n/* Left Slider */\\n\\n.btn-1 {\\n background-color: #ffffff !important;\\n color: #00457D !important;\\n border: 1px solid #00457D;\\n}\\n\\n.btn-1 p {\\n margin: auto;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.rect2 {\\n padding: 15px;\\n height: 130px;\\n width: 93%;\\n background: #eaeaea;\\n}\\n\\n.rect3 {\\n padding-top: 15px;\\n padding-right: 15px;\\n padding-left: 15px;\\n padding-bottom: 0px;\\n height: 66px;\\n width: 93%;\\n background: #ffffff;\\n}\\n\\n.rect3 .button {\\n float: right;\\n margin-right: 8px;\\n margin-top: 5px;\\n}\\n\\n.rect4 {\\n float: left;\\n width: 93%;\\n margin-left: 10px;\\n font-size: 14px;\\n padding-bottom: 0px;\\n}\\n\\n.ngx-timepicker-field-example {\\n float: left;\\n margin-top: 15px;\\n}\\n\\n.rect5 {\\n float: left;\\n width: 50%;\\n}\\n\\n.text-pp {\\n width: 100%;\\n}\\n\\n.call-popup-save {\\n float: right;\\n margin-right: 20px;\\n margin-bottom: 10px;\\n}\\n\\n.icons .fa-phone {\\n transform: rotate(135deg);\\n}\\n\\n.icons .fa-microphone-slash,\\n.icons .fa-phone {\\n font-size: 24px;\\n}\\n\\n.icons .button {\\n margin: 5px;\\n}\\n\\n.icons {\\n margin-top: 25px;\\n padding-left: 29%;\\n}\\n\\n.hang-btn {\\n color: red !important;\\n border-color: red !important;\\n}\\n\\n.classtext1 {\\n font-weight: bold;\\n}\\n\\n.dataview {\\n margin-left: 15px;\\n}\\n\\n.timestamp {\\n font-size: 11px;\\n margin-left: 10px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n margin-bottom: 10px;\\n width: 55%;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #00457D;\\n font-size: 12px;\\n width: 50%;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #00457D;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 22px;\\n}\\n\\n.history-card .applyHorizontalScroll {\\n margin-bottom: 0px;\\n}\\n\\n.history-card ::ng-deep mat-paginator {\\n position: absolute;\\n right: 0;\\n left: 0;\\n}\\n\\n.history-card ::ng-deep .mat-form-field-infix {\\n height: 15px;\\n}\\n\\n.history-card ::ng-deep .mat-card-content {\\n padding-bottom: 40px;\\n}\\n\\n.recording-dailog {\\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n background-color: #ffffff;\\n position: absolute;\\n top: 50%;\\n right: 15%;\\n}\\n\\n.call-response {\\n position: fixed;\\n width: 35%;\\n top: 23%;\\n right: 50px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\n.icon-background {\\n color: #00457D !important;\\n height: 13px !important;\\n width: 13px !important;\\n}\\n\\n.edit-icon {\\n cursor: pointer;\\n color: #00457D;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 20%;\\n cursor: pointer;\\n}\\n\\n.check-icon {\\n cursor: pointer;\\n color: #1acc04;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 20%;\\n margin-right: 18px;\\n margin-bottom: 5px !important;\\n}\\n\\n.cancle-icon {\\n cursor: pointer;\\n color: red;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 20%;\\n margin-bottom: 5px;\\n margin-left: 35px;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-ripple {\\n height: 0px !important;\\n}\\n\\n.strate-line {\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 50%;\\n}\\n\\n.input-border {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n width: 75% !important;\\n height: 25px;\\n padding-left: 5px;\\n margin-left: 5px;\\n}\\n\\n.input-border-d {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n width: 70% !important;\\n height: 25px;\\n padding-left: 5px;\\n margin-left: 5px;\\n}\\n\\n.calling-table.mat-table .mat-cell {\\n font-size: 11px;\\n letter-spacing: 0px;\\n color: black;\\n text-transform: capitalize;\\n opacity: 1;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n font-size: 12px;\\n padding: 5px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-font.th {\\n color: black;\\n}\\n\\n.table-font.td {\\n color: #595959;\\n}\\n\\n.srvHistryHeader1 {\\n font-weight: bold;\\n font-size: 12px;\\n}\\n\\n.tech-camp ::ng-deep .mat-tab-body-wrapper {\\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n}\\n\\n.tech-camp ::ng-deep .mat-card-content {\\n margin-bottom: 0px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.cus360Td {\\n font-size: 11px;\\n font-family: poppins;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvbG9zdC1jdXN0b21lcjM2MC9sb3N0LWN1c3RvbWVyMzYwLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnQvbG9zdC1jdXN0b21lcjM2MC9sb3N0LWN1c3RvbWVyMzYwLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksbUJBQUE7RUFDQSxpQkFBQTtFQUNBLGdCQUFBO0FDQ0o7O0FERUE7RUFDSSw0QkFBQTtBQ0NKOztBREdBO0VBQ0ksY0FBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7QUNBSjs7QURHQTtFQUNJLHFCQUFBO0FDQUo7O0FER0E7RUFDSSxxQkFBQTtBQ0FKOztBREdBO0VBQ0ksY0FBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxZQUFBO0FDQUo7O0FER0E7RUFDSSxnQkFBQTtFQUNBLFlBQUE7QUNBSjs7QURHQTtFQUNJLDJCQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7QUNBSjs7QURHQTtFQUNJLGtDQUFBO0VBQ0EsY0FBQTtBQ0FKOztBREdBO0VBQ0kseUJBQUE7RUFDQSxzQkFBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7QUNBSjs7QURHQTtFQUNJLFVBQUE7QUNBSjs7QURHQTtFQUNJLFVBQUE7RUFDQSxnQkFBQTtBQ0FKOztBRENJO0VBQ0ksa0JBQUE7RUFDQSxZQUFBO0FDQ1I7O0FER0E7RUFDSSxrQkFBQTtFQUNBLFlBQUE7RUFDQSw4QkFBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtBQ0FKOztBREdBO0VBQ0ksY0FBQTtFQUNBLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLGVBQUE7RUFDQSxNQUFBO0VBQ0Esa0JBQUE7QUNBSjs7QURHQTtFQUNJLFlBQUE7QUNBSjs7QURHQTtFQUNJLFlBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7QUNBSjs7QURHQTtFQUNJLDZCQUFBO0VBQ0EsNEJBQUE7QUNBSjs7QURHQTtFQUNJLDRCQUFBO0FDQUo7O0FER0E7RUFDSSxlQUFBO0VBQ0EseUJBQUE7RUFDQSxlQUFBO0VBQ0EsbUJBQUE7RUFDQSxZQUFBO0VBQ0EsVUFBQTtBQ0FKOztBREdBO0VBQ0ksZUFBQTtFQUNBLGtCQUFBO0FDQUo7O0FER0E7RUFDSSxpQkFBQTtBQ0FKOztBREdBO0VBQ0ksaUJBQUE7QUNBSjs7QURHQTtFQUNJLGtCQUFBO0VBQ0EsaUJBQUE7RUFFQSxlQUFBO0FDREo7O0FESUE7RUFDSSxlQUFBO0FDREo7O0FESUE7RUFDSSxXQUFBO0VBQ0EsWUFBQTtBQ0RKOztBRElBO0VBQ0kscUJBQUE7RUFDQSxtQkFBQTtBQ0RKOztBRElBO0VBQ0ksZUFBQTtFQUNBLGlCQUFBO0FDREo7O0FESUE7RUFDSSxrQkFBQTtBQ0RKOztBRElBO0VBQ0kseUJBQUE7RUFDQSxXQUFBO0FDREo7O0FESUE7RUFDSSxlQUFBO0FDREo7O0FESUE7RUFDSSxhQUFBO0VBQ0Esc0JBQUE7QUNESjs7QURJQTtFQUNJLFdBQUE7QUNESjs7QURJQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDREo7O0FESUE7RUFDSSxnQkFBQTtFQUNBLGNBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0FDREo7O0FESUE7RUFDSSxtQkFBQTtBQ0RKOztBRElBO0VBQ0ksbUJBQUE7QUNESjs7QURLQTtFQUNJLGNBQUE7RUFDQSxXQUFBO0FDRko7O0FES0E7RUFDSSxlQUFBO0FDRko7O0FES0E7RUFDSSxXQUFBO0VBQ0Esa0JBQUE7QUNGSjs7QURLQTtFQUNJLFdBQUE7RUFDQSxrQkFBQTtBQ0ZKOztBRE1BO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0VBQ0EsVUFBQTtFQUNBLFlBQUE7QUNISjs7QURPQTtFQUNJLGdCQUFBO0FDSko7O0FET0E7RUFDSSxpQkFBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0VBQ0EsbUJBQUE7QUNKSjs7QURPQTtFQUNJLFVBQUE7QUNKSjs7QURPQTtFQUNJLE1BQUE7RUFDQSxjQUFBO0VBQ0EsaUJBQUE7QUNKSjs7QURPQTtFQUNJLGlCQUFBO0FDSko7O0FET0E7RUFDSSxhQUFBO0FDSko7O0FET0E7RUFDSSxNQUFBO0VBQ0EsMEJBQUE7RUFDQSxpQkFBQTtBQ0pKOztBRE9BO0VBQ0ksc0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0FDSko7O0FEUUE7RUFDSSxnQkFBQTtFQUNBLGVBQUE7RUFDQSwyQkFBQTtBQ0xKOztBRE1JO0VBQ0ksa0JBQUE7RUFDQSxjQUFBO0FDSlI7O0FEUUE7RUFDSSwyQkFBQTtFQUNBLG1CQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0EsNkJBQUE7QUNMSjs7QURRQTtFQUNJLGtDQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7RUFDQSxnQkFBQTtBQ0xKOztBRE1JO0VBQ0ksY0FBQTtFQUNBLGlCQUFBO0FDSlI7O0FEUUE7RUFDSSx5QkFBQTtFQUNBLHNCQUFBO0VBQ0EsY0FBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtBQ0xKOztBRFFBO0VBQ0ksa0JBQUE7RUFDQSxZQUFBO0VBQ0EsOEJBQUE7RUFDQSxjQUFBO0FDTEo7O0FEUUE7RUFDSSxZQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0FDTEo7O0FEUUE7RUFDSSxhQUFBO0VBQ0Esc0JBQUE7QUNMSjs7QURRQTtFQUNJLFdBQUE7QUNMSjs7QURRQTtFQUNJLGlCQUFBO0FDTEo7O0FEUUE7RUFDSSxzQkFBQTtFQUNBLGdCQUFBO0FDTEo7O0FEUUE7RUFDSSxpQkFBQTtBQ0xKOztBRFFBO0VBQ0ksWUFBQTtFQUVBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsMkJBQUE7RUFDQSxlQUFBO0FDTko7O0FEU0E7RUFDSSx5QkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0FDTko7O0FEU0E7RUFDSSxZQUFBO0FDTko7O0FEU0E7RUFDSSxXQUFBO0FDTko7O0FEU0E7RUFDSSxzQkFBQTtFQUNBLGdCQUFBO0VBQ0EsbUJBQUE7QUNOSjs7QURTQTtFQUNJLGtCQUFBO0VBQ0EsaUJBQUE7QUNOSjs7QURTQTtFQUNJLFlBQUE7RUFDQSxpQkFBQTtFQUNBLHNDQUFBO0VBQ0EsdUNBQUE7RUFDQSx3QkFBQTtFQUNBLHFCQUFBO0VBQ0EsbUJBQUE7RUFDQSx1QkFBQTtFQUNBLGdCQUFBO0VBQ0EsWUFBQTtFQUNBLFVBQUE7QUNOSjs7QURVQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtBQ1BKOztBRFVBO0VBQ0ksWUFBQTtBQ1BKOztBRFVBO0VBQ0ksV0FBQTtBQ1BKOztBRFdBO0VBQ0kseURBQUE7RUFDQSx5QkFBQTtFQUNBLFdBQUE7RUFDQSxnQkFBQTtBQ1JKOztBRFdBOztFQUVJLDJCQUFBO0VBQ0EsWUFBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0FDUko7O0FEV0E7RUFDSSx5QkFBQTtBQ1JKOztBRFdBO0VBQ0kseUJBQUE7QUNSSjs7QURXQTtFQUNJLGdCQUFBO0VBQ0EsbUJBQUE7RUFDQSxnQkFBQTtFQUNBLHlCQUFBO0VBQ0EsWUFBQTtBQ1JKOztBRFlBOztFQUVJLFlBQUE7QUNUSjs7QURhSTtFQUNJLHFCQUFBO0FDVlI7O0FEWUk7RUFDSSxxQkFBQTtBQ1ZSOztBRGVBO0VBRUksa0JBQUE7RUFDQSxlQUFBO0VBRUEsZ0JBQUE7RUFDQSxvQ0FBQTtFQUNBLDZCQUFBO0VBQ0EsWUFBQTtBQ2RKOztBRGlCQTtFQUNJLGtCQUFBO0VBQ0EseUJBQUE7RUFDQSxXQUFBO0VBQ0Esa0JBQUE7RUFDQSxVQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGlCQUFBO0FDZEo7O0FEa0JBLFlBQUE7O0FBYUEsZ0JBQUE7O0FBYUE7RUFDSSxvQ0FBQTtFQUNBLHlCQUFBO0VBQ0EseUJBQUE7QUN2Q0o7O0FEMENBO0VBQ0ksWUFBQTtBQ3ZDSjs7QUQyQ0E7RUFDSSxXQUFBO0FDeENKOztBRDJDQTtFQUNJLGFBQUE7RUFDQSxhQUFBO0VBQ0EsVUFBQTtFQUNBLG1CQUFBO0FDeENKOztBRDJDQTtFQUNJLGlCQUFBO0VBQ0EsbUJBQUE7RUFDQSxrQkFBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtFQUNBLFVBQUE7RUFDQSxtQkFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxlQUFBO0FDeENKOztBRDJDQTtFQUNJLFdBQUE7RUFDQSxVQUFBO0VBQ0EsaUJBQUE7RUFDQSxlQUFBO0VBQ0EsbUJBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksV0FBQTtFQUNBLGdCQUFBO0FDeENKOztBRDJDQTtFQUNJLFdBQUE7RUFDQSxVQUFBO0FDeENKOztBRDJDQTtFQUNJLFdBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksWUFBQTtFQUNBLGtCQUFBO0VBQ0EsbUJBQUE7QUN4Q0o7O0FEMkNBO0VBQ0kseUJBQUE7QUN4Q0o7O0FEMkNBOztFQUVJLGVBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksV0FBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxnQkFBQTtFQUNBLGlCQUFBO0FDeENKOztBRDJDQTtFQUNJLHFCQUFBO0VBQ0EsNEJBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksaUJBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksaUJBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksZUFBQTtFQUNBLGlCQUFBO0FDeENKOztBRDJDQTtFQUNJLGtCQUFBO0VBQ0EsbUJBQUE7RUFDQSxVQUFBO0FDeENKOztBRDJDQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7RUFDQSxVQUFBO0FDeENKOztBRDJDQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxpQkFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxrQkFBQTtBQ3hDSjs7QUQyQ0E7RUFDSSxrQkFBQTtFQUNBLFFBQUE7RUFDQSxPQUFBO0FDeENKOztBRDJDQTtFQUNJLFlBQUE7QUN4Q0o7O0FEMkNBO0VBQ0ksb0JBQUE7QUN4Q0o7O0FENENBO0VBQ0ksK0dBQUE7RUFDQSx5QkFBQTtFQUNBLGtCQUFBO0VBQ0EsUUFBQTtFQUNBLFVBQUE7QUN6Q0o7O0FENkNBO0VBQ0ksZUFBQTtFQUNBLFVBQUE7RUFDQSxRQUFBO0VBQ0EsV0FBQTtBQzFDSjs7QUQ2Q0E7RUFDSSxxQ0FBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7RUFDQSx1QkFBQTtBQzFDSjs7QUQ2Q0E7RUFDSSxtQ0FBQTtFQUNBLHVCQUFBO0FDMUNKOztBRDZDQTtFQUNJLHlCQUFBO0VBQ0EsdUJBQUE7RUFDQSxzQkFBQTtBQzFDSjs7QUQ2Q0E7RUFDSSxlQUFBO0VBQ0EsY0FBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0VBQ0EsZUFBQTtBQzFDSjs7QUQ2Q0E7RUFDSSxlQUFBO0VBQ0EsY0FBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0VBQ0Esa0JBQUE7RUFDQSw2QkFBQTtBQzFDSjs7QUQrQ0E7RUFDSSxlQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtBQzVDSjs7QUQrQ0E7RUFDSSxzQkFBQTtBQzVDSjs7QUQrQ0E7RUFDSSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtBQzVDSjs7QUQrQ0E7RUFDSSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EscUJBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxnQkFBQTtBQzVDSjs7QUQrQ0E7RUFDSSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EscUJBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxnQkFBQTtBQzVDSjs7QUQrQ0E7RUFDSSxlQUFBO0VBQ0EsbUJBQUE7RUFDQSxZQUFBO0VBQ0EsMEJBQUE7RUFDQSxVQUFBO0FDNUNKOztBRCtDQTs7O0VBR0ksZUFBQTtFQUNBLFlBQUE7RUFDQSxtQ0FBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7QUM1Q0o7O0FEK0NBO0VBQ0ksWUFBQTtBQzVDSjs7QUQrQ0E7RUFDSSxjQUFBO0FDNUNKOztBRCtDQTtFQUNJLGlCQUFBO0VBQ0EsZUFBQTtBQzVDSjs7QUQrQ0E7RUFDSSwrR0FBQTtBQzVDSjs7QUQrQ0E7RUFDSSxrQkFBQTtBQzVDSjs7QUQrQ0E7RUFDSSx1QkFBQTtFQUNBLG1CQUFBO0FDNUNKOztBRCtDQTtFQUNJLGVBQUE7RUFDQSxvQkFBQTtBQzVDSiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudC9sb3N0LWN1c3RvbWVyMzYwL2xvc3QtY3VzdG9tZXIzNjAuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud29ya2luZy1hcmVhIHtcbiAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIG1hcmdpbi10b3A6IDEwcHg7XG59XG5cbi5jdXN0MzYwLWNvbnRhaW5lciB7XG4gICAgbWFyZ2luOiAxMTVweCAzMHB4IDMwcHggMzBweDtcbiAgICAvL21hcmdpbi1sZWZ0OiAzMHB4O1xufVxuXG4uZXhhbXBsZS1jYXJkMSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xufVxuXG4uZXhhbXBsZS1jYXJkMSAuZm9udENsYXNzIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5leGFtcGxlLWNhcmQxIC5pbmxpbmVDbGFzcyB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuXG4uZXhhbXBsZS1jYXJkMiB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIHBhZGRpbmc6IDBweDtcbn1cblxuLmhpc3RvcnktY2FyZCB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBwYWRkaW5nOiAwcHg7XG59XG5cbi5mb250Q2xhc3Mge1xuICAgIGZvbnQ6IEJvbGQgMTJweC8yMHB4IFJvYm90bztcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgY29sb3I6ICM3MDcwNzA7XG59XG5cbi5mb250Q2xhc3NCb2xkIHtcbiAgICBmb250LWZhbWlseTogQm9sZCAxNnB4LzIycHggUm9ib3RvO1xuICAgIGNvbG9yOiAjNzA3MDcwO1xufVxuXG4uYm9yZGVyIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjNzA3MDcwO1xuICAgIGZvbnQ6IDEycHgvMThweCBSb2JvdG87XG4gICAgY29sb3I6ICM3MDcwNzA7XG4gICAgYm9yZGVyLXJhZGl1czogMjVweDtcbiAgICBwYWRkaW5nOiA1cHg7XG59XG5cbi5zZXJ2LWhlYWRpbmcge1xuICAgIHdpZHRoOiAzMCU7XG59XG5cbi5zZXJ2LWRlc2Mge1xuICAgIHdpZHRoOiA3MCU7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBzbWFsbCB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMTBweDtcbiAgICAgICAgZmxvYXQ6IHJpZ2h0O1xuICAgIH1cbn1cblxuLmJ1dHRvbiB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBmb250OiBSZWd1bGFyIDE2cHgvMjJweCBSb2JvdG87XG4gICAgY29sb3I6ICNmZmZmZmY7XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4ucmVjZW50IHtcbiAgICBjb2xvcjogIzFhY2MwNDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcmlnaHQ6IDE1cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiA3cHg7XG59XG5cbi5kaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogMC42O1xufVxuXG4uYnV0dG9uc2VydmljZSB7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gICAgY29sb3I6ICNmMWYxZmY7XG59XG5cbi5jaGVja2FsaWduIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDE2cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLXRvcDogMjBweCAhaW1wb3J0YW50O1xufVxuXG4uY2hlY2thbGlnbm1lbnQge1xuICAgIHBhZGRpbmctdG9wOiAyMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5pbmxpbmVDbGFzcyB7XG4gICAgZGlzcGxheTogaW5saW5lO1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6IGJsYWNrO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbnAuaW5saW5lQ2xhc3Mge1xuICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5tYXJnaW5DbGFzcyB7XG4gICAgbWFyZ2luLWxlZnQ6IDIwcHg7XG59XG5cbi5tYXJnaW5DbGFzczEge1xuICAgIG1hcmdpbi1sZWZ0OiA0MHB4O1xufVxuXG4ubmF2YmFyIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG4gICAgcGFkZGluZy10b3A6IDEwcHg7XG4gICAgLy9mb250LXdlaWdodDogYm9sZDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5uYXZiYXIgYSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uaGlzdG9yeS1idG4ge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMzBweDtcbn1cblxuLm5vYnVsbGV0IHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLnBsYXkge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbn1cblxuLmNvbG9yU3R5bGUge1xuICAgIGNvbG9yOiBncmVlbnllbGxvdztcbn1cblxuLmNhbGxMb2dzIHtcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICAgIGZsb2F0OiBsZWZ0O1xufVxuXG4uY3VzdE5vdGlmaWNhdGlvbiB7XG4gICAgZGlzcGxheTogaW5saW5lO1xufVxuXG4uZXhhbXBsZS1yYWRpby1ncm91cCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZXhhbXBsZS1yYWRpby1idXR0b24ge1xuICAgIG1hcmdpbjogNXB4O1xufVxuXG4udXBkYXRlLWJ0biB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzE2Mzc3ZDtcbiAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICBtYXJnaW4tbGVmdDogMTVweDtcbn1cblxuLmVkaXQtYnRuIHtcbiAgICBtYXJnaW4tbGVmdDogNXB4O1xuICAgIGNvbG9yOiAjMTYzNzdkO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIHBhZGRpbmc6IDAuMTM3NWVtIDA7XG4gICAgLy9ib3JkZXI6IHNvbGlkO1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICAgIGJvdHRvbTogMC4yNWVtO1xuICAgIGhlaWdodDogMHB4O1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgICBtYXJnaW4tdG9wOiAwcHg7XG59XG5cbi5udW1iZXItZm9ybSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ubnVtYmVyLXJvdyB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4vL2N1c3RvbSBtYXQtc2VsZWN0XG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIC8vZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xuICAgIHBhZGRpbmc6IDJweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgcGFkZGluZy1ib3R0b206IDVweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgICB3aWR0aDogOTAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICAgIHRvcDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gICAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjM2MzYzNjO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbn1cblxuLy9jdXN0bWVyMzYwIHZpZSB1cGRhdGUgY3NzXG4ubWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItdGl0bGUge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQ6IEJvbGQgMTRweC8xNnB4IFJvYm90bztcbiAgICBpIHtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICAgICAgICBjb2xvcjogIzAwNDU3RDtcbiAgICB9XG59XG5cbi5mb250Q2xhc3Mge1xuICAgIGZvbnQ6IEJvbGQgMTRweC8xNnB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBjb2xvcjogIzdiN2E3YTtcbiAgICBvcGFjaXR5OiAxO1xuICAgIG1hcmdpbi1ib3R0b206IDNweCAhaW1wb3J0YW50O1xufVxuXG4uZm9udENsYXNzQm9sZCB7XG4gICAgZm9udC1mYW1pbHk6IEJvbGQgMTZweC8yMnB4IFJvYm90bztcbiAgICBjb2xvcjogIzAwMDAwMDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBpIHtcbiAgICAgICAgY29sb3I6ICMwMDQ1N0Q7XG4gICAgICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIH1cbn1cblxuLmJvcmRlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzcwNzA3MDtcbiAgICBmb250OiAxMnB4LzE4cHggUm9ib3RvO1xuICAgIGNvbG9yOiAjNzA3MDcwO1xuICAgIGJvcmRlci1yYWRpdXM6IDI1cHg7XG4gICAgcGFkZGluZzogNXB4O1xufVxuXG4uYnV0dG9uIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTZweC8yMnB4IFJvYm90bztcbiAgICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLmJ1dHRvbnNlcnZpY2Uge1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBmb250LWZhbWlseTogUm9ib3RvO1xuICAgIGNvbG9yOiAjZjFmMWZmO1xufVxuXG4uZXhhbXBsZS1yYWRpby1ncm91cCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZXhhbXBsZS1yYWRpby1idXR0b24ge1xuICAgIG1hcmdpbjogNXB4O1xufVxuXG4ubWF0LWRpYWxvZy1jb250ZW50IHtcbiAgICBwYWRkaW5nOiA1cHggMjRweDtcbn1cblxuLmNvbnRhY3Qge1xuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgbWFyZ2luLXRvcDogMjBweDtcbn1cblxuLmNvbnRhY3QgLm1hdC10YWItZ3JvdXAge1xuICAgIG1pbi1oZWlnaHQ6IDE1MHB4O1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwge1xuICAgIGhlaWdodDogMjBweDtcbiAgICAvL3BhZGRpbmc6IDBweCAxMHB4O1xuICAgIG1pbi13aWR0aDogOTBweDtcbiAgICBjb2xvcjogIzU0ODJCQztcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgZm9udC1zaXplOiAxMXB4O1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwtYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MkJDO1xuICAgIGNvbG9yOiAjZmZmZmZmO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbi5jb250YWN0IDo6bmctZGVlcCAubWF0LXRhYi1oZWFkZXIge1xuICAgIGJvcmRlcjogbm9uZTtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWxpc3QgLm1hdC1pbmstYmFyIHtcbiAgICBoZWlnaHQ6IDBweDtcbn1cblxuLnRhYnJvdyB7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBtYXJnaW4tdG9wOiAyMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG59XG5cbi5hbGlnbiB7XG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xuICAgIHBhZGRpbmctdG9wOiAyMHB4O1xufVxuXG4udGFicm93IDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbCB7XG4gICAgaGVpZ2h0OiAzNXB4O1xuICAgIHBhZGRpbmc6IDBweCAxMHB4O1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDhweCAhaW1wb3J0YW50O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA4cHggIWltcG9ydGFudDtcbiAgICBib3JkZXItYm90dG9tLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAjZDNkM2QzO1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgbWFyZ2luLWxlZnQ6IDNweDtcbiAgICBjb2xvcjogYmxhY2s7XG4gICAgb3BhY2l0eTogMTtcbiAgICAvLyBmb250LXNpemU6IDEzcHggIWltcG9ydGFudDs7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsLWFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICBvcGFjaXR5OiAxO1xuICAgIGJvcmRlci1zdHlsZTogbm9uZTtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItaGVhZGVyIHtcbiAgICBib3JkZXI6IG5vbmU7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxpc3QgLm1hdC1pbmstYmFyIHtcbiAgICBoZWlnaHQ6IDBweDtcbn1cblxuLy90YWJsZVxuLnRhYmxlIHtcbiAgICBmb250LWZhbWlseTogXCJUcmVidWNoZXQgTVNcIiwgQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi10b3A6IDIwcHg7XG59XG5cbi50YWJsZSB0ZCxcbi50YWJsZSB0aCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICB3aWR0aDogYXV0bztcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi50YWJsZSB0cjpudGgtY2hpbGQoZXZlbikge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi50YWJsZSB0cjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRhYmxlIHRoIHtcbiAgICBwYWRkaW5nLXRvcDogNXB4O1xuICAgIHBhZGRpbmctYm90dG9tOiA1cHg7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDNkM2QzO1xuICAgIGNvbG9yOiBibGFjaztcbn1cblxuLy9mYXVsdCB0YWJsZVxuLmZhdWx0LXRhYmxlIHRkLFxuLmZhdWx0LXRhYmxlIHRoIHtcbiAgICBwYWRkaW5nOiA1cHg7XG59XG5cbi5mYXVsdC10YWJsZSB7XG4gICAgLmZhdWx0LWRhdGUge1xuICAgICAgICB3aWR0aDogMTUlICFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIC5mYXVsdC1kZXMge1xuICAgICAgICB3aWR0aDogMjAlICFpbXBvcnRhbnQ7XG4gICAgfVxufVxuXG4vL3NsaWRpbmcgYnRuXG4uYnRuIHtcbiAgICAvL2JvcmRlci1sZWZ0OiA0cHggc29saWQgIzJlMzY2ODtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC8vdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgICBib3JkZXItcmFkaXVzOiA1cHggIWltcG9ydGFudDtcbiAgICBoZWlnaHQ6IDI1cHg7XG59XG5cbi5idG4gcCB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHotaW5kZXg6IDE7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgICBtYXJnaW46IGF1dG87XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxMHB4O1xufVxuXG5cbi8qIHNsaWRlcnMgKi9cblxuLy8gLmJ0bjpiZWZvcmUge1xuLy8gICAgIGNvbnRlbnQ6IFwiXCI7XG4vLyAgICAgd2lkdGg6IDEwMCU7XG4vLyAgICAgaGVpZ2h0OiAxMDAlO1xuLy8gICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4vLyAgICAgY29sb3I6ICNmZmY7XG4vLyAgICAgLy9ib3JkZXI6IDJweCBzb2xpZCAjMkUzNjY4O1xuLy8gICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbi8vICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuLy8gfVxuXG4vKiBMZWZ0IFNsaWRlciAqL1xuXG4vLyAuYnRuLTI6YmVmb3JlIHtcbi8vICAgICB0b3A6IDA7XG4vLyAgICAgbGVmdDogLTIzMHB4O1xuLy8gfVxuLy8gLmJ0bi0yOmhvdmVyOmJlZm9yZSB7XG4vLyAgICAgbGVmdDogMDtcbi8vIH1cbi8vIC5idG4tMjpob3ZlciB7XG4vLyAgICAgY29sb3I6ICNmZmY7XG4vLyAgICAgLy9ib3JkZXI6IDJweCBzb2xpZCAjMkUzNjY4O1xuLy8gfVxuLmJ0bi0xIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjMDA0NTdEO1xufVxuXG4uYnRuLTEgcCB7XG4gICAgbWFyZ2luOiBhdXRvO1xufVxuXG4vL2NhbGwgZGlhbG9nIGNzc1xudGFibGUge1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4ucmVjdDIge1xuICAgIHBhZGRpbmc6IDE1cHg7XG4gICAgaGVpZ2h0OiAxMzBweDtcbiAgICB3aWR0aDogOTMlO1xuICAgIGJhY2tncm91bmQ6ICNlYWVhZWE7XG59XG5cbi5yZWN0MyB7XG4gICAgcGFkZGluZy10b3A6IDE1cHg7XG4gICAgcGFkZGluZy1yaWdodDogMTVweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgICBoZWlnaHQ6IDY2cHg7XG4gICAgd2lkdGg6IDkzJTtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xufVxuXG4ucmVjdDMgLmJ1dHRvbiB7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIG1hcmdpbi1yaWdodDogOHB4O1xuICAgIG1hcmdpbi10b3A6IDVweDtcbn1cblxuLnJlY3Q0IHtcbiAgICBmbG9hdDogbGVmdDtcbiAgICB3aWR0aDogOTMlO1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufVxuXG4ubmd4LXRpbWVwaWNrZXItZmllbGQtZXhhbXBsZSB7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gICAgbWFyZ2luLXRvcDogMTVweDtcbn1cblxuLnJlY3Q1IHtcbiAgICBmbG9hdDogbGVmdDtcbiAgICB3aWR0aDogNTAlO1xufVxuXG4udGV4dC1wcCB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi5jYWxsLXBvcHVwLXNhdmUge1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLmljb25zIC5mYS1waG9uZSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMTM1ZGVnKTtcbn1cblxuLmljb25zIC5mYS1taWNyb3Bob25lLXNsYXNoLFxuLmljb25zIC5mYS1waG9uZSB7XG4gICAgZm9udC1zaXplOiAyNHB4O1xufVxuXG4uaWNvbnMgLmJ1dHRvbiB7XG4gICAgbWFyZ2luOiA1cHg7XG59XG5cbi5pY29ucyB7XG4gICAgbWFyZ2luLXRvcDogMjVweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDI5JTtcbn1cblxuLmhhbmctYnRuIHtcbiAgICBjb2xvcjogcmVkICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyLWNvbG9yOiByZWQgIWltcG9ydGFudDtcbn1cblxuLmNsYXNzdGV4dDEge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uZGF0YXZpZXcge1xuICAgIG1hcmdpbi1sZWZ0OiAxNXB4O1xufVxuXG4udGltZXN0YW1wIHtcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgICB3aWR0aDogNTUlO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBjb2xvcjogIzAwNDU3RDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgd2lkdGg6IDUwJTtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtY2hlY2tlZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gICAgbGluZS1oZWlnaHQ6IDIycHg7XG59XG5cbi5oaXN0b3J5LWNhcmQgLmFwcGx5SG9yaXpvbnRhbFNjcm9sbCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xufVxuXG4uaGlzdG9yeS1jYXJkIDo6bmctZGVlcCBtYXQtcGFnaW5hdG9yIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDA7XG4gICAgbGVmdDogMDtcbn1cblxuLmhpc3RvcnktY2FyZCA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBoZWlnaHQ6IDE1cHg7XG59XG5cbi5oaXN0b3J5LWNhcmQgOjpuZy1kZWVwIC5tYXQtY2FyZC1jb250ZW50IHtcbiAgICBwYWRkaW5nLWJvdHRvbTogNDBweDtcbn1cblxuLy9yZWNvcmRpbmcgZGFpbG9nXG4ucmVjb3JkaW5nLWRhaWxvZyB7XG4gICAgYm94LXNoYWRvdzogMCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDJweCAycHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCA1cHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIHJpZ2h0OiAxNSU7XG59XG5cbi8vY2FsbGluZyBkYWlsb2dcbi5jYWxsLXJlc3BvbnNlIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgd2lkdGg6IDM1JTtcbiAgICB0b3A6IDIzJTtcbiAgICByaWdodDogNTBweDtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG4gICAgYm9yZGVyLXN0eWxlOiBub25lIHNvbGlkIHNvbGlkIG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5pY29uLWJhY2tncm91bmQge1xuICAgIGNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gICAgaGVpZ2h0OiAxM3B4ICFpbXBvcnRhbnQ7XG4gICAgd2lkdGg6IDEzcHggIWltcG9ydGFudDtcbn1cblxuLmVkaXQtaWNvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiAjMDA0NTdEO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICB0b3A6IDIwJTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jaGVjay1pY29uIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICMxYWNjMDQ7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA1cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRvcDogMjAlO1xuICAgIG1hcmdpbi1yaWdodDogMThweDtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHggIWltcG9ydGFudDtcbiAgICAvL2JvcmRlcjogbm9uZSBzb2xpZCBub25lIG5vbmUgIWltcG9ydGFudDtcbiAgICAvL2JvcmRlci1jb2xvcjogYmxhY2s7XG59XG5cbi5jYW5jbGUtaWNvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiByZWQ7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA1cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRvcDogMjAlO1xuICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICBtYXJnaW4tbGVmdDogMzVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtcmlwcGxlIHtcbiAgICBoZWlnaHQ6IDBweCAhaW1wb3J0YW50O1xufVxuXG4uc3RyYXRlLWxpbmUge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICB0b3A6IDUwJTtcbn1cblxuLmlucHV0LWJvcmRlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB3aWR0aDogNzUlICFpbXBvcnRhbnQ7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG59XG5cbi5pbnB1dC1ib3JkZXItZCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB3aWR0aDogNzAlICFpbXBvcnRhbnQ7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG59XG5cbi5jYWxsaW5nLXRhYmxlLm1hdC10YWJsZSAubWF0LWNlbGwge1xuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiBibGFjaztcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgICBvcGFjaXR5OiAxO1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCxcbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtZm9udC50aCB7XG4gICAgY29sb3I6IGJsYWNrO1xufVxuXG4udGFibGUtZm9udC50ZCB7XG4gICAgY29sb3I6ICM1OTU5NTk7XG59XG5cbi5zcnZIaXN0cnlIZWFkZXIxIHtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi50ZWNoLWNhbXAgOjpuZy1kZWVwIC5tYXQtdGFiLWJvZHktd3JhcHBlciB7XG4gICAgYm94LXNoYWRvdzogMCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAuMiksIDAgMnB4IDJweCAwIHJnYmEoMCwgMCwgMCwgLjE0KSwgMCAxcHggNXB4IDAgcmdiYSgwLCAwLCAwLCAuMTIpO1xufVxuXG4udGVjaC1jYW1wIDo6bmctZGVlcCAubWF0LWNhcmQtY29udGVudCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5jdXMzNjBUZHtcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgZm9udC1mYW1pbHk6IHBvcHBpbnM7XG59XG4iLCIud29ya2luZy1hcmVhIHtcbiAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDEwcHg7XG59XG5cbi5jdXN0MzYwLWNvbnRhaW5lciB7XG4gIG1hcmdpbjogMTE1cHggMzBweCAzMHB4IDMwcHg7XG59XG5cbi5leGFtcGxlLWNhcmQxIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBtYXJnaW4tcmlnaHQ6IGF1dG87XG59XG5cbi5leGFtcGxlLWNhcmQxIC5mb250Q2xhc3Mge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5leGFtcGxlLWNhcmQxIC5pbmxpbmVDbGFzcyB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cblxuLmV4YW1wbGUtY2FyZDIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgYm9yZGVyOiBub25lO1xuICBib3gtc2hhZG93OiBub25lO1xuICBwYWRkaW5nOiAwcHg7XG59XG5cbi5oaXN0b3J5LWNhcmQge1xuICBib3gtc2hhZG93OiBub25lO1xuICBwYWRkaW5nOiAwcHg7XG59XG5cbi5mb250Q2xhc3Mge1xuICBmb250OiBCb2xkIDEycHgvMjBweCBSb2JvdG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgY29sb3I6ICM3MDcwNzA7XG59XG5cbi5mb250Q2xhc3NCb2xkIHtcbiAgZm9udC1mYW1pbHk6IEJvbGQgMTZweC8yMnB4IFJvYm90bztcbiAgY29sb3I6ICM3MDcwNzA7XG59XG5cbi5ib3JkZXIge1xuICBib3JkZXI6IDFweCBzb2xpZCAjNzA3MDcwO1xuICBmb250OiAxMnB4LzE4cHggUm9ib3RvO1xuICBjb2xvcjogIzcwNzA3MDtcbiAgYm9yZGVyLXJhZGl1czogMjVweDtcbiAgcGFkZGluZzogNXB4O1xufVxuXG4uc2Vydi1oZWFkaW5nIHtcbiAgd2lkdGg6IDMwJTtcbn1cblxuLnNlcnYtZGVzYyB7XG4gIHdpZHRoOiA3MCU7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG4uc2Vydi1kZXNjIHNtYWxsIHtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICBmbG9hdDogcmlnaHQ7XG59XG5cbi5idXR0b24ge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udDogUmVndWxhciAxNnB4LzIycHggUm9ib3RvO1xuICBjb2xvcjogI2ZmZmZmZjtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4ucmVjZW50IHtcbiAgY29sb3I6ICMxYWNjMDQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcmlnaHQ6IDE1cHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiA3cHg7XG59XG5cbi5kaXNhYmxlZCB7XG4gIG9wYWNpdHk6IDAuNjtcbn1cblxuLmJ1dHRvbnNlcnZpY2Uge1xuICBmbG9hdDogcmlnaHQ7XG4gIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gIGNvbG9yOiAjZjFmMWZmO1xufVxuXG4uY2hlY2thbGlnbiB7XG4gIHBhZGRpbmctbGVmdDogMTZweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLXRvcDogMjBweCAhaW1wb3J0YW50O1xufVxuXG4uY2hlY2thbGlnbm1lbnQge1xuICBwYWRkaW5nLXRvcDogMjBweCAhaW1wb3J0YW50O1xufVxuXG4uaW5saW5lQ2xhc3Mge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6IGJsYWNrO1xuICBvcGFjaXR5OiAxO1xufVxuXG5wLmlubGluZUNsYXNzIHtcbiAgbWFyZ2luLXRvcDogMHB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5tYXJnaW5DbGFzcyB7XG4gIG1hcmdpbi1sZWZ0OiAyMHB4O1xufVxuXG4ubWFyZ2luQ2xhc3MxIHtcbiAgbWFyZ2luLWxlZnQ6IDQwcHg7XG59XG5cbi5uYXZiYXIge1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG4gIHBhZGRpbmctdG9wOiAxMHB4O1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5uYXZiYXIgYSB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmhpc3RvcnktYnRuIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMzBweDtcbn1cblxuLm5vYnVsbGV0IHtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xufVxuXG4ucGxheSB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLXJpZ2h0OiA1cHg7XG59XG5cbi5jb2xvclN0eWxlIHtcbiAgY29sb3I6IGdyZWVueWVsbG93O1xufVxuXG4uY2FsbExvZ3Mge1xuICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICBmbG9hdDogbGVmdDtcbn1cblxuLmN1c3ROb3RpZmljYXRpb24ge1xuICBkaXNwbGF5OiBpbmxpbmU7XG59XG5cbi5leGFtcGxlLXJhZGlvLWdyb3VwIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cblxuLmV4YW1wbGUtcmFkaW8tYnV0dG9uIHtcbiAgbWFyZ2luOiA1cHg7XG59XG5cbi51cGRhdGUtYnRuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzE2Mzc3ZDtcbiAgY29sb3I6ICNmZmZmZmY7XG4gIG1hcmdpbi1sZWZ0OiAxNXB4O1xufVxuXG4uZWRpdC1idG4ge1xuICBtYXJnaW4tbGVmdDogNXB4O1xuICBjb2xvcjogIzE2Mzc3ZDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm9yZGVyOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5udW1iZXItZm9ybSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogNXB4O1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIHBhZGRpbmc6IDAuMTM3NWVtIDA7XG59XG5cbi5udW1iZXItZm9ybSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGJvdHRvbTogMC4yNWVtO1xuICBoZWlnaHQ6IDBweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCBpbnB1dC5tYXQtaW5wdXQtZWxlbWVudCB7XG4gIG1hcmdpbi10b3A6IDBweDtcbn1cblxuLm51bWJlci1mb3JtIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLm51bWJlci1yb3cge1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDJweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHdpZHRoOiAxMDAlO1xuICBmb250LXNpemU6IDEycHg7XG4gIHBhZGRpbmctYm90dG9tOiA1cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA5MCU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXNpemU6IDEzcHg7XG59XG5cbi5tYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlci10aXRsZSB7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGZvbnQtc2l6ZTogMTNweDtcbiAgZm9udDogQm9sZCAxNHB4LzE2cHggUm9ib3RvO1xufVxuLm1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyLXRpdGxlIGkge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIGNvbG9yOiAjMDA0NTdEO1xufVxuXG4uZm9udENsYXNzIHtcbiAgZm9udDogQm9sZCAxNHB4LzE2cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiAjN2I3YTdhO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiAzcHggIWltcG9ydGFudDtcbn1cblxuLmZvbnRDbGFzc0JvbGQge1xuICBmb250LWZhbWlseTogQm9sZCAxNnB4LzIycHggUm9ib3RvO1xuICBjb2xvcjogIzAwMDAwMDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250LXdlaWdodDogNTAwO1xufVxuLmZvbnRDbGFzc0JvbGQgaSB7XG4gIGNvbG9yOiAjMDA0NTdEO1xuICBtYXJnaW4tcmlnaHQ6IDVweDtcbn1cblxuLmJvcmRlciB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICM3MDcwNzA7XG4gIGZvbnQ6IDEycHgvMThweCBSb2JvdG87XG4gIGNvbG9yOiAjNzA3MDcwO1xuICBib3JkZXItcmFkaXVzOiAyNXB4O1xuICBwYWRkaW5nOiA1cHg7XG59XG5cbi5idXR0b24ge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udDogUmVndWxhciAxNnB4LzIycHggUm9ib3RvO1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLmJ1dHRvbnNlcnZpY2Uge1xuICBmbG9hdDogcmlnaHQ7XG4gIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gIGNvbG9yOiAjZjFmMWZmO1xufVxuXG4uZXhhbXBsZS1yYWRpby1ncm91cCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5leGFtcGxlLXJhZGlvLWJ1dHRvbiB7XG4gIG1hcmdpbjogNXB4O1xufVxuXG4ubWF0LWRpYWxvZy1jb250ZW50IHtcbiAgcGFkZGluZzogNXB4IDI0cHg7XG59XG5cbi5jb250YWN0IHtcbiAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgbWFyZ2luLXRvcDogMjBweDtcbn1cblxuLmNvbnRhY3QgLm1hdC10YWItZ3JvdXAge1xuICBtaW4taGVpZ2h0OiAxNTBweDtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbiAgaGVpZ2h0OiAyMHB4O1xuICBtaW4td2lkdGg6IDkwcHg7XG4gIGNvbG9yOiAjNTQ4MkJDO1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIGZvbnQtc2l6ZTogMTFweDtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkM7XG4gIGNvbG9yOiAjZmZmZmZmO1xuICBvcGFjaXR5OiAxO1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItaGVhZGVyIHtcbiAgYm9yZGVyOiBub25lO1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGlzdCAubWF0LWluay1iYXIge1xuICBoZWlnaHQ6IDBweDtcbn1cblxuLnRhYnJvdyB7XG4gIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG4gIG1hcmdpbi1ib3R0b206IDIwcHg7XG59XG5cbi5hbGlnbiB7XG4gIHBhZGRpbmctbGVmdDogMTZweDtcbiAgcGFkZGluZy10b3A6IDIwcHg7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbiAgaGVpZ2h0OiAzNXB4O1xuICBwYWRkaW5nOiAwcHggMTBweDtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogOHB4ICFpbXBvcnRhbnQ7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA4cHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMXB4O1xuICBib3JkZXItY29sb3I6ICNkM2QzZDM7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBtYXJnaW4tbGVmdDogM3B4O1xuICBjb2xvcjogYmxhY2s7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gIGNvbG9yOiAjZmZmZmZmO1xuICBvcGFjaXR5OiAxO1xuICBib3JkZXItc3R5bGU6IG5vbmU7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWhlYWRlciB7XG4gIGJvcmRlcjogbm9uZTtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItbGlzdCAubWF0LWluay1iYXIge1xuICBoZWlnaHQ6IDBweDtcbn1cblxuLnRhYmxlIHtcbiAgZm9udC1mYW1pbHk6IFwiVHJlYnVjaGV0IE1TXCIsIEFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4udGFibGUgdGQsXG4udGFibGUgdGgge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIHBhZGRpbmc6IDVweDtcbiAgd2lkdGg6IGF1dG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLnRhYmxlIHRyOm50aC1jaGlsZChldmVuKSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi50YWJsZSB0cjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi50YWJsZSB0aCB7XG4gIHBhZGRpbmctdG9wOiA1cHg7XG4gIHBhZGRpbmctYm90dG9tOiA1cHg7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkM2QzZDM7XG4gIGNvbG9yOiBibGFjaztcbn1cblxuLmZhdWx0LXRhYmxlIHRkLFxuLmZhdWx0LXRhYmxlIHRoIHtcbiAgcGFkZGluZzogNXB4O1xufVxuXG4uZmF1bHQtdGFibGUgLmZhdWx0LWRhdGUge1xuICB3aWR0aDogMTUlICFpbXBvcnRhbnQ7XG59XG4uZmF1bHQtdGFibGUgLmZhdWx0LWRlcyB7XG4gIHdpZHRoOiAyMCUgIWltcG9ydGFudDtcbn1cblxuLmJ0biB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xuICBoZWlnaHQ6IDI1cHg7XG59XG5cbi5idG4gcCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgY29sb3I6ICNmZmY7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgbWFyZ2luOiBhdXRvO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxpbmUtaGVpZ2h0OiAxMHB4O1xufVxuXG4vKiBzbGlkZXJzICovXG4vKiBMZWZ0IFNsaWRlciAqL1xuLmJ0bi0xIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICBjb2xvcjogIzAwNDU3RCAhaW1wb3J0YW50O1xuICBib3JkZXI6IDFweCBzb2xpZCAjMDA0NTdEO1xufVxuXG4uYnRuLTEgcCB7XG4gIG1hcmdpbjogYXV0bztcbn1cblxudGFibGUge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLnJlY3QyIHtcbiAgcGFkZGluZzogMTVweDtcbiAgaGVpZ2h0OiAxMzBweDtcbiAgd2lkdGg6IDkzJTtcbiAgYmFja2dyb3VuZDogI2VhZWFlYTtcbn1cblxuLnJlY3QzIHtcbiAgcGFkZGluZy10b3A6IDE1cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDE1cHg7XG4gIHBhZGRpbmctbGVmdDogMTVweDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgaGVpZ2h0OiA2NnB4O1xuICB3aWR0aDogOTMlO1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xufVxuXG4ucmVjdDMgLmJ1dHRvbiB7XG4gIGZsb2F0OiByaWdodDtcbiAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cblxuLnJlY3Q0IHtcbiAgZmxvYXQ6IGxlZnQ7XG4gIHdpZHRoOiA5MyU7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5uZ3gtdGltZXBpY2tlci1maWVsZC1leGFtcGxlIHtcbiAgZmxvYXQ6IGxlZnQ7XG4gIG1hcmdpbi10b3A6IDE1cHg7XG59XG5cbi5yZWN0NSB7XG4gIGZsb2F0OiBsZWZ0O1xuICB3aWR0aDogNTAlO1xufVxuXG4udGV4dC1wcCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbC1wb3B1cC1zYXZlIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG59XG5cbi5pY29ucyAuZmEtcGhvbmUge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgxMzVkZWcpO1xufVxuXG4uaWNvbnMgLmZhLW1pY3JvcGhvbmUtc2xhc2gsXG4uaWNvbnMgLmZhLXBob25lIHtcbiAgZm9udC1zaXplOiAyNHB4O1xufVxuXG4uaWNvbnMgLmJ1dHRvbiB7XG4gIG1hcmdpbjogNXB4O1xufVxuXG4uaWNvbnMge1xuICBtYXJnaW4tdG9wOiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDI5JTtcbn1cblxuLmhhbmctYnRuIHtcbiAgY29sb3I6IHJlZCAhaW1wb3J0YW50O1xuICBib3JkZXItY29sb3I6IHJlZCAhaW1wb3J0YW50O1xufVxuXG4uY2xhc3N0ZXh0MSB7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uZGF0YXZpZXcge1xuICBtYXJnaW4tbGVmdDogMTVweDtcbn1cblxuLnRpbWVzdGFtcCB7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICB3aWR0aDogNTUlO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGNvbG9yOiAjMDA0NTdEO1xuICBmb250LXNpemU6IDEycHg7XG4gIHdpZHRoOiA1MCU7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWNoZWNrZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xufVxuXG4uaGlzdG9yeS1jYXJkIC5hcHBseUhvcml6b250YWxTY3JvbGwge1xuICBtYXJnaW4tYm90dG9tOiAwcHg7XG59XG5cbi5oaXN0b3J5LWNhcmQgOjpuZy1kZWVwIG1hdC1wYWdpbmF0b3Ige1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xufVxuXG4uaGlzdG9yeS1jYXJkIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDE1cHg7XG59XG5cbi5oaXN0b3J5LWNhcmQgOjpuZy1kZWVwIC5tYXQtY2FyZC1jb250ZW50IHtcbiAgcGFkZGluZy1ib3R0b206IDQwcHg7XG59XG5cbi5yZWNvcmRpbmctZGFpbG9nIHtcbiAgYm94LXNoYWRvdzogMCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDJweCAycHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCA1cHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICByaWdodDogMTUlO1xufVxuXG4uY2FsbC1yZXNwb25zZSB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgd2lkdGg6IDM1JTtcbiAgdG9wOiAyMyU7XG4gIHJpZ2h0OiA1MHB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogMCU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG4gIGJvcmRlci1zdHlsZTogbm9uZSBzb2xpZCBzb2xpZCBub25lO1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmljb24tYmFja2dyb3VuZCB7XG4gIGNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gIGhlaWdodDogMTNweCAhaW1wb3J0YW50O1xuICB3aWR0aDogMTNweCAhaW1wb3J0YW50O1xufVxuXG4uZWRpdC1pY29uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogIzAwNDU3RDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRvcDogMjAlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jaGVjay1pY29uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogIzFhY2MwNDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRvcDogMjAlO1xuICBtYXJnaW4tcmlnaHQ6IDE4cHg7XG4gIG1hcmdpbi1ib3R0b206IDVweCAhaW1wb3J0YW50O1xufVxuXG4uY2FuY2xlLWljb24ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiByZWQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDVweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICB0b3A6IDIwJTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBtYXJnaW4tbGVmdDogMzVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtcmlwcGxlIHtcbiAgaGVpZ2h0OiAwcHggIWltcG9ydGFudDtcbn1cblxuLnN0cmF0ZS1saW5lIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRvcDogNTAlO1xufVxuXG4uaW5wdXQtYm9yZGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHdpZHRoOiA3NSUgIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmlucHV0LWJvcmRlci1kIHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHdpZHRoOiA3MCUgIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmNhbGxpbmctdGFibGUubWF0LXRhYmxlIC5tYXQtY2VsbCB7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6IGJsYWNrO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgb3BhY2l0eTogMTtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICBmb250LXNpemU6IDEycHg7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBub25lIG5vbmUgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4xcHg7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtZm9udC50aCB7XG4gIGNvbG9yOiBibGFjaztcbn1cblxuLnRhYmxlLWZvbnQudGQge1xuICBjb2xvcjogIzU5NTk1OTtcbn1cblxuLnNydkhpc3RyeUhlYWRlcjEge1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4udGVjaC1jYW1wIDo6bmctZGVlcCAubWF0LXRhYi1ib2R5LXdyYXBwZXIge1xuICBib3gtc2hhZG93OiAwIDNweCAxcHggLTJweCByZ2JhKDAsIDAsIDAsIDAuMiksIDAgMnB4IDJweCAwIHJnYmEoMCwgMCwgMCwgMC4xNCksIDAgMXB4IDVweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG59XG5cbi50ZWNoLWNhbXAgOjpuZy1kZWVwIC5tYXQtY2FyZC1jb250ZW50IHtcbiAgbWFyZ2luLWJvdHRvbTogMHB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLmN1czM2MFRkIHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBmb250LWZhbWlseTogcG9wcGlucztcbn0iXX0= */\"","import { Component, OnInit, Optional, ViewChild } from \"@angular/core\";\nimport { ToastrService } from \"ngx-toastr\";\nimport { CommonService } from \"../../core/service/common-service/common.service\";\nimport { MatDialog, MatSort, MatPaginator, MatTableDataSource, MatDialogRef, MatTabChangeEvent } from \"@angular/material\";\nimport { Router } from \"@angular/router\";\nimport { DatePipe,Location } from \"@angular/common\";\nimport { openvisitReportDialog, VisitReportComponent } from \"src/app/modal/visit-report/visit-report.component\";\nimport { filter } from \"rxjs/operators\";\nimport { CallParams } from \"src/app/model/call-params.model\";\nimport { DialogService } from \"src/app/dialog.service\";\n\n@Component({\n selector: 'app-lost-customer360',\n templateUrl: './lost-customer360.component.html',\n styleUrls: ['./lost-customer360.component.scss']\n})\nexport class LostCustomer360Component implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n @ViewChild('CallLogsPaginator', { static: true }) callLogsPaginator: MatPaginator;\n @ViewChild('CallLogsSort', { static: true }) callLogsSort: MatSort;\n @ViewChild('RemarksPaginator', { static: true }) remarksPaginator: MatPaginator;\n @ViewChild('RemarksSort', { static: true }) remarksSort: MatSort;\n @ViewChild('ServiceHistoryPaginator', { static: true }) serviceHistoryPaginator: MatPaginator;\n @ViewChild('ServiceHistorySort', { static: true }) serviceHistorySort: MatSort;\n\n cus360: any;\n cusType: string;\n calledNo: string;\n vehicleDetails: any = {};\n lastServiceDetails: any = {};\n // serviceDetails: any = {};\n spinner: boolean;\n vinNoList: string[] = [];\n vehicleInfoList: any[] = [];\n selectedNumber: any;\n selectedName: any;\n updatedNumber: any;\n updatedName: any;\n contactInfoOwner: any[] = [];\n contactInfoFleet: any[] = [];\n contactInfoDriver: any[] = [];\n updatedNumberType: string;\n secondaryNo: string;\n unableEdit: any = {};\n unableCall: boolean = false;\n workShops = [];\n selectedWorkShop: string;\n audioSource: any = {};\n selectedVehicle: string;\n HideServiceHistory: boolean = true;\n historyToggleStatus: boolean = false;\n showCallDailog: boolean = false;\n showRecordingDailog: boolean = false;\n showPlayBtn: boolean = true;\n // paused: boolean = false;\n ownerSelected: boolean = true;\n fleetSelected: boolean = false;\n driverSelected: boolean = false;\n errorShow: any = {};\n customerID: string;\n userId: string;\n chassisNo: string;\n recentNumber: string;\n bookingCount: number;\n followupCount: number;\n customerData: any;\n vin: string;\n division: string;\n workshopAppointmentFlag: boolean = false;\n cdmTrailCheckOwner: boolean = false;\n cdmTrailCheckfleet: boolean = false;\n cdmTrailCheckdriver: boolean = false;\n secondTrailCall: boolean = false;\n dataSource1: any[];\n callLists: any;\n callCount: number = 0;\n remarksDetails: any;\n historyDetails: any;\n remarksCount: number = 0;\n historyCount: number = 0;\n private audio: HTMLMediaElement;\n selectedTab: any;\n custNameForSave: any;\n callOption: string;\n clicked: boolean = true;\n visitReportCheck: boolean = true;\n\n //service history table columns\n displayedColumns: string[] = [\n \"jcNo\",\n \"servNo\",\n \"dealerLoc\",\n \"jbcardDate\",\n \"mileage\",\n \"failureDate\",\n \"billDate\",\n \"insdate\",\n \"mechanic\",\n \"serviceAdv\",\n \"serviceAdvNo\"\n ];\n\n //call log table columns\n displayedCallColumns: string[] = [\n \"number\",\n \"callDate\",\n \"startTime\",\n \"duration\",\n \"recording\"\n ];\n\n //call log table columns\n displayedRemarksColumns: string[] = [\n \"remark\",\n \"remarkDate\",\n \"remarkTime\"\n ];\n customerInfo: any;\n\n constructor(\n private dialogService: DialogService,\n private datePipe: DatePipe,\n public dialog: MatDialog,\n private commonService: CommonService,\n private toastr: ToastrService,\n private router: Router,\n private location:Location,\n ) {\n this.unableEdit['O'] = {};\n this.unableEdit['F'] = {};\n this.unableEdit['D'] = {};\n }\n\n ngOnInit() {\n this.userInfo = JSON.parse(localStorage.getItem(\"userInfo\") || null)[0];\n this.customerData = JSON.parse(localStorage.getItem(\"customerData\") || null);\n // this.callVisible = true;\n this.chassisNo = localStorage.getItem(\"chassisNo\");\n this.userId = localStorage.getItem(\"userId\");\n this.customerID = localStorage.getItem(\"customerId\");\n this.workShops = JSON.parse(localStorage.getItem('workshops'));\n this.selectedWorkShop = (this.workShops && this.workShops.length) ? this.workShops[0].workshopCode : '';\n this.customerData = JSON.parse(localStorage.getItem(\"customerData\"));\n this.vin = this.customerData.vin;\n if (localStorage.getItem(\"userId\") == null || localStorage.getItem(\"userId\") == undefined) {\n this.router.navigate([\"login\"]);\n }\n\n //this.getBookingFollowupCount(this.customerID, this.vin);\n this.getWorkshopAppointmentFlag();\n this.getCustomer360();\n this.getCallList();\n this.getContactdetail();\n this.showCustomerProfile();\n if(this.customerData.callTypeCode == 5){\n this.checkVisitReportStatus();\n }\n }\n\n /**\n * Name: getCallRecording\n * purpose: To get call recording and play\n */\n recordingUrl:string = ''\n getCallRecording(bucketName: string, fileName: string, id: string, source: string,element:any): void {\n console.log(element);\n \n\n if (element.recordingUrl) {\n this.recordingUrl = element.recordingUrl;\n }else{\n this.recordingUrl = '';\n }\n this.spinner = true;\n this.onRecordingClose();\n this.commonService.downloadAudio(bucketName, fileName, source).subscribe(res => {\n this.spinner = false;\n var binary = res['body'];\n var blob = new Blob([binary], { type: 'audio/mp4' });\n this.audioSource.id = id;\n this.audioSource.url = URL.createObjectURL(blob);\n if (this.audioSource.url) {\n this.playRecording();\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n /**\n * Name: playRecording\n * purpose: To play recoding\n */\n playRecording(): void {\n this.showPlayBtn = false;\n this.showRecordingDailog = true;\n }\n\n /**\n * Name: onRecordingClose\n * purpose: To close Recording dailog\n */\n onRecordingClose() {\n this.showPlayBtn = true;\n this.showRecordingDailog = false;\n }\n\n /**\n * Name: getContactdetail\n * purpose: To get customer Contact detail\n */\n getContactdetail(): void {\n this.spinner = true;\n this.commonService.contactdetail(this.customerID).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.contactInfoOwner = res[\"responseData\"].filter(contact => contact.flag == \"O\");\n this.contactInfoFleet = res[\"responseData\"].filter(contact => contact.flag == \"F\");\n this.contactInfoDriver = res[\"responseData\"].filter(contact => contact.flag == \"D\");\n this.selectedNumber = this.contactInfoOwner[0].contactNo;\n this.selectedName = this.contactInfoOwner[0].name;\n this.unableEdit['O'][0] = true;\n this.unableEdit['O'][1] = false;\n this.unableEdit['D'][0] = true;\n this.unableEdit['D'][1] = false;\n this.updatedNumberType = 'Primary';\n this.unableCall = true;\n this.spinner = false;\n } else {\n this.spinner = false;\n }\n }, (err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n },\n ()=>{\n this.updateActiveContactNo();\n });\n }\n\n getCdmData() {\n let temp: any;\n this.selectedTab = this.selectedTab ? this.selectedTab : 0;\n\n let data = {\n \"customerId\": this.customerID,\n \"vin\": \"\",\n \"phoneNo\": \"\",\n \"startDate\": \"\",\n \"endDate\": \"\",\n \"date\": \"\",\n \"customerName\": \"\",\n \"type\": \"T\",\n \"flag\": this.selectedTab == 0 ? 'C' : this.selectedTab == 1 ? 'F' : this.selectedTab == 2 ? 'D' : 'C'\n };\n this.commonService.fetchCdmData(data).subscribe((resp) => {\n if (resp['responseCode'] == 0) {\n temp = resp[\"responseData\"].filter(contact => contact.contactNo = contact.phoneNo);\n temp.forEach((trail) => {\n if (this.selectedTab == 0) {\n this.contactInfoOwner.push(trail)\n this.cdmTrailCheckOwner = true\n } else if (this.selectedTab == 1) {\n this.contactInfoFleet.push(trail)\n this.cdmTrailCheckfleet = true\n } else if (this.selectedTab == 2) {\n this.contactInfoDriver.push(trail)\n this.cdmTrailCheckdriver = true\n }\n })\n this.trailLogCheck();\n } else {\n this.toastr.error(resp['message'], \"Error\");\n }\n\n }, error => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n // this.contactInfoOwner.push(temp[0]);\n\n }\n\n trailLogCheck() {\n if (this.selectedTab == 0) {\n this.secondTrailCall = this.cdmTrailCheckOwner\n // return this.cdmTrailCheckOwner\n } else if (this.selectedTab == 1) {\n this.secondTrailCall = this.cdmTrailCheckfleet\n // return this.cdmTrailCheckfleet\n } else if (this.selectedTab == 2) {\n this.secondTrailCall = this.cdmTrailCheckdriver\n // return this.cdmTrailCheckdriver\n } else {\n this.secondTrailCall = false\n }\n }\n\n /**\n * Name: checkCallStatus\n * purpose: To set contect type selection\n * @param {any} type - type of number\n */\n checkCallStatus(type: any): void {\n this.onTabChange(type)\n this.selectedTab = type && type.index;\n if (type && type.index == 0) {\n this.ownerSelected = true;\n this.fleetSelected = false;\n this.driverSelected = false;\n if (this.contactInfoOwner.length) {\n this.unableCall = true;\n this.contactInfoOwner.forEach((element, i) => {\n if (this.unableEdit['O'][i] != undefined && this.unableEdit['O'][i]) {\n this.selectedNumber = element.contactNo;\n this.selectedName = element.name;\n }\n });\n } else {\n this.unableCall = false;\n }\n }\n\n if (type && type.index == 1) {\n this.ownerSelected = false;\n this.fleetSelected = true;\n this.driverSelected = false;\n if (this.contactInfoFleet.length) {\n this.unableCall = true;\n let numberSelected = false;\n this.contactInfoFleet.forEach((element, i) => {\n if (this.unableEdit['F'][i] != undefined && this.unableEdit['F'][i]) {\n this.selectedNumber = element.contactNo;\n this.selectedName = element.name;\n numberSelected = true;\n }\n });\n if (!numberSelected) {\n this.selectedNumber = this.contactInfoFleet[0].contactNo;\n this.selectedName = this.contactInfoFleet[0].name;\n this.unableEdit['F'][0] = true;\n }\n } else {\n this.unableCall = false;\n }\n }\n\n if (type && type.index == 2) {\n this.ownerSelected = false;\n this.fleetSelected = false;\n this.driverSelected = true;\n if (this.contactInfoDriver.length) {\n this.unableCall = true;\n let numberSelected = false;\n this.contactInfoDriver.forEach((element, i) => {\n if (this.unableEdit['D'][i] != undefined && this.unableEdit['D'][i]) {\n this.selectedNumber = element.contactNo;\n this.selectedName = element.name;\n numberSelected = true;\n }\n });\n if (!numberSelected) {\n this.selectedNumber = this.contactInfoDriver[0].contactNo;\n this.selectedName = this.contactInfoDriver[0].name;\n this.unableEdit['D'][0] = true;\n }\n } else {\n this.unableCall = false;\n }\n }\n this.trailLogCheck();\n }\n\n /**\n * Name: callUser\n * purpose: To call user\n */\n private callUser(): void {\n this.showRecordingDailog = false;\n this.spinner = true;\n let callNumber = \"+91\" + this.selectedNumber;\n let type = (this.ownerSelected ? 'C' : (this.fleetSelected ? 'F' : 'D'));\n if(type=='C'){\n this.contactInfoOwner.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n }\n });\n }else if(type=='F'){\n this.contactInfoFleet.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n }\n });\n }\n else if(type=='D'){\n this.contactInfoDriver.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n }\n });\n }\n this.calledNo = this.selectedNumber;\n this.cusType = type;\n\n this.commonService.callCustomer(this.userId, this.customerID, callNumber, type, 'LCRM').subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.showCallDailog = true;\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n\n\n if (localStorage.getItem('countryCode')=='IND91') {\n this.callingToUser();\n }else{\n localStorage.setItem(\"exotel_URI\",'')\n }\n }\n\n showVistResponse(): void {\n this.showRecordingDailog = false;\n // this.spinner = true;\n let callNumber = \"+91\" + this.selectedNumber;\n let type = (this.ownerSelected ? 'C' : (this.fleetSelected ? 'F' : 'D'));\n if(type=='C'){\n this.contactInfoOwner.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n }\n });\n }else if(type=='F'){\n this.contactInfoFleet.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n }\n });\n }\n else if(type=='D'){\n this.contactInfoDriver.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n }\n });\n }\n this.calledNo = this.selectedNumber;\n this.cusType = type;\n this.showCallDailog = true;\n }\n\n /**\n * Name: onClose\n * purpose: To close call dailog\n */\n onClose() {\n this.showCallDailog = false;\n this.getContactdetail();\n }\n\n /**\n * Name: updateNumber\n * @param {boolean} addNumber - type of number\n * purpose: To set customer number\n */\n updateNumber(addNumber): void {\n // if ((this.updatedNumber && this.updatedNumber.length == 10) || (addNumber && this.secondaryNo && this.secondaryNo.length == 10)) {\n this.spinner = true;\n let oldNumber = this.selectedNumber;\n let newNumber = this.updatedNumber ? this.updatedNumber : this.selectedNumber;\n let oldName = this.selectedName;\n let newName = this.updatedName;\n if (addNumber) {\n oldNumber = this.secondaryNo;\n newNumber = this.secondaryNo;\n this.updatedNumberType = \"Secondary\";\n }\n this.commonService.updateNumber(newNumber, oldNumber, this.updatedNumberType, this.customerID, this.userId, oldName, newName).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n this.selectedNumber = this.updatedNumber;\n this.selectedName = this.updatedName;\n this.toastr.success(\"Data is saved.\", \"Success\");\n //this.getContactdetail();\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n })\n // }\n }\n\n getOption(){\n this.callOption=localStorage.getItem('navOption');\n return this.callOption;\n }\n\n onNameChange(name: any, editName: boolean, index: any, type: string) {\n if (type == 'D' && editName) {\n this.updatedName = name.name;\n this.updatedNumber = name.contactNo;\n this.updatedNumberType = 'D';\n this.errorShow[index] = false;\n } else {\n this.selectedName = name.name;\n this.updatedNumber = name.contactNo;\n this.updatedName = name.name;\n this.updatedNumberType = index == 0 ? 'Y' : \"N\";\n if (type == 'D') {\n this.contactInfoDriver.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n }\n }\n }\n\n /**\n * Name: onNumberChange\n * purpose: To get new selected number\n */\n onNumberChange(number: any, editNumber: boolean, index: any, type: string): void {\n if (type == \"D\" && editNumber && number.contactNo.length == 10) {\n this.updatedNumber = number.contactNo;\n this.updatedName = number.name;\n this.updatedNumberType = 'D';\n this.errorShow[index] = false;\n } else if (editNumber && number.contactNo.length == 10) {\n this.updatedNumber = number.contactNo;\n this.updatedName = number.name;\n this.updatedNumberType = index == 0 ? 'Y' : 'N';\n this.errorShow[index] = false;\n } else if (editNumber && number.contactNo.length !== 10) {\n this.errorShow[index] = true;\n } else {\n this.selectedNumber = number.contactNo;\n this.selectedName = number.name;\n this.updatedNumber = number.contactNo;\n this.updatedName = number.name;\n this.updatedNumberType = index == 0 ? 'Y' : 'N';\n if (type == 'O') {\n this.contactInfoOwner.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n } else if (type == 'F') {\n this.contactInfoFleet.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n } else if (type == 'D') {\n this.contactInfoDriver.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n }\n\n }\n }\n\n /**\n * Name: sendWorkshopMsg\n * purpose: To send workshop addess SMS\n */\n sendWorkshopMsg(): void {\n this.spinner = true;\n let data = {\n contactNo: this.selectedNumber,\n custName: this.cus360['CUSTOMER_INFO'].custName,\n }\n this.workShops.forEach(workshop => {\n if (workshop.workshopCode == this.selectedWorkShop) {\n data['wSAddress'] = workshop.workshopAddress || '';\n data['wSManager'] = workshop.contactNo || '';\n data['wSName'] = workshop.workshopName || '';\n }\n });\n this.commonService.sendLocationSMS(data).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getCustomer360\n * purpose: To get customer data\n */\n getCustomer360(): void {\n this.spinner = true;\n this.commonService.getLostcustomerdata(this.customerID, this.userId, this.vin).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.cus360 = res[\"responseData\"];\n if (this.cus360[\"VECHILE_INFO\"] && this.cus360[\"VECHILE_INFO\"].length && this.cus360[\"VECHILE_INFO\"][0].vin6Bits) {\n this.selectedVehicle = this.cus360[\"VECHILE_INFO\"][0].vin6Bits\n this.cus360[\"VECHILE_INFO\"].forEach(element => {\n this.vinNoList.push(element.vin6Bits);\n this.vehicleInfoList.push(element);\n });\n this.subTabDefault(this.selectedVehicle);\n } else {\n this.vehicleDetails = {};\n }\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getCallList\n * purpose: To get customer call data\n */\n getCallList(): void {\n this.spinner = true;\n this.commonService.callDetails(this.userId, this.customerID, 'LCRM').subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n \n this.callLists = new MatTableDataSource(res['responseData']);\n this.recentNumber = (res['responseData'].length && res['responseData'][0].custNo) ? res['responseData'][0].custNo.split('+91')[1] : '';\n this.sort.direction = '';\n this.callLists.sort = this.callLogsSort;\n this.callLists.paginator = this.callLogsPaginator;\n this.callCount = res['responseData'].length;\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getHistory\n * purpose: To get service history\n */\n getHistory(showHistory: boolean): void {\n if (showHistory) {\n this.spinner = true;\n this.commonService.history(this.chassisNo).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.HideServiceHistory = false;\n this.dataSource1 = res[\"responseData\"];\n this.historyDetails = new MatTableDataSource(this.dataSource1);\n this.sort.direction = '';\n this.historyDetails.sort = this.serviceHistorySort;\n this.historyDetails.paginator = this.serviceHistoryPaginator;\n this.historyCount = this.dataSource1.length;\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.historyDetails = [];\n this.spinner = false;\n this.historyToggleStatus = false;\n }\n }, err => {\n this.spinner = false;\n this.historyToggleStatus = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n } else {\n this.HideServiceHistory = true;\n }\n }\n\n /**\n * Name: subTabDefault\n * purpose: To set vehicle details as selected\n */\n subTabDefault(selectedVehicle: string): void {\n this.vehicleDetails = this.cus360[\"VECHILE_INFO\"].filter(vehicle => vehicle.vin6Bits == selectedVehicle)[0];\n this.division = this.vehicleDetails.division;\n localStorage.setItem(\"chassisNo\", this.vehicleDetails.chassisNo);\n this.chassisNo = this.vehicleDetails.chassisNo;\n //change the sale date format\n this.vehicleDetails.saleDate = this.datePipe.transform(\n this.vehicleDetails.saleDate,\n \"yyyy-MM-dd\"\n );\n //set booking nd followup count\n if(this.cus360[\"BOOKING_FOLLOWUP_COUNT\"] && Object.keys(this.cus360[\"BOOKING_FOLLOWUP_COUNT\"]).length&& this.cus360[\"BOOKING_FOLLOWUP_COUNT\"][selectedVehicle].length) {\n this.bookingCount = this.cus360[\"BOOKING_FOLLOWUP_COUNT\"][selectedVehicle][0].bookingCount || 0;\n this.followupCount = this.cus360[\"BOOKING_FOLLOWUP_COUNT\"][selectedVehicle][0].followUpCount || 0;\n } else {\n this.bookingCount = 0;\n this.followupCount = 0;\n }\n\n if (this.cus360[\"LAST_SERVICE_INFO\"] && Object.keys(this.cus360[\"LAST_SERVICE_INFO\"]).length && this.cus360[\"LAST_SERVICE_INFO\"][selectedVehicle]) {\n this.lastServiceDetails = this.cus360[\"LAST_SERVICE_INFO\"][selectedVehicle];\n localStorage.setItem(\"milage\", this.lastServiceDetails.milage);\n this.lastServiceDetails.invoiceDate = this.datePipe.transform(\n this.lastServiceDetails.invoiceDate,\n \"yyyy-MM-dd\"\n );\n } else {\n this.lastServiceDetails = {};\n }\n\n if (this.cus360[\"LOST_CUSTOMER_REMARK_INFO\"] && Object.keys(this.cus360[\"LOST_CUSTOMER_REMARK_INFO\"]).length && this.cus360[\"LOST_CUSTOMER_REMARK_INFO\"][selectedVehicle]) {\n let remarks = this.cus360[\"LOST_CUSTOMER_REMARK_INFO\"][selectedVehicle];\n remarks.forEach(element => {\n let date = element.remarkTime + \" GMT+0000\";\n let d = new Date(date);\n element.remarkTime = d;\n element.remarkDate = this.datePipe.transform(element.remarkTime, \"yyyy-MM-dd\");\n });\n this.remarksDetails = new MatTableDataSource(remarks);\n this.sort.direction = '';\n this.remarksDetails.sort = this.remarksSort;\n this.remarksDetails.paginator = this.remarksPaginator;\n this.remarksCount = remarks.length;\n } else {\n this.remarksDetails = [];\n }\n}\n\n getWorkshopAppointmentFlag(){\n this.commonService.getWorkshopAppointmentFlag(this.selectedWorkShop)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.workshopAppointmentFlag = res['responseData'][0].appointmentFlag;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n showVistReportFormfn() {\n if(this.visitReportCheck == false){\n this.toastr.error(\"Report already exist\");\n }else{\n openvisitReportDialog(this.dialog).subscribe(val => {\n if(val==\"false\") {\n this.clicked=val\n }\n });\n }\n }\n\n showCustomerProfile(){\n this.commonService.getCustomerProfile(this.customerID).subscribe(res=>{\n\n if (res[\"responseCode\"] == 0) {\n this.customerInfo = res[\"responseData\"];\n\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n checkVisitReportStatus(){\n this.commonService.LostCustomerVisitReportCheck(this.customerID, this.vin, this.userId).subscribe(res=>{\n if(res['responseCode'] == 0){\n if(res['responseData'] == 'Visit report already exist'){\n this.visitReportCheck = false;\n this.clicked = false;\n }\n else{\n this.clicked = true;\n }\n }\n else{\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n })\n }\n\n\n activeTabLabel: string = 'Owner'; \n activeIndex:number = 0\n userInfo: any;\n\n\n selectedContactNumbers = {\n 'Owner': null,\n 'Fleet Manager': null,\n 'Driver': null\n };\n\n onTabChange(event: MatTabChangeEvent) {\n this.activeTabLabel = event.tab.textLabel;\n this.activeIndex = event.index;\n this.updateActiveContactNo();\n }\n\n \n\n private updateActiveContactNo() {\n let contactList;\n \n if (this.activeIndex === 0) {\n contactList = this.contactInfoOwner;\n } else if (this.activeIndex === 1) {\n contactList = this.contactInfoFleet;\n } else if (this.activeIndex === 2) {\n contactList = this.contactInfoDriver;\n }\n \n console.log(this.activeIndex);\n console.log(contactList);\n if (contactList && contactList.length > 0) {\n this.selectedContactNumbers[this.activeTabLabel] = this.selectedContactNumbers[this.activeTabLabel] || contactList[0].contactNo;\n }\n \n }\n onRadioChange(contactNo: string, tabLabel: string) {\n this.selectedContactNumbers[tabLabel] = contactNo;\n \n \n }\n\n\n private callingToUser(){\n let customerPhone = this.selectedContactNumbers[this.activeTabLabel];\n if(customerPhone){\n this.makeCall(customerPhone)\n }else{\n this.spinner = false;\n this.toastr.error(\"Customer Phone number can't be Empty while placing the call\")\n }\n }\n\n \n private makeCall(customerPhone:string) {\n const callParams = new CallParams(this.userInfo.contactNo, customerPhone);\n this.spinner = true\n this.commonService.createCallConnection_API(callParams).subscribe({\n next: (response) => {\n if(response.responseData.Uri) {\n localStorage.setItem(\"exotel_URI\",response.responseData.Uri)\n } else{\n localStorage.setItem(\"exotel_URI\",'')\n }\n if (response.responseCode==0) {\n this.toastr.success(\"Call is in progress\")\n \n }else{\n this.toastr.error(response.responseData)\n }\n \n },\n error:(error)=>{\n this.spinner = false\n this.toastr.error(\"Something went wrong\");\n \n },\n complete:()=>{\n this.spinner = false\n }\n });\n }\n\n\n openConfirmation() {\n if (localStorage.getItem('countryCode')=='IND91') {\n this.dialogService.openConfirmDialog().subscribe(result => {\n if (result) {\n console.log(result);\n this.callUser(); \n } else {\n console.log(result);\n }\n });\n }else{\n this.callUser();\n }\n \n }\n}\n","export default \".working-area {\\n margin-top: 115px;\\n width: auto;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card .mat-card-title {\\n margin-bottom: 0px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n}\\n\\n.filter-style {\\n width: 125px !important;\\n}\\n\\n.filter-label {\\n font: 12px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 3px;\\n padding: 1px 0px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding-bottom: 0px;\\n padding-top: 2px;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding-bottom: 0px;\\n font-size: 12px !important;\\n height: 21px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 89%;\\n}\\n\\n.filter1 ::ng-deep .mat-select-arrow-wrapper {\\n padding-bottom: 0x;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 6px !important;\\n padding-left: 5px;\\n}\\n\\n.filter1-input {\\n margin-top: 7px !important;\\n margin-left: 5px;\\n}\\n\\n.filter1 {\\n font-size: 12px;\\n}\\n\\n.filter2 {\\n width: auto;\\n}\\n\\n.calender {\\n position: relative;\\n background: white;\\n width: 100px;\\n margin-right: 10px !important;\\n}\\n\\n.calender input {\\n border: 1px solid lightgray !important;\\n border-radius: 5px;\\n font-size: 12px;\\n height: 24px;\\n padding-left: 5px;\\n width: 100px;\\n}\\n\\n.calander-btn {\\n position: absolute;\\n right: 0px;\\n top: 5px;\\n}\\n\\n.button-margin {\\n margin-left: 3px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 25px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n padding-bottom: 2px;\\n}\\n\\n.example-card1 {\\n text-align: center;\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n margin-bottom: 10px;\\n}\\n\\n.form-field label {\\n font-weight: 500;\\n margin-bottom: 0px;\\n}\\n\\n.form-field input {\\n padding-left: 7px;\\n padding-top: 3px;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\n.columnHeader {\\n font: bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.columnvalue {\\n font-size: 11px !important;\\n position: relative;\\n}\\n\\n.cust-width {\\n width: 12%;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 3px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell {\\n padding: 3px;\\n text-align: start;\\n}\\n\\nth.mat-header-cell {\\n padding: 3px;\\n text-align: end !important;\\n}\\n\\n.cont-width {\\n width: 107px;\\n}\\n\\n.reg-width {\\n width: 130px;\\n}\\n\\n.che-width {\\n width: 110px;\\n}\\n\\n.delName-width {\\n width: 141px;\\n}\\n\\n.set-min-width-report {\\n min-width: 1425px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.searchfilter {\\n width: 100px;\\n height: 30px;\\n margin-left: 10px;\\n font-size: 12px;\\n border: 0;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvbWFya2V0LXNoYXJlLXJlcG9ydGluZy9tYXJrZXQtc2hhcmUtcmVwb3J0aW5nLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnQvbWFya2V0LXNoYXJlLXJlcG9ydGluZy9tYXJrZXQtc2hhcmUtcmVwb3J0aW5nLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksaUJBQUE7RUFDQSxXQUFBO0FDQ0o7O0FERUE7RUFDSSxxQ0FBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7RUFDQSx1QkFBQTtBQ0NKOztBREdJO0VBQ0ksa0JBQUE7QUNBUjs7QURJQTtFQUNJLG1CQUFBO0FDREo7O0FESUE7RUFDSSx1QkFBQTtBQ0RKOztBRElBO0VBQ0ksaUJBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7RUFDQSxvQkFBQTtBQ0RKOztBRElBO0VBQ0ksbUJBQUE7RUFDQSxnQkFBQTtBQ0RKOztBRElBO0VBQ0ksZUFBQTtFQUNBLFdBQUE7QUNESjs7QURJQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUVBLG1CQUFBO0VBQ0EsMEJBQUE7RUFDQSxZQUFBO0FDRko7O0FES0E7RUFDSSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksVUFBQTtBQ0ZKOztBREtBO0VBQ0ksa0JBQUE7QUNGSjs7QURLQTtFQUNJLE1BQUE7RUFDQSxjQUFBO0VBQ0EsaUJBQUE7QUNGSjs7QURLQTtFQUNJLGlCQUFBO0FDRko7O0FES0E7RUFDSSxhQUFBO0FDRko7O0FES0E7RUFDSSxNQUFBO0VBQ0EsMEJBQUE7RUFDQSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksMEJBQUE7RUFDQSxnQkFBQTtBQ0ZKOztBREtBO0VBQ0ksZUFBQTtBQ0ZKOztBREtBO0VBQ0ksV0FBQTtBQ0ZKOztBREtBO0VBQ0ksa0JBQUE7RUFDQSxpQkFBQTtFQUNBLFlBQUE7RUFDQSw2QkFBQTtBQ0ZKOztBREdJO0VBQ0ksc0NBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxZQUFBO0FDRFI7O0FES0E7RUFDSSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxRQUFBO0FDRko7O0FES0E7RUFDSSxnQkFBQTtBQ0ZKOztBREtBO0VBQ0ksdUJBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0EsbUJBQUE7QUNGSjs7QURLQTtFQUNJLGtCQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxtQkFBQTtBQ0ZKOztBRE1JO0VBQ0ksZ0JBQUE7RUFDQSxrQkFBQTtBQ0hSOztBREtJO0VBQ0ksaUJBQUE7RUFDQSxnQkFBQTtBQ0hSOztBRE9BO0VBQ0ksbUNBQUE7RUFDQSx1QkFBQTtBQ0pKOztBRE9BO0VBQ0ksc0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSwwQkFBQTtBQ0pKOztBRFFBO0VBQ0ksMEJBQUE7RUFDQSxrQkFBQTtBQ0xKOztBRFFBO0VBQ0ksVUFBQTtBQ0xKOztBRFFBOzs7RUFHSSxZQUFBO0VBQ0EsbUNBQUE7RUFDQSxtQkFBQTtFQUNBLHVCQUFBO0FDTEo7O0FEUUE7O0VBRUksWUFBQTtFQUNBLGlCQUFBO0FDTEo7O0FEUUE7RUFDSSxZQUFBO0VBQ0EsMEJBQUE7QUNMSjs7QURRQTtFQUNJLFlBQUE7QUNMSjs7QURRQTtFQUNJLFlBQUE7QUNMSjs7QURRQTtFQUNJLFlBQUE7QUNMSjs7QURRQTtFQUNJLFlBQUE7QUNMSjs7QURRQTtFQUNJLGlCQUFBO0FDTEo7O0FEUUE7RUFDSSx1QkFBQTtFQUNBLG1CQUFBO0FDTEo7O0FEUUE7RUFDSSxZQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLFNBQUE7QUNMSiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudC9tYXJrZXQtc2hhcmUtcmVwb3J0aW5nL21hcmtldC1zaGFyZS1yZXBvcnRpbmcuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud29ya2luZy1hcmVhIHtcbiAgICBtYXJnaW4tdG9wOiAxMTVweDtcbiAgICB3aWR0aDogYXV0bztcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkIHtcbiAgICAubWF0LWNhcmQtdGl0bGUge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwcHg7XG4gICAgfVxufVxuXG4uZmlsdGVyZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uZmlsdGVyLXN0eWxlIHtcbiAgICB3aWR0aDogMTI1cHggIWltcG9ydGFudDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gICAgZm9udDogMTJweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBjb2xvcjogIzNjM2MzYztcbiAgICBvcGFjaXR5OiAxO1xuICAgIG1hcmdpbi1ib3R0b206IDNweDtcbiAgICBwYWRkaW5nOiAxcHggMHB4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMHB4O1xuICAgIHBhZGRpbmctdG9wOiAycHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWJ1dHRvbiB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGZvbnQ6IHdoaXRlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIC8vcGFkZGluZy10b3A6IDJweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMHB4O1xuICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICAgIGhlaWdodDogMjFweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICAgIHdpZHRoOiA4OSU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC1hcnJvdy13cmFwcGVyIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gICAgdG9wOiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbi10b3A6IDZweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyMS1pbnB1dCB7XG4gICAgbWFyZ2luLXRvcDogN3B4ICFpbXBvcnRhbnQ7XG4gICAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlcjEge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZpbHRlcjIge1xuICAgIHdpZHRoOiBhdXRvO1xufVxuXG4uY2FsZW5kZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICB3aWR0aDogMTAwcHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAxMHB4ICFpbXBvcnRhbnQ7XG4gICAgaW5wdXQge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXkgIWltcG9ydGFudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgICAgIHdpZHRoOiAxMDBweDtcbiAgICB9XG59XG5cbi5jYWxhbmRlci1idG4ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMHB4O1xuICAgIHRvcDogNXB4O1xufVxuXG4uYnV0dG9uLW1hcmdpbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDNweDtcbn1cblxuLmZpbHRlckJ1dHRvbiB7XG4gICAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgICBoZWlnaHQ6IDI1cHg7XG4gICAgbGluZS1oZWlnaHQ6IDEwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMXB4O1xuICAgIHBhZGRpbmctYm90dG9tOiAycHg7XG59XG5cbi5leGFtcGxlLWNhcmQxIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG59XG5cbi5mb3JtLWZpZWxkIHtcbiAgICBsYWJlbCB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDBweDtcbiAgICB9XG4gICAgaW5wdXQge1xuICAgICAgICBwYWRkaW5nLWxlZnQ6IDdweDtcbiAgICAgICAgcGFkZGluZy10b3A6IDNweDtcbiAgICB9XG59XG5cbi50YWJsZS1ib3JkZXIubWF0LXRhYmxlIHtcbiAgICBib3JkZXItc3R5bGU6IG5vbmUgc29saWQgc29saWQgbm9uZTtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmNvbHVtbkhlYWRlciB7XG4gICAgZm9udDogYm9sZCAxMnB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjMzMzMzMzO1xuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xuICAgIC8vbWluLXdpZHRoOiAxMTBweCAhaW1wb3J0YW50O1xufVxuXG4uY29sdW1udmFsdWUge1xuICAgIGZvbnQtc2l6ZTogMTFweCAhaW1wb3J0YW50O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmN1c3Qtd2lkdGgge1xuICAgIHdpZHRoOiAxMiU7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsLFxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgICBwYWRkaW5nOiAzcHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBub25lIG5vbmUgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAwLjFweDtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwge1xuICAgIHBhZGRpbmc6IDNweDtcbiAgICB0ZXh0LWFsaWduOiBzdGFydDtcbn1cblxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgICBwYWRkaW5nOiAzcHg7XG4gICAgdGV4dC1hbGlnbjogZW5kICFpbXBvcnRhbnQ7XG59XG5cbi5jb250LXdpZHRoIHtcbiAgICB3aWR0aDogMTA3cHg7XG59XG5cbi5yZWctd2lkdGgge1xuICAgIHdpZHRoOiAxMzBweDtcbn1cblxuLmNoZS13aWR0aCB7XG4gICAgd2lkdGg6IDExMHB4O1xufVxuXG4uZGVsTmFtZS13aWR0aCB7XG4gICAgd2lkdGg6IDE0MXB4O1xufVxuXG4uc2V0LW1pbi13aWR0aC1yZXBvcnQge1xuICAgIG1pbi13aWR0aDogMTQyNXB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5zZWFyY2hmaWx0ZXIge1xuICAgIHdpZHRoOiAxMDBweDtcbiAgICBoZWlnaHQ6IDMwcHg7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGJvcmRlcjogMDtcbn0iLCIud29ya2luZy1hcmVhIHtcbiAgbWFyZ2luLXRvcDogMTE1cHg7XG4gIHdpZHRoOiBhdXRvO1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogMCU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkIC5tYXQtY2FyZC10aXRsZSB7XG4gIG1hcmdpbi1ib3R0b206IDBweDtcbn1cblxuLmZpbHRlcmRpdiB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5maWx0ZXItc3R5bGUge1xuICB3aWR0aDogMTI1cHggIWltcG9ydGFudDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gIGZvbnQ6IDEycHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICBwYWRkaW5nOiAxcHggMHB4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgcGFkZGluZy10b3A6IDJweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250OiB3aGl0ZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gIGhlaWdodDogMjFweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDg5JTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LWFycm93LXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiA2cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXIxLWlucHV0IHtcbiAgbWFyZ2luLXRvcDogN3B4ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXIxIHtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZmlsdGVyMiB7XG4gIHdpZHRoOiBhdXRvO1xufVxuXG4uY2FsZW5kZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICB3aWR0aDogMTAwcHg7XG4gIG1hcmdpbi1yaWdodDogMTBweCAhaW1wb3J0YW50O1xufVxuLmNhbGVuZGVyIGlucHV0IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5ICFpbXBvcnRhbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBoZWlnaHQ6IDI0cHg7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICB3aWR0aDogMTAwcHg7XG59XG5cbi5jYWxhbmRlci1idG4ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwcHg7XG4gIHRvcDogNXB4O1xufVxuXG4uYnV0dG9uLW1hcmdpbiB7XG4gIG1hcmdpbi1sZWZ0OiAzcHg7XG59XG5cbi5maWx0ZXJCdXR0b24ge1xuICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBsaW5lLWhlaWdodDogMTBweDtcbiAgbWFyZ2luLWJvdHRvbTogMXB4O1xuICBwYWRkaW5nLWJvdHRvbTogMnB4O1xufVxuXG4uZXhhbXBsZS1jYXJkMSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBtYXJnaW4tcmlnaHQ6IGF1dG87XG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG59XG5cbi5mb3JtLWZpZWxkIGxhYmVsIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgbWFyZ2luLWJvdHRvbTogMHB4O1xufVxuLmZvcm0tZmllbGQgaW5wdXQge1xuICBwYWRkaW5nLWxlZnQ6IDdweDtcbiAgcGFkZGluZy10b3A6IDNweDtcbn1cblxuLnRhYmxlLWJvcmRlci5tYXQtdGFibGUge1xuICBib3JkZXItc3R5bGU6IG5vbmUgc29saWQgc29saWQgbm9uZTtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5jb2x1bW5IZWFkZXIge1xuICBmb250OiBib2xkIDEycHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzMzMzMzMztcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gIGZvbnQtc2l6ZTogMTFweCAhaW1wb3J0YW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5jdXN0LXdpZHRoIHtcbiAgd2lkdGg6IDEyJTtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICBwYWRkaW5nOiAzcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQgbm9uZSBub25lIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwge1xuICBwYWRkaW5nOiAzcHg7XG4gIHRleHQtYWxpZ246IHN0YXJ0O1xufVxuXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICBwYWRkaW5nOiAzcHg7XG4gIHRleHQtYWxpZ246IGVuZCAhaW1wb3J0YW50O1xufVxuXG4uY29udC13aWR0aCB7XG4gIHdpZHRoOiAxMDdweDtcbn1cblxuLnJlZy13aWR0aCB7XG4gIHdpZHRoOiAxMzBweDtcbn1cblxuLmNoZS13aWR0aCB7XG4gIHdpZHRoOiAxMTBweDtcbn1cblxuLmRlbE5hbWUtd2lkdGgge1xuICB3aWR0aDogMTQxcHg7XG59XG5cbi5zZXQtbWluLXdpZHRoLXJlcG9ydCB7XG4gIG1pbi13aWR0aDogMTQyNXB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLnNlYXJjaGZpbHRlciB7XG4gIHdpZHRoOiAxMDBweDtcbiAgaGVpZ2h0OiAzMHB4O1xuICBtYXJnaW4tbGVmdDogMTBweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBib3JkZXI6IDA7XG59Il19 */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { DateTimeAdapter, OWL_DATE_TIME_FORMATS, OWL_DATE_TIME_LOCALE } from 'ng-pick-datetime';\nimport { MomentDateTimeAdapter } from 'ng-pick-datetime-moment';\nimport { FilterPipePipe } from '../../pipes/filter-pipe.pipe';\nimport { Router } from '@angular/router';\nimport { DatePipe } from '@angular/common';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { MatTableDataSource, MatSort, MatPaginator, MatSelect, MatOption } from '@angular/material';\nimport { FormControl, FormBuilder, FormGroup } from '@angular/forms';\n\nexport const MY_CUSTOM_FORMATS = {\n parseInput: 'LL LT',\n fullPickerInput: 'DD-MM-YYYY LT',\n datePickerInput: 'DD-MM-YYYY',\n timePickerInput: 'LT',\n monthYearLabel: 'MMM YYYY',\n dateA11yLabel: 'LL',\n monthYearA11yLabel: 'MMMM YYYY',\n};\n\n@Component({\n selector: 'app-market-share-reporting',\n templateUrl: './market-share-reporting.component.html',\n styleUrls: ['./market-share-reporting.component.scss'],\n providers: [\n { provide: DateTimeAdapter, useClass: MomentDateTimeAdapter, deps: [OWL_DATE_TIME_LOCALE] },\n { provide: OWL_DATE_TIME_FORMATS, useValue: MY_CUSTOM_FORMATS },\n FilterPipePipe\n ],\n})\nexport class MarketShareReportingComponent implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n @ViewChild('allSelectedRegion', { static: true }) private allSelectedRegion: MatOption;\n @ViewChild('allSelectedWorkshopCode', { static: true }) private allSelectedWorkshopCode: MatOption;\n @ViewChild('allSelectedServiceType', { static: true }) private allSelectedServiceType: MatOption;\n @ViewChild('allSelectedLostAge', { static: true }) private allSelectedLostAge: MatOption;\n @ViewChild('allSelectedVehicleAge', { static: true }) private allSelectedVehicleAge: MatOption;\n\n uniqueLostAge: any[] = [\n {key: \"0-1\", value: \"0-1\"},\n {key: \"1-2\", value: \"1-2\"},\n {key: \"2-3\", value: \"2-3\"},\n {key: \"3-4\", value: \"3-4\"},\n {key: \"4-5\", value: \"4-5\"},\n {key: \"5-6\", value: \"5-6\"},\n {key: \"6-7\", value: \"6-7\"},\n {key: \"7-8\", value: \"7-8\"}\n ];\n\n uniqueVehicleAge: any[] = [\n {key: \"0-1\", value: \"0-1\"},\n {key: \"1-2\", value: \"1-2\"},\n {key: \"2-3\", value: \"2-3\"},\n {key: \"3-4\", value: \"3-4\"},\n {key: \"4-5\", value: \"4-5\"},\n {key: \"5-6\", value: \"5-6\"},\n {key: \"6-7\", value: \"6-7\"},\n {key: \"7-8\", value: \"7-8\"}\n ];\n\n uniqueServiceTypeValue: any[] = [\n {key: \"1\", value: \"ECS - Early Care Service\"},\n {key: \"3\", value: \"PMS - Preventive Maintenance Service\"},\n // {key: \"21,22,23\", value: \"FS - Free Service\"},\n {key: \"21\", value: \"FS - Free Service 1\"},\n {key: \"22\", value: \"FS - Free Service 2\"},\n {key: \"23\", value: \"FS - Free Service 3\"},\n ];\n\n spinner: boolean;\n userId: string;\n userInfo: any;\n today: Date = new Date();\n toDate: Date = new Date();\n fromDate: Date = new Date();\n uniqueRegionValue: string[] = [];\n uniqueWorkshopCodeValue: string[] = [];\n //uniqueServiceTypeValue: string[] = [];\n selectedRegionValues: string[] = [];\n selectedWorkshopValues: string[] = [];\n selectedLostAgeValues: string[] = [];\n selectedVehicleAgeValues: string[] = [];\n selectedServiceTypeValues: string[] = [];\n selectRegion: FormGroup;\n selectWorkshop: FormGroup;\n selectServiceType: FormGroup;\n selectLostAge: FormGroup;\n selectVehicleAge: FormGroup;\n workshopCodeType: any;\n uniqueWorkshopCodeValueCopy: string[] = [];\n selectedDealer:any;\n dealerCode: string[] = [];\n maxDate: Date = new Date();\n\n constructor(\n private router: Router,\n private datePipe: DatePipe,\n private commonService: CommonService,\n private toastr: ToastrService,\n private filterPipePipe: FilterPipePipe,\n private fb: FormBuilder\n ) { }\n\n ngOnInit() {\n this.userId = localStorage.getItem('userId');\n this.userInfo = JSON.parse(localStorage.getItem('userInfo'));\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n\n this.selectRegion = this.fb.group({\n regionType: ['']\n });\n\n this.selectWorkshop = this.fb.group({\n workshopCodeType: [''],\n selectedDealer: ['']\n });\n\n this.selectServiceType = this.fb.group({\n serviceTypeValue: ['']\n });\n\n this.selectLostAge = this.fb.group({\n lostAgeType: ['']\n });\n\n this.selectVehicleAge = this.fb.group({\n vehicleAgeType: ['']\n });\n\n this.getRegion();\n this.getWorkshopCode();\n }\n\n /**\n * Name: getRegion\n * purpose: To get region value\n */\n getRegion() {\n this.spinner = true;\n this.commonService.getRegionValue()\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (res['responseData'].length) {\n res['responseData'].forEach(element => {\n this.uniqueRegionValue.push(element.workshopRegion);\n });\n //this.selectedRegionValues = this.uniqueRegionValue[0];\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: filterTriggered\n * @param {Event} event - region filter data\n * purpose: To set dealer code filter values\n */\n filterTriggered(event: any): void {\n this.uniqueWorkshopCodeValue = [];\n //this.selectWorkshop.setValue({workshopCodeType:''});\n let value;\n if(this.selectRegion.value.regionType == \"0\") {\n value = '';\n } else {\n value = this.selectRegion.value.regionType.toString();\n }\n this.commonService.getMSDealerCode(value)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (res['responseData'].length) {\n res['responseData'].forEach(element => {\n this.uniqueWorkshopCodeValue.push(element.workshopCode);\n });\n this.uniqueWorkshopCodeValueCopy = this.uniqueWorkshopCodeValue;\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getLeadExcelReport\n * purpose: To export Lead Data report as excel\n */\n getLeadExcelReport() {\n this.spinner = true;\n if(this.selectRegion.value.regionType != \"\"){\n this.selectRegion.value.regionType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectRegion.value.regionType.splice(index,1);\n }\n });\n }\n if(this.selectWorkshop.value.workshopCodeType != \"\"){\n this.selectWorkshop.value.workshopCodeType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectWorkshop.value.workshopCodeType.splice(index,1);\n }\n });\n }\n if(this.selectServiceType.value.serviceTypeValue != \"\"){\n this.selectServiceType.value.serviceTypeValue.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectServiceType.value.serviceTypeValue.splice(index,1);\n }\n });\n }\n if(this.selectLostAge.value.lostAgeType != \"\"){\n this.selectLostAge.value.lostAgeType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectLostAge.value.lostAgeType.splice(index,1);\n }\n });\n }\n if(this.selectVehicleAge.value.vehicleAgeType != \"\"){\n this.selectVehicleAge.value.vehicleAgeType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectVehicleAge.value.vehicleAgeType.splice(index,1);\n }\n });\n }\n let request = {\n region: this.selectRegion.value.regionType.toString(),\n workshopCode: this.selectWorkshop.value.workshopCodeType.toString(),\n serviceTypeCode: this.selectServiceType.value.serviceTypeValue.toString(),\n startDate: this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\"),\n endDate: this.datePipe.transform(this.toDate, \"yyyy-MM-dd\"),\n vehicalAge: this.selectVehicleAge.value.vehicleAgeType.toString(),\n lostCust: this.selectLostAge.value.lostAgeType.toString(),\n userId: this.userId\n };\n\n let startDate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let endDate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n\n let fileName = \"Lead Status Report_From_\" + startDate + \"_To_\" + endDate;\n this.commonService.getLeadExcelReport(request)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n\n /**\n * Name: getMarketShareReport\n * purpose: To export Market Share Data report as excel\n */\n getMarketShareReport() {\n this.spinner = true;\n if(this.selectRegion.value.regionType != \"\"){\n this.selectRegion.value.regionType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectRegion.value.regionType.splice(index,1);\n }\n });\n }\n if(this.selectWorkshop.value.workshopCodeType != \"\"){\n this.selectWorkshop.value.workshopCodeType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectWorkshop.value.workshopCodeType.splice(index,1);\n }\n });\n }\n if(this.selectServiceType.value.serviceTypeValue != \"\"){\n this.selectServiceType.value.serviceTypeValue.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectServiceType.value.serviceTypeValue.splice(index,1);\n }\n });\n }\n if(this.selectLostAge.value.lostAgeType != \"\"){\n this.selectLostAge.value.lostAgeType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectLostAge.value.lostAgeType.splice(index,1);\n }\n });\n }\n if(this.selectVehicleAge.value.vehicleAgeType != \"\"){\n this.selectVehicleAge.value.vehicleAgeType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectVehicleAge.value.vehicleAgeType.splice(index,1);\n }\n });\n }\n let request = {\n region: this.selectRegion.value.regionType.toString(),\n workshopCode: this.selectWorkshop.value.workshopCodeType.toString(),\n serviceTypeCode: this.selectServiceType.value.serviceTypeValue.toString(),\n startDate: this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\"),\n endDate: this.datePipe.transform(this.toDate, \"yyyy-MM-dd\"),\n vehicalAge: this.selectVehicleAge.value.vehicleAgeType.toString(),\n lostCust: this.selectLostAge.value.lostAgeType.toString(),\n userId: this.userId\n };\n\n let startDate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let endDate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let fileName = \"Market Share Report_From_\" + startDate + \"_To_\" + endDate;\n this.commonService.getMarketShareReport(request)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n\n getWorkshopCode(){\n this.spinner = true;\n this.commonService.getMSDealerCode('')\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (res['responseData'].length) {\n res['responseData'].forEach(element => {\n this.uniqueWorkshopCodeValue.push(element.workshopCode);\n });\n this.uniqueWorkshopCodeValueCopy = this.uniqueWorkshopCodeValue;\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: toggleAllSelectionRegion\n * purpose: To select/remove all data in workshop drop down\n */\n toggleAllSelectionRegion(): void {\n if (this.allSelectedRegion.selected) {\n this.selectRegion.controls.regionType.patchValue([...this.uniqueRegionValue, 0]);\n } else {\n this.selectRegion.controls.regionType.patchValue([]);\n }\n }\n\n tosslePerOneRegion() {\n if (this.allSelectedRegion.selected) {\n this.allSelectedRegion.deselect();\n return false;\n }\n\n if (this.selectRegion.controls.regionType.value.length == this.uniqueRegionValue.length) {\n this.allSelectedRegion.select();\n }\n }\n\n /**\n * Name: toggleAllSelectionWorkshopCode\n * purpose: To select/remove all data in workshop drop down\n */\n toggleAllSelectionWorkshopCode(): void {\n if (this.allSelectedWorkshopCode.selected) {\n this.selectWorkshop.controls.workshopCodeType.patchValue([...this.uniqueWorkshopCodeValue, 0]);\n } else {\n this.selectWorkshop.controls.workshopCodeType.patchValue([]);\n }\n }\n\n tosslePerOneWorkshopCode() {\n if (this.allSelectedWorkshopCode.selected) {\n this.allSelectedWorkshopCode.deselect();\n return false;\n }\n\n if (this.selectWorkshop.controls.workshopCodeType.value.length == this.uniqueWorkshopCodeValue.length) {\n this.allSelectedWorkshopCode.select();\n }\n }\n\n /**\n * Name: toggleAllSelectionServiceType\n * purpose: To select/remove all data in workshop drop down\n */\n toggleAllSelectionServiceType(): void {\n if (this.allSelectedServiceType.selected) {\n this.selectServiceType.controls.serviceTypeValue.patchValue([...this.uniqueServiceTypeValue.map(item => item.key), 0]);\n } else {\n this.selectServiceType.controls.serviceTypeValue.patchValue([]);\n }\n }\n\n\n tosslePerOneServiceType() {\n if (this.allSelectedServiceType.selected) {\n this.allSelectedServiceType.deselect();\n return false;\n }\n\n if (this.selectServiceType.controls.serviceTypeValue.value.length == this.uniqueServiceTypeValue.length) {\n this.allSelectedServiceType.select();\n }\n }\n\n /**\n * Name: toggleAllSelectionLostAge\n * purpose: To select/remove all data in workshop drop down\n */\n toggleAllSelectionLostAge(): void {\n if (this.allSelectedLostAge.selected) {\n this.selectLostAge.controls.lostAgeType.patchValue([...this.uniqueLostAge.map(item => item.key), 0]);\n } else {\n this.selectLostAge.controls.lostAgeType.patchValue([]);\n }\n }\n\n\n tosslePerOneLostAge() {\n if (this.allSelectedLostAge.selected) {\n this.allSelectedLostAge.deselect();\n return false;\n }\n\n if (this.selectLostAge.controls.lostAgeType.value.length == this.uniqueLostAge.length) {\n this.allSelectedLostAge.select();\n }\n }\n\n /**\n * Name: toggleAllSelectionVehicleAge\n * purpose: To select/remove all data in workshop drop down\n */\n toggleAllSelectionVehicleAge(): void {\n if (this.allSelectedVehicleAge.selected) {\n this.selectVehicleAge.controls.vehicleAgeType.patchValue([...this.uniqueVehicleAge.map(item => item.key), 0]);\n } else {\n this.selectVehicleAge.controls.vehicleAgeType.patchValue([]);\n }\n }\n\n tosslePerOneVehicleAge() {\n if (this.allSelectedVehicleAge.selected) {\n this.allSelectedVehicleAge.deselect();\n return false;\n }\n\n if (this.selectVehicleAge.controls.vehicleAgeType.value.length == this.uniqueVehicleAge.length) {\n this.allSelectedVehicleAge.select();\n }\n }\n\n onKey() : void {\n this.uniqueWorkshopCodeValue = this.uniqueWorkshopCodeValueCopy;\n this.dealerCode = [];\n this.selectedDealer = this.selectWorkshop.controls.selectedDealer.value;\n this.selectedDealer = this.selectedDealer.toString();\n this.dealerCode = this.uniqueWorkshopCodeValue.filter(item =>\n item.toLowerCase().includes(this.selectedDealer.toLowerCase())\n );\n if(this.dealerCode.length > 0){\n this.closeInput();\n }\n this.uniqueWorkshopCodeValue = [];\n this.uniqueWorkshopCodeValue = this.dealerCode;\n }\n\n closeInput() : void {\n if(this.dealerCode.length == 0) {\n //this.selectedDealer = '';\n this.selectWorkshop.controls['selectedDealer'].setValue(\"\");\n this.uniqueWorkshopCodeValue = this.uniqueWorkshopCodeValueCopy;\n }\n }\n\n dateFilterTriggered(event: any): void {\n this.today = new Date();\n if((new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30))).getTime() >= this.today.getTime()){\n this.today = new Date();\n if((new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30))).getTime() >= this.today.getTime()){\n this.toDate = new Date();\n } else {\n this.toDate = new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30));\n }\n } else {\n this.today = new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30));\n this.toDate = new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30));\n }\n }\n}","export class ListCustData {\n customerCode: string;\n product: string;\n source: string;\n leadType: string;\n buyDate: string;\n leadStatusCode: string;\n leadSubStatusCode: string;\n userId: string;\n countryCode: string;\n customerName: string;\n enquiryId: string;\n vin: string;\n leadStatus: string;\n followUp: string;\n followUpDate: string;\n enquiryRemarks: string;\n contractNumber: string\n\n constructor(\n customerCode: string,\n vin: string,\n product: string,\n source: string,\n leadType: string,\n buyDate: string,\n leadStatusCode: string,\n leadSubStatusCode: string,\n userId: string,\n countryCode: string,\n followUpDate: string,\n enquiryRemarks: string,\n contractNumber: string\n ) {\n this.source=source;\n this.customerCode=customerCode;\n this.userId= userId;\n this.countryCode= countryCode\n this.product = product;\n this.vin=vin;\n this.leadStatusCode = leadStatusCode;\n this.leadType= leadType;\n this.buyDate = buyDate;\n this.leadSubStatusCode = leadSubStatusCode;\n this.followUpDate=followUpDate;\n this.enquiryRemarks=enquiryRemarks;\n this.contractNumber=contractNumber;\n }\n}\n","export default \".working-area {\\n margin-top: 115px;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.calling-table tr {\\n cursor: pointer;\\n}\\n\\n.table-head-call {\\n background: none;\\n padding-top: 12px;\\n}\\n\\n.callList {\\n font: Bold 20px Roboto;\\n letter-spacing: 0px;\\n color: #484848;\\n opacity: 1;\\n}\\n\\n.close-con {\\n font-size: 18px;\\n cursor: pointer;\\n top: 3px;\\n right: 1px;\\n position: absolute !important;\\n z-index: 10;\\n opacity: 1;\\n}\\n\\n.filter-label {\\n font: 12px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 3px;\\n padding: 1px 4px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n width: 196px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 4px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90% !important;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-arrow-wrapper {\\n padding-bottom: 0px;\\n}\\n\\n.refesh-icon {\\n float: right;\\n margin-bottom: -30px;\\n margin-right: 20px;\\n margin-top: 30px;\\n cursor: pointer;\\n}\\n\\n.coloredRow {\\n background: #ffff99;\\n}\\n\\n.coloredGreenRow {\\n background: #90ee90;\\n}\\n\\n.mat-dialog-title {\\n background-color: darkgray;\\n}\\n\\n.callList-right {\\n font-size: 11px;\\n color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.columnHeader {\\n font: Bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.lost {\\n color: #e64243;\\n position: absolute;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.inbound {\\n color: #2e3668;\\n position: absolute;\\n left: 0px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.columnvalue {\\n font-size: 14px;\\n position: relative;\\n}\\n\\n.filter1 {\\n font-size: 12px;\\n}\\n\\n.dataview {\\n margin-left: 5px;\\n margin-top: 3px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 20px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n width: 75px;\\n margin-top: 17px;\\n}\\n\\n.filterButton1 {\\n color: white !important;\\n background-color: #00457D;\\n height: 20px;\\n line-height: 10px;\\n margin-top: 17px;\\n margin-bottom: 1px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n box-sizing: border-box;\\n display: flex;\\n flex-wrap: wrap;\\n}\\n\\n.serviceDueDate {\\n width: 10% !important;\\n}\\n\\n.followUp {\\n width: 8% !important;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 10px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\nth.mat-header-cell {\\n background-color: #d9d9d9;\\n}\\n\\n.mat-sort-header-container {\\n justify-content: center !important;\\n}\\n\\n.filter2 {\\n width: auto;\\n}\\n\\n.call-stats-card .mat-card-title {\\n margin-bottom: 0px;\\n}\\n\\n.call-stats-card .call-stats {\\n font-size: 11px;\\n color: #ffffff;\\n}\\n\\n.call-stats-card .call-stats i {\\n color: #2e3668;\\n font-size: 11px;\\n}\\n\\n.call-stats-card .call-stats-title {\\n font-size: 20px;\\n color: #484848;\\n}\\n\\n.call-stats-card1 {\\n padding-top: 0px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid none solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card-border2 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n margin-bottom: 15px;\\n border-color: lightgray;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #5482BC;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #5482BC;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 30px;\\n font: Regular 14px Roboto;\\n letter-spacing: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .refresh-btn.mat-button {\\n min-width: auto;\\n}\\n\\n.refresh-btn {\\n background-color: #ffffff;\\n color: #e64243;\\n border: 1px solid #e64243;\\n border-radius: 0px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-flex {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n background: white;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-label {\\n padding-left: 10px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-infix {\\n border-top: none;\\n}\\n\\n.textboxService ::ng-deep label.mat-form-field-label {\\n margin-top: 8px !important;\\n}\\n\\n.textboxService ::ng-deep input.mat-input-element {\\n margin-top: 0.6em;\\n margin-left: 10px;\\n}\\n\\n.search-icon {\\n position: absolute;\\n right: 15px;\\n top: 15px;\\n}\\n\\n.backColor {\\n background-color: #00457D !important;\\n font-size: 12px;\\n}\\n\\n.box-size {\\n margin-left: 10px;\\n margin-top: 7px;\\n width: 28px;\\n height: 28px;\\n color: #ffffff !important;\\n}\\n\\n.box-size1 {\\n margin-left: 10px;\\n margin-top: 10px;\\n width: 22px;\\n height: 22px;\\n color: #ffffff !important;\\n}\\n\\n.backColor1 {\\n background-color: #5482BC !important;\\n font-size: 12px;\\n}\\n\\n.call-stats-value {\\n margin-left: 50px;\\n font-size: 18px;\\n}\\n\\n.call-stats-value1 {\\n margin-left: 30px;\\n font-size: 18px;\\n}\\n\\n.info-circle-size {\\n font-size: 12px !important;\\n color: #ffffff !important;\\n}\\n\\n.flex-set {\\n margin-top: 7px;\\n margin-left: 15px;\\n}\\n\\n.flex-set1 {\\n margin-top: 7px;\\n margin-left: 25px;\\n}\\n\\n.dueDateIcon {\\n height: 9px;\\n width: 11px;\\n}\\n\\n.droupdown-style {\\n width: 180px;\\n}\\n\\n.value-list1 hr {\\n border-top: 1px solid lightgrey;\\n margin: 5px 0px;\\n width: 100%;\\n}\\n\\n.value-list1 span {\\n margin-left: 5px;\\n padding-left: 5px;\\n margin-top: 3px;\\n font-size: 12px;\\n}\\n\\n.margin-left {\\n padding-left: 10px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.followUp {\\n width: 9% !important;\\n}\\n\\n.lastCall {\\n width: 9% !important;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvcGlwZWxpbmUtbWFuYWdlbWVudC9waXBlbGluZS1tYW5hZ2VtZW50LmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnQvcGlwZWxpbmUtbWFuYWdlbWVudC9waXBlbGluZS1tYW5hZ2VtZW50LmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLFdBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7QUNDSjs7QURFQTtFQUNJLGdCQUFBO0VBQ0EsaUJBQUE7QUNDSjs7QURFQTtFQUNJLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0VBQ0EsVUFBQTtFQUNBLDZCQUFBO0VBQ0EsV0FBQTtFQUNBLFVBQUE7QUNDSjs7QURFQTtFQUNJLGlCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0VBQ0Esb0JBQUE7QUNDSjs7QURFQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUNBLFVBQUE7RUFDQSxZQUFBO0VBQ0EsWUFBQTtBQ0NKOztBREVBO0VBQ0ksZ0JBQUE7QUNDSjs7QURHQTtFQUNJLGlCQUFBO0FDQUo7O0FER0E7RUFDSSxxQkFBQTtBQ0FKOztBREdBO0VBQ0ksZUFBQTtFQUNBLFdBQUE7QUNBSjs7QURHQTtFQUNJLE1BQUE7RUFDQSxjQUFBO0VBQ0EsaUJBQUE7QUNBSjs7QURHQTtFQUNJLGlCQUFBO0FDQUo7O0FER0E7RUFDSSxhQUFBO0FDQUo7O0FER0E7RUFDSSxNQUFBO0VBQ0EsMEJBQUE7RUFDQSxpQkFBQTtBQ0FKOztBREdBO0VBQ0ksbUJBQUE7QUNBSjs7QURHQTtFQUNJLFlBQUE7RUFDQSxvQkFBQTtFQUNBLGtCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxlQUFBO0FDQUo7O0FER0E7RUFDSSxtQkFBQTtBQ0FKOztBREdBO0VBQ0ksbUJBQUE7QUNBSjs7QURHQTtFQUNJLDBCQUFBO0FDQUo7O0FER0E7RUFDSSxlQUFBO0VBQ0EsMEJBQUE7QUNBSjs7QURHQTtFQUNJLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsMEJBQUE7QUNBSjs7QURHQTtFQUNJLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtBQ0FKOztBREdBO0VBQ0ksY0FBQTtFQUNBLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0FDQUo7O0FER0E7RUFDSSxlQUFBO0VBQ0Esa0JBQUE7QUNBSjs7QURHQTtFQUNJLGVBQUE7QUNBSjs7QURHQTtFQUNJLGdCQUFBO0VBQ0EsZUFBQTtBQ0FKOztBREdBO0VBQ0ksdUJBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLGdCQUFBO0FDQUo7O0FER0E7RUFDSSx1QkFBQTtFQUNBLHlCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtBQ0FKOztBREdBO0VBQ0ksbUJBQUE7RUFDQSxzQkFBQTtFQUNBLGFBQUE7RUFDQSxlQUFBO0FDQUo7O0FER0E7RUFDSSxxQkFBQTtBQ0FKOztBREdBO0VBQ0ksb0JBQUE7QUNBSjs7QURHQTs7O0VBR0ksYUFBQTtFQUNBLG1DQUFBO0VBQ0EsbUJBQUE7RUFDQSx1QkFBQTtBQ0FKOztBREdBO0VBQ0ksbUNBQUE7RUFDQSx1QkFBQTtBQ0FKOztBREdBO0VBS0kseUJBQUE7QUNKSjs7QURPQTtFQUNJLGtDQUFBO0FDSko7O0FET0E7RUFDSSxXQUFBO0FDSko7O0FEUUk7RUFDSSxrQkFBQTtBQ0xSOztBRE9JO0VBQ0ksZUFBQTtFQUNBLGNBQUE7QUNMUjs7QURNUTtFQUNJLGNBQUE7RUFDQSxlQUFBO0FDSlo7O0FET0k7RUFDSSxlQUFBO0VBQ0EsY0FBQTtBQ0xSOztBRFNBO0VBQ0ksZ0JBQUE7QUNOSjs7QURTQTtFQUNJLG9DQUFBO0VBQ0EsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLHVCQUFBO0FDTko7O0FEU0E7RUFDSSxxQ0FBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7RUFDQSxtQkFBQTtFQUNBLHVCQUFBO0FDTko7O0FEU0E7RUFDSSxrQkFBQTtBQ05KOztBRFNBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0FDTko7O0FEU0E7RUFDSSx5QkFBQTtFQUNBLGNBQUE7QUNOSjs7QURTQTtFQUNJLGlCQUFBO0VBQ0EseUJBQUE7RUFDQSxtQkFBQTtBQ05KOztBRFNBO0VBQ0ksZUFBQTtBQ05KOztBRFNBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0VBQ0EseUJBQUE7RUFDQSxrQkFBQTtBQ05KOztBRFNBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0FDTko7O0FEU0E7RUFDSSxrQkFBQTtBQ05KOztBRFNBO0VBQ0ksZ0JBQUE7QUNOSjs7QURTQTtFQUNJLDBCQUFBO0FDTko7O0FEU0E7RUFDSSxpQkFBQTtFQUNBLGlCQUFBO0FDTko7O0FEU0E7RUFDSSxrQkFBQTtFQUNBLFdBQUE7RUFDQSxTQUFBO0FDTko7O0FEU0E7RUFDSSxvQ0FBQTtFQUNBLGVBQUE7QUNOSjs7QURTQTtFQUNJLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7QUNOSjs7QURTQTtFQUNJLGlCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0FDTko7O0FEU0E7RUFDSSxvQ0FBQTtFQUNBLGVBQUE7QUNOSjs7QURTQTtFQUNJLGlCQUFBO0VBQ0EsZUFBQTtBQ05KOztBRFNBO0VBQ0ksaUJBQUE7RUFDQSxlQUFBO0FDTko7O0FEU0E7RUFDSSwwQkFBQTtFQUNBLHlCQUFBO0FDTko7O0FEU0E7RUFDSSxlQUFBO0VBQ0EsaUJBQUE7QUNOSjs7QURTQTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtBQ05KOztBRFNBO0VBQ0ksV0FBQTtFQUNBLFdBQUE7QUNOSjs7QURTQTtFQUNJLFlBQUE7QUNOSjs7QURVSTtFQUNJLCtCQUFBO0VBQ0EsZUFBQTtFQUNBLFdBQUE7QUNQUjs7QURTSTtFQUNJLGdCQUFBO0VBQ0EsaUJBQUE7RUFDQSxlQUFBO0VBQ0EsZUFBQTtBQ1BSOztBRFdBO0VBQ0ksa0JBQUE7QUNSSjs7QURXQTtFQUNJLHVCQUFBO0VBQ0EsbUJBQUE7QUNSSjs7QURXQTtFQUNJLG9CQUFBO0FDUko7O0FEV0E7RUFDSSxvQkFBQTtBQ1JKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L3BpcGVsaW5lLW1hbmFnZW1lbnQvcGlwZWxpbmUtbWFuYWdlbWVudC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53b3JraW5nLWFyZWEge1xuICAgIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG50YWJsZSB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi5jYWxsaW5nLXRhYmxlIHRyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi50YWJsZS1oZWFkLWNhbGwge1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgcGFkZGluZy10b3A6IDEycHg7XG59XG5cbi5jYWxsTGlzdCB7XG4gICAgZm9udDogQm9sZCAyMHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjNDg0ODQ4O1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbi5jbG9zZS1jb24ge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdG9wOiAzcHg7XG4gICAgcmlnaHQ6IDFweDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgICB6LWluZGV4OiAxMDtcbiAgICBvcGFjaXR5OiAxO1xufVxuXG4uZmlsdGVyLWxhYmVse1xuICAgIGZvbnQ6IDEycHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzYzNjM2M7XG4gICAgb3BhY2l0eTogMTtcbiAgICBtYXJnaW4tYm90dG9tOiAzcHg7XG4gICAgcGFkZGluZzogMXB4IDRweCAwcHg7XG4gIH1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGhlaWdodDogMjBweDtcbiAgICB3aWR0aDogMTk2cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gICAgcGFkZGluZzogNHB4IDBweDtcbiAgICAvL3dpZHRoOiA5MCUgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICAgIHdpZHRoOiA5MCUgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgZm9udDogd2hpdGU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gICAgdG9wOiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbi10b3A6IDRweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtYXJyb3ctd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLnJlZmVzaC1pY29uIHtcbiAgICBmbG9hdDogcmlnaHQ7XG4gICAgbWFyZ2luLWJvdHRvbTogLTMwcHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi10b3A6IDMwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uY29sb3JlZFJvdyB7XG4gICAgYmFja2dyb3VuZDogI2ZmZmY5OTtcbn1cblxuLmNvbG9yZWRHcmVlblJvdyB7XG4gICAgYmFja2dyb3VuZDogIzkwZWU5MDtcbn1cblxuLm1hdC1kaWFsb2ctdGl0bGUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IGRhcmtncmF5O1xufVxuXG4uY2FsbExpc3QtcmlnaHQge1xuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjU0KTtcbn1cblxuLmNvbHVtbkhlYWRlciB7XG4gICAgZm9udDogQm9sZCAxMnB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjMzMzMzMzO1xuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4ubG9zdCB7XG4gICAgY29sb3I6ICNlNjQyNDM7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDEwcHg7XG4gICAgZm9udC1zaXplOiAxMHB4O1xuICAgIHRvcDogMzglO1xufVxuXG4uaW5ib3VuZCB7XG4gICAgY29sb3I6ICMyZTM2Njg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDBweDtcbiAgICBmb250LXNpemU6IDEwcHg7XG4gICAgdG9wOiAzOCU7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZpbHRlcjEge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmRhdGF2aWV3e1xuICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xufVxuXG4uZmlsdGVyQnV0dG9uIHtcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICAgIGhlaWdodDogMjBweDtcbiAgICBsaW5lLWhlaWdodDogMTBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG4gICAgd2lkdGg6IDc1cHg7XG4gICAgbWFyZ2luLXRvcDogMTdweDtcbn1cblxuLmZpbHRlckJ1dHRvbjEge1xuICAgIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxMHB4O1xuICAgIG1hcmdpbi10b3A6IDE3cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMXB4O1xuICB9XG5cbi5maWx0ZXJkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbn1cblxuLnNlcnZpY2VEdWVEYXRlIHtcbiAgICB3aWR0aDogMTAlICFpbXBvcnRhbnQ7XG59XG5cbi5mb2xsb3dVcCB7XG4gICAgd2lkdGg6IDglICFpbXBvcnRhbnQ7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsLFxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgICBwYWRkaW5nOiAxMHB4O1xuICAgIGJvcmRlci1zdHlsZTogc29saWQgbm9uZSBub25lIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMC4xcHg7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi50YWJsZS1ib3JkZXIubWF0LXRhYmxlIHtcbiAgICBib3JkZXItc3R5bGU6IG5vbmUgc29saWQgc29saWQgbm9uZTtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgICAvL2p1c3RpZnktc2VsZjogY2VudGVyO1xuICAgIC8vdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIC8vZGlzcGxheTogZmxleDtcbiAgICAvL2p1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNkOWQ5ZDk7XG59XG5cbi5tYXQtc29ydC1oZWFkZXItY29udGFpbmVyIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlciAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMiB7XG4gICAgd2lkdGg6IGF1dG87XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQge1xuICAgIC5tYXQtY2FyZC10aXRsZSB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDBweDtcbiAgICB9XG4gICAgLmNhbGwtc3RhdHMge1xuICAgICAgICBmb250LXNpemU6IDExcHg7XG4gICAgICAgIGNvbG9yOiAjZmZmZmZmO1xuICAgICAgICBpIHtcbiAgICAgICAgICAgIGNvbG9yOiAjMmUzNjY4O1xuICAgICAgICAgICAgZm9udC1zaXplOiAxMXB4O1xuICAgICAgICB9XG4gICAgfVxuICAgIC5jYWxsLXN0YXRzLXRpdGxlIHtcbiAgICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgICAgICBjb2xvcjogIzQ4NDg0ODtcbiAgICB9XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQxIHtcbiAgICBwYWRkaW5nLXRvcDogMHB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICAgIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItcmFkaXVzOiAwJTtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIyIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICAgIGNvbG9yOiAjNTQ4MkJDO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1jaGVja2VkIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MkJDO1xuICAgIGNvbG9yOiAjZmZmZmZmO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1sYWJlbC1jb250ZW50IHtcbiAgICBsaW5lLWhlaWdodDogMzBweDtcbiAgICBmb250OiBSZWd1bGFyIDE0cHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLnJlZnJlc2gtYnRuLm1hdC1idXR0b24ge1xuICAgIG1pbi13aWR0aDogYXV0bztcbn1cblxuLnJlZnJlc2gtYnRuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICAgIGNvbG9yOiAjZTY0MjQzO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNlNjQyNDM7XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1mbGV4IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBsYWJlbC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgbWFyZ2luLXRvcDogOHB4ICFpbXBvcnRhbnQ7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgaW5wdXQubWF0LWlucHV0LWVsZW1lbnQge1xuICAgIG1hcmdpbi10b3A6IDAuNmVtO1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uc2VhcmNoLWljb24ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMTVweDtcbiAgICB0b3A6IDE1cHg7XG59XG5cbi5iYWNrQ29sb3Ige1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5ib3gtc2l6ZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgbWFyZ2luLXRvcDogN3B4O1xuICAgIHdpZHRoOiAyOHB4O1xuICAgIGhlaWdodDogMjhweDtcbiAgICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uYm94LXNpemUxIHtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xuICAgIHdpZHRoOiAyMnB4O1xuICAgIGhlaWdodDogMjJweDtcbiAgICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uYmFja0NvbG9yMSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJCQyAhaW1wb3J0YW50O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmNhbGwtc3RhdHMtdmFsdWUge1xuICAgIG1hcmdpbi1sZWZ0OiA1MHB4O1xuICAgIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmNhbGwtc3RhdHMtdmFsdWUxIHtcbiAgICBtYXJnaW4tbGVmdDogMzBweDtcbiAgICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5pbmZvLWNpcmNsZS1zaXplIHtcbiAgICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbiAgICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uZmxleC1zZXQge1xuICAgIG1hcmdpbi10b3A6IDdweDtcbiAgICBtYXJnaW4tbGVmdDogMTVweDtcbn1cblxuLmZsZXgtc2V0MSB7XG4gICAgbWFyZ2luLXRvcDogN3B4O1xuICAgIG1hcmdpbi1sZWZ0OiAyNXB4O1xufVxuXG4uZHVlRGF0ZUljb24ge1xuICAgIGhlaWdodDogOXB4O1xuICAgIHdpZHRoOiAxMXB4O1xufVxuXG4uZHJvdXBkb3duLXN0eWxlIHtcbiAgICB3aWR0aDogMTgwcHg7XG59XG5cbi52YWx1ZS1saXN0MSB7XG4gICAgaHIge1xuICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgbGlnaHRncmV5O1xuICAgICAgICBtYXJnaW46IDVweCAwcHg7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgICBzcGFuIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDVweDtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgIH1cbn1cblxuLm1hcmdpbi1sZWZ0IHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi5wYWdpbmF0b3IgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgaGVpZ2h0OiAxOHB4ICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLmZvbGxvd1VwIHtcbiAgICB3aWR0aDogOSUgIWltcG9ydGFudDtcbn1cblxuLmxhc3RDYWxsIHtcbiAgICB3aWR0aDogOSUgIWltcG9ydGFudDtcbn1cbiIsIi53b3JraW5nLWFyZWEge1xuICBtYXJnaW4tdG9wOiAxMTVweDtcbn1cblxudGFibGUge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmNhbGxpbmctdGFibGUgdHIge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi50YWJsZS1oZWFkLWNhbGwge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBwYWRkaW5nLXRvcDogMTJweDtcbn1cblxuLmNhbGxMaXN0IHtcbiAgZm9udDogQm9sZCAyMHB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICM0ODQ4NDg7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5jbG9zZS1jb24ge1xuICBmb250LXNpemU6IDE4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdG9wOiAzcHg7XG4gIHJpZ2h0OiAxcHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICB6LWluZGV4OiAxMDtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gIGZvbnQ6IDEycHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICBwYWRkaW5nOiAxcHggNHB4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xuICB3aWR0aDogMTk2cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDRweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA5MCUgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250OiB3aGl0ZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICB0b3A6IDA7XG4gIG1hcmdpbi10b3A6IDRweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LWFycm93LXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufVxuXG4ucmVmZXNoLWljb24ge1xuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi1ib3R0b206IC0zMHB4O1xuICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gIG1hcmdpbi10b3A6IDMwcHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmNvbG9yZWRSb3cge1xuICBiYWNrZ3JvdW5kOiAjZmZmZjk5O1xufVxuXG4uY29sb3JlZEdyZWVuUm93IHtcbiAgYmFja2dyb3VuZDogIzkwZWU5MDtcbn1cblxuLm1hdC1kaWFsb2ctdGl0bGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBkYXJrZ3JheTtcbn1cblxuLmNhbGxMaXN0LXJpZ2h0IHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjU0KTtcbn1cblxuLmNvbHVtbkhlYWRlciB7XG4gIGZvbnQ6IEJvbGQgMTJweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjMzMzMzMzO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cblxuLmxvc3Qge1xuICBjb2xvcjogI2U2NDI0MztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDEwcHg7XG4gIHRvcDogMzglO1xufVxuXG4uaW5ib3VuZCB7XG4gIGNvbG9yOiAjMmUzNjY4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDBweDtcbiAgZm9udC1zaXplOiAxMHB4O1xuICB0b3A6IDM4JTtcbn1cblxuLmNvbHVtbnZhbHVlIHtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5maWx0ZXIxIHtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZGF0YXZpZXcge1xuICBtYXJnaW4tbGVmdDogNXB4O1xuICBtYXJnaW4tdG9wOiAzcHg7XG59XG5cbi5maWx0ZXJCdXR0b24ge1xuICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBsaW5lLWhlaWdodDogMTBweDtcbiAgbWFyZ2luLWJvdHRvbTogMXB4O1xuICB3aWR0aDogNzVweDtcbiAgbWFyZ2luLXRvcDogMTdweDtcbn1cblxuLmZpbHRlckJ1dHRvbjEge1xuICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBsaW5lLWhlaWdodDogMTBweDtcbiAgbWFyZ2luLXRvcDogMTdweDtcbiAgbWFyZ2luLWJvdHRvbTogMXB4O1xufVxuXG4uZmlsdGVyZGl2IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xufVxuXG4uc2VydmljZUR1ZURhdGUge1xuICB3aWR0aDogMTAlICFpbXBvcnRhbnQ7XG59XG5cbi5mb2xsb3dVcCB7XG4gIHdpZHRoOiA4JSAhaW1wb3J0YW50O1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCxcbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQgbm9uZSBub25lIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRhYmxlLWJvcmRlci5tYXQtdGFibGUge1xuICBib3JkZXItc3R5bGU6IG5vbmUgc29saWQgc29saWQgbm9uZTtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkOWQ5ZDk7XG59XG5cbi5tYXQtc29ydC1oZWFkZXItY29udGFpbmVyIHtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXIgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjIge1xuICB3aWR0aDogYXV0bztcbn1cblxuLmNhbGwtc3RhdHMtY2FyZCAubWF0LWNhcmQtdGl0bGUge1xuICBtYXJnaW4tYm90dG9tOiAwcHg7XG59XG4uY2FsbC1zdGF0cy1jYXJkIC5jYWxsLXN0YXRzIHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cbi5jYWxsLXN0YXRzLWNhcmQgLmNhbGwtc3RhdHMgaSB7XG4gIGNvbG9yOiAjMmUzNjY4O1xuICBmb250LXNpemU6IDExcHg7XG59XG4uY2FsbC1zdGF0cy1jYXJkIC5jYWxsLXN0YXRzLXRpdGxlIHtcbiAgZm9udC1zaXplOiAyMHB4O1xuICBjb2xvcjogIzQ4NDg0ODtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZDEge1xuICBwYWRkaW5nLXRvcDogMHB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIG5vbmUgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItcmFkaXVzOiAwJTtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMiB7XG4gIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItcmFkaXVzOiAwJTtcbiAgbWFyZ2luLWJvdHRvbTogMTVweDtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGNvbG9yOiAjNTQ4MkJDO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1jaGVja2VkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJCQztcbiAgY29sb3I6ICNmZmZmZmY7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWxhYmVsLWNvbnRlbnQge1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgZm9udDogUmVndWxhciAxNHB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAucmVmcmVzaC1idG4ubWF0LWJ1dHRvbiB7XG4gIG1pbi13aWR0aDogYXV0bztcbn1cblxuLnJlZnJlc2gtYnRuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgY29sb3I6ICNlNjQyNDM7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlNjQyNDM7XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtZmxleCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBsYWJlbC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIG1hcmdpbi10b3A6IDhweCAhaW1wb3J0YW50O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgbWFyZ2luLXRvcDogMC42ZW07XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uc2VhcmNoLWljb24ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAxNXB4O1xuICB0b3A6IDE1cHg7XG59XG5cbi5iYWNrQ29sb3Ige1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmJveC1zaXplIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDdweDtcbiAgd2lkdGg6IDI4cHg7XG4gIGhlaWdodDogMjhweDtcbiAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmJveC1zaXplMSB7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBtYXJnaW4tdG9wOiAxMHB4O1xuICB3aWR0aDogMjJweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uYmFja0NvbG9yMSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkMgIWltcG9ydGFudDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZSB7XG4gIG1hcmdpbi1sZWZ0OiA1MHB4O1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlMSB7XG4gIG1hcmdpbi1sZWZ0OiAzMHB4O1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5pbmZvLWNpcmNsZS1zaXplIHtcbiAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5mbGV4LXNldCB7XG4gIG1hcmdpbi10b3A6IDdweDtcbiAgbWFyZ2luLWxlZnQ6IDE1cHg7XG59XG5cbi5mbGV4LXNldDEge1xuICBtYXJnaW4tdG9wOiA3cHg7XG4gIG1hcmdpbi1sZWZ0OiAyNXB4O1xufVxuXG4uZHVlRGF0ZUljb24ge1xuICBoZWlnaHQ6IDlweDtcbiAgd2lkdGg6IDExcHg7XG59XG5cbi5kcm91cGRvd24tc3R5bGUge1xuICB3aWR0aDogMTgwcHg7XG59XG5cbi52YWx1ZS1saXN0MSBociB7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCBsaWdodGdyZXk7XG4gIG1hcmdpbjogNXB4IDBweDtcbiAgd2lkdGg6IDEwMCU7XG59XG4udmFsdWUtbGlzdDEgc3BhbiB7XG4gIG1hcmdpbi1sZWZ0OiA1cHg7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICBtYXJnaW4tdG9wOiAzcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLm1hcmdpbi1sZWZ0IHtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLmZvbGxvd1VwIHtcbiAgd2lkdGg6IDklICFpbXBvcnRhbnQ7XG59XG5cbi5sYXN0Q2FsbCB7XG4gIHdpZHRoOiA5JSAhaW1wb3J0YW50O1xufSJdfQ== */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { ToastrService } from 'ngx-toastr';\nimport { DatePipe } from '@angular/common';\nimport { MatDialog, MatPaginator, MatSort, MatSelect } from '@angular/material';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { FilterPipePipe } from '../../pipes/filter-pipe.pipe';\nimport { ListCustData } from './listCustData';\nimport { openLeadStatusDialog } from 'src/app/modal/lead-status-dialog/lead-status-dialog.component';\n\n@Component({\n selector: 'app-pipeline-management',\n templateUrl: './pipeline-management.component.html',\n styleUrls: ['./pipeline-management.component.scss'],\n providers: [FilterPipePipe]\n})\nexport class PipelineManagementComponent implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n\n customerData: any;\n currentDate: string;\n today: Date = new Date();\n spinner: boolean;\n userId: string;\n startDate: Date;\n endDate: Date;\n userRoles: any;\n customerNameValues: string[] = [];\n enquiryIdValues: string[] = [];\n productNAmeValues: string[] = [];\n customerMobileValues: string[] = [];\n callStatusValues: string[] = [];\n chasisNoValues: string[] = [];\n uniqueEnquiryId = new Set();\n uniqueProductName = new Set();\n uniqueChasisNo = new Set();\n uniqueCallStatus = new Set();\n uniqueCustomerMobile = new Set();\n uniqueCustomerName = new Set();\n pageSize: number;\n filterMap = new Map();\n dataSource: any;\n filteredDataSource: any;\n callsToBeMade: number = 0;\n callsMade: number = 0;\n selection: any;\n callFlag: any;\n customersToBeCalled: string;\n callsMade1: string;\n userRoleId: string;\n showpipelinedatareport: boolean = false;\n listFlag: string;\n displayedColumns: string[] = [\n 'customerName',\n 'enquiryId',\n 'productType',\n 'vin',\n 'custTelNo',\n 'leadType',\n 'leadStatus',\n 'likelyBuyDate',\n 'followUp',\n ];\n clickedRow: ListCustData;\n followUpCount: any;\n\n constructor(private router: Router, private toastr: ToastrService, private commonService: CommonService,\n private datePipe: DatePipe, private filterPipePipe: FilterPipePipe, public dialog: MatDialog) { }\n\n ngOnInit() {\n\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n this.customerData = JSON.parse(localStorage.getItem('customerData'));\n this.userId = localStorage.getItem('userId');\n this.currentDate = this.datePipe.transform(new Date(), \"yyyy-MM-dd\");\n this.userRoles = localStorage.getItem('userRoles');\n\n this.userRoleId = JSON.parse(localStorage.getItem(\"userInfo\"))[0].roleId;\n if (localStorage.getItem('enquiryIdValues') != null || localStorage.getItem('enquiryIdValues') != undefined) {\n let enquiryIdValues = JSON.parse(localStorage.getItem('enquiryIdValues'));\n this.enquiryIdValues = enquiryIdValues;\n }\n\n if (localStorage.getItem('productNameValues') != null || localStorage.getItem('productNameValues') != undefined) {\n let productNAmeValues = JSON.parse(localStorage.getItem('productNameValues'));\n this.productNAmeValues = productNAmeValues;\n }\n\n if (localStorage.getItem('chasisNoValues') != null || localStorage.getItem('chasisNoValues') != undefined) {\n let chasisNoValues = JSON.parse(localStorage.getItem('chasisNoValues'));\n this.chasisNoValues = chasisNoValues;\n }\n\n if (localStorage.getItem('customerMobileValues') != null || localStorage.getItem('customerMobileValues') != undefined) {\n let customerMobileValues = JSON.parse(localStorage.getItem('customerMobileValues'));\n this.customerMobileValues = customerMobileValues;\n }\n\n if (localStorage.getItem('customerNameValues') != null || localStorage.getItem('customerNameValues') != undefined) {\n let customerNameValues = JSON.parse(localStorage.getItem('customerNameValues'));\n this.customerNameValues = customerNameValues;\n }\n\n if (localStorage.getItem('callListPageSize') != null || localStorage.getItem('callListPageSize') != undefined) {\n let pagesize = Number(localStorage.getItem('callListPageSize'));\n this.pageSize = (pagesize && !Number.isNaN(pagesize)) ? pagesize : 50;\n } else {\n this.pageSize = 50;\n }\n\n // if ((localStorage.getItem('workshops') == null || localStorage.getItem('workshops') == undefined) && this.userRoles !='Call Center Agent') {\n // this.getWorkshopDetails();\n // }\n //this.getCreStats();\n if (this.userRoleId == '1') {\n this.listFlag = 'Z';\n setTimeout(() => this.pipelineCallList(this.userId), 1000);\n } else {\n this.listFlag = 'Y';\n setTimeout(() => this.pipelineCallList(this.userId), 1000);\n }\n //this.clearFilter(false);\n\n //showpipeline data report\n if(this.userRoleId == \"3\" || this.userRoleId == \"5\" || this.userRoleId == \"7\") {\n this.showpipelinedatareport = true;\n }\n\n }\n\n /**\n * Name: setPageData\n * purpose: To set pagesize for table\n */\n setPageData(event) {\n let size = event.pageSize.toString();\n localStorage.setItem('callListPageSize', size);\n }\n\n showLeadStatusDialog() {\n openLeadStatusDialog(this.dialog, this.clickedRow).subscribe(val => {\n if (val == -1) {\n this.ngOnInit();\n }\n });\n\n }\n\n showPipelineSearch() {\n this.router.navigate(['pipeline-search']);\n }\n\n /**\n * Name: getWorkshopDetails\n * purpose: To get CRE assigned workshop details\n */\n getWorkshopDetails() {\n this.spinner = true;\n this.commonService.getWorkshopDetails(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n this.spinner = false;\n localStorage.setItem('workshops', JSON.stringify(res['responseData']));\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: activeButton\n * purpose: To activat apply button\n */\n activeButton(): boolean {\n let flag = false;\n if (this.enquiryIdValues != null && this.enquiryIdValues.length != 0) {\n flag = true;\n } else if (this.productNAmeValues != null && this.productNAmeValues.length != 0) {\n flag = true;\n } else if (this.chasisNoValues != null && this.chasisNoValues.length != 0) {\n flag = true;\n } else if (this.callStatusValues != null && this.callStatusValues.length != 0) {\n flag = true;\n } else if (this.customerMobileValues != null && this.customerMobileValues.length != 0) {\n flag = true;\n } else if (this.customerNameValues != null && this.customerNameValues.length != 0) {\n flag = true;\n }\n return flag;\n }\n\n downloadPipelineReport(): void {\n let fdate = this.datePipe.transform(this.startDate, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.endDate, \"yyyy-MM-dd\");\n let fileName = \"Pipeline_Data Status Report_From_\" + fdate + \"_To_\" + tdate;\n\n this.commonService.getPipelineDataReport(fdate, tdate, this.userId)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n\n getPipelineRegionWiseDataReport(): void{\n let fdate = this.datePipe.transform(this.startDate, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.endDate, \"yyyy-MM-dd\");\n let fileName = \"PipelineRegionWise_Data Status Report_From_\" + fdate + \"_To_\" + tdate;\n\n this.commonService. getPipelineRegionWiseDataReport(fdate, tdate, this.userId, this.userRoleId)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n\n }\n\n /**\n * Name: applyfilter\n * purpose: To apply filter on call list data\n */\n applyfilter(): void {\n let key = '';\n this.filterMap = new Map();\n this.filteredDataSource = this.dataSource;\n\n if (this.customerNameValues != null && this.customerNameValues.length != 0) {\n key = \"customerName\";\n this.filterMap.set(key, this.customerNameValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.enquiryIdValues != null && this.enquiryIdValues.length != 0) {\n key = \"enquiryId\";\n this.filterMap.set(key, this.enquiryIdValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.productNAmeValues != null && this.productNAmeValues.length != 0) {\n key = \"productType\";\n this.filterMap.set(key, this.productNAmeValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.chasisNoValues != null && this.chasisNoValues.length != 0) {\n key = \"vin\";\n this.filterMap.set(key, this.chasisNoValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.callStatusValues != null && this.callStatusValues.length != 0) {\n key = \"leadStatus\";\n this.filterMap.set(key, this.callStatusValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if (this.customerMobileValues != null && this.customerMobileValues.length != 0) {\n key = \"custTelNo\";\n this.filterMap.set(key, this.customerMobileValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n //this.filterMap.set(this.selectedCol, this.selectedColValues);\n //this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.dataSource.filteredData, this.filterMap));\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n localStorage.setItem('enquiryIdValues', JSON.stringify(this.enquiryIdValues));\n localStorage.setItem('productNameValues', JSON.stringify(this.productNAmeValues));\n localStorage.setItem('chasisNoValues', JSON.stringify(this.chasisNoValues));\n localStorage.setItem('callStatusValues', JSON.stringify(this.callStatusValues));\n localStorage.setItem('customerMobileValues', JSON.stringify(this.customerMobileValues));\n localStorage.setItem('customerNameValues', JSON.stringify(this.customerNameValues));\n //localStorage.setItem('selectedCol', this.selectedCol);\n //localStorage.setItem('selectedColValues', JSON.stringify(this.selectedColValues));\n }\n\n /**\n * Name: searchfilter\n * purpose: To apply filter on call list data\n */\n searchfilter(filterValue: string): void {\n filterValue = filterValue.trim(); // Remove whitespace\n filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n this.filteredDataSource.filter = filterValue;\n }\n\n /**\n * Name: amcpairCallList\n * purpose: To get calllist details\n * @param {string} flag - type of call\n * @param {string} creId - User Id\n */\n pipelineCallList(creId: string): void {\n this.spinner = true;\n this.selection = new SelectionModel(true, []);\n\n this.commonService.pipelineCustomerCallList(creId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.callsToBeMade = res['responseData'].length;\n //init data table and shorting\n this.dataSource = new MatTableDataSource(res['responseData']);\n //this.sort.direction = '';\n this.followUpCount = res['responseData'][0].followUpCount;\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.filterData();\n if ((!this.enquiryIdValues || this.enquiryIdValues.length == 0)\n && (!this.productNAmeValues || this.productNAmeValues.length == 0)\n && (!this.chasisNoValues || this.chasisNoValues.length == 0)\n && (!this.callStatusValues || this.callStatusValues.length == 0)\n && (!this.customerMobileValues || this.customerMobileValues.length == 0)\n && (!this.customerNameValues || this.customerNameValues.length == 0)\n ) {\n //init filtered table and shorting\n this.filteredDataSource = new MatTableDataSource(res['responseData']);\n //this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n }\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: selectCustomer\n * purpose: To select customer for details\n * @param {Object} row - selected customer details\n */\n selectCustomer(row: ListCustData): void {\n this.clickedRow = row;\n localStorage.setItem('customerId', row.enquiryId);\n localStorage.setItem(\"pipelinecustomerData\", JSON.stringify(row));\n if (this.clickedRow.leadStatus == \"Deal Closed\") {\n this.toastr.error(\"Lead Closed.\");\n }else if(this.clickedRow.leadStatus == \"Lost\"){\n this.toastr.error(\"Lost Lead.\");\n }\n else {\n this.showLeadStatusDialog();\n }\n\n }\n\n /**\n * Name: filterData\n * purpose: To filter call list data\n */\n filterData(): void {\n this.dataSource.filteredData.forEach(element => {\n this.uniqueEnquiryId.add(element.enquiryId);\n this.uniqueProductName.add(element.productType);\n this.uniqueChasisNo.add(element.vin);\n this.uniqueCallStatus.add(element.leadStatus);\n this.uniqueCustomerMobile.add(element.custTelNo);\n this.uniqueCustomerName.add(element.customerName);\n });\n\n if ((this.enquiryIdValues != null && this.enquiryIdValues.length != 0)\n || (this.productNAmeValues != null && this.productNAmeValues.length != 0)\n || (this.chasisNoValues != null && this.chasisNoValues.length != 0)\n || (this.callStatusValues != null && this.callStatusValues.length != 0)\n || (this.customerMobileValues != null && this.customerMobileValues.length != 0)\n || (this.customerNameValues != null && this.customerNameValues.length != 0)\n ) {\n //this.filterTriggered(null);\n this.applyfilter();\n }\n }\n\n /**\n * Name: clearFilter\n * purpose: To clear filter\n */\n clearFilter(listChange: boolean): void {\n if (listChange) {\n this.dataSource = [];\n this.filteredDataSource = [];\n this.pipelineCallList(this.userId);\n } else {\n this.filterMap.clear();\n this.enquiryIdValues = null;\n this.productNAmeValues = null;\n this.chasisNoValues = null;\n this.callStatusValues = null;\n this.customerMobileValues = null;\n this.customerNameValues = null;\n this.startDate = null;\n this.endDate = null;\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.dataSource.filteredData, this.filterMap));\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n localStorage.removeItem('enquiryIdValues');\n localStorage.removeItem('productNAmeValues');\n localStorage.removeItem('chasisNoValues');\n localStorage.removeItem('callStatusValues');\n localStorage.removeItem('customerMobileValues');\n localStorage.removeItem('customerNameValues');\n\n }\n }\n\n /**\n * Name: changeColor\n * purpose: To change followup time color\n */\n changeColor(followUpDate: any): String {\n let currentTime = this.datePipe.transform(new Date(), \"yyyy-MM-dd HH:mm:ss \");\n\n if (followUpDate != null && followUpDate != undefined && followUpDate != \"\") {\n let followUpDateTime = this.datePipe.transform(followUpDate, \"yyyy-MM-dd HH:mm:ss\");\n if ((new Date(currentTime)).getTime() > (new Date(followUpDateTime).getTime())) {\n return \"red\";\n }\n }\n }\n}\n\n","export default \".mat-tab-nav-bar {\\n background-color: #00457D;\\n height: 30px;\\n\\n}\\n.mat-tab-nav-bar a {\\n color: white;\\n font-size: 14px;\\n padding-bottom: 8px;\\n}\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 26px;\\n line-height: 10px;\\n margin-top: 1px;\\n margin-bottom: 1px;\\n}\\n.pipeline-header{\\n color: white;\\n font-size: 14px;\\n margin-left:0px;\\n}\\n.call-stats-card-border1 {\\n border-style: solid solid none solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n.call-stats-card-border2 {\\n padding-top: 0px;\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n margin-bottom: 15px;\\n}\\n.table-border{\\nborder-color: #1b1b1b;\\n}\\n.columnHeader {\\nfont: Bold 12px Roboto;\\nletter-spacing: 0px;\\ncolor: #ffff;\\ntext-transform: capitalize;\\nbackground-color: #00457D;\\ntext-align: center;\\nborder-style: solid none none solid;\\nborder-color: lightgray;\\n}\\n.columnvalue {\\nborder-style: solid none none solid;\\ntext-align: center;\\nborder-color: lightgray;\\nfont-size: 14px;\\nposition: relative;\\n}\\n.demo-table {\\nalign-items: center;\\nwidth: 100%;\\n}\\n.enqiryButton{\\ncolor: white !important;\\nbackground-color: #00457D;\\n}\\n.filter1 ::ng-deep .mat-form-field-infix {\\nborder: 1px solid lightgray;\\nborder-radius: 5px;\\nbackground: white;\\npadding: 0;\\nheight: 20px;\\n}\\n.filter1 ::ng-deep .mat-select {\\npadding: 4px 0px;\\n}\\n.filter1 ::ng-deep .mat-select-trigger {\\npadding-left: 8px;\\n}\\n.filter1 ::ng-deep .mat-select-value {\\nwidth: 90% !important;\\n}\\n.filter1 ::ng-deep .mat-button {\\nfont-size: 12px;\\nfont: white;\\n}\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\ntop: 0;\\npadding-top: 0;\\npadding-bottom: 0;\\n}\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\npadding-bottom: 0;\\n}\\n.filter1 ::ng-deep .mat-form-field-underline {\\ndisplay: none;\\n}\\n.filter1 ::ng-deep .mat-form-field-label {\\ntop: 0;\\nmargin-top: 4px !important;\\npadding-left: 5px;\\n}\\n.filter1 ::ng-deep .mat-select-arrow-wrapper {\\npadding-bottom: 0px;\\n}\\n.filterdiv {\\nalign-items: center;\\nbox-sizing: border-box;\\ndisplay: flex;\\nflex-wrap: wrap;\\n}\\n.dropdown-style {\\nwidth: 200px;\\nmargin: 10px;\\nmargin-left: 30px;\\n}\\n.dataview{\\nmargin-left: 5px;\\nmargin-top: 3px;\\n}\\n.button-margin {\\nmargin-left: 30px;\\n}\\n.paginator ::ng-deep .mat-form-field-infix {\\nheight: 18px !important;\\npadding-bottom: 0px;\\n}\\n.call-stats-card1 {\\npadding-top: 0px;\\n}\\n.calling-table tr {\\ncursor: pointer;\\n}\\n.table-border.mat-table {\\nborder-style: none solid solid none;\\nborder-color: lightgray;\\n}\\ntable {\\nwidth: 100%;\\n}\\n.filter-label{\\nfont: 12px Roboto;\\nletter-spacing: 0px;\\ncolor: #3c3c3c;\\nopacity: 1;\\nmargin-bottom: 3px;\\npadding: 1px 4px 0px;\\n}\\n\\n\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50L3BpcGVsaW5lLXNlYXJjaC9waXBlbGluZS1zZWFyY2guY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHlCQUF5QjtFQUN6QixZQUFZOztBQUVkO0FBQ0E7RUFDRSxZQUFZO0VBQ1osZUFBZTtFQUNmLG1CQUFtQjtBQUNyQjtBQUNBO0VBQ0UsdUJBQXVCO0VBQ3ZCLHlCQUF5QjtFQUN6QixZQUFZO0VBQ1osaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixrQkFBa0I7QUFDcEI7QUFDQTtFQUNFLFlBQVk7RUFDWixlQUFlO0VBQ2YsZUFBZTtBQUNqQjtBQUNBO0lBQ0ksb0NBQW9DO0lBQ3BDLGlCQUFpQjtJQUNqQixpQkFBaUI7SUFDakIsdUJBQXVCO0FBQzNCO0FBQ0E7RUFDRSxnQkFBZ0I7RUFDaEIscUNBQXFDO0VBQ3JDLGlCQUFpQjtFQUNqQixpQkFBaUI7RUFDakIsdUJBQXVCO0VBQ3ZCLG1CQUFtQjtBQUNyQjtBQUNBO0FBQ0EscUJBQXFCO0FBQ3JCO0FBQ0E7QUFDQSxzQkFBc0I7QUFDdEIsbUJBQW1CO0FBQ25CLFlBQVk7QUFDWiwwQkFBMEI7QUFDMUIseUJBQXlCO0FBQ3pCLGtCQUFrQjtBQUNsQixtQ0FBbUM7QUFDbkMsdUJBQXVCO0FBQ3ZCO0FBQ0E7QUFDQSxtQ0FBbUM7QUFDbkMsa0JBQWtCO0FBQ2xCLHVCQUF1QjtBQUN2QixlQUFlO0FBQ2Ysa0JBQWtCO0FBQ2xCO0FBQ0E7QUFDQSxtQkFBbUI7QUFDbkIsV0FBVztBQUNYO0FBQ0E7QUFDQSx1QkFBdUI7QUFDdkIseUJBQXlCO0FBQ3pCO0FBRUE7QUFDQSwyQkFBMkI7QUFDM0Isa0JBQWtCO0FBQ2xCLGlCQUFpQjtBQUNqQixVQUFVO0FBQ1YsWUFBWTtBQUNaO0FBQ0E7QUFDQSxnQkFBZ0I7QUFDaEI7QUFDQTtBQUNBLGlCQUFpQjtBQUNqQjtBQUNBO0FBQ0EscUJBQXFCO0FBQ3JCO0FBQ0E7QUFDQSxlQUFlO0FBQ2YsV0FBVztBQUNYO0FBQ0E7QUFDQSxNQUFNO0FBQ04sY0FBYztBQUNkLGlCQUFpQjtBQUNqQjtBQUNBO0FBQ0EsaUJBQWlCO0FBQ2pCO0FBQ0E7QUFDQSxhQUFhO0FBQ2I7QUFDQTtBQUNBLE1BQU07QUFDTiwwQkFBMEI7QUFDMUIsaUJBQWlCO0FBQ2pCO0FBQ0E7QUFDQSxtQkFBbUI7QUFDbkI7QUFDQTtBQUNBLG1CQUFtQjtBQUNuQixzQkFBc0I7QUFDdEIsYUFBYTtBQUNiLGVBQWU7QUFDZjtBQUNBO0FBQ0EsWUFBWTtBQUNaLFlBQVk7QUFDWixpQkFBaUI7QUFDakI7QUFDQTtBQUNBLGdCQUFnQjtBQUNoQixlQUFlO0FBQ2Y7QUFDQTtBQUNBLGlCQUFpQjtBQUNqQjtBQUNBO0FBQ0EsdUJBQXVCO0FBQ3ZCLG1CQUFtQjtBQUNuQjtBQUNBO0FBQ0EsZ0JBQWdCO0FBQ2hCO0FBRUE7QUFDQSxlQUFlO0FBQ2Y7QUFDQTtBQUNBLG1DQUFtQztBQUNuQyx1QkFBdUI7QUFDdkI7QUFDQTtBQUNBLFdBQVc7QUFDWDtBQUVBO0FBQ0EsaUJBQWlCO0FBQ2pCLG1CQUFtQjtBQUNuQixjQUFjO0FBQ2QsVUFBVTtBQUNWLGtCQUFrQjtBQUNsQixvQkFBb0I7QUFDcEIiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnQvcGlwZWxpbmUtc2VhcmNoL3BpcGVsaW5lLXNlYXJjaC5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLm1hdC10YWItbmF2LWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gIGhlaWdodDogMzBweDtcblxufVxuLm1hdC10YWItbmF2LWJhciBhIHtcbiAgY29sb3I6IHdoaXRlO1xuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctYm90dG9tOiA4cHg7XG59XG4uZmlsdGVyQnV0dG9uIHtcbiAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gIGhlaWdodDogMjZweDtcbiAgbGluZS1oZWlnaHQ6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDFweDtcbiAgbWFyZ2luLWJvdHRvbTogMXB4O1xufVxuLnBpcGVsaW5lLWhlYWRlcntcbiAgY29sb3I6IHdoaXRlO1xuICBmb250LXNpemU6IDE0cHg7XG4gIG1hcmdpbi1sZWZ0OjBweDtcbn1cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMSB7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBub25lIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIyIHtcbiAgcGFkZGluZy10b3A6IDBweDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1yYWRpdXM6IDAlO1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbiAgbWFyZ2luLWJvdHRvbTogMTVweDtcbn1cbi50YWJsZS1ib3JkZXJ7XG5ib3JkZXItY29sb3I6ICMxYjFiMWI7XG59XG4uY29sdW1uSGVhZGVyIHtcbmZvbnQ6IEJvbGQgMTJweCBSb2JvdG87XG5sZXR0ZXItc3BhY2luZzogMHB4O1xuY29sb3I6ICNmZmZmO1xudGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG5iYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xudGV4dC1hbGlnbjogY2VudGVyO1xuYm9yZGVyLXN0eWxlOiBzb2xpZCBub25lIG5vbmUgc29saWQ7XG5ib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cbi5jb2x1bW52YWx1ZSB7XG5ib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbnRleHQtYWxpZ246IGNlbnRlcjtcbmJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xuZm9udC1zaXplOiAxNHB4O1xucG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmRlbW8tdGFibGUge1xuYWxpZ24taXRlbXM6IGNlbnRlcjtcbndpZHRoOiAxMDAlO1xufVxuLmVucWlyeUJ1dHRvbntcbmNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xuYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG5ib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG5ib3JkZXItcmFkaXVzOiA1cHg7XG5iYWNrZ3JvdW5kOiB3aGl0ZTtcbnBhZGRpbmc6IDA7XG5oZWlnaHQ6IDIwcHg7XG59XG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xucGFkZGluZzogNHB4IDBweDtcbn1cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbnBhZGRpbmctbGVmdDogOHB4O1xufVxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbndpZHRoOiA5MCUgIWltcG9ydGFudDtcbn1cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWJ1dHRvbiB7XG5mb250LXNpemU6IDEycHg7XG5mb250OiB3aGl0ZTtcbn1cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG50b3A6IDA7XG5wYWRkaW5nLXRvcDogMDtcbnBhZGRpbmctYm90dG9tOiAwO1xufVxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbnBhZGRpbmctYm90dG9tOiAwO1xufVxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuZGlzcGxheTogbm9uZTtcbn1cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xudG9wOiAwO1xubWFyZ2luLXRvcDogNHB4ICFpbXBvcnRhbnQ7XG5wYWRkaW5nLWxlZnQ6IDVweDtcbn1cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC1hcnJvdy13cmFwcGVyIHtcbnBhZGRpbmctYm90dG9tOiAwcHg7XG59XG4uZmlsdGVyZGl2IHtcbmFsaWduLWl0ZW1zOiBjZW50ZXI7XG5ib3gtc2l6aW5nOiBib3JkZXItYm94O1xuZGlzcGxheTogZmxleDtcbmZsZXgtd3JhcDogd3JhcDtcbn1cbi5kcm9wZG93bi1zdHlsZSB7XG53aWR0aDogMjAwcHg7XG5tYXJnaW46IDEwcHg7XG5tYXJnaW4tbGVmdDogMzBweDtcbn1cbi5kYXRhdmlld3tcbm1hcmdpbi1sZWZ0OiA1cHg7XG5tYXJnaW4tdG9wOiAzcHg7XG59XG4uYnV0dG9uLW1hcmdpbiB7XG5tYXJnaW4tbGVmdDogMzBweDtcbn1cbi5wYWdpbmF0b3IgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG5oZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbnBhZGRpbmctYm90dG9tOiAwcHg7XG59XG4uY2FsbC1zdGF0cy1jYXJkMSB7XG5wYWRkaW5nLXRvcDogMHB4O1xufVxuXG4uY2FsbGluZy10YWJsZSB0ciB7XG5jdXJzb3I6IHBvaW50ZXI7XG59XG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG5ib3JkZXItc3R5bGU6IG5vbmUgc29saWQgc29saWQgbm9uZTtcbmJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxudGFibGUge1xud2lkdGg6IDEwMCU7XG59XG5cbi5maWx0ZXItbGFiZWx7XG5mb250OiAxMnB4IFJvYm90bztcbmxldHRlci1zcGFjaW5nOiAwcHg7XG5jb2xvcjogIzNjM2MzYztcbm9wYWNpdHk6IDE7XG5tYXJnaW4tYm90dG9tOiAzcHg7XG5wYWRkaW5nOiAxcHggNHB4IDBweDtcbn1cblxuXG4iXX0= */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { MatDialog, MatPaginator, MatSort, MatTableDataSource } from '@angular/material';\nimport { Router } from '@angular/router';\nimport { FormBuilder, FormControl, Validators } from '@angular/forms';\nimport { openPipelineEnquiryDialog } from 'src/app/modal/pipeline-enquiry/pipeline-enquiry.component';\nimport { CommonService } from 'src/app/core/service/common-service/common.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { SearchCustData } from './searchCust';\nimport { Observable } from 'rxjs';\nimport { map, startWith } from 'rxjs/operators';\nimport { element } from 'protractor';\nimport { DatePipe } from '@angular/common';\n\n@Component({\n selector: 'app-pipeline-search',\n templateUrl: './pipeline-search.component.html',\n styleUrls: ['./pipeline-search.component.css']\n})\nexport class PipelineSearchComponent implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n\n custCode: string\n custMobile: string\n custName: string\n vehSalesEnqNo: string\n vehRegNo: string\n chassisNo: string\n startDate: string;\n endDate: string;\n spinner: boolean;\n modelName: string\n model= new FormControl();\n filteredOptionsModel: Observable;\n ModelSuggestion: string[] = [];\n columnsToDisplay: string[] = ['customerName', 'customerCode', 'customerTelephone', 'registrationNo', 'vin', 'saleDate', 'vehicleModel']\n searchedCustomer: any\n showTable: boolean = false\n showEnquirybtn: boolean = false;\n pageLength = 0;\n pageSize: number;\n clickedRow: any;\n tableData: any;\n uniqueChassisArray: string[];\n selectedRowIndex: any;\n customerName = new FormControl();\n filteredOptions: Observable;\n customerNameSuggestion: string[] = [];\n today: Date = new Date();\n responseData: any;\n constructor(private router: Router, public dialog: MatDialog, private fb: FormBuilder, private commonService: CommonService, private toastr: ToastrService, private datePipe: DatePipe) { }\n\n ngOnInit() {\n if (localStorage.getItem('pipSearchListPageSize') != null || localStorage.getItem('pipSearchListPageSize') != undefined) {\n let pagesize = Number(localStorage.getItem('pipSearchListPageSize'));\n this.pageSize = (pagesize && !Number.isNaN(pagesize)) ? pagesize : 50;\n } else {\n this.pageSize = 50;\n }\n this.filteredOptions = this.customerName.valueChanges.pipe(\n startWith(''),\n map(value => this._filter(value))\n );\n this.commonService.customerNameSuggestionFilter().subscribe(res => {\n if (res['responseCode'] == 0) {\n res['responseData'].forEach(element => {\n this.customerNameSuggestion.push(element.customerName);\n })\n }\n else {\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n\n this.filteredOptionsModel = this.model.valueChanges.pipe(\n startWith(''),\n map(value => this._filterModel(value.trim()))\n );\n this.commonService.getModelSuggestionFilter().subscribe(res => {\n if (res['responseCode'] == 0) {\n res['responseData'].forEach(element => {\n this.ModelSuggestion.push(element.vehicleModel);\n })\n }\n else {\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n showEnquiryDialog() {\n openPipelineEnquiryDialog(this.dialog, this.clickedRow, this.uniqueChassisArray).subscribe(val => {\n this.selectedRowIndex = val;\n });\n this.uniqueChassisArray = [];\n }\n\n\n private _filter(value: string): string[] {\n if (value.length >= 3) {\n const filterValue = value.toLowerCase();\n return this.customerNameSuggestion.filter(option =>\n option.toLowerCase().startsWith(filterValue)\n );\n }\n }\n\n private _filterModel(value: string): string[] {\n if (value.length >= 2) {\n const filterValue = value.toLowerCase();\n return this.ModelSuggestion.filter(option =>\n option.toLowerCase().includes(filterValue)\n );\n }\n }\n\n applyFilter() {\n\n this.startDate = this.datePipe.transform(this.startDate, \"yyyy-MM-dd\");\n this.endDate = this.datePipe.transform(this.endDate, \"yyyy-MM-dd\");\n this.custName = this.customerName.value;\n this.modelName = this.model.value;\n\n if (this.custCode == null) {\n this.custCode = \"\";\n }\n if (this.custMobile == null) {\n this.custMobile = \"\";\n }\n if (this.vehRegNo == null) {\n this.vehRegNo = \"\";\n }\n if (this.custName == null || this.custName == \"\") {\n this.custName = \"\";\n }\n if (this.chassisNo == null) {\n this.chassisNo = \"\";\n }\n if (this.startDate == null || this.startDate == \"\") {\n this.startDate = \"\";\n }\n if (this.endDate == null || this.endDate == \"\") {\n this.endDate = \"\";\n }\n if (this.modelName == null || this.modelName == \"\") {\n this.modelName = \"\";\n }\n this.spinner = true;\n\n this.commonService.pipelineSearchFilter(this.custCode, this.custMobile, this.vehRegNo, this.custName, this.chassisNo, this.startDate, this.endDate, this.modelName).subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n this.showTable = true;\n this.searchedCustomer = new MatTableDataSource(res['responseData']);\n this.pageLength = res[\"responseData\"].length;\n // this.sort.direction = '';\n this.searchedCustomer.sort = this.sort;\n this.searchedCustomer.sortingDataAccessor = (data, header) => data[header];\n this.searchedCustomer.paginator = this.paginator;\n this.tableData = res['responseData'];\n }\n else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n\n });\n }\n\n setPageData(event) {\n let size = event.pageSize.toString();\n localStorage.setItem('pipSearchListPageSize', size);\n }\n\n activeButton(): boolean {\n let flag = false;\n if (this.custCode != null && this.custCode.length != 0) {\n flag = true;\n } else if (this.customerName.value != null && this.customerName.value.length != 0) {\n flag = true;\n } else if (this.custMobile != null && this.custMobile.length != 0) {\n flag = true;\n } else if (this.vehSalesEnqNo != null && this.vehSalesEnqNo.length != 0) {\n flag = true;\n } else if (this.vehRegNo != null && this.vehRegNo.length != 0) {\n flag = true;\n } else if (this.chassisNo != null && this.chassisNo.length != 0) {\n flag = true;\n } else if ((this.startDate != null && this.startDate.length != 0) && (this.endDate != null && this.endDate.length != 0)) {\n flag = true;\n } else if (this.model.value != null && this.model.value.length != 0) {\n flag = true;\n }\n return flag;\n }\n\n createEnquiry(row) {\n let chassisArray: string[] = [];\n this.selectedRowIndex = row.id;\n this.clickedRow = row;\n this.tableData.forEach(element => {\n if (element.customerCode == row.customerCode) {\n chassisArray.push(element.vin);\n this.uniqueChassisArray = Array.from(new Set(chassisArray));\n\n }\n });\n\n }\n\n showEnquiryDialogueFilter() {\n this.commonService.enquiryDialogFilter().subscribe(res => {\n this.responseData = res;\n return this.responseData;\n })\n }\n\n clearFilter() {\n this.custCode = \"\";\n this.custMobile = \"\";\n this.vehRegNo = \"\";\n this.custName = \"\";\n this.chassisNo = \"\";\n this.startDate = \"\";\n this.endDate = \"\";\n this.modelName = \"\";\n this.vehSalesEnqNo = \"\";\n this.searchedCustomer = \"\";\n }\n}\n","export default \".main-container {\\n margin: 115px 30px 30px 30px;\\n height: auto;\\n}\\n\\n.profile-container {\\n margin-bottom: 30px;\\n margin-top: 30px;\\n}\\n\\n.profile-card {\\n width: 50%;\\n margin: 0 auto;\\n background-color: #ffffff;\\n}\\n\\n.mat-card-header {\\n border-bottom: 1px solid lightgray;\\n}\\n\\n.mat-card-title {\\n font: Bold 13px/20px Roboto;\\n font-size: 13px;\\n}\\n\\n.password-form {\\n margin-top: 20px !important;\\n width: 100%;\\n}\\n\\n.password-form .form-field {\\n width: 50%;\\n font-size: 12px;\\n}\\n\\n.btn {\\n border-left: 4px solid #2E3668;\\n margin: 30px 0;\\n position: relative;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n overflow: hidden;\\n background-color: #E64243 !important;\\n border-radius: 0px;\\n}\\n\\n.btn p {\\n text-align: center;\\n text-transform: uppercase;\\n color: #fff;\\n position: relative;\\n z-index: 1;\\n transition: all 0.3s ease;\\n margin: auto;\\n}\\n\\n/* sliders */\\n\\n.btn:before {\\n content: \\\"\\\";\\n width: 100%;\\n height: 100%;\\n background-color: #2E3668;\\n color: #fff;\\n position: absolute;\\n transition: all 0.3s ease;\\n}\\n\\n/* Left Slider */\\n\\n.btn-2:before {\\n top: 0;\\n left: -210px;\\n}\\n\\n.btn-2:hover:before {\\n left: 0;\\n}\\n\\n.btn-2:hover {\\n color: #fff;\\n}\\n\\n.btn-1 {\\n background-color: #ffffff !important;\\n color: #E64243 !important;\\n border: 1px solid #E64243;\\n}\\n\\n.btn-1 p {\\n margin: auto;\\n}\\n\\n.call-stats-card-border {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.fontClass {\\n font: Bold 12px/20px Roboto;\\n font-size: 12px;\\n color: #707070;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 23px;\\n line-height: 0px;\\n margin-bottom: 1px;\\n}\\n\\n.inlineClass {\\n display: inline;\\n font: Regular 14px Roboto;\\n font-size: 12px;\\n letter-spacing: 0px;\\n color: black;\\n opacity: 1;\\n}\\n\\np.inlineClass {\\n margin-top: 5px;\\n margin-bottom: 5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvcHJvZmlsZS9wcm9maWxlLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnQvcHJvZmlsZS9wcm9maWxlLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksNEJBQUE7RUFDQSxZQUFBO0FDQ0o7O0FERUE7RUFHSSxtQkFBQTtFQUNBLGdCQUFBO0FDREo7O0FESUE7RUFDSSxVQUFBO0VBQ0EsY0FBQTtFQUNBLHlCQUFBO0FDREo7O0FESUE7RUFDSSxrQ0FBQTtBQ0RKOztBRElBO0VBQ0ksMkJBQUE7RUFDQSxlQUFBO0FDREo7O0FESUE7RUFDSSwyQkFBQTtFQUNBLFdBQUE7QUNESjs7QURFSTtFQUNJLFVBQUE7RUFDQSxlQUFBO0FDQVI7O0FES0E7RUFFSSw4QkFBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7RUFDQSx5QkFBQTtFQUNBLGdCQUFBO0VBQ0Esb0NBQUE7RUFDQSxrQkFBQTtBQ0hKOztBRE1BO0VBQ0ksa0JBQUE7RUFDQSx5QkFBQTtFQUNBLFdBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7QUNISjs7QURPQSxZQUFBOztBQUVBO0VBQ0ksV0FBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxXQUFBO0VBRUEsa0JBQUE7RUFDQSx5QkFBQTtBQ05KOztBRFVBLGdCQUFBOztBQUVBO0VBQ0ksTUFBQTtFQUNBLFlBQUE7QUNSSjs7QURXQTtFQUNJLE9BQUE7QUNSSjs7QURXQTtFQUNJLFdBQUE7QUNSSjs7QURZQTtFQUNJLG9DQUFBO0VBQ0EseUJBQUE7RUFDQSx5QkFBQTtBQ1RKOztBRFlBO0VBQ0ksWUFBQTtBQ1RKOztBRFlBO0VBQ0kscUNBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsdUJBQUE7QUNUSjs7QURZQTtFQUNJLDJCQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7QUNUSjs7QURZQTtFQUNJLHVCQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtBQ1RKOztBRFlBO0VBQ0ksZUFBQTtFQUNBLHlCQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtFQUNBLFVBQUE7QUNUSjs7QURZQTtFQUNJLGVBQUE7RUFDQSxrQkFBQTtBQ1RKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L3Byb2ZpbGUvcHJvZmlsZS5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5tYWluLWNvbnRhaW5lciB7XG4gICAgbWFyZ2luOiAxMTVweCAzMHB4IDMwcHggMzBweDtcbiAgICBoZWlnaHQ6IGF1dG87XG59XG5cbi5wcm9maWxlLWNvbnRhaW5lciB7XG4gICAgLy9oZWlnaHQ6IDEwMHZoO1xuICAgIC8vcGFkZGluZzogMzVweCAwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMzBweDtcbiAgICBtYXJnaW4tdG9wOiAzMHB4O1xufVxuXG4ucHJvZmlsZS1jYXJkIHtcbiAgICB3aWR0aDogNTAlO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi5tYXQtY2FyZC1oZWFkZXIge1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBsaWdodGdyYXk7XG59XG5cbi5tYXQtY2FyZC10aXRsZSB7XG4gICAgZm9udDogQm9sZCAxM3B4LzIwcHggUm9ib3RvO1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbn1cblxuLnBhc3N3b3JkLWZvcm0ge1xuICAgIG1hcmdpbi10b3A6IDIwcHggIWltcG9ydGFudDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICAuZm9ybS1maWVsZCB7XG4gICAgICAgIHdpZHRoOiA1MCU7XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICB9XG59XG5cbi8vc2xpZGluZyBidG5cbi5idG4ge1xuICAgIC8vYm9yZGVyOiAycHggc29saWQgI0U2NDI0MztcbiAgICBib3JkZXItbGVmdDogNHB4IHNvbGlkICMyRTM2Njg7XG4gICAgbWFyZ2luOiAzMHB4IDA7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI0U2NDI0MyAhaW1wb3J0YW50O1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLmJ0biBwIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBjb2xvcjogI2ZmZjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuICAgIG1hcmdpbjogYXV0bztcbn1cblxuXG4vKiBzbGlkZXJzICovXG5cbi5idG46YmVmb3JlIHtcbiAgICBjb250ZW50OiBcIlwiO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMkUzNjY4O1xuICAgIGNvbG9yOiAjZmZmO1xuICAgIC8vYm9yZGVyOiAycHggc29saWQgIzJFMzY2ODtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbn1cblxuXG4vKiBMZWZ0IFNsaWRlciAqL1xuXG4uYnRuLTI6YmVmb3JlIHtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogLTIxMHB4O1xufVxuXG4uYnRuLTI6aG92ZXI6YmVmb3JlIHtcbiAgICBsZWZ0OiAwO1xufVxuXG4uYnRuLTI6aG92ZXIge1xuICAgIGNvbG9yOiAjZmZmO1xuICAgIC8vYm9yZGVyOiAycHggc29saWQgIzJFMzY2ODtcbn1cblxuLmJ0bi0xIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6ICNFNjQyNDMgIWltcG9ydGFudDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjRTY0MjQzO1xufVxuXG4uYnRuLTEgcCB7XG4gICAgbWFyZ2luOiBhdXRvO1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlciB7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItcmFkaXVzOiAwJTtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmZvbnRDbGFzcyB7XG4gICAgZm9udDogQm9sZCAxMnB4LzIwcHggUm9ib3RvO1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBjb2xvcjogIzcwNzA3MDtcbn1cblxuLmZpbHRlckJ1dHRvbiB7XG4gICAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgICBoZWlnaHQ6IDIzcHg7XG4gICAgbGluZS1oZWlnaHQ6IDBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG59XG5cbi5pbmxpbmVDbGFzcyB7XG4gICAgZGlzcGxheTogaW5saW5lO1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6IGJsYWNrO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbnAuaW5saW5lQ2xhc3Mge1xuICAgIG1hcmdpbi10b3A6IDVweDtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG59IiwiLm1haW4tY29udGFpbmVyIHtcbiAgbWFyZ2luOiAxMTVweCAzMHB4IDMwcHggMzBweDtcbiAgaGVpZ2h0OiBhdXRvO1xufVxuXG4ucHJvZmlsZS1jb250YWluZXIge1xuICBtYXJnaW4tYm90dG9tOiAzMHB4O1xuICBtYXJnaW4tdG9wOiAzMHB4O1xufVxuXG4ucHJvZmlsZS1jYXJkIHtcbiAgd2lkdGg6IDUwJTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi5tYXQtY2FyZC1oZWFkZXIge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgbGlnaHRncmF5O1xufVxuXG4ubWF0LWNhcmQtdGl0bGUge1xuICBmb250OiBCb2xkIDEzcHgvMjBweCBSb2JvdG87XG4gIGZvbnQtc2l6ZTogMTNweDtcbn1cblxuLnBhc3N3b3JkLWZvcm0ge1xuICBtYXJnaW4tdG9wOiAyMHB4ICFpbXBvcnRhbnQ7XG4gIHdpZHRoOiAxMDAlO1xufVxuLnBhc3N3b3JkLWZvcm0gLmZvcm0tZmllbGQge1xuICB3aWR0aDogNTAlO1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5idG4ge1xuICBib3JkZXItbGVmdDogNHB4IHNvbGlkICMyRTM2Njg7XG4gIG1hcmdpbjogMzBweCAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogI0U2NDI0MyAhaW1wb3J0YW50O1xuICBib3JkZXItcmFkaXVzOiAwcHg7XG59XG5cbi5idG4gcCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgY29sb3I6ICNmZmY7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgbWFyZ2luOiBhdXRvO1xufVxuXG4vKiBzbGlkZXJzICovXG4uYnRuOmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyRTM2Njg7XG4gIGNvbG9yOiAjZmZmO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG59XG5cbi8qIExlZnQgU2xpZGVyICovXG4uYnRuLTI6YmVmb3JlIHtcbiAgdG9wOiAwO1xuICBsZWZ0OiAtMjEwcHg7XG59XG5cbi5idG4tMjpob3ZlcjpiZWZvcmUge1xuICBsZWZ0OiAwO1xufVxuXG4uYnRuLTI6aG92ZXIge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ0bi0xIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICBjb2xvcjogI0U2NDI0MyAhaW1wb3J0YW50O1xuICBib3JkZXI6IDFweCBzb2xpZCAjRTY0MjQzO1xufVxuXG4uYnRuLTEgcCB7XG4gIG1hcmdpbjogYXV0bztcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogMCU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uZm9udENsYXNzIHtcbiAgZm9udDogQm9sZCAxMnB4LzIwcHggUm9ib3RvO1xuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiAjNzA3MDcwO1xufVxuXG4uZmlsdGVyQnV0dG9uIHtcbiAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gIGhlaWdodDogMjNweDtcbiAgbGluZS1oZWlnaHQ6IDBweDtcbiAgbWFyZ2luLWJvdHRvbTogMXB4O1xufVxuXG4uaW5saW5lQ2xhc3Mge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6IGJsYWNrO1xuICBvcGFjaXR5OiAxO1xufVxuXG5wLmlubGluZUNsYXNzIHtcbiAgbWFyZ2luLXRvcDogNXB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59Il19 */\"","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, FormBuilder, Validators } from '@angular/forms';\nimport { ToastrService } from 'ngx-toastr';\nimport { CommonService } from 'src/app/core/service/common-service/common.service'\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-profile',\n templateUrl: './profile.component.html',\n styleUrls: ['./profile.component.scss']\n})\n\nexport class ProfileComponent implements OnInit {\n passwordForm: FormGroup;\n submitted: boolean;\n spinner: boolean;\n wrongPass: boolean;\n diffPassword: boolean;\n userId: string;\n userInfo: any;\n passwordPattern: any;\n samePassword: boolean;\n constructor(\n private fb: FormBuilder,\n private commonService: CommonService,\n private toastr: ToastrService,\n private router: Router\n ) { }\n\n ngOnInit() {\n this.userId = localStorage.getItem('userId');\n let userInfo = JSON.parse(localStorage.getItem('userInfo'));\n this.userInfo = userInfo[0];\n this.buildForm();\n }\n\n /**\n * Name: buildForm\n * purpose: To build Form\n */\n buildForm(): void {\n this.passwordPattern = '^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*()_+-=]).{8,255}$';\n this.passwordForm = this.fb.group({\n currentPassword: ['', Validators.required],\n newPassword: ['', Validators.required],\n confirmPassword: ['', Validators.required]\n });\n }\n\n /**\n * Name: hasError\n * purpose: To check if form has any error\n * @param {any} control - form control\n * @return {boolean} flag to determine if form is valid.\n */\n hasError(control: any): boolean {\n return (\n control &&\n (this.submitted || control.touched || control.dirty) && !control.valid);\n }\n\n /**\n * Name: checkPassword\n * purpose: To check user enter valid pass\n */\n checkPassword(): void {\n let f = this.passwordForm;\n if (f.value.newPassword != f.value.confirmPassword) {\n this.diffPassword = true;\n return;\n }\n if(this.passwordForm.controls.newPassword.value==this.passwordForm.controls.currentPassword.value){\n this.samePassword=true\n return;\n }else if(this.passwordForm.controls.newPassword.value!=this.passwordForm.controls.currentPassword.value){\n this.samePassword=false\n }\n this.submitted = true;\n if (f.valid) {\n this.commonService.signin(this.userId, f.value.currentPassword).subscribe(\n res => {\n if (res['responseCode'] == 0) {\n this.wrongPass = false;\n this.changePassword(f.value.currentPassword, f.value.newPassword);\n } else {\n this.wrongPass = true;\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n }\n\n /**\n * Name: changePassword\n * purpose: To changes user password\n * @param {string} currentPassword - The currentPassword\n * @param {string} newPassword - The newPassword to update\n */\n changePassword(currentPassword: string, newPassword: string): void {\n this.spinner = true;\n this.commonService.updatePassword(this.userId, currentPassword, newPassword).subscribe(\n res => {\n if (res['responseCode'] == 0) {\n this.spinner = false;\n this.toastr.success('Password updated successfully', \"Success\");\n this.logout();\n }\n else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: logout\n * purpose: To Sign out user\n */\n logout(): void {\n localStorage.clear();\n this.router.navigate(['/login']);\n }\n}\n","export default \".working-area {\\n margin-top: 115px;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.calling-table tr {\\n cursor: pointer;\\n}\\n\\n.table-head-call {\\n background: none;\\n padding-top: 12px;\\n}\\n\\n.button-margin {\\n margin-left: 10px;\\n}\\n\\n.callList {\\n font: Bold 20px Roboto;\\n letter-spacing: 0px;\\n color: #484848;\\n opacity: 1;\\n}\\n\\n.close-con {\\n font-size: 18px;\\n cursor: pointer;\\n top: 3px;\\n right: 1px;\\n position: absolute !important;\\n z-index: 10;\\n opacity: 1;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 4px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 89%;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-arrow-wrapper {\\n padding-bottom: 0px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.refesh-icon {\\n float: right;\\n margin-bottom: -30px;\\n margin-right: 20px;\\n margin-top: 30px;\\n cursor: pointer;\\n}\\n\\n.coloredRow {\\n background: #ffff99;\\n}\\n\\n.coloredGreenRow {\\n background: #90ee90;\\n}\\n\\n.mat-dialog-title {\\n background-color: darkgray;\\n}\\n\\n.callList-right {\\n font-size: 11px;\\n color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.columnHeader {\\n font: Bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.lost {\\n color: #e64243;\\n position: absolute;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.inbound {\\n color: #2e3668;\\n position: absolute;\\n left: 0px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.columnvalue {\\n font-size: 14px;\\n position: relative;\\n}\\n\\n.filter1 {\\n font-size: 12px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 20px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n}\\n\\n.serviceDueDate {\\n width: 10% !important;\\n}\\n\\n.followUp {\\n width: 8% !important;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 10px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\nth.mat-header-cell {\\n background-color: #d9d9d9;\\n}\\n\\n.mat-sort-header-container {\\n justify-content: center !important;\\n}\\n\\n.filter2 {\\n width: auto;\\n}\\n\\n.call-stats-card .mat-card-title {\\n margin-bottom: 0px;\\n}\\n\\n.call-stats-card .call-stats {\\n font-size: 11px;\\n color: #ffffff;\\n}\\n\\n.call-stats-card .call-stats i {\\n color: #2e3668;\\n font-size: 11px;\\n}\\n\\n.call-stats-card .call-stats-title {\\n font-size: 20px;\\n color: #484848;\\n}\\n\\n.call-stats-card1 {\\n padding-top: 0px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid none solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card-border2 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n margin-bottom: 15px;\\n border-color: lightgray;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #5482BC;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #5482BC;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 30px;\\n font: Regular 14px Roboto;\\n letter-spacing: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .refresh-btn.mat-button {\\n min-width: auto;\\n}\\n\\n.refresh-btn {\\n background-color: #ffffff;\\n color: #e64243;\\n border: 1px solid #e64243;\\n border-radius: 0px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-flex {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n background: white;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-label {\\n padding-left: 10px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-infix {\\n border-top: none;\\n}\\n\\n.textboxService ::ng-deep label.mat-form-field-label {\\n margin-top: 8px !important;\\n}\\n\\n.textboxService ::ng-deep input.mat-input-element {\\n margin-top: 0.6em;\\n margin-left: 10px;\\n}\\n\\n.search-icon {\\n position: absolute;\\n right: 15px;\\n top: 15px;\\n}\\n\\n.backColor {\\n background-color: #00457D !important;\\n font-size: 12px;\\n}\\n\\n.box-size {\\n margin-left: 10px;\\n margin-top: 7px;\\n width: 28px;\\n height: 28px;\\n color: #ffffff !important;\\n}\\n\\n.box-size1 {\\n margin-left: 10px;\\n margin-top: 10px;\\n width: 22px;\\n height: 22px;\\n color: #ffffff !important;\\n}\\n\\n.backColor1 {\\n background-color: #5482BC !important;\\n font-size: 12px;\\n}\\n\\n.call-stats-value {\\n margin-left: 50px;\\n font-size: 18px;\\n}\\n\\n.call-stats-value1 {\\n margin-left: 30px;\\n font-size: 18px;\\n}\\n\\n.info-circle-size {\\n font-size: 12px !important;\\n color: #ffffff !important;\\n}\\n\\n.flex-set {\\n margin-top: 7px;\\n margin-left: 15px;\\n}\\n\\n.flex-set1 {\\n margin-top: 7px;\\n margin-left: 25px;\\n}\\n\\n.dueDateIcon {\\n height: 9px;\\n width: 11px;\\n}\\n\\n.droupdown-style {\\n width: 120px;\\n}\\n\\n.value-list1 hr {\\n border-top: 1px solid lightgrey;\\n margin: 5px 0px;\\n width: 100%;\\n}\\n\\n.value-list1 span {\\n margin-left: 5px;\\n padding-left: 5px;\\n margin-top: 3px;\\n font-size: 12px;\\n}\\n\\n.margin-left {\\n padding-left: 10px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.searchfilter {\\n width: 100px;\\n height: 30px;\\n margin-left: 10px;\\n font-size: 12px;\\n border: 0;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvcHJzLWNhbGxpbmctbGlzdC9wcnMtY2FsbGluZy1saXN0LmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnQvcHJzLWNhbGxpbmctbGlzdC9wcnMtY2FsbGluZy1saXN0LmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLFdBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7QUNDSjs7QURFQTtFQUNJLGdCQUFBO0VBQ0EsaUJBQUE7QUNDSjs7QURFQTtFQUNJLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxzQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtFQUNBLFVBQUE7RUFDQSw2QkFBQTtFQUNBLFdBQUE7RUFDQSxVQUFBO0FDQ0o7O0FERUE7RUFDSSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtBQ0NKOztBREVBO0VBQ0ksZ0JBQUE7QUNDSjs7QURFQTtFQUNJLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxVQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0VBQ0EsV0FBQTtBQ0NKOztBREVBO0VBQ0ksTUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLGFBQUE7QUNDSjs7QURFQTtFQUNJLE1BQUE7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxtQkFBQTtBQ0NKOztBREVBO0VBQ0ksc0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7QUNDSjs7QURFQTtFQUNJLFlBQUE7RUFDQSxvQkFBQTtFQUNBLGtCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxlQUFBO0FDQ0o7O0FERUE7RUFDSSxtQkFBQTtBQ0NKOztBREVBO0VBQ0ksbUJBQUE7QUNDSjs7QURFQTtFQUNJLDBCQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0VBQ0EsMEJBQUE7QUNDSjs7QURFQTtFQUNJLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsMEJBQUE7QUNDSjs7QURFQTtFQUNJLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtBQ0NKOztBREVBO0VBQ0ksY0FBQTtFQUNBLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0VBQ0Esa0JBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7QUNDSjs7QURFQTtFQUNJLHVCQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxrQkFBQTtBQ0NKOztBREVBO0VBQ0ksbUJBQUE7QUNDSjs7QURFQTtFQUNJLHFCQUFBO0FDQ0o7O0FERUE7RUFDSSxvQkFBQTtBQ0NKOztBREVBOzs7RUFHSSxhQUFBO0VBQ0EsbUNBQUE7RUFDQSxtQkFBQTtFQUNBLHVCQUFBO0FDQ0o7O0FERUE7RUFDSSxtQ0FBQTtFQUNBLHVCQUFBO0FDQ0o7O0FERUE7RUFLSSx5QkFBQTtBQ0hKOztBRE1BO0VBQ0ksa0NBQUE7QUNISjs7QURNQTtFQUNJLFdBQUE7QUNISjs7QURPSTtFQUNJLGtCQUFBO0FDSlI7O0FETUk7RUFDSSxlQUFBO0VBQ0EsY0FBQTtBQ0pSOztBREtRO0VBQ0ksY0FBQTtFQUNBLGVBQUE7QUNIWjs7QURNSTtFQUNJLGVBQUE7RUFDQSxjQUFBO0FDSlI7O0FEUUE7RUFDSSxnQkFBQTtBQ0xKOztBRFFBO0VBQ0ksb0NBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsdUJBQUE7QUNMSjs7QURRQTtFQUNJLHFDQUFBO0VBQ0EsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7QUNMSjs7QURRQTtFQUNJLGtCQUFBO0FDTEo7O0FEUUE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7QUNMSjs7QURRQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtBQ0xKOztBRFFBO0VBQ0ksaUJBQUE7RUFDQSx5QkFBQTtFQUNBLG1CQUFBO0FDTEo7O0FEUUE7RUFDSSxlQUFBO0FDTEo7O0FEUUE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7RUFDQSx5QkFBQTtFQUNBLGtCQUFBO0FDTEo7O0FEUUE7RUFDSSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7QUNMSjs7QURRQTtFQUNJLGtCQUFBO0FDTEo7O0FEUUE7RUFDSSxnQkFBQTtBQ0xKOztBRFFBO0VBQ0ksMEJBQUE7QUNMSjs7QURRQTtFQUNJLGlCQUFBO0VBQ0EsaUJBQUE7QUNMSjs7QURRQTtFQUNJLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLFNBQUE7QUNMSjs7QURRQTtFQUNJLG9DQUFBO0VBQ0EsZUFBQTtBQ0xKOztBRFFBO0VBQ0ksaUJBQUE7RUFDQSxlQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSx5QkFBQTtBQ0xKOztBRFFBO0VBQ0ksaUJBQUE7RUFDQSxnQkFBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7QUNMSjs7QURRQTtFQUNJLG9DQUFBO0VBQ0EsZUFBQTtBQ0xKOztBRFFBO0VBQ0ksaUJBQUE7RUFDQSxlQUFBO0FDTEo7O0FEUUE7RUFDSSxpQkFBQTtFQUNBLGVBQUE7QUNMSjs7QURRQTtFQUNJLDBCQUFBO0VBQ0EseUJBQUE7QUNMSjs7QURRQTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtBQ0xKOztBRFFBO0VBQ0ksZUFBQTtFQUNBLGlCQUFBO0FDTEo7O0FEUUE7RUFDSSxXQUFBO0VBQ0EsV0FBQTtBQ0xKOztBRFFBO0VBQ0ksWUFBQTtBQ0xKOztBRFNJO0VBQ0ksK0JBQUE7RUFDQSxlQUFBO0VBQ0EsV0FBQTtBQ05SOztBRFFJO0VBQ0ksZ0JBQUE7RUFDQSxpQkFBQTtFQUNBLGVBQUE7RUFDQSxlQUFBO0FDTlI7O0FEVUE7RUFDSSxrQkFBQTtBQ1BKOztBRFVBO0VBQ0ksdUJBQUE7RUFDQSxtQkFBQTtBQ1BKOztBRFVBO0VBQ0ksWUFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGVBQUE7RUFDQSxTQUFBO0FDUEoiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnQvcHJzLWNhbGxpbmctbGlzdC9wcnMtY2FsbGluZy1saXN0LmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLndvcmtpbmctYXJlYSB7XG4gICAgbWFyZ2luLXRvcDogMTE1cHg7XG59XG5cbnRhYmxlIHtcbiAgICB3aWR0aDogMTAwJTtcbn1cblxuLmNhbGxpbmctdGFibGUgdHIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnRhYmxlLWhlYWQtY2FsbCB7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICBwYWRkaW5nLXRvcDogMTJweDtcbn1cblxuLmJ1dHRvbi1tYXJnaW4ge1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uY2FsbExpc3Qge1xuICAgIGZvbnQ6IEJvbGQgMjBweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBjb2xvcjogIzQ4NDg0ODtcbiAgICBvcGFjaXR5OiAxO1xufVxuXG4uY2xvc2UtY29uIHtcbiAgICBmb250LXNpemU6IDE4cHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRvcDogM3B4O1xuICAgIHJpZ2h0OiAxcHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgei1pbmRleDogMTA7XG4gICAgb3BhY2l0eTogMTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGhlaWdodDogMjBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgICBwYWRkaW5nOiA0cHggMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gICAgd2lkdGg6IDg5JTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgZm9udDogd2hpdGU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gICAgdG9wOiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbi10b3A6IDRweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtYXJyb3ctd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gICAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjM2MzYzNjO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4ucmVmZXNoLWljb24ge1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBtYXJnaW4tYm90dG9tOiAtMzBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gICAgbWFyZ2luLXRvcDogMzBweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jb2xvcmVkUm93IHtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmZjk5O1xufVxuXG4uY29sb3JlZEdyZWVuUm93IHtcbiAgICBiYWNrZ3JvdW5kOiAjOTBlZTkwO1xufVxuXG4ubWF0LWRpYWxvZy10aXRsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogZGFya2dyYXk7XG59XG5cbi5jYWxsTGlzdC1yaWdodCB7XG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNTQpO1xufVxuXG4uY29sdW1uSGVhZGVyIHtcbiAgICBmb250OiBCb2xkIDEycHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzMzMzMzM7XG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5sb3N0IHtcbiAgICBjb2xvcjogI2U2NDI0MztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMTBweDtcbiAgICBmb250LXNpemU6IDEwcHg7XG4gICAgdG9wOiAzOCU7XG59XG5cbi5pbmJvdW5kIHtcbiAgICBjb2xvcjogIzJlMzY2ODtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMHB4O1xuICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICB0b3A6IDM4JTtcbn1cblxuLmNvbHVtbnZhbHVlIHtcbiAgICBmb250LXNpemU6IDE0cHg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZmlsdGVyMSB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZmlsdGVyQnV0dG9uIHtcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICAgIGhlaWdodDogMjBweDtcbiAgICBsaW5lLWhlaWdodDogMTBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG59XG5cbi5maWx0ZXJkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5zZXJ2aWNlRHVlRGF0ZSB7XG4gICAgd2lkdGg6IDEwJSAhaW1wb3J0YW50O1xufVxuXG4uZm9sbG93VXAge1xuICAgIHdpZHRoOiA4JSAhaW1wb3J0YW50O1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCxcbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gICAgcGFkZGluZzogMTBweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG4gICAgYm9yZGVyLXN0eWxlOiBub25lIHNvbGlkIHNvbGlkIG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gICAgLy9qdXN0aWZ5LXNlbGY6IGNlbnRlcjtcbiAgICAvL3RleHQtYWxpZ246IGNlbnRlcjtcbiAgICAvL2Rpc3BsYXk6IGZsZXg7XG4gICAgLy9qdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDlkOWQ5O1xufVxuXG4ubWF0LXNvcnQtaGVhZGVyLWNvbnRhaW5lciB7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXIgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjIge1xuICAgIHdpZHRoOiBhdXRvO1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkIHtcbiAgICAubWF0LWNhcmQtdGl0bGUge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwcHg7XG4gICAgfVxuICAgIC5jYWxsLXN0YXRzIHtcbiAgICAgICAgZm9udC1zaXplOiAxMXB4O1xuICAgICAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICAgICAgaSB7XG4gICAgICAgICAgICBjb2xvcjogIzJlMzY2ODtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICAgICAgfVxuICAgIH1cbiAgICAuY2FsbC1zdGF0cy10aXRsZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICAgICAgY29sb3I6ICM0ODQ4NDg7XG4gICAgfVxufVxuXG4uY2FsbC1zdGF0cy1jYXJkMSB7XG4gICAgcGFkZGluZy10b3A6IDBweDtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIG5vbmUgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMCU7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMiB7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItcmFkaXVzOiAwJTtcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB7XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBjb2xvcjogIzU0ODJCQztcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtY2hlY2tlZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJCQztcbiAgICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gICAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gICAgZm9udDogUmVndWxhciAxNHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5yZWZyZXNoLWJ0bi5tYXQtYnV0dG9uIHtcbiAgICBtaW4td2lkdGg6IGF1dG87XG59XG5cbi5yZWZyZXNoLWJ0biB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBjb2xvcjogI2U2NDI0MztcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZTY0MjQzO1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtZmxleCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIHBhZGRpbmctbGVmdDogMTBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgbGFiZWwubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIG1hcmdpbi10b3A6IDhweCAhaW1wb3J0YW50O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgICBtYXJnaW4tdG9wOiAwLjZlbTtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLnNlYXJjaC1pY29uIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDE1cHg7XG4gICAgdG9wOiAxNXB4O1xufVxuXG4uYmFja0NvbG9yIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uYm94LXNpemUge1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIG1hcmdpbi10b3A6IDdweDtcbiAgICB3aWR0aDogMjhweDtcbiAgICBoZWlnaHQ6IDI4cHg7XG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmJveC1zaXplMSB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgbWFyZ2luLXRvcDogMTBweDtcbiAgICB3aWR0aDogMjJweDtcbiAgICBoZWlnaHQ6IDIycHg7XG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmJhY2tDb2xvcjEge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkMgIWltcG9ydGFudDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlIHtcbiAgICBtYXJnaW4tbGVmdDogNTBweDtcbiAgICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlMSB7XG4gICAgbWFyZ2luLWxlZnQ6IDMwcHg7XG4gICAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uaW5mby1jaXJjbGUtc2l6ZSB7XG4gICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmZsZXgtc2V0IHtcbiAgICBtYXJnaW4tdG9wOiA3cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDE1cHg7XG59XG5cbi5mbGV4LXNldDEge1xuICAgIG1hcmdpbi10b3A6IDdweDtcbiAgICBtYXJnaW4tbGVmdDogMjVweDtcbn1cblxuLmR1ZURhdGVJY29uIHtcbiAgICBoZWlnaHQ6IDlweDtcbiAgICB3aWR0aDogMTFweDtcbn1cblxuLmRyb3VwZG93bi1zdHlsZSB7XG4gICAgd2lkdGg6IDEyMHB4O1xufVxuXG4udmFsdWUtbGlzdDEge1xuICAgIGhyIHtcbiAgICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIGxpZ2h0Z3JleTtcbiAgICAgICAgbWFyZ2luOiA1cHggMHB4O1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gICAgc3BhbiB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG4gICAgICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgICAgICBtYXJnaW4tdG9wOiAzcHg7XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICB9XG59XG5cbi5tYXJnaW4tbGVmdCB7XG4gICAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5zZWFyY2hmaWx0ZXIge1xuICAgIHdpZHRoOiAxMDBweDtcbiAgICBoZWlnaHQ6IDMwcHg7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGJvcmRlcjogMDtcbn0iLCIud29ya2luZy1hcmVhIHtcbiAgbWFyZ2luLXRvcDogMTE1cHg7XG59XG5cbnRhYmxlIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5jYWxsaW5nLXRhYmxlIHRyIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4udGFibGUtaGVhZC1jYWxsIHtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgcGFkZGluZy10b3A6IDEycHg7XG59XG5cbi5idXR0b24tbWFyZ2luIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5jYWxsTGlzdCB7XG4gIGZvbnQ6IEJvbGQgMjBweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjNDg0ODQ4O1xuICBvcGFjaXR5OiAxO1xufVxuXG4uY2xvc2UtY29uIHtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRvcDogM3B4O1xuICByaWdodDogMXB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgei1pbmRleDogMTA7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogMjBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZzogNHB4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDg5JTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250OiB3aGl0ZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICB0b3A6IDA7XG4gIG1hcmdpbi10b3A6IDRweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LWFycm93LXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzYzNjM2M7XG4gIG9wYWNpdHk6IDE7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbn1cblxuLnJlZmVzaC1pY29uIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBtYXJnaW4tYm90dG9tOiAtMzBweDtcbiAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuICBtYXJnaW4tdG9wOiAzMHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jb2xvcmVkUm93IHtcbiAgYmFja2dyb3VuZDogI2ZmZmY5OTtcbn1cblxuLmNvbG9yZWRHcmVlblJvdyB7XG4gIGJhY2tncm91bmQ6ICM5MGVlOTA7XG59XG5cbi5tYXQtZGlhbG9nLXRpdGxlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogZGFya2dyYXk7XG59XG5cbi5jYWxsTGlzdC1yaWdodCB7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41NCk7XG59XG5cbi5jb2x1bW5IZWFkZXIge1xuICBmb250OiBCb2xkIDEycHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzMzMzMzMztcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5sb3N0IHtcbiAgY29sb3I6ICNlNjQyNDM7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMTBweDtcbiAgZm9udC1zaXplOiAxMHB4O1xuICB0b3A6IDM4JTtcbn1cblxuLmluYm91bmQge1xuICBjb2xvcjogIzJlMzY2ODtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwcHg7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgdG9wOiAzOCU7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZmlsdGVyMSB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZpbHRlckJ1dHRvbiB7XG4gIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICBoZWlnaHQ6IDIwcHg7XG4gIGxpbmUtaGVpZ2h0OiAxMHB4O1xuICBtYXJnaW4tYm90dG9tOiAxcHg7XG59XG5cbi5maWx0ZXJkaXYge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uc2VydmljZUR1ZURhdGUge1xuICB3aWR0aDogMTAlICFpbXBvcnRhbnQ7XG59XG5cbi5mb2xsb3dVcCB7XG4gIHdpZHRoOiA4JSAhaW1wb3J0YW50O1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCxcbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQgbm9uZSBub25lIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRhYmxlLWJvcmRlci5tYXQtdGFibGUge1xuICBib3JkZXItc3R5bGU6IG5vbmUgc29saWQgc29saWQgbm9uZTtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkOWQ5ZDk7XG59XG5cbi5tYXQtc29ydC1oZWFkZXItY29udGFpbmVyIHtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXIgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjIge1xuICB3aWR0aDogYXV0bztcbn1cblxuLmNhbGwtc3RhdHMtY2FyZCAubWF0LWNhcmQtdGl0bGUge1xuICBtYXJnaW4tYm90dG9tOiAwcHg7XG59XG4uY2FsbC1zdGF0cy1jYXJkIC5jYWxsLXN0YXRzIHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cbi5jYWxsLXN0YXRzLWNhcmQgLmNhbGwtc3RhdHMgaSB7XG4gIGNvbG9yOiAjMmUzNjY4O1xuICBmb250LXNpemU6IDExcHg7XG59XG4uY2FsbC1zdGF0cy1jYXJkIC5jYWxsLXN0YXRzLXRpdGxlIHtcbiAgZm9udC1zaXplOiAyMHB4O1xuICBjb2xvcjogIzQ4NDg0ODtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZDEge1xuICBwYWRkaW5nLXRvcDogMHB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIG5vbmUgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItcmFkaXVzOiAwJTtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMiB7XG4gIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItcmFkaXVzOiAwJTtcbiAgbWFyZ2luLWJvdHRvbTogMTVweDtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGNvbG9yOiAjNTQ4MkJDO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1jaGVja2VkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJCQztcbiAgY29sb3I6ICNmZmZmZmY7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWxhYmVsLWNvbnRlbnQge1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgZm9udDogUmVndWxhciAxNHB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAucmVmcmVzaC1idG4ubWF0LWJ1dHRvbiB7XG4gIG1pbi13aWR0aDogYXV0bztcbn1cblxuLnJlZnJlc2gtYnRuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgY29sb3I6ICNlNjQyNDM7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlNjQyNDM7XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtZmxleCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBsYWJlbC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIG1hcmdpbi10b3A6IDhweCAhaW1wb3J0YW50O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgbWFyZ2luLXRvcDogMC42ZW07XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uc2VhcmNoLWljb24ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAxNXB4O1xuICB0b3A6IDE1cHg7XG59XG5cbi5iYWNrQ29sb3Ige1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmJveC1zaXplIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDdweDtcbiAgd2lkdGg6IDI4cHg7XG4gIGhlaWdodDogMjhweDtcbiAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmJveC1zaXplMSB7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBtYXJnaW4tdG9wOiAxMHB4O1xuICB3aWR0aDogMjJweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uYmFja0NvbG9yMSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkMgIWltcG9ydGFudDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZSB7XG4gIG1hcmdpbi1sZWZ0OiA1MHB4O1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlMSB7XG4gIG1hcmdpbi1sZWZ0OiAzMHB4O1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5pbmZvLWNpcmNsZS1zaXplIHtcbiAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5mbGV4LXNldCB7XG4gIG1hcmdpbi10b3A6IDdweDtcbiAgbWFyZ2luLWxlZnQ6IDE1cHg7XG59XG5cbi5mbGV4LXNldDEge1xuICBtYXJnaW4tdG9wOiA3cHg7XG4gIG1hcmdpbi1sZWZ0OiAyNXB4O1xufVxuXG4uZHVlRGF0ZUljb24ge1xuICBoZWlnaHQ6IDlweDtcbiAgd2lkdGg6IDExcHg7XG59XG5cbi5kcm91cGRvd24tc3R5bGUge1xuICB3aWR0aDogMTIwcHg7XG59XG5cbi52YWx1ZS1saXN0MSBociB7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCBsaWdodGdyZXk7XG4gIG1hcmdpbjogNXB4IDBweDtcbiAgd2lkdGg6IDEwMCU7XG59XG4udmFsdWUtbGlzdDEgc3BhbiB7XG4gIG1hcmdpbi1sZWZ0OiA1cHg7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICBtYXJnaW4tdG9wOiAzcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLm1hcmdpbi1sZWZ0IHtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLnNlYXJjaGZpbHRlciB7XG4gIHdpZHRoOiAxMDBweDtcbiAgaGVpZ2h0OiAzMHB4O1xuICBtYXJnaW4tbGVmdDogMTBweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBib3JkZXI6IDA7XG59Il19 */\"","import { Component, OnInit, ViewChild, ChangeDetectorRef } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { ToastrService } from 'ngx-toastr';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { ListCustData } from './listCustData';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { MatDialog, MatPaginator, MatSort, MatSelect } from '@angular/material';\nimport { DatePipe } from '@angular/common';\nimport { FilterPipePipe } from '../../pipes/filter-pipe.pipe';\n\n@Component({\n selector: 'app-prs-calling-list',\n templateUrl: './prs-calling-list.component.html',\n styleUrls: ['./prs-calling-list.component.scss'],\n providers: [FilterPipePipe]\n})\nexport class PrsCallingListComponent implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n @ViewChild('filterSelect', { static: true }) filterSelect: MatSelect;\n\n callStats: any = {};\n spinner: boolean;\n userId: string;\n userRoles: any;\n selectedRegionValues: string[] = [];\n selectedStateValues: string[] = [];\n selectedDealerCodeValues: string[] = [];\n //selectedCallTypeValues: string;\n selectedVerticalValues: string[] = [];\n selectedLanguageValues: string[] = [];\n selectedAccountValues: string[] = [];\n uniqueRegionValue = new Set();\n uniqueStateValue = new Set();\n uniqueDealerCodeSet = new Set();\n //uniqueCallType = new Set();\n uniqueVerticalValue = new Set();\n uniqueLanguage = new Set();\n uniqueAccountType = new Set();\n callToggleStatus: boolean = true;\n selection: any;\n callFlag: any;\n callsToBeMade: number = 0;\n dataSource: any;\n selectedCol: string;\n customerData: any;\n currentDate: string;\n selectedColValues: string[] = [];\n pageSize: number;\n filteredDataSource: any;\n callsMade: number = 0;\n customersToBeCalled: string;\n callsMade1: string;\n filterMap = new Map();\n uniqueVerticalValueArray :string[] = [];\n selectedDealer: any;\n uniqueDealerCodeCopy: string[] = [];\n uniqueDealerCode: string[] = [];\n dealerCode: string[] = [];\n displayedColumns: string[] = [\n 'customerName',\n 'customerTel',\n 'accountType',\n 'callType',\n 'callStatus',\n 'dealerCode',\n 'dealerLocation',\n 'dealerCategory',\n 'custLanguage',\n 'creInput',\n 'followUpTime',\n 'remarks'\n ];\n\n //call type selection\n // uniqueCallType: any[] = [\n // { value: 1, type: '1st Month - Sales Experience' },\n // { value: 3, type: 'PRS-Post Repair Survey' },\n // { value: 4, type: '4th Month - Product Experience' },\n // { value: 9, type: '9th Month - Service Experience' }\n // ];\n\n // uniqueCallType: string[] = ['PRS-Post Repair Survey','1st Month - Sales Experience','4th Month - Product Experience','9th Month - Service Experience'];\n // //uniqueRegionValue: string[] = ['North - II','North - I','West','East - II','East - I','South - I','Central','South - II'];\n // selectedCallTypeValues: string = '1st Month - Sales Experience';\n uniqueCallType: string[] = [];\n //uniqueRegionValue: string[] = ['North - II','North - I','West','East - II','East - I','South - I','Central','South - II'];\n selectedCallTypeValues: string = '';\n selectedCallType: string;\n callTypeFlag: string;\n //selectedRegionValues: string = 'North - II';\n //regionFlag: string;\n custDataSource: string[] = [];\n roleId: string;\n filteredDataSourceCopy: any;\n filteredDataSourceLength: any;\n search: any;\n\n constructor(private router: Router,private toastr: ToastrService,private commonService: CommonService,\n private datePipe: DatePipe, private filterPipePipe: FilterPipePipe, private changeDetectorRefs: ChangeDetectorRef,) { }\n\n ngOnInit() {\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n this.customerData = JSON.parse(localStorage.getItem('customerData'));\n this.userId = localStorage.getItem('userId');\n this.currentDate = this.datePipe.transform(new Date(), \"yyyy-MM-dd\");\n this.userRoles = localStorage.getItem('userRoles');\n\n if(this.userRoles == 'CRE') {\n this.uniqueCallType = ['PRS-Post Repair Survey'];\n this.selectedCallTypeValues = 'PRS-Post Repair Survey';\n } else {\n this.uniqueCallType = ['PRS-Post Repair Survey','1st Month - Sales Experience','4th Month - Product Experience','9th Month - Service Experience'];\n this.selectedCallTypeValues = 'PRS-Post Repair Survey';\n }\n this.commonService.countryCode=localStorage.getItem('countryCode');\n this.commonService.roleId = localStorage.getItem('roleId');\n this.roleId = localStorage.getItem('roleId');\n //this.selectedCallTypeValues.push(\"1\");\n if (localStorage.getItem('selectedRegionValues') != null || localStorage.getItem('selectedRegionValues') != undefined) {\n let selectedRegionValues = JSON.parse(localStorage.getItem('selectedRegionValues'));\n this.selectedRegionValues = selectedRegionValues;\n }\n\n if (localStorage.getItem('selectedStateValues') != null || localStorage.getItem('selectedStateValues') != undefined) {\n let selectedStateValues = JSON.parse(localStorage.getItem('selectedStateValues'));\n this.selectedStateValues = selectedStateValues;\n }\n\n if (localStorage.getItem('selectedDealerCodeValues') != null || localStorage.getItem('selectedDealerCodeValues') != undefined) {\n let selectedDealerCodeValues = JSON.parse(localStorage.getItem('selectedDealerCodeValues'));\n this.selectedDealerCodeValues = selectedDealerCodeValues;\n }\n\n if (localStorage.getItem('selectedCallTypeValues') != null || localStorage.getItem('selectedCallTypeValues') != undefined) {\n let selectedCallTypeValues = (localStorage.getItem('selectedCallTypeValues'));\n this.selectedCallTypeValues = selectedCallTypeValues;\n }\n\n if (localStorage.getItem('selectedVerticalValues') != null || localStorage.getItem('selectedVerticalValues') != undefined) {\n let selectedVerticalValues = JSON.parse(localStorage.getItem('selectedVerticalValues'));\n this.selectedVerticalValues = selectedVerticalValues;\n }\n\n if (localStorage.getItem('selectedLanguageValues') != null || localStorage.getItem('selectedLanguageValues') != undefined) {\n let selectedLanguageValues = JSON.parse(localStorage.getItem('selectedLanguageValues'));\n this.selectedLanguageValues = selectedLanguageValues;\n }\n\n if (localStorage.getItem('selectedAccountValues') != null || localStorage.getItem('selectedAccountValues') != undefined) {\n let selectedAccountValues = JSON.parse(localStorage.getItem('selectedAccountValues'));\n this.selectedAccountValues = selectedAccountValues;\n }\n\n if (localStorage.getItem('callListPageSize') != null || localStorage.getItem('callListPageSize') != undefined) {\n let pagesize = Number(localStorage.getItem('callListPageSize'));\n this.pageSize = (pagesize && pagesize != NaN) ? pagesize : 50;\n } else {\n this.pageSize = 50;\n }\n\n if ((localStorage.getItem('workshops') == null || localStorage.getItem('workshops') == undefined) && this.userRoles !='Call Center Agent') {\n this.getWorkshopDetails();\n }\n this.callTypeFlag = this.selectedCallTypeValues;\n this.getCreStats();\n this.filterValue();\n this.callListinfo();\n\n this.commonService.startInterval();\n this.commonService.followupResponse && this.commonService.followupResponse.subscribe((res) => {\n this.commonService.prsFollowupDataSource = [];\n if(res['responseCode'] == 0) {\n res['responseData'].forEach((element) => {\n this.commonService.prsFollowupDataSource.push(element);\n let callListItem = this.commonService.prsCallListResponseData.find((ele) => {return ele.customerId == element.customerId});\n let index = this.commonService.prsCallListResponseData.findIndex((ele) => {return ele.customerId == element.customerId});\n if(index != -1) {\n this.commonService.prsCallListResponseData.splice(index, 1);\n }\n });\n this.commonService.prsFollowupDataSource.forEach((val) => {\n this.commonService.prsCallListResponseData.unshift(val);\n })\n } else {\n this.commonService.prsFollowupDataSource = [];\n // this.toastr.error(res['message'], \"Error\");\n }\n }, error => {\n // this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n\n if(!this.commonService.prsCallListResponseData.length){\n this.prepairCallList('Y', this.selectedCallType)\n } else {\n let custRes = this.commonService.prsCustomerResponse;\n if(custRes) {\n let customerId = custRes['customerId'];\n this.getCallListCustCode('N', customerId);\n } else {\n this.getCustomerResponse();\n this.setCallListData('Y');\n }\n }\n }\n\n filterValue() {\n if(this.selectedCallTypeValues == '1st Month - Sales Experience') {\n this.selectedCallType = '1';\n } else if(this.selectedCallTypeValues == 'PRS-Post Repair Survey') {\n this.selectedCallType = '3';\n } else if(this.selectedCallTypeValues == '4th Month - Product Experience') {\n this.selectedCallType = '4';\n } else if(this.selectedCallTypeValues == '9th Month - Service Experience') {\n this.selectedCallType = '9';\n }\n this.commonService.prsCallType = this.selectedCallType;\n }\n\n getCallListCustCode(callDoneInd: string, custCode: string) {\n this.spinner = true;\n this.commonService.getPRSCustCallList(callDoneInd, this.selectedCallType, custCode, this.roleId, this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n res['responseData'].forEach((element) => {\n this.custDataSource.push(element);\n });\n this.spinner = false;\n } else {\n this.spinner = false;\n //this.toastr.error(res['message'], \"Error\");\n }\n this.getCustomerResponse();\n this.setCallListData('Y');\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n getCustomerResponse() {\n let custResp = this.commonService.prsCustomerResponse;\n\n if(custResp) {\n let custId = custResp['customerId'];\n let callListItem = this.commonService.prsCallListResponseData.find((element) => {return element.customerId == custId});\n let index = this.commonService.prsCallListResponseData.findIndex((element) => {return element.customerId == custId});\n\n if(this.custDataSource[0] && (this.custDataSource[0]['callStatus'] == 'Try Again'\n || this.custDataSource[0]['callStatus'] == 'Pending'\n || this.custDataSource[0]['callStatus'] == 'Pending Try-Again')) {\n if(index != -1) {\n this.commonService.prsCallListResponseData.splice(index, 1);\n }\n this.custDataSource.forEach((element) => {\n this.commonService.prsCallListResponseData.push(element);\n });\n } else if(this.custDataSource[0] && (this.custDataSource[0]['callStatus'] == 'Queued')) {\n if(index != -1) {\n this.commonService.prsCallListResponseData.splice(index, 1, this.custDataSource[0]);\n }\n } else if(this.custDataSource[0] && (this.custDataSource[0]['callStatus'] == 'Try Again Contacted'\n || this.custDataSource[0]['callStatus'] == 'Booking Confirmed'\n || this.custDataSource[0]['callStatus'] == 'No Service')) {\n if(index != -1) {\n this.commonService.prsCallListResponseData.splice(index, 1);\n }\n } else if(this.custDataSource[0] && (this.custDataSource[0]['creInput'] == 'Contact Fleet Manager')) {\n if(index != -1) {\n this.commonService.prsCallListResponseData.splice(index, 1);\n }\n this.commonService.prsCallListResponseData.unshift(this.custDataSource[0]);\n } else if(this.custDataSource[0] && (this.custDataSource[0]['creInput'] == 'Contact Driver')) {\n if(index != -1) {\n this.commonService.prsCallListResponseData.splice(index, 1);\n }\n this.commonService.prsCallListResponseData.unshift(this.custDataSource[0]);\n } else {\n if(index != -1) {\n this.commonService.prsCallListResponseData.splice(index, 1);\n }\n }\n }\n this.commonService.prsCustomerResponse = '';\n }\n\n getCallToBeMadeCallList(flag: string) {\n if(!this.commonService.prsCallListResponseData.length){\n this.prepairCallList(flag, this.selectedCallType)\n } else {\n this.setCallListData(flag);\n }\n const index = this.displayedColumns.findIndex(item => item === 'complaintId');\n if (index !== -1) {\n this.displayedColumns.splice(index, 1);\n }\n }\n\n /**\n * Name: setPageData\n * purpose: To set pagesize for table\n */\n setPageData(event) {\n let size = event.pageSize.toString();\n localStorage.setItem('callListPageSize', size);\n}\n\n/**\n * Name: getWorkshopDetails\n * purpose: To get CRE assigned workshop details\n */\n getWorkshopDetails() {\n this.spinner = true;\n this.commonService.getWorkshopDetails(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n this.spinner = false;\n localStorage.setItem('workshops', JSON.stringify(res['responseData']));\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n}\n\n /**\n * Name: getCreStats\n * purpose: To get call count info\n */\n getCreStats(): void {\n this.spinner = true;\n this.commonService.getPrsCallStats(this.userId, this.roleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.spinner = false;\n this.callStats = res['responseData'][0];\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: activeButton\n * purpose: To activat apply button\n */\n activeButton(): boolean {\n let flag = false;\n if(this.selectedRegionValues != null && this.selectedRegionValues.length != 0) {\n flag = true;\n } else if (this.selectedStateValues != null && this.selectedStateValues.length != 0) {\n flag = true;\n } else if(this.selectedDealerCodeValues != null && this.selectedDealerCodeValues.length != 0) {\n flag = true;\n } else if(this.selectedCallTypeValues != null) {\n flag = true;\n } else if (this.selectedVerticalValues != null && this.selectedVerticalValues.length != 0) {\n flag = true;\n } else if(this.selectedLanguageValues != null && this.selectedLanguageValues.length != 0) {\n flag = true;\n } else if(this.selectedAccountValues != null && this.selectedAccountValues.length != 0) {\n flag = true;\n }\n return flag;\n }\n\n /**\n * Name: applyfilter\n * purpose: To apply filter on call list data\n */\n applyfilter(): void {\n let key = '';\n this.filterMap = new Map();\n\n this.filterValue();\n if(this.selectedCallTypeValues != this.callTypeFlag) {\n localStorage.setItem('selectedCallTypeValues',(this.selectedCallTypeValues));\n //localStorage.setItem('selectedRegionValues',JSON.stringify(this.selectedRegionValues));\n this.callTypeFlag = this.selectedCallTypeValues;\n //this.regionFlag = this.selectedRegionValues;\n this.callTypeApply();\n } else {\n this.otherFilterApply();\n }\n }\n\n callTypeApply() {\n this.prepairCallList('Y', this.selectedCallType);\n }\n\n otherFilterApply() {\n this.filteredDataSource = this.dataSource;\n let key = '';\n if(this.selectedRegionValues != null && this.selectedRegionValues.length != 0){\n key = \"dealerRegion\";\n this.filterMap.set(key, this.selectedRegionValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if(this.selectedStateValues != null && this.selectedStateValues.length != 0){\n key = \"dealerLocation\";\n this.filterMap.set(key, this.selectedStateValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if(this.selectedDealerCodeValues != null && this.selectedDealerCodeValues.length != 0){\n key = \"dealerCode\";\n this.filterMap.set(key, this.selectedDealerCodeValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if(this.selectedVerticalValues != null && this.selectedVerticalValues.length != 0){\n key = \"vertical\";\n this.filterMap.set(key, this.selectedVerticalValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if(this.selectedLanguageValues != null && this.selectedLanguageValues.length != 0){\n key = \"custLanguage\";\n this.filterMap.set(key, this.selectedLanguageValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if(this.selectedAccountValues != null && this.selectedAccountValues.length != 0){\n key = \"accountType\";\n this.filterMap.set(key, this.selectedAccountValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n //this.filterMap.set(this.selectedCol, this.selectedColValues);\n //this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.dataSource.filteredData, this.filterMap));\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n localStorage.setItem('selectedRegionValues',JSON.stringify(this.selectedRegionValues));\n localStorage.setItem('selectedStateValues',JSON.stringify(this.selectedStateValues));\n localStorage.setItem('selectedDealerCodeValues',JSON.stringify(this.selectedDealerCodeValues));\n //localStorage.setItem('selectedCallTypeValues',(this.selectedCallTypeValues));\n localStorage.setItem('selectedVerticalValues',JSON.stringify(this.selectedVerticalValues));\n localStorage.setItem('selectedLanguageValues',JSON.stringify(this.selectedLanguageValues));\n localStorage.setItem('selectedAccountValues',JSON.stringify(this.selectedAccountValues));\n }\n\n /**\n * Name: searchfilter\n * purpose: To apply filter on call list data\n */\n searchfilter(filterValue: string): void {\n filterValue = filterValue.trim(); // Remove whitespace\n filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n this.filteredDataSource.filter = filterValue;\n }\n\n /**\n * Name: prepairCallList\n * purpose: To get calllist details\n * @param {string} flag - type of call\n */\n prepairCallList(flag: string, callType: string): void {\n this.spinner = true;\n this.selection = new SelectionModel(true, []);\n // this.dataSource = '';\n this.commonService.prscustomercallList(flag, callType, this.userId, this.roleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (flag == 'Y') {\n this.callFlag = flag;\n this.callToggleStatus = true;\n } else {\n this.callFlag = flag;\n this.callToggleStatus = false;\n }\n if (res['responseData'].length) {\n let response = res['responseData'];\n if(flag == 'Y') {\n this.commonService.prsCallListResponseData = response;\n }\n response.forEach(data => {\n // if ((data.accountType).toLowerCase() == \"lost\") {\n // let changeName = data.customerName.split(\" - L\")[0];\n // data.customerName = changeName;\n // }\n let inboundCustomer = data.customerName && data.customerName.includes(\"- I\"); \n let stringPosition = data.customerName.length;\n let lostString = data.customerName[stringPosition - 3] + data.customerName[stringPosition - 2] + data.customerName[stringPosition - 1]\n if (inboundCustomer && lostString == \"- I\") {\n let changeName = data.customerName.split(\" - I\")[0];\n data.customerName = changeName;\n data.isInboundCall = true;\n }\n });\n this.callsToBeMade = response.length;\n this.dataSource = new MatTableDataSource(response);\n this.filteredDataSource = this.dataSource;\n this.filteredDataSourceCopy = this.dataSource;\n this.sort.direction = '';\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.filterData();\n this.otherFilterApply();\n //this.callListinfo();\n this.spinner = false;\n }\n //this.callsToBeMade = res['responseData'].length;\n //init data table and shorting\n // this.dataSource = new MatTableDataSource(res['responseData']);\n // this.filteredDataSource = this.dataSource;\n // this.sort.direction = '';\n // this.dataSource.sort = this.sort;\n // this.dataSource.sortingDataAccessor = (data, header) => data[header];\n // this.dataSource.paginator = this.paginator;\n // this.filterData();\n // this.otherFilterApply();\n // if ((!this.selectedRegionValues || this.selectedRegionValues.length == 0)\n // && (!this.selectedStateValues || this.selectedStateValues.length == 0)\n // && (!this.selectedDealerCodeValues || this.selectedDealerCodeValues.length == 0)\n // //&& (this.selectedCallTypeValues)\n // && (!this.selectedVerticalValues || this.selectedVerticalValues.length == 0)\n // && (!this.selectedLanguageValues || this.selectedLanguageValues.length == 0)\n // && (!this.selectedAccountValues || this.selectedAccountValues.length == 0)) {\n // //init filtered table and shorting\n // this.filteredDataSource = new MatTableDataSource(res['responseData']);\n // this.sort.direction = '';\n // this.filteredDataSource.sort = this.sort;\n // this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n // this.filteredDataSource.paginator = this.paginator;\n // }\n //this.spinner = false;\n //this.callsMadeCalculate(res['responseData']);\n //this.callListinfo();\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n this.callToggleStatus = true;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n this.callToggleStatus = true;\n });\n }\n\n setCallListData(flag: string) {\n let response;\n if(flag == 'Y') {\n response = this.commonService.prsCallListResponseData;\n }\n if (flag == 'Y') {\n this.callFlag = flag;\n this.callToggleStatus = true;\n } else {\n this.callFlag = flag;\n this.callToggleStatus = false;\n }\n\n if (response.length) {\n response.forEach(data => {\n // if ((data.accountType).toLowerCase() == \"lost\") {\n // let changeName = data.customerName.split(\" - L\")[0];\n // data.customerName = changeName;\n // }\n let inboundCustomer = data.customerName.includes(\"- I\");\n let stringPosition = data.customerName.length;\n let lostString = data.customerName[stringPosition - 3] + data.customerName[stringPosition - 2] + data.customerName[stringPosition - 1]\n if (inboundCustomer && lostString == \"- I\") {\n let changeName = data.customerName.split(\" - I\")[0];\n data.customerName = changeName;\n data.isInboundCall = true;\n }\n });\n this.callsToBeMade = response.length;\n this.dataSource = new MatTableDataSource(response);\n this.filteredDataSource = this.dataSource;\n this.sort.direction = '';\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.filterData();\n this.otherFilterApply();\n this.callListinfo();\n this.spinner = false;\n }\n }\n\n /**\n * Name: callsMadeCalculate\n * purpose: To get call made count\n * @param {Array} callsToBeMade - list of calls\n */\n callsMadeCalculate(callsToBeMade: any) {\n this.callsMade = 0;\n callsToBeMade.forEach(element => {\n let currentDate = \"\" + this.datePipe.transform(new Date(), \"yyyy-MM-dd\");\n // let reqDate = this.datePipe.transform((element.lastCallTime), \"yyyy-MM-dd\");\n // if (currentDate == reqDate) {\n // this.callsMade++;\n // }\n });\n }\n\n /**\n * Name: callListinfo\n * purpose: To get call count info\n */\n callListinfo(): void {\n this.spinner = true;\n this.commonService.prsCallListinfo(this.userId, this.roleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.customersToBeCalled = res['responseData'].callToBeMade;\n this.callsMade1 = res['responseData'].callMade;\n this.spinner = false;\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n //...\n });\n }\n\n /**\n * Name: selectCustomer\n * purpose: To select customer for details\n * @param {Object} row - selected customer details\n */\n selectCustomer(row: ListCustData): void {\n localStorage.setItem('customerId', row.customerId);\n //localStorage.setItem('custNotification', row.serviceType + \", \" + row.callStatusDesc);\n localStorage.setItem(\"vin\", row.vin);\n localStorage.setItem(\"dealerCode\", row.dealerCode);\n localStorage.setItem(\"customerData\", JSON.stringify(row));\n this.router.navigate(['prs-customer360']);\n }\n\n /**\n * Name: filterData\n * purpose: To filter call list data\n */\n filterData(): void {\n this.dataSource.filteredData.forEach(element => {\n this.uniqueRegionValue.add(element.dealerRegion);\n //this.uniqueCallType.add(element.callType);\n this.uniqueStateValue.add(element.dealerLocation);\n this.uniqueDealerCodeSet.add(element.dealerCode);\n this.uniqueVerticalValue.add(element.vertical);\n this.uniqueLanguage.add(element.custLanguage);\n this.uniqueAccountType.add(element.accountType);\n });\n this.uniqueDealerCode = Array.from(this.uniqueDealerCodeSet);\n this.uniqueDealerCodeCopy = this.uniqueDealerCode;\n let verticalArray = Array.from(this.uniqueVerticalValue);\n verticalArray.forEach((element,index)=>{\n\n if(element == null){\n verticalArray.splice(index,1);\n }\n });\n this.uniqueVerticalValueArray = verticalArray;\n localStorage.setItem(\"uniqueRegionValue\", JSON.stringify((this.uniqueRegionValue)));\n localStorage.setItem(\"uniqueVerticalValue\", JSON.stringify(this.uniqueVerticalValueArray));\n localStorage.setItem(\"uniqueDealerCode\", JSON.stringify(this.uniqueDealerCode));\n\n // if ((this.selectedRegionValues != null && this.selectedRegionValues.length != 0)\n // || (this.selectedStateValues != null && this.selectedStateValues.length != 0)\n // || (this.selectedDealerCodeValues != null && this.selectedDealerCodeValues.length != 0)\n // //|| (this.selectedCallTypeValues[0] != '1')\n // || (this.selectedVerticalValues != null && this.selectedVerticalValues.length != 0)\n // || (this.selectedLanguageValues != null && this.selectedLanguageValues.length != 0)\n // || (this.selectedAccountValues != null && this.selectedAccountValues.length != 0)) {\n // //this.filterTriggered(null);\n // this.applyfilter();\n // }\n }\n\n /**\n * Name: clearFilter\n * purpose: To clear filter\n */\n clearFilter(listChange:boolean, listType: string): void {\n if(listType=='X' && this.displayedColumns.filter(item => item == 'complaintId').length == 0){\n this.displayedColumns.push('complaintId');\n }\n if(listChange) {\n this.dataSource = [];\n this.filteredDataSource = [];\n this.filterValue();\n this.prepairCallList(listType,this.selectedCallType);\n } else {\n this.filterMap.clear();\n this.selectedCol = null;\n this.selectedColValues = null;\n this.selectedRegionValues = null;\n this.selectedStateValues = null;\n this.selectedDealerCodeValues = null;\n this.selectedVerticalValues = null;\n this.selectedLanguageValues = null;\n this.selectedAccountValues = null;\n if(this.selectedCallTypeValues == 'PRS-Post Repair Survey'){\n this.filterValue();\n this.prepairCallList(listType,this.selectedCallType);\n } else {\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.dataSource.filteredData, this.filterMap));\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n }\n this.selectedCallTypeValues = 'PRS-Post Repair Survey';\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.dataSource.filteredData, this.filterMap));\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n localStorage.removeItem('selectedRegionValues');\n localStorage.removeItem('selectedStateValues');\n localStorage.removeItem('selectedDealerCodeValues');\n localStorage.removeItem('selectedCallTypeValues');\n localStorage.removeItem('selectedVerticalValues');\n localStorage.removeItem('selectedLanguageValues');\n localStorage.removeItem('selectedAccountValues');\n localStorage.removeItem('selectedCol');\n localStorage.removeItem('selectedColValues');\n }\n }\n\n /**\n * Name: refreshCallList\n * purpose: To refresh call list\n */\n refreshCallList(): void {\n this.spinner = true;\n this.commonService.prscustomercallList('Y',this.selectedCallTypeValues, this.userId, this.roleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.dataSource = new MatTableDataSource(res['responseData']);\n this.callsToBeMade = res['responseData'].length;\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.callsMadeCalculate(res['responseData']);\n this.spinner = false;\n this.changeDetectorRefs.detectChanges();\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: changeColor\n * purpose: To change followup time color\n */\n changeColor(followUp:any): String {\n let currentTime = this.datePipe.transform(new Date(), \"yyyy-MM-dd HH:mm:ss \");\n\n if(followUp != null && followUp != undefined && followUp != \"\") {\n let followUpDateTime = this.datePipe.transform(followUp, \"yyyy-MM-dd HH:mm:ss\");\n if((new Date(currentTime)).getTime() > (new Date(followUpDateTime).getTime())){\n return \"red\";\n }\n }\n }\n\n onKey() : void {\n this.uniqueDealerCode = this.uniqueDealerCodeCopy;\n this.dealerCode = [];\n this.selectedDealer = this.selectedDealer.trim();\n this.dealerCode = this.uniqueDealerCode.filter(item =>\n item.toLowerCase().includes(this.selectedDealer.toLowerCase())\n );\n if(this.dealerCode.length > 0){\n this.closeInput();\n }\n this.uniqueDealerCode = [];\n this.uniqueDealerCode = this.dealerCode;\n }\n\n closeInput() : void {\n if(this.dealerCode.length == 0) {\n this.selectedDealer = '';\n this.uniqueDealerCode = this.uniqueDealerCodeCopy;\n }\n }\n\n searchfilter1(filterValue: string): void {\n this.filteredDataSource = this.filteredDataSourceCopy;\n if(filterValue != \"\") {\n filterValue = filterValue.trim(); // Remove whitespace\n filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n }\n this.filteredDataSource.filter = filterValue;\n this.filteredDataSourceLength = this.filteredDataSource.filteredData.length;\n if(filterValue == \"\") {\n this.filteredDataSource = this.filteredDataSourceCopy;\n }\n }\n}","export default \".working-area {\\n margin-bottom: 20px;\\n margin-left: 10px;\\n margin-top: 10px;\\n}\\n\\n.cust360-container {\\n margin: 115px 30px 30px 30px;\\n}\\n\\n.example-card1 {\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n}\\n\\n.example-card1 .fontClass {\\n display: inline-block;\\n}\\n\\n.example-card1 .inlineClass {\\n display: inline-block;\\n}\\n\\n.example-card2 {\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n border: none;\\n box-shadow: none;\\n padding: 0px;\\n}\\n\\n.survey {\\n margin-left: 15px;\\n font-size: 11px;\\n margin-bottom: 5px !important;\\n color: #707070;\\n}\\n\\n.fontClass {\\n font: Bold 12px/20px Roboto;\\n font-size: 12px;\\n color: #707070;\\n}\\n\\n.fontClassBold {\\n font-family: Bold 16px/22px Roboto;\\n color: #707070;\\n}\\n\\n.border {\\n border: 1px solid #707070;\\n font: 12px/18px Roboto;\\n color: #707070;\\n border-radius: 25px;\\n padding: 5px;\\n}\\n\\n.serv-heading {\\n width: 30%;\\n}\\n\\n.button {\\n text-align: center;\\n float: right;\\n font: Regular 16px/22px Roboto;\\n color: #ffffff;\\n border-radius: 0px;\\n}\\n\\n.recent {\\n color: #1acc04;\\n position: relative;\\n right: 15px;\\n font-size: 12px;\\n top: 0;\\n margin-bottom: 7px;\\n}\\n\\n.disabled {\\n opacity: 0.6;\\n}\\n\\n.checkalign {\\n padding-left: 15px !important;\\n padding-top: 20px !important;\\n}\\n\\n.vehicle-det-prs .checkalign {\\n padding-left: 15px !important;\\n padding-top: 20px !important;\\n}\\n\\n.vehicle-det .checkalign {\\n padding-left: 10px !important;\\n padding-top: 5px !important;\\n}\\n\\n.inlineClass {\\n display: inline;\\n font: Regular 14px Roboto;\\n font-size: 12px;\\n letter-spacing: 0px;\\n color: black;\\n opacity: 1;\\n}\\n\\np.inlineClass {\\n margin-top: 0px;\\n margin-bottom: 5px;\\n}\\n\\n.marginClass {\\n margin-left: 20px;\\n}\\n\\n.navbar {\\n padding-left: 10px;\\n padding-top: 10px;\\n font-size: 12px;\\n}\\n\\n.navbar a {\\n cursor: pointer;\\n}\\n\\n.example-radio-button {\\n font-size: 12px;\\n margin-left: 10px;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 5px;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-infix {\\n padding: 0.1375em 0;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-underline {\\n bottom: 0.25em;\\n height: 0px;\\n}\\n\\n.number-form ::ng-deep input.mat-input-element {\\n margin-top: 0px;\\n}\\n\\n.number-form {\\n width: 100%;\\n position: relative;\\n}\\n\\n.number-row {\\n width: 100%;\\n position: relative;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 2px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n font-size: 12px;\\n padding-bottom: 5px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n font-size: 13px;\\n}\\n\\n.fontClass {\\n font: Bold 14px/16px Roboto;\\n letter-spacing: 0px;\\n font-size: 12px;\\n color: #7b7a7a;\\n opacity: 1;\\n margin-bottom: 3px !important;\\n}\\n\\n.fontClassBold {\\n font-family: Bold 16px/22px Roboto;\\n color: #000000;\\n font-size: 12px;\\n font-weight: 500;\\n}\\n\\n.fontClassBold i {\\n color: #00457d;\\n margin-right: 5px;\\n}\\n\\n.border {\\n border: 1px solid #707070;\\n font: 12px/18px Roboto;\\n color: #707070;\\n border-radius: 25px;\\n padding: 5px;\\n}\\n\\n.button {\\n text-align: center;\\n float: right;\\n font: Regular 16px/22px Roboto;\\n color: #ffffff;\\n}\\n\\n.contact {\\n width: 100% !important;\\n margin-top: 20px;\\n}\\n\\n.contact .mat-tab-group {\\n min-height: 150px;\\n}\\n\\n.contact ::ng-deep .mat-tab-label {\\n height: 20px;\\n min-width: 90px;\\n color: #5482bc;\\n border: 1px solid lightgray;\\n font-size: 11px;\\n}\\n\\n.contact ::ng-deep .mat-tab-label-active {\\n background-color: #5482bc;\\n color: #ffffff;\\n opacity: 1;\\n}\\n\\n.contact ::ng-deep .mat-tab-header {\\n border: none;\\n}\\n\\n.contact ::ng-deep .mat-tab-list .mat-ink-bar {\\n height: 0px;\\n}\\n\\n.tabrow {\\n width: 100% !important;\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.align {\\n padding-left: 16px;\\n padding-top: 20px;\\n}\\n\\n.table-div {\\n padding: 10px;\\n}\\n\\n.calling-table {\\n width: 100%;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-label {\\n height: 35px;\\n padding: 0px 10px;\\n border-top-left-radius: 8px !important;\\n border-top-right-radius: 8px !important;\\n border-bottom-width: 1px;\\n border-color: #d3d3d3;\\n border-style: solid;\\n background-color: white;\\n margin-left: 3px;\\n color: black;\\n opacity: 1;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-label-active {\\n background-color: #00457d;\\n color: #ffffff;\\n opacity: 1;\\n border-style: none;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-header {\\n border: none;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-list .mat-ink-bar {\\n height: 0px;\\n}\\n\\n.table {\\n font-family: \\\"Trebuchet MS\\\", Arial, Helvetica, sans-serif;\\n border-collapse: collapse;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.table td,\\n.table th {\\n border: 1px solid lightgray;\\n padding: 5px;\\n width: auto;\\n font-size: 12px;\\n}\\n\\n.table tr:nth-child(even) {\\n background-color: #ffffff;\\n}\\n\\n.table tr:hover {\\n background-color: #ffffff;\\n}\\n\\n.table th {\\n padding-top: 5px;\\n padding-bottom: 5px;\\n text-align: left;\\n background-color: #d3d3d3;\\n color: black;\\n}\\n\\n.btn {\\n position: relative;\\n cursor: pointer;\\n overflow: hidden;\\n background-color: #00457d !important;\\n border-radius: 5px !important;\\n height: 25px;\\n}\\n\\n.btn p {\\n text-align: center;\\n text-transform: uppercase;\\n color: #fff;\\n position: relative;\\n z-index: 1;\\n transition: all 0.3s ease;\\n margin: auto;\\n font-size: 12px;\\n line-height: 10px;\\n}\\n\\n.btn-1 {\\n background-color: #ffffff !important;\\n color: #00457d !important;\\n border: 1px solid #00457d;\\n}\\n\\n.btn-1 p {\\n margin: auto;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.icon-background {\\n color: #00457d;\\n height: 13px !important;\\n width: 13px !important;\\n margin-right: 8px;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-label-active .mat-tab-label-content .icon-background {\\n color: #ffffff !important;\\n}\\n\\n.check-icon {\\n cursor: pointer;\\n color: #1acc04;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 25%;\\n margin-right: 18px;\\n margin-bottom: 5px !important;\\n}\\n\\n.cancle-icon {\\n cursor: pointer;\\n color: red;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 20%;\\n margin-bottom: 5px;\\n margin-left: 35px;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-ripple {\\n height: 0px !important;\\n}\\n\\n.input-border {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n width: 75% !important;\\n height: 25px;\\n padding-left: 5px;\\n margin-left: 5px;\\n}\\n\\n.input-border-d {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n width: 70% !important;\\n height: 25px;\\n padding-left: 5px;\\n margin-left: 5px;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 5px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-font.th {\\n color: black;\\n}\\n\\n.table-font.td {\\n color: #595959;\\n}\\n\\n.spinner_container {\\n background-color: rgba(33, 33, 33, 0.1);\\n position: absolute;\\n z-index: 100;\\n top: 0;\\n left: 0;\\n width: 100%;\\n min-height: 100%;\\n}\\n\\n.question {\\n font-size: 12px;\\n padding: 5px;\\n}\\n\\n.question .remark {\\n margin-left: 25px;\\n margin-top: 5px;\\n width: 70%;\\n border: 1px solid #d8d8d8;\\n padding: 4px;\\n border-radius: 3px;\\n padding-left: 10px;\\n font-size: 12px;\\n}\\n\\n.question input.remark::-webkit-input-placeholder {\\n font-size: 11px;\\n}\\n\\n.question input.remark::-moz-placeholder {\\n font-size: 11px;\\n}\\n\\n.question input.remark::-ms-input-placeholder {\\n font-size: 11px;\\n}\\n\\n.question input.remark::placeholder {\\n font-size: 11px;\\n}\\n\\n.question bar-rating {\\n margin-left: 25px;\\n}\\n\\n.question-back {\\n background-color: #f2f2f2;\\n}\\n\\n.m-t-10 {\\n margin-top: 10px;\\n}\\n\\n.m-l-25 {\\n padding-left: 25px;\\n}\\n\\n.filter1 {\\n margin-left: 25px;\\n margin-top: 5px;\\n}\\n\\n.search-card .filter1 {\\n margin-left: 0px;\\n margin-top: 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n font-size: 12px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 4px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 5px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.question mat-error {\\n color: #ff0000;\\n font-size: 10px;\\n margin-top: 0px !important;\\n}\\n\\n#callDialog {\\n box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);\\n padding: 10px;\\n background-color: #ffffff;\\n position: fixed;\\n width: 35%;\\n height: 360px;\\n}\\n\\n.close-con {\\n float: right;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.call-header {\\n font-family: Bold 16px/22px Roboto;\\n font-size: 12px;\\n}\\n\\n.call-header i {\\n color: #00457d;\\n}\\n\\n.rect2 {\\n width: 100%;\\n background: #eaeaea;\\n}\\n\\n.rect3 {\\n padding-top: 25px;\\n padding-right: 0px;\\n padding-left: 0px;\\n padding-bottom: 0px;\\n width: 100%;\\n font-size: 12px;\\n background: #ffffff;\\n}\\n\\n.rect3 .button {\\n float: right;\\n margin-right: 8px;\\n margin-top: 5px;\\n}\\n\\n.rect4 {\\n width: 100%;\\n font-size: 12px;\\n padding-bottom: 0px;\\n}\\n\\n.rect5 {\\n float: left;\\n width: 100%;\\n}\\n\\n.text-pp {\\n width: 100%;\\n}\\n\\n.call-popup-save {\\n float: right;\\n margin-right: 20px;\\n margin-bottom: 10px;\\n}\\n\\n.icons .fa-phone {\\n transform: rotate(135deg);\\n}\\n\\n.icons .fa-microphone-slash,\\n.icons .fa-phone {\\n font-size: 24px;\\n}\\n\\n.icons .button {\\n margin: 5px;\\n}\\n\\n.icons {\\n margin-top: 25px;\\n padding-left: 29%;\\n}\\n\\n.hang-btn {\\n color: red !important;\\n border-color: red !important;\\n}\\n\\n.classtext1 {\\n font-weight: bold;\\n}\\n\\n.timestamp {\\n font-size: 11px;\\n margin-left: 10px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #000000;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #00457d;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 20px;\\n}\\n\\n.btn {\\n position: relative;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n overflow: hidden;\\n background-color: #00457d !important;\\n height: 24px;\\n line-height: 10px;\\n}\\n\\n.mat-button {\\n border-radius: 0px;\\n float: right;\\n}\\n\\n.btn p {\\n text-align: center;\\n text-transform: uppercase;\\n color: #fff;\\n position: relative;\\n z-index: 1;\\n transition: all 0.3s ease;\\n margin: auto;\\n font-size: 12px;\\n}\\n\\n.btn-1 {\\n background-color: #ffffff !important;\\n color: #e64243 !important;\\n border: 1px solid #e64243;\\n}\\n\\n.btn-1 p {\\n margin: auto;\\n}\\n\\n.dropdown-pp1 .mat-form-field-infix {\\n height: 21px !important;\\n width: 100%;\\n padding-bottom: 0px !important;\\n}\\n\\n.dropdown-pp1 .mat-form-field {\\n width: 100%;\\n}\\n\\n.dropdown-pp1 .ng-star-inserted {\\n width: 99%;\\n}\\n\\n.profile-pp1 .mat-form-field-wrapper {\\n padding-bottom: 0px;\\n}\\n\\n.profile-pp1 .mat-label {\\n padding-top: 6px;\\n}\\n\\n.dropdown-border {\\n border-style: solid solid solid solid !important;\\n border-width: 1px;\\n border-radius: 5px;\\n border-color: gray;\\n height: 28px;\\n padding-left: 8px;\\n padding-top: 6px;\\n margin-top: 0px;\\n}\\n\\n.textfield-border {\\n border-style: solid solid solid solid !important;\\n border-width: 1px;\\n border-radius: 5px;\\n border-color: gray;\\n}\\n\\n#callDialog mat-error {\\n color: #ff0000;\\n font-size: 10px;\\n margin-top: -12px !important;\\n}\\n\\n.cus360Td {\\n font-size: 11px;\\n font-family: poppins;\\n}\\n\\n.error {\\n color: #ff0000;\\n font-size: 10px;\\n}\\n\\n.searchfilter {\\n width: 90%;\\n height: 30px;\\n margin-left: 10px;\\n font-size: 12px;\\n border: 0;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvcHJzLWN1c3RvbWVyMzYwL3Bycy1jdXN0b21lcjM2MC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50L3Bycy1jdXN0b21lcjM2MC9wcnMtY3VzdG9tZXIzNjAuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxtQkFBQTtFQUNBLGlCQUFBO0VBQ0EsZ0JBQUE7QUNDSjs7QURFQTtFQUNJLDRCQUFBO0FDQ0o7O0FERUE7RUFDSSxjQUFBO0VBQ0EsaUJBQUE7RUFDQSxrQkFBQTtBQ0NKOztBREVBO0VBQ0kscUJBQUE7QUNDSjs7QURFQTtFQUNJLHFCQUFBO0FDQ0o7O0FERUE7RUFDSSxjQUFBO0VBQ0EsaUJBQUE7RUFDQSxrQkFBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNBLFlBQUE7QUNDSjs7QURFQTtFQUNJLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLDZCQUFBO0VBQ0EsY0FBQTtBQ0NKOztBREVBO0VBQ0ksMkJBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtBQ0NKOztBREVBO0VBQ0ksa0NBQUE7RUFDQSxjQUFBO0FDQ0o7O0FERUE7RUFDSSx5QkFBQTtFQUNBLHNCQUFBO0VBQ0EsY0FBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtBQ0NKOztBREVBO0VBQ0ksVUFBQTtBQ0NKOztBREVBO0VBQ0ksa0JBQUE7RUFDQSxZQUFBO0VBQ0EsOEJBQUE7RUFDQSxjQUFBO0VBQ0Esa0JBQUE7QUNDSjs7QURFQTtFQUNJLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0VBQ0EsTUFBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSxZQUFBO0FDQ0o7O0FERUE7RUFDSSw2QkFBQTtFQUNBLDRCQUFBO0FDQ0o7O0FERUE7RUFDSSw2QkFBQTtFQUNBLDRCQUFBO0FDQ0o7O0FERUE7RUFDSSw2QkFBQTtFQUNBLDJCQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0VBQ0EseUJBQUE7RUFDQSxlQUFBO0VBQ0EsbUJBQUE7RUFDQSxZQUFBO0VBQ0EsVUFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksa0JBQUE7RUFDQSxpQkFBQTtFQUNBLGVBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksbUJBQUE7QUNDSjs7QURFQTtFQUNJLG1CQUFBO0FDQ0o7O0FER0E7RUFDSSxjQUFBO0VBQ0EsV0FBQTtBQ0FKOztBREdBO0VBQ0ksZUFBQTtBQ0FKOztBREdBO0VBQ0ksV0FBQTtFQUNBLGtCQUFBO0FDQUo7O0FER0E7RUFDSSxXQUFBO0VBQ0Esa0JBQUE7QUNBSjs7QURJQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUNBLFVBQUE7RUFDQSxZQUFBO0FDREo7O0FES0E7RUFDSSxnQkFBQTtBQ0ZKOztBREtBO0VBQ0ksaUJBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0FDRko7O0FES0E7RUFDSSxVQUFBO0FDRko7O0FES0E7RUFDSSxNQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDRko7O0FES0E7RUFDSSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksYUFBQTtBQ0ZKOztBREtBO0VBQ0ksTUFBQTtFQUNBLDBCQUFBO0VBQ0EsaUJBQUE7QUNGSjs7QURLQTtFQUNJLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtBQ0ZKOztBREtBO0VBQ0ksMkJBQUE7RUFDQSxtQkFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLDZCQUFBO0FDRko7O0FES0E7RUFDSSxrQ0FBQTtFQUNBLGNBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7QUNGSjs7QURHSTtFQUNJLGNBQUE7RUFDQSxpQkFBQTtBQ0RSOztBREtBO0VBQ0kseUJBQUE7RUFDQSxzQkFBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7QUNGSjs7QURLQTtFQUNJLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLDhCQUFBO0VBQ0EsY0FBQTtBQ0ZKOztBREtBO0VBQ0ksc0JBQUE7RUFDQSxnQkFBQTtBQ0ZKOztBREtBO0VBQ0ksaUJBQUE7QUNGSjs7QURLQTtFQUNJLFlBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtFQUNBLDJCQUFBO0VBQ0EsZUFBQTtBQ0ZKOztBREtBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtBQ0ZKOztBREtBO0VBQ0ksWUFBQTtBQ0ZKOztBREtBO0VBQ0ksV0FBQTtBQ0ZKOztBREtBO0VBQ0ksc0JBQUE7RUFDQSxnQkFBQTtFQUNBLG1CQUFBO0FDRko7O0FES0E7RUFDSSxrQkFBQTtFQUNBLGlCQUFBO0FDRko7O0FES0E7RUFDSSxhQUFBO0FDRko7O0FES0E7RUFDSSxXQUFBO0FDRko7O0FES0E7RUFDSSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxzQ0FBQTtFQUNBLHVDQUFBO0VBQ0Esd0JBQUE7RUFDQSxxQkFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxnQkFBQTtFQUNBLFlBQUE7RUFDQSxVQUFBO0FDRko7O0FETUE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7QUNISjs7QURNQTtFQUNJLFlBQUE7QUNISjs7QURNQTtFQUNJLFdBQUE7QUNISjs7QURPQTtFQUNJLHlEQUFBO0VBQ0EseUJBQUE7RUFDQSxXQUFBO0VBQ0EsZ0JBQUE7QUNKSjs7QURPQTs7RUFFSSwyQkFBQTtFQUNBLFlBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtBQ0pKOztBRE9BO0VBQ0kseUJBQUE7QUNKSjs7QURPQTtFQUNJLHlCQUFBO0FDSko7O0FET0E7RUFDSSxnQkFBQTtFQUNBLG1CQUFBO0VBQ0EsZ0JBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7QUNKSjs7QURRQTtFQUVJLGtCQUFBO0VBQ0EsZUFBQTtFQUVBLGdCQUFBO0VBQ0Esb0NBQUE7RUFDQSw2QkFBQTtFQUNBLFlBQUE7QUNQSjs7QURVQTtFQUNJLGtCQUFBO0VBQ0EseUJBQUE7RUFDQSxXQUFBO0VBQ0Esa0JBQUE7RUFDQSxVQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGlCQUFBO0FDUEo7O0FEVUE7RUFDSSxvQ0FBQTtFQUNBLHlCQUFBO0VBQ0EseUJBQUE7QUNQSjs7QURVQTtFQUNJLFlBQUE7QUNQSjs7QURVQTtFQUNJLHFDQUFBO0VBQ0EsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLHVCQUFBO0FDUEo7O0FEVUE7RUFDSSxjQUFBO0VBQ0EsdUJBQUE7RUFDQSxzQkFBQTtFQUNBLGlCQUFBO0FDUEo7O0FEVUE7RUFDSSx5QkFBQTtBQ1BKOztBRFVBO0VBQ0ksZUFBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtFQUNBLGtCQUFBO0VBQ0EsNkJBQUE7QUNQSjs7QURVQTtFQUNJLGVBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7RUFDQSxVQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0FDUEo7O0FEVUE7RUFDSSxzQkFBQTtBQ1BKOztBRFVBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLHFCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsZ0JBQUE7QUNQSjs7QURVQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxxQkFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGdCQUFBO0FDUEo7O0FEVUE7OztFQUdJLFlBQUE7RUFDQSxtQ0FBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7QUNQSjs7QURVQTtFQUNJLFlBQUE7QUNQSjs7QURVQTtFQUNJLGNBQUE7QUNQSjs7QURVQTtFQUNJLHVDQUFBO0VBQ0Esa0JBQUE7RUFDQSxZQUFBO0VBQ0EsTUFBQTtFQUNBLE9BQUE7RUFDQSxXQUFBO0VBQ0EsZ0JBQUE7QUNQSjs7QURVQTtFQUNJLGVBQUE7RUFDQSxZQUFBO0FDUEo7O0FEUUk7RUFDSSxpQkFBQTtFQUNBLGVBQUE7RUFDQSxVQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7QUNOUjs7QURRSTtFQUNJLGVBQUE7QUNOUjs7QURLSTtFQUNJLGVBQUE7QUNOUjs7QURLSTtFQUNJLGVBQUE7QUNOUjs7QURLSTtFQUNJLGVBQUE7QUNOUjs7QURRSTtFQUNJLGlCQUFBO0FDTlI7O0FEVUE7RUFDSSx5QkFBQTtBQ1BKOztBRFVBO0VBQ0ksZ0JBQUE7QUNQSjs7QURVQTtFQUNJLGtCQUFBO0FDUEo7O0FEV0E7RUFDSSxpQkFBQTtFQUNBLGVBQUE7QUNSSjs7QURXQTtFQUNJLGdCQUFBO0VBQ0EsZUFBQTtBQ1JKOztBRFdBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0VBQ0EsVUFBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0FDUko7O0FEWUE7RUFFSSxnQkFBQTtBQ1ZKOztBRGFBO0VBQ0ksaUJBQUE7RUFFQSxXQUFBO0FDWEo7O0FEY0E7RUFDSSxVQUFBO0FDWEo7O0FEZ0JBO0VBQ0ksTUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ2JKOztBRGdCQTtFQUNJLGlCQUFBO0FDYko7O0FEZ0JBO0VBQ0ksYUFBQTtBQ2JKOztBRGdCQTtFQUNJLE1BQUE7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0FDYko7O0FEZ0JBO0VBQ0ksc0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7QUNiSjs7QURpQkk7RUFDSSxjQUFBO0VBQ0EsZUFBQTtFQUNBLDBCQUFBO0FDZFI7O0FEbUJBO0VBQ0ksaUpBQUE7RUFDQSxhQUFBO0VBQ0EseUJBQUE7RUFDQSxlQUFBO0VBQ0EsVUFBQTtFQUNBLGFBQUE7QUNoQko7O0FEbUJBO0VBQ0ksWUFBQTtFQUNBLGVBQUE7RUFDQSxlQUFBO0FDaEJKOztBRG1CQTtFQUNJLFdBQUE7QUNoQko7O0FEbUJBO0VBQ0ksa0NBQUE7RUFDQSxlQUFBO0FDaEJKOztBRGlCSTtFQUNJLGNBQUE7QUNmUjs7QURtQkE7RUFDSSxXQUFBO0VBQ0EsbUJBQUE7QUNoQko7O0FEbUJBO0VBQ0ksaUJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0VBQ0EsbUJBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0FDaEJKOztBRG1CQTtFQUNJLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGVBQUE7QUNoQko7O0FEbUJBO0VBQ0ksV0FBQTtFQUNBLGVBQUE7RUFDQSxtQkFBQTtBQ2hCSjs7QURtQkE7RUFDSSxXQUFBO0VBQ0EsV0FBQTtBQ2hCSjs7QURtQkE7RUFDSSxXQUFBO0FDaEJKOztBRG1CQTtFQUNJLFlBQUE7RUFDQSxrQkFBQTtFQUNBLG1CQUFBO0FDaEJKOztBRG1CQTtFQUNJLHlCQUFBO0FDaEJKOztBRG1CQTs7RUFFSSxlQUFBO0FDaEJKOztBRG1CQTtFQUNJLFdBQUE7QUNoQko7O0FEbUJBO0VBQ0ksZ0JBQUE7RUFDQSxpQkFBQTtBQ2hCSjs7QURtQkE7RUFDSSxxQkFBQTtFQUNBLDRCQUFBO0FDaEJKOztBRG1CQTtFQUNJLGlCQUFBO0FDaEJKOztBRG1CQTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtBQ2hCSjs7QURtQkE7RUFDSSxrQkFBQTtBQ2hCSjs7QURtQkE7RUFDSSx5QkFBQTtFQUNBLGNBQUE7QUNoQko7O0FEbUJBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0FDaEJKOztBRG1CQTtFQUNJLGlCQUFBO0FDaEJKOztBRG9CQTtFQUNJLGtCQUFBO0VBQ0EsZUFBQTtFQUNBLHlCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxvQ0FBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtBQ2pCSjs7QURvQkE7RUFDSSxrQkFBQTtFQUNBLFlBQUE7QUNqQko7O0FEb0JBO0VBQ0ksa0JBQUE7RUFDQSx5QkFBQTtFQUNBLFdBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0FDakJKOztBRG9CQTtFQUNJLG9DQUFBO0VBQ0EseUJBQUE7RUFDQSx5QkFBQTtBQ2pCSjs7QURvQkE7RUFDSSxZQUFBO0FDakJKOztBRG9CQTtFQUNJLHVCQUFBO0VBQ0EsV0FBQTtFQUNBLDhCQUFBO0FDakJKOztBRG9CQTtFQUNJLFdBQUE7QUNqQko7O0FEb0JBO0VBQ0ksVUFBQTtBQ2pCSjs7QURvQkE7RUFDSSxtQkFBQTtBQ2pCSjs7QURvQkE7RUFDSSxnQkFBQTtBQ2pCSjs7QURvQkE7RUFDSSxnREFBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtBQ2pCSjs7QURvQkE7RUFDSSxnREFBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBQ2pCSjs7QURxQkE7RUFDSSxjQUFBO0VBQ0EsZUFBQTtFQUNBLDRCQUFBO0FDbEJKOztBRHFCQTtFQUNJLGVBQUE7RUFDQSxvQkFBQTtBQ2xCSjs7QURxQkE7RUFDSSxjQUFBO0VBQ0EsZUFBQTtBQ2xCSjs7QURxQkE7RUFDSSxVQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLFNBQUE7QUNsQkoiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnQvcHJzLWN1c3RvbWVyMzYwL3Bycy1jdXN0b21lcjM2MC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53b3JraW5nLWFyZWEge1xuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgbWFyZ2luLXRvcDogMTBweDtcbn1cblxuLmN1c3QzNjAtY29udGFpbmVyIHtcbiAgICBtYXJnaW46IDExNXB4IDMwcHggMzBweCAzMHB4O1xufVxuXG4uZXhhbXBsZS1jYXJkMSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xufVxuXG4uZXhhbXBsZS1jYXJkMSAuZm9udENsYXNzIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5leGFtcGxlLWNhcmQxIC5pbmxpbmVDbGFzcyB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuXG4uZXhhbXBsZS1jYXJkMiB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIHBhZGRpbmc6IDBweDtcbn1cblxuLnN1cnZleSB7XG4gICAgbWFyZ2luLWxlZnQ6IDE1cHg7XG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIG1hcmdpbi1ib3R0b206IDVweCAhaW1wb3J0YW50O1xuICAgIGNvbG9yOiAjNzA3MDcwO1xufVxuXG4uZm9udENsYXNzIHtcbiAgICBmb250OiBCb2xkIDEycHgvMjBweCBSb2JvdG87XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGNvbG9yOiAjNzA3MDcwO1xufVxuXG4uZm9udENsYXNzQm9sZCB7XG4gICAgZm9udC1mYW1pbHk6IEJvbGQgMTZweC8yMnB4IFJvYm90bztcbiAgICBjb2xvcjogIzcwNzA3MDtcbn1cblxuLmJvcmRlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzcwNzA3MDtcbiAgICBmb250OiAxMnB4LzE4cHggUm9ib3RvO1xuICAgIGNvbG9yOiAjNzA3MDcwO1xuICAgIGJvcmRlci1yYWRpdXM6IDI1cHg7XG4gICAgcGFkZGluZzogNXB4O1xufVxuXG4uc2Vydi1oZWFkaW5nIHtcbiAgICB3aWR0aDogMzAlO1xufVxuXG4uYnV0dG9uIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTZweC8yMnB4IFJvYm90bztcbiAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XG59XG5cbi5yZWNlbnQge1xuICAgIGNvbG9yOiAjMWFjYzA0O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICByaWdodDogMTVweDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDdweDtcbn1cblxuLmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAwLjY7XG59XG5cbi5jaGVja2FsaWduIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLXRvcDogMjBweCAhaW1wb3J0YW50O1xufVxuXG4udmVoaWNsZS1kZXQtcHJzIC5jaGVja2FsaWduIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLXRvcDogMjBweCAhaW1wb3J0YW50O1xufVxuXG4udmVoaWNsZS1kZXQgLmNoZWNrYWxpZ24ge1xuICAgIHBhZGRpbmctbGVmdDogMTBweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctdG9wOiA1cHggIWltcG9ydGFudDtcbn1cblxuLmlubGluZUNsYXNzIHtcbiAgICBkaXNwbGF5OiBpbmxpbmU7XG4gICAgZm9udDogUmVndWxhciAxNHB4IFJvYm90bztcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBjb2xvcjogYmxhY2s7XG4gICAgb3BhY2l0eTogMTtcbn1cblxucC5pbmxpbmVDbGFzcyB7XG4gICAgbWFyZ2luLXRvcDogMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDVweDtcbn1cblxuLm1hcmdpbkNsYXNzIHtcbiAgICBtYXJnaW4tbGVmdDogMjBweDtcbn1cblxuLm5hdmJhciB7XG4gICAgcGFkZGluZy1sZWZ0OiAxMHB4O1xuICAgIHBhZGRpbmctdG9wOiAxMHB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLm5hdmJhciBhIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5leGFtcGxlLXJhZGlvLWJ1dHRvbiB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogNXB4O1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgcGFkZGluZzogMC4xMzc1ZW0gMDtcbiAgICAvL2JvcmRlcjogc29saWQ7XG59XG5cbi5udW1iZXItZm9ybSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gICAgYm90dG9tOiAwLjI1ZW07XG4gICAgaGVpZ2h0OiAwcHg7XG59XG5cbi5udW1iZXItZm9ybSA6Om5nLWRlZXAgaW5wdXQubWF0LWlucHV0LWVsZW1lbnQge1xuICAgIG1hcmdpbi10b3A6IDBweDtcbn1cblxuLm51bWJlci1mb3JtIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5udW1iZXItcm93IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi8vY3VzdG9tIG1hdC1zZWxlY3Rcbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgcGFkZGluZzogMDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgLy9mb250LXNpemU6IDEycHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gICAgcGFkZGluZzogMnB4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogNXB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICAgIHdpZHRoOiA5MCU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gICAgdG9wOiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbi10b3A6IDRweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzYzNjM2M7XG4gICAgb3BhY2l0eTogMTtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgZm9udC1zaXplOiAxM3B4O1xufVxuXG4uZm9udENsYXNzIHtcbiAgICBmb250OiBCb2xkIDE0cHgvMTZweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgY29sb3I6ICM3YjdhN2E7XG4gICAgb3BhY2l0eTogMTtcbiAgICBtYXJnaW4tYm90dG9tOiAzcHggIWltcG9ydGFudDtcbn1cblxuLmZvbnRDbGFzc0JvbGQge1xuICAgIGZvbnQtZmFtaWx5OiBCb2xkIDE2cHgvMjJweCBSb2JvdG87XG4gICAgY29sb3I6ICMwMDAwMDA7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgaSB7XG4gICAgICAgIGNvbG9yOiAjMDA0NTdkO1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICB9XG59XG5cbi5ib3JkZXIge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICM3MDcwNzA7XG4gICAgZm9udDogMTJweC8xOHB4IFJvYm90bztcbiAgICBjb2xvcjogIzcwNzA3MDtcbiAgICBib3JkZXItcmFkaXVzOiAyNXB4O1xuICAgIHBhZGRpbmc6IDVweDtcbn1cblxuLmJ1dHRvbiB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBmb250OiBSZWd1bGFyIDE2cHgvMjJweCBSb2JvdG87XG4gICAgY29sb3I6ICNmZmZmZmY7XG59XG5cbi5jb250YWN0IHtcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgIG1hcmdpbi10b3A6IDIwcHg7XG59XG5cbi5jb250YWN0IC5tYXQtdGFiLWdyb3VwIHtcbiAgICBtaW4taGVpZ2h0OiAxNTBweDtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgbWluLXdpZHRoOiA5MHB4O1xuICAgIGNvbG9yOiAjNTQ4MmJjO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICBmb250LXNpemU6IDExcHg7XG59XG5cbi5jb250YWN0IDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbC1hY3RpdmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NDgyYmM7XG4gICAgY29sb3I6ICNmZmZmZmY7XG4gICAgb3BhY2l0eTogMTtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWhlYWRlciB7XG4gICAgYm9yZGVyOiBub25lO1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGlzdCAubWF0LWluay1iYXIge1xuICAgIGhlaWdodDogMHB4O1xufVxuXG4udGFicm93IHtcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgIG1hcmdpbi10b3A6IDIwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMjBweDtcbn1cblxuLmFsaWduIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDE2cHg7XG4gICAgcGFkZGluZy10b3A6IDIwcHg7XG59XG5cbi50YWJsZS1kaXYge1xuICAgIHBhZGRpbmc6IDEwcHg7XG59XG5cbi5jYWxsaW5nLXRhYmxlIHtcbiAgICB3aWR0aDogMTAwJTtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwge1xuICAgIGhlaWdodDogMzVweDtcbiAgICBwYWRkaW5nOiAwcHggMTBweDtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA4cHggIWltcG9ydGFudDtcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogOHB4ICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyLWJvdHRvbS13aWR0aDogMXB4O1xuICAgIGJvcmRlci1jb2xvcjogI2QzZDNkMztcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgY29sb3I6IGJsYWNrO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgLy8gZm9udC1zaXplOiAxM3B4ICFpbXBvcnRhbnQ7O1xufVxuXG4udGFicm93IDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbC1hY3RpdmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N2Q7XG4gICAgY29sb3I6ICNmZmZmZmY7XG4gICAgb3BhY2l0eTogMTtcbiAgICBib3JkZXItc3R5bGU6IG5vbmU7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWhlYWRlciB7XG4gICAgYm9yZGVyOiBub25lO1xufVxuXG4udGFicm93IDo6bmctZGVlcCAubWF0LXRhYi1saXN0IC5tYXQtaW5rLWJhciB7XG4gICAgaGVpZ2h0OiAwcHg7XG59XG5cbi8vdGFibGVcbi50YWJsZSB7XG4gICAgZm9udC1mYW1pbHk6IFwiVHJlYnVjaGV0IE1TXCIsIEFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4udGFibGUgdGQsXG4udGFibGUgdGgge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgd2lkdGg6IGF1dG87XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4udGFibGUgdHI6bnRoLWNoaWxkKGV2ZW4pIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xufVxuXG4udGFibGUgdHI6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi50YWJsZSB0aCB7XG4gICAgcGFkZGluZy10b3A6IDVweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogNXB4O1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2QzZDNkMztcbiAgICBjb2xvcjogYmxhY2s7XG59XG5cbi8vc2xpZGluZyBidG5cbi5idG4ge1xuICAgIC8vYm9yZGVyLWxlZnQ6IDRweCBzb2xpZCAjMmUzNjY4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgLy90cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3ZCAhaW1wb3J0YW50O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xuICAgIGhlaWdodDogMjVweDtcbn1cblxuLmJ0biBwIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBjb2xvcjogI2ZmZjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuICAgIG1hcmdpbjogYXV0bztcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgbGluZS1oZWlnaHQ6IDEwcHg7XG59XG5cbi5idG4tMSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICAgIGNvbG9yOiAjMDA0NTdkICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzAwNDU3ZDtcbn1cblxuLmJ0bi0xIHAge1xuICAgIG1hcmdpbjogYXV0bztcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uaWNvbi1iYWNrZ3JvdW5kIHtcbiAgICBjb2xvcjogIzAwNDU3ZDtcbiAgICBoZWlnaHQ6IDEzcHggIWltcG9ydGFudDtcbiAgICB3aWR0aDogMTNweCAhaW1wb3J0YW50O1xuICAgIG1hcmdpbi1yaWdodDogOHB4O1xufVxuXG4udGFicm93IDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbC1hY3RpdmUgLm1hdC10YWItbGFiZWwtY29udGVudCAuaWNvbi1iYWNrZ3JvdW5kIHtcbiAgICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uY2hlY2staWNvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiAjMWFjYzA0O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICB0b3A6IDI1JTtcbiAgICBtYXJnaW4tcmlnaHQ6IDE4cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogNXB4ICFpbXBvcnRhbnQ7XG59XG5cbi5jYW5jbGUtaWNvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiByZWQ7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA1cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRvcDogMjAlO1xuICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICBtYXJnaW4tbGVmdDogMzVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtcmlwcGxlIHtcbiAgICBoZWlnaHQ6IDBweCAhaW1wb3J0YW50O1xufVxuXG4uaW5wdXQtYm9yZGVyIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIHdpZHRoOiA3NSUgIWltcG9ydGFudDtcbiAgICBoZWlnaHQ6IDI1cHg7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmlucHV0LWJvcmRlci1kIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIHdpZHRoOiA3MCUgIWltcG9ydGFudDtcbiAgICBoZWlnaHQ6IDI1cHg7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtZm9udC50aCB7XG4gICAgY29sb3I6IGJsYWNrO1xufVxuXG4udGFibGUtZm9udC50ZCB7XG4gICAgY29sb3I6ICM1OTU5NTk7XG59XG5cbi5zcGlubmVyX2NvbnRhaW5lciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDMzIDMzIDMzIC8gMTAlKTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTAwO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG59XG5cbi5xdWVzdGlvbiB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICAucmVtYXJrIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDI1cHg7XG4gICAgICAgIG1hcmdpbi10b3A6IDVweDtcbiAgICAgICAgd2lkdGg6IDcwJTtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2Q4ZDhkODtcbiAgICAgICAgcGFkZGluZzogNHB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMTBweDtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgIH1cbiAgICBpbnB1dC5yZW1hcms6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgZm9udC1zaXplOiAxMXB4O1xuICAgIH1cbiAgICBiYXItcmF0aW5nIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDI1cHg7XG4gICAgfVxufVxuXG4ucXVlc3Rpb24tYmFjayB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbn1cblxuLm0tdC0xMCB7XG4gICAgbWFyZ2luLXRvcDogMTBweDtcbn1cblxuLm0tbC0yNSB7XG4gICAgcGFkZGluZy1sZWZ0OiAyNXB4O1xufVxuXG4vL2N1c3RvbSBtYXQtc2VsZWN0XG4uZmlsdGVyMSB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1cHg7XG4gICAgbWFyZ2luLXRvcDogNXB4O1xufVxuXG4uc2VhcmNoLWNhcmQgLmZpbHRlcjEge1xuICAgIG1hcmdpbi1sZWZ0OiAwcHg7XG4gICAgbWFyZ2luLXRvcDogMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAvL3dpZHRoOiAyNDBweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xuICAgIC8vd2lkdGg6IDI0MHB4ICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogNHB4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xuICAgIC8vcGFkZGluZy1ib3R0b206IDJweDtcbiAgICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgICB3aWR0aDogOTAlO1xuICAgIC8vcGFkZGluZy1ib3R0b206IDVweDtcbiAgICAvL21hcmdpbi1ib3R0b206IDVweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgICB0b3A6IDA7XG4gICAgcGFkZGluZy10b3A6IDA7XG4gICAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICB0b3A6IDA7XG4gICAgbWFyZ2luLXRvcDogNXB4ICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICAgIGZvbnQ6IEJvbGQgMTRweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBjb2xvcjogIzNjM2MzYztcbiAgICBvcGFjaXR5OiAxO1xuICAgIG1hcmdpbi1ib3R0b206IDVweDtcbn1cblxuLnF1ZXN0aW9uIHtcbiAgICBtYXQtZXJyb3Ige1xuICAgICAgICBjb2xvcjogI2ZmMDAwMDtcbiAgICAgICAgZm9udC1zaXplOiAxMHB4O1xuICAgICAgICBtYXJnaW4tdG9wOiAwcHggIWltcG9ydGFudDtcbiAgICB9XG59XG5cbi8vY2FsbGluZyBkYWlsb2dcbiNjYWxsRGlhbG9nIHtcbiAgICBib3gtc2hhZG93OiAwIDFweCAycHggMXB4IHJnYmEoMCwgMCwgMCwgMC4yKSwgMCAycHggMXB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgIHBhZGRpbmc6IDEwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgd2lkdGg6IDM1JTtcbiAgICBoZWlnaHQ6IDM2MHB4O1xufVxuXG4uY2xvc2UtY29uIHtcbiAgICBmbG9hdDogcmlnaHQ7XG4gICAgZm9udC1zaXplOiAxOHB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbn1cblxudGFibGUge1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbC1oZWFkZXIge1xuICAgIGZvbnQtZmFtaWx5OiBCb2xkIDE2cHgvMjJweCBSb2JvdG87XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGkge1xuICAgICAgICBjb2xvcjogIzAwNDU3ZDtcbiAgICB9XG59XG5cbi5yZWN0MiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogI2VhZWFlYTtcbn1cblxuLnJlY3QzIHtcbiAgICBwYWRkaW5nLXRvcDogMjVweDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwcHg7XG4gICAgcGFkZGluZy1sZWZ0OiAwcHg7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgYmFja2dyb3VuZDogI2ZmZmZmZjtcbn1cblxuLnJlY3QzIC5idXR0b24ge1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgICBtYXJnaW4tdG9wOiA1cHg7XG59XG5cbi5yZWN0NCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5yZWN0NSB7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi50ZXh0LXBwIHtcbiAgICB3aWR0aDogMTAwJTtcbn1cblxuLmNhbGwtcG9wdXAtc2F2ZSB7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIG1hcmdpbi1yaWdodDogMjBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xufVxuXG4uaWNvbnMgLmZhLXBob25lIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxMzVkZWcpO1xufVxuXG4uaWNvbnMgLmZhLW1pY3JvcGhvbmUtc2xhc2gsXG4uaWNvbnMgLmZhLXBob25lIHtcbiAgICBmb250LXNpemU6IDI0cHg7XG59XG5cbi5pY29ucyAuYnV0dG9uIHtcbiAgICBtYXJnaW46IDVweDtcbn1cblxuLmljb25zIHtcbiAgICBtYXJnaW4tdG9wOiAyNXB4O1xuICAgIHBhZGRpbmctbGVmdDogMjklO1xufVxuXG4uaGFuZy1idG4ge1xuICAgIGNvbG9yOiByZWQgIWltcG9ydGFudDtcbiAgICBib3JkZXItY29sb3I6IHJlZCAhaW1wb3J0YW50O1xufVxuXG4uY2xhc3N0ZXh0MSB7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi50aW1lc3RhbXAge1xuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXAge1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgY29sb3I6ICMwMDAwMDA7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWNoZWNrZWQge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N2Q7XG4gICAgY29sb3I6ICNmZmZmZmY7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWxhYmVsLWNvbnRlbnQge1xuICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xufVxuXG4vL3NsaWRpbmcgYnRuXG4uYnRuIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdkICFpbXBvcnRhbnQ7XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxMHB4O1xufVxuXG4ubWF0LWJ1dHRvbiB7XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xuICAgIGZsb2F0OiByaWdodDtcbn1cblxuLmJ0biBwIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBjb2xvcjogI2ZmZjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuICAgIG1hcmdpbjogYXV0bztcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5idG4tMSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICAgIGNvbG9yOiAjZTY0MjQzICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2U2NDI0Mztcbn1cblxuLmJ0bi0xIHAge1xuICAgIG1hcmdpbjogYXV0bztcbn1cblxuLmRyb3Bkb3duLXBwMSAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGhlaWdodDogMjFweCAhaW1wb3J0YW50O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHggIWltcG9ydGFudDtcbn1cblxuLmRyb3Bkb3duLXBwMSAubWF0LWZvcm0tZmllbGQge1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4uZHJvcGRvd24tcHAxIC5uZy1zdGFyLWluc2VydGVkIHtcbiAgICB3aWR0aDogOTklO1xufVxuXG4ucHJvZmlsZS1wcDEgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5wcm9maWxlLXBwMSAubWF0LWxhYmVsIHtcbiAgICBwYWRkaW5nLXRvcDogNnB4O1xufVxuXG4uZHJvcGRvd24tYm9yZGVyIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJvcmRlci1jb2xvcjogZ3JheTtcbiAgICBoZWlnaHQ6IDI4cHg7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgcGFkZGluZy10b3A6IDZweDtcbiAgICBtYXJnaW4tdG9wOiAwcHg7XG59XG5cbi50ZXh0ZmllbGQtYm9yZGVyIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJvcmRlci1jb2xvcjogZ3JheTtcbn1cblxuLy9tYXQtZXJyb3JcbiNjYWxsRGlhbG9nIG1hdC1lcnJvciB7XG4gICAgY29sb3I6ICNmZjAwMDA7XG4gICAgZm9udC1zaXplOiAxMHB4O1xuICAgIG1hcmdpbi10b3A6IC0xMnB4ICFpbXBvcnRhbnQ7XG59XG5cbi5jdXMzNjBUZHtcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgZm9udC1mYW1pbHk6IHBvcHBpbnM7XG59XG5cbi5lcnJvciB7XG4gICAgY29sb3I6ICNmZjAwMDA7XG4gICAgZm9udC1zaXplOiAxMHB4O1xufVxuXG4uc2VhcmNoZmlsdGVyIHtcbiAgICB3aWR0aDogOTAlO1xuICAgIGhlaWdodDogMzBweDtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgYm9yZGVyOiAwO1xufVxuIiwiLndvcmtpbmctYXJlYSB7XG4gIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuXG4uY3VzdDM2MC1jb250YWluZXIge1xuICBtYXJnaW46IDExNXB4IDMwcHggMzBweCAzMHB4O1xufVxuXG4uZXhhbXBsZS1jYXJkMSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xufVxuXG4uZXhhbXBsZS1jYXJkMSAuZm9udENsYXNzIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuXG4uZXhhbXBsZS1jYXJkMSAuaW5saW5lQ2xhc3Mge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5leGFtcGxlLWNhcmQyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBtYXJnaW4tcmlnaHQ6IGF1dG87XG4gIGJvcmRlcjogbm9uZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgcGFkZGluZzogMHB4O1xufVxuXG4uc3VydmV5IHtcbiAgbWFyZ2luLWxlZnQ6IDE1cHg7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4ICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjNzA3MDcwO1xufVxuXG4uZm9udENsYXNzIHtcbiAgZm9udDogQm9sZCAxMnB4LzIwcHggUm9ib3RvO1xuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiAjNzA3MDcwO1xufVxuXG4uZm9udENsYXNzQm9sZCB7XG4gIGZvbnQtZmFtaWx5OiBCb2xkIDE2cHgvMjJweCBSb2JvdG87XG4gIGNvbG9yOiAjNzA3MDcwO1xufVxuXG4uYm9yZGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgIzcwNzA3MDtcbiAgZm9udDogMTJweC8xOHB4IFJvYm90bztcbiAgY29sb3I6ICM3MDcwNzA7XG4gIGJvcmRlci1yYWRpdXM6IDI1cHg7XG4gIHBhZGRpbmc6IDVweDtcbn1cblxuLnNlcnYtaGVhZGluZyB7XG4gIHdpZHRoOiAzMCU7XG59XG5cbi5idXR0b24ge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udDogUmVndWxhciAxNnB4LzIycHggUm9ib3RvO1xuICBjb2xvcjogI2ZmZmZmZjtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4ucmVjZW50IHtcbiAgY29sb3I6ICMxYWNjMDQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcmlnaHQ6IDE1cHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiA3cHg7XG59XG5cbi5kaXNhYmxlZCB7XG4gIG9wYWNpdHk6IDAuNjtcbn1cblxuLmNoZWNrYWxpZ24ge1xuICBwYWRkaW5nLWxlZnQ6IDE1cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy10b3A6IDIwcHggIWltcG9ydGFudDtcbn1cblxuLnZlaGljbGUtZGV0LXBycyAuY2hlY2thbGlnbiB7XG4gIHBhZGRpbmctbGVmdDogMTVweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLXRvcDogMjBweCAhaW1wb3J0YW50O1xufVxuXG4udmVoaWNsZS1kZXQgLmNoZWNrYWxpZ24ge1xuICBwYWRkaW5nLWxlZnQ6IDEwcHggIWltcG9ydGFudDtcbiAgcGFkZGluZy10b3A6IDVweCAhaW1wb3J0YW50O1xufVxuXG4uaW5saW5lQ2xhc3Mge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6IGJsYWNrO1xuICBvcGFjaXR5OiAxO1xufVxuXG5wLmlubGluZUNsYXNzIHtcbiAgbWFyZ2luLXRvcDogMHB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5tYXJnaW5DbGFzcyB7XG4gIG1hcmdpbi1sZWZ0OiAyMHB4O1xufVxuXG4ubmF2YmFyIHtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xuICBwYWRkaW5nLXRvcDogMTBweDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4ubmF2YmFyIGEge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5leGFtcGxlLXJhZGlvLWJ1dHRvbiB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5udW1iZXItZm9ybSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogNXB4O1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIHBhZGRpbmc6IDAuMTM3NWVtIDA7XG59XG5cbi5udW1iZXItZm9ybSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGJvdHRvbTogMC4yNWVtO1xuICBoZWlnaHQ6IDBweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCBpbnB1dC5tYXQtaW5wdXQtZWxlbWVudCB7XG4gIG1hcmdpbi10b3A6IDBweDtcbn1cblxuLm51bWJlci1mb3JtIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLm51bWJlci1yb3cge1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDJweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHdpZHRoOiAxMDAlO1xuICBmb250LXNpemU6IDEycHg7XG4gIHBhZGRpbmctYm90dG9tOiA1cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA5MCU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXNpemU6IDEzcHg7XG59XG5cbi5mb250Q2xhc3Mge1xuICBmb250OiBCb2xkIDE0cHgvMTZweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgY29sb3I6ICM3YjdhN2E7XG4gIG9wYWNpdHk6IDE7XG4gIG1hcmdpbi1ib3R0b206IDNweCAhaW1wb3J0YW50O1xufVxuXG4uZm9udENsYXNzQm9sZCB7XG4gIGZvbnQtZmFtaWx5OiBCb2xkIDE2cHgvMjJweCBSb2JvdG87XG4gIGNvbG9yOiAjMDAwMDAwO1xuICBmb250LXNpemU6IDEycHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG4uZm9udENsYXNzQm9sZCBpIHtcbiAgY29sb3I6ICMwMDQ1N2Q7XG4gIG1hcmdpbi1yaWdodDogNXB4O1xufVxuXG4uYm9yZGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgIzcwNzA3MDtcbiAgZm9udDogMTJweC8xOHB4IFJvYm90bztcbiAgY29sb3I6ICM3MDcwNzA7XG4gIGJvcmRlci1yYWRpdXM6IDI1cHg7XG4gIHBhZGRpbmc6IDVweDtcbn1cblxuLmJ1dHRvbiB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBmb250OiBSZWd1bGFyIDE2cHgvMjJweCBSb2JvdG87XG4gIGNvbG9yOiAjZmZmZmZmO1xufVxuXG4uY29udGFjdCB7XG4gIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG59XG5cbi5jb250YWN0IC5tYXQtdGFiLWdyb3VwIHtcbiAgbWluLWhlaWdodDogMTUwcHg7XG59XG5cbi5jb250YWN0IDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbCB7XG4gIGhlaWdodDogMjBweDtcbiAgbWluLXdpZHRoOiA5MHB4O1xuICBjb2xvcjogIzU0ODJiYztcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBmb250LXNpemU6IDExcHg7XG59XG5cbi5jb250YWN0IDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbC1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MmJjO1xuICBjb2xvcjogI2ZmZmZmZjtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWhlYWRlciB7XG4gIGJvcmRlcjogbm9uZTtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWxpc3QgLm1hdC1pbmstYmFyIHtcbiAgaGVpZ2h0OiAwcHg7XG59XG5cbi50YWJyb3cge1xuICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICBtYXJnaW4tdG9wOiAyMHB4O1xuICBtYXJnaW4tYm90dG9tOiAyMHB4O1xufVxuXG4uYWxpZ24ge1xuICBwYWRkaW5nLWxlZnQ6IDE2cHg7XG4gIHBhZGRpbmctdG9wOiAyMHB4O1xufVxuXG4udGFibGUtZGl2IHtcbiAgcGFkZGluZzogMTBweDtcbn1cblxuLmNhbGxpbmctdGFibGUge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwge1xuICBoZWlnaHQ6IDM1cHg7XG4gIHBhZGRpbmc6IDBweCAxMHB4O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA4cHggIWltcG9ydGFudDtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDhweCAhaW1wb3J0YW50O1xuICBib3JkZXItYm90dG9tLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1jb2xvcjogI2QzZDNkMztcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIG1hcmdpbi1sZWZ0OiAzcHg7XG4gIGNvbG9yOiBibGFjaztcbiAgb3BhY2l0eTogMTtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3ZDtcbiAgY29sb3I6ICNmZmZmZmY7XG4gIG9wYWNpdHk6IDE7XG4gIGJvcmRlci1zdHlsZTogbm9uZTtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItaGVhZGVyIHtcbiAgYm9yZGVyOiBub25lO1xufVxuXG4udGFicm93IDo6bmctZGVlcCAubWF0LXRhYi1saXN0IC5tYXQtaW5rLWJhciB7XG4gIGhlaWdodDogMHB4O1xufVxuXG4udGFibGUge1xuICBmb250LWZhbWlseTogXCJUcmVidWNoZXQgTVNcIiwgQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG59XG5cbi50YWJsZSB0ZCxcbi50YWJsZSB0aCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgcGFkZGluZzogNXB4O1xuICB3aWR0aDogYXV0bztcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4udGFibGUgdHI6bnRoLWNoaWxkKGV2ZW4pIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRhYmxlIHRyOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRhYmxlIHRoIHtcbiAgcGFkZGluZy10b3A6IDVweDtcbiAgcGFkZGluZy1ib3R0b206IDVweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2QzZDNkMztcbiAgY29sb3I6IGJsYWNrO1xufVxuXG4uYnRuIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N2QgIWltcG9ydGFudDtcbiAgYm9yZGVyLXJhZGl1czogNXB4ICFpbXBvcnRhbnQ7XG4gIGhlaWdodDogMjVweDtcbn1cblxuLmJ0biBwIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBjb2xvcjogI2ZmZjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuICBtYXJnaW46IGF1dG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGluZS1oZWlnaHQ6IDEwcHg7XG59XG5cbi5idG4tMSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbiAgY29sb3I6ICMwMDQ1N2QgIWltcG9ydGFudDtcbiAgYm9yZGVyOiAxcHggc29saWQgIzAwNDU3ZDtcbn1cblxuLmJ0bi0xIHAge1xuICBtYXJnaW46IGF1dG87XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMSB7XG4gIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItcmFkaXVzOiAwJTtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5pY29uLWJhY2tncm91bmQge1xuICBjb2xvcjogIzAwNDU3ZDtcbiAgaGVpZ2h0OiAxM3B4ICFpbXBvcnRhbnQ7XG4gIHdpZHRoOiAxM3B4ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi1yaWdodDogOHB4O1xufVxuXG4udGFicm93IDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbC1hY3RpdmUgLm1hdC10YWItbGFiZWwtY29udGVudCAuaWNvbi1iYWNrZ3JvdW5kIHtcbiAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmNoZWNrLWljb24ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAjMWFjYzA0O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiA1cHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgdG9wOiAyNSU7XG4gIG1hcmdpbi1yaWdodDogMThweDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4ICFpbXBvcnRhbnQ7XG59XG5cbi5jYW5jbGUtaWNvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6IHJlZDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRvcDogMjAlO1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gIG1hcmdpbi1sZWZ0OiAzNXB4O1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1yaXBwbGUge1xuICBoZWlnaHQ6IDBweCAhaW1wb3J0YW50O1xufVxuXG4uaW5wdXQtYm9yZGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHdpZHRoOiA3NSUgIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmlucHV0LWJvcmRlci1kIHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHdpZHRoOiA3MCUgIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICBwYWRkaW5nOiA1cHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQgbm9uZSBub25lIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRhYmxlLWZvbnQudGgge1xuICBjb2xvcjogYmxhY2s7XG59XG5cbi50YWJsZS1mb250LnRkIHtcbiAgY29sb3I6ICM1OTU5NTk7XG59XG5cbi5zcGlubmVyX2NvbnRhaW5lciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMzMsIDMzLCAzMywgMC4xKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAxMDA7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG59XG5cbi5xdWVzdGlvbiB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgcGFkZGluZzogNXB4O1xufVxuLnF1ZXN0aW9uIC5yZW1hcmsge1xuICBtYXJnaW4tbGVmdDogMjVweDtcbiAgbWFyZ2luLXRvcDogNXB4O1xuICB3aWR0aDogNzAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZDhkOGQ4O1xuICBwYWRkaW5nOiA0cHg7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDEycHg7XG59XG4ucXVlc3Rpb24gaW5wdXQucmVtYXJrOjpwbGFjZWhvbGRlciB7XG4gIGZvbnQtc2l6ZTogMTFweDtcbn1cbi5xdWVzdGlvbiBiYXItcmF0aW5nIHtcbiAgbWFyZ2luLWxlZnQ6IDI1cHg7XG59XG5cbi5xdWVzdGlvbi1iYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbn1cblxuLm0tdC0xMCB7XG4gIG1hcmdpbi10b3A6IDEwcHg7XG59XG5cbi5tLWwtMjUge1xuICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG59XG5cbi5maWx0ZXIxIHtcbiAgbWFyZ2luLWxlZnQ6IDI1cHg7XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cblxuLnNlYXJjaC1jYXJkIC5maWx0ZXIxIHtcbiAgbWFyZ2luLWxlZnQ6IDBweDtcbiAgbWFyZ2luLXRvcDogMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZzogNHB4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA5MCU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiA1cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4ucXVlc3Rpb24gbWF0LWVycm9yIHtcbiAgY29sb3I6ICNmZjAwMDA7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgbWFyZ2luLXRvcDogMHB4ICFpbXBvcnRhbnQ7XG59XG5cbiNjYWxsRGlhbG9nIHtcbiAgYm94LXNoYWRvdzogMCAxcHggMnB4IDFweCByZ2JhKDAsIDAsIDAsIDAuMiksIDAgMnB4IDFweCAtMXB4IHJnYmEoMCwgMCwgMCwgMC4yKSwgMCAxcHggMXB4IDAgcmdiYSgwLCAwLCAwLCAwLjE0KSwgMCAxcHggM3B4IDAgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbiAgcGFkZGluZzogMTBweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB3aWR0aDogMzUlO1xuICBoZWlnaHQ6IDM2MHB4O1xufVxuXG4uY2xvc2UtY29uIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBmb250LXNpemU6IDE4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxudGFibGUge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmNhbGwtaGVhZGVyIHtcbiAgZm9udC1mYW1pbHk6IEJvbGQgMTZweC8yMnB4IFJvYm90bztcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuLmNhbGwtaGVhZGVyIGkge1xuICBjb2xvcjogIzAwNDU3ZDtcbn1cblxuLnJlY3QyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQ6ICNlYWVhZWE7XG59XG5cbi5yZWN0MyB7XG4gIHBhZGRpbmctdG9wOiAyNXB4O1xuICBwYWRkaW5nLXJpZ2h0OiAwcHg7XG4gIHBhZGRpbmctbGVmdDogMHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMHB4O1xuICB3aWR0aDogMTAwJTtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xufVxuXG4ucmVjdDMgLmJ1dHRvbiB7XG4gIGZsb2F0OiByaWdodDtcbiAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cblxuLnJlY3Q0IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLnJlY3Q1IHtcbiAgZmxvYXQ6IGxlZnQ7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4udGV4dC1wcCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbC1wb3B1cC1zYXZlIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG59XG5cbi5pY29ucyAuZmEtcGhvbmUge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgxMzVkZWcpO1xufVxuXG4uaWNvbnMgLmZhLW1pY3JvcGhvbmUtc2xhc2gsXG4uaWNvbnMgLmZhLXBob25lIHtcbiAgZm9udC1zaXplOiAyNHB4O1xufVxuXG4uaWNvbnMgLmJ1dHRvbiB7XG4gIG1hcmdpbjogNXB4O1xufVxuXG4uaWNvbnMge1xuICBtYXJnaW4tdG9wOiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDI5JTtcbn1cblxuLmhhbmctYnRuIHtcbiAgY29sb3I6IHJlZCAhaW1wb3J0YW50O1xuICBib3JkZXItY29sb3I6IHJlZCAhaW1wb3J0YW50O1xufVxuXG4uY2xhc3N0ZXh0MSB7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4udGltZXN0YW1wIHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXAge1xuICBib3JkZXItcmFkaXVzOiAwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgY29sb3I6ICMwMDAwMDA7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWNoZWNrZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdkO1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gIGxpbmUtaGVpZ2h0OiAyMHB4O1xufVxuXG4uYnRuIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N2QgIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAyNHB4O1xuICBsaW5lLWhlaWdodDogMTBweDtcbn1cblxuLm1hdC1idXR0b24ge1xuICBib3JkZXItcmFkaXVzOiAwcHg7XG4gIGZsb2F0OiByaWdodDtcbn1cblxuLmJ0biBwIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBjb2xvcjogI2ZmZjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuICBtYXJnaW46IGF1dG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmJ0bi0xIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICBjb2xvcjogI2U2NDI0MyAhaW1wb3J0YW50O1xuICBib3JkZXI6IDFweCBzb2xpZCAjZTY0MjQzO1xufVxuXG4uYnRuLTEgcCB7XG4gIG1hcmdpbjogYXV0bztcbn1cblxuLmRyb3Bkb3duLXBwMSAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDIxcHggIWltcG9ydGFudDtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmctYm90dG9tOiAwcHggIWltcG9ydGFudDtcbn1cblxuLmRyb3Bkb3duLXBwMSAubWF0LWZvcm0tZmllbGQge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmRyb3Bkb3duLXBwMSAubmctc3Rhci1pbnNlcnRlZCB7XG4gIHdpZHRoOiA5OSU7XG59XG5cbi5wcm9maWxlLXBwMSAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5wcm9maWxlLXBwMSAubWF0LWxhYmVsIHtcbiAgcGFkZGluZy10b3A6IDZweDtcbn1cblxuLmRyb3Bkb3duLWJvcmRlciB7XG4gIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQgIWltcG9ydGFudDtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYm9yZGVyLWNvbG9yOiBncmF5O1xuICBoZWlnaHQ6IDI4cHg7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXRvcDogNnB4O1xuICBtYXJnaW4tdG9wOiAwcHg7XG59XG5cbi50ZXh0ZmllbGQtYm9yZGVyIHtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZCAhaW1wb3J0YW50O1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBib3JkZXItY29sb3I6IGdyYXk7XG59XG5cbiNjYWxsRGlhbG9nIG1hdC1lcnJvciB7XG4gIGNvbG9yOiAjZmYwMDAwO1xuICBmb250LXNpemU6IDEwcHg7XG4gIG1hcmdpbi10b3A6IC0xMnB4ICFpbXBvcnRhbnQ7XG59XG5cbi5jdXMzNjBUZCB7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgZm9udC1mYW1pbHk6IHBvcHBpbnM7XG59XG5cbi5lcnJvciB7XG4gIGNvbG9yOiAjZmYwMDAwO1xuICBmb250LXNpemU6IDEwcHg7XG59XG5cbi5zZWFyY2hmaWx0ZXIge1xuICB3aWR0aDogOTAlO1xuICBoZWlnaHQ6IDMwcHg7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIGJvcmRlcjogMDtcbn0iXX0= */\"","import { Component, OnInit, ViewChild, Output, EventEmitter } from \"@angular/core\";\nimport { Router } from \"@angular/router\";\nimport { CommonService } from \"../../core/service/common-service/common.service\";\nimport { ToastrService } from \"ngx-toastr\";\nimport { DatePipe } from \"@angular/common\";\nimport {\n MatDialog,\n MatSort,\n MatPaginator,\n MatTableDataSource,\n MatTabChangeEvent,\n} from \"@angular/material\";\nimport { FormControl, Validators, FormGroup } from \"@angular/forms\";\nimport { BlanketFeedbackDailogComponent } from \"../../modal/blanket-feedback-dailog/blanket-feedback-dailog.component\";\nimport { element } from 'protractor';\nimport { openPrsComplaintDialog } from \"src/app/modal/prs-complaint-dialog/prs-complaint-dialog.component\";\nimport { CallParams } from \"src/app/model/call-params.model\";\nimport { SaveCallRecordingParams } from \"src/app/model/save-call-recording-params.model\";\nimport { DialogService } from \"src/app/dialog.service\";\n\n\n@Component({\n selector: \"app-prs-customer360\",\n templateUrl: \"./prs-customer360.component.html\",\n styleUrls: [\"./prs-customer360.component.scss\"],\n})\nexport class PrsCustomer360Component implements OnInit {\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;\n @ViewChild(\"RemarksPaginator\", { static: true })\n remarksPaginator: MatPaginator;\n @ViewChild(\"RemarksSort\", { static: true }) remarksSort: MatSort;\n @Output() close: EventEmitter = new EventEmitter();\n // @ViewChild('CallLogsPaginator', { static: true }) callLogsPaginator: MatPaginator;\n @ViewChild('CallLogsSort', { static: true }) callLogsSort: MatSort;\n\n cus360: any;\n vehicleDetails: any = {};\n lastServiceDetails: any = {};\n serviceDetails: any = {};\n spinner: boolean;\n vinNoList: string[] = [];\n vehicleInfoList: any[] = [];\n vehicleTypeCallInfo: any;\n vehicleServiceAndStausInfo: any;\n selectedNumber: any;\n updatedNumber: any;\n contactInfoOwner: any[] = [];\n contactInfoFleet: any[] = [];\n contactInfoDriver: any[] = [];\n updatedNumberType: string;\n secondaryNo: string;\n unableEdit: any = {};\n unableCall: boolean = false;\n workShops = [];\n selectedWorkShop: string;\n selectedVehicle: string;\n ownerSelected: boolean = true;\n fleetSelected: boolean = false;\n driverSelected: boolean = false;\n errorShow: any = {};\n customerID: string;\n userId: string;\n chassisNo: string;\n recentNumber: string;\n questions: any = [];\n selectedBlankRemarks: any;\n customerData: any;\n submitted: boolean = false;\n questionInfo = [];\n questionForm: FormGroup;\n questionType: any;\n blanketFeedback: any;\n jobCardNo: string;\n workshopCode: string;\n dropdownData: any = {\n \"14-3\": [\"Comparing with other vehicle\", \"Sales commitment\", \"Customers Perception\", \"Service Support\", \"Any Other\"],\n \"15-1\": [\"Front\", \"Rear\", \"Both\"],\n \"15-2\": [\"Faster Wear\", \"Uneven Wear\", \"Tyre Burst\", \"Any Other\"],\n \"15-6\": [\"Tata\", \"Ashok Leyland\", \"Bharat Benz\", \"Mahindra\", \"SML\"],\n \"15-4\": [\"Apollo\", \"JK\", \"Bridgestone\", \"MRF\"],\n \"16-1\": [\"Noise\", \"Not effective\", \"Heating\", \"Juddering\", \"Service related\", \"Any Other\"],\n \"17-1\": [\"Paint Quality\", \"Aesthetics\", \"Cabin comfort\", \"Any Other\"],\n \"18-1\": [\"Noise\", \"Heating\", \"Steering hard\", \"Any Other\"],\n \"19-1\": [\"Abnormal noise \", \"Vibration\", \"Harshness\", \"Breakdown related\", \"Service support related\", \"Any other\"],\n \"40-1\": [\"Availability\", \"Price\", \"Quality\", \"NA\"],\n \"40-2\": [\"Denied\", \"Information not provided\", \"NA\"],\n \"40-3\": [\"Adblue\", \"Brake\", \"Driveline\", \"Engine\", \"FE\", \"Heating\", \"Pickup\", \"Starting\", \"Tyre/Wheel\", \"Other Parts\", \"NA\"],\n \"40-4\": [\"Availability\", \"Competence\", \"Behavior (Technician, Manager, Mechanic, Worker)\", \"NA\"],\n \"40-5\": [\"High Charges\", \"Discount not provided\", \"Compensation not given\", \"NA\"]\n };\n //call response\n disableSubmitButton: boolean = true;\n formSubmitted: boolean = false;\n talked: string = \"\";\n yesResponce: string = \"\";\n noResponce: string = \"\";\n nsReason: string = \"\";\n responseDropDownData: any;\n level1info = [];\n level1Form: FormGroup;\n level2info = [];\n level2Form: FormGroup;\n defaultVin: string;\n showNoRespError: boolean = false;\n creRemark: string;\n today: any = new Date();\n cdmTrailCheckOwner: boolean = false;\n cdmTrailCheckfleet: boolean = false;\n cdmTrailCheckdriver: boolean = false;\n secondTrailCall: boolean = false;\n diasableCreateComplain: boolean = true;\n //call log table columns\n displayedRemarksColumns: string[] = [\"remark\", \"remarkDate\", \"remarkTime\"];\n\n expandedElement: any[] = [];\n rows: any = [];\n\n remarksDetails: any;\n remarksCount: number = 0;\n languageList: string[] = [];\n languageMap = new Map();\n numberOfVehicle: number;\n vin: string;\n dealerCode: string;\n vinList: string[] = [];\n chassis: string;\n selectedTab: any;\n custNameForSave: any;\n userRoles: string;\n showPrs360:boolean;\n //bookingCount: number;\n followupCount: number;\n roleId: string;\n errorCheck: boolean = false;\n errorRadio: boolean = false;\n errorRadio5: boolean = false;\n countFlag: boolean;\n showRecordingDailog: boolean = false;\n vehicleMap = new Map();\n vehicleList: string[] = [];\n vehicleListCopy: string[] = [];\n vehicle: string[] = [];\n selectedVin: string;\n selectedValue: string;\n audioSource: any = {};\n showCallDailog: boolean = false;\n showPlayBtn: boolean = true;\n callLists: any;\n callCount: number = 0;\n countryCode: String;\n squareRating: any;\n blockStatus: String = 'false';\n\n //call log table columns\n displayedCallColumns: string[] = [\n \"number\",\n \"callDate\",\n \"startTime\",\n \"duration\",\n \"recording\"\n ];\n complaintId: string=\"\";\n complaintRemarks: string=\"\";\n callTypeCode: string=\"\";\n userContactNo: string;\n\n constructor(\n private dialogService: DialogService,\n private datePipe: DatePipe,\n public dialog: MatDialog,\n private commonService: CommonService,\n private toastr: ToastrService,\n private router: Router\n ) {\n this.unableEdit[\"O\"] = {};\n this.unableEdit[\"F\"] = {};\n this.unableEdit[\"D\"] = {};\n }\n\n ngOnInit() {\n this.userInfo = JSON.parse(localStorage.getItem(\"userInfo\") || null)[0];\n this.customerData = JSON.parse(localStorage.getItem(\"customerData\") || null);\n if (\n localStorage.getItem(\"userId\") == null ||\n localStorage.getItem(\"userId\") == undefined\n ) {\n this.router.navigate([\"login\"]);\n }\n this.roleId = localStorage.getItem('roleId');\n this.countryCode = localStorage.getItem('countryCode');\n this.chassisNo = localStorage.getItem(\"vin\");\n this.userId = localStorage.getItem(\"userId\");\n this.customerID = localStorage.getItem(\"customerId\");\n this.workShops = JSON.parse(localStorage.getItem(\"workshops\")) || [];\n this.customerData = JSON.parse(localStorage.getItem(\"customerData\")) || {};\n this.callTypeCode = this.customerData.callTypeSq;\n this.userRoles = localStorage.getItem('userRoles');\n this.userContactNo = localStorage.getItem(\"userContactNo\");\n if(this.userRoles == 'CRE') {\n this.showPrs360 = false;\n } else if(this.userRoles == 'Call Center Agent'){\n this.showPrs360 = true;\n }\n let questionType = this.customerData.callType.split(\"-\");\n if (questionType[0] == \"PRS\") {\n this.questionType = \"PRS\";\n } else {\n this.questionType = \"149-\" + this.customerData.callTypeSq;\n }\n this.selectedWorkShop = this.customerData.dealerCode || \"\";\n if (!this.workShops.length) {\n this.workShops.push(this.customerData.dealerCode);\n }\n\n if(this.roleId == \"12\")\n this.disableSubmitButton=false;\n this.chassis = this.customerData.vin\n this.getCustomer360();\n this.getContactdetail();\n this.getPrsFetchQuestions();\n this.getBookingFollowupCount(this.customerID, this.vin);\n if(this.roleId == '1') {\n this.getCallList();\n }\n this.fetchBlockStatus();\n }\n\n private show360() {\n // this.showPrs360 = true;\n // this.blockStatus = false;\n this.showRecordingDailog = false;\n //this.spinner = true;\n let callNumber = \"+91\" + this.selectedNumber;\n let type = (this.ownerSelected ? 'C' : (this.fleetSelected ? 'F' : 'D'));\n\n if(type != 'C') {\n this.blockStatus = 'false';\n }\n if(this.blockStatus == 'false') {\n this.showPrs360 = true;\n this.commonService.callCustomer(this.userId, this.customerID, callNumber, type, 'PRS').subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.showCallDailog = true;\n //this.spinner = false;\n } else {\n //this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n } else {\n this.toastr.info(\"Customer contact number is block. Please connect to Fleet Manager or Driver.\", \"Info\");\n }\n if (localStorage.getItem('countryCode')=='IND91') {\n this.callingToUser();\n }else{\n localStorage.setItem(\"exotel_URI\",'')\n }\n }\n\n /**\n * Name: getContactdetail\n * purpose: To get customer Contact detail\n */\n getContactdetail(): void {\n //this.spinner = true;\n this.commonService.prscontactdetail(this.customerID).subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.contactInfoOwner = res[\"responseData\"].filter(\n (contact) => contact.flag == \"O\"\n );\n this.contactInfoFleet = res[\"responseData\"].filter(\n (contact) => contact.flag == \"F\"\n );\n this.contactInfoDriver = res[\"responseData\"].filter(\n (contact) => contact.flag == \"D\"\n );\n this.selectedNumber = this.contactInfoOwner[0].contactNo;\n this.unableEdit[\"O\"][0] = true;\n this.unableEdit[\"O\"][1] = false;\n this.unableEdit[\"D\"][0] = true;\n this.unableEdit[\"D\"][1] = false;\n this.updatedNumberType = \"Primary\";\n this.unableCall = true;\n //this.spinner = false;\n } else {\n //this.spinner = false;\n }\n },\n (err) => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n },\n ()=>{\n this.updateActiveContactNo();\n }\n );\n }\n\n /**\n * Name: checkCallStatus\n * purpose: To set contect type selection\n * @param {any} type - type of number\n */\n checkCallStatus(type: any): void {\n this.onTabChange(type)\n this.selectedTab=type && type.index;\n if (type && type.index == 0) {\n this.ownerSelected = true;\n this.fleetSelected = false;\n this.driverSelected = false;\n if (this.contactInfoOwner.length) {\n this.unableCall = true;\n this.contactInfoOwner.forEach((element, i) => {\n if (this.unableEdit[\"O\"][i] != undefined && this.unableEdit[\"O\"][i]) {\n this.selectedNumber = element.contactNo;\n }\n });\n } else {\n this.unableCall = false;\n }\n }\n\n if (type && type.index == 1) {\n this.ownerSelected = false;\n this.fleetSelected = true;\n this.driverSelected = false;\n if (this.contactInfoFleet.length) {\n this.unableCall = true;\n let numberSelected = false;\n this.contactInfoFleet.forEach((element, i) => {\n if (this.unableEdit[\"F\"][i] != undefined && this.unableEdit[\"F\"][i]) {\n this.selectedNumber = element.contactNo;\n numberSelected = true;\n }\n });\n if (!numberSelected) {\n this.selectedNumber = this.contactInfoFleet[0].contactNo;\n this.unableEdit[\"F\"][0] = true;\n }\n } else {\n this.unableCall = false;\n }\n }\n\n if (type && type.index == 2) {\n this.ownerSelected = false;\n this.fleetSelected = false;\n this.driverSelected = true;\n if (this.contactInfoDriver.length) {\n this.unableCall = true;\n let numberSelected = false;\n this.contactInfoDriver.forEach((element, i) => {\n if (this.unableEdit[\"D\"][i] != undefined && this.unableEdit[\"D\"][i]) {\n this.selectedNumber = element.contactNo;\n numberSelected = true;\n }\n });\n if (!numberSelected) {\n this.selectedNumber = this.contactInfoDriver[0].contactNo;\n this.unableEdit[\"D\"][0] = true;\n }\n } else {\n this.unableCall = false;\n }\n }\n this.trailLogCheck();\n }\n\n getCdmData(){\n let temp:any;\n this.selectedTab=this.selectedTab?this.selectedTab:0;\n\n let ab={id: 2, name: \"SHAH SAMIRKUMAR KANAIYALAL\", contactNo: \"111111111\", regNumber: null, flag: \"O\"}\n // this.contactInfoOwner.push(ab);\n let data={\n \"customerId\": this.customerID,\n \"vin\": \"\",\n \"phoneNo\": \"\",\n \"startDate\": \"\",\n \"endDate\": \"\",\n \"date\": \"\",\n \"customerName\": \"\",\n \"type\": \"T\",\n \"flag\":this.selectedTab==0?'C':this.selectedTab==1?'F':this.selectedTab==2?'D':'C'\n };\n this.commonService.fetchCdmData(data).subscribe((resp)=>{\n if(resp['responseCode']==0){\n temp=resp[\"responseData\"].filter(contact => contact.contactNo = contact.phoneNo);\n temp.forEach((trail)=>{\n if(this.selectedTab==0){\n this.contactInfoOwner.push(trail)\n this.cdmTrailCheckOwner=true\n }else if(this.selectedTab==1){\n this.contactInfoFleet.push(trail)\n this.cdmTrailCheckfleet=true\n }else if(this.selectedTab==2){\n this.contactInfoDriver.push(trail)\n this.cdmTrailCheckdriver=true\n }\n })\n this.trailLogCheck();\n }else{\n this.toastr.error(resp['message'], \"Error\");\n }\n\n }, error => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n // this.contactInfoOwner.push(temp[0]);\n\n }\n\n trailLogCheck(){\n if(this.selectedTab==0){\n this.secondTrailCall=this.cdmTrailCheckOwner\n // return this.cdmTrailCheckOwner\n }else if (this.selectedTab==1){\n this.secondTrailCall=this.cdmTrailCheckfleet\n // return this.cdmTrailCheckfleet\n }else if(this.selectedTab==2){\n this.secondTrailCall=this.cdmTrailCheckdriver\n // return this.cdmTrailCheckdriver\n }else{\n this.secondTrailCall=false\n }\n }\n\n /**\n * Name: updateNumber\n * @param {boolean} addNumber - type of number\n * purpose: To set customer number\n */\n updateNumber(addNumber: boolean): void {\n if (\n (this.updatedNumber && this.updatedNumber.length == 10) ||\n (addNumber && this.secondaryNo && this.secondaryNo.length == 10)\n ) {\n this.spinner = true;\n let oldNumber = this.selectedNumber;\n let newNumber = this.updatedNumber;\n if (addNumber) {\n oldNumber = this.secondaryNo;\n newNumber = this.secondaryNo;\n this.updatedNumberType = \"Secondary\";\n }\n this.commonService\n .updatePRSNumber(\n newNumber,\n oldNumber,\n this.updatedNumberType,\n this.customerID,\n this.userId\n )\n .subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n this.selectedNumber = this.updatedNumber;\n this.toastr.success(\"New number is saved.\", \"Success\");\n this.getContactdetail();\n } else {\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\n \"Something went wrong, Please try again.\",\n \"Error\"\n );\n }\n );\n }\n }\n\n /**\n * Name: onNumberChange\n * purpose: To get new selected number\n */\n onNumberChange(\n number: any,\n editNumber: boolean,\n index: any,\n type: string\n ): void {\n if (type == \"D\" && editNumber && number.currentTarget.value.length == 10) {\n this.updatedNumber = number.currentTarget.value;\n this.updatedNumberType = \"D\";\n this.errorShow[index] = false;\n } else if (type == \"F\" && editNumber && number.currentTarget.value.length == 10) {\n this.updatedNumber = number.currentTarget.value;\n this.updatedNumberType = \"F\";\n this.errorShow[index] = false;\n } else if (editNumber && number.currentTarget.value.length == 10) {\n this.updatedNumber = number.currentTarget.value;\n this.updatedNumberType = index == 0 ? \"Y\" : \"N\";\n this.errorShow[index] = false;\n } else if (editNumber && number.currentTarget.value.length !== 10) {\n this.errorShow[index] = true;\n } else {\n this.selectedNumber = number.value;\n this.updatedNumber = number.value;\n this.updatedNumberType = index == 0 ? \"Y\" : \"N\";\n if (type == \"O\") {\n this.contactInfoOwner.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n } else if (type == \"F\") {\n this.contactInfoFleet.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n } else if (type == \"D\") {\n this.contactInfoDriver.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n }\n }\n }\n\n /**\n * Name: sendInfoMsg\n * purpose: To send workshop addess SMS\n */\n sendInfoMsg(): void {\n this.spinner = true;\n this.commonService\n .prsSendinfo(this.customerData.customerName, this.selectedNumber)\n .subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n }\n );\n }\n\n /**\n * Name: subTabDefault\n * purpose: To set vehicle details as selected\n */\n subTabDefault(selectedVehicle: string): void {\n // this.vehicleDetails = this.cus360[\"VECHILE_INFO\"].filter((vehicle) => vehicle.chassisNo == selectedVehicle)[0];\n // this.workshopCode = this.vehicleDetails.dealerCode;\n //localStorage.setItem(\"chassisNo\", this.vehicleDetails.chassisNo);\n //this.chassisNo = this.vehicleDetails.chassisNo;\n //change the sale date format\n // this.vehicleDetails.saleDate = this.datePipe.transform(\n // this.vehicleDetails.saleDate,\n // \"dd-MM-yyyy\"\n // );\n\n let selectedVehicleCategory;\n //let vinremark;\n if(this.questionType == 'PRS'){\n //selectedVehicleCategory = selectedVehicle+\" - \"+this.workshopCode;\n selectedVehicleCategory = selectedVehicle;\n let vin = selectedVehicleCategory.split(' - ')[0];\n this.selectedVin = vin;\n //vinremark = vin;\n this.workshopCode = selectedVehicleCategory.split(' - ')[1];\n this.vehicleDetails = this.cus360[\"VECHILE_INFO\"].filter((vehicle) => ((vehicle.chassisNo == vin) && (vehicle.dealerCode == this.workshopCode)))[0];\n } else {\n this.vehicleDetails = this.cus360[\"VECHILE_INFO\"].filter((vehicle) => vehicle.chassisNo == selectedVehicle.split(' - ')[0])[0];\n this.workshopCode = this.vehicleDetails.dealerCode;\n //selectedVehicleCategory = selectedVehicle;\n selectedVehicleCategory = selectedVehicle.split(' - ')[0];\n // vinremark = selectedVehicle.split(' - ')[0];\n this.defaultVin = selectedVehicle;\n }\n\n this.getLastServiceRemark(selectedVehicle);\n }\n\n getLastServiceRemark(selectedVehicle: string): void {\n this.spinner = true;\n let vin = selectedVehicle.split(' - ')[0];\n let workshopcode = selectedVehicle.split(' - ')[1];\n this.commonService.getLastServiceRemark(this.customerData.customerId, vin, workshopcode, this.customerData.callTypeSq, this.userId, this.roleId)\n .subscribe((res) => {\n if (res[\"responseCode\"] == 0) {\n let response = res[\"responseData\"];\n\n let vinSelect = '';\n if(this.questionType == 'PRS') {\n vinSelect = selectedVehicle;\n } else {\n vinSelect = selectedVehicle.split(' - ')[0];\n }\n if (response[\"LAST_SERVICE_INFO\"] && Object.keys(response[\"LAST_SERVICE_INFO\"]).length) {\n this.lastServiceDetails = response[\"LAST_SERVICE_INFO\"][vinSelect];\n this.jobCardNo = this.lastServiceDetails.jobCardNo;\n localStorage.setItem(\"milage\", this.lastServiceDetails.milage);\n } else {\n this.lastServiceDetails = {};\n }\n\n if (response[\"Remark_Info\"] && Object.keys(response[\"Remark_Info\"]).length) {\n let remarks = response[\"Remark_Info\"][selectedVehicle.split(' - ')[0]];\n remarks.forEach((element) => {\n let date = element.remarkDate + \" \" + element.remarkTime + \" GMT+0000\";\n let d = new Date(date);\n element.remarkTime = d;\n element.remarkDate = this.datePipe.transform(d, \"dd-MM-yyyy\");\n });\n this.remarksDetails = new MatTableDataSource(remarks);\n this.sort.direction = \"\";\n this.remarksDetails.sort = this.remarksSort;\n this.remarksDetails.paginator = this.remarksPaginator;\n this.remarksCount = remarks.length;\n } else {\n this.remarksDetails = [];\n }\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n })\n }\n\n /**\n * Name: getCustomer360\n * purpose: To get customer data\n */\n getCustomer360(): void {\n this.spinner = true;\n this.vehicleList = [];\n this.vin = this.questionType == \"PRS\" ? this.chassis : \"\";\n this.dealerCode = this.customerData.dealerCode || \"\";\n this.commonService\n .getprscustomerdata(this.customerData.customerId, this.vin, this.dealerCode, this.customerData.callTypeSq, this.userId, this.roleId)\n .subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.cus360 = res[\"responseData\"];\n if (\n this.cus360[\"VECHILE_INFO\"] &&\n this.cus360[\"VECHILE_INFO\"].length &&\n this.cus360[\"VECHILE_INFO\"][0].chassisNo\n ) {\n //this.selectedVehicle = this.cus360[\"VECHILE_INFO\"][0].chassisNo;\n if(this.questionType == 'PRS') {\n let chassiItem = this.cus360[\"VECHILE_INFO\"].find((ele) => {return ele.chassisNo == this.chassis});\n let index = this.cus360[\"VECHILE_INFO\"].findIndex((ele) => {return ele.chassisNo == this.chassis});\n if(index != -1) {\n this.cus360[\"VECHILE_INFO\"].splice(index, 1);\n this.cus360[\"VECHILE_INFO\"].unshift(chassiItem);\n }\n\n this.selectedVehicle = this.cus360[\"VECHILE_INFO\"][0].chassisNo + \" - \" + this.cus360[\"VECHILE_INFO\"][0].soldBy.split(' - ')[0];\n this.defaultVin = this.cus360[\"VECHILE_INFO\"][0].chassisNo;\n this.selectedVin = this.defaultVin;\n } else {\n this.selectedVehicle = this.cus360[\"VECHILE_INFO\"][0].chassisNo + \" - \" + this.cus360[\"VECHILE_INFO\"][0].soldBy.split(' - ')[0];;\n this.defaultVin = this.selectedVehicle.split(' - ')[0];\n }\n this.vinList = this.cus360.VECHILE_INFO;\n this.numberOfVehicle = this.cus360[\"VECHILE_INFO\"].length;\n this.cus360[\"VECHILE_INFO\"].forEach((element) => {\n this.vinNoList.push(element.chassisNo);\n this.vehicleInfoList.push(element);\n let seller = element.soldBy;\n if(seller) {\n element.soldBy = seller.split(' - ')[1];\n element.dealerCode = seller.split(' - ')[0];\n //this.vehicleMap.set(element.chassisNo, element.chassisNo+\" - \"+element.dealerCode);\n this.vehicleList.push(element.chassisNo+\" - \"+element.dealerCode);\n }\n });\n this.vehicleListCopy = this.vehicleList;\n this.subTabDefault(this.vehicleList[0]);\n } else {\n this.vehicleDetails = {};\n }\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n }\n );\n }\n\n /**\n * Name: getPrsFetchQuestions\n * purpose: To get Prs Questions\n */\n getPrsFetchQuestions(): void {\n //this.spinner = true;\n this.commonService.getPrsFetchQuestions(this.questionType, this.roleId).subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.questions = [];\n let groups = [];\n res[\"responseData\"].forEach((element) => {\n let questionGroup = [];\n let groupexist = groups.filter(\n (group) => group == element.parentId\n );\n if (Number(element.parentId) > 0 && groupexist.length == 0) {\n questionGroup = res[\"responseData\"].filter(\n (question) => question.parentId == element.parentId\n );\n this.questions.push(questionGroup);\n groups.push(element.parentId);\n } else if (groupexist.length == 0) {\n this.questions.push(element);\n }\n });\n this.createQuestionForm(this.questions);\n //this.spinner = false;\n } else {\n //this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (err) => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n }\n );\n }\n\n /**\n * Name: createQuestionForm\n * purpose: To create question form\n */\n createQuestionForm(data: any) {\n this.submitted = false;\n const formDataObj = {};\n let questionIdAdded = [];\n\n for (const prop of data) {\n if (!prop.length) {\n let questionExist;\n if (prop.radioButtonType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"radio\"] = new FormControl(\"\");\n this.questionInfo.push({\n label: prop.questionId + \"radio\",\n type: \"RadioButton\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.ratingType == \"Yes\") {\n //remarks rating\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"rate\"] = new FormControl(\"\");\n this.questionInfo.push({\n label: prop.questionId + \"rate\",\n type: \"Rate\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.remarksType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"text\"] = new FormControl(\"\");\n this.questionInfo.push({\n label: prop.questionId + \"text\",\n type: \"Text\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n });\n questionIdAdded.push(prop.questionId);\n }\n } else {\n let subQuestionInfo = [];\n prop.forEach((questionData: any, index: any) => {\n let questionExist;\n if (\n questionData.questionId == \"14-3\" ||\n questionData.questionId == \"15-1\" ||\n questionData.questionId == \"15-2\" ||\n questionData.questionId == \"15-4\" ||\n questionData.questionId == \"15-6\" ||\n questionData.questionId == \"16-1\" ||\n questionData.questionId == \"17-1\" ||\n questionData.questionId == \"18-1\" ||\n questionData.questionId == \"19-1\" ||\n questionData.questionId == \"40-1\" ||\n questionData.questionId == \"40-2\" ||\n questionData.questionId == \"40-3\" ||\n questionData.questionId == \"40-4\" ||\n questionData.questionId == \"40-5\"\n ) {\n questionExist = questionIdAdded.filter(\n (group) => group == questionData.questionId\n );\n formDataObj[questionData.questionId + \"dropdown\"] = new FormControl(\n \"\"\n );\n subQuestionInfo.push({\n label: questionData.questionId + \"dropdown\",\n type: \"Dropdown\",\n desc: questionData.questionDesc,\n id: questionData.questionSequence,\n questionId: questionData.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: true,\n parentId: questionData.parentId,\n data: this.dropdownData[questionData.questionId],\n });\n questionIdAdded.push(questionData.questionId);\n } else {\n if (questionData.radioButtonType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == questionData.questionId\n );\n formDataObj[questionData.questionId + \"radio\"] = new FormControl(\n \"\"\n );\n subQuestionInfo.push({\n label: questionData.questionId + \"radio\",\n type: \"RadioButton\",\n desc: questionData.questionDesc,\n id: questionData.questionSequence,\n questionId: questionData.questionId,\n parentId: questionData.parentId,\n showDesc: questionExist.length ? false : true,\n subQuestion: index == 0 ? false : true,\n });\n questionIdAdded.push(questionData.questionId);\n }\n if (questionData.ratingType == \"Yes\") {\n //remarks rating\n questionExist = questionIdAdded.filter(\n (group) => group == questionData.questionId\n );\n formDataObj[questionData.questionId + \"rate\"] = new FormControl(\n \"\"\n );\n subQuestionInfo.push({\n label: questionData.questionId + \"rate\",\n type: \"Rate\",\n desc: questionData.questionDesc,\n id: questionData.questionSequence,\n questionId: questionData.questionId,\n parentId: questionData.parentId,\n showDesc: questionExist.length ? false : true,\n subQuestion: index == 0 ? false : true,\n });\n questionIdAdded.push(questionData.questionId);\n }\n if (questionData.remarksType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == questionData.questionId\n );\n formDataObj[questionData.questionId + \"text\"] = new FormControl(\n \"\"\n );\n subQuestionInfo.push({\n label: questionData.questionId + \"text\",\n type: \"Text\",\n desc: questionData.questionDesc,\n id: questionData.questionSequence,\n questionId: questionData.questionId,\n parentId: questionData.parentId,\n showDesc: questionExist.length ? false : true,\n subQuestion: index == 0 ? false : true,\n });\n questionIdAdded.push(questionData.questionId);\n }\n }\n });\n\n this.questionInfo.push(subQuestionInfo);\n }\n }\n this.questionForm = new FormGroup(formDataObj);\n }\n\n checkQuestionValidation(): boolean {\n let valid = true;\n // this.errorCheck = false;\n // this.errorCheck15 = false;\n if (this.questionForm !== undefined) {\n if (\n this.questionForm.value[\"14rate\"] &&\n this.questionForm.value[\"14rate\"] != null &&\n this.questionForm.value[\"14rate\"] <= 3\n ) {\n if (\n !this.questionForm.value[\"14-1text\"] ||\n !this.questionForm.value[\"14-2text\"] ||\n !this.questionForm.value[\"14-3dropdown\"] ||\n !this.questionForm.value[\"14-4text\"]\n ) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (\n this.questionForm.value[\"15rate\"] &&\n this.questionForm.value[\"15rate\"] != null &&\n this.questionForm.value[\"15rate\"] <= 3\n ) {\n if (\n !this.questionForm.value[\"15-1dropdown\"] ||\n !this.questionForm.value[\"15-2dropdown\"] ||\n !this.questionForm.value[\"15-3radio\"] ||\n !this.questionForm.value[\"15-5text\"] ||\n !this.questionForm.value[\"15-6dropdown\"]\n ) {\n valid = false;\n }\n if(this.questionForm.value[\"15-3radio\"] == 'No' && this.questionForm.value[\"15-4dropdown\"] == ''){\n valid = false;\n }\n }\n if (\n this.questionForm.value[\"16rate\"] &&\n this.questionForm.value[\"16rate\"] != null &&\n this.questionForm.value[\"16rate\"] <= 3\n ) {\n if (!this.questionForm.value[\"16-1dropdown\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (\n this.questionForm.value[\"17rate\"] &&\n this.questionForm.value[\"17rate\"] != null &&\n this.questionForm.value[\"17rate\"] <= 3\n ) {\n if (!this.questionForm.value[\"17-1dropdown\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (\n this.questionForm.value[\"18rate\"] &&\n this.questionForm.value[\"18rate\"] != null &&\n this.questionForm.value[\"18rate\"] <= 3\n ) {\n if (!this.questionForm.value[\"18-1dropdown\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (\n this.questionForm.value[\"19rate\"] &&\n this.questionForm.value[\"19rate\"] != null &&\n this.questionForm.value[\"19rate\"] <= 3\n ) {\n if (!this.questionForm.value[\"19-1dropdown\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if(\n this.questionForm.value[\"33radio\"] == 'No'\n ) {\n if(this.questionForm.value[\"33-1radio\"] == '') {\n this.errorRadio = true;\n valid = false;\n }\n }\n\n if (this.questionForm.value['31radio'] == '' || this.questionForm.value['13radio'] == '' || this.questionForm.value['20radio'] == '' || this.questionForm.value['27radio'] == '' ){\n //this.errorRadio = true;\n valid = false;\n }\n\n if (\n this.questionForm.value[\"35radio\"] == 'Yes'\n ) {\n if(this.questionForm.value[\"36radio\"] == '') {\n this.errorRadio5 = true;\n valid = false;\n }\n }\n if(this.questionForm.value[\"37text\"] == '') {\n this.errorCheck = true;\n valid = false;\n }\n if (this.questionForm.value[\"48text\"] == '') {\n this.errorCheck = true;\n valid = false;\n }\n if(\n this.questionForm.value[\"39radio\"] == 'No'\n ) {\n if(this.questionForm.value[\"39text\"] == '') {\n //this.errorRadio5 = true;\n valid = false;\n }\n }\n // for making leading reason mandatory in PRS for blanket feedback\n if (this.blanketFeedback == 'S' || this.blanketFeedback == 'D') {\n if (\n this.questionForm.value[\"40-1dropdown\"] == '' ||\n this.questionForm.value[\"40-2dropdown\"] == '' ||\n this.questionForm.value[\"40-3dropdown\"] == '' ||\n this.questionForm.value[\"40-4dropdown\"] == '' ||\n this.questionForm.value[\"40-5dropdown\"] == ''\n ) {\n valid = false;\n }\n }\n if (this.questionForm.value[\"56-2rate\"] && this.questionForm.value[\"56-2rate\"] != null && this.questionForm.value[\"56-2rate\"] <= 3) {\n if (!this.questionForm.value[\"56-2text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"57-2rate\"] && this.questionForm.value[\"57-2rate\"] != null && this.questionForm.value[\"57-2rate\"] <= 3) {\n if (!this.questionForm.value[\"57-2text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"58-2rate\"] && this.questionForm.value[\"58-2rate\"] != null && this.questionForm.value[\"58-2rate\"] <= 3) {\n if (!this.questionForm.value[\"58-2text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"59rate\"] && this.questionForm.value[\"59rate\"] != null && this.questionForm.value[\"59rate\"] <= 3) {\n if (!this.questionForm.value[\"59text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"61rate\"] && this.questionForm.value[\"61rate\"] != null && this.questionForm.value[\"61rate\"] <= 3) {\n if (!this.questionForm.value[\"61text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"62rate\"] && this.questionForm.value[\"62rate\"] != null && this.questionForm.value[\"62rate\"] <= 3) {\n if (!this.questionForm.value[\"62text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"64rate\"] && this.questionForm.value[\"64rate\"] != null && this.questionForm.value[\"64rate\"] <= 3) {\n if (!this.questionForm.value[\"64text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"65rate\"] && this.questionForm.value[\"65rate\"] != null && this.questionForm.value[\"65rate\"] <= 3) {\n if (!this.questionForm.value[\"65text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"66rate\"] && this.questionForm.value[\"66rate\"] != null && this.questionForm.value[\"66rate\"] <= 3) {\n if (!this.questionForm.value[\"66text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"67rate\"] && this.questionForm.value[\"67rate\"] != null && this.questionForm.value[\"67rate\"] <= 3) {\n if (!this.questionForm.value[\"67text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"68rate\"] && this.questionForm.value[\"68rate\"] != null && this.questionForm.value[\"68rate\"] <= 3) {\n if (!this.questionForm.value[\"68text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"69rate\"] && this.questionForm.value[\"69rate\"] != null && this.questionForm.value[\"69rate\"] <= 3) {\n if (!this.questionForm.value[\"69text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"70rate\"] && this.questionForm.value[\"70rate\"] != null && this.questionForm.value[\"70rate\"] <= 3) {\n if (!this.questionForm.value[\"70text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"73rate\"] && this.questionForm.value[\"73rate\"] != null && this.questionForm.value[\"73rate\"] <= 3) {\n if (!this.questionForm.value[\"73text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"74rate\"] && this.questionForm.value[\"74rate\"] != null && this.questionForm.value[\"74rate\"] <= 3) {\n if (!this.questionForm.value[\"74text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"75rate\"] && this.questionForm.value[\"75rate\"] != null && this.questionForm.value[\"75rate\"] <= 3) {\n if (!this.questionForm.value[\"75text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"76rate\"] && this.questionForm.value[\"76rate\"] != null && this.questionForm.value[\"76rate\"] <= 3) {\n if (!this.questionForm.value[\"76text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"77rate\"] && this.questionForm.value[\"77rate\"] != null && this.questionForm.value[\"77rate\"] <= 3) {\n if (!this.questionForm.value[\"77text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"78rate\"] && this.questionForm.value[\"78rate\"] != null && this.questionForm.value[\"78rate\"] <= 3) {\n if (!this.questionForm.value[\"78text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"80rate\"] && this.questionForm.value[\"80rate\"] != null && this.questionForm.value[\"80rate\"] <= 3) {\n if (!this.questionForm.value[\"80text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"81rate\"] && this.questionForm.value[\"81rate\"] != null && this.questionForm.value[\"81rate\"] <= 3) {\n if (!this.questionForm.value[\"81text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"82rate\"] && this.questionForm.value[\"82rate\"] != null && this.questionForm.value[\"82rate\"] <= 3) {\n if (!this.questionForm.value[\"82text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"83rate\"] && this.questionForm.value[\"83rate\"] != null && this.questionForm.value[\"83rate\"] <= 3) {\n if (!this.questionForm.value[\"83text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"84rate\"] && this.questionForm.value[\"84rate\"] != null && this.questionForm.value[\"84rate\"] <= 3) {\n if (!this.questionForm.value[\"84text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"85rate\"] && this.questionForm.value[\"85rate\"] != null && this.questionForm.value[\"85rate\"] <= 3) {\n if (!this.questionForm.value[\"85text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n if (this.questionForm.value[\"87-2rate\"] && this.questionForm.value[\"87-2rate\"] != null && this.questionForm.value[\"87-2rate\"] <= 3) {\n if (!this.questionForm.value[\"87-2text\"]) {\n valid = false;\n //this.errorCheck = true;\n }\n }\n }\n this.formSubmitted = valid;\n return valid;\n }\n\n getFeedbackValue(): any {\n let idFeedback = \"\";\n let formValue = this.questionForm.value;\n this.questions.forEach((element, index) => {\n if (element.length) {\n element.forEach((subElement, subindex) => {\n if (\n subElement.questionId == \"14-3\" || subElement.questionId == \"15-1\" ||\n subElement.questionId == \"15-2\" || subElement.questionId == \"15-6\" ||\n subElement.questionId == \"16-1\" || subElement.questionId == \"17-1\" ||\n subElement.questionId == \"18-1\" || subElement.questionId == \"15-4\" ||\n subElement.questionId == \"40-1\" || subElement.questionId == \"40-2\" ||\n subElement.questionId == \"40-3\" || subElement.questionId == \"40-4\" ||\n subElement.questionId == \"40-5\" ||\n (subElement.questionId == \"19-1\" &&\n formValue[subElement.questionId + \"dropdown\"] &&\n formValue[subElement.questionId + \"dropdown\"] != null &&\n formValue[subElement.questionId + \"dropdown\"] != \"\")\n ) {\n let feedback1 = subElement.questionId + \"#\" + formValue[subElement.questionId + \"dropdown\"] + \"#\" + \"\";\n idFeedback = idFeedback == \"\" ? feedback1 : idFeedback + \";\" + feedback1;\n } else if(subElement.questionId == \"14-1\" || subElement.questionId == \"14-2\"\n || subElement.questionId == \"14-4\" || subElement.questionId == \"15-4\"\n || subElement.questionId == \"15-5\") {\n let feedback = \"\";\n if ( subElement.ratingType == \"No\" && formValue[subElement.questionId + \"text\"]) {\n feedback = subElement.questionId + \"#\" + formValue[subElement.questionId + \"text\"] + \"#\" + \"\";\n } else {\n feedback = subElement.questionId + \"#\" + \"\" + \"#\" + \"\";\n }\n idFeedback = idFeedback == \"\" ? feedback : idFeedback + \";\" + feedback;\n } else {\n let feedback = \"\";\n if (subElement.radioButtonType == \"Yes\" && formValue[subElement.questionId + \"radio\"]) {\n feedback = feedback + \"#\" + formValue[subElement.questionId + \"radio\"];\n } else if(subElement.radioButtonType == \"Yes\"){\n feedback = feedback + \"#\"+ \"\";\n }\n if (subElement.ratingType == \"Yes\" && formValue[subElement.questionId + \"rate\"]) {\n feedback = feedback + \"#\" + formValue[subElement.questionId + \"rate\"];\n } else if(subElement.ratingType == \"Yes\"){\n feedback = feedback + \"#\"+ \"\";\n }\n if ( subElement.remarksType == \"Yes\" && formValue[subElement.questionId + \"text\"]) {\n feedback = feedback + \"#\" + formValue[subElement.questionId + \"text\"];\n } else {\n feedback = feedback + \"#\" + \"\";\n }\n feedback = feedback != \"\" ? subElement.questionId + feedback : feedback;\n if (feedback != \"\") {\n if (index == 0 && subindex == 0) {\n idFeedback = feedback;\n } else {\n idFeedback = idFeedback == \"\" ? feedback : idFeedback + \";\" + feedback;\n }\n }\n }\n });\n } else {\n let feedback = \"\";\n if ( element.radioButtonType == \"Yes\" && formValue[element.questionId + \"radio\"]) {\n feedback = feedback + \"#\" + formValue[element.questionId + \"radio\"];\n } else if(element.radioButtonType == \"Yes\"){\n feedback = feedback + \"#\"+ \"\";\n }\n if ( element.ratingType == \"Yes\" && formValue[element.questionId + \"rate\"]) {\n feedback = feedback + \"#\" + formValue[element.questionId + \"rate\"];\n } else if(element.ratingType == \"Yes\"){\n feedback = feedback + \"#\"+ \"\";\n }\n if ( element.remarksType == \"Yes\" && formValue[element.questionId + \"text\"]) {\n feedback = feedback + \"#\" + formValue[element.questionId + \"text\"];\n } else {\n feedback = feedback + \"#\" + \"\";\n }\n feedback = feedback != \"\" ? element.questionId + feedback : feedback;\n if (feedback != \"\") {\n if (index == 0) {\n idFeedback = feedback;\n } else {\n idFeedback = idFeedback == \"\" ? feedback : idFeedback + \";\" + feedback;\n }\n }\n }\n });\n return idFeedback;\n }\n\n getCustomerName(type){\n if(type=='C'){\n this.contactInfoOwner.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n // return this.custNameForSave\n }\n });\n }else if(type=='F'){\n this.contactInfoFleet.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n // return this.custNameForSave\n }\n });\n }\n else if(type=='D'){\n this.contactInfoDriver.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n // return this.custNameForSave\n }\n });\n }\n else{\n this.custNameForSave= this.customerData.customerName\n }\n }\n\n saveResponseData() {\n this.formSubmitted = true;\n if (this.checkQuestionValidation()) {\n let idFeedback = \"\";\n let vin = \"\";\n if (!this.blanketFeedback) {\n idFeedback = this.getFeedbackValue();\n }\n if (this.blanketFeedback == 'S' || this.blanketFeedback == 'D') {\n idFeedback = this.getFeedbackValue();\n }\n if(this.jobCardNo == undefined){\n this.jobCardNo = \"\";\n }\n if(this.questionType != 'PRS') {\n vin = this.selectedVehicle.split(' - ')[0];\n } else {\n vin = this.selectedVin;\n }\n let type = this.ownerSelected ? 'C' : (this.fleetSelected ? 'F' : 'D')\n this.getCustomerName(type);\n let request = {\n blanketFeedback: this.blanketFeedback || \"N\",\n callTypeInd: this.questionType || \"\",\n customerId: this.customerData.customerId || \"\",\n idFeedback: idFeedback || \"\",\n jobCardNo: this.jobCardNo,\n userId: this.userId || \"\",\n vin: vin,\n workshopCode: this.workshopCode || \"\",\n customerType: type,\n phoneNo: this.selectedNumber?this.selectedNumber:'',\n customerName: this.custNameForSave?this.custNameForSave:'',\n roleId: this.roleId,\n callTypeCode: this.customerData.callTypeCode,\n callTypeSeq: this.customerData.callTypeSq,\n dtsCreation: new Date(),\n remark: this.creRemark || \"\",\n };\n\n if (this.blanketFeedback == \"S\" || this.blanketFeedback == \"D\") {\n const dialogRef = this.dialog.open(BlanketFeedbackDailogComponent, {\n width: '550px',\n data: {}\n });\n dialogRef.afterClosed().subscribe(result => {\n if (result) {\n this.saveResponse(request);\n } else {\n this.formSubmitted = false;\n this.spinner = false;\n }\n });\n } else {\n this.saveResponse(request);\n }\n\n }\n }\n\n saveResponse(requestData: any): void {\n //this.commonService.prsCustomerResponse = '';\n if (this.customerData.callTypeSq == '3' && this.roleId == '12') {\n\n this.commonService.prsFeedbackCheck(requestData).subscribe((res) => {\n\n if (res[\"responseCode\"] == 0) {\n\n this.spinner = false;\n\n this.toastr.info(res[\"message\"], \"Success\");\n } else {\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n }, (error) => {\n this.toastr.error(error, \"Error\");\n this.spinner = false;\n })\n }\n this.commonService.prsSaveVinFeedback(requestData,this.complaintId,this.complaintRemarks).subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n this.toastr.info(res[\"message\"], \"Success\");\n this.commonService.prsCustomerResponse = requestData;\n this.clear();\n this.formSubmitted = false;\n if(!((this.cus360.VECHILE_INFO.length - 1) > 0)) {\n this.router.navigate([\"prs-calling\"]);\n } else {\n this.chassis = this.cus360[\"VECHILE_INFO\"].filter((vehicle) => vehicle.chassisNo != this.selectedVin)[0].chassisNo;\n this.getCustomer360();\n }\n } else {\n this.formSubmitted = false;\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (error) => {\n this.formSubmitted = false;\n this.toastr.error(error, \"Error\");\n this.spinner = false;\n });\n }\n\n /**\n * Name: hasQuesDataError\n * purpose: To check if customer form has any error\n * @param {any} control - form control\n * @return {boolean} flag to determine if form is valid.\n */\n hasQuesDataError(control: any, form: any): boolean {\n let controler = form.controls[control];\n return (\n controler &&\n (this.formSubmitted || controler.touched || controler.dirty) &&\n !controler.valid\n );\n }\n\n clear() {\n this.questionForm = undefined;\n this.questionInfo = [];\n this.createQuestionForm(this.questions);\n this.blanketFeedback = \"\";\n this.formSubmitted = false;\n this.diasableCreateComplain=true;\n }\n\n /**\n * Name: prsCustomeResponse\n * purpose: To get Prs Custome Response\n * @param {string} status - call status\n */\n prsCustomeResponse(status: string): void {\n this.submitted = false;\n if (\"101\" == status) {\n this.talked = \"101\";\n this.noResponce = \"\";\n const self = this;\n this.level1Form = undefined;\n this.level1info = [];\n this.level2Form = undefined;\n this.level2info = [];\n let callType = \"4\";\n this.commonService.prsCustomeResponse(callType).subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n let data = res[\"responseData\"];\n self.responseDropDownData = data;\n this.createLevel1Form(data[\"Level1\"]);\n this.getLanguage();\n } else {\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (error) => {\n this.toastr.error(error, \"Error\");\n this.spinner = false;\n }\n );\n } else {\n this.talked = \"102\";\n this.level1Form = undefined;\n this.level1info = [];\n this.level2Form = undefined;\n this.level2info = [];\n this.yesResponce = \"\";\n this.nsReason = \"\";\n }\n }\n\n /**\n * Name: createLevel1Form\n * purpose: To create Level1 Form\n * @param {any} data - form data\n */\n createLevel1Form(data: any): void {\n this.submitted = false;\n this.countFlag = false;\n const formDataObj = {};\n for (const prop of data) {\n formDataObj[prop.label] = new FormControl(\"\", [Validators.required]);\n if (prop.dataType == \"Dropdown\") {\n this.countFlag=true\n var dropDownData = [];\n prop.data.forEach((element) => {\n if ((element.key == \"202\" && this.followupCount <=9 ) || element.key == \"203\" || element.key == \"210\" || element.key == \"211\" || element.key == \"212\") {\n dropDownData.push({ value: element.key, viewValue: element.value });\n }\n });\n }\n this.level1info.push({\n label: prop.label,\n type: prop.dataType,\n data: prop.dataType === \"Dropdown\" ? dropDownData : prop.data,\n });\n }\n this.level1Form = new FormGroup(formDataObj);\n }\n\n /**\n * Name: createLevel2Form\n * purpose: To create Level2 Form\n * @param {any} data - form data\n */\n createLevel2Form(data: any): void {\n this.submitted = false;\n this.level2Form = undefined;\n this.level2info = [];\n const formDataObj = {};\n let selection = this.level1Form.controls[\"Select Reason\"].value;\n if (data[selection] && data[selection].length) {\n for (const prop of data[selection]) {\n if (prop.dataType == \"Dropdown\") {\n if (selection == \"211\") {\n formDataObj[prop.label] = new FormControl(\"\", Validators.required);\n var dropDownData = [];\n this.languageList.forEach((element) => {\n dropDownData.push({ value: this.languageMap.get(element), viewValue: element});\n });\n } else {\n formDataObj[prop.label] = new FormControl(\"\", Validators.required);\n var dropDownData = [];\n prop.data.forEach((element) => {\n dropDownData.push({ value: element.key, viewValue: element.value });\n });\n }\n } else if (prop.dataType == \"Date\") {\n formDataObj[prop.data[0].key] = new FormControl(\"\", [\n Validators.required,\n ]);\n } else if (prop.dataType == \"Number\") {\n formDataObj[prop.data[0].key] = new FormControl(\"\", [\n Validators.minLength(10),\n Validators.maxLength(10),\n ]);\n } else {\n formDataObj[prop.data[0].key] = new FormControl(\"\");\n }\n this.level2info.push({\n label: prop.label,\n type: prop.dataType,\n data: prop.dataType === \"Dropdown\" ? dropDownData : prop.data,\n });\n }\n }\n\n this.level2Form = new FormGroup(formDataObj);\n }\n\n /**\n * Name: hasDataError\n * purpose: To check if customer form has any error\n * @param {any} control - form control\n * @return {boolean} flag to determine if form is valid.\n */\n hasDataError(control: any, form: any): boolean {\n let controler = form.controls[control];\n return (\n controler &&\n (this.submitted || controler.touched || controler.dirty) &&\n !controler.valid\n );\n }\n\n checkFormValidation(): boolean {\n let valid = true;\n if (this.talked == \"102\" && this.noResponce == \"\") {\n valid = false;\n } else if (this.level1Form !== undefined && !this.level1Form.valid) {\n valid = false;\n } else if (this.level2Form !== undefined && !this.level2Form.valid) {\n valid = false;\n }\n this.submitted = valid;\n return valid;\n }\n\n /**\n * Name: createLevelWiseData\n * purpose: To create LevelWise Data\n */\n createLevelWiseData() {\n var levelResponseData = {};\n\n if (this.level1Form !== undefined) {\n let obj = {};\n Object.keys(this.level1Form.value).filter((data) => {\n obj[this.level1Form.value[data]] = this.level1Form.value[data];\n });\n levelResponseData[\"Level1\"] = obj;\n } else {\n levelResponseData[\"Level1\"] = null;\n }\n\n if (this.level2Form !== undefined) {\n if (this.level2Form.value[304] != null) {\n this.level2Form.value[303] = this.datePipe.transform(\n this.level2Form.value[304],\n \"yyyy-MM-ddTHH:mm:ssZ\",\"+0000\"\n );\n this.level2Form.value[304] = this.datePipe.transform(\n this.level2Form.value[304],\n \"yyyy-MM-dd\",\"+0000\"\n );\n }\n levelResponseData[\"Level2\"] = this.level2Form.value;\n } else {\n levelResponseData[\"Level2\"] = null;\n }\n return levelResponseData;\n }\n\n getBookingFollowupCount(customerId: string, vin: string){\n this.commonService.getBookingFollowupCount(customerId, vin, 'prs')\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n // this.bookingCount = res['responseData'].bookingCount;\n this.followupCount = res['responseData'].followUpCount;\n\n } else {\n //this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n\n }\n\n /**\n * Name: saveCallResponse\n * purpose: To save Dial Data\n */\n saveCallResponse() {\n //this.commonService.customerResponse = '';\n this.submitted = true;\n if (this.checkFormValidation()) {\n this.showNoRespError = false;\n var levelData = this.createLevelWiseData();\n this.spinner = true;\n let serviceDueDate = this.datePipe.transform(new Date(), \"yyyy-MM-dd\");\n let startTime = new Date();\n let endTime = new Date();\n let vin = \"\";\n if(this.questionType != 'PRS') {\n vin = this.selectedVehicle.split(' - ')[0];\n } else {\n vin = this.selectedVin;\n }\n endTime.setSeconds(endTime.getSeconds() + 5);\n let type=this.ownerSelected ? 'C' : (this.fleetSelected ? 'F' : 'D');\n this.getCustomerName(type)\n let request = {\n callEndTime: endTime,\n callStartTime: startTime,\n callTypeSeq: this.customerData.callTypeSq || \"\",\n customerContactInd: this.talked,\n customerId: this.customerData.customerId,\n dealerCode: this.workshopCode,\n levelData: levelData,\n remark: this.creRemark || \"\",\n responseForNo: this.noResponce || \"\",\n serviceDueDate: serviceDueDate,\n userID: this.userId,\n vin: (this.cus360[\"VECHILE_INFO\"].length > 1 && this.questionType != \"PRS\")? \"\" : vin,\n customerType: type,\n phoneNo: this.selectedNumber?this.selectedNumber:'',\n customerName: this.custNameForSave?this.custNameForSave:'',\n role:this.userRoles,\n roleId: this.roleId,\n jobCardNo: this.jobCardNo,\n };\n\n \n\n this.saveCallRecording(request);\n } else if (this.talked == \"102\" && this.noResponce == \"\") {\n this.showNoRespError = true;\n }\n }\n\n /**\n * Name: getLanguage\n * purpose: To get Languages\n */\n getLanguage() {\n // this.spinner = true;\n this.languageList = [];\n this.commonService.getLanguage().subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n res[\"responseData\"].forEach(element => {\n this.languageList.push(element.languagePre)\n this.languageMap.set(element.languagePre, element.languageCode+\"#\"+element.languagePre);\n });\n //this.spinner = false;\n } else {\n //this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (error) => {\n this.toastr.error(error, \"Error\");\n //this.spinner = false;\n }\n );\n }\n\n onKey() : void {\n this.vehicleList = this.vehicleListCopy;\n this.vehicle = [];\n // this.selectedValue = this.selectWorkshop.controls.selectedDealer.value;\n this.selectedValue = this.selectedValue.toString();\n this.vehicle = this.vehicleList.filter(item =>\n item.toLowerCase().includes(this.selectedValue.toLowerCase())\n );\n if(this.vehicle.length > 0){\n this.closeInput();\n }\n this.vehicleList = [];\n this.vehicleList = this.vehicle;\n }\n\n closeInput() : void {\n if(this.vehicle.length == 0) {\n //this.selectedDealer = '';\n //this.selectWorkshop.controls[\"selectedDealer\"].setValue(\"\");\n this.selectedValue = \"\";\n this.vehicleList = this.vehicleListCopy;\n }\n }\n\n /**\n * Name: getCallList\n * purpose: To get customer call data\n */\n getCallList(): void {\n //this.spinner = true;\n this.commonService.callDetails(this.userId, this.customerID, 'PRS').subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n //this.spinner = false;\n \n this.callLists = new MatTableDataSource(res['responseData']);\n this.recentNumber = (res['responseData'].length && res['responseData'][0].custNo) ? res['responseData'][0].custNo.split('+91')[1] : '';\n this.sort.direction = '';\n this.callLists.sort = this.callLogsSort;\n this.callLists.paginator = this.paginator;\n this.callCount = res['responseData'].length;\n } else {\n //this.spinner = false;\n }\n }, err => {\n //this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: getCallRecording\n * purpose: To get call recording and play\n */\n recordingUrl:string = ''\n \n getCallRecording(bucketName: string, fileName: string, id: string, source: string ,element:any): void {\n\n if (element.recordingUrl) {\n this.recordingUrl = element.recordingUrl;\n }else{\n this.recordingUrl = '';\n }\n this.spinner = true;\n this.onRecordingClose();\n this.commonService.downloadAudio(bucketName, fileName, source).subscribe(res => {\n this.spinner = false;\n var binary = res['body'];\n var blob = new Blob([binary], { type: 'audio/mp4' });\n this.audioSource.id = id;\n this.audioSource.url = URL.createObjectURL(blob);\n if (this.audioSource.url) {\n this.playRecording();\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n selectBlanket(value){\n if(value == 'D'&&this.roleId==\"1\"){\n this.diasableCreateComplain = false;\n this.disableSubmitButton = true ;\n }else{\n this.diasableCreateComplain = false;\n this.disableSubmitButton = false ;\n }\n }\n changeRating(formRating) {\n const formRatingInfo = this.questionForm.get(formRating);\n if (formRatingInfo.touched) {\n this.disableSubmitButton = false;\n }\n\n if (formRatingInfo.touched && this.roleId == \"1\") {\n let lessThanThree = false;\n for (const obj in this.questionForm.value) {\n let isRating=obj.toString()\n if (isRating.includes('rate')&&this.questionForm.value[obj] && this.questionForm.value[obj] <= 3) {\n lessThanThree = true;\n }\n }\n if (lessThanThree) {\n this.diasableCreateComplain = false;\n this.disableSubmitButton = true;\n } else {\n this.diasableCreateComplain = true;\n }\n } else if (formRatingInfo.touched && this.roleId == \"12\") {\n let allOneRating = false;\n this.diasableCreateComplain = false;\n for (const obj in this.questionForm.value) {\n let isRating=obj.toString()\n if (isRating.includes('rate')&&this.questionForm.value[obj] > 1) {\n allOneRating = true\n }\n }\n if (allOneRating) {\n this.disableSubmitButton = false;\n }\n else {\n this.disableSubmitButton = true;\n }\n }\n }\n\n\n /**\n * Name: playRecording\n * purpose: To play recoding\n */\n playRecording(): void {\n this.showPlayBtn = false;\n this.showRecordingDailog = true;\n }\n\n /**\n * Name: onRecordingClose\n * purpose: To close Recording dailog\n */\n onRecordingClose() {\n this.showPlayBtn = true;\n this.showRecordingDailog = false;\n }\n\n /**\n * Name: closeDailog\n * purpose: To close Dailog\n */\n closeDailog(): void {\n this.close.emit(null);\n }\n\n openComplaintDialog() {\n this.commonService.complaintCheck(this.jobCardNo, this.roleId, this.userId, this.callTypeCode, this.customerID, this.chassisNo).subscribe(res=>{\n if(res[\"responseData\"] == \"Complaint Does Not Exists\") {\n openPrsComplaintDialog(this.dialog, this.customerData.dealerCode, this.customerID, this.vehicleDetails.chassisNo, this.vehicleDetails.registrationNo, this.jobCardNo, this.callTypeCode, this.roleId).subscribe(res=>{\n if(res.complaintId != '' && res.complaintId != null ) {\n this.complaintId = res.complaintId;\n this.complaintRemarks = res.complaintRemarks;\n this.disableSubmitButton = res.isSubmitted\n }\n });\n } else if(res[\"responseData\"] == \"Complaint Already Exists\") {\n this.toastr.info(\"complaint Already Exists\")\n }\n });\n }\n\n fetchBlockStatus() {\n this.commonService.fetchBlockStatus(this.customerID, 'prs').subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.blockStatus = res[\"responseData\"].blockStatus;\n //this.spinner = false;\n } else {\n //this.spinner = false;\n }\n }, err => {\n //this.spinner = false;\n // this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n\n activeTabLabel: string = 'Owner'; \n activeIndex:number = 0\n userInfo: any;\n\n\n selectedContactNumbers = {\n 'Owner': null,\n 'Fleet Manager': null,\n 'Driver': null\n };\n\n onTabChange(event: MatTabChangeEvent) {\n this.activeTabLabel = event.tab.textLabel;\n this.activeIndex = event.index;\n this.updateActiveContactNo();\n }\n\n \n\n private updateActiveContactNo() {\n let contactList;\n \n if (this.activeIndex === 0) {\n contactList = this.contactInfoOwner;\n } else if (this.activeIndex === 1) {\n contactList = this.contactInfoFleet;\n } else if (this.activeIndex === 2) {\n contactList = this.contactInfoDriver;\n }\n \n console.log(this.activeIndex);\n console.log(contactList);\n if (contactList && contactList.length > 0) {\n this.selectedContactNumbers[this.activeTabLabel] = this.selectedContactNumbers[this.activeTabLabel] || contactList[0].contactNo;\n }\n \n }\n \n onRadioChange(contactNo: string, tabLabel: string) {\n this.selectedContactNumbers[tabLabel] = contactNo;\n \n \n }\n\n\n private callingToUser(){\n let customerPhone = this.selectedContactNumbers[this.activeTabLabel];\n if(customerPhone){\n this.makeCall(customerPhone)\n }else{\n this.spinner = false;\n this.toastr.error(\"Customer Phone number can't be Empty while placing the call\")\n }\n }\n\n \n private makeCall(customerPhone:string) {\n const callParams = new CallParams(this.userInfo.contactNo, customerPhone);\n this.spinner = true\n this.commonService.createCallConnection_API(callParams).subscribe({\n next: (response) => {\n if(response.responseData.Uri) {\n localStorage.setItem(\"exotel_URI\",response.responseData.Uri)\n } else{\n localStorage.setItem(\"exotel_URI\",'')\n }\n \n if (response.responseCode==0) {\n this.toastr.success(\"Call is in progress\")\n }else{\n this.toastr.error(response.responseData)\n \n }\n \n },\n error:(error)=>{\n this.spinner = false\n this.toastr.error(\"Something went wrong\");\n this.showPrs360=false;\n \n },\n complete:()=>{\n this.spinner = false\n }\n });\n }\n\n\n private saveCallRecording(data:any){\n const URI = localStorage.getItem('exotel_URI')\n const CRE_ID = this.userInfo.userId \n const CUSTOMER_CODE = this.customerData.customerId\n const SOURCE = \"PRS\";\n console.log(\"SAVE\" , URI);\n if (URI)\n {\n this.spinner = true;\n const callRecordingParams = new SaveCallRecordingParams(CRE_ID,CUSTOMER_CODE,SOURCE,URI)\n this.commonService.saveCallRecording_API(callRecordingParams).subscribe({\n next:(response)=>{\n if (response.responseCode == 0) {\n this.toastr.success(response.message, 'Success')\n this.saveFormResponse(data);\n }\n else\n {\n this.toastr.error(response.message, 'Error');\n this.submitted = false;\n \n }\n \n }\n ,error:(error)=>{\n console.log(error);\n this.submitted = false;\n this.spinner = false;\n },\n complete:()=>{\n this.spinner = false;\n \n \n }\n })\n }else{\n this.saveFormResponse(data);\n }\n }\n\n private saveFormResponse(request: any){\n\n this.commonService.prsSaveData(request).subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n this.toastr.info(res[\"message\"], \"Success\");\n this.router.navigate([\"prs-calling\"])\n this.commonService.prsCustomerResponse = request;\n this.submitted = false;\n this.level1Form = undefined;\n this.level1info = [];\n this.level2Form = undefined;\n this.level2info = [];\n this.creRemark = null;\n this.showNoRespError = false;\n this.yesResponce = \"\";\n this.nsReason = \"\";\n if(\"101\" == this.talked) {\n this.createLevel1Form(this.responseDropDownData&&this.responseDropDownData[\"Level1\"]);\n }\n this.router.navigate([\"prs-calling\"]);\n } else {\n this.submitted = false;\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (error) => {\n this.submitted = false;\n this.toastr.error(error, \"Error\");\n this.spinner = false;\n }\n );\n }\n\n openConfirmation() {\n if (localStorage.getItem('countryCode')=='IND91') {\n this.dialogService.openConfirmDialog().subscribe(result => {\n if (result) {\n console.log(result);\n this.show360(); \n } else {\n console.log(result);\n }\n });\n }else{\n this.show360();\n }\n \n }\n \n}","export default \".chart-container {\\n display: block;\\n margin-bottom: 0px !important;\\n padding: 0px 10px !important;\\n}\\n\\n.detail-card ::ng-deep .mat-tab-label {\\n height: 48px;\\n padding: 0 8px;\\n min-width: 95px;\\n}\\n\\n.chartjs-render-monitor {\\n max-width: 100% !important;\\n}\\n\\n.kpi {\\n background-color: #ededed;\\n padding-top: 120px;\\n padding-left: 10px;\\n padding-right: 20px;\\n padding-bottom: 20px;\\n}\\n\\n.kpi h3 {\\n text-align: center;\\n}\\n\\n.kpi-chart {\\n background: white;\\n padding: 5px;\\n}\\n\\n.kpi-chart .chart-container {\\n padding: 0px 10px;\\n}\\n\\n.kpi-chart .chartjs-render-monitor {\\n height: 60px !important;\\n}\\n\\n.kpi-chrt-head {\\n text-align: center;\\n margin: 0px;\\n}\\n\\n.kpi-chrt-head .heading-kpi {\\n font-size: 13px;\\n color: black;\\n font-weight: 500;\\n padding-top: 5px;\\n}\\n\\n.kpi-chrt-head .state {\\n font-size: 15px;\\n font-weight: 500;\\n padding-top: 10px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvcHJzLWRhc2hib2FyZC9jaGFydC1wcnMtZGFzaGJvYXJkL2NoYXJ0LXBycy1kYXNoYm9hcmQuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudC9wcnMtZGFzaGJvYXJkL2NoYXJ0LXBycy1kYXNoYm9hcmQvY2hhcnQtcHJzLWRhc2hib2FyZC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQTtFQUNJLGNBQUE7RUFDQSw2QkFBQTtFQUNBLDRCQUFBO0FDQUo7O0FER0U7RUFDRSxZQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7QUNBSjs7QURHRTtFQUNFLDBCQUFBO0FDQUo7O0FESUU7RUFDRSx5QkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxtQkFBQTtFQUNBLG9CQUFBO0FDREo7O0FER0k7RUFDRSxrQkFBQTtBQ0ROOztBREtFO0VBQ0UsaUJBQUE7RUFDQSxZQUFBO0FDRko7O0FESUk7RUFDRSxpQkFBQTtBQ0ZOOztBREtJO0VBQ0UsdUJBQUE7QUNITjs7QURPRTtFQUNFLGtCQUFBO0VBQ0EsV0FBQTtBQ0pKOztBRE1JO0VBQ0UsZUFBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNBLGdCQUFBO0FDSk47O0FET0k7RUFDRSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSxpQkFBQTtBQ0xOIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L3Bycy1kYXNoYm9hcmQvY2hhcnQtcHJzLWRhc2hib2FyZC9jaGFydC1wcnMtZGFzaGJvYXJkLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLy9jaGFydCBjc3Ncbi5jaGFydC1jb250YWluZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IDBweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmc6IDBweCAxMHB4ICFpbXBvcnRhbnQ7XG4gIH1cblxuICAuZGV0YWlsLWNhcmQgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbiAgICBoZWlnaHQ6IDQ4cHg7XG4gICAgcGFkZGluZzogMCA4cHg7XG4gICAgbWluLXdpZHRoOiA5NXB4O1xuICB9XG5cbiAgLmNoYXJ0anMtcmVuZGVyLW1vbml0b3Ige1xuICAgIG1heC13aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICB9XG5cbiAgLy9rcGkgY3NzXG4gIC5rcGkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNlZGVkZWQ7XG4gICAgcGFkZGluZy10b3A6IDEyMHB4O1xuICAgIHBhZGRpbmctbGVmdDogMTBweDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAyMHB4O1xuICAgIHBhZGRpbmctYm90dG9tOiAyMHB4O1xuXG4gICAgaDMge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cbiAgfVxuXG4gIC5rcGktY2hhcnQge1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDVweDtcblxuICAgIC5jaGFydC1jb250YWluZXIge1xuICAgICAgcGFkZGluZzogMHB4IDEwcHg7XG4gICAgfVxuXG4gICAgLmNoYXJ0anMtcmVuZGVyLW1vbml0b3Ige1xuICAgICAgaGVpZ2h0OiA2MHB4ICFpbXBvcnRhbnQ7XG4gICAgfVxuICB9XG5cbiAgLmtwaS1jaHJ0LWhlYWQge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBtYXJnaW46IDBweDtcblxuICAgIC5oZWFkaW5nLWtwaSB7XG4gICAgICBmb250LXNpemU6IDEzcHg7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgcGFkZGluZy10b3A6IDVweDtcbiAgICB9XG5cbiAgICAuc3RhdGUge1xuICAgICAgZm9udC1zaXplOiAxNXB4O1xuICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgIHBhZGRpbmctdG9wOiAxMHB4O1xuICAgIH1cbiAgfVxuIiwiLmNoYXJ0LWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tYm90dG9tOiAwcHggIWltcG9ydGFudDtcbiAgcGFkZGluZzogMHB4IDEwcHggIWltcG9ydGFudDtcbn1cblxuLmRldGFpbC1jYXJkIDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbCB7XG4gIGhlaWdodDogNDhweDtcbiAgcGFkZGluZzogMCA4cHg7XG4gIG1pbi13aWR0aDogOTVweDtcbn1cblxuLmNoYXJ0anMtcmVuZGVyLW1vbml0b3Ige1xuICBtYXgtd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbn1cblxuLmtwaSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZGVkZWQ7XG4gIHBhZGRpbmctdG9wOiAxMjBweDtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xuICBwYWRkaW5nLXJpZ2h0OiAyMHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMjBweDtcbn1cbi5rcGkgaDMge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5rcGktY2hhcnQge1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogNXB4O1xufVxuLmtwaS1jaGFydCAuY2hhcnQtY29udGFpbmVyIHtcbiAgcGFkZGluZzogMHB4IDEwcHg7XG59XG4ua3BpLWNoYXJ0IC5jaGFydGpzLXJlbmRlci1tb25pdG9yIHtcbiAgaGVpZ2h0OiA2MHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5rcGktY2hydC1oZWFkIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBtYXJnaW46IDBweDtcbn1cbi5rcGktY2hydC1oZWFkIC5oZWFkaW5nLWtwaSB7XG4gIGZvbnQtc2l6ZTogMTNweDtcbiAgY29sb3I6IGJsYWNrO1xuICBmb250LXdlaWdodDogNTAwO1xuICBwYWRkaW5nLXRvcDogNXB4O1xufVxuLmtwaS1jaHJ0LWhlYWQgLnN0YXRlIHtcbiAgZm9udC1zaXplOiAxNXB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBwYWRkaW5nLXRvcDogMTBweDtcbn0iXX0= */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { ChartDataSets, ChartOptions, ChartType } from 'chart.js';\nimport { Label } from 'ng2-charts';\n\n@Component({\n selector: 'app-chart-prs-dashboard',\n templateUrl: './chart-prs-dashboard.component.html',\n styleUrls: ['./chart-prs-dashboard.component.scss']\n})\nexport class ChartPrsDashboardComponent implements OnInit {\n\n @Input() chartData: ChartDataSets;\n @Input() chartHeight: any;\n @Input() chartWidth: any;\n @Input() chartLabels: Label[];\n @Input() chartOptions: ChartOptions;\n @Input() chartPlugins: any;\n @Input() chartLegend: boolean;\n @Input() chartType: ChartType;\n\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","export default \".working-area {\\n margin: 0px 0px 0px 0px !important;\\n min-height: 100vh;\\n}\\n\\n/* dashboard css */\\n\\n.dashboard {\\n padding-top: 120px;\\n padding-left: 20px;\\n padding-bottom: 20px;\\n}\\n\\n.dashboard h3 {\\n text-align: center;\\n}\\n\\n.dashboard .grth {\\n padding: 5px 5px 5px 0px;\\n}\\n\\n.p-b-8 {\\n padding-bottom: 8px;\\n}\\n\\n.p-b-3 {\\n padding-bottom: 3px;\\n}\\n\\n.p-t-5 {\\n padding-top: 5px;\\n}\\n\\n.p-t-13 {\\n padding-top: 13px;\\n}\\n\\n.m-0 {\\n margin: 0px;\\n}\\n\\nhr {\\n width: 100%;\\n opacity: 0.5;\\n margin-bottom: 15px !important;\\n}\\n\\n.detail-card {\\n margin-right: 10px;\\n background-color: #ffffff;\\n padding: 5px;\\n box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);\\n}\\n\\n.detail-card .head-crd {\\n margin-top: 15px;\\n}\\n\\n.detail-card .indicator {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n\\n.detail-card1 {\\n margin-right: 10px;\\n background-color: #ffffff;\\n padding: 5px;\\n box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);\\n}\\n\\n.detail-card1 .indicator {\\n margin-left: 5px;\\n}\\n\\n.count {\\n font-size: 14px !important;\\n font-weight: bold;\\n}\\n\\n.count1 {\\n font-size: 16px !important;\\n font-weight: bold;\\n}\\n\\n.count2 {\\n font-size: 18px !important;\\n font-weight: bold;\\n}\\n\\np {\\n font-size: 11px !important;\\n margin: 3px;\\n}\\n\\n.color-red {\\n color: #e64243;\\n}\\n\\n.color-nv-blue {\\n color: #2e3668;\\n}\\n\\n.color-lg-blue {\\n color: #4834d4;\\n}\\n\\n.color-blue {\\n color: #5758bb;\\n}\\n\\n.color-lg-sky {\\n color: #57aeef;\\n}\\n\\n.color-d-sky {\\n color: #3f729d;\\n}\\n\\n.color-grn {\\n color: #54b157;\\n}\\n\\n.indicator {\\n margin-right: 10px;\\n border: 1px solid #2e3668;\\n border-radius: 50%;\\n padding: 5px;\\n font-size: 14px;\\n color: #2e3668;\\n cursor: pointer;\\n}\\n\\n.label {\\n text-align: center;\\n}\\n\\n/* chart css */\\n\\n.chart-container {\\n display: block;\\n margin-bottom: 0px !important;\\n padding: 0px 10px !important;\\n}\\n\\n.detail-card ::ng-deep .mat-tab-label {\\n height: 25px;\\n padding: 0 8px;\\n min-width: 95px;\\n font-size: 13px;\\n}\\n\\n.chartjs-render-monitor {\\n max-width: 100% !important;\\n}\\n\\n/* custom calender */\\n\\n.example-month-picker .mat-calendar-period-button {\\n pointer-events: none;\\n}\\n\\n.example-month-picker .mat-calendar-arrow {\\n display: none;\\n}\\n\\n.dateField {\\n width: 100%;\\n}\\n\\n.heading {\\n /* padding-top: 20px; */\\n}\\n\\n.heading .indicator {\\n position: relative;\\n left: 135px;\\n background: #ffffff;\\n padding: 4px;\\n bottom: 22px;\\n}\\n\\n.heading1 {\\n /* padding-top: 20px; */\\n}\\n\\n.heading1 .indicator {\\n position: relative;\\n left: 170px;\\n background: #ffffff;\\n padding: 4px;\\n bottom: 22px;\\n}\\n\\n.alert {\\n /* padding-top: 20px; */\\n font-size: 20px;\\n font-weight: bold;\\n}\\n\\n/* custom mat-select */\\n\\n#dateField ::ng-deep input.mat-input-element {\\n margin-top: 3px;\\n padding-left: 5px;\\n font-size: 14px !important;\\n}\\n\\n#dateField ::ng-deep .mat-form-field-suffix {\\n right: 0px;\\n top: 0px;\\n}\\n\\n#dateField ::ng-deep .mat-form-field {\\n font-size: 14px !important;\\n}\\n\\n#dateField ::ng-deep .mat-datepicker-toggle {\\n position: absolute;\\n right: 0px;\\n top: -16px;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field {\\n font-size: 14px !important;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n font-size: 14px !important;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 3px !important;\\n padding-left: 5px;\\n font-size: 14px !important;\\n}\\n\\n.filter21 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n margin-left: 30px;\\n}\\n\\n.filter21 ::ng-deep .mat-form-field {\\n font-size: 14px !important;\\n}\\n\\n.filter21 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n font-size: 14px !important;\\n}\\n\\n.filter21 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter21 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter21 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter21 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter21 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter21 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 3px !important;\\n padding-left: 5px;\\n font-size: 14px !important;\\n}\\n\\n.filter3::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n width: 120px !important;\\n margin-top: 18px;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field {\\n font-size: 14px !important;\\n}\\n\\n.filter3 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n font-size: 14px !important;\\n}\\n\\n.filter3 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter3 ::ng-deep .mat-select-value {\\n width: 100%;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter3 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 3px !important;\\n padding-left: 5px;\\n font-size: 14px !important;\\n font-weight: bold !important;\\n}\\n\\n.filter4::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n width: 160px !important;\\n margin-top: 18px;\\n}\\n\\n.filter4 ::ng-deep .mat-form-field {\\n font-size: 14px !important;\\n}\\n\\n.filter4 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n font-size: 14px !important;\\n}\\n\\n.filter4 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter4 ::ng-deep .mat-select-value {\\n width: 100%;\\n}\\n\\n.filter4 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter4 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter4 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter4 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 3px !important;\\n padding-left: 5px;\\n font-size: 14px !important;\\n font-weight: bold !important;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.dateFilter {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n/* kpi css */\\n\\n.kpi {\\n background-color: #ededed;\\n padding-top: 105px;\\n padding-left: 20px;\\n padding-right: 20px;\\n padding-bottom: 20px;\\n /* h3 {\\n text-align: center;\\n }\\n .heading {\\n margin-bottom: 8px;\\n margin-top: 10px;\\n } */\\n}\\n\\n.kpi-chart {\\n background: white;\\n padding: 5px;\\n cursor: pointer;\\n /* .chart-container {\\n padding: 0px 10px;\\n } */\\n /* .chartjs-render-monitor {\\n height: 60px !important;\\n } */\\n}\\n\\n.kpi-chrt-head {\\n text-align: center;\\n margin: 0px;\\n /* .heading-kpi {\\n font-size: 13px;\\n color: black;\\n font-weight: 500;\\n padding-top: 5px;\\n } */\\n /* .state {\\n font-size: 15px;\\n font-weight: 500;\\n padding-top: 10px;\\n } */\\n}\\n\\n.filter-label-date {\\n font: 12px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 3px;\\n padding: 1px 0px 0px;\\n}\\n\\n.filter-label-date1 {\\n font: 12px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 3px;\\n padding: 1px 0px 0px;\\n margin-left: 30px;\\n}\\n\\n.searchfilter {\\n width: 200px;\\n height: 30px;\\n margin-left: 10px;\\n font-size: 12px;\\n border: 0;\\n}\\n\\n.indicator1 {\\n margin-right: 10px;\\n padding: 5px;\\n font-size: 14px;\\n color: #2e3668;\\n cursor: pointer;\\n}\\n\\n.filter-margin {\\n margin-top: 20px;\\n}\\n\\n.kpicard-filter {\\n margin-top: 13px;\\n}\\n\\n.kpicard-button {\\n margin-top: 14px;\\n padding-left: 10px;\\n}\\n\\n.calender {\\n position: relative;\\n background: white;\\n margin-right: 30px;\\n}\\n\\n.calender input {\\n width: 95%;\\n border: 1px solid lightgray !important;\\n font-size: 12px;\\n height: 18px;\\n padding-left: 5px;\\n}\\n\\n.calander-btn {\\n position: absolute;\\n right: 6px;\\n top: 2px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457d;\\n height: 20px;\\n line-height: 10px;\\n margin-top: 18px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvcHJzLWRhc2hib2FyZC9wcnMtZGFzaGJvYXJkLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnQvcHJzLWRhc2hib2FyZC9wcnMtZGFzaGJvYXJkLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0Usa0NBQUE7RUFDQSxpQkFBQTtBQ0NGOztBREVBLGtCQUFBOztBQUNBO0VBQ0Usa0JBQUE7RUFDQSxrQkFBQTtFQUNBLG9CQUFBO0FDQ0Y7O0FEQUU7RUFDRSxrQkFBQTtBQ0VKOztBREFFO0VBQ0Usd0JBQUE7QUNFSjs7QURFQTtFQUNFLG1CQUFBO0FDQ0Y7O0FERUE7RUFDRSxtQkFBQTtBQ0NGOztBREVBO0VBQ0UsZ0JBQUE7QUNDRjs7QURFQTtFQUNFLGlCQUFBO0FDQ0Y7O0FERUE7RUFDRSxXQUFBO0FDQ0Y7O0FERUE7RUFDRSxXQUFBO0VBQ0EsWUFBQTtFQUNBLDhCQUFBO0FDQ0Y7O0FERUE7RUFDRSxrQkFBQTtFQUNBLHlCQUFBO0VBQ0EsWUFBQTtFQUNBLCtHQUFBO0FDQ0Y7O0FER0U7RUFDRSxnQkFBQTtBQ0FKOztBREVFO0VBQ0UsZ0JBQUE7RUFDQSxnQkFBQTtBQ0FKOztBRElBO0VBQ0Usa0JBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7RUFDQSwrR0FBQTtBQ0RGOztBRElBO0VBQ0UsZ0JBQUE7QUNERjs7QURJQTtFQUNFLDBCQUFBO0VBQ0EsaUJBQUE7QUNERjs7QURJQTtFQUNFLDBCQUFBO0VBQ0EsaUJBQUE7QUNERjs7QURJQTtFQUNFLDBCQUFBO0VBQ0EsaUJBQUE7QUNERjs7QURJQTtFQUNFLDBCQUFBO0VBQ0EsV0FBQTtBQ0RGOztBRElBO0VBQ0UsY0FBQTtBQ0RGOztBRElBO0VBQ0UsY0FBQTtBQ0RGOztBRElBO0VBQ0UsY0FBQTtBQ0RGOztBRElBO0VBQ0UsY0FBQTtBQ0RGOztBRElBO0VBQ0UsY0FBQTtBQ0RGOztBRElBO0VBQ0UsY0FBQTtBQ0RGOztBRElBO0VBQ0UsY0FBQTtBQ0RGOztBRElBO0VBQ0Usa0JBQUE7RUFDQSx5QkFBQTtFQUNBLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsZUFBQTtBQ0RGOztBRElBO0VBQ0Usa0JBQUE7QUNERjs7QURJQSxjQUFBOztBQUNBO0VBQ0UsY0FBQTtFQUNBLDZCQUFBO0VBQ0EsNEJBQUE7QUNERjs7QURJQTtFQUNFLFlBQUE7RUFDQSxjQUFBO0VBQ0EsZUFBQTtFQUNBLGVBQUE7QUNERjs7QURJQTtFQUNFLDBCQUFBO0FDREY7O0FESUEsb0JBQUE7O0FBQ0E7RUFDRSxvQkFBQTtBQ0RGOztBRElBO0VBQ0UsYUFBQTtBQ0RGOztBRElBO0VBQ0UsV0FBQTtBQ0RGOztBRElBO0VBQ0UsdUJBQUE7QUNERjs7QURNRTtFQUNFLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtFQUNBLFlBQUE7QUNKSjs7QURRQTtFQUNFLHVCQUFBO0FDTEY7O0FEVUU7RUFDRSxrQkFBQTtFQUNBLFdBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7RUFDQSxZQUFBO0FDUko7O0FEWUE7RUFDRSx1QkFBQTtFQUNBLGVBQUE7RUFDQSxpQkFBQTtBQ1RGOztBRFlBLHNCQUFBOztBQUNBO0VBQ0UsZUFBQTtFQUNBLGlCQUFBO0VBQ0EsMEJBQUE7QUNURjs7QURZQTtFQUNFLFVBQUE7RUFDQSxRQUFBO0FDVEY7O0FEWUE7RUFDRSwwQkFBQTtBQ1RGOztBRFlBO0VBQ0Usa0JBQUE7RUFDQSxVQUFBO0VBQ0EsVUFBQTtBQ1RGOztBRFlBO0VBQ0UsMkJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0VBQ0EsVUFBQTtFQUNBLFlBQUE7QUNURjs7QURZQTtFQUNFLDBCQUFBO0FDVEY7O0FEWUE7RUFDRSxnQkFBQTtFQUNBLDBCQUFBO0FDVEY7O0FEWUE7RUFDRSxpQkFBQTtFQUNBLFdBQUE7QUNURjs7QURZQTtFQUNFLFVBQUE7QUNURjs7QURZQTtFQUNFLE1BQUE7RUFDQSxjQUFBO0VBQ0EsaUJBQUE7QUNURjs7QURZQTtFQUNFLGlCQUFBO0FDVEY7O0FEWUE7RUFDRSxhQUFBO0FDVEY7O0FEWUE7RUFDRSxNQUFBO0VBQ0EsMEJBQUE7RUFDQSxpQkFBQTtFQUNBLDBCQUFBO0FDVEY7O0FEWUE7RUFDRSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0FDVEY7O0FEWUE7RUFDRSwwQkFBQTtBQ1RGOztBRFlBO0VBQ0UsZ0JBQUE7RUFDQSwwQkFBQTtBQ1RGOztBRFlBO0VBQ0UsaUJBQUE7RUFDQSxXQUFBO0FDVEY7O0FEWUE7RUFDRSxVQUFBO0FDVEY7O0FEWUE7RUFDRSxNQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDVEY7O0FEWUE7RUFDRSxpQkFBQTtBQ1RGOztBRFlBO0VBQ0UsYUFBQTtBQ1RGOztBRFlBO0VBQ0UsTUFBQTtFQUNBLDBCQUFBO0VBQ0EsaUJBQUE7RUFDQSwwQkFBQTtBQ1RGOztBRFlBO0VBQ0UsMkJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0VBQ0EsVUFBQTtFQUNBLFlBQUE7RUFDQSx1QkFBQTtFQUNBLGdCQUFBO0FDVEY7O0FEWUE7RUFDRSwwQkFBQTtBQ1RGOztBRFlBO0VBQ0UsZ0JBQUE7RUFDQSwwQkFBQTtBQ1RGOztBRFlBO0VBQ0UsaUJBQUE7RUFDQSxXQUFBO0FDVEY7O0FEWUE7RUFDRSxXQUFBO0FDVEY7O0FEWUE7RUFDRSxNQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDVEY7O0FEWUE7RUFDRSxpQkFBQTtBQ1RGOztBRFlBO0VBQ0UsYUFBQTtBQ1RGOztBRFlBO0VBQ0UsTUFBQTtFQUNBLDBCQUFBO0VBQ0EsaUJBQUE7RUFDQSwwQkFBQTtFQUNBLDRCQUFBO0FDVEY7O0FEWUE7RUFDRSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtFQUNBLHVCQUFBO0VBQ0EsZ0JBQUE7QUNURjs7QURZQTtFQUNFLDBCQUFBO0FDVEY7O0FEWUE7RUFDRSxnQkFBQTtFQUNBLDBCQUFBO0FDVEY7O0FEWUE7RUFDRSxpQkFBQTtFQUNBLFdBQUE7QUNURjs7QURZQTtFQUNFLFdBQUE7QUNURjs7QURZQTtFQUNFLE1BQUE7RUFDQSxjQUFBO0VBQ0EsaUJBQUE7QUNURjs7QURZQTtFQUNFLGlCQUFBO0FDVEY7O0FEWUE7RUFDRSxhQUFBO0FDVEY7O0FEWUE7RUFDRSxNQUFBO0VBQ0EsMEJBQUE7RUFDQSxpQkFBQTtFQUNBLDBCQUFBO0VBQ0EsNEJBQUE7QUNURjs7QURZQTtFQUNFLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0FDVEY7O0FEV0E7RUFDRSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtBQ1JGOztBRFdBLFlBQUE7O0FBQ0E7RUFDRSx5QkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxtQkFBQTtFQUNBLG9CQUFBO0VBQ0E7Ozs7OztPQUFBO0FDRkY7O0FEV0E7RUFDRSxpQkFBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0VBQ0E7O09BQUE7RUFHQTs7T0FBQTtBQ05GOztBRFdBO0VBQ0Usa0JBQUE7RUFDQSxXQUFBO0VBQ0E7Ozs7O09BQUE7RUFNQTs7OztPQUFBO0FDSkY7O0FEV0E7RUFDRSxpQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtFQUNBLG9CQUFBO0FDUkY7O0FEV0E7RUFDRSxpQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtFQUNBLG9CQUFBO0VBQ0EsaUJBQUE7QUNSRjs7QURXQTtFQUNFLFlBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxlQUFBO0VBQ0EsU0FBQTtBQ1JGOztBRFdBO0VBQ0Usa0JBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxlQUFBO0FDUkY7O0FEV0E7RUFDRSxnQkFBQTtBQ1JGOztBRFdBO0VBQ0UsZ0JBQUE7QUNSRjs7QURXQTtFQUNFLGdCQUFBO0VBQ0Esa0JBQUE7QUNSRjs7QURXQTtFQUNFLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxrQkFBQTtBQ1JGOztBRFVFO0VBQ0UsVUFBQTtFQUNBLHNDQUFBO0VBRUEsZUFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtBQ1RKOztBRGFBO0VBQ0Usa0JBQUE7RUFDQSxVQUFBO0VBQ0EsUUFBQTtBQ1ZGOztBRGFBO0VBQ0UsdUJBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGdCQUFBO0FDVkYiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnQvcHJzLWRhc2hib2FyZC9wcnMtZGFzaGJvYXJkLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLndvcmtpbmctYXJlYSB7XG4gIG1hcmdpbjogMHB4IDBweCAwcHggMHB4ICFpbXBvcnRhbnQ7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xufVxuXG4vKiBkYXNoYm9hcmQgY3NzICovXG4uZGFzaGJvYXJkIHtcbiAgcGFkZGluZy10b3A6IDEyMHB4O1xuICBwYWRkaW5nLWxlZnQ6IDIwcHg7XG4gIHBhZGRpbmctYm90dG9tOiAyMHB4O1xuICBoMyB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG4gIC5ncnRoIHtcbiAgICBwYWRkaW5nOiA1cHggNXB4IDVweCAwcHg7XG4gIH1cbn1cblxuLnAtYi04IHtcbiAgcGFkZGluZy1ib3R0b206IDhweDtcbn1cblxuLnAtYi0zIHtcbiAgcGFkZGluZy1ib3R0b206IDNweDtcbn1cblxuLnAtdC01IHtcbiAgcGFkZGluZy10b3A6IDVweDtcbn1cblxuLnAtdC0xMyB7XG4gIHBhZGRpbmctdG9wOiAxM3B4O1xufVxuXG4ubS0wIHtcbiAgbWFyZ2luOiAwcHg7XG59XG5cbmhyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIG9wYWNpdHk6IDAuNTtcbiAgbWFyZ2luLWJvdHRvbTogMTVweCAhaW1wb3J0YW50O1xufVxuXG4uZGV0YWlsLWNhcmQge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm94LXNoYWRvdzogMCAycHggMXB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xufVxuXG4uZGV0YWlsLWNhcmQge1xuICAuaGVhZC1jcmQge1xuICAgIG1hcmdpbi10b3A6IDE1cHg7XG4gIH1cbiAgLmluZGljYXRvciB7XG4gICAgbWFyZ2luLWxlZnQ6IDBweDtcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xuICB9XG59XG5cbi5kZXRhaWwtY2FyZDEge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm94LXNoYWRvdzogMCAycHggMXB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xufVxuXG4uZGV0YWlsLWNhcmQxIC5pbmRpY2F0b3Ige1xuICBtYXJnaW4tbGVmdDogNXB4O1xufVxuXG4uY291bnQge1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi5jb3VudDEge1xuICBmb250LXNpemU6IDE2cHggIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi5jb3VudDIge1xuICBmb250LXNpemU6IDE4cHggIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbnAge1xuICBmb250LXNpemU6IDExcHggIWltcG9ydGFudDtcbiAgbWFyZ2luOiAzcHg7XG59XG5cbi5jb2xvci1yZWQge1xuICBjb2xvcjogI2U2NDI0Mztcbn1cblxuLmNvbG9yLW52LWJsdWUge1xuICBjb2xvcjogIzJlMzY2ODtcbn1cblxuLmNvbG9yLWxnLWJsdWUge1xuICBjb2xvcjogIzQ4MzRkNDtcbn1cblxuLmNvbG9yLWJsdWUge1xuICBjb2xvcjogIzU3NThiYjtcbn1cblxuLmNvbG9yLWxnLXNreSB7XG4gIGNvbG9yOiAjNTdhZWVmO1xufVxuXG4uY29sb3ItZC1za3kge1xuICBjb2xvcjogIzNmNzI5ZDtcbn1cblxuLmNvbG9yLWdybiB7XG4gIGNvbG9yOiAjNTRiMTU3O1xufVxuXG4uaW5kaWNhdG9yIHtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjMmUzNjY4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDVweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBjb2xvcjogIzJlMzY2ODtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4ubGFiZWwge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi8qIGNoYXJ0IGNzcyAqL1xuLmNoYXJ0LWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tYm90dG9tOiAwcHggIWltcG9ydGFudDtcbiAgcGFkZGluZzogMHB4IDEwcHggIWltcG9ydGFudDtcbn1cblxuLmRldGFpbC1jYXJkIDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbCB7XG4gIGhlaWdodDogMjVweDtcbiAgcGFkZGluZzogMCA4cHg7XG4gIG1pbi13aWR0aDogOTVweDtcbiAgZm9udC1zaXplOiAxM3B4O1xufVxuXG4uY2hhcnRqcy1yZW5kZXItbW9uaXRvciB7XG4gIG1heC13aWR0aDogMTAwJSAhaW1wb3J0YW50O1xufVxuXG4vKiBjdXN0b20gY2FsZW5kZXIgKi9cbi5leGFtcGxlLW1vbnRoLXBpY2tlciAubWF0LWNhbGVuZGFyLXBlcmlvZC1idXR0b24ge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLmV4YW1wbGUtbW9udGgtcGlja2VyIC5tYXQtY2FsZW5kYXItYXJyb3cge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZGF0ZUZpZWxkIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5oZWFkaW5nIHtcbiAgLyogcGFkZGluZy10b3A6IDIwcHg7ICovXG4gIC8vIGZvbnQtc2l6ZTogMTZweDtcbiAgLy8gZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIC8vIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgLy8gbWFyZ2luLXRvcDogMTlweDtcbiAgLmluZGljYXRvciB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGxlZnQ6IDEzNXB4O1xuICAgIGJhY2tncm91bmQ6ICNmZmZmZmY7XG4gICAgcGFkZGluZzogNHB4O1xuICAgIGJvdHRvbTogMjJweDtcbiAgfVxufVxuXG4uaGVhZGluZzEge1xuICAvKiBwYWRkaW5nLXRvcDogMjBweDsgKi9cbiAgLy8gZm9udC1zaXplOiAxNnB4O1xuICAvLyBmb250LXdlaWdodDogYm9sZDtcbiAgLy8gcG9zaXRpb246IHJlbGF0aXZlO1xuICAvLyBtYXJnaW4tdG9wOiAxOXB4O1xuICAuaW5kaWNhdG9yIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbGVmdDogMTcwcHg7XG4gICAgYmFja2dyb3VuZDogI2ZmZmZmZjtcbiAgICBwYWRkaW5nOiA0cHg7XG4gICAgYm90dG9tOiAyMnB4O1xuICB9XG59XG5cbi5hbGVydCB7XG4gIC8qIHBhZGRpbmctdG9wOiAyMHB4OyAqL1xuICBmb250LXNpemU6IDIwcHg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4vKiBjdXN0b20gbWF0LXNlbGVjdCAqL1xuI2RhdGVGaWVsZCA6Om5nLWRlZXAgaW5wdXQubWF0LWlucHV0LWVsZW1lbnQge1xuICBtYXJnaW4tdG9wOiAzcHg7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuI2RhdGVGaWVsZCA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXN1ZmZpeCB7XG4gIHJpZ2h0OiAwcHg7XG4gIHRvcDogMHB4O1xufVxuXG4jZGF0ZUZpZWxkIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQge1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuI2RhdGVGaWVsZCA6Om5nLWRlZXAgLm1hdC1kYXRlcGlja2VyLXRvZ2dsZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDBweDtcbiAgdG9wOiAtMTZweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkIHtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDNweCAwcHg7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDkwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICB0b3A6IDA7XG4gIG1hcmdpbi10b3A6IDNweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG4gIG1hcmdpbi1sZWZ0OiAzMHB4O1xufVxuXG4uZmlsdGVyMjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZCB7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZzogM3B4IDBweDtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA5MCU7XG59XG5cbi5maWx0ZXIyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICB0b3A6IDA7XG4gIHBhZGRpbmctdG9wOiAwO1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHRvcDogMDtcbiAgbWFyZ2luLXRvcDogM3B4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjM6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG4gIHdpZHRoOiAxMjBweCAhaW1wb3J0YW50O1xuICBtYXJnaW4tdG9wOiAxOHB4O1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkIHtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIzIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDNweCAwcHg7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5maWx0ZXIzIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiAzcHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xuICBmb250LXdlaWdodDogYm9sZCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyNDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogMjBweDtcbiAgd2lkdGg6IDE2MHB4ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi10b3A6IDE4cHg7XG59XG5cbi5maWx0ZXI0IDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQge1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjQgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZzogM3B4IDBweDtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXI0IDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uZmlsdGVyNCA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjQgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXI0IDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyNCA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXI0IDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICB0b3A6IDA7XG4gIG1hcmdpbi10b3A6IDNweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG4gIGZvbnQtd2VpZ2h0OiBib2xkICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuLmRhdGVGaWx0ZXIge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogMjBweDtcbn1cblxuLyoga3BpIGNzcyAqL1xuLmtwaSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZGVkZWQ7XG4gIHBhZGRpbmctdG9wOiAxMDVweDtcbiAgcGFkZGluZy1sZWZ0OiAyMHB4O1xuICBwYWRkaW5nLXJpZ2h0OiAyMHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMjBweDtcbiAgLyogaDMge1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuICAgIC5oZWFkaW5nIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICAgICAgICBtYXJnaW4tdG9wOiAxMHB4O1xuICAgIH0gKi9cbn1cblxuLmtwaS1jaGFydCB7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiA1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgLyogLmNoYXJ0LWNvbnRhaW5lciB7XG4gICAgICAgIHBhZGRpbmc6IDBweCAxMHB4O1xuICAgIH0gKi9cbiAgLyogLmNoYXJ0anMtcmVuZGVyLW1vbml0b3Ige1xuICAgICAgICBoZWlnaHQ6IDYwcHggIWltcG9ydGFudDtcbiAgICB9ICovXG59XG5cbi5rcGktY2hydC1oZWFkIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBtYXJnaW46IDBweDtcbiAgLyogLmhlYWRpbmcta3BpIHtcbiAgICAgICAgZm9udC1zaXplOiAxM3B4O1xuICAgICAgICBjb2xvcjogYmxhY2s7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgIHBhZGRpbmctdG9wOiA1cHg7XG4gICAgfSAqL1xuICAvKiAuc3RhdGUge1xuICAgICAgICBmb250LXNpemU6IDE1cHg7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgIHBhZGRpbmctdG9wOiAxMHB4O1xuICAgIH0gKi9cbn1cblxuLmZpbHRlci1sYWJlbC1kYXRlIHtcbiAgZm9udDogMTJweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjM2MzYzNjO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiAzcHg7XG4gIHBhZGRpbmc6IDFweCAwcHggMHB4O1xufVxuXG4uZmlsdGVyLWxhYmVsLWRhdGUxIHtcbiAgZm9udDogMTJweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjM2MzYzNjO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiAzcHg7XG4gIHBhZGRpbmc6IDFweCAwcHggMHB4O1xuICBtYXJnaW4tbGVmdDogMzBweDtcbn1cblxuLnNlYXJjaGZpbHRlciB7XG4gIHdpZHRoOiAyMDBweDtcbiAgaGVpZ2h0OiAzMHB4O1xuICBtYXJnaW4tbGVmdDogMTBweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBib3JkZXI6IDA7XG59XG5cbi5pbmRpY2F0b3IxIHtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICBwYWRkaW5nOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgY29sb3I6ICMyZTM2Njg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmZpbHRlci1tYXJnaW4ge1xuICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4ua3BpY2FyZC1maWx0ZXIge1xuICBtYXJnaW4tdG9wOiAxM3B4O1xufVxuXG4ua3BpY2FyZC1idXR0b24ge1xuICBtYXJnaW4tdG9wOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi5jYWxlbmRlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIG1hcmdpbi1yaWdodDogMzBweDtcblxuICBpbnB1dCB7XG4gICAgd2lkdGg6IDk1JTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXkgIWltcG9ydGFudDtcbiAgICAvLyAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gIH1cbn1cblxuLmNhbGFuZGVyLWJ0biB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDZweDtcbiAgdG9wOiAycHg7XG59XG5cbi5maWx0ZXJCdXR0b24ge1xuICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3ZDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBsaW5lLWhlaWdodDogMTBweDtcbiAgbWFyZ2luLXRvcDogMThweDtcbn1cbiIsIi53b3JraW5nLWFyZWEge1xuICBtYXJnaW46IDBweCAwcHggMHB4IDBweCAhaW1wb3J0YW50O1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbn1cblxuLyogZGFzaGJvYXJkIGNzcyAqL1xuLmRhc2hib2FyZCB7XG4gIHBhZGRpbmctdG9wOiAxMjBweDtcbiAgcGFkZGluZy1sZWZ0OiAyMHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMjBweDtcbn1cbi5kYXNoYm9hcmQgaDMge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG4uZGFzaGJvYXJkIC5ncnRoIHtcbiAgcGFkZGluZzogNXB4IDVweCA1cHggMHB4O1xufVxuXG4ucC1iLTgge1xuICBwYWRkaW5nLWJvdHRvbTogOHB4O1xufVxuXG4ucC1iLTMge1xuICBwYWRkaW5nLWJvdHRvbTogM3B4O1xufVxuXG4ucC10LTUge1xuICBwYWRkaW5nLXRvcDogNXB4O1xufVxuXG4ucC10LTEzIHtcbiAgcGFkZGluZy10b3A6IDEzcHg7XG59XG5cbi5tLTAge1xuICBtYXJnaW46IDBweDtcbn1cblxuaHIge1xuICB3aWR0aDogMTAwJTtcbiAgb3BhY2l0eTogMC41O1xuICBtYXJnaW4tYm90dG9tOiAxNXB4ICFpbXBvcnRhbnQ7XG59XG5cbi5kZXRhaWwtY2FyZCB7XG4gIG1hcmdpbi1yaWdodDogMTBweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgcGFkZGluZzogNXB4O1xuICBib3gtc2hhZG93OiAwIDJweCAxcHggLTFweCByZ2JhKDAsIDAsIDAsIDAuMiksIDAgMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4xNCksIDAgMXB4IDNweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG59XG5cbi5kZXRhaWwtY2FyZCAuaGVhZC1jcmQge1xuICBtYXJnaW4tdG9wOiAxNXB4O1xufVxuLmRldGFpbC1jYXJkIC5pbmRpY2F0b3Ige1xuICBtYXJnaW4tbGVmdDogMHB4O1xuICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuXG4uZGV0YWlsLWNhcmQxIHtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBwYWRkaW5nOiA1cHg7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDFweCAtMXB4IHJnYmEoMCwgMCwgMCwgMC4yKSwgMCAxcHggMXB4IDAgcmdiYSgwLCAwLCAwLCAwLjE0KSwgMCAxcHggM3B4IDAgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbn1cblxuLmRldGFpbC1jYXJkMSAuaW5kaWNhdG9yIHtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmNvdW50IHtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uY291bnQxIHtcbiAgZm9udC1zaXplOiAxNnB4ICFpbXBvcnRhbnQ7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uY291bnQyIHtcbiAgZm9udC1zaXplOiAxOHB4ICFpbXBvcnRhbnQ7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG5wIHtcbiAgZm9udC1zaXplOiAxMXB4ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbjogM3B4O1xufVxuXG4uY29sb3ItcmVkIHtcbiAgY29sb3I6ICNlNjQyNDM7XG59XG5cbi5jb2xvci1udi1ibHVlIHtcbiAgY29sb3I6ICMyZTM2Njg7XG59XG5cbi5jb2xvci1sZy1ibHVlIHtcbiAgY29sb3I6ICM0ODM0ZDQ7XG59XG5cbi5jb2xvci1ibHVlIHtcbiAgY29sb3I6ICM1NzU4YmI7XG59XG5cbi5jb2xvci1sZy1za3kge1xuICBjb2xvcjogIzU3YWVlZjtcbn1cblxuLmNvbG9yLWQtc2t5IHtcbiAgY29sb3I6ICMzZjcyOWQ7XG59XG5cbi5jb2xvci1ncm4ge1xuICBjb2xvcjogIzU0YjE1Nztcbn1cblxuLmluZGljYXRvciB7XG4gIG1hcmdpbi1yaWdodDogMTBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgIzJlMzY2ODtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgY29sb3I6ICMyZTM2Njg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmxhYmVsIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4vKiBjaGFydCBjc3MgKi9cbi5jaGFydC1jb250YWluZXIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWJvdHRvbTogMHB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IDBweCAxMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5kZXRhaWwtY2FyZCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwge1xuICBoZWlnaHQ6IDI1cHg7XG4gIHBhZGRpbmc6IDAgOHB4O1xuICBtaW4td2lkdGg6IDk1cHg7XG4gIGZvbnQtc2l6ZTogMTNweDtcbn1cblxuLmNoYXJ0anMtcmVuZGVyLW1vbml0b3Ige1xuICBtYXgtd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbn1cblxuLyogY3VzdG9tIGNhbGVuZGVyICovXG4uZXhhbXBsZS1tb250aC1waWNrZXIgLm1hdC1jYWxlbmRhci1wZXJpb2QtYnV0dG9uIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5leGFtcGxlLW1vbnRoLXBpY2tlciAubWF0LWNhbGVuZGFyLWFycm93IHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmRhdGVGaWVsZCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uaGVhZGluZyB7XG4gIC8qIHBhZGRpbmctdG9wOiAyMHB4OyAqL1xufVxuLmhlYWRpbmcgLmluZGljYXRvciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogMTM1cHg7XG4gIGJhY2tncm91bmQ6ICNmZmZmZmY7XG4gIHBhZGRpbmc6IDRweDtcbiAgYm90dG9tOiAyMnB4O1xufVxuXG4uaGVhZGluZzEge1xuICAvKiBwYWRkaW5nLXRvcDogMjBweDsgKi9cbn1cbi5oZWFkaW5nMSAuaW5kaWNhdG9yIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAxNzBweDtcbiAgYmFja2dyb3VuZDogI2ZmZmZmZjtcbiAgcGFkZGluZzogNHB4O1xuICBib3R0b206IDIycHg7XG59XG5cbi5hbGVydCB7XG4gIC8qIHBhZGRpbmctdG9wOiAyMHB4OyAqL1xuICBmb250LXNpemU6IDIwcHg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4vKiBjdXN0b20gbWF0LXNlbGVjdCAqL1xuI2RhdGVGaWVsZCA6Om5nLWRlZXAgaW5wdXQubWF0LWlucHV0LWVsZW1lbnQge1xuICBtYXJnaW4tdG9wOiAzcHg7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuI2RhdGVGaWVsZCA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXN1ZmZpeCB7XG4gIHJpZ2h0OiAwcHg7XG4gIHRvcDogMHB4O1xufVxuXG4jZGF0ZUZpZWxkIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQge1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuI2RhdGVGaWVsZCA6Om5nLWRlZXAgLm1hdC1kYXRlcGlja2VyLXRvZ2dsZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDBweDtcbiAgdG9wOiAtMTZweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkIHtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDNweCAwcHg7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDkwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICB0b3A6IDA7XG4gIG1hcmdpbi10b3A6IDNweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG4gIG1hcmdpbi1sZWZ0OiAzMHB4O1xufVxuXG4uZmlsdGVyMjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZCB7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZzogM3B4IDBweDtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA5MCU7XG59XG5cbi5maWx0ZXIyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICB0b3A6IDA7XG4gIHBhZGRpbmctdG9wOiAwO1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHRvcDogMDtcbiAgbWFyZ2luLXRvcDogM3B4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjM6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG4gIHdpZHRoOiAxMjBweCAhaW1wb3J0YW50O1xuICBtYXJnaW4tdG9wOiAxOHB4O1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkIHtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIzIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDNweCAwcHg7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5maWx0ZXIzIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjMgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMyA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiAzcHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xuICBmb250LXdlaWdodDogYm9sZCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyNDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogMjBweDtcbiAgd2lkdGg6IDE2MHB4ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi10b3A6IDE4cHg7XG59XG5cbi5maWx0ZXI0IDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQge1xuICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjQgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZzogM3B4IDBweDtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXI0IDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uZmlsdGVyNCA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjQgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXI0IDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyNCA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXI0IDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICB0b3A6IDA7XG4gIG1hcmdpbi10b3A6IDNweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XG4gIGZvbnQtd2VpZ2h0OiBib2xkICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4uZGF0ZUZpbHRlciB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xufVxuXG4vKiBrcGkgY3NzICovXG4ua3BpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2VkZWRlZDtcbiAgcGFkZGluZy10b3A6IDEwNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDIwcHg7XG4gIHBhZGRpbmctcmlnaHQ6IDIwcHg7XG4gIHBhZGRpbmctYm90dG9tOiAyMHB4O1xuICAvKiBoMyB7XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB9XG4gICAgLmhlYWRpbmcge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gICAgICAgIG1hcmdpbi10b3A6IDEwcHg7XG4gICAgfSAqL1xufVxuXG4ua3BpLWNoYXJ0IHtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHBhZGRpbmc6IDVweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAvKiAuY2hhcnQtY29udGFpbmVyIHtcbiAgICAgICAgcGFkZGluZzogMHB4IDEwcHg7XG4gICAgfSAqL1xuICAvKiAuY2hhcnRqcy1yZW5kZXItbW9uaXRvciB7XG4gICAgICAgIGhlaWdodDogNjBweCAhaW1wb3J0YW50O1xuICAgIH0gKi9cbn1cblxuLmtwaS1jaHJ0LWhlYWQge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIG1hcmdpbjogMHB4O1xuICAvKiAuaGVhZGluZy1rcGkge1xuICAgICAgICBmb250LXNpemU6IDEzcHg7XG4gICAgICAgIGNvbG9yOiBibGFjaztcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgcGFkZGluZy10b3A6IDVweDtcbiAgICB9ICovXG4gIC8qIC5zdGF0ZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogMTVweDtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgcGFkZGluZy10b3A6IDEwcHg7XG4gICAgfSAqL1xufVxuXG4uZmlsdGVyLWxhYmVsLWRhdGUge1xuICBmb250OiAxMnB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzYzNjM2M7XG4gIG9wYWNpdHk6IDE7XG4gIG1hcmdpbi1ib3R0b206IDNweDtcbiAgcGFkZGluZzogMXB4IDBweCAwcHg7XG59XG5cbi5maWx0ZXItbGFiZWwtZGF0ZTEge1xuICBmb250OiAxMnB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzYzNjM2M7XG4gIG9wYWNpdHk6IDE7XG4gIG1hcmdpbi1ib3R0b206IDNweDtcbiAgcGFkZGluZzogMXB4IDBweCAwcHg7XG4gIG1hcmdpbi1sZWZ0OiAzMHB4O1xufVxuXG4uc2VhcmNoZmlsdGVyIHtcbiAgd2lkdGg6IDIwMHB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIGJvcmRlcjogMDtcbn1cblxuLmluZGljYXRvcjEge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIHBhZGRpbmc6IDVweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBjb2xvcjogIzJlMzY2ODtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uZmlsdGVyLW1hcmdpbiB7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG59XG5cbi5rcGljYXJkLWZpbHRlciB7XG4gIG1hcmdpbi10b3A6IDEzcHg7XG59XG5cbi5rcGljYXJkLWJ1dHRvbiB7XG4gIG1hcmdpbi10b3A6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbn1cblxuLmNhbGVuZGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgbWFyZ2luLXJpZ2h0OiAzMHB4O1xufVxuLmNhbGVuZGVyIGlucHV0IHtcbiAgd2lkdGg6IDk1JTtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5ICFpbXBvcnRhbnQ7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgaGVpZ2h0OiAxOHB4O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmNhbGFuZGVyLWJ0biB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDZweDtcbiAgdG9wOiAycHg7XG59XG5cbi5maWx0ZXJCdXR0b24ge1xuICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3ZDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBsaW5lLWhlaWdodDogMTBweDtcbiAgbWFyZ2luLXRvcDogMThweDtcbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { ToastrService } from 'ngx-toastr';\nimport { CommonService } from '../../core/service/common-service/common.service'\nimport { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MatOption } from '@angular/material/core';\nimport { MatDatepicker } from '@angular/material/datepicker';\nimport { DatePipe } from '@angular/common';\nimport * as _moment from 'moment';\n// tslint:disable-next-line:no-duplicate-imports\nimport { default as _rollupMoment, Moment } from 'moment';\nimport { FormControl } from '@angular/forms';\nimport { identity } from 'rxjs';\nimport { ChartDataSets, ChartOptions, ChartType } from 'chart.js';\nimport { Label } from 'ng2-charts';\n\nconst moment = _rollupMoment || _moment;\n\nexport const MY_FORMATS = {\n parse: {\n dateInput: 'MMM/YYYY',\n },\n display: {\n dateInput: 'MMM/YYYY',\n monthYearLabel: 'MMM YYYY',\n dateA11yLabel: 'LL',\n monthYearA11yLabel: 'MMMM YYYY',\n },\n};\n\n@Component({\n selector: 'app-prs-dashboard',\n templateUrl: './prs-dashboard.component.html',\n styleUrls: ['./prs-dashboard.component.scss'],\n providers: [\n {\n provide: DateAdapter,\n useClass: MomentDateAdapter,\n deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS]\n },\n\n { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },\n ]\n})\nexport class PrsDashboardComponent implements OnInit {\n\n uniqueWorkshopCard: string[] = [];\n uniqueWorkshopCardCopy: string[] = [];\n filtersWorkshop: any = [];\n filtersCre: string[] = [];\n spinner: boolean;\n fromDate: Date = new Date();\n toDate: Date = new Date();\n selectedWorkShop: string[] = [];\n selectedDealer: any;\n uniqueWorkshop: string[] = [];\n uniqueWorkshopCopy: string[] = [];\n dealerCode: string[] = [];\n selectedCre: string[] = [];\n selectedCreCode: any;\n filtersCreCopy: string[] = [];\n creCode: string[] = [];\n userId: string;\n userInfo: any;\n selectedDashboard: any\n availableDashboard: string[] = [];\n defaultLabel: string;\n showLabel: boolean;\n showPrsLabel: boolean;\n allocated: any = {};\n attempted: any = {};\n notAttempted: any = {};\n contacted: any = {};\n notContacted: any = {};\n selectedDate: any;\n date = new FormControl(moment());\n prsRoleId: string=\"\";\n roleId: any=\"\";\n minDate: any = new Date();\n maxDate: any = new Date();\n contactedLanguageBarrier: any = {};\n contactedFollowUp: any = {};\n contactedFullFeedback: any = {};\n contactedSystemRemoved: any = {};\n contactedPartialFeedback: any = {};\n contactedNoFeedback: any = {};\n percContacted: any = {};\n percFeedback: any = {};\n updateChart: boolean;\n prsTopScore: any = {};\n percDealerSatisfied: any = {};\n percDealerDissatisfied: any = {};\n percBothDissatisfied: any = {};\n percBothSatisfied: any = {};\n dlrPrsTopScore: any = {};\n\n //horizontalBarChart1 horizontalBar start\n public horizontalBarChart1Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: false,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart1Labels: Label[] = ['Attempted'];\n public horizontalBarChartType: ChartType = 'horizontalBar';\n public horizontalBarChartLegend = false;\n public horizontalBarChartPlugins = [];\n public horizontalBarChart1Data: ChartDataSets[] = [];\n //horizontalBarChart1 horizontalBar end\n\n //horizontalBarChart2 horizontalBar start\n public horizontalBarChart2Labels: Label[] = ['Connected'];\n public horizontalBarChart2Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: false,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart2Data: ChartDataSets[] = [];\n //horizontalBarChart2 horizontalBar end\n\n //horizontalBarChart3 horizontalBar start\n public horizontalBarChart3Labels: Label[] = ['Feedback'];\n public horizontalBarChart3Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: false,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart3Data: ChartDataSets[] = [];\n //horizontalBarChart3 horizontalBar end\n\n //horizontalBarChart4 horizontalBar start\n public horizontalBarChart4Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: { display: false },\n scaleLabel: { display: true },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart4Labels: Label[] = [\n '% Dissatisfied in Dealer PRS',\n \"% Satisfied in Dealer PRS\",\n \"% Both dissatisfied\",\n \"% Both Satisfied\",\n ];\n public horizontalBarChart4Data: ChartDataSets[] = [];\n //horizontalBarChart4 horizontalBar end\n today: any=new Date();\n noResponse: any = {};\n busy: any = {};\n switchOff: any = {};\n invalid: any = {};\n others: any = {};\n updateChartCard: boolean = false;\n\n //barChart1 VerticalBar start\n public barChart1Options: ChartOptions = {\n responsive: true,\n title: {\n display: true,\n text: 'Not Contacted Reason',\n position: 'top',\n fontSize: 13\n },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: true,\n gridLines: {\n display: false,\n },\n scaleLabel: {\n display: true,\n },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: false,\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public barChart1Labels: Label[] = ['No Response', 'Busy', 'Switched Off', 'Invalid No.', 'Others'];\n public barChart1Type: ChartType = 'bar';\n public barChart1Legend = false;\n public barChart1Plugins = [];\n public barChart1Data: ChartDataSets[] = [];\n //barChart1 VerticalBar end\n\n public horizontalBarChart5Options: ChartOptions = {\n responsive: true,\n title: { display: false },\n tooltips: {\n enabled: true,\n mode: 'single',\n position: 'nearest',\n caretSize: 2,\n bodyAlign: 'center',\n titleAlign: 'center',\n displayColors: false,\n titleFontSize: 11,\n titleFontStyle: 'normal',\n bodyFontSize: 11,\n bodyFontStyle: 'normal'\n },\n scales: {\n xAxes: [{\n display: false, ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n yAxes: [{\n display: true,\n gridLines: { display: false },\n scaleLabel: { display: true },\n ticks: {\n beginAtZero: true,\n fontSize: 11\n }\n }],\n }\n };\n public horizontalBarChart5Labels: Label[] = [\n 'Feedback already shared',\n \"Vehicle not tested yet\",\n \"Service not done yet\",\n \"Customer Disconnect The Call (After Pick)\",\n \"Customer Not Interested\",\n \"Incorrect Contact Details\",\n \"Left the job\",\n \"Vehicle Returned to showroom\"\n ];\n public horizontalBarChart5Data: ChartDataSets[] = [];\n feedbackShared: any={};\n vehicleNotTested: any={};\n serviceNotDone: any={};\n callDisconnect: any={};\n notInterested: any={};\n wrongDetail: any={};\n leftJob: any={};\n vehicleReturn: any={};\n percCallAttempted: any={};\n\n\n constructor(private commonService: CommonService, private toastr: ToastrService, private router: Router, private datePipe : DatePipe) {\n\n\n }\n\n ngOnInit() {\n\n this.prsRoleId=\"1\";\n this.roleId=localStorage.getItem('roleId')\n\n if(this.roleId==\"1\"||this.roleId==\"15\"){\n this.selectedDashboard=\"Dealer Prs Dashboard\"\n }\n this.availableDashboard=[];\n if(this.roleId == \"1\"){\n this.showLabel=true;\n this.showPrsLabel=true;\n this.availableDashboard.push(\"SRM Dashboard\")\n }\n if(this.roleId == \"12\"){\n this.showLabel=true;\n this.availableDashboard.push(\"Dashboard\")\n }\n if(this.roleId == \"15\"){\n this.defaultLabel=\"Dealer Prs Dashboard\"\n this.availableDashboard.push(\"SRM Dashboard\",\"Call Center Prs Dashboard\");\n }\n let userInfo = JSON.parse(localStorage.getItem('userInfo')!);\n this.userInfo = userInfo[0];\n this.userId = localStorage.getItem(\"userId\")!;\n\n this.filterDashboard();\n\n }\n\n onKeyWorkshop() : void {\n this.uniqueWorkshop = this.uniqueWorkshopCopy;\n this.dealerCode = [];\n this.selectedDealer = this.selectedDealer.trim();\n this.dealerCode = this.uniqueWorkshop.filter(item =>\n item.toLowerCase().includes(this.selectedDealer.toLowerCase())\n );\n this.dealerCode.forEach(element => {\n let index = this.uniqueWorkshopCopy.findIndex((ele) => {return ele == element});\n if(index != -1) {\n this.uniqueWorkshopCopy.splice(index, 1);\n }\n this.uniqueWorkshopCopy.unshift(element);\n })\n if(this.dealerCode.length > 0) {\n this.closeInput();\n }\n this.uniqueWorkshop = [];\n this.uniqueWorkshop = this.uniqueWorkshopCopy;\n }\n\n closeInput() : void {\n if(this.dealerCode.length == 0) {\n this.selectedDealer = '';\n this.uniqueWorkshop = this.uniqueWorkshopCopy;\n }\n }\n\n onKeyCRE() : void {\n this.filtersCre = this.filtersCreCopy;\n this.creCode = [];\n this.selectedCreCode = this.selectedCreCode.trim();\n this.creCode = this.filtersCre.filter(item =>\n item.toLowerCase().includes(this.selectedCreCode.toLowerCase())\n );\n this.creCode.forEach(element => {\n let index = this.filtersCreCopy.findIndex((ele) => {return ele == element});\n if(index != -1) {\n this.filtersCreCopy.splice(index, 1);\n }\n this.filtersCreCopy.unshift(element);\n })\n if(this.creCode.length > 0) {\n this.closeInputCre();\n }\n this.filtersCre = [];\n this.filtersCre = this.filtersCreCopy;\n }\n\n closeInputCre() : void {\n if(this.creCode.length == 0) {\n this.selectedCreCode = '';\n this.filtersCre = this.filtersCreCopy;\n }\n }\n\n dashboardSelection(){\n if(this.selectedDashboard == 'SRM Dashboard'){\n this.prsRoleId='15'\n this.router.navigate(['dashboard']);\n }\n if(this.selectedDashboard == 'Call Center Prs Dashboard'){\n this.availableDashboard.pop();\n this.availableDashboard.push(\"Dealer Prs Dashboard\");\n this.defaultLabel=\"Call Center Dashboard\";\n this.prsRoleId='12';\n this.router.navigate([\"prs-dashboard\"])\n }\n if(this.selectedDashboard == 'Dealer Prs Dashboard'){\n this.availableDashboard.pop();\n this.availableDashboard.push(\"Call Center Prs Dashboard\");\n this.defaultLabel=\"Dealer Prs Dashboard\";\n this.prsRoleId='1';\n this.router.navigate([\"prs-dashboard\"])\n }\n this.reset();\n\n }\n\n reset() {\n this.selectedCre = [];\n this.selectedWorkShop = [];\n let date = moment(this.maxDate);\n this.date.setValue(date);\n this.today = new Date();\n this.toDate = new Date();\n this.fromDate = new Date();\n this.resetDashboard();\n if(this.prsRoleId=='1'||this.prsRoleId=='12')\n this.filterDashboard();\n }\n\n filterDashboard(): void {\n this.spinner = true;\n let workshopSet = new Set();\n let workshopCardSet = new Set();\n let roleId;\n if(this.prsRoleId=='12'){\n roleId='12';\n }\n else{\n roleId='15';\n }\n this.commonService.prsFilterDashboard(this.userInfo.userId,roleId).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.filtersWorkshop = [];\n this.filtersCre = [];\n res['responseData'].forEach(element => {\n let workshopCode = element.workshop.split(\" - \")[0];\n let workshop = { id: element.id, workshopCode: workshopCode, workshop: element.workshop };\n let cre = element.creId;\n this.filtersWorkshop.push(workshop);\n workshopSet.add(workshop.workshop);\n workshopCardSet.add(workshop.workshop);\n if (!this.filtersCre.includes(cre)&& cre!=null) {\n this.filtersCre.push(cre);\n }\n });\n this.selectedDate = this.datePipe.transform(this.date.value['_d'], \"MMM yy\");\n this.uniqueWorkshop = Array.from(workshopSet);\n this.uniqueWorkshopCard = Array.from(workshopCardSet);\n this.uniqueWorkshopCopy = this.uniqueWorkshop;\n this.uniqueWorkshopCardCopy = this.uniqueWorkshopCard;\n this.filtersCreCopy = this.filtersCre;\n this.getPrsDashboardLeadKpi();\n this.spinner = false;\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n\n }\n\n\n resetDashboard(){\n this.allocated = {};\n this.attempted = {};\n this.notAttempted = {};\n this.contacted={};\n this.notContacted={};\n this.percContacted={};\n this.contactedLanguageBarrier={};\n this.contactedFollowUp={};\n this.contactedNoFeedback={};\n this.contactedPartialFeedback={};\n this.contactedFullFeedback={};\n this.contactedSystemRemoved={};\n this.percCallAttempted={}\n this.percFeedback={};\n this.dlrPrsTopScore={};\n this.prsTopScore={};\n this.horizontalBarChart1Data=[];\n this.horizontalBarChart2Data=[];\n this.horizontalBarChart3Data=[];\n this.resetResponseKpi();\n this.resetComparisonKpi();\n }\n\n resetComparisonKpi(){\n this.horizontalBarChart4Data=[];\n }\n\n resetResponseKpi(){\n this.barChart1Data=[];\n this.horizontalBarChart5Data = [];\n }\n\n getPrsDashboardLeadKpi(){\n this.spinner = true;\n let selectedCre = '';\n this.selectedCre.forEach((element, index) => {\n if (index == 0) {\n selectedCre = element;\n } else {\n selectedCre = selectedCre + ',' + element;\n }\n });\n let selectedWorkShop = '';\n this.selectedWorkShop.forEach((element, index) => {\n if (index == 0) {\n selectedWorkShop = element.split(\" - \")[0];\n } else {\n selectedWorkShop = selectedWorkShop + ',' + element.split(\" - \")[0];\n }\n });\n const request = {\n \"userId\": this.userInfo.userId,\n \"roleId\": this.userInfo.roleId,\n \"creId\": selectedCre || '',\n \"workshopCode\": selectedWorkShop || '',\n \"PrsRoleId\": this.prsRoleId,\n \"startDate\": this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\").toString(),\n \"endDate\": this.datePipe.transform(this.toDate, \"yyyy-MM-dd\").toString()\n };\n this.resetDashboard();\n this.commonService.getPrsDashboardLeadKpi(request).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.selectedDate = this.datePipe.transform(this.date.value['_d'], \"MMM yy\");\n res[\"responseData\"].forEach(kpi => {\n if (kpi.actualVal) {\n kpi.actualVal = Math.round(kpi.actualVal * 100 + Number.EPSILON) / 100;\n }\n if (kpi.kpiCode == '001') {\n this.allocated = kpi;\n }\n if (kpi.kpiCode == '002') {\n this.attempted = kpi;\n }\n if (kpi.kpiCode == '003') {\n this.notAttempted = kpi;\n }\n if (kpi.kpiCode == '004') {\n this.contacted = kpi;\n }\n if (kpi.kpiCode == '005') {\n this.notContacted = kpi;\n }\n if (kpi.kpiCode == '006') {\n this.percCallAttempted = kpi;\n }\n if (kpi.kpiCode == '007') {\n this.percFeedback = kpi;\n }\n if (kpi.kpiCode == '008') {\n this.dlrPrsTopScore = kpi;\n }\n if (kpi.kpiCode == '009') {\n this.prsTopScore = kpi;\n }\n if (kpi.kpiCode == '010') {\n this.contactedLanguageBarrier = kpi;\n }\n if (kpi.kpiCode == '011') {\n this.contactedFollowUp = kpi;\n }\n if (kpi.kpiCode == '012') {\n this.contactedFullFeedback = kpi;\n }\n if (kpi.kpiCode == '013') {\n this.contactedPartialFeedback = kpi;\n }\n if (kpi.kpiCode == '014') {\n this.contactedNoFeedback = kpi;\n }\n if (kpi.kpiCode == '015') {\n this.contactedSystemRemoved = kpi;\n }\n if (kpi.kpiCode == '016') {\n this.percDealerDissatisfied = kpi;\n }\n if (kpi.kpiCode == '017') {\n this.percDealerSatisfied = kpi;\n }\n if (kpi.kpiCode == '018') {\n this.percBothDissatisfied = kpi;\n }\n if (kpi.kpiCode == '019') {\n this.percBothSatisfied = kpi;\n }\n if (kpi.kpiCode == '020') {\n this.percContacted = kpi;\n }\n this.spinner = false;\n });\n\n //horizontalBarChart1 start\n this.contacted.actualVal = this.contacted.actualVal || 0;\n this.notContacted.actualVal = this.notContacted.actualVal || 0;\n if (this.contacted.actualVal || this.notContacted.actualVal) {\n this.horizontalBarChart1Data = [\n {\n data: [this.contacted.actualVal],\n stack: 'a',\n label: 'Contacted',\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.notContacted.actualVal],\n stack: 'a',\n label: 'Not Contacted',\n backgroundColor: 'rgb(87, 174, 239)',\n hoverBackgroundColor: 'rgb(87, 174, 239)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n }\n ];\n let max1 = this.contacted.actualVal + this.notContacted.actualVal;\n this.horizontalBarChart1Options.scales.xAxes[0].ticks.max = max1;\n this.horizontalBarChart1Options.scales.yAxes[0].ticks.max = max1;\n }\n //horizontalBarChart1 end\n\n //horizontalBarChart2 start\n this.contactedLanguageBarrier.actualVal = this.contactedLanguageBarrier.actualVal || 0;\n this.contactedFollowUp.actualVal = this.contactedFollowUp.actualVal || 0;\n this.contactedSystemRemoved.actualVal = this.contactedSystemRemoved.actualVal || 0;\n this.contactedFullFeedback.actualVal = this.contactedFullFeedback.actualVal || 0;\n this.contactedNoFeedback.actualVal = this.contactedNoFeedback.actualVal || 0;\n this.contactedPartialFeedback.actualVal = this.contactedPartialFeedback.actualVal || 0;\n let max2 = this.contactedLanguageBarrier.actualVal + this.contactedFollowUp.actualVal\n + this.contactedSystemRemoved.actualVal\n + this.contactedFullFeedback.actualVal + this.contactedNoFeedback.actualVal + this.contactedPartialFeedback.actualVal;\n if (max2) {\n this.horizontalBarChart2Options.scales.xAxes[0].ticks.max = max2;\n this.horizontalBarChart2Options.scales.yAxes[0].ticks.max = max2;\n this.horizontalBarChart2Data = [\n {\n data: [this.contactedLanguageBarrier.actualVal],\n stack: 'a',\n label: 'Language Barrier',\n backgroundColor: '#4834d4',\n hoverBackgroundColor: '#4834d4',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.contactedFollowUp.actualVal],\n stack: 'a',\n label: 'Followup',\n backgroundColor: '#57aeef',\n hoverBackgroundColor: '#57aeef',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.contactedSystemRemoved.actualVal],\n stack: 'a',\n label: 'System Closed',\n backgroundColor: '#5758bb',\n hoverBackgroundColor: '#5758bb',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.contactedPartialFeedback.actualVal],\n stack: 'a',\n label: 'Partial Feedback',\n backgroundColor: '#00008B',\n hoverBackgroundColor: '#00008B',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.contactedNoFeedback.actualVal],\n stack: 'a',\n label: 'No Feedback',\n backgroundColor: '#3f729d',\n hoverBackgroundColor: '#3f729d',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n {\n data: [this.contactedFullFeedback.actualVal],\n stack: 'a',\n label: 'Full Feedback',\n backgroundColor: '#2e3668',\n hoverBackgroundColor: '#2e3668',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n }\n ];\n }\n //horizontalBarChart2 end\n\n //horizontalBarChart3 start\n this.dlrPrsTopScore.actualVal = this.dlrPrsTopScore.actualVal || 0;\n this.prsTopScore.actualVal = this.prsTopScore.actualVal || 0;\n let max3 = this.dlrPrsTopScore.actualVal + this.prsTopScore.actualVal;\n if (max3) {\n this.horizontalBarChart3Options.scales.xAxes[0].ticks.max = max3;\n this.horizontalBarChart3Options.scales.yAxes[0].ticks.max = max3;\n this.horizontalBarChart3Data = [\n {\n data: [this.dlrPrsTopScore.actualVal],\n stack: 'a',\n label: 'Active',\n backgroundColor: '#2e3668',\n hoverBackgroundColor: '#2e3668',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n\n {\n data: [this.prsTopScore.actualVal],\n stack: 'a',\n label: 'No Service',\n backgroundColor: '#4834d4',\n hoverBackgroundColor: '#4834d4',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 12,\n maxBarThickness: 12,\n minBarLength: 2\n },\n ];\n }\n //horizontalBarChart3 end\n this.getPrsDashboardResponseKpi(request);\n if(this.roleId!=\"12\"&&this.prsRoleId!=\"12\")\n this.getComparisonLead(request);\n this.updateChart = false\n\n }\n else {\n this.toastr.error(res[\"message\"])\n this.spinner = false\n this.updateChart = false\n }\n }, err => {\n this.spinner = false;\n this.updateChart = false\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n getComparisonLead(request) {\n let req=request;\n this.commonService.getPrsDashboardComparisonKpi(req).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.selectedDate = this.datePipe.transform(this.date.value['_d'], \"MMM yy\");\n res[\"responseData\"].forEach(kpi => {\n if (kpi.actualVal) {\n kpi.actualVal = Math.round(kpi.actualVal * 100 + Number.EPSILON) / 100;\n }\n if (kpi.kpiCode == '016') {\n this.percDealerDissatisfied = kpi;\n }\n if (kpi.kpiCode == '017') {\n this.percDealerSatisfied = kpi;\n }\n if (kpi.kpiCode == '018') {\n this.percBothDissatisfied = kpi;\n }\n if (kpi.kpiCode == '019') {\n this.percBothSatisfied = kpi;\n }\n this.spinner = false;\n });\n //horizontalBarChart4 start Rating Comparison\n this.percDealerDissatisfied.actualVal = this.percDealerDissatisfied.actualVal || 0;\n this.percDealerSatisfied.actualVal = this.percDealerSatisfied.actualVal || 0;\n this.percBothDissatisfied.actualVal = this.percBothDissatisfied.actualVal || 0;\n this.percBothSatisfied.actualVal = this.percBothSatisfied.actualVal || 0;\n let max4 = Math.max(this.percDealerDissatisfied.actualVal, this.percDealerSatisfied.actualVal, this.percBothDissatisfied.actualVal,\n this.percBothSatisfied.actualVal);\n if (max4) {\n this.horizontalBarChart4Options.scales.xAxes[0].ticks.max = max4 + 10;\n this.horizontalBarChart4Options.scales.yAxes[0].ticks.max = max4 + 10;\n this.horizontalBarChart4Data = [\n {\n data: [this.percDealerDissatisfied.actualVal, this.percDealerSatisfied.actualVal, this.percBothDissatisfied.actualVal,\n this.percBothSatisfied.actualVal],\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 10,\n }\n ];\n }\n //horizontalBarChart4 end\n this.spinner=false;\n this.updateChartCard = false;\n }\n else {\n this.toastr.error(res[\"message\"])\n this.spinner = false\n this.updateChartCard = false;\n }\n }, err => {\n this.spinner = false;\n this.updateChartCard = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n getPrsDashboardResponseKpi(request){\n let req=request;\n this.commonService.getPrsDashboardResponseKpi(req).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.selectedDate = this.datePipe.transform(this.date.value['_d'], \"MMM yy\");\n res[\"responseData\"].forEach(kpi => {\n if (kpi.actualVal) {\n kpi.actualVal = Math.round(kpi.actualVal * 100 + Number.EPSILON) / 100;\n }\n if (kpi.kpiCode == '205') {\n this.noResponse = kpi;\n }\n if (kpi.kpiCode == '206') {\n this.busy = kpi;\n }\n if (kpi.kpiCode == '207') {\n this.switchOff = kpi;\n }\n if (kpi.kpiCode == '208') {\n this.invalid = kpi;\n }\n if (kpi.kpiCode == '209') {\n this.others = kpi;\n }\n if (kpi.kpiCode == '318') {\n this.feedbackShared = kpi;\n }\n if (kpi.kpiCode == '319') {\n this.vehicleNotTested = kpi;\n }\n if (kpi.kpiCode == '320') {\n this.serviceNotDone = kpi;\n }\n if (kpi.kpiCode == '321') {\n this.callDisconnect = kpi;\n }\n if (kpi.kpiCode == '322') {\n this.notInterested = kpi;\n }\n if (kpi.kpiCode == '323') {\n this.wrongDetail = kpi;\n }\n if (kpi.kpiCode == '327') {\n this.leftJob = kpi;\n }\n if (kpi.kpiCode == '328') {\n this.vehicleReturn = kpi;\n }\n });\n //barChart1 start not connected reason\n this.noResponse.actualVal = this.noResponse.actualVal || 0;\n this.busy.actualVal = this.busy.actualVal || 0;\n this.switchOff.actualVal = this.switchOff.actualVal || 0;\n this.invalid.actualVal = this.invalid.actualVal || 0;\n this.others.actualVal = this.others.actualVal || 0;\n let maxNotConnected = Math.max(this.noResponse.actualVal, this.busy.actualVal, this.switchOff.actualVal, this.invalid.actualVal, this.others.actualVal);\n if (maxNotConnected) {\n this.barChart1Options.scales.xAxes[0].ticks.max = maxNotConnected;\n this.barChart1Options.scales.yAxes[0].ticks.max = maxNotConnected;\n this.barChart1Data = [\n {\n data: [this.noResponse.actualVal, this.busy.actualVal, this.switchOff.actualVal, this.invalid.actualVal, this.others.actualVal],\n backgroundColor: 'rgb(87, 174, 239)',\n hoverBackgroundColor: 'rgb(87, 174, 239)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 20,\n maxBarThickness: 20,\n minBarLength: 2\n }\n ];\n }\n //barChart1 end\n\n //horizontalBarChart5 start noservice booking\n this.feedbackShared.actualVal = this.feedbackShared.actualVal || 0;\n this.vehicleNotTested.actualVal = this.vehicleNotTested.actualVal || 0;\n this.serviceNotDone.actualVal = this.serviceNotDone.actualVal || 0;\n this.callDisconnect.actualVal = this.callDisconnect.actualVal || 0;\n this.notInterested.actualVal = this.notInterested.actualVal || 0;\n this.wrongDetail.actualVal = this.wrongDetail.actualVal || 0;\n this.leftJob.actualVal = this.leftJob.actualVal || 0;\n this.vehicleReturn.actualVal = this.vehicleReturn.actualVal || 0;\n let max5 = Math.max(this.feedbackShared.actualVal, this.vehicleNotTested.actualVal, this.serviceNotDone.actualVal,\n this.callDisconnect.actualVal, this.notInterested.actualVal, this.wrongDetail.actualVal,\n this.leftJob.actualVal,this.vehicleReturn.actualVal\n );\n if (max5) {\n this.horizontalBarChart5Options.scales.xAxes[0].ticks.max = max5 + 10;\n this.horizontalBarChart5Options.scales.yAxes[0].ticks.max = max5 + 10;\n this.horizontalBarChart5Data = [\n {\n data: [this.feedbackShared.actualVal, this.vehicleNotTested.actualVal, this.serviceNotDone.actualVal,\n this.callDisconnect.actualVal, this.notInterested.actualVal, this.wrongDetail.actualVal,\n this.leftJob.actualVal, this.vehicleReturn.actualVal\n ],\n backgroundColor: 'rgb(46, 54, 104)',\n hoverBackgroundColor: 'rgb(46, 54, 104)',\n borderSkipped: 'chartArea',\n barPercentage: 0.5,\n barThickness: 10,\n }\n ];\n }\n\n this.updateChartCard = false;\n this.spinner=false\n }\n else{\n this.updateChartCard = false;\n this.spinner=false\n }\n }, err => {\n this.spinner = false;\n this.updateChartCard = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n}","export default \".working-area {\\n margin-top: 115px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card .mat-card-title {\\n margin-bottom: 0px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n}\\n\\n.filter-style {\\n width: 140px !important;\\n}\\n\\n.filter-label {\\n font: 12px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 3px;\\n padding: 1px 0px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding-bottom: 0px;\\n padding-top: 2px;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding-bottom: 0px;\\n font-size: 12px !important;\\n height: 21px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 89%;\\n}\\n\\n.filter1 ::ng-deep .mat-select-arrow-wrapper {\\n padding-bottom: 0x;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 6px !important;\\n padding-left: 5px;\\n}\\n\\n.filter1-input {\\n margin-top: 7px !important;\\n margin-left: 5px;\\n}\\n\\n.filter1 {\\n font-size: 12px;\\n}\\n\\n.filter2 {\\n width: auto;\\n}\\n\\n.calender {\\n position: relative;\\n background: white;\\n width: 140px;\\n margin-right: 10px !important;\\n}\\n\\n.calender input {\\n border: 1px solid lightgray !important;\\n border-radius: 5px;\\n font-size: 12px;\\n height: 24px;\\n padding-left: 5px;\\n width: 140px;\\n}\\n\\n.calander-btn {\\n position: absolute;\\n right: 0px;\\n top: 5px;\\n}\\n\\n.button-margin {\\n margin-left: 0px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 25px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n padding-bottom: 2px;\\n}\\n\\n.example-card1 {\\n text-align: center;\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n margin-bottom: 10px;\\n}\\n\\n.form-field label {\\n font-weight: 500;\\n margin-bottom: 0px;\\n}\\n\\n.form-field input {\\n padding-left: 7px;\\n padding-top: 3px;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\n.columnHeader {\\n font: bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.columnvalue {\\n font-size: 11px !important;\\n position: relative;\\n}\\n\\n.cust-width {\\n width: 12%;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 3px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell {\\n padding: 3px;\\n text-align: start;\\n}\\n\\nth.mat-header-cell {\\n padding: 3px;\\n text-align: end !important;\\n}\\n\\n.cont-width {\\n width: 107px;\\n}\\n\\n.cont-width1 {\\n width: 118px;\\n}\\n\\n.reg-width {\\n width: 130px;\\n}\\n\\n.che-width {\\n width: 110px;\\n}\\n\\n.delName-width {\\n width: 141px;\\n}\\n\\n.set-min-width-report {\\n min-width: 1425px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.searchfilter {\\n width: 100px;\\n height: 30px;\\n margin-left: 10px;\\n font-size: 12px;\\n border: 0;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvcHJzLXJlcG9ydGluZy9wcnMtcmVwb3J0aW5nLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnQvcHJzLXJlcG9ydGluZy9wcnMtcmVwb3J0aW5nLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLHFDQUFBO0VBQ0EsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLHVCQUFBO0FDQ0o7O0FER0k7RUFDSSxrQkFBQTtBQ0FSOztBRElBO0VBQ0ksbUJBQUE7QUNESjs7QURJQTtFQUNJLHVCQUFBO0FDREo7O0FESUE7RUFDSSxpQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtFQUNBLG9CQUFBO0FDREo7O0FESUE7RUFDSSxtQkFBQTtFQUNBLGdCQUFBO0FDREo7O0FESUE7RUFDSSxlQUFBO0VBQ0EsV0FBQTtBQ0RKOztBRElBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0VBRUEsbUJBQUE7RUFDQSwwQkFBQTtFQUNBLFlBQUE7QUNGSjs7QURLQTtFQUNJLGlCQUFBO0FDRko7O0FES0E7RUFDSSxVQUFBO0FDRko7O0FES0E7RUFDSSxrQkFBQTtBQ0ZKOztBREtBO0VBQ0ksTUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksaUJBQUE7QUNGSjs7QURLQTtFQUNJLGFBQUE7QUNGSjs7QURLQTtFQUNJLE1BQUE7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0FDRko7O0FES0E7RUFDSSwwQkFBQTtFQUNBLGdCQUFBO0FDRko7O0FES0E7RUFDSSxlQUFBO0FDRko7O0FES0E7RUFDSSxXQUFBO0FDRko7O0FES0E7RUFDSSxrQkFBQTtFQUNBLGlCQUFBO0VBQ0EsWUFBQTtFQUNBLDZCQUFBO0FDRko7O0FER0k7RUFDSSxzQ0FBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtFQUNBLFlBQUE7QUNEUjs7QURLQTtFQUNJLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLFFBQUE7QUNGSjs7QURLQTtFQUNJLGdCQUFBO0FDRko7O0FES0E7RUFDSSx1QkFBQTtFQUNBLHlCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxtQkFBQTtBQ0ZKOztBREtBO0VBQ0ksa0JBQUE7RUFDQSxjQUFBO0VBQ0EsaUJBQUE7RUFDQSxrQkFBQTtFQUNBLG1CQUFBO0FDRko7O0FETUk7RUFDSSxnQkFBQTtFQUNBLGtCQUFBO0FDSFI7O0FES0k7RUFDSSxpQkFBQTtFQUNBLGdCQUFBO0FDSFI7O0FET0E7RUFDSSxtQ0FBQTtFQUNBLHVCQUFBO0FDSko7O0FET0E7RUFDSSxzQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLDBCQUFBO0FDSko7O0FEUUE7RUFDSSwwQkFBQTtFQUNBLGtCQUFBO0FDTEo7O0FEUUE7RUFDSSxVQUFBO0FDTEo7O0FEUUE7OztFQUdJLFlBQUE7RUFDQSxtQ0FBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7QUNMSjs7QURRQTs7RUFFSSxZQUFBO0VBQ0EsaUJBQUE7QUNMSjs7QURRQTtFQUNJLFlBQUE7RUFDQSwwQkFBQTtBQ0xKOztBRFFBO0VBQ0ksWUFBQTtBQ0xKOztBRFFBO0VBQ0ksWUFBQTtBQ0xKOztBRFFBO0VBQ0ksWUFBQTtBQ0xKOztBRFFBO0VBQ0ksWUFBQTtBQ0xKOztBRFFBO0VBQ0ksWUFBQTtBQ0xKOztBRFFBO0VBQ0ksaUJBQUE7QUNMSjs7QURRQTtFQUNJLHVCQUFBO0VBQ0EsbUJBQUE7QUNMSjs7QURRQTtFQUNJLFlBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxlQUFBO0VBQ0EsU0FBQTtBQ0xKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L3Bycy1yZXBvcnRpbmcvcHJzLXJlcG9ydGluZy5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53b3JraW5nLWFyZWEge1xuICAgIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICAgIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMCU7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQge1xuICAgIC5tYXQtY2FyZC10aXRsZSB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDBweDtcbiAgICB9XG59XG5cbi5maWx0ZXJkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5maWx0ZXItc3R5bGUge1xuICAgIHdpZHRoOiAxNDBweCAhaW1wb3J0YW50O1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgICBmb250OiAxMnB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjM2MzYzNjO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICAgIHBhZGRpbmc6IDFweCAwcHggMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG4gICAgcGFkZGluZy10b3A6IDJweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgZm9udDogd2hpdGU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgLy9wYWRkaW5nLXRvcDogMnB4O1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG4gICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgaGVpZ2h0OiAyMXB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gICAgd2lkdGg6IDg5JTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LWFycm93LXdyYXBwZXIge1xuICAgIHBhZGRpbmctYm90dG9tOiAweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgICB0b3A6IDA7XG4gICAgcGFkZGluZy10b3A6IDA7XG4gICAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICB0b3A6IDA7XG4gICAgbWFyZ2luLXRvcDogNnB4ICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXIxLWlucHV0IHtcbiAgICBtYXJnaW4tdG9wOiA3cHggIWltcG9ydGFudDtcbiAgICBtYXJnaW4tbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyMSB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZmlsdGVyMiB7XG4gICAgd2lkdGg6IGF1dG87XG59XG5cbi5jYWxlbmRlciB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHdpZHRoOiAxNDBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDEwcHggIWltcG9ydGFudDtcbiAgICBpbnB1dCB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheSAhaW1wb3J0YW50O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgICAgICAgd2lkdGg6IDE0MHB4O1xuICAgIH1cbn1cblxuLmNhbGFuZGVyLWJ0biB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAwcHg7XG4gICAgdG9wOiA1cHg7XG59XG5cbi5idXR0b24tbWFyZ2luIHtcbiAgICBtYXJnaW4tbGVmdDogMHB4O1xufVxuXG4uZmlsdGVyQnV0dG9uIHtcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICAgIGhlaWdodDogMjVweDtcbiAgICBsaW5lLWhlaWdodDogMTBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG4gICAgcGFkZGluZy1ib3R0b206IDJweDtcbn1cblxuLmV4YW1wbGUtY2FyZDEge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICBtYXJnaW4tcmlnaHQ6IGF1dG87XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLmZvcm0tZmllbGQge1xuICAgIGxhYmVsIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogN3B4O1xuICAgICAgICBwYWRkaW5nLXRvcDogM3B4O1xuICAgIH1cbn1cblxuLnRhYmxlLWJvcmRlci5tYXQtdGFibGUge1xuICAgIGJvcmRlci1zdHlsZTogbm9uZSBzb2xpZCBzb2xpZCBub25lO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY29sdW1uSGVhZGVyIHtcbiAgICBmb250OiBib2xkIDEycHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzMzMzMzM7XG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gICAgLy9taW4td2lkdGg6IDExMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gICAgZm9udC1zaXplOiAxMXB4ICFpbXBvcnRhbnQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uY3VzdC13aWR0aCB7XG4gICAgd2lkdGg6IDEyJTtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICAgIHBhZGRpbmc6IDNweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCB7XG4gICAgcGFkZGluZzogM3B4O1xuICAgIHRleHQtYWxpZ246IHN0YXJ0O1xufVxuXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICAgIHBhZGRpbmc6IDNweDtcbiAgICB0ZXh0LWFsaWduOiBlbmQgIWltcG9ydGFudDtcbn1cblxuLmNvbnQtd2lkdGgge1xuICAgIHdpZHRoOiAxMDdweDtcbn1cblxuLmNvbnQtd2lkdGgxIHtcbiAgICB3aWR0aDogMTE4cHg7XG59XG5cbi5yZWctd2lkdGgge1xuICAgIHdpZHRoOiAxMzBweDtcbn1cblxuLmNoZS13aWR0aCB7XG4gICAgd2lkdGg6IDExMHB4O1xufVxuXG4uZGVsTmFtZS13aWR0aCB7XG4gICAgd2lkdGg6IDE0MXB4O1xufVxuXG4uc2V0LW1pbi13aWR0aC1yZXBvcnQge1xuICAgIG1pbi13aWR0aDogMTQyNXB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5zZWFyY2hmaWx0ZXIge1xuICAgIHdpZHRoOiAxMDBweDtcbiAgICBoZWlnaHQ6IDMwcHg7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGJvcmRlcjogMDtcbn1cbiIsIi53b3JraW5nLWFyZWEge1xuICBtYXJnaW4tdG9wOiAxMTVweDtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1yYWRpdXM6IDAlO1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZCAubWF0LWNhcmQtdGl0bGUge1xuICBtYXJnaW4tYm90dG9tOiAwcHg7XG59XG5cbi5maWx0ZXJkaXYge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uZmlsdGVyLXN0eWxlIHtcbiAgd2lkdGg6IDE0MHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiAxMnB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzYzNjM2M7XG4gIG9wYWNpdHk6IDE7XG4gIG1hcmdpbi1ib3R0b206IDNweDtcbiAgcGFkZGluZzogMXB4IDBweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmctYm90dG9tOiAwcHg7XG4gIHBhZGRpbmctdG9wOiAycHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWJ1dHRvbiB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgZm9udDogd2hpdGU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHBhZGRpbmctYm90dG9tOiAwcHg7XG4gIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICBoZWlnaHQ6IDIxcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA4OSU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC1hcnJvdy13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICB0b3A6IDA7XG4gIHBhZGRpbmctdG9wOiAwO1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHRvcDogMDtcbiAgbWFyZ2luLXRvcDogNnB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyMS1pbnB1dCB7XG4gIG1hcmdpbi10b3A6IDdweCAhaW1wb3J0YW50O1xuICBtYXJnaW4tbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyMSB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZpbHRlcjIge1xuICB3aWR0aDogYXV0bztcbn1cblxuLmNhbGVuZGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgd2lkdGg6IDE0MHB4O1xuICBtYXJnaW4tcmlnaHQ6IDEwcHggIWltcG9ydGFudDtcbn1cbi5jYWxlbmRlciBpbnB1dCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheSAhaW1wb3J0YW50O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgaGVpZ2h0OiAyNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgd2lkdGg6IDE0MHB4O1xufVxuXG4uY2FsYW5kZXItYnRuIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMHB4O1xuICB0b3A6IDVweDtcbn1cblxuLmJ1dHRvbi1tYXJnaW4ge1xuICBtYXJnaW4tbGVmdDogMHB4O1xufVxuXG4uZmlsdGVyQnV0dG9uIHtcbiAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gIGhlaWdodDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDEwcHg7XG4gIG1hcmdpbi1ib3R0b206IDFweDtcbiAgcGFkZGluZy1ib3R0b206IDJweDtcbn1cblxuLmV4YW1wbGUtY2FyZDEge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xufVxuXG4uZm9ybS1maWVsZCBsYWJlbCB7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIG1hcmdpbi1ib3R0b206IDBweDtcbn1cbi5mb3JtLWZpZWxkIGlucHV0IHtcbiAgcGFkZGluZy1sZWZ0OiA3cHg7XG4gIHBhZGRpbmctdG9wOiAzcHg7XG59XG5cbi50YWJsZS1ib3JkZXIubWF0LXRhYmxlIHtcbiAgYm9yZGVyLXN0eWxlOiBub25lIHNvbGlkIHNvbGlkIG5vbmU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY29sdW1uSGVhZGVyIHtcbiAgZm9udDogYm9sZCAxMnB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzMzMzMzM7XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4uY29sdW1udmFsdWUge1xuICBmb250LXNpemU6IDExcHggIWltcG9ydGFudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uY3VzdC13aWR0aCB7XG4gIHdpZHRoOiAxMiU7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsLFxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgcGFkZGluZzogM3B4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjFweDtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsIHtcbiAgcGFkZGluZzogM3B4O1xuICB0ZXh0LWFsaWduOiBzdGFydDtcbn1cblxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgcGFkZGluZzogM3B4O1xuICB0ZXh0LWFsaWduOiBlbmQgIWltcG9ydGFudDtcbn1cblxuLmNvbnQtd2lkdGgge1xuICB3aWR0aDogMTA3cHg7XG59XG5cbi5jb250LXdpZHRoMSB7XG4gIHdpZHRoOiAxMThweDtcbn1cblxuLnJlZy13aWR0aCB7XG4gIHdpZHRoOiAxMzBweDtcbn1cblxuLmNoZS13aWR0aCB7XG4gIHdpZHRoOiAxMTBweDtcbn1cblxuLmRlbE5hbWUtd2lkdGgge1xuICB3aWR0aDogMTQxcHg7XG59XG5cbi5zZXQtbWluLXdpZHRoLXJlcG9ydCB7XG4gIG1pbi13aWR0aDogMTQyNXB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLnNlYXJjaGZpbHRlciB7XG4gIHdpZHRoOiAxMDBweDtcbiAgaGVpZ2h0OiAzMHB4O1xuICBtYXJnaW4tbGVmdDogMTBweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBib3JkZXI6IDA7XG59Il19 */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { DateTimeAdapter, OWL_DATE_TIME_FORMATS, OWL_DATE_TIME_LOCALE } from 'ng-pick-datetime';\nimport { MomentDateTimeAdapter } from 'ng-pick-datetime-moment';\nimport { Router } from '@angular/router';\nimport { DatePipe } from '@angular/common';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { MatTableDataSource, MatSort, MatPaginator, MatSelect, MatOption } from '@angular/material';\nimport { kpiCustData } from './kpiCustData';\nimport { FilterPipePipe } from '../../pipes/filter-pipe.pipe';\nimport { FormControl, FormBuilder, FormGroup } from '@angular/forms';\nimport { WorkshopData } from '../uam/workshopData';\n\nexport const MY_CUSTOM_FORMATS = {\n parseInput: 'LL LT',\n fullPickerInput: 'DD-MM-YYYY LT',\n datePickerInput: 'DD-MM-YYYY',\n timePickerInput: 'LT',\n monthYearLabel: 'MMM YYYY',\n dateA11yLabel: 'LL',\n monthYearA11yLabel: 'MMMM YYYY',\n};\n\n@Component({\n selector: 'app-prs-reporting',\n templateUrl: './prs-reporting.component.html',\n styleUrls: ['./prs-reporting.component.scss'],\n providers: [\n { provide: DateTimeAdapter, useClass: MomentDateTimeAdapter, deps: [OWL_DATE_TIME_LOCALE] },\n { provide: OWL_DATE_TIME_FORMATS, useValue: MY_CUSTOM_FORMATS },\n FilterPipePipe\n ],\n})\nexport class PrsReportingComponent implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n @ViewChild('allSelected', { static: true }) private allSelected: MatOption;\n @ViewChild('allSelectedVertical', { static: true }) private allSelectedVertical: MatOption;\n\n displayedColumns: string[] = [\n 'customerName',\n 'customerNo',\n 'accountType',\n 'callType',\n 'registrationNo',\n 'chassisNo',\n 'vehicleModel',\n 'dealerCode',\n 'dealerName',\n 'leadGenerationDate',\n 'lastContacted',\n 'leadStatus'\n ];\n\n spinner: boolean;\n userId: string;\n userInfo: any;\n today: Date = new Date();\n toDate: Date = new Date();\n fromDate: Date = new Date();\n uniqueRegionValue: string[] = [];\n uniqueVerticalValue: string[] = [];\n uniqueDealerCode: string[] = [];\n uniqueReportTypeValue: string[] = [];\n selectedRegionValues: string[] = [];\n selectedVerticalValues: string[] = [];\n selectedDealerCodeValues: string[] = [];\n selectedReportTypeValues: string;\n wsCodeFilter:string;\n region: string;\n vartical: string;\n dataGridDataSource: any;\n reportTypeMap = new Map();\n selectRegion: FormGroup;\n selectVertical: FormGroup;\n regionType: string;\n dataGrideFlag: boolean;\n selectedDealer: any;\n uniqueDealerCodeCopy: string[] = [];\n dealerCode: string[] = [];\n roleId: string;\n uniqueRegion: string[] = [];\n acessType: string;\n uniquePRSReportTypeValue: string[] = [];\n maxDate: Date = new Date();\n prsDataGridSize: number = 0;\n\n constructor(\n private router: Router,\n private datePipe: DatePipe,\n private commonService: CommonService,\n private toastr: ToastrService,\n private filterPipePipe: FilterPipePipe,\n private fb1: FormBuilder,\n private fb2: FormBuilder\n ) { }\n\n ngOnInit() {\n\n this.userId = localStorage.getItem('userId');\n this.userInfo = JSON.parse(localStorage.getItem('userInfo'));\n this.commonService.roleId = localStorage.getItem('roleId');\n this.roleId = localStorage.getItem('roleId');\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n\n if (localStorage.getItem('uniqueRegionValue') != null || localStorage.getItem('uniqueRegionValue') != undefined) {\n this.uniqueRegionValue = JSON.parse(localStorage.getItem(\"uniqueRegionValue\"));\n }\n\n if (localStorage.getItem('uniqueVerticalValue') != null || localStorage.getItem('uniqueVerticalValue') != undefined) {\n this.uniqueVerticalValue = JSON.parse(localStorage.getItem(\"uniqueVerticalValue\"));\n }\n\n this.selectRegion = this.fb1.group({\n regionType: ['']\n });\n\n this.selectVertical = this.fb2.group({\n verticalType: ['']\n });\n\n this.uniquePRSReportTypeValue = ['Dealer PRS', 'PRS Call Center'];\n if(this.roleId == '1') {\n this.acessType = 'Dealer PRS';\n } else if(this.roleId == '12') {\n this.acessType = 'PRS Call Center';\n } else if(this.roleId == '15') {\n this.acessType = 'PRS Call Center';\n } else if(this.roleId == '4') {\n this.acessType = 'Dealer PRS';\n } else if(this.roleId == '5') {\n this.acessType = 'Dealer PRS';\n } else if(this.roleId == '6') {\n this.acessType = 'Dealer PRS';\n } else if(this.roleId == '7') {\n this.acessType = 'Dealer PRS';\n }\n\n this.reportTypeFilterValues();\n this.filterValues();\n // if(this.roleId != '15'){\n // this.getDataGrid(false);\n // }\n\n // if(!this.uniqueRegionValue.length || !this.uniqueVerticalValue.length) {\n // this.filterValues();\n // }\n }\n\n /**\n * Name: filterValues\n * purpose: To get filter values\n */\n reportTypeFilterValues(): void {\n this.uniqueReportTypeValue = [];\n this.selectedReportTypeValues = '';\n this.commonService.reportTypeFilter()\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (res['responseData'].length) {\n if(this.roleId == '12') {\n res['responseData'].forEach(element => {\n this.uniqueReportTypeValue.push(element.callTypeSeqDesc);\n this.reportTypeMap.set(element.callTypeSeqDesc, element.callTypeSeq);\n });\n } else if(this.roleId == '1' || this.roleId == '5' || this.roleId == '4'\n || this.roleId == '6' || this.roleId == '7') {\n this.uniqueReportTypeValue.push('PRS');\n this.reportTypeMap.set('PRS', '3');\n this.selectedReportTypeValues = 'PRS';\n }\n if(this.roleId == '15' && this.acessType == 'PRS Call Center') {\n res['responseData'].forEach(element => {\n this.uniqueReportTypeValue.push(element.callTypeSeqDesc);\n this.reportTypeMap.set(element.callTypeSeqDesc, element.callTypeSeq);\n });\n } else if(this.roleId == '15' && this.acessType == 'Dealer PRS') {\n this.uniqueReportTypeValue.push('PRS');\n this.reportTypeMap.set('PRS', '3');\n this.selectedReportTypeValues = 'PRS';\n }\n }\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: filterValues\n * purpose: To get filter values\n */\n filterValues(): void {\n this.commonService.prsReportFilter(this.userId, this.roleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (res['responseData'].length) {\n let uniqueRegionValue = res['responseData'].filter(data=> data.flag=='R');\n if(uniqueRegionValue.length) {\n this.uniqueRegionValue = [];\n uniqueRegionValue.forEach(data => {\n this.uniqueRegionValue.push((data.code).toString());\n });\n }\n this.uniqueRegion = this.uniqueRegionValue;\n\n let uniqueVerticalValue = res['responseData'].filter(data=> data.flag=='V');\n if(uniqueVerticalValue.length) {\n this.uniqueVerticalValue = [];\n uniqueVerticalValue.forEach(data => {\n this.uniqueVerticalValue.push(data.code);\n });\n this.uniqueVerticalValue.forEach((element,index)=>{\n if(element == null){\n this.uniqueVerticalValue.splice(index,1);\n }\n });\n }\n\n let uniqueDealerCode = res['responseData'].filter(data=> data.flag=='W');\n if(uniqueDealerCode.length) {\n this.uniqueDealerCode = [];\n uniqueDealerCode.forEach(data => {\n this.uniqueDealerCode.push(data.code);\n });\n this.uniqueDealerCodeCopy = this.uniqueDealerCode;\n }\n }\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n}\n\n /**\n * Name: getDataGrid\n * purpose: To prepare call list for dataGrid\n */\n getDataGrid(event: any) {\n this.dataGrideFlag = event;\n //this.spinner = true;\n this.dataGridDataSource = '';\n let region = '';\n let vartical = '';\n if(this.selectRegion.value.regionType != \"\") {\n this.selectRegion.value.regionType.forEach((element,index) => {\n if(element == \"0\"){\n this.selectRegion.value.regionType.splice(index,1);\n }\n });\n region = this.selectRegion.value.regionType.toString();\n }\n if(this.selectVertical.value.verticalType != \"\" && !this.selectVertical){\n this.selectVertical.value.verticalType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectVertical.value.verticalType.splice(index,1);\n }\n });\n vartical = this.selectVertical.value.verticalType.toString();\n }\n let dealerCode = this.selectedDealerCodeValues.toString();\n let fdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let reportType = '';\n if(this.selectedReportTypeValues != '' && this.selectedReportTypeValues != undefined){\n reportType = this.reportTypeMap.get(this.selectedReportTypeValues);\n }\n //this.getDataGridExcelReport(region, vartical, dealerCode, fdate, tdate, reportType);\n this.commonService.getPRSDattaGrid(region, vartical, dealerCode, fdate, tdate, reportType, this.userId, this.roleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (res['responseData'].length) {\n this.dataGridDataSource = new MatTableDataSource(res['responseData']);\n this.prsDataGridSize = this.dataGridDataSource.length;\n //this.sort.direction = '';\n this.dataGridDataSource.sort = this.sort;\n this.dataGridDataSource.paginator = this.paginator;\n }\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: searchfilter\n * purpose: To apply filter on datagrid\n */\n searchfilter(filterValue: string): void {\n filterValue = filterValue.trim(); // Remove whitespace\n filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n this.dataGridDataSource.filter = filterValue;\n }\n\n /**\n * Name: activeButton\n * purpose: To activat Export Excel and Raw Data Report button\n */\n activeButton(): boolean {\n let flag = false;\n if (this.selectedReportTypeValues != null && this.selectedReportTypeValues != undefined && this.selectedReportTypeValues != '') {\n flag = true;\n }\n return flag;\n }\n\n /**\n * Name: getRowDataExcelReport\n * purpose: To export Row Data report as excel\n */\n getRowDataExcelReport(){\n this.spinner = true;\n let region = '';\n let vartical = '';\n if(this.selectRegion.value.regionType != \"\"){\n this.selectRegion.value.regionType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectRegion.value.regionType.splice(index,1);\n }\n });\n region = this.selectRegion.value.regionType.toString();\n }\n if(this.selectVertical.value.verticalType != \"\" && !this.selectVertical){\n this.selectVertical.value.verticalType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectVertical.value.verticalType.splice(index,1);\n }\n });\n vartical = this.selectVertical.value.verticalType.toString();\n }\n let dealerCode = this.selectedDealerCodeValues.toString();\n let fdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let reportType = this.reportTypeMap.get(this.selectedReportTypeValues);\n let fileName = \"Report on Calling Data From \" + fdate + \" To \" + tdate;\n let roleID = '';\n if(this.roleId == '15' && this.acessType == 'PRS Call Center') {\n roleID = '12';\n } else {\n roleID = this.roleId;\n }\n this.commonService.getRowDataExcelReport(region, vartical, dealerCode, fdate, tdate, reportType, this.userId, roleID)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n\n /**\n * Name: getPRSRowDataExcelReport\n * purpose: To export Row Data report as excel\n */\n getPRSRowDataExcelReport(){\n this.spinner = true;\n let region = '';\n let vartical = '';\n if(this.selectRegion.value.regionType != \"\"){\n this.selectRegion.value.regionType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectRegion.value.regionType.splice(index,1);\n }\n });\n region = this.selectRegion.value.regionType.toString();\n }\n if(this.selectVertical.value.verticalType != \"\" && !this.selectVertical){\n this.selectVertical.value.verticalType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectVertical.value.verticalType.splice(index,1);\n }\n });\n vartical = this.selectVertical.value.verticalType.toString();\n }\n let dealerCode = this.selectedDealerCodeValues.toString();\n let fdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let reportType = this.reportTypeMap.get(this.selectedReportTypeValues);\n let fileName = \"Report on Calling Data From \" + fdate + \" To \" + tdate;\n if(tdate <= '2023-01-31') {\n this.commonService.getPRSRowDataExcelReport(region, vartical, dealerCode, fdate, tdate, reportType, this.userId, this.roleId)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n } else if(fdate > '2023-01-31') {\n this.commonService.getNewPRSRowDataExcelReport(region, vartical, dealerCode, fdate, tdate, reportType, this.userId, this.roleId)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n\n });\n\n }\n else{\n this.toastr.error(\"Please Select Date before 31-01-2023\")\n this.spinner = false;\n }\n}\n\n /**\n * Name: getExportExcelReport\n * purpose: To export report as excel\n */\n getExportExcelReport(): void {\n this.spinner = true;\n let region = '';\n let vartical = '';\n if(this.selectRegion.value.regionType != \"\"){\n this.selectRegion.value.regionType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectRegion.value.regionType.splice(index,1);\n }\n });\n region = this.selectRegion.value.regionType.toString();\n }\n if(this.selectVertical.value.verticalType != \"\" && !this.selectVertical){\n this.selectVertical.value.verticalType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectVertical.value.verticalType.splice(index,1);\n }\n });\n vartical = this.selectVertical.value.verticalType.toString();\n }\n let dealerCode = this.selectedDealerCodeValues.toString();\n let fdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let reportType = this.reportTypeMap.get(this.selectedReportTypeValues);\n let fileName = \"SRM_Data Status Report_From_\" + fdate + \"_To_\" + tdate;\n let roleID = '';\n if(this.roleId == '15' && this.acessType == 'PRS Call Center') {\n roleID = '12';\n } else {\n roleID = this.roleId;\n }\n this.commonService.getExportExcelReport(region, vartical, dealerCode, fdate, tdate, reportType, this.userId, roleID)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n\n /**\n * Name: getPRSExportExcelReport\n * purpose: To export prs report as excel\n */\n getPRSExportExcelReport(): void {\n this.spinner = true;\n let region = '';\n let vertical = '';\n let workshop = '';\n if(this.selectRegion.value.regionType != \"\"){\n this.selectRegion.value.regionType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectRegion.value.regionType.splice(index,1);\n }\n });\n region = this.selectRegion.value.regionType.toString();\n }\n if(this.selectVertical.value.verticalType != \"\" && !this.selectVertical){\n this.selectVertical.value.verticalType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectVertical.value.verticalType.splice(index,1);\n }\n });\n vertical = this.selectVertical.value.verticalType.toString();\n }\n let dealerCode = this.selectedDealerCodeValues.toString();\n let startDate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let endDate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let fileName = \"SRM_Data Status Report_From_\" + startDate + \"_To_\" + endDate;\n this.spinner = false;\n if(endDate <= '2023-01-31') {\n this.commonService.getPRSExportExcelReport(region, vertical, dealerCode, startDate, endDate, this.userId, this.roleId)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n else if(startDate > '2023-01-31'){\n this.commonService.getNewPRSExportExcelReport(region, vertical, dealerCode, startDate, endDate, this.userId, this.roleId)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }else{\n this.toastr.error(\"Please Select Date before 31-01-2023\");\n this.spinner = false;\n }\n\n}\n\n /**\n * Name: filterTriggered\n * @param {Event} event - region filter data\n * purpose: To set dealer code filter values\n */\n filterTriggered(event: any): void {\n this.dataGrideFlag = true;\n this.uniqueDealerCode = [];\n this.selectedDealerCodeValues = [];\n let value;\n if(this.selectRegion.value.regionType == \"0\") {\n value = '';\n } else {\n value = this.selectRegion.value.regionType.toString();\n }\n this.commonService.getdealerCode(value)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (res['responseData'].length) {\n res['responseData'].forEach(element => {\n this.uniqueDealerCode.push(element.workshopCode);\n });\n this.uniqueDealerCodeCopy = this.uniqueDealerCode;\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: toggleAllSelection\n * purpose: To select/remove all data in workshop drop down\n */\n toggleAllSelectionVertical(): void {\n if (this.allSelectedVertical.selected) {\n this.selectVertical.controls.verticalType.patchValue([...this.uniqueVerticalValue, 0]);\n } else {\n this.selectVertical.controls.verticalType.patchValue([]);\n }\n }\n\n tosslePerOneVertical() {\n if (this.allSelectedVertical.selected) {\n this.allSelectedVertical.deselect();\n return false;\n }\n\n if (this.selectVertical.controls.verticalType.value.length == this.uniqueVerticalValue.length) {\n this.allSelectedVertical.select();\n }\n }\n\n /**\n * Name: toggleAllSelection\n * purpose: To select/remove all data in workshop drop down\n */\n toggleAllSelectionRegion(): void {\n if (this.allSelected.selected) {\n this.selectRegion.controls.regionType.patchValue([...this.uniqueRegionValue,0]);\n } else {\n this.selectRegion.controls.regionType.patchValue([]);\n }\n }\n\n tosslePerOneRegion() {\n if (this.allSelected.selected) {\n this.allSelected.deselect();\n return false;\n }\n\n if (this.selectRegion.controls.regionType.value.length == this.uniqueRegionValue.length) {\n this.allSelected.select();\n }\n }\n\n /**\n * Name: getDataGridExcelReport\n * purpose: To export data grid report as excel\n */\n getDataGridExcelReport(): void {\n this.spinner = true;\n let region = '';\n let vartical = '';\n if(this.selectRegion.value.regionType != \"\"){\n this.selectRegion.value.regionType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectRegion.value.regionType.splice(index,1);\n }\n });\n region = this.selectRegion.value.regionType.toString();\n }\n if(this.selectVertical.value.verticalType != \"\" && !this.selectVertical){\n this.selectVertical.value.verticalType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectVertical.value.verticalType.splice(index,1);\n }\n });\n vartical = this.selectVertical.value.verticalType.toString();\n }\n let dealerCode = this.selectedDealerCodeValues.toString();\n let fdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let reportType = '';\n if(this.selectedReportTypeValues != '' && this.selectedReportTypeValues != undefined){\n reportType = this.reportTypeMap.get(this.selectedReportTypeValues);\n }\n let fileName = \"Data Grid Report_From_\" + fdate + \"_To_\" + tdate;\n //this.spinner = false;\n this.commonService.getDataGridExcelReport(region, vartical, dealerCode, fdate, tdate, reportType, this.userId, this.roleId)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n\n /**\n * Name: clearFilter\n * purpose: To clear filter\n */\n clearFilter(): void {\n //this.selectVertical\n this.selectRegion.setValue({regionType:''});\n this.selectVertical.setValue({verticalType:''});\n this.selectedDealerCodeValues = [];\n if(this.roleId != '1') {\n this.selectedReportTypeValues = '';\n }\n this.today = new Date();\n this.toDate = new Date();\n this.fromDate = new Date();\n this.getDataGrid(false);\n this.activeButton();\n }\n\n /**\n * Name: activeGridButton\n * purpose: To activat Data Grid Report button\n */\n activeGridButton(): boolean {\n //this.dataGrideFlag = false;\n // if (this.selectedReportTypeValues != null && this.selectedReportTypeValues != undefined && this.selectedReportTypeValues != '') {\n // flag = true;\n // }\n return this.dataGrideFlag;\n }\n\n filterTest(event: any){\n this.dataGrideFlag = true;\n }\n\n onKey() : void {\n this.uniqueDealerCode = this.uniqueDealerCodeCopy;\n this.dealerCode = [];\n this.selectedDealer = this.selectedDealer.trim();\n this.dealerCode = this.uniqueDealerCode.filter(item =>\n item.toLowerCase().includes(this.selectedDealer.toLowerCase())\n );\n if(this.dealerCode.length > 0){\n this.closeInput();\n }\n this.uniqueDealerCode = [];\n this.uniqueDealerCode = this.dealerCode;\n }\n\n closeInput() : void {\n if(this.dealerCode.length == 0) {\n this.selectedDealer = '';\n this.uniqueDealerCode = this.uniqueDealerCodeCopy;\n }\n }\n\n /**\n * Name: getRowLeadDataExcelReport\n * purpose: To export Lead Raw Data report as excel\n */\n getRowLeadDataExcelReport(){\n this.spinner = true;\n let region = '';\n let vartical = '';\n if(this.selectRegion.value.regionType != \"\"){\n this.selectRegion.value.regionType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectRegion.value.regionType.splice(index,1);\n }\n });\n region = this.selectRegion.value.regionType.toString();\n }\n if(this.selectVertical.value.verticalType != \"\" && !this.selectVertical){\n this.selectVertical.value.verticalType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectVertical.value.verticalType.splice(index,1);\n }\n });\n vartical = this.selectVertical.value.verticalType.toString();\n }\n let dealerCode = this.selectedDealerCodeValues.toString();\n let fdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let reportType = this.reportTypeMap.get(this.selectedReportTypeValues);\n let fileName = \"Lead level Report at List generation Date From \" + fdate + \" To \" + tdate;\n let roleID = '';\n if(this.roleId == '15' && this.acessType == 'PRS Call Center') {\n roleID = '12';\n } else {\n roleID = this.roleId;\n }\n this.commonService.getRowLeadDataExcelReport(region, vartical, dealerCode, fdate, tdate, reportType, roleID)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n\n\n /**\n * Name: getPRSRowLeadDataExcelReport\n * purpose: To export PRS Lead Raw Data report as excel\n */\n getPRSRowLeadDataExcelReport() {\n this.spinner = true;\n let region = '';\n let vartical = '';\n if(this.selectRegion.value.regionType != \"\"){\n this.selectRegion.value.regionType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectRegion.value.regionType.splice(index,1);\n }\n });\n region = this.selectRegion.value.regionType.toString();\n }\n if(this.selectVertical.value.verticalType != \"\" && !this.selectVertical){\n this.selectVertical.value.verticalType.forEach((element,index)=>{\n if(element == \"0\"){\n this.selectVertical.value.verticalType.splice(index,1);\n }\n });\n vartical = this.selectVertical.value.verticalType.toString();\n }\n let dealerCode = this.selectedDealerCodeValues.toString();\n let fdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let reportType = this.reportTypeMap.get(this.selectedReportTypeValues);\n let fileName = \"Lead level Report at List generation Date From \" + fdate + \" To \" + tdate;\n if(tdate <= '2023-01-31') {\n this.commonService.getPRSRowLeadDataExcelReport(region, vartical, dealerCode, fdate, tdate, reportType, this.userId, this.roleId)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n } else if(fdate > '2023-01-31') {\n this.commonService.getNewPRSRowLeadDataExcelReport(region, vartical, dealerCode, fdate, tdate, reportType, this.userId, this.roleId)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n } else {\n this.toastr.error(\"Please Select Date before 31-01-2023\");\n this.spinner = false;\n }\n }\n\n dateFilterTriggered(event: any): void {\n this.today = new Date();\n if((new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30))).getTime() >= this.today.getTime()){\n this.today = new Date();\n if((new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30))).getTime() >= this.today.getTime()){\n this.toDate = new Date();\n } else {\n this.toDate = new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30));\n }\n } else {\n this.today = new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30));\n this.toDate = new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30));\n }\n }\n\n /**\n * Name: setPageData\n * purpose: To set pagesize for table\n */\n setPageData(event) {\n let size = event.pageSize.toString();\n localStorage.setItem('prsDataGridPageSize', size);\n }\n}","export default \".example-card1 {\\n text-align: center;\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n margin-bottom: 10px;\\n}\\n\\n.example-card2 {\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n border: none;\\n box-shadow: none;\\n padding: 0px;\\n}\\n\\n.working-area {\\n margin-top: 115px;\\n}\\n\\n.kpi-search-date {\\n padding-right: 30px;\\n padding-left: 15px;\\n}\\n\\n.kpi-search-button {\\n width: 160px;\\n margin-left: 10px;\\n}\\n\\ntable {\\n width: 100%;\\n border-collapse: collapse;\\n margin-top: 20px;\\n}\\n\\n.table td,\\n.table th {\\n border: 1px solid #e0e0e0;\\n padding: 9px;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 3px;\\n text-align: start;\\n}\\n\\n.cust-width {\\n width: 12%;\\n}\\n\\n.due-width {\\n width: 5%;\\n}\\n\\n.due-width1 {\\n width: 3%;\\n}\\n\\n.model-width {\\n width: 12%;\\n}\\n\\n.set-width {\\n width: 6%;\\n}\\n\\n.contact-width {\\n width: 5%;\\n}\\n\\n.chassis-width {\\n width: 8%;\\n}\\n\\n.servic-width {\\n width: 1%;\\n}\\n\\n.dataGridHeader {\\n font-weight: bold;\\n font-size: inherit;\\n}\\n\\n.table-head-call .mat-button-toggle-group {\\n margin: 10px;\\n}\\n\\n.columnHeader {\\n font: bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.columnvalue {\\n font-size: 11px !important;\\n position: relative;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 3px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.callList-right {\\n font-size: 13px;\\n color: rgba(0, 0, 0, 0.54);\\n font-weight: bold;\\n padding-left: 8px;\\n}\\n\\n.mat-form-field-infix {\\n height: 15px !important;\\n}\\n\\n.form-field label {\\n font-weight: 500;\\n margin-bottom: 5px;\\n}\\n\\n.form-field input {\\n padding: 6px;\\n}\\n\\n.m-t-20 {\\n margin-top: 20px;\\n}\\n\\n.m-l-20 {\\n margin-left: 20px;\\n}\\n\\n.calender {\\n position: relative;\\n background: white;\\n}\\n\\n.calender input {\\n width: 180px;\\n border: 1px solid lightgray !important;\\n border-radius: 5px;\\n font-size: 12px;\\n height: 22px;\\n padding-left: 5px;\\n}\\n\\n.calander-btn {\\n position: absolute;\\n right: 7px;\\n top: 4px;\\n}\\n\\n.btn {\\n border-left: 4px solid #2e3668;\\n border-radius: 0px;\\n position: relative;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n overflow: hidden;\\n background-color: #e64243 !important;\\n}\\n\\n.btn p {\\n text-align: center;\\n text-transform: uppercase;\\n color: #fff;\\n position: relative;\\n z-index: 1;\\n transition: all 0.3s ease;\\n margin: auto;\\n}\\n\\n/* sliders */\\n\\n.btn:before {\\n content: \\\"\\\";\\n width: 100%;\\n height: 100%;\\n background-color: #2e3668;\\n color: #fff;\\n position: absolute;\\n transition: all 0.3s ease;\\n}\\n\\n/* Left Slider */\\n\\n.btn-2:before {\\n top: 0;\\n left: -250px;\\n}\\n\\n.btn-2:hover:before {\\n left: 0;\\n}\\n\\n.btn-2:hover {\\n color: #fff;\\n}\\n\\n.btn-1 {\\n background-color: #ffffff !important;\\n color: #e64243 !important;\\n border: 1px solid #e64243;\\n}\\n\\n.btn-1 p {\\n margin: auto;\\n}\\n\\n.filter-label {\\n font: 12px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 3px;\\n padding: 1px 0px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n font-size: 12px !important;\\n height: 24px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 89%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 6px !important;\\n padding-left: 5px;\\n}\\n\\n.filter1-input {\\n margin-top: 7px !important;\\n margin-left: 5px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-flex {\\n border: 1px solid #2e3668;\\n border-radius: 3px;\\n background: white;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-label {\\n padding-left: 10px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-infix {\\n border-top: none;\\n}\\n\\n.textboxService ::ng-deep label.mat-form-field-label {\\n margin-top: 8px !important;\\n}\\n\\n.textboxService ::ng-deep input.mat-input-element {\\n margin-top: 0.6em;\\n margin-left: 10px;\\n}\\n\\n.form-field1 {\\n margin-top: 5px;\\n}\\n\\n.search-icon {\\n position: absolute;\\n right: 15px;\\n top: 8px;\\n}\\n\\n.filter2 {\\n width: auto;\\n}\\n\\n.grid-button {\\n position: absolute;\\n}\\n\\n.lost {\\n color: #e64243;\\n position: initial;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.close-con {\\n font-size: 18px;\\n cursor: pointer;\\n top: 3px;\\n right: 1px;\\n position: absolute !important;\\n z-index: 10;\\n opacity: 1;\\n}\\n\\n.call-stats-card-border {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card .mat-card-title {\\n margin-bottom: 0px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n}\\n\\n.filterdiv1 {\\n align-items: center;\\n margin-right: 475px;\\n}\\n\\n.button-margin {\\n margin-left: 10px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 26px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\n.convo-stus {\\n width: 1%;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.searchfilter {\\n height: 30px;\\n margin-left: 10px;\\n font-size: 12px;\\n border: 0;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvcmVwb3J0aW5nL3JlcG9ydGluZy5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50L3JlcG9ydGluZy9yZXBvcnRpbmcuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxrQkFBQTtFQUVBLGNBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0EsbUJBQUE7QUNBSjs7QURHQTtFQUNJLGNBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLGdCQUFBO0VBQ0EsWUFBQTtBQ0FKOztBREdBO0VBQ0ksaUJBQUE7QUNBSjs7QURHQTtFQUNJLG1CQUFBO0VBQ0Esa0JBQUE7QUNBSjs7QURHQTtFQUNJLFlBQUE7RUFDQSxpQkFBQTtBQ0FKOztBREdBO0VBQ0ksV0FBQTtFQUNBLHlCQUFBO0VBQ0EsZ0JBQUE7QUNBSjs7QURHQTs7RUFFSSx5QkFBQTtFQUNBLFlBQUE7QUNBSjs7QURHQTs7O0VBR0ksWUFBQTtFQUNBLGlCQUFBO0FDQUo7O0FER0E7RUFDSSxVQUFBO0FDQUo7O0FER0E7RUFDSSxTQUFBO0FDQUo7O0FER0E7RUFDSSxTQUFBO0FDQUo7O0FER0E7RUFDSSxVQUFBO0FDQUo7O0FER0E7RUFDSSxTQUFBO0FDQUo7O0FER0E7RUFDSSxTQUFBO0FDQUo7O0FER0E7RUFDSSxTQUFBO0FDQUo7O0FER0E7RUFDSSxTQUFBO0FDQUo7O0FER0E7RUFDSSxpQkFBQTtFQUNBLGtCQUFBO0FDQUo7O0FER0E7RUFDSSxZQUFBO0FDQUo7O0FER0E7RUFDSSxzQkFBQTtFQUVBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLDBCQUFBO0FDREo7O0FES0E7RUFDSSwwQkFBQTtFQUNBLGtCQUFBO0FDRko7O0FES0E7OztFQUdJLFlBQUE7RUFDQSxtQ0FBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7QUNGSjs7QURLQTtFQUNJLGVBQUE7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7QUNGSjs7QURLQTtFQUNJLHVCQUFBO0FDRko7O0FETUk7RUFDSSxnQkFBQTtFQUNBLGtCQUFBO0FDSFI7O0FES0k7RUFDSSxZQUFBO0FDSFI7O0FET0E7RUFDSSxnQkFBQTtBQ0pKOztBRE9BO0VBQ0ksaUJBQUE7QUNKSjs7QURPQTtFQUNJLGtCQUFBO0VBQ0EsaUJBQUE7QUNKSjs7QURLSTtFQUNJLFlBQUE7RUFDQSxzQ0FBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtBQ0hSOztBRE9BO0VBQ0ksa0JBQUE7RUFDQSxVQUFBO0VBQ0EsUUFBQTtBQ0pKOztBRFFBO0VBQ0ksOEJBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtFQUNBLHlCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxvQ0FBQTtBQ0xKOztBRFFBO0VBQ0ksa0JBQUE7RUFDQSx5QkFBQTtFQUNBLFdBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7QUNMSjs7QURTQSxZQUFBOztBQUVBO0VBQ0ksV0FBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxXQUFBO0VBQ0Esa0JBQUE7RUFDQSx5QkFBQTtBQ1BKOztBRFdBLGdCQUFBOztBQUVBO0VBQ0ksTUFBQTtFQUNBLFlBQUE7QUNUSjs7QURZQTtFQUNJLE9BQUE7QUNUSjs7QURZQTtFQUNJLFdBQUE7QUNUSjs7QURZQTtFQUNJLG9DQUFBO0VBQ0EseUJBQUE7RUFDQSx5QkFBQTtBQ1RKOztBRFlBO0VBQ0ksWUFBQTtBQ1RKOztBRFlBO0VBQ0ksaUJBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7RUFDQSxvQkFBQTtBQ1RKOztBRGVBO0VBQ0ksZ0JBQUE7QUNaSjs7QURlQTtFQUNJLGVBQUE7RUFDQSxXQUFBO0FDWko7O0FEZUE7RUFDSSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsMEJBQUE7RUFDQSxZQUFBO0FDWko7O0FEZUE7RUFDSSxpQkFBQTtBQ1pKOztBRGVBO0VBQ0ksVUFBQTtBQ1pKOztBRGVBO0VBQ0ksTUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ1pKOztBRGVBO0VBQ0ksaUJBQUE7QUNaSjs7QURlQTtFQUNJLGFBQUE7QUNaSjs7QURlQTtFQUNJLE1BQUE7RUFDQSwwQkFBQTtFQUNBLGlCQUFBO0FDWko7O0FEZUE7RUFDSSwwQkFBQTtFQUNBLGdCQUFBO0FDWko7O0FEZUE7RUFDSSx5QkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7QUNaSjs7QURlQTtFQUNJLGtCQUFBO0FDWko7O0FEZUE7RUFDSSxnQkFBQTtBQ1pKOztBRGVBO0VBQ0ksMEJBQUE7QUNaSjs7QURlQTtFQUNJLGlCQUFBO0VBQ0EsaUJBQUE7QUNaSjs7QURlQTtFQUNJLGVBQUE7QUNaSjs7QURlQTtFQUNJLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLFFBQUE7QUNaSjs7QURlQTtFQUNJLFdBQUE7QUNaSjs7QURlQTtFQUNJLGtCQUFBO0FDWko7O0FEZUE7RUFDSSxjQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QUNaSjs7QURlQTtFQUNJLGVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtFQUNBLFVBQUE7RUFDQSw2QkFBQTtFQUNBLFdBQUE7RUFDQSxVQUFBO0FDWko7O0FEZUE7RUFDSSxxQ0FBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7RUFFQSx1QkFBQTtBQ2JKOztBRGdCQTtFQUNJLHFDQUFBO0VBQ0EsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLHVCQUFBO0FDYko7O0FEaUJJO0VBQ0ksa0JBQUE7QUNkUjs7QURrQkE7RUFDSSxtQkFBQTtBQ2ZKOztBRGtCQTtFQUNJLG1CQUFBO0VBQ0EsbUJBQUE7QUNmSjs7QURrQkE7RUFDSSxpQkFBQTtBQ2ZKOztBRGtCQTtFQUNJLHVCQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxrQkFBQTtBQ2ZKOztBRGtCQTtFQUNJLG1DQUFBO0VBQ0EsdUJBQUE7QUNmSjs7QURrQkE7RUFDSSxTQUFBO0FDZko7O0FEa0JBO0VBQ0ksdUJBQUE7RUFDQSxtQkFBQTtBQ2ZKOztBRGtCQTtFQUVJLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGVBQUE7RUFDQSxTQUFBO0FDaEJKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L3JlcG9ydGluZy9yZXBvcnRpbmcuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZXhhbXBsZS1jYXJkMSB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIC8vd2lkdGg6IDgwJTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICBtYXJnaW4tcmlnaHQ6IGF1dG87XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLmV4YW1wbGUtY2FyZDIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBwYWRkaW5nOiAwcHg7XG59XG5cbi53b3JraW5nLWFyZWEge1xuICAgIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG4ua3BpLXNlYXJjaC1kYXRlIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAzMHB4O1xuICAgIHBhZGRpbmctbGVmdDogMTVweDtcbn1cblxuLmtwaS1zZWFyY2gtYnV0dG9uIHtcbiAgICB3aWR0aDogMTYwcHg7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbnRhYmxlIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICAgIG1hcmdpbi10b3A6IDIwcHg7XG59XG5cbi50YWJsZSB0ZCxcbi50YWJsZSB0aCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2UwZTBlMDtcbiAgICBwYWRkaW5nOiA5cHg7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsLFxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgICBwYWRkaW5nOiAzcHg7XG4gICAgdGV4dC1hbGlnbjogc3RhcnQ7XG59XG5cbi5jdXN0LXdpZHRoIHtcbiAgICB3aWR0aDogMTIlO1xufVxuXG4uZHVlLXdpZHRoIHtcbiAgICB3aWR0aDogNSU7XG59XG5cbi5kdWUtd2lkdGgxIHtcbiAgICB3aWR0aDogMyU7XG59XG5cbi5tb2RlbC13aWR0aCB7XG4gICAgd2lkdGg6IDEyJTtcbn1cblxuLnNldC13aWR0aCB7XG4gICAgd2lkdGg6IDYlO1xufVxuXG4uY29udGFjdC13aWR0aCB7XG4gICAgd2lkdGg6IDUlO1xufVxuXG4uY2hhc3Npcy13aWR0aCB7XG4gICAgd2lkdGg6IDglO1xufVxuXG4uc2VydmljLXdpZHRoIHtcbiAgICB3aWR0aDogMSU7XG59XG5cbi5kYXRhR3JpZEhlYWRlciB7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xufVxuXG4udGFibGUtaGVhZC1jYWxsIC5tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB7XG4gICAgbWFyZ2luOiAxMHB4O1xufVxuXG4uY29sdW1uSGVhZGVyIHtcbiAgICBmb250OiBib2xkIDEycHggUm9ib3RvO1xuICAgIC8vZm9udC1zaXplOiBpbmhlcml0O1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzMzMzMzM7XG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gICAgLy9vcGFjaXR5OiAxO1xufVxuXG4uY29sdW1udmFsdWUge1xuICAgIGZvbnQtc2l6ZTogMTFweCAhaW1wb3J0YW50O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICAgIHBhZGRpbmc6IDNweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY2FsbExpc3QtcmlnaHQge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjU0KTtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbn1cblxuLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBoZWlnaHQ6IDE1cHggIWltcG9ydGFudDtcbn1cblxuLmZvcm0tZmllbGQge1xuICAgIGxhYmVsIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICAgIHBhZGRpbmc6IDZweDtcbiAgICB9XG59XG5cbi5tLXQtMjAge1xuICAgIG1hcmdpbi10b3A6IDIwcHg7XG59XG5cbi5tLWwtMjAge1xuICAgIG1hcmdpbi1sZWZ0OiAyMHB4O1xufVxuXG4uY2FsZW5kZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICBpbnB1dCB7XG4gICAgICAgIHdpZHRoOiAxODBweDtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5ICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBoZWlnaHQ6IDIycHg7XG4gICAgICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgIH1cbn1cblxuLmNhbGFuZGVyLWJ0biB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA3cHg7XG4gICAgdG9wOiA0cHg7XG59XG5cbi8vc2xpZGluZyBidG5cbi5idG4ge1xuICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWQgIzJlMzY2ODtcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2U2NDI0MyAhaW1wb3J0YW50O1xufVxuXG4uYnRuIHAge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGNvbG9yOiAjZmZmO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG4gICAgbWFyZ2luOiBhdXRvO1xufVxuXG5cbi8qIHNsaWRlcnMgKi9cblxuLmJ0bjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMyZTM2Njg7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG59XG5cblxuLyogTGVmdCBTbGlkZXIgKi9cblxuLmJ0bi0yOmJlZm9yZSB7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IC0yNTBweDtcbn1cblxuLmJ0bi0yOmhvdmVyOmJlZm9yZSB7XG4gICAgbGVmdDogMDtcbn1cblxuLmJ0bi0yOmhvdmVyIHtcbiAgICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ0bi0xIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6ICNlNjQyNDMgIWltcG9ydGFudDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZTY0MjQzO1xufVxuXG4uYnRuLTEgcCB7XG4gICAgbWFyZ2luOiBhdXRvO1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgICBmb250OiAxMnB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjM2MzYzNjO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICAgIHBhZGRpbmc6IDFweCAwcHggMHB4O1xufVxuXG4vLyAuZmlsdGVyMSB7XG4vLyAgICAgZm9udC1zaXplOiAxNHB4O1xuLy8gfVxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAzcHggMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1idXR0b24ge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBmb250OiB3aGl0ZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICAgIGhlaWdodDogMjRweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICAgIHdpZHRoOiA4OSU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gICAgdG9wOiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbi10b3A6IDZweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyMS1pbnB1dCB7XG4gICAgbWFyZ2luLXRvcDogN3B4ICFpbXBvcnRhbnQ7XG4gICAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtZmxleCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzJlMzY2ODtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXItdG9wOiBub25lO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGxhYmVsLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICBtYXJnaW4tdG9wOiA4cHggIWltcG9ydGFudDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBpbnB1dC5tYXQtaW5wdXQtZWxlbWVudCB7XG4gICAgbWFyZ2luLXRvcDogMC42ZW07XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5mb3JtLWZpZWxkMSB7XG4gICAgbWFyZ2luLXRvcDogNXB4O1xufVxuXG4uc2VhcmNoLWljb24ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMTVweDtcbiAgICB0b3A6IDhweDtcbn1cblxuLmZpbHRlcjIge1xuICAgIHdpZHRoOiBhdXRvO1xufVxuXG4uZ3JpZC1idXR0b24ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbn1cblxuLmxvc3Qge1xuICAgIGNvbG9yOiAjZTY0MjQzO1xuICAgIHBvc2l0aW9uOiBpbml0aWFsO1xuICAgIGxlZnQ6IDEwcHg7XG4gICAgZm9udC1zaXplOiAxMHB4O1xuICAgIHRvcDogMzglO1xufVxuXG4uY2xvc2UtY29uIHtcbiAgICBmb250LXNpemU6IDE4cHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRvcDogM3B4O1xuICAgIHJpZ2h0OiAxcHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgei1pbmRleDogMTA7XG4gICAgb3BhY2l0eTogMTtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIge1xuICAgIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMCU7XG4gICAgLy8gbWFyZ2luLWJvdHRvbTogMTVweDtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkIHtcbiAgICAubWF0LWNhcmQtdGl0bGUge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwcHg7XG4gICAgfVxufVxuXG4uZmlsdGVyZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uZmlsdGVyZGl2MSB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBtYXJnaW4tcmlnaHQ6IDQ3NXB4O1xufVxuXG4uYnV0dG9uLW1hcmdpbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5maWx0ZXJCdXR0b24ge1xuICAgIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gICAgaGVpZ2h0OiAyNnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDFweDtcbn1cblxuLnRhYmxlLWJvcmRlci5tYXQtdGFibGUge1xuICAgIGJvcmRlci1zdHlsZTogbm9uZSBzb2xpZCBzb2xpZCBub25lO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY29udm8tc3R1cyB7XG4gICAgd2lkdGg6IDElO1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5zZWFyY2hmaWx0ZXIge1xuICAgIC8vd2lkdGg6IDEwMHB4O1xuICAgIGhlaWdodDogMzBweDtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgYm9yZGVyOiAwO1xufSIsIi5leGFtcGxlLWNhcmQxIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLmV4YW1wbGUtY2FyZDIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgYm9yZGVyOiBub25lO1xuICBib3gtc2hhZG93OiBub25lO1xuICBwYWRkaW5nOiAwcHg7XG59XG5cbi53b3JraW5nLWFyZWEge1xuICBtYXJnaW4tdG9wOiAxMTVweDtcbn1cblxuLmtwaS1zZWFyY2gtZGF0ZSB7XG4gIHBhZGRpbmctcmlnaHQ6IDMwcHg7XG4gIHBhZGRpbmctbGVmdDogMTVweDtcbn1cblxuLmtwaS1zZWFyY2gtYnV0dG9uIHtcbiAgd2lkdGg6IDE2MHB4O1xuICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxudGFibGUge1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgbWFyZ2luLXRvcDogMjBweDtcbn1cblxuLnRhYmxlIHRkLFxuLnRhYmxlIHRoIHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2UwZTBlMDtcbiAgcGFkZGluZzogOXB4O1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCxcbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gIHBhZGRpbmc6IDNweDtcbiAgdGV4dC1hbGlnbjogc3RhcnQ7XG59XG5cbi5jdXN0LXdpZHRoIHtcbiAgd2lkdGg6IDEyJTtcbn1cblxuLmR1ZS13aWR0aCB7XG4gIHdpZHRoOiA1JTtcbn1cblxuLmR1ZS13aWR0aDEge1xuICB3aWR0aDogMyU7XG59XG5cbi5tb2RlbC13aWR0aCB7XG4gIHdpZHRoOiAxMiU7XG59XG5cbi5zZXQtd2lkdGgge1xuICB3aWR0aDogNiU7XG59XG5cbi5jb250YWN0LXdpZHRoIHtcbiAgd2lkdGg6IDUlO1xufVxuXG4uY2hhc3Npcy13aWR0aCB7XG4gIHdpZHRoOiA4JTtcbn1cblxuLnNlcnZpYy13aWR0aCB7XG4gIHdpZHRoOiAxJTtcbn1cblxuLmRhdGFHcmlkSGVhZGVyIHtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGZvbnQtc2l6ZTogaW5oZXJpdDtcbn1cblxuLnRhYmxlLWhlYWQtY2FsbCAubWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXAge1xuICBtYXJnaW46IDEwcHg7XG59XG5cbi5jb2x1bW5IZWFkZXIge1xuICBmb250OiBib2xkIDEycHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzMzMzMzMztcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gIGZvbnQtc2l6ZTogMTFweCAhaW1wb3J0YW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsLFxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgcGFkZGluZzogM3B4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjFweDtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5jYWxsTGlzdC1yaWdodCB7XG4gIGZvbnQtc2l6ZTogMTNweDtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41NCk7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbn1cblxuLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgaGVpZ2h0OiAxNXB4ICFpbXBvcnRhbnQ7XG59XG5cbi5mb3JtLWZpZWxkIGxhYmVsIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuLmZvcm0tZmllbGQgaW5wdXQge1xuICBwYWRkaW5nOiA2cHg7XG59XG5cbi5tLXQtMjAge1xuICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4ubS1sLTIwIHtcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XG59XG5cbi5jYWxlbmRlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG4uY2FsZW5kZXIgaW5wdXQge1xuICB3aWR0aDogMTgwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheSAhaW1wb3J0YW50O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmNhbGFuZGVyLWJ0biB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDdweDtcbiAgdG9wOiA0cHg7XG59XG5cbi5idG4ge1xuICBib3JkZXItbGVmdDogNHB4IHNvbGlkICMyZTM2Njg7XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6ICNlNjQyNDMgIWltcG9ydGFudDtcbn1cblxuLmJ0biBwIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBjb2xvcjogI2ZmZjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuICBtYXJnaW46IGF1dG87XG59XG5cbi8qIHNsaWRlcnMgKi9cbi5idG46YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzJlMzY2ODtcbiAgY29sb3I6ICNmZmY7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbn1cblxuLyogTGVmdCBTbGlkZXIgKi9cbi5idG4tMjpiZWZvcmUge1xuICB0b3A6IDA7XG4gIGxlZnQ6IC0yNTBweDtcbn1cblxuLmJ0bi0yOmhvdmVyOmJlZm9yZSB7XG4gIGxlZnQ6IDA7XG59XG5cbi5idG4tMjpob3ZlciB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnRuLTEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjZTY0MjQzICFpbXBvcnRhbnQ7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlNjQyNDM7XG59XG5cbi5idG4tMSBwIHtcbiAgbWFyZ2luOiBhdXRvO1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgZm9udDogMTJweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjM2MzYzNjO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiAzcHg7XG4gIHBhZGRpbmc6IDFweCAwcHggMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xuICBwYWRkaW5nOiAzcHggMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1idXR0b24ge1xuICBmb250LXNpemU6IDEycHg7XG4gIGZvbnQ6IHdoaXRlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAyNHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICB3aWR0aDogODklO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICB0b3A6IDA7XG4gIHBhZGRpbmctdG9wOiAwO1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHRvcDogMDtcbiAgbWFyZ2luLXRvcDogNnB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyMS1pbnB1dCB7XG4gIG1hcmdpbi10b3A6IDdweCAhaW1wb3J0YW50O1xuICBtYXJnaW4tbGVmdDogNXB4O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1mbGV4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgIzJlMzY2ODtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBsYWJlbC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIG1hcmdpbi10b3A6IDhweCAhaW1wb3J0YW50O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgbWFyZ2luLXRvcDogMC42ZW07XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uZm9ybS1maWVsZDEge1xuICBtYXJnaW4tdG9wOiA1cHg7XG59XG5cbi5zZWFyY2gtaWNvbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDE1cHg7XG4gIHRvcDogOHB4O1xufVxuXG4uZmlsdGVyMiB7XG4gIHdpZHRoOiBhdXRvO1xufVxuXG4uZ3JpZC1idXR0b24ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG59XG5cbi5sb3N0IHtcbiAgY29sb3I6ICNlNjQyNDM7XG4gIHBvc2l0aW9uOiBpbml0aWFsO1xuICBsZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDEwcHg7XG4gIHRvcDogMzglO1xufVxuXG4uY2xvc2UtY29uIHtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRvcDogM3B4O1xuICByaWdodDogMXB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgei1pbmRleDogMTA7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyIHtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1yYWRpdXM6IDAlO1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1yYWRpdXM6IDAlO1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZCAubWF0LWNhcmQtdGl0bGUge1xuICBtYXJnaW4tYm90dG9tOiAwcHg7XG59XG5cbi5maWx0ZXJkaXYge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uZmlsdGVyZGl2MSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi1yaWdodDogNDc1cHg7XG59XG5cbi5idXR0b24tbWFyZ2luIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5maWx0ZXJCdXR0b24ge1xuICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgaGVpZ2h0OiAyNnB4O1xuICBsaW5lLWhlaWdodDogMTBweDtcbiAgbWFyZ2luLWJvdHRvbTogMXB4O1xufVxuXG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG4gIGJvcmRlci1zdHlsZTogbm9uZSBzb2xpZCBzb2xpZCBub25lO1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmNvbnZvLXN0dXMge1xuICB3aWR0aDogMSU7XG59XG5cbi5wYWdpbmF0b3IgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufVxuXG4uc2VhcmNoZmlsdGVyIHtcbiAgaGVpZ2h0OiAzMHB4O1xuICBtYXJnaW4tbGVmdDogMTBweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBib3JkZXI6IDA7XG59Il19 */\"","import { Component, ViewChild } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { Router } from '@angular/router';\nimport { MatTableDataSource, MatSort, MatPaginator, MatSelect, MatOption } from '@angular/material';\nimport { DatePipe } from '@angular/common';\nimport { FormControl, FormBuilder, FormGroup } from '@angular/forms';\nimport { kpiCustData } from './kpiCustData';\nimport * as _moment from 'moment';\nimport { DateTimeAdapter, OWL_DATE_TIME_FORMATS, OWL_DATE_TIME_LOCALE } from 'ng-pick-datetime';\nimport { MomentDateTimeAdapter } from 'ng-pick-datetime-moment';\nimport { ToastrService } from 'ngx-toastr';\n\nconst moment = (_moment as any).default ? (_moment as any).default : _moment;\n\nexport const MY_CUSTOM_FORMATS = {\n parseInput: 'LL LT',\n fullPickerInput: 'DD-MM-YYYY LT',\n datePickerInput: 'DD-MM-YYYY',\n timePickerInput: 'LT',\n monthYearLabel: 'MMM YYYY',\n dateA11yLabel: 'LL',\n monthYearA11yLabel: 'MMMM YYYY',\n};\n\n@Component({\n selector: 'app-reporting',\n templateUrl: './reporting.component.html',\n styleUrls: ['./reporting.component.scss'],\n providers: [\n { provide: DateTimeAdapter, useClass: MomentDateTimeAdapter, deps: [OWL_DATE_TIME_LOCALE] },\n { provide: OWL_DATE_TIME_FORMATS, useValue: MY_CUSTOM_FORMATS }\n ],\n})\n\nexport class ReportingComponent {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n @ViewChild('filterSelect', { static: true }) filterSelect: MatSelect;\n @ViewChild('allSelected', { static: true }) private allSelected: MatOption;\n\n searchValue: FormControl = new FormControl();\n\n displayedColumns: string[] = [\n 'bookingId',\n 'customerName',\n 'inbound',\n 'duaDate',\n 'workshopName',\n 'serviceType',\n 'subProcess',\n 'contactNo',\n 'registrationNo',\n 'chassisNo',\n 'modelDescription',\n 'leadGenerationDate',\n 'noOfAttempts',\n 'noOfContact',\n 'lastContacted',\n 'noOfBooking',\n 'lastBooking',\n 'bayNo',\n 'leadStatus',\n 'conversionStatus',\n 'cstAppBookingId',\n 'sourceId',\n 'appStatus'\n ];\n\n selectWorkshop: FormGroup;\n dataSource: any;\n today: Date = new Date();\n toDate: Date = new Date();\n fromDate: Date = new Date();\n toDatenew: Date = new Date();\n fromDatenew: Date = new Date();\n toDateUsr: Date = new Date();\n fromDateUsr: Date = new Date();\n spinner: boolean;\n userId: string;\n userInfo: any;\n filterValues: string[] = [];\n workshopcodeFilter: string;\n workshopFilter: string;\n workshopcode: string;\n splitworkshopcode: string[] = [];\n selectedFilter: string[] = [];\n HideGrid: boolean = true;\n dataGridArray: kpiCustData[] = [];\n wsCodeFilter: string;\n clear: boolean;\n maxDate: Date = new Date();\n selectedReportType: string;\n reportTypeValues: any[] = ['ALL', 'Booking'];\n filterValuesCopy: string[] = [];\n selectedDealer:any;\n dealerCode: string[] = [];\n userRole: any;\n smeRole: boolean = true;\n panRole: boolean = true;\n rsmRole: boolean = true;\n otherRole: boolean = true;\n dataGridSize: number = 0;\n\n constructor(private datePipe: DatePipe, private toastr: ToastrService,\n public dialog: MatDialog, private commonService: CommonService,\n private router: Router, private fb: FormBuilder) { }\n\n ngOnInit() {\n this.userId = localStorage.getItem('userId');\n this.userInfo = JSON.parse(localStorage.getItem('userInfo'));\n this.userRole=localStorage.getItem('userRoles');\n let days=this.getDays();\n if(days==30)\n this.fromDateUsr= moment().add(-30,'d').set({hours:0, minutes:0, seconds:0 , milliseconds:0})\n else\n this.fromDateUsr= moment().add(-31,'d').set({hours:0, minutes:0, seconds:0 , milliseconds:0})\n this.toDateUsr.setDate(this.today.getDate() + 15);\n if (this.userRole == \"SME\") {\n this.smeRole = false;\n } else if (this.userRole == \"Pan India\") {\n this.panRole = false;\n } else if (this.userRole == \"Regional Service Manager\") {\n this.rsmRole = false;\n } else {\n this.otherRole = false;\n }\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n this.selectWorkshop = this.fb.group({\n workshopCodeType: new FormControl(this.filterValues),\n selectedDealer: ['']\n });\n if(this.userRole==\"CRE\" || this.userRole== \"Pan India\"){\n this.selectedReportType = this.reportTypeValues[0];\n }\n else{\n this.selectedReportType=\"\"\n }\n //this.selectedFilter = this.filterValues;\n //this.minDate.setDate(this.toDate.getDate()-30);\n this.workshopCodeFilter();\n }\n\n /**\n * Name: getDays\n * purpose: to get number of Days in previous month\n */\n getDays(){\n let month =this.today.getMonth();\n let year = this.today.getFullYear();\n return new Date(year, month, 0).getDate();\n\n }\n\n /**\n * Name: getprocessreport\n * purpose: To export report as excel\n */\n getprocessreport(): void {\n this.spinner = true;\n let fdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let fileName = \"SRM_Data Status Report_From_\" + fdate + \"_To_\" + tdate;\n let roleId = this.userInfo['0'].roleId || '1';\n this.applyfilter();\n this.commonService.getprocessreport(fdate, tdate, this.userId, roleId, this.wsCodeFilter)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n\n /**\n * Name: getLostCustomerProcessReport\n * purpose: To export report as excel\n */\n getLostCustomerProcessReport(): void {\n this.spinner = true;\n let fdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let fileName = \"LCRM_data_status_report_from_\" + fdate + \"_to_\" + tdate;\n let roleId = this.userInfo['0'].roleId || '1';\n this.applyfilter();\n this.commonService.getLostCustomerProcessReport(fdate, tdate, this.userId, roleId, this.wsCodeFilter)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n/**\n * Name: getVisitFormReport\n * purpose: To export vist form report as excel\n */\n getVisitFormReport(){\n this.spinner = true;\n let fdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let fileName = \"Vist_Form_status_report_from_\" + fdate + \"_to_\" + tdate;\n let roleId = this.userInfo['0'].roleId || '1';\n this.applyfilter();\n this.commonService.getLostVisitFormReport(fdate, tdate, this.userId, roleId, this.wsCodeFilter)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n\n }\n\n /**\n * Name: prepairCallList\n * purpose: To prepare call list for dataGrid\n */\n prepairCallList(): void {\n this.spinner = true;\n let startdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let enddate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let roleId = this.userInfo['0'].roleId || '1';\n let reportTyp = \"\";\n if(this.selectedReportType != \"ALL\"&& this.userRole==\"CRE\") {\n reportTyp = \"B\"\n } else {\n reportTyp=\"\"\n }\n this.applyfilter();\n this.commonService.dataGrid(this.userId, roleId, startdate, enddate, this.wsCodeFilter, reportTyp)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (res['responseData'].length) {\n this.HideGrid = false;\n this.dataSource = new MatTableDataSource(res['responseData']['gridEntityList']);\n this.dataSource.sort = this.sort;\n this.dataSource.paginator = this.paginator;\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: workshopCodeFilter\n * purpose: To get workshop code filter\n */\n workshopCodeFilter(): void {\n this.filterValues = [];\n this.workshopcodeFilter;\n this.splitworkshopcode = [];\n this.workshopFilter;\n this.workshopcode;\n let roleId = this.userInfo['0'].roleId || '1';\n this.commonService.workshopFilter(this.userId, roleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (res['responseData'].length) {\n res['responseData'].forEach(data => {\n this.workshopcodeFilter = data.workshop;\n this.workshopcode = (this.workshopcodeFilter.split(\" \", 1)).toString();\n this.splitworkshopcode.push(this.workshopcode);\n this.filterValues.push(this.workshopcodeFilter);\n });\n //this.selectedFilter = this.filterValues;\n this.workshopFilter = this.splitworkshopcode.toString();\n this.filterValuesCopy = this.filterValues;\n //this.prepairCallList();\n }\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n tosslePerOne(all){\n if (this.allSelected.selected) {\n this.allSelected.deselect();\n return false;\n }\n if(this.selectWorkshop.controls.workshopCodeType.value.length==this.filterValues.length)\n this.allSelected.select();\n }\n\n /**\n * Name: toggleAllSelection\n * purpose: To select/remove all data in workshop drop down\n */\n toggleAllSelection(): void {\n if (this.allSelected.selected) {\n this.selectWorkshop.controls.workshopCodeType.patchValue([...this.filterValues,0]);\n } else {\n this.selectWorkshop.controls.workshopCodeType.patchValue([]);\n }\n }\n\n /**\n * Name: searchfilter\n * purpose: To apply filter on datagrid\n */\n searchfilter(filterValue: string): void {\n filterValue = filterValue.trim(); // Remove whitespace\n filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n this.dataSource.filter = filterValue;\n }\n\n /**\n * Name: apply\n * purpose: To apply filter on datagrid\n */\n apply(): void {\n this.spinner = true;\n this.dataSource = '';\n let startdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let enddate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let roleId = this.userInfo['0'].roleId || '1';\n let reportTyp = \"\";\n if(this.selectedReportType != \"ALL\" && this.userRole==\"CRE\") {\n reportTyp = \"B\"\n } else {\n reportTyp=\"\"\n }\n this.applyfilter();\n this.commonService.dataGrid(this.userId, roleId, startdate, enddate, this.wsCodeFilter, reportTyp)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.dataSource = new MatTableDataSource(res['responseData']['gridEntityList']);\n this.dataGridSize = this.dataSource.length;\n // this.sort.direction = '';\n this.dataSource.sort = this.sort;\n this.dataSource.paginator = this.paginator;\n this.spinner = false;\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: applyfilter\n * purpose: To select and apply the selected workshopcode\n */\n applyfilter() {\n this.wsCodeFilter = '';\n this.selectedFilter;\n this.workshopFilter;\n if (this.selectedFilter != null) {\n let splitCode = [];\n this.selectedFilter.forEach((data) => {\n if(data != '0') {\n //data.split(\" - \")[0];\n splitCode.push(data.split(\" - \")[0]).toString();\n }\n });\n this.wsCodeFilter = splitCode.toString();\n } else {\n this.wsCodeFilter = this.selectedFilter.toString();\n }\n //this.wsCodeFilter = this.selectedFilter.toString();\n }\n\n /**\n * Name: clearSearch\n * purpose: To clear search value from search box\n */\n clearSearch() {\n this.dataGridArray = [];\n this.dataSource = '';\n this.searchValue.setValue('');\n this.searchValue.enable();\n this.HideGrid = true;\n this.prepairCallList();\n }\n\n filterTriggered(event: any): void {\n this.today = new Date();\n if((new Date(new Date(event.source.value).getTime()+(1000*60*60*24*15))).getTime() >= this.today.getTime()){\n this.today = new Date();\n if((new Date(new Date(event.source.value).getTime()+(1000*60*60*24*15))).getTime() >= this.today.getTime()){\n this.toDate = new Date();\n } else {\n this.toDate = new Date(new Date(event.source.value).getTime()+(1000*60*60*24*15));\n }\n } else {\n this.today = new Date(new Date(event.source.value).getTime()+(1000*60*60*24*15));\n this.toDate = new Date(new Date(event.source.value).getTime()+(1000*60*60*24*15));\n }\n }\n\n /**\n * Name: activeButton\n * purpose: To activat Booking Excel Report button\n */\n activeButton(): boolean {\n let flag = false;\n if (this.selectedReportType != undefined && this.selectedReportType != 'ALL') {\n flag = true;\n }\n return flag;\n }\n\n /**\n * Name: getBookingReport\n * purpose: To export report as excel\n */\n getBookingReport(): void {\n this.spinner = true;\n let startdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let enddate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let roleId = this.userInfo['0'].roleId || '1';\n let reportTyp = \"\";\n if(this.selectedReportType != \"ALL\"&& this.userRole==\"CRE\") {\n reportTyp = \"B\"\n } else {\n reportTyp=\"\"\n }\n let fileName = \"Booking Status Report_From_\" + startdate + \"_To_\" + enddate;\n this.applyfilter();\n this.commonService.getBookingReport(this.userId, roleId, startdate, enddate, this.wsCodeFilter, reportTyp)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n\n onKey() : void {\n this.filterValues = this.filterValuesCopy;\n this.dealerCode = [];\n this.selectedDealer = this.selectWorkshop.controls.selectedDealer.value;\n this.selectedDealer = this.selectedDealer.toString();\n this.dealerCode = this.filterValues.filter(item =>\n item.toLowerCase().includes(this.selectedDealer.toLowerCase())\n );\n if(this.dealerCode.length > 0){\n this.closeInput();\n }\n this.filterValues = [];\n this.filterValues = this.dealerCode;\n }\n\n closeInput() : void {\n if(this.dealerCode.length == 0) {\n //this.selectedDealer = '';\n this.selectWorkshop.controls[\"selectedDealer\"].setValue(\"\");\n this.filterValues = this.filterValuesCopy;\n }\n }\n\n dateFilterTriggered(event: any): void {\n this.today = new Date();\n if(event.source.value == 'Booking') {\n this.today = new Date(new Date().getTime()+(1000*60*60*24*30));\n } else {\n this.today = new Date();\n this.toDate = new Date();\n }\n }\n\n /**\n * Name: setPageData\n * purpose: To set pagesize for table\n */\n setPageData(event) {\n let size = event.pageSize.toString();\n localStorage.setItem('dataGridPageSize', size);\n }\n\n getSrmUpcomingServiceReport(): void {\n this.spinner = true;\n let fdate = this.datePipe.transform(this.fromDatenew, \"yyyy-MM-dd\");\n let tdate = this.datePipe.transform(this.toDatenew, \"yyyy-MM-dd\");\n let fileName = \"SRM_Upcoming_Service_report_from_\" + fdate + \"_to_\" + tdate;\n let roleId = this.userInfo['0'].roleId || '1';\n this.applyfilter();\n this.commonService.getSrmUpcomingServiceReport(fdate, tdate)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n\n}","export default \".working-area {\\n margin-bottom: 20px;\\n margin-left: 10px;\\n margin-top: 10px;\\n}\\n\\n.cust360-container {\\n margin: 115px 30px 30px 30px;\\n}\\n\\n.example-card1 {\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n}\\n\\n.example-card1 .fontClass {\\n display: inline-block;\\n}\\n\\n.example-card1 .inlineClass {\\n display: inline-block;\\n}\\n\\n.example-card2 {\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n border: none;\\n box-shadow: none;\\n padding: 0px;\\n}\\n\\n.survey {\\n margin-left: 15px;\\n font-size: 11px;\\n margin-bottom: 5px !important;\\n color: #707070;\\n}\\n\\n.fontClass {\\n font: Bold 12px/20px Roboto;\\n font-size: 12px;\\n color: #707070;\\n}\\n\\n.fontClassBold {\\n font-family: Bold 16px/22px Roboto;\\n color: #707070;\\n}\\n\\n.border {\\n border: 1px solid #707070;\\n font: 12px/18px Roboto;\\n color: #707070;\\n border-radius: 25px;\\n padding: 5px;\\n}\\n\\n.serv-heading {\\n width: 30%;\\n}\\n\\n.button {\\n text-align: center;\\n float: right;\\n font: Regular 16px/22px Roboto;\\n color: #ffffff;\\n border-radius: 0px;\\n cursor: pointer;\\n}\\n\\n.recent {\\n color: #1acc04;\\n position: relative;\\n right: 15px;\\n font-size: 12px;\\n top: 0;\\n margin-bottom: 7px;\\n}\\n\\n.disabled {\\n opacity: 0.6;\\n}\\n\\n.checkalign {\\n padding-left: 15px !important;\\n padding-top: 20px !important;\\n}\\n\\n.vehicle-det-prs .checkalign {\\n padding-left: 15px !important;\\n padding-top: 20px !important;\\n}\\n\\n.vehicle-det .checkalign {\\n padding-left: 10px !important;\\n padding-top: 5px !important;\\n}\\n\\n.inlineClass {\\n display: inline;\\n font: Regular 14px Roboto;\\n font-size: 12px;\\n letter-spacing: 0px;\\n color: black;\\n opacity: 1;\\n}\\n\\np.inlineClass {\\n margin-top: 0px;\\n margin-bottom: 5px;\\n}\\n\\n.marginClass {\\n margin-left: 20px;\\n}\\n\\n.navbar {\\n padding-left: 10px;\\n padding-top: 10px;\\n font-size: 12px;\\n}\\n\\n.navbar a {\\n cursor: pointer;\\n}\\n\\n.example-radio-button {\\n font-size: 12px;\\n margin-left: 10px;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 5px;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-infix {\\n padding: 0.1375em 0;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-underline {\\n bottom: 0.25em;\\n height: 0px;\\n}\\n\\n.number-form ::ng-deep input.mat-input-element {\\n margin-top: 0px;\\n}\\n\\n.number-form {\\n width: 100%;\\n position: relative;\\n}\\n\\n.number-row {\\n width: 100%;\\n position: relative;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 2px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n font-size: 12px;\\n padding-bottom: 5px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n font-size: 13px;\\n}\\n\\n.fontClass {\\n font: Bold 14px/16px Roboto;\\n letter-spacing: 0px;\\n font-size: 12px;\\n color: #7b7a7a;\\n opacity: 1;\\n margin-bottom: 3px !important;\\n}\\n\\n.fontClassBold {\\n font-family: Bold 16px/22px Roboto;\\n color: #000000;\\n font-size: 12px;\\n font-weight: 500;\\n}\\n\\n.fontClassBold i {\\n color: #00457d;\\n margin-right: 5px;\\n}\\n\\n.border {\\n border: 1px solid #707070;\\n font: 12px/18px Roboto;\\n color: #707070;\\n border-radius: 25px;\\n padding: 5px;\\n}\\n\\n.button {\\n text-align: center;\\n float: right;\\n font: Regular 16px/22px Roboto;\\n color: #ffffff;\\n}\\n\\n.contact {\\n width: 100% !important;\\n margin-top: 20px;\\n}\\n\\n.contact .mat-tab-group {\\n min-height: 150px;\\n}\\n\\n.contact ::ng-deep .mat-tab-label {\\n height: 20px;\\n min-width: 90px;\\n color: #5482bc;\\n border: 1px solid lightgray;\\n font-size: 11px;\\n}\\n\\n.contact ::ng-deep .mat-tab-label-active {\\n background-color: #5482bc;\\n color: #ffffff;\\n opacity: 1;\\n}\\n\\n.contact ::ng-deep .mat-tab-header {\\n border: none;\\n}\\n\\n.contact ::ng-deep .mat-tab-list .mat-ink-bar {\\n height: 0px;\\n}\\n\\n.tabrow {\\n width: 100% !important;\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.align {\\n padding-left: 16px;\\n padding-top: 20px;\\n}\\n\\n.table-div {\\n padding: 10px;\\n}\\n\\n.calling-table {\\n width: 100%;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-label {\\n height: 35px;\\n padding: 0px 10px;\\n border-top-left-radius: 8px !important;\\n border-top-right-radius: 8px !important;\\n border-bottom-width: 1px;\\n border-color: #d3d3d3;\\n border-style: solid;\\n background-color: white;\\n margin-left: 3px;\\n color: black;\\n opacity: 1;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-label-active {\\n background-color: #00457d;\\n color: #ffffff;\\n opacity: 1;\\n border-style: none;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-header {\\n border: none;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-list .mat-ink-bar {\\n height: 0px;\\n}\\n\\n.table {\\n font-family: \\\"Trebuchet MS\\\", Arial, Helvetica, sans-serif;\\n border-collapse: collapse;\\n width: 100%;\\n margin-top: 20px;\\n}\\n\\n.table td,\\n.table th {\\n border: 1px solid lightgray;\\n padding: 5px;\\n width: auto;\\n font-size: 12px;\\n}\\n\\n.table tr:nth-child(even) {\\n background-color: #ffffff;\\n}\\n\\n.table tr:hover {\\n background-color: #ffffff;\\n}\\n\\n.table th {\\n padding-top: 5px;\\n padding-bottom: 5px;\\n text-align: left;\\n background-color: #d3d3d3;\\n color: black;\\n}\\n\\n.btn {\\n position: relative;\\n cursor: pointer;\\n overflow: hidden;\\n background-color: #00457d !important;\\n border-radius: 5px !important;\\n height: 25px;\\n}\\n\\n.btn p {\\n text-align: center;\\n text-transform: uppercase;\\n color: #fff;\\n position: relative;\\n z-index: 1;\\n transition: all 0.3s ease;\\n margin: auto;\\n font-size: 12px;\\n line-height: 10px;\\n}\\n\\n.btn-1 {\\n background-color: #ffffff !important;\\n color: #00457d !important;\\n border: 1px solid #00457d;\\n}\\n\\n.btn-1 p {\\n margin: auto;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.icon-background {\\n color: #00457d;\\n height: 13px !important;\\n width: 13px !important;\\n margin-right: 8px;\\n}\\n\\n.tabrow ::ng-deep .mat-tab-label-active .mat-tab-label-content .icon-background {\\n color: #ffffff !important;\\n}\\n\\n.check-icon {\\n cursor: pointer;\\n color: #1acc04;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 25%;\\n margin-right: 18px;\\n margin-bottom: 5px !important;\\n}\\n\\n.cancle-icon {\\n cursor: pointer;\\n color: red;\\n position: absolute;\\n right: 5px;\\n font-size: 12px;\\n top: 20%;\\n margin-bottom: 5px;\\n margin-left: 35px;\\n}\\n\\n.number-form ::ng-deep .mat-form-field-ripple {\\n height: 0px !important;\\n}\\n\\n.input-border {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n width: 75% !important;\\n height: 25px;\\n padding-left: 5px;\\n margin-left: 5px;\\n}\\n\\n.input-border-d {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n width: 70% !important;\\n height: 25px;\\n padding-left: 5px;\\n margin-left: 5px;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 5px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-font.th {\\n color: black;\\n}\\n\\n.table-font.td {\\n color: #595959;\\n}\\n\\n.spinner_container {\\n background-color: rgba(33, 33, 33, 0.1);\\n position: absolute;\\n z-index: 100;\\n top: 0;\\n left: 0;\\n width: 100%;\\n min-height: 100%;\\n}\\n\\n.question {\\n font-size: 12px;\\n padding: 5px;\\n}\\n\\n.question .remark {\\n margin-left: 25px;\\n margin-top: 5px;\\n width: 70%;\\n border: 1px solid #d8d8d8;\\n padding: 4px;\\n border-radius: 3px;\\n padding-left: 10px;\\n font-size: 12px;\\n}\\n\\n.question input.remark::-webkit-input-placeholder {\\n font-size: 11px;\\n}\\n\\n.question input.remark::-moz-placeholder {\\n font-size: 11px;\\n}\\n\\n.question input.remark::-ms-input-placeholder {\\n font-size: 11px;\\n}\\n\\n.question input.remark::placeholder {\\n font-size: 11px;\\n}\\n\\n.question bar-rating {\\n margin-left: 25px;\\n}\\n\\n.question-back {\\n background-color: #f2f2f2;\\n}\\n\\n.m-t-10 {\\n margin-top: 10px;\\n}\\n\\n.m-l-25 {\\n padding-left: 25px;\\n}\\n\\n.filter1 {\\n margin-left: 0px;\\n margin-top: 5px;\\n}\\n\\n.search-card .filter1 {\\n margin-left: 0px;\\n margin-top: 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n font-size: 12px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 4px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 5px !important;\\n padding-left: 5px;\\n}\\n\\n.question mat-error {\\n color: #ff0000;\\n font-size: 10px;\\n margin-top: 0px !important;\\n}\\n\\n#callDialog {\\n box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);\\n padding: 10px;\\n background-color: #ffffff;\\n position: fixed;\\n width: 35%;\\n height: 360px;\\n}\\n\\n.close-con {\\n float: right;\\n font-size: 18px;\\n cursor: pointer;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.call-header {\\n font-family: Bold 16px/22px Roboto;\\n font-size: 12px;\\n}\\n\\n.call-header i {\\n color: #00457d;\\n}\\n\\n.rect2 {\\n width: 100%;\\n background: #eaeaea;\\n}\\n\\n.rect3 {\\n padding-top: 25px;\\n padding-right: 0px;\\n padding-left: 0px;\\n padding-bottom: 0px;\\n width: 100%;\\n font-size: 12px;\\n background: #ffffff;\\n}\\n\\n.rect3 .button {\\n float: right;\\n margin-right: 8px;\\n margin-top: 5px;\\n}\\n\\n.rect4 {\\n width: 100%;\\n font-size: 12px;\\n padding-bottom: 0px;\\n}\\n\\n.rect5 {\\n float: left;\\n width: 100%;\\n}\\n\\n.text-pp {\\n width: 100%;\\n}\\n\\n.call-popup-save {\\n float: right;\\n margin-right: 20px;\\n margin-bottom: 10px;\\n}\\n\\n.icons .fa-phone {\\n transform: rotate(135deg);\\n}\\n\\n.icons .fa-microphone-slash,\\n.icons .fa-phone {\\n font-size: 24px;\\n}\\n\\n.icons .button {\\n margin: 5px;\\n}\\n\\n.icons {\\n margin-top: 25px;\\n padding-left: 29%;\\n}\\n\\n.hang-btn {\\n color: red !important;\\n border-color: red !important;\\n}\\n\\n.classtext1 {\\n font-weight: bold;\\n}\\n\\n.timestamp {\\n font-size: 11px;\\n margin-left: 10px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #000000;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #00457d;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 20px;\\n}\\n\\n.btn {\\n position: relative;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n overflow: hidden;\\n background-color: #00457d !important;\\n height: 24px;\\n line-height: 10px;\\n}\\n\\n.mat-button {\\n border-radius: 0px;\\n float: right;\\n}\\n\\n.btn p {\\n text-align: center;\\n text-transform: uppercase;\\n color: #fff;\\n position: relative;\\n z-index: 1;\\n transition: all 0.3s ease;\\n margin: auto;\\n font-size: 12px;\\n}\\n\\n.btn-1 {\\n background-color: #ffffff !important;\\n color: #e64243 !important;\\n border: 1px solid #e64243;\\n}\\n\\n.btn-1 p {\\n margin: auto;\\n}\\n\\n.dropdown-pp1 .mat-form-field-infix {\\n height: 21px !important;\\n width: 100%;\\n padding-bottom: 0px !important;\\n}\\n\\n.dropdown-pp1 .mat-form-field {\\n width: 100%;\\n}\\n\\n.dropdown-pp1 .ng-star-inserted {\\n width: 99%;\\n}\\n\\n.profile-pp1 .mat-form-field-wrapper {\\n padding-bottom: 0px;\\n}\\n\\n.profile-pp1 .mat-label {\\n padding-top: 6px;\\n}\\n\\n.dropdown-border {\\n border-style: solid solid solid solid !important;\\n border-width: 1px;\\n border-radius: 5px;\\n border-color: gray;\\n height: 28px;\\n padding-left: 8px;\\n padding-top: 6px;\\n margin-top: 0px;\\n}\\n\\n.textfield-border {\\n border-style: solid solid solid solid !important;\\n border-width: 1px;\\n border-radius: 5px;\\n border-color: gray;\\n}\\n\\n#callDialog mat-error {\\n color: #ff0000;\\n font-size: 10px;\\n margin-top: -12px !important;\\n}\\n\\n.question {\\n font-size: 12px;\\n padding: 5px;\\n}\\n\\n.question .remark {\\n margin-left: 25px;\\n margin-top: 5px;\\n width: 70%;\\n border: 1px solid #d8d8d8;\\n padding: 4px;\\n border-radius: 3px;\\n padding-left: 10px;\\n font-size: 12px;\\n}\\n\\n.question input.remark::-webkit-input-placeholder {\\n font-size: 11px;\\n}\\n\\n.question input.remark::-moz-placeholder {\\n font-size: 11px;\\n}\\n\\n.question input.remark::-ms-input-placeholder {\\n font-size: 11px;\\n}\\n\\n.question input.remark::placeholder {\\n font-size: 11px;\\n}\\n\\n.question bar-rating {\\n margin-left: 25px;\\n}\\n\\n.matCard-border {\\n border: 1px solid #707070;\\n}\\n\\n.dataview {\\n width: 27%;\\n margin-left: 25px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n margin-bottom: 10px;\\n width: 55%;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #00457D;\\n font-size: 12px;\\n width: 50%;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #00457D;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 22px;\\n}\\n\\n.serv-desc {\\n width: 70%;\\n font-weight: 400;\\n}\\n\\n.serv-desc small {\\n margin-right: 10px;\\n float: right;\\n}\\n\\n.cus360Td {\\n font-size: 11px;\\n font-family: poppins;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvc29mdC1jdXN0b21lcjM2MC9zb2Z0LWN1c3RvbWVyMzYwLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnQvc29mdC1jdXN0b21lcjM2MC9zb2Z0LWN1c3RvbWVyMzYwLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksbUJBQUE7RUFDQSxpQkFBQTtFQUNBLGdCQUFBO0FDQ0o7O0FERUE7RUFDSSw0QkFBQTtBQ0NKOztBREVBO0VBQ0ksY0FBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7QUNDSjs7QURFQTtFQUNJLHFCQUFBO0FDQ0o7O0FERUE7RUFDSSxxQkFBQTtBQ0NKOztBREVBO0VBQ0ksY0FBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxZQUFBO0FDQ0o7O0FERUE7RUFDSSxpQkFBQTtFQUNBLGVBQUE7RUFDQSw2QkFBQTtFQUNBLGNBQUE7QUNDSjs7QURFQTtFQUNJLDJCQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7QUNDSjs7QURFQTtFQUNJLGtDQUFBO0VBQ0EsY0FBQTtBQ0NKOztBREVBO0VBQ0kseUJBQUE7RUFDQSxzQkFBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7QUNDSjs7QURFQTtFQUNJLFVBQUE7QUNDSjs7QURFQTtFQUNJLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLDhCQUFBO0VBQ0EsY0FBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtBQ0NKOztBREVBO0VBQ0ksY0FBQTtFQUNBLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLGVBQUE7RUFDQSxNQUFBO0VBQ0Esa0JBQUE7QUNDSjs7QURFQTtFQUNJLFlBQUE7QUNDSjs7QURFQTtFQUNJLDZCQUFBO0VBQ0EsNEJBQUE7QUNDSjs7QURFQTtFQUNJLDZCQUFBO0VBQ0EsNEJBQUE7QUNDSjs7QURFQTtFQUNJLDZCQUFBO0VBQ0EsMkJBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7RUFDQSx5QkFBQTtFQUNBLGVBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7RUFDQSxVQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0VBQ0Esa0JBQUE7QUNDSjs7QURFQTtFQUNJLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxrQkFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtFQUNBLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxtQkFBQTtBQ0NKOztBREVBO0VBQ0ksbUJBQUE7QUNDSjs7QURHQTtFQUNJLGNBQUE7RUFDQSxXQUFBO0FDQUo7O0FER0E7RUFDSSxlQUFBO0FDQUo7O0FER0E7RUFDSSxXQUFBO0VBQ0Esa0JBQUE7QUNBSjs7QURHQTtFQUNJLFdBQUE7RUFDQSxrQkFBQTtBQ0FKOztBRElBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0VBQ0EsVUFBQTtFQUNBLFlBQUE7QUNESjs7QURLQTtFQUNJLGdCQUFBO0FDRko7O0FES0E7RUFDSSxpQkFBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0VBQ0EsbUJBQUE7QUNGSjs7QURLQTtFQUNJLFVBQUE7QUNGSjs7QURLQTtFQUNJLE1BQUE7RUFDQSxjQUFBO0VBQ0EsaUJBQUE7QUNGSjs7QURLQTtFQUNJLGlCQUFBO0FDRko7O0FES0E7RUFDSSxhQUFBO0FDRko7O0FES0E7RUFDSSxNQUFBO0VBQ0EsMEJBQUE7RUFDQSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksc0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0FDRko7O0FES0E7RUFDSSwyQkFBQTtFQUNBLG1CQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0EsNkJBQUE7QUNGSjs7QURLQTtFQUNJLGtDQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7RUFDQSxnQkFBQTtBQ0ZKOztBREdJO0VBQ0ksY0FBQTtFQUNBLGlCQUFBO0FDRFI7O0FES0E7RUFDSSx5QkFBQTtFQUNBLHNCQUFBO0VBQ0EsY0FBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtBQ0ZKOztBREtBO0VBQ0ksa0JBQUE7RUFDQSxZQUFBO0VBQ0EsOEJBQUE7RUFDQSxjQUFBO0FDRko7O0FES0E7RUFDSSxzQkFBQTtFQUNBLGdCQUFBO0FDRko7O0FES0E7RUFDSSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksWUFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsMkJBQUE7RUFDQSxlQUFBO0FDRko7O0FES0E7RUFDSSx5QkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0FDRko7O0FES0E7RUFDSSxZQUFBO0FDRko7O0FES0E7RUFDSSxXQUFBO0FDRko7O0FES0E7RUFDSSxzQkFBQTtFQUNBLGdCQUFBO0VBQ0EsbUJBQUE7QUNGSjs7QURLQTtFQUNJLGtCQUFBO0VBQ0EsaUJBQUE7QUNGSjs7QURLQTtFQUNJLGFBQUE7QUNGSjs7QURLQTtFQUNJLFdBQUE7QUNGSjs7QURLQTtFQUNJLFlBQUE7RUFDQSxpQkFBQTtFQUNBLHNDQUFBO0VBQ0EsdUNBQUE7RUFDQSx3QkFBQTtFQUNBLHFCQUFBO0VBQ0EsbUJBQUE7RUFDQSx1QkFBQTtFQUNBLGdCQUFBO0VBQ0EsWUFBQTtFQUNBLFVBQUE7QUNGSjs7QURNQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtBQ0hKOztBRE1BO0VBQ0ksWUFBQTtBQ0hKOztBRE1BO0VBQ0ksV0FBQTtBQ0hKOztBRE9BO0VBQ0kseURBQUE7RUFDQSx5QkFBQTtFQUNBLFdBQUE7RUFDQSxnQkFBQTtBQ0pKOztBRE9BOztFQUVJLDJCQUFBO0VBQ0EsWUFBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0FDSko7O0FET0E7RUFDSSx5QkFBQTtBQ0pKOztBRE9BO0VBQ0kseUJBQUE7QUNKSjs7QURPQTtFQUNJLGdCQUFBO0VBQ0EsbUJBQUE7RUFDQSxnQkFBQTtFQUNBLHlCQUFBO0VBQ0EsWUFBQTtBQ0pKOztBRFFBO0VBQ0ksa0JBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSxvQ0FBQTtFQUNBLDZCQUFBO0VBQ0EsWUFBQTtBQ0xKOztBRFFBO0VBQ0ksa0JBQUE7RUFDQSx5QkFBQTtFQUNBLFdBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0VBQ0EsaUJBQUE7QUNMSjs7QURRQTtFQUNJLG9DQUFBO0VBQ0EseUJBQUE7RUFDQSx5QkFBQTtBQ0xKOztBRFFBO0VBQ0ksWUFBQTtBQ0xKOztBRFFBO0VBQ0kscUNBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsdUJBQUE7QUNMSjs7QURRQTtFQUNJLGNBQUE7RUFDQSx1QkFBQTtFQUNBLHNCQUFBO0VBQ0EsaUJBQUE7QUNMSjs7QURRQTtFQUNJLHlCQUFBO0FDTEo7O0FEUUE7RUFDSSxlQUFBO0VBQ0EsY0FBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0VBQ0Esa0JBQUE7RUFDQSw2QkFBQTtBQ0xKOztBRFFBO0VBQ0ksZUFBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7QUNMSjs7QURRQTtFQUNJLHNCQUFBO0FDTEo7O0FEUUE7RUFDSSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EscUJBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxnQkFBQTtBQ0xKOztBRFFBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLHFCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsZ0JBQUE7QUNMSjs7QURRQTs7O0VBR0ksWUFBQTtFQUNBLG1DQUFBO0VBQ0EsbUJBQUE7RUFDQSx1QkFBQTtBQ0xKOztBRFFBO0VBQ0ksWUFBQTtBQ0xKOztBRFFBO0VBQ0ksY0FBQTtBQ0xKOztBRFFBO0VBQ0ksdUNBQUE7RUFDQSxrQkFBQTtFQUNBLFlBQUE7RUFDQSxNQUFBO0VBQ0EsT0FBQTtFQUNBLFdBQUE7RUFDQSxnQkFBQTtBQ0xKOztBRFFBO0VBQ0ksZUFBQTtFQUNBLFlBQUE7QUNMSjs7QURNSTtFQUNJLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLFVBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtBQ0pSOztBRE1JO0VBQ0ksZUFBQTtBQ0pSOztBREdJO0VBQ0ksZUFBQTtBQ0pSOztBREdJO0VBQ0ksZUFBQTtBQ0pSOztBREdJO0VBQ0ksZUFBQTtBQ0pSOztBRE1JO0VBQ0ksaUJBQUE7QUNKUjs7QURRQTtFQUNJLHlCQUFBO0FDTEo7O0FEUUE7RUFDSSxnQkFBQTtBQ0xKOztBRFFBO0VBQ0ksa0JBQUE7QUNMSjs7QURTQTtFQUNJLGdCQUFBO0VBQ0EsZUFBQTtBQ05KOztBRFNBO0VBQ0ksZ0JBQUE7RUFDQSxlQUFBO0FDTko7O0FEU0E7RUFDSSwyQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7QUNOSjs7QURVQTtFQUVJLGdCQUFBO0FDUko7O0FEV0E7RUFDSSxpQkFBQTtFQUVBLFdBQUE7QUNUSjs7QURZQTtFQUNJLFVBQUE7QUNUSjs7QURjQTtFQUNJLE1BQUE7RUFDQSxjQUFBO0VBQ0EsaUJBQUE7QUNYSjs7QURjQTtFQUNJLGlCQUFBO0FDWEo7O0FEY0E7RUFDSSxhQUFBO0FDWEo7O0FEY0E7RUFDSSxNQUFBO0VBQ0EsMEJBQUE7RUFDQSxpQkFBQTtBQ1hKOztBRHVCSTtFQUNJLGNBQUE7RUFDQSxlQUFBO0VBQ0EsMEJBQUE7QUNwQlI7O0FEeUJBO0VBQ0ksaUpBQUE7RUFDQSxhQUFBO0VBQ0EseUJBQUE7RUFDQSxlQUFBO0VBQ0EsVUFBQTtFQUNBLGFBQUE7QUN0Qko7O0FEeUJBO0VBQ0ksWUFBQTtFQUNBLGVBQUE7RUFDQSxlQUFBO0FDdEJKOztBRHlCQTtFQUNJLFdBQUE7QUN0Qko7O0FEeUJBO0VBQ0ksa0NBQUE7RUFDQSxlQUFBO0FDdEJKOztBRHVCSTtFQUNJLGNBQUE7QUNyQlI7O0FEeUJBO0VBQ0ksV0FBQTtFQUNBLG1CQUFBO0FDdEJKOztBRHlCQTtFQUNJLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUNBLG1CQUFBO0VBQ0EsV0FBQTtFQUNBLGVBQUE7RUFDQSxtQkFBQTtBQ3RCSjs7QUR5QkE7RUFDSSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxlQUFBO0FDdEJKOztBRHlCQTtFQUNJLFdBQUE7RUFDQSxlQUFBO0VBQ0EsbUJBQUE7QUN0Qko7O0FEeUJBO0VBQ0ksV0FBQTtFQUNBLFdBQUE7QUN0Qko7O0FEeUJBO0VBQ0ksV0FBQTtBQ3RCSjs7QUR5QkE7RUFDSSxZQUFBO0VBQ0Esa0JBQUE7RUFDQSxtQkFBQTtBQ3RCSjs7QUR5QkE7RUFDSSx5QkFBQTtBQ3RCSjs7QUR5QkE7O0VBRUksZUFBQTtBQ3RCSjs7QUR5QkE7RUFDSSxXQUFBO0FDdEJKOztBRHlCQTtFQUNJLGdCQUFBO0VBQ0EsaUJBQUE7QUN0Qko7O0FEeUJBO0VBQ0kscUJBQUE7RUFDQSw0QkFBQTtBQ3RCSjs7QUR5QkE7RUFDSSxpQkFBQTtBQ3RCSjs7QUR5QkE7RUFDSSxlQUFBO0VBQ0EsaUJBQUE7QUN0Qko7O0FEeUJBO0VBQ0ksa0JBQUE7QUN0Qko7O0FEeUJBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0FDdEJKOztBRHlCQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtBQ3RCSjs7QUR5QkE7RUFDSSxpQkFBQTtBQ3RCSjs7QUQwQkE7RUFDSSxrQkFBQTtFQUNBLGVBQUE7RUFDQSx5QkFBQTtFQUNBLGdCQUFBO0VBQ0Esb0NBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7QUN2Qko7O0FEMEJBO0VBQ0ksa0JBQUE7RUFDQSxZQUFBO0FDdkJKOztBRDBCQTtFQUNJLGtCQUFBO0VBQ0EseUJBQUE7RUFDQSxXQUFBO0VBQ0Esa0JBQUE7RUFDQSxVQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtBQ3ZCSjs7QUQwQkE7RUFDSSxvQ0FBQTtFQUNBLHlCQUFBO0VBQ0EseUJBQUE7QUN2Qko7O0FEMEJBO0VBQ0ksWUFBQTtBQ3ZCSjs7QUQwQkE7RUFDSSx1QkFBQTtFQUNBLFdBQUE7RUFDQSw4QkFBQTtBQ3ZCSjs7QUQwQkE7RUFDSSxXQUFBO0FDdkJKOztBRDBCQTtFQUNJLFVBQUE7QUN2Qko7O0FEMEJBO0VBQ0ksbUJBQUE7QUN2Qko7O0FEMEJBO0VBQ0ksZ0JBQUE7QUN2Qko7O0FEMEJBO0VBQ0ksZ0RBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxnQkFBQTtFQUNBLGVBQUE7QUN2Qko7O0FEMEJBO0VBQ0ksZ0RBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7QUN2Qko7O0FEMkJBO0VBQ0ksY0FBQTtFQUNBLGVBQUE7RUFDQSw0QkFBQTtBQ3hCSjs7QUQyQkE7RUFDSSxlQUFBO0VBQ0EsWUFBQTtBQ3hCSjs7QUR5Qkk7RUFDSSxpQkFBQTtFQUNBLGVBQUE7RUFDQSxVQUFBO0VBQ0EseUJBQUE7RUFDQSxZQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7QUN2QlI7O0FEeUJJO0VBQ0ksZUFBQTtBQ3ZCUjs7QURzQkk7RUFDSSxlQUFBO0FDdkJSOztBRHNCSTtFQUNJLGVBQUE7QUN2QlI7O0FEc0JJO0VBQ0ksZUFBQTtBQ3ZCUjs7QUR5Qkk7RUFDSSxpQkFBQTtBQ3ZCUjs7QUQyQkE7RUFDSSx5QkFBQTtBQ3hCSjs7QUQ4QkE7RUFDSSxVQUFBO0VBQ0EsaUJBQUE7QUMzQko7O0FEOEJBO0VBQ0ksa0JBQUE7RUFDQSxtQkFBQTtFQUNBLFVBQUE7QUMzQko7O0FEOEJBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0VBQ0EsZUFBQTtFQUNBLFVBQUE7QUMzQko7O0FEOEJBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0FDM0JKOztBRDhCQTtFQUNJLGlCQUFBO0FDM0JKOztBRDhCQTtFQUNJLFVBQUE7RUFDQSxnQkFBQTtBQzNCSjs7QUQ0Qkk7RUFDSSxrQkFBQTtFQUNBLFlBQUE7QUMxQlI7O0FEOEJBO0VBQ0ksZUFBQTtFQUNBLG9CQUFBO0FDM0JKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L3NvZnQtY3VzdG9tZXIzNjAvc29mdC1jdXN0b21lcjM2MC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53b3JraW5nLWFyZWEge1xuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgbWFyZ2luLXRvcDogMTBweDtcbn1cblxuLmN1c3QzNjAtY29udGFpbmVyIHtcbiAgICBtYXJnaW46IDExNXB4IDMwcHggMzBweCAzMHB4O1xufVxuXG4uZXhhbXBsZS1jYXJkMSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xufVxuXG4uZXhhbXBsZS1jYXJkMSAuZm9udENsYXNzIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5leGFtcGxlLWNhcmQxIC5pbmxpbmVDbGFzcyB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuXG4uZXhhbXBsZS1jYXJkMiB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIHBhZGRpbmc6IDBweDtcbn1cblxuLnN1cnZleSB7XG4gICAgbWFyZ2luLWxlZnQ6IDE1cHg7XG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIG1hcmdpbi1ib3R0b206IDVweCAhaW1wb3J0YW50O1xuICAgIGNvbG9yOiAjNzA3MDcwO1xufVxuXG4uZm9udENsYXNzIHtcbiAgICBmb250OiBCb2xkIDEycHgvMjBweCBSb2JvdG87XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGNvbG9yOiAjNzA3MDcwO1xufVxuXG4uZm9udENsYXNzQm9sZCB7XG4gICAgZm9udC1mYW1pbHk6IEJvbGQgMTZweC8yMnB4IFJvYm90bztcbiAgICBjb2xvcjogIzcwNzA3MDtcbn1cblxuLmJvcmRlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzcwNzA3MDtcbiAgICBmb250OiAxMnB4LzE4cHggUm9ib3RvO1xuICAgIGNvbG9yOiAjNzA3MDcwO1xuICAgIGJvcmRlci1yYWRpdXM6IDI1cHg7XG4gICAgcGFkZGluZzogNXB4O1xufVxuXG4uc2Vydi1oZWFkaW5nIHtcbiAgICB3aWR0aDogMzAlO1xufVxuXG4uYnV0dG9uIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTZweC8yMnB4IFJvYm90bztcbiAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4ucmVjZW50IHtcbiAgICBjb2xvcjogIzFhY2MwNDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcmlnaHQ6IDE1cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiA3cHg7XG59XG5cbi5kaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogMC42O1xufVxuXG4uY2hlY2thbGlnbiB7XG4gICAgcGFkZGluZy1sZWZ0OiAxNXB4ICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZy10b3A6IDIwcHggIWltcG9ydGFudDtcbn1cblxuLnZlaGljbGUtZGV0LXBycyAuY2hlY2thbGlnbiB7XG4gICAgcGFkZGluZy1sZWZ0OiAxNXB4ICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZy10b3A6IDIwcHggIWltcG9ydGFudDtcbn1cblxuLnZlaGljbGUtZGV0IC5jaGVja2FsaWduIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLXRvcDogNXB4ICFpbXBvcnRhbnQ7XG59XG5cbi5pbmxpbmVDbGFzcyB7XG4gICAgZGlzcGxheTogaW5saW5lO1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6IGJsYWNrO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbnAuaW5saW5lQ2xhc3Mge1xuICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5tYXJnaW5DbGFzcyB7XG4gICAgbWFyZ2luLWxlZnQ6IDIwcHg7XG59XG5cbi5uYXZiYXIge1xuICAgIHBhZGRpbmctbGVmdDogMTBweDtcbiAgICBwYWRkaW5nLXRvcDogMTBweDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5uYXZiYXIgYSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uZXhhbXBsZS1yYWRpby1idXR0b24ge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIHBhZGRpbmc6IDAuMTM3NWVtIDA7XG4gICAgLy9ib3JkZXI6IHNvbGlkO1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICAgIGJvdHRvbTogMC4yNWVtO1xuICAgIGhlaWdodDogMHB4O1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgICBtYXJnaW4tdG9wOiAwcHg7XG59XG5cbi5udW1iZXItZm9ybSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ubnVtYmVyLXJvdyB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4vL2N1c3RvbSBtYXQtc2VsZWN0XG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIC8vZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xuICAgIHBhZGRpbmc6IDJweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgcGFkZGluZy1ib3R0b206IDVweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgICB3aWR0aDogOTAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICAgIHRvcDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiA0cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gICAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjM2MzYzNjO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbn1cblxuLmZvbnRDbGFzcyB7XG4gICAgZm9udDogQm9sZCAxNHB4LzE2cHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGNvbG9yOiAjN2I3YTdhO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luLWJvdHRvbTogM3B4ICFpbXBvcnRhbnQ7XG59XG5cbi5mb250Q2xhc3NCb2xkIHtcbiAgICBmb250LWZhbWlseTogQm9sZCAxNnB4LzIycHggUm9ib3RvO1xuICAgIGNvbG9yOiAjMDAwMDAwO1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBmb250LXdlaWdodDogNTAwO1xuICAgIGkge1xuICAgICAgICBjb2xvcjogIzAwNDU3ZDtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgfVxufVxuXG4uYm9yZGVyIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjNzA3MDcwO1xuICAgIGZvbnQ6IDEycHgvMThweCBSb2JvdG87XG4gICAgY29sb3I6ICM3MDcwNzA7XG4gICAgYm9yZGVyLXJhZGl1czogMjVweDtcbiAgICBwYWRkaW5nOiA1cHg7XG59XG5cbi5idXR0b24ge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBmbG9hdDogcmlnaHQ7XG4gICAgZm9udDogUmVndWxhciAxNnB4LzIycHggUm9ib3RvO1xuICAgIGNvbG9yOiAjZmZmZmZmO1xufVxuXG4uY29udGFjdCB7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4uY29udGFjdCAubWF0LXRhYi1ncm91cCB7XG4gICAgbWluLWhlaWdodDogMTUwcHg7XG59XG5cbi5jb250YWN0IDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbCB7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1pbi13aWR0aDogOTBweDtcbiAgICBjb2xvcjogIzU0ODJiYztcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgZm9udC1zaXplOiAxMXB4O1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwtYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MmJjO1xuICAgIGNvbG9yOiAjZmZmZmZmO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbi5jb250YWN0IDo6bmctZGVlcCAubWF0LXRhYi1oZWFkZXIge1xuICAgIGJvcmRlcjogbm9uZTtcbn1cblxuLmNvbnRhY3QgOjpuZy1kZWVwIC5tYXQtdGFiLWxpc3QgLm1hdC1pbmstYmFyIHtcbiAgICBoZWlnaHQ6IDBweDtcbn1cblxuLnRhYnJvdyB7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBtYXJnaW4tdG9wOiAyMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG59XG5cbi5hbGlnbiB7XG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xuICAgIHBhZGRpbmctdG9wOiAyMHB4O1xufVxuXG4udGFibGUtZGl2IHtcbiAgICBwYWRkaW5nOiAxMHB4O1xufVxuXG4uY2FsbGluZy10YWJsZSB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbiAgICBoZWlnaHQ6IDM1cHg7XG4gICAgcGFkZGluZzogMHB4IDEwcHg7XG4gICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogOHB4ICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDhweCAhaW1wb3J0YW50O1xuICAgIGJvcmRlci1ib3R0b20td2lkdGg6IDFweDtcbiAgICBib3JkZXItY29sb3I6ICNkM2QzZDM7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgIGNvbG9yOiBibGFjaztcbiAgICBvcGFjaXR5OiAxO1xuICAgIC8vIGZvbnQtc2l6ZTogMTNweCAhaW1wb3J0YW50Oztcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwtYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdkO1xuICAgIGNvbG9yOiAjZmZmZmZmO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgYm9yZGVyLXN0eWxlOiBub25lO1xufVxuXG4udGFicm93IDo6bmctZGVlcCAubWF0LXRhYi1oZWFkZXIge1xuICAgIGJvcmRlcjogbm9uZTtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItbGlzdCAubWF0LWluay1iYXIge1xuICAgIGhlaWdodDogMHB4O1xufVxuXG4vL3RhYmxlXG4udGFibGUge1xuICAgIGZvbnQtZmFtaWx5OiBcIlRyZWJ1Y2hldCBNU1wiLCBBcmlhbCwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbWFyZ2luLXRvcDogMjBweDtcbn1cblxuLnRhYmxlIHRkLFxuLnRhYmxlIHRoIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgcGFkZGluZzogNXB4O1xuICAgIHdpZHRoOiBhdXRvO1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLnRhYmxlIHRyOm50aC1jaGlsZChldmVuKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRhYmxlIHRyOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xufVxuXG4udGFibGUgdGgge1xuICAgIHBhZGRpbmctdG9wOiA1cHg7XG4gICAgcGFkZGluZy1ib3R0b206IDVweDtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNkM2QzZDM7XG4gICAgY29sb3I6IGJsYWNrO1xufVxuXG4vL3NsaWRpbmcgYnRuXG4uYnRuIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3ZCAhaW1wb3J0YW50O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xuICAgIGhlaWdodDogMjVweDtcbn1cblxuLmJ0biBwIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBjb2xvcjogI2ZmZjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlO1xuICAgIG1hcmdpbjogYXV0bztcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgbGluZS1oZWlnaHQ6IDEwcHg7XG59XG5cbi5idG4tMSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICAgIGNvbG9yOiAjMDA0NTdkICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzAwNDU3ZDtcbn1cblxuLmJ0bi0xIHAge1xuICAgIG1hcmdpbjogYXV0bztcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uaWNvbi1iYWNrZ3JvdW5kIHtcbiAgICBjb2xvcjogIzAwNDU3ZDtcbiAgICBoZWlnaHQ6IDEzcHggIWltcG9ydGFudDtcbiAgICB3aWR0aDogMTNweCAhaW1wb3J0YW50O1xuICAgIG1hcmdpbi1yaWdodDogOHB4O1xufVxuXG4udGFicm93IDo6bmctZGVlcCAubWF0LXRhYi1sYWJlbC1hY3RpdmUgLm1hdC10YWItbGFiZWwtY29udGVudCAuaWNvbi1iYWNrZ3JvdW5kIHtcbiAgICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uY2hlY2staWNvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiAjMWFjYzA0O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICB0b3A6IDI1JTtcbiAgICBtYXJnaW4tcmlnaHQ6IDE4cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogNXB4ICFpbXBvcnRhbnQ7XG59XG5cbi5jYW5jbGUtaWNvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiByZWQ7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA1cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRvcDogMjAlO1xuICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICBtYXJnaW4tbGVmdDogMzVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtcmlwcGxlIHtcbiAgICBoZWlnaHQ6IDBweCAhaW1wb3J0YW50O1xufVxuXG4uaW5wdXQtYm9yZGVyIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIHdpZHRoOiA3NSUgIWltcG9ydGFudDtcbiAgICBoZWlnaHQ6IDI1cHg7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxuLmlucHV0LWJvcmRlci1kIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIHdpZHRoOiA3MCUgIWltcG9ydGFudDtcbiAgICBoZWlnaHQ6IDI1cHg7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtZm9udC50aCB7XG4gICAgY29sb3I6IGJsYWNrO1xufVxuXG4udGFibGUtZm9udC50ZCB7XG4gICAgY29sb3I6ICM1OTU5NTk7XG59XG5cbi5zcGlubmVyX2NvbnRhaW5lciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDMzIDMzIDMzIC8gMTAlKTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTAwO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG59XG5cbi5xdWVzdGlvbiB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICAucmVtYXJrIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDI1cHg7XG4gICAgICAgIG1hcmdpbi10b3A6IDVweDtcbiAgICAgICAgd2lkdGg6IDcwJTtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2Q4ZDhkODtcbiAgICAgICAgcGFkZGluZzogNHB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMTBweDtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgIH1cbiAgICBpbnB1dC5yZW1hcms6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgZm9udC1zaXplOiAxMXB4O1xuICAgIH1cbiAgICBiYXItcmF0aW5nIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDI1cHg7XG4gICAgfVxufVxuXG4ucXVlc3Rpb24tYmFjayB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbn1cblxuLm0tdC0xMCB7XG4gICAgbWFyZ2luLXRvcDogMTBweDtcbn1cblxuLm0tbC0yNSB7XG4gICAgcGFkZGluZy1sZWZ0OiAyNXB4O1xufVxuXG4vL2N1c3RvbSBtYXQtc2VsZWN0XG4uZmlsdGVyMSB7XG4gICAgbWFyZ2luLWxlZnQ6IDBweDtcbiAgICBtYXJnaW4tdG9wOiA1cHg7XG59XG5cbi5zZWFyY2gtY2FyZCAuZmlsdGVyMSB7XG4gICAgbWFyZ2luLWxlZnQ6IDBweDtcbiAgICBtYXJnaW4tdG9wOiAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgcGFkZGluZzogMDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIC8vd2lkdGg6IDI0MHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gICAgLy93aWR0aDogMjQwcHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiA0cHggMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgLy9wYWRkaW5nLWJvdHRvbTogMnB4O1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICAgIHdpZHRoOiA5MCU7XG4gICAgLy9wYWRkaW5nLWJvdHRvbTogNXB4O1xuICAgIC8vbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICAgIHRvcDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiA1cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLy8gLmZpbHRlci1sYWJlbCB7XG4vLyAgICAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbi8vICAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuLy8gICAgIGNvbG9yOiAjM2MzYzNjO1xuLy8gICAgIG9wYWNpdHk6IDE7XG4vLyAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuLy8gfVxuXG4ucXVlc3Rpb24ge1xuICAgIG1hdC1lcnJvciB7XG4gICAgICAgIGNvbG9yOiAjZmYwMDAwO1xuICAgICAgICBmb250LXNpemU6IDEwcHg7XG4gICAgICAgIG1hcmdpbi10b3A6IDBweCAhaW1wb3J0YW50O1xuICAgIH1cbn1cblxuLy9jYWxsaW5nIGRhaWxvZ1xuI2NhbGxEaWFsb2cge1xuICAgIGJveC1zaGFkb3c6IDAgMXB4IDJweCAxcHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDJweCAxcHggLTFweCByZ2JhKDAsIDAsIDAsIDAuMiksIDAgMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4xNCksIDAgMXB4IDNweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG4gICAgcGFkZGluZzogMTBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB3aWR0aDogMzUlO1xuICAgIGhlaWdodDogMzYwcHg7XG59XG5cbi5jbG9zZS1jb24ge1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBmb250LXNpemU6IDE4cHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG50YWJsZSB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi5jYWxsLWhlYWRlciB7XG4gICAgZm9udC1mYW1pbHk6IEJvbGQgMTZweC8yMnB4IFJvYm90bztcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgaSB7XG4gICAgICAgIGNvbG9yOiAjMDA0NTdkO1xuICAgIH1cbn1cblxuLnJlY3QyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAjZWFlYWVhO1xufVxuXG4ucmVjdDMge1xuICAgIHBhZGRpbmctdG9wOiAyNXB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDBweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDBweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xufVxuXG4ucmVjdDMgLmJ1dHRvbiB7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIG1hcmdpbi1yaWdodDogOHB4O1xuICAgIG1hcmdpbi10b3A6IDVweDtcbn1cblxuLnJlY3Q0IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLnJlY3Q1IHtcbiAgICBmbG9hdDogbGVmdDtcbiAgICB3aWR0aDogMTAwJTtcbn1cblxuLnRleHQtcHAge1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbC1wb3B1cC1zYXZlIHtcbiAgICBmbG9hdDogcmlnaHQ7XG4gICAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG59XG5cbi5pY29ucyAuZmEtcGhvbmUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDEzNWRlZyk7XG59XG5cbi5pY29ucyAuZmEtbWljcm9waG9uZS1zbGFzaCxcbi5pY29ucyAuZmEtcGhvbmUge1xuICAgIGZvbnQtc2l6ZTogMjRweDtcbn1cblxuLmljb25zIC5idXR0b24ge1xuICAgIG1hcmdpbjogNXB4O1xufVxuXG4uaWNvbnMge1xuICAgIG1hcmdpbi10b3A6IDI1cHg7XG4gICAgcGFkZGluZy1sZWZ0OiAyOSU7XG59XG5cbi5oYW5nLWJ0biB7XG4gICAgY29sb3I6IHJlZCAhaW1wb3J0YW50O1xuICAgIGJvcmRlci1jb2xvcjogcmVkICFpbXBvcnRhbnQ7XG59XG5cbi5jbGFzc3RleHQxIHtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuLnRpbWVzdGFtcCB7XG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB7XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBjb2xvcjogIzAwMDAwMDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtY2hlY2tlZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3ZDtcbiAgICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gICAgbGluZS1oZWlnaHQ6IDIwcHg7XG59XG5cbi8vc2xpZGluZyBidG5cbi5idG4ge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N2QgIWltcG9ydGFudDtcbiAgICBoZWlnaHQ6IDI0cHg7XG4gICAgbGluZS1oZWlnaHQ6IDEwcHg7XG59XG5cbi5tYXQtYnV0dG9uIHtcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XG4gICAgZmxvYXQ6IHJpZ2h0O1xufVxuXG4uYnRuIHAge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGNvbG9yOiAjZmZmO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmJ0bi0xIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6ICNlNjQyNDMgIWltcG9ydGFudDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZTY0MjQzO1xufVxuXG4uYnRuLTEgcCB7XG4gICAgbWFyZ2luOiBhdXRvO1xufVxuXG4uZHJvcGRvd24tcHAxIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgaGVpZ2h0OiAyMXB4ICFpbXBvcnRhbnQ7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1ib3R0b206IDBweCAhaW1wb3J0YW50O1xufVxuXG4uZHJvcGRvd24tcHAxIC5tYXQtZm9ybS1maWVsZCB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi5kcm9wZG93bi1wcDEgLm5nLXN0YXItaW5zZXJ0ZWQge1xuICAgIHdpZHRoOiA5OSU7XG59XG5cbi5wcm9maWxlLXBwMSAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLnByb2ZpbGUtcHAxIC5tYXQtbGFiZWwge1xuICAgIHBhZGRpbmctdG9wOiA2cHg7XG59XG5cbi5kcm9wZG93bi1ib3JkZXIge1xuICAgIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQgIWltcG9ydGFudDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYm9yZGVyLWNvbG9yOiBncmF5O1xuICAgIGhlaWdodDogMjhweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICBwYWRkaW5nLXRvcDogNnB4O1xuICAgIG1hcmdpbi10b3A6IDBweDtcbn1cblxuLnRleHRmaWVsZC1ib3JkZXIge1xuICAgIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQgIWltcG9ydGFudDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYm9yZGVyLWNvbG9yOiBncmF5O1xufVxuXG4vL21hdC1lcnJvclxuI2NhbGxEaWFsb2cgbWF0LWVycm9yIHtcbiAgICBjb2xvcjogI2ZmMDAwMDtcbiAgICBmb250LXNpemU6IDEwcHg7XG4gICAgbWFyZ2luLXRvcDogLTEycHggIWltcG9ydGFudDtcbn1cblxuLnF1ZXN0aW9uIHtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgcGFkZGluZzogNXB4O1xuICAgIC5yZW1hcmsge1xuICAgICAgICBtYXJnaW4tbGVmdDogMjVweDtcbiAgICAgICAgbWFyZ2luLXRvcDogNXB4O1xuICAgICAgICB3aWR0aDogNzAlO1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZDhkOGQ4O1xuICAgICAgICBwYWRkaW5nOiA0cHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAxMHB4O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgfVxuICAgIGlucHV0LnJlbWFyazo6cGxhY2Vob2xkZXIge1xuICAgICAgICBmb250LXNpemU6IDExcHg7XG4gICAgfVxuICAgIGJhci1yYXRpbmcge1xuICAgICAgICBtYXJnaW4tbGVmdDogMjVweDtcbiAgICB9XG59XG5cbi5tYXRDYXJkLWJvcmRlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzcwNzA3MDtcbiAgICAvLyBmb250OiAxMnB4LzE4cHggUm9ib3RvO1xuICAgIC8vIGNvbG9yOiAjNzA3MDcwO1xuICAgIC8vYm9yZGVyLXJhZGl1czogMjVweDtcbn1cblxuLmRhdGF2aWV3IHtcbiAgICB3aWR0aDogMjclO1xuICAgIG1hcmdpbi1sZWZ0OiAyNXB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB7XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gICAgd2lkdGg6IDU1JTtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgY29sb3I6ICMwMDQ1N0Q7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHdpZHRoOiA1MCU7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWNoZWNrZWQge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gICAgY29sb3I6ICNmZmZmZmY7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWxhYmVsLWNvbnRlbnQge1xuICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xufVxuXG4uc2Vydi1kZXNjIHtcbiAgICB3aWR0aDogNzAlO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgc21hbGwge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gICAgICAgIGZsb2F0OiByaWdodDtcbiAgICB9XG59XG5cbi5jdXMzNjBUZHtcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgZm9udC1mYW1pbHk6IHBvcHBpbnM7XG59XG4iLCIud29ya2luZy1hcmVhIHtcbiAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDEwcHg7XG59XG5cbi5jdXN0MzYwLWNvbnRhaW5lciB7XG4gIG1hcmdpbjogMTE1cHggMzBweCAzMHB4IDMwcHg7XG59XG5cbi5leGFtcGxlLWNhcmQxIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBtYXJnaW4tcmlnaHQ6IGF1dG87XG59XG5cbi5leGFtcGxlLWNhcmQxIC5mb250Q2xhc3Mge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5leGFtcGxlLWNhcmQxIC5pbmxpbmVDbGFzcyB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cblxuLmV4YW1wbGUtY2FyZDIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgYm9yZGVyOiBub25lO1xuICBib3gtc2hhZG93OiBub25lO1xuICBwYWRkaW5nOiAwcHg7XG59XG5cbi5zdXJ2ZXkge1xuICBtYXJnaW4tbGVmdDogMTVweDtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHggIWltcG9ydGFudDtcbiAgY29sb3I6ICM3MDcwNzA7XG59XG5cbi5mb250Q2xhc3Mge1xuICBmb250OiBCb2xkIDEycHgvMjBweCBSb2JvdG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgY29sb3I6ICM3MDcwNzA7XG59XG5cbi5mb250Q2xhc3NCb2xkIHtcbiAgZm9udC1mYW1pbHk6IEJvbGQgMTZweC8yMnB4IFJvYm90bztcbiAgY29sb3I6ICM3MDcwNzA7XG59XG5cbi5ib3JkZXIge1xuICBib3JkZXI6IDFweCBzb2xpZCAjNzA3MDcwO1xuICBmb250OiAxMnB4LzE4cHggUm9ib3RvO1xuICBjb2xvcjogIzcwNzA3MDtcbiAgYm9yZGVyLXJhZGl1czogMjVweDtcbiAgcGFkZGluZzogNXB4O1xufVxuXG4uc2Vydi1oZWFkaW5nIHtcbiAgd2lkdGg6IDMwJTtcbn1cblxuLmJ1dHRvbiB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBmb250OiBSZWd1bGFyIDE2cHgvMjJweCBSb2JvdG87XG4gIGNvbG9yOiAjZmZmZmZmO1xuICBib3JkZXItcmFkaXVzOiAwcHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnJlY2VudCB7XG4gIGNvbG9yOiAjMWFjYzA0O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAxNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRvcDogMDtcbiAgbWFyZ2luLWJvdHRvbTogN3B4O1xufVxuXG4uZGlzYWJsZWQge1xuICBvcGFjaXR5OiAwLjY7XG59XG5cbi5jaGVja2FsaWduIHtcbiAgcGFkZGluZy1sZWZ0OiAxNXB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctdG9wOiAyMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi52ZWhpY2xlLWRldC1wcnMgLmNoZWNrYWxpZ24ge1xuICBwYWRkaW5nLWxlZnQ6IDE1cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy10b3A6IDIwcHggIWltcG9ydGFudDtcbn1cblxuLnZlaGljbGUtZGV0IC5jaGVja2FsaWduIHtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctdG9wOiA1cHggIWltcG9ydGFudDtcbn1cblxuLmlubGluZUNsYXNzIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBmb250OiBSZWd1bGFyIDE0cHggUm9ib3RvO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiBibGFjaztcbiAgb3BhY2l0eTogMTtcbn1cblxucC5pbmxpbmVDbGFzcyB7XG4gIG1hcmdpbi10b3A6IDBweDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4ubWFyZ2luQ2xhc3Mge1xuICBtYXJnaW4tbGVmdDogMjBweDtcbn1cblxuLm5hdmJhciB7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbiAgcGFkZGluZy10b3A6IDEwcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLm5hdmJhciBhIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uZXhhbXBsZS1yYWRpby1idXR0b24ge1xuICBmb250LXNpemU6IDEycHg7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBwYWRkaW5nOiAwLjEzNzVlbSAwO1xufVxuXG4ubnVtYmVyLWZvcm0gOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBib3R0b206IDAuMjVlbTtcbiAgaGVpZ2h0OiAwcHg7XG59XG5cbi5udW1iZXItZm9ybSA6Om5nLWRlZXAgaW5wdXQubWF0LWlucHV0LWVsZW1lbnQge1xuICBtYXJnaW4tdG9wOiAwcHg7XG59XG5cbi5udW1iZXItZm9ybSB7XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5udW1iZXItcm93IHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAyMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xuICBwYWRkaW5nOiAycHggMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICB3aWR0aDogMTAwJTtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBwYWRkaW5nLWJvdHRvbTogNXB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICB3aWR0aDogOTAlO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICB0b3A6IDA7XG4gIHBhZGRpbmctdG9wOiAwO1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHRvcDogMDtcbiAgbWFyZ2luLXRvcDogNHB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzYzNjM2M7XG4gIG9wYWNpdHk6IDE7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbiAgZm9udC1zaXplOiAxM3B4O1xufVxuXG4uZm9udENsYXNzIHtcbiAgZm9udDogQm9sZCAxNHB4LzE2cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiAjN2I3YTdhO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiAzcHggIWltcG9ydGFudDtcbn1cblxuLmZvbnRDbGFzc0JvbGQge1xuICBmb250LWZhbWlseTogQm9sZCAxNnB4LzIycHggUm9ib3RvO1xuICBjb2xvcjogIzAwMDAwMDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250LXdlaWdodDogNTAwO1xufVxuLmZvbnRDbGFzc0JvbGQgaSB7XG4gIGNvbG9yOiAjMDA0NTdkO1xuICBtYXJnaW4tcmlnaHQ6IDVweDtcbn1cblxuLmJvcmRlciB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICM3MDcwNzA7XG4gIGZvbnQ6IDEycHgvMThweCBSb2JvdG87XG4gIGNvbG9yOiAjNzA3MDcwO1xuICBib3JkZXItcmFkaXVzOiAyNXB4O1xuICBwYWRkaW5nOiA1cHg7XG59XG5cbi5idXR0b24ge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udDogUmVndWxhciAxNnB4LzIycHggUm9ib3RvO1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLmNvbnRhY3Qge1xuICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4uY29udGFjdCAubWF0LXRhYi1ncm91cCB7XG4gIG1pbi1oZWlnaHQ6IDE1MHB4O1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwge1xuICBoZWlnaHQ6IDIwcHg7XG4gIG1pbi13aWR0aDogOTBweDtcbiAgY29sb3I6ICM1NDgyYmM7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgZm9udC1zaXplOiAxMXB4O1xufVxuXG4uY29udGFjdCA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJiYztcbiAgY29sb3I6ICNmZmZmZmY7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5jb250YWN0IDo6bmctZGVlcCAubWF0LXRhYi1oZWFkZXIge1xuICBib3JkZXI6IG5vbmU7XG59XG5cbi5jb250YWN0IDo6bmctZGVlcCAubWF0LXRhYi1saXN0IC5tYXQtaW5rLWJhciB7XG4gIGhlaWdodDogMHB4O1xufVxuXG4udGFicm93IHtcbiAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgbWFyZ2luLXRvcDogMjBweDtcbiAgbWFyZ2luLWJvdHRvbTogMjBweDtcbn1cblxuLmFsaWduIHtcbiAgcGFkZGluZy1sZWZ0OiAxNnB4O1xuICBwYWRkaW5nLXRvcDogMjBweDtcbn1cblxuLnRhYmxlLWRpdiB7XG4gIHBhZGRpbmc6IDEwcHg7XG59XG5cbi5jYWxsaW5nLXRhYmxlIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsIHtcbiAgaGVpZ2h0OiAzNXB4O1xuICBwYWRkaW5nOiAwcHggMTBweDtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogOHB4ICFpbXBvcnRhbnQ7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA4cHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMXB4O1xuICBib3JkZXItY29sb3I6ICNkM2QzZDM7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBtYXJnaW4tbGVmdDogM3B4O1xuICBjb2xvcjogYmxhY2s7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWxhYmVsLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N2Q7XG4gIGNvbG9yOiAjZmZmZmZmO1xuICBvcGFjaXR5OiAxO1xuICBib3JkZXItc3R5bGU6IG5vbmU7XG59XG5cbi50YWJyb3cgOjpuZy1kZWVwIC5tYXQtdGFiLWhlYWRlciB7XG4gIGJvcmRlcjogbm9uZTtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItbGlzdCAubWF0LWluay1iYXIge1xuICBoZWlnaHQ6IDBweDtcbn1cblxuLnRhYmxlIHtcbiAgZm9udC1mYW1pbHk6IFwiVHJlYnVjaGV0IE1TXCIsIEFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4udGFibGUgdGQsXG4udGFibGUgdGgge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIHBhZGRpbmc6IDVweDtcbiAgd2lkdGg6IGF1dG87XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLnRhYmxlIHRyOm50aC1jaGlsZChldmVuKSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi50YWJsZSB0cjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi50YWJsZSB0aCB7XG4gIHBhZGRpbmctdG9wOiA1cHg7XG4gIHBhZGRpbmctYm90dG9tOiA1cHg7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkM2QzZDM7XG4gIGNvbG9yOiBibGFjaztcbn1cblxuLmJ0biB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdkICFpbXBvcnRhbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xuICBoZWlnaHQ6IDI1cHg7XG59XG5cbi5idG4gcCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgY29sb3I6ICNmZmY7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgbWFyZ2luOiBhdXRvO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxpbmUtaGVpZ2h0OiAxMHB4O1xufVxuXG4uYnRuLTEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjMDA0NTdkICFpbXBvcnRhbnQ7XG4gIGJvcmRlcjogMXB4IHNvbGlkICMwMDQ1N2Q7XG59XG5cbi5idG4tMSBwIHtcbiAgbWFyZ2luOiBhdXRvO1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogMCU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uaWNvbi1iYWNrZ3JvdW5kIHtcbiAgY29sb3I6ICMwMDQ1N2Q7XG4gIGhlaWdodDogMTNweCAhaW1wb3J0YW50O1xuICB3aWR0aDogMTNweCAhaW1wb3J0YW50O1xuICBtYXJnaW4tcmlnaHQ6IDhweDtcbn1cblxuLnRhYnJvdyA6Om5nLWRlZXAgLm1hdC10YWItbGFiZWwtYWN0aXZlIC5tYXQtdGFiLWxhYmVsLWNvbnRlbnQgLmljb24tYmFja2dyb3VuZCB7XG4gIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5jaGVjay1pY29uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogIzFhY2MwNDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRvcDogMjUlO1xuICBtYXJnaW4tcmlnaHQ6IDE4cHg7XG4gIG1hcmdpbi1ib3R0b206IDVweCAhaW1wb3J0YW50O1xufVxuXG4uY2FuY2xlLWljb24ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiByZWQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDVweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICB0b3A6IDIwJTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBtYXJnaW4tbGVmdDogMzVweDtcbn1cblxuLm51bWJlci1mb3JtIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtcmlwcGxlIHtcbiAgaGVpZ2h0OiAwcHggIWltcG9ydGFudDtcbn1cblxuLmlucHV0LWJvcmRlciB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICB3aWR0aDogNzUlICFpbXBvcnRhbnQ7XG4gIGhlaWdodDogMjVweDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gIG1hcmdpbi1sZWZ0OiA1cHg7XG59XG5cbi5pbnB1dC1ib3JkZXItZCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICB3aWR0aDogNzAlICFpbXBvcnRhbnQ7XG4gIGhlaWdodDogMjVweDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gIG1hcmdpbi1sZWZ0OiA1cHg7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsLFxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgcGFkZGluZzogNXB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjFweDtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi50YWJsZS1mb250LnRoIHtcbiAgY29sb3I6IGJsYWNrO1xufVxuXG4udGFibGUtZm9udC50ZCB7XG4gIGNvbG9yOiAjNTk1OTU5O1xufVxuXG4uc3Bpbm5lcl9jb250YWluZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDMzLCAzMywgMzMsIDAuMSk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMTAwO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xufVxuXG4ucXVlc3Rpb24ge1xuICBmb250LXNpemU6IDEycHg7XG4gIHBhZGRpbmc6IDVweDtcbn1cbi5xdWVzdGlvbiAucmVtYXJrIHtcbiAgbWFyZ2luLWxlZnQ6IDI1cHg7XG4gIG1hcmdpbi10b3A6IDVweDtcbiAgd2lkdGg6IDcwJTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2Q4ZDhkODtcbiAgcGFkZGluZzogNHB4O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuLnF1ZXN0aW9uIGlucHV0LnJlbWFyazo6cGxhY2Vob2xkZXIge1xuICBmb250LXNpemU6IDExcHg7XG59XG4ucXVlc3Rpb24gYmFyLXJhdGluZyB7XG4gIG1hcmdpbi1sZWZ0OiAyNXB4O1xufVxuXG4ucXVlc3Rpb24tYmFjayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7XG59XG5cbi5tLXQtMTAge1xuICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuXG4ubS1sLTI1IHtcbiAgcGFkZGluZy1sZWZ0OiAyNXB4O1xufVxuXG4uZmlsdGVyMSB7XG4gIG1hcmdpbi1sZWZ0OiAwcHg7XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cblxuLnNlYXJjaC1jYXJkIC5maWx0ZXIxIHtcbiAgbWFyZ2luLWxlZnQ6IDBweDtcbiAgbWFyZ2luLXRvcDogMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZzogNHB4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA5MCU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiA1cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5xdWVzdGlvbiBtYXQtZXJyb3Ige1xuICBjb2xvcjogI2ZmMDAwMDtcbiAgZm9udC1zaXplOiAxMHB4O1xuICBtYXJnaW4tdG9wOiAwcHggIWltcG9ydGFudDtcbn1cblxuI2NhbGxEaWFsb2cge1xuICBib3gtc2hhZG93OiAwIDFweCAycHggMXB4IHJnYmEoMCwgMCwgMCwgMC4yKSwgMCAycHggMXB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICBwYWRkaW5nOiAxMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAzNSU7XG4gIGhlaWdodDogMzYwcHg7XG59XG5cbi5jbG9zZS1jb24ge1xuICBmbG9hdDogcmlnaHQ7XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG50YWJsZSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbC1oZWFkZXIge1xuICBmb250LWZhbWlseTogQm9sZCAxNnB4LzIycHggUm9ib3RvO1xuICBmb250LXNpemU6IDEycHg7XG59XG4uY2FsbC1oZWFkZXIgaSB7XG4gIGNvbG9yOiAjMDA0NTdkO1xufVxuXG4ucmVjdDIge1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZDogI2VhZWFlYTtcbn1cblxuLnJlY3QzIHtcbiAgcGFkZGluZy10b3A6IDI1cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDBweDtcbiAgcGFkZGluZy1sZWZ0OiAwcHg7XG4gIHBhZGRpbmctYm90dG9tOiAwcHg7XG4gIHdpZHRoOiAxMDAlO1xuICBmb250LXNpemU6IDEycHg7XG4gIGJhY2tncm91bmQ6ICNmZmZmZmY7XG59XG5cbi5yZWN0MyAuYnV0dG9uIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgbWFyZ2luLXRvcDogNXB4O1xufVxuXG4ucmVjdDQge1xuICB3aWR0aDogMTAwJTtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufVxuXG4ucmVjdDUge1xuICBmbG9hdDogbGVmdDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi50ZXh0LXBwIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5jYWxsLXBvcHVwLXNhdmUge1xuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbiAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLmljb25zIC5mYS1waG9uZSB7XG4gIHRyYW5zZm9ybTogcm90YXRlKDEzNWRlZyk7XG59XG5cbi5pY29ucyAuZmEtbWljcm9waG9uZS1zbGFzaCxcbi5pY29ucyAuZmEtcGhvbmUge1xuICBmb250LXNpemU6IDI0cHg7XG59XG5cbi5pY29ucyAuYnV0dG9uIHtcbiAgbWFyZ2luOiA1cHg7XG59XG5cbi5pY29ucyB7XG4gIG1hcmdpbi10b3A6IDI1cHg7XG4gIHBhZGRpbmctbGVmdDogMjklO1xufVxuXG4uaGFuZy1idG4ge1xuICBjb2xvcjogcmVkICFpbXBvcnRhbnQ7XG4gIGJvcmRlci1jb2xvcjogcmVkICFpbXBvcnRhbnQ7XG59XG5cbi5jbGFzc3RleHQxIHtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi50aW1lc3RhbXAge1xuICBmb250LXNpemU6IDExcHg7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB7XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBjb2xvcjogIzAwMDAwMDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtY2hlY2tlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N2Q7XG4gIGNvbG9yOiAjZmZmZmZmO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1sYWJlbC1jb250ZW50IHtcbiAgbGluZS1oZWlnaHQ6IDIwcHg7XG59XG5cbi5idG4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3ZCAhaW1wb3J0YW50O1xuICBoZWlnaHQ6IDI0cHg7XG4gIGxpbmUtaGVpZ2h0OiAxMHB4O1xufVxuXG4ubWF0LWJ1dHRvbiB7XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcbiAgZmxvYXQ6IHJpZ2h0O1xufVxuXG4uYnRuIHAge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGNvbG9yOiAjZmZmO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHotaW5kZXg6IDE7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG4gIG1hcmdpbjogYXV0bztcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uYnRuLTEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjZTY0MjQzICFpbXBvcnRhbnQ7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlNjQyNDM7XG59XG5cbi5idG4tMSBwIHtcbiAgbWFyZ2luOiBhdXRvO1xufVxuXG4uZHJvcGRvd24tcHAxIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGhlaWdodDogMjFweCAhaW1wb3J0YW50O1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZy1ib3R0b206IDBweCAhaW1wb3J0YW50O1xufVxuXG4uZHJvcGRvd24tcHAxIC5tYXQtZm9ybS1maWVsZCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uZHJvcGRvd24tcHAxIC5uZy1zdGFyLWluc2VydGVkIHtcbiAgd2lkdGg6IDk5JTtcbn1cblxuLnByb2ZpbGUtcHAxIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLnByb2ZpbGUtcHAxIC5tYXQtbGFiZWwge1xuICBwYWRkaW5nLXRvcDogNnB4O1xufVxuXG4uZHJvcGRvd24tYm9yZGVyIHtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZCAhaW1wb3J0YW50O1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBib3JkZXItY29sb3I6IGdyYXk7XG4gIGhlaWdodDogMjhweDtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHBhZGRpbmctdG9wOiA2cHg7XG4gIG1hcmdpbi10b3A6IDBweDtcbn1cblxuLnRleHRmaWVsZC1ib3JkZXIge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkICFpbXBvcnRhbnQ7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJvcmRlci1jb2xvcjogZ3JheTtcbn1cblxuI2NhbGxEaWFsb2cgbWF0LWVycm9yIHtcbiAgY29sb3I6ICNmZjAwMDA7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgbWFyZ2luLXRvcDogLTEycHggIWltcG9ydGFudDtcbn1cblxuLnF1ZXN0aW9uIHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBwYWRkaW5nOiA1cHg7XG59XG4ucXVlc3Rpb24gLnJlbWFyayB7XG4gIG1hcmdpbi1sZWZ0OiAyNXB4O1xuICBtYXJnaW4tdG9wOiA1cHg7XG4gIHdpZHRoOiA3MCU7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNkOGQ4ZDg7XG4gIHBhZGRpbmc6IDRweDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cbi5xdWVzdGlvbiBpbnB1dC5yZW1hcms6OnBsYWNlaG9sZGVyIHtcbiAgZm9udC1zaXplOiAxMXB4O1xufVxuLnF1ZXN0aW9uIGJhci1yYXRpbmcge1xuICBtYXJnaW4tbGVmdDogMjVweDtcbn1cblxuLm1hdENhcmQtYm9yZGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgIzcwNzA3MDtcbn1cblxuLmRhdGF2aWV3IHtcbiAgd2lkdGg6IDI3JTtcbiAgbWFyZ2luLWxlZnQ6IDI1cHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICB3aWR0aDogNTUlO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGNvbG9yOiAjMDA0NTdEO1xuICBmb250LXNpemU6IDEycHg7XG4gIHdpZHRoOiA1MCU7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWNoZWNrZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xufVxuXG4uc2Vydi1kZXNjIHtcbiAgd2lkdGg6IDcwJTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cbi5zZXJ2LWRlc2Mgc21hbGwge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIGZsb2F0OiByaWdodDtcbn1cblxuLmN1czM2MFRkIHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBmb250LWZhbWlseTogcG9wcGlucztcbn0iXX0= */\"","import { Component, OnInit, ViewChild } from \"@angular/core\";\nimport { ToastrService } from \"ngx-toastr\";\nimport { CommonService } from \"../../core/service/common-service/common.service\";\nimport { MatDialog, MatSort, MatPaginator, MatTableDataSource, MatTabChangeEvent} from \"@angular/material\";\nimport { Router } from \"@angular/router\";\nimport { DatePipe } from \"@angular/common\";\nimport { FormControl, Validators, FormGroup } from \"@angular/forms\";\nimport { element } from 'protractor';\nimport { CallParams } from \"src/app/model/call-params.model\";\nimport { DialogService } from \"src/app/dialog.service\";\n\n@Component({\n selector: \"app-soft-customer360\",\n templateUrl: \"./soft-customer360.component.html\",\n styleUrls: [\"./soft-customer360.component.scss\"],\n})\nexport class SoftCustomer360Component implements OnInit {\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n @ViewChild(\"CallLogsPaginator\", { static: false })\n callLogsPaginator: MatPaginator;\n @ViewChild(\"CallLogsSort\", { static: true }) callLogsSort: MatSort;\n @ViewChild(\"RemarksPaginator\", { static: true })\n remarksPaginator: MatPaginator;\n @ViewChild(\"RemarksSort\", { static: true }) remarksSort: MatSort;\n @ViewChild(\"ServiceHistoryPaginator\", { static: true })\n serviceHistoryPaginator: MatPaginator;\n @ViewChild(\"ServiceHistorySort\", { static: true })\n serviceHistorySort: MatSort;\n @ViewChild(\"ContractSort\", { static: true }) contractSort: MatSort;\n @ViewChild(\"ContractPaginator\", { static: true }) contractPaginator: MatPaginator;\n\n cus360: any;\n vehicleDetails: any = {};\n amcDetails: any = {};\n lastServiceDetails: any = {};\n serviceDetails: any = {};\n faultDetails: any = [];\n callVisible: boolean;\n spinner: boolean;\n vinNoList: string[] = [];\n vehicleInfoList: any[] = [];\n vehicleTypeCallInfo: any;\n vehicleServiceAndStausInfo: any;\n dataSource: any;\n selectedNumber: any;\n updatedNumber: any;\n contactInfoOwner: any[] = [];\n contactInfoFleet: any[] = [];\n contactInfoDriver: any[] = [];\n updatedNumberType: string;\n secondaryNo: string;\n unableEdit: any = {};\n unableCall: boolean = false;\n workShops = [];\n selectedWorkShop: string;\n audioSource: any = {};\n selectedVehicle: string;\n HideServiceHistory: boolean = true;\n historyToggleStatus: boolean = false;\n showCallDailog: boolean = false;\n showRecordingDailog: boolean = false;\n showPlayBtn: boolean = true;\n paused: boolean = false;\n ownerSelected: boolean = true;\n fleetSelected: boolean = false;\n driverSelected: boolean = false;\n errorShow: any = {};\n customerID: string;\n userId: string;\n chassisNo: string;\n recentNumber: string;\n bookingCount: any;\n followupCount: any;\n customerData: any;\n custCallSeqResponse: any;\n callTypeSq: any;\n selectedVin: any;\n questionType: any;\n amcQuestions: any = [];\n amcReQuestions: any = [];\n ewQuestions: any = [];\n irQuestions: any = [];\n AMCQuestionForm: FormGroup;\n amcRQuestionForm : FormGroup;\n ewQuestionForm: FormGroup;\n irQuestionForm: FormGroup;\n userRolesId: string;\n submitted: boolean = false;\n amcQuestionInfo = [];\n amcRQuestionInfo = [];\n ewQuestionInfo = [];\n irQuestionInfo = [];\n amcNewOffering: string;\n amcRenewal: string;\n extendedWarranty: string;\n insuranceRenewal: string;\n formSubmitted: boolean = false;\n amctextFlag: boolean = false;\n amcdropdownFlag: boolean = false;\n amcdateFlag: boolean = false;\n amcradioFlag: boolean = false;\n amcRetextFlag: boolean = false;\n amcRedropdownFlag: boolean = false;\n amcRedateFlag: boolean = false;\n amcReradioFlag: boolean = false;\n irtextFlag: boolean = false;\n irdropdownFlag: boolean = false;\n irdateFlag: boolean = false;\n irradioFlag: boolean = false;\n ewtextFlag: boolean = false;\n ewdropdownFlag: boolean = false;\n ewdateFlag: boolean = false;\n ewradioFlag: boolean = false;\n chassis: string;\n showField: boolean = true;\n amcSelectedQuestionStatus: any[] = [];\n amcReSelectedQuestionStatus: any[] = [];\n irSelectedQuestionStatus: any[] = [];\n ewSelectedQuestionStatus: any[] = [];\n amcSelectedQuestionCurrentStatus: any[] = [];\n amcReSelectedQuestionCurrentStatus: any[] = [];\n irSelectedQuestionCurrentStatus: any[] = [];\n ewSelectedQuestionCurrentStatus: any[] = [];\n selectedQuestionValue: any;\n amcInProgress: string = '';\n amcReInProgress: string = '';\n irInProgress: string = '';\n ewInProgress: string = '';\n inProgressQuestionId: string;\n amcAutofilledResponse: any[] = [];\n amcReAutofilledResponse: any[] = [];\n ewAutofilledResponse: any[] = [];\n irAutofilledResponse: any[] = [];\n availableOfferings: any[] = [];\n today: Date = new Date();\n dropdownData: any = {\n \"2\": [\"CONSTRUCTION\", \"CONTAINER\", \"MINING- ORE TRANSPORTATION\", \"REFER VAN\", \"AUTO PARTS\", \"AUTO CARRIER-2 WHEELER & CAR CARRIER\",\n \"POULTRY\", \"LPG CYLINDER\", \"COURIER/PARCEL\", \"PACKERS & MOVERS\", \"CONSTRUCTION MATERIAL\", \"CEMENT\", \"STEEL\", \"FOOD GRAINS\", \"GARMENTS/TEXTILE\",\n \"TANKER\", \"BULKER\", \"RMC\", \"PERISHABLE GOODS/MEDICINES/ MEAT/FISH\", \"MINING- OVERBURDEN\", \"MINING- ORE TRANSPORTATION\", \"LOGISTICS\", \"E-COMMERCE\",\n \"FUEL DISPENSER\", \"WASTE MANAGEMENT\", \"WHITE GOODS\", \"Fire safety\", \"CNG Cascade\",],\n \"6\": [\"LC Smart\", \"LC Smart+\", \"LCC Smart\", \"LCC Smart XL\", \"LCP\", \"LCP Smart\", \"LCP +\"],\n \"7\": [\"CONSTRUCTION\", \"CONTAINER\", \"MINING- ORE TRANSPORTATION\", \"REFER VAN\", \"AUTO PARTS\", \"AUTO CARRIER-2 WHEELER & CAR CARRIER\",\n \"POULTRY\", \"LPG CYLINDER\", \"COURIER/PARCEL\", \"PACKERS & MOVERS\", \"CONSTRUCTION MATERIAL\", \"CEMENT\", \"STEEL\", \"FOOD GRAINS\", \"GARMENTS/TEXTILE\",\n \"TANKER\", \"BULKER\", \"RMC\", \"PERISHABLE GOODS/MEDICINES/ MEAT/FISH\", \"MINING- OVERBURDEN\", \"MINING- ORE TRANSPORTATION\", \"LOGISTICS\", \"E-COMMERCE\",\n \"FUEL DISPENSER\", \"WASTE MANAGEMENT\", \"WHITE GOODS\", \"Fire safety\", \"CNG Cascade\",],\n \"35\": [\"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"10\"],\n \"11\": [\"Monthly\", \"Quarterly\", \"Half Yearly\", \"Yearly\", \"One-time\"],\n \"12\": [\"Cheques\", \"NEFT\", \"Online Payment\"],\n \"14\": [\"Lead Status\", \"Current lead status\"],\n \"14-1\": [\"Hot\", \"Warm\", \"Cold\"],\n \"14-2\": [\"In process\", \"Loss\", \"Deal Closed\"],\n \"14-2-1\": [\"Requirement gathering\", \"price negotiation\", \"Quotation given\"],\n \"33\": [\"Cheques\", \"NEFT\", \"Online Payment\"],\n \"36\": [\"Lead Status\", \"Current lead status\"],\n \"36-1\": [\"Hot\", \"Warm\", \"Cold\"],\n \"36-2\": [\"In process\", \"Loss\", \"Deal Closed\"],\n \"36-2-1\": [\"Requirement gathering\", \"price negotiation\", \"Quotation given\"],\n \"26\": [\"Cheques\", \"NEFT\", \"Online Payment\"],\n \"37\": [\"Lead Status\", \"Current lead status\"],\n \"37-1\": [\"Hot\", \"Warm\", \"Cold\"],\n \"37-2\": [\"In process\", \"Loss\", \"Deal Closed\"],\n \"37-2-1\": [\"Requirement gathering\", \"price negotiation\", \"Quotation given\"]\n }\n\n //service history table columns\n displayedColumns: string[] = [\n \"jcNo\",\n \"servNo\",\n \"dealerLoc\",\n \"jbcardDate\",\n \"mileage\",\n \"failureDate\",\n \"billDate\",\n \"insdate\",\n \"mechanic\",\n \"serviceAdv\",\n \"serviceAdvNo\",\n ];\n\n //call log table columns\n displayedCallColumns: string[] = [\n \"number\",\n \"callDate\",\n \"startTime\",\n \"duration\",\n \"recording\",\n ];\n\n //call log table columns\n displayedContractColumns: string[] = [\n \"startDate\",\n \"endDate\",\n \"contractName\",\n \"contractNumber\",\n \"productName\",\n ];\n\n //call log table columns\n displayedRemarksColumns: string[] = [\"remark\", \"remarkDate\", \"remarkTime\"];\n\n displayedFaultColumns: string[] = [\n \"faultCaseId\",\n \"rulesDesc\",\n \"faultListDate\",\n \"faultFertCode\",\n \"faultServiceDueDate\",\n \"faultBookingDate\",\n ];\n\n dataSource1: any[];\n expandedElement: any[] = [];\n rows: any = [];\n\n callLists: any;\n callCount: number = 0;\n contractCount: number = 0;\n contractList: any;\n remarksDetails: any;\n historyDetails: any;\n remarksCount: number = 0;\n historyCount: number = 0;\n private audio: HTMLMediaElement;\n\n selectedTab: any;\n cdmTrailCheckOwner:boolean=false;\n cdmTrailCheckfleet:boolean=false;\n cdmTrailCheckdriver:boolean=false;\n secondTrailCall:boolean=false;\n calledNo: string;\n cusType: string;\n customerName: any;\n custNameForSave: any;\n\n constructor(\n private dialogService: DialogService,\n private datePipe: DatePipe,\n public dialog: MatDialog,\n private commonService: CommonService,\n private toastr: ToastrService,\n private router: Router\n ) {\n this.unableEdit[\"O\"] = {};\n this.unableEdit[\"F\"] = {};\n this.unableEdit[\"D\"] = {};\n }\n\n ngOnInit() {\n this.callVisible = true;\n this.chassisNo = localStorage.getItem(\"chassisNo\");\n this.userId = localStorage.getItem(\"userId\");\n this.customerID = localStorage.getItem(\"customerId\");\n this.workShops = JSON.parse(localStorage.getItem(\"workshops\"));\n this.customerData = JSON.parse(localStorage.getItem(\"customerData\")) || {};\n this.userRolesId = JSON.parse(localStorage.getItem(\"userInfo\"))[0].roleId;\n this.userInfo = JSON.parse(localStorage.getItem(\"userInfo\"))[0];\n this.selectedWorkShop =\n this.workShops && this.workShops.length\n ? this.workShops[0].workshopCode\n : \"\";\n this.callTypeSq = this.customerData.callTypeSq;\n\n if (localStorage.getItem(\"userId\") == null || localStorage.getItem(\"userId\") == undefined) {\n this.router.navigate([\"login\"]);\n }\n\n this.getCustomer360();\n this.getCallDetails();\n this.getContactdetail();\n //this.getAmcFetchQuestions();\n \n \n }\n\n /**\n * Name: getCallRecording\n * purpose: To get call recording and play\n */\n recordingUrl:string = ''\n getCallRecording(bucketName: string, fileName: string, id: string, source: string ,element:any): void {\nconsole.log(element);\n\n this.spinner = true;\n this.onRecordingClose();\n \n if (element.recordingUrl) {\n this.recordingUrl = element.recordingUrl;\n }else{\n this.recordingUrl = '';\n }\n \n this.commonService.downloadAudio(bucketName, fileName, source).subscribe(\n (res) => {\n this.spinner = false;\n var binary = res[\"body\"];\n var blob = new Blob([binary], { type: \"audio/mp4\" });\n this.audioSource.id = id;\n this.audioSource.url = URL.createObjectURL(blob);\n if (this.audioSource.url) {\n this.playRecording();\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n }\n );\n }\n /**\n * Name: playRecording\n * purpose: To play recoding\n */\n playRecording(): void {\n this.showPlayBtn = false;\n this.showRecordingDailog = true;\n }\n\n /**\n * Name: onRecordingClose\n * purpose: To close Recording dailog\n */\n onRecordingClose() {\n this.showPlayBtn = true;\n this.showRecordingDailog = false;\n }\n\n /**\n * Name: getContactdetail\n * purpose: To get customer Contact detail\n */\n getContactdetail(): void {\n this.spinner = true;\n this.commonService.amcContactdetail(this.customerID).subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.contactInfoOwner = res[\"responseData\"].filter(\n (contact) => contact.flag == \"O\"\n );\n this.contactInfoFleet = res[\"responseData\"].filter(\n (contact) => contact.flag == \"F\"\n );\n this.contactInfoDriver = res[\"responseData\"].filter(\n (contact) => contact.flag == \"D\"\n );\n this.selectedNumber = this.contactInfoOwner[0].contactNo;\n this.unableEdit[\"O\"][0] = true;\n this.unableEdit[\"O\"][1] = false;\n this.unableEdit[\"D\"][0] = true;\n this.unableEdit[\"D\"][1] = false;\n this.updatedNumberType = \"Primary\";\n this.unableCall = true;\n this.spinner = false;\n } else {\n this.spinner = false;\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n },\n ()=>{\n this.updateActiveContactNo();\n }\n );\n }\n\n getCdmData(){\n let temp:any;\n this.selectedTab=this.selectedTab?this.selectedTab:0;\n\n let ab={id: 2, name: \"SHAH SAMIRKUMAR KANAIYALAL\", contactNo: \"111111111\", regNumber: null, flag: \"O\"}\n // this.contactInfoOwner.push(ab);\n let data={\n \"customerId\": this.customerID,\n \"vin\": \"\",\n \"phoneNo\": \"\",\n \"startDate\": \"\",\n \"endDate\": \"\",\n \"date\": \"\",\n \"customerName\": \"\",\n \"type\": \"T\",\n \"flag\":this.selectedTab==0?'C':this.selectedTab==1?'F':this.selectedTab==2?'D':'C'\n };\n this.commonService.fetchCdmData(data).subscribe((resp)=>{\n if(resp['responseCode']==0){\n temp=resp[\"responseData\"].filter(contact => contact.contactNo = contact.phoneNo);\n temp.forEach((trail)=>{\n if(this.selectedTab==0){\n this.contactInfoOwner.push(trail)\n this.cdmTrailCheckOwner=true\n }else if(this.selectedTab==1){\n this.contactInfoFleet.push(trail)\n this.cdmTrailCheckfleet=true\n }else if(this.selectedTab==2){\n this.contactInfoDriver.push(trail)\n this.cdmTrailCheckdriver=true\n }\n })\n this.trailLogCheck();\n }else{\n this.toastr.error(resp['message'], \"Error\");\n }\n\n }, error => {\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n // this.contactInfoOwner.push(temp[0]);\n\n }\n\n trailLogCheck(){\n if(this.selectedTab==0){\n this.secondTrailCall=this.cdmTrailCheckOwner\n // return this.cdmTrailCheckOwner\n }else if (this.selectedTab==1){\n this.secondTrailCall=this.cdmTrailCheckfleet\n // return this.cdmTrailCheckfleet\n }else if(this.selectedTab==2){\n this.secondTrailCall=this.cdmTrailCheckdriver\n // return this.cdmTrailCheckdriver\n }else{\n this.secondTrailCall=false\n }\n }\n\n /**\n * Name: checkCallStatus\n * purpose: To set contect type selection\n * @param {any} type - type of number\n */\n checkCallStatus(type: any): void {\n this.onTabChange(type);\n this.selectedTab=type && type.index;\n if (type && type.index == 0) {\n this.ownerSelected = true;\n this.fleetSelected = false;\n this.driverSelected = false;\n if (this.contactInfoOwner.length) {\n this.unableCall = true;\n this.contactInfoOwner.forEach((element, i) => {\n if (this.unableEdit[\"O\"][i] != undefined && this.unableEdit[\"O\"][i]) {\n this.selectedNumber = element.contactNo;\n }\n });\n } else {\n this.unableCall = false;\n }\n }\n\n if (type && type.index == 1) {\n this.ownerSelected = false;\n this.fleetSelected = true;\n this.driverSelected = false;\n if (this.contactInfoFleet.length) {\n this.unableCall = true;\n let numberSelected = false;\n this.contactInfoFleet.forEach((element, i) => {\n if (this.unableEdit[\"F\"][i] != undefined && this.unableEdit[\"F\"][i]) {\n this.selectedNumber = element.contactNo;\n numberSelected = true;\n }\n });\n if (!numberSelected) {\n this.selectedNumber = this.contactInfoFleet[0].contactNo;\n this.unableEdit[\"F\"][0] = true;\n }\n } else {\n this.unableCall = false;\n }\n }\n\n if (type && type.index == 2) {\n this.ownerSelected = false;\n this.fleetSelected = false;\n this.driverSelected = true;\n if (this.contactInfoDriver.length) {\n this.unableCall = true;\n let numberSelected = false;\n this.contactInfoDriver.forEach((element, i) => {\n if (this.unableEdit[\"D\"][i] != undefined && this.unableEdit[\"D\"][i]) {\n this.selectedNumber = element.contactNo;\n numberSelected = true;\n }\n });\n if (!numberSelected) {\n this.selectedNumber = this.contactInfoDriver[0].contactNo;\n this.unableEdit[\"D\"][0] = true;\n }\n } else {\n this.unableCall = false;\n }\n\n }\n this.trailLogCheck();\n }\n\n getCustomerName(type) {\n if(type=='C'){\n this.contactInfoOwner.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n // return this.custNameForSave\n }\n });\n }else if(type=='F'){\n this.contactInfoFleet.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n // return this.custNameForSave\n }\n });\n }\n else if(type=='D'){\n this.contactInfoDriver.forEach((element)=>{\n if(element.contactNo==this.selectedNumber){\n this.custNameForSave=element.name\n // return this.custNameForSave\n }\n });\n }\n else{\n this.custNameForSave= this.cus360[\"CUSTOMER_INFO\"].custName\n // return this.cus360[\"CUSTOMER_INFO\"].custName\n }\n }\n\n /**\n * Name: callUser\n * purpose: To call user\n */\n private callUser(): void {\n this.showRecordingDailog = false;\n this.spinner = true;\n let callNumber = \"+91\" + this.selectedNumber;\n let type = this.ownerSelected ? \"C\" : this.fleetSelected ? \"F\" : \"D\";\n this.calledNo=this.selectedNumber;\n this.cusType=type;\n this.getCustomerName(this.cusType);\n this.customerName=this.custNameForSave\n \n this.commonService.callCustomer(this.userId, this.customerID, callNumber, type, '').subscribe((res) => {\n if (res[\"responseCode\"] == 0) {\n this.showCallDailog = true;\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },(err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n \n if (localStorage.getItem('countryCode')=='IND91') {\n this.callingToUser();\n }else{\n localStorage.setItem(\"exotel_URI\",'')\n }\n \n }\n\n /**\n * Name: onClose\n * purpose: To close call dailog\n */\n onClose() {\n this.showCallDailog = false;\n this.getContactdetail();\n }\n\n /**\n * Name: updateNumber\n * @param {boolean} addNumber - type of number\n * purpose: To set customer number\n */\n updateNumber(addNumber: boolean): void {\n if (\n (this.updatedNumber && this.updatedNumber.length == 10) ||\n (addNumber && this.secondaryNo && this.secondaryNo.length == 10)\n ) {\n this.spinner = true;\n let oldNumber = this.selectedNumber;\n let newNumber = this.updatedNumber;\n if (addNumber) {\n oldNumber = this.secondaryNo;\n newNumber = this.secondaryNo;\n this.updatedNumberType = \"Secondary\";\n }\n this.commonService\n .amcUpdateNumber(\n newNumber,\n oldNumber,\n this.updatedNumberType,\n this.customerID,\n this.userId\n )\n .subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n this.selectedNumber = this.updatedNumber;\n this.toastr.success(\"New number is saved.\", \"Success\");\n this.getContactdetail();\n } else {\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\n \"Something went wrong, Please try again.\",\n \"Error\"\n );\n }\n );\n }\n }\n\n /**\n * Name: onNumberChange\n * purpose: To get new selected number\n */\n onNumberChange(\n number: any,\n editNumber: boolean,\n index: any,\n type: string\n ): void {\n \n if (type == \"D\" && editNumber && number.currentTarget.value.length == 10) {\n this.updatedNumber = number.currentTarget.value;\n this.updatedNumberType = \"D\";\n this.errorShow[index] = false;\n } else if (editNumber && number.currentTarget.value.length == 10) {\n this.updatedNumber = number.currentTarget.value;\n this.updatedNumberType = index == 0 ? \"Y\" : \"N\";\n this.errorShow[index] = false;\n } else if (editNumber && number.currentTarget.value.length !== 10) {\n this.errorShow[index] = true;\n } else {\n this.selectedNumber = number.value;\n this.updatedNumber = number.value;\n this.updatedNumberType = index == 0 ? \"Y\" : \"N\";\n if (type == \"O\") {\n this.contactInfoOwner.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n } else if (type == \"F\") {\n this.contactInfoFleet.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n } else if (type == \"D\") {\n this.contactInfoDriver.forEach((element, i) => {\n if (i == index) {\n this.unableEdit[type][i] = true;\n } else {\n this.unableEdit[type][i] = false;\n }\n });\n }\n }\n }\n\n /**\n * Name: sendWorkshopMsg\n * purpose: To send workshop addess SMS\n */\n sendWorkshopMsg(): void {\n this.spinner = true;\n let data = {\n contactNo: this.selectedNumber,\n custName: this.cus360[\"CUSTOMER_INFO\"].custName,\n };\n this.workShops.forEach((workshop) => {\n if (workshop.workshopCode == this.selectedWorkShop) {\n data[\"wSAddress\"] = workshop.workshopAddress || \"\";\n data[\"wSManager\"] = workshop.contactNo || \"\";\n data[\"wSName\"] = workshop.workshopName || \"\";\n }\n });\n this.commonService.sendLocationSMS(data).subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n }\n );\n }\n\n /**\n * Name: getCustomer360\n * purpose: To get customer data\n */\n getCustomer360(): void {\n this.spinner = true;\n //let dealerCode = this.customerData.dealerCode || \"\";\n let callTypeSeq = this.customerData.callTypeSq || \"\";\n\n this.commonService.getamccustomerdata(this.userId, this.customerID, this.selectedWorkShop, callTypeSeq, this.userRolesId).subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.cus360 = res[\"responseData\"];\n if (\n this.cus360[\"VECHILE_INFO\"] &&\n this.cus360[\"VECHILE_INFO\"].length &&\n this.cus360[\"VECHILE_INFO\"][0].vin6Bits\n ) {\n //this.selectedVehicle = this.cus360[\"VECHILE_INFO\"][0].chassisNo;\n this.selectedVehicle = this.cus360[\"VECHILE_INFO\"][0].vin6Bits;\n this.cus360[\"VECHILE_INFO\"].forEach((element) => {\n this.vinNoList.push(element.chassisNo);\n this.vehicleInfoList.push(element);\n });\n this.subTabDefault(this.selectedVehicle);\n } else {\n this.vehicleDetails = {};\n }\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n }\n );\n }\n\n /**\n * Name: getHistory\n * purpose: To get service history\n */\n getHistory(showHistory: boolean): void {\n if (showHistory) {\n this.spinner = true;\n this.commonService.history(this.selectedVin).subscribe(\n res => {\n if (res[\"responseCode\"] == 0) {\n this.HideServiceHistory = false;\n this.dataSource1 = res[\"responseData\"];\n this.historyDetails= new MatTableDataSource(this.dataSource1);\n this.sort.direction = '';\n this.historyDetails.sort = this.serviceHistorySort;\n this.historyDetails.paginator = this.serviceHistoryPaginator;\n this.historyCount = this.dataSource1.length;\n this.spinner = false;\n } else {\n this.toastr.info(res[\"message\"]);\n this.historyDetails = [];\n this.spinner = false;\n this.historyToggleStatus = false;\n }\n }, err => {\n this.spinner = false;\n this.historyToggleStatus = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n } else {\n this.HideServiceHistory = true;\n }\n }\n\n /**\n * Name: getCallList\n * purpose: To get customer call data\n */\n getCallDetails(): void {\n this.spinner = true;\n this.commonService.callDetails(this.userId, this.customerID,'AMC').subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n \n this.callLists = new MatTableDataSource(res[\"responseData\"]);\n this.recentNumber =\n res[\"responseData\"].length && res[\"responseData\"][0].custNo\n ? res[\"responseData\"][0].custNo.split(\"+91\")[1]\n : \"\";\n this.sort.direction = \"\";\n this.callLists.sort = this.callLogsSort;\n this.callLists.paginator = this.callLogsPaginator;\n this.callCount = res[\"responseData\"].length;\n } else {\n this.spinner = false;\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n }\n );\n }\n\n /**\n * Name: subTabDefault\n * purpose: To set vehicle details as selected\n */\n subTabDefault(selectedVehicle: string): void {\n this.vehicleDetails = this.cus360[\"VECHILE_INFO\"].filter((vehicle) => vehicle.vin6Bits == selectedVehicle)[0];\n this.selectedVin = this.vehicleDetails.chassisNo;\n this.fetchCustCallSeq(this.vehicleDetails.chassisNo);\n\n //set the vehicle call Info\n if (this.cus360[\"SERVICE_INFO\"] && Object.keys(this.cus360[\"SERVICE_INFO\"]).length && this.cus360[\"SERVICE_INFO\"][selectedVehicle]) {\n this.serviceDetails = this.cus360[\"SERVICE_INFO\"][selectedVehicle];\n\n localStorage.setItem(\"serviceInfo\",JSON.stringify(this.cus360[\"SERVICE_INFO\"]));\n\n //set the vehicle call Info\n this.vehicleServiceAndStausInfo = this.serviceDetails.campaignId ? this.serviceDetails.serviceType : this.serviceDetails.serviceType + \", \" + this.serviceDetails.callStatus;\n this.vehicleTypeCallInfo = this.serviceDetails.callType;\n } else {\n this.serviceDetails = {};\n }\n\n if (this.cus360[\"LAST_SERVICE_INFO\"] && Object.keys(this.cus360[\"LAST_SERVICE_INFO\"]).length && this.cus360[\"LAST_SERVICE_INFO\"][selectedVehicle]) {\n this.lastServiceDetails = this.cus360[\"LAST_SERVICE_INFO\"][selectedVehicle];\n localStorage.setItem(\"milage\", this.lastServiceDetails.milage);\n this.lastServiceDetails.invoiceDate = this.datePipe.transform(\n this.lastServiceDetails.invoiceDate,\n \"yyyy-MM-dd\"\n );\n } else {\n this.lastServiceDetails = {};\n }\n\n if (this.cus360[\"Remark_Info\"] && Object.keys(this.cus360[\"Remark_Info\"]).length && this.cus360[\"Remark_Info\"][selectedVehicle]) {\n let remarks = this.cus360[\"Remark_Info\"][selectedVehicle];\n // remarks.forEach(element => {\n // let date = element.remarkTime;\n // let d = new Date(date);\n // element.remarkTime = d;\n // element.remarkDate = this.datePipe.transform(element.remarkDate, \"yyyy-MM-dd\");\n // });\n this.remarksDetails = new MatTableDataSource(remarks);\n this.sort.direction = '';\n this.remarksDetails.sort = this.remarksSort;\n this.remarksDetails.paginator = this.remarksPaginator;\n this.remarksCount = remarks.length;\n } else {\n this.remarksDetails = [];\n }\n\n if (this.cus360[\"CONTRACT_DETAIL\"] && Object.keys(this.cus360[\"CONTRACT_DETAIL\"]).length && this.cus360[\"CONTRACT_DETAIL\"][selectedVehicle]) {\n let contracts = this.cus360[\"CONTRACT_DETAIL\"][selectedVehicle];\n this.contractList = new MatTableDataSource(contracts);\n this.sort.direction = \"\";\n this.contractList.sort = this.contractSort;\n this.contractList.paginator = this.contractPaginator;\n this.contractCount = contracts.length;\n } else {\n this.contractList = [];\n }\n }\n\n /**\n * Name: fetchCustCallSeq\n * purpose: To get customer call data\n */\n fetchCustCallSeq(vin : string): void {\n this.spinner = true;\n this.commonService.fetchCustCallSeq(this.customerID, vin, this.userRolesId, this.userId).subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n this.custCallSeqResponse = res[\"responseData\"];\n this.amcNewOffering = this.custCallSeqResponse.amcNewOffering;\n this.amcRenewal = this.custCallSeqResponse.amcRenewal;\n this.extendedWarranty = this.custCallSeqResponse.extendedWarranty;\n this.insuranceRenewal = this.custCallSeqResponse.insuranceRenewal;\n this.availableOfferings = this.custCallSeqResponse.availableOfferings;\n this.amcAutofilledResponse = this.custCallSeqResponse.amcAutofillQuestion;\n this.amcReAutofilledResponse = this.custCallSeqResponse.amcReAutofillQuestion;\n this.ewAutofilledResponse = this.custCallSeqResponse.ewAutofillQuestion;\n this.irAutofilledResponse = this.custCallSeqResponse.irAutofillQuestion;\n if(this.amcNewOffering == \"YES\"){\n this.getAmcFetchQuestions(\"1\")\n }\n if(this.amcRenewal == \"YES\"){\n this.getAmcFetchQuestions(\"2\")\n }\n if(this.extendedWarranty == \"YES\"){\n this.getAmcFetchQuestions(\"4\")\n }\n if(this.insuranceRenewal == \"YES\"){\n this.getAmcFetchQuestions(\"3\")\n }\n } else {\n this.spinner = false;\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n }\n );\n }\n\n /**\n * Name: getAutoFilledQuestions\n * purpose: To get Auto Filled Questions\n */\n getAutoFilledQuestions(category: string, vin: string): void {\n this.spinner = true;\n this.commonService.getAutoFilledQuestions(this.customerID, category, this.userId, vin).subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n if(category == \"1\") {\n this.amcAutofilledResponse = res[\"responseData\"];\n }\n if(category == \"2\") {\n this.amcReAutofilledResponse = res[\"responseData\"];\n }\n if(category == \"3\") {\n this.irAutofilledResponse = res[\"responseData\"];\n }\n if(category == \"4\") {\n this.ewAutofilledResponse = res[\"responseData\"];\n }\n } else {\n this.spinner = false;\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n }\n );\n }\n\n /**\n * Name: getAmcFetchQuestions\n * purpose: To get Amc Questions\n */\n getAmcFetchQuestions(val : string): void {\n this.spinner = true;\n this.commonService.getAmcFetchQuestions(this.userId, val, this.userRolesId).subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n let groups = [];\n if(val == \"1\") {\n this.amcQuestions = [];\n this.amcQuestionInfo = [];\n res[\"responseData\"].forEach((element) => {\n let questionGroup = [];\n let groupexist = groups.filter(\n (group) => group == element.parentId\n );\n if (Number(element.parentId) > 0 && groupexist.length == 0) {\n questionGroup = res[\"responseData\"].filter(\n (question) => question.parentId == element.parentId\n );\n this.amcQuestions.push(questionGroup);\n groups.push(element.parentId);\n } else if (groupexist.length == 0) {\n this.amcQuestions.push(element);\n }\n });\n this.createAmcQuestionForm(this.amcQuestions);\n }\n if(val == \"2\") {\n this.amcReQuestions = [];\n this.amcRQuestionInfo = [];\n res[\"responseData\"].forEach((element) => {\n let questionGroup = [];\n let groupexist = groups.filter(\n (group) => group == element.parentId\n );\n if (Number(element.parentId) > 0 && groupexist.length == 0) {\n questionGroup = res[\"responseData\"].filter(\n (question) => question.parentId == element.parentId\n );\n this.amcReQuestions.push(questionGroup);\n groups.push(element.parentId);\n } else if (groupexist.length == 0) {\n this.amcReQuestions.push(element);\n }\n });\n this.createAMCRQuestionForm(this.amcReQuestions);\n }\n if(val == \"4\") {\n this.ewQuestions = [];\n this.ewQuestionInfo = [];\n res[\"responseData\"].forEach((element) => {\n let questionGroup = [];\n let groupexist = groups.filter(\n (group) => group == element.parentId\n );\n if (Number(element.parentId) > 0 && groupexist.length == 0) {\n questionGroup = res[\"responseData\"].filter(\n (question) => question.parentId == element.parentId\n );\n this.ewQuestions.push(questionGroup);\n groups.push(element.parentId);\n } else if (groupexist.length == 0) {\n this.ewQuestions.push(element);\n }\n });\n this.createEWQuestionForm(this.ewQuestions);\n }\n if(val == \"3\") {\n this.irQuestions = [];\n this.irQuestionInfo = [];\n res[\"responseData\"].forEach((element) => {\n let questionGroup = [];\n let groupexist = groups.filter(\n (group) => group == element.parentId\n );\n if (Number(element.parentId) > 0 && groupexist.length == 0) {\n questionGroup = res[\"responseData\"].filter(\n (question) => question.parentId == element.parentId\n );\n this.irQuestions.push(questionGroup);\n groups.push(element.parentId);\n } else if (groupexist.length == 0) {\n this.irQuestions.push(element);\n }\n });\n this.createIRQuestionForm(this.irQuestions);\n }\n //this.createQuestionForm(this.questions);\n this.spinner = false;\n } else {\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (err) => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n }\n );\n }\n\n /**\n * Name: createQuestionForm\n * purpose: To create question form\n */\n createAmcQuestionForm(data: any) {\n this.submitted = false;\n const formDataObj = {};\n let questionIdAdded = [];\n for (const prop of data) {\n let response = '';\n let remark = '';\n this.amcAutofilledResponse.forEach((element) => {\n if(element.questionDesc == prop.questionDesc) {\n response = element.questionResponse;\n remark = element.remarks;\n }\n })\n if (!prop.length) {\n this.showField = true;\n if(prop.questionDesc == 'In process' || prop.questionDesc == 'Loss'\n || prop.questionDesc == 'Deal Closed') {\n this.showField = false;\n }\n let questionExist;\n if (prop.radioButtonType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"radio\"] = new FormControl(response);\n this.amcQuestionInfo.push({\n label: prop.questionId + \"radio\",\n type: \"RadioButton\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n parentId: prop.parentId,\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.dropdownType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"dropdown\"] = new FormControl(response);\n this.amcQuestionInfo.push({\n label: prop.questionId + \"dropdown\",\n type: \"Dropdown\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: true,\n parentId: prop.parentId,\n data: this.dropdownData[prop.questionId],\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.remarksType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"text\"] = new FormControl(remark);\n this.amcQuestionInfo.push({\n label: prop.questionId + \"text\",\n type: \"Text\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n parentId: prop.parentId,\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.dateType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"date\"] = new FormControl(response);\n this.amcQuestionInfo.push({\n label: prop.questionId + \"date\",\n type: \"Date\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n parentId: prop.parentId,\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.questionId == \"14\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"dropdown\"] = new FormControl(response);\n this.amcQuestionInfo.push({\n label: prop.questionId + \"dropdown\",\n type: \"Dropdown\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: true,\n parentId: prop.parentId,\n data: this.dropdownData[prop.questionId],\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n }\n }\n this.AMCQuestionForm = new FormGroup(formDataObj);\n }\n\n /**\n * Name: createQuestionForm\n * purpose: To create question form\n */\n createAMCRQuestionForm(data: any) {\n this.submitted = false;\n const formDataObj = {};\n let questionIdAdded = [];\n for (const prop of data) {\n let response = '';\n let remark = '';\n this.amcReAutofilledResponse.forEach((element) => {\n if(element.questionDesc == prop.questionDesc) {\n response = element.questionResponse;\n remark = element.remarks;\n }\n })\n if (!prop.length) {\n this.showField = true;\n if(prop.questionDesc == 'In process' || prop.questionDesc == 'Loss'\n || prop.questionDesc == 'Deal Closed') {\n this.showField = false;\n }\n let questionExist;\n if (prop.radioButtonType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"radio\"] = new FormControl(response);\n this.amcRQuestionInfo.push({\n label: prop.questionId + \"radio\",\n type: \"RadioButton\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.dropdownType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"dropdown\"] = new FormControl(response);\n this.amcRQuestionInfo.push({\n label: prop.questionId + \"dropdown\",\n type: \"Dropdown\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: true,\n parentId: prop.parentId,\n data: this.dropdownData[prop.questionId],\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.remarksType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"text\"] = new FormControl(remark);\n this.amcRQuestionInfo.push({\n label: prop.questionId + \"text\",\n type: \"Text\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.dateType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"date\"] = new FormControl(response);\n this.amcRQuestionInfo.push({\n label: prop.questionId + \"date\",\n type: \"Date\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.questionId == \"14\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"dropdown\"] = new FormControl(response);\n this.amcRQuestionInfo.push({\n label: prop.questionId + \"dropdown\",\n type: \"Dropdown\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: true,\n parentId: prop.parentId,\n data: this.dropdownData[prop.questionId],\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n }\n }\n this.amcRQuestionForm = new FormGroup(formDataObj);\n }\n\n /**\n * Name: createQuestionForm\n * purpose: To create question form\n */\n createEWQuestionForm(data: any) {\n this.submitted = false;\n const formDataObj = {};\n let questionIdAdded = [];\n for (const prop of data) {\n let response = '';\n let remark = '';\n this.ewAutofilledResponse.forEach((element) => {\n if(element.questionDesc == prop.questionDesc) {\n response = element.questionResponse;\n remark = element.remarks;\n }\n })\n if (!prop.length) {\n this.showField = true;\n if(prop.questionDesc == 'In process' || prop.questionDesc == 'Loss'\n || prop.questionDesc == 'Deal Closed') {\n this.showField = false;\n }\n let questionExist;\n if (prop.radioButtonType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"radio\"] = new FormControl(response);\n this.ewQuestionInfo.push({\n label: prop.questionId + \"radio\",\n type: \"RadioButton\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.dropdownType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"dropdown\"] = new FormControl(response);\n this.ewQuestionInfo.push({\n label: prop.questionId + \"dropdown\",\n type: \"Dropdown\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: true,\n parentId: prop.parentId,\n data: this.dropdownData[prop.questionId],\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.remarksType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"text\"] = new FormControl(remark);\n this.ewQuestionInfo.push({\n label: prop.questionId + \"text\",\n type: \"Text\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.dateType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"date\"] = new FormControl(response);\n this.ewQuestionInfo.push({\n label: prop.questionId + \"date\",\n type: \"Date\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.questionId == \"37\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"dropdown\"] = new FormControl(response);\n this.ewQuestionInfo.push({\n label: prop.questionId + \"dropdown\",\n type: \"Dropdown\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: true,\n parentId: prop.parentId,\n data: this.dropdownData[prop.questionId],\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n }\n }\n this.ewQuestionForm = new FormGroup(formDataObj);\n }\n\n /**\n * Name: createQuestionForm\n * purpose: To create question form\n */\n createIRQuestionForm(data: any) {\n this.submitted = false;\n const formDataObj = {};\n let questionIdAdded = [];\n for (const prop of data) {\n let response = '';\n let remark = '';\n this.irAutofilledResponse.forEach((element) => {\n if(element.questionDesc == prop.questionDesc) {\n response = element.questionResponse;\n remark = element.remarks;\n }\n })\n if (!prop.length) {\n this.showField = true;\n if(prop.questionDesc == 'In process' || prop.questionDesc == 'Loss'\n || prop.questionDesc == 'Deal Closed') {\n this.showField = false;\n }\n let questionExist;\n if (prop.radioButtonType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"radio\"] = new FormControl(response);\n this.irQuestionInfo.push({\n label: prop.questionId + \"radio\",\n type: \"RadioButton\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.dropdownType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"dropdown\"] = new FormControl(response);\n this.irQuestionInfo.push({\n label: prop.questionId + \"dropdown\",\n type: \"Dropdown\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: true,\n parentId: prop.parentId,\n data: this.dropdownData[prop.questionId],\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.remarksType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"text\"] = new FormControl(remark);\n this.irQuestionInfo.push({\n label: prop.questionId + \"text\",\n type: \"Text\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.dateType == \"Yes\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"date\"] = new FormControl(response);\n this.irQuestionInfo.push({\n label: prop.questionId + \"date\",\n type: \"Date\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: false,\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n\n if (prop.questionId == \"37\") {\n questionExist = questionIdAdded.filter(\n (group) => group == prop.questionId\n );\n formDataObj[prop.questionId + \"dropdown\"] = new FormControl(response);\n this.irQuestionInfo.push({\n label: prop.questionId + \"dropdown\",\n type: \"Dropdown\",\n desc: prop.questionDesc,\n id: prop.questionSequence,\n questionId: prop.questionId,\n showDesc: questionExist.length ? false : true,\n subQuestion: true,\n parentId: prop.parentId,\n data: this.dropdownData[prop.questionId],\n showField: this.showField\n });\n questionIdAdded.push(prop.questionId);\n }\n }\n }\n this.irQuestionForm = new FormGroup(formDataObj);\n }\n\n checkQuestionValidation(): boolean {\n let valid = true;\n if (this.AMCQuestionForm !== undefined) {\n this.amcradioFlag = false;\n this.amctextFlag = false;\n this.amcdropdownFlag = false;\n if(this.userRolesId == \"1\") {\n if(this.AMCQuestionForm.value[\"1radio\"] == \"\") {\n valid = false;\n this.amcradioFlag = true;\n } else if(this.AMCQuestionForm.value[\"1radio\"] == \"Yes\") {\n if(this.AMCQuestionForm.value[\"2dropdown\"] == \"\") {\n this.amcdropdownFlag = true;\n valid = false;\n }\n if(this.AMCQuestionForm.value[\"3text\"] == \"\") {\n this.amctextFlag = true;\n valid = false;\n }\n if(this.AMCQuestionForm.value[\"4radio\"] == \"\"){\n this.amcradioFlag = true;\n } else if( this.AMCQuestionForm.value[\"4radio\"] == \"Yes\") {\n if(this.AMCQuestionForm.value[\"4text\"] == \"\"){\n this.amctextFlag = true;\n valid = false;\n }\n } else {\n this.amctextFlag = false;\n }\n }\n } else if(this.userRolesId == \"2\") {\n if (this.AMCQuestionForm.value[\"6dropdown\"] == \"\" || this.AMCQuestionForm.value[\"7dropdown\"] == \"\"\n || this.AMCQuestionForm.value[\"35dropdown\"] == \"\" || this.AMCQuestionForm.value[\"11dropdown\"] == \"\"\n || this.AMCQuestionForm.value[\"12dropdown\"] == \"\" || this.AMCQuestionForm.value[\"14-1dropdown\"] == \"\") {\n this.amcdropdownFlag = true;\n valid = false;\n }\n if(this.AMCQuestionForm.value[\"14-2dropdown\"] == \"\") {\n this.amcdropdownFlag = true;\n valid = false;\n } else if(this.AMCQuestionForm.value[\"14-2dropdown\"] == \"In progress\") {\n if(this.AMCQuestionForm.value[\"14-2-1dropdown\"] == \"\") {\n this.amcdropdownFlag = true;\n valid = false;\n }\n } else if(this.AMCQuestionForm.value[\"14-2dropdown\"] == \"Loss\") {\n if(this.AMCQuestionForm.value[\"14-2-2text\"] == \"\") {\n this.amctextFlag = true;\n valid = false;\n }\n } else if(this.AMCQuestionForm.value[\"14-2dropdown\"] == \"Deal Closed\") {\n if(this.AMCQuestionForm.value[\"14-2-3text\"] == \"\") {\n this.amctextFlag = true;\n valid = false;\n }\n }\n if (this.AMCQuestionForm.value[\"8text\"] == \"\") {\n this.amctextFlag = true;\n valid = false;\n }\n if (this.AMCQuestionForm.value[\"9radio\"] == \"\") {\n this.amcradioFlag = true;\n valid = false;\n } else if (this.AMCQuestionForm.value[\"9radio\"] == \"Yes\") {\n if(this.AMCQuestionForm.value[\"9text\"] == \"\") {\n this.amctextFlag = true;\n valid = false;\n }\n } else {\n this.amctextFlag = false;\n }\n if (this.AMCQuestionForm.value[\"10date\"] == \"\") {\n this.amcdateFlag = true;\n valid = false;\n }\n }\n }\n if (this.amcRQuestionForm !== undefined) {\n this.amcReradioFlag = false;\n this.amcRetextFlag = false;\n this.amcRedropdownFlag = false;\n if(this.userRolesId == \"1\") {\n if(this.amcRQuestionForm.value[\"1radio\"] == \"\") {\n valid = false;\n this.amcReradioFlag = true;\n } else if(this.amcRQuestionForm.value[\"1radio\"] == \"Yes\") {\n if(this.amcRQuestionForm.value[\"2dropdown\"] == \"\") {\n this.amcRedropdownFlag = true;\n valid = false;\n }\n if(this.amcRQuestionForm.value[\"3text\"] == \"\") {\n this.amcRetextFlag = true;\n valid = false;\n }\n if(this.amcRQuestionForm.value[\"4radio\"] == \"\"){\n this.amcReradioFlag = true;\n } else if( this.amcRQuestionForm.value[\"4radio\"] == \"Yes\") {\n if(this.amcRQuestionForm.value[\"4text\"] == \"\"){\n this.amcRetextFlag = true;\n valid = false;\n }\n } else {\n this.amcRetextFlag = false;\n }\n }\n } else if(this.userRolesId == \"2\") {\n if (this.amcRQuestionForm.value[\"6dropdown\"] == \"\" || this.amcRQuestionForm.value[\"7dropdown\"] == \"\"\n || this.amcRQuestionForm.value[\"35dropdown\"] == \"\" || this.amcRQuestionForm.value[\"11dropdown\"] == \"\"\n || this.amcRQuestionForm.value[\"12dropdown\"] == \"\") {\n this.amcRedropdownFlag = true;\n valid = false;\n }\n if(this.amcRQuestionForm.value[\"14-1dropdown\"] == \"\") {\n this.amcRedropdownFlag = true;\n valid = false;\n }\n if(this.amcRQuestionForm.value[\"14-2dropdown\"] == \"\") {\n this.amcRedropdownFlag = true;\n valid = false;\n } else if(this.amcRQuestionForm.value[\"14-2dropdown\"] == \"In progress\") {\n if(this.amcRQuestionForm.value[\"14-2-1dropdown\"] == \"\") {\n this.amcRedropdownFlag = true;\n valid = false;\n }\n } else if(this.amcRQuestionForm.value[\"14-2dropdown\"] == \"Loss\") {\n if(this.amcRQuestionForm.value[\"14-2-2text\"] == \"\") {\n this.amcRetextFlag = true;\n valid = false;\n }\n } else if(this.amcRQuestionForm.value[\"14-2dropdown\"] == \"Deal Closed\") {\n if(this.amcRQuestionForm.value[\"14-2-3text\"] == \"\") {\n this.amcRetextFlag = true;\n valid = false;\n }\n }\n if (this.amcRQuestionForm.value[\"8text\"] == \"\") {\n this.amcRetextFlag = true;\n valid = false;\n }\n if (this.amcRQuestionForm.value[\"9radio\"] == \"\") {\n this.amcReradioFlag = true;\n valid = false;\n } else if (this.amcRQuestionForm.value[\"9radio\"] == \"Yes\") {\n if(this.amcRQuestionForm.value[\"9text\"] == \"\") {\n this.amcRetextFlag = true;\n valid = false;\n }\n } else {\n this.amcRetextFlag = false;\n }\n if (this.amcRQuestionForm.value[\"10date\"] == \"\") {\n this.amcRedateFlag = true;\n valid = false;\n }\n }\n }\n if (this.ewQuestionForm !== undefined) {\n this.ewradioFlag = false;\n this.ewtextFlag = false;\n this.ewdropdownFlag = false;\n if(this.userRolesId == \"1\") {\n if(this.ewQuestionForm.value[\"15radio\"] == \"\") {\n valid = false;\n this.ewradioFlag = true;\n } else if(this.ewQuestionForm.value[\"15radio\"] == \"Yes\") {\n if(this.ewQuestionForm.value[\"17text\"] == \"\") {\n this.ewtextFlag = true;\n valid = false;\n }\n if(this.ewQuestionForm.value[\"18radio\"] == \"\"){\n this.ewradioFlag = true;\n valid = false;\n } else if(this.ewQuestionForm.value[\"18radio\"] == \"Yes\") {\n if(this.ewQuestionForm.value[\"18text\"] == \"\"){\n this.ewtextFlag = true;\n valid = false;\n }\n } else {\n this.ewtextFlag = false;\n }\n }\n } else if(this.userRolesId == \"2\") {\n if(this.ewQuestionForm.value[\"23radio\"] == \"\") {\n this.ewradioFlag = true;\n valid = false;\n } else if(this.ewQuestionForm.value[\"23radio\"] == \"Yes\") {\n if(this.ewQuestionForm.value[\"23text\"] == \"\") {\n this.ewtextFlag = true;\n valid = false;\n }\n } else {\n this.ewtextFlag = false;\n }\n if (this.ewQuestionForm.value[\"24date\"] == \"\") {\n this.ewdateFlag = true;\n valid = false;\n }\n if (this.ewQuestionForm.value[\"26dropdown\"] == \"\" || this.ewQuestionForm.value[\"28dropdown\"] == \"\"\n || this.ewQuestionForm.value[\"37-1dropdown\"] == \"\") {\n this.ewdropdownFlag = true;\n valid = false;\n }\n if (this.ewQuestionForm.value[\"22text\"] == \"\") {\n this.ewtextFlag = true;\n valid = false;\n }\n if(this.ewQuestionForm.value[\"37-2dropdown\"] == \"\") {\n this.ewdropdownFlag = true;\n valid = false;\n } else if(this.ewQuestionForm.value[\"37-2dropdown\"] == \"In progress\") {\n if(this.ewQuestionForm.value[\"37-2-1dropdown\"] == \"\") {\n this.ewdropdownFlag = true;\n valid = false;\n }\n } else if(this.ewQuestionForm.value[\"37-2dropdown\"] == \"Loss\") {\n if(this.ewQuestionForm.value[\"37-2-2text\"] == \"\") {\n this.ewtextFlag = true;\n valid = false;\n }\n } else if(this.ewQuestionForm.value[\"37-2dropdown\"] == \"Deal Closed\") {\n if(this.ewQuestionForm.value[\"37-2-3text\"] == \"\") {\n this.ewtextFlag = true;\n valid = false;\n }\n }\n }\n }\n if (this.irQuestionForm !== undefined) {\n this.irradioFlag = false;\n this.irtextFlag = false;\n this.irdropdownFlag = false;\n if(this.userRolesId == \"1\") {\n if(this.irQuestionForm.value[\"29radio\"] == \"\") {\n valid = false;\n this.irradioFlag = true;\n } else if(this.irQuestionForm.value[\"29radio\"] == \"Yes\") {\n if(this.irQuestionForm.value[\"30radio\"] == \"\"){\n this.irradioFlag = true;\n valid = false;\n } else if(this.irQuestionForm.value[\"30radio\"] == \"Yes\") {\n if(this.irQuestionForm.value[\"30text\"] == \"\"){\n this.irtextFlag = true;\n valid = false;\n }\n } else {\n this.irtextFlag = false;\n }\n }\n } else if(this.userRolesId == \"2\") {\n if(this.irQuestionForm.value[\"31radio\"] == \"\") {\n this.irradioFlag = true;\n valid = false;\n } else if(this.irQuestionForm.value[\"31radio\"] == \"Yes\") {\n if(this.irQuestionForm.value[\"31text\"] == \"\") {\n this.irtextFlag = true;\n valid = false;\n }\n } else {\n this.irtextFlag = false;\n }\n if (this.irQuestionForm.value[\"32date\"] == \"\") {\n this.irdateFlag = true;\n valid = false;\n }\n if (this.irQuestionForm.value[\"33dropdown\"] == \"\" || this.irQuestionForm.value[\"36-1dropdown\"] == \"\") {\n this.irdropdownFlag = true;\n valid = false;\n }\n if(this.AMCQuestionForm.value[\"36-2dropdown\"] == \"\") {\n this.amcdropdownFlag = true;\n valid = false;\n } else if(this.AMCQuestionForm.value[\"36-2dropdown\"] == \"In progress\") {\n if(this.AMCQuestionForm.value[\"36-2-1dropdown\"] == \"\") {\n this.amcdropdownFlag = true;\n valid = false;\n }\n } else if(this.AMCQuestionForm.value[\"36-2dropdown\"] == \"Loss\") {\n if(this.AMCQuestionForm.value[\"36-2-2text\"] == \"\") {\n this.amctextFlag = true;\n valid = false;\n }\n } else if(this.AMCQuestionForm.value[\"36-2dropdown\"] == \"Deal Closed\") {\n if(this.AMCQuestionForm.value[\"36-2-3text\"] == \"\") {\n this.amctextFlag = true;\n valid = false;\n }\n }\n }\n }\n this.formSubmitted = valid;\n return valid;\n }\n\n getAmcFeedbackValue(questions: any, questionValue: any) {\n let idFeedback = \"\";\n let formValue = questions.value;\n questionValue.forEach((element, index) => {\n let feedback = \"\";\n if ( element.radioButtonType == \"Yes\" && formValue[element.questionId + \"radio\"]) {\n feedback = feedback + \"#\" + formValue[element.questionId + \"radio\"];\n } else if(element.radioButtonType == \"Yes\"){\n feedback = feedback + \"#\"+ \"\";\n }\n if ( element.dropdownType == \"Yes\" && formValue[element.questionId + \"dropdown\"]) {\n feedback = feedback + \"#\" + formValue[element.questionId + \"dropdown\"];\n } else if(element.dropdownType == \"Yes\") {\n feedback = feedback + \"#\"+ \"\";\n }\n if ( element.dateType == \"Yes\" && formValue[element.questionId + \"date\"]) {\n feedback = feedback + \"#\" + formValue[element.questionId + \"date\"];\n } else if(element.dateType == \"Yes\") {\n feedback = feedback + \"#\"+ \"\";\n }\n if ( element.remarksType == \"Yes\" && formValue[element.questionId + \"text\"]) {\n if(element.questionId == \"3\" || element.questionId == \"8\" || element.questionId == \"13\"\n || element.questionId == \"17\" || element.questionId == \"22\" || element.questionId == \"28\"\n || element.questionId == \"34\") {\n feedback = feedback + \"#\" + formValue[element.questionId + \"text\"] + \"#\";\n } else if(element.questionId != \"14-2-2\" && element.questionId != \"14-2-3\" && element.questionId != \"36-2-2\"\n && element.questionId != \"36-2-3\" && element.questionId != \"37-2-2\" && element.questionId != \"37-2-3\") {\n feedback = feedback + \"#\" + formValue[element.questionId + \"text\"];\n }\n } else if(element.questionId != \"14-2-2\" && element.questionId != \"14-2-3\" && element.questionId != \"36-2-2\"\n && element.questionId != \"36-2-3\" && element.questionId != \"37-2-2\" && element.questionId != \"37-2-3\") {\n feedback = feedback + \"#\"+ \"\";\n }\n if ( element.remarksType == \"Yes\" && formValue[element.questionId + \"text\"]) {\n if(element.questionId == \"14-2-2\" || element.questionId == \"14-2-3\" || element.questionId == \"36-2-2\"\n || element.questionId == \"36-2-3\" || element.questionId == \"37-2-2\" || element.questionId == \"37-2-3\") {\n feedback = feedback + \"#\" + formValue[element.questionId + \"text\"] + \"#\";\n }\n } else if(element.remarksType == \"Yes\") {\n if(element.questionId == \"14-2-2\" || element.questionId == \"14-2-3\" || element.questionId == \"36-2-2\"\n || element.questionId == \"36-2-3\" || element.questionId == \"37-2-2\" || element.questionId == \"37-2-3\") {\n feedback = feedback + \"#\" + formValue[element.questionId + \"text\"] + \"#\";\n }\n }\n feedback = feedback != \"\" ? element.questionId + feedback : feedback;\n if (feedback != \"\") {\n if (index == 0) {\n idFeedback = feedback;\n } else {\n idFeedback = idFeedback == \"\" ? feedback : idFeedback + \";\" + feedback;\n }\n }\n });\n return idFeedback;\n }\n\n\n saveResponseData() {\n this.formSubmitted = true;\n if (this.checkQuestionValidation()) {\n let amcFeedback = \"\";\n let amcReFeedback = \"\";\n let ewFeedback = \"\";\n let irFeedback = \"\";\n if( this.amcNewOffering == \"YES\") {\n amcFeedback = this.getAmcFeedbackValue(this.AMCQuestionForm, this.amcQuestions);\n }\n if( this.amcRenewal == \"YES\") {\n amcReFeedback = this.getAmcFeedbackValue(this.amcRQuestionForm, this.amcReQuestions);\n }\n if( this.extendedWarranty == \"YES\") {\n ewFeedback = this.getAmcFeedbackValue(this.ewQuestionForm, this.ewQuestions);\n }\n if( this.insuranceRenewal == \"YES\") {\n irFeedback = this.getAmcFeedbackValue(this.irQuestionForm, this.irQuestions);\n }\n this.getCustomerName(this.cusType);\n let request = {\n userId: this.userId || \"\",\n customerId: this.customerData.customerId || \"\",\n vin: this.selectedVin,\n workshopCode: this.selectedWorkShop || \"\",\n amcFeedback: amcFeedback,\n amcReFeedback: amcReFeedback,\n ewFeedback: ewFeedback,\n irFeedback: irFeedback,\n amcNewOffering: this.amcNewOffering,\n amcRenewal: this.amcRenewal,\n insuranceRenewal: this.insuranceRenewal,\n extendedWarranty: this.extendedWarranty,\n customerType: this.ownerSelected ? \"C\" : this.fleetSelected ? \"F\" : \"D\",\n phoneNo: this.selectedNumber?this.selectedNumber:'',\n customerName:this.custNameForSave?this.custNameForSave:''\n // this.custNameForSave?this.custNameForSave:this.cus360[\"CUSTOMER_INFO\"].custName\n };\n this.saveResponse(request);\n\n //Test\n }\n }\n\n saveResponse(requestData: any): void {\n //this.commonService.prsCustomerResponse = '';\n this.commonService.amcSaveVinFeedback(requestData).subscribe(\n (res) => {\n if (res[\"responseCode\"] == 0) {\n this.spinner = false;\n this.toastr.info(res[\"message\"], \"Success\");\n //this.commonService.prsCustomerResponse = requestData;\n this.clear();\n this.formSubmitted = false;\n if(!((this.cus360.VECHILE_INFO.length - 1) > 0)) {\n this.router.navigate([\"soft-calling\"]);\n } else {\n this.chassis = this.cus360[\"VECHILE_INFO\"].filter((vehicle) => vehicle.chassisNo != this.selectedVehicle)[0].chassisNo;\n this.getCustomer360();\n }\n } else {\n this.formSubmitted = false;\n this.spinner = false;\n this.toastr.error(res[\"message\"], \"Error\");\n }\n },\n (error) => {\n this.formSubmitted = false;\n this.toastr.error(error, \"Error\");\n this.spinner = false;\n }\n );\n }\n\n clear() {\n this.AMCQuestionForm = undefined;\n this.amcRQuestionForm = undefined;\n this.ewQuestionForm = undefined;\n this.irQuestionForm = undefined;\n this.amcQuestionInfo = [];\n this.amcRQuestionInfo = [];\n this.ewQuestionInfo = [];\n this.irQuestionInfo = [];\n this.amcInProgress = '';\n this.amcReInProgress = '';\n this.irInProgress = '';\n this.ewInProgress = '';\n this.createAmcQuestionForm(this.amcQuestions);\n this.createAMCRQuestionForm(this.amcReQuestions);\n this.createEWQuestionForm(this.ewQuestions);\n this.createIRQuestionForm(this.irQuestions);\n this.formSubmitted = false;\n }\n\n // amcSelectStatus(event : any) {\n // this.amcInProgress = '';\n // this.amcSelectedQuestionCurrentStatus = [];\n // this.amcSelectedQuestionStatus = [];\n // this.amcQuestionInfo.forEach((element) => {\n // if(element.desc == event) {\n // this.amcSelectedQuestionStatus = element;\n // }\n // });\n // }\n\n amcSelectCurrentStatus(event : any) {\n this.amcSelectedQuestionCurrentStatus = [];\n //this.amcInProgress = event;\n // this.amcQuestionInfo.forEach((element) => {\n // if(element.desc == event) {\n // //this.amcSelectedQuestionCurrentStatus = element;\n // // questionExist = questionIdAdded.filter(\n // // (group) => group == prop.questionId\n // // );\n // //formDataObj[prop.questionId + \"dropdown\"] = new FormControl(response);\n // // this.amcSelectedQuestionCurrentStatus.push({\n // // label: element.questionId + \"dropdown\",\n // // type: \"Dropdown\",\n // // desc: element.questionDesc,\n // // id: element.questionSequence,\n // // questionId: element.questionId,\n // // showDesc: true,\n // // subQuestion: true,\n // // parentId: element.parentId,\n // // data: this.dropdownData[element.questionId],\n // // showField: this.showField\n // // });\n // }\n // });\n }\n\n // amcReSelectStatus(event : any) {\n // this.amcReInProgress = '';\n // this.amcReSelectedQuestionCurrentStatus = [];\n // this.amcReSelectedQuestionStatus = [];\n // this.amcRQuestionInfo.forEach((element) => {\n // if(element.desc == event) {\n // this.amcReSelectedQuestionStatus = element;\n // }\n // });\n // }\n\n amcReSelectCurrentStatus(event : any) {\n this.amcReSelectedQuestionCurrentStatus = [];\n //this.amcReInProgress = event;\n this.amcRQuestionInfo.forEach((element) => {\n if(element.desc == event) {\n this.amcReSelectedQuestionCurrentStatus = element;\n }\n });\n }\n\n // irSelectStatus(event : any) {\n // this.irInProgress = '';\n // this.irSelectedQuestionCurrentStatus = [];\n // this.irSelectedQuestionStatus = [];\n // this.irQuestionInfo.forEach((element) => {\n // if(element.desc == event) {\n // this.irSelectedQuestionStatus = element;\n // }\n // });\n // }\n\n irSelectCurrentStatus(event : any) {\n this.irSelectedQuestionCurrentStatus = [];\n //this.irInProgress = event;\n this.irQuestionInfo.forEach((element) => {\n if(element.desc == event) {\n this.irSelectedQuestionCurrentStatus = element;\n }\n });\n }\n\n // ewSelectStatus(event : any) {\n // this.ewInProgress = '';\n // this.ewSelectedQuestionCurrentStatus = [];\n // this.ewSelectedQuestionStatus = [];\n // this.ewQuestionInfo.forEach((element) => {\n // if(element.desc == event) {\n // this.ewSelectedQuestionStatus = element;\n // }\n // });\n // }\n \n ewSelectCurrentStatus(event: any) {\n this.ewSelectedQuestionCurrentStatus = [];\n //this.ewInProgress = event;\n this.ewQuestionInfo.forEach((element) => {\n if(element.desc == event) {\n this.ewSelectedQuestionCurrentStatus = element;\n }\n });\n }\n\n\n\n activeTabLabel: string = 'Owner'; \n activeIndex:number = 0\n userInfo: any;\n\n\n selectedContactNumbers = {\n 'Owner': null,\n 'Fleet Manager': null,\n 'Driver': null\n };\n\n onTabChange(event: MatTabChangeEvent) {\n this.activeTabLabel = event.tab.textLabel;\n this.activeIndex = event.index;\n this.updateActiveContactNo();\n }\n\n \n\n private updateActiveContactNo() {\n let contactList;\n \n if (this.activeIndex === 0) {\n contactList = this.contactInfoOwner;\n } else if (this.activeIndex === 1) {\n contactList = this.contactInfoFleet;\n } else if (this.activeIndex === 2) {\n contactList = this.contactInfoDriver;\n }\n \n console.log(this.activeIndex);\n console.log(contactList);\n if (contactList && contactList.length > 0) {\n this.selectedContactNumbers[this.activeTabLabel] = this.selectedContactNumbers[this.activeTabLabel] || contactList[0].contactNo;\n }\n \n }\n \n onRadioChange(contactNo: string, tabLabel: string) {\n this.selectedContactNumbers[tabLabel] = contactNo;\n \n \n }\n\n\n private callingToUser(){\n let customerPhone = this.selectedContactNumbers[this.activeTabLabel];\n if(customerPhone){\n this.makeCall(customerPhone)\n }else{\n this.spinner = false;\n this.toastr.error(\"Customer Phone number can't be Empty while placing the call\")\n }\n }\n\n \n private makeCall(customerPhone:string) {\n const callParams = new CallParams(this.userInfo.contactNo, customerPhone);\n this.spinner = true\n this.commonService.createCallConnection_API(callParams).subscribe({\n next: (response) => {\n if(response.responseData.Uri) {\n localStorage.setItem(\"exotel_URI\",response.responseData.Uri)\n } else{\n localStorage.setItem(\"exotel_URI\",'')\n }\n \n if (response.responseCode==0) {\n this.toastr.success(\"Call is in progress\")\n \n }else{\n this.toastr.error(response.responseData)\n }\n \n },\n error:(error)=>{\n this.spinner = false\n this.toastr.error(\"Something went wrong\");\n \n },\n complete:()=>{\n this.spinner = false\n }\n });\n }\n\n \n openConfirmation() {\n if (localStorage.getItem('countryCode')=='IND91') {\n this.dialogService.openConfirmDialog().subscribe(result => {\n if (result) {\n console.log(result);\n this.callUser(); \n } else {\n console.log(result);\n }\n });\n }else{\n this.callUser();\n }\n \n }\n\n \n}\n\n\n\n","export default \".working-area {\\n margin-top: 115px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card .mat-card-title {\\n margin-bottom: 0px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n}\\n\\n.filter-style {\\n width: 135px !important;\\n}\\n\\n.filter-label {\\n font: 12px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 3px;\\n padding: 1px 0px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding-bottom: 0px;\\n padding-top: 2px;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding-bottom: 0px;\\n font-size: 12px !important;\\n height: 21px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 89%;\\n}\\n\\n.filter1 ::ng-deep .mat-select-arrow-wrapper {\\n padding-bottom: 0x;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 6px !important;\\n padding-left: 5px;\\n}\\n\\n.filter1-input {\\n margin-top: 7px !important;\\n margin-left: 5px;\\n}\\n\\n.filter1 {\\n font-size: 12px;\\n}\\n\\n.filter2 {\\n width: auto;\\n}\\n\\n.calender {\\n position: relative;\\n background: white;\\n width: 140px;\\n margin-right: 10px !important;\\n}\\n\\n.calender input {\\n border: 1px solid lightgray !important;\\n border-radius: 5px;\\n font-size: 12px;\\n height: 24px;\\n padding-left: 5px;\\n width: 140px;\\n}\\n\\n.calander-btn {\\n position: absolute;\\n right: 0px;\\n top: 5px;\\n}\\n\\n.button-margin {\\n margin-left: 10px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 25px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n padding-bottom: 2px;\\n}\\n\\n.example-card1 {\\n text-align: center;\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n margin-bottom: 10px;\\n}\\n\\n.form-field label {\\n font-weight: 500;\\n margin-bottom: 0px;\\n}\\n\\n.form-field input {\\n padding-left: 7px;\\n padding-top: 3px;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\n.columnHeader {\\n font: bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.columnvalue {\\n font-size: 11px !important;\\n position: relative;\\n}\\n\\n.cust-width {\\n width: 12%;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 3px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell {\\n padding: 3px;\\n text-align: start;\\n}\\n\\nth.mat-header-cell {\\n padding: 3px;\\n text-align: end !important;\\n}\\n\\n.cont-width {\\n width: 107px;\\n}\\n\\n.reg-width {\\n width: 130px;\\n}\\n\\n.che-width {\\n width: 110px;\\n}\\n\\n.delName-width {\\n width: 141px;\\n}\\n\\n.set-min-width-report {\\n min-width: 1425px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.searchfilter {\\n height: 30px;\\n margin-left: 10px;\\n font-size: 12px;\\n border: 0;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvc29mdC1vZmZlcmluZy1yZXBvcnRpbmcvc29mdC1vZmZlcmluZy1yZXBvcnRpbmcuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudC9zb2Z0LW9mZmVyaW5nLXJlcG9ydGluZy9zb2Z0LW9mZmVyaW5nLXJlcG9ydGluZy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxxQ0FBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7RUFDQSx1QkFBQTtBQ0NKOztBREdJO0VBQ0ksa0JBQUE7QUNBUjs7QURJQTtFQUNJLG1CQUFBO0FDREo7O0FESUE7RUFDSSx1QkFBQTtBQ0RKOztBRElBO0VBQ0ksaUJBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0VBQ0Esa0JBQUE7RUFDQSxvQkFBQTtBQ0RKOztBRElBO0VBQ0ksbUJBQUE7RUFDQSxnQkFBQTtBQ0RKOztBRElBO0VBQ0ksZUFBQTtFQUNBLFdBQUE7QUNESjs7QURJQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUVBLG1CQUFBO0VBQ0EsMEJBQUE7RUFDQSxZQUFBO0FDRko7O0FES0E7RUFDSSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksVUFBQTtBQ0ZKOztBREtBO0VBQ0ksa0JBQUE7QUNGSjs7QURLQTtFQUNJLE1BQUE7RUFDQSxjQUFBO0VBQ0EsaUJBQUE7QUNGSjs7QURLQTtFQUNJLGlCQUFBO0FDRko7O0FES0E7RUFDSSxhQUFBO0FDRko7O0FES0E7RUFDSSxNQUFBO0VBQ0EsMEJBQUE7RUFDQSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksMEJBQUE7RUFDQSxnQkFBQTtBQ0ZKOztBREtBO0VBQ0ksZUFBQTtBQ0ZKOztBREtBO0VBQ0ksV0FBQTtBQ0ZKOztBREtBO0VBQ0ksa0JBQUE7RUFDQSxpQkFBQTtFQUNBLFlBQUE7RUFDQSw2QkFBQTtBQ0ZKOztBREdJO0VBQ0ksc0NBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxZQUFBO0FDRFI7O0FES0E7RUFDSSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxRQUFBO0FDRko7O0FES0E7RUFDSSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksdUJBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0EsbUJBQUE7QUNGSjs7QURLQTtFQUNJLGtCQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxtQkFBQTtBQ0ZKOztBRE1JO0VBQ0ksZ0JBQUE7RUFDQSxrQkFBQTtBQ0hSOztBREtJO0VBQ0ksaUJBQUE7RUFDQSxnQkFBQTtBQ0hSOztBRE9BO0VBQ0ksbUNBQUE7RUFDQSx1QkFBQTtBQ0pKOztBRE9BO0VBQ0ksc0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSwwQkFBQTtBQ0pKOztBRFFBO0VBQ0ksMEJBQUE7RUFDQSxrQkFBQTtBQ0xKOztBRFFBO0VBQ0ksVUFBQTtBQ0xKOztBRFFBOzs7RUFHSSxZQUFBO0VBQ0EsbUNBQUE7RUFDQSxtQkFBQTtFQUNBLHVCQUFBO0FDTEo7O0FEUUE7O0VBRUksWUFBQTtFQUNBLGlCQUFBO0FDTEo7O0FEUUE7RUFDSSxZQUFBO0VBQ0EsMEJBQUE7QUNMSjs7QURRQTtFQUNJLFlBQUE7QUNMSjs7QURRQTtFQUNJLFlBQUE7QUNMSjs7QURRQTtFQUNJLFlBQUE7QUNMSjs7QURRQTtFQUNJLFlBQUE7QUNMSjs7QURRQTtFQUNJLGlCQUFBO0FDTEo7O0FEUUE7RUFDSSx1QkFBQTtFQUNBLG1CQUFBO0FDTEo7O0FEUUE7RUFFSSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxlQUFBO0VBQ0EsU0FBQTtBQ05KIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L3NvZnQtb2ZmZXJpbmctcmVwb3J0aW5nL3NvZnQtb2ZmZXJpbmctcmVwb3J0aW5nLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLndvcmtpbmctYXJlYSB7XG4gICAgbWFyZ2luLXRvcDogMTE1cHg7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMSB7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItcmFkaXVzOiAwJTtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZCB7XG4gICAgLm1hdC1jYXJkLXRpdGxlIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICAgIH1cbn1cblxuLmZpbHRlcmRpdiB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLmZpbHRlci1zdHlsZSB7XG4gICAgd2lkdGg6IDEzNXB4ICFpbXBvcnRhbnQ7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICAgIGZvbnQ6IDEycHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzYzNjM2M7XG4gICAgb3BhY2l0eTogMTtcbiAgICBtYXJnaW4tYm90dG9tOiAzcHg7XG4gICAgcGFkZGluZzogMXB4IDBweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgICBwYWRkaW5nLXRvcDogMnB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1idXR0b24ge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBmb250OiB3aGl0ZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAvL3BhZGRpbmctdG9wOiAycHg7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbiAgICBoZWlnaHQ6IDIxcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgICB3aWR0aDogODklO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtYXJyb3ctd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsLXdyYXBwZXIge1xuICAgIHRvcDogMDtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiA2cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlcjEtaW5wdXQge1xuICAgIG1hcmdpbi10b3A6IDdweCAhaW1wb3J0YW50O1xuICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXIxIHtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5maWx0ZXIyIHtcbiAgICB3aWR0aDogYXV0bztcbn1cblxuLmNhbGVuZGVyIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgd2lkdGg6IDE0MHB4O1xuICAgIG1hcmdpbi1yaWdodDogMTBweCAhaW1wb3J0YW50O1xuICAgIGlucHV0IHtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5ICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgICAgICB3aWR0aDogMTQwcHg7XG4gICAgfVxufVxuXG4uY2FsYW5kZXItYnRuIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDBweDtcbiAgICB0b3A6IDVweDtcbn1cblxuLmJ1dHRvbi1tYXJnaW4ge1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uZmlsdGVyQnV0dG9uIHtcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICAgIGhlaWdodDogMjVweDtcbiAgICBsaW5lLWhlaWdodDogMTBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG4gICAgcGFkZGluZy1ib3R0b206IDJweDtcbn1cblxuLmV4YW1wbGUtY2FyZDEge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICBtYXJnaW4tcmlnaHQ6IGF1dG87XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLmZvcm0tZmllbGQge1xuICAgIGxhYmVsIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogN3B4O1xuICAgICAgICBwYWRkaW5nLXRvcDogM3B4O1xuICAgIH1cbn1cblxuLnRhYmxlLWJvcmRlci5tYXQtdGFibGUge1xuICAgIGJvcmRlci1zdHlsZTogbm9uZSBzb2xpZCBzb2xpZCBub25lO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY29sdW1uSGVhZGVyIHtcbiAgICBmb250OiBib2xkIDEycHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzMzMzMzM7XG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gICAgLy9taW4td2lkdGg6IDExMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gICAgZm9udC1zaXplOiAxMXB4ICFpbXBvcnRhbnQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uY3VzdC13aWR0aCB7XG4gICAgd2lkdGg6IDEyJTtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICAgIHBhZGRpbmc6IDNweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCB7XG4gICAgcGFkZGluZzogM3B4O1xuICAgIHRleHQtYWxpZ246IHN0YXJ0O1xufVxuXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICAgIHBhZGRpbmc6IDNweDtcbiAgICB0ZXh0LWFsaWduOiBlbmQgIWltcG9ydGFudDtcbn1cblxuLmNvbnQtd2lkdGgge1xuICAgIHdpZHRoOiAxMDdweDtcbn1cblxuLnJlZy13aWR0aCB7XG4gICAgd2lkdGg6IDEzMHB4O1xufVxuXG4uY2hlLXdpZHRoIHtcbiAgICB3aWR0aDogMTEwcHg7XG59XG5cbi5kZWxOYW1lLXdpZHRoIHtcbiAgICB3aWR0aDogMTQxcHg7XG59XG5cbi5zZXQtbWluLXdpZHRoLXJlcG9ydCB7XG4gICAgbWluLXdpZHRoOiAxNDI1cHg7XG59XG5cbi5wYWdpbmF0b3IgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgaGVpZ2h0OiAxOHB4ICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLnNlYXJjaGZpbHRlciB7XG4gICAgLy93aWR0aDogMTAwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBib3JkZXI6IDA7XG59IiwiLndvcmtpbmctYXJlYSB7XG4gIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIHNvbGlkIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogMCU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkIC5tYXQtY2FyZC10aXRsZSB7XG4gIG1hcmdpbi1ib3R0b206IDBweDtcbn1cblxuLmZpbHRlcmRpdiB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5maWx0ZXItc3R5bGUge1xuICB3aWR0aDogMTM1cHggIWltcG9ydGFudDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gIGZvbnQ6IDEycHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICBwYWRkaW5nOiAxcHggMHB4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgcGFkZGluZy10b3A6IDJweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250OiB3aGl0ZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbiAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gIGhlaWdodDogMjFweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDg5JTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LWFycm93LXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gIHRvcDogMDtcbiAgcGFkZGluZy10b3A6IDA7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiA2cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXIxLWlucHV0IHtcbiAgbWFyZ2luLXRvcDogN3B4ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXIxIHtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZmlsdGVyMiB7XG4gIHdpZHRoOiBhdXRvO1xufVxuXG4uY2FsZW5kZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICB3aWR0aDogMTQwcHg7XG4gIG1hcmdpbi1yaWdodDogMTBweCAhaW1wb3J0YW50O1xufVxuLmNhbGVuZGVyIGlucHV0IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5ICFpbXBvcnRhbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBoZWlnaHQ6IDI0cHg7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICB3aWR0aDogMTQwcHg7XG59XG5cbi5jYWxhbmRlci1idG4ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwcHg7XG4gIHRvcDogNXB4O1xufVxuXG4uYnV0dG9uLW1hcmdpbiB7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uZmlsdGVyQnV0dG9uIHtcbiAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gIGhlaWdodDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDEwcHg7XG4gIG1hcmdpbi1ib3R0b206IDFweDtcbiAgcGFkZGluZy1ib3R0b206IDJweDtcbn1cblxuLmV4YW1wbGUtY2FyZDEge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xufVxuXG4uZm9ybS1maWVsZCBsYWJlbCB7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIG1hcmdpbi1ib3R0b206IDBweDtcbn1cbi5mb3JtLWZpZWxkIGlucHV0IHtcbiAgcGFkZGluZy1sZWZ0OiA3cHg7XG4gIHBhZGRpbmctdG9wOiAzcHg7XG59XG5cbi50YWJsZS1ib3JkZXIubWF0LXRhYmxlIHtcbiAgYm9yZGVyLXN0eWxlOiBub25lIHNvbGlkIHNvbGlkIG5vbmU7XG4gIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY29sdW1uSGVhZGVyIHtcbiAgZm9udDogYm9sZCAxMnB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzMzMzMzM7XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4uY29sdW1udmFsdWUge1xuICBmb250LXNpemU6IDExcHggIWltcG9ydGFudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uY3VzdC13aWR0aCB7XG4gIHdpZHRoOiAxMiU7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsLFxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgcGFkZGluZzogM3B4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjFweDtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsIHtcbiAgcGFkZGluZzogM3B4O1xuICB0ZXh0LWFsaWduOiBzdGFydDtcbn1cblxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgcGFkZGluZzogM3B4O1xuICB0ZXh0LWFsaWduOiBlbmQgIWltcG9ydGFudDtcbn1cblxuLmNvbnQtd2lkdGgge1xuICB3aWR0aDogMTA3cHg7XG59XG5cbi5yZWctd2lkdGgge1xuICB3aWR0aDogMTMwcHg7XG59XG5cbi5jaGUtd2lkdGgge1xuICB3aWR0aDogMTEwcHg7XG59XG5cbi5kZWxOYW1lLXdpZHRoIHtcbiAgd2lkdGg6IDE0MXB4O1xufVxuXG4uc2V0LW1pbi13aWR0aC1yZXBvcnQge1xuICBtaW4td2lkdGg6IDE0MjVweDtcbn1cblxuLnBhZ2luYXRvciA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgaGVpZ2h0OiAxOHB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5zZWFyY2hmaWx0ZXIge1xuICBoZWlnaHQ6IDMwcHg7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIGJvcmRlcjogMDtcbn0iXX0= */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { DateTimeAdapter, OWL_DATE_TIME_FORMATS, OWL_DATE_TIME_LOCALE } from 'ng-pick-datetime';\nimport { MomentDateTimeAdapter } from 'ng-pick-datetime-moment';\nimport { FilterPipePipe } from '../../pipes/filter-pipe.pipe';\nimport { MatTableDataSource, MatSort, MatPaginator, MatSelect, MatOption } from '@angular/material';\nimport { Router } from '@angular/router';\nimport { DatePipe } from '@angular/common';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { kpiCustData } from './kpiCustData';\nimport { FormControl, FormBuilder, FormGroup } from '@angular/forms';\nimport * as _moment from 'moment';\n\nconst moment = (_moment as any).default ? (_moment as any).default : _moment;\n\nexport const MY_CUSTOM_FORMATS = {\n parseInput: 'LL LT',\n fullPickerInput: 'DD-MM-YYYY LT',\n datePickerInput: 'DD-MM-YYYY',\n timePickerInput: 'LT',\n monthYearLabel: 'MMM YYYY',\n dateA11yLabel: 'LL',\n monthYearA11yLabel: 'MMMM YYYY',\n};\n\n@Component({\n selector: 'app-soft-offering-reporting',\n templateUrl: './soft-offering-reporting.component.html',\n styleUrls: ['./soft-offering-reporting.component.scss'],\n providers: [\n { provide: DateTimeAdapter, useClass: MomentDateTimeAdapter, deps: [OWL_DATE_TIME_LOCALE] },\n { provide: OWL_DATE_TIME_FORMATS, useValue: MY_CUSTOM_FORMATS },\n FilterPipePipe\n ],\n})\nexport class SoftOfferingReportingComponent implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n\n displayedColumns: string[] = [\n 'customerName',\n 'contactNo',\n 'accountType',\n 'softProductType',\n 'registrationNo',\n 'chassisNo',\n 'dealerCode',\n 'dealerName',\n 'leadGenerationDate',\n 'lastContacted',\n 'leadStatus',\n 'lastCallBy',\n ];\n\n spinner: boolean;\n userId: string;\n userInfo: any;\n today: Date = new Date();\n toDate: Date = new Date();\n fromDate: Date = new Date();\n dataGridDataSource: any;\n selectWorkshop: FormGroup;\n filterValues: string[] = [];\n selectedFilter: string;\n workshopcodeFilter: string;\n splitworkshopcode: string[] = [];\n workshopFilter: string;\n workshopcode: string;\n filterValuesCopy: string[] = [];\n wsCodeFilter: string;\n dataSource: any;\n maxDate: Date = new Date();\n selectedDealer:any;\n dealerCode: string[] = [];\n selectedProductType: string;\n userRolesId: string;\n showPipelineDataReport: boolean = false\n productTypeValues: any[] = [\n { value: '1', viewValue: 'AMC'},\n { value: '2', viewValue: 'AMC Renewal'},\n { value: '3', viewValue: 'Insurance'},\n { value: '4', viewValue: 'Extended Warranty'}\n ];\n\n constructor(\n private router: Router,\n private datePipe: DatePipe,\n private commonService: CommonService,\n private toastr: ToastrService,\n private filterPipePipe: FilterPipePipe,\n private fb: FormBuilder) { }\n\n ngOnInit() {\n\n this.userId = localStorage.getItem('userId');\n this.userInfo = JSON.parse(localStorage.getItem('userInfo'));\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n this.userRolesId = JSON.parse(localStorage.getItem(\"userInfo\"))[0].roleId;\n this.selectWorkshop = this.fb.group({\n workshopCodeType: new FormControl(this.filterValues),\n selectedDealer: ['']\n });\n\n if(this.userRolesId == \"15\"){\n this.showPipelineDataReport = true;\n }\n\n this.workshopCodeFilter();\n }\n\n /**\n * Name: workshopCodeFilter\n * purpose: To get workshop code filter\n */\n workshopCodeFilter(): void {\n this.filterValues = [];\n this.workshopcodeFilter;\n this.splitworkshopcode = [];\n this.workshopFilter;\n this.workshopcode;\n let roleId = this.userInfo['0'].roleId || '1';\n this.commonService.workshopFilter(this.userId, roleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (res['responseData'].length) {\n res['responseData'].forEach(data => {\n this.workshopcodeFilter = data.workshop;\n this.workshopcode = (this.workshopcodeFilter.split(\" \", 1)).toString();\n this.splitworkshopcode.push(this.workshopcode);\n this.filterValues.push(this.workshopcodeFilter);\n });\n this.selectedFilter = this.filterValues[0];\n this.workshopFilter = this.splitworkshopcode.toString();\n this.filterValuesCopy = this.filterValues;\n this.prepairCallList();\n }\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: prepairCallList\n * purpose: To prepare call list for dataGrid\n */\n prepairCallList(): void {\n // this.spinner = true;\n // let startdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n // let enddate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n // this.applyfilter();\n // this.commonService.amcDataGrid(startdate, enddate, this.wsCodeFilter)\n // .subscribe(res => {\n // if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n // if (res['responseData'].length) {\n // this.dataSource = new MatTableDataSource(res['responseData']);\n // this.dataSource.sort = this.sort;\n // this.dataSource.paginator = this.paginator;\n // this.spinner = false;\n // }\n // } else {\n // this.spinner = false;\n // }\n // }, err => {\n // this.spinner = false;\n // this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n // });\n }\n\n /**\n * Name: apply\n * purpose: To apply filter on datagrid\n */\n apply(): void {\n // this.spinner = true;\n // this.dataSource = '';\n // let startdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n // let enddate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n // this.applyfilter();\n // this.commonService.amcDataGrid(startdate, enddate, this.wsCodeFilter)\n // .subscribe(res => {\n // if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n // this.dataSource = new MatTableDataSource(res['responseData']);\n // this.sort.direction = '';\n // this.dataSource.sort = this.sort;\n // this.dataSource.paginator = this.paginator;\n // this.spinner = false;\n // } else {\n // this.spinner = false;\n // }\n // }, err => {\n // this.spinner = false;\n // this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n // });\n }\n\n /**\n * Name: applyfilter\n * purpose: To select and apply the selected workshopcode\n */\n applyfilter() {\n this.wsCodeFilter = '';\n this.selectedFilter;\n this.workshopFilter;\n if (this.selectedFilter != null) {\n let splitCode = [];\n //this.selectedFilter.forEach(data => {\n //if(data != '0'){\n splitCode.push((this.selectedFilter.split(\" \", 1)).toString());\n //}\n //});\n this.wsCodeFilter = splitCode.toString();\n } else {\n this.wsCodeFilter = this.selectedFilter;\n }\n //this.wsCodeFilter = this.selectedFilter;\n }\n\n filterTriggered(event: any): void {\n this.today = new Date();\n if((new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30))).getTime() >= this.today.getTime()){\n this.today = new Date();\n if((new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30))).getTime() >= this.today.getTime()){\n this.toDate = new Date();\n } else {\n this.toDate = new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30));\n }\n } else {\n this.today = new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30));\n this.toDate = new Date(new Date(event.source.value).getTime()+(1000*60*60*24*30));\n }\n }\n\n onKey() : void {\n this.filterValues = this.filterValuesCopy;\n this.dealerCode = [];\n this.selectedDealer = this.selectWorkshop.controls.selectedDealer.value;\n this.selectedDealer = this.selectedDealer.toString();\n this.dealerCode = this.filterValues.filter(item =>\n item.toLowerCase().includes(this.selectedDealer.toLowerCase())\n );\n if(this.dealerCode.length > 0){\n this.closeInput();\n }\n this.filterValues = [];\n this.filterValues = this.dealerCode;\n }\n\n closeInput() : void {\n if(this.dealerCode.length == 0) {\n //this.selectedDealer = '';\n this.selectWorkshop.controls[\"selectedDealer\"].setValue(\"\");\n this.filterValues = this.filterValuesCopy;\n }\n }\n\n /**\n * Name: searchfilter\n * purpose: To apply filter on datagrid\n */\n searchfilter(filterValue: string): void {\n filterValue = filterValue.trim(); // Remove whitespace\n filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n this.dataGridDataSource.filter = filterValue;\n }\n\n /**\n * Name: activeButton\n * purpose: To activat Booking Excel Report button\n */\n activeButton(): boolean {\n let flag = false;\n if (this.selectedProductType != undefined && this.selectedProductType != null && this.selectedProductType != '') {\n flag = true;\n }\n return flag;\n }\n\n /**\n * Name: getDataReport\n * purpose: To export report as excel\n */\n getDataReport(): void {\n this.spinner = true;\n let startdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let enddate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let fileName = \"Summary_From_\" + startdate + \"_To_\" + enddate;\n //this.applyfilter();\n let request ={\n fromDate : startdate,\n toDate : enddate,\n userId : this.userId,\n userRoleId : this.userRolesId\n }\n this.commonService.getAMCDataReport(request)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n\n });\n }\n\n /**\n * Name: getLeadLevelReport\n * purpose: To export report as excel\n */\n getLeadLevelReport(): void {\n this.spinner = true;\n let startdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let enddate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let fileName = \"Lead_Level_Report_From_\" + startdate + \"_To_\" + enddate;\n //this.applyfilter();\n this.commonService.getAMCLeadLevelReport(startdate, enddate, this.selectedProductType, this.userId, this.userRolesId)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n\n });\n }\n\n /**\n * Name: getPipelineRegionwiseReport\n * purpose: To get piprline region wise data\n */\n getPipelineRegionwiseReport(): void{\n this.spinner = true;\n let startdate = this.datePipe.transform(this.fromDate, \"yyyy-MM-dd\");\n let enddate = this.datePipe.transform(this.toDate, \"yyyy-MM-dd\");\n let fileName = \"Pipeline_Data_Report_From_\" + startdate + \"_To_\" + enddate;\n //this.applyfilter();\n this.commonService.getPipelineRegionWiseDataReport(startdate, enddate, this.userId, this.userRolesId)\n .subscribe(fileData => {\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n this.spinner = false;\n }\n } else {\n this.spinner = false;\n }\n }, err => {\n this.spinner = false;\n });\n }\n}\n","export default \".working-area {\\n margin-top: 115px;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.calling-table tr {\\n cursor: pointer;\\n}\\n\\n.table-head-call {\\n background: none;\\n padding-top: 12px;\\n}\\n\\n.button-margin {\\n margin-left: 10px;\\n}\\n\\n.callList {\\n font: Bold 20px Roboto;\\n letter-spacing: 0px;\\n color: #484848;\\n opacity: 1;\\n}\\n\\n.close-con {\\n font-size: 18px;\\n cursor: pointer;\\n top: 3px;\\n right: 1px;\\n position: absolute !important;\\n z-index: 10;\\n opacity: 1;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 4px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90% !important;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-arrow-wrapper {\\n padding-bottom: 0px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.refesh-icon {\\n float: right;\\n margin-bottom: -30px;\\n margin-right: 20px;\\n margin-top: 30px;\\n cursor: pointer;\\n}\\n\\n.coloredRow {\\n background: #ffff99;\\n}\\n\\n.coloredGreenRow {\\n background: #90ee90;\\n}\\n\\n.mat-dialog-title {\\n background-color: darkgray;\\n}\\n\\n.callList-right {\\n font-size: 11px;\\n color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.columnHeader {\\n font: Bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.lost {\\n color: #e64243;\\n position: absolute;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.inbound {\\n color: #2e3668;\\n position: absolute;\\n left: 0px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.columnvalue {\\n font-size: 14px;\\n position: relative;\\n}\\n\\n.filter1 {\\n font-size: 12px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 20px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n}\\n\\n.serviceDueDate {\\n width: 10% !important;\\n}\\n\\n.followUp {\\n width: 8% !important;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 10px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\nth.mat-header-cell {\\n background-color: #d9d9d9;\\n}\\n\\n.mat-sort-header-container {\\n justify-content: center !important;\\n}\\n\\n.filter2 {\\n width: auto;\\n}\\n\\n.call-stats-card .mat-card-title {\\n margin-bottom: 0px;\\n}\\n\\n.call-stats-card .call-stats {\\n font-size: 11px;\\n color: #ffffff;\\n}\\n\\n.call-stats-card .call-stats i {\\n color: #2e3668;\\n font-size: 11px;\\n}\\n\\n.call-stats-card .call-stats-title {\\n font-size: 20px;\\n color: #484848;\\n}\\n\\n.call-stats-card1 {\\n padding-top: 0px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid none solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card-border2 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n margin-bottom: 15px;\\n border-color: lightgray;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #5482BC;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #5482BC;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 30px;\\n font: Regular 14px Roboto;\\n letter-spacing: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .refresh-btn.mat-button {\\n min-width: auto;\\n}\\n\\n.refresh-btn {\\n background-color: #ffffff;\\n color: #e64243;\\n border: 1px solid #e64243;\\n border-radius: 0px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-flex {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n background: white;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-label {\\n padding-left: 10px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-infix {\\n border-top: none;\\n}\\n\\n.textboxService ::ng-deep label.mat-form-field-label {\\n margin-top: 8px !important;\\n}\\n\\n.textboxService ::ng-deep input.mat-input-element {\\n margin-top: 0.6em;\\n margin-left: 10px;\\n}\\n\\n.search-icon {\\n position: absolute;\\n right: 15px;\\n top: 15px;\\n}\\n\\n.backColor {\\n background-color: #00457D !important;\\n font-size: 12px;\\n}\\n\\n.box-size {\\n margin-left: 10px;\\n margin-top: 7px;\\n width: 28px;\\n height: 28px;\\n color: #ffffff !important;\\n}\\n\\n.box-size1 {\\n margin-left: 10px;\\n margin-top: 10px;\\n width: 22px;\\n height: 22px;\\n color: #ffffff !important;\\n}\\n\\n.backColor1 {\\n background-color: #5482BC !important;\\n font-size: 12px;\\n}\\n\\n.call-stats-value {\\n margin-left: 50px;\\n font-size: 18px;\\n}\\n\\n.call-stats-value1 {\\n margin-left: 30px;\\n font-size: 18px;\\n}\\n\\n.info-circle-size {\\n font-size: 12px !important;\\n color: #ffffff !important;\\n}\\n\\n.flex-set {\\n margin-top: 7px;\\n margin-left: 15px;\\n}\\n\\n.flex-set1 {\\n margin-top: 7px;\\n margin-left: 25px;\\n}\\n\\n.dueDateIcon {\\n height: 9px;\\n width: 11px;\\n}\\n\\n.droupdown-style {\\n width: 200px;\\n}\\n\\n.value-list1 hr {\\n border-top: 1px solid lightgrey;\\n margin: 5px 0px;\\n width: 100%;\\n}\\n\\n.value-list1 span {\\n margin-left: 5px;\\n padding-left: 5px;\\n margin-top: 3px;\\n font-size: 12px;\\n}\\n\\n.margin-left {\\n padding-left: 10px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.followUp {\\n width: 9% !important;\\n}\\n\\n.lastCall {\\n width: 9% !important;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvc29mdC1vZmZlcmluZ3Mvc29mdC1vZmZlcmluZ3MuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudC9zb2Z0LW9mZmVyaW5ncy9zb2Z0LW9mZmVyaW5ncy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxXQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0FDQ0o7O0FERUE7RUFDSSxnQkFBQTtFQUNBLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksc0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxVQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7RUFDQSxVQUFBO0VBQ0EsNkJBQUE7RUFDQSxXQUFBO0VBQ0EsVUFBQTtBQ0NKOztBREVBO0VBQ0ksMkJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0VBQ0EsVUFBQTtFQUNBLFlBQUE7QUNDSjs7QURFQTtFQUNJLGdCQUFBO0FDQ0o7O0FER0E7RUFDSSxpQkFBQTtBQ0FKOztBREdBO0VBQ0kscUJBQUE7QUNBSjs7QURHQTtFQUNJLGVBQUE7RUFDQSxXQUFBO0FDQUo7O0FER0E7RUFDSSxNQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDQUo7O0FER0E7RUFDSSxpQkFBQTtBQ0FKOztBREdBO0VBQ0ksYUFBQTtBQ0FKOztBREdBO0VBQ0ksTUFBQTtFQUNBLDBCQUFBO0VBQ0EsaUJBQUE7QUNBSjs7QURHQTtFQUNJLG1CQUFBO0FDQUo7O0FER0E7RUFDSSxzQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTtBQ0FKOztBREdBO0VBQ0ksWUFBQTtFQUNBLG9CQUFBO0VBQ0Esa0JBQUE7RUFDQSxnQkFBQTtFQUNBLGVBQUE7QUNBSjs7QURHQTtFQUNJLG1CQUFBO0FDQUo7O0FER0E7RUFDSSxtQkFBQTtBQ0FKOztBREdBO0VBQ0ksMEJBQUE7QUNBSjs7QURHQTtFQUNJLGVBQUE7RUFDQSwwQkFBQTtBQ0FKOztBREdBO0VBQ0ksc0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSwwQkFBQTtBQ0FKOztBREdBO0VBQ0ksY0FBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0FDQUo7O0FER0E7RUFDSSxjQUFBO0VBQ0Esa0JBQUE7RUFDQSxTQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QUNBSjs7QURHQTtFQUNJLGVBQUE7RUFDQSxrQkFBQTtBQ0FKOztBREdBO0VBQ0ksZUFBQTtBQ0FKOztBREdBO0VBQ0ksdUJBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0FDQUo7O0FER0E7RUFDSSxtQkFBQTtBQ0FKOztBREdBO0VBQ0kscUJBQUE7QUNBSjs7QURHQTtFQUNJLG9CQUFBO0FDQUo7O0FER0E7OztFQUdJLGFBQUE7RUFDQSxtQ0FBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7QUNBSjs7QURHQTtFQUNJLG1DQUFBO0VBQ0EsdUJBQUE7QUNBSjs7QURHQTtFQUtJLHlCQUFBO0FDSko7O0FET0E7RUFDSSxrQ0FBQTtBQ0pKOztBRE9BO0VBQ0ksV0FBQTtBQ0pKOztBRFFJO0VBQ0ksa0JBQUE7QUNMUjs7QURPSTtFQUNJLGVBQUE7RUFDQSxjQUFBO0FDTFI7O0FETVE7RUFDSSxjQUFBO0VBQ0EsZUFBQTtBQ0paOztBRE9JO0VBQ0ksZUFBQTtFQUNBLGNBQUE7QUNMUjs7QURTQTtFQUNJLGdCQUFBO0FDTko7O0FEU0E7RUFDSSxvQ0FBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7RUFDQSx1QkFBQTtBQ05KOztBRFNBO0VBQ0kscUNBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsbUJBQUE7RUFDQSx1QkFBQTtBQ05KOztBRFNBO0VBQ0ksa0JBQUE7QUNOSjs7QURTQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtBQ05KOztBRFNBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0FDTko7O0FEU0E7RUFDSSxpQkFBQTtFQUNBLHlCQUFBO0VBQ0EsbUJBQUE7QUNOSjs7QURTQTtFQUNJLGVBQUE7QUNOSjs7QURTQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7QUNOSjs7QURTQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtBQ05KOztBRFNBO0VBQ0ksa0JBQUE7QUNOSjs7QURTQTtFQUNJLGdCQUFBO0FDTko7O0FEU0E7RUFDSSwwQkFBQTtBQ05KOztBRFNBO0VBQ0ksaUJBQUE7RUFDQSxpQkFBQTtBQ05KOztBRFNBO0VBQ0ksa0JBQUE7RUFDQSxXQUFBO0VBQ0EsU0FBQTtBQ05KOztBRFNBO0VBQ0ksb0NBQUE7RUFDQSxlQUFBO0FDTko7O0FEU0E7RUFDSSxpQkFBQTtFQUNBLGVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0FDTko7O0FEU0E7RUFDSSxpQkFBQTtFQUNBLGdCQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSx5QkFBQTtBQ05KOztBRFNBO0VBQ0ksb0NBQUE7RUFDQSxlQUFBO0FDTko7O0FEU0E7RUFDSSxpQkFBQTtFQUNBLGVBQUE7QUNOSjs7QURTQTtFQUNJLGlCQUFBO0VBQ0EsZUFBQTtBQ05KOztBRFNBO0VBQ0ksMEJBQUE7RUFDQSx5QkFBQTtBQ05KOztBRFNBO0VBQ0ksZUFBQTtFQUNBLGlCQUFBO0FDTko7O0FEU0E7RUFDSSxlQUFBO0VBQ0EsaUJBQUE7QUNOSjs7QURTQTtFQUNJLFdBQUE7RUFDQSxXQUFBO0FDTko7O0FEU0E7RUFDSSxZQUFBO0FDTko7O0FEVUk7RUFDSSwrQkFBQTtFQUNBLGVBQUE7RUFDQSxXQUFBO0FDUFI7O0FEU0k7RUFDSSxnQkFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLGVBQUE7QUNQUjs7QURXQTtFQUNJLGtCQUFBO0FDUko7O0FEV0E7RUFDSSx1QkFBQTtFQUNBLG1CQUFBO0FDUko7O0FEV0E7RUFDSSxvQkFBQTtBQ1JKOztBRFdBO0VBQ0ksb0JBQUE7QUNSSiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudC9zb2Z0LW9mZmVyaW5ncy9zb2Z0LW9mZmVyaW5ncy5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53b3JraW5nLWFyZWEge1xuICAgIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG50YWJsZSB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi5jYWxsaW5nLXRhYmxlIHRyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi50YWJsZS1oZWFkLWNhbGwge1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgcGFkZGluZy10b3A6IDEycHg7XG59XG5cbi5idXR0b24tbWFyZ2luIHtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLmNhbGxMaXN0IHtcbiAgICBmb250OiBCb2xkIDIwcHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICM0ODQ4NDg7XG4gICAgb3BhY2l0eTogMTtcbn1cblxuLmNsb3NlLWNvbiB7XG4gICAgZm9udC1zaXplOiAxOHB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB0b3A6IDNweDtcbiAgICByaWdodDogMXB4O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgIHotaW5kZXg6IDEwO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgcGFkZGluZzogMDtcbiAgICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gICAgcGFkZGluZzogNHB4IDBweDtcbiAgICAvL3dpZHRoOiA5MCUgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdmFsdWUge1xuICAgIHdpZHRoOiA5MCUgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgZm9udDogd2hpdGU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gICAgdG9wOiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbi10b3A6IDRweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtYXJyb3ctd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gICAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjM2MzYzNjO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4ucmVmZXNoLWljb24ge1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBtYXJnaW4tYm90dG9tOiAtMzBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gICAgbWFyZ2luLXRvcDogMzBweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jb2xvcmVkUm93IHtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmZjk5O1xufVxuXG4uY29sb3JlZEdyZWVuUm93IHtcbiAgICBiYWNrZ3JvdW5kOiAjOTBlZTkwO1xufVxuXG4ubWF0LWRpYWxvZy10aXRsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogZGFya2dyYXk7XG59XG5cbi5jYWxsTGlzdC1yaWdodCB7XG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNTQpO1xufVxuXG4uY29sdW1uSGVhZGVyIHtcbiAgICBmb250OiBCb2xkIDEycHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzMzMzMzM7XG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5sb3N0IHtcbiAgICBjb2xvcjogI2U2NDI0MztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMTBweDtcbiAgICBmb250LXNpemU6IDEwcHg7XG4gICAgdG9wOiAzOCU7XG59XG5cbi5pbmJvdW5kIHtcbiAgICBjb2xvcjogIzJlMzY2ODtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMHB4O1xuICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICB0b3A6IDM4JTtcbn1cblxuLmNvbHVtbnZhbHVlIHtcbiAgICBmb250LXNpemU6IDE0cHg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZmlsdGVyMSB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZmlsdGVyQnV0dG9uIHtcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICAgIGhlaWdodDogMjBweDtcbiAgICBsaW5lLWhlaWdodDogMTBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG59XG5cbi5maWx0ZXJkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5zZXJ2aWNlRHVlRGF0ZSB7XG4gICAgd2lkdGg6IDEwJSAhaW1wb3J0YW50O1xufVxuXG4uZm9sbG93VXAge1xuICAgIHdpZHRoOiA4JSAhaW1wb3J0YW50O1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCxcbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gICAgcGFkZGluZzogMTBweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG4gICAgYm9yZGVyLXN0eWxlOiBub25lIHNvbGlkIHNvbGlkIG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gICAgLy9qdXN0aWZ5LXNlbGY6IGNlbnRlcjtcbiAgICAvL3RleHQtYWxpZ246IGNlbnRlcjtcbiAgICAvL2Rpc3BsYXk6IGZsZXg7XG4gICAgLy9qdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDlkOWQ5O1xufVxuXG4ubWF0LXNvcnQtaGVhZGVyLWNvbnRhaW5lciB7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXIgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjIge1xuICAgIHdpZHRoOiBhdXRvO1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkIHtcbiAgICAubWF0LWNhcmQtdGl0bGUge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwcHg7XG4gICAgfVxuICAgIC5jYWxsLXN0YXRzIHtcbiAgICAgICAgZm9udC1zaXplOiAxMXB4O1xuICAgICAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICAgICAgaSB7XG4gICAgICAgICAgICBjb2xvcjogIzJlMzY2ODtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICAgICAgfVxuICAgIH1cbiAgICAuY2FsbC1zdGF0cy10aXRsZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICAgICAgY29sb3I6ICM0ODQ4NDg7XG4gICAgfVxufVxuXG4uY2FsbC1zdGF0cy1jYXJkMSB7XG4gICAgcGFkZGluZy10b3A6IDBweDtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIG5vbmUgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMCU7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMiB7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItcmFkaXVzOiAwJTtcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB7XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBjb2xvcjogIzU0ODJCQztcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtY2hlY2tlZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJCQztcbiAgICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gICAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gICAgZm9udDogUmVndWxhciAxNHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5yZWZyZXNoLWJ0bi5tYXQtYnV0dG9uIHtcbiAgICBtaW4td2lkdGg6IGF1dG87XG59XG5cbi5yZWZyZXNoLWJ0biB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBjb2xvcjogI2U2NDI0MztcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZTY0MjQzO1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtZmxleCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIHBhZGRpbmctbGVmdDogMTBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgbGFiZWwubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIG1hcmdpbi10b3A6IDhweCAhaW1wb3J0YW50O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgICBtYXJnaW4tdG9wOiAwLjZlbTtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLnNlYXJjaC1pY29uIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDE1cHg7XG4gICAgdG9wOiAxNXB4O1xufVxuXG4uYmFja0NvbG9yIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uYm94LXNpemUge1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIG1hcmdpbi10b3A6IDdweDtcbiAgICB3aWR0aDogMjhweDtcbiAgICBoZWlnaHQ6IDI4cHg7XG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmJveC1zaXplMSB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgbWFyZ2luLXRvcDogMTBweDtcbiAgICB3aWR0aDogMjJweDtcbiAgICBoZWlnaHQ6IDIycHg7XG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmJhY2tDb2xvcjEge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkMgIWltcG9ydGFudDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlIHtcbiAgICBtYXJnaW4tbGVmdDogNTBweDtcbiAgICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlMSB7XG4gICAgbWFyZ2luLWxlZnQ6IDMwcHg7XG4gICAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uaW5mby1jaXJjbGUtc2l6ZSB7XG4gICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmZsZXgtc2V0IHtcbiAgICBtYXJnaW4tdG9wOiA3cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDE1cHg7XG59XG5cbi5mbGV4LXNldDEge1xuICAgIG1hcmdpbi10b3A6IDdweDtcbiAgICBtYXJnaW4tbGVmdDogMjVweDtcbn1cblxuLmR1ZURhdGVJY29uIHtcbiAgICBoZWlnaHQ6IDlweDtcbiAgICB3aWR0aDogMTFweDtcbn1cblxuLmRyb3VwZG93bi1zdHlsZSB7XG4gICAgd2lkdGg6IDIwMHB4O1xufVxuXG4udmFsdWUtbGlzdDEge1xuICAgIGhyIHtcbiAgICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIGxpZ2h0Z3JleTtcbiAgICAgICAgbWFyZ2luOiA1cHggMHB4O1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gICAgc3BhbiB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG4gICAgICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgICAgICBtYXJnaW4tdG9wOiAzcHg7XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICB9XG59XG5cbi5tYXJnaW4tbGVmdCB7XG4gICAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5mb2xsb3dVcCB7XG4gICAgd2lkdGg6IDklICFpbXBvcnRhbnQ7XG59XG5cbi5sYXN0Q2FsbCB7XG4gICAgd2lkdGg6IDklICFpbXBvcnRhbnQ7XG59IiwiLndvcmtpbmctYXJlYSB7XG4gIG1hcmdpbi10b3A6IDExNXB4O1xufVxuXG50YWJsZSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbGluZy10YWJsZSB0ciB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnRhYmxlLWhlYWQtY2FsbCB7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIHBhZGRpbmctdG9wOiAxMnB4O1xufVxuXG4uYnV0dG9uLW1hcmdpbiB7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uY2FsbExpc3Qge1xuICBmb250OiBCb2xkIDIwcHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzQ4NDg0ODtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmNsb3NlLWNvbiB7XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0b3A6IDNweDtcbiAgcmlnaHQ6IDFweDtcbiAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gIHotaW5kZXg6IDEwO1xuICBvcGFjaXR5OiAxO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdCB7XG4gIHBhZGRpbmc6IDRweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gIHdpZHRoOiA5MCUgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250OiB3aGl0ZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICB0b3A6IDA7XG4gIG1hcmdpbi10b3A6IDRweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LWFycm93LXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgZm9udDogQm9sZCAxNHB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzYzNjM2M7XG4gIG9wYWNpdHk6IDE7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbn1cblxuLnJlZmVzaC1pY29uIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBtYXJnaW4tYm90dG9tOiAtMzBweDtcbiAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuICBtYXJnaW4tdG9wOiAzMHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jb2xvcmVkUm93IHtcbiAgYmFja2dyb3VuZDogI2ZmZmY5OTtcbn1cblxuLmNvbG9yZWRHcmVlblJvdyB7XG4gIGJhY2tncm91bmQ6ICM5MGVlOTA7XG59XG5cbi5tYXQtZGlhbG9nLXRpdGxlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogZGFya2dyYXk7XG59XG5cbi5jYWxsTGlzdC1yaWdodCB7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41NCk7XG59XG5cbi5jb2x1bW5IZWFkZXIge1xuICBmb250OiBCb2xkIDEycHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzMzMzMzMztcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5sb3N0IHtcbiAgY29sb3I6ICNlNjQyNDM7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMTBweDtcbiAgZm9udC1zaXplOiAxMHB4O1xuICB0b3A6IDM4JTtcbn1cblxuLmluYm91bmQge1xuICBjb2xvcjogIzJlMzY2ODtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwcHg7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgdG9wOiAzOCU7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZmlsdGVyMSB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZpbHRlckJ1dHRvbiB7XG4gIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEO1xuICBoZWlnaHQ6IDIwcHg7XG4gIGxpbmUtaGVpZ2h0OiAxMHB4O1xuICBtYXJnaW4tYm90dG9tOiAxcHg7XG59XG5cbi5maWx0ZXJkaXYge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uc2VydmljZUR1ZURhdGUge1xuICB3aWR0aDogMTAlICFpbXBvcnRhbnQ7XG59XG5cbi5mb2xsb3dVcCB7XG4gIHdpZHRoOiA4JSAhaW1wb3J0YW50O1xufVxuXG50ZC5tYXQtY2VsbCxcbnRkLm1hdC1mb290ZXItY2VsbCxcbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQgbm9uZSBub25lIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRhYmxlLWJvcmRlci5tYXQtdGFibGUge1xuICBib3JkZXItc3R5bGU6IG5vbmUgc29saWQgc29saWQgbm9uZTtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkOWQ5ZDk7XG59XG5cbi5tYXQtc29ydC1oZWFkZXItY29udGFpbmVyIHtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXIgIWltcG9ydGFudDtcbn1cblxuLmZpbHRlcjIge1xuICB3aWR0aDogYXV0bztcbn1cblxuLmNhbGwtc3RhdHMtY2FyZCAubWF0LWNhcmQtdGl0bGUge1xuICBtYXJnaW4tYm90dG9tOiAwcHg7XG59XG4uY2FsbC1zdGF0cy1jYXJkIC5jYWxsLXN0YXRzIHtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cbi5jYWxsLXN0YXRzLWNhcmQgLmNhbGwtc3RhdHMgaSB7XG4gIGNvbG9yOiAjMmUzNjY4O1xuICBmb250LXNpemU6IDExcHg7XG59XG4uY2FsbC1zdGF0cy1jYXJkIC5jYWxsLXN0YXRzLXRpdGxlIHtcbiAgZm9udC1zaXplOiAyMHB4O1xuICBjb2xvcjogIzQ4NDg0ODtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZDEge1xuICBwYWRkaW5nLXRvcDogMHB4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjEge1xuICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIG5vbmUgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItcmFkaXVzOiAwJTtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMiB7XG4gIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQ7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItcmFkaXVzOiAwJTtcbiAgbWFyZ2luLWJvdHRvbTogMTVweDtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWdyb3VwIHtcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGNvbG9yOiAjNTQ4MkJDO1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1jaGVja2VkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJCQztcbiAgY29sb3I6ICNmZmZmZmY7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWxhYmVsLWNvbnRlbnQge1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgZm9udDogUmVndWxhciAxNHB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAucmVmcmVzaC1idG4ubWF0LWJ1dHRvbiB7XG4gIG1pbi13aWR0aDogYXV0bztcbn1cblxuLnJlZnJlc2gtYnRuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgY29sb3I6ICNlNjQyNDM7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlNjQyNDM7XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtZmxleCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBsYWJlbC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIG1hcmdpbi10b3A6IDhweCAhaW1wb3J0YW50O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgbWFyZ2luLXRvcDogMC42ZW07XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uc2VhcmNoLWljb24ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAxNXB4O1xuICB0b3A6IDE1cHg7XG59XG5cbi5iYWNrQ29sb3Ige1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmJveC1zaXplIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDdweDtcbiAgd2lkdGg6IDI4cHg7XG4gIGhlaWdodDogMjhweDtcbiAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmJveC1zaXplMSB7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBtYXJnaW4tdG9wOiAxMHB4O1xuICB3aWR0aDogMjJweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uYmFja0NvbG9yMSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkMgIWltcG9ydGFudDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZSB7XG4gIG1hcmdpbi1sZWZ0OiA1MHB4O1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlMSB7XG4gIG1hcmdpbi1sZWZ0OiAzMHB4O1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5pbmZvLWNpcmNsZS1zaXplIHtcbiAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5mbGV4LXNldCB7XG4gIG1hcmdpbi10b3A6IDdweDtcbiAgbWFyZ2luLWxlZnQ6IDE1cHg7XG59XG5cbi5mbGV4LXNldDEge1xuICBtYXJnaW4tdG9wOiA3cHg7XG4gIG1hcmdpbi1sZWZ0OiAyNXB4O1xufVxuXG4uZHVlRGF0ZUljb24ge1xuICBoZWlnaHQ6IDlweDtcbiAgd2lkdGg6IDExcHg7XG59XG5cbi5kcm91cGRvd24tc3R5bGUge1xuICB3aWR0aDogMjAwcHg7XG59XG5cbi52YWx1ZS1saXN0MSBociB7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCBsaWdodGdyZXk7XG4gIG1hcmdpbjogNXB4IDBweDtcbiAgd2lkdGg6IDEwMCU7XG59XG4udmFsdWUtbGlzdDEgc3BhbiB7XG4gIG1hcmdpbi1sZWZ0OiA1cHg7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xuICBtYXJnaW4tdG9wOiAzcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLm1hcmdpbi1sZWZ0IHtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBoZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn1cblxuLmZvbGxvd1VwIHtcbiAgd2lkdGg6IDklICFpbXBvcnRhbnQ7XG59XG5cbi5sYXN0Q2FsbCB7XG4gIHdpZHRoOiA5JSAhaW1wb3J0YW50O1xufSJdfQ== */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { ToastrService } from 'ngx-toastr';\nimport { DatePipe } from '@angular/common';\nimport { MatDialog, MatPaginator, MatSort, MatSelect } from '@angular/material';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { FilterPipePipe } from '../../pipes/filter-pipe.pipe';\nimport { ListCustData } from './listCustData';\n\n@Component({\n selector: 'app-soft-offerings',\n templateUrl: './soft-offerings.component.html',\n styleUrls: ['./soft-offerings.component.scss'],\n providers: [FilterPipePipe]\n})\nexport class SoftOfferingsComponent implements OnInit {\n\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;\n\n customerData: any;\n currentDate: string;\n spinner: boolean;\n userId: string;\n userRoles: any;\n selectedCallTypeValues: string[] = [];\n selectedCallStateValues: string[] = [];\n uniqueCallType = new Set();\n uniqueCallState = new Set();\n pageSize: number;\n filterMap = new Map();\n dataSource: any;\n filteredDataSource: any;\n callsToBeMade: number = 0;\n callsMade: number = 0;\n callToggleStatus: boolean = true;\n selection: any;\n callFlag: any;\n customersToBeCalled: string;\n callsMade1: string;\n userRoleId: string;\n listFlag: string;\n displayedColumns: string[] = [\n 'customerName',\n 'callType',\n 'callStatus',\n 'lastCallTime',\n 'creInput',\n 'followUpTime',\n 'remarks'\n ];\n\n constructor(private router: Router,private toastr: ToastrService,private commonService: CommonService,\n private datePipe: DatePipe, private filterPipePipe: FilterPipePipe) { }\n\n ngOnInit() {\n\n if (localStorage.getItem('userId') == null || localStorage.getItem('userId') == undefined) {\n this.router.navigate(['login']);\n }\n this.customerData = JSON.parse(localStorage.getItem('customerData'));\n this.userId = localStorage.getItem('userId');\n this.currentDate = this.datePipe.transform(new Date(), \"yyyy-MM-dd\");\n this.userRoles = localStorage.getItem('userRoles');\n\n this.userRoleId = JSON.parse(localStorage.getItem(\"userInfo\"))[0].roleId;\n if (localStorage.getItem('selectedCallTypeValues') != null || localStorage.getItem('selectedCallTypeValues') != undefined) {\n let selectedCallTypeValues = JSON.parse(localStorage.getItem('selectedCallTypeValues'));\n this.selectedCallTypeValues = selectedCallTypeValues;\n }\n\n if (localStorage.getItem('selectedCallStateValues') != null || localStorage.getItem('selectedCallStateValues') != undefined) {\n let selectedCallStateValues = JSON.parse(localStorage.getItem('selectedCallStateValues'));\n this.selectedCallStateValues = selectedCallStateValues;\n }\n\n if (localStorage.getItem('callListPageSize') != null || localStorage.getItem('callListPageSize') != undefined) {\n let pagesize = Number(localStorage.getItem('callListPageSize'));\n // this.pageSize = (pagesize && pagesize != NaN) ? pagesize : 50;\n } else {\n this.pageSize = 50;\n }\n\n // if ((localStorage.getItem('workshops') == null || localStorage.getItem('workshops') == undefined) && this.userRoles !='Call Center Agent') {\n // this.getWorkshopDetails();\n // }\n //this.getCreStats();\n if(this.userRoleId == '2') {\n this.listFlag = 'Z';\n setTimeout(() => this.amcpairCallList('Z', this.userId, this.userRoleId), 1000);\n } else {\n this.listFlag = 'Y';\n setTimeout(() => this.amcpairCallList('Y', this.userId, this.userRoleId), 1000);\n }\n\n }\n\n /**\n * Name: setPageData\n * purpose: To set pagesize for table\n */\n setPageData(event) {\n let size = event.pageSize.toString();\n localStorage.setItem('callListPageSize', size);\n}\n\n/**\n * Name: getWorkshopDetails\n * purpose: To get CRE assigned workshop details\n */\n getWorkshopDetails() {\n this.spinner = true;\n this.commonService.getWorkshopDetails(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n this.spinner = false;\n localStorage.setItem('workshops', JSON.stringify(res['responseData']));\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: activeButton\n * purpose: To activat apply button\n */\n activeButton(): boolean {\n let flag = false;\n if(this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0) {\n flag = true;\n } else if (this.selectedCallStateValues != null && this.selectedCallStateValues.length != 0) {\n flag = true;\n }\n return flag;\n }\n\n /**\n * Name: applyfilter\n * purpose: To apply filter on call list data\n */\n applyfilter(): void {\n let key = '';\n this.filterMap = new Map();\n this.filteredDataSource = this.dataSource;\n\n if(this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0){\n key = \"callType\";\n this.filterMap.set(key, this.selectedCallTypeValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n if(this.selectedCallStateValues != null && this.selectedCallStateValues.length != 0){\n key = \"callStatus\";\n this.filterMap.set(key, this.selectedCallStateValues);\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.filteredDataSource.filteredData, this.filterMap));\n }\n\n //this.filterMap.set(this.selectedCol, this.selectedColValues);\n //this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.dataSource.filteredData, this.filterMap));\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n localStorage.setItem('selectedCallTypeValues',JSON.stringify(this.selectedCallTypeValues));\n localStorage.setItem('selectedCallStateValues',JSON.stringify(this.selectedCallStateValues));\n //localStorage.setItem('selectedCol', this.selectedCol);\n //localStorage.setItem('selectedColValues', JSON.stringify(this.selectedColValues));\n }\n\n /**\n * Name: searchfilter\n * purpose: To apply filter on call list data\n */\n searchfilter(filterValue: string): void {\n filterValue = filterValue.trim(); // Remove whitespace\n filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n this.filteredDataSource.filter = filterValue;\n }\n\n /**\n * Name: amcpairCallList\n * purpose: To get calllist details\n * @param {string} flag - type of call\n * @param {string} creId - User Id\n * @param {any} userRoleId - User Id\n */\n amcpairCallList(flag: string, creId: string, userRoleId: string): void {\n this.spinner = true;\n this.selection = new SelectionModel(true, []);\n\n this.commonService.amccustomercallList(flag, creId, userRoleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n if (flag == 'Y' || flag == 'Z') {\n this.callFlag = flag;\n this.callToggleStatus = true;\n } else {\n this.callFlag = flag;\n this.callToggleStatus = false;\n }\n\n if (res['responseData'].length) {\n res['responseData'].forEach(data => {\n // if ((data.accountType).toLowerCase() == \"lost\") {\n // let changeName = data.customerName.split(\" - L\")[0];\n // data.customerName = changeName;\n // }\n let inboundCustomer = data.customerName.includes(\"- I\");\n let stringPosition = data.customerName.length;\n let lostString = data.customerName[stringPosition - 3] + data.customerName[stringPosition - 2] + data.customerName[stringPosition - 1]\n if (inboundCustomer && lostString == \"- I\") {\n let changeName = data.customerName.split(\" - I\")[0];\n data.customerName = changeName;\n data.isInboundCall = true;\n }\n });\n }\n this.callsToBeMade = res['responseData'].length;\n //init data table and shorting\n this.dataSource = new MatTableDataSource(res['responseData']);\n //this.sort.direction = '';\n this.dataSource.sort = this.sort;\n this.dataSource.sortingDataAccessor = (data, header) => data[header];\n this.dataSource.paginator = this.paginator;\n this.filterData();\n if ((this.selectedCallTypeValues != null && this.selectedCallTypeValues.length == 0)\n && (this.selectedCallStateValues != null && this.selectedCallStateValues.length == 0)) {\n //init filtered table and shorting\n this.filteredDataSource = new MatTableDataSource(res['responseData']);\n //this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n }\n this.spinner = false;\n this.callsMadeCalculate(res['responseData']);\n this.callListinfo();\n } else {\n this.spinner = false;\n this.toastr.error(res['message'], \"Error\");\n this.callToggleStatus = true;\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n this.callToggleStatus = true;\n });\n }\n\n /**\n * Name: callsMadeCalculate\n * purpose: To get call made count\n * @param {Array} callsToBeMade - list of calls\n */\n callsMadeCalculate(callsToBeMade: any) {\n this.callsMade = 0;\n callsToBeMade.forEach(element => {\n let currentDate = \"\" + this.datePipe.transform(new Date(), \"yyyy-MM-dd\");\n // let reqDate = this.datePipe.transform((element.lastCallTime), \"yyyy-MM-dd\");\n // if (currentDate == reqDate) {\n // this.callsMade++;\n // }\n });\n }\n\n /**\n * Name: callListinfo\n * purpose: To get call count info\n */\n callListinfo(): void {\n this.spinner = true;\n this.commonService.amcCallListinfo(this.userId, this.userRoleId)\n .subscribe(res => {\n if (res['responseCode'] == 0 && res['responseData'] != undefined) {\n this.customersToBeCalled = res['responseData'].callToBeMade;\n this.callsMade1 = res['responseData'].callMade;\n this.spinner = false;\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n //...\n });\n }\n\n /**\n * Name: selectCustomer\n * purpose: To select customer for details\n * @param {Object} row - selected customer details\n */\n selectCustomer(row: ListCustData): void {\n localStorage.setItem('customerId', row.customerId);\n //localStorage.setItem('custNotification', row.serviceType + \", \" + row.callStatusDesc);\n //localStorage.setItem(\"vin\", row.vin);\n //localStorage.setItem(\"dealerCode\", row.dealerCode);\n localStorage.setItem(\"customerData\", JSON.stringify(row));\n this.router.navigate(['soft-customer360']);\n }\n\n /**\n * Name: filterData\n * purpose: To filter call list data\n */\n filterData(): void {\n this.dataSource.filteredData.forEach(element => {\n this.uniqueCallType.add(element.callType);\n this.uniqueCallState.add(element.callStatus);\n });\n\n if ((this.selectedCallTypeValues != null && this.selectedCallTypeValues.length != 0)\n || (this.selectedCallStateValues != null && this.selectedCallStateValues.length != 0)) {\n //this.filterTriggered(null);\n this.applyfilter();\n }\n }\n\n /**\n * Name: clearFilter\n * purpose: To clear filter\n */\n clearFilter(listChange:boolean, listType: any): void {\n if(listType != 'X') {\n if(this.userRoleId == '2') {\n listType = 'Z';\n } else {\n listType = 'Y'\n }\n }\n if(listChange) {\n this.dataSource = [];\n this.filteredDataSource = [];\n this.amcpairCallList(listType, this.userId, this.userRoleId);\n } else {\n this.filterMap.clear();\n this.selectedCallTypeValues = null;\n this.selectedCallStateValues = null;\n this.filteredDataSource = new MatTableDataSource(this.filterPipePipe.transform(this.dataSource.filteredData, this.filterMap));\n this.callsToBeMade = this.filteredDataSource.filteredData.length;\n this.sort.direction = '';\n this.filteredDataSource.sort = this.sort;\n this.filteredDataSource.sortingDataAccessor = (data, header) => data[header];\n this.filteredDataSource.paginator = this.paginator;\n localStorage.removeItem('selectedCallTypeValues');\n localStorage.removeItem('selectedCallStateValues');\n }\n }\n\n /**\n * Name: changeColor\n * purpose: To change followup time color\n */\n changeColor(followUp:any): String {\n let currentTime = this.datePipe.transform(new Date(), \"yyyy-MM-dd HH:mm:ss \");\n\n if(followUp != null && followUp != undefined && followUp != \"\") {\n let followUpDateTime = this.datePipe.transform(followUp, \"yyyy-MM-dd HH:mm:ss\");\n if((new Date(currentTime)).getTime() > (new Date(followUpDateTime).getTime())){\n return \"red\";\n }\n }\n }\n}","export default \".working-area {\\n margin-top: 160px;\\n}\\n\\n.contact {\\n margin-top: 20px;\\n width: 100% !important;\\n}\\n\\n.hide-element {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 2px;\\n background: white;\\n padding: 0;\\n height: 30px;\\n}\\n\\n.table-head-call .mat-button-toggle-group {\\n margin: 10px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 8px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n width: 100%;\\n}\\n\\n.columnvalue {\\n font-size: 14px;\\n text-align: left;\\n}\\n\\n.label {\\n font-weight: 500;\\n margin-bottom: 5px !important;\\n text-align: left;\\n}\\n\\n.columnHeader {\\n font: 14px Roboto;\\n font-weight: 500 !important;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n opacity: 1;\\n /* position: relative !important; */\\n}\\n\\n::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,\\n.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {\\n background-color: grey;\\n}\\n\\n.columnvalue {\\n font-size: 14px;\\n position: relative;\\n}\\n\\n.end-button {\\n color: white;\\n background-color: #2e3668;\\n border-radius: 0;\\n margin-top: 10px;\\n}\\n\\n.sub-title {\\n font: Bold 16px Roboto;\\n}\\n\\n.calling-table tr {\\n cursor: pointer;\\n}\\n\\n.form-field-inp {\\n padding: 5px;\\n border: 1px solid lightgray;\\n width: auto;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 90%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.cre-search-bar button {\\n margin-top: 10px;\\n}\\n\\n.search-input {\\n width: 90%;\\n}\\n\\n.search-input input {\\n width: 100%;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 8px !important;\\n padding-left: 5px;\\n}\\n\\n.info-action {\\n text-align: end;\\n}\\n\\n.filter-label {\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.form-field {\\n margin-bottom: 10px;\\n}\\n\\n.work {\\n display: flex;\\n flex-direction: row;\\n justify-content: flex-start;\\n flex-wrap: wrap;\\n}\\n\\n.search-card {\\n box-shadow: none;\\n background-color: transparent;\\n}\\n\\n.mat-card-cvr {\\n width: 100%;\\n text-align: center;\\n}\\n\\n.m-l-10 {\\n margin-left: 10px !important;\\n}\\n\\n.btn {\\n position: relative;\\n cursor: pointer;\\n overflow: hidden;\\n background-color: #00457d !important;\\n border-radius: 5px !important;\\n height: 30px;\\n}\\n\\n.btn p {\\n text-align: center;\\n text-transform: uppercase;\\n color: #fff;\\n position: relative;\\n z-index: 1;\\n transition: all 0.3s ease;\\n margin: auto;\\n font-size: 12px;\\n line-height: 10px;\\n}\\n\\n.btn-1 {\\n background-color: #ffffff !important;\\n color: #00457d !important;\\n border: 1px solid #00457d;\\n}\\n\\n.btn-1 p {\\n margin: auto;\\n}\\n\\n.disabled {\\n opacity: 0.6;\\n}\\n\\n.color {\\n min-width: 150px;\\n background-color: #e64243;\\n border: 1px solid #e64243;\\n margin-left: 172px;\\n color: white;\\n}\\n\\n.check {\\n min-width: 150px;\\n background-color: #e64243;\\n border: 1px solid #e64243;\\n color: white;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-flex {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n background: white;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-label {\\n padding-left: 10px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-infix {\\n border-top: none;\\n}\\n\\n.textboxService ::ng-deep label.mat-form-field-label {\\n margin-top: 8px !important;\\n}\\n\\n.textboxService ::ng-deep input.mat-input-element {\\n margin-top: 0.6em;\\n margin-left: 10px;\\n}\\n\\n.col {\\n margin-top: 10px;\\n}\\n\\n.example-card1 {\\n text-align: center;\\n width: 60%;\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n margin-bottom: 10px;\\n}\\n\\n.mat-form-field-infix {\\n height: 15px !important;\\n}\\n\\n.m-t-20 {\\n margin-top: 20px;\\n}\\n\\n.m-l-20 {\\n margin-left: 20px;\\n}\\n\\n.action-btn {\\n width: 94%;\\n margin: 0 auto;\\n margin-top: 10px;\\n margin-bottom: 20px;\\n}\\n\\n.searchfilter {\\n width: 380px;\\n height: 30px;\\n margin-left: 10px;\\n font-size: 12px;\\n border: 0;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvdWFtL3VhbS5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50L3VhbS91YW0uY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxpQkFBQTtBQ0NGOztBREVBO0VBQ0UsZ0JBQUE7RUFDQSxzQkFBQTtBQ0NGOztBREVBO0VBQ0UsYUFBQTtBQ0NGOztBREVBO0VBQ0UsMkJBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBO0VBQ0EsVUFBQTtFQUNBLFlBQUE7QUNDRjs7QURFQTtFQUNFLFlBQUE7QUNDRjs7QURFQTtFQUNFLGdCQUFBO0FDQ0Y7O0FERUE7RUFDRSxpQkFBQTtFQUNBLFdBQUE7QUNDRjs7QURFQTtFQUNFLGVBQUE7RUFDQSxnQkFBQTtBQ0NGOztBREVBO0VBQ0UsZ0JBQUE7RUFDQSw2QkFBQTtFQUNBLGdCQUFBO0FDQ0Y7O0FERUE7RUFDRSxpQkFBQTtFQUNBLDJCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsMEJBQUE7RUFDQSxVQUFBO0VBQ0EsbUNBQUE7QUNDRjs7QURFQTs7RUFFRSxzQkFBQTtBQ0NGOztBREVBO0VBQ0UsZUFBQTtFQUNBLGtCQUFBO0FDQ0Y7O0FERUE7RUFDRSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxnQkFBQTtFQUNBLGdCQUFBO0FDQ0Y7O0FERUE7RUFDRSxzQkFBQTtBQ0NGOztBREVBO0VBQ0UsZUFBQTtBQ0NGOztBREVBO0VBQ0UsWUFBQTtFQUNBLDJCQUFBO0VBQ0EsV0FBQTtBQ0NGOztBREVBO0VBQ0UsVUFBQTtBQ0NGOztBREVBO0VBQ0UsTUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ0NGOztBREVBO0VBQ0UsZ0JBQUE7QUNDRjs7QURFQTtFQUNFLFVBQUE7QUNDRjs7QURDRTtFQUNFLFdBQUE7QUNDSjs7QURHQTtFQUNFLGlCQUFBO0FDQUY7O0FER0E7RUFDRSxhQUFBO0FDQUY7O0FER0E7RUFDRSxNQUFBO0VBQ0EsMEJBQUE7RUFDQSxpQkFBQTtBQ0FGOztBREdBO0VBQ0UsZUFBQTtBQ0FGOztBREdBO0VBQ0UsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0FDQUY7O0FER0E7RUFDRSxtQkFBQTtBQ0FGOztBREdBO0VBQ0UsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsMkJBQUE7RUFDQSxlQUFBO0FDQUY7O0FER0E7RUFDRSxnQkFBQTtFQUNBLDZCQUFBO0FDQUY7O0FER0E7RUFDRSxXQUFBO0VBQ0Esa0JBQUE7QUNBRjs7QURHQTtFQUNFLDRCQUFBO0FDQUY7O0FER0E7RUFDRSxrQkFBQTtFQUNBLGVBQUE7RUFDQSxnQkFBQTtFQUNBLG9DQUFBO0VBQ0EsNkJBQUE7RUFDQSxZQUFBO0FDQUY7O0FER0E7RUFDRSxrQkFBQTtFQUNBLHlCQUFBO0VBQ0EsV0FBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLHlCQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxpQkFBQTtBQ0FGOztBREdBO0VBQ0Usb0NBQUE7RUFDQSx5QkFBQTtFQUNBLHlCQUFBO0FDQUY7O0FER0E7RUFDRSxZQUFBO0FDQUY7O0FER0E7RUFDRSxZQUFBO0FDQUY7O0FER0E7RUFDRSxnQkFBQTtFQUNBLHlCQUFBO0VBQ0EseUJBQUE7RUFDQSxrQkFBQTtFQUNBLFlBQUE7QUNBRjs7QURHQTtFQUNFLGdCQUFBO0VBQ0EseUJBQUE7RUFDQSx5QkFBQTtFQUNBLFlBQUE7QUNBRjs7QURHQTtFQUNFLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtBQ0FGOztBREdBO0VBQ0Usa0JBQUE7QUNBRjs7QURHQTtFQUNFLGdCQUFBO0FDQUY7O0FER0E7RUFDRSwwQkFBQTtBQ0FGOztBREdBO0VBQ0UsaUJBQUE7RUFDQSxpQkFBQTtBQ0FGOztBREdBO0VBQ0UsZ0JBQUE7QUNBRjs7QURHQTtFQUNFLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0EsbUJBQUE7QUNBRjs7QURHQTtFQUNFLHVCQUFBO0FDQUY7O0FER0E7RUFDRSxnQkFBQTtBQ0FGOztBREdBO0VBQ0UsaUJBQUE7QUNBRjs7QURHQTtFQUNFLFVBQUE7RUFDQSxjQUFBO0VBQ0EsZ0JBQUE7RUFDQSxtQkFBQTtBQ0FGOztBREdBO0VBQ0UsWUFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtFQUNBLGVBQUE7RUFDQSxTQUFBO0FDQUYiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnQvdWFtL3VhbS5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53b3JraW5nLWFyZWEge1xuICBtYXJnaW4tdG9wOiAxNjBweDtcbn1cblxuLmNvbnRhY3Qge1xuICBtYXJnaW4tdG9wOiAyMHB4O1xuICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xufVxuXG4uaGlkZS1lbGVtZW50IHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAzMHB4O1xufVxuXG4udGFibGUtaGVhZC1jYWxsIC5tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB7XG4gIG1hcmdpbjogMTBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZzogOHB4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuLmxhYmVsIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4ICFpbXBvcnRhbnQ7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbi5jb2x1bW5IZWFkZXIge1xuICBmb250OiAxNHB4IFJvYm90bztcbiAgZm9udC13ZWlnaHQ6IDUwMCAhaW1wb3J0YW50O1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzMzMzMzMztcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gIG9wYWNpdHk6IDE7XG4gIC8qIHBvc2l0aW9uOiByZWxhdGl2ZSAhaW1wb3J0YW50OyAqL1xufVxuXG46Om5nLWRlZXAgLm1hdC1jaGVja2JveC1jaGVja2VkLm1hdC1hY2NlbnQgLm1hdC1jaGVja2JveC1iYWNrZ3JvdW5kLFxuLm1hdC1jaGVja2JveC1pbmRldGVybWluYXRlLm1hdC1hY2NlbnQgLm1hdC1jaGVja2JveC1iYWNrZ3JvdW5kIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogZ3JleTtcbn1cblxuLmNvbHVtbnZhbHVlIHtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5lbmQtYnV0dG9uIHtcbiAgY29sb3I6IHdoaXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMmUzNjY4O1xuICBib3JkZXItcmFkaXVzOiAwO1xuICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuXG4uc3ViLXRpdGxlIHtcbiAgZm9udDogQm9sZCAxNnB4IFJvYm90bztcbn1cblxuLmNhbGxpbmctdGFibGUgdHIge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5mb3JtLWZpZWxkLWlucCB7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICB3aWR0aDogYXV0bztcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDkwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5jcmUtc2VhcmNoLWJhciBidXR0b257XG4gIG1hcmdpbi10b3A6IDEwcHg7XG59XG5cbi5zZWFyY2gtaW5wdXQge1xuICB3aWR0aDogOTAlO1xuXG4gIGlucHV0IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgdG9wOiAwO1xuICBtYXJnaW4tdG9wOiA4cHggIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5pbmZvLWFjdGlvbiB7XG4gIHRleHQtYWxpZ246IGVuZDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjM2MzYzNjO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5mb3JtLWZpZWxkIHtcbiAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLndvcmsge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGZsZXgtd3JhcDogd3JhcDtcbn1cblxuLnNlYXJjaC1jYXJkIHtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbi5tYXQtY2FyZC1jdnIge1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4ubS1sLTEwIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHggIWltcG9ydGFudDtcbn1cblxuLmJ0biB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdkICFpbXBvcnRhbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xuICBoZWlnaHQ6IDMwcHg7XG59XG5cbi5idG4gcCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgY29sb3I6ICNmZmY7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgbWFyZ2luOiBhdXRvO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxpbmUtaGVpZ2h0OiAxMHB4O1xufVxuXG4uYnRuLTEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjMDA0NTdkICFpbXBvcnRhbnQ7XG4gIGJvcmRlcjogMXB4IHNvbGlkICMwMDQ1N2Q7XG59XG5cbi5idG4tMSBwIHtcbiAgbWFyZ2luOiBhdXRvO1xufVxuXG4uZGlzYWJsZWQge1xuICBvcGFjaXR5OiAwLjY7XG59XG5cbi5jb2xvciB7XG4gIG1pbi13aWR0aDogMTUwcHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlNjQyNDM7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlNjQyNDM7XG4gIG1hcmdpbi1sZWZ0OiAxNzJweDtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uY2hlY2sge1xuICBtaW4td2lkdGg6IDE1MHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTY0MjQzO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZTY0MjQzO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWZsZXgge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlci10b3A6IG5vbmU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgbGFiZWwubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICBtYXJnaW4tdG9wOiA4cHggIWltcG9ydGFudDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBpbnB1dC5tYXQtaW5wdXQtZWxlbWVudCB7XG4gIG1hcmdpbi10b3A6IDAuNmVtO1xuICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLmNvbCB7XG4gIG1hcmdpbi10b3A6IDEwcHg7XG59XG5cbi5leGFtcGxlLWNhcmQxIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB3aWR0aDogNjAlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgaGVpZ2h0OiAxNXB4ICFpbXBvcnRhbnQ7XG59XG5cbi5tLXQtMjAge1xuICBtYXJnaW4tdG9wOiAyMHB4O1xufVxuXG4ubS1sLTIwIHtcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XG59XG5cbi5hY3Rpb24tYnRuIHtcbiAgd2lkdGg6IDk0JTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIG1hcmdpbi10b3A6IDEwcHg7XG4gIG1hcmdpbi1ib3R0b206IDIwcHg7XG59XG5cbi5zZWFyY2hmaWx0ZXIge1xuICB3aWR0aDogMzgwcHg7XG4gIGhlaWdodDogMzBweDtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgYm9yZGVyOiAwO1xufSIsIi53b3JraW5nLWFyZWEge1xuICBtYXJnaW4tdG9wOiAxNjBweDtcbn1cblxuLmNvbnRhY3Qge1xuICBtYXJnaW4tdG9wOiAyMHB4O1xuICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xufVxuXG4uaGlkZS1lbGVtZW50IHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAzMHB4O1xufVxuXG4udGFibGUtaGVhZC1jYWxsIC5tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB7XG4gIG1hcmdpbjogMTBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZzogOHB4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuLmxhYmVsIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4ICFpbXBvcnRhbnQ7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbi5jb2x1bW5IZWFkZXIge1xuICBmb250OiAxNHB4IFJvYm90bztcbiAgZm9udC13ZWlnaHQ6IDUwMCAhaW1wb3J0YW50O1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzMzMzMzMztcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gIG9wYWNpdHk6IDE7XG4gIC8qIHBvc2l0aW9uOiByZWxhdGl2ZSAhaW1wb3J0YW50OyAqL1xufVxuXG46Om5nLWRlZXAgLm1hdC1jaGVja2JveC1jaGVja2VkLm1hdC1hY2NlbnQgLm1hdC1jaGVja2JveC1iYWNrZ3JvdW5kLFxuLm1hdC1jaGVja2JveC1pbmRldGVybWluYXRlLm1hdC1hY2NlbnQgLm1hdC1jaGVja2JveC1iYWNrZ3JvdW5kIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogZ3JleTtcbn1cblxuLmNvbHVtbnZhbHVlIHtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5lbmQtYnV0dG9uIHtcbiAgY29sb3I6IHdoaXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMmUzNjY4O1xuICBib3JkZXItcmFkaXVzOiAwO1xuICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuXG4uc3ViLXRpdGxlIHtcbiAgZm9udDogQm9sZCAxNnB4IFJvYm90bztcbn1cblxuLmNhbGxpbmctdGFibGUgdHIge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5mb3JtLWZpZWxkLWlucCB7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICB3aWR0aDogYXV0bztcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDkwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5jcmUtc2VhcmNoLWJhciBidXR0b24ge1xuICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuXG4uc2VhcmNoLWlucHV0IHtcbiAgd2lkdGg6IDkwJTtcbn1cbi5zZWFyY2gtaW5wdXQgaW5wdXQge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHRvcDogMDtcbiAgbWFyZ2luLXRvcDogOHB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uaW5mby1hY3Rpb24ge1xuICB0ZXh0LWFsaWduOiBlbmQ7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICBjb2xvcjogIzNjM2MzYztcbiAgb3BhY2l0eTogMTtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4uZm9ybS1maWVsZCB7XG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG59XG5cbi53b3JrIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbi5zZWFyY2gtY2FyZCB7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG4ubWF0LWNhcmQtY3ZyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLm0tbC0xMCB7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5idG4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3ZCAhaW1wb3J0YW50O1xuICBib3JkZXItcmFkaXVzOiA1cHggIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAzMHB4O1xufVxuXG4uYnRuIHAge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGNvbG9yOiAjZmZmO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHotaW5kZXg6IDE7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG4gIG1hcmdpbjogYXV0bztcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTBweDtcbn1cblxuLmJ0bi0xIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICBjb2xvcjogIzAwNDU3ZCAhaW1wb3J0YW50O1xuICBib3JkZXI6IDFweCBzb2xpZCAjMDA0NTdkO1xufVxuXG4uYnRuLTEgcCB7XG4gIG1hcmdpbjogYXV0bztcbn1cblxuLmRpc2FibGVkIHtcbiAgb3BhY2l0eTogMC42O1xufVxuXG4uY29sb3Ige1xuICBtaW4td2lkdGg6IDE1MHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTY0MjQzO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZTY0MjQzO1xuICBtYXJnaW4tbGVmdDogMTcycHg7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLmNoZWNrIHtcbiAgbWluLXdpZHRoOiAxNTBweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2U2NDI0MztcbiAgYm9yZGVyOiAxcHggc29saWQgI2U2NDI0MztcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1mbGV4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBib3JkZXItdG9wOiBub25lO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGxhYmVsLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgbWFyZ2luLXRvcDogOHB4ICFpbXBvcnRhbnQ7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgaW5wdXQubWF0LWlucHV0LWVsZW1lbnQge1xuICBtYXJnaW4tdG9wOiAwLjZlbTtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5jb2wge1xuICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuXG4uZXhhbXBsZS1jYXJkMSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgd2lkdGg6IDYwJTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBtYXJnaW4tcmlnaHQ6IGF1dG87XG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG59XG5cbi5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gIGhlaWdodDogMTVweCAhaW1wb3J0YW50O1xufVxuXG4ubS10LTIwIHtcbiAgbWFyZ2luLXRvcDogMjBweDtcbn1cblxuLm0tbC0yMCB7XG4gIG1hcmdpbi1sZWZ0OiAyMHB4O1xufVxuXG4uYWN0aW9uLWJ0biB7XG4gIHdpZHRoOiA5NCU7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBtYXJnaW4tdG9wOiAxMHB4O1xuICBtYXJnaW4tYm90dG9tOiAyMHB4O1xufVxuXG4uc2VhcmNoZmlsdGVyIHtcbiAgd2lkdGg6IDM4MHB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBmb250LXNpemU6IDEycHg7XG4gIGJvcmRlcjogMDtcbn0iXX0= */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { WorkshopData } from './workshopData';\nimport { MatPaginator, MatSort, MatTableDataSource, MatOption } from '@angular/material';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\nimport { element } from 'protractor';\n\n\nexport interface PeriodicElement {\n Checked: boolean;\n WorkshopName: string;\n WorkshopCode: number;\n WorkshopAddress: string;\n}\n\n@Component({\n selector: 'app-uam',\n templateUrl: './uam.component.html',\n styleUrls: ['./uam.component.scss']\n})\n\nexport class UamComponent implements OnInit {\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\n @ViewChild(MatSort, { static: true }) sort: MatSort;\n @ViewChild('allSelected', { static: true }) private allSelected: MatOption;\n\n uamForm: FormGroup;\n spinner: boolean;\n userId: string;\n displayedColumns: string[] = ['Select', 'WorkshopCode', 'WorkshopName', 'WorkshopAddress'];\n searchUserID: string;\n workshopLength: number = 0;\n sizePage: number;\n userDetails: any;\n submitted: boolean = false;\n checkDetails: any;\n userName: string = '';\n emailId: string = '';\n contactNumber: string = '';\n defaultDropDown = [];\n dealerCompany = [];\n roleValue: any;\n dataSource: any;\n selection: any;\n verticalValue: any;\n cardShow: boolean = false;\n checkboxState: boolean = false;\n regionValue: any;\n dealerCompanyValue = [];\n selectedRole: any = '';\n selectedVertical: string = '';\n selectedRegion: string = '';\n selectedDealerCompany: string;\n selectedWorkshopCode: any[] = [];\n selectedWorkshop: any[] = [];\n selectedDealer:any;\n delearCompanyList: string[] = [];\n delearCompanyListCopy: string[] = [];\n dealerCode: string[] = [];\n\n status: any[] = [\n { filterId: 'true', filterData: 'Active' },\n { filterId: 'false', filterData: 'Inactive' },\n ];\n\n constructor(private commonService: CommonService, private toastr: ToastrService, private fb: FormBuilder, ) { }\n\n ngOnInit() {\n this.userId = localStorage.getItem('userId');\n this.getDefaultDropDown();\n if (localStorage.getItem('workshopPageSize') != null || localStorage.getItem('workshopPageSize') != undefined) {\n let sizePage = Number(localStorage.getItem('workshopPageSize'));\n this.sizePage = (sizePage && sizePage != NaN) ? sizePage : 10;\n } else {\n this.sizePage = 10;\n }\n\n this.buildUamForm();\n }\n\n /**\n * Name: buildUamForm\n * purpose: To create uam data form\n */\n buildUamForm(): void {\n this.uamForm = this.fb.group({\n userName: [this.userName, Validators.required],\n userEmail: [this.emailId, [Validators.required, Validators.email]],\n userNumber: [this.contactNumber, [Validators.minLength(10), Validators.maxLength(10)]],\n userStatus: [this.status],\n userRole: [this.selectedRole],\n userVertical: [this.selectedVertical],\n userRegion: [this.selectedRegion],\n userDealerCompany: [''],\n selectedDealer:['']\n });\n }\n\n /**\n * Name: hasUamDataError\n * purpose: To check if uam form has any error\n * @param {any} control - form control\n * @return {boolean} flag to determine if form is valid.\n */\n hasUamDataError(control: any): boolean {\n return (\n control &&\n (this.submitted || control.touched || control.dirty) &&\n !control.valid\n );\n }\n\n /**\n * Name: getUserDetails\n * purpose: To get cre uam data form\n */\n getUserDetails(): void {\n this.spinner = true;\n this.commonService.getDetails(this.userId, this.searchUserID)\n .subscribe(res => {\n if (res[\"responseCode\"] == 0) {\n this.checkDetails = res['responseData'];\n this.userName = res['responseData'].userdetails.username;\n this.emailId = res['responseData'].userdetails.emailId;\n this.contactNumber = res['responseData'].userdetails.contactNo;\n this.selectedRole = res['responseData'].role[0].filterId;\n this.status = res['responseData'].userdetails.status;\n this.selectedVertical = res['responseData'].vertical[0].filterId;\n this.selectedRegion = (res['responseData'].region.length != 0 ? res['responseData'].region[0].filterId : '');\n this.selectedDealerCompany = (res['responseData'].dealerCompany.length ? res['responseData'].dealerCompany[0].filterId : '');\n this.selectedWorkshopCode = [];\n if (res['responseData'].workShopDetails) {\n res['responseData'].workShopDetails.forEach(element => {\n element.checked = true;\n this.selectedWorkshopCode.push(element.workshopCode);\n });\n }\n\n this.selectedWorkshop = res['responseData'].workShopDetails;\n this.dataSource = new MatTableDataSource(res['responseData'].workShopDetails);\n const initialSelection = res['responseData'].workShopDetails;\n const allowMultiSelect = true;\n this.selection = new SelectionModel(allowMultiSelect, initialSelection);\n this.workshopLength = res['responseData'].workShopDetails && res['responseData'].workShopDetails.length ? res['responseData'].workShopDetails.length : 0;\n this.dataSource.paginator = this.paginator;\n\n this.buildUamForm();\n this.cardShow = true;\n } else {\n this.clear(false);\n this.buildUamForm();\n this.cardShow = true;\n this.toastr.info(res['message'], \"Info\");\n }\n this.spinner = false;\n }, err => {\n this.clear(true);\n this.spinner = false;\n this.cardShow = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /** Whether the number of selected elements matches the total number of rows. */\n isAllSelected() {\n if (this.dataSource && this.dataSource.data) {\n const numSelected = this.selection.selected.length;\n const numRows = this.dataSource.data.length;\n return numSelected === numRows;\n }\n }\n\n /** Selects all rows if they are not all selected; otherwise clear selection. */\n masterToggle() {\n if (this.dataSource && this.dataSource.data) {\n if (this.isAllSelected()) {\n this.dataSource.data.forEach(row => {\n this.selectedWorkshopCode = this.selectedWorkshopCode.filter(item => item != row.workshopCode);\n });\n this.selection.clear();\n } else {\n this.dataSource.data.forEach(row => {\n this.selection.select(row);\n let checkSelection = this.selectedWorkshopCode.indexOf(row.workshopCode);\n if (checkSelection < 0) {\n this.selectedWorkshopCode.push(row.workshopCode);\n }\n });\n }\n }\n }\n\n /**\n * Name: onChange\n * @param {any} element - checkbox element data\n * purpose: To select workshop code\n */\n onChange(element: any): void {\n let checkSelection = this.selection.selected.filter(item => item.workshopCode == element.workshopCode);\n\n if (checkSelection.length) {\n this.selectedWorkshopCode.push(element.workshopCode);\n } else {\n this.selectedWorkshopCode = this.selectedWorkshopCode.filter(item => item != element.workshopCode);\n }\n }\n\n /**\n * Name: clear\n * @param {boolean} searchClear - search clear flag\n * purpose: To clear form data\n */\n clear(searchClear: boolean) {\n if (searchClear) {\n this.searchUserID = '';\n this.cardShow = false;\n }\n this.userName = '';\n this.emailId = '';\n this.contactNumber = '';\n this.selectedRole = '';\n this.selectedVertical = '';\n this.selectedRegion = '';\n this.selectedDealerCompany = '';\n this.dataSource = '';\n this.status = [\n { filterId: 'true', filterData: 'Active' },\n { filterId: 'false', filterData: 'Inactive' },\n ];\n if (this.uamForm) {\n this.uamForm.reset();\n }\n this.selectedWorkshopCode = [];\n this.selectedWorkshop = [];\n this.workshopLength = 0;\n }\n\n /**\n * Name: getDefaultDropDown\n * purpose: To get Default DropDown data\n */\n getDefaultDropDown(): void {\n this.commonService.getDefaultDropDown(this.userId)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n this.defaultDropDown = res;\n this.roleValue = this.defaultDropDown['responseData'].role;\n this.verticalValue = this.defaultDropDown['responseData'].vertical;\n this.regionValue = this.defaultDropDown['responseData'].region;\n this.dealerCompanyValue = this.defaultDropDown['responseData'].dealerCompany;\n this.dealerCompanyValue.forEach(element => {\n this.delearCompanyList.push(element.filterId);\n })\n this.delearCompanyListCopy = this.delearCompanyList;\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n this.spinner = false;\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: selectDropDown\n * @param {string} region - selected region\n * purpose: To get dealer company data\n */\n selectDropDown(region: string): void {\n this.delearCompanyList = [];\n this.spinner = true;\n this.commonService.getDealerCompany(this.userId, region).subscribe(res => {\n if (res['responseCode'] == 0) {\n this.uamForm.controls['userDealerCompany'].setValue(\"\");\n this.dealerCompany = res;\n this.dealerCompanyValue = this.dealerCompany['responseData'];\n this.dealerCompanyValue.forEach(element => {\n this.delearCompanyList.push(element.filterId);\n });\n this.delearCompanyListCopy = this.delearCompanyList;\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n this.spinner = false;\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n /**\n * Name: saveUserData\n * purpose: To save updated info\n */\n saveUserData(): void {\n this.spinner = true;\n let f = this.uamForm;\n this.submitted = true;\n if (f.valid) {\n const userJson: any = {};\n userJson.userId = this.searchUserID;\n userJson.username = f.value.userName || '';\n userJson.email = f.value.userEmail || '';\n userJson.contactNo = f.value.userNumber || '';\n userJson.workshopCode = '';\n\n //this.selectedWorkshopCode = f.value.userDealerCompany;\n this.selectedWorkshopCode.forEach((element, index) => {\n if (index == 0) {\n userJson.workshopCode = element;\n } else if(element != 0) {\n userJson.workshopCode = userJson.workshopCode + \"#\" + element;\n }\n });\n\n userJson.isActive = f.value.userStatus || '';\n if (userJson.isActive == true) {\n userJson.isActive = \"Y\"\n } else {\n userJson.isActive = \"N\"\n }\n userJson.role = f.value.userRole || '';\n userJson.veticalId = f.value.userVertical || '';\n this.commonService.saveUserData(userJson).subscribe(data => {\n if (data['responseCode'] == 0) {\n this.toastr.success(data['message'], \"Success\");\n this.clear(true);\n } else {\n this.toastr.error(data['message'], \"Error\");\n }\n this.spinner = false;\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n }\n\n /**\n * Name: tosslePerOne\n * purpose: To select/remove all data in workshop drop down\n */\n tosslePerOne() {\n if (this.allSelected.selected) {\n this.allSelected.deselect();\n return false;\n }\n\n if (this.uamForm.controls.userDealerCompany.value.length == this.delearCompanyList.length) {\n this.allSelected.select();\n }\n }\n\n /**\n * Name: toggleAllSelection\n * purpose: To select/remove all data in workshop drop down\n */\n toggleAllSelection(): void {\n if (this.allSelected.selected) {\n this.uamForm.controls.userDealerCompany.patchValue([...this.delearCompanyList, 0]);\n } else {\n this.uamForm.controls.userDealerCompany.patchValue([]);\n }\n }\n\n /**\n * Name: getExportExcel\n * purpose: To download excel report\n */\n getExportExcel(): void {\n this.spinner = true;\n let time = new Date().getTime();\n let fileName = \"VECV_Service Reminder Module_User_Role_Master_\" + time;\n this.commonService.getExportExcel()\n .subscribe(fileData => {\n this.spinner = false;\n if (fileData) {\n const blob: any = new Blob([fileData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\n let link = document.createElement(\"a\");\n if (link.download !== undefined) {\n let url = URL.createObjectURL(blob);\n link.setAttribute(\"href\", url);\n link.setAttribute(\"download\", fileName);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n }\n }, err => {\n this.spinner = false;\n });\n }\n\n /**\n * Name: getWorkshopDetails\n * @param {string} selectedRegion - selected region\n * @param {string} selectedDealerCompany - selected region\n * purpose: To get dealer workshop data\n */\n getWorkshopDetails(selectedRegion: string, selectedDealerCompany: string): void {\n if (this.allSelected.selected || !selectedDealerCompany) {\n this.selectedDealerCompany = 'ALL';\n } else {\n this.selectedDealerCompany = selectedDealerCompany;\n }\n\n if (!selectedRegion) {\n selectedRegion = 'ALL';\n }\n\n this.commonService.getWorkshop(this.userId, selectedRegion, this.selectedDealerCompany)\n .subscribe(res => {\n if (res['responseCode'] == 0) {\n let selectedSection = [];\n res['responseData'].forEach(element => {\n element.checked = false;\n this.selectedWorkshop.forEach(workshopData => {\n if (element.workshopCode == workshopData.workshopCode) {\n element.checked = true;\n }\n });\n\n this.selectedWorkshopCode.forEach(workshopCode => {\n if (element.workshopCode == workshopCode) {\n element.checked = true;\n selectedSection.push(element);\n }\n });\n });\n\n this.dataSource = new MatTableDataSource(res['responseData']);\n const initialSelection = selectedSection;\n const allowMultiSelect = true;\n this.selection = new SelectionModel(allowMultiSelect, initialSelection);\n this.sort.direction = '';\n this.dataSource.sort = this.sort;\n this.workshopLength = res['responseData'].length;\n this.dataSource.paginator = this.paginator;\n } else {\n this.toastr.error(res['message'], \"Error\");\n }\n this.spinner = false;\n }, err => {\n this.spinner = false;\n this.toastr.error(\"Something went wrong, Please try again.\", \"Error\");\n });\n }\n\n onKey() : void {\n this.delearCompanyList = this.delearCompanyListCopy;\n this.dealerCode = [];\n this.selectedDealer = this.uamForm.controls.selectedDealer.value;\n this.selectedDealer = this.selectedDealer.toString();\n this.dealerCode = this.delearCompanyList.filter(item =>\n item.includes(this.selectedDealer.toLowerCase())\n );\n if(this.dealerCode.length > 0){\n this.closeInput();\n }\n this.delearCompanyList = [];\n this.delearCompanyList = this.dealerCode;\n }\n\n closeInput() : void {\n if(this.dealerCode.length == 0) {\n //this.selectedDealer = '';\n this.uamForm.controls['selectedDealer'].setValue(\"\");\n this.delearCompanyList = this.delearCompanyListCopy;\n }\n }\n}\n","export default \".working-area {\\n margin-top: 115px;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.calling-table tr {\\n cursor: pointer;\\n}\\n\\n.table-head-call {\\n background: none;\\n padding-top: 12px;\\n}\\n\\n.button-margin {\\n margin-left: 10px;\\n}\\n\\n.callList {\\n font: Bold 20px Roboto;\\n letter-spacing: 0px;\\n color: #484848;\\n opacity: 1;\\n}\\n\\n.close-con {\\n font-size: 18px;\\n cursor: pointer;\\n top: 3px;\\n right: 1px;\\n position: absolute !important;\\n z-index: 10;\\n opacity: 1;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 89%;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.refesh-icon {\\n float: right;\\n margin-bottom: -30px;\\n margin-right: 20px;\\n margin-top: 30px;\\n cursor: pointer;\\n}\\n\\n.coloredRow {\\n background: #ffff99;\\n}\\n\\n.coloredGreenRow {\\n background: #90ee90;\\n}\\n\\n.mat-dialog-title {\\n background-color: darkgray;\\n}\\n\\n.callList-right {\\n font-size: 11px;\\n color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.columnHeader {\\n font: Bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.lost {\\n color: #e64243;\\n position: absolute;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.inbound {\\n color: #2e3668;\\n position: absolute;\\n left: 0px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.columnvalue {\\n font-size: 14px;\\n position: relative;\\n}\\n\\n.filter1 {\\n font-size: 12px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 20px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n}\\n\\n.serviceDueDate {\\n width: 10% !important;\\n}\\n\\n.followUp {\\n width: 9% !important;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 3px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\nth.mat-header-cell {\\n background-color: #d9d9d9;\\n}\\n\\n.filter2 {\\n width: auto;\\n text-transform: capitalize;\\n}\\n\\n.call-stats-card {\\n .mat-card-title {\\n margin-bottom: 0px;\\n }\\n .call-stats {\\n font-size: 11px;\\n color: #ffffff;\\n i {\\n color: #2e3668;\\n font-size: 11px;\\n }\\n }\\n .call-stats-title {\\n font-size: 20px;\\n color: #484848;\\n }\\n}\\n\\n.call-stats-card1 {\\n padding-top: 0px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid none solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card-border2 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n margin-bottom: 15px;\\n border-color: lightgray;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #5482BC;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #5482BC;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 30px;\\n font: Regular 14px Roboto;\\n letter-spacing: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .refresh-btn.mat-button {\\n min-width: auto;\\n}\\n\\n.refresh-btn {\\n background-color: #ffffff;\\n color: #e64243;\\n border: 1px solid #e64243;\\n border-radius: 0px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-flex {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n background: white;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-label {\\n padding-left: 10px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-infix {\\n border-top: none;\\n}\\n\\n.textboxService ::ng-deep label.mat-form-field-label {\\n margin-top: 8px !important;\\n}\\n\\n.textboxService ::ng-deep input.mat-input-element {\\n margin-top: 0.6em;\\n margin-left: 10px;\\n}\\n\\n.search-icon {\\n position: absolute;\\n right: 15px;\\n top: 15px;\\n}\\n\\n.backColor {\\n background-color: #00457D !important;\\n font-size: 12px;\\n}\\n\\n.box-size {\\n margin-left: 10px;\\n margin-top: 7px;\\n width: 28px;\\n height: 28px;\\n color: #ffffff !important;\\n}\\n\\n.backColor1 {\\n background-color: #5482BC !important;\\n font-size: 12px;\\n}\\n\\n.call-stats-value {\\n margin-left: 50px;\\n font-size: 18px;\\n}\\n\\n.call-stats-value1 {\\n margin-left: 30px;\\n font-size: 18px;\\n}\\n\\n.info-circle-size {\\n font-size: 12px !important;\\n color: #ffffff !important;\\n}\\n\\n.flex-set {\\n margin-top: 7px;\\n margin-left: 62px;\\n //text-align: center;\\n}\\n\\n.flex-set1 {\\n margin-top: 7px;\\n margin-left: 73px;\\n}\\n\\n.dueDateIcon {\\n height: 9px;\\n width: 11px;\\n}\\n\\n.filter3 {\\n width: 200px;\\n margin-right: 30px;\\n font-size: 12px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.filter-label {\\n font: 12px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 3px;\\n padding: 1px 0px 0px;\\n}\\n\\n.calender {\\n position: relative;\\n background: white;\\n input {\\n width: 180px;\\n border: 1px solid lightgray !important;\\n border-radius: 5px;\\n font-size: 12px;\\n height: 22px;\\n padding-left: 5px;\\n }\\n}\\n\\n.calander-btn {\\n position: absolute;\\n right: 7px;\\n top: 4px;\\n}\\n\\n.form-field {\\n label {\\n font-weight: 500;\\n margin-bottom: 5px;\\n }\\n input {\\n padding: 6px;\\n }\\n}\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50L3dvcmtzaG9wLW1hbmFnZXItY2FsbGluZy1saXN0L3dvcmtzaG9wLW1hbmFnZXItY2FsbGluZy1saXN0LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxXQUFXO0FBQ2Y7O0FBRUE7SUFDSSxlQUFlO0FBQ25COztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLHNCQUFzQjtJQUN0QixtQkFBbUI7SUFDbkIsY0FBYztJQUNkLFVBQVU7QUFDZDs7QUFFQTtJQUNJLGVBQWU7SUFDZixlQUFlO0lBQ2YsUUFBUTtJQUNSLFVBQVU7SUFDViw2QkFBNkI7SUFDN0IsV0FBVztJQUNYLFVBQVU7QUFDZDs7QUFFQTtJQUNJLDJCQUEyQjtJQUMzQixrQkFBa0I7SUFDbEIsaUJBQWlCO0lBQ2pCLFVBQVU7SUFDVixZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksVUFBVTtBQUNkOztBQUVBO0lBQ0ksZUFBZTtJQUNmLFdBQVc7QUFDZjs7QUFFQTtJQUNJLE1BQU07SUFDTixjQUFjO0lBQ2QsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksYUFBYTtBQUNqQjs7QUFFQTtJQUNJLE1BQU07SUFDTiwwQkFBMEI7SUFDMUIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksc0JBQXNCO0lBQ3RCLG1CQUFtQjtJQUNuQixjQUFjO0lBQ2QsVUFBVTtJQUNWLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLFlBQVk7SUFDWixvQkFBb0I7SUFDcEIsa0JBQWtCO0lBQ2xCLGdCQUFnQjtJQUNoQixlQUFlO0FBQ25COztBQUVBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksMEJBQTBCO0FBQzlCOztBQUVBO0lBQ0ksZUFBZTtJQUNmLDBCQUEwQjtBQUM5Qjs7QUFFQTtJQUNJLHNCQUFzQjtJQUN0QixtQkFBbUI7SUFDbkIsY0FBYztJQUNkLDBCQUEwQjtBQUM5Qjs7QUFFQTtJQUNJLGNBQWM7SUFDZCxrQkFBa0I7SUFDbEIsVUFBVTtJQUNWLGVBQWU7SUFDZixRQUFRO0FBQ1o7O0FBRUE7SUFDSSxjQUFjO0lBQ2Qsa0JBQWtCO0lBQ2xCLFNBQVM7SUFDVCxlQUFlO0lBQ2YsUUFBUTtBQUNaOztBQUVBO0lBQ0ksZUFBZTtJQUNmLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSx1QkFBdUI7SUFDdkIseUJBQXlCO0lBQ3pCLFlBQVk7SUFDWixpQkFBaUI7SUFDakIsa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0kscUJBQXFCO0FBQ3pCOztBQUVBO0lBQ0ksb0JBQW9CO0FBQ3hCOztBQUVBOzs7SUFHSSxZQUFZO0lBQ1osbUNBQW1DO0lBQ25DLG1CQUFtQjtJQUNuQix1QkFBdUI7QUFDM0I7O0FBRUE7SUFDSSxtQ0FBbUM7SUFDbkMsdUJBQXVCO0FBQzNCOztBQUVBO0lBQ0kseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksV0FBVztJQUNYLDBCQUEwQjtBQUM5Qjs7QUFFQTtJQUNJO1FBQ0ksa0JBQWtCO0lBQ3RCO0lBQ0E7UUFDSSxlQUFlO1FBQ2YsY0FBYztRQUNkO1lBQ0ksY0FBYztZQUNkLGVBQWU7UUFDbkI7SUFDSjtJQUNBO1FBQ0ksZUFBZTtRQUNmLGNBQWM7SUFDbEI7QUFDSjs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLG9DQUFvQztJQUNwQyxpQkFBaUI7SUFDakIsaUJBQWlCO0lBQ2pCLHVCQUF1QjtBQUMzQjs7QUFFQTtJQUNJLHFDQUFxQztJQUNyQyxpQkFBaUI7SUFDakIsaUJBQWlCO0lBQ2pCLG1CQUFtQjtJQUNuQix1QkFBdUI7QUFDM0I7O0FBRUE7SUFDSSxrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSx5QkFBeUI7SUFDekIsY0FBYztBQUNsQjs7QUFFQTtJQUNJLHlCQUF5QjtJQUN6QixjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLHlCQUF5QjtJQUN6QixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxlQUFlO0FBQ25COztBQUVBO0lBQ0kseUJBQXlCO0lBQ3pCLGNBQWM7SUFDZCx5QkFBeUI7SUFDekIsa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksMkJBQTJCO0lBQzNCLGtCQUFrQjtJQUNsQixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSwwQkFBMEI7QUFDOUI7O0FBRUE7SUFDSSxpQkFBaUI7SUFDakIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFdBQVc7SUFDWCxTQUFTO0FBQ2I7O0FBRUE7SUFDSSxvQ0FBb0M7SUFDcEMsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixlQUFlO0lBQ2YsV0FBVztJQUNYLFlBQVk7SUFDWix5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxvQ0FBb0M7SUFDcEMsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixlQUFlO0FBQ25COztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSwwQkFBMEI7SUFDMUIseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksZUFBZTtJQUNmLGlCQUFpQjtJQUNqQixvQkFBb0I7QUFDeEI7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksV0FBVztJQUNYLFdBQVc7QUFDZjs7QUFFQTtJQUNJLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLHVCQUF1QjtJQUN2QixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxpQkFBaUI7SUFDakIsbUJBQW1CO0lBQ25CLGNBQWM7SUFDZCxVQUFVO0lBQ1Ysa0JBQWtCO0lBQ2xCLG9CQUFvQjtBQUN4Qjs7QUFFQTtJQUNJLGtCQUFrQjtJQUNsQixpQkFBaUI7SUFDakI7UUFDSSxZQUFZO1FBQ1osc0NBQXNDO1FBQ3RDLGtCQUFrQjtRQUNsQixlQUFlO1FBQ2YsWUFBWTtRQUNaLGlCQUFpQjtJQUNyQjtBQUNKOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFVBQVU7SUFDVixRQUFRO0FBQ1o7O0FBRUE7SUFDSTtRQUNJLGdCQUFnQjtRQUNoQixrQkFBa0I7SUFDdEI7SUFDQTtRQUNJLFlBQVk7SUFDaEI7QUFDSiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudC93b3Jrc2hvcC1tYW5hZ2VyLWNhbGxpbmctbGlzdC93b3Jrc2hvcC1tYW5hZ2VyLWNhbGxpbmctbGlzdC5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLndvcmtpbmctYXJlYSB7XG4gICAgbWFyZ2luLXRvcDogMTE1cHg7XG59XG5cbnRhYmxlIHtcbiAgICB3aWR0aDogMTAwJTtcbn1cblxuLmNhbGxpbmctdGFibGUgdHIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnRhYmxlLWhlYWQtY2FsbCB7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICBwYWRkaW5nLXRvcDogMTJweDtcbn1cblxuLmJ1dHRvbi1tYXJnaW4ge1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4uY2FsbExpc3Qge1xuICAgIGZvbnQ6IEJvbGQgMjBweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBjb2xvcjogIzQ4NDg0ODtcbiAgICBvcGFjaXR5OiAxO1xufVxuXG4uY2xvc2UtY29uIHtcbiAgICBmb250LXNpemU6IDE4cHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRvcDogM3B4O1xuICAgIHJpZ2h0OiAxcHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgei1pbmRleDogMTA7XG4gICAgb3BhY2l0eTogMTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGhlaWdodDogMjBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAzcHggMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3QtdHJpZ2dlciB7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC12YWx1ZSB7XG4gICAgd2lkdGg6IDg5JTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgZm9udDogd2hpdGU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwtd3JhcHBlciB7XG4gICAgdG9wOiAwO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIge1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbi10b3A6IDRweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctbGVmdDogNXB4O1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgICBmb250OiBCb2xkIDE0cHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzYzNjM2M7XG4gICAgb3BhY2l0eTogMTtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5yZWZlc2gtaWNvbiB7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIG1hcmdpbi1ib3R0b206IC0zMHB4O1xuICAgIG1hcmdpbi1yaWdodDogMjBweDtcbiAgICBtYXJnaW4tdG9wOiAzMHB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmNvbG9yZWRSb3cge1xuICAgIGJhY2tncm91bmQ6ICNmZmZmOTk7XG59XG5cbi5jb2xvcmVkR3JlZW5Sb3cge1xuICAgIGJhY2tncm91bmQ6ICM5MGVlOTA7XG59XG5cbi5tYXQtZGlhbG9nLXRpdGxlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBkYXJrZ3JheTtcbn1cblxuLmNhbGxMaXN0LXJpZ2h0IHtcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41NCk7XG59XG5cbi5jb2x1bW5IZWFkZXIge1xuICAgIGZvbnQ6IEJvbGQgMTJweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBjb2xvcjogIzMzMzMzMztcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cblxuLmxvc3Qge1xuICAgIGNvbG9yOiAjZTY0MjQzO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAxMHB4O1xuICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICB0b3A6IDM4JTtcbn1cblxuLmluYm91bmQge1xuICAgIGNvbG9yOiAjMmUzNjY4O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwcHg7XG4gICAgZm9udC1zaXplOiAxMHB4O1xuICAgIHRvcDogMzglO1xufVxuXG4uY29sdW1udmFsdWUge1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5maWx0ZXIxIHtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5maWx0ZXJCdXR0b24ge1xuICAgIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0Q7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDFweDtcbn1cblxuLmZpbHRlcmRpdiB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnNlcnZpY2VEdWVEYXRlIHtcbiAgICB3aWR0aDogMTAlICFpbXBvcnRhbnQ7XG59XG5cbi5mb2xsb3dVcCB7XG4gICAgd2lkdGg6IDklICFpbXBvcnRhbnQ7XG59XG5cbnRkLm1hdC1jZWxsLFxudGQubWF0LWZvb3Rlci1jZWxsLFxudGgubWF0LWhlYWRlci1jZWxsIHtcbiAgICBwYWRkaW5nOiAzcHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBub25lIG5vbmUgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAwLjFweDtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRhYmxlLWJvcmRlci5tYXQtdGFibGUge1xuICAgIGJvcmRlci1zdHlsZTogbm9uZSBzb2xpZCBzb2xpZCBub25lO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNkOWQ5ZDk7XG59XG5cbi5maWx0ZXIyIHtcbiAgICB3aWR0aDogYXV0bztcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZCB7XG4gICAgLm1hdC1jYXJkLXRpdGxlIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICAgIH1cbiAgICAuY2FsbC1zdGF0cyB7XG4gICAgICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICAgICAgY29sb3I6ICNmZmZmZmY7XG4gICAgICAgIGkge1xuICAgICAgICAgICAgY29sb3I6ICMyZTM2Njg7XG4gICAgICAgICAgICBmb250LXNpemU6IDExcHg7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLmNhbGwtc3RhdHMtdGl0bGUge1xuICAgICAgICBmb250LXNpemU6IDIwcHg7XG4gICAgICAgIGNvbG9yOiAjNDg0ODQ4O1xuICAgIH1cbn1cblxuLmNhbGwtc3RhdHMtY2FyZDEge1xuICAgIHBhZGRpbmctdG9wOiAwcHg7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMSB7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBub25lIHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAlO1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkLWJvcmRlcjIge1xuICAgIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgc29saWQgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMCU7XG4gICAgbWFyZ2luLWJvdHRvbTogMTVweDtcbiAgICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXAge1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgY29sb3I6ICM1NDgyQkM7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWNoZWNrZWQge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkM7XG4gICAgY29sb3I6ICNmZmZmZmY7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWxhYmVsLWNvbnRlbnQge1xuICAgIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICAgIGZvbnQ6IFJlZ3VsYXIgMTRweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAucmVmcmVzaC1idG4ubWF0LWJ1dHRvbiB7XG4gICAgbWluLXdpZHRoOiBhdXRvO1xufVxuXG4ucmVmcmVzaC1idG4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgY29sb3I6ICNlNjQyNDM7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2U2NDI0MztcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWZsZXgge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXItdG9wOiBub25lO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGxhYmVsLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICBtYXJnaW4tdG9wOiA4cHggIWltcG9ydGFudDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCBpbnB1dC5tYXQtaW5wdXQtZWxlbWVudCB7XG4gICAgbWFyZ2luLXRvcDogMC42ZW07XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5zZWFyY2gtaWNvbiB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAxNXB4O1xuICAgIHRvcDogMTVweDtcbn1cblxuLmJhY2tDb2xvciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RCAhaW1wb3J0YW50O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmJveC1zaXplIHtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICBtYXJnaW4tdG9wOiA3cHg7XG4gICAgd2lkdGg6IDI4cHg7XG4gICAgaGVpZ2h0OiAyOHB4O1xuICAgIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5iYWNrQ29sb3IxIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MkJDICFpbXBvcnRhbnQ7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwcHg7XG4gICAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZTEge1xuICAgIG1hcmdpbi1sZWZ0OiAzMHB4O1xuICAgIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmluZm8tY2lyY2xlLXNpemUge1xuICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICAgIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5mbGV4LXNldCB7XG4gICAgbWFyZ2luLXRvcDogN3B4O1xuICAgIG1hcmdpbi1sZWZ0OiA2MnB4O1xuICAgIC8vdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4uZmxleC1zZXQxIHtcbiAgICBtYXJnaW4tdG9wOiA3cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDczcHg7XG59XG5cbi5kdWVEYXRlSWNvbiB7XG4gICAgaGVpZ2h0OiA5cHg7XG4gICAgd2lkdGg6IDExcHg7XG59XG5cbi5maWx0ZXIzIHtcbiAgICB3aWR0aDogMjAwcHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAzMHB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLnBhZ2luYXRvciA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBoZWlnaHQ6IDE4cHggIWltcG9ydGFudDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufVxuXG4uZmlsdGVyLWxhYmVsIHtcbiAgICBmb250OiAxMnB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjM2MzYzNjO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICAgIHBhZGRpbmc6IDFweCAwcHggMHB4O1xufVxuXG4uY2FsZW5kZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICBpbnB1dCB7XG4gICAgICAgIHdpZHRoOiAxODBweDtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5ICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBoZWlnaHQ6IDIycHg7XG4gICAgICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgIH1cbn1cblxuLmNhbGFuZGVyLWJ0biB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA3cHg7XG4gICAgdG9wOiA0cHg7XG59XG5cbi5mb3JtLWZpZWxkIHtcbiAgICBsYWJlbCB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICB9XG4gICAgaW5wdXQge1xuICAgICAgICBwYWRkaW5nOiA2cHg7XG4gICAgfVxufVxuIl19 */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { wmCallList } from './wmCallList';\nimport { MatSort } from '@angular/material/sort';\nimport { MatPaginator } from '@angular/material/paginator';\nimport { MatDialog, MatDialogConfig } from '@angular/material';\nimport { openLostCustomerLeadUpdateDialog } from 'src/app/modal/lost-customer-lead-update-dialog/lost-customer-lead-update-dialog.component';\n\n\n@Component({\n\tselector: 'app-workshop-manager-calling-list',\n\ttemplateUrl: './workshop-manager-calling-list.component.html',\n\tstyleUrls: [ './workshop-manager-calling-list.component.css' ]\n})\nexport class WorkshopManagerCallingListComponent implements OnInit {\n\t@ViewChild(MatSort, { static: true })\n\tsort: MatSort;\n\t@ViewChild(MatPaginator, { static: true })\n\tpaginator: MatPaginator;\n\n\tdisplayedColumns: string[] = [\n\t\t'customerName',\n\t\t'vin',\n\t\t'callType',\n\t\t'callStatus',\n\t\t'leadClosureResponse',\n\t\t'leadRemovalDate',\n\t\t'custTel',\n\t\t'disengageReason',\n\t\t'proposal',\n\t\t'visitProposal'\n\t];\n\n\tspinner: boolean;\n\tdataSource: any;\n\tuserId: string;\n\tuserInfo: any;\n\tcountryCode: string;\n\tlistSize: number = 0;\n\tuniqueRequest = new Set();\n\tuniqueSourceId = new Set();\n\tcustomerCode: any;\n\tvin: any;\n\tleadStatus: any;\n\tshowLeadDailog: any=false;\n\tpageSize: number\n\n\tconstructor(private commonService: CommonService, private toastr: ToastrService, public dialog: MatDialog) {}\n\n\tngOnInit() {\n\t\tthis.userId = localStorage.getItem('userId');\n\t\tthis.countryCode = localStorage.getItem('countryCode');\n\t\tthis.applyfilter();\n\n\t\tif (localStorage.getItem('WMcallListPageSize') != null || localStorage.getItem('WMcallListPageSize') != undefined) {\n\t\t\tlet pagesize = Number(localStorage.getItem('callListPageSize'));\n\t\t\tthis.pageSize = (pagesize && pagesize != NaN) ? pagesize : 50;\n\t\t } else {\n\t\t\tthis.pageSize = 50;\n\t\t }\n\t}\n\n\t/**\n * Name: searchfilter\n * purpose: To apply filter on datagrid\n */\n\tsearchfilter(filterValue: string): void {\n\t\tfilterValue = filterValue.trim(); // Remove whitespace\n\t\tfilterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n\t\tthis.dataSource.filter = filterValue;\n\t}\n\n\t/**\n * Name: applyfilter\n * purpose: To apply filter on call list data\n */\n\tapplyfilter(): void {\n\t\tthis.spinner = true;\n\t\tthis.dataSource = '';\n\n\t\tthis.commonService.fetchWmCloseLeads(this.userId).subscribe(\n\t\t\t(res) => {\n\t\t\t\tif (res['responseCode'] == 0 && res['responseData'] != undefined) {\n\t\t\t\t\tlet response = res['responseData'];\n\t\t\t\t\tthis.listSize = response.length;\n\t\t\t\t\t//init data table and shorting\n\t\t\t\t\tthis.dataSource = new MatTableDataSource(response);\n\t\t\t\t\tthis.sort.direction = '';\n\t\t\t\t\tthis.dataSource.sort = this.sort;\n\t\t\t\t\tthis.dataSource.sortingDataAccessor = (data, header) => data[header];\n\t\t\t\t\tthis.dataSource.paginator = this.paginator;\n\t\t\t\t\tthis.filterData();\n\t\t\t\t\tthis.spinner = false;\n\t\t\t\t} else {\n\t\t\t\t\tthis.spinner = false;\n\t\t\t\t\tthis.toastr.error(res['message'], 'Error');\n\t\t\t\t\t// this.callToggleStatus = true;\n\t\t\t\t}\n\t\t\t},\n\t\t\t(err) => {\n\t\t\t\tthis.spinner = false;\n\t\t\t\tthis.toastr.error('Something went wrong, Please try again.', 'Error');\n\t\t\t\t// this.callToggleStatus = true;\n\t\t\t}\n\t\t);\n\t}\n\n\t/**\n * Name: filterData\n * purpose: To filter call list data\n */\n\tfilterData(): void {\n\t\tthis.dataSource.filteredData.forEach((element) => {\n\t\t\tthis.uniqueRequest.add(element.requestStatus);\n\t\t\tthis.uniqueSourceId.add(element.sourceId);\n\t\t});\n\t}\n\n\tselectCustomer(row) {\n\t\tthis.customerCode = row.customerCode;\n\t\tthis.vin = row.vin;\n\t\tthis.showLeadDailog=true;\n\t\topenLostCustomerLeadUpdateDialog(this.dialog, this.customerCode).subscribe(val=>{\n if(val == -1){\n\t\t\tthis.applyfilter();\n\t\t}\n\t\t});\n\t}\n\n\t/**\n * Name: setPageData\n * purpose: To set pagesize for table\n */\n\tsetPageData(event) {\n\t\tlet size = event.pageSize.toString();\n\t\tlocalStorage.setItem('WMcallListPageSize', size);\n\t }\n}\n\n\n","export default \".working-area {\\n margin-top: 115px;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.calling-table tr {\\n cursor: pointer;\\n}\\n\\n.table-head-call {\\n background: none;\\n padding-top: 12px;\\n}\\n\\n.button-margin {\\n margin-left: 10px;\\n}\\n\\n.callList {\\n font: Bold 20px Roboto;\\n letter-spacing: 0px;\\n color: #484848;\\n opacity: 1;\\n}\\n\\n.close-con {\\n font-size: 18px;\\n cursor: pointer;\\n top: 3px;\\n right: 1px;\\n position: absolute !important;\\n z-index: 10;\\n opacity: 1;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-infix {\\n border: 1px solid lightgray;\\n border-radius: 5px;\\n background: white;\\n padding: 0;\\n height: 20px;\\n}\\n\\n.filter1 ::ng-deep .mat-select {\\n padding: 3px 0px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-trigger {\\n padding-left: 8px;\\n}\\n\\n.filter1 ::ng-deep .mat-select-value {\\n width: 89%;\\n}\\n\\n.filter1 ::ng-deep .mat-button {\\n font-size: 12px;\\n font: white;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label-wrapper {\\n top: 0;\\n padding-top: 0;\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-wrapper {\\n padding-bottom: 0;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-underline {\\n display: none;\\n}\\n\\n.filter1 ::ng-deep .mat-form-field-label {\\n top: 0;\\n margin-top: 4px !important;\\n padding-left: 5px;\\n}\\n\\n.filter-label {\\n font: Bold 14px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 5px;\\n}\\n\\n.refesh-icon {\\n float: right;\\n margin-bottom: -30px;\\n margin-right: 20px;\\n margin-top: 30px;\\n cursor: pointer;\\n}\\n\\n.coloredRow {\\n background: #ffff99;\\n}\\n\\n.coloredGreenRow {\\n background: #90ee90;\\n}\\n\\n.mat-dialog-title {\\n background-color: darkgray;\\n}\\n\\n.callList-right {\\n font-size: 11px;\\n color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.columnHeader {\\n font: Bold 12px Roboto;\\n letter-spacing: 0px;\\n color: #333333;\\n text-transform: capitalize;\\n}\\n\\n.lost {\\n color: #e64243;\\n position: absolute;\\n left: 10px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.inbound {\\n color: #2e3668;\\n position: absolute;\\n left: 0px;\\n font-size: 10px;\\n top: 38%;\\n}\\n\\n.columnvalue {\\n font-size: 14px;\\n position: relative;\\n}\\n\\n.filter1 {\\n font-size: 12px;\\n}\\n\\n.filterButton {\\n color: white !important;\\n background-color: #00457D;\\n height: 20px;\\n line-height: 10px;\\n margin-bottom: 1px;\\n}\\n\\n.filterdiv {\\n align-items: center;\\n}\\n\\n.serviceDueDate {\\n width: 10% !important;\\n}\\n\\n.followUp {\\n width: 9% !important;\\n}\\n\\ntd.mat-cell,\\ntd.mat-footer-cell,\\nth.mat-header-cell {\\n padding: 3px;\\n border-style: solid none none solid;\\n border-width: 0.1px;\\n border-color: lightgray;\\n}\\n\\n.table-border.mat-table {\\n border-style: none solid solid none;\\n border-color: lightgray;\\n}\\n\\nth.mat-header-cell {\\n background-color: #d9d9d9;\\n}\\n\\n.filter2 {\\n width: auto;\\n text-transform: capitalize;\\n}\\n\\n.call-stats-card .mat-card-title {\\n margin-bottom: 0px;\\n}\\n\\n.call-stats-card .call-stats {\\n font-size: 11px;\\n color: #ffffff;\\n}\\n\\n.call-stats-card .call-stats i {\\n color: #2e3668;\\n font-size: 11px;\\n}\\n\\n.call-stats-card .call-stats-title {\\n font-size: 20px;\\n color: #484848;\\n}\\n\\n.call-stats-card1 {\\n padding-top: 0px;\\n}\\n\\n.call-stats-card-border1 {\\n border-style: solid solid none solid;\\n border-width: 1px;\\n border-radius: 0%;\\n border-color: lightgray;\\n}\\n\\n.call-stats-card-border2 {\\n border-style: solid solid solid solid;\\n border-width: 1px;\\n border-radius: 0%;\\n margin-bottom: 15px;\\n border-color: lightgray;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-group {\\n border-radius: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle {\\n background-color: #ffffff;\\n color: #5482BC;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-checked {\\n background-color: #5482BC;\\n color: #ffffff;\\n}\\n\\n.toggle-btn-grp ::ng-deep .mat-button-toggle-label-content {\\n line-height: 30px;\\n font: Regular 14px Roboto;\\n letter-spacing: 0px;\\n}\\n\\n.toggle-btn-grp ::ng-deep .refresh-btn.mat-button {\\n min-width: auto;\\n}\\n\\n.refresh-btn {\\n background-color: #ffffff;\\n color: #e64243;\\n border: 1px solid #e64243;\\n border-radius: 0px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-flex {\\n border: 1px solid lightgray;\\n border-radius: 3px;\\n background: white;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-label {\\n padding-left: 10px;\\n}\\n\\n.textboxService ::ng-deep .mat-form-field-infix {\\n border-top: none;\\n}\\n\\n.textboxService ::ng-deep label.mat-form-field-label {\\n margin-top: 8px !important;\\n}\\n\\n.textboxService ::ng-deep input.mat-input-element {\\n margin-top: 0.6em;\\n margin-left: 10px;\\n}\\n\\n.search-icon {\\n position: absolute;\\n right: 15px;\\n top: 15px;\\n}\\n\\n.backColor {\\n background-color: #00457D !important;\\n font-size: 12px;\\n}\\n\\n.box-size {\\n margin-left: 10px;\\n margin-top: 7px;\\n width: 28px;\\n height: 28px;\\n color: #ffffff !important;\\n}\\n\\n.backColor1 {\\n background-color: #5482BC !important;\\n font-size: 12px;\\n}\\n\\n.call-stats-value {\\n margin-left: 50px;\\n font-size: 18px;\\n}\\n\\n.call-stats-value1 {\\n margin-left: 30px;\\n font-size: 18px;\\n}\\n\\n.info-circle-size {\\n font-size: 12px !important;\\n color: #ffffff !important;\\n}\\n\\n.flex-set {\\n margin-top: 7px;\\n margin-left: 62px;\\n}\\n\\n.flex-set1 {\\n margin-top: 7px;\\n margin-left: 73px;\\n}\\n\\n.dueDateIcon {\\n height: 9px;\\n width: 11px;\\n}\\n\\n.filter3 {\\n width: 200px;\\n margin-right: 30px;\\n font-size: 12px;\\n}\\n\\n.paginator ::ng-deep .mat-form-field-infix {\\n height: 18px !important;\\n padding-bottom: 0px;\\n}\\n\\n.filter-label {\\n font: 12px Roboto;\\n letter-spacing: 0px;\\n color: #3c3c3c;\\n opacity: 1;\\n margin-bottom: 3px;\\n padding: 1px 0px 0px;\\n}\\n\\n.calender {\\n position: relative;\\n background: white;\\n}\\n\\n.calender input {\\n width: 180px;\\n border: 1px solid lightgray !important;\\n border-radius: 5px;\\n font-size: 12px;\\n height: 22px;\\n padding-left: 5px;\\n}\\n\\n.calander-btn {\\n position: absolute;\\n right: 7px;\\n top: 4px;\\n}\\n\\n.form-field label {\\n font-weight: 500;\\n margin-bottom: 5px;\\n}\\n\\n.form-field input {\\n padding: 6px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi93b3Jrc3BhY2Uvc3JjL2FwcC9jb21wb25lbnQvd29ya3Nob3AtcmVhc3NpZ25tZW50L3dvcmtzaG9wLXJlYXNzaWdubWVudC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50L3dvcmtzaG9wLXJlYXNzaWdubWVudC93b3Jrc2hvcC1yZWFzc2lnbm1lbnQuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksV0FBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtBQ0NKOztBREVBO0VBQ0ksZ0JBQUE7RUFDQSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtFQUNBLGVBQUE7RUFDQSxRQUFBO0VBQ0EsVUFBQTtFQUNBLDZCQUFBO0VBQ0EsV0FBQTtFQUNBLFVBQUE7QUNDSjs7QURFQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUNBLFVBQUE7RUFDQSxZQUFBO0FDQ0o7O0FERUE7RUFDSSxnQkFBQTtBQ0NKOztBREVBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLFVBQUE7QUNDSjs7QURFQTtFQUNJLGVBQUE7RUFDQSxXQUFBO0FDQ0o7O0FERUE7RUFDSSxNQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksYUFBQTtBQ0NKOztBREVBO0VBQ0ksTUFBQTtFQUNBLDBCQUFBO0VBQ0EsaUJBQUE7QUNDSjs7QURFQTtFQUNJLHNCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSxZQUFBO0VBQ0Esb0JBQUE7RUFDQSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtBQ0NKOztBREVBO0VBQ0ksbUJBQUE7QUNDSjs7QURFQTtFQUNJLG1CQUFBO0FDQ0o7O0FERUE7RUFDSSwwQkFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtFQUNBLDBCQUFBO0FDQ0o7O0FERUE7RUFDSSxzQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLDBCQUFBO0FDQ0o7O0FERUE7RUFDSSxjQUFBO0VBQ0Esa0JBQUE7RUFDQSxVQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QUNDSjs7QURFQTtFQUNJLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFNBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSxlQUFBO0FDQ0o7O0FERUE7RUFDSSx1QkFBQTtFQUNBLHlCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7QUNDSjs7QURFQTtFQUNJLG1CQUFBO0FDQ0o7O0FERUE7RUFDSSxxQkFBQTtBQ0NKOztBREVBO0VBQ0ksb0JBQUE7QUNDSjs7QURFQTs7O0VBR0ksWUFBQTtFQUNBLG1DQUFBO0VBQ0EsbUJBQUE7RUFDQSx1QkFBQTtBQ0NKOztBREVBO0VBQ0ksbUNBQUE7RUFDQSx1QkFBQTtBQ0NKOztBREVBO0VBQ0kseUJBQUE7QUNDSjs7QURFQTtFQUNJLFdBQUE7RUFDQSwwQkFBQTtBQ0NKOztBREdJO0VBQ0ksa0JBQUE7QUNBUjs7QURFSTtFQUNJLGVBQUE7RUFDQSxjQUFBO0FDQVI7O0FEQ1E7RUFDSSxjQUFBO0VBQ0EsZUFBQTtBQ0NaOztBREVJO0VBQ0ksZUFBQTtFQUNBLGNBQUE7QUNBUjs7QURJQTtFQUNJLGdCQUFBO0FDREo7O0FESUE7RUFDSSxvQ0FBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7RUFDQSx1QkFBQTtBQ0RKOztBRElBO0VBQ0kscUNBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsbUJBQUE7RUFDQSx1QkFBQTtBQ0RKOztBRElBO0VBQ0ksa0JBQUE7QUNESjs7QURJQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtBQ0RKOztBRElBO0VBQ0kseUJBQUE7RUFDQSxjQUFBO0FDREo7O0FESUE7RUFDSSxpQkFBQTtFQUNBLHlCQUFBO0VBQ0EsbUJBQUE7QUNESjs7QURJQTtFQUNJLGVBQUE7QUNESjs7QURJQTtFQUNJLHlCQUFBO0VBQ0EsY0FBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7QUNESjs7QURJQTtFQUNJLDJCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtBQ0RKOztBRElBO0VBQ0ksa0JBQUE7QUNESjs7QURJQTtFQUNJLGdCQUFBO0FDREo7O0FESUE7RUFDSSwwQkFBQTtBQ0RKOztBRElBO0VBQ0ksaUJBQUE7RUFDQSxpQkFBQTtBQ0RKOztBRElBO0VBQ0ksa0JBQUE7RUFDQSxXQUFBO0VBQ0EsU0FBQTtBQ0RKOztBRElBO0VBQ0ksb0NBQUE7RUFDQSxlQUFBO0FDREo7O0FESUE7RUFDSSxpQkFBQTtFQUNBLGVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0FDREo7O0FESUE7RUFDSSxvQ0FBQTtFQUNBLGVBQUE7QUNESjs7QURJQTtFQUNJLGlCQUFBO0VBQ0EsZUFBQTtBQ0RKOztBRElBO0VBQ0ksaUJBQUE7RUFDQSxlQUFBO0FDREo7O0FESUE7RUFDSSwwQkFBQTtFQUNBLHlCQUFBO0FDREo7O0FESUE7RUFDSSxlQUFBO0VBQ0EsaUJBQUE7QUNESjs7QURLQTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtBQ0ZKOztBREtBO0VBQ0ksV0FBQTtFQUNBLFdBQUE7QUNGSjs7QURLQTtFQUNJLFlBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7QUNGSjs7QURLQTtFQUNJLHVCQUFBO0VBQ0EsbUJBQUE7QUNGSjs7QURLQTtFQUNJLGlCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0VBQ0Esb0JBQUE7QUNGSjs7QURLQTtFQUNJLGtCQUFBO0VBQ0EsaUJBQUE7QUNGSjs7QURHSTtFQUNJLFlBQUE7RUFDQSxzQ0FBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7RUFDQSxpQkFBQTtBQ0RSOztBREtBO0VBQ0ksa0JBQUE7RUFDQSxVQUFBO0VBQ0EsUUFBQTtBQ0ZKOztBRE1JO0VBQ0ksZ0JBQUE7RUFDQSxrQkFBQTtBQ0hSOztBREtJO0VBQ0ksWUFBQTtBQ0hSIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50L3dvcmtzaG9wLXJlYXNzaWdubWVudC93b3Jrc2hvcC1yZWFzc2lnbm1lbnQuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud29ya2luZy1hcmVhIHtcbiAgICBtYXJnaW4tdG9wOiAxMTVweDtcbn1cblxudGFibGUge1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4uY2FsbGluZy10YWJsZSB0ciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4udGFibGUtaGVhZC1jYWxsIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIHBhZGRpbmctdG9wOiAxMnB4O1xufVxuXG4uYnV0dG9uLW1hcmdpbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5jYWxsTGlzdCB7XG4gICAgZm9udDogQm9sZCAyMHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjNDg0ODQ4O1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbi5jbG9zZS1jb24ge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdG9wOiAzcHg7XG4gICAgcmlnaHQ6IDFweDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgICB6LWluZGV4OiAxMDtcbiAgICBvcGFjaXR5OiAxO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgaGVpZ2h0OiAyMHB4O1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1zZWxlY3Qge1xuICAgIHBhZGRpbmc6IDNweCAwcHg7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LXNlbGVjdC10cmlnZ2VyIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgICB3aWR0aDogODklO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1idXR0b24ge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBmb250OiB3aGl0ZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgICB0b3A6IDA7XG4gICAgcGFkZGluZy10b3A6IDA7XG4gICAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gICAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtdW5kZXJsaW5lIHtcbiAgICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgICB0b3A6IDA7XG4gICAgbWFyZ2luLXRvcDogNHB4ICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICAgIGZvbnQ6IEJvbGQgMTRweCBSb2JvdG87XG4gICAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgICBjb2xvcjogIzNjM2MzYztcbiAgICBvcGFjaXR5OiAxO1xuICAgIG1hcmdpbi1ib3R0b206IDVweDtcbn1cblxuLnJlZmVzaC1pY29uIHtcbiAgICBmbG9hdDogcmlnaHQ7XG4gICAgbWFyZ2luLWJvdHRvbTogLTMwcHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi10b3A6IDMwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uY29sb3JlZFJvdyB7XG4gICAgYmFja2dyb3VuZDogI2ZmZmY5OTtcbn1cblxuLmNvbG9yZWRHcmVlblJvdyB7XG4gICAgYmFja2dyb3VuZDogIzkwZWU5MDtcbn1cblxuLm1hdC1kaWFsb2ctdGl0bGUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IGRhcmtncmF5O1xufVxuXG4uY2FsbExpc3QtcmlnaHQge1xuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjU0KTtcbn1cblxuLmNvbHVtbkhlYWRlciB7XG4gICAgZm9udDogQm9sZCAxMnB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xuICAgIGNvbG9yOiAjMzMzMzMzO1xuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4ubG9zdCB7XG4gICAgY29sb3I6ICNlNjQyNDM7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDEwcHg7XG4gICAgZm9udC1zaXplOiAxMHB4O1xuICAgIHRvcDogMzglO1xufVxuXG4uaW5ib3VuZCB7XG4gICAgY29sb3I6ICMyZTM2Njg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDBweDtcbiAgICBmb250LXNpemU6IDEwcHg7XG4gICAgdG9wOiAzOCU7XG59XG5cbi5jb2x1bW52YWx1ZSB7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZpbHRlcjEge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZpbHRlckJ1dHRvbiB7XG4gICAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgbGluZS1oZWlnaHQ6IDEwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMXB4O1xufVxuXG4uZmlsdGVyZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uc2VydmljZUR1ZURhdGUge1xuICAgIHdpZHRoOiAxMCUgIWltcG9ydGFudDtcbn1cblxuLmZvbGxvd1VwIHtcbiAgICB3aWR0aDogOSUgIWltcG9ydGFudDtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICAgIHBhZGRpbmc6IDNweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIG5vbmUgbm9uZSBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udGFibGUtYm9yZGVyLm1hdC10YWJsZSB7XG4gICAgYm9yZGVyLXN0eWxlOiBub25lIHNvbGlkIHNvbGlkIG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Q5ZDlkOTtcbn1cblxuLmZpbHRlcjIge1xuICAgIHdpZHRoOiBhdXRvO1xuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkIHtcbiAgICAubWF0LWNhcmQtdGl0bGUge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwcHg7XG4gICAgfVxuICAgIC5jYWxsLXN0YXRzIHtcbiAgICAgICAgZm9udC1zaXplOiAxMXB4O1xuICAgICAgICBjb2xvcjogI2ZmZmZmZjtcbiAgICAgICAgaSB7XG4gICAgICAgICAgICBjb2xvcjogIzJlMzY2ODtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICAgICAgfVxuICAgIH1cbiAgICAuY2FsbC1zdGF0cy10aXRsZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICAgICAgY29sb3I6ICM0ODQ4NDg7XG4gICAgfVxufVxuXG4uY2FsbC1zdGF0cy1jYXJkMSB7XG4gICAgcGFkZGluZy10b3A6IDBweDtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIxIHtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkIHNvbGlkIG5vbmUgc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMCU7XG4gICAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMiB7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItcmFkaXVzOiAwJTtcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xuICAgIGJvcmRlci1jb2xvcjogbGlnaHRncmF5O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB7XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5tYXQtYnV0dG9uLXRvZ2dsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBjb2xvcjogIzU0ODJCQztcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtY2hlY2tlZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzU0ODJCQztcbiAgICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gICAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gICAgZm9udDogUmVndWxhciAxNHB4IFJvYm90bztcbiAgICBsZXR0ZXItc3BhY2luZzogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5yZWZyZXNoLWJ0bi5tYXQtYnV0dG9uIHtcbiAgICBtaW4td2lkdGg6IGF1dG87XG59XG5cbi5yZWZyZXNoLWJ0biB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBjb2xvcjogI2U2NDI0MztcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZTY0MjQzO1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtZmxleCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIHBhZGRpbmctbGVmdDogMTBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgbGFiZWwubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICAgIG1hcmdpbi10b3A6IDhweCAhaW1wb3J0YW50O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGlucHV0Lm1hdC1pbnB1dC1lbGVtZW50IHtcbiAgICBtYXJnaW4tdG9wOiAwLjZlbTtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbn1cblxuLnNlYXJjaC1pY29uIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDE1cHg7XG4gICAgdG9wOiAxNXB4O1xufVxuXG4uYmFja0NvbG9yIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0NTdEICFpbXBvcnRhbnQ7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uYm94LXNpemUge1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIG1hcmdpbi10b3A6IDdweDtcbiAgICB3aWR0aDogMjhweDtcbiAgICBoZWlnaHQ6IDI4cHg7XG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmJhY2tDb2xvcjEge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkMgIWltcG9ydGFudDtcbiAgICBmb250LXNpemU6IDEycHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlIHtcbiAgICBtYXJnaW4tbGVmdDogNTBweDtcbiAgICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlMSB7XG4gICAgbWFyZ2luLWxlZnQ6IDMwcHg7XG4gICAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uaW5mby1jaXJjbGUtc2l6ZSB7XG4gICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cblxuLmZsZXgtc2V0IHtcbiAgICBtYXJnaW4tdG9wOiA3cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDYycHg7XG4gICAgLy90ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5mbGV4LXNldDEge1xuICAgIG1hcmdpbi10b3A6IDdweDtcbiAgICBtYXJnaW4tbGVmdDogNzNweDtcbn1cblxuLmR1ZURhdGVJY29uIHtcbiAgICBoZWlnaHQ6IDlweDtcbiAgICB3aWR0aDogMTFweDtcbn1cblxuLmZpbHRlcjMge1xuICAgIHdpZHRoOiAyMDBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDMwcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4ucGFnaW5hdG9yIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICAgIGhlaWdodDogMThweCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICAgIGZvbnQ6IDEycHggUm9ib3RvO1xuICAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gICAgY29sb3I6ICMzYzNjM2M7XG4gICAgb3BhY2l0eTogMTtcbiAgICBtYXJnaW4tYm90dG9tOiAzcHg7XG4gICAgcGFkZGluZzogMXB4IDBweCAwcHg7XG59XG5cbi5jYWxlbmRlciB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIGlucHV0IHtcbiAgICAgICAgd2lkdGg6IDE4MHB4O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXkgIWltcG9ydGFudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGhlaWdodDogMjJweDtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgfVxufVxuXG4uY2FsYW5kZXItYnRuIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDdweDtcbiAgICB0b3A6IDRweDtcbn1cblxuLmZvcm0tZmllbGQge1xuICAgIGxhYmVsIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICAgIHBhZGRpbmc6IDZweDtcbiAgICB9XG59XG4iLCIud29ya2luZy1hcmVhIHtcbiAgbWFyZ2luLXRvcDogMTE1cHg7XG59XG5cbnRhYmxlIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5jYWxsaW5nLXRhYmxlIHRyIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4udGFibGUtaGVhZC1jYWxsIHtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgcGFkZGluZy10b3A6IDEycHg7XG59XG5cbi5idXR0b24tbWFyZ2luIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5jYWxsTGlzdCB7XG4gIGZvbnQ6IEJvbGQgMjBweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjNDg0ODQ4O1xuICBvcGFjaXR5OiAxO1xufVxuXG4uY2xvc2UtY29uIHtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRvcDogM3B4O1xuICByaWdodDogMXB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgei1pbmRleDogMTA7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogMjBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0IHtcbiAgcGFkZGluZzogM3B4IDBweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXRyaWdnZXIge1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtc2VsZWN0LXZhbHVlIHtcbiAgd2lkdGg6IDg5JTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtYnV0dG9uIHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250OiB3aGl0ZTtcbn1cblxuLmZpbHRlcjEgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbC13cmFwcGVyIHtcbiAgdG9wOiAwO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtd3JhcHBlciB7XG4gIHBhZGRpbmctYm90dG9tOiAwO1xufVxuXG4uZmlsdGVyMSA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLXVuZGVybGluZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWx0ZXIxIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtbGFiZWwge1xuICB0b3A6IDA7XG4gIG1hcmdpbi10b3A6IDRweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmZpbHRlci1sYWJlbCB7XG4gIGZvbnQ6IEJvbGQgMTRweCBSb2JvdG87XG4gIGxldHRlci1zcGFjaW5nOiAwcHg7XG4gIGNvbG9yOiAjM2MzYzNjO1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5yZWZlc2gtaWNvbiB7XG4gIGZsb2F0OiByaWdodDtcbiAgbWFyZ2luLWJvdHRvbTogLTMwcHg7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbiAgbWFyZ2luLXRvcDogMzBweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uY29sb3JlZFJvdyB7XG4gIGJhY2tncm91bmQ6ICNmZmZmOTk7XG59XG5cbi5jb2xvcmVkR3JlZW5Sb3cge1xuICBiYWNrZ3JvdW5kOiAjOTBlZTkwO1xufVxuXG4ubWF0LWRpYWxvZy10aXRsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IGRhcmtncmF5O1xufVxuXG4uY2FsbExpc3QtcmlnaHQge1xuICBmb250LXNpemU6IDExcHg7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNTQpO1xufVxuXG4uY29sdW1uSGVhZGVyIHtcbiAgZm9udDogQm9sZCAxMnB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzMzMzMzM7XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4ubG9zdCB7XG4gIGNvbG9yOiAjZTY0MjQzO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDEwcHg7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgdG9wOiAzOCU7XG59XG5cbi5pbmJvdW5kIHtcbiAgY29sb3I6ICMyZTM2Njg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMHB4O1xuICBmb250LXNpemU6IDEwcHg7XG4gIHRvcDogMzglO1xufVxuXG4uY29sdW1udmFsdWUge1xuICBmb250LXNpemU6IDE0cHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZpbHRlcjEge1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5maWx0ZXJCdXR0b24ge1xuICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNDU3RDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBsaW5lLWhlaWdodDogMTBweDtcbiAgbWFyZ2luLWJvdHRvbTogMXB4O1xufVxuXG4uZmlsdGVyZGl2IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnNlcnZpY2VEdWVEYXRlIHtcbiAgd2lkdGg6IDEwJSAhaW1wb3J0YW50O1xufVxuXG4uZm9sbG93VXAge1xuICB3aWR0aDogOSUgIWltcG9ydGFudDtcbn1cblxudGQubWF0LWNlbGwsXG50ZC5tYXQtZm9vdGVyLWNlbGwsXG50aC5tYXQtaGVhZGVyLWNlbGwge1xuICBwYWRkaW5nOiAzcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQgbm9uZSBub25lIHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMXB4O1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRhYmxlLWJvcmRlci5tYXQtdGFibGUge1xuICBib3JkZXItc3R5bGU6IG5vbmUgc29saWQgc29saWQgbm9uZTtcbiAgYm9yZGVyLWNvbG9yOiBsaWdodGdyYXk7XG59XG5cbnRoLm1hdC1oZWFkZXItY2VsbCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkOWQ5ZDk7XG59XG5cbi5maWx0ZXIyIHtcbiAgd2lkdGg6IGF1dG87XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkIC5tYXQtY2FyZC10aXRsZSB7XG4gIG1hcmdpbi1ib3R0b206IDBweDtcbn1cbi5jYWxsLXN0YXRzLWNhcmQgLmNhbGwtc3RhdHMge1xuICBmb250LXNpemU6IDExcHg7XG4gIGNvbG9yOiAjZmZmZmZmO1xufVxuLmNhbGwtc3RhdHMtY2FyZCAuY2FsbC1zdGF0cyBpIHtcbiAgY29sb3I6ICMyZTM2Njg7XG4gIGZvbnQtc2l6ZTogMTFweDtcbn1cbi5jYWxsLXN0YXRzLWNhcmQgLmNhbGwtc3RhdHMtdGl0bGUge1xuICBmb250LXNpemU6IDIwcHg7XG4gIGNvbG9yOiAjNDg0ODQ4O1xufVxuXG4uY2FsbC1zdGF0cy1jYXJkMSB7XG4gIHBhZGRpbmctdG9wOiAwcHg7XG59XG5cbi5jYWxsLXN0YXRzLWNhcmQtYm9yZGVyMSB7XG4gIGJvcmRlci1zdHlsZTogc29saWQgc29saWQgbm9uZSBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1yYWRpdXM6IDAlO1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLmNhbGwtc3RhdHMtY2FyZC1ib3JkZXIyIHtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZCBzb2xpZCBzb2xpZCBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1yYWRpdXM6IDAlO1xuICBtYXJnaW4tYm90dG9tOiAxNXB4O1xuICBib3JkZXItY29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXAge1xuICBib3JkZXItcmFkaXVzOiAwcHg7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgY29sb3I6ICM1NDgyQkM7XG59XG5cbi50b2dnbGUtYnRuLWdycCA6Om5nLWRlZXAgLm1hdC1idXR0b24tdG9nZ2xlLWNoZWNrZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTQ4MkJDO1xuICBjb2xvcjogI2ZmZmZmZjtcbn1cblxuLnRvZ2dsZS1idG4tZ3JwIDo6bmctZGVlcCAubWF0LWJ1dHRvbi10b2dnbGUtbGFiZWwtY29udGVudCB7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICBmb250OiBSZWd1bGFyIDE0cHggUm9ib3RvO1xuICBsZXR0ZXItc3BhY2luZzogMHB4O1xufVxuXG4udG9nZ2xlLWJ0bi1ncnAgOjpuZy1kZWVwIC5yZWZyZXNoLWJ0bi5tYXQtYnV0dG9uIHtcbiAgbWluLXdpZHRoOiBhdXRvO1xufVxuXG4ucmVmcmVzaC1idG4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBjb2xvcjogI2U2NDI0MztcbiAgYm9yZGVyOiAxcHggc29saWQgI2U2NDI0MztcbiAgYm9yZGVyLXJhZGl1czogMHB4O1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1mbGV4IHtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIC5tYXQtZm9ybS1maWVsZC1sYWJlbCB7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbn1cblxuLnRleHRib3hTZXJ2aWNlIDo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtaW5maXgge1xuICBib3JkZXItdG9wOiBub25lO1xufVxuXG4udGV4dGJveFNlcnZpY2UgOjpuZy1kZWVwIGxhYmVsLm1hdC1mb3JtLWZpZWxkLWxhYmVsIHtcbiAgbWFyZ2luLXRvcDogOHB4ICFpbXBvcnRhbnQ7XG59XG5cbi50ZXh0Ym94U2VydmljZSA6Om5nLWRlZXAgaW5wdXQubWF0LWlucHV0LWVsZW1lbnQge1xuICBtYXJnaW4tdG9wOiAwLjZlbTtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG5cbi5zZWFyY2gtaWNvbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDE1cHg7XG4gIHRvcDogMTVweDtcbn1cblxuLmJhY2tDb2xvciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDQ1N0QgIWltcG9ydGFudDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uYm94LXNpemUge1xuICBtYXJnaW4tbGVmdDogMTBweDtcbiAgbWFyZ2luLXRvcDogN3B4O1xuICB3aWR0aDogMjhweDtcbiAgaGVpZ2h0OiAyOHB4O1xuICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuXG4uYmFja0NvbG9yMSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1NDgyQkMgIWltcG9ydGFudDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uY2FsbC1zdGF0cy12YWx1ZSB7XG4gIG1hcmdpbi1sZWZ0OiA1MHB4O1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5jYWxsLXN0YXRzLXZhbHVlMSB7XG4gIG1hcmdpbi1sZWZ0OiAzMHB4O1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5pbmZvLWNpcmNsZS1zaXplIHtcbiAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5mbGV4LXNldCB7XG4gIG1hcmdpbi10b3A6IDdweDtcbiAgbWFyZ2luLWxlZnQ6IDYycHg7XG59XG5cbi5mbGV4LXNldDEge1xuICBtYXJnaW4tdG9wOiA3cHg7XG4gIG1hcmdpbi1sZWZ0OiA3M3B4O1xufVxuXG4uZHVlRGF0ZUljb24ge1xuICBoZWlnaHQ6IDlweDtcbiAgd2lkdGg6IDExcHg7XG59XG5cbi5maWx0ZXIzIHtcbiAgd2lkdGg6IDIwMHB4O1xuICBtYXJnaW4tcmlnaHQ6IDMwcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLnBhZ2luYXRvciA6Om5nLWRlZXAgLm1hdC1mb3JtLWZpZWxkLWluZml4IHtcbiAgaGVpZ2h0OiAxOHB4ICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctYm90dG9tOiAwcHg7XG59XG5cbi5maWx0ZXItbGFiZWwge1xuICBmb250OiAxMnB4IFJvYm90bztcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbiAgY29sb3I6ICMzYzNjM2M7XG4gIG9wYWNpdHk6IDE7XG4gIG1hcmdpbi1ib3R0b206IDNweDtcbiAgcGFkZGluZzogMXB4IDBweCAwcHg7XG59XG5cbi5jYWxlbmRlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG4uY2FsZW5kZXIgaW5wdXQge1xuICB3aWR0aDogMTgwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheSAhaW1wb3J0YW50O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cblxuLmNhbGFuZGVyLWJ0biB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDdweDtcbiAgdG9wOiA0cHg7XG59XG5cbi5mb3JtLWZpZWxkIGxhYmVsIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuLmZvcm0tZmllbGQgaW5wdXQge1xuICBwYWRkaW5nOiA2cHg7XG59Il19 */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { CommonService } from '../../core/service/common-service/common.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { MatTableDataSource } from '@angular/material/table';\n\nimport { MatSort } from '@angular/material/sort';\nimport { MatPaginator } from '@angular/material/paginator';\nimport { MatDialog, MatDialogConfig } from '@angular/material';\nimport { openWorkshopReassignmentDialog } from '../../modal/workshop-reassignment-dialog/workshop-reassignment-dialog.component';\nimport { wrCallList } from './wrCallList';\n\n\n\n\n@Component({\n\tselector: 'app-workshop-reassignment',\n\ttemplateUrl: './workshop-reassignment.component.html',\n\tstyleUrls: [ './workshop-reassignment.component.scss' ]\n})\nexport class WorkshopReassignmentComponent implements OnInit {\n\t@ViewChild(MatSort, { static: true })\n\tsort: MatSort;\n\t@ViewChild(MatPaginator, { static: true })\n\tpaginator: MatPaginator;\n\n\tdisplayedColumns: string[] = [\n\t\t'customerName',\n\t\t'vin',\n\t\t'contactNumber',\n\t\t'leadGenerationDate',\n\t\t'previousWorkshop',\n\t\t'SMERemarks',\n\t\t'reassignmentStatus',\n\t];\n\n\tspinner: boolean;\n\tdataSource: any;\n\tpageSize: number;\n\tfilteredDataSource: any;\n\tuniqueRequest = new Set();\n\tuniqueSourceId = new Set();\n\tlistSize: number = 0;\n\n constructor(private commonService: CommonService, private toastr: ToastrService, public dialog: MatDialog)\n {\n\n\t}\n\n\tngOnInit() {\n\t\tif (localStorage.getItem('wrcallListPageSize') != null || localStorage.getItem('wrcallListPageSize') != undefined) {\n\t\t\tlet pagesize = Number(localStorage.getItem('wrcallListPageSize'));\n\t\t\tthis.pageSize = (pagesize && !Number.isNaN(pagesize)) ? pagesize : 50;\n\t\t } else {\n\t\t\tthis.pageSize = 50;\n\t\t }\n\t\tthis.workshopReassignmentList();\n\n\t}\n\n\tworkshopReassignmentList(){\n\t\tthis.spinner = true;\n\t\tthis.dataSource = '';\n\n\t\tthis.commonService.workshopReassignmentList().subscribe(res => {\n\t\t\tif (res['responseCode'] == 0 && res['responseData'] != undefined) {\n\t\t\t this.listSize = res['responseData'].length;\n\t\t\t this.dataSource = new MatTableDataSource(res['responseData']);\n\t\t\t this.sort.direction='';\n\t\t\t this.dataSource.sort = this.sort;\n\t\t\t this.dataSource.sortingDataAccessor = (data, header) => data[header];\n\t\t\t this.dataSource.paginator = this.paginator;\n\t\t\t this.spinner = false;\n\t\t } else {\n\t\t\t this.spinner = false;\n\t\t\t this.toastr.error(res['message'], 'Error');\n\t\t\t // this.callToggleStatus = true;\n\t\t }\n\t },\n\t (err) => {\n\t\t this.spinner = false;\n\t\t this.toastr.error('Something went wrong, Please try again.', 'Error');\n\t\t // this.callToggleStatus = true;\n\t }\n\t );\n\t}\n\n\t/**\n * Name: searchfilter\n * purpose: To apply filter on datagrid\n */\n\tsearchfilter(filterValue: string): void {\n\t\tfilterValue = filterValue.trim(); // Remove whitespace\n\t\tfilterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches\n\t\tthis.dataSource.filter = filterValue;\n\t}\n\n\t /**\n * Name: setPageData\n * purpose: To set pagesize for table\n */\n\tsetPageData(event) {\n\t\tlet size = event.pageSize.toString();\n\t\tlocalStorage.setItem('wrcallListPageSize', size);\n\t}\n\n selectCustomer(row:any){\n\t\topenWorkshopReassignmentDialog(this.dialog,row.customerName,row.customerTelephone,row.nearestWorkshop,row.chassisNumber,row.customerCode).subscribe(val=>{\n\t\t\tif(val == -1){\n\t\t\t\tthis.ngOnInit();\n\t\t\t}\n\t\t});\n\t}\n\n}\n","import { CanActivate, RouterStateSnapshot, ActivatedRouteSnapshot } from '@angular/router';\nimport { Injectable } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { AuthService } from './authentication.service';\n\n@Injectable()\nexport class AuthGuardService implements CanActivate {\n constructor(private router: Router, private auth: AuthService) { }\n /**\n * Name: canActivate\n * purpose: To check route auth status\n */\n canActivate(next: ActivatedRouteSnapshot,\n state: RouterStateSnapshot): boolean {\n let url: string = state.url;\n const userRoles = localStorage.getItem('userRoles');\n const uamAccess = localStorage.getItem('uamAccess');\n if (!this.auth.isAuthenticated()) {\n this.router.navigate(['login']);\n return false;\n } else if (userRoles == 'CRE') {\n if (uamAccess) {\n return true;\n } else if (url != \"/uam\") {\n return true;\n } else {\n this.router.navigate(['calling']);\n return false;\n }\n } else if(url == '/market-reporting'){\n return true;\n } else if(url == '/prs-dashboard'){\n return true;\n }\n else if(url == '/doorstep-dashboard'){\n return true;\n }\n else if(url == '/soft-calling' || url == '/soft-reporting' || url == '/soft-customer360'){\n return true;\n } else if (uamAccess && url == \"/uam\") {\n return true;\n } else if (userRoles == \"Call Center Agent\") {\n if (url == '/prs-calling' || url == '/prs-customer360' || url == '/prs-reporting' || url == '/profile' || url == '/workshop-reassignment') {\n return true;\n } else {\n this.router.navigate(['prs-calling']);\n return false;\n }\n } else if (userRoles == \"Team Leader\" || userRoles == \"Manager\") {\n if (url == '/prs-reporting' || url == '/profile') {\n return true;\n } else {\n this.router.navigate(['prs-reporting']);\n return false;\n }\n } else if (userRoles == \"Vecv SRM User\") {\n if (url == '/cdm-calling' || url == '/profile') {\n return true;\n } else {\n this.router.navigate(['cdm-calling']);\n return false;\n }\n } else if (userRoles == \"SME\") {\n if (url == '/lost-customer' || url == '/lost-customer360' || url == '/reporting' || url=='/doorstep-calling-list' || url=='/doorstep-customer360' || url=='/doorstep-dashboard') {\n return true;\n } else {\n this.router.navigate(['lost-customer']);\n return false;\n }\n }\n else if (userRoles == \"Workshop Manager\") {\n if (url == '/workshop-manager-calling' || url == '/pipeline-management' || url == '/pipeline-search' || url == '/dashboard') {\n return true;\n } else {\n this.router.navigate(['workshop-manager-calling']);\n return false;\n }\n }\n else if (userRoles == \"DSPM\") {\n if (url == '/pipeline-management' || url == '/pipeline-search' || url == '/soft-calling' || url == '/soft-reporting' || url == '/soft-customer360') {\n return true;\n }else {\n this.router.navigate(['soft-calling']);\n return false;\n }\n }\n else if (url == '/reporting' || url == '/dashboard' || url == '/profile' || url == '/cdm-calling' || url == '/cdm-customer360') {\n return true;\n } else if (url == '/prs-reporting') {\n return true;\n } else if (url == '/inboundCall') {\n return true;\n } else if(url == '/pipeline-management' || url == '/pipeline-search'){\n return true;\n } else {\n\n if (userRoles =='Pan India' ) {\n return true;\n }\n this.router.navigate(['dashboard']);\n return false;\n }\n }\n}\n","import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class AuthService {\n constructor() { }\n\n /**\n * Checks is the user is authenticated.\n * @return {boolean} True if the user is authenticated.\n */\n isAuthenticated(): boolean {\n const userId = localStorage.getItem('userId');\n if (userId) { // Check whetherwe have userId for authentication\n return true;\n } else {\n return false;\n }\n }\n}\n","\nimport { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';\nimport { environment } from '../../../../environments/environment';\nimport { Observable, observable } from 'rxjs';\nimport { resolve } from 'dns';\nimport { promise } from 'protractor';\nimport { catchError } from 'rxjs/operators';\nimport { CallParams } from 'src/app/model/call-params.model';\nimport { SaveCallRecordingParams } from 'src/app/model/save-call-recording-params.model';\n\n@Injectable()\nexport class CommonService {\n\n callListResponseData = [];\n prsCallListResponseData = [];\n customerResponse = '';\n prsCustomerResponse: any = '';\n interval;\n followupDataSource = [];\n prsFollowupDataSource = [];\n workedCallListData = [];\n userId :any;\n userRole :any;\n roleId :any = localStorage.getItem('roleId');\n refreshTokenCheck: number;\n checkFlag : boolean = true;\n\n countryCode: string;\n followupResponse: Observable;\n prsCallType = '';\n //customerData = JSON.parse(localStorage.getItem('customerData'));\n\n startInterval() {\n this.userRole = localStorage.getItem('userRoles');\n let loginTime = JSON.parse(localStorage.getItem('LoginTime'));\n let mint = loginTime + (30 * 60 * 1000);\n this.followupResponse = new Observable((observable) => {\n this.interval = setInterval(() => {\n if (this.userRole == \"CRE\") {\n this.getFollowUpCallList(this.userId, 'N').subscribe(res => {\n observable.next(res);\n })\n } else if (this.userRole == \"Call Center Agent\") {\n this.getPRSFollowUpCallList(this.prsCallType, this.roleId, this.userId).subscribe(res => {\n observable.next(res);\n })\n }\n }, (30 * 60 * 1000))\n })\n }\n // return new Promise((resolve, reject) => {\n // this.interval = setInterval(()=>{\n // mint = mint + 1000;\n // this.getFollowUpCallList(this.userId, 'N').subscribe(res => {\n // return new Promise((resolve, reject) => {\n // if(res['responseCode'] == 1 ) {\n // resolve(res);\n // } else {\n // reject(\"No Data Found\");\n // }\n // this.followupResponse = res;\n // })\n // });\n // }, mint);\n // if(this.followupResponse) {\n // resolve(this.followupResponse);\n // // } else {\n // // reject(\"Dta not found 2\");\n // }\n // })\n // }\n\n stopInterval() {\n clearInterval(this.interval);\n }\n\n public uri: string;\n public trailUri: string;\n constructor(private http: HttpClient) {\n this.uri = environment.baseUrl;\n //this.trailUri = environment.baseUrlTrailing;\n }\n\n\n /**\n * Name: signin\n * purpose: To Sign in user\n * @param {string} userId - The username who is signing in\n * @param {string} currentPassword - The currentPassword\n * @param {string} newPassword - The newPassword to update\n * @return {Observable} response.\n */\n updatePassword(userId: string, currentPassword: string, newPassword: string): Observable {\n const requestUrl = this.uri + 'auth/update-password';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n oldPassword: currentPassword,\n newPassword: newPassword\n })\n };\n return this.http.get(requestUrl, httpOptions);\n }\n\n refreshtoken(): Observable {\n const requestUrl = this.uri + 'auth/get-refresh-token';\n const httpOptions = {\n headers: new HttpHeaders({\n userId: this.userId,\n medium : 'web'\n }),\n };\n return this.http.get(requestUrl, httpOptions);\n }\n\n /**\n * Name: getDetails\n * purpose: To get uam search data\n * @param {string} userId - The username who is signing in\n * @param {string} searchUserId - The search user name\n * @return {Observable} response.\n */\n getDetails(userId: string, searchUserId: string): Observable {\n const requestUrl = this.uri + 'auth/getUAMSearchUser';\n const httpOptions = {\n headers: new HttpHeaders({\n userId: userId,\n searchUserId: searchUserId\n })\n };\n return this.http.get(requestUrl, httpOptions);\n }\n\n /**\n * Name: getDefaultDropDown\n * purpose: To get uam Default DropDown\n * @param {string} userId - The username who is signing in\n * @return {Observable} response.\n */\n getDefaultDropDown(userId: string): Observable {\n const requestUrl = this.uri + 'auth/getUAMDefaultDropDownData';\n const httpOptions = {\n headers: new HttpHeaders({\n userId: userId,\n })\n };\n return this.http.get(requestUrl, httpOptions);\n }\n\n /**\n * Name: getWorkshop\n * purpose: To get uam Workshop\n * @param {string} userId - The username who is signing in\n * @param {string} region - region\n * @param {string} dealerCompany - dealerCompany\n * @return {Observable} response.\n */\n getWorkshop(userId: string, region: string, dealerCompany: string): Observable {\n const requestUrl = this.uri + 'auth/getUAMWorkShop';\n const httpOptions = {\n headers: new HttpHeaders({\n userId: userId,\n region: region,\n dealerCompany: dealerCompany\n })\n };\n return this.http.get(requestUrl, httpOptions);\n }\n\n /**\n * Name: getDealerCompany\n * purpose: To get uam dealer company\n * @param {string} userId - The username who is signing in\n * @param {string} selectedRegion - region\n * @return {Observable} response.\n */\n getDealerCompany(userId: string, selectedRegion: string): Observable {\n const requestUrl = this.uri + 'auth/getUAMSearchDealerCompany';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n region: selectedRegion\n })\n };\n return this.http.get(requestUrl, httpOptions);\n }\n\n /**\n * Name: getExportExcel\n * purpose: To export report as excel\n * @return {Observable} response binary data object.\n */\n getExportExcel(): Observable {\n let request = this.uri + 'auth/getUAMExcel';\n return this.http.get(request, { responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: saveUserData\n * purpose: To save uam customer details and response\n * @param {object} userData - uam customer details\n * @return {Observable} response flag and status.\n */\n saveUserData(userData: any): Observable {\n const request = this.uri + 'auth/saveUserData';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n })\n };\n return this.http.post(request, userData, httpOptions);\n }\n\n /**\n * Name: signin\n * purpose: To Sign in user\n * @param {string} username - The username who is signing in\n * @param {string} password - The password to signin\n * @return {Observable} response if the user is authenticated.\n */\n signin(username: string, password: string): Observable {\n const requestUrl = this.uri + 'auth/login';\n const request = {\n userId: username,\n password: password\n }\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n medium : 'web'\n })\n };\n return this.http.post(requestUrl, request, httpOptions);\n }\n\n /**\n * Name: getUserDetails\n * purpose: To get sign in user data\n * @param {string} userId - The userId who is signing in\n * @return {Observable} response user info\n */\n getUserDetails(userId: string, roleId: string): Observable {\n const requestUrl = this.uri + 'auth/getUserDetails';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n roleId: roleId\n })\n };\n return this.http.get(requestUrl, httpOptions);\n }\n\n /**\n * Name: getWorkshopDetails\n * purpose: To get workshop details\n * @param {string} userId - The userId who is signing in\n * @return {Observable} response workshop list\n */\n getWorkshopDetails(userId: string): Observable {\n const requestUrl = this.uri + 'auth/getWorkshopDetails';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId\n })\n };\n return this.http.get(requestUrl, httpOptions);\n }\n\n /**\n * Name: customercallList\n * purpose: To get customer list\n * @param {string} dealerCode - dealer code\n * @param {string} flag - type of call status to fatch customer list\n * @return {Observable} response customer list.\n */\n customercallList(dealerCode: string, flag: string): Observable {\n const request = this.uri + 'callList/customercallList';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n dealerCode: dealerCode,\n listType: flag,\n countryCode: this.countryCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: generatetoken\n * purpose: To generate token\n * @param {string} userID - userid for who we are generating token\n * @return {Observable} response token.\n */\n generatetoken(userID: string): Observable {\n const request = this.uri + 'api/generatetoken';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userID: userID\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: updateNumber\n * purpose: To set customer number status\n * @param {string} number - customer number\n * @param {string} contactNoOld - customer number\n * @param {string} type - customer number type\n * @param {string} custId - customer id\n * @param {string} userId - userId id\n * @return {Observable} response status.\n */\n updateNumber(number: string, contactNoOld: string, type: string, custId: string, userId: string, oldName: string, newName: string): Observable {\n const request = this.uri + 'callManagement/update-contact';\n\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n contactNoNew: number,\n contactNoOld: contactNoOld,\n custId: custId,\n userId: userId,\n isPrimary: type,\n oldDriverName: oldName,\n newDriverName: newName\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: callDetails\n * purpose: To get call list\n * @param {string} creCode - CRE id\n * @param {string} custId - customer id\n * @return {Observable} response status.\n */\n callDetails(creCode: string, custId: string, source: string): Observable {\n const request = this.uri + 'callManagement/fetch-call-Logs';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n creCode: creCode,\n custId: custId,\n source: source\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: callCustomer\n * purpose: To get call list\n * @param {string} userId - userId\n * @param {string} custId - custId\n * @param {string} contactNo - contactNo\n * @param {string} isPrimary - isPrimary\n * @return {Observable} response status.\n */\n callCustomer(creId: string, custId: string, contactNo: string, isPrimary: string, source: string): Observable {\n const request = this.uri + 'callManagement/send-notification';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n creId: creId,\n custId: custId,\n custNo: contactNo,\n custType: isPrimary,\n source: source\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: downloadAudio\n * purpose: To get call list\n * @param {string} bucketName - bucketName\n * @param {string} fileName - fileName we want to hear\n * @return {Observable} response blob file.\n */\n downloadAudio(bucketName: string, fileName: string, source: string): Observable {\n const request = this.uri + 'callManagement/download-audio?bucketName=' + bucketName + '&file=' + fileName + '&source=' + source;\n return this.http.get(request, { responseType: \"blob\", observe: 'response' });\n }\n\n /**\n * Name: callListinfo\n * purpose: To get call list counts\n * @param {string} dealerCode - dealer code\n * @return {Observable} response call count and list info.\n */\n callListinfo(dealerCode: string): Observable {\n const request = this.uri + 'callList/callListinfo';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n dealerCode: dealerCode,\n countryCode: this.countryCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: convertDateToString\n * purpose: To get convert date to string\n * @param {date} realDate - date to be changed\n * @return {string} date in string conversion.\n */\n convertDateToString(realDate: Date): string {\n let date = realDate.getDate();\n let month = realDate.getMonth() + 1;\n let year = realDate.getFullYear();\n return year + \"-\" + month + \"-\" + date;\n }\n\n /**\n * Name: customer360\n * purpose: To get customer details\n * @param {string} customerID - customer id whom details to be get\n * @param {string} dealerCode - login dealer's code\n * @return {Observable} response customer details.\n */\n customer360(customerID: string, dealerCode: string): Observable {\n const request = this.uri + 'customer360/customer360';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n customerID: customerID,\n dealerCode: dealerCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: history\n * purpose: To get history details for VECHILE\n * @param {string} chassisNo - chassisNo of VECHILE\n * @return {Observable} response VECHILE history details.\n */\n history(chassisNo: string): Observable {\n const request = this.uri + 'customer360/getservicehistory';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n vin: chassisNo\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: kpiCall\n * purpose: To get kpi-call details\n * @param {string} userId - cre userid\n * @param {string} from - start date\n * @param {string} to - end date\n * @return {Observable} response kpi list.\n */\n kpiCall(userId: string, from: string, to: string): Observable {\n const request = this.uri + 'reports/getcrereport';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n fromDate: from,\n toDate: to\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: dataGrid\n * purpose: To get dataGrid details\n * @param {string} userId - cre userid\n * @param {string} roleId - roleid\n * @param {string} startDate - start date\n * @param {string} endDate - end date\n * @param {string} workshopFilter - workshop code\n * @return {Observable} response kpi list.\n */\n dataGrid(userId: string, roleId: string, startDate: string, endDate: string, workshopFilter: string, reportType: string): Observable {\n const request = this.uri + 'reports/getDataGrid';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n roleId: roleId,\n startDate: startDate,\n endDate: endDate,\n workshopFilter: workshopFilter,\n reportType: reportType,\n countryCode: this.countryCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: workshopFilter\n * purpose: To get workshopFilter details\n * @param {string} userId - cre userid\n * @param {string} roleId - cre roleid\n * @return {Observable} response kpi list.\n */\n workshopFilter(userId: string, roleId: string): Observable {\n const request = this.uri + 'reports/workshopFilter';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n roleId: roleId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getcrereportexcel\n * purpose: To export report as excel\n * @param {string} fileType - type of file-fresh or all data\n * @param {string} from - start date\n * @param {string} to - end date\n * @param {string} userId creid\n * @return {Observable} response binary data object.\n */\n getcrereportexcel(fileType: string, from: string, to: string, userId: string): Observable {\n let request = this.uri + 'reports/getcrereportexcel';\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n fromDate: from,\n toDate: to,\n fileType: fileType\n });\n return this.http.get(request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: getprocessreport\n * purpose: To export report as excel\n * @param {string} from - start date\n * @param {string} to - end date\n * @param {string} userId creid\n * @param {string} roleId - cre roleId\n * @param {string} workshopCode - WorkshopCode\n * @return {Observable} response binary data object.\n */\n getprocessreport(from: string, to: string, userId: string, roleId: string, workshopCode: string): Observable {\n let request = this.uri + 'reports/getprocessreport';\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n roleId: roleId,\n fromDate: from,\n toDate: to,\n workshopFilter: workshopCode,\n countryCode: this.countryCode\n });\n return this.http.get(request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: callreminder\n * purpose: To scheduled call reminder\n * @param {string} dealerCode - dealer Code\n * @return {Observable} response flag and status.\n */\n callreminder(dealerCode: string): Observable {\n const request = this.uri + 'callList/callreminder';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n dealerCode: dealerCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: savedata\n *\n * purpose: To save customer details and response\n * @param {object} custData - customer details\n * @return {Observable} response flag and status.\n */\n savedata(custData: any): Observable {\n const request = this.uri + 'customer360/savedata';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n countryCode: this.countryCode,\n })\n };\n return this.http.post(request, custData, httpOptions);\n }\n\n /**\n * Name: getDropdownData\n * purpose: To get dropdown data for customer response\n * @param {number} callType - type of response\n * @return {Observable} response data object for response dropdown.\n */\n getDropdownData(callType: number): Observable {\n const request = this.uri + 'customer360/customeresponse';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n callType: callType && callType.toString(),\n countryCode: this.countryCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getUsers\n * purpose: To search customer\n * @param {string} searchText - customer details\n * @param {string} type - type of input\n * @return {Observable} response data object for response auto dropdown.\n */\n getCustomers(searchText: string, type: string, userId: string): Observable {\n const request = this.uri + 'inboundCall/search-customer';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n value: searchText,\n flag: type,\n userId: userId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getChassis\n * purpose: To get dropdown data for customer response\n * @param {string} searchText - customer details\n * @return {Observable} response data object for response auto dropdown.\n */\n getChassis(searchText: string): Observable {\n const request = this.uri + 'inboundCall/get-chassic-no';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n number: searchText,\n countryCode:this.countryCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: searchContact\n * purpose: To get dropdown data for customer response\n * @param {string} searchText - customer details\n * @return {Observable} response data object for response auto dropdown.\n */\n searchContact(searchText: string): Observable {\n const request = this.uri + 'inboundCall/search-contact';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n number: searchText\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: searchFleet\n * purpose: To get fleet data for selected customer\n * @param {string} customerCode - customer code\n * @return {Observable} response data object for response auto dropdown.\n */\n searchFleet(customerCode: string): Observable {\n const request = this.uri + 'inboundCall/search-fleet';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n custCode: customerCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: searchVin\n * purpose: To get dropdown data for customer response\n * @param {string} customerCode - customer code\n * @param {string} creId - creId\n * @return {Observable} response data object for response auto dropdown.\n */\n searchVin(customerCode: string, creId: string, vin: string): Observable {\n const request = this.uri + 'inboundCall/search-vin';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n custCode: customerCode,\n creId: creId,\n vin: vin\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: saveInboundCustomer\n * purpose: To save customer details and response\n * @param {object} custData - customer details\n * @return {Observable} response flag and status.\n */\n saveInboundCustomer(custData: any): Observable {\n const request = this.uri + 'inboundCall/save-customer-details';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n creId: custData.creId,\n custCode: custData.custCode,\n custContactNo: custData.custContactNo,\n fleetContactNo: custData.fleetContactNo,\n fleetName: custData.fleetName,\n userId: custData.userId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: saveServiceData\n * purpose: To save vehicle service details and response\n * @param {object} serviceData - customer details\n * @return {Observable} response flag and status.\n */\n saveServiceData(serviceData: any): Observable {\n const request = this.uri + 'inboundCall/save-service-data';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n countryCode: this.countryCode\n })\n };\n return this.http.post(request, serviceData, httpOptions);\n }\n\n /**\n * Name: getcustomerdata\n * purpose: To get customer details\n * @param {string} customerID - customer id whom details to be get\n * @param {string} dealerCode - login dealer's code\n * @return {Observable} response customer details.\n */\n getcustomerdata(customerID: string, dealerCode: string, vin: string): Observable {\n const request = this.uri + 'customer360/getcustomerdata';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n customerID: customerID,\n dealerCode: dealerCode,\n vin: vin,\n countryCode: this.countryCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: sendLocationSMS\n * purpose: To send workshop address sms\n * @param {any} data - customer data and workshop data\n * @return {Observable} response.\n */\n sendLocationSMS(data: any): Observable {\n const request = this.uri + 'customer360/sendLocationSMS';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n contactNo: data.contactNo,\n custName: data.custName,\n wSAddress: data.wSAddress,\n wSManager: data.wSManager,\n wSName: data.wSName\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: sendBookingSMS\n * purpose: To send booking sms\n * @param {any} data - customer data and booking data\n * @return {Observable} response.\n */\n sendBookingSMS(data: any): Observable {\n const request = this.uri + 'customer360/sendBookingSMS';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n bkStatus: data.bkStatus,\n bkTime: data.bkTime,\n bkdate: data.bkdate,\n contactNo: data.contactNo,\n custName: data.custName,\n regNo: data.regNo,\n vin: data.vin,\n wSAddress: data.wSAddress,\n wSManager: data.wSManager\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: contactdetail\n * purpose: To get customer contact detail\n * @param {string} customerID - customer id whom details to be get\n * @return {Observable} response customer details.\n */\n contactdetail(customerID: string): Observable {\n const request = this.uri + 'customer360/contactdetail';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n custCode: customerID\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: contactdetail\n * purpose: To get customer contact detail\n * @param {string} creID - customer id whom details to be get\n * @return {Observable} response customer details.\n */\n getCreCallStats(creID: string): Observable {\n const request = this.uri + 'callList/callstats';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n creId: creID,\n countryCode: this.countryCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getDashboardKpiCard\n * purpose: To get DashboardKpiCard\n * @param {any} req - req details to be get\n * @return {Observable} response customer details.\n */\n getDashboardKpiCard(req: any): Observable {\n const requestUrl = this.uri + 'reports/getDashboardKpiCard';\n const request = {\n \"userId\": req.userId,\n \"roleId\": req.roleId,\n \"creId\": req.creId,\n \"workshopCode\": req.workshopCode,\n \"service\": req.service,\n \"month\": req.month,\n \"year\": req.year\n };\n\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n countryCode: this.countryCode\n })\n };\n return this.http.post(requestUrl, request, httpOptions);\n }\n\n /**\n * Name: getDashboardResponseKpi\n * purpose: To get getDashboardResponseKpi\n * @param {any} req - req details to be get\n * @return {Observable} response customer details.\n */\n getDashboardResponseKpi(req: any): Observable {\n const requestUrl = this.uri + 'reports/getDashboardResponseKpi';\n const request = {\n \"userId\": req.userId,\n \"roleId\": req.roleId,\n \"creId\": req.creId,\n \"workshopCode\": req.workshopCode,\n \"service\": req.service,\n \"startDate\": req.startDate,\n \"endDate\": req.endDate\n };\n\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n countryCode: this.countryCode\n })\n };\n return this.http.post(requestUrl, request, httpOptions);\n }\n\n /**\n * Name: getDashboardServiceKpi\n * purpose: To get getDashboardServiceKpi\n * @param {any} req - req details to be get\n * @return {Observable} response customer details.\n */\n getDashboardServiceKpi(req: any): Observable {\n const requestUrl = this.uri + 'reports/getDashboardServiceKpi';\n const request = {\n \"userId\": req.userId,\n \"roleId\": req.roleId,\n \"creId\": req.creId,\n \"workshopCode\": req.workshopCode,\n \"service\": req.service,\n \"startDate\": req.startDate,\n \"endDate\": req.endDate\n };\n\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n countryCode: this.countryCode\n })\n };\n return this.http.post(requestUrl, request, httpOptions);\n }\n\n /**\n * Name: getDashboardKpi\n * purpose: To get getDashboardKpi\n * @param {any} req - req details to be get\n * @return {Observable} response customer details.\n */\n getDashboardKpi(req: any): Observable {\n const requestUrl = this.uri + 'reports/getDashboardKpi';\n const request = {\n \"userId\": req.userId,\n \"roleId\": req.roleId,\n \"creId\": req.creId,\n \"workshopCode\": req.workshopCode,\n \"service\": req.service,\n \"startDate\": req.startDate,\n \"endDate\": req.endDate\n };\n\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n countryCode: this.countryCode\n })\n };\n return this.http.post(requestUrl, request, httpOptions);\n }\n\n /**\n * Name: filterDashboard\n * purpose: To get filter Dashboard\n * @param {any} userInfo - userInfo whom details to be get\n * @return {Observable} response filter details.\n */\n filterDashboard(userInfo: any): Observable {\n const request = this.uri + 'reports/filterDashboard';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userInfo.userId,\n roleId: userInfo.roleId,\n countryCode: this.countryCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: periodFilter\n * purpose: To get periodFilter Dashboard\n * @param {any} userInfo - userInfo whom details to be get\n * @return {Observable} response filter details.\n */\n periodFilter(userInfo: any): Observable {\n const request = this.uri + 'reports/periodFilter';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userInfo.userId,\n roleId: userInfo.roleId,\n countryCode: this.countryCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getBayVisibility\n * purpose: To get getBayVisibility\n * @param {any} workshopCode - workshopCode whom details to be get\n * @param {any} date - date\n * @return {Observable} response bay Visibility.\n */\n getBayVisibility(workshopCode: any, date: any): Observable {\n const request = this.uri + 'customer360/getBayVisibility';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n workshopCode: workshopCode,\n selectedDate: date\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getWorkshopBay\n * purpose: To get getWorkshopBay\n * @param {string} creId - creId\n * @return {Observable} response list of bay\n */\n getWorkshopBay(creId: string): Observable {\n const request = this.uri + 'customer360/getWorkshopBay';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n creId: creId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getFertPrice\n * purpose: To get getFertPrice\n * @param {any} workshopCode - workshopCode whom details to be get\n * @param {any} fartCode - fartCode\n * @return {Observable} response bay Visibility.\n */\n getFertPrice(workshopCode: any, fartCode: any): Observable {\n const request = this.uri + 'customer360/getFertPrice';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n plant: workshopCode,\n fertCode: fartCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getprscustomerdata\n * purpose: To get customer details\n * @param {string} customerID - customer id whom details to be get\n * @param {string} vin - vehicle vin No\n * @param {string} workshopCode - workshopCode\n * @param {string} callTypeSeq - callTypeSeq\n * @return {Observable} response customer details.\n */\n getprscustomerdata(customerID: string, vin: string, workshopCode: string, callTypeSeq: string, userId: string, roleId: string): Observable {\n const request = this.uri + 'customer360/getprscustomerdata';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n customerID: customerID,\n vin: vin,\n workshopCode: workshopCode,\n callTypeSeq: callTypeSeq,\n userId: userId,\n roleId: roleId,\n countryCode: this.countryCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getprscustomerdata\n * purpose: To get customer details\n * @param {string} customerID - customer id whom details to be get\n * @param {string} vin - vehicle vin No\n * @param {string} workshopCode - workshopCode\n * @param {string} callTypeSeq - callTypeSeq\n * @return {Observable} response customer details.\n */\n getLastServiceRemark(customerID: string, vin: string, workshopCode: string, callTypeSeq: string, userId: string, roleId: string): Observable {\n const request = this.uri + 'customer360/getprslastservice&remarks';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n customerID: customerID,\n vin: vin,\n workshopCode: workshopCode,\n callTypeSeq: callTypeSeq,\n userId: userId,\n roleId: roleId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: prscontactdetail\n * purpose: To get customer contact detail\n * @param {string} customerID - customer id whom details to be get\n * @return {Observable} response customer details.\n */\n prscontactdetail(customerID: string): Observable {\n const request = this.uri + 'customer360/prs-contact-detail';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n custCode: customerID\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: prscustomercallList\n * purpose: To get customer list\n * @param {string} flag - type of call status to fatch customer list\n * @return {Observable} response customer list.\n */\n prscustomercallList(flag: string, callType: string, userId: string, roleId: string): Observable {\n const request = this.uri + 'callList/prscustomercallList';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n listType: flag,\n callType: callType,\n userId: userId,\n countryCode: this.countryCode,\n roleId: roleId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: prsCustomeResponse\n * purpose: To get prs Custome Response\n * @param {string} callType - type of response\n * @return {Observable} response lvl data for response.\n */\n prsCustomeResponse(callType: string): Observable {\n const request = this.uri + 'customer360/prs-customeresponse';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n callType: callType\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: contactdetail\n * purpose: To get customer contact detail\n * @param {string} userId - customer id whom details to be get\n * @return {Observable} response customer details.\n */\n getPrsCallStats(userId: string, roleId: string): Observable {\n const request = this.uri + 'callList/prscallstats';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n countryCode: this.countryCode,\n roleId: roleId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getPrsFetchQuestions\n * purpose: To get Prs Questions\n * @param {string} category - questions category\n * @return {Observable} response customer details.\n */\n getPrsFetchQuestions(category: string, roleId: string): Observable {\n const request = this.uri + 'customer360/prs-fetch-questions';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n category: category,\n countryCode: this.countryCode,\n roleId: roleId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: updatePRSNumber\n * purpose: To set customer number status\n * @param {string} number - customer number\n * @param {string} contactNoOld - customer number\n * @param {string} type - customer number type\n * @param {string} custId - customer id\n * @param {string} userId - userId id\n * @return {Observable} response status.\n */\n updatePRSNumber(number: string, contactNoOld: string, type: string, custId: string, userId: string): Observable {\n const request = this.uri + 'customer360/prs-update-contact';\n\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n contactNoNew: number,\n contactNoOld: contactNoOld,\n custId: custId,\n userId: userId,\n isPrimary: type\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: reportTypeFilter\n * purpose: To get reportTypeFilter details\n * @return {Observable} response report type list.\n */\n reportTypeFilter(): Observable {\n const request = this.uri + 'reports/prs-getReportTypes';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: prsReportFilter\n * purpose: To get prsReportFilter details\n * @return {Observable} response report filter list.\n */\n prsReportFilter(userId: string, roleId: string): Observable {\n const request = this.uri + 'reports/prs-fetch-regional-vertical-detail';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n roleId: roleId,\n countryCode: this.countryCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getPRSDattaGrid\n * purpose: To get data grid details\n * @param {string} region - region\n * @param {string} verticle - verticle\n * * @param {string} workshopCode - WorkshopCode\n * @param {string} from - start date\n * @param {string} to - end date\n * @param {string} reportType - reportType\n * @return {Observable} response binary data object.\n */\n getPRSDattaGrid(region: string, verticle: string, workshopCode: string, from: string, to: string, reportType: string, userId: string, roleId: string): Observable {\n let request = this.uri + 'reports/prs-getDataGrid';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n region: region,\n vertical: verticle,\n workshopCode: workshopCode,\n dateFrom: from,\n dateTo: to,\n reportType: reportType,\n userId: userId,\n roleId: roleId,\n countryCode: this.countryCode\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getRowDataExcelReport\n * purpose: To get data grid details\n * @param {string} region - region\n * @param {string} verticle - verticle\n * @param {string} dealerCode - dealerCode\n * @param {string} from - start date\n * @param {string} to - end date\n * @param {string} reportType - reportType\n * @return {Observable} response binary data object.\n */\n getRowDataExcelReport(region: string, verticle: string, dealerCode: string, from: string, to: string, reportType: string, userId: string, roleId: string): Observable {\n let request = this.uri + 'reports/getrawreport';\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n region: region,\n vertical: verticle,\n dealerCode: dealerCode,\n fromDate: from,\n toDate: to,\n reportType: reportType,\n userId: userId,\n roleId: roleId,\n countryCode: this.countryCode\n });\n return this.http.get(request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: getPRSRowDataExcelReport\n * purpose: To get data grid details\n * @param {string} region - region\n * @param {string} verticle - verticle\n * @param {string} dealerCode - dealerCode\n * @param {string} from - start date\n * @param {string} to - end date\n * @param {string} reportType - reportType\n * @return {Observable} response binary data object.\n */\n getPRSRowDataExcelReport(region: string, verticle: string, dealerCode: string, from: string, to: string, reportType: string, userId: string, roleId: string): Observable {\n let request = this.uri + 'reports/rawDataReportDealerPRS';\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n region: region,\n vertical: verticle,\n dealerCode: dealerCode,\n dateFrom: from,\n dateTo: to,\n reportType: reportType,\n creId: userId,\n roleId: roleId,\n countryCode: this.countryCode\n });\n return this.http.get(request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: getExportExcelReport\n * purpose: To get data grid details\n * @param {string} region - region\n * @param {string} verticle - verticle\n * @param {string} dealerCode - dealerCode\n * @param {string} from - start date\n * @param {string} to - end date\n * @param {string} reportType - reportType\n * @return {Observable} response binary data object.\n */\n getExportExcelReport(region: string, verticle: string, dealerCode: string, from: string, to: string, reportType: string, userId: string, roleId: string): Observable {\n let request = this.uri + 'reports/getreport';\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n region: region,\n vertical: verticle,\n dealerCode: dealerCode,\n fromDate: from,\n toDate: to,\n reportType: reportType,\n userId: userId,\n roleId: roleId,\n countryCode: this.countryCode\n });\n return this.http.get(request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: getPRSExportExcelReport\n * purpose: To get prs export excel\n * @param region\n * @param vertical\n * @param workshop\n * @param startDate\n * @param endDate\n * @param userId\n * @param roleId\n */\n getPRSExportExcelReport(region: string, vertical: string, workshop: string, startDate: string, endDate: string, userId: string, roleId: string): Observable {\n let request = this.uri + 'reports/detailedDataReportDealerPRS';\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n regionFilter: region,\n verticalFilter: vertical,\n workshopFilter: workshop,\n startDate: startDate,\n endDate: endDate,\n userId: userId,\n roleId: roleId,\n countryCode: this.countryCode\n });\n return this.http.get(request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: prsSaveVinFeedback\n * purpose: To save prsSaveVinFeedback\n * @param {any} req - req details to be get\n * @return {Observable} response customer remark flag.\n */\n prsSaveVinFeedback(req: any,complaintId:any,complaintRemarks:any): Observable {\n const requestUrl = this.uri + 'customer360/prs-save-vin-feedback';\n const request = {\n \"userId\": req.userId,\n \"blanketFeedback\": req.blanketFeedback || \"F,D,N\",\n \"callTypeInd\": req.callTypeInd,\n \"custCode\": req.customerId,\n \"idFeedback\": req.idFeedback,\n \"complaintId\":complaintId,\n \"complaintRemarks\":complaintRemarks,\n \"jobCardNo\": req.jobCardNo,\n \"vin\": req.vin,\n \"workshopCode\": req.workshopCode,\n \"customerType\": req.customerType,\n \"phoneNo\": req.phoneNo,\n \"customerName\": req.customerName,\n };\n\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n countryCode: this.countryCode,\n roleId: req.roleId\n })\n };\n return this.http.post(requestUrl, request, httpOptions);\n }\n\n /**\n * Name: prsFeedbackCheck\n * purpose: To check PRS Feedback\n * @param req\n */\n prsFeedbackCheck(req: any): Observable {\n const requestUrl = this.uri + 'customer360/prsCallCentreFeedbackCheck';\n const request = {\n \"customerCode\": req.customerId,\n \"vin\": req.vin,\n \"jcNumber\": req.jobCardNo,\n \"callTypeCode\": req.callTypeCode,\n \"callTypeSeq\": req.callTypeSeq,\n \"workshopCode\": req.workshopCode,\n \"userId\": req.userId,\n \"dtsCreation\": req.dtsCreation,\n \"remark\": req.remark,\n \"blanketFeedback\": req.blanketFeedback || \"F,D,N\",\n \"countryCode\": this.countryCode,\n \"roleId\": req.roleId\n };\n\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n }).set('Cache-Control', 'no-cache')\n .set('Pragma', 'no-cache'),\n };\n\n return this.http.post(requestUrl, request, httpOptions);\n }\n\n /**\n * Name: prsSaveData\n * purpose: To save prsSaveData\n * @param {any} req - req details to be get\n * @return {Observable} response customer remark flag.\n */\n prsSaveData(req: any): Observable {\n const requestUrl = this.uri + 'customer360/prs-savedata';\n const request = {\n \"callEndTime\": req.callEndTime,\n \"callStartTime\": req.callStartTime,\n \"callTypeSeq\": req.callTypeSeq,\n \"customerContactInd\": req.customerContactInd,\n \"customerId\": req.customerId,\n \"dealerCode\": req.dealerCode,\n \"levelData\": req.levelData,\n \"remark\": req.remark,\n \"responseForNo\": req.responseForNo,\n \"serviceDueDate\": req.serviceDueDate,\n \"userID\": req.userID,\n \"vin\": req.vin,\n \"customerType\": req.customerType,\n \"phoneNo\": req.phoneNo,\n \"customerName\": req.customerName,\n \"role\":req.role,\n \"jobCardNo\": req.jobCardNo\n };\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n countryCode:this.countryCode,\n roleId: req.roleId\n })\n };\n return this.http.post(requestUrl, request, httpOptions);\n }\n\n /**\n * Name: prsSendinfo\n * purpose: To send info sms\n * @param {string} customerName - customer customerName whom details to be get\n * @param {string} number - customer number whom details to be get\n * @return {Observable} response flag.\n */\n prsSendinfo(customerName: string, number: string): Observable {\n const request = this.uri + 'customer360/prs-sendinfo';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n name: customerName,\n number: number\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: prsCallListinfo\n * purpose: To get call list counts\n * @param {string} userId - UserId\n * @return {Observable} response call count and list info.\n */\n prsCallListinfo(userId: string, roleId: string): Observable {\n const request = this.uri + 'callList/prscallListinfo';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n countryCode: this.countryCode,\n roleId: roleId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: forgotPassword\n * purpose: To Forgot Password\n * @param {string} username - The username who is signing in\n * @param {string} email - The email\n * @return {Observable} response if the user is authenticated.\n */\n forgotPassword(username: string, email: string): Observable {\n const requestUrl = this.uri + 'auth/forgot-password';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: username,\n email: email,\n //roleId: this.roleId\n })\n };\n return this.http.get(requestUrl, httpOptions);\n }\n\n /**\n * Name: amccustomercallList\n * purpose: To get customer list\n * @param {string} flag - type of call status to fatch customer list\n * @return {Observable} response customer list.\n */\n amccustomercallList(flag: string, userId: string, userRoleId: string): Observable {\n const request = this.uri + 'callList/amccustomercallList';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n listType: flag,\n userId: userId,\n userRoleId: userRoleId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: amcCallListinfo\n * purpose: To get call list counts\n * @param {string} userId - UserId\n * @param {string} userRoleId - userRoleId\n * @return {Observable} response call count and list info.\n */\n amcCallListinfo(userId: string, userRoleId:string): Observable {\n const request = this.uri + 'callList/amccallListinfo';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n userRoleId: userRoleId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getdealerCode\n * purpose: To get dealer list\n * @param {string} region - type of region to fatch dealer list\n * @return {Observable} response dealer list.\n */\n getdealerCode(region: string): Observable {\n const request = this.uri + 'reports/prs-getDealer';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n region: region\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getamccustomerdata\n * purpose: To get customer details\n * @param {string} userID - Id of the user\n * @param {string} customerId - customer id whom details to be get\n * @param {string} workshopCode - workshop Code whom details to be get\n * @param {string} callTypeSeq - call Type\n * @return {Observable} response customer details.\n */\n getamccustomerdata(userId: string, customerId: string, workshopCode: string, callTypeSeq: string, userRoleId: string): Observable {\n const request = this.uri + 'customer360/getamccustomerdata';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n creId: userId,\n custCode: customerId,\n workshopCode: workshopCode,\n callTypeSeq: callTypeSeq,\n userRoleId: userRoleId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: amcContactdetail\n * purpose: To get customer contact detail\n * @param {string} customerID - customer id whom details to be get\n * @return {Observable} response customer details.\n */\n amcContactdetail(customerID: string): Observable {\n const request = this.uri + 'customer360/amc-contact-detail';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n custCode: customerID\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: amcUpdateNumber\n * purpose: To set customer number status\n * @param {string} number - customer number\n * @param {string} contactNoOld - customer number\n * @param {string} type - customer number type\n * @param {string} custId - customer id\n * @param {string} userId - userId id\n * @return {Observable} response status.\n */\n amcUpdateNumber(number: string, contactNoOld: string, type: string, custId: string, userId: string): Observable {\n const request = this.uri + 'customer360/amc-update-contact';\n\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n contactNoNew: number,\n contactNoOld: contactNoOld,\n custId: custId,\n userId: userId,\n isPrimary: type\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getBookingFollowupCount\n * purpose: To get Booking & Followup Count\n * @param {string} customerID - customer id whom details to be get\n * @param {string} vin - vehicle vin No\n * @return {Observable} response count.\n */\n getBookingFollowupCount(customerID: string, vin: string, module: string): Observable {\n const request = this.uri + 'customer360/getBookingFollowupCount';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n custCode: customerID,\n vin: vin,\n module: module\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: dataGrid\n * purpose: To get dataGrid details\n * @param {string} userId - cre userid\n * @param {string} roleId - roleid\n * @param {string} startDate - start date\n * @param {string} endDate - end date\n * @param {string} workshopFilter - workshop code\n * @return {Observable} response kpi list.\n */\n getBookingReport(userId: string, roleId: string, startDate: string, endDate: string, workshopFilter: string, reportType: string): Observable {\n let request = this.uri + 'reports/getbookingreport';\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n roleId: roleId,\n startDate: startDate,\n endDate: endDate,\n workshopFilter: workshopFilter,\n reportType: reportType,\n countryCode: this.countryCode\n });\n return this.http.get(request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: getDataGridExcelReport\n * purpose: To get data grid details\n * @param {string} region - region\n * @param {string} verticle - verticle\n * @param {string} dealerCode - dealerCode\n * @param {string} from - start date\n * @param {string} to - end date\n * @param {string} reportType - reportType\n * @return {Observable} response binary data object.\n */\n getDataGridExcelReport(region: string, verticle: string, dealerCode: string, from: string, to: string, reportType: string, userId: string, roleId: string): Observable {\n let request = this.uri + 'reports/getDataGridExcel';\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n region: region,\n vertical: verticle,\n dealerCode: dealerCode,\n fromDate: from,\n toDate: to,\n reportType: reportType,\n userId: userId,\n roleId: roleId,\n countryCode: this.countryCode\n });\n return this.http.get(request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: getRegionValue\n * purpose: To get region details\n * @return {Observable} response region list\n */\n getRegionValue(): Observable {\n const requestUrl = this.uri + 'reports/ms-getWorkshopRegions';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json'\n })\n };\n return this.http.get(requestUrl, httpOptions);\n }\n\n /**\n * Name: getLeadExcelReport\n * purpose: To get Lead Excel Report\n * @return {Observable} response binary data object.\n */\n getLeadExcelReport(req: any): Observable {\n const requestURl = this.uri + 'reports/getMSLeadReport';\n const request = {\n \"region\": req.region,\n \"workshopCode\": req.workshopCode,\n \"serviceTypeCode\": req.serviceTypeCode,\n \"startDate\": req.startDate,\n \"endDate\": req.endDate,\n \"vehicalAge\": req.vehicalAge,\n \"lostCust\": req.lostCust,\n \"userId\": req.userId\n };\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n });\n return this.http.post(requestURl, request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: getMarketShareReport\n * purpose: To get Market Share Report\n * @param {string} region - region\n * @param {string} workshopCode - workshopCode\n * @param {string} serviceTypeCode - serviceTypeCode\n * @param {string} startDate - start date\n * @param {string} endDate - end date\n * @param {string} vehicalAge - vehicalAge\n * @param {string} lostCust - lostCust\n * @param {string} userId - userId\n * @return {Observable} response binary data object.\n */\n getMarketShareReport(req: any): Observable {\n const requestURl = this.uri + 'reports/fetchMSReportData';\n const request = {\n \"region\": req.region,\n \"workshopCode\": req.workshopCode,\n \"serviceTypeCode\": req.serviceTypeCode,\n \"startDate\": req.startDate,\n \"endDate\": req.endDate,\n \"vehicalAge\": req.vehicalAge,\n \"lostCust\": req.lostCust,\n \"userId\": req.userId\n };\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n });\n return this.http.post(requestURl, request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: getMSDealerCode\n * purpose: To get dealer list\n * @param {string} region - type of region to fatch dealer list\n * @return {Observable} response dealer list.\n */\n getMSDealerCode(region: string): Observable {\n const request = this.uri + 'reports/ms-getDealer';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n region: region\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: fetchNotification\n * purpose: To fetch notification detail\n * @param {string} userId - USER id\n * @return {Observable} response status.\n */\n fetchNotification(userId: string): Observable {\n const request = this.uri + 'callManagement/fetchNotification';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: updateNotification\n * purpose: To update notification status\n * @param {string} userId - USER id\n * @return {Observable} response status.\n */\n updateNotification(userId: string): Observable {\n const request = this.uri + 'callManagement/updateNotification';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getDashboardReport\n * purpose: To export report as excel\n * @param {string} startDate - start date\n * @param {string} endDate - end date\n * @param {string} userId userId\n * @param {string} roleId - cre roleId\n * @param {string} creid creid\n * @param {string} serviceType serviceType\n * @param {string} workshopFilter - WorkshopCode\n * @return {Observable} response binary data object.\n */\n getDashboardReport(userId: string, roleId: string, creId: string, startDate: string, endDate: string, serviceType: string, workshopFilter: string): Observable {\n let request = this.uri + 'reports/getdashboardreport';\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n userId: userId,\n roleId: roleId,\n creId: creId,\n startDate: startDate,\n endDate: endDate,\n workshopCode: workshopFilter,\n serviceType: serviceType,\n\t countryCode: this.countryCode\n });\n return this.http.get(request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: getLanguage\n * purpose: To get language details\n * @return {Observable} response language list\n */\n getLanguage(): Observable {\n const requestUrl = this.uri + 'customer360/getlanguage';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json'\n })\n };\n return this.http.get(requestUrl, httpOptions);\n }\n\n /**\n * Name: getRowLeadDataExcelReport\n * purpose: To get lead raw data Report\n * @param {string} region - region\n * @param {string} verticle - verticle\n * @param {string} dealerCode - dealerCode\n * @param {string} from - start date\n * @param {string} to - end date\n * @param {string} reportType - reportType\n * @return {Observable} response binary data object.\n */\n getRowLeadDataExcelReport(region: string, verticle: string, dealerCode: string, from: string, to: string, reportType: string, roleId: string): Observable {\n let request = this.uri + 'reports/getleadrawreport';\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n region: region,\n vertical: verticle,\n dealerCode: dealerCode,\n fromDate: from,\n toDate: to,\n reportType: reportType,\n roleId: roleId,\n countryCode: this.countryCode\n });\n return this.http.get(request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: getPRSRowLeadDataExcelReport\n * purpose: To get prs lead raw data Report\n * @param region\n * @param vertical\n * @param dealerCode\n * @param from\n * @param to\n * @param reportType\n * @param userId\n * @param roleId\n */\n getPRSRowLeadDataExcelReport(region: string, vertical: string, dealerCode: string, from: string, to: string, reportType: string, userId: string, roleId: string): Observable {\n let request = this.uri + 'reports/leadRawReportDealerPRS';\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n region: region,\n vertical: vertical,\n dealerCode: dealerCode,\n dateFrom: from,\n dateTo: to,\n reportType: reportType,\n creId: userId,\n roleId: roleId,\n countryCode: this.countryCode\n });\n return this.http.get(request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: getDropdownData\n * purpose: To get dropdown data for customer response\n * @param {number} callType - type of response\n * @return {Observable} response data object for response dropdown.\n */\n getAMCDropdownData(callType: number): Observable {\n const request = this.uri + 'customer360/amc-customeresponse';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n callType: callType && callType.toString()\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: getAMCDataReport\n * purpose: To export report as excel\n * @param {string} from - start date\n * @param {string} to - end date\n * @param {string} selectedProductType selectedProductType\n * @return {Observable} response binary data object.\n */\n getAMCDataReport(req: any): Observable {\n let requestURl = this.uri + 'reports/getAMCDataReport';\n const request = {\n \"fromDate\": req.fromDate,\n \"toDate\": req.toDate,\n \"userId\": req.userId,\n \"userRoleId\": req.userRoleId\n };\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n });\n return this.http.post(requestURl, request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: getAMCLeadLevelReport\n * purpose: To export report as excel\n * @param {string} from - start date\n * @param {string} to - end date\n * @param {string} userId creid\n * @param {string} roleId - cre roleId\n * @param {string} workshopCode - WorkshopCode\n * @return {Observable} response binary data object.\n */\n getAMCLeadLevelReport(from: string, to: string, selectedProductType: string, userId: string, userRolesId: string): Observable {\n let request = this.uri + 'reports/getAMCLeadLevelReport';\n const headers = new HttpHeaders({\n 'Content-Type': 'application/json',\n fromDate: from,\n toDate: to,\n reportType: selectedProductType,\n userId: userId,\n userRoleId: userRolesId\n });\n return this.http.get(request, { headers, responseType: 'blob' as 'blob' });\n }\n\n /**\n * Name: callDetails\n * purpose: To get call list\n * @param {string} custCode - custCode\n * @param {string} vin - vin\n * @return {Observable} response status.\n */\n fetchCustCallSeq(custCode: string, vin: string, userRoleId: string, userId: string): Observable {\n const request = this.uri + 'customer360/amc-fetch-cust-call-seq';\n const httpOptions = {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n custCode: custCode,\n vin: vin,\n userRole: userRoleId,\n userId: userId\n })\n };\n return this.http.get(request, httpOptions);\n }\n\n /**\n * Name: amcSaveData\n *\n * purpose: To save customer details and response\n * @param {object} custData - customer details\n * @return {Observable} response flag and status.\n */\n amcSaveData(req: any): Observable ![](\\\"/eicher/assets/img/inbound)
\\n ![](\\\"/eicher/assets/img/Contacted.png\\\")
\\n ![](\\\"/eicher/assets/img/Follow)
\\n ![](\\\"/eicher/assets/img/booking.png\\\")
\\n ![](\\\"/eicher/assets/img/No)
\\n ![](\\\"/eicher/assets/img/blIcon.png\\\")
\\n ![](\\\"/eicher/assets/img/Open)
\\n ![](\\\"/eicher/assets/img/Submitted.png\\\")
\\n ![](\\\"/eicher/assets/img/Resubmitted.png\\\")
\\n ![](\\\"/eicher/assets/img/Closed.png\\\")
\\n ![](\\\"/eicher/assets/img/excel-export.png\\\"\\n)
\\n ![](\\\"/eicher/assets/img/excel-export.png\\\")
\\n ![](\\\"/eicher/assets/img/Feedback)
\\n ![](\\\"/eicher/assets/img/Partial.png\\\")
\\n ![](\\\"/eicher/assets/img/no)
\\n ![\\\"logo\\\"](\\\"/eicher/assets/img/logoapp.png\\\")
\\n ![](\\\"/eicher/assets/img/IconnectLog.png\\\")
\\n ![](\\\"/eicher/assets/img/Logout.png\\\")
\\n ![\\\"logo\\\"](\\\"eicher/assets/img/logoapp.png\\\")
\\n ![](\\\"/eicher/assets/img/Mega)
\\n