\r\n \r\n ![](\"/assets/img/noData.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n 0\"\r\n >\r\n \r\n \r\n \r\n \r\n {{ item | translate }}\r\n \r\n PDF \r\n {{ \"description\" | translate }} \r\n \r\n \r\n \r\n \r\n \r\n {{ rowData.CreateDate | date : \"medium\" }}\r\n \r\n \r\n {{ rowData.title }}\r\n \r\n \r\n {{ rowData?.type }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ \"reportsCenter\" | translate }}\r\n
\r\n \r\n
\r\n \r\n 0\">\r\n \r\n PDF\r\n \r\n 1\"\r\n data-toggle=\"dropdown\"\r\n aria-haspopup=\"true\"\r\n aria-expanded=\"false\"\r\n >\r\n PDF\r\n \r\n 1\"\r\n >\r\n \r\n \r\n PDF {{ i + 1 }}\r\n \r\n
\r\n \r\n \r\n \r\n {{ \"viewMore\" | translate }}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ \"selectTypeMsg\" | translate }}\r\n
\r\n\r\n {{ \"noDataFound\" | translate }}\r\n
\r\n\r\n ();\r\n accObject: any;\r\n isDarkTheme: boolean;\r\n\r\n constructor(\r\n public translate: TranslateService,\r\n private dialog: MatDialog,\r\n private apiService: ApiService\r\n ) {}\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (this.accList)\r\n this.accObject = this.accList.find(\r\n (x) => x.relationCode === this.selectedAccount\r\n );\r\n }\r\n\r\n get getColor() {\r\n switch (this.accObject.accountType) {\r\n //Basic\r\n case 0:\r\n return {\r\n background: this.isDarkTheme?\"palegreen\":\"#28a745\" ,\r\n color: this.isDarkTheme?\"darkslategrey\":\"white\",\r\n };\r\n //Margin\r\n case 1:\r\n return {\r\n background: \"salmon\",\r\n color: \"black\",\r\n };\r\n //MarginCustion\r\n case 2:\r\n return {\r\n background: \"salmon\",\r\n color: \"black\",\r\n };\r\n //Fund\r\n case 3:\r\n return {\r\n background: \"cyan\",\r\n color: \"black\",\r\n };\r\n //Other\r\n case 4:\r\n return {\r\n background: \"aquamarine\",\r\n color: \"black\",\r\n };\r\n //Qasser\r\n case 1001:\r\n return {\r\n background: \"lightgoldenrodyellow\",\r\n color: \"black\",\r\n };\r\n default:\r\n return {\r\n background: \"lightgray\",\r\n color: \"black\",\r\n };\r\n }\r\n }\r\n\r\n openStatement() {\r\n this.dialog.open(StatementComponent, {\r\n width: \"700px\",\r\n direction: this.translate.currentLang == \"ar\" ? \"rtl\" : \"ltr\",\r\n data: {\r\n inputUser: this.selectedAccount,\r\n },\r\n });\r\n }\r\n openInvoice() {\r\n this.dialog.open(InvoicesModalComponent, {\r\n width: \"1000px\",\r\n direction: this.translate.currentLang == \"ar\" ? \"rtl\" : \"ltr\",\r\n data: {\r\n inputUser: this.selectedAccount,\r\n },\r\n });\r\n }\r\n\r\n ngOnInit(): void {\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;}\r\n\r\n changed() {\r\n this.accChange.next(this.selectedAccount);\r\n }\r\n\r\n isLoadingPdf: boolean = false;\r\n downloadPDF() {\r\n this.isLoadingPdf = true;\r\n let date = new Date().toISOString();\r\n this.apiService.fetchClientPortfolio(this.selectedAccount, date).subscribe(\r\n (res) => {\r\n this.isLoadingPdf = false;\r\n window.open(UrlConstants.backofficeUrl + res[\"fileURL\"], \"_blank\");\r\n },\r\n (err) => {\r\n this.isLoadingPdf = false;\r\n }\r\n );\r\n }\r\n}\r\n",",\r\n @Inject(MAT_DIALOG_DATA) public data: any,\r\n public dialog: MatDialog,\r\n private accService: AccountService,\r\n private http: HttpClient\r\n ) {}\r\n\r\n alertManager() {\r\n this.dialogRef.close();\r\n this.dialog.open(AlertManagerComponent, { width: \"800px\" });\r\n }\r\n\r\n removeAlert(index) {\r\n this.newAlert.Conditions.splice(index, 1);\r\n }\r\n\r\n addAlert() {\r\n this.newAlert.Conditions.push(this.tempCondition);\r\n this.tempCondition = new Condition();\r\n }\r\n\r\n ngOnInit(): void {}\r\n\r\n onNoClick(): void {\r\n this.dialogRef.close();\r\n }\r\n\r\n createAlert() {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"info\",\r\n title: \"COMING SOON\",\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n // this.newAlert.SymbolCode = this.data.symbol;\r\n // this.newAlert.RelationCode = \"1001-1\";\r\n\r\n // const httpOptions = {\r\n // headers: new HttpHeaders({\r\n // Authorization: this.accService.userValue.toString(),\r\n // }),\r\n // };\r\n\r\n // return this.http\r\n // .post(\r\n // UrlConstants.backofficeUrl + \"/api/OnlineTrading/Subscribe\",\r\n // this.newAlert,\r\n // httpOptions\r\n // )\r\n // .subscribe((res) => {});\r\n }\r\n}\r\n","(`${UrlConstants.backofficeUrl}/api/Settings/GetConfiguredCommissions`)\r\n .subscribe((res) => {\r\n this.avgCommission = res.AvgCommission;\r\n this.minCommission = res.MinCommission;\r\n this.minCommissionUSD = res.MinCommissionUSD;\r\n });\r\n }\r\n\r\n calculateFees(orderValue) {\r\n let feePercentage = this.avgCommission;\r\n\r\n if (orderValue == 0) {\r\n feePercentage == 0;\r\n }\r\n\r\n let totalFees = orderValue * feePercentage;\r\n\r\n if (this.company.CURRENCY == 1) {\r\n // For EGP\r\n if (totalFees < this.minCommission) {\r\n totalFees = this.minCommission;\r\n }\r\n } else {\r\n // For USD or other currencies\r\n if (totalFees < this.minCommissionUSD) {\r\n totalFees = this.minCommissionUSD;\r\n }\r\n }\r\n\r\n return totalFees;\r\n }\r\n\r\n fetchCompany() {\r\n if (this.company.SYMBOL_CODE) {\r\n this.http\r\n .get(\r\n `${UrlConstants.feedUrl}/api/Feed/GetMarketWatchForSymbol?SYMBOL_CODE=` +\r\n this.company.SYMBOL_CODE\r\n )\r\n .subscribe((res) => {\r\n this.company = res as CompanyList;\r\n this.fetchSymbolBO();\r\n this.fetchSymbolPortfolio(this.company.SYMBOL_CODE);\r\n });\r\n }\r\n }\r\n\r\n fetchSymbolPortfolio(symbolCode) {\r\n this.http\r\n .get(\r\n `${UrlConstants.backofficeUrl\r\n }/api/Client/GetClientPortfolio?relationCode=${this.orderForm.get(\"client\").value\r\n }&symbolCode=${symbolCode}`\r\n )\r\n .subscribe((res: ClientDataPortfolio) => {\r\n if (res.RatedPortfolio?.Portfolio?.length > 0) {\r\n if (this.company.CURRENCY == 1) {\r\n if (res.EGPPortfolio.Portfolio.length > 1 && this.inputCustodian)\r\n this.currentPortfolioCompany = res.EGPPortfolio.Portfolio.find(\r\n (item) => {\r\n return item.CustodianCode == this.inputCustodian;\r\n }\r\n );\r\n else this.currentPortfolioCompany = res.EGPPortfolio.Portfolio[0];\r\n } else if (this.company.CURRENCY == 2) {\r\n if (res.USDPortfolio.Portfolio.length > 1 && this.inputCustodian)\r\n this.currentPortfolioCompany = res.USDPortfolio.Portfolio.find(\r\n (item) => {\r\n return item.CustodianCode == this.inputCustodian;\r\n }\r\n );\r\n else this.currentPortfolioCompany = res.USDPortfolio.Portfolio[0];\r\n this.currentPortfolioCompany = res.USDPortfolio.Portfolio[0];\r\n }\r\n\r\n this.sellTypeChange();\r\n } else this.settledQty = null;\r\n // this.isProfileLoading = false;\r\n // this.userPortfolio = res as ClientData;\r\n });\r\n }\r\n\r\n orderForm = new FormGroup({\r\n client: new FormControl(\"\", Validators.required),\r\n qty: new FormControl(\"\", Validators.required),\r\n price: new FormControl(\"\", Validators.required),\r\n custodian: new FormControl(\"\", Validators.required),\r\n execRule: new FormControl(\"\", Validators.required),\r\n validTill: new FormControl(\"\", Validators.required),\r\n tiffDate: new FormControl(),\r\n demandMethod: new FormControl(3, Validators.required),\r\n minFillVolume: new FormControl(),\r\n });\r\n\r\n sellTypeChange() {\r\n if (this.tabIndex == 1 && this.currentPortfolioCompany) {\r\n if (this.sellType == 2)\r\n this.settledQty = this.currentPortfolioCompany.AvbSetteledQty;\r\n else if (this.sellType == 3)\r\n this.settledQty = this.currentPortfolioCompany.AvbTPlusZeroQty;\r\n else if (this.sellType == 5)\r\n this.settledQty = this.currentPortfolioCompany.AvbTPlusOneQty;\r\n }\r\n this.f.qty.patchValue(null);\r\n }\r\n\r\n qtyClicked() {\r\n if (this.settledQty != 0) this.f.qty.patchValue(this.settledQty);\r\n }\r\n\r\n orderType(type) {\r\n let typeName = this.TransactionTypes.find((trans) => {\r\n return trans.TransactionId == type;\r\n });\r\n\r\n return this.translate.currentLang == \"en\"\r\n ? typeName.TransactionNameE\r\n : typeName.TransactionTypeA;\r\n }\r\n calculateMakretCost(quantity, maxLimit) {\r\n this.totalCost = quantity * maxLimit;\r\n }\r\n\r\n\r\n getTiffFlag(value) {\r\n // if (value != null)\r\n // return this.tiffFlagValue.find((x) => x.value == value).viewValue;\r\n // else return null;\r\n\r\n let tiffFlag = this.tiffFlagValue.find((trans) => {\r\n return trans.value == value;\r\n });\r\n\r\n return this.translate.currentLang == \"en\" ? tiffFlag.NameE : tiffFlag.NameA;\r\n }\r\n\r\n custodianName(value) {\r\n return this.custodianList.find((item) => item.CustodianCode == value)\r\n .CustodianNameE;\r\n }\r\n\r\n sendOrder(type) {\r\n\r\n this.orderTotal = parseFloat(parseFloat(this.orderTotal.toString()).toFixed(2));\r\n this.orderFees = this.calculateFees(this.orderTotal);\r\n this.totalCost = parseFloat((this.orderTotal + this.orderFees).toFixed(2));\r\n\r\n\r\n if (\r\n (this.company.CURRENCY === 1 && this.clientData?.purchasePower?.EGP > this.totalCost) ||\r\n (this.company.CURRENCY === 2 && this.clientData?.purchasePower?.USD > this.totalCost) ||\r\n this.brokerInfo?.IsAllowExceedPP ||\r\n type === 2\r\n ) {\r\n if (this.translate.currentLang == \"ar\") {\r\n this.titleMessage = \"تأكيد اضافة امر\";\r\n this.textConfirmMassage = `برجاء مراجعه البيانات التالية قبل اضافة الامر\r\n ${type == 2 ? this.orderType(this.sellType) : this.orderType(type)\r\n } \r\n الكمية: ${this.orderForm.value.qty}\r\n السهم: ${this.company.ARB_NAME}\r\n السعر: ${this.orderForm.value.price}\r\n الصلاحية: ${this.orderForm.value.validTill == 6 &&\r\n this.orderForm.value.validTill != null\r\n ? this.datepipe.transform(this.orderForm.value.tiffDate)\r\n : \"\"\r\n } ${this.getTiffFlag(this.orderForm.value.validTill)}\r\n امين الحفظ: ${this.custodianName(this.orderForm.value.custodian)}\r\n قيمة الامر: ${this.orderTotal} ${this.company.CURRENCY == 1 ? \"جنيه مصري\" : \"دولار\"} \r\n الرسوم: ${this.orderFees.toFixed(2)} ${this.company.CURRENCY == 1 ? \"جنيه مصري\" : \"دولار\"} \r\n القيمة الاجمالية: ${this.totalCost} ${this.company.CURRENCY == 1 ? \"جنيه مصري\" : \"دولار\"} `;\r\n\r\n }\r\n\r\n if (this.translate.currentLang == \"en\") {\r\n this.titleMessage = \"Confirm New Order\";\r\n this.textConfirmMassage = `Please check order details before confirmation\r\n Order Type: ${type == 2 ? this.orderType(this.sellType) : this.orderType(type)\r\n } Qty: ${this.orderForm.value.qty}\r\n Stock: ${this.translate.currentLang == \"en\"\r\n ? this.company.ENG_NAME\r\n : this.company.ARB_NAME\r\n }\r\n Price: ${this.isMarket\r\n ? this.translate.instant(\"market\")\r\n : this.orderForm.value.price\r\n }\r\n Validity: ${this.getTiffFlag(this.orderForm.value.validTill)} ${this.orderForm.value.validTill == 6 &&\r\n this.orderForm.value.validTill != null\r\n ? this.datepipe.transform(this.orderForm.value.tiffDate)\r\n : \"\"\r\n }\r\n Custodian: ${this.custodianName(this.orderForm.value.custodian)}\r\n Order Value: ${this.orderTotal} ${this.company.CURRENCY == 1 ? \"EGP\" : \"USD\"} \r\n Fees: ${this.orderFees.toFixed(2)} ${this.company.CURRENCY == 1 ? \"EGP\" : \"USD\"} \r\n Total: ${this.totalCost} ${this.company.CURRENCY == 1 ? \"EGP\" : \"USD\"}`;\r\n\r\n\r\n }\r\n this.titleMessage =\r\n this.translate.currentLang == \"en\"\r\n ? \"Confirm New Order\"\r\n : \"تأكيد اضافة امر\";\r\n Swal.fire({\r\n title: this.titleMessage,\r\n html: \"
\r\n\r\n\r\n
","/* (ignored) */","import { Account } from \"./../../screens/user-profile/client-data\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport {\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n} from \"@angular/core\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { StatementComponent } from \"src/app/screens/user-profile/statement/statement.component\";\r\nimport { InvoicesModalComponent } from \"../invoices-modal/invoices-modal.component\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\n\r\n@Component({\r\n selector: \"app-account-header\",\r\n templateUrl: \"./account-header.component.html\",\r\n styleUrls: [\"./account-header.component.scss\"],\r\n})\r\nexport class AccountHeaderComponent implements OnInit {\r\n @Input() selectedAccount;\r\n @Input() accList: any[];\r\n @Output() accChange = new EventEmitter\r\n
\r\n {{\"trading-history\"|translate}}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
","import { AccountService } from \"./../../services/account.service\";\r\nimport { AlertManagerComponent } from \"./../alert-manager/alert-manager.component\";\r\nimport { Component, Inject, OnInit } from \"@angular/core\";\r\nimport {\r\n MatDialog,\r\n MatDialogRef,\r\n MAT_DIALOG_DATA,\r\n} from \"@angular/material/dialog\";\r\nimport { HttpClient } from \"@angular/common/http\";\r\nimport Swal from \"sweetalert2\";\r\n\r\nclass Condition {\r\n Id?: number;\r\n PropertyName: string;\r\n Condition: number;\r\n PropertyValue: string;\r\n}\r\n\r\nclass CreateAlert {\r\n Id?: number;\r\n RelationCode: string;\r\n SymbolCode: string;\r\n Conditions: Condition[] = [];\r\n ExpirationType: number;\r\n ExpirationDate: Date;\r\n NotificationType: number;\r\n}\r\n\r\n@Component({\r\n selector: \"app-create-alert\",\r\n templateUrl: \"./create-alert.component.html\",\r\n styleUrls: [\"./create-alert.component.scss\"],\r\n})\r\nexport class CreateAlertComponent implements OnInit {\r\n newAlert: CreateAlert = new CreateAlert();\r\n tempCondition: Condition = new Condition();\r\n notificationTypes = [\r\n {\r\n name: \"Web\",\r\n value: 1,\r\n },\r\n {\r\n name: \"Mobile\",\r\n value: 2,\r\n },\r\n {\r\n name: \"Email\",\r\n value: 3,\r\n },\r\n {\r\n name: \"Sms\",\r\n value: 4,\r\n },\r\n {\r\n name: \"All\",\r\n value: 5,\r\n },\r\n ];\r\n\r\n constructor(\r\n public dialogRef: MatDialogRef\r\n \r\n \r\n ({{acc.relationCode}}) {{translate.currentLang=='en'?acc.clientNameEn:acc.clientNameAr}} \r\n \r\n \r\n {{'dormant-acc'|translate}}\r\n {{'dormant-hint' | translate}} \r\n\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{(translate.currentLang=='en')?accObject?.accountTypeEn:accObject?.accountTypeAr}}\r\n
\r\n\r\n Set New Alert\r\n \r\n
\r\n\r\n
\r\n","/* (ignored) */","import { ToastrService } from \"ngx-toastr\";\r\n// import { SharedService } from \"./../../services/shared.service\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { AccountService } from \"./../../services/account.service\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { CompanyList } from \"./../../models/company-list\";\r\nimport { Component, Inject, Input, OnInit } from \"@angular/core\";\r\nimport { MatDialog, MAT_DIALOG_DATA } from \"@angular/material/dialog\";\r\nimport { FormControl, FormGroup, Validators } from \"@angular/forms\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport Swal from \"sweetalert2\";\r\nimport {\r\n Account,\r\n ClientDataPortfolio,\r\n PortfolioElement,\r\n} from \"src/app/screens/user-profile/client-data\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\nimport { SharedService } from \"src/app/services/shared.service\";\r\nimport { CompanyDetails } from \"src/app/models/company-details\";\r\nimport { DatePipe, formatNumber } from \"@angular/common\";\r\nimport {\r\n MarketWatchDetailService,\r\n StockDetail,\r\n} from \"src/app/services/market-watch-detail.service\";\r\nimport { InvestmentAmount } from \"src/app/models/investment-amount\";\r\n\r\ninterface orderType {\r\n TransactionId: number;\r\n TransactionNameE: String;\r\n TransactionTypeA: String;\r\n}\r\n\r\n@Component({\r\n selector: \"app-order-buy\",\r\n templateUrl: \"./order-buy.component.html\",\r\n styleUrls: [\"./order-buy.component.scss\"],\r\n})\r\nexport class OrderBuyComponent implements OnInit {\r\n // company: any;\r\n\r\n @Input() selectedRelCode;\r\n isBuyLoading = false;\r\n\r\n marketDisbaled: boolean = true;\r\n maxLimit: number;\r\n inputUser: Account;\r\n isLoading = false;\r\n avgCommission: any;\r\n minCommission: any;\r\n minCommissionUSD: any;\r\n accList: any;\r\n clientData: any;\r\n custodianList: any;\r\n orderTotal: number;\r\n totalCost: number;\r\n orderFees: number;\r\n isMarket: boolean;\r\n sendingOrder: boolean = false;\r\n company: CompanyList = {} as CompanyList;\r\n isMyShares: boolean = false;\r\n myShareSymbols: any;\r\n myCompanies: CompanyList[];\r\n settledQty: number;\r\n sellType: number = 2;\r\n currentPortfolioCompany: PortfolioElement;\r\n companyDetails: CompanyDetails;\r\n titleMessage: string;\r\n textConfirmMassage: string;\r\n inputCustodian: number;\r\n initqty: number;\r\n\r\n\r\n TransactionTypes: orderType[] = [\r\n {\r\n TransactionId: 1,\r\n TransactionNameE: \"Buy\",\r\n TransactionTypeA: \"شراء\",\r\n },\r\n {\r\n TransactionId: 2,\r\n TransactionNameE: \"Sell\",\r\n TransactionTypeA: \"بيع\",\r\n },\r\n {\r\n TransactionId: 3,\r\n TransactionNameE: \"Sell Same Day\",\r\n TransactionTypeA: \"بيع نفس اليوم \",\r\n },\r\n {\r\n TransactionId: 4,\r\n TransactionNameE: \"Buy Same Day\",\r\n TransactionTypeA: \"شراء نفس اليوم\",\r\n },\r\n {\r\n TransactionId: 5,\r\n TransactionNameE: \"Sell T+1\",\r\n TransactionTypeA: \"T+1 بيع\",\r\n },\r\n {\r\n TransactionId: 6,\r\n TransactionNameE: \"Buy T+1\",\r\n TransactionTypeA: \"Buy T+1\",\r\n },\r\n ];\r\n tiffFlagValue = [\r\n { value: 0, NameE: \"Day\", NameA: \"يوم\" },\r\n { value: 1, NameE: \"Good Till Cancel\", NameA: \"صالح حتي الالغاء\" },\r\n { value: 6, NameE: \"Good Till Date\", NameA: \"صالح حتي التاريخ\" },\r\n { value: 3, NameE: \"Immediate\", NameA: \"فوري\" },\r\n ];\r\n\r\n demandMethods = [\r\n {\r\n Id: \"Written\",\r\n Value: 0,\r\n NameE: \"Written\",\r\n NameA: \"كتابة\",\r\n },\r\n {\r\n Id: \"Phone\",\r\n Value: 1,\r\n NameE: \"Phone\",\r\n NameA: \"تليفون\",\r\n },\r\n {\r\n Id: \"Fax\",\r\n Value: 2,\r\n NameE: \"Fax\",\r\n NameA: \"فاكس\",\r\n },\r\n {\r\n Id: \"Online\",\r\n Value: 3,\r\n NameE: \"Online\",\r\n NameA: \"اونلاين\",\r\n },\r\n {\r\n Id: \"Email\",\r\n Value: 4,\r\n NameE: \"Email\",\r\n NameA: \"بريد إلكتروني\",\r\n },\r\n ];\r\n\r\n investmentData: InvestmentAmount;\r\n brokerInfo: any;\r\n\r\n\r\n customSearchFn(term: string, item: CompanyList) {\r\n term = term.toLowerCase();\r\n return (\r\n item?.ENG_NAME?.toLowerCase().includes(term) ||\r\n item?.ARB_NAME?.toLowerCase().includes(term) ||\r\n item?.Reuters?.toLowerCase().includes(term)\r\n );\r\n }\r\n\r\n onSelectChange() {\r\n this.fetchCompany();\r\n }\r\n\r\n public tabIndex = 0;\r\n\r\n today = new Date();\r\n tomorrow = new Date(this.today.setDate(this.today.getDate() + 1));\r\n\r\n isFetchingUserData: boolean = false;\r\n companies: CompanyList[];\r\n allMarketNames: StockDetail[];\r\n\r\n toggle(e: any) {\r\n if (e.value == \"market\") {\r\n this.isMarket = true;\r\n this.orderForm.get(\"price\").disable();\r\n this.orderForm.get(\"price\").patchValue(0);\r\n } else {\r\n this.isMarket = false;\r\n this.orderForm.get(\"price\").enable();\r\n this.orderForm.get(\"price\").patchValue(null);\r\n }\r\n }\r\n\r\n // @Input() company: CompanyList;\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: string,\r\n private http: HttpClient,\r\n private accService: AccountService,\r\n private signalService: SignalRService,\r\n public datepipe: DatePipe,\r\n public translate: TranslateService,\r\n private dialog: MatDialog,\r\n private apiService: ApiService,\r\n private sharedService: SharedService,\r\n private toastr: ToastrService,\r\n private _marketDetail: MarketWatchDetailService\r\n ) {\r\n this.accList = JSON.parse(localStorage.getItem(\"accList\")) as Account[];\r\n this.accList = this.accList.filter(x => x.accountType != 3)\r\n this.tabIndex = this.data[\"type\"];\r\n\r\n }\r\n\r\n fetchInvestmentAmount() {\r\n this.apiService\r\n .fetchInvestmentAmount(\r\n this.company.SYMBOL_CODE.toString(),\r\n this.inputUser.relationCode.toString()\r\n )\r\n .subscribe((res) => {\r\n this.investmentData = res as InvestmentAmount;\r\n\r\n this.investmentData.investmentAmount = formatNumber(\r\n Number(this.investmentData.investmentAmount),\r\n \"en-US\",\r\n \"1.0-0\"\r\n );\r\n\r\n // Number(\r\n // this.investmentData.investmentAmount.toLocaleString(\"en-GB\")\r\n // )\r\n\r\n this.investmentData.targetWeight = Number(\r\n this.investmentData.targetWeight.toFixed(2)\r\n );\r\n\r\n this.investmentData.currentWeight = Number(\r\n this.investmentData.currentWeight.toFixed(2)\r\n );\r\n });\r\n }\r\n updateStockDetail(stock: CompanyList) {\r\n if (stock?.SYMBOL_CODE && this.allMarketNames) {\r\n let companyDetail = this.allMarketNames.find(\r\n (x) => x[\"SYMBOL_CODE\"] === stock.SYMBOL_CODE\r\n );\r\n if (companyDetail) {\r\n stock.arb_shortname = companyDetail[\"arb_shortname\"];\r\n stock.eng_shortname = companyDetail[\"eng_shortname\"];\r\n stock.Reuters = companyDetail[\"Reuters\"];\r\n }\r\n }\r\n }\r\n\r\n // oninput=\"if(!this.value.match('^[1-9][0-9]*$'))this.value='';\"\r\n priceDecimalInput(event: any) {\r\n let reg;\r\n switch (this.companyDetails.RoundDigits) {\r\n case 0:\r\n reg = /^[0-9]*$/;\r\n break;\r\n case 1:\r\n reg = /^[0-9]*(\\.\\d{0,1})?$/;\r\n break;\r\n case 2:\r\n reg = /^[0-9]*(\\.\\d{0,2})?$/;\r\n break;\r\n case 3:\r\n reg = /^[0-9]*(\\.\\d{0,3})?$/;\r\n break;\r\n case 4:\r\n reg = /^[0-9]*(\\.\\d{0,4})?$/;\r\n break;\r\n case 5:\r\n reg = /^[0-9]*(\\.\\d{0,5})?$/;\r\n break;\r\n default:\r\n reg = /^[0-9]*(\\.\\d{0,3})?$/;\r\n break;\r\n }\r\n\r\n // const reg = /^-?\\d*(\\.\\d{0,2})?$/;\r\n let input = event.target.value + String.fromCharCode(event.charCode);\r\n\r\n if (!reg.test(input)) {\r\n event.preventDefault();\r\n }\r\n }\r\n fetchSymbolBO() {\r\n if (this.company?.SYMBOL_CODE) {\r\n this.apiService\r\n .fetchSymbolBO(this.company.SYMBOL_CODE)\r\n .subscribe({\r\n next: (res: CompanyDetails) => {\r\n this.companyDetails = res;\r\n // Simplified boolean assignment\r\n this.marketDisbaled = this.companyDetails.EnablePriceLimit;\r\n this.maxLimit = this.companyDetails.MaxLimit;\r\n },\r\n error: (err) => {\r\n // Handle error here if needed\r\n console.error('Error fetching symbol BO:', err);\r\n }\r\n });\r\n }\r\n }\r\n\r\n\r\n // fetchSymbolBO() {\r\n // if (this.company.SYMBOL_CODE) {\r\n // this.apiService\r\n // .fetchSymbolBO(this.company.SYMBOL_CODE)\r\n // .subscribe((res: CompanyDetails) => {\r\n // this.companyDetails = res;\r\n // });\r\n // }\r\n // }\r\n\r\n fetchMySymbols() {\r\n this.apiService\r\n .fetchMySymbols(this.orderForm.get(\"client\").value)\r\n .subscribe((res) => {\r\n this.myShareSymbols = res;\r\n if (this.myShareSymbols?.length > 0)\r\n this.myCompanies = this.companies.filter((company) => {\r\n return this.myShareSymbols.indexOf(company.SYMBOL_CODE) != -1;\r\n });\r\n });\r\n }\r\n\r\n get companiesList() {\r\n if (this.isMyShares) return this.myCompanies;\r\n else return this.companies;\r\n }\r\n\r\n\r\n fetchCommissions() {\r\n this.http.get\r\n
\r\n \r\n
\r\n \r\n {{data.nameEn}}\r\n
\r\n \r\n {{data.reuters}}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Parameter | \r\nCriteria | \r\nValue | \r\n\r\n |
|---|---|---|---|
| \r\n \r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n \r\n \r\n \r\n | \r\n
| {{alert.PropertyName}} | \r\n{{alert.Condition}} | \r\n{{alert.PropertyValue}} | \r\n\r\n \r\n \r\n \r\n | \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{item.name}} \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \" + this.textConfirmMassage + \"\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: this.translate.instant(\"yes\"),\r\n cancelButtonText: this.translate.instant(\"no\"),\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n this.sendingOrder = true;\r\n\r\n this.http\r\n .post(UrlConstants.backofficeUrl + \"/api/Orders/PostOrder\", {\r\n SymbolCode: this.company.SYMBOL_CODE,\r\n Qty: this.orderForm.get(\"qty\").value,\r\n Price: this.orderForm.get(\"price\").value,\r\n TakeMarketPrice: this.isMarket,\r\n ISMSCDBook: false,\r\n OrderType: type == 2 ? this.sellType : 1,\r\n ApprovedStatus: type == 1 && !this.isValidOrder ? 2 : null,\r\n TiffFlag: this.orderForm.get(\"validTill\").value,\r\n TiffDate: this.orderForm.get(\"tiffDate\").value,\r\n FillFlag: this.orderForm.get(\"execRule\").value,\r\n relationCode: this.orderForm.get(\"client\").value,\r\n CustodianCode: this.orderForm.get(\"custodian\").value,\r\n ISOPR: false,\r\n DemandMethod: this.orderForm.get(\"demandMethod\").value,\r\n MinFillVolume: this.orderForm.get(\"minFillVolume\").value,\r\n })\r\n .subscribe((res) => {\r\n if (res[\"Errors\"]?.length > 0) {\r\n this.sendingOrder = false;\r\n this.dialog.closeAll();\r\n this.toastr.error(\"\", this.translate.instant(res[\"Errors\"][0]), {\r\n timeOut: 15000,\r\n positionClass: \"toast-bottom-center\",\r\n closeButton: true,\r\n });\r\n } else {\r\n this.sendingOrder = false;\r\n this.dialog.closeAll();\r\n this.toastr.info(\r\n \"\",\r\n this.translate.instant(\"new-order-success\"),\r\n {\r\n timeOut: 15000,\r\n positionClass: \"toast-bottom-center\",\r\n closeButton: true,\r\n }\r\n );\r\n }\r\n });\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n !result.isConfirmed\r\n ) {\r\n this.sendingOrder = false;\r\n }\r\n });\r\n }\r\n else {\r\n this.titleMessage =\r\n this.translate.currentLang == \"en\"\r\n ? \"this action not allowed\"\r\n : \"خطأ فى الاستخدام\";\r\n }\r\n }\r\n\r\n onSelectClient(relCode) {\r\n this.isFetchingUserData = true;\r\n\r\n //fetch Purchase Power\r\n this.http\r\n .get(\r\n `${UrlConstants.backofficeUrl}/api/Client/GetClientPurchasePower?relationCode=` +\r\n relCode\r\n )\r\n .subscribe((res) => {\r\n if (res) {\r\n this.isFetchingUserData = false;\r\n this.clientData = res;\r\n this.fetchMySymbols();\r\n this.fetchCompany();\r\n }\r\n });\r\n\r\n //fetch Client Custodian\r\n this.http\r\n .get(\r\n `${UrlConstants.backofficeUrl}/api/Client/GetClientCustodianList?relationCode=` +\r\n relCode\r\n )\r\n .subscribe((res) => {\r\n if (res) {\r\n this.custodianList = res;\r\n if (!this.inputCustodian)\r\n this.f.custodian.patchValue(this.custodianList[0].CustodianCode); // set first custodian\r\n this.f.execRule.patchValue(0); //set regular\r\n this.f.validTill.patchValue(0); //set today\r\n this.f.demandMethod.patchValue(3);\r\n }\r\n });\r\n }\r\n\r\n get f() {\r\n return this.orderForm.controls;\r\n }\r\n\r\n get isValidOrder() {\r\n if (this.isMarket) return (\r\n this.totalCost <\r\n (this.company.CURRENCY == 2\r\n ? this.clientData?.purchasePower?.USD\r\n : this.clientData?.purchasePower?.EGP) && this.totalCost > 0\r\n ); else\r\n return (\r\n this.orderTotal <\r\n (this.company.CURRENCY == 2\r\n ? this.clientData?.purchasePower?.USD\r\n : this.clientData?.purchasePower?.EGP) && this.orderTotal > 0\r\n );\r\n }\r\n get isValidOrderCost() {\r\n if (this.isMarket) return (\r\n this.totalCost <\r\n (this.company.CURRENCY == 2\r\n ? this.clientData?.purchasePower?.USD\r\n : this.clientData?.purchasePower?.EGP) && this.totalCost > 0\r\n );\r\n else\r\n return (\r\n this.totalCost <\r\n (this.company.CURRENCY == 2\r\n ? this.clientData?.purchasePower?.USD\r\n : this.clientData?.purchasePower?.EGP) && this.totalCost > 0\r\n );\r\n }\r\n\r\n //Valid Till\r\n // if (value == 0 || value == 1) {\r\n // tiffDate = null;\r\n // }\r\n // if (value == 6) {\r\n // DatePicker.showDatePicker(context,\r\n // showTitleActions: true,\r\n // minTime: DateTime(2019, 1, 1),\r\n // maxTime: DateTime.now(),\r\n // onConfirm: (date) {\r\n // setState(() {\r\n // tiffDate = date;\r\n // print(tiffDate);\r\n // });\r\n // },\r\n // currentTime: DateTime.now(),\r\n // locale: LocaleType.en);\r\n // }\r\n\r\n ngAfterViewInit(): void {\r\n\r\n\r\n this.orderForm.valueChanges.subscribe((val) => {\r\n this.orderTotal = this.orderForm.get(\"price\").value * this.orderForm.get(\"qty\").value;\r\n\r\n this.orderFees = this.calculateFees(this.orderTotal);\r\n this.totalCost = this.orderTotal + this.orderFees;\r\n this.orderTotal = this.isMarket ? this.orderForm.get(\"qty\").value * this.maxLimit : this.orderTotal;\r\n this.orderFees = this.isMarket ? this.calculateFees(this.orderForm.get(\"qty\").value * this.maxLimit) : this.orderFees;\r\n this.totalCost = this.isMarket\r\n ? (this.orderForm.get(\"qty\").value * this.maxLimit > 0\r\n ? ((this.orderForm.get(\"qty\").value * this.maxLimit) + this.orderFees)\r\n : 0)\r\n : this.totalCost + this.orderFees;\r\n });\r\n this.isBuyLoading = true;\r\n const buyInterval = setInterval(() => {\r\n if (this.company && this.avgCommission) {\r\n clearInterval(buyInterval);\r\n this.isBuyLoading = false;\r\n }\r\n }, 100);\r\n this.isLoading = true;\r\n const interval = setInterval(() => {\r\n if (this.totalCost == 0 || this.totalCost == null)\r\n this.isLoading = false;\r\n else if (this.company && this.avgCommission && this.myCompanies && this.clientData\r\n && this.myShareSymbols && this.companyDetails && this.currentPortfolioCompany\r\n ) {\r\n clearInterval(interval);\r\n this.orderForm.get(\"qty\").patchValue(this.initqty);\r\n this.isLoading = false;\r\n }\r\n }, 100);\r\n\r\n\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n this.fetchCommissions();\r\n\r\n if (this.data[\"currentUser\"] != null)\r\n this.orderForm.get(\"client\").patchValue(this.data[\"currentUser\"]);\r\n else this.orderForm.get(\"client\").patchValue(this.accList[0].relationCode);\r\n\r\n if (this.sharedService.allMarketCompanies) {\r\n this.companies = this.sharedService.allMarketCompanies;\r\n this.onSelectClient(this.orderForm.get(\"client\").value);\r\n } else\r\n this.apiService.fetchAllMarketWatch().subscribe((res) => {\r\n this.companies = res as CompanyList[];\r\n this.onSelectClient(this.orderForm.get(\"client\").value);\r\n });\r\n\r\n if (this.data[\"symbol\"]) {\r\n this.company.SYMBOL_CODE = this.data[\"symbol\"];\r\n if (this.data[\"custodianCode\"]) {\r\n this.inputCustodian = this.data[\"custodianCode\"];\r\n this.f.custodian.patchValue(this.inputCustodian);\r\n }\r\n\r\n this.fetchCompany();\r\n this.fetchSymbolBO();\r\n }\r\n if (this.data[\"price\"] != null && this.data[\"qty\"] != null) {\r\n this.orderForm.get(\"price\").patchValue(this.data[\"price\"]);\r\n this.orderForm.get(\"qty\").patchValue(this.data[\"qty\"]);\r\n this.maxLimit = this.companyDetails.MaxLimit;\r\n\r\n }\r\n\r\n\r\n\r\n // });\r\n\r\n\r\n this.signalService.marketChanges.subscribe((res: any) =>\r\n res.forEach((element) => {\r\n if (element.SYMBOL_CODE == this.company.SYMBOL_CODE) {\r\n this.updateStockDetail(element);\r\n this.company = element;\r\n return;\r\n }\r\n })\r\n );\r\n\r\n if (this._marketDetail.marketNames)\r\n this.allMarketNames = this._marketDetail.marketNames.getValue();\r\n this._marketDetail.namesSubject.subscribe((res) => {\r\n this.allMarketNames = res as StockDetail[];\r\n });\r\n\r\n this.orderForm.valueChanges.subscribe((val) => {\r\n this.orderTotal =\r\n this.orderForm.get(\"price\").value * this.orderForm.get(\"qty\").value;\r\n });\r\n\r\n this.orderForm.get(\"validTill\").valueChanges.subscribe((res) => {\r\n if (res == \"6\") {\r\n this.orderForm.get(\"tiffDate\").setValidators(Validators.required);\r\n this.orderForm.get(\"tiffDate\").updateValueAndValidity();\r\n } else if (res == \"0\" || res == \"1\") {\r\n this.orderForm.get(\"tiffDate\").clearValidators();\r\n this.orderForm.updateValueAndValidity();\r\n\r\n this.orderForm.get(\"tiffDate\").patchValue(null);\r\n }\r\n });\r\n\r\n this.brokerInfo = JSON.parse(localStorage.getItem(\"brokerInfo\"));\r\n\r\n }\r\n\r\n numberOnly(event): boolean {\r\n const charCode = event.which ? event.which : event.keyCode;\r\n if (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n onTabChanged(event) {\r\n this.orderForm.reset();\r\n this.orderForm\r\n .get(\"client\")\r\n .patchValue(this.data[\"currentUser\"] || this.accList[0].relationCode); // set first acc\r\n if (!this.inputCustodian)\r\n this.f.custodian.patchValue(this.custodianList[0].CustodianCode); // set first custodian\r\n this.f.execRule.patchValue(0); //set regular\r\n this.f.validTill.patchValue(0); //set today\r\n this.f.demandMethod.patchValue(3);\r\n }\r\n}\r\n","\r\n {{ \"new-order\" | translate }}\r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n\r\n\r\n \r\n \r\n {{ \"buy\" | translate }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ company.Reuters }}\r\n - \r\n {{\r\n translate.currentLang == \"en\"\r\n ? company.eng_shortname\r\n : company.arb_shortname\r\n }}\r\n \r\n \r\n \r\n {{ \"company-suspended\" | translate }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ \"last-price\" | translate }}\r\n {{\r\n company.LAST_TRADE_PRICE | number : \"1.0\" : \"en-US\"\r\n }}\r\n \r\n \r\n 0 ? 'green' : 'red'\" style=\"text-align: end !important\">\r\n {{ company.LAST_CHANGE | number : \"1.0\" : \"en-US\" }} ({{\r\n company.LAST_CHANGE_PRC | number : \"1.0\" : \"en-US\"\r\n }}%)\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ \"min-limit\" | translate }}: {{ companyDetails?.MinLimit }}\r\n \r\n \r\n {{ \"max-limit\" | translate }}: {{ companyDetails?.MaxLimit }}\r\n \r\n \r\n \r\n \r\n {{ \"best-bid\" | translate }}:\r\n {{ company.BID_PRICE | number : \"1.0\" : \"en-US\" }} /\r\n {{ company.BID_VOLUME | number : \"1.0\" : \"en-US\" }}\r\n \r\n \r\n {{ \"best-ask\" | translate }}:\r\n {{ company.ASK_PRICE | number : \"1.0\" : \"en-US\" }} /\r\n {{ company.ASK_VOLUME | number : \"1.0\" : \"en-US\" }}\r\n \r\n \r\n \r\n \r\n {{ \"close-price\" | translate }}:\r\n {{ company.CLOSE_PRICE | number : \"1.0\" : \"en-US\" }}\r\n \r\n \r\n {{ \"sameday-qty\" | translate }}:\r\n {{ companyDetails?.SameDayQty | number }}\r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ \"sell\" | translate }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ company.Reuters }}\r\n - \r\n {{\r\n translate.currentLang == \"en\"\r\n ? company.eng_shortname\r\n : company.arb_shortname\r\n }}\r\n \r\n \r\n \r\n {{ \"company-suspended\" | translate }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ \"last-price\" | translate }}\r\n {{\r\n company.LAST_TRADE_PRICE | number : \"1.0\" : \"en-US\"\r\n }}\r\n \r\n \r\n 0 ? 'green' : 'red'\" style=\"text-align: end !important\">\r\n {{ company.LAST_CHANGE | number : \"1.0\" : \"en-US\" }} ({{\r\n company.LAST_CHANGE_PRC | number : \"1.0\" : \"en-US\"\r\n }}%)\r\n \r\n \r\n \r\n \r\n \r\n {{ \"min-limit\" | translate }}: {{ companyDetails?.MinLimit }}\r\n \r\n \r\n {{ \"max-limit\" | translate }}: {{ companyDetails?.MaxLimit }}\r\n \r\n \r\n \r\n \r\n {{ \"best-bid\" | translate }}:\r\n {{ company.BID_PRICE | number : \"1.0\" : \"en-US\" }} /\r\n {{ company.BID_VOLUME | number : \"1.0\" : \"en-US\" }}\r\n \r\n \r\n {{ \"best-ask\" | translate }}:\r\n {{ company.ASK_PRICE | number : \"1.0\" : \"en-US\" }} /\r\n {{ company.ASK_VOLUME | number : \"1.0\" : \"en-US\" }}\r\n \r\n \r\n \r\n \r\n {{ \"close-price\" | translate }}:\r\n {{ company.CLOSE_PRICE | number : \"1.0\" : \"en-US\" }}\r\n \r\n \r\n {{ \"sameday-qty\" | translate }}\r\n {{ companyDetails?.SameDayQty | number }}\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n","import { UrlConstants } from \"./../models/urlConstants\";\r\nimport { CompanyList } from \"./../models/company-list\";\r\nimport { Injectable } from \"@angular/core\";\r\n\r\nimport { Subject } from \"rxjs\";\r\nimport {\r\n HubConnection,\r\n HubConnectionBuilder,\r\n LogLevel,\r\n} from \"@microsoft/signalr\";\r\nimport * as signalR from \"@microsoft/signalr\";\r\n\r\nexport class ErrorMessages {\r\n public static ErrMsgNoOptions: string =\r\n \"Connection options not found. An options is required to connect to a SignalR Hub\";\r\n public static ErrMsgNoUrl: string = \"SignalR server URL not found.\";\r\n public static ErrMsgNoHubName: string = \"Hub name not found.\";\r\n public static ErrMsgNojQuery: string =\r\n \"jQuery not found. Ng2SignalRClientService requires jQuery. Ensure that jQuery is installed and available.\";\r\n public static ErrMsgNoSignalR: string =\r\n \"SignalR not found. Ng2SignalRClientService requires SignalR. Ensure that SignalR is installed and available.\";\r\n}\r\n\r\n@Injectable()\r\nexport class SignalRService {\r\n private marketWatchConnection: HubConnection;\r\n private tradesConnection: HubConnection;\r\n private depthConnection: HubConnection;\r\n\r\n orderChanges: Subject = new Subject();\r\n tradeChanges: Subject = new Subject();\r\n marketChanges: Subject = new Subject();\r\n depthChanges: Subject = new Subject();\r\n summaryChanges: Subject = new Subject();\r\n newsChanges: Subject = new Subject();\r\n marketStatusChanges: Subject = new Subject();\r\n\r\n constructor() {}\r\n\r\n connectMarketWatch() {\r\n this.marketWatchConnection = new HubConnectionBuilder()\r\n .withUrl(UrlConstants.newSignalR + \"/marketwatchHub\", {\r\n skipNegotiation: true,\r\n transport: signalR.HttpTransportType.WebSockets,\r\n })\r\n .build();\r\n\r\n this.marketWatchConnection\r\n .start()\r\n .then(() => {\r\n this.marketWatchConnection.on(\"sendMarketFeed\", (update) => {\r\n this.marketChanges.next(update);\r\n });\r\n this.marketWatchConnection.on(\"SendMarketSummary\", (update) => {\r\n this.summaryChanges.next(update);\r\n });\r\n this.marketWatchConnection.on(\"SendNewsFeed\", (update) => {\r\n this.newsChanges.next(update);\r\n });\r\n })\r\n .catch( );\r\n }\r\n\r\n connectTradesUpdates() {\r\n this.tradesConnection = new HubConnectionBuilder()\r\n .withUrl(UrlConstants.newSignalR + \"/tradesHub\", {\r\n skipNegotiation: true,\r\n transport: signalR.HttpTransportType.WebSockets,\r\n })\r\n .build();\r\n\r\n this.tradesConnection\r\n .start()\r\n .then(() =>\r\n this.tradesConnection.on(\"sendTrades\", (update) => {\r\n this.tradeChanges.next(update);\r\n })\r\n )\r\n .catch();\r\n }\r\n\r\n // connectBidsAsksUpdates() {\r\n // this.depthConnection = new HubConnectionBuilder()\r\n // .withUrl(\"https://feedsignalr.egitdns.net/bidsAsksHub\", {\r\n // skipNegotiation: true,\r\n // transport: signalR.HttpTransportType.WebSockets,\r\n // })\r\n // .build();\r\n\r\n // this.depthConnection\r\n // .start()\r\n // .then(() =>\r\n // this.depthConnection.on(\"sendBidsAsks\", (update) => {\r\n // this.depthChanges.next(update);\r\n // })\r\n // )\r\n // \r\n // }\r\n\r\n public invoke() {}\r\n\r\n public disconnectMwSignalr() {\r\n if (this.marketWatchConnection) this.marketWatchConnection.stop();\r\n }\r\n\r\n public disconnectTradesSignalr() {\r\n if (this.tradesConnection) this.tradesConnection.stop();\r\n }\r\n}\r\n","/* (ignored) */","import { Injectable } from \"@angular/core\";\r\nimport { Observable, Subject } from \"rxjs\";\r\nimport { filter } from \"rxjs/operators\";\r\nimport { Alert, AlertType } from \"../models/alert\";\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n})\r\nexport class AlertService {\r\n private subject = new Subject();\r\n private defaultId = \"default-alert\";\r\n\r\n // enable subscribing to alerts observable\r\n onAlert(id = this.defaultId): Observable {\r\n return this.subject.asObservable().pipe(filter((x) => x && x.id === id));\r\n }\r\n\r\n // convenience methods\r\n success(message: string, options?: any) {\r\n this.alert(new Alert({ ...options, type: AlertType.Success, message }));\r\n }\r\n\r\n error(message: string, options?: any) {\r\n this.alert(new Alert({ ...options, type: AlertType.Error, message }));\r\n }\r\n\r\n info(message: string, options?: any) {\r\n this.alert(new Alert({ ...options, type: AlertType.Info, message }));\r\n }\r\n\r\n warn(message: string, options?: any) {\r\n this.alert(new Alert({ ...options, type: AlertType.Warning, message }));\r\n }\r\n\r\n // main alert method\r\n alert(alert: Alert) {\r\n alert.id = alert.id || this.defaultId;\r\n this.subject.next(alert);\r\n }\r\n\r\n // clear alerts\r\n clear(id = this.defaultId) {\r\n this.subject.next(new Alert({ id }));\r\n }\r\n}\r\n","var map = {\n\t\"./igc-button-component_20.entry.js\": [\n\t\t\"bbhR\",\n\t\t0\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = \"3LVs\";\nmodule.exports = webpackAsyncContext;","import { ChangeDetectorRef, Component, Inject, OnInit, ViewChild } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { FormControl, FormGroup, Validators } from \"@angular/forms\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { Account, ClientData } from 'src/app/screens/user-profile/client-data';\r\nimport { UrlConstants } from 'src/app/models/urlConstants';\r\nimport {\r\n SignalRConfiguration,\r\n BroadcastEventListener,\r\n SignalR,\r\n ISignalRConnection,\r\n} from \"ng2-signalr\";\r\nimport { ToastrService } from \"ngx-toastr\";\r\nimport { DatePipe } from '@angular/common';\r\nimport { MatStepper } from '@angular/material/stepper';\r\n\r\n\r\ninterface PurchasePower {\r\n EGP: number;\r\n USD: number;\r\n Rated: number;\r\n}\r\n\r\n\r\ninterface BlockingAmount {\r\n curr: string;\r\n bookbalance: number;\r\n activebalance: number;\r\n availablebalance: number;\r\n AvailableBalanceForWithdrow: number;\r\n availablebalancefortransfer: number;\r\n ChecksUnderCollection: number;\r\n blkAmt: number;\r\n withHeldAmt: number;\r\n netAsset: number;\r\n crdLmt: number;\r\n penSell: number;\r\n penSellCommission: number;\r\n mrgLmt: number;\r\n dayCashMar: number;\r\n pendBuy: number;\r\n MarginCustodian: number;\r\n}\r\n\r\ninterface PurchasePowerResponse {\r\n purchasePower: PurchasePower;\r\n BlockingAmount: BlockingAmount[];\r\n MarginPosition: any;\r\n}\r\n\r\n\r\n@Component({\r\n selector: 'app-ipo-acc-order-modal',\r\n templateUrl: './ipo-acc-order-modal.component.html',\r\n styleUrls: ['./ipo-acc-order-modal.component.scss']\r\n})\r\nexport class IpoAccOrderModalComponent implements OnInit {\r\n lang: string;\r\n isBuy: boolean = false;\r\n isIpo: boolean = false;\r\n clientsAccount: Account[];\r\n accountSelected: boolean = false;\r\n accounts: number[] = [1, 2, 3];\r\n typeSelected: string = null;\r\n type: string = 'success';\r\n selectedAccount: any | null = null;\r\n custodianList: any;\r\n IPOdetails: any;\r\n purchasePower: any;\r\n EgpPurchasePower: any;\r\n UsdPurchasePower: any;\r\n IPOBalanceEGP: any;\r\n IPOBalanceUSD: any;\r\n maxQuantiyEGP: any;\r\n maxQuantiyUSD: any;\r\n isMaxPressed: boolean;\r\n quantityControl = new FormControl('', [\r\n Validators.required,\r\n Validators.pattern(/^-?\\d*$/)\r\n ])\r\n orderTotal\r\n avgCommission: number;\r\n minCommission: number;\r\n minCommissionUSD: number;\r\n orderValue: number;\r\n orderFees: number;\r\n totalCost: number;\r\n inputValue: number;\r\n userPortfolio: ClientData;\r\n maxQuantity;\r\n selectedCurr = \"Rated\";\r\n selectedAccountRealtionCode;\r\n selectedAcccountNewPP;\r\n numberOfAccounts: number = 0;\r\n accList: any;\r\n selectedIndex;\r\n Quantity;\r\n errorMessage;\r\n inputCustodian: number;\r\n sendingOrder: boolean = false;\r\n isSendingOrder: boolean = false;\r\n isLoading: boolean = false;\r\n currentDate: string;\r\n isStep1Completed: boolean = false;\r\n isStep2Completed: boolean = false;\r\n notEntered: boolean = false;\r\n minQtyIndividual: number;\r\n maxQtyIndividual: number;\r\n isLessThanMin: boolean = false;\r\n isMoreThanMax: boolean = false;\r\n\r\n\r\n\r\n private portfolioConnection: ISignalRConnection;\r\n\r\n\r\n constructor(\r\n\r\n @Inject(MAT_DIALOG_DATA) public data,\r\n private signalR: SignalR,\r\n public translate: TranslateService,\r\n public dialog: MatDialog,\r\n private cdr: ChangeDetectorRef,\r\n private _service: ApiService,\r\n public dialogRef: MatDialogRef,\r\n private http: HttpClient,\r\n private apiService: ApiService,\r\n private toastr: ToastrService,\r\n private datePipe: DatePipe\r\n ) {\r\n this.lang = this.translate.currentLang\r\n this.isBuy = this.data['isBuy']\r\n this.clientsAccount = this.data['accounts'];\r\n this.IPOdetails = this.data['IPO'];\r\n this.minQtyIndividual = this.IPOdetails.MinQtyIndividual;\r\n this.maxQtyIndividual = this.IPOdetails.MaxQtyIndividual;\r\n }\r\n\r\n ngOnInit(): void {\r\n this.fetchAccounts();\r\n this.fetchCommissions();\r\n this.quantityControl.valueChanges.subscribe((value) => {\r\n this.handleQuantityChange(value);\r\n });\r\n\r\n\r\n if (this.accList.length == 1) {\r\n this.selectAccount(null, this.accList[0]);\r\n }\r\n // this.orderForm.valueChanges.subscribe((val) => {\r\n // this.orderTotal =\r\n // this.IPOdetails.StockPrice * this.orderForm.get(\"qty\").value;\r\n // });\r\n\r\n }\r\n get currenciedPP() {\r\n try {\r\n return this.userPortfolio.PurchasePower.purchasePower.Rated;\r\n } catch (error) { }\r\n }\r\n\r\n get currenciedPortfolio() {\r\n switch (this.selectedCurr) {\r\n case \"EGP\":\r\n return this.userPortfolio?.Portfolio.EGPPortfolio;\r\n case \"Rated\":\r\n return this.userPortfolio?.Portfolio.RatedPortfolio;\r\n case \"USD\":\r\n return this.userPortfolio?.Portfolio.USDPortfolio;\r\n }\r\n }\r\n initPortfolioSignalR() {\r\n // First, check if accList is populated\r\n if (!this.accList || this.accList.length === 0) {\r\n return;\r\n }\r\n\r\n // Log accList to ensure it's populated\r\n\r\n // Check if selectedAccount is defined and valid\r\n if (!this.selectedAccount.relationCode) {\r\n return;\r\n }\r\n\r\n // Find the account in accList that matches the selectedAccount relationCode\r\n let account = this.accList.find(item => item.relationCode === this.selectedAccount.relationCode);\r\n\r\n if (account) {\r\n // Log account data to ensure it contains ExchangeCode\r\n\r\n // Extract the exchangeCode from the found account\r\n let exchangeCode = account.ExchangeCode;\r\n\r\n // Ensure exchangeCode is valid before proceeding\r\n if (!exchangeCode) {\r\n return;\r\n }\r\n\r\n // Setup SignalR configuration\r\n let config: SignalRConfiguration = new SignalRConfiguration();\r\n config.url = UrlConstants.backofficeUrl;\r\n config.hubName = 'ordersHub';\r\n config.logging = false;\r\n\r\n // Establish SignalR connection\r\n this.signalR.connect(config).then((res) => {\r\n this.portfolioConnection = res;\r\n\r\n // Join the SignalR group with the exchangeCode\r\n this.portfolioConnection.invoke('JoinGroup', exchangeCode);\r\n\r\n // Set up listener for portfolio updates\r\n let method = new BroadcastEventListener('UpdatePortfolio');\r\n this.portfolioConnection.listen(method);\r\n method.subscribe((update) => {\r\n // Handle portfolio updates (fetch new data)\r\n this.fetchUserPortfolio();\r\n });\r\n\r\n // Handle errors during the connection\r\n this.portfolioConnection.errors.subscribe((res) => {\r\n this.initPortfolioSignalR(); // Retry connecting if there's an error\r\n });\r\n });\r\n }\r\n }\r\n\r\n\r\n\r\n openFundAccount() {\r\n this.dialogRef.close();\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n\r\n\r\n // this.orderForm.valueChanges.subscribe((val) => {\r\n // this.orderTotal = this.IPOdetails.StockPrice * this.orderForm.get(\"qty\").value;\r\n // this.orderFees = this.calculateFees(this.orderTotal);\r\n // this.totalCost = this.orderTotal + this.orderFees ;\r\n\r\n // });\r\n }\r\n\r\n\r\n get isValidOrder() {\r\n return (\r\n this.orderTotal <\r\n (this.IPOdetails.CurrencyId == 2\r\n ? this.IPOBalanceUSD\r\n : this.IPOBalanceEGP) && this.orderTotal > 0\r\n );\r\n }\r\n\r\n selectAccount(stepper: any, acc: any) {\r\n this.accountSelected = true;\r\n this.selectedAccount = acc;\r\n this.selectedIndex = this.accList.findIndex(account => account === acc);\r\n\r\n //this.isLoading = true;\r\n\r\n this.fetchUserPortfolio(this.selectedAccount)\r\n .then(() => {\r\n this.isLoading = false;\r\n this.cdr.detectChanges();\r\n stepper.next();\r\n })\r\n .catch((error) => {\r\n this.isLoading = false;\r\n this.cdr.detectChanges();\r\n });\r\n\r\n // this.getUserPurchasePower(this.selectedAccount.relationCode).then(() => {\r\n // this.cdr.detectChanges();\r\n // this.handleQuantityChange('0');\r\n // this.calculateMaxQuantity(false);\r\n // this.isLoading=false;\r\n\r\n // }).catch((error) => {\r\n // }); \r\n }\r\n\r\n\r\n calculateMaxQuantity(clicked: boolean) {\r\n const Balance = this.IPOdetails.CurrencyId == 1 ? this.IPOBalanceEGP : this.IPOBalanceUSD;\r\n let maxQuantity = Math.floor(Balance / this.IPOdetails.StockPrice);\r\n\r\n while (maxQuantity > 0) {\r\n const orderValue = maxQuantity * this.IPOdetails.StockPrice;\r\n const fees = this.calculateFees(orderValue);\r\n const totalCost = orderValue + fees;\r\n\r\n if (totalCost <= Balance) {\r\n break;\r\n }\r\n maxQuantity--;\r\n }\r\n this.maxQuantiyEGP = this.IPOdetails.CurrencyId == 1 ? maxQuantity : this.maxQuantiyEGP;\r\n this.maxQuantiyUSD = this.IPOdetails.CurrencyId != 1 ? maxQuantity : this.maxQuantiyUSD;\r\n this.cdr.detectChanges();\r\n if (clicked) {\r\n this.handleQuantityChange(maxQuantity.toString());\r\n }\r\n }\r\n\r\n\r\n OrderCalculate() {\r\n this.orderValue = this.Quantity * this.IPOdetails.StockPrice\r\n\r\n }\r\n validateInput() {\r\n // Ensure inputValue is an integer\r\n this.inputValue = Math.floor(this.inputValue);\r\n\r\n // If the input is less than 1, set it to 1\r\n if (this.inputValue < 1) {\r\n this.inputValue = 1;\r\n this.errorMessage = \"The min value is 1\";\r\n }\r\n\r\n // If the input exceeds the maxQuantity, set it to maxQuantity\r\n if (this.inputValue > this.maxQuantity) {\r\n this.inputValue = this.maxQuantity;\r\n this.errorMessage = \"This value exceed max value\";\r\n\r\n }\r\n\r\n }\r\n\r\n calculateOrderValue() {\r\n this.orderValue = this.inputValue * this.IPOdetails.StockPrice\r\n\r\n return this.orderValue\r\n\r\n }\r\n\r\n\r\n\r\n\r\n fetchUserPortfolio(selectedAcc?): Promise {\r\n return new Promise((resolve, reject) => {\r\n if (selectedAcc) {\r\n this.selectedAccountRealtionCode = selectedAcc.relationCode;\r\n }\r\n\r\n if (!this.selectedAccountRealtionCode) {\r\n reject('Invalid selected account or relationCode');\r\n return;\r\n }\r\n\r\n this.http\r\n .get(`${UrlConstants.backofficeUrl}/api/Client/GetClientInformation?relationCode=${this.selectedAccountRealtionCode}`)\r\n .subscribe(\r\n (res) => {\r\n this.userPortfolio = res as ClientData;\r\n this.EgpPurchasePower = this.userPortfolio.PurchasePower.purchasePower.EGP || 0;\r\n this.UsdPurchasePower = this.userPortfolio.PurchasePower.purchasePower.USD || 0;\r\n this.IPOBalanceEGP = this.IPOdetails.PaidPer === 0 ? this.EgpPurchasePower : this.EgpPurchasePower * (100 / this.IPOdetails.PaidPer);\r\n this.IPOBalanceUSD = this.IPOdetails.PaidPer === 0 ? this.UsdPurchasePower : this.UsdPurchasePower * (100 / this.IPOdetails.PaidPer);\r\n this.IPOBalanceEGP = this.IPOBalanceEGP < 0 ? 0 : this.IPOBalanceEGP;\r\n this.IPOBalanceUSD = this.IPOBalanceUSD < 0 ? 0 : this.IPOBalanceUSD;\r\n this.calculateMaxQuantity(false);\r\n // Fetch custodian list\r\n this.http\r\n .get(`${UrlConstants.backofficeUrl}/api/Client/GetClientCustodianList?relationCode=${this.selectedAccountRealtionCode}`)\r\n .subscribe(\r\n (custodianRes) => {\r\n if (custodianRes) {\r\n this.custodianList = custodianRes;\r\n if (!this.inputCustodian) {\r\n this.f.custodian.patchValue(this.custodianList[0].CustodianCode);\r\n }\r\n this.f.execRule.patchValue(0);\r\n this.f.validTill.patchValue(0);\r\n }\r\n resolve(); // Resolve after both calls succeed\r\n },\r\n (custodianErr) => {\r\n reject(custodianErr); // Reject on custodian fetch error\r\n }\r\n );\r\n },\r\n (err) => {\r\n reject(err); // Reject on user portfolio fetch error\r\n }\r\n );\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n getUserPurchasePower(relationCode: string): Promise {\r\n return new Promise((resolve, reject) => {\r\n this._service.fetchPurchasePower(relationCode).subscribe(\r\n (response: PurchasePowerResponse) => {\r\n if (response && response.purchasePower) {\r\n this.purchasePower = response.purchasePower;\r\n this.EgpPurchasePower = this.purchasePower.EGP || 0;\r\n this.UsdPurchasePower = this.purchasePower.USD || 0;\r\n this.IPOBalanceEGP = this.EgpPurchasePower * (100 / this.IPOdetails.PaidPer);\r\n this.IPOBalanceUSD = this.UsdPurchasePower * (100 / this.IPOdetails.PaidPer);\r\n this.IPOBalanceEGP = this.IPOBalanceEGP < 0 ? 0 : this.IPOBalanceEGP;\r\n this.IPOBalanceUSD = this.IPOBalanceUSD < 0 ? 0 : this.IPOBalanceUSD;\r\n resolve();\r\n } else {\r\n reject('Invalid response structure');\r\n }\r\n },\r\n (error) => {\r\n reject(error);\r\n }\r\n );\r\n });\r\n }\r\n fetchCommissions() {\r\n this.http.get(`${UrlConstants.backofficeUrl}/api/Settings/GetConfiguredCommissions`)\r\n .subscribe((res) => {\r\n this.avgCommission = res.AvgCommission;\r\n this.minCommission = res.MinCommission;\r\n this.minCommissionUSD = res.MinCommissionUSD;\r\n });\r\n\r\n\r\n }\r\n calculateFees(orderValue) {\r\n let feePercentage = this.avgCommission;\r\n\r\n if (orderValue == 0) {\r\n feePercentage == 0;\r\n }\r\n\r\n let totalFees = orderValue * feePercentage;\r\n\r\n if (this.IPOdetails.CurrencyId == 1) {\r\n if (totalFees < this.minCommission) {\r\n totalFees = this.minCommission;\r\n }\r\n } else {\r\n if (totalFees < this.minCommissionUSD) {\r\n totalFees = this.minCommissionUSD;\r\n }\r\n }\r\n\r\n return totalFees;\r\n }\r\n\r\n fetchAccounts() {\r\n this.apiService.fetchAccounts().subscribe(\r\n (res: { accountType: number; relationCode: string; clientNameAr: string; accountTypeAr: string; }[]) => {\r\n if (res) {\r\n this.accList = res.filter(acc => acc.accountType === 0 || acc.accountType === 1001);\r\n if (this.accList.length > 0) {\r\n this.selectedAccount = this.accList[0];\r\n this.selectAccount(null, this.selectedAccount)\r\n }\r\n this.numberOfAccounts = this.accList.length;\r\n }\r\n },\r\n (err) => {\r\n }\r\n );\r\n }\r\n\r\n\r\n handleQuantityChange(value: string): void {\r\n const filteredValue = value.replace(/[^0-9]/g, ''); // Remove all non-digit characters\r\n\r\n if (filteredValue !== value) {\r\n this.quantityControl.setValue(filteredValue, { emitEvent: false });\r\n return;\r\n }\r\n\r\n if (filteredValue !== value) {\r\n this.quantityControl.setValue(filteredValue, { emitEvent: false });\r\n return;\r\n }\r\n if (this.minQtyIndividual !== 0) {\r\n if (parseFloat(filteredValue) < this.minQtyIndividual) {\r\n this.isLessThanMin = true;\r\n } else {\r\n this.isLessThanMin = false;\r\n }\r\n }\r\n if (this.maxQtyIndividual !== 0) {\r\n if (parseFloat(filteredValue) > this.maxQtyIndividual) {\r\n this.isMoreThanMax = true;\r\n } else {\r\n this.isMoreThanMax = false;\r\n }\r\n }\r\n\r\n const trimmedValue = filteredValue.replace(/^0+/, '') || '';\r\n this.quantityControl.setValue(trimmedValue, { emitEvent: false });\r\n\r\n this.orderValue = parseFloat((this.IPOdetails.StockPrice * parseFloat(trimmedValue)).toFixed(2));\r\n this.orderValue = isNaN(this.orderValue) || this.orderValue < 0 ? 0 : this.orderValue;\r\n\r\n this.orderFees = parseFloat(this.calculateFees(this.orderValue).toFixed(2));\r\n this.orderFees = isNaN(this.orderFees) || this.orderFees < 0 ? 0 : this.orderFees;\r\n\r\n this.orderTotal = parseFloat((this.orderValue + this.orderFees).toFixed(2));\r\n this.orderTotal = isNaN(this.orderTotal) || this.orderTotal < 0 ? 0 : this.orderTotal;\r\n }\r\n\r\n\r\n selectType(stepper: any, event: any, type: string) {\r\n this.typeSelected = type;\r\n this.cdr.detectChanges();\r\n stepper.next();\r\n const TARGET = event.currentTarget as HTMLElement;\r\n var tabs = document.querySelectorAll('.tab-card');\r\n tabs.forEach(i => i.classList.remove('selectedType'));\r\n let element = document.getElementById(TARGET.id);\r\n element?.classList.add('selectedType');\r\n\r\n }\r\n\r\n createOrder(stepper: any) {\r\n this.currentDate = this.datePipe.transform(new Date(), 'dd-MM-yyyy hh:mm a');\r\n\r\n if (!this.isValidOrder && this.orderValue > 0 && this.quantityControl.value > 0 && !this.isLoading) {\r\n this.isStep1Completed = false;\r\n this.stopNavigation(stepper);\r\n this.cdr.detectChanges();\r\n } else {\r\n this.isStep1Completed = true;\r\n this.cdr.detectChanges();\r\n setTimeout(() => {\r\n stepper.next();\r\n }, 0);\r\n }\r\n }\r\n\r\n\r\n submitOrder(stepper: any) {\r\n this.sendOrder(stepper);\r\n //stepper.next();\r\n }\r\n\r\n closeModal() {\r\n this.dialogRef.close();\r\n }\r\n custodianName(value) {\r\n return this.custodianList.find((item) => item.CustodianCode == value)\r\n .CustodianNameE;\r\n }\r\n\r\n stopNavigation(stepper: any) {\r\n const currentStepIndex = stepper.selectedIndex;\r\n stepper.selectedIndex = currentStepIndex;\r\n }\r\n\r\n\r\n\r\n\r\n sendOrder(stepper: any) {\r\n\r\n // Ensure precision for order total\r\n this.orderTotal = parseFloat(this.orderTotal.toFixed(2));\r\n\r\n // Validate purchase power\r\n if (\r\n (this.IPOdetails.CurrencyId === 1 && this.IPOBalanceEGP > this.orderTotal) ||\r\n (this.IPOdetails.CurrencyId === 2 && this.IPOBalanceUSD > this.orderTotal)\r\n ) {\r\n this.sendingOrder = true; \r\n this.isSendingOrder=true;\r\n\r\n const orderPayload = {\r\n SymbolCode: this.IPOdetails.SymbolCode,\r\n Qty: this.quantityControl.value,\r\n Price: this.IPOdetails.StockPrice,\r\n Remark: \"OPR\",\r\n TakeMarketPrice: true,\r\n ISMSCDBook: false,\r\n OrderType: 1,\r\n TiffFlag: 1,\r\n TiffDate: this.orderForm.get(\"tiffDate\").value,\r\n FillFlag: this.orderForm.get(\"execRule\").value,\r\n relationCode: this.selectedAccount.relationCode,\r\n CustodianCode: this.orderForm.get(\"custodian\").value,\r\n ISOPR: true,\r\n MinFillVolume: this.orderForm.get(\"minFillVolume\").value,\r\n };\r\n\r\n // Send API request\r\n this.http.post(`${UrlConstants.backofficeUrl}/api/Orders/PostOrder`, orderPayload).subscribe({\r\n next: (res) => {\r\n if (res[\"Errors\"]?.length > 0) {\r\n this.sendingOrder = false;\r\n this.isSendingOrder = false;\r\n this.toastr.error(\"\", this.translate.instant(res[\"Errors\"][0]), {\r\n timeOut: 15000,\r\n positionClass: \"toast-bottom-center\",\r\n closeButton: true,\r\n });\r\n } else {\r\n this.sendingOrder = true;\r\n this.isSendingOrder = false;\r\n this.toastr.info(\"\", this.translate.instant(\"new-order-success\"), {\r\n timeOut: 15000,\r\n positionClass: \"toast-bottom-center\",\r\n closeButton: true,\r\n });\r\n this.cdr.detectChanges();\r\n this.isStep2Completed = true;\r\n setTimeout(() => {\r\n stepper.next();\r\n }, 0);\r\n }\r\n },\r\n error: (err) => {\r\n this.sendingOrder = false;\r\n this.isSendingOrder = false;\r\n this.toastr.error(\"\", this.translate.instant(\"order-failure\"), {\r\n timeOut: 15000,\r\n positionClass: \"toast-bottom-center\",\r\n closeButton: true,\r\n });\r\n this.cdr.detectChanges();\r\n this.isStep2Completed = false;\r\n },\r\n });\r\n } else {\r\n this.toastr.warning(\"\", this.translate.instant(\"insufficient-funds\"), {\r\n timeOut: 15000,\r\n positionClass: \"toast-bottom-center\",\r\n closeButton: true,\r\n });\r\n }\r\n }\r\n\r\n\r\n get f() {\r\n return this.orderForm.controls;\r\n }\r\n orderForm = new FormGroup({\r\n client: new FormControl(\"\", Validators.required),\r\n qty: new FormControl(\"\", Validators.required),\r\n price: new FormControl(\"\", Validators.required),\r\n custodian: new FormControl(\"\", Validators.required),\r\n execRule: new FormControl(\"\", Validators.required),\r\n validTill: new FormControl(\"\", Validators.required),\r\n tiffDate: new FormControl(),\r\n tiffFlag: new FormControl(),\r\n minFillVolume: new FormControl(),\r\n });\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","\r\n \r\n X \r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n\r\n 0\"\r\n appDisableLabelClick\r\n [linear]=\"true\"\r\n #stepper\r\n >\r\n 1\"\r\n [completed]=\"accountSelected\"\r\n [label]=\"'ChooseAccount' | translate\"\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ \"IPOAlertText\" | translate }}\r\n \r\n \r\n ![\"\"](\"assets/img/warning.svg\")
\r\n
\r\n \r\n {{ \"IPOAlertTitle\" | translate }}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ lang == \"ar\" ? acc?.clientNameAr : acc?.clientNameEn }}\r\n
\r\n\r\n \r\n {{ acc?.relationCode }}\r\n \r\n
\r\n \r\n {{\r\n lang == \"ar\" ? acc?.accountTypeAr : acc?.accountTypeEn\r\n }} \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"{{)
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {{ lang == \"ar\" ? IPOdetails.NameAr : IPOdetails.NameEn }}\r\n
\r\n\r\n {{ \"buy\" | translate }}\r\n \r\n {{\r\n translate.currentLang == \"en\"\r\n ? IPOdetails.NameEn\r\n : IPOdetails.NameAr\r\n }}\r\n @\r\n {{\r\n IPOdetails.StockPrice | number : \"1.2-2\" | numberFormat\r\n }}\r\n {{\r\n IPOdetails.CurrencyId == 1\r\n ? translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n : translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n }}\r\n
\r\n \r\n {{\r\n translate.currentLang == \"en\"\r\n ? selectedAccount?.clientNameEn\r\n : selectedAccount?.clientNameAr\r\n }}\r\n
\r\n\r\n \r\n {{\r\n translate.currentLang == \"en\"\r\n ? selectedAccount?.accountTypeEn\r\n : selectedAccount?.accountTypeAr\r\n }} \r\n \r\n {{ selectedAccount?.relationCode }}\r\n \r\n
\r\n \r\n \r\n = 0\r\n }\"\r\n >\r\n {{ \"balance\" | translate }}\r\n {{\r\n IPOdetails.CurrencyId == 1\r\n ? (EgpPurchasePower | number : \"1.2-2\" | numberFormat)\r\n : (UsdPurchasePower | number : \"1.2-2\" | numberFormat)\r\n }}\r\n {{\r\n IPOdetails.CurrencyId == 1\r\n ? translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n : translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n }}\r\n \r\n {{ \"IPOBalance\" | translate }}\r\n {{\r\n IPOdetails.CurrencyId == 1\r\n ? (IPOBalanceEGP | number : \"1.2-2\" | numberFormat)\r\n : (IPOBalanceUSD | number : \"1.2-2\" | numberFormat)\r\n }}\r\n {{\r\n IPOdetails.CurrencyId == 1\r\n ? translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n : translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n }}\r\n \r\n \r\n Your Certificates\r\n 100\r\n \r\n
\r\n\r\n \r\n {{\r\n \"enterQuantity\" | translate\r\n }}\r\n Enter Certificate Number \r\n \r\n {{ \"max\" | translate }}\r\n \r\n
\r\n \r\n \r\n {{ quantityControl.value || \"\" }}\r\n \r\n
\r\n\r\n \r\n \r\n 0 &&\r\n quantityControl.value > 0 &&\r\n quantityControl.value < minQtyIndividual\r\n \"\r\n >\r\n {{ \"MinQauntity\" | translate }}:\r\n \r\n \r\n {{ minQtyIndividual | numberFormat }}\r\n
\r\n \r\n {{ \"order-value\" | translate }}\r\n \r\n \r\n {{ orderValue | number : \"1.2-2\" | numberFormat }}\r\n {{\r\n IPOdetails.CurrencyId == 1\r\n ? translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n : translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n }}\r\n
\r\n\r\n \r\n {{ \"order-fees\" | translate }}:\r\n \r\n \r\n {{ orderFees | number : \"1.2-2\" | numberFormat }}\r\n {{\r\n IPOdetails.CurrencyId == 1\r\n ? translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n : translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n }}\r\n
\r\n \r\n \r\n {{ \"MaxQauntity\" | translate }}:\r\n \r\n \r\n {{\r\n IPOdetails.CurrencyId == 1\r\n ? (maxQuantiyEGP | numberFormat)\r\n : (maxQuantiyUSD | numberFormat)\r\n }}\r\n
\r\n\r\n \r\n {{ \"total-cost\" | translate }}:\r\n \r\n \r\n {{ orderTotal | number : \"1.2-2\" | numberFormat }}\r\n {{\r\n IPOdetails.CurrencyId == 1\r\n ? translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n : translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n }}\r\n
\r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n {{ \"IPOExceedText\" | translate }}\r\n \r\n \r\n ![\"\"](\"assets/img/error-icon.svg\")
\r\n
\r\n \r\n {{ \"IPOExceedTitle\" | translate }}\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {{ \"buy\" | translate }}\r\n \r\n {{\r\n translate.currentLang == \"en\"\r\n ? IPOdetails.NameEn\r\n : IPOdetails.NameAr\r\n }}\r\n @\r\n {{ IPOdetails.StockPrice | number : \"1.2-2\" | numberFormat }}\r\n {{\r\n IPOdetails.CurrencyId == 1\r\n ? translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n : translate.currentLang == \"en\"\r\n ? IPOdetails.AbbreviationEn\r\n : IPOdetails.AbbreviationAr\r\n }}\r\n
\r\n \r\n {{\r\n translate.currentLang == \"en\"\r\n ? selectedAccount?.clientNameEn\r\n : selectedAccount?.clientNameAr\r\n }}\r\n
\r\n\r\n {{\r\n translate.currentLang == \"en\"\r\n ? selectedAccount?.accountTypeEn\r\n : selectedAccount?.accountTypeAr\r\n }} \r\n \r\n ({{ selectedAccount?.relationCode }})\r\n \r\n
\r\n \r\n\r\n \r\n {{ \"market\" | translate }}\r\n {{ \"IPO\" | translate }}\r\n
\r\n \r\n {{ \"Quantity\" | translate }}\r\n \r\n {{ quantityControl.value | numberFormat }}\r\n
\r\n \r\n {{\r\n \"order-value\" | translate\r\n }}\r\n \r\n {{ orderValue | number : \"1.2-2\" | numberFormat }}\r\n
\r\n \r\n {{ \"Block\" | translate }}\r\n {{\r\n IPOdetails.PaidPer | number : \"1.2-2\" | numberFormat\r\n }}%\r\n \r\n {{\r\n orderValue * (IPOdetails.PaidPer / 100)\r\n | number : \"1.2-2\"\r\n | numberFormat\r\n }}\r\n
\r\n \r\n {{ \"DateTime\" | translate }}\r\n {{ currentDate }}\r\n
\r\n \r\n {{ \"Expiry\" | translate }}\r\n {{\r\n \"GoodTillCancel\" | translate\r\n }}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ \"IPOsubmitOrderAlertText\" | translate }}\r\n \r\n \r\n ![\"\"](\"assets/img/ring.svg\")
\r\n
\r\n \r\n {{ \"IPOsubmitOrderAlertTitle\" | translate }}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n ![\"\"](\"assets/img/Done.svg\")
\r\n
\r\n \r\n \r\n {{ \"IPOSuccessAlertTitle\" | translate }}\r\n
\r\n \r\n {{ \"IPOSuccessAlertText\" | translate }}\r\n
\r\n \r\n \r\n ![\"\"](\"assets/img/error.svg\")
\r\n \r\n {{ \"Sorry\" | translate }}
\r\n \r\n {{ \"IPOFailedSendOrder\" | translate }}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \",\r\n timer: this.popupAlertTime * 1000,\r\n timerProgressBar: true,\r\n didOpen: () => {\r\n const content = Swal.getHtmlContainer();\r\n Swal.showLoading();\r\n timerInterval = setInterval(() => {\r\n content.getElementsByTagName(\"strong\").item(0).innerHTML = (\r\n Swal.getTimerLeft() / 1000\r\n ).toFixed(0);\r\n }, 100);\r\n },\r\n willClose: () => {\r\n this.userIdle.resetTimer();\r\n },\r\n });\r\n }\r\n });\r\n\r\n this.userIdle.onTimeout().subscribe(() => {\r\n if (sessionStorage.getItem(\"userName\") != null) {\r\n let userName = sessionStorage.getItem(\"userName\");\r\n this.apiService.logOut(userName).subscribe(\r\n (x) => {\r\n this.accService.logout();\r\n },\r\n (err) => { }\r\n );\r\n this.userIdle.stopTimer();\r\n this.userIdle.stopWatching();\r\n }\r\n });\r\n //Subscribe to the paneAdded subject ref. flex-layout.service\r\n this.gridService.paneAdded$.subscribe(pane => {\r\n this.addFloatingPane(pane.id, pane.header, pane.headerId, pane.isLinked);\r\n });\r\n }\r\n\r\n //Handle refresh action to maintain current dashboard and it's data (by saving the flex layout (to connect to the dynamic components in the HTML)\r\n //And the addWidget function in afterViewInit will populate the data)\r\n @HostListener('window:beforeunload', ['$event'])\r\n saveLayoutBeforeUnload(event: any) {\r\n if (!this.gridService.isResetting) {\r\n localStorage.setItem(\"dashboardLayout\", JSON.stringify(this.dashboard));\r\n localStorage.setItem(\"dashboardindex\", this.dashboardIndex.toString());\r\n localStorage.setItem('Map', JSON.stringify(this.gridService.contentIdMap));\r\n this.assignFireFunctionToComponents();\r\n\r\n\r\n }\r\n }\r\n\r\n loadDashboard() {\r\n // Set default dashboard initially\r\n this.dashboard = this.gridService.defaultDash;\r\n\r\n // Trigger change detection and assign fire functions\r\n this.cdr.detectChanges();\r\n this.assignFireFunctionToComponents();\r\n\r\n try {\r\n // Fetch dashboard layout data from localStorage\r\n const dashboardString = localStorage.getItem('dashboardLayoutLists');\r\n const dashboardIndexString = localStorage.getItem('dashboardindex');\r\n let dashboardLayoutString = localStorage.getItem('dashboardLayout');\r\n\r\n // Parse fetched data\r\n this.dashboardList = dashboardString ? JSON.parse(dashboardString) : [];\r\n\r\n // Initialize dashboardLayout if it's the first time and dashboardList exists\r\n if (!dashboardLayoutString && this.dashboardList.length > 0) {\r\n // Set the first dashboard in the list as the initial layout\r\n dashboardLayoutString = JSON.stringify(this.dashboardList[0]);\r\n localStorage.setItem('dashboardLayout', dashboardLayoutString);\r\n }\r\n\r\n const dashboardIndex = dashboardIndexString ? parseInt(dashboardIndexString, 10) : null;\r\n const parsedDashboardLayout = dashboardLayoutString ? JSON.parse(dashboardLayoutString) as IgcDockManagerLayout : null;\r\n\r\n // Check if we have any dashboards in the list\r\n if (this.dashboardList.length === 0) {\r\n // No dashboards, fall back to default dashboard\r\n this.dashboard = this.gridService.defaultDash;\r\n } else if (dashboardIndex !== null && dashboardIndex >= 0 && dashboardIndex < this.dashboardList.length) {\r\n // If a valid index is found, load the corresponding dashboard\r\n this.dashboard = parsedDashboardLayout || this.dashboardList[dashboardIndex];\r\n } else {\r\n // Invalid index, fallback to default dashboard\r\n this.dashboard = this.gridService.defaultDash;\r\n }\r\n // this.cdr.detectChanges();\r\n\r\n } catch (error) {\r\n // Handle any errors that occur during the loading process\r\n this.dashboard = this.gridService.defaultDash; // Fallback to default in case of an error\r\n }\r\n\r\n // Final console log to verify the loaded dashboard\r\n }\r\n assignFireFunctionToComponents(): void {\r\n const storedValue = localStorage.getItem('Map');\r\n\r\n // Check if the stored value is double-encoded and decode if necessary\r\n if (storedValue) {\r\n try {\r\n // Try parsing multiple levels if needed\r\n this.gridService.contentIdMap = JSON.parse(JSON.parse(storedValue));\r\n } catch (e) {\r\n // If it fails, it's probably only encoded once\r\n this.gridService.contentIdMap = JSON.parse(storedValue);\r\n }\r\n } else {\r\n // If no value in local storage, initialize as an empty object\r\n this.gridService.contentIdMap = this.gridService.contentIdMap;\r\n }\r\n this.cdr.detectChanges(); // Ensure the view is updated\r\n }\r\n\r\n\r\n\r\n getAllPanes(rootPane: IgcDockManagerPane): IgcContentPane[] {\r\n return this.gridService.getAllPanes(rootPane);\r\n }\r\n getAllFloatingPanes(floatingPanes: IgcDockManagerPane[]): IgcContentPane[] {\r\n return this.gridService.getAllFloatingPanes(floatingPanes);\r\n }\r\n checkSplitAndTabGroupPanes(): boolean {\r\n const rootPanes = this.dashboard.rootPane.panes || [];\r\n const floatingPanes = this.dashboard.floatingPanes.length ? this.dashboard.floatingPanes : [];\r\n const allPanes = [...rootPanes, ...floatingPanes];\r\n return this.gridService.checkSplitAndTabGroupPanes(allPanes);\r\n }\r\n\r\n//Initialize pane params\r\n setPaneParams(id: string, params: Omit
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
","/* (ignored) */","import { ExportAsConfig, ExportAsService } from \"ngx-export-as\";\r\nimport { Router } from \"@angular/router\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { NgxPrinterService } from \"ngx-printer\";\r\n\r\n@Component({\r\n selector: \"app-preview-invoice\",\r\n templateUrl: \"./preview-invoice.component.html\",\r\n styleUrls: [\"./preview-invoice.component.scss\"],\r\n})\r\nexport class PreviewInvoiceComponent implements OnInit {\r\n invoice: any;\r\n exportAsConfig: ExportAsConfig = {\r\n type: \"pdf\", // the type you want to download\r\n elementIdOrContent: \"print-section\",\r\n options: {\r\n jsPDF: { unit: \"in\", format: \"a4\", orientation: \"portrait\" },\r\n },\r\n // the id of html/table element\r\n };\r\n\r\n constructor(\r\n private router: Router,\r\n private exportService: ExportAsService,\r\n private printerService: NgxPrinterService\r\n ) {\r\n this.invoice = this.router.getCurrentNavigation().extras.state.invoice;\r\n }\r\n\r\n printerMarkerClicked() {\r\n this.printerService.printDiv(\"print-section\");\r\n }\r\n\r\n export() {\r\n this.exportService\r\n .save(this.exportAsConfig, \"INVOICE\")\r\n .subscribe((content) => {\r\n });\r\n }\r\n\r\n ngOnInit(): void {}\r\n}\r\n","\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n 0 && this.accService.Ticker\">\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ company.Reuters }}\r\n
\r\n 0 ? 'green' : 'red'\">\r\n {{ company.LAST_CHANGE | number : \"1.2-2\" }} ({{\r\n company.LAST_CHANGE_PRC | number : \"1.2-2\"\r\n }}%)\r\n \r\n 0\">\r\n \r\n
\r\n \r\n
\r\n \r\n {{\r\n translate.currentLang == \"en\"\r\n ? company.ENG_NAME\r\n : company.ARB_NAME\r\n }}\r\n
\r\n \r\n {{ company.LAST_TRADE_PRICE | currency : \"EGP\" : \"symbol\" }}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import { AccountService } from \"src/app/services/account.service\";\r\nimport { environment } from \"src/environments/environment\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { Component, Input, OnInit, SimpleChanges } from \"@angular/core\";\r\nimport {\r\n ApexAxisChartSeries,\r\n ApexChart,\r\n ApexTitleSubtitle,\r\n ApexDataLabels,\r\n ApexFill,\r\n ApexMarkers,\r\n ApexYAxis,\r\n ApexXAxis,\r\n ApexTooltip,\r\n} from \"ng-apexcharts\";\r\nimport * as moment from \"moment\";\r\nimport { ConfigService } from \"src/app/services/config.service\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\n\r\n//import { dataSeries } from './data-series';\r\n\r\n@Component({\r\n selector: \"app-new-trade-chart\",\r\n templateUrl: \"./new-trade-chart.component.html\",\r\n styleUrls: [\"./new-trade-chart.component.scss\"],\r\n})\r\nexport class NewTradeChartComponent implements OnInit {\r\n public series: ApexAxisChartSeries;\r\n public chart: ApexChart;\r\n public dataLabels: ApexDataLabels;\r\n public markers: ApexMarkers;\r\n public title: ApexTitleSubtitle;\r\n public fill: ApexFill;\r\n public yaxis: ApexYAxis;\r\n public xaxis: ApexXAxis;\r\n public tooltip: ApexTooltip;\r\n\r\n public resultData: any = [];\r\n public slicedResult: any;\r\n result: any;\r\n public companyReuters: string;\r\n @Input(\"symbol\") symbolCode;\r\n\r\n constructor(\r\n public httpClient: HttpClient,\r\n private accService: AccountService\r\n ) {\r\n this.getChartData();\r\n // this.initChartData();\r\n }\r\n\r\n getChartData() {\r\n this.resultData = [];\r\n }\r\n\r\n // CLOSE:5.67\r\n // HIGH:5.72\r\n // LOW:5.55\r\n // OPEN:5.7\r\n // REUTERS:'ATLC.CA'\r\n // SYMBOL_CODE:'EGS676N1C015'\r\n // VALUE_TRADED:0\r\n // VOLUME_TRADED:257095\r\n // x:'2021-08-22T00:00:00'\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n this.resultData = [];\r\n this.symbolCode = changes.symbolCode.currentValue;\r\n if (this.symbolCode != null) {\r\n this.getShareGraph(this.symbolCode).subscribe((res) => {\r\n let responseHistory = res[0].Data;\r\n this.companyReuters = res[0].Data[0][\"REUTERS\"];\r\n for (let item in responseHistory) {\r\n this.resultData.push({\r\n date: moment(responseHistory[item][\"x\"]).format(\"YYYY-MM-DD\"),\r\n value: [\r\n responseHistory[item][\"OPEN\"],\r\n responseHistory[item][\"HIGH\"],\r\n responseHistory[item][\"LOW\"],\r\n responseHistory[item][\"CLOSE\"],\r\n ],\r\n });\r\n }\r\n this.initChartData(responseHistory[0].REUTERS);\r\n });\r\n }\r\n }\r\n\r\n getShareGraph(symbol) {\r\n return this.httpClient.post(\r\n UrlConstants.feedUrl + \"/api/Feed/GetSymbolsChart\",\r\n {\r\n period: \"7\",\r\n SYMBOLS_CODE: [this.symbolCode],\r\n Nth: \"-1\",\r\n interval: \"1\",\r\n }\r\n );\r\n }\r\n\r\n ngOnInit() {}\r\n\r\n public modifyDateSyntax(x) {\r\n //this.result = x.split('-').join(', ');\r\n x = x.slice(120);\r\n let newDate = new Date(this.slicedResult);\r\n\r\n return newDate;\r\n }\r\n\r\n public initChartData(reuter): void {\r\n let graphData = [];\r\n for (let i = 0; i < this.resultData.length; i++) {\r\n graphData.push([this.resultData[i].date, this.resultData[i].value]);\r\n }\r\n\r\n this.series = [\r\n {\r\n name: reuter,\r\n data: graphData,\r\n color: \"#d3d3d3\",\r\n },\r\n ];\r\n // open,high,low,close\r\n this.chart = {\r\n type: \"candlestick\",\r\n stacked: false,\r\n height: 380,\r\n zoom: {\r\n type: \"x\",\r\n enabled: true,\r\n autoScaleYaxis: true,\r\n },\r\n toolbar: {\r\n autoSelected: \"zoom\",\r\n },\r\n };\r\n this.dataLabels = {\r\n enabled: false,\r\n };\r\n this.markers = {\r\n size: 5,\r\n colors: [\"#09404b\"],\r\n };\r\n // this.fill = {\r\n // type: \"gradient\",\r\n // gradient: {\r\n // shadeIntensity: 1,\r\n // inverseColors: false,\r\n // opacityFrom: 0.8,\r\n // opacityTo: 0,\r\n // stops: [0, 90, 100],\r\n // },\r\n // };\r\n\r\n this.yaxis = {\r\n labels: {\r\n formatter: function (val) {\r\n return val.toFixed(3).toString();\r\n },\r\n },\r\n title: {\r\n text: \"Price\",\r\n },\r\n };\r\n this.xaxis = {\r\n type: \"datetime\",\r\n };\r\n this.tooltip = {\r\n shared: false,\r\n theme: \"dark\",\r\n y: {\r\n formatter: function (val) {\r\n return val.toFixed(3).toString();\r\n },\r\n },\r\n };\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n
\r\n","import { TranslateService } from \"@ngx-translate/core\";\r\nimport { SECAuth, Parameter } from \"./../../models/login\";\r\nimport { first, map } from \"rxjs/operators\";\r\nimport {\r\n Component,\r\n ElementRef,\r\n Inject,\r\n Input,\r\n OnInit,\r\n ViewEncapsulation,\r\n} from \"@angular/core\";\r\nimport Keyboard from \"simple-keyboard\";\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from \"@angular/material/dialog\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport Swal from \"sweetalert2\";\r\nimport { ActivatedRoute, Router } from \"@angular/router\";\r\nimport jwt_decode from \"jwt-decode\";\r\n\r\n@Component({\r\n selector: \"app-twfa\",\r\n encapsulation: ViewEncapsulation.None,\r\n templateUrl: \"./twfa.component.html\",\r\n styleUrls: [\"./twfa.component.scss\"],\r\n})\r\nexport class TwfaComponent implements OnInit {\r\n value = \"\";\r\n secAuthReq: SECAuth = {} as SECAuth;\r\n token: any;\r\n ordinalNum: number;\r\n keyboard: Keyboard;\r\n passCount: any;\r\n carItems: any;\r\n arrayCount: number[] = [];\r\n tfa: any;\r\n // userName: any;\r\n // password: any;\r\n input: HTMLInputElement;\r\n firstInput: any;\r\n focus: any;\r\n remeberMe: boolean;\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: string,\r\n private accountService: AccountService,\r\n private elementRef: ElementRef\r\n \r\n \r\n\r\n
\r\n","import { GridsterItem } from \"angular-gridster2\";\r\nimport { Injectable } from \"@angular/core\";\r\nimport { Observable, Subject } from \"rxjs\";\r\nimport { MarketNewsComponent } from \"./../components/market-news/market-news.component\";\r\nimport { OrderBookComponent } from \"./../components/order-book/order-book.component\";\r\nimport { MarketTradesComponent } from \"./../components/market-trades/market-trades.component\";\r\nimport { MarketDepthComponent } from \"./../components/market-depth/market-depth.component\";\r\nimport { MarketDepthBidsComponent } from \"./../components/market-depth-bids/market-depth-bids.component\";\r\nimport { MarketDepthAsksComponent } from \"./../components/market-depth-asks/market-depth-asks.component\";\r\nimport { TradesComponent } from \"./../components/trades/trades.component\";\r\nimport { NewsComponent } from \"./../components/news/news.component\";\r\nimport { HistoricalComponent } from \"./../components/historical/historical.component\";\r\n//import { OrderReviewComponent } from \"./../components/order-review/order-review.component\";\r\nimport { DetailedQuotaComponent } from \"../screens/detailed-quota/detailed-quota.component\";\r\nimport { SlickMarketWatchComponent } from \"./../components/slick-market-watch/slick-market-watch.component\";\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { IdService } from '../services/contentId.service';\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { ToastrService } from \"ngx-toastr\";\r\nimport { CustomContentPane } from \"../screens/test/custom-content-pane.interface\";\r\nimport {\r\n IgcContentPane,\r\n IgcDockManagerComponent,\r\n IgcDockManagerLayout,\r\n IgcDockManagerPaneType,\r\n IgcPaneCloseEventArgs,\r\n IgcSplitPane,\r\n IgcSplitPaneOrientation,\r\n IgcTabGroupPane,\r\n IgcDockManagerPane\r\n} from \"docking-egid\";\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n})\r\n//________________________________________________________________________________________________________________________________________________\r\n//This service handles most of the logic retaining to the test/home component\r\n//________________________________________________________________________________________________________________________________________________\r\n\r\n//The paneAddedSubject is responsible for emmiting an update to the test/home component once a new pane is added (through add generic from nav bar component \r\n//or from the contextmenu/button in the slick-market-watch component)\r\n//The contentIdMap is responsible for linking each pane to a contentId accross all layouts and maintain intergity of the data\r\nexport class FlexLayoutService {\r\n private paneAddedSubject = new Subject<{ id: string, header: string, component: any, headerId: string, isLinked: boolean }>();\r\n paneAdded$ = this.paneAddedSubject.asObservable();\r\n public contentIdMap: Record\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n\r\n
\r\n","import { MarketTrades } from \"./../../models/company-trades\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { Component, Input, OnInit, SimpleChanges } from \"@angular/core\";\r\nimport { CompanyTrades } from \"src/app/models/company-trades\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\n\r\n@Component({\r\n selector: \"app-trades\",\r\n templateUrl: \"./trades.component.html\",\r\n styleUrls: [\"./trades.component.scss\"],\r\n})\r\nexport class TradesComponent implements OnInit {\r\n priceTrades: CompanyTrades;\r\n timeTrades: MarketTrades[];\r\n\r\n isTradesLoading: boolean;\r\n @Input() symbolCode: string;\r\n @Input() reuters: string;\r\n @Input() companyName: string;\r\n @Input() isLinked;\r\n isTime: any = true;\r\n\r\n constructor(\r\n private _service: ApiService,\r\n private signalService: SignalRService\r\n ) {\r\n this.signalService.tradeChanges.subscribe((res) => {\r\n if (this.reuters != null) {\r\n res.forEach((element) => {\r\n if (element.SEC_BORAD_ID == this.symbolCode) {\r\n if (this.isTime && this.timeTrades.length > 0) {\r\n this.timeTrades.unshift(element as MarketTrades);\r\n if (this.timeTrades?.length > 50) {\r\n this.timeTrades.length = 50;\r\n }\r\n } else this.fetchCompanyTradesByPrice();\r\n }\r\n });\r\n }\r\n });\r\n // }\r\n }\r\n\r\n ngOnInit(): void {\r\n this.signalService.connectTradesUpdates();\r\n }\r\n ngOnDestroy(): void {\r\n this.signalService.disconnectTradesSignalr();\r\n }\r\n\r\n toggleView(value) {\r\n if (this.symbolCode) this.isTradesLoading = true;\r\n this.isTime = value;\r\n if (value) this.fetchCompanyTradesByTime();\r\n else this.fetchCompanyTradesByPrice();\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n this.symbolCode = changes.symbolCode.currentValue;\r\n if (this.symbolCode) {\r\n this.isTradesLoading = true;\r\n if (this.isTime) this.fetchCompanyTradesByTime();\r\n else this.fetchCompanyTradesByPrice();\r\n }\r\n }\r\n\r\n fetchCompanyTradesByPrice() {\r\n // this.isTradesLoading = true;\r\n\r\n this._service.fetchCompanyTrades(this.symbolCode).subscribe((res) => {\r\n this.isTradesLoading = false;\r\n this.priceTrades = res as CompanyTrades;\r\n });\r\n }\r\n fetchCompanyTradesByTime() {\r\n this._service.fetchCompanyTradesByTime(this.symbolCode).subscribe((res) => {\r\n this.isTradesLoading = false;\r\n this.timeTrades = res as MarketTrades[];\r\n });\r\n }\r\n}\r\n","import { Pipe, PipeTransform } from \"@angular/core\";\r\n@Pipe({\r\n name: \"search\",\r\n})\r\nexport class SearchPipe implements PipeTransform {\r\n transform(value: any, args?: any): any {\r\n if (!args) {\r\n return value;\r\n }\r\n return value.filter(\r\n (val) =>\r\n val.ENG_NAME &&\r\n (val.ENG_NAME.toLocaleLowerCase().includes(args.toLocaleLowerCase()) ||\r\n val.ARB_NAME.toLocaleLowerCase().includes(args.toLocaleLowerCase()) ||\r\n val.SYMBOL_CODE.toLocaleLowerCase().includes(\r\n args.toLocaleLowerCase()\r\n ) ||\r\n val.Reuters.toLocaleLowerCase().includes(args.toLocaleLowerCase()))\r\n );\r\n }\r\n}\r\n","import {\r\n Component,\r\n EventEmitter,\r\n Input,\r\n Output,\r\n SimpleChanges,\r\n} from \"@angular/core\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\n\r\n@Component({\r\n selector: \"app-purchase-power-details\",\r\n templateUrl: \"./purchase-power-details.component.html\",\r\n styleUrls: [\"./purchase-power-details.component.scss\"],\r\n})\r\nexport class PurchasePowerDetailsComponent {\r\n @Input() purchasePower;\r\n @Input() blockingAmount;\r\n @Input() currencySelection;\r\n @Output() dismiss = new EventEmitter- \r\n \r\n\r\n
- \r\n \r\n
{{\"time\"|translate}}
\r\n \r\n \r\n - \r\n \r\n
{{\"price\"|translate}}
\r\n \r\n \r\n\r\n \r\n \r\n
{{\"recent-trades\" | translate}}\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n| {{\"time\"|translate}} | \r\n{{\"price\"|translate}} | \r\n{{\"qty\"|translate}} | \r\n{{\"change\"|translate}} | \r\n
|---|---|---|---|
| {{item.EXEC_TIME | date:'h:mm:ss'}} | \r\n0? 'green' : (item.CHANGE_PRC < 0)? 'red':''\">\r\n {{item.TRADE_PRICE}} | \r\n{{item.TRADE_VOLUME | number: \"1.0\":\"en-US\"}} | \r\n0? 'green' : (item.CHANGE_PRC < 0)? 'red':''\">\r\n {{item.CHANGE_PRC}} % | \r\n
| # | \r\n{{\"price\"|translate}} | \r\n{{\"qty\"|translate}} | \r\n
|---|---|---|
| {{item.Split}} | \r\n{{item.Price}} | \r\n{{item.Qty | number: \"1.0\":\"en-US\"}} | \r\n
\r\n
\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'inputCommaSepreated',\r\n pure: false\r\n})\r\nexport class InputCommaSepreatedPipe implements PipeTransform {\r\n\r\n transform(value: number | string, minFractionDigits: number = 0, maxFractionDigits: number = 2, locale: string = 'en'): string {\r\n return new Intl.NumberFormat(locale, {\r\n minimumFractionDigits: minFractionDigits,\r\n maximumFractionDigits: maxFractionDigits\r\n }).format(Number(value));\r\n}\r\n\r\n}\r\n","// This file can be replaced during build by using the `fileReplacements` array.\r\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\r\n// The list of file replacements can be found in `angular.json`.\r\n\r\nexport const environment = {\r\n production: false,\r\n backofficeUrl: \"https://boapi.egitdns.net\",\r\n globalDataApi: \"http://164.160.104.123:3030\",\r\n feedUrl: \"https://ticker.egidegypt.com\",\r\n recaptcha: {\r\n siteKey: \"6LePCWEfAAAAAIbSbj1pSyTZp_UDG5ItAS4ReI24\",\r\n },\r\n};\r\n\r\n// \"backofficeUrl\": \"http://164.160.104.163:9090\",\r\n// \"globalDataApi\": \"http://164.160.104.123:3030\",\r\n// \"feedUrl\": \"http://164.160.104.163:9090\"\r\n\r\n/*\r\n * For easier debugging in development mode, you can import the following file\r\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\r\n *\r\n * This import should be commented out in production mode because it will have a negative impact\r\n * on performance if an error is thrown.\r\n */\r\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\r\n","import { ConfigService } from \"./../../services/config.service\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { GridsterService } from \"./../../services/gridster.service\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport {\r\n Component,\r\n OnInit,\r\n QueryList,\r\n ViewChild,\r\n ViewChildren,\r\n} from \"@angular/core\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { environment } from \"src/environments/environment\";\r\nimport { NgZone, OnDestroy } from \"@angular/core\";\r\nimport { MatSelectChange } from \"@angular/material/select\";\r\nimport { fromEvent, merge, Subscription } from \"rxjs\";\r\nimport { debounceTime, filter } from \"rxjs/operators\";\r\nimport { MarketDepthAsksComponent } from \"src/app/components/market-depth-asks/market-depth-asks.component\";\r\nimport { MarketDepthBidsComponent } from \"src/app/components/market-depth-bids/market-depth-bids.component\";\r\nimport { MarketDepthComponent } from \"src/app/components/market-depth/market-depth.component\";\r\nimport { MarketTradesComponent } from \"src/app/components/market-trades/market-trades.component\";\r\nimport { MarketWatchTableComponent } from \"src/app/components/market-watch-table/market-watch-table.component\";\r\nimport { NewsComponent } from \"src/app/components/news/news.component\";\r\nimport { TradesComponent } from \"src/app/components/trades/trades.component\";\r\nimport { KtdGridLayout, KtdGridLayoutItem } from \"./grid.definitions\";\r\nimport {\r\n KtdGridComponent,\r\n ktdTrackById,\r\n KtdDragStart,\r\n KtdResizeStart,\r\n KtdDragEnd,\r\n KtdResizeEnd,\r\n} from \"@katoid/angular-grid-layout\";\r\nimport { HistoricalComponent } from \"src/app/components/historical/historical.component\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\n\r\n@Component({\r\n selector: \"app-home\",\r\n templateUrl: \"./home-new.component.html\",\r\n styleUrls: [\"./home-new.component.scss\"],\r\n})\r\nexport class HomeNewComponent implements OnInit {\r\n isCompaniesLoading: boolean;\r\n selectedCompanySymbol: any;\r\n @ViewChildren(\"MWT\") components: QueryList\r\n \r\n
\r\n \r\n \r\n {{'purchase-power-details'|translate}}\r\n
{{currencySelection|translate}}
\r\n \r\n\r\n \r\n
\r\n\r\n
\r\n\r\n| \r\n | {{'start-balance'|translate}} | \r\n 0),\r\n 'red':(filteredBlockingAmount?.bookbalance<0),\r\n \r\n 'text-color-theme':(filteredBlockingAmount?.bookbalance==0)}\">{{(filteredBlockingAmount?.bookbalance || 0)| number:\r\n \"1.0\":\"en-US\"}} | \r\n
| + | \r\n{{'today-sales'|translate}} | \r\n {{(filteredBlockingAmount?.penSell || 0)| number: \"1.0\":\"en-US\"}} | \r\n
| + | \r\n{{'margin'|translate}} | \r\n {{(filteredBlockingAmount?.mrgLmt || 0)| number: \"1.0\":\"en-US\"}} | \r\n
| + | \r\n{{'day-limit'|translate}} | \r\n{{(filteredBlockingAmount?.crdLmt || 0)| number: \"1.0\":\"en-US\"}} | \r\n
| - | \r\n{{'buy-orders'|translate}} | \r\n {{(filteredBlockingAmount?.pendBuy || 0)| number: \"1.0\":\"en-US\"}} | \r\n
| - | \r\n{{'withdrawal-requests'|translate}} | \r\n {{(filteredBlockingAmount?.withHeldAmt || 0)| number: \"1.0\":\"en-US\"}} | \r\n
| \r\n | {{'purchase-power'|translate}} | \r\n0),\r\n 'red':(purchasePower<0),\r\n 'text-color-theme':(purchasePower==0)}\">{{(purchasePower || 0)| number: \"1.0\":\"en-US\"}} | \r\n
\r\n
\r\n \r\n {{'withdrawalBalance'|translate}} \r\n
\r\n\r\n
\r\n \r\n
\r\n {{'EGP'|translate}}
\r\n {{ egpWithdraw || 0 | number}}
\r\n \r\n
\r\n {{'USD'|translate}}
\r\n {{ usdWithdraw || 0 | number}}
\r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'checkArray'\r\n})\r\nexport class CheckArrayPipe implements PipeTransform {\r\n\r\n transform(array: any, key: any): any {\r\n let val = array.find(v => v.Index == key);\r\n return val? false : true;\r\n }\r\n\r\n}\r\n","import { HttpClient} from \"@angular/common/http\";\r\nimport { Injectable } from \"@angular/core\";\r\nimport { CompanyNews } from \"../models/company-news\";\r\nimport { OrderFilter } from \"../models/order\";\r\nimport { UrlConstants } from \"../models/urlConstants\";\r\nimport { SearchObj } from \"../models/report\";\r\nimport { IPO, IPODetails, IpoDocuments } from \"../models/IPO\";\r\n\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n})\r\nexport class ApiService {\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n //MARKET APIS\r\n\r\n fetchTodayMarketWatch() {\r\n return this.http.get(\r\n `${UrlConstants.feedUrl}/api/Feed/GetTodayMarketWatch`\r\n );\r\n }\r\n\r\n fetchNotMarketSymbols() {\r\n return this.http.get(`${UrlConstants.feedUrl}/api/Feed/SearchMarketWatch`);\r\n }\r\n\r\n fetchAllMarketWatch() {\r\n return this.http.get(`${UrlConstants.feedUrl}/api/Feed/GetAllMarketWatch`);\r\n }\r\n\r\n fetchCompany(symbol) {\r\n return this.http.get(\r\n `${UrlConstants.feedUrl}/api/Feed/GetMarketWatchForSymbol?SYMBOL_CODE=` +\r\n symbol\r\n );\r\n }\r\n\r\n fetchEGX(egx) {\r\n return this.http.get(\r\n `${UrlConstants.feedUrl}/api/Feed/GetEGXMarketWatch?egxName=` + egx\r\n );\r\n }\r\n fetchDepartments() {\r\n return this.http.get(\r\n `${UrlConstants.backofficeUrl}/api/Settings/GetDepartments`\r\n );\r\n }\r\n\r\n fetchEgxMarket(x) {\r\n return this.http.get(\r\n `${UrlConstants.feedUrl}/api/Feed/GetEGXMarketWatchByMarket?marketCode=` +\r\n x\r\n );\r\n }\r\n\r\n fetchCompanyNews(symbolCode) {\r\n return this.http.get\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{company.Reuters}}\r\n
\r\n 0?'green' : 'red'\">\r\n {{company.LAST_CHANGE_PRC | number : '1.2-2'}}%\r\n 0\">\r\n \r\n
\r\n \r\n
\r\n \r\n {{company.ENG_NAME}}\r\n
\r\n \r\n {{company.LAST_TRADE_PRICE | currency:\"EGP\":\"symbol\"}}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
","import { Component, Input, OnInit } from \"@angular/core\";\r\n\r\n@Component({\r\n selector: \"app-password-validation-section\",\r\n templateUrl: \"./password-validation-section.component.html\",\r\n styleUrls: [\"./password-validation-section.component.scss\"],\r\n})\r\nexport class PasswordValidationSectionComponent implements OnInit {\r\n @Input() control;\r\n\r\n constructor() {}\r\n\r\n ngOnInit(): void {}\r\n}\r\n","\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n {{\"portfolio\"|translate}}\r\n
\r\n \r\n 0\" class=\"my-2\">\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n 0\">\r\n 0\">\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{'no-portfolio'|translate}}
\r\n| {{'actions'|translate}} | \r\n{{'symbol' | translate }} | \r\n{{'qty'|translate}} | \r\n{{\"custodian\"|translate}} | \r\n{{\"current-price\"|translate}} | \r\n{{\"cost-price\"|translate}} | \r\n{{\"mkt-value\"|translate}} | \r\n \r\n{{\"cost-value\"|translate}} | \r\nG/L | \r\nG/L % | \r\n{{\"weight\"|translate}} | \r\n||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \r\n \r\n \r\n | \r\n\r\n {{\r\n (translate.currentLang=='en')\r\n ?item.SymbolNameEn\r\n :item.SymbolNameAr\r\n }}\r\n \r\n \r\n | \r\n\r\n \r\n {{item.Qty | number: \"1.0\":\"en-US\"}}\r\n \r\n | \r\n {{(translate.currentLang=='en')?item.CustodianNameE:item.CustodianNameA}} | \r\n{{item.MarketPrice}} | \r\n{{item.AvgCost }} | \r\n{{item.MarketValue | number: \"1.2-2\":\"en-US\"}} | \r\n \r\n{{item.CostValue | number: \"1.2-2\":\"en-US\"}} | \r\n0 ? 'green': item.GL < 0? 'red':'white'\">{{item.GL | number:\r\n \"1.2-2\":\"en-US\"}}\r\n | \r\n0 ? 'green': item.GL < 0? 'red':'white'\">{{item.GLPerc}}% | \r\n{{item.Weight}} | \r\n
| \r\n | {{'norm'|translate}} | \r\n{{'blk'|translate}} | \r\n{{'avb'|translate}} | \r\n
|---|---|---|---|
| {{'setteled'|translate}} | \r\n{{item?.SetteledQty | number}} | \r\n{{item?.BlkSetteledQty | number}} | \r\n{{item?.AvbSetteledQty | number}} | \r\n
| {{'t0'|translate}} | \r\n{{item?.TPlusZeroQty| number}} | \r\n{{item?.BlkTPlusZeroQty| number}} | \r\n{{item?.AvbTPlusZeroQty| number}} | \r\n
| {{'t1'|translate}} | \r\n{{item?.TPlusOneQty| number}} | \r\n{{item?.BlkTPlusOneQty| number}} | \r\n{{item?.AvbTPlusOneQty| number}} | \r\n
| {{'un-setteled'|translate}} | \r\n{{item?.NormalQty| number}} | \r\n- | \r\n- | \r\n
Total
\r\n{{userPortfolio?.TotalMarketValue | number: \"1.2-2\":\"en-US\"}}
\r\n{{userPortfolio?.TotalCostValue | number: \"1.2-2\":\"en-US\"}}
\r\n0? 'green' : 'red'\">{{userPortfolio?.TotalGL | number:\r\n \"1.2-2\":\"en-US\"}}
\r\n0? 'green' : 'red'\">{{userPortfolio?.TotalGLPer | number:\r\n \"1.2-2\":\"en-US\"}}%
\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'ordinal'\r\n})\r\nexport class OrdinalPipe implements PipeTransform {\r\n\r\n transform(int) {\r\n const ones = +int % 10, tens = +int % 100 - ones;\r\n return int + [\"th\",\"st\",\"nd\",\"rd\"][ tens === 10 || ones > 3 ? 0 : ones ];\r\n}\r\n\r\n}\r\n","import { TranslateService } from \"@ngx-translate/core\";\r\nimport { Component, Inject, OnInit } from \"@angular/core\";\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from \"@angular/material/dialog\";\r\n\r\n@Component({\r\n selector: \"app-confirmation\",\r\n templateUrl: \"./confirmation.component.html\",\r\n styleUrls: [\"./confirmation.component.scss\"],\r\n})\r\nexport class ConfirmationComponent implements OnInit {\r\n message: string = \"Are you sure?\";\r\n confirmButtonText = \"Yes\";\r\n cancelButtonText = \"Cancel\";\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) private data: any,\r\n public translate: TranslateService,\r\n private dialogRef: MatDialogRef\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n","/*!\r\n * Chart.js v2.9.3\r\n * https://www.chartjs.org\r\n * (c) 2019 Chart.js Contributors\r\n * Released under the MIT License\r\n */\r\n!(function (t, e) {\r\n \"object\" == typeof exports && \"undefined\" != typeof module\r\n ? (module.exports = e())\r\n : \"function\" == typeof define && define.amd\r\n ? define(e)\r\n : ((t = t || self).Chart = e());\r\n})(this, function () {\r\n \"use strict\";\r\n \"undefined\" != typeof globalThis\r\n ? globalThis\r\n : \"undefined\" != typeof window\r\n ? window\r\n : \"undefined\" != typeof global\r\n ? global\r\n : \"undefined\" != typeof self && self;\r\n function t() {\r\n throw new Error(\r\n \"Dynamic requires are not currently supported by rollup-plugin-commonjs\"\r\n );\r\n }\r\n function e(t, e) {\r\n return t((e = { exports: {} }), e.exports), e.exports;\r\n }\r\n var n = {\r\n aliceblue: [240, 248, 255],\r\n antiquewhite: [250, 235, 215],\r\n aqua: [0, 255, 255],\r\n aquamarine: [127, 255, 212],\r\n azure: [240, 255, 255],\r\n beige: [245, 245, 220],\r\n bisque: [255, 228, 196],\r\n black: [0, 0, 0],\r\n blanchedalmond: [255, 235, 205],\r\n blue: [0, 0, 255],\r\n blueviolet: [138, 43, 226],\r\n brown: [165, 42, 42],\r\n burlywood: [222, 184, 135],\r\n cadetblue: [95, 158, 160],\r\n chartreuse: [127, 255, 0],\r\n chocolate: [210, 105, 30],\r\n coral: [255, 127, 80],\r\n cornflowerblue: [100, 149, 237],\r\n cornsilk: [255, 248, 220],\r\n crimson: [220, 20, 60],\r\n cyan: [0, 255, 255],\r\n darkblue: [0, 0, 139],\r\n darkcyan: [0, 139, 139],\r\n darkgoldenrod: [184, 134, 11],\r\n darkgray: [169, 169, 169],\r\n darkgreen: [0, 100, 0],\r\n darkgrey: [169, 169, 169],\r\n darkkhaki: [189, 183, 107],\r\n darkmagenta: [139, 0, 139],\r\n darkolivegreen: [85, 107, 47],\r\n darkorange: [255, 140, 0],\r\n darkorchid: [153, 50, 204],\r\n darkred: [139, 0, 0],\r\n darksalmon: [233, 150, 122],\r\n darkseagreen: [143, 188, 143],\r\n darkslateblue: [72, 61, 139],\r\n darkslategray: [47, 79, 79],\r\n darkslategrey: [47, 79, 79],\r\n darkturquoise: [0, 206, 209],\r\n darkviolet: [148, 0, 211],\r\n deeppink: [255, 20, 147],\r\n deepskyblue: [0, 191, 255],\r\n dimgray: [105, 105, 105],\r\n dimgrey: [105, 105, 105],\r\n dodgerblue: [30, 144, 255],\r\n firebrick: [178, 34, 34],\r\n floralwhite: [255, 250, 240],\r\n forestgreen: [34, 139, 34],\r\n fuchsia: [255, 0, 255],\r\n gainsboro: [220, 220, 220],\r\n ghostwhite: [248, 248, 255],\r\n gold: [255, 215, 0],\r\n goldenrod: [218, 165, 32],\r\n gray: [128, 128, 128],\r\n green: [0, 128, 0],\r\n greenyellow: [173, 255, 47],\r\n grey: [128, 128, 128],\r\n honeydew: [240, 255, 240],\r\n hotpink: [255, 105, 180],\r\n indianred: [205, 92, 92],\r\n indigo: [75, 0, 130],\r\n ivory: [255, 255, 240],\r\n khaki: [240, 230, 140],\r\n lavender: [230, 230, 250],\r\n lavenderblush: [255, 240, 245],\r\n lawngreen: [124, 252, 0],\r\n lemonchiffon: [255, 250, 205],\r\n lightblue: [173, 216, 230],\r\n lightcoral: [240, 128, 128],\r\n lightcyan: [224, 255, 255],\r\n lightgoldenrodyellow: [250, 250, 210],\r\n lightgray: [211, 211, 211],\r\n lightgreen: [144, 238, 144],\r\n lightgrey: [211, 211, 211],\r\n lightpink: [255, 182, 193],\r\n lightsalmon: [255, 160, 122],\r\n lightseagreen: [32, 178, 170],\r\n lightskyblue: [135, 206, 250],\r\n lightslategray: [119, 136, 153],\r\n lightslategrey: [119, 136, 153],\r\n lightsteelblue: [176, 196, 222],\r\n lightyellow: [255, 255, 224],\r\n lime: [0, 255, 0],\r\n limegreen: [50, 205, 50],\r\n linen: [250, 240, 230],\r\n magenta: [255, 0, 255],\r\n maroon: [128, 0, 0],\r\n mediumaquamarine: [102, 205, 170],\r\n mediumblue: [0, 0, 205],\r\n mediumorchid: [186, 85, 211],\r\n mediumpurple: [147, 112, 219],\r\n mediumseagreen: [60, 179, 113],\r\n mediumslateblue: [123, 104, 238],\r\n mediumspringgreen: [0, 250, 154],\r\n mediumturquoise: [72, 209, 204],\r\n mediumvioletred: [199, 21, 133],\r\n midnightblue: [25, 25, 112],\r\n mintcream: [245, 255, 250],\r\n mistyrose: [255, 228, 225],\r\n moccasin: [255, 228, 181],\r\n navajowhite: [255, 222, 173],\r\n navy: [0, 0, 128],\r\n oldlace: [253, 245, 230],\r\n olive: [128, 128, 0],\r\n olivedrab: [107, 142, 35],\r\n orange: [255, 165, 0],\r\n orangered: [255, 69, 0],\r\n orchid: [218, 112, 214],\r\n palegoldenrod: [238, 232, 170],\r\n palegreen: [152, 251, 152],\r\n paleturquoise: [175, 238, 238],\r\n palevioletred: [219, 112, 147],\r\n papayawhip: [255, 239, 213],\r\n peachpuff: [255, 218, 185],\r\n peru: [205, 133, 63],\r\n pink: [255, 192, 203],\r\n plum: [221, 160, 221],\r\n powderblue: [176, 224, 230],\r\n purple: [128, 0, 128],\r\n rebeccapurple: [102, 51, 153],\r\n red: [255, 0, 0],\r\n rosybrown: [188, 143, 143],\r\n royalblue: [65, 105, 225],\r\n saddlebrown: [139, 69, 19],\r\n salmon: [250, 128, 114],\r\n sandybrown: [244, 164, 96],\r\n seagreen: [46, 139, 87],\r\n seashell: [255, 245, 238],\r\n sienna: [160, 82, 45],\r\n silver: [192, 192, 192],\r\n skyblue: [135, 206, 235],\r\n slateblue: [106, 90, 205],\r\n slategray: [112, 128, 144],\r\n slategrey: [112, 128, 144],\r\n snow: [255, 250, 250],\r\n springgreen: [0, 255, 127],\r\n steelblue: [70, 130, 180],\r\n tan: [210, 180, 140],\r\n teal: [0, 128, 128],\r\n thistle: [216, 191, 216],\r\n tomato: [255, 99, 71],\r\n turquoise: [64, 224, 208],\r\n violet: [238, 130, 238],\r\n wheat: [245, 222, 179],\r\n white: [255, 255, 255],\r\n whitesmoke: [245, 245, 245],\r\n yellow: [255, 255, 0],\r\n yellowgreen: [154, 205, 50],\r\n },\r\n i = e(function (t) {\r\n var e = {};\r\n for (var i in n) n.hasOwnProperty(i) && (e[n[i]] = i);\r\n var a = (t.exports = {\r\n rgb: { channels: 3, labels: \"rgb\" },\r\n hsl: { channels: 3, labels: \"hsl\" },\r\n hsv: { channels: 3, labels: \"hsv\" },\r\n hwb: { channels: 3, labels: \"hwb\" },\r\n cmyk: { channels: 4, labels: \"cmyk\" },\r\n xyz: { channels: 3, labels: \"xyz\" },\r\n lab: { channels: 3, labels: \"lab\" },\r\n lch: { channels: 3, labels: \"lch\" },\r\n hex: { channels: 1, labels: [\"hex\"] },\r\n keyword: { channels: 1, labels: [\"keyword\"] },\r\n ansi16: { channels: 1, labels: [\"ansi16\"] },\r\n ansi256: { channels: 1, labels: [\"ansi256\"] },\r\n hcg: { channels: 3, labels: [\"h\", \"c\", \"g\"] },\r\n apple: { channels: 3, labels: [\"r16\", \"g16\", \"b16\"] },\r\n gray: { channels: 1, labels: [\"gray\"] },\r\n });\r\n for (var r in a)\r\n if (a.hasOwnProperty(r)) {\r\n if (!(\"channels\" in a[r]))\r\n throw new Error(\"missing channels property: \" + r);\r\n if (!(\"labels\" in a[r]))\r\n throw new Error(\"missing channel labels property: \" + r);\r\n if (a[r].labels.length !== a[r].channels)\r\n throw new Error(\"channel and label counts mismatch: \" + r);\r\n var o = a[r].channels,\r\n s = a[r].labels;\r\n delete a[r].channels,\r\n delete a[r].labels,\r\n Object.defineProperty(a[r], \"channels\", { value: o }),\r\n Object.defineProperty(a[r], \"labels\", { value: s });\r\n }\r\n (a.rgb.hsl = function (t) {\r\n var e,\r\n n,\r\n i = t[0] / 255,\r\n a = t[1] / 255,\r\n r = t[2] / 255,\r\n o = Math.min(i, a, r),\r\n s = Math.max(i, a, r),\r\n l = s - o;\r\n return (\r\n s === o\r\n ? (e = 0)\r\n : i === s\r\n ? (e = (a - r) / l)\r\n : a === s\r\n ? (e = 2 + (r - i) / l)\r\n : r === s && (e = 4 + (i - a) / l),\r\n (e = Math.min(60 * e, 360)) < 0 && (e += 360),\r\n (n = (o + s) / 2),\r\n [\r\n e,\r\n 100 * (s === o ? 0 : n <= 0.5 ? l / (s + o) : l / (2 - s - o)),\r\n 100 * n,\r\n ]\r\n );\r\n }),\r\n (a.rgb.hsv = function (t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o = t[0] / 255,\r\n s = t[1] / 255,\r\n l = t[2] / 255,\r\n u = Math.max(o, s, l),\r\n d = u - Math.min(o, s, l),\r\n h = function (t) {\r\n return (u - t) / 6 / d + 0.5;\r\n };\r\n return (\r\n 0 === d\r\n ? (a = r = 0)\r\n : ((r = d / u),\r\n (e = h(o)),\r\n (n = h(s)),\r\n (i = h(l)),\r\n o === u\r\n ? (a = i - n)\r\n : s === u\r\n ? (a = 1 / 3 + e - i)\r\n : l === u && (a = 2 / 3 + n - e),\r\n a < 0 ? (a += 1) : a > 1 && (a -= 1)),\r\n [360 * a, 100 * r, 100 * u]\r\n );\r\n }),\r\n (a.rgb.hwb = function (t) {\r\n var e = t[0],\r\n n = t[1],\r\n i = t[2];\r\n return [\r\n a.rgb.hsl(t)[0],\r\n 100 * ((1 / 255) * Math.min(e, Math.min(n, i))),\r\n 100 * (i = 1 - (1 / 255) * Math.max(e, Math.max(n, i))),\r\n ];\r\n }),\r\n (a.rgb.cmyk = function (t) {\r\n var e,\r\n n = t[0] / 255,\r\n i = t[1] / 255,\r\n a = t[2] / 255;\r\n return [\r\n 100 *\r\n ((1 - n - (e = Math.min(1 - n, 1 - i, 1 - a))) / (1 - e) || 0),\r\n 100 * ((1 - i - e) / (1 - e) || 0),\r\n 100 * ((1 - a - e) / (1 - e) || 0),\r\n 100 * e,\r\n ];\r\n }),\r\n (a.rgb.keyword = function (t) {\r\n var i = e[t];\r\n if (i) return i;\r\n var a,\r\n r,\r\n o,\r\n s = 1 / 0;\r\n for (var l in n)\r\n if (n.hasOwnProperty(l)) {\r\n var u = n[l],\r\n d =\r\n ((r = t),\r\n (o = u),\r\n Math.pow(r[0] - o[0], 2) +\r\n Math.pow(r[1] - o[1], 2) +\r\n Math.pow(r[2] - o[2], 2));\r\n d < s && ((s = d), (a = l));\r\n }\r\n return a;\r\n }),\r\n (a.keyword.rgb = function (t) {\r\n return n[t];\r\n }),\r\n (a.rgb.xyz = function (t) {\r\n var e = t[0] / 255,\r\n n = t[1] / 255,\r\n i = t[2] / 255;\r\n return [\r\n 100 *\r\n (0.4124 *\r\n (e =\r\n e > 0.04045\r\n ? Math.pow((e + 0.055) / 1.055, 2.4)\r\n : e / 12.92) +\r\n 0.3576 *\r\n (n =\r\n n > 0.04045\r\n ? Math.pow((n + 0.055) / 1.055, 2.4)\r\n : n / 12.92) +\r\n 0.1805 *\r\n (i =\r\n i > 0.04045\r\n ? Math.pow((i + 0.055) / 1.055, 2.4)\r\n : i / 12.92)),\r\n 100 * (0.2126 * e + 0.7152 * n + 0.0722 * i),\r\n 100 * (0.0193 * e + 0.1192 * n + 0.9505 * i),\r\n ];\r\n }),\r\n (a.rgb.lab = function (t) {\r\n var e = a.rgb.xyz(t),\r\n n = e[0],\r\n i = e[1],\r\n r = e[2];\r\n return (\r\n (i /= 100),\r\n (r /= 108.883),\r\n (n =\r\n (n /= 95.047) > 0.008856\r\n ? Math.pow(n, 1 / 3)\r\n : 7.787 * n + 16 / 116),\r\n [\r\n 116 *\r\n (i = i > 0.008856 ? Math.pow(i, 1 / 3) : 7.787 * i + 16 / 116) -\r\n 16,\r\n 500 * (n - i),\r\n 200 *\r\n (i -\r\n (r =\r\n r > 0.008856 ? Math.pow(r, 1 / 3) : 7.787 * r + 16 / 116)),\r\n ]\r\n );\r\n }),\r\n (a.hsl.rgb = function (t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o = t[0] / 360,\r\n s = t[1] / 100,\r\n l = t[2] / 100;\r\n if (0 === s) return [(r = 255 * l), r, r];\r\n (e = 2 * l - (n = l < 0.5 ? l * (1 + s) : l + s - l * s)),\r\n (a = [0, 0, 0]);\r\n for (var u = 0; u < 3; u++)\r\n (i = o + (1 / 3) * -(u - 1)) < 0 && i++,\r\n i > 1 && i--,\r\n (r =\r\n 6 * i < 1\r\n ? e + 6 * (n - e) * i\r\n : 2 * i < 1\r\n ? n\r\n : 3 * i < 2\r\n ? e + (n - e) * (2 / 3 - i) * 6\r\n : e),\r\n (a[u] = 255 * r);\r\n return a;\r\n }),\r\n (a.hsl.hsv = function (t) {\r\n var e = t[0],\r\n n = t[1] / 100,\r\n i = t[2] / 100,\r\n a = n,\r\n r = Math.max(i, 0.01);\r\n return (\r\n (n *= (i *= 2) <= 1 ? i : 2 - i),\r\n (a *= r <= 1 ? r : 2 - r),\r\n [\r\n e,\r\n 100 * (0 === i ? (2 * a) / (r + a) : (2 * n) / (i + n)),\r\n 100 * ((i + n) / 2),\r\n ]\r\n );\r\n }),\r\n (a.hsv.rgb = function (t) {\r\n var e = t[0] / 60,\r\n n = t[1] / 100,\r\n i = t[2] / 100,\r\n a = Math.floor(e) % 6,\r\n r = e - Math.floor(e),\r\n o = 255 * i * (1 - n),\r\n s = 255 * i * (1 - n * r),\r\n l = 255 * i * (1 - n * (1 - r));\r\n switch (((i *= 255), a)) {\r\n case 0:\r\n return [i, l, o];\r\n case 1:\r\n return [s, i, o];\r\n case 2:\r\n return [o, i, l];\r\n case 3:\r\n return [o, s, i];\r\n case 4:\r\n return [l, o, i];\r\n case 5:\r\n return [i, o, s];\r\n }\r\n }),\r\n (a.hsv.hsl = function (t) {\r\n var e,\r\n n,\r\n i,\r\n a = t[0],\r\n r = t[1] / 100,\r\n o = t[2] / 100,\r\n s = Math.max(o, 0.01);\r\n return (\r\n (i = (2 - r) * o),\r\n (n = r * s),\r\n [\r\n a,\r\n 100 * (n = (n /= (e = (2 - r) * s) <= 1 ? e : 2 - e) || 0),\r\n 100 * (i /= 2),\r\n ]\r\n );\r\n }),\r\n (a.hwb.rgb = function (t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l = t[0] / 360,\r\n u = t[1] / 100,\r\n d = t[2] / 100,\r\n h = u + d;\r\n switch (\r\n (h > 1 && ((u /= h), (d /= h)),\r\n (i = 6 * l - (e = Math.floor(6 * l))),\r\n 0 != (1 & e) && (i = 1 - i),\r\n (a = u + i * ((n = 1 - d) - u)),\r\n e)\r\n ) {\r\n default:\r\n case 6:\r\n case 0:\r\n (r = n), (o = a), (s = u);\r\n break;\r\n case 1:\r\n (r = a), (o = n), (s = u);\r\n break;\r\n case 2:\r\n (r = u), (o = n), (s = a);\r\n break;\r\n case 3:\r\n (r = u), (o = a), (s = n);\r\n break;\r\n case 4:\r\n (r = a), (o = u), (s = n);\r\n break;\r\n case 5:\r\n (r = n), (o = u), (s = a);\r\n }\r\n return [255 * r, 255 * o, 255 * s];\r\n }),\r\n (a.cmyk.rgb = function (t) {\r\n var e = t[0] / 100,\r\n n = t[1] / 100,\r\n i = t[2] / 100,\r\n a = t[3] / 100;\r\n return [\r\n 255 * (1 - Math.min(1, e * (1 - a) + a)),\r\n 255 * (1 - Math.min(1, n * (1 - a) + a)),\r\n 255 * (1 - Math.min(1, i * (1 - a) + a)),\r\n ];\r\n }),\r\n (a.xyz.rgb = function (t) {\r\n var e,\r\n n,\r\n i,\r\n a = t[0] / 100,\r\n r = t[1] / 100,\r\n o = t[2] / 100;\r\n return (\r\n (n = -0.9689 * a + 1.8758 * r + 0.0415 * o),\r\n (i = 0.0557 * a + -0.204 * r + 1.057 * o),\r\n (e =\r\n (e = 3.2406 * a + -1.5372 * r + -0.4986 * o) > 0.0031308\r\n ? 1.055 * Math.pow(e, 1 / 2.4) - 0.055\r\n : 12.92 * e),\r\n (n =\r\n n > 0.0031308 ? 1.055 * Math.pow(n, 1 / 2.4) - 0.055 : 12.92 * n),\r\n (i =\r\n i > 0.0031308 ? 1.055 * Math.pow(i, 1 / 2.4) - 0.055 : 12.92 * i),\r\n [\r\n 255 * (e = Math.min(Math.max(0, e), 1)),\r\n 255 * (n = Math.min(Math.max(0, n), 1)),\r\n 255 * (i = Math.min(Math.max(0, i), 1)),\r\n ]\r\n );\r\n }),\r\n (a.xyz.lab = function (t) {\r\n var e = t[0],\r\n n = t[1],\r\n i = t[2];\r\n return (\r\n (n /= 100),\r\n (i /= 108.883),\r\n (e =\r\n (e /= 95.047) > 0.008856\r\n ? Math.pow(e, 1 / 3)\r\n : 7.787 * e + 16 / 116),\r\n [\r\n 116 *\r\n (n = n > 0.008856 ? Math.pow(n, 1 / 3) : 7.787 * n + 16 / 116) -\r\n 16,\r\n 500 * (e - n),\r\n 200 *\r\n (n -\r\n (i =\r\n i > 0.008856 ? Math.pow(i, 1 / 3) : 7.787 * i + 16 / 116)),\r\n ]\r\n );\r\n }),\r\n (a.lab.xyz = function (t) {\r\n var e,\r\n n,\r\n i,\r\n a = t[0];\r\n (e = t[1] / 500 + (n = (a + 16) / 116)), (i = n - t[2] / 200);\r\n var r = Math.pow(n, 3),\r\n o = Math.pow(e, 3),\r\n s = Math.pow(i, 3);\r\n return (\r\n (n = r > 0.008856 ? r : (n - 16 / 116) / 7.787),\r\n (e = o > 0.008856 ? o : (e - 16 / 116) / 7.787),\r\n (i = s > 0.008856 ? s : (i - 16 / 116) / 7.787),\r\n [(e *= 95.047), (n *= 100), (i *= 108.883)]\r\n );\r\n }),\r\n (a.lab.lch = function (t) {\r\n var e,\r\n n = t[0],\r\n i = t[1],\r\n a = t[2];\r\n return (\r\n (e = (360 * Math.atan2(a, i)) / 2 / Math.PI) < 0 && (e += 360),\r\n [n, Math.sqrt(i * i + a * a), e]\r\n );\r\n }),\r\n (a.lch.lab = function (t) {\r\n var e,\r\n n = t[0],\r\n i = t[1];\r\n return (\r\n (e = (t[2] / 360) * 2 * Math.PI),\r\n [n, i * Math.cos(e), i * Math.sin(e)]\r\n );\r\n }),\r\n (a.rgb.ansi16 = function (t) {\r\n var e = t[0],\r\n n = t[1],\r\n i = t[2],\r\n r = 1 in arguments ? arguments[1] : a.rgb.hsv(t)[2];\r\n if (0 === (r = Math.round(r / 50))) return 30;\r\n var o =\r\n 30 +\r\n ((Math.round(i / 255) << 2) |\r\n (Math.round(n / 255) << 1) |\r\n Math.round(e / 255));\r\n return 2 === r && (o += 60), o;\r\n }),\r\n (a.hsv.ansi16 = function (t) {\r\n return a.rgb.ansi16(a.hsv.rgb(t), t[2]);\r\n }),\r\n (a.rgb.ansi256 = function (t) {\r\n var e = t[0],\r\n n = t[1],\r\n i = t[2];\r\n return e === n && n === i\r\n ? e < 8\r\n ? 16\r\n : e > 248\r\n ? 231\r\n : Math.round(((e - 8) / 247) * 24) + 232\r\n : 16 +\r\n 36 * Math.round((e / 255) * 5) +\r\n 6 * Math.round((n / 255) * 5) +\r\n Math.round((i / 255) * 5);\r\n }),\r\n (a.ansi16.rgb = function (t) {\r\n var e = t % 10;\r\n if (0 === e || 7 === e)\r\n return t > 50 && (e += 3.5), [(e = (e / 10.5) * 255), e, e];\r\n var n = 0.5 * (1 + ~~(t > 50));\r\n return [\r\n (1 & e) * n * 255,\r\n ((e >> 1) & 1) * n * 255,\r\n ((e >> 2) & 1) * n * 255,\r\n ];\r\n }),\r\n (a.ansi256.rgb = function (t) {\r\n if (t >= 232) {\r\n var e = 10 * (t - 232) + 8;\r\n return [e, e, e];\r\n }\r\n var n;\r\n return (\r\n (t -= 16),\r\n [\r\n (Math.floor(t / 36) / 5) * 255,\r\n (Math.floor((n = t % 36) / 6) / 5) * 255,\r\n ((n % 6) / 5) * 255,\r\n ]\r\n );\r\n }),\r\n (a.rgb.hex = function (t) {\r\n var e = (\r\n ((255 & Math.round(t[0])) << 16) +\r\n ((255 & Math.round(t[1])) << 8) +\r\n (255 & Math.round(t[2]))\r\n )\r\n .toString(16)\r\n .toUpperCase();\r\n return \"000000\".substring(e.length) + e;\r\n }),\r\n (a.hex.rgb = function (t) {\r\n var e = t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);\r\n if (!e) return [0, 0, 0];\r\n var n = e[0];\r\n 3 === e[0].length &&\r\n (n = n\r\n .split(\"\")\r\n .map(function (t) {\r\n return t + t;\r\n })\r\n .join(\"\"));\r\n var i = parseInt(n, 16);\r\n return [(i >> 16) & 255, (i >> 8) & 255, 255 & i];\r\n }),\r\n (a.rgb.hcg = function (t) {\r\n var e,\r\n n = t[0] / 255,\r\n i = t[1] / 255,\r\n a = t[2] / 255,\r\n r = Math.max(Math.max(n, i), a),\r\n o = Math.min(Math.min(n, i), a),\r\n s = r - o;\r\n return (\r\n (e =\r\n s <= 0\r\n ? 0\r\n : r === n\r\n ? ((i - a) / s) % 6\r\n : r === i\r\n ? 2 + (a - n) / s\r\n : 4 + (n - i) / s + 4),\r\n (e /= 6),\r\n [360 * (e %= 1), 100 * s, 100 * (s < 1 ? o / (1 - s) : 0)]\r\n );\r\n }),\r\n (a.hsl.hcg = function (t) {\r\n var e = t[1] / 100,\r\n n = t[2] / 100,\r\n i = 1,\r\n a = 0;\r\n return (\r\n (i = n < 0.5 ? 2 * e * n : 2 * e * (1 - n)) < 1 &&\r\n (a = (n - 0.5 * i) / (1 - i)),\r\n [t[0], 100 * i, 100 * a]\r\n );\r\n }),\r\n (a.hsv.hcg = function (t) {\r\n var e = t[1] / 100,\r\n n = t[2] / 100,\r\n i = e * n,\r\n a = 0;\r\n return i < 1 && (a = (n - i) / (1 - i)), [t[0], 100 * i, 100 * a];\r\n }),\r\n (a.hcg.rgb = function (t) {\r\n var e = t[0] / 360,\r\n n = t[1] / 100,\r\n i = t[2] / 100;\r\n if (0 === n) return [255 * i, 255 * i, 255 * i];\r\n var a,\r\n r = [0, 0, 0],\r\n o = (e % 1) * 6,\r\n s = o % 1,\r\n l = 1 - s;\r\n switch (Math.floor(o)) {\r\n case 0:\r\n (r[0] = 1), (r[1] = s), (r[2] = 0);\r\n break;\r\n case 1:\r\n (r[0] = l), (r[1] = 1), (r[2] = 0);\r\n break;\r\n case 2:\r\n (r[0] = 0), (r[1] = 1), (r[2] = s);\r\n break;\r\n case 3:\r\n (r[0] = 0), (r[1] = l), (r[2] = 1);\r\n break;\r\n case 4:\r\n (r[0] = s), (r[1] = 0), (r[2] = 1);\r\n break;\r\n default:\r\n (r[0] = 1), (r[1] = 0), (r[2] = l);\r\n }\r\n return (\r\n (a = (1 - n) * i),\r\n [255 * (n * r[0] + a), 255 * (n * r[1] + a), 255 * (n * r[2] + a)]\r\n );\r\n }),\r\n (a.hcg.hsv = function (t) {\r\n var e = t[1] / 100,\r\n n = e + (t[2] / 100) * (1 - e),\r\n i = 0;\r\n return n > 0 && (i = e / n), [t[0], 100 * i, 100 * n];\r\n }),\r\n (a.hcg.hsl = function (t) {\r\n var e = t[1] / 100,\r\n n = (t[2] / 100) * (1 - e) + 0.5 * e,\r\n i = 0;\r\n return (\r\n n > 0 && n < 0.5\r\n ? (i = e / (2 * n))\r\n : n >= 0.5 && n < 1 && (i = e / (2 * (1 - n))),\r\n [t[0], 100 * i, 100 * n]\r\n );\r\n }),\r\n (a.hcg.hwb = function (t) {\r\n var e = t[1] / 100,\r\n n = e + (t[2] / 100) * (1 - e);\r\n return [t[0], 100 * (n - e), 100 * (1 - n)];\r\n }),\r\n (a.hwb.hcg = function (t) {\r\n var e = t[1] / 100,\r\n n = 1 - t[2] / 100,\r\n i = n - e,\r\n a = 0;\r\n return i < 1 && (a = (n - i) / (1 - i)), [t[0], 100 * i, 100 * a];\r\n }),\r\n (a.apple.rgb = function (t) {\r\n return [\r\n (t[0] / 65535) * 255,\r\n (t[1] / 65535) * 255,\r\n (t[2] / 65535) * 255,\r\n ];\r\n }),\r\n (a.rgb.apple = function (t) {\r\n return [\r\n (t[0] / 255) * 65535,\r\n (t[1] / 255) * 65535,\r\n (t[2] / 255) * 65535,\r\n ];\r\n }),\r\n (a.gray.rgb = function (t) {\r\n return [(t[0] / 100) * 255, (t[0] / 100) * 255, (t[0] / 100) * 255];\r\n }),\r\n (a.gray.hsl = a.gray.hsv =\r\n function (t) {\r\n return [0, 0, t[0]];\r\n }),\r\n (a.gray.hwb = function (t) {\r\n return [0, 100, t[0]];\r\n }),\r\n (a.gray.cmyk = function (t) {\r\n return [0, 0, 0, t[0]];\r\n }),\r\n (a.gray.lab = function (t) {\r\n return [t[0], 0, 0];\r\n }),\r\n (a.gray.hex = function (t) {\r\n var e = 255 & Math.round((t[0] / 100) * 255),\r\n n = ((e << 16) + (e << 8) + e).toString(16).toUpperCase();\r\n return \"000000\".substring(n.length) + n;\r\n }),\r\n (a.rgb.gray = function (t) {\r\n return [((t[0] + t[1] + t[2]) / 3 / 255) * 100];\r\n });\r\n });\r\n i.rgb,\r\n i.hsl,\r\n i.hsv,\r\n i.hwb,\r\n i.cmyk,\r\n i.xyz,\r\n i.lab,\r\n i.lch,\r\n i.hex,\r\n i.keyword,\r\n i.ansi16,\r\n i.ansi256,\r\n i.hcg,\r\n i.apple,\r\n i.gray;\r\n function a(t) {\r\n var e = (function () {\r\n for (var t = {}, e = Object.keys(i), n = e.length, a = 0; a < n; a++)\r\n t[e[a]] = { distance: -1, parent: null };\r\n return t;\r\n })(),\r\n n = [t];\r\n for (e[t].distance = 0; n.length; )\r\n for (\r\n var a = n.pop(), r = Object.keys(i[a]), o = r.length, s = 0;\r\n s < o;\r\n s++\r\n ) {\r\n var l = r[s],\r\n u = e[l];\r\n -1 === u.distance &&\r\n ((u.distance = e[a].distance + 1), (u.parent = a), n.unshift(l));\r\n }\r\n return e;\r\n }\r\n function r(t, e) {\r\n return function (n) {\r\n return e(t(n));\r\n };\r\n }\r\n function o(t, e) {\r\n for (\r\n var n = [e[t].parent, t], a = i[e[t].parent][t], o = e[t].parent;\r\n e[o].parent;\r\n\r\n )\r\n n.unshift(e[o].parent), (a = r(i[e[o].parent][o], a)), (o = e[o].parent);\r\n return (a.conversion = n), a;\r\n }\r\n var s = {};\r\n Object.keys(i).forEach(function (t) {\r\n (s[t] = {}),\r\n Object.defineProperty(s[t], \"channels\", { value: i[t].channels }),\r\n Object.defineProperty(s[t], \"labels\", { value: i[t].labels });\r\n var e = (function (t) {\r\n for (\r\n var e = a(t), n = {}, i = Object.keys(e), r = i.length, s = 0;\r\n s < r;\r\n s++\r\n ) {\r\n var l = i[s];\r\n null !== e[l].parent && (n[l] = o(l, e));\r\n }\r\n return n;\r\n })(t);\r\n Object.keys(e).forEach(function (n) {\r\n var i = e[n];\r\n (s[t][n] = (function (t) {\r\n var e = function (e) {\r\n if (null == e) return e;\r\n arguments.length > 1 && (e = Array.prototype.slice.call(arguments));\r\n var n = t(e);\r\n if (\"object\" == typeof n)\r\n for (var i = n.length, a = 0; a < i; a++) n[a] = Math.round(n[a]);\r\n return n;\r\n };\r\n return \"conversion\" in t && (e.conversion = t.conversion), e;\r\n })(i)),\r\n (s[t][n].raw = (function (t) {\r\n var e = function (e) {\r\n return null == e\r\n ? e\r\n : (arguments.length > 1 &&\r\n (e = Array.prototype.slice.call(arguments)),\r\n t(e));\r\n };\r\n return \"conversion\" in t && (e.conversion = t.conversion), e;\r\n })(i));\r\n });\r\n });\r\n var l = s,\r\n u = {\r\n aliceblue: [240, 248, 255],\r\n antiquewhite: [250, 235, 215],\r\n aqua: [0, 255, 255],\r\n aquamarine: [127, 255, 212],\r\n azure: [240, 255, 255],\r\n beige: [245, 245, 220],\r\n bisque: [255, 228, 196],\r\n black: [0, 0, 0],\r\n blanchedalmond: [255, 235, 205],\r\n blue: [0, 0, 255],\r\n blueviolet: [138, 43, 226],\r\n brown: [165, 42, 42],\r\n burlywood: [222, 184, 135],\r\n cadetblue: [95, 158, 160],\r\n chartreuse: [127, 255, 0],\r\n chocolate: [210, 105, 30],\r\n coral: [255, 127, 80],\r\n cornflowerblue: [100, 149, 237],\r\n cornsilk: [255, 248, 220],\r\n crimson: [220, 20, 60],\r\n cyan: [0, 255, 255],\r\n darkblue: [0, 0, 139],\r\n darkcyan: [0, 139, 139],\r\n darkgoldenrod: [184, 134, 11],\r\n darkgray: [169, 169, 169],\r\n darkgreen: [0, 100, 0],\r\n darkgrey: [169, 169, 169],\r\n darkkhaki: [189, 183, 107],\r\n darkmagenta: [139, 0, 139],\r\n darkolivegreen: [85, 107, 47],\r\n darkorange: [255, 140, 0],\r\n darkorchid: [153, 50, 204],\r\n darkred: [139, 0, 0],\r\n darksalmon: [233, 150, 122],\r\n darkseagreen: [143, 188, 143],\r\n darkslateblue: [72, 61, 139],\r\n darkslategray: [47, 79, 79],\r\n darkslategrey: [47, 79, 79],\r\n darkturquoise: [0, 206, 209],\r\n darkviolet: [148, 0, 211],\r\n deeppink: [255, 20, 147],\r\n deepskyblue: [0, 191, 255],\r\n dimgray: [105, 105, 105],\r\n dimgrey: [105, 105, 105],\r\n dodgerblue: [30, 144, 255],\r\n firebrick: [178, 34, 34],\r\n floralwhite: [255, 250, 240],\r\n forestgreen: [34, 139, 34],\r\n fuchsia: [255, 0, 255],\r\n gainsboro: [220, 220, 220],\r\n ghostwhite: [248, 248, 255],\r\n gold: [255, 215, 0],\r\n goldenrod: [218, 165, 32],\r\n gray: [128, 128, 128],\r\n green: [0, 128, 0],\r\n greenyellow: [173, 255, 47],\r\n grey: [128, 128, 128],\r\n honeydew: [240, 255, 240],\r\n hotpink: [255, 105, 180],\r\n indianred: [205, 92, 92],\r\n indigo: [75, 0, 130],\r\n ivory: [255, 255, 240],\r\n khaki: [240, 230, 140],\r\n lavender: [230, 230, 250],\r\n lavenderblush: [255, 240, 245],\r\n lawngreen: [124, 252, 0],\r\n lemonchiffon: [255, 250, 205],\r\n lightblue: [173, 216, 230],\r\n lightcoral: [240, 128, 128],\r\n lightcyan: [224, 255, 255],\r\n lightgoldenrodyellow: [250, 250, 210],\r\n lightgray: [211, 211, 211],\r\n lightgreen: [144, 238, 144],\r\n lightgrey: [211, 211, 211],\r\n lightpink: [255, 182, 193],\r\n lightsalmon: [255, 160, 122],\r\n lightseagreen: [32, 178, 170],\r\n lightskyblue: [135, 206, 250],\r\n lightslategray: [119, 136, 153],\r\n lightslategrey: [119, 136, 153],\r\n lightsteelblue: [176, 196, 222],\r\n lightyellow: [255, 255, 224],\r\n lime: [0, 255, 0],\r\n limegreen: [50, 205, 50],\r\n linen: [250, 240, 230],\r\n magenta: [255, 0, 255],\r\n maroon: [128, 0, 0],\r\n mediumaquamarine: [102, 205, 170],\r\n mediumblue: [0, 0, 205],\r\n mediumorchid: [186, 85, 211],\r\n mediumpurple: [147, 112, 219],\r\n mediumseagreen: [60, 179, 113],\r\n mediumslateblue: [123, 104, 238],\r\n mediumspringgreen: [0, 250, 154],\r\n mediumturquoise: [72, 209, 204],\r\n mediumvioletred: [199, 21, 133],\r\n midnightblue: [25, 25, 112],\r\n mintcream: [245, 255, 250],\r\n mistyrose: [255, 228, 225],\r\n moccasin: [255, 228, 181],\r\n navajowhite: [255, 222, 173],\r\n navy: [0, 0, 128],\r\n oldlace: [253, 245, 230],\r\n olive: [128, 128, 0],\r\n olivedrab: [107, 142, 35],\r\n orange: [255, 165, 0],\r\n orangered: [255, 69, 0],\r\n orchid: [218, 112, 214],\r\n palegoldenrod: [238, 232, 170],\r\n palegreen: [152, 251, 152],\r\n paleturquoise: [175, 238, 238],\r\n palevioletred: [219, 112, 147],\r\n papayawhip: [255, 239, 213],\r\n peachpuff: [255, 218, 185],\r\n peru: [205, 133, 63],\r\n pink: [255, 192, 203],\r\n plum: [221, 160, 221],\r\n powderblue: [176, 224, 230],\r\n purple: [128, 0, 128],\r\n rebeccapurple: [102, 51, 153],\r\n red: [255, 0, 0],\r\n rosybrown: [188, 143, 143],\r\n royalblue: [65, 105, 225],\r\n saddlebrown: [139, 69, 19],\r\n salmon: [250, 128, 114],\r\n sandybrown: [244, 164, 96],\r\n seagreen: [46, 139, 87],\r\n seashell: [255, 245, 238],\r\n sienna: [160, 82, 45],\r\n silver: [192, 192, 192],\r\n skyblue: [135, 206, 235],\r\n slateblue: [106, 90, 205],\r\n slategray: [112, 128, 144],\r\n slategrey: [112, 128, 144],\r\n snow: [255, 250, 250],\r\n springgreen: [0, 255, 127],\r\n steelblue: [70, 130, 180],\r\n tan: [210, 180, 140],\r\n teal: [0, 128, 128],\r\n thistle: [216, 191, 216],\r\n tomato: [255, 99, 71],\r\n turquoise: [64, 224, 208],\r\n violet: [238, 130, 238],\r\n wheat: [245, 222, 179],\r\n white: [255, 255, 255],\r\n whitesmoke: [245, 245, 245],\r\n yellow: [255, 255, 0],\r\n yellowgreen: [154, 205, 50],\r\n },\r\n d = {\r\n getRgba: h,\r\n getHsla: c,\r\n getRgb: function (t) {\r\n var e = h(t);\r\n return e && e.slice(0, 3);\r\n },\r\n getHsl: function (t) {\r\n var e = c(t);\r\n return e && e.slice(0, 3);\r\n },\r\n getHwb: f,\r\n getAlpha: function (t) {\r\n var e = h(t);\r\n if (e) return e[3];\r\n if ((e = c(t))) return e[3];\r\n if ((e = f(t))) return e[3];\r\n },\r\n hexString: function (t, e) {\r\n e = void 0 !== e && 3 === t.length ? e : t[3];\r\n return (\r\n \"#\" +\r\n b(t[0]) +\r\n b(t[1]) +\r\n b(t[2]) +\r\n (e >= 0 && e < 1 ? b(Math.round(255 * e)) : \"\")\r\n );\r\n },\r\n rgbString: function (t, e) {\r\n if (e < 1 || (t[3] && t[3] < 1)) return g(t, e);\r\n return \"rgb(\" + t[0] + \", \" + t[1] + \", \" + t[2] + \")\";\r\n },\r\n rgbaString: g,\r\n percentString: function (t, e) {\r\n if (e < 1 || (t[3] && t[3] < 1)) return m(t, e);\r\n var n = Math.round((t[0] / 255) * 100),\r\n i = Math.round((t[1] / 255) * 100),\r\n a = Math.round((t[2] / 255) * 100);\r\n return \"rgb(\" + n + \"%, \" + i + \"%, \" + a + \"%)\";\r\n },\r\n percentaString: m,\r\n hslString: function (t, e) {\r\n if (e < 1 || (t[3] && t[3] < 1)) return p(t, e);\r\n return \"hsl(\" + t[0] + \", \" + t[1] + \"%, \" + t[2] + \"%)\";\r\n },\r\n hslaString: p,\r\n hwbString: function (t, e) {\r\n void 0 === e && (e = void 0 !== t[3] ? t[3] : 1);\r\n return (\r\n \"hwb(\" +\r\n t[0] +\r\n \", \" +\r\n t[1] +\r\n \"%, \" +\r\n t[2] +\r\n \"%\" +\r\n (void 0 !== e && 1 !== e ? \", \" + e : \"\") +\r\n \")\"\r\n );\r\n },\r\n keyword: function (t) {\r\n return y[t.slice(0, 3)];\r\n },\r\n };\r\n function h(t) {\r\n if (t) {\r\n var e = [0, 0, 0],\r\n n = 1,\r\n i = t.match(/^#([a-fA-F0-9]{3,4})$/i),\r\n a = \"\";\r\n if (i) {\r\n a = (i = i[1])[3];\r\n for (var r = 0; r < e.length; r++) e[r] = parseInt(i[r] + i[r], 16);\r\n a && (n = Math.round((parseInt(a + a, 16) / 255) * 100) / 100);\r\n } else if ((i = t.match(/^#([a-fA-F0-9]{6}([a-fA-F0-9]{2})?)$/i))) {\r\n (a = i[2]), (i = i[1]);\r\n for (r = 0; r < e.length; r++)\r\n e[r] = parseInt(i.slice(2 * r, 2 * r + 2), 16);\r\n a && (n = Math.round((parseInt(a, 16) / 255) * 100) / 100);\r\n } else if (\r\n (i = t.match(\r\n /^rgba?\\(\\s*([+-]?\\d+)\\s*,\\s*([+-]?\\d+)\\s*,\\s*([+-]?\\d+)\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/i\r\n ))\r\n ) {\r\n for (r = 0; r < e.length; r++) e[r] = parseInt(i[r + 1]);\r\n n = parseFloat(i[4]);\r\n } else if (\r\n (i = t.match(\r\n /^rgba?\\(\\s*([+-]?[\\d\\.]+)\\%\\s*,\\s*([+-]?[\\d\\.]+)\\%\\s*,\\s*([+-]?[\\d\\.]+)\\%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/i\r\n ))\r\n ) {\r\n for (r = 0; r < e.length; r++)\r\n e[r] = Math.round(2.55 * parseFloat(i[r + 1]));\r\n n = parseFloat(i[4]);\r\n } else if ((i = t.match(/(\\w+)/))) {\r\n if (\"transparent\" == i[1]) return [0, 0, 0, 0];\r\n if (!(e = u[i[1]])) return;\r\n }\r\n for (r = 0; r < e.length; r++) e[r] = v(e[r], 0, 255);\r\n return (n = n || 0 == n ? v(n, 0, 1) : 1), (e[3] = n), e;\r\n }\r\n }\r\n function c(t) {\r\n if (t) {\r\n var e = t.match(\r\n /^hsla?\\(\\s*([+-]?\\d+)(?:deg)?\\s*,\\s*([+-]?[\\d\\.]+)%\\s*,\\s*([+-]?[\\d\\.]+)%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)/\r\n );\r\n if (e) {\r\n var n = parseFloat(e[4]);\r\n return [\r\n v(parseInt(e[1]), 0, 360),\r\n v(parseFloat(e[2]), 0, 100),\r\n v(parseFloat(e[3]), 0, 100),\r\n v(isNaN(n) ? 1 : n, 0, 1),\r\n ];\r\n }\r\n }\r\n }\r\n function f(t) {\r\n if (t) {\r\n var e = t.match(\r\n /^hwb\\(\\s*([+-]?\\d+)(?:deg)?\\s*,\\s*([+-]?[\\d\\.]+)%\\s*,\\s*([+-]?[\\d\\.]+)%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)/\r\n );\r\n if (e) {\r\n var n = parseFloat(e[4]);\r\n return [\r\n v(parseInt(e[1]), 0, 360),\r\n v(parseFloat(e[2]), 0, 100),\r\n v(parseFloat(e[3]), 0, 100),\r\n v(isNaN(n) ? 1 : n, 0, 1),\r\n ];\r\n }\r\n }\r\n }\r\n function g(t, e) {\r\n return (\r\n void 0 === e && (e = void 0 !== t[3] ? t[3] : 1),\r\n \"rgba(\" + t[0] + \", \" + t[1] + \", \" + t[2] + \", \" + e + \")\"\r\n );\r\n }\r\n function m(t, e) {\r\n return (\r\n \"rgba(\" +\r\n Math.round((t[0] / 255) * 100) +\r\n \"%, \" +\r\n Math.round((t[1] / 255) * 100) +\r\n \"%, \" +\r\n Math.round((t[2] / 255) * 100) +\r\n \"%, \" +\r\n (e || t[3] || 1) +\r\n \")\"\r\n );\r\n }\r\n function p(t, e) {\r\n return (\r\n void 0 === e && (e = void 0 !== t[3] ? t[3] : 1),\r\n \"hsla(\" + t[0] + \", \" + t[1] + \"%, \" + t[2] + \"%, \" + e + \")\"\r\n );\r\n }\r\n function v(t, e, n) {\r\n return Math.min(Math.max(e, t), n);\r\n }\r\n function b(t) {\r\n var e = t.toString(16).toUpperCase();\r\n return e.length < 2 ? \"0\" + e : e;\r\n }\r\n var y = {};\r\n for (var x in u) y[u[x]] = x;\r\n var _ = function (t) {\r\n return t instanceof _\r\n ? t\r\n : this instanceof _\r\n ? ((this.valid = !1),\r\n (this.values = {\r\n rgb: [0, 0, 0],\r\n hsl: [0, 0, 0],\r\n hsv: [0, 0, 0],\r\n hwb: [0, 0, 0],\r\n cmyk: [0, 0, 0, 0],\r\n alpha: 1,\r\n }),\r\n void (\"string\" == typeof t\r\n ? (e = d.getRgba(t))\r\n ? this.setValues(\"rgb\", e)\r\n : (e = d.getHsla(t))\r\n ? this.setValues(\"hsl\", e)\r\n : (e = d.getHwb(t)) && this.setValues(\"hwb\", e)\r\n : \"object\" == typeof t &&\r\n (void 0 !== (e = t).r || void 0 !== e.red\r\n ? this.setValues(\"rgb\", e)\r\n : void 0 !== e.l || void 0 !== e.lightness\r\n ? this.setValues(\"hsl\", e)\r\n : void 0 !== e.v || void 0 !== e.value\r\n ? this.setValues(\"hsv\", e)\r\n : void 0 !== e.w || void 0 !== e.whiteness\r\n ? this.setValues(\"hwb\", e)\r\n : (void 0 === e.c && void 0 === e.cyan) ||\r\n this.setValues(\"cmyk\", e))))\r\n : new _(t);\r\n var e;\r\n };\r\n (_.prototype = {\r\n isValid: function () {\r\n return this.valid;\r\n },\r\n rgb: function () {\r\n return this.setSpace(\"rgb\", arguments);\r\n },\r\n hsl: function () {\r\n return this.setSpace(\"hsl\", arguments);\r\n },\r\n hsv: function () {\r\n return this.setSpace(\"hsv\", arguments);\r\n },\r\n hwb: function () {\r\n return this.setSpace(\"hwb\", arguments);\r\n },\r\n cmyk: function () {\r\n return this.setSpace(\"cmyk\", arguments);\r\n },\r\n rgbArray: function () {\r\n return this.values.rgb;\r\n },\r\n hslArray: function () {\r\n return this.values.hsl;\r\n },\r\n hsvArray: function () {\r\n return this.values.hsv;\r\n },\r\n hwbArray: function () {\r\n var t = this.values;\r\n return 1 !== t.alpha ? t.hwb.concat([t.alpha]) : t.hwb;\r\n },\r\n cmykArray: function () {\r\n return this.values.cmyk;\r\n },\r\n rgbaArray: function () {\r\n var t = this.values;\r\n return t.rgb.concat([t.alpha]);\r\n },\r\n hslaArray: function () {\r\n var t = this.values;\r\n return t.hsl.concat([t.alpha]);\r\n },\r\n alpha: function (t) {\r\n return void 0 === t\r\n ? this.values.alpha\r\n : (this.setValues(\"alpha\", t), this);\r\n },\r\n red: function (t) {\r\n return this.setChannel(\"rgb\", 0, t);\r\n },\r\n green: function (t) {\r\n return this.setChannel(\"rgb\", 1, t);\r\n },\r\n blue: function (t) {\r\n return this.setChannel(\"rgb\", 2, t);\r\n },\r\n hue: function (t) {\r\n return (\r\n t && (t = (t %= 360) < 0 ? 360 + t : t), this.setChannel(\"hsl\", 0, t)\r\n );\r\n },\r\n saturation: function (t) {\r\n return this.setChannel(\"hsl\", 1, t);\r\n },\r\n lightness: function (t) {\r\n return this.setChannel(\"hsl\", 2, t);\r\n },\r\n saturationv: function (t) {\r\n return this.setChannel(\"hsv\", 1, t);\r\n },\r\n whiteness: function (t) {\r\n return this.setChannel(\"hwb\", 1, t);\r\n },\r\n blackness: function (t) {\r\n return this.setChannel(\"hwb\", 2, t);\r\n },\r\n value: function (t) {\r\n return this.setChannel(\"hsv\", 2, t);\r\n },\r\n cyan: function (t) {\r\n return this.setChannel(\"cmyk\", 0, t);\r\n },\r\n magenta: function (t) {\r\n return this.setChannel(\"cmyk\", 1, t);\r\n },\r\n yellow: function (t) {\r\n return this.setChannel(\"cmyk\", 2, t);\r\n },\r\n black: function (t) {\r\n return this.setChannel(\"cmyk\", 3, t);\r\n },\r\n hexString: function () {\r\n return d.hexString(this.values.rgb);\r\n },\r\n rgbString: function () {\r\n return d.rgbString(this.values.rgb, this.values.alpha);\r\n },\r\n rgbaString: function () {\r\n return d.rgbaString(this.values.rgb, this.values.alpha);\r\n },\r\n percentString: function () {\r\n return d.percentString(this.values.rgb, this.values.alpha);\r\n },\r\n hslString: function () {\r\n return d.hslString(this.values.hsl, this.values.alpha);\r\n },\r\n hslaString: function () {\r\n return d.hslaString(this.values.hsl, this.values.alpha);\r\n },\r\n hwbString: function () {\r\n return d.hwbString(this.values.hwb, this.values.alpha);\r\n },\r\n keyword: function () {\r\n return d.keyword(this.values.rgb, this.values.alpha);\r\n },\r\n rgbNumber: function () {\r\n var t = this.values.rgb;\r\n return (t[0] << 16) | (t[1] << 8) | t[2];\r\n },\r\n luminosity: function () {\r\n for (var t = this.values.rgb, e = [], n = 0; n < t.length; n++) {\r\n var i = t[n] / 255;\r\n e[n] = i <= 0.03928 ? i / 12.92 : Math.pow((i + 0.055) / 1.055, 2.4);\r\n }\r\n return 0.2126 * e[0] + 0.7152 * e[1] + 0.0722 * e[2];\r\n },\r\n contrast: function (t) {\r\n var e = this.luminosity(),\r\n n = t.luminosity();\r\n return e > n ? (e + 0.05) / (n + 0.05) : (n + 0.05) / (e + 0.05);\r\n },\r\n level: function (t) {\r\n var e = this.contrast(t);\r\n return e >= 7.1 ? \"AAA\" : e >= 4.5 ? \"AA\" : \"\";\r\n },\r\n dark: function () {\r\n var t = this.values.rgb;\r\n return (299 * t[0] + 587 * t[1] + 114 * t[2]) / 1e3 < 128;\r\n },\r\n light: function () {\r\n return !this.dark();\r\n },\r\n negate: function () {\r\n for (var t = [], e = 0; e < 3; e++) t[e] = 255 - this.values.rgb[e];\r\n return this.setValues(\"rgb\", t), this;\r\n },\r\n lighten: function (t) {\r\n var e = this.values.hsl;\r\n return (e[2] += e[2] * t), this.setValues(\"hsl\", e), this;\r\n },\r\n darken: function (t) {\r\n var e = this.values.hsl;\r\n return (e[2] -= e[2] * t), this.setValues(\"hsl\", e), this;\r\n },\r\n saturate: function (t) {\r\n var e = this.values.hsl;\r\n return (e[1] += e[1] * t), this.setValues(\"hsl\", e), this;\r\n },\r\n desaturate: function (t) {\r\n var e = this.values.hsl;\r\n return (e[1] -= e[1] * t), this.setValues(\"hsl\", e), this;\r\n },\r\n whiten: function (t) {\r\n var e = this.values.hwb;\r\n return (e[1] += e[1] * t), this.setValues(\"hwb\", e), this;\r\n },\r\n blacken: function (t) {\r\n var e = this.values.hwb;\r\n return (e[2] += e[2] * t), this.setValues(\"hwb\", e), this;\r\n },\r\n greyscale: function () {\r\n var t = this.values.rgb,\r\n e = 0.3 * t[0] + 0.59 * t[1] + 0.11 * t[2];\r\n return this.setValues(\"rgb\", [e, e, e]), this;\r\n },\r\n clearer: function (t) {\r\n var e = this.values.alpha;\r\n return this.setValues(\"alpha\", e - e * t), this;\r\n },\r\n opaquer: function (t) {\r\n var e = this.values.alpha;\r\n return this.setValues(\"alpha\", e + e * t), this;\r\n },\r\n rotate: function (t) {\r\n var e = this.values.hsl,\r\n n = (e[0] + t) % 360;\r\n return (e[0] = n < 0 ? 360 + n : n), this.setValues(\"hsl\", e), this;\r\n },\r\n mix: function (t, e) {\r\n var n = t,\r\n i = void 0 === e ? 0.5 : e,\r\n a = 2 * i - 1,\r\n r = this.alpha() - n.alpha(),\r\n o = ((a * r == -1 ? a : (a + r) / (1 + a * r)) + 1) / 2,\r\n s = 1 - o;\r\n return this.rgb(\r\n o * this.red() + s * n.red(),\r\n o * this.green() + s * n.green(),\r\n o * this.blue() + s * n.blue()\r\n ).alpha(this.alpha() * i + n.alpha() * (1 - i));\r\n },\r\n toJSON: function () {\r\n return this.rgb();\r\n },\r\n clone: function () {\r\n var t,\r\n e,\r\n n = new _(),\r\n i = this.values,\r\n a = n.values;\r\n for (var r in i)\r\n i.hasOwnProperty(r) &&\r\n ((t = i[r]),\r\n \"[object Array]\" === (e = {}.toString.call(t))\r\n ? (a[r] = t.slice(0))\r\n : \"[object Number]\" === e\r\n ? (a[r] = t)\r\n : console.error(\"unexpected color value:\", t));\r\n return n;\r\n },\r\n }),\r\n (_.prototype.spaces = {\r\n rgb: [\"red\", \"green\", \"blue\"],\r\n hsl: [\"hue\", \"saturation\", \"lightness\"],\r\n hsv: [\"hue\", \"saturation\", \"value\"],\r\n hwb: [\"hue\", \"whiteness\", \"blackness\"],\r\n cmyk: [\"cyan\", \"magenta\", \"yellow\", \"black\"],\r\n }),\r\n (_.prototype.maxes = {\r\n rgb: [255, 255, 255],\r\n hsl: [360, 100, 100],\r\n hsv: [360, 100, 100],\r\n hwb: [360, 100, 100],\r\n cmyk: [100, 100, 100, 100],\r\n }),\r\n (_.prototype.getValues = function (t) {\r\n for (var e = this.values, n = {}, i = 0; i < t.length; i++)\r\n n[t.charAt(i)] = e[t][i];\r\n return 1 !== e.alpha && (n.a = e.alpha), n;\r\n }),\r\n (_.prototype.setValues = function (t, e) {\r\n var n,\r\n i,\r\n a = this.values,\r\n r = this.spaces,\r\n o = this.maxes,\r\n s = 1;\r\n if (((this.valid = !0), \"alpha\" === t)) s = e;\r\n else if (e.length) (a[t] = e.slice(0, t.length)), (s = e[t.length]);\r\n else if (void 0 !== e[t.charAt(0)]) {\r\n for (n = 0; n < t.length; n++) a[t][n] = e[t.charAt(n)];\r\n s = e.a;\r\n } else if (void 0 !== e[r[t][0]]) {\r\n var u = r[t];\r\n for (n = 0; n < t.length; n++) a[t][n] = e[u[n]];\r\n s = e.alpha;\r\n }\r\n if (\r\n ((a.alpha = Math.max(0, Math.min(1, void 0 === s ? a.alpha : s))),\r\n \"alpha\" === t)\r\n )\r\n return !1;\r\n for (n = 0; n < t.length; n++)\r\n (i = Math.max(0, Math.min(o[t][n], a[t][n]))),\r\n (a[t][n] = Math.round(i));\r\n for (var d in r) d !== t && (a[d] = l[t][d](a[t]));\r\n return !0;\r\n }),\r\n (_.prototype.setSpace = function (t, e) {\r\n var n = e[0];\r\n return void 0 === n\r\n ? this.getValues(t)\r\n : (\"number\" == typeof n && (n = Array.prototype.slice.call(e)),\r\n this.setValues(t, n),\r\n this);\r\n }),\r\n (_.prototype.setChannel = function (t, e, n) {\r\n var i = this.values[t];\r\n return void 0 === n\r\n ? i[e]\r\n : n === i[e]\r\n ? this\r\n : ((i[e] = n), this.setValues(t, i), this);\r\n }),\r\n \"undefined\" != typeof window && (window.Color = _);\r\n var w,\r\n k = _,\r\n M = {\r\n noop: function () {},\r\n uid:\r\n ((w = 0),\r\n function () {\r\n return w++;\r\n }),\r\n isNullOrUndef: function (t) {\r\n return null == t;\r\n },\r\n isArray: function (t) {\r\n if (Array.isArray && Array.isArray(t)) return !0;\r\n var e = Object.prototype.toString.call(t);\r\n return \"[object\" === e.substr(0, 7) && \"Array]\" === e.substr(-6);\r\n },\r\n isObject: function (t) {\r\n return (\r\n null !== t && \"[object Object]\" === Object.prototype.toString.call(t)\r\n );\r\n },\r\n isFinite: function (t) {\r\n return (\"number\" == typeof t || t instanceof Number) && isFinite(t);\r\n },\r\n valueOrDefault: function (t, e) {\r\n return void 0 === t ? e : t;\r\n },\r\n valueAtIndexOrDefault: function (t, e, n) {\r\n return M.valueOrDefault(M.isArray(t) ? t[e] : t, n);\r\n },\r\n callback: function (t, e, n) {\r\n if (t && \"function\" == typeof t.call) return t.apply(n, e);\r\n },\r\n each: function (t, e, n, i) {\r\n var a, r, o;\r\n if (M.isArray(t))\r\n if (((r = t.length), i))\r\n for (a = r - 1; a >= 0; a--) e.call(n, t[a], a);\r\n else for (a = 0; a < r; a++) e.call(n, t[a], a);\r\n else if (M.isObject(t))\r\n for (r = (o = Object.keys(t)).length, a = 0; a < r; a++)\r\n e.call(n, t[o[a]], o[a]);\r\n },\r\n arrayEquals: function (t, e) {\r\n var n, i, a, r;\r\n if (!t || !e || t.length !== e.length) return !1;\r\n for (n = 0, i = t.length; n < i; ++n)\r\n if (\r\n ((a = t[n]), (r = e[n]), a instanceof Array && r instanceof Array)\r\n ) {\r\n if (!M.arrayEquals(a, r)) return !1;\r\n } else if (a !== r) return !1;\r\n return !0;\r\n },\r\n clone: function (t) {\r\n if (M.isArray(t)) return t.map(M.clone);\r\n if (M.isObject(t)) {\r\n for (var e = {}, n = Object.keys(t), i = n.length, a = 0; a < i; ++a)\r\n e[n[a]] = M.clone(t[n[a]]);\r\n return e;\r\n }\r\n return t;\r\n },\r\n _merger: function (t, e, n, i) {\r\n var a = e[t],\r\n r = n[t];\r\n M.isObject(a) && M.isObject(r) ? M.merge(a, r, i) : (e[t] = M.clone(r));\r\n },\r\n _mergerIf: function (t, e, n) {\r\n var i = e[t],\r\n a = n[t];\r\n M.isObject(i) && M.isObject(a)\r\n ? M.mergeIf(i, a)\r\n : e.hasOwnProperty(t) || (e[t] = M.clone(a));\r\n },\r\n merge: function (t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l = M.isArray(e) ? e : [e],\r\n u = l.length;\r\n if (!M.isObject(t)) return t;\r\n for (i = (n = n || {}).merger || M._merger, a = 0; a < u; ++a)\r\n if (((e = l[a]), M.isObject(e)))\r\n for (s = 0, o = (r = Object.keys(e)).length; s < o; ++s)\r\n i(r[s], t, e, n);\r\n return t;\r\n },\r\n mergeIf: function (t, e) {\r\n return M.merge(t, e, { merger: M._mergerIf });\r\n },\r\n extend:\r\n Object.assign ||\r\n function (t) {\r\n return M.merge(t, [].slice.call(arguments, 1), {\r\n merger: function (t, e, n) {\r\n e[t] = n[t];\r\n },\r\n });\r\n },\r\n inherits: function (t) {\r\n var e = this,\r\n n =\r\n t && t.hasOwnProperty(\"constructor\")\r\n ? t.constructor\r\n : function () {\r\n return e.apply(this, arguments);\r\n },\r\n i = function () {\r\n this.constructor = n;\r\n };\r\n return (\r\n (i.prototype = e.prototype),\r\n (n.prototype = new i()),\r\n (n.extend = M.inherits),\r\n t && M.extend(n.prototype, t),\r\n (n.__super__ = e.prototype),\r\n n\r\n );\r\n },\r\n _deprecated: function (t, e, n, i) {\r\n void 0 !== e &&\r\n console.warn(\r\n t + ': \"' + n + '\" is deprecated. Please use \"' + i + '\" instead'\r\n );\r\n },\r\n },\r\n S = M;\r\n (M.callCallback = M.callback),\r\n (M.indexOf = function (t, e, n) {\r\n return Array.prototype.indexOf.call(t, e, n);\r\n }),\r\n (M.getValueOrDefault = M.valueOrDefault),\r\n (M.getValueAtIndexOrDefault = M.valueAtIndexOrDefault);\r\n var D = {\r\n linear: function (t) {\r\n return t;\r\n },\r\n easeInQuad: function (t) {\r\n return t * t;\r\n },\r\n easeOutQuad: function (t) {\r\n return -t * (t - 2);\r\n },\r\n easeInOutQuad: function (t) {\r\n return (t /= 0.5) < 1 ? 0.5 * t * t : -0.5 * (--t * (t - 2) - 1);\r\n },\r\n easeInCubic: function (t) {\r\n return t * t * t;\r\n },\r\n easeOutCubic: function (t) {\r\n return (t -= 1) * t * t + 1;\r\n },\r\n easeInOutCubic: function (t) {\r\n return (t /= 0.5) < 1 ? 0.5 * t * t * t : 0.5 * ((t -= 2) * t * t + 2);\r\n },\r\n easeInQuart: function (t) {\r\n return t * t * t * t;\r\n },\r\n easeOutQuart: function (t) {\r\n return -((t -= 1) * t * t * t - 1);\r\n },\r\n easeInOutQuart: function (t) {\r\n return (t /= 0.5) < 1\r\n ? 0.5 * t * t * t * t\r\n : -0.5 * ((t -= 2) * t * t * t - 2);\r\n },\r\n easeInQuint: function (t) {\r\n return t * t * t * t * t;\r\n },\r\n easeOutQuint: function (t) {\r\n return (t -= 1) * t * t * t * t + 1;\r\n },\r\n easeInOutQuint: function (t) {\r\n return (t /= 0.5) < 1\r\n ? 0.5 * t * t * t * t * t\r\n : 0.5 * ((t -= 2) * t * t * t * t + 2);\r\n },\r\n easeInSine: function (t) {\r\n return 1 - Math.cos(t * (Math.PI / 2));\r\n },\r\n easeOutSine: function (t) {\r\n return Math.sin(t * (Math.PI / 2));\r\n },\r\n easeInOutSine: function (t) {\r\n return -0.5 * (Math.cos(Math.PI * t) - 1);\r\n },\r\n easeInExpo: function (t) {\r\n return 0 === t ? 0 : Math.pow(2, 10 * (t - 1));\r\n },\r\n easeOutExpo: function (t) {\r\n return 1 === t ? 1 : 1 - Math.pow(2, -10 * t);\r\n },\r\n easeInOutExpo: function (t) {\r\n return 0 === t\r\n ? 0\r\n : 1 === t\r\n ? 1\r\n : (t /= 0.5) < 1\r\n ? 0.5 * Math.pow(2, 10 * (t - 1))\r\n : 0.5 * (2 - Math.pow(2, -10 * --t));\r\n },\r\n easeInCirc: function (t) {\r\n return t >= 1 ? t : -(Math.sqrt(1 - t * t) - 1);\r\n },\r\n easeOutCirc: function (t) {\r\n return Math.sqrt(1 - (t -= 1) * t);\r\n },\r\n easeInOutCirc: function (t) {\r\n return (t /= 0.5) < 1\r\n ? -0.5 * (Math.sqrt(1 - t * t) - 1)\r\n : 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1);\r\n },\r\n easeInElastic: function (t) {\r\n var e = 1.70158,\r\n n = 0,\r\n i = 1;\r\n return 0 === t\r\n ? 0\r\n : 1 === t\r\n ? 1\r\n : (n || (n = 0.3),\r\n i < 1\r\n ? ((i = 1), (e = n / 4))\r\n : (e = (n / (2 * Math.PI)) * Math.asin(1 / i)),\r\n -i *\r\n Math.pow(2, 10 * (t -= 1)) *\r\n Math.sin(((t - e) * (2 * Math.PI)) / n));\r\n },\r\n easeOutElastic: function (t) {\r\n var e = 1.70158,\r\n n = 0,\r\n i = 1;\r\n return 0 === t\r\n ? 0\r\n : 1 === t\r\n ? 1\r\n : (n || (n = 0.3),\r\n i < 1\r\n ? ((i = 1), (e = n / 4))\r\n : (e = (n / (2 * Math.PI)) * Math.asin(1 / i)),\r\n i * Math.pow(2, -10 * t) * Math.sin(((t - e) * (2 * Math.PI)) / n) +\r\n 1);\r\n },\r\n easeInOutElastic: function (t) {\r\n var e = 1.70158,\r\n n = 0,\r\n i = 1;\r\n return 0 === t\r\n ? 0\r\n : 2 == (t /= 0.5)\r\n ? 1\r\n : (n || (n = 0.45),\r\n i < 1\r\n ? ((i = 1), (e = n / 4))\r\n : (e = (n / (2 * Math.PI)) * Math.asin(1 / i)),\r\n t < 1\r\n ? i *\r\n Math.pow(2, 10 * (t -= 1)) *\r\n Math.sin(((t - e) * (2 * Math.PI)) / n) *\r\n -0.5\r\n : i *\r\n Math.pow(2, -10 * (t -= 1)) *\r\n Math.sin(((t - e) * (2 * Math.PI)) / n) *\r\n 0.5 +\r\n 1);\r\n },\r\n easeInBack: function (t) {\r\n var e = 1.70158;\r\n return t * t * ((e + 1) * t - e);\r\n },\r\n easeOutBack: function (t) {\r\n var e = 1.70158;\r\n return (t -= 1) * t * ((e + 1) * t + e) + 1;\r\n },\r\n easeInOutBack: function (t) {\r\n var e = 1.70158;\r\n return (t /= 0.5) < 1\r\n ? t * t * ((1 + (e *= 1.525)) * t - e) * 0.5\r\n : 0.5 * ((t -= 2) * t * ((1 + (e *= 1.525)) * t + e) + 2);\r\n },\r\n easeInBounce: function (t) {\r\n return 1 - D.easeOutBounce(1 - t);\r\n },\r\n easeOutBounce: function (t) {\r\n return t < 1 / 2.75\r\n ? 7.5625 * t * t\r\n : t < 2 / 2.75\r\n ? 7.5625 * (t -= 1.5 / 2.75) * t + 0.75\r\n : t < 2.5 / 2.75\r\n ? 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375\r\n : 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375;\r\n },\r\n easeInOutBounce: function (t) {\r\n return t < 0.5\r\n ? 0.5 * D.easeInBounce(2 * t)\r\n : 0.5 * D.easeOutBounce(2 * t - 1) + 0.5;\r\n },\r\n },\r\n C = { effects: D };\r\n S.easingEffects = D;\r\n var P = Math.PI,\r\n T = P / 180,\r\n O = 2 * P,\r\n A = P / 2,\r\n F = P / 4,\r\n I = (2 * P) / 3,\r\n L = {\r\n clear: function (t) {\r\n t.ctx.clearRect(0, 0, t.width, t.height);\r\n },\r\n roundedRect: function (t, e, n, i, a, r) {\r\n if (r) {\r\n var o = Math.min(r, a / 2, i / 2),\r\n s = e + o,\r\n l = n + o,\r\n u = e + i - o,\r\n d = n + a - o;\r\n t.moveTo(e, l),\r\n s < u && l < d\r\n ? (t.arc(s, l, o, -P, -A),\r\n t.arc(u, l, o, -A, 0),\r\n t.arc(u, d, o, 0, A),\r\n t.arc(s, d, o, A, P))\r\n : s < u\r\n ? (t.moveTo(s, n),\r\n t.arc(u, l, o, -A, A),\r\n t.arc(s, l, o, A, P + A))\r\n : l < d\r\n ? (t.arc(s, l, o, -P, 0), t.arc(s, d, o, 0, P))\r\n : t.arc(s, l, o, -P, P),\r\n t.closePath(),\r\n t.moveTo(e, n);\r\n } else t.rect(e, n, i, a);\r\n },\r\n drawPoint: function (t, e, n, i, a, r) {\r\n var o,\r\n s,\r\n l,\r\n u,\r\n d,\r\n h = (r || 0) * T;\r\n if (\r\n e &&\r\n \"object\" == typeof e &&\r\n (\"[object HTMLImageElement]\" === (o = e.toString()) ||\r\n \"[object HTMLCanvasElement]\" === o)\r\n )\r\n return (\r\n t.save(),\r\n t.translate(i, a),\r\n t.rotate(h),\r\n t.drawImage(e, -e.width / 2, -e.height / 2, e.width, e.height),\r\n void t.restore()\r\n );\r\n if (!(isNaN(n) || n <= 0)) {\r\n switch ((t.beginPath(), e)) {\r\n default:\r\n t.arc(i, a, n, 0, O), t.closePath();\r\n break;\r\n case \"triangle\":\r\n t.moveTo(i + Math.sin(h) * n, a - Math.cos(h) * n),\r\n (h += I),\r\n t.lineTo(i + Math.sin(h) * n, a - Math.cos(h) * n),\r\n (h += I),\r\n t.lineTo(i + Math.sin(h) * n, a - Math.cos(h) * n),\r\n t.closePath();\r\n break;\r\n case \"rectRounded\":\r\n (u = n - (d = 0.516 * n)),\r\n (s = Math.cos(h + F) * u),\r\n (l = Math.sin(h + F) * u),\r\n t.arc(i - s, a - l, d, h - P, h - A),\r\n t.arc(i + l, a - s, d, h - A, h),\r\n t.arc(i + s, a + l, d, h, h + A),\r\n t.arc(i - l, a + s, d, h + A, h + P),\r\n t.closePath();\r\n break;\r\n case \"rect\":\r\n if (!r) {\r\n (u = Math.SQRT1_2 * n), t.rect(i - u, a - u, 2 * u, 2 * u);\r\n break;\r\n }\r\n h += F;\r\n case \"rectRot\":\r\n (s = Math.cos(h) * n),\r\n (l = Math.sin(h) * n),\r\n t.moveTo(i - s, a - l),\r\n t.lineTo(i + l, a - s),\r\n t.lineTo(i + s, a + l),\r\n t.lineTo(i - l, a + s),\r\n t.closePath();\r\n break;\r\n case \"crossRot\":\r\n h += F;\r\n case \"cross\":\r\n (s = Math.cos(h) * n),\r\n (l = Math.sin(h) * n),\r\n t.moveTo(i - s, a - l),\r\n t.lineTo(i + s, a + l),\r\n t.moveTo(i + l, a - s),\r\n t.lineTo(i - l, a + s);\r\n break;\r\n case \"star\":\r\n (s = Math.cos(h) * n),\r\n (l = Math.sin(h) * n),\r\n t.moveTo(i - s, a - l),\r\n t.lineTo(i + s, a + l),\r\n t.moveTo(i + l, a - s),\r\n t.lineTo(i - l, a + s),\r\n (h += F),\r\n (s = Math.cos(h) * n),\r\n (l = Math.sin(h) * n),\r\n t.moveTo(i - s, a - l),\r\n t.lineTo(i + s, a + l),\r\n t.moveTo(i + l, a - s),\r\n t.lineTo(i - l, a + s);\r\n break;\r\n case \"line\":\r\n (s = Math.cos(h) * n),\r\n (l = Math.sin(h) * n),\r\n t.moveTo(i - s, a - l),\r\n t.lineTo(i + s, a + l);\r\n break;\r\n case \"dash\":\r\n t.moveTo(i, a),\r\n t.lineTo(i + Math.cos(h) * n, a + Math.sin(h) * n);\r\n }\r\n t.fill(), t.stroke();\r\n }\r\n },\r\n _isPointInArea: function (t, e) {\r\n return (\r\n t.x > e.left - 1e-6 &&\r\n t.x < e.right + 1e-6 &&\r\n t.y > e.top - 1e-6 &&\r\n t.y < e.bottom + 1e-6\r\n );\r\n },\r\n clipArea: function (t, e) {\r\n t.save(),\r\n t.beginPath(),\r\n t.rect(e.left, e.top, e.right - e.left, e.bottom - e.top),\r\n t.clip();\r\n },\r\n unclipArea: function (t) {\r\n t.restore();\r\n },\r\n lineTo: function (t, e, n, i) {\r\n var a = n.steppedLine;\r\n if (a) {\r\n if (\"middle\" === a) {\r\n var r = (e.x + n.x) / 2;\r\n t.lineTo(r, i ? n.y : e.y), t.lineTo(r, i ? e.y : n.y);\r\n } else\r\n (\"after\" === a && !i) || (\"after\" !== a && i)\r\n ? t.lineTo(e.x, n.y)\r\n : t.lineTo(n.x, e.y);\r\n t.lineTo(n.x, n.y);\r\n } else\r\n n.tension\r\n ? t.bezierCurveTo(\r\n i ? e.controlPointPreviousX : e.controlPointNextX,\r\n i ? e.controlPointPreviousY : e.controlPointNextY,\r\n i ? n.controlPointNextX : n.controlPointPreviousX,\r\n i ? n.controlPointNextY : n.controlPointPreviousY,\r\n n.x,\r\n n.y\r\n )\r\n : t.lineTo(n.x, n.y);\r\n },\r\n },\r\n R = L;\r\n (S.clear = L.clear),\r\n (S.drawRoundedRectangle = function (t) {\r\n t.beginPath(), L.roundedRect.apply(L, arguments);\r\n });\r\n var N = {\r\n _set: function (t, e) {\r\n return S.merge(this[t] || (this[t] = {}), e);\r\n },\r\n };\r\n N._set(\"global\", {\r\n defaultColor: \"rgba(0,0,0,0.1)\",\r\n defaultFontColor: \"#666\",\r\n defaultFontFamily: \"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif\",\r\n defaultFontSize: 12,\r\n defaultFontStyle: \"normal\",\r\n defaultLineHeight: 1.2,\r\n showLines: !0,\r\n });\r\n var W = N,\r\n Y = S.valueOrDefault;\r\n var z = {\r\n toLineHeight: function (t, e) {\r\n var n = (\"\" + t).match(/^(normal|(\\d+(?:\\.\\d+)?)(px|em|%)?)$/);\r\n if (!n || \"normal\" === n[1]) return 1.2 * e;\r\n switch (((t = +n[2]), n[3])) {\r\n case \"px\":\r\n return t;\r\n case \"%\":\r\n t /= 100;\r\n }\r\n return e * t;\r\n },\r\n toPadding: function (t) {\r\n var e, n, i, a;\r\n return (\r\n S.isObject(t)\r\n ? ((e = +t.top || 0),\r\n (n = +t.right || 0),\r\n (i = +t.bottom || 0),\r\n (a = +t.left || 0))\r\n : (e = n = i = a = +t || 0),\r\n { top: e, right: n, bottom: i, left: a, height: e + i, width: a + n }\r\n );\r\n },\r\n _parseFont: function (t) {\r\n var e = W.global,\r\n n = Y(t.fontSize, e.defaultFontSize),\r\n i = {\r\n family: Y(t.fontFamily, e.defaultFontFamily),\r\n lineHeight: S.options.toLineHeight(\r\n Y(t.lineHeight, e.defaultLineHeight),\r\n n\r\n ),\r\n size: n,\r\n style: Y(t.fontStyle, e.defaultFontStyle),\r\n weight: null,\r\n string: \"\",\r\n };\r\n return (\r\n (i.string = (function (t) {\r\n return !t || S.isNullOrUndef(t.size) || S.isNullOrUndef(t.family)\r\n ? null\r\n : (t.style ? t.style + \" \" : \"\") +\r\n (t.weight ? t.weight + \" \" : \"\") +\r\n t.size +\r\n \"px \" +\r\n t.family;\r\n })(i)),\r\n i\r\n );\r\n },\r\n resolve: function (t, e, n, i) {\r\n var a,\r\n r,\r\n o,\r\n s = !0;\r\n for (a = 0, r = t.length; a < r; ++a)\r\n if (\r\n void 0 !== (o = t[a]) &&\r\n (void 0 !== e && \"function\" == typeof o && ((o = o(e)), (s = !1)),\r\n void 0 !== n && S.isArray(o) && ((o = o[n]), (s = !1)),\r\n void 0 !== o)\r\n )\r\n return i && !s && (i.cacheable = !1), o;\r\n },\r\n },\r\n E = {\r\n _factorize: function (t) {\r\n var e,\r\n n = [],\r\n i = Math.sqrt(t);\r\n for (e = 1; e < i; e++) t % e == 0 && (n.push(e), n.push(t / e));\r\n return (\r\n i === (0 | i) && n.push(i),\r\n n\r\n .sort(function (t, e) {\r\n return t - e;\r\n })\r\n .pop(),\r\n n\r\n );\r\n },\r\n log10:\r\n Math.log10 ||\r\n function (t) {\r\n var e = Math.log(t) * Math.LOG10E,\r\n n = Math.round(e);\r\n return t === Math.pow(10, n) ? n : e;\r\n },\r\n },\r\n V = E;\r\n S.log10 = E.log10;\r\n var H = S,\r\n B = C,\r\n j = R,\r\n U = z,\r\n G = V,\r\n q = {\r\n getRtlAdapter: function (t, e, n) {\r\n return t\r\n ? (function (t, e) {\r\n return {\r\n x: function (n) {\r\n return t + t + e - n;\r\n },\r\n setWidth: function (t) {\r\n e = t;\r\n },\r\n textAlign: function (t) {\r\n return \"center\" === t ? t : \"right\" === t ? \"left\" : \"right\";\r\n },\r\n xPlus: function (t, e) {\r\n return t - e;\r\n },\r\n leftForLtr: function (t, e) {\r\n return t - e;\r\n },\r\n };\r\n })(e, n)\r\n : {\r\n x: function (t) {\r\n return t;\r\n },\r\n setWidth: function (t) {},\r\n textAlign: function (t) {\r\n return t;\r\n },\r\n xPlus: function (t, e) {\r\n return t + e;\r\n },\r\n leftForLtr: function (t, e) {\r\n return t;\r\n },\r\n };\r\n },\r\n overrideTextDirection: function (t, e) {\r\n var n, i;\r\n (\"ltr\" !== e && \"rtl\" !== e) ||\r\n ((i = [\r\n (n = t.canvas.style).getPropertyValue(\"direction\"),\r\n n.getPropertyPriority(\"direction\"),\r\n ]),\r\n n.setProperty(\"direction\", e, \"important\"),\r\n (t.prevTextDirection = i));\r\n },\r\n restoreTextDirection: function (t) {\r\n var e = t.prevTextDirection;\r\n void 0 !== e &&\r\n (delete t.prevTextDirection,\r\n t.canvas.style.setProperty(\"direction\", e[0], e[1]));\r\n },\r\n };\r\n (H.easing = B), (H.canvas = j), (H.options = U), (H.math = G), (H.rtl = q);\r\n var Z = function (t) {\r\n H.extend(this, t), this.initialize.apply(this, arguments);\r\n };\r\n H.extend(Z.prototype, {\r\n _type: void 0,\r\n initialize: function () {\r\n this.hidden = !1;\r\n },\r\n pivot: function () {\r\n var t = this;\r\n return t._view || (t._view = H.extend({}, t._model)), (t._start = {}), t;\r\n },\r\n transition: function (t) {\r\n var e = this,\r\n n = e._model,\r\n i = e._start,\r\n a = e._view;\r\n return n && 1 !== t\r\n ? (a || (a = e._view = {}),\r\n i || (i = e._start = {}),\r\n (function (t, e, n, i) {\r\n var a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u,\r\n d,\r\n h,\r\n c,\r\n f = Object.keys(n);\r\n for (a = 0, r = f.length; a < r; ++a)\r\n if (\r\n ((u = n[(o = f[a])]),\r\n e.hasOwnProperty(o) || (e[o] = u),\r\n (s = e[o]) !== u && \"_\" !== o[0])\r\n ) {\r\n if (\r\n (t.hasOwnProperty(o) || (t[o] = s),\r\n (d = typeof u) === typeof (l = t[o]))\r\n )\r\n if (\"string\" === d) {\r\n if ((h = k(l)).valid && (c = k(u)).valid) {\r\n e[o] = c.mix(h, i).rgbString();\r\n continue;\r\n }\r\n } else if (H.isFinite(l) && H.isFinite(u)) {\r\n e[o] = l + (u - l) * i;\r\n continue;\r\n }\r\n e[o] = u;\r\n }\r\n })(i, a, n, t),\r\n e)\r\n : ((e._view = H.extend({}, n)), (e._start = null), e);\r\n },\r\n tooltipPosition: function () {\r\n return { x: this._model.x, y: this._model.y };\r\n },\r\n hasValue: function () {\r\n return H.isNumber(this._model.x) && H.isNumber(this._model.y);\r\n },\r\n }),\r\n (Z.extend = H.inherits);\r\n var $ = Z,\r\n X = $.extend({\r\n chart: null,\r\n currentStep: 0,\r\n numSteps: 60,\r\n easing: \"\",\r\n render: null,\r\n onAnimationProgress: null,\r\n onAnimationComplete: null,\r\n }),\r\n K = X;\r\n Object.defineProperty(X.prototype, \"animationObject\", {\r\n get: function () {\r\n return this;\r\n },\r\n }),\r\n Object.defineProperty(X.prototype, \"chartInstance\", {\r\n get: function () {\r\n return this.chart;\r\n },\r\n set: function (t) {\r\n this.chart = t;\r\n },\r\n }),\r\n W._set(\"global\", {\r\n animation: {\r\n duration: 1e3,\r\n easing: \"easeOutQuart\",\r\n onProgress: H.noop,\r\n onComplete: H.noop,\r\n },\r\n });\r\n var J = {\r\n animations: [],\r\n request: null,\r\n addAnimation: function (t, e, n, i) {\r\n var a,\r\n r,\r\n o = this.animations;\r\n for (\r\n e.chart = t,\r\n e.startTime = Date.now(),\r\n e.duration = n,\r\n i || (t.animating = !0),\r\n a = 0,\r\n r = o.length;\r\n a < r;\r\n ++a\r\n )\r\n if (o[a].chart === t) return void (o[a] = e);\r\n o.push(e), 1 === o.length && this.requestAnimationFrame();\r\n },\r\n cancelAnimation: function (t) {\r\n var e = H.findIndex(this.animations, function (e) {\r\n return e.chart === t;\r\n });\r\n -1 !== e && (this.animations.splice(e, 1), (t.animating = !1));\r\n },\r\n requestAnimationFrame: function () {\r\n var t = this;\r\n null === t.request &&\r\n (t.request = H.requestAnimFrame.call(window, function () {\r\n (t.request = null), t.startDigest();\r\n }));\r\n },\r\n startDigest: function () {\r\n this.advance(),\r\n this.animations.length > 0 && this.requestAnimationFrame();\r\n },\r\n advance: function () {\r\n for (var t, e, n, i, a = this.animations, r = 0; r < a.length; )\r\n (e = (t = a[r]).chart),\r\n (n = t.numSteps),\r\n (i = Math.floor(((Date.now() - t.startTime) / t.duration) * n) + 1),\r\n (t.currentStep = Math.min(i, n)),\r\n H.callback(t.render, [e, t], e),\r\n H.callback(t.onAnimationProgress, [t], e),\r\n t.currentStep >= n\r\n ? (H.callback(t.onAnimationComplete, [t], e),\r\n (e.animating = !1),\r\n a.splice(r, 1))\r\n : ++r;\r\n },\r\n },\r\n Q = H.options.resolve,\r\n tt = [\"push\", \"pop\", \"shift\", \"splice\", \"unshift\"];\r\n function et(t, e) {\r\n var n = t._chartjs;\r\n if (n) {\r\n var i = n.listeners,\r\n a = i.indexOf(e);\r\n -1 !== a && i.splice(a, 1),\r\n i.length > 0 ||\r\n (tt.forEach(function (e) {\r\n delete t[e];\r\n }),\r\n delete t._chartjs);\r\n }\r\n }\r\n var nt = function (t, e) {\r\n this.initialize(t, e);\r\n };\r\n H.extend(nt.prototype, {\r\n datasetElementType: null,\r\n dataElementType: null,\r\n _datasetElementOptions: [\r\n \"backgroundColor\",\r\n \"borderCapStyle\",\r\n \"borderColor\",\r\n \"borderDash\",\r\n \"borderDashOffset\",\r\n \"borderJoinStyle\",\r\n \"borderWidth\",\r\n ],\r\n _dataElementOptions: [\r\n \"backgroundColor\",\r\n \"borderColor\",\r\n \"borderWidth\",\r\n \"pointStyle\",\r\n ],\r\n initialize: function (t, e) {\r\n var n = this;\r\n (n.chart = t),\r\n (n.index = e),\r\n n.linkScales(),\r\n n.addElements(),\r\n (n._type = n.getMeta().type);\r\n },\r\n updateIndex: function (t) {\r\n this.index = t;\r\n },\r\n linkScales: function () {\r\n var t = this.getMeta(),\r\n e = this.chart,\r\n n = e.scales,\r\n i = this.getDataset(),\r\n a = e.options.scales;\r\n (null !== t.xAxisID && t.xAxisID in n && !i.xAxisID) ||\r\n (t.xAxisID = i.xAxisID || a.xAxes[0].id),\r\n (null !== t.yAxisID && t.yAxisID in n && !i.yAxisID) ||\r\n (t.yAxisID = i.yAxisID || a.yAxes[0].id);\r\n },\r\n getDataset: function () {\r\n return this.chart.data.datasets[this.index];\r\n },\r\n getMeta: function () {\r\n return this.chart.getDatasetMeta(this.index);\r\n },\r\n getScaleForId: function (t) {\r\n return this.chart.scales[t];\r\n },\r\n _getValueScaleId: function () {\r\n return this.getMeta().yAxisID;\r\n },\r\n _getIndexScaleId: function () {\r\n return this.getMeta().xAxisID;\r\n },\r\n _getValueScale: function () {\r\n return this.getScaleForId(this._getValueScaleId());\r\n },\r\n _getIndexScale: function () {\r\n return this.getScaleForId(this._getIndexScaleId());\r\n },\r\n reset: function () {\r\n this._update(!0);\r\n },\r\n destroy: function () {\r\n this._data && et(this._data, this);\r\n },\r\n createMetaDataset: function () {\r\n var t = this.datasetElementType;\r\n return t && new t({ _chart: this.chart, _datasetIndex: this.index });\r\n },\r\n createMetaData: function (t) {\r\n var e = this.dataElementType;\r\n return (\r\n e && new e({ _chart: this.chart, _datasetIndex: this.index, _index: t })\r\n );\r\n },\r\n addElements: function () {\r\n var t,\r\n e,\r\n n = this.getMeta(),\r\n i = this.getDataset().data || [],\r\n a = n.data;\r\n for (t = 0, e = i.length; t < e; ++t)\r\n a[t] = a[t] || this.createMetaData(t);\r\n n.dataset = n.dataset || this.createMetaDataset();\r\n },\r\n addElementAndReset: function (t) {\r\n var e = this.createMetaData(t);\r\n this.getMeta().data.splice(t, 0, e), this.updateElement(e, t, !0);\r\n },\r\n buildOrUpdateElements: function () {\r\n var t,\r\n e,\r\n n = this,\r\n i = n.getDataset(),\r\n a = i.data || (i.data = []);\r\n n._data !== a &&\r\n (n._data && et(n._data, n),\r\n a &&\r\n Object.isExtensible(a) &&\r\n ((e = n),\r\n (t = a)._chartjs\r\n ? t._chartjs.listeners.push(e)\r\n : (Object.defineProperty(t, \"_chartjs\", {\r\n configurable: !0,\r\n enumerable: !1,\r\n value: { listeners: [e] },\r\n }),\r\n tt.forEach(function (e) {\r\n var n = \"onData\" + e.charAt(0).toUpperCase() + e.slice(1),\r\n i = t[e];\r\n Object.defineProperty(t, e, {\r\n configurable: !0,\r\n enumerable: !1,\r\n value: function () {\r\n var e = Array.prototype.slice.call(arguments),\r\n a = i.apply(this, e);\r\n return (\r\n H.each(t._chartjs.listeners, function (t) {\r\n \"function\" == typeof t[n] && t[n].apply(t, e);\r\n }),\r\n a\r\n );\r\n },\r\n });\r\n }))),\r\n (n._data = a)),\r\n n.resyncElements();\r\n },\r\n _configure: function () {\r\n this._config = H.merge(\r\n {},\r\n [this.chart.options.datasets[this._type], this.getDataset()],\r\n {\r\n merger: function (t, e, n) {\r\n \"_meta\" !== t && \"data\" !== t && H._merger(t, e, n);\r\n },\r\n }\r\n );\r\n },\r\n _update: function (t) {\r\n this._configure(), (this._cachedDataOpts = null), this.update(t);\r\n },\r\n update: H.noop,\r\n transition: function (t) {\r\n for (\r\n var e = this.getMeta(), n = e.data || [], i = n.length, a = 0;\r\n a < i;\r\n ++a\r\n )\r\n n[a].transition(t);\r\n e.dataset && e.dataset.transition(t);\r\n },\r\n draw: function () {\r\n var t = this.getMeta(),\r\n e = t.data || [],\r\n n = e.length,\r\n i = 0;\r\n for (t.dataset && t.dataset.draw(); i < n; ++i) e[i].draw();\r\n },\r\n getStyle: function (t) {\r\n var e,\r\n n = this.getMeta(),\r\n i = n.dataset;\r\n return (\r\n this._configure(),\r\n i && void 0 === t\r\n ? (e = this._resolveDatasetElementOptions(i || {}))\r\n : ((t = t || 0),\r\n (e = this._resolveDataElementOptions(n.data[t] || {}, t))),\r\n (!1 !== e.fill && null !== e.fill) ||\r\n (e.backgroundColor = e.borderColor),\r\n e\r\n );\r\n },\r\n _resolveDatasetElementOptions: function (t, e) {\r\n var n,\r\n i,\r\n a,\r\n r,\r\n o = this,\r\n s = o.chart,\r\n l = o._config,\r\n u = t.custom || {},\r\n d = s.options.elements[o.datasetElementType.prototype._type] || {},\r\n h = o._datasetElementOptions,\r\n c = {},\r\n f = {\r\n chart: s,\r\n dataset: o.getDataset(),\r\n datasetIndex: o.index,\r\n hover: e,\r\n };\r\n for (n = 0, i = h.length; n < i; ++n)\r\n (a = h[n]),\r\n (r = e ? \"hover\" + a.charAt(0).toUpperCase() + a.slice(1) : a),\r\n (c[a] = Q([u[r], l[r], d[r]], f));\r\n return c;\r\n },\r\n _resolveDataElementOptions: function (t, e) {\r\n var n = this,\r\n i = t && t.custom,\r\n a = n._cachedDataOpts;\r\n if (a && !i) return a;\r\n var r,\r\n o,\r\n s,\r\n l,\r\n u = n.chart,\r\n d = n._config,\r\n h = u.options.elements[n.dataElementType.prototype._type] || {},\r\n c = n._dataElementOptions,\r\n f = {},\r\n g = {\r\n chart: u,\r\n dataIndex: e,\r\n dataset: n.getDataset(),\r\n datasetIndex: n.index,\r\n },\r\n m = { cacheable: !i };\r\n if (((i = i || {}), H.isArray(c)))\r\n for (o = 0, s = c.length; o < s; ++o)\r\n f[(l = c[o])] = Q([i[l], d[l], h[l]], g, e, m);\r\n else\r\n for (o = 0, s = (r = Object.keys(c)).length; o < s; ++o)\r\n f[(l = r[o])] = Q([i[l], d[c[l]], d[l], h[l]], g, e, m);\r\n return m.cacheable && (n._cachedDataOpts = Object.freeze(f)), f;\r\n },\r\n removeHoverStyle: function (t) {\r\n H.merge(t._model, t.$previousStyle || {}), delete t.$previousStyle;\r\n },\r\n setHoverStyle: function (t) {\r\n var e = this.chart.data.datasets[t._datasetIndex],\r\n n = t._index,\r\n i = t.custom || {},\r\n a = t._model,\r\n r = H.getHoverColor;\r\n (t.$previousStyle = {\r\n backgroundColor: a.backgroundColor,\r\n borderColor: a.borderColor,\r\n borderWidth: a.borderWidth,\r\n }),\r\n (a.backgroundColor = Q(\r\n [\r\n i.hoverBackgroundColor,\r\n e.hoverBackgroundColor,\r\n r(a.backgroundColor),\r\n ],\r\n void 0,\r\n n\r\n )),\r\n (a.borderColor = Q(\r\n [i.hoverBorderColor, e.hoverBorderColor, r(a.borderColor)],\r\n void 0,\r\n n\r\n )),\r\n (a.borderWidth = Q(\r\n [i.hoverBorderWidth, e.hoverBorderWidth, a.borderWidth],\r\n void 0,\r\n n\r\n ));\r\n },\r\n _removeDatasetHoverStyle: function () {\r\n var t = this.getMeta().dataset;\r\n t && this.removeHoverStyle(t);\r\n },\r\n _setDatasetHoverStyle: function () {\r\n var t,\r\n e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o = this.getMeta().dataset,\r\n s = {};\r\n if (o) {\r\n for (\r\n r = o._model,\r\n a = this._resolveDatasetElementOptions(o, !0),\r\n t = 0,\r\n e = (i = Object.keys(a)).length;\r\n t < e;\r\n ++t\r\n )\r\n (s[(n = i[t])] = r[n]), (r[n] = a[n]);\r\n o.$previousStyle = s;\r\n }\r\n },\r\n resyncElements: function () {\r\n var t = this.getMeta(),\r\n e = this.getDataset().data,\r\n n = t.data.length,\r\n i = e.length;\r\n i < n ? t.data.splice(i, n - i) : i > n && this.insertElements(n, i - n);\r\n },\r\n insertElements: function (t, e) {\r\n for (var n = 0; n < e; ++n) this.addElementAndReset(t + n);\r\n },\r\n onDataPush: function () {\r\n var t = arguments.length;\r\n this.insertElements(this.getDataset().data.length - t, t);\r\n },\r\n onDataPop: function () {\r\n this.getMeta().data.pop();\r\n },\r\n onDataShift: function () {\r\n this.getMeta().data.shift();\r\n },\r\n onDataSplice: function (t, e) {\r\n this.getMeta().data.splice(t, e),\r\n this.insertElements(t, arguments.length - 2);\r\n },\r\n onDataUnshift: function () {\r\n this.insertElements(0, arguments.length);\r\n },\r\n }),\r\n (nt.extend = H.inherits);\r\n var it = nt,\r\n at = 2 * Math.PI;\r\n function rt(t, e) {\r\n var n = e.startAngle,\r\n i = e.endAngle,\r\n a = e.pixelMargin,\r\n r = a / e.outerRadius,\r\n o = e.x,\r\n s = e.y;\r\n t.beginPath(),\r\n t.arc(o, s, e.outerRadius, n - r, i + r),\r\n e.innerRadius > a\r\n ? ((r = a / e.innerRadius),\r\n t.arc(o, s, e.innerRadius - a, i + r, n - r, !0))\r\n : t.arc(o, s, a, i + Math.PI / 2, n - Math.PI / 2),\r\n t.closePath(),\r\n t.clip();\r\n }\r\n function ot(t, e, n) {\r\n var i = \"inner\" === e.borderAlign;\r\n i\r\n ? ((t.lineWidth = 2 * e.borderWidth), (t.lineJoin = \"round\"))\r\n : ((t.lineWidth = e.borderWidth), (t.lineJoin = \"bevel\")),\r\n n.fullCircles &&\r\n (function (t, e, n, i) {\r\n var a,\r\n r = n.endAngle;\r\n for (\r\n i &&\r\n ((n.endAngle = n.startAngle + at),\r\n rt(t, n),\r\n (n.endAngle = r),\r\n n.endAngle === n.startAngle &&\r\n n.fullCircles &&\r\n ((n.endAngle += at), n.fullCircles--)),\r\n t.beginPath(),\r\n t.arc(\r\n n.x,\r\n n.y,\r\n n.innerRadius,\r\n n.startAngle + at,\r\n n.startAngle,\r\n !0\r\n ),\r\n a = 0;\r\n a < n.fullCircles;\r\n ++a\r\n )\r\n t.stroke();\r\n for (\r\n t.beginPath(),\r\n t.arc(n.x, n.y, e.outerRadius, n.startAngle, n.startAngle + at),\r\n a = 0;\r\n a < n.fullCircles;\r\n ++a\r\n )\r\n t.stroke();\r\n })(t, e, n, i),\r\n i && rt(t, n),\r\n t.beginPath(),\r\n t.arc(n.x, n.y, e.outerRadius, n.startAngle, n.endAngle),\r\n t.arc(n.x, n.y, n.innerRadius, n.endAngle, n.startAngle, !0),\r\n t.closePath(),\r\n t.stroke();\r\n }\r\n W._set(\"global\", {\r\n elements: {\r\n arc: {\r\n backgroundColor: W.global.defaultColor,\r\n borderColor: \"#fff\",\r\n borderWidth: 2,\r\n borderAlign: \"center\",\r\n },\r\n },\r\n });\r\n var st = $.extend({\r\n _type: \"arc\",\r\n inLabelRange: function (t) {\r\n var e = this._view;\r\n return (\r\n !!e && Math.pow(t - e.x, 2) < Math.pow(e.radius + e.hoverRadius, 2)\r\n );\r\n },\r\n inRange: function (t, e) {\r\n var n = this._view;\r\n if (n) {\r\n for (\r\n var i = H.getAngleFromPoint(n, { x: t, y: e }),\r\n a = i.angle,\r\n r = i.distance,\r\n o = n.startAngle,\r\n s = n.endAngle;\r\n s < o;\r\n\r\n )\r\n s += at;\r\n for (; a > s; ) a -= at;\r\n for (; a < o; ) a += at;\r\n var l = a >= o && a <= s,\r\n u = r >= n.innerRadius && r <= n.outerRadius;\r\n return l && u;\r\n }\r\n return !1;\r\n },\r\n getCenterPoint: function () {\r\n var t = this._view,\r\n e = (t.startAngle + t.endAngle) / 2,\r\n n = (t.innerRadius + t.outerRadius) / 2;\r\n return { x: t.x + Math.cos(e) * n, y: t.y + Math.sin(e) * n };\r\n },\r\n getArea: function () {\r\n var t = this._view;\r\n return (\r\n Math.PI *\r\n ((t.endAngle - t.startAngle) / (2 * Math.PI)) *\r\n (Math.pow(t.outerRadius, 2) - Math.pow(t.innerRadius, 2))\r\n );\r\n },\r\n tooltipPosition: function () {\r\n var t = this._view,\r\n e = t.startAngle + (t.endAngle - t.startAngle) / 2,\r\n n = (t.outerRadius - t.innerRadius) / 2 + t.innerRadius;\r\n return { x: t.x + Math.cos(e) * n, y: t.y + Math.sin(e) * n };\r\n },\r\n draw: function () {\r\n var t,\r\n e = this._chart.ctx,\r\n n = this._view,\r\n i = \"inner\" === n.borderAlign ? 0.33 : 0,\r\n a = {\r\n x: n.x,\r\n y: n.y,\r\n innerRadius: n.innerRadius,\r\n outerRadius: Math.max(n.outerRadius - i, 0),\r\n pixelMargin: i,\r\n startAngle: n.startAngle,\r\n endAngle: n.endAngle,\r\n fullCircles: Math.floor(n.circumference / at),\r\n };\r\n if (\r\n (e.save(),\r\n (e.fillStyle = n.backgroundColor),\r\n (e.strokeStyle = n.borderColor),\r\n a.fullCircles)\r\n ) {\r\n for (\r\n a.endAngle = a.startAngle + at,\r\n e.beginPath(),\r\n e.arc(a.x, a.y, a.outerRadius, a.startAngle, a.endAngle),\r\n e.arc(a.x, a.y, a.innerRadius, a.endAngle, a.startAngle, !0),\r\n e.closePath(),\r\n t = 0;\r\n t < a.fullCircles;\r\n ++t\r\n )\r\n e.fill();\r\n a.endAngle = a.startAngle + (n.circumference % at);\r\n }\r\n e.beginPath(),\r\n e.arc(a.x, a.y, a.outerRadius, a.startAngle, a.endAngle),\r\n e.arc(a.x, a.y, a.innerRadius, a.endAngle, a.startAngle, !0),\r\n e.closePath(),\r\n e.fill(),\r\n n.borderWidth && ot(e, n, a),\r\n e.restore();\r\n },\r\n }),\r\n lt = H.valueOrDefault,\r\n ut = W.global.defaultColor;\r\n W._set(\"global\", {\r\n elements: {\r\n line: {\r\n tension: 0.4,\r\n backgroundColor: ut,\r\n borderWidth: 3,\r\n borderColor: ut,\r\n borderCapStyle: \"butt\",\r\n borderDash: [],\r\n borderDashOffset: 0,\r\n borderJoinStyle: \"miter\",\r\n capBezierPoints: !0,\r\n fill: !0,\r\n },\r\n },\r\n });\r\n var dt = $.extend({\r\n _type: \"line\",\r\n draw: function () {\r\n var t,\r\n e,\r\n n,\r\n i = this,\r\n a = i._view,\r\n r = i._chart.ctx,\r\n o = a.spanGaps,\r\n s = i._children.slice(),\r\n l = W.global,\r\n u = l.elements.line,\r\n d = -1,\r\n h = i._loop;\r\n if (s.length) {\r\n if (i._loop) {\r\n for (t = 0; t < s.length; ++t)\r\n if (\r\n ((e = H.previousItem(s, t)), !s[t]._view.skip && e._view.skip)\r\n ) {\r\n (s = s.slice(t).concat(s.slice(0, t))), (h = o);\r\n break;\r\n }\r\n h && s.push(s[0]);\r\n }\r\n for (\r\n r.save(),\r\n r.lineCap = a.borderCapStyle || u.borderCapStyle,\r\n r.setLineDash && r.setLineDash(a.borderDash || u.borderDash),\r\n r.lineDashOffset = lt(a.borderDashOffset, u.borderDashOffset),\r\n r.lineJoin = a.borderJoinStyle || u.borderJoinStyle,\r\n r.lineWidth = lt(a.borderWidth, u.borderWidth),\r\n r.strokeStyle = a.borderColor || l.defaultColor,\r\n r.beginPath(),\r\n (n = s[0]._view).skip || (r.moveTo(n.x, n.y), (d = 0)),\r\n t = 1;\r\n t < s.length;\r\n ++t\r\n )\r\n (n = s[t]._view),\r\n (e = -1 === d ? H.previousItem(s, t) : s[d]),\r\n n.skip ||\r\n ((d !== t - 1 && !o) || -1 === d\r\n ? r.moveTo(n.x, n.y)\r\n : H.canvas.lineTo(r, e._view, n),\r\n (d = t));\r\n h && r.closePath(), r.stroke(), r.restore();\r\n }\r\n },\r\n }),\r\n ht = H.valueOrDefault,\r\n ct = W.global.defaultColor;\r\n function ft(t) {\r\n var e = this._view;\r\n return !!e && Math.abs(t - e.x) < e.radius + e.hitRadius;\r\n }\r\n W._set(\"global\", {\r\n elements: {\r\n point: {\r\n radius: 3,\r\n pointStyle: \"circle\",\r\n backgroundColor: ct,\r\n borderColor: ct,\r\n borderWidth: 1,\r\n hitRadius: 1,\r\n hoverRadius: 4,\r\n hoverBorderWidth: 1,\r\n },\r\n },\r\n });\r\n var gt = $.extend({\r\n _type: \"point\",\r\n inRange: function (t, e) {\r\n var n = this._view;\r\n return (\r\n !!n &&\r\n Math.pow(t - n.x, 2) + Math.pow(e - n.y, 2) <\r\n Math.pow(n.hitRadius + n.radius, 2)\r\n );\r\n },\r\n inLabelRange: ft,\r\n inXRange: ft,\r\n inYRange: function (t) {\r\n var e = this._view;\r\n return !!e && Math.abs(t - e.y) < e.radius + e.hitRadius;\r\n },\r\n getCenterPoint: function () {\r\n var t = this._view;\r\n return { x: t.x, y: t.y };\r\n },\r\n getArea: function () {\r\n return Math.PI * Math.pow(this._view.radius, 2);\r\n },\r\n tooltipPosition: function () {\r\n var t = this._view;\r\n return { x: t.x, y: t.y, padding: t.radius + t.borderWidth };\r\n },\r\n draw: function (t) {\r\n var e = this._view,\r\n n = this._chart.ctx,\r\n i = e.pointStyle,\r\n a = e.rotation,\r\n r = e.radius,\r\n o = e.x,\r\n s = e.y,\r\n l = W.global,\r\n u = l.defaultColor;\r\n e.skip ||\r\n ((void 0 === t || H.canvas._isPointInArea(e, t)) &&\r\n ((n.strokeStyle = e.borderColor || u),\r\n (n.lineWidth = ht(e.borderWidth, l.elements.point.borderWidth)),\r\n (n.fillStyle = e.backgroundColor || u),\r\n H.canvas.drawPoint(n, i, r, o, s, a)));\r\n },\r\n }),\r\n mt = W.global.defaultColor;\r\n function pt(t) {\r\n return t && void 0 !== t.width;\r\n }\r\n function vt(t) {\r\n var e, n, i, a, r;\r\n return (\r\n pt(t)\r\n ? ((r = t.width / 2),\r\n (e = t.x - r),\r\n (n = t.x + r),\r\n (i = Math.min(t.y, t.base)),\r\n (a = Math.max(t.y, t.base)))\r\n : ((r = t.height / 2),\r\n (e = Math.min(t.x, t.base)),\r\n (n = Math.max(t.x, t.base)),\r\n (i = t.y - r),\r\n (a = t.y + r)),\r\n { left: e, top: i, right: n, bottom: a }\r\n );\r\n }\r\n function bt(t, e, n) {\r\n return t === e ? n : t === n ? e : t;\r\n }\r\n function yt(t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o,\r\n s = t.borderWidth,\r\n l = (function (t) {\r\n var e = t.borderSkipped,\r\n n = {};\r\n return e\r\n ? (t.horizontal\r\n ? t.base > t.x && (e = bt(e, \"left\", \"right\"))\r\n : t.base < t.y && (e = bt(e, \"bottom\", \"top\")),\r\n (n[e] = !0),\r\n n)\r\n : n;\r\n })(t);\r\n return (\r\n H.isObject(s)\r\n ? ((i = +s.top || 0),\r\n (a = +s.right || 0),\r\n (r = +s.bottom || 0),\r\n (o = +s.left || 0))\r\n : (i = a = r = o = +s || 0),\r\n {\r\n t: l.top || i < 0 ? 0 : i > n ? n : i,\r\n r: l.right || a < 0 ? 0 : a > e ? e : a,\r\n b: l.bottom || r < 0 ? 0 : r > n ? n : r,\r\n l: l.left || o < 0 ? 0 : o > e ? e : o,\r\n }\r\n );\r\n }\r\n function xt(t, e, n) {\r\n var i = null === e,\r\n a = null === n,\r\n r = !(!t || (i && a)) && vt(t);\r\n return (\r\n r &&\r\n (i || (e >= r.left && e <= r.right)) &&\r\n (a || (n >= r.top && n <= r.bottom))\r\n );\r\n }\r\n W._set(\"global\", {\r\n elements: {\r\n rectangle: {\r\n backgroundColor: mt,\r\n borderColor: mt,\r\n borderSkipped: \"bottom\",\r\n borderWidth: 0,\r\n },\r\n },\r\n });\r\n var _t = $.extend({\r\n _type: \"rectangle\",\r\n draw: function () {\r\n var t = this._chart.ctx,\r\n e = this._view,\r\n n = (function (t) {\r\n var e = vt(t),\r\n n = e.right - e.left,\r\n i = e.bottom - e.top,\r\n a = yt(t, n / 2, i / 2);\r\n return {\r\n outer: { x: e.left, y: e.top, w: n, h: i },\r\n inner: {\r\n x: e.left + a.l,\r\n y: e.top + a.t,\r\n w: n - a.l - a.r,\r\n h: i - a.t - a.b,\r\n },\r\n };\r\n })(e),\r\n i = n.outer,\r\n a = n.inner;\r\n (t.fillStyle = e.backgroundColor),\r\n t.fillRect(i.x, i.y, i.w, i.h),\r\n (i.w === a.w && i.h === a.h) ||\r\n (t.save(),\r\n t.beginPath(),\r\n t.rect(i.x, i.y, i.w, i.h),\r\n t.clip(),\r\n (t.fillStyle = e.borderColor),\r\n t.rect(a.x, a.y, a.w, a.h),\r\n t.fill(\"evenodd\"),\r\n t.restore());\r\n },\r\n height: function () {\r\n var t = this._view;\r\n return t.base - t.y;\r\n },\r\n inRange: function (t, e) {\r\n return xt(this._view, t, e);\r\n },\r\n inLabelRange: function (t, e) {\r\n var n = this._view;\r\n return pt(n) ? xt(n, t, null) : xt(n, null, e);\r\n },\r\n inXRange: function (t) {\r\n return xt(this._view, t, null);\r\n },\r\n inYRange: function (t) {\r\n return xt(this._view, null, t);\r\n },\r\n getCenterPoint: function () {\r\n var t,\r\n e,\r\n n = this._view;\r\n return (\r\n pt(n)\r\n ? ((t = n.x), (e = (n.y + n.base) / 2))\r\n : ((t = (n.x + n.base) / 2), (e = n.y)),\r\n { x: t, y: e }\r\n );\r\n },\r\n getArea: function () {\r\n var t = this._view;\r\n return pt(t)\r\n ? t.width * Math.abs(t.y - t.base)\r\n : t.height * Math.abs(t.x - t.base);\r\n },\r\n tooltipPosition: function () {\r\n var t = this._view;\r\n return { x: t.x, y: t.y };\r\n },\r\n }),\r\n wt = {},\r\n kt = st,\r\n Mt = dt,\r\n St = gt,\r\n Dt = _t;\r\n (wt.Arc = kt), (wt.Line = Mt), (wt.Point = St), (wt.Rectangle = Dt);\r\n var Ct = H._deprecated,\r\n Pt = H.valueOrDefault;\r\n function Tt(t, e, n) {\r\n var i,\r\n a,\r\n r = n.barThickness,\r\n o = e.stackCount,\r\n s = e.pixels[t],\r\n l = H.isNullOrUndef(r)\r\n ? (function (t, e) {\r\n var n,\r\n i,\r\n a,\r\n r,\r\n o = t._length;\r\n for (a = 1, r = e.length; a < r; ++a)\r\n o = Math.min(o, Math.abs(e[a] - e[a - 1]));\r\n for (a = 0, r = t.getTicks().length; a < r; ++a)\r\n (i = t.getPixelForTick(a)),\r\n (o = a > 0 ? Math.min(o, Math.abs(i - n)) : o),\r\n (n = i);\r\n return o;\r\n })(e.scale, e.pixels)\r\n : -1;\r\n return (\r\n H.isNullOrUndef(r)\r\n ? ((i = l * n.categoryPercentage), (a = n.barPercentage))\r\n : ((i = r * o), (a = 1)),\r\n { chunk: i / o, ratio: a, start: s - i / 2 }\r\n );\r\n }\r\n W._set(\"bar\", {\r\n hover: { mode: \"label\" },\r\n scales: {\r\n xAxes: [\r\n { type: \"category\", offset: !0, gridLines: { offsetGridLines: !0 } },\r\n ],\r\n yAxes: [{ type: \"linear\" }],\r\n },\r\n }),\r\n W._set(\"global\", {\r\n datasets: { bar: { categoryPercentage: 0.8, barPercentage: 0.9 } },\r\n });\r\n var Ot = it.extend({\r\n dataElementType: wt.Rectangle,\r\n _dataElementOptions: [\r\n \"backgroundColor\",\r\n \"borderColor\",\r\n \"borderSkipped\",\r\n \"borderWidth\",\r\n \"barPercentage\",\r\n \"barThickness\",\r\n \"categoryPercentage\",\r\n \"maxBarThickness\",\r\n \"minBarLength\",\r\n ],\r\n initialize: function () {\r\n var t,\r\n e,\r\n n = this;\r\n it.prototype.initialize.apply(n, arguments),\r\n ((t = n.getMeta()).stack = n.getDataset().stack),\r\n (t.bar = !0),\r\n (e = n._getIndexScale().options),\r\n Ct(\r\n \"bar chart\",\r\n e.barPercentage,\r\n \"scales.[x/y]Axes.barPercentage\",\r\n \"dataset.barPercentage\"\r\n ),\r\n Ct(\r\n \"bar chart\",\r\n e.barThickness,\r\n \"scales.[x/y]Axes.barThickness\",\r\n \"dataset.barThickness\"\r\n ),\r\n Ct(\r\n \"bar chart\",\r\n e.categoryPercentage,\r\n \"scales.[x/y]Axes.categoryPercentage\",\r\n \"dataset.categoryPercentage\"\r\n ),\r\n Ct(\r\n \"bar chart\",\r\n n._getValueScale().options.minBarLength,\r\n \"scales.[x/y]Axes.minBarLength\",\r\n \"dataset.minBarLength\"\r\n ),\r\n Ct(\r\n \"bar chart\",\r\n e.maxBarThickness,\r\n \"scales.[x/y]Axes.maxBarThickness\",\r\n \"dataset.maxBarThickness\"\r\n );\r\n },\r\n update: function (t) {\r\n var e,\r\n n,\r\n i = this.getMeta().data;\r\n for (this._ruler = this.getRuler(), e = 0, n = i.length; e < n; ++e)\r\n this.updateElement(i[e], e, t);\r\n },\r\n updateElement: function (t, e, n) {\r\n var i = this,\r\n a = i.getMeta(),\r\n r = i.getDataset(),\r\n o = i._resolveDataElementOptions(t, e);\r\n (t._xScale = i.getScaleForId(a.xAxisID)),\r\n (t._yScale = i.getScaleForId(a.yAxisID)),\r\n (t._datasetIndex = i.index),\r\n (t._index = e),\r\n (t._model = {\r\n backgroundColor: o.backgroundColor,\r\n borderColor: o.borderColor,\r\n borderSkipped: o.borderSkipped,\r\n borderWidth: o.borderWidth,\r\n datasetLabel: r.label,\r\n label: i.chart.data.labels[e],\r\n }),\r\n H.isArray(r.data[e]) && (t._model.borderSkipped = null),\r\n i._updateElementGeometry(t, e, n, o),\r\n t.pivot();\r\n },\r\n _updateElementGeometry: function (t, e, n, i) {\r\n var a = this,\r\n r = t._model,\r\n o = a._getValueScale(),\r\n s = o.getBasePixel(),\r\n l = o.isHorizontal(),\r\n u = a._ruler || a.getRuler(),\r\n d = a.calculateBarValuePixels(a.index, e, i),\r\n h = a.calculateBarIndexPixels(a.index, e, u, i);\r\n (r.horizontal = l),\r\n (r.base = n ? s : d.base),\r\n (r.x = l ? (n ? s : d.head) : h.center),\r\n (r.y = l ? h.center : n ? s : d.head),\r\n (r.height = l ? h.size : void 0),\r\n (r.width = l ? void 0 : h.size);\r\n },\r\n _getStacks: function (t) {\r\n var e,\r\n n,\r\n i = this._getIndexScale(),\r\n a = i._getMatchingVisibleMetas(this._type),\r\n r = i.options.stacked,\r\n o = a.length,\r\n s = [];\r\n for (\r\n e = 0;\r\n e < o &&\r\n ((n = a[e]),\r\n (!1 === r ||\r\n -1 === s.indexOf(n.stack) ||\r\n (void 0 === r && void 0 === n.stack)) &&\r\n s.push(n.stack),\r\n n.index !== t);\r\n ++e\r\n );\r\n return s;\r\n },\r\n getStackCount: function () {\r\n return this._getStacks().length;\r\n },\r\n getStackIndex: function (t, e) {\r\n var n = this._getStacks(t),\r\n i = void 0 !== e ? n.indexOf(e) : -1;\r\n return -1 === i ? n.length - 1 : i;\r\n },\r\n getRuler: function () {\r\n var t,\r\n e,\r\n n = this._getIndexScale(),\r\n i = [];\r\n for (t = 0, e = this.getMeta().data.length; t < e; ++t)\r\n i.push(n.getPixelForValue(null, t, this.index));\r\n return {\r\n pixels: i,\r\n start: n._startPixel,\r\n end: n._endPixel,\r\n stackCount: this.getStackCount(),\r\n scale: n,\r\n };\r\n },\r\n calculateBarValuePixels: function (t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u,\r\n d = this.chart,\r\n h = this._getValueScale(),\r\n c = h.isHorizontal(),\r\n f = d.data.datasets,\r\n g = h._getMatchingVisibleMetas(this._type),\r\n m = h._parseValue(f[t].data[e]),\r\n p = n.minBarLength,\r\n v = h.options.stacked,\r\n b = this.getMeta().stack,\r\n y = void 0 === m.start ? 0 : m.max >= 0 && m.min >= 0 ? m.min : m.max,\r\n x =\r\n void 0 === m.start\r\n ? m.end\r\n : m.max >= 0 && m.min >= 0\r\n ? m.max - m.min\r\n : m.min - m.max,\r\n _ = g.length;\r\n if (v || (void 0 === v && void 0 !== b))\r\n for (i = 0; i < _ && (a = g[i]).index !== t; ++i)\r\n a.stack === b &&\r\n ((r =\r\n void 0 === (u = h._parseValue(f[a.index].data[e])).start\r\n ? u.end\r\n : u.min >= 0 && u.max >= 0\r\n ? u.max\r\n : u.min),\r\n ((m.min < 0 && r < 0) || (m.max >= 0 && r > 0)) && (y += r));\r\n return (\r\n (o = h.getPixelForValue(y)),\r\n (l = (s = h.getPixelForValue(y + x)) - o),\r\n void 0 !== p &&\r\n Math.abs(l) < p &&\r\n ((l = p), (s = (x >= 0 && !c) || (x < 0 && c) ? o - p : o + p)),\r\n { size: l, base: o, head: s, center: s + l / 2 }\r\n );\r\n },\r\n calculateBarIndexPixels: function (t, e, n, i) {\r\n var a =\r\n \"flex\" === i.barThickness\r\n ? (function (t, e, n) {\r\n var i,\r\n a = e.pixels,\r\n r = a[t],\r\n o = t > 0 ? a[t - 1] : null,\r\n s = t < a.length - 1 ? a[t + 1] : null,\r\n l = n.categoryPercentage;\r\n return (\r\n null === o &&\r\n (o = r - (null === s ? e.end - e.start : s - r)),\r\n null === s && (s = r + r - o),\r\n (i = r - ((r - Math.min(o, s)) / 2) * l),\r\n {\r\n chunk: ((Math.abs(s - o) / 2) * l) / e.stackCount,\r\n ratio: n.barPercentage,\r\n start: i,\r\n }\r\n );\r\n })(e, n, i)\r\n : Tt(e, n, i),\r\n r = this.getStackIndex(t, this.getMeta().stack),\r\n o = a.start + a.chunk * r + a.chunk / 2,\r\n s = Math.min(Pt(i.maxBarThickness, 1 / 0), a.chunk * a.ratio);\r\n return { base: o - s / 2, head: o + s / 2, center: o, size: s };\r\n },\r\n draw: function () {\r\n var t = this.chart,\r\n e = this._getValueScale(),\r\n n = this.getMeta().data,\r\n i = this.getDataset(),\r\n a = n.length,\r\n r = 0;\r\n for (H.canvas.clipArea(t.ctx, t.chartArea); r < a; ++r) {\r\n var o = e._parseValue(i.data[r]);\r\n isNaN(o.min) || isNaN(o.max) || n[r].draw();\r\n }\r\n H.canvas.unclipArea(t.ctx);\r\n },\r\n _resolveDataElementOptions: function () {\r\n var t = this,\r\n e = H.extend(\r\n {},\r\n it.prototype._resolveDataElementOptions.apply(t, arguments)\r\n ),\r\n n = t._getIndexScale().options,\r\n i = t._getValueScale().options;\r\n return (\r\n (e.barPercentage = Pt(n.barPercentage, e.barPercentage)),\r\n (e.barThickness = Pt(n.barThickness, e.barThickness)),\r\n (e.categoryPercentage = Pt(\r\n n.categoryPercentage,\r\n e.categoryPercentage\r\n )),\r\n (e.maxBarThickness = Pt(n.maxBarThickness, e.maxBarThickness)),\r\n (e.minBarLength = Pt(i.minBarLength, e.minBarLength)),\r\n e\r\n );\r\n },\r\n }),\r\n At = H.valueOrDefault,\r\n Ft = H.options.resolve;\r\n W._set(\"bubble\", {\r\n hover: { mode: \"single\" },\r\n scales: {\r\n xAxes: [{ type: \"linear\", position: \"bottom\", id: \"x-axis-0\" }],\r\n yAxes: [{ type: \"linear\", position: \"left\", id: \"y-axis-0\" }],\r\n },\r\n tooltips: {\r\n callbacks: {\r\n title: function () {\r\n return \"\";\r\n },\r\n label: function (t, e) {\r\n var n = e.datasets[t.datasetIndex].label || \"\",\r\n i = e.datasets[t.datasetIndex].data[t.index];\r\n return n + \": (\" + t.xLabel + \", \" + t.yLabel + \", \" + i.r + \")\";\r\n },\r\n },\r\n },\r\n });\r\n var It = it.extend({\r\n dataElementType: wt.Point,\r\n _dataElementOptions: [\r\n \"backgroundColor\",\r\n \"borderColor\",\r\n \"borderWidth\",\r\n \"hoverBackgroundColor\",\r\n \"hoverBorderColor\",\r\n \"hoverBorderWidth\",\r\n \"hoverRadius\",\r\n \"hitRadius\",\r\n \"pointStyle\",\r\n \"rotation\",\r\n ],\r\n update: function (t) {\r\n var e = this,\r\n n = e.getMeta().data;\r\n H.each(n, function (n, i) {\r\n e.updateElement(n, i, t);\r\n });\r\n },\r\n updateElement: function (t, e, n) {\r\n var i = this,\r\n a = i.getMeta(),\r\n r = t.custom || {},\r\n o = i.getScaleForId(a.xAxisID),\r\n s = i.getScaleForId(a.yAxisID),\r\n l = i._resolveDataElementOptions(t, e),\r\n u = i.getDataset().data[e],\r\n d = i.index,\r\n h = n\r\n ? o.getPixelForDecimal(0.5)\r\n : o.getPixelForValue(\"object\" == typeof u ? u : NaN, e, d),\r\n c = n ? s.getBasePixel() : s.getPixelForValue(u, e, d);\r\n (t._xScale = o),\r\n (t._yScale = s),\r\n (t._options = l),\r\n (t._datasetIndex = d),\r\n (t._index = e),\r\n (t._model = {\r\n backgroundColor: l.backgroundColor,\r\n borderColor: l.borderColor,\r\n borderWidth: l.borderWidth,\r\n hitRadius: l.hitRadius,\r\n pointStyle: l.pointStyle,\r\n rotation: l.rotation,\r\n radius: n ? 0 : l.radius,\r\n skip: r.skip || isNaN(h) || isNaN(c),\r\n x: h,\r\n y: c,\r\n }),\r\n t.pivot();\r\n },\r\n setHoverStyle: function (t) {\r\n var e = t._model,\r\n n = t._options,\r\n i = H.getHoverColor;\r\n (t.$previousStyle = {\r\n backgroundColor: e.backgroundColor,\r\n borderColor: e.borderColor,\r\n borderWidth: e.borderWidth,\r\n radius: e.radius,\r\n }),\r\n (e.backgroundColor = At(\r\n n.hoverBackgroundColor,\r\n i(n.backgroundColor)\r\n )),\r\n (e.borderColor = At(n.hoverBorderColor, i(n.borderColor))),\r\n (e.borderWidth = At(n.hoverBorderWidth, n.borderWidth)),\r\n (e.radius = n.radius + n.hoverRadius);\r\n },\r\n _resolveDataElementOptions: function (t, e) {\r\n var n = this,\r\n i = n.chart,\r\n a = n.getDataset(),\r\n r = t.custom || {},\r\n o = a.data[e] || {},\r\n s = it.prototype._resolveDataElementOptions.apply(n, arguments),\r\n l = { chart: i, dataIndex: e, dataset: a, datasetIndex: n.index };\r\n return (\r\n n._cachedDataOpts === s && (s = H.extend({}, s)),\r\n (s.radius = Ft(\r\n [r.radius, o.r, n._config.radius, i.options.elements.point.radius],\r\n l,\r\n e\r\n )),\r\n s\r\n );\r\n },\r\n }),\r\n Lt = H.valueOrDefault,\r\n Rt = Math.PI,\r\n Nt = 2 * Rt,\r\n Wt = Rt / 2;\r\n W._set(\"doughnut\", {\r\n animation: { animateRotate: !0, animateScale: !1 },\r\n hover: { mode: \"single\" },\r\n legendCallback: function (t) {\r\n var e,\r\n n,\r\n i,\r\n a = document.createElement(\"ul\"),\r\n r = t.data,\r\n o = r.datasets,\r\n s = r.labels;\r\n if ((a.setAttribute(\"class\", t.id + \"-legend\"), o.length))\r\n for (e = 0, n = o[0].data.length; e < n; ++e)\r\n ((i = a.appendChild(document.createElement(\"li\"))).appendChild(\r\n document.createElement(\"span\")\r\n ).style.backgroundColor = o[0].backgroundColor[e]),\r\n s[e] && i.appendChild(document.createTextNode(s[e]));\r\n return a.outerHTML;\r\n },\r\n legend: {\r\n labels: {\r\n generateLabels: function (t) {\r\n var e = t.data;\r\n return e.labels.length && e.datasets.length\r\n ? e.labels.map(function (n, i) {\r\n var a = t.getDatasetMeta(0),\r\n r = a.controller.getStyle(i);\r\n return {\r\n text: n,\r\n fillStyle: r.backgroundColor,\r\n strokeStyle: r.borderColor,\r\n lineWidth: r.borderWidth,\r\n hidden: isNaN(e.datasets[0].data[i]) || a.data[i].hidden,\r\n index: i,\r\n };\r\n })\r\n : [];\r\n },\r\n },\r\n onClick: function (t, e) {\r\n var n,\r\n i,\r\n a,\r\n r = e.index,\r\n o = this.chart;\r\n for (n = 0, i = (o.data.datasets || []).length; n < i; ++n)\r\n (a = o.getDatasetMeta(n)).data[r] &&\r\n (a.data[r].hidden = !a.data[r].hidden);\r\n o.update();\r\n },\r\n },\r\n cutoutPercentage: 50,\r\n rotation: -Wt,\r\n circumference: Nt,\r\n tooltips: {\r\n callbacks: {\r\n title: function () {\r\n return \"\";\r\n },\r\n label: function (t, e) {\r\n var n = e.labels[t.index],\r\n i = \": \" + e.datasets[t.datasetIndex].data[t.index];\r\n return H.isArray(n) ? ((n = n.slice())[0] += i) : (n += i), n;\r\n },\r\n },\r\n },\r\n });\r\n var Yt = it.extend({\r\n dataElementType: wt.Arc,\r\n linkScales: H.noop,\r\n _dataElementOptions: [\r\n \"backgroundColor\",\r\n \"borderColor\",\r\n \"borderWidth\",\r\n \"borderAlign\",\r\n \"hoverBackgroundColor\",\r\n \"hoverBorderColor\",\r\n \"hoverBorderWidth\",\r\n ],\r\n getRingIndex: function (t) {\r\n for (var e = 0, n = 0; n < t; ++n) this.chart.isDatasetVisible(n) && ++e;\r\n return e;\r\n },\r\n update: function (t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r = this,\r\n o = r.chart,\r\n s = o.chartArea,\r\n l = o.options,\r\n u = 1,\r\n d = 1,\r\n h = 0,\r\n c = 0,\r\n f = r.getMeta(),\r\n g = f.data,\r\n m = l.cutoutPercentage / 100 || 0,\r\n p = l.circumference,\r\n v = r._getRingWeight(r.index);\r\n if (p < Nt) {\r\n var b = l.rotation % Nt,\r\n y = (b += b >= Rt ? -Nt : b < -Rt ? Nt : 0) + p,\r\n x = Math.cos(b),\r\n _ = Math.sin(b),\r\n w = Math.cos(y),\r\n k = Math.sin(y),\r\n M = (b <= 0 && y >= 0) || y >= Nt,\r\n S = (b <= Wt && y >= Wt) || y >= Nt + Wt,\r\n D = (b <= -Wt && y >= -Wt) || y >= Rt + Wt,\r\n C = b === -Rt || y >= Rt ? -1 : Math.min(x, x * m, w, w * m),\r\n P = D ? -1 : Math.min(_, _ * m, k, k * m),\r\n T = M ? 1 : Math.max(x, x * m, w, w * m),\r\n O = S ? 1 : Math.max(_, _ * m, k, k * m);\r\n (u = (T - C) / 2),\r\n (d = (O - P) / 2),\r\n (h = -(T + C) / 2),\r\n (c = -(O + P) / 2);\r\n }\r\n for (i = 0, a = g.length; i < a; ++i)\r\n g[i]._options = r._resolveDataElementOptions(g[i], i);\r\n for (\r\n o.borderWidth = r.getMaxBorderWidth(),\r\n e = (s.right - s.left - o.borderWidth) / u,\r\n n = (s.bottom - s.top - o.borderWidth) / d,\r\n o.outerRadius = Math.max(Math.min(e, n) / 2, 0),\r\n o.innerRadius = Math.max(o.outerRadius * m, 0),\r\n o.radiusLength =\r\n (o.outerRadius - o.innerRadius) /\r\n (r._getVisibleDatasetWeightTotal() || 1),\r\n o.offsetX = h * o.outerRadius,\r\n o.offsetY = c * o.outerRadius,\r\n f.total = r.calculateTotal(),\r\n r.outerRadius =\r\n o.outerRadius - o.radiusLength * r._getRingWeightOffset(r.index),\r\n r.innerRadius = Math.max(r.outerRadius - o.radiusLength * v, 0),\r\n i = 0,\r\n a = g.length;\r\n i < a;\r\n ++i\r\n )\r\n r.updateElement(g[i], i, t);\r\n },\r\n updateElement: function (t, e, n) {\r\n var i = this,\r\n a = i.chart,\r\n r = a.chartArea,\r\n o = a.options,\r\n s = o.animation,\r\n l = (r.left + r.right) / 2,\r\n u = (r.top + r.bottom) / 2,\r\n d = o.rotation,\r\n h = o.rotation,\r\n c = i.getDataset(),\r\n f =\r\n n && s.animateRotate\r\n ? 0\r\n : t.hidden\r\n ? 0\r\n : i.calculateCircumference(c.data[e]) * (o.circumference / Nt),\r\n g = n && s.animateScale ? 0 : i.innerRadius,\r\n m = n && s.animateScale ? 0 : i.outerRadius,\r\n p = t._options || {};\r\n H.extend(t, {\r\n _datasetIndex: i.index,\r\n _index: e,\r\n _model: {\r\n backgroundColor: p.backgroundColor,\r\n borderColor: p.borderColor,\r\n borderWidth: p.borderWidth,\r\n borderAlign: p.borderAlign,\r\n x: l + a.offsetX,\r\n y: u + a.offsetY,\r\n startAngle: d,\r\n endAngle: h,\r\n circumference: f,\r\n outerRadius: m,\r\n innerRadius: g,\r\n label: H.valueAtIndexOrDefault(c.label, e, a.data.labels[e]),\r\n },\r\n });\r\n var v = t._model;\r\n (n && s.animateRotate) ||\r\n ((v.startAngle =\r\n 0 === e ? o.rotation : i.getMeta().data[e - 1]._model.endAngle),\r\n (v.endAngle = v.startAngle + v.circumference)),\r\n t.pivot();\r\n },\r\n calculateTotal: function () {\r\n var t,\r\n e = this.getDataset(),\r\n n = this.getMeta(),\r\n i = 0;\r\n return (\r\n H.each(n.data, function (n, a) {\r\n (t = e.data[a]), isNaN(t) || n.hidden || (i += Math.abs(t));\r\n }),\r\n i\r\n );\r\n },\r\n calculateCircumference: function (t) {\r\n var e = this.getMeta().total;\r\n return e > 0 && !isNaN(t) ? Nt * (Math.abs(t) / e) : 0;\r\n },\r\n getMaxBorderWidth: function (t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u = 0,\r\n d = this.chart;\r\n if (!t)\r\n for (e = 0, n = d.data.datasets.length; e < n; ++e)\r\n if (d.isDatasetVisible(e)) {\r\n (t = (i = d.getDatasetMeta(e)).data),\r\n e !== this.index && (r = i.controller);\r\n break;\r\n }\r\n if (!t) return 0;\r\n for (e = 0, n = t.length; e < n; ++e)\r\n (a = t[e]),\r\n r\r\n ? (r._configure(), (o = r._resolveDataElementOptions(a, e)))\r\n : (o = a._options),\r\n \"inner\" !== o.borderAlign &&\r\n ((s = o.borderWidth),\r\n (u = (l = o.hoverBorderWidth) > (u = s > u ? s : u) ? l : u));\r\n return u;\r\n },\r\n setHoverStyle: function (t) {\r\n var e = t._model,\r\n n = t._options,\r\n i = H.getHoverColor;\r\n (t.$previousStyle = {\r\n backgroundColor: e.backgroundColor,\r\n borderColor: e.borderColor,\r\n borderWidth: e.borderWidth,\r\n }),\r\n (e.backgroundColor = Lt(n.hoverBackgroundColor, i(n.backgroundColor))),\r\n (e.borderColor = Lt(n.hoverBorderColor, i(n.borderColor))),\r\n (e.borderWidth = Lt(n.hoverBorderWidth, n.borderWidth));\r\n },\r\n _getRingWeightOffset: function (t) {\r\n for (var e = 0, n = 0; n < t; ++n)\r\n this.chart.isDatasetVisible(n) && (e += this._getRingWeight(n));\r\n return e;\r\n },\r\n _getRingWeight: function (t) {\r\n return Math.max(Lt(this.chart.data.datasets[t].weight, 1), 0);\r\n },\r\n _getVisibleDatasetWeightTotal: function () {\r\n return this._getRingWeightOffset(this.chart.data.datasets.length);\r\n },\r\n });\r\n W._set(\"horizontalBar\", {\r\n hover: { mode: \"index\", axis: \"y\" },\r\n scales: {\r\n xAxes: [{ type: \"linear\", position: \"bottom\" }],\r\n yAxes: [\r\n {\r\n type: \"category\",\r\n position: \"left\",\r\n offset: !0,\r\n gridLines: { offsetGridLines: !0 },\r\n },\r\n ],\r\n },\r\n elements: { rectangle: { borderSkipped: \"left\" } },\r\n tooltips: { mode: \"index\", axis: \"y\" },\r\n }),\r\n W._set(\"global\", {\r\n datasets: {\r\n horizontalBar: { categoryPercentage: 0.8, barPercentage: 0.9 },\r\n },\r\n });\r\n var zt = Ot.extend({\r\n _getValueScaleId: function () {\r\n return this.getMeta().xAxisID;\r\n },\r\n _getIndexScaleId: function () {\r\n return this.getMeta().yAxisID;\r\n },\r\n }),\r\n Et = H.valueOrDefault,\r\n Vt = H.options.resolve,\r\n Ht = H.canvas._isPointInArea;\r\n function Bt(t, e) {\r\n var n = (t && t.options.ticks) || {},\r\n i = n.reverse,\r\n a = void 0 === n.min ? e : 0,\r\n r = void 0 === n.max ? e : 0;\r\n return { start: i ? r : a, end: i ? a : r };\r\n }\r\n function jt(t, e, n) {\r\n var i = n / 2,\r\n a = Bt(t, i),\r\n r = Bt(e, i);\r\n return { top: r.end, right: a.end, bottom: r.start, left: a.start };\r\n }\r\n function Ut(t) {\r\n var e, n, i, a;\r\n return (\r\n H.isObject(t)\r\n ? ((e = t.top), (n = t.right), (i = t.bottom), (a = t.left))\r\n : (e = n = i = a = t),\r\n { top: e, right: n, bottom: i, left: a }\r\n );\r\n }\r\n W._set(\"line\", {\r\n showLines: !0,\r\n spanGaps: !1,\r\n hover: { mode: \"label\" },\r\n scales: {\r\n xAxes: [{ type: \"category\", id: \"x-axis-0\" }],\r\n yAxes: [{ type: \"linear\", id: \"y-axis-0\" }],\r\n },\r\n });\r\n var Gt = it.extend({\r\n datasetElementType: wt.Line,\r\n dataElementType: wt.Point,\r\n _datasetElementOptions: [\r\n \"backgroundColor\",\r\n \"borderCapStyle\",\r\n \"borderColor\",\r\n \"borderDash\",\r\n \"borderDashOffset\",\r\n \"borderJoinStyle\",\r\n \"borderWidth\",\r\n \"cubicInterpolationMode\",\r\n \"fill\",\r\n ],\r\n _dataElementOptions: {\r\n backgroundColor: \"pointBackgroundColor\",\r\n borderColor: \"pointBorderColor\",\r\n borderWidth: \"pointBorderWidth\",\r\n hitRadius: \"pointHitRadius\",\r\n hoverBackgroundColor: \"pointHoverBackgroundColor\",\r\n hoverBorderColor: \"pointHoverBorderColor\",\r\n hoverBorderWidth: \"pointHoverBorderWidth\",\r\n hoverRadius: \"pointHoverRadius\",\r\n pointStyle: \"pointStyle\",\r\n radius: \"pointRadius\",\r\n rotation: \"pointRotation\",\r\n },\r\n update: function (t) {\r\n var e,\r\n n,\r\n i = this,\r\n a = i.getMeta(),\r\n r = a.dataset,\r\n o = a.data || [],\r\n s = i.chart.options,\r\n l = i._config,\r\n u = (i._showLine = Et(l.showLine, s.showLines));\r\n for (\r\n i._xScale = i.getScaleForId(a.xAxisID),\r\n i._yScale = i.getScaleForId(a.yAxisID),\r\n u &&\r\n (void 0 !== l.tension &&\r\n void 0 === l.lineTension &&\r\n (l.lineTension = l.tension),\r\n (r._scale = i._yScale),\r\n (r._datasetIndex = i.index),\r\n (r._children = o),\r\n (r._model = i._resolveDatasetElementOptions(r)),\r\n r.pivot()),\r\n e = 0,\r\n n = o.length;\r\n e < n;\r\n ++e\r\n )\r\n i.updateElement(o[e], e, t);\r\n for (\r\n u && 0 !== r._model.tension && i.updateBezierControlPoints(),\r\n e = 0,\r\n n = o.length;\r\n e < n;\r\n ++e\r\n )\r\n o[e].pivot();\r\n },\r\n updateElement: function (t, e, n) {\r\n var i,\r\n a,\r\n r = this,\r\n o = r.getMeta(),\r\n s = t.custom || {},\r\n l = r.getDataset(),\r\n u = r.index,\r\n d = l.data[e],\r\n h = r._xScale,\r\n c = r._yScale,\r\n f = o.dataset._model,\r\n g = r._resolveDataElementOptions(t, e);\r\n (i = h.getPixelForValue(\"object\" == typeof d ? d : NaN, e, u)),\r\n (a = n ? c.getBasePixel() : r.calculatePointY(d, e, u)),\r\n (t._xScale = h),\r\n (t._yScale = c),\r\n (t._options = g),\r\n (t._datasetIndex = u),\r\n (t._index = e),\r\n (t._model = {\r\n x: i,\r\n y: a,\r\n skip: s.skip || isNaN(i) || isNaN(a),\r\n radius: g.radius,\r\n pointStyle: g.pointStyle,\r\n rotation: g.rotation,\r\n backgroundColor: g.backgroundColor,\r\n borderColor: g.borderColor,\r\n borderWidth: g.borderWidth,\r\n tension: Et(s.tension, f ? f.tension : 0),\r\n steppedLine: !!f && f.steppedLine,\r\n hitRadius: g.hitRadius,\r\n });\r\n },\r\n _resolveDatasetElementOptions: function (t) {\r\n var e = this,\r\n n = e._config,\r\n i = t.custom || {},\r\n a = e.chart.options,\r\n r = a.elements.line,\r\n o = it.prototype._resolveDatasetElementOptions.apply(e, arguments);\r\n return (\r\n (o.spanGaps = Et(n.spanGaps, a.spanGaps)),\r\n (o.tension = Et(n.lineTension, r.tension)),\r\n (o.steppedLine = Vt([i.steppedLine, n.steppedLine, r.stepped])),\r\n (o.clip = Ut(Et(n.clip, jt(e._xScale, e._yScale, o.borderWidth)))),\r\n o\r\n );\r\n },\r\n calculatePointY: function (t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u,\r\n d = this.chart,\r\n h = this._yScale,\r\n c = 0,\r\n f = 0;\r\n if (h.options.stacked) {\r\n for (\r\n s = +h.getRightValue(t),\r\n u = (l = d._getSortedVisibleDatasetMetas()).length,\r\n i = 0;\r\n i < u && (r = l[i]).index !== n;\r\n ++i\r\n )\r\n (a = d.data.datasets[r.index]),\r\n \"line\" === r.type &&\r\n r.yAxisID === h.id &&\r\n ((o = +h.getRightValue(a.data[e])) < 0\r\n ? (f += o || 0)\r\n : (c += o || 0));\r\n return s < 0 ? h.getPixelForValue(f + s) : h.getPixelForValue(c + s);\r\n }\r\n return h.getPixelForValue(t);\r\n },\r\n updateBezierControlPoints: function () {\r\n var t,\r\n e,\r\n n,\r\n i,\r\n a = this.chart,\r\n r = this.getMeta(),\r\n o = r.dataset._model,\r\n s = a.chartArea,\r\n l = r.data || [];\r\n function u(t, e, n) {\r\n return Math.max(Math.min(t, n), e);\r\n }\r\n if (\r\n (o.spanGaps &&\r\n (l = l.filter(function (t) {\r\n return !t._model.skip;\r\n })),\r\n \"monotone\" === o.cubicInterpolationMode)\r\n )\r\n H.splineCurveMonotone(l);\r\n else\r\n for (t = 0, e = l.length; t < e; ++t)\r\n (n = l[t]._model),\r\n (i = H.splineCurve(\r\n H.previousItem(l, t)._model,\r\n n,\r\n H.nextItem(l, t)._model,\r\n o.tension\r\n )),\r\n (n.controlPointPreviousX = i.previous.x),\r\n (n.controlPointPreviousY = i.previous.y),\r\n (n.controlPointNextX = i.next.x),\r\n (n.controlPointNextY = i.next.y);\r\n if (a.options.elements.line.capBezierPoints)\r\n for (t = 0, e = l.length; t < e; ++t)\r\n (n = l[t]._model),\r\n Ht(n, s) &&\r\n (t > 0 &&\r\n Ht(l[t - 1]._model, s) &&\r\n ((n.controlPointPreviousX = u(\r\n n.controlPointPreviousX,\r\n s.left,\r\n s.right\r\n )),\r\n (n.controlPointPreviousY = u(\r\n n.controlPointPreviousY,\r\n s.top,\r\n s.bottom\r\n ))),\r\n t < l.length - 1 &&\r\n Ht(l[t + 1]._model, s) &&\r\n ((n.controlPointNextX = u(\r\n n.controlPointNextX,\r\n s.left,\r\n s.right\r\n )),\r\n (n.controlPointNextY = u(\r\n n.controlPointNextY,\r\n s.top,\r\n s.bottom\r\n ))));\r\n },\r\n draw: function () {\r\n var t,\r\n e = this.chart,\r\n n = this.getMeta(),\r\n i = n.data || [],\r\n a = e.chartArea,\r\n r = e.canvas,\r\n o = 0,\r\n s = i.length;\r\n for (\r\n this._showLine &&\r\n ((t = n.dataset._model.clip),\r\n H.canvas.clipArea(e.ctx, {\r\n left: !1 === t.left ? 0 : a.left - t.left,\r\n right: !1 === t.right ? r.width : a.right + t.right,\r\n top: !1 === t.top ? 0 : a.top - t.top,\r\n bottom: !1 === t.bottom ? r.height : a.bottom + t.bottom,\r\n }),\r\n n.dataset.draw(),\r\n H.canvas.unclipArea(e.ctx));\r\n o < s;\r\n ++o\r\n )\r\n i[o].draw(a);\r\n },\r\n setHoverStyle: function (t) {\r\n var e = t._model,\r\n n = t._options,\r\n i = H.getHoverColor;\r\n (t.$previousStyle = {\r\n backgroundColor: e.backgroundColor,\r\n borderColor: e.borderColor,\r\n borderWidth: e.borderWidth,\r\n radius: e.radius,\r\n }),\r\n (e.backgroundColor = Et(\r\n n.hoverBackgroundColor,\r\n i(n.backgroundColor)\r\n )),\r\n (e.borderColor = Et(n.hoverBorderColor, i(n.borderColor))),\r\n (e.borderWidth = Et(n.hoverBorderWidth, n.borderWidth)),\r\n (e.radius = Et(n.hoverRadius, n.radius));\r\n },\r\n }),\r\n qt = H.options.resolve;\r\n W._set(\"polarArea\", {\r\n scale: {\r\n type: \"radialLinear\",\r\n angleLines: { display: !1 },\r\n gridLines: { circular: !0 },\r\n pointLabels: { display: !1 },\r\n ticks: { beginAtZero: !0 },\r\n },\r\n animation: { animateRotate: !0, animateScale: !0 },\r\n startAngle: -0.5 * Math.PI,\r\n legendCallback: function (t) {\r\n var e,\r\n n,\r\n i,\r\n a = document.createElement(\"ul\"),\r\n r = t.data,\r\n o = r.datasets,\r\n s = r.labels;\r\n if ((a.setAttribute(\"class\", t.id + \"-legend\"), o.length))\r\n for (e = 0, n = o[0].data.length; e < n; ++e)\r\n ((i = a.appendChild(document.createElement(\"li\"))).appendChild(\r\n document.createElement(\"span\")\r\n ).style.backgroundColor = o[0].backgroundColor[e]),\r\n s[e] && i.appendChild(document.createTextNode(s[e]));\r\n return a.outerHTML;\r\n },\r\n legend: {\r\n labels: {\r\n generateLabels: function (t) {\r\n var e = t.data;\r\n return e.labels.length && e.datasets.length\r\n ? e.labels.map(function (n, i) {\r\n var a = t.getDatasetMeta(0),\r\n r = a.controller.getStyle(i);\r\n return {\r\n text: n,\r\n fillStyle: r.backgroundColor,\r\n strokeStyle: r.borderColor,\r\n lineWidth: r.borderWidth,\r\n hidden: isNaN(e.datasets[0].data[i]) || a.data[i].hidden,\r\n index: i,\r\n };\r\n })\r\n : [];\r\n },\r\n },\r\n onClick: function (t, e) {\r\n var n,\r\n i,\r\n a,\r\n r = e.index,\r\n o = this.chart;\r\n for (n = 0, i = (o.data.datasets || []).length; n < i; ++n)\r\n (a = o.getDatasetMeta(n)).data[r].hidden = !a.data[r].hidden;\r\n o.update();\r\n },\r\n },\r\n tooltips: {\r\n callbacks: {\r\n title: function () {\r\n return \"\";\r\n },\r\n label: function (t, e) {\r\n return e.labels[t.index] + \": \" + t.yLabel;\r\n },\r\n },\r\n },\r\n });\r\n var Zt = it.extend({\r\n dataElementType: wt.Arc,\r\n linkScales: H.noop,\r\n _dataElementOptions: [\r\n \"backgroundColor\",\r\n \"borderColor\",\r\n \"borderWidth\",\r\n \"borderAlign\",\r\n \"hoverBackgroundColor\",\r\n \"hoverBorderColor\",\r\n \"hoverBorderWidth\",\r\n ],\r\n _getIndexScaleId: function () {\r\n return this.chart.scale.id;\r\n },\r\n _getValueScaleId: function () {\r\n return this.chart.scale.id;\r\n },\r\n update: function (t) {\r\n var e,\r\n n,\r\n i,\r\n a = this,\r\n r = a.getDataset(),\r\n o = a.getMeta(),\r\n s = a.chart.options.startAngle || 0,\r\n l = (a._starts = []),\r\n u = (a._angles = []),\r\n d = o.data;\r\n for (\r\n a._updateRadius(),\r\n o.count = a.countVisibleElements(),\r\n e = 0,\r\n n = r.data.length;\r\n e < n;\r\n e++\r\n )\r\n (l[e] = s), (i = a._computeAngle(e)), (u[e] = i), (s += i);\r\n for (e = 0, n = d.length; e < n; ++e)\r\n (d[e]._options = a._resolveDataElementOptions(d[e], e)),\r\n a.updateElement(d[e], e, t);\r\n },\r\n _updateRadius: function () {\r\n var t = this,\r\n e = t.chart,\r\n n = e.chartArea,\r\n i = e.options,\r\n a = Math.min(n.right - n.left, n.bottom - n.top);\r\n (e.outerRadius = Math.max(a / 2, 0)),\r\n (e.innerRadius = Math.max(\r\n i.cutoutPercentage ? (e.outerRadius / 100) * i.cutoutPercentage : 1,\r\n 0\r\n )),\r\n (e.radiusLength =\r\n (e.outerRadius - e.innerRadius) / e.getVisibleDatasetCount()),\r\n (t.outerRadius = e.outerRadius - e.radiusLength * t.index),\r\n (t.innerRadius = t.outerRadius - e.radiusLength);\r\n },\r\n updateElement: function (t, e, n) {\r\n var i = this,\r\n a = i.chart,\r\n r = i.getDataset(),\r\n o = a.options,\r\n s = o.animation,\r\n l = a.scale,\r\n u = a.data.labels,\r\n d = l.xCenter,\r\n h = l.yCenter,\r\n c = o.startAngle,\r\n f = t.hidden ? 0 : l.getDistanceFromCenterForValue(r.data[e]),\r\n g = i._starts[e],\r\n m = g + (t.hidden ? 0 : i._angles[e]),\r\n p = s.animateScale ? 0 : l.getDistanceFromCenterForValue(r.data[e]),\r\n v = t._options || {};\r\n H.extend(t, {\r\n _datasetIndex: i.index,\r\n _index: e,\r\n _scale: l,\r\n _model: {\r\n backgroundColor: v.backgroundColor,\r\n borderColor: v.borderColor,\r\n borderWidth: v.borderWidth,\r\n borderAlign: v.borderAlign,\r\n x: d,\r\n y: h,\r\n innerRadius: 0,\r\n outerRadius: n ? p : f,\r\n startAngle: n && s.animateRotate ? c : g,\r\n endAngle: n && s.animateRotate ? c : m,\r\n label: H.valueAtIndexOrDefault(u, e, u[e]),\r\n },\r\n }),\r\n t.pivot();\r\n },\r\n countVisibleElements: function () {\r\n var t = this.getDataset(),\r\n e = this.getMeta(),\r\n n = 0;\r\n return (\r\n H.each(e.data, function (e, i) {\r\n isNaN(t.data[i]) || e.hidden || n++;\r\n }),\r\n n\r\n );\r\n },\r\n setHoverStyle: function (t) {\r\n var e = t._model,\r\n n = t._options,\r\n i = H.getHoverColor,\r\n a = H.valueOrDefault;\r\n (t.$previousStyle = {\r\n backgroundColor: e.backgroundColor,\r\n borderColor: e.borderColor,\r\n borderWidth: e.borderWidth,\r\n }),\r\n (e.backgroundColor = a(n.hoverBackgroundColor, i(n.backgroundColor))),\r\n (e.borderColor = a(n.hoverBorderColor, i(n.borderColor))),\r\n (e.borderWidth = a(n.hoverBorderWidth, n.borderWidth));\r\n },\r\n _computeAngle: function (t) {\r\n var e = this,\r\n n = this.getMeta().count,\r\n i = e.getDataset(),\r\n a = e.getMeta();\r\n if (isNaN(i.data[t]) || a.data[t].hidden) return 0;\r\n var r = {\r\n chart: e.chart,\r\n dataIndex: t,\r\n dataset: i,\r\n datasetIndex: e.index,\r\n };\r\n return qt([e.chart.options.elements.arc.angle, (2 * Math.PI) / n], r, t);\r\n },\r\n });\r\n W._set(\"pie\", H.clone(W.doughnut)), W._set(\"pie\", { cutoutPercentage: 0 });\r\n var $t = Yt,\r\n Xt = H.valueOrDefault;\r\n W._set(\"radar\", {\r\n spanGaps: !1,\r\n scale: { type: \"radialLinear\" },\r\n elements: { line: { fill: \"start\", tension: 0 } },\r\n });\r\n var Kt = it.extend({\r\n datasetElementType: wt.Line,\r\n dataElementType: wt.Point,\r\n linkScales: H.noop,\r\n _datasetElementOptions: [\r\n \"backgroundColor\",\r\n \"borderWidth\",\r\n \"borderColor\",\r\n \"borderCapStyle\",\r\n \"borderDash\",\r\n \"borderDashOffset\",\r\n \"borderJoinStyle\",\r\n \"fill\",\r\n ],\r\n _dataElementOptions: {\r\n backgroundColor: \"pointBackgroundColor\",\r\n borderColor: \"pointBorderColor\",\r\n borderWidth: \"pointBorderWidth\",\r\n hitRadius: \"pointHitRadius\",\r\n hoverBackgroundColor: \"pointHoverBackgroundColor\",\r\n hoverBorderColor: \"pointHoverBorderColor\",\r\n hoverBorderWidth: \"pointHoverBorderWidth\",\r\n hoverRadius: \"pointHoverRadius\",\r\n pointStyle: \"pointStyle\",\r\n radius: \"pointRadius\",\r\n rotation: \"pointRotation\",\r\n },\r\n _getIndexScaleId: function () {\r\n return this.chart.scale.id;\r\n },\r\n _getValueScaleId: function () {\r\n return this.chart.scale.id;\r\n },\r\n update: function (t) {\r\n var e,\r\n n,\r\n i = this,\r\n a = i.getMeta(),\r\n r = a.dataset,\r\n o = a.data || [],\r\n s = i.chart.scale,\r\n l = i._config;\r\n for (\r\n void 0 !== l.tension &&\r\n void 0 === l.lineTension &&\r\n (l.lineTension = l.tension),\r\n r._scale = s,\r\n r._datasetIndex = i.index,\r\n r._children = o,\r\n r._loop = !0,\r\n r._model = i._resolveDatasetElementOptions(r),\r\n r.pivot(),\r\n e = 0,\r\n n = o.length;\r\n e < n;\r\n ++e\r\n )\r\n i.updateElement(o[e], e, t);\r\n for (i.updateBezierControlPoints(), e = 0, n = o.length; e < n; ++e)\r\n o[e].pivot();\r\n },\r\n updateElement: function (t, e, n) {\r\n var i = this,\r\n a = t.custom || {},\r\n r = i.getDataset(),\r\n o = i.chart.scale,\r\n s = o.getPointPositionForValue(e, r.data[e]),\r\n l = i._resolveDataElementOptions(t, e),\r\n u = i.getMeta().dataset._model,\r\n d = n ? o.xCenter : s.x,\r\n h = n ? o.yCenter : s.y;\r\n (t._scale = o),\r\n (t._options = l),\r\n (t._datasetIndex = i.index),\r\n (t._index = e),\r\n (t._model = {\r\n x: d,\r\n y: h,\r\n skip: a.skip || isNaN(d) || isNaN(h),\r\n radius: l.radius,\r\n pointStyle: l.pointStyle,\r\n rotation: l.rotation,\r\n backgroundColor: l.backgroundColor,\r\n borderColor: l.borderColor,\r\n borderWidth: l.borderWidth,\r\n tension: Xt(a.tension, u ? u.tension : 0),\r\n hitRadius: l.hitRadius,\r\n });\r\n },\r\n _resolveDatasetElementOptions: function () {\r\n var t = this,\r\n e = t._config,\r\n n = t.chart.options,\r\n i = it.prototype._resolveDatasetElementOptions.apply(t, arguments);\r\n return (\r\n (i.spanGaps = Xt(e.spanGaps, n.spanGaps)),\r\n (i.tension = Xt(e.lineTension, n.elements.line.tension)),\r\n i\r\n );\r\n },\r\n updateBezierControlPoints: function () {\r\n var t,\r\n e,\r\n n,\r\n i,\r\n a = this.getMeta(),\r\n r = this.chart.chartArea,\r\n o = a.data || [];\r\n function s(t, e, n) {\r\n return Math.max(Math.min(t, n), e);\r\n }\r\n for (\r\n a.dataset._model.spanGaps &&\r\n (o = o.filter(function (t) {\r\n return !t._model.skip;\r\n })),\r\n t = 0,\r\n e = o.length;\r\n t < e;\r\n ++t\r\n )\r\n (n = o[t]._model),\r\n (i = H.splineCurve(\r\n H.previousItem(o, t, !0)._model,\r\n n,\r\n H.nextItem(o, t, !0)._model,\r\n n.tension\r\n )),\r\n (n.controlPointPreviousX = s(i.previous.x, r.left, r.right)),\r\n (n.controlPointPreviousY = s(i.previous.y, r.top, r.bottom)),\r\n (n.controlPointNextX = s(i.next.x, r.left, r.right)),\r\n (n.controlPointNextY = s(i.next.y, r.top, r.bottom));\r\n },\r\n setHoverStyle: function (t) {\r\n var e = t._model,\r\n n = t._options,\r\n i = H.getHoverColor;\r\n (t.$previousStyle = {\r\n backgroundColor: e.backgroundColor,\r\n borderColor: e.borderColor,\r\n borderWidth: e.borderWidth,\r\n radius: e.radius,\r\n }),\r\n (e.backgroundColor = Xt(n.hoverBackgroundColor, i(n.backgroundColor))),\r\n (e.borderColor = Xt(n.hoverBorderColor, i(n.borderColor))),\r\n (e.borderWidth = Xt(n.hoverBorderWidth, n.borderWidth)),\r\n (e.radius = Xt(n.hoverRadius, n.radius));\r\n },\r\n });\r\n W._set(\"scatter\", {\r\n hover: { mode: \"single\" },\r\n scales: {\r\n xAxes: [{ id: \"x-axis-1\", type: \"linear\", position: \"bottom\" }],\r\n yAxes: [{ id: \"y-axis-1\", type: \"linear\", position: \"left\" }],\r\n },\r\n tooltips: {\r\n callbacks: {\r\n title: function () {\r\n return \"\";\r\n },\r\n label: function (t) {\r\n return \"(\" + t.xLabel + \", \" + t.yLabel + \")\";\r\n },\r\n },\r\n },\r\n }),\r\n W._set(\"global\", { datasets: { scatter: { showLine: !1 } } });\r\n var Jt = {\r\n bar: Ot,\r\n bubble: It,\r\n doughnut: Yt,\r\n horizontalBar: zt,\r\n line: Gt,\r\n polarArea: Zt,\r\n pie: $t,\r\n radar: Kt,\r\n scatter: Gt,\r\n };\r\n function Qt(t, e) {\r\n return t.native ? { x: t.x, y: t.y } : H.getRelativePosition(t, e);\r\n }\r\n function te(t, e) {\r\n var n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l = t._getSortedVisibleDatasetMetas();\r\n for (i = 0, r = l.length; i < r; ++i)\r\n for (a = 0, o = (n = l[i].data).length; a < o; ++a)\r\n (s = n[a])._view.skip || e(s);\r\n }\r\n function ee(t, e) {\r\n var n = [];\r\n return (\r\n te(t, function (t) {\r\n t.inRange(e.x, e.y) && n.push(t);\r\n }),\r\n n\r\n );\r\n }\r\n function ne(t, e, n, i) {\r\n var a = Number.POSITIVE_INFINITY,\r\n r = [];\r\n return (\r\n te(t, function (t) {\r\n if (!n || t.inRange(e.x, e.y)) {\r\n var o = t.getCenterPoint(),\r\n s = i(e, o);\r\n s < a ? ((r = [t]), (a = s)) : s === a && r.push(t);\r\n }\r\n }),\r\n r\r\n );\r\n }\r\n function ie(t) {\r\n var e = -1 !== t.indexOf(\"x\"),\r\n n = -1 !== t.indexOf(\"y\");\r\n return function (t, i) {\r\n var a = e ? Math.abs(t.x - i.x) : 0,\r\n r = n ? Math.abs(t.y - i.y) : 0;\r\n return Math.sqrt(Math.pow(a, 2) + Math.pow(r, 2));\r\n };\r\n }\r\n function ae(t, e, n) {\r\n var i = Qt(e, t);\r\n n.axis = n.axis || \"x\";\r\n var a = ie(n.axis),\r\n r = n.intersect ? ee(t, i) : ne(t, i, !1, a),\r\n o = [];\r\n return r.length\r\n ? (t._getSortedVisibleDatasetMetas().forEach(function (t) {\r\n var e = t.data[r[0]._index];\r\n e && !e._view.skip && o.push(e);\r\n }),\r\n o)\r\n : [];\r\n }\r\n var re = {\r\n modes: {\r\n single: function (t, e) {\r\n var n = Qt(e, t),\r\n i = [];\r\n return (\r\n te(t, function (t) {\r\n if (t.inRange(n.x, n.y)) return i.push(t), i;\r\n }),\r\n i.slice(0, 1)\r\n );\r\n },\r\n label: ae,\r\n index: ae,\r\n dataset: function (t, e, n) {\r\n var i = Qt(e, t);\r\n n.axis = n.axis || \"xy\";\r\n var a = ie(n.axis),\r\n r = n.intersect ? ee(t, i) : ne(t, i, !1, a);\r\n return (\r\n r.length > 0 && (r = t.getDatasetMeta(r[0]._datasetIndex).data), r\r\n );\r\n },\r\n \"x-axis\": function (t, e) {\r\n return ae(t, e, { intersect: !1 });\r\n },\r\n point: function (t, e) {\r\n return ee(t, Qt(e, t));\r\n },\r\n nearest: function (t, e, n) {\r\n var i = Qt(e, t);\r\n n.axis = n.axis || \"xy\";\r\n var a = ie(n.axis);\r\n return ne(t, i, n.intersect, a);\r\n },\r\n x: function (t, e, n) {\r\n var i = Qt(e, t),\r\n a = [],\r\n r = !1;\r\n return (\r\n te(t, function (t) {\r\n t.inXRange(i.x) && a.push(t), t.inRange(i.x, i.y) && (r = !0);\r\n }),\r\n n.intersect && !r && (a = []),\r\n a\r\n );\r\n },\r\n y: function (t, e, n) {\r\n var i = Qt(e, t),\r\n a = [],\r\n r = !1;\r\n return (\r\n te(t, function (t) {\r\n t.inYRange(i.y) && a.push(t), t.inRange(i.x, i.y) && (r = !0);\r\n }),\r\n n.intersect && !r && (a = []),\r\n a\r\n );\r\n },\r\n },\r\n },\r\n oe = H.extend;\r\n function se(t, e) {\r\n return H.where(t, function (t) {\r\n return t.pos === e;\r\n });\r\n }\r\n function le(t, e) {\r\n return t.sort(function (t, n) {\r\n var i = e ? n : t,\r\n a = e ? t : n;\r\n return i.weight === a.weight ? i.index - a.index : i.weight - a.weight;\r\n });\r\n }\r\n function ue(t, e, n, i) {\r\n return Math.max(t[n], e[n]) + Math.max(t[i], e[i]);\r\n }\r\n function de(t, e, n) {\r\n var i,\r\n a,\r\n r = n.box,\r\n o = t.maxPadding;\r\n if (\r\n (n.size && (t[n.pos] -= n.size),\r\n (n.size = n.horizontal ? r.height : r.width),\r\n (t[n.pos] += n.size),\r\n r.getPadding)\r\n ) {\r\n var s = r.getPadding();\r\n (o.top = Math.max(o.top, s.top)),\r\n (o.left = Math.max(o.left, s.left)),\r\n (o.bottom = Math.max(o.bottom, s.bottom)),\r\n (o.right = Math.max(o.right, s.right));\r\n }\r\n if (\r\n ((i = e.outerWidth - ue(o, t, \"left\", \"right\")),\r\n (a = e.outerHeight - ue(o, t, \"top\", \"bottom\")),\r\n i !== t.w || a !== t.h)\r\n )\r\n return (t.w = i), (t.h = a), n.horizontal ? i !== t.w : a !== t.h;\r\n }\r\n function he(t, e) {\r\n var n = e.maxPadding;\r\n function i(t) {\r\n var i = { left: 0, top: 0, right: 0, bottom: 0 };\r\n return (\r\n t.forEach(function (t) {\r\n i[t] = Math.max(e[t], n[t]);\r\n }),\r\n i\r\n );\r\n }\r\n return i(t ? [\"left\", \"right\"] : [\"top\", \"bottom\"]);\r\n }\r\n function ce(t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u = [];\r\n for (i = 0, a = t.length; i < a; ++i)\r\n (o = (r = t[i]).box).update(\r\n r.width || e.w,\r\n r.height || e.h,\r\n he(r.horizontal, e)\r\n ),\r\n de(e, n, r) && ((l = !0), u.length && (s = !0)),\r\n o.fullWidth || u.push(r);\r\n return (s && ce(u, e, n)) || l;\r\n }\r\n function fe(t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o,\r\n s = n.padding,\r\n l = e.x,\r\n u = e.y;\r\n for (i = 0, a = t.length; i < a; ++i)\r\n (o = (r = t[i]).box),\r\n r.horizontal\r\n ? ((o.left = o.fullWidth ? s.left : e.left),\r\n (o.right = o.fullWidth ? n.outerWidth - s.right : e.left + e.w),\r\n (o.top = u),\r\n (o.bottom = u + o.height),\r\n (o.width = o.right - o.left),\r\n (u = o.bottom))\r\n : ((o.left = l),\r\n (o.right = l + o.width),\r\n (o.top = e.top),\r\n (o.bottom = e.top + e.h),\r\n (o.height = o.bottom - o.top),\r\n (l = o.right));\r\n (e.x = l), (e.y = u);\r\n }\r\n W._set(\"global\", {\r\n layout: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },\r\n });\r\n var ge,\r\n me = {\r\n defaults: {},\r\n addBox: function (t, e) {\r\n t.boxes || (t.boxes = []),\r\n (e.fullWidth = e.fullWidth || !1),\r\n (e.position = e.position || \"top\"),\r\n (e.weight = e.weight || 0),\r\n (e._layers =\r\n e._layers ||\r\n function () {\r\n return [\r\n {\r\n z: 0,\r\n draw: function () {\r\n e.draw.apply(e, arguments);\r\n },\r\n },\r\n ];\r\n }),\r\n t.boxes.push(e);\r\n },\r\n removeBox: function (t, e) {\r\n var n = t.boxes ? t.boxes.indexOf(e) : -1;\r\n -1 !== n && t.boxes.splice(n, 1);\r\n },\r\n configure: function (t, e, n) {\r\n for (\r\n var i, a = [\"fullWidth\", \"position\", \"weight\"], r = a.length, o = 0;\r\n o < r;\r\n ++o\r\n )\r\n (i = a[o]), n.hasOwnProperty(i) && (e[i] = n[i]);\r\n },\r\n update: function (t, e, n) {\r\n if (t) {\r\n var i = t.options.layout || {},\r\n a = H.options.toPadding(i.padding),\r\n r = e - a.width,\r\n o = n - a.height,\r\n s = (function (t) {\r\n var e = (function (t) {\r\n var e,\r\n n,\r\n i,\r\n a = [];\r\n for (e = 0, n = (t || []).length; e < n; ++e)\r\n (i = t[e]),\r\n a.push({\r\n index: e,\r\n box: i,\r\n pos: i.position,\r\n horizontal: i.isHorizontal(),\r\n weight: i.weight,\r\n });\r\n return a;\r\n })(t),\r\n n = le(se(e, \"left\"), !0),\r\n i = le(se(e, \"right\")),\r\n a = le(se(e, \"top\"), !0),\r\n r = le(se(e, \"bottom\"));\r\n return {\r\n leftAndTop: n.concat(a),\r\n rightAndBottom: i.concat(r),\r\n chartArea: se(e, \"chartArea\"),\r\n vertical: n.concat(i),\r\n horizontal: a.concat(r),\r\n };\r\n })(t.boxes),\r\n l = s.vertical,\r\n u = s.horizontal,\r\n d = Object.freeze({\r\n outerWidth: e,\r\n outerHeight: n,\r\n padding: a,\r\n availableWidth: r,\r\n vBoxMaxWidth: r / 2 / l.length,\r\n hBoxMaxHeight: o / 2,\r\n }),\r\n h = oe(\r\n { maxPadding: oe({}, a), w: r, h: o, x: a.left, y: a.top },\r\n a\r\n );\r\n !(function (t, e) {\r\n var n, i, a;\r\n for (n = 0, i = t.length; n < i; ++n)\r\n ((a = t[n]).width = a.horizontal\r\n ? a.box.fullWidth && e.availableWidth\r\n : e.vBoxMaxWidth),\r\n (a.height = a.horizontal && e.hBoxMaxHeight);\r\n })(l.concat(u), d),\r\n ce(l, h, d),\r\n ce(u, h, d) && ce(l, h, d),\r\n (function (t) {\r\n var e = t.maxPadding;\r\n function n(n) {\r\n var i = Math.max(e[n] - t[n], 0);\r\n return (t[n] += i), i;\r\n }\r\n (t.y += n(\"top\")), (t.x += n(\"left\")), n(\"right\"), n(\"bottom\");\r\n })(h),\r\n fe(s.leftAndTop, h, d),\r\n (h.x += h.w),\r\n (h.y += h.h),\r\n fe(s.rightAndBottom, h, d),\r\n (t.chartArea = {\r\n left: h.left,\r\n top: h.top,\r\n right: h.left + h.w,\r\n bottom: h.top + h.h,\r\n }),\r\n H.each(s.chartArea, function (e) {\r\n var n = e.box;\r\n oe(n, t.chartArea), n.update(h.w, h.h);\r\n });\r\n }\r\n },\r\n },\r\n pe =\r\n ((ge = Object.freeze({\r\n __proto__: null,\r\n default:\r\n \"@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}\",\r\n })) &&\r\n ge.default) ||\r\n ge,\r\n ve = \"$chartjs\",\r\n be = \"chartjs-size-monitor\",\r\n ye = \"chartjs-render-monitor\",\r\n xe = \"chartjs-render-animation\",\r\n _e = [\"animationstart\", \"webkitAnimationStart\"],\r\n we = {\r\n touchstart: \"mousedown\",\r\n touchmove: \"mousemove\",\r\n touchend: \"mouseup\",\r\n pointerenter: \"mouseenter\",\r\n pointerdown: \"mousedown\",\r\n pointermove: \"mousemove\",\r\n pointerup: \"mouseup\",\r\n pointerleave: \"mouseout\",\r\n pointerout: \"mouseout\",\r\n };\r\n function ke(t, e) {\r\n var n = H.getStyle(t, e),\r\n i = n && n.match(/^(\\d+)(\\.\\d+)?px$/);\r\n return i ? Number(i[1]) : void 0;\r\n }\r\n var Me = !!(function () {\r\n var t = !1;\r\n try {\r\n var e = Object.defineProperty({}, \"passive\", {\r\n get: function () {\r\n t = !0;\r\n },\r\n });\r\n window.addEventListener(\"e\", null, e);\r\n } catch (t) {}\r\n return t;\r\n })() && { passive: !0 };\r\n function Se(t, e, n) {\r\n t.addEventListener(e, n, Me);\r\n }\r\n function De(t, e, n) {\r\n t.removeEventListener(e, n, Me);\r\n }\r\n function Ce(t, e, n, i, a) {\r\n return {\r\n type: t,\r\n chart: e,\r\n native: a || null,\r\n x: void 0 !== n ? n : null,\r\n y: void 0 !== i ? i : null,\r\n };\r\n }\r\n function Pe(t) {\r\n var e = document.createElement(\"div\");\r\n return (e.className = t || \"\"), e;\r\n }\r\n function Te(t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o,\r\n s = t[ve] || (t[ve] = {}),\r\n l = (s.resizer = (function (t) {\r\n var e = Pe(be),\r\n n = Pe(be + \"-expand\"),\r\n i = Pe(be + \"-shrink\");\r\n n.appendChild(Pe()),\r\n i.appendChild(Pe()),\r\n e.appendChild(n),\r\n e.appendChild(i),\r\n (e._reset = function () {\r\n (n.scrollLeft = 1e6),\r\n (n.scrollTop = 1e6),\r\n (i.scrollLeft = 1e6),\r\n (i.scrollTop = 1e6);\r\n });\r\n var a = function () {\r\n e._reset(), t();\r\n };\r\n return (\r\n Se(n, \"scroll\", a.bind(n, \"expand\")),\r\n Se(i, \"scroll\", a.bind(i, \"shrink\")),\r\n e\r\n );\r\n })(\r\n ((i = function () {\r\n if (s.resizer) {\r\n var i = n.options.maintainAspectRatio && t.parentNode,\r\n a = i ? i.clientWidth : 0;\r\n e(Ce(\"resize\", n)),\r\n i && i.clientWidth < a && n.canvas && e(Ce(\"resize\", n));\r\n }\r\n }),\r\n (r = !1),\r\n (o = []),\r\n function () {\r\n (o = Array.prototype.slice.call(arguments)),\r\n (a = a || this),\r\n r ||\r\n ((r = !0),\r\n H.requestAnimFrame.call(window, function () {\r\n (r = !1), i.apply(a, o);\r\n }));\r\n })\r\n ));\r\n !(function (t, e) {\r\n var n = t[ve] || (t[ve] = {}),\r\n i = (n.renderProxy = function (t) {\r\n t.animationName === xe && e();\r\n });\r\n H.each(_e, function (e) {\r\n Se(t, e, i);\r\n }),\r\n (n.reflow = !!t.offsetParent),\r\n t.classList.add(ye);\r\n })(t, function () {\r\n if (s.resizer) {\r\n var e = t.parentNode;\r\n e && e !== l.parentNode && e.insertBefore(l, e.firstChild), l._reset();\r\n }\r\n });\r\n }\r\n function Oe(t) {\r\n var e = t[ve] || {},\r\n n = e.resizer;\r\n delete e.resizer,\r\n (function (t) {\r\n var e = t[ve] || {},\r\n n = e.renderProxy;\r\n n &&\r\n (H.each(_e, function (e) {\r\n De(t, e, n);\r\n }),\r\n delete e.renderProxy),\r\n t.classList.remove(ye);\r\n })(t),\r\n n && n.parentNode && n.parentNode.removeChild(n);\r\n }\r\n var Ae = {\r\n disableCSSInjection: !1,\r\n _enabled: \"undefined\" != typeof window && \"undefined\" != typeof document,\r\n _ensureLoaded: function (t) {\r\n if (!this.disableCSSInjection) {\r\n var e = t.getRootNode ? t.getRootNode() : document;\r\n !(function (t, e) {\r\n var n = t[ve] || (t[ve] = {});\r\n if (!n.containsStyles) {\r\n (n.containsStyles = !0), (e = \"/* Chart.js */\\n\" + e);\r\n var i = document.createElement(\"style\");\r\n i.setAttribute(\"type\", \"text/css\"),\r\n i.appendChild(document.createTextNode(e)),\r\n t.appendChild(i);\r\n }\r\n })(e.host ? e : document.head, pe);\r\n }\r\n },\r\n acquireContext: function (t, e) {\r\n \"string\" == typeof t\r\n ? (t = document.getElementById(t))\r\n : t.length && (t = t[0]),\r\n t && t.canvas && (t = t.canvas);\r\n var n = t && t.getContext && t.getContext(\"2d\");\r\n return n && n.canvas === t\r\n ? (this._ensureLoaded(t),\r\n (function (t, e) {\r\n var n = t.style,\r\n i = t.getAttribute(\"height\"),\r\n a = t.getAttribute(\"width\");\r\n if (\r\n ((t[ve] = {\r\n initial: {\r\n height: i,\r\n width: a,\r\n style: {\r\n display: n.display,\r\n height: n.height,\r\n width: n.width,\r\n },\r\n },\r\n }),\r\n (n.display = n.display || \"block\"),\r\n null === a || \"\" === a)\r\n ) {\r\n var r = ke(t, \"width\");\r\n void 0 !== r && (t.width = r);\r\n }\r\n if (null === i || \"\" === i)\r\n if (\"\" === t.style.height)\r\n t.height = t.width / (e.options.aspectRatio || 2);\r\n else {\r\n var o = ke(t, \"height\");\r\n void 0 !== r && (t.height = o);\r\n }\r\n })(t, e),\r\n n)\r\n : null;\r\n },\r\n releaseContext: function (t) {\r\n var e = t.canvas;\r\n if (e[ve]) {\r\n var n = e[ve].initial;\r\n [\"height\", \"width\"].forEach(function (t) {\r\n var i = n[t];\r\n H.isNullOrUndef(i) ? e.removeAttribute(t) : e.setAttribute(t, i);\r\n }),\r\n H.each(n.style || {}, function (t, n) {\r\n e.style[n] = t;\r\n }),\r\n (e.width = e.width),\r\n delete e[ve];\r\n }\r\n },\r\n addEventListener: function (t, e, n) {\r\n var i = t.canvas;\r\n if (\"resize\" !== e) {\r\n var a = n[ve] || (n[ve] = {});\r\n Se(\r\n i,\r\n e,\r\n ((a.proxies || (a.proxies = {}))[t.id + \"_\" + e] = function (e) {\r\n n(\r\n (function (t, e) {\r\n var n = we[t.type] || t.type,\r\n i = H.getRelativePosition(t, e);\r\n return Ce(n, e, i.x, i.y, t);\r\n })(e, t)\r\n );\r\n })\r\n );\r\n } else Te(i, n, t);\r\n },\r\n removeEventListener: function (t, e, n) {\r\n var i = t.canvas;\r\n if (\"resize\" !== e) {\r\n var a = ((n[ve] || {}).proxies || {})[t.id + \"_\" + e];\r\n a && De(i, e, a);\r\n } else Oe(i);\r\n },\r\n };\r\n (H.addEvent = Se), (H.removeEvent = De);\r\n var Fe = Ae._enabled\r\n ? Ae\r\n : {\r\n acquireContext: function (t) {\r\n return (\r\n t && t.canvas && (t = t.canvas), (t && t.getContext(\"2d\")) || null\r\n );\r\n },\r\n },\r\n Ie = H.extend(\r\n {\r\n initialize: function () {},\r\n acquireContext: function () {},\r\n releaseContext: function () {},\r\n addEventListener: function () {},\r\n removeEventListener: function () {},\r\n },\r\n Fe\r\n );\r\n W._set(\"global\", { plugins: {} });\r\n var Le = {\r\n _plugins: [],\r\n _cacheId: 0,\r\n register: function (t) {\r\n var e = this._plugins;\r\n [].concat(t).forEach(function (t) {\r\n -1 === e.indexOf(t) && e.push(t);\r\n }),\r\n this._cacheId++;\r\n },\r\n unregister: function (t) {\r\n var e = this._plugins;\r\n [].concat(t).forEach(function (t) {\r\n var n = e.indexOf(t);\r\n -1 !== n && e.splice(n, 1);\r\n }),\r\n this._cacheId++;\r\n },\r\n clear: function () {\r\n (this._plugins = []), this._cacheId++;\r\n },\r\n count: function () {\r\n return this._plugins.length;\r\n },\r\n getAll: function () {\r\n return this._plugins;\r\n },\r\n notify: function (t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l = this.descriptors(t),\r\n u = l.length;\r\n for (i = 0; i < u; ++i)\r\n if (\r\n \"function\" == typeof (s = (r = (a = l[i]).plugin)[e]) &&\r\n ((o = [t].concat(n || [])).push(a.options), !1 === s.apply(r, o))\r\n )\r\n return !1;\r\n return !0;\r\n },\r\n descriptors: function (t) {\r\n var e = t.$plugins || (t.$plugins = {});\r\n if (e.id === this._cacheId) return e.descriptors;\r\n var n = [],\r\n i = [],\r\n a = (t && t.config) || {},\r\n r = (a.options && a.options.plugins) || {};\r\n return (\r\n this._plugins.concat(a.plugins || []).forEach(function (t) {\r\n if (-1 === n.indexOf(t)) {\r\n var e = t.id,\r\n a = r[e];\r\n !1 !== a &&\r\n (!0 === a && (a = H.clone(W.global.plugins[e])),\r\n n.push(t),\r\n i.push({ plugin: t, options: a || {} }));\r\n }\r\n }),\r\n (e.descriptors = i),\r\n (e.id = this._cacheId),\r\n i\r\n );\r\n },\r\n _invalidate: function (t) {\r\n delete t.$plugins;\r\n },\r\n },\r\n Re = {\r\n constructors: {},\r\n defaults: {},\r\n registerScaleType: function (t, e, n) {\r\n (this.constructors[t] = e), (this.defaults[t] = H.clone(n));\r\n },\r\n getScaleConstructor: function (t) {\r\n return this.constructors.hasOwnProperty(t)\r\n ? this.constructors[t]\r\n : void 0;\r\n },\r\n getScaleDefaults: function (t) {\r\n return this.defaults.hasOwnProperty(t)\r\n ? H.merge({}, [W.scale, this.defaults[t]])\r\n : {};\r\n },\r\n updateScaleDefaults: function (t, e) {\r\n this.defaults.hasOwnProperty(t) &&\r\n (this.defaults[t] = H.extend(this.defaults[t], e));\r\n },\r\n addScalesToLayout: function (t) {\r\n H.each(t.scales, function (e) {\r\n (e.fullWidth = e.options.fullWidth),\r\n (e.position = e.options.position),\r\n (e.weight = e.options.weight),\r\n me.addBox(t, e);\r\n });\r\n },\r\n },\r\n Ne = H.valueOrDefault,\r\n We = H.rtl.getRtlAdapter;\r\n W._set(\"global\", {\r\n tooltips: {\r\n enabled: !0,\r\n custom: null,\r\n mode: \"nearest\",\r\n position: \"average\",\r\n intersect: !0,\r\n backgroundColor: \"rgba(0,0,0,0.8)\",\r\n titleFontStyle: \"bold\",\r\n titleSpacing: 2,\r\n titleMarginBottom: 6,\r\n titleFontColor: \"#fff\",\r\n titleAlign: \"left\",\r\n bodySpacing: 2,\r\n bodyFontColor: \"#fff\",\r\n bodyAlign: \"left\",\r\n footerFontStyle: \"bold\",\r\n footerSpacing: 2,\r\n footerMarginTop: 6,\r\n footerFontColor: \"#fff\",\r\n footerAlign: \"left\",\r\n yPadding: 6,\r\n xPadding: 6,\r\n caretPadding: 2,\r\n caretSize: 5,\r\n cornerRadius: 6,\r\n multiKeyBackground: \"#fff\",\r\n displayColors: !0,\r\n borderColor: \"rgba(0,0,0,0)\",\r\n borderWidth: 0,\r\n callbacks: {\r\n beforeTitle: H.noop,\r\n title: function (t, e) {\r\n var n = \"\",\r\n i = e.labels,\r\n a = i ? i.length : 0;\r\n if (t.length > 0) {\r\n var r = t[0];\r\n r.label\r\n ? (n = r.label)\r\n : r.xLabel\r\n ? (n = r.xLabel)\r\n : a > 0 && r.index < a && (n = i[r.index]);\r\n }\r\n return n;\r\n },\r\n afterTitle: H.noop,\r\n beforeBody: H.noop,\r\n beforeLabel: H.noop,\r\n label: function (t, e) {\r\n var n = e.datasets[t.datasetIndex].label || \"\";\r\n return (\r\n n && (n += \": \"),\r\n H.isNullOrUndef(t.value) ? (n += t.yLabel) : (n += t.value),\r\n n\r\n );\r\n },\r\n labelColor: function (t, e) {\r\n var n = e.getDatasetMeta(t.datasetIndex).data[t.index]._view;\r\n return {\r\n borderColor: n.borderColor,\r\n backgroundColor: n.backgroundColor,\r\n };\r\n },\r\n labelTextColor: function () {\r\n return this._options.bodyFontColor;\r\n },\r\n afterLabel: H.noop,\r\n afterBody: H.noop,\r\n beforeFooter: H.noop,\r\n footer: H.noop,\r\n afterFooter: H.noop,\r\n },\r\n },\r\n });\r\n var Ye = {\r\n average: function (t) {\r\n if (!t.length) return !1;\r\n var e,\r\n n,\r\n i = 0,\r\n a = 0,\r\n r = 0;\r\n for (e = 0, n = t.length; e < n; ++e) {\r\n var o = t[e];\r\n if (o && o.hasValue()) {\r\n var s = o.tooltipPosition();\r\n (i += s.x), (a += s.y), ++r;\r\n }\r\n }\r\n return { x: i / r, y: a / r };\r\n },\r\n nearest: function (t, e) {\r\n var n,\r\n i,\r\n a,\r\n r = e.x,\r\n o = e.y,\r\n s = Number.POSITIVE_INFINITY;\r\n for (n = 0, i = t.length; n < i; ++n) {\r\n var l = t[n];\r\n if (l && l.hasValue()) {\r\n var u = l.getCenterPoint(),\r\n d = H.distanceBetweenPoints(e, u);\r\n d < s && ((s = d), (a = l));\r\n }\r\n }\r\n if (a) {\r\n var h = a.tooltipPosition();\r\n (r = h.x), (o = h.y);\r\n }\r\n return { x: r, y: o };\r\n },\r\n };\r\n function ze(t, e) {\r\n return (\r\n e && (H.isArray(e) ? Array.prototype.push.apply(t, e) : t.push(e)), t\r\n );\r\n }\r\n function Ee(t) {\r\n return (\"string\" == typeof t || t instanceof String) && t.indexOf(\"\\n\") > -1\r\n ? t.split(\"\\n\")\r\n : t;\r\n }\r\n function Ve(t) {\r\n var e = W.global;\r\n return {\r\n xPadding: t.xPadding,\r\n yPadding: t.yPadding,\r\n xAlign: t.xAlign,\r\n yAlign: t.yAlign,\r\n rtl: t.rtl,\r\n textDirection: t.textDirection,\r\n bodyFontColor: t.bodyFontColor,\r\n _bodyFontFamily: Ne(t.bodyFontFamily, e.defaultFontFamily),\r\n _bodyFontStyle: Ne(t.bodyFontStyle, e.defaultFontStyle),\r\n _bodyAlign: t.bodyAlign,\r\n bodyFontSize: Ne(t.bodyFontSize, e.defaultFontSize),\r\n bodySpacing: t.bodySpacing,\r\n titleFontColor: t.titleFontColor,\r\n _titleFontFamily: Ne(t.titleFontFamily, e.defaultFontFamily),\r\n _titleFontStyle: Ne(t.titleFontStyle, e.defaultFontStyle),\r\n titleFontSize: Ne(t.titleFontSize, e.defaultFontSize),\r\n _titleAlign: t.titleAlign,\r\n titleSpacing: t.titleSpacing,\r\n titleMarginBottom: t.titleMarginBottom,\r\n footerFontColor: t.footerFontColor,\r\n _footerFontFamily: Ne(t.footerFontFamily, e.defaultFontFamily),\r\n _footerFontStyle: Ne(t.footerFontStyle, e.defaultFontStyle),\r\n footerFontSize: Ne(t.footerFontSize, e.defaultFontSize),\r\n _footerAlign: t.footerAlign,\r\n footerSpacing: t.footerSpacing,\r\n footerMarginTop: t.footerMarginTop,\r\n caretSize: t.caretSize,\r\n cornerRadius: t.cornerRadius,\r\n backgroundColor: t.backgroundColor,\r\n opacity: 0,\r\n legendColorBackground: t.multiKeyBackground,\r\n displayColors: t.displayColors,\r\n borderColor: t.borderColor,\r\n borderWidth: t.borderWidth,\r\n };\r\n }\r\n function He(t, e) {\r\n return \"center\" === e\r\n ? t.x + t.width / 2\r\n : \"right\" === e\r\n ? t.x + t.width - t.xPadding\r\n : t.x + t.xPadding;\r\n }\r\n function Be(t) {\r\n return ze([], Ee(t));\r\n }\r\n var je = $.extend({\r\n initialize: function () {\r\n (this._model = Ve(this._options)), (this._lastActive = []);\r\n },\r\n getTitle: function () {\r\n var t = this,\r\n e = t._options,\r\n n = e.callbacks,\r\n i = n.beforeTitle.apply(t, arguments),\r\n a = n.title.apply(t, arguments),\r\n r = n.afterTitle.apply(t, arguments),\r\n o = [];\r\n return (o = ze(o, Ee(i))), (o = ze(o, Ee(a))), (o = ze(o, Ee(r)));\r\n },\r\n getBeforeBody: function () {\r\n return Be(this._options.callbacks.beforeBody.apply(this, arguments));\r\n },\r\n getBody: function (t, e) {\r\n var n = this,\r\n i = n._options.callbacks,\r\n a = [];\r\n return (\r\n H.each(t, function (t) {\r\n var r = { before: [], lines: [], after: [] };\r\n ze(r.before, Ee(i.beforeLabel.call(n, t, e))),\r\n ze(r.lines, i.label.call(n, t, e)),\r\n ze(r.after, Ee(i.afterLabel.call(n, t, e))),\r\n a.push(r);\r\n }),\r\n a\r\n );\r\n },\r\n getAfterBody: function () {\r\n return Be(this._options.callbacks.afterBody.apply(this, arguments));\r\n },\r\n getFooter: function () {\r\n var t = this,\r\n e = t._options.callbacks,\r\n n = e.beforeFooter.apply(t, arguments),\r\n i = e.footer.apply(t, arguments),\r\n a = e.afterFooter.apply(t, arguments),\r\n r = [];\r\n return (r = ze(r, Ee(n))), (r = ze(r, Ee(i))), (r = ze(r, Ee(a)));\r\n },\r\n update: function (t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u,\r\n d,\r\n h = this,\r\n c = h._options,\r\n f = h._model,\r\n g = (h._model = Ve(c)),\r\n m = h._active,\r\n p = h._data,\r\n v = { xAlign: f.xAlign, yAlign: f.yAlign },\r\n b = { x: f.x, y: f.y },\r\n y = { width: f.width, height: f.height },\r\n x = { x: f.caretX, y: f.caretY };\r\n if (m.length) {\r\n g.opacity = 1;\r\n var _ = [],\r\n w = [];\r\n x = Ye[c.position].call(h, m, h._eventPosition);\r\n var k = [];\r\n for (e = 0, n = m.length; e < n; ++e)\r\n k.push(\r\n ((i = m[e]),\r\n (a = void 0),\r\n (r = void 0),\r\n (o = void 0),\r\n (s = void 0),\r\n (l = void 0),\r\n (u = void 0),\r\n (d = void 0),\r\n (a = i._xScale),\r\n (r = i._yScale || i._scale),\r\n (o = i._index),\r\n (s = i._datasetIndex),\r\n (l = i._chart.getDatasetMeta(s).controller),\r\n (u = l._getIndexScale()),\r\n (d = l._getValueScale()),\r\n {\r\n xLabel: a ? a.getLabelForIndex(o, s) : \"\",\r\n yLabel: r ? r.getLabelForIndex(o, s) : \"\",\r\n label: u ? \"\" + u.getLabelForIndex(o, s) : \"\",\r\n value: d ? \"\" + d.getLabelForIndex(o, s) : \"\",\r\n index: o,\r\n datasetIndex: s,\r\n x: i._model.x,\r\n y: i._model.y,\r\n })\r\n );\r\n c.filter &&\r\n (k = k.filter(function (t) {\r\n return c.filter(t, p);\r\n })),\r\n c.itemSort &&\r\n (k = k.sort(function (t, e) {\r\n return c.itemSort(t, e, p);\r\n })),\r\n H.each(k, function (t) {\r\n _.push(c.callbacks.labelColor.call(h, t, h._chart)),\r\n w.push(c.callbacks.labelTextColor.call(h, t, h._chart));\r\n }),\r\n (g.title = h.getTitle(k, p)),\r\n (g.beforeBody = h.getBeforeBody(k, p)),\r\n (g.body = h.getBody(k, p)),\r\n (g.afterBody = h.getAfterBody(k, p)),\r\n (g.footer = h.getFooter(k, p)),\r\n (g.x = x.x),\r\n (g.y = x.y),\r\n (g.caretPadding = c.caretPadding),\r\n (g.labelColors = _),\r\n (g.labelTextColors = w),\r\n (g.dataPoints = k),\r\n (y = (function (t, e) {\r\n var n = t._chart.ctx,\r\n i = 2 * e.yPadding,\r\n a = 0,\r\n r = e.body,\r\n o = r.reduce(function (t, e) {\r\n return t + e.before.length + e.lines.length + e.after.length;\r\n }, 0);\r\n o += e.beforeBody.length + e.afterBody.length;\r\n var s = e.title.length,\r\n l = e.footer.length,\r\n u = e.titleFontSize,\r\n d = e.bodyFontSize,\r\n h = e.footerFontSize;\r\n (i += s * u),\r\n (i += s ? (s - 1) * e.titleSpacing : 0),\r\n (i += s ? e.titleMarginBottom : 0),\r\n (i += o * d),\r\n (i += o ? (o - 1) * e.bodySpacing : 0),\r\n (i += l ? e.footerMarginTop : 0),\r\n (i += l * h),\r\n (i += l ? (l - 1) * e.footerSpacing : 0);\r\n var c = 0,\r\n f = function (t) {\r\n a = Math.max(a, n.measureText(t).width + c);\r\n };\r\n return (\r\n (n.font = H.fontString(\r\n u,\r\n e._titleFontStyle,\r\n e._titleFontFamily\r\n )),\r\n H.each(e.title, f),\r\n (n.font = H.fontString(d, e._bodyFontStyle, e._bodyFontFamily)),\r\n H.each(e.beforeBody.concat(e.afterBody), f),\r\n (c = e.displayColors ? d + 2 : 0),\r\n H.each(r, function (t) {\r\n H.each(t.before, f), H.each(t.lines, f), H.each(t.after, f);\r\n }),\r\n (c = 0),\r\n (n.font = H.fontString(\r\n h,\r\n e._footerFontStyle,\r\n e._footerFontFamily\r\n )),\r\n H.each(e.footer, f),\r\n { width: (a += 2 * e.xPadding), height: i }\r\n );\r\n })(this, g)),\r\n (b = (function (t, e, n, i) {\r\n var a = t.x,\r\n r = t.y,\r\n o = t.caretSize,\r\n s = t.caretPadding,\r\n l = t.cornerRadius,\r\n u = n.xAlign,\r\n d = n.yAlign,\r\n h = o + s,\r\n c = l + s;\r\n return (\r\n \"right\" === u\r\n ? (a -= e.width)\r\n : \"center\" === u &&\r\n ((a -= e.width / 2) + e.width > i.width &&\r\n (a = i.width - e.width),\r\n a < 0 && (a = 0)),\r\n \"top\" === d\r\n ? (r += h)\r\n : (r -= \"bottom\" === d ? e.height + h : e.height / 2),\r\n \"center\" === d\r\n ? \"left\" === u\r\n ? (a += h)\r\n : \"right\" === u && (a -= h)\r\n : \"left\" === u\r\n ? (a -= c)\r\n : \"right\" === u && (a += c),\r\n { x: a, y: r }\r\n );\r\n })(\r\n g,\r\n y,\r\n (v = (function (t, e) {\r\n var n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s = t._model,\r\n l = t._chart,\r\n u = t._chart.chartArea,\r\n d = \"center\",\r\n h = \"center\";\r\n s.y < e.height\r\n ? (h = \"top\")\r\n : s.y > l.height - e.height && (h = \"bottom\");\r\n var c = (u.left + u.right) / 2,\r\n f = (u.top + u.bottom) / 2;\r\n \"center\" === h\r\n ? ((n = function (t) {\r\n return t <= c;\r\n }),\r\n (i = function (t) {\r\n return t > c;\r\n }))\r\n : ((n = function (t) {\r\n return t <= e.width / 2;\r\n }),\r\n (i = function (t) {\r\n return t >= l.width - e.width / 2;\r\n })),\r\n (a = function (t) {\r\n return t + e.width + s.caretSize + s.caretPadding > l.width;\r\n }),\r\n (r = function (t) {\r\n return t - e.width - s.caretSize - s.caretPadding < 0;\r\n }),\r\n (o = function (t) {\r\n return t <= f ? \"top\" : \"bottom\";\r\n }),\r\n n(s.x)\r\n ? ((d = \"left\"), a(s.x) && ((d = \"center\"), (h = o(s.y))))\r\n : i(s.x) &&\r\n ((d = \"right\"), r(s.x) && ((d = \"center\"), (h = o(s.y))));\r\n var g = t._options;\r\n return {\r\n xAlign: g.xAlign ? g.xAlign : d,\r\n yAlign: g.yAlign ? g.yAlign : h,\r\n };\r\n })(this, y)),\r\n h._chart\r\n ));\r\n } else g.opacity = 0;\r\n return (\r\n (g.xAlign = v.xAlign),\r\n (g.yAlign = v.yAlign),\r\n (g.x = b.x),\r\n (g.y = b.y),\r\n (g.width = y.width),\r\n (g.height = y.height),\r\n (g.caretX = x.x),\r\n (g.caretY = x.y),\r\n (h._model = g),\r\n t && c.custom && c.custom.call(h, g),\r\n h\r\n );\r\n },\r\n drawCaret: function (t, e) {\r\n var n = this._chart.ctx,\r\n i = this._view,\r\n a = this.getCaretPosition(t, e, i);\r\n n.lineTo(a.x1, a.y1), n.lineTo(a.x2, a.y2), n.lineTo(a.x3, a.y3);\r\n },\r\n getCaretPosition: function (t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u = n.caretSize,\r\n d = n.cornerRadius,\r\n h = n.xAlign,\r\n c = n.yAlign,\r\n f = t.x,\r\n g = t.y,\r\n m = e.width,\r\n p = e.height;\r\n if (\"center\" === c)\r\n (s = g + p / 2),\r\n \"left\" === h\r\n ? ((a = (i = f) - u), (r = i), (o = s + u), (l = s - u))\r\n : ((a = (i = f + m) + u), (r = i), (o = s - u), (l = s + u));\r\n else if (\r\n (\"left\" === h\r\n ? ((i = (a = f + d + u) - u), (r = a + u))\r\n : \"right\" === h\r\n ? ((i = (a = f + m - d - u) - u), (r = a + u))\r\n : ((i = (a = n.caretX) - u), (r = a + u)),\r\n \"top\" === c)\r\n )\r\n (s = (o = g) - u), (l = o);\r\n else {\r\n (s = (o = g + p) + u), (l = o);\r\n var v = r;\r\n (r = i), (i = v);\r\n }\r\n return { x1: i, x2: a, x3: r, y1: o, y2: s, y3: l };\r\n },\r\n drawTitle: function (t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o = e.title,\r\n s = o.length;\r\n if (s) {\r\n var l = We(e.rtl, e.x, e.width);\r\n for (\r\n t.x = He(e, e._titleAlign),\r\n n.textAlign = l.textAlign(e._titleAlign),\r\n n.textBaseline = \"middle\",\r\n i = e.titleFontSize,\r\n a = e.titleSpacing,\r\n n.fillStyle = e.titleFontColor,\r\n n.font = H.fontString(i, e._titleFontStyle, e._titleFontFamily),\r\n r = 0;\r\n r < s;\r\n ++r\r\n )\r\n n.fillText(o[r], l.x(t.x), t.y + i / 2),\r\n (t.y += i + a),\r\n r + 1 === s && (t.y += e.titleMarginBottom - a);\r\n }\r\n },\r\n drawBody: function (t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u,\r\n d,\r\n h = e.bodyFontSize,\r\n c = e.bodySpacing,\r\n f = e._bodyAlign,\r\n g = e.body,\r\n m = e.displayColors,\r\n p = 0,\r\n v = m ? He(e, \"left\") : 0,\r\n b = We(e.rtl, e.x, e.width),\r\n y = function (e) {\r\n n.fillText(e, b.x(t.x + p), t.y + h / 2), (t.y += h + c);\r\n },\r\n x = b.textAlign(f);\r\n for (\r\n n.textAlign = f,\r\n n.textBaseline = \"middle\",\r\n n.font = H.fontString(h, e._bodyFontStyle, e._bodyFontFamily),\r\n t.x = He(e, x),\r\n n.fillStyle = e.bodyFontColor,\r\n H.each(e.beforeBody, y),\r\n p = m && \"right\" !== x ? (\"center\" === f ? h / 2 + 1 : h + 2) : 0,\r\n s = 0,\r\n u = g.length;\r\n s < u;\r\n ++s\r\n ) {\r\n for (\r\n i = g[s],\r\n a = e.labelTextColors[s],\r\n r = e.labelColors[s],\r\n n.fillStyle = a,\r\n H.each(i.before, y),\r\n l = 0,\r\n d = (o = i.lines).length;\r\n l < d;\r\n ++l\r\n ) {\r\n if (m) {\r\n var _ = b.x(v);\r\n (n.fillStyle = e.legendColorBackground),\r\n n.fillRect(b.leftForLtr(_, h), t.y, h, h),\r\n (n.lineWidth = 1),\r\n (n.strokeStyle = r.borderColor),\r\n n.strokeRect(b.leftForLtr(_, h), t.y, h, h),\r\n (n.fillStyle = r.backgroundColor),\r\n n.fillRect(\r\n b.leftForLtr(b.xPlus(_, 1), h - 2),\r\n t.y + 1,\r\n h - 2,\r\n h - 2\r\n ),\r\n (n.fillStyle = a);\r\n }\r\n y(o[l]);\r\n }\r\n H.each(i.after, y);\r\n }\r\n (p = 0), H.each(e.afterBody, y), (t.y -= c);\r\n },\r\n drawFooter: function (t, e, n) {\r\n var i,\r\n a,\r\n r = e.footer,\r\n o = r.length;\r\n if (o) {\r\n var s = We(e.rtl, e.x, e.width);\r\n for (\r\n t.x = He(e, e._footerAlign),\r\n t.y += e.footerMarginTop,\r\n n.textAlign = s.textAlign(e._footerAlign),\r\n n.textBaseline = \"middle\",\r\n i = e.footerFontSize,\r\n n.fillStyle = e.footerFontColor,\r\n n.font = H.fontString(i, e._footerFontStyle, e._footerFontFamily),\r\n a = 0;\r\n a < o;\r\n ++a\r\n )\r\n n.fillText(r[a], s.x(t.x), t.y + i / 2),\r\n (t.y += i + e.footerSpacing);\r\n }\r\n },\r\n drawBackground: function (t, e, n, i) {\r\n (n.fillStyle = e.backgroundColor),\r\n (n.strokeStyle = e.borderColor),\r\n (n.lineWidth = e.borderWidth);\r\n var a = e.xAlign,\r\n r = e.yAlign,\r\n o = t.x,\r\n s = t.y,\r\n l = i.width,\r\n u = i.height,\r\n d = e.cornerRadius;\r\n n.beginPath(),\r\n n.moveTo(o + d, s),\r\n \"top\" === r && this.drawCaret(t, i),\r\n n.lineTo(o + l - d, s),\r\n n.quadraticCurveTo(o + l, s, o + l, s + d),\r\n \"center\" === r && \"right\" === a && this.drawCaret(t, i),\r\n n.lineTo(o + l, s + u - d),\r\n n.quadraticCurveTo(o + l, s + u, o + l - d, s + u),\r\n \"bottom\" === r && this.drawCaret(t, i),\r\n n.lineTo(o + d, s + u),\r\n n.quadraticCurveTo(o, s + u, o, s + u - d),\r\n \"center\" === r && \"left\" === a && this.drawCaret(t, i),\r\n n.lineTo(o, s + d),\r\n n.quadraticCurveTo(o, s, o + d, s),\r\n n.closePath(),\r\n n.fill(),\r\n e.borderWidth > 0 && n.stroke();\r\n },\r\n draw: function () {\r\n var t = this._chart.ctx,\r\n e = this._view;\r\n if (0 !== e.opacity) {\r\n var n = { width: e.width, height: e.height },\r\n i = { x: e.x, y: e.y },\r\n a = Math.abs(e.opacity < 0.001) ? 0 : e.opacity,\r\n r =\r\n e.title.length ||\r\n e.beforeBody.length ||\r\n e.body.length ||\r\n e.afterBody.length ||\r\n e.footer.length;\r\n this._options.enabled &&\r\n r &&\r\n (t.save(),\r\n (t.globalAlpha = a),\r\n this.drawBackground(i, e, t, n),\r\n (i.y += e.yPadding),\r\n H.rtl.overrideTextDirection(t, e.textDirection),\r\n this.drawTitle(i, e, t),\r\n this.drawBody(i, e, t),\r\n this.drawFooter(i, e, t),\r\n H.rtl.restoreTextDirection(t, e.textDirection),\r\n t.restore());\r\n }\r\n },\r\n handleEvent: function (t) {\r\n var e,\r\n n = this,\r\n i = n._options;\r\n return (\r\n (n._lastActive = n._lastActive || []),\r\n \"mouseout\" === t.type\r\n ? (n._active = [])\r\n : ((n._active = n._chart.getElementsAtEventForMode(t, i.mode, i)),\r\n i.reverse && n._active.reverse()),\r\n (e = !H.arrayEquals(n._active, n._lastActive)) &&\r\n ((n._lastActive = n._active),\r\n (i.enabled || i.custom) &&\r\n ((n._eventPosition = { x: t.x, y: t.y }),\r\n n.update(!0),\r\n n.pivot())),\r\n e\r\n );\r\n },\r\n }),\r\n Ue = Ye,\r\n Ge = je;\r\n Ge.positioners = Ue;\r\n var qe = H.valueOrDefault;\r\n function Ze() {\r\n return H.merge({}, [].slice.call(arguments), {\r\n merger: function (t, e, n, i) {\r\n if (\"xAxes\" === t || \"yAxes\" === t) {\r\n var a,\r\n r,\r\n o,\r\n s = n[t].length;\r\n for (e[t] || (e[t] = []), a = 0; a < s; ++a)\r\n (o = n[t][a]),\r\n (r = qe(o.type, \"xAxes\" === t ? \"category\" : \"linear\")),\r\n a >= e[t].length && e[t].push({}),\r\n !e[t][a].type || (o.type && o.type !== e[t][a].type)\r\n ? H.merge(e[t][a], [Re.getScaleDefaults(r), o])\r\n : H.merge(e[t][a], o);\r\n } else H._merger(t, e, n, i);\r\n },\r\n });\r\n }\r\n function $e() {\r\n return H.merge({}, [].slice.call(arguments), {\r\n merger: function (t, e, n, i) {\r\n var a = e[t] || {},\r\n r = n[t];\r\n \"scales\" === t\r\n ? (e[t] = Ze(a, r))\r\n : \"scale\" === t\r\n ? (e[t] = H.merge(a, [Re.getScaleDefaults(r.type), r]))\r\n : H._merger(t, e, n, i);\r\n },\r\n });\r\n }\r\n function Xe(t) {\r\n var e = t.options;\r\n H.each(t.scales, function (e) {\r\n me.removeBox(t, e);\r\n }),\r\n (e = $e(W.global, W[t.config.type], e)),\r\n (t.options = t.config.options = e),\r\n t.ensureScalesHaveIDs(),\r\n t.buildOrUpdateScales(),\r\n (t.tooltip._options = e.tooltips),\r\n t.tooltip.initialize();\r\n }\r\n function Ke(t, e, n) {\r\n var i,\r\n a = function (t) {\r\n return t.id === i;\r\n };\r\n do {\r\n i = e + n++;\r\n } while (H.findIndex(t, a) >= 0);\r\n return i;\r\n }\r\n function Je(t) {\r\n return \"top\" === t || \"bottom\" === t;\r\n }\r\n function Qe(t, e) {\r\n return function (n, i) {\r\n return n[t] === i[t] ? n[e] - i[e] : n[t] - i[t];\r\n };\r\n }\r\n W._set(\"global\", {\r\n elements: {},\r\n events: [\"mousemove\", \"mouseout\", \"click\", \"touchstart\", \"touchmove\"],\r\n hover: {\r\n onHover: null,\r\n mode: \"nearest\",\r\n intersect: !0,\r\n animationDuration: 400,\r\n },\r\n onClick: null,\r\n maintainAspectRatio: !0,\r\n responsive: !0,\r\n responsiveAnimationDuration: 0,\r\n });\r\n var tn = function (t, e) {\r\n return this.construct(t, e), this;\r\n };\r\n H.extend(tn.prototype, {\r\n construct: function (t, e) {\r\n var n = this;\r\n e = (function (t) {\r\n var e = ((t = t || {}).data = t.data || {});\r\n return (\r\n (e.datasets = e.datasets || []),\r\n (e.labels = e.labels || []),\r\n (t.options = $e(W.global, W[t.type], t.options || {})),\r\n t\r\n );\r\n })(e);\r\n var i = Ie.acquireContext(t, e),\r\n a = i && i.canvas,\r\n r = a && a.height,\r\n o = a && a.width;\r\n (n.id = H.uid()),\r\n (n.ctx = i),\r\n (n.canvas = a),\r\n (n.config = e),\r\n (n.width = o),\r\n (n.height = r),\r\n (n.aspectRatio = r ? o / r : null),\r\n (n.options = e.options),\r\n (n._bufferedRender = !1),\r\n (n._layers = []),\r\n (n.chart = n),\r\n (n.controller = n),\r\n (tn.instances[n.id] = n),\r\n Object.defineProperty(n, \"data\", {\r\n get: function () {\r\n return n.config.data;\r\n },\r\n set: function (t) {\r\n n.config.data = t;\r\n },\r\n }),\r\n i && a\r\n ? (n.initialize(), n.update())\r\n : console.error(\r\n \"Failed to create chart: can't acquire context from the given item\"\r\n );\r\n },\r\n initialize: function () {\r\n var t = this;\r\n return (\r\n Le.notify(t, \"beforeInit\"),\r\n H.retinaScale(t, t.options.devicePixelRatio),\r\n t.bindEvents(),\r\n t.options.responsive && t.resize(!0),\r\n t.initToolTip(),\r\n Le.notify(t, \"afterInit\"),\r\n t\r\n );\r\n },\r\n clear: function () {\r\n return H.canvas.clear(this), this;\r\n },\r\n stop: function () {\r\n return J.cancelAnimation(this), this;\r\n },\r\n resize: function (t) {\r\n var e = this,\r\n n = e.options,\r\n i = e.canvas,\r\n a = (n.maintainAspectRatio && e.aspectRatio) || null,\r\n r = Math.max(0, Math.floor(H.getMaximumWidth(i))),\r\n o = Math.max(0, Math.floor(a ? r / a : H.getMaximumHeight(i)));\r\n if (\r\n (e.width !== r || e.height !== o) &&\r\n ((i.width = e.width = r),\r\n (i.height = e.height = o),\r\n (i.style.width = r + \"px\"),\r\n (i.style.height = o + \"px\"),\r\n H.retinaScale(e, n.devicePixelRatio),\r\n !t)\r\n ) {\r\n var s = { width: r, height: o };\r\n Le.notify(e, \"resize\", [s]),\r\n n.onResize && n.onResize(e, s),\r\n e.stop(),\r\n e.update({ duration: n.responsiveAnimationDuration });\r\n }\r\n },\r\n ensureScalesHaveIDs: function () {\r\n var t = this.options,\r\n e = t.scales || {},\r\n n = t.scale;\r\n H.each(e.xAxes, function (t, n) {\r\n t.id || (t.id = Ke(e.xAxes, \"x-axis-\", n));\r\n }),\r\n H.each(e.yAxes, function (t, n) {\r\n t.id || (t.id = Ke(e.yAxes, \"y-axis-\", n));\r\n }),\r\n n && (n.id = n.id || \"scale\");\r\n },\r\n buildOrUpdateScales: function () {\r\n var t = this,\r\n e = t.options,\r\n n = t.scales || {},\r\n i = [],\r\n a = Object.keys(n).reduce(function (t, e) {\r\n return (t[e] = !1), t;\r\n }, {});\r\n e.scales &&\r\n (i = i.concat(\r\n (e.scales.xAxes || []).map(function (t) {\r\n return { options: t, dtype: \"category\", dposition: \"bottom\" };\r\n }),\r\n (e.scales.yAxes || []).map(function (t) {\r\n return { options: t, dtype: \"linear\", dposition: \"left\" };\r\n })\r\n )),\r\n e.scale &&\r\n i.push({\r\n options: e.scale,\r\n dtype: \"radialLinear\",\r\n isDefault: !0,\r\n dposition: \"chartArea\",\r\n }),\r\n H.each(i, function (e) {\r\n var i = e.options,\r\n r = i.id,\r\n o = qe(i.type, e.dtype);\r\n Je(i.position) !== Je(e.dposition) && (i.position = e.dposition),\r\n (a[r] = !0);\r\n var s = null;\r\n if (r in n && n[r].type === o)\r\n ((s = n[r]).options = i), (s.ctx = t.ctx), (s.chart = t);\r\n else {\r\n var l = Re.getScaleConstructor(o);\r\n if (!l) return;\r\n (s = new l({ id: r, type: o, options: i, ctx: t.ctx, chart: t })),\r\n (n[s.id] = s);\r\n }\r\n s.mergeTicksOptions(), e.isDefault && (t.scale = s);\r\n }),\r\n H.each(a, function (t, e) {\r\n t || delete n[e];\r\n }),\r\n (t.scales = n),\r\n Re.addScalesToLayout(this);\r\n },\r\n buildOrUpdateControllers: function () {\r\n var t,\r\n e,\r\n n = this,\r\n i = [],\r\n a = n.data.datasets;\r\n for (t = 0, e = a.length; t < e; t++) {\r\n var r = a[t],\r\n o = n.getDatasetMeta(t),\r\n s = r.type || n.config.type;\r\n if (\r\n (o.type &&\r\n o.type !== s &&\r\n (n.destroyDatasetMeta(t), (o = n.getDatasetMeta(t))),\r\n (o.type = s),\r\n (o.order = r.order || 0),\r\n (o.index = t),\r\n o.controller)\r\n )\r\n o.controller.updateIndex(t), o.controller.linkScales();\r\n else {\r\n var l = Jt[o.type];\r\n if (void 0 === l)\r\n throw new Error('\"' + o.type + '\" is not a chart type.');\r\n (o.controller = new l(n, t)), i.push(o.controller);\r\n }\r\n }\r\n return i;\r\n },\r\n resetElements: function () {\r\n var t = this;\r\n H.each(\r\n t.data.datasets,\r\n function (e, n) {\r\n t.getDatasetMeta(n).controller.reset();\r\n },\r\n t\r\n );\r\n },\r\n reset: function () {\r\n this.resetElements(), this.tooltip.initialize();\r\n },\r\n update: function (t) {\r\n var e,\r\n n,\r\n i = this;\r\n if (\r\n ((t && \"object\" == typeof t) ||\r\n (t = { duration: t, lazy: arguments[1] }),\r\n Xe(i),\r\n Le._invalidate(i),\r\n !1 !== Le.notify(i, \"beforeUpdate\"))\r\n ) {\r\n i.tooltip._data = i.data;\r\n var a = i.buildOrUpdateControllers();\r\n for (e = 0, n = i.data.datasets.length; e < n; e++)\r\n i.getDatasetMeta(e).controller.buildOrUpdateElements();\r\n i.updateLayout(),\r\n i.options.animation &&\r\n i.options.animation.duration &&\r\n H.each(a, function (t) {\r\n t.reset();\r\n }),\r\n i.updateDatasets(),\r\n i.tooltip.initialize(),\r\n (i.lastActive = []),\r\n Le.notify(i, \"afterUpdate\"),\r\n i._layers.sort(Qe(\"z\", \"_idx\")),\r\n i._bufferedRender\r\n ? (i._bufferedRequest = {\r\n duration: t.duration,\r\n easing: t.easing,\r\n lazy: t.lazy,\r\n })\r\n : i.render(t);\r\n }\r\n },\r\n updateLayout: function () {\r\n var t = this;\r\n !1 !== Le.notify(t, \"beforeLayout\") &&\r\n (me.update(this, this.width, this.height),\r\n (t._layers = []),\r\n H.each(\r\n t.boxes,\r\n function (e) {\r\n e._configure && e._configure(),\r\n t._layers.push.apply(t._layers, e._layers());\r\n },\r\n t\r\n ),\r\n t._layers.forEach(function (t, e) {\r\n t._idx = e;\r\n }),\r\n Le.notify(t, \"afterScaleUpdate\"),\r\n Le.notify(t, \"afterLayout\"));\r\n },\r\n updateDatasets: function () {\r\n if (!1 !== Le.notify(this, \"beforeDatasetsUpdate\")) {\r\n for (var t = 0, e = this.data.datasets.length; t < e; ++t)\r\n this.updateDataset(t);\r\n Le.notify(this, \"afterDatasetsUpdate\");\r\n }\r\n },\r\n updateDataset: function (t) {\r\n var e = this.getDatasetMeta(t),\r\n n = { meta: e, index: t };\r\n !1 !== Le.notify(this, \"beforeDatasetUpdate\", [n]) &&\r\n (e.controller._update(), Le.notify(this, \"afterDatasetUpdate\", [n]));\r\n },\r\n render: function (t) {\r\n var e = this;\r\n (t && \"object\" == typeof t) || (t = { duration: t, lazy: arguments[1] });\r\n var n = e.options.animation,\r\n i = qe(t.duration, n && n.duration),\r\n a = t.lazy;\r\n if (!1 !== Le.notify(e, \"beforeRender\")) {\r\n var r = function (t) {\r\n Le.notify(e, \"afterRender\"), H.callback(n && n.onComplete, [t], e);\r\n };\r\n if (n && i) {\r\n var o = new K({\r\n numSteps: i / 16.66,\r\n easing: t.easing || n.easing,\r\n render: function (t, e) {\r\n var n = H.easing.effects[e.easing],\r\n i = e.currentStep,\r\n a = i / e.numSteps;\r\n t.draw(n(a), a, i);\r\n },\r\n onAnimationProgress: n.onProgress,\r\n onAnimationComplete: r,\r\n });\r\n J.addAnimation(e, o, i, a);\r\n } else e.draw(), r(new K({ numSteps: 0, chart: e }));\r\n return e;\r\n }\r\n },\r\n draw: function (t) {\r\n var e,\r\n n,\r\n i = this;\r\n if (\r\n (i.clear(),\r\n H.isNullOrUndef(t) && (t = 1),\r\n i.transition(t),\r\n !(i.width <= 0 || i.height <= 0) &&\r\n !1 !== Le.notify(i, \"beforeDraw\", [t]))\r\n ) {\r\n for (n = i._layers, e = 0; e < n.length && n[e].z <= 0; ++e)\r\n n[e].draw(i.chartArea);\r\n for (i.drawDatasets(t); e < n.length; ++e) n[e].draw(i.chartArea);\r\n i._drawTooltip(t), Le.notify(i, \"afterDraw\", [t]);\r\n }\r\n },\r\n transition: function (t) {\r\n for (var e = 0, n = (this.data.datasets || []).length; e < n; ++e)\r\n this.isDatasetVisible(e) &&\r\n this.getDatasetMeta(e).controller.transition(t);\r\n this.tooltip.transition(t);\r\n },\r\n _getSortedDatasetMetas: function (t) {\r\n var e,\r\n n,\r\n i = [];\r\n for (e = 0, n = (this.data.datasets || []).length; e < n; ++e)\r\n (t && !this.isDatasetVisible(e)) || i.push(this.getDatasetMeta(e));\r\n return i.sort(Qe(\"order\", \"index\")), i;\r\n },\r\n _getSortedVisibleDatasetMetas: function () {\r\n return this._getSortedDatasetMetas(!0);\r\n },\r\n drawDatasets: function (t) {\r\n var e, n;\r\n if (!1 !== Le.notify(this, \"beforeDatasetsDraw\", [t])) {\r\n for (\r\n n = (e = this._getSortedVisibleDatasetMetas()).length - 1;\r\n n >= 0;\r\n --n\r\n )\r\n this.drawDataset(e[n], t);\r\n Le.notify(this, \"afterDatasetsDraw\", [t]);\r\n }\r\n },\r\n drawDataset: function (t, e) {\r\n var n = { meta: t, index: t.index, easingValue: e };\r\n !1 !== Le.notify(this, \"beforeDatasetDraw\", [n]) &&\r\n (t.controller.draw(e), Le.notify(this, \"afterDatasetDraw\", [n]));\r\n },\r\n _drawTooltip: function (t) {\r\n var e = this.tooltip,\r\n n = { tooltip: e, easingValue: t };\r\n !1 !== Le.notify(this, \"beforeTooltipDraw\", [n]) &&\r\n (e.draw(), Le.notify(this, \"afterTooltipDraw\", [n]));\r\n },\r\n getElementAtEvent: function (t) {\r\n return re.modes.single(this, t);\r\n },\r\n getElementsAtEvent: function (t) {\r\n return re.modes.label(this, t, { intersect: !0 });\r\n },\r\n getElementsAtXAxis: function (t) {\r\n return re.modes[\"x-axis\"](this, t, { intersect: !0 });\r\n },\r\n getElementsAtEventForMode: function (t, e, n) {\r\n var i = re.modes[e];\r\n return \"function\" == typeof i ? i(this, t, n) : [];\r\n },\r\n getDatasetAtEvent: function (t) {\r\n return re.modes.dataset(this, t, { intersect: !0 });\r\n },\r\n getDatasetMeta: function (t) {\r\n var e = this.data.datasets[t];\r\n e._meta || (e._meta = {});\r\n var n = e._meta[this.id];\r\n return (\r\n n ||\r\n (n = e._meta[this.id] =\r\n {\r\n type: null,\r\n data: [],\r\n dataset: null,\r\n controller: null,\r\n hidden: null,\r\n xAxisID: null,\r\n yAxisID: null,\r\n order: e.order || 0,\r\n index: t,\r\n }),\r\n n\r\n );\r\n },\r\n getVisibleDatasetCount: function () {\r\n for (var t = 0, e = 0, n = this.data.datasets.length; e < n; ++e)\r\n this.isDatasetVisible(e) && t++;\r\n return t;\r\n },\r\n isDatasetVisible: function (t) {\r\n var e = this.getDatasetMeta(t);\r\n return \"boolean\" == typeof e.hidden\r\n ? !e.hidden\r\n : !this.data.datasets[t].hidden;\r\n },\r\n generateLegend: function () {\r\n return this.options.legendCallback(this);\r\n },\r\n destroyDatasetMeta: function (t) {\r\n var e = this.id,\r\n n = this.data.datasets[t],\r\n i = n._meta && n._meta[e];\r\n i && (i.controller.destroy(), delete n._meta[e]);\r\n },\r\n destroy: function () {\r\n var t,\r\n e,\r\n n = this,\r\n i = n.canvas;\r\n for (n.stop(), t = 0, e = n.data.datasets.length; t < e; ++t)\r\n n.destroyDatasetMeta(t);\r\n i &&\r\n (n.unbindEvents(),\r\n H.canvas.clear(n),\r\n Ie.releaseContext(n.ctx),\r\n (n.canvas = null),\r\n (n.ctx = null)),\r\n Le.notify(n, \"destroy\"),\r\n delete tn.instances[n.id];\r\n },\r\n toBase64Image: function () {\r\n return this.canvas.toDataURL.apply(this.canvas, arguments);\r\n },\r\n initToolTip: function () {\r\n var t = this;\r\n t.tooltip = new Ge(\r\n {\r\n _chart: t,\r\n _chartInstance: t,\r\n _data: t.data,\r\n _options: t.options.tooltips,\r\n },\r\n t\r\n );\r\n },\r\n bindEvents: function () {\r\n var t = this,\r\n e = (t._listeners = {}),\r\n n = function () {\r\n t.eventHandler.apply(t, arguments);\r\n };\r\n H.each(t.options.events, function (i) {\r\n Ie.addEventListener(t, i, n), (e[i] = n);\r\n }),\r\n t.options.responsive &&\r\n ((n = function () {\r\n t.resize();\r\n }),\r\n Ie.addEventListener(t, \"resize\", n),\r\n (e.resize = n));\r\n },\r\n unbindEvents: function () {\r\n var t = this,\r\n e = t._listeners;\r\n e &&\r\n (delete t._listeners,\r\n H.each(e, function (e, n) {\r\n Ie.removeEventListener(t, n, e);\r\n }));\r\n },\r\n updateHoverStyle: function (t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o = n ? \"set\" : \"remove\";\r\n for (a = 0, r = t.length; a < r; ++a)\r\n (i = t[a]) &&\r\n this.getDatasetMeta(i._datasetIndex).controller[o + \"HoverStyle\"](i);\r\n \"dataset\" === e &&\r\n this.getDatasetMeta(t[0]._datasetIndex).controller[\r\n \"_\" + o + \"DatasetHoverStyle\"\r\n ]();\r\n },\r\n eventHandler: function (t) {\r\n var e = this,\r\n n = e.tooltip;\r\n if (!1 !== Le.notify(e, \"beforeEvent\", [t])) {\r\n (e._bufferedRender = !0), (e._bufferedRequest = null);\r\n var i = e.handleEvent(t);\r\n n && (i = n._start ? n.handleEvent(t) : i | n.handleEvent(t)),\r\n Le.notify(e, \"afterEvent\", [t]);\r\n var a = e._bufferedRequest;\r\n return (\r\n a\r\n ? e.render(a)\r\n : i &&\r\n !e.animating &&\r\n (e.stop(),\r\n e.render({\r\n duration: e.options.hover.animationDuration,\r\n lazy: !0,\r\n })),\r\n (e._bufferedRender = !1),\r\n (e._bufferedRequest = null),\r\n e\r\n );\r\n }\r\n },\r\n handleEvent: function (t) {\r\n var e,\r\n n = this,\r\n i = n.options || {},\r\n a = i.hover;\r\n return (\r\n (n.lastActive = n.lastActive || []),\r\n \"mouseout\" === t.type\r\n ? (n.active = [])\r\n : (n.active = n.getElementsAtEventForMode(t, a.mode, a)),\r\n H.callback(i.onHover || i.hover.onHover, [t.native, n.active], n),\r\n (\"mouseup\" !== t.type && \"click\" !== t.type) ||\r\n (i.onClick && i.onClick.call(n, t.native, n.active)),\r\n n.lastActive.length && n.updateHoverStyle(n.lastActive, a.mode, !1),\r\n n.active.length && a.mode && n.updateHoverStyle(n.active, a.mode, !0),\r\n (e = !H.arrayEquals(n.active, n.lastActive)),\r\n (n.lastActive = n.active),\r\n e\r\n );\r\n },\r\n }),\r\n (tn.instances = {});\r\n var en = tn;\r\n (tn.Controller = tn),\r\n (tn.types = {}),\r\n (H.configMerge = $e),\r\n (H.scaleMerge = Ze);\r\n function nn() {\r\n throw new Error(\r\n \"This method is not implemented: either no adapter can be found or an incomplete integration was provided.\"\r\n );\r\n }\r\n function an(t) {\r\n this.options = t || {};\r\n }\r\n H.extend(an.prototype, {\r\n formats: nn,\r\n parse: nn,\r\n format: nn,\r\n add: nn,\r\n diff: nn,\r\n startOf: nn,\r\n endOf: nn,\r\n _create: function (t) {\r\n return t;\r\n },\r\n }),\r\n (an.override = function (t) {\r\n H.extend(an.prototype, t);\r\n });\r\n var rn = { _date: an },\r\n on = {\r\n formatters: {\r\n values: function (t) {\r\n return H.isArray(t) ? t : \"\" + t;\r\n },\r\n linear: function (t, e, n) {\r\n var i = n.length > 3 ? n[2] - n[1] : n[1] - n[0];\r\n Math.abs(i) > 1 && t !== Math.floor(t) && (i = t - Math.floor(t));\r\n var a = H.log10(Math.abs(i)),\r\n r = \"\";\r\n if (0 !== t)\r\n if (Math.max(Math.abs(n[0]), Math.abs(n[n.length - 1])) < 1e-4) {\r\n var o = H.log10(Math.abs(t)),\r\n s = Math.floor(o) - Math.floor(a);\r\n (s = Math.max(Math.min(s, 20), 0)), (r = t.toExponential(s));\r\n } else {\r\n var l = -1 * Math.floor(a);\r\n (l = Math.max(Math.min(l, 20), 0)), (r = t.toFixed(l));\r\n }\r\n else r = \"0\";\r\n return r;\r\n },\r\n logarithmic: function (t, e, n) {\r\n var i = t / Math.pow(10, Math.floor(H.log10(t)));\r\n return 0 === t\r\n ? \"0\"\r\n : 1 === i || 2 === i || 5 === i || 0 === e || e === n.length - 1\r\n ? t.toExponential()\r\n : \"\";\r\n },\r\n },\r\n },\r\n sn = H.isArray,\r\n ln = H.isNullOrUndef,\r\n un = H.valueOrDefault,\r\n dn = H.valueAtIndexOrDefault;\r\n function hn(t, e, n) {\r\n var i,\r\n a = t.getTicks().length,\r\n r = Math.min(e, a - 1),\r\n o = t.getPixelForTick(r),\r\n s = t._startPixel,\r\n l = t._endPixel;\r\n if (\r\n !(\r\n n &&\r\n ((i =\r\n 1 === a\r\n ? Math.max(o - s, l - o)\r\n : 0 === e\r\n ? (t.getPixelForTick(1) - o) / 2\r\n : (o - t.getPixelForTick(r - 1)) / 2),\r\n (o += r < e ? i : -i) < s - 1e-6 || o > l + 1e-6)\r\n )\r\n )\r\n return o;\r\n }\r\n function cn(t, e, n, i) {\r\n var a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u,\r\n d,\r\n h,\r\n c,\r\n f,\r\n g,\r\n m,\r\n p,\r\n v = n.length,\r\n b = [],\r\n y = [],\r\n x = [];\r\n for (a = 0; a < v; ++a) {\r\n if (\r\n ((s = n[a].label),\r\n (l = n[a].major ? e.major : e.minor),\r\n (t.font = u = l.string),\r\n (d = i[u] = i[u] || { data: {}, gc: [] }),\r\n (h = l.lineHeight),\r\n (c = f = 0),\r\n ln(s) || sn(s))\r\n ) {\r\n if (sn(s))\r\n for (r = 0, o = s.length; r < o; ++r)\r\n (g = s[r]),\r\n ln(g) ||\r\n sn(g) ||\r\n ((c = H.measureText(t, d.data, d.gc, c, g)), (f += h));\r\n } else (c = H.measureText(t, d.data, d.gc, c, s)), (f = h);\r\n b.push(c), y.push(f), x.push(h / 2);\r\n }\r\n function _(t) {\r\n return { width: b[t] || 0, height: y[t] || 0, offset: x[t] || 0 };\r\n }\r\n return (\r\n (function (t, e) {\r\n H.each(t, function (t) {\r\n var n,\r\n i = t.gc,\r\n a = i.length / 2;\r\n if (a > e) {\r\n for (n = 0; n < a; ++n) delete t.data[i[n]];\r\n i.splice(0, a);\r\n }\r\n });\r\n })(i, v),\r\n (m = b.indexOf(Math.max.apply(null, b))),\r\n (p = y.indexOf(Math.max.apply(null, y))),\r\n { first: _(0), last: _(v - 1), widest: _(m), highest: _(p) }\r\n );\r\n }\r\n function fn(t) {\r\n return t.drawTicks ? t.tickMarkLength : 0;\r\n }\r\n function gn(t) {\r\n var e, n;\r\n return t.display\r\n ? ((e = H.options._parseFont(t)),\r\n (n = H.options.toPadding(t.padding)),\r\n e.lineHeight + n.height)\r\n : 0;\r\n }\r\n function mn(t, e) {\r\n return H.extend(\r\n H.options._parseFont({\r\n fontFamily: un(e.fontFamily, t.fontFamily),\r\n fontSize: un(e.fontSize, t.fontSize),\r\n fontStyle: un(e.fontStyle, t.fontStyle),\r\n lineHeight: un(e.lineHeight, t.lineHeight),\r\n }),\r\n {\r\n color: H.options.resolve([\r\n e.fontColor,\r\n t.fontColor,\r\n W.global.defaultFontColor,\r\n ]),\r\n }\r\n );\r\n }\r\n function pn(t) {\r\n var e = mn(t, t.minor);\r\n return { minor: e, major: t.major.enabled ? mn(t, t.major) : e };\r\n }\r\n function vn(t) {\r\n var e,\r\n n,\r\n i,\r\n a = [];\r\n for (n = 0, i = t.length; n < i; ++n)\r\n void 0 !== (e = t[n])._index && a.push(e);\r\n return a;\r\n }\r\n function bn(t, e, n, i) {\r\n var a,\r\n r,\r\n o,\r\n s,\r\n l = un(n, 0),\r\n u = Math.min(un(i, t.length), t.length),\r\n d = 0;\r\n for (\r\n e = Math.ceil(e), i && (e = (a = i - n) / Math.floor(a / e)), s = l;\r\n s < 0;\r\n\r\n )\r\n d++, (s = Math.round(l + d * e));\r\n for (r = Math.max(l, 0); r < u; r++)\r\n (o = t[r]),\r\n r === s\r\n ? ((o._index = r), d++, (s = Math.round(l + d * e)))\r\n : delete o.label;\r\n }\r\n W._set(\"scale\", {\r\n display: !0,\r\n position: \"left\",\r\n offset: !1,\r\n gridLines: {\r\n display: !0,\r\n color: \"rgba(0,0,0,0.1)\",\r\n lineWidth: 1,\r\n drawBorder: !0,\r\n drawOnChartArea: !0,\r\n drawTicks: !0,\r\n tickMarkLength: 10,\r\n zeroLineWidth: 1,\r\n zeroLineColor: \"rgba(0,0,0,0.25)\",\r\n zeroLineBorderDash: [],\r\n zeroLineBorderDashOffset: 0,\r\n offsetGridLines: !1,\r\n borderDash: [],\r\n borderDashOffset: 0,\r\n },\r\n scaleLabel: {\r\n display: !1,\r\n labelString: \"\",\r\n padding: { top: 4, bottom: 4 },\r\n },\r\n ticks: {\r\n beginAtZero: !1,\r\n minRotation: 0,\r\n maxRotation: 50,\r\n mirror: !1,\r\n padding: 0,\r\n reverse: !1,\r\n display: !0,\r\n autoSkip: !0,\r\n autoSkipPadding: 0,\r\n labelOffset: 0,\r\n callback: on.formatters.values,\r\n minor: {},\r\n major: {},\r\n },\r\n });\r\n var yn = $.extend({\r\n zeroLineIndex: 0,\r\n getPadding: function () {\r\n return {\r\n left: this.paddingLeft || 0,\r\n top: this.paddingTop || 0,\r\n right: this.paddingRight || 0,\r\n bottom: this.paddingBottom || 0,\r\n };\r\n },\r\n getTicks: function () {\r\n return this._ticks;\r\n },\r\n _getLabels: function () {\r\n var t = this.chart.data;\r\n return (\r\n this.options.labels ||\r\n (this.isHorizontal() ? t.xLabels : t.yLabels) ||\r\n t.labels ||\r\n []\r\n );\r\n },\r\n mergeTicksOptions: function () {},\r\n beforeUpdate: function () {\r\n H.callback(this.options.beforeUpdate, [this]);\r\n },\r\n update: function (t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l = this,\r\n u = l.options.ticks,\r\n d = u.sampleSize;\r\n if (\r\n (l.beforeUpdate(),\r\n (l.maxWidth = t),\r\n (l.maxHeight = e),\r\n (l.margins = H.extend({ left: 0, right: 0, top: 0, bottom: 0 }, n)),\r\n (l._ticks = null),\r\n (l.ticks = null),\r\n (l._labelSizes = null),\r\n (l._maxLabelLines = 0),\r\n (l.longestLabelWidth = 0),\r\n (l.longestTextCache = l.longestTextCache || {}),\r\n (l._gridLineItems = null),\r\n (l._labelItems = null),\r\n l.beforeSetDimensions(),\r\n l.setDimensions(),\r\n l.afterSetDimensions(),\r\n l.beforeDataLimits(),\r\n l.determineDataLimits(),\r\n l.afterDataLimits(),\r\n l.beforeBuildTicks(),\r\n (o = l.buildTicks() || []),\r\n (!(o = l.afterBuildTicks(o) || o) || !o.length) && l.ticks)\r\n )\r\n for (o = [], i = 0, a = l.ticks.length; i < a; ++i)\r\n o.push({ value: l.ticks[i], major: !1 });\r\n return (\r\n (l._ticks = o),\r\n (s = d < o.length),\r\n (r = l._convertTicksToLabels(\r\n s\r\n ? (function (t, e) {\r\n for (\r\n var n = [], i = t.length / e, a = 0, r = t.length;\r\n a < r;\r\n a += i\r\n )\r\n n.push(t[Math.floor(a)]);\r\n return n;\r\n })(o, d)\r\n : o\r\n )),\r\n l._configure(),\r\n l.beforeCalculateTickRotation(),\r\n l.calculateTickRotation(),\r\n l.afterCalculateTickRotation(),\r\n l.beforeFit(),\r\n l.fit(),\r\n l.afterFit(),\r\n (l._ticksToDraw =\r\n u.display && (u.autoSkip || \"auto\" === u.source)\r\n ? l._autoSkip(o)\r\n : o),\r\n s && (r = l._convertTicksToLabels(l._ticksToDraw)),\r\n (l.ticks = r),\r\n l.afterUpdate(),\r\n l.minSize\r\n );\r\n },\r\n _configure: function () {\r\n var t,\r\n e,\r\n n = this,\r\n i = n.options.ticks.reverse;\r\n n.isHorizontal()\r\n ? ((t = n.left), (e = n.right))\r\n : ((t = n.top), (e = n.bottom), (i = !i)),\r\n (n._startPixel = t),\r\n (n._endPixel = e),\r\n (n._reversePixels = i),\r\n (n._length = e - t);\r\n },\r\n afterUpdate: function () {\r\n H.callback(this.options.afterUpdate, [this]);\r\n },\r\n beforeSetDimensions: function () {\r\n H.callback(this.options.beforeSetDimensions, [this]);\r\n },\r\n setDimensions: function () {\r\n var t = this;\r\n t.isHorizontal()\r\n ? ((t.width = t.maxWidth), (t.left = 0), (t.right = t.width))\r\n : ((t.height = t.maxHeight), (t.top = 0), (t.bottom = t.height)),\r\n (t.paddingLeft = 0),\r\n (t.paddingTop = 0),\r\n (t.paddingRight = 0),\r\n (t.paddingBottom = 0);\r\n },\r\n afterSetDimensions: function () {\r\n H.callback(this.options.afterSetDimensions, [this]);\r\n },\r\n beforeDataLimits: function () {\r\n H.callback(this.options.beforeDataLimits, [this]);\r\n },\r\n determineDataLimits: H.noop,\r\n afterDataLimits: function () {\r\n H.callback(this.options.afterDataLimits, [this]);\r\n },\r\n beforeBuildTicks: function () {\r\n H.callback(this.options.beforeBuildTicks, [this]);\r\n },\r\n buildTicks: H.noop,\r\n afterBuildTicks: function (t) {\r\n var e = this;\r\n return sn(t) && t.length\r\n ? H.callback(e.options.afterBuildTicks, [e, t])\r\n : ((e.ticks =\r\n H.callback(e.options.afterBuildTicks, [e, e.ticks]) || e.ticks),\r\n t);\r\n },\r\n beforeTickToLabelConversion: function () {\r\n H.callback(this.options.beforeTickToLabelConversion, [this]);\r\n },\r\n convertTicksToLabels: function () {\r\n var t = this.options.ticks;\r\n this.ticks = this.ticks.map(t.userCallback || t.callback, this);\r\n },\r\n afterTickToLabelConversion: function () {\r\n H.callback(this.options.afterTickToLabelConversion, [this]);\r\n },\r\n beforeCalculateTickRotation: function () {\r\n H.callback(this.options.beforeCalculateTickRotation, [this]);\r\n },\r\n calculateTickRotation: function () {\r\n var t,\r\n e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s = this,\r\n l = s.options,\r\n u = l.ticks,\r\n d = s.getTicks().length,\r\n h = u.minRotation || 0,\r\n c = u.maxRotation,\r\n f = h;\r\n !s._isVisible() || !u.display || h >= c || d <= 1 || !s.isHorizontal()\r\n ? (s.labelRotation = h)\r\n : ((e = (t = s._getLabelSizes()).widest.width),\r\n (n = t.highest.height - t.highest.offset),\r\n (i = Math.min(s.maxWidth, s.chart.width - e)),\r\n e + 6 > (a = l.offset ? s.maxWidth / d : i / (d - 1)) &&\r\n ((a = i / (d - (l.offset ? 0.5 : 1))),\r\n (r = s.maxHeight - fn(l.gridLines) - u.padding - gn(l.scaleLabel)),\r\n (o = Math.sqrt(e * e + n * n)),\r\n (f = H.toDegrees(\r\n Math.min(\r\n Math.asin(Math.min((t.highest.height + 6) / a, 1)),\r\n Math.asin(Math.min(r / o, 1)) - Math.asin(n / o)\r\n )\r\n )),\r\n (f = Math.max(h, Math.min(c, f)))),\r\n (s.labelRotation = f));\r\n },\r\n afterCalculateTickRotation: function () {\r\n H.callback(this.options.afterCalculateTickRotation, [this]);\r\n },\r\n beforeFit: function () {\r\n H.callback(this.options.beforeFit, [this]);\r\n },\r\n fit: function () {\r\n var t = this,\r\n e = (t.minSize = { width: 0, height: 0 }),\r\n n = t.chart,\r\n i = t.options,\r\n a = i.ticks,\r\n r = i.scaleLabel,\r\n o = i.gridLines,\r\n s = t._isVisible(),\r\n l = \"bottom\" === i.position,\r\n u = t.isHorizontal();\r\n if (\r\n (u ? (e.width = t.maxWidth) : s && (e.width = fn(o) + gn(r)),\r\n u ? s && (e.height = fn(o) + gn(r)) : (e.height = t.maxHeight),\r\n a.display && s)\r\n ) {\r\n var d = pn(a),\r\n h = t._getLabelSizes(),\r\n c = h.first,\r\n f = h.last,\r\n g = h.widest,\r\n m = h.highest,\r\n p = 0.4 * d.minor.lineHeight,\r\n v = a.padding;\r\n if (u) {\r\n var b = 0 !== t.labelRotation,\r\n y = H.toRadians(t.labelRotation),\r\n x = Math.cos(y),\r\n _ = Math.sin(y),\r\n w = _ * g.width + x * (m.height - (b ? m.offset : 0)) + (b ? 0 : p);\r\n e.height = Math.min(t.maxHeight, e.height + w + v);\r\n var k,\r\n M,\r\n S = t.getPixelForTick(0) - t.left,\r\n D = t.right - t.getPixelForTick(t.getTicks().length - 1);\r\n b\r\n ? ((k = l ? x * c.width + _ * c.offset : _ * (c.height - c.offset)),\r\n (M = l ? _ * (f.height - f.offset) : x * f.width + _ * f.offset))\r\n : ((k = c.width / 2), (M = f.width / 2)),\r\n (t.paddingLeft =\r\n Math.max(((k - S) * t.width) / (t.width - S), 0) + 3),\r\n (t.paddingRight =\r\n Math.max(((M - D) * t.width) / (t.width - D), 0) + 3);\r\n } else {\r\n var C = a.mirror ? 0 : g.width + v + p;\r\n (e.width = Math.min(t.maxWidth, e.width + C)),\r\n (t.paddingTop = c.height / 2),\r\n (t.paddingBottom = f.height / 2);\r\n }\r\n }\r\n t.handleMargins(),\r\n u\r\n ? ((t.width = t._length = n.width - t.margins.left - t.margins.right),\r\n (t.height = e.height))\r\n : ((t.width = e.width),\r\n (t.height = t._length =\r\n n.height - t.margins.top - t.margins.bottom));\r\n },\r\n handleMargins: function () {\r\n var t = this;\r\n t.margins &&\r\n ((t.margins.left = Math.max(t.paddingLeft, t.margins.left)),\r\n (t.margins.top = Math.max(t.paddingTop, t.margins.top)),\r\n (t.margins.right = Math.max(t.paddingRight, t.margins.right)),\r\n (t.margins.bottom = Math.max(t.paddingBottom, t.margins.bottom)));\r\n },\r\n afterFit: function () {\r\n H.callback(this.options.afterFit, [this]);\r\n },\r\n isHorizontal: function () {\r\n var t = this.options.position;\r\n return \"top\" === t || \"bottom\" === t;\r\n },\r\n isFullWidth: function () {\r\n return this.options.fullWidth;\r\n },\r\n getRightValue: function (t) {\r\n if (ln(t)) return NaN;\r\n if ((\"number\" == typeof t || t instanceof Number) && !isFinite(t))\r\n return NaN;\r\n if (t)\r\n if (this.isHorizontal()) {\r\n if (void 0 !== t.x) return this.getRightValue(t.x);\r\n } else if (void 0 !== t.y) return this.getRightValue(t.y);\r\n return t;\r\n },\r\n _convertTicksToLabels: function (t) {\r\n var e,\r\n n,\r\n i,\r\n a = this;\r\n for (\r\n a.ticks = t.map(function (t) {\r\n return t.value;\r\n }),\r\n a.beforeTickToLabelConversion(),\r\n e = a.convertTicksToLabels(t) || a.ticks,\r\n a.afterTickToLabelConversion(),\r\n n = 0,\r\n i = t.length;\r\n n < i;\r\n ++n\r\n )\r\n t[n].label = e[n];\r\n return e;\r\n },\r\n _getLabelSizes: function () {\r\n var t = this,\r\n e = t._labelSizes;\r\n return (\r\n e ||\r\n ((t._labelSizes = e =\r\n cn(t.ctx, pn(t.options.ticks), t.getTicks(), t.longestTextCache)),\r\n (t.longestLabelWidth = e.widest.width)),\r\n e\r\n );\r\n },\r\n _parseValue: function (t) {\r\n var e, n, i, a;\r\n return (\r\n sn(t)\r\n ? ((e = +this.getRightValue(t[0])),\r\n (n = +this.getRightValue(t[1])),\r\n (i = Math.min(e, n)),\r\n (a = Math.max(e, n)))\r\n : ((e = void 0), (n = t = +this.getRightValue(t)), (i = t), (a = t)),\r\n { min: i, max: a, start: e, end: n }\r\n );\r\n },\r\n _getScaleLabel: function (t) {\r\n var e = this._parseValue(t);\r\n return void 0 !== e.start\r\n ? \"[\" + e.start + \", \" + e.end + \"]\"\r\n : +this.getRightValue(t);\r\n },\r\n getLabelForIndex: H.noop,\r\n getPixelForValue: H.noop,\r\n getValueForPixel: H.noop,\r\n getPixelForTick: function (t) {\r\n var e = this.options.offset,\r\n n = this._ticks.length,\r\n i = 1 / Math.max(n - (e ? 0 : 1), 1);\r\n return t < 0 || t > n - 1\r\n ? null\r\n : this.getPixelForDecimal(t * i + (e ? i / 2 : 0));\r\n },\r\n getPixelForDecimal: function (t) {\r\n return (\r\n this._reversePixels && (t = 1 - t), this._startPixel + t * this._length\r\n );\r\n },\r\n getDecimalForPixel: function (t) {\r\n var e = (t - this._startPixel) / this._length;\r\n return this._reversePixels ? 1 - e : e;\r\n },\r\n getBasePixel: function () {\r\n return this.getPixelForValue(this.getBaseValue());\r\n },\r\n getBaseValue: function () {\r\n var t = this.min,\r\n e = this.max;\r\n return this.beginAtZero ? 0 : t < 0 && e < 0 ? e : t > 0 && e > 0 ? t : 0;\r\n },\r\n _autoSkip: function (t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r = this.options.ticks,\r\n o = this._length,\r\n s = r.maxTicksLimit || o / this._tickSize() + 1,\r\n l = r.major.enabled\r\n ? (function (t) {\r\n var e,\r\n n,\r\n i = [];\r\n for (e = 0, n = t.length; e < n; e++) t[e].major && i.push(e);\r\n return i;\r\n })(t)\r\n : [],\r\n u = l.length,\r\n d = l[0],\r\n h = l[u - 1];\r\n if (u > s)\r\n return (\r\n (function (t, e, n) {\r\n var i,\r\n a,\r\n r = 0,\r\n o = e[0];\r\n for (n = Math.ceil(n), i = 0; i < t.length; i++)\r\n (a = t[i]),\r\n i === o ? ((a._index = i), (o = e[++r * n])) : delete a.label;\r\n })(t, l, u / s),\r\n vn(t)\r\n );\r\n if (\r\n ((i = (function (t, e, n, i) {\r\n var a,\r\n r,\r\n o,\r\n s,\r\n l = (function (t) {\r\n var e,\r\n n,\r\n i = t.length;\r\n if (i < 2) return !1;\r\n for (n = t[0], e = 1; e < i; ++e)\r\n if (t[e] - t[e - 1] !== n) return !1;\r\n return n;\r\n })(t),\r\n u = (e.length - 1) / i;\r\n if (!l) return Math.max(u, 1);\r\n for (o = 0, s = (a = H.math._factorize(l)).length - 1; o < s; o++)\r\n if ((r = a[o]) > u) return r;\r\n return Math.max(u, 1);\r\n })(l, t, 0, s)),\r\n u > 0)\r\n ) {\r\n for (e = 0, n = u - 1; e < n; e++) bn(t, i, l[e], l[e + 1]);\r\n return (\r\n (a = u > 1 ? (h - d) / (u - 1) : null),\r\n bn(t, i, H.isNullOrUndef(a) ? 0 : d - a, d),\r\n bn(t, i, h, H.isNullOrUndef(a) ? t.length : h + a),\r\n vn(t)\r\n );\r\n }\r\n return bn(t, i), vn(t);\r\n },\r\n _tickSize: function () {\r\n var t = this.options.ticks,\r\n e = H.toRadians(this.labelRotation),\r\n n = Math.abs(Math.cos(e)),\r\n i = Math.abs(Math.sin(e)),\r\n a = this._getLabelSizes(),\r\n r = t.autoSkipPadding || 0,\r\n o = a ? a.widest.width + r : 0,\r\n s = a ? a.highest.height + r : 0;\r\n return this.isHorizontal()\r\n ? s * n > o * i\r\n ? o / n\r\n : s / i\r\n : s * i < o * n\r\n ? s / n\r\n : o / i;\r\n },\r\n _isVisible: function () {\r\n var t,\r\n e,\r\n n,\r\n i = this.chart,\r\n a = this.options.display;\r\n if (\"auto\" !== a) return !!a;\r\n for (t = 0, e = i.data.datasets.length; t < e; ++t)\r\n if (\r\n i.isDatasetVisible(t) &&\r\n ((n = i.getDatasetMeta(t)).xAxisID === this.id ||\r\n n.yAxisID === this.id)\r\n )\r\n return !0;\r\n return !1;\r\n },\r\n _computeGridLineItems: function (t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u,\r\n d,\r\n h,\r\n c,\r\n f,\r\n g,\r\n m,\r\n p,\r\n v,\r\n b = this,\r\n y = b.chart,\r\n x = b.options,\r\n _ = x.gridLines,\r\n w = x.position,\r\n k = _.offsetGridLines,\r\n M = b.isHorizontal(),\r\n S = b._ticksToDraw,\r\n D = S.length + (k ? 1 : 0),\r\n C = fn(_),\r\n P = [],\r\n T = _.drawBorder ? dn(_.lineWidth, 0, 0) : 0,\r\n O = T / 2,\r\n A = H._alignPixel,\r\n F = function (t) {\r\n return A(y, t, T);\r\n };\r\n for (\r\n \"top\" === w\r\n ? ((e = F(b.bottom)),\r\n (s = b.bottom - C),\r\n (u = e - O),\r\n (h = F(t.top) + O),\r\n (f = t.bottom))\r\n : \"bottom\" === w\r\n ? ((e = F(b.top)),\r\n (h = t.top),\r\n (f = F(t.bottom) - O),\r\n (s = e + O),\r\n (u = b.top + C))\r\n : \"left\" === w\r\n ? ((e = F(b.right)),\r\n (o = b.right - C),\r\n (l = e - O),\r\n (d = F(t.left) + O),\r\n (c = t.right))\r\n : ((e = F(b.left)),\r\n (d = t.left),\r\n (c = F(t.right) - O),\r\n (o = e + O),\r\n (l = b.left + C)),\r\n n = 0;\r\n n < D;\r\n ++n\r\n )\r\n (i = S[n] || {}),\r\n (ln(i.label) && n < S.length) ||\r\n (n === b.zeroLineIndex && x.offset === k\r\n ? ((g = _.zeroLineWidth),\r\n (m = _.zeroLineColor),\r\n (p = _.zeroLineBorderDash || []),\r\n (v = _.zeroLineBorderDashOffset || 0))\r\n : ((g = dn(_.lineWidth, n, 1)),\r\n (m = dn(_.color, n, \"rgba(0,0,0,0.1)\")),\r\n (p = _.borderDash || []),\r\n (v = _.borderDashOffset || 0)),\r\n void 0 !== (a = hn(b, i._index || n, k)) &&\r\n ((r = A(y, a, g)),\r\n M ? (o = l = d = c = r) : (s = u = h = f = r),\r\n P.push({\r\n tx1: o,\r\n ty1: s,\r\n tx2: l,\r\n ty2: u,\r\n x1: d,\r\n y1: h,\r\n x2: c,\r\n y2: f,\r\n width: g,\r\n color: m,\r\n borderDash: p,\r\n borderDashOffset: v,\r\n })));\r\n return (P.ticksLength = D), (P.borderValue = e), P;\r\n },\r\n _computeLabelItems: function () {\r\n var t,\r\n e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u,\r\n d,\r\n h,\r\n c = this,\r\n f = c.options,\r\n g = f.ticks,\r\n m = f.position,\r\n p = g.mirror,\r\n v = c.isHorizontal(),\r\n b = c._ticksToDraw,\r\n y = pn(g),\r\n x = g.padding,\r\n _ = fn(f.gridLines),\r\n w = -H.toRadians(c.labelRotation),\r\n k = [];\r\n for (\r\n \"top\" === m\r\n ? ((r = c.bottom - _ - x), (o = w ? \"left\" : \"center\"))\r\n : \"bottom\" === m\r\n ? ((r = c.top + _ + x), (o = w ? \"right\" : \"center\"))\r\n : \"left\" === m\r\n ? ((a = c.right - (p ? 0 : _) - x), (o = p ? \"left\" : \"right\"))\r\n : ((a = c.left + (p ? 0 : _) + x), (o = p ? \"right\" : \"left\")),\r\n t = 0,\r\n e = b.length;\r\n t < e;\r\n ++t\r\n )\r\n (i = (n = b[t]).label),\r\n ln(i) ||\r\n ((s = c.getPixelForTick(n._index || t) + g.labelOffset),\r\n (u = (l = n.major ? y.major : y.minor).lineHeight),\r\n (d = sn(i) ? i.length : 1),\r\n v\r\n ? ((a = s),\r\n (h = \"top\" === m ? ((w ? 1 : 0.5) - d) * u : (w ? 0 : 0.5) * u))\r\n : ((r = s), (h = ((1 - d) * u) / 2)),\r\n k.push({\r\n x: a,\r\n y: r,\r\n rotation: w,\r\n label: i,\r\n font: l,\r\n textOffset: h,\r\n textAlign: o,\r\n }));\r\n return k;\r\n },\r\n _drawGrid: function (t) {\r\n var e = this,\r\n n = e.options.gridLines;\r\n if (n.display) {\r\n var i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l = e.ctx,\r\n u = e.chart,\r\n d = H._alignPixel,\r\n h = n.drawBorder ? dn(n.lineWidth, 0, 0) : 0,\r\n c =\r\n e._gridLineItems || (e._gridLineItems = e._computeGridLineItems(t));\r\n for (r = 0, o = c.length; r < o; ++r)\r\n (i = (s = c[r]).width),\r\n (a = s.color),\r\n i &&\r\n a &&\r\n (l.save(),\r\n (l.lineWidth = i),\r\n (l.strokeStyle = a),\r\n l.setLineDash &&\r\n (l.setLineDash(s.borderDash),\r\n (l.lineDashOffset = s.borderDashOffset)),\r\n l.beginPath(),\r\n n.drawTicks && (l.moveTo(s.tx1, s.ty1), l.lineTo(s.tx2, s.ty2)),\r\n n.drawOnChartArea && (l.moveTo(s.x1, s.y1), l.lineTo(s.x2, s.y2)),\r\n l.stroke(),\r\n l.restore());\r\n if (h) {\r\n var f,\r\n g,\r\n m,\r\n p,\r\n v = h,\r\n b = dn(n.lineWidth, c.ticksLength - 1, 1),\r\n y = c.borderValue;\r\n e.isHorizontal()\r\n ? ((f = d(u, e.left, v) - v / 2),\r\n (g = d(u, e.right, b) + b / 2),\r\n (m = p = y))\r\n : ((m = d(u, e.top, v) - v / 2),\r\n (p = d(u, e.bottom, b) + b / 2),\r\n (f = g = y)),\r\n (l.lineWidth = h),\r\n (l.strokeStyle = dn(n.color, 0)),\r\n l.beginPath(),\r\n l.moveTo(f, m),\r\n l.lineTo(g, p),\r\n l.stroke();\r\n }\r\n }\r\n },\r\n _drawLabels: function () {\r\n var t = this;\r\n if (t.options.ticks.display) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u = t.ctx,\r\n d = t._labelItems || (t._labelItems = t._computeLabelItems());\r\n for (e = 0, i = d.length; e < i; ++e) {\r\n if (\r\n ((o = (r = d[e]).font),\r\n u.save(),\r\n u.translate(r.x, r.y),\r\n u.rotate(r.rotation),\r\n (u.font = o.string),\r\n (u.fillStyle = o.color),\r\n (u.textBaseline = \"middle\"),\r\n (u.textAlign = r.textAlign),\r\n (s = r.label),\r\n (l = r.textOffset),\r\n sn(s))\r\n )\r\n for (n = 0, a = s.length; n < a; ++n)\r\n u.fillText(\"\" + s[n], 0, l), (l += o.lineHeight);\r\n else u.fillText(s, 0, l);\r\n u.restore();\r\n }\r\n }\r\n },\r\n _drawTitle: function () {\r\n var t = this,\r\n e = t.ctx,\r\n n = t.options,\r\n i = n.scaleLabel;\r\n if (i.display) {\r\n var a,\r\n r,\r\n o = un(i.fontColor, W.global.defaultFontColor),\r\n s = H.options._parseFont(i),\r\n l = H.options.toPadding(i.padding),\r\n u = s.lineHeight / 2,\r\n d = n.position,\r\n h = 0;\r\n if (t.isHorizontal())\r\n (a = t.left + t.width / 2),\r\n (r = \"bottom\" === d ? t.bottom - u - l.bottom : t.top + u + l.top);\r\n else {\r\n var c = \"left\" === d;\r\n (a = c ? t.left + u + l.top : t.right - u - l.top),\r\n (r = t.top + t.height / 2),\r\n (h = c ? -0.5 * Math.PI : 0.5 * Math.PI);\r\n }\r\n e.save(),\r\n e.translate(a, r),\r\n e.rotate(h),\r\n (e.textAlign = \"center\"),\r\n (e.textBaseline = \"middle\"),\r\n (e.fillStyle = o),\r\n (e.font = s.string),\r\n e.fillText(i.labelString, 0, 0),\r\n e.restore();\r\n }\r\n },\r\n draw: function (t) {\r\n this._isVisible() &&\r\n (this._drawGrid(t), this._drawTitle(), this._drawLabels());\r\n },\r\n _layers: function () {\r\n var t = this,\r\n e = t.options,\r\n n = (e.ticks && e.ticks.z) || 0,\r\n i = (e.gridLines && e.gridLines.z) || 0;\r\n return t._isVisible() && n !== i && t.draw === t._draw\r\n ? [\r\n {\r\n z: i,\r\n draw: function () {\r\n t._drawGrid.apply(t, arguments),\r\n t._drawTitle.apply(t, arguments);\r\n },\r\n },\r\n {\r\n z: n,\r\n draw: function () {\r\n t._drawLabels.apply(t, arguments);\r\n },\r\n },\r\n ]\r\n : [\r\n {\r\n z: n,\r\n draw: function () {\r\n t.draw.apply(t, arguments);\r\n },\r\n },\r\n ];\r\n },\r\n _getMatchingVisibleMetas: function (t) {\r\n var e = this,\r\n n = e.isHorizontal();\r\n return e.chart._getSortedVisibleDatasetMetas().filter(function (i) {\r\n return (\r\n (!t || i.type === t) && (n ? i.xAxisID === e.id : i.yAxisID === e.id)\r\n );\r\n });\r\n },\r\n });\r\n yn.prototype._draw = yn.prototype.draw;\r\n var xn = yn,\r\n _n = H.isNullOrUndef,\r\n wn = xn.extend({\r\n determineDataLimits: function () {\r\n var t,\r\n e = this,\r\n n = e._getLabels(),\r\n i = e.options.ticks,\r\n a = i.min,\r\n r = i.max,\r\n o = 0,\r\n s = n.length - 1;\r\n void 0 !== a && (t = n.indexOf(a)) >= 0 && (o = t),\r\n void 0 !== r && (t = n.indexOf(r)) >= 0 && (s = t),\r\n (e.minIndex = o),\r\n (e.maxIndex = s),\r\n (e.min = n[o]),\r\n (e.max = n[s]);\r\n },\r\n buildTicks: function () {\r\n var t = this._getLabels(),\r\n e = this.minIndex,\r\n n = this.maxIndex;\r\n this.ticks = 0 === e && n === t.length - 1 ? t : t.slice(e, n + 1);\r\n },\r\n getLabelForIndex: function (t, e) {\r\n var n = this.chart;\r\n return n.getDatasetMeta(e).controller._getValueScaleId() === this.id\r\n ? this.getRightValue(n.data.datasets[e].data[t])\r\n : this._getLabels()[t];\r\n },\r\n _configure: function () {\r\n var t = this,\r\n e = t.options.offset,\r\n n = t.ticks;\r\n xn.prototype._configure.call(t),\r\n t.isHorizontal() || (t._reversePixels = !t._reversePixels),\r\n n &&\r\n ((t._startValue = t.minIndex - (e ? 0.5 : 0)),\r\n (t._valueRange = Math.max(n.length - (e ? 0 : 1), 1)));\r\n },\r\n getPixelForValue: function (t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o = this;\r\n return (\r\n _n(e) || _n(n) || (t = o.chart.data.datasets[n].data[e]),\r\n _n(t) || (i = o.isHorizontal() ? t.x : t.y),\r\n (void 0 !== i || (void 0 !== t && isNaN(e))) &&\r\n ((a = o._getLabels()),\r\n (t = H.valueOrDefault(i, t)),\r\n (e = -1 !== (r = a.indexOf(t)) ? r : e),\r\n isNaN(e) && (e = t)),\r\n o.getPixelForDecimal((e - o._startValue) / o._valueRange)\r\n );\r\n },\r\n getPixelForTick: function (t) {\r\n var e = this.ticks;\r\n return t < 0 || t > e.length - 1\r\n ? null\r\n : this.getPixelForValue(e[t], t + this.minIndex);\r\n },\r\n getValueForPixel: function (t) {\r\n var e = Math.round(\r\n this._startValue + this.getDecimalForPixel(t) * this._valueRange\r\n );\r\n return Math.min(Math.max(e, 0), this.ticks.length - 1);\r\n },\r\n getBasePixel: function () {\r\n return this.bottom;\r\n },\r\n }),\r\n kn = { position: \"bottom\" };\r\n wn._defaults = kn;\r\n var Mn = H.noop,\r\n Sn = H.isNullOrUndef;\r\n var Dn = xn.extend({\r\n getRightValue: function (t) {\r\n return \"string\" == typeof t\r\n ? +t\r\n : xn.prototype.getRightValue.call(this, t);\r\n },\r\n handleTickRangeOptions: function () {\r\n var t = this,\r\n e = t.options.ticks;\r\n if (e.beginAtZero) {\r\n var n = H.sign(t.min),\r\n i = H.sign(t.max);\r\n n < 0 && i < 0 ? (t.max = 0) : n > 0 && i > 0 && (t.min = 0);\r\n }\r\n var a = void 0 !== e.min || void 0 !== e.suggestedMin,\r\n r = void 0 !== e.max || void 0 !== e.suggestedMax;\r\n void 0 !== e.min\r\n ? (t.min = e.min)\r\n : void 0 !== e.suggestedMin &&\r\n (null === t.min\r\n ? (t.min = e.suggestedMin)\r\n : (t.min = Math.min(t.min, e.suggestedMin))),\r\n void 0 !== e.max\r\n ? (t.max = e.max)\r\n : void 0 !== e.suggestedMax &&\r\n (null === t.max\r\n ? (t.max = e.suggestedMax)\r\n : (t.max = Math.max(t.max, e.suggestedMax))),\r\n a !== r &&\r\n t.min >= t.max &&\r\n (a ? (t.max = t.min + 1) : (t.min = t.max - 1)),\r\n t.min === t.max && (t.max++, e.beginAtZero || t.min--);\r\n },\r\n getTickLimit: function () {\r\n var t,\r\n e = this.options.ticks,\r\n n = e.stepSize,\r\n i = e.maxTicksLimit;\r\n return (\r\n n\r\n ? (t = Math.ceil(this.max / n) - Math.floor(this.min / n) + 1)\r\n : ((t = this._computeTickLimit()), (i = i || 11)),\r\n i && (t = Math.min(i, t)),\r\n t\r\n );\r\n },\r\n _computeTickLimit: function () {\r\n return Number.POSITIVE_INFINITY;\r\n },\r\n handleDirectionalChanges: Mn,\r\n buildTicks: function () {\r\n var t = this,\r\n e = t.options.ticks,\r\n n = t.getTickLimit(),\r\n i = {\r\n maxTicks: (n = Math.max(2, n)),\r\n min: e.min,\r\n max: e.max,\r\n precision: e.precision,\r\n stepSize: H.valueOrDefault(e.fixedStepSize, e.stepSize),\r\n },\r\n a = (t.ticks = (function (t, e) {\r\n var n,\r\n i,\r\n a,\r\n r,\r\n o = [],\r\n s = t.stepSize,\r\n l = s || 1,\r\n u = t.maxTicks - 1,\r\n d = t.min,\r\n h = t.max,\r\n c = t.precision,\r\n f = e.min,\r\n g = e.max,\r\n m = H.niceNum((g - f) / u / l) * l;\r\n if (m < 1e-14 && Sn(d) && Sn(h)) return [f, g];\r\n (r = Math.ceil(g / m) - Math.floor(f / m)) > u &&\r\n (m = H.niceNum((r * m) / u / l) * l),\r\n s || Sn(c)\r\n ? (n = Math.pow(10, H._decimalPlaces(m)))\r\n : ((n = Math.pow(10, c)), (m = Math.ceil(m * n) / n)),\r\n (i = Math.floor(f / m) * m),\r\n (a = Math.ceil(g / m) * m),\r\n s &&\r\n (!Sn(d) && H.almostWhole(d / m, m / 1e3) && (i = d),\r\n !Sn(h) && H.almostWhole(h / m, m / 1e3) && (a = h)),\r\n (r = (a - i) / m),\r\n (r = H.almostEquals(r, Math.round(r), m / 1e3)\r\n ? Math.round(r)\r\n : Math.ceil(r)),\r\n (i = Math.round(i * n) / n),\r\n (a = Math.round(a * n) / n),\r\n o.push(Sn(d) ? i : d);\r\n for (var p = 1; p < r; ++p) o.push(Math.round((i + p * m) * n) / n);\r\n return o.push(Sn(h) ? a : h), o;\r\n })(i, t));\r\n t.handleDirectionalChanges(),\r\n (t.max = H.max(a)),\r\n (t.min = H.min(a)),\r\n e.reverse\r\n ? (a.reverse(), (t.start = t.max), (t.end = t.min))\r\n : ((t.start = t.min), (t.end = t.max));\r\n },\r\n convertTicksToLabels: function () {\r\n var t = this;\r\n (t.ticksAsNumbers = t.ticks.slice()),\r\n (t.zeroLineIndex = t.ticks.indexOf(0)),\r\n xn.prototype.convertTicksToLabels.call(t);\r\n },\r\n _configure: function () {\r\n var t,\r\n e = this,\r\n n = e.getTicks(),\r\n i = e.min,\r\n a = e.max;\r\n xn.prototype._configure.call(e),\r\n e.options.offset &&\r\n n.length &&\r\n ((i -= t = (a - i) / Math.max(n.length - 1, 1) / 2), (a += t)),\r\n (e._startValue = i),\r\n (e._endValue = a),\r\n (e._valueRange = a - i);\r\n },\r\n }),\r\n Cn = { position: \"left\", ticks: { callback: on.formatters.linear } };\r\n function Pn(t, e, n, i) {\r\n var a,\r\n r,\r\n o = t.options,\r\n s = (function (t, e, n) {\r\n var i = [\r\n n.type,\r\n void 0 === e && void 0 === n.stack ? n.index : \"\",\r\n n.stack,\r\n ].join(\".\");\r\n return void 0 === t[i] && (t[i] = { pos: [], neg: [] }), t[i];\r\n })(e, o.stacked, n),\r\n l = s.pos,\r\n u = s.neg,\r\n d = i.length;\r\n for (a = 0; a < d; ++a)\r\n (r = t._parseValue(i[a])),\r\n isNaN(r.min) ||\r\n isNaN(r.max) ||\r\n n.data[a].hidden ||\r\n ((l[a] = l[a] || 0),\r\n (u[a] = u[a] || 0),\r\n o.relativePoints\r\n ? (l[a] = 100)\r\n : r.min < 0 || r.max < 0\r\n ? (u[a] += r.min)\r\n : (l[a] += r.max));\r\n }\r\n function Tn(t, e, n) {\r\n var i,\r\n a,\r\n r = n.length;\r\n for (i = 0; i < r; ++i)\r\n (a = t._parseValue(n[i])),\r\n isNaN(a.min) ||\r\n isNaN(a.max) ||\r\n e.data[i].hidden ||\r\n ((t.min = Math.min(t.min, a.min)), (t.max = Math.max(t.max, a.max)));\r\n }\r\n var On = Dn.extend({\r\n determineDataLimits: function () {\r\n var t,\r\n e,\r\n n,\r\n i,\r\n a = this,\r\n r = a.options,\r\n o = a.chart.data.datasets,\r\n s = a._getMatchingVisibleMetas(),\r\n l = r.stacked,\r\n u = {},\r\n d = s.length;\r\n if (\r\n ((a.min = Number.POSITIVE_INFINITY),\r\n (a.max = Number.NEGATIVE_INFINITY),\r\n void 0 === l)\r\n )\r\n for (t = 0; !l && t < d; ++t) l = void 0 !== (e = s[t]).stack;\r\n for (t = 0; t < d; ++t)\r\n (n = o[(e = s[t]).index].data), l ? Pn(a, u, e, n) : Tn(a, e, n);\r\n H.each(u, function (t) {\r\n (i = t.pos.concat(t.neg)),\r\n (a.min = Math.min(a.min, H.min(i))),\r\n (a.max = Math.max(a.max, H.max(i)));\r\n }),\r\n (a.min = H.isFinite(a.min) && !isNaN(a.min) ? a.min : 0),\r\n (a.max = H.isFinite(a.max) && !isNaN(a.max) ? a.max : 1),\r\n a.handleTickRangeOptions();\r\n },\r\n _computeTickLimit: function () {\r\n var t;\r\n return this.isHorizontal()\r\n ? Math.ceil(this.width / 40)\r\n : ((t = H.options._parseFont(this.options.ticks)),\r\n Math.ceil(this.height / t.lineHeight));\r\n },\r\n handleDirectionalChanges: function () {\r\n this.isHorizontal() || this.ticks.reverse();\r\n },\r\n getLabelForIndex: function (t, e) {\r\n return this._getScaleLabel(this.chart.data.datasets[e].data[t]);\r\n },\r\n getPixelForValue: function (t) {\r\n return this.getPixelForDecimal(\r\n (+this.getRightValue(t) - this._startValue) / this._valueRange\r\n );\r\n },\r\n getValueForPixel: function (t) {\r\n return this._startValue + this.getDecimalForPixel(t) * this._valueRange;\r\n },\r\n getPixelForTick: function (t) {\r\n var e = this.ticksAsNumbers;\r\n return t < 0 || t > e.length - 1 ? null : this.getPixelForValue(e[t]);\r\n },\r\n }),\r\n An = Cn;\r\n On._defaults = An;\r\n var Fn = H.valueOrDefault,\r\n In = H.math.log10;\r\n var Ln = { position: \"left\", ticks: { callback: on.formatters.logarithmic } };\r\n function Rn(t, e) {\r\n return H.isFinite(t) && t >= 0 ? t : e;\r\n }\r\n var Nn = xn.extend({\r\n determineDataLimits: function () {\r\n var t,\r\n e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o = this,\r\n s = o.options,\r\n l = o.chart,\r\n u = l.data.datasets,\r\n d = o.isHorizontal();\r\n function h(t) {\r\n return d ? t.xAxisID === o.id : t.yAxisID === o.id;\r\n }\r\n (o.min = Number.POSITIVE_INFINITY),\r\n (o.max = Number.NEGATIVE_INFINITY),\r\n (o.minNotZero = Number.POSITIVE_INFINITY);\r\n var c = s.stacked;\r\n if (void 0 === c)\r\n for (t = 0; t < u.length; t++)\r\n if (\r\n ((e = l.getDatasetMeta(t)),\r\n l.isDatasetVisible(t) && h(e) && void 0 !== e.stack)\r\n ) {\r\n c = !0;\r\n break;\r\n }\r\n if (s.stacked || c) {\r\n var f = {};\r\n for (t = 0; t < u.length; t++) {\r\n var g = [\r\n (e = l.getDatasetMeta(t)).type,\r\n void 0 === s.stacked && void 0 === e.stack ? t : \"\",\r\n e.stack,\r\n ].join(\".\");\r\n if (l.isDatasetVisible(t) && h(e))\r\n for (\r\n void 0 === f[g] && (f[g] = []),\r\n a = 0,\r\n r = (i = u[t].data).length;\r\n a < r;\r\n a++\r\n ) {\r\n var m = f[g];\r\n (n = o._parseValue(i[a])),\r\n isNaN(n.min) ||\r\n isNaN(n.max) ||\r\n e.data[a].hidden ||\r\n n.min < 0 ||\r\n n.max < 0 ||\r\n ((m[a] = m[a] || 0), (m[a] += n.max));\r\n }\r\n }\r\n H.each(f, function (t) {\r\n if (t.length > 0) {\r\n var e = H.min(t),\r\n n = H.max(t);\r\n (o.min = Math.min(o.min, e)), (o.max = Math.max(o.max, n));\r\n }\r\n });\r\n } else\r\n for (t = 0; t < u.length; t++)\r\n if (((e = l.getDatasetMeta(t)), l.isDatasetVisible(t) && h(e)))\r\n for (a = 0, r = (i = u[t].data).length; a < r; a++)\r\n (n = o._parseValue(i[a])),\r\n isNaN(n.min) ||\r\n isNaN(n.max) ||\r\n e.data[a].hidden ||\r\n n.min < 0 ||\r\n n.max < 0 ||\r\n ((o.min = Math.min(n.min, o.min)),\r\n (o.max = Math.max(n.max, o.max)),\r\n 0 !== n.min &&\r\n (o.minNotZero = Math.min(n.min, o.minNotZero)));\r\n (o.min = H.isFinite(o.min) ? o.min : null),\r\n (o.max = H.isFinite(o.max) ? o.max : null),\r\n (o.minNotZero = H.isFinite(o.minNotZero) ? o.minNotZero : null),\r\n this.handleTickRangeOptions();\r\n },\r\n handleTickRangeOptions: function () {\r\n var t = this,\r\n e = t.options.ticks;\r\n (t.min = Rn(e.min, t.min)),\r\n (t.max = Rn(e.max, t.max)),\r\n t.min === t.max &&\r\n (0 !== t.min && null !== t.min\r\n ? ((t.min = Math.pow(10, Math.floor(In(t.min)) - 1)),\r\n (t.max = Math.pow(10, Math.floor(In(t.max)) + 1)))\r\n : ((t.min = 1), (t.max = 10))),\r\n null === t.min && (t.min = Math.pow(10, Math.floor(In(t.max)) - 1)),\r\n null === t.max &&\r\n (t.max =\r\n 0 !== t.min ? Math.pow(10, Math.floor(In(t.min)) + 1) : 10),\r\n null === t.minNotZero &&\r\n (t.min > 0\r\n ? (t.minNotZero = t.min)\r\n : t.max < 1\r\n ? (t.minNotZero = Math.pow(10, Math.floor(In(t.max))))\r\n : (t.minNotZero = 1));\r\n },\r\n buildTicks: function () {\r\n var t = this,\r\n e = t.options.ticks,\r\n n = !t.isHorizontal(),\r\n i = { min: Rn(e.min), max: Rn(e.max) },\r\n a = (t.ticks = (function (t, e) {\r\n var n,\r\n i,\r\n a = [],\r\n r = Fn(t.min, Math.pow(10, Math.floor(In(e.min)))),\r\n o = Math.floor(In(e.max)),\r\n s = Math.ceil(e.max / Math.pow(10, o));\r\n 0 === r\r\n ? ((n = Math.floor(In(e.minNotZero))),\r\n (i = Math.floor(e.minNotZero / Math.pow(10, n))),\r\n a.push(r),\r\n (r = i * Math.pow(10, n)))\r\n : ((n = Math.floor(In(r))),\r\n (i = Math.floor(r / Math.pow(10, n))));\r\n var l = n < 0 ? Math.pow(10, Math.abs(n)) : 1;\r\n do {\r\n a.push(r),\r\n 10 === ++i && ((i = 1), (l = ++n >= 0 ? 1 : l)),\r\n (r = Math.round(i * Math.pow(10, n) * l) / l);\r\n } while (n < o || (n === o && i < s));\r\n var u = Fn(t.max, r);\r\n return a.push(u), a;\r\n })(i, t));\r\n (t.max = H.max(a)),\r\n (t.min = H.min(a)),\r\n e.reverse\r\n ? ((n = !n), (t.start = t.max), (t.end = t.min))\r\n : ((t.start = t.min), (t.end = t.max)),\r\n n && a.reverse();\r\n },\r\n convertTicksToLabels: function () {\r\n (this.tickValues = this.ticks.slice()),\r\n xn.prototype.convertTicksToLabels.call(this);\r\n },\r\n getLabelForIndex: function (t, e) {\r\n return this._getScaleLabel(this.chart.data.datasets[e].data[t]);\r\n },\r\n getPixelForTick: function (t) {\r\n var e = this.tickValues;\r\n return t < 0 || t > e.length - 1 ? null : this.getPixelForValue(e[t]);\r\n },\r\n _getFirstTickValue: function (t) {\r\n var e = Math.floor(In(t));\r\n return Math.floor(t / Math.pow(10, e)) * Math.pow(10, e);\r\n },\r\n _configure: function () {\r\n var t = this,\r\n e = t.min,\r\n n = 0;\r\n xn.prototype._configure.call(t),\r\n 0 === e &&\r\n ((e = t._getFirstTickValue(t.minNotZero)),\r\n (n =\r\n Fn(t.options.ticks.fontSize, W.global.defaultFontSize) /\r\n t._length)),\r\n (t._startValue = In(e)),\r\n (t._valueOffset = n),\r\n (t._valueRange = (In(t.max) - In(e)) / (1 - n));\r\n },\r\n getPixelForValue: function (t) {\r\n var e = this,\r\n n = 0;\r\n return (\r\n (t = +e.getRightValue(t)) > e.min &&\r\n t > 0 &&\r\n (n = (In(t) - e._startValue) / e._valueRange + e._valueOffset),\r\n e.getPixelForDecimal(n)\r\n );\r\n },\r\n getValueForPixel: function (t) {\r\n var e = this,\r\n n = e.getDecimalForPixel(t);\r\n return 0 === n && 0 === e.min\r\n ? 0\r\n : Math.pow(10, e._startValue + (n - e._valueOffset) * e._valueRange);\r\n },\r\n }),\r\n Wn = Ln;\r\n Nn._defaults = Wn;\r\n var Yn = H.valueOrDefault,\r\n zn = H.valueAtIndexOrDefault,\r\n En = H.options.resolve,\r\n Vn = {\r\n display: !0,\r\n animate: !0,\r\n position: \"chartArea\",\r\n angleLines: {\r\n display: !0,\r\n color: \"rgba(0,0,0,0.1)\",\r\n lineWidth: 1,\r\n borderDash: [],\r\n borderDashOffset: 0,\r\n },\r\n gridLines: { circular: !1 },\r\n ticks: {\r\n showLabelBackdrop: !0,\r\n backdropColor: \"rgba(255,255,255,0.75)\",\r\n backdropPaddingY: 2,\r\n backdropPaddingX: 2,\r\n callback: on.formatters.linear,\r\n },\r\n pointLabels: {\r\n display: !0,\r\n fontSize: 10,\r\n callback: function (t) {\r\n return t;\r\n },\r\n },\r\n };\r\n function Hn(t) {\r\n var e = t.ticks;\r\n return e.display && t.display\r\n ? Yn(e.fontSize, W.global.defaultFontSize) + 2 * e.backdropPaddingY\r\n : 0;\r\n }\r\n function Bn(t, e, n, i, a) {\r\n return t === i || t === a\r\n ? { start: e - n / 2, end: e + n / 2 }\r\n : t < i || t > a\r\n ? { start: e - n, end: e }\r\n : { start: e, end: e + n };\r\n }\r\n function jn(t) {\r\n return 0 === t || 180 === t ? \"center\" : t < 180 ? \"left\" : \"right\";\r\n }\r\n function Un(t, e, n, i) {\r\n var a,\r\n r,\r\n o = n.y + i / 2;\r\n if (H.isArray(e))\r\n for (a = 0, r = e.length; a < r; ++a) t.fillText(e[a], n.x, o), (o += i);\r\n else t.fillText(e, n.x, o);\r\n }\r\n function Gn(t, e, n) {\r\n 90 === t || 270 === t\r\n ? (n.y -= e.h / 2)\r\n : (t > 270 || t < 90) && (n.y -= e.h);\r\n }\r\n function qn(t) {\r\n return H.isNumber(t) ? t : 0;\r\n }\r\n var Zn = Dn.extend({\r\n setDimensions: function () {\r\n var t = this;\r\n (t.width = t.maxWidth),\r\n (t.height = t.maxHeight),\r\n (t.paddingTop = Hn(t.options) / 2),\r\n (t.xCenter = Math.floor(t.width / 2)),\r\n (t.yCenter = Math.floor((t.height - t.paddingTop) / 2)),\r\n (t.drawingArea = Math.min(t.height - t.paddingTop, t.width) / 2);\r\n },\r\n determineDataLimits: function () {\r\n var t = this,\r\n e = t.chart,\r\n n = Number.POSITIVE_INFINITY,\r\n i = Number.NEGATIVE_INFINITY;\r\n H.each(e.data.datasets, function (a, r) {\r\n if (e.isDatasetVisible(r)) {\r\n var o = e.getDatasetMeta(r);\r\n H.each(a.data, function (e, a) {\r\n var r = +t.getRightValue(e);\r\n isNaN(r) ||\r\n o.data[a].hidden ||\r\n ((n = Math.min(r, n)), (i = Math.max(r, i)));\r\n });\r\n }\r\n }),\r\n (t.min = n === Number.POSITIVE_INFINITY ? 0 : n),\r\n (t.max = i === Number.NEGATIVE_INFINITY ? 0 : i),\r\n t.handleTickRangeOptions();\r\n },\r\n _computeTickLimit: function () {\r\n return Math.ceil(this.drawingArea / Hn(this.options));\r\n },\r\n convertTicksToLabels: function () {\r\n var t = this;\r\n Dn.prototype.convertTicksToLabels.call(t),\r\n (t.pointLabels = t.chart.data.labels.map(function () {\r\n var e = H.callback(t.options.pointLabels.callback, arguments, t);\r\n return e || 0 === e ? e : \"\";\r\n }));\r\n },\r\n getLabelForIndex: function (t, e) {\r\n return +this.getRightValue(this.chart.data.datasets[e].data[t]);\r\n },\r\n fit: function () {\r\n var t = this.options;\r\n t.display && t.pointLabels.display\r\n ? (function (t) {\r\n var e,\r\n n,\r\n i,\r\n a = H.options._parseFont(t.options.pointLabels),\r\n r = { l: 0, r: t.width, t: 0, b: t.height - t.paddingTop },\r\n o = {};\r\n (t.ctx.font = a.string), (t._pointLabelSizes = []);\r\n var s,\r\n l,\r\n u,\r\n d = t.chart.data.labels.length;\r\n for (e = 0; e < d; e++) {\r\n (i = t.getPointPosition(e, t.drawingArea + 5)),\r\n (s = t.ctx),\r\n (l = a.lineHeight),\r\n (u = t.pointLabels[e]),\r\n (n = H.isArray(u)\r\n ? { w: H.longestText(s, s.font, u), h: u.length * l }\r\n : { w: s.measureText(u).width, h: l }),\r\n (t._pointLabelSizes[e] = n);\r\n var h = t.getIndexAngle(e),\r\n c = H.toDegrees(h) % 360,\r\n f = Bn(c, i.x, n.w, 0, 180),\r\n g = Bn(c, i.y, n.h, 90, 270);\r\n f.start < r.l && ((r.l = f.start), (o.l = h)),\r\n f.end > r.r && ((r.r = f.end), (o.r = h)),\r\n g.start < r.t && ((r.t = g.start), (o.t = h)),\r\n g.end > r.b && ((r.b = g.end), (o.b = h));\r\n }\r\n t.setReductions(t.drawingArea, r, o);\r\n })(this)\r\n : this.setCenterPoint(0, 0, 0, 0);\r\n },\r\n setReductions: function (t, e, n) {\r\n var i = this,\r\n a = e.l / Math.sin(n.l),\r\n r = Math.max(e.r - i.width, 0) / Math.sin(n.r),\r\n o = -e.t / Math.cos(n.t),\r\n s = -Math.max(e.b - (i.height - i.paddingTop), 0) / Math.cos(n.b);\r\n (a = qn(a)),\r\n (r = qn(r)),\r\n (o = qn(o)),\r\n (s = qn(s)),\r\n (i.drawingArea = Math.min(\r\n Math.floor(t - (a + r) / 2),\r\n Math.floor(t - (o + s) / 2)\r\n )),\r\n i.setCenterPoint(a, r, o, s);\r\n },\r\n setCenterPoint: function (t, e, n, i) {\r\n var a = this,\r\n r = a.width - e - a.drawingArea,\r\n o = t + a.drawingArea,\r\n s = n + a.drawingArea,\r\n l = a.height - a.paddingTop - i - a.drawingArea;\r\n (a.xCenter = Math.floor((o + r) / 2 + a.left)),\r\n (a.yCenter = Math.floor((s + l) / 2 + a.top + a.paddingTop));\r\n },\r\n getIndexAngle: function (t) {\r\n var e = this.chart,\r\n n =\r\n (t * (360 / e.data.labels.length) +\r\n ((e.options || {}).startAngle || 0)) %\r\n 360;\r\n return ((n < 0 ? n + 360 : n) * Math.PI * 2) / 360;\r\n },\r\n getDistanceFromCenterForValue: function (t) {\r\n var e = this;\r\n if (H.isNullOrUndef(t)) return NaN;\r\n var n = e.drawingArea / (e.max - e.min);\r\n return e.options.ticks.reverse ? (e.max - t) * n : (t - e.min) * n;\r\n },\r\n getPointPosition: function (t, e) {\r\n var n = this.getIndexAngle(t) - Math.PI / 2;\r\n return {\r\n x: Math.cos(n) * e + this.xCenter,\r\n y: Math.sin(n) * e + this.yCenter,\r\n };\r\n },\r\n getPointPositionForValue: function (t, e) {\r\n return this.getPointPosition(t, this.getDistanceFromCenterForValue(e));\r\n },\r\n getBasePosition: function (t) {\r\n var e = this.min,\r\n n = this.max;\r\n return this.getPointPositionForValue(\r\n t || 0,\r\n this.beginAtZero ? 0 : e < 0 && n < 0 ? n : e > 0 && n > 0 ? e : 0\r\n );\r\n },\r\n _drawGrid: function () {\r\n var t,\r\n e,\r\n n,\r\n i = this,\r\n a = i.ctx,\r\n r = i.options,\r\n o = r.gridLines,\r\n s = r.angleLines,\r\n l = Yn(s.lineWidth, o.lineWidth),\r\n u = Yn(s.color, o.color);\r\n if (\r\n (r.pointLabels.display &&\r\n (function (t) {\r\n var e = t.ctx,\r\n n = t.options,\r\n i = n.pointLabels,\r\n a = Hn(n),\r\n r = t.getDistanceFromCenterForValue(\r\n n.ticks.reverse ? t.min : t.max\r\n ),\r\n o = H.options._parseFont(i);\r\n e.save(), (e.font = o.string), (e.textBaseline = \"middle\");\r\n for (var s = t.chart.data.labels.length - 1; s >= 0; s--) {\r\n var l = 0 === s ? a / 2 : 0,\r\n u = t.getPointPosition(s, r + l + 5),\r\n d = zn(i.fontColor, s, W.global.defaultFontColor);\r\n e.fillStyle = d;\r\n var h = t.getIndexAngle(s),\r\n c = H.toDegrees(h);\r\n (e.textAlign = jn(c)),\r\n Gn(c, t._pointLabelSizes[s], u),\r\n Un(e, t.pointLabels[s], u, o.lineHeight);\r\n }\r\n e.restore();\r\n })(i),\r\n o.display &&\r\n H.each(i.ticks, function (t, n) {\r\n 0 !== n &&\r\n ((e = i.getDistanceFromCenterForValue(i.ticksAsNumbers[n])),\r\n (function (t, e, n, i) {\r\n var a,\r\n r = t.ctx,\r\n o = e.circular,\r\n s = t.chart.data.labels.length,\r\n l = zn(e.color, i - 1),\r\n u = zn(e.lineWidth, i - 1);\r\n if ((o || s) && l && u) {\r\n if (\r\n (r.save(),\r\n (r.strokeStyle = l),\r\n (r.lineWidth = u),\r\n r.setLineDash &&\r\n (r.setLineDash(e.borderDash || []),\r\n (r.lineDashOffset = e.borderDashOffset || 0)),\r\n r.beginPath(),\r\n o)\r\n )\r\n r.arc(t.xCenter, t.yCenter, n, 0, 2 * Math.PI);\r\n else {\r\n (a = t.getPointPosition(0, n)), r.moveTo(a.x, a.y);\r\n for (var d = 1; d < s; d++)\r\n (a = t.getPointPosition(d, n)), r.lineTo(a.x, a.y);\r\n }\r\n r.closePath(), r.stroke(), r.restore();\r\n }\r\n })(i, o, e, n));\r\n }),\r\n s.display && l && u)\r\n ) {\r\n for (\r\n a.save(),\r\n a.lineWidth = l,\r\n a.strokeStyle = u,\r\n a.setLineDash &&\r\n (a.setLineDash(En([s.borderDash, o.borderDash, []])),\r\n (a.lineDashOffset = En([\r\n s.borderDashOffset,\r\n o.borderDashOffset,\r\n 0,\r\n ]))),\r\n t = i.chart.data.labels.length - 1;\r\n t >= 0;\r\n t--\r\n )\r\n (e = i.getDistanceFromCenterForValue(\r\n r.ticks.reverse ? i.min : i.max\r\n )),\r\n (n = i.getPointPosition(t, e)),\r\n a.beginPath(),\r\n a.moveTo(i.xCenter, i.yCenter),\r\n a.lineTo(n.x, n.y),\r\n a.stroke();\r\n a.restore();\r\n }\r\n },\r\n _drawLabels: function () {\r\n var t = this,\r\n e = t.ctx,\r\n n = t.options.ticks;\r\n if (n.display) {\r\n var i,\r\n a,\r\n r = t.getIndexAngle(0),\r\n o = H.options._parseFont(n),\r\n s = Yn(n.fontColor, W.global.defaultFontColor);\r\n e.save(),\r\n (e.font = o.string),\r\n e.translate(t.xCenter, t.yCenter),\r\n e.rotate(r),\r\n (e.textAlign = \"center\"),\r\n (e.textBaseline = \"middle\"),\r\n H.each(t.ticks, function (r, l) {\r\n (0 !== l || n.reverse) &&\r\n ((i = t.getDistanceFromCenterForValue(t.ticksAsNumbers[l])),\r\n n.showLabelBackdrop &&\r\n ((a = e.measureText(r).width),\r\n (e.fillStyle = n.backdropColor),\r\n e.fillRect(\r\n -a / 2 - n.backdropPaddingX,\r\n -i - o.size / 2 - n.backdropPaddingY,\r\n a + 2 * n.backdropPaddingX,\r\n o.size + 2 * n.backdropPaddingY\r\n )),\r\n (e.fillStyle = s),\r\n e.fillText(r, 0, -i));\r\n }),\r\n e.restore();\r\n }\r\n },\r\n _drawTitle: H.noop,\r\n }),\r\n $n = Vn;\r\n Zn._defaults = $n;\r\n var Xn = H._deprecated,\r\n Kn = H.options.resolve,\r\n Jn = H.valueOrDefault,\r\n Qn = Number.MIN_SAFE_INTEGER || -9007199254740991,\r\n ti = Number.MAX_SAFE_INTEGER || 9007199254740991,\r\n ei = {\r\n millisecond: { common: !0, size: 1, steps: 1e3 },\r\n second: { common: !0, size: 1e3, steps: 60 },\r\n minute: { common: !0, size: 6e4, steps: 60 },\r\n hour: { common: !0, size: 36e5, steps: 24 },\r\n day: { common: !0, size: 864e5, steps: 30 },\r\n week: { common: !1, size: 6048e5, steps: 4 },\r\n month: { common: !0, size: 2628e6, steps: 12 },\r\n quarter: { common: !1, size: 7884e6, steps: 4 },\r\n year: { common: !0, size: 3154e7 },\r\n },\r\n ni = Object.keys(ei);\r\n function ii(t, e) {\r\n return t - e;\r\n }\r\n function ai(t) {\r\n return H.valueOrDefault(t.time.min, t.ticks.min);\r\n }\r\n function ri(t) {\r\n return H.valueOrDefault(t.time.max, t.ticks.max);\r\n }\r\n function oi(t, e, n, i) {\r\n var a = (function (t, e, n) {\r\n for (var i, a, r, o = 0, s = t.length - 1; o >= 0 && o <= s; ) {\r\n if (((a = t[(i = (o + s) >> 1) - 1] || null), (r = t[i]), !a))\r\n return { lo: null, hi: r };\r\n if (r[e] < n) o = i + 1;\r\n else {\r\n if (!(a[e] > n)) return { lo: a, hi: r };\r\n s = i - 1;\r\n }\r\n }\r\n return { lo: r, hi: null };\r\n })(t, e, n),\r\n r = a.lo ? (a.hi ? a.lo : t[t.length - 2]) : t[0],\r\n o = a.lo ? (a.hi ? a.hi : t[t.length - 1]) : t[1],\r\n s = o[e] - r[e],\r\n l = s ? (n - r[e]) / s : 0,\r\n u = (o[i] - r[i]) * l;\r\n return r[i] + u;\r\n }\r\n function si(t, e) {\r\n var n = t._adapter,\r\n i = t.options.time,\r\n a = i.parser,\r\n r = a || i.format,\r\n o = e;\r\n return (\r\n \"function\" == typeof a && (o = a(o)),\r\n H.isFinite(o) || (o = \"string\" == typeof r ? n.parse(o, r) : n.parse(o)),\r\n null !== o\r\n ? +o\r\n : (a ||\r\n \"function\" != typeof r ||\r\n ((o = r(e)), H.isFinite(o) || (o = n.parse(o))),\r\n o)\r\n );\r\n }\r\n function li(t, e) {\r\n if (H.isNullOrUndef(e)) return null;\r\n var n = t.options.time,\r\n i = si(t, t.getRightValue(e));\r\n return null === i\r\n ? i\r\n : (n.round && (i = +t._adapter.startOf(i, n.round)), i);\r\n }\r\n function ui(t, e, n, i) {\r\n var a,\r\n r,\r\n o,\r\n s = ni.length;\r\n for (a = ni.indexOf(t); a < s - 1; ++a)\r\n if (\r\n ((o = (r = ei[ni[a]]).steps ? r.steps : ti),\r\n r.common && Math.ceil((n - e) / (o * r.size)) <= i)\r\n )\r\n return ni[a];\r\n return ni[s - 1];\r\n }\r\n function di(t, e, n) {\r\n var i,\r\n a,\r\n r = [],\r\n o = {},\r\n s = e.length;\r\n for (i = 0; i < s; ++i)\r\n (o[(a = e[i])] = i), r.push({ value: a, major: !1 });\r\n return 0 !== s && n\r\n ? (function (t, e, n, i) {\r\n var a,\r\n r,\r\n o = t._adapter,\r\n s = +o.startOf(e[0].value, i),\r\n l = e[e.length - 1].value;\r\n for (a = s; a <= l; a = +o.add(a, 1, i))\r\n (r = n[a]) >= 0 && (e[r].major = !0);\r\n return e;\r\n })(t, r, o, n)\r\n : r;\r\n }\r\n var hi = xn.extend({\r\n initialize: function () {\r\n this.mergeTicksOptions(), xn.prototype.initialize.call(this);\r\n },\r\n update: function () {\r\n var t = this,\r\n e = t.options,\r\n n = e.time || (e.time = {}),\r\n i = (t._adapter = new rn._date(e.adapters.date));\r\n return (\r\n Xn(\"time scale\", n.format, \"time.format\", \"time.parser\"),\r\n Xn(\"time scale\", n.min, \"time.min\", \"ticks.min\"),\r\n Xn(\"time scale\", n.max, \"time.max\", \"ticks.max\"),\r\n H.mergeIf(n.displayFormats, i.formats()),\r\n xn.prototype.update.apply(t, arguments)\r\n );\r\n },\r\n getRightValue: function (t) {\r\n return (\r\n t && void 0 !== t.t && (t = t.t),\r\n xn.prototype.getRightValue.call(this, t)\r\n );\r\n },\r\n determineDataLimits: function () {\r\n var t,\r\n e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s = this,\r\n l = s.chart,\r\n u = s._adapter,\r\n d = s.options,\r\n h = d.time.unit || \"day\",\r\n c = ti,\r\n f = Qn,\r\n g = [],\r\n m = [],\r\n p = [],\r\n v = s._getLabels();\r\n for (t = 0, n = v.length; t < n; ++t) p.push(li(s, v[t]));\r\n for (t = 0, n = (l.data.datasets || []).length; t < n; ++t)\r\n if (l.isDatasetVisible(t))\r\n if (((a = l.data.datasets[t].data), H.isObject(a[0])))\r\n for (m[t] = [], e = 0, i = a.length; e < i; ++e)\r\n (r = li(s, a[e])), g.push(r), (m[t][e] = r);\r\n else (m[t] = p.slice(0)), o || ((g = g.concat(p)), (o = !0));\r\n else m[t] = [];\r\n p.length &&\r\n ((c = Math.min(c, p[0])), (f = Math.max(f, p[p.length - 1]))),\r\n g.length &&\r\n ((g =\r\n n > 1\r\n ? (function (t) {\r\n var e,\r\n n,\r\n i,\r\n a = {},\r\n r = [];\r\n for (e = 0, n = t.length; e < n; ++e)\r\n a[(i = t[e])] || ((a[i] = !0), r.push(i));\r\n return r;\r\n })(g).sort(ii)\r\n : g.sort(ii)),\r\n (c = Math.min(c, g[0])),\r\n (f = Math.max(f, g[g.length - 1]))),\r\n (c = li(s, ai(d)) || c),\r\n (f = li(s, ri(d)) || f),\r\n (c = c === ti ? +u.startOf(Date.now(), h) : c),\r\n (f = f === Qn ? +u.endOf(Date.now(), h) + 1 : f),\r\n (s.min = Math.min(c, f)),\r\n (s.max = Math.max(c + 1, f)),\r\n (s._table = []),\r\n (s._timestamps = { data: g, datasets: m, labels: p });\r\n },\r\n buildTicks: function () {\r\n var t,\r\n e,\r\n n,\r\n i = this,\r\n a = i.min,\r\n r = i.max,\r\n o = i.options,\r\n s = o.ticks,\r\n l = o.time,\r\n u = i._timestamps,\r\n d = [],\r\n h = i.getLabelCapacity(a),\r\n c = s.source,\r\n f = o.distribution;\r\n for (\r\n u =\r\n \"data\" === c || (\"auto\" === c && \"series\" === f)\r\n ? u.data\r\n : \"labels\" === c\r\n ? u.labels\r\n : (function (t, e, n, i) {\r\n var a,\r\n r = t._adapter,\r\n o = t.options,\r\n s = o.time,\r\n l = s.unit || ui(s.minUnit, e, n, i),\r\n u = Kn([s.stepSize, s.unitStepSize, 1]),\r\n d = \"week\" === l && s.isoWeekday,\r\n h = e,\r\n c = [];\r\n if (\r\n (d && (h = +r.startOf(h, \"isoWeek\", d)),\r\n (h = +r.startOf(h, d ? \"day\" : l)),\r\n r.diff(n, e, l) > 1e5 * u)\r\n )\r\n throw (\r\n e +\r\n \" and \" +\r\n n +\r\n \" are too far apart with stepSize of \" +\r\n u +\r\n \" \" +\r\n l\r\n );\r\n for (a = h; a < n; a = +r.add(a, u, l)) c.push(a);\r\n return (a !== n && \"ticks\" !== o.bounds) || c.push(a), c;\r\n })(i, a, r, h),\r\n \"ticks\" === o.bounds &&\r\n u.length &&\r\n ((a = u[0]), (r = u[u.length - 1])),\r\n a = li(i, ai(o)) || a,\r\n r = li(i, ri(o)) || r,\r\n t = 0,\r\n e = u.length;\r\n t < e;\r\n ++t\r\n )\r\n (n = u[t]) >= a && n <= r && d.push(n);\r\n return (\r\n (i.min = a),\r\n (i.max = r),\r\n (i._unit =\r\n l.unit ||\r\n (s.autoSkip\r\n ? ui(l.minUnit, i.min, i.max, h)\r\n : (function (t, e, n, i, a) {\r\n var r, o;\r\n for (r = ni.length - 1; r >= ni.indexOf(n); r--)\r\n if (\r\n ((o = ni[r]),\r\n ei[o].common && t._adapter.diff(a, i, o) >= e - 1)\r\n )\r\n return o;\r\n return ni[n ? ni.indexOf(n) : 0];\r\n })(i, d.length, l.minUnit, i.min, i.max))),\r\n (i._majorUnit =\r\n s.major.enabled && \"year\" !== i._unit\r\n ? (function (t) {\r\n for (var e = ni.indexOf(t) + 1, n = ni.length; e < n; ++e)\r\n if (ei[ni[e]].common) return ni[e];\r\n })(i._unit)\r\n : void 0),\r\n (i._table = (function (t, e, n, i) {\r\n if (\"linear\" === i || !t.length)\r\n return [\r\n { time: e, pos: 0 },\r\n { time: n, pos: 1 },\r\n ];\r\n var a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u = [],\r\n d = [e];\r\n for (a = 0, r = t.length; a < r; ++a)\r\n (s = t[a]) > e && s < n && d.push(s);\r\n for (d.push(n), a = 0, r = d.length; a < r; ++a)\r\n (l = d[a + 1]),\r\n (o = d[a - 1]),\r\n (s = d[a]),\r\n (void 0 !== o &&\r\n void 0 !== l &&\r\n Math.round((l + o) / 2) === s) ||\r\n u.push({ time: s, pos: a / (r - 1) });\r\n return u;\r\n })(i._timestamps.data, a, r, f)),\r\n (i._offsets = (function (t, e, n, i, a) {\r\n var r,\r\n o,\r\n s = 0,\r\n l = 0;\r\n return (\r\n a.offset &&\r\n e.length &&\r\n ((r = oi(t, \"time\", e[0], \"pos\")),\r\n (s =\r\n 1 === e.length\r\n ? 1 - r\r\n : (oi(t, \"time\", e[1], \"pos\") - r) / 2),\r\n (o = oi(t, \"time\", e[e.length - 1], \"pos\")),\r\n (l =\r\n 1 === e.length\r\n ? o\r\n : (o - oi(t, \"time\", e[e.length - 2], \"pos\")) / 2)),\r\n { start: s, end: l, factor: 1 / (s + 1 + l) }\r\n );\r\n })(i._table, d, 0, 0, o)),\r\n s.reverse && d.reverse(),\r\n di(i, d, i._majorUnit)\r\n );\r\n },\r\n getLabelForIndex: function (t, e) {\r\n var n = this,\r\n i = n._adapter,\r\n a = n.chart.data,\r\n r = n.options.time,\r\n o = a.labels && t < a.labels.length ? a.labels[t] : \"\",\r\n s = a.datasets[e].data[t];\r\n return (\r\n H.isObject(s) && (o = n.getRightValue(s)),\r\n r.tooltipFormat\r\n ? i.format(si(n, o), r.tooltipFormat)\r\n : \"string\" == typeof o\r\n ? o\r\n : i.format(si(n, o), r.displayFormats.datetime)\r\n );\r\n },\r\n tickFormatFunction: function (t, e, n, i) {\r\n var a = this._adapter,\r\n r = this.options,\r\n o = r.time.displayFormats,\r\n s = o[this._unit],\r\n l = this._majorUnit,\r\n u = o[l],\r\n d = n[e],\r\n h = r.ticks,\r\n c = l && u && d && d.major,\r\n f = a.format(t, i || (c ? u : s)),\r\n g = c ? h.major : h.minor,\r\n m = Kn([g.callback, g.userCallback, h.callback, h.userCallback]);\r\n return m ? m(f, e, n) : f;\r\n },\r\n convertTicksToLabels: function (t) {\r\n var e,\r\n n,\r\n i = [];\r\n for (e = 0, n = t.length; e < n; ++e)\r\n i.push(this.tickFormatFunction(t[e].value, e, t));\r\n return i;\r\n },\r\n getPixelForOffset: function (t) {\r\n var e = this._offsets,\r\n n = oi(this._table, \"time\", t, \"pos\");\r\n return this.getPixelForDecimal((e.start + n) * e.factor);\r\n },\r\n getPixelForValue: function (t, e, n) {\r\n var i = null;\r\n if (\r\n (void 0 !== e &&\r\n void 0 !== n &&\r\n (i = this._timestamps.datasets[n][e]),\r\n null === i && (i = li(this, t)),\r\n null !== i)\r\n )\r\n return this.getPixelForOffset(i);\r\n },\r\n getPixelForTick: function (t) {\r\n var e = this.getTicks();\r\n return t >= 0 && t < e.length\r\n ? this.getPixelForOffset(e[t].value)\r\n : null;\r\n },\r\n getValueForPixel: function (t) {\r\n var e = this._offsets,\r\n n = this.getDecimalForPixel(t) / e.factor - e.end,\r\n i = oi(this._table, \"pos\", n, \"time\");\r\n return this._adapter._create(i);\r\n },\r\n _getLabelSize: function (t) {\r\n var e = this.options.ticks,\r\n n = this.ctx.measureText(t).width,\r\n i = H.toRadians(this.isHorizontal() ? e.maxRotation : e.minRotation),\r\n a = Math.cos(i),\r\n r = Math.sin(i),\r\n o = Jn(e.fontSize, W.global.defaultFontSize);\r\n return { w: n * a + o * r, h: n * r + o * a };\r\n },\r\n getLabelWidth: function (t) {\r\n return this._getLabelSize(t).w;\r\n },\r\n getLabelCapacity: function (t) {\r\n var e = this,\r\n n = e.options.time,\r\n i = n.displayFormats,\r\n a = i[n.unit] || i.millisecond,\r\n r = e.tickFormatFunction(t, 0, di(e, [t], e._majorUnit), a),\r\n o = e._getLabelSize(r),\r\n s = Math.floor(e.isHorizontal() ? e.width / o.w : e.height / o.h);\r\n return e.options.offset && s--, s > 0 ? s : 1;\r\n },\r\n }),\r\n ci = {\r\n position: \"bottom\",\r\n distribution: \"linear\",\r\n bounds: \"data\",\r\n adapters: {},\r\n time: {\r\n parser: !1,\r\n unit: !1,\r\n round: !1,\r\n displayFormat: !1,\r\n isoWeekday: !1,\r\n minUnit: \"millisecond\",\r\n displayFormats: {},\r\n },\r\n ticks: { autoSkip: !1, source: \"auto\", major: { enabled: !1 } },\r\n };\r\n hi._defaults = ci;\r\n var fi = {\r\n category: wn,\r\n linear: On,\r\n logarithmic: Nn,\r\n radialLinear: Zn,\r\n time: hi,\r\n },\r\n gi = e(function (e, n) {\r\n e.exports = (function () {\r\n var n, i;\r\n function a() {\r\n return n.apply(null, arguments);\r\n }\r\n function r(t) {\r\n return (\r\n t instanceof Array ||\r\n \"[object Array]\" === Object.prototype.toString.call(t)\r\n );\r\n }\r\n function o(t) {\r\n return (\r\n null != t && \"[object Object]\" === Object.prototype.toString.call(t)\r\n );\r\n }\r\n function s(t) {\r\n return void 0 === t;\r\n }\r\n function l(t) {\r\n return (\r\n \"number\" == typeof t ||\r\n \"[object Number]\" === Object.prototype.toString.call(t)\r\n );\r\n }\r\n function u(t) {\r\n return (\r\n t instanceof Date ||\r\n \"[object Date]\" === Object.prototype.toString.call(t)\r\n );\r\n }\r\n function d(t, e) {\r\n var n,\r\n i = [];\r\n for (n = 0; n < t.length; ++n) i.push(e(t[n], n));\r\n return i;\r\n }\r\n function h(t, e) {\r\n return Object.prototype.hasOwnProperty.call(t, e);\r\n }\r\n function c(t, e) {\r\n for (var n in e) h(e, n) && (t[n] = e[n]);\r\n return (\r\n h(e, \"toString\") && (t.toString = e.toString),\r\n h(e, \"valueOf\") && (t.valueOf = e.valueOf),\r\n t\r\n );\r\n }\r\n function f(t, e, n, i) {\r\n return Ie(t, e, n, i, !0).utc();\r\n }\r\n function g(t) {\r\n return (\r\n null == t._pf &&\r\n (t._pf = {\r\n empty: !1,\r\n unusedTokens: [],\r\n unusedInput: [],\r\n overflow: -2,\r\n charsLeftOver: 0,\r\n nullInput: !1,\r\n invalidMonth: null,\r\n invalidFormat: !1,\r\n userInvalidated: !1,\r\n iso: !1,\r\n parsedDateParts: [],\r\n meridiem: null,\r\n rfc2822: !1,\r\n weekdayMismatch: !1,\r\n }),\r\n t._pf\r\n );\r\n }\r\n function m(t) {\r\n if (null == t._isValid) {\r\n var e = g(t),\r\n n = i.call(e.parsedDateParts, function (t) {\r\n return null != t;\r\n }),\r\n a =\r\n !isNaN(t._d.getTime()) &&\r\n e.overflow < 0 &&\r\n !e.empty &&\r\n !e.invalidMonth &&\r\n !e.invalidWeekday &&\r\n !e.weekdayMismatch &&\r\n !e.nullInput &&\r\n !e.invalidFormat &&\r\n !e.userInvalidated &&\r\n (!e.meridiem || (e.meridiem && n));\r\n if (\r\n (t._strict &&\r\n (a =\r\n a &&\r\n 0 === e.charsLeftOver &&\r\n 0 === e.unusedTokens.length &&\r\n void 0 === e.bigHour),\r\n null != Object.isFrozen && Object.isFrozen(t))\r\n )\r\n return a;\r\n t._isValid = a;\r\n }\r\n return t._isValid;\r\n }\r\n function p(t) {\r\n var e = f(NaN);\r\n return null != t ? c(g(e), t) : (g(e).userInvalidated = !0), e;\r\n }\r\n i = Array.prototype.some\r\n ? Array.prototype.some\r\n : function (t) {\r\n for (var e = Object(this), n = e.length >>> 0, i = 0; i < n; i++)\r\n if (i in e && t.call(this, e[i], i, e)) return !0;\r\n return !1;\r\n };\r\n var v = (a.momentProperties = []);\r\n function b(t, e) {\r\n var n, i, a;\r\n if (\r\n (s(e._isAMomentObject) || (t._isAMomentObject = e._isAMomentObject),\r\n s(e._i) || (t._i = e._i),\r\n s(e._f) || (t._f = e._f),\r\n s(e._l) || (t._l = e._l),\r\n s(e._strict) || (t._strict = e._strict),\r\n s(e._tzm) || (t._tzm = e._tzm),\r\n s(e._isUTC) || (t._isUTC = e._isUTC),\r\n s(e._offset) || (t._offset = e._offset),\r\n s(e._pf) || (t._pf = g(e)),\r\n s(e._locale) || (t._locale = e._locale),\r\n v.length > 0)\r\n )\r\n for (n = 0; n < v.length; n++) s((a = e[(i = v[n])])) || (t[i] = a);\r\n return t;\r\n }\r\n var y = !1;\r\n function x(t) {\r\n b(this, t),\r\n (this._d = new Date(null != t._d ? t._d.getTime() : NaN)),\r\n this.isValid() || (this._d = new Date(NaN)),\r\n !1 === y && ((y = !0), a.updateOffset(this), (y = !1));\r\n }\r\n function _(t) {\r\n return t instanceof x || (null != t && null != t._isAMomentObject);\r\n }\r\n function w(t) {\r\n return t < 0 ? Math.ceil(t) || 0 : Math.floor(t);\r\n }\r\n function k(t) {\r\n var e = +t,\r\n n = 0;\r\n return 0 !== e && isFinite(e) && (n = w(e)), n;\r\n }\r\n function M(t, e, n) {\r\n var i,\r\n a = Math.min(t.length, e.length),\r\n r = Math.abs(t.length - e.length),\r\n o = 0;\r\n for (i = 0; i < a; i++)\r\n ((n && t[i] !== e[i]) || (!n && k(t[i]) !== k(e[i]))) && o++;\r\n return o + r;\r\n }\r\n function S(t) {\r\n !1 === a.suppressDeprecationWarnings &&\r\n \"undefined\" != typeof console &&\r\n console.warn &&\r\n console.warn(\"Deprecation warning: \" + t);\r\n }\r\n function D(t, e) {\r\n var n = !0;\r\n return c(function () {\r\n if (\r\n (null != a.deprecationHandler && a.deprecationHandler(null, t), n)\r\n ) {\r\n for (var i, r = [], o = 0; o < arguments.length; o++) {\r\n if (((i = \"\"), \"object\" == typeof arguments[o])) {\r\n for (var s in ((i += \"\\n[\" + o + \"] \"), arguments[0]))\r\n i += s + \": \" + arguments[0][s] + \", \";\r\n i = i.slice(0, -2);\r\n } else i = arguments[o];\r\n r.push(i);\r\n }\r\n S(\r\n t +\r\n \"\\nArguments: \" +\r\n Array.prototype.slice.call(r).join(\"\") +\r\n \"\\n\" +\r\n new Error().stack\r\n ),\r\n (n = !1);\r\n }\r\n return e.apply(this, arguments);\r\n }, e);\r\n }\r\n var C,\r\n P = {};\r\n function T(t, e) {\r\n null != a.deprecationHandler && a.deprecationHandler(t, e),\r\n P[t] || (S(e), (P[t] = !0));\r\n }\r\n function O(t) {\r\n return (\r\n t instanceof Function ||\r\n \"[object Function]\" === Object.prototype.toString.call(t)\r\n );\r\n }\r\n function A(t, e) {\r\n var n,\r\n i = c({}, t);\r\n for (n in e)\r\n h(e, n) &&\r\n (o(t[n]) && o(e[n])\r\n ? ((i[n] = {}), c(i[n], t[n]), c(i[n], e[n]))\r\n : null != e[n]\r\n ? (i[n] = e[n])\r\n : delete i[n]);\r\n for (n in t) h(t, n) && !h(e, n) && o(t[n]) && (i[n] = c({}, i[n]));\r\n return i;\r\n }\r\n function F(t) {\r\n null != t && this.set(t);\r\n }\r\n (a.suppressDeprecationWarnings = !1),\r\n (a.deprecationHandler = null),\r\n (C = Object.keys\r\n ? Object.keys\r\n : function (t) {\r\n var e,\r\n n = [];\r\n for (e in t) h(t, e) && n.push(e);\r\n return n;\r\n });\r\n var I = {};\r\n function L(t, e) {\r\n var n = t.toLowerCase();\r\n I[n] = I[n + \"s\"] = I[e] = t;\r\n }\r\n function R(t) {\r\n return \"string\" == typeof t ? I[t] || I[t.toLowerCase()] : void 0;\r\n }\r\n function N(t) {\r\n var e,\r\n n,\r\n i = {};\r\n for (n in t) h(t, n) && (e = R(n)) && (i[e] = t[n]);\r\n return i;\r\n }\r\n var W = {};\r\n function Y(t, e) {\r\n W[t] = e;\r\n }\r\n function z(t, e, n) {\r\n var i = \"\" + Math.abs(t),\r\n a = e - i.length;\r\n return (\r\n (t >= 0 ? (n ? \"+\" : \"\") : \"-\") +\r\n Math.pow(10, Math.max(0, a)).toString().substr(1) +\r\n i\r\n );\r\n }\r\n var E =\r\n /(\\[[^\\[]*\\])|(\\\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,\r\n V = /(\\[[^\\[]*\\])|(\\\\)?(LTS|LT|LL?L?L?|l{1,4})/g,\r\n H = {},\r\n B = {};\r\n function j(t, e, n, i) {\r\n var a = i;\r\n \"string\" == typeof i &&\r\n (a = function () {\r\n return this[i]();\r\n }),\r\n t && (B[t] = a),\r\n e &&\r\n (B[e[0]] = function () {\r\n return z(a.apply(this, arguments), e[1], e[2]);\r\n }),\r\n n &&\r\n (B[n] = function () {\r\n return this.localeData().ordinal(a.apply(this, arguments), t);\r\n });\r\n }\r\n function U(t, e) {\r\n return t.isValid()\r\n ? ((e = G(e, t.localeData())),\r\n (H[e] =\r\n H[e] ||\r\n (function (t) {\r\n var e,\r\n n,\r\n i,\r\n a = t.match(E);\r\n for (e = 0, n = a.length; e < n; e++)\r\n B[a[e]]\r\n ? (a[e] = B[a[e]])\r\n : (a[e] = (i = a[e]).match(/\\[[\\s\\S]/)\r\n ? i.replace(/^\\[|\\]$/g, \"\")\r\n : i.replace(/\\\\/g, \"\"));\r\n return function (e) {\r\n var i,\r\n r = \"\";\r\n for (i = 0; i < n; i++)\r\n r += O(a[i]) ? a[i].call(e, t) : a[i];\r\n return r;\r\n };\r\n })(e)),\r\n H[e](t))\r\n : t.localeData().invalidDate();\r\n }\r\n function G(t, e) {\r\n var n = 5;\r\n function i(t) {\r\n return e.longDateFormat(t) || t;\r\n }\r\n for (V.lastIndex = 0; n >= 0 && V.test(t); )\r\n (t = t.replace(V, i)), (V.lastIndex = 0), (n -= 1);\r\n return t;\r\n }\r\n var q = /\\d/,\r\n Z = /\\d\\d/,\r\n $ = /\\d{3}/,\r\n X = /\\d{4}/,\r\n K = /[+-]?\\d{6}/,\r\n J = /\\d\\d?/,\r\n Q = /\\d\\d\\d\\d?/,\r\n tt = /\\d\\d\\d\\d\\d\\d?/,\r\n et = /\\d{1,3}/,\r\n nt = /\\d{1,4}/,\r\n it = /[+-]?\\d{1,6}/,\r\n at = /\\d+/,\r\n rt = /[+-]?\\d+/,\r\n ot = /Z|[+-]\\d\\d:?\\d\\d/gi,\r\n st = /Z|[+-]\\d\\d(?::?\\d\\d)?/gi,\r\n lt =\r\n /[0-9]{0,256}['a-z\\u00A0-\\u05FF\\u0700-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFF07\\uFF10-\\uFFEF]{1,256}|[\\u0600-\\u06FF\\/]{1,256}(\\s*?[\\u0600-\\u06FF]{1,256}){1,2}/i,\r\n ut = {};\r\n function dt(t, e, n) {\r\n ut[t] = O(e)\r\n ? e\r\n : function (t, i) {\r\n return t && n ? n : e;\r\n };\r\n }\r\n function ht(t, e) {\r\n return h(ut, t)\r\n ? ut[t](e._strict, e._locale)\r\n : new RegExp(\r\n ct(\r\n t\r\n .replace(\"\\\\\", \"\")\r\n .replace(\r\n /\\\\(\\[)|\\\\(\\])|\\[([^\\]\\[]*)\\]|\\\\(.)/g,\r\n function (t, e, n, i, a) {\r\n return e || n || i || a;\r\n }\r\n )\r\n )\r\n );\r\n }\r\n function ct(t) {\r\n return t.replace(/[-\\/\\\\^$*+?.()|[\\]{}]/g, \"\\\\$&\");\r\n }\r\n var ft = {};\r\n function gt(t, e) {\r\n var n,\r\n i = e;\r\n for (\r\n \"string\" == typeof t && (t = [t]),\r\n l(e) &&\r\n (i = function (t, n) {\r\n n[e] = k(t);\r\n }),\r\n n = 0;\r\n n < t.length;\r\n n++\r\n )\r\n ft[t[n]] = i;\r\n }\r\n function mt(t, e) {\r\n gt(t, function (t, n, i, a) {\r\n (i._w = i._w || {}), e(t, i._w, i, a);\r\n });\r\n }\r\n function pt(t, e, n) {\r\n null != e && h(ft, t) && ft[t](e, n._a, n, t);\r\n }\r\n var vt = 0,\r\n bt = 1,\r\n yt = 2,\r\n xt = 3,\r\n _t = 4,\r\n wt = 5,\r\n kt = 6,\r\n Mt = 7,\r\n St = 8;\r\n function Dt(t) {\r\n return Ct(t) ? 366 : 365;\r\n }\r\n function Ct(t) {\r\n return (t % 4 == 0 && t % 100 != 0) || t % 400 == 0;\r\n }\r\n j(\"Y\", 0, 0, function () {\r\n var t = this.year();\r\n return t <= 9999 ? \"\" + t : \"+\" + t;\r\n }),\r\n j(0, [\"YY\", 2], 0, function () {\r\n return this.year() % 100;\r\n }),\r\n j(0, [\"YYYY\", 4], 0, \"year\"),\r\n j(0, [\"YYYYY\", 5], 0, \"year\"),\r\n j(0, [\"YYYYYY\", 6, !0], 0, \"year\"),\r\n L(\"year\", \"y\"),\r\n Y(\"year\", 1),\r\n dt(\"Y\", rt),\r\n dt(\"YY\", J, Z),\r\n dt(\"YYYY\", nt, X),\r\n dt(\"YYYYY\", it, K),\r\n dt(\"YYYYYY\", it, K),\r\n gt([\"YYYYY\", \"YYYYYY\"], vt),\r\n gt(\"YYYY\", function (t, e) {\r\n e[vt] = 2 === t.length ? a.parseTwoDigitYear(t) : k(t);\r\n }),\r\n gt(\"YY\", function (t, e) {\r\n e[vt] = a.parseTwoDigitYear(t);\r\n }),\r\n gt(\"Y\", function (t, e) {\r\n e[vt] = parseInt(t, 10);\r\n }),\r\n (a.parseTwoDigitYear = function (t) {\r\n return k(t) + (k(t) > 68 ? 1900 : 2e3);\r\n });\r\n var Pt,\r\n Tt = Ot(\"FullYear\", !0);\r\n function Ot(t, e) {\r\n return function (n) {\r\n return null != n\r\n ? (Ft(this, t, n), a.updateOffset(this, e), this)\r\n : At(this, t);\r\n };\r\n }\r\n function At(t, e) {\r\n return t.isValid()\r\n ? t._d[\"get\" + (t._isUTC ? \"UTC\" : \"\") + e]()\r\n : NaN;\r\n }\r\n function Ft(t, e, n) {\r\n t.isValid() &&\r\n !isNaN(n) &&\r\n (\"FullYear\" === e &&\r\n Ct(t.year()) &&\r\n 1 === t.month() &&\r\n 29 === t.date()\r\n ? t._d[\"set\" + (t._isUTC ? \"UTC\" : \"\") + e](\r\n n,\r\n t.month(),\r\n It(n, t.month())\r\n )\r\n : t._d[\"set\" + (t._isUTC ? \"UTC\" : \"\") + e](n));\r\n }\r\n function It(t, e) {\r\n if (isNaN(t) || isNaN(e)) return NaN;\r\n var n = (function (t, e) {\r\n return ((t % e) + e) % e;\r\n })(e, 12);\r\n return (\r\n (t += (e - n) / 12),\r\n 1 === n ? (Ct(t) ? 29 : 28) : 31 - ((n % 7) % 2)\r\n );\r\n }\r\n (Pt = Array.prototype.indexOf\r\n ? Array.prototype.indexOf\r\n : function (t) {\r\n var e;\r\n for (e = 0; e < this.length; ++e) if (this[e] === t) return e;\r\n return -1;\r\n }),\r\n j(\"M\", [\"MM\", 2], \"Mo\", function () {\r\n return this.month() + 1;\r\n }),\r\n j(\"MMM\", 0, 0, function (t) {\r\n return this.localeData().monthsShort(this, t);\r\n }),\r\n j(\"MMMM\", 0, 0, function (t) {\r\n return this.localeData().months(this, t);\r\n }),\r\n L(\"month\", \"M\"),\r\n Y(\"month\", 8),\r\n dt(\"M\", J),\r\n dt(\"MM\", J, Z),\r\n dt(\"MMM\", function (t, e) {\r\n return e.monthsShortRegex(t);\r\n }),\r\n dt(\"MMMM\", function (t, e) {\r\n return e.monthsRegex(t);\r\n }),\r\n gt([\"M\", \"MM\"], function (t, e) {\r\n e[bt] = k(t) - 1;\r\n }),\r\n gt([\"MMM\", \"MMMM\"], function (t, e, n, i) {\r\n var a = n._locale.monthsParse(t, i, n._strict);\r\n null != a ? (e[bt] = a) : (g(n).invalidMonth = t);\r\n });\r\n var Lt = /D[oD]?(\\[[^\\[\\]]*\\]|\\s)+MMMM?/,\r\n Rt =\r\n \"January_February_March_April_May_June_July_August_September_October_November_December\".split(\r\n \"_\"\r\n ),\r\n Nt = \"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec\".split(\"_\");\r\n function Wt(t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o = t.toLocaleLowerCase();\r\n if (!this._monthsParse)\r\n for (\r\n this._monthsParse = [],\r\n this._longMonthsParse = [],\r\n this._shortMonthsParse = [],\r\n i = 0;\r\n i < 12;\r\n ++i\r\n )\r\n (r = f([2e3, i])),\r\n (this._shortMonthsParse[i] = this.monthsShort(\r\n r,\r\n \"\"\r\n ).toLocaleLowerCase()),\r\n (this._longMonthsParse[i] = this.months(\r\n r,\r\n \"\"\r\n ).toLocaleLowerCase());\r\n return n\r\n ? \"MMM\" === e\r\n ? -1 !== (a = Pt.call(this._shortMonthsParse, o))\r\n ? a\r\n : null\r\n : -1 !== (a = Pt.call(this._longMonthsParse, o))\r\n ? a\r\n : null\r\n : \"MMM\" === e\r\n ? -1 !== (a = Pt.call(this._shortMonthsParse, o))\r\n ? a\r\n : -1 !== (a = Pt.call(this._longMonthsParse, o))\r\n ? a\r\n : null\r\n : -1 !== (a = Pt.call(this._longMonthsParse, o))\r\n ? a\r\n : -1 !== (a = Pt.call(this._shortMonthsParse, o))\r\n ? a\r\n : null;\r\n }\r\n function Yt(t, e) {\r\n var n;\r\n if (!t.isValid()) return t;\r\n if (\"string\" == typeof e)\r\n if (/^\\d+$/.test(e)) e = k(e);\r\n else if (!l((e = t.localeData().monthsParse(e)))) return t;\r\n return (\r\n (n = Math.min(t.date(), It(t.year(), e))),\r\n t._d[\"set\" + (t._isUTC ? \"UTC\" : \"\") + \"Month\"](e, n),\r\n t\r\n );\r\n }\r\n function zt(t) {\r\n return null != t\r\n ? (Yt(this, t), a.updateOffset(this, !0), this)\r\n : At(this, \"Month\");\r\n }\r\n var Et = lt,\r\n Vt = lt;\r\n function Ht() {\r\n function t(t, e) {\r\n return e.length - t.length;\r\n }\r\n var e,\r\n n,\r\n i = [],\r\n a = [],\r\n r = [];\r\n for (e = 0; e < 12; e++)\r\n (n = f([2e3, e])),\r\n i.push(this.monthsShort(n, \"\")),\r\n a.push(this.months(n, \"\")),\r\n r.push(this.months(n, \"\")),\r\n r.push(this.monthsShort(n, \"\"));\r\n for (i.sort(t), a.sort(t), r.sort(t), e = 0; e < 12; e++)\r\n (i[e] = ct(i[e])), (a[e] = ct(a[e]));\r\n for (e = 0; e < 24; e++) r[e] = ct(r[e]);\r\n (this._monthsRegex = new RegExp(\"^(\" + r.join(\"|\") + \")\", \"i\")),\r\n (this._monthsShortRegex = this._monthsRegex),\r\n (this._monthsStrictRegex = new RegExp(\r\n \"^(\" + a.join(\"|\") + \")\",\r\n \"i\"\r\n )),\r\n (this._monthsShortStrictRegex = new RegExp(\r\n \"^(\" + i.join(\"|\") + \")\",\r\n \"i\"\r\n ));\r\n }\r\n function Bt(t, e, n, i, a, r, o) {\r\n var s;\r\n return (\r\n t < 100 && t >= 0\r\n ? ((s = new Date(t + 400, e, n, i, a, r, o)),\r\n isFinite(s.getFullYear()) && s.setFullYear(t))\r\n : (s = new Date(t, e, n, i, a, r, o)),\r\n s\r\n );\r\n }\r\n function jt(t) {\r\n var e;\r\n if (t < 100 && t >= 0) {\r\n var n = Array.prototype.slice.call(arguments);\r\n (n[0] = t + 400),\r\n (e = new Date(Date.UTC.apply(null, n))),\r\n isFinite(e.getUTCFullYear()) && e.setUTCFullYear(t);\r\n } else e = new Date(Date.UTC.apply(null, arguments));\r\n return e;\r\n }\r\n function Ut(t, e, n) {\r\n var i = 7 + e - n;\r\n return (-(7 + jt(t, 0, i).getUTCDay() - e) % 7) + i - 1;\r\n }\r\n function Gt(t, e, n, i, a) {\r\n var r,\r\n o,\r\n s = 1 + 7 * (e - 1) + ((7 + n - i) % 7) + Ut(t, i, a);\r\n return (\r\n s <= 0\r\n ? (o = Dt((r = t - 1)) + s)\r\n : s > Dt(t)\r\n ? ((r = t + 1), (o = s - Dt(t)))\r\n : ((r = t), (o = s)),\r\n { year: r, dayOfYear: o }\r\n );\r\n }\r\n function qt(t, e, n) {\r\n var i,\r\n a,\r\n r = Ut(t.year(), e, n),\r\n o = Math.floor((t.dayOfYear() - r - 1) / 7) + 1;\r\n return (\r\n o < 1\r\n ? (i = o + Zt((a = t.year() - 1), e, n))\r\n : o > Zt(t.year(), e, n)\r\n ? ((i = o - Zt(t.year(), e, n)), (a = t.year() + 1))\r\n : ((a = t.year()), (i = o)),\r\n { week: i, year: a }\r\n );\r\n }\r\n function Zt(t, e, n) {\r\n var i = Ut(t, e, n),\r\n a = Ut(t + 1, e, n);\r\n return (Dt(t) - i + a) / 7;\r\n }\r\n function $t(t, e) {\r\n return t.slice(e, 7).concat(t.slice(0, e));\r\n }\r\n j(\"w\", [\"ww\", 2], \"wo\", \"week\"),\r\n j(\"W\", [\"WW\", 2], \"Wo\", \"isoWeek\"),\r\n L(\"week\", \"w\"),\r\n L(\"isoWeek\", \"W\"),\r\n Y(\"week\", 5),\r\n Y(\"isoWeek\", 5),\r\n dt(\"w\", J),\r\n dt(\"ww\", J, Z),\r\n dt(\"W\", J),\r\n dt(\"WW\", J, Z),\r\n mt([\"w\", \"ww\", \"W\", \"WW\"], function (t, e, n, i) {\r\n e[i.substr(0, 1)] = k(t);\r\n }),\r\n j(\"d\", 0, \"do\", \"day\"),\r\n j(\"dd\", 0, 0, function (t) {\r\n return this.localeData().weekdaysMin(this, t);\r\n }),\r\n j(\"ddd\", 0, 0, function (t) {\r\n return this.localeData().weekdaysShort(this, t);\r\n }),\r\n j(\"dddd\", 0, 0, function (t) {\r\n return this.localeData().weekdays(this, t);\r\n }),\r\n j(\"e\", 0, 0, \"weekday\"),\r\n j(\"E\", 0, 0, \"isoWeekday\"),\r\n L(\"day\", \"d\"),\r\n L(\"weekday\", \"e\"),\r\n L(\"isoWeekday\", \"E\"),\r\n Y(\"day\", 11),\r\n Y(\"weekday\", 11),\r\n Y(\"isoWeekday\", 11),\r\n dt(\"d\", J),\r\n dt(\"e\", J),\r\n dt(\"E\", J),\r\n dt(\"dd\", function (t, e) {\r\n return e.weekdaysMinRegex(t);\r\n }),\r\n dt(\"ddd\", function (t, e) {\r\n return e.weekdaysShortRegex(t);\r\n }),\r\n dt(\"dddd\", function (t, e) {\r\n return e.weekdaysRegex(t);\r\n }),\r\n mt([\"dd\", \"ddd\", \"dddd\"], function (t, e, n, i) {\r\n var a = n._locale.weekdaysParse(t, i, n._strict);\r\n null != a ? (e.d = a) : (g(n).invalidWeekday = t);\r\n }),\r\n mt([\"d\", \"e\", \"E\"], function (t, e, n, i) {\r\n e[i] = k(t);\r\n });\r\n var Xt =\r\n \"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday\".split(\r\n \"_\"\r\n ),\r\n Kt = \"Sun_Mon_Tue_Wed_Thu_Fri_Sat\".split(\"_\"),\r\n Jt = \"Su_Mo_Tu_We_Th_Fr_Sa\".split(\"_\");\r\n function Qt(t, e, n) {\r\n var i,\r\n a,\r\n r,\r\n o = t.toLocaleLowerCase();\r\n if (!this._weekdaysParse)\r\n for (\r\n this._weekdaysParse = [],\r\n this._shortWeekdaysParse = [],\r\n this._minWeekdaysParse = [],\r\n i = 0;\r\n i < 7;\r\n ++i\r\n )\r\n (r = f([2e3, 1]).day(i)),\r\n (this._minWeekdaysParse[i] = this.weekdaysMin(\r\n r,\r\n \"\"\r\n ).toLocaleLowerCase()),\r\n (this._shortWeekdaysParse[i] = this.weekdaysShort(\r\n r,\r\n \"\"\r\n ).toLocaleLowerCase()),\r\n (this._weekdaysParse[i] = this.weekdays(\r\n r,\r\n \"\"\r\n ).toLocaleLowerCase());\r\n return n\r\n ? \"dddd\" === e\r\n ? -1 !== (a = Pt.call(this._weekdaysParse, o))\r\n ? a\r\n : null\r\n : \"ddd\" === e\r\n ? -1 !== (a = Pt.call(this._shortWeekdaysParse, o))\r\n ? a\r\n : null\r\n : -1 !== (a = Pt.call(this._minWeekdaysParse, o))\r\n ? a\r\n : null\r\n : \"dddd\" === e\r\n ? -1 !== (a = Pt.call(this._weekdaysParse, o))\r\n ? a\r\n : -1 !== (a = Pt.call(this._shortWeekdaysParse, o))\r\n ? a\r\n : -1 !== (a = Pt.call(this._minWeekdaysParse, o))\r\n ? a\r\n : null\r\n : \"ddd\" === e\r\n ? -1 !== (a = Pt.call(this._shortWeekdaysParse, o))\r\n ? a\r\n : -1 !== (a = Pt.call(this._weekdaysParse, o))\r\n ? a\r\n : -1 !== (a = Pt.call(this._minWeekdaysParse, o))\r\n ? a\r\n : null\r\n : -1 !== (a = Pt.call(this._minWeekdaysParse, o))\r\n ? a\r\n : -1 !== (a = Pt.call(this._weekdaysParse, o))\r\n ? a\r\n : -1 !== (a = Pt.call(this._shortWeekdaysParse, o))\r\n ? a\r\n : null;\r\n }\r\n var te = lt,\r\n ee = lt,\r\n ne = lt;\r\n function ie() {\r\n function t(t, e) {\r\n return e.length - t.length;\r\n }\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o = [],\r\n s = [],\r\n l = [],\r\n u = [];\r\n for (e = 0; e < 7; e++)\r\n (n = f([2e3, 1]).day(e)),\r\n (i = this.weekdaysMin(n, \"\")),\r\n (a = this.weekdaysShort(n, \"\")),\r\n (r = this.weekdays(n, \"\")),\r\n o.push(i),\r\n s.push(a),\r\n l.push(r),\r\n u.push(i),\r\n u.push(a),\r\n u.push(r);\r\n for (o.sort(t), s.sort(t), l.sort(t), u.sort(t), e = 0; e < 7; e++)\r\n (s[e] = ct(s[e])), (l[e] = ct(l[e])), (u[e] = ct(u[e]));\r\n (this._weekdaysRegex = new RegExp(\"^(\" + u.join(\"|\") + \")\", \"i\")),\r\n (this._weekdaysShortRegex = this._weekdaysRegex),\r\n (this._weekdaysMinRegex = this._weekdaysRegex),\r\n (this._weekdaysStrictRegex = new RegExp(\r\n \"^(\" + l.join(\"|\") + \")\",\r\n \"i\"\r\n )),\r\n (this._weekdaysShortStrictRegex = new RegExp(\r\n \"^(\" + s.join(\"|\") + \")\",\r\n \"i\"\r\n )),\r\n (this._weekdaysMinStrictRegex = new RegExp(\r\n \"^(\" + o.join(\"|\") + \")\",\r\n \"i\"\r\n ));\r\n }\r\n function ae() {\r\n return this.hours() % 12 || 12;\r\n }\r\n function re(t, e) {\r\n j(t, 0, 0, function () {\r\n return this.localeData().meridiem(this.hours(), this.minutes(), e);\r\n });\r\n }\r\n function oe(t, e) {\r\n return e._meridiemParse;\r\n }\r\n j(\"H\", [\"HH\", 2], 0, \"hour\"),\r\n j(\"h\", [\"hh\", 2], 0, ae),\r\n j(\"k\", [\"kk\", 2], 0, function () {\r\n return this.hours() || 24;\r\n }),\r\n j(\"hmm\", 0, 0, function () {\r\n return \"\" + ae.apply(this) + z(this.minutes(), 2);\r\n }),\r\n j(\"hmmss\", 0, 0, function () {\r\n return (\r\n \"\" + ae.apply(this) + z(this.minutes(), 2) + z(this.seconds(), 2)\r\n );\r\n }),\r\n j(\"Hmm\", 0, 0, function () {\r\n return \"\" + this.hours() + z(this.minutes(), 2);\r\n }),\r\n j(\"Hmmss\", 0, 0, function () {\r\n return (\r\n \"\" + this.hours() + z(this.minutes(), 2) + z(this.seconds(), 2)\r\n );\r\n }),\r\n re(\"a\", !0),\r\n re(\"A\", !1),\r\n L(\"hour\", \"h\"),\r\n Y(\"hour\", 13),\r\n dt(\"a\", oe),\r\n dt(\"A\", oe),\r\n dt(\"H\", J),\r\n dt(\"h\", J),\r\n dt(\"k\", J),\r\n dt(\"HH\", J, Z),\r\n dt(\"hh\", J, Z),\r\n dt(\"kk\", J, Z),\r\n dt(\"hmm\", Q),\r\n dt(\"hmmss\", tt),\r\n dt(\"Hmm\", Q),\r\n dt(\"Hmmss\", tt),\r\n gt([\"H\", \"HH\"], xt),\r\n gt([\"k\", \"kk\"], function (t, e, n) {\r\n var i = k(t);\r\n e[xt] = 24 === i ? 0 : i;\r\n }),\r\n gt([\"a\", \"A\"], function (t, e, n) {\r\n (n._isPm = n._locale.isPM(t)), (n._meridiem = t);\r\n }),\r\n gt([\"h\", \"hh\"], function (t, e, n) {\r\n (e[xt] = k(t)), (g(n).bigHour = !0);\r\n }),\r\n gt(\"hmm\", function (t, e, n) {\r\n var i = t.length - 2;\r\n (e[xt] = k(t.substr(0, i))),\r\n (e[_t] = k(t.substr(i))),\r\n (g(n).bigHour = !0);\r\n }),\r\n gt(\"hmmss\", function (t, e, n) {\r\n var i = t.length - 4,\r\n a = t.length - 2;\r\n (e[xt] = k(t.substr(0, i))),\r\n (e[_t] = k(t.substr(i, 2))),\r\n (e[wt] = k(t.substr(a))),\r\n (g(n).bigHour = !0);\r\n }),\r\n gt(\"Hmm\", function (t, e, n) {\r\n var i = t.length - 2;\r\n (e[xt] = k(t.substr(0, i))), (e[_t] = k(t.substr(i)));\r\n }),\r\n gt(\"Hmmss\", function (t, e, n) {\r\n var i = t.length - 4,\r\n a = t.length - 2;\r\n (e[xt] = k(t.substr(0, i))),\r\n (e[_t] = k(t.substr(i, 2))),\r\n (e[wt] = k(t.substr(a)));\r\n });\r\n var se,\r\n le = Ot(\"Hours\", !0),\r\n ue = {\r\n calendar: {\r\n sameDay: \"[Today at] LT\",\r\n nextDay: \"[Tomorrow at] LT\",\r\n nextWeek: \"dddd [at] LT\",\r\n lastDay: \"[Yesterday at] LT\",\r\n lastWeek: \"[Last] dddd [at] LT\",\r\n sameElse: \"L\",\r\n },\r\n longDateFormat: {\r\n LTS: \"h:mm:ss A\",\r\n LT: \"h:mm A\",\r\n L: \"MM/DD/YYYY\",\r\n LL: \"MMMM D, YYYY\",\r\n LLL: \"MMMM D, YYYY h:mm A\",\r\n LLLL: \"dddd, MMMM D, YYYY h:mm A\",\r\n },\r\n invalidDate: \"Invalid date\",\r\n ordinal: \"%d\",\r\n dayOfMonthOrdinalParse: /\\d{1,2}/,\r\n relativeTime: {\r\n future: \"in %s\",\r\n past: \"%s ago\",\r\n s: \"a few seconds\",\r\n ss: \"%d seconds\",\r\n m: \"a minute\",\r\n mm: \"%d minutes\",\r\n h: \"an hour\",\r\n hh: \"%d hours\",\r\n d: \"a day\",\r\n dd: \"%d days\",\r\n M: \"a month\",\r\n MM: \"%d months\",\r\n y: \"a year\",\r\n yy: \"%d years\",\r\n },\r\n months: Rt,\r\n monthsShort: Nt,\r\n week: { dow: 0, doy: 6 },\r\n weekdays: Xt,\r\n weekdaysMin: Jt,\r\n weekdaysShort: Kt,\r\n meridiemParse: /[ap]\\.?m?\\.?/i,\r\n },\r\n de = {},\r\n he = {};\r\n function ce(t) {\r\n return t ? t.toLowerCase().replace(\"_\", \"-\") : t;\r\n }\r\n function fe(n) {\r\n var i = null;\r\n if (!de[n] && e && e.exports)\r\n try {\r\n (i = se._abbr), t(), ge(i);\r\n } catch (t) {}\r\n return de[n];\r\n }\r\n function ge(t, e) {\r\n var n;\r\n return (\r\n t &&\r\n ((n = s(e) ? pe(t) : me(t, e))\r\n ? (se = n)\r\n : \"undefined\" != typeof console &&\r\n console.warn &&\r\n console.warn(\r\n \"Locale \" + t + \" not found. Did you forget to load it?\"\r\n )),\r\n se._abbr\r\n );\r\n }\r\n function me(t, e) {\r\n if (null !== e) {\r\n var n,\r\n i = ue;\r\n if (((e.abbr = t), null != de[t]))\r\n T(\r\n \"defineLocaleOverride\",\r\n \"use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info.\"\r\n ),\r\n (i = de[t]._config);\r\n else if (null != e.parentLocale)\r\n if (null != de[e.parentLocale]) i = de[e.parentLocale]._config;\r\n else {\r\n if (null == (n = fe(e.parentLocale)))\r\n return (\r\n he[e.parentLocale] || (he[e.parentLocale] = []),\r\n he[e.parentLocale].push({ name: t, config: e }),\r\n null\r\n );\r\n i = n._config;\r\n }\r\n return (\r\n (de[t] = new F(A(i, e))),\r\n he[t] &&\r\n he[t].forEach(function (t) {\r\n me(t.name, t.config);\r\n }),\r\n ge(t),\r\n de[t]\r\n );\r\n }\r\n return delete de[t], null;\r\n }\r\n function pe(t) {\r\n var e;\r\n if ((t && t._locale && t._locale._abbr && (t = t._locale._abbr), !t))\r\n return se;\r\n if (!r(t)) {\r\n if ((e = fe(t))) return e;\r\n t = [t];\r\n }\r\n return (function (t) {\r\n for (var e, n, i, a, r = 0; r < t.length; ) {\r\n for (\r\n e = (a = ce(t[r]).split(\"-\")).length,\r\n n = (n = ce(t[r + 1])) ? n.split(\"-\") : null;\r\n e > 0;\r\n\r\n ) {\r\n if ((i = fe(a.slice(0, e).join(\"-\")))) return i;\r\n if (n && n.length >= e && M(a, n, !0) >= e - 1) break;\r\n e--;\r\n }\r\n r++;\r\n }\r\n return se;\r\n })(t);\r\n }\r\n function ve(t) {\r\n var e,\r\n n = t._a;\r\n return (\r\n n &&\r\n -2 === g(t).overflow &&\r\n ((e =\r\n n[bt] < 0 || n[bt] > 11\r\n ? bt\r\n : n[yt] < 1 || n[yt] > It(n[vt], n[bt])\r\n ? yt\r\n : n[xt] < 0 ||\r\n n[xt] > 24 ||\r\n (24 === n[xt] &&\r\n (0 !== n[_t] || 0 !== n[wt] || 0 !== n[kt]))\r\n ? xt\r\n : n[_t] < 0 || n[_t] > 59\r\n ? _t\r\n : n[wt] < 0 || n[wt] > 59\r\n ? wt\r\n : n[kt] < 0 || n[kt] > 999\r\n ? kt\r\n : -1),\r\n g(t)._overflowDayOfYear && (e < vt || e > yt) && (e = yt),\r\n g(t)._overflowWeeks && -1 === e && (e = Mt),\r\n g(t)._overflowWeekday && -1 === e && (e = St),\r\n (g(t).overflow = e)),\r\n t\r\n );\r\n }\r\n function be(t, e, n) {\r\n return null != t ? t : null != e ? e : n;\r\n }\r\n function ye(t) {\r\n var e,\r\n n,\r\n i,\r\n r,\r\n o,\r\n s = [];\r\n if (!t._d) {\r\n for (\r\n i = (function (t) {\r\n var e = new Date(a.now());\r\n return t._useUTC\r\n ? [e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()]\r\n : [e.getFullYear(), e.getMonth(), e.getDate()];\r\n })(t),\r\n t._w &&\r\n null == t._a[yt] &&\r\n null == t._a[bt] &&\r\n (function (t) {\r\n var e, n, i, a, r, o, s, l;\r\n if (null != (e = t._w).GG || null != e.W || null != e.E)\r\n (r = 1),\r\n (o = 4),\r\n (n = be(e.GG, t._a[vt], qt(Le(), 1, 4).year)),\r\n (i = be(e.W, 1)),\r\n ((a = be(e.E, 1)) < 1 || a > 7) && (l = !0);\r\n else {\r\n (r = t._locale._week.dow), (o = t._locale._week.doy);\r\n var u = qt(Le(), r, o);\r\n (n = be(e.gg, t._a[vt], u.year)),\r\n (i = be(e.w, u.week)),\r\n null != e.d\r\n ? ((a = e.d) < 0 || a > 6) && (l = !0)\r\n : null != e.e\r\n ? ((a = e.e + r), (e.e < 0 || e.e > 6) && (l = !0))\r\n : (a = r);\r\n }\r\n i < 1 || i > Zt(n, r, o)\r\n ? (g(t)._overflowWeeks = !0)\r\n : null != l\r\n ? (g(t)._overflowWeekday = !0)\r\n : ((s = Gt(n, i, a, r, o)),\r\n (t._a[vt] = s.year),\r\n (t._dayOfYear = s.dayOfYear));\r\n })(t),\r\n null != t._dayOfYear &&\r\n ((o = be(t._a[vt], i[vt])),\r\n (t._dayOfYear > Dt(o) || 0 === t._dayOfYear) &&\r\n (g(t)._overflowDayOfYear = !0),\r\n (n = jt(o, 0, t._dayOfYear)),\r\n (t._a[bt] = n.getUTCMonth()),\r\n (t._a[yt] = n.getUTCDate())),\r\n e = 0;\r\n e < 3 && null == t._a[e];\r\n ++e\r\n )\r\n t._a[e] = s[e] = i[e];\r\n for (; e < 7; e++)\r\n t._a[e] = s[e] = null == t._a[e] ? (2 === e ? 1 : 0) : t._a[e];\r\n 24 === t._a[xt] &&\r\n 0 === t._a[_t] &&\r\n 0 === t._a[wt] &&\r\n 0 === t._a[kt] &&\r\n ((t._nextDay = !0), (t._a[xt] = 0)),\r\n (t._d = (t._useUTC ? jt : Bt).apply(null, s)),\r\n (r = t._useUTC ? t._d.getUTCDay() : t._d.getDay()),\r\n null != t._tzm &&\r\n t._d.setUTCMinutes(t._d.getUTCMinutes() - t._tzm),\r\n t._nextDay && (t._a[xt] = 24),\r\n t._w &&\r\n void 0 !== t._w.d &&\r\n t._w.d !== r &&\r\n (g(t).weekdayMismatch = !0);\r\n }\r\n }\r\n var xe =\r\n /^\\s*((?:[+-]\\d{6}|\\d{4})-(?:\\d\\d-\\d\\d|W\\d\\d-\\d|W\\d\\d|\\d\\d\\d|\\d\\d))(?:(T| )(\\d\\d(?::\\d\\d(?::\\d\\d(?:[.,]\\d+)?)?)?)([\\+\\-]\\d\\d(?::?\\d\\d)?|\\s*Z)?)?$/,\r\n _e =\r\n /^\\s*((?:[+-]\\d{6}|\\d{4})(?:\\d\\d\\d\\d|W\\d\\d\\d|W\\d\\d|\\d\\d\\d|\\d\\d))(?:(T| )(\\d\\d(?:\\d\\d(?:\\d\\d(?:[.,]\\d+)?)?)?)([\\+\\-]\\d\\d(?::?\\d\\d)?|\\s*Z)?)?$/,\r\n we = /Z|[+-]\\d\\d(?::?\\d\\d)?/,\r\n ke = [\r\n [\"YYYYYY-MM-DD\", /[+-]\\d{6}-\\d\\d-\\d\\d/],\r\n [\"YYYY-MM-DD\", /\\d{4}-\\d\\d-\\d\\d/],\r\n [\"GGGG-[W]WW-E\", /\\d{4}-W\\d\\d-\\d/],\r\n [\"GGGG-[W]WW\", /\\d{4}-W\\d\\d/, !1],\r\n [\"YYYY-DDD\", /\\d{4}-\\d{3}/],\r\n [\"YYYY-MM\", /\\d{4}-\\d\\d/, !1],\r\n [\"YYYYYYMMDD\", /[+-]\\d{10}/],\r\n [\"YYYYMMDD\", /\\d{8}/],\r\n [\"GGGG[W]WWE\", /\\d{4}W\\d{3}/],\r\n [\"GGGG[W]WW\", /\\d{4}W\\d{2}/, !1],\r\n [\"YYYYDDD\", /\\d{7}/],\r\n ],\r\n Me = [\r\n [\"HH:mm:ss.SSSS\", /\\d\\d:\\d\\d:\\d\\d\\.\\d+/],\r\n [\"HH:mm:ss,SSSS\", /\\d\\d:\\d\\d:\\d\\d,\\d+/],\r\n [\"HH:mm:ss\", /\\d\\d:\\d\\d:\\d\\d/],\r\n [\"HH:mm\", /\\d\\d:\\d\\d/],\r\n [\"HHmmss.SSSS\", /\\d\\d\\d\\d\\d\\d\\.\\d+/],\r\n [\"HHmmss,SSSS\", /\\d\\d\\d\\d\\d\\d,\\d+/],\r\n [\"HHmmss\", /\\d\\d\\d\\d\\d\\d/],\r\n [\"HHmm\", /\\d\\d\\d\\d/],\r\n [\"HH\", /\\d\\d/],\r\n ],\r\n Se = /^\\/?Date\\((\\-?\\d+)/i;\r\n function De(t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s = t._i,\r\n l = xe.exec(s) || _e.exec(s);\r\n if (l) {\r\n for (g(t).iso = !0, e = 0, n = ke.length; e < n; e++)\r\n if (ke[e][1].exec(l[1])) {\r\n (a = ke[e][0]), (i = !1 !== ke[e][2]);\r\n break;\r\n }\r\n if (null == a) return void (t._isValid = !1);\r\n if (l[3]) {\r\n for (e = 0, n = Me.length; e < n; e++)\r\n if (Me[e][1].exec(l[3])) {\r\n r = (l[2] || \" \") + Me[e][0];\r\n break;\r\n }\r\n if (null == r) return void (t._isValid = !1);\r\n }\r\n if (!i && null != r) return void (t._isValid = !1);\r\n if (l[4]) {\r\n if (!we.exec(l[4])) return void (t._isValid = !1);\r\n o = \"Z\";\r\n }\r\n (t._f = a + (r || \"\") + (o || \"\")), Ae(t);\r\n } else t._isValid = !1;\r\n }\r\n var Ce =\r\n /^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\\s)?(\\d{1,2})\\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\\s(\\d{2,4})\\s(\\d\\d):(\\d\\d)(?::(\\d\\d))?\\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\\d{4}))$/;\r\n function Pe(t) {\r\n var e = parseInt(t, 10);\r\n return e <= 49 ? 2e3 + e : e <= 999 ? 1900 + e : e;\r\n }\r\n var Te = {\r\n UT: 0,\r\n GMT: 0,\r\n EDT: -240,\r\n EST: -300,\r\n CDT: -300,\r\n CST: -360,\r\n MDT: -360,\r\n MST: -420,\r\n PDT: -420,\r\n PST: -480,\r\n };\r\n function Oe(t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l = Ce.exec(\r\n t._i\r\n .replace(/\\([^)]*\\)|[\\n\\t]/g, \" \")\r\n .replace(/(\\s\\s+)/g, \" \")\r\n .replace(/^\\s\\s*/, \"\")\r\n .replace(/\\s\\s*$/, \"\")\r\n );\r\n if (l) {\r\n var u =\r\n ((e = l[4]),\r\n (n = l[3]),\r\n (i = l[2]),\r\n (a = l[5]),\r\n (r = l[6]),\r\n (o = l[7]),\r\n (s = [\r\n Pe(e),\r\n Nt.indexOf(n),\r\n parseInt(i, 10),\r\n parseInt(a, 10),\r\n parseInt(r, 10),\r\n ]),\r\n o && s.push(parseInt(o, 10)),\r\n s);\r\n if (\r\n !(function (t, e, n) {\r\n return (\r\n !t ||\r\n Kt.indexOf(t) === new Date(e[0], e[1], e[2]).getDay() ||\r\n ((g(n).weekdayMismatch = !0), (n._isValid = !1), !1)\r\n );\r\n })(l[1], u, t)\r\n )\r\n return;\r\n (t._a = u),\r\n (t._tzm = (function (t, e, n) {\r\n if (t) return Te[t];\r\n if (e) return 0;\r\n var i = parseInt(n, 10),\r\n a = i % 100;\r\n return ((i - a) / 100) * 60 + a;\r\n })(l[8], l[9], l[10])),\r\n (t._d = jt.apply(null, t._a)),\r\n t._d.setUTCMinutes(t._d.getUTCMinutes() - t._tzm),\r\n (g(t).rfc2822 = !0);\r\n } else t._isValid = !1;\r\n }\r\n function Ae(t) {\r\n if (t._f !== a.ISO_8601)\r\n if (t._f !== a.RFC_2822) {\r\n (t._a = []), (g(t).empty = !0);\r\n var e,\r\n n,\r\n i,\r\n r,\r\n o,\r\n s = \"\" + t._i,\r\n l = s.length,\r\n u = 0;\r\n for (\r\n i = G(t._f, t._locale).match(E) || [], e = 0;\r\n e < i.length;\r\n e++\r\n )\r\n (r = i[e]),\r\n (n = (s.match(ht(r, t)) || [])[0]) &&\r\n ((o = s.substr(0, s.indexOf(n))).length > 0 &&\r\n g(t).unusedInput.push(o),\r\n (s = s.slice(s.indexOf(n) + n.length)),\r\n (u += n.length)),\r\n B[r]\r\n ? (n ? (g(t).empty = !1) : g(t).unusedTokens.push(r),\r\n pt(r, n, t))\r\n : t._strict && !n && g(t).unusedTokens.push(r);\r\n (g(t).charsLeftOver = l - u),\r\n s.length > 0 && g(t).unusedInput.push(s),\r\n t._a[xt] <= 12 &&\r\n !0 === g(t).bigHour &&\r\n t._a[xt] > 0 &&\r\n (g(t).bigHour = void 0),\r\n (g(t).parsedDateParts = t._a.slice(0)),\r\n (g(t).meridiem = t._meridiem),\r\n (t._a[xt] = (function (t, e, n) {\r\n var i;\r\n return null == n\r\n ? e\r\n : null != t.meridiemHour\r\n ? t.meridiemHour(e, n)\r\n : null != t.isPM\r\n ? ((i = t.isPM(n)) && e < 12 && (e += 12),\r\n i || 12 !== e || (e = 0),\r\n e)\r\n : e;\r\n })(t._locale, t._a[xt], t._meridiem)),\r\n ye(t),\r\n ve(t);\r\n } else Oe(t);\r\n else De(t);\r\n }\r\n function Fe(t) {\r\n var e = t._i,\r\n n = t._f;\r\n return (\r\n (t._locale = t._locale || pe(t._l)),\r\n null === e || (void 0 === n && \"\" === e)\r\n ? p({ nullInput: !0 })\r\n : (\"string\" == typeof e && (t._i = e = t._locale.preparse(e)),\r\n _(e)\r\n ? new x(ve(e))\r\n : (u(e)\r\n ? (t._d = e)\r\n : r(n)\r\n ? (function (t) {\r\n var e, n, i, a, r;\r\n if (0 === t._f.length)\r\n return (\r\n (g(t).invalidFormat = !0),\r\n void (t._d = new Date(NaN))\r\n );\r\n for (a = 0; a < t._f.length; a++)\r\n (r = 0),\r\n (e = b({}, t)),\r\n null != t._useUTC && (e._useUTC = t._useUTC),\r\n (e._f = t._f[a]),\r\n Ae(e),\r\n m(e) &&\r\n ((r += g(e).charsLeftOver),\r\n (r += 10 * g(e).unusedTokens.length),\r\n (g(e).score = r),\r\n (null == i || r < i) && ((i = r), (n = e)));\r\n c(t, n || e);\r\n })(t)\r\n : n\r\n ? Ae(t)\r\n : (function (t) {\r\n var e = t._i;\r\n s(e)\r\n ? (t._d = new Date(a.now()))\r\n : u(e)\r\n ? (t._d = new Date(e.valueOf()))\r\n : \"string\" == typeof e\r\n ? (function (t) {\r\n var e = Se.exec(t._i);\r\n null === e\r\n ? (De(t),\r\n !1 === t._isValid &&\r\n (delete t._isValid,\r\n Oe(t),\r\n !1 === t._isValid &&\r\n (delete t._isValid,\r\n a.createFromInputFallback(t))))\r\n : (t._d = new Date(+e[1]));\r\n })(t)\r\n : r(e)\r\n ? ((t._a = d(e.slice(0), function (t) {\r\n return parseInt(t, 10);\r\n })),\r\n ye(t))\r\n : o(e)\r\n ? (function (t) {\r\n if (!t._d) {\r\n var e = N(t._i);\r\n (t._a = d(\r\n [\r\n e.year,\r\n e.month,\r\n e.day || e.date,\r\n e.hour,\r\n e.minute,\r\n e.second,\r\n e.millisecond,\r\n ],\r\n function (t) {\r\n return t && parseInt(t, 10);\r\n }\r\n )),\r\n ye(t);\r\n }\r\n })(t)\r\n : l(e)\r\n ? (t._d = new Date(e))\r\n : a.createFromInputFallback(t);\r\n })(t),\r\n m(t) || (t._d = null),\r\n t))\r\n );\r\n }\r\n function Ie(t, e, n, i, a) {\r\n var s,\r\n l = {};\r\n return (\r\n (!0 !== n && !1 !== n) || ((i = n), (n = void 0)),\r\n ((o(t) &&\r\n (function (t) {\r\n if (Object.getOwnPropertyNames)\r\n return 0 === Object.getOwnPropertyNames(t).length;\r\n var e;\r\n for (e in t) if (t.hasOwnProperty(e)) return !1;\r\n return !0;\r\n })(t)) ||\r\n (r(t) && 0 === t.length)) &&\r\n (t = void 0),\r\n (l._isAMomentObject = !0),\r\n (l._useUTC = l._isUTC = a),\r\n (l._l = n),\r\n (l._i = t),\r\n (l._f = e),\r\n (l._strict = i),\r\n (s = new x(ve(Fe(l))))._nextDay &&\r\n (s.add(1, \"d\"), (s._nextDay = void 0)),\r\n s\r\n );\r\n }\r\n function Le(t, e, n, i) {\r\n return Ie(t, e, n, i, !1);\r\n }\r\n (a.createFromInputFallback = D(\r\n \"value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.\",\r\n function (t) {\r\n t._d = new Date(t._i + (t._useUTC ? \" UTC\" : \"\"));\r\n }\r\n )),\r\n (a.ISO_8601 = function () {}),\r\n (a.RFC_2822 = function () {});\r\n var Re = D(\r\n \"moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/\",\r\n function () {\r\n var t = Le.apply(null, arguments);\r\n return this.isValid() && t.isValid()\r\n ? t < this\r\n ? this\r\n : t\r\n : p();\r\n }\r\n ),\r\n Ne = D(\r\n \"moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/\",\r\n function () {\r\n var t = Le.apply(null, arguments);\r\n return this.isValid() && t.isValid()\r\n ? t > this\r\n ? this\r\n : t\r\n : p();\r\n }\r\n );\r\n function We(t, e) {\r\n var n, i;\r\n if ((1 === e.length && r(e[0]) && (e = e[0]), !e.length)) return Le();\r\n for (n = e[0], i = 1; i < e.length; ++i)\r\n (e[i].isValid() && !e[i][t](n)) || (n = e[i]);\r\n return n;\r\n }\r\n var Ye = [\r\n \"year\",\r\n \"quarter\",\r\n \"month\",\r\n \"week\",\r\n \"day\",\r\n \"hour\",\r\n \"minute\",\r\n \"second\",\r\n \"millisecond\",\r\n ];\r\n function ze(t) {\r\n var e = N(t),\r\n n = e.year || 0,\r\n i = e.quarter || 0,\r\n a = e.month || 0,\r\n r = e.week || e.isoWeek || 0,\r\n o = e.day || 0,\r\n s = e.hour || 0,\r\n l = e.minute || 0,\r\n u = e.second || 0,\r\n d = e.millisecond || 0;\r\n (this._isValid = (function (t) {\r\n for (var e in t)\r\n if (-1 === Pt.call(Ye, e) || (null != t[e] && isNaN(t[e])))\r\n return !1;\r\n for (var n = !1, i = 0; i < Ye.length; ++i)\r\n if (t[Ye[i]]) {\r\n if (n) return !1;\r\n parseFloat(t[Ye[i]]) !== k(t[Ye[i]]) && (n = !0);\r\n }\r\n return !0;\r\n })(e)),\r\n (this._milliseconds = +d + 1e3 * u + 6e4 * l + 1e3 * s * 60 * 60),\r\n (this._days = +o + 7 * r),\r\n (this._months = +a + 3 * i + 12 * n),\r\n (this._data = {}),\r\n (this._locale = pe()),\r\n this._bubble();\r\n }\r\n function Ee(t) {\r\n return t instanceof ze;\r\n }\r\n function Ve(t) {\r\n return t < 0 ? -1 * Math.round(-1 * t) : Math.round(t);\r\n }\r\n function He(t, e) {\r\n j(t, 0, 0, function () {\r\n var t = this.utcOffset(),\r\n n = \"+\";\r\n return (\r\n t < 0 && ((t = -t), (n = \"-\")),\r\n n + z(~~(t / 60), 2) + e + z(~~t % 60, 2)\r\n );\r\n });\r\n }\r\n He(\"Z\", \":\"),\r\n He(\"ZZ\", \"\"),\r\n dt(\"Z\", st),\r\n dt(\"ZZ\", st),\r\n gt([\"Z\", \"ZZ\"], function (t, e, n) {\r\n (n._useUTC = !0), (n._tzm = je(st, t));\r\n });\r\n var Be = /([\\+\\-]|\\d\\d)/gi;\r\n function je(t, e) {\r\n var n = (e || \"\").match(t);\r\n if (null === n) return null;\r\n var i = ((n[n.length - 1] || []) + \"\").match(Be) || [\"-\", 0, 0],\r\n a = 60 * i[1] + k(i[2]);\r\n return 0 === a ? 0 : \"+\" === i[0] ? a : -a;\r\n }\r\n function Ue(t, e) {\r\n var n, i;\r\n return e._isUTC\r\n ? ((n = e.clone()),\r\n (i =\r\n (_(t) || u(t) ? t.valueOf() : Le(t).valueOf()) - n.valueOf()),\r\n n._d.setTime(n._d.valueOf() + i),\r\n a.updateOffset(n, !1),\r\n n)\r\n : Le(t).local();\r\n }\r\n function Ge(t) {\r\n return 15 * -Math.round(t._d.getTimezoneOffset() / 15);\r\n }\r\n function qe() {\r\n return !!this.isValid() && this._isUTC && 0 === this._offset;\r\n }\r\n a.updateOffset = function () {};\r\n var Ze = /^(\\-|\\+)?(?:(\\d*)[. ])?(\\d+)\\:(\\d+)(?:\\:(\\d+)(\\.\\d*)?)?$/,\r\n $e =\r\n /^(-|\\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;\r\n function Xe(t, e) {\r\n var n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n u = t,\r\n d = null;\r\n return (\r\n Ee(t)\r\n ? (u = { ms: t._milliseconds, d: t._days, M: t._months })\r\n : l(t)\r\n ? ((u = {}), e ? (u[e] = t) : (u.milliseconds = t))\r\n : (d = Ze.exec(t))\r\n ? ((n = \"-\" === d[1] ? -1 : 1),\r\n (u = {\r\n y: 0,\r\n d: k(d[yt]) * n,\r\n h: k(d[xt]) * n,\r\n m: k(d[_t]) * n,\r\n s: k(d[wt]) * n,\r\n ms: k(Ve(1e3 * d[kt])) * n,\r\n }))\r\n : (d = $e.exec(t))\r\n ? ((n = \"-\" === d[1] ? -1 : 1),\r\n (u = {\r\n y: Ke(d[2], n),\r\n M: Ke(d[3], n),\r\n w: Ke(d[4], n),\r\n d: Ke(d[5], n),\r\n h: Ke(d[6], n),\r\n m: Ke(d[7], n),\r\n s: Ke(d[8], n),\r\n }))\r\n : null == u\r\n ? (u = {})\r\n : \"object\" == typeof u &&\r\n (\"from\" in u || \"to\" in u) &&\r\n ((r = Le(u.from)),\r\n (o = Le(u.to)),\r\n (a =\r\n r.isValid() && o.isValid()\r\n ? ((o = Ue(o, r)),\r\n r.isBefore(o)\r\n ? (s = Je(r, o))\r\n : (((s = Je(o, r)).milliseconds = -s.milliseconds),\r\n (s.months = -s.months)),\r\n s)\r\n : { milliseconds: 0, months: 0 }),\r\n ((u = {}).ms = a.milliseconds),\r\n (u.M = a.months)),\r\n (i = new ze(u)),\r\n Ee(t) && h(t, \"_locale\") && (i._locale = t._locale),\r\n i\r\n );\r\n }\r\n function Ke(t, e) {\r\n var n = t && parseFloat(t.replace(\",\", \".\"));\r\n return (isNaN(n) ? 0 : n) * e;\r\n }\r\n function Je(t, e) {\r\n var n = {};\r\n return (\r\n (n.months = e.month() - t.month() + 12 * (e.year() - t.year())),\r\n t.clone().add(n.months, \"M\").isAfter(e) && --n.months,\r\n (n.milliseconds = +e - +t.clone().add(n.months, \"M\")),\r\n n\r\n );\r\n }\r\n function Qe(t, e) {\r\n return function (n, i) {\r\n var a;\r\n return (\r\n null === i ||\r\n isNaN(+i) ||\r\n (T(\r\n e,\r\n \"moment().\" +\r\n e +\r\n \"(period, number) is deprecated. Please use moment().\" +\r\n e +\r\n \"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info.\"\r\n ),\r\n (a = n),\r\n (n = i),\r\n (i = a)),\r\n tn(this, Xe((n = \"string\" == typeof n ? +n : n), i), t),\r\n this\r\n );\r\n };\r\n }\r\n function tn(t, e, n, i) {\r\n var r = e._milliseconds,\r\n o = Ve(e._days),\r\n s = Ve(e._months);\r\n t.isValid() &&\r\n ((i = null == i || i),\r\n s && Yt(t, At(t, \"Month\") + s * n),\r\n o && Ft(t, \"Date\", At(t, \"Date\") + o * n),\r\n r && t._d.setTime(t._d.valueOf() + r * n),\r\n i && a.updateOffset(t, o || s));\r\n }\r\n (Xe.fn = ze.prototype),\r\n (Xe.invalid = function () {\r\n return Xe(NaN);\r\n });\r\n var en = Qe(1, \"add\"),\r\n nn = Qe(-1, \"subtract\");\r\n function an(t, e) {\r\n var n = 12 * (e.year() - t.year()) + (e.month() - t.month()),\r\n i = t.clone().add(n, \"months\");\r\n return (\r\n -(\r\n n +\r\n (e - i < 0\r\n ? (e - i) / (i - t.clone().add(n - 1, \"months\"))\r\n : (e - i) / (t.clone().add(n + 1, \"months\") - i))\r\n ) || 0\r\n );\r\n }\r\n function rn(t) {\r\n var e;\r\n return void 0 === t\r\n ? this._locale._abbr\r\n : (null != (e = pe(t)) && (this._locale = e), this);\r\n }\r\n (a.defaultFormat = \"YYYY-MM-DDTHH:mm:ssZ\"),\r\n (a.defaultFormatUtc = \"YYYY-MM-DDTHH:mm:ss[Z]\");\r\n var on = D(\r\n \"moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.\",\r\n function (t) {\r\n return void 0 === t ? this.localeData() : this.locale(t);\r\n }\r\n );\r\n function sn() {\r\n return this._locale;\r\n }\r\n var ln = 1e3,\r\n un = 60 * ln,\r\n dn = 60 * un,\r\n hn = 3506328 * dn;\r\n function cn(t, e) {\r\n return ((t % e) + e) % e;\r\n }\r\n function fn(t, e, n) {\r\n return t < 100 && t >= 0\r\n ? new Date(t + 400, e, n) - hn\r\n : new Date(t, e, n).valueOf();\r\n }\r\n function gn(t, e, n) {\r\n return t < 100 && t >= 0\r\n ? Date.UTC(t + 400, e, n) - hn\r\n : Date.UTC(t, e, n);\r\n }\r\n function mn(t, e) {\r\n j(0, [t, t.length], 0, e);\r\n }\r\n function pn(t, e, n, i, a) {\r\n var r;\r\n return null == t\r\n ? qt(this, i, a).year\r\n : (e > (r = Zt(t, i, a)) && (e = r), vn.call(this, t, e, n, i, a));\r\n }\r\n function vn(t, e, n, i, a) {\r\n var r = Gt(t, e, n, i, a),\r\n o = jt(r.year, 0, r.dayOfYear);\r\n return (\r\n this.year(o.getUTCFullYear()),\r\n this.month(o.getUTCMonth()),\r\n this.date(o.getUTCDate()),\r\n this\r\n );\r\n }\r\n j(0, [\"gg\", 2], 0, function () {\r\n return this.weekYear() % 100;\r\n }),\r\n j(0, [\"GG\", 2], 0, function () {\r\n return this.isoWeekYear() % 100;\r\n }),\r\n mn(\"gggg\", \"weekYear\"),\r\n mn(\"ggggg\", \"weekYear\"),\r\n mn(\"GGGG\", \"isoWeekYear\"),\r\n mn(\"GGGGG\", \"isoWeekYear\"),\r\n L(\"weekYear\", \"gg\"),\r\n L(\"isoWeekYear\", \"GG\"),\r\n Y(\"weekYear\", 1),\r\n Y(\"isoWeekYear\", 1),\r\n dt(\"G\", rt),\r\n dt(\"g\", rt),\r\n dt(\"GG\", J, Z),\r\n dt(\"gg\", J, Z),\r\n dt(\"GGGG\", nt, X),\r\n dt(\"gggg\", nt, X),\r\n dt(\"GGGGG\", it, K),\r\n dt(\"ggggg\", it, K),\r\n mt([\"gggg\", \"ggggg\", \"GGGG\", \"GGGGG\"], function (t, e, n, i) {\r\n e[i.substr(0, 2)] = k(t);\r\n }),\r\n mt([\"gg\", \"GG\"], function (t, e, n, i) {\r\n e[i] = a.parseTwoDigitYear(t);\r\n }),\r\n j(\"Q\", 0, \"Qo\", \"quarter\"),\r\n L(\"quarter\", \"Q\"),\r\n Y(\"quarter\", 7),\r\n dt(\"Q\", q),\r\n gt(\"Q\", function (t, e) {\r\n e[bt] = 3 * (k(t) - 1);\r\n }),\r\n j(\"D\", [\"DD\", 2], \"Do\", \"date\"),\r\n L(\"date\", \"D\"),\r\n Y(\"date\", 9),\r\n dt(\"D\", J),\r\n dt(\"DD\", J, Z),\r\n dt(\"Do\", function (t, e) {\r\n return t\r\n ? e._dayOfMonthOrdinalParse || e._ordinalParse\r\n : e._dayOfMonthOrdinalParseLenient;\r\n }),\r\n gt([\"D\", \"DD\"], yt),\r\n gt(\"Do\", function (t, e) {\r\n e[yt] = k(t.match(J)[0]);\r\n });\r\n var bn = Ot(\"Date\", !0);\r\n j(\"DDD\", [\"DDDD\", 3], \"DDDo\", \"dayOfYear\"),\r\n L(\"dayOfYear\", \"DDD\"),\r\n Y(\"dayOfYear\", 4),\r\n dt(\"DDD\", et),\r\n dt(\"DDDD\", $),\r\n gt([\"DDD\", \"DDDD\"], function (t, e, n) {\r\n n._dayOfYear = k(t);\r\n }),\r\n j(\"m\", [\"mm\", 2], 0, \"minute\"),\r\n L(\"minute\", \"m\"),\r\n Y(\"minute\", 14),\r\n dt(\"m\", J),\r\n dt(\"mm\", J, Z),\r\n gt([\"m\", \"mm\"], _t);\r\n var yn = Ot(\"Minutes\", !1);\r\n j(\"s\", [\"ss\", 2], 0, \"second\"),\r\n L(\"second\", \"s\"),\r\n Y(\"second\", 15),\r\n dt(\"s\", J),\r\n dt(\"ss\", J, Z),\r\n gt([\"s\", \"ss\"], wt);\r\n var xn,\r\n _n = Ot(\"Seconds\", !1);\r\n for (\r\n j(\"S\", 0, 0, function () {\r\n return ~~(this.millisecond() / 100);\r\n }),\r\n j(0, [\"SS\", 2], 0, function () {\r\n return ~~(this.millisecond() / 10);\r\n }),\r\n j(0, [\"SSS\", 3], 0, \"millisecond\"),\r\n j(0, [\"SSSS\", 4], 0, function () {\r\n return 10 * this.millisecond();\r\n }),\r\n j(0, [\"SSSSS\", 5], 0, function () {\r\n return 100 * this.millisecond();\r\n }),\r\n j(0, [\"SSSSSS\", 6], 0, function () {\r\n return 1e3 * this.millisecond();\r\n }),\r\n j(0, [\"SSSSSSS\", 7], 0, function () {\r\n return 1e4 * this.millisecond();\r\n }),\r\n j(0, [\"SSSSSSSS\", 8], 0, function () {\r\n return 1e5 * this.millisecond();\r\n }),\r\n j(0, [\"SSSSSSSSS\", 9], 0, function () {\r\n return 1e6 * this.millisecond();\r\n }),\r\n L(\"millisecond\", \"ms\"),\r\n Y(\"millisecond\", 16),\r\n dt(\"S\", et, q),\r\n dt(\"SS\", et, Z),\r\n dt(\"SSS\", et, $),\r\n xn = \"SSSS\";\r\n xn.length <= 9;\r\n xn += \"S\"\r\n )\r\n dt(xn, at);\r\n function wn(t, e) {\r\n e[kt] = k(1e3 * (\"0.\" + t));\r\n }\r\n for (xn = \"S\"; xn.length <= 9; xn += \"S\") gt(xn, wn);\r\n var kn = Ot(\"Milliseconds\", !1);\r\n j(\"z\", 0, 0, \"zoneAbbr\"), j(\"zz\", 0, 0, \"zoneName\");\r\n var Mn = x.prototype;\r\n function Sn(t) {\r\n return t;\r\n }\r\n (Mn.add = en),\r\n (Mn.calendar = function (t, e) {\r\n var n = t || Le(),\r\n i = Ue(n, this).startOf(\"day\"),\r\n r = a.calendarFormat(this, i) || \"sameElse\",\r\n o = e && (O(e[r]) ? e[r].call(this, n) : e[r]);\r\n return this.format(o || this.localeData().calendar(r, this, Le(n)));\r\n }),\r\n (Mn.clone = function () {\r\n return new x(this);\r\n }),\r\n (Mn.diff = function (t, e, n) {\r\n var i, a, r;\r\n if (!this.isValid()) return NaN;\r\n if (!(i = Ue(t, this)).isValid()) return NaN;\r\n switch (\r\n ((a = 6e4 * (i.utcOffset() - this.utcOffset())), (e = R(e)))\r\n ) {\r\n case \"year\":\r\n r = an(this, i) / 12;\r\n break;\r\n case \"month\":\r\n r = an(this, i);\r\n break;\r\n case \"quarter\":\r\n r = an(this, i) / 3;\r\n break;\r\n case \"second\":\r\n r = (this - i) / 1e3;\r\n break;\r\n case \"minute\":\r\n r = (this - i) / 6e4;\r\n break;\r\n case \"hour\":\r\n r = (this - i) / 36e5;\r\n break;\r\n case \"day\":\r\n r = (this - i - a) / 864e5;\r\n break;\r\n case \"week\":\r\n r = (this - i - a) / 6048e5;\r\n break;\r\n default:\r\n r = this - i;\r\n }\r\n return n ? r : w(r);\r\n }),\r\n (Mn.endOf = function (t) {\r\n var e;\r\n if (void 0 === (t = R(t)) || \"millisecond\" === t || !this.isValid())\r\n return this;\r\n var n = this._isUTC ? gn : fn;\r\n switch (t) {\r\n case \"year\":\r\n e = n(this.year() + 1, 0, 1) - 1;\r\n break;\r\n case \"quarter\":\r\n e =\r\n n(this.year(), this.month() - (this.month() % 3) + 3, 1) - 1;\r\n break;\r\n case \"month\":\r\n e = n(this.year(), this.month() + 1, 1) - 1;\r\n break;\r\n case \"week\":\r\n e =\r\n n(\r\n this.year(),\r\n this.month(),\r\n this.date() - this.weekday() + 7\r\n ) - 1;\r\n break;\r\n case \"isoWeek\":\r\n e =\r\n n(\r\n this.year(),\r\n this.month(),\r\n this.date() - (this.isoWeekday() - 1) + 7\r\n ) - 1;\r\n break;\r\n case \"day\":\r\n case \"date\":\r\n e = n(this.year(), this.month(), this.date() + 1) - 1;\r\n break;\r\n case \"hour\":\r\n (e = this._d.valueOf()),\r\n (e +=\r\n dn -\r\n cn(e + (this._isUTC ? 0 : this.utcOffset() * un), dn) -\r\n 1);\r\n break;\r\n case \"minute\":\r\n (e = this._d.valueOf()), (e += un - cn(e, un) - 1);\r\n break;\r\n case \"second\":\r\n (e = this._d.valueOf()), (e += ln - cn(e, ln) - 1);\r\n }\r\n return this._d.setTime(e), a.updateOffset(this, !0), this;\r\n }),\r\n (Mn.format = function (t) {\r\n t || (t = this.isUtc() ? a.defaultFormatUtc : a.defaultFormat);\r\n var e = U(this, t);\r\n return this.localeData().postformat(e);\r\n }),\r\n (Mn.from = function (t, e) {\r\n return this.isValid() && ((_(t) && t.isValid()) || Le(t).isValid())\r\n ? Xe({ to: this, from: t }).locale(this.locale()).humanize(!e)\r\n : this.localeData().invalidDate();\r\n }),\r\n (Mn.fromNow = function (t) {\r\n return this.from(Le(), t);\r\n }),\r\n (Mn.to = function (t, e) {\r\n return this.isValid() && ((_(t) && t.isValid()) || Le(t).isValid())\r\n ? Xe({ from: this, to: t }).locale(this.locale()).humanize(!e)\r\n : this.localeData().invalidDate();\r\n }),\r\n (Mn.toNow = function (t) {\r\n return this.to(Le(), t);\r\n }),\r\n (Mn.get = function (t) {\r\n return O(this[(t = R(t))]) ? this[t]() : this;\r\n }),\r\n (Mn.invalidAt = function () {\r\n return g(this).overflow;\r\n }),\r\n (Mn.isAfter = function (t, e) {\r\n var n = _(t) ? t : Le(t);\r\n return (\r\n !(!this.isValid() || !n.isValid()) &&\r\n (\"millisecond\" === (e = R(e) || \"millisecond\")\r\n ? this.valueOf() > n.valueOf()\r\n : n.valueOf() < this.clone().startOf(e).valueOf())\r\n );\r\n }),\r\n (Mn.isBefore = function (t, e) {\r\n var n = _(t) ? t : Le(t);\r\n return (\r\n !(!this.isValid() || !n.isValid()) &&\r\n (\"millisecond\" === (e = R(e) || \"millisecond\")\r\n ? this.valueOf() < n.valueOf()\r\n : this.clone().endOf(e).valueOf() < n.valueOf())\r\n );\r\n }),\r\n (Mn.isBetween = function (t, e, n, i) {\r\n var a = _(t) ? t : Le(t),\r\n r = _(e) ? e : Le(e);\r\n return (\r\n !!(this.isValid() && a.isValid() && r.isValid()) &&\r\n (\"(\" === (i = i || \"()\")[0]\r\n ? this.isAfter(a, n)\r\n : !this.isBefore(a, n)) &&\r\n (\")\" === i[1] ? this.isBefore(r, n) : !this.isAfter(r, n))\r\n );\r\n }),\r\n (Mn.isSame = function (t, e) {\r\n var n,\r\n i = _(t) ? t : Le(t);\r\n return (\r\n !(!this.isValid() || !i.isValid()) &&\r\n (\"millisecond\" === (e = R(e) || \"millisecond\")\r\n ? this.valueOf() === i.valueOf()\r\n : ((n = i.valueOf()),\r\n this.clone().startOf(e).valueOf() <= n &&\r\n n <= this.clone().endOf(e).valueOf()))\r\n );\r\n }),\r\n (Mn.isSameOrAfter = function (t, e) {\r\n return this.isSame(t, e) || this.isAfter(t, e);\r\n }),\r\n (Mn.isSameOrBefore = function (t, e) {\r\n return this.isSame(t, e) || this.isBefore(t, e);\r\n }),\r\n (Mn.isValid = function () {\r\n return m(this);\r\n }),\r\n (Mn.lang = on),\r\n (Mn.locale = rn),\r\n (Mn.localeData = sn),\r\n (Mn.max = Ne),\r\n (Mn.min = Re),\r\n (Mn.parsingFlags = function () {\r\n return c({}, g(this));\r\n }),\r\n (Mn.set = function (t, e) {\r\n if (\"object\" == typeof t)\r\n for (\r\n var n = (function (t) {\r\n var e = [];\r\n for (var n in t) e.push({ unit: n, priority: W[n] });\r\n return (\r\n e.sort(function (t, e) {\r\n return t.priority - e.priority;\r\n }),\r\n e\r\n );\r\n })((t = N(t))),\r\n i = 0;\r\n i < n.length;\r\n i++\r\n )\r\n this[n[i].unit](t[n[i].unit]);\r\n else if (O(this[(t = R(t))])) return this[t](e);\r\n return this;\r\n }),\r\n (Mn.startOf = function (t) {\r\n var e;\r\n if (void 0 === (t = R(t)) || \"millisecond\" === t || !this.isValid())\r\n return this;\r\n var n = this._isUTC ? gn : fn;\r\n switch (t) {\r\n case \"year\":\r\n e = n(this.year(), 0, 1);\r\n break;\r\n case \"quarter\":\r\n e = n(this.year(), this.month() - (this.month() % 3), 1);\r\n break;\r\n case \"month\":\r\n e = n(this.year(), this.month(), 1);\r\n break;\r\n case \"week\":\r\n e = n(this.year(), this.month(), this.date() - this.weekday());\r\n break;\r\n case \"isoWeek\":\r\n e = n(\r\n this.year(),\r\n this.month(),\r\n this.date() - (this.isoWeekday() - 1)\r\n );\r\n break;\r\n case \"day\":\r\n case \"date\":\r\n e = n(this.year(), this.month(), this.date());\r\n break;\r\n case \"hour\":\r\n (e = this._d.valueOf()),\r\n (e -= cn(e + (this._isUTC ? 0 : this.utcOffset() * un), dn));\r\n break;\r\n case \"minute\":\r\n (e = this._d.valueOf()), (e -= cn(e, un));\r\n break;\r\n case \"second\":\r\n (e = this._d.valueOf()), (e -= cn(e, ln));\r\n }\r\n return this._d.setTime(e), a.updateOffset(this, !0), this;\r\n }),\r\n (Mn.subtract = nn),\r\n (Mn.toArray = function () {\r\n var t = this;\r\n return [\r\n t.year(),\r\n t.month(),\r\n t.date(),\r\n t.hour(),\r\n t.minute(),\r\n t.second(),\r\n t.millisecond(),\r\n ];\r\n }),\r\n (Mn.toObject = function () {\r\n var t = this;\r\n return {\r\n years: t.year(),\r\n months: t.month(),\r\n date: t.date(),\r\n hours: t.hours(),\r\n minutes: t.minutes(),\r\n seconds: t.seconds(),\r\n milliseconds: t.milliseconds(),\r\n };\r\n }),\r\n (Mn.toDate = function () {\r\n return new Date(this.valueOf());\r\n }),\r\n (Mn.toISOString = function (t) {\r\n if (!this.isValid()) return null;\r\n var e = !0 !== t,\r\n n = e ? this.clone().utc() : this;\r\n return n.year() < 0 || n.year() > 9999\r\n ? U(\r\n n,\r\n e\r\n ? \"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]\"\r\n : \"YYYYYY-MM-DD[T]HH:mm:ss.SSSZ\"\r\n )\r\n : O(Date.prototype.toISOString)\r\n ? e\r\n ? this.toDate().toISOString()\r\n : new Date(this.valueOf() + 60 * this.utcOffset() * 1e3)\r\n .toISOString()\r\n .replace(\"Z\", U(n, \"Z\"))\r\n : U(\r\n n,\r\n e\r\n ? \"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]\"\r\n : \"YYYY-MM-DD[T]HH:mm:ss.SSSZ\"\r\n );\r\n }),\r\n (Mn.inspect = function () {\r\n if (!this.isValid()) return \"moment.invalid(/* \" + this._i + \" */)\";\r\n var t = \"moment\",\r\n e = \"\";\r\n this.isLocal() ||\r\n ((t = 0 === this.utcOffset() ? \"moment.utc\" : \"moment.parseZone\"),\r\n (e = \"Z\"));\r\n var n = \"[\" + t + '(\"]',\r\n i = 0 <= this.year() && this.year() <= 9999 ? \"YYYY\" : \"YYYYYY\",\r\n a = e + '[\")]';\r\n return this.format(n + i + \"-MM-DD[T]HH:mm:ss.SSS\" + a);\r\n }),\r\n (Mn.toJSON = function () {\r\n return this.isValid() ? this.toISOString() : null;\r\n }),\r\n (Mn.toString = function () {\r\n return this.clone()\r\n .locale(\"en\")\r\n .format(\"ddd MMM DD YYYY HH:mm:ss [GMT]ZZ\");\r\n }),\r\n (Mn.unix = function () {\r\n return Math.floor(this.valueOf() / 1e3);\r\n }),\r\n (Mn.valueOf = function () {\r\n return this._d.valueOf() - 6e4 * (this._offset || 0);\r\n }),\r\n (Mn.creationData = function () {\r\n return {\r\n input: this._i,\r\n format: this._f,\r\n locale: this._locale,\r\n isUTC: this._isUTC,\r\n strict: this._strict,\r\n };\r\n }),\r\n (Mn.year = Tt),\r\n (Mn.isLeapYear = function () {\r\n return Ct(this.year());\r\n }),\r\n (Mn.weekYear = function (t) {\r\n return pn.call(\r\n this,\r\n t,\r\n this.week(),\r\n this.weekday(),\r\n this.localeData()._week.dow,\r\n this.localeData()._week.doy\r\n );\r\n }),\r\n (Mn.isoWeekYear = function (t) {\r\n return pn.call(this, t, this.isoWeek(), this.isoWeekday(), 1, 4);\r\n }),\r\n (Mn.quarter = Mn.quarters =\r\n function (t) {\r\n return null == t\r\n ? Math.ceil((this.month() + 1) / 3)\r\n : this.month(3 * (t - 1) + (this.month() % 3));\r\n }),\r\n (Mn.month = zt),\r\n (Mn.daysInMonth = function () {\r\n return It(this.year(), this.month());\r\n }),\r\n (Mn.week = Mn.weeks =\r\n function (t) {\r\n var e = this.localeData().week(this);\r\n return null == t ? e : this.add(7 * (t - e), \"d\");\r\n }),\r\n (Mn.isoWeek = Mn.isoWeeks =\r\n function (t) {\r\n var e = qt(this, 1, 4).week;\r\n return null == t ? e : this.add(7 * (t - e), \"d\");\r\n }),\r\n (Mn.weeksInYear = function () {\r\n var t = this.localeData()._week;\r\n return Zt(this.year(), t.dow, t.doy);\r\n }),\r\n (Mn.isoWeeksInYear = function () {\r\n return Zt(this.year(), 1, 4);\r\n }),\r\n (Mn.date = bn),\r\n (Mn.day = Mn.days =\r\n function (t) {\r\n if (!this.isValid()) return null != t ? this : NaN;\r\n var e = this._isUTC ? this._d.getUTCDay() : this._d.getDay();\r\n return null != t\r\n ? ((t = (function (t, e) {\r\n return \"string\" != typeof t\r\n ? t\r\n : isNaN(t)\r\n ? \"number\" == typeof (t = e.weekdaysParse(t))\r\n ? t\r\n : null\r\n : parseInt(t, 10);\r\n })(t, this.localeData())),\r\n this.add(t - e, \"d\"))\r\n : e;\r\n }),\r\n (Mn.weekday = function (t) {\r\n if (!this.isValid()) return null != t ? this : NaN;\r\n var e = (this.day() + 7 - this.localeData()._week.dow) % 7;\r\n return null == t ? e : this.add(t - e, \"d\");\r\n }),\r\n (Mn.isoWeekday = function (t) {\r\n if (!this.isValid()) return null != t ? this : NaN;\r\n if (null != t) {\r\n var e = (function (t, e) {\r\n return \"string\" == typeof t\r\n ? e.weekdaysParse(t) % 7 || 7\r\n : isNaN(t)\r\n ? null\r\n : t;\r\n })(t, this.localeData());\r\n return this.day(this.day() % 7 ? e : e - 7);\r\n }\r\n return this.day() || 7;\r\n }),\r\n (Mn.dayOfYear = function (t) {\r\n var e =\r\n Math.round(\r\n (this.clone().startOf(\"day\") - this.clone().startOf(\"year\")) /\r\n 864e5\r\n ) + 1;\r\n return null == t ? e : this.add(t - e, \"d\");\r\n }),\r\n (Mn.hour = Mn.hours = le),\r\n (Mn.minute = Mn.minutes = yn),\r\n (Mn.second = Mn.seconds = _n),\r\n (Mn.millisecond = Mn.milliseconds = kn),\r\n (Mn.utcOffset = function (t, e, n) {\r\n var i,\r\n r = this._offset || 0;\r\n if (!this.isValid()) return null != t ? this : NaN;\r\n if (null != t) {\r\n if (\"string\" == typeof t) {\r\n if (null === (t = je(st, t))) return this;\r\n } else Math.abs(t) < 16 && !n && (t *= 60);\r\n return (\r\n !this._isUTC && e && (i = Ge(this)),\r\n (this._offset = t),\r\n (this._isUTC = !0),\r\n null != i && this.add(i, \"m\"),\r\n r !== t &&\r\n (!e || this._changeInProgress\r\n ? tn(this, Xe(t - r, \"m\"), 1, !1)\r\n : this._changeInProgress ||\r\n ((this._changeInProgress = !0),\r\n a.updateOffset(this, !0),\r\n (this._changeInProgress = null))),\r\n this\r\n );\r\n }\r\n return this._isUTC ? r : Ge(this);\r\n }),\r\n (Mn.utc = function (t) {\r\n return this.utcOffset(0, t);\r\n }),\r\n (Mn.local = function (t) {\r\n return (\r\n this._isUTC &&\r\n (this.utcOffset(0, t),\r\n (this._isUTC = !1),\r\n t && this.subtract(Ge(this), \"m\")),\r\n this\r\n );\r\n }),\r\n (Mn.parseZone = function () {\r\n if (null != this._tzm) this.utcOffset(this._tzm, !1, !0);\r\n else if (\"string\" == typeof this._i) {\r\n var t = je(ot, this._i);\r\n null != t ? this.utcOffset(t) : this.utcOffset(0, !0);\r\n }\r\n return this;\r\n }),\r\n (Mn.hasAlignedHourOffset = function (t) {\r\n return (\r\n !!this.isValid() &&\r\n ((t = t ? Le(t).utcOffset() : 0),\r\n (this.utcOffset() - t) % 60 == 0)\r\n );\r\n }),\r\n (Mn.isDST = function () {\r\n return (\r\n this.utcOffset() > this.clone().month(0).utcOffset() ||\r\n this.utcOffset() > this.clone().month(5).utcOffset()\r\n );\r\n }),\r\n (Mn.isLocal = function () {\r\n return !!this.isValid() && !this._isUTC;\r\n }),\r\n (Mn.isUtcOffset = function () {\r\n return !!this.isValid() && this._isUTC;\r\n }),\r\n (Mn.isUtc = qe),\r\n (Mn.isUTC = qe),\r\n (Mn.zoneAbbr = function () {\r\n return this._isUTC ? \"UTC\" : \"\";\r\n }),\r\n (Mn.zoneName = function () {\r\n return this._isUTC ? \"Coordinated Universal Time\" : \"\";\r\n }),\r\n (Mn.dates = D(\"dates accessor is deprecated. Use date instead.\", bn)),\r\n (Mn.months = D(\r\n \"months accessor is deprecated. Use month instead\",\r\n zt\r\n )),\r\n (Mn.years = D(\"years accessor is deprecated. Use year instead\", Tt)),\r\n (Mn.zone = D(\r\n \"moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/\",\r\n function (t, e) {\r\n return null != t\r\n ? (\"string\" != typeof t && (t = -t), this.utcOffset(t, e), this)\r\n : -this.utcOffset();\r\n }\r\n )),\r\n (Mn.isDSTShifted = D(\r\n \"isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information\",\r\n function () {\r\n if (!s(this._isDSTShifted)) return this._isDSTShifted;\r\n var t = {};\r\n if ((b(t, this), (t = Fe(t))._a)) {\r\n var e = t._isUTC ? f(t._a) : Le(t._a);\r\n this._isDSTShifted = this.isValid() && M(t._a, e.toArray()) > 0;\r\n } else this._isDSTShifted = !1;\r\n return this._isDSTShifted;\r\n }\r\n ));\r\n var Dn = F.prototype;\r\n function Cn(t, e, n, i) {\r\n var a = pe(),\r\n r = f().set(i, e);\r\n return a[n](r, t);\r\n }\r\n function Pn(t, e, n) {\r\n if ((l(t) && ((e = t), (t = void 0)), (t = t || \"\"), null != e))\r\n return Cn(t, e, n, \"month\");\r\n var i,\r\n a = [];\r\n for (i = 0; i < 12; i++) a[i] = Cn(t, i, n, \"month\");\r\n return a;\r\n }\r\n function Tn(t, e, n, i) {\r\n \"boolean\" == typeof t\r\n ? (l(e) && ((n = e), (e = void 0)), (e = e || \"\"))\r\n : ((n = e = t),\r\n (t = !1),\r\n l(e) && ((n = e), (e = void 0)),\r\n (e = e || \"\"));\r\n var a,\r\n r = pe(),\r\n o = t ? r._week.dow : 0;\r\n if (null != n) return Cn(e, (n + o) % 7, i, \"day\");\r\n var s = [];\r\n for (a = 0; a < 7; a++) s[a] = Cn(e, (a + o) % 7, i, \"day\");\r\n return s;\r\n }\r\n (Dn.calendar = function (t, e, n) {\r\n var i = this._calendar[t] || this._calendar.sameElse;\r\n return O(i) ? i.call(e, n) : i;\r\n }),\r\n (Dn.longDateFormat = function (t) {\r\n var e = this._longDateFormat[t],\r\n n = this._longDateFormat[t.toUpperCase()];\r\n return e || !n\r\n ? e\r\n : ((this._longDateFormat[t] = n.replace(\r\n /MMMM|MM|DD|dddd/g,\r\n function (t) {\r\n return t.slice(1);\r\n }\r\n )),\r\n this._longDateFormat[t]);\r\n }),\r\n (Dn.invalidDate = function () {\r\n return this._invalidDate;\r\n }),\r\n (Dn.ordinal = function (t) {\r\n return this._ordinal.replace(\"%d\", t);\r\n }),\r\n (Dn.preparse = Sn),\r\n (Dn.postformat = Sn),\r\n (Dn.relativeTime = function (t, e, n, i) {\r\n var a = this._relativeTime[n];\r\n return O(a) ? a(t, e, n, i) : a.replace(/%d/i, t);\r\n }),\r\n (Dn.pastFuture = function (t, e) {\r\n var n = this._relativeTime[t > 0 ? \"future\" : \"past\"];\r\n return O(n) ? n(e) : n.replace(/%s/i, e);\r\n }),\r\n (Dn.set = function (t) {\r\n var e, n;\r\n for (n in t) O((e = t[n])) ? (this[n] = e) : (this[\"_\" + n] = e);\r\n (this._config = t),\r\n (this._dayOfMonthOrdinalParseLenient = new RegExp(\r\n (this._dayOfMonthOrdinalParse.source ||\r\n this._ordinalParse.source) +\r\n \"|\" +\r\n /\\d{1,2}/.source\r\n ));\r\n }),\r\n (Dn.months = function (t, e) {\r\n return t\r\n ? r(this._months)\r\n ? this._months[t.month()]\r\n : this._months[\r\n (this._months.isFormat || Lt).test(e)\r\n ? \"format\"\r\n : \"standalone\"\r\n ][t.month()]\r\n : r(this._months)\r\n ? this._months\r\n : this._months.standalone;\r\n }),\r\n (Dn.monthsShort = function (t, e) {\r\n return t\r\n ? r(this._monthsShort)\r\n ? this._monthsShort[t.month()]\r\n : this._monthsShort[Lt.test(e) ? \"format\" : \"standalone\"][\r\n t.month()\r\n ]\r\n : r(this._monthsShort)\r\n ? this._monthsShort\r\n : this._monthsShort.standalone;\r\n }),\r\n (Dn.monthsParse = function (t, e, n) {\r\n var i, a, r;\r\n if (this._monthsParseExact) return Wt.call(this, t, e, n);\r\n for (\r\n this._monthsParse ||\r\n ((this._monthsParse = []),\r\n (this._longMonthsParse = []),\r\n (this._shortMonthsParse = [])),\r\n i = 0;\r\n i < 12;\r\n i++\r\n ) {\r\n if (\r\n ((a = f([2e3, i])),\r\n n &&\r\n !this._longMonthsParse[i] &&\r\n ((this._longMonthsParse[i] = new RegExp(\r\n \"^\" + this.months(a, \"\").replace(\".\", \"\") + \"$\",\r\n \"i\"\r\n )),\r\n (this._shortMonthsParse[i] = new RegExp(\r\n \"^\" + this.monthsShort(a, \"\").replace(\".\", \"\") + \"$\",\r\n \"i\"\r\n ))),\r\n n ||\r\n this._monthsParse[i] ||\r\n ((r =\r\n \"^\" + this.months(a, \"\") + \"|^\" + this.monthsShort(a, \"\")),\r\n (this._monthsParse[i] = new RegExp(r.replace(\".\", \"\"), \"i\"))),\r\n n && \"MMMM\" === e && this._longMonthsParse[i].test(t))\r\n )\r\n return i;\r\n if (n && \"MMM\" === e && this._shortMonthsParse[i].test(t))\r\n return i;\r\n if (!n && this._monthsParse[i].test(t)) return i;\r\n }\r\n }),\r\n (Dn.monthsRegex = function (t) {\r\n return this._monthsParseExact\r\n ? (h(this, \"_monthsRegex\") || Ht.call(this),\r\n t ? this._monthsStrictRegex : this._monthsRegex)\r\n : (h(this, \"_monthsRegex\") || (this._monthsRegex = Vt),\r\n this._monthsStrictRegex && t\r\n ? this._monthsStrictRegex\r\n : this._monthsRegex);\r\n }),\r\n (Dn.monthsShortRegex = function (t) {\r\n return this._monthsParseExact\r\n ? (h(this, \"_monthsRegex\") || Ht.call(this),\r\n t ? this._monthsShortStrictRegex : this._monthsShortRegex)\r\n : (h(this, \"_monthsShortRegex\") || (this._monthsShortRegex = Et),\r\n this._monthsShortStrictRegex && t\r\n ? this._monthsShortStrictRegex\r\n : this._monthsShortRegex);\r\n }),\r\n (Dn.week = function (t) {\r\n return qt(t, this._week.dow, this._week.doy).week;\r\n }),\r\n (Dn.firstDayOfYear = function () {\r\n return this._week.doy;\r\n }),\r\n (Dn.firstDayOfWeek = function () {\r\n return this._week.dow;\r\n }),\r\n (Dn.weekdays = function (t, e) {\r\n var n = r(this._weekdays)\r\n ? this._weekdays\r\n : this._weekdays[\r\n t && !0 !== t && this._weekdays.isFormat.test(e)\r\n ? \"format\"\r\n : \"standalone\"\r\n ];\r\n return !0 === t ? $t(n, this._week.dow) : t ? n[t.day()] : n;\r\n }),\r\n (Dn.weekdaysMin = function (t) {\r\n return !0 === t\r\n ? $t(this._weekdaysMin, this._week.dow)\r\n : t\r\n ? this._weekdaysMin[t.day()]\r\n : this._weekdaysMin;\r\n }),\r\n (Dn.weekdaysShort = function (t) {\r\n return !0 === t\r\n ? $t(this._weekdaysShort, this._week.dow)\r\n : t\r\n ? this._weekdaysShort[t.day()]\r\n : this._weekdaysShort;\r\n }),\r\n (Dn.weekdaysParse = function (t, e, n) {\r\n var i, a, r;\r\n if (this._weekdaysParseExact) return Qt.call(this, t, e, n);\r\n for (\r\n this._weekdaysParse ||\r\n ((this._weekdaysParse = []),\r\n (this._minWeekdaysParse = []),\r\n (this._shortWeekdaysParse = []),\r\n (this._fullWeekdaysParse = [])),\r\n i = 0;\r\n i < 7;\r\n i++\r\n ) {\r\n if (\r\n ((a = f([2e3, 1]).day(i)),\r\n n &&\r\n !this._fullWeekdaysParse[i] &&\r\n ((this._fullWeekdaysParse[i] = new RegExp(\r\n \"^\" + this.weekdays(a, \"\").replace(\".\", \"\\\\.?\") + \"$\",\r\n \"i\"\r\n )),\r\n (this._shortWeekdaysParse[i] = new RegExp(\r\n \"^\" + this.weekdaysShort(a, \"\").replace(\".\", \"\\\\.?\") + \"$\",\r\n \"i\"\r\n )),\r\n (this._minWeekdaysParse[i] = new RegExp(\r\n \"^\" + this.weekdaysMin(a, \"\").replace(\".\", \"\\\\.?\") + \"$\",\r\n \"i\"\r\n ))),\r\n this._weekdaysParse[i] ||\r\n ((r =\r\n \"^\" +\r\n this.weekdays(a, \"\") +\r\n \"|^\" +\r\n this.weekdaysShort(a, \"\") +\r\n \"|^\" +\r\n this.weekdaysMin(a, \"\")),\r\n (this._weekdaysParse[i] = new RegExp(\r\n r.replace(\".\", \"\"),\r\n \"i\"\r\n ))),\r\n n && \"dddd\" === e && this._fullWeekdaysParse[i].test(t))\r\n )\r\n return i;\r\n if (n && \"ddd\" === e && this._shortWeekdaysParse[i].test(t))\r\n return i;\r\n if (n && \"dd\" === e && this._minWeekdaysParse[i].test(t))\r\n return i;\r\n if (!n && this._weekdaysParse[i].test(t)) return i;\r\n }\r\n }),\r\n (Dn.weekdaysRegex = function (t) {\r\n return this._weekdaysParseExact\r\n ? (h(this, \"_weekdaysRegex\") || ie.call(this),\r\n t ? this._weekdaysStrictRegex : this._weekdaysRegex)\r\n : (h(this, \"_weekdaysRegex\") || (this._weekdaysRegex = te),\r\n this._weekdaysStrictRegex && t\r\n ? this._weekdaysStrictRegex\r\n : this._weekdaysRegex);\r\n }),\r\n (Dn.weekdaysShortRegex = function (t) {\r\n return this._weekdaysParseExact\r\n ? (h(this, \"_weekdaysRegex\") || ie.call(this),\r\n t ? this._weekdaysShortStrictRegex : this._weekdaysShortRegex)\r\n : (h(this, \"_weekdaysShortRegex\") ||\r\n (this._weekdaysShortRegex = ee),\r\n this._weekdaysShortStrictRegex && t\r\n ? this._weekdaysShortStrictRegex\r\n : this._weekdaysShortRegex);\r\n }),\r\n (Dn.weekdaysMinRegex = function (t) {\r\n return this._weekdaysParseExact\r\n ? (h(this, \"_weekdaysRegex\") || ie.call(this),\r\n t ? this._weekdaysMinStrictRegex : this._weekdaysMinRegex)\r\n : (h(this, \"_weekdaysMinRegex\") || (this._weekdaysMinRegex = ne),\r\n this._weekdaysMinStrictRegex && t\r\n ? this._weekdaysMinStrictRegex\r\n : this._weekdaysMinRegex);\r\n }),\r\n (Dn.isPM = function (t) {\r\n return \"p\" === (t + \"\").toLowerCase().charAt(0);\r\n }),\r\n (Dn.meridiem = function (t, e, n) {\r\n return t > 11 ? (n ? \"pm\" : \"PM\") : n ? \"am\" : \"AM\";\r\n }),\r\n ge(\"en\", {\r\n dayOfMonthOrdinalParse: /\\d{1,2}(th|st|nd|rd)/,\r\n ordinal: function (t) {\r\n var e = t % 10;\r\n return (\r\n t +\r\n (1 === k((t % 100) / 10)\r\n ? \"th\"\r\n : 1 === e\r\n ? \"st\"\r\n : 2 === e\r\n ? \"nd\"\r\n : 3 === e\r\n ? \"rd\"\r\n : \"th\")\r\n );\r\n },\r\n }),\r\n (a.lang = D(\r\n \"moment.lang is deprecated. Use moment.locale instead.\",\r\n ge\r\n )),\r\n (a.langData = D(\r\n \"moment.langData is deprecated. Use moment.localeData instead.\",\r\n pe\r\n ));\r\n var On = Math.abs;\r\n function An(t, e, n, i) {\r\n var a = Xe(e, n);\r\n return (\r\n (t._milliseconds += i * a._milliseconds),\r\n (t._days += i * a._days),\r\n (t._months += i * a._months),\r\n t._bubble()\r\n );\r\n }\r\n function Fn(t) {\r\n return t < 0 ? Math.floor(t) : Math.ceil(t);\r\n }\r\n function In(t) {\r\n return (4800 * t) / 146097;\r\n }\r\n function Ln(t) {\r\n return (146097 * t) / 4800;\r\n }\r\n function Rn(t) {\r\n return function () {\r\n return this.as(t);\r\n };\r\n }\r\n var Nn = Rn(\"ms\"),\r\n Wn = Rn(\"s\"),\r\n Yn = Rn(\"m\"),\r\n zn = Rn(\"h\"),\r\n En = Rn(\"d\"),\r\n Vn = Rn(\"w\"),\r\n Hn = Rn(\"M\"),\r\n Bn = Rn(\"Q\"),\r\n jn = Rn(\"y\");\r\n function Un(t) {\r\n return function () {\r\n return this.isValid() ? this._data[t] : NaN;\r\n };\r\n }\r\n var Gn = Un(\"milliseconds\"),\r\n qn = Un(\"seconds\"),\r\n Zn = Un(\"minutes\"),\r\n $n = Un(\"hours\"),\r\n Xn = Un(\"days\"),\r\n Kn = Un(\"months\"),\r\n Jn = Un(\"years\"),\r\n Qn = Math.round,\r\n ti = { ss: 44, s: 45, m: 45, h: 22, d: 26, M: 11 };\r\n function ei(t, e, n, i, a) {\r\n return a.relativeTime(e || 1, !!n, t, i);\r\n }\r\n var ni = Math.abs;\r\n function ii(t) {\r\n return (t > 0) - (t < 0) || +t;\r\n }\r\n function ai() {\r\n if (!this.isValid()) return this.localeData().invalidDate();\r\n var t,\r\n e,\r\n n = ni(this._milliseconds) / 1e3,\r\n i = ni(this._days),\r\n a = ni(this._months);\r\n (t = w(n / 60)), (e = w(t / 60)), (n %= 60), (t %= 60);\r\n var r = w(a / 12),\r\n o = (a %= 12),\r\n s = i,\r\n l = e,\r\n u = t,\r\n d = n ? n.toFixed(3).replace(/\\.?0+$/, \"\") : \"\",\r\n h = this.asSeconds();\r\n if (!h) return \"P0D\";\r\n var c = h < 0 ? \"-\" : \"\",\r\n f = ii(this._months) !== ii(h) ? \"-\" : \"\",\r\n g = ii(this._days) !== ii(h) ? \"-\" : \"\",\r\n m = ii(this._milliseconds) !== ii(h) ? \"-\" : \"\";\r\n return (\r\n c +\r\n \"P\" +\r\n (r ? f + r + \"Y\" : \"\") +\r\n (o ? f + o + \"M\" : \"\") +\r\n (s ? g + s + \"D\" : \"\") +\r\n (l || u || d ? \"T\" : \"\") +\r\n (l ? m + l + \"H\" : \"\") +\r\n (u ? m + u + \"M\" : \"\") +\r\n (d ? m + d + \"S\" : \"\")\r\n );\r\n }\r\n var ri = ze.prototype;\r\n return (\r\n (ri.isValid = function () {\r\n return this._isValid;\r\n }),\r\n (ri.abs = function () {\r\n var t = this._data;\r\n return (\r\n (this._milliseconds = On(this._milliseconds)),\r\n (this._days = On(this._days)),\r\n (this._months = On(this._months)),\r\n (t.milliseconds = On(t.milliseconds)),\r\n (t.seconds = On(t.seconds)),\r\n (t.minutes = On(t.minutes)),\r\n (t.hours = On(t.hours)),\r\n (t.months = On(t.months)),\r\n (t.years = On(t.years)),\r\n this\r\n );\r\n }),\r\n (ri.add = function (t, e) {\r\n return An(this, t, e, 1);\r\n }),\r\n (ri.subtract = function (t, e) {\r\n return An(this, t, e, -1);\r\n }),\r\n (ri.as = function (t) {\r\n if (!this.isValid()) return NaN;\r\n var e,\r\n n,\r\n i = this._milliseconds;\r\n if (\"month\" === (t = R(t)) || \"quarter\" === t || \"year\" === t)\r\n switch (\r\n ((e = this._days + i / 864e5), (n = this._months + In(e)), t)\r\n ) {\r\n case \"month\":\r\n return n;\r\n case \"quarter\":\r\n return n / 3;\r\n case \"year\":\r\n return n / 12;\r\n }\r\n else\r\n switch (((e = this._days + Math.round(Ln(this._months))), t)) {\r\n case \"week\":\r\n return e / 7 + i / 6048e5;\r\n case \"day\":\r\n return e + i / 864e5;\r\n case \"hour\":\r\n return 24 * e + i / 36e5;\r\n case \"minute\":\r\n return 1440 * e + i / 6e4;\r\n case \"second\":\r\n return 86400 * e + i / 1e3;\r\n case \"millisecond\":\r\n return Math.floor(864e5 * e) + i;\r\n default:\r\n throw new Error(\"Unknown unit \" + t);\r\n }\r\n }),\r\n (ri.asMilliseconds = Nn),\r\n (ri.asSeconds = Wn),\r\n (ri.asMinutes = Yn),\r\n (ri.asHours = zn),\r\n (ri.asDays = En),\r\n (ri.asWeeks = Vn),\r\n (ri.asMonths = Hn),\r\n (ri.asQuarters = Bn),\r\n (ri.asYears = jn),\r\n (ri.valueOf = function () {\r\n return this.isValid()\r\n ? this._milliseconds +\r\n 864e5 * this._days +\r\n (this._months % 12) * 2592e6 +\r\n 31536e6 * k(this._months / 12)\r\n : NaN;\r\n }),\r\n (ri._bubble = function () {\r\n var t,\r\n e,\r\n n,\r\n i,\r\n a,\r\n r = this._milliseconds,\r\n o = this._days,\r\n s = this._months,\r\n l = this._data;\r\n return (\r\n (r >= 0 && o >= 0 && s >= 0) ||\r\n (r <= 0 && o <= 0 && s <= 0) ||\r\n ((r += 864e5 * Fn(Ln(s) + o)), (o = 0), (s = 0)),\r\n (l.milliseconds = r % 1e3),\r\n (t = w(r / 1e3)),\r\n (l.seconds = t % 60),\r\n (e = w(t / 60)),\r\n (l.minutes = e % 60),\r\n (n = w(e / 60)),\r\n (l.hours = n % 24),\r\n (o += w(n / 24)),\r\n (a = w(In(o))),\r\n (s += a),\r\n (o -= Fn(Ln(a))),\r\n (i = w(s / 12)),\r\n (s %= 12),\r\n (l.days = o),\r\n (l.months = s),\r\n (l.years = i),\r\n this\r\n );\r\n }),\r\n (ri.clone = function () {\r\n return Xe(this);\r\n }),\r\n (ri.get = function (t) {\r\n return (t = R(t)), this.isValid() ? this[t + \"s\"]() : NaN;\r\n }),\r\n (ri.milliseconds = Gn),\r\n (ri.seconds = qn),\r\n (ri.minutes = Zn),\r\n (ri.hours = $n),\r\n (ri.days = Xn),\r\n (ri.weeks = function () {\r\n return w(this.days() / 7);\r\n }),\r\n (ri.months = Kn),\r\n (ri.years = Jn),\r\n (ri.humanize = function (t) {\r\n if (!this.isValid()) return this.localeData().invalidDate();\r\n var e = this.localeData(),\r\n n = (function (t, e, n) {\r\n var i = Xe(t).abs(),\r\n a = Qn(i.as(\"s\")),\r\n r = Qn(i.as(\"m\")),\r\n o = Qn(i.as(\"h\")),\r\n s = Qn(i.as(\"d\")),\r\n l = Qn(i.as(\"M\")),\r\n u = Qn(i.as(\"y\")),\r\n d = (a <= ti.ss && [\"s\", a]) ||\r\n (a < ti.s && [\"ss\", a]) ||\r\n (r <= 1 && [\"m\"]) ||\r\n (r < ti.m && [\"mm\", r]) ||\r\n (o <= 1 && [\"h\"]) ||\r\n (o < ti.h && [\"hh\", o]) ||\r\n (s <= 1 && [\"d\"]) ||\r\n (s < ti.d && [\"dd\", s]) ||\r\n (l <= 1 && [\"M\"]) ||\r\n (l < ti.M && [\"MM\", l]) ||\r\n (u <= 1 && [\"y\"]) || [\"yy\", u];\r\n return (\r\n (d[2] = e), (d[3] = +t > 0), (d[4] = n), ei.apply(null, d)\r\n );\r\n })(this, !t, e);\r\n return t && (n = e.pastFuture(+this, n)), e.postformat(n);\r\n }),\r\n (ri.toISOString = ai),\r\n (ri.toString = ai),\r\n (ri.toJSON = ai),\r\n (ri.locale = rn),\r\n (ri.localeData = sn),\r\n (ri.toIsoString = D(\r\n \"toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)\",\r\n ai\r\n )),\r\n (ri.lang = on),\r\n j(\"X\", 0, 0, \"unix\"),\r\n j(\"x\", 0, 0, \"valueOf\"),\r\n dt(\"x\", rt),\r\n dt(\"X\", /[+-]?\\d+(\\.\\d{1,3})?/),\r\n gt(\"X\", function (t, e, n) {\r\n n._d = new Date(1e3 * parseFloat(t, 10));\r\n }),\r\n gt(\"x\", function (t, e, n) {\r\n n._d = new Date(k(t));\r\n }),\r\n (a.version = \"2.24.0\"),\r\n (n = Le),\r\n (a.fn = Mn),\r\n (a.min = function () {\r\n return We(\"isBefore\", [].slice.call(arguments, 0));\r\n }),\r\n (a.max = function () {\r\n return We(\"isAfter\", [].slice.call(arguments, 0));\r\n }),\r\n (a.now = function () {\r\n return Date.now ? Date.now() : +new Date();\r\n }),\r\n (a.utc = f),\r\n (a.unix = function (t) {\r\n return Le(1e3 * t);\r\n }),\r\n (a.months = function (t, e) {\r\n return Pn(t, e, \"months\");\r\n }),\r\n (a.isDate = u),\r\n (a.locale = ge),\r\n (a.invalid = p),\r\n (a.duration = Xe),\r\n (a.isMoment = _),\r\n (a.weekdays = function (t, e, n) {\r\n return Tn(t, e, n, \"weekdays\");\r\n }),\r\n (a.parseZone = function () {\r\n return Le.apply(null, arguments).parseZone();\r\n }),\r\n (a.localeData = pe),\r\n (a.isDuration = Ee),\r\n (a.monthsShort = function (t, e) {\r\n return Pn(t, e, \"monthsShort\");\r\n }),\r\n (a.weekdaysMin = function (t, e, n) {\r\n return Tn(t, e, n, \"weekdaysMin\");\r\n }),\r\n (a.defineLocale = me),\r\n (a.updateLocale = function (t, e) {\r\n if (null != e) {\r\n var n,\r\n i,\r\n a = ue;\r\n null != (i = fe(t)) && (a = i._config),\r\n (e = A(a, e)),\r\n ((n = new F(e)).parentLocale = de[t]),\r\n (de[t] = n),\r\n ge(t);\r\n } else\r\n null != de[t] &&\r\n (null != de[t].parentLocale\r\n ? (de[t] = de[t].parentLocale)\r\n : null != de[t] && delete de[t]);\r\n return de[t];\r\n }),\r\n (a.locales = function () {\r\n return C(de);\r\n }),\r\n (a.weekdaysShort = function (t, e, n) {\r\n return Tn(t, e, n, \"weekdaysShort\");\r\n }),\r\n (a.normalizeUnits = R),\r\n (a.relativeTimeRounding = function (t) {\r\n return void 0 === t ? Qn : \"function\" == typeof t && ((Qn = t), !0);\r\n }),\r\n (a.relativeTimeThreshold = function (t, e) {\r\n return (\r\n void 0 !== ti[t] &&\r\n (void 0 === e\r\n ? ti[t]\r\n : ((ti[t] = e), \"s\" === t && (ti.ss = e - 1), !0))\r\n );\r\n }),\r\n (a.calendarFormat = function (t, e) {\r\n var n = t.diff(e, \"days\", !0);\r\n return n < -6\r\n ? \"sameElse\"\r\n : n < -1\r\n ? \"lastWeek\"\r\n : n < 0\r\n ? \"lastDay\"\r\n : n < 1\r\n ? \"sameDay\"\r\n : n < 2\r\n ? \"nextDay\"\r\n : n < 7\r\n ? \"nextWeek\"\r\n : \"sameElse\";\r\n }),\r\n (a.prototype = Mn),\r\n (a.HTML5_FMT = {\r\n DATETIME_LOCAL: \"YYYY-MM-DDTHH:mm\",\r\n DATETIME_LOCAL_SECONDS: \"YYYY-MM-DDTHH:mm:ss\",\r\n DATETIME_LOCAL_MS: \"YYYY-MM-DDTHH:mm:ss.SSS\",\r\n DATE: \"YYYY-MM-DD\",\r\n TIME: \"HH:mm\",\r\n TIME_SECONDS: \"HH:mm:ss\",\r\n TIME_MS: \"HH:mm:ss.SSS\",\r\n WEEK: \"GGGG-[W]WW\",\r\n MONTH: \"YYYY-MM\",\r\n }),\r\n a\r\n );\r\n })();\r\n }),\r\n mi = {\r\n datetime: \"MMM D, YYYY, h:mm:ss a\",\r\n millisecond: \"h:mm:ss.SSS a\",\r\n second: \"h:mm:ss a\",\r\n minute: \"h:mm a\",\r\n hour: \"hA\",\r\n day: \"MMM D\",\r\n week: \"ll\",\r\n month: \"MMM YYYY\",\r\n quarter: \"[Q]Q - YYYY\",\r\n year: \"YYYY\",\r\n };\r\n rn._date.override(\r\n \"function\" == typeof gi\r\n ? {\r\n _id: \"moment\",\r\n formats: function () {\r\n return mi;\r\n },\r\n parse: function (t, e) {\r\n return (\r\n \"string\" == typeof t && \"string\" == typeof e\r\n ? (t = gi(t, e))\r\n : t instanceof gi || (t = gi(t)),\r\n t.isValid() ? t.valueOf() : null\r\n );\r\n },\r\n format: function (t, e) {\r\n return gi(t).format(e);\r\n },\r\n add: function (t, e, n) {\r\n return gi(t).add(e, n).valueOf();\r\n },\r\n diff: function (t, e, n) {\r\n return gi(t).diff(gi(e), n);\r\n },\r\n startOf: function (t, e, n) {\r\n return (\r\n (t = gi(t)),\r\n \"isoWeek\" === e\r\n ? t.isoWeekday(n).valueOf()\r\n : t.startOf(e).valueOf()\r\n );\r\n },\r\n endOf: function (t, e) {\r\n return gi(t).endOf(e).valueOf();\r\n },\r\n _create: function (t) {\r\n return gi(t);\r\n },\r\n }\r\n : {}\r\n ),\r\n W._set(\"global\", { plugins: { filler: { propagate: !0 } } });\r\n var pi = {\r\n dataset: function (t) {\r\n var e = t.fill,\r\n n = t.chart,\r\n i = n.getDatasetMeta(e),\r\n a = (i && n.isDatasetVisible(e) && i.dataset._children) || [],\r\n r = a.length || 0;\r\n return r\r\n ? function (t, e) {\r\n return (e < r && a[e]._view) || null;\r\n }\r\n : null;\r\n },\r\n boundary: function (t) {\r\n var e = t.boundary,\r\n n = e ? e.x : null,\r\n i = e ? e.y : null;\r\n return H.isArray(e)\r\n ? function (t, n) {\r\n return e[n];\r\n }\r\n : function (t) {\r\n return { x: null === n ? t.x : n, y: null === i ? t.y : i };\r\n };\r\n },\r\n };\r\n function vi(t, e, n) {\r\n var i,\r\n a = t._model || {},\r\n r = a.fill;\r\n if ((void 0 === r && (r = !!a.backgroundColor), !1 === r || null === r))\r\n return !1;\r\n if (!0 === r) return \"origin\";\r\n if (((i = parseFloat(r, 10)), isFinite(i) && Math.floor(i) === i))\r\n return (\r\n (\"-\" !== r[0] && \"+\" !== r[0]) || (i = e + i),\r\n !(i === e || i < 0 || i >= n) && i\r\n );\r\n switch (r) {\r\n case \"bottom\":\r\n return \"start\";\r\n case \"top\":\r\n return \"end\";\r\n case \"zero\":\r\n return \"origin\";\r\n case \"origin\":\r\n case \"start\":\r\n case \"end\":\r\n return r;\r\n default:\r\n return !1;\r\n }\r\n }\r\n function bi(t) {\r\n return (t.el._scale || {}).getPointPositionForValue\r\n ? (function (t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o = t.el._scale,\r\n s = o.options,\r\n l = o.chart.data.labels.length,\r\n u = t.fill,\r\n d = [];\r\n if (!l) return null;\r\n for (\r\n e = s.ticks.reverse ? o.max : o.min,\r\n n = s.ticks.reverse ? o.min : o.max,\r\n i = o.getPointPositionForValue(0, e),\r\n a = 0;\r\n a < l;\r\n ++a\r\n )\r\n (r =\r\n \"start\" === u || \"end\" === u\r\n ? o.getPointPositionForValue(a, \"start\" === u ? e : n)\r\n : o.getBasePosition(a)),\r\n s.gridLines.circular &&\r\n ((r.cx = i.x),\r\n (r.cy = i.y),\r\n (r.angle = o.getIndexAngle(a) - Math.PI / 2)),\r\n d.push(r);\r\n return d;\r\n })(t)\r\n : (function (t) {\r\n var e,\r\n n = t.el._model || {},\r\n i = t.el._scale || {},\r\n a = t.fill,\r\n r = null;\r\n if (isFinite(a)) return null;\r\n if (\r\n (\"start\" === a\r\n ? (r = void 0 === n.scaleBottom ? i.bottom : n.scaleBottom)\r\n : \"end\" === a\r\n ? (r = void 0 === n.scaleTop ? i.top : n.scaleTop)\r\n : void 0 !== n.scaleZero\r\n ? (r = n.scaleZero)\r\n : i.getBasePixel && (r = i.getBasePixel()),\r\n null != r)\r\n ) {\r\n if (void 0 !== r.x && void 0 !== r.y) return r;\r\n if (H.isFinite(r))\r\n return { x: (e = i.isHorizontal()) ? r : null, y: e ? null : r };\r\n }\r\n return null;\r\n })(t);\r\n }\r\n function yi(t, e, n) {\r\n var i,\r\n a = t[e].fill,\r\n r = [e];\r\n if (!n) return a;\r\n for (; !1 !== a && -1 === r.indexOf(a); ) {\r\n if (!isFinite(a)) return a;\r\n if (!(i = t[a])) return !1;\r\n if (i.visible) return a;\r\n r.push(a), (a = i.fill);\r\n }\r\n return !1;\r\n }\r\n function xi(t) {\r\n var e = t.fill,\r\n n = \"dataset\";\r\n return !1 === e ? null : (isFinite(e) || (n = \"boundary\"), pi[n](t));\r\n }\r\n function _i(t) {\r\n return t && !t.skip;\r\n }\r\n function wi(t, e, n, i, a) {\r\n var r, o, s, l;\r\n if (i && a) {\r\n for (t.moveTo(e[0].x, e[0].y), r = 1; r < i; ++r)\r\n H.canvas.lineTo(t, e[r - 1], e[r]);\r\n if (void 0 === n[0].angle)\r\n for (t.lineTo(n[a - 1].x, n[a - 1].y), r = a - 1; r > 0; --r)\r\n H.canvas.lineTo(t, n[r], n[r - 1], !0);\r\n else\r\n for (\r\n o = n[0].cx,\r\n s = n[0].cy,\r\n l = Math.sqrt(Math.pow(n[0].x - o, 2) + Math.pow(n[0].y - s, 2)),\r\n r = a - 1;\r\n r > 0;\r\n --r\r\n )\r\n t.arc(o, s, l, n[r].angle, n[r - 1].angle, !0);\r\n }\r\n }\r\n function ki(t, e, n, i, a, r) {\r\n var o,\r\n s,\r\n l,\r\n u,\r\n d,\r\n h,\r\n c,\r\n f,\r\n g = e.length,\r\n m = i.spanGaps,\r\n p = [],\r\n v = [],\r\n b = 0,\r\n y = 0;\r\n for (t.beginPath(), o = 0, s = g; o < s; ++o)\r\n (d = n((u = e[(l = o % g)]._view), l, i)),\r\n (h = _i(u)),\r\n (c = _i(d)),\r\n r && void 0 === f && h && (s = g + (f = o + 1)),\r\n h && c\r\n ? ((b = p.push(u)), (y = v.push(d)))\r\n : b &&\r\n y &&\r\n (m\r\n ? (h && p.push(u), c && v.push(d))\r\n : (wi(t, p, v, b, y), (b = y = 0), (p = []), (v = [])));\r\n wi(t, p, v, b, y), t.closePath(), (t.fillStyle = a), t.fill();\r\n }\r\n var Mi = {\r\n id: \"filler\",\r\n afterDatasetsUpdate: function (t, e) {\r\n var n,\r\n i,\r\n a,\r\n r,\r\n o = (t.data.datasets || []).length,\r\n s = e.propagate,\r\n l = [];\r\n for (i = 0; i < o; ++i)\r\n (r = null),\r\n (a = (n = t.getDatasetMeta(i)).dataset) &&\r\n a._model &&\r\n a instanceof wt.Line &&\r\n (r = {\r\n visible: t.isDatasetVisible(i),\r\n fill: vi(a, i, o),\r\n chart: t,\r\n el: a,\r\n }),\r\n (n.$filler = r),\r\n l.push(r);\r\n for (i = 0; i < o; ++i)\r\n (r = l[i]) &&\r\n ((r.fill = yi(l, i, s)), (r.boundary = bi(r)), (r.mapper = xi(r)));\r\n },\r\n beforeDatasetsDraw: function (t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l = t._getSortedVisibleDatasetMetas(),\r\n u = t.ctx;\r\n for (n = l.length - 1; n >= 0; --n)\r\n (e = l[n].$filler) &&\r\n e.visible &&\r\n ((a = (i = e.el)._view),\r\n (r = i._children || []),\r\n (o = e.mapper),\r\n (s = a.backgroundColor || W.global.defaultColor),\r\n o &&\r\n s &&\r\n r.length &&\r\n (H.canvas.clipArea(u, t.chartArea),\r\n ki(u, r, o, a, s, i._loop),\r\n H.canvas.unclipArea(u)));\r\n },\r\n },\r\n Si = H.rtl.getRtlAdapter,\r\n Di = H.noop,\r\n Ci = H.valueOrDefault;\r\n function Pi(t, e) {\r\n return t.usePointStyle && t.boxWidth > e ? e : t.boxWidth;\r\n }\r\n W._set(\"global\", {\r\n legend: {\r\n display: !0,\r\n position: \"top\",\r\n align: \"center\",\r\n fullWidth: !0,\r\n reverse: !1,\r\n weight: 1e3,\r\n onClick: function (t, e) {\r\n var n = e.datasetIndex,\r\n i = this.chart,\r\n a = i.getDatasetMeta(n);\r\n (a.hidden = null === a.hidden ? !i.data.datasets[n].hidden : null),\r\n i.update();\r\n },\r\n onHover: null,\r\n onLeave: null,\r\n labels: {\r\n boxWidth: 40,\r\n padding: 10,\r\n generateLabels: function (t) {\r\n var e = t.data.datasets,\r\n n = t.options.legend || {},\r\n i = n.labels && n.labels.usePointStyle;\r\n return t._getSortedDatasetMetas().map(function (n) {\r\n var a = n.controller.getStyle(i ? 0 : void 0);\r\n return {\r\n text: e[n.index].label,\r\n fillStyle: a.backgroundColor,\r\n hidden: !t.isDatasetVisible(n.index),\r\n lineCap: a.borderCapStyle,\r\n lineDash: a.borderDash,\r\n lineDashOffset: a.borderDashOffset,\r\n lineJoin: a.borderJoinStyle,\r\n lineWidth: a.borderWidth,\r\n strokeStyle: a.borderColor,\r\n pointStyle: a.pointStyle,\r\n rotation: a.rotation,\r\n datasetIndex: n.index,\r\n };\r\n }, this);\r\n },\r\n },\r\n },\r\n legendCallback: function (t) {\r\n var e,\r\n n,\r\n i,\r\n a = document.createElement(\"ul\"),\r\n r = t.data.datasets;\r\n for (\r\n a.setAttribute(\"class\", t.id + \"-legend\"), e = 0, n = r.length;\r\n e < n;\r\n e++\r\n )\r\n ((i = a.appendChild(document.createElement(\"li\"))).appendChild(\r\n document.createElement(\"span\")\r\n ).style.backgroundColor = r[e].backgroundColor),\r\n r[e].label && i.appendChild(document.createTextNode(r[e].label));\r\n return a.outerHTML;\r\n },\r\n });\r\n var Ti = $.extend({\r\n initialize: function (t) {\r\n H.extend(this, t),\r\n (this.legendHitBoxes = []),\r\n (this._hoveredItem = null),\r\n (this.doughnutMode = !1);\r\n },\r\n beforeUpdate: Di,\r\n update: function (t, e, n) {\r\n var i = this;\r\n return (\r\n i.beforeUpdate(),\r\n (i.maxWidth = t),\r\n (i.maxHeight = e),\r\n (i.margins = n),\r\n i.beforeSetDimensions(),\r\n i.setDimensions(),\r\n i.afterSetDimensions(),\r\n i.beforeBuildLabels(),\r\n i.buildLabels(),\r\n i.afterBuildLabels(),\r\n i.beforeFit(),\r\n i.fit(),\r\n i.afterFit(),\r\n i.afterUpdate(),\r\n i.minSize\r\n );\r\n },\r\n afterUpdate: Di,\r\n beforeSetDimensions: Di,\r\n setDimensions: function () {\r\n var t = this;\r\n t.isHorizontal()\r\n ? ((t.width = t.maxWidth), (t.left = 0), (t.right = t.width))\r\n : ((t.height = t.maxHeight), (t.top = 0), (t.bottom = t.height)),\r\n (t.paddingLeft = 0),\r\n (t.paddingTop = 0),\r\n (t.paddingRight = 0),\r\n (t.paddingBottom = 0),\r\n (t.minSize = { width: 0, height: 0 });\r\n },\r\n afterSetDimensions: Di,\r\n beforeBuildLabels: Di,\r\n buildLabels: function () {\r\n var t = this,\r\n e = t.options.labels || {},\r\n n = H.callback(e.generateLabels, [t.chart], t) || [];\r\n e.filter &&\r\n (n = n.filter(function (n) {\r\n return e.filter(n, t.chart.data);\r\n })),\r\n t.options.reverse && n.reverse(),\r\n (t.legendItems = n);\r\n },\r\n afterBuildLabels: Di,\r\n beforeFit: Di,\r\n fit: function () {\r\n var t = this,\r\n e = t.options,\r\n n = e.labels,\r\n i = e.display,\r\n a = t.ctx,\r\n r = H.options._parseFont(n),\r\n o = r.size,\r\n s = (t.legendHitBoxes = []),\r\n l = t.minSize,\r\n u = t.isHorizontal();\r\n if (\r\n (u\r\n ? ((l.width = t.maxWidth), (l.height = i ? 10 : 0))\r\n : ((l.width = i ? 10 : 0), (l.height = t.maxHeight)),\r\n i)\r\n ) {\r\n if (((a.font = r.string), u)) {\r\n var d = (t.lineWidths = [0]),\r\n h = 0;\r\n (a.textAlign = \"left\"),\r\n (a.textBaseline = \"middle\"),\r\n H.each(t.legendItems, function (t, e) {\r\n var i = Pi(n, o) + o / 2 + a.measureText(t.text).width;\r\n (0 === e || d[d.length - 1] + i + 2 * n.padding > l.width) &&\r\n ((h += o + n.padding), (d[d.length - (e > 0 ? 0 : 1)] = 0)),\r\n (s[e] = { left: 0, top: 0, width: i, height: o }),\r\n (d[d.length - 1] += i + n.padding);\r\n }),\r\n (l.height += h);\r\n } else {\r\n var c = n.padding,\r\n f = (t.columnWidths = []),\r\n g = (t.columnHeights = []),\r\n m = n.padding,\r\n p = 0,\r\n v = 0;\r\n H.each(t.legendItems, function (t, e) {\r\n var i = Pi(n, o) + o / 2 + a.measureText(t.text).width;\r\n e > 0 &&\r\n v + o + 2 * c > l.height &&\r\n ((m += p + n.padding), f.push(p), g.push(v), (p = 0), (v = 0)),\r\n (p = Math.max(p, i)),\r\n (v += o + c),\r\n (s[e] = { left: 0, top: 0, width: i, height: o });\r\n }),\r\n (m += p),\r\n f.push(p),\r\n g.push(v),\r\n (l.width += m);\r\n }\r\n (t.width = l.width), (t.height = l.height);\r\n } else t.width = l.width = t.height = l.height = 0;\r\n },\r\n afterFit: Di,\r\n isHorizontal: function () {\r\n return (\r\n \"top\" === this.options.position || \"bottom\" === this.options.position\r\n );\r\n },\r\n draw: function () {\r\n var t = this,\r\n e = t.options,\r\n n = e.labels,\r\n i = W.global,\r\n a = i.defaultColor,\r\n r = i.elements.line,\r\n o = t.height,\r\n s = t.columnHeights,\r\n l = t.width,\r\n u = t.lineWidths;\r\n if (e.display) {\r\n var d,\r\n h = Si(e.rtl, t.left, t.minSize.width),\r\n c = t.ctx,\r\n f = Ci(n.fontColor, i.defaultFontColor),\r\n g = H.options._parseFont(n),\r\n m = g.size;\r\n (c.textAlign = h.textAlign(\"left\")),\r\n (c.textBaseline = \"middle\"),\r\n (c.lineWidth = 0.5),\r\n (c.strokeStyle = f),\r\n (c.fillStyle = f),\r\n (c.font = g.string);\r\n var p = Pi(n, m),\r\n v = t.legendHitBoxes,\r\n b = function (t, i) {\r\n switch (e.align) {\r\n case \"start\":\r\n return n.padding;\r\n case \"end\":\r\n return t - i;\r\n default:\r\n return (t - i + n.padding) / 2;\r\n }\r\n },\r\n y = t.isHorizontal();\r\n (d = y\r\n ? { x: t.left + b(l, u[0]), y: t.top + n.padding, line: 0 }\r\n : { x: t.left + n.padding, y: t.top + b(o, s[0]), line: 0 }),\r\n H.rtl.overrideTextDirection(t.ctx, e.textDirection);\r\n var x = m + n.padding;\r\n H.each(t.legendItems, function (e, i) {\r\n var f = c.measureText(e.text).width,\r\n g = p + m / 2 + f,\r\n _ = d.x,\r\n w = d.y;\r\n h.setWidth(t.minSize.width),\r\n y\r\n ? i > 0 &&\r\n _ + g + n.padding > t.left + t.minSize.width &&\r\n ((w = d.y += x), d.line++, (_ = d.x = t.left + b(l, u[d.line])))\r\n : i > 0 &&\r\n w + x > t.top + t.minSize.height &&\r\n ((_ = d.x = _ + t.columnWidths[d.line] + n.padding),\r\n d.line++,\r\n (w = d.y = t.top + b(o, s[d.line])));\r\n var k = h.x(_);\r\n !(function (t, e, i) {\r\n if (!(isNaN(p) || p <= 0)) {\r\n c.save();\r\n var o = Ci(i.lineWidth, r.borderWidth);\r\n if (\r\n ((c.fillStyle = Ci(i.fillStyle, a)),\r\n (c.lineCap = Ci(i.lineCap, r.borderCapStyle)),\r\n (c.lineDashOffset = Ci(i.lineDashOffset, r.borderDashOffset)),\r\n (c.lineJoin = Ci(i.lineJoin, r.borderJoinStyle)),\r\n (c.lineWidth = o),\r\n (c.strokeStyle = Ci(i.strokeStyle, a)),\r\n c.setLineDash && c.setLineDash(Ci(i.lineDash, r.borderDash)),\r\n n && n.usePointStyle)\r\n ) {\r\n var s = (p * Math.SQRT2) / 2,\r\n l = h.xPlus(t, p / 2),\r\n u = e + m / 2;\r\n H.canvas.drawPoint(c, i.pointStyle, s, l, u, i.rotation);\r\n } else\r\n c.fillRect(h.leftForLtr(t, p), e, p, m),\r\n 0 !== o && c.strokeRect(h.leftForLtr(t, p), e, p, m);\r\n c.restore();\r\n }\r\n })(k, w, e),\r\n (v[i].left = h.leftForLtr(k, v[i].width)),\r\n (v[i].top = w),\r\n (function (t, e, n, i) {\r\n var a = m / 2,\r\n r = h.xPlus(t, p + a),\r\n o = e + a;\r\n c.fillText(n.text, r, o),\r\n n.hidden &&\r\n (c.beginPath(),\r\n (c.lineWidth = 2),\r\n c.moveTo(r, o),\r\n c.lineTo(h.xPlus(r, i), o),\r\n c.stroke());\r\n })(k, w, e, f),\r\n y ? (d.x += g + n.padding) : (d.y += x);\r\n }),\r\n H.rtl.restoreTextDirection(t.ctx, e.textDirection);\r\n }\r\n },\r\n _getLegendItemAt: function (t, e) {\r\n var n,\r\n i,\r\n a,\r\n r = this;\r\n if (t >= r.left && t <= r.right && e >= r.top && e <= r.bottom)\r\n for (a = r.legendHitBoxes, n = 0; n < a.length; ++n)\r\n if (\r\n t >= (i = a[n]).left &&\r\n t <= i.left + i.width &&\r\n e >= i.top &&\r\n e <= i.top + i.height\r\n )\r\n return r.legendItems[n];\r\n return null;\r\n },\r\n handleEvent: function (t) {\r\n var e,\r\n n = this,\r\n i = n.options,\r\n a = \"mouseup\" === t.type ? \"click\" : t.type;\r\n if (\"mousemove\" === a) {\r\n if (!i.onHover && !i.onLeave) return;\r\n } else {\r\n if (\"click\" !== a) return;\r\n if (!i.onClick) return;\r\n }\r\n (e = n._getLegendItemAt(t.x, t.y)),\r\n \"click\" === a\r\n ? e && i.onClick && i.onClick.call(n, t.native, e)\r\n : (i.onLeave &&\r\n e !== n._hoveredItem &&\r\n (n._hoveredItem && i.onLeave.call(n, t.native, n._hoveredItem),\r\n (n._hoveredItem = e)),\r\n i.onHover && e && i.onHover.call(n, t.native, e));\r\n },\r\n });\r\n function Oi(t, e) {\r\n var n = new Ti({ ctx: t.ctx, options: e, chart: t });\r\n me.configure(t, n, e), me.addBox(t, n), (t.legend = n);\r\n }\r\n var Ai = {\r\n id: \"legend\",\r\n _element: Ti,\r\n beforeInit: function (t) {\r\n var e = t.options.legend;\r\n e && Oi(t, e);\r\n },\r\n beforeUpdate: function (t) {\r\n var e = t.options.legend,\r\n n = t.legend;\r\n e\r\n ? (H.mergeIf(e, W.global.legend),\r\n n ? (me.configure(t, n, e), (n.options = e)) : Oi(t, e))\r\n : n && (me.removeBox(t, n), delete t.legend);\r\n },\r\n afterEvent: function (t, e) {\r\n var n = t.legend;\r\n n && n.handleEvent(e);\r\n },\r\n },\r\n Fi = H.noop;\r\n W._set(\"global\", {\r\n title: {\r\n display: !1,\r\n fontStyle: \"bold\",\r\n fullWidth: !0,\r\n padding: 10,\r\n position: \"top\",\r\n text: \"\",\r\n weight: 2e3,\r\n },\r\n });\r\n var Ii = $.extend({\r\n initialize: function (t) {\r\n H.extend(this, t), (this.legendHitBoxes = []);\r\n },\r\n beforeUpdate: Fi,\r\n update: function (t, e, n) {\r\n var i = this;\r\n return (\r\n i.beforeUpdate(),\r\n (i.maxWidth = t),\r\n (i.maxHeight = e),\r\n (i.margins = n),\r\n i.beforeSetDimensions(),\r\n i.setDimensions(),\r\n i.afterSetDimensions(),\r\n i.beforeBuildLabels(),\r\n i.buildLabels(),\r\n i.afterBuildLabels(),\r\n i.beforeFit(),\r\n i.fit(),\r\n i.afterFit(),\r\n i.afterUpdate(),\r\n i.minSize\r\n );\r\n },\r\n afterUpdate: Fi,\r\n beforeSetDimensions: Fi,\r\n setDimensions: function () {\r\n var t = this;\r\n t.isHorizontal()\r\n ? ((t.width = t.maxWidth), (t.left = 0), (t.right = t.width))\r\n : ((t.height = t.maxHeight), (t.top = 0), (t.bottom = t.height)),\r\n (t.paddingLeft = 0),\r\n (t.paddingTop = 0),\r\n (t.paddingRight = 0),\r\n (t.paddingBottom = 0),\r\n (t.minSize = { width: 0, height: 0 });\r\n },\r\n afterSetDimensions: Fi,\r\n beforeBuildLabels: Fi,\r\n buildLabels: Fi,\r\n afterBuildLabels: Fi,\r\n beforeFit: Fi,\r\n fit: function () {\r\n var t,\r\n e = this,\r\n n = e.options,\r\n i = (e.minSize = {}),\r\n a = e.isHorizontal();\r\n n.display\r\n ? ((t =\r\n (H.isArray(n.text) ? n.text.length : 1) *\r\n H.options._parseFont(n).lineHeight +\r\n 2 * n.padding),\r\n (e.width = i.width = a ? e.maxWidth : t),\r\n (e.height = i.height = a ? t : e.maxHeight))\r\n : (e.width = i.width = e.height = i.height = 0);\r\n },\r\n afterFit: Fi,\r\n isHorizontal: function () {\r\n var t = this.options.position;\r\n return \"top\" === t || \"bottom\" === t;\r\n },\r\n draw: function () {\r\n var t = this,\r\n e = t.ctx,\r\n n = t.options;\r\n if (n.display) {\r\n var i,\r\n a,\r\n r,\r\n o = H.options._parseFont(n),\r\n s = o.lineHeight,\r\n l = s / 2 + n.padding,\r\n u = 0,\r\n d = t.top,\r\n h = t.left,\r\n c = t.bottom,\r\n f = t.right;\r\n (e.fillStyle = H.valueOrDefault(\r\n n.fontColor,\r\n W.global.defaultFontColor\r\n )),\r\n (e.font = o.string),\r\n t.isHorizontal()\r\n ? ((a = h + (f - h) / 2), (r = d + l), (i = f - h))\r\n : ((a = \"left\" === n.position ? h + l : f - l),\r\n (r = d + (c - d) / 2),\r\n (i = c - d),\r\n (u = Math.PI * (\"left\" === n.position ? -0.5 : 0.5))),\r\n e.save(),\r\n e.translate(a, r),\r\n e.rotate(u),\r\n (e.textAlign = \"center\"),\r\n (e.textBaseline = \"middle\");\r\n var g = n.text;\r\n if (H.isArray(g))\r\n for (var m = 0, p = 0; p < g.length; ++p)\r\n e.fillText(g[p], 0, m, i), (m += s);\r\n else e.fillText(g, 0, 0, i);\r\n e.restore();\r\n }\r\n },\r\n });\r\n function Li(t, e) {\r\n var n = new Ii({ ctx: t.ctx, options: e, chart: t });\r\n me.configure(t, n, e), me.addBox(t, n), (t.titleBlock = n);\r\n }\r\n var Ri = {},\r\n Ni = Mi,\r\n Wi = Ai,\r\n Yi = {\r\n id: \"title\",\r\n _element: Ii,\r\n beforeInit: function (t) {\r\n var e = t.options.title;\r\n e && Li(t, e);\r\n },\r\n beforeUpdate: function (t) {\r\n var e = t.options.title,\r\n n = t.titleBlock;\r\n e\r\n ? (H.mergeIf(e, W.global.title),\r\n n ? (me.configure(t, n, e), (n.options = e)) : Li(t, e))\r\n : n && (me.removeBox(t, n), delete t.titleBlock);\r\n },\r\n };\r\n for (var zi in ((Ri.filler = Ni),\r\n (Ri.legend = Wi),\r\n (Ri.title = Yi),\r\n (en.helpers = H),\r\n (function () {\r\n function t(t, e, n) {\r\n var i;\r\n return (\r\n \"string\" == typeof t\r\n ? ((i = parseInt(t, 10)),\r\n -1 !== t.indexOf(\"%\") && (i = (i / 100) * e.parentNode[n]))\r\n : (i = t),\r\n i\r\n );\r\n }\r\n function e(t) {\r\n return null != t && \"none\" !== t;\r\n }\r\n function n(n, i, a) {\r\n var r = document.defaultView,\r\n o = H._getParentNode(n),\r\n s = r.getComputedStyle(n)[i],\r\n l = r.getComputedStyle(o)[i],\r\n u = e(s),\r\n d = e(l),\r\n h = Number.POSITIVE_INFINITY;\r\n return u || d ? Math.min(u ? t(s, n, a) : h, d ? t(l, o, a) : h) : \"none\";\r\n }\r\n (H.where = function (t, e) {\r\n if (H.isArray(t) && Array.prototype.filter) return t.filter(e);\r\n var n = [];\r\n return (\r\n H.each(t, function (t) {\r\n e(t) && n.push(t);\r\n }),\r\n n\r\n );\r\n }),\r\n (H.findIndex = Array.prototype.findIndex\r\n ? function (t, e, n) {\r\n return t.findIndex(e, n);\r\n }\r\n : function (t, e, n) {\r\n n = void 0 === n ? t : n;\r\n for (var i = 0, a = t.length; i < a; ++i)\r\n if (e.call(n, t[i], i, t)) return i;\r\n return -1;\r\n }),\r\n (H.findNextWhere = function (t, e, n) {\r\n H.isNullOrUndef(n) && (n = -1);\r\n for (var i = n + 1; i < t.length; i++) {\r\n var a = t[i];\r\n if (e(a)) return a;\r\n }\r\n }),\r\n (H.findPreviousWhere = function (t, e, n) {\r\n H.isNullOrUndef(n) && (n = t.length);\r\n for (var i = n - 1; i >= 0; i--) {\r\n var a = t[i];\r\n if (e(a)) return a;\r\n }\r\n }),\r\n (H.isNumber = function (t) {\r\n return !isNaN(parseFloat(t)) && isFinite(t);\r\n }),\r\n (H.almostEquals = function (t, e, n) {\r\n return Math.abs(t - e) < n;\r\n }),\r\n (H.almostWhole = function (t, e) {\r\n var n = Math.round(t);\r\n return n - e <= t && n + e >= t;\r\n }),\r\n (H.max = function (t) {\r\n return t.reduce(function (t, e) {\r\n return isNaN(e) ? t : Math.max(t, e);\r\n }, Number.NEGATIVE_INFINITY);\r\n }),\r\n (H.min = function (t) {\r\n return t.reduce(function (t, e) {\r\n return isNaN(e) ? t : Math.min(t, e);\r\n }, Number.POSITIVE_INFINITY);\r\n }),\r\n (H.sign = Math.sign\r\n ? function (t) {\r\n return Math.sign(t);\r\n }\r\n : function (t) {\r\n return 0 === (t = +t) || isNaN(t) ? t : t > 0 ? 1 : -1;\r\n }),\r\n (H.toRadians = function (t) {\r\n return t * (Math.PI / 180);\r\n }),\r\n (H.toDegrees = function (t) {\r\n return t * (180 / Math.PI);\r\n }),\r\n (H._decimalPlaces = function (t) {\r\n if (H.isFinite(t)) {\r\n for (var e = 1, n = 0; Math.round(t * e) / e !== t; ) (e *= 10), n++;\r\n return n;\r\n }\r\n }),\r\n (H.getAngleFromPoint = function (t, e) {\r\n var n = e.x - t.x,\r\n i = e.y - t.y,\r\n a = Math.sqrt(n * n + i * i),\r\n r = Math.atan2(i, n);\r\n return (\r\n r < -0.5 * Math.PI && (r += 2 * Math.PI), { angle: r, distance: a }\r\n );\r\n }),\r\n (H.distanceBetweenPoints = function (t, e) {\r\n return Math.sqrt(Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2));\r\n }),\r\n (H.aliasPixel = function (t) {\r\n return t % 2 == 0 ? 0 : 0.5;\r\n }),\r\n (H._alignPixel = function (t, e, n) {\r\n var i = t.currentDevicePixelRatio,\r\n a = n / 2;\r\n return Math.round((e - a) * i) / i + a;\r\n }),\r\n (H.splineCurve = function (t, e, n, i) {\r\n var a = t.skip ? e : t,\r\n r = e,\r\n o = n.skip ? e : n,\r\n s = Math.sqrt(Math.pow(r.x - a.x, 2) + Math.pow(r.y - a.y, 2)),\r\n l = Math.sqrt(Math.pow(o.x - r.x, 2) + Math.pow(o.y - r.y, 2)),\r\n u = s / (s + l),\r\n d = l / (s + l),\r\n h = i * (u = isNaN(u) ? 0 : u),\r\n c = i * (d = isNaN(d) ? 0 : d);\r\n return {\r\n previous: { x: r.x - h * (o.x - a.x), y: r.y - h * (o.y - a.y) },\r\n next: { x: r.x + c * (o.x - a.x), y: r.y + c * (o.y - a.y) },\r\n };\r\n }),\r\n (H.EPSILON = Number.EPSILON || 1e-14),\r\n (H.splineCurveMonotone = function (t) {\r\n var e,\r\n n,\r\n i,\r\n a,\r\n r,\r\n o,\r\n s,\r\n l,\r\n u,\r\n d = (t || []).map(function (t) {\r\n return { model: t._model, deltaK: 0, mK: 0 };\r\n }),\r\n h = d.length;\r\n for (e = 0; e < h; ++e)\r\n if (!(i = d[e]).model.skip) {\r\n if (\r\n ((n = e > 0 ? d[e - 1] : null),\r\n (a = e < h - 1 ? d[e + 1] : null) && !a.model.skip)\r\n ) {\r\n var c = a.model.x - i.model.x;\r\n i.deltaK = 0 !== c ? (a.model.y - i.model.y) / c : 0;\r\n }\r\n !n || n.model.skip\r\n ? (i.mK = i.deltaK)\r\n : !a || a.model.skip\r\n ? (i.mK = n.deltaK)\r\n : this.sign(n.deltaK) !== this.sign(i.deltaK)\r\n ? (i.mK = 0)\r\n : (i.mK = (n.deltaK + i.deltaK) / 2);\r\n }\r\n for (e = 0; e < h - 1; ++e)\r\n (i = d[e]),\r\n (a = d[e + 1]),\r\n i.model.skip ||\r\n a.model.skip ||\r\n (H.almostEquals(i.deltaK, 0, this.EPSILON)\r\n ? (i.mK = a.mK = 0)\r\n : ((r = i.mK / i.deltaK),\r\n (o = a.mK / i.deltaK),\r\n (l = Math.pow(r, 2) + Math.pow(o, 2)) <= 9 ||\r\n ((s = 3 / Math.sqrt(l)),\r\n (i.mK = r * s * i.deltaK),\r\n (a.mK = o * s * i.deltaK))));\r\n for (e = 0; e < h; ++e)\r\n (i = d[e]).model.skip ||\r\n ((n = e > 0 ? d[e - 1] : null),\r\n (a = e < h - 1 ? d[e + 1] : null),\r\n n &&\r\n !n.model.skip &&\r\n ((u = (i.model.x - n.model.x) / 3),\r\n (i.model.controlPointPreviousX = i.model.x - u),\r\n (i.model.controlPointPreviousY = i.model.y - u * i.mK)),\r\n a &&\r\n !a.model.skip &&\r\n ((u = (a.model.x - i.model.x) / 3),\r\n (i.model.controlPointNextX = i.model.x + u),\r\n (i.model.controlPointNextY = i.model.y + u * i.mK)));\r\n }),\r\n (H.nextItem = function (t, e, n) {\r\n return n\r\n ? e >= t.length - 1\r\n ? t[0]\r\n : t[e + 1]\r\n : e >= t.length - 1\r\n ? t[t.length - 1]\r\n : t[e + 1];\r\n }),\r\n (H.previousItem = function (t, e, n) {\r\n return n\r\n ? e <= 0\r\n ? t[t.length - 1]\r\n : t[e - 1]\r\n : e <= 0\r\n ? t[0]\r\n : t[e - 1];\r\n }),\r\n (H.niceNum = function (t, e) {\r\n var n = Math.floor(H.log10(t)),\r\n i = t / Math.pow(10, n);\r\n return (\r\n (e\r\n ? i < 1.5\r\n ? 1\r\n : i < 3\r\n ? 2\r\n : i < 7\r\n ? 5\r\n : 10\r\n : i <= 1\r\n ? 1\r\n : i <= 2\r\n ? 2\r\n : i <= 5\r\n ? 5\r\n : 10) * Math.pow(10, n)\r\n );\r\n }),\r\n (H.requestAnimFrame =\r\n \"undefined\" == typeof window\r\n ? function (t) {\r\n t();\r\n }\r\n : window.requestAnimationFrame ||\r\n window.webkitRequestAnimationFrame ||\r\n window.mozRequestAnimationFrame ||\r\n window.oRequestAnimationFrame ||\r\n window.msRequestAnimationFrame ||\r\n function (t) {\r\n return window.setTimeout(t, 1e3 / 60);\r\n }),\r\n (H.getRelativePosition = function (t, e) {\r\n var n,\r\n i,\r\n a = t.originalEvent || t,\r\n r = t.target || t.srcElement,\r\n o = r.getBoundingClientRect(),\r\n s = a.touches;\r\n s && s.length > 0\r\n ? ((n = s[0].clientX), (i = s[0].clientY))\r\n : ((n = a.clientX), (i = a.clientY));\r\n var l = parseFloat(H.getStyle(r, \"padding-left\")),\r\n u = parseFloat(H.getStyle(r, \"padding-top\")),\r\n d = parseFloat(H.getStyle(r, \"padding-right\")),\r\n h = parseFloat(H.getStyle(r, \"padding-bottom\")),\r\n c = o.right - o.left - l - d,\r\n f = o.bottom - o.top - u - h;\r\n return {\r\n x: (n = Math.round(\r\n (((n - o.left - l) / c) * r.width) / e.currentDevicePixelRatio\r\n )),\r\n y: (i = Math.round(\r\n (((i - o.top - u) / f) * r.height) / e.currentDevicePixelRatio\r\n )),\r\n };\r\n }),\r\n (H.getConstraintWidth = function (t) {\r\n return n(t, \"max-width\", \"clientWidth\");\r\n }),\r\n (H.getConstraintHeight = function (t) {\r\n return n(t, \"max-height\", \"clientHeight\");\r\n }),\r\n (H._calculatePadding = function (t, e, n) {\r\n return (e = H.getStyle(t, e)).indexOf(\"%\") > -1\r\n ? (n * parseInt(e, 10)) / 100\r\n : parseInt(e, 10);\r\n }),\r\n (H._getParentNode = function (t) {\r\n var e = t.parentNode;\r\n return e && \"[object ShadowRoot]\" === e.toString() && (e = e.host), e;\r\n }),\r\n (H.getMaximumWidth = function (t) {\r\n var e = H._getParentNode(t);\r\n if (!e) return t.clientWidth;\r\n var n = e.clientWidth,\r\n i =\r\n n -\r\n H._calculatePadding(e, \"padding-left\", n) -\r\n H._calculatePadding(e, \"padding-right\", n),\r\n a = H.getConstraintWidth(t);\r\n return isNaN(a) ? i : Math.min(i, a);\r\n }),\r\n (H.getMaximumHeight = function (t) {\r\n var e = H._getParentNode(t);\r\n if (!e) return t.clientHeight;\r\n var n = e.clientHeight,\r\n i =\r\n n -\r\n H._calculatePadding(e, \"padding-top\", n) -\r\n H._calculatePadding(e, \"padding-bottom\", n),\r\n a = H.getConstraintHeight(t);\r\n return isNaN(a) ? i : Math.min(i, a);\r\n }),\r\n (H.getStyle = function (t, e) {\r\n return t.currentStyle\r\n ? t.currentStyle[e]\r\n : document.defaultView.getComputedStyle(t, null).getPropertyValue(e);\r\n }),\r\n (H.retinaScale = function (t, e) {\r\n var n = (t.currentDevicePixelRatio =\r\n e || (\"undefined\" != typeof window && window.devicePixelRatio) || 1);\r\n if (1 !== n) {\r\n var i = t.canvas,\r\n a = t.height,\r\n r = t.width;\r\n (i.height = a * n),\r\n (i.width = r * n),\r\n t.ctx.scale(n, n),\r\n i.style.height ||\r\n i.style.width ||\r\n ((i.style.height = a + \"px\"), (i.style.width = r + \"px\"));\r\n }\r\n }),\r\n (H.fontString = function (t, e, n) {\r\n return e + \" \" + t + \"px \" + n;\r\n }),\r\n (H.longestText = function (t, e, n, i) {\r\n var a = ((i = i || {}).data = i.data || {}),\r\n r = (i.garbageCollect = i.garbageCollect || []);\r\n i.font !== e &&\r\n ((a = i.data = {}), (r = i.garbageCollect = []), (i.font = e)),\r\n (t.font = e);\r\n var o,\r\n s,\r\n l,\r\n u,\r\n d,\r\n h = 0,\r\n c = n.length;\r\n for (o = 0; o < c; o++)\r\n if (null != (u = n[o]) && !0 !== H.isArray(u))\r\n h = H.measureText(t, a, r, h, u);\r\n else if (H.isArray(u))\r\n for (s = 0, l = u.length; s < l; s++)\r\n null == (d = u[s]) ||\r\n H.isArray(d) ||\r\n (h = H.measureText(t, a, r, h, d));\r\n var f = r.length / 2;\r\n if (f > n.length) {\r\n for (o = 0; o < f; o++) delete a[r[o]];\r\n r.splice(0, f);\r\n }\r\n return h;\r\n }),\r\n (H.measureText = function (t, e, n, i, a) {\r\n var r = e[a];\r\n return (\r\n r || ((r = e[a] = t.measureText(a).width), n.push(a)),\r\n r > i && (i = r),\r\n i\r\n );\r\n }),\r\n (H.numberOfLabelLines = function (t) {\r\n var e = 1;\r\n return (\r\n H.each(t, function (t) {\r\n H.isArray(t) && t.length > e && (e = t.length);\r\n }),\r\n e\r\n );\r\n }),\r\n (H.color = k\r\n ? function (t) {\r\n return (\r\n t instanceof CanvasGradient && (t = W.global.defaultColor), k(t)\r\n );\r\n }\r\n : function (t) {\r\n return console.error(\"Color.js not found!\"), t;\r\n }),\r\n (H.getHoverColor = function (t) {\r\n return t instanceof CanvasPattern || t instanceof CanvasGradient\r\n ? t\r\n : H.color(t).saturate(0.5).darken(0.1).rgbString();\r\n });\r\n })(),\r\n (en._adapters = rn),\r\n (en.Animation = K),\r\n (en.animationService = J),\r\n (en.controllers = Jt),\r\n (en.DatasetController = it),\r\n (en.defaults = W),\r\n (en.Element = $),\r\n (en.elements = wt),\r\n (en.Interaction = re),\r\n (en.layouts = me),\r\n (en.platform = Ie),\r\n (en.plugins = Le),\r\n (en.Scale = xn),\r\n (en.scaleService = Re),\r\n (en.Ticks = on),\r\n (en.Tooltip = Ge),\r\n en.helpers.each(fi, function (t, e) {\r\n en.scaleService.registerScaleType(e, t, t._defaults);\r\n }),\r\n Ri))\r\n Ri.hasOwnProperty(zi) && en.plugins.register(Ri[zi]);\r\n en.platform.initialize();\r\n var Ei = en;\r\n return (\r\n \"undefined\" != typeof window && (window.Chart = en),\r\n (en.Chart = en),\r\n (en.Legend = Ri.legend._element),\r\n (en.Title = Ri.title._element),\r\n (en.pluginService = en.plugins),\r\n (en.PluginBase = en.Element.extend({})),\r\n (en.canvasHelpers = en.helpers.canvas),\r\n (en.layoutService = en.layouts),\r\n (en.LinearScaleBase = Dn),\r\n en.helpers.each(\r\n [\"Bar\", \"Bubble\", \"Doughnut\", \"Line\", \"PolarArea\", \"Radar\", \"Scatter\"],\r\n function (t) {\r\n en[t] = function (e, n) {\r\n return new en(\r\n e,\r\n en.helpers.merge(n || {}, {\r\n type: t.charAt(0).toLowerCase() + t.slice(1),\r\n })\r\n );\r\n };\r\n }\r\n ),\r\n Ei\r\n );\r\n});\r\n","import { ChangeDetectorRef, OnChanges } from \"@angular/core\";\r\n\r\nimport { Component, Input, OnInit, SimpleChanges } from \"@angular/core\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { MatSnackBar } from \"@angular/material/snack-bar\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { ColumnMode } from \"@swimlane/ngx-datatable\";\r\nimport { CdkDragDrop, moveItemInArray } from \"@angular/cdk/drag-drop\";\r\nimport { GridsterService } from \"src/app/services/gridster.service\";\r\nimport { Subject } from \"rxjs\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { SelectedOrderTradeComponent } from \"../selected-order-trade/selected-order-trade.component\";\r\n\r\n@Component({\r\n selector: \"app-trades-order-history\",\r\n templateUrl: \"./trades-order-history.component.html\",\r\n styleUrls: [\"./trades-order-history.component.scss\"],\r\n})\r\nexport class TradesOrderHistoryComponent implements OnInit {\r\n rows = [];\r\n\r\n DataToShow = false;\r\n ColumnMode = ColumnMode;\r\n dtTrigger: Subject\r\n {{message}}\r\n
\r\n\r\n
\r\n","\r\n \r\n \r\n \r\n
\r\n {{\"history\"|translate}}
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n| \r\n | {{ item.name | translate}} | \r\n
|---|---|
| \r\n \r\n | \r\n\r\n \r\n {{(translate.currentLang == 'en')?item.SymbolShortNameEn:item.SymbolShortNameAr}}\r\n {{(translate.currentLang == 'en')?item.SymbolNameEn:item.SymbolNameAr}}\r\n \r\n \r\n {{item.lastTradeTime | date: 'medium'}}\r\n {{item.CreateDate | date: 'medium'}}\r\n \r\n \r\n {{\"limit\" | translate}}\r\n {{\"market\" | translate}}\r\n \r\n {{ item[x.prop]| date: 'medium' }}\r\n {{item.CustodianCode}}\r\n {{(translate.currentLang == 'en')?item?.FixStatusEn:item?.FixStatusAr}}\r\n {{(translate.currentLang == 'en')?item[x.prop]?.CustodianNameE:item[x.prop]?.CustodianNameA}}\r\n {{(translate.currentLang == 'en')?item?.TransactionTypeEn:item?.TransactionTypeAr}}\r\n {{ item[x.prop] | number: \"1.2-2\":\"en-US\"}}\r\n {{item[x.prop]}}\r\n | \r\n
\r\n {{ \"no-data-available\" | translate }}\r\n
\r\n \r\n
\r\n","import { Component, Input, OnInit, SimpleChanges } from \"@angular/core\";\r\nimport { CompanyTrades } from \"src/app/models/company-trades\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\n\r\n@Component({\r\n selector: \"app-quota-trade\",\r\n templateUrl: \"./quota-trade.component.html\",\r\n styleUrls: [\"./quota-trade.component.scss\"],\r\n})\r\nexport class QuotaTradeComponent implements OnInit {\r\n companyTrades: CompanyTrades;\r\n isTradesLoading: boolean;\r\n @Input() symbolCode: string;\r\n @Input() reuters: string;\r\n @Input() companyName: string;\r\n\r\n constructor(private _service: ApiService, signalService: SignalRService) {\r\n if (!this.isTradesLoading) {\r\n signalService.tradeChanges.subscribe((res) => {\r\n if (this.reuters != null) {\r\n res.forEach((element) => {\r\n if (element.reuters == this.reuters) {\r\n // this.fetchCompanyTrades();\r\n }\r\n });\r\n }\r\n });\r\n }\r\n }\r\n\r\n ngOnInit() {}\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n this.symbolCode = changes.symbolCode.currentValue;\r\n if (this.symbolCode) {\r\n this.isTradesLoading = true;\r\n this.fetchCompanyTrades();\r\n }\r\n }\r\n\r\n fetchCompanyTrades() {\r\n this.isTradesLoading = true;\r\n\r\n this._service.fetchCompanyTrades(this.symbolCode).subscribe((res) => {\r\n this.isTradesLoading = false;\r\n this.companyTrades = res as CompanyTrades;\r\n });\r\n }\r\n}\r\n","var map = {\n\t\"./locale\": \"wCDk\",\n\t\"./locale.js\": \"wCDk\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"Lw2E\";","import { TranslateService } from \"@ngx-translate/core\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { CreateAlertComponent } from \"./../../create-alert/create-alert.component\";\r\nimport { Router } from \"@angular/router\";\r\nimport {\r\n Component,\r\n ElementRef,\r\n EventEmitter,\r\n HostListener,\r\n Input,\r\n OnInit,\r\n Output,\r\n} from \"@angular/core\";\r\nimport { OrderBuyComponent } from \"../../order-buy/order-buy.component\";\r\nimport { FavService } from \"src/app/services/fav.service\";\r\n\r\n@Component({\r\n selector: \"app-context-menu\",\r\n templateUrl: \"./context-menu.component.html\",\r\n styleUrls: [\"./context-menu.component.scss\"],\r\n})\r\nexport class ContextMenuComponent implements OnInit {\r\n @Input() x = 0;\r\n @Input() y = 0;\r\n @Input() isShow: boolean;\r\n @Input() item;\r\n @Output()\r\n addNew = new EventEmitter{{\"recent-trades\" | translate}}\r\n - {{reuters}}\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n
\r\n| # | \r\n{{\"price\"|translate}} | \r\n{{\"qty\"|translate}} | \r\n
|---|---|---|
| {{item.Split}} | \r\n{{item.Price}} | \r\n{{item.Qty | number: \"1.0\":\"en-US\"}} | \r\n
\" + this.textConfirmMassage + \"\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: this.translate.instant(\"yes\"),\r\n cancelButtonText: this.translate.instant(\"no\"),\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n this.http\r\n .post(\r\n UrlConstants.backofficeUrl +\r\n \"/api/OnlineTrading/PostPayableRequest\",\r\n this.newDeposit\r\n )\r\n .subscribe(\r\n (res) => {\r\n this.isSubmitting = false;\r\n if (res) this.submitStatus = res;\r\n form.resetForm();\r\n this.payableForm.resetForm();\r\n this.fileName = null;\r\n this.fileToUpload = null;\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"success\",\r\n title: this.translate.instant(\"succes-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n },\r\n (err) => {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n );\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n !result.isConfirmed\r\n ) {\r\n this.isSubmitting = false;\r\n }\r\n });\r\n }\r\n submitWithdraw(form: NgForm) {\r\n this.isSubmitting = true;\r\n this.newWithdraw.Date = new Date().toLocaleString(\"en-us\", {\r\n timeZone: \"Africa/Cairo\",\r\n });\r\n if (this.newWithdraw.ActionType == 1) {\r\n if (this.translate.currentLang == \"ar\") {\r\n this.titleMessage = \"تأكيد طلب سحب\";\r\n this.textConfirmMassage = `برجاء مراجعه البيانات التالية قبل ارسال الطلب\r\n الحساب: ${form.form.value.client} العملة: ${form.form.value.CurrencyId.AbbreviationA\r\n }\r\n التاريخ: ${this.datepipe.transform(\r\n this.newWithdraw.Date.toString(),\r\n \"dd-MM-yyyy\"\r\n )} المبلغ المسحوب: ${form.form.value.Amount}\r\n نوع التحويل: شيك`;\r\n }\r\n if (this.translate.currentLang == \"en\") {\r\n this.titleMessage = \"Withdraw Request Confirmation\";\r\n this.textConfirmMassage = `Please check the information before sending the request\r\n Account: ${form.form.value.RelationCode} Currency: ${form.form.value.CurrencyId.AbbreviationE\r\n }\r\n Amount: ${form.form.value.Amount} Select Date: ${this.datepipe.transform(\r\n this.newWithdraw.Date.toString(),\r\n \"dd-MM-yyyy\"\r\n )}\r\n Transaction Type: Chech Deposite`;\r\n }\r\n }\r\n if (this.newWithdraw.ActionType == 2) {\r\n if (this.translate.currentLang == \"ar\") {\r\n this.titleMessage = \"تأكيد طلب سحب\";\r\n this.textConfirmMassage = `برجاء مراجعه البيانات التالية قبل ارسال الطلب\r\n الحساب: ${form.form.value.client} العملة: ${form.form.value.CurrencyId.AbbreviationA\r\n }\r\n التاريخ: ${this.datepipe.transform(\r\n this.newWithdraw.Date.toString(),\r\n \"dd-MM-yyyy\"\r\n )} المبلغ المسحوب: ${form.form.value.Amount}\r\n نوع التحويل: تحويل بنكي\r\n بنك الايداع: ${form.form.value.depositBank.BankNameA}\r\n فرع البنك: ${form.form.value.bankBranch.BankNameA}\r\n رقم الحساب: ${form.form.value.AccountNumber}\r\n ${form.form.value.SwiftCode} :IBAN\r\n `;\r\n }\r\n if (this.translate.currentLang == \"en\") {\r\n this.titleMessage = \"Withdraw Request Confirmation\";\r\n this.textConfirmMassage = `Please check the information before sending the request\r\n Account: ${form.form.value.RelationCode} Currency: ${form.form.value.CurrencyId.AbbreviationE\r\n }\r\n Amount: ${form.form.value.Amount} Select Date: ${this.datepipe.transform(\r\n this.newWithdraw.Date.toString(),\r\n \"dd-MM-yyyy\"\r\n )}\r\n Transaction Type: Bank Transfer Deposit\r\n Deposite Bank: ${form.form.value.depositBank.BankNameE}\r\n Bank Branch: ${form.form.value.bankBranch.BankNameE}\r\n Account Number: ${form.form.value.AccountNumber}\r\n IBAN: ${form.form.value.SwiftCode}\r\n `;\r\n }\r\n\r\n this.newWithdraw.BankId = form.form.value.depositBank.BankID;\r\n this.newWithdraw.BankBrachId = form.form.value.bankBranch.BranchID;\r\n }\r\n\r\n this.newWithdraw.CurrencyId = form.form.value.CurrencyId.CurrencyID;\r\n\r\n Swal.fire({\r\n title: this.titleMessage,\r\n html: \"\" + this.textConfirmMassage + \"\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: this.translate.instant(\"yes\"),\r\n cancelButtonText: this.translate.instant(\"no\"),\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n this.http\r\n .post(\r\n UrlConstants.backofficeUrl +\r\n \"/api/OnlineTrading/PostReceivableRequest\",\r\n this.newWithdraw\r\n )\r\n .subscribe(\r\n (res) => {\r\n this.isSubmitting = false;\r\n if (res) this.submitStatus = res;\r\n form.resetForm();\r\n\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"success\",\r\n title: this.translate.instant(\"succes-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n }).then(() => {\r\n this.router.navigate([\"/home\"]);\r\n });\r\n },\r\n (err) => {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n );\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n !result.isConfirmed\r\n ) {\r\n this.isSubmitting = false;\r\n }\r\n });\r\n }\r\n\r\n generateInvoice() {\r\n this.http\r\n .get(\r\n `${UrlConstants.backofficeUrl}/api/Invoice/getClientInvoice?fromDate=01-03-2020&toDate=01-03-2021&lang=1&relationCode=${this.selectedAccount}`\r\n )\r\n .subscribe((res) => {\r\n this.userInvoice = res;\r\n this.router.navigate([\"invoice\"], {\r\n state: { invoice: this.userInvoice },\r\n });\r\n });\r\n }\r\n\r\n fetchUserPortfolio(selectedAcc?) {\r\n this.showTradesSummary = true;\r\n if (selectedAcc) this.selectedAccount = selectedAcc;\r\n this.initPortfolioSignalR();\r\n this.noChart = null;\r\n this.isProfileLoading = true;\r\n\r\n this.http\r\n .get(\r\n `${UrlConstants.backofficeUrl}/api/Client/GetClientInformation?relationCode=${this.selectedAccount}`\r\n )\r\n .subscribe((res) => {\r\n this.isProfileLoading = false;\r\n this.userPortfolio = res as ClientData;\r\n\r\n this.companyName = this.userPortfolio.Profile.CompanyNameAr;\r\n\r\n this.Endorsement = `الساده شركة ${this.companyName} برجاء التكرم بفتح حد إئتمان للتداول في ذات الجلسة علي حسابي طرف شركتكم وفي حالة التنفيذ و ظهور مديونية أتعهد أن يتم سداد كامل مديونية اليوم بالبيع أو بالإيداع و في حالة عدم التزامي بإغلاق المديونية قبل نهاية الجلسة بنصف ساعة أفوض الشركة ببيع أي أسهم موجودة بمحفظتي لسداد كامل المديونية وهذا إقرار مني بذلك`;\r\n\r\n if (\r\n this.ratedActiveBalance == 0 &&\r\n this.userPortfolio.Portfolio.RatedPortfolio == null\r\n )\r\n this.noChart = true;\r\n else if (\r\n this.ratedActiveBalance > 0 &&\r\n (!this.userPortfolio.Portfolio?.RatedPortfolio ||\r\n this.userPortfolio.Portfolio?.RatedPortfolio?.TotalMarketValue == 0)\r\n ) {\r\n this.purchaseStocks = 100;\r\n this.chartStocks = 0;\r\n this.initChart();\r\n } else if (\r\n this.ratedActiveBalance <= 0 &&\r\n this.userPortfolio?.Portfolio?.RatedPortfolio?.TotalMarketValue > 0\r\n ) {\r\n this.purchaseStocks = 0;\r\n this.chartStocks = 100;\r\n this.initChart();\r\n } else {\r\n this.chartStocks =\r\n (this.userPortfolio?.Portfolio?.RatedPortfolio?.TotalMarketValue /\r\n (this.userPortfolio?.Portfolio?.RatedPortfolio?.TotalMarketValue +\r\n this.ratedActiveBalance)) *\r\n 100;\r\n this.purchaseStocks =\r\n (this.ratedActiveBalance /\r\n (this.userPortfolio?.Portfolio?.RatedPortfolio?.TotalMarketValue +\r\n this.ratedActiveBalance)) *\r\n 100;\r\n this.initChart();\r\n }\r\n // if (this.userPortfolio.Portfolio.RatedPortfolio) {\r\n // this.chartStocks =\r\n // (this.userPortfolio.Portfolio.RatedPortfolio.TotalMarketValue /\r\n // (this.userPortfolio.Portfolio.RatedPortfolio.TotalMarketValue +\r\n // this.ratedActiveBalance)) *\r\n // 100;\r\n // this.purchaseStocks =\r\n // (this.ratedActiveBalance /\r\n // (this.userPortfolio.Portfolio.RatedPortfolio.TotalMarketValue +\r\n // this.ratedActiveBalance)) *\r\n // 100;\r\n // this.initChart();\r\n // } else if (this.ratedActiveBalance) {\r\n // this.purchaseStocks = 100;\r\n // this.chartStocks = 0;\r\n // this.initChart();\r\n // }\r\n });\r\n }\r\n\r\n get ratedBookBalance() {\r\n return this.userPortfolio?.PurchasePower?.BlockingAmount?.find(\r\n (value) => value.curr == \"Rated\"\r\n );\r\n }\r\n\r\n get currenciedBookBalance() {\r\n return this.userPortfolio?.PurchasePower?.BlockingAmount?.find(\r\n (value) => value.curr == this.selectedCurr\r\n );\r\n }\r\n\r\n get currenciedPortfolio() {\r\n switch (this.selectedCurr) {\r\n case \"EGP\":\r\n return this.userPortfolio?.Portfolio.EGPPortfolio;\r\n case \"Rated\":\r\n return this.userPortfolio?.Portfolio.RatedPortfolio;\r\n case \"USD\":\r\n return this.userPortfolio?.Portfolio.USDPortfolio;\r\n }\r\n }\r\n get ratedActiveBalance() {\r\n return this.userPortfolio?.PurchasePower?.BlockingAmount?.find(\r\n (item) => item.curr == \"Rated\"\r\n ).activebalance;\r\n }\r\n\r\n get currenciedPP() {\r\n try {\r\n return this.userPortfolio.PurchasePower.purchasePower[this.selectedCurr];\r\n } catch (error) { }\r\n }\r\n\r\n initChart() {\r\n this.chartOptions = {\r\n series: [this.chartStocks, this.purchaseStocks],\r\n chart: {\r\n width: \"100%\",\r\n height: \"295\",\r\n type: \"donut\",\r\n },\r\n theme: {\r\n mode: \"light\",\r\n palette: \"palette7\",\r\n },\r\n labels: [\r\n this.translate.instant(\"stocks\"),\r\n this.translate.instant(\"cash\"),\r\n ],\r\n responsive: [\r\n {\r\n breakpoint: 480,\r\n options: {\r\n chart: {\r\n width: 200,\r\n },\r\n legend: {\r\n position: \"bottom\",\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n }\r\n\r\n get bookBalance() {\r\n return this.userPortfolio.PurchasePower.BlockingAmount.find(\r\n (value) => value.curr == this.selectedCurr\r\n );\r\n }\r\n\r\n get blockAmount() {\r\n return (\r\n this.bookBalance?.blkAmt +\r\n this.bookBalance?.pendBuy +\r\n this.bookBalance?.withHeldAmt +\r\n this.bookBalance?.penSellCommission\r\n );\r\n }\r\n\r\n submitComplain(form: NgForm, isComplain) {\r\n this.isSubmitting = true;\r\n\r\n if (isComplain) {\r\n if (this.translate.currentLang == \"ar\") {\r\n this.titleMessage = \"تأكيد طلب شكوى\";\r\n this.textConfirmMassage = `برجاء مراجعه البيانات التالية قبل ارسال الطلب\r\n :الادارة التي يخصها الشكوى\r\n ${form.form.value.DepartmentId.DepartmentNameA}\r\n :الشكوى\r\n `;\r\n }\r\n if (this.translate.currentLang == \"en\") {\r\n this.titleMessage = \"Complain Request Confirmation\";\r\n this.textConfirmMassage = `Please check the information before sending the request\r\n department: ${form.form.value.DepartmentId.DepartmentNameE}\r\n complain :`;\r\n }\r\n this.newComplain.ActionType = 1;\r\n this.newComplain.RelationCode = this.selectedAccount;\r\n this.newComplain.Body = form.form.value.Body;\r\n this.newComplain.DepartmentId = form.form.value.DepartmentId.DepartmentID;\r\n\r\n Swal.fire({\r\n title: this.titleMessage,\r\n html:\r\n \"\" +\r\n this.textConfirmMassage +\r\n \"
\" +\r\n form.form.value.Body +\r\n \"
\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: this.translate.instant(\"yes\"),\r\n cancelButtonText: this.translate.instant(\"no\"),\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n this.http\r\n .post(\r\n UrlConstants.backofficeUrl +\r\n \"/api/OnlineTrading/PostActionRequest\",\r\n this.newComplain\r\n )\r\n .subscribe(\r\n (res) => {\r\n this.isSubmitting = false;\r\n if (res) this.submitStatus = res;\r\n form.resetForm();\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"success\",\r\n title: this.translate.instant(\"succes-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n },\r\n (err) => {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n );\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n !result.isConfirmed\r\n ) {\r\n this.isSubmitting = false;\r\n }\r\n });\r\n } else {\r\n if (this.translate.currentLang == \"ar\") {\r\n this.titleMessage = \"تأكيد طلب اقتراح\";\r\n this.textConfirmMassage = `برجاء مراجعه البيانات التالية قبل ارسال الطلب\r\n :الاقتراح\r\n `;\r\n }\r\n if (this.translate.currentLang == \"en\") {\r\n this.titleMessage = \"Suggestion Request Confirmation\";\r\n this.textConfirmMassage = `Please check the information before sending the request\r\n suggestion :\r\n `;\r\n }\r\n this.newComplain.ActionType = 2;\r\n this.newComplain.RelationCode = this.selectedAccount;\r\n this.newComplain.Body = form.form.value.Body;\r\n\r\n Swal.fire({\r\n title: this.titleMessage,\r\n html:\r\n \"\" +\r\n this.textConfirmMassage +\r\n \"
\" +\r\n form.form.value.Body +\r\n \"
\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: this.translate.instant(\"yes\"),\r\n cancelButtonText: this.translate.instant(\"no\"),\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n this.http\r\n .post(\r\n UrlConstants.backofficeUrl +\r\n \"/api/OnlineTrading/PostActionRequest\",\r\n this.newComplain\r\n )\r\n .subscribe(\r\n (res) => {\r\n this.isSubmitting = false;\r\n if (res) this.submitStatus = res;\r\n form.resetForm();\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"success\",\r\n title: this.translate.instant(\"succes-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n },\r\n (err) => {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n );\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n !result.isConfirmed\r\n ) {\r\n this.isSubmitting = false;\r\n }\r\n });\r\n }\r\n }\r\n // fetchUserProfile() {\r\n // const httpOptions = {\r\n // headers: new HttpHeaders({\r\n // \"Content-Type\": \"application/json\",\r\n // Authorization: this.accService.userValue.toString(),\r\n // }),\r\n // };\r\n\r\n // this.http\r\n // .get(\r\n // `${UrlConstants.backofficeUrl}/api/Client/GetClientProfile?relationCode=1001-1`,\r\n // httpOptions\r\n // )\r\n // .subscribe((res) => {\r\n // this.userInfo = res;\r\n // });\r\n // }\r\n GetBranches(e) {\r\n this.branches = e.BankBranches;\r\n }\r\n\r\n ngOnInit(): void {\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;\r\n this.fetchBanks();\r\n this.fetchActiveCurrencies();\r\n // this.getClientStockPortofolio();\r\n this.fetchDepartment();\r\n // this.newDeposit.Date = this.newWithdraw.Date = this.today;\r\n this.userName = sessionStorage.getItem(\"userName\");\r\n this.lastLogin = JSON.parse(\r\n localStorage.getItem(\"userProfile\")\r\n ).LastSuccessLoginTime;\r\n // this.newWithdraw.ActionType =1;\r\n }\r\n commaSeprated(event) {\r\n let input = event.target as HTMLInputElement;\r\n let number = parseFloat(input.value);\r\n input.value = this.formatPipe.transform(number).toString();\r\n }\r\n fetchPurchasePower(relCode) {\r\n if (relCode != null) {\r\n this.apiService.fetchPurchasePower(relCode).subscribe((arg) => {\r\n this.purchasePowerRes = arg;\r\n\r\n this.balanceAmount = this.purchasePowerRes.BlockingAmount;\r\n });\r\n }\r\n\r\n }\r\n\r\n get availableWithdrawBalance() {\r\n if (this.withdrawForm != null) {\r\n if (this.withdrawForm?.form?.get(\"CurrencyId\")?.value != null) {\r\n if (\r\n this.balanceAmount &&\r\n this.withdrawForm?.form?.get(\"CurrencyId\")?.value[\"AbbreviationE\"]\r\n ) {\r\n var x = this.balanceAmount.find(\r\n (x) =>\r\n x.curr ==\r\n this.withdrawForm.form.get(\"CurrencyId\").value[\"AbbreviationE\"]\r\n );\r\n if (x) return x[\"AvailableBalanceForWithdrow\"];\r\n else return 0;\r\n }\r\n }\r\n }\r\n }\r\n\r\n availableTransferBalance(form) {\r\n if (form.form.get(\"Currency\")?.value != null) {\r\n if (\r\n this.balanceAmount &&\r\n form.form.get(\"Currency\")?.value[\"AbbreviationE\"] != null\r\n ) {\r\n var x = this.balanceAmount.find(\r\n (item) => item.curr == form.form.get(\"Currency\").value[\"AbbreviationE\"]\r\n );\r\n\r\n if (x) return x[\"availablebalancefortransfer\"];\r\n else return 0;\r\n }\r\n }\r\n }\r\n\r\n fetchBanks() {\r\n this.http\r\n .get(`${UrlConstants.backofficeUrl}/api/Settings/GetBanks`)\r\n .subscribe((res) => {\r\n this.banksList = res as Bank[];\r\n });\r\n }\r\n fetchActiveCurrencies() {\r\n return this.http.get(\r\n `${UrlConstants.backofficeUrl}/api/Settings/GetActiveCurrencies`\r\n ).subscribe((res) => {\r\n\r\n this.currencyList = res as Currency[];\r\n });\r\n }\r\n\r\n //SAMY\r\n noDecimal(event) {\r\n const charCode = event.which ? event.which : event.keyCode;\r\n if (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n submitStockTransfer(form: NgForm) {\r\n if (form && form.valid) {\r\n if (this.translate.currentLang == \"ar\") {\r\n this.titleMessage = \"تأكيد تحويل اسهم\";\r\n this.textConfirmMassage = `برجاء مراجعه البيانات التالية قبل ارسال التحويل\r\n من الحساب: ${form.form.value.FromAccountStock} الى الحساب: ${form.form.value.ToRelationCode}\r\n امين حفظ: ${this.newStockTransfer.Symbol.CustodianNameA}\r\n كمية: ${form.form.value.Quantity}\r\n السهم: ${this.newStockTransfer.Symbol.SymbolNameAr}`;\r\n }\r\n if (this.translate.currentLang == \"en\") {\r\n this.titleMessage = \"Stock Transfer Confirmation\";\r\n this.textConfirmMassage = `Please check the information before sending the request\r\n From Account: ${form.form.value.FromAccountStock} To Account: ${form.form.value.ToRelationCode}\r\n Stock: ${this.newStockTransfer.Symbol.SymbolNameEn}\r\n Custodian: ${this.newStockTransfer.Symbol.CustodianNameE}\r\n Quantity: ${form.form.value.Quantity}`;\r\n }\r\n\r\n let request = {\r\n FromRelationCode: form.form.value.FromAccountStock,\r\n ToRelationCode: form.form.value.ToRelationCode,\r\n SymbolCode: form.form.value.SymbolCode.SymbolCode,\r\n CustodianCode: form.form.value.SymbolCode.CustodianCode,\r\n Qty: form.form.value.Quantity,\r\n };\r\n\r\n Swal.fire({\r\n title: this.titleMessage,\r\n html: \"\" + this.textConfirmMassage + \"
\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: this.translate.instant(\"yes\"),\r\n cancelButtonText: this.translate.instant(\"no\"),\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n this.http\r\n .post(\r\n UrlConstants.backofficeUrl + \"/api/Journal/TransferClientStocks\",\r\n request\r\n )\r\n .subscribe((res) => {\r\n this.submitStatus = res;\r\n if (res[\"errors\"] == null) {\r\n this.isSubmitting = false;\r\n form.resetForm();\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"success\",\r\n title: this.translate.instant(\"succes-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n } else {\r\n this.isSubmitting = false;\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(res[\"errors\"][0]),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n });\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n !result.isConfirmed\r\n ) {\r\n this.isSubmitting = false;\r\n }\r\n });\r\n }\r\n }\r\n\r\n submitCashTransfer(form: NgForm) {\r\n this.isSubmitting = true;\r\n let latest_date = this.datepipe.transform(this.date, \"YYYY-MM-dd\");\r\n\r\n this.newCashTransfer.Date = latest_date;\r\n this.newCashTransfer.IpAddress = \"\";\r\n this.newCashTransfer.IsPost = true;\r\n\r\n if (form && form.valid) {\r\n if (this.translate.currentLang == \"ar\") {\r\n this.titleMessage = \"تأكيد تحويل نقدي\";\r\n this.textConfirmMassage = `برجاء مراجعه البيانات التالية قبل ارسال الطلب\r\n من الحساب: ${form.form.value.FromAccount} الى الحساب: ${form.form.value.ToAccount}\r\n مبلغ: ${form.form.value.Amount} العملة: ${form.form.value.Currency.AbbreviationA}`;\r\n }\r\n if (this.translate.currentLang == \"en\") {\r\n this.titleMessage = \"Cash transfer Confirmation\";\r\n this.textConfirmMassage = `Please check the information before sending the request\r\n From Account: ${form.form.value.FromAccount} To Account: ${form.form.value.ToAccount}\r\n Amount: ${form.form.value.Amount} Currency: ${form.form.value.Currency.AbbreviationE}`;\r\n }\r\n this.newCashTransfer.CurrencyId = form.form.value.Currency.CurrencyID;\r\n Swal.fire({\r\n title: this.titleMessage,\r\n html: \"\" + this.textConfirmMassage + \"\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: this.translate.instant(\"yes\"),\r\n cancelButtonText: this.translate.instant(\"no\"),\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n this.http\r\n .post(\r\n UrlConstants.backofficeUrl + \"/api/Journal/TransferClientJournal\",\r\n this.newCashTransfer\r\n )\r\n .subscribe(\r\n (res) => {\r\n this.isSubmitting = false;\r\n if (res[\"isValid\"] == true) {\r\n this.submitStatus = res;\r\n form.resetForm();\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"success\",\r\n title: this.translate.instant(\"succes-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n }).then(() => {\r\n this.router.navigate([\"/home\"]);\r\n });\r\n } else {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n },\r\n (err) => {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n );\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n !result.isConfirmed\r\n ) {\r\n this.isSubmitting = false;\r\n }\r\n });\r\n }\r\n }\r\n submitReqStock(form: NgForm) {\r\n this.isSubmitting = true;\r\n if (form && form.valid) {\r\n if (this.translate.currentLang == \"ar\") {\r\n this.titleMessage = \"تأكيد طلب حجز اسهم\";\r\n this.textConfirmMassage = `برجاء مراجعه البيانات التالية قبل ارسال الطلب\r\n الحساب: ${form.form.value.RelationCode} كمية: ${form.form.value.Qty}\r\n امين حفظ: ${form.form.value.CustodianCode.CustodianNameA}\r\n السهم: ${form.form.value.SymbolCode.ShortNameA}\r\n سعر التكلفة: ${form.form.value.CostPrice}`;\r\n }\r\n if (this.translate.currentLang == \"en\") {\r\n this.titleMessage = \"Book Stock Request Confirmation\";\r\n this.textConfirmMassage = `Please check the information before sending the request\r\n Account: ${form.form.value.RelationCode} Qty: ${form.form.value.Qty}\r\n Custodian: ${form.form.value.CustodianCode.CustodianNameE}\r\n Stock: ${form.form.value.SymbolCode.ShortNameE}\r\n Cost Price: ${form.form.value.CostPrice}`;\r\n }\r\n this.newReqStock.RelationCode = form.form.value.RelationCode;\r\n this.newReqStock.Qty = form.form.value.Qty;\r\n this.newReqStock.CustodianCode =\r\n form.form.value.CustodianCode.CustodianCode;\r\n this.newReqStock.SymbolCode = form.form.value.SymbolCode.SymbolCode;\r\n this.newReqStock.CostPrice = form.form.value.CostPrice;\r\n Swal.fire({\r\n title: this.titleMessage,\r\n html: \"\" + this.textConfirmMassage + \"\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: this.translate.instant(\"yes\"),\r\n cancelButtonText: this.translate.instant(\"no\"),\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n this.http\r\n .post(\r\n UrlConstants.backofficeUrl +\r\n \"/api/OnlineTrading/PostRequestStockBook\",\r\n this.newReqStock\r\n )\r\n .subscribe(\r\n (res) => {\r\n this.isSubmitting = false;\r\n if (res) this.submitStatus = res;\r\n form.resetForm();\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"success\",\r\n title: this.translate.instant(\"succes-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n },\r\n (err) => {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n );\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n !result.isConfirmed\r\n ) {\r\n this.isSubmitting = false;\r\n }\r\n });\r\n }\r\n }\r\n submitReqT0(form: NgForm) {\r\n if (form && form.valid) {\r\n this.newReqT0.RelationCode = form.form.value.RelationCode;\r\n this.newReqT0.Body = this.Endorsement;\r\n if (this.translate.currentLang == \"ar\") {\r\n this.titleMessage = \"تأكيد طلب (T+0)\";\r\n this.textConfirmMassage = `برجاء مراجعه البيانات التالية قبل ارسال الطلب\r\n الحساب: ${form.form.value.RelationCode}\r\n الشكوى:\r\n `;\r\n }\r\n if (this.translate.currentLang == \"en\") {\r\n this.titleMessage = \"T+0 Request Confirmation\";\r\n this.textConfirmMassage = `Please check the information before sending the request\r\n Account: ${form.form.value.RelationCode}`;\r\n }\r\n Swal.fire({\r\n title: this.titleMessage,\r\n html:\r\n \"\" +\r\n this.textConfirmMassage +\r\n \"
\" +\r\n form.form.value.Body +\r\n \"
\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: this.translate.instant(\"yes\"),\r\n cancelButtonText: this.translate.instant(\"no\"),\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n this.apiService.fetchTPlusZero(this.newReqT0).subscribe(\r\n (res) => {\r\n this.isSubmitting = false;\r\n if (res) this.submitStatus = res;\r\n form.resetForm();\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"success\",\r\n title: this.translate.instant(\"succes-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n },\r\n (err) => {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n );\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n !result.isConfirmed\r\n ) {\r\n this.isSubmitting = false;\r\n }\r\n });\r\n }\r\n }\r\n accountListValidation(e) {\r\n if (this.accList) {\r\n let temp = this.accList.filter((c) => c.relationCode != e);\r\n this.toAccList = [...temp];\r\n }\r\n }\r\n\r\n stockTransferChanged(e) {\r\n this.newStockTransfer.Qty = e.SetteledQty;\r\n }\r\n\r\n accountStockListValidation(client) {\r\n this.newStockTransfer.Symbol = null;\r\n this.newStockTransfer.Qty = null;\r\n this.newStockTransfer.ToRelationCode = null;\r\n // this.newStockTransfer.FromRelationCode = client.relationCode;\r\n let selectedAccFrom = this.accList.find((item) => {\r\n return item.relationCode == client;\r\n });\r\n this.http\r\n .get(\r\n `${UrlConstants.backofficeUrl}/api/Client/GetClientInformation?relationCode=${client}`\r\n )\r\n .subscribe((res: ClientData) => {\r\n this.stocksSymbolList = res?.Portfolio?.RatedPortfolio?.Portfolio?.sort(\r\n (a, b) => a.SymbolNameAr.localeCompare(b.SymbolNameAr)\r\n );\r\n });\r\n if (this.accList) {\r\n let temp = this.accList.filter((x) => {\r\n return (\r\n x.SubCode == selectedAccFrom.SubCode &&\r\n x.relationCode != selectedAccFrom.relationCode\r\n );\r\n });\r\n\r\n this.toStockAccList = [...temp];\r\n\r\n // this.stocksCustodiansList = this.clientStockProfile.filter(\r\n // (x) => x.Profile.RelationCode == e\r\n // )[0].Custodians;\r\n // this.stocksSymbolList = this.clientStockProfile.filter(\r\n // (x) => x.Profile.RelationCode == e\r\n // )[0].Symbols;\r\n }\r\n }\r\n fetchSymbolsandCustd() {\r\n this.apiService\r\n .fetchBOAllSymbols()\r\n .subscribe((res) => (this.allstocks = res));\r\n this.apiService.fetchAllCustd().subscribe((arg) => (this.allCustod = arg));\r\n }\r\n fetchDepartment() {\r\n this.apiService\r\n .fetchDepartments()\r\n .subscribe((res) => (this.deptList = res));\r\n }\r\n\r\n // getClientStockPortofolio() {\r\n // this.http\r\n // .get(\r\n // `${UrlConstants.backofficeUrl}/api/Journal/getClientAccountsPortfolioDetails`\r\n // )\r\n // .subscribe((res) => {\r\n // this.clientStockProfile = res as any[];\r\n // });\r\n // }\r\n resetForm() {\r\n this.fileName = null;\r\n this.payableForm.resetForm();\r\n }\r\n\r\n get marginPercent() {\r\n if (\r\n this.userPortfolio?.PurchasePower[\"MarginPosition\"]\r\n .UsedMarginPersentage != null\r\n )\r\n return this.userPortfolio?.PurchasePower[\"MarginPosition\"]\r\n .UsedMarginPersentage;\r\n }\r\n\r\n get chartColor() {\r\n if (this.marginPercent < 50) {\r\n return \"#2E94D3\";\r\n }\r\n if (this.marginPercent >= 50 && this.marginPercent < 61) {\r\n return \"#28A745\";\r\n }\r\n if (this.marginPercent > 60 && this.marginPercent < 70) {\r\n return \"#2eced3\";\r\n }\r\n if (this.marginPercent >= 70) {\r\n return \"#d33e2e\";\r\n }\r\n }\r\n\r\n marginCalculator() {\r\n const dialogRef = this.dialog.open(MarginCalculatorComponent, {\r\n panelClass: \"order-dialog-container\",\r\n data: { relationCode: this.selectedAccount },\r\n direction: this.translate.currentLang == \"ar\" ? \"rtl\" : \"ltr\",\r\n });\r\n\r\n dialogRef.afterClosed().subscribe((result) => { });\r\n }\r\n depositeConfirmation() {\r\n this.payableForm.form.value.CurrencyId =\r\n this.payableForm.form.value.CurrencyId.CurrencyID;\r\n this.payableForm.form.value.DepositeBankId =\r\n this.payableForm.form.value.DepositeBankId.BankID;\r\n }\r\n bankDepositeChange() {\r\n if (this.translate.currentLang == \"ar\") {\r\n }\r\n if (this.translate.currentLang == \"en\") {\r\n }\r\n }\r\n\r\n hideTradesSummary() {\r\n this.showTradesSummary = false;\r\n }\r\n\r\n onReset(form) {\r\n form.reset();\r\n this.balanceAmount = null;\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n\r\n \r\n \r\n {{'hello'|translate}} {{userName}}
\r\n \r\n \r\n\r\n \r\n \r\n {{\"profile\"|translate}}\r\n \r\n {{\"portfolio\"|translate}} \r\n {{\"actions\"|translate}} \r\n \r\n {{\"transfer\"|translate}} \r\n \r\n \r\n \r\n {{'last-login'|translate}}\r\n {{lastLogin | date:'d/M/yy, h:mm a'}}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {{\"phone\"|translate}}
\r\n \r\n \r\n \r\n {{userPortfolio?.Profile.Phone}}\r\n
\r\n \r\n \r\n \r\n \r\n {{\"email\"|translate}}
\r\n \r\n \r\n \r\n {{userPortfolio?.Profile.Email}}\r\n
\r\n \r\n \r\n \r\n \r\n {{\"nationalID\"|translate}}
\r\n \r\n \r\n \r\n {{userPortfolio?.Profile.IdNumber}}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"address\"|translate}}
\r\n \r\n \r\n \r\n {{userPortfolio?.Profile.Address}}\r\n
\r\n \r\n \r\n \r\n \r\n {{\"acc-mgr\"|translate}}
\r\n \r\n \r\n \r\n {{userPortfolio?.Profile.AccountManagerNameE}}\r\n
\r\n \r\n \r\n \r\n \r\n {{\"branch\"|translate}}
\r\n \r\n \r\n \r\n {{userPortfolio?.Profile.BranchNameE}}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{'egp'|translate}}\r\n \r\n \r\n {{'usd'|translate}}\r\n \r\n \r\n {{'rated'|translate}}\r\n \r\n \r\n \r\n \r\n {{\"book-balance\"|translate}}\r\n
\r\n 0), 'red': (bookBalance?.\r\n activebalance<0), '':bookBalance?.\r\n activebalance==0}\" style=\"font-size: 25px\">\r\n \r\n {{ bookBalance?.activebalance | number: \"1.0\":\"en-US\"}}\r\n \r\n \r\n \r\n 0\r\n \r\n \r\n \r\n {{\"total-stocks-value\"|translate}}\r\n
\r\n \r\n {{currenciedPortfolio?.TotalMarketValue | number: \"1.0\":\"en-US\"}}\r\n \r\n \r\n 0\r\n \r\n \r\n \r\n {{\"net-asset\"|translate}}\r\n
\r\n \r\n {{ currenciedBookBalance?.netAsset |number: \"1.0\":\"en-US\"}}\r\n \r\n \r\n 0\r\n \r\n\r\n \r\n \r\n {{'G/L'|translate}}
\r\n 0), 'red': (currenciedPortfolio?.TotalGL<0), '':currenciedPortfolio?.TotalGL==0}\"\r\n style=\"font-size: 25px\">\r\n {{currenciedPortfolio?.TotalGL |number: \"1.0\":\"en-US\"}}\r\n\r\n \r\n ({{currenciedPortfolio?.TotalGLPer | number: \"1.2-2\":\"en-US\" }} %)\r\n \r\n \r\n (0 %)\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"deposit\"|translate}}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"withdraw\"|translate}}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"request-stock\"|translate}}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"request-t0\"|translate}}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"complain\"|translate}}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"suggestion\"|translate}}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"new-deposit\"|translate}}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {{\"new-withdraw\"|translate}}
\r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"request-stock\"|translate}}
\r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"new-cash-transfer\"|translate}}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"new-stock-transfer\"|translate}}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{'cash-position'|translate}}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {{'egp'|translate}}\r\n \r\n \r\n {{'usd'|translate}}\r\n \r\n \r\n {{'rated'|translate}}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n {{\"book-balance\"|translate}}\r\n
\r\n 0), 'red': (bookBalance?.\r\n activebalance<0), '':bookBalance?.\r\n activebalance==0}\">\r\n {{ bookBalance?.\r\n activebalance| number: \"1.0\":\"en-US\"}}\r\n \r\n {{selectedCurr | translate}}\r\n \r\n
\r\n \r\n \r\n \r\n {{'bank-balance'|translate}}\r\n
\r\n \r\n {{currenciedBookBalance?.MarginCustodian || 0}}\r\n \r\n {{selectedCurr | translate}}\r\n \r\n
\r\n \r\n \r\n \r\n {{\"block-amount\"|translate}}\r\n
\r\n \r\n {{blockAmount| number: \"1.0\":\"en-US\"}}\r\n \r\n {{selectedCurr | translate}}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{'purchase-power'|translate}}\r\n
\r\n \r\n \r\n \r\n \r\n {{'margin-percentage'|translate}}\r\n
\r\n \r\n \r\n \r\n {{userPortfolio?.PurchasePower.MarginPosition.UsedMarginPersentage |\r\n number: \"1.2-2\":\"en-US\"}} %
\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ","import { Component, OnInit} from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { FundDetails, FundPriceChart, MutualFund } from 'src/app/models/mutualFund';\r\nimport { UrlConstants } from 'src/app/models/urlConstants';\r\nimport { ApiService } from 'src/app/services/api.service';\r\n@Component({\r\n selector: 'app-mutual-fund',\r\n templateUrl: './mutual-fund.component.html',\r\n styleUrls: ['./mutual-fund.component.scss']\r\n})\r\nexport class MutualFundComponent implements OnInit {\r\n\r\n lang: string;\r\n isDarkTheme: boolean;\r\n selected: boolean=false;\r\n isEGID = UrlConstants.isEGID;\r\n mutualFundList: MutualFund[] = null;\r\n selectedFund: MutualFund;\r\n fundDetails: FundDetails; \r\n fundPriceChartData: FundPriceChart\r\n\r\n constructor(\r\n private apiService: ApiService,\r\n public translate: TranslateService\r\n ) { \r\n this.lang = this.translate.currentLang\r\n this.isDarkTheme = localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;\r\n }\r\n\r\n ngOnInit(): void {\r\n this.getMutualFundList()\r\n }\r\n\r\n ngAfterViewInit() {\r\n }\r\n\r\n saveTabState(event: any) {\r\n let id = event.target.attributes.id;\r\n var tabs = document.querySelectorAll('.types-tab');\r\n tabs.forEach(i => i.classList.remove('types-tab-active'));\r\n let element = document.getElementById(id.value);\r\n element?.classList.add('types-tab-active');\r\n }\r\n\r\n getMutualFundList(){\r\n this.apiService.GetMutualFundList()\r\n .subscribe(\r\n (res: MutualFund[])=>{\r\n if(res){\r\n this.mutualFundList = res\r\n if(this.mutualFundList){\r\n this.mutualFundList[0].selected=true\r\n this.selectedFund=this.mutualFundList[0]\r\n this.getMutualFundDetails(this.mutualFundList[0].SymbolCode)\r\n this.getFundPriceHistory(this.mutualFundList[0].SymbolCode)\r\n }\r\n }else{\r\n this.mutualFundList = null;\r\n }\r\n }\r\n )\r\n }\r\n\r\n getMutualFundDetails(symbolCode: string){\r\n this.apiService.GetMutualFundDetails(symbolCode)\r\n .subscribe(\r\n (res: FundDetails)=>{\r\n if(res){\r\n this.fundDetails=res;\r\n if(this.fundDetails.PdfsUrls){\r\n this.fundDetails.PdfsUrlsList = this.fundDetails.PdfsUrls.split(\",\")\r\n }\r\n } else {\r\n this.fundDetails=null\r\n }\r\n }\r\n )\r\n }\r\n\r\n getFundPriceHistory(symbolCode: string){\r\n this.apiService.GetFundPriceHistory(symbolCode)\r\n .subscribe(\r\n (res: FundPriceChart)=>{\r\n if(res){\r\n this.fundPriceChartData=res;\r\n } else {\r\n this.fundPriceChartData=null\r\n }\r\n }\r\n )\r\n }\r\n\r\n selectFund(selectedFund: MutualFund){\r\n this.selectedFund = selectedFund;\r\n this.mutualFundList = this.mutualFundList.map(fund => ({\r\n ...fund,\r\n selected: fund.SymbolCode === selectedFund.SymbolCode\r\n }));\r\n this.getMutualFundDetails(selectedFund.SymbolCode)\r\n this.getFundPriceHistory(selectedFund.SymbolCode)\r\n }\r\n}\r\n","\r\n 0\" class=\"row mx-2\">\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{'mutual-fund'|translate}}
\r\n \r\n ![\"\"](\"assets/img/Thunder.svg\")
\r\n \r\n \r\n \r\n \r\n ![\"\"](\"assets/img/mutual-fund-white.svg\")
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ![\"\"]()
\r\n \r\n \r\n {{fund.ReutersCode}}
\r\n {{ lang=='ar'? fund.FundNameA: fund.FundNameE }}
\r\n {{fund.ClosePrice}} {{ lang=='ar'? fund.CurrencyAbbreviationA: fund.CurrencyAbbreviationE }}
\r\n \r\n \r\n \r\n \r\n \r\n 0, \r\n 'red-text':fund.AnnualChangePercentage<0,\r\n 'text-color-theme':fund.AnnualChangePercentage==0 }\"\r\n >\r\n % {{fund.AnnualChangePercentage}} \r\n {{'past-year'|translate}}\r\n \r\n ![]()
0?'assets/img/up-arrow.svg':'assets/img/down-arrow.svg'\" alt=\"\">\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ![](\"/assets/img/no-data-vector.png\")
\r\n {{'no-data-available'|translate}} \r\n \r\n","import { TranslateService } from \"@ngx-translate/core\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { FavService } from \"./../../services/fav.service\";\r\nimport { AccountService } from \"./../../services/account.service\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { Component, ElementRef, Input, OnInit, ViewChild } from \"@angular/core\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport { environment } from \"src/environments/environment\";\r\nimport { Chart } from \"src/assets/js/Chart.bundle.min.js\";\r\nimport { OrderBuyComponent } from \"../order-buy/order-buy.component\";\r\nimport { ConfigService } from \"src/app/services/config.service\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\n\r\n@Component({\r\n selector: \"app-market-grid-view\",\r\n templateUrl: \"./market-grid-view.component.html\",\r\n styleUrls: [\"./market-grid-view.component.scss\"],\r\n})\r\nexport class MarketGridViewComponent implements OnInit {\r\n @ViewChild(\"myCanvas\") canvas: ElementRef;\r\n chartsIndiv: any;\r\n companies: CompanyList[] = [];\r\n optionsForIndiv = {\r\n bezierCurve: false,\r\n legend: {\r\n display: false,\r\n },\r\n scales: {\r\n xAxes: [\r\n {\r\n gridLines: {\r\n display: false,\r\n drawBorder: false,\r\n },\r\n ticks: {\r\n display: false,\r\n },\r\n },\r\n ],\r\n yAxes: [\r\n {\r\n gridLines: {\r\n display: false,\r\n drawBorder: false,\r\n },\r\n ticks: {\r\n display: false,\r\n beginAtZero: false,\r\n },\r\n },\r\n ],\r\n },\r\n elements: {\r\n point: {\r\n radius: 0,\r\n },\r\n },\r\n };\r\n\r\n constructor(\r\n private http: HttpClient,\r\n private accService: AccountService,\r\n private favService: FavService,\r\n private dialog: MatDialog,\r\n public translate: TranslateService\r\n ) {\r\n // signalService.marketChanges.subscribe((res) => {\r\n // res.forEach((update) => {\r\n // if (this.companies != null) {\r\n // let itemIndex = this.companies.findIndex(\r\n // (item) => item.SYMBOL_CODE == update.SYMBOL_CODE\r\n // );\r\n // if (this.companies[itemIndex] != update) {\r\n // this.companies[itemIndex] = update;\r\n // this.companies[itemIndex].isUpdate = true;\r\n // }\r\n // }\r\n // });\r\n // });\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.favService.favCompanies.subscribe((res) => {\r\n this.companies = [];\r\n this.companies = res;\r\n\r\n if (this.companies != null && this.companies.length > 0)\r\n setTimeout(() => {\r\n this.fetchGraphs();\r\n }, 300);\r\n });\r\n }\r\n\r\n orderBuy(company, isSell) {\r\n const dialogRef = this.dialog.open(OrderBuyComponent, {\r\n disableClose: true,\r\n panelClass: \"order-dialog-container\",\r\n data: { symbol: company.SYMBOL_CODE, type: isSell },\r\n direction: this.translate.currentLang == \"ar\" ? \"rtl\" : \"ltr\",\r\n });\r\n\r\n dialogRef.afterClosed().subscribe((result) => {});\r\n }\r\n\r\n setCharts() {\r\n this.chartsIndiv = document.getElementsByClassName(\"markets-capital-chart\");\r\n if (this.chartsIndiv.length > 0) {\r\n let index = 0;\r\n for (let chart of this.chartsIndiv) {\r\n let data = this.companies[index].chart;\r\n let bg = chart.dataset.bg;\r\n let canvas = chart.querySelector(\"canvas\");\r\n let ctx = canvas.getContext(\"2d\");\r\n\r\n let border =\r\n this.companies[index].LAST_CHANGE_PRC > 0 ? \"53FF03\" : \"FF2314\";\r\n\r\n var gradient =\r\n this.companies[index].LAST_CHANGE_PRC > 0\r\n ? \"rgba(38,222,129,.1)\"\r\n : \"rgba(255, 35, 19,.1)\";\r\n\r\n // gradient.addColorStop(0.1, bg);\r\n // gradient.addColorStop(1, \"transparent\");\r\n let lineChartData = {\r\n labels: [\r\n \"1\",\r\n \"2\",\r\n \"3\",\r\n \"4\",\r\n \"5\",\r\n \"6\",\r\n \"7\",\r\n \"8\",\r\n \"9\",\r\n \"10\",\r\n \"1\",\r\n \"2\",\r\n \"3\",\r\n \"4\",\r\n \"5\",\r\n \"6\",\r\n \"7\",\r\n \"8\",\r\n \"9\",\r\n \"10\",\r\n \"1\",\r\n \"2\",\r\n \"3\",\r\n \"4\",\r\n \"5\",\r\n \"6\",\r\n \"7\",\r\n \"8\",\r\n \"9\",\r\n \"10\",\r\n ],\r\n datasets: [\r\n {\r\n backgroundColor: gradient,\r\n borderColor: \"#\" + border,\r\n borderWidth: 2,\r\n data: data,\r\n bezierCurve: false,\r\n },\r\n ],\r\n };\r\n new Chart(ctx, {\r\n type: \"line\",\r\n data: lineChartData,\r\n options: this.optionsForIndiv,\r\n });\r\n index++;\r\n }\r\n }\r\n }\r\n\r\n ngOnInit(): void {}\r\n\r\n removeFav(symbol) {\r\n //this.favService.removeFav(symbol);\r\n }\r\n\r\n fetchGraphs() {\r\n var curDateMonth = new Date();\r\n var prvDateMonth = new Date(\r\n curDateMonth.getFullYear(),\r\n curDateMonth.getMonth() - 2,\r\n curDateMonth.getDay()\r\n );\r\n\r\n for (let i = 0; i < this.companies.length; i++)\r\n this.http\r\n .post(UrlConstants.feedUrl + \"/api/Feed/GetSymbolHistory\", {\r\n SymbolCode: this.companies[i].SYMBOL_CODE,\r\n Skip: \"0\",\r\n Take: \"30\",\r\n FromDate: prvDateMonth,\r\n ToDate: curDateMonth,\r\n })\r\n .subscribe((res) => {\r\n let data: any = res;\r\n this.companies[i].chart = data.map((obj) => obj.CLOSE_PRICE);\r\n this.setCharts();\r\n });\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{company.Reuters}}\r\n {{(translate.currentLang==\"en\")?company.ENG_NAME:company.ARB_NAME}}\r\n \r\n \r\n {{company.LAST_TRADE_PRICE| number: \"1.2-3\":\"en-US\"}}\r\n \r\n EGP\r\n \r\n \r\n $\r\n \r\n \r\n \r\n \r\n 0? 'green' : 'red'\">{{company.LAST_CHANGE | number:'1.3'}} ({{company.LAST_CHANGE_PRC}})% 0\">\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n","\r\n \r\n {{'EtradeingClosed'|translate}}\r\n\r\n\r\n \r\n {{'timeLine'|translate}}\r\n \r\n
\r\n\r\n \r\n \r\n {{'no-data-available'|translate}} \r\n \r\n\r\n \r\n \r\n - \r\n {{ipo?.Date | date: 'dd/MM/yyyy'}}\r\n {{lang == 'ar'? ipo?.NameAr : ipo?.NameEn}}\r\n {{lang == 'ar'? ipo?.DescriptionAr : ipo?.DescriptionEn}}\r\n
\r\n
\r\n \r\n\r\n\r\n {{ \"pdf\" | translate }}\r\n \r\n 0\" >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ![](\"assets/img/noPdfFound.png\")
\r\n {{ \"noPDF\" | translate }}\r\n \r\n \r\n \r\n \r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { IPODetails,IpoDocuments } from 'src/app/models/IPO';\r\nimport { ApiService } from 'src/app/services/api.service';\r\n\r\n@Component({\r\n selector: 'app-ipo-selected-symbol-timline-pdf',\r\n templateUrl: './ipo-selected-symbol-timline-pdf.component.html',\r\n styleUrls: ['./ipo-selected-symbol-timline-pdf.component.scss']\r\n})\r\nexport class IpoSelectedSymbolTimlinePdfComponent implements OnInit {\r\n\r\n lang: string;\r\n isDarkTheme: boolean;\r\n DisabledEtrade: boolean = false; // Initialize to false\r\n @Input() ipoDocuments: IpoDocuments;\r\n @Input() id: number;\r\n iPODetails: IPODetails;\r\n ipoList: any;\r\n status: any;\r\n\r\n constructor(\r\n public translate: TranslateService,\r\n private apiService: ApiService\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.lang = this.translate.currentLang;\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;\r\n this.GetIpoDetails(this.id);\r\n\r\n }\r\n GetIpoDetails(id:number){\r\n this.apiService.GetIpoDetails(id)\r\n .subscribe(\r\n (res)=>{\r\n this.iPODetails = res;\r\n this.checkDisabledEtradeStatus();\r\n }\r\n )\r\n }\r\n\r\n checkDisabledEtradeStatus(): void {\r\n \r\n if (this.ipoDocuments && Array.isArray(this.ipoDocuments.OprEvents)) {\r\n\r\n const hasDisabledEtrade = this.ipoDocuments.OprEvents.filter(\r\n event => event.DisabledEtrade === true || event.DisabledEtrade === 'true'\r\n );\r\n \r\n // If there are events with status 0 or 1, check DisabledEtrade for those events\r\n if (hasDisabledEtrade.length > 0) {\r\n\r\n // Check for events with status = 0 or 1\r\n const eventsWithStatus = this.ipoDocuments.OprEvents.filter(\r\n event => event.status != 0 && event.status != 1 // Corrected this line\r\n );\r\n if (eventsWithStatus.length<0) {\r\n \r\n this.DisabledEtrade = false\r\n \r\n }\r\n else{\r\n this.DisabledEtrade = true\r\n\r\n }\r\n } \r\n else {\r\n\r\n\r\n this.DisabledEtrade = true\r\n\r\n }\r\n } \r\n }\r\n \r\n\r\n getRowIndexes(length: number): number[] {\r\n return Array.from({ length: Math.ceil(length / 2) }, (_, i) => i * 2);\r\n }\r\n}\r\n","import { ApiService } from \"src/app/services/api.service\";\r\nimport { Injectable } from \"@angular/core\";\r\nimport { BehaviorSubject, Subject } from \"rxjs\";\r\n\r\nexport interface StockDetail {\r\n symbolCode: string;\r\n arbName: null | string;\r\n engName: null | string;\r\n reuters: string;\r\n}\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n})\r\nexport class MarketWatchDetailService {\r\n marketNames: BehaviorSubject;\r\n namesSubject: Subject = new Subject();\r\n\r\n constructor(private _service: ApiService) {\r\n this._service.fetchMarketWatchNames().subscribe((res: StockDetail[]) => {\r\n this.namesSubject.next(res);\r\n this.marketNames = new BehaviorSubject(res);\r\n });\r\n }\r\n}\r\n","\r\n {{\"market-depth\" | translate}}\r\n - {{reuters}}\r\n
\r\n \r\n \r\n \r\n \r\n {{\"price\"|translate}} \r\n {{\"qty\"|translate}} \r\n {{\"price\"|translate}} \r\n \r\n \r\n\r\n 0 && !isDepthLoading\">\r\n \r\n {{depth.ORDER_PRICE}} \r\n {{depth.VOLUME_TRADED | number: \"1.0\":\"en-US\"}} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n No Bids
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n 0 && !isDepthLoading\">\r\n \r\n {{depth.VOLUME_TRADED | number: \"1.0\":\"en-US\"}} \r\n {{depth.ORDER_PRICE}} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n No Asks
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {{companyDepth.totalsBidsAndAsks.TOTAL_BIDS | number: \"1.0\":\"en-US\"}}\r\n \r\n {{'TOTAL'|translate}}\r\n \r\n {{companyDepth.totalsBidsAndAsks.TOTAL_ASKS | number: \"1.0\":\"en-US\"}}\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n # \r\n {{\"qty\"|translate}} \r\n {{\"price\"|translate}} \r\n {{\"qty\"|translate}} \r\n # \r\n \r\n \r\n 0 && !isDepthLoading\">\r\n \r\n \r\n {{depth.split}}\r\n \r\n \r\n {{depth.VOLUME_TRADED | number: \"1.0\":\"en-US\"}}\r\n \r\n \r\n \r\n {{depth.ORDER_PRICE}}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n No Bids
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 0 && !isDepthLoading\">\r\n \r\n \r\n {{depth.ORDER_PRICE | number: \"1.0\":\"en-US\"}}\r\n \r\n \r\n {{depth.VOLUME_TRADED | number: \"1.0\":\"en-US\"}}\r\n \r\n {{depth.split}} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n No Asks
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"select-company-hint\"|translate}}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{companyDepth.totalsBidsAndAsks.TOTAL_BIDS | number: \"1.0\":\"en-US\"}}\r\n \r\n {{'TOTAL'|translate}}\r\n \r\n {{companyDepth.totalsBidsAndAsks.TOTAL_ASKS | number: \"1.0\":\"en-US\"}}\r\n \r\n \r\n \r\n\r\n
\r\n \r\n\r\n","import { Component, Input, OnInit, SimpleChanges } from \"@angular/core\";\r\nimport { CompanyDepth } from \"src/app/models/company-depth\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\n\r\n@Component({\r\n selector: \"app-quota-bids-asks\",\r\n templateUrl: \"./quota-bids-asks.component.html\",\r\n styleUrls: [\"./quota-bids-asks.component.scss\"],\r\n})\r\nexport class QuotaBidsAsksComponent implements OnInit {\r\n @Input() symbolCode: string;\r\n @Input() reuters: string;\r\n @Input() companyName: string;\r\n\r\n isDepthLoading: boolean = false;\r\n companyDepth: CompanyDepth;\r\n isOrder: boolean = false;\r\n\r\n constructor(private _service: ApiService, signalService: SignalRService) {\r\n signalService.depthChanges.subscribe((res: any) => {\r\n res.forEach((element) => {\r\n if (element.SymbolCode == this.symbolCode) {\r\n if (this.isOrder) this.fetchDepthByOrder();\r\n else if (!this.isOrder) this.fetchDepthByPrice();\r\n }\r\n });\r\n });\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n this.symbolCode = changes.symbolCode.currentValue;\r\n if (this.symbolCode) {\r\n this.isDepthLoading = true;\r\n if (this.isOrder) this.fetchDepthByOrder();\r\n else if (!this.isOrder) this.fetchDepthByPrice();\r\n }\r\n }\r\n\r\n isOrderView(value) {\r\n this.isOrder = value;\r\n }\r\n fetchDepthByOrder() {\r\n this._service.fetchDepthByOrder(this.symbolCode).subscribe((res) => {\r\n this.isDepthLoading = false;\r\n this.companyDepth = res as CompanyDepth;\r\n });\r\n }\r\n fetchDepthByPrice() {\r\n this._service.fetchDepthByPrice(this.symbolCode, 10).subscribe((res) => {\r\n this.isDepthLoading = false;\r\n this.companyDepth = res as CompanyDepth;\r\n });\r\n }\r\n ngOnInit() {}\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatDatepickerModule } from '@angular/material/datepicker';\r\nimport { NgSelectModule } from '@ng-select/ng-select';\r\nimport { HintPopoverComponent } from '../components/hint-popover/hint-popover.component';\r\nimport { ConfirmationPopoverModule } from 'angular-confirmation-popover';\r\nimport { NgbModule, NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap'; \r\nimport { NgbCollapseModule } from '@ng-bootstrap/ng-bootstrap'; \r\nimport { NgApexchartsModule } from 'ng-apexcharts';\r\nimport { NumberFormatPipe } from '../pipes/number-format.pipe';\r\n\r\n// TODO:: When all modules converted to lazy load mode import this module in all modules\r\n// TODO:: remove all packages import from app module \r\n\r\n@NgModule({\r\n declarations: [ \r\n HintPopoverComponent,\r\n NumberFormatPipe\r\n ],\r\n imports: [\r\n CommonModule,\r\n TranslateModule,\r\n FormsModule, \r\n MatDatepickerModule,\r\n NgSelectModule,\r\n NgbPopoverModule,\r\n NgbCollapseModule,\r\n ReactiveFormsModule,\r\n NgApexchartsModule,\r\n NgbModule,\r\n ConfirmationPopoverModule.forRoot({\r\n confirmButtonType: \"primary\", // set defaults here\r\n }),\r\n ],\r\n exports : [\r\n TranslateModule,\r\n FormsModule, \r\n MatDatepickerModule,\r\n NgSelectModule,\r\n ConfirmationPopoverModule,\r\n NgbPopoverModule,\r\n NgbCollapseModule,\r\n ReactiveFormsModule,\r\n HintPopoverComponent,\r\n NgApexchartsModule,\r\n NumberFormatPipe,\r\n NgbModule\r\n\r\n ]\r\n})\r\nexport class SharedModule { }\r\n","\r\n \r\n \r\n\r\n refresh \r\n\r\n candlestick_chart \r\n\r\n unfold_less \r\n\r\n unfold_more \r\n\r\n\r\n - \r\n \r\n
{{\"price\"|translate}}
\r\n \r\n \r\n - \r\n \r\n
{{\"order\"|translate}}
\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n
\r\n 0 \">\r\n \r\n \r\n {{(translate.currentLang=='en')?record.ENG_NAME:record.ARB_NAME}}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\"price\"|translate}} \r\n {{\"qty\"|translate}} \r\n {{\"price\"|translate}} \r\n \r\n \r\n\r\n 0 && !isDepthLoading\">\r\n \r\n {{depth.ORDER_PRICE}} \r\n {{depth.VOLUME_TRADED | number: \"1.0\":\"en-US\"}} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n No Bids
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n 0 && !isDepthLoading\">\r\n \r\n {{depth.VOLUME_TRADED | number: \"1.0\":\"en-US\"}} \r\n {{depth.ORDER_PRICE}} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n No Asks
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {{companyDepth?.totalsBidsAndAsks?.TOTAL_BIDS | number: \"1.0\":\"en-US\"}}\r\n \r\n {{'TOTAL'|translate}}\r\n \r\n {{companyDepth?.totalsBidsAndAsks?.TOTAL_ASKS | number: \"1.0\":\"en-US\"}}\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n # \r\n {{\"qty\"|translate}} \r\n {{\"price\"|translate}} \r\n {{\"qty\"|translate}} \r\n # \r\n \r\n \r\n 0 && !isDepthLoading\">\r\n \r\n \r\n \r\n \r\n {{depth.split}}\r\n \r\n ({{ getFlashingNumber(i, 'order') }})\r\n \r\n \r\n \r\n {{depth.VOLUME_TRADED | number: \"1.0\":\"en-US\"}}\r\n \r\n ({{ getFlashingNumber(i, 'volume') }})\r\n \r\n \r\n \r\n \r\n {{depth.ORDER_PRICE}}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n No Bids
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 0 && !isDepthLoading\">\r\n \r\n \r\n {{depth.ORDER_PRICE | number: \"1.0\":\"en-US\"}}\r\n \r\n ({{ getFlashingNumber(i, 'price') }})\r\n \r\n \r\n \r\n \r\n {{depth.VOLUME_TRADED | number: \"1.0\":\"en-US\"}}\r\n \r\n ({{ getFlashingNumber(i, 'volume') }})\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{depth.split}}\r\n \r\n ({{ getFlashingNumber(i, 'order') }})\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n No Asks
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {{\"select-company-hint\"|translate}}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{companyDepth?.totalsBidsAndAsks?.TOTAL_BIDS | number: \"1.0\":\"en-US\"}}\r\n \r\n {{'TOTAL'|translate}}\r\n \r\n {{companyDepth?.totalsBidsAndAsks?.TOTAL_ASKS | number: \"1.0\":\"en-US\"}}\r\n \r\n \r\n \r\n\r\n
\r\n \r\n\r\n","import { ApiService } from \"./../../services/api.service\";\r\nimport {\r\n AfterViewInit,\r\n Component,\r\n Input,\r\n OnInit,\r\n SimpleChanges,\r\n ChangeDetectorRef\r\n} from \"@angular/core\";\r\nimport { Ask, CompanyDepth } from \"src/app/models/company-depth\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { SharedService } from \"src/app/services/shared.service\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { OrderBuyComponent } from \"../order-buy/order-buy.component\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { HubConnection, HubConnectionBuilder } from \"@microsoft/signalr\";\r\nimport * as signalR from \"@microsoft/signalr\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\n\r\n@Component({\r\n selector: \"app-market-depth\",\r\n templateUrl: \"./market-depth.component.html\",\r\n styleUrls: [\"./market-depth.component.scss\"],\r\n})\r\nexport class MarketDepthComponent implements OnInit {\r\n @Input() symbolCode: string;\r\n @Input() reuters: string;\r\n @Input(\"companyName\") companyName: string;\r\n @Input() isLinked: boolean;\r\n\r\n isDepthLoading: boolean = false;\r\n companyDepth: CompanyDepth;\r\n isOrder: boolean = false;\r\n isDarkTheme: boolean;\r\n\r\n companies: CompanyList[];\r\n toggleBool: boolean;\r\n records: CompanyList[];\r\n searchValue: string;\r\n\r\n isAllDepthView: boolean = false;\r\n\r\n private depthConnection: HubConnection;\r\n allDepth: CompanyDepth;\r\n\r\n flashingVolumeNumber: string;\r\n flashingOrderNumber: string;\r\n flashingPriceNumber: string;\r\n flashingType: string;\r\n isFlashing: boolean = false;\r\n flashingIndex: number | null = null;\r\n flashDirection: 'up' | 'down' | null = null;\r\n previousValues: { [key: number]: { orderPrice: number; volumeTraded: number } } = {};\r\n previousCompanyDepth: CompanyDepth | null = null;\r\n isMarket:boolean;\r\n\r\n constructor(\r\n private _service: ApiService,\r\n public dialog: MatDialog,\r\n private sharedService: SharedService,\r\n public accService: AccountService,\r\n public translate: TranslateService,\r\n private cdr: ChangeDetectorRef,\r\n ) { \r\n this.accService.isFullMarketUser.subscribe((isMarket) => {\r\n this.isMarket = isMarket;\r\n });\r\n\r\n }\r\n\r\n\r\n connectSignalR() {\r\n this.depthConnection = new HubConnectionBuilder()\r\n .withUrl(UrlConstants.newSignalR + \"/bidsAsksHub\", {\r\n skipNegotiation: true,\r\n transport: signalR.HttpTransportType.WebSockets,\r\n })\r\n .build();\r\n\r\n this.startConnection();\r\n }\r\n\r\n async startConnection() {\r\n try {\r\n await this.depthConnection.start();\r\n await this.depthConnection.invoke(\"JoinGroup\", this.symbolCode);\r\n\r\n this.depthConnection.on(\"sendBidsAsksForSymbol\", async (depthUpdate) => {\r\n await this.updateMarketDepth(depthUpdate);\r\n });\r\n } catch (err) {\r\n setTimeout(() => this.startConnection(), 5000); // Retry after 5 seconds\r\n }\r\n }\r\n\r\n async updateMarketDepth(depthUpdate) {\r\n let update = depthUpdate[0][\"MarketDepth\"] as CompanyDepth;\r\n\r\n const updatedAsks = update.asksPerPrice;\r\n const updatedBids = update.bidsPerPrice;\r\n\r\n await this.processFlashingLogic(updatedAsks, updatedBids);\r\n\r\n this.companyDepth.asksPerPrice = updatedAsks;\r\n this.companyDepth.bidsPerPrice = updatedBids;\r\n\r\n // After processing, update the snapshot for future comparisons\r\n this.previousCompanyDepth = JSON.parse(JSON.stringify(this.companyDepth));\r\n }\r\n\r\n flashingData: { index: number; flashType: string; type:string; direction: string; volume?: string; price?: string; order?: string }[] = []; // Initialize flashing data array\r\n\r\n async processFlashingLogic(updatedAsks: Ask[], updatedBids: Ask[]) {\r\n if (!this.previousCompanyDepth) return; // Skip if there's no previous data\r\n\r\n await this.processUpdates(updatedAsks, this.previousCompanyDepth.asksPerPrice, 'asks');\r\n \r\n // Process bids\r\n await this.processUpdates(updatedBids, this.previousCompanyDepth.bidsPerPrice, 'bids');\r\n}\r\n \r\nasync processUpdates(newDataList: Ask[], oldDataList: Ask[], type: string) {\r\n for (let index = 0; index < newDataList.length; index++) {\r\n const newData = newDataList[index];\r\n const oldData = oldDataList[index];\r\n \r\n if (oldData!==newData) {\r\n await this.applyFlashLogic(newData, oldData, index, type);\r\n // Allow a short delay to ensure the UI updates for each flash\r\n // await new Promise(resolve => setTimeout(resolve, 150));\r\n }\r\n }\r\n}\r\n\r\napplyFlashLogic(newData, oldData, index, type) {\r\n const flashData: {\r\n index: number;\r\n type: string;\r\n direction: string | null;\r\n volume: string | null;\r\n price: string | null;\r\n order: string | null;\r\n flashType: string | null; // Include flashType here\r\n } = { index, type, direction: null, volume: null, price: null, order: null, flashType: null };\r\n\r\n const checkChange = (newValue, oldValue, key) => {\r\n if (newValue !== oldValue) {\r\n flashData[key] = (Math.abs(newValue - oldValue)).toFixed(2).toString();\r\n flashData.direction = newValue > oldValue ? 'up' : 'down';\r\n flashData.flashType = key; // Assign to flashType here\r\n this.triggerFlash(flashData, index, flashData.flashType);\r\n }\r\n };\r\n checkChange(newData.VOLUME_TRADED, oldData.VOLUME_TRADED, 'volume');\r\n checkChange(newData.ORDER_PRICE, oldData.ORDER_PRICE, 'price');\r\n checkChange(newData.split, oldData.split, 'order');\r\n}\r\n triggerFlash(flashData, index, flashType) {\r\n // Push the flashing data for this particular cell\r\n this.flashingData.push({ index, flashType, direction: flashData.direction, ...flashData });\r\n\r\n // Immediately trigger change detection to apply flashing styles\r\n this.cdr.detectChanges();\r\n\r\n // Remove the flash effect after a timeout\r\n setTimeout(() => {\r\n this.removeFlash(index, flashType);\r\n }, 1000); // Flash duration (1 second in this case)\r\n }\r\n\r\n removeFlash(index: number, flashType: string) {\r\n this.flashingData = this.flashingData.filter(flash => flash.index !== index || flash.flashType !== flashType);\r\n this.cdr.detectChanges(); // Re-trigger change detection to stop flashing\r\n }\r\n isFlashingIndex(index: number, flashType: string, type:string, direction: string): boolean {\r\n const res = this.flashingData.some(flash => flash.index === index && flash.flashType === flashType && flash.type === type\r\n && flash.direction === direction);\r\n if (res) {\r\n return res;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n getFlashingNumber(index: number, type: string): string | null {\r\n const flash = this.flashingData.find(flash => flash.index === index && flash.type === type);\r\n if (flash) {\r\n return flash[type];\r\n }\r\n return null;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes?.reuters) {\r\n this.symbolCode = changes?.symbolCode?.currentValue;\r\n this.reuters = changes.reuters?.currentValue;\r\n }\r\n if (this.symbolCode) {\r\n this.companyDepth = null;\r\n this.isDepthLoading = true;\r\n if (this.isOrder) this.fetchDepthByOrder();\r\n else if (!this.isOrder) this.fetchDepthByPrice();\r\n }\r\n this.companies = this.sharedService.allMarketCompanies;\r\n\r\n if (!this.isOrder && this.symbolCode) {\r\n if (this.depthConnection) this.depthConnection.stop();\r\n this.connectSignalR();\r\n }\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.depthConnection) this.depthConnection.stop();\r\n }\r\n\r\n toggleOrderView(value) {\r\n if (this.symbolCode) this.isDepthLoading = true;\r\n this.isOrder = value;\r\n if (value) this.fetchDepthByOrder();\r\n else this.fetchDepthByPrice();\r\n }\r\n\r\n fetchDepthByOrder() {\r\n this._service.fetchDepthByOrder(this.symbolCode).subscribe((res) => {\r\n this.isDepthLoading = false;\r\n this.companyDepth = res as CompanyDepth;\r\n });\r\n }\r\n\r\n fetchDepthByPrice() {\r\n this._service.fetchDepthByPrice(this.symbolCode, 10).subscribe((res) => {\r\n this.isDepthLoading = false;\r\n this.companyDepth = res as CompanyDepth;\r\n });\r\n }\r\n\r\n switchView() {\r\n if (!this.isAllDepthView) {\r\n this.fetchAllDepthByPrice();\r\n this.isAllDepthView = !this.isAllDepthView;\r\n } else {\r\n this.isAllDepthView = !this.isAllDepthView;\r\n }\r\n }\r\n\r\n fetchAllDepthByPrice() {\r\n this._service.fetchDepthByPrice(this.symbolCode, 100).subscribe((res) => {\r\n this.allDepth = res as CompanyDepth;\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") === \"dark\" ? true : false;\r\n }\r\n\r\n credentialsSearchFilter(event: any) {\r\n const val = event.target.value.toLowerCase();\r\n\r\n this.toggleBool = val !== \"\";\r\n\r\n this.records = this.companies?.filter(function (d) {\r\n return (\r\n d.ENG_NAME?.toLowerCase().includes(val) ||\r\n d.ARB_NAME?.toLowerCase().includes(val) ||\r\n d.Reuters?.toLowerCase().includes(val)\r\n );\r\n });\r\n }\r\n\r\n changecompany(record) {\r\n this.reuters = record.Reuters;\r\n this.searchValue = null;\r\n this.symbolCode = record.SYMBOL_CODE;\r\n this.companyName =\r\n this.translate.currentLang === \"ar\" ? record.ARB_NAME : record.ENG_NAME;\r\n\r\n if (this.isOrder) this.fetchDepthByOrder();\r\n else this.fetchDepthByPrice();\r\n this.records = null;\r\n }\r\n\r\n orderBuy(company, isSell) {\r\n const dialogRef = this.dialog.open(OrderBuyComponent, {\r\n disableClose: true,\r\n panelClass: \"order-dialog-container\",\r\n data: {\r\n symbol: this.symbolCode,\r\n type: isSell,\r\n price: company.ORDER_PRICE,\r\n qty: company.VOLUME_TRADED,\r\n },\r\n direction: this.translate.currentLang === \"ar\" ? \"rtl\" : \"ltr\",\r\n });\r\n\r\n dialogRef.afterClosed().subscribe((result) => { });\r\n }\r\n}\r\n","\r\n \r\n {{lang == 'ar'? iPODetails?.IpoStatusAr : iPODetails?.IpoStatusEn}}\r\n \r\n \r\n \r\n ![\"\"]()
\r\n \r\n \r\n {{lang == 'ar'? iPODetails?.NameAr : iPODetails?.NameEn}}
\r\n {{iPODetails?.SectorEn}}
\r\n {{iPODetails?.SectorAr}}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ \"ipoPrice\" | translate }}\r\n \r\n \r\n {{ \"range-price\" | translate }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{\r\n iPODetails?.PriceType === 0\r\n ? (iPODetails?.StockPrice != null\r\n ? (iPODetails?.StockPrice | number: '1.2-2' |numberFormat)\r\n : (iPODetails?.MinPrice | number: '1.2-2' |numberFormat))\r\n : iPODetails?.PriceType === 1\r\n ? (iPODetails?.MinPrice | number: '1.2-2'|numberFormat) + ' - ' + (iPODetails?.MaxPrice | number: '1.2-2'|numberFormat)\r\n : ''\r\n }}\r\n {{ \"EGP\" | translate }}\r\n \r\n \r\n \r\n \r\n {{ \"publicStake\" | translate }}\r\n \r\n \r\n {{iPODetails?.PublicStake |numberFormat}}\r\n \r\n \r\n \r\n {{ \"issueSize\" | translate }}\r\n \r\n \r\n ![\"\"](\"assets/img/Group.png\")
\r\n {{'ipoOrders'|translate}}: {{iPODetails?.OrderTime?.split('-')[0]| timeFormat:'HH:mm'}} - {{iPODetails?.OrderTime?.split('-')[1]| timeFormat:'HH:mm' }}. {{'tradeWisley'|translate}} \r\n
![\"\"](\"assets/img/PDF.svg\")
\r\n {{'attachment' | translate}} {{i+1}}\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"assets/img/Frame.svg\")
\r\n
\r\n \r\n \r\n \r\n {{ \"safeGuard\" | translate }}\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"assets/img/FramePer.svg\")
\r\n
\r\n \r\n \r\n \r\n {{ \"PERatio\" | translate }}\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"assets/img/FrameAna.svg\")
\r\n
\r\n \r\n \r\n \r\n {{ \"companyShares\" | translate }}\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"assets/img/FrameRedPer.svg\")
\r\n
\r\n \r\n \r\n \r\n {{ \"floatPercentage\" | translate }}\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n
\r\n {{'numberOfcoverage'|translate}}: {{coverageRatio | number : '1.2-2'}}\r\n \r\n \r\n {{'ipoStartAlertDesc'|translate}} \r\n
\r\n {{'numberOfcoverageLessthanOne'|translate}}\r\n \r\n
\r\n\r\n
\r\n 1\" >\r\n {{'ipoStartAlertDesc'|translate}} \r\n \r\n \r\n
\r\n \r\n {{'ipoStartAlert'| translate}}\r\n \r\n \r\n \r\n {{'numberOfcoverage'|translate}}: {{coverageRatio | number : '1.2-2'}}\r\n \r\n \r\n {{'ipoStartAlertDesc'|translate}} \r\n
\r\n {{'numberOfcoverageLessthanOne'|translate}}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n","import { ChangeDetectorRef, Component, Input, OnInit, SimpleChanges } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { ApiService } from 'src/app/services/api.service';\r\nimport { IpoAccOrderModalComponent } from '../ipo-acc-order-modal/ipo-acc-order-modal.component';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { SharedModule } from \"../../shared/shared.module\";\r\nimport { Account } from 'src/app/screens/user-profile/client-data';\r\nimport { IPO, IPODetails, IpoDocuments } from 'src/app/models/IPO';\r\nimport { forkJoin } from 'rxjs';\r\n\r\n\r\n\r\n@Component({\r\n selector: 'app-ipo-selected-symbol',\r\n templateUrl: './ipo-selected-symbol.component.html',\r\n styleUrls: ['./ipo-selected-symbol.component.scss'],\r\n \r\n})\r\nexport class IpoSelectedSymbolComponent implements OnInit {\r\n\r\n lang: string;\r\n isDarkTheme: boolean;\r\n numberOfAccounts: number=2;\r\n @Input() id: number;\r\n @Input() ipoDocuments: IpoDocuments;\r\n @Input() refreshEvent: boolean = false;\r\n iPODetails: IPODetails;\r\n clinetsAccount: Account[];\r\n ipoList : IPO[] = null;\r\n lastSelectedIPOID:any;\r\n lastIpoList : IPO[] = null;\r\n IPOTotalVolume: any;\r\n selectedIPO: IPO;\r\n lastSelectedIpoIndex = -1;\r\n coverageNumber: string;\r\n coverageRatio: number;\r\n isRefreshing:boolean=false;\r\n DisabledEtrade: boolean;\r\n\r\n constructor(\r\n public translate: TranslateService,\r\n private sanitizer: DomSanitizer,\r\n public dialog: MatDialog,\r\n private apiService: ApiService,\r\n private cdr: ChangeDetectorRef,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.lang = this.translate.currentLang;\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;\r\n this.GetAvailableIposList();\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes.refreshEvent && changes.refreshEvent.currentValue) {\r\n this.isRefreshing=true;\r\n this.GetIpoDetails(this.lastSelectedIPOID); \r\n }\r\n this.id = changes.id?.currentValue;\r\n if(this.id){\r\n this.lastSelectedIPOID=this.id;\r\n this.GetIpoDetails(this.id);\r\n }\r\n }\r\n\r\n GetIpoDetails(id:number){\r\n this.apiService.GetIpoDetails(id)\r\n .subscribe(\r\n (res)=>{\r\n this.iPODetails = res;\r\n //this.GetAvailableIposList();\r\n this.checkDisabledEtradeStatus();\r\n this.ipoList.forEach((ipo)=>{\r\n this.handleCoverageCalculation(res.SymbolCode, this.iPODetails, ipo.ipoAllotmentRatio );})\r\n this.isRefreshing=false;\r\n }\r\n )\r\n }\r\n checkDisabledEtradeStatus(): void {\r\n \r\n if (this.ipoDocuments && Array.isArray(this.ipoDocuments.OprEvents)) {\r\n\r\n const hasDisabledEtrade = this.ipoDocuments.OprEvents.filter(\r\n event => event.DisabledEtrade === true || event.DisabledEtrade === 'true'\r\n );\r\n \r\n // If there are events with status 0 or 1, check DisabledEtrade for those events\r\n if (hasDisabledEtrade.length > 0) {\r\n\r\n // Check for events with status = 0 or 1\r\n const eventsWithStatus = this.ipoDocuments.OprEvents.filter(\r\n event => event.status != 0 && event.status != 1 // Corrected this line\r\n );\r\n if (eventsWithStatus.length<0) {\r\n \r\n this.DisabledEtrade = false\r\n \r\n }\r\n else{\r\n this.DisabledEtrade = true\r\n\r\n }\r\n } \r\n else {\r\n\r\n\r\n this.DisabledEtrade = true\r\n\r\n }\r\n } \r\n }\r\n\r\n fundActionModal() {\r\n this.dialog.open(IpoAccOrderModalComponent, {\r\n panelClass: \"modal-width\",\r\n data:{\r\n isBuy : true,\r\n numberOfAccounts: this.numberOfAccounts,\r\n IPO: this.iPODetails\r\n }\r\n });\r\n }\r\n\r\n GetIpoDocuments(id){\r\n this.apiService.GetIpoDocuments(id)\r\n .subscribe(\r\n (res)=>{\r\n this.ipoDocuments = res;\r\n }\r\n )\r\n }\r\n\r\n\r\n\r\n GetAvailableIposList() {\r\n\r\n this.apiService.GetAvailableIposList()\r\n .subscribe(\r\n (res) => {\r\n if(res){\r\n this.ipoList = res;\r\n \r\n this.selectedIPO = this.ipoList[0];\r\n this.GetIpoDocuments(this.selectedIPO.Id);\r\n this.ipoList[0].selected = !this.ipoList[0].selected;\r\n this.GetIpoDetails(this.selectedIPO.Id)\r\n this.lastSelectedIpoIndex = 0; \r\n const apiCalls = this.ipoList.map(ipo =>\r\n this.apiService.fetchIPOTotalVolume(ipo.SymbolCode)\r\n );\r\n \r\n forkJoin(apiCalls).subscribe((responses: number[]) => {\r\n this.ipoList = this.ipoList.map((ipo, index) => ({\r\n ...ipo,\r\n IPOTotalVolume: responses[index],\r\n ipoAllotmentRatio: ipo.PublicStake >= responses[index] \r\n ? 100 \r\n : (ipo.PublicStake / responses[index] ) * 100\r\n }));\r\n });\r\n \r\n } else {\r\n this.ipoList = null;\r\n }\r\n }\r\n );\r\n }\r\n\r\n\r\n async handleCoverageCalculation(symbolCode: string, ipoDetail: any ,ipoAllotmentRatio : any): Promise{{'information'|translate}}
\r\n \r\n
\r\n \r\n {{lang == 'ar'? ipoDocuments?.InformationAr : ipoDocuments?.InformationEn }}\r\n
\r\n \r\n ![](\"assets/img/no-data-vector.png\")
\r\n
\r\n \r\n {{'no-data-available'|translate}}
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { ApiService } from \"src/app/services/api.service\";\r\nimport { FavService } from \"./../../services/fav.service\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { GridsterService } from \"./../../services/gridster.service\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { Component, ElementRef, OnInit, ViewChild } from \"@angular/core\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport {\r\n ColumnMode,\r\n DatatableComponent,\r\n SelectionType,\r\n} from \"@swimlane/ngx-datatable\";\r\nimport { ContextMenuComponent } from \"ngx-contextmenu\";\r\nimport { CdkDragDrop, moveItemInArray } from \"@angular/cdk/drag-drop\";\r\n\r\n@Component({\r\n selector: \"app-market-watch-table\",\r\n templateUrl: \"./market-watch-table.component.html\",\r\n styleUrls: [\"./market-watch-table.component.scss\"],\r\n})\r\nexport class MarketWatchTableComponent implements OnInit {\r\n @ViewChild(ContextMenuComponent) public basicMenu: ContextMenuComponent;\r\n\r\n fireFunction: any;\r\n addWidget: any;\r\n\r\n isCompaniesLoading: boolean;\r\n companies: CompanyList[] = [];\r\n egxCompanies: CompanyList[] = [];\r\n favCompanies: CompanyList[];\r\n searchText = \"\";\r\n selectedSymbol: any;\r\n ColumnMode = ColumnMode;\r\n @ViewChild(DatatableComponent) table: DatatableComponent;\r\n searchComp: CompanyList[];\r\n selected = [];\r\n SelectionType = SelectionType;\r\n\r\n @ViewChild(\"myWidget\") myWidget: ElementRef;\r\n\r\n public contextmenuX: any;\r\n public contextmenuY: any;\r\n public contextmenu = false;\r\n addWidgetSymbolCode: any;\r\n columns = [];\r\n matColumns = [\r\n \"Reuters\",\r\n \"ENG_NAME\",\r\n \"LAST_TRADE_PRICE\",\r\n \"LAST_TRADE_VOLUME\",\r\n \"LAST_CHANGE\",\r\n \"LAST_CHANGE_PRC\",\r\n \"OPEN_PRICE\",\r\n \"CLOSE_PRICE\",\r\n \"LOW_PRICE\",\r\n \"HIGH_PRICE\",\r\n \"TOTAL_VALUE\",\r\n \"TOTAL_VOLUME\",\r\n \"BID_PRICE\",\r\n \"BID_VOLUME\",\r\n \"TOTAL_BIDS\",\r\n \"TOTAL_ASKS\",\r\n \"ASK_VOLUME\",\r\n \"ASK_PRICE\",\r\n \"ENG_DESC\",\r\n \"MARKET_ID\",\r\n \"PREVIOUS_CLOSE\",\r\n \"REF_PRICE\",\r\n ];\r\n allFilters = [\r\n { prop: \"LAST_TRADE_PRICE\", name: \"last-price\", isChecked: true },\r\n { prop: \"LAST_TRADE_VOLUME\", name: \"last-volume\", isChecked: true },\r\n { prop: \"LAST_CHANGE\", name: \"last-change\", isChecked: true },\r\n {\r\n prop: \"LAST_CHANGE_PRC\",\r\n name: \"last-change-prc\",\r\n isChecked: true,\r\n },\r\n { prop: \"OPEN_PRICE\", name: \"open\", isChecked: true },\r\n { prop: \"CLOSE_PRICE\", name: \"close\", isChecked: true },\r\n { prop: \"LOW_PRICE\", name: \"low\", isChecked: true },\r\n { prop: \"HIGH_PRICE\", name: \"high\", isChecked: true },\r\n { prop: \"TOTAL_VALUE\", name: \"value\", isChecked: true },\r\n { prop: \"TOTAL_VOLUME\", name: \"volume\", isChecked: true },\r\n { prop: \"BID_PRICE\", name: \"bid-price\", isChecked: false },\r\n { prop: \"BID_VOLUME\", name: \"bid-qty\", isChecked: false },\r\n { prop: \"TOTAL_BIDS\", name: \"total-bids\", isChecked: false },\r\n { prop: \"TOTAL_ASKS\", name: \"total-asks\", isChecked: false },\r\n { prop: \"ASK_VOLUME\", name: \"ask-qty\", isChecked: false },\r\n { prop: \"ASK_PRICE\", name: \"ask-price\", isChecked: false },\r\n { prop: \"ENG_DESC\", name: \"sector\", isChecked: false },\r\n { prop: \"MARKET_ID\", name: \"market\", isChecked: false },\r\n { prop: \"PREVIOUS_CLOSE\", name: \"prev-close\", isChecked: false },\r\n { prop: \"REF_PRICE\", name: \"ref-price\", isChecked: false },\r\n ];\r\n\r\n tableView = \"market\";\r\n favView = \"grid\";\r\n\r\n companiesUpdates: CompanyList[] = [];\r\n isFavsLoading: boolean = false;\r\n\r\n public onFavViewChange(val: string) {\r\n this.favView = val;\r\n }\r\n\r\n reordered(event) {\r\n }\r\n\r\n clickedOutsideMenu() {\r\n this.contextmenu = false;\r\n }\r\n\r\n public onTableContextMenu(event) {\r\n // NOTE: click on header pls check when use\r\n let rect = this.myWidget.nativeElement.getBoundingClientRect();\r\n\r\n this.contextmenuX = event.event.clientX - rect.left;\r\n this.contextmenuY = event.event.clientY - rect.top + 80;\r\n\r\n this.contextmenu = true;\r\n this.addWidgetSymbolCode = {\r\n symbol: event.content.SYMBOL_CODE,\r\n reuters: event.content.Reuters,\r\n name: event.content.ARB_NAME,\r\n nameEn: event.content.ENG_NAME,\r\n };\r\n event.event.preventDefault();\r\n event.event.stopPropagation();\r\n }\r\n\r\n toggleExpandRow(row) {\r\n this.table.rowDetail.toggleExpandRow(row);\r\n }\r\n\r\n onDetailToggle(event) {\r\n }\r\n\r\n isNumber(val): boolean {\r\n return typeof val === \"number\";\r\n }\r\n\r\n getCellClass({ row, column, value }): any {\r\n if (row.SYMBOL_STATE == \"S\") return { suspended: true };\r\n\r\n // if (\r\n // (column.prop == \"LAST_CHANGE_PRC\" && value > 0) ||\r\n // (column.prop == \"LAST_CHANGE\" && value > 0)\r\n // ) {\r\n // return \"color : green\";\r\n // } else if (\r\n // (column.prop == \"LAST_CHANGE_PRC\" && value != 0) ||\r\n // (column.prop == \"LAST_CHANGE\" && value != 0)\r\n // ) {\r\n // return \"color : red\";\r\n // }\r\n }\r\n\r\n onSelect({ selected }) {\r\n this.sendCompanySymbol(this.selected[0].SYMBOL_CODE);\r\n }\r\n\r\n drop(event: CdkDragDrop- \r\n
- \r\n \r\n
{{\"news\"|translate}}
\r\n \r\n \r\n - \r\n \r\n
{{\"announcements\"|translate}}
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{\"select-company-hint\"|translate}}
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{'no-news-hint'|translate}}
\r\n\r\n \r\n
\r\n \r\n 0\" style=\"height: 100% !important;\">\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{'no-news-hint'|translate}}
\r\n0\" style=\"height: 100% !important;\">\r\n \r\n
\r\n \r\n\r\n \r\n\r\n
\r\n","import { ConfigService } from \"./../../services/config.service\";\r\nimport { DetailedQuotaComponent } from \"./../detailed-quota/detailed-quota.component\";\r\nimport { SlickMarketWatchComponent } from \"./../../components/slick-market-watch/slick-market-watch.component\";\r\nimport { ApiService } from \"./../../services/api.service\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { MarketNewsComponent } from \"./../../components/market-news/market-news.component\";\r\nimport { OrderBookComponent } from \"./../../components/order-book/order-book.component\";\r\nimport { MarketTradesComponent } from \"./../../components/market-trades/market-trades.component\";\r\nimport { MarketDepthComponent } from \"./../../components/market-depth/market-depth.component\";\r\nimport { GridsterService } from \"./../../services/gridster.service\";\r\nimport { MarketDepthBidsComponent } from \"./../../components/market-depth-bids/market-depth-bids.component\";\r\nimport { MarketDepthAsksComponent } from \"./../../components/market-depth-asks/market-depth-asks.component\";\r\nimport { TradesComponent } from \"./../../components/trades/trades.component\";\r\nimport { NewsComponent } from \"./../../components/news/news.component\";\r\nimport { HistoricalComponent } from \"./../../components/historical/historical.component\";\r\nimport {\r\n AfterViewInit,\r\n Component,\r\n OnInit,\r\n QueryList,\r\n ViewChildren,\r\n} from \"@angular/core\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport {\r\n CompactType,\r\n DirTypes,\r\n DisplayGrid,\r\n GridsterConfig,\r\n GridsterItem,\r\n GridType,\r\n} from \"angular-gridster2\";\r\nimport { Router } from \"@angular/router\";\r\nimport Swal from \"sweetalert2\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { UserIdleService } from \"angular-user-idle\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { TradingViewChartComponent } from \"src/app/components/trading-view-chart/trading-view-chart.component\";\r\nimport { FavService } from \"src/app/services/fav.service\";\r\n\r\n@Component({\r\n selector: \"app-home\",\r\n templateUrl: \"./home.component.html\",\r\n styleUrls: [\"./home.component.scss\"],\r\n})\r\nexport class HomeComponent implements OnInit, AfterViewInit {\r\n isCompaniesLoading: boolean;\r\n selectedCompanySymbol: any;\r\n options: GridsterConfig;\r\n dashboard: Array\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n grid_view\r\n \r\n \r\n \r\n \r\n table_rows\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n - \r\n
- \r\n \r\n
star Favorites\r\n \r\n \r\n - \r\n \r\n Most Active\r\n \r\n \r\n
- \r\n All\r\n Market\r\n \r\n\r\n
- \r\n EGX30\r\n \r\n
- \r\n EGX70\r\n \r\n
- \r\n EGX100\r\n \r\n\r\n
- \r\n Main\r\n Market\r\n \r\n
- \r\n NileX\r\n \r\n
- \r\n OTC\r\n \r\n
- \r\n Same Day\r\n \r\n
- \r\n 5%\r\n Limit\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n {{ value | number: \"1.2-2\":\"en-US\" }}\r\n {{ value }}\r\n %\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n 0 ||\r\n col.prop == 'LAST_CHANGE' && value > 0), 'red' : (col.prop == 'LAST_CHANGE_PRC' && value <0 || col.prop=='LAST_CHANGE' && value <0)}\">{{\r\n value | number: \"1.2-2\":\"en-US\" }}\r\n\r\n %\r\n \r\n {{ value }}\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \",\r\n timer: this.popupAlertTime * 1000,\r\n timerProgressBar: true,\r\n didOpen: () => {\r\n const content = Swal.getHtmlContainer();\r\n Swal.showLoading();\r\n timerInterval = setInterval(() => {\r\n content.getElementsByTagName(\"strong\").item(0).innerHTML = (\r\n Swal.getTimerLeft() / 1000\r\n ).toFixed(0);\r\n }, 100);\r\n },\r\n willClose: () => {\r\n this.userIdle.resetTimer();\r\n },\r\n });\r\n }\r\n });\r\n\r\n // Start watch when time is up.\r\n this.userIdle.onTimeout().subscribe(() => {\r\n if (sessionStorage.getItem(\"userName\") != null) {\r\n let userName = sessionStorage.getItem(\"userName\");\r\n this.apiService.logOut(userName).subscribe(\r\n (x) => {\r\n this.accService.logout();\r\n },\r\n (err) => {\r\n }\r\n );\r\n this.userIdle.stopTimer();\r\n this.userIdle.stopWatching();\r\n }\r\n });\r\n }\r\n\r\n addNewDashboard() {\r\n let index = this.gridService.addNewDashboard();\r\n this.dashboardList = this.gridService.getGrid();\r\n this.dashboardIndex = index - 1;\r\n this.dashboard = this.dashboardList[this.dashboardIndex];\r\n this.WindowResize();\r\n }\r\n switchDashboard(index) {\r\n this.dashboardIndex = index;\r\n this.dashboard = this.dashboardList[index];\r\n }\r\n removeDashboard(index) {\r\n // let index = this.gridService.addNewDashboard();\r\n this.gridService.removeDashboard(index);\r\n this.dashboardIndex = 0;\r\n this.dashboardList = this.gridService.getGrid();\r\n this.dashboard = this.dashboardList[this.dashboardIndex];\r\n this.WindowResize();\r\n }\r\n\r\n WindowResize() {\r\n setTimeout(() => {\r\n window.dispatchEvent(new Event(\"resize\"));\r\n }, 250);\r\n }\r\n\r\n get(comp) {\r\n switch (comp) {\r\n case \"market-watch\":\r\n return SlickMarketWatchComponent;\r\n case \"news\":\r\n return NewsComponent;\r\n case \"trades\":\r\n return TradesComponent;\r\n case \"depth-asks\":\r\n return MarketDepthAsksComponent;\r\n case \"depth-bids\":\r\n return MarketDepthBidsComponent;\r\n case \"market-depth\":\r\n return MarketDepthComponent;\r\n case \"market-trades\":\r\n return MarketTradesComponent;\r\n case \"historical\":\r\n return HistoricalComponent;\r\n case \"bids\":\r\n return MarketDepthBidsComponent;\r\n case \"asks\":\r\n return MarketDepthAsksComponent;\r\n case \"order-book\":\r\n return OrderBookComponent;\r\n case \"market-news\":\r\n return MarketNewsComponent;\r\n // case \"detailed-quota\":\r\n // return DetailedQuotaComponent;\r\n case \"chart\":\r\n return TradingViewChartComponent;\r\n }\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.components.changes.subscribe((queryList) => {\r\n this.components.forEach((element) => {\r\n element.componentRef.instance.fireFunction = (\r\n symbol,\r\n reuter,\r\n nameEn,\r\n nameAr\r\n ) => {\r\n this.selectedCompanySymbol = symbol;\r\n this.selectedCompanyReuters = reuter;\r\n if (this.translate.currentLang == \"ar\") {\r\n this.selectedCompanyName = nameAr;\r\n }\r\n if (this.translate.currentLang == \"en\") {\r\n this.selectedCompanyName = nameEn;\r\n }\r\n };\r\n\r\n element.componentRef.instance.addWidget = (\r\n name,\r\n companyData,\r\n isLinked\r\n ) => {\r\n this.dashboard.push({\r\n cols: name == \"chart\" ? 15 : 8,\r\n rows: 6,\r\n y: 0,\r\n x: 0,\r\n dragEnabled: true,\r\n resizeEnabled: true,\r\n name: name,\r\n symbolCode: companyData.symbol,\r\n reuters: companyData.reuters,\r\n companyName: companyData.name,\r\n isLinked: isLinked,\r\n });\r\n };\r\n });\r\n });\r\n }\r\n\r\n changedOptions(): void {\r\n if (this.options.api && this.options.api.optionsChanged) {\r\n this.options.api.optionsChanged();\r\n }\r\n }\r\n\r\n removeItem($event: MouseEvent | TouchEvent, item) {\r\n setTimeout(() => {\r\n $event.preventDefault();\r\n $event.stopPropagation();\r\n this.dashboard.splice(this.dashboard.indexOf(item), 1);\r\n this.gridService.updateGridWithIndex(this.dashboardIndex, this.dashboard);\r\n this.WindowResize();\r\n }, 0);\r\n }\r\n\r\n popupAlertTime = 10;\r\n\r\n constructor(\r\n public gridService: GridsterService,\r\n public translate: TranslateService,\r\n private _service: ApiService,\r\n private nav: Router,\r\n public accService: AccountService,\r\n private apiService: ApiService,\r\n private configService: ConfigService,\r\n private userIdle: UserIdleService,\r\n public signalR: SignalRService,\r\n private favService: FavService\r\n ) {\r\n // signalR.connectBidsAsksUpdates();\r\n this.signalR.connectMarketWatch();\r\n this.signalR.connectTradesUpdates();\r\n\r\n if (!this.userIdle)\r\n this.userIdle.setConfigValues({\r\n idle: this.configService.getIdleTime,\r\n timeout: 10,\r\n });\r\n\r\n this.isCompaniesLoading = true;\r\n this._service.fetchTodayMarketWatch().subscribe((res) => {\r\n this.isCompaniesLoading = false;\r\n this.companies = res as any[];\r\n this.WindowResize();\r\n });\r\n\r\n //this.favService.fetchFavs();\r\n\r\n this.gridService.onNewGenericAdded().subscribe((res) => {\r\n this.dashboard.push(res);\r\n });\r\n\r\n this.accService.isFullMarketUser.subscribe((isMarket) => {\r\n this.isMarket = isMarket;\r\n });\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.signalR.disconnectMwSignalr();\r\n this.signalR.disconnectTradesSignalr();\r\n }\r\n}\r\n","
\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n
\r\n","import { ValidationErrors, ValidatorFn, AbstractControl } from \"@angular/forms\";\r\n\r\nexport class CustomValidators {\r\n static patternValidator(regex: RegExp, error: ValidationErrors): ValidatorFn {\r\n return (control: AbstractControl): { [key: string]: any } => {\r\n if (!control.value) {\r\n // if control is empty return no error\r\n return null;\r\n }\r\n\r\n // test the value of the control against the regexp supplied\r\n const valid = regex.test(control.value);\r\n\r\n // if true, return no error (no error), else return error passed in the second parameter\r\n return valid ? null : error;\r\n };\r\n }\r\n\r\n static firstPasswordMatchValidator(control: AbstractControl) {\r\n const password: string = control.get(\"firstNewPassword\").value; // get password from our password form control\r\n const confirmPassword: string = control.get(\"reFirstNewPassword\").value; // get password from our confirmPassword form control\r\n // compare is the password math\r\n if (password !== confirmPassword) {\r\n // if they don't match, set an error in our confirmPassword form control\r\n control.get(\"reFirstNewPassword\").setErrors({ NoPassswordMatch: true });\r\n }\r\n }\r\n static secondPasswordMatchValidator(control: AbstractControl) {\r\n const password: string = control.get(\"secondNewPassword\").value; // get password from our password form control\r\n const confirmPassword: string = control.get(\"reSecondNewPassword\").value; // get password from our confirmPassword form control\r\n // compare is the password math\r\n if (password !== confirmPassword) {\r\n // if they don't match, set an error in our confirmPassword form control\r\n control.get(\"reSecondNewPassword\").setErrors({ NoPassswordMatch: true });\r\n }\r\n }\r\n}\r\n","import { ApiService } from \"src/app/services/api.service\";\r\nimport { FavService } from \"./../../services/fav.service\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { GridsterService } from \"./../../services/gridster.service\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { Component, ElementRef, OnInit, ViewChild } from \"@angular/core\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport {\r\n ColumnMode,\r\n DatatableComponent,\r\n SelectionType,\r\n} from \"@swimlane/ngx-datatable\";\r\nimport { ContextMenuComponent } from \"ngx-contextmenu\";\r\nimport { CdkDragDrop, moveItemInArray } from \"@angular/cdk/drag-drop\";\r\nimport { Subject } from \"rxjs\";\r\n\r\n@Component({\r\n selector: \"app-material-market-watch\",\r\n templateUrl: \"./material-market-watch.component.html\",\r\n styleUrls: [\"./material-market-watch.component.scss\"],\r\n})\r\nexport class MaterialMarketWatchComponent implements OnInit {\r\n @ViewChild(ContextMenuComponent) public basicMenu: ContextMenuComponent;\r\n\r\n fireFunction: any;\r\n addWidget: any;\r\n\r\n isCompaniesLoading: boolean;\r\n companies: CompanyList[] = [];\r\n egxCompanies: CompanyList[] = [];\r\n favCompanies: CompanyList[];\r\n searchText = \"\";\r\n selectedSymbol: any;\r\n ColumnMode = ColumnMode;\r\n @ViewChild(DatatableComponent) table: DatatableComponent;\r\n searchComp: CompanyList[];\r\n selected;\r\n SelectionType = SelectionType;\r\n\r\n @ViewChild(\"myWidget\") myWidget: ElementRef;\r\n dtOptions: any = {};\r\n dtTrigger: Subject\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n
\r\n\r\n 0 && this.accService.Ticker\">\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{company.Reuters}}\r\n
\r\n 0? 'green' : 'red'\">\r\n {{company.LAST_CHANGE | number : '1.2-2'}} ({{company.LAST_CHANGE_PRC | number : '1.2-2'}}%)\r\n\r\n 0\">\r\n \r\n
\r\n \r\n
\r\n \r\n {{(translate.currentLang=='en')?company.ENG_NAME:company.ARB_NAME}}\r\n
\r\n \r\n {{company.LAST_TRADE_PRICE | currency:\"EGP\":\"symbol\"}}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n","var map = {\n\t\"./af\": \"K/tc\",\n\t\"./af.js\": \"K/tc\",\n\t\"./ar\": \"jnO4\",\n\t\"./ar-dz\": \"o1bE\",\n\t\"./ar-dz.js\": \"o1bE\",\n\t\"./ar-kw\": \"Qj4J\",\n\t\"./ar-kw.js\": \"Qj4J\",\n\t\"./ar-ly\": \"HP3h\",\n\t\"./ar-ly.js\": \"HP3h\",\n\t\"./ar-ma\": \"CoRJ\",\n\t\"./ar-ma.js\": \"CoRJ\",\n\t\"./ar-sa\": \"gjCT\",\n\t\"./ar-sa.js\": \"gjCT\",\n\t\"./ar-tn\": \"bYM6\",\n\t\"./ar-tn.js\": \"bYM6\",\n\t\"./ar.js\": \"jnO4\",\n\t\"./az\": \"SFxW\",\n\t\"./az.js\": \"SFxW\",\n\t\"./be\": \"H8ED\",\n\t\"./be.js\": \"H8ED\",\n\t\"./bg\": \"hKrs\",\n\t\"./bg.js\": \"hKrs\",\n\t\"./bm\": \"p/rL\",\n\t\"./bm.js\": \"p/rL\",\n\t\"./bn\": \"kEOa\",\n\t\"./bn-bd\": \"loYQ\",\n\t\"./bn-bd.js\": \"loYQ\",\n\t\"./bn.js\": \"kEOa\",\n\t\"./bo\": \"0mo+\",\n\t\"./bo.js\": \"0mo+\",\n\t\"./br\": \"aIdf\",\n\t\"./br.js\": \"aIdf\",\n\t\"./bs\": \"JVSJ\",\n\t\"./bs.js\": \"JVSJ\",\n\t\"./ca\": \"1xZ4\",\n\t\"./ca.js\": \"1xZ4\",\n\t\"./cs\": \"PA2r\",\n\t\"./cs.js\": \"PA2r\",\n\t\"./cv\": \"A+xa\",\n\t\"./cv.js\": \"A+xa\",\n\t\"./cy\": \"l5ep\",\n\t\"./cy.js\": \"l5ep\",\n\t\"./da\": \"DxQv\",\n\t\"./da.js\": \"DxQv\",\n\t\"./de\": \"tGlX\",\n\t\"./de-at\": \"s+uk\",\n\t\"./de-at.js\": \"s+uk\",\n\t\"./de-ch\": \"u3GI\",\n\t\"./de-ch.js\": \"u3GI\",\n\t\"./de.js\": \"tGlX\",\n\t\"./dv\": \"WYrj\",\n\t\"./dv.js\": \"WYrj\",\n\t\"./el\": \"jUeY\",\n\t\"./el.js\": \"jUeY\",\n\t\"./en-au\": \"Dmvi\",\n\t\"./en-au.js\": \"Dmvi\",\n\t\"./en-ca\": \"OIYi\",\n\t\"./en-ca.js\": \"OIYi\",\n\t\"./en-gb\": \"Oaa7\",\n\t\"./en-gb.js\": \"Oaa7\",\n\t\"./en-ie\": \"4dOw\",\n\t\"./en-ie.js\": \"4dOw\",\n\t\"./en-il\": \"czMo\",\n\t\"./en-il.js\": \"czMo\",\n\t\"./en-in\": \"7C5Q\",\n\t\"./en-in.js\": \"7C5Q\",\n\t\"./en-nz\": \"b1Dy\",\n\t\"./en-nz.js\": \"b1Dy\",\n\t\"./en-sg\": \"t+mt\",\n\t\"./en-sg.js\": \"t+mt\",\n\t\"./eo\": \"Zduo\",\n\t\"./eo.js\": \"Zduo\",\n\t\"./es\": \"iYuL\",\n\t\"./es-do\": \"CjzT\",\n\t\"./es-do.js\": \"CjzT\",\n\t\"./es-mx\": \"tbfe\",\n\t\"./es-mx.js\": \"tbfe\",\n\t\"./es-us\": \"Vclq\",\n\t\"./es-us.js\": \"Vclq\",\n\t\"./es.js\": \"iYuL\",\n\t\"./et\": \"7BjC\",\n\t\"./et.js\": \"7BjC\",\n\t\"./eu\": \"D/JM\",\n\t\"./eu.js\": \"D/JM\",\n\t\"./fa\": \"jfSC\",\n\t\"./fa.js\": \"jfSC\",\n\t\"./fi\": \"gekB\",\n\t\"./fi.js\": \"gekB\",\n\t\"./fil\": \"1ppg\",\n\t\"./fil.js\": \"1ppg\",\n\t\"./fo\": \"ByF4\",\n\t\"./fo.js\": \"ByF4\",\n\t\"./fr\": \"nyYc\",\n\t\"./fr-ca\": \"2fjn\",\n\t\"./fr-ca.js\": \"2fjn\",\n\t\"./fr-ch\": \"Dkky\",\n\t\"./fr-ch.js\": \"Dkky\",\n\t\"./fr.js\": \"nyYc\",\n\t\"./fy\": \"cRix\",\n\t\"./fy.js\": \"cRix\",\n\t\"./ga\": \"USCx\",\n\t\"./ga.js\": \"USCx\",\n\t\"./gd\": \"9rRi\",\n\t\"./gd.js\": \"9rRi\",\n\t\"./gl\": \"iEDd\",\n\t\"./gl.js\": \"iEDd\",\n\t\"./gom-deva\": \"qvJo\",\n\t\"./gom-deva.js\": \"qvJo\",\n\t\"./gom-latn\": \"DKr+\",\n\t\"./gom-latn.js\": \"DKr+\",\n\t\"./gu\": \"4MV3\",\n\t\"./gu.js\": \"4MV3\",\n\t\"./he\": \"x6pH\",\n\t\"./he.js\": \"x6pH\",\n\t\"./hi\": \"3E1r\",\n\t\"./hi.js\": \"3E1r\",\n\t\"./hr\": \"S6ln\",\n\t\"./hr.js\": \"S6ln\",\n\t\"./hu\": \"WxRl\",\n\t\"./hu.js\": \"WxRl\",\n\t\"./hy-am\": \"1rYy\",\n\t\"./hy-am.js\": \"1rYy\",\n\t\"./id\": \"UDhR\",\n\t\"./id.js\": \"UDhR\",\n\t\"./is\": \"BVg3\",\n\t\"./is.js\": \"BVg3\",\n\t\"./it\": \"bpih\",\n\t\"./it-ch\": \"bxKX\",\n\t\"./it-ch.js\": \"bxKX\",\n\t\"./it.js\": \"bpih\",\n\t\"./ja\": \"B55N\",\n\t\"./ja.js\": \"B55N\",\n\t\"./jv\": \"tUCv\",\n\t\"./jv.js\": \"tUCv\",\n\t\"./ka\": \"IBtZ\",\n\t\"./ka.js\": \"IBtZ\",\n\t\"./kk\": \"bXm7\",\n\t\"./kk.js\": \"bXm7\",\n\t\"./km\": \"6B0Y\",\n\t\"./km.js\": \"6B0Y\",\n\t\"./kn\": \"PpIw\",\n\t\"./kn.js\": \"PpIw\",\n\t\"./ko\": \"Ivi+\",\n\t\"./ko.js\": \"Ivi+\",\n\t\"./ku\": \"JCF/\",\n\t\"./ku.js\": \"JCF/\",\n\t\"./ky\": \"lgnt\",\n\t\"./ky.js\": \"lgnt\",\n\t\"./lb\": \"RAwQ\",\n\t\"./lb.js\": \"RAwQ\",\n\t\"./lo\": \"sp3z\",\n\t\"./lo.js\": \"sp3z\",\n\t\"./lt\": \"JvlW\",\n\t\"./lt.js\": \"JvlW\",\n\t\"./lv\": \"uXwI\",\n\t\"./lv.js\": \"uXwI\",\n\t\"./me\": \"KTz0\",\n\t\"./me.js\": \"KTz0\",\n\t\"./mi\": \"aIsn\",\n\t\"./mi.js\": \"aIsn\",\n\t\"./mk\": \"aQkU\",\n\t\"./mk.js\": \"aQkU\",\n\t\"./ml\": \"AvvY\",\n\t\"./ml.js\": \"AvvY\",\n\t\"./mn\": \"lYtQ\",\n\t\"./mn.js\": \"lYtQ\",\n\t\"./mr\": \"Ob0Z\",\n\t\"./mr.js\": \"Ob0Z\",\n\t\"./ms\": \"6+QB\",\n\t\"./ms-my\": \"ZAMP\",\n\t\"./ms-my.js\": \"ZAMP\",\n\t\"./ms.js\": \"6+QB\",\n\t\"./mt\": \"G0Uy\",\n\t\"./mt.js\": \"G0Uy\",\n\t\"./my\": \"honF\",\n\t\"./my.js\": \"honF\",\n\t\"./nb\": \"bOMt\",\n\t\"./nb.js\": \"bOMt\",\n\t\"./ne\": \"OjkT\",\n\t\"./ne.js\": \"OjkT\",\n\t\"./nl\": \"+s0g\",\n\t\"./nl-be\": \"2ykv\",\n\t\"./nl-be.js\": \"2ykv\",\n\t\"./nl.js\": \"+s0g\",\n\t\"./nn\": \"uEye\",\n\t\"./nn.js\": \"uEye\",\n\t\"./oc-lnc\": \"Fnuy\",\n\t\"./oc-lnc.js\": \"Fnuy\",\n\t\"./pa-in\": \"8/+R\",\n\t\"./pa-in.js\": \"8/+R\",\n\t\"./pl\": \"jVdC\",\n\t\"./pl.js\": \"jVdC\",\n\t\"./pt\": \"8mBD\",\n\t\"./pt-br\": \"0tRk\",\n\t\"./pt-br.js\": \"0tRk\",\n\t\"./pt.js\": \"8mBD\",\n\t\"./ro\": \"lyxo\",\n\t\"./ro.js\": \"lyxo\",\n\t\"./ru\": \"lXzo\",\n\t\"./ru.js\": \"lXzo\",\n\t\"./sd\": \"Z4QM\",\n\t\"./sd.js\": \"Z4QM\",\n\t\"./se\": \"//9w\",\n\t\"./se.js\": \"//9w\",\n\t\"./si\": \"7aV9\",\n\t\"./si.js\": \"7aV9\",\n\t\"./sk\": \"e+ae\",\n\t\"./sk.js\": \"e+ae\",\n\t\"./sl\": \"gVVK\",\n\t\"./sl.js\": \"gVVK\",\n\t\"./sq\": \"yPMs\",\n\t\"./sq.js\": \"yPMs\",\n\t\"./sr\": \"zx6S\",\n\t\"./sr-cyrl\": \"E+lV\",\n\t\"./sr-cyrl.js\": \"E+lV\",\n\t\"./sr.js\": \"zx6S\",\n\t\"./ss\": \"Ur1D\",\n\t\"./ss.js\": \"Ur1D\",\n\t\"./sv\": \"X709\",\n\t\"./sv.js\": \"X709\",\n\t\"./sw\": \"dNwA\",\n\t\"./sw.js\": \"dNwA\",\n\t\"./ta\": \"PeUW\",\n\t\"./ta.js\": \"PeUW\",\n\t\"./te\": \"XLvN\",\n\t\"./te.js\": \"XLvN\",\n\t\"./tet\": \"V2x9\",\n\t\"./tet.js\": \"V2x9\",\n\t\"./tg\": \"Oxv6\",\n\t\"./tg.js\": \"Oxv6\",\n\t\"./th\": \"EOgW\",\n\t\"./th.js\": \"EOgW\",\n\t\"./tk\": \"Wv91\",\n\t\"./tk.js\": \"Wv91\",\n\t\"./tl-ph\": \"Dzi0\",\n\t\"./tl-ph.js\": \"Dzi0\",\n\t\"./tlh\": \"z3Vd\",\n\t\"./tlh.js\": \"z3Vd\",\n\t\"./tr\": \"DoHr\",\n\t\"./tr.js\": \"DoHr\",\n\t\"./tzl\": \"z1FC\",\n\t\"./tzl.js\": \"z1FC\",\n\t\"./tzm\": \"wQk9\",\n\t\"./tzm-latn\": \"tT3J\",\n\t\"./tzm-latn.js\": \"tT3J\",\n\t\"./tzm.js\": \"wQk9\",\n\t\"./ug-cn\": \"YRex\",\n\t\"./ug-cn.js\": \"YRex\",\n\t\"./uk\": \"raLr\",\n\t\"./uk.js\": \"raLr\",\n\t\"./ur\": \"UpQW\",\n\t\"./ur.js\": \"UpQW\",\n\t\"./uz\": \"Loxo\",\n\t\"./uz-latn\": \"AQ68\",\n\t\"./uz-latn.js\": \"AQ68\",\n\t\"./uz.js\": \"Loxo\",\n\t\"./vi\": \"KSF8\",\n\t\"./vi.js\": \"KSF8\",\n\t\"./x-pseudo\": \"/X5v\",\n\t\"./x-pseudo.js\": \"/X5v\",\n\t\"./yo\": \"fzPg\",\n\t\"./yo.js\": \"fzPg\",\n\t\"./zh-cn\": \"XDpg\",\n\t\"./zh-cn.js\": \"XDpg\",\n\t\"./zh-hk\": \"SatO\",\n\t\"./zh-hk.js\": \"SatO\",\n\t\"./zh-mo\": \"OmwH\",\n\t\"./zh-mo.js\": \"OmwH\",\n\t\"./zh-tw\": \"kOpN\",\n\t\"./zh-tw.js\": \"kOpN\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"RnhZ\";","import { ApiService } from \"src/app/services/api.service\";\r\nimport { SignalRService } from \"./services/signalr.service\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { GridsterService } from \"./services/gridster.service\";\r\nimport { AfterViewInit, Component, ElementRef } from \"@angular/core\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { GridsterItem } from \"angular-gridster2\";\r\nimport jwt_decode from \"jwt-decode\";\r\nimport { UrlConstants } from \"./models/urlConstants\";\r\n\r\n@Component({\r\n selector: \"app-root\",\r\n templateUrl: \"./app.component.html\",\r\n styleUrls: [\"./app.component.scss\"],\r\n})\r\nexport class AppComponent implements AfterViewInit {\r\n title = \"streamer-trading\";\r\n companyName = UrlConstants.companyName;\r\n isEGID = UrlConstants.isEGID;\r\n\r\n private dashboard: Array{{\"market\"|translate}}
\r\n\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n grid_view\r\n \r\n \r\n \r\n \r\n table_rows\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n - \r\n
- \r\n \r\n
star Favorites\r\n \r\n \r\n - \r\n \r\n Most Active\r\n \r\n \r\n
- \r\n All\r\n Market\r\n \r\n\r\n
- \r\n EGX30\r\n \r\n
- \r\n EGX70\r\n \r\n
- \r\n EGX100\r\n \r\n\r\n
- \r\n Main\r\n Market\r\n \r\n
- \r\n NileX\r\n \r\n
- \r\n OTC\r\n \r\n
- \r\n Same Day\r\n \r\n
- \r\n 5%\r\n Limit\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n\r\n | {{'reuters'|translate}} | \r\n{{'company-name'|translate}} | \r\n{{item.name | translate}} | \r\n
|---|---|---|
| \r\n {{item.Reuters}}\r\n | \r\n\r\n {{(translate.currentLang == 'en')?item.ENG_NAME:item.ARB_NAME}}\r\n | \r\n\r\n 0 ||\r\n x.prop == 'LAST_CHANGE' && item[x.prop] > 0), 'red' : (x.prop == 'LAST_CHANGE_PRC' && item[x.prop] <0 || x.prop=='LAST_CHANGE' && item[x.prop] <0)}\">{{ item[x.prop] | number: \"1.2-2\":\"en-US\" }} %\r\n \r\n {{ item[x.prop] }}\r\n | \r\n
| No data! | \r\n
| {{'reuters'|translate}} | \r\n{{'company-name'|translate}} | \r\n{{item.name | translate}} | \r\n
|---|---|---|
| \r\n {{item?.Reuters}}\r\n | \r\n\r\n {{(translate.currentLang == 'en')?item?.ENG_NAME:item?.ARB_NAME}}\r\n | \r\n\r\n \r\n 0 ||\r\n x.prop == 'LAST_CHANGE' && item[x.prop] > 0), 'red' : (x.prop == 'LAST_CHANGE_PRC' && item[x.prop] <0 || x.prop=='LAST_CHANGE' && item[x.prop] <0)}\">{{ item[x.prop] | number: \"1.2-2\":\"en-US\" }} %\r\n \r\n {{ item[x.prop] }}\r\n | \r\n
| No data! | \r\n
\r\n \r\n
\r\n","import { Subscription } from \"rxjs\";\r\nimport { OnDestroy } from \"@angular/core\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { FormBuilder, FormGroup, Validators } from \"@angular/forms\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { ActivatedRoute, Router } from \"@angular/router\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { ReCaptchaV3Service } from \"ng-recaptcha\";\r\nimport { ForgetPassObj } from \"src/app/models/login\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { AlertService } from \"src/app/services/alert.service\";\r\nimport Swal from \"sweetalert2\";\r\n\r\n@Component({\r\n selector: \"app-verify-email\",\r\n templateUrl: \"./verify-email.component.html\",\r\n styleUrls: [\"./verify-email.component.scss\"],\r\n})\r\nexport class VerifyEmailComponent implements OnInit, OnDestroy {\r\n verifyEmail: ForgetPassObj = {} as ForgetPassObj;\r\n formForget: FormGroup;\r\n resetEmail: \"\";\r\n private _subscription: Subscription;\r\n\r\n constructor(\r\n private formBuilder: FormBuilder,\r\n private route: ActivatedRoute,\r\n private router: Router,\r\n private alertService: AlertService,\r\n private dialog: MatDialog,\r\n private translate: TranslateService,\r\n private accService: AccountService,\r\n private recaptchaV3Service: ReCaptchaV3Service\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.formForget = this.formBuilder.group({\r\n email: [null, [Validators.required, Validators.email]],\r\n });\r\n }\r\n\r\n onLogin() {\r\n this.recaptchaV3Service\r\n .execute(\"importantAction\")\r\n .subscribe((token: string) => {\r\n this.verifyEmail.Email = this.formForget.value.email;\r\n this.accService.VerifyEmail(this.verifyEmail.Email).subscribe(\r\n (arg) => {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"success\",\r\n title: this.translate.instant(\"incorrect-email\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n },\r\n (err) => {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"pass-error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n );\r\n });\r\n }\r\n login() {\r\n this.router.navigateByUrl(\"/login\");\r\n }\r\n ngOnDestroy() {\r\n if (this._subscription) {\r\n this._subscription.unsubscribe();\r\n }\r\n const element = document.getElementsByClassName(\r\n \"grecaptcha-badge\"\r\n )[0] as HTMLElement;\r\n if (element) {\r\n element.style.visibility = \"hidden\";\r\n }\r\n }\r\n}\r\n","\r\n
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\n\r\n@Component({\r\n selector: 'app-info-modal',\r\n templateUrl: './info-modal.component.html',\r\n styleUrls: ['./info-modal.component.scss']\r\n})\r\nexport class InfoModalComponent implements OnInit {\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data,\r\n public sanitizer: DomSanitizer\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"./assets/identity/logo.png\")
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n ","import { GridsterItem } from \"angular-gridster2\";\r\nimport { Injectable } from \"@angular/core\";\r\nimport { Observable, Subject } from \"rxjs\";\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n})\r\nexport class GridsterService {\r\n defaultDash = [\r\n {\r\n cols: 14,\r\n rows: 7,\r\n y: 0,\r\n x: 0,\r\n dragEnabled: true,\r\n resizeEnabled: true,\r\n name: \"market-watch\",\r\n state: \"Most Active\",\r\n },\r\n {\r\n cols: 8,\r\n rows: 7,\r\n y: 0,\r\n x: 22,\r\n dragEnabled: true,\r\n resizeEnabled: true,\r\n name: \"market-news\",\r\n },\r\n {\r\n cols: 8,\r\n rows: 7,\r\n y: 0,\r\n x: 14,\r\n dragEnabled: true,\r\n resizeEnabled: true,\r\n name: \"market-trades\",\r\n },\r\n {\r\n cols: 15,\r\n rows: 6,\r\n x: 0,\r\n y: 7,\r\n dragEnabled: true,\r\n resizeEnabled: true,\r\n name: \"order-book\",\r\n },\r\n {\r\n cols: 7,\r\n rows: 6,\r\n x: 15,\r\n y: 7,\r\n dragEnabled: true,\r\n resizeEnabled: true,\r\n name: \"market-depth\",\r\n isLinked: true,\r\n },\r\n {\r\n cols: 8,\r\n rows: 6,\r\n x: 22,\r\n y: 7,\r\n dragEnabled: true,\r\n resizeEnabled: true,\r\n name: \"historical\",\r\n },\r\n {\r\n cols: 6,\r\n rows: 6,\r\n y: 13,\r\n x: 6,\r\n dragEnabled: true,\r\n resizeEnabled: true,\r\n name: \"depth-asks\",\r\n },\r\n {\r\n cols: 6,\r\n rows: 6,\r\n y: 13,\r\n x: 0,\r\n dragEnabled: true,\r\n resizeEnabled: true,\r\n name: \"depth-bids\",\r\n },\r\n {\r\n cols: 9,\r\n rows: 6,\r\n y: 13,\r\n x: 12,\r\n dragEnabled: true,\r\n resizeEnabled: true,\r\n name: \"news\",\r\n },\r\n ];\r\n\r\n isDarkTheme: boolean;\r\n\r\n constructor() {\r\n this.initTheme();\r\n }\r\n\r\n private newGenericWidget = new Subject\r\n \r\n
\r\n \r\n \r\n
\r\n 0\" id=\"dark\" class=\"ipo-bg page-alignment\">\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n {{ \"ipoTitle\" | translate }}
\r\n \r\n\r\n {{ \"ipoDesc\" | translate }}\r\n \r\n
\r\n \r\n ![\"\"](\"assets/img/Frame.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {{lang == 'ar'? ipo?.IpoStatusAr : ipo?.IpoStatusEn}}\r\n
\r\n \r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n \r\n
\r\n {{lang == 'ar'? ipo?.NameAr : ipo?.NameEn}}
\r\n{{ipo?.SectorEn}}
\r\n{{ipo?.SectorAr}}
\r\n\r\n
\r\n \r\n \r\n \r\n {{\r\n ipo?.StockPrice != null\r\n ? (ipo?.StockPrice | number: '1.2-2')\r\n : (ipo?.MinPrice | number: '1.2-2')\r\n }}\r\n \r\n \r\n {{ ipo?.MinPrice | number: '1.2-2' }} - {{ ipo?.MaxPrice | number: '1.2-2' }}\r\n \r\n {{ \"EGP\" | translate }}\r\n \r\n
\r\n \r\n \r\n {{ \"ipoPrice\" | translate }}\r\n \r\n \r\n {{ \"range-price\" | translate }}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ \"ipoType\" | translate }}\r\n \r\n
\r\n {{lang == 'ar'? ipo?.TypeAr : ipo?.TypeEn}}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {{ \"iPOAllocationRatio\" | translate }}\r\n \r\n \r\n
\r\n \r\n {{ \"iPOAllocationRatioDesc\" | translate }}\r\n \r\n
\r\n \r\n \r\n {{ \"iPOAllocationRatio\" | translate }}\r\n \r\n \r\n
\r\n \r\n {{ \"iPOAllocationRatioDesc\" | translate }}\r\n \r\n \r\n {{ ipo.ipoAllotmentRatio | numberFormat }}%\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ![\"\"](\"assets/img/Calendarg.svg\")
\r\n
\r\n \r\n \r\n {{ \"startDate\" | translate }}\r\n {{ipo?.StartDate | date: 'dd-MM-yyyy'}}\r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"assets/img/Calendar.svg\")
\r\n
\r\n \r\n \r\n {{ \"endDate\" | translate }}\r\n {{ipo?.EndDate | date: 'dd-MM-yyyy'}}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{'No-IPO-available'|translate}}
\r\n","import { TranslateService } from \"@ngx-translate/core\";\r\nimport { NewsDetailsModalComponent } from \"./../news-details-modal/news-details-modal.component\";\r\nimport { Component, Input, OnInit, SimpleChanges } from \"@angular/core\";\r\nimport { CompanyNews } from \"src/app/models/company-news\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\n\r\n@Component({\r\n selector: \"app-news\",\r\n templateUrl: \"./news.component.html\",\r\n styleUrls: [\"./news.component.scss\"],\r\n})\r\nexport class NewsComponent implements OnInit {\r\n @Input() symbolCode: string;\r\n @Input() reuters: string;\r\n @Input() companyName: string;\r\n @Input() wasChanged: boolean;\r\n\r\n isNewsLoading: boolean;\r\n companyNews: CompanyNews[];\r\n\r\n isNewsView = true;\r\n announcements: CompanyNews[];\r\n\r\n setNewsView(value) {\r\n this.isNewsView = value;\r\n }\r\n constructor(\r\n public dialog: MatDialog,\r\n public translate: TranslateService,\r\n private _service: ApiService,\r\n signalService: SignalRService\r\n ) {\r\n // signalService.connectBidsAsksUpdates();\r\n\r\n signalService.newsChanges.subscribe((res: any) => {\r\n res.forEach((element: CompanyNews) => {\r\n if (element.SYMBOL_CODE == this.symbolCode)\r\n switch (element.TYPE) {\r\n case 1:\r\n this.companyNews?.unshift(element);\r\n default:\r\n this.announcements?.unshift(element);\r\n }\r\n // this.companyNews = res.filter((book) => book.TYPE === 1);\r\n // this.announcements = res.filter((book) => book.TYPE != 1);\r\n });\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n this.companyNews = [];\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) { \r\n if( (this.wasChanged == false && changes.wasChanged?.currentValue != null) || changes.wasChanged?.previousValue == null){\r\n if (changes.companyName?.currentValue != null) {\r\n if (changes.companyName?.currentValue != changes.companyName?.previousValue) {\r\n this.companyName = changes.companyName.currentValue;\r\n }\r\n }\r\n this.reuters = changes.reuters?.currentValue;\r\n this.companyName = changes.companyName?.currentValue;\r\n this.symbolCode = changes.symbolCode?.currentValue;\r\n if (this.symbolCode) this.fetchCompanyNews();\r\n }\r\n }\r\n\r\n openNewsModal(item) {\r\n this.dialog.open(NewsDetailsModalComponent, {\r\n panelClass: \"custom-dialog-container\",\r\n data: {\r\n item,\r\n },\r\n });\r\n }\r\n\r\n fetchCompanyNews() {\r\n this.isNewsLoading = true;\r\n\r\n this._service.fetchCompanyNews(this.symbolCode).subscribe((res) => {\r\n this.isNewsLoading = false;\r\n\r\n if (res) {\r\n this.companyNews = res.filter((book) => book.TYPE === 1);\r\n this.announcements = res.filter((book) => book.TYPE != 1);\r\n }\r\n });\r\n }\r\n\r\n getColor(item) {\r\n switch (item) {\r\n case 1:\r\n return {\r\n background: \"aquamarine\",\r\n color: \"black\",\r\n };\r\n case 2:\r\n return {\r\n background: \"bisque\",\r\n color: \"black\",\r\n };\r\n case 3:\r\n return {\r\n background: \"teal\",\r\n color: \"whitesmoke\",\r\n };\r\n case 4:\r\n return {\r\n background: \"greenyellow\",\r\n color: \"black\",\r\n };\r\n case 5:\r\n return {\r\n background: \"cornflowerblue\",\r\n color: \"black\",\r\n };\r\n case 6:\r\n return {\r\n background: \"darkorange\",\r\n color: \"black\",\r\n };\r\n case 7:\r\n return {\r\n background: \"darkslategrey\",\r\n color: \"white\",\r\n };\r\n case 8:\r\n return {\r\n background: \"yellow\",\r\n color: \"black\",\r\n };\r\n case 9:\r\n return {\r\n background: \"violet\",\r\n color: \"white\",\r\n };\r\n case 12: {\r\n return {\r\n background: \"lightcoral\",\r\n color: \"whitesmoke\",\r\n };\r\n }\r\n default: {\r\n return {\r\n background: \"lightgray\",\r\n color: \"black\",\r\n };\r\n }\r\n }\r\n }\r\n}\r\n","\r\n
\r\n","import { TranslateService } from \"@ngx-translate/core\";\r\nimport { HttpClient } from \"@angular/common/http\";\r\nimport { Component, Inject, OnInit } from \"@angular/core\";\r\nimport { NgxPrinterService } from \"ngx-printer\";\r\nimport { Account } from \"../client-data\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\nimport { MAT_DIALOG_DATA } from \"@angular/material/dialog\";\r\nimport * as moment from \"moment\";\r\n\r\n@Component({\r\n selector: \"app-statement\",\r\n templateUrl: \"./statement.component.html\",\r\n styleUrls: [\"./statement.component.scss\"],\r\n})\r\nexport class StatementComponent implements OnInit {\r\n today = new Date();\r\n selectedStatement: any;\r\n statement: any;\r\n dateFrom: Date = new Date(this.today.setDate(this.today.getDate() - 3));\r\n dateTo: Date = new Date();\r\n selectedCurr = \"1\";\r\n\r\n noStatement;\r\n\r\n isInvoicesLoading: boolean = false;\r\n accList: Object;\r\n selectedClient: any;\r\n inputUser: Account;\r\n\r\n tryGenerate(item) {\r\n // this.router.navigate([\"preview-invoice\"], {\r\n // state: { invoice: this.selectedStatement },\r\n // });\r\n this.selectedStatement = item;\r\n\r\n setTimeout(() => {\r\n this.printerService.printDiv(\"print-section\");\r\n }, 500);\r\n }\r\n\r\n selectInvoice(invoicee) {\r\n this.selectedStatement = invoicee;\r\n }\r\n\r\n constructor(\r\n private http: HttpClient,\r\n @Inject(MAT_DIALOG_DATA) public data: string,\r\n public translate: TranslateService,\r\n private printerService: NgxPrinterService\r\n ) {\r\n this.accList = JSON.parse(localStorage.getItem(\"accList\")) as Account[];\r\n if (this.data != null && this.data[\"inputUser\"] != null) {\r\n this.selectedClient = this.data[\"inputUser\"];\r\n } else {\r\n this.selectedClient = this.accList[0].relationCode;\r\n }\r\n }\r\n\r\n fetchClientStatement() {\r\n let from = moment(this.dateFrom).format(\"MM-DD-YYYY\");\r\n let to = moment(this.dateTo).format(\"MM-DD-YYYY\");\r\n\r\n let lang = this.translate.currentLang == \"ar\" ? 1 : 2;\r\n let isRated = this.selectedCurr == \"-1\";\r\n\r\n // 01-03-2020\r\n return this.http.get- \r\n \r\n\r\n
- \r\n \r\n
{{\"news\"|translate}}
\r\n \r\n \r\n - \r\n \r\n
{{\"announcements\"|translate}}
\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{\"select-company-hint\"|translate}}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{'no-news-hint'|translate}}
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{'no-news-hint'|translate}}
\r\n\r\n \r\n
\r\n \r\n 0\" style=\"height: 100% !important;\">\r\n \r\n
\r\n 0\" style=\"height: 100% !important;\">\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n {{\"my-statements\"|translate}}
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n {{'my-statements'|translate}}
\r\n\r\n\r\n\r\n
\r\n
\r\n\r\n \r\n \r\n \r\n \r\n ({{acc.relationCode}}) {{translate.currentLang=='en'?acc.clientNameEn:acc.clientNameAr}} \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {{'egp'|translate}}\r\n \r\n \r\n {{'usd'|translate}}\r\n \r\n \r\n {{'rated'|translate}}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n
\r\n \r\n {{noStatement}}\r\n
\r\n\r\n \r\n\r\n\r\n\r\n","import { CdkDragDrop, moveItemInArray } from \"@angular/cdk/drag-drop\";\r\nimport { Component, Inject, OnInit } from \"@angular/core\";\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from \"@angular/material/dialog\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { Order } from \"src/app/models/order\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { GridsterService } from \"src/app/services/gridster.service\";\r\n\r\n@Component({\r\n selector: \"app-selected-order-trade\",\r\n templateUrl: \"./selected-order-trade.component.html\",\r\n styleUrls: [\"./selected-order-trade.component.scss\"],\r\n})\r\nexport class SelectedOrderTradeComponent implements OnInit {\r\n order: any;\r\n orderHistory: any;\r\n orderNumber: any;\r\n noData: boolean = false;\r\n mapFixStatusColor = new Map([\r\n [\"0\", \"white\"],\r\n [\"1\", \"#5aff55\"],\r\n [\"2\", \"darkgreen\"],\r\n [\"3\", \"yellow\"],\r\n [\"4\", \"#ff7200\"],\r\n [\"5\", \"#550eff\"],\r\n [\"6\", \"yellow\"],\r\n [\"8\", \"darkred\"],\r\n [\"9\", \"gray\"],\r\n [\"A\", \"yellow\"],\r\n [\"C\", \"darkred\"],\r\n [\"E\", \"yellow\"],\r\n [\"H\", \"darkred\"],\r\n [\"N\", \"darkred\"],\r\n [\"R\", \"yellow\"],\r\n [\"W\", \"yellow\"],\r\n [\"P\", \"yellow\"],\r\n [\"X\", \"yellow\"],\r\n [\"Y\", \"darkred\"],\r\n [\"Z\", \"cyan\"],\r\n ]);\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: string,\r\n private apiService: ApiService,\r\n public dialogRef: MatDialogRef
{{\"order-history\"|translate}} ({{order?.OrderNumber}})
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n {{ \"new-order\"|translate}}
\r\n{{ \"cancel-req\"|translate}}
\r\n{{'update' | translate}} |\r\n {{ \"price\"|translate}} \r\n {{ \"qty\"|translate}} \r\n {{ \"validty\"|translate}}
\r\n {{order.CreateDate | date: 'dd/MM/yyyy hh:mm'}}\r\n\r\n
\r\n \r\n {{ \"fix\" | translate}} | {{translate.currentLang == 'en'? order.FixStatusEn : order.FixStatusAr}}
\r\n\r\n {{ \"order-status\" | translate}} | {{translate.currentLang == 'en'? order.OrderStatusEn : order.OrderStatusAr}}
\r\n\r\n {{ \"validty\" | translate}} | {{translate.currentLang == 'en'? order.ChangeTiffDateFlagEn : order.ChangeTiffDateFlagAr}} {{order.ChangeTiffDateTo| date: 'dd/MM/yyyy' }}
\r\n\r\n {{'qty' | translate}} | {{order.ChangeQtyTo| number}} \r\n - {{'price' | translate}} | {{order.ChancePriceTo}}
\r\n{{'remark'}} | {{order.Remark}}
\r\n{{order.FixText}}
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n","import { Router } from \"@angular/router\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport {\r\n FormGroup,\r\n FormControl,\r\n Validators,\r\n AsyncValidatorFn,\r\n} from \"@angular/forms\";\r\nimport { ActivatedRoute } from \"@angular/router\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { ReCaptchaV3Service } from \"ng-recaptcha\";\r\nimport { changePassObj } from \"src/app/models/login\";\r\nimport Swal from \"sweetalert2\";\r\nimport { CustomValidators } from \"../forget-password/custom-validators\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\n\r\n@Component({\r\n selector: \"app-change-password\",\r\n templateUrl: \"./change-password.component.html\",\r\n styleUrls: [\"./change-password.component.scss\"],\r\n})\r\nexport class ChangePasswordComponent implements OnInit {\r\n changePassObj: changePassObj = {} as changePassObj;\r\n resetPassWordForm: FormGroup;\r\n passwordStepper: any;\r\n showPassword1: boolean = false;\r\n showPassword2: boolean = false;\r\n lang: string;\r\n constructor(\r\n private recaptchaV3Service: ReCaptchaV3Service,\r\n private translate: TranslateService,\r\n private accService: AccountService,\r\n private route: ActivatedRoute,\r\n private router: Router,\r\n private apiService: ApiService\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n this.lang = this.translate.currentLang\r\n this.passwordStepper = 1;\r\n this.resetPassWordForm = new FormGroup(\r\n {\r\n currentPassword: new FormControl(\r\n null,\r\n Validators.compose([\r\n // check whether the entered password numbers Only\r\n Validators.required,\r\n ])\r\n ),\r\n firstNewPassword: new FormControl(\r\n null,\r\n Validators.compose([\r\n Validators.required,\r\n // check whether the entered password has a number\r\n CustomValidators.patternValidator(/\\d/, {\r\n hasNumber: true,\r\n }),\r\n // check whether the entered password has upper case letter\r\n CustomValidators.patternValidator(/[A-Z]/, {\r\n hasCapitalCase: true,\r\n }),\r\n // check whether the entered password has a lower case letter\r\n CustomValidators.patternValidator(/[a-z]/, {\r\n hasSmallCase: true,\r\n }),\r\n // check whether the entered password has a special character\r\n CustomValidators.patternValidator(\r\n /[ !@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?]/,\r\n {\r\n hasSpecialCharacters: true,\r\n }\r\n ),\r\n Validators.minLength(8),\r\n ])\r\n ),\r\n reFirstNewPassword: new FormControl(\r\n null,\r\n Validators.compose([Validators.required])\r\n ),\r\n secondNewPassword: new FormControl(\r\n null,\r\n Validators.compose([\r\n // check whether the entered password numbers Only\r\n\r\n Validators.required,\r\n Validators.pattern(\"[-_a-zA-Z0-9]*\"),\r\n Validators.minLength(4),\r\n Validators.maxLength(6)\r\n ])\r\n ),\r\n reSecondNewPassword: new FormControl(\r\n null,\r\n Validators.compose([Validators.required])\r\n ),\r\n },\r\n [\r\n CustomValidators.firstPasswordMatchValidator as AsyncValidatorFn,\r\n CustomValidators.secondPasswordMatchValidator as AsyncValidatorFn,\r\n ]\r\n );\r\n\r\n }\r\n\r\n onSubmit() {\r\n this.changePassObj.relationCode = JSON.parse(localStorage.getItem('userProfile')).RelationCode;\r\n this.changePassObj.currentPassword = this.resetPassWordForm.value.currentPassword;\r\n this.changePassObj.password = this.resetPassWordForm.value.firstNewPassword;\r\n this.changePassObj.secondPassword =\r\n this.resetPassWordForm.value.secondNewPassword;\r\n this.recaptchaV3Service\r\n .execute(\"importantAction\")\r\n .subscribe((token: string) => {\r\n this.apiService.changePassword(this.changePassObj).subscribe(\r\n (arg) => {\r\n let resMsg :any;\r\n resMsg = arg\r\n if(resMsg.IsSuccess == true){\r\n\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"success\",\r\n title: this.translate.instant(\"pass-success-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n let username = sessionStorage.getItem(\"userName\");\r\n this.apiService.logOut(username).subscribe(res =>{\r\n this.accService.logout();\r\n this.router.navigate([\"/login\"]);\r\n })\r\n }else{\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"curr-pass-error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n },\r\n (err) => {\r\n this.resetPassWordForm.reset()\r\n this.passwordStepper = 1;\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"pass-error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n );\r\n });\r\n }\r\n next() {\r\n this.showPassword1 = false;\r\n this.showPassword2 = false;\r\n this.passwordStepper = this.passwordStepper + 1;\r\n }\r\n back() {\r\n this.showPassword1 = false;\r\n this.showPassword2 = false;\r\n this.passwordStepper -= 1;\r\n }\r\n}\r\n","\r\n\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n\r\n \r\n
\r\n {{\"no-history-hint\"|translate}}
\r\n\r\n (\"dsNotify\");\r\n\r\n this.dsConnection.listen(method);\r\n method.subscribe((update) => {\r\n if (newTab != null || newTab != undefined) {\r\n newTab.close();\r\n this.twfa(update);\r\n }\r\n });\r\n });\r\n }\r\n\r\n loginWithToken() {\r\n this.connectOrdersSignalr();\r\n }\r\n onForget() {\r\n this.recaptchaV3Service\r\n .execute(\"importantAction\")\r\n .subscribe((token: string) => {\r\n this.forgetPassObj.Email = this.formForget.value.email;\r\n this.accService.forgetPassword(this.forgetPassObj).subscribe((arg) => {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"success\",\r\n title: this.translate.instant(\"forget-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n });\r\n });\r\n }\r\n forgetPassword() {\r\n this.forgetPass = !this.forgetPass;\r\n if (this.forgetPass == true) {\r\n this.formForget = this.formBuilder.group({\r\n email: [null, [Validators.required, Validators.email]],\r\n });\r\n }\r\n }\r\n\r\n twfa(data) {\r\n const dialogRef = this.dialog.open(TwfaComponent, {\r\n // disableClose: true,\r\n width: \"350px\",\r\n data: { data: data, remeberMe: this.remeberMe },\r\n });\r\n }\r\n ngOnDestroy() {\r\n if (this._subscription) {\r\n this._subscription.unsubscribe();\r\n }\r\n const element = document.getElementsByClassName(\r\n \"grecaptcha-badge\"\r\n )[0] as HTMLElement;\r\n if (element) {\r\n element.style.visibility = \"hidden\";\r\n }\r\n }\r\n\r\n GetCompanySettings() {\r\n this.apiService.GetCompanySettings()\r\n .subscribe(\r\n (data: CompanySettings) => {\r\n this.companySettings = data;\r\n }\r\n )\r\n }\r\n\r\n get supportNumber() {\r\n return UrlConstants.supportNumber;\r\n }\r\n}\r\n",",\r\n public dialog: MatDialog,\r\n private cdr: ChangeDetectorRef,\r\n private apiService: ApiService,\r\n private toastr: ToastrService\r\n ) {\r\n this.lang = this.translate.currentLang\r\n this.isBuy= this.data['isBuy']\r\n this.accountList = JSON.parse(localStorage.getItem(\"accList\")).filter(acc => acc.accountType === AccountType.FUND);\r\n this.numberOfAccounts = this.accountList? this.accountList.length:0;\r\n this.selectedAccount = this.numberOfAccounts == 1?this.accountList[0]:null;\r\n this.relationCode = JSON.parse(localStorage.getItem('userProfile')).RelationCode;\r\n this.selectedFund = this.data['selectedFund']\r\n this.fundDetails = this.data['fundDetails']\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n openFundAccount(){\r\n const MAINCODE = 0\r\n this.apiService.OpenNewFundAccountRequest(MAINCODE, this.relationCode)\r\n .subscribe(\r\n (res)=>{\r\n this.toastr.success(\"\", this.translate.instant(\"success-msg\"), {\r\n timeOut: 15000,\r\n positionClass: \"toast-bottom-center\",\r\n closeButton: true,\r\n });\r\n }, (err)=>{\r\n this.toastr.error(\"\", this.translate.instant(\"error-msg\"), {\r\n timeOut: 15000,\r\n positionClass: \"toast-bottom-center\",\r\n closeButton: true,\r\n });\r\n }\r\n )\r\n this.dialogRef.close();\r\n }\r\n\r\n\r\n\r\n selectAccount(account :Account,stepper: any){\r\n this.accountSelected = true;\r\n this.selectedAccount = account; \r\n this.cdr.detectChanges();\r\n stepper.next();\r\n }\r\n\r\n selectType(stepper: any,event: any,type: string){\r\n this.typeSelected = type; \r\n this.cdr.detectChanges();\r\n stepper.next(); \r\n const TARGET = event.currentTarget as HTMLElement;\r\n var tabs = document.querySelectorAll('.tab-card');\r\n tabs.forEach(i => i.classList.remove('selectedType'));\r\n let element = document.getElementById(TARGET.id);\r\n element?.classList.add('selectedType');\r\n }\r\n\r\n createOrder(stepper: any){\r\n stepper.next(); \r\n }\r\n\r\n submitOrder(stepper: any){\r\n stepper.next(); \r\n }\r\n\r\n closeModal(){\r\n this.dialogRef.close();\r\n }\r\n}\r\n\r\n","\r\n) {\r\n Object.assign(this, init);\r\n }\r\n}\r\n\r\nexport enum AlertType {\r\n Success,\r\n Error,\r\n Info,\r\n Warning,\r\n}\r\n","import { SelectCompanyModalComponent } from \"./components/select-company-modal/select-company-modal.component\";\r\nimport { ConfigService } from \"src/app/services/config.service\";\r\nimport { SignalRService } from \"./services/signalr.service\";\r\nimport { NewsComponent } from \"./components/news/news.component\";\r\nimport { BrowserModule } from \"@angular/platform-browser\";\r\nimport {\r\n APP_INITIALIZER,\r\n CUSTOM_ELEMENTS_SCHEMA,\r\n Injector,\r\n NgModule,\r\n} from \"@angular/core\";\r\nimport {\r\n HttpClient,\r\n HttpClientModule,\r\n HTTP_INTERCEPTORS,\r\n} from \"@angular/common/http\";\r\n\r\nimport { RecaptchaV3Module, RECAPTCHA_V3_SITE_KEY } from \"ng-recaptcha\";\r\nimport { RecaptchaModule, RecaptchaFormsModule } from \"ng-recaptcha\";\r\nimport { AppRoutingModule } from \"./app-routing.module\";\r\nimport { AppComponent } from \"./app.component\";\r\nimport { HomeComponent } from \"./screens/home/home.component\";\r\nimport { LoginComponent } from \"./screens/login/login.component\";\r\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { TranslateLoader, TranslateModule } from \"@ngx-translate/core\";\r\nimport { TranslateHttpLoader } from \"@ngx-translate/http-loader\";\r\nimport { SearchPipe } from \"./screens/home/search.pipe\";\r\nimport { TradesComponent } from \"./components/trades/trades.component\";\r\nimport { MarketDepthComponent } from \"./components/market-depth/market-depth.component\";\r\nimport { NewsDetailsModalComponent } from \"./components/news-details-modal/news-details-modal.component\";\r\nimport { BrowserAnimationsModule } from \"@angular/platform-browser/animations\";\r\nimport { MarketWatchTableComponent } from \"./components/market-watch-table/market-watch-table.component\";\r\nimport { MatDialogModule } from \"@angular/material/dialog\";\r\nimport { NewTradeChartComponent } from \"./components/new-trade-chart/new-trade-chart.component\";\r\nimport { NgApexchartsModule } from \"ng-apexcharts\";\r\nimport { GridsterModule } from \"angular-gridster2\";\r\nimport { MatIconModule } from \"@angular/material/icon\";\r\nimport { MatButtonModule } from \"@angular/material/button\";\r\nimport { MatSelectModule } from \"@angular/material/select\";\r\nimport { MatInputModule } from \"@angular/material/input\";\r\nimport { MatCheckboxModule } from \"@angular/material/checkbox\";\r\nimport { MatListModule } from \"@angular/material/list\";\r\nimport { MatMenuModule } from \"@angular/material/menu\";\r\nimport { MarketDepthAsksComponent } from \"./components/market-depth-asks/market-depth-asks.component\";\r\nimport { MarketDepthBidsComponent } from \"./components/market-depth-bids/market-depth-bids.component\";\r\nimport { DynamicModule } from \"ng-dynamic-component\";\r\nimport { MatCardModule } from \"@angular/material/card\";\r\nimport { MatTableModule } from \"@angular/material/table\";\r\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\r\nimport { ContextMenuModule } from \"ngx-contextmenu\";\r\nimport { CustomNumberPipe } from \"./services/custom-number.pipe\";\r\nimport { NgxMarqueeModule } from \"ngx-marquee\";\r\nimport { NgxDatatableModule } from \"@swimlane/ngx-datatable\";\r\nimport { ContextMenuComponent } from \"./components/market-watch-table/context-menu/context-menu.component\";\r\nimport { DragDropModule } from \"@angular/cdk/drag-drop\";\r\nimport { MarketGridViewComponent } from \"./components/market-grid-view/market-grid-view.component\";\r\nimport { MarketTradesComponent } from \"./components/market-trades/market-trades.component\";\r\nimport { HomeMarketSummaryComponent } from \"./components/home-market-summary/home-market-summary.component\";\r\nimport { CompanyProfileComponent } from \"./screens/company-profile/company-profile.component\";\r\nimport { NavBarComponent } from \"./components/nav-bar/nav-bar.component\";\r\nimport { SignalRConfiguration, SignalRModule } from \"ng2-signalr\";\r\nimport { environment } from \"src/environments/environment\";\r\nimport { OrderBuyComponent } from \"./components/order-buy/order-buy.component\";\r\nimport { HomeNewComponent } from \"./screens/home-new/home-new.component\";\r\nimport { KtdGridModule } from \"@katoid/angular-grid-layout\";\r\nimport { MatButtonToggleModule } from \"@angular/material/button-toggle\";\r\nimport { HistoricalComponent } from \"./components/historical/historical.component\";\r\nimport { MatDatepickerModule } from \"@angular/material/datepicker\";\r\nimport { MatNativeDateModule, MAT_DATE_LOCALE } from \"@angular/material/core\";\r\nimport { MatTabsModule } from \"@angular/material/tabs\";\r\nimport { ExportAsModule } from \"ngx-export-as\";\r\nimport { OrderBookComponent } from \"./components/order-book/order-book.component\";\r\nimport { ConfirmationComponent } from \"./components/confirmation/confirmation.component\";\r\nimport { MatSnackBarModule } from \"@angular/material/snack-bar\";\r\nimport { UpdateOrderComponent } from \"./components/update-order/update-order.component\";\r\nimport { GlobalMarketsComponent } from \"./screens/global-markets/global-markets.component\";\r\nimport { MarketNewsComponent } from \"./components/market-news/market-news.component\";\r\nimport { UserProfileComponent } from \"./screens/user-profile/user-profile.component\";\r\nimport { UserPortfolioComponent } from \"./components/user-portfolio/user-portfolio.component\";\r\nimport {\r\n NgbAccordionModule,\r\n NgbModule,\r\n NgbTooltipModule,\r\n} from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { MatRadioModule } from \"@angular/material/radio\";\r\nimport { CreateAlertComponent } from \"./components/create-alert/create-alert.component\";\r\nimport { AlertManagerComponent } from \"./components/alert-manager/alert-manager.component\";\r\nimport { CommonModule, DatePipe, DecimalPipe } from \"@angular/common\";\r\nimport { UpdateFlashDirective } from \"./components/market-watch-table/update-flash.directive\";\r\nimport { CarouselModule } from \"ngx-owl-carousel-o\";\r\nimport { SlickCarouselModule } from \"ngx-slick-carousel\";\r\nimport { LocalMarketComponent } from \"./screens/local-market/local-market.component\";\r\nimport { InvoiceComponent } from \"./screens/user-profile/invoice/invoice.component\";\r\nimport { InvoiceDetailsComponent } from \"./screens/user-profile/invoice/invoice-details/invoice-details.component\";\r\nimport { NgxPrintModule } from \"ngx-print\";\r\nimport { SelectStatementDateComponent } from \"./components/select-statement-date/select-statement-date.component\";\r\nimport { PreviewInvoiceComponent } from \"./screens/user-profile/invoice/preview-invoice/preview-invoice.component\";\r\nimport { NgxPrinterModule } from \"ngx-printer\";\r\nimport { StatementComponent } from \"./screens/user-profile/statement/statement.component\";\r\nimport { StatementDetailsComponent } from \"./screens/user-profile/statement/statement-details/statement-details.component\";\r\nimport { MaterialMarketWatchComponent } from \"./components/material-market-watch/material-market-watch.component\";\r\nimport { DataTablesModule } from \"angular-datatables\";\r\nimport { DetailedQuotaComponent } from \"./screens/detailed-quota/detailed-quota.component\";\r\nimport { NgSelectModule } from \"@ng-select/ng-select\";\r\nimport { SlickMarketWatchComponent } from \"./components/slick-market-watch/slick-market-watch.component\";\r\nimport { AngularSlickgridModule } from \"angular-slickgrid\";\r\nimport { AccountHeaderComponent } from \"./components/account-header/account-header.component\";\r\nimport { MatSortModule } from \"@angular/material/sort\";\r\nimport { MatProgressBarModule } from \"@angular/material/progress-bar\";\r\nimport { QuotaBidsAsksComponent } from \"./components/quota-bids-asks/quota-bids-asks.component\";\r\nimport { QuotaTradeComponent } from \"./components/quota-trade/quota-trade.component\";\r\nimport { MarginCalculatorComponent } from \"./components/margin-calculator/margin-calculator.component\";\r\nimport { TradesHistoryComponent } from \"./components/trades-history/trades-history.component\";\r\nimport { TradesOrderHistoryComponent } from \"./components/trades-order-history/trades-order-history.component\";\r\nimport { OrderHistoryComponent } from \"./components/order-history/order-history.component\";\r\nimport { TwfaComponent } from \"./components/twfa/twfa.component\";\r\nimport { CheckArrayPipe } from \"./pipes/check-array.pipe\";\r\nimport { OrdinalPipe } from \"./pipes/ordinal.pipe\";\r\nimport { ForgetPasswordComponent } from \"./components/forget-password/forget-password.component\";\r\nimport { CreateUserComponent } from \"./components/create-user/create-user.component\";\r\nimport { ChangePasswordComponent } from \"./components/change-password/change-password.component\";\r\nimport { RequestHeaderInterceptor } from \"./services/request-header.interceptor\";\r\nimport { ResetPasswordComponent } from \"./components/reset-password/reset-password.component\";\r\nimport { NgCircleProgressModule } from \"ng-circle-progress\";\r\nimport {\r\n MatMomentDateModule,\r\n MAT_MOMENT_DATE_ADAPTER_OPTIONS,\r\n} from \"@angular/material-moment-adapter\";\r\nimport { MatTooltipModule } from \"@angular/material/tooltip\";\r\nimport { VerifyEmailComponent } from \"./components/verify-email/verify-email.component\";\r\nimport { PasswordValidationSectionComponent } from \"./components/password-validation-section/password-validation-section.component\";\r\nimport { SettingsComponent } from \"./components/settings-modal/settings.component\";\r\nimport { MatSlideToggleModule } from \"@angular/material/slide-toggle\";\r\nimport { TwoDigitDecimalNumberDirective } from \"./services/two-digit-decimal-number.directive\";\r\nimport { InputCommaSepreatedDirective } from \"./services/input-comma-sepreated.directive\";\r\nimport { InputCommaSepreatedPipe } from \"./services/input-comma-sepreated.pipe\";\r\nimport { ConfirmationPopoverModule } from \"angular-confirmation-popover\";\r\nimport { ToastrModule } from \"ngx-toastr\";\r\n\r\n// export function appInitializerFactory(injector: Injector) {\r\n// var appSessionService = injector.get(ConfigService);\r\n// feedUrl = appSessionService.getFeedUrl;\r\n// }\r\n\r\nimport { UserIdleModule } from \"angular-user-idle\";\r\nimport { NotFullMarketComponent } from './components/not-full-market/not-full-market.component';\r\n\r\nimport { MillionPipe } from \"./pipes/million.pipe\";\r\nimport { AnimatedTextComponent } from \"./components/animated-text/animated-text.component\";\r\nimport { TradingViewChartComponent } from \"./components/trading-view-chart/trading-view-chart.component\";\r\nimport { SelectedOrderTradeComponent } from \"./components/selected-order-trade/selected-order-trade.component\";\r\nimport { UrlConstants } from \"./models/urlConstants\";\r\nimport { NewLoginComponent } from \"./screens/new-login/new-login.component\";\r\nimport { InvoicesModalComponent } from './components/invoices-modal/invoices-modal.component';\r\nimport { UserTradesSummaryComponent } from './components/user-trades-summary/user-trades-summary.component';\r\nimport { PurchasePowerDetailsComponent } from './components/purchase-power-details/purchase-power-details.component';\r\nimport { LandingpageHomeComponent } from './screens/LandingPageScreens/landingpage-home/landingpage-home.component';\r\nimport { TechnicalReportsComponent } from './screens/technical-reports/technical-reports.component';\r\nimport { InfoModalComponent } from './components/info-Modal/info-modal.component';\r\nimport { IPOComponent } from './screens/ipo/ipo.component';\r\nimport { IpoSelectedSymbolComponent } from './components/ipo-selected-symbol/ipo-selected-symbol.component';\r\nimport { IpoSelectedSymbolTimlinePdfComponent } from './components/ipo-selected-symbol-timline-pdf/ipo-selected-symbol-timline-pdf.component';\r\nimport { TimeFormatPipe } from './pipes/time-format.pipe';\r\nimport { TestComponent } from './screens/test/test.component';\r\nimport { FavoriteMenuComponent } from './components/slick-market-watch/favorite-menu/favorite-menu.component';\r\nimport { MutualFundComponent } from './screens/mutual-fund/mutual-fund.component';\r\nimport { FundAccOrderModalComponent } from './components/fund-acc-order-modal/fund-acc-order-modal.component';\r\nimport { NgxSliderModule } from '@angular-slider/ngx-slider';\r\nimport { MatStepperModule } from '@angular/material/stepper';\r\nimport { SelectedSymbolChartsComponent } from './components/selected-symbol-charts/selected-symbol-charts.component';\r\nimport { SelectedSymbolDetailsPdfsComponent } from './components/selected-symbol-details-pdfs/selected-symbol-details-pdfs.component';\r\nimport { SearchSymbolsModalComponent } from './components/search-symbols-modal/search-symbols-modal.component';\r\nimport { SharedModule } from \"./shared/shared.module\";\r\nimport { IpoAccOrderModalComponent } from './components/ipo-acc-order-modal/ipo-acc-order-modal.component';\r\n\r\nvar url;\r\nexport function initializeApp(appInitService: ConfigService) {\r\n return (): Promise => {\r\n url = appInitService.getFeedUrl;\r\n return appInitService.Init();\r\n };\r\n}\r\n\r\nexport function createConfig(): SignalRConfiguration {\r\n const c = new SignalRConfiguration();\r\n\r\n let key = UrlConstants.appKey;\r\n c.url = UrlConstants.feedUrl;\r\n\r\n c.logging = false;\r\n\r\n c.executeEventsInZone = true; // optional, default is true\r\n c.executeErrorsInZone = false; // optional, default is false\r\n c.executeStatusChangeInZone = true; // optional, default is true\r\n\r\n return c;\r\n}\r\n\r\n@NgModule({\r\n declarations: [\r\n AppComponent,\r\n HomeComponent,\r\n LoginComponent,\r\n SearchPipe,\r\n TradesComponent,\r\n NewsComponent,\r\n MarketDepthComponent,\r\n NewsDetailsModalComponent,\r\n MarketWatchTableComponent,\r\n NewTradeChartComponent,\r\n MarketDepthAsksComponent,\r\n MarketDepthBidsComponent,\r\n CustomNumberPipe,\r\n ContextMenuComponent,\r\n MarketGridViewComponent,\r\n MarketTradesComponent,\r\n HomeMarketSummaryComponent,\r\n CompanyProfileComponent,\r\n NavBarComponent,\r\n OrderBuyComponent,\r\n HomeNewComponent,\r\n HistoricalComponent,\r\n OrderBookComponent,\r\n ConfirmationComponent,\r\n UpdateOrderComponent,\r\n GlobalMarketsComponent,\r\n MarketNewsComponent,\r\n UserProfileComponent,\r\n UserPortfolioComponent,\r\n CreateAlertComponent,\r\n AlertManagerComponent,\r\n UpdateFlashDirective,\r\n LocalMarketComponent,\r\n InvoiceComponent,\r\n InvoiceDetailsComponent,\r\n StatementDetailsComponent,\r\n SelectStatementDateComponent,\r\n PreviewInvoiceComponent,\r\n StatementComponent,\r\n MaterialMarketWatchComponent,\r\n DetailedQuotaComponent,\r\n SlickMarketWatchComponent,\r\n AccountHeaderComponent,\r\n QuotaBidsAsksComponent,\r\n QuotaTradeComponent,\r\n MarginCalculatorComponent,\r\n TradesHistoryComponent,\r\n TradesOrderHistoryComponent,\r\n SelectedOrderTradeComponent,\r\n OrderHistoryComponent,\r\n TwfaComponent,\r\n NewLoginComponent,\r\n CheckArrayPipe,\r\n OrdinalPipe,\r\n ForgetPasswordComponent,\r\n ChangePasswordComponent,\r\n ResetPasswordComponent,\r\n SelectCompanyModalComponent,\r\n CreateUserComponent,\r\n VerifyEmailComponent,\r\n PasswordValidationSectionComponent,\r\n SettingsComponent,\r\n TwoDigitDecimalNumberDirective,\r\n InputCommaSepreatedDirective,\r\n InputCommaSepreatedPipe,\r\n NotFullMarketComponent,\r\n TradingViewChartComponent,\r\n AnimatedTextComponent,\r\n MillionPipe,\r\n TradingViewChartComponent,\r\n AnimatedTextComponent,\r\n InvoicesModalComponent,\r\n UserTradesSummaryComponent,\r\n PurchasePowerDetailsComponent,\r\n LandingpageHomeComponent,\r\n TechnicalReportsComponent,\r\n InfoModalComponent,\r\n IPOComponent,\r\n IpoSelectedSymbolComponent,\r\n IpoSelectedSymbolTimlinePdfComponent,\r\n TimeFormatPipe,\r\n TestComponent,\r\n FavoriteMenuComponent,\r\n MutualFundComponent,\r\n FundAccOrderModalComponent,\r\n SelectedSymbolChartsComponent,\r\n SelectedSymbolDetailsPdfsComponent,\r\n SearchSymbolsModalComponent,\r\n IpoAccOrderModalComponent,\r\n ],\r\n imports: [\r\n SignalRModule.forRoot(createConfig),\r\n NgCircleProgressModule.forRoot(),\r\n BrowserModule,\r\n RecaptchaModule,\r\n RecaptchaFormsModule,\r\n AppRoutingModule,\r\n HttpClientModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n BrowserAnimationsModule,\r\n CommonModule,\r\n RecaptchaV3Module,\r\n MatFormFieldModule,\r\n MatDialogModule,\r\n MatSnackBarModule,\r\n MatIconModule,\r\n MatButtonModule,\r\n MatSelectModule,\r\n MatInputModule,\r\n MatCheckboxModule,\r\n MatSlideToggleModule,\r\n MatListModule,\r\n GridsterModule,\r\n DynamicModule,\r\n MatMenuModule,\r\n MatCardModule,\r\n MatButtonToggleModule,\r\n NgApexchartsModule,\r\n MatTabsModule,\r\n NgxDatatableModule,\r\n NgxMarqueeModule,\r\n MatRadioModule,\r\n MatDatepickerModule,\r\n CarouselModule,\r\n MatNativeDateModule,\r\n KtdGridModule,\r\n MatTableModule,\r\n DragDropModule,\r\n MatProgressBarModule,\r\n SlickCarouselModule,\r\n ExportAsModule,\r\n NgxPrintModule,\r\n NgSelectModule,\r\n DataTablesModule,\r\n MatSortModule,\r\n NgxPrinterModule.forRoot({ printOpenWindow: true }),\r\n AngularSlickgridModule.forRoot(),\r\n ContextMenuModule.forRoot(),\r\n NgbAccordionModule,\r\n MatMomentDateModule,\r\n MatTooltipModule,\r\n NgbTooltipModule,\r\n MatStepperModule,\r\n NgxSliderModule,\r\n TranslateModule.forRoot({\r\n loader: {\r\n provide: TranslateLoader,\r\n useFactory: HttpLoaderFactory,\r\n deps: [HttpClient],\r\n },\r\n }),\r\n NgbModule,\r\n UserIdleModule.forRoot({}),\r\n ConfirmationPopoverModule.forRoot({\r\n confirmButtonType: \"primary\", // set defaults here\r\n }),\r\n ToastrModule.forRoot(),\r\n SharedModule,\r\n ],\r\n exports: [MatButtonModule, MatTableModule, NgbAccordionModule, TranslateModule],\r\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n providers: [\r\n SignalRService,\r\n MatDatepickerModule,\r\n DatePipe,\r\n InputCommaSepreatedPipe,\r\n UpdateFlashDirective,\r\n ConfigService,\r\n MillionPipe,\r\n DecimalPipe,\r\n {\r\n provide: APP_INITIALIZER,\r\n useFactory: initializeApp,\r\n deps: [ConfigService],\r\n multi: true,\r\n },\r\n { provide: MAT_MOMENT_DATE_ADAPTER_OPTIONS, useValue: { useUtc: true } },\r\n { provide: MAT_DATE_LOCALE, useValue: \"en-GB\" },\r\n { provide: RECAPTCHA_V3_SITE_KEY, useValue: environment.recaptcha.siteKey },\r\n {\r\n provide: HTTP_INTERCEPTORS,\r\n useClass: RequestHeaderInterceptor,\r\n multi: true,\r\n },\r\n // {\r\n // provide: HTTP_INTERCEPTORS,\r\n // useClass: TokenInterceptorInterceptor,\r\n // multi: true,\r\n // },\r\n ],\r\n bootstrap: [AppComponent],\r\n})\r\nexport class AppModule {}\r\n\r\n// AoT requires an exported function for factories\r\nexport function HttpLoaderFactory(http: HttpClient) {\r\n return new TranslateHttpLoader(http, \"./assets/i18n/\", \".json\");\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'customNumber'\r\n})\r\nexport class CustomNumberPipe implements PipeTransform {\r\n\r\n transform(input: any, args?: any): any {\r\n var exp, rounded,\r\n suffixes = ['k', 'M', 'G', 'T', 'P', 'E'];\r\n\r\n if (Number.isNaN(input)) {\r\n return null;\r\n }\r\n\r\n if (input < 1000) {\r\n return input;\r\n }\r\n\r\n exp = Math.floor(Math.log(input) / Math.log(1000));\r\n\r\n return (input / Math.pow(1000, exp)).toFixed(args) + suffixes[exp - 1];\r\n\r\n\r\n }\r\n\r\n}\r\n","import { ApiService } from \"src/app/services/api.service\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { AccountService } from \"./../../services/account.service\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport {\r\n Component,\r\n Inject,\r\n Input,\r\n OnInit,\r\n ViewEncapsulation,\r\n} from \"@angular/core\";\r\nimport { FormGroup, FormControl, Validators } from \"@angular/forms\";\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from \"@angular/material/dialog\";\r\nimport { Order } from \"src/app/models/order\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\nimport { CompanyDetails } from \"src/app/models/company-details\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport Swal from \"sweetalert2\";\r\nimport { DatePipe } from \"@angular/common\";\r\nimport { SharedService } from \"src/app/services/shared.service\";\r\nimport { Account } from \"src/app/screens/user-profile/client-data\";\r\nimport { MarketWatchDetailService, StockDetail } from \"src/app/services/market-watch-detail.service\";\r\n\r\n@Component({\r\n selector: \"app-update-order\",\r\n templateUrl: \"./update-order.component.html\",\r\n styleUrls: [\"./update-order.component.scss\"],\r\n})\r\nexport class UpdateOrderComponent implements OnInit {\r\n orderToUpdate: Order;\r\n today: Date = new Date();\r\n isMarket: boolean;\r\n isSubmitting = false;\r\n isLoading = false;\r\n popoverTitle = \"Popover title\";\r\n popoverMessage = this.translate.instant(\"order-update-confirm\");\r\n confirmText = this.translate.instant(\"submit\");\r\n cancelText = this.translate.instant(\"cancel\");\r\n orderTotal: any;\r\n orderFees: number;\r\n totalCost: any;\r\n clientData: any;\r\n confirmClicked = false;\r\n cancelClicked = false;\r\n avgCommission: any;\r\n minCommission: any;\r\n minCommissionUSD: any;\r\n initialQty: any;\r\n initialPrice: any;\r\n initialOrderValue: any;\r\n initialFees: any;\r\n initalTotalCost: any;\r\n isFetchingUserData: boolean;\r\n inputCustodian: number;\r\n custodianList: any;\r\n myShareSymbols: any;\r\n companies: CompanyList[];\r\n myCompanies: CompanyList[];\r\n accList: any;\r\n maxLimit: number;\r\n updateOrderForm = new FormGroup({\r\n qty: new FormControl(\"\", Validators.required),\r\n price: new FormControl(\"\", Validators.required),\r\n validTill: new FormControl(\"\", Validators.required),\r\n tiffDate: new FormControl(),\r\n });\r\n companyDetails: CompanyDetails;\r\n company: CompanyList;\r\n titleMessage: string | HTMLElement | JQuery;\r\n textConfirmMassage: string;\r\n allMarketNames: StockDetail[];\r\n selectedAccount: Account\r\n public tabIndex = 0;\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) private data: any,\r\n private dialogRef: MatDialogRef,\r\n private http: HttpClient,\r\n private accService: AccountService,\r\n public datepipe: DatePipe,\r\n public translate: TranslateService,\r\n private apiService: ApiService,\r\n private signalService: SignalRService,\r\n private sharedService: SharedService,\r\n private _marketDetail: MarketWatchDetailService\r\n ) {\r\n this.orderToUpdate = { ...this.data.order };\r\n this.accList = JSON.parse(localStorage.getItem(\"accList\")) as Account[];\r\n\r\n // if (this.data[\"currentUser\"] != null)\r\n // this.updateOrderForm.get(\"client\").patchValue(this.data[\"currentUser\"]);\r\n // else this.updateOrderForm.get(\"client\").patchValue(this.accList[0].relationCode);\r\n\r\n if (this.data[\"selectedAccount\"]) {\r\n this.selectedAccount = this.data[\"selectedAccount\"];\r\n }\r\n\r\n if (this.data[\"symbol\"]) {\r\n this.company.SYMBOL_CODE = this.data[\"symbol\"];\r\n if (this.data[\"custodianCode\"]) {\r\n this.inputCustodian = this.data[\"custodianCode\"];\r\n this.f.custodian?.patchValue(this.inputCustodian);\r\n }\r\n\r\n\r\n }\r\n if (this.data[\"price\"] != null && this.data[\"qty\"] != null) {\r\n this.updateOrderForm.get(\"price\")?.patchValue(this.data[\"price\"]);\r\n this.updateOrderForm.get(\"qty\")?.patchValue(this.data[\"qty\"]);\r\n this.maxLimit = this.companyDetails.MaxLimit;\r\n\r\n }\r\n if (this.sharedService.allMarketCompanies) {\r\n this.companies = this.sharedService.allMarketCompanies;\r\n this.onSelectClient(this.selectedAccount);\r\n } else\r\n this.apiService.fetchAllMarketWatch().subscribe((res) => {\r\n this.companies = res as CompanyList[];\r\n this.onSelectClient(this.selectedAccount);\r\n });\r\n\r\n\r\n\r\n // });\r\n\r\n this.tabIndex = this.data[\"type\"];\r\n\r\n this.signalService.marketChanges.subscribe((res: any) =>\r\n res.forEach((element) => {\r\n if (element.SYMBOL_CODE == this.company.SYMBOL_CODE) {\r\n this.updateStockDetail(element);\r\n this.company = element;\r\n return;\r\n }\r\n })\r\n );\r\n\r\n if (this._marketDetail.marketNames)\r\n this.allMarketNames = this._marketDetail.marketNames?.getValue();\r\n this._marketDetail.namesSubject.subscribe((res) => {\r\n this.allMarketNames = res as StockDetail[];\r\n });\r\n }\r\n\r\n ngOnInit(): void {\r\n this.fetchCompany();\r\n this.fetchSymbolBO();\r\n this.fetchCommissions();\r\n //this.fetchCompany();\r\n this.isLoading = true;\r\n const interval = setInterval(() => {\r\n if (this.company && this.avgCommission) {\r\n clearInterval(interval);\r\n this.isLoading = false;\r\n this.initializeForm();\r\n this.initializeInitialValues();\r\n }\r\n }, 100);\r\n }\r\n\r\n initializeForm(): void {\r\n this.updateOrderForm.patchValue({\r\n qty: this.orderToUpdate?.OrgQty || '',\r\n price: this.orderToUpdate?.OrgPrice || '',\r\n validTill: this.orderToUpdate?.TiffFlag || '0',\r\n tiffDate: this.orderToUpdate?.TiffDate || null\r\n });\r\n }\r\n\r\n initializeInitialValues(): void {\r\n this.initialPrice = this.orderToUpdate?.OrgPrice;\r\n this.initialQty = this.orderToUpdate?.OrgQty;\r\n this.initialOrderValue = this.updateOrderForm.get(\"price\")?.value * this.updateOrderForm.get(\"qty\")?.value;\r\n this.initialFees = this.calculateFees(this.initialOrderValue);\r\n this.initalTotalCost = this.initialOrderValue + this.initialFees;\r\n\r\n // Setup the form valueChanges subscription\r\n this.setupValueChanges();\r\n }\r\n\r\n setupValueChanges(): void {\r\n this.updateOrderForm.valueChanges.subscribe((val) => {\r\n const newOrderTotal = this.updateOrderForm.get(\"price\")?.value * this.updateOrderForm.get(\"qty\")?.value;\r\n const newOrderFees = this.calculateFees(newOrderTotal);\r\n const newTotalCost = newOrderTotal + newOrderFees;\r\n\r\n if (newTotalCost > this.initalTotalCost) {\r\n this.orderTotal = newOrderTotal - this.initialOrderValue;\r\n this.orderFees = this.calculateFees(this.orderTotal);\r\n this.totalCost = this.orderTotal + this.orderFees;\r\n } else {\r\n this.orderTotal = 0;\r\n this.orderFees = 0;\r\n this.totalCost = 0;\r\n }\r\n });\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n\r\n this.initialPrice = this.orderToUpdate?.OrgPrice;\r\n this.initialQty = this.orderToUpdate?.OrgQty;\r\n this.initialOrderValue = this.updateOrderForm.get(\"price\")?.value * this.updateOrderForm.get(\"qty\")?.value;\r\n this.initialFees = this.calculateFees(this.initialOrderValue);\r\n this.initalTotalCost = this.initialOrderValue + this.initialFees;\r\n this.updateOrderForm.valueChanges.subscribe((val) => {\r\n const newOrderTotal = this.updateOrderForm.get(\"price\")?.value * this.updateOrderForm.get(\"qty\")?.value;\r\n const newOrderFees = this.calculateFees(newOrderTotal);\r\n const newTotalCost = newOrderTotal + newOrderFees;\r\n\r\n if (newTotalCost > this.initalTotalCost) {\r\n // Calculate only the difference from initial total cost\r\n this.orderTotal = newOrderTotal - this.initialOrderValue;\r\n this.orderFees = this.calculateFees(this.orderTotal);\r\n if (this.orderToUpdate.FixVal !== '2') {\r\n this.totalCost = this.orderTotal + this.orderFees;\r\n }\r\n else {\r\n this.totalCost = this.orderTotal - this.orderFees;\r\n }\r\n } else {\r\n // Reset to initial values if new total cost does not exceed initial total cost\r\n this.orderTotal = 0;\r\n this.orderFees = 0;\r\n this.totalCost = 0;\r\n }\r\n });\r\n }\r\n\r\n\r\n fetchCommissions() {\r\n this.http.get(`${UrlConstants.backofficeUrl}/api/Settings/GetConfiguredCommissions`)\r\n .subscribe((res) => {\r\n this.avgCommission = res.AvgCommission;\r\n this.minCommission = res.MinCommission;\r\n this.minCommissionUSD = res.MinCommissionUSD;\r\n });\r\n\r\n\r\n }\r\n submitOrder(): void {\r\n this.isSubmitting = true;\r\n let exccedingLimits = this.isExceedingLimits();\r\n if (!exccedingLimits) {\r\n this.http\r\n .post(UrlConstants.backofficeUrl + \"/api/Orders/UpdateOrder\", {\r\n OrderNumber: this.orderToUpdate.OrderNumber,\r\n Qty: this.updateOrderForm.get(\"qty\")?.value,\r\n Price: this.updateOrderForm.get(\"price\")?.value,\r\n TiffFlag: this.updateOrderForm.get(\"validTill\")?.value,\r\n TiffDate: this.updateOrderForm.get(\"tiffDate\")?.value,\r\n })\r\n .subscribe((res) => {\r\n this.isSubmitting = false;\r\n if (res[\"Errors\"]?.length > 0) {\r\n this.dialogRef.close(res[\"Errors\"][0]);\r\n } else if (res[\"Errors\"] == null) {\r\n this.dialogRef.close(true);\r\n }\r\n });\r\n }\r\n else {\r\n let title = this.translate.currentLang == \"en\"\r\n ? \"this action not allowed\"\r\n : \"خطأ فى الاستخدام\";\r\n Swal.fire({\r\n icon: 'error',\r\n title: title,\r\n confirmButtonText: 'OK',\r\n customClass: {\r\n confirmButton: 'swal-btn'\r\n }\r\n });\r\n this.isSubmitting = false;\r\n }\r\n }\r\n calculateFees(orderValue) {\r\n let feePercentage = this.avgCommission;\r\n\r\n if (orderValue == 0) {\r\n feePercentage == 0;\r\n }\r\n\r\n let totalFees = orderValue * feePercentage;\r\n\r\n if (this.company?.CURRENCY == 1) {\r\n // For EGP\r\n if (totalFees < this.minCommission) {\r\n totalFees = this.minCommission;\r\n }\r\n } else {\r\n // For USD or other currencies\r\n if (totalFees < this.minCommissionUSD) {\r\n totalFees = this.minCommissionUSD;\r\n }\r\n }\r\n\r\n return totalFees;\r\n }\r\n\r\n isExceedingLimits() {\r\n if (this.orderToUpdate.FixVal !== \"2\") {\r\n const purchasePowerLimit =\r\n this.company?.CURRENCY == 2\r\n ? this.clientData?.purchasePower?.USD\r\n : this.clientData?.purchasePower?.EGP;\r\n\r\n return (this.totalCost > purchasePowerLimit);\r\n }\r\n }\r\n\r\n\r\n numberOnly(event): boolean {\r\n const charCode = event.which ? event.which : event.keyCode;\r\n if (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n updateStockDetail(stock: CompanyList) {\r\n if (stock?.SYMBOL_CODE && this.allMarketNames) {\r\n let companyDetail = this.allMarketNames.find(\r\n (x) => x[\"SYMBOL_CODE\"] === stock.SYMBOL_CODE\r\n );\r\n if (companyDetail) {\r\n stock.arb_shortname = companyDetail[\"arb_shortname\"];\r\n stock.eng_shortname = companyDetail[\"eng_shortname\"];\r\n stock.Reuters = companyDetail[\"Reuters\"];\r\n }\r\n }\r\n }\r\n priceDecimalInput(event: any) {\r\n let reg;\r\n switch (this.companyDetails.RoundDigits) {\r\n case 0:\r\n reg = /^[0-9]*$/;\r\n break;\r\n case 1:\r\n reg = /^[0-9]*(\\.\\d{0,1})?$/;\r\n break;\r\n case 2:\r\n reg = /^[0-9]*(\\.\\d{0,2})?$/;\r\n break;\r\n case 3:\r\n reg = /^[0-9]*(\\.\\d{0,3})?$/;\r\n break;\r\n case 4:\r\n reg = /^[0-9]*(\\.\\d{0,4})?$/;\r\n break;\r\n case 5:\r\n reg = /^[0-9]*(\\.\\d{0,5})?$/;\r\n break;\r\n }\r\n\r\n // const reg = /^-?\\d*(\\.\\d{0,2})?$/;\r\n let input = event.target.value + String.fromCharCode(event.charCode);\r\n\r\n if (!reg.test(input)) {\r\n event.preventDefault();\r\n }\r\n }\r\n onSelectClient(relCode) {\r\n this.isFetchingUserData = true;\r\n\r\n //fetch Purchase Power\r\n this.http\r\n .get(\r\n `${UrlConstants.backofficeUrl}/api/Client/GetClientPurchasePower?relationCode=` +\r\n relCode\r\n )\r\n .subscribe((res) => {\r\n if (res) {\r\n this.isFetchingUserData = false;\r\n this.clientData = res;\r\n this.fetchMySymbols();\r\n this.fetchCompany();\r\n }\r\n });\r\n\r\n //fetch Client Custodian\r\n this.http\r\n .get(\r\n `${UrlConstants.backofficeUrl}/api/Client/GetClientCustodianList?relationCode=` +\r\n relCode\r\n )\r\n .subscribe((res) => {\r\n if (res) {\r\n this.custodianList = res;\r\n if (!this.inputCustodian)\r\n this.f.custodian?.patchValue(this.custodianList[0]?.CustodianCode); // set first custodian\r\n this.f.execRule?.patchValue(0); //set regular\r\n this.f.validTill?.patchValue(0); //set today\r\n }\r\n });\r\n }\r\n\r\n get f() {\r\n return this.updateOrderForm.controls;\r\n }\r\n fetchMySymbols() {\r\n this.apiService\r\n .fetchMySymbols(this.selectedAccount)\r\n .subscribe((res) => {\r\n this.myShareSymbols = res;\r\n if (this.myShareSymbols?.length > 0)\r\n this.myCompanies = this.companies.filter((company) => {\r\n return this.myShareSymbols.indexOf(company.SYMBOL_CODE) != -1;\r\n });\r\n });\r\n }\r\n fetchSymbolBO() {\r\n this.apiService\r\n .fetchSymbolBO(this.orderToUpdate.SymbolCode)\r\n .subscribe((res: CompanyDetails) => {\r\n this.companyDetails = res;\r\n });\r\n }\r\n\r\n fetchCompany() {\r\n this.http\r\n .get(\r\n `${UrlConstants.feedUrl}/api/Feed/GetMarketWatchForSymbol?SYMBOL_CODE=` +\r\n this.orderToUpdate.SymbolCode\r\n )\r\n .subscribe((res) => {\r\n this.company = res as CompanyList;\r\n this.fetchSymbolBO();\r\n });\r\n\r\n // this.apiService.fetch\r\n }\r\n\r\n setMarketOrder() {\r\n if (this.orderToUpdate.FixVal == \"2\")\r\n this.updateOrderForm\r\n .get(\"price\")\r\n .patchValue(this.companyDetails?.MinLimit);\r\n else if (this.orderToUpdate.FixVal == \"1\")\r\n this.updateOrderForm\r\n .get(\"price\")\r\n .patchValue(this.companyDetails?.MaxLimit);\r\n }\r\n\r\n getColor(item) {\r\n switch (item) {\r\n case 1:\r\n return {\r\n background: \"rgb(40, 167, 69)\",\r\n color: \"white\",\r\n };\r\n case 2:\r\n return {\r\n background: \"#ff4643\",\r\n color: \"white\",\r\n };\r\n }\r\n }\r\n}\r\n","
\r\n\r\n
\r\n;\r\n public investorChartOptions: Partial;\r\n top5Best: any[];\r\n top5Worst: any[];\r\n colorScheme = [\"#008080\", \"#f4a261\", \"#216d95\"];\r\n isDarkTheme: boolean;\r\n\r\n activeEgx = \"EGX30\";\r\n investorSummary: any[];\r\n constructor(\r\n public translate: TranslateService,\r\n private apiService: ApiService\r\n ) {\r\n this.apiService.fetchMarketNews().subscribe((res) => {\r\n this.news = res;\r\n });\r\n\r\n this.apiService.fetchInvestorTypeIndividual().subscribe((res) => {\r\n if (res)\r\n this.individualChartOptions = {\r\n series: [res[\"Individuals\"].Value, res[\"Instituitions\"].Value],\r\n chart: {\r\n width: \"100%\",\r\n type: \"pie\",\r\n },\r\n labels:\r\n translate.currentLang == \"en\"\r\n ? [\r\n res[\"Individuals\"][\"Label_En\"],\r\n res[\"Instituitions\"][\"Label_En\"],\r\n ]\r\n : [\r\n res[\"Individuals\"][\"Label_Ar\"],\r\n res[\"Instituitions\"][\"Label_Ar\"],\r\n ],\r\n responsive: [\r\n {\r\n breakpoint: 480,\r\n options: {\r\n chart: {\r\n width: 200,\r\n },\r\n legend: {\r\n position: \"bottom\",\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n });\r\n\r\n this.apiService.fetchInvestorTypes().subscribe((res) => {\r\n if (res)\r\n this.investorChartOptions = {\r\n series: [res[0].TOTAL_PERC, res[1].TOTAL_PERC, res[2].TOTAL_PERC],\r\n chart: {\r\n width: \"100%\",\r\n type: \"pie\",\r\n },\r\n labels:\r\n translate.currentLang == \"en\"\r\n ? [\r\n res[0].SELL_CLIENT_EN,\r\n res[1].SELL_CLIENT_EN,\r\n res[2].SELL_CLIENT_EN,\r\n ]\r\n : [res[0].SELL_CLIENT, res[1].SELL_CLIENT, res[2].SELL_CLIENT],\r\n responsive: [\r\n {\r\n breakpoint: 480,\r\n options: {\r\n chart: {\r\n width: 200,\r\n },\r\n legend: {\r\n position: \"bottom\",\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n });\r\n\r\n this.apiService.fetchAllInvestor().subscribe((res) => {\r\n this.investorSummary = res[\"Index\"];\r\n });\r\n\r\n this.apiService.fetchTop5Best().subscribe((res) => {\r\n this.top5Best = res;\r\n });\r\n\r\n this.apiService.fetchTop5Worst().subscribe((res) => (this.top5Worst = res));\r\n }\r\n\r\n ngOnInit(): void {\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;\r\n this.fetchEgx();\r\n }\r\n\r\n slideConfig = {\r\n cssEase: \"linear\",\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n dots: true,\r\n };\r\n\r\n fetchEgx() {\r\n new TradingView.widget({\r\n width: \"100%\",\r\n height: 400,\r\n symbol: this.activeEgx,\r\n // interval: \"D\",\r\n timezone: \"Africa/Cairo\",\r\n theme: this.isDarkTheme? \"Dark\" : \"Light\",\r\n style: \"3\",\r\n locale: this.translate.currentLang == \"ar\" ? \"ar_AE\" : \"en\",\r\n // toolbar_bg: \"#f1f3f6\",\r\n // enable_publishing: false,\r\n // withdateranges: true,\r\n // range: \"ytd\",\r\n hide_side_toolbar: true,\r\n hide_top_toolbar: true,\r\n // allow_symbol_change: true,\r\n // show_popup_button: true,\r\n // popup_width: \"1000\",\r\n // popup_height: \"650\",\r\n // no_referral_id: true,\r\n container_id: \"tradingview_bac65\",\r\n });\r\n }\r\n}\r\n","import { Component, Inject, OnInit } from \"@angular/core\";\r\nimport { MatDialog, MAT_DIALOG_DATA } from \"@angular/material/dialog\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { CompanyNews } from \"src/app/models/company-news\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\n\r\n@Component({\r\n selector: \"app-news-details-modal\",\r\n templateUrl: \"./news-details-modal.component.html\",\r\n styleUrls: [\"./news-details-modal.component.scss\"],\r\n})\r\nexport class NewsDetailsModalComponent implements OnInit {\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: any,\r\n public translate: TranslateService\r\n ) { }\r\n\r\n\r\n new: CompanyNews;\r\n\r\n ngOnInit() {\r\n this.new = this.data.item;\r\n }\r\n\r\n getColor(item) {\r\n switch (item) {\r\n case 1:\r\n return {\r\n background: \"aquamarine\",\r\n color: \"black\",\r\n };\r\n case 2:\r\n return {\r\n background: \"bisque\",\r\n color: \"black\",\r\n };\r\n case 3:\r\n return {\r\n background: \"teal\",\r\n color: \"whitesmoke\",\r\n };\r\n case 4:\r\n return {\r\n background: \"greenyellow\",\r\n color: \"black\",\r\n };\r\n case 5:\r\n return {\r\n background: \"cornflowerblue\",\r\n color: \"black\",\r\n };\r\n case 6:\r\n return {\r\n background: \"darkorange\",\r\n color: \"black\",\r\n };\r\n case 7:\r\n return {\r\n background: \"darkslategrey\",\r\n color: \"white\",\r\n };\r\n case 8:\r\n return {\r\n background: \"yellow\",\r\n color: \"black\",\r\n };\r\n case 9:\r\n return {\r\n background: \"violet\",\r\n color: \"white\",\r\n };\r\n case 12: {\r\n return {\r\n background: \"lightcoral\",\r\n color: \"whitesmoke\",\r\n };\r\n }\r\n default: {\r\n return {\r\n background: \"lightgray\",\r\n color: \"black\",\r\n };\r\n }\r\n }\r\n }\r\n\r\n openAttachment(url) {\r\n window.open(UrlConstants.egxUrl + url)\r\n }\r\n}\r\n","{{key | translate}} ","import { Component, Input, OnInit } from \"@angular/core\";\r\n\r\n@Component({\r\n selector: \"hint-popover\",\r\n templateUrl: \"./hint-popover.component.html\",\r\n styleUrls: [\"./hint-popover.component.scss\"],\r\n})\r\nexport class HintPopoverComponent implements OnInit {\r\n @Input() key: string;\r\n @Input() iconColor: string;\r\n\r\n constructor() {}\r\n\r\n ngOnInit(): void {}\r\n}\r\n","export const environment = {\r\n production: true,\r\n backofficeUrl: \"http://41.65.131.30:9090\",\r\n globalDataApi: \"http://164.160.104.123:3030\",\r\n feedUrl: \"http://41.65.131.15:8090\",\r\n recaptcha: {\r\n siteKey: \"6LePCWEfAAAAAIbSbj1pSyTZp_UDG5ItAS4ReI24\",\r\n },\r\n version: \"V. 20241126 B.54\",\r\n};\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'timeFormat'\r\n})\r\nexport class TimeFormatPipe implements PipeTransform {\r\n\r\n transform(time: string, format: string = 'HH:mm'): string {\r\n if (!time) return '';\r\n\r\n // Split the time range into start and end times\r\n // const [startTime, endTime] = time.split('-');\r\n\r\n // Function to convert 24-hour format to 12-hour format with AM/PM\r\n const convertTo12HourFormat = (time: string): string => {\r\n const [hours, minutes] = time.split(':').map(Number);\r\n let period = 'am';\r\n let hour = hours;\r\n\r\n if (hours >= 12) {\r\n period = 'pm';\r\n if (hours > 12) {\r\n hour = hours - 12;\r\n }\r\n }\r\n\r\n if (hour === 0) {\r\n hour = 12; // 0 hour is 12 in 12-hour format\r\n }\r\n\r\n return format=='HH:mm'?`${hour}:${minutes}`:`${hour}:${minutes}${period}`;\r\n };\r\n\r\n // Convert start and end times\r\n const convertedTime = convertTo12HourFormat(time.trim());\r\n\r\n return convertedTime;\r\n}\r\n\r\n}\r\n","import { tap } from \"rxjs/operators\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { Injectable } from \"@angular/core\";\r\nimport * as Bowser from \"bowser\";\r\nimport {\r\n HttpRequest,\r\n HttpHandler,\r\n HttpEvent,\r\n HttpInterceptor,\r\n HttpErrorResponse,\r\n} from \"@angular/common/http\";\r\nimport { Observable } from \"rxjs\";\r\nimport { UrlConstants } from \"../models/urlConstants\";\r\nconst browser = Bowser.getParser(window.navigator.userAgent);\r\n@Injectable()\r\nexport class RequestHeaderInterceptor implements HttpInterceptor {\r\n browserName: any;\r\n constructor(private accService: AccountService) {}\r\n\r\n intercept(\r\n request: HttpRequest,\r\n next: HttpHandler\r\n ): Observable> {\r\n this.browserName = browser.getBrowserName();\r\n\r\n const idToken = JSON.parse(sessionStorage.getItem(\"user\"));\r\n let modifiedRequest;\r\n let key = \"\";\r\n\r\n if (\r\n UrlConstants != null &&\r\n UrlConstants.appKey != null &&\r\n UrlConstants.appKey != undefined\r\n )\r\n key = UrlConstants.appKey;\r\n modifiedRequest = request.clone({\r\n headers: request.headers\r\n .set(\"device_type\", this.browserName)\r\n .set(\"app_Key\", key)\r\n .set(\"Content-Type\", \"application/json\"),\r\n });\r\n if (idToken) {\r\n modifiedRequest = modifiedRequest.clone({\r\n headers: modifiedRequest.headers.set(\"Authorization\", idToken),\r\n });\r\n }\r\n return next.handle(modifiedRequest).pipe(\r\n tap(\r\n () => {},\r\n (err: any) => {\r\n if (err instanceof HttpErrorResponse) {\r\n if (\r\n err.status === 401 &&\r\n err.url != UrlConstants.backofficeUrl + \"/api/Token/CheckAuthentication\"\r\n ) {\r\n // refresh token or navigate to login\r\n this.accService.logout();\r\n } else if (err.status === 404) {\r\n //not found\r\n } else if (err.status === 400) {\r\n // bad request\r\n } else {\r\n // global request\r\n }\r\n }\r\n }\r\n )\r\n );\r\n }\r\n}\r\n","import { AccountService } from \"src/app/services/account.service\";\r\nimport { GridsterService } from \"src/app/services/gridster.service\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { MarketTrades } from \"./../../models/company-trades\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport {\r\n MarketWatchDetailService,\r\n StockDetail,\r\n} from \"src/app/services/market-watch-detail.service\";\r\nimport { CdkDragDrop, moveItemInArray } from \"@angular/cdk/drag-drop\";\r\n\r\n@Component({\r\n selector: \"app-market-trades\",\r\n templateUrl: \"./market-trades.component.html\",\r\n styleUrls: [\"./market-trades.component.scss\"],\r\n})\r\nexport class MarketTradesComponent implements OnInit {\r\n companyTrades: MarketTrades[];\r\n isTradesLoading: boolean;\r\n\r\n tradesUpdates = [];\r\n allMarketNames: StockDetail[];\r\n isMarket: boolean;\r\n columns = [];\r\n isFrozen: boolean = false;\r\n \r\n private tradeChangesSubscription: any;\r\n private namesSubscription: any;\r\n\r\n\r\n allFilters = [\r\n { prop: \"EXEC_TIME\", name: \"time\", isChecked: true },\r\n { prop: \"ENG_Name\", name: \"symbol\", isChecked: true },\r\n { prop: \"TRADE_PRICE\", name: \"price\", isChecked: true },\r\n { prop: \"TRADE_VOLUME\", name: \"qty\", isChecked: true },\r\n { prop: \"CHANGE_PRC\", name: \"change\", isChecked: true },\r\n { prop: \"CHANGE\", name: \"change\", isChecked: false },\r\n { prop: \"REUTERS\", name: \"reuters\", isChecked: false },\r\n ];\r\n\r\n constructor(\r\n private signalService: SignalRService,\r\n private _service: ApiService,\r\n public translate: TranslateService,\r\n private _marketDetail: MarketWatchDetailService,\r\n private accService: AccountService,\r\n private _gridService: GridsterService\r\n ) {\r\n this.initialize();\r\n \r\n\r\n this.accService.isFullMarketUser.subscribe((isMarket) => {\r\n this.isMarket = isMarket;\r\n });\r\n\r\n }\r\n\r\n updateStockDetail(trade: MarketTrades) {\r\n if (trade && this.allMarketNames) {\r\n let companyDetail = this.allMarketNames.find(\r\n (x) => x[\"SYMBOL_CODE\"] === trade.SEC_BORAD_ID\r\n );\r\n if (companyDetail) {\r\n trade.ARB_Name = companyDetail[\"arb_shortname\"];\r\n trade.ENG_Name = companyDetail[\"eng_shortname\"];\r\n trade.REUTERS = companyDetail[\"Reuters\"];\r\n }\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n this.fetchMarketTrades();\r\n }\r\n\r\n get colsss() {\r\n return this.columns.filter((col) => col.isChecked);\r\n }\r\n\r\n fetchMarketTrades() {\r\n this.isTradesLoading = true;\r\n\r\n this._service.fetchMarketTrades().subscribe((res) => {\r\n this.isTradesLoading = false;\r\n this.companyTrades = res as MarketTrades[];\r\n });\r\n }\r\n\r\n toggle(col, event) {\r\n col.isChecked = !col.isChecked;\r\n\r\n this.updateCols();\r\n }\r\n\r\n updateCols() {\r\n this._gridService.saveTradesColumns(this.columns);\r\n this.WindowResize();\r\n }\r\n\r\n WindowResize() {\r\n setTimeout(() => {\r\n window.dispatchEvent(new Event(\"resize\"));\r\n }, 50);\r\n }\r\n\r\n drop(event: CdkDragDrop) {\r\n moveItemInArray(this.columns, event.previousIndex, event.currentIndex);\r\n this.updateCols();\r\n }\r\n\r\n toggleFrozen() {\r\n this.isFrozen = !this.isFrozen;\r\n\r\n // Clean up subscriptions before re-initializing\r\n this.cleanupSubscriptions();\r\n\r\n // Reinitialize based on the updated isFrozen value\r\n this.initialize();\r\n\r\n setInterval(() => {\r\n this.isFrozen = false;\r\n // Toggle the boolean\r\n }, 15000); // 10000ms = 10 seconds\r\n }\r\n\r\n cleanupSubscriptions() {\r\n // Unsubscribe from the SignalR and Market Watch name updates when the component is destroyed\r\n if (this.tradeChangesSubscription) {\r\n this.tradeChangesSubscription.unsubscribe();\r\n }\r\n if (this.namesSubscription) {\r\n this.namesSubscription.unsubscribe();\r\n }\r\n }\r\n\r\n initialize() {\r\n if (!this.isFrozen) {\r\n // Subscribe to trade updates\r\n this.tradeChangesSubscription = this.signalService.tradeChanges.subscribe((res) => {\r\n if (this.allMarketNames) {\r\n res.reverse();\r\n res.forEach((trade) => {\r\n if (this.companyTrades) {\r\n this.updateStockDetail(trade);\r\n this.companyTrades.unshift(trade);\r\n }\r\n });\r\n // Limit the trade count to 100\r\n if (this.companyTrades?.length > 100) {\r\n this.companyTrades.length = 100;\r\n }\r\n }\r\n });\r\n }\r\n\r\n // Subscribe to market name updates\r\n if (this._marketDetail.marketNames) {\r\n this.allMarketNames = this._marketDetail.marketNames.getValue();\r\n }\r\n\r\n this.namesSubscription = this._marketDetail.namesSubject.subscribe((res) => {\r\n this.allMarketNames = res as StockDetail[];\r\n });\r\n }\r\n\r\n\r\n \r\n ngOnDestroy() {\r\n // Cleanup subscriptions on component destruction\r\n this.cleanupSubscriptions();\r\n }\r\n}\r\n"," = new Subject();\r\n ColumnMode = ColumnMode;\r\n\r\n dtOptions: {\r\n // scrollX: true,\r\n paging: boolean;\r\n searching: boolean;\r\n autoWidth: boolean;\r\n info: boolean;\r\n responsive: boolean;\r\n fixedHeader: boolean;\r\n select: boolean;\r\n order: any[];\r\n sorting: any[];\r\n };\r\n\r\n @Input() orderRequest: any;\r\n @Input() typesList: any;\r\n @Input() symbolList: any;\r\n DataToShow: boolean = false;\r\n getTransaction(value) {\r\n if (value != null) {\r\n if (this.translate.currentLang == \"en\") {\r\n return this.typesList.find((x) => x.TransactionId == value)\r\n .TransactionNameE;\r\n } else {\r\n return this.typesList.find((x) => x.TransactionId == value)\r\n .TransactionTypeA;\r\n }\r\n }\r\n }\r\n getSymbols(value) {\r\n if (value != null) {\r\n if (this.translate.currentLang == \"en\") {\r\n return this.symbolList.find((x) => x.SymbolCode == value).SymbolNameE;\r\n } else {\r\n return this.symbolList.find((x) => x.SymbolCode == value).SymbolNameA;\r\n }\r\n }\r\n }\r\n isDate(prop) {\r\n return prop == \"TransactionDate\";\r\n }\r\n isSymbol(prop) {\r\n return prop == \"SymbolShortNameEn\";\r\n }\r\n isNum(prop) {\r\n return (\r\n prop == \"TransactionPrice\" &&\r\n prop == \"OrderValue\" &&\r\n prop == \"TransactionQty\"\r\n );\r\n }\r\n isCustdName(prop) {\r\n return prop == \"CustodianNameEn\";\r\n }\r\n\r\n constructor(\r\n public translate: TranslateService,\r\n public snackBar: MatSnackBar,\r\n private _gridService: GridsterService,\r\n public dialog: MatDialog\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n if (this._gridService.getTradeHistoryColumns()) {\r\n this.columns = this._gridService.getTradeHistoryColumns();\r\n } else {\r\n this.columns = this.allFilters;\r\n }\r\n this.dtTrigger.next();\r\n this.WindowResize();\r\n\r\n this.dtOptions = {\r\n // scrollX: true,\r\n paging: false,\r\n searching: false,\r\n autoWidth: true,\r\n info: false,\r\n responsive: true,\r\n fixedHeader: true,\r\n select: false,\r\n order: [[0, \"desc\"]],\r\n sorting: [],\r\n // ajax: (dataTablesParameters: any, callback) => {\r\n // this.fetchEGX(\"EGX30\").subscribe((res) => {\r\n // this.isCompaniesLoading = false;\r\n // this.companies = res as CompanyList[];\r\n // this.WindowResize();\r\n\r\n // callback({\r\n // recordsTotal: this.companies.length,\r\n // data: [],\r\n // });\r\n // });\r\n // },\r\n };\r\n }\r\n allFilters = [\r\n { prop: \"TransactionDate\", name: \"date\", isChecked: true },\r\n { prop: \"TicketNo\", name: \"#transaction\", isChecked: true },\r\n { prop: \"OrderNumber\", name: \"#order\", isChecked: true },\r\n { prop: \"InvoiceId\", name: \"#invoice\", isChecked: true },\r\n { prop: \"TransactionTypeID\", name: \"type\", isChecked: true },\r\n { prop: \"SymbolShortNameEn\", name: \"symbolCode\", isChecked: true },\r\n { prop: \"CustodianCode\", name: \"custodianCode\", isChecked: true },\r\n { prop: \"CustodianNameEn\", name: \"custodian-name\", isChecked: false },\r\n { prop: \"TransactionQty\", name: \"qty\", isChecked: true },\r\n { prop: \"TransactionPrice\", name: \"price\", isChecked: true },\r\n { prop: \"OrderValue\", name: \"value\", isChecked: true },\r\n ];\r\n statusValue = [\r\n {\r\n value: 1,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"LocalNew\" : \"جديد داخليا\",\r\n },\r\n {\r\n value: 2,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"LocalUpdate\" : \"تعديل داخلي\",\r\n },\r\n {\r\n value: 3,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"LocalCancel\" : \"إلغاء داخلي\",\r\n },\r\n {\r\n value: 4,\r\n viewValue: this.translate.currentLang == \"en\" ? \"Divided\" : \"مقسم\",\r\n },\r\n {\r\n value: 5,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"FIXAwaitNew\"\r\n : \"انتظار إرسال البورصة\",\r\n },\r\n {\r\n value: 6,\r\n viewValue: this.translate.currentLang == \"en\" ? \"FIXNew\" : \"تم الإرسال\",\r\n },\r\n {\r\n value: 7,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"FIXAwaitUpdate\"\r\n : \"انتظار إرسال التعديل\",\r\n },\r\n {\r\n value: 8,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"FIXUpdate\" : \"تم التعديل\",\r\n },\r\n {\r\n value: 9,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"FIXAwaitCancel\"\r\n : \"انتظار إرسال الإلغاء\",\r\n },\r\n {\r\n value: 10,\r\n viewValue: this.translate.currentLang == \"en\" ? \"FIXCancel\" : \"ملغى\",\r\n },\r\n {\r\n value: 11,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"FIXAwaitSuspend\"\r\n : \"انتظار إرسال الإيقاف\",\r\n },\r\n {\r\n value: 12,\r\n viewValue: this.translate.currentLang == \"en\" ? \"FIXSuspend\" : \"موقوف\",\r\n },\r\n {\r\n value: 13,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"UpdateDividedNoCascade\"\r\n : \"تعدبل تقسيم بدون توزيع\",\r\n },\r\n {\r\n value: 14,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"UpdateDividedCascade\"\r\n : \"تعديل تقسيم بالتوزيع\",\r\n },\r\n {\r\n value: 15,\r\n viewValue: this.translate.currentLang == \"en\" ? \"Automatic\" : \"تلقائي\",\r\n },\r\n {\r\n value: 16,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"FixPrivate\" : \"FixPrivate\",\r\n },\r\n {\r\n value: 17,\r\n viewValue: this.translate.currentLang == \"en\" ? \"FixPublic\" : \"FixPublic\",\r\n },\r\n {\r\n value: 18,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"FIXAwaitApprove\"\r\n : \"إنتظار الإعتماد للإرسال\",\r\n },\r\n {\r\n value: 20,\r\n viewValue: this.translate.currentLang == \"en\" ? \"HubNew\" : \"HubNew\",\r\n },\r\n {\r\n value: 21,\r\n viewValue: this.translate.currentLang == \"en\" ? \"HubUpdate\" : \"HubUpdate\",\r\n },\r\n {\r\n value: 22,\r\n viewValue: this.translate.currentLang == \"en\" ? \"HubCancel\" : \"HubCancel\",\r\n },\r\n {\r\n value: 23,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"HubRejected\" : \"HubRejected\",\r\n },\r\n {\r\n value: 24,\r\n viewValue: this.translate.currentLang == \"en\" ? \"FixRejected\" : \"رفض\",\r\n },\r\n {\r\n value: 25,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"FixRupdate\" : \"FixRupdate\",\r\n },\r\n {\r\n value: 26,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"FixExpired\" : \"FixExpired\",\r\n },\r\n {\r\n value: 27,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"DisApproved\" : \"رفض ائتمان\",\r\n },\r\n ];\r\n columns = [];\r\n\r\n drop(event: CdkDragDrop) {\r\n moveItemInArray(this.columns, event.previousIndex, event.currentIndex);\r\n this.updateCols();\r\n }\r\n updateCols() {\r\n this._gridService.saveTradeHistoryColumns(this.columns);\r\n this.WindowResize();\r\n }\r\n WindowResize() {\r\n setTimeout(() => {\r\n window.dispatchEvent(new Event(\"resize\"));\r\n }, 250);\r\n }\r\n\r\n toggle(col, event) {\r\n col.isChecked = !col.isChecked;\r\n this.WindowResize();\r\n this.updateCols();\r\n }\r\n get colsss() {\r\n return this.columns.filter((col) => col.isChecked);\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (this.orderRequest != null && changes.orderRequest != null) {\r\n if (\r\n changes.orderRequest.currentValue != changes.orderRequest.previousValue\r\n ) {\r\n this.DataToShow = true;\r\n this.orderRequest = changes.orderRequest.currentValue;\r\n } else {\r\n this.DataToShow = false;\r\n }\r\n } else {\r\n this.DataToShow = false;\r\n }\r\n }\r\n\r\n getStatus(value) {\r\n return this.statusValue.find((x) => x.value == value).viewValue;\r\n }\r\n\r\n viewOrder(row) {\r\n const dialogRef = this.dialog.open(SelectedOrderTradeComponent, {\r\n panelClass: \"custom-dialog-container\",\r\n data: { order: row },\r\n width: \"400px\",\r\n });\r\n dialogRef.afterClosed().subscribe((confirmed: boolean) => {\r\n if (confirmed) {\r\n this.snackBar\r\n .open(\"Order Updated Successfully\", \"Ok\", {\r\n duration: 2000,\r\n })\r\n .afterDismissed()\r\n .subscribe((res) => {});\r\n } else {\r\n this.snackBar.open(\"Order Update Failed\", \"Close\", {\r\n duration: 2000,\r\n });\r\n }\r\n });\r\n }\r\n}\r\n","();\r\n searchText = \"\";\r\n selectedSymbol: any;\r\n ColumnMode = ColumnMode;\r\n searchComp = new MatTableDataSource();\r\n selected;\r\n SelectionType = SelectionType;\r\n isShow: boolean = false;\r\n @ViewChild(\"myWidget\") myWidget: ElementRef;\r\n\r\n @ViewChild(MatSort) sort: MatSort;\r\n @ViewChild('favMenu') favMenu: ElementRef | undefined;\r\n dropdownX = 0;\r\n dropdownY = 0;\r\n selectedItem = null;\r\n public contextmenuX: any;\r\n public contextmenuY: any;\r\n public contextmenu = false;\r\n addWidgetSymbolCode: any;\r\n isDarkTheme: boolean;\r\n marketWatches: any[] = [];\r\n activeMarketWatch: any = null;\r\n favSymbols: string[] = [];\r\n openDropdowns: { [key: string]: boolean } = {};\r\n dropdownOpen:boolean=false;\r\n deletingMarketWatch:boolean=false;\r\n defaultMarketWatch:any;\r\n\r\n columns = [];\r\n\r\n matColumns = [\r\n \"Reuters\",\r\n \"ENG_NAME\",\r\n \"LAST_TRADE_PRICE\",\r\n \"LAST_TRADE_VOLUME\",\r\n \"LAST_CHANGE\",\r\n \"LAST_CHANGE_PRC\",\r\n \"OPEN_PRICE\",\r\n \"CLOSE_PRICE\",\r\n \"LOW_PRICE\",\r\n \"HIGH_PRICE\",\r\n \"TOTAL_VALUE\",\r\n \"TOTAL_VOLUME\",\r\n \"LAST_TRADE_DATE\",\r\n \"BID_PRICE\",\r\n \"BID_VOLUME\",\r\n \"TOTAL_BIDS\",\r\n \"TOTAL_ASKS\",\r\n \"ASK_VOLUME\",\r\n \"ASK_PRICE\",\r\n \"ENG_DESC\",\r\n \"MARKET_ID\",\r\n \"PREVIOUS_CLOSE\",\r\n \"REF_PRICE\",\r\n ];\r\n\r\n allFilters = [\r\n { prop: \"LAST_TRADE_PRICE\", name: \"last-price\", isChecked: true },\r\n { prop: \"LAST_TRADE_VOLUME\", name: \"last-volume\", isChecked: true },\r\n { prop: \"LAST_CHANGE\", name: \"last-change\", isChecked: true },\r\n { prop: \"LAST_CHANGE_PRC\", name: \"last-change-prc\", isChecked: true },\r\n { prop: \"OPEN_PRICE\", name: \"open\", isChecked: true },\r\n { prop: \"CLOSE_PRICE\", name: \"close\", isChecked: true },\r\n { prop: \"LOW_PRICE\", name: \"low\", isChecked: true },\r\n { prop: \"HIGH_PRICE\", name: \"high\", isChecked: true },\r\n { prop: \"TOTAL_VALUE\", name: \"value\", isChecked: true },\r\n { prop: \"TOTAL_VOLUME\", name: \"volume\", isChecked: true },\r\n { prop: \"BID_PRICE\", name: \"bid-price\", isChecked: true },\r\n { prop: \"BID_VOLUME\", name: \"bid-qty\", isChecked: true },\r\n { prop: \"TOTAL_BIDS\", name: \"total-bids\", isChecked: true },\r\n { prop: \"TOTAL_ASKS\", name: \"total-asks\", isChecked: true },\r\n { prop: \"ASK_VOLUME\", name: \"ask-qty\", isChecked: true },\r\n { prop: \"ASK_PRICE\", name: \"ask-price\", isChecked: true },\r\n { prop: \"LAST_TRADE_DATE\", name: \"last-trade-date\", isChecked: false },\r\n { prop: \"ENG_DESC\", name: \"sector\", isChecked: false },\r\n { prop: \"MARKET_ID\", name: \"market\", isChecked: false },\r\n { prop: \"PREVIOUS_CLOSE\", name: \"prev-close\", isChecked: false },\r\n { prop: \"REF_PRICE\", name: \"ref-price\", isChecked: false },\r\n // {\r\n // prop: \"ARB_NAME\",\r\n // name: \"shortname\",\r\n // isChecked: false,\r\n // },\r\n { prop: \"INDICATIVEPRICE\", name: \"indicative-price\", isChecked: true },\r\n { prop: \"INDICATIVEVOLUME\", name: \"indicative-volume\", isChecked: true },\r\n ];\r\n\r\n tableView = \"market\";\r\n favView = \"grid\";\r\n\r\n companiesUpdates: CompanyList[] = [];\r\n isFavsLoading: boolean = false;\r\n layerX: any;\r\n layerY: any;\r\n screenX: any;\r\n screenY: any;\r\n\r\n companies = new MatTableDataSource();\r\n allMarketNames: StockDetail[];\r\n isMarketUser: boolean;\r\n showAddFavorite = false;\r\n newFavoriteName = '';\r\n\r\n private outsideClickUnlistener: () => void;\r\n\r\n addWidgets(name) {\r\n this._gridService.addGeneric(name, true);\r\n }\r\n\r\n public onFavViewChange(val: string) {\r\n this.favView = val;\r\n this.fetchFavs();\r\n }\r\n toggleFavMenu() {\r\n this.isShow = !this.isShow;\r\n }\r\n clickedOutsideMenu() {\r\n this.contextmenu = false;\r\n }\r\n\r\n\r\n public onTableContextMenu(event, company) {\r\n\r\n const tableContainer = this.myWidget.nativeElement;\r\n const rect = tableContainer.getBoundingClientRect();\r\n\r\n // Calculate the context menu position\r\n this.contextmenuX = event.clientX;\r\n this.contextmenuY = event.clientY;\r\n\r\n this.contextmenu = true;\r\n this.addWidgetSymbolCode = {\r\n symbol: company.SYMBOL_CODE,\r\n reuters: company.Reuters,\r\n name: company.ARB_NAME,\r\n nameEn: company.ENG_NAME,\r\n };\r\n const existingMenu = document.querySelector('.contextmenu') as HTMLElement;\r\n if (existingMenu) {\r\n // Update position\r\n existingMenu.style.left = `${this.contextmenuX}px`;\r\n existingMenu.style.top = `${this.contextmenuY}px`;\r\n\r\n // Ensure it's appended to the body\r\n if (existingMenu.parentNode) {\r\n existingMenu.parentNode.removeChild(existingMenu);\r\n }\r\n document.body.appendChild(existingMenu);\r\n }\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n public onDropdownClick(event: MouseEvent, symbol: string): void {\r\n this.openDropdowns = {};\r\n this.openDropdowns[symbol] = !this.openDropdowns[symbol];\r\n this.isShow = !this.isShow;\r\n\r\n\r\n const dropdownMenu = document.querySelector('.dropdown-menu-fav') as HTMLElement;\r\n if (dropdownMenu) {\r\n dropdownMenu.style.left = `${event.clientX -60}px`;\r\n dropdownMenu.style.top = `${event.clientY}px`;\r\n if (dropdownMenu.parentNode) {\r\n dropdownMenu.parentNode.removeChild(dropdownMenu);\r\n }\r\n document.body.appendChild(dropdownMenu);\r\n }\r\n if (this.outsideClickUnlistener) {\r\n this.outsideClickUnlistener();\r\n }\r\n this.outsideClickUnlistener = this.renderer.listen('document', 'click', (e: MouseEvent) => this.handleOutsideClick(e, symbol));\r\n }\r\n\r\n private handleOutsideClick(event: MouseEvent, symbol: string): void {\r\n const clickedInsideDropdown = (event.target as HTMLElement).closest('.dropdown-menu-fav');\r\n const clickedDropdownToggle = (event.target as HTMLElement).classList.contains('dropdown-toggle');\r\n\r\n if (!clickedInsideDropdown && !clickedDropdownToggle) {\r\n const dropdownMenu = document.querySelector('.dropdown-menu-fav');\r\n if (dropdownMenu && dropdownMenu.parentNode) {\r\n dropdownMenu.parentNode.removeChild(dropdownMenu);\r\n }\r\n\r\n this.openDropdowns[symbol] = false;\r\n if (this.outsideClickUnlistener) {\r\n this.outsideClickUnlistener(); \r\n this.outsideClickUnlistener = null;\r\n }\r\n }\r\n }\r\n isNumber(val): boolean {\r\n return typeof val === \"number\";\r\n }\r\n\r\n getColumnClass(column, value) {\r\n if (\r\n (column.prop == \"LAST_CHANGE_PRC\" && value > 0) ||\r\n (column.prop == \"LAST_CHANGE\" && value > 0)\r\n )\r\n return \"green\";\r\n else if (\r\n (column.prop == \"LAST_CHANGE_PRC\" && value < 0) ||\r\n (column.prop == \"LAST_CHANGE\" && value < 0)\r\n )\r\n return \"red\";\r\n else if (column.prop == \"LAST_TRADE_PRICE\") return \"last-price-color\";\r\n else if (\r\n column.prop == \"BID_PRICE\" ||\r\n column.prop == \"BID_VOLUME\" ||\r\n column.prop == \"TOTAL_BIDS\"\r\n )\r\n return \"table-bids-color\";\r\n else if (\r\n column.prop == \"ASK_PRICE\" ||\r\n column.prop == \"ASK_VOLUME\" ||\r\n column.prop == \"TOTAL_ASKS\"\r\n )\r\n return \"table-asks-color\";\r\n return;\r\n }\r\n\r\n onSelect(item) {\r\n this.selected = item;\r\n this.sendCompanySymbol(\r\n item.SYMBOL_CODE,\r\n item.Reuters,\r\n item.eng_shortname,\r\n item.arb_shortname,\r\n false\r\n );\r\n }\r\n\r\n drop(event: CdkDragDrop) {\r\n moveItemInArray(this.columns, event.previousIndex, event.currentIndex);\r\n this.updateCols();\r\n }\r\n\r\n updateFilter(event) {\r\n const val = event.target.value.toLowerCase();\r\n\r\n let temp;\r\n if (this.tableView == \"market\")\r\n temp = this.companies?.data.filter(function (d) {\r\n return (\r\n d.eng_shortname &&\r\n (d.eng_shortname\r\n .toLocaleLowerCase()\r\n .includes(val.toLocaleLowerCase()) ||\r\n d.arb_shortname\r\n .toLocaleLowerCase()\r\n .includes(val.toLocaleLowerCase()) ||\r\n d.SYMBOL_CODE.toLocaleLowerCase().includes(\r\n val.toLocaleLowerCase()\r\n ) ||\r\n d.Reuters.toLocaleLowerCase().includes(val.toLocaleLowerCase()))\r\n );\r\n });\r\n else\r\n temp = this.favCompanies?.data.filter(function (d) {\r\n return (\r\n d.ENG_NAME &&\r\n (d.ENG_NAME.toLocaleLowerCase().includes(val.toLocaleLowerCase()) ||\r\n d.ARB_NAME.toLocaleLowerCase().includes(val.toLocaleLowerCase()) ||\r\n d.SYMBOL_CODE.toLocaleLowerCase().includes(\r\n val.toLocaleLowerCase()\r\n ) ||\r\n d.Reuters.toLocaleLowerCase().includes(val.toLocaleLowerCase()))\r\n );\r\n });\r\n // update the rows\r\n this.searchComp.data = temp;\r\n this.searchComp.sort = this.sort;\r\n\r\n this.WindowResize();\r\n\r\n if (val == \"\") {\r\n this.searchComp = new MatTableDataSource();\r\n }\r\n }\r\n\r\n constructor(\r\n private _gridService: FlexLayoutService,\r\n signalService: SignalRService,\r\n public dialog: MatDialog,\r\n public translate: TranslateService,\r\n private favService: FavService,\r\n public accService: AccountService,\r\n private _service: ApiService,\r\n private _marketDetail: MarketWatchDetailService,\r\n private renderer: Renderer2\r\n ) {\r\n signalService.marketStatusChanges.subscribe((isActive) => {\r\n if (\r\n isActive &&\r\n this.state == \"Most Active\" &&\r\n this.companies.data.length == 0\r\n )\r\n this.fetchTodayActive();\r\n });\r\n signalService.marketChanges.subscribe((res) => {\r\n if (this.allMarketNames)\r\n res.forEach((update) => {\r\n switch (this.tableView) {\r\n case \"market\": {\r\n if (this.searchComp.data.length > 0) {\r\n let itemIndex = this.searchComp?.data.findIndex(\r\n (item) => item.SYMBOL_CODE == update.SYMBOL_CODE\r\n );\r\n if (\r\n this.searchComp.data[itemIndex] != update &&\r\n itemIndex != -1\r\n ) {\r\n this.searchComp.data[itemIndex] = update;\r\n this.searchComp.data[itemIndex].isUpdate = true;\r\n }\r\n this.updateStockDetail(this.searchComp.data[itemIndex]);\r\n } else {\r\n let itemIndex = this.companies?.data.findIndex(\r\n (item) => item.SYMBOL_CODE == update.SYMBOL_CODE\r\n );\r\n if (\r\n this.companies.data[itemIndex] != update &&\r\n itemIndex != -1\r\n ) {\r\n this.companies.data[itemIndex] = update;\r\n this.companies.data[itemIndex].isUpdate = true;\r\n }\r\n this.updateStockDetail(this.companies.data[itemIndex]);\r\n }\r\n }\r\n case \"favorites\": {\r\n let itemIndex = this.favCompanies?.data.findIndex(\r\n (item) => item.SYMBOL_CODE == update.SYMBOL_CODE\r\n );\r\n if (\r\n this.favCompanies.data[itemIndex] != update &&\r\n itemIndex != -1\r\n ) {\r\n this.favCompanies.data[itemIndex] = update;\r\n this.favCompanies.data[itemIndex].isUpdate = true;\r\n this.updateStockDetail(this.favCompanies.data[itemIndex]);\r\n }\r\n this.favCompanies.sort = this.sort;\r\n }\r\n }\r\n });\r\n else if (this._marketDetail.marketNames)\r\n this.allMarketNames = this._marketDetail.marketNames.getValue();\r\n this._marketDetail.namesSubject.subscribe((res) => {\r\n this.allMarketNames = res as StockDetail[];\r\n });\r\n\r\n if (this.tableView == \"market\" && this.searchComp.data.length > 0)\r\n this.searchComp.data = [...this.searchComp?.data];\r\n else if (this.tableView == \"market\")\r\n this.companies.data = [...this.companies?.data];\r\n\r\n if (this.tableView == \"favorites\" && this.favCompanies)\r\n this.favCompanies.data = [...this.favCompanies?.data];\r\n });\r\n }\r\n\r\n updateStockDetail(stock: CompanyList) {\r\n if (stock?.SYMBOL_CODE && this.allMarketNames) {\r\n let companyDetail = this.allMarketNames.find(\r\n (x) => x[\"SYMBOL_CODE\"] === stock.SYMBOL_CODE\r\n );\r\n if (companyDetail) {\r\n stock.arb_shortname = companyDetail[\"arb_shortname\"];\r\n stock.eng_shortname = companyDetail[\"eng_shortname\"];\r\n stock.Reuters = companyDetail[\"Reuters\"];\r\n }\r\n }\r\n }\r\n\r\n setMarketWatchDefault(watch:any):void\r\n {\r\n const symbols = [...this.favService.favCompaniesSymbols.getValue()]; \r\n this.favService.updateFavs(symbols, watch.MarketWatchID, watch.MarketWatchName,true);\r\n }\r\n\r\n async selectMarketWatch(watch: any, symbol: string): Promise {\r\n\r\n this.openDropdowns[symbol] = false;\r\n try {\r\n await this.favService.fetchFavs(watch);\r\n \r\n const symbols = [...this.favService.favCompaniesSymbols.getValue()]; \r\n if (symbols.includes(symbol)) {\r\n const index = symbols.indexOf(symbol);\r\n if (index > -1) {\r\n symbols.splice(index, 1); \r\n }\r\n } else {\r\n symbols.push(symbol);\r\n }\r\n if(this.deletingMarketWatch==false)\r\n {\r\n this.favService.updateFavs(symbols, watch.MarketWatchID, watch.MarketWatchName,false);\r\n }\r\n else\r\n {\r\n this.deletingMarketWatch=false;\r\n }\r\n } catch (error) {\r\n }\r\n \r\n }\r\n\r\n ngOnInit() {\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;\r\n if (this._gridService.getMarketWatchColumns()) {\r\n this.columns = this._gridService.getMarketWatchColumns();\r\n } else {\r\n this.columns = this.allFilters;\r\n }\r\n\r\n this.accService.isFullMarketUser.subscribe((isMarket) => {\r\n this.isMarketUser = isMarket;\r\n if (!isMarket) {\r\n this.state = \"Favorites\";\r\n this.favView = \"table\";\r\n }\r\n });\r\n this.favService.fetchAllMarketWatches(this.activeMarketWatch);\r\n this.favService.marketWatches.subscribe((watches) => {\r\n this.marketWatches = watches;\r\n if (watches.length > 0) {\r\n this.activeMarketWatch = watches[0];\r\n this.favSymbols = this.activeMarketWatch?.symbols || [];\r\n this.defaultMarketWatch = this.marketWatches.find(watch => watch.IsDefault === true);\r\n }\r\n });\r\n\r\n switch (this.state) {\r\n case \"EGX30\":\r\n case \"EGX70\":\r\n case \"EGX100\":\r\n this.fetchEGX(this.state);\r\n break;\r\n case \"NOPL\":\r\n case \"sme\":\r\n case \"OTC\":\r\n case \"SAMEDAY\":\r\n case \"D\":\r\n this.fetchMarket(this.state);\r\n break;\r\n case \"Most Active\":\r\n this.fetchTodayActive();\r\n break;\r\n case \"All Market\":\r\n this.fetchCompanies();\r\n break;\r\n case \"Favorites\":\r\n this.fetchFavs();\r\n break;\r\n }\r\n }\r\n\r\n updateCols() {\r\n this._gridService.saveMarketWatchColumns(this.columns);\r\n this.WindowResize();\r\n }\r\n\r\n sendCompanySymbol(symbol, reuters, nameEn, nameAr, wasChanged) {\r\n this.selectedSymbol = symbol;\r\n this.fireFunction(symbol, reuters, nameEn, nameAr, wasChanged);\r\n }\r\n\r\n addWidgett(event) {\r\n let obj = JSON.parse(event);\r\n this._gridService.addGeneric(obj.name, false);\r\n this.addWidget(obj.name, obj.companyData, obj.isLinked);\r\n }\r\n bidsAsks(company) {\r\n let obj = {\r\n reuters: company.Reuters,\r\n symbol: company.SYMBOL_CODE,\r\n nameEn: company.ENG_NAME,\r\n name: company.ARB_NAME,\r\n };\r\n this._gridService.addGeneric(\"market-depth\", false);\r\n this.addWidget(\"market-depth\", obj, false);\r\n }\r\n\r\n openChart(company, e) {\r\n e.stopPropagation();\r\n let obj = {\r\n reuters: company.Reuters,\r\n symbol: company.SYMBOL_CODE,\r\n nameEn: company.ENG_NAME,\r\n name: company.ARB_NAME,\r\n };\r\n this.addWidget(\"chart\", obj, false);\r\n }\r\n\r\n fetchFavs() {\r\n this.tableView = \"favorites\";\r\n this.state = \"Favorites\";\r\n this.saveState();\r\n\r\n this.isFavsLoading = true;\r\n this.favService.fetchFavs(this.activeMarketWatch);\r\n this.favService.favCompanies.subscribe((res) => {\r\n this.favCompanies.data = res;\r\n this.favCompanies.sort = this.sort;\r\n this.isFavsLoading = false;\r\n });\r\n this.favCompanies.sort = this.sort;\r\n }\r\n toggleDropdown(): void {\r\n this.dropdownOpen = !this.dropdownOpen;\r\n }\r\n toggleAddFavorite(): void {\r\n this.showAddFavorite = !this.showAddFavorite;\r\n }\r\n\r\n createFavorite(symbol: string, favName: string): void {\r\n if (favName.trim()) {\r\n this.openDropdowns[symbol] = false;\r\n const symbols = [symbol];\r\n this.favService.updateFavs(symbols, 0,favName.trim(),false);\r\n var title='';\r\n this.translate.currentLang != \"ar\" ? title = `${favName} Favorite list has been created`: title = `${favName} تم إنشاء القائمة المفضلة`;\r\n Swal.fire({\r\n toast: true,\r\n position: \"top-end\",\r\n icon: \"success\",\r\n title: title,\r\n showConfirmButton: false,\r\n timer: 1500,\r\n timerProgressBar: true,\r\n customClass: {\r\n popup: this.isDarkTheme? 'swal-toast-dark' :'swal-toast',\r\n },\r\n showCloseButton: true\r\n });\r\n \r\n }\r\n }\r\n\r\n selectMarketWatchList(watch: any): void {\r\n this.activeMarketWatch = watch;\r\n this.dropdownOpen = false;\r\n this.fetchFavs();\r\n }\r\n onStarClick(event: MouseEvent, symbol: string) {\r\n this.selectedItem = { symbol }; \r\n this.dropdownX = event.clientX;\r\n this.dropdownY = event.clientY;\r\n this.dropdownOpen = true;\r\n event.stopPropagation();\r\n }\r\n\r\ndeleteMarketWatch(marketWatchID: string): void {\r\n\r\n\r\n const title = this.translate.currentLang !== \"ar\" ? 'Are you sure?' : 'هل انت متأكد؟';\r\n const text = this.translate.currentLang !== \"ar\" ? 'Do you want to delete this favorite list?' : 'هل تريد حذف هذه القائمة المفضلة؟';\r\n const confirmBtn = this.translate.currentLang !== \"ar\" ? 'Yes, delete it!' : 'نعم، احذفه!';\r\n const cancelBtn = this.translate.currentLang !== \"ar\" ? 'Cancel' : 'إلغاء';\r\n const successTitle = this.translate.currentLang !== \"ar\" ? 'Deleted!' : 'تم الحذف!';\r\n const successText = this.translate.currentLang !== \"ar\" ? 'Favorite List deleted successfully.' : `تم حذف القائمة بنجاح`;\r\n const errorTitle = this.translate.currentLang !== \"ar\" ? 'Error!' : 'خطأ!';\r\n const errorText = this.translate.currentLang !== \"ar\" ? 'Failed to delete favorite list.' : 'فشل في حذف القائمة المفضلة.';\r\n const confirmBtnText = this.translate.currentLang !== \"ar\" ? 'OK' : 'حسنا';\r\n \r\n\r\n Swal.fire({\r\n title: title,\r\n text: text,\r\n icon: 'warning',\r\n showCancelButton: true,\r\n confirmButtonText: confirmBtn,\r\n cancelButtonText: cancelBtn\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n this.favService.deleteMarketWatch(marketWatchID).subscribe(\r\n (response) => {\r\n this.marketWatches = this.marketWatches.filter(\r\n (watch) => watch.MarketWatchID !== marketWatchID\r\n );\r\n this.deletingMarketWatch = true;\r\n Swal.fire({\r\n title: successTitle,\r\n text: successText,\r\n icon: 'success',\r\n confirmButtonText: confirmBtnText\r\n });\r\n },\r\n (error) => {\r\n Swal.fire({\r\n title: errorTitle,\r\n text: errorText,\r\n icon: 'error',\r\n confirmButtonText: confirmBtnText\r\n });\r\n }\r\n );\r\n }\r\n });\r\n}\r\n\r\n\r\n closeDropdown() {\r\n this.dropdownOpen = false;\r\n }\r\n\r\n addFavoriteList({symbol,name}) {\r\n this.createFavorite(symbol,name);\r\n this.closeDropdown();\r\n }\r\n\r\n handleMarketWatchSelection({ watch,symbol }) {\r\n this.selectMarketWatch(watch,symbol)\r\n this.closeDropdown();\r\n }\r\n\r\n WindowResize() {\r\n setTimeout(() => {\r\n window.dispatchEvent(new Event(\"resize\"));\r\n }, 10);\r\n }\r\n\r\n fetchEGX(egx) {\r\n this.tableView = \"market\";\r\n this.state = egx;\r\n this.saveState();\r\n\r\n this.isCompaniesLoading = true;\r\n\r\n this.companies.data = [];\r\n\r\n this._service.fetchEGX(egx).subscribe((res) => {\r\n this.isCompaniesLoading = false;\r\n this.companies.data = res as CompanyList[];\r\n this.companies.sort = this.sort;\r\n\r\n this.WindowResize();\r\n });\r\n }\r\n\r\n fetchTodayActive() {\r\n this.tableView = \"market\";\r\n this.state = \"Most Active\";\r\n this.saveState();\r\n\r\n this.companies.data = [];\r\n this.isCompaniesLoading = true;\r\n\r\n this._service.fetchTodayMarketWatch().subscribe((res) => {\r\n this.isCompaniesLoading = false;\r\n this.companies.data = res as CompanyList[];\r\n this.companies.sort = this.sort;\r\n\r\n this.WindowResize();\r\n });\r\n }\r\n\r\n fetchCompanies() {\r\n this.tableView = \"market\";\r\n this.state = \"All Market\";\r\n this.saveState();\r\n\r\n this.isCompaniesLoading = true;\r\n this.companies.data = [];\r\n\r\n this._service.fetchAllMarketWatch().subscribe((res: CompanyList[]) => {\r\n this.isCompaniesLoading = false;\r\n this.companies.data = res.filter(\r\n (company) => company.MARKET_ID != \"INDX\"\r\n );\r\n this.companies.sort = this.sort;\r\n\r\n this.WindowResize();\r\n });\r\n }\r\n\r\n fetchMarket(x) {\r\n this.tableView = \"market\";\r\n this.state = x;\r\n this.saveState();\r\n\r\n this.isCompaniesLoading = true;\r\n this.companies.data = [];\r\n\r\n this._service.fetchEgxMarket(x).subscribe((res: CompanyList[]) => {\r\n this.isCompaniesLoading = false;\r\n this.companies.data = res;\r\n this.companies.sort = this.sort;\r\n\r\n this.WindowResize();\r\n });\r\n }\r\n\r\n saveState() {\r\n this._gridService.updateMarketWatchState(this.state);\r\n }\r\n\r\n get colsss() {\r\n return this.columns.filter((col) => col.isChecked);\r\n }\r\n\r\n get colss() {\r\n return [\r\n \"Reuters\",\r\n this.translate.currentLang == \"ar\" ? \"arb_shortname\" : \"eng_shortname\",\r\n ...this.colsss.map((col) => col.prop),\r\n ];\r\n }\r\n\r\n toggle(col, event) {\r\n col.isChecked = !col.isChecked;\r\n\r\n this.WindowResize();\r\n this.updateCols();\r\n }\r\n\r\n // get statee() {\r\n // return this._gridService.getMarketWatchState(this.id);\r\n // }\r\n\r\n // isFav(symbol) {\r\n // return this.favService.isFav(symbol);\r\n // }\r\n isFav(symbol: any): boolean {\r\n \r\n // Check if the favorites list exists and is an array\r\n if (!this.favService.favCompaniesSymbols || !Array.isArray(this.favService.favCompaniesSymbols)) {\r\n return false;\r\n }\r\n \r\n return this.favService.favCompaniesSymbols.includes(symbol); // Check if symbol is in the favorites list\r\n }\r\n\r\n toggleDropDown(symbol) {\r\n this.openDropdowns[symbol] = !this.openDropdowns[symbol];\r\n }\r\n\r\n toggleFav(symbol, marketWatchId) {\r\n this.openDropdowns[symbol] = !this.openDropdowns[symbol];\r\n this.favService.toggleFav(symbol, marketWatchId);\r\n }\r\n\r\n orderBuy(company, isSell) {\r\n const dialogRef = this.dialog.open(OrderBuyComponent, {\r\n disableClose: true,\r\n panelClass: \"order-dialog-container\",\r\n data: { symbol: company, type: isSell },\r\n direction: this.translate.currentLang == \"ar\" ? \"rtl\" : \"ltr\",\r\n });\r\n\r\n dialogRef.afterClosed().subscribe((result) => { });\r\n }\r\n}\r\n","import { Injectable } from \"@angular/core\";\r\nimport { Router } from \"@angular/router\";\r\nimport { BehaviorSubject, Observable, Subject } from \"rxjs\";\r\nimport { User } from \"../models/user\";\r\nimport { map } from \"rxjs/operators\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { SECAuth } from \"../models/login\";\r\nimport { UrlConstants } from \"../models/urlConstants\";\r\n\r\nexport interface UserProfile {\r\n RelationCode: string;\r\n ExchangeCode: string;\r\n UnifiedCode: string;\r\n SubNameE: string;\r\n SubNameA: string;\r\n UserName: string;\r\n Phone: string;\r\n Email: string;\r\n IdNumber: string;\r\n Address: string;\r\n AccountManagerNameE: string;\r\n AccountManagerNameA: string;\r\n BranchNameA: string;\r\n BranchNameE: string;\r\n IsMargin: boolean;\r\n}\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n})\r\nexport class AccountService {\r\n private userSubject: BehaviorSubject;\r\n public user: Observable;\r\n public twfa: Observable;\r\n private showTicker: BehaviorSubject;\r\n private showQuickButton: BehaviorSubject;\r\n isFullMarketUser: BehaviorSubject = new BehaviorSubject(\r\n null\r\n );\r\n\r\n constructor(private router: Router, private http: HttpClient) {\r\n this.userSubject = new BehaviorSubject(\r\n JSON.parse(sessionStorage.getItem(\"user\"))\r\n );\r\n this.showTicker = new BehaviorSubject(\r\n JSON.parse(localStorage.getItem(\"showTicker\"))\r\n );\r\n this.showQuickButton = new BehaviorSubject(\r\n JSON.parse(localStorage.getItem(\"showQuickButton\")) || true\r\n );\r\n\r\n this.user = this.userSubject.asObservable();\r\n }\r\n\r\n public get userValue(): User {\r\n return this.userSubject.value;\r\n }\r\n\r\n public get Ticker(): any {\r\n return this.showTicker.value;\r\n }\r\n\r\n setTicker(show: any) {\r\n this.showTicker.next(show);\r\n }\r\n public get quickButton(): any {\r\n return this.showQuickButton.value;\r\n }\r\n\r\n setQuickButton(show: any) {\r\n this.showQuickButton.next(show);\r\n }\r\n\r\n\r\n\r\n // login(username, password) {\r\n // return this.http\r\n // .post(`${UrlConstants.backofficeUrl}/api/Token/GetToken`, {\r\n // UserName: username,\r\n // Password: password,\r\n // })\r\n // .pipe(\r\n // map((user) => {\r\n // // store user details and jwt token in local storage to keep user logged in between page refreshes\r\n\r\n // let TOKEN = user[\"Token\"].toString();\r\n // sessionStorage.setItem(\"user\", TOKEN);\r\n // this.userSubject.next(TOKEN);\r\n // // this.getAccountList(user);\r\n // return user;\r\n // })\r\n // );\r\n // }\r\n checkAuth(username, password) {\r\n return this.http.post(\r\n `${UrlConstants.backofficeUrl}/api/Token/CheckAuthentication`,\r\n {\r\n UserName: username,\r\n Password: password,\r\n }\r\n );\r\n }\r\n checkSecondAuth(req: SECAuth) {\r\n return this.http\r\n .post(\r\n `${UrlConstants.backofficeUrl}/api/Token/CheckSecondAuthentication`,\r\n req\r\n )\r\n .pipe(\r\n map((user) => {\r\n // store user details and jwt token in local storage to keep user logged in between page refreshes\r\n\r\n let TOKEN = user[\"Token\"];\r\n\r\n sessionStorage.setItem(\"user\", '\"' + TOKEN + '\"');\r\n this.userSubject.next(TOKEN);\r\n // this.getAccountList(user);\r\n return user;\r\n })\r\n );\r\n }\r\n\r\n logout() {\r\n // remove user from local storage and set current user to null\r\n sessionStorage.removeItem(\"user\");\r\n localStorage.removeItem(\"userProfile\");\r\n sessionStorage.removeItem(\"userName\");\r\n localStorage.removeItem(\"accList\");\r\n\r\n this.userSubject.next(null);\r\n window.location.reload();\r\n this.router.navigateByUrl(\"/login\");\r\n }\r\n\r\n VerifyEmail(email) {\r\n return this.http.post(\r\n `${UrlConstants.backofficeUrl}/api/Token/VerifyEmail?email=` + email,\r\n null\r\n );\r\n }\r\n forgetPassword(forgetPassObj) {\r\n return this.http.post(\r\n `${UrlConstants.backofficeUrl}/api/Token/ForgetPassword`,\r\n forgetPassObj\r\n );\r\n }\r\n resetPassword(resetPassObj) {\r\n return this.http.post(\r\n `${UrlConstants.backofficeUrl}/api/Token/SetNewPassword`,\r\n resetPassObj\r\n );\r\n }\r\n\r\n getAccountList(token) {\r\n return this.http.get(\r\n `${UrlConstants.backofficeUrl}/api/Client/GetAccountList`\r\n );\r\n }\r\n\r\n create(user) {\r\n return this.http.post(\r\n `${UrlConstants.backofficeUrl}/api/Token/CreateOnlineAccount`,\r\n user\r\n );\r\n }\r\n\r\n saveUserProfile(relCode) {\r\n this.http\r\n .get(\r\n `${UrlConstants.backofficeUrl}/api/Client/GetClientProfile?relationCode=${relCode}`\r\n )\r\n .subscribe((res) =>\r\n localStorage.setItem(\"userProfile\", JSON.stringify(res))\r\n );\r\n }\r\n\r\n getUserProfile(): UserProfile {\r\n return JSON.parse(localStorage.getItem(\"userProfile\")) as UserProfile;\r\n }\r\n\r\n getAll() {\r\n return this.http.get(`${UrlConstants.backofficeUrl}/users`);\r\n }\r\n\r\n getById(id: string) {\r\n return this.http.get(`${UrlConstants.backofficeUrl}/users/${id}`);\r\n }\r\n\r\n setIsFullMarket(value) {\r\n this.isFullMarketUser.next(value);\r\n }\r\n\r\n // update(id, params) {\r\n // return this.http\r\n // .put(`${UrlConstants.backofficeUrl}/users/${id}`, params)\r\n // .pipe(\r\n // map((x) => {\r\n // // update stored user if the logged in user updated their own record\r\n // if (id == this.userValue.id) {\r\n // // update local storage\r\n // const user = { ...this.userValue, ...params };\r\n // sessionStorage.setItem(\"user\", JSON.stringify(user));\r\n\r\n // // publish updated user to subscribers\r\n // this.userSubject.next(user);\r\n // }\r\n // return x;\r\n // })\r\n // );\r\n // }\r\n}\r\n","import { filter } from \"rxjs/operators\";\r\nimport { SharedService } from \"./../../services/shared.service\";\r\nimport { ConfigService } from \"src/app/services/config.service\";\r\nimport { SelectStatementDateComponent } from \"./../select-statement-date/select-statement-date.component\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { GridsterService } from \"./../../services/gridster.service\";\r\nimport { FavService } from \"./../../services/fav.service\";\r\nimport { OrderBuyComponent } from \"./../order-buy/order-buy.component\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport { Component, Inject, OnInit } from \"@angular/core\";\r\nimport { DOCUMENT } from \"@angular/common\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { NavigationEnd, Router } from \"@angular/router\";\r\nimport { SelectCompanyModalComponent } from \"../select-company-modal/select-company-modal.component\";\r\nimport { StatementComponent } from \"src/app/screens/user-profile/statement/statement.component\";\r\nimport { SettingsComponent } from \"../settings-modal/settings.component\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\nimport { FlexLayoutService } from \"src/app/services/flex-layout.service\";\r\n\r\n@Component({\r\n selector: \"app-nav-bar\",\r\n templateUrl: \"./nav-bar.component.html\",\r\n styleUrls: [\"./nav-bar.component.scss\"],\r\n})\r\nexport class NavBarComponent implements OnInit {\r\n userName: string;\r\n toggleBool: boolean;\r\n records: any = [];\r\n companies: CompanyList[];\r\n elem;\r\n isFullscreen: boolean = false;\r\n favCompanies: CompanyList[];\r\n favCompaniesSymbols: string[] = [];\r\n searchValue;\r\n dashboard: any;\r\n hasTechnicalAnalysis: boolean = UrlConstants.hasTechnicalAnalysis;\r\n isMarket: boolean;\r\n currentUrl: string;\r\n isEGID = UrlConstants.isEGID;\r\n logoLink = UrlConstants.logoLink;\r\n enableIPO = UrlConstants.enableIPO;\r\n enableMutualFund = UrlConstants.enableMutualFund;\r\n isDarkTheme: boolean;\r\n showMenu=true;\r\n\r\n addWidget(name) {\r\n this.gridService.addGeneric(name,true);\r\n }\r\n\r\n // fetchAllMarketWatch() {\r\n // this.companies = null;\r\n\r\n // this._service.fetchAllMarketWatch().subscribe((res) => {\r\n // this.companies = res as CompanyList;\r\n // });\r\n // }\r\n\r\n ngAfterViewInit() {\r\n if (this.isMarket)\r\n this.sharedService.isDataLoaded.subscribe((res) => {\r\n if (res) this.companies = this.sharedService.allMarketCompanies;\r\n\r\n // this.orderBuy(this.companies[0], false);\r\n });\r\n else\r\n this._service.fetchNotMarketSymbols().subscribe((res: any) => {\r\n this.companies = res.filter((item) => item.ENG_NAME != null);\r\n });\r\n this.favService.favCompanies.subscribe((res) => {\r\n this.favCompanies = res;\r\n });\r\n }\r\n\r\n toggleMenu(){\r\n this.showMenu=!this.showMenu\r\n }\r\n\r\n WindowResize() {\r\n setTimeout(() => {\r\n window.dispatchEvent(new Event(\"resize\"));\r\n }, 250);\r\n }\r\n\r\n isFav(symbol) {\r\n return this.favService.isFav(symbol);\r\n }\r\n\r\n toggleFav(symbol) {\r\n this.favService.toggleFav(symbol,this.favService.selectedMarketWatchId);\r\n }\r\n\r\n statmentDialog() {\r\n const dialogRef = this.dialog.open(StatementComponent, {\r\n width: \"700px\",\r\n direction: this.translate.currentLang == \"ar\" ? \"rtl\" : \"ltr\",\r\n });\r\n }\r\n\r\n openTechAnalysisModal() {\r\n this.dialog.open(SelectCompanyModalComponent, {\r\n panelClass: \"news-details-modal\",\r\n });\r\n }\r\n\r\n navigateProfile(item) {\r\n this.searchValue = \"\";\r\n this.nav\r\n .navigate([\"/company-profile\", item.SYMBOL_CODE, item.Reuters])\r\n .then(() => (this.toggleBool = false));\r\n }\r\n settings() {\r\n const dialogRef = this.dialog.open(SettingsComponent, {\r\n width: \"700px\",\r\n direction: this.translate.currentLang == \"ar\" ? \"rtl\" : \"ltr\",\r\n });\r\n }\r\n\r\n orderBuy(company, isSell) {\r\n this.searchValue = \"\";\r\n\r\n const dialogRef = this.dialog.open(OrderBuyComponent, {\r\n disableClose: true,\r\n panelClass: \"order-dialog-container\",\r\n data: { symbol: company.SYMBOL_CODE, type: isSell },\r\n direction: this.translate.currentLang == \"ar\" ? \"rtl\" : \"ltr\",\r\n });\r\n\r\n dialogRef.afterClosed().subscribe((result) => { });\r\n }\r\n\r\n credentialsSearchFilter(event: any) {\r\n const val = event.target.value.toLowerCase();\r\n\r\n if (val != \"\") {\r\n this.toggleBool = true;\r\n } else {\r\n this.toggleBool = false;\r\n }\r\n\r\n this.records = this.companies.filter(function (d) {\r\n return (\r\n d.ENG_NAME?.toLowerCase().includes(val) ||\r\n d.ARB_NAME?.toLowerCase().includes(val) ||\r\n d.Reuters?.toLowerCase().includes(val)\r\n );\r\n });\r\n }\r\n\r\n logout() {\r\n this._service.logOut(this.userName).subscribe(\r\n (res) => {\r\n this.accService.logout();\r\n },\r\n (err) => {\r\n }\r\n );\r\n }\r\n\r\n hideList() {\r\n this.records = [];\r\n this.toggleBool = false;\r\n }\r\n\r\n openFullscreen() {\r\n if (this.elem.requestFullscreen) {\r\n this.elem.requestFullscreen();\r\n } else if (this.elem.mozRequestFullScreen) {\r\n /* Firefox */\r\n this.elem.mozRequestFullScreen();\r\n } else if (this.elem.webkitRequestFullscreen) {\r\n /* Chrome, Safari and Opera */\r\n this.elem.webkitRequestFullscreen();\r\n } else if (this.elem.msRequestFullscreen) {\r\n /* IE/Edge */\r\n this.elem.msRequestFullscreen();\r\n }\r\n this.isFullscreen = !this.isFullscreen;\r\n }\r\n\r\n closeFullscreen() {\r\n if (this.document.exitFullscreen) {\r\n this.document.exitFullscreen();\r\n } else if (this.document.mozCancelFullScreen) {\r\n /* Firefox */\r\n this.document.mozCancelFullScreen();\r\n } else if (this.document.webkitExitFullscreen) {\r\n /* Chrome, Safari and Opera */\r\n this.document.webkitExitFullscreen();\r\n } else if (this.document.msExitFullscreen) {\r\n /* IE/Edge */\r\n this.document.msExitFullscreen();\r\n }\r\n this.isFullscreen = !this.isFullscreen;\r\n }\r\n\r\n switchLang() {\r\n if (this.translate.currentLang == \"ar\") {\r\n this.translate.use(\"en\");\r\n this.translate.setDefaultLang(\"en\");\r\n this.gridService.saveLang(\"en\");\r\n } else {\r\n this.translate.use(\"ar\");\r\n this.translate.setDefaultLang(\"ar\");\r\n this.gridService.saveLang(\"ar\");\r\n }\r\n window.location.reload();\r\n }\r\n\r\n onStatementClick() {\r\n this.dialog.open(SelectStatementDateComponent);\r\n }\r\n\r\n constructor(\r\n private accService: AccountService,\r\n public dialog: MatDialog,\r\n private favService: FavService,\r\n public translate: TranslateService,\r\n @Inject(DOCUMENT) private document: any,\r\n private nav: Router,\r\n private gridService: FlexLayoutService,\r\n private _service: ApiService,\r\n private sharedService: SharedService,\r\n private router: Router\r\n ) {\r\n this.showMenu = window.innerWidth<992? false : true; \r\n this.dashboard = this.gridService.getGrid();\r\n this.elem = document.documentElement;\r\n }\r\n\r\n ngOnInit(): void {\r\n\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;\r\n\r\n this.router.events.pipe(\r\n filter(event => event instanceof NavigationEnd)\r\n ).subscribe((event: NavigationEnd) => {\r\n this.currentUrl = event.url;\r\n });\r\n this.userName = sessionStorage.getItem(\"userName\");\r\n this.accService.isFullMarketUser.subscribe((isMarket) => {\r\n this.isMarket = isMarket;\r\n });\r\n }\r\n\r\n get navButtonColor() {\r\n return UrlConstants.navButtonColor;\r\n }\r\n\r\n resetDashboard() {\r\n this.gridService.resetGrid();\r\n window.location.reload();\r\n }\r\n}\r\n","
\r\n\r\n\r\n
\r\n","export interface MutualFund {\r\n SymbolCode: string;\r\n ReutersCode: string;\r\n RoundDigits: number;\r\n IconUrl: string;\r\n FundNameE: string;\r\n FundNameA: string; \r\n CurrencyAbbreviationE:string;\r\n CurrencyAbbreviationA:string;\r\n ClosePrice: number;\r\n LastYearClosePrice:number;\r\n AnnualChange: number;\r\n AnnualChangePercentage:number;\r\n lastMonthClosePrice: number;\r\n LastMonthChange: number;\r\n LastMonthChangePercentage:number;\r\n selected: boolean;\r\n}\r\n\r\nexport interface FundDetails {\r\n IconUrl: string;\r\n SymbolCode: string;\r\n ReutersCode: string;\r\n FundNameE: string;\r\n FundNameA: string; \r\n ClosePrice: number;\r\n CurencyID: number;\r\n AbbreviationE: string;\r\n AbbreviationA: string;\r\n RiskProfileEN: string;\r\n RiskProfileAR: string;\r\n FundTypeAR: string;\r\n FundTypeEN: string;\r\n ExpenseType: number;\r\n PercentValue: number;\r\n FixedValue: number;\r\n Maximum: number;\r\n Minimum: number;\r\n BuyMinimumCertificate: number;\r\n SellMinimumCertificate: number;\r\n SubscriptionFrequencyEn: string;\r\n SubscriptionFrequencyAr: string;\r\n RedemptionFrequencyEn: string;\r\n RedemptionFrequencyAr: string;\r\n AboutEn: string;\r\n AboutAr: string;\r\n PdfsUrls: string;\r\n PdfsUrlsList: string[];\r\n CutOffTime: string;\r\n}\r\n\r\nexport interface FundPriceChart{\r\n Data: FundPriceChartData[]\r\n XAxis: string[]\r\n YAxis: number[]\r\n}\r\n\r\nexport interface FundPriceChartData{\r\n ClosePrice: number;\r\n Date: String;\r\n}\r\n\r\nexport enum AccountType {\r\n FUND = 3,\r\n BASIC = 0,\r\n MINOR = 1001\r\n}","//import { OrderReviewComponent } from \"../components/order-review/order-review.component\";\r\nimport { ConfigService } from \"../services/config.service\";\r\nimport { DetailedQuotaComponent } from \"../screens/detailed-quota/detailed-quota.component\";\r\nimport { SlickMarketWatchComponent } from \"../components/slick-market-watch/slick-market-watch.component\";\r\nimport { ApiService } from \"../services/api.service\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { MarketNewsComponent } from \"../components/market-news/market-news.component\";\r\nimport { OrderBookComponent } from \"../components/order-book/order-book.component\";\r\nimport { MarketTradesComponent } from \"../components/market-trades/market-trades.component\";\r\nimport { MarketDepthComponent } from \"../components/market-depth/market-depth.component\";\r\nimport { GridsterService } from \"../services/gridster.service\";\r\nimport { MarketDepthBidsComponent } from \"../components/market-depth-bids/market-depth-bids.component\";\r\nimport { MarketDepthAsksComponent } from \"../components/market-depth-asks/market-depth-asks.component\";\r\nimport { TradesComponent } from \"../components/trades/trades.component\";\r\nimport { NewsComponent } from \"../components/news/news.component\";\r\nimport { HistoricalComponent } from \"../components/historical/historical.component\";\r\nimport {\r\n ChangeDetectorRef,\r\n OnInit,\r\n QueryList,\r\n ViewChildren,\r\n AfterViewInit,\r\n Component,\r\n CUSTOM_ELEMENTS_SCHEMA,\r\n ElementRef,\r\n ViewChild,\r\n Injectable,\r\n} from \"@angular/core\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport {\r\n GridsterConfig,\r\n GridsterItem,\r\n} from \"angular-gridster2\";\r\nimport { Router } from \"@angular/router\";\r\nimport Swal from \"sweetalert2\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { UserIdleService } from \"angular-user-idle\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { ToastrService } from \"ngx-toastr\";\r\nimport 'zone.js/dist/zone';\r\nimport {\r\n IgcContentPane,\r\n IgcDockManagerComponent,\r\n IgcDockManagerLayout,\r\n IgcDockManagerPaneType,\r\n IgcPaneCloseEventArgs,\r\n IgcSplitPane,\r\n IgcSplitPaneOrientation,\r\n IgcDockManagerPane,\r\n IgcDockManagerPoint\r\n} from 'docking-egid';\r\nimport { defineCustomElements } from 'docking-egid/loader';\r\nimport { FlexLayoutService } from \"src/app/services/flex-layout.service\";\r\nimport { HubConnection, HubConnectionBuilder } from \"@microsoft/signalr\";\r\nimport { CompanyDepth } from \"../models/company-depth\";\r\nimport { UrlConstants } from \"../models/urlConstants\";\r\nimport * as signalR from \"@microsoft/signalr\";\r\nimport { MarketWatchDetailService, StockDetail } from \"./market-watch-detail.service\";\r\nimport { MarketTrades } from \"../models/company-trades\";\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n })\r\n\r\nexport class HomeComponentsServices \r\n{\r\n private depthConnection: HubConnection;\r\n http: any;\r\n constructor(private _service: ApiService,\r\n private signalService: SignalRService,\r\n private _marketDetail: MarketWatchDetailService\r\n ) {}\r\n\r\n fetchCompanyNews(symbolCode: string) {\r\n return this._service.fetchCompanyNews(symbolCode);\r\n }\r\n\r\n fetchDepthByOrder(symbolCode: string) {\r\n return this._service.fetchDepthByOrder(symbolCode);\r\n }\r\n \r\n fetchDepthByPrice(symbolCode: string) {\r\n return this._service.fetchDepthByPrice(symbolCode,10);///WRONG no 0 here check component\r\n }\r\n \r\n connectSignalR(symbolCode: string) {\r\n const depthConnection = new HubConnectionBuilder()\r\n .withUrl(UrlConstants.newSignalR + \"/bidsAsksHub\", {\r\n skipNegotiation: true,\r\n transport: signalR.HttpTransportType.WebSockets,\r\n })\r\n .build();\r\n \r\n return depthConnection.start().then(() => {\r\n return depthConnection.invoke(\"JoinGroup\", symbolCode).then(() => {\r\n return depthConnection;\r\n });\r\n });\r\n }\r\n \r\n stopSignalRConnection(connection: HubConnection) {\r\n if (connection) connection.stop();\r\n }\r\n fetchMarketTrades() {\r\n return this._service.fetchMarketTrades();\r\n }\r\n \r\n subscribeToTradeUpdates(allMarketNames: StockDetail[], callback: (trade: MarketTrades) => void) {\r\n this.signalService.tradeChanges.subscribe((res) => {\r\n if (allMarketNames) {\r\n res.reverse();\r\n res.forEach((trade) => {\r\n this.updateStockDetail(trade, allMarketNames);\r\n callback(trade);\r\n });\r\n }\r\n });\r\n }\r\n \r\n updateStockDetail(trade: MarketTrades, allMarketNames: StockDetail[]) {\r\n if (trade && allMarketNames) {\r\n const companyDetail = allMarketNames.find((x) => x['SYMBOL_CODE'] === trade.SEC_BORAD_ID);\r\n if (companyDetail) {\r\n trade.ARB_Name = companyDetail['arb_shortname'];\r\n trade.ENG_Name = companyDetail['eng_shortname'];\r\n trade.REUTERS = companyDetail['Reuters'];\r\n }\r\n }\r\n }\r\n \r\n getMarketNames() {\r\n return this._marketDetail.marketNames?.getValue();\r\n }\r\n \r\n subscribeToMarketNames(callback: (names: StockDetail[]) => void) {\r\n this._marketDetail.namesSubject.subscribe((res) => {\r\n callback(res as StockDetail[]);\r\n });\r\n }\r\n\r\n fetchCompanyTradesByPrice(symbolCode: string) {\r\n return this._service.fetchCompanyTrades(symbolCode);\r\n }\r\n \r\n fetchCompanyTradesByTime(symbolCode: string) {\r\n return this._service.fetchCompanyTradesByTime(symbolCode);\r\n }\r\n\r\n fetchCompanyMarketDepth(symbolCode: string,startDate: Date, endDate: Date) {\r\n if (symbolCode) {\r\n return this.http.post(\r\n UrlConstants.feedUrl + \"/api/Feed/GetSymbolHistory\",\r\n {\r\n SymbolCode: symbolCode,\r\n Skip: 0,\r\n Take: 1000,\r\n FromDate: startDate,\r\n ToDate: endDate,\r\n }\r\n );\r\n }\r\n }\r\n \r\n // toggleOrderView(symbolCode: string, isOrder: boolean, otherComponentInstance: any) {\r\n // otherComponentInstance.isDepthLoading = true;\r\n // otherComponentInstance.isOrder = isOrder;\r\n // if (isOrder) {\r\n // this.fetchDepthByOrder(symbolCode, otherComponentInstance);\r\n // } else {\r\n // this.fetchDepthByPrice(symbolCode, otherComponentInstance);\r\n // }\r\n // } \r\n}","import { SignalRService } from \"./../../services/signalr.service\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { ForgetPassObj } from \"./../../models/login\";\r\nimport { Component, OnDestroy, OnInit } from \"@angular/core\";\r\nimport { FormGroup, FormBuilder, Validators } from \"@angular/forms\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { ActivatedRoute, Router } from \"@angular/router\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { ReCaptchaV3Service } from \"ng-recaptcha\";\r\nimport { TwfaComponent } from \"src/app/components/twfa/twfa.component\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { AlertService } from \"src/app/services/alert.service\";\r\nimport Swal from \"sweetalert2\";\r\nimport { environment } from \"src/environments/environment.prod\";\r\nimport {\r\n BroadcastEventListener,\r\n ISignalRConnection,\r\n SignalR,\r\n SignalRConfiguration,\r\n} from \"ng2-signalr\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\nimport { GridsterService } from \"src/app/services/gridster.service\";\r\nimport { CompanySettings } from \"src/app/models/company-settings\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\n\r\n@Component({\r\n selector: \"app-new-login\",\r\n templateUrl: \"./new-login.component.html\",\r\n styleUrls: [\"./new-login.component.scss\"],\r\n})\r\nexport class NewLoginComponent implements OnInit, OnDestroy {\r\n [x: string]: any;\r\n tfa: any;\r\n\r\n forgetPassObj: ForgetPassObj = {} as ForgetPassObj;\r\n form: FormGroup;\r\n formForget: FormGroup;\r\n loading = false;\r\n submitted = false;\r\n forgetPass: boolean = false;\r\n resetEmail: \"\";\r\n correctEmail = false;\r\n remeberMe = false;\r\n private _subscription: Subscription;\r\n currentVersion = environment.version;\r\n private dsConnection: ISignalRConnection;\r\n companySettings: CompanySettings;\r\n isEGID = UrlConstants.isEGID;\r\n constructor(\r\n private formBuilder: FormBuilder,\r\n private alertService: AlertService,\r\n private signalR: SignalR,\r\n private dialog: MatDialog,\r\n public translate: TranslateService,\r\n private accService: AccountService,\r\n private recaptchaV3Service: ReCaptchaV3Service,\r\n private gridService: GridsterService,\r\n private apiService: ApiService\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.form = this.formBuilder.group({\r\n username: [\"\", Validators.required],\r\n password: [\"\", Validators.required],\r\n });\r\n this.isEGID ? null : this.GetCompanySettings();\r\n }\r\n\r\n // convenience getter for easy access to form fields\r\n get f() {\r\n return this.form.controls;\r\n }\r\n get ff() {\r\n return this.formForget.controls;\r\n }\r\n\r\n switchLang() {\r\n if (this.translate.currentLang == \"ar\") {\r\n this.translate.use(\"en\");\r\n this.translate.setDefaultLang(\"en\");\r\n this.gridService.saveLang(\"en\");\r\n } else {\r\n this.translate.use(\"ar\");\r\n this.translate.setDefaultLang(\"ar\");\r\n this.gridService.saveLang(\"ar\");\r\n }\r\n window.location.reload();\r\n }\r\n\r\n onSubmit() {\r\n this.submitted = true;\r\n\r\n // reset alerts on submit\r\n this.alertService.clear();\r\n\r\n // stop here if form is invalid\r\n if (this.form.invalid) {\r\n return;\r\n }\r\n\r\n this.loading = true;\r\n\r\n if (this.form.valid) {\r\n this.recaptchaV3Service\r\n .execute(\"importantAction\")\r\n .subscribe((token: string) => {\r\n this.accService\r\n .checkAuth(this.f.username.value, this.f.password.value)\r\n .subscribe(\r\n (res) => {\r\n this.loading = false;\r\n\r\n this.tfa = res;\r\n this.tfa.Username = this.f.username.value;\r\n\r\n sessionStorage.setItem(\"userName\", this.f.username.value);\r\n this.twfa(this.tfa);\r\n },\r\n (err) => {\r\n this.loading = false;\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"login-failed-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n );\r\n });\r\n }\r\n }\r\n\r\n connectOrdersSignalr() {\r\n let config: SignalRConfiguration = new SignalRConfiguration();\r\n config.url = UrlConstants.backofficeUrl;\r\n config.hubName = \"dSHub\";\r\n config.logging = false;\r\n\r\n this.signalR.connect(config).then((res) => {\r\n this.dsConnection = res;\r\n //open new tab with url\r\n var newTab = window.open(\r\n \"truckscale:\\\\\\\\\" + this.dsConnection.id,\r\n \"_blank\"\r\n );\r\n\r\n let method = new BroadcastEventListener\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {{'change-password' |translate}} | \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n","import { ChangeDetectorRef, Component, Inject, OnInit } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { AccountType, FundDetails, MutualFund } from 'src/app/models/mutualFund';\r\nimport { Account } from 'src/app/screens/user-profile/client-data';\r\nimport { ApiService } from 'src/app/services/api.service';\r\n\r\n@Component({\r\n selector: 'app-fund-acc-order-modal',\r\n templateUrl: './fund-acc-order-modal.component.html',\r\n styleUrls: ['./fund-acc-order-modal.component.scss']\r\n})\r\nexport class FundAccOrderModalComponent implements OnInit {\r\n\r\n lang: string;\r\n isBuy:boolean=false;\r\n numberOfAccounts: number=0;\r\n accountSelected: boolean=false;\r\n typeSelected: string=null;\r\n type: string='success';\r\n accountList:Account[];\r\n selectedAccount: Account;\r\n relationCode: string;\r\n isLoading:boolean=false;\r\n selectedFund: MutualFund;\r\n fundDetails: FundDetails;\r\n isStep1Completed: boolean = false;\r\n \r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data,\r\n public translate: TranslateService,\r\n public dialogRef: MatDialogRef\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n Token\r\n
\r\n \r\n \r\n ![](\"./assets/img/user.png\")
\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n
{{currentVersion}}
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n","export class Alert {\r\n id: string;\r\n type: AlertType;\r\n message: string;\r\n autoClose: boolean;\r\n keepAfterRouteChange: boolean;\r\n fade: boolean;\r\n\r\n constructor(init?: Partial\r\n
\r\n\r\n 0\" [linear]=\"true\" #stepper> \r\n 1\" [completed]=\"accountSelected\" [label]=\"'ChooseAccount' | translate\">\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {{'open-fund-acc-now'|translate}}
\r\n {{'open-fund-acc-now-hint'|translate}}
\r\n \r\n ![\"\"](\"/assets/img/fund-vector.svg\")
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Heads up, we're accepting 'FUND' account types only for Mutual Fund orders. Simplify your investment journey with us. Let's get started!\r\n \r\n \r\n ![\"\"](\"../../../assets/img/warning.svg\")
\r\n
\r\n \r\n Hey there! 🌟 \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n {{lang == 'ar'? acc.accountTypeAr: acc.accountTypeEn}}\r\n \r\n ![\"\"](\"assets/img/male-fund-avatar.svg\")
\r\n
\r\n \r\n \r\n
\r\n {{lang == 'ar'? acc.clientNameAr: acc.clientNameEn}}
\r\n({{acc.relationCode}})
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n \r\n
\r\n \r\n \r\n {{ \"buy\" | translate }}\r\n \r\n {{selectedFund?.ReutersCode}} @ {{selectedFund?.ClosePrice}} {{ lang=='ar'? selectedFund?.CurrencyAbbreviationA: selectedFund?.CurrencyAbbreviationE }} \r\n
\r\n{{ lang=='ar'? selectedAccount?.clientNameAr:selectedAccount?.clientNameEn}}
\r\n\r\n {{lang == 'ar'? selectedAccount?.accountTypeAr : selectedAccount?.accountTypeEn}}\r\n
\r\n ({{selectedAccount?.relationCode}})
\r\n\r\n
\r\n\r\n \r\n \r\n {{'Your Balance'|translate}}\r\n EGP 202.29871\r\n \r\n \r\n Your Certificates\r\n 100\r\n \r\n
\r\n \r\n \r\n Enter Cash\r\n Enter Certificate Number\r\n Max\r\n
\r\n \r\n \r\n EGP 00.00\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Market : EGY\r\n
\r\n \r\n Date & Time : 07-12-2023 09:30 AM\r\n
\r\n \r\n
\r\n \r\n Quantity : 2 Certificate(s)\r\n
\r\n \r\n Expiry : Day\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Don't exceed your blocked amount. Stay in check, and trade happily! Questions? Ask away! Happy trading!\"\r\n \r\n \r\n ![\"\"](\"../../../assets/img/error-icon.svg\")
\r\n
\r\n \r\n Oops !\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n \r\n
\r\n \r\n \r\n {{ \"buy\" | translate }}\r\n \r\n {{selectedFund?.ReutersCode}} @ {{selectedFund?.ClosePrice}} {{ lang=='ar'? selectedFund?.CurrencyAbbreviationA: selectedFund?.CurrencyAbbreviationE }} \r\n
\r\n{{ lang=='ar'? selectedAccount?.clientNameAr:selectedAccount?.clientNameEn}}
\r\n\r\n {{lang == 'ar'? selectedAccount?.accountTypeAr : selectedAccount?.accountTypeEn}}\r\n
\r\n ({{selectedAccount?.relationCode}})
\r\n\r\n
\r\n \r\n \r\n Market EGY\r\n
\r\n \r\n Quantity 2 Certificate(s)\r\n
\r\n \r\n Order value 150000\r\n
\r\n \r\n block 25% 5000\r\n
\r\n \r\n Date & Time 07-12-2023 09:30 AM\r\n
\r\n \r\n Expiry Day\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Total Fees EGP 2.00\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Estimated Total EGP 49.28\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Orders checked vs. Balance 2 hrs before IPO close. If there's a negative balance, no sweat! Add cash or tweak QTY. Easy, right? Happy trading!\"\r\n \r\n \r\n ![\"\"](\"../../../assets/img/ring.svg\")
\r\n
\r\n \r\n Hey! 🚀 \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n ![\"\"](\"../../../assets/img/Done.svg\")
\r\n
\r\n \r\n \r\n
\r\n Request Sent!
\r\n You can start your fund trading now by opening an account
\r\n \r\n ![\"\"](\"../../../assets/img/error.svg\")
\r\n
\r\n \r\n \r\n
\r\n {{ \"Sorry\" | translate }}
\r\n You can start your fund trading now by opening an account
\r\n \r\n \r\n
\r\n \r\n
","\r\n\r\n \r\n
\r\n\r\n \r\n {{ \"update-order\" | translate }} {{ orderToUpdate.OrderNumber }}\r\n
\r\n\r\n {{\r\n translate.currentLang == \"en\"\r\n ? orderToUpdate[\"TransactionTypeEn\"]\r\n : orderToUpdate[\"TransactionTypeAr\"]\r\n }}\r\n \r\n\r\n
\r\n\r\n \r\n \r\n ({{ orderToUpdate.Reuters }})\r\n {{\r\n translate.currentLang == \"en\"\r\n ? orderToUpdate.SymbolNameEn\r\n : orderToUpdate.SymbolNameAr\r\n }}\r\n \r\n \r\n {{ orderToUpdate.RelationCode }}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ \"last-price\" | translate }}\r\n {{\r\n company.LAST_TRADE_PRICE | number : \"1.0\" : \"en-US\"\r\n }}\r\n
\r\n \r\n 0 ? 'green' : 'red'\" style=\"text-align: end !important\">\r\n {{ company.LAST_CHANGE | number : \"1.0\" : \"en-US\" }} ({{\r\n company.LAST_CHANGE_PRC | number : \"1.0\" : \"en-US\"\r\n }}%)\r\n
\r\n \r\n
\r\n \r\n {{ \"min-limit\" | translate }}: {{ companyDetails?.MinLimit }}\r\n
\r\n \r\n {{ \"max-limit\" | translate }}: {{ companyDetails?.MaxLimit }}\r\n
\r\n \r\n
\r\n \r\n {{ \"best-bid\" | translate }}:\r\n {{ company.BID_PRICE | number : \"1.0\" : \"en-US\" }} /\r\n {{ company.BID_VOLUME | number : \"1.0\" : \"en-US\" }}\r\n
\r\n \r\n {{ \"best-ask\" | translate }}:\r\n {{ company.ASK_PRICE | number : \"1.0\" : \"en-US\" }} /\r\n {{ company.ASK_VOLUME | number : \"1.0\" : \"en-US\" }}\r\n
\r\n \r\n
\r\n \r\n {{ \"close-price\" | translate }}:\r\n {{ company.CLOSE_PRICE | number : \"1.0\" : \"en-US\" }}\r\n
\r\n \r\n {{ \"sameday-qty\" | translate }}:\r\n {{ companyDetails?.SameDayQty | number }}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {{\"local-market\"|translate}}
\r\n\r\n \r\n EGX30 \r\n EGX70 \r\n EGX100 \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n\r\n {{\"individial-vs-institutional\"|translate}}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n {{\"foreign-vs-domestic\"|translate}}
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | {{'investors:name'|translate}} | \r\n{{'investors:type'|translate}} | \r\n{{'buy'|translate}} | \r\n{{'sell'|translate}} | \r\n{{'turnover'|translate}} | \r\n{{'investors:net'|translate}} | \r\n{{'investors:side'|translate}} | \r\n
|---|---|---|---|---|---|---|
| \r\n {{(translate.currentLang=='en')?item['NAT_EN']:item['NAT']}}\r\n | \r\n\r\n {{(translate.currentLang=='en')?item['TTYPE_EN']:item['TTYPE']}}\r\n | \r\n{{item['BUY'] | million}} | \r\n{{item['SELL'] | million}} | \r\n{{item['TURNOVER'] | million}} | \r\n0?'green':'red')\">{{item['NET'] | million}}\r\n | \r\n\r\n {{(translate.currentLang=='en')?item['TRANSACTION_EN']:item['TRANSACTION']}}\r\n | \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {{item.DATE_STAMP|date:'mediumTime'}}{{item.ARB_HEADING}} \r\n
\r\n \r\n
\r\n
\r\n\r\n\r\n","import { TranslateService } from \"@ngx-translate/core\";\r\nimport { Component, OnInit, ViewChild } from \"@angular/core\";\r\nimport { CompanyNews } from \"src/app/models/company-news\";\r\ndeclare const TradingView: any;\r\nimport {\r\n ApexNonAxisChartSeries,\r\n ApexResponsive,\r\n ApexChart,\r\n ChartComponent,\r\n ApexXAxis,\r\n ApexDataLabels,\r\n ApexAxisChartSeries,\r\n ApexFill,\r\n ApexStroke,\r\n ApexGrid,\r\n ApexYAxis,\r\n} from \"ng-apexcharts\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\n\r\nexport type ChartOptions = {\r\n series:ApexAxisChartSeries;\r\n chart: ApexChart;\r\n responsive: ApexResponsive[];\r\n labels?: any;\r\n dataLabels?: ApexDataLabels;\r\n xaxis?: ApexXAxis;\r\n yaxis?: ApexYAxis;\r\n grid?: ApexGrid;\r\n fill?: ApexFill;\r\n stroke?:ApexStroke;\r\n};\r\n@Component({\r\n selector: \"app-local-market\",\r\n templateUrl: \"./local-market.component.html\",\r\n styleUrls: [\"./local-market.component.scss\"],\r\n})\r\nexport class LocalMarketComponent implements OnInit {\r\n news: CompanyNews[];\r\n investorTradingData: any;\r\n\r\n @ViewChild(\"chart\") chart: ChartComponent;\r\n public individualChartOptions: Partial\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n {{\"TOP5\"|translate}}
\r\n| {{\"symbol\"|translate}} | \r\n{{\"close\"|translate}} | \r\n{{\"last-change-prc\"|translate}} | \r\n{{\"volume\"|translate}} | \r\n
|---|---|---|---|
| {{(translate.currentLang=='en')?item.ENG_NAME:item.ARB_NAME}} | \r\n{{item.CLOSE_PRICE | number: \"1.0\":\"en-US\"}} | \r\n0? 'green' : 'red'\">{{item.LAST_CHANGE_PRC | number: \"1.0\":\"en-US\"}} %\r\n | \r\n{{item.TOTAL_VOLUME | number: \"1.0\":\"en-US\"}} | \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n {{\"WORST5\"|translate}}
\r\n| {{\"symbol\"|translate}} | \r\n{{\"close\"|translate}} | \r\n{{\"last-change-prc\"|translate}} | \r\n{{\"volume\"|translate}} | \r\n
|---|---|---|---|
| {{(translate.currentLang=='en')?item.ENG_NAME:item.ARB_NAME}} | \r\n{{item.CLOSE_PRICE | number: \"1.0\":\"en-US\"}} | \r\n0? 'green' : 'red'\">{{item.LAST_CHANGE_PRC | number: \"1.0\":\"en-US\"}} %\r\n | \r\n{{item.TOTAL_VOLUME | number: \"1.0\":\"en-US\"}} | \r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n \r\n\r\n
","\r\n\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n \r\n {{new.DATE_STAMP|date:'medium' }}\r\n \r\n {{(translate.currentLang=='en')?new.SECTION:new.SECTION_ARB}}\r\n \r\n \r\n
\r\n {{ (translate.currentLang == 'en')? new.HEADING : new.ARB_HEADING}}\r\n
\r\n \r\n\r\n {{new.DATE_STAMP|date:'medium' }}
\r\n \r\n {{(translate.currentLang=='en')?new.SECTION:new.SECTION_ARB}}\r\n
\r\n \r\n {{new.SHORT_DESC}}\r\n
\r\n \r\n
\r\n {{new.CONTENT}}\r\n
\r\n \r\n {{new.ARB_CONTENT}}\r\n
\r\n\r\n \r\n
0\" class=\"text-muted\">{{\"attachments\"|translate}}:
\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n {{'news-attachment-link' | translate}}\r\n {{i+1}}\r\n
\r\n \r\n
\r\n","\r\n {{ \"market-trades\" | translate }}\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n | {{\"time\"|translate}} | \r\n{{\"symbol\"|translate}} | \r\n{{\"price\"|translate}} | \r\n{{\"qty\"|translate}} | \r\n{{\"change\"|translate}} | \r\n
|---|---|---|---|---|
| \r\n {{item.EXEC_TIME | date:'h:mm:ss'}}\r\n | \r\n\r\n {{(translate.currentLang=='en')?item.ENG_Name:item.ARB_Name}}\r\n | \r\n0? 'green' : (item.CHANGE_PRC < 0)? 'red':''\">\r\n {{item.TRADE_PRICE}}\r\n | \r\n\r\n {{item.TRADE_VOLUME | number: \"1.0\":\"en-US\"}}\r\n | \r\n0? 'green' : (item.CHANGE_PRC < 0)? 'red':''\">\r\n {{item.CHANGE_PRC}} %\r\n | \r\n
\r\n\r\n
\r\n","import { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { EgxData } from \"src/app/models/egx-data\";\r\n\r\n@Component({\r\n selector: \"app-home-market-summary\",\r\n templateUrl: \"./home-market-summary.component.html\",\r\n styleUrls: [\"./home-market-summary.component.scss\"],\r\n})\r\nexport class HomeMarketSummaryComponent implements OnInit {\r\n egxData: EgxData;\r\n egxIndex = 0;\r\n totalCalc: number;\r\n isMarketActive: boolean;\r\n nowDate: Date;\r\n\r\n constructor(private _service: ApiService, signalR: SignalRService) {\r\n signalR.summaryChanges.subscribe((res) => {\r\n this.egxData = res as EgxData;\r\n this.totalCalc =\r\n this.egxData.UNCHANGED +\r\n this.egxData.ADVANCING +\r\n this.egxData.DECLINING;\r\n });\r\n\r\n signalR.marketStatusChanges.subscribe((res) => {\r\n this.isMarketActive = res;\r\n });\r\n\r\n this.fetchMarketSummary();\r\n this.fetchMarketStatus();\r\n }\r\n\r\n selectedEgx = [\"EGX30\", \"EGX70\", \"EGX100\"];\r\n\r\n fetchMarketSummary() {\r\n this._service.fetchMarketSummary().subscribe((res) => {\r\n this.egxData = res as EgxData;\r\n this.totalCalc =\r\n this.egxData.UNCHANGED +\r\n this.egxData.ADVANCING +\r\n this.egxData.DECLINING;\r\n });\r\n }\r\n\r\n fetchMarketStatus() {\r\n this._service.fetchMarketStatus().subscribe((res) => {\r\n if (res.length > 0) {\r\n this.isMarketActive = true;\r\n }\r\n this.nowDate = new Date();\r\n });\r\n }\r\n\r\n setEgx(number) {\r\n this.egxIndex = number;\r\n }\r\n\r\n ngOnInit(): void {}\r\n}\r\n","import { OnChanges } from \"@angular/core\";\r\nimport { ColumnMode } from \"@swimlane/ngx-datatable\";\r\nimport { Component, Input, OnInit, SimpleChanges } from \"@angular/core\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { MatSnackBar } from \"@angular/material/snack-bar\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { SelectedOrderTradeComponent } from \"../selected-order-trade/selected-order-trade.component\";\r\nimport { GridsterService } from \"src/app/services/gridster.service\";\r\nimport { CdkDragDrop, moveItemInArray } from \"@angular/cdk/drag-drop\";\r\nimport { Subject } from \"rxjs\";\r\n@Component({\r\n selector: \"app-order-history\",\r\n templateUrl: \"./order-history.component.html\",\r\n styleUrls: [\"./order-history.component.scss\"],\r\n})\r\nexport class OrderHistoryComponent implements OnInit {\r\n rows = [];\r\n\r\n dtTrigger: Subject\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n EGX\r\n ![](\"assets/img/eg.svg\")
\r\n
\r\n \r\n \r\n \r\n \r\n {{nowDate | date:\"dd-MM-YYYY\"}}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{selectedEgx[egxIndex]}}\r\n
\r\n \r\n
\r\n 0? 'green' : 'red'\">\r\n {{egxData.CHANGEVALU30}}\r\n
\r\n 0? 'green' : 'red'\">\r\n {{egxData.CHANGEVALU70}}\r\n
\r\n 0? 'green' : 'red'\">\r\n {{egxData.CHANGEVALU100}}\r\n
\r\n \r\n
\r\n \r\n {{egxData.CURRENTVALUE30| number}}\r\n
\r\n \r\n 0? 'green' : 'red'\">\r\n {{egxData.CHANGEPERC30| number : '1.2-2'}}\r\n %\r\n 0\">\r\n \r\n
\r\n \r\n \r\n {{egxData.CURRENTVALUE70| number}}\r\n
\r\n \r\n 0? 'green' : 'red'\">\r\n {{egxData.CHANGEPERC70| number : '1.2-2'}}\r\n %\r\n 0\">\r\n \r\n
\r\n \r\n \r\n {{egxData.CURRENTVALUE100| number}}\r\n
\r\n \r\n 0? 'green' : 'red'\">\r\n {{egxData.CHANGEPERC100| number : '1.2-2'}}\r\n %\r\n 0\">\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {{\"turnover\"|translate}}\r\n
\r\n \r\n {{egxData.TURNOVER | number}}M\r\n
\r\n \r\n
\r\n \r\n {{'volume'|translate}}\r\n
\r\n \r\n {{egxData.VOLUME | number}}M\r\n
\r\n \r\n
\r\n \r\n {{\"trades\"|translate}}\r\n
\r\n \r\n {{egxData.TRADES_NUMBER | number}}\r\n
\r\n \r\n
\r\n \r\n Up\r\n
\r\n \r\n
\r\n {{egxData.ADVANCING}}\r\n \r\n
\r\n \r\n UnCh.\r\n
\r\n \r\n \r\n
\r\n {{egxData.UNCHANGED}}\r\n \r\n Down\r\n
\r\n \r\n
\r\n {{egxData.DECLINING}}\r\n \r\n
\r\n \r\n
\r\n","\r\n \r\n \r\n \r\n
\r\n {{\"history\"|translate}}
\r\n \r\n\r\n \r\n \r\n
\r\n\r\n
\r\n| {{ item.name | translate}} | \r\n
|---|
| \r\n {{ item[x.prop]| date: 'M/d/yy h:mm a' }}\r\n \r\n {{(translate.currentLang == 'en')?item.SymbolShortNameEn:item.SymbolShortNameAr}}\r\n {{(translate.currentLang == 'en')?item.SymbolNameEn:item.SymbolNameAr}}\r\n \r\n {{(translate.currentLang == 'en')?item.CustodianNameEn:item.CustodianNameAr}}\r\n {{ item[x.prop] | number: \"1.2-2\":\"en-US\"}}\r\n {{ item[x.prop]}}\r\n | \r\n
| {{\"no-data-available\" |translate}} | \r\n
\r\n\r\n
","import {\r\n MarketWatchDetailService,\r\n StockDetail,\r\n} from \"./../../services/market-watch-detail.service\";\r\nimport { CdkDragDrop, moveItemInArray } from \"@angular/cdk/drag-drop\";\r\nimport { Component, ElementRef, Input, OnInit, ViewChild, Renderer2 } from \"@angular/core\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { MatSort } from \"@angular/material/sort\";\r\nimport { MatTableDataSource } from \"@angular/material/table\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { ColumnMode, SelectionType } from \"@swimlane/ngx-datatable\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { FavService } from \"src/app/services/fav.service\";\r\nimport { GridsterService } from \"src/app/services/gridster.service\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { OrderBuyComponent } from \"../order-buy/order-buy.component\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { FlexLayoutService } from \"src/app/services/flex-layout.service\";\r\nimport Swal from 'sweetalert2';\r\n\r\n@Component({\r\n selector: \"app-slick-market-watch\",\r\n templateUrl: \"./slick-market-watch.component.html\",\r\n styleUrls: [\"./slick-market-watch.component.scss\"],\r\n})\r\nexport class SlickMarketWatchComponent implements OnInit {\r\n\r\n fireFunction: any;\r\n addWidget: any;\r\n @Input() state;\r\n @Input() id;\r\n isCompaniesLoading: boolean;\r\n egxCompanies: CompanyList[] = [];\r\n favCompanies = new MatTableDataSource\r\n {{\"market\" | translate}} | {{state}}\r\n \r\n \r\n {{\"SetDefault\" | translate}}\r\n \r\n \r\n \r\n
\r\n \r\n\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n grid_view\r\n \r\n \r\n \r\n \r\n table_rows\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n - \r\n
- \r\n \r\n
star Favorites\r\n \r\n \r\n - \r\n \r\n Most Active\r\n \r\n \r\n
- \r\n All\r\n Market\r\n \r\n\r\n
- \r\n EGX30\r\n \r\n
- \r\n \r\n EGX70\r\n \r\n \r\n
- \r\n EGX100\r\n \r\n\r\n
- \r\n Main\r\n Market\r\n \r\n
- \r\n NileX\r\n \r\n
- \r\n OTC\r\n \r\n
- \r\n Same Day\r\n \r\n
- \r\n 5%\r\n Limit\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n 0 ? searchComp : companies\" class=\"mat-elevation-z8\">\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n {{ watch.MarketWatchName }}\r\n
\r\n \r\n
\r\n\r\n \r\n 0 ? searchComp : favCompanies\"\r\n class=\"mat-elevation-z8\">\r\n\r\n\r\n \r\n
\r\n
\r\n\r\n\r\n\r\n \r\n | \r\n {{'reuters'|translate}} | \r\n\r\n {{element.Reuters}}\r\n \r\n | \r\n \r\n {{'symbol' | translate}}\r\n | \r\n\r\n\r\n {{(translate.currentLang=='en')?element.eng_shortname:element.arb_shortname}} \r\n \r\n \r\n \r\n\r\n | \r\n {{column.name | translate}}\r\n | \r\n\r\n \r\n {{element[column.prop] % 1==0 ? (element[column.prop] | number) : (element[column.prop] | number:\r\n \"1.2-3\":\"en-US\") }}\r\n %\r\n \r\n \r\n \r\n {{element[column.prop]}}\r\n {{ element[column.prop] |\r\n date:'h:mm:ss'}}\r\n \r\n | \r\n
|---|
| \r\n {{'reuters'|translate}} | \r\n\r\n {{element.Reuters}}\r\n \r\n | \r\n \r\n {{'symbol' | translate}}\r\n | \r\n\r\n {{(translate.currentLang=='en')?element.eng_shortname:element.arb_shortname}} \r\n \r\n\r\n \r\n \r\n\r\n | \r\n {{column.name | translate}}\r\n | \r\n\r\n \r\n {{element[column.prop] | number: \"1.2-3\":\"en-US\"}}\r\n %\r\n \r\n \r\n \r\n {{element[column.prop]}}\r\n {{ element[column.prop] | date:'h:mm:ss'}}\r\n \r\n | \r\n
|---|
\r\n
","import { HttpClient } from \"@angular/common/http\";\r\nimport { Component, Inject, OnInit } from \"@angular/core\";\r\nimport { MAT_DIALOG_DATA } from \"@angular/material/dialog\";\r\nimport { ActivatedRoute } from \"@angular/router\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport * as moment from \"moment\";\r\nimport { map } from \"rxjs/operators\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\nimport { Account } from \"src/app/screens/user-profile/client-data\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\n\r\n@Component({\r\n selector: \"app-invoices-modal\",\r\n templateUrl: \"./invoices-modal.component.html\",\r\n styleUrls: [\"./invoices-modal.component.scss\"],\r\n})\r\nexport class InvoicesModalComponent implements OnInit {\r\n today = new Date();\r\n selectedInvoice: any;\r\n invoices: any[];\r\n dateFrom: Date = new Date(this.today.setDate(this.today.getDate() - 3));\r\n dateTo: Date = new Date();\r\n selectedClient: any;\r\n accList: Object;\r\n\r\n isInvoicesLoading = false;\r\n inputUser: Account;\r\n\r\n tryGenerate(invoice) {\r\n this.apiService\r\n .fetchInvoiceById(this.selectedClient, invoice.InvoiceID)\r\n .subscribe((res) => {\r\n window.open(UrlConstants.backofficeUrl + res[\"fileURL\"], \"_blank\");\r\n this.isInvoicesLoading = false;\r\n });\r\n }\r\n\r\n selectInvoice(invoicee) {\r\n this.selectedInvoice = invoicee;\r\n }\r\n\r\n constructor(\r\n private http: HttpClient,\r\n public activatedRoute: ActivatedRoute,\r\n public translate: TranslateService,\r\n private apiService: ApiService,\r\n @Inject(MAT_DIALOG_DATA) public data: string\r\n ) {\r\n this.accList = JSON.parse(localStorage.getItem(\"accList\")) as Account[];\r\n\r\n if (this.data != null && this.data[\"inputUser\"] != null) {\r\n {\r\n this.selectedClient = this.data[\"inputUser\"];\r\n this.onDateChange();\r\n }\r\n }\r\n }\r\n\r\n fetchClientInvoices() {\r\n let from = moment(this.dateFrom).format(\"YYYY/MM/DD\");\r\n let to = moment(this.dateTo).format(\"YYYY/MM/DD\");\r\n\r\n // 01-03-2020\r\n return this.http.get\r\n {{'not-full-market-title'|translate}}\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n {{\"my-invoices\"|translate}}
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n ({{acc.relationCode}}) {{translate.currentLang=='en'?acc.clientNameEn:acc.clientNameAr}} \r\n \r\n \r\n\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{'no-invoice'|translate}}
\r\n{{'choose-client'|translate}}
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n","import { environment } from \"./../../../environments/environment.prod\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { FormGroup, FormBuilder, Validators } from \"@angular/forms\";\r\nimport { ActivatedRoute, Router } from \"@angular/router\";\r\nimport { first } from \"rxjs/operators\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { AlertService } from \"src/app/services/alert.service\";\r\nimport {\r\n BroadcastEventListener,\r\n ISignalRConnection,\r\n SignalR,\r\n SignalRConfiguration,\r\n} from \"ng2-signalr\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\nimport { TwfaComponent } from \"src/app/components/twfa/twfa.component\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { GridsterService } from \"src/app/services/gridster.service\";\r\nimport { ReCaptchaV3Service } from \"ng-recaptcha\";\r\nimport Swal from \"sweetalert2\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { ForgetPassObj } from \"src/app/models/login\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { CompanySettings } from \"src/app/models/company-settings\";\r\n@Component({\r\n selector: \"app-login\",\r\n templateUrl: \"./login.component.html\",\r\n styleUrls: [\"./login.component.scss\"],\r\n})\r\nexport class LoginComponent implements OnInit {\r\n form: FormGroup;\r\n loading = false;\r\n submitted = false;\r\n currentVersion = environment.version;\r\n formForget: FormGroup;\r\n remeberMe = false;\r\n private dsConnection: ISignalRConnection;\r\n private _subscription: Subscription;\r\n forgetPass: boolean = false;\r\n forgetPassObj: ForgetPassObj = {} as ForgetPassObj;\r\n companySettings: CompanySettings;\r\n tfa: any;\r\n isEGID = UrlConstants.isEGID;\r\n constructor(\r\n private formBuilder: FormBuilder,\r\n private route: ActivatedRoute,\r\n private router: Router,\r\n private accountService: AccountService,\r\n private alertService: AlertService,\r\n private signalR: SignalR,\r\n private dialog: MatDialog,\r\n public translate: TranslateService,\r\n private gridService: GridsterService,\r\n private recaptchaV3Service: ReCaptchaV3Service,\r\n private accService: AccountService,\r\n private apiService: ApiService\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.form = this.formBuilder.group({\r\n username: [\"\", Validators.required],\r\n password: [\"\", Validators.required],\r\n });\r\n this.isEGID ? this.GetCompanySettings() : null;\r\n }\r\n\r\n // convenience getter for easy access to form fields\r\n get f() {\r\n return this.form.controls;\r\n }\r\n get ff() {\r\n return this.formForget.controls;\r\n }\r\n\r\n onSubmit() {\r\n this.submitted = true;\r\n\r\n // reset alerts on submit\r\n this.alertService.clear();\r\n\r\n // stop here if form is invalid\r\n if (this.form.invalid) {\r\n return;\r\n }\r\n\r\n this.loading = true;\r\n\r\n if (this.form.valid) {\r\n this.recaptchaV3Service\r\n .execute(\"importantAction\")\r\n .subscribe((token: string) => {\r\n this.accService\r\n .checkAuth(this.f.username.value, this.f.password.value)\r\n .subscribe(\r\n (res) => {\r\n this.loading = false;\r\n\r\n this.tfa = res;\r\n this.tfa.Username = this.f.username.value;\r\n\r\n sessionStorage.setItem(\"userName\", this.f.username.value);\r\n this.twfa(this.tfa);\r\n },\r\n (err) => {\r\n this.loading = false;\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"login-failed-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n );\r\n });\r\n }\r\n }\r\n\r\n twfa(data) {\r\n const dialogRef = this.dialog.open(TwfaComponent, {\r\n // disableClose: true,\r\n width: \"350px\",\r\n data: { data: data, remeberMe: this.remeberMe },\r\n });\r\n }\r\n\r\n connectOrdersSignalr() {\r\n let config: SignalRConfiguration = new SignalRConfiguration();\r\n config.url = UrlConstants.backofficeUrl;\r\n config.hubName = \"dSHub\";\r\n config.logging = false;\r\n\r\n this.signalR.connect(config).then((res) => {\r\n this.dsConnection = res;\r\n //open new tab with url\r\n var newTab = window.open(\r\n \"truckscale:\\\\\\\\\" + this.dsConnection.id,\r\n \"_blank\"\r\n );\r\n\r\n let method = new BroadcastEventListener\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n نوع العملية: {{item.TransactionType}}
\r\n\r\n
\r\n السوق: {{item.Market}}
\r\nالفرع: {{item.Branch}}
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | رقم الفاتورة | \r\nتاريخ الفاتورة | \r\nالورقة | \r\nالكمية | \r\nم. السعر | \r\nالقيمة | \r\n\r\n \r\n \r\n |
|---|---|---|---|---|---|---|
| {{invoice.PostedSerial}} | \r\n{{invoice.InvoiceDate|date}} | \r\n{{invoice.Symbolname}} | \r\n{{invoice.Qty | number}} | \r\n{{invoice.AvgPrice| number: \"1.2-2\":\"en-US\"}} | \r\n{{invoice.NetAmount | number: \"1.2-2\":\"en-US\"}} | \r\n\r\n \r\n \r\n | \r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n ![](\"./assets/img/login-background.jpg\")
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n {{currentVersion}}\r\n
\r\n \r\n {{'fundMakeSure'|translate}}: {{fundDetails?.CutOffTime | date:'shortTime':'UTC' }} {{'tradeWisley'|translate}} \r\n \r\n 2) && (fundDetails?.FundTypeEN != 'Fixed Income') \">\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n {{lang=='ar'?fundDetails?.FundTypeAR:fundDetails?.FundTypeEN}}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {{selectedFund?.ClosePrice}} {{ lang=='ar'? selectedFund?.CurrencyAbbreviationA: selectedFund?.CurrencyAbbreviationE }}
\r\n\r\n 0, \r\n 'red-text':selectedFund?.AnnualChangePercentage<0,\r\n 'text-color-theme':selectedFund?.AnnualChangePercentage==0 }\"\r\n >\r\n {{ lang=='ar'? selectedFund?.CurrencyAbbreviationA: selectedFund?.CurrencyAbbreviationE }} {{selectedFund?.AnnualChange}} ( % {{selectedFund?.AnnualChangePercentage}} ) {{'past-year'|translate}}\r\n \r\n ![]()
0?'assets/img/up-arrow.svg':'assets/img/down-arrow.svg'\" alt=\"\">\r\n
\r\n \r\n {{'no-data-available'|translate}}
\r\n \r\n {{'returns-past-month' | translate}} : %{{selectedFund?.LastMonthChangePercentage}}\r\n
\r\n \r\n \r\n {{'annual-revenue' | translate}} : %{{selectedFund?.AnnualChangePercentage}}\r\n
\r\n \r\n
","import { ApiService } from \"src/app/services/api.service\";\r\nimport { Component, Input, OnInit, SimpleChanges } from \"@angular/core\";\r\nimport { CompanyQuota } from \"src/app/models/company-quota\";\r\n\r\n@Component({\r\n selector: \"app-detailed-quota\",\r\n templateUrl: \"./detailed-quota.component.html\",\r\n styleUrls: [\"./detailed-quota.component.scss\"],\r\n})\r\nexport class DetailedQuotaComponent implements OnInit {\r\n @Input() symbolCode: string;\r\n company: any;\r\n companyQuota: CompanyQuota;\r\n setCode: string;\r\n\r\n constructor(private apiService: ApiService) {\r\n this.fetchCompany();\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (this.symbolCode != null && changes.symbolCode != null) {\r\n if (changes.symbolCode.currentValue != changes.symbolCode.previousValue) {\r\n this.symbolCode = changes.symbolCode.currentValue;\r\n if (this.symbolCode) {\r\n this.fetchCompany();\r\n }\r\n }\r\n }\r\n }\r\n\r\n ngOnInit(): void {}\r\n\r\n fetchCompany() {\r\n this.apiService.fetchCompany(this.symbolCode).subscribe((res) => {\r\n this.company = res;\r\n this.companyQuota = this.company;\r\n });\r\n }\r\n setSymbolCode() {\r\n if (this.setCode != null) {\r\n this.symbolCode = this.setCode;\r\n }\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n \r\n \r\n
\r\n{{'mutualFundAbout'|translate}}
\r\n \r\n \r\n
\r\n \r\n {{'no-data-available'|translate}}
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n","{{\"detailed-quota\"|translate}}
\r\n\r\n \r\n \r\n
\r\n
\r\n | \r\n {{companyQuota?.ENG_NAME}}\r\n | \r\n\r\n {{companyQuota?.SYMBOL_CODE}}\r\n | \r\n\r\n {{companyQuota?.Reuters}}\r\n | \r\n\r\n \r\n | \r\n
| {{'Last Price'|translate}} | \r\n\r\n {{companyQuota?.LAST_TRADE_PRICE| number: \"1.0\":\"en-US\"}}\r\n | \r\n{{'Prev. Close'|translate}} | \r\n\r\n {{companyQuota?.PREVIOUS_CLOSE| number: \"1.0\":\"en-US\"}}\r\n | \r\n
| {{'High'|translate}} | \r\n\r\n {{companyQuota?.HIGH_PRICE| number: \"1.0\":\"en-US\"}}\r\n | \r\n{{'Low'|translate}} | \r\n\r\n {{companyQuota?.LOW_PRICE| number: \"1.0\":\"en-US\"}}\r\n | \r\n
| {{'Open'|translate}} | \r\n\r\n {{companyQuota?.OPEN_PRICE| number: \"1.0\":\"en-US\"}}\r\n | \r\n{{'Close'|translate}} | \r\n\r\n {{companyQuota?.CLOSE_PRICE| number: \"1.0\":\"en-US\"}}\r\n | \r\n
| {{'Change'|translate}} | \r\n0? 'green' : 'red'\">\r\n {{companyQuota?.AVG_CHANGE}}\r\n | \r\n{{'Change'|translate}}% | \r\n0? 'green' : 'red'\">\r\n {{companyQuota?.AVG_CHANGE_PRC}}\r\n | \r\n
| {{'Volume'|translate}} | \r\n\r\n {{companyQuota?.TOTAL_VOLUME}}\r\n | \r\nTurnOver{{'TurnOver'|translate}} | \r\n\r\n {{companyQuota?.TOTAL_VALUE| number: \"1.0\":\"en-US\"}}\r\n | \r\n
| {{'Highest Bid'|translate}} | \r\n\r\n {{companyQuota?.BID_PRICE| number: \"1.0\":\"en-US\"}}\r\n | \r\n{{'Lowest Ask'|translate}} | \r\n\r\n {{companyQuota?.ASK_PRICE| number: \"1.0\":\"en-US\"}}\r\n | \r\n
| {{'Bids'|translate}} | \r\n\r\n {{companyQuota?.TOTAL_BIDS| number: \"1.0\":\"en-US\"}}\r\n | \r\n{{'Asks'|translate}} | \r\n\r\n {{companyQuota?.TOTAL_ASKS| number: \"1.0\":\"en-US\"}}\r\n | \r\n
| {{'Low 52 Week'|translate}} | \r\n\r\n {{companyQuota?.LOW_52_WEEk| number: \"1.0\":\"en-US\"}}\r\n | \r\n{{'High 52 Week'|translate}} | \r\n\r\n {{companyQuota?.HIGH_52_WEEK| number: \"1.0\":\"en-US\"}}\r\n | \r\n
| {{'Market'|translate}} | \r\n\r\n {{companyQuota?.MARKET_ID}}\r\n | \r\n{{'Currency'|translate}} | \r\n\r\n {{companyQuota?.CURRENCY| number: \"1.0\":\"en-US\"}}\r\n | \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
","import { Profile } from \"./../../screens/user-profile/client-data\";\r\nimport { AccountService } from \"./../../services/account.service\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { UpdateOrderComponent } from \"./../update-order/update-order.component\";\r\nimport { ConfirmationComponent } from \"./../confirmation/confirmation.component\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport {\r\n Component,\r\n Input,\r\n OnDestroy,\r\n OnInit,\r\n SimpleChanges,\r\n} from \"@angular/core\";\r\nimport { Order } from \"src/app/models/order\";\r\nimport { ColumnMode } from \"@swimlane/ngx-datatable\";\r\nimport { MatSnackBar } from \"@angular/material/snack-bar\";\r\nimport { Account } from \"src/app/screens/user-profile/client-data\";\r\nimport {\r\n BroadcastEventListener,\r\n ISignalRConnection,\r\n SignalR,\r\n SignalRConfiguration,\r\n} from \"ng2-signalr\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\nimport { OrderBuyComponent } from \"../order-buy/order-buy.component\";\r\nimport { FavService } from \"src/app/services/fav.service\";\r\nimport { SelectedOrderTradeComponent } from \"../selected-order-trade/selected-order-trade.component\";\r\nimport { ToastrService } from \"ngx-toastr\";\r\nimport { Sort } from \"@angular/material/sort\";\r\n\r\ninterface OMSFilterDto {\r\n relationCode;\r\n custodianCode;\r\n symbolCode;\r\n transactionType;\r\n orderNumber;\r\n marketId;\r\n fixStatus;\r\n fixStatusGroup;\r\n clientName;\r\n skip;\r\n take;\r\n}\r\n\r\n@Component({\r\n selector: \"app-order-book\",\r\n templateUrl: \"./order-book.component.html\",\r\n styleUrls: [\"./order-book.component.scss\"],\r\n})\r\nexport class OrderBookComponent implements OnInit, OnDestroy {\r\n isOrdersLoading: boolean = false;\r\n @Input() isFromProfile = false;\r\n userOrders: Order[] = [];\r\n rows = [];\r\n selectedOrder: Order;\r\n filter: OMSFilterDto = {} as OMSFilterDto;\r\n searchUserOrders: Order[] = [];\r\n isDarkTheme: boolean;\r\n\r\n dtOptions: {\r\n // scrollX: true,\r\n paging: boolean;\r\n searching: boolean;\r\n autoWidth: boolean;\r\n info: boolean;\r\n responsive: boolean;\r\n fixedHeader: boolean;\r\n select: boolean;\r\n ordering: boolean;\r\n // order: any[];\r\n // sorting: any[];\r\n columnDefs: any[];\r\n };\r\n\r\n mapFixStatusColor = new Map([\r\n [\"0\", \"#007bff\"],\r\n [\"1\", \"#5aff55\"],\r\n [\"2\", \"darkgreen\"],\r\n [\"3\", \"yellow\"],\r\n [\"4\", \"#ff7200\"],\r\n [\"5\", \"#550eff\"],\r\n [\"6\", \"yellow\"],\r\n [\"8\", \"darkred\"],\r\n [\"9\", \"gray\"],\r\n [\"A\", \"yellow\"],\r\n [\"C\", \"darkred\"],\r\n [\"E\", \"yellow\"],\r\n [\"H\", \"darkred\"],\r\n [\"N\", \"darkred\"],\r\n [\"R\", \"yellow\"],\r\n [\"W\", \"yellow\"],\r\n [\"P\", \"yellow\"],\r\n [\"X\", \"yellow\"],\r\n [\"Y\", \"darkred\"],\r\n [\"Z\", \"cyan\"],\r\n ]);\r\n\r\n ColumnMode = ColumnMode;\r\n accList: any;\r\n selectedAccount;\r\n @Input() acc;\r\n private ordersConnection: ISignalRConnection;\r\n backgrounColor: boolean;\r\n sortedData: Order[] = [];\r\n userOrderList;\r\n sortDirection;\r\n sortActive;\r\n switchedAccount: boolean = false;\r\n\r\n demandMethods = [\r\n {\r\n Id: \"Written\",\r\n Value: 0,\r\n NameE: \"Written\",\r\n NameA: \"كتابة\",\r\n },\r\n {\r\n Id: \"Phone\",\r\n Value: 1,\r\n NameE: \"Phone\",\r\n NameA: \"تليفون\",\r\n },\r\n {\r\n Id: \"Fax\",\r\n Value: 2,\r\n NameE: \"Fax\",\r\n NameA: \"فاكس\",\r\n },\r\n {\r\n Id: \"Online\",\r\n Value: 3,\r\n NameE: \"Online\",\r\n NameA: \"اونلاين\",\r\n },\r\n {\r\n Id: \"Email\",\r\n Value: 4,\r\n NameE: \"Email\",\r\n NameA: \"بريد إلكتروني\",\r\n },\r\n ];\r\n\r\n demandEnum(value) {\r\n return this.demandMethods.find((item) => item.Value == value).NameA;\r\n }\r\n\r\n getBackgroundColor(fixStatusCode) {\r\n if (fixStatusCode) {\r\n let backgroundColor = this.mapFixStatusColor.get(fixStatusCode);\r\n return backgroundColor;\r\n }\r\n }\r\n getColor(fixStatusCode) {\r\n if (fixStatusCode) {\r\n let colorMatch = this.mapFixStatusColor.get(fixStatusCode);\r\n if (\r\n colorMatch == \"white\" ||\r\n colorMatch == \"yellow\" ||\r\n colorMatch == \"#ff7200\" ||\r\n colorMatch == \"darkred\" ||\r\n colorMatch == \"darkgreen\" ||\r\n colorMatch == \"cyan\" ||\r\n colorMatch == \"#007bff\"\r\n ) {\r\n return \"white\";\r\n }\r\n }\r\n }\r\n\r\n getTransaction(value) {\r\n if (value)\r\n return this.transactionIdValue.find((x) => x.value == value).viewValue;\r\n else return null;\r\n }\r\n getTiffFlag(value) {\r\n if (value != null)\r\n return this.tiffFlagValue.find((x) => x.value == value).viewValue;\r\n else return null;\r\n }\r\n getStatus(value) {\r\n if (value) return this.statusValue.find((x) => x.value == value).viewValue;\r\n else return null;\r\n }\r\n fixStatusValues = [\r\n {\r\n Id: \"New\",\r\n Value: \"0\",\r\n NameE: \"New\",\r\n NameA: \"جديد\",\r\n },\r\n {\r\n Id: \"PartialFill\",\r\n Value: \"0\",\r\n NameE: \"Partial Fill\",\r\n NameA: \"تنفيذ جزئي\",\r\n },\r\n {\r\n Id: \"Fill\",\r\n Value: \"0\",\r\n NameE: \"Fill\",\r\n NameA: \"تنفيذ كلي\",\r\n },\r\n {\r\n Id: \"Cancelled\",\r\n Value: \"0\",\r\n NameE: \"Cancelled\",\r\n NameA: \"ملغى\",\r\n },\r\n {\r\n Id: \"Replace\",\r\n Value: \"0\",\r\n NameE: \"Replace\",\r\n NameA: \"معدل\",\r\n },\r\n {\r\n Id: \"PendingCancel\",\r\n Value: \"0\",\r\n NameE: \"Pending Cancel\",\r\n NameA: \"قيد الالغاء\",\r\n },\r\n {\r\n Id: \"Rejected\",\r\n Value: \"0\",\r\n NameE: \"Rejected\",\r\n NameA: \"مرفوض\",\r\n },\r\n {\r\n Id: \"Suspended\",\r\n Value: \"0\",\r\n NameE: \"Suspended\",\r\n NameA: \"موقوف\",\r\n },\r\n {\r\n Id: \"PendingNew\",\r\n Value: \"0\",\r\n NameE: \"Pending New\",\r\n NameA: \"قيد التسجيل\",\r\n },\r\n {\r\n Id: \"Expired\",\r\n Value: \"0\",\r\n NameE: \"Expired\",\r\n NameA: \"غير ساري\",\r\n },\r\n {\r\n Id: \"PendingReplace\",\r\n Value: \"0\",\r\n NameE: \"PendingReplace\",\r\n NameA: \"قيد التعديل\",\r\n },\r\n {\r\n Id: \"PartiallyCancelled\",\r\n Value: \"0\",\r\n NameE: \"Partially Cancelled\",\r\n NameA: \"ملغى جزئيا\",\r\n },\r\n {\r\n Id: \"PendingMCSD\",\r\n Value: \"0\",\r\n NameE: \"Pending MCSD\",\r\n NameA: \"قيد التسجيل\",\r\n },\r\n {\r\n Id: \"RejectedByMCSD\",\r\n Value: \"0\",\r\n NameE: \"Rejected by MCSD\",\r\n NameA: \"مرفوض من المقاصة\",\r\n },\r\n {\r\n Id: \"ApprovedByMCSD\",\r\n Value: \"0\",\r\n NameE: \"Approved by MCSD\",\r\n NameA: \"مقبول من المقاصة\",\r\n },\r\n {\r\n Id: \"NotApprovedByMCSD\",\r\n Value: \"0\",\r\n NameE: \"Not approved by MCSD\",\r\n NameA: \"غير مقبول من المقاصة\",\r\n },\r\n {\r\n Id: \"InternalError\",\r\n Value: \"0\",\r\n NameE: \"Internal Error\",\r\n NameA: \"خطأ داخلي\",\r\n },\r\n {\r\n Id: \"ExternalError\",\r\n Value: \"0\",\r\n NameE: \"External Error\",\r\n NameA: \"خطأ خارجي\",\r\n },\r\n {\r\n Id: \"TradeCancelled\",\r\n Value: \"0\",\r\n NameE: \"Trade Cancelled\",\r\n NameA: \"تنفيذ ملغي\",\r\n },\r\n {\r\n Id: \"None\",\r\n Value: \"0\",\r\n NameE: \"None\",\r\n NameA: \"لا يوجد\",\r\n },\r\n {\r\n Id: \"Pending\",\r\n Value: \"0\",\r\n NameE: \"Pending\",\r\n NameA: \"جاري الإرسال\",\r\n },\r\n ];\r\n statusValue = [\r\n {\r\n value: 1,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"LocalNew\" : \"جديد داخليا\",\r\n },\r\n {\r\n value: 2,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"LocalUpdate\" : \"تعديل داخلي\",\r\n },\r\n {\r\n value: 3,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"LocalCancel\" : \"إلغاء داخلي\",\r\n },\r\n {\r\n value: 4,\r\n viewValue: this.translate.currentLang == \"en\" ? \"Divided\" : \"مقسم\",\r\n },\r\n {\r\n value: 5,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"FIXAwaitNew\"\r\n : \"انتظار إرسال البورصة\",\r\n },\r\n {\r\n value: 6,\r\n viewValue: this.translate.currentLang == \"en\" ? \"FIXNew\" : \"تم الإرسال\",\r\n },\r\n {\r\n value: 7,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"FIXAwaitUpdate\"\r\n : \"انتظار إرسال التعديل\",\r\n },\r\n {\r\n value: 8,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"FIXUpdate\" : \"تم التعديل\",\r\n },\r\n {\r\n value: 9,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"FIXAwaitCancel\"\r\n : \"انتظار إرسال الإلغاء\",\r\n },\r\n {\r\n value: 10,\r\n viewValue: this.translate.currentLang == \"en\" ? \"FIXCancel\" : \"ملغى\",\r\n },\r\n {\r\n value: 11,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"FIXAwaitSuspend\"\r\n : \"انتظار إرسال الإيقاف\",\r\n },\r\n {\r\n value: 12,\r\n viewValue: this.translate.currentLang == \"en\" ? \"FIXSuspend\" : \"موقوف\",\r\n },\r\n {\r\n value: 13,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"UpdateDividedNoCascade\"\r\n : \"تعدبل تقسيم بدون توزيع\",\r\n },\r\n {\r\n value: 14,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"UpdateDividedCascade\"\r\n : \"تعديل تقسيم بالتوزيع\",\r\n },\r\n {\r\n value: 15,\r\n viewValue: this.translate.currentLang == \"en\" ? \"Automatic\" : \"تلقائي\",\r\n },\r\n {\r\n value: 16,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"FixPrivate\" : \"FixPrivate\",\r\n },\r\n {\r\n value: 17,\r\n viewValue: this.translate.currentLang == \"en\" ? \"FixPublic\" : \"FixPublic\",\r\n },\r\n {\r\n value: 18,\r\n viewValue:\r\n this.translate.currentLang == \"en\"\r\n ? \"FIXAwaitApprove\"\r\n : \"إنتظار الإعتماد للإرسال\",\r\n },\r\n {\r\n value: 20,\r\n viewValue: this.translate.currentLang == \"en\" ? \"HubNew\" : \"HubNew\",\r\n },\r\n {\r\n value: 21,\r\n viewValue: this.translate.currentLang == \"en\" ? \"HubUpdate\" : \"HubUpdate\",\r\n },\r\n {\r\n value: 22,\r\n viewValue: this.translate.currentLang == \"en\" ? \"HubCancel\" : \"HubCancel\",\r\n },\r\n {\r\n value: 23,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"HubRejected\" : \"HubRejected\",\r\n },\r\n {\r\n value: 24,\r\n viewValue: this.translate.currentLang == \"en\" ? \"FixRejected\" : \"رفض\",\r\n },\r\n {\r\n value: 25,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"FixRupdate\" : \"FixRupdate\",\r\n },\r\n {\r\n value: 26,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"FixExpired\" : \"FixExpired\",\r\n },\r\n {\r\n value: 27,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"DisApproved\" : \"رفض ائتمان\",\r\n },\r\n ];\r\n tiffFlagValue = [\r\n { value: 0, viewValue: \"Day\" },\r\n { value: 1, viewValue: \"Good Till Cancel\" },\r\n { value: 6, viewValue: \"Good Till Date\" },\r\n { value: 3, viewValue: \"Immediate\" },\r\n ];\r\n transactionIdValue = [\r\n {\r\n value: 1,\r\n viewValue: this.translate.currentLang == \"en\" ? \"Buy\" : \"شراء\",\r\n },\r\n {\r\n value: 2,\r\n viewValue: this.translate.currentLang == \"en\" ? \"Sell\" : \"بيع\",\r\n },\r\n {\r\n value: 3,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"Sell Same Day\" : \"بيع نفس اليوم\",\r\n },\r\n {\r\n value: 4,\r\n viewValue:\r\n this.translate.currentLang == \"en\" ? \"Buy Same Day\" : \"شراء نفس اليوم\",\r\n },\r\n {\r\n value: 5,\r\n viewValue: this.translate.currentLang == \"en\" ? \"Sell T+1\" : \"بيع t+1\",\r\n },\r\n {\r\n value: 6,\r\n viewValue: this.translate.currentLang == \"en\" ? \"Buy T+1\" : \"شراء t+1\",\r\n },\r\n ];\r\n priceTypeValue = [\r\n {\r\n value: 1,\r\n viewValue: this.translate.currentLang == \"en\" ? \"Buy\" : \"شراء\",\r\n },\r\n {\r\n value: 2,\r\n viewValue: this.translate.currentLang == \"en\" ? \"Sell\" : \"بيع\",\r\n },\r\n ];\r\n\r\n constructor(\r\n public translate: TranslateService,\r\n public dialog: MatDialog,\r\n public snackBar: MatSnackBar,\r\n private _service: ApiService,\r\n private signalR: SignalR,\r\n private toastr: ToastrService,\r\n public accService: AccountService\r\n ) { }\r\n\r\n ngOnDestroy() {\r\n if (this.ordersConnection) this.ordersConnection.stop();\r\n }\r\n\r\n connectOrdersSignalr() {\r\n let config: SignalRConfiguration = new SignalRConfiguration();\r\n config.url = UrlConstants.backofficeUrl;\r\n config.hubName = \"ordersHub\";\r\n config.logging = false;\r\n\r\n this.accService.saveUserProfile(this.selectedAccount);\r\n let currentProfile = JSON.parse(\r\n localStorage.getItem(\"userProfile\")\r\n ) as Profile;\r\n const selectedAccountObject = this.accList?.find(acc => acc.relationCode === this.selectedAccount);\r\n if (selectedAccountObject != undefined) {\r\n this.signalR.connect(config).then((res) => {\r\n this.ordersConnection = res;\r\n this.ordersConnection.invoke(\"JoinGroup\", selectedAccountObject?.ExchangeCode);\r\n\r\n let method = new BroadcastEventListener\r\n
\r\n \r\n {{\"order-book\"|translate}}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n
{{\"all\"|translate}}
\r\n \r\n \r\n - \r\n \r\n
{{\"completed\"|translate}}
\r\n \r\n \r\n - \r\n \r\n
{{\"pending\"|translate}}
\r\n \r\n \r\n - \r\n \r\n
{{\"cancelled\"|translate}}
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n | {{\"status\"|translate}} | \r\n{{ 'symbol' | translate }} | \r\n{{\"order#\"|translate}} | \r\n{{\"last-update\"|translate}} | \r\n{{\"transaction\" | translate}} | \r\n{{\"remaining-qty\"|translate}} | \r\n{{\"qty\"|translate}} | \r\n{{\"price\"|translate}} | \r\n{{\"filled\"|translate}} | \r\n{{\"type\"|translate}} | \r\n{{\"duration\"|translate}} | \r\n{{\"demand-method\" | translate}} | \r\n{{\"source\"|translate}} | \r\n\r\n\r\n |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \r\n \r\n \r\n {{\r\n translate.currentLang == \"en\"\r\n ? item?.FixStatusEn\r\n : item?.FixStatusAr || \"جاري الارسال\"\r\n }}\r\n \r\n \r\n {{'IPO' | translate}}\r\n \r\n \r\n {{'fIXAwaitUpdate' | translate}}\r\n \r\n \r\n {{'fIXAwaitCancel' | translate}}\r\n \r\n \r\n {{'fIXAwaitSuspend' | translate}}\r\n \r\n \r\n {{ \"suspended\" | translate }}\r\n \r\n \r\n {{ \"waiting-mscd\" | translate }}\r\n \r\n \r\n \r\n | \r\n \r\n {{(translate.currentLang=='en')?item.SymbolNameEn:item.SymbolNameAr}}\r\n | \r\n \r\n\r\n \r\n \r\n \r\n \r\n {{item.OrderNumber}} | \r\n \r\n{{item.CreateDate| date:'medium'}} | \r\n{{item.LastUpdateDate| date:'medium'}} | \r\n\r\n\r\n {{translate.currentLang=='en'?item.TransactionTypeEn:item.TransactionTypeAr}}\r\n | \r\n\r\n{{remainingQty(item)}} | \r\n\r\n{{item.OrgQty}} | \r\n{{item.OrgPrice}} | \r\n{{item.TradedQty}} | \r\n\r\n {{getTiffFlag(item.TiffFlag)}}\r\n -\r\n {{item.TiffDate | date:'d/M/yyyy'}}\r\n | \r\n{{demandEnum(item.DemandMethod)}} | \r\n{{(item.Origin ==1)?'OMS':'Online'}} | \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n | \r\n
\r\n
\r\n","import { MatDialog } from \"@angular/material/dialog\";\r\nimport { Router } from \"@angular/router\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { SharedService } from \"./../../services/shared.service\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\n\r\n@Component({\r\n selector: \"app-select-company-modal\",\r\n templateUrl: \"./select-company-modal.component.html\",\r\n styleUrls: [\"./select-company-modal.component.scss\"],\r\n})\r\nexport class SelectCompanyModalComponent implements OnInit {\r\n companies: CompanyList[];\r\n company: CompanyList;\r\n\r\n constructor(\r\n private _service: SharedService,\r\n public translate: TranslateService,\r\n private router: Router,\r\n private dialog: MatDialog\r\n ) {\r\n this.companies = this._service.allMarketCompanies;\r\n }\r\n\r\n customSearchFn(term: string, item: CompanyList) {\r\n term = term.toLowerCase();\r\n return (\r\n item?.ENG_NAME?.toLowerCase().includes(term) ||\r\n item?.ARB_NAME?.toLowerCase().includes(term) ||\r\n item?.Reuters?.toLowerCase().includes(term)\r\n );\r\n }\r\n\r\n navigateDetails() {\r\n this.dialog.closeAll();\r\n this.router\r\n .navigate([\r\n \"/company-profile\",\r\n this.company.SYMBOL_CODE,\r\n this.company.Reuters,\r\n ])\r\n .finally(() => {\r\n window.scrollTo(0, document.body.scrollHeight);\r\n });\r\n }\r\n\r\n ngOnInit(): void {}\r\n}\r\n","import { formatDate } from \"@angular/common\";\r\nimport { Component, Input, SimpleChanges } from \"@angular/core\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { OrderFilter, OrderTradeWidget } from \"src/app/models/order\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport {\r\n MarketWatchDetailService,\r\n StockDetail,\r\n} from \"src/app/services/market-watch-detail.service\";\r\n\r\n@Component({\r\n selector: \"user-trades-summary\",\r\n templateUrl: \"./user-trades-summary.component.html\",\r\n styleUrls: [\"./user-trades-summary.component.scss\"],\r\n})\r\nexport class UserTradesSummaryComponent {\r\n isTradesLoading: boolean;\r\n today = formatDate(new Date(), \"YYYY-MM-dd\", \"en_US\");\r\n tradeRequest: OrderFilter = {} as OrderFilter;\r\n allMarketNames: StockDetail[];\r\n @Input() acc;\r\n selectedAccount: any;\r\n\r\n trades: OrderTradeWidget[] = [];\r\n\r\n constructor(\r\n private _service: ApiService,\r\n public translate: TranslateService,\r\n private _marketDetail: MarketWatchDetailService\r\n ) {}\r\n\r\n ngOnInit(){\r\n if (this._marketDetail.marketNames)\r\n this.allMarketNames = this._marketDetail.marketNames.getValue();\r\n this._marketDetail.namesSubject.subscribe((res) => {\r\n this.allMarketNames = res as StockDetail[];\r\n this.updateStockDetail()\r\n\r\n });\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if (this.acc && this.acc != 0) {\r\n this.selectedAccount = this.acc;\r\n this.tradeRequest.fromDate = this.tradeRequest.toDate = this.today;\r\n this.tradeRequest.relationCode = this.selectedAccount;\r\n this.fetchTradesSummary(this.tradeRequest);\r\n }\r\n if (this._marketDetail.marketNames)\r\n this.allMarketNames = this._marketDetail.marketNames.getValue();\r\n this._marketDetail.namesSubject.subscribe((res) => {\r\n this.allMarketNames = res as StockDetail[];\r\n });\r\n }\r\n\r\n fetchTradesSummary(request: OrderFilter) {\r\n this.isTradesLoading = true;\r\n this._service.fetchWidgetfilteredTransactions(request).subscribe((res) => {\r\n this.isTradesLoading = false;\r\n if (res) this.trades = res as OrderTradeWidget[];\r\n else this.trades = [];\r\n this.updateStockDetail();\r\n });\r\n }\r\n\r\n updateStockDetail() {\r\n if (this.trades && this.allMarketNames) {\r\n this.trades.forEach((item) => {\r\n let tradeDetail = this.allMarketNames.find(\r\n (x) => x[\"SYMBOL_CODE\"] === item.SymbolCode\r\n );\r\n if (tradeDetail) {\r\n item.ArbName = tradeDetail[\"arb_shortname\"];\r\n item.EngName = tradeDetail[\"eng_shortname\"];\r\n }\r\n });\r\n }\r\n }\r\n\r\n getColor(item) {\r\n switch (item) {\r\n case 1:\r\n return {\r\n background: \"#2cac6c\",\r\n color: \"white\",\r\n width: \"3vw\",\r\n lineHeight: \"1.25\",\r\n fontSize: \"75%\",\r\n };\r\n case 2:\r\n return {\r\n background: \"#dc3545\",\r\n color: \"white\",\r\n width: \"3vw\",\r\n lineHeight: \"1.25\",\r\n fontSize: \"75%\",\r\n };\r\n default: {\r\n return {\r\n background: \"lightgray\",\r\n color: \"black\",\r\n };\r\n }\r\n }\r\n }\r\n}\r\n","\r\n
\r\n\r\n \r\n \r\n \r\n \r\n {{company.Reuters}}\r\n - \r\n {{(translate.currentLang=='en')?company.ENG_NAME:company.ARB_NAME}}\r\n \r\n \r\n
\r\n
\r\n {{\"select-company-hintt\" |translate}}
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n","import { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport {\r\n Component,\r\n ElementRef,\r\n Input,\r\n OnInit,\r\n SimpleChanges,\r\n ViewChild,\r\n} from \"@angular/core\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { trigger, transition, style, animate } from \"@angular/animations\";\r\nimport { FormControl, FormGroup } from \"@angular/forms\";\r\nimport * as XLSX from \"xlsx\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\n\r\nexport interface historicalData {\r\n CLOSE_PRICE: number;\r\n HIGH_PRICE: number;\r\n LOW_PRICE: number;\r\n OPEN_PRICE: number;\r\n SYMBOL_CODE: string;\r\n TRADE_COUNT: number;\r\n TRADE_DATE: Date;\r\n TRADE_VALUE: number;\r\n TRADE_VOLUME: number;\r\n}\r\n\r\n@Component({\r\n selector: \"app-historical\",\r\n templateUrl: \"./historical.component.html\",\r\n styleUrls: [\"./historical.component.scss\"],\r\n animations: [\r\n trigger(\"enterAnimation\", [\r\n transition(\":enter\", [\r\n style({ transform: \"translateX(100%)\", opacity: 0 }),\r\n animate(\"500ms\", style({ transform: \"translateX(0)\", opacity: 1 })),\r\n ]),\r\n transition(\":leave\", [\r\n style({ transform: \"translateX(0)\", opacity: 1 }),\r\n animate(\"500ms\", style({ transform: \"translateX(100%)\", opacity: 0 })),\r\n ]),\r\n ]),\r\n ],\r\n})\r\nexport class HistoricalComponent implements OnInit {\r\n @Input() symbolCode: string;\r\n @Input() reuters: string;\r\n @Input() companyName: string;\r\n isDepthLoading: boolean;\r\n data: historicalData[] = [];\r\n show: boolean = false;\r\n isDarkTheme: boolean;\r\n\r\n range = new FormGroup({\r\n start: new FormControl(),\r\n end: new FormControl(new Date()),\r\n });\r\n\r\n constructor(private accService: AccountService, private http: HttpClient) {}\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n this.symbolCode = changes?.symbolCode?.currentValue;\r\n if (this.symbolCode) {\r\n this.isDepthLoading = true;\r\n this.fetchCompanyMarketDepth().subscribe((res) => {\r\n this.data = [];\r\n this.data = res as historicalData[];\r\n this.isDepthLoading = false;\r\n });\r\n }\r\n this.range.valueChanges.subscribe((value) => {\r\n this.fetchCompanyMarketDepth().subscribe((res) => {\r\n this.data = [];\r\n this.data = res as historicalData[];\r\n this.isDepthLoading = false;\r\n });\r\n });\r\n }\r\n\r\n @ViewChild(\"TABLE\") table: ElementRef;\r\n exportAsExcel() {\r\n const ws: XLSX.WorkSheet = XLSX.utils.table_to_sheet(\r\n this.table.nativeElement\r\n ); //converts a DOM TABLE element to a worksheet\r\n const wb: XLSX.WorkBook = XLSX.utils.book_new();\r\n XLSX.utils.book_append_sheet(wb, ws, \"Historical\");\r\n\r\n /* save to file */\r\n XLSX.writeFile(wb, \"Historical - \" + this.data[0].SYMBOL_CODE + \".xlsx\");\r\n }\r\n\r\n fetchCompanyMarketDepth() {\r\n if (this.symbolCode) {\r\n return this.http.post(\r\n UrlConstants.feedUrl + \"/api/Feed/GetSymbolHistory\",\r\n {\r\n SymbolCode: this.symbolCode,\r\n Skip: 0,\r\n Take: 1000,\r\n FromDate: this.range.controls.start.value,\r\n ToDate: this.range.controls.end.value,\r\n }\r\n );\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;}\r\n}\r\n","\r\n {{\"transactions-summary\"|translate}}\r\n 0\" >\r\n {{trades.length}}\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{\"no-trades-hint\"|translate}}
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{'no-trades-hint'|translate}}
\r\n\r\n \r\n
\r\n \r\n 0\" style=\"height: 100% !important;\">\r\n
\r\n - \r\n
- \r\n \r\n \r\n {{(translate.currentLang=='en')?item.EngName:item.ArbName}}\r\n \r\n\r\n\r\n \r\n {{(item.TransactionTypeID ==2 || item.TransactionTypeID == 3 || item.TransactionTypeID == 5\r\n )?(\"sell\"|translate):(\"buy\"|translate)}}\r\n \r\n\r\n\r\n \r\n {{(translate.currentLang=='en')?item.AbbreviationE:item.AbbreviationA}}\r\n \r\n\r\n\r\n \r\n {{\"gross-sales\"|translate}}\r\n\r\n
\r\n
\r\n \r\n {{item.TransactionQty|number}}\r\n @\r\n {{item.TransactionPrice }} = {{item.OrderValue | number: \"1.0\"}}\r\n \r\n \r\n\r\n \r\n {{\"estimated-sales\"|translate}}\r\n\r\n\r\n\r\n
\r\n \r\n {{item.TransactionQty|number}}\r\n @\r\n {{item.EstimatedPrice }} =\r\n {{item.EstimatedValue | number: \"1.0\"}}\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n","import { TranslateService } from \"@ngx-translate/core\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { Account } from \"../client-data\";\r\nimport * as moment from \"moment\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\n\r\n@Component({\r\n selector: \"app-invoice\",\r\n templateUrl: \"./invoice.component.html\",\r\n styleUrls: [\"./invoice.component.scss\"],\r\n})\r\nexport class InvoiceComponent implements OnInit {\r\n today = new Date();\r\n selectedInvoice: any;\r\n invoices: any[];\r\n dateFrom: Date = new Date(this.today.setMonth(this.today.getMonth() - 1));\r\n dateTo: Date = new Date();\r\n selectedClient: any;\r\n accList: Object;\r\n\r\n isInvoicesLoading = false;\r\n\r\n tryGenerate(invoice) {\r\n this.apiService\r\n .fetchInvoiceById(this.selectedClient, invoice.InvoiceID)\r\n .subscribe((res) => {\r\n window.open(UrlConstants.backofficeUrl + res[\"fileURL\"], \"_blank\");\r\n this.isInvoicesLoading = false;\r\n });\r\n }\r\n\r\n selectInvoice(invoicee) {\r\n this.selectedInvoice = invoicee;\r\n }\r\n\r\n constructor(\r\n private http: HttpClient,\r\n private accService: AccountService,\r\n public translate: TranslateService,\r\n private apiService: ApiService\r\n ) {\r\n this.accList = JSON.parse(localStorage.getItem(\"accList\")) as Account[];\r\n this.selectedClient = this.accList[0].relationCode;\r\n\r\n this.isInvoicesLoading = true;\r\n this.fetchClientInvoices().subscribe((res) => {\r\n this.invoices = res;\r\n this.isInvoicesLoading = false;\r\n });\r\n }\r\n\r\n fetchClientInvoices() {\r\n let from = moment(this.dateFrom).format(\"YYYY/MM/DD\");\r\n let to = moment(this.dateTo).format(\"YYYY/MM/DD\");\r\n\r\n // 01-03-2020\r\n return this.http.get\r\n \r\n\r\n {{\"historical-data\"|translate}}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n
\r\n\r\n \r\n Select Date Range \r\n \r\n \r\n \r\n \r\n Invalid start date \r\n Invalid end date \r\n \r\n
\r\n\r\n\r\n \r\n \r\n 0 && !isDepthLoading\">\r\n
\r\n
\r\n\r\n | {{\"date\"|translate}} | \r\n{{\"val&vol\"|translate}} | \r\n{{\"open&close\"|translate}} | \r\n{{\"high&low\"|translate}} | \r\n
|---|---|---|---|
| {{depth.TRADE_DATE | date}} | \r\n{{depth.TRADE_VALUE| customNumber}} {{depth.TRADE_VOLUME|\r\n customNumber}} | \r\n {{depth.OPEN_PRICE| number}} {{depth.CLOSE_PRICE|\r\n number}} | \r\n {{depth.HIGH_PRICE| number}} {{depth.LOW_PRICE| number}}\r\n | \r\n
\r\n \r\n 0 && !isDepthLoading\">\r\n
\r\n
\r\n\r\n | SYMBOL | \r\nDate | \r\nValue | \r\nVolume | \r\nOpen | \r\nClose | \r\nHigh | \r\nLow | \r\n
|---|---|---|---|---|---|---|---|
| {{depth.SYMBOL_CODE}} | \r\n{{depth.TRADE_DATE | date: 'dd/MM/yyyy'}} | \r\n{{depth.TRADE_VALUE| number}} | \r\n{{depth.TRADE_VOLUME| number}} | \r\n{{depth.OPEN_PRICE| number}} | \r\n{{depth.CLOSE_PRICE| number}} | \r\n{{depth.HIGH_PRICE| number}} | \r\n{{depth.LOW_PRICE| number}} | \r\n
\r\n
\r\n {{'my-invoices'|translate}}
\r\n\r\n
\r\n
\r\n\r\n\r\n\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n ({{acc.relationCode}}) {{translate.currentLang=='en'?acc.clientNameEn:acc.clientNameAr}} \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{'no-invoice'|translate}}
\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n نوع العملية: {{item.TransactionType}}
\r\n\r\n
\r\n السوق: {{item.Market}}
\r\nالفرع: {{item.Branch}}
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | رقم الفاتورة | \r\nتاريخ الفاتورة | \r\nالورقة | \r\nالكمية | \r\nم. السعر | \r\nالقيمة | \r\n\r\n \r\n \r\n |
|---|---|---|---|---|---|---|
| {{invoice.PostedSerial}} | \r\n{{invoice.InvoiceDate|date}} | \r\n{{invoice.Symbolname}} | \r\n{{invoice.Qty | number}} | \r\n{{invoice.AvgPrice| number: \"1.2-2\":\"en-US\"}} | \r\n{{invoice.NetAmount | number: \"1.2-2\":\"en-US\"}} | \r\n\r\n \r\n \r\n | \r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n\r\n","import { ConfigService } from \"./../../services/config.service\";\r\nimport {\r\n trigger,\r\n state,\r\n style,\r\n transition,\r\n animate,\r\n} from \"@angular/animations\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { environment } from \"src/environments/environment\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\n\r\nexport interface AlertObject {\r\n symbol;\r\n status;\r\n notifications;\r\n expirationDate;\r\n triggeredDate;\r\n id;\r\n}\r\n\r\n@Component({\r\n selector: \"app-alert-manager\",\r\n templateUrl: \"./alert-manager.component.html\",\r\n styleUrls: [\"./alert-manager.component.scss\"],\r\n animations: [\r\n trigger(\"detailExpand\", [\r\n state(\"collapsed\", style({ height: \"0px\", minHeight: \"0\" })),\r\n state(\"expanded\", style({ height: \"*\" })),\r\n transition(\r\n \"expanded <=> collapsed\",\r\n animate(\"225ms cubic-bezier(0.4, 0.0, 0.2, 1)\")\r\n ),\r\n ]),\r\n ],\r\n})\r\nexport class AlertManagerComponent implements OnInit {\r\n isAlertsLoading: boolean = false;\r\n\r\n columnsToDisplay = [\r\n \"symbol\",\r\n \"status\",\r\n \"notifications\",\r\n \"expirationDate\",\r\n \"triggeredDate\",\r\n \"id\",\r\n ];\r\n expandedElement: AlertObject | null;\r\n\r\n activeAlerts = [\r\n {\r\n symbol: \"EGS65091C018\",\r\n status: \"Expired\",\r\n notifications: \"All\",\r\n expirationDate: new Date(),\r\n triggeredDate: new Date(),\r\n id: \"124124124\",\r\n },\r\n {\r\n symbol: \"EGS65091C018\",\r\n status: \"Expired\",\r\n notifications: \"All\",\r\n expirationDate: new Date(),\r\n triggeredDate: new Date(),\r\n id: \"124124124\",\r\n },\r\n {\r\n symbol: \"EGS65091C018\",\r\n status: \"Expired\",\r\n notifications: \"All\",\r\n expirationDate: new Date(),\r\n triggeredDate: new Date(),\r\n id: \"124124124\",\r\n },\r\n ];\r\n\r\n constructor(private http: HttpClient, private accService: AccountService) {\r\n // this.fetchUserAlerts();\r\n }\r\n\r\n fetchUserAlerts() {\r\n this.isAlertsLoading = true;\r\n\r\n this.http\r\n .get(\r\n `${UrlConstants.backofficeUrl}/api/Client/GetClientInformation?relationCode=1001-1`\r\n )\r\n .subscribe((res) => {\r\n this.isAlertsLoading = false;\r\n // this.activeAlerts = res;\r\n });\r\n }\r\n ngOnInit(): void {}\r\n}\r\n","\r\n Alert Manager\r\n \r\n
\r\n\r\n
\r\n","\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n | {{column}} | \r\n{{ column === 'expirationDate' || column === 'triggeredDate' ? (element[column]| date: 'mediumDate') : element[column] }} | \r\n\r\n \r\n \r\n \r\n \r\n {{element.position}} \r\n {{element.symbol}} \r\n {{element.name}} \r\n {{element.weight}} \r\n \r\n {{element.description}}\r\n -- Wikipedia \r\n \r\n | \r\n
|---|
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n Orders checked vs. Balance 2 hrs before IPO close. If there's a negative balance, no sweat! Add cash or tweak QTY. Easy, right? Happy trading!\"\r\n \r\n \r\n \r\n
\r\n \r\n Hey! 🚀 \r\n \r\n \r\n \r\n \r\n \r\n
\r\n{{'fact-sheet'|translate}}
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{'risk-profile'|translate}}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{'subscription-freq'|translate}}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{'expense-ratio'|translate}}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{'redemption-freq'|translate}}\r\n \r\n
\r\n \r\n
","import { Component, Input, OnInit } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { FundDetails } from 'src/app/models/mutualFund';\r\n\r\n@Component({\r\n selector: 'app-selected-symbol-details-pdfs',\r\n templateUrl: './selected-symbol-details-pdfs.component.html',\r\n styleUrls: ['./selected-symbol-details-pdfs.component.scss']\r\n})\r\nexport class SelectedSymbolDetailsPdfsComponent implements OnInit {\r\n\r\n lang: string;\r\n isDarkTheme: boolean;\r\n @Input() fundDetails: FundDetails;\r\n\r\n constructor(\r\n public translate: TranslateService\r\n ) {\r\n this.isDarkTheme = localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n getRowIndexes(length: number): number[] {\r\n return Array.from({ length: Math.ceil(length / 2) }, (_, i) => i * 2);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\n//________________________________________________________________________________________________________________________________________________\r\n//This service handles the assignment of the ids for the docked and floating panes \r\n//It also serves that purpose for all the floating panes along the different layouts by using the local storage\r\n//________________________________________________________________________________________________________________________________________________\r\nexport class IdService {\r\n private idCounter: number;\r\n private defaultPaneCount: number;\r\n\r\n constructor() {\r\n this.idCounter = this.getFromLocalStorage('idCounter', 0);\r\n //Initial docked panes are 6 and have to be 6, changing this will require you to change all occurences of this.\r\n //It is done this was as it was mentioned that 6 will not be changing \r\n this.defaultPaneCount = this.getFromLocalStorage('defaultPaneCount', 6);\r\n }\r\n\r\n private getFromLocalStorage(key: string, defaultValue: number): number {\r\n const storedValue = localStorage.getItem(key);\r\n return storedValue !== null ? parseInt(storedValue, 10) : defaultValue;\r\n }\r\n\r\n private setToLocalStorage(key: string, value: number): void {\r\n localStorage.setItem(key, value.toString());\r\n }\r\n\r\n generateId(prefix: string): string {\r\n this.idCounter++;\r\n this.setToLocalStorage('idCounter', this.idCounter);\r\n return `${prefix}${this.idCounter}`;\r\n }\r\n\r\n generateFloatingId(floatingPanePrefix: string): string {\r\n this.defaultPaneCount++;\r\n this.setToLocalStorage('defaultPaneCount', this.defaultPaneCount);\r\n return `${floatingPanePrefix}${this.defaultPaneCount}`;\r\n }\r\n\r\n revertLastGeneratedFloatingId(): void {\r\n this.defaultPaneCount--;\r\n this.setToLocalStorage('defaultPaneCount', this.defaultPaneCount);\r\n }\r\n}","import { HttpClient } from \"@angular/common/http\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport * as moment from \"moment\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\n\r\n@Component({\r\n selector: \"app-select-statement-date\",\r\n templateUrl: \"./select-statement-date.component.html\",\r\n styleUrls: [\"./select-statement-date.component.scss\"],\r\n})\r\nexport class SelectStatementDateComponent implements OnInit {\r\n today = new Date();\r\n dateFrom: Date = new Date(this.today.setMonth(this.today.getMonth() - 13));\r\n dateTo: Date = new Date();\r\n statement;\r\n loadingStatement = false;\r\n\r\n constructor(\r\n private http: HttpClient\r\n ) { }\r\n\r\n ngOnInit(): void { }\r\n\r\n viewStatement() {\r\n this.loadingStatement = true;\r\n this.fetchClientStatement().subscribe((res) => {\r\n this.statement = res[0];\r\n this.loadingStatement = false;\r\n });\r\n }\r\n\r\n fetchClientStatement() {\r\n let from = moment(this.dateFrom).format(\"MM-DD-YYYY\");\r\n let to = moment(this.dateTo).format(\"MM-DD-YYYY\");\r\n // 01-03-2020\r\n return this.http.get{{ \"pdf\" | translate }}
\r\n \r\n 0\" >\r\n \r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n ![\"\"](\"../../../assets/img/PDF.svg\")
\r\n {{'attachment' | translate}} {{1}}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"../../../assets/img/noPdfFound.png\")
\r\n
\r\n \r\n {{ \"noPDF\" | translate }}
\r\n \r\n
\r\n","import { HttpClient } from \"@angular/common/http\";\r\nimport { Injectable } from \"@angular/core\";\r\nimport { Observable } from \"rxjs\";\r\nimport { UrlConstants } from \"../models/urlConstants\";\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n})\r\nexport class ConfigService {\r\n private configUrl = \"assets/identity/config.json\";\r\n\r\n feedUrl: string;\r\n backofficeUrl: string;\r\n egxUrl: string;\r\n newSignalR: string;\r\n globalDataApi: string;\r\n appKey: string;\r\n idleTime: number;\r\n isEGID: boolean;\r\n enableIPO:boolean;\r\n enableMutualFund:boolean;\r\n\r\n constructor(private http: HttpClient) {\r\n this.getConfigServers().subscribe((res) => {\r\n this.feedUrl = res[\"feedUrl\"];\r\n this.backofficeUrl = res[\"backofficeUrl\"];\r\n this.newSignalR = res[\"newSignalR\"];\r\n this.egxUrl = res[\"egxUrl\"];\r\n this.globalDataApi = res[\"globalDataApi\"];\r\n this.appKey = res[\"appKey\"];\r\n this.idleTime = res[\"idleTime\"];\r\n this.isEGID = res['isEGID'];\r\n this.enableIPO = res['enableIPO'];\r\n this.enableMutualFund = res['enableMutualFund'];\r\n });\r\n }\r\n\r\n Init() {\r\n return new Promise\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n","- \r\n
- \r\n \r\n {{\"AddNewFavoriteList\" | translate}}\r\n\r\n \r\n\r\n \r\n\r\n \r\n {{ errorMessage }}\r\n\r\n \r\n\r\n
- \r\n {{\"NoFavoriteLists\" | translate}}\r\n \r\n
- \r\n \r\n {{ watch.MarketWatchName }}\r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n","import { AccountService, UserProfile } from \"src/app/services/account.service\";\r\nimport { Component, Input, OnInit } from \"@angular/core\";\r\n\r\n@Component({\r\n selector: \"app-invoice-details\",\r\n templateUrl: \"./invoice-details.component.html\",\r\n styleUrls: [\"./invoice-details.component.scss\"],\r\n})\r\nexport class InvoiceDetailsComponent implements OnInit {\r\n today = new Date();\r\n @Input() invoice;\r\n profile: UserProfile;\r\n\r\n constructor(private _accService: AccountService) {\r\n this.profile = _accService.getUserProfile();\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n get totalInvoiceComm() {\r\n return this.invoice.InvoiceComm.reduce(function (a, b) {\r\n return a + b.CommValue;\r\n }, 0);\r\n }\r\n\r\n // invoice =\r\n // {\r\n // Symbolname: \"فوري للمدفوعات\",\r\n // InvoiceComm: [\r\n // {\r\n // CommName: \"خدمات البورصة\",\r\n // CommValue: 0.47,\r\n // },\r\n // {\r\n // CommName: \"خدمات المقاصة \",\r\n // CommValue: 0.47,\r\n // },\r\n // {\r\n // CommName: \"خدمات الهيئة \",\r\n // CommValue: 3,\r\n // },\r\n // {\r\n // CommName: \"تامين المخاطر\",\r\n // CommValue: 0.23,\r\n // },\r\n // {\r\n // CommName: \"ضريبة الدمغة على التداول \",\r\n // CommValue: 7,\r\n // },\r\n // {\r\n // CommName: \"أمين الحفظ\",\r\n // CommValue: 0.47,\r\n // },\r\n // ],\r\n // PostedSerial: \"20/6\",\r\n // InvoiceID: 6,\r\n // InvoiceDate: \"2020-10-01T00:00:00\",\r\n // GrossAmount: 4665.81,\r\n // NetAmount: 4677.45,\r\n // AvgPrice: 26.97,\r\n // CostPrice: 27.03728323699422,\r\n // Qty: 173,\r\n // SymbolCode: \"EGS745L1C014\",\r\n // TransactionType: \"شراء\",\r\n // MarketId: \"البورصة المصرية\",\r\n // BranchID: \"( الفرع الرئيسي )\",\r\n // Orders: [\r\n // {\r\n // OrderNumber: 18,\r\n // TransactionQty: 40,\r\n // TransactionPrice: 26.97,\r\n // TicketNo: \"N000124344593\",\r\n // },\r\n // {\r\n // OrderNumber: 19,\r\n // TransactionQty: 40,\r\n // TransactionPrice: 26.97,\r\n // TicketNo: \"N000124344627\",\r\n // },\r\n // {\r\n // OrderNumber: 20,\r\n // TransactionQty: 93,\r\n // TransactionPrice: 26.97,\r\n // TicketNo: \"N000124344693\",\r\n // },\r\n // ],\r\n // }\r\n\r\n}\r\n","\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n لتداول الاوراق المالية\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n فاتورة
\r\n\r\n
\r\n
\r\n
\r\n\r\n\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n \r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n فاتورة {{invoice.TransactionType}}: \r\n
\r\n \r\n {{invoice.PostedSerial}}\r\n
\r\n \r\n
\r\n \r\n تاريخ الفاتورة: \r\n
\r\n \r\n {{invoice.InvoiceDate | date:'shortDate' }}\r\n
\r\n \r\n
\r\n \r\n \r\n تاريخ التسوية: \r\n
\r\n \r\n --------\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n اسم العميل: \r\n
\r\n \r\n {{profile.SubNameA}}\r\n
\r\n \r\n
\r\n \r\n كود التداول:\r\n
\r\n \r\n {{profile.ExchangeCode}}\r\n
\r\n \r\n
\r\n \r\n كود العميل:\r\n
\r\n \r\n {{profile.RelationCode}}\r\n
\r\n \r\n
\r\n \r\n امين حفظ:\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n \r\n نتشرف بالافادة انه تم {{invoice.TransactionType}} الاوراق المالية التالية لحسابكم\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n سهم:\r\n
\r\n \r\n {{invoice.Symbolname}}\r\n
\r\n \r\n {{invoice.SymbolCode}}\r\n
\r\n \r\n {{invoice.MarketId}}\r\n
\r\n | رقم العملية | \r\nالكمية | \r\nالسعر | \r\nالقيمة | \r\n
|---|---|---|---|
| {{invoice.TicketNo}} | \r\n{{invoice.TransactionQty}} | \r\n{{invoice.TransactionPrice| number: \"1.0\":\"en-US\"}} | \r\n{{invoice.OrderNumber}} | \r\n
\r\n {{'total'|translate}}\r\n | \r\n {{invoice.Qty}} | \r\n\r\n | \r\n |
\r\n
\r\n
\r\n \r\n
\r\n - \r\n
- \r\n {{item.CommName}}\r\n{{item.CommValue| number: \"1.0\":\"en-US\"}}\r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n اجمالي الخدمات:
\r\n {{totalInvoiceComm}}
\r\n \r\n
\r\n متوسط التكلفة:
\r\n {{invoice.AvgPrice | number: \"1.0\":\"en-US\"}}
\r\n \r\n
\r\n صافي القيمة:
\r\n {{invoice.NetAmount}}
\r\n \r\n\r\n
\r\n","import { TranslateService } from '@ngx-translate/core';\r\nimport { Component, Input, OnInit, SimpleChanges } from '@angular/core';\r\ndeclare const TradingView: any;\r\n\r\n@Component({\r\n selector: 'app-trading-view-chart',\r\n templateUrl: './trading-view-chart.component.html',\r\n styleUrls: ['./trading-view-chart.component.scss']\r\n})\r\nexport class TradingViewChartComponent {\r\n\r\n @Input() reuters;\r\n @Input() symbolCode;\r\n @Input() companyName;\r\n @Input() isLinked;\r\n isDarkTheme: boolean;\r\n\r\n constructor(private translate: TranslateService) { }\r\n\r\n ngOnInit(){\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;\r\n }\r\n\r\n ngAfterViewInit() {\r\n if (!this.isLinked) {\r\n this.initChart();\r\n }\r\n }\r\n\r\n initChart() {\r\n new TradingView.widget({\r\n width: \"100%\",\r\n height: \"100%\",\r\n symbol: \"EGX:\" + this.symbolCode,\r\n interval: \"D\",\r\n timezone: \"Africa/Cairo\",\r\n theme: this.isDarkTheme?\"Dark\":\"Light\",\r\n style: \"1\",\r\n locale: this.translate.currentLang == \"ar\" ? \"ar_AE\" : \"en\",\r\n toolbar_bg: \"#f1f3f6\",\r\n enable_publishing: false,\r\n withdateranges: false,\r\n // range: \"ytd\",\r\n hide_side_toolbar: true,\r\n allow_symbol_change: false,\r\n show_popup_button: false,\r\n autosize: true,\r\n hide_legend: true,\r\n save_image: false,\r\n no_referral_id: true,\r\n container_id: this.symbolCode,\r\n });\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (this.isLinked && changes.reuters.currentValue != changes.reuters.previousValue) {\r\n this.symbolCode = changes.symbolCode.currentValue;\r\n setTimeout(() => {\r\n this.initChart();\r\n }, 200);\r\n\r\n\r\n }\r\n }\r\n\r\n get symbol() {\r\n if (this.symbolCode)\r\n return this.symbolCode;\r\n }\r\n}\r\n","import { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { Component, Input } from '@angular/core';\r\n\r\nexport const fadeInOutTimeout = 250;\r\nexport const fadeInOut = trigger('fadeInOut', [\r\n transition('void => *', [style({ opacity: '0', transform: 'translateX(-10%)' }), animate(fadeInOutTimeout)]),\r\n transition('* => void', [animate(fadeInOutTimeout, style({ opacity: '0' }))]),\r\n transition('* => *', [\r\n style({ opacity: '0', transform: 'translateX(-10%)' }),\r\n animate(fadeInOutTimeout, style({ opacity: '1', transform: 'translateX(0%)' })),\r\n ]),\r\n]);\r\n\r\n@Component({\r\n selector: 'app-animated-text',\r\n template: `\r\n \r\n \r\n\r\n {{\"chart\"|translate}}\r\n \r\n
\r\n\r\n \r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n {{\"select-company-hint\"|translate}}
\r\n\r\n {{ number }}\r\n
\r\n `,\r\n styles: [],\r\n animations: [fadeInOut],\r\n})\r\nexport class AnimatedTextComponent {\r\n @Input() number;\r\n}\r\n","\r\n \r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { MatDialogRef } from '@angular/material/dialog';\r\n\r\n@Component({\r\n selector: 'app-search-symbols-modal',\r\n templateUrl: './search-symbols-modal.component.html',\r\n styleUrls: ['./search-symbols-modal.component.scss']\r\n})\r\nexport class SearchSymbolsModalComponent implements OnInit {\r\n\r\n records=['sha', 'hk', 'fhg','ss']\r\n searchValue;\r\n\r\n constructor(\r\n public dialogRef: MatDialogRefSymbol Pick! 🚀
\r\nSelect a symbol to kickstart your trading journey.
\r\n\r\n\r\n \r\n\r\n
\r\n 0 && searchValue\" class=\"suggestion-list\">\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"assets/img/cologo.png\")
\r\n
\r\n \r\n \r\n
\r\n AZG
\r\n Azimut Gold
\r\n \r\n
\r\n","import { ApiService } from \"./../../services/api.service\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { Component, Input, OnInit, SimpleChanges } from \"@angular/core\";\r\nimport { CompanyDepth } from \"src/app/models/company-depth\";\r\n\r\nimport { HubConnection, HubConnectionBuilder } from \"@microsoft/signalr\";\r\nimport * as signalR from \"@microsoft/signalr\";\r\n\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\n\r\n@Component({\r\n selector: \"app-market-depth-asks\",\r\n templateUrl: \"./market-depth-asks.component.html\",\r\n styleUrls: [\"./market-depth-asks.component.scss\"],\r\n})\r\nexport class MarketDepthAsksComponent implements OnInit {\r\n @Input() symbolCode: string;\r\n @Input() reuters: string;\r\n @Input() companyName: string;\r\n\r\n isDepthLoading: boolean;\r\n companyDepth: CompanyDepth;\r\n isOrder: boolean = false;\r\n\r\n private depthConnection: HubConnection;\r\n\r\n constructor(private _service: ApiService) {}\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes?.reuters) {\r\n this.symbolCode = changes?.symbolCode?.currentValue;\r\n this.reuters = changes.reuters?.currentValue;\r\n }\r\n if (this.symbolCode) {\r\n this.companyDepth = null;\r\n this.isDepthLoading = true;\r\n if (this.isOrder) this.fetchDepthByOrder();\r\n else if (!this.isOrder) this.fetchDepthByPrice();\r\n }\r\n\r\n if (!this.isOrder && this.symbolCode) {\r\n if (this.depthConnection) this.depthConnection.stop();\r\n this.connectSignalR();\r\n }\r\n }\r\n\r\n connectSignalR() {\r\n this.depthConnection = new HubConnectionBuilder()\r\n .withUrl(UrlConstants.newSignalR +\"/bidsAsksHub\", {\r\n skipNegotiation: true,\r\n transport: signalR.HttpTransportType.WebSockets,\r\n })\r\n .build();\r\n\r\n this.depthConnection\r\n .start()\r\n .then((res) =>\r\n this.depthConnection\r\n .invoke(\"JoinGroup\", this.symbolCode)\r\n .then((value) => {\r\n this.depthConnection.on(\"sendBidsAsksForSymbol\", (depthUpdate) => {\r\n let update = depthUpdate[0][\"MarketDepth\"] as CompanyDepth;\r\n this.companyDepth.asksPerPrice = update.asksPerPrice;\r\n this.companyDepth.bidsPerPrice = update.bidsPerPrice;\r\n this.companyDepth.totalsBidsAndAsks = update.totalsBidsAndAsks;\r\n });\r\n })\r\n )\r\n .catch();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.depthConnection) this.depthConnection.stop();\r\n }\r\n\r\n toggleOrderView(value) {\r\n if (this.symbolCode) this.isDepthLoading = true;\r\n this.isOrder = value;\r\n if (value) this.fetchDepthByOrder();\r\n else this.fetchDepthByPrice();\r\n }\r\n\r\n fetchDepthByOrder() {\r\n this._service.fetchDepthByOrder(this.symbolCode).subscribe((res) => {\r\n this.isDepthLoading = false;\r\n this.companyDepth = res as CompanyDepth;\r\n });\r\n }\r\n fetchDepthByPrice() {\r\n this._service.fetchDepthByPrice(this.symbolCode,10).subscribe((res) => {\r\n this.isDepthLoading = false;\r\n this.companyDepth = res as CompanyDepth;\r\n });\r\n }\r\n ngOnInit() {}\r\n}\r\n","\r\n ![](\"/assets/img/lock.png\")
\r\n
\r\n\r\n \r\n
\r\n {{\"not-full-market-hint\"|translate}}
\r\n\r\n
\r\n","import { Directive, Input, OnChanges, SimpleChanges } from \"@angular/core\";\r\n\r\n@Directive({\r\n selector: \"[appUpdateFlash]\",\r\n})\r\nexport class UpdateFlashDirective implements OnChanges {\r\n @Input() public appHighlight: any;\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n\r\n }\r\n}\r\n","import { InputCommaSepreatedPipe } from \"./input-comma-sepreated.pipe\";\r\nimport { Directive, HostListener } from \"@angular/core\";\r\n\r\n@Directive({\r\n selector: \"[appInputCommaSepreated]\",\r\n})\r\nexport class InputCommaSepreatedDirective {\r\n constructor(private formatPipe: InputCommaSepreatedPipe) {}\r\n @HostListener(\"focusout\", [\"$event\"])\r\n onFocus(event: FocusEvent) {\r\n let input = event.target as HTMLInputElement;\r\n let number = parseFloat(input.value.replace(/,/g, \"\"));\r\n if (isNaN(number) || number <= 0) {\r\n input.value = \"\";\r\n } else {\r\n input.value = this.formatPipe.transform(number).toString();\r\n }\r\n }\r\n}\r\n","- \r\n \r\n\r\n
- \r\n \r\n
{{\"price\"|translate}}
\r\n \r\n \r\n - \r\n \r\n
{{\"order\"|translate}}
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n| {{\"price\"|translate}} | \r\n{{\"qty\"|translate}} | \r\n
|---|---|
| \r\n {{depth.ORDER_PRICE}} | \r\n{{depth.VOLUME_TRADED | number: \"1.0\":\"en-US\"}} | \r\n \r\n
| # | \r\n{{\"price\"|translate}} | \r\n{{\"qty\"|translate}} | \r\n \r\n
|---|---|---|
| {{depth.split}} | \r\n\r\n {{depth.ORDER_PRICE}}\r\n | \r\n\r\n {{depth.VOLUME_TRADED | number: \"1.0\":\"en-US\"}}\r\n | \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n","import { Component, Input, OnInit } from \"@angular/core\";\r\nimport { UserProfile, AccountService } from \"src/app/services/account.service\";\r\n\r\n@Component({\r\n selector: \"app-statement-details\",\r\n templateUrl: \"./statement-details.component.html\",\r\n styleUrls: [\"./statement-details.component.scss\"],\r\n})\r\nexport class StatementDetailsComponent implements OnInit {\r\n today = new Date();\r\n @Input() statement;\r\n profile: UserProfile;\r\n\r\n constructor(private _accService: AccountService) {\r\n this.profile = _accService.getUserProfile();\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n get totalStatementComm() {\r\n return true;\r\n // return this.statement.InvoiceComm.reduce(function (a, b) {\r\n // return a + b.CommValue;\r\n // }, 0);\r\n }\r\n}\r\n","import { ConfigService } from \"./../../services/config.service\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { ActivatedRoute } from \"@angular/router\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport {\r\n AfterViewInit,\r\n Component,\r\n ElementRef,\r\n OnInit,\r\n Renderer2,\r\n ViewChild,\r\n} from \"@angular/core\";\r\nimport { environment } from \"src/environments/environment\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { CompanyNews } from \"src/app/models/company-news\";\r\nimport { SlickCarouselComponent } from \"ngx-slick-carousel\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\ndeclare const TradingView: any;\r\n\r\n@Component({\r\n selector: \"app-global-markets\",\r\n templateUrl: \"./global-markets.component.html\",\r\n styleUrls: [\"./global-markets.component.scss\"],\r\n})\r\nexport class GlobalMarketsComponent implements OnInit, AfterViewInit {\r\n symbolCode: any;\r\n company: CompanyList;\r\n reuters: any;\r\n\r\n news: CompanyNews[];\r\n majorIndexes: any[];\r\n middleEastIndexes: any[];\r\n exchangeRates: any[];\r\n gdrData: any[];\r\n isDarkTheme: boolean;\r\n\r\n @ViewChild(\"slickModal\") slickModal: SlickCarouselComponent;\r\n @ViewChild(\"tradingview\") tradingview?: ElementRef;\r\n metalsData: any[];\r\n\r\n constructor(\r\n private http: HttpClient,\r\n private accService: AccountService,\r\n signalService: SignalRService,\r\n public translate: TranslateService,\r\n private apiService: ApiService,\r\n private _renderer2: Renderer2\r\n ) {\r\n signalService.marketChanges.subscribe((res: any) =>\r\n res.forEach((element) => {\r\n if (element.SymbolCode == this.symbolCode) {\r\n this.company = element;\r\n // this.fetchCompany();\r\n return;\r\n }\r\n })\r\n );\r\n this.apiService.fetchMarketNews().subscribe((res) => {\r\n this.news = res;\r\n });\r\n this.apiService.fetchMajorIndexes().subscribe((res) => {\r\n this.majorIndexes = res;\r\n });\r\n this.apiService.fetchMiddleEastIndexes().subscribe((res) => {\r\n this.middleEastIndexes = res;\r\n });\r\n this.apiService.fetchExchangeRates().subscribe((res) => {\r\n this.exchangeRates = res;\r\n });\r\n this.apiService.fetchGDR().subscribe((res) => {\r\n this.gdrData = res;\r\n this.gdrData.pop();\r\n });\r\n this.apiService.fetchMetals().subscribe((res) => {\r\n this.metalsData = res;\r\n });\r\n }\r\n\r\n metalColor(symbol) {\r\n switch (symbol) {\r\n case \"GOLD\":\r\n return \"#DAA520\";\r\n case \"SILVER\":\r\n return \"#C0C0C0\";\r\n case \"PLATINUM\":\r\n return \"#e5e4e2\";\r\n case \"COPPER\":\r\n return \"#B87333\";\r\n }\r\n }\r\n\r\n slideConfig = {\r\n cssEase: \"linear\",\r\n slidesToShow: 5.5,\r\n slidesToScroll: 1,\r\n dots: true,\r\n width: \"50%\",\r\n };\r\n\r\n ngOnInit(): void {\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") == \"dark\" ? true : false; }\r\n\r\n ngAfterViewInit() {\r\n this.renderIndexData(\"DIA\");\r\n\r\n let script = this._renderer2.createElement(\"script\");\r\n script.type = `text/javascript`;\r\n script.src =\r\n \"https://s3.tradingview.com/external-embedding/embed-widget-forex-heat-map.js\";\r\n script.text = `{\r\n \"width\": \"100%\",\r\n \"height\": \"400\",\r\n \"currencies\": [\r\n \"EUR\",\r\n \"USD\",\r\n \"JPY\",\r\n \"GBP\",\r\n \"CHF\",\r\n \"AUD\",\r\n \"CAD\",\r\n \"NZD\",\r\n \"CNY\"\r\n ],\r\n \"isTransparent\": false,\r\n \"colorTheme\": \"${this.isDarkTheme ? \"dark\" : \"light\"}\",\r\n \"locale\": \"${this.translate.currentLang == \"ar\" ? \"ar_AE\" : \"en\"}\"\r\n }`;\r\n\r\n this.tradingview?.nativeElement.appendChild(script);\r\n }\r\n\r\n renderIndexData(symbol) {\r\n new TradingView.widget({\r\n width: \"100%\",\r\n height: 400,\r\n symbol: symbol,\r\n // interval: \"D\",\r\n timezone: \"Africa/Cairo\",\r\n theme: this.isDarkTheme ? \"Dark\" : \"Light\",\r\n style: \"3\",\r\n locale: this.translate.currentLang == \"ar\" ? \"ar_AE\" : \"en\",\r\n // toolbar_bg: \"#f1f3f6\",\r\n // enable_publishing: false,\r\n // withdateranges: true,\r\n // range: \"ytd\",\r\n hide_side_toolbar: true,\r\n hide_top_toolbar: true,\r\n // allow_symbol_change: true,\r\n // show_popup_button: true,\r\n // popup_width: \"1000\",\r\n // popup_height: \"650\",\r\n // no_referral_id: true,\r\n container_id: \"tradingview_bac65\",\r\n });\r\n }\r\n\r\n fetchCompany() {\r\n this.http\r\n .get(\r\n `${UrlConstants.feedUrl}/api/Feed/GetMarketWatchForSymbol?SYMBOL_CODE=` +\r\n this.symbolCode\r\n )\r\n .subscribe((res) => {\r\n this.company = res as CompanyList;\r\n });\r\n }\r\n}\r\n","\r\n\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n لتداول الاوراق المالية\r\n
\r\n\r\n ![](\"./assets/img/logo.png\")
\r\n
\r\n \r\n \r\n
\r\n
\r\n كشف حساب عميل
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n اسم العميل: \r\n
\r\n \r\n {{statement.clientName}}\r\n
\r\n \r\n
\r\n \r\n كود التداول:\r\n
\r\n \r\n {{statement.ExchangeCode}}\r\n
\r\n \r\n
\r\n\r\n \r\n كود العميل:\r\n
\r\n \r\n {{statement.RelationCode}}\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n الكود الموحد:\r\n
\r\n \r\n {{statement.UnifiedCode}}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n العملة: \r\n
\r\n \r\n {{statement.MasterCurrencyClientStatements[0].CurrencyName}}\r\n
\r\n \r\n
\r\n \r\n رصيد اول المدة:\r\n
\r\n \r\n {{statement.MasterCurrencyClientStatements[0].BeginingBalance}}\r\n {{statement.MasterCurrencyClientStatements[0].BeginingBalanceName}}\r\n
\r\n \r\n
\r\n \r\n \r\n رصيد اخر المدة:\r\n
\r\n \r\n {{statement.MasterCurrencyClientStatements[0].EndingBalanceValue}}\r\n {{statement.MasterCurrencyClientStatements[0].EndingBalanceName}}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | حق اليوم | \r\nرقم القيد | \r\n \r\nنوع الحركة | \r\nالوصف | \r\n \r\nمدين | \r\nدائن | \r\nرصيد | \r\n\r\n |
| {{statement.BatchDate}} | \r\n{{statement.PostedSerial}} | \r\n \r\n{{statement.DocumentSource}} | \r\n{{statement.DetailDescE}} | \r\n \r\n{{statement.DebitAmount}} | \r\n{{statement.CreditAmount}} | \r\n{{statement.BalanceValue}} | \r\n{{statement.BalanceName}} | \r\n
\r\n {{'total'|translate}}\r\n | \r\n \r\n | \r\n | \r\n |
\r\n {{statement.MasterCurrencyClientStatements[0].EndingBalanceValue}}\r\n {{statement.MasterCurrencyClientStatements[0].EndingBalanceName}}\r\n
\r\n \r\n
\r\n
\r\n \r\n اقر انا الموقع ادناه انني اوافق واصادق علي صحه رصيد حسابي وعلي كافه الاوامر وعمليات البيع والشراء والخصم والاضافه والايداع والسحب سواء نقديه او بشيكات والتحويلات والعمولات والمصروفات والرسوم التي تمت بحسابي طرف شركه الاقصر\r\n لتداول الاوراق المالية بتك العمليات واقر انها تمت بناء علي تعليماتي باوامر شخصيه مباشره مني واقر باستلامي كشوف الحساب واخطارات التنفيذ عن الفتره من بدايه تعاملي مع الشركه حتي تاريخه واوافق علي جميع التسجيلات الهاتفيه والكتابيه لاوامري حتي\r\n تاريخه ولا يحق لي الرجوع علي الشركه باي مستندات او ادله اخري بخلاف هذا الاقرار او مطالبه الشركه بمستندات اخري بخصوص معاملاتي قبل تاريخ هذا الاقرار\r\n \r\n
\r\n \r\n\r\n\r\n
\r\n
\r\n\r\n {{\"global-market\"|translate}}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{index.Symbol}}\r\n
\r\n 0? 'green' : 'red'\">\r\n {{index.Change | number : '1.2-2'}} ({{index.ChangePer | number : '1.2-2'}}%)\r\n 0\">\r\n \r\n
\r\n \r\n
\r\n \r\n {{index.Name}}\r\n
\r\n \r\n {{index.Close | number}}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{index.ENName}}\r\n
\r\n 0? 'green' : 'red'\">\r\n {{index.Indexes[0]?.Change | number : '1.2-2'}} ({{index.Indexes[0]?.ChangePer | number :\r\n '1.2-2'}}%)\r\n 0\">\r\n \r\n
\r\n \r\n
\r\n \r\n {{index.Indexes[0]?.Name}}\r\n
\r\n \r\n {{index.Indexes[0]?.Close | number}}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {{item.DATE_STAMP|date:'mediumTime'}}{{item.ARB_HEADING}} \r\n
\r\n \r\n
\r\n {{\"metals\"|translate}}
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{\"gdr\"|translate}}
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{\"exchange-rates\"|translate}}
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n\r\n\r\n","import { Directive, ElementRef, HostListener, Input } from \"@angular/core\";\r\n\r\n@Directive({\r\n selector: \"[appTwoDigitDecimalNumber]\",\r\n})\r\nexport class TwoDigitDecimalNumberDirective {\r\n @Input(\"appTwoDigitDecimalNumber\") isTripleDecimal: boolean;\r\n\r\n private regex: RegExp;\r\n\r\n // private regex: RegExp = new RegExp(/^\\d*\\.?\\d{0,2}$/g);\r\n private specialKeys: Array\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n {{ currentLang == 'ar'? heroSection?.PageItems[0]?.SubTitleAr : heroSection?.PageItems[0]?.SubTitleEn }}\r\n
\r\n\r\n {{ currentLang == 'ar'? heroSection?.PageItems[0]?.ContentAr : heroSection?.PageItems[0]?.ContentEn }}\r\n
\r\n\r\n\r\n \r\n \r\n \r\n ![\"\"](\"assets/img/linkedin.png\")
\r\n \r\n \r\n \r\n \r\n \r\n ![\"\"](\"assets/img/facebook.png\")
\r\n \r\n \r\n \r\n \r\n \r\n ![\"\"](\"assets/img/twitter.png\")
\r\n \r\n \r\n \r\n \r\n \r\n ![\"\"](\"assets/img/youtube.png\")
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ currentLang == 'ar'? aboutSection?.PageItems[0]?.TitleAr : aboutSection?.PageItems[0]?.TitleEn }}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {{ currentLang == 'ar'? aboutSection?.PageItems[0]?.ContentAr : aboutSection?.PageItems[0]?.ContentEn }}\r\n \r\n
\r\n \r\n \r\n {{ currentLang == 'ar'? aboutSection?.PageItems[0]?.SubTitleAr : aboutSection?.PageItems[0]?.SubTitleEn }}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {{ currentLang == 'ar'? aboutSection?.PageItems[1]?.SubTitleAr : aboutSection?.PageItems[1]?.SubTitleEn }}\r\n
\r\n\r\n {{ currentLang == 'ar'? aboutSection?.PageItems[1]?.ContentAr : aboutSection?.PageItems[1]?.ContentEn }}\r\n
\r\n\r\n 0\">\r\n \r\n
\r\n \r\n ![\"First]()
\r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ currentLang == 'ar'? marketSummarySection?.PageItems[0]?.TitleAr : marketSummarySection?.PageItems[0]?.TitleEn }}\r\n
\r\n\r\n \r\n EGX30\r\n EGX70\r\n EGX100\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {{ currentLang == 'ar'? marketSummarySection?.PageItems[0]?.SubTitleAr : marketSummarySection?.PageItems[0]?.SubTitleEn }}\r\n \r\n \r\n {{ currentLang == 'ar'? marketSummarySection?.PageItems[0]?.ContentAr : marketSummarySection?.PageItems[0]?.ContentEn }}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ currentLang == 'ar'? servicesSection?.PageItems[0]?.TitleAr : servicesSection?.PageItems[0]?.TitleEn }}\r\n
\r\n\r\n
\r\n \r\n ![\"icon\"\r\n]()
\r\n
\r\n {{ card?.subtitle }}
\r\n\r\n {{ card?.content }}\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n ![\"\"](\"assets/img/phone-call.png\")
\r\n {{ companySettings?.CompanyPhone1 }}\r\n \r\n \r\n ![\"\"](\"assets/img/envelope.png\")
\r\n {{ companySettings?.CompanyEmail }}\r\n \r\n \r\n \r\n \r\n ![](\"assets/img/whatsapp-removebg-preview.png\")
\r\n {{ companySettings?.OtherSettings?.WhatsappNumber }}\r\n \r\n \r\n
\r\n \r\n ![](\"./assets/identity/nav-button-logo.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n {{ 'socialMediaTitle' | translate }}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ translate.currentLang == 'ar' ? 'تواصل معنا' : 'Contact Us' }}\r\n
\r\n\r\n {{ companySettings?.CompanyPhone1 }}\r\n \r\n {{ companySettings?.CompanyEmail }}\r\n \r\n {{ companySettings?.OtherSettings?.WhatsappNumber }}\r\n \r\n
\r\n\r\n © Copyright {{currentYear}} {{ currentLang == 'ar'? companySettings?.OtherSettings?.EnglishCompanyName : companySettings?.OtherSettings?.ArabicCompanyName }} - All Rights Reserved
\r\n\r\n \r\n ![\"plus-img\"](\"assets/img/contact-us.png\")
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n ![\"\"](\"assets/img/contacting.png\")
\r\n ![\"\"](\"assets/img/whatsapp.png\")
\r\n ![\"\"](\"assets/img/gmail-icon.png\"){kind=icon}
\r\n \r\n
\r\n","import { ChangePasswordComponent } from \"./components/change-password/change-password.component\";\r\nimport { ForgetPasswordComponent } from \"./components/forget-password/forget-password.component\";\r\nimport { DetailedQuotaComponent } from \"./screens/detailed-quota/detailed-quota.component\";\r\nimport { StatementComponent } from \"./screens/user-profile/statement/statement.component\";\r\nimport { PreviewInvoiceComponent } from \"./screens/user-profile/invoice/preview-invoice/preview-invoice.component\";\r\nimport { InvoiceDetailsComponent } from \"./screens/user-profile/invoice/invoice-details/invoice-details.component\";\r\nimport { InvoiceComponent } from \"./screens/user-profile/invoice/invoice.component\";\r\nimport { LocalMarketComponent } from \"./screens/local-market/local-market.component\";\r\nimport { UserProfileComponent } from \"./screens/user-profile/user-profile.component\";\r\nimport { GlobalMarketsComponent } from \"./screens/global-markets/global-markets.component\";\r\nimport { CompanyProfileComponent } from \"./screens/company-profile/company-profile.component\";\r\nimport { LoginComponent } from \"./screens/login/login.component\";\r\nimport { HomeComponent } from \"./screens/home/home.component\";\r\nimport { NgModule } from \"@angular/core\";\r\nimport { Routes, RouterModule } from \"@angular/router\";\r\nimport { AuthGuard } from \"./services/auth.guard\";\r\nimport { TradesHistoryComponent } from \"./components/trades-history/trades-history.component\";\r\nimport { ResetPasswordComponent } from \"./components/reset-password/reset-password.component\";\r\nimport { CreateUserComponent } from \"./components/create-user/create-user.component\";\r\nimport { VerifyEmailComponent } from \"./components/verify-email/verify-email.component\";\r\nimport { IsMarketGuard } from \"./services/is-market.guard\";\r\nimport { LandingpageHomeComponent } from \"./screens/LandingPageScreens/landingpage-home/landingpage-home.component\";\r\nimport { TechnicalReportsComponent } from \"./screens/technical-reports/technical-reports.component\";\r\nimport { IPOComponent } from \"./screens/ipo/ipo.component\";\r\nimport { TestComponent } from \"./screens/test/test.component\";\r\nimport { MutualFundComponent } from \"./screens/mutual-fund/mutual-fund.component\";\r\nimport { TestUserProfileComponent } from \"./screens/profile/test-user-profile/test-user-profile.component\";\r\n\r\nconst routes: Routes = [\r\n {\r\n path: \"\",\r\n component: TestComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n {\r\n path: \"home\",\r\n component: TestComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n {\r\n \r\n path: \"IPO\",\r\n component: IPOComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n {\r\n path: \"test\",\r\n component: TestComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n {\r\n path: \"global\",\r\n component: GlobalMarketsComponent,\r\n canActivate: [AuthGuard, IsMarketGuard],\r\n },\r\n {\r\n path: \"local\",\r\n component: LocalMarketComponent,\r\n canActivate: [AuthGuard, IsMarketGuard],\r\n },\r\n {\r\n path: \"invoice\",\r\n component: InvoiceComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n {\r\n path: \"invoice-detail\",\r\n component: InvoiceDetailsComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n {\r\n path: \"company-profile/:symbolCode/:reuters\",\r\n component: CompanyProfileComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n {\r\n path: \"detailed-quota/:symbolCode\",\r\n component: DetailedQuotaComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n {\r\n path: \"profile\",\r\n component: UserProfileComponent,\r\n canActivate: [AuthGuard],\r\n }, \r\n // TODO: When new design of profile is finished SWITCH \"profile-revampe\" route with \"profile\"\r\n {\r\n path: 'profile-revampe',\r\n loadChildren: () => import('./screens/profile/profile.module').then(m => m.ProfileModule),\r\n canActivate: [AuthGuard],\r\n },\r\n {\r\n path: '',\r\n loadChildren: () => import('./shared/shared.module').then(m => m.SharedModule)\r\n },\r\n {\r\n path: \"technical-reports\",\r\n component: TechnicalReportsComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n {\r\n path: \"tradesHistory\",\r\n component: TradesHistoryComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n { path: \"preview-invoice\", component: PreviewInvoiceComponent },\r\n {\r\n path: \"statements\",\r\n component: StatementComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n {\r\n path: \"mutual-fund\",\r\n component: MutualFundComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n {\r\n path: \"changePassword\",\r\n component: ChangePasswordComponent,\r\n canActivate: [AuthGuard],\r\n },\r\n { path: \"login\", component: LoginComponent },\r\n // { path: \"login\", component: NewLoginComponent },\r\n { path: \"ForgetPassword\", component: ForgetPasswordComponent },\r\n { path: \"VerifyEmail\", component: ResetPasswordComponent },\r\n { path: \"CreateOnlineAccount\", component: CreateUserComponent },\r\n { path: \"Verification/EmailVerification\", component: VerifyEmailComponent },\r\n {\r\n path: \"landing\",\r\n component: LandingpageHomeComponent,\r\n },\r\n];\r\n\r\n@NgModule({\r\n imports: [\r\n RouterModule.forRoot(routes, {\r\n scrollPositionRestoration: \"enabled\",\r\n }),\r\n ],\r\n exports: [RouterModule],\r\n})\r\nexport class AppRoutingModule { }\r\n","import { Component, Inject, OnInit } from \"@angular/core\";\r\nimport { MAT_DIALOG_DATA, MatDialog } from \"@angular/material/dialog\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { MarginCalculatorDto, MarginReq } from \"src/app/models/margin-calculator\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\n\r\n@Component({\r\n selector: \"app-margin-calculator\",\r\n templateUrl: \"./margin-calculator.component.html\",\r\n styleUrls: [\"./margin-calculator.component.scss\"],\r\n})\r\nexport class MarginCalculatorComponent implements OnInit {\r\n marginCalculator: MarginCalculatorDto = {} as MarginCalculatorDto;\r\n marginObj: any;\r\n chart: any;\r\n\r\n circleColor :string;\r\n\r\n marginReq: MarginReq = {} as MarginReq;\r\n public tabIndex = 0;\r\n relationCode: string;\r\n requiredBuy = 50;\r\n requiredSell = 50;\r\n textCircle :number;\r\n statusDetctor: any\r\n isDarkTheme: boolean;\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: string,\r\n public translate: TranslateService,\r\n private dialog: MatDialog,\r\n private apiService: ApiService\r\n ) {\r\n if (this.data[\"relationCode\"] != null) {\r\n this.relationCode = this.data[\"relationCode\"];\r\n }\r\n }\r\n\r\n ngOnInit(): void {\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;\r\n this.apiService\r\n .fetchClientsCashPosition(this.relationCode)\r\n .subscribe((res: MarginCalculatorDto) => {\r\n this.marginCalculator = res;\r\n this.statusDetctor = res.marginCalculator.DebtPer;\r\n if(this.statusDetctor < 50){\r\n this.circleColor = '#2E94D3';\r\n this.textCircle = 1;\r\n }\r\n if(this.statusDetctor >= 50 && this.statusDetctor < 61){\r\n this.circleColor = '#28A745'\r\n this.textCircle = 2;\r\n }\r\n if(this.statusDetctor > 60 && this.statusDetctor < 70){\r\n this.circleColor = '#2eced3'\r\n this.textCircle = 3;\r\n }\r\n if(this.statusDetctor >= 70){\r\n this.circleColor = '#d33e2e'\r\n this.textCircle = 4;\r\n }\r\n });\r\n\r\n\r\n\r\n\r\n\r\n\r\n }\r\n\r\n resetCalculator() {\r\n this.requiredBuy = 50;\r\n this.requiredSell = 50;\r\n }\r\n\r\n calculateBuy(){\r\n this.marginReq.RelationCode = this.relationCode;\r\n this.marginReq.buy = this.requiredBuy;\r\n\r\n this.apiService\r\n .marginCalculator(this.marginReq)\r\n .subscribe((res) => {\r\n this.marginObj = res;\r\n });\r\n }\r\n calculateSell(){\r\n this.marginReq.RelationCode = this.relationCode;\r\n this.marginReq.sell = this.requiredSell;\r\n\r\n this.apiService\r\n .marginCalculator(this.marginReq)\r\n .subscribe((res) => {\r\n this.marginObj = res;\r\n });\r\n }\r\n}\r\n","\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {{'create-user' |translate}} | \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n{{\"margin-calculator\"|translate}}
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n","import { AccountService } from \"src/app/services/account.service\";\r\nimport { ApiService } from \"./../../services/api.service\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { ActivatedRoute } from \"@angular/router\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport {\r\n AfterViewInit,\r\n Component,\r\n ElementRef,\r\n OnInit,\r\n Renderer2,\r\n ViewChild,\r\n} from \"@angular/core\";\r\nimport { SignalRService } from \"src/app/services/signalr.service\";\r\nimport { FavService } from \"src/app/services/fav.service\";\r\nimport { OrderBuyComponent } from \"src/app/components/order-buy/order-buy.component\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\ndeclare const TradingView: any;\r\n\r\n@Component({\r\n selector: \"app-company-profile\",\r\n templateUrl: \"./company-profile.component.html\",\r\n styleUrls: [\"./company-profile.component.scss\"],\r\n})\r\nexport class CompanyProfileComponent implements OnInit, AfterViewInit {\r\n symbolCode: any;\r\n company: CompanyList;\r\n reuters: any;\r\n @ViewChild(\"tradingTechnical\") tradingTechnical?: ElementRef;\r\n @ViewChild(\"tradingFinancial\") tradingFinancial?: ElementRef;\r\n isMarket: boolean;\r\n sector: string;\r\n tempReuters: string;\r\n isDarkTheme: boolean;\r\n\r\n constructor(\r\n private _service: ApiService,\r\n private route: ActivatedRoute,\r\n private signalService: SignalRService,\r\n private favService: FavService,\r\n public dialog: MatDialog,\r\n public translate: TranslateService,\r\n private _renderer2: Renderer2,\r\n private accService: AccountService\r\n ) {\r\n this.signalService.connectMarketWatch();\r\n this.signalService.marketChanges.subscribe((res: any) =>\r\n res.forEach((element) => {\r\n if (element.SYMBOL_CODE == this.symbolCode) {\r\n this.company = element;\r\n // this._service.fetchCompany(this.symbolCode).subscribe((res) => {\r\n // this.company = res as CompanyList;\r\n // });\r\n }\r\n })\r\n );\r\n\r\n this.accService.isFullMarketUser.subscribe((isMarket) => {\r\n this.isMarket = isMarket;\r\n });\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.signalService.disconnectMwSignalr();\r\n }\r\n\r\n ngOnInit(): void {\r\n this.isDarkTheme =\r\n localStorage.getItem(\"darktheme\") == \"dark\" ? true : false;\r\n this.route.params.subscribe((params) => {\r\n this.symbolCode = params[\"symbolCode\"];\r\n this.reuters = params[\"reuters\"].substring(\r\n 0,\r\n params[\"reuters\"].indexOf(\".\")\r\n );\r\n\r\n this._service.fetchCompany(this.symbolCode).subscribe((res) => {\r\n this.company = res as CompanyList;\r\n this.sector = this.company.ENG_DESC;\r\n this.tempReuters = this.company.Reuters;\r\n });\r\n this.ngAfterViewInit();\r\n });\r\n }\r\n\r\n ngAfterViewInit() {\r\n new TradingView.widget({\r\n width: \"100%\",\r\n height: 550,\r\n symbol: \"EGX:\" + this.reuters,\r\n interval: \"D\",\r\n timezone: \"Africa/Cairo\",\r\n theme: this.isDarkTheme ? \"Dark\" : \"Light\",\r\n style: \"1\",\r\n locale: this.translate.currentLang == \"ar\" ? \"ar_AE\" : \"en\",\r\n toolbar_bg: \"#1c1c1c\",\r\n enable_publishing: false,\r\n withdateranges: true,\r\n // range: \"ytd\",\r\n hide_side_toolbar: false,\r\n allow_symbol_change: true,\r\n show_popup_button: true,\r\n popup_width: \"1000\",\r\n popup_height: \"650\",\r\n no_referral_id: true,\r\n container_id: \"tradingview_bac65\",\r\n });\r\n\r\n let script = this._renderer2.createElement(\"script\");\r\n script.type = `text/javascript`;\r\n script.src =\r\n \"https://s3.tradingview.com/external-embedding/embed-widget-technical-analysis.js\";\r\n script.text = ` {\r\n \"interval\": \"1D\",\r\n \"width\": \"100%\",\r\n \"height\":\"500\",\r\n \"isTransparent\": true,\r\n \"symbol\": \"EGX:${this.reuters}\",\r\n \"showIntervalTabs\": true,\r\n \"locale\": \"${this.translate.currentLang == \"ar\" ? \"ar_AE\" : \"en\"}\",\r\n \"colorTheme\": \"${this.isDarkTheme ? \"dark\" : \"light\"}\"\r\n }`;\r\n\r\n let scriptt = this._renderer2.createElement(\"script\");\r\n scriptt.type = `text/javascript`;\r\n scriptt.src =\r\n \"https://s3.tradingview.com/external-embedding/embed-widget-financials.js\";\r\n scriptt.text = ` {\r\n \"width\": \"100%\",\r\n \"height\":\"500\",\r\n \"isTransparent\": true,\r\n \"symbol\": \"EGX:${this.reuters}\",\r\n \"displayMode\": \"regular\",\r\n \"largeChartUrl\": \"\",\r\n \"locale\": \"${this.translate.currentLang == \"ar\" ? \"ar_AE\" : \"en\"}\",\r\n \"colorTheme\": \"${this.isDarkTheme ? \"dark\" : \"light\"}\"\r\n }`;\r\n\r\n const existingTech = this.tradingTechnical?.nativeElement;\r\n const existingFin = this.tradingTechnical?.nativeElement;\r\n if (existingFin || existingTech) {\r\n this.tradingTechnical?.nativeElement.replaceChildren(script);\r\n this.tradingFinancial?.nativeElement.replaceChildren(scriptt);\r\n } else {\r\n this.tradingTechnical?.nativeElement.appendChild(script);\r\n this.tradingFinancial?.nativeElement.appendChild(scriptt);\r\n }\r\n }\r\n isFav(symbol) {\r\n return this.favService.isFav(symbol);\r\n }\r\n\r\n toggleFav(symbol) {\r\n this.favService.toggleFav(symbol,this.favService.selectedMarketWatchId);\r\n }\r\n orderBuy(company, isSell) {\r\n const dialogRef = this.dialog.open(OrderBuyComponent, {\r\n disableClose: true,\r\n panelClass: \"order-dialog-container\",\r\n data: { symbol: company, type: isSell },\r\n direction: this.translate.currentLang == \"ar\" ? \"rtl\" : \"ltr\",\r\n });\r\n\r\n dialogRef.afterClosed().subscribe((result) => { });\r\n }\r\n}\r\n","\r\n
\r\n - \r\n
- {{\"sell\"|translate}} \r\n
- {{\"buy\"|translate}} \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n {{\"normal\"|translate}}
\r\n{{\"accepted\"|translate}}
\r\n{{\"margin-call\"|translate}}
\r\n{{\"force-selling\"|translate}}
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {{\"book-balance\"|translate}}
\r\n{{marginCalculator.BookBalance|number: '1.0'}}
\r\n\r\n
\r\n \r\n
\r\n {{\"portfolio\"|translate}}
\r\n{{marginCalculator.ClientPortfolio|number: '1.0'}}
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n {{'sell-value'|translate}}\r\n
\r\n \r\n {{'deposit-value'|translate}}\r\n
\r\n \r\n
\r\n \r\n {{marginCalculator.Sell|number: \"1.0\":\"en-US\"}}\r\n
\r\n \r\n {{marginCalculator.Deposite|number: \"1.0\":\"en-US\"}}\r\n
\r\n \r\n
\r\n \r\n {{marginObj.SellValue|number: \"1.0\":\"en-US\"}}\r\n
\r\n \r\n {{marginObj.DepositValue|number: \"1.0\":\"en-US\"}}\r\n
\r\n \r\n \r\n {{\"buy\"|translate}}\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n {{\"normal\"|translate}}
\r\n{{\"accepted\"|translate}}
\r\n{{\"margin-call\"|translate}}
\r\n{{\"force-selling\"|translate}}
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {{\"book-balance\"|translate}}
\r\n{{marginCalculator.BookBalance|number: '1.0'}}
\r\n\r\n
\r\n \r\n
\r\n {{\"portfolio\"|translate}}
\r\n{{marginCalculator.ClientPortfolio|number: '1.0'}}
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n {{'buy-limit'|translate}}\r\n
\r\n \r\n
\r\n \r\n {{marginCalculator.marginCalculator?.BuyLimit |number: \"1.0\":\"en-US\"}}\r\n
\r\n \r\n
\r\n \r\n {{marginObj.BuyLimit |number: \"1.0\":\"en-US\"}}\r\n
\r\n \r\n
","import { ApiService } from \"./../../services/api.service\";\r\nimport { Component, Input, OnInit, SimpleChanges } from \"@angular/core\";\r\nimport { CompanyDepth } from \"src/app/models/company-depth\";\r\nimport { HubConnection, HubConnectionBuilder } from \"@microsoft/signalr\";\r\nimport * as signalR from \"@microsoft/signalr\";\r\nimport { UrlConstants } from \"src/app/models/urlConstants\";\r\n\r\n@Component({\r\n selector: \"app-market-depth-bids\",\r\n templateUrl: \"./market-depth-bids.component.html\",\r\n styleUrls: [\"./market-depth-bids.component.scss\"],\r\n})\r\nexport class MarketDepthBidsComponent implements OnInit {\r\n @Input() symbolCode: string;\r\n @Input() reuters: string;\r\n @Input() companyName: string;\r\n isDepthLoading: boolean;\r\n companyDepth: CompanyDepth;\r\n isOrder: boolean = false;\r\n\r\n private depthConnection: HubConnection;\r\n\r\n constructor(private _service: ApiService) {}\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes?.reuters) {\r\n this.symbolCode = changes?.symbolCode?.currentValue;\r\n this.reuters = changes.reuters?.currentValue;\r\n }\r\n if (this.symbolCode) {\r\n this.companyDepth = null;\r\n this.isDepthLoading = true;\r\n if (this.isOrder) this.fetchDepthByOrder();\r\n else if (!this.isOrder) this.fetchDepthByPrice();\r\n }\r\n\r\n if (!this.isOrder && this.symbolCode) {\r\n if (this.depthConnection) this.depthConnection.stop();\r\n this.connectSignalR();\r\n }\r\n }\r\n\r\n connectSignalR() {\r\n this.depthConnection = new HubConnectionBuilder()\r\n .withUrl(UrlConstants.newSignalR + \"/bidsAsksHub\", {\r\n skipNegotiation: true,\r\n transport: signalR.HttpTransportType.WebSockets,\r\n })\r\n .build();\r\n\r\n this.depthConnection\r\n .start()\r\n .then((res) =>\r\n this.depthConnection\r\n .invoke(\"JoinGroup\", this.symbolCode)\r\n .then((value) => {\r\n this.depthConnection.on(\"sendBidsAsksForSymbol\", (depthUpdate) => {\r\n let update = depthUpdate[0][\"MarketDepth\"] as CompanyDepth;\r\n this.companyDepth.asksPerPrice = update.asksPerPrice;\r\n this.companyDepth.bidsPerPrice = update.bidsPerPrice;\r\n this.companyDepth.totalsBidsAndAsks = update.totalsBidsAndAsks;\r\n });\r\n })\r\n )\r\n .catch();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.depthConnection) this.depthConnection.stop();\r\n }\r\n\r\n toggleOrderView(value) {\r\n if (this.symbolCode) this.isDepthLoading = true;\r\n this.isOrder = value;\r\n if (value) this.fetchDepthByOrder();\r\n else this.fetchDepthByPrice();\r\n }\r\n\r\n fetchDepthByOrder() {\r\n this._service.fetchDepthByOrder(this.symbolCode).subscribe((res) => {\r\n this.isDepthLoading = false;\r\n this.companyDepth = res as CompanyDepth;\r\n });\r\n }\r\n fetchDepthByPrice() {\r\n this._service.fetchDepthByPrice(this.symbolCode,10).subscribe((res) => {\r\n this.isDepthLoading = false;\r\n this.companyDepth = res as CompanyDepth;\r\n });\r\n }\r\n ngOnInit() {}\r\n}\r\n","\r\n
\r\n \r\n \r\n
\r\n \r\n {{tempReuters}}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n 0? 'green' : 'red'\">\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {{\"bids\"|translate}}
\r\n \r\n \r\n
\r\n {{\"asks\"|translate}}
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{\"high\"|translate}}
\r\n \r\n
\r\n {{\"low\"|translate}}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{\"close\" | translate}}
\r\n \r\n \r\n
\r\n {{\"open\"|translate}}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{\"volume\"|translate}}
\r\n \r\n
\r\n {{\"turnover\"|translate}}
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{\"symbol-info\"|translate}}
\r\n\r\n\r\n
\r\n {{\"last-update\"|translate}}:
\r\n {{company.LAST_TRADE_DATE | date:'d/M/yy, h:mm a'}}
\r\n \r\n
\r\n {{\"market\"|translate}}:
\r\n {{company.MARKET_ID}}
\r\n \r\n
\r\n {{\"sector\"|translate}}:
\r\n \r\n {{sector}}
\r\n \r\n
\r\n {{\"status\"|translate}}:
\r\n Active
\r\n Suspended
\r\n \r\n
\r\n {{\"currency\"|translate}}:
\r\n EGP
\r\n USD
\r\n \r\n
\r\n\r\n\r\n {{'num-shares'|translate}}:
\r\n {{company.LISTED_SHARES | customNumber}}
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n","import { Pipe, PipeTransform } from \"@angular/core\";\r\nimport { DecimalPipe } from \"@angular/common\";\r\n\r\n@Pipe({\r\n name: \"million\",\r\n})\r\nexport class MillionPipe implements PipeTransform {\r\n constructor(private decimalPipe: DecimalPipe) {}\r\n transform(value: any, digits?: any): any {\r\n return this.decimalPipe.transform(value / 1000000, digits) + \"M\";\r\n }\r\n}\r\n","import { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.error(err));\r\n","function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"zn8P\";","import { Component, OnInit } from \"@angular/core\";\r\nimport {\r\n AsyncValidatorFn,\r\n FormControl,\r\n FormGroup,\r\n Validators,\r\n} from \"@angular/forms\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { ReCaptchaV3Service } from \"ng-recaptcha\";\r\nimport { error } from \"protractor\";\r\nimport { ResetPassObj } from \"src/app/models/login\";\r\nimport { AccountService } from \"src/app/services/account.service\";\r\nimport { CustomValidators } from \"./custom-validators\";\r\nimport Swal from \"sweetalert2\";\r\nimport { Router } from \"@angular/router\";\r\n\r\n@Component({\r\n selector: \"app-forget-password\",\r\n templateUrl: \"./forget-password.component.html\",\r\n styleUrls: [\"./forget-password.component.scss\"],\r\n})\r\nexport class ForgetPasswordComponent implements OnInit {\r\n resetPassObj: ResetPassObj = {} as ResetPassObj;\r\n showPassword1: boolean = false;\r\n showPassword2: boolean = false;\r\n resetPassWordForm: FormGroup;\r\n passwordStepper: any;\r\n lang: string;\r\n constructor(\r\n private recaptchaV3Service: ReCaptchaV3Service,\r\n private translate: TranslateService,\r\n private router: Router,\r\n private accService: AccountService\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n this.lang = this.translate.currentLang\r\n this.passwordStepper = 1;\r\n this.resetPassWordForm = new FormGroup(\r\n {\r\n OTP: new FormControl(\r\n null,\r\n Validators.compose([\r\n // check whether the entered password numbers Only\r\n Validators.required,\r\n ])\r\n ),\r\n firstNewPassword: new FormControl(\r\n null,\r\n Validators.compose([\r\n Validators.required,\r\n // check whether the entered password has a number\r\n CustomValidators.patternValidator(/\\d/, {\r\n hasNumber: true,\r\n }),\r\n // check whether the entered password has upper case letter\r\n CustomValidators.patternValidator(/[A-Z]/, {\r\n hasCapitalCase: true,\r\n }),\r\n // check whether the entered password has a lower case letter\r\n CustomValidators.patternValidator(/[a-z]/, {\r\n hasSmallCase: true,\r\n }),\r\n // check whether the entered password has a special character\r\n CustomValidators.patternValidator(\r\n /[ !@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?]/,\r\n {\r\n hasSpecialCharacters: true,\r\n }\r\n ),\r\n Validators.minLength(8),\r\n ])\r\n ),\r\n reFirstNewPassword: new FormControl(\r\n null,\r\n Validators.compose([Validators.required])\r\n ),\r\n secondNewPassword: new FormControl(\r\n null,\r\n Validators.compose([\r\n // check whether the entered password numbers Only\r\n\r\n Validators.required,\r\n Validators.pattern(\"^[0-9]{6}$\"),\r\n // Validators.minLength(4),\r\n // Validators.maxLength(6)\r\n ])\r\n ),\r\n reSecondNewPassword: new FormControl(\r\n null,\r\n Validators.compose([Validators.required])\r\n ),\r\n },\r\n [\r\n CustomValidators.firstPasswordMatchValidator as AsyncValidatorFn,\r\n CustomValidators.secondPasswordMatchValidator as AsyncValidatorFn,\r\n ]\r\n );\r\n }\r\n\r\n onSubmit() {\r\n this.resetPassObj.password = this.resetPassWordForm.value.firstNewPassword;\r\n this.resetPassObj.secondPassword =\r\n this.resetPassWordForm.value.secondNewPassword;\r\n this.resetPassObj.otp = this.resetPassWordForm.value.OTP;\r\n this.recaptchaV3Service\r\n .execute(\"importantAction\")\r\n .subscribe((token: string) => {\r\n this.accService.resetPassword(this.resetPassObj).subscribe(\r\n (arg) => {\r\n let resMsg :any;\r\n resMsg = arg\r\n if(resMsg.IsSuccess == true){\r\n this.router.navigate([\"/login\"]);\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"success\",\r\n title: this.translate.instant(\"pass-success-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }else{\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"pass-error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n },\r\n (err) => {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"error\",\r\n title: this.translate.instant(\"pass-error-msg\"),\r\n showConfirmButton: false,\r\n timer: 4500,\r\n });\r\n }\r\n );\r\n });\r\n }\r\n next() {\r\n this.showPassword1 = false;\r\n this.showPassword2 = false;\r\n this.passwordStepper = this.passwordStepper + 1;\r\n }\r\n back() {\r\n this.showPassword1 = false;\r\n this.showPassword2 = false;\r\n this.passwordStepper = this.passwordStepper - 1;\r\n }\r\n}\r\n","\r\n- \r\n \r\n\r\n
- \r\n \r\n
{{\"price\"|translate}}
\r\n \r\n \r\n - \r\n \r\n
{{\"order\"|translate}}
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n| {{\"price\"|translate}} | \r\n{{\"qty\"|translate}} | \r\n
|---|---|
| {{depth.ORDER_PRICE}} | \r\n{{depth.VOLUME_TRADED | number: \"1.0\":\"en-US\"}} | \r\n
| # | \r\n{{\"price\"|translate}} | \r\n{{\"qty\"|translate}} | \r\n \r\n
|---|---|---|
| \r\n {{depth.split}}\r\n | \r\n\r\n {{depth.ORDER_PRICE}}\r\n | \r\n\r\n {{depth.VOLUME_TRADED | number: \"1.0\":\"en-US\"}}\r\n | \r\n \r\n
\r\n
\r\n","import { Subject } from \"rxjs\";\r\nimport { CompanyList } from \"src/app/models/company-list\";\r\nimport { ApiService } from \"src/app/services/api.service\";\r\nimport { Injectable } from \"@angular/core\";\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n})\r\nexport class SharedService {\r\n allMarketCompanies: CompanyList[];\r\n isDataLoaded: Subject\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n