');\r\n }\r\n\r\n get size(): string {\r\n switch (this.to.size) {\r\n case 1:\r\n case '1':\r\n return '1';\r\n case 3:\r\n case '3':\r\n return '3';\r\n default:\r\n return '2';\r\n }\r\n }\r\n\r\n get align(): string {\r\n switch (this.to.align) {\r\n case 'right':\r\n case 'center':\r\n return this.to.align;\r\n default:\r\n return 'left';\r\n }\r\n }\r\n\r\n get useModal(): boolean {\r\n return this.to.openInModal ?? false;\r\n }\r\n\r\n get showPrint(): boolean {\r\n return this.to.showPrint ?? false;\r\n }\r\n\r\n get buttonText(): string {\r\n return this.label || this.translate.instant('Open');\r\n }\r\n\r\n get color(): IonColor {\r\n return this.validation.validColor(this.to.colorType) ? this.to.colorType : IonColor.Primary;\r\n }\r\n\r\n get fill(): 'clear' | 'solid' | 'outline' {\r\n switch (this.to.fill) {\r\n case 'clear':\r\n case 'solid':\r\n return this.to.fill;\r\n default:\r\n return 'outline';\r\n }\r\n }\r\n\r\n get validationExpression(): string {\r\n if (typeof this.to.validationExpr === 'string') {\r\n return this.to.validationExpr;\r\n }\r\n else {\r\n return '';\r\n }\r\n }\r\n\r\n get usesValidation(): boolean {\r\n if (this.isMarkdown) {\r\n return false;\r\n }\r\n else if (this.validationExpression) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n\r\n get validText(): string {\r\n if (typeof this.to.validText === 'string') {\r\n return this.to.validText.replace(/\\n/g, '
');\r\n }\r\n else {\r\n return '';\r\n }\r\n }\r\n\r\n get invalidText(): string {\r\n if (typeof this.to.invalidText === 'string') {\r\n return this.to.invalidText.replace(/\\n/g, '
');\r\n }\r\n else {\r\n return '';\r\n }\r\n }\r\n\r\n get validColor(): IonColor {\r\n return this.validation.validColor(this.to.validColor) ? this.to.validColor : IonColor.Dark;\r\n }\r\n\r\n get invalidColor(): IonColor {\r\n return this.validation.validColor(this.to.invalidColor) ? this.to.invalidColor : IonColor.Dark;\r\n }\r\n\r\n get textColor(): IonColor {\r\n return this.isValid ? this.validColor : this.invalidColor;\r\n }\r\n\r\n get saveLabel(): boolean {\r\n if (this.usesValidation) {\r\n return this.to.saveLabel ?? true;\r\n }\r\n else {\r\n return this.to.saveLabel ?? false;\r\n }\r\n }\r\n\r\n get textValue(): string {\r\n if (this.usesValidation) {\r\n return this.isValid ? this.validText : this.invalidText;\r\n }\r\n else {\r\n return this.label;\r\n }\r\n }\r\n\r\n get shownText(): string {\r\n return this.label ? `${this.label} ${this.textValue}` : this.textValue;\r\n }\r\n\r\n public static getHtml(config: FormlyFieldConfig, _value: any) {\r\n if (config.templateOptions.markdown) {\r\n return config.templateOptions.markdown;\r\n }\r\n else if (config.templateOptions.label) {\r\n const align = config.templateOptions.align ?? 'left';\r\n // eslint-disable-next-line eqeqeq\r\n const size = config.templateOptions.size == '3' ? '12px' : config.templateOptions.size == '1' ? '20px' : '16px';\r\n const label = config.templateOptions.label.replace(/\\n/g, '
');\r\n return `${label}`;\r\n }\r\n else {\r\n return '';\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n if (this.to.markdown) {\r\n this.isMarkdown = true;\r\n this.markdown = this.to.markdown;\r\n }\r\n this.checkValue();\r\n this.checkNoticeType();\r\n const watchGroup = this.watch.getWatchGroupFromOptions(this.to);\r\n if (this.usesValidation && watchGroup.fieldKeys.length > 0) {\r\n this.watch.watchGroup(this.form, this.model, watchGroup).subscribe(() => this.checkValue());\r\n }\r\n }\r\n\r\n ngAfterViewInit() {\r\n if (!this.to.markdown && this.to.color && this.text?.nativeElement) {\r\n (this.text.nativeElement as HTMLSpanElement).style.color = this.to.color;\r\n }\r\n }\r\n\r\n checkValue() {\r\n if (this.usesValidation) {\r\n this.isValid = this.evalService.evalBooleanExpression(this.validationExpression, this.model);\r\n }\r\n if (this.saveLabel) {\r\n this.formControl.setValue(this.textValue);\r\n }\r\n }\r\n\r\n checkOverflowing() {\r\n setTimeout(() => {\r\n this.isOverflowing = this.domOp.isOverflowing(this.markdownEl?.element?.nativeElement);\r\n this.showOverflowArrow = this.isOverflowing;\r\n });\r\n }\r\n\r\n checkNoticeType() {\r\n if(this.to.noticeType) {\r\n this.noticeType = (this.noticeTypes.includes(this.to.noticeType))?this.to.noticeType+'Notice':'';\r\n }\r\n }\r\n\r\n hideScrollArrow() {\r\n setTimeout(() => {\r\n this.showOverflowArrow = false;\r\n }, 1000);\r\n }\r\n\r\n async openModal() {\r\n const modal = await this.modalCtrl.create({\r\n component: TextModalComponent,\r\n componentProps: {\r\n title: this.label,\r\n text: this.markdown,\r\n showPrint: this.showPrint\r\n }\r\n });\r\n modal.present();\r\n }\r\n\r\n handleSwipe() {}\r\n}\r\n","import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';\r\nimport { FieldType, FormlyFieldConfig } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'app-field-title',\r\n templateUrl: './title.component.html',\r\n styleUrls: ['./title.component.scss'],\r\n})\r\nexport class TitleComponent extends FieldType implements AfterViewInit {\r\n @ViewChild('title') title: ElementRef;\r\n get size(): string {\r\n switch (this.to.size) {\r\n case 1:\r\n case '1':\r\n return '1';\r\n case 3:\r\n case '3':\r\n return '3';\r\n default:\r\n return '2';\r\n }\r\n }\r\n\r\n get label(): string {\r\n if (!this.to.label) {\r\n return '';\r\n }\r\n else {\r\n return this.to.label.replace(/\\n/g, '
') || '';\r\n }\r\n }\r\n\r\n get align(): string {\r\n switch (this.to.align) {\r\n case 'right':\r\n case 'center':\r\n return this.to.align;\r\n default:\r\n return 'left';\r\n }\r\n }\r\n\r\n public static getHtml(config: FormlyFieldConfig, _value: any) {\r\n if (config.templateOptions?.label) {\r\n // eslint-disable-next-line eqeqeq\r\n const size = config.templateOptions.size == '1' ? '36px' : config.templateOptions.size == '3' ? '18px' : '25px';\r\n const align = config.templateOptions.align ?? 'left';\r\n const label = config.templateOptions.label.replace(/\\n/g, '
');\r\n return `
${label}
`;\r\n }\r\n else {\r\n return '';\r\n }\r\n }\r\n\r\n ngAfterViewInit() {\r\n if (this.to.saveLabel) {\r\n this.formControl.setValue(this.label);\r\n }\r\n if (this.to.color && this.title?.nativeElement) {\r\n (this.title.nativeElement as HTMLHeadingElement).style.color = this.to.color;\r\n }\r\n }\r\n}\r\n","{{label}}
\r\n\r\n \r\n
\r\n\r\n ![]()
\r\n
\r\n ${label}
\r\n \r\n {{label}}\r\n
\r\n \r\n \r\n {{label}}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n `;\r\n for (let i = 0; i < filled; i++) {\r\n html += `
'), false);\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n\r\n private getErrorMessage(error: HttpErrorResponse) {\r\n const message = this.util.dotRef(error.error, this.errorPath) || error.message;\r\n return this.withErrorStatus ? `${error.status}: ${message}` : message;\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FieldType, FormlyFieldConfig } from '@ngx-formly/core';\r\nimport { WatchgroupService } from 'src/app/services/watchgroup.service';\r\nimport { FieldService } from 'src/app/services/field.service';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { EvalFunction } from 'mathjs';\r\nimport { StateService } from 'src/app/services/state.service';\r\nimport { IonColor } from 'src/app/models/models';\r\nimport { ValidationService } from 'src/app/services/validation.service';\r\nimport { EvaluationService } from 'src/app/services/evaluation.service';\r\n\r\n@Component({\r\n selector: 'app-field-sum',\r\n templateUrl: './sum.component.html',\r\n styleUrls: ['./sum.component.scss'],\r\n providers: [WatchgroupService, FieldService]\r\n})\r\nexport class SumComponent extends FieldType implements OnInit {\r\n compiledCalc: EvalFunction;\r\n fieldsUsed: string[] = [];\r\n isValid = true;\r\n get sum(): number {\r\n return this.model[this.key as string | number] ?? 0;\r\n }\r\n set sum(val: number) {\r\n if (typeof val === 'string') {\r\n val = parseFloat(val);\r\n }\r\n if (typeof val !== 'number') {\r\n this.model[this.key as string | number] = 0;\r\n }\r\n else {\r\n this.model[this.key as string | number] = +val.toFixed(this.decimal);\r\n }\r\n }\r\n\r\n get label(): string {\r\n return this.to.label || '';\r\n }\r\n\r\n get unit(): string {\r\n return this.to.unit || '';\r\n }\r\n\r\n get result(): string {\r\n if (isNaN(this.sum)) {\r\n return this.translate.instant('Error');\r\n }\r\n else {\r\n return `${this.sum} ${this.unit}`;\r\n }\r\n }\r\n\r\n get decimal(): number {\r\n return (typeof this.to.decimal === 'undefined') ? 2 : parseInt(this.to.decimal);\r\n }\r\n\r\n get calc(): string {\r\n if (typeof this.to.calc === 'string') {\r\n return this.to.calc;\r\n }\r\n else {\r\n return '';\r\n }\r\n }\r\n\r\n get validationExpr(): string {\r\n if (typeof this.to.validationExpr === 'string') {\r\n return this.to.validationExpr;\r\n }\r\n else {\r\n return '';\r\n }\r\n }\r\n\r\n get validColor(): IonColor {\r\n return this.validation.validColor(this.to.validColor) ? this.to.validColor : IonColor.Dark;\r\n }\r\n\r\n get invalidColor(): IonColor {\r\n return this.validation.validColor(this.to.invalidColor) ? this.to.invalidColor : IonColor.Danger;\r\n }\r\n\r\n constructor(\r\n private watch: WatchgroupService,\r\n private fieldService: FieldService,\r\n private translate: TranslateService,\r\n private state: StateService,\r\n private validation: ValidationService,\r\n private evalService: EvaluationService\r\n ) {\r\n super();\r\n this.fieldService.setField(this);\r\n }\r\n\r\n public static getHtml(config: FormlyFieldConfig, value: any) {\r\n const label = config.templateOptions.label ?? '';\r\n const unit = config.templateOptions.unit ?? '';\r\n return `
\r\n
\r\n
\r\n {{'ValuesSelectedWithLabel' | translate:valuesParams}}\r\n
\r\n \r\n {{'ValuesSelected' | translate:valuesParams}}\r\n
\r\n ');\r\n }\r\n else if (typeof value === 'object') {\r\n valText = value[labelProp];\r\n }\r\n }\r\n else if (useMultiple && Array.isArray(value)) {\r\n if (Array.isArray(config.templateOptions.options) && config.templateOptions.options.length > 0) {\r\n const options = config.templateOptions.options;\r\n value = value.map(val => {\r\n const option = options.find(opt => opt[valueProp] === val);\r\n if (option && option[labelProp]) {\r\n return option[labelProp];\r\n }\r\n else {\r\n return val;\r\n }\r\n });\r\n }\r\n valText = value.join('
');\r\n }\r\n else {\r\n if (Array.isArray(config.templateOptions.options) && config.templateOptions.options.length > 0) {\r\n const option = config.templateOptions.options.find(opt => opt[valueProp] === value);\r\n if (option && option[labelProp]) {\r\n valText = option[labelProp];\r\n }\r\n }\r\n }\r\n return `
\r\n
\r\n
\r\n | # | ';\r\n html += labels.map(l => `${l} | `).join('');\r\n html += '
| #${i + 1} | `;\r\n html += labels.map(l => `${val[l]} | `).join('');\r\n html += '
| # | ';\r\n html += labels.map(l => `${l} | `).join('');\r\n html += '
| #${i + 1} | `;\r\n html += parts.map(part => `${part} | `).join('');\r\n html += '
';\r\n vals += '' + this.keys[i - 1].label + ':' + ' ';\r\n vals += element.cells[i].innerHTML;\r\n }\r\n const remove = this.translate.instant('Remove');\r\n const header = `${remove} ${element.cells[0].innerHTML}?`;\r\n const message = `${vals}`;\r\n const confirmed = await this.popup.showConfirm(header, message, false);\r\n if (confirmed) {\r\n this.itemTable.nativeElement.deleteRow(index);\r\n this.removeElementFromModel(index);\r\n }\r\n }\r\n\r\n removeElementFromModel(index: number) {\r\n this.logger.debug('Remove from model called');\r\n index -= 1; // correct for header row\r\n\r\n let value: string | any[];\r\n if (this.json) {\r\n this.values.splice(index, 1);\r\n value = this.values;\r\n }\r\n else {\r\n const arr = this.model[this.key as string | number].split(this.splitmarker_item);\r\n if (index > -1) {\r\n arr.splice(index, 1);\r\n }\r\n value = arr.join(this.splitmarker_item);\r\n }\r\n this.fieldService.setValue(value);\r\n }\r\n\r\n scrollTop() {\r\n const items = document.querySelectorAll('ion-content');\r\n if (items.length > 0) {\r\n const content: HTMLIonContentElement = items[items.length - 1];\r\n content.scrollToTop(500);\r\n }\r\n }\r\n}\r\n","import { AfterViewInit, Component, ViewChild, ViewContainerRef } from '@angular/core';\r\nimport { FieldWrapper } from '@ngx-formly/core';\r\nimport { firstValueFrom, Observable } from 'rxjs';\r\nimport { UntypedFormGroup } from '@angular/forms';\r\nimport { Fields, SourceType } from 'src/app/models/models';\r\nimport { UtilityService } from 'src/app/services/utility.service';\r\n\r\n@Component({\r\n selector: 'app-wrapper-set-label',\r\n templateUrl: './set-label-wrapper.component.html',\r\n styleUrls: ['./set-label-wrapper.component.scss'],\r\n})\r\nexport class SetLabelWrapperComponent extends FieldWrapper implements AfterViewInit {\r\n @ViewChild('fieldComponent', {read: ViewContainerRef, static: true}) fieldComponent: ViewContainerRef;\r\n\r\n constructor(private util: UtilityService) {\r\n super();\r\n }\r\n\r\n get sourceType(): SourceType {\r\n if (this.field.type === Fields.WebLookup) {\r\n return SourceType.API;\r\n }\r\n else if (this.field.type === Fields.Lookup) {\r\n return SourceType.Lookup;\r\n }\r\n else if (this.field.type === Fields.ServerQueryModal) {\r\n return SourceType.API;\r\n }\r\n else if (this.field.type === Fields.Modalselect) {\r\n if (this.to.lookupName) {\r\n return SourceType.Lookup;\r\n }\r\n else if (this.to.lookupUrl) {\r\n return SourceType.API;\r\n }\r\n else {\r\n return SourceType.Local;\r\n }\r\n }\r\n else {\r\n return SourceType.Local;\r\n }\r\n }\r\n\r\n get labelProp(): string {\r\n return this.sourceType === SourceType.Local ? 'label' : this.to.labelProp || 'name';\r\n }\r\n\r\n get valueProp(): string {\r\n return this.sourceType === SourceType.Local ? 'value' : this.to.valueProp || 'number';\r\n }\r\n\r\n get delimiter(): string {\r\n return this.to.delimiter ?? ';';\r\n }\r\n\r\n ngAfterViewInit() {\r\n if (this.to.setLabel) {\r\n this.findAndSetLabel(this.to.options, this.formControl.value);\r\n this.formControl.valueChanges.subscribe((val) => {\r\n this.findAndSetLabel(this.to.options, val);\r\n });\r\n }\r\n }\r\n\r\n\r\n\r\n async findAndSetLabel(options: any[] | Observable
\r\n {{'NoUrl' | translate}} \r\n
\r\n| ${obj.data} | ${obj.input} |
| ${parts[0]} | ${parts[1]} |
| ${val.item} | ${val.value} |
| ${input[0]} | ${input[1]} |
\r\n ![](\"{{src}}\")
\r\n
\r\n \r\n
","import { Component, Input, OnChanges, Output, EventEmitter } from '@angular/core';\r\nimport { ModalController } from '@ionic/angular';\r\nimport { RegistrationModalComponent } from '../../shared-directives/registration-modal/registration-modal.component';\r\nimport { CachedApiService } from 'src/app/services/cached-api.service';\r\nimport { DataStatus, DataSource, Form, Project, OldReg } from 'src/app/models/models';\r\n\r\n@Component({\r\n selector: 'app-last-reg',\r\n templateUrl: './last-reg.component.html',\r\n styleUrls: ['./last-reg.component.scss'],\r\n})\r\nexport class LastRegComponent implements OnChanges {\r\n get formId(): number {\r\n return this._formId;\r\n }\r\n\r\n @Input('formId')\r\n set formId(id: number) {\r\n this._formId = id;\r\n }\r\n\r\n get projectId(): number {\r\n return this._projectId;\r\n }\r\n\r\n @Input('projectId')\r\n set projectId(id: number) {\r\n this._projectId = id;\r\n }\r\n\r\n @Input('form')\r\n set form(form: Form) {\r\n this._formId = form?.id;\r\n }\r\n\r\n @Input('project')\r\n set project(project: Project) {\r\n this._projectId = project?.id;\r\n }\r\n @Input() lastRefresh: Date;\r\n @Output() foundReg = new EventEmitter\n \n \n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n \n \n \n \n
\n `, styles: [\"\\n .text-muted {\\n color: #999;\\n }\\n\\n .table-fixed {\\n table-layout: fixed;\\n }\\n\\n .table {\\n width: 100%;\\n max-width: 100%;\\n background-color: transparent;\\n }\\n\\n .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,\\n .table > tbody > tr > td, .table > tfoot > tr > td {\\n padding: 8px;\\n line-height: 20px;\\n vertical-align: top;\\n }\\n\\n .table > thead > tr > th {\\n vertical-align: bottom;\\n border-bottom: 2px solid #ddd;\\n }\\n\\n .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {\\n border-top: 0\\n }\\n\\n .table > tbody + tbody {\\n border-top: 2px solid #ddd;\\n }\\n\\n .table-bordered {\\n border: 1px solid #ddd;\\n }\\n\\n .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,\\n .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {\\n border: 1px solid #ddd;\\n }\\n\\n .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {\\n border-bottom-width: 2px;\\n }\\n\\n .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {\\n background-color: #f9f9f9\\n }\\n\\n .monthview-primary-with-event {\\n background-color: #3a87ad;\\n color: white;\\n }\\n\\n .monthview-current {\\n background-color: #f0f0f0;\\n }\\n\\n .monthview-selected {\\n background-color: #009900;\\n color: white;\\n }\\n\\n .monthview-datetable td.monthview-disabled {\\n color: lightgrey;\\n cursor: default;\\n }\\n\\n .monthview-datetable th {\\n text-align: center;\\n }\\n\\n .monthview-datetable td {\\n cursor: pointer;\\n text-align: center;\\n }\\n\\n .monthview-secondary-with-event {\\n background-color: #d9edf7;\\n }\\n\\n ::-webkit-scrollbar,\\n *::-webkit-scrollbar {\\n display: none;\\n }\\n \"] }]\n }], function () { return [{ type: CalendarService }]; }, { autoSelect: [{\n type: Input\n }], dir: [{\n type: Input\n }], onRangeChanged: [{\n type: Output\n }], onEventSelected: [{\n type: Output\n }], onTimeSelected: [{\n type: Output\n }], onTitleChanged: [{\n type: Output\n }], sliderOptions: [{\n type: Input\n }], slider: [{\n type: ViewChild,\n args: ['monthSlider', { static: true }]\n }], monthviewDisplayEventTemplate: [{\n type: Input\n }], monthviewInactiveDisplayEventTemplate: [{\n type: Input\n }], monthviewEventDetailTemplate: [{\n type: Input\n }], formatDay: [{\n type: Input\n }], formatDayHeader: [{\n type: Input\n }], formatMonthTitle: [{\n type: Input\n }], eventSource: [{\n type: Input\n }], startingDayMonth: [{\n type: Input\n }], showEventDetail: [{\n type: Input\n }], noEventsLabel: [{\n type: Input\n }], markDisabled: [{\n type: Input\n }], locale: [{\n type: Input\n }], dateFormatter: [{\n type: Input\n }], lockSwipeToPrev: [{\n type: Input\n }], lockSwipes: [{\n type: Input\n }] }); })();\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && ɵngcc0.ɵsetClassMetadata(WeekViewComponent, [{\n type: Component,\n args: [{ selector: 'weekview', template: `\n | \n {{dayHeader}}\n | \n
|---|
| \n | \n
| \n {{dayHeader}}\n | \n
|---|
| \n | \n
| \n {{dayHeader}}\n | \n
|---|
| \n | \n
| \n {{dayHeader}}\n | \n
|---|
| \n | \n
| \n {{dayHeader}}\n | \n
|---|
| \n | \n
| \n {{dayHeader}}\n | \n
|---|
| \n | \n
| \n | \n | \n
|---|
\n \n \n \n
\n \n
\n \n
\n {{allDayLabel}}
\n \n \n \n
\n
\n | \n | \n
| \n {{hourColumnLabels[i]}}\n | \n\n | \n
\n \n \n \n
\n \n
\n \n
\n {{allDayLabel}}
\n \n \n \n
\n
\n | \n | \n
| \n {{hourColumnLabels[i]}}\n | \n\n | \n
| \n | \n | \n
|---|
\n \n \n \n
\n \n
\n \n
\n {{allDayLabel}}
\n \n \n \n
\n
\n | \n | \n
| \n {{hourColumnLabels[i]}}\n | \n\n \n \n | \n
\n \n \n \n
\n \n
\n \n
\n {{allDayLabel}}
\n \n \n \n
\n
\n | \n | \n
| \n {{hourColumnLabels[i]}}\n | \n\n \n \n | \n
| \n | \n | \n
|---|
\n \n \n \n
\n \n
\n \n
\n {{allDayLabel}}
\n \n \n \n
\n
\n | \n | \n
| \n {{hourColumnLabels[i]}}\n | \n\n \n \n | \n
\n \n \n \n
\n \n
\n \n
\n {{allDayLabel}}
\n \n \n \n
\n
\n | \n | \n
| \n {{hourColumnLabels[i]}}\n | \n\n \n \n | \n
\n
\n {{allDayLabel}}
\n \n \n \n
\n
\n | 0}\"\n [ngStyle]=\"{height: 25*views[0].allDayEvents.length+'px'}\"\n *ngIf=\"0===currentViewIndex\">\n | \n \n | \n
| \n {{hourColumnLabels[i]}}\n | \n\n | \n
| \n {{hourColumnLabels[i]}}\n | \n\n | \n
\n
\n {{allDayLabel}}
\n \n \n \n
\n
\n | 0}\"\n [ngStyle]=\"{height: 25*views[1].allDayEvents.length+'px'}\"\n *ngIf=\"1===currentViewIndex\">\n | \n \n | \n
| \n {{hourColumnLabels[i]}}\n | \n\n | \n
| \n {{hourColumnLabels[i]}}\n | \n\n | \n
\n
\n {{allDayLabel}}
\n \n \n \n
\n
\n | 0}\"\n [ngStyle]=\"{height: 25*views[2].allDayEvents.length+'px'}\"\n *ngIf=\"2===currentViewIndex\">\n | \n \n | \n
| \n {{hourColumnLabels[i]}}\n | \n\n | \n
| \n {{hourColumnLabels[i]}}\n | \n\n | \n
{{noEventsLabel}}
\n {{displayEvent.event.title}}
\n {{displayEvent.event.title}}
\n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n \n \n \n \n \n \n
\n `, providers: [CalendarService], styles: [\"\\n :host > div { height: 100%; }\\n\\n .event-detail-container {\\n border-top: 2px darkgrey solid;\\n }\\n\\n .no-events-label {\\n font-weight: bold;\\n color: darkgrey;\\n text-align: center;\\n }\\n\\n .event-detail {\\n cursor: pointer;\\n white-space: nowrap;\\n text-overflow: ellipsis;\\n }\\n\\n .monthview-eventdetail-timecolumn {\\n width: 110px;\\n overflow: hidden;\\n }\\n\\n .calendar-event-inner {\\n overflow: hidden;\\n background-color: #3a87ad;\\n color: white;\\n height: 100%;\\n width: 100%;\\n padding: 2px;\\n line-height: 15px;\\n text-align: initial;\\n }\\n\\n @media (max-width: 750px) {\\n .calendar-event-inner {\\n font-size: 12px;\\n }\\n }\\n \"] }]\n }], function () { return [{ type: CalendarService }, { type: String, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }]; }, { eventSource: [{\n type: Input\n }], calendarMode: [{\n type: Input\n }], formatDay: [{\n type: Input\n }], formatDayHeader: [{\n type: Input\n }], formatDayTitle: [{\n type: Input\n }], formatWeekTitle: [{\n type: Input\n }], formatMonthTitle: [{\n type: Input\n }], formatWeekViewDayHeader: [{\n type: Input\n }], formatHourColumn: [{\n type: Input\n }], showEventDetail: [{\n type: Input\n }], startingDayMonth: [{\n type: Input\n }], startingDayWeek: [{\n type: Input\n }], allDayLabel: [{\n type: Input\n }], noEventsLabel: [{\n type: Input\n }], queryMode: [{\n type: Input\n }], step: [{\n type: Input\n }], timeInterval: [{\n type: Input\n }], autoSelect: [{\n type: Input\n }], dir: [{\n type: Input\n }], scrollToHour: [{\n type: Input\n }], preserveScrollPosition: [{\n type: Input\n }], lockSwipeToPrev: [{\n type: Input\n }], lockSwipes: [{\n type: Input\n }], locale: [{\n type: Input\n }], startHour: [{\n type: Input\n }], endHour: [{\n type: Input\n }], onCurrentDateChanged: [{\n type: Output\n }], onRangeChanged: [{\n type: Output\n }], onEventSelected: [{\n type: Output\n }], onTimeSelected: [{\n type: Output\n }], onDayHeaderSelected: [{\n type: Output\n }], onTitleChanged: [{\n type: Output\n }], currentDate: [{\n type: Input\n }], markDisabled: [{\n type: Input\n }], monthviewDisplayEventTemplate: [{\n type: Input\n }], monthviewInactiveDisplayEventTemplate: [{\n type: Input\n }], monthviewEventDetailTemplate: [{\n type: Input\n }], weekviewHeaderTemplate: [{\n type: Input\n }], weekviewAllDayEventTemplate: [{\n type: Input\n }], weekviewNormalEventTemplate: [{\n type: Input\n }], dayviewAllDayEventTemplate: [{\n type: Input\n }], dayviewNormalEventTemplate: [{\n type: Input\n }], weekviewAllDayEventSectionTemplate: [{\n type: Input\n }], weekviewNormalEventSectionTemplate: [{\n type: Input\n }], dayviewAllDayEventSectionTemplate: [{\n type: Input\n }], dayviewNormalEventSectionTemplate: [{\n type: Input\n }], weekviewInactiveAllDayEventSectionTemplate: [{\n type: Input\n }], weekviewInactiveNormalEventSectionTemplate: [{\n type: Input\n }], dayviewInactiveAllDayEventSectionTemplate: [{\n type: Input\n }], dayviewInactiveNormalEventSectionTemplate: [{\n type: Input\n }], dateFormatter: [{\n type: Input\n }], sliderOptions: [{\n type: Input\n }] }); })();\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && ɵngcc0.ɵsetClassMetadata(initPositionScrollComponent, [{\n type: Component,\n args: [{ selector: 'init-position-scroll', template: `\n \n
\n `, encapsulation: ViewEncapsulation.None, styles: [\"\\n .scroll-content {\\n overflow-y: auto;\\n overflow-x: hidden;\\n } \\n \"] }]\n }], function () { return [{ type: ɵngcc0.ElementRef }]; }, { onScroll: [{\n type: Output\n }], initPosition: [{\n type: Input\n }], emitEvent: [{\n type: Input\n }] }); })();\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && ɵngcc0.ɵsetClassMetadata(NgCalendarModule, [{\n type: NgModule,\n args: [{\n declarations: [\n MonthViewComponent, WeekViewComponent, DayViewComponent, CalendarComponent, initPositionScrollComponent\n ],\n imports: [IonicModule, CommonModule],\n exports: [CalendarComponent]\n }]\n }], null, null); })();\n(function () { (typeof ngJitMode === \"undefined\" || ngJitMode) && ɵngcc0.ɵɵsetNgModuleScope(NgCalendarModule, { declarations: function () { return [MonthViewComponent, WeekViewComponent, DayViewComponent, CalendarComponent, initPositionScrollComponent]; }, imports: function () { return [IonicModule, CommonModule]; }, exports: function () { return [CalendarComponent]; } }); })();\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { CalendarComponent, NgCalendarModule, MonthViewComponent as ɵa, CalendarService as ɵb, WeekViewComponent as ɵc, DayViewComponent as ɵd, initPositionScrollComponent as ɵe };\n\n","{{displayEvent.event.title}}
\r\n\r\n
\r\n \r\n\r\n {{saveBtnLabel | 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 {{'NoListOptions' | translate}}\r\n
\r\n\r\n \r\n {{toggleBtnText}}\r\n \r\n
\r\n\r\n ';\r\n }\r\n\r\n get toggleBtnText(): string {\r\n return this.prevChoicesIsOpened ? this.translate.instant('PrevHistClose') : this.translate.instant('PrevHistOpen');\r\n }\r\n\r\n get isHistory(): boolean {\r\n return this.to?.disabled ?? false;\r\n }\r\n\r\n get hasSubForm(): boolean {\r\n return (this.to?.tabsFormId > 0) ?? false;\r\n }\r\n\r\n get subFormId(): string {\r\n return this.hasSubForm ? this.to.tabsFormId : null;\r\n }\r\n\r\n ngOnInit() {\r\n this.setReference(this.key as string, this.formId, this.formType);\r\n this.logger.debug('init');\r\n this.defaultApiUrl = this.to.url;\r\n this.logger.debug(this.model[this.key as string]);\r\n if (this.model[this.key as string]) {\r\n this.jsonModel = this.model[this.key as string];\r\n this.tabState = 'model';\r\n }\r\n //console.log('jsonModel: ', this.jsonModel);\r\n if (this.jsonModel?.datetime) {\r\n this.setCurrentTime(this.jsonModel.datetime);\r\n }\r\n if (this.jsonModel?.datetime || this.jsonModel?.timeStopped || this.to?.disabled) {\r\n this.jsonModel['timeStopped'] = true;\r\n this.shouldUpdateTime = false;\r\n\r\n if (this.jsonModel.buttonPressed)\r\n this.btnPressed = { type: this.jsonModel.buttonPressed, time: moment(this.jsonModel.submitDate).format(this.format.time) };\r\n }\r\n\r\n const requiredTabs = this.to.mandatoryTabs ?? [];\r\n if(requiredTabs && !isArray(requiredTabs)) { //fix in case of mal varible not set.\r\n const arr = requiredTabs.split(',') ?? []; //e.g. \"Tab2,Tab3,Tab4,Comment\"\r\n this.requiredTabs = arr.map(v => v.trim());\r\n }\r\n else if(requiredTabs && isArray(requiredTabs)) {\r\n this.requiredTabs = requiredTabs;\r\n }\r\n if(this.requiredTabs.length > 0) {\r\n const keys = Object.keys(this.tabsLabel);\r\n keys.push('Kommentar');\r\n this.requiredTabs = this.requiredTabs.map(v => v === 'Comment' ? 'Kommentar': v.charAt(0)?.toLocaleUpperCase() + v.slice(1));\r\n this.requiredTabs = this.requiredTabs.filter(v => keys.includes(v));\r\n }\r\n\r\n this.allowEditDatetime = (this.to.allowEditDatetime) ? this.to.allowEditDatetime : false;\r\n this.showLastReg = ((this.to.disabled) ? false : this.to.showLastReg || false);\r\n this.showTabs = (this.hasSubForm || this.hasRequiredTabs()) ?? false; // Can set tabs or tabsvalue already set.\r\n this.showPrevChoices = (!this.isHistory && this.to.prevChoiceApi && this.to.showPrevChoice) || false;\r\n this.logger.debug('jsonModel',this.jsonModel);\r\n this.logger.debug('state', this.tabState);\r\n this.logger.debug('isHistory', this.isHistory);\r\n\r\n if (this.showTabs) {\r\n this.getTabLabels();\r\n }\r\n if (this.showLastReg) {\r\n this.getLastReg();\r\n }\r\n if(this.showPrevChoices) {\r\n this.getPrevChoiches();\r\n }\r\n\r\n }\r\n\r\n ngAfterViewInit() {\r\n\r\n if (this.shouldUpdateTime) {\r\n this.logger.debug('shouldupdate - afterInit');\r\n this.setCurrentTime();\r\n this.startLiveUpdate();\r\n }\r\n\r\n this.resumeSub = this.plt.resume.subscribe(() => {\r\n this.logger.debug('Resume! Welcome back!');\r\n if (this.shouldUpdateTime) {\r\n this.logger.debug('shouldupdate -from resume');\r\n this.setCurrentTime();\r\n this.startLiveUpdate();\r\n }\r\n });\r\n }\r\n\r\n //Used in Dom.\r\n setTabs(event: MouseEvent, index: number, editClick: boolean) {\r\n event.stopPropagation();\r\n\r\n if(!this.prevChoices[index])\r\n return;\r\n\r\n const v = this.prevChoices[index];\r\n// console.log(v);\r\n this.jsonModel.tabs = v.tabs;\r\n this.tabState = 'user';\r\n this.buildTabsLabel();\r\n this.subTabsUpdated = true;\r\n setTimeout(x => {\r\n this.subTabsUpdated = false;\r\n },500);\r\n/* if(editClick) {\r\n this.showTabsModal(v.tabs);\r\n }\r\n else {\r\n this.jsonModel.tabs = v.tabs;\r\n this.tabState = 'user';\r\n this.buildTabsLabel();\r\n this.doSubmit('startBtn');\r\n }*/\r\n }\r\n\r\n trackbyId(index: number, item: any) {\r\n if (!item)\r\n return null;\r\n if (item.id)\r\n return item.id;\r\n if (item.regId) // history regs.\r\n return item.regId;\r\n }\r\n\r\n setReference(key: string, id: number, type: FormType) {\r\n this.ref.addReference(key, id, type, this);\r\n }\r\n\r\n setTime(type: string, data: any) {\r\n if (!this.allowEditDatetime)\r\n return;\r\n const val = data.target.value; // data is an $event\r\n const currTime = moment();\r\n\r\n // this.setModel(type,val);\r\n\r\n let t = null;\r\n if (type === 'time') {\r\n t = moment(this.currDateVal + ' ' + val);\r\n this.statistics.logEvent(FirebaseEvent.D4GoSetTime);\r\n }\r\n else if (type === 'date') {\r\n t = moment(val + ' ' + this.currTime);\r\n this.statistics.logEvent(FirebaseEvent.D4GoSetDate);\r\n }\r\n else {\r\n t = moment(val);\r\n }\r\n this.logger.debug(t);\r\n this.logger.debug(currTime);\r\n if (currTime.diff(t, 'minute') > 1) {\r\n this.logger.debug('stop real time');\r\n this.setModel('timeStopped', true);\r\n this.stopLiveUpdate();\r\n }\r\n else if (!this.shouldUpdateTime) {\r\n this.logger.debug('start real time');\r\n this.startLiveUpdate();\r\n }\r\n this.setCurrentTime(t.toISOString(true));\r\n }\r\n\r\n stopLiveUpdate() {\r\n this.logger.debug('Stop startLiveupdate');\r\n this.shouldUpdateTime = false;\r\n this.showMarker = true;\r\n this.clearIntervals();\r\n this.resumeSub?.unsubscribe();\r\n }\r\n startLiveUpdate() {\r\n this.logger.debug('startLiveupdate');\r\n this.shouldUpdateTime = true;\r\n\r\n if (!this.intervalSub || this.intervalSub.closed)\r\n this.intervalSub = interval(1000).subscribe(x => {\r\n this.showMarker = !this.showMarker;\r\n if (this.shouldUpdateTime) {\r\n this.setCurrentTime();\r\n }\r\n });\r\n\r\n }\r\n\r\n hasEmptyTabs() {\r\n let hasValue = false;\r\n for(const t of Object.keys(this.jsonModel.tabs)) {\r\n if(this.jsonModel.tabs[t]?.Nr) {\r\n hasValue = true;\r\n break;\r\n }\r\n }\r\n return !hasValue;\r\n }\r\n hasRequiredTabs() {\r\n let isMissing = false;\r\n this.requiredTabs?.every(tab => {\r\n if((tab !== 'Kommentar' && !this.jsonModel.tabs[tab]?.Nr) || (tab === 'Kommentar' && !this.jsonModel.tabs[tab])) {\r\n isMissing = true;\r\n return false;\r\n }\r\n return true;\r\n });\r\n return !isMissing;\r\n }\r\n missingTabsLabel() {\r\n const missing = [];\r\n this.requiredTabs?.forEach(tab => {\r\n if(tab === 'Kommentar' && !this.jsonModel.tabs[tab])\r\n missing.push(this.translate.instant('Comment'));\r\n else if(tab !== 'Kommentar' && !this.jsonModel.tabs[tab]?.Nr) {\r\n missing.push(this.tabsLabel[tab] ? this.tabsLabel[tab]: tab);\r\n }\r\n });\r\n return missing;\r\n }\r\n\r\n ngOnDestroy() {\r\n this.clearIntervals();\r\n this.resumeSub?.unsubscribe();\r\n }\r\n\r\n clearIntervals() {\r\n this.logger.debug('clearIntervals');\r\n if (this.intervalSub && !this.intervalSub.closed) {\r\n this.intervalSub.unsubscribe();\r\n }\r\n this.logger.debug('clearIntervals done');\r\n }\r\n\r\n setCurrentTime(preset?: string) {\r\n this.currDateTime = moment(preset);\r\n this.currTime = this.currDateTime.format(this.format.time);\r\n this.currDate = this.currDateTime.format(this.format.date);\r\n this.currDateVal = this.currDateTime.format(this.format.dateformat);\r\n this.setModel('timeOnly', this.currTime);\r\n this.setModel('dateOnly', this.currDateVal);\r\n this.setModel('datetime', this.currDateTime.format(this.format.datetime));\r\n\r\n this.updateTime();\r\n }\r\n\r\n updateTime() {\r\n const v = this.currTime.split(':');\r\n const t = (this.showMarker) ? v[0] + ':' + v[1] : v[0] + ' ' + v[1];\r\n this.time.next(t);\r\n this.timeHour.next(v[0]);\r\n this.timeMin.next(v[1]);\r\n this.changeRef.detectChanges();\r\n }\r\n\r\n setModel(key: string, val: any) {\r\n this.jsonModel[key] = val;\r\n }\r\n\r\n async showTabsModal(tabs?) {\r\n if (this.isHistory || this.subFormId === null)\r\n return;\r\n const val = (tabs) ? tabs : this.jsonModel.tabs;\r\n const modal = await this.modalCtrl.create({\r\n component: SubFormComponent,\r\n componentProps: {\r\n values: val,\r\n formId: this.subFormId\r\n }\r\n });\r\n await modal.present();\r\n const { data } = await modal.onWillDismiss();\r\n if (data) {\r\n this.jsonModel.tabs = data;\r\n this.tabState = 'user';\r\n this.buildTabsLabel();\r\n }\r\n }\r\n\r\n getLastReg(highlight = false) {\r\n if (this.formService.currentProject.id && this.formService.formId) {\r\n this.lastRegLoading = true;\r\n this.cachedApi.getLastRegistration(this.formService.formId, this.formService.currentProject.id).subscribe(data => {\r\n if (!data.value) {\r\n this.lastRegSumValues = '';\r\n }\r\n else if (data.value && data.status === DataStatus.Updated) {\r\n this.lastReg = data.value;\r\n this.cachedApi.getRegistration(data.value.regId).subscribe(res => {\r\n const reg = res.value;\r\n if (reg && res.status === DataStatus.Updated) {\r\n this.lastRegFound = true;\r\n this.lastRegLoading = false;\r\n //Tabs values\r\n const val = reg.values.filter(obj => obj.key === this.key);\r\n\r\n if (val.length > 0)\r\n this.lastRegValues = JSON.parse(val[0].value);\r\n this.jsonModel.tabs = this.lastRegValues.tabs;\r\n this.tabState = 'lastReg';\r\n this.buildTabsLabel();\r\n this.buildLastRegLabel();\r\n }\r\n });\r\n }\r\n if (data.source === DataSource.API) {\r\n this.lastRegLoading = false;\r\n }\r\n if(highlight) {\r\n this.subLastRegUpdated = true;\r\n setTimeout(x => {\r\n this.subLastRegUpdated = false;\r\n },700);\r\n }\r\n });\r\n }\r\n }\r\n\r\n getPrevChoiches() {\r\n if (this.formService.currentProject.id && this.formService.formId) {\r\n this.prevChoicesLoading = true;\r\n const url = this.to.prevChoiceApi;\r\n this.cachedApi.getWebJSON(url, '', this.formId, this.to.headers, this.to.useCredentials).subscribe(data => {\r\n if (!data.value) {\r\n this.lastRegSumValues = '';\r\n }\r\n else if (data.value && data.status === DataStatus.Updated) {\r\n const d = data.value.map(res => {\r\n const terminal = (/^IN/.test(res.KommerFra)) ? 'IN':'TERMINAL';\r\n const r = {label: res.Navn, deviceType: terminal, submitted: res.Opprettet, tabs: {\r\n Tab2: { Nr: res.Tab2Nr, Navn: res.Tab2Navn},\r\n Tab3: { Nr: res.Tab3Nr, Navn: res.Tab3Navn},\r\n Tab4: { Nr: res.Tab4Nr, Navn: res.Tab4Navn},\r\n Tab5: { Nr: res.Tab5Nr, Navn: res.Tab5Navn},\r\n Tab6: { Nr: res.Tab6Nr, Navn: res.Tab6Navn},\r\n Tab7: { Nr: res.Tab7Nr, Navn: res.Tab7Navn},\r\n Tab8: { Nr: res.Tab8Nr, Navn: res.Tab8Navn},\r\n Tab9: { Nr: res.Tab9Nr, Navn: res.Tab9Navn},\r\n Kommentar: res.Kommentar\r\n }};\r\n return r;\r\n });\r\n this.prevChoices = d;\r\n }\r\n if (data.source === DataSource.API) {\r\n this.prevChoicesLoading = false;\r\n }\r\n });\r\n }\r\n }\r\n\r\n buildLastRegLabel() {\r\n this.lastRegSumValues = '[' + this.subBtnLabel + '] ' + moment(this.lastRegValues.datetime).format('HH:mm, DD.MM.YY') + '.';\r\n }\r\n\r\n async openRegistration() {\r\n if (!this.lastRegFound) {\r\n return;\r\n }\r\n this.statistics.logEvent(FirebaseEvent.D4GoOpenLastReg);\r\n const modal = await this.modalCtrl.create({\r\n component: RegistrationModalComponent,\r\n componentProps: {\r\n reg: this.lastReg\r\n }\r\n });\r\n await modal.present();\r\n }\r\n\r\n toggleView() {\r\n this.prevChoicesIsOpened = !this.prevChoicesIsOpened;\r\n this.prevChoicesContainer.nativeElement.style.maxHeight = (this.prevChoicesIsOpened) ? '100%': '0px';\r\n }\r\n\r\n getTabLabels() {\r\n if (!this.tabsLabelApi) {\r\n return false;\r\n }\r\n const paths = this.formService.getStylePaths(this.to.tabsLabelProps);\r\n const keys = Object.keys(this.tabsLabel);\r\n this.cachedApi.getStyleData(this.tabsLabelApi, paths, keys, this.formId).subscribe(({value: tabsLabel, status}) => {\r\n\r\n if (Array.isArray(tabsLabel) && status === DataStatus.Updated) {\r\n tabsLabel = tabsLabel.filter(t => t.visible);\r\n if (tabsLabel.length > 0) {\r\n this.projectTab = +tabsLabel[0].key.slice(-1);\r\n }\r\n tabsLabel.forEach(t => {\r\n this.tabsLabel[t.key] = t.label;\r\n if(t.value) {\r\n this.jsonModalInit.tabs[t.key].Nr = t.value;\r\n this.jsonModalInit.tabs[t.key].Navn = t.valueName;\r\n this.hasDefaultTabs = true;\r\n }\r\n });\r\n if(this.hasDefaultTabs && this.tabState === 'empty') {\r\n this.jsonModel.tabs = this.jsonModalInit.tabs;\r\n this.tabState = 'defaults';\r\n }\r\n this.buildTabsLabel();\r\n }\r\n });\r\n }\r\n\r\n buildTabsLabel() {\r\n //split = \"
\", \",\"\r\n// console.log('state',this.tabState);\r\n let txt = '';\r\n const t = this.jsonModel.tabs;\r\n if(!t || this.tabState === 'empty') {\r\n this.sumTabsLabel = txt;\r\n return txt;\r\n }\r\n\r\n Object.keys(this.tabsLabel).forEach(tab => {\r\n const label = '' + this.tabsLabel[tab] + ': ';\r\n txt += (txt === '') ?\r\n ((t[tab]?.Navn) ? label + t[tab].Navn : '') :\r\n ((t[tab]?.Navn) ? this.labelSplit + label + t[tab]?.Navn : '');\r\n });\r\n\r\n if(t.Kommentar !== undefined && t.Kommentar !== '')\r\n txt += (txt === '') ? '\"' + t.Kommentar + '\"' : this.labelSplit + '\"' + t.Kommentar + '\"';\r\n else\r\n t.Kommentar = '';\r\n\r\n if(txt === '')\r\n this.tabState = 'empty';\r\n// console.log('state',this.tabState);\r\n this.sumTabsLabel = txt;\r\n this.changeRef.detectChanges();\r\n }\r\n // == BUTTONS ==\r\n\r\n async doSubmit(buttonSubmitting: 'startBtn' | 'endBtn') {\r\n if (!this.pageRef || !this.formId || !this.formType) return;\r\n\r\n const page: FormPage | FormViewComponent | SubFormComponent = this.ref.getReference(this.pageRef, this.formId, this.formType)[0];\r\n if (!page) {\r\n return;\r\n }\r\n this.logger.debug(page);\r\n if (buttonSubmitting === 'startBtn' && this.isMissingRequiredValues) {\r\n await this.popup.showAlert('MissingValues', this.missingTabsLabel().join(', '), true);\r\n this.showTabsModal();\r\n return;\r\n }\r\n\r\n this.setModel('buttonPressed', buttonSubmitting);\r\n this.setModel('submitDate', moment().toISOString(true));\r\n\r\n this.model['buttonfunction'] = 'reg';//this.buttonFunction;\r\n this.model['pressed'] = this.key;\r\n if(!this.to.muteSuccessPopup)\r\n this.to.showMsg = {msg: this.translate.instant('SubmitUploaded'), duration: 1500, delay: 0};\r\n const res = this.util.createCopyOfObject(this.jsonModel);\r\n this.fieldService.setValue(res);\r\n // this.model[this.key as string] = this.jsonModel;\r\n this.to.url = this.util.parseText(this.to.url, res); // time&date.\r\n this.to.url = this.util.parseText(this.to.url, res.tabs); // subFormData.\r\n this.to.url = this.util.parseText(this.to.url, { btnType: this.btnType[res.buttonPressed] }); // which btn was used.\r\n\r\n this.btnPressed = { type: res.buttonPressed, time: moment(res.submitDate).format(this.format.time) };\r\n this.isSubmitting = true;\r\n await page.submit(this.model);\r\n this.isSubmitting = false;\r\n this.to.url = this.defaultApiUrl; //reset parsed url\r\n\r\n if(this.to.externalTrigger) {\r\n const ex = this.to.externalTrigger;\r\n// const data = (ex.type === TriggerType.Set) ? ((ex.dataParse) ? this.util.dotRef(res, ex.dataParse) : res) : '';\r\n this.ref.callReference(ex.key, this.formId, this.formType, ex.type, res);\r\n }\r\n if (this.showLastReg)\r\n this.getLastReg(true);\r\n if(this.showPrevChoices)\r\n this.getPrevChoiches();\r\n this.startLiveUpdate(); //restart timer\r\n this.statistics.logEvent(buttonSubmitting === 'startBtn' ? FirebaseEvent.D4GoSubmitStart : FirebaseEvent.D4GoSubmitEnd);\r\n }\r\n\r\n\r\n\r\n}\r\n","import { asyncScheduler } from '../scheduler/async';\nimport { timer } from './timer';\nexport function interval(period = 0, scheduler = asyncScheduler) {\n if (period < 0) {\n period = 0;\n }\n return timer(period, period, scheduler);\n}\n","/*!\n * Chart.js v3.9.1\n * https://www.chartjs.org\n * (c) 2022 Chart.js Contributors\n * Released under the MIT License\n */\nfunction noop() {}\nconst uid = (function() {\n let id = 0;\n return function() {\n return id++;\n };\n}());\nfunction isNullOrUndef(value) {\n return value === null || typeof value === 'undefined';\n}\nfunction isArray(value) {\n if (Array.isArray && Array.isArray(value)) {\n return true;\n }\n const type = Object.prototype.toString.call(value);\n if (type.slice(0, 7) === '[object' && type.slice(-6) === 'Array]') {\n return true;\n }\n return false;\n}\nfunction isObject(value) {\n return value !== null && Object.prototype.toString.call(value) === '[object Object]';\n}\nconst isNumberFinite = (value) => (typeof value === 'number' || value instanceof Number) && isFinite(+value);\nfunction finiteOrDefault(value, defaultValue) {\n return isNumberFinite(value) ? value : defaultValue;\n}\nfunction valueOrDefault(value, defaultValue) {\n return typeof value === 'undefined' ? defaultValue : value;\n}\nconst toPercentage = (value, dimension) =>\n typeof value === 'string' && value.endsWith('%') ?\n parseFloat(value) / 100\n : value / dimension;\nconst toDimension = (value, dimension) =>\n typeof value === 'string' && value.endsWith('%') ?\n parseFloat(value) / 100 * dimension\n : +value;\nfunction callback(fn, args, thisArg) {\n if (fn && typeof fn.call === 'function') {\n return fn.apply(thisArg, args);\n }\n}\nfunction each(loopable, fn, thisArg, reverse) {\n let i, len, keys;\n if (isArray(loopable)) {\n len = loopable.length;\n if (reverse) {\n for (i = len - 1; i >= 0; i--) {\n fn.call(thisArg, loopable[i], i);\n }\n } else {\n for (i = 0; i < len; i++) {\n fn.call(thisArg, loopable[i], i);\n }\n }\n } else if (isObject(loopable)) {\n keys = Object.keys(loopable);\n len = keys.length;\n for (i = 0; i < len; i++) {\n fn.call(thisArg, loopable[keys[i]], keys[i]);\n }\n }\n}\nfunction _elementsEqual(a0, a1) {\n let i, ilen, v0, v1;\n if (!a0 || !a1 || a0.length !== a1.length) {\n return false;\n }\n for (i = 0, ilen = a0.length; i < ilen; ++i) {\n v0 = a0[i];\n v1 = a1[i];\n if (v0.datasetIndex !== v1.datasetIndex || v0.index !== v1.index) {\n return false;\n }\n }\n return true;\n}\nfunction clone$1(source) {\n if (isArray(source)) {\n return source.map(clone$1);\n }\n if (isObject(source)) {\n const target = Object.create(null);\n const keys = Object.keys(source);\n const klen = keys.length;\n let k = 0;\n for (; k < klen; ++k) {\n target[keys[k]] = clone$1(source[keys[k]]);\n }\n return target;\n }\n return source;\n}\nfunction isValidKey(key) {\n return ['__proto__', 'prototype', 'constructor'].indexOf(key) === -1;\n}\nfunction _merger(key, target, source, options) {\n if (!isValidKey(key)) {\n return;\n }\n const tval = target[key];\n const sval = source[key];\n if (isObject(tval) && isObject(sval)) {\n merge(tval, sval, options);\n } else {\n target[key] = clone$1(sval);\n }\n}\nfunction merge(target, source, options) {\n const sources = isArray(source) ? source : [source];\n const ilen = sources.length;\n if (!isObject(target)) {\n return target;\n }\n options = options || {};\n const merger = options.merger || _merger;\n for (let i = 0; i < ilen; ++i) {\n source = sources[i];\n if (!isObject(source)) {\n continue;\n }\n const keys = Object.keys(source);\n for (let k = 0, klen = keys.length; k < klen; ++k) {\n merger(keys[k], target, source, options);\n }\n }\n return target;\n}\nfunction mergeIf(target, source) {\n return merge(target, source, {merger: _mergerIf});\n}\nfunction _mergerIf(key, target, source) {\n if (!isValidKey(key)) {\n return;\n }\n const tval = target[key];\n const sval = source[key];\n if (isObject(tval) && isObject(sval)) {\n mergeIf(tval, sval);\n } else if (!Object.prototype.hasOwnProperty.call(target, key)) {\n target[key] = clone$1(sval);\n }\n}\nfunction _deprecated(scope, value, previous, current) {\n if (value !== undefined) {\n console.warn(scope + ': \"' + previous +\n\t\t\t'\" is deprecated. Please use \"' + current + '\" instead');\n }\n}\nconst keyResolvers = {\n '': v => v,\n x: o => o.x,\n y: o => o.y\n};\nfunction resolveObjectKey(obj, key) {\n const resolver = keyResolvers[key] || (keyResolvers[key] = _getKeyResolver(key));\n return resolver(obj);\n}\nfunction _getKeyResolver(key) {\n const keys = _splitKey(key);\n return obj => {\n for (const k of keys) {\n if (k === '') {\n break;\n }\n obj = obj && obj[k];\n }\n return obj;\n };\n}\nfunction _splitKey(key) {\n const parts = key.split('.');\n const keys = [];\n let tmp = '';\n for (const part of parts) {\n tmp += part;\n if (tmp.endsWith('\\\\')) {\n tmp = tmp.slice(0, -1) + '.';\n } else {\n keys.push(tmp);\n tmp = '';\n }\n }\n return keys;\n}\nfunction _capitalize(str) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n}\nconst defined = (value) => typeof value !== 'undefined';\nconst isFunction = (value) => typeof value === 'function';\nconst setsEqual = (a, b) => {\n if (a.size !== b.size) {\n return false;\n }\n for (const item of a) {\n if (!b.has(item)) {\n return false;\n }\n }\n return true;\n};\nfunction _isClickEvent(e) {\n return e.type === 'mouseup' || e.type === 'click' || e.type === 'contextmenu';\n}\n\nconst PI = Math.PI;\nconst TAU = 2 * PI;\nconst PITAU = TAU + PI;\nconst INFINITY = Number.POSITIVE_INFINITY;\nconst RAD_PER_DEG = PI / 180;\nconst HALF_PI = PI / 2;\nconst QUARTER_PI = PI / 4;\nconst TWO_THIRDS_PI = PI * 2 / 3;\nconst log10 = Math.log10;\nconst sign = Math.sign;\nfunction niceNum(range) {\n const roundedRange = Math.round(range);\n range = almostEquals(range, roundedRange, range / 1000) ? roundedRange : range;\n const niceRange = Math.pow(10, Math.floor(log10(range)));\n const fraction = range / niceRange;\n const niceFraction = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;\n return niceFraction * niceRange;\n}\nfunction _factorize(value) {\n const result = [];\n const sqrt = Math.sqrt(value);\n let i;\n for (i = 1; i < sqrt; i++) {\n if (value % i === 0) {\n result.push(i);\n result.push(value / i);\n }\n }\n if (sqrt === (sqrt | 0)) {\n result.push(sqrt);\n }\n result.sort((a, b) => a - b).pop();\n return result;\n}\nfunction isNumber(n) {\n return !isNaN(parseFloat(n)) && isFinite(n);\n}\nfunction almostEquals(x, y, epsilon) {\n return Math.abs(x - y) < epsilon;\n}\nfunction almostWhole(x, epsilon) {\n const rounded = Math.round(x);\n return ((rounded - epsilon) <= x) && ((rounded + epsilon) >= x);\n}\nfunction _setMinAndMaxByKey(array, target, property) {\n let i, ilen, value;\n for (i = 0, ilen = array.length; i < ilen; i++) {\n value = array[i][property];\n if (!isNaN(value)) {\n target.min = Math.min(target.min, value);\n target.max = Math.max(target.max, value);\n }\n }\n}\nfunction toRadians(degrees) {\n return degrees * (PI / 180);\n}\nfunction toDegrees(radians) {\n return radians * (180 / PI);\n}\nfunction _decimalPlaces(x) {\n if (!isNumberFinite(x)) {\n return;\n }\n let e = 1;\n let p = 0;\n while (Math.round(x * e) / e !== x) {\n e *= 10;\n p++;\n }\n return p;\n}\nfunction getAngleFromPoint(centrePoint, anglePoint) {\n const distanceFromXCenter = anglePoint.x - centrePoint.x;\n const distanceFromYCenter = anglePoint.y - centrePoint.y;\n const radialDistanceFromCenter = Math.sqrt(distanceFromXCenter * distanceFromXCenter + distanceFromYCenter * distanceFromYCenter);\n let angle = Math.atan2(distanceFromYCenter, distanceFromXCenter);\n if (angle < (-0.5 * PI)) {\n angle += TAU;\n }\n return {\n angle,\n distance: radialDistanceFromCenter\n };\n}\nfunction distanceBetweenPoints(pt1, pt2) {\n return Math.sqrt(Math.pow(pt2.x - pt1.x, 2) + Math.pow(pt2.y - pt1.y, 2));\n}\nfunction _angleDiff(a, b) {\n return (a - b + PITAU) % TAU - PI;\n}\nfunction _normalizeAngle(a) {\n return (a % TAU + TAU) % TAU;\n}\nfunction _angleBetween(angle, start, end, sameAngleIsFullCircle) {\n const a = _normalizeAngle(angle);\n const s = _normalizeAngle(start);\n const e = _normalizeAngle(end);\n const angleToStart = _normalizeAngle(s - a);\n const angleToEnd = _normalizeAngle(e - a);\n const startToAngle = _normalizeAngle(a - s);\n const endToAngle = _normalizeAngle(a - e);\n return a === s || a === e || (sameAngleIsFullCircle && s === e)\n || (angleToStart > angleToEnd && startToAngle < endToAngle);\n}\nfunction _limitValue(value, min, max) {\n return Math.max(min, Math.min(max, value));\n}\nfunction _int16Range(value) {\n return _limitValue(value, -32768, 32767);\n}\nfunction _isBetween(value, start, end, epsilon = 1e-6) {\n return value >= Math.min(start, end) - epsilon && value <= Math.max(start, end) + epsilon;\n}\n\nfunction _lookup(table, value, cmp) {\n cmp = cmp || ((index) => table[index] < value);\n let hi = table.length - 1;\n let lo = 0;\n let mid;\n while (hi - lo > 1) {\n mid = (lo + hi) >> 1;\n if (cmp(mid)) {\n lo = mid;\n } else {\n hi = mid;\n }\n }\n return {lo, hi};\n}\nconst _lookupByKey = (table, key, value, last) =>\n _lookup(table, value, last\n ? index => table[index][key] <= value\n : index => table[index][key] < value);\nconst _rlookupByKey = (table, key, value) =>\n _lookup(table, value, index => table[index][key] >= value);\nfunction _filterBetween(values, min, max) {\n let start = 0;\n let end = values.length;\n while (start < end && values[start] < min) {\n start++;\n }\n while (end > start && values[end - 1] > max) {\n end--;\n }\n return start > 0 || end < values.length\n ? values.slice(start, end)\n : values;\n}\nconst arrayEvents = ['push', 'pop', 'shift', 'splice', 'unshift'];\nfunction listenArrayEvents(array, listener) {\n if (array._chartjs) {\n array._chartjs.listeners.push(listener);\n return;\n }\n Object.defineProperty(array, '_chartjs', {\n configurable: true,\n enumerable: false,\n value: {\n listeners: [listener]\n }\n });\n arrayEvents.forEach((key) => {\n const method = '_onData' + _capitalize(key);\n const base = array[key];\n Object.defineProperty(array, key, {\n configurable: true,\n enumerable: false,\n value(...args) {\n const res = base.apply(this, args);\n array._chartjs.listeners.forEach((object) => {\n if (typeof object[method] === 'function') {\n object[method](...args);\n }\n });\n return res;\n }\n });\n });\n}\nfunction unlistenArrayEvents(array, listener) {\n const stub = array._chartjs;\n if (!stub) {\n return;\n }\n const listeners = stub.listeners;\n const index = listeners.indexOf(listener);\n if (index !== -1) {\n listeners.splice(index, 1);\n }\n if (listeners.length > 0) {\n return;\n }\n arrayEvents.forEach((key) => {\n delete array[key];\n });\n delete array._chartjs;\n}\nfunction _arrayUnique(items) {\n const set = new Set();\n let i, ilen;\n for (i = 0, ilen = items.length; i < ilen; ++i) {\n set.add(items[i]);\n }\n if (set.size === ilen) {\n return items;\n }\n return Array.from(set);\n}\n\nfunction fontString(pixelSize, fontStyle, fontFamily) {\n return fontStyle + ' ' + pixelSize + 'px ' + fontFamily;\n}\nconst requestAnimFrame = (function() {\n if (typeof window === 'undefined') {\n return function(callback) {\n return callback();\n };\n }\n return window.requestAnimationFrame;\n}());\nfunction throttled(fn, thisArg, updateFn) {\n const updateArgs = updateFn || ((args) => Array.prototype.slice.call(args));\n let ticking = false;\n let args = [];\n return function(...rest) {\n args = updateArgs(rest);\n if (!ticking) {\n ticking = true;\n requestAnimFrame.call(window, () => {\n ticking = false;\n fn.apply(thisArg, args);\n });\n }\n };\n}\nfunction debounce(fn, delay) {\n let timeout;\n return function(...args) {\n if (delay) {\n clearTimeout(timeout);\n timeout = setTimeout(fn, delay, args);\n } else {\n fn.apply(this, args);\n }\n return delay;\n };\n}\nconst _toLeftRightCenter = (align) => align === 'start' ? 'left' : align === 'end' ? 'right' : 'center';\nconst _alignStartEnd = (align, start, end) => align === 'start' ? start : align === 'end' ? end : (start + end) / 2;\nconst _textX = (align, left, right, rtl) => {\n const check = rtl ? 'left' : 'right';\n return align === check ? right : align === 'center' ? (left + right) / 2 : left;\n};\nfunction _getStartAndCountOfVisiblePoints(meta, points, animationsDisabled) {\n const pointCount = points.length;\n let start = 0;\n let count = pointCount;\n if (meta._sorted) {\n const {iScale, _parsed} = meta;\n const axis = iScale.axis;\n const {min, max, minDefined, maxDefined} = iScale.getUserBounds();\n if (minDefined) {\n start = _limitValue(Math.min(\n _lookupByKey(_parsed, iScale.axis, min).lo,\n animationsDisabled ? pointCount : _lookupByKey(points, axis, iScale.getPixelForValue(min)).lo),\n 0, pointCount - 1);\n }\n if (maxDefined) {\n count = _limitValue(Math.max(\n _lookupByKey(_parsed, iScale.axis, max, true).hi + 1,\n animationsDisabled ? 0 : _lookupByKey(points, axis, iScale.getPixelForValue(max), true).hi + 1),\n start, pointCount) - start;\n } else {\n count = pointCount - start;\n }\n }\n return {start, count};\n}\nfunction _scaleRangesChanged(meta) {\n const {xScale, yScale, _scaleRanges} = meta;\n const newRanges = {\n xmin: xScale.min,\n xmax: xScale.max,\n ymin: yScale.min,\n ymax: yScale.max\n };\n if (!_scaleRanges) {\n meta._scaleRanges = newRanges;\n return true;\n }\n const changed = _scaleRanges.xmin !== xScale.min\n\t\t|| _scaleRanges.xmax !== xScale.max\n\t\t|| _scaleRanges.ymin !== yScale.min\n\t\t|| _scaleRanges.ymax !== yScale.max;\n Object.assign(_scaleRanges, newRanges);\n return changed;\n}\n\nconst atEdge = (t) => t === 0 || t === 1;\nconst elasticIn = (t, s, p) => -(Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * TAU / p));\nconst elasticOut = (t, s, p) => Math.pow(2, -10 * t) * Math.sin((t - s) * TAU / p) + 1;\nconst effects = {\n linear: t => t,\n easeInQuad: t => t * t,\n easeOutQuad: t => -t * (t - 2),\n easeInOutQuad: t => ((t /= 0.5) < 1)\n ? 0.5 * t * t\n : -0.5 * ((--t) * (t - 2) - 1),\n easeInCubic: t => t * t * t,\n easeOutCubic: t => (t -= 1) * t * t + 1,\n easeInOutCubic: t => ((t /= 0.5) < 1)\n ? 0.5 * t * t * t\n : 0.5 * ((t -= 2) * t * t + 2),\n easeInQuart: t => t * t * t * t,\n easeOutQuart: t => -((t -= 1) * t * t * t - 1),\n easeInOutQuart: t => ((t /= 0.5) < 1)\n ? 0.5 * t * t * t * t\n : -0.5 * ((t -= 2) * t * t * t - 2),\n easeInQuint: t => t * t * t * t * t,\n easeOutQuint: t => (t -= 1) * t * t * t * t + 1,\n easeInOutQuint: t => ((t /= 0.5) < 1)\n ? 0.5 * t * t * t * t * t\n : 0.5 * ((t -= 2) * t * t * t * t + 2),\n easeInSine: t => -Math.cos(t * HALF_PI) + 1,\n easeOutSine: t => Math.sin(t * HALF_PI),\n easeInOutSine: t => -0.5 * (Math.cos(PI * t) - 1),\n easeInExpo: t => (t === 0) ? 0 : Math.pow(2, 10 * (t - 1)),\n easeOutExpo: t => (t === 1) ? 1 : -Math.pow(2, -10 * t) + 1,\n easeInOutExpo: t => atEdge(t) ? t : t < 0.5\n ? 0.5 * Math.pow(2, 10 * (t * 2 - 1))\n : 0.5 * (-Math.pow(2, -10 * (t * 2 - 1)) + 2),\n easeInCirc: t => (t >= 1) ? t : -(Math.sqrt(1 - t * t) - 1),\n easeOutCirc: t => Math.sqrt(1 - (t -= 1) * t),\n easeInOutCirc: t => ((t /= 0.5) < 1)\n ? -0.5 * (Math.sqrt(1 - t * t) - 1)\n : 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1),\n easeInElastic: t => atEdge(t) ? t : elasticIn(t, 0.075, 0.3),\n easeOutElastic: t => atEdge(t) ? t : elasticOut(t, 0.075, 0.3),\n easeInOutElastic(t) {\n const s = 0.1125;\n const p = 0.45;\n return atEdge(t) ? t :\n t < 0.5\n ? 0.5 * elasticIn(t * 2, s, p)\n : 0.5 + 0.5 * elasticOut(t * 2 - 1, s, p);\n },\n easeInBack(t) {\n const s = 1.70158;\n return t * t * ((s + 1) * t - s);\n },\n easeOutBack(t) {\n const s = 1.70158;\n return (t -= 1) * t * ((s + 1) * t + s) + 1;\n },\n easeInOutBack(t) {\n let s = 1.70158;\n if ((t /= 0.5) < 1) {\n return 0.5 * (t * t * (((s *= (1.525)) + 1) * t - s));\n }\n return 0.5 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2);\n },\n easeInBounce: t => 1 - effects.easeOutBounce(1 - t),\n easeOutBounce(t) {\n const m = 7.5625;\n const d = 2.75;\n if (t < (1 / d)) {\n return m * t * t;\n }\n if (t < (2 / d)) {\n return m * (t -= (1.5 / d)) * t + 0.75;\n }\n if (t < (2.5 / d)) {\n return m * (t -= (2.25 / d)) * t + 0.9375;\n }\n return m * (t -= (2.625 / d)) * t + 0.984375;\n },\n easeInOutBounce: t => (t < 0.5)\n ? effects.easeInBounce(t * 2) * 0.5\n : effects.easeOutBounce(t * 2 - 1) * 0.5 + 0.5,\n};\n\n/*!\n * @kurkle/color v0.2.1\n * https://github.com/kurkle/color#readme\n * (c) 2022 Jukka Kurkela\n * Released under the MIT License\n */\nfunction round(v) {\n return v + 0.5 | 0;\n}\nconst lim = (v, l, h) => Math.max(Math.min(v, h), l);\nfunction p2b(v) {\n return lim(round(v * 2.55), 0, 255);\n}\nfunction n2b(v) {\n return lim(round(v * 255), 0, 255);\n}\nfunction b2n(v) {\n return lim(round(v / 2.55) / 100, 0, 1);\n}\nfunction n2p(v) {\n return lim(round(v * 100), 0, 100);\n}\nconst map$1 = {0: 0, 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, A: 10, B: 11, C: 12, D: 13, E: 14, F: 15, a: 10, b: 11, c: 12, d: 13, e: 14, f: 15};\nconst hex = [...'0123456789ABCDEF'];\nconst h1 = b => hex[b & 0xF];\nconst h2 = b => hex[(b & 0xF0) >> 4] + hex[b & 0xF];\nconst eq = b => ((b & 0xF0) >> 4) === (b & 0xF);\nconst isShort = v => eq(v.r) && eq(v.g) && eq(v.b) && eq(v.a);\nfunction hexParse(str) {\n var len = str.length;\n var ret;\n if (str[0] === '#') {\n if (len === 4 || len === 5) {\n ret = {\n r: 255 & map$1[str[1]] * 17,\n g: 255 & map$1[str[2]] * 17,\n b: 255 & map$1[str[3]] * 17,\n a: len === 5 ? map$1[str[4]] * 17 : 255\n };\n } else if (len === 7 || len === 9) {\n ret = {\n r: map$1[str[1]] << 4 | map$1[str[2]],\n g: map$1[str[3]] << 4 | map$1[str[4]],\n b: map$1[str[5]] << 4 | map$1[str[6]],\n a: len === 9 ? (map$1[str[7]] << 4 | map$1[str[8]]) : 255\n };\n }\n }\n return ret;\n}\nconst alpha = (a, f) => a < 255 ? f(a) : '';\nfunction hexString(v) {\n var f = isShort(v) ? h1 : h2;\n return v\n ? '#' + f(v.r) + f(v.g) + f(v.b) + alpha(v.a, f)\n : undefined;\n}\nconst HUE_RE = /^(hsla?|hwb|hsv)\\(\\s*([-+.e\\d]+)(?:deg)?[\\s,]+([-+.e\\d]+)%[\\s,]+([-+.e\\d]+)%(?:[\\s,]+([-+.e\\d]+)(%)?)?\\s*\\)$/;\nfunction hsl2rgbn(h, s, l) {\n const a = s * Math.min(l, 1 - l);\n const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return [f(0), f(8), f(4)];\n}\nfunction hsv2rgbn(h, s, v) {\n const f = (n, k = (n + h / 60) % 6) => v - v * s * Math.max(Math.min(k, 4 - k, 1), 0);\n return [f(5), f(3), f(1)];\n}\nfunction hwb2rgbn(h, w, b) {\n const rgb = hsl2rgbn(h, 1, 0.5);\n let i;\n if (w + b > 1) {\n i = 1 / (w + b);\n w *= i;\n b *= i;\n }\n for (i = 0; i < 3; i++) {\n rgb[i] *= 1 - w - b;\n rgb[i] += w;\n }\n return rgb;\n}\nfunction hueValue(r, g, b, d, max) {\n if (r === max) {\n return ((g - b) / d) + (g < b ? 6 : 0);\n }\n if (g === max) {\n return (b - r) / d + 2;\n }\n return (r - g) / d + 4;\n}\nfunction rgb2hsl(v) {\n const range = 255;\n const r = v.r / range;\n const g = v.g / range;\n const b = v.b / range;\n const max = Math.max(r, g, b);\n const min = Math.min(r, g, b);\n const l = (max + min) / 2;\n let h, s, d;\n if (max !== min) {\n d = max - min;\n s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n h = hueValue(r, g, b, d, max);\n h = h * 60 + 0.5;\n }\n return [h | 0, s || 0, l];\n}\nfunction calln(f, a, b, c) {\n return (\n Array.isArray(a)\n ? f(a[0], a[1], a[2])\n : f(a, b, c)\n ).map(n2b);\n}\nfunction hsl2rgb(h, s, l) {\n return calln(hsl2rgbn, h, s, l);\n}\nfunction hwb2rgb(h, w, b) {\n return calln(hwb2rgbn, h, w, b);\n}\nfunction hsv2rgb(h, s, v) {\n return calln(hsv2rgbn, h, s, v);\n}\nfunction hue(h) {\n return (h % 360 + 360) % 360;\n}\nfunction hueParse(str) {\n const m = HUE_RE.exec(str);\n let a = 255;\n let v;\n if (!m) {\n return;\n }\n if (m[5] !== v) {\n a = m[6] ? p2b(+m[5]) : n2b(+m[5]);\n }\n const h = hue(+m[2]);\n const p1 = +m[3] / 100;\n const p2 = +m[4] / 100;\n if (m[1] === 'hwb') {\n v = hwb2rgb(h, p1, p2);\n } else if (m[1] === 'hsv') {\n v = hsv2rgb(h, p1, p2);\n } else {\n v = hsl2rgb(h, p1, p2);\n }\n return {\n r: v[0],\n g: v[1],\n b: v[2],\n a: a\n };\n}\nfunction rotate(v, deg) {\n var h = rgb2hsl(v);\n h[0] = hue(h[0] + deg);\n h = hsl2rgb(h);\n v.r = h[0];\n v.g = h[1];\n v.b = h[2];\n}\nfunction hslString(v) {\n if (!v) {\n return;\n }\n const a = rgb2hsl(v);\n const h = a[0];\n const s = n2p(a[1]);\n const l = n2p(a[2]);\n return v.a < 255\n ? `hsla(${h}, ${s}%, ${l}%, ${b2n(v.a)})`\n : `hsl(${h}, ${s}%, ${l}%)`;\n}\nconst map = {\n x: 'dark',\n Z: 'light',\n Y: 're',\n X: 'blu',\n W: 'gr',\n V: 'medium',\n U: 'slate',\n A: 'ee',\n T: 'ol',\n S: 'or',\n B: 'ra',\n C: 'lateg',\n D: 'ights',\n R: 'in',\n Q: 'turquois',\n E: 'hi',\n P: 'ro',\n O: 'al',\n N: 'le',\n M: 'de',\n L: 'yello',\n F: 'en',\n K: 'ch',\n G: 'arks',\n H: 'ea',\n I: 'ightg',\n J: 'wh'\n};\nconst names$1 = {\n OiceXe: 'f0f8ff',\n antiquewEte: 'faebd7',\n aqua: 'ffff',\n aquamarRe: '7fffd4',\n azuY: 'f0ffff',\n beige: 'f5f5dc',\n bisque: 'ffe4c4',\n black: '0',\n blanKedOmond: 'ffebcd',\n Xe: 'ff',\n XeviTet: '8a2be2',\n bPwn: 'a52a2a',\n burlywood: 'deb887',\n caMtXe: '5f9ea0',\n KartYuse: '7fff00',\n KocTate: 'd2691e',\n cSO: 'ff7f50',\n cSnflowerXe: '6495ed',\n cSnsilk: 'fff8dc',\n crimson: 'dc143c',\n cyan: 'ffff',\n xXe: '8b',\n xcyan: '8b8b',\n xgTMnPd: 'b8860b',\n xWay: 'a9a9a9',\n xgYF: '6400',\n xgYy: 'a9a9a9',\n xkhaki: 'bdb76b',\n xmagFta: '8b008b',\n xTivegYF: '556b2f',\n xSange: 'ff8c00',\n xScEd: '9932cc',\n xYd: '8b0000',\n xsOmon: 'e9967a',\n xsHgYF: '8fbc8f',\n xUXe: '483d8b',\n xUWay: '2f4f4f',\n xUgYy: '2f4f4f',\n xQe: 'ced1',\n xviTet: '9400d3',\n dAppRk: 'ff1493',\n dApskyXe: 'bfff',\n dimWay: '696969',\n dimgYy: '696969',\n dodgerXe: '1e90ff',\n fiYbrick: 'b22222',\n flSOwEte: 'fffaf0',\n foYstWAn: '228b22',\n fuKsia: 'ff00ff',\n gaRsbSo: 'dcdcdc',\n ghostwEte: 'f8f8ff',\n gTd: 'ffd700',\n gTMnPd: 'daa520',\n Way: '808080',\n gYF: '8000',\n gYFLw: 'adff2f',\n gYy: '808080',\n honeyMw: 'f0fff0',\n hotpRk: 'ff69b4',\n RdianYd: 'cd5c5c',\n Rdigo: '4b0082',\n ivSy: 'fffff0',\n khaki: 'f0e68c',\n lavFMr: 'e6e6fa',\n lavFMrXsh: 'fff0f5',\n lawngYF: '7cfc00',\n NmoncEffon: 'fffacd',\n ZXe: 'add8e6',\n ZcSO: 'f08080',\n Zcyan: 'e0ffff',\n ZgTMnPdLw: 'fafad2',\n ZWay: 'd3d3d3',\n ZgYF: '90ee90',\n ZgYy: 'd3d3d3',\n ZpRk: 'ffb6c1',\n ZsOmon: 'ffa07a',\n ZsHgYF: '20b2aa',\n ZskyXe: '87cefa',\n ZUWay: '778899',\n ZUgYy: '778899',\n ZstAlXe: 'b0c4de',\n ZLw: 'ffffe0',\n lime: 'ff00',\n limegYF: '32cd32',\n lRF: 'faf0e6',\n magFta: 'ff00ff',\n maPon: '800000',\n VaquamarRe: '66cdaa',\n VXe: 'cd',\n VScEd: 'ba55d3',\n VpurpN: '9370db',\n VsHgYF: '3cb371',\n VUXe: '7b68ee',\n VsprRggYF: 'fa9a',\n VQe: '48d1cc',\n VviTetYd: 'c71585',\n midnightXe: '191970',\n mRtcYam: 'f5fffa',\n mistyPse: 'ffe4e1',\n moccasR: 'ffe4b5',\n navajowEte: 'ffdead',\n navy: '80',\n Tdlace: 'fdf5e6',\n Tive: '808000',\n TivedBb: '6b8e23',\n Sange: 'ffa500',\n SangeYd: 'ff4500',\n ScEd: 'da70d6',\n pOegTMnPd: 'eee8aa',\n pOegYF: '98fb98',\n pOeQe: 'afeeee',\n pOeviTetYd: 'db7093',\n papayawEp: 'ffefd5',\n pHKpuff: 'ffdab9',\n peru: 'cd853f',\n pRk: 'ffc0cb',\n plum: 'dda0dd',\n powMrXe: 'b0e0e6',\n purpN: '800080',\n YbeccapurpN: '663399',\n Yd: 'ff0000',\n Psybrown: 'bc8f8f',\n PyOXe: '4169e1',\n saddNbPwn: '8b4513',\n sOmon: 'fa8072',\n sandybPwn: 'f4a460',\n sHgYF: '2e8b57',\n sHshell: 'fff5ee',\n siFna: 'a0522d',\n silver: 'c0c0c0',\n skyXe: '87ceeb',\n UXe: '6a5acd',\n UWay: '708090',\n UgYy: '708090',\n snow: 'fffafa',\n sprRggYF: 'ff7f',\n stAlXe: '4682b4',\n tan: 'd2b48c',\n teO: '8080',\n tEstN: 'd8bfd8',\n tomato: 'ff6347',\n Qe: '40e0d0',\n viTet: 'ee82ee',\n JHt: 'f5deb3',\n wEte: 'ffffff',\n wEtesmoke: 'f5f5f5',\n Lw: 'ffff00',\n LwgYF: '9acd32'\n};\nfunction unpack() {\n const unpacked = {};\n const keys = Object.keys(names$1);\n const tkeys = Object.keys(map);\n let i, j, k, ok, nk;\n for (i = 0; i < keys.length; i++) {\n ok = nk = keys[i];\n for (j = 0; j < tkeys.length; j++) {\n k = tkeys[j];\n nk = nk.replace(k, map[k]);\n }\n k = parseInt(names$1[ok], 16);\n unpacked[nk] = [k >> 16 & 0xFF, k >> 8 & 0xFF, k & 0xFF];\n }\n return unpacked;\n}\nlet names;\nfunction nameParse(str) {\n if (!names) {\n names = unpack();\n names.transparent = [0, 0, 0, 0];\n }\n const a = names[str.toLowerCase()];\n return a && {\n r: a[0],\n g: a[1],\n b: a[2],\n a: a.length === 4 ? a[3] : 255\n };\n}\nconst RGB_RE = /^rgba?\\(\\s*([-+.\\d]+)(%)?[\\s,]+([-+.e\\d]+)(%)?[\\s,]+([-+.e\\d]+)(%)?(?:[\\s,/]+([-+.e\\d]+)(%)?)?\\s*\\)$/;\nfunction rgbParse(str) {\n const m = RGB_RE.exec(str);\n let a = 255;\n let r, g, b;\n if (!m) {\n return;\n }\n if (m[7] !== r) {\n const v = +m[7];\n a = m[8] ? p2b(v) : lim(v * 255, 0, 255);\n }\n r = +m[1];\n g = +m[3];\n b = +m[5];\n r = 255 & (m[2] ? p2b(r) : lim(r, 0, 255));\n g = 255 & (m[4] ? p2b(g) : lim(g, 0, 255));\n b = 255 & (m[6] ? p2b(b) : lim(b, 0, 255));\n return {\n r: r,\n g: g,\n b: b,\n a: a\n };\n}\nfunction rgbString(v) {\n return v && (\n v.a < 255\n ? `rgba(${v.r}, ${v.g}, ${v.b}, ${b2n(v.a)})`\n : `rgb(${v.r}, ${v.g}, ${v.b})`\n );\n}\nconst to = v => v <= 0.0031308 ? v * 12.92 : Math.pow(v, 1.0 / 2.4) * 1.055 - 0.055;\nconst from = v => v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);\nfunction interpolate(rgb1, rgb2, t) {\n const r = from(b2n(rgb1.r));\n const g = from(b2n(rgb1.g));\n const b = from(b2n(rgb1.b));\n return {\n r: n2b(to(r + t * (from(b2n(rgb2.r)) - r))),\n g: n2b(to(g + t * (from(b2n(rgb2.g)) - g))),\n b: n2b(to(b + t * (from(b2n(rgb2.b)) - b))),\n a: rgb1.a + t * (rgb2.a - rgb1.a)\n };\n}\nfunction modHSL(v, i, ratio) {\n if (v) {\n let tmp = rgb2hsl(v);\n tmp[i] = Math.max(0, Math.min(tmp[i] + tmp[i] * ratio, i === 0 ? 360 : 1));\n tmp = hsl2rgb(tmp);\n v.r = tmp[0];\n v.g = tmp[1];\n v.b = tmp[2];\n }\n}\nfunction clone(v, proto) {\n return v ? Object.assign(proto || {}, v) : v;\n}\nfunction fromObject(input) {\n var v = {r: 0, g: 0, b: 0, a: 255};\n if (Array.isArray(input)) {\n if (input.length >= 3) {\n v = {r: input[0], g: input[1], b: input[2], a: 255};\n if (input.length > 3) {\n v.a = n2b(input[3]);\n }\n }\n } else {\n v = clone(input, {r: 0, g: 0, b: 0, a: 1});\n v.a = n2b(v.a);\n }\n return v;\n}\nfunction functionParse(str) {\n if (str.charAt(0) === 'r') {\n return rgbParse(str);\n }\n return hueParse(str);\n}\nclass Color {\n constructor(input) {\n if (input instanceof Color) {\n return input;\n }\n const type = typeof input;\n let v;\n if (type === 'object') {\n v = fromObject(input);\n } else if (type === 'string') {\n v = hexParse(input) || nameParse(input) || functionParse(input);\n }\n this._rgb = v;\n this._valid = !!v;\n }\n get valid() {\n return this._valid;\n }\n get rgb() {\n var v = clone(this._rgb);\n if (v) {\n v.a = b2n(v.a);\n }\n return v;\n }\n set rgb(obj) {\n this._rgb = fromObject(obj);\n }\n rgbString() {\n return this._valid ? rgbString(this._rgb) : undefined;\n }\n hexString() {\n return this._valid ? hexString(this._rgb) : undefined;\n }\n hslString() {\n return this._valid ? hslString(this._rgb) : undefined;\n }\n mix(color, weight) {\n if (color) {\n const c1 = this.rgb;\n const c2 = color.rgb;\n let w2;\n const p = weight === w2 ? 0.5 : weight;\n const w = 2 * p - 1;\n const a = c1.a - c2.a;\n const w1 = ((w * a === -1 ? w : (w + a) / (1 + w * a)) + 1) / 2.0;\n w2 = 1 - w1;\n c1.r = 0xFF & w1 * c1.r + w2 * c2.r + 0.5;\n c1.g = 0xFF & w1 * c1.g + w2 * c2.g + 0.5;\n c1.b = 0xFF & w1 * c1.b + w2 * c2.b + 0.5;\n c1.a = p * c1.a + (1 - p) * c2.a;\n this.rgb = c1;\n }\n return this;\n }\n interpolate(color, t) {\n if (color) {\n this._rgb = interpolate(this._rgb, color._rgb, t);\n }\n return this;\n }\n clone() {\n return new Color(this.rgb);\n }\n alpha(a) {\n this._rgb.a = n2b(a);\n return this;\n }\n clearer(ratio) {\n const rgb = this._rgb;\n rgb.a *= 1 - ratio;\n return this;\n }\n greyscale() {\n const rgb = this._rgb;\n const val = round(rgb.r * 0.3 + rgb.g * 0.59 + rgb.b * 0.11);\n rgb.r = rgb.g = rgb.b = val;\n return this;\n }\n opaquer(ratio) {\n const rgb = this._rgb;\n rgb.a *= 1 + ratio;\n return this;\n }\n negate() {\n const v = this._rgb;\n v.r = 255 - v.r;\n v.g = 255 - v.g;\n v.b = 255 - v.b;\n return this;\n }\n lighten(ratio) {\n modHSL(this._rgb, 2, ratio);\n return this;\n }\n darken(ratio) {\n modHSL(this._rgb, 2, -ratio);\n return this;\n }\n saturate(ratio) {\n modHSL(this._rgb, 1, ratio);\n return this;\n }\n desaturate(ratio) {\n modHSL(this._rgb, 1, -ratio);\n return this;\n }\n rotate(deg) {\n rotate(this._rgb, deg);\n return this;\n }\n}\nfunction index_esm(input) {\n return new Color(input);\n}\n\nfunction isPatternOrGradient(value) {\n if (value && typeof value === 'object') {\n const type = value.toString();\n return type === '[object CanvasPattern]' || type === '[object CanvasGradient]';\n }\n return false;\n}\nfunction color(value) {\n return isPatternOrGradient(value) ? value : index_esm(value);\n}\nfunction getHoverColor(value) {\n return isPatternOrGradient(value)\n ? value\n : index_esm(value).saturate(0.5).darken(0.1).hexString();\n}\n\nconst overrides = Object.create(null);\nconst descriptors = Object.create(null);\nfunction getScope$1(node, key) {\n if (!key) {\n return node;\n }\n const keys = key.split('.');\n for (let i = 0, n = keys.length; i < n; ++i) {\n const k = keys[i];\n node = node[k] || (node[k] = Object.create(null));\n }\n return node;\n}\nfunction set(root, scope, values) {\n if (typeof scope === 'string') {\n return merge(getScope$1(root, scope), values);\n }\n return merge(getScope$1(root, ''), scope);\n}\nclass Defaults {\n constructor(_descriptors) {\n this.animation = undefined;\n this.backgroundColor = 'rgba(0,0,0,0.1)';\n this.borderColor = 'rgba(0,0,0,0.1)';\n this.color = '#666';\n this.datasets = {};\n this.devicePixelRatio = (context) => context.chart.platform.getDevicePixelRatio();\n this.elements = {};\n this.events = [\n 'mousemove',\n 'mouseout',\n 'click',\n 'touchstart',\n 'touchmove'\n ];\n this.font = {\n family: \"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif\",\n size: 12,\n style: 'normal',\n lineHeight: 1.2,\n weight: null\n };\n this.hover = {};\n this.hoverBackgroundColor = (ctx, options) => getHoverColor(options.backgroundColor);\n this.hoverBorderColor = (ctx, options) => getHoverColor(options.borderColor);\n this.hoverColor = (ctx, options) => getHoverColor(options.color);\n this.indexAxis = 'x';\n this.interaction = {\n mode: 'nearest',\n intersect: true,\n includeInvisible: false\n };\n this.maintainAspectRatio = true;\n this.onHover = null;\n this.onClick = null;\n this.parsing = true;\n this.plugins = {};\n this.responsive = true;\n this.scale = undefined;\n this.scales = {};\n this.showLine = true;\n this.drawActiveElementsOnTop = true;\n this.describe(_descriptors);\n }\n set(scope, values) {\n return set(this, scope, values);\n }\n get(scope) {\n return getScope$1(this, scope);\n }\n describe(scope, values) {\n return set(descriptors, scope, values);\n }\n override(scope, values) {\n return set(overrides, scope, values);\n }\n route(scope, name, targetScope, targetName) {\n const scopeObject = getScope$1(this, scope);\n const targetScopeObject = getScope$1(this, targetScope);\n const privateName = '_' + name;\n Object.defineProperties(scopeObject, {\n [privateName]: {\n value: scopeObject[name],\n writable: true\n },\n [name]: {\n enumerable: true,\n get() {\n const local = this[privateName];\n const target = targetScopeObject[targetName];\n if (isObject(local)) {\n return Object.assign({}, target, local);\n }\n return valueOrDefault(local, target);\n },\n set(value) {\n this[privateName] = value;\n }\n }\n });\n }\n}\nvar defaults = new Defaults({\n _scriptable: (name) => !name.startsWith('on'),\n _indexable: (name) => name !== 'events',\n hover: {\n _fallback: 'interaction'\n },\n interaction: {\n _scriptable: false,\n _indexable: false,\n }\n});\n\nfunction toFontString(font) {\n if (!font || isNullOrUndef(font.size) || isNullOrUndef(font.family)) {\n return null;\n }\n return (font.style ? font.style + ' ' : '')\n\t\t+ (font.weight ? font.weight + ' ' : '')\n\t\t+ font.size + 'px '\n\t\t+ font.family;\n}\nfunction _measureText(ctx, data, gc, longest, string) {\n let textWidth = data[string];\n if (!textWidth) {\n textWidth = data[string] = ctx.measureText(string).width;\n gc.push(string);\n }\n if (textWidth > longest) {\n longest = textWidth;\n }\n return longest;\n}\nfunction _longestText(ctx, font, arrayOfThings, cache) {\n cache = cache || {};\n let data = cache.data = cache.data || {};\n let gc = cache.garbageCollect = cache.garbageCollect || [];\n if (cache.font !== font) {\n data = cache.data = {};\n gc = cache.garbageCollect = [];\n cache.font = font;\n }\n ctx.save();\n ctx.font = font;\n let longest = 0;\n const ilen = arrayOfThings.length;\n let i, j, jlen, thing, nestedThing;\n for (i = 0; i < ilen; i++) {\n thing = arrayOfThings[i];\n if (thing !== undefined && thing !== null && isArray(thing) !== true) {\n longest = _measureText(ctx, data, gc, longest, thing);\n } else if (isArray(thing)) {\n for (j = 0, jlen = thing.length; j < jlen; j++) {\n nestedThing = thing[j];\n if (nestedThing !== undefined && nestedThing !== null && !isArray(nestedThing)) {\n longest = _measureText(ctx, data, gc, longest, nestedThing);\n }\n }\n }\n }\n ctx.restore();\n const gcLen = gc.length / 2;\n if (gcLen > arrayOfThings.length) {\n for (i = 0; i < gcLen; i++) {\n delete data[gc[i]];\n }\n gc.splice(0, gcLen);\n }\n return longest;\n}\nfunction _alignPixel(chart, pixel, width) {\n const devicePixelRatio = chart.currentDevicePixelRatio;\n const halfWidth = width !== 0 ? Math.max(width / 2, 0.5) : 0;\n return Math.round((pixel - halfWidth) * devicePixelRatio) / devicePixelRatio + halfWidth;\n}\nfunction clearCanvas(canvas, ctx) {\n ctx = ctx || canvas.getContext('2d');\n ctx.save();\n ctx.resetTransform();\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n ctx.restore();\n}\nfunction drawPoint(ctx, options, x, y) {\n drawPointLegend(ctx, options, x, y, null);\n}\nfunction drawPointLegend(ctx, options, x, y, w) {\n let type, xOffset, yOffset, size, cornerRadius, width;\n const style = options.pointStyle;\n const rotation = options.rotation;\n const radius = options.radius;\n let rad = (rotation || 0) * RAD_PER_DEG;\n if (style && typeof style === 'object') {\n type = style.toString();\n if (type === '[object HTMLImageElement]' || type === '[object HTMLCanvasElement]') {\n ctx.save();\n ctx.translate(x, y);\n ctx.rotate(rad);\n ctx.drawImage(style, -style.width / 2, -style.height / 2, style.width, style.height);\n ctx.restore();\n return;\n }\n }\n if (isNaN(radius) || radius <= 0) {\n return;\n }\n ctx.beginPath();\n switch (style) {\n default:\n if (w) {\n ctx.ellipse(x, y, w / 2, radius, 0, 0, TAU);\n } else {\n ctx.arc(x, y, radius, 0, TAU);\n }\n ctx.closePath();\n break;\n case 'triangle':\n ctx.moveTo(x + Math.sin(rad) * radius, y - Math.cos(rad) * radius);\n rad += TWO_THIRDS_PI;\n ctx.lineTo(x + Math.sin(rad) * radius, y - Math.cos(rad) * radius);\n rad += TWO_THIRDS_PI;\n ctx.lineTo(x + Math.sin(rad) * radius, y - Math.cos(rad) * radius);\n ctx.closePath();\n break;\n case 'rectRounded':\n cornerRadius = radius * 0.516;\n size = radius - cornerRadius;\n xOffset = Math.cos(rad + QUARTER_PI) * size;\n yOffset = Math.sin(rad + QUARTER_PI) * size;\n ctx.arc(x - xOffset, y - yOffset, cornerRadius, rad - PI, rad - HALF_PI);\n ctx.arc(x + yOffset, y - xOffset, cornerRadius, rad - HALF_PI, rad);\n ctx.arc(x + xOffset, y + yOffset, cornerRadius, rad, rad + HALF_PI);\n ctx.arc(x - yOffset, y + xOffset, cornerRadius, rad + HALF_PI, rad + PI);\n ctx.closePath();\n break;\n case 'rect':\n if (!rotation) {\n size = Math.SQRT1_2 * radius;\n width = w ? w / 2 : size;\n ctx.rect(x - width, y - size, 2 * width, 2 * size);\n break;\n }\n rad += QUARTER_PI;\n case 'rectRot':\n xOffset = Math.cos(rad) * radius;\n yOffset = Math.sin(rad) * radius;\n ctx.moveTo(x - xOffset, y - yOffset);\n ctx.lineTo(x + yOffset, y - xOffset);\n ctx.lineTo(x + xOffset, y + yOffset);\n ctx.lineTo(x - yOffset, y + xOffset);\n ctx.closePath();\n break;\n case 'crossRot':\n rad += QUARTER_PI;\n case 'cross':\n xOffset = Math.cos(rad) * radius;\n yOffset = Math.sin(rad) * radius;\n ctx.moveTo(x - xOffset, y - yOffset);\n ctx.lineTo(x + xOffset, y + yOffset);\n ctx.moveTo(x + yOffset, y - xOffset);\n ctx.lineTo(x - yOffset, y + xOffset);\n break;\n case 'star':\n xOffset = Math.cos(rad) * radius;\n yOffset = Math.sin(rad) * radius;\n ctx.moveTo(x - xOffset, y - yOffset);\n ctx.lineTo(x + xOffset, y + yOffset);\n ctx.moveTo(x + yOffset, y - xOffset);\n ctx.lineTo(x - yOffset, y + xOffset);\n rad += QUARTER_PI;\n xOffset = Math.cos(rad) * radius;\n yOffset = Math.sin(rad) * radius;\n ctx.moveTo(x - xOffset, y - yOffset);\n ctx.lineTo(x + xOffset, y + yOffset);\n ctx.moveTo(x + yOffset, y - xOffset);\n ctx.lineTo(x - yOffset, y + xOffset);\n break;\n case 'line':\n xOffset = w ? w / 2 : Math.cos(rad) * radius;\n yOffset = Math.sin(rad) * radius;\n ctx.moveTo(x - xOffset, y - yOffset);\n ctx.lineTo(x + xOffset, y + yOffset);\n break;\n case 'dash':\n ctx.moveTo(x, y);\n ctx.lineTo(x + Math.cos(rad) * radius, y + Math.sin(rad) * radius);\n break;\n }\n ctx.fill();\n if (options.borderWidth > 0) {\n ctx.stroke();\n }\n}\nfunction _isPointInArea(point, area, margin) {\n margin = margin || 0.5;\n return !area || (point && point.x > area.left - margin && point.x < area.right + margin &&\n\t\tpoint.y > area.top - margin && point.y < area.bottom + margin);\n}\nfunction clipArea(ctx, area) {\n ctx.save();\n ctx.beginPath();\n ctx.rect(area.left, area.top, area.right - area.left, area.bottom - area.top);\n ctx.clip();\n}\nfunction unclipArea(ctx) {\n ctx.restore();\n}\nfunction _steppedLineTo(ctx, previous, target, flip, mode) {\n if (!previous) {\n return ctx.lineTo(target.x, target.y);\n }\n if (mode === 'middle') {\n const midpoint = (previous.x + target.x) / 2.0;\n ctx.lineTo(midpoint, previous.y);\n ctx.lineTo(midpoint, target.y);\n } else if (mode === 'after' !== !!flip) {\n ctx.lineTo(previous.x, target.y);\n } else {\n ctx.lineTo(target.x, previous.y);\n }\n ctx.lineTo(target.x, target.y);\n}\nfunction _bezierCurveTo(ctx, previous, target, flip) {\n if (!previous) {\n return ctx.lineTo(target.x, target.y);\n }\n ctx.bezierCurveTo(\n flip ? previous.cp1x : previous.cp2x,\n flip ? previous.cp1y : previous.cp2y,\n flip ? target.cp2x : target.cp1x,\n flip ? target.cp2y : target.cp1y,\n target.x,\n target.y);\n}\nfunction renderText(ctx, text, x, y, font, opts = {}) {\n const lines = isArray(text) ? text : [text];\n const stroke = opts.strokeWidth > 0 && opts.strokeColor !== '';\n let i, line;\n ctx.save();\n ctx.font = font.string;\n setRenderOpts(ctx, opts);\n for (i = 0; i < lines.length; ++i) {\n line = lines[i];\n if (stroke) {\n if (opts.strokeColor) {\n ctx.strokeStyle = opts.strokeColor;\n }\n if (!isNullOrUndef(opts.strokeWidth)) {\n ctx.lineWidth = opts.strokeWidth;\n }\n ctx.strokeText(line, x, y, opts.maxWidth);\n }\n ctx.fillText(line, x, y, opts.maxWidth);\n decorateText(ctx, x, y, line, opts);\n y += font.lineHeight;\n }\n ctx.restore();\n}\nfunction setRenderOpts(ctx, opts) {\n if (opts.translation) {\n ctx.translate(opts.translation[0], opts.translation[1]);\n }\n if (!isNullOrUndef(opts.rotation)) {\n ctx.rotate(opts.rotation);\n }\n if (opts.color) {\n ctx.fillStyle = opts.color;\n }\n if (opts.textAlign) {\n ctx.textAlign = opts.textAlign;\n }\n if (opts.textBaseline) {\n ctx.textBaseline = opts.textBaseline;\n }\n}\nfunction decorateText(ctx, x, y, line, opts) {\n if (opts.strikethrough || opts.underline) {\n const metrics = ctx.measureText(line);\n const left = x - metrics.actualBoundingBoxLeft;\n const right = x + metrics.actualBoundingBoxRight;\n const top = y - metrics.actualBoundingBoxAscent;\n const bottom = y + metrics.actualBoundingBoxDescent;\n const yDecoration = opts.strikethrough ? (top + bottom) / 2 : bottom;\n ctx.strokeStyle = ctx.fillStyle;\n ctx.beginPath();\n ctx.lineWidth = opts.decorationWidth || 2;\n ctx.moveTo(left, yDecoration);\n ctx.lineTo(right, yDecoration);\n ctx.stroke();\n }\n}\nfunction addRoundedRectPath(ctx, rect) {\n const {x, y, w, h, radius} = rect;\n ctx.arc(x + radius.topLeft, y + radius.topLeft, radius.topLeft, -HALF_PI, PI, true);\n ctx.lineTo(x, y + h - radius.bottomLeft);\n ctx.arc(x + radius.bottomLeft, y + h - radius.bottomLeft, radius.bottomLeft, PI, HALF_PI, true);\n ctx.lineTo(x + w - radius.bottomRight, y + h);\n ctx.arc(x + w - radius.bottomRight, y + h - radius.bottomRight, radius.bottomRight, HALF_PI, 0, true);\n ctx.lineTo(x + w, y + radius.topRight);\n ctx.arc(x + w - radius.topRight, y + radius.topRight, radius.topRight, 0, -HALF_PI, true);\n ctx.lineTo(x + radius.topLeft, y);\n}\n\nconst LINE_HEIGHT = new RegExp(/^(normal|(\\d+(?:\\.\\d+)?)(px|em|%)?)$/);\nconst FONT_STYLE = new RegExp(/^(normal|italic|initial|inherit|unset|(oblique( -?[0-9]?[0-9]deg)?))$/);\nfunction toLineHeight(value, size) {\n const matches = ('' + value).match(LINE_HEIGHT);\n if (!matches || matches[1] === 'normal') {\n return size * 1.2;\n }\n value = +matches[2];\n switch (matches[3]) {\n case 'px':\n return value;\n case '%':\n value /= 100;\n break;\n }\n return size * value;\n}\nconst numberOrZero = v => +v || 0;\nfunction _readValueToProps(value, props) {\n const ret = {};\n const objProps = isObject(props);\n const keys = objProps ? Object.keys(props) : props;\n const read = isObject(value)\n ? objProps\n ? prop => valueOrDefault(value[prop], value[props[prop]])\n : prop => value[prop]\n : () => value;\n for (const prop of keys) {\n ret[prop] = numberOrZero(read(prop));\n }\n return ret;\n}\nfunction toTRBL(value) {\n return _readValueToProps(value, {top: 'y', right: 'x', bottom: 'y', left: 'x'});\n}\nfunction toTRBLCorners(value) {\n return _readValueToProps(value, ['topLeft', 'topRight', 'bottomLeft', 'bottomRight']);\n}\nfunction toPadding(value) {\n const obj = toTRBL(value);\n obj.width = obj.left + obj.right;\n obj.height = obj.top + obj.bottom;\n return obj;\n}\nfunction toFont(options, fallback) {\n options = options || {};\n fallback = fallback || defaults.font;\n let size = valueOrDefault(options.size, fallback.size);\n if (typeof size === 'string') {\n size = parseInt(size, 10);\n }\n let style = valueOrDefault(options.style, fallback.style);\n if (style && !('' + style).match(FONT_STYLE)) {\n console.warn('Invalid font style specified: \"' + style + '\"');\n style = '';\n }\n const font = {\n family: valueOrDefault(options.family, fallback.family),\n lineHeight: toLineHeight(valueOrDefault(options.lineHeight, fallback.lineHeight), size),\n size,\n style,\n weight: valueOrDefault(options.weight, fallback.weight),\n string: ''\n };\n font.string = toFontString(font);\n return font;\n}\nfunction resolve(inputs, context, index, info) {\n let cacheable = true;\n let i, ilen, value;\n for (i = 0, ilen = inputs.length; i < ilen; ++i) {\n value = inputs[i];\n if (value === undefined) {\n continue;\n }\n if (context !== undefined && typeof value === 'function') {\n value = value(context);\n cacheable = false;\n }\n if (index !== undefined && isArray(value)) {\n value = value[index % value.length];\n cacheable = false;\n }\n if (value !== undefined) {\n if (info && !cacheable) {\n info.cacheable = false;\n }\n return value;\n }\n }\n}\nfunction _addGrace(minmax, grace, beginAtZero) {\n const {min, max} = minmax;\n const change = toDimension(grace, (max - min) / 2);\n const keepZero = (value, add) => beginAtZero && value === 0 ? 0 : value + add;\n return {\n min: keepZero(min, -Math.abs(change)),\n max: keepZero(max, change)\n };\n}\nfunction createContext(parentContext, context) {\n return Object.assign(Object.create(parentContext), context);\n}\n\nfunction _createResolver(scopes, prefixes = [''], rootScopes = scopes, fallback, getTarget = () => scopes[0]) {\n if (!defined(fallback)) {\n fallback = _resolve('_fallback', scopes);\n }\n const cache = {\n [Symbol.toStringTag]: 'Object',\n _cacheable: true,\n _scopes: scopes,\n _rootScopes: rootScopes,\n _fallback: fallback,\n _getTarget: getTarget,\n override: (scope) => _createResolver([scope, ...scopes], prefixes, rootScopes, fallback),\n };\n return new Proxy(cache, {\n deleteProperty(target, prop) {\n delete target[prop];\n delete target._keys;\n delete scopes[0][prop];\n return true;\n },\n get(target, prop) {\n return _cached(target, prop,\n () => _resolveWithPrefixes(prop, prefixes, scopes, target));\n },\n getOwnPropertyDescriptor(target, prop) {\n return Reflect.getOwnPropertyDescriptor(target._scopes[0], prop);\n },\n getPrototypeOf() {\n return Reflect.getPrototypeOf(scopes[0]);\n },\n has(target, prop) {\n return getKeysFromAllScopes(target).includes(prop);\n },\n ownKeys(target) {\n return getKeysFromAllScopes(target);\n },\n set(target, prop, value) {\n const storage = target._storage || (target._storage = getTarget());\n target[prop] = storage[prop] = value;\n delete target._keys;\n return true;\n }\n });\n}\nfunction _attachContext(proxy, context, subProxy, descriptorDefaults) {\n const cache = {\n _cacheable: false,\n _proxy: proxy,\n _context: context,\n _subProxy: subProxy,\n _stack: new Set(),\n _descriptors: _descriptors(proxy, descriptorDefaults),\n setContext: (ctx) => _attachContext(proxy, ctx, subProxy, descriptorDefaults),\n override: (scope) => _attachContext(proxy.override(scope), context, subProxy, descriptorDefaults)\n };\n return new Proxy(cache, {\n deleteProperty(target, prop) {\n delete target[prop];\n delete proxy[prop];\n return true;\n },\n get(target, prop, receiver) {\n return _cached(target, prop,\n () => _resolveWithContext(target, prop, receiver));\n },\n getOwnPropertyDescriptor(target, prop) {\n return target._descriptors.allKeys\n ? Reflect.has(proxy, prop) ? {enumerable: true, configurable: true} : undefined\n : Reflect.getOwnPropertyDescriptor(proxy, prop);\n },\n getPrototypeOf() {\n return Reflect.getPrototypeOf(proxy);\n },\n has(target, prop) {\n return Reflect.has(proxy, prop);\n },\n ownKeys() {\n return Reflect.ownKeys(proxy);\n },\n set(target, prop, value) {\n proxy[prop] = value;\n delete target[prop];\n return true;\n }\n });\n}\nfunction _descriptors(proxy, defaults = {scriptable: true, indexable: true}) {\n const {_scriptable = defaults.scriptable, _indexable = defaults.indexable, _allKeys = defaults.allKeys} = proxy;\n return {\n allKeys: _allKeys,\n scriptable: _scriptable,\n indexable: _indexable,\n isScriptable: isFunction(_scriptable) ? _scriptable : () => _scriptable,\n isIndexable: isFunction(_indexable) ? _indexable : () => _indexable\n };\n}\nconst readKey = (prefix, name) => prefix ? prefix + _capitalize(name) : name;\nconst needsSubResolver = (prop, value) => isObject(value) && prop !== 'adapters' &&\n (Object.getPrototypeOf(value) === null || value.constructor === Object);\nfunction _cached(target, prop, resolve) {\n if (Object.prototype.hasOwnProperty.call(target, prop)) {\n return target[prop];\n }\n const value = resolve();\n target[prop] = value;\n return value;\n}\nfunction _resolveWithContext(target, prop, receiver) {\n const {_proxy, _context, _subProxy, _descriptors: descriptors} = target;\n let value = _proxy[prop];\n if (isFunction(value) && descriptors.isScriptable(prop)) {\n value = _resolveScriptable(prop, value, target, receiver);\n }\n if (isArray(value) && value.length) {\n value = _resolveArray(prop, value, target, descriptors.isIndexable);\n }\n if (needsSubResolver(prop, value)) {\n value = _attachContext(value, _context, _subProxy && _subProxy[prop], descriptors);\n }\n return value;\n}\nfunction _resolveScriptable(prop, value, target, receiver) {\n const {_proxy, _context, _subProxy, _stack} = target;\n if (_stack.has(prop)) {\n throw new Error('Recursion detected: ' + Array.from(_stack).join('->') + '->' + prop);\n }\n _stack.add(prop);\n value = value(_context, _subProxy || receiver);\n _stack.delete(prop);\n if (needsSubResolver(prop, value)) {\n value = createSubResolver(_proxy._scopes, _proxy, prop, value);\n }\n return value;\n}\nfunction _resolveArray(prop, value, target, isIndexable) {\n const {_proxy, _context, _subProxy, _descriptors: descriptors} = target;\n if (defined(_context.index) && isIndexable(prop)) {\n value = value[_context.index % value.length];\n } else if (isObject(value[0])) {\n const arr = value;\n const scopes = _proxy._scopes.filter(s => s !== arr);\n value = [];\n for (const item of arr) {\n const resolver = createSubResolver(scopes, _proxy, prop, item);\n value.push(_attachContext(resolver, _context, _subProxy && _subProxy[prop], descriptors));\n }\n }\n return value;\n}\nfunction resolveFallback(fallback, prop, value) {\n return isFunction(fallback) ? fallback(prop, value) : fallback;\n}\nconst getScope = (key, parent) => key === true ? parent\n : typeof key === 'string' ? resolveObjectKey(parent, key) : undefined;\nfunction addScopes(set, parentScopes, key, parentFallback, value) {\n for (const parent of parentScopes) {\n const scope = getScope(key, parent);\n if (scope) {\n set.add(scope);\n const fallback = resolveFallback(scope._fallback, key, value);\n if (defined(fallback) && fallback !== key && fallback !== parentFallback) {\n return fallback;\n }\n } else if (scope === false && defined(parentFallback) && key !== parentFallback) {\n return null;\n }\n }\n return false;\n}\nfunction createSubResolver(parentScopes, resolver, prop, value) {\n const rootScopes = resolver._rootScopes;\n const fallback = resolveFallback(resolver._fallback, prop, value);\n const allScopes = [...parentScopes, ...rootScopes];\n const set = new Set();\n set.add(value);\n let key = addScopesFromKey(set, allScopes, prop, fallback || prop, value);\n if (key === null) {\n return false;\n }\n if (defined(fallback) && fallback !== prop) {\n key = addScopesFromKey(set, allScopes, fallback, key, value);\n if (key === null) {\n return false;\n }\n }\n return _createResolver(Array.from(set), [''], rootScopes, fallback,\n () => subGetTarget(resolver, prop, value));\n}\nfunction addScopesFromKey(set, allScopes, key, fallback, item) {\n while (key) {\n key = addScopes(set, allScopes, key, fallback, item);\n }\n return key;\n}\nfunction subGetTarget(resolver, prop, value) {\n const parent = resolver._getTarget();\n if (!(prop in parent)) {\n parent[prop] = {};\n }\n const target = parent[prop];\n if (isArray(target) && isObject(value)) {\n return value;\n }\n return target;\n}\nfunction _resolveWithPrefixes(prop, prefixes, scopes, proxy) {\n let value;\n for (const prefix of prefixes) {\n value = _resolve(readKey(prefix, prop), scopes);\n if (defined(value)) {\n return needsSubResolver(prop, value)\n ? createSubResolver(scopes, proxy, prop, value)\n : value;\n }\n }\n}\nfunction _resolve(key, scopes) {\n for (const scope of scopes) {\n if (!scope) {\n continue;\n }\n const value = scope[key];\n if (defined(value)) {\n return value;\n }\n }\n}\nfunction getKeysFromAllScopes(target) {\n let keys = target._keys;\n if (!keys) {\n keys = target._keys = resolveKeysFromAllScopes(target._scopes);\n }\n return keys;\n}\nfunction resolveKeysFromAllScopes(scopes) {\n const set = new Set();\n for (const scope of scopes) {\n for (const key of Object.keys(scope).filter(k => !k.startsWith('_'))) {\n set.add(key);\n }\n }\n return Array.from(set);\n}\nfunction _parseObjectDataRadialScale(meta, data, start, count) {\n const {iScale} = meta;\n const {key = 'r'} = this._parsing;\n const parsed = new Array(count);\n let i, ilen, index, item;\n for (i = 0, ilen = count; i < ilen; ++i) {\n index = i + start;\n item = data[index];\n parsed[i] = {\n r: iScale.parse(resolveObjectKey(item, key), index)\n };\n }\n return parsed;\n}\n\nconst EPSILON = Number.EPSILON || 1e-14;\nconst getPoint = (points, i) => i < points.length && !points[i].skip && points[i];\nconst getValueAxis = (indexAxis) => indexAxis === 'x' ? 'y' : 'x';\nfunction splineCurve(firstPoint, middlePoint, afterPoint, t) {\n const previous = firstPoint.skip ? middlePoint : firstPoint;\n const current = middlePoint;\n const next = afterPoint.skip ? middlePoint : afterPoint;\n const d01 = distanceBetweenPoints(current, previous);\n const d12 = distanceBetweenPoints(next, current);\n let s01 = d01 / (d01 + d12);\n let s12 = d12 / (d01 + d12);\n s01 = isNaN(s01) ? 0 : s01;\n s12 = isNaN(s12) ? 0 : s12;\n const fa = t * s01;\n const fb = t * s12;\n return {\n previous: {\n x: current.x - fa * (next.x - previous.x),\n y: current.y - fa * (next.y - previous.y)\n },\n next: {\n x: current.x + fb * (next.x - previous.x),\n y: current.y + fb * (next.y - previous.y)\n }\n };\n}\nfunction monotoneAdjust(points, deltaK, mK) {\n const pointsLen = points.length;\n let alphaK, betaK, tauK, squaredMagnitude, pointCurrent;\n let pointAfter = getPoint(points, 0);\n for (let i = 0; i < pointsLen - 1; ++i) {\n pointCurrent = pointAfter;\n pointAfter = getPoint(points, i + 1);\n if (!pointCurrent || !pointAfter) {\n continue;\n }\n if (almostEquals(deltaK[i], 0, EPSILON)) {\n mK[i] = mK[i + 1] = 0;\n continue;\n }\n alphaK = mK[i] / deltaK[i];\n betaK = mK[i + 1] / deltaK[i];\n squaredMagnitude = Math.pow(alphaK, 2) + Math.pow(betaK, 2);\n if (squaredMagnitude <= 9) {\n continue;\n }\n tauK = 3 / Math.sqrt(squaredMagnitude);\n mK[i] = alphaK * tauK * deltaK[i];\n mK[i + 1] = betaK * tauK * deltaK[i];\n }\n}\nfunction monotoneCompute(points, mK, indexAxis = 'x') {\n const valueAxis = getValueAxis(indexAxis);\n const pointsLen = points.length;\n let delta, pointBefore, pointCurrent;\n let pointAfter = getPoint(points, 0);\n for (let i = 0; i < pointsLen; ++i) {\n pointBefore = pointCurrent;\n pointCurrent = pointAfter;\n pointAfter = getPoint(points, i + 1);\n if (!pointCurrent) {\n continue;\n }\n const iPixel = pointCurrent[indexAxis];\n const vPixel = pointCurrent[valueAxis];\n if (pointBefore) {\n delta = (iPixel - pointBefore[indexAxis]) / 3;\n pointCurrent[`cp1${indexAxis}`] = iPixel - delta;\n pointCurrent[`cp1${valueAxis}`] = vPixel - delta * mK[i];\n }\n if (pointAfter) {\n delta = (pointAfter[indexAxis] - iPixel) / 3;\n pointCurrent[`cp2${indexAxis}`] = iPixel + delta;\n pointCurrent[`cp2${valueAxis}`] = vPixel + delta * mK[i];\n }\n }\n}\nfunction splineCurveMonotone(points, indexAxis = 'x') {\n const valueAxis = getValueAxis(indexAxis);\n const pointsLen = points.length;\n const deltaK = Array(pointsLen).fill(0);\n const mK = Array(pointsLen);\n let i, pointBefore, pointCurrent;\n let pointAfter = getPoint(points, 0);\n for (i = 0; i < pointsLen; ++i) {\n pointBefore = pointCurrent;\n pointCurrent = pointAfter;\n pointAfter = getPoint(points, i + 1);\n if (!pointCurrent) {\n continue;\n }\n if (pointAfter) {\n const slopeDelta = pointAfter[indexAxis] - pointCurrent[indexAxis];\n deltaK[i] = slopeDelta !== 0 ? (pointAfter[valueAxis] - pointCurrent[valueAxis]) / slopeDelta : 0;\n }\n mK[i] = !pointBefore ? deltaK[i]\n : !pointAfter ? deltaK[i - 1]\n : (sign(deltaK[i - 1]) !== sign(deltaK[i])) ? 0\n : (deltaK[i - 1] + deltaK[i]) / 2;\n }\n monotoneAdjust(points, deltaK, mK);\n monotoneCompute(points, mK, indexAxis);\n}\nfunction capControlPoint(pt, min, max) {\n return Math.max(Math.min(pt, max), min);\n}\nfunction capBezierPoints(points, area) {\n let i, ilen, point, inArea, inAreaPrev;\n let inAreaNext = _isPointInArea(points[0], area);\n for (i = 0, ilen = points.length; i < ilen; ++i) {\n inAreaPrev = inArea;\n inArea = inAreaNext;\n inAreaNext = i < ilen - 1 && _isPointInArea(points[i + 1], area);\n if (!inArea) {\n continue;\n }\n point = points[i];\n if (inAreaPrev) {\n point.cp1x = capControlPoint(point.cp1x, area.left, area.right);\n point.cp1y = capControlPoint(point.cp1y, area.top, area.bottom);\n }\n if (inAreaNext) {\n point.cp2x = capControlPoint(point.cp2x, area.left, area.right);\n point.cp2y = capControlPoint(point.cp2y, area.top, area.bottom);\n }\n }\n}\nfunction _updateBezierControlPoints(points, options, area, loop, indexAxis) {\n let i, ilen, point, controlPoints;\n if (options.spanGaps) {\n points = points.filter((pt) => !pt.skip);\n }\n if (options.cubicInterpolationMode === 'monotone') {\n splineCurveMonotone(points, indexAxis);\n } else {\n let prev = loop ? points[points.length - 1] : points[0];\n for (i = 0, ilen = points.length; i < ilen; ++i) {\n point = points[i];\n controlPoints = splineCurve(\n prev,\n point,\n points[Math.min(i + 1, ilen - (loop ? 0 : 1)) % ilen],\n options.tension\n );\n point.cp1x = controlPoints.previous.x;\n point.cp1y = controlPoints.previous.y;\n point.cp2x = controlPoints.next.x;\n point.cp2y = controlPoints.next.y;\n prev = point;\n }\n }\n if (options.capBezierPoints) {\n capBezierPoints(points, area);\n }\n}\n\nfunction _isDomSupported() {\n return typeof window !== 'undefined' && typeof document !== 'undefined';\n}\nfunction _getParentNode(domNode) {\n let parent = domNode.parentNode;\n if (parent && parent.toString() === '[object ShadowRoot]') {\n parent = parent.host;\n }\n return parent;\n}\nfunction parseMaxStyle(styleValue, node, parentProperty) {\n let valueInPixels;\n if (typeof styleValue === 'string') {\n valueInPixels = parseInt(styleValue, 10);\n if (styleValue.indexOf('%') !== -1) {\n valueInPixels = valueInPixels / 100 * node.parentNode[parentProperty];\n }\n } else {\n valueInPixels = styleValue;\n }\n return valueInPixels;\n}\nconst getComputedStyle = (element) => window.getComputedStyle(element, null);\nfunction getStyle(el, property) {\n return getComputedStyle(el).getPropertyValue(property);\n}\nconst positions = ['top', 'right', 'bottom', 'left'];\nfunction getPositionedStyle(styles, style, suffix) {\n const result = {};\n suffix = suffix ? '-' + suffix : '';\n for (let i = 0; i < 4; i++) {\n const pos = positions[i];\n result[pos] = parseFloat(styles[style + '-' + pos + suffix]) || 0;\n }\n result.width = result.left + result.right;\n result.height = result.top + result.bottom;\n return result;\n}\nconst useOffsetPos = (x, y, target) => (x > 0 || y > 0) && (!target || !target.shadowRoot);\nfunction getCanvasPosition(e, canvas) {\n const touches = e.touches;\n const source = touches && touches.length ? touches[0] : e;\n const {offsetX, offsetY} = source;\n let box = false;\n let x, y;\n if (useOffsetPos(offsetX, offsetY, e.target)) {\n x = offsetX;\n y = offsetY;\n } else {\n const rect = canvas.getBoundingClientRect();\n x = source.clientX - rect.left;\n y = source.clientY - rect.top;\n box = true;\n }\n return {x, y, box};\n}\nfunction getRelativePosition(evt, chart) {\n if ('native' in evt) {\n return evt;\n }\n const {canvas, currentDevicePixelRatio} = chart;\n const style = getComputedStyle(canvas);\n const borderBox = style.boxSizing === 'border-box';\n const paddings = getPositionedStyle(style, 'padding');\n const borders = getPositionedStyle(style, 'border', 'width');\n const {x, y, box} = getCanvasPosition(evt, canvas);\n const xOffset = paddings.left + (box && borders.left);\n const yOffset = paddings.top + (box && borders.top);\n let {width, height} = chart;\n if (borderBox) {\n width -= paddings.width + borders.width;\n height -= paddings.height + borders.height;\n }\n return {\n x: Math.round((x - xOffset) / width * canvas.width / currentDevicePixelRatio),\n y: Math.round((y - yOffset) / height * canvas.height / currentDevicePixelRatio)\n };\n}\nfunction getContainerSize(canvas, width, height) {\n let maxWidth, maxHeight;\n if (width === undefined || height === undefined) {\n const container = _getParentNode(canvas);\n if (!container) {\n width = canvas.clientWidth;\n height = canvas.clientHeight;\n } else {\n const rect = container.getBoundingClientRect();\n const containerStyle = getComputedStyle(container);\n const containerBorder = getPositionedStyle(containerStyle, 'border', 'width');\n const containerPadding = getPositionedStyle(containerStyle, 'padding');\n width = rect.width - containerPadding.width - containerBorder.width;\n height = rect.height - containerPadding.height - containerBorder.height;\n maxWidth = parseMaxStyle(containerStyle.maxWidth, container, 'clientWidth');\n maxHeight = parseMaxStyle(containerStyle.maxHeight, container, 'clientHeight');\n }\n }\n return {\n width,\n height,\n maxWidth: maxWidth || INFINITY,\n maxHeight: maxHeight || INFINITY\n };\n}\nconst round1 = v => Math.round(v * 10) / 10;\nfunction getMaximumSize(canvas, bbWidth, bbHeight, aspectRatio) {\n const style = getComputedStyle(canvas);\n const margins = getPositionedStyle(style, 'margin');\n const maxWidth = parseMaxStyle(style.maxWidth, canvas, 'clientWidth') || INFINITY;\n const maxHeight = parseMaxStyle(style.maxHeight, canvas, 'clientHeight') || INFINITY;\n const containerSize = getContainerSize(canvas, bbWidth, bbHeight);\n let {width, height} = containerSize;\n if (style.boxSizing === 'content-box') {\n const borders = getPositionedStyle(style, 'border', 'width');\n const paddings = getPositionedStyle(style, 'padding');\n width -= paddings.width + borders.width;\n height -= paddings.height + borders.height;\n }\n width = Math.max(0, width - margins.width);\n height = Math.max(0, aspectRatio ? Math.floor(width / aspectRatio) : height - margins.height);\n width = round1(Math.min(width, maxWidth, containerSize.maxWidth));\n height = round1(Math.min(height, maxHeight, containerSize.maxHeight));\n if (width && !height) {\n height = round1(width / 2);\n }\n return {\n width,\n height\n };\n}\nfunction retinaScale(chart, forceRatio, forceStyle) {\n const pixelRatio = forceRatio || 1;\n const deviceHeight = Math.floor(chart.height * pixelRatio);\n const deviceWidth = Math.floor(chart.width * pixelRatio);\n chart.height = deviceHeight / pixelRatio;\n chart.width = deviceWidth / pixelRatio;\n const canvas = chart.canvas;\n if (canvas.style && (forceStyle || (!canvas.style.height && !canvas.style.width))) {\n canvas.style.height = `${chart.height}px`;\n canvas.style.width = `${chart.width}px`;\n }\n if (chart.currentDevicePixelRatio !== pixelRatio\n || canvas.height !== deviceHeight\n || canvas.width !== deviceWidth) {\n chart.currentDevicePixelRatio = pixelRatio;\n canvas.height = deviceHeight;\n canvas.width = deviceWidth;\n chart.ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);\n return true;\n }\n return false;\n}\nconst supportsEventListenerOptions = (function() {\n let passiveSupported = false;\n try {\n const options = {\n get passive() {\n passiveSupported = true;\n return false;\n }\n };\n window.addEventListener('test', null, options);\n window.removeEventListener('test', null, options);\n } catch (e) {\n }\n return passiveSupported;\n}());\nfunction readUsedSize(element, property) {\n const value = getStyle(element, property);\n const matches = value && value.match(/^(\\d+)(\\.\\d+)?px$/);\n return matches ? +matches[1] : undefined;\n}\n\nfunction _pointInLine(p1, p2, t, mode) {\n return {\n x: p1.x + t * (p2.x - p1.x),\n y: p1.y + t * (p2.y - p1.y)\n };\n}\nfunction _steppedInterpolation(p1, p2, t, mode) {\n return {\n x: p1.x + t * (p2.x - p1.x),\n y: mode === 'middle' ? t < 0.5 ? p1.y : p2.y\n : mode === 'after' ? t < 1 ? p1.y : p2.y\n : t > 0 ? p2.y : p1.y\n };\n}\nfunction _bezierInterpolation(p1, p2, t, mode) {\n const cp1 = {x: p1.cp2x, y: p1.cp2y};\n const cp2 = {x: p2.cp1x, y: p2.cp1y};\n const a = _pointInLine(p1, cp1, t);\n const b = _pointInLine(cp1, cp2, t);\n const c = _pointInLine(cp2, p2, t);\n const d = _pointInLine(a, b, t);\n const e = _pointInLine(b, c, t);\n return _pointInLine(d, e, t);\n}\n\nconst intlCache = new Map();\nfunction getNumberFormat(locale, options) {\n options = options || {};\n const cacheKey = locale + JSON.stringify(options);\n let formatter = intlCache.get(cacheKey);\n if (!formatter) {\n formatter = new Intl.NumberFormat(locale, options);\n intlCache.set(cacheKey, formatter);\n }\n return formatter;\n}\nfunction formatNumber(num, locale, options) {\n return getNumberFormat(locale, options).format(num);\n}\n\nconst getRightToLeftAdapter = function(rectX, width) {\n return {\n x(x) {\n return rectX + rectX + width - x;\n },\n setWidth(w) {\n width = w;\n },\n textAlign(align) {\n if (align === 'center') {\n return align;\n }\n return align === 'right' ? 'left' : 'right';\n },\n xPlus(x, value) {\n return x - value;\n },\n leftForLtr(x, itemWidth) {\n return x - itemWidth;\n },\n };\n};\nconst getLeftToRightAdapter = function() {\n return {\n x(x) {\n return x;\n },\n setWidth(w) {\n },\n textAlign(align) {\n return align;\n },\n xPlus(x, value) {\n return x + value;\n },\n leftForLtr(x, _itemWidth) {\n return x;\n },\n };\n};\nfunction getRtlAdapter(rtl, rectX, width) {\n return rtl ? getRightToLeftAdapter(rectX, width) : getLeftToRightAdapter();\n}\nfunction overrideTextDirection(ctx, direction) {\n let style, original;\n if (direction === 'ltr' || direction === 'rtl') {\n style = ctx.canvas.style;\n original = [\n style.getPropertyValue('direction'),\n style.getPropertyPriority('direction'),\n ];\n style.setProperty('direction', direction, 'important');\n ctx.prevTextDirection = original;\n }\n}\nfunction restoreTextDirection(ctx, original) {\n if (original !== undefined) {\n delete ctx.prevTextDirection;\n ctx.canvas.style.setProperty('direction', original[0], original[1]);\n }\n}\n\nfunction propertyFn(property) {\n if (property === 'angle') {\n return {\n between: _angleBetween,\n compare: _angleDiff,\n normalize: _normalizeAngle,\n };\n }\n return {\n between: _isBetween,\n compare: (a, b) => a - b,\n normalize: x => x\n };\n}\nfunction normalizeSegment({start, end, count, loop, style}) {\n return {\n start: start % count,\n end: end % count,\n loop: loop && (end - start + 1) % count === 0,\n style\n };\n}\nfunction getSegment(segment, points, bounds) {\n const {property, start: startBound, end: endBound} = bounds;\n const {between, normalize} = propertyFn(property);\n const count = points.length;\n let {start, end, loop} = segment;\n let i, ilen;\n if (loop) {\n start += count;\n end += count;\n for (i = 0, ilen = count; i < ilen; ++i) {\n if (!between(normalize(points[start % count][property]), startBound, endBound)) {\n break;\n }\n start--;\n end--;\n }\n start %= count;\n end %= count;\n }\n if (end < start) {\n end += count;\n }\n return {start, end, loop, style: segment.style};\n}\nfunction _boundSegment(segment, points, bounds) {\n if (!bounds) {\n return [segment];\n }\n const {property, start: startBound, end: endBound} = bounds;\n const count = points.length;\n const {compare, between, normalize} = propertyFn(property);\n const {start, end, loop, style} = getSegment(segment, points, bounds);\n const result = [];\n let inside = false;\n let subStart = null;\n let value, point, prevValue;\n const startIsBefore = () => between(startBound, prevValue, value) && compare(startBound, prevValue) !== 0;\n const endIsBefore = () => compare(endBound, value) === 0 || between(endBound, prevValue, value);\n const shouldStart = () => inside || startIsBefore();\n const shouldStop = () => !inside || endIsBefore();\n for (let i = start, prev = start; i <= end; ++i) {\n point = points[i % count];\n if (point.skip) {\n continue;\n }\n value = normalize(point[property]);\n if (value === prevValue) {\n continue;\n }\n inside = between(value, startBound, endBound);\n if (subStart === null && shouldStart()) {\n subStart = compare(value, startBound) === 0 ? i : prev;\n }\n if (subStart !== null && shouldStop()) {\n result.push(normalizeSegment({start: subStart, end: i, loop, count, style}));\n subStart = null;\n }\n prev = i;\n prevValue = value;\n }\n if (subStart !== null) {\n result.push(normalizeSegment({start: subStart, end, loop, count, style}));\n }\n return result;\n}\nfunction _boundSegments(line, bounds) {\n const result = [];\n const segments = line.segments;\n for (let i = 0; i < segments.length; i++) {\n const sub = _boundSegment(segments[i], line.points, bounds);\n if (sub.length) {\n result.push(...sub);\n }\n }\n return result;\n}\nfunction findStartAndEnd(points, count, loop, spanGaps) {\n let start = 0;\n let end = count - 1;\n if (loop && !spanGaps) {\n while (start < count && !points[start].skip) {\n start++;\n }\n }\n while (start < count && points[start].skip) {\n start++;\n }\n start %= count;\n if (loop) {\n end += start;\n }\n while (end > start && points[end % count].skip) {\n end--;\n }\n end %= count;\n return {start, end};\n}\nfunction solidSegments(points, start, max, loop) {\n const count = points.length;\n const result = [];\n let last = start;\n let prev = points[start];\n let end;\n for (end = start + 1; end <= max; ++end) {\n const cur = points[end % count];\n if (cur.skip || cur.stop) {\n if (!prev.skip) {\n loop = false;\n result.push({start: start % count, end: (end - 1) % count, loop});\n start = last = cur.stop ? end : null;\n }\n } else {\n last = end;\n if (prev.skip) {\n start = end;\n }\n }\n prev = cur;\n }\n if (last !== null) {\n result.push({start: start % count, end: last % count, loop});\n }\n return result;\n}\nfunction _computeSegments(line, segmentOptions) {\n const points = line.points;\n const spanGaps = line.options.spanGaps;\n const count = points.length;\n if (!count) {\n return [];\n }\n const loop = !!line._loop;\n const {start, end} = findStartAndEnd(points, count, loop, spanGaps);\n if (spanGaps === true) {\n return splitByStyles(line, [{start, end, loop}], points, segmentOptions);\n }\n const max = end < start ? end + count : end;\n const completeLoop = !!line._fullLoop && start === 0 && end === count - 1;\n return splitByStyles(line, solidSegments(points, start, max, completeLoop), points, segmentOptions);\n}\nfunction splitByStyles(line, segments, points, segmentOptions) {\n if (!segmentOptions || !segmentOptions.setContext || !points) {\n return segments;\n }\n return doSplitByStyles(line, segments, points, segmentOptions);\n}\nfunction doSplitByStyles(line, segments, points, segmentOptions) {\n const chartContext = line._chart.getContext();\n const baseStyle = readStyle(line.options);\n const {_datasetIndex: datasetIndex, options: {spanGaps}} = line;\n const count = points.length;\n const result = [];\n let prevStyle = baseStyle;\n let start = segments[0].start;\n let i = start;\n function addStyle(s, e, l, st) {\n const dir = spanGaps ? -1 : 1;\n if (s === e) {\n return;\n }\n s += count;\n while (points[s % count].skip) {\n s -= dir;\n }\n while (points[e % count].skip) {\n e += dir;\n }\n if (s % count !== e % count) {\n result.push({start: s % count, end: e % count, loop: l, style: st});\n prevStyle = st;\n start = e % count;\n }\n }\n for (const segment of segments) {\n start = spanGaps ? start : segment.start;\n let prev = points[start % count];\n let style;\n for (i = start + 1; i <= segment.end; i++) {\n const pt = points[i % count];\n style = readStyle(segmentOptions.setContext(createContext(chartContext, {\n type: 'segment',\n p0: prev,\n p1: pt,\n p0DataIndex: (i - 1) % count,\n p1DataIndex: i % count,\n datasetIndex\n })));\n if (styleChanged(style, prevStyle)) {\n addStyle(start, i - 1, segment.loop, prevStyle);\n }\n prev = pt;\n prevStyle = style;\n }\n if (start < i - 1) {\n addStyle(start, i - 1, segment.loop, prevStyle);\n }\n }\n return result;\n}\nfunction readStyle(options) {\n return {\n backgroundColor: options.backgroundColor,\n borderCapStyle: options.borderCapStyle,\n borderDash: options.borderDash,\n borderDashOffset: options.borderDashOffset,\n borderJoinStyle: options.borderJoinStyle,\n borderWidth: options.borderWidth,\n borderColor: options.borderColor\n };\n}\nfunction styleChanged(style, prevStyle) {\n return prevStyle && JSON.stringify(style) !== JSON.stringify(prevStyle);\n}\n\nexport { _isPointInArea as $, _factorize as A, finiteOrDefault as B, callback as C, _addGrace as D, _limitValue as E, toDegrees as F, _measureText as G, HALF_PI as H, _int16Range as I, _alignPixel as J, toPadding as K, clipArea as L, renderText as M, unclipArea as N, toFont as O, PI as P, each as Q, _toLeftRightCenter as R, _alignStartEnd as S, TAU as T, overrides as U, merge as V, _capitalize as W, getRelativePosition as X, _rlookupByKey as Y, _lookupByKey as Z, _arrayUnique as _, resolve as a, toLineHeight as a$, getAngleFromPoint as a0, getMaximumSize as a1, _getParentNode as a2, readUsedSize as a3, throttled as a4, supportsEventListenerOptions as a5, _isDomSupported as a6, descriptors as a7, isFunction as a8, _attachContext as a9, getRtlAdapter as aA, overrideTextDirection as aB, _textX as aC, restoreTextDirection as aD, drawPointLegend as aE, noop as aF, distanceBetweenPoints as aG, _setMinAndMaxByKey as aH, niceNum as aI, almostWhole as aJ, almostEquals as aK, _decimalPlaces as aL, _longestText as aM, _filterBetween as aN, _lookup as aO, isPatternOrGradient as aP, getHoverColor as aQ, clone$1 as aR, _merger as aS, _mergerIf as aT, _deprecated as aU, _splitKey as aV, toFontString as aW, splineCurve as aX, splineCurveMonotone as aY, getStyle as aZ, fontString as a_, _createResolver as aa, _descriptors as ab, mergeIf as ac, uid as ad, debounce as ae, retinaScale as af, clearCanvas as ag, setsEqual as ah, _elementsEqual as ai, _isClickEvent as aj, _isBetween as ak, _readValueToProps as al, _updateBezierControlPoints as am, _computeSegments as an, _boundSegments as ao, _steppedInterpolation as ap, _bezierInterpolation as aq, _pointInLine as ar, _steppedLineTo as as, _bezierCurveTo as at, drawPoint as au, addRoundedRectPath as av, toTRBL as aw, toTRBLCorners as ax, _boundSegment as ay, _normalizeAngle as az, isArray as b, PITAU as b0, INFINITY as b1, RAD_PER_DEG as b2, QUARTER_PI as b3, TWO_THIRDS_PI as b4, _angleDiff as b5, color as c, defaults as d, effects as e, resolveObjectKey as f, isNumberFinite as g, createContext as h, isObject as i, defined as j, isNullOrUndef as k, listenArrayEvents as l, toPercentage as m, toDimension as n, formatNumber as o, _angleBetween as p, _getStartAndCountOfVisiblePoints as q, requestAnimFrame as r, sign as s, toRadians as t, unlistenArrayEvents as u, valueOrDefault as v, _scaleRangesChanged as w, isNumber as x, _parseObjectDataRadialScale as y, log10 as z };\n","/*!\n * Chart.js v3.9.1\n * https://www.chartjs.org\n * (c) 2022 Chart.js Contributors\n * Released under the MIT License\n */\nimport { r as requestAnimFrame, a as resolve, e as effects, c as color, d as defaults, i as isObject, b as isArray, v as valueOrDefault, u as unlistenArrayEvents, l as listenArrayEvents, f as resolveObjectKey, g as isNumberFinite, h as createContext, j as defined, s as sign, k as isNullOrUndef, _ as _arrayUnique, t as toRadians, m as toPercentage, n as toDimension, T as TAU, o as formatNumber, p as _angleBetween, H as HALF_PI, P as PI, q as _getStartAndCountOfVisiblePoints, w as _scaleRangesChanged, x as isNumber, y as _parseObjectDataRadialScale, z as log10, A as _factorize, B as finiteOrDefault, C as callback, D as _addGrace, E as _limitValue, F as toDegrees, G as _measureText, I as _int16Range, J as _alignPixel, K as toPadding, L as clipArea, M as renderText, N as unclipArea, O as toFont, Q as each, R as _toLeftRightCenter, S as _alignStartEnd, U as overrides, V as merge, W as _capitalize, X as getRelativePosition, Y as _rlookupByKey, Z as _lookupByKey, $ as _isPointInArea, a0 as getAngleFromPoint, a1 as getMaximumSize, a2 as _getParentNode, a3 as readUsedSize, a4 as throttled, a5 as supportsEventListenerOptions, a6 as _isDomSupported, a7 as descriptors, a8 as isFunction, a9 as _attachContext, aa as _createResolver, ab as _descriptors, ac as mergeIf, ad as uid, ae as debounce, af as retinaScale, ag as clearCanvas, ah as setsEqual, ai as _elementsEqual, aj as _isClickEvent, ak as _isBetween, al as _readValueToProps, am as _updateBezierControlPoints, an as _computeSegments, ao as _boundSegments, ap as _steppedInterpolation, aq as _bezierInterpolation, ar as _pointInLine, as as _steppedLineTo, at as _bezierCurveTo, au as drawPoint, av as addRoundedRectPath, aw as toTRBL, ax as toTRBLCorners, ay as _boundSegment, az as _normalizeAngle, aA as getRtlAdapter, aB as overrideTextDirection, aC as _textX, aD as restoreTextDirection, aE as drawPointLegend, aF as noop, aG as distanceBetweenPoints, aH as _setMinAndMaxByKey, aI as niceNum, aJ as almostWhole, aK as almostEquals, aL as _decimalPlaces, aM as _longestText, aN as _filterBetween, aO as _lookup } from './chunks/helpers.segment.mjs';\nexport { d as defaults } from './chunks/helpers.segment.mjs';\n\nclass Animator {\n constructor() {\n this._request = null;\n this._charts = new Map();\n this._running = false;\n this._lastDate = undefined;\n }\n _notify(chart, anims, date, type) {\n const callbacks = anims.listeners[type];\n const numSteps = anims.duration;\n callbacks.forEach(fn => fn({\n chart,\n initial: anims.initial,\n numSteps,\n currentStep: Math.min(date - anims.start, numSteps)\n }));\n }\n _refresh() {\n if (this._request) {\n return;\n }\n this._running = true;\n this._request = requestAnimFrame.call(window, () => {\n this._update();\n this._request = null;\n if (this._running) {\n this._refresh();\n }\n });\n }\n _update(date = Date.now()) {\n let remaining = 0;\n this._charts.forEach((anims, chart) => {\n if (!anims.running || !anims.items.length) {\n return;\n }\n const items = anims.items;\n let i = items.length - 1;\n let draw = false;\n let item;\n for (; i >= 0; --i) {\n item = items[i];\n if (item._active) {\n if (item._total > anims.duration) {\n anims.duration = item._total;\n }\n item.tick(date);\n draw = true;\n } else {\n items[i] = items[items.length - 1];\n items.pop();\n }\n }\n if (draw) {\n chart.draw();\n this._notify(chart, anims, date, 'progress');\n }\n if (!items.length) {\n anims.running = false;\n this._notify(chart, anims, date, 'complete');\n anims.initial = false;\n }\n remaining += items.length;\n });\n this._lastDate = date;\n if (remaining === 0) {\n this._running = false;\n }\n }\n _getAnims(chart) {\n const charts = this._charts;\n let anims = charts.get(chart);\n if (!anims) {\n anims = {\n running: false,\n initial: true,\n items: [],\n listeners: {\n complete: [],\n progress: []\n }\n };\n charts.set(chart, anims);\n }\n return anims;\n }\n listen(chart, event, cb) {\n this._getAnims(chart).listeners[event].push(cb);\n }\n add(chart, items) {\n if (!items || !items.length) {\n return;\n }\n this._getAnims(chart).items.push(...items);\n }\n has(chart) {\n return this._getAnims(chart).items.length > 0;\n }\n start(chart) {\n const anims = this._charts.get(chart);\n if (!anims) {\n return;\n }\n anims.running = true;\n anims.start = Date.now();\n anims.duration = anims.items.reduce((acc, cur) => Math.max(acc, cur._duration), 0);\n this._refresh();\n }\n running(chart) {\n if (!this._running) {\n return false;\n }\n const anims = this._charts.get(chart);\n if (!anims || !anims.running || !anims.items.length) {\n return false;\n }\n return true;\n }\n stop(chart) {\n const anims = this._charts.get(chart);\n if (!anims || !anims.items.length) {\n return;\n }\n const items = anims.items;\n let i = items.length - 1;\n for (; i >= 0; --i) {\n items[i].cancel();\n }\n anims.items = [];\n this._notify(chart, anims, Date.now(), 'complete');\n }\n remove(chart) {\n return this._charts.delete(chart);\n }\n}\nvar animator = new Animator();\n\nconst transparent = 'transparent';\nconst interpolators = {\n boolean(from, to, factor) {\n return factor > 0.5 ? to : from;\n },\n color(from, to, factor) {\n const c0 = color(from || transparent);\n const c1 = c0.valid && color(to || transparent);\n return c1 && c1.valid\n ? c1.mix(c0, factor).hexString()\n : to;\n },\n number(from, to, factor) {\n return from + (to - from) * factor;\n }\n};\nclass Animation {\n constructor(cfg, target, prop, to) {\n const currentValue = target[prop];\n to = resolve([cfg.to, to, currentValue, cfg.from]);\n const from = resolve([cfg.from, currentValue, to]);\n this._active = true;\n this._fn = cfg.fn || interpolators[cfg.type || typeof from];\n this._easing = effects[cfg.easing] || effects.linear;\n this._start = Math.floor(Date.now() + (cfg.delay || 0));\n this._duration = this._total = Math.floor(cfg.duration);\n this._loop = !!cfg.loop;\n this._target = target;\n this._prop = prop;\n this._from = from;\n this._to = to;\n this._promises = undefined;\n }\n active() {\n return this._active;\n }\n update(cfg, to, date) {\n if (this._active) {\n this._notify(false);\n const currentValue = this._target[this._prop];\n const elapsed = date - this._start;\n const remain = this._duration - elapsed;\n this._start = date;\n this._duration = Math.floor(Math.max(remain, cfg.duration));\n this._total += elapsed;\n this._loop = !!cfg.loop;\n this._to = resolve([cfg.to, to, currentValue, cfg.from]);\n this._from = resolve([cfg.from, currentValue, to]);\n }\n }\n cancel() {\n if (this._active) {\n this.tick(Date.now());\n this._active = false;\n this._notify(false);\n }\n }\n tick(date) {\n const elapsed = date - this._start;\n const duration = this._duration;\n const prop = this._prop;\n const from = this._from;\n const loop = this._loop;\n const to = this._to;\n let factor;\n this._active = from !== to && (loop || (elapsed < duration));\n if (!this._active) {\n this._target[prop] = to;\n this._notify(true);\n return;\n }\n if (elapsed < 0) {\n this._target[prop] = from;\n return;\n }\n factor = (elapsed / duration) % 2;\n factor = loop && factor > 1 ? 2 - factor : factor;\n factor = this._easing(Math.min(1, Math.max(0, factor)));\n this._target[prop] = this._fn(from, to, factor);\n }\n wait() {\n const promises = this._promises || (this._promises = []);\n return new Promise((res, rej) => {\n promises.push({res, rej});\n });\n }\n _notify(resolved) {\n const method = resolved ? 'res' : 'rej';\n const promises = this._promises || [];\n for (let i = 0; i < promises.length; i++) {\n promises[i][method]();\n }\n }\n}\n\nconst numbers = ['x', 'y', 'borderWidth', 'radius', 'tension'];\nconst colors = ['color', 'borderColor', 'backgroundColor'];\ndefaults.set('animation', {\n delay: undefined,\n duration: 1000,\n easing: 'easeOutQuart',\n fn: undefined,\n from: undefined,\n loop: undefined,\n to: undefined,\n type: undefined,\n});\nconst animationOptions = Object.keys(defaults.animation);\ndefaults.describe('animation', {\n _fallback: false,\n _indexable: false,\n _scriptable: (name) => name !== 'onProgress' && name !== 'onComplete' && name !== 'fn',\n});\ndefaults.set('animations', {\n colors: {\n type: 'color',\n properties: colors\n },\n numbers: {\n type: 'number',\n properties: numbers\n },\n});\ndefaults.describe('animations', {\n _fallback: 'animation',\n});\ndefaults.set('transitions', {\n active: {\n animation: {\n duration: 400\n }\n },\n resize: {\n animation: {\n duration: 0\n }\n },\n show: {\n animations: {\n colors: {\n from: 'transparent'\n },\n visible: {\n type: 'boolean',\n duration: 0\n },\n }\n },\n hide: {\n animations: {\n colors: {\n to: 'transparent'\n },\n visible: {\n type: 'boolean',\n easing: 'linear',\n fn: v => v | 0\n },\n }\n }\n});\nclass Animations {\n constructor(chart, config) {\n this._chart = chart;\n this._properties = new Map();\n this.configure(config);\n }\n configure(config) {\n if (!isObject(config)) {\n return;\n }\n const animatedProps = this._properties;\n Object.getOwnPropertyNames(config).forEach(key => {\n const cfg = config[key];\n if (!isObject(cfg)) {\n return;\n }\n const resolved = {};\n for (const option of animationOptions) {\n resolved[option] = cfg[option];\n }\n (isArray(cfg.properties) && cfg.properties || [key]).forEach((prop) => {\n if (prop === key || !animatedProps.has(prop)) {\n animatedProps.set(prop, resolved);\n }\n });\n });\n }\n _animateOptions(target, values) {\n const newOptions = values.options;\n const options = resolveTargetOptions(target, newOptions);\n if (!options) {\n return [];\n }\n const animations = this._createAnimations(options, newOptions);\n if (newOptions.$shared) {\n awaitAll(target.options.$animations, newOptions).then(() => {\n target.options = newOptions;\n }, () => {\n });\n }\n return animations;\n }\n _createAnimations(target, values) {\n const animatedProps = this._properties;\n const animations = [];\n const running = target.$animations || (target.$animations = {});\n const props = Object.keys(values);\n const date = Date.now();\n let i;\n for (i = props.length - 1; i >= 0; --i) {\n const prop = props[i];\n if (prop.charAt(0) === '$') {\n continue;\n }\n if (prop === 'options') {\n animations.push(...this._animateOptions(target, values));\n continue;\n }\n const value = values[prop];\n let animation = running[prop];\n const cfg = animatedProps.get(prop);\n if (animation) {\n if (cfg && animation.active()) {\n animation.update(cfg, value, date);\n continue;\n } else {\n animation.cancel();\n }\n }\n if (!cfg || !cfg.duration) {\n target[prop] = value;\n continue;\n }\n running[prop] = animation = new Animation(cfg, target, prop, value);\n animations.push(animation);\n }\n return animations;\n }\n update(target, values) {\n if (this._properties.size === 0) {\n Object.assign(target, values);\n return;\n }\n const animations = this._createAnimations(target, values);\n if (animations.length) {\n animator.add(this._chart, animations);\n return true;\n }\n }\n}\nfunction awaitAll(animations, properties) {\n const running = [];\n const keys = Object.keys(properties);\n for (let i = 0; i < keys.length; i++) {\n const anim = animations[keys[i]];\n if (anim && anim.active()) {\n running.push(anim.wait());\n }\n }\n return Promise.all(running);\n}\nfunction resolveTargetOptions(target, newOptions) {\n if (!newOptions) {\n return;\n }\n let options = target.options;\n if (!options) {\n target.options = newOptions;\n return;\n }\n if (options.$shared) {\n target.options = options = Object.assign({}, options, {$shared: false, $animations: {}});\n }\n return options;\n}\n\nfunction scaleClip(scale, allowedOverflow) {\n const opts = scale && scale.options || {};\n const reverse = opts.reverse;\n const min = opts.min === undefined ? allowedOverflow : 0;\n const max = opts.max === undefined ? allowedOverflow : 0;\n return {\n start: reverse ? max : min,\n end: reverse ? min : max\n };\n}\nfunction defaultClip(xScale, yScale, allowedOverflow) {\n if (allowedOverflow === false) {\n return false;\n }\n const x = scaleClip(xScale, allowedOverflow);\n const y = scaleClip(yScale, allowedOverflow);\n return {\n top: y.end,\n right: x.end,\n bottom: y.start,\n left: x.start\n };\n}\nfunction toClip(value) {\n let t, r, b, l;\n if (isObject(value)) {\n t = value.top;\n r = value.right;\n b = value.bottom;\n l = value.left;\n } else {\n t = r = b = l = value;\n }\n return {\n top: t,\n right: r,\n bottom: b,\n left: l,\n disabled: value === false\n };\n}\nfunction getSortedDatasetIndices(chart, filterVisible) {\n const keys = [];\n const metasets = chart._getSortedDatasetMetas(filterVisible);\n let i, ilen;\n for (i = 0, ilen = metasets.length; i < ilen; ++i) {\n keys.push(metasets[i].index);\n }\n return keys;\n}\nfunction applyStack(stack, value, dsIndex, options = {}) {\n const keys = stack.keys;\n const singleMode = options.mode === 'single';\n let i, ilen, datasetIndex, otherValue;\n if (value === null) {\n return;\n }\n for (i = 0, ilen = keys.length; i < ilen; ++i) {\n datasetIndex = +keys[i];\n if (datasetIndex === dsIndex) {\n if (options.all) {\n continue;\n }\n break;\n }\n otherValue = stack.values[datasetIndex];\n if (isNumberFinite(otherValue) && (singleMode || (value === 0 || sign(value) === sign(otherValue)))) {\n value += otherValue;\n }\n }\n return value;\n}\nfunction convertObjectDataToArray(data) {\n const keys = Object.keys(data);\n const adata = new Array(keys.length);\n let i, ilen, key;\n for (i = 0, ilen = keys.length; i < ilen; ++i) {\n key = keys[i];\n adata[i] = {\n x: key,\n y: data[key]\n };\n }\n return adata;\n}\nfunction isStacked(scale, meta) {\n const stacked = scale && scale.options.stacked;\n return stacked || (stacked === undefined && meta.stack !== undefined);\n}\nfunction getStackKey(indexScale, valueScale, meta) {\n return `${indexScale.id}.${valueScale.id}.${meta.stack || meta.type}`;\n}\nfunction getUserBounds(scale) {\n const {min, max, minDefined, maxDefined} = scale.getUserBounds();\n return {\n min: minDefined ? min : Number.NEGATIVE_INFINITY,\n max: maxDefined ? max : Number.POSITIVE_INFINITY\n };\n}\nfunction getOrCreateStack(stacks, stackKey, indexValue) {\n const subStack = stacks[stackKey] || (stacks[stackKey] = {});\n return subStack[indexValue] || (subStack[indexValue] = {});\n}\nfunction getLastIndexInStack(stack, vScale, positive, type) {\n for (const meta of vScale.getMatchingVisibleMetas(type).reverse()) {\n const value = stack[meta.index];\n if ((positive && value > 0) || (!positive && value < 0)) {\n return meta.index;\n }\n }\n return null;\n}\nfunction updateStacks(controller, parsed) {\n const {chart, _cachedMeta: meta} = controller;\n const stacks = chart._stacks || (chart._stacks = {});\n const {iScale, vScale, index: datasetIndex} = meta;\n const iAxis = iScale.axis;\n const vAxis = vScale.axis;\n const key = getStackKey(iScale, vScale, meta);\n const ilen = parsed.length;\n let stack;\n for (let i = 0; i < ilen; ++i) {\n const item = parsed[i];\n const {[iAxis]: index, [vAxis]: value} = item;\n const itemStacks = item._stacks || (item._stacks = {});\n stack = itemStacks[vAxis] = getOrCreateStack(stacks, key, index);\n stack[datasetIndex] = value;\n stack._top = getLastIndexInStack(stack, vScale, true, meta.type);\n stack._bottom = getLastIndexInStack(stack, vScale, false, meta.type);\n }\n}\nfunction getFirstScaleId(chart, axis) {\n const scales = chart.scales;\n return Object.keys(scales).filter(key => scales[key].axis === axis).shift();\n}\nfunction createDatasetContext(parent, index) {\n return createContext(parent,\n {\n active: false,\n dataset: undefined,\n datasetIndex: index,\n index,\n mode: 'default',\n type: 'dataset'\n }\n );\n}\nfunction createDataContext(parent, index, element) {\n return createContext(parent, {\n active: false,\n dataIndex: index,\n parsed: undefined,\n raw: undefined,\n element,\n index,\n mode: 'default',\n type: 'data'\n });\n}\nfunction clearStacks(meta, items) {\n const datasetIndex = meta.controller.index;\n const axis = meta.vScale && meta.vScale.axis;\n if (!axis) {\n return;\n }\n items = items || meta._parsed;\n for (const parsed of items) {\n const stacks = parsed._stacks;\n if (!stacks || stacks[axis] === undefined || stacks[axis][datasetIndex] === undefined) {\n return;\n }\n delete stacks[axis][datasetIndex];\n }\n}\nconst isDirectUpdateMode = (mode) => mode === 'reset' || mode === 'none';\nconst cloneIfNotShared = (cached, shared) => shared ? cached : Object.assign({}, cached);\nconst createStack = (canStack, meta, chart) => canStack && !meta.hidden && meta._stacked\n && {keys: getSortedDatasetIndices(chart, true), values: null};\nclass DatasetController {\n constructor(chart, datasetIndex) {\n this.chart = chart;\n this._ctx = chart.ctx;\n this.index = datasetIndex;\n this._cachedDataOpts = {};\n this._cachedMeta = this.getMeta();\n this._type = this._cachedMeta.type;\n this.options = undefined;\n this._parsing = false;\n this._data = undefined;\n this._objectData = undefined;\n this._sharedOptions = undefined;\n this._drawStart = undefined;\n this._drawCount = undefined;\n this.enableOptionSharing = false;\n this.supportsDecimation = false;\n this.$context = undefined;\n this._syncList = [];\n this.initialize();\n }\n initialize() {\n const meta = this._cachedMeta;\n this.configure();\n this.linkScales();\n meta._stacked = isStacked(meta.vScale, meta);\n this.addElements();\n }\n updateIndex(datasetIndex) {\n if (this.index !== datasetIndex) {\n clearStacks(this._cachedMeta);\n }\n this.index = datasetIndex;\n }\n linkScales() {\n const chart = this.chart;\n const meta = this._cachedMeta;\n const dataset = this.getDataset();\n const chooseId = (axis, x, y, r) => axis === 'x' ? x : axis === 'r' ? r : y;\n const xid = meta.xAxisID = valueOrDefault(dataset.xAxisID, getFirstScaleId(chart, 'x'));\n const yid = meta.yAxisID = valueOrDefault(dataset.yAxisID, getFirstScaleId(chart, 'y'));\n const rid = meta.rAxisID = valueOrDefault(dataset.rAxisID, getFirstScaleId(chart, 'r'));\n const indexAxis = meta.indexAxis;\n const iid = meta.iAxisID = chooseId(indexAxis, xid, yid, rid);\n const vid = meta.vAxisID = chooseId(indexAxis, yid, xid, rid);\n meta.xScale = this.getScaleForId(xid);\n meta.yScale = this.getScaleForId(yid);\n meta.rScale = this.getScaleForId(rid);\n meta.iScale = this.getScaleForId(iid);\n meta.vScale = this.getScaleForId(vid);\n }\n getDataset() {\n return this.chart.data.datasets[this.index];\n }\n getMeta() {\n return this.chart.getDatasetMeta(this.index);\n }\n getScaleForId(scaleID) {\n return this.chart.scales[scaleID];\n }\n _getOtherScale(scale) {\n const meta = this._cachedMeta;\n return scale === meta.iScale\n ? meta.vScale\n : meta.iScale;\n }\n reset() {\n this._update('reset');\n }\n _destroy() {\n const meta = this._cachedMeta;\n if (this._data) {\n unlistenArrayEvents(this._data, this);\n }\n if (meta._stacked) {\n clearStacks(meta);\n }\n }\n _dataCheck() {\n const dataset = this.getDataset();\n const data = dataset.data || (dataset.data = []);\n const _data = this._data;\n if (isObject(data)) {\n this._data = convertObjectDataToArray(data);\n } else if (_data !== data) {\n if (_data) {\n unlistenArrayEvents(_data, this);\n const meta = this._cachedMeta;\n clearStacks(meta);\n meta._parsed = [];\n }\n if (data && Object.isExtensible(data)) {\n listenArrayEvents(data, this);\n }\n this._syncList = [];\n this._data = data;\n }\n }\n addElements() {\n const meta = this._cachedMeta;\n this._dataCheck();\n if (this.datasetElementType) {\n meta.dataset = new this.datasetElementType();\n }\n }\n buildOrUpdateElements(resetNewElements) {\n const meta = this._cachedMeta;\n const dataset = this.getDataset();\n let stackChanged = false;\n this._dataCheck();\n const oldStacked = meta._stacked;\n meta._stacked = isStacked(meta.vScale, meta);\n if (meta.stack !== dataset.stack) {\n stackChanged = true;\n clearStacks(meta);\n meta.stack = dataset.stack;\n }\n this._resyncElements(resetNewElements);\n if (stackChanged || oldStacked !== meta._stacked) {\n updateStacks(this, meta._parsed);\n }\n }\n configure() {\n const config = this.chart.config;\n const scopeKeys = config.datasetScopeKeys(this._type);\n const scopes = config.getOptionScopes(this.getDataset(), scopeKeys, true);\n this.options = config.createResolver(scopes, this.getContext());\n this._parsing = this.options.parsing;\n this._cachedDataOpts = {};\n }\n parse(start, count) {\n const {_cachedMeta: meta, _data: data} = this;\n const {iScale, _stacked} = meta;\n const iAxis = iScale.axis;\n let sorted = start === 0 && count === data.length ? true : meta._sorted;\n let prev = start > 0 && meta._parsed[start - 1];\n let i, cur, parsed;\n if (this._parsing === false) {\n meta._parsed = data;\n meta._sorted = true;\n parsed = data;\n } else {\n if (isArray(data[start])) {\n parsed = this.parseArrayData(meta, data, start, count);\n } else if (isObject(data[start])) {\n parsed = this.parseObjectData(meta, data, start, count);\n } else {\n parsed = this.parsePrimitiveData(meta, data, start, count);\n }\n const isNotInOrderComparedToPrev = () => cur[iAxis] === null || (prev && cur[iAxis] < prev[iAxis]);\n for (i = 0; i < count; ++i) {\n meta._parsed[i + start] = cur = parsed[i];\n if (sorted) {\n if (isNotInOrderComparedToPrev()) {\n sorted = false;\n }\n prev = cur;\n }\n }\n meta._sorted = sorted;\n }\n if (_stacked) {\n updateStacks(this, parsed);\n }\n }\n parsePrimitiveData(meta, data, start, count) {\n const {iScale, vScale} = meta;\n const iAxis = iScale.axis;\n const vAxis = vScale.axis;\n const labels = iScale.getLabels();\n const singleScale = iScale === vScale;\n const parsed = new Array(count);\n let i, ilen, index;\n for (i = 0, ilen = count; i < ilen; ++i) {\n index = i + start;\n parsed[i] = {\n [iAxis]: singleScale || iScale.parse(labels[index], index),\n [vAxis]: vScale.parse(data[index], index)\n };\n }\n return parsed;\n }\n parseArrayData(meta, data, start, count) {\n const {xScale, yScale} = meta;\n const parsed = new Array(count);\n let i, ilen, index, item;\n for (i = 0, ilen = count; i < ilen; ++i) {\n index = i + start;\n item = data[index];\n parsed[i] = {\n x: xScale.parse(item[0], index),\n y: yScale.parse(item[1], index)\n };\n }\n return parsed;\n }\n parseObjectData(meta, data, start, count) {\n const {xScale, yScale} = meta;\n const {xAxisKey = 'x', yAxisKey = 'y'} = this._parsing;\n const parsed = new Array(count);\n let i, ilen, index, item;\n for (i = 0, ilen = count; i < ilen; ++i) {\n index = i + start;\n item = data[index];\n parsed[i] = {\n x: xScale.parse(resolveObjectKey(item, xAxisKey), index),\n y: yScale.parse(resolveObjectKey(item, yAxisKey), index)\n };\n }\n return parsed;\n }\n getParsed(index) {\n return this._cachedMeta._parsed[index];\n }\n getDataElement(index) {\n return this._cachedMeta.data[index];\n }\n applyStack(scale, parsed, mode) {\n const chart = this.chart;\n const meta = this._cachedMeta;\n const value = parsed[scale.axis];\n const stack = {\n keys: getSortedDatasetIndices(chart, true),\n values: parsed._stacks[scale.axis]\n };\n return applyStack(stack, value, meta.index, {mode});\n }\n updateRangeFromParsed(range, scale, parsed, stack) {\n const parsedValue = parsed[scale.axis];\n let value = parsedValue === null ? NaN : parsedValue;\n const values = stack && parsed._stacks[scale.axis];\n if (stack && values) {\n stack.values = values;\n value = applyStack(stack, parsedValue, this._cachedMeta.index);\n }\n range.min = Math.min(range.min, value);\n range.max = Math.max(range.max, value);\n }\n getMinMax(scale, canStack) {\n const meta = this._cachedMeta;\n const _parsed = meta._parsed;\n const sorted = meta._sorted && scale === meta.iScale;\n const ilen = _parsed.length;\n const otherScale = this._getOtherScale(scale);\n const stack = createStack(canStack, meta, this.chart);\n const range = {min: Number.POSITIVE_INFINITY, max: Number.NEGATIVE_INFINITY};\n const {min: otherMin, max: otherMax} = getUserBounds(otherScale);\n let i, parsed;\n function _skip() {\n parsed = _parsed[i];\n const otherValue = parsed[otherScale.axis];\n return !isNumberFinite(parsed[scale.axis]) || otherMin > otherValue || otherMax < otherValue;\n }\n for (i = 0; i < ilen; ++i) {\n if (_skip()) {\n continue;\n }\n this.updateRangeFromParsed(range, scale, parsed, stack);\n if (sorted) {\n break;\n }\n }\n if (sorted) {\n for (i = ilen - 1; i >= 0; --i) {\n if (_skip()) {\n continue;\n }\n this.updateRangeFromParsed(range, scale, parsed, stack);\n break;\n }\n }\n return range;\n }\n getAllParsedValues(scale) {\n const parsed = this._cachedMeta._parsed;\n const values = [];\n let i, ilen, value;\n for (i = 0, ilen = parsed.length; i < ilen; ++i) {\n value = parsed[i][scale.axis];\n if (isNumberFinite(value)) {\n values.push(value);\n }\n }\n return values;\n }\n getMaxOverflow() {\n return false;\n }\n getLabelAndValue(index) {\n const meta = this._cachedMeta;\n const iScale = meta.iScale;\n const vScale = meta.vScale;\n const parsed = this.getParsed(index);\n return {\n label: iScale ? '' + iScale.getLabelForValue(parsed[iScale.axis]) : '',\n value: vScale ? '' + vScale.getLabelForValue(parsed[vScale.axis]) : ''\n };\n }\n _update(mode) {\n const meta = this._cachedMeta;\n this.update(mode || 'default');\n meta._clip = toClip(valueOrDefault(this.options.clip, defaultClip(meta.xScale, meta.yScale, this.getMaxOverflow())));\n }\n update(mode) {}\n draw() {\n const ctx = this._ctx;\n const chart = this.chart;\n const meta = this._cachedMeta;\n const elements = meta.data || [];\n const area = chart.chartArea;\n const active = [];\n const start = this._drawStart || 0;\n const count = this._drawCount || (elements.length - start);\n const drawActiveElementsOnTop = this.options.drawActiveElementsOnTop;\n let i;\n if (meta.dataset) {\n meta.dataset.draw(ctx, area, start, count);\n }\n for (i = start; i < start + count; ++i) {\n const element = elements[i];\n if (element.hidden) {\n continue;\n }\n if (element.active && drawActiveElementsOnTop) {\n active.push(element);\n } else {\n element.draw(ctx, area);\n }\n }\n for (i = 0; i < active.length; ++i) {\n active[i].draw(ctx, area);\n }\n }\n getStyle(index, active) {\n const mode = active ? 'active' : 'default';\n return index === undefined && this._cachedMeta.dataset\n ? this.resolveDatasetElementOptions(mode)\n : this.resolveDataElementOptions(index || 0, mode);\n }\n getContext(index, active, mode) {\n const dataset = this.getDataset();\n let context;\n if (index >= 0 && index < this._cachedMeta.data.length) {\n const element = this._cachedMeta.data[index];\n context = element.$context ||\n (element.$context = createDataContext(this.getContext(), index, element));\n context.parsed = this.getParsed(index);\n context.raw = dataset.data[index];\n context.index = context.dataIndex = index;\n } else {\n context = this.$context ||\n (this.$context = createDatasetContext(this.chart.getContext(), this.index));\n context.dataset = dataset;\n context.index = context.datasetIndex = this.index;\n }\n context.active = !!active;\n context.mode = mode;\n return context;\n }\n resolveDatasetElementOptions(mode) {\n return this._resolveElementOptions(this.datasetElementType.id, mode);\n }\n resolveDataElementOptions(index, mode) {\n return this._resolveElementOptions(this.dataElementType.id, mode, index);\n }\n _resolveElementOptions(elementType, mode = 'default', index) {\n const active = mode === 'active';\n const cache = this._cachedDataOpts;\n const cacheKey = elementType + '-' + mode;\n const cached = cache[cacheKey];\n const sharing = this.enableOptionSharing && defined(index);\n if (cached) {\n return cloneIfNotShared(cached, sharing);\n }\n const config = this.chart.config;\n const scopeKeys = config.datasetElementScopeKeys(this._type, elementType);\n const prefixes = active ? [`${elementType}Hover`, 'hover', elementType, ''] : [elementType, ''];\n const scopes = config.getOptionScopes(this.getDataset(), scopeKeys);\n const names = Object.keys(defaults.elements[elementType]);\n const context = () => this.getContext(index, active);\n const values = config.resolveNamedOptions(scopes, names, context, prefixes);\n if (values.$shared) {\n values.$shared = sharing;\n cache[cacheKey] = Object.freeze(cloneIfNotShared(values, sharing));\n }\n return values;\n }\n _resolveAnimations(index, transition, active) {\n const chart = this.chart;\n const cache = this._cachedDataOpts;\n const cacheKey = `animation-${transition}`;\n const cached = cache[cacheKey];\n if (cached) {\n return cached;\n }\n let options;\n if (chart.options.animation !== false) {\n const config = this.chart.config;\n const scopeKeys = config.datasetAnimationScopeKeys(this._type, transition);\n const scopes = config.getOptionScopes(this.getDataset(), scopeKeys);\n options = config.createResolver(scopes, this.getContext(index, active, transition));\n }\n const animations = new Animations(chart, options && options.animations);\n if (options && options._cacheable) {\n cache[cacheKey] = Object.freeze(animations);\n }\n return animations;\n }\n getSharedOptions(options) {\n if (!options.$shared) {\n return;\n }\n return this._sharedOptions || (this._sharedOptions = Object.assign({}, options));\n }\n includeOptions(mode, sharedOptions) {\n return !sharedOptions || isDirectUpdateMode(mode) || this.chart._animationsDisabled;\n }\n _getSharedOptions(start, mode) {\n const firstOpts = this.resolveDataElementOptions(start, mode);\n const previouslySharedOptions = this._sharedOptions;\n const sharedOptions = this.getSharedOptions(firstOpts);\n const includeOptions = this.includeOptions(mode, sharedOptions) || (sharedOptions !== previouslySharedOptions);\n this.updateSharedOptions(sharedOptions, mode, firstOpts);\n return {sharedOptions, includeOptions};\n }\n updateElement(element, index, properties, mode) {\n if (isDirectUpdateMode(mode)) {\n Object.assign(element, properties);\n } else {\n this._resolveAnimations(index, mode).update(element, properties);\n }\n }\n updateSharedOptions(sharedOptions, mode, newOptions) {\n if (sharedOptions && !isDirectUpdateMode(mode)) {\n this._resolveAnimations(undefined, mode).update(sharedOptions, newOptions);\n }\n }\n _setStyle(element, index, mode, active) {\n element.active = active;\n const options = this.getStyle(index, active);\n this._resolveAnimations(index, mode, active).update(element, {\n options: (!active && this.getSharedOptions(options)) || options\n });\n }\n removeHoverStyle(element, datasetIndex, index) {\n this._setStyle(element, index, 'active', false);\n }\n setHoverStyle(element, datasetIndex, index) {\n this._setStyle(element, index, 'active', true);\n }\n _removeDatasetHoverStyle() {\n const element = this._cachedMeta.dataset;\n if (element) {\n this._setStyle(element, undefined, 'active', false);\n }\n }\n _setDatasetHoverStyle() {\n const element = this._cachedMeta.dataset;\n if (element) {\n this._setStyle(element, undefined, 'active', true);\n }\n }\n _resyncElements(resetNewElements) {\n const data = this._data;\n const elements = this._cachedMeta.data;\n for (const [method, arg1, arg2] of this._syncList) {\n this[method](arg1, arg2);\n }\n this._syncList = [];\n const numMeta = elements.length;\n const numData = data.length;\n const count = Math.min(numData, numMeta);\n if (count) {\n this.parse(0, count);\n }\n if (numData > numMeta) {\n this._insertElements(numMeta, numData - numMeta, resetNewElements);\n } else if (numData < numMeta) {\n this._removeElements(numData, numMeta - numData);\n }\n }\n _insertElements(start, count, resetNewElements = true) {\n const meta = this._cachedMeta;\n const data = meta.data;\n const end = start + count;\n let i;\n const move = (arr) => {\n arr.length += count;\n for (i = arr.length - 1; i >= end; i--) {\n arr[i] = arr[i - count];\n }\n };\n move(data);\n for (i = start; i < end; ++i) {\n data[i] = new this.dataElementType();\n }\n if (this._parsing) {\n move(meta._parsed);\n }\n this.parse(start, count);\n if (resetNewElements) {\n this.updateElements(data, start, count, 'reset');\n }\n }\n updateElements(element, start, count, mode) {}\n _removeElements(start, count) {\n const meta = this._cachedMeta;\n if (this._parsing) {\n const removed = meta._parsed.splice(start, count);\n if (meta._stacked) {\n clearStacks(meta, removed);\n }\n }\n meta.data.splice(start, count);\n }\n _sync(args) {\n if (this._parsing) {\n this._syncList.push(args);\n } else {\n const [method, arg1, arg2] = args;\n this[method](arg1, arg2);\n }\n this.chart._dataChanges.push([this.index, ...args]);\n }\n _onDataPush() {\n const count = arguments.length;\n this._sync(['_insertElements', this.getDataset().data.length - count, count]);\n }\n _onDataPop() {\n this._sync(['_removeElements', this._cachedMeta.data.length - 1, 1]);\n }\n _onDataShift() {\n this._sync(['_removeElements', 0, 1]);\n }\n _onDataSplice(start, count) {\n if (count) {\n this._sync(['_removeElements', start, count]);\n }\n const newCount = arguments.length - 2;\n if (newCount) {\n this._sync(['_insertElements', start, newCount]);\n }\n }\n _onDataUnshift() {\n this._sync(['_insertElements', 0, arguments.length]);\n }\n}\nDatasetController.defaults = {};\nDatasetController.prototype.datasetElementType = null;\nDatasetController.prototype.dataElementType = null;\n\nfunction getAllScaleValues(scale, type) {\n if (!scale._cache.$bar) {\n const visibleMetas = scale.getMatchingVisibleMetas(type);\n let values = [];\n for (let i = 0, ilen = visibleMetas.length; i < ilen; i++) {\n values = values.concat(visibleMetas[i].controller.getAllParsedValues(scale));\n }\n scale._cache.$bar = _arrayUnique(values.sort((a, b) => a - b));\n }\n return scale._cache.$bar;\n}\nfunction computeMinSampleSize(meta) {\n const scale = meta.iScale;\n const values = getAllScaleValues(scale, meta.type);\n let min = scale._length;\n let i, ilen, curr, prev;\n const updateMinAndPrev = () => {\n if (curr === 32767 || curr === -32768) {\n return;\n }\n if (defined(prev)) {\n min = Math.min(min, Math.abs(curr - prev) || min);\n }\n prev = curr;\n };\n for (i = 0, ilen = values.length; i < ilen; ++i) {\n curr = scale.getPixelForValue(values[i]);\n updateMinAndPrev();\n }\n prev = undefined;\n for (i = 0, ilen = scale.ticks.length; i < ilen; ++i) {\n curr = scale.getPixelForTick(i);\n updateMinAndPrev();\n }\n return min;\n}\nfunction computeFitCategoryTraits(index, ruler, options, stackCount) {\n const thickness = options.barThickness;\n let size, ratio;\n if (isNullOrUndef(thickness)) {\n size = ruler.min * options.categoryPercentage;\n ratio = options.barPercentage;\n } else {\n size = thickness * stackCount;\n ratio = 1;\n }\n return {\n chunk: size / stackCount,\n ratio,\n start: ruler.pixels[index] - (size / 2)\n };\n}\nfunction computeFlexCategoryTraits(index, ruler, options, stackCount) {\n const pixels = ruler.pixels;\n const curr = pixels[index];\n let prev = index > 0 ? pixels[index - 1] : null;\n let next = index < pixels.length - 1 ? pixels[index + 1] : null;\n const percent = options.categoryPercentage;\n if (prev === null) {\n prev = curr - (next === null ? ruler.end - ruler.start : next - curr);\n }\n if (next === null) {\n next = curr + curr - prev;\n }\n const start = curr - (curr - Math.min(prev, next)) / 2 * percent;\n const size = Math.abs(next - prev) / 2 * percent;\n return {\n chunk: size / stackCount,\n ratio: options.barPercentage,\n start\n };\n}\nfunction parseFloatBar(entry, item, vScale, i) {\n const startValue = vScale.parse(entry[0], i);\n const endValue = vScale.parse(entry[1], i);\n const min = Math.min(startValue, endValue);\n const max = Math.max(startValue, endValue);\n let barStart = min;\n let barEnd = max;\n if (Math.abs(min) > Math.abs(max)) {\n barStart = max;\n barEnd = min;\n }\n item[vScale.axis] = barEnd;\n item._custom = {\n barStart,\n barEnd,\n start: startValue,\n end: endValue,\n min,\n max\n };\n}\nfunction parseValue(entry, item, vScale, i) {\n if (isArray(entry)) {\n parseFloatBar(entry, item, vScale, i);\n } else {\n item[vScale.axis] = vScale.parse(entry, i);\n }\n return item;\n}\nfunction parseArrayOrPrimitive(meta, data, start, count) {\n const iScale = meta.iScale;\n const vScale = meta.vScale;\n const labels = iScale.getLabels();\n const singleScale = iScale === vScale;\n const parsed = [];\n let i, ilen, item, entry;\n for (i = start, ilen = start + count; i < ilen; ++i) {\n entry = data[i];\n item = {};\n item[iScale.axis] = singleScale || iScale.parse(labels[i], i);\n parsed.push(parseValue(entry, item, vScale, i));\n }\n return parsed;\n}\nfunction isFloatBar(custom) {\n return custom && custom.barStart !== undefined && custom.barEnd !== undefined;\n}\nfunction barSign(size, vScale, actualBase) {\n if (size !== 0) {\n return sign(size);\n }\n return (vScale.isHorizontal() ? 1 : -1) * (vScale.min >= actualBase ? 1 : -1);\n}\nfunction borderProps(properties) {\n let reverse, start, end, top, bottom;\n if (properties.horizontal) {\n reverse = properties.base > properties.x;\n start = 'left';\n end = 'right';\n } else {\n reverse = properties.base < properties.y;\n start = 'bottom';\n end = 'top';\n }\n if (reverse) {\n top = 'end';\n bottom = 'start';\n } else {\n top = 'start';\n bottom = 'end';\n }\n return {start, end, reverse, top, bottom};\n}\nfunction setBorderSkipped(properties, options, stack, index) {\n let edge = options.borderSkipped;\n const res = {};\n if (!edge) {\n properties.borderSkipped = res;\n return;\n }\n if (edge === true) {\n properties.borderSkipped = {top: true, right: true, bottom: true, left: true};\n return;\n }\n const {start, end, reverse, top, bottom} = borderProps(properties);\n if (edge === 'middle' && stack) {\n properties.enableBorderRadius = true;\n if ((stack._top || 0) === index) {\n edge = top;\n } else if ((stack._bottom || 0) === index) {\n edge = bottom;\n } else {\n res[parseEdge(bottom, start, end, reverse)] = true;\n edge = top;\n }\n }\n res[parseEdge(edge, start, end, reverse)] = true;\n properties.borderSkipped = res;\n}\nfunction parseEdge(edge, a, b, reverse) {\n if (reverse) {\n edge = swap(edge, a, b);\n edge = startEnd(edge, b, a);\n } else {\n edge = startEnd(edge, a, b);\n }\n return edge;\n}\nfunction swap(orig, v1, v2) {\n return orig === v1 ? v2 : orig === v2 ? v1 : orig;\n}\nfunction startEnd(v, start, end) {\n return v === 'start' ? start : v === 'end' ? end : v;\n}\nfunction setInflateAmount(properties, {inflateAmount}, ratio) {\n properties.inflateAmount = inflateAmount === 'auto'\n ? ratio === 1 ? 0.33 : 0\n : inflateAmount;\n}\nclass BarController extends DatasetController {\n parsePrimitiveData(meta, data, start, count) {\n return parseArrayOrPrimitive(meta, data, start, count);\n }\n parseArrayData(meta, data, start, count) {\n return parseArrayOrPrimitive(meta, data, start, count);\n }\n parseObjectData(meta, data, start, count) {\n const {iScale, vScale} = meta;\n const {xAxisKey = 'x', yAxisKey = 'y'} = this._parsing;\n const iAxisKey = iScale.axis === 'x' ? xAxisKey : yAxisKey;\n const vAxisKey = vScale.axis === 'x' ? xAxisKey : yAxisKey;\n const parsed = [];\n let i, ilen, item, obj;\n for (i = start, ilen = start + count; i < ilen; ++i) {\n obj = data[i];\n item = {};\n item[iScale.axis] = iScale.parse(resolveObjectKey(obj, iAxisKey), i);\n parsed.push(parseValue(resolveObjectKey(obj, vAxisKey), item, vScale, i));\n }\n return parsed;\n }\n updateRangeFromParsed(range, scale, parsed, stack) {\n super.updateRangeFromParsed(range, scale, parsed, stack);\n const custom = parsed._custom;\n if (custom && scale === this._cachedMeta.vScale) {\n range.min = Math.min(range.min, custom.min);\n range.max = Math.max(range.max, custom.max);\n }\n }\n getMaxOverflow() {\n return 0;\n }\n getLabelAndValue(index) {\n const meta = this._cachedMeta;\n const {iScale, vScale} = meta;\n const parsed = this.getParsed(index);\n const custom = parsed._custom;\n const value = isFloatBar(custom)\n ? '[' + custom.start + ', ' + custom.end + ']'\n : '' + vScale.getLabelForValue(parsed[vScale.axis]);\n return {\n label: '' + iScale.getLabelForValue(parsed[iScale.axis]),\n value\n };\n }\n initialize() {\n this.enableOptionSharing = true;\n super.initialize();\n const meta = this._cachedMeta;\n meta.stack = this.getDataset().stack;\n }\n update(mode) {\n const meta = this._cachedMeta;\n this.updateElements(meta.data, 0, meta.data.length, mode);\n }\n updateElements(bars, start, count, mode) {\n const reset = mode === 'reset';\n const {index, _cachedMeta: {vScale}} = this;\n const base = vScale.getBasePixel();\n const horizontal = vScale.isHorizontal();\n const ruler = this._getRuler();\n const {sharedOptions, includeOptions} = this._getSharedOptions(start, mode);\n for (let i = start; i < start + count; i++) {\n const parsed = this.getParsed(i);\n const vpixels = reset || isNullOrUndef(parsed[vScale.axis]) ? {base, head: base} : this._calculateBarValuePixels(i);\n const ipixels = this._calculateBarIndexPixels(i, ruler);\n const stack = (parsed._stacks || {})[vScale.axis];\n const properties = {\n horizontal,\n base: vpixels.base,\n enableBorderRadius: !stack || isFloatBar(parsed._custom) || (index === stack._top || index === stack._bottom),\n x: horizontal ? vpixels.head : ipixels.center,\n y: horizontal ? ipixels.center : vpixels.head,\n height: horizontal ? ipixels.size : Math.abs(vpixels.size),\n width: horizontal ? Math.abs(vpixels.size) : ipixels.size\n };\n if (includeOptions) {\n properties.options = sharedOptions || this.resolveDataElementOptions(i, bars[i].active ? 'active' : mode);\n }\n const options = properties.options || bars[i].options;\n setBorderSkipped(properties, options, stack, index);\n setInflateAmount(properties, options, ruler.ratio);\n this.updateElement(bars[i], i, properties, mode);\n }\n }\n _getStacks(last, dataIndex) {\n const {iScale} = this._cachedMeta;\n const metasets = iScale.getMatchingVisibleMetas(this._type)\n .filter(meta => meta.controller.options.grouped);\n const stacked = iScale.options.stacked;\n const stacks = [];\n const skipNull = (meta) => {\n const parsed = meta.controller.getParsed(dataIndex);\n const val = parsed && parsed[meta.vScale.axis];\n if (isNullOrUndef(val) || isNaN(val)) {\n return true;\n }\n };\n for (const meta of metasets) {\n if (dataIndex !== undefined && skipNull(meta)) {\n continue;\n }\n if (stacked === false || stacks.indexOf(meta.stack) === -1 ||\n\t\t\t\t(stacked === undefined && meta.stack === undefined)) {\n stacks.push(meta.stack);\n }\n if (meta.index === last) {\n break;\n }\n }\n if (!stacks.length) {\n stacks.push(undefined);\n }\n return stacks;\n }\n _getStackCount(index) {\n return this._getStacks(undefined, index).length;\n }\n _getStackIndex(datasetIndex, name, dataIndex) {\n const stacks = this._getStacks(datasetIndex, dataIndex);\n const index = (name !== undefined)\n ? stacks.indexOf(name)\n : -1;\n return (index === -1)\n ? stacks.length - 1\n : index;\n }\n _getRuler() {\n const opts = this.options;\n const meta = this._cachedMeta;\n const iScale = meta.iScale;\n const pixels = [];\n let i, ilen;\n for (i = 0, ilen = meta.data.length; i < ilen; ++i) {\n pixels.push(iScale.getPixelForValue(this.getParsed(i)[iScale.axis], i));\n }\n const barThickness = opts.barThickness;\n const min = barThickness || computeMinSampleSize(meta);\n return {\n min,\n pixels,\n start: iScale._startPixel,\n end: iScale._endPixel,\n stackCount: this._getStackCount(),\n scale: iScale,\n grouped: opts.grouped,\n ratio: barThickness ? 1 : opts.categoryPercentage * opts.barPercentage\n };\n }\n _calculateBarValuePixels(index) {\n const {_cachedMeta: {vScale, _stacked}, options: {base: baseValue, minBarLength}} = this;\n const actualBase = baseValue || 0;\n const parsed = this.getParsed(index);\n const custom = parsed._custom;\n const floating = isFloatBar(custom);\n let value = parsed[vScale.axis];\n let start = 0;\n let length = _stacked ? this.applyStack(vScale, parsed, _stacked) : value;\n let head, size;\n if (length !== value) {\n start = length - value;\n length = value;\n }\n if (floating) {\n value = custom.barStart;\n length = custom.barEnd - custom.barStart;\n if (value !== 0 && sign(value) !== sign(custom.barEnd)) {\n start = 0;\n }\n start += value;\n }\n const startValue = !isNullOrUndef(baseValue) && !floating ? baseValue : start;\n let base = vScale.getPixelForValue(startValue);\n if (this.chart.getDataVisibility(index)) {\n head = vScale.getPixelForValue(start + length);\n } else {\n head = base;\n }\n size = head - base;\n if (Math.abs(size) < minBarLength) {\n size = barSign(size, vScale, actualBase) * minBarLength;\n if (value === actualBase) {\n base -= size / 2;\n }\n const startPixel = vScale.getPixelForDecimal(0);\n const endPixel = vScale.getPixelForDecimal(1);\n const min = Math.min(startPixel, endPixel);\n const max = Math.max(startPixel, endPixel);\n base = Math.max(Math.min(base, max), min);\n head = base + size;\n }\n if (base === vScale.getPixelForValue(actualBase)) {\n const halfGrid = sign(size) * vScale.getLineWidthForValue(actualBase) / 2;\n base += halfGrid;\n size -= halfGrid;\n }\n return {\n size,\n base,\n head,\n center: head + size / 2\n };\n }\n _calculateBarIndexPixels(index, ruler) {\n const scale = ruler.scale;\n const options = this.options;\n const skipNull = options.skipNull;\n const maxBarThickness = valueOrDefault(options.maxBarThickness, Infinity);\n let center, size;\n if (ruler.grouped) {\n const stackCount = skipNull ? this._getStackCount(index) : ruler.stackCount;\n const range = options.barThickness === 'flex'\n ? computeFlexCategoryTraits(index, ruler, options, stackCount)\n : computeFitCategoryTraits(index, ruler, options, stackCount);\n const stackIndex = this._getStackIndex(this.index, this._cachedMeta.stack, skipNull ? index : undefined);\n center = range.start + (range.chunk * stackIndex) + (range.chunk / 2);\n size = Math.min(maxBarThickness, range.chunk * range.ratio);\n } else {\n center = scale.getPixelForValue(this.getParsed(index)[scale.axis], index);\n size = Math.min(maxBarThickness, ruler.min * ruler.ratio);\n }\n return {\n base: center - size / 2,\n head: center + size / 2,\n center,\n size\n };\n }\n draw() {\n const meta = this._cachedMeta;\n const vScale = meta.vScale;\n const rects = meta.data;\n const ilen = rects.length;\n let i = 0;\n for (; i < ilen; ++i) {\n if (this.getParsed(i)[vScale.axis] !== null) {\n rects[i].draw(this._ctx);\n }\n }\n }\n}\nBarController.id = 'bar';\nBarController.defaults = {\n datasetElementType: false,\n dataElementType: 'bar',\n categoryPercentage: 0.8,\n barPercentage: 0.9,\n grouped: true,\n animations: {\n numbers: {\n type: 'number',\n properties: ['x', 'y', 'base', 'width', 'height']\n }\n }\n};\nBarController.overrides = {\n scales: {\n _index_: {\n type: 'category',\n offset: true,\n grid: {\n offset: true\n }\n },\n _value_: {\n type: 'linear',\n beginAtZero: true,\n }\n }\n};\n\nclass BubbleController extends DatasetController {\n initialize() {\n this.enableOptionSharing = true;\n super.initialize();\n }\n parsePrimitiveData(meta, data, start, count) {\n const parsed = super.parsePrimitiveData(meta, data, start, count);\n for (let i = 0; i < parsed.length; i++) {\n parsed[i]._custom = this.resolveDataElementOptions(i + start).radius;\n }\n return parsed;\n }\n parseArrayData(meta, data, start, count) {\n const parsed = super.parseArrayData(meta, data, start, count);\n for (let i = 0; i < parsed.length; i++) {\n const item = data[start + i];\n parsed[i]._custom = valueOrDefault(item[2], this.resolveDataElementOptions(i + start).radius);\n }\n return parsed;\n }\n parseObjectData(meta, data, start, count) {\n const parsed = super.parseObjectData(meta, data, start, count);\n for (let i = 0; i < parsed.length; i++) {\n const item = data[start + i];\n parsed[i]._custom = valueOrDefault(item && item.r && +item.r, this.resolveDataElementOptions(i + start).radius);\n }\n return parsed;\n }\n getMaxOverflow() {\n const data = this._cachedMeta.data;\n let max = 0;\n for (let i = data.length - 1; i >= 0; --i) {\n max = Math.max(max, data[i].size(this.resolveDataElementOptions(i)) / 2);\n }\n return max > 0 && max;\n }\n getLabelAndValue(index) {\n const meta = this._cachedMeta;\n const {xScale, yScale} = meta;\n const parsed = this.getParsed(index);\n const x = xScale.getLabelForValue(parsed.x);\n const y = yScale.getLabelForValue(parsed.y);\n const r = parsed._custom;\n return {\n label: meta.label,\n value: '(' + x + ', ' + y + (r ? ', ' + r : '') + ')'\n };\n }\n update(mode) {\n const points = this._cachedMeta.data;\n this.updateElements(points, 0, points.length, mode);\n }\n updateElements(points, start, count, mode) {\n const reset = mode === 'reset';\n const {iScale, vScale} = this._cachedMeta;\n const {sharedOptions, includeOptions} = this._getSharedOptions(start, mode);\n const iAxis = iScale.axis;\n const vAxis = vScale.axis;\n for (let i = start; i < start + count; i++) {\n const point = points[i];\n const parsed = !reset && this.getParsed(i);\n const properties = {};\n const iPixel = properties[iAxis] = reset ? iScale.getPixelForDecimal(0.5) : iScale.getPixelForValue(parsed[iAxis]);\n const vPixel = properties[vAxis] = reset ? vScale.getBasePixel() : vScale.getPixelForValue(parsed[vAxis]);\n properties.skip = isNaN(iPixel) || isNaN(vPixel);\n if (includeOptions) {\n properties.options = sharedOptions || this.resolveDataElementOptions(i, point.active ? 'active' : mode);\n if (reset) {\n properties.options.radius = 0;\n }\n }\n this.updateElement(point, i, properties, mode);\n }\n }\n resolveDataElementOptions(index, mode) {\n const parsed = this.getParsed(index);\n let values = super.resolveDataElementOptions(index, mode);\n if (values.$shared) {\n values = Object.assign({}, values, {$shared: false});\n }\n const radius = values.radius;\n if (mode !== 'active') {\n values.radius = 0;\n }\n values.radius += valueOrDefault(parsed && parsed._custom, radius);\n return values;\n }\n}\nBubbleController.id = 'bubble';\nBubbleController.defaults = {\n datasetElementType: false,\n dataElementType: 'point',\n animations: {\n numbers: {\n type: 'number',\n properties: ['x', 'y', 'borderWidth', 'radius']\n }\n }\n};\nBubbleController.overrides = {\n scales: {\n x: {\n type: 'linear'\n },\n y: {\n type: 'linear'\n }\n },\n plugins: {\n tooltip: {\n callbacks: {\n title() {\n return '';\n }\n }\n }\n }\n};\n\nfunction getRatioAndOffset(rotation, circumference, cutout) {\n let ratioX = 1;\n let ratioY = 1;\n let offsetX = 0;\n let offsetY = 0;\n if (circumference < TAU) {\n const startAngle = rotation;\n const endAngle = startAngle + circumference;\n const startX = Math.cos(startAngle);\n const startY = Math.sin(startAngle);\n const endX = Math.cos(endAngle);\n const endY = Math.sin(endAngle);\n const calcMax = (angle, a, b) => _angleBetween(angle, startAngle, endAngle, true) ? 1 : Math.max(a, a * cutout, b, b * cutout);\n const calcMin = (angle, a, b) => _angleBetween(angle, startAngle, endAngle, true) ? -1 : Math.min(a, a * cutout, b, b * cutout);\n const maxX = calcMax(0, startX, endX);\n const maxY = calcMax(HALF_PI, startY, endY);\n const minX = calcMin(PI, startX, endX);\n const minY = calcMin(PI + HALF_PI, startY, endY);\n ratioX = (maxX - minX) / 2;\n ratioY = (maxY - minY) / 2;\n offsetX = -(maxX + minX) / 2;\n offsetY = -(maxY + minY) / 2;\n }\n return {ratioX, ratioY, offsetX, offsetY};\n}\nclass DoughnutController extends DatasetController {\n constructor(chart, datasetIndex) {\n super(chart, datasetIndex);\n this.enableOptionSharing = true;\n this.innerRadius = undefined;\n this.outerRadius = undefined;\n this.offsetX = undefined;\n this.offsetY = undefined;\n }\n linkScales() {}\n parse(start, count) {\n const data = this.getDataset().data;\n const meta = this._cachedMeta;\n if (this._parsing === false) {\n meta._parsed = data;\n } else {\n let getter = (i) => +data[i];\n if (isObject(data[start])) {\n const {key = 'value'} = this._parsing;\n getter = (i) => +resolveObjectKey(data[i], key);\n }\n let i, ilen;\n for (i = start, ilen = start + count; i < ilen; ++i) {\n meta._parsed[i] = getter(i);\n }\n }\n }\n _getRotation() {\n return toRadians(this.options.rotation - 90);\n }\n _getCircumference() {\n return toRadians(this.options.circumference);\n }\n _getRotationExtents() {\n let min = TAU;\n let max = -TAU;\n for (let i = 0; i < this.chart.data.datasets.length; ++i) {\n if (this.chart.isDatasetVisible(i)) {\n const controller = this.chart.getDatasetMeta(i).controller;\n const rotation = controller._getRotation();\n const circumference = controller._getCircumference();\n min = Math.min(min, rotation);\n max = Math.max(max, rotation + circumference);\n }\n }\n return {\n rotation: min,\n circumference: max - min,\n };\n }\n update(mode) {\n const chart = this.chart;\n const {chartArea} = chart;\n const meta = this._cachedMeta;\n const arcs = meta.data;\n const spacing = this.getMaxBorderWidth() + this.getMaxOffset(arcs) + this.options.spacing;\n const maxSize = Math.max((Math.min(chartArea.width, chartArea.height) - spacing) / 2, 0);\n const cutout = Math.min(toPercentage(this.options.cutout, maxSize), 1);\n const chartWeight = this._getRingWeight(this.index);\n const {circumference, rotation} = this._getRotationExtents();\n const {ratioX, ratioY, offsetX, offsetY} = getRatioAndOffset(rotation, circumference, cutout);\n const maxWidth = (chartArea.width - spacing) / ratioX;\n const maxHeight = (chartArea.height - spacing) / ratioY;\n const maxRadius = Math.max(Math.min(maxWidth, maxHeight) / 2, 0);\n const outerRadius = toDimension(this.options.radius, maxRadius);\n const innerRadius = Math.max(outerRadius * cutout, 0);\n const radiusLength = (outerRadius - innerRadius) / this._getVisibleDatasetWeightTotal();\n this.offsetX = offsetX * outerRadius;\n this.offsetY = offsetY * outerRadius;\n meta.total = this.calculateTotal();\n this.outerRadius = outerRadius - radiusLength * this._getRingWeightOffset(this.index);\n this.innerRadius = Math.max(this.outerRadius - radiusLength * chartWeight, 0);\n this.updateElements(arcs, 0, arcs.length, mode);\n }\n _circumference(i, reset) {\n const opts = this.options;\n const meta = this._cachedMeta;\n const circumference = this._getCircumference();\n if ((reset && opts.animation.animateRotate) || !this.chart.getDataVisibility(i) || meta._parsed[i] === null || meta.data[i].hidden) {\n return 0;\n }\n return this.calculateCircumference(meta._parsed[i] * circumference / TAU);\n }\n updateElements(arcs, start, count, mode) {\n const reset = mode === 'reset';\n const chart = this.chart;\n const chartArea = chart.chartArea;\n const opts = chart.options;\n const animationOpts = opts.animation;\n const centerX = (chartArea.left + chartArea.right) / 2;\n const centerY = (chartArea.top + chartArea.bottom) / 2;\n const animateScale = reset && animationOpts.animateScale;\n const innerRadius = animateScale ? 0 : this.innerRadius;\n const outerRadius = animateScale ? 0 : this.outerRadius;\n const {sharedOptions, includeOptions} = this._getSharedOptions(start, mode);\n let startAngle = this._getRotation();\n let i;\n for (i = 0; i < start; ++i) {\n startAngle += this._circumference(i, reset);\n }\n for (i = start; i < start + count; ++i) {\n const circumference = this._circumference(i, reset);\n const arc = arcs[i];\n const properties = {\n x: centerX + this.offsetX,\n y: centerY + this.offsetY,\n startAngle,\n endAngle: startAngle + circumference,\n circumference,\n outerRadius,\n innerRadius\n };\n if (includeOptions) {\n properties.options = sharedOptions || this.resolveDataElementOptions(i, arc.active ? 'active' : mode);\n }\n startAngle += circumference;\n this.updateElement(arc, i, properties, mode);\n }\n }\n calculateTotal() {\n const meta = this._cachedMeta;\n const metaData = meta.data;\n let total = 0;\n let i;\n for (i = 0; i < metaData.length; i++) {\n const value = meta._parsed[i];\n if (value !== null && !isNaN(value) && this.chart.getDataVisibility(i) && !metaData[i].hidden) {\n total += Math.abs(value);\n }\n }\n return total;\n }\n calculateCircumference(value) {\n const total = this._cachedMeta.total;\n if (total > 0 && !isNaN(value)) {\n return TAU * (Math.abs(value) / total);\n }\n return 0;\n }\n getLabelAndValue(index) {\n const meta = this._cachedMeta;\n const chart = this.chart;\n const labels = chart.data.labels || [];\n const value = formatNumber(meta._parsed[index], chart.options.locale);\n return {\n label: labels[index] || '',\n value,\n };\n }\n getMaxBorderWidth(arcs) {\n let max = 0;\n const chart = this.chart;\n let i, ilen, meta, controller, options;\n if (!arcs) {\n for (i = 0, ilen = chart.data.datasets.length; i < ilen; ++i) {\n if (chart.isDatasetVisible(i)) {\n meta = chart.getDatasetMeta(i);\n arcs = meta.data;\n controller = meta.controller;\n break;\n }\n }\n }\n if (!arcs) {\n return 0;\n }\n for (i = 0, ilen = arcs.length; i < ilen; ++i) {\n options = controller.resolveDataElementOptions(i);\n if (options.borderAlign !== 'inner') {\n max = Math.max(max, options.borderWidth || 0, options.hoverBorderWidth || 0);\n }\n }\n return max;\n }\n getMaxOffset(arcs) {\n let max = 0;\n for (let i = 0, ilen = arcs.length; i < ilen; ++i) {\n const options = this.resolveDataElementOptions(i);\n max = Math.max(max, options.offset || 0, options.hoverOffset || 0);\n }\n return max;\n }\n _getRingWeightOffset(datasetIndex) {\n let ringWeightOffset = 0;\n for (let i = 0; i < datasetIndex; ++i) {\n if (this.chart.isDatasetVisible(i)) {\n ringWeightOffset += this._getRingWeight(i);\n }\n }\n return ringWeightOffset;\n }\n _getRingWeight(datasetIndex) {\n return Math.max(valueOrDefault(this.chart.data.datasets[datasetIndex].weight, 1), 0);\n }\n _getVisibleDatasetWeightTotal() {\n return this._getRingWeightOffset(this.chart.data.datasets.length) || 1;\n }\n}\nDoughnutController.id = 'doughnut';\nDoughnutController.defaults = {\n datasetElementType: false,\n dataElementType: 'arc',\n animation: {\n animateRotate: true,\n animateScale: false\n },\n animations: {\n numbers: {\n type: 'number',\n properties: ['circumference', 'endAngle', 'innerRadius', 'outerRadius', 'startAngle', 'x', 'y', 'offset', 'borderWidth', 'spacing']\n },\n },\n cutout: '50%',\n rotation: 0,\n circumference: 360,\n radius: '100%',\n spacing: 0,\n indexAxis: 'r',\n};\nDoughnutController.descriptors = {\n _scriptable: (name) => name !== 'spacing',\n _indexable: (name) => name !== 'spacing',\n};\nDoughnutController.overrides = {\n aspectRatio: 1,\n plugins: {\n legend: {\n labels: {\n generateLabels(chart) {\n const data = chart.data;\n if (data.labels.length && data.datasets.length) {\n const {labels: {pointStyle}} = chart.legend.options;\n return data.labels.map((label, i) => {\n const meta = chart.getDatasetMeta(0);\n const style = meta.controller.getStyle(i);\n return {\n text: label,\n fillStyle: style.backgroundColor,\n strokeStyle: style.borderColor,\n lineWidth: style.borderWidth,\n pointStyle: pointStyle,\n hidden: !chart.getDataVisibility(i),\n index: i\n };\n });\n }\n return [];\n }\n },\n onClick(e, legendItem, legend) {\n legend.chart.toggleDataVisibility(legendItem.index);\n legend.chart.update();\n }\n },\n tooltip: {\n callbacks: {\n title() {\n return '';\n },\n label(tooltipItem) {\n let dataLabel = tooltipItem.label;\n const value = ': ' + tooltipItem.formattedValue;\n if (isArray(dataLabel)) {\n dataLabel = dataLabel.slice();\n dataLabel[0] += value;\n } else {\n dataLabel += value;\n }\n return dataLabel;\n }\n }\n }\n }\n};\n\nclass LineController extends DatasetController {\n initialize() {\n this.enableOptionSharing = true;\n this.supportsDecimation = true;\n super.initialize();\n }\n update(mode) {\n const meta = this._cachedMeta;\n const {dataset: line, data: points = [], _dataset} = meta;\n const animationsDisabled = this.chart._animationsDisabled;\n let {start, count} = _getStartAndCountOfVisiblePoints(meta, points, animationsDisabled);\n this._drawStart = start;\n this._drawCount = count;\n if (_scaleRangesChanged(meta)) {\n start = 0;\n count = points.length;\n }\n line._chart = this.chart;\n line._datasetIndex = this.index;\n line._decimated = !!_dataset._decimated;\n line.points = points;\n const options = this.resolveDatasetElementOptions(mode);\n if (!this.options.showLine) {\n options.borderWidth = 0;\n }\n options.segment = this.options.segment;\n this.updateElement(line, undefined, {\n animated: !animationsDisabled,\n options\n }, mode);\n this.updateElements(points, start, count, mode);\n }\n updateElements(points, start, count, mode) {\n const reset = mode === 'reset';\n const {iScale, vScale, _stacked, _dataset} = this._cachedMeta;\n const {sharedOptions, includeOptions} = this._getSharedOptions(start, mode);\n const iAxis = iScale.axis;\n const vAxis = vScale.axis;\n const {spanGaps, segment} = this.options;\n const maxGapLength = isNumber(spanGaps) ? spanGaps : Number.POSITIVE_INFINITY;\n const directUpdate = this.chart._animationsDisabled || reset || mode === 'none';\n let prevParsed = start > 0 && this.getParsed(start - 1);\n for (let i = start; i < start + count; ++i) {\n const point = points[i];\n const parsed = this.getParsed(i);\n const properties = directUpdate ? point : {};\n const nullData = isNullOrUndef(parsed[vAxis]);\n const iPixel = properties[iAxis] = iScale.getPixelForValue(parsed[iAxis], i);\n const vPixel = properties[vAxis] = reset || nullData ? vScale.getBasePixel() : vScale.getPixelForValue(_stacked ? this.applyStack(vScale, parsed, _stacked) : parsed[vAxis], i);\n properties.skip = isNaN(iPixel) || isNaN(vPixel) || nullData;\n properties.stop = i > 0 && (Math.abs(parsed[iAxis] - prevParsed[iAxis])) > maxGapLength;\n if (segment) {\n properties.parsed = parsed;\n properties.raw = _dataset.data[i];\n }\n if (includeOptions) {\n properties.options = sharedOptions || this.resolveDataElementOptions(i, point.active ? 'active' : mode);\n }\n if (!directUpdate) {\n this.updateElement(point, i, properties, mode);\n }\n prevParsed = parsed;\n }\n }\n getMaxOverflow() {\n const meta = this._cachedMeta;\n const dataset = meta.dataset;\n const border = dataset.options && dataset.options.borderWidth || 0;\n const data = meta.data || [];\n if (!data.length) {\n return border;\n }\n const firstPoint = data[0].size(this.resolveDataElementOptions(0));\n const lastPoint = data[data.length - 1].size(this.resolveDataElementOptions(data.length - 1));\n return Math.max(border, firstPoint, lastPoint) / 2;\n }\n draw() {\n const meta = this._cachedMeta;\n meta.dataset.updateControlPoints(this.chart.chartArea, meta.iScale.axis);\n super.draw();\n }\n}\nLineController.id = 'line';\nLineController.defaults = {\n datasetElementType: 'line',\n dataElementType: 'point',\n showLine: true,\n spanGaps: false,\n};\nLineController.overrides = {\n scales: {\n _index_: {\n type: 'category',\n },\n _value_: {\n type: 'linear',\n },\n }\n};\n\nclass PolarAreaController extends DatasetController {\n constructor(chart, datasetIndex) {\n super(chart, datasetIndex);\n this.innerRadius = undefined;\n this.outerRadius = undefined;\n }\n getLabelAndValue(index) {\n const meta = this._cachedMeta;\n const chart = this.chart;\n const labels = chart.data.labels || [];\n const value = formatNumber(meta._parsed[index].r, chart.options.locale);\n return {\n label: labels[index] || '',\n value,\n };\n }\n parseObjectData(meta, data, start, count) {\n return _parseObjectDataRadialScale.bind(this)(meta, data, start, count);\n }\n update(mode) {\n const arcs = this._cachedMeta.data;\n this._updateRadius();\n this.updateElements(arcs, 0, arcs.length, mode);\n }\n getMinMax() {\n const meta = this._cachedMeta;\n const range = {min: Number.POSITIVE_INFINITY, max: Number.NEGATIVE_INFINITY};\n meta.data.forEach((element, index) => {\n const parsed = this.getParsed(index).r;\n if (!isNaN(parsed) && this.chart.getDataVisibility(index)) {\n if (parsed < range.min) {\n range.min = parsed;\n }\n if (parsed > range.max) {\n range.max = parsed;\n }\n }\n });\n return range;\n }\n _updateRadius() {\n const chart = this.chart;\n const chartArea = chart.chartArea;\n const opts = chart.options;\n const minSize = Math.min(chartArea.right - chartArea.left, chartArea.bottom - chartArea.top);\n const outerRadius = Math.max(minSize / 2, 0);\n const innerRadius = Math.max(opts.cutoutPercentage ? (outerRadius / 100) * (opts.cutoutPercentage) : 1, 0);\n const radiusLength = (outerRadius - innerRadius) / chart.getVisibleDatasetCount();\n this.outerRadius = outerRadius - (radiusLength * this.index);\n this.innerRadius = this.outerRadius - radiusLength;\n }\n updateElements(arcs, start, count, mode) {\n const reset = mode === 'reset';\n const chart = this.chart;\n const opts = chart.options;\n const animationOpts = opts.animation;\n const scale = this._cachedMeta.rScale;\n const centerX = scale.xCenter;\n const centerY = scale.yCenter;\n const datasetStartAngle = scale.getIndexAngle(0) - 0.5 * PI;\n let angle = datasetStartAngle;\n let i;\n const defaultAngle = 360 / this.countVisibleElements();\n for (i = 0; i < start; ++i) {\n angle += this._computeAngle(i, mode, defaultAngle);\n }\n for (i = start; i < start + count; i++) {\n const arc = arcs[i];\n let startAngle = angle;\n let endAngle = angle + this._computeAngle(i, mode, defaultAngle);\n let outerRadius = chart.getDataVisibility(i) ? scale.getDistanceFromCenterForValue(this.getParsed(i).r) : 0;\n angle = endAngle;\n if (reset) {\n if (animationOpts.animateScale) {\n outerRadius = 0;\n }\n if (animationOpts.animateRotate) {\n startAngle = endAngle = datasetStartAngle;\n }\n }\n const properties = {\n x: centerX,\n y: centerY,\n innerRadius: 0,\n outerRadius,\n startAngle,\n endAngle,\n options: this.resolveDataElementOptions(i, arc.active ? 'active' : mode)\n };\n this.updateElement(arc, i, properties, mode);\n }\n }\n countVisibleElements() {\n const meta = this._cachedMeta;\n let count = 0;\n meta.data.forEach((element, index) => {\n if (!isNaN(this.getParsed(index).r) && this.chart.getDataVisibility(index)) {\n count++;\n }\n });\n return count;\n }\n _computeAngle(index, mode, defaultAngle) {\n return this.chart.getDataVisibility(index)\n ? toRadians(this.resolveDataElementOptions(index, mode).angle || defaultAngle)\n : 0;\n }\n}\nPolarAreaController.id = 'polarArea';\nPolarAreaController.defaults = {\n dataElementType: 'arc',\n animation: {\n animateRotate: true,\n animateScale: true\n },\n animations: {\n numbers: {\n type: 'number',\n properties: ['x', 'y', 'startAngle', 'endAngle', 'innerRadius', 'outerRadius']\n },\n },\n indexAxis: 'r',\n startAngle: 0,\n};\nPolarAreaController.overrides = {\n aspectRatio: 1,\n plugins: {\n legend: {\n labels: {\n generateLabels(chart) {\n const data = chart.data;\n if (data.labels.length && data.datasets.length) {\n const {labels: {pointStyle}} = chart.legend.options;\n return data.labels.map((label, i) => {\n const meta = chart.getDatasetMeta(0);\n const style = meta.controller.getStyle(i);\n return {\n text: label,\n fillStyle: style.backgroundColor,\n strokeStyle: style.borderColor,\n lineWidth: style.borderWidth,\n pointStyle: pointStyle,\n hidden: !chart.getDataVisibility(i),\n index: i\n };\n });\n }\n return [];\n }\n },\n onClick(e, legendItem, legend) {\n legend.chart.toggleDataVisibility(legendItem.index);\n legend.chart.update();\n }\n },\n tooltip: {\n callbacks: {\n title() {\n return '';\n },\n label(context) {\n return context.chart.data.labels[context.dataIndex] + ': ' + context.formattedValue;\n }\n }\n }\n },\n scales: {\n r: {\n type: 'radialLinear',\n angleLines: {\n display: false\n },\n beginAtZero: true,\n grid: {\n circular: true\n },\n pointLabels: {\n display: false\n },\n startAngle: 0\n }\n }\n};\n\nclass PieController extends DoughnutController {\n}\nPieController.id = 'pie';\nPieController.defaults = {\n cutout: 0,\n rotation: 0,\n circumference: 360,\n radius: '100%'\n};\n\nclass RadarController extends DatasetController {\n getLabelAndValue(index) {\n const vScale = this._cachedMeta.vScale;\n const parsed = this.getParsed(index);\n return {\n label: vScale.getLabels()[index],\n value: '' + vScale.getLabelForValue(parsed[vScale.axis])\n };\n }\n parseObjectData(meta, data, start, count) {\n return _parseObjectDataRadialScale.bind(this)(meta, data, start, count);\n }\n update(mode) {\n const meta = this._cachedMeta;\n const line = meta.dataset;\n const points = meta.data || [];\n const labels = meta.iScale.getLabels();\n line.points = points;\n if (mode !== 'resize') {\n const options = this.resolveDatasetElementOptions(mode);\n if (!this.options.showLine) {\n options.borderWidth = 0;\n }\n const properties = {\n _loop: true,\n _fullLoop: labels.length === points.length,\n options\n };\n this.updateElement(line, undefined, properties, mode);\n }\n this.updateElements(points, 0, points.length, mode);\n }\n updateElements(points, start, count, mode) {\n const scale = this._cachedMeta.rScale;\n const reset = mode === 'reset';\n for (let i = start; i < start + count; i++) {\n const point = points[i];\n const options = this.resolveDataElementOptions(i, point.active ? 'active' : mode);\n const pointPosition = scale.getPointPositionForValue(i, this.getParsed(i).r);\n const x = reset ? scale.xCenter : pointPosition.x;\n const y = reset ? scale.yCenter : pointPosition.y;\n const properties = {\n x,\n y,\n angle: pointPosition.angle,\n skip: isNaN(x) || isNaN(y),\n options\n };\n this.updateElement(point, i, properties, mode);\n }\n }\n}\nRadarController.id = 'radar';\nRadarController.defaults = {\n datasetElementType: 'line',\n dataElementType: 'point',\n indexAxis: 'r',\n showLine: true,\n elements: {\n line: {\n fill: 'start'\n }\n },\n};\nRadarController.overrides = {\n aspectRatio: 1,\n scales: {\n r: {\n type: 'radialLinear',\n }\n }\n};\n\nclass Element {\n constructor() {\n this.x = undefined;\n this.y = undefined;\n this.active = false;\n this.options = undefined;\n this.$animations = undefined;\n }\n tooltipPosition(useFinalPosition) {\n const {x, y} = this.getProps(['x', 'y'], useFinalPosition);\n return {x, y};\n }\n hasValue() {\n return isNumber(this.x) && isNumber(this.y);\n }\n getProps(props, final) {\n const anims = this.$animations;\n if (!final || !anims) {\n return this;\n }\n const ret = {};\n props.forEach(prop => {\n ret[prop] = anims[prop] && anims[prop].active() ? anims[prop]._to : this[prop];\n });\n return ret;\n }\n}\nElement.defaults = {};\nElement.defaultRoutes = undefined;\n\nconst formatters = {\n values(value) {\n return isArray(value) ? value : '' + value;\n },\n numeric(tickValue, index, ticks) {\n if (tickValue === 0) {\n return '0';\n }\n const locale = this.chart.options.locale;\n let notation;\n let delta = tickValue;\n if (ticks.length > 1) {\n const maxTick = Math.max(Math.abs(ticks[0].value), Math.abs(ticks[ticks.length - 1].value));\n if (maxTick < 1e-4 || maxTick > 1e+15) {\n notation = 'scientific';\n }\n delta = calculateDelta(tickValue, ticks);\n }\n const logDelta = log10(Math.abs(delta));\n const numDecimal = Math.max(Math.min(-1 * Math.floor(logDelta), 20), 0);\n const options = {notation, minimumFractionDigits: numDecimal, maximumFractionDigits: numDecimal};\n Object.assign(options, this.options.ticks.format);\n return formatNumber(tickValue, locale, options);\n },\n logarithmic(tickValue, index, ticks) {\n if (tickValue === 0) {\n return '0';\n }\n const remain = tickValue / (Math.pow(10, Math.floor(log10(tickValue))));\n if (remain === 1 || remain === 2 || remain === 5) {\n return formatters.numeric.call(this, tickValue, index, ticks);\n }\n return '';\n }\n};\nfunction calculateDelta(tickValue, ticks) {\n let delta = ticks.length > 3 ? ticks[2].value - ticks[1].value : ticks[1].value - ticks[0].value;\n if (Math.abs(delta) >= 1 && tickValue !== Math.floor(tickValue)) {\n delta = tickValue - Math.floor(tickValue);\n }\n return delta;\n}\nvar Ticks = {formatters};\n\ndefaults.set('scale', {\n display: true,\n offset: false,\n reverse: false,\n beginAtZero: false,\n bounds: 'ticks',\n grace: 0,\n grid: {\n display: true,\n lineWidth: 1,\n drawBorder: true,\n drawOnChartArea: true,\n drawTicks: true,\n tickLength: 8,\n tickWidth: (_ctx, options) => options.lineWidth,\n tickColor: (_ctx, options) => options.color,\n offset: false,\n borderDash: [],\n borderDashOffset: 0.0,\n borderWidth: 1\n },\n title: {\n display: false,\n text: '',\n padding: {\n top: 4,\n bottom: 4\n }\n },\n ticks: {\n minRotation: 0,\n maxRotation: 50,\n mirror: false,\n textStrokeWidth: 0,\n textStrokeColor: '',\n padding: 3,\n display: true,\n autoSkip: true,\n autoSkipPadding: 3,\n labelOffset: 0,\n callback: Ticks.formatters.values,\n minor: {},\n major: {},\n align: 'center',\n crossAlign: 'near',\n showLabelBackdrop: false,\n backdropColor: 'rgba(255, 255, 255, 0.75)',\n backdropPadding: 2,\n }\n});\ndefaults.route('scale.ticks', 'color', '', 'color');\ndefaults.route('scale.grid', 'color', '', 'borderColor');\ndefaults.route('scale.grid', 'borderColor', '', 'borderColor');\ndefaults.route('scale.title', 'color', '', 'color');\ndefaults.describe('scale', {\n _fallback: false,\n _scriptable: (name) => !name.startsWith('before') && !name.startsWith('after') && name !== 'callback' && name !== 'parser',\n _indexable: (name) => name !== 'borderDash' && name !== 'tickBorderDash',\n});\ndefaults.describe('scales', {\n _fallback: 'scale',\n});\ndefaults.describe('scale.ticks', {\n _scriptable: (name) => name !== 'backdropPadding' && name !== 'callback',\n _indexable: (name) => name !== 'backdropPadding',\n});\n\nfunction autoSkip(scale, ticks) {\n const tickOpts = scale.options.ticks;\n const ticksLimit = tickOpts.maxTicksLimit || determineMaxTicks(scale);\n const majorIndices = tickOpts.major.enabled ? getMajorIndices(ticks) : [];\n const numMajorIndices = majorIndices.length;\n const first = majorIndices[0];\n const last = majorIndices[numMajorIndices - 1];\n const newTicks = [];\n if (numMajorIndices > ticksLimit) {\n skipMajors(ticks, newTicks, majorIndices, numMajorIndices / ticksLimit);\n return newTicks;\n }\n const spacing = calculateSpacing(majorIndices, ticks, ticksLimit);\n if (numMajorIndices > 0) {\n let i, ilen;\n const avgMajorSpacing = numMajorIndices > 1 ? Math.round((last - first) / (numMajorIndices - 1)) : null;\n skip(ticks, newTicks, spacing, isNullOrUndef(avgMajorSpacing) ? 0 : first - avgMajorSpacing, first);\n for (i = 0, ilen = numMajorIndices - 1; i < ilen; i++) {\n skip(ticks, newTicks, spacing, majorIndices[i], majorIndices[i + 1]);\n }\n skip(ticks, newTicks, spacing, last, isNullOrUndef(avgMajorSpacing) ? ticks.length : last + avgMajorSpacing);\n return newTicks;\n }\n skip(ticks, newTicks, spacing);\n return newTicks;\n}\nfunction determineMaxTicks(scale) {\n const offset = scale.options.offset;\n const tickLength = scale._tickSize();\n const maxScale = scale._length / tickLength + (offset ? 0 : 1);\n const maxChart = scale._maxLength / tickLength;\n return Math.floor(Math.min(maxScale, maxChart));\n}\nfunction calculateSpacing(majorIndices, ticks, ticksLimit) {\n const evenMajorSpacing = getEvenSpacing(majorIndices);\n const spacing = ticks.length / ticksLimit;\n if (!evenMajorSpacing) {\n return Math.max(spacing, 1);\n }\n const factors = _factorize(evenMajorSpacing);\n for (let i = 0, ilen = factors.length - 1; i < ilen; i++) {\n const factor = factors[i];\n if (factor > spacing) {\n return factor;\n }\n }\n return Math.max(spacing, 1);\n}\nfunction getMajorIndices(ticks) {\n const result = [];\n let i, ilen;\n for (i = 0, ilen = ticks.length; i < ilen; i++) {\n if (ticks[i].major) {\n result.push(i);\n }\n }\n return result;\n}\nfunction skipMajors(ticks, newTicks, majorIndices, spacing) {\n let count = 0;\n let next = majorIndices[0];\n let i;\n spacing = Math.ceil(spacing);\n for (i = 0; i < ticks.length; i++) {\n if (i === next) {\n newTicks.push(ticks[i]);\n count++;\n next = majorIndices[count * spacing];\n }\n }\n}\nfunction skip(ticks, newTicks, spacing, majorStart, majorEnd) {\n const start = valueOrDefault(majorStart, 0);\n const end = Math.min(valueOrDefault(majorEnd, ticks.length), ticks.length);\n let count = 0;\n let length, i, next;\n spacing = Math.ceil(spacing);\n if (majorEnd) {\n length = majorEnd - majorStart;\n spacing = length / Math.floor(length / spacing);\n }\n next = start;\n while (next < 0) {\n count++;\n next = Math.round(start + count * spacing);\n }\n for (i = Math.max(start, 0); i < end; i++) {\n if (i === next) {\n newTicks.push(ticks[i]);\n count++;\n next = Math.round(start + count * spacing);\n }\n }\n}\nfunction getEvenSpacing(arr) {\n const len = arr.length;\n let i, diff;\n if (len < 2) {\n return false;\n }\n for (diff = arr[0], i = 1; i < len; ++i) {\n if (arr[i] - arr[i - 1] !== diff) {\n return false;\n }\n }\n return diff;\n}\n\nconst reverseAlign = (align) => align === 'left' ? 'right' : align === 'right' ? 'left' : align;\nconst offsetFromEdge = (scale, edge, offset) => edge === 'top' || edge === 'left' ? scale[edge] + offset : scale[edge] - offset;\nfunction sample(arr, numItems) {\n const result = [];\n const increment = arr.length / numItems;\n const len = arr.length;\n let i = 0;\n for (; i < len; i += increment) {\n result.push(arr[Math.floor(i)]);\n }\n return result;\n}\nfunction getPixelForGridLine(scale, index, offsetGridLines) {\n const length = scale.ticks.length;\n const validIndex = Math.min(index, length - 1);\n const start = scale._startPixel;\n const end = scale._endPixel;\n const epsilon = 1e-6;\n let lineValue = scale.getPixelForTick(validIndex);\n let offset;\n if (offsetGridLines) {\n if (length === 1) {\n offset = Math.max(lineValue - start, end - lineValue);\n } else if (index === 0) {\n offset = (scale.getPixelForTick(1) - lineValue) / 2;\n } else {\n offset = (lineValue - scale.getPixelForTick(validIndex - 1)) / 2;\n }\n lineValue += validIndex < index ? offset : -offset;\n if (lineValue < start - epsilon || lineValue > end + epsilon) {\n return;\n }\n }\n return lineValue;\n}\nfunction garbageCollect(caches, length) {\n each(caches, (cache) => {\n const gc = cache.gc;\n const gcLen = gc.length / 2;\n let i;\n if (gcLen > length) {\n for (i = 0; i < gcLen; ++i) {\n delete cache.data[gc[i]];\n }\n gc.splice(0, gcLen);\n }\n });\n}\nfunction getTickMarkLength(options) {\n return options.drawTicks ? options.tickLength : 0;\n}\nfunction getTitleHeight(options, fallback) {\n if (!options.display) {\n return 0;\n }\n const font = toFont(options.font, fallback);\n const padding = toPadding(options.padding);\n const lines = isArray(options.text) ? options.text.length : 1;\n return (lines * font.lineHeight) + padding.height;\n}\nfunction createScaleContext(parent, scale) {\n return createContext(parent, {\n scale,\n type: 'scale'\n });\n}\nfunction createTickContext(parent, index, tick) {\n return createContext(parent, {\n tick,\n index,\n type: 'tick'\n });\n}\nfunction titleAlign(align, position, reverse) {\n let ret = _toLeftRightCenter(align);\n if ((reverse && position !== 'right') || (!reverse && position === 'right')) {\n ret = reverseAlign(ret);\n }\n return ret;\n}\nfunction titleArgs(scale, offset, position, align) {\n const {top, left, bottom, right, chart} = scale;\n const {chartArea, scales} = chart;\n let rotation = 0;\n let maxWidth, titleX, titleY;\n const height = bottom - top;\n const width = right - left;\n if (scale.isHorizontal()) {\n titleX = _alignStartEnd(align, left, right);\n if (isObject(position)) {\n const positionAxisID = Object.keys(position)[0];\n const value = position[positionAxisID];\n titleY = scales[positionAxisID].getPixelForValue(value) + height - offset;\n } else if (position === 'center') {\n titleY = (chartArea.bottom + chartArea.top) / 2 + height - offset;\n } else {\n titleY = offsetFromEdge(scale, position, offset);\n }\n maxWidth = right - left;\n } else {\n if (isObject(position)) {\n const positionAxisID = Object.keys(position)[0];\n const value = position[positionAxisID];\n titleX = scales[positionAxisID].getPixelForValue(value) - width + offset;\n } else if (position === 'center') {\n titleX = (chartArea.left + chartArea.right) / 2 - width + offset;\n } else {\n titleX = offsetFromEdge(scale, position, offset);\n }\n titleY = _alignStartEnd(align, bottom, top);\n rotation = position === 'left' ? -HALF_PI : HALF_PI;\n }\n return {titleX, titleY, maxWidth, rotation};\n}\nclass Scale extends Element {\n constructor(cfg) {\n super();\n this.id = cfg.id;\n this.type = cfg.type;\n this.options = undefined;\n this.ctx = cfg.ctx;\n this.chart = cfg.chart;\n this.top = undefined;\n this.bottom = undefined;\n this.left = undefined;\n this.right = undefined;\n this.width = undefined;\n this.height = undefined;\n this._margins = {\n left: 0,\n right: 0,\n top: 0,\n bottom: 0\n };\n this.maxWidth = undefined;\n this.maxHeight = undefined;\n this.paddingTop = undefined;\n this.paddingBottom = undefined;\n this.paddingLeft = undefined;\n this.paddingRight = undefined;\n this.axis = undefined;\n this.labelRotation = undefined;\n this.min = undefined;\n this.max = undefined;\n this._range = undefined;\n this.ticks = [];\n this._gridLineItems = null;\n this._labelItems = null;\n this._labelSizes = null;\n this._length = 0;\n this._maxLength = 0;\n this._longestTextCache = {};\n this._startPixel = undefined;\n this._endPixel = undefined;\n this._reversePixels = false;\n this._userMax = undefined;\n this._userMin = undefined;\n this._suggestedMax = undefined;\n this._suggestedMin = undefined;\n this._ticksLength = 0;\n this._borderValue = 0;\n this._cache = {};\n this._dataLimitsCached = false;\n this.$context = undefined;\n }\n init(options) {\n this.options = options.setContext(this.getContext());\n this.axis = options.axis;\n this._userMin = this.parse(options.min);\n this._userMax = this.parse(options.max);\n this._suggestedMin = this.parse(options.suggestedMin);\n this._suggestedMax = this.parse(options.suggestedMax);\n }\n parse(raw, index) {\n return raw;\n }\n getUserBounds() {\n let {_userMin, _userMax, _suggestedMin, _suggestedMax} = this;\n _userMin = finiteOrDefault(_userMin, Number.POSITIVE_INFINITY);\n _userMax = finiteOrDefault(_userMax, Number.NEGATIVE_INFINITY);\n _suggestedMin = finiteOrDefault(_suggestedMin, Number.POSITIVE_INFINITY);\n _suggestedMax = finiteOrDefault(_suggestedMax, Number.NEGATIVE_INFINITY);\n return {\n min: finiteOrDefault(_userMin, _suggestedMin),\n max: finiteOrDefault(_userMax, _suggestedMax),\n minDefined: isNumberFinite(_userMin),\n maxDefined: isNumberFinite(_userMax)\n };\n }\n getMinMax(canStack) {\n let {min, max, minDefined, maxDefined} = this.getUserBounds();\n let range;\n if (minDefined && maxDefined) {\n return {min, max};\n }\n const metas = this.getMatchingVisibleMetas();\n for (let i = 0, ilen = metas.length; i < ilen; ++i) {\n range = metas[i].controller.getMinMax(this, canStack);\n if (!minDefined) {\n min = Math.min(min, range.min);\n }\n if (!maxDefined) {\n max = Math.max(max, range.max);\n }\n }\n min = maxDefined && min > max ? max : min;\n max = minDefined && min > max ? min : max;\n return {\n min: finiteOrDefault(min, finiteOrDefault(max, min)),\n max: finiteOrDefault(max, finiteOrDefault(min, max))\n };\n }\n getPadding() {\n return {\n left: this.paddingLeft || 0,\n top: this.paddingTop || 0,\n right: this.paddingRight || 0,\n bottom: this.paddingBottom || 0\n };\n }\n getTicks() {\n return this.ticks;\n }\n getLabels() {\n const data = this.chart.data;\n return this.options.labels || (this.isHorizontal() ? data.xLabels : data.yLabels) || data.labels || [];\n }\n beforeLayout() {\n this._cache = {};\n this._dataLimitsCached = false;\n }\n beforeUpdate() {\n callback(this.options.beforeUpdate, [this]);\n }\n update(maxWidth, maxHeight, margins) {\n const {beginAtZero, grace, ticks: tickOpts} = this.options;\n const sampleSize = tickOpts.sampleSize;\n this.beforeUpdate();\n this.maxWidth = maxWidth;\n this.maxHeight = maxHeight;\n this._margins = margins = Object.assign({\n left: 0,\n right: 0,\n top: 0,\n bottom: 0\n }, margins);\n this.ticks = null;\n this._labelSizes = null;\n this._gridLineItems = null;\n this._labelItems = null;\n this.beforeSetDimensions();\n this.setDimensions();\n this.afterSetDimensions();\n this._maxLength = this.isHorizontal()\n ? this.width + margins.left + margins.right\n : this.height + margins.top + margins.bottom;\n if (!this._dataLimitsCached) {\n this.beforeDataLimits();\n this.determineDataLimits();\n this.afterDataLimits();\n this._range = _addGrace(this, grace, beginAtZero);\n this._dataLimitsCached = true;\n }\n this.beforeBuildTicks();\n this.ticks = this.buildTicks() || [];\n this.afterBuildTicks();\n const samplingEnabled = sampleSize < this.ticks.length;\n this._convertTicksToLabels(samplingEnabled ? sample(this.ticks, sampleSize) : this.ticks);\n this.configure();\n this.beforeCalculateLabelRotation();\n this.calculateLabelRotation();\n this.afterCalculateLabelRotation();\n if (tickOpts.display && (tickOpts.autoSkip || tickOpts.source === 'auto')) {\n this.ticks = autoSkip(this, this.ticks);\n this._labelSizes = null;\n this.afterAutoSkip();\n }\n if (samplingEnabled) {\n this._convertTicksToLabels(this.ticks);\n }\n this.beforeFit();\n this.fit();\n this.afterFit();\n this.afterUpdate();\n }\n configure() {\n let reversePixels = this.options.reverse;\n let startPixel, endPixel;\n if (this.isHorizontal()) {\n startPixel = this.left;\n endPixel = this.right;\n } else {\n startPixel = this.top;\n endPixel = this.bottom;\n reversePixels = !reversePixels;\n }\n this._startPixel = startPixel;\n this._endPixel = endPixel;\n this._reversePixels = reversePixels;\n this._length = endPixel - startPixel;\n this._alignToPixels = this.options.alignToPixels;\n }\n afterUpdate() {\n callback(this.options.afterUpdate, [this]);\n }\n beforeSetDimensions() {\n callback(this.options.beforeSetDimensions, [this]);\n }\n setDimensions() {\n if (this.isHorizontal()) {\n this.width = this.maxWidth;\n this.left = 0;\n this.right = this.width;\n } else {\n this.height = this.maxHeight;\n this.top = 0;\n this.bottom = this.height;\n }\n this.paddingLeft = 0;\n this.paddingTop = 0;\n this.paddingRight = 0;\n this.paddingBottom = 0;\n }\n afterSetDimensions() {\n callback(this.options.afterSetDimensions, [this]);\n }\n _callHooks(name) {\n this.chart.notifyPlugins(name, this.getContext());\n callback(this.options[name], [this]);\n }\n beforeDataLimits() {\n this._callHooks('beforeDataLimits');\n }\n determineDataLimits() {}\n afterDataLimits() {\n this._callHooks('afterDataLimits');\n }\n beforeBuildTicks() {\n this._callHooks('beforeBuildTicks');\n }\n buildTicks() {\n return [];\n }\n afterBuildTicks() {\n this._callHooks('afterBuildTicks');\n }\n beforeTickToLabelConversion() {\n callback(this.options.beforeTickToLabelConversion, [this]);\n }\n generateTickLabels(ticks) {\n const tickOpts = this.options.ticks;\n let i, ilen, tick;\n for (i = 0, ilen = ticks.length; i < ilen; i++) {\n tick = ticks[i];\n tick.label = callback(tickOpts.callback, [tick.value, i, ticks], this);\n }\n }\n afterTickToLabelConversion() {\n callback(this.options.afterTickToLabelConversion, [this]);\n }\n beforeCalculateLabelRotation() {\n callback(this.options.beforeCalculateLabelRotation, [this]);\n }\n calculateLabelRotation() {\n const options = this.options;\n const tickOpts = options.ticks;\n const numTicks = this.ticks.length;\n const minRotation = tickOpts.minRotation || 0;\n const maxRotation = tickOpts.maxRotation;\n let labelRotation = minRotation;\n let tickWidth, maxHeight, maxLabelDiagonal;\n if (!this._isVisible() || !tickOpts.display || minRotation >= maxRotation || numTicks <= 1 || !this.isHorizontal()) {\n this.labelRotation = minRotation;\n return;\n }\n const labelSizes = this._getLabelSizes();\n const maxLabelWidth = labelSizes.widest.width;\n const maxLabelHeight = labelSizes.highest.height;\n const maxWidth = _limitValue(this.chart.width - maxLabelWidth, 0, this.maxWidth);\n tickWidth = options.offset ? this.maxWidth / numTicks : maxWidth / (numTicks - 1);\n if (maxLabelWidth + 6 > tickWidth) {\n tickWidth = maxWidth / (numTicks - (options.offset ? 0.5 : 1));\n maxHeight = this.maxHeight - getTickMarkLength(options.grid)\n\t\t\t\t- tickOpts.padding - getTitleHeight(options.title, this.chart.options.font);\n maxLabelDiagonal = Math.sqrt(maxLabelWidth * maxLabelWidth + maxLabelHeight * maxLabelHeight);\n labelRotation = toDegrees(Math.min(\n Math.asin(_limitValue((labelSizes.highest.height + 6) / tickWidth, -1, 1)),\n Math.asin(_limitValue(maxHeight / maxLabelDiagonal, -1, 1)) - Math.asin(_limitValue(maxLabelHeight / maxLabelDiagonal, -1, 1))\n ));\n labelRotation = Math.max(minRotation, Math.min(maxRotation, labelRotation));\n }\n this.labelRotation = labelRotation;\n }\n afterCalculateLabelRotation() {\n callback(this.options.afterCalculateLabelRotation, [this]);\n }\n afterAutoSkip() {}\n beforeFit() {\n callback(this.options.beforeFit, [this]);\n }\n fit() {\n const minSize = {\n width: 0,\n height: 0\n };\n const {chart, options: {ticks: tickOpts, title: titleOpts, grid: gridOpts}} = this;\n const display = this._isVisible();\n const isHorizontal = this.isHorizontal();\n if (display) {\n const titleHeight = getTitleHeight(titleOpts, chart.options.font);\n if (isHorizontal) {\n minSize.width = this.maxWidth;\n minSize.height = getTickMarkLength(gridOpts) + titleHeight;\n } else {\n minSize.height = this.maxHeight;\n minSize.width = getTickMarkLength(gridOpts) + titleHeight;\n }\n if (tickOpts.display && this.ticks.length) {\n const {first, last, widest, highest} = this._getLabelSizes();\n const tickPadding = tickOpts.padding * 2;\n const angleRadians = toRadians(this.labelRotation);\n const cos = Math.cos(angleRadians);\n const sin = Math.sin(angleRadians);\n if (isHorizontal) {\n const labelHeight = tickOpts.mirror ? 0 : sin * widest.width + cos * highest.height;\n minSize.height = Math.min(this.maxHeight, minSize.height + labelHeight + tickPadding);\n } else {\n const labelWidth = tickOpts.mirror ? 0 : cos * widest.width + sin * highest.height;\n minSize.width = Math.min(this.maxWidth, minSize.width + labelWidth + tickPadding);\n }\n this._calculatePadding(first, last, sin, cos);\n }\n }\n this._handleMargins();\n if (isHorizontal) {\n this.width = this._length = chart.width - this._margins.left - this._margins.right;\n this.height = minSize.height;\n } else {\n this.width = minSize.width;\n this.height = this._length = chart.height - this._margins.top - this._margins.bottom;\n }\n }\n _calculatePadding(first, last, sin, cos) {\n const {ticks: {align, padding}, position} = this.options;\n const isRotated = this.labelRotation !== 0;\n const labelsBelowTicks = position !== 'top' && this.axis === 'x';\n if (this.isHorizontal()) {\n const offsetLeft = this.getPixelForTick(0) - this.left;\n const offsetRight = this.right - this.getPixelForTick(this.ticks.length - 1);\n let paddingLeft = 0;\n let paddingRight = 0;\n if (isRotated) {\n if (labelsBelowTicks) {\n paddingLeft = cos * first.width;\n paddingRight = sin * last.height;\n } else {\n paddingLeft = sin * first.height;\n paddingRight = cos * last.width;\n }\n } else if (align === 'start') {\n paddingRight = last.width;\n } else if (align === 'end') {\n paddingLeft = first.width;\n } else if (align !== 'inner') {\n paddingLeft = first.width / 2;\n paddingRight = last.width / 2;\n }\n this.paddingLeft = Math.max((paddingLeft - offsetLeft + padding) * this.width / (this.width - offsetLeft), 0);\n this.paddingRight = Math.max((paddingRight - offsetRight + padding) * this.width / (this.width - offsetRight), 0);\n } else {\n let paddingTop = last.height / 2;\n let paddingBottom = first.height / 2;\n if (align === 'start') {\n paddingTop = 0;\n paddingBottom = first.height;\n } else if (align === 'end') {\n paddingTop = last.height;\n paddingBottom = 0;\n }\n this.paddingTop = paddingTop + padding;\n this.paddingBottom = paddingBottom + padding;\n }\n }\n _handleMargins() {\n if (this._margins) {\n this._margins.left = Math.max(this.paddingLeft, this._margins.left);\n this._margins.top = Math.max(this.paddingTop, this._margins.top);\n this._margins.right = Math.max(this.paddingRight, this._margins.right);\n this._margins.bottom = Math.max(this.paddingBottom, this._margins.bottom);\n }\n }\n afterFit() {\n callback(this.options.afterFit, [this]);\n }\n isHorizontal() {\n const {axis, position} = this.options;\n return position === 'top' || position === 'bottom' || axis === 'x';\n }\n isFullSize() {\n return this.options.fullSize;\n }\n _convertTicksToLabels(ticks) {\n this.beforeTickToLabelConversion();\n this.generateTickLabels(ticks);\n let i, ilen;\n for (i = 0, ilen = ticks.length; i < ilen; i++) {\n if (isNullOrUndef(ticks[i].label)) {\n ticks.splice(i, 1);\n ilen--;\n i--;\n }\n }\n this.afterTickToLabelConversion();\n }\n _getLabelSizes() {\n let labelSizes = this._labelSizes;\n if (!labelSizes) {\n const sampleSize = this.options.ticks.sampleSize;\n let ticks = this.ticks;\n if (sampleSize < ticks.length) {\n ticks = sample(ticks, sampleSize);\n }\n this._labelSizes = labelSizes = this._computeLabelSizes(ticks, ticks.length);\n }\n return labelSizes;\n }\n _computeLabelSizes(ticks, length) {\n const {ctx, _longestTextCache: caches} = this;\n const widths = [];\n const heights = [];\n let widestLabelSize = 0;\n let highestLabelSize = 0;\n let i, j, jlen, label, tickFont, fontString, cache, lineHeight, width, height, nestedLabel;\n for (i = 0; i < length; ++i) {\n label = ticks[i].label;\n tickFont = this._resolveTickFontOptions(i);\n ctx.font = fontString = tickFont.string;\n cache = caches[fontString] = caches[fontString] || {data: {}, gc: []};\n lineHeight = tickFont.lineHeight;\n width = height = 0;\n if (!isNullOrUndef(label) && !isArray(label)) {\n width = _measureText(ctx, cache.data, cache.gc, width, label);\n height = lineHeight;\n } else if (isArray(label)) {\n for (j = 0, jlen = label.length; j < jlen; ++j) {\n nestedLabel = label[j];\n if (!isNullOrUndef(nestedLabel) && !isArray(nestedLabel)) {\n width = _measureText(ctx, cache.data, cache.gc, width, nestedLabel);\n height += lineHeight;\n }\n }\n }\n widths.push(width);\n heights.push(height);\n widestLabelSize = Math.max(width, widestLabelSize);\n highestLabelSize = Math.max(height, highestLabelSize);\n }\n garbageCollect(caches, length);\n const widest = widths.indexOf(widestLabelSize);\n const highest = heights.indexOf(highestLabelSize);\n const valueAt = (idx) => ({width: widths[idx] || 0, height: heights[idx] || 0});\n return {\n first: valueAt(0),\n last: valueAt(length - 1),\n widest: valueAt(widest),\n highest: valueAt(highest),\n widths,\n heights,\n };\n }\n getLabelForValue(value) {\n return value;\n }\n getPixelForValue(value, index) {\n return NaN;\n }\n getValueForPixel(pixel) {}\n getPixelForTick(index) {\n const ticks = this.ticks;\n if (index < 0 || index > ticks.length - 1) {\n return null;\n }\n return this.getPixelForValue(ticks[index].value);\n }\n getPixelForDecimal(decimal) {\n if (this._reversePixels) {\n decimal = 1 - decimal;\n }\n const pixel = this._startPixel + decimal * this._length;\n return _int16Range(this._alignToPixels ? _alignPixel(this.chart, pixel, 0) : pixel);\n }\n getDecimalForPixel(pixel) {\n const decimal = (pixel - this._startPixel) / this._length;\n return this._reversePixels ? 1 - decimal : decimal;\n }\n getBasePixel() {\n return this.getPixelForValue(this.getBaseValue());\n }\n getBaseValue() {\n const {min, max} = this;\n return min < 0 && max < 0 ? max :\n min > 0 && max > 0 ? min :\n 0;\n }\n getContext(index) {\n const ticks = this.ticks || [];\n if (index >= 0 && index < ticks.length) {\n const tick = ticks[index];\n return tick.$context ||\n\t\t\t\t(tick.$context = createTickContext(this.getContext(), index, tick));\n }\n return this.$context ||\n\t\t\t(this.$context = createScaleContext(this.chart.getContext(), this));\n }\n _tickSize() {\n const optionTicks = this.options.ticks;\n const rot = toRadians(this.labelRotation);\n const cos = Math.abs(Math.cos(rot));\n const sin = Math.abs(Math.sin(rot));\n const labelSizes = this._getLabelSizes();\n const padding = optionTicks.autoSkipPadding || 0;\n const w = labelSizes ? labelSizes.widest.width + padding : 0;\n const h = labelSizes ? labelSizes.highest.height + padding : 0;\n return this.isHorizontal()\n ? h * cos > w * sin ? w / cos : h / sin\n : h * sin < w * cos ? h / cos : w / sin;\n }\n _isVisible() {\n const display = this.options.display;\n if (display !== 'auto') {\n return !!display;\n }\n return this.getMatchingVisibleMetas().length > 0;\n }\n _computeGridLineItems(chartArea) {\n const axis = this.axis;\n const chart = this.chart;\n const options = this.options;\n const {grid, position} = options;\n const offset = grid.offset;\n const isHorizontal = this.isHorizontal();\n const ticks = this.ticks;\n const ticksLength = ticks.length + (offset ? 1 : 0);\n const tl = getTickMarkLength(grid);\n const items = [];\n const borderOpts = grid.setContext(this.getContext());\n const axisWidth = borderOpts.drawBorder ? borderOpts.borderWidth : 0;\n const axisHalfWidth = axisWidth / 2;\n const alignBorderValue = function(pixel) {\n return _alignPixel(chart, pixel, axisWidth);\n };\n let borderValue, i, lineValue, alignedLineValue;\n let tx1, ty1, tx2, ty2, x1, y1, x2, y2;\n if (position === 'top') {\n borderValue = alignBorderValue(this.bottom);\n ty1 = this.bottom - tl;\n ty2 = borderValue - axisHalfWidth;\n y1 = alignBorderValue(chartArea.top) + axisHalfWidth;\n y2 = chartArea.bottom;\n } else if (position === 'bottom') {\n borderValue = alignBorderValue(this.top);\n y1 = chartArea.top;\n y2 = alignBorderValue(chartArea.bottom) - axisHalfWidth;\n ty1 = borderValue + axisHalfWidth;\n ty2 = this.top + tl;\n } else if (position === 'left') {\n borderValue = alignBorderValue(this.right);\n tx1 = this.right - tl;\n tx2 = borderValue - axisHalfWidth;\n x1 = alignBorderValue(chartArea.left) + axisHalfWidth;\n x2 = chartArea.right;\n } else if (position === 'right') {\n borderValue = alignBorderValue(this.left);\n x1 = chartArea.left;\n x2 = alignBorderValue(chartArea.right) - axisHalfWidth;\n tx1 = borderValue + axisHalfWidth;\n tx2 = this.left + tl;\n } else if (axis === 'x') {\n if (position === 'center') {\n borderValue = alignBorderValue((chartArea.top + chartArea.bottom) / 2 + 0.5);\n } else if (isObject(position)) {\n const positionAxisID = Object.keys(position)[0];\n const value = position[positionAxisID];\n borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));\n }\n y1 = chartArea.top;\n y2 = chartArea.bottom;\n ty1 = borderValue + axisHalfWidth;\n ty2 = ty1 + tl;\n } else if (axis === 'y') {\n if (position === 'center') {\n borderValue = alignBorderValue((chartArea.left + chartArea.right) / 2);\n } else if (isObject(position)) {\n const positionAxisID = Object.keys(position)[0];\n const value = position[positionAxisID];\n borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));\n }\n tx1 = borderValue - axisHalfWidth;\n tx2 = tx1 - tl;\n x1 = chartArea.left;\n x2 = chartArea.right;\n }\n const limit = valueOrDefault(options.ticks.maxTicksLimit, ticksLength);\n const step = Math.max(1, Math.ceil(ticksLength / limit));\n for (i = 0; i < ticksLength; i += step) {\n const optsAtIndex = grid.setContext(this.getContext(i));\n const lineWidth = optsAtIndex.lineWidth;\n const lineColor = optsAtIndex.color;\n const borderDash = optsAtIndex.borderDash || [];\n const borderDashOffset = optsAtIndex.borderDashOffset;\n const tickWidth = optsAtIndex.tickWidth;\n const tickColor = optsAtIndex.tickColor;\n const tickBorderDash = optsAtIndex.tickBorderDash || [];\n const tickBorderDashOffset = optsAtIndex.tickBorderDashOffset;\n lineValue = getPixelForGridLine(this, i, offset);\n if (lineValue === undefined) {\n continue;\n }\n alignedLineValue = _alignPixel(chart, lineValue, lineWidth);\n if (isHorizontal) {\n tx1 = tx2 = x1 = x2 = alignedLineValue;\n } else {\n ty1 = ty2 = y1 = y2 = alignedLineValue;\n }\n items.push({\n tx1,\n ty1,\n tx2,\n ty2,\n x1,\n y1,\n x2,\n y2,\n width: lineWidth,\n color: lineColor,\n borderDash,\n borderDashOffset,\n tickWidth,\n tickColor,\n tickBorderDash,\n tickBorderDashOffset,\n });\n }\n this._ticksLength = ticksLength;\n this._borderValue = borderValue;\n return items;\n }\n _computeLabelItems(chartArea) {\n const axis = this.axis;\n const options = this.options;\n const {position, ticks: optionTicks} = options;\n const isHorizontal = this.isHorizontal();\n const ticks = this.ticks;\n const {align, crossAlign, padding, mirror} = optionTicks;\n const tl = getTickMarkLength(options.grid);\n const tickAndPadding = tl + padding;\n const hTickAndPadding = mirror ? -padding : tickAndPadding;\n const rotation = -toRadians(this.labelRotation);\n const items = [];\n let i, ilen, tick, label, x, y, textAlign, pixel, font, lineHeight, lineCount, textOffset;\n let textBaseline = 'middle';\n if (position === 'top') {\n y = this.bottom - hTickAndPadding;\n textAlign = this._getXAxisLabelAlignment();\n } else if (position === 'bottom') {\n y = this.top + hTickAndPadding;\n textAlign = this._getXAxisLabelAlignment();\n } else if (position === 'left') {\n const ret = this._getYAxisLabelAlignment(tl);\n textAlign = ret.textAlign;\n x = ret.x;\n } else if (position === 'right') {\n const ret = this._getYAxisLabelAlignment(tl);\n textAlign = ret.textAlign;\n x = ret.x;\n } else if (axis === 'x') {\n if (position === 'center') {\n y = ((chartArea.top + chartArea.bottom) / 2) + tickAndPadding;\n } else if (isObject(position)) {\n const positionAxisID = Object.keys(position)[0];\n const value = position[positionAxisID];\n y = this.chart.scales[positionAxisID].getPixelForValue(value) + tickAndPadding;\n }\n textAlign = this._getXAxisLabelAlignment();\n } else if (axis === 'y') {\n if (position === 'center') {\n x = ((chartArea.left + chartArea.right) / 2) - tickAndPadding;\n } else if (isObject(position)) {\n const positionAxisID = Object.keys(position)[0];\n const value = position[positionAxisID];\n x = this.chart.scales[positionAxisID].getPixelForValue(value);\n }\n textAlign = this._getYAxisLabelAlignment(tl).textAlign;\n }\n if (axis === 'y') {\n if (align === 'start') {\n textBaseline = 'top';\n } else if (align === 'end') {\n textBaseline = 'bottom';\n }\n }\n const labelSizes = this._getLabelSizes();\n for (i = 0, ilen = ticks.length; i < ilen; ++i) {\n tick = ticks[i];\n label = tick.label;\n const optsAtIndex = optionTicks.setContext(this.getContext(i));\n pixel = this.getPixelForTick(i) + optionTicks.labelOffset;\n font = this._resolveTickFontOptions(i);\n lineHeight = font.lineHeight;\n lineCount = isArray(label) ? label.length : 1;\n const halfCount = lineCount / 2;\n const color = optsAtIndex.color;\n const strokeColor = optsAtIndex.textStrokeColor;\n const strokeWidth = optsAtIndex.textStrokeWidth;\n let tickTextAlign = textAlign;\n if (isHorizontal) {\n x = pixel;\n if (textAlign === 'inner') {\n if (i === ilen - 1) {\n tickTextAlign = !this.options.reverse ? 'right' : 'left';\n } else if (i === 0) {\n tickTextAlign = !this.options.reverse ? 'left' : 'right';\n } else {\n tickTextAlign = 'center';\n }\n }\n if (position === 'top') {\n if (crossAlign === 'near' || rotation !== 0) {\n textOffset = -lineCount * lineHeight + lineHeight / 2;\n } else if (crossAlign === 'center') {\n textOffset = -labelSizes.highest.height / 2 - halfCount * lineHeight + lineHeight;\n } else {\n textOffset = -labelSizes.highest.height + lineHeight / 2;\n }\n } else {\n if (crossAlign === 'near' || rotation !== 0) {\n textOffset = lineHeight / 2;\n } else if (crossAlign === 'center') {\n textOffset = labelSizes.highest.height / 2 - halfCount * lineHeight;\n } else {\n textOffset = labelSizes.highest.height - lineCount * lineHeight;\n }\n }\n if (mirror) {\n textOffset *= -1;\n }\n } else {\n y = pixel;\n textOffset = (1 - lineCount) * lineHeight / 2;\n }\n let backdrop;\n if (optsAtIndex.showLabelBackdrop) {\n const labelPadding = toPadding(optsAtIndex.backdropPadding);\n const height = labelSizes.heights[i];\n const width = labelSizes.widths[i];\n let top = y + textOffset - labelPadding.top;\n let left = x - labelPadding.left;\n switch (textBaseline) {\n case 'middle':\n top -= height / 2;\n break;\n case 'bottom':\n top -= height;\n break;\n }\n switch (textAlign) {\n case 'center':\n left -= width / 2;\n break;\n case 'right':\n left -= width;\n break;\n }\n backdrop = {\n left,\n top,\n width: width + labelPadding.width,\n height: height + labelPadding.height,\n color: optsAtIndex.backdropColor,\n };\n }\n items.push({\n rotation,\n label,\n font,\n color,\n strokeColor,\n strokeWidth,\n textOffset,\n textAlign: tickTextAlign,\n textBaseline,\n translation: [x, y],\n backdrop,\n });\n }\n return items;\n }\n _getXAxisLabelAlignment() {\n const {position, ticks} = this.options;\n const rotation = -toRadians(this.labelRotation);\n if (rotation) {\n return position === 'top' ? 'left' : 'right';\n }\n let align = 'center';\n if (ticks.align === 'start') {\n align = 'left';\n } else if (ticks.align === 'end') {\n align = 'right';\n } else if (ticks.align === 'inner') {\n align = 'inner';\n }\n return align;\n }\n _getYAxisLabelAlignment(tl) {\n const {position, ticks: {crossAlign, mirror, padding}} = this.options;\n const labelSizes = this._getLabelSizes();\n const tickAndPadding = tl + padding;\n const widest = labelSizes.widest.width;\n let textAlign;\n let x;\n if (position === 'left') {\n if (mirror) {\n x = this.right + padding;\n if (crossAlign === 'near') {\n textAlign = 'left';\n } else if (crossAlign === 'center') {\n textAlign = 'center';\n x += (widest / 2);\n } else {\n textAlign = 'right';\n x += widest;\n }\n } else {\n x = this.right - tickAndPadding;\n if (crossAlign === 'near') {\n textAlign = 'right';\n } else if (crossAlign === 'center') {\n textAlign = 'center';\n x -= (widest / 2);\n } else {\n textAlign = 'left';\n x = this.left;\n }\n }\n } else if (position === 'right') {\n if (mirror) {\n x = this.left + padding;\n if (crossAlign === 'near') {\n textAlign = 'right';\n } else if (crossAlign === 'center') {\n textAlign = 'center';\n x -= (widest / 2);\n } else {\n textAlign = 'left';\n x -= widest;\n }\n } else {\n x = this.left + tickAndPadding;\n if (crossAlign === 'near') {\n textAlign = 'left';\n } else if (crossAlign === 'center') {\n textAlign = 'center';\n x += widest / 2;\n } else {\n textAlign = 'right';\n x = this.right;\n }\n }\n } else {\n textAlign = 'right';\n }\n return {textAlign, x};\n }\n _computeLabelArea() {\n if (this.options.ticks.mirror) {\n return;\n }\n const chart = this.chart;\n const position = this.options.position;\n if (position === 'left' || position === 'right') {\n return {top: 0, left: this.left, bottom: chart.height, right: this.right};\n } if (position === 'top' || position === 'bottom') {\n return {top: this.top, left: 0, bottom: this.bottom, right: chart.width};\n }\n }\n drawBackground() {\n const {ctx, options: {backgroundColor}, left, top, width, height} = this;\n if (backgroundColor) {\n ctx.save();\n ctx.fillStyle = backgroundColor;\n ctx.fillRect(left, top, width, height);\n ctx.restore();\n }\n }\n getLineWidthForValue(value) {\n const grid = this.options.grid;\n if (!this._isVisible() || !grid.display) {\n return 0;\n }\n const ticks = this.ticks;\n const index = ticks.findIndex(t => t.value === value);\n if (index >= 0) {\n const opts = grid.setContext(this.getContext(index));\n return opts.lineWidth;\n }\n return 0;\n }\n drawGrid(chartArea) {\n const grid = this.options.grid;\n const ctx = this.ctx;\n const items = this._gridLineItems || (this._gridLineItems = this._computeGridLineItems(chartArea));\n let i, ilen;\n const drawLine = (p1, p2, style) => {\n if (!style.width || !style.color) {\n return;\n }\n ctx.save();\n ctx.lineWidth = style.width;\n ctx.strokeStyle = style.color;\n ctx.setLineDash(style.borderDash || []);\n ctx.lineDashOffset = style.borderDashOffset;\n ctx.beginPath();\n ctx.moveTo(p1.x, p1.y);\n ctx.lineTo(p2.x, p2.y);\n ctx.stroke();\n ctx.restore();\n };\n if (grid.display) {\n for (i = 0, ilen = items.length; i < ilen; ++i) {\n const item = items[i];\n if (grid.drawOnChartArea) {\n drawLine(\n {x: item.x1, y: item.y1},\n {x: item.x2, y: item.y2},\n item\n );\n }\n if (grid.drawTicks) {\n drawLine(\n {x: item.tx1, y: item.ty1},\n {x: item.tx2, y: item.ty2},\n {\n color: item.tickColor,\n width: item.tickWidth,\n borderDash: item.tickBorderDash,\n borderDashOffset: item.tickBorderDashOffset\n }\n );\n }\n }\n }\n }\n drawBorder() {\n const {chart, ctx, options: {grid}} = this;\n const borderOpts = grid.setContext(this.getContext());\n const axisWidth = grid.drawBorder ? borderOpts.borderWidth : 0;\n if (!axisWidth) {\n return;\n }\n const lastLineWidth = grid.setContext(this.getContext(0)).lineWidth;\n const borderValue = this._borderValue;\n let x1, x2, y1, y2;\n if (this.isHorizontal()) {\n x1 = _alignPixel(chart, this.left, axisWidth) - axisWidth / 2;\n x2 = _alignPixel(chart, this.right, lastLineWidth) + lastLineWidth / 2;\n y1 = y2 = borderValue;\n } else {\n y1 = _alignPixel(chart, this.top, axisWidth) - axisWidth / 2;\n y2 = _alignPixel(chart, this.bottom, lastLineWidth) + lastLineWidth / 2;\n x1 = x2 = borderValue;\n }\n ctx.save();\n ctx.lineWidth = borderOpts.borderWidth;\n ctx.strokeStyle = borderOpts.borderColor;\n ctx.beginPath();\n ctx.moveTo(x1, y1);\n ctx.lineTo(x2, y2);\n ctx.stroke();\n ctx.restore();\n }\n drawLabels(chartArea) {\n const optionTicks = this.options.ticks;\n if (!optionTicks.display) {\n return;\n }\n const ctx = this.ctx;\n const area = this._computeLabelArea();\n if (area) {\n clipArea(ctx, area);\n }\n const items = this._labelItems || (this._labelItems = this._computeLabelItems(chartArea));\n let i, ilen;\n for (i = 0, ilen = items.length; i < ilen; ++i) {\n const item = items[i];\n const tickFont = item.font;\n const label = item.label;\n if (item.backdrop) {\n ctx.fillStyle = item.backdrop.color;\n ctx.fillRect(item.backdrop.left, item.backdrop.top, item.backdrop.width, item.backdrop.height);\n }\n let y = item.textOffset;\n renderText(ctx, label, 0, y, tickFont, item);\n }\n if (area) {\n unclipArea(ctx);\n }\n }\n drawTitle() {\n const {ctx, options: {position, title, reverse}} = this;\n if (!title.display) {\n return;\n }\n const font = toFont(title.font);\n const padding = toPadding(title.padding);\n const align = title.align;\n let offset = font.lineHeight / 2;\n if (position === 'bottom' || position === 'center' || isObject(position)) {\n offset += padding.bottom;\n if (isArray(title.text)) {\n offset += font.lineHeight * (title.text.length - 1);\n }\n } else {\n offset += padding.top;\n }\n const {titleX, titleY, maxWidth, rotation} = titleArgs(this, offset, position, align);\n renderText(ctx, title.text, 0, 0, font, {\n color: title.color,\n maxWidth,\n rotation,\n textAlign: titleAlign(align, position, reverse),\n textBaseline: 'middle',\n translation: [titleX, titleY],\n });\n }\n draw(chartArea) {\n if (!this._isVisible()) {\n return;\n }\n this.drawBackground();\n this.drawGrid(chartArea);\n this.drawBorder();\n this.drawTitle();\n this.drawLabels(chartArea);\n }\n _layers() {\n const opts = this.options;\n const tz = opts.ticks && opts.ticks.z || 0;\n const gz = valueOrDefault(opts.grid && opts.grid.z, -1);\n if (!this._isVisible() || this.draw !== Scale.prototype.draw) {\n return [{\n z: tz,\n draw: (chartArea) => {\n this.draw(chartArea);\n }\n }];\n }\n return [{\n z: gz,\n draw: (chartArea) => {\n this.drawBackground();\n this.drawGrid(chartArea);\n this.drawTitle();\n }\n }, {\n z: gz + 1,\n draw: () => {\n this.drawBorder();\n }\n }, {\n z: tz,\n draw: (chartArea) => {\n this.drawLabels(chartArea);\n }\n }];\n }\n getMatchingVisibleMetas(type) {\n const metas = this.chart.getSortedVisibleDatasetMetas();\n const axisID = this.axis + 'AxisID';\n const result = [];\n let i, ilen;\n for (i = 0, ilen = metas.length; i < ilen; ++i) {\n const meta = metas[i];\n if (meta[axisID] === this.id && (!type || meta.type === type)) {\n result.push(meta);\n }\n }\n return result;\n }\n _resolveTickFontOptions(index) {\n const opts = this.options.ticks.setContext(this.getContext(index));\n return toFont(opts.font);\n }\n _maxDigits() {\n const fontSize = this._resolveTickFontOptions(0).lineHeight;\n return (this.isHorizontal() ? this.width : this.height) / fontSize;\n }\n}\n\nclass TypedRegistry {\n constructor(type, scope, override) {\n this.type = type;\n this.scope = scope;\n this.override = override;\n this.items = Object.create(null);\n }\n isForType(type) {\n return Object.prototype.isPrototypeOf.call(this.type.prototype, type.prototype);\n }\n register(item) {\n const proto = Object.getPrototypeOf(item);\n let parentScope;\n if (isIChartComponent(proto)) {\n parentScope = this.register(proto);\n }\n const items = this.items;\n const id = item.id;\n const scope = this.scope + '.' + id;\n if (!id) {\n throw new Error('class does not have id: ' + item);\n }\n if (id in items) {\n return scope;\n }\n items[id] = item;\n registerDefaults(item, scope, parentScope);\n if (this.override) {\n defaults.override(item.id, item.overrides);\n }\n return scope;\n }\n get(id) {\n return this.items[id];\n }\n unregister(item) {\n const items = this.items;\n const id = item.id;\n const scope = this.scope;\n if (id in items) {\n delete items[id];\n }\n if (scope && id in defaults[scope]) {\n delete defaults[scope][id];\n if (this.override) {\n delete overrides[id];\n }\n }\n }\n}\nfunction registerDefaults(item, scope, parentScope) {\n const itemDefaults = merge(Object.create(null), [\n parentScope ? defaults.get(parentScope) : {},\n defaults.get(scope),\n item.defaults\n ]);\n defaults.set(scope, itemDefaults);\n if (item.defaultRoutes) {\n routeDefaults(scope, item.defaultRoutes);\n }\n if (item.descriptors) {\n defaults.describe(scope, item.descriptors);\n }\n}\nfunction routeDefaults(scope, routes) {\n Object.keys(routes).forEach(property => {\n const propertyParts = property.split('.');\n const sourceName = propertyParts.pop();\n const sourceScope = [scope].concat(propertyParts).join('.');\n const parts = routes[property].split('.');\n const targetName = parts.pop();\n const targetScope = parts.join('.');\n defaults.route(sourceScope, sourceName, targetScope, targetName);\n });\n}\nfunction isIChartComponent(proto) {\n return 'id' in proto && 'defaults' in proto;\n}\n\nclass Registry {\n constructor() {\n this.controllers = new TypedRegistry(DatasetController, 'datasets', true);\n this.elements = new TypedRegistry(Element, 'elements');\n this.plugins = new TypedRegistry(Object, 'plugins');\n this.scales = new TypedRegistry(Scale, 'scales');\n this._typedRegistries = [this.controllers, this.scales, this.elements];\n }\n add(...args) {\n this._each('register', args);\n }\n remove(...args) {\n this._each('unregister', args);\n }\n addControllers(...args) {\n this._each('register', args, this.controllers);\n }\n addElements(...args) {\n this._each('register', args, this.elements);\n }\n addPlugins(...args) {\n this._each('register', args, this.plugins);\n }\n addScales(...args) {\n this._each('register', args, this.scales);\n }\n getController(id) {\n return this._get(id, this.controllers, 'controller');\n }\n getElement(id) {\n return this._get(id, this.elements, 'element');\n }\n getPlugin(id) {\n return this._get(id, this.plugins, 'plugin');\n }\n getScale(id) {\n return this._get(id, this.scales, 'scale');\n }\n removeControllers(...args) {\n this._each('unregister', args, this.controllers);\n }\n removeElements(...args) {\n this._each('unregister', args, this.elements);\n }\n removePlugins(...args) {\n this._each('unregister', args, this.plugins);\n }\n removeScales(...args) {\n this._each('unregister', args, this.scales);\n }\n _each(method, args, typedRegistry) {\n [...args].forEach(arg => {\n const reg = typedRegistry || this._getRegistryForType(arg);\n if (typedRegistry || reg.isForType(arg) || (reg === this.plugins && arg.id)) {\n this._exec(method, reg, arg);\n } else {\n each(arg, item => {\n const itemReg = typedRegistry || this._getRegistryForType(item);\n this._exec(method, itemReg, item);\n });\n }\n });\n }\n _exec(method, registry, component) {\n const camelMethod = _capitalize(method);\n callback(component['before' + camelMethod], [], component);\n registry[method](component);\n callback(component['after' + camelMethod], [], component);\n }\n _getRegistryForType(type) {\n for (let i = 0; i < this._typedRegistries.length; i++) {\n const reg = this._typedRegistries[i];\n if (reg.isForType(type)) {\n return reg;\n }\n }\n return this.plugins;\n }\n _get(id, typedRegistry, type) {\n const item = typedRegistry.get(id);\n if (item === undefined) {\n throw new Error('\"' + id + '\" is not a registered ' + type + '.');\n }\n return item;\n }\n}\nvar registry = new Registry();\n\nclass ScatterController extends DatasetController {\n update(mode) {\n const meta = this._cachedMeta;\n const {data: points = []} = meta;\n const animationsDisabled = this.chart._animationsDisabled;\n let {start, count} = _getStartAndCountOfVisiblePoints(meta, points, animationsDisabled);\n this._drawStart = start;\n this._drawCount = count;\n if (_scaleRangesChanged(meta)) {\n start = 0;\n count = points.length;\n }\n if (this.options.showLine) {\n const {dataset: line, _dataset} = meta;\n line._chart = this.chart;\n line._datasetIndex = this.index;\n line._decimated = !!_dataset._decimated;\n line.points = points;\n const options = this.resolveDatasetElementOptions(mode);\n options.segment = this.options.segment;\n this.updateElement(line, undefined, {\n animated: !animationsDisabled,\n options\n }, mode);\n }\n this.updateElements(points, start, count, mode);\n }\n addElements() {\n const {showLine} = this.options;\n if (!this.datasetElementType && showLine) {\n this.datasetElementType = registry.getElement('line');\n }\n super.addElements();\n }\n updateElements(points, start, count, mode) {\n const reset = mode === 'reset';\n const {iScale, vScale, _stacked, _dataset} = this._cachedMeta;\n const firstOpts = this.resolveDataElementOptions(start, mode);\n const sharedOptions = this.getSharedOptions(firstOpts);\n const includeOptions = this.includeOptions(mode, sharedOptions);\n const iAxis = iScale.axis;\n const vAxis = vScale.axis;\n const {spanGaps, segment} = this.options;\n const maxGapLength = isNumber(spanGaps) ? spanGaps : Number.POSITIVE_INFINITY;\n const directUpdate = this.chart._animationsDisabled || reset || mode === 'none';\n let prevParsed = start > 0 && this.getParsed(start - 1);\n for (let i = start; i < start + count; ++i) {\n const point = points[i];\n const parsed = this.getParsed(i);\n const properties = directUpdate ? point : {};\n const nullData = isNullOrUndef(parsed[vAxis]);\n const iPixel = properties[iAxis] = iScale.getPixelForValue(parsed[iAxis], i);\n const vPixel = properties[vAxis] = reset || nullData ? vScale.getBasePixel() : vScale.getPixelForValue(_stacked ? this.applyStack(vScale, parsed, _stacked) : parsed[vAxis], i);\n properties.skip = isNaN(iPixel) || isNaN(vPixel) || nullData;\n properties.stop = i > 0 && (Math.abs(parsed[iAxis] - prevParsed[iAxis])) > maxGapLength;\n if (segment) {\n properties.parsed = parsed;\n properties.raw = _dataset.data[i];\n }\n if (includeOptions) {\n properties.options = sharedOptions || this.resolveDataElementOptions(i, point.active ? 'active' : mode);\n }\n if (!directUpdate) {\n this.updateElement(point, i, properties, mode);\n }\n prevParsed = parsed;\n }\n this.updateSharedOptions(sharedOptions, mode, firstOpts);\n }\n getMaxOverflow() {\n const meta = this._cachedMeta;\n const data = meta.data || [];\n if (!this.options.showLine) {\n let max = 0;\n for (let i = data.length - 1; i >= 0; --i) {\n max = Math.max(max, data[i].size(this.resolveDataElementOptions(i)) / 2);\n }\n return max > 0 && max;\n }\n const dataset = meta.dataset;\n const border = dataset.options && dataset.options.borderWidth || 0;\n if (!data.length) {\n return border;\n }\n const firstPoint = data[0].size(this.resolveDataElementOptions(0));\n const lastPoint = data[data.length - 1].size(this.resolveDataElementOptions(data.length - 1));\n return Math.max(border, firstPoint, lastPoint) / 2;\n }\n}\nScatterController.id = 'scatter';\nScatterController.defaults = {\n datasetElementType: false,\n dataElementType: 'point',\n showLine: false,\n fill: false\n};\nScatterController.overrides = {\n interaction: {\n mode: 'point'\n },\n plugins: {\n tooltip: {\n callbacks: {\n title() {\n return '';\n },\n label(item) {\n return '(' + item.label + ', ' + item.formattedValue + ')';\n }\n }\n }\n },\n scales: {\n x: {\n type: 'linear'\n },\n y: {\n type: 'linear'\n }\n }\n};\n\nvar controllers = /*#__PURE__*/Object.freeze({\n__proto__: null,\nBarController: BarController,\nBubbleController: BubbleController,\nDoughnutController: DoughnutController,\nLineController: LineController,\nPolarAreaController: PolarAreaController,\nPieController: PieController,\nRadarController: RadarController,\nScatterController: ScatterController\n});\n\nfunction abstract() {\n throw new Error('This method is not implemented: Check that a complete date adapter is provided.');\n}\nclass DateAdapter {\n constructor(options) {\n this.options = options || {};\n }\n init(chartOptions) {}\n formats() {\n return abstract();\n }\n parse(value, format) {\n return abstract();\n }\n format(timestamp, format) {\n return abstract();\n }\n add(timestamp, amount, unit) {\n return abstract();\n }\n diff(a, b, unit) {\n return abstract();\n }\n startOf(timestamp, unit, weekday) {\n return abstract();\n }\n endOf(timestamp, unit) {\n return abstract();\n }\n}\nDateAdapter.override = function(members) {\n Object.assign(DateAdapter.prototype, members);\n};\nvar adapters = {\n _date: DateAdapter\n};\n\nfunction binarySearch(metaset, axis, value, intersect) {\n const {controller, data, _sorted} = metaset;\n const iScale = controller._cachedMeta.iScale;\n if (iScale && axis === iScale.axis && axis !== 'r' && _sorted && data.length) {\n const lookupMethod = iScale._reversePixels ? _rlookupByKey : _lookupByKey;\n if (!intersect) {\n return lookupMethod(data, axis, value);\n } else if (controller._sharedOptions) {\n const el = data[0];\n const range = typeof el.getRange === 'function' && el.getRange(axis);\n if (range) {\n const start = lookupMethod(data, axis, value - range);\n const end = lookupMethod(data, axis, value + range);\n return {lo: start.lo, hi: end.hi};\n }\n }\n }\n return {lo: 0, hi: data.length - 1};\n}\nfunction evaluateInteractionItems(chart, axis, position, handler, intersect) {\n const metasets = chart.getSortedVisibleDatasetMetas();\n const value = position[axis];\n for (let i = 0, ilen = metasets.length; i < ilen; ++i) {\n const {index, data} = metasets[i];\n const {lo, hi} = binarySearch(metasets[i], axis, value, intersect);\n for (let j = lo; j <= hi; ++j) {\n const element = data[j];\n if (!element.skip) {\n handler(element, index, j);\n }\n }\n }\n}\nfunction getDistanceMetricForAxis(axis) {\n const useX = axis.indexOf('x') !== -1;\n const useY = axis.indexOf('y') !== -1;\n return function(pt1, pt2) {\n const deltaX = useX ? Math.abs(pt1.x - pt2.x) : 0;\n const deltaY = useY ? Math.abs(pt1.y - pt2.y) : 0;\n return Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));\n };\n}\nfunction getIntersectItems(chart, position, axis, useFinalPosition, includeInvisible) {\n const items = [];\n if (!includeInvisible && !chart.isPointInArea(position)) {\n return items;\n }\n const evaluationFunc = function(element, datasetIndex, index) {\n if (!includeInvisible && !_isPointInArea(element, chart.chartArea, 0)) {\n return;\n }\n if (element.inRange(position.x, position.y, useFinalPosition)) {\n items.push({element, datasetIndex, index});\n }\n };\n evaluateInteractionItems(chart, axis, position, evaluationFunc, true);\n return items;\n}\nfunction getNearestRadialItems(chart, position, axis, useFinalPosition) {\n let items = [];\n function evaluationFunc(element, datasetIndex, index) {\n const {startAngle, endAngle} = element.getProps(['startAngle', 'endAngle'], useFinalPosition);\n const {angle} = getAngleFromPoint(element, {x: position.x, y: position.y});\n if (_angleBetween(angle, startAngle, endAngle)) {\n items.push({element, datasetIndex, index});\n }\n }\n evaluateInteractionItems(chart, axis, position, evaluationFunc);\n return items;\n}\nfunction getNearestCartesianItems(chart, position, axis, intersect, useFinalPosition, includeInvisible) {\n let items = [];\n const distanceMetric = getDistanceMetricForAxis(axis);\n let minDistance = Number.POSITIVE_INFINITY;\n function evaluationFunc(element, datasetIndex, index) {\n const inRange = element.inRange(position.x, position.y, useFinalPosition);\n if (intersect && !inRange) {\n return;\n }\n const center = element.getCenterPoint(useFinalPosition);\n const pointInArea = !!includeInvisible || chart.isPointInArea(center);\n if (!pointInArea && !inRange) {\n return;\n }\n const distance = distanceMetric(position, center);\n if (distance < minDistance) {\n items = [{element, datasetIndex, index}];\n minDistance = distance;\n } else if (distance === minDistance) {\n items.push({element, datasetIndex, index});\n }\n }\n evaluateInteractionItems(chart, axis, position, evaluationFunc);\n return items;\n}\nfunction getNearestItems(chart, position, axis, intersect, useFinalPosition, includeInvisible) {\n if (!includeInvisible && !chart.isPointInArea(position)) {\n return [];\n }\n return axis === 'r' && !intersect\n ? getNearestRadialItems(chart, position, axis, useFinalPosition)\n : getNearestCartesianItems(chart, position, axis, intersect, useFinalPosition, includeInvisible);\n}\nfunction getAxisItems(chart, position, axis, intersect, useFinalPosition) {\n const items = [];\n const rangeMethod = axis === 'x' ? 'inXRange' : 'inYRange';\n let intersectsItem = false;\n evaluateInteractionItems(chart, axis, position, (element, datasetIndex, index) => {\n if (element[rangeMethod](position[axis], useFinalPosition)) {\n items.push({element, datasetIndex, index});\n intersectsItem = intersectsItem || element.inRange(position.x, position.y, useFinalPosition);\n }\n });\n if (intersect && !intersectsItem) {\n return [];\n }\n return items;\n}\nvar Interaction = {\n evaluateInteractionItems,\n modes: {\n index(chart, e, options, useFinalPosition) {\n const position = getRelativePosition(e, chart);\n const axis = options.axis || 'x';\n const includeInvisible = options.includeInvisible || false;\n const items = options.intersect\n ? getIntersectItems(chart, position, axis, useFinalPosition, includeInvisible)\n : getNearestItems(chart, position, axis, false, useFinalPosition, includeInvisible);\n const elements = [];\n if (!items.length) {\n return [];\n }\n chart.getSortedVisibleDatasetMetas().forEach((meta) => {\n const index = items[0].index;\n const element = meta.data[index];\n if (element && !element.skip) {\n elements.push({element, datasetIndex: meta.index, index});\n }\n });\n return elements;\n },\n dataset(chart, e, options, useFinalPosition) {\n const position = getRelativePosition(e, chart);\n const axis = options.axis || 'xy';\n const includeInvisible = options.includeInvisible || false;\n let items = options.intersect\n ? getIntersectItems(chart, position, axis, useFinalPosition, includeInvisible) :\n getNearestItems(chart, position, axis, false, useFinalPosition, includeInvisible);\n if (items.length > 0) {\n const datasetIndex = items[0].datasetIndex;\n const data = chart.getDatasetMeta(datasetIndex).data;\n items = [];\n for (let i = 0; i < data.length; ++i) {\n items.push({element: data[i], datasetIndex, index: i});\n }\n }\n return items;\n },\n point(chart, e, options, useFinalPosition) {\n const position = getRelativePosition(e, chart);\n const axis = options.axis || 'xy';\n const includeInvisible = options.includeInvisible || false;\n return getIntersectItems(chart, position, axis, useFinalPosition, includeInvisible);\n },\n nearest(chart, e, options, useFinalPosition) {\n const position = getRelativePosition(e, chart);\n const axis = options.axis || 'xy';\n const includeInvisible = options.includeInvisible || false;\n return getNearestItems(chart, position, axis, options.intersect, useFinalPosition, includeInvisible);\n },\n x(chart, e, options, useFinalPosition) {\n const position = getRelativePosition(e, chart);\n return getAxisItems(chart, position, 'x', options.intersect, useFinalPosition);\n },\n y(chart, e, options, useFinalPosition) {\n const position = getRelativePosition(e, chart);\n return getAxisItems(chart, position, 'y', options.intersect, useFinalPosition);\n }\n }\n};\n\nconst STATIC_POSITIONS = ['left', 'top', 'right', 'bottom'];\nfunction filterByPosition(array, position) {\n return array.filter(v => v.pos === position);\n}\nfunction filterDynamicPositionByAxis(array, axis) {\n return array.filter(v => STATIC_POSITIONS.indexOf(v.pos) === -1 && v.box.axis === axis);\n}\nfunction sortByWeight(array, reverse) {\n return array.sort((a, b) => {\n const v0 = reverse ? b : a;\n const v1 = reverse ? a : b;\n return v0.weight === v1.weight ?\n v0.index - v1.index :\n v0.weight - v1.weight;\n });\n}\nfunction wrapBoxes(boxes) {\n const layoutBoxes = [];\n let i, ilen, box, pos, stack, stackWeight;\n for (i = 0, ilen = (boxes || []).length; i < ilen; ++i) {\n box = boxes[i];\n ({position: pos, options: {stack, stackWeight = 1}} = box);\n layoutBoxes.push({\n index: i,\n box,\n pos,\n horizontal: box.isHorizontal(),\n weight: box.weight,\n stack: stack && (pos + stack),\n stackWeight\n });\n }\n return layoutBoxes;\n}\nfunction buildStacks(layouts) {\n const stacks = {};\n for (const wrap of layouts) {\n const {stack, pos, stackWeight} = wrap;\n if (!stack || !STATIC_POSITIONS.includes(pos)) {\n continue;\n }\n const _stack = stacks[stack] || (stacks[stack] = {count: 0, placed: 0, weight: 0, size: 0});\n _stack.count++;\n _stack.weight += stackWeight;\n }\n return stacks;\n}\nfunction setLayoutDims(layouts, params) {\n const stacks = buildStacks(layouts);\n const {vBoxMaxWidth, hBoxMaxHeight} = params;\n let i, ilen, layout;\n for (i = 0, ilen = layouts.length; i < ilen; ++i) {\n layout = layouts[i];\n const {fullSize} = layout.box;\n const stack = stacks[layout.stack];\n const factor = stack && layout.stackWeight / stack.weight;\n if (layout.horizontal) {\n layout.width = factor ? factor * vBoxMaxWidth : fullSize && params.availableWidth;\n layout.height = hBoxMaxHeight;\n } else {\n layout.width = vBoxMaxWidth;\n layout.height = factor ? factor * hBoxMaxHeight : fullSize && params.availableHeight;\n }\n }\n return stacks;\n}\nfunction buildLayoutBoxes(boxes) {\n const layoutBoxes = wrapBoxes(boxes);\n const fullSize = sortByWeight(layoutBoxes.filter(wrap => wrap.box.fullSize), true);\n const left = sortByWeight(filterByPosition(layoutBoxes, 'left'), true);\n const right = sortByWeight(filterByPosition(layoutBoxes, 'right'));\n const top = sortByWeight(filterByPosition(layoutBoxes, 'top'), true);\n const bottom = sortByWeight(filterByPosition(layoutBoxes, 'bottom'));\n const centerHorizontal = filterDynamicPositionByAxis(layoutBoxes, 'x');\n const centerVertical = filterDynamicPositionByAxis(layoutBoxes, 'y');\n return {\n fullSize,\n leftAndTop: left.concat(top),\n rightAndBottom: right.concat(centerVertical).concat(bottom).concat(centerHorizontal),\n chartArea: filterByPosition(layoutBoxes, 'chartArea'),\n vertical: left.concat(right).concat(centerVertical),\n horizontal: top.concat(bottom).concat(centerHorizontal)\n };\n}\nfunction getCombinedMax(maxPadding, chartArea, a, b) {\n return Math.max(maxPadding[a], chartArea[a]) + Math.max(maxPadding[b], chartArea[b]);\n}\nfunction updateMaxPadding(maxPadding, boxPadding) {\n maxPadding.top = Math.max(maxPadding.top, boxPadding.top);\n maxPadding.left = Math.max(maxPadding.left, boxPadding.left);\n maxPadding.bottom = Math.max(maxPadding.bottom, boxPadding.bottom);\n maxPadding.right = Math.max(maxPadding.right, boxPadding.right);\n}\nfunction updateDims(chartArea, params, layout, stacks) {\n const {pos, box} = layout;\n const maxPadding = chartArea.maxPadding;\n if (!isObject(pos)) {\n if (layout.size) {\n chartArea[pos] -= layout.size;\n }\n const stack = stacks[layout.stack] || {size: 0, count: 1};\n stack.size = Math.max(stack.size, layout.horizontal ? box.height : box.width);\n layout.size = stack.size / stack.count;\n chartArea[pos] += layout.size;\n }\n if (box.getPadding) {\n updateMaxPadding(maxPadding, box.getPadding());\n }\n const newWidth = Math.max(0, params.outerWidth - getCombinedMax(maxPadding, chartArea, 'left', 'right'));\n const newHeight = Math.max(0, params.outerHeight - getCombinedMax(maxPadding, chartArea, 'top', 'bottom'));\n const widthChanged = newWidth !== chartArea.w;\n const heightChanged = newHeight !== chartArea.h;\n chartArea.w = newWidth;\n chartArea.h = newHeight;\n return layout.horizontal\n ? {same: widthChanged, other: heightChanged}\n : {same: heightChanged, other: widthChanged};\n}\nfunction handleMaxPadding(chartArea) {\n const maxPadding = chartArea.maxPadding;\n function updatePos(pos) {\n const change = Math.max(maxPadding[pos] - chartArea[pos], 0);\n chartArea[pos] += change;\n return change;\n }\n chartArea.y += updatePos('top');\n chartArea.x += updatePos('left');\n updatePos('right');\n updatePos('bottom');\n}\nfunction getMargins(horizontal, chartArea) {\n const maxPadding = chartArea.maxPadding;\n function marginForPositions(positions) {\n const margin = {left: 0, top: 0, right: 0, bottom: 0};\n positions.forEach((pos) => {\n margin[pos] = Math.max(chartArea[pos], maxPadding[pos]);\n });\n return margin;\n }\n return horizontal\n ? marginForPositions(['left', 'right'])\n : marginForPositions(['top', 'bottom']);\n}\nfunction fitBoxes(boxes, chartArea, params, stacks) {\n const refitBoxes = [];\n let i, ilen, layout, box, refit, changed;\n for (i = 0, ilen = boxes.length, refit = 0; i < ilen; ++i) {\n layout = boxes[i];\n box = layout.box;\n box.update(\n layout.width || chartArea.w,\n layout.height || chartArea.h,\n getMargins(layout.horizontal, chartArea)\n );\n const {same, other} = updateDims(chartArea, params, layout, stacks);\n refit |= same && refitBoxes.length;\n changed = changed || other;\n if (!box.fullSize) {\n refitBoxes.push(layout);\n }\n }\n return refit && fitBoxes(refitBoxes, chartArea, params, stacks) || changed;\n}\nfunction setBoxDims(box, left, top, width, height) {\n box.top = top;\n box.left = left;\n box.right = left + width;\n box.bottom = top + height;\n box.width = width;\n box.height = height;\n}\nfunction placeBoxes(boxes, chartArea, params, stacks) {\n const userPadding = params.padding;\n let {x, y} = chartArea;\n for (const layout of boxes) {\n const box = layout.box;\n const stack = stacks[layout.stack] || {count: 1, placed: 0, weight: 1};\n const weight = (layout.stackWeight / stack.weight) || 1;\n if (layout.horizontal) {\n const width = chartArea.w * weight;\n const height = stack.size || box.height;\n if (defined(stack.start)) {\n y = stack.start;\n }\n if (box.fullSize) {\n setBoxDims(box, userPadding.left, y, params.outerWidth - userPadding.right - userPadding.left, height);\n } else {\n setBoxDims(box, chartArea.left + stack.placed, y, width, height);\n }\n stack.start = y;\n stack.placed += width;\n y = box.bottom;\n } else {\n const height = chartArea.h * weight;\n const width = stack.size || box.width;\n if (defined(stack.start)) {\n x = stack.start;\n }\n if (box.fullSize) {\n setBoxDims(box, x, userPadding.top, width, params.outerHeight - userPadding.bottom - userPadding.top);\n } else {\n setBoxDims(box, x, chartArea.top + stack.placed, width, height);\n }\n stack.start = x;\n stack.placed += height;\n x = box.right;\n }\n }\n chartArea.x = x;\n chartArea.y = y;\n}\ndefaults.set('layout', {\n autoPadding: true,\n padding: {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n }\n});\nvar layouts = {\n addBox(chart, item) {\n if (!chart.boxes) {\n chart.boxes = [];\n }\n item.fullSize = item.fullSize || false;\n item.position = item.position || 'top';\n item.weight = item.weight || 0;\n item._layers = item._layers || function() {\n return [{\n z: 0,\n draw(chartArea) {\n item.draw(chartArea);\n }\n }];\n };\n chart.boxes.push(item);\n },\n removeBox(chart, layoutItem) {\n const index = chart.boxes ? chart.boxes.indexOf(layoutItem) : -1;\n if (index !== -1) {\n chart.boxes.splice(index, 1);\n }\n },\n configure(chart, item, options) {\n item.fullSize = options.fullSize;\n item.position = options.position;\n item.weight = options.weight;\n },\n update(chart, width, height, minPadding) {\n if (!chart) {\n return;\n }\n const padding = toPadding(chart.options.layout.padding);\n const availableWidth = Math.max(width - padding.width, 0);\n const availableHeight = Math.max(height - padding.height, 0);\n const boxes = buildLayoutBoxes(chart.boxes);\n const verticalBoxes = boxes.vertical;\n const horizontalBoxes = boxes.horizontal;\n each(chart.boxes, box => {\n if (typeof box.beforeLayout === 'function') {\n box.beforeLayout();\n }\n });\n const visibleVerticalBoxCount = verticalBoxes.reduce((total, wrap) =>\n wrap.box.options && wrap.box.options.display === false ? total : total + 1, 0) || 1;\n const params = Object.freeze({\n outerWidth: width,\n outerHeight: height,\n padding,\n availableWidth,\n availableHeight,\n vBoxMaxWidth: availableWidth / 2 / visibleVerticalBoxCount,\n hBoxMaxHeight: availableHeight / 2\n });\n const maxPadding = Object.assign({}, padding);\n updateMaxPadding(maxPadding, toPadding(minPadding));\n const chartArea = Object.assign({\n maxPadding,\n w: availableWidth,\n h: availableHeight,\n x: padding.left,\n y: padding.top\n }, padding);\n const stacks = setLayoutDims(verticalBoxes.concat(horizontalBoxes), params);\n fitBoxes(boxes.fullSize, chartArea, params, stacks);\n fitBoxes(verticalBoxes, chartArea, params, stacks);\n if (fitBoxes(horizontalBoxes, chartArea, params, stacks)) {\n fitBoxes(verticalBoxes, chartArea, params, stacks);\n }\n handleMaxPadding(chartArea);\n placeBoxes(boxes.leftAndTop, chartArea, params, stacks);\n chartArea.x += chartArea.w;\n chartArea.y += chartArea.h;\n placeBoxes(boxes.rightAndBottom, chartArea, params, stacks);\n chart.chartArea = {\n left: chartArea.left,\n top: chartArea.top,\n right: chartArea.left + chartArea.w,\n bottom: chartArea.top + chartArea.h,\n height: chartArea.h,\n width: chartArea.w,\n };\n each(boxes.chartArea, (layout) => {\n const box = layout.box;\n Object.assign(box, chart.chartArea);\n box.update(chartArea.w, chartArea.h, {left: 0, top: 0, right: 0, bottom: 0});\n });\n }\n};\n\nclass BasePlatform {\n acquireContext(canvas, aspectRatio) {}\n releaseContext(context) {\n return false;\n }\n addEventListener(chart, type, listener) {}\n removeEventListener(chart, type, listener) {}\n getDevicePixelRatio() {\n return 1;\n }\n getMaximumSize(element, width, height, aspectRatio) {\n width = Math.max(0, width || element.width);\n height = height || element.height;\n return {\n width,\n height: Math.max(0, aspectRatio ? Math.floor(width / aspectRatio) : height)\n };\n }\n isAttached(canvas) {\n return true;\n }\n updateConfig(config) {\n }\n}\n\nclass BasicPlatform extends BasePlatform {\n acquireContext(item) {\n return item && item.getContext && item.getContext('2d') || null;\n }\n updateConfig(config) {\n config.options.animation = false;\n }\n}\n\nconst EXPANDO_KEY = '$chartjs';\nconst EVENT_TYPES = {\n touchstart: 'mousedown',\n touchmove: 'mousemove',\n touchend: 'mouseup',\n pointerenter: 'mouseenter',\n pointerdown: 'mousedown',\n pointermove: 'mousemove',\n pointerup: 'mouseup',\n pointerleave: 'mouseout',\n pointerout: 'mouseout'\n};\nconst isNullOrEmpty = value => value === null || value === '';\nfunction initCanvas(canvas, aspectRatio) {\n const style = canvas.style;\n const renderHeight = canvas.getAttribute('height');\n const renderWidth = canvas.getAttribute('width');\n canvas[EXPANDO_KEY] = {\n initial: {\n height: renderHeight,\n width: renderWidth,\n style: {\n display: style.display,\n height: style.height,\n width: style.width\n }\n }\n };\n style.display = style.display || 'block';\n style.boxSizing = style.boxSizing || 'border-box';\n if (isNullOrEmpty(renderWidth)) {\n const displayWidth = readUsedSize(canvas, 'width');\n if (displayWidth !== undefined) {\n canvas.width = displayWidth;\n }\n }\n if (isNullOrEmpty(renderHeight)) {\n if (canvas.style.height === '') {\n canvas.height = canvas.width / (aspectRatio || 2);\n } else {\n const displayHeight = readUsedSize(canvas, 'height');\n if (displayHeight !== undefined) {\n canvas.height = displayHeight;\n }\n }\n }\n return canvas;\n}\nconst eventListenerOptions = supportsEventListenerOptions ? {passive: true} : false;\nfunction addListener(node, type, listener) {\n node.addEventListener(type, listener, eventListenerOptions);\n}\nfunction removeListener(chart, type, listener) {\n chart.canvas.removeEventListener(type, listener, eventListenerOptions);\n}\nfunction fromNativeEvent(event, chart) {\n const type = EVENT_TYPES[event.type] || event.type;\n const {x, y} = getRelativePosition(event, chart);\n return {\n type,\n chart,\n native: event,\n x: x !== undefined ? x : null,\n y: y !== undefined ? y : null,\n };\n}\nfunction nodeListContains(nodeList, canvas) {\n for (const node of nodeList) {\n if (node === canvas || node.contains(canvas)) {\n return true;\n }\n }\n}\nfunction createAttachObserver(chart, type, listener) {\n const canvas = chart.canvas;\n const observer = new MutationObserver(entries => {\n let trigger = false;\n for (const entry of entries) {\n trigger = trigger || nodeListContains(entry.addedNodes, canvas);\n trigger = trigger && !nodeListContains(entry.removedNodes, canvas);\n }\n if (trigger) {\n listener();\n }\n });\n observer.observe(document, {childList: true, subtree: true});\n return observer;\n}\nfunction createDetachObserver(chart, type, listener) {\n const canvas = chart.canvas;\n const observer = new MutationObserver(entries => {\n let trigger = false;\n for (const entry of entries) {\n trigger = trigger || nodeListContains(entry.removedNodes, canvas);\n trigger = trigger && !nodeListContains(entry.addedNodes, canvas);\n }\n if (trigger) {\n listener();\n }\n });\n observer.observe(document, {childList: true, subtree: true});\n return observer;\n}\nconst drpListeningCharts = new Map();\nlet oldDevicePixelRatio = 0;\nfunction onWindowResize() {\n const dpr = window.devicePixelRatio;\n if (dpr === oldDevicePixelRatio) {\n return;\n }\n oldDevicePixelRatio = dpr;\n drpListeningCharts.forEach((resize, chart) => {\n if (chart.currentDevicePixelRatio !== dpr) {\n resize();\n }\n });\n}\nfunction listenDevicePixelRatioChanges(chart, resize) {\n if (!drpListeningCharts.size) {\n window.addEventListener('resize', onWindowResize);\n }\n drpListeningCharts.set(chart, resize);\n}\nfunction unlistenDevicePixelRatioChanges(chart) {\n drpListeningCharts.delete(chart);\n if (!drpListeningCharts.size) {\n window.removeEventListener('resize', onWindowResize);\n }\n}\nfunction createResizeObserver(chart, type, listener) {\n const canvas = chart.canvas;\n const container = canvas && _getParentNode(canvas);\n if (!container) {\n return;\n }\n const resize = throttled((width, height) => {\n const w = container.clientWidth;\n listener(width, height);\n if (w < container.clientWidth) {\n listener();\n }\n }, window);\n const observer = new ResizeObserver(entries => {\n const entry = entries[0];\n const width = entry.contentRect.width;\n const height = entry.contentRect.height;\n if (width === 0 && height === 0) {\n return;\n }\n resize(width, height);\n });\n observer.observe(container);\n listenDevicePixelRatioChanges(chart, resize);\n return observer;\n}\nfunction releaseObserver(chart, type, observer) {\n if (observer) {\n observer.disconnect();\n }\n if (type === 'resize') {\n unlistenDevicePixelRatioChanges(chart);\n }\n}\nfunction createProxyAndListen(chart, type, listener) {\n const canvas = chart.canvas;\n const proxy = throttled((event) => {\n if (chart.ctx !== null) {\n listener(fromNativeEvent(event, chart));\n }\n }, chart, (args) => {\n const event = args[0];\n return [event, event.offsetX, event.offsetY];\n });\n addListener(canvas, type, proxy);\n return proxy;\n}\nclass DomPlatform extends BasePlatform {\n acquireContext(canvas, aspectRatio) {\n const context = canvas && canvas.getContext && canvas.getContext('2d');\n if (context && context.canvas === canvas) {\n initCanvas(canvas, aspectRatio);\n return context;\n }\n return null;\n }\n releaseContext(context) {\n const canvas = context.canvas;\n if (!canvas[EXPANDO_KEY]) {\n return false;\n }\n const initial = canvas[EXPANDO_KEY].initial;\n ['height', 'width'].forEach((prop) => {\n const value = initial[prop];\n if (isNullOrUndef(value)) {\n canvas.removeAttribute(prop);\n } else {\n canvas.setAttribute(prop, value);\n }\n });\n const style = initial.style || {};\n Object.keys(style).forEach((key) => {\n canvas.style[key] = style[key];\n });\n canvas.width = canvas.width;\n delete canvas[EXPANDO_KEY];\n return true;\n }\n addEventListener(chart, type, listener) {\n this.removeEventListener(chart, type);\n const proxies = chart.$proxies || (chart.$proxies = {});\n const handlers = {\n attach: createAttachObserver,\n detach: createDetachObserver,\n resize: createResizeObserver\n };\n const handler = handlers[type] || createProxyAndListen;\n proxies[type] = handler(chart, type, listener);\n }\n removeEventListener(chart, type) {\n const proxies = chart.$proxies || (chart.$proxies = {});\n const proxy = proxies[type];\n if (!proxy) {\n return;\n }\n const handlers = {\n attach: releaseObserver,\n detach: releaseObserver,\n resize: releaseObserver\n };\n const handler = handlers[type] || removeListener;\n handler(chart, type, proxy);\n proxies[type] = undefined;\n }\n getDevicePixelRatio() {\n return window.devicePixelRatio;\n }\n getMaximumSize(canvas, width, height, aspectRatio) {\n return getMaximumSize(canvas, width, height, aspectRatio);\n }\n isAttached(canvas) {\n const container = _getParentNode(canvas);\n return !!(container && container.isConnected);\n }\n}\n\nfunction _detectPlatform(canvas) {\n if (!_isDomSupported() || (typeof OffscreenCanvas !== 'undefined' && canvas instanceof OffscreenCanvas)) {\n return BasicPlatform;\n }\n return DomPlatform;\n}\n\nclass PluginService {\n constructor() {\n this._init = [];\n }\n notify(chart, hook, args, filter) {\n if (hook === 'beforeInit') {\n this._init = this._createDescriptors(chart, true);\n this._notify(this._init, chart, 'install');\n }\n const descriptors = filter ? this._descriptors(chart).filter(filter) : this._descriptors(chart);\n const result = this._notify(descriptors, chart, hook, args);\n if (hook === 'afterDestroy') {\n this._notify(descriptors, chart, 'stop');\n this._notify(this._init, chart, 'uninstall');\n }\n return result;\n }\n _notify(descriptors, chart, hook, args) {\n args = args || {};\n for (const descriptor of descriptors) {\n const plugin = descriptor.plugin;\n const method = plugin[hook];\n const params = [chart, args, descriptor.options];\n if (callback(method, params, plugin) === false && args.cancelable) {\n return false;\n }\n }\n return true;\n }\n invalidate() {\n if (!isNullOrUndef(this._cache)) {\n this._oldCache = this._cache;\n this._cache = undefined;\n }\n }\n _descriptors(chart) {\n if (this._cache) {\n return this._cache;\n }\n const descriptors = this._cache = this._createDescriptors(chart);\n this._notifyStateChanges(chart);\n return descriptors;\n }\n _createDescriptors(chart, all) {\n const config = chart && chart.config;\n const options = valueOrDefault(config.options && config.options.plugins, {});\n const plugins = allPlugins(config);\n return options === false && !all ? [] : createDescriptors(chart, plugins, options, all);\n }\n _notifyStateChanges(chart) {\n const previousDescriptors = this._oldCache || [];\n const descriptors = this._cache;\n const diff = (a, b) => a.filter(x => !b.some(y => x.plugin.id === y.plugin.id));\n this._notify(diff(previousDescriptors, descriptors), chart, 'stop');\n this._notify(diff(descriptors, previousDescriptors), chart, 'start');\n }\n}\nfunction allPlugins(config) {\n const localIds = {};\n const plugins = [];\n const keys = Object.keys(registry.plugins.items);\n for (let i = 0; i < keys.length; i++) {\n plugins.push(registry.getPlugin(keys[i]));\n }\n const local = config.plugins || [];\n for (let i = 0; i < local.length; i++) {\n const plugin = local[i];\n if (plugins.indexOf(plugin) === -1) {\n plugins.push(plugin);\n localIds[plugin.id] = true;\n }\n }\n return {plugins, localIds};\n}\nfunction getOpts(options, all) {\n if (!all && options === false) {\n return null;\n }\n if (options === true) {\n return {};\n }\n return options;\n}\nfunction createDescriptors(chart, {plugins, localIds}, options, all) {\n const result = [];\n const context = chart.getContext();\n for (const plugin of plugins) {\n const id = plugin.id;\n const opts = getOpts(options[id], all);\n if (opts === null) {\n continue;\n }\n result.push({\n plugin,\n options: pluginOpts(chart.config, {plugin, local: localIds[id]}, opts, context)\n });\n }\n return result;\n}\nfunction pluginOpts(config, {plugin, local}, opts, context) {\n const keys = config.pluginScopeKeys(plugin);\n const scopes = config.getOptionScopes(opts, keys);\n if (local && plugin.defaults) {\n scopes.push(plugin.defaults);\n }\n return config.createResolver(scopes, context, [''], {\n scriptable: false,\n indexable: false,\n allKeys: true\n });\n}\n\nfunction getIndexAxis(type, options) {\n const datasetDefaults = defaults.datasets[type] || {};\n const datasetOptions = (options.datasets || {})[type] || {};\n return datasetOptions.indexAxis || options.indexAxis || datasetDefaults.indexAxis || 'x';\n}\nfunction getAxisFromDefaultScaleID(id, indexAxis) {\n let axis = id;\n if (id === '_index_') {\n axis = indexAxis;\n } else if (id === '_value_') {\n axis = indexAxis === 'x' ? 'y' : 'x';\n }\n return axis;\n}\nfunction getDefaultScaleIDFromAxis(axis, indexAxis) {\n return axis === indexAxis ? '_index_' : '_value_';\n}\nfunction axisFromPosition(position) {\n if (position === 'top' || position === 'bottom') {\n return 'x';\n }\n if (position === 'left' || position === 'right') {\n return 'y';\n }\n}\nfunction determineAxis(id, scaleOptions) {\n if (id === 'x' || id === 'y') {\n return id;\n }\n return scaleOptions.axis || axisFromPosition(scaleOptions.position) || id.charAt(0).toLowerCase();\n}\nfunction mergeScaleConfig(config, options) {\n const chartDefaults = overrides[config.type] || {scales: {}};\n const configScales = options.scales || {};\n const chartIndexAxis = getIndexAxis(config.type, options);\n const firstIDs = Object.create(null);\n const scales = Object.create(null);\n Object.keys(configScales).forEach(id => {\n const scaleConf = configScales[id];\n if (!isObject(scaleConf)) {\n return console.error(`Invalid scale configuration for scale: ${id}`);\n }\n if (scaleConf._proxy) {\n return console.warn(`Ignoring resolver passed as options for scale: ${id}`);\n }\n const axis = determineAxis(id, scaleConf);\n const defaultId = getDefaultScaleIDFromAxis(axis, chartIndexAxis);\n const defaultScaleOptions = chartDefaults.scales || {};\n firstIDs[axis] = firstIDs[axis] || id;\n scales[id] = mergeIf(Object.create(null), [{axis}, scaleConf, defaultScaleOptions[axis], defaultScaleOptions[defaultId]]);\n });\n config.data.datasets.forEach(dataset => {\n const type = dataset.type || config.type;\n const indexAxis = dataset.indexAxis || getIndexAxis(type, options);\n const datasetDefaults = overrides[type] || {};\n const defaultScaleOptions = datasetDefaults.scales || {};\n Object.keys(defaultScaleOptions).forEach(defaultID => {\n const axis = getAxisFromDefaultScaleID(defaultID, indexAxis);\n const id = dataset[axis + 'AxisID'] || firstIDs[axis] || axis;\n scales[id] = scales[id] || Object.create(null);\n mergeIf(scales[id], [{axis}, configScales[id], defaultScaleOptions[defaultID]]);\n });\n });\n Object.keys(scales).forEach(key => {\n const scale = scales[key];\n mergeIf(scale, [defaults.scales[scale.type], defaults.scale]);\n });\n return scales;\n}\nfunction initOptions(config) {\n const options = config.options || (config.options = {});\n options.plugins = valueOrDefault(options.plugins, {});\n options.scales = mergeScaleConfig(config, options);\n}\nfunction initData(data) {\n data = data || {};\n data.datasets = data.datasets || [];\n data.labels = data.labels || [];\n return data;\n}\nfunction initConfig(config) {\n config = config || {};\n config.data = initData(config.data);\n initOptions(config);\n return config;\n}\nconst keyCache = new Map();\nconst keysCached = new Set();\nfunction cachedKeys(cacheKey, generate) {\n let keys = keyCache.get(cacheKey);\n if (!keys) {\n keys = generate();\n keyCache.set(cacheKey, keys);\n keysCached.add(keys);\n }\n return keys;\n}\nconst addIfFound = (set, obj, key) => {\n const opts = resolveObjectKey(obj, key);\n if (opts !== undefined) {\n set.add(opts);\n }\n};\nclass Config {\n constructor(config) {\n this._config = initConfig(config);\n this._scopeCache = new Map();\n this._resolverCache = new Map();\n }\n get platform() {\n return this._config.platform;\n }\n get type() {\n return this._config.type;\n }\n set type(type) {\n this._config.type = type;\n }\n get data() {\n return this._config.data;\n }\n set data(data) {\n this._config.data = initData(data);\n }\n get options() {\n return this._config.options;\n }\n set options(options) {\n this._config.options = options;\n }\n get plugins() {\n return this._config.plugins;\n }\n update() {\n const config = this._config;\n this.clearCache();\n initOptions(config);\n }\n clearCache() {\n this._scopeCache.clear();\n this._resolverCache.clear();\n }\n datasetScopeKeys(datasetType) {\n return cachedKeys(datasetType,\n () => [[\n `datasets.${datasetType}`,\n ''\n ]]);\n }\n datasetAnimationScopeKeys(datasetType, transition) {\n return cachedKeys(`${datasetType}.transition.${transition}`,\n () => [\n [\n `datasets.${datasetType}.transitions.${transition}`,\n `transitions.${transition}`,\n ],\n [\n `datasets.${datasetType}`,\n ''\n ]\n ]);\n }\n datasetElementScopeKeys(datasetType, elementType) {\n return cachedKeys(`${datasetType}-${elementType}`,\n () => [[\n `datasets.${datasetType}.elements.${elementType}`,\n `datasets.${datasetType}`,\n `elements.${elementType}`,\n ''\n ]]);\n }\n pluginScopeKeys(plugin) {\n const id = plugin.id;\n const type = this.type;\n return cachedKeys(`${type}-plugin-${id}`,\n () => [[\n `plugins.${id}`,\n ...plugin.additionalOptionScopes || [],\n ]]);\n }\n _cachedScopes(mainScope, resetCache) {\n const _scopeCache = this._scopeCache;\n let cache = _scopeCache.get(mainScope);\n if (!cache || resetCache) {\n cache = new Map();\n _scopeCache.set(mainScope, cache);\n }\n return cache;\n }\n getOptionScopes(mainScope, keyLists, resetCache) {\n const {options, type} = this;\n const cache = this._cachedScopes(mainScope, resetCache);\n const cached = cache.get(keyLists);\n if (cached) {\n return cached;\n }\n const scopes = new Set();\n keyLists.forEach(keys => {\n if (mainScope) {\n scopes.add(mainScope);\n keys.forEach(key => addIfFound(scopes, mainScope, key));\n }\n keys.forEach(key => addIfFound(scopes, options, key));\n keys.forEach(key => addIfFound(scopes, overrides[type] || {}, key));\n keys.forEach(key => addIfFound(scopes, defaults, key));\n keys.forEach(key => addIfFound(scopes, descriptors, key));\n });\n const array = Array.from(scopes);\n if (array.length === 0) {\n array.push(Object.create(null));\n }\n if (keysCached.has(keyLists)) {\n cache.set(keyLists, array);\n }\n return array;\n }\n chartOptionScopes() {\n const {options, type} = this;\n return [\n options,\n overrides[type] || {},\n defaults.datasets[type] || {},\n {type},\n defaults,\n descriptors\n ];\n }\n resolveNamedOptions(scopes, names, context, prefixes = ['']) {\n const result = {$shared: true};\n const {resolver, subPrefixes} = getResolver(this._resolverCache, scopes, prefixes);\n let options = resolver;\n if (needContext(resolver, names)) {\n result.$shared = false;\n context = isFunction(context) ? context() : context;\n const subResolver = this.createResolver(scopes, context, subPrefixes);\n options = _attachContext(resolver, context, subResolver);\n }\n for (const prop of names) {\n result[prop] = options[prop];\n }\n return result;\n }\n createResolver(scopes, context, prefixes = [''], descriptorDefaults) {\n const {resolver} = getResolver(this._resolverCache, scopes, prefixes);\n return isObject(context)\n ? _attachContext(resolver, context, undefined, descriptorDefaults)\n : resolver;\n }\n}\nfunction getResolver(resolverCache, scopes, prefixes) {\n let cache = resolverCache.get(scopes);\n if (!cache) {\n cache = new Map();\n resolverCache.set(scopes, cache);\n }\n const cacheKey = prefixes.join();\n let cached = cache.get(cacheKey);\n if (!cached) {\n const resolver = _createResolver(scopes, prefixes);\n cached = {\n resolver,\n subPrefixes: prefixes.filter(p => !p.toLowerCase().includes('hover'))\n };\n cache.set(cacheKey, cached);\n }\n return cached;\n}\nconst hasFunction = value => isObject(value)\n && Object.getOwnPropertyNames(value).reduce((acc, key) => acc || isFunction(value[key]), false);\nfunction needContext(proxy, names) {\n const {isScriptable, isIndexable} = _descriptors(proxy);\n for (const prop of names) {\n const scriptable = isScriptable(prop);\n const indexable = isIndexable(prop);\n const value = (indexable || scriptable) && proxy[prop];\n if ((scriptable && (isFunction(value) || hasFunction(value)))\n || (indexable && isArray(value))) {\n return true;\n }\n }\n return false;\n}\n\nvar version = \"3.9.1\";\n\nconst KNOWN_POSITIONS = ['top', 'bottom', 'left', 'right', 'chartArea'];\nfunction positionIsHorizontal(position, axis) {\n return position === 'top' || position === 'bottom' || (KNOWN_POSITIONS.indexOf(position) === -1 && axis === 'x');\n}\nfunction compare2Level(l1, l2) {\n return function(a, b) {\n return a[l1] === b[l1]\n ? a[l2] - b[l2]\n : a[l1] - b[l1];\n };\n}\nfunction onAnimationsComplete(context) {\n const chart = context.chart;\n const animationOptions = chart.options.animation;\n chart.notifyPlugins('afterRender');\n callback(animationOptions && animationOptions.onComplete, [context], chart);\n}\nfunction onAnimationProgress(context) {\n const chart = context.chart;\n const animationOptions = chart.options.animation;\n callback(animationOptions && animationOptions.onProgress, [context], chart);\n}\nfunction getCanvas(item) {\n if (_isDomSupported() && typeof item === 'string') {\n item = document.getElementById(item);\n } else if (item && item.length) {\n item = item[0];\n }\n if (item && item.canvas) {\n item = item.canvas;\n }\n return item;\n}\nconst instances = {};\nconst getChart = (key) => {\n const canvas = getCanvas(key);\n return Object.values(instances).filter((c) => c.canvas === canvas).pop();\n};\nfunction moveNumericKeys(obj, start, move) {\n const keys = Object.keys(obj);\n for (const key of keys) {\n const intKey = +key;\n if (intKey >= start) {\n const value = obj[key];\n delete obj[key];\n if (move > 0 || intKey > start) {\n obj[intKey + move] = value;\n }\n }\n }\n}\nfunction determineLastEvent(e, lastEvent, inChartArea, isClick) {\n if (!inChartArea || e.type === 'mouseout') {\n return null;\n }\n if (isClick) {\n return lastEvent;\n }\n return e;\n}\nclass Chart {\n constructor(item, userConfig) {\n const config = this.config = new Config(userConfig);\n const initialCanvas = getCanvas(item);\n const existingChart = getChart(initialCanvas);\n if (existingChart) {\n throw new Error(\n 'Canvas is already in use. Chart with ID \\'' + existingChart.id + '\\'' +\n\t\t\t\t' must be destroyed before the canvas with ID \\'' + existingChart.canvas.id + '\\' can be reused.'\n );\n }\n const options = config.createResolver(config.chartOptionScopes(), this.getContext());\n this.platform = new (config.platform || _detectPlatform(initialCanvas))();\n this.platform.updateConfig(config);\n const context = this.platform.acquireContext(initialCanvas, options.aspectRatio);\n const canvas = context && context.canvas;\n const height = canvas && canvas.height;\n const width = canvas && canvas.width;\n this.id = uid();\n this.ctx = context;\n this.canvas = canvas;\n this.width = width;\n this.height = height;\n this._options = options;\n this._aspectRatio = this.aspectRatio;\n this._layers = [];\n this._metasets = [];\n this._stacks = undefined;\n this.boxes = [];\n this.currentDevicePixelRatio = undefined;\n this.chartArea = undefined;\n this._active = [];\n this._lastEvent = undefined;\n this._listeners = {};\n this._responsiveListeners = undefined;\n this._sortedMetasets = [];\n this.scales = {};\n this._plugins = new PluginService();\n this.$proxies = {};\n this._hiddenIndices = {};\n this.attached = false;\n this._animationsDisabled = undefined;\n this.$context = undefined;\n this._doResize = debounce(mode => this.update(mode), options.resizeDelay || 0);\n this._dataChanges = [];\n instances[this.id] = this;\n if (!context || !canvas) {\n console.error(\"Failed to create chart: can't acquire context from the given item\");\n return;\n }\n animator.listen(this, 'complete', onAnimationsComplete);\n animator.listen(this, 'progress', onAnimationProgress);\n this._initialize();\n if (this.attached) {\n this.update();\n }\n }\n get aspectRatio() {\n const {options: {aspectRatio, maintainAspectRatio}, width, height, _aspectRatio} = this;\n if (!isNullOrUndef(aspectRatio)) {\n return aspectRatio;\n }\n if (maintainAspectRatio && _aspectRatio) {\n return _aspectRatio;\n }\n return height ? width / height : null;\n }\n get data() {\n return this.config.data;\n }\n set data(data) {\n this.config.data = data;\n }\n get options() {\n return this._options;\n }\n set options(options) {\n this.config.options = options;\n }\n _initialize() {\n this.notifyPlugins('beforeInit');\n if (this.options.responsive) {\n this.resize();\n } else {\n retinaScale(this, this.options.devicePixelRatio);\n }\n this.bindEvents();\n this.notifyPlugins('afterInit');\n return this;\n }\n clear() {\n clearCanvas(this.canvas, this.ctx);\n return this;\n }\n stop() {\n animator.stop(this);\n return this;\n }\n resize(width, height) {\n if (!animator.running(this)) {\n this._resize(width, height);\n } else {\n this._resizeBeforeDraw = {width, height};\n }\n }\n _resize(width, height) {\n const options = this.options;\n const canvas = this.canvas;\n const aspectRatio = options.maintainAspectRatio && this.aspectRatio;\n const newSize = this.platform.getMaximumSize(canvas, width, height, aspectRatio);\n const newRatio = options.devicePixelRatio || this.platform.getDevicePixelRatio();\n const mode = this.width ? 'resize' : 'attach';\n this.width = newSize.width;\n this.height = newSize.height;\n this._aspectRatio = this.aspectRatio;\n if (!retinaScale(this, newRatio, true)) {\n return;\n }\n this.notifyPlugins('resize', {size: newSize});\n callback(options.onResize, [this, newSize], this);\n if (this.attached) {\n if (this._doResize(mode)) {\n this.render();\n }\n }\n }\n ensureScalesHaveIDs() {\n const options = this.options;\n const scalesOptions = options.scales || {};\n each(scalesOptions, (axisOptions, axisID) => {\n axisOptions.id = axisID;\n });\n }\n buildOrUpdateScales() {\n const options = this.options;\n const scaleOpts = options.scales;\n const scales = this.scales;\n const updated = Object.keys(scales).reduce((obj, id) => {\n obj[id] = false;\n return obj;\n }, {});\n let items = [];\n if (scaleOpts) {\n items = items.concat(\n Object.keys(scaleOpts).map((id) => {\n const scaleOptions = scaleOpts[id];\n const axis = determineAxis(id, scaleOptions);\n const isRadial = axis === 'r';\n const isHorizontal = axis === 'x';\n return {\n options: scaleOptions,\n dposition: isRadial ? 'chartArea' : isHorizontal ? 'bottom' : 'left',\n dtype: isRadial ? 'radialLinear' : isHorizontal ? 'category' : 'linear'\n };\n })\n );\n }\n each(items, (item) => {\n const scaleOptions = item.options;\n const id = scaleOptions.id;\n const axis = determineAxis(id, scaleOptions);\n const scaleType = valueOrDefault(scaleOptions.type, item.dtype);\n if (scaleOptions.position === undefined || positionIsHorizontal(scaleOptions.position, axis) !== positionIsHorizontal(item.dposition)) {\n scaleOptions.position = item.dposition;\n }\n updated[id] = true;\n let scale = null;\n if (id in scales && scales[id].type === scaleType) {\n scale = scales[id];\n } else {\n const scaleClass = registry.getScale(scaleType);\n scale = new scaleClass({\n id,\n type: scaleType,\n ctx: this.ctx,\n chart: this\n });\n scales[scale.id] = scale;\n }\n scale.init(scaleOptions, options);\n });\n each(updated, (hasUpdated, id) => {\n if (!hasUpdated) {\n delete scales[id];\n }\n });\n each(scales, (scale) => {\n layouts.configure(this, scale, scale.options);\n layouts.addBox(this, scale);\n });\n }\n _updateMetasets() {\n const metasets = this._metasets;\n const numData = this.data.datasets.length;\n const numMeta = metasets.length;\n metasets.sort((a, b) => a.index - b.index);\n if (numMeta > numData) {\n for (let i = numData; i < numMeta; ++i) {\n this._destroyDatasetMeta(i);\n }\n metasets.splice(numData, numMeta - numData);\n }\n this._sortedMetasets = metasets.slice(0).sort(compare2Level('order', 'index'));\n }\n _removeUnreferencedMetasets() {\n const {_metasets: metasets, data: {datasets}} = this;\n if (metasets.length > datasets.length) {\n delete this._stacks;\n }\n metasets.forEach((meta, index) => {\n if (datasets.filter(x => x === meta._dataset).length === 0) {\n this._destroyDatasetMeta(index);\n }\n });\n }\n buildOrUpdateControllers() {\n const newControllers = [];\n const datasets = this.data.datasets;\n let i, ilen;\n this._removeUnreferencedMetasets();\n for (i = 0, ilen = datasets.length; i < ilen; i++) {\n const dataset = datasets[i];\n let meta = this.getDatasetMeta(i);\n const type = dataset.type || this.config.type;\n if (meta.type && meta.type !== type) {\n this._destroyDatasetMeta(i);\n meta = this.getDatasetMeta(i);\n }\n meta.type = type;\n meta.indexAxis = dataset.indexAxis || getIndexAxis(type, this.options);\n meta.order = dataset.order || 0;\n meta.index = i;\n meta.label = '' + dataset.label;\n meta.visible = this.isDatasetVisible(i);\n if (meta.controller) {\n meta.controller.updateIndex(i);\n meta.controller.linkScales();\n } else {\n const ControllerClass = registry.getController(type);\n const {datasetElementType, dataElementType} = defaults.datasets[type];\n Object.assign(ControllerClass.prototype, {\n dataElementType: registry.getElement(dataElementType),\n datasetElementType: datasetElementType && registry.getElement(datasetElementType)\n });\n meta.controller = new ControllerClass(this, i);\n newControllers.push(meta.controller);\n }\n }\n this._updateMetasets();\n return newControllers;\n }\n _resetElements() {\n each(this.data.datasets, (dataset, datasetIndex) => {\n this.getDatasetMeta(datasetIndex).controller.reset();\n }, this);\n }\n reset() {\n this._resetElements();\n this.notifyPlugins('reset');\n }\n update(mode) {\n const config = this.config;\n config.update();\n const options = this._options = config.createResolver(config.chartOptionScopes(), this.getContext());\n const animsDisabled = this._animationsDisabled = !options.animation;\n this._updateScales();\n this._checkEventBindings();\n this._updateHiddenIndices();\n this._plugins.invalidate();\n if (this.notifyPlugins('beforeUpdate', {mode, cancelable: true}) === false) {\n return;\n }\n const newControllers = this.buildOrUpdateControllers();\n this.notifyPlugins('beforeElementsUpdate');\n let minPadding = 0;\n for (let i = 0, ilen = this.data.datasets.length; i < ilen; i++) {\n const {controller} = this.getDatasetMeta(i);\n const reset = !animsDisabled && newControllers.indexOf(controller) === -1;\n controller.buildOrUpdateElements(reset);\n minPadding = Math.max(+controller.getMaxOverflow(), minPadding);\n }\n minPadding = this._minPadding = options.layout.autoPadding ? minPadding : 0;\n this._updateLayout(minPadding);\n if (!animsDisabled) {\n each(newControllers, (controller) => {\n controller.reset();\n });\n }\n this._updateDatasets(mode);\n this.notifyPlugins('afterUpdate', {mode});\n this._layers.sort(compare2Level('z', '_idx'));\n const {_active, _lastEvent} = this;\n if (_lastEvent) {\n this._eventHandler(_lastEvent, true);\n } else if (_active.length) {\n this._updateHoverStyles(_active, _active, true);\n }\n this.render();\n }\n _updateScales() {\n each(this.scales, (scale) => {\n layouts.removeBox(this, scale);\n });\n this.ensureScalesHaveIDs();\n this.buildOrUpdateScales();\n }\n _checkEventBindings() {\n const options = this.options;\n const existingEvents = new Set(Object.keys(this._listeners));\n const newEvents = new Set(options.events);\n if (!setsEqual(existingEvents, newEvents) || !!this._responsiveListeners !== options.responsive) {\n this.unbindEvents();\n this.bindEvents();\n }\n }\n _updateHiddenIndices() {\n const {_hiddenIndices} = this;\n const changes = this._getUniformDataChanges() || [];\n for (const {method, start, count} of changes) {\n const move = method === '_removeElements' ? -count : count;\n moveNumericKeys(_hiddenIndices, start, move);\n }\n }\n _getUniformDataChanges() {\n const _dataChanges = this._dataChanges;\n if (!_dataChanges || !_dataChanges.length) {\n return;\n }\n this._dataChanges = [];\n const datasetCount = this.data.datasets.length;\n const makeSet = (idx) => new Set(\n _dataChanges\n .filter(c => c[0] === idx)\n .map((c, i) => i + ',' + c.splice(1).join(','))\n );\n const changeSet = makeSet(0);\n for (let i = 1; i < datasetCount; i++) {\n if (!setsEqual(changeSet, makeSet(i))) {\n return;\n }\n }\n return Array.from(changeSet)\n .map(c => c.split(','))\n .map(a => ({method: a[1], start: +a[2], count: +a[3]}));\n }\n _updateLayout(minPadding) {\n if (this.notifyPlugins('beforeLayout', {cancelable: true}) === false) {\n return;\n }\n layouts.update(this, this.width, this.height, minPadding);\n const area = this.chartArea;\n const noArea = area.width <= 0 || area.height <= 0;\n this._layers = [];\n each(this.boxes, (box) => {\n if (noArea && box.position === 'chartArea') {\n return;\n }\n if (box.configure) {\n box.configure();\n }\n this._layers.push(...box._layers());\n }, this);\n this._layers.forEach((item, index) => {\n item._idx = index;\n });\n this.notifyPlugins('afterLayout');\n }\n _updateDatasets(mode) {\n if (this.notifyPlugins('beforeDatasetsUpdate', {mode, cancelable: true}) === false) {\n return;\n }\n for (let i = 0, ilen = this.data.datasets.length; i < ilen; ++i) {\n this.getDatasetMeta(i).controller.configure();\n }\n for (let i = 0, ilen = this.data.datasets.length; i < ilen; ++i) {\n this._updateDataset(i, isFunction(mode) ? mode({datasetIndex: i}) : mode);\n }\n this.notifyPlugins('afterDatasetsUpdate', {mode});\n }\n _updateDataset(index, mode) {\n const meta = this.getDatasetMeta(index);\n const args = {meta, index, mode, cancelable: true};\n if (this.notifyPlugins('beforeDatasetUpdate', args) === false) {\n return;\n }\n meta.controller._update(mode);\n args.cancelable = false;\n this.notifyPlugins('afterDatasetUpdate', args);\n }\n render() {\n if (this.notifyPlugins('beforeRender', {cancelable: true}) === false) {\n return;\n }\n if (animator.has(this)) {\n if (this.attached && !animator.running(this)) {\n animator.start(this);\n }\n } else {\n this.draw();\n onAnimationsComplete({chart: this});\n }\n }\n draw() {\n let i;\n if (this._resizeBeforeDraw) {\n const {width, height} = this._resizeBeforeDraw;\n this._resize(width, height);\n this._resizeBeforeDraw = null;\n }\n this.clear();\n if (this.width <= 0 || this.height <= 0) {\n return;\n }\n if (this.notifyPlugins('beforeDraw', {cancelable: true}) === false) {\n return;\n }\n const layers = this._layers;\n for (i = 0; i < layers.length && layers[i].z <= 0; ++i) {\n layers[i].draw(this.chartArea);\n }\n this._drawDatasets();\n for (; i < layers.length; ++i) {\n layers[i].draw(this.chartArea);\n }\n this.notifyPlugins('afterDraw');\n }\n _getSortedDatasetMetas(filterVisible) {\n const metasets = this._sortedMetasets;\n const result = [];\n let i, ilen;\n for (i = 0, ilen = metasets.length; i < ilen; ++i) {\n const meta = metasets[i];\n if (!filterVisible || meta.visible) {\n result.push(meta);\n }\n }\n return result;\n }\n getSortedVisibleDatasetMetas() {\n return this._getSortedDatasetMetas(true);\n }\n _drawDatasets() {\n if (this.notifyPlugins('beforeDatasetsDraw', {cancelable: true}) === false) {\n return;\n }\n const metasets = this.getSortedVisibleDatasetMetas();\n for (let i = metasets.length - 1; i >= 0; --i) {\n this._drawDataset(metasets[i]);\n }\n this.notifyPlugins('afterDatasetsDraw');\n }\n _drawDataset(meta) {\n const ctx = this.ctx;\n const clip = meta._clip;\n const useClip = !clip.disabled;\n const area = this.chartArea;\n const args = {\n meta,\n index: meta.index,\n cancelable: true\n };\n if (this.notifyPlugins('beforeDatasetDraw', args) === false) {\n return;\n }\n if (useClip) {\n clipArea(ctx, {\n left: clip.left === false ? 0 : area.left - clip.left,\n right: clip.right === false ? this.width : area.right + clip.right,\n top: clip.top === false ? 0 : area.top - clip.top,\n bottom: clip.bottom === false ? this.height : area.bottom + clip.bottom\n });\n }\n meta.controller.draw();\n if (useClip) {\n unclipArea(ctx);\n }\n args.cancelable = false;\n this.notifyPlugins('afterDatasetDraw', args);\n }\n isPointInArea(point) {\n return _isPointInArea(point, this.chartArea, this._minPadding);\n }\n getElementsAtEventForMode(e, mode, options, useFinalPosition) {\n const method = Interaction.modes[mode];\n if (typeof method === 'function') {\n return method(this, e, options, useFinalPosition);\n }\n return [];\n }\n getDatasetMeta(datasetIndex) {\n const dataset = this.data.datasets[datasetIndex];\n const metasets = this._metasets;\n let meta = metasets.filter(x => x && x._dataset === dataset).pop();\n if (!meta) {\n meta = {\n type: null,\n data: [],\n dataset: null,\n controller: null,\n hidden: null,\n xAxisID: null,\n yAxisID: null,\n order: dataset && dataset.order || 0,\n index: datasetIndex,\n _dataset: dataset,\n _parsed: [],\n _sorted: false\n };\n metasets.push(meta);\n }\n return meta;\n }\n getContext() {\n return this.$context || (this.$context = createContext(null, {chart: this, type: 'chart'}));\n }\n getVisibleDatasetCount() {\n return this.getSortedVisibleDatasetMetas().length;\n }\n isDatasetVisible(datasetIndex) {\n const dataset = this.data.datasets[datasetIndex];\n if (!dataset) {\n return false;\n }\n const meta = this.getDatasetMeta(datasetIndex);\n return typeof meta.hidden === 'boolean' ? !meta.hidden : !dataset.hidden;\n }\n setDatasetVisibility(datasetIndex, visible) {\n const meta = this.getDatasetMeta(datasetIndex);\n meta.hidden = !visible;\n }\n toggleDataVisibility(index) {\n this._hiddenIndices[index] = !this._hiddenIndices[index];\n }\n getDataVisibility(index) {\n return !this._hiddenIndices[index];\n }\n _updateVisibility(datasetIndex, dataIndex, visible) {\n const mode = visible ? 'show' : 'hide';\n const meta = this.getDatasetMeta(datasetIndex);\n const anims = meta.controller._resolveAnimations(undefined, mode);\n if (defined(dataIndex)) {\n meta.data[dataIndex].hidden = !visible;\n this.update();\n } else {\n this.setDatasetVisibility(datasetIndex, visible);\n anims.update(meta, {visible});\n this.update((ctx) => ctx.datasetIndex === datasetIndex ? mode : undefined);\n }\n }\n hide(datasetIndex, dataIndex) {\n this._updateVisibility(datasetIndex, dataIndex, false);\n }\n show(datasetIndex, dataIndex) {\n this._updateVisibility(datasetIndex, dataIndex, true);\n }\n _destroyDatasetMeta(datasetIndex) {\n const meta = this._metasets[datasetIndex];\n if (meta && meta.controller) {\n meta.controller._destroy();\n }\n delete this._metasets[datasetIndex];\n }\n _stop() {\n let i, ilen;\n this.stop();\n animator.remove(this);\n for (i = 0, ilen = this.data.datasets.length; i < ilen; ++i) {\n this._destroyDatasetMeta(i);\n }\n }\n destroy() {\n this.notifyPlugins('beforeDestroy');\n const {canvas, ctx} = this;\n this._stop();\n this.config.clearCache();\n if (canvas) {\n this.unbindEvents();\n clearCanvas(canvas, ctx);\n this.platform.releaseContext(ctx);\n this.canvas = null;\n this.ctx = null;\n }\n this.notifyPlugins('destroy');\n delete instances[this.id];\n this.notifyPlugins('afterDestroy');\n }\n toBase64Image(...args) {\n return this.canvas.toDataURL(...args);\n }\n bindEvents() {\n this.bindUserEvents();\n if (this.options.responsive) {\n this.bindResponsiveEvents();\n } else {\n this.attached = true;\n }\n }\n bindUserEvents() {\n const listeners = this._listeners;\n const platform = this.platform;\n const _add = (type, listener) => {\n platform.addEventListener(this, type, listener);\n listeners[type] = listener;\n };\n const listener = (e, x, y) => {\n e.offsetX = x;\n e.offsetY = y;\n this._eventHandler(e);\n };\n each(this.options.events, (type) => _add(type, listener));\n }\n bindResponsiveEvents() {\n if (!this._responsiveListeners) {\n this._responsiveListeners = {};\n }\n const listeners = this._responsiveListeners;\n const platform = this.platform;\n const _add = (type, listener) => {\n platform.addEventListener(this, type, listener);\n listeners[type] = listener;\n };\n const _remove = (type, listener) => {\n if (listeners[type]) {\n platform.removeEventListener(this, type, listener);\n delete listeners[type];\n }\n };\n const listener = (width, height) => {\n if (this.canvas) {\n this.resize(width, height);\n }\n };\n let detached;\n const attached = () => {\n _remove('attach', attached);\n this.attached = true;\n this.resize();\n _add('resize', listener);\n _add('detach', detached);\n };\n detached = () => {\n this.attached = false;\n _remove('resize', listener);\n this._stop();\n this._resize(0, 0);\n _add('attach', attached);\n };\n if (platform.isAttached(this.canvas)) {\n attached();\n } else {\n detached();\n }\n }\n unbindEvents() {\n each(this._listeners, (listener, type) => {\n this.platform.removeEventListener(this, type, listener);\n });\n this._listeners = {};\n each(this._responsiveListeners, (listener, type) => {\n this.platform.removeEventListener(this, type, listener);\n });\n this._responsiveListeners = undefined;\n }\n updateHoverStyle(items, mode, enabled) {\n const prefix = enabled ? 'set' : 'remove';\n let meta, item, i, ilen;\n if (mode === 'dataset') {\n meta = this.getDatasetMeta(items[0].datasetIndex);\n meta.controller['_' + prefix + 'DatasetHoverStyle']();\n }\n for (i = 0, ilen = items.length; i < ilen; ++i) {\n item = items[i];\n const controller = item && this.getDatasetMeta(item.datasetIndex).controller;\n if (controller) {\n controller[prefix + 'HoverStyle'](item.element, item.datasetIndex, item.index);\n }\n }\n }\n getActiveElements() {\n return this._active || [];\n }\n setActiveElements(activeElements) {\n const lastActive = this._active || [];\n const active = activeElements.map(({datasetIndex, index}) => {\n const meta = this.getDatasetMeta(datasetIndex);\n if (!meta) {\n throw new Error('No dataset found at index ' + datasetIndex);\n }\n return {\n datasetIndex,\n element: meta.data[index],\n index,\n };\n });\n const changed = !_elementsEqual(active, lastActive);\n if (changed) {\n this._active = active;\n this._lastEvent = null;\n this._updateHoverStyles(active, lastActive);\n }\n }\n notifyPlugins(hook, args, filter) {\n return this._plugins.notify(this, hook, args, filter);\n }\n _updateHoverStyles(active, lastActive, replay) {\n const hoverOptions = this.options.hover;\n const diff = (a, b) => a.filter(x => !b.some(y => x.datasetIndex === y.datasetIndex && x.index === y.index));\n const deactivated = diff(lastActive, active);\n const activated = replay ? active : diff(active, lastActive);\n if (deactivated.length) {\n this.updateHoverStyle(deactivated, hoverOptions.mode, false);\n }\n if (activated.length && hoverOptions.mode) {\n this.updateHoverStyle(activated, hoverOptions.mode, true);\n }\n }\n _eventHandler(e, replay) {\n const args = {\n event: e,\n replay,\n cancelable: true,\n inChartArea: this.isPointInArea(e)\n };\n const eventFilter = (plugin) => (plugin.options.events || this.options.events).includes(e.native.type);\n if (this.notifyPlugins('beforeEvent', args, eventFilter) === false) {\n return;\n }\n const changed = this._handleEvent(e, replay, args.inChartArea);\n args.cancelable = false;\n this.notifyPlugins('afterEvent', args, eventFilter);\n if (changed || args.changed) {\n this.render();\n }\n return this;\n }\n _handleEvent(e, replay, inChartArea) {\n const {_active: lastActive = [], options} = this;\n const useFinalPosition = replay;\n const active = this._getActiveElements(e, lastActive, inChartArea, useFinalPosition);\n const isClick = _isClickEvent(e);\n const lastEvent = determineLastEvent(e, this._lastEvent, inChartArea, isClick);\n if (inChartArea) {\n this._lastEvent = null;\n callback(options.onHover, [e, active, this], this);\n if (isClick) {\n callback(options.onClick, [e, active, this], this);\n }\n }\n const changed = !_elementsEqual(active, lastActive);\n if (changed || replay) {\n this._active = active;\n this._updateHoverStyles(active, lastActive, replay);\n }\n this._lastEvent = lastEvent;\n return changed;\n }\n _getActiveElements(e, lastActive, inChartArea, useFinalPosition) {\n if (e.type === 'mouseout') {\n return [];\n }\n if (!inChartArea) {\n return lastActive;\n }\n const hoverOptions = this.options.hover;\n return this.getElementsAtEventForMode(e, hoverOptions.mode, hoverOptions, useFinalPosition);\n }\n}\nconst invalidatePlugins = () => each(Chart.instances, (chart) => chart._plugins.invalidate());\nconst enumerable = true;\nObject.defineProperties(Chart, {\n defaults: {\n enumerable,\n value: defaults\n },\n instances: {\n enumerable,\n value: instances\n },\n overrides: {\n enumerable,\n value: overrides\n },\n registry: {\n enumerable,\n value: registry\n },\n version: {\n enumerable,\n value: version\n },\n getChart: {\n enumerable,\n value: getChart\n },\n register: {\n enumerable,\n value: (...items) => {\n registry.add(...items);\n invalidatePlugins();\n }\n },\n unregister: {\n enumerable,\n value: (...items) => {\n registry.remove(...items);\n invalidatePlugins();\n }\n }\n});\n\nfunction clipArc(ctx, element, endAngle) {\n const {startAngle, pixelMargin, x, y, outerRadius, innerRadius} = element;\n let angleMargin = pixelMargin / outerRadius;\n ctx.beginPath();\n ctx.arc(x, y, outerRadius, startAngle - angleMargin, endAngle + angleMargin);\n if (innerRadius > pixelMargin) {\n angleMargin = pixelMargin / innerRadius;\n ctx.arc(x, y, innerRadius, endAngle + angleMargin, startAngle - angleMargin, true);\n } else {\n ctx.arc(x, y, pixelMargin, endAngle + HALF_PI, startAngle - HALF_PI);\n }\n ctx.closePath();\n ctx.clip();\n}\nfunction toRadiusCorners(value) {\n return _readValueToProps(value, ['outerStart', 'outerEnd', 'innerStart', 'innerEnd']);\n}\nfunction parseBorderRadius$1(arc, innerRadius, outerRadius, angleDelta) {\n const o = toRadiusCorners(arc.options.borderRadius);\n const halfThickness = (outerRadius - innerRadius) / 2;\n const innerLimit = Math.min(halfThickness, angleDelta * innerRadius / 2);\n const computeOuterLimit = (val) => {\n const outerArcLimit = (outerRadius - Math.min(halfThickness, val)) * angleDelta / 2;\n return _limitValue(val, 0, Math.min(halfThickness, outerArcLimit));\n };\n return {\n outerStart: computeOuterLimit(o.outerStart),\n outerEnd: computeOuterLimit(o.outerEnd),\n innerStart: _limitValue(o.innerStart, 0, innerLimit),\n innerEnd: _limitValue(o.innerEnd, 0, innerLimit),\n };\n}\nfunction rThetaToXY(r, theta, x, y) {\n return {\n x: x + r * Math.cos(theta),\n y: y + r * Math.sin(theta),\n };\n}\nfunction pathArc(ctx, element, offset, spacing, end, circular) {\n const {x, y, startAngle: start, pixelMargin, innerRadius: innerR} = element;\n const outerRadius = Math.max(element.outerRadius + spacing + offset - pixelMargin, 0);\n const innerRadius = innerR > 0 ? innerR + spacing + offset + pixelMargin : 0;\n let spacingOffset = 0;\n const alpha = end - start;\n if (spacing) {\n const noSpacingInnerRadius = innerR > 0 ? innerR - spacing : 0;\n const noSpacingOuterRadius = outerRadius > 0 ? outerRadius - spacing : 0;\n const avNogSpacingRadius = (noSpacingInnerRadius + noSpacingOuterRadius) / 2;\n const adjustedAngle = avNogSpacingRadius !== 0 ? (alpha * avNogSpacingRadius) / (avNogSpacingRadius + spacing) : alpha;\n spacingOffset = (alpha - adjustedAngle) / 2;\n }\n const beta = Math.max(0.001, alpha * outerRadius - offset / PI) / outerRadius;\n const angleOffset = (alpha - beta) / 2;\n const startAngle = start + angleOffset + spacingOffset;\n const endAngle = end - angleOffset - spacingOffset;\n const {outerStart, outerEnd, innerStart, innerEnd} = parseBorderRadius$1(element, innerRadius, outerRadius, endAngle - startAngle);\n const outerStartAdjustedRadius = outerRadius - outerStart;\n const outerEndAdjustedRadius = outerRadius - outerEnd;\n const outerStartAdjustedAngle = startAngle + outerStart / outerStartAdjustedRadius;\n const outerEndAdjustedAngle = endAngle - outerEnd / outerEndAdjustedRadius;\n const innerStartAdjustedRadius = innerRadius + innerStart;\n const innerEndAdjustedRadius = innerRadius + innerEnd;\n const innerStartAdjustedAngle = startAngle + innerStart / innerStartAdjustedRadius;\n const innerEndAdjustedAngle = endAngle - innerEnd / innerEndAdjustedRadius;\n ctx.beginPath();\n if (circular) {\n ctx.arc(x, y, outerRadius, outerStartAdjustedAngle, outerEndAdjustedAngle);\n if (outerEnd > 0) {\n const pCenter = rThetaToXY(outerEndAdjustedRadius, outerEndAdjustedAngle, x, y);\n ctx.arc(pCenter.x, pCenter.y, outerEnd, outerEndAdjustedAngle, endAngle + HALF_PI);\n }\n const p4 = rThetaToXY(innerEndAdjustedRadius, endAngle, x, y);\n ctx.lineTo(p4.x, p4.y);\n if (innerEnd > 0) {\n const pCenter = rThetaToXY(innerEndAdjustedRadius, innerEndAdjustedAngle, x, y);\n ctx.arc(pCenter.x, pCenter.y, innerEnd, endAngle + HALF_PI, innerEndAdjustedAngle + Math.PI);\n }\n ctx.arc(x, y, innerRadius, endAngle - (innerEnd / innerRadius), startAngle + (innerStart / innerRadius), true);\n if (innerStart > 0) {\n const pCenter = rThetaToXY(innerStartAdjustedRadius, innerStartAdjustedAngle, x, y);\n ctx.arc(pCenter.x, pCenter.y, innerStart, innerStartAdjustedAngle + Math.PI, startAngle - HALF_PI);\n }\n const p8 = rThetaToXY(outerStartAdjustedRadius, startAngle, x, y);\n ctx.lineTo(p8.x, p8.y);\n if (outerStart > 0) {\n const pCenter = rThetaToXY(outerStartAdjustedRadius, outerStartAdjustedAngle, x, y);\n ctx.arc(pCenter.x, pCenter.y, outerStart, startAngle - HALF_PI, outerStartAdjustedAngle);\n }\n } else {\n ctx.moveTo(x, y);\n const outerStartX = Math.cos(outerStartAdjustedAngle) * outerRadius + x;\n const outerStartY = Math.sin(outerStartAdjustedAngle) * outerRadius + y;\n ctx.lineTo(outerStartX, outerStartY);\n const outerEndX = Math.cos(outerEndAdjustedAngle) * outerRadius + x;\n const outerEndY = Math.sin(outerEndAdjustedAngle) * outerRadius + y;\n ctx.lineTo(outerEndX, outerEndY);\n }\n ctx.closePath();\n}\nfunction drawArc(ctx, element, offset, spacing, circular) {\n const {fullCircles, startAngle, circumference} = element;\n let endAngle = element.endAngle;\n if (fullCircles) {\n pathArc(ctx, element, offset, spacing, startAngle + TAU, circular);\n for (let i = 0; i < fullCircles; ++i) {\n ctx.fill();\n }\n if (!isNaN(circumference)) {\n endAngle = startAngle + circumference % TAU;\n if (circumference % TAU === 0) {\n endAngle += TAU;\n }\n }\n }\n pathArc(ctx, element, offset, spacing, endAngle, circular);\n ctx.fill();\n return endAngle;\n}\nfunction drawFullCircleBorders(ctx, element, inner) {\n const {x, y, startAngle, pixelMargin, fullCircles} = element;\n const outerRadius = Math.max(element.outerRadius - pixelMargin, 0);\n const innerRadius = element.innerRadius + pixelMargin;\n let i;\n if (inner) {\n clipArc(ctx, element, startAngle + TAU);\n }\n ctx.beginPath();\n ctx.arc(x, y, innerRadius, startAngle + TAU, startAngle, true);\n for (i = 0; i < fullCircles; ++i) {\n ctx.stroke();\n }\n ctx.beginPath();\n ctx.arc(x, y, outerRadius, startAngle, startAngle + TAU);\n for (i = 0; i < fullCircles; ++i) {\n ctx.stroke();\n }\n}\nfunction drawBorder(ctx, element, offset, spacing, endAngle, circular) {\n const {options} = element;\n const {borderWidth, borderJoinStyle} = options;\n const inner = options.borderAlign === 'inner';\n if (!borderWidth) {\n return;\n }\n if (inner) {\n ctx.lineWidth = borderWidth * 2;\n ctx.lineJoin = borderJoinStyle || 'round';\n } else {\n ctx.lineWidth = borderWidth;\n ctx.lineJoin = borderJoinStyle || 'bevel';\n }\n if (element.fullCircles) {\n drawFullCircleBorders(ctx, element, inner);\n }\n if (inner) {\n clipArc(ctx, element, endAngle);\n }\n pathArc(ctx, element, offset, spacing, endAngle, circular);\n ctx.stroke();\n}\nclass ArcElement extends Element {\n constructor(cfg) {\n super();\n this.options = undefined;\n this.circumference = undefined;\n this.startAngle = undefined;\n this.endAngle = undefined;\n this.innerRadius = undefined;\n this.outerRadius = undefined;\n this.pixelMargin = 0;\n this.fullCircles = 0;\n if (cfg) {\n Object.assign(this, cfg);\n }\n }\n inRange(chartX, chartY, useFinalPosition) {\n const point = this.getProps(['x', 'y'], useFinalPosition);\n const {angle, distance} = getAngleFromPoint(point, {x: chartX, y: chartY});\n const {startAngle, endAngle, innerRadius, outerRadius, circumference} = this.getProps([\n 'startAngle',\n 'endAngle',\n 'innerRadius',\n 'outerRadius',\n 'circumference'\n ], useFinalPosition);\n const rAdjust = this.options.spacing / 2;\n const _circumference = valueOrDefault(circumference, endAngle - startAngle);\n const betweenAngles = _circumference >= TAU || _angleBetween(angle, startAngle, endAngle);\n const withinRadius = _isBetween(distance, innerRadius + rAdjust, outerRadius + rAdjust);\n return (betweenAngles && withinRadius);\n }\n getCenterPoint(useFinalPosition) {\n const {x, y, startAngle, endAngle, innerRadius, outerRadius} = this.getProps([\n 'x',\n 'y',\n 'startAngle',\n 'endAngle',\n 'innerRadius',\n 'outerRadius',\n 'circumference',\n ], useFinalPosition);\n const {offset, spacing} = this.options;\n const halfAngle = (startAngle + endAngle) / 2;\n const halfRadius = (innerRadius + outerRadius + spacing + offset) / 2;\n return {\n x: x + Math.cos(halfAngle) * halfRadius,\n y: y + Math.sin(halfAngle) * halfRadius\n };\n }\n tooltipPosition(useFinalPosition) {\n return this.getCenterPoint(useFinalPosition);\n }\n draw(ctx) {\n const {options, circumference} = this;\n const offset = (options.offset || 0) / 2;\n const spacing = (options.spacing || 0) / 2;\n const circular = options.circular;\n this.pixelMargin = (options.borderAlign === 'inner') ? 0.33 : 0;\n this.fullCircles = circumference > TAU ? Math.floor(circumference / TAU) : 0;\n if (circumference === 0 || this.innerRadius < 0 || this.outerRadius < 0) {\n return;\n }\n ctx.save();\n let radiusOffset = 0;\n if (offset) {\n radiusOffset = offset / 2;\n const halfAngle = (this.startAngle + this.endAngle) / 2;\n ctx.translate(Math.cos(halfAngle) * radiusOffset, Math.sin(halfAngle) * radiusOffset);\n if (this.circumference >= PI) {\n radiusOffset = offset;\n }\n }\n ctx.fillStyle = options.backgroundColor;\n ctx.strokeStyle = options.borderColor;\n const endAngle = drawArc(ctx, this, radiusOffset, spacing, circular);\n drawBorder(ctx, this, radiusOffset, spacing, endAngle, circular);\n ctx.restore();\n }\n}\nArcElement.id = 'arc';\nArcElement.defaults = {\n borderAlign: 'center',\n borderColor: '#fff',\n borderJoinStyle: undefined,\n borderRadius: 0,\n borderWidth: 2,\n offset: 0,\n spacing: 0,\n angle: undefined,\n circular: true,\n};\nArcElement.defaultRoutes = {\n backgroundColor: 'backgroundColor'\n};\n\nfunction setStyle(ctx, options, style = options) {\n ctx.lineCap = valueOrDefault(style.borderCapStyle, options.borderCapStyle);\n ctx.setLineDash(valueOrDefault(style.borderDash, options.borderDash));\n ctx.lineDashOffset = valueOrDefault(style.borderDashOffset, options.borderDashOffset);\n ctx.lineJoin = valueOrDefault(style.borderJoinStyle, options.borderJoinStyle);\n ctx.lineWidth = valueOrDefault(style.borderWidth, options.borderWidth);\n ctx.strokeStyle = valueOrDefault(style.borderColor, options.borderColor);\n}\nfunction lineTo(ctx, previous, target) {\n ctx.lineTo(target.x, target.y);\n}\nfunction getLineMethod(options) {\n if (options.stepped) {\n return _steppedLineTo;\n }\n if (options.tension || options.cubicInterpolationMode === 'monotone') {\n return _bezierCurveTo;\n }\n return lineTo;\n}\nfunction pathVars(points, segment, params = {}) {\n const count = points.length;\n const {start: paramsStart = 0, end: paramsEnd = count - 1} = params;\n const {start: segmentStart, end: segmentEnd} = segment;\n const start = Math.max(paramsStart, segmentStart);\n const end = Math.min(paramsEnd, segmentEnd);\n const outside = paramsStart < segmentStart && paramsEnd < segmentStart || paramsStart > segmentEnd && paramsEnd > segmentEnd;\n return {\n count,\n start,\n loop: segment.loop,\n ilen: end < start && !outside ? count + end - start : end - start\n };\n}\nfunction pathSegment(ctx, line, segment, params) {\n const {points, options} = line;\n const {count, start, loop, ilen} = pathVars(points, segment, params);\n const lineMethod = getLineMethod(options);\n let {move = true, reverse} = params || {};\n let i, point, prev;\n for (i = 0; i <= ilen; ++i) {\n point = points[(start + (reverse ? ilen - i : i)) % count];\n if (point.skip) {\n continue;\n } else if (move) {\n ctx.moveTo(point.x, point.y);\n move = false;\n } else {\n lineMethod(ctx, prev, point, reverse, options.stepped);\n }\n prev = point;\n }\n if (loop) {\n point = points[(start + (reverse ? ilen : 0)) % count];\n lineMethod(ctx, prev, point, reverse, options.stepped);\n }\n return !!loop;\n}\nfunction fastPathSegment(ctx, line, segment, params) {\n const points = line.points;\n const {count, start, ilen} = pathVars(points, segment, params);\n const {move = true, reverse} = params || {};\n let avgX = 0;\n let countX = 0;\n let i, point, prevX, minY, maxY, lastY;\n const pointIndex = (index) => (start + (reverse ? ilen - index : index)) % count;\n const drawX = () => {\n if (minY !== maxY) {\n ctx.lineTo(avgX, maxY);\n ctx.lineTo(avgX, minY);\n ctx.lineTo(avgX, lastY);\n }\n };\n if (move) {\n point = points[pointIndex(0)];\n ctx.moveTo(point.x, point.y);\n }\n for (i = 0; i <= ilen; ++i) {\n point = points[pointIndex(i)];\n if (point.skip) {\n continue;\n }\n const x = point.x;\n const y = point.y;\n const truncX = x | 0;\n if (truncX === prevX) {\n if (y < minY) {\n minY = y;\n } else if (y > maxY) {\n maxY = y;\n }\n avgX = (countX * avgX + x) / ++countX;\n } else {\n drawX();\n ctx.lineTo(x, y);\n prevX = truncX;\n countX = 0;\n minY = maxY = y;\n }\n lastY = y;\n }\n drawX();\n}\nfunction _getSegmentMethod(line) {\n const opts = line.options;\n const borderDash = opts.borderDash && opts.borderDash.length;\n const useFastPath = !line._decimated && !line._loop && !opts.tension && opts.cubicInterpolationMode !== 'monotone' && !opts.stepped && !borderDash;\n return useFastPath ? fastPathSegment : pathSegment;\n}\nfunction _getInterpolationMethod(options) {\n if (options.stepped) {\n return _steppedInterpolation;\n }\n if (options.tension || options.cubicInterpolationMode === 'monotone') {\n return _bezierInterpolation;\n }\n return _pointInLine;\n}\nfunction strokePathWithCache(ctx, line, start, count) {\n let path = line._path;\n if (!path) {\n path = line._path = new Path2D();\n if (line.path(path, start, count)) {\n path.closePath();\n }\n }\n setStyle(ctx, line.options);\n ctx.stroke(path);\n}\nfunction strokePathDirect(ctx, line, start, count) {\n const {segments, options} = line;\n const segmentMethod = _getSegmentMethod(line);\n for (const segment of segments) {\n setStyle(ctx, options, segment.style);\n ctx.beginPath();\n if (segmentMethod(ctx, line, segment, {start, end: start + count - 1})) {\n ctx.closePath();\n }\n ctx.stroke();\n }\n}\nconst usePath2D = typeof Path2D === 'function';\nfunction draw(ctx, line, start, count) {\n if (usePath2D && !line.options.segment) {\n strokePathWithCache(ctx, line, start, count);\n } else {\n strokePathDirect(ctx, line, start, count);\n }\n}\nclass LineElement extends Element {\n constructor(cfg) {\n super();\n this.animated = true;\n this.options = undefined;\n this._chart = undefined;\n this._loop = undefined;\n this._fullLoop = undefined;\n this._path = undefined;\n this._points = undefined;\n this._segments = undefined;\n this._decimated = false;\n this._pointsUpdated = false;\n this._datasetIndex = undefined;\n if (cfg) {\n Object.assign(this, cfg);\n }\n }\n updateControlPoints(chartArea, indexAxis) {\n const options = this.options;\n if ((options.tension || options.cubicInterpolationMode === 'monotone') && !options.stepped && !this._pointsUpdated) {\n const loop = options.spanGaps ? this._loop : this._fullLoop;\n _updateBezierControlPoints(this._points, options, chartArea, loop, indexAxis);\n this._pointsUpdated = true;\n }\n }\n set points(points) {\n this._points = points;\n delete this._segments;\n delete this._path;\n this._pointsUpdated = false;\n }\n get points() {\n return this._points;\n }\n get segments() {\n return this._segments || (this._segments = _computeSegments(this, this.options.segment));\n }\n first() {\n const segments = this.segments;\n const points = this.points;\n return segments.length && points[segments[0].start];\n }\n last() {\n const segments = this.segments;\n const points = this.points;\n const count = segments.length;\n return count && points[segments[count - 1].end];\n }\n interpolate(point, property) {\n const options = this.options;\n const value = point[property];\n const points = this.points;\n const segments = _boundSegments(this, {property, start: value, end: value});\n if (!segments.length) {\n return;\n }\n const result = [];\n const _interpolate = _getInterpolationMethod(options);\n let i, ilen;\n for (i = 0, ilen = segments.length; i < ilen; ++i) {\n const {start, end} = segments[i];\n const p1 = points[start];\n const p2 = points[end];\n if (p1 === p2) {\n result.push(p1);\n continue;\n }\n const t = Math.abs((value - p1[property]) / (p2[property] - p1[property]));\n const interpolated = _interpolate(p1, p2, t, options.stepped);\n interpolated[property] = point[property];\n result.push(interpolated);\n }\n return result.length === 1 ? result[0] : result;\n }\n pathSegment(ctx, segment, params) {\n const segmentMethod = _getSegmentMethod(this);\n return segmentMethod(ctx, this, segment, params);\n }\n path(ctx, start, count) {\n const segments = this.segments;\n const segmentMethod = _getSegmentMethod(this);\n let loop = this._loop;\n start = start || 0;\n count = count || (this.points.length - start);\n for (const segment of segments) {\n loop &= segmentMethod(ctx, this, segment, {start, end: start + count - 1});\n }\n return !!loop;\n }\n draw(ctx, chartArea, start, count) {\n const options = this.options || {};\n const points = this.points || [];\n if (points.length && options.borderWidth) {\n ctx.save();\n draw(ctx, this, start, count);\n ctx.restore();\n }\n if (this.animated) {\n this._pointsUpdated = false;\n this._path = undefined;\n }\n }\n}\nLineElement.id = 'line';\nLineElement.defaults = {\n borderCapStyle: 'butt',\n borderDash: [],\n borderDashOffset: 0,\n borderJoinStyle: 'miter',\n borderWidth: 3,\n capBezierPoints: true,\n cubicInterpolationMode: 'default',\n fill: false,\n spanGaps: false,\n stepped: false,\n tension: 0,\n};\nLineElement.defaultRoutes = {\n backgroundColor: 'backgroundColor',\n borderColor: 'borderColor'\n};\nLineElement.descriptors = {\n _scriptable: true,\n _indexable: (name) => name !== 'borderDash' && name !== 'fill',\n};\n\nfunction inRange$1(el, pos, axis, useFinalPosition) {\n const options = el.options;\n const {[axis]: value} = el.getProps([axis], useFinalPosition);\n return (Math.abs(pos - value) < options.radius + options.hitRadius);\n}\nclass PointElement extends Element {\n constructor(cfg) {\n super();\n this.options = undefined;\n this.parsed = undefined;\n this.skip = undefined;\n this.stop = undefined;\n if (cfg) {\n Object.assign(this, cfg);\n }\n }\n inRange(mouseX, mouseY, useFinalPosition) {\n const options = this.options;\n const {x, y} = this.getProps(['x', 'y'], useFinalPosition);\n return ((Math.pow(mouseX - x, 2) + Math.pow(mouseY - y, 2)) < Math.pow(options.hitRadius + options.radius, 2));\n }\n inXRange(mouseX, useFinalPosition) {\n return inRange$1(this, mouseX, 'x', useFinalPosition);\n }\n inYRange(mouseY, useFinalPosition) {\n return inRange$1(this, mouseY, 'y', useFinalPosition);\n }\n getCenterPoint(useFinalPosition) {\n const {x, y} = this.getProps(['x', 'y'], useFinalPosition);\n return {x, y};\n }\n size(options) {\n options = options || this.options || {};\n let radius = options.radius || 0;\n radius = Math.max(radius, radius && options.hoverRadius || 0);\n const borderWidth = radius && options.borderWidth || 0;\n return (radius + borderWidth) * 2;\n }\n draw(ctx, area) {\n const options = this.options;\n if (this.skip || options.radius < 0.1 || !_isPointInArea(this, area, this.size(options) / 2)) {\n return;\n }\n ctx.strokeStyle = options.borderColor;\n ctx.lineWidth = options.borderWidth;\n ctx.fillStyle = options.backgroundColor;\n drawPoint(ctx, options, this.x, this.y);\n }\n getRange() {\n const options = this.options || {};\n return options.radius + options.hitRadius;\n }\n}\nPointElement.id = 'point';\nPointElement.defaults = {\n borderWidth: 1,\n hitRadius: 1,\n hoverBorderWidth: 1,\n hoverRadius: 4,\n pointStyle: 'circle',\n radius: 3,\n rotation: 0\n};\nPointElement.defaultRoutes = {\n backgroundColor: 'backgroundColor',\n borderColor: 'borderColor'\n};\n\nfunction getBarBounds(bar, useFinalPosition) {\n const {x, y, base, width, height} = bar.getProps(['x', 'y', 'base', 'width', 'height'], useFinalPosition);\n let left, right, top, bottom, half;\n if (bar.horizontal) {\n half = height / 2;\n left = Math.min(x, base);\n right = Math.max(x, base);\n top = y - half;\n bottom = y + half;\n } else {\n half = width / 2;\n left = x - half;\n right = x + half;\n top = Math.min(y, base);\n bottom = Math.max(y, base);\n }\n return {left, top, right, bottom};\n}\nfunction skipOrLimit(skip, value, min, max) {\n return skip ? 0 : _limitValue(value, min, max);\n}\nfunction parseBorderWidth(bar, maxW, maxH) {\n const value = bar.options.borderWidth;\n const skip = bar.borderSkipped;\n const o = toTRBL(value);\n return {\n t: skipOrLimit(skip.top, o.top, 0, maxH),\n r: skipOrLimit(skip.right, o.right, 0, maxW),\n b: skipOrLimit(skip.bottom, o.bottom, 0, maxH),\n l: skipOrLimit(skip.left, o.left, 0, maxW)\n };\n}\nfunction parseBorderRadius(bar, maxW, maxH) {\n const {enableBorderRadius} = bar.getProps(['enableBorderRadius']);\n const value = bar.options.borderRadius;\n const o = toTRBLCorners(value);\n const maxR = Math.min(maxW, maxH);\n const skip = bar.borderSkipped;\n const enableBorder = enableBorderRadius || isObject(value);\n return {\n topLeft: skipOrLimit(!enableBorder || skip.top || skip.left, o.topLeft, 0, maxR),\n topRight: skipOrLimit(!enableBorder || skip.top || skip.right, o.topRight, 0, maxR),\n bottomLeft: skipOrLimit(!enableBorder || skip.bottom || skip.left, o.bottomLeft, 0, maxR),\n bottomRight: skipOrLimit(!enableBorder || skip.bottom || skip.right, o.bottomRight, 0, maxR)\n };\n}\nfunction boundingRects(bar) {\n const bounds = getBarBounds(bar);\n const width = bounds.right - bounds.left;\n const height = bounds.bottom - bounds.top;\n const border = parseBorderWidth(bar, width / 2, height / 2);\n const radius = parseBorderRadius(bar, width / 2, height / 2);\n return {\n outer: {\n x: bounds.left,\n y: bounds.top,\n w: width,\n h: height,\n radius\n },\n inner: {\n x: bounds.left + border.l,\n y: bounds.top + border.t,\n w: width - border.l - border.r,\n h: height - border.t - border.b,\n radius: {\n topLeft: Math.max(0, radius.topLeft - Math.max(border.t, border.l)),\n topRight: Math.max(0, radius.topRight - Math.max(border.t, border.r)),\n bottomLeft: Math.max(0, radius.bottomLeft - Math.max(border.b, border.l)),\n bottomRight: Math.max(0, radius.bottomRight - Math.max(border.b, border.r)),\n }\n }\n };\n}\nfunction inRange(bar, x, y, useFinalPosition) {\n const skipX = x === null;\n const skipY = y === null;\n const skipBoth = skipX && skipY;\n const bounds = bar && !skipBoth && getBarBounds(bar, useFinalPosition);\n return bounds\n\t\t&& (skipX || _isBetween(x, bounds.left, bounds.right))\n\t\t&& (skipY || _isBetween(y, bounds.top, bounds.bottom));\n}\nfunction hasRadius(radius) {\n return radius.topLeft || radius.topRight || radius.bottomLeft || radius.bottomRight;\n}\nfunction addNormalRectPath(ctx, rect) {\n ctx.rect(rect.x, rect.y, rect.w, rect.h);\n}\nfunction inflateRect(rect, amount, refRect = {}) {\n const x = rect.x !== refRect.x ? -amount : 0;\n const y = rect.y !== refRect.y ? -amount : 0;\n const w = (rect.x + rect.w !== refRect.x + refRect.w ? amount : 0) - x;\n const h = (rect.y + rect.h !== refRect.y + refRect.h ? amount : 0) - y;\n return {\n x: rect.x + x,\n y: rect.y + y,\n w: rect.w + w,\n h: rect.h + h,\n radius: rect.radius\n };\n}\nclass BarElement extends Element {\n constructor(cfg) {\n super();\n this.options = undefined;\n this.horizontal = undefined;\n this.base = undefined;\n this.width = undefined;\n this.height = undefined;\n this.inflateAmount = undefined;\n if (cfg) {\n Object.assign(this, cfg);\n }\n }\n draw(ctx) {\n const {inflateAmount, options: {borderColor, backgroundColor}} = this;\n const {inner, outer} = boundingRects(this);\n const addRectPath = hasRadius(outer.radius) ? addRoundedRectPath : addNormalRectPath;\n ctx.save();\n if (outer.w !== inner.w || outer.h !== inner.h) {\n ctx.beginPath();\n addRectPath(ctx, inflateRect(outer, inflateAmount, inner));\n ctx.clip();\n addRectPath(ctx, inflateRect(inner, -inflateAmount, outer));\n ctx.fillStyle = borderColor;\n ctx.fill('evenodd');\n }\n ctx.beginPath();\n addRectPath(ctx, inflateRect(inner, inflateAmount));\n ctx.fillStyle = backgroundColor;\n ctx.fill();\n ctx.restore();\n }\n inRange(mouseX, mouseY, useFinalPosition) {\n return inRange(this, mouseX, mouseY, useFinalPosition);\n }\n inXRange(mouseX, useFinalPosition) {\n return inRange(this, mouseX, null, useFinalPosition);\n }\n inYRange(mouseY, useFinalPosition) {\n return inRange(this, null, mouseY, useFinalPosition);\n }\n getCenterPoint(useFinalPosition) {\n const {x, y, base, horizontal} = this.getProps(['x', 'y', 'base', 'horizontal'], useFinalPosition);\n return {\n x: horizontal ? (x + base) / 2 : x,\n y: horizontal ? y : (y + base) / 2\n };\n }\n getRange(axis) {\n return axis === 'x' ? this.width / 2 : this.height / 2;\n }\n}\nBarElement.id = 'bar';\nBarElement.defaults = {\n borderSkipped: 'start',\n borderWidth: 0,\n borderRadius: 0,\n inflateAmount: 'auto',\n pointStyle: undefined\n};\nBarElement.defaultRoutes = {\n backgroundColor: 'backgroundColor',\n borderColor: 'borderColor'\n};\n\nvar elements = /*#__PURE__*/Object.freeze({\n__proto__: null,\nArcElement: ArcElement,\nLineElement: LineElement,\nPointElement: PointElement,\nBarElement: BarElement\n});\n\nfunction lttbDecimation(data, start, count, availableWidth, options) {\n const samples = options.samples || availableWidth;\n if (samples >= count) {\n return data.slice(start, start + count);\n }\n const decimated = [];\n const bucketWidth = (count - 2) / (samples - 2);\n let sampledIndex = 0;\n const endIndex = start + count - 1;\n let a = start;\n let i, maxAreaPoint, maxArea, area, nextA;\n decimated[sampledIndex++] = data[a];\n for (i = 0; i < samples - 2; i++) {\n let avgX = 0;\n let avgY = 0;\n let j;\n const avgRangeStart = Math.floor((i + 1) * bucketWidth) + 1 + start;\n const avgRangeEnd = Math.min(Math.floor((i + 2) * bucketWidth) + 1, count) + start;\n const avgRangeLength = avgRangeEnd - avgRangeStart;\n for (j = avgRangeStart; j < avgRangeEnd; j++) {\n avgX += data[j].x;\n avgY += data[j].y;\n }\n avgX /= avgRangeLength;\n avgY /= avgRangeLength;\n const rangeOffs = Math.floor(i * bucketWidth) + 1 + start;\n const rangeTo = Math.min(Math.floor((i + 1) * bucketWidth) + 1, count) + start;\n const {x: pointAx, y: pointAy} = data[a];\n maxArea = area = -1;\n for (j = rangeOffs; j < rangeTo; j++) {\n area = 0.5 * Math.abs(\n (pointAx - avgX) * (data[j].y - pointAy) -\n (pointAx - data[j].x) * (avgY - pointAy)\n );\n if (area > maxArea) {\n maxArea = area;\n maxAreaPoint = data[j];\n nextA = j;\n }\n }\n decimated[sampledIndex++] = maxAreaPoint;\n a = nextA;\n }\n decimated[sampledIndex++] = data[endIndex];\n return decimated;\n}\nfunction minMaxDecimation(data, start, count, availableWidth) {\n let avgX = 0;\n let countX = 0;\n let i, point, x, y, prevX, minIndex, maxIndex, startIndex, minY, maxY;\n const decimated = [];\n const endIndex = start + count - 1;\n const xMin = data[start].x;\n const xMax = data[endIndex].x;\n const dx = xMax - xMin;\n for (i = start; i < start + count; ++i) {\n point = data[i];\n x = (point.x - xMin) / dx * availableWidth;\n y = point.y;\n const truncX = x | 0;\n if (truncX === prevX) {\n if (y < minY) {\n minY = y;\n minIndex = i;\n } else if (y > maxY) {\n maxY = y;\n maxIndex = i;\n }\n avgX = (countX * avgX + point.x) / ++countX;\n } else {\n const lastIndex = i - 1;\n if (!isNullOrUndef(minIndex) && !isNullOrUndef(maxIndex)) {\n const intermediateIndex1 = Math.min(minIndex, maxIndex);\n const intermediateIndex2 = Math.max(minIndex, maxIndex);\n if (intermediateIndex1 !== startIndex && intermediateIndex1 !== lastIndex) {\n decimated.push({\n ...data[intermediateIndex1],\n x: avgX,\n });\n }\n if (intermediateIndex2 !== startIndex && intermediateIndex2 !== lastIndex) {\n decimated.push({\n ...data[intermediateIndex2],\n x: avgX\n });\n }\n }\n if (i > 0 && lastIndex !== startIndex) {\n decimated.push(data[lastIndex]);\n }\n decimated.push(point);\n prevX = truncX;\n countX = 0;\n minY = maxY = y;\n minIndex = maxIndex = startIndex = i;\n }\n }\n return decimated;\n}\nfunction cleanDecimatedDataset(dataset) {\n if (dataset._decimated) {\n const data = dataset._data;\n delete dataset._decimated;\n delete dataset._data;\n Object.defineProperty(dataset, 'data', {value: data});\n }\n}\nfunction cleanDecimatedData(chart) {\n chart.data.datasets.forEach((dataset) => {\n cleanDecimatedDataset(dataset);\n });\n}\nfunction getStartAndCountOfVisiblePointsSimplified(meta, points) {\n const pointCount = points.length;\n let start = 0;\n let count;\n const {iScale} = meta;\n const {min, max, minDefined, maxDefined} = iScale.getUserBounds();\n if (minDefined) {\n start = _limitValue(_lookupByKey(points, iScale.axis, min).lo, 0, pointCount - 1);\n }\n if (maxDefined) {\n count = _limitValue(_lookupByKey(points, iScale.axis, max).hi + 1, start, pointCount) - start;\n } else {\n count = pointCount - start;\n }\n return {start, count};\n}\nvar plugin_decimation = {\n id: 'decimation',\n defaults: {\n algorithm: 'min-max',\n enabled: false,\n },\n beforeElementsUpdate: (chart, args, options) => {\n if (!options.enabled) {\n cleanDecimatedData(chart);\n return;\n }\n const availableWidth = chart.width;\n chart.data.datasets.forEach((dataset, datasetIndex) => {\n const {_data, indexAxis} = dataset;\n const meta = chart.getDatasetMeta(datasetIndex);\n const data = _data || dataset.data;\n if (resolve([indexAxis, chart.options.indexAxis]) === 'y') {\n return;\n }\n if (!meta.controller.supportsDecimation) {\n return;\n }\n const xAxis = chart.scales[meta.xAxisID];\n if (xAxis.type !== 'linear' && xAxis.type !== 'time') {\n return;\n }\n if (chart.options.parsing) {\n return;\n }\n let {start, count} = getStartAndCountOfVisiblePointsSimplified(meta, data);\n const threshold = options.threshold || 4 * availableWidth;\n if (count <= threshold) {\n cleanDecimatedDataset(dataset);\n return;\n }\n if (isNullOrUndef(_data)) {\n dataset._data = data;\n delete dataset.data;\n Object.defineProperty(dataset, 'data', {\n configurable: true,\n enumerable: true,\n get: function() {\n return this._decimated;\n },\n set: function(d) {\n this._data = d;\n }\n });\n }\n let decimated;\n switch (options.algorithm) {\n case 'lttb':\n decimated = lttbDecimation(data, start, count, availableWidth, options);\n break;\n case 'min-max':\n decimated = minMaxDecimation(data, start, count, availableWidth);\n break;\n default:\n throw new Error(`Unsupported decimation algorithm '${options.algorithm}'`);\n }\n dataset._decimated = decimated;\n });\n },\n destroy(chart) {\n cleanDecimatedData(chart);\n }\n};\n\nfunction _segments(line, target, property) {\n const segments = line.segments;\n const points = line.points;\n const tpoints = target.points;\n const parts = [];\n for (const segment of segments) {\n let {start, end} = segment;\n end = _findSegmentEnd(start, end, points);\n const bounds = _getBounds(property, points[start], points[end], segment.loop);\n if (!target.segments) {\n parts.push({\n source: segment,\n target: bounds,\n start: points[start],\n end: points[end]\n });\n continue;\n }\n const targetSegments = _boundSegments(target, bounds);\n for (const tgt of targetSegments) {\n const subBounds = _getBounds(property, tpoints[tgt.start], tpoints[tgt.end], tgt.loop);\n const fillSources = _boundSegment(segment, points, subBounds);\n for (const fillSource of fillSources) {\n parts.push({\n source: fillSource,\n target: tgt,\n start: {\n [property]: _getEdge(bounds, subBounds, 'start', Math.max)\n },\n end: {\n [property]: _getEdge(bounds, subBounds, 'end', Math.min)\n }\n });\n }\n }\n }\n return parts;\n}\nfunction _getBounds(property, first, last, loop) {\n if (loop) {\n return;\n }\n let start = first[property];\n let end = last[property];\n if (property === 'angle') {\n start = _normalizeAngle(start);\n end = _normalizeAngle(end);\n }\n return {property, start, end};\n}\nfunction _pointsFromSegments(boundary, line) {\n const {x = null, y = null} = boundary || {};\n const linePoints = line.points;\n const points = [];\n line.segments.forEach(({start, end}) => {\n end = _findSegmentEnd(start, end, linePoints);\n const first = linePoints[start];\n const last = linePoints[end];\n if (y !== null) {\n points.push({x: first.x, y});\n points.push({x: last.x, y});\n } else if (x !== null) {\n points.push({x, y: first.y});\n points.push({x, y: last.y});\n }\n });\n return points;\n}\nfunction _findSegmentEnd(start, end, points) {\n for (;end > start; end--) {\n const point = points[end];\n if (!isNaN(point.x) && !isNaN(point.y)) {\n break;\n }\n }\n return end;\n}\nfunction _getEdge(a, b, prop, fn) {\n if (a && b) {\n return fn(a[prop], b[prop]);\n }\n return a ? a[prop] : b ? b[prop] : 0;\n}\n\nfunction _createBoundaryLine(boundary, line) {\n let points = [];\n let _loop = false;\n if (isArray(boundary)) {\n _loop = true;\n points = boundary;\n } else {\n points = _pointsFromSegments(boundary, line);\n }\n return points.length ? new LineElement({\n points,\n options: {tension: 0},\n _loop,\n _fullLoop: _loop\n }) : null;\n}\nfunction _shouldApplyFill(source) {\n return source && source.fill !== false;\n}\n\nfunction _resolveTarget(sources, index, propagate) {\n const source = sources[index];\n let fill = source.fill;\n const visited = [index];\n let target;\n if (!propagate) {\n return fill;\n }\n while (fill !== false && visited.indexOf(fill) === -1) {\n if (!isNumberFinite(fill)) {\n return fill;\n }\n target = sources[fill];\n if (!target) {\n return false;\n }\n if (target.visible) {\n return fill;\n }\n visited.push(fill);\n fill = target.fill;\n }\n return false;\n}\nfunction _decodeFill(line, index, count) {\n const fill = parseFillOption(line);\n if (isObject(fill)) {\n return isNaN(fill.value) ? false : fill;\n }\n let target = parseFloat(fill);\n if (isNumberFinite(target) && Math.floor(target) === target) {\n return decodeTargetIndex(fill[0], index, target, count);\n }\n return ['origin', 'start', 'end', 'stack', 'shape'].indexOf(fill) >= 0 && fill;\n}\nfunction decodeTargetIndex(firstCh, index, target, count) {\n if (firstCh === '-' || firstCh === '+') {\n target = index + target;\n }\n if (target === index || target < 0 || target >= count) {\n return false;\n }\n return target;\n}\nfunction _getTargetPixel(fill, scale) {\n let pixel = null;\n if (fill === 'start') {\n pixel = scale.bottom;\n } else if (fill === 'end') {\n pixel = scale.top;\n } else if (isObject(fill)) {\n pixel = scale.getPixelForValue(fill.value);\n } else if (scale.getBasePixel) {\n pixel = scale.getBasePixel();\n }\n return pixel;\n}\nfunction _getTargetValue(fill, scale, startValue) {\n let value;\n if (fill === 'start') {\n value = startValue;\n } else if (fill === 'end') {\n value = scale.options.reverse ? scale.min : scale.max;\n } else if (isObject(fill)) {\n value = fill.value;\n } else {\n value = scale.getBaseValue();\n }\n return value;\n}\nfunction parseFillOption(line) {\n const options = line.options;\n const fillOption = options.fill;\n let fill = valueOrDefault(fillOption && fillOption.target, fillOption);\n if (fill === undefined) {\n fill = !!options.backgroundColor;\n }\n if (fill === false || fill === null) {\n return false;\n }\n if (fill === true) {\n return 'origin';\n }\n return fill;\n}\n\nfunction _buildStackLine(source) {\n const {scale, index, line} = source;\n const points = [];\n const segments = line.segments;\n const sourcePoints = line.points;\n const linesBelow = getLinesBelow(scale, index);\n linesBelow.push(_createBoundaryLine({x: null, y: scale.bottom}, line));\n for (let i = 0; i < segments.length; i++) {\n const segment = segments[i];\n for (let j = segment.start; j <= segment.end; j++) {\n addPointsBelow(points, sourcePoints[j], linesBelow);\n }\n }\n return new LineElement({points, options: {}});\n}\nfunction getLinesBelow(scale, index) {\n const below = [];\n const metas = scale.getMatchingVisibleMetas('line');\n for (let i = 0; i < metas.length; i++) {\n const meta = metas[i];\n if (meta.index === index) {\n break;\n }\n if (!meta.hidden) {\n below.unshift(meta.dataset);\n }\n }\n return below;\n}\nfunction addPointsBelow(points, sourcePoint, linesBelow) {\n const postponed = [];\n for (let j = 0; j < linesBelow.length; j++) {\n const line = linesBelow[j];\n const {first, last, point} = findPoint(line, sourcePoint, 'x');\n if (!point || (first && last)) {\n continue;\n }\n if (first) {\n postponed.unshift(point);\n } else {\n points.push(point);\n if (!last) {\n break;\n }\n }\n }\n points.push(...postponed);\n}\nfunction findPoint(line, sourcePoint, property) {\n const point = line.interpolate(sourcePoint, property);\n if (!point) {\n return {};\n }\n const pointValue = point[property];\n const segments = line.segments;\n const linePoints = line.points;\n let first = false;\n let last = false;\n for (let i = 0; i < segments.length; i++) {\n const segment = segments[i];\n const firstValue = linePoints[segment.start][property];\n const lastValue = linePoints[segment.end][property];\n if (_isBetween(pointValue, firstValue, lastValue)) {\n first = pointValue === firstValue;\n last = pointValue === lastValue;\n break;\n }\n }\n return {first, last, point};\n}\n\nclass simpleArc {\n constructor(opts) {\n this.x = opts.x;\n this.y = opts.y;\n this.radius = opts.radius;\n }\n pathSegment(ctx, bounds, opts) {\n const {x, y, radius} = this;\n bounds = bounds || {start: 0, end: TAU};\n ctx.arc(x, y, radius, bounds.end, bounds.start, true);\n return !opts.bounds;\n }\n interpolate(point) {\n const {x, y, radius} = this;\n const angle = point.angle;\n return {\n x: x + Math.cos(angle) * radius,\n y: y + Math.sin(angle) * radius,\n angle\n };\n }\n}\n\nfunction _getTarget(source) {\n const {chart, fill, line} = source;\n if (isNumberFinite(fill)) {\n return getLineByIndex(chart, fill);\n }\n if (fill === 'stack') {\n return _buildStackLine(source);\n }\n if (fill === 'shape') {\n return true;\n }\n const boundary = computeBoundary(source);\n if (boundary instanceof simpleArc) {\n return boundary;\n }\n return _createBoundaryLine(boundary, line);\n}\nfunction getLineByIndex(chart, index) {\n const meta = chart.getDatasetMeta(index);\n const visible = meta && chart.isDatasetVisible(index);\n return visible ? meta.dataset : null;\n}\nfunction computeBoundary(source) {\n const scale = source.scale || {};\n if (scale.getPointPositionForValue) {\n return computeCircularBoundary(source);\n }\n return computeLinearBoundary(source);\n}\nfunction computeLinearBoundary(source) {\n const {scale = {}, fill} = source;\n const pixel = _getTargetPixel(fill, scale);\n if (isNumberFinite(pixel)) {\n const horizontal = scale.isHorizontal();\n return {\n x: horizontal ? pixel : null,\n y: horizontal ? null : pixel\n };\n }\n return null;\n}\nfunction computeCircularBoundary(source) {\n const {scale, fill} = source;\n const options = scale.options;\n const length = scale.getLabels().length;\n const start = options.reverse ? scale.max : scale.min;\n const value = _getTargetValue(fill, scale, start);\n const target = [];\n if (options.grid.circular) {\n const center = scale.getPointPositionForValue(0, start);\n return new simpleArc({\n x: center.x,\n y: center.y,\n radius: scale.getDistanceFromCenterForValue(value)\n });\n }\n for (let i = 0; i < length; ++i) {\n target.push(scale.getPointPositionForValue(i, value));\n }\n return target;\n}\n\nfunction _drawfill(ctx, source, area) {\n const target = _getTarget(source);\n const {line, scale, axis} = source;\n const lineOpts = line.options;\n const fillOption = lineOpts.fill;\n const color = lineOpts.backgroundColor;\n const {above = color, below = color} = fillOption || {};\n if (target && line.points.length) {\n clipArea(ctx, area);\n doFill(ctx, {line, target, above, below, area, scale, axis});\n unclipArea(ctx);\n }\n}\nfunction doFill(ctx, cfg) {\n const {line, target, above, below, area, scale} = cfg;\n const property = line._loop ? 'angle' : cfg.axis;\n ctx.save();\n if (property === 'x' && below !== above) {\n clipVertical(ctx, target, area.top);\n fill(ctx, {line, target, color: above, scale, property});\n ctx.restore();\n ctx.save();\n clipVertical(ctx, target, area.bottom);\n }\n fill(ctx, {line, target, color: below, scale, property});\n ctx.restore();\n}\nfunction clipVertical(ctx, target, clipY) {\n const {segments, points} = target;\n let first = true;\n let lineLoop = false;\n ctx.beginPath();\n for (const segment of segments) {\n const {start, end} = segment;\n const firstPoint = points[start];\n const lastPoint = points[_findSegmentEnd(start, end, points)];\n if (first) {\n ctx.moveTo(firstPoint.x, firstPoint.y);\n first = false;\n } else {\n ctx.lineTo(firstPoint.x, clipY);\n ctx.lineTo(firstPoint.x, firstPoint.y);\n }\n lineLoop = !!target.pathSegment(ctx, segment, {move: lineLoop});\n if (lineLoop) {\n ctx.closePath();\n } else {\n ctx.lineTo(lastPoint.x, clipY);\n }\n }\n ctx.lineTo(target.first().x, clipY);\n ctx.closePath();\n ctx.clip();\n}\nfunction fill(ctx, cfg) {\n const {line, target, property, color, scale} = cfg;\n const segments = _segments(line, target, property);\n for (const {source: src, target: tgt, start, end} of segments) {\n const {style: {backgroundColor = color} = {}} = src;\n const notShape = target !== true;\n ctx.save();\n ctx.fillStyle = backgroundColor;\n clipBounds(ctx, scale, notShape && _getBounds(property, start, end));\n ctx.beginPath();\n const lineLoop = !!line.pathSegment(ctx, src);\n let loop;\n if (notShape) {\n if (lineLoop) {\n ctx.closePath();\n } else {\n interpolatedLineTo(ctx, target, end, property);\n }\n const targetLoop = !!target.pathSegment(ctx, tgt, {move: lineLoop, reverse: true});\n loop = lineLoop && targetLoop;\n if (!loop) {\n interpolatedLineTo(ctx, target, start, property);\n }\n }\n ctx.closePath();\n ctx.fill(loop ? 'evenodd' : 'nonzero');\n ctx.restore();\n }\n}\nfunction clipBounds(ctx, scale, bounds) {\n const {top, bottom} = scale.chart.chartArea;\n const {property, start, end} = bounds || {};\n if (property === 'x') {\n ctx.beginPath();\n ctx.rect(start, top, end - start, bottom - top);\n ctx.clip();\n }\n}\nfunction interpolatedLineTo(ctx, target, point, property) {\n const interpolatedPoint = target.interpolate(point, property);\n if (interpolatedPoint) {\n ctx.lineTo(interpolatedPoint.x, interpolatedPoint.y);\n }\n}\n\nvar index = {\n id: 'filler',\n afterDatasetsUpdate(chart, _args, options) {\n const count = (chart.data.datasets || []).length;\n const sources = [];\n let meta, i, line, source;\n for (i = 0; i < count; ++i) {\n meta = chart.getDatasetMeta(i);\n line = meta.dataset;\n source = null;\n if (line && line.options && line instanceof LineElement) {\n source = {\n visible: chart.isDatasetVisible(i),\n index: i,\n fill: _decodeFill(line, i, count),\n chart,\n axis: meta.controller.options.indexAxis,\n scale: meta.vScale,\n line,\n };\n }\n meta.$filler = source;\n sources.push(source);\n }\n for (i = 0; i < count; ++i) {\n source = sources[i];\n if (!source || source.fill === false) {\n continue;\n }\n source.fill = _resolveTarget(sources, i, options.propagate);\n }\n },\n beforeDraw(chart, _args, options) {\n const draw = options.drawTime === 'beforeDraw';\n const metasets = chart.getSortedVisibleDatasetMetas();\n const area = chart.chartArea;\n for (let i = metasets.length - 1; i >= 0; --i) {\n const source = metasets[i].$filler;\n if (!source) {\n continue;\n }\n source.line.updateControlPoints(area, source.axis);\n if (draw && source.fill) {\n _drawfill(chart.ctx, source, area);\n }\n }\n },\n beforeDatasetsDraw(chart, _args, options) {\n if (options.drawTime !== 'beforeDatasetsDraw') {\n return;\n }\n const metasets = chart.getSortedVisibleDatasetMetas();\n for (let i = metasets.length - 1; i >= 0; --i) {\n const source = metasets[i].$filler;\n if (_shouldApplyFill(source)) {\n _drawfill(chart.ctx, source, chart.chartArea);\n }\n }\n },\n beforeDatasetDraw(chart, args, options) {\n const source = args.meta.$filler;\n if (!_shouldApplyFill(source) || options.drawTime !== 'beforeDatasetDraw') {\n return;\n }\n _drawfill(chart.ctx, source, chart.chartArea);\n },\n defaults: {\n propagate: true,\n drawTime: 'beforeDatasetDraw'\n }\n};\n\nconst getBoxSize = (labelOpts, fontSize) => {\n let {boxHeight = fontSize, boxWidth = fontSize} = labelOpts;\n if (labelOpts.usePointStyle) {\n boxHeight = Math.min(boxHeight, fontSize);\n boxWidth = labelOpts.pointStyleWidth || Math.min(boxWidth, fontSize);\n }\n return {\n boxWidth,\n boxHeight,\n itemHeight: Math.max(fontSize, boxHeight)\n };\n};\nconst itemsEqual = (a, b) => a !== null && b !== null && a.datasetIndex === b.datasetIndex && a.index === b.index;\nclass Legend extends Element {\n constructor(config) {\n super();\n this._added = false;\n this.legendHitBoxes = [];\n this._hoveredItem = null;\n this.doughnutMode = false;\n this.chart = config.chart;\n this.options = config.options;\n this.ctx = config.ctx;\n this.legendItems = undefined;\n this.columnSizes = undefined;\n this.lineWidths = undefined;\n this.maxHeight = undefined;\n this.maxWidth = undefined;\n this.top = undefined;\n this.bottom = undefined;\n this.left = undefined;\n this.right = undefined;\n this.height = undefined;\n this.width = undefined;\n this._margins = undefined;\n this.position = undefined;\n this.weight = undefined;\n this.fullSize = undefined;\n }\n update(maxWidth, maxHeight, margins) {\n this.maxWidth = maxWidth;\n this.maxHeight = maxHeight;\n this._margins = margins;\n this.setDimensions();\n this.buildLabels();\n this.fit();\n }\n setDimensions() {\n if (this.isHorizontal()) {\n this.width = this.maxWidth;\n this.left = this._margins.left;\n this.right = this.width;\n } else {\n this.height = this.maxHeight;\n this.top = this._margins.top;\n this.bottom = this.height;\n }\n }\n buildLabels() {\n const labelOpts = this.options.labels || {};\n let legendItems = callback(labelOpts.generateLabels, [this.chart], this) || [];\n if (labelOpts.filter) {\n legendItems = legendItems.filter((item) => labelOpts.filter(item, this.chart.data));\n }\n if (labelOpts.sort) {\n legendItems = legendItems.sort((a, b) => labelOpts.sort(a, b, this.chart.data));\n }\n if (this.options.reverse) {\n legendItems.reverse();\n }\n this.legendItems = legendItems;\n }\n fit() {\n const {options, ctx} = this;\n if (!options.display) {\n this.width = this.height = 0;\n return;\n }\n const labelOpts = options.labels;\n const labelFont = toFont(labelOpts.font);\n const fontSize = labelFont.size;\n const titleHeight = this._computeTitleHeight();\n const {boxWidth, itemHeight} = getBoxSize(labelOpts, fontSize);\n let width, height;\n ctx.font = labelFont.string;\n if (this.isHorizontal()) {\n width = this.maxWidth;\n height = this._fitRows(titleHeight, fontSize, boxWidth, itemHeight) + 10;\n } else {\n height = this.maxHeight;\n width = this._fitCols(titleHeight, fontSize, boxWidth, itemHeight) + 10;\n }\n this.width = Math.min(width, options.maxWidth || this.maxWidth);\n this.height = Math.min(height, options.maxHeight || this.maxHeight);\n }\n _fitRows(titleHeight, fontSize, boxWidth, itemHeight) {\n const {ctx, maxWidth, options: {labels: {padding}}} = this;\n const hitboxes = this.legendHitBoxes = [];\n const lineWidths = this.lineWidths = [0];\n const lineHeight = itemHeight + padding;\n let totalHeight = titleHeight;\n ctx.textAlign = 'left';\n ctx.textBaseline = 'middle';\n let row = -1;\n let top = -lineHeight;\n this.legendItems.forEach((legendItem, i) => {\n const itemWidth = boxWidth + (fontSize / 2) + ctx.measureText(legendItem.text).width;\n if (i === 0 || lineWidths[lineWidths.length - 1] + itemWidth + 2 * padding > maxWidth) {\n totalHeight += lineHeight;\n lineWidths[lineWidths.length - (i > 0 ? 0 : 1)] = 0;\n top += lineHeight;\n row++;\n }\n hitboxes[i] = {left: 0, top, row, width: itemWidth, height: itemHeight};\n lineWidths[lineWidths.length - 1] += itemWidth + padding;\n });\n return totalHeight;\n }\n _fitCols(titleHeight, fontSize, boxWidth, itemHeight) {\n const {ctx, maxHeight, options: {labels: {padding}}} = this;\n const hitboxes = this.legendHitBoxes = [];\n const columnSizes = this.columnSizes = [];\n const heightLimit = maxHeight - titleHeight;\n let totalWidth = padding;\n let currentColWidth = 0;\n let currentColHeight = 0;\n let left = 0;\n let col = 0;\n this.legendItems.forEach((legendItem, i) => {\n const itemWidth = boxWidth + (fontSize / 2) + ctx.measureText(legendItem.text).width;\n if (i > 0 && currentColHeight + itemHeight + 2 * padding > heightLimit) {\n totalWidth += currentColWidth + padding;\n columnSizes.push({width: currentColWidth, height: currentColHeight});\n left += currentColWidth + padding;\n col++;\n currentColWidth = currentColHeight = 0;\n }\n hitboxes[i] = {left, top: currentColHeight, col, width: itemWidth, height: itemHeight};\n currentColWidth = Math.max(currentColWidth, itemWidth);\n currentColHeight += itemHeight + padding;\n });\n totalWidth += currentColWidth;\n columnSizes.push({width: currentColWidth, height: currentColHeight});\n return totalWidth;\n }\n adjustHitBoxes() {\n if (!this.options.display) {\n return;\n }\n const titleHeight = this._computeTitleHeight();\n const {legendHitBoxes: hitboxes, options: {align, labels: {padding}, rtl}} = this;\n const rtlHelper = getRtlAdapter(rtl, this.left, this.width);\n if (this.isHorizontal()) {\n let row = 0;\n let left = _alignStartEnd(align, this.left + padding, this.right - this.lineWidths[row]);\n for (const hitbox of hitboxes) {\n if (row !== hitbox.row) {\n row = hitbox.row;\n left = _alignStartEnd(align, this.left + padding, this.right - this.lineWidths[row]);\n }\n hitbox.top += this.top + titleHeight + padding;\n hitbox.left = rtlHelper.leftForLtr(rtlHelper.x(left), hitbox.width);\n left += hitbox.width + padding;\n }\n } else {\n let col = 0;\n let top = _alignStartEnd(align, this.top + titleHeight + padding, this.bottom - this.columnSizes[col].height);\n for (const hitbox of hitboxes) {\n if (hitbox.col !== col) {\n col = hitbox.col;\n top = _alignStartEnd(align, this.top + titleHeight + padding, this.bottom - this.columnSizes[col].height);\n }\n hitbox.top = top;\n hitbox.left += this.left + padding;\n hitbox.left = rtlHelper.leftForLtr(rtlHelper.x(hitbox.left), hitbox.width);\n top += hitbox.height + padding;\n }\n }\n }\n isHorizontal() {\n return this.options.position === 'top' || this.options.position === 'bottom';\n }\n draw() {\n if (this.options.display) {\n const ctx = this.ctx;\n clipArea(ctx, this);\n this._draw();\n unclipArea(ctx);\n }\n }\n _draw() {\n const {options: opts, columnSizes, lineWidths, ctx} = this;\n const {align, labels: labelOpts} = opts;\n const defaultColor = defaults.color;\n const rtlHelper = getRtlAdapter(opts.rtl, this.left, this.width);\n const labelFont = toFont(labelOpts.font);\n const {color: fontColor, padding} = labelOpts;\n const fontSize = labelFont.size;\n const halfFontSize = fontSize / 2;\n let cursor;\n this.drawTitle();\n ctx.textAlign = rtlHelper.textAlign('left');\n ctx.textBaseline = 'middle';\n ctx.lineWidth = 0.5;\n ctx.font = labelFont.string;\n const {boxWidth, boxHeight, itemHeight} = getBoxSize(labelOpts, fontSize);\n const drawLegendBox = function(x, y, legendItem) {\n if (isNaN(boxWidth) || boxWidth <= 0 || isNaN(boxHeight) || boxHeight < 0) {\n return;\n }\n ctx.save();\n const lineWidth = valueOrDefault(legendItem.lineWidth, 1);\n ctx.fillStyle = valueOrDefault(legendItem.fillStyle, defaultColor);\n ctx.lineCap = valueOrDefault(legendItem.lineCap, 'butt');\n ctx.lineDashOffset = valueOrDefault(legendItem.lineDashOffset, 0);\n ctx.lineJoin = valueOrDefault(legendItem.lineJoin, 'miter');\n ctx.lineWidth = lineWidth;\n ctx.strokeStyle = valueOrDefault(legendItem.strokeStyle, defaultColor);\n ctx.setLineDash(valueOrDefault(legendItem.lineDash, []));\n if (labelOpts.usePointStyle) {\n const drawOptions = {\n radius: boxHeight * Math.SQRT2 / 2,\n pointStyle: legendItem.pointStyle,\n rotation: legendItem.rotation,\n borderWidth: lineWidth\n };\n const centerX = rtlHelper.xPlus(x, boxWidth / 2);\n const centerY = y + halfFontSize;\n drawPointLegend(ctx, drawOptions, centerX, centerY, labelOpts.pointStyleWidth && boxWidth);\n } else {\n const yBoxTop = y + Math.max((fontSize - boxHeight) / 2, 0);\n const xBoxLeft = rtlHelper.leftForLtr(x, boxWidth);\n const borderRadius = toTRBLCorners(legendItem.borderRadius);\n ctx.beginPath();\n if (Object.values(borderRadius).some(v => v !== 0)) {\n addRoundedRectPath(ctx, {\n x: xBoxLeft,\n y: yBoxTop,\n w: boxWidth,\n h: boxHeight,\n radius: borderRadius,\n });\n } else {\n ctx.rect(xBoxLeft, yBoxTop, boxWidth, boxHeight);\n }\n ctx.fill();\n if (lineWidth !== 0) {\n ctx.stroke();\n }\n }\n ctx.restore();\n };\n const fillText = function(x, y, legendItem) {\n renderText(ctx, legendItem.text, x, y + (itemHeight / 2), labelFont, {\n strikethrough: legendItem.hidden,\n textAlign: rtlHelper.textAlign(legendItem.textAlign)\n });\n };\n const isHorizontal = this.isHorizontal();\n const titleHeight = this._computeTitleHeight();\n if (isHorizontal) {\n cursor = {\n x: _alignStartEnd(align, this.left + padding, this.right - lineWidths[0]),\n y: this.top + padding + titleHeight,\n line: 0\n };\n } else {\n cursor = {\n x: this.left + padding,\n y: _alignStartEnd(align, this.top + titleHeight + padding, this.bottom - columnSizes[0].height),\n line: 0\n };\n }\n overrideTextDirection(this.ctx, opts.textDirection);\n const lineHeight = itemHeight + padding;\n this.legendItems.forEach((legendItem, i) => {\n ctx.strokeStyle = legendItem.fontColor || fontColor;\n ctx.fillStyle = legendItem.fontColor || fontColor;\n const textWidth = ctx.measureText(legendItem.text).width;\n const textAlign = rtlHelper.textAlign(legendItem.textAlign || (legendItem.textAlign = labelOpts.textAlign));\n const width = boxWidth + halfFontSize + textWidth;\n let x = cursor.x;\n let y = cursor.y;\n rtlHelper.setWidth(this.width);\n if (isHorizontal) {\n if (i > 0 && x + width + padding > this.right) {\n y = cursor.y += lineHeight;\n cursor.line++;\n x = cursor.x = _alignStartEnd(align, this.left + padding, this.right - lineWidths[cursor.line]);\n }\n } else if (i > 0 && y + lineHeight > this.bottom) {\n x = cursor.x = x + columnSizes[cursor.line].width + padding;\n cursor.line++;\n y = cursor.y = _alignStartEnd(align, this.top + titleHeight + padding, this.bottom - columnSizes[cursor.line].height);\n }\n const realX = rtlHelper.x(x);\n drawLegendBox(realX, y, legendItem);\n x = _textX(textAlign, x + boxWidth + halfFontSize, isHorizontal ? x + width : this.right, opts.rtl);\n fillText(rtlHelper.x(x), y, legendItem);\n if (isHorizontal) {\n cursor.x += width + padding;\n } else {\n cursor.y += lineHeight;\n }\n });\n restoreTextDirection(this.ctx, opts.textDirection);\n }\n drawTitle() {\n const opts = this.options;\n const titleOpts = opts.title;\n const titleFont = toFont(titleOpts.font);\n const titlePadding = toPadding(titleOpts.padding);\n if (!titleOpts.display) {\n return;\n }\n const rtlHelper = getRtlAdapter(opts.rtl, this.left, this.width);\n const ctx = this.ctx;\n const position = titleOpts.position;\n const halfFontSize = titleFont.size / 2;\n const topPaddingPlusHalfFontSize = titlePadding.top + halfFontSize;\n let y;\n let left = this.left;\n let maxWidth = this.width;\n if (this.isHorizontal()) {\n maxWidth = Math.max(...this.lineWidths);\n y = this.top + topPaddingPlusHalfFontSize;\n left = _alignStartEnd(opts.align, left, this.right - maxWidth);\n } else {\n const maxHeight = this.columnSizes.reduce((acc, size) => Math.max(acc, size.height), 0);\n y = topPaddingPlusHalfFontSize + _alignStartEnd(opts.align, this.top, this.bottom - maxHeight - opts.labels.padding - this._computeTitleHeight());\n }\n const x = _alignStartEnd(position, left, left + maxWidth);\n ctx.textAlign = rtlHelper.textAlign(_toLeftRightCenter(position));\n ctx.textBaseline = 'middle';\n ctx.strokeStyle = titleOpts.color;\n ctx.fillStyle = titleOpts.color;\n ctx.font = titleFont.string;\n renderText(ctx, titleOpts.text, x, y, titleFont);\n }\n _computeTitleHeight() {\n const titleOpts = this.options.title;\n const titleFont = toFont(titleOpts.font);\n const titlePadding = toPadding(titleOpts.padding);\n return titleOpts.display ? titleFont.lineHeight + titlePadding.height : 0;\n }\n _getLegendItemAt(x, y) {\n let i, hitBox, lh;\n if (_isBetween(x, this.left, this.right)\n && _isBetween(y, this.top, this.bottom)) {\n lh = this.legendHitBoxes;\n for (i = 0; i < lh.length; ++i) {\n hitBox = lh[i];\n if (_isBetween(x, hitBox.left, hitBox.left + hitBox.width)\n && _isBetween(y, hitBox.top, hitBox.top + hitBox.height)) {\n return this.legendItems[i];\n }\n }\n }\n return null;\n }\n handleEvent(e) {\n const opts = this.options;\n if (!isListened(e.type, opts)) {\n return;\n }\n const hoveredItem = this._getLegendItemAt(e.x, e.y);\n if (e.type === 'mousemove' || e.type === 'mouseout') {\n const previous = this._hoveredItem;\n const sameItem = itemsEqual(previous, hoveredItem);\n if (previous && !sameItem) {\n callback(opts.onLeave, [e, previous, this], this);\n }\n this._hoveredItem = hoveredItem;\n if (hoveredItem && !sameItem) {\n callback(opts.onHover, [e, hoveredItem, this], this);\n }\n } else if (hoveredItem) {\n callback(opts.onClick, [e, hoveredItem, this], this);\n }\n }\n}\nfunction isListened(type, opts) {\n if ((type === 'mousemove' || type === 'mouseout') && (opts.onHover || opts.onLeave)) {\n return true;\n }\n if (opts.onClick && (type === 'click' || type === 'mouseup')) {\n return true;\n }\n return false;\n}\nvar plugin_legend = {\n id: 'legend',\n _element: Legend,\n start(chart, _args, options) {\n const legend = chart.legend = new Legend({ctx: chart.ctx, options, chart});\n layouts.configure(chart, legend, options);\n layouts.addBox(chart, legend);\n },\n stop(chart) {\n layouts.removeBox(chart, chart.legend);\n delete chart.legend;\n },\n beforeUpdate(chart, _args, options) {\n const legend = chart.legend;\n layouts.configure(chart, legend, options);\n legend.options = options;\n },\n afterUpdate(chart) {\n const legend = chart.legend;\n legend.buildLabels();\n legend.adjustHitBoxes();\n },\n afterEvent(chart, args) {\n if (!args.replay) {\n chart.legend.handleEvent(args.event);\n }\n },\n defaults: {\n display: true,\n position: 'top',\n align: 'center',\n fullSize: true,\n reverse: false,\n weight: 1000,\n onClick(e, legendItem, legend) {\n const index = legendItem.datasetIndex;\n const ci = legend.chart;\n if (ci.isDatasetVisible(index)) {\n ci.hide(index);\n legendItem.hidden = true;\n } else {\n ci.show(index);\n legendItem.hidden = false;\n }\n },\n onHover: null,\n onLeave: null,\n labels: {\n color: (ctx) => ctx.chart.options.color,\n boxWidth: 40,\n padding: 10,\n generateLabels(chart) {\n const datasets = chart.data.datasets;\n const {labels: {usePointStyle, pointStyle, textAlign, color}} = chart.legend.options;\n return chart._getSortedDatasetMetas().map((meta) => {\n const style = meta.controller.getStyle(usePointStyle ? 0 : undefined);\n const borderWidth = toPadding(style.borderWidth);\n return {\n text: datasets[meta.index].label,\n fillStyle: style.backgroundColor,\n fontColor: color,\n hidden: !meta.visible,\n lineCap: style.borderCapStyle,\n lineDash: style.borderDash,\n lineDashOffset: style.borderDashOffset,\n lineJoin: style.borderJoinStyle,\n lineWidth: (borderWidth.width + borderWidth.height) / 4,\n strokeStyle: style.borderColor,\n pointStyle: pointStyle || style.pointStyle,\n rotation: style.rotation,\n textAlign: textAlign || style.textAlign,\n borderRadius: 0,\n datasetIndex: meta.index\n };\n }, this);\n }\n },\n title: {\n color: (ctx) => ctx.chart.options.color,\n display: false,\n position: 'center',\n text: '',\n }\n },\n descriptors: {\n _scriptable: (name) => !name.startsWith('on'),\n labels: {\n _scriptable: (name) => !['generateLabels', 'filter', 'sort'].includes(name),\n }\n },\n};\n\nclass Title extends Element {\n constructor(config) {\n super();\n this.chart = config.chart;\n this.options = config.options;\n this.ctx = config.ctx;\n this._padding = undefined;\n this.top = undefined;\n this.bottom = undefined;\n this.left = undefined;\n this.right = undefined;\n this.width = undefined;\n this.height = undefined;\n this.position = undefined;\n this.weight = undefined;\n this.fullSize = undefined;\n }\n update(maxWidth, maxHeight) {\n const opts = this.options;\n this.left = 0;\n this.top = 0;\n if (!opts.display) {\n this.width = this.height = this.right = this.bottom = 0;\n return;\n }\n this.width = this.right = maxWidth;\n this.height = this.bottom = maxHeight;\n const lineCount = isArray(opts.text) ? opts.text.length : 1;\n this._padding = toPadding(opts.padding);\n const textSize = lineCount * toFont(opts.font).lineHeight + this._padding.height;\n if (this.isHorizontal()) {\n this.height = textSize;\n } else {\n this.width = textSize;\n }\n }\n isHorizontal() {\n const pos = this.options.position;\n return pos === 'top' || pos === 'bottom';\n }\n _drawArgs(offset) {\n const {top, left, bottom, right, options} = this;\n const align = options.align;\n let rotation = 0;\n let maxWidth, titleX, titleY;\n if (this.isHorizontal()) {\n titleX = _alignStartEnd(align, left, right);\n titleY = top + offset;\n maxWidth = right - left;\n } else {\n if (options.position === 'left') {\n titleX = left + offset;\n titleY = _alignStartEnd(align, bottom, top);\n rotation = PI * -0.5;\n } else {\n titleX = right - offset;\n titleY = _alignStartEnd(align, top, bottom);\n rotation = PI * 0.5;\n }\n maxWidth = bottom - top;\n }\n return {titleX, titleY, maxWidth, rotation};\n }\n draw() {\n const ctx = this.ctx;\n const opts = this.options;\n if (!opts.display) {\n return;\n }\n const fontOpts = toFont(opts.font);\n const lineHeight = fontOpts.lineHeight;\n const offset = lineHeight / 2 + this._padding.top;\n const {titleX, titleY, maxWidth, rotation} = this._drawArgs(offset);\n renderText(ctx, opts.text, 0, 0, fontOpts, {\n color: opts.color,\n maxWidth,\n rotation,\n textAlign: _toLeftRightCenter(opts.align),\n textBaseline: 'middle',\n translation: [titleX, titleY],\n });\n }\n}\nfunction createTitle(chart, titleOpts) {\n const title = new Title({\n ctx: chart.ctx,\n options: titleOpts,\n chart\n });\n layouts.configure(chart, title, titleOpts);\n layouts.addBox(chart, title);\n chart.titleBlock = title;\n}\nvar plugin_title = {\n id: 'title',\n _element: Title,\n start(chart, _args, options) {\n createTitle(chart, options);\n },\n stop(chart) {\n const titleBlock = chart.titleBlock;\n layouts.removeBox(chart, titleBlock);\n delete chart.titleBlock;\n },\n beforeUpdate(chart, _args, options) {\n const title = chart.titleBlock;\n layouts.configure(chart, title, options);\n title.options = options;\n },\n defaults: {\n align: 'center',\n display: false,\n font: {\n weight: 'bold',\n },\n fullSize: true,\n padding: 10,\n position: 'top',\n text: '',\n weight: 2000\n },\n defaultRoutes: {\n color: 'color'\n },\n descriptors: {\n _scriptable: true,\n _indexable: false,\n },\n};\n\nconst map = new WeakMap();\nvar plugin_subtitle = {\n id: 'subtitle',\n start(chart, _args, options) {\n const title = new Title({\n ctx: chart.ctx,\n options,\n chart\n });\n layouts.configure(chart, title, options);\n layouts.addBox(chart, title);\n map.set(chart, title);\n },\n stop(chart) {\n layouts.removeBox(chart, map.get(chart));\n map.delete(chart);\n },\n beforeUpdate(chart, _args, options) {\n const title = map.get(chart);\n layouts.configure(chart, title, options);\n title.options = options;\n },\n defaults: {\n align: 'center',\n display: false,\n font: {\n weight: 'normal',\n },\n fullSize: true,\n padding: 0,\n position: 'top',\n text: '',\n weight: 1500\n },\n defaultRoutes: {\n color: 'color'\n },\n descriptors: {\n _scriptable: true,\n _indexable: false,\n },\n};\n\nconst positioners = {\n average(items) {\n if (!items.length) {\n return false;\n }\n let i, len;\n let x = 0;\n let y = 0;\n let count = 0;\n for (i = 0, len = items.length; i < len; ++i) {\n const el = items[i].element;\n if (el && el.hasValue()) {\n const pos = el.tooltipPosition();\n x += pos.x;\n y += pos.y;\n ++count;\n }\n }\n return {\n x: x / count,\n y: y / count\n };\n },\n nearest(items, eventPosition) {\n if (!items.length) {\n return false;\n }\n let x = eventPosition.x;\n let y = eventPosition.y;\n let minDistance = Number.POSITIVE_INFINITY;\n let i, len, nearestElement;\n for (i = 0, len = items.length; i < len; ++i) {\n const el = items[i].element;\n if (el && el.hasValue()) {\n const center = el.getCenterPoint();\n const d = distanceBetweenPoints(eventPosition, center);\n if (d < minDistance) {\n minDistance = d;\n nearestElement = el;\n }\n }\n }\n if (nearestElement) {\n const tp = nearestElement.tooltipPosition();\n x = tp.x;\n y = tp.y;\n }\n return {\n x,\n y\n };\n }\n};\nfunction pushOrConcat(base, toPush) {\n if (toPush) {\n if (isArray(toPush)) {\n Array.prototype.push.apply(base, toPush);\n } else {\n base.push(toPush);\n }\n }\n return base;\n}\nfunction splitNewlines(str) {\n if ((typeof str === 'string' || str instanceof String) && str.indexOf('\\n') > -1) {\n return str.split('\\n');\n }\n return str;\n}\nfunction createTooltipItem(chart, item) {\n const {element, datasetIndex, index} = item;\n const controller = chart.getDatasetMeta(datasetIndex).controller;\n const {label, value} = controller.getLabelAndValue(index);\n return {\n chart,\n label,\n parsed: controller.getParsed(index),\n raw: chart.data.datasets[datasetIndex].data[index],\n formattedValue: value,\n dataset: controller.getDataset(),\n dataIndex: index,\n datasetIndex,\n element\n };\n}\nfunction getTooltipSize(tooltip, options) {\n const ctx = tooltip.chart.ctx;\n const {body, footer, title} = tooltip;\n const {boxWidth, boxHeight} = options;\n const bodyFont = toFont(options.bodyFont);\n const titleFont = toFont(options.titleFont);\n const footerFont = toFont(options.footerFont);\n const titleLineCount = title.length;\n const footerLineCount = footer.length;\n const bodyLineItemCount = body.length;\n const padding = toPadding(options.padding);\n let height = padding.height;\n let width = 0;\n let combinedBodyLength = body.reduce((count, bodyItem) => count + bodyItem.before.length + bodyItem.lines.length + bodyItem.after.length, 0);\n combinedBodyLength += tooltip.beforeBody.length + tooltip.afterBody.length;\n if (titleLineCount) {\n height += titleLineCount * titleFont.lineHeight\n\t\t\t+ (titleLineCount - 1) * options.titleSpacing\n\t\t\t+ options.titleMarginBottom;\n }\n if (combinedBodyLength) {\n const bodyLineHeight = options.displayColors ? Math.max(boxHeight, bodyFont.lineHeight) : bodyFont.lineHeight;\n height += bodyLineItemCount * bodyLineHeight\n\t\t\t+ (combinedBodyLength - bodyLineItemCount) * bodyFont.lineHeight\n\t\t\t+ (combinedBodyLength - 1) * options.bodySpacing;\n }\n if (footerLineCount) {\n height += options.footerMarginTop\n\t\t\t+ footerLineCount * footerFont.lineHeight\n\t\t\t+ (footerLineCount - 1) * options.footerSpacing;\n }\n let widthPadding = 0;\n const maxLineWidth = function(line) {\n width = Math.max(width, ctx.measureText(line).width + widthPadding);\n };\n ctx.save();\n ctx.font = titleFont.string;\n each(tooltip.title, maxLineWidth);\n ctx.font = bodyFont.string;\n each(tooltip.beforeBody.concat(tooltip.afterBody), maxLineWidth);\n widthPadding = options.displayColors ? (boxWidth + 2 + options.boxPadding) : 0;\n each(body, (bodyItem) => {\n each(bodyItem.before, maxLineWidth);\n each(bodyItem.lines, maxLineWidth);\n each(bodyItem.after, maxLineWidth);\n });\n widthPadding = 0;\n ctx.font = footerFont.string;\n each(tooltip.footer, maxLineWidth);\n ctx.restore();\n width += padding.width;\n return {width, height};\n}\nfunction determineYAlign(chart, size) {\n const {y, height} = size;\n if (y < height / 2) {\n return 'top';\n } else if (y > (chart.height - height / 2)) {\n return 'bottom';\n }\n return 'center';\n}\nfunction doesNotFitWithAlign(xAlign, chart, options, size) {\n const {x, width} = size;\n const caret = options.caretSize + options.caretPadding;\n if (xAlign === 'left' && x + width + caret > chart.width) {\n return true;\n }\n if (xAlign === 'right' && x - width - caret < 0) {\n return true;\n }\n}\nfunction determineXAlign(chart, options, size, yAlign) {\n const {x, width} = size;\n const {width: chartWidth, chartArea: {left, right}} = chart;\n let xAlign = 'center';\n if (yAlign === 'center') {\n xAlign = x <= (left + right) / 2 ? 'left' : 'right';\n } else if (x <= width / 2) {\n xAlign = 'left';\n } else if (x >= chartWidth - width / 2) {\n xAlign = 'right';\n }\n if (doesNotFitWithAlign(xAlign, chart, options, size)) {\n xAlign = 'center';\n }\n return xAlign;\n}\nfunction determineAlignment(chart, options, size) {\n const yAlign = size.yAlign || options.yAlign || determineYAlign(chart, size);\n return {\n xAlign: size.xAlign || options.xAlign || determineXAlign(chart, options, size, yAlign),\n yAlign\n };\n}\nfunction alignX(size, xAlign) {\n let {x, width} = size;\n if (xAlign === 'right') {\n x -= width;\n } else if (xAlign === 'center') {\n x -= (width / 2);\n }\n return x;\n}\nfunction alignY(size, yAlign, paddingAndSize) {\n let {y, height} = size;\n if (yAlign === 'top') {\n y += paddingAndSize;\n } else if (yAlign === 'bottom') {\n y -= height + paddingAndSize;\n } else {\n y -= (height / 2);\n }\n return y;\n}\nfunction getBackgroundPoint(options, size, alignment, chart) {\n const {caretSize, caretPadding, cornerRadius} = options;\n const {xAlign, yAlign} = alignment;\n const paddingAndSize = caretSize + caretPadding;\n const {topLeft, topRight, bottomLeft, bottomRight} = toTRBLCorners(cornerRadius);\n let x = alignX(size, xAlign);\n const y = alignY(size, yAlign, paddingAndSize);\n if (yAlign === 'center') {\n if (xAlign === 'left') {\n x += paddingAndSize;\n } else if (xAlign === 'right') {\n x -= paddingAndSize;\n }\n } else if (xAlign === 'left') {\n x -= Math.max(topLeft, bottomLeft) + caretSize;\n } else if (xAlign === 'right') {\n x += Math.max(topRight, bottomRight) + caretSize;\n }\n return {\n x: _limitValue(x, 0, chart.width - size.width),\n y: _limitValue(y, 0, chart.height - size.height)\n };\n}\nfunction getAlignedX(tooltip, align, options) {\n const padding = toPadding(options.padding);\n return align === 'center'\n ? tooltip.x + tooltip.width / 2\n : align === 'right'\n ? tooltip.x + tooltip.width - padding.right\n : tooltip.x + padding.left;\n}\nfunction getBeforeAfterBodyLines(callback) {\n return pushOrConcat([], splitNewlines(callback));\n}\nfunction createTooltipContext(parent, tooltip, tooltipItems) {\n return createContext(parent, {\n tooltip,\n tooltipItems,\n type: 'tooltip'\n });\n}\nfunction overrideCallbacks(callbacks, context) {\n const override = context && context.dataset && context.dataset.tooltip && context.dataset.tooltip.callbacks;\n return override ? callbacks.override(override) : callbacks;\n}\nclass Tooltip extends Element {\n constructor(config) {\n super();\n this.opacity = 0;\n this._active = [];\n this._eventPosition = undefined;\n this._size = undefined;\n this._cachedAnimations = undefined;\n this._tooltipItems = [];\n this.$animations = undefined;\n this.$context = undefined;\n this.chart = config.chart || config._chart;\n this._chart = this.chart;\n this.options = config.options;\n this.dataPoints = undefined;\n this.title = undefined;\n this.beforeBody = undefined;\n this.body = undefined;\n this.afterBody = undefined;\n this.footer = undefined;\n this.xAlign = undefined;\n this.yAlign = undefined;\n this.x = undefined;\n this.y = undefined;\n this.height = undefined;\n this.width = undefined;\n this.caretX = undefined;\n this.caretY = undefined;\n this.labelColors = undefined;\n this.labelPointStyles = undefined;\n this.labelTextColors = undefined;\n }\n initialize(options) {\n this.options = options;\n this._cachedAnimations = undefined;\n this.$context = undefined;\n }\n _resolveAnimations() {\n const cached = this._cachedAnimations;\n if (cached) {\n return cached;\n }\n const chart = this.chart;\n const options = this.options.setContext(this.getContext());\n const opts = options.enabled && chart.options.animation && options.animations;\n const animations = new Animations(this.chart, opts);\n if (opts._cacheable) {\n this._cachedAnimations = Object.freeze(animations);\n }\n return animations;\n }\n getContext() {\n return this.$context ||\n\t\t\t(this.$context = createTooltipContext(this.chart.getContext(), this, this._tooltipItems));\n }\n getTitle(context, options) {\n const {callbacks} = options;\n const beforeTitle = callbacks.beforeTitle.apply(this, [context]);\n const title = callbacks.title.apply(this, [context]);\n const afterTitle = callbacks.afterTitle.apply(this, [context]);\n let lines = [];\n lines = pushOrConcat(lines, splitNewlines(beforeTitle));\n lines = pushOrConcat(lines, splitNewlines(title));\n lines = pushOrConcat(lines, splitNewlines(afterTitle));\n return lines;\n }\n getBeforeBody(tooltipItems, options) {\n return getBeforeAfterBodyLines(options.callbacks.beforeBody.apply(this, [tooltipItems]));\n }\n getBody(tooltipItems, options) {\n const {callbacks} = options;\n const bodyItems = [];\n each(tooltipItems, (context) => {\n const bodyItem = {\n before: [],\n lines: [],\n after: []\n };\n const scoped = overrideCallbacks(callbacks, context);\n pushOrConcat(bodyItem.before, splitNewlines(scoped.beforeLabel.call(this, context)));\n pushOrConcat(bodyItem.lines, scoped.label.call(this, context));\n pushOrConcat(bodyItem.after, splitNewlines(scoped.afterLabel.call(this, context)));\n bodyItems.push(bodyItem);\n });\n return bodyItems;\n }\n getAfterBody(tooltipItems, options) {\n return getBeforeAfterBodyLines(options.callbacks.afterBody.apply(this, [tooltipItems]));\n }\n getFooter(tooltipItems, options) {\n const {callbacks} = options;\n const beforeFooter = callbacks.beforeFooter.apply(this, [tooltipItems]);\n const footer = callbacks.footer.apply(this, [tooltipItems]);\n const afterFooter = callbacks.afterFooter.apply(this, [tooltipItems]);\n let lines = [];\n lines = pushOrConcat(lines, splitNewlines(beforeFooter));\n lines = pushOrConcat(lines, splitNewlines(footer));\n lines = pushOrConcat(lines, splitNewlines(afterFooter));\n return lines;\n }\n _createItems(options) {\n const active = this._active;\n const data = this.chart.data;\n const labelColors = [];\n const labelPointStyles = [];\n const labelTextColors = [];\n let tooltipItems = [];\n let i, len;\n for (i = 0, len = active.length; i < len; ++i) {\n tooltipItems.push(createTooltipItem(this.chart, active[i]));\n }\n if (options.filter) {\n tooltipItems = tooltipItems.filter((element, index, array) => options.filter(element, index, array, data));\n }\n if (options.itemSort) {\n tooltipItems = tooltipItems.sort((a, b) => options.itemSort(a, b, data));\n }\n each(tooltipItems, (context) => {\n const scoped = overrideCallbacks(options.callbacks, context);\n labelColors.push(scoped.labelColor.call(this, context));\n labelPointStyles.push(scoped.labelPointStyle.call(this, context));\n labelTextColors.push(scoped.labelTextColor.call(this, context));\n });\n this.labelColors = labelColors;\n this.labelPointStyles = labelPointStyles;\n this.labelTextColors = labelTextColors;\n this.dataPoints = tooltipItems;\n return tooltipItems;\n }\n update(changed, replay) {\n const options = this.options.setContext(this.getContext());\n const active = this._active;\n let properties;\n let tooltipItems = [];\n if (!active.length) {\n if (this.opacity !== 0) {\n properties = {\n opacity: 0\n };\n }\n } else {\n const position = positioners[options.position].call(this, active, this._eventPosition);\n tooltipItems = this._createItems(options);\n this.title = this.getTitle(tooltipItems, options);\n this.beforeBody = this.getBeforeBody(tooltipItems, options);\n this.body = this.getBody(tooltipItems, options);\n this.afterBody = this.getAfterBody(tooltipItems, options);\n this.footer = this.getFooter(tooltipItems, options);\n const size = this._size = getTooltipSize(this, options);\n const positionAndSize = Object.assign({}, position, size);\n const alignment = determineAlignment(this.chart, options, positionAndSize);\n const backgroundPoint = getBackgroundPoint(options, positionAndSize, alignment, this.chart);\n this.xAlign = alignment.xAlign;\n this.yAlign = alignment.yAlign;\n properties = {\n opacity: 1,\n x: backgroundPoint.x,\n y: backgroundPoint.y,\n width: size.width,\n height: size.height,\n caretX: position.x,\n caretY: position.y\n };\n }\n this._tooltipItems = tooltipItems;\n this.$context = undefined;\n if (properties) {\n this._resolveAnimations().update(this, properties);\n }\n if (changed && options.external) {\n options.external.call(this, {chart: this.chart, tooltip: this, replay});\n }\n }\n drawCaret(tooltipPoint, ctx, size, options) {\n const caretPosition = this.getCaretPosition(tooltipPoint, size, options);\n ctx.lineTo(caretPosition.x1, caretPosition.y1);\n ctx.lineTo(caretPosition.x2, caretPosition.y2);\n ctx.lineTo(caretPosition.x3, caretPosition.y3);\n }\n getCaretPosition(tooltipPoint, size, options) {\n const {xAlign, yAlign} = this;\n const {caretSize, cornerRadius} = options;\n const {topLeft, topRight, bottomLeft, bottomRight} = toTRBLCorners(cornerRadius);\n const {x: ptX, y: ptY} = tooltipPoint;\n const {width, height} = size;\n let x1, x2, x3, y1, y2, y3;\n if (yAlign === 'center') {\n y2 = ptY + (height / 2);\n if (xAlign === 'left') {\n x1 = ptX;\n x2 = x1 - caretSize;\n y1 = y2 + caretSize;\n y3 = y2 - caretSize;\n } else {\n x1 = ptX + width;\n x2 = x1 + caretSize;\n y1 = y2 - caretSize;\n y3 = y2 + caretSize;\n }\n x3 = x1;\n } else {\n if (xAlign === 'left') {\n x2 = ptX + Math.max(topLeft, bottomLeft) + (caretSize);\n } else if (xAlign === 'right') {\n x2 = ptX + width - Math.max(topRight, bottomRight) - caretSize;\n } else {\n x2 = this.caretX;\n }\n if (yAlign === 'top') {\n y1 = ptY;\n y2 = y1 - caretSize;\n x1 = x2 - caretSize;\n x3 = x2 + caretSize;\n } else {\n y1 = ptY + height;\n y2 = y1 + caretSize;\n x1 = x2 + caretSize;\n x3 = x2 - caretSize;\n }\n y3 = y1;\n }\n return {x1, x2, x3, y1, y2, y3};\n }\n drawTitle(pt, ctx, options) {\n const title = this.title;\n const length = title.length;\n let titleFont, titleSpacing, i;\n if (length) {\n const rtlHelper = getRtlAdapter(options.rtl, this.x, this.width);\n pt.x = getAlignedX(this, options.titleAlign, options);\n ctx.textAlign = rtlHelper.textAlign(options.titleAlign);\n ctx.textBaseline = 'middle';\n titleFont = toFont(options.titleFont);\n titleSpacing = options.titleSpacing;\n ctx.fillStyle = options.titleColor;\n ctx.font = titleFont.string;\n for (i = 0; i < length; ++i) {\n ctx.fillText(title[i], rtlHelper.x(pt.x), pt.y + titleFont.lineHeight / 2);\n pt.y += titleFont.lineHeight + titleSpacing;\n if (i + 1 === length) {\n pt.y += options.titleMarginBottom - titleSpacing;\n }\n }\n }\n }\n _drawColorBox(ctx, pt, i, rtlHelper, options) {\n const labelColors = this.labelColors[i];\n const labelPointStyle = this.labelPointStyles[i];\n const {boxHeight, boxWidth, boxPadding} = options;\n const bodyFont = toFont(options.bodyFont);\n const colorX = getAlignedX(this, 'left', options);\n const rtlColorX = rtlHelper.x(colorX);\n const yOffSet = boxHeight < bodyFont.lineHeight ? (bodyFont.lineHeight - boxHeight) / 2 : 0;\n const colorY = pt.y + yOffSet;\n if (options.usePointStyle) {\n const drawOptions = {\n radius: Math.min(boxWidth, boxHeight) / 2,\n pointStyle: labelPointStyle.pointStyle,\n rotation: labelPointStyle.rotation,\n borderWidth: 1\n };\n const centerX = rtlHelper.leftForLtr(rtlColorX, boxWidth) + boxWidth / 2;\n const centerY = colorY + boxHeight / 2;\n ctx.strokeStyle = options.multiKeyBackground;\n ctx.fillStyle = options.multiKeyBackground;\n drawPoint(ctx, drawOptions, centerX, centerY);\n ctx.strokeStyle = labelColors.borderColor;\n ctx.fillStyle = labelColors.backgroundColor;\n drawPoint(ctx, drawOptions, centerX, centerY);\n } else {\n ctx.lineWidth = isObject(labelColors.borderWidth) ? Math.max(...Object.values(labelColors.borderWidth)) : (labelColors.borderWidth || 1);\n ctx.strokeStyle = labelColors.borderColor;\n ctx.setLineDash(labelColors.borderDash || []);\n ctx.lineDashOffset = labelColors.borderDashOffset || 0;\n const outerX = rtlHelper.leftForLtr(rtlColorX, boxWidth - boxPadding);\n const innerX = rtlHelper.leftForLtr(rtlHelper.xPlus(rtlColorX, 1), boxWidth - boxPadding - 2);\n const borderRadius = toTRBLCorners(labelColors.borderRadius);\n if (Object.values(borderRadius).some(v => v !== 0)) {\n ctx.beginPath();\n ctx.fillStyle = options.multiKeyBackground;\n addRoundedRectPath(ctx, {\n x: outerX,\n y: colorY,\n w: boxWidth,\n h: boxHeight,\n radius: borderRadius,\n });\n ctx.fill();\n ctx.stroke();\n ctx.fillStyle = labelColors.backgroundColor;\n ctx.beginPath();\n addRoundedRectPath(ctx, {\n x: innerX,\n y: colorY + 1,\n w: boxWidth - 2,\n h: boxHeight - 2,\n radius: borderRadius,\n });\n ctx.fill();\n } else {\n ctx.fillStyle = options.multiKeyBackground;\n ctx.fillRect(outerX, colorY, boxWidth, boxHeight);\n ctx.strokeRect(outerX, colorY, boxWidth, boxHeight);\n ctx.fillStyle = labelColors.backgroundColor;\n ctx.fillRect(innerX, colorY + 1, boxWidth - 2, boxHeight - 2);\n }\n }\n ctx.fillStyle = this.labelTextColors[i];\n }\n drawBody(pt, ctx, options) {\n const {body} = this;\n const {bodySpacing, bodyAlign, displayColors, boxHeight, boxWidth, boxPadding} = options;\n const bodyFont = toFont(options.bodyFont);\n let bodyLineHeight = bodyFont.lineHeight;\n let xLinePadding = 0;\n const rtlHelper = getRtlAdapter(options.rtl, this.x, this.width);\n const fillLineOfText = function(line) {\n ctx.fillText(line, rtlHelper.x(pt.x + xLinePadding), pt.y + bodyLineHeight / 2);\n pt.y += bodyLineHeight + bodySpacing;\n };\n const bodyAlignForCalculation = rtlHelper.textAlign(bodyAlign);\n let bodyItem, textColor, lines, i, j, ilen, jlen;\n ctx.textAlign = bodyAlign;\n ctx.textBaseline = 'middle';\n ctx.font = bodyFont.string;\n pt.x = getAlignedX(this, bodyAlignForCalculation, options);\n ctx.fillStyle = options.bodyColor;\n each(this.beforeBody, fillLineOfText);\n xLinePadding = displayColors && bodyAlignForCalculation !== 'right'\n ? bodyAlign === 'center' ? (boxWidth / 2 + boxPadding) : (boxWidth + 2 + boxPadding)\n : 0;\n for (i = 0, ilen = body.length; i < ilen; ++i) {\n bodyItem = body[i];\n textColor = this.labelTextColors[i];\n ctx.fillStyle = textColor;\n each(bodyItem.before, fillLineOfText);\n lines = bodyItem.lines;\n if (displayColors && lines.length) {\n this._drawColorBox(ctx, pt, i, rtlHelper, options);\n bodyLineHeight = Math.max(bodyFont.lineHeight, boxHeight);\n }\n for (j = 0, jlen = lines.length; j < jlen; ++j) {\n fillLineOfText(lines[j]);\n bodyLineHeight = bodyFont.lineHeight;\n }\n each(bodyItem.after, fillLineOfText);\n }\n xLinePadding = 0;\n bodyLineHeight = bodyFont.lineHeight;\n each(this.afterBody, fillLineOfText);\n pt.y -= bodySpacing;\n }\n drawFooter(pt, ctx, options) {\n const footer = this.footer;\n const length = footer.length;\n let footerFont, i;\n if (length) {\n const rtlHelper = getRtlAdapter(options.rtl, this.x, this.width);\n pt.x = getAlignedX(this, options.footerAlign, options);\n pt.y += options.footerMarginTop;\n ctx.textAlign = rtlHelper.textAlign(options.footerAlign);\n ctx.textBaseline = 'middle';\n footerFont = toFont(options.footerFont);\n ctx.fillStyle = options.footerColor;\n ctx.font = footerFont.string;\n for (i = 0; i < length; ++i) {\n ctx.fillText(footer[i], rtlHelper.x(pt.x), pt.y + footerFont.lineHeight / 2);\n pt.y += footerFont.lineHeight + options.footerSpacing;\n }\n }\n }\n drawBackground(pt, ctx, tooltipSize, options) {\n const {xAlign, yAlign} = this;\n const {x, y} = pt;\n const {width, height} = tooltipSize;\n const {topLeft, topRight, bottomLeft, bottomRight} = toTRBLCorners(options.cornerRadius);\n ctx.fillStyle = options.backgroundColor;\n ctx.strokeStyle = options.borderColor;\n ctx.lineWidth = options.borderWidth;\n ctx.beginPath();\n ctx.moveTo(x + topLeft, y);\n if (yAlign === 'top') {\n this.drawCaret(pt, ctx, tooltipSize, options);\n }\n ctx.lineTo(x + width - topRight, y);\n ctx.quadraticCurveTo(x + width, y, x + width, y + topRight);\n if (yAlign === 'center' && xAlign === 'right') {\n this.drawCaret(pt, ctx, tooltipSize, options);\n }\n ctx.lineTo(x + width, y + height - bottomRight);\n ctx.quadraticCurveTo(x + width, y + height, x + width - bottomRight, y + height);\n if (yAlign === 'bottom') {\n this.drawCaret(pt, ctx, tooltipSize, options);\n }\n ctx.lineTo(x + bottomLeft, y + height);\n ctx.quadraticCurveTo(x, y + height, x, y + height - bottomLeft);\n if (yAlign === 'center' && xAlign === 'left') {\n this.drawCaret(pt, ctx, tooltipSize, options);\n }\n ctx.lineTo(x, y + topLeft);\n ctx.quadraticCurveTo(x, y, x + topLeft, y);\n ctx.closePath();\n ctx.fill();\n if (options.borderWidth > 0) {\n ctx.stroke();\n }\n }\n _updateAnimationTarget(options) {\n const chart = this.chart;\n const anims = this.$animations;\n const animX = anims && anims.x;\n const animY = anims && anims.y;\n if (animX || animY) {\n const position = positioners[options.position].call(this, this._active, this._eventPosition);\n if (!position) {\n return;\n }\n const size = this._size = getTooltipSize(this, options);\n const positionAndSize = Object.assign({}, position, this._size);\n const alignment = determineAlignment(chart, options, positionAndSize);\n const point = getBackgroundPoint(options, positionAndSize, alignment, chart);\n if (animX._to !== point.x || animY._to !== point.y) {\n this.xAlign = alignment.xAlign;\n this.yAlign = alignment.yAlign;\n this.width = size.width;\n this.height = size.height;\n this.caretX = position.x;\n this.caretY = position.y;\n this._resolveAnimations().update(this, point);\n }\n }\n }\n _willRender() {\n return !!this.opacity;\n }\n draw(ctx) {\n const options = this.options.setContext(this.getContext());\n let opacity = this.opacity;\n if (!opacity) {\n return;\n }\n this._updateAnimationTarget(options);\n const tooltipSize = {\n width: this.width,\n height: this.height\n };\n const pt = {\n x: this.x,\n y: this.y\n };\n opacity = Math.abs(opacity) < 1e-3 ? 0 : opacity;\n const padding = toPadding(options.padding);\n const hasTooltipContent = this.title.length || this.beforeBody.length || this.body.length || this.afterBody.length || this.footer.length;\n if (options.enabled && hasTooltipContent) {\n ctx.save();\n ctx.globalAlpha = opacity;\n this.drawBackground(pt, ctx, tooltipSize, options);\n overrideTextDirection(ctx, options.textDirection);\n pt.y += padding.top;\n this.drawTitle(pt, ctx, options);\n this.drawBody(pt, ctx, options);\n this.drawFooter(pt, ctx, options);\n restoreTextDirection(ctx, options.textDirection);\n ctx.restore();\n }\n }\n getActiveElements() {\n return this._active || [];\n }\n setActiveElements(activeElements, eventPosition) {\n const lastActive = this._active;\n const active = activeElements.map(({datasetIndex, index}) => {\n const meta = this.chart.getDatasetMeta(datasetIndex);\n if (!meta) {\n throw new Error('Cannot find a dataset at index ' + datasetIndex);\n }\n return {\n datasetIndex,\n element: meta.data[index],\n index,\n };\n });\n const changed = !_elementsEqual(lastActive, active);\n const positionChanged = this._positionChanged(active, eventPosition);\n if (changed || positionChanged) {\n this._active = active;\n this._eventPosition = eventPosition;\n this._ignoreReplayEvents = true;\n this.update(true);\n }\n }\n handleEvent(e, replay, inChartArea = true) {\n if (replay && this._ignoreReplayEvents) {\n return false;\n }\n this._ignoreReplayEvents = false;\n const options = this.options;\n const lastActive = this._active || [];\n const active = this._getActiveElements(e, lastActive, replay, inChartArea);\n const positionChanged = this._positionChanged(active, e);\n const changed = replay || !_elementsEqual(active, lastActive) || positionChanged;\n if (changed) {\n this._active = active;\n if (options.enabled || options.external) {\n this._eventPosition = {\n x: e.x,\n y: e.y\n };\n this.update(true, replay);\n }\n }\n return changed;\n }\n _getActiveElements(e, lastActive, replay, inChartArea) {\n const options = this.options;\n if (e.type === 'mouseout') {\n return [];\n }\n if (!inChartArea) {\n return lastActive;\n }\n const active = this.chart.getElementsAtEventForMode(e, options.mode, options, replay);\n if (options.reverse) {\n active.reverse();\n }\n return active;\n }\n _positionChanged(active, e) {\n const {caretX, caretY, options} = this;\n const position = positioners[options.position].call(this, active, e);\n return position !== false && (caretX !== position.x || caretY !== position.y);\n }\n}\nTooltip.positioners = positioners;\nvar plugin_tooltip = {\n id: 'tooltip',\n _element: Tooltip,\n positioners,\n afterInit(chart, _args, options) {\n if (options) {\n chart.tooltip = new Tooltip({chart, options});\n }\n },\n beforeUpdate(chart, _args, options) {\n if (chart.tooltip) {\n chart.tooltip.initialize(options);\n }\n },\n reset(chart, _args, options) {\n if (chart.tooltip) {\n chart.tooltip.initialize(options);\n }\n },\n afterDraw(chart) {\n const tooltip = chart.tooltip;\n if (tooltip && tooltip._willRender()) {\n const args = {\n tooltip\n };\n if (chart.notifyPlugins('beforeTooltipDraw', args) === false) {\n return;\n }\n tooltip.draw(chart.ctx);\n chart.notifyPlugins('afterTooltipDraw', args);\n }\n },\n afterEvent(chart, args) {\n if (chart.tooltip) {\n const useFinalPosition = args.replay;\n if (chart.tooltip.handleEvent(args.event, useFinalPosition, args.inChartArea)) {\n args.changed = true;\n }\n }\n },\n defaults: {\n enabled: true,\n external: null,\n position: 'average',\n backgroundColor: 'rgba(0,0,0,0.8)',\n titleColor: '#fff',\n titleFont: {\n weight: 'bold',\n },\n titleSpacing: 2,\n titleMarginBottom: 6,\n titleAlign: 'left',\n bodyColor: '#fff',\n bodySpacing: 2,\n bodyFont: {\n },\n bodyAlign: 'left',\n footerColor: '#fff',\n footerSpacing: 2,\n footerMarginTop: 6,\n footerFont: {\n weight: 'bold',\n },\n footerAlign: 'left',\n padding: 6,\n caretPadding: 2,\n caretSize: 5,\n cornerRadius: 6,\n boxHeight: (ctx, opts) => opts.bodyFont.size,\n boxWidth: (ctx, opts) => opts.bodyFont.size,\n multiKeyBackground: '#fff',\n displayColors: true,\n boxPadding: 0,\n borderColor: 'rgba(0,0,0,0)',\n borderWidth: 0,\n animation: {\n duration: 400,\n easing: 'easeOutQuart',\n },\n animations: {\n numbers: {\n type: 'number',\n properties: ['x', 'y', 'width', 'height', 'caretX', 'caretY'],\n },\n opacity: {\n easing: 'linear',\n duration: 200\n }\n },\n callbacks: {\n beforeTitle: noop,\n title(tooltipItems) {\n if (tooltipItems.length > 0) {\n const item = tooltipItems[0];\n const labels = item.chart.data.labels;\n const labelCount = labels ? labels.length : 0;\n if (this && this.options && this.options.mode === 'dataset') {\n return item.dataset.label || '';\n } else if (item.label) {\n return item.label;\n } else if (labelCount > 0 && item.dataIndex < labelCount) {\n return labels[item.dataIndex];\n }\n }\n return '';\n },\n afterTitle: noop,\n beforeBody: noop,\n beforeLabel: noop,\n label(tooltipItem) {\n if (this && this.options && this.options.mode === 'dataset') {\n return tooltipItem.label + ': ' + tooltipItem.formattedValue || tooltipItem.formattedValue;\n }\n let label = tooltipItem.dataset.label || '';\n if (label) {\n label += ': ';\n }\n const value = tooltipItem.formattedValue;\n if (!isNullOrUndef(value)) {\n label += value;\n }\n return label;\n },\n labelColor(tooltipItem) {\n const meta = tooltipItem.chart.getDatasetMeta(tooltipItem.datasetIndex);\n const options = meta.controller.getStyle(tooltipItem.dataIndex);\n return {\n borderColor: options.borderColor,\n backgroundColor: options.backgroundColor,\n borderWidth: options.borderWidth,\n borderDash: options.borderDash,\n borderDashOffset: options.borderDashOffset,\n borderRadius: 0,\n };\n },\n labelTextColor() {\n return this.options.bodyColor;\n },\n labelPointStyle(tooltipItem) {\n const meta = tooltipItem.chart.getDatasetMeta(tooltipItem.datasetIndex);\n const options = meta.controller.getStyle(tooltipItem.dataIndex);\n return {\n pointStyle: options.pointStyle,\n rotation: options.rotation,\n };\n },\n afterLabel: noop,\n afterBody: noop,\n beforeFooter: noop,\n footer: noop,\n afterFooter: noop\n }\n },\n defaultRoutes: {\n bodyFont: 'font',\n footerFont: 'font',\n titleFont: 'font'\n },\n descriptors: {\n _scriptable: (name) => name !== 'filter' && name !== 'itemSort' && name !== 'external',\n _indexable: false,\n callbacks: {\n _scriptable: false,\n _indexable: false,\n },\n animation: {\n _fallback: false\n },\n animations: {\n _fallback: 'animation'\n }\n },\n additionalOptionScopes: ['interaction']\n};\n\nvar plugins = /*#__PURE__*/Object.freeze({\n__proto__: null,\nDecimation: plugin_decimation,\nFiller: index,\nLegend: plugin_legend,\nSubTitle: plugin_subtitle,\nTitle: plugin_title,\nTooltip: plugin_tooltip\n});\n\nconst addIfString = (labels, raw, index, addedLabels) => {\n if (typeof raw === 'string') {\n index = labels.push(raw) - 1;\n addedLabels.unshift({index, label: raw});\n } else if (isNaN(raw)) {\n index = null;\n }\n return index;\n};\nfunction findOrAddLabel(labels, raw, index, addedLabels) {\n const first = labels.indexOf(raw);\n if (first === -1) {\n return addIfString(labels, raw, index, addedLabels);\n }\n const last = labels.lastIndexOf(raw);\n return first !== last ? index : first;\n}\nconst validIndex = (index, max) => index === null ? null : _limitValue(Math.round(index), 0, max);\nclass CategoryScale extends Scale {\n constructor(cfg) {\n super(cfg);\n this._startValue = undefined;\n this._valueRange = 0;\n this._addedLabels = [];\n }\n init(scaleOptions) {\n const added = this._addedLabels;\n if (added.length) {\n const labels = this.getLabels();\n for (const {index, label} of added) {\n if (labels[index] === label) {\n labels.splice(index, 1);\n }\n }\n this._addedLabels = [];\n }\n super.init(scaleOptions);\n }\n parse(raw, index) {\n if (isNullOrUndef(raw)) {\n return null;\n }\n const labels = this.getLabels();\n index = isFinite(index) && labels[index] === raw ? index\n : findOrAddLabel(labels, raw, valueOrDefault(index, raw), this._addedLabels);\n return validIndex(index, labels.length - 1);\n }\n determineDataLimits() {\n const {minDefined, maxDefined} = this.getUserBounds();\n let {min, max} = this.getMinMax(true);\n if (this.options.bounds === 'ticks') {\n if (!minDefined) {\n min = 0;\n }\n if (!maxDefined) {\n max = this.getLabels().length - 1;\n }\n }\n this.min = min;\n this.max = max;\n }\n buildTicks() {\n const min = this.min;\n const max = this.max;\n const offset = this.options.offset;\n const ticks = [];\n let labels = this.getLabels();\n labels = (min === 0 && max === labels.length - 1) ? labels : labels.slice(min, max + 1);\n this._valueRange = Math.max(labels.length - (offset ? 0 : 1), 1);\n this._startValue = this.min - (offset ? 0.5 : 0);\n for (let value = min; value <= max; value++) {\n ticks.push({value});\n }\n return ticks;\n }\n getLabelForValue(value) {\n const labels = this.getLabels();\n if (value >= 0 && value < labels.length) {\n return labels[value];\n }\n return value;\n }\n configure() {\n super.configure();\n if (!this.isHorizontal()) {\n this._reversePixels = !this._reversePixels;\n }\n }\n getPixelForValue(value) {\n if (typeof value !== 'number') {\n value = this.parse(value);\n }\n return value === null ? NaN : this.getPixelForDecimal((value - this._startValue) / this._valueRange);\n }\n getPixelForTick(index) {\n const ticks = this.ticks;\n if (index < 0 || index > ticks.length - 1) {\n return null;\n }\n return this.getPixelForValue(ticks[index].value);\n }\n getValueForPixel(pixel) {\n return Math.round(this._startValue + this.getDecimalForPixel(pixel) * this._valueRange);\n }\n getBasePixel() {\n return this.bottom;\n }\n}\nCategoryScale.id = 'category';\nCategoryScale.defaults = {\n ticks: {\n callback: CategoryScale.prototype.getLabelForValue\n }\n};\n\nfunction generateTicks$1(generationOptions, dataRange) {\n const ticks = [];\n const MIN_SPACING = 1e-14;\n const {bounds, step, min, max, precision, count, maxTicks, maxDigits, includeBounds} = generationOptions;\n const unit = step || 1;\n const maxSpaces = maxTicks - 1;\n const {min: rmin, max: rmax} = dataRange;\n const minDefined = !isNullOrUndef(min);\n const maxDefined = !isNullOrUndef(max);\n const countDefined = !isNullOrUndef(count);\n const minSpacing = (rmax - rmin) / (maxDigits + 1);\n let spacing = niceNum((rmax - rmin) / maxSpaces / unit) * unit;\n let factor, niceMin, niceMax, numSpaces;\n if (spacing < MIN_SPACING && !minDefined && !maxDefined) {\n return [{value: rmin}, {value: rmax}];\n }\n numSpaces = Math.ceil(rmax / spacing) - Math.floor(rmin / spacing);\n if (numSpaces > maxSpaces) {\n spacing = niceNum(numSpaces * spacing / maxSpaces / unit) * unit;\n }\n if (!isNullOrUndef(precision)) {\n factor = Math.pow(10, precision);\n spacing = Math.ceil(spacing * factor) / factor;\n }\n if (bounds === 'ticks') {\n niceMin = Math.floor(rmin / spacing) * spacing;\n niceMax = Math.ceil(rmax / spacing) * spacing;\n } else {\n niceMin = rmin;\n niceMax = rmax;\n }\n if (minDefined && maxDefined && step && almostWhole((max - min) / step, spacing / 1000)) {\n numSpaces = Math.round(Math.min((max - min) / spacing, maxTicks));\n spacing = (max - min) / numSpaces;\n niceMin = min;\n niceMax = max;\n } else if (countDefined) {\n niceMin = minDefined ? min : niceMin;\n niceMax = maxDefined ? max : niceMax;\n numSpaces = count - 1;\n spacing = (niceMax - niceMin) / numSpaces;\n } else {\n numSpaces = (niceMax - niceMin) / spacing;\n if (almostEquals(numSpaces, Math.round(numSpaces), spacing / 1000)) {\n numSpaces = Math.round(numSpaces);\n } else {\n numSpaces = Math.ceil(numSpaces);\n }\n }\n const decimalPlaces = Math.max(\n _decimalPlaces(spacing),\n _decimalPlaces(niceMin)\n );\n factor = Math.pow(10, isNullOrUndef(precision) ? decimalPlaces : precision);\n niceMin = Math.round(niceMin * factor) / factor;\n niceMax = Math.round(niceMax * factor) / factor;\n let j = 0;\n if (minDefined) {\n if (includeBounds && niceMin !== min) {\n ticks.push({value: min});\n if (niceMin < min) {\n j++;\n }\n if (almostEquals(Math.round((niceMin + j * spacing) * factor) / factor, min, relativeLabelSize(min, minSpacing, generationOptions))) {\n j++;\n }\n } else if (niceMin < min) {\n j++;\n }\n }\n for (; j < numSpaces; ++j) {\n ticks.push({value: Math.round((niceMin + j * spacing) * factor) / factor});\n }\n if (maxDefined && includeBounds && niceMax !== max) {\n if (ticks.length && almostEquals(ticks[ticks.length - 1].value, max, relativeLabelSize(max, minSpacing, generationOptions))) {\n ticks[ticks.length - 1].value = max;\n } else {\n ticks.push({value: max});\n }\n } else if (!maxDefined || niceMax === max) {\n ticks.push({value: niceMax});\n }\n return ticks;\n}\nfunction relativeLabelSize(value, minSpacing, {horizontal, minRotation}) {\n const rad = toRadians(minRotation);\n const ratio = (horizontal ? Math.sin(rad) : Math.cos(rad)) || 0.001;\n const length = 0.75 * minSpacing * ('' + value).length;\n return Math.min(minSpacing / ratio, length);\n}\nclass LinearScaleBase extends Scale {\n constructor(cfg) {\n super(cfg);\n this.start = undefined;\n this.end = undefined;\n this._startValue = undefined;\n this._endValue = undefined;\n this._valueRange = 0;\n }\n parse(raw, index) {\n if (isNullOrUndef(raw)) {\n return null;\n }\n if ((typeof raw === 'number' || raw instanceof Number) && !isFinite(+raw)) {\n return null;\n }\n return +raw;\n }\n handleTickRangeOptions() {\n const {beginAtZero} = this.options;\n const {minDefined, maxDefined} = this.getUserBounds();\n let {min, max} = this;\n const setMin = v => (min = minDefined ? min : v);\n const setMax = v => (max = maxDefined ? max : v);\n if (beginAtZero) {\n const minSign = sign(min);\n const maxSign = sign(max);\n if (minSign < 0 && maxSign < 0) {\n setMax(0);\n } else if (minSign > 0 && maxSign > 0) {\n setMin(0);\n }\n }\n if (min === max) {\n let offset = 1;\n if (max >= Number.MAX_SAFE_INTEGER || min <= Number.MIN_SAFE_INTEGER) {\n offset = Math.abs(max * 0.05);\n }\n setMax(max + offset);\n if (!beginAtZero) {\n setMin(min - offset);\n }\n }\n this.min = min;\n this.max = max;\n }\n getTickLimit() {\n const tickOpts = this.options.ticks;\n let {maxTicksLimit, stepSize} = tickOpts;\n let maxTicks;\n if (stepSize) {\n maxTicks = Math.ceil(this.max / stepSize) - Math.floor(this.min / stepSize) + 1;\n if (maxTicks > 1000) {\n console.warn(`scales.${this.id}.ticks.stepSize: ${stepSize} would result generating up to ${maxTicks} ticks. Limiting to 1000.`);\n maxTicks = 1000;\n }\n } else {\n maxTicks = this.computeTickLimit();\n maxTicksLimit = maxTicksLimit || 11;\n }\n if (maxTicksLimit) {\n maxTicks = Math.min(maxTicksLimit, maxTicks);\n }\n return maxTicks;\n }\n computeTickLimit() {\n return Number.POSITIVE_INFINITY;\n }\n buildTicks() {\n const opts = this.options;\n const tickOpts = opts.ticks;\n let maxTicks = this.getTickLimit();\n maxTicks = Math.max(2, maxTicks);\n const numericGeneratorOptions = {\n maxTicks,\n bounds: opts.bounds,\n min: opts.min,\n max: opts.max,\n precision: tickOpts.precision,\n step: tickOpts.stepSize,\n count: tickOpts.count,\n maxDigits: this._maxDigits(),\n horizontal: this.isHorizontal(),\n minRotation: tickOpts.minRotation || 0,\n includeBounds: tickOpts.includeBounds !== false\n };\n const dataRange = this._range || this;\n const ticks = generateTicks$1(numericGeneratorOptions, dataRange);\n if (opts.bounds === 'ticks') {\n _setMinAndMaxByKey(ticks, this, 'value');\n }\n if (opts.reverse) {\n ticks.reverse();\n this.start = this.max;\n this.end = this.min;\n } else {\n this.start = this.min;\n this.end = this.max;\n }\n return ticks;\n }\n configure() {\n const ticks = this.ticks;\n let start = this.min;\n let end = this.max;\n super.configure();\n if (this.options.offset && ticks.length) {\n const offset = (end - start) / Math.max(ticks.length - 1, 1) / 2;\n start -= offset;\n end += offset;\n }\n this._startValue = start;\n this._endValue = end;\n this._valueRange = end - start;\n }\n getLabelForValue(value) {\n return formatNumber(value, this.chart.options.locale, this.options.ticks.format);\n }\n}\n\nclass LinearScale extends LinearScaleBase {\n determineDataLimits() {\n const {min, max} = this.getMinMax(true);\n this.min = isNumberFinite(min) ? min : 0;\n this.max = isNumberFinite(max) ? max : 1;\n this.handleTickRangeOptions();\n }\n computeTickLimit() {\n const horizontal = this.isHorizontal();\n const length = horizontal ? this.width : this.height;\n const minRotation = toRadians(this.options.ticks.minRotation);\n const ratio = (horizontal ? Math.sin(minRotation) : Math.cos(minRotation)) || 0.001;\n const tickFont = this._resolveTickFontOptions(0);\n return Math.ceil(length / Math.min(40, tickFont.lineHeight / ratio));\n }\n getPixelForValue(value) {\n return value === null ? NaN : this.getPixelForDecimal((value - this._startValue) / this._valueRange);\n }\n getValueForPixel(pixel) {\n return this._startValue + this.getDecimalForPixel(pixel) * this._valueRange;\n }\n}\nLinearScale.id = 'linear';\nLinearScale.defaults = {\n ticks: {\n callback: Ticks.formatters.numeric\n }\n};\n\nfunction isMajor(tickVal) {\n const remain = tickVal / (Math.pow(10, Math.floor(log10(tickVal))));\n return remain === 1;\n}\nfunction generateTicks(generationOptions, dataRange) {\n const endExp = Math.floor(log10(dataRange.max));\n const endSignificand = Math.ceil(dataRange.max / Math.pow(10, endExp));\n const ticks = [];\n let tickVal = finiteOrDefault(generationOptions.min, Math.pow(10, Math.floor(log10(dataRange.min))));\n let exp = Math.floor(log10(tickVal));\n let significand = Math.floor(tickVal / Math.pow(10, exp));\n let precision = exp < 0 ? Math.pow(10, Math.abs(exp)) : 1;\n do {\n ticks.push({value: tickVal, major: isMajor(tickVal)});\n ++significand;\n if (significand === 10) {\n significand = 1;\n ++exp;\n precision = exp >= 0 ? 1 : precision;\n }\n tickVal = Math.round(significand * Math.pow(10, exp) * precision) / precision;\n } while (exp < endExp || (exp === endExp && significand < endSignificand));\n const lastTick = finiteOrDefault(generationOptions.max, tickVal);\n ticks.push({value: lastTick, major: isMajor(tickVal)});\n return ticks;\n}\nclass LogarithmicScale extends Scale {\n constructor(cfg) {\n super(cfg);\n this.start = undefined;\n this.end = undefined;\n this._startValue = undefined;\n this._valueRange = 0;\n }\n parse(raw, index) {\n const value = LinearScaleBase.prototype.parse.apply(this, [raw, index]);\n if (value === 0) {\n this._zero = true;\n return undefined;\n }\n return isNumberFinite(value) && value > 0 ? value : null;\n }\n determineDataLimits() {\n const {min, max} = this.getMinMax(true);\n this.min = isNumberFinite(min) ? Math.max(0, min) : null;\n this.max = isNumberFinite(max) ? Math.max(0, max) : null;\n if (this.options.beginAtZero) {\n this._zero = true;\n }\n this.handleTickRangeOptions();\n }\n handleTickRangeOptions() {\n const {minDefined, maxDefined} = this.getUserBounds();\n let min = this.min;\n let max = this.max;\n const setMin = v => (min = minDefined ? min : v);\n const setMax = v => (max = maxDefined ? max : v);\n const exp = (v, m) => Math.pow(10, Math.floor(log10(v)) + m);\n if (min === max) {\n if (min <= 0) {\n setMin(1);\n setMax(10);\n } else {\n setMin(exp(min, -1));\n setMax(exp(max, +1));\n }\n }\n if (min <= 0) {\n setMin(exp(max, -1));\n }\n if (max <= 0) {\n setMax(exp(min, +1));\n }\n if (this._zero && this.min !== this._suggestedMin && min === exp(this.min, 0)) {\n setMin(exp(min, -1));\n }\n this.min = min;\n this.max = max;\n }\n buildTicks() {\n const opts = this.options;\n const generationOptions = {\n min: this._userMin,\n max: this._userMax\n };\n const ticks = generateTicks(generationOptions, this);\n if (opts.bounds === 'ticks') {\n _setMinAndMaxByKey(ticks, this, 'value');\n }\n if (opts.reverse) {\n ticks.reverse();\n this.start = this.max;\n this.end = this.min;\n } else {\n this.start = this.min;\n this.end = this.max;\n }\n return ticks;\n }\n getLabelForValue(value) {\n return value === undefined\n ? '0'\n : formatNumber(value, this.chart.options.locale, this.options.ticks.format);\n }\n configure() {\n const start = this.min;\n super.configure();\n this._startValue = log10(start);\n this._valueRange = log10(this.max) - log10(start);\n }\n getPixelForValue(value) {\n if (value === undefined || value === 0) {\n value = this.min;\n }\n if (value === null || isNaN(value)) {\n return NaN;\n }\n return this.getPixelForDecimal(value === this.min\n ? 0\n : (log10(value) - this._startValue) / this._valueRange);\n }\n getValueForPixel(pixel) {\n const decimal = this.getDecimalForPixel(pixel);\n return Math.pow(10, this._startValue + decimal * this._valueRange);\n }\n}\nLogarithmicScale.id = 'logarithmic';\nLogarithmicScale.defaults = {\n ticks: {\n callback: Ticks.formatters.logarithmic,\n major: {\n enabled: true\n }\n }\n};\n\nfunction getTickBackdropHeight(opts) {\n const tickOpts = opts.ticks;\n if (tickOpts.display && opts.display) {\n const padding = toPadding(tickOpts.backdropPadding);\n return valueOrDefault(tickOpts.font && tickOpts.font.size, defaults.font.size) + padding.height;\n }\n return 0;\n}\nfunction measureLabelSize(ctx, font, label) {\n label = isArray(label) ? label : [label];\n return {\n w: _longestText(ctx, font.string, label),\n h: label.length * font.lineHeight\n };\n}\nfunction determineLimits(angle, pos, size, min, max) {\n if (angle === min || angle === max) {\n return {\n start: pos - (size / 2),\n end: pos + (size / 2)\n };\n } else if (angle < min || angle > max) {\n return {\n start: pos - size,\n end: pos\n };\n }\n return {\n start: pos,\n end: pos + size\n };\n}\nfunction fitWithPointLabels(scale) {\n const orig = {\n l: scale.left + scale._padding.left,\n r: scale.right - scale._padding.right,\n t: scale.top + scale._padding.top,\n b: scale.bottom - scale._padding.bottom\n };\n const limits = Object.assign({}, orig);\n const labelSizes = [];\n const padding = [];\n const valueCount = scale._pointLabels.length;\n const pointLabelOpts = scale.options.pointLabels;\n const additionalAngle = pointLabelOpts.centerPointLabels ? PI / valueCount : 0;\n for (let i = 0; i < valueCount; i++) {\n const opts = pointLabelOpts.setContext(scale.getPointLabelContext(i));\n padding[i] = opts.padding;\n const pointPosition = scale.getPointPosition(i, scale.drawingArea + padding[i], additionalAngle);\n const plFont = toFont(opts.font);\n const textSize = measureLabelSize(scale.ctx, plFont, scale._pointLabels[i]);\n labelSizes[i] = textSize;\n const angleRadians = _normalizeAngle(scale.getIndexAngle(i) + additionalAngle);\n const angle = Math.round(toDegrees(angleRadians));\n const hLimits = determineLimits(angle, pointPosition.x, textSize.w, 0, 180);\n const vLimits = determineLimits(angle, pointPosition.y, textSize.h, 90, 270);\n updateLimits(limits, orig, angleRadians, hLimits, vLimits);\n }\n scale.setCenterPoint(\n orig.l - limits.l,\n limits.r - orig.r,\n orig.t - limits.t,\n limits.b - orig.b\n );\n scale._pointLabelItems = buildPointLabelItems(scale, labelSizes, padding);\n}\nfunction updateLimits(limits, orig, angle, hLimits, vLimits) {\n const sin = Math.abs(Math.sin(angle));\n const cos = Math.abs(Math.cos(angle));\n let x = 0;\n let y = 0;\n if (hLimits.start < orig.l) {\n x = (orig.l - hLimits.start) / sin;\n limits.l = Math.min(limits.l, orig.l - x);\n } else if (hLimits.end > orig.r) {\n x = (hLimits.end - orig.r) / sin;\n limits.r = Math.max(limits.r, orig.r + x);\n }\n if (vLimits.start < orig.t) {\n y = (orig.t - vLimits.start) / cos;\n limits.t = Math.min(limits.t, orig.t - y);\n } else if (vLimits.end > orig.b) {\n y = (vLimits.end - orig.b) / cos;\n limits.b = Math.max(limits.b, orig.b + y);\n }\n}\nfunction buildPointLabelItems(scale, labelSizes, padding) {\n const items = [];\n const valueCount = scale._pointLabels.length;\n const opts = scale.options;\n const extra = getTickBackdropHeight(opts) / 2;\n const outerDistance = scale.drawingArea;\n const additionalAngle = opts.pointLabels.centerPointLabels ? PI / valueCount : 0;\n for (let i = 0; i < valueCount; i++) {\n const pointLabelPosition = scale.getPointPosition(i, outerDistance + extra + padding[i], additionalAngle);\n const angle = Math.round(toDegrees(_normalizeAngle(pointLabelPosition.angle + HALF_PI)));\n const size = labelSizes[i];\n const y = yForAngle(pointLabelPosition.y, size.h, angle);\n const textAlign = getTextAlignForAngle(angle);\n const left = leftForTextAlign(pointLabelPosition.x, size.w, textAlign);\n items.push({\n x: pointLabelPosition.x,\n y,\n textAlign,\n left,\n top: y,\n right: left + size.w,\n bottom: y + size.h\n });\n }\n return items;\n}\nfunction getTextAlignForAngle(angle) {\n if (angle === 0 || angle === 180) {\n return 'center';\n } else if (angle < 180) {\n return 'left';\n }\n return 'right';\n}\nfunction leftForTextAlign(x, w, align) {\n if (align === 'right') {\n x -= w;\n } else if (align === 'center') {\n x -= (w / 2);\n }\n return x;\n}\nfunction yForAngle(y, h, angle) {\n if (angle === 90 || angle === 270) {\n y -= (h / 2);\n } else if (angle > 270 || angle < 90) {\n y -= h;\n }\n return y;\n}\nfunction drawPointLabels(scale, labelCount) {\n const {ctx, options: {pointLabels}} = scale;\n for (let i = labelCount - 1; i >= 0; i--) {\n const optsAtIndex = pointLabels.setContext(scale.getPointLabelContext(i));\n const plFont = toFont(optsAtIndex.font);\n const {x, y, textAlign, left, top, right, bottom} = scale._pointLabelItems[i];\n const {backdropColor} = optsAtIndex;\n if (!isNullOrUndef(backdropColor)) {\n const borderRadius = toTRBLCorners(optsAtIndex.borderRadius);\n const padding = toPadding(optsAtIndex.backdropPadding);\n ctx.fillStyle = backdropColor;\n const backdropLeft = left - padding.left;\n const backdropTop = top - padding.top;\n const backdropWidth = right - left + padding.width;\n const backdropHeight = bottom - top + padding.height;\n if (Object.values(borderRadius).some(v => v !== 0)) {\n ctx.beginPath();\n addRoundedRectPath(ctx, {\n x: backdropLeft,\n y: backdropTop,\n w: backdropWidth,\n h: backdropHeight,\n radius: borderRadius,\n });\n ctx.fill();\n } else {\n ctx.fillRect(backdropLeft, backdropTop, backdropWidth, backdropHeight);\n }\n }\n renderText(\n ctx,\n scale._pointLabels[i],\n x,\n y + (plFont.lineHeight / 2),\n plFont,\n {\n color: optsAtIndex.color,\n textAlign: textAlign,\n textBaseline: 'middle'\n }\n );\n }\n}\nfunction pathRadiusLine(scale, radius, circular, labelCount) {\n const {ctx} = scale;\n if (circular) {\n ctx.arc(scale.xCenter, scale.yCenter, radius, 0, TAU);\n } else {\n let pointPosition = scale.getPointPosition(0, radius);\n ctx.moveTo(pointPosition.x, pointPosition.y);\n for (let i = 1; i < labelCount; i++) {\n pointPosition = scale.getPointPosition(i, radius);\n ctx.lineTo(pointPosition.x, pointPosition.y);\n }\n }\n}\nfunction drawRadiusLine(scale, gridLineOpts, radius, labelCount) {\n const ctx = scale.ctx;\n const circular = gridLineOpts.circular;\n const {color, lineWidth} = gridLineOpts;\n if ((!circular && !labelCount) || !color || !lineWidth || radius < 0) {\n return;\n }\n ctx.save();\n ctx.strokeStyle = color;\n ctx.lineWidth = lineWidth;\n ctx.setLineDash(gridLineOpts.borderDash);\n ctx.lineDashOffset = gridLineOpts.borderDashOffset;\n ctx.beginPath();\n pathRadiusLine(scale, radius, circular, labelCount);\n ctx.closePath();\n ctx.stroke();\n ctx.restore();\n}\nfunction createPointLabelContext(parent, index, label) {\n return createContext(parent, {\n label,\n index,\n type: 'pointLabel'\n });\n}\nclass RadialLinearScale extends LinearScaleBase {\n constructor(cfg) {\n super(cfg);\n this.xCenter = undefined;\n this.yCenter = undefined;\n this.drawingArea = undefined;\n this._pointLabels = [];\n this._pointLabelItems = [];\n }\n setDimensions() {\n const padding = this._padding = toPadding(getTickBackdropHeight(this.options) / 2);\n const w = this.width = this.maxWidth - padding.width;\n const h = this.height = this.maxHeight - padding.height;\n this.xCenter = Math.floor(this.left + w / 2 + padding.left);\n this.yCenter = Math.floor(this.top + h / 2 + padding.top);\n this.drawingArea = Math.floor(Math.min(w, h) / 2);\n }\n determineDataLimits() {\n const {min, max} = this.getMinMax(false);\n this.min = isNumberFinite(min) && !isNaN(min) ? min : 0;\n this.max = isNumberFinite(max) && !isNaN(max) ? max : 0;\n this.handleTickRangeOptions();\n }\n computeTickLimit() {\n return Math.ceil(this.drawingArea / getTickBackdropHeight(this.options));\n }\n generateTickLabels(ticks) {\n LinearScaleBase.prototype.generateTickLabels.call(this, ticks);\n this._pointLabels = this.getLabels()\n .map((value, index) => {\n const label = callback(this.options.pointLabels.callback, [value, index], this);\n return label || label === 0 ? label : '';\n })\n .filter((v, i) => this.chart.getDataVisibility(i));\n }\n fit() {\n const opts = this.options;\n if (opts.display && opts.pointLabels.display) {\n fitWithPointLabels(this);\n } else {\n this.setCenterPoint(0, 0, 0, 0);\n }\n }\n setCenterPoint(leftMovement, rightMovement, topMovement, bottomMovement) {\n this.xCenter += Math.floor((leftMovement - rightMovement) / 2);\n this.yCenter += Math.floor((topMovement - bottomMovement) / 2);\n this.drawingArea -= Math.min(this.drawingArea / 2, Math.max(leftMovement, rightMovement, topMovement, bottomMovement));\n }\n getIndexAngle(index) {\n const angleMultiplier = TAU / (this._pointLabels.length || 1);\n const startAngle = this.options.startAngle || 0;\n return _normalizeAngle(index * angleMultiplier + toRadians(startAngle));\n }\n getDistanceFromCenterForValue(value) {\n if (isNullOrUndef(value)) {\n return NaN;\n }\n const scalingFactor = this.drawingArea / (this.max - this.min);\n if (this.options.reverse) {\n return (this.max - value) * scalingFactor;\n }\n return (value - this.min) * scalingFactor;\n }\n getValueForDistanceFromCenter(distance) {\n if (isNullOrUndef(distance)) {\n return NaN;\n }\n const scaledDistance = distance / (this.drawingArea / (this.max - this.min));\n return this.options.reverse ? this.max - scaledDistance : this.min + scaledDistance;\n }\n getPointLabelContext(index) {\n const pointLabels = this._pointLabels || [];\n if (index >= 0 && index < pointLabels.length) {\n const pointLabel = pointLabels[index];\n return createPointLabelContext(this.getContext(), index, pointLabel);\n }\n }\n getPointPosition(index, distanceFromCenter, additionalAngle = 0) {\n const angle = this.getIndexAngle(index) - HALF_PI + additionalAngle;\n return {\n x: Math.cos(angle) * distanceFromCenter + this.xCenter,\n y: Math.sin(angle) * distanceFromCenter + this.yCenter,\n angle\n };\n }\n getPointPositionForValue(index, value) {\n return this.getPointPosition(index, this.getDistanceFromCenterForValue(value));\n }\n getBasePosition(index) {\n return this.getPointPositionForValue(index || 0, this.getBaseValue());\n }\n getPointLabelPosition(index) {\n const {left, top, right, bottom} = this._pointLabelItems[index];\n return {\n left,\n top,\n right,\n bottom,\n };\n }\n drawBackground() {\n const {backgroundColor, grid: {circular}} = this.options;\n if (backgroundColor) {\n const ctx = this.ctx;\n ctx.save();\n ctx.beginPath();\n pathRadiusLine(this, this.getDistanceFromCenterForValue(this._endValue), circular, this._pointLabels.length);\n ctx.closePath();\n ctx.fillStyle = backgroundColor;\n ctx.fill();\n ctx.restore();\n }\n }\n drawGrid() {\n const ctx = this.ctx;\n const opts = this.options;\n const {angleLines, grid} = opts;\n const labelCount = this._pointLabels.length;\n let i, offset, position;\n if (opts.pointLabels.display) {\n drawPointLabels(this, labelCount);\n }\n if (grid.display) {\n this.ticks.forEach((tick, index) => {\n if (index !== 0) {\n offset = this.getDistanceFromCenterForValue(tick.value);\n const optsAtIndex = grid.setContext(this.getContext(index - 1));\n drawRadiusLine(this, optsAtIndex, offset, labelCount);\n }\n });\n }\n if (angleLines.display) {\n ctx.save();\n for (i = labelCount - 1; i >= 0; i--) {\n const optsAtIndex = angleLines.setContext(this.getPointLabelContext(i));\n const {color, lineWidth} = optsAtIndex;\n if (!lineWidth || !color) {\n continue;\n }\n ctx.lineWidth = lineWidth;\n ctx.strokeStyle = color;\n ctx.setLineDash(optsAtIndex.borderDash);\n ctx.lineDashOffset = optsAtIndex.borderDashOffset;\n offset = this.getDistanceFromCenterForValue(opts.ticks.reverse ? this.min : this.max);\n position = this.getPointPosition(i, offset);\n ctx.beginPath();\n ctx.moveTo(this.xCenter, this.yCenter);\n ctx.lineTo(position.x, position.y);\n ctx.stroke();\n }\n ctx.restore();\n }\n }\n drawBorder() {}\n drawLabels() {\n const ctx = this.ctx;\n const opts = this.options;\n const tickOpts = opts.ticks;\n if (!tickOpts.display) {\n return;\n }\n const startAngle = this.getIndexAngle(0);\n let offset, width;\n ctx.save();\n ctx.translate(this.xCenter, this.yCenter);\n ctx.rotate(startAngle);\n ctx.textAlign = 'center';\n ctx.textBaseline = 'middle';\n this.ticks.forEach((tick, index) => {\n if (index === 0 && !opts.reverse) {\n return;\n }\n const optsAtIndex = tickOpts.setContext(this.getContext(index));\n const tickFont = toFont(optsAtIndex.font);\n offset = this.getDistanceFromCenterForValue(this.ticks[index].value);\n if (optsAtIndex.showLabelBackdrop) {\n ctx.font = tickFont.string;\n width = ctx.measureText(tick.label).width;\n ctx.fillStyle = optsAtIndex.backdropColor;\n const padding = toPadding(optsAtIndex.backdropPadding);\n ctx.fillRect(\n -width / 2 - padding.left,\n -offset - tickFont.size / 2 - padding.top,\n width + padding.width,\n tickFont.size + padding.height\n );\n }\n renderText(ctx, tick.label, 0, -offset, tickFont, {\n color: optsAtIndex.color,\n });\n });\n ctx.restore();\n }\n drawTitle() {}\n}\nRadialLinearScale.id = 'radialLinear';\nRadialLinearScale.defaults = {\n display: true,\n animate: true,\n position: 'chartArea',\n angleLines: {\n display: true,\n lineWidth: 1,\n borderDash: [],\n borderDashOffset: 0.0\n },\n grid: {\n circular: false\n },\n startAngle: 0,\n ticks: {\n showLabelBackdrop: true,\n callback: Ticks.formatters.numeric\n },\n pointLabels: {\n backdropColor: undefined,\n backdropPadding: 2,\n display: true,\n font: {\n size: 10\n },\n callback(label) {\n return label;\n },\n padding: 5,\n centerPointLabels: false\n }\n};\nRadialLinearScale.defaultRoutes = {\n 'angleLines.color': 'borderColor',\n 'pointLabels.color': 'color',\n 'ticks.color': 'color'\n};\nRadialLinearScale.descriptors = {\n angleLines: {\n _fallback: 'grid'\n }\n};\n\nconst INTERVALS = {\n millisecond: {common: true, size: 1, steps: 1000},\n second: {common: true, size: 1000, steps: 60},\n minute: {common: true, size: 60000, steps: 60},\n hour: {common: true, size: 3600000, steps: 24},\n day: {common: true, size: 86400000, steps: 30},\n week: {common: false, size: 604800000, steps: 4},\n month: {common: true, size: 2.628e9, steps: 12},\n quarter: {common: false, size: 7.884e9, steps: 4},\n year: {common: true, size: 3.154e10}\n};\nconst UNITS = (Object.keys(INTERVALS));\nfunction sorter(a, b) {\n return a - b;\n}\nfunction parse(scale, input) {\n if (isNullOrUndef(input)) {\n return null;\n }\n const adapter = scale._adapter;\n const {parser, round, isoWeekday} = scale._parseOpts;\n let value = input;\n if (typeof parser === 'function') {\n value = parser(value);\n }\n if (!isNumberFinite(value)) {\n value = typeof parser === 'string'\n ? adapter.parse(value, parser)\n : adapter.parse(value);\n }\n if (value === null) {\n return null;\n }\n if (round) {\n value = round === 'week' && (isNumber(isoWeekday) || isoWeekday === true)\n ? adapter.startOf(value, 'isoWeek', isoWeekday)\n : adapter.startOf(value, round);\n }\n return +value;\n}\nfunction determineUnitForAutoTicks(minUnit, min, max, capacity) {\n const ilen = UNITS.length;\n for (let i = UNITS.indexOf(minUnit); i < ilen - 1; ++i) {\n const interval = INTERVALS[UNITS[i]];\n const factor = interval.steps ? interval.steps : Number.MAX_SAFE_INTEGER;\n if (interval.common && Math.ceil((max - min) / (factor * interval.size)) <= capacity) {\n return UNITS[i];\n }\n }\n return UNITS[ilen - 1];\n}\nfunction determineUnitForFormatting(scale, numTicks, minUnit, min, max) {\n for (let i = UNITS.length - 1; i >= UNITS.indexOf(minUnit); i--) {\n const unit = UNITS[i];\n if (INTERVALS[unit].common && scale._adapter.diff(max, min, unit) >= numTicks - 1) {\n return unit;\n }\n }\n return UNITS[minUnit ? UNITS.indexOf(minUnit) : 0];\n}\nfunction determineMajorUnit(unit) {\n for (let i = UNITS.indexOf(unit) + 1, ilen = UNITS.length; i < ilen; ++i) {\n if (INTERVALS[UNITS[i]].common) {\n return UNITS[i];\n }\n }\n}\nfunction addTick(ticks, time, timestamps) {\n if (!timestamps) {\n ticks[time] = true;\n } else if (timestamps.length) {\n const {lo, hi} = _lookup(timestamps, time);\n const timestamp = timestamps[lo] >= time ? timestamps[lo] : timestamps[hi];\n ticks[timestamp] = true;\n }\n}\nfunction setMajorTicks(scale, ticks, map, majorUnit) {\n const adapter = scale._adapter;\n const first = +adapter.startOf(ticks[0].value, majorUnit);\n const last = ticks[ticks.length - 1].value;\n let major, index;\n for (major = first; major <= last; major = +adapter.add(major, 1, majorUnit)) {\n index = map[major];\n if (index >= 0) {\n ticks[index].major = true;\n }\n }\n return ticks;\n}\nfunction ticksFromTimestamps(scale, values, majorUnit) {\n const ticks = [];\n const map = {};\n const ilen = values.length;\n let i, value;\n for (i = 0; i < ilen; ++i) {\n value = values[i];\n map[value] = i;\n ticks.push({\n value,\n major: false\n });\n }\n return (ilen === 0 || !majorUnit) ? ticks : setMajorTicks(scale, ticks, map, majorUnit);\n}\nclass TimeScale extends Scale {\n constructor(props) {\n super(props);\n this._cache = {\n data: [],\n labels: [],\n all: []\n };\n this._unit = 'day';\n this._majorUnit = undefined;\n this._offsets = {};\n this._normalized = false;\n this._parseOpts = undefined;\n }\n init(scaleOpts, opts) {\n const time = scaleOpts.time || (scaleOpts.time = {});\n const adapter = this._adapter = new adapters._date(scaleOpts.adapters.date);\n adapter.init(opts);\n mergeIf(time.displayFormats, adapter.formats());\n this._parseOpts = {\n parser: time.parser,\n round: time.round,\n isoWeekday: time.isoWeekday\n };\n super.init(scaleOpts);\n this._normalized = opts.normalized;\n }\n parse(raw, index) {\n if (raw === undefined) {\n return null;\n }\n return parse(this, raw);\n }\n beforeLayout() {\n super.beforeLayout();\n this._cache = {\n data: [],\n labels: [],\n all: []\n };\n }\n determineDataLimits() {\n const options = this.options;\n const adapter = this._adapter;\n const unit = options.time.unit || 'day';\n let {min, max, minDefined, maxDefined} = this.getUserBounds();\n function _applyBounds(bounds) {\n if (!minDefined && !isNaN(bounds.min)) {\n min = Math.min(min, bounds.min);\n }\n if (!maxDefined && !isNaN(bounds.max)) {\n max = Math.max(max, bounds.max);\n }\n }\n if (!minDefined || !maxDefined) {\n _applyBounds(this._getLabelBounds());\n if (options.bounds !== 'ticks' || options.ticks.source !== 'labels') {\n _applyBounds(this.getMinMax(false));\n }\n }\n min = isNumberFinite(min) && !isNaN(min) ? min : +adapter.startOf(Date.now(), unit);\n max = isNumberFinite(max) && !isNaN(max) ? max : +adapter.endOf(Date.now(), unit) + 1;\n this.min = Math.min(min, max - 1);\n this.max = Math.max(min + 1, max);\n }\n _getLabelBounds() {\n const arr = this.getLabelTimestamps();\n let min = Number.POSITIVE_INFINITY;\n let max = Number.NEGATIVE_INFINITY;\n if (arr.length) {\n min = arr[0];\n max = arr[arr.length - 1];\n }\n return {min, max};\n }\n buildTicks() {\n const options = this.options;\n const timeOpts = options.time;\n const tickOpts = options.ticks;\n const timestamps = tickOpts.source === 'labels' ? this.getLabelTimestamps() : this._generate();\n if (options.bounds === 'ticks' && timestamps.length) {\n this.min = this._userMin || timestamps[0];\n this.max = this._userMax || timestamps[timestamps.length - 1];\n }\n const min = this.min;\n const max = this.max;\n const ticks = _filterBetween(timestamps, min, max);\n this._unit = timeOpts.unit || (tickOpts.autoSkip\n ? determineUnitForAutoTicks(timeOpts.minUnit, this.min, this.max, this._getLabelCapacity(min))\n : determineUnitForFormatting(this, ticks.length, timeOpts.minUnit, this.min, this.max));\n this._majorUnit = !tickOpts.major.enabled || this._unit === 'year' ? undefined\n : determineMajorUnit(this._unit);\n this.initOffsets(timestamps);\n if (options.reverse) {\n ticks.reverse();\n }\n return ticksFromTimestamps(this, ticks, this._majorUnit);\n }\n afterAutoSkip() {\n if (this.options.offsetAfterAutoskip) {\n this.initOffsets(this.ticks.map(tick => +tick.value));\n }\n }\n initOffsets(timestamps) {\n let start = 0;\n let end = 0;\n let first, last;\n if (this.options.offset && timestamps.length) {\n first = this.getDecimalForValue(timestamps[0]);\n if (timestamps.length === 1) {\n start = 1 - first;\n } else {\n start = (this.getDecimalForValue(timestamps[1]) - first) / 2;\n }\n last = this.getDecimalForValue(timestamps[timestamps.length - 1]);\n if (timestamps.length === 1) {\n end = last;\n } else {\n end = (last - this.getDecimalForValue(timestamps[timestamps.length - 2])) / 2;\n }\n }\n const limit = timestamps.length < 3 ? 0.5 : 0.25;\n start = _limitValue(start, 0, limit);\n end = _limitValue(end, 0, limit);\n this._offsets = {start, end, factor: 1 / (start + 1 + end)};\n }\n _generate() {\n const adapter = this._adapter;\n const min = this.min;\n const max = this.max;\n const options = this.options;\n const timeOpts = options.time;\n const minor = timeOpts.unit || determineUnitForAutoTicks(timeOpts.minUnit, min, max, this._getLabelCapacity(min));\n const stepSize = valueOrDefault(timeOpts.stepSize, 1);\n const weekday = minor === 'week' ? timeOpts.isoWeekday : false;\n const hasWeekday = isNumber(weekday) || weekday === true;\n const ticks = {};\n let first = min;\n let time, count;\n if (hasWeekday) {\n first = +adapter.startOf(first, 'isoWeek', weekday);\n }\n first = +adapter.startOf(first, hasWeekday ? 'day' : minor);\n if (adapter.diff(max, min, minor) > 100000 * stepSize) {\n throw new Error(min + ' and ' + max + ' are too far apart with stepSize of ' + stepSize + ' ' + minor);\n }\n const timestamps = options.ticks.source === 'data' && this.getDataTimestamps();\n for (time = first, count = 0; time < max; time = +adapter.add(time, stepSize, minor), count++) {\n addTick(ticks, time, timestamps);\n }\n if (time === max || options.bounds === 'ticks' || count === 1) {\n addTick(ticks, time, timestamps);\n }\n return Object.keys(ticks).sort((a, b) => a - b).map(x => +x);\n }\n getLabelForValue(value) {\n const adapter = this._adapter;\n const timeOpts = this.options.time;\n if (timeOpts.tooltipFormat) {\n return adapter.format(value, timeOpts.tooltipFormat);\n }\n return adapter.format(value, timeOpts.displayFormats.datetime);\n }\n _tickFormatFunction(time, index, ticks, format) {\n const options = this.options;\n const formats = options.time.displayFormats;\n const unit = this._unit;\n const majorUnit = this._majorUnit;\n const minorFormat = unit && formats[unit];\n const majorFormat = majorUnit && formats[majorUnit];\n const tick = ticks[index];\n const major = majorUnit && majorFormat && tick && tick.major;\n const label = this._adapter.format(time, format || (major ? majorFormat : minorFormat));\n const formatter = options.ticks.callback;\n return formatter ? callback(formatter, [label, index, ticks], this) : label;\n }\n generateTickLabels(ticks) {\n let i, ilen, tick;\n for (i = 0, ilen = ticks.length; i < ilen; ++i) {\n tick = ticks[i];\n tick.label = this._tickFormatFunction(tick.value, i, ticks);\n }\n }\n getDecimalForValue(value) {\n return value === null ? NaN : (value - this.min) / (this.max - this.min);\n }\n getPixelForValue(value) {\n const offsets = this._offsets;\n const pos = this.getDecimalForValue(value);\n return this.getPixelForDecimal((offsets.start + pos) * offsets.factor);\n }\n getValueForPixel(pixel) {\n const offsets = this._offsets;\n const pos = this.getDecimalForPixel(pixel) / offsets.factor - offsets.end;\n return this.min + pos * (this.max - this.min);\n }\n _getLabelSize(label) {\n const ticksOpts = this.options.ticks;\n const tickLabelWidth = this.ctx.measureText(label).width;\n const angle = toRadians(this.isHorizontal() ? ticksOpts.maxRotation : ticksOpts.minRotation);\n const cosRotation = Math.cos(angle);\n const sinRotation = Math.sin(angle);\n const tickFontSize = this._resolveTickFontOptions(0).size;\n return {\n w: (tickLabelWidth * cosRotation) + (tickFontSize * sinRotation),\n h: (tickLabelWidth * sinRotation) + (tickFontSize * cosRotation)\n };\n }\n _getLabelCapacity(exampleTime) {\n const timeOpts = this.options.time;\n const displayFormats = timeOpts.displayFormats;\n const format = displayFormats[timeOpts.unit] || displayFormats.millisecond;\n const exampleLabel = this._tickFormatFunction(exampleTime, 0, ticksFromTimestamps(this, [exampleTime], this._majorUnit), format);\n const size = this._getLabelSize(exampleLabel);\n const capacity = Math.floor(this.isHorizontal() ? this.width / size.w : this.height / size.h) - 1;\n return capacity > 0 ? capacity : 1;\n }\n getDataTimestamps() {\n let timestamps = this._cache.data || [];\n let i, ilen;\n if (timestamps.length) {\n return timestamps;\n }\n const metas = this.getMatchingVisibleMetas();\n if (this._normalized && metas.length) {\n return (this._cache.data = metas[0].controller.getAllParsedValues(this));\n }\n for (i = 0, ilen = metas.length; i < ilen; ++i) {\n timestamps = timestamps.concat(metas[i].controller.getAllParsedValues(this));\n }\n return (this._cache.data = this.normalize(timestamps));\n }\n getLabelTimestamps() {\n const timestamps = this._cache.labels || [];\n let i, ilen;\n if (timestamps.length) {\n return timestamps;\n }\n const labels = this.getLabels();\n for (i = 0, ilen = labels.length; i < ilen; ++i) {\n timestamps.push(parse(this, labels[i]));\n }\n return (this._cache.labels = this._normalized ? timestamps : this.normalize(timestamps));\n }\n normalize(values) {\n return _arrayUnique(values.sort(sorter));\n }\n}\nTimeScale.id = 'time';\nTimeScale.defaults = {\n bounds: 'data',\n adapters: {},\n time: {\n parser: false,\n unit: false,\n round: false,\n isoWeekday: false,\n minUnit: 'millisecond',\n displayFormats: {}\n },\n ticks: {\n source: 'auto',\n major: {\n enabled: false\n }\n }\n};\n\nfunction interpolate(table, val, reverse) {\n let lo = 0;\n let hi = table.length - 1;\n let prevSource, nextSource, prevTarget, nextTarget;\n if (reverse) {\n if (val >= table[lo].pos && val <= table[hi].pos) {\n ({lo, hi} = _lookupByKey(table, 'pos', val));\n }\n ({pos: prevSource, time: prevTarget} = table[lo]);\n ({pos: nextSource, time: nextTarget} = table[hi]);\n } else {\n if (val >= table[lo].time && val <= table[hi].time) {\n ({lo, hi} = _lookupByKey(table, 'time', val));\n }\n ({time: prevSource, pos: prevTarget} = table[lo]);\n ({time: nextSource, pos: nextTarget} = table[hi]);\n }\n const span = nextSource - prevSource;\n return span ? prevTarget + (nextTarget - prevTarget) * (val - prevSource) / span : prevTarget;\n}\nclass TimeSeriesScale extends TimeScale {\n constructor(props) {\n super(props);\n this._table = [];\n this._minPos = undefined;\n this._tableRange = undefined;\n }\n initOffsets() {\n const timestamps = this._getTimestampsForTable();\n const table = this._table = this.buildLookupTable(timestamps);\n this._minPos = interpolate(table, this.min);\n this._tableRange = interpolate(table, this.max) - this._minPos;\n super.initOffsets(timestamps);\n }\n buildLookupTable(timestamps) {\n const {min, max} = this;\n const items = [];\n const table = [];\n let i, ilen, prev, curr, next;\n for (i = 0, ilen = timestamps.length; i < ilen; ++i) {\n curr = timestamps[i];\n if (curr >= min && curr <= max) {\n items.push(curr);\n }\n }\n if (items.length < 2) {\n return [\n {time: min, pos: 0},\n {time: max, pos: 1}\n ];\n }\n for (i = 0, ilen = items.length; i < ilen; ++i) {\n next = items[i + 1];\n prev = items[i - 1];\n curr = items[i];\n if (Math.round((next + prev) / 2) !== curr) {\n table.push({time: curr, pos: i / (ilen - 1)});\n }\n }\n return table;\n }\n _getTimestampsForTable() {\n let timestamps = this._cache.all || [];\n if (timestamps.length) {\n return timestamps;\n }\n const data = this.getDataTimestamps();\n const label = this.getLabelTimestamps();\n if (data.length && label.length) {\n timestamps = this.normalize(data.concat(label));\n } else {\n timestamps = data.length ? data : label;\n }\n timestamps = this._cache.all = timestamps;\n return timestamps;\n }\n getDecimalForValue(value) {\n return (interpolate(this._table, value) - this._minPos) / this._tableRange;\n }\n getValueForPixel(pixel) {\n const offsets = this._offsets;\n const decimal = this.getDecimalForPixel(pixel) / offsets.factor - offsets.end;\n return interpolate(this._table, decimal * this._tableRange + this._minPos, true);\n }\n}\nTimeSeriesScale.id = 'timeseries';\nTimeSeriesScale.defaults = TimeScale.defaults;\n\nvar scales = /*#__PURE__*/Object.freeze({\n__proto__: null,\nCategoryScale: CategoryScale,\nLinearScale: LinearScale,\nLogarithmicScale: LogarithmicScale,\nRadialLinearScale: RadialLinearScale,\nTimeScale: TimeScale,\nTimeSeriesScale: TimeSeriesScale\n});\n\nconst registerables = [\n controllers,\n elements,\n plugins,\n scales,\n];\n\nexport { Animation, Animations, ArcElement, BarController, BarElement, BasePlatform, BasicPlatform, BubbleController, CategoryScale, Chart, DatasetController, plugin_decimation as Decimation, DomPlatform, DoughnutController, Element, index as Filler, Interaction, plugin_legend as Legend, LineController, LineElement, LinearScale, LogarithmicScale, PieController, PointElement, PolarAreaController, RadarController, RadialLinearScale, Scale, ScatterController, plugin_subtitle as SubTitle, Ticks, TimeScale, TimeSeriesScale, plugin_title as Title, plugin_tooltip as Tooltip, adapters as _adapters, _detectPlatform, animator, controllers, elements, layouts, plugins, registerables, registry, scales };\n","import {Chart, registerables} from '../dist/chart.mjs';\n\nChart.register(...registerables);\n\nexport default Chart;\n","
\r\n
\r\n \r\n
{{flexiTime.name}}\r\n
\r\n {{flexiTime.name}}\r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n
{{saldiTime.name}}\r\n
\r\n {{saldiTime.name}}\r\n
\r\n {{saldiTime.value}}{{saldiTime.valType}}\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n
{{vacationTime.name}}\r\n
\r\n {{vacationTime.name}}\r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n","import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport Chart from 'chart.js/auto';\r\nimport { FieldType } from '@ngx-formly/core';\r\nimport { FieldService } from 'src/app/services/field.service';\r\nimport { FormService } from 'src/app/services/form.service';\r\nimport { WatchgroupService } from 'src/app/services/watchgroup.service';\r\nimport { CachedApiService } from 'src/app/services/cached-api.service';\r\nimport { DataStatus } from 'src/app/models/models';\r\nimport { NGXLogger } from 'ngx-logger';\r\n\r\n@Component({\r\n selector: 'app-chart',\r\n templateUrl: './chart.component.html',\r\n styleUrls: ['./chart.component.scss'],\r\n providers: [WatchgroupService, FieldService]\r\n})\r\nexport class ChartComponent extends FieldType implements OnInit, AfterViewInit {\r\n @ViewChild('chartCanvas') private chartCanvas: ElementRef;\r\n\r\n showChart = true;\r\n chartObj: any;\r\n isLoading: boolean;\r\n\r\n useLocalDataset: boolean;\r\n\r\n resetOnUpdate = false;\r\n datasetsUrl = '';\r\n datasetProps = { label: 'Navn', unit: 'Enhet', data: 'Data', chartLabels: 'Labels', chartLabelsValue: 'LabelsValue', splitter: '|' };\r\n footerFn = { fn: null, label: '' };\r\n\r\n labels = [];\r\n values = [];\r\n datasets = [];\r\n chartOptions = null;\r\n cfg = {\r\n showLabels: false,\r\n title: '',\r\n footerFn: { type: '', label: '' }\r\n };\r\n\r\n trans = '66';\r\n transRnd = '40';\r\n colorPositive = { bg: '#58b471' + this.trans, border: '#58b471' };\r\n colorNegative = { bg: '#ff1111' + this.trans, border: '#ff1111' };\r\n randomColorlist = { bg: [], border: [] };\r\n\r\n\r\n constructor(\r\n private fieldService: FieldService,\r\n private formService: FormService,\r\n private watch: WatchgroupService,\r\n private cachedApi: CachedApiService,\r\n private logger: NGXLogger\r\n ) {\r\n super();\r\n this.fieldService.setField(this);\r\n }\r\n\r\n ngOnInit() {\r\n\r\n this.labels = this.to.labels || [];\r\n this.datasets = this.to.datasets || [];\r\n this.chartOptions = this.to.options || null;\r\n this.resetOnUpdate = this.to.resetOnUpdate || false;\r\n\r\n this.colorPositive = (this.to.colorPositive) ? this.to.colorPositive : this.colorPositive;\r\n this.colorNegative = (this.to.colorNegative) ? this.to.colorNegative : this.colorNegative;\r\n\r\n this.cfg = this.to.cfg;\r\n\r\n this.datasetsUrl = this.to.datasetsUrl || '';\r\n this.datasetProps = this.to.datasetProps || this.datasetProps;\r\n this.useLocalDataset = (this.datasetsUrl === '');\r\n\r\n this.isLoading = !(this.useLocalDataset);\r\n if (this.to.cfg?.footerFn) {\r\n if (this.to.cfg.footerFn.type === 'restOfFirst')\r\n this.footerFn = { fn: this.footerFnRestOfFirst, label: this.to.cfg.footerFn.label || '' };\r\n }\r\n\r\n const watchGroup = this.watch.getWatchGroupFromOptions(this.to);\r\n if (watchGroup.fieldKeys.length >0) {\r\n this.watch.watchGroup(this.form, this.model, watchGroup).subscribe((v) => {\r\n this.getDatasets();\r\n });\r\n }\r\n\r\n }\r\n\r\n getDatasets() {\r\n\r\n this.logger.debug('get data..');\r\n this.isLoading = true;\r\n const obs = this.cachedApi.getWebJSON(this.datasetsUrl, '', this.formService.formId, this.to.headers, this.to.useCredentials);\r\n obs.subscribe(({ value, status }) => {\r\n if (status === DataStatus.Updated) {\r\n this.buildDataset(value);\r\n }\r\n });\r\n\r\n }\r\n\r\n\r\n ngAfterViewInit() {\r\n\r\n this.logger.debug('init');\r\n if (!this.useLocalDataset)\r\n this.getDatasets();\r\n else if (this.datasets?.length > 0) {\r\n const data = { labels: this.labels, datasets: this.datasets };\r\n // console.log('data',data);\r\n this.formatDataset(data);\r\n }\r\n else {\r\n this.logger.debug('no data!');\r\n }\r\n\r\n }\r\n\r\n buildDataset(value) {\r\n\r\n let chartLabels = [];\r\n let chartLabelsValue = [];\r\n if (Array.isArray(value) && value.length > 0) {\r\n const datasets = [];\r\n\r\n for (const v of value) {\r\n let labels = [];\r\n let labelsVal = [];\r\n let datas = [];\r\n\r\n if (!this.datasetProps?.chartLabels) {\r\n this.isLoading = false; //TODO check if from api..\r\n this.fieldService.triggerChange();\r\n return;\r\n }\r\n const isArray = (Array.isArray(v[this.datasetProps.chartLabels])); // everything must uses same format\r\n\r\n const lab = (isArray) ? v[this.datasetProps.chartLabels] : v[this.datasetProps.chartLabels].split(this.datasetProps.splitter);\r\n const lval = (isArray) ? v[this.datasetProps.chartLabelsValue] : (v[this.datasetProps.chartLabelsValue]) ? v[this.datasetProps.chartLabelsValue]?.split(this.datasetProps.splitter) : [];\r\n const dval = (isArray) ? v[this.datasetProps.data] : v[this.datasetProps.data].split(this.datasetProps.splitter);\r\n\r\n //Pick out selected labels, or use everything.\r\n if (this.to.labels) {\r\n for (const l of this.to.labels) {\r\n const a = lab.indexOf(l);\r\n if (a >= 0) {\r\n labels.push(lab[a]);\r\n if (lval.length > 0)\r\n labelsVal.push(lval[a]);\r\n datas.push(dval[a]);\r\n }\r\n }\r\n }\r\n else {\r\n labels = lab;\r\n labelsVal = lval;\r\n datas = dval;\r\n }\r\n\r\n if (chartLabels.length === 0)\r\n chartLabels = labels;\r\n if (chartLabelsValue.length === 0)\r\n chartLabelsValue = labelsVal;\r\n\r\n //v foreach row - dataset\r\n\r\n let dataset = {};\r\n\r\n //Use config of datasets, replace data and labels.\r\n if (this.datasets.length > 0) {\r\n for (const d of this.datasets) {\r\n if (d.label === '' || d.label === v[this.datasetProps.label]) {\r\n\r\n if (this.to.type === 'pie' || this.to.type === 'doughnut')\r\n d.label = labels;\r\n d.data = datas;\r\n dataset = d;\r\n }\r\n }\r\n }\r\n else {\r\n dataset = {\r\n label: v[this.datasetProps.label],\r\n data: datas,\r\n rndColors: true\r\n };\r\n\r\n }\r\n datasets.push(dataset);\r\n\r\n }\r\n const data = { labels: chartLabels, labelsValue: chartLabelsValue, datasets: datasets };\r\n this.formatDataset(data);\r\n\r\n }\r\n }\r\n\r\n formatDataset(data) {\r\n // const data = {labels: this.labels, datasets: this.datasets};\r\n let c = { color: [], border: [] };\r\n for (const d of data.datasets) {\r\n if (d.colorSplit) {\r\n c = this.buildColorList('split', d.data, d.colorSplit);\r\n }\r\n else if (d.rndColors) {\r\n if (this.randomColorlist.bg.length === 0) {\r\n this.labels.forEach((l) => {\r\n this.randomColorlist.bg.push(this.getRandomRgba(this.transRnd));\r\n this.randomColorlist.border.push(this.getRandomRgba(0));\r\n });\r\n }\r\n c = this.buildColorList('rnd', d.data, []);\r\n }\r\n if (c.color.length > 0) {\r\n d.backgroundColor = c.color;\r\n d.borderColor = c.border;\r\n }\r\n }\r\n // this.isLoading = false; //TODO check if from api..\r\n this.buildChart(this.to.type, data);\r\n\r\n }\r\n\r\n\r\n footerFnRestOfFirst = (tooltipItems) => {\r\n let sum = 0;\r\n let isFirst = true;\r\n const label = this?.cfg?.footerFn?.label || '';\r\n\r\n tooltipItems.forEach((tooltipItem) => {\r\n if (isFirst)\r\n sum -= tooltipItem.parsed.y; //forventet\r\n else\r\n sum += tooltipItem.parsed.y; //jobbet\r\n isFirst = false;\r\n });\r\n return label + ' ' + sum;\r\n };\r\n\r\n getRandomInt(max) {\r\n return Math.floor(Math.random() * max);\r\n }\r\n\r\n getRandomRgba(trans) {\r\n return 'rgb(' + this.getRandomInt(150) + ' ' + this.getRandomInt(150) + ' ' + this.getRandomInt(150) + ' / ' + trans + '%)';\r\n }\r\n\r\n buildColorList(type: string, values, splitNumber: Array\r\n \r\n
\r\n\r\n \r\n\r\n\r\n {{name}}\r\n \r\n\r\n\r\n\r\n\r\n\r\n\r\n {{plan}}\r\n {{arb}}\r\n \r\n\r\n\r\n\r\n\r\n\r\n
' + this.currDate;\r\n }\r\n\r\n get sum(): number {\r\n return this.sumTotal;\r\n }\r\n\r\n get sumUnused(): number {\r\n return this.sumPlanned - this.sumTotal;\r\n }\r\n\r\n get noRegs(): boolean {\r\n return this.reglist.length === 0;\r\n }\r\n\r\n get formId(): number {\r\n return this.to?.currentForm?.id ?? 0;\r\n }\r\n\r\n get formType(): FormType {\r\n return this.to?.currentForm?.type;\r\n }\r\n\r\n get pageRef(): PageRefs {\r\n return this.to?.currentForm?.ref;\r\n }\r\n get weekday(): number {\r\n return parseInt(this.weekdayNr) - 1; // array starts at 0\r\n }\r\n\r\n\r\n ngOnInit() {\r\n if (this.to?.mode === 'timeforing' || this.to?.mode === 'timefordeling') {\r\n this.mode = this.to.mode;\r\n }\r\n this.logger.debug(this.localeLang);\r\n const lang = (this.langService.getCurrentLanguage() === 'no') ? 'nb': this.langService.getCurrentLanguage();\r\n moment.locale(lang);\r\n this.highlightTab = this.to.highlightTab || (this.mode === 'timeforing' ? ['LArt'] : null);\r\n this.highlightPlanDiff = this.to.weeklyReport?.colorPlanDiff || true;\r\n this.showWeeklyReport = this.to.weeklyReport?.show || false;\r\n //this.showWeekend = this.to.weeklyReport.showWeekend || false;\r\n this.logger.debug(this.highlightTab);\r\n\r\n this.getTabLabels();\r\n this.getDayContent();\r\n this.getWeeklyReport(new Date(this.currDateVal));\r\n this.calcSum();\r\n\r\n }\r\n trackbyId(index: number, item: any) {\r\n if (!item)\r\n return null;\r\n if (item.id)\r\n return item.id;\r\n else\r\n return index;\r\n }\r\n\r\n getTabLabels() {\r\n if (!this.to.tabsLabelUrl) {\r\n return false;\r\n }\r\n this.isLoading.tabs = true;\r\n const paths = this.formService.getStylePaths(this.to.tabsLabelProps);\r\n const keys = Object.keys(this.tabsLabel);\r\n this.cachedApi.getStyleData(this.to.tabsLabelUrl, paths, keys, this.formId).subscribe(({ value: tabsLabel, status, source }) => {\r\n\r\n if (Array.isArray(tabsLabel) && status === DataStatus.Updated) {\r\n let foundFirst = false;\r\n tabsLabel = tabsLabel.filter(t => t.visible);\r\n tabsLabel.forEach(t => {\r\n this.tabsLabel[t.key] = t.label;\r\n if(this.highlightTab?.length === 0 && !foundFirst) {\r\n this.highlightTab = [t.key];\r\n foundFirst = true;\r\n }\r\n\r\n });\r\n\r\n this.reglist.forEach(item => {\r\n item.label = this.buildLabel(item.tabs, false);\r\n item.labelHighlight = this.buildLabel(item.tabs, true);\r\n });\r\n }\r\n\r\n if (source === DataSource.API) {\r\n this.isLoading.tabs = false;\r\n }\r\n this.fieldService.triggerChange();\r\n });\r\n }\r\n\r\n getDayContent() {\r\n if (this.mode === 'timefordeling')\r\n this.getPlannedReport();\r\n this.getRegItems();\r\n }\r\n\r\n buildLabel(tabs: Tabs, highlights: boolean): string {\r\n let l = '';\r\n const top = [];\r\n const low = [];\r\n\r\n // this.logger.debug(tabs);\r\n Object.keys(tabs).forEach(key => {\r\n if (tabs[key]?.Nr) {\r\n const t = (this.tabsLabel[key]) ? '' + this.tabsLabel[key] + ': ' : '';\r\n if (this.highlightTab.includes(key)) {\r\n top.unshift(t + tabs[key].Navn);\r\n }\r\n else {\r\n low.push(t + tabs[key].Navn);\r\n }\r\n }\r\n else if (key === 'Kommentar' && tabs[key] !== '') {\r\n low.push('\"' + tabs[key] + '\"');\r\n }\r\n });\r\n if (highlights) {\r\n if (top.length > 0)\r\n l += '' + top.join('
') + '';\r\n }\r\n else {\r\n if (low.length > 0)\r\n l += '' + low.join('
') + '';\r\n }\r\n\r\n return l;\r\n\r\n }\r\n\r\n getRegItems() {\r\n if (!this.to.reglistUrl) {\r\n this.logger.debug('empty url');\r\n return;\r\n }\r\n this.isLoading.regs = true;\r\n const url = this.util.parseText(this.to.reglistUrl, { currDate: this.currDateVal });\r\n this.cachedApi.getWebJSON(url, '', this.to.headers, this.to.useCredentials).subscribe(({ value, status, error }) => {\r\n if (status === DataStatus.Updated && value) {\r\n const d = value.map(res => {\r\n const lart = {LArt: { Nr: res.LArtNr, Navn: res.LArtNavn }};\r\n let tabsOptions = (this.mode === 'timefordeling') ? {}: lart;\r\n const tabs = {\r\n Tab2: { Nr: res.Tab2Nr, Navn: res.Tab2Navn },\r\n Tab3: { Nr: res.Tab3Nr, Navn: res.Tab3Navn },\r\n Tab4: { Nr: res.Tab4Nr, Navn: res.Tab4Navn },\r\n Tab5: { Nr: res.Tab5Nr, Navn: res.Tab5Navn },\r\n Tab6: { Nr: res.Tab6Nr, Navn: res.Tab6Navn },\r\n Tab7: { Nr: res.Tab7Nr, Navn: res.Tab7Navn },\r\n Tab8: { Nr: res.Tab8Nr, Navn: res.Tab8Navn },\r\n Tab9: { Nr: res.Tab9Nr, Navn: res.Tab9Navn },\r\n Kommentar: res.Kommentar\r\n };\r\n tabsOptions = {...tabsOptions, ...tabs};\r\n const t: RegItem = { labelHighlight: this.buildLabel(tabsOptions, true), label: this.buildLabel(tabsOptions, false), tabs: tabsOptions, value: res.Tid, id: res.ID };\r\n return t;\r\n });\r\n this.isLoading.regs = false;\r\n this.reglist = d;\r\n this.calcSum();\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n getPlannedReport() {\r\n this.isLoading.dayReport = true;\r\n const url = this.util.parseText(this.to.dayReportUrl, { fromDate: this.currDateVal, toDate: this.currDateVal });\r\n this.cachedApi.getWebJSON(url, '', this.formId, this.to.headers, this.to.useCredentials).subscribe(res => {\r\n this.logger.debug(res);\r\n if (res.status === DataStatus.Updated) {\r\n if (res.value !== '' && res.value !== undefined)\r\n this.sumPlanned = res.value[0]?.Tid || 0;\r\n }\r\n\r\n if (res.source === DataSource.API) {\r\n this.isLoading.dayReport = false;\r\n }\r\n\r\n this.fieldService.triggerChange();\r\n }, error => {\r\n this.logger.debug(error);\r\n });\r\n }\r\n\r\n\r\n prepPeriode(date: Date) {\r\n this.currPeriode.fromDate = moment(this.timeService.getStartOrEndOfPeriod(date, 'week', 'start')).format('YYYY-MM-DD');\r\n this.currPeriode.toDate = moment(this.timeService.getStartOrEndOfPeriod(date, 'week', 'end')).format('YYYY-MM-DD');\r\n }\r\n\r\n getWeeklyReport(currDate?: Date) {\r\n\r\n if (this.showWeeklyReport && this.to.weeklyReport?.url !== '') {\r\n //this.logger.debug('=====Get chartData has url');\r\n this.prepPeriode(currDate || this.currDateTime.toDate());\r\n this.isLoading.graph = true;\r\n\r\n const useCustomLabels = !!(this.to.weeklyReport?.labels && this.to.weeklyReport.labels.length > 0);\r\n let showWeekend = false;\r\n\r\n const labels = (useCustomLabels) ? this.to.weeklyReport.labels : this.defaultLabels;\r\n\r\n const types = [\r\n 'Konto',\r\n 'Plan',\r\n 'Frv',\r\n 'Arb'\r\n ];\r\n\r\n const url = this.util.parseText(this.to.weeklyReport.url, this.currPeriode);\r\n const obs = this.cachedApi.getWebJSON(url, '', this.formId, this.to.headers, this.to.useCredentials);\r\n obs.subscribe(({ value, status, source }) => {\r\n if (source === DataSource.API) {\r\n setTimeout(() => { // small delay. Takes time to build (extra false later in build incase its faster).\r\n this.isLoading.graph = false;\r\n }, 2000);\r\n }\r\n if (status === DataStatus.Updated && Array.isArray(value)) {\r\n const list = { Konto: {}, Arb: {}, Frv: {}, Plan: {} };\r\n const work = { Konto: [], Arb: [], Frv: [], Plan: [] };\r\n for (const v of value) {\r\n list[v.Nr] = v;\r\n }\r\n for (const d of this.defaultLabels) {\r\n for (const t of types) {\r\n work[t].push(list[t][d]);\r\n }\r\n }\r\n const week = [];\r\n for (const d of labels) {\r\n const pos = (!this.highlightPlanDiff) ? 1 : (list['Arb'][d] >= list['Plan'][d]);\r\n const arb = ( list['Frv'][d] ) ? (list['Arb'][d] + list['Frv'][d]) + '' : list['Arb'][d];\r\n if(!useCustomLabels && ( d === this.defaultLabels[5] || d === this.defaultLabels[6] ) && arb > 0)\r\n showWeekend = true;\r\n\r\n const i = this.defaultLabels.indexOf(d);\r\n const dn = moment(this.currPeriode.fromDate).add(i, 'days');\r\n const name = dn.format('ddd');\r\n week.push({ Id: d, Nr: i, PositivValue: pos, Name: name, Plan: list['Plan'][d] + '', Arb: arb });\r\n }\r\n if(!useCustomLabels && !showWeekend) {\r\n week.pop();\r\n week.pop(); // pop after, since we need to check if week has data first.\r\n }\r\n\r\n if(this.showWeekend !== showWeekend && this.newWeekSwipe) {\r\n //Fix auto-datepick on swipe/arrow: mon -> sun or fre.\r\n const step = (this.showWeekend) ? -2 : 2;\r\n const d = moment(this.timeService.createDate(this.currDateVal, step, 'days'));\r\n this.newWeekSwipe = false;\r\n this.setCurrentDate(d.toISOString(true));\r\n\r\n }\r\n this.showWeekend = showWeekend;\r\n\r\n this.weeklyReportList = week;\r\n\r\n this.fieldService.triggerChange();\r\n }\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n async submitRegItem(index) {\r\n\r\n const promise = new Promise((resolve, reject) => {\r\n\r\n const v = this.reglist[index].tabs;\r\n\r\n if (this.to.submitUrl && v) {\r\n const tabs = {\r\n Tab2: v.Tab2?.Nr,\r\n Tab3: v.Tab3?.Nr,\r\n Tab4: v.Tab4?.Nr,\r\n Tab5: v.Tab5?.Nr,\r\n Tab6: v.Tab6?.Nr,\r\n Tab7: v.Tab7?.Nr,\r\n Tab8: v.Tab8?.Nr,\r\n Tab9: v.Tab9?.Nr,\r\n LArt: v.LArt?.Nr,\r\n Kommentar: v?.Kommentar,\r\n };\r\n let url = this.util.parseText(this.to.submitUrl, tabs);\r\n if (this.reglist[index].id)\r\n url = this.util.parseText(url, { regId: this.reglist[index].id });\r\n url = this.util.parseText(url, { Dato: this.currDateVal });\r\n url = this.util.parseText(url, { Tid: this.reglist[index].value || 0 });\r\n this.logger.debug(url);\r\n\r\n this.api.getWebJSON(url, this.to.header, this.to.useCredentials).subscribe(data => {\r\n this.logger.debug(data);\r\n\r\n if (data.status === 'failed' || data.status === 'offline') {\r\n if (data.status === 'offline')\r\n this.popup.showAlert('Offline', 'WebPostOffline', true);\r\n else {\r\n this.popup.showAlert('Error', data.error.error?.Message || data.error.message, true);\r\n resolve(false);\r\n }\r\n }\r\n else if (data.value) {\r\n this.reglist[index].id = data.value[0]?.ID;\r\n this.getWeeklyReport();\r\n }\r\n\r\n this.fieldService.triggerChange();\r\n //return true;\r\n resolve(true);\r\n }, error => {\r\n reject(error);\r\n });\r\n\r\n }\r\n });\r\n return promise;\r\n\r\n }\r\n\r\n addRegItem(time?: number) {\r\n const val = (time && time > 0)? this.util.roundNumber(time, 2): null;\r\n this.reglist.push({ label: '', tabs: this.util.createCopyOfObject(this.tabsEmpty), value: val });\r\n this.showTabsModal(this.reglist.length - 1);\r\n\r\n }\r\n\r\n async removeRegItem(index, showConf = true) {\r\n\r\n const reg = this.reglist[index];\r\n\r\n if (reg?.id && this.to.delUrl) {\r\n\r\n if(showConf) {\r\n const conf = await this.popup.showConfirm('Delete', 'SelectedElementWillBeDeleted', true);\r\n if (!conf)\r\n return;\r\n }\r\n\r\n reg.disabled = true;\r\n const url = this.util.parseText(this.to.delUrl, { regId: reg.id });\r\n // hardcoded header to bypass CORS in D4 API. Body not used.\r\n let headers = this.to.headers;\r\n if (!headers) {\r\n headers = { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' };\r\n }\r\n else if (headers && !headers['Content-Type'])\r\n headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';\r\n\r\n this.api.postWebJSON(url, [], headers, this.to.useCredentials).subscribe(({ status, error }) => {\r\n reg.disabled = false;\r\n if (status === ApiStatus.Failed) {\r\n if (error) {\r\n const title = this.translate.instant('WebPostFailed');\r\n const text = `${error.status}: ${error.message}`;\r\n this.popup.showAlert(title, text, false);\r\n }\r\n else {\r\n this.popup.showMessage('WebPostFailed', true, 'danger');\r\n }\r\n }\r\n else if (status === ApiStatus.Offline) {\r\n this.popup.showMessage('WebPostOffline', true, 'warning');\r\n }\r\n else {\r\n this.reglist.splice(index, 1);\r\n this.calcSum();\r\n this.getWeeklyReport();\r\n }\r\n });\r\n }\r\n else {\r\n //Will be regs used as examples/offline.\r\n this.reglist.splice(index, 1);\r\n this.calcSum();\r\n }\r\n\r\n }\r\n\r\n updateValue(index, data) {\r\n this.reglist[index].value = data.target.value;\r\n this.calcSum();\r\n this.submitRegItem(index);\r\n }\r\n\r\n calcSum() {\r\n let sum = 0;\r\n this.reglist.forEach(r => {\r\n sum += r.value * 1;\r\n });\r\n this.sumTotal = sum;\r\n this.fieldService.triggerChange();\r\n }\r\n\r\n async showTabsModal(index, tabs?) {\r\n if (!this.showTabs)\r\n return;\r\n\r\n const val = { ...tabs, value: this.reglist[index].value,\r\n regid: this.reglist[index]?.id,\r\n date: this.currDateVal,\r\n sumPlan: this.sumPlanned,\r\n sumUsed: this.util.roundNumber(this.sumTotal - this.reglist[index].value, 2),\r\n sumUsedTotal: this.util.roundNumber(this.sumTotal, 2) };\r\n\r\n const modal = await this.modalCtrl.create({\r\n component: SubFormComponent,\r\n componentProps: {\r\n values: val,\r\n formId: this.to.tabsFormId\r\n }\r\n });\r\n\r\n await modal.present();\r\n const { data } = await modal.onWillDismiss();\r\n if (data) {\r\n\r\n let updateIndex = index;\r\n\r\n const exist = this.hasEqualTabs(index, data);\r\n if(exist !== null) {\r\n// console.log('EXIST ALREADY!!');\r\n const popupText = this.translate.instant('RegExistUpdateValues',{hours: this.reglist[exist]?.value, comment: this.reglist[exist].tabs?.Kommentar});\r\n const conf = await this.popup.showConfirm('RegExist', popupText, true);\r\n if (!conf) {\r\n this.popup.showMessage('UpdateFailed', true);\r\n this.showTabsModal(index, data);\r\n return;\r\n }\r\n //remove new/updated reg, and move the values to the existing reg.\r\n updateIndex = exist; //index is reordered.\r\n this.reglist[updateIndex].tabs.Kommentar += '\\n' + data.Kommentar;\r\n this.reglist[updateIndex].value += data.value;\r\n }\r\n else {\r\n this.reglist[updateIndex].tabs = data;\r\n this.reglist[updateIndex].value = data.value;\r\n }\r\n this.reglist[updateIndex].labelHighlight = this.buildLabel(this.reglist[updateIndex].tabs, true);\r\n this.reglist[updateIndex].label = this.buildLabel(this.reglist[updateIndex].tabs, false);\r\n\r\n // console.log(index, exist, updateIndex);\r\n this.calcSum();\r\n\r\n if (this.reglist[updateIndex].label === '') // not valid reg.\r\n this.removeRegItem(updateIndex);\r\n else {\r\n this.submitRegItem(updateIndex).then(isSuccess => {\r\n if(isSuccess && exist !== null)\r\n this.removeRegItem(index, false);\r\n });\r\n }\r\n\r\n }\r\n else if (this.reglist[index].label === '') {\r\n this.removeRegItem(index);\r\n }\r\n }\r\n\r\n hasEqualTabs(index, tabValues: Tabs) {\r\n let isEqual = false;\r\n let equalIndex = null;\r\n for(let i = 0; i= 5 && direction > 0) || (f === 1 && direction < 0)) {\r\n let diff = 3;\r\n if (f === 6 || f === 7)\r\n diff = 1;\r\n direction = direction * diff;\r\n }\r\n }\r\n const d = moment(this.timeService.createDate(this.currDateVal, direction, 'days'));\r\n this.newWeekSwipe = direction < 0 && (curr.format(this.format.weekYear) !== d.format(this.format.weekYear));\r\n this.setCurrentDate(d.toISOString(true));\r\n\r\n\r\n }\r\n jumpToDate(dayIndex) {\r\n const d = moment(this.currPeriode.fromDate).add(dayIndex, 'days');\r\n this.setCurrentDate(d.toISOString(true));\r\n\r\n }\r\n\r\n}\r\n","\r\n ","import { Component, OnInit } from '@angular/core';\r\nimport { FieldType } from '@ngx-formly/core';\r\nimport { NGXLogger } from 'ngx-logger';\r\nimport { FormType, PageRefs, Trigger, TriggerType } from 'src/app/models/models';\r\nimport { ComponentRefService } from 'src/app/services/component-ref.service';\r\nimport { FieldService } from 'src/app/services/field.service';\r\nimport { TimeService } from 'src/app/services/time.service';\r\nimport { UtilityService } from 'src/app/services/utility.service';\r\nimport { WatchgroupService } from 'src/app/services/watchgroup.service';\r\nimport * as moment from 'moment';\r\nimport { TimeAgoPipe } from 'src/app/pipes/time-ago.pipe';\r\nimport { WatchOptions } from 'src/app/models/interfaces/watchOptions';\r\n\r\ninterface DateOption {\r\n key: string;\r\n periode?: string;\r\n add?: {duration: number, unit: moment.unitOfTime.DurationConstructor};\r\n format?: string;\r\n preFormat?: string;\r\n}\r\n\r\n@Component({\r\n selector: 'app-date-helper',\r\n templateUrl: './date-helper.component.html',\r\n styleUrls: ['./date-helper.component.scss'],\r\n providers: [WatchgroupService, FieldService, TimeAgoPipe]\r\n})\r\nexport class DateHelperComponent extends FieldType implements OnInit, Trigger {\r\n\r\n currentDate = new Date();\r\n lastDate = '';\r\n\r\n dateFormat = 'YYYY-MM-DD';\r\n format = {\r\n date: this.dateFormat,\r\n day1900: 'day1900',\r\n day: {date: this.dateFormat, displayDate: 'DD.MM.YY', nameOfDay: 'dddd', dayOfWeek: 'E', dayOfMonth: 'D', dayOfYear: 'DDD'},\r\n week: {no: 'W', weekYear: 'WWYYYY'},\r\n month: {no: 'M', nameOfMonth: 'MMMM', nameOfMonthShort: 'MMM'},\r\n year: {no: 'YYYY'},\r\n quarter: {no: 'Q'}\r\n };\r\n\r\n\r\n mergeValues = ''; //no json , just the formatet value.\r\n dateKeys: DateOption[];\r\n template: string;\r\n displayTemplate: string;\r\n labelSize: 'small' | 'mid' | 'lagre' ;\r\n\r\n showDate = false;\r\n showDatepicker = true;\r\n hasSwipeGesture = false;\r\n isDisabled = false;\r\n allowDatepick = false;\r\n btnNextToLabel = false;\r\n\r\n constructor(\r\n private fieldService: FieldService,\r\n private util: UtilityService,\r\n private timeService: TimeService,\r\n private watch: WatchgroupService,\r\n private ref: ComponentRefService,\r\n private logger: NGXLogger\r\n ) {\r\n super();\r\n this.fieldService.setField(this);\r\n }\r\n\r\n get formId(): number {\r\n return this.to?.currentForm?.id ?? 0;\r\n }\r\n\r\n get formType(): FormType {\r\n return this.to?.currentForm?.type;\r\n }\r\n\r\n get pageRef(): PageRefs {\r\n return this.to?.currentForm?.ref;\r\n }\r\n\r\n async externalTrigger(type: TriggerType, data?: any) {\r\n if (type === TriggerType.Set) {\r\n if(moment(data).isValid())\r\n this.buildAndSetResult(data);\r\n }\r\n }\r\n setReference(key: string, id: number, type: FormType): void {\r\n this.ref.addReference(key, id, type, this);\r\n }\r\n\r\n ngOnInit() {\r\n this.setReference(this.key as string, this.formId, this.formType);\r\n\r\n this.isDisabled = this.to.disabled || false;\r\n this.hasSwipeGesture = (!this.isDisabled && this.to.gesture?.type === 'swipe');\r\n this.template = this.to.label || '';\r\n this.dateKeys = this.to.dateKeys || [];\r\n this.mergeValues = this.to.mergeValues || '';\r\n this.labelSize = this.to.labelSize || 'mid';\r\n this.btnNextToLabel = this.to.btnNextToLabel || false;\r\n this.showDate = this.to.showDate || false;\r\n this.showDatepicker = (!this.isDisabled && this.to.showDatepicker) || false;\r\n this.dateFormat = this.to.dateFormat || 'YYYY-MM-DD';\r\n\r\n if (this.model[this.key as string]) {\r\n const model = this.model[this.key as string];\r\n this.lastDate = (model._currentDate && moment(model._currentDate).isValid()) ? model._currentDate: (model && moment(model).isValid()) ? model : '';\r\n this.buildAndSetResult(moment(this.lastDate).toDate());\r\n this.parseTemplate();\r\n }\r\n\r\n const watchGroup = this.watch.getWatchGroupFromOptions(this.to);\r\n if(this.to.autotrigger && !this.isDisabled && this.lastDate === '') {\r\n this.buildAndSetResult(this.currentDate);\r\n }\r\n //console.log(watchGroup);\r\n this.initWatch(watchGroup);\r\n\r\n }\r\n\r\n initWatch(watchGroup: WatchOptions) {\r\n\r\n if(watchGroup.fieldKeys.length > 0) {\r\n this.watch.watchGroup(this.form, this.model, watchGroup).subscribe((v) => {\r\n this.logger.debug('WatchGroup trigger!');\r\n this.logger.debug(v);\r\n if (v === null) return;\r\n const newDate = moment(v.newValue);\r\n if(newDate.isValid()) {\r\n this.buildAndSetResult(newDate.toDate());\r\n }\r\n });\r\n }\r\n\r\n }\r\n\r\n parseTemplate() {\r\n setTimeout(() => {\r\n if(this.template)\r\n this.displayTemplate = this.util.parseText(this.template,this.fieldService.getValue());\r\n }, 0);\r\n }\r\n\r\n buildAndSetResult(date: Date | number) {\r\n if(this.isDisabled)\r\n return;\r\n\r\n if(typeof date === 'number')\r\n date = this.timeService.convertFromDay1900(date);\r\n\r\n const res = {};\r\n this.lastDate = moment(date).format(this.dateFormat);\r\n res['_currentDate'] = this.lastDate;\r\n\r\n for(const o of this.dateKeys) {\r\n let val: any;\r\n\r\n if(o.add)\r\n date = this.timeService.createDate(date, o.add.duration, o.add.unit);\r\n\r\n const d = moment(date);\r\n\r\n if(o.periode) {\r\n val = {};\r\n const format = o.format ?? this.dateFormat;\r\n const period = o.periode as 'week' | 'year' | 'month' | 'work-week';\r\n val['start'] = moment(this.timeService.getStartOrEndOfPeriod(d.toDate(), period, 'start')).format(format);\r\n val['end'] = moment(this.timeService.getStartOrEndOfPeriod(d.toDate(), period, 'end')).format(format);\r\n }\r\n else {\r\n const format = (o.preFormat) ? this.util.dotRef(this.format, o.preFormat): (o.format) ? o.format: this.dateFormat;\r\n val = (format === this.format.day1900) ? this.timeService.convertToDay1900(d.toDate()) : d.format(format);\r\n }\r\n res[o.key] = val;\r\n\r\n }\r\n\r\n let temp = '';\r\n if(this.mergeValues) {\r\n Object.entries(res).forEach(([key, value]) => {\r\n temp += (temp) ? this.mergeValues + value: value;\r\n });\r\n }\r\n\r\n const data = (this.mergeValues ?? false) ? temp : res;\r\n this.fieldService.setValue(data);\r\n\r\n this.parseTemplate();\r\n\r\n }\r\n\r\n setDate(data) {\r\n const val = data.target.value; // data is an $event\r\n this.buildAndSetResult(val);\r\n }\r\n\r\n}\r\n","import { Component, OnInit, ViewChild, ViewContainerRef } from '@angular/core';\r\nimport { FieldWrapper } from '@ngx-formly/core';\r\nimport { NGXLogger } from 'ngx-logger';\r\nimport { FormType, Trigger, TriggerType } from 'src/app/models/models';\r\nimport { ComponentRefService } from 'src/app/services/component-ref.service';\r\nimport { SwiperService } from 'src/app/services/swiper.service';\r\nimport { UtilityService } from 'src/app/services/utility.service';\r\nimport { environment } from 'src/environments/environment';\r\n\r\n@Component({\r\n selector: 'app-wrapper-gesture',\r\n templateUrl: './gesture-wrapper.component.html',\r\n styleUrls: ['./gesture-wrapper.component.scss']\r\n})\r\nexport class GestureWrapperComponent extends FieldWrapper implements OnInit, Trigger {\r\n @ViewChild('fieldComponent', {read: ViewContainerRef, static: true}) fieldComponent: ViewContainerRef;\r\n hasGesture = false;\r\n isActive = false;\r\n gestureType = null;\r\n\r\n constructor(\r\n private ref: ComponentRefService,\r\n private logger: NGXLogger,\r\n private swiperService: SwiperService,\r\n private util: UtilityService\r\n ) {\r\n super();\r\n }\r\n\r\n get formId(): number {\r\n return this.to?.currentForm.id;\r\n }\r\n\r\n get formType(): FormType {\r\n return this.to?.currentForm?.type;\r\n }\r\n\r\n\r\n ngOnInit() {\r\n this.setReference(this.key as string, this.formId, this.formType);\r\n const gesture = this.field.templateOptions.gesture;\r\n if (gesture && gesture.type) {\r\n this.gestureType = gesture.type;\r\n this.hasGesture = true;\r\n\r\n }\r\n }\r\n\r\n async externalTrigger(type: TriggerType, data?: any): Promise {\r\n if (type === TriggerType.Swipe) {\r\n this.isActive = true;\r\n\r\n const fieldValue = this.util.dotRef(this.field.formControl.value, this.to.gesture.jsonPath);\r\n const val = this.swiperService.swipeDate(data.event, data.data, fieldValue, this.field);\r\n if (val) {\r\n await this.ref.callReference(this.key as string, this.formId, this.formType, TriggerType.Set, val);\r\n }\r\n }\r\n else if (!environment.production) {\r\n this.logger.warn(`Wrong trigger type: ${type}`);\r\n }\r\n }\r\n\r\n setReference(key: string, id: number, type: FormType): void {\r\n this.ref.addReference(key, id, type, this);\r\n }\r\n}\r\n","\r\n {{message}} \r\n \r\n\r\n {{'UpdateApp' | translate}} \r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FieldType } from '@ngx-formly/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { NGXLogger } from 'ngx-logger';\r\nimport { BrowserService } from 'src/app/services/browser.service';\r\nimport { DeviceService } from 'src/app/services/device.service';\r\nimport { FieldService } from 'src/app/services/field.service';\r\nimport { InLoggerService } from 'src/app/services/in-logger.service';\r\nimport { UtilityService } from 'src/app/services/utility.service';\r\nimport { environment } from 'src/environments/environment';\r\n\r\n@Component({\r\n selector: 'app-version-check',\r\n templateUrl: './version-check.component.html',\r\n styleUrls: ['./version-check.component.scss'],\r\n providers: [FieldService]\r\n})\r\nexport class VersionCheckComponent extends FieldType implements OnInit {\r\n message: string;\r\n error = false;\r\n mayUpdate = false;\r\n constructor(\r\n private util: UtilityService,\r\n private translate: TranslateService,\r\n private device: DeviceService,\r\n private browser: BrowserService,\r\n private fieldService: FieldService,\r\n private logger: NGXLogger,\r\n private inLogger: InLoggerService\r\n ) {\r\n super();\r\n this.fieldService.setField(this);\r\n }\r\n\r\n get version(): string {\r\n return this.to.version ?? '';\r\n }\r\n\r\n get disableForm(): boolean {\r\n return this.to.disableForm ?? true;\r\n }\r\n\r\n ngOnInit() {\r\n if (!this.version) {\r\n return;\r\n }\r\n this.mayUpdate = !this.device.isDevice() || !!this.device.storeLink;\r\n try {\r\n if (!this.util.isNewerOrSameVersion(this.version, environment.appVersion)) {\r\n this.message = this.translate.instant('VersionCheckFail', {current: environment.appVersion, required: this.version});\r\n this.failedCheck();\r\n }\r\n }\r\n catch (error) {\r\n this.error = true;\r\n this.message = this.translate.instant('VersionError');\r\n this.logger.error('Error checking app version', error);\r\n this.inLogger.error('Error checking app version', error, {current: environment.appVersion, required: this.version});\r\n this.failedCheck();\r\n }\r\n }\r\n\r\n updateApp() {\r\n if (!this.device.isDevice()) {\r\n this.browser.reload();\r\n }\r\n else if (this.device.storeLink) {\r\n this.browser.openUrl(this.device.storeLink);\r\n }\r\n }\r\n\r\n failedCheck() {\r\n setTimeout(() => {\r\n this.fieldService.setValue(true);\r\n if (this.disableForm) {\r\n this.form.disable();\r\n }\r\n });\r\n }\r\n\r\n}\r\n"," /* eslint-disable max-len */\r\nimport { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { TextComponent } from './fields/text/text.component';\r\nimport { TitleComponent } from './fields/title/title.component';\r\nimport { SpaceComponent } from './fields/space/space.component';\r\nimport { ImageComponent } from './fields/image/image.component';\r\nimport { MarkdownModule } from 'ngx-markdown';\r\nimport { IonicModule } from '@ionic/angular';\r\nimport { RatingComponent } from './fields/rating/rating.component';\r\nimport { GpspositionComponent } from './fields/gpsposition/gpsposition.component';\r\nimport { Geolocation } from '@ionic-native/geolocation/ngx';\r\nimport { NFC } from '@ionic-native/nfc/ngx';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { ButtonComponent } from './fields/button/button.component';\r\nimport { SumComponent } from './fields/sum/sum.component';\r\nimport { RequiredWrapperComponent } from './wrappers/required-wrapper/required-wrapper.component';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\nimport { UserWrapperComponent } from './wrappers/user-wrapper/user-wrapper.component';\r\nimport { InfolookupComponent } from './fields/infolookup/infolookup.component';\r\nimport { StyleFormComponent } from './fields/style-form/style-form.component';\r\nimport { SignatureComponent } from './fields/signature/signature.component';\r\nimport { AngularSignaturePadModule } from '@almothafar/angular-signature-pad';\r\nimport { CardWrapperComponent } from './wrappers/card-wrapper/card-wrapper.component';\r\nimport { LabelWrapperComponent } from './wrappers/label-wrapper/label-wrapper.component';\r\nimport { TimediffComponent } from './fields/timediff/timediff.component';\r\nimport { TextmergeComponent } from './fields/textmerge/textmerge.component';\r\nimport { InitWrapperComponent } from './wrappers/init-wrapper/init-wrapper.component';\r\nimport { LoggerModule } from 'ngx-logger';\r\nimport { environment } from 'src/environments/environment';\r\nimport { UnknownComponent } from './fields/unknown/unknown.component';\r\nimport { ModalselectComponent } from './fields/modalselect/modalselect.component';\r\nimport { IonicSelectableModule } from 'ionic-selectable';\r\nimport { ValuelistComponent } from './fields/valuelist/valuelist.component';\r\nimport { SetLabelWrapperComponent } from './wrappers/set-label-wrapper/set-label-wrapper.component';\r\nimport { HistoryWrapperComponent } from './wrappers/history-wrapper/history-wrapper.component';\r\nimport { AdminVerifyComponent } from './fields/admin-verify/admin-verify.component';\r\nimport { NfcComponent } from './fields/nfc/nfc.component';\r\nimport { TimepickerComponent } from './fields/timepicker/timepicker.component';\r\nimport { ServermessageComponent } from './fields/servermessage/servermessage.component';\r\nimport { OpenFormComponent } from './fields/open-form/open-form.component';\r\nimport { StepComponent } from './fields/step/step.component';\r\nimport { PaintComponent } from './fields/paint/paint.component';\r\nimport { PdfviewerComponent } from './fields/pdfviewer/pdfviewer.component';\r\nimport { ImageViewerComponent } from './fields/image-viewer/image-viewer.component';\r\nimport { BarcodescannerComponent } from './fields/barcodescanner/barcodescanner.component';\r\nimport { ItemlistComponent } from './fields/itemlist/itemlist.component';\r\nimport { TableComponent } from './fields/table/table.component';\r\nimport { SubselectWrapperComponent } from './wrappers/subselect-wrapper/subselect-wrapper.component';\r\nimport { DocumentlinkComponent } from './fields/documentlink/documentlink.component';\r\nimport { PhotoComponent } from './fields/photo/photo.component';\r\nimport { DrawingSelectComponent } from './fields/drawing-select/drawing-select.component';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { DisableRadioComponent } from './wrappers/disable-radio/disable-radio.component';\r\nimport { InputRefComponent } from './wrappers/input-ref/input-ref.component';\r\nimport { OpenSelectComponent } from './wrappers/open-select/open-select.component';\r\nimport { StreamComponent } from './fields/stream/stream.component';\r\nimport { WatchComponent } from './fields/watch/watch.component';\r\nimport { ToggleClassComponent } from './wrappers/toggle-class/toggle-class.component';\r\nimport { FocusInputComponent } from './wrappers/focus-input/focus-input.component';\r\nimport { ProjectsComponent } from './fields/projects/projects.component';\r\nimport { RadioHeaderWrapperComponent } from './wrappers/radio-header-wrapper/radio-header-wrapper.component';\r\nimport { InputTimeComponent } from './wrappers/input-time/input-time.component';\r\nimport { ScrollWrapperComponent } from './wrappers/scroll-wrapper/scroll-wrapper.component';\r\nimport { LastRegFieldComponent } from './fields/last-reg-field/last-reg-field.component';\r\nimport { SharedDirectivesModule } from '../directives/shared-directives/shared-directives.module';\r\nimport { TextExpandComponent } from './wrappers/text-expand/text-expand.component';\r\nimport { SegmentButtonsComponent } from './fields/segment-buttons/segment-buttons.component';\r\nimport { NgCalendarModule } from 'ionic2-calendar';\r\nimport { CalendarFieldComponent } from './fields/calendar-field/calendar-field.component';\r\nimport { AutocapitalizeComponent } from './wrappers/autocapitalize/autocapitalize.component';\r\nimport { D4GoComponent } from './fields/d4-go/d4-go.component';\r\nimport { D4SaldiComponent } from './fields/d4-saldi/d4-saldi.component';\r\nimport { ChartComponent } from './fields/chart/chart.component';\r\nimport { D4TimeComponent } from './fields/d4-time/d4-time.component';\r\nimport { StatusComponent } from './fields/status/status.component';\r\nimport { DateHelperComponent } from './fields/date-helper/date-helper.component';\r\nimport { GestureWrapperComponent } from './wrappers/gesture-wrapper/gesture-wrapper.component';\r\nimport { CalendarViewComponent } from './fields/calendar-view/calendar-view.component';\r\nimport { VersionCheckComponent } from './fields/version-check/version-check.component';\r\nimport { FormlyFieldRadio } from '@ngx-formly/ionic/radio';\r\nimport { FormlyFieldInput } from '@ngx-formly/ionic/input';\r\nimport { FormlyFieldSelect } from '@ngx-formly/ionic/select';\r\nimport { FormlyFieldTextArea } from '@ngx-formly/ionic/textarea';\r\nimport { TypeOption, WrapperOption } from '@ngx-formly/core/lib/models';\r\n\r\n// !! fieldType must also be added to models/enums/fields.ts. Using the same name in both files.\r\nexport const fieldTypes: TypeOption[] = [\r\n { name: 'radio', component: FormlyFieldRadio, wrappers: ['card-wrapper', 'setLabel-wrapper', 'disable-radio', 'toggle-class', 'radio-header-wrapper', 'scroll-to-field']},\r\n { name: 'title', component: TitleComponent, wrappers: ['toggle-class', 'scroll-to-field']},\r\n { name: 'text', component: TextComponent, wrappers: ['toggle-class', 'scroll-to-field'] },\r\n { name: 'space', component: SpaceComponent, wrappers: ['toggle-class', 'scroll-to-field'] },\r\n { name: 'image', component: ImageComponent, wrappers: ['toggle-class', 'scroll-to-field'] },\r\n { name: 'input', component: FormlyFieldInput, wrappers: ['form-field', 'autocapitalize', 'input-ref', 'toggle-class', 'focus-input', 'input-time']},\r\n { name: 'rating', component: RatingComponent, wrappers: ['card-wrapper', 'required-field', 'toggle-class', 'scroll-to-field'] },\r\n { name: 'gpsposition', component: GpspositionComponent, wrappers: ['card-wrapper', 'required-field', 'toggle-class', 'scroll-to-field']},\r\n { name: 'button', component: ButtonComponent, wrappers: ['toggle-class', 'scroll-to-field'] },\r\n { name: 'sum', component: SumComponent, wrappers: ['card-wrapper', 'toggle-class', 'scroll-to-field']},\r\n { name: 'projects', component: ProjectsComponent, wrappers: ['card-wrapper', 'toggle-class', 'scroll-to-field']},\r\n { name: 'user', component: FormlyFieldInput, wrappers: ['form-field', 'user-wrapper', 'toggle-class', 'scroll-to-field']},\r\n { name: 'infoLookup', component: InfolookupComponent, wrappers: ['card-wrapper', 'toggle-class', 'scroll-to-field'] },\r\n { name: 'styleForm', component: StyleFormComponent },\r\n { name: 'signature', component: SignatureComponent, wrappers: ['card-wrapper', 'required-field', 'toggle-class', 'scroll-to-field'] },\r\n { name: 'timediff', component: TimediffComponent, wrappers: ['card-wrapper', 'toggle-class', 'scroll-to-field'] },\r\n { name: 'textmerge', component: TextmergeComponent, wrappers: ['card-wrapper', 'toggle-class', 'scroll-to-field'] },\r\n { name: 'init-input', component: FormlyFieldInput, wrappers: ['form-field', 'input-ref', 'init-wrapper', 'toggle-class', 'scroll-to-field']},\r\n { name: 'unknown', component: UnknownComponent, wrappers: ['card-wrapper', 'toggle-class']},\r\n { name: 'lookup', component: ModalselectComponent, wrappers: ['card-wrapper', 'required-field', 'setLabel-wrapper', 'toggle-class']},\r\n { name: 'modalselect', component: ModalselectComponent, wrappers: ['card-wrapper', 'required-field', 'setLabel-wrapper', 'toggle-class']},\r\n { name: 'webLookup', component: ModalselectComponent, wrappers: ['card-wrapper', 'required-field', 'setLabel-wrapper', 'toggle-class']},\r\n { name: 'serverQueryModal', component: ModalselectComponent, wrappers: ['card-wrapper', 'required-field', 'setLabel-wrapper', 'toggle-class']},\r\n { name: 'valuelist', component: ValuelistComponent, wrappers: ['card-wrapper', 'required-field', 'toggle-class', 'scroll-to-field']},\r\n { name: 'historyselect', component: FormlyFieldSelect, wrappers: ['form-field', 'history-wrapper', 'setLabel-wrapper', 'open-select', 'toggle-class']},\r\n { name: 'adm_verify', component: AdminVerifyComponent},\r\n { name: 'nfc', component: NfcComponent, wrappers: ['card-wrapper', 'required-field', 'toggle-class', 'scroll-to-field']},\r\n { name: 'timepicker', component: TimepickerComponent, wrappers: ['card-wrapper', 'required-field', 'toggle-class']},\r\n { name: 'servermessage', component: ServermessageComponent, wrappers: ['toggle-class', 'scroll-to-field']},\r\n { name: 'openForm', component: OpenFormComponent, wrappers: ['toggle-class', 'scroll-to-field']},\r\n { name: 'step', component: StepComponent, wrappers: ['toggle-class']},\r\n { name: 'paint', component: PaintComponent, wrappers: ['card-wrapper', 'required-field', 'toggle-class', 'scroll-to-field']},\r\n { name: 'pdfModal', component: PdfviewerComponent, wrappers: ['toggle-class', 'scroll-to-field']},\r\n { name: 'imageModal', component: ImageViewerComponent, wrappers: ['toggle-class', 'scroll-to-field']},\r\n { name: 'barcodescanner', component: BarcodescannerComponent, wrappers: ['card-wrapper', 'required-field', 'toggle-class', 'scroll-to-field']},\r\n { name: 'itemlist', component: ItemlistComponent, wrappers: ['card-wrapper', 'required-field', 'toggle-class', 'scroll-to-field']},\r\n { name: 'table', component: TableComponent, wrappers: ['card-wrapper', 'toggle-class', 'scroll-to-field']},\r\n { name: 'subselect', component: FormlyFieldSelect, wrappers: ['form-field', 'subselect-wrapper', 'setLabel-wrapper', 'open-select', 'toggle-class']},\r\n { name: 'select', component: FormlyFieldSelect, wrappers: ['form-field', 'setLabel-wrapper', 'open-select', 'toggle-class']},\r\n { name: 'documentLink', component: DocumentlinkComponent, wrappers: ['card-wrapper', 'toggle-class', 'scroll-to-field']},\r\n { name: 'photo', component: PhotoComponent, wrappers: ['card-wrapper', 'required-field', 'toggle-class', 'scroll-to-field']},\r\n { name: 'drawingSelect', component: DrawingSelectComponent, wrappers: ['card-wrapper', 'toggle-class', 'scroll-to-field']},\r\n { name: 'stream', component: StreamComponent, wrappers: ['card-wrapper', 'toggle-class', 'scroll-to-field']},\r\n { name: 'watch', component: WatchComponent},\r\n { name: 'lastReg', component: LastRegFieldComponent},\r\n { name: 'textarea', component: FormlyFieldTextArea, wrappers: ['form-field', 'text-expand', 'autocapitalize']},\r\n { name: 'segmentButtons', component: SegmentButtonsComponent, wrappers: ['card-wrapper', 'toggle-class', 'scroll-to-field']},\r\n { name: 'calendar', component: CalendarFieldComponent, wrappers: ['card-wrapper']},\r\n { name: 'd4Go', component: D4GoComponent, wrappers: ['card-wrapper']},\r\n { name: 'd4Saldi', component: D4SaldiComponent, wrappers: ['card-wrapper']},\r\n { name: 'chart', component: ChartComponent, wrappers: ['card-wrapper']},\r\n { name: 'd4Time', component: D4TimeComponent, wrappers: ['card-wrapper']},\r\n { name: 'status', component: StatusComponent, wrappers: ['card-wrapper']},\r\n { name: 'dateHelper', component: DateHelperComponent, wrappers: ['card-wrapper', 'gesture-wrapper']},\r\n { name: 'calendarView', component: CalendarViewComponent, wrappers: ['card-wrapper', 'gesture-wrapper']},\r\n { name: 'versionCheck', component: VersionCheckComponent, wrappers: ['card-wrapper']}\r\n];\r\n\r\nexport const wrappers: WrapperOption[] = [\r\n { name: 'required-field', component: RequiredWrapperComponent },\r\n { name: 'user-wrapper', component: UserWrapperComponent},\r\n { name: 'card-wrapper', component: CardWrapperComponent},\r\n { name: 'form-field', component: LabelWrapperComponent},\r\n { name: 'init-wrapper', component: InitWrapperComponent},\r\n { name: 'setLabel-wrapper', component: SetLabelWrapperComponent},\r\n { name: 'history-wrapper', component: HistoryWrapperComponent},\r\n { name: 'subselect-wrapper', component: SubselectWrapperComponent},\r\n { name: 'disable-radio', component: DisableRadioComponent},\r\n { name: 'input-ref', component: InputRefComponent},\r\n { name: 'open-select', component: OpenSelectComponent},\r\n { name: 'toggle-class', component: ToggleClassComponent},\r\n { name: 'radio-header-wrapper', component: RadioHeaderWrapperComponent},\r\n { name: 'focus-input', component: FocusInputComponent},\r\n { name: 'input-time', component: InputTimeComponent},\r\n { name: 'scroll-to-field', component: ScrollWrapperComponent},\r\n { name: 'text-expand', component: TextExpandComponent},\r\n { name: 'autocapitalize', component: AutocapitalizeComponent},\r\n { name: 'gesture-wrapper', component: GestureWrapperComponent}\r\n];\r\n\r\n@NgModule({\r\n declarations: [\r\n TextComponent,\r\n TitleComponent,\r\n SpaceComponent,\r\n ImageComponent,\r\n RatingComponent,\r\n GpspositionComponent,\r\n ButtonComponent,\r\n SumComponent,\r\n RequiredWrapperComponent,\r\n RadioHeaderWrapperComponent,\r\n UserWrapperComponent,\r\n InfolookupComponent,\r\n StyleFormComponent,\r\n SignatureComponent,\r\n CardWrapperComponent,\r\n LabelWrapperComponent,\r\n TimediffComponent,\r\n TextmergeComponent,\r\n InitWrapperComponent,\r\n UnknownComponent,\r\n ValuelistComponent,\r\n SetLabelWrapperComponent,\r\n HistoryWrapperComponent,\r\n AdminVerifyComponent,\r\n NfcComponent,\r\n TimepickerComponent,\r\n ServermessageComponent,\r\n OpenFormComponent,\r\n StepComponent,\r\n PaintComponent,\r\n ModalselectComponent,\r\n PdfviewerComponent,\r\n ImageViewerComponent,\r\n BarcodescannerComponent,\r\n ItemlistComponent,\r\n TableComponent,\r\n SubselectWrapperComponent,\r\n DocumentlinkComponent,\r\n PhotoComponent,\r\n DrawingSelectComponent,\r\n DisableRadioComponent,\r\n InputRefComponent,\r\n OpenSelectComponent,\r\n StreamComponent,\r\n WatchComponent,\r\n ToggleClassComponent,\r\n FocusInputComponent,\r\n ProjectsComponent,\r\n InputTimeComponent,\r\n ScrollWrapperComponent,\r\n LastRegFieldComponent,\r\n TextExpandComponent,\r\n SegmentButtonsComponent,\r\n CalendarFieldComponent,\r\n AutocapitalizeComponent,\r\n D4GoComponent,\r\n D4SaldiComponent,\r\n ChartComponent,\r\n D4TimeComponent,\r\n StatusComponent,\r\n DateHelperComponent,\r\n GestureWrapperComponent,\r\n CalendarViewComponent,\r\n VersionCheckComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n IonicModule,\r\n FormsModule,\r\n FormlyModule,\r\n ReactiveFormsModule,\r\n TranslateModule.forChild(),\r\n MarkdownModule.forRoot(environment.markdownConfig),\r\n AngularSignaturePadModule,\r\n IonicSelectableModule,\r\n LoggerModule.forChild(),\r\n SharedDirectivesModule,\r\n NgCalendarModule\r\n ],\r\n providers: [\r\n Geolocation,\r\n NFC\r\n ]\r\n})\r\nexport class CustomFormlyModule { }\r\n","/* eslint-disable prefer-arrow/prefer-arrow-functions */\r\nimport { ApiType, Trigger, Fields, PageMenuItem, PageMenuType, StorageValue, FormWithValues, Form, ModelMetaData, FormlyFieldWithTranslation } from '../models/models';\r\nimport { environment } from 'src/environments/environment';\r\nimport { FormlyFieldConfig } from '@ngx-formly/core';\r\n\r\n/**\r\n * Gives the required message when an field that is required is not filled out\r\n */\r\nexport function requiredValidationMessage() {\r\n return environment.requiredMessage;\r\n }\r\n\r\n/**\r\n * Checks if an object implements interface Trigger\r\n * @param object The object to check\r\n */\r\nexport function isTrigger(object: any): object is Trigger {\r\n const trigger = object as Trigger;\r\n if (!object) {\r\n return false;\r\n }\r\n else {\r\n return trigger.externalTrigger !== undefined && trigger.setReference !== undefined;\r\n }\r\n}\r\n\r\n/**\r\n * Check if the ApiType is an 'external' API, e.g. Extenral, ExternalApir, ExternalAzure\r\n * @param apiType The type to check\r\n */\r\nexport function isExternalApi(apiType: ApiType) {\r\n return apiType === ApiType.ExternalAzure || apiType === ApiType.ExternalInApir || apiType === ApiType.External;\r\n}\r\n\r\n/**\r\n * Convert an ApiType to one of the base types: Internal, External, InApir, InAzure\r\n * @param apiType The type to convert\r\n */\r\nexport function getBaseApiType(apiType: ApiType) {\r\n switch (apiType) {\r\n case ApiType.ExternalAzure:\r\n return ApiType.InAzure;\r\n case ApiType.ExternalInApir:\r\n return ApiType.InApir;\r\n default:\r\n return apiType;\r\n }\r\n}\r\n\r\n/**\r\n * Check if an string is in the Fields enum\r\n * @param fieldType The field type to check\r\n * @param includeOld (Optional) Include old fields ('labelselect' and 'labelradio'), default: false\r\n */\r\nexport function isValidField(fieldType: string, includeOld = false): fieldType is Fields {\r\n if (!includeOld && (fieldType === Fields.LabelSelect || fieldType === Fields.LabelRadio)) {\r\n return false;\r\n }\r\n else {\r\n return Object.values(Fields).includes(fieldType as Fields);\r\n }\r\n}\r\n\r\n/**\r\n * Check if an object is StorageValue\r\n * @param object The object to check\r\n */\r\nexport function isStorageValue(object: any): object is StorageValue {\r\n if (!object) {\r\n return false;\r\n }\r\n else if (typeof object.value !== 'undefined' && object.timestamp instanceof Date) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n}\r\n\r\n/**\r\n * Asserts that all the items in an menu is correct\r\n * @param menuItems The page menu to check\r\n */\r\nexport function assertPageMenu(menuItems: PageMenuItem[]): asserts menuItems is PageMenuItem[] {\r\n if (!menuItems) {\r\n throw new TypeError('PageMenu is null');\r\n }\r\n for (const item of menuItems) {\r\n assertPageMenuItem(item);\r\n }\r\n}\r\n\r\n/**\r\n * Assert that an Page Menu Item is correct\r\n * @param item The item to check\r\n */\r\nexport function assertPageMenuItem(item: PageMenuItem): asserts item is PageMenuItem {\r\n if (item.type === PageMenuType.Button) {\r\n if (!item.style) {\r\n throw new TypeError(`PageMenuItem '${item.name}' of type Button must have style`);\r\n }\r\n if (!item.callback) {\r\n throw new TypeError(`PageMenuItem '${item.name}' of type Button must have callback`);\r\n }\r\n if (typeof item.active !== 'boolean' && (typeof item.active !== 'function' || typeof item.active() !== 'boolean')) {\r\n throw new TypeError(`PageMenuItem '${item.name}' of type Button must have active`);\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Checks if an object is of type Form\r\n * @param object The object to check\r\n */\r\nexport function isForm(object: Form): object is Form {\r\n if (!object || typeof object.id !== 'number' || typeof object.number !== 'string' || typeof object.name !== 'string'\r\n || typeof object.definition !== 'string' || typeof object.iconClass !== 'string' || typeof object.isActive !== 'boolean'\r\n ) {\r\n return false;\r\n }\r\n else {\r\n return true;\r\n }\r\n}\r\n\r\n/**\r\n * Checks if an object is of type FormWithValues\r\n * @param object The object to check\r\n */\r\nexport function isFormWithValues(object: FormWithValues): object is FormWithValues {\r\n if (!object || !Array.isArray(object.values) || !isForm(object.theForm)) {\r\n return false;\r\n }\r\n else {\r\n return true;\r\n }\r\n}\r\n\r\nexport function shouldKeepMetaData(key: string | ModelMetaData) {\r\n if (key.includes(ModelMetaData.ModalSearch)) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n}\r\n\r\n/**\r\n * Checks if an field contains translation information\r\n * @param field The field to check\r\n */\r\nexport function isFormlyFieldWithTranslation(field: FormlyFieldConfig): field is FormlyFieldWithTranslation {\r\n if (!field?.templateOptions?.fieldTranslations) {\r\n return false;\r\n }\r\n else if (Object.keys(field.templateOptions.fieldTranslations).length > 0) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n}\r\n\r\n","/**\r\n * The different API environments that may be set when signing in\r\n */\r\nexport enum ApiEnvironment {\r\n Prod = 'prod',\r\n Test = 'test',\r\n Dev = 'dev',\r\n Custom = 'custom'\r\n}\r\n","export enum ApiStatus {\r\n Success = 'success',\r\n Failed = 'failed',\r\n Offline = 'offline'\r\n}\r\n","export enum ApiType {\r\n Internal = 'Internal',\r\n InAzure = 'InAzure',\r\n InApir = 'InApir',\r\n ExternalInApir = 'ExternalApir',\r\n ExternalAzure = 'ExternalAzure',\r\n External = 'External'\r\n}\r\n","/**States for authorization */\r\nexport enum AuthenticationState {\r\n NotSet,\r\n NotAuthenticated,\r\n Authenticated,\r\n OfflineAuthenticated,\r\n InitAuthenticated,\r\n NewUser,\r\n ResetPassword\r\n}\r\n\r\n","/**Different sources for values returned from CachedApi */\r\nexport enum DataSource {\r\n API = 'api',\r\n Storage = 'storage'\r\n}\r\n","export enum DataStatus {\r\n Updated = 'updated',\r\n Error = 'error',\r\n Unchanged = 'unchanged'\r\n}\r\n","/**\r\n * Different actions that can be done in FormPage\r\n */\r\nexport enum FormAction {\r\n Submit = 'submit',\r\n Exit = 'exit',\r\n TmpStore = 'tmpStore',\r\n ChangedFavOrFV = 'changedFavOrFV',\r\n ClearForm = 'clearForm',\r\n NotSet = 'notSet'\r\n}\r\n\r\n","/**The type of form (used by form-service) */\r\nexport enum FormType {\r\n Form = 'form',\r\n Setup = 'setup',\r\n Registration = 'registration',\r\n FormView = 'formview',\r\n SubForm = 'subform',\r\n None = ''\r\n}\r\n","/**The type of form (used by form-service) */\r\nexport enum PageMenuType {\r\n Divider = 'divider',\r\n Button = 'button',\r\n Select = 'selectlist'\r\n}\r\n","/**\r\n * The different color classes in Ionic\r\n */\r\nexport enum IonColor {\r\n Primary = 'primary',\r\n Secondary = 'secondary',\r\n Tertiary = 'tertiary',\r\n Success = 'success',\r\n Warning = 'warning',\r\n Danger = 'danger',\r\n Dark = 'dark',\r\n Medium = 'medium',\r\n Light = 'light'\r\n}\r\n","/**\r\n * Reference keys to be used for the different Page components when used with ComponentRef service and Trigger\r\n */\r\nexport enum PageRefs {\r\n Form = 'IN:Form',\r\n FormView = 'IN:FormView',\r\n SubForm = 'IN:SubForm',\r\n Setup = 'IN:Setup',\r\n Home = 'IN:Home',\r\n Forms = 'IN:Forms',\r\n History = 'IN:History'\r\n}\r\n","/**For sorting projects */\r\nexport enum SortBy {\r\n /**(New) Sort by project label/name */\r\n Label = 'label',\r\n\r\n /**(Old) Sort by project name */\r\n Name = 'name',\r\n\r\n /** (New) Sort by project value/number */\r\n Value = 'value',\r\n\r\n /**(Old) Sort by project number*/\r\n Number = 'number',\r\n\r\n /**Don't sort projects */\r\n NoSort = 'noSort'\r\n}\r\n","/**\r\n * The different states/pages the app may be in.\r\n */\r\nexport enum State {\r\n Form = 'form',\r\n Forms = 'forms',\r\n Preview = 'preview',\r\n History = 'history',\r\n Reg = 'reg',\r\n Home = 'home',\r\n Setup = 'setup',\r\n Settings = 'settings',\r\n UserSettings = 'usersettings',\r\n Intro = 'intro',\r\n Feedback = 'feedback',\r\n Notifications = 'notifications',\r\n Other = 'other',\r\n}\r\n","\r\n/**\r\n * Types of triggers for externalTrigger in components implementing Trigger interface\r\n */\r\nexport enum TriggerType {\r\n Click = 'click',\r\n Edit = 'edit',\r\n Swipe = 'swipe',\r\n Focus = 'focus',\r\n Set = 'set',\r\n GPS = 'gps',\r\n AllowLeave = 'allowLeave',\r\n Update = 'update',\r\n ToggleClass = 'toggleClass',\r\n RemoveClass = 'removeClass',\r\n AddClass = 'addClass',\r\n Menu = 'menu',\r\n CloseModal = 'closeModal',\r\n Clear = 'clear',\r\n TogglePartial = 'togglePartial',\r\n GetOptions = 'getOptions',\r\n Rebuild = 'rebuild',\r\n RefreshPage = 'refreshPage',\r\n StopUpdate = 'stopUpdate',\r\n GoBack = 'goBack',\r\n ChangedHome = 'changedHome',\r\n ShowLoading = 'showLoading',\r\n StopScan = 'stopScan'\r\n}\r\n","export enum Fields {\r\n AdmVerify = 'adm_verify',\r\n Barcode = 'barcodescanner',\r\n Button = 'button',\r\n Calendar = 'calendar',\r\n Checkbox = 'checkbox',\r\n Datetime = 'datetime',\r\n DocumentLink = 'documentLink',\r\n DrawingSelect = 'drawingSelect',\r\n GPS = 'gpsposition',\r\n HistorySelect = 'historyselect',\r\n Image = 'image',\r\n ImageModal = 'imageModal',\r\n InfoLookup = 'infoLookup',\r\n InitInput = 'init-input',\r\n Input = 'input',\r\n ItemList = 'itemlist',\r\n LabelRadio = 'labelradio',\r\n LabelSelect = 'labelselect',\r\n LastReg = 'lastReg',\r\n Lookup = 'lookup',\r\n Modalselect = 'modalselect',\r\n NFC = 'nfc',\r\n OpenForm = 'openForm',\r\n Paint = 'paint',\r\n PdfModal = 'pdfModal',\r\n Photo = 'photo',\r\n Projects = 'projects',\r\n Radio = 'radio',\r\n Range = 'range',\r\n Rating = 'rating',\r\n SegmentButtons = 'segmentButtons',\r\n Select = 'select',\r\n ServerMessage = 'servermessage',\r\n ServerQueryModal = 'serverQueryModal',\r\n Signature = 'signature',\r\n Space = 'space',\r\n Step = 'step',\r\n Stream = 'stream',\r\n StyleForm = 'styleForm',\r\n SubSelect = 'subselect',\r\n Sum = 'sum',\r\n Table = 'table',\r\n Text = 'text',\r\n TextArea= 'textarea',\r\n Textmerge = 'textmerge',\r\n TimeDiff = 'timediff',\r\n TimePicker= 'timepicker',\r\n Title = 'title',\r\n Toggle = 'toggle',\r\n Unknown = 'unknown',\r\n User = 'user',\r\n ValueList = 'valuelist',\r\n Watch = 'watch',\r\n WebLookup = 'webLookup',\r\n D4Go = 'd4Go',\r\n D4Saldi = 'd4Saldi',\r\n Chart = 'chart',\r\n D4Time = 'd4Time',\r\n Status = 'status',\r\n DateHelper = 'dateHelper',\r\n CalendarView = 'calendarView',\r\n VersionCheck = 'versionCheck'\r\n}\r\n","/**Where the data comes from in modalselect */\r\nexport enum SourceType {\r\n Lookup = 'lookup',\r\n API = 'api',\r\n Local = 'local'\r\n}\r\n","export enum BoxType {\r\n FormList = 'formlist',\r\n RegList = 'reglist',\r\n FormView = 'formview',\r\n Empty = 'empty'\r\n}\r\n\r\nexport enum BoxStyle {\r\n List = 'list',\r\n Form = 'form',\r\n Empty = 'empty'\r\n}\r\n","export enum LinkSource {\r\n Forms = 'forms',\r\n History = 'history',\r\n HomeFormView = 'home:formview',\r\n HomeForms = 'home:forms',\r\n HomeLastUsed = 'home:lastused',\r\n HomeFavorites = 'home:favorites',\r\n HomeHistory = 'home:history',\r\n LastReg = 'lastreg',\r\n Reg = 'reg',\r\n Unknown = 'unknown'\r\n}\r\n","/**\r\n * Keys for meta data on model\r\n */\r\nexport enum ModelMetaData {\r\n OfflineReg = '_offlineReg_',\r\n DeviceInfo = '_deviceinfo_',\r\n AppVersion = '_appversion_',\r\n SubmitDateTime = '_submitdatetime_',\r\n ModalSearch = '_modalsearch_',\r\n Language = '_InLanguage_'\r\n}\r\n\r\n","export enum PlatformType {\r\n Android = 'Android',\r\n iOS = 'iOS',\r\n Browser = 'Browser',\r\n PWA = 'PWA'\r\n}\r\n","export enum StepRequired {\r\n Off = 'off',\r\n Warn = 'warn',\r\n Error = 'error'\r\n}\r\n","export enum NotificationType {\r\n Message = 'message',\r\n Report = 'report',\r\n OpenForm = 'open_form',\r\n Update = 'update'\r\n}\r\n","export enum FeedbackType {\r\n General = 'general',\r\n Support = 'support',\r\n AppBug = 'app-bug',\r\n FormBug = 'form-bug',\r\n AppFeature = 'app-feature',\r\n FormFeature = 'form-feature'\r\n}\r\n","/**\r\n * The different states/pages the app may be in.\r\n */\r\nexport enum SwipeDirection {\r\n LeftToRight = 4,\r\n RightToLeft = 2,\r\n UpToDown = 1,\r\n DownToUp = 3\r\n}\r\n","export enum FirebaseEvent {\r\n NavigatedForm = 'navigated_form',\r\n NavigatedForms = 'navigated_forms',\r\n NavigatedReg = 'navigated_reg',\r\n NavigatedHistory = 'navigated_history',\r\n NavigatedPreview = 'navigated_preview',\r\n NavigatedHome = 'navigated_home',\r\n NavigatedIntro = 'navigated_intro',\r\n FormViewReg = 'formview_reg',\r\n D4GoSetTime = 'D4GoSettime',\r\n D4GoSetDate = 'D4GoSetdate',\r\n D4GoOpenLastReg = 'D4Go_OpenLastReg',\r\n D4GoSubmitStart = 'D4Go_Submit_startBtn',\r\n D4GoSubmitEnd = 'D4Go_Submit_endBtn',\r\n ChangeLanguage = 'change_lang',\r\n ChangeTheme = 'change_theme',\r\n Offline = 'went_offline',\r\n Online = 'went_online',\r\n OpenForm = 'opened_form',\r\n CloseForm = 'closed_form',\r\n FinishForm = 'finished_form',\r\n TmpStore = 'tmp_stored',\r\n OpenReg = 'opened_reg',\r\n CloseReg = 'closed_reg',\r\n HomeOrder = 'home_order',\r\n IntroStart = 'tutorial_begin',\r\n IntroComplete = 'tutorial_complete',\r\n ApiFail = 'api_fail',\r\n Login = 'login',\r\n FavoritesUpdate = 'favorites_updated',\r\n FormViewSet = 'formview_set',\r\n WrongIcon = 'wrong_icon',\r\n Print = 'print',\r\n SwipeBack = 'swipe_back'\r\n}\r\n","export enum OnlineStatus {\r\n Online = 'online',\r\n ManualOffline = 'manualOffline',\r\n NoNetwork = 'noNetwork',\r\n InternalFail = 'internalFail',\r\n ExternalFail = 'externalFail',\r\n HasOfflineRegs = 'hasOfflineRegs'\r\n}\r\n","/**Color theme */\r\nexport interface Theme {\r\n /**The CSS class for the color theme */\r\n className: string;\r\n\r\n /**Value for the color theme, by select etc. */\r\n value: string;\r\n\r\n /**The label to present to the user for the color theme. Will be translated */\r\n label: string;\r\n}\r\n\r\n/**Themes available*/\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const InThemes: Theme[] = [\r\n {\r\n className: '',\r\n value: 'light',\r\n label: 'PrimaryTheme'\r\n },\r\n {\r\n className: 'dark',\r\n value: 'dark',\r\n label: 'DarkMode'\r\n }\r\n];\r\n\r\n","/**Interface for defined language */\r\nexport interface Language {\r\n code: string;\r\n name: string;\r\n}\r\n\r\n/**Available languages in the app */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const DefinedLanguages: Language[] = [\r\n {code: 'en', name: 'English'},\r\n {code: 'no', name: 'Norsk'},\r\n {code: 'sv', name: 'Svenska'}\r\n];\r\n","import { NgModule } from '@angular/core';\r\nimport { TimeAgoPipe } from './time-ago.pipe';\r\n\r\n@NgModule({\r\ndeclarations: [TimeAgoPipe],\r\nimports: [],\r\nexports: [TimeAgoPipe],\r\n})\r\n\r\nexport class PipesModule {}\r\n","import {Pipe, PipeTransform} from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\n\r\n@Pipe({\r\n name: 'timeAgo',\r\n pure: true\r\n})\r\nexport class TimeAgoPipe implements PipeTransform {\r\n constructor(\r\n private translate: TranslateService\r\n ){}\r\n\r\n transform(value: any, args?: any): any {\r\n if (value) {\r\n const seconds = Math.floor((+new Date() - +new Date(value)) / 1000);\r\n\r\n if (seconds < 10) // less than 10 seconds ago will show as 'Just now'\r\n return this.translate.instant('TimeAgoJustNow');\r\n const intervals = {\r\n TimeAgoYear: 31536000,\r\n TimeAgoMonth: 2592000,\r\n TimeAgoWeek: 604800,\r\n TimeAgoDay: 86400,\r\n TimeAgoHour: 3600,\r\n TimeAgoMinute: 60,\r\n TimeAgoSecond: 1\r\n };\r\n let counter: number;\r\n for (const i in intervals) {\r\n counter = Math.floor(seconds / intervals[i]);\r\n\r\n if (counter > 0) {\r\n return counter + ' ' + this.translate.instant(i) + ' ' + this.translate.instant('TimeAgoSingular'); // singular (1 day ago)\r\n /*\r\n // not in use\r\n if (counter === 1) {\r\n return counter + ' ' + this.translate.instant(i) + ' ' + this.translate.instant('TimeAgoSingular'); // singular (1 day ago)\r\n } else {\r\n let type = this.translate.instant(i);\r\n// if(this.translate.currentLang != 'en') // wrong ending on plural on swe and nor (time, timeer).\r\n// type = type.substring(0, type.length -1);\r\n return counter + ' ' + type + this.translate.instant('TimeAgoPlural');; // plural (2 days ago)\r\n }\r\n */\r\n }\r\n }\r\n }\r\n return value;\r\n }\r\n\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { NGXLogger } from 'ngx-logger';\r\nimport { InLoggerService } from './in-logger.service';\r\nimport { HttpErrorResponse } from '@angular/common/http';\r\nimport { StatisticsService } from './statistics.service';\r\nimport { InStorageService } from './in-storage.service';\r\nimport { ApiErrorDict, ApiType, ApiError, ResultError, FirebaseEvent } from '../models/models';\r\nimport { isExternalApi } from '../helpers/helperFunctions';\r\nimport { environment } from 'src/environments/environment';\r\nimport * as moment from 'moment';\r\nimport { StateService } from './state.service';\r\nimport { OnlineService } from './online.service';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ApiErrorLogService {\r\n errors: ApiErrorDict = {};\r\n lastNoResultWarning: Date;\r\n\r\n constructor(\r\n private logger: NGXLogger,\r\n private inLogger: InLoggerService,\r\n private statistics: StatisticsService,\r\n private storage: InStorageService,\r\n private state: StateService,\r\n private online: OnlineService\r\n ) {\r\n this.storage.getApiErrors().then(errors => {\r\n if (errors) {\r\n this.errors = errors;\r\n }\r\n });\r\n this.storage.getLastNoResultWarnTime().then(time => this.lastNoResultWarning = time);\r\n }\r\n\r\n /**\r\n * Log empty (but no error) result from internal API to console and file\r\n * @param location The location in the code that caused the error\r\n * @param message The message to log\r\n * @param error The error to log\r\n * @param logData (Optional) Additional data to log to file\r\n */\r\n logNoResult(location: string, message: string, error: ResultError, logData?: any) {\r\n if (error) {\r\n if (error.message === 'No user logged in!') {\r\n this.logger.error(message, location, error);\r\n }\r\n else {\r\n let logMessage = `${location}\\nBackend error!\\n${error.message}\\n${message}`;\r\n if (logData) {\r\n logMessage += `\\n${JSON.stringify(logData)}`;\r\n }\r\n if (this.lastNoResultWarning) {\r\n const diff = moment().diff(this.lastNoResultWarning);\r\n if (moment.duration(diff).asHours() > environment.noResultWarningFrequency) {\r\n this.logger.fatal(logMessage);\r\n this.lastNoResultWarning = new Date();\r\n this.storage.setLastNoResultWarnTime(this.lastNoResultWarning);\r\n }\r\n else {\r\n this.logger.error(message, location, error);\r\n }\r\n }\r\n else {\r\n this.logger.fatal(logMessage);\r\n this.lastNoResultWarning = new Date();\r\n this.storage.setLastNoResultWarnTime(this.lastNoResultWarning);\r\n }\r\n }\r\n }\r\n else {\r\n this.logger.error(message, location, logData?.result);\r\n }\r\n this.inLogger.error(message, error, {data: logData, location: location});\r\n }\r\n\r\n /**\r\n * Log http error result from internal API to console and file (and optional Firebase)\r\n * @param location The location in the code that caused the error\r\n * @param message The message to log\r\n * @param error The error to log\r\n * @param endpointForFirebase (Optional) What to set as endpoint for Firebase logging\r\n * @param logData (Optional) Additional data to log to file\r\n */\r\n logInternalApiFail(location: string, message: string, error: HttpErrorResponse, endpointForFirebase?: string, logData?: any) {\r\n if (error.status === 0 && !this.online.hasNetwork()) {\r\n return;\r\n }\r\n this.logger.error(message, location, error);\r\n this.inLogger.error(message, error, {data: logData, location: location});\r\n if (endpointForFirebase) {\r\n this.statistics.logEvent(FirebaseEvent.ApiFail, {endpoint: endpointForFirebase,\r\n status: error.status,\r\n message: error.message,\r\n currState: this.state.state,\r\n prevState: this.state.prevState\r\n });\r\n }\r\n }\r\n\r\n /**\r\n * Log http error result from external API to console and file. Will send warning if number of\r\n * failures on a specific url passes an treshold\r\n * @param location The location in the code that caused the error\r\n * @param url The url of the call\r\n * @param message The message to log\r\n * @param error The error to log\r\n * @param type The type of API, e.g. InApir, Azure, External\r\n * @param logData (Optional) Additional data to log to file\r\n */\r\n async logExternalApiFail(location: string, url: string, message: string, error: HttpErrorResponse, type: ApiType, logData?: any) {\r\n if (error.status === 0 && !this.online.hasNetwork()) {\r\n return;\r\n }\r\n if (type === ApiType.External) {\r\n if (url.startsWith('https://inapir.azurewebsites.net/api/')) {\r\n type = ApiType.ExternalInApir;\r\n }\r\n else if (url.startsWith('https://infeaturescode.azurewebsites.net/api/')) {\r\n type = ApiType.ExternalAzure;\r\n }\r\n }\r\n this.logger.error(message, location, error);\r\n this.inLogger.error(message, error, {data: logData, location: location});\r\n // eslint-disable-next-line prefer-const\r\n let [endpoint, query] = url.split('?');\r\n if (!query) {\r\n query = 'none';\r\n }\r\n query = query.replace(/ansatt=[^\\&]+/g, 'ansatt=*****');\r\n if (this.errors[endpoint]) {\r\n if (this.errors[endpoint].querys[query]) {\r\n this.errors[endpoint].querys[query]++;\r\n }\r\n else {\r\n this.errors[endpoint].querys[query] = 1;\r\n }\r\n if (!this.errors[endpoint].status.includes(error.status)) {\r\n this.errors[endpoint].status.push(error.status);\r\n }\r\n }\r\n else {\r\n this.errors[endpoint] = {\r\n querys: {[query]: 1},\r\n type: type,\r\n status: [error.status]\r\n };\r\n }\r\n\r\n this.checkAndSendWarning(this.errors[endpoint], endpoint, location);\r\n this.storage.setApiErrors(this.errors);\r\n }\r\n\r\n /**\r\n * Checks the amount of fails on a url and sends warning (using NGXLoggger.fatal) if it's over the treshold\r\n * @param error The error\r\n * @param url The url that caused error\r\n * @param location The location in the code that caused the error\r\n */\r\n checkAndSendWarning(error: ApiError, url: string, location: string) {\r\n const maxFails = Math.max(...Object.values(error.querys));\r\n if (maxFails < environment.maxExternalApiFails) {\r\n return;\r\n }\r\n else if (error.lastWarned) {\r\n const dateDiff = moment().diff(error.lastWarned);\r\n if (moment.duration(dateDiff).asHours() < environment.externalWarningFrequency) {\r\n return;\r\n }\r\n }\r\n\r\n error.lastWarned = new Date();\r\n this.logger.error(`Max fails (${maxFails}) reached on ${url} (${error.type})`);\r\n\r\n const form = this.state.currentForm;\r\n const querys = Object.entries(error.querys).map(([query, count]) => `${query}: ${count}`).join('\\n\\t');\r\n if (form && isExternalApi(error.type)) {\r\n this.logger.fatal(`${location}\\nAPI fails (${error.status.join(', ')}) in form ${form.name} (${form.id}): ${url}\\n\\t${querys}`);\r\n }\r\n else {\r\n this.logger.fatal(`${location}\\nAPI fails: ${url}\\n\\t${querys}`);\r\n }\r\n\r\n error.querys = {};\r\n }\r\n\r\n /**\r\n * Reset failure count of an API call when it succeeds\r\n * @param url The url of the API call\r\n */\r\n externalSuccess(url: string) {\r\n url = url.split('?')[0];\r\n if (this.errors[url]) {\r\n delete this.errors[url];\r\n this.storage.setApiErrors(this.errors);\r\n }\r\n }\r\n}\r\n","import { UpdateKeyReg } from './../models/interfaces/registration';\r\nimport { Injectable } from '@angular/core';\r\nimport { Observable, of, from, forkJoin, zip, firstValueFrom } from 'rxjs';\r\nimport { HttpClient, HttpHeaders, HttpErrorResponse, HttpBackend } from '@angular/common/http';\r\nimport { map, catchError, mergeMap, tap, retry } from 'rxjs/operators';\r\nimport { environment } from 'src/environments/environment';\r\nimport { UtilityService } from './utility.service';\r\nimport { OnlineService } from './online.service';\r\nimport { InStorageService } from './in-storage.service';\r\nimport { AlertController } from '@ionic/angular';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { InLoggerService } from './in-logger.service';\r\nimport { StateService } from './state.service';\r\nimport * as moment from 'moment';\r\nimport { LegacyService } from './legacy.service';\r\nimport { FormlyFieldConfig } from '@ngx-formly/core';\r\nimport { ApiErrorLogService } from './api-error-log.service';\r\nimport { ApiType, ApiEnvironment, Result, PasswordChange, ApiData, Form, ApiStatus, FormWithValues,\r\n Context, UserInfo, UserProfile, Tenant, OldReg, NewReg, SortBy, Project, StylePaths, StyleData, LookupValue,\r\n LogEntry, SignInData, RegData, FeedbackBody, AppVersion, BoxStatus, OnlineStatus } from '../models/models';\r\nimport { ThemeService } from './theme.service';\r\nimport { DeviceService } from './device.service';\r\nimport { BrowserService } from './browser.service';\r\n\r\n\r\n/**\r\n * Service for doing all API calls\r\n */\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ApiService {\r\n currentEnv: ApiEnvironment;\r\n options: HttpHeaders;\r\n inBase: string;\r\n serviceUrl: string;\r\n apirUrl: string;\r\n maxRetries: number;\r\n\r\n httpEnd: HttpClient;\r\n\r\n constructor(\r\n private http: HttpClient,\r\n private httpBackend: HttpBackend,\r\n private util: UtilityService,\r\n private online: OnlineService,\r\n private storage: InStorageService,\r\n private alertCtrl: AlertController,\r\n private translate: TranslateService,\r\n private inLogger: InLoggerService,\r\n private stateService: StateService,\r\n private legacy: LegacyService,\r\n private apiError: ApiErrorLogService,\r\n private theme: ThemeService,\r\n private device: DeviceService,\r\n private browser: BrowserService\r\n ) {\r\n this.options = new HttpHeaders().set('Content-Type', 'application/json');\r\n this.setApiEnv(ApiEnvironment.Prod, false);\r\n this.apirUrl = environment.apirUrl;\r\n this.maxRetries = environment.maxApiRetries;\r\n this.httpEnd = new HttpClient(httpBackend); //Needed for login with interceptor - not watched.\r\n }\r\n\r\n /**\r\n * Change the backend API url\r\n * @param env The environment to change to: Prod, Test, Dev or Custom\r\n * @param save (Optional) If the environment should be saved in storage, default: true\r\n */\r\n async setApiEnv(env: ApiEnvironment, save: boolean = true) {\r\n this.currentEnv = env;\r\n if (save) {\r\n this.storage.setApiEnv(env);\r\n }\r\n switch (env) {\r\n case ApiEnvironment.Test:\r\n this.inBase = environment.inBaseUrlTest;\r\n break;\r\n case ApiEnvironment.Dev:\r\n this.inBase = environment.inBaseUrlDev;\r\n break;\r\n case ApiEnvironment.Custom:\r\n this.inBase = await this.setCustomEnv();\r\n break;\r\n default:\r\n this.inBase = environment.inBaseUrl;\r\n }\r\n this.serviceUrl = `${this.inBase}/api/services/app`;\r\n }\r\n\r\n /**\r\n * Sign in an user\r\n * @param tenant The users tenant\r\n * @param username The users username\r\n * @param password The users password\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n signIn(tenant: string, username: string, password: string, allowOffline: boolean = true): Observable> {\r\n if (this.online.isOnline()) {\r\n const body = {\r\n TenancyName: tenant,\r\n UsernameOrEmailAddress: username,\r\n Password: password\r\n };\r\n const url = `${this.inBase}/Account/Login`;\r\n return this.postEnd(url, body).pipe(\r\n map>((res: Result) => {\r\n if (res.success) {\r\n return {\r\n status: ApiStatus.Success,\r\n value: {\r\n redirect: res.targetUrl.startsWith('/Account/ResetPassword'),\r\n url: res.targetUrl,\r\n password: res.result\r\n }\r\n };\r\n }\r\n else {\r\n return {value: {}, status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n if (allowOffline && err.status !== 400) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.signIn(tenant, username, password);\r\n }\r\n else {\r\n return of({value: {}, status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return new Observable> (obs => {\r\n this.storage.getUser().then(user => {\r\n let success = false;\r\n if (user && user.tenant === tenant && user.username === username && user.password === password) {\r\n success = true;\r\n }\r\n const res: ApiData = {\r\n value: {},\r\n status: success ? ApiStatus.Offline : ApiStatus.Failed\r\n };\r\n if (success) {\r\n res.value.password = password;\r\n }\r\n obs.next(res);\r\n });\r\n });\r\n }\r\n else {\r\n return of({value: {}, status: ApiStatus.Failed});\r\n }\r\n }\r\n\r\n /**\r\n * Sign out user (will clear session cookie)\r\n */\r\n signOut(): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.hasNetwork()) {\r\n const url = `${this.inBase}/Account/Logout`;\r\n return this.post(url, {responseType: 'text', withCredentials: true}).pipe(\r\n map(() => ({value: true, status: ApiStatus.Success})),\r\n catchError((err) => {\r\n if (err.status !== 200) {\r\n this.apiError.logInternalApiFail(location, 'Error signing out', err, 'Logout');\r\n return of({value: false, status: ApiStatus.Failed, error: err});\r\n }\r\n else {\r\n return of({value: true, status: ApiStatus.Success});\r\n }\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Set an new password for an user\r\n * @param password The new password\r\n * @param urlId The URL id\r\n */\r\n resetPassword(password: string, urlId: string): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.inBase}${urlId}`;\r\n const body = {\r\n Password: password,\r\n confirmPassword: password,\r\n url: urlId\r\n };\r\n return this.http.post(url, body, {headers: this.options, withCredentials: true, observe: 'response', responseType: 'text' as any}).pipe(\r\n map>(res => {\r\n if (res.status === 200 && res.url && res.url === `${this.inBase}/Application`) {\r\n return {value: true, status: ApiStatus.Success};\r\n }\r\n else {\r\n return {value: false, status: ApiStatus.Failed};\r\n }\r\n }),\r\n catchError((err: HttpErrorResponse) => {\r\n if (err.status === 200 && err.url && err.url === `${this.inBase}/Application`) {\r\n return of({value: true, status: ApiStatus.Success});\r\n }\r\n else {\r\n this.apiError.logInternalApiFail(location, 'Reset password failed', err, 'ResetPassword');\r\n return of({value: false, status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Change the users password\r\n * @param change The password change\r\n */\r\n changePassword(change: PasswordChange): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/profile/ChangePassword`;\r\n return this.post(url, change).pipe(\r\n map>((res) => res?.success ? {value: true, status: ApiStatus.Success}\r\n : {value: false, status: ApiStatus.Failed}\r\n ),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error changing password', err, 'ChangePassword');\r\n return of({value: false, status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get username and password from D4 LogInfo string\r\n * @param logInfo The LogInfo string\r\n */\r\n getUsernameAndPassword(logInfo: string): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = 'https://d4functions.azurewebsites.net/api/GetUserInfo';\r\n const body = {\r\n logInfo: logInfo\r\n };\r\n const headers = {\r\n 'x-functions-key': 'aCPsXUDLCYbTzn5QRSC01rFTDJDxXnvYoVRrb7cDCG/E2Mddcza0fw=='\r\n };\r\n return this.httpEnd.post(url, body, {headers}).pipe(\r\n map>(res => {\r\n if (res?.username && res?.password) {\r\n return {value: {username: res.username, password: res.password}, status: ApiStatus.Success};\r\n }\r\n else {\r\n return {value: {username: '', password: ''}, status: ApiStatus.Failed};\r\n }\r\n }),\r\n catchError((err) => {\r\n this.apiError.logExternalApiFail(location, url, 'Error sending log', err, ApiType.InAzure);\r\n return of({value: {username: '', password: ''}, status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: {username: '', password: ''}, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Change profile picture of user\r\n * @param picture The new profile picture\r\n */\r\n changeProfilePicture(picture: Blob): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.inBase}/Profile/ChangeProfilePicture`;\r\n return this.postImage(url, picture, 'profilepic.jpg').pipe(\r\n map((response) => {\r\n // It returns login-page as string if user isn\\'t logged in\r\n if (typeof response === 'string' && response.length > 0) {\r\n return {value: false, status: ApiStatus.Failed};\r\n }\r\n else {\r\n return {value: true, status: ApiStatus.Success};\r\n }\r\n }),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error changing profile picture', err, 'ChangeProfilePicture');\r\n return of({value: false, status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Download profile picture and return local url\r\n */\r\n getProfilePicture(): Observable> {\r\n if (this.online.isOnline()) {\r\n const url = `${this.inBase}/Profile/GetProfilePicture`;\r\n return this.http.get(url, {responseType: 'blob', withCredentials: true}).pipe(\r\n map>(res => ({value: this.browser.createImageUrl(res), status: ApiStatus.Success})),\r\n catchError(err => of({value: '', status: ApiStatus.Failed, error: err}))\r\n );\r\n }\r\n else {\r\n return of({value: '', status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get last used forms for the users for the current project\r\n * @param projectId (Optional) Project id to filter by\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getLastUsedForms(projectId?: number, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n const urlAddon = (typeof projectId === 'undefined' || projectId === null) ? '' : `?projectId=${projectId}`;\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/xform/GetLastUsedForms${urlAddon}`;\r\n return this.post(url, null).pipe(\r\n map>(res => {\r\n if (res?.success) {\r\n const forms: Form[] = this.fixForms(res?.result);\r\n if (allowOffline) {\r\n this.storage.setLastUsedForms(forms);\r\n }\r\n return {value: forms, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, 'Error getting forms', res.error);\r\n return {value: [], status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error getting forms', err, 'GetLastUsedForms');\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getLastUsedForms(projectId);\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getLastUsedForms()).pipe(\r\n map>(forms => ({value: forms, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Offline});\r\n }\r\n }\r\n /**\r\n * Get all the users forms for the current project\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getForms(allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/xform/GetFormsWithStoreDate`;\r\n return this.post(url, null).pipe(\r\n map>(res => {\r\n if (res?.success) {\r\n const forms: Form[] = this.fixForms(res?.result);\r\n if (allowOffline) {\r\n this.storage.setForms(forms);\r\n }\r\n return {value: forms, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, 'Error getting forms', res.error);\r\n return {value: [], status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error getting forms', err, 'GetFormsWithStoreDate');\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getForms();\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getForms()).pipe(\r\n map>(form => ({value: form, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Offline});\r\n }\r\n }\r\n /**\r\n * Get forms with given id for the current project (currently used for getting favorite forms)\r\n * @param ids Get a list of forms with given formIds.\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getFormsById(ids: string, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/xform/GetFormsListByIds?ids=${ids}`;\r\n return this.post(url, null).pipe(\r\n map>(res => {\r\n if (res?.success) {\r\n const forms: Form[] = this.fixForms(res?.result);\r\n if (allowOffline) {\r\n this.storage.setFavoriteForms(forms);\r\n }\r\n return {value: forms, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, 'Error getting forms', res.error);\r\n return {value: [], status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error getting forms', err, 'GetFormsListByIds');\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getFormsById(ids);\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getFavoriteForms()).pipe(\r\n map>(forms => ({value: forms, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Gets an specific form\r\n * @param id FormId of the form to get\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getForm(id: number, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/xform/getNewOrUnsignedFormWithValues?formId=${id}`;\r\n return this.post(url, null).pipe(\r\n mergeMap(async res => {\r\n if (res?.success && res?.result) {\r\n const form: FormWithValues = res.result;\r\n if (!form.theForm?.isActive) {\r\n this.apiError.logNoResult(location, `Form ${id} is not active`, {message: 'Form is not active'}, {formId: id});\r\n return {value: null, status: ApiStatus.Failed};\r\n }\r\n form.theForm = this.fixForm(form.theForm);\r\n if (allowOffline ) {\r\n await this.storage.setForm(id, form);\r\n }\r\n return {value: form, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, `Error getting form ${id}`, res.error, {formId: id});\r\n return {value: null, status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, `Error getting form ${id}`, err, 'getNewOrUnsignedFormWithValues', {formId: id});\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getForm(id);\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getForm(id)).pipe(\r\n map>((form) => ({value: form, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get how many fields an form has\r\n * @param formId The id of the form\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getFieldCount(formId: number, allowOffline = true): Observable> {\r\n if (this.online.isOnline()) {\r\n return this.getForm(formId, false).pipe(\r\n map, ApiData>(data => {\r\n if (data.value) {\r\n const count = this.util.parseFields(data.value?.theForm?.definition, true).length;\r\n if (allowOffline) {\r\n this.storage.addFieldCount(formId, count);\r\n }\r\n return {\r\n value: count,\r\n status: ApiStatus.Success\r\n };\r\n }\r\n else {\r\n const newData: ApiData = {\r\n value: null,\r\n status: data.status\r\n };\r\n if (data.error) {\r\n newData.error = data.error;\r\n }\r\n return newData;\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getFieldCount(formId)).pipe(\r\n map>(value => ({value: value, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Updates the given forms in storage\r\n * @param formIds The ids of the forms to update\r\n */\r\n getAndStoreUpdatedForms(formIds: number[]): Observable[]> {\r\n if (this.online.isOnline()) {\r\n const downloads: Observable>[] = [];\r\n for (const id of formIds) {\r\n const obs = this.getForm(id, false).pipe(\r\n tap(data => {\r\n if (data.status === ApiStatus.Success) {\r\n this.storage.setForm(id, data.value);\r\n }\r\n })\r\n );\r\n downloads.push(obs);\r\n }\r\n return forkJoin(downloads);\r\n }\r\n else {\r\n return of([]);\r\n }\r\n }\r\n\r\n /**\r\n * Get user context\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getUserContext(allowOffline: boolean = true): Observable> {\r\n if (this.online.isOnline()) {\r\n return this.getContext({source: 'https://in.tempus.no/?app=IN'}, false).pipe(\r\n tap(({value: user, status}) => {\r\n if (status === ApiStatus.Success && allowOffline) {\r\n this.storage.setUserContext(user);\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getUserContext()).pipe(\r\n map>(user => ({value: user, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Gets information for the user (e.g. full name etc.)\r\n * @param tenant The tenant of the user\r\n * @param username The username of the user\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getUserInfo(tenant: string, username: string, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.apirUrl}/users?tenant=${tenant}&user=${username}&includeAdmin=true`;\r\n return this.http.get(url).pipe(\r\n map>(res => {\r\n this.apiError.externalSuccess(url);\r\n if (Array.isArray(res) && res.length > 0) {\r\n const userInfo: UserInfo = res[0];\r\n if (allowOffline) {\r\n this.storage.setUserInfo(userInfo);\r\n }\r\n return {value: userInfo, status: ApiStatus.Success};\r\n }\r\n else {\r\n return {value: null, status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logExternalApiFail(location, url, 'Error getting userinfo', err, ApiType.InApir, {tenant, username});\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.ExternalFail, err.status, 'InApir');\r\n return this.getUserInfo(tenant, username);\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getUserInfo()).pipe(\r\n map>(res => ({value: res, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Gets the current users profile\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getCurrentUserProfile(allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/profile/GetCurrentUserProfileForEdit`;\r\n return this.post(url, null).pipe(\r\n map>((res) => {\r\n if (res?.success) {\r\n if (allowOffline) {\r\n this.storage.setUserProfile(res.result);\r\n }\r\n return {value: res.result, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, 'Error getting user profile', res.error);\r\n return {value: null, status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err) => {\r\n this.apiError.logInternalApiFail(location, 'Error getting user profile', err, 'GetCurrentUserProfileForEdit');\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getCurrentUserProfile();\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getUserProfile()).pipe(\r\n map>(user => ({value: user, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Update the current user profile\r\n * @param user The new user profile\r\n */\r\n updateCurrentUserProfile(user: UserProfile): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/profile/UpdateCurrentUserProfile`;\r\n return this.post(url, user).pipe(\r\n map>(res => {\r\n if (res?.success) {\r\n return {value: true, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, 'Error updating user profile', res.error, user);\r\n return {value: false, status: ApiStatus.Failed};\r\n }\r\n }),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error updating, user profile', err, 'UpdateCurrentUserProfile', user);\r\n return of({value: false, status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get tenant by id\r\n * @param id Id of tenant\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getTenant(id: number, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.apirUrl}/tenant/${id}`;\r\n return this.http.get(url).pipe(\r\n map>(tenant => {\r\n this.stateService.currentTenant = tenant;\r\n if (tenant) {\r\n this.apiError.externalSuccess(url);\r\n if (allowOffline) {\r\n this.storage.setTenant(tenant, id);\r\n this.storage.setTenant(tenant);\r\n }\r\n return {value: tenant, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, 'Error getting tenant', null, {tenantId: id});\r\n return {value: null, status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logExternalApiFail(location, url, 'Error getting tenant', err, ApiType.InApir, {tenantId: id});\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.ExternalFail, err.status, 'InApir');\r\n return this.getTenant(id);\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getTenant(id)).pipe(\r\n map>(tenant => ({value: tenant, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * @deprecated Use `getTenantName` instead\r\n *\r\n * Get information of the tenant using tenancyname\r\n * @param tenant TenancyName\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getTenantInfo(tenant: string, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.apirUrl}/tenant`;\r\n tenant = tenant.toLowerCase();\r\n return this.http.get(url).pipe(\r\n map>((res: any[]) => {\r\n this.apiError.externalSuccess(url);\r\n if (!res) res = [];\r\n const tenantInfo = res.find(el => el.TenancyName && el.TenancyName.toLowerCase() === tenant);\r\n if (tenantInfo) {\r\n const ten: Tenant = {Id: tenantInfo.Id, Name: tenantInfo.Name, TenancyName: tenantInfo.TenancyName};\r\n this.stateService.currentTenant = ten;\r\n if (allowOffline) {\r\n this.storage.setTenant(ten, tenant);\r\n this.storage.setTenant(ten);\r\n }\r\n return {value: ten, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, `Error getting ${tenant}`, null, {tenancyname: tenant, result: res});\r\n return {value: null, status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logExternalApiFail(location, url, `Error getting tenant ${tenant}`, err, ApiType.InApir, {tenancyname: tenant});\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.ExternalFail, err.status, 'InApir');\r\n return this.getTenantInfo(tenant);\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getTenant(tenant)).pipe(\r\n map>(t => ({value: t, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get the full name of an tenant\r\n * @param tenant The tenancy name\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getTenantName(tenant: string, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.apirUrl}/tenantname?tenancyName=${tenant}`;\r\n return this.http.get(url).pipe(\r\n map>(res => {\r\n if (Array.isArray(res) && res.length > 0 && res[0]['Name']) {\r\n this.apiError.externalSuccess(url);\r\n if (allowOffline) {\r\n this.storage.setTenantName(tenant, res[0]['Name']);\r\n }\r\n return {value: res[0]['Name'], status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, `Error getting name of tenant ${tenant}`, null, {tenancyname: tenant, result: res});\r\n return {value: '', status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logExternalApiFail(location, url, `Error getting tenant name of ${tenant}`, err, ApiType.InApir, {tenancyname: tenant});\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.ExternalFail, err.status, 'InApir');\r\n return this.getTenantName(tenant);\r\n }\r\n else {\r\n return of({value: '', status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getTenantName(tenant)).pipe(\r\n map>(name => ({value: name, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: '', status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get earlier registrations for history\r\n * @param projectId (Optional) Project id to filter by\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getRegistrations(projectId?: number, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n const urlAddon = (typeof projectId === 'undefined' || projectId === null) ? '' : `?projectId=${projectId}`;\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/xform/getHistory${urlAddon}`;\r\n return this.post(url, null).pipe(\r\n map>(res => {\r\n if (res?.success) {\r\n const regs = this.fixRegistrations(res.result);\r\n if (allowOffline) {\r\n this.storage.setHistory(regs, projectId);\r\n }\r\n\r\n return {value: regs, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, 'Error getting registrations', res.error);\r\n return {value: [], status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error getting registrations', err, 'getHistory');\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getRegistrations(projectId);\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getHistory(projectId)).pipe(\r\n map>(regs => ({value: regs, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Find the last registration for an given form\r\n * @param formId Id of the form\r\n * @param projectId (Optional) Give this to filter registrations by project id\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getLastRegistration(formId: number, projectId?: number, allowOffline = true): Observable> {\r\n return this.getRegistrations(projectId, allowOffline).pipe(\r\n map, ApiData>(data => {\r\n let reg: OldReg = null;\r\n if (data.error) {\r\n return {value: null, status: ApiStatus.Failed, error: data.error};\r\n }\r\n if (data.value.length > 0) {\r\n reg = data.value.find(r => r.formId === formId) ?? null;\r\n if (reg && allowOffline) {\r\n this.storage.setLastRegistration(reg, formId, projectId);\r\n }\r\n }\r\n return {value: reg, status: data.status};\r\n })\r\n );\r\n }\r\n\r\n /**\r\n * Get the content of an earlier registration\r\n * @param regId Id of the registration\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getRegistration(regId: number, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/xform/getFormWithReg?regId=${regId}&matchVersion=true`;\r\n return this.post(url, null).pipe(\r\n map>(res => {\r\n if (res && res.success) {\r\n if (allowOffline) {\r\n this.storage.setRegistration(regId, res.result);\r\n }\r\n return {value: res.result, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, `Error getting registration ${regId}`, res.error, {regId: regId});\r\n return {value: null, status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, `Error getting registration ${regId}`, err, 'getFormWithReg', {regId: regId});\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getRegistration(regId);\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getRegistration(regId)).pipe(\r\n map>(reg => ({value: reg, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Submits an registration\r\n * @param registration The registration to submit\r\n */\r\n doRegistration(registration: NewReg): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n this.inLogger.log('Doing registration', {formId: registration.FormId, buttonfunction: registration.ButtonFunction});\r\n const url = `${this.serviceUrl}/xform/DoReg`;\r\n return this.post(url, registration).pipe(\r\n map>(result => {\r\n if (result?.success) {\r\n return {value: {data: result.result}, status: ApiStatus.Success};\r\n }\r\n else {\r\n if (result?.error?.message === 'Error') {\r\n this.apiError.logNoResult(location, 'Error doing registration', result?.error, registration);\r\n }\r\n return {value: {errorMessage: result?.error?.message}, status: ApiStatus.Failed};\r\n }\r\n }),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error doing registration', err, 'DoReg', registration);\r\n return of({value: {errorMessage: err.message}, status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Delete all unsigned registrations that are newer than the last signed registration\r\n * @param formId The id of the form\r\n */\r\n deleteUnsignedRegistrations(formId: number): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/xform/DeleteUnsigned?formId=${formId}`;\r\n return this.delete(url).pipe(\r\n map((data: Result) => {\r\n if (data?.success) {\r\n return {value: true, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, `Error deleting unsigned regs of form ${formId}`, data?.result);\r\n return {value: false, status: ApiStatus.Failed};\r\n }\r\n }),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, `Error deleting unsigned regs of form ${formId}`, err, 'DeleteUnsigned');\r\n return of({value: false, status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get the users projects\r\n * @param sortBy (Optional) How to sort the projects (default: NoSort)\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getProjects(sortBy: SortBy = SortBy.NoSort, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/project/getSetupProjects`;\r\n return this.post(url, null).pipe(\r\n map>(res => {\r\n if (!res?.success) {\r\n this.apiError.logNoResult(location, 'Error getting projects', res.error);\r\n return {value: [], status: ApiStatus.Failed};\r\n }\r\n let projects: Project[] = res.result ?? [];\r\n projects = projects.filter(p => p.active);\r\n if (sortBy !== SortBy.NoSort) {\r\n projects.sort((a, b) => (a[sortBy] > b[sortBy]) ? 1 : (b[sortBy] > a[sortBy]) ? -1 : 0);\r\n }\r\n if (allowOffline) {\r\n this.storage.setProjects(projects);\r\n }\r\n return {value: projects, status: ApiStatus.Success};\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error getting projects', err, 'GetSetupProjects');\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getProjects(sortBy);\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getProjects(sortBy)).pipe(\r\n map>(projects => ({value: projects, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Gets the current project of the user\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getCurrentProject(allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/project/getCurrentProject`;\r\n return this.post(url, null).pipe(\r\n mergeMap(async res => {\r\n if (res?.success) {\r\n let project: Project = res.result;\r\n if (project && !project.active) {\r\n const projects = await this.getProjects().toPromise();\r\n project = projects.value[0];\r\n if (project) {\r\n await this.setCurrentProject(project).toPromise();\r\n }\r\n else {\r\n this.apiError.logNoResult(location, 'Error getting current project', res.error);\r\n return {value: null, status: ApiStatus.Failed};\r\n }\r\n }\r\n this.stateService.currentProject = project;\r\n if (allowOffline) {\r\n this.storage.setCurrentProject(project);\r\n }\r\n return {value: project, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, 'Error getting current project', res.error);\r\n return {value: null, status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error getting current project', err, 'getCurrentProject');\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getCurrentProject();\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getCurrentProject()).pipe(\r\n map>(project => ({value: project, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Set the current project\r\n * @param project The project number or Project object\r\n */\r\n setCurrentProject(project: Project): Observable> {\r\n const projectNr = typeof project === 'string' ? project : project?.number;\r\n if(!projectNr) { //Preview fix. Should not nullify project.\r\n return of();\r\n }\r\n\r\n if (this.online.isOnline()) {\r\n return this.getSetupForm(false).pipe(\r\n mergeMap, Observable>>(data => {\r\n const form = data.value;\r\n if (!form) {\r\n return data.error ? of({value: null, status: data.status, error: data.error})\r\n : of({value: null, status: data.status});\r\n }\r\n const values = form.values;\r\n const index = values.findIndex(v => v.key === 'Prosjekt');\r\n if (index === -1) {\r\n values.push({\r\n formId: form.theForm.id,\r\n key: 'Prosjekt',\r\n value: projectNr\r\n });\r\n }\r\n else {\r\n values[index].value = projectNr;\r\n }\r\n const reg: NewReg = {\r\n FormId: form.theForm.id,\r\n ValueList: values\r\n };\r\n return this.doRegistration(reg).pipe(\r\n mergeMap(async res => {\r\n if (res.status === ApiStatus.Success) {\r\n this.stateService.currentProject = project;\r\n const [order, projects] = await Promise.all([\r\n firstValueFrom(this.getBoxOrder(project.id), {defaultValue: {value: null, status: ApiStatus.Failed}}),\r\n firstValueFrom(this.getProjects(SortBy.Name), {defaultValue: {value: [], status: ApiStatus.Failed}}),\r\n this.storage.setCurrentProject(project)\r\n ]);\r\n\r\n return{value: {order: order.value, projects: projects.value}, status: res.status};\r\n }\r\n else if (res.error) {\r\n return {value: null, status: res.status, error: res.error};\r\n }\r\n else {\r\n return {value: null, status: res.status};\r\n }\r\n })\r\n );\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get label for the project field\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getProjectlabel(allowOffline: boolean = true): Observable> {\r\n if (this.online.isOnline()) {\r\n return this.getSetupForm(allowOffline).pipe(\r\n map, ApiData>(data => {\r\n if (data.status === ApiStatus.Success) {\r\n const fields: FormlyFieldConfig[] = this.util.parseFields(data.value?.theForm?.definition);\r\n const label = fields.find(field => field.key === 'Prosjekt')?.templateOptions?.label;\r\n if (allowOffline && label) {\r\n this.storage.setProjectLabel(label);\r\n }\r\n return {value: label, status: ApiStatus.Success};\r\n }\r\n else if (data.error) {\r\n return {value: '', status: ApiStatus.Failed, error: data.error};\r\n }\r\n else {\r\n return {value: '', status: ApiStatus.Failed};\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getProjectLabel()).pipe(\r\n map>(label => ({value: label, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: '', status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get the context for an source\r\n * @param body The body to get the context for\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getContext(body: {source: string}, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/lookup/getContext`;\r\n return this.post(url, body).pipe(\r\n map>(res => {\r\n if (res?.success) {\r\n if (allowOffline) {\r\n this.storage.setContext(res.result, body.source);\r\n }\r\n return {value: res.result, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, 'Error getting context', res.error, body);\r\n return {value: null, status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error getting context', err, 'getContext', body);\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getContext(body);\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getContext(body.source)).pipe(\r\n map>(context => ({value: context, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get the setup form\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getSetupForm(allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/xform/GetSetupForm`;\r\n return this.post(url, null).pipe(\r\n map, ApiData>(res => {\r\n if (res && res.success) {\r\n if (allowOffline) {\r\n this.storage.setSetup(res.result);\r\n }\r\n return {value: res.result, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, 'Error getting setup form', res.error);\r\n return {value: null, status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error getting setup form', err, 'GetSetupForm');\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getSetupForm();\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getSetup()).pipe(\r\n map>(form => ({value: form, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Check if an setup form has changed\r\n * @param tenant The current tenant\r\n */\r\n isSetupChanged(tenant: string, username: string): Observable> {\r\n if (this.online.isOnline()) {\r\n return zip(from(this.storage.getSetupStoreDate(tenant, username)), this.getSetupForm(false)).pipe(\r\n map(([storedVal, apiVal]) => {\r\n if (apiVal.status === ApiStatus.Success && apiVal.value?.formSavedAt) {\r\n return {\r\n value: storedVal !== apiVal.value.formSavedAt,\r\n status: ApiStatus.Success\r\n };\r\n }\r\n else {\r\n const res: ApiData = {\r\n value: false,\r\n status: apiVal.status\r\n };\r\n if (apiVal.error) {\r\n res.error = apiVal.error;\r\n }\r\n return res;\r\n }\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get data for use when styling with API from styleForm\r\n * @param url The url to where to find style data\r\n * @param stylePaths The paths to the different parts of the style\r\n * @param keys Keys of the fields in the form\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getStyleData(url: string, stylePaths: StylePaths, keys: string[], formId: number, allowOffline = true): Observable> {\r\n if (this.online.isOnline()) {\r\n return this.getWebJSON(url, formId, undefined, undefined, false).pipe(\r\n map>(webData => {\r\n if (webData.status === ApiStatus.Failed) {\r\n webData.value = [];\r\n return webData;\r\n }\r\n const result = this.util.dotRef(webData.value, stylePaths.data);\r\n if (Array.isArray(result) && result.length > 0) {\r\n const styleData: StyleData[] = result.map(element => {\r\n const key = this.util.dotRef(element, stylePaths.key);\r\n const label = this.util.dotRef(element, stylePaths.label);\r\n const value = this.util.dotRef(element, stylePaths.value);\r\n let visible = this.util.dotRef(element, stylePaths.visible) ?? true;\r\n const options = this.util.dotRef(element, stylePaths.options);\r\n const valueName = this.util.dotRef(element, stylePaths.valueName);\r\n const serverSearch = this.util.dotRef(element, stylePaths.serverSearch);\r\n if (typeof visible === 'number') {\r\n visible = visible === 1;\r\n }\r\n const data: StyleData = {key, visible, serverSearch};\r\n if (label) {\r\n data.label = label;\r\n }\r\n if (value) {\r\n data.value = value;\r\n }\r\n if (options) {\r\n data.options = options;\r\n }\r\n if (valueName) {\r\n data.valueName = valueName;\r\n }\r\n if (typeof serverSearch === 'boolean') {\r\n data.serverSearch = serverSearch;\r\n }\r\n else if (typeof serverSearch === 'number') {\r\n data.serverSearch = serverSearch === 1;\r\n }\r\n return data;\r\n }).filter(element => keys.includes(element.key));\r\n if (allowOffline) {\r\n this.storage.setStyleData(url, styleData, formId);\r\n }\r\n return {value: styleData, status: ApiStatus.Success};\r\n }\r\n else {\r\n return {value: [], status: ApiStatus.Failed};\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getStyleData(url)).pipe(\r\n map>(data => ({value: data, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * POST data to an API\r\n * @param url The url to the API\r\n * @param data The data to POST\r\n * @param headers Optional headers to use\r\n * @param useCredentials (Optional) If the call should use credentials\r\n */\r\n postWebJSON(url: string, data: any, headers?: any, useCredentials?: boolean): Observable {\r\n headers = this.fixHeaders(headers);\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n return this.getContext({source: url}).pipe(\r\n mergeMap, Observable>(ctx => {\r\n if (ctx.status === ApiStatus.Failed) {\r\n return of({value: null, status: ApiStatus.Failed, error: ctx.error});\r\n }\r\n else if (this.online.isOnline()) {\r\n const newUrl = this.util.parseText(ctx.value.result, '');\r\n return this.http.post(newUrl, data, {headers: headers, withCredentials: this.checkUseCredentials(useCredentials, newUrl)}).pipe(\r\n map(res => ({value: res, status: ApiStatus.Success})),\r\n catchError((err: HttpErrorResponse) => {\r\n const logData = {url: url, parsedUrl: ctx.value.result, headers: headers};\r\n this.apiError.logExternalApiFail(location, ctx.value.result, 'Error posting data to web API', err, ApiType.External, logData);\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }),\r\n tap((res) => {\r\n if (res.status === ApiStatus.Success) {\r\n this.apiError.externalSuccess(ctx.value.result);\r\n }\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * PUT data to an API\r\n * @param url The url to the API\r\n * @param data The data to PUT\r\n * @param headers Optional headers to use\r\n * @param useCredentials (Optional) If the call should use credentials\r\n */\r\n putWebJSON(url: string, data: any, headers?: any, useCredentials?: boolean): Observable {\r\n headers = this.fixHeaders(headers);\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n return this.getContext({source: url}).pipe(\r\n mergeMap, Observable>(ctx => {\r\n if (ctx.status === ApiStatus.Failed) {\r\n return of({value: null, status: ApiStatus.Failed, error: ctx.error});\r\n }\r\n else if (this.online.isOnline()) {\r\n const newUrl = this.util.parseText(ctx.value.result, '');\r\n return this.http.put(newUrl, data, {headers: headers, withCredentials: this.checkUseCredentials(useCredentials, newUrl)}).pipe(\r\n map(res => ({value: res, status: ApiStatus.Success})),\r\n catchError((err: HttpErrorResponse) => {\r\n const logData = {url: url, parsedUrl: ctx.value.result, headers: headers};\r\n this.apiError.logExternalApiFail(location, ctx.value.result, 'Error posting data to web API', err, ApiType.External, logData);\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }),\r\n tap((res) => {\r\n if (res.status === ApiStatus.Success) {\r\n this.apiError.externalSuccess(ctx.value.result);\r\n }\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Do DELETE request to an API\r\n * @param url The url to the API\r\n * @param headers Optional headers to use\r\n * @param useCredentials (Optional) If the call should use credentials\r\n */\r\n deleteWebJSON(url: string, headers?: any, useCredentials?: boolean): Observable {\r\n headers = this.fixHeaders(headers);\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n return this.getContext({source: url}).pipe(\r\n mergeMap, Observable>(ctx => {\r\n if (ctx.status === ApiStatus.Failed) {\r\n return of({value: null, status: ApiStatus.Failed, error: ctx.error});\r\n }\r\n else if (this.online.isOnline()) {\r\n const newUrl = this.util.parseText(ctx.value.result, '');\r\n return this.http.delete(newUrl, {headers: headers, withCredentials: this.checkUseCredentials(useCredentials, newUrl)}).pipe(\r\n map(res => ({value: res, status: ApiStatus.Success})),\r\n catchError((err: HttpErrorResponse) => {\r\n const logData = {url: url, parsedUrl: ctx.value.result, headers: headers};\r\n this.apiError.logExternalApiFail(location, ctx.value.result, 'Error posting data to web API', err, ApiType.External, logData);\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }),\r\n tap((res) => {\r\n if (res.status === ApiStatus.Success) {\r\n this.apiError.externalSuccess(ctx.value.result);\r\n }\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get JSON from an API with GET\r\n * @param url Url to the API\r\n * @param headers Optional headers to use\r\n * @param useCredentials (Optional) If the call should use credentials\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getWebJSON(url: string, formId: number, headers?: any, useCredentials?: boolean, allowOffline: boolean = true): Observable {\r\n headers = this.fixHeaders(headers);\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n return this.getContext({source: url}, allowOffline).pipe(\r\n mergeMap, Observable>(ctx => {\r\n if (ctx.status === ApiStatus.Failed) {\r\n return of({value: null, status: ApiStatus.Failed, error: ctx.error});\r\n }\r\n else if (this.online.isOnline()) {\r\n const newUrl = this.util.parseText(ctx.value.result, '');\r\n return this.http.get(newUrl, {headers: headers, withCredentials: this.checkUseCredentials(useCredentials, newUrl)}).pipe(\r\n map(res => ({value: res, status: ApiStatus.Success})),\r\n catchError((err: HttpErrorResponse) => {\r\n const data = {url: url, parsedUrl: ctx.value.result, headers: headers};\r\n this.apiError.logExternalApiFail(location, ctx.value.result, 'Error getting data from web API', err, ApiType.External, data);\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n }),\r\n tap((res) => {\r\n if (res.status === ApiStatus.Success) {\r\n if (allowOffline) {\r\n this.storage.setWithKey(url, res.value, formId);\r\n }\r\n this.apiError.externalSuccess(ctx.value.result);\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getWithKey(url)).pipe(\r\n map(data => ({value: data, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getWithKey(url)).pipe(\r\n map(data => ({value: data, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get JSON from an lookup table\r\n * @param table Name of the lookup table\r\n * @param parent (Optional) Name of parent table to filter by\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getLookupJson(table: string, parent?: string, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n let url = `${this.serviceUrl}/lookup/getMyLookups?tab=${table}`;\r\n if (parent) {\r\n url += `&parent=${parent}`;\r\n }\r\n return this.post(url, null).pipe(\r\n map>(res => {\r\n if (res?.success && Array.isArray(res.result)) {\r\n if (allowOffline) {\r\n this.storage.setLookups(res.result, table, parent);\r\n }\r\n return {value: res.result, status: ApiStatus.Success};\r\n }\r\n else {\r\n this.apiError.logNoResult(location, 'Error getting table lookup', res.error, {table});\r\n return {value: [], status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error getting table lookup', err, 'getMyLookups', {table});\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getLookupJson(table, parent);\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getLookups(table, parent)).pipe(\r\n map>(values => ({value: values, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Gets logourl for tenant\r\n * @param tenant Tenancyname\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getLogoUrl(tenant: string, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.apirUrl}/insetting?tenant=${tenant}&settingName=App.General.LogoUri`;\r\n return this.http.get(url).pipe(\r\n map>(res => {\r\n this.apiError.externalSuccess(url);\r\n if (Array.isArray(res) && res.length > 0 && res[0].number) {\r\n if (allowOffline) {\r\n this.storage.setLogo(res[0].number);\r\n }\r\n return {value: res[0].number, status: ApiStatus.Success};\r\n }\r\n else {\r\n return {value: '', status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logExternalApiFail(location, url, 'Error getting logourl', err, ApiType.InApir, {tenant});\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getLogoUrl(tenant);\r\n }\r\n else {\r\n return of({value: '', status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getLogo()).pipe(\r\n map>(res => ({value: res, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: '', status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get previous values for historyselect\r\n * @param formId Id of the form the historyselect is in\r\n * @param key Key of the historyselect\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getPreviousValues(formId: number, key: string, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/xform/getPreviousValues?historyForm=${formId}&historyKey=${key}`;\r\n return this.post(url, null).pipe(\r\n map>(res => {\r\n if (res.success && Array.isArray(res.result) && res.result.length > 0) {\r\n if (allowOffline) {\r\n this.storage.setHistorySelect(res.result, formId, key);\r\n }\r\n return {value: res.result, status: ApiStatus.Success};\r\n }\r\n else {\r\n return {value: [], status: ApiStatus.Failed};\r\n }\r\n }),\r\n retry(this.maxRetries),\r\n catchError((err: HttpErrorResponse) => {\r\n // eslint-disable-next-line max-len\r\n this.apiError.logInternalApiFail(location, 'Error getting historyselect values', err, 'getPreviousValues', {form: formId, key: key});\r\n if (allowOffline) {\r\n this.online.goOffline(OnlineStatus.InternalFail, err.status);\r\n return this.getPreviousValues(formId, key);\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Failed, error: err});\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getHistorySelect(formId, key)).pipe(\r\n map>(res => ({value: res, status: ApiStatus.Offline}))\r\n );\r\n }\r\n else {\r\n return of({value: [], status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Downloads an image as Base64\r\n * @param url Url to image\r\n */\r\n imageDownload(url: string): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n let failed = false;\r\n return this.http.get(url, { responseType: 'blob' }).pipe(\r\n mergeMap>>(res => {\r\n if (!failed) {\r\n this.apiError.externalSuccess(url);\r\n }\r\n if (res) {\r\n return new Observable>(obs => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n obs.next({value: reader.result as string, status: ApiStatus.Success});\r\n };\r\n reader.onerror = () => {\r\n obs.next({value: '', status: ApiStatus.Failed});\r\n };\r\n reader.readAsDataURL(res);\r\n });\r\n }\r\n else {\r\n return of({value: '', status: ApiStatus.Failed});\r\n }\r\n }),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logExternalApiFail(location, url, 'Error downloading image', err, ApiType.External);\r\n failed = true;\r\n return of({value: '', status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: '', status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Uploads an image to the backend\r\n * @param image The image to upload\r\n * @param filename Name of the image\r\n */\r\n uploadPhoto(image: Blob, filename: string): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.inBase}/Photo/UploadPhoto`;\r\n\r\n return this.postImage(url, image, filename).pipe(\r\n map>(res => ({value: res, status: res ? ApiStatus.Success : ApiStatus.Failed})),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error uploading image', err, 'UploadPhoto');\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Update key to the backend reg. Note. added as a fix to offline photos not uploaded.\r\n * @param image The image to upload\r\n * @param filename Name of the image\r\n */\r\n updateRegKey(keyValue: UpdateKeyReg): Observable {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/xform/UpdateRegValue`;\r\n\r\n return this.post(url, keyValue).pipe(\r\n map<{error: any, result: any, success: boolean, unAuthorizedRequest: boolean}, ApiData>(res => ({value: res.result, status: res.success ? ApiStatus.Success : ApiStatus.Failed})),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logInternalApiFail(location, 'Error updating key', err, 'UpdateKey');\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Upload the user's FCM token to server\r\n *\r\n * @param token The token to upload\r\n * @param tenant The current tenant\r\n * @param username Username of the user\r\n */\r\n uploadFirebaseToken(token: string): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/profile/UpdatePushToken?pushToken=${token}`;\r\n return this.post(url, null).pipe(\r\n map>((res: Result) => res.success ? {value: true, status: ApiStatus.Success} : {value: false, status: ApiStatus.Failed}),\r\n catchError((err) => {\r\n this.apiError.logInternalApiFail(location, 'Error updating token', err, 'UpdatePushToken');\r\n return of({value: false, status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Delete the user's FCM token from server\r\n *\r\n * @param tenant The current tenant\r\n * @param username Username of the user\r\n */\r\n deleteFirebaseToken(): Observable> {\r\n return this.uploadFirebaseToken('');\r\n }\r\n\r\n /**\r\n * Get if the user is allowed to edit Home. And remove home orders from storage if it has changed from true -> false\r\n * @param storageEdit (Optional) If given it will use this to compare with the API value, if not given it will get it from storage\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getAllowHomeEdit(storageEdit?: boolean, allowOffline: boolean = true): Observable> {\r\n if (this.online.isOnline()) {\r\n return this.getContext({source: 'https://in.tempus.no/?app=IN'}).pipe(\r\n mergeMap(async res => {\r\n if (res.status === ApiStatus.Failed) {\r\n return {value: false, status: ApiStatus.Failed, error: res.error};\r\n }\r\n else {\r\n const allowEdit = res?.value?.canEditHomeOrder ?? false;\r\n if (!allowEdit) {\r\n if (typeof storageEdit !== 'boolean') {\r\n storageEdit = await this.storage.getAllowHomeEdit();\r\n }\r\n if (storageEdit) {\r\n await this.storage.removeAllHomeBoxOrders();\r\n }\r\n }\r\n if (allowOffline) {\r\n this.storage.setAllowHomeEdit(allowEdit);\r\n }\r\n return {value: allowEdit, status: ApiStatus.Success};\r\n }\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getAllowHomeEdit()).pipe(map(allowEdit => ({value: allowEdit, status: ApiStatus.Offline})));\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Upload home box order to server. Will only upload if user is allowed to edit Home.\r\n * @param order The home box order to upload\r\n */\r\n uploadBoxOrder(order: BoxStatus[], projectId: number): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n let url = `${this.serviceUrl}/user/UpdateOneHomeOrder?projectId=${projectId}&data=`;\r\n if (Array.isArray(order) && order.length > 0) {\r\n url += JSON.stringify(order);\r\n }\r\n return this.getAllowHomeEdit().pipe(\r\n mergeMap(({value}) => {\r\n if (value) {\r\n if (this.online.isOnline()) {\r\n return this.post(url, null).pipe(\r\n map>(res => {\r\n if (res.success) {\r\n return {value: true, status: ApiStatus.Success};\r\n }\r\n else {\r\n return {value: false, status: ApiStatus.Failed};\r\n }\r\n }),\r\n catchError((err) => {\r\n this.apiError.logInternalApiFail(location, 'Error uploading home order', err, 'UpdateOneHomeOrder');\r\n return of({value: false, status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Failed});\r\n }\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Delete home box order on server. Will only delete if user is allowed to edit Home.\r\n * @param order The home box order to upload\r\n */\r\n deleteBoxOrder(projectId: number): Observable> {\r\n return this.uploadBoxOrder(null, projectId);\r\n }\r\n\r\n /**\r\n * Get home box order from server\r\n * @param projectId The id of the current project\r\n * @param allowOffline (Optional) To allow the return of stored value if offline (default: true)\r\n */\r\n getBoxOrder(projectId: number, allowOffline: boolean = true): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = `${this.serviceUrl}/user/GetHomeOrder?projectId=${projectId}`;\r\n return this.post(url, null).pipe(\r\n mergeMap, Observable>>(res => {\r\n if (res?.result?.data) {\r\n try {\r\n const order = JSON.parse(res.result.data);\r\n if (Array.isArray(order) && order.length > 0) {\r\n if (allowOffline) {\r\n return from(this.storage.setHomeBoxOrder(projectId, order)).pipe(\r\n map(() => ({value: order, status: ApiStatus.Success}))\r\n );\r\n }\r\n return of({value: order, status: ApiStatus.Success});\r\n }\r\n else {\r\n this.deleteBoxOrder(projectId).subscribe();\r\n return of({value: null, status: ApiStatus.Failed});\r\n }\r\n }\r\n catch {\r\n this.deleteBoxOrder(projectId).subscribe();\r\n return of({value: null, status: ApiStatus.Failed});\r\n }\r\n }\r\n else if (res?.success) {\r\n return of( {value: null, status: ApiStatus.Success});\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Failed});\r\n }\r\n }),\r\n catchError((err) => {\r\n this.apiError.logInternalApiFail(location, 'Error getting home order', err, 'GetHomeOrder');\r\n return of({value: null, status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else if (allowOffline) {\r\n return from(this.storage.getHomeBoxOrder(projectId)).pipe(map(order => ({value: order, status: ApiStatus.Offline})));\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Sends feedback with optional log to an given email address\r\n * @param name The name of the user\r\n * @param tenant The tenant of the user\r\n * @param sender The email of the user\r\n * @param message Message to send\r\n * @param type Type of feedback\r\n * @param formId (Optional) Id of the form if the feedback is for a form\r\n * @param log (Optional) Log to send\r\n */\r\n sendFeedback(name: string, tenant: string, sender: string, message: string, type: string, formId?: number, log?: LogEntry[]): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = 'https://infeaturescode.azurewebsites.net/api/SendLog';\r\n const body: FeedbackBody = {\r\n user: name,\r\n tenant: tenant,\r\n sender: sender,\r\n message: message,\r\n type: type,\r\n device: this.device.getType(),\r\n version: environment.appVersion,\r\n theme: this.theme.theme.value\r\n };\r\n if (formId) {\r\n body.formId = formId;\r\n }\r\n if (log) {\r\n body.log = JSON.stringify(log);\r\n }\r\n const headers = {\r\n 'x-functions-key': 'k11YbEHg3ydDfLmKzwoRt4GKqo/Ki3oKKbOKfk21sFgp2Qg7WbBTHQ=='\r\n };\r\n return this.http.post(url, body, {headers: headers, responseType: 'text'}).pipe(\r\n map(() => {\r\n this.apiError.externalSuccess(url);\r\n return {value: true, status: ApiStatus.Success};\r\n }),\r\n catchError((err: HttpErrorResponse) => {\r\n this.apiError.logExternalApiFail(location, url, 'Error sending log', err, ApiType.InAzure);\r\n return of({value: false, status: ApiStatus.Failed, error: err});\r\n }),\r\n );\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Get the current/newest app version\r\n */\r\n getCurrentAppVersion(): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = 'https://infeaturescode.azurewebsites.net/api/App3Version';\r\n const headers = {\r\n 'x-functions-key': '5MPkd8GcmcArdAaaHa6CanGq5kVhmIqwqsMs4ashkxDgM3e9nVFLhA=='\r\n };\r\n return this.http.get(url, {headers: headers}).pipe(\r\n map((result: AppVersion) => ({value: result, status: result ? ApiStatus.Success : ApiStatus.Failed})),\r\n catchError(err => {\r\n this.apiError.logExternalApiFail(location, url, 'Error getting app version', err, ApiType.InAzure);\r\n return of({value: null, status: ApiStatus.Failed});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: null, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Check password against \"master password\" in Azure function for allowing the user to switch to dev mode\r\n * @param tenant The current tenant\r\n * @param username The current user's username\r\n * @param password The password to check against \"master password\"\r\n */\r\n checkMasterPassword(tenant: string, username: string, password: string): Observable> {\r\n const location = new Error().stack?.split('\\n')[1]?.trim();\r\n if (this.online.isOnline()) {\r\n const url = 'https://infeaturescode.azurewebsites.net/api/CheckMasterPassword';\r\n const headers = {\r\n 'x-functions-key': '9LZyKVkSE/BQMooDtGH6HVTptSSaUkUTLxyP6v1q3avEV//0UPVHeQ=='\r\n };\r\n const body = {\r\n user: `${tenant.toLowerCase()}:${username.toLowerCase()}`,\r\n password: password\r\n };\r\n return this.http.post(url, body, {headers: headers}).pipe(\r\n map((result: {success: boolean}) => {\r\n if (result?.success) {\r\n return {value: true, status: ApiStatus.Success};\r\n }\r\n else {\r\n return {value: false, status: ApiStatus.Failed};\r\n }\r\n }),\r\n catchError(err => {\r\n this.apiError.logExternalApiFail(location, url, 'Error checking Master Password', err, ApiType.InAzure);\r\n return of({value: false, status: ApiStatus.Failed, error: err});\r\n })\r\n );\r\n }\r\n else {\r\n return of({value: false, status: ApiStatus.Offline});\r\n }\r\n }\r\n\r\n /**\r\n * Set custom url for backend API\r\n */\r\n private async setCustomEnv() {\r\n const trans = this.translate.instant(['CustomApi', 'CustomApiMsg', 'Cancel', 'Confirm']);\r\n const alert = await this.alertCtrl.create({\r\n header: trans['CustomApi'],\r\n message: trans['CustomApiMsg'],\r\n inputs: [{\r\n type: 'url',\r\n name: 'url'\r\n }],\r\n buttons: [\r\n {\r\n text: trans['Cancel'],\r\n role: 'cancel'\r\n },\r\n {\r\n text: trans['Confirm']\r\n }\r\n ]\r\n });\r\n await alert.present();\r\n const {data} = await alert.onWillDismiss();\r\n if (data && data.values && data.values.url) {\r\n return data.values.url;\r\n }\r\n else {\r\n return this.inBase;\r\n }\r\n }\r\n\r\n /**\r\n * Used for calling POST to the TempusIN API\r\n * @param url Url to post to\r\n * @param body Body to post\r\n */\r\n private post(url: string, body: any): Observable {\r\n return this.http.post(url, body, {headers: this.options, withCredentials: true});\r\n }\r\n\r\n /**\r\n * Separate HttpClient (avoid interceptor-watcher).\r\n * Used for calling POST to the TempusIN API.\r\n * @param url Url to post to\r\n * @param body Body to post\r\n */\r\n private postEnd(url: string, body: any): Observable {\r\n return this.httpEnd.post(url, body, {headers: this.options, withCredentials: true});\r\n }\r\n\r\n /**\r\n * Used for calling DELETE to the TempusIN API\r\n * @param url Url to call delete to\r\n */\r\n private delete(url: string): Observable {\r\n return this.http.delete(url, {headers: this.options, withCredentials: true});\r\n }\r\n\r\n /**\r\n * Upload an image to an external web server using XHR\r\n * @param url The url to upload the image to\r\n * @param image The image to upload\r\n * @param filename Name of the image\r\n */\r\n private postImage(url: string, image: Blob, filename: string) {\r\n const formData = new FormData();\r\n formData.append('file', image, filename);\r\n\r\n return new Observable(obs => {\r\n const xhr = new XMLHttpRequest();\r\n xhr.onloadend = () => obs.next(xhr.response);\r\n xhr.onerror = (err) => obs.error(err);\r\n xhr.open('POST', url);\r\n xhr.withCredentials = true;\r\n xhr.send(formData);\r\n });\r\n }\r\n\r\n /**\r\n * Fix format and data of forms\r\n * @param forms The forms to fix\r\n */\r\n private fixForms(forms: Form[]): Form[] {\r\n if (forms?.length > 0) {\r\n return forms.filter(form => form.isActive).map(form => this.fixForm(form));\r\n }\r\n else {\r\n return [];\r\n }\r\n }\r\n\r\n /**\r\n * Fix format and data of an form\r\n * @param form The form to fix\r\n */\r\n private fixForm(form: Form): Form {\r\n form.iconClass = this.legacy.fixIcon(form.iconClass);\r\n if (typeof form.storeDate === 'string') {\r\n form.storeDate = moment(form.storeDate).toDate();\r\n }\r\n if (form.about && form.about.trim().length === 0) {\r\n form.about = null;\r\n }\r\n return form;\r\n }\r\n\r\n /**\r\n * Fix format and data of registrations\r\n * @param regs The registrations to fix\r\n */\r\n private fixRegistrations(regs: OldReg[]): OldReg[] {\r\n if (regs?.length > 0) {\r\n return regs = regs.map(reg => {\r\n reg.iconClass = this.legacy.fixIcon(reg.iconClass);\r\n if (typeof reg.signedAt === 'string') {\r\n reg.signedAt = moment(reg.signedAt).toDate();\r\n }\r\n return reg;\r\n });\r\n }\r\n else {\r\n return [];\r\n }\r\n }\r\n\r\n /**\r\n * Remove empty or not-parsed headers\r\n * @param headers The headers to fix\r\n */\r\n private fixHeaders(headers: {[key: string]: string}) {\r\n if (!headers) {\r\n return {};\r\n }\r\n for (const [key, value] of Object.entries(headers)) {\r\n if (!value || value.startsWith('{{')) {\r\n delete headers[key];\r\n }\r\n }\r\n return headers;\r\n }\r\n\r\n private checkUseCredentials(useCredentials: boolean, url: string): boolean {\r\n if (typeof useCredentials === 'boolean') {\r\n return useCredentials;\r\n }\r\n else if (url.startsWith('https://in.tempus.no') || url.startsWith('https://tempusinprod-instaging.azurewebsites.net')\r\n || url.startsWith('localhost') || url.startsWith('http://localhost') || url.startsWith('https://localhost')\r\n ) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { BehaviorSubject, firstValueFrom, Observable } from 'rxjs';\r\nimport { ApiService } from './api.service';\r\nimport { Platform, AlertController } from '@ionic/angular';\r\nimport { LoadingService } from './loading.service';\r\nimport { Router } from '@angular/router';\r\nimport { InStorageService } from './in-storage.service';\r\nimport { NGXLogger } from 'ngx-logger';\r\nimport { OnlineService } from './online.service';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { PopupService } from './popup.service';\r\nimport { StateService } from './state.service';\r\nimport { environment } from 'src/environments/environment';\r\nimport { StatisticsService } from './statistics.service';\r\nimport { LegacyService } from './legacy.service';\r\nimport { AuthenticationState, ApiEnvironment, ApiStatus, SignInData, NewReg, SortBy, FirebaseEvent, User } from '../models/models';\r\nimport { mergeMap } from 'rxjs/operators';\r\nimport { InLoggerService } from './in-logger.service';\r\nimport { DeviceService } from './device.service';\r\nimport { NotificationsService } from './notifications.service';\r\nimport { BrowserService } from './browser.service';\r\n\r\n/**Handling authentication */\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class AuthService {\r\n authenticationState = new BehaviorSubject(AuthenticationState.NotSet);\r\n orgRoute: string;\r\n formData: any;\r\n constructor(\r\n private api: ApiService,\r\n private storage: InStorageService,\r\n private plt: Platform,\r\n private loading: LoadingService,\r\n private router: Router,\r\n private logger: NGXLogger,\r\n private online: OnlineService,\r\n private translate: TranslateService,\r\n private alertCtrl: AlertController,\r\n private popup: PopupService,\r\n private stateService: StateService,\r\n private statistics: StatisticsService,\r\n private legacy: LegacyService,\r\n private inLogger: InLoggerService,\r\n private device: DeviceService,\r\n private notifications: NotificationsService,\r\n private browser: BrowserService\r\n ) {\r\n this.plt.ready().then(() => {\r\n const url: string = this.plt.url();\r\n this.orgRoute = this.getUrlPath(url);\r\n this.formData = this.getFormData(url);\r\n if (!url.includes('preview') && !url.includes('showreg')) {\r\n this.checkUser(url);\r\n }\r\n }, error => {\r\n this.logger.error('Error checking for platform ready', error);\r\n });\r\n }\r\n\r\n /**\r\n * Login user from storage to refresh/get new session-cookie.\r\n * Logic in login-call will throw user out if not correct.\r\n */\r\n async refreshSession() {\r\n const user = await this.checkStorage();\r\n return this.login(user?.tenant || '', user?.username || '', user?.password || '');\r\n }\r\n\r\n /**\r\n * Checks if there is an user in the storage and login if it exists\r\n */\r\n async checkUser(url: string) {\r\n let user = await this.checkUrl(url);\r\n if (user) {\r\n this.login(user.tenant, user.username, user.password).subscribe();\r\n return;\r\n }\r\n\r\n user = await this.checkStorage();\r\n if (user) {\r\n const authState = await this.offlineAuth(user.tenant, user.username, {}, true, true);\r\n this.authenticationState.next(authState);\r\n this.login(user.tenant, user.username, user.password, null, true).subscribe();\r\n }\r\n else {\r\n this.authenticationState.next(AuthenticationState.NotAuthenticated);\r\n }\r\n }\r\n\r\n /**\r\n * Signs an user in\r\n * @param tenant The tenant of the user\r\n * @param username The username of the user\r\n * @param password The password of the user\r\n * @param loadingId (Optional) Id of loader to dismiss when finished\r\n */\r\n login(tenant: string, username: string, password: string, loadingId?: number, isStored: boolean = false): Observable {\r\n return this.api.signIn(tenant, username, password).pipe(\r\n mergeMap(async ({value: data, status}) => {\r\n let authState: AuthenticationState;\r\n if (status === ApiStatus.Success) {\r\n authState = await this.onlineAuth(tenant, username, isStored ? null : password, data);\r\n }\r\n else if (status === ApiStatus.Offline) {\r\n authState = await this.offlineAuth(tenant, username, data, false, true);\r\n }\r\n else {\r\n let newData: SignInData;\r\n if (isStored) {\r\n newData = await this.tryNewPassword(tenant, username);\r\n }\r\n if (newData) {\r\n authState = await this.onlineAuth(tenant, username, isStored ? null : password, newData);\r\n }\r\n else {\r\n authState = AuthenticationState.NotAuthenticated;\r\n this.storage.removeUser();\r\n }\r\n }\r\n\r\n if (loadingId) {\r\n this.loading.dismissLoader(loadingId);\r\n }\r\n this.authenticationState.next(authState);\r\n return status !== ApiStatus.Failed;\r\n })\r\n );\r\n }\r\n\r\n /**\r\n * Sign in using API, when user only have been authenticated offline. Returns true if it succeeded\r\n */\r\n async signInFromOffline(): Promise {\r\n if (this.authenticationState.value !== AuthenticationState.OfflineAuthenticated) return true;\r\n\r\n const user = await this.storage.getUser();\r\n if (!user || !user.tenant || !user.username) {\r\n this.authenticationState.next(AuthenticationState.NotAuthenticated);\r\n this.online.goOnline();\r\n return false;\r\n }\r\n const password = await this.getPassword(user.tenant, user.username);\r\n if (!password) {\r\n return false;\r\n }\r\n\r\n const orgStatus = this.online.currentStatus;\r\n try {\r\n this.online.goOnline();\r\n const result = await firstValueFrom(this.api.signIn(user.tenant, user.username, password), {defaultValue: {value: {}, status: ApiStatus.Failed}});\r\n if (result.status !== ApiStatus.Success) {\r\n this.popup.showMessage('FailedLogin', true);\r\n this.online.goOffline(orgStatus);\r\n return false;\r\n }\r\n else {\r\n this.statistics.setUserId(user.tenant, user.username);\r\n this.notifications.init();\r\n this.authenticationState.next(AuthenticationState.Authenticated);\r\n return true;\r\n }\r\n }\r\n catch {\r\n this.popup.showMessage('FailedLogin', true);\r\n this.online.goOffline(orgStatus);\r\n return false;\r\n }\r\n }\r\n\r\n /**\r\n * Signs an user out\r\n */\r\n async logout() {\r\n await this.notifications.stop();\r\n this.api.signOut().subscribe();\r\n await this.storage.clearStorage();\r\n this.stateService.clearState();\r\n this.orgRoute = null;\r\n this.authenticationState.next(AuthenticationState.NotAuthenticated);\r\n }\r\n\r\n /**\r\n * Checks if there is an authenticated user\r\n * @param state (Optional) The state to check. Will use the current state if not given\r\n */\r\n isAuthenticated(state?: AuthenticationState): boolean {\r\n if (typeof state === 'undefined') {\r\n state = this.authenticationState.value;\r\n }\r\n switch (state) {\r\n case AuthenticationState.Authenticated:\r\n case AuthenticationState.OfflineAuthenticated:\r\n case AuthenticationState.NewUser:\r\n case AuthenticationState.InitAuthenticated:\r\n return true;\r\n default:\r\n return false;\r\n }\r\n }\r\n\r\n /**\r\n * Checks if the user is only authenticated offline\r\n */\r\n isOfflineAuth() {\r\n return this.authenticationState.value === AuthenticationState.OfflineAuthenticated;\r\n }\r\n\r\n isInitAuth() {\r\n return this.authenticationState.value === AuthenticationState.InitAuthenticated;\r\n }\r\n\r\n /**\r\n * Wait for authentication to finish\r\n */\r\n waitForAuth(): Promise {\r\n if (this.isInitAuth()) {\r\n return new Promise(resolve => {\r\n this.authenticationState.subscribe((state) => {\r\n if (state === AuthenticationState.NewUser) {\r\n resolve(false);\r\n }\r\n else if (!this.isInitAuth()) {\r\n resolve(true);\r\n }\r\n });\r\n });\r\n }\r\n else {\r\n return Promise.resolve(this.authenticationState.value !== AuthenticationState.InitAuthenticated);\r\n }\r\n }\r\n\r\n private async tryNewPassword(tenant: string, username: string): Promise {\r\n for (let i = 0; i < 3; i++) {\r\n const password = await this.getPassword(tenant, username);\r\n if (password) {\r\n try {\r\n const result = await firstValueFrom(this.api.signIn(tenant, username, password), {defaultValue: {value: {}, status: ApiStatus.Failed}});\r\n if (result.status !== ApiStatus.Success) {\r\n this.popup.showMessage('FailedLogin', true);\r\n }\r\n else {\r\n return result.value;\r\n }\r\n }\r\n catch {\r\n this.popup.showMessage('FailedLogin', true);\r\n }\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n private async getPassword(tenant: string, username: string): Promise {\r\n const trans = this.translate.instant(['EnterPassword', 'EnterPasswordSub', 'EnterPasswordMsg', 'Cancel', 'Confirm'], {user: username, tenant: tenant});\r\n const alert = await this.alertCtrl.create({\r\n header: trans['EnterPassword'],\r\n subHeader: trans['EnterPasswordSub'],\r\n message: trans['EnterPasswordMsg'],\r\n inputs: [\r\n {\r\n type: 'password',\r\n name: 'password'\r\n }\r\n ],\r\n buttons: [\r\n {\r\n text: trans['Cancel'],\r\n role: 'cancel'\r\n },\r\n {\r\n text: trans['Confirm']\r\n }\r\n ]\r\n });\r\n await alert.present();\r\n const {data} = await alert.onWillDismiss();\r\n return data?.values?.password;\r\n }\r\n\r\n /**\r\n * Check storage for stored user for login\r\n * @returns An user object\r\n */\r\n private async checkStorage(): Promise {\r\n await this.legacy.getAndStoreLocalUser();\r\n\r\n const user = await this.storage.getUser();\r\n if (user && user.tenant && user.username && user.password) {\r\n const env = await this.storage.getApiEnv();\r\n if (env && env !== ApiEnvironment.Prod) {\r\n await this.api.setApiEnv(env);\r\n }\r\n return user;\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n\r\n /**\r\n * Get forms or history related path\r\n * @param url The url to check\r\n */\r\n private getUrlPath(url: string) {\r\n if (!url) {\r\n return null;\r\n }\r\n if (url.includes('?')) {\r\n url = url.split('?')[0];\r\n }\r\n if (url.includes('/forms')) {\r\n const index = url.indexOf('/forms');\r\n return url.slice(index);\r\n }\r\n else if (url.includes('/history')) {\r\n const index = url.indexOf('/history');\r\n return url.slice(index);\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n\r\n /**\r\n * Get formData from query string if the url is to an form\r\n * @param url The url to check\r\n */\r\n private getFormData(url: string): any {\r\n if (url?.includes('/forms/') && url.includes('?') && url.includes('formData=')) {\r\n const formData = this.browser.getQueryParameter(url, 'formData');\r\n if (formData) {\r\n return JSON.parse(decodeURIComponent(formData));\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n\r\n /**\r\n * Check URL for tenant and LogInfo string, and convert them to username and password if the exists\r\n * @returns An user object with the correct tenant, username and password from the LogInfo string\r\n */\r\n private async checkUrl(url: string): Promise {\r\n if (url.includes('?') && url.includes('tenant') && url.includes('LogInfo')) {\r\n const parts = url.split('?').slice(1).join('?').split('&');\r\n const tenant = parts.find(p => p.startsWith('tenant='))?.split('=')[1];\r\n const logInfo = parts.find(p => p.startsWith('LogInfo='))?.split('=')[1];\r\n if (tenant && logInfo) {\r\n const {value, status} = await this.api.getUsernameAndPassword(logInfo).toPromise();\r\n if (status === ApiStatus.Success) {\r\n return {\r\n tenant: tenant,\r\n username: value.username,\r\n password: value.password\r\n };\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n\r\n /**\r\n * Set app for an online authenticated user\r\n * @param tenant The current tenant name\r\n * @param username The current username\r\n * @param data The sign in data received from API\r\n */\r\n private async onlineAuth(tenant: string, username: string, password: string, data: SignInData): Promise {\r\n if (data.redirect) {\r\n this.router.navigate(['reset-password'], { state: {tenant, username, password, url: data.url}});\r\n return AuthenticationState.ResetPassword;\r\n }\r\n\r\n const regs = await this.legacy.readOfflineRegs();\r\n if (regs.length > 0) {\r\n await this.uploadRegs(regs);\r\n }\r\n await this.initWhenAuthenticated(tenant, username, data.password, true);\r\n if (!this.online.isOnline()) {\r\n this.offlineAuth(tenant, username, data, false, false);\r\n return AuthenticationState.OfflineAuthenticated;\r\n }\r\n const [{value: project}, {value: projects}, latestIntro] = await Promise.all([\r\n firstValueFrom(this.api.getCurrentProject(false), {defaultValue: {value: null, status: ApiStatus.Failed}}),\r\n firstValueFrom(this.api.getProjects(SortBy.Name, false), {defaultValue: {value: [], status: ApiStatus.Failed}}),\r\n this.storage.getIntroVersion()\r\n ]);\r\n this.statistics.setUserId(tenant, username);\r\n this.notifications.init();\r\n if (projects.length === 0) {\r\n this.popup.showAlert('IntroError', 'IntroNoProjects', true);\r\n this.logout();\r\n return null;\r\n }\r\n if (project) {\r\n await this.api.getAllowHomeEdit().toPromise();\r\n await Promise.all([\r\n firstValueFrom(this.api.getBoxOrder(project.id), {defaultValue: {value: null, status: ApiStatus.Failed}}),\r\n this.storage.setCurrentProject(project),\r\n this.storage.setProjects(projects)\r\n ]);\r\n if (latestIntro >= environment.currentIntroVersion) {\r\n this.statistics.logEvent(FirebaseEvent.Login, {type: 'normal'});\r\n return AuthenticationState.Authenticated;\r\n }\r\n else {\r\n this.statistics.logEvent(FirebaseEvent.Login, {type: 'newuser'});\r\n return AuthenticationState.NewUser;\r\n }\r\n }\r\n else {\r\n this.statistics.logEvent(FirebaseEvent.Login, {type: 'newuser'});\r\n return AuthenticationState.NewUser;\r\n }\r\n }\r\n\r\n /**\r\n * Set app for an offline authenticated user\r\n * @param tenant The current tenant name\r\n * @param username The current username\r\n * @param data The sign in data received from API\r\n * @param init If is should set auth state to `InitAuthenticated` instead of `OfflineAuthenticated`\r\n */\r\n private async offlineAuth(tenant: string, username: string, data: SignInData, init: boolean, doInitAuth: boolean): Promise {\r\n if (doInitAuth) {\r\n await this.initWhenAuthenticated(tenant, username, data.password, false);\r\n }\r\n if (init) {\r\n return AuthenticationState.InitAuthenticated;\r\n }\r\n else {\r\n this.statistics.logEvent(FirebaseEvent.Login, {type: 'offline'});\r\n return AuthenticationState.OfflineAuthenticated;\r\n }\r\n }\r\n\r\n /**\r\n * Init State Service with user and offlineregs, and set http headers for logger\r\n * @param tenant The current tenant name\r\n * @param username The current username\r\n * @param password Users (encrypted) password\r\n * @param storeUser If it should store the user\r\n */\r\n private async initWhenAuthenticated(tenant: string, username: string, password: string, storeUser: boolean) {\r\n const deviceType = this.device.getType().toLowerCase();\r\n this.stateService.setSlackBotname(`${tenant}|${environment.appVersion}|${deviceType}`);\r\n this.logger.updateConfig({\r\n level: environment.consoleLogLevel,\r\n serverLogLevel: environment.serverLogLeveL,\r\n serverLoggingUrl: environment.serverLogUrl,\r\n enableSourceMaps: true,\r\n customHttpHeaders: this.stateService.logHeaders\r\n });\r\n await this.stateService.getOfflineRegs();\r\n this.stateService.currentUser = {tenant, username, password};\r\n this.storage.tenant = tenant;\r\n this.storage.username = username;\r\n if (storeUser) {\r\n await this.storage.setUser({tenant, username, password});\r\n }\r\n }\r\n\r\n /**\r\n * Upload old offline registrations\r\n * @param regs The offline registrations to upload\r\n */\r\n private async uploadRegs(regs: NewReg[]) {\r\n const failed: string[] = [];\r\n for (const reg of regs) {\r\n const {status, error} = await firstValueFrom(this.api.doRegistration(reg), {defaultValue: {status: ApiStatus.Failed, error: null}});\r\n if (status !== ApiStatus.Success) {\r\n if (typeof reg.RegTime === 'string') {\r\n reg.RegTime = new Date(reg.RegTime);\r\n }\r\n const date = reg.RegTime?.toLocaleDateString() ?? 'No Date';\r\n failed.push(`${date} - ${reg.FormId}`);\r\n this.inLogger.error('Error uploading old offline registration', error, {reg, status});\r\n }\r\n }\r\n if (failed.length > 0) {\r\n const trans = this.translate.instant(['OldOfflineFail', 'OldOfflineFailMsg']);\r\n const title = trans['OldOfflineFail'];\r\n const msg = `${trans['OldOfflineFailMsg']}:
${failed.join('
')}`;\r\n await this.popup.showAlert(title, msg, false);\r\n }\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { InStorageService } from './in-storage.service';\r\nimport { Subscription } from 'rxjs';\r\nimport { UntypedFormGroup } from '@angular/forms';\r\nimport { UtilityService } from './utility.service';\r\nimport { FormlyFieldConfig } from '@ngx-formly/core';\r\nimport { shouldKeepMetaData } from '../helpers/helperFunctions';\r\n\r\n\r\n/**\r\n * Service for managing autosaving values of forms for recovery purposes\r\n */\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class AutosaveService {\r\n autosaves: {\r\n [key: string]: {\r\n subscription: Subscription,\r\n notInclude: string[],\r\n hiddenFields: string[],\r\n projectId: number,\r\n model?: any\r\n }\r\n } = {};\r\n keysToAdd: {[key: string]: string[]} = {};\r\n activeSave: string; // save key on format 'formId:projectId'\r\n\r\n constructor(\r\n private storage: InStorageService,\r\n private util: UtilityService\r\n ) { }\r\n\r\n /**\r\n * Start autosaving the contents of an form\r\n * @param formId The id of the form to autosave\r\n * @param projectId The id of the project form is opened in\r\n * @param formGroup The formgroup of the form\r\n * @param model The model of the form\r\n * @param fields The fields of the form\r\n * @param saveHidden If hidden fields should be saved, default: `false`\r\n */\r\n async startAutosave(formId: number, projectId: number, formGroup: UntypedFormGroup, model: any, fields: FormlyFieldConfig[] = [], saveHidden = false) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n if (this.activeSave && this.activeSave !== saveKey) {\r\n const {formId: oldFormId, projectId: oldProjectId} = this.splitSaveKey(this.activeSave);\r\n await this.stopAutosave(oldFormId, oldProjectId);\r\n }\r\n this.activeSave = saveKey;\r\n if (this.autosaves[saveKey]) {\r\n this.switchSubscription(formId, projectId, formGroup, model, fields);\r\n }\r\n else {\r\n const notInclude = this.keysToAdd[saveKey] ?? [];\r\n const hiddenFields = saveHidden ? [] : fields.filter(field => field.className?.includes('hide')).map(field => field.key as string);\r\n this.autosaves[saveKey] = {\r\n subscription: formGroup.valueChanges.subscribe(() => {\r\n this.autosaves[saveKey].model = this.checkAndStoreModel(formId, projectId, this.util.createCopyOfObject(model), fields);\r\n }),\r\n notInclude: notInclude,\r\n projectId: projectId,\r\n hiddenFields: hiddenFields\r\n };\r\n if (this.keysToAdd[saveKey]) {\r\n delete this.keysToAdd[saveKey];\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Stop autosaving form if it matches formType, will by default clear the values from storage if it's in FormPage\r\n * @param formId The id of the form to autosave\r\n * @param projectId The id of the project form is opened in\r\n * @param clear (Optional) If the autosave in storage should be cleared. Default: `false`\r\n */\r\n async stopAutosave(formId: number, projectId: number, clear: boolean = false) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n if (this.autosaves[saveKey]) {\r\n this.autosaves[saveKey].subscription.unsubscribe();\r\n }\r\n this.activeSave = null;\r\n if (clear) {\r\n delete this.autosaves[saveKey];\r\n await this.clearAutosave(formId, projectId);\r\n }\r\n }\r\n\r\n /**\r\n * Get the autosaved values from storage\r\n * @param formId The id of the form\r\n * @param projectId The id of the project the form was opened in\r\n */\r\n getAutosave(formId: number, projectId: number) {\r\n return this.storage.getAutosave(formId, projectId);\r\n }\r\n\r\n /**\r\n * Check if there exists an autosave of the form\r\n * @param formId The id of the form\r\n * @param projectId The id of the project the form was opened in\r\n */\r\n async hasAutosave(formId: number, projectId: number) {\r\n const values = await this.getAutosave(formId, projectId);\r\n if (!values) {\r\n return false;\r\n }\r\n else {\r\n return Object.values(values).filter(val => !this.emptyValue(val)).length > 0 ? true : false;\r\n }\r\n }\r\n\r\n /**\r\n * Clear the autosaved values from storage\r\n * @param formId The id of the form\r\n * @param projectId The id of the project the form was opened in\r\n */\r\n clearAutosave(formId: number, projectId: number) {\r\n return this.storage.removeAutosave(formId, projectId);\r\n }\r\n\r\n /**\r\n * Check if an field is being saved\r\n * @param formId The id of the form\r\n * @param projectId The id of the project the form was opened in\r\n * @param key The key of the field\r\n */\r\n isSavingField(formId: number, projectId: number, key: string) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n const autosave = this.autosaves[saveKey];\r\n if (autosave) {\r\n return !autosave.notInclude.includes(key) && !autosave.hiddenFields.includes(key);\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n\r\n /**\r\n * Add key of field that is **not** going to be autosaved\r\n * @param formId The id of the form\r\n * @param projectId The id of the project the form was opened in\r\n * @param key The key of the field\r\n */\r\n addKey(formId: number, projectId: number, key: string) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n if (this.autosaves[saveKey]) {\r\n const autosave = this.autosaves[saveKey];\r\n if (!autosave.notInclude.includes(key)) {\r\n autosave.notInclude.push(key);\r\n }\r\n if (autosave.model && autosave.model[key]) {\r\n delete this.autosaves[saveKey].model[key];\r\n this.storage.setAutosave(formId, autosave.projectId, autosave.model);\r\n }\r\n }\r\n else if (!this.keysToAdd[saveKey]) {\r\n this.keysToAdd[saveKey] = [key];\r\n }\r\n else if (!this.keysToAdd[saveKey].includes(key)) {\r\n this.keysToAdd[saveKey].push(key);\r\n }\r\n }\r\n\r\n /**\r\n * Remove key of field that isn't autosaved, allowing it to be autosaved again\r\n * @param formId The id of the form\r\n * @param projectId The id of the project the form was opened in\r\n * @param key The key of the field\r\n */\r\n removeKey(formId: number, projectId: number, key: string) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n if (this.autosaves[saveKey]) {\r\n this.autosaves[saveKey].notInclude = this.autosaves[saveKey].notInclude.filter(k => k !== key);\r\n }\r\n else if (this.keysToAdd[saveKey]) {\r\n this.keysToAdd[saveKey] = this.keysToAdd[saveKey].filter(k => k !== key);\r\n }\r\n }\r\n\r\n /**\r\n * Switch the subscription from one formgroup to a new formgroup\r\n * @param formId The id of the form to autosave\r\n * @param projectId The id of the project form is opened in\r\n * @param formGroup The new formgroup\r\n * @param model The model of the form\r\n * @param fields The fields of the form\r\n */\r\n private switchSubscription(formId: number, projectId: number, formGroup: UntypedFormGroup, model: any, fields: FormlyFieldConfig[]) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n this.autosaves[saveKey].subscription.unsubscribe();\r\n this.autosaves[saveKey].subscription = formGroup.valueChanges.subscribe(() => {\r\n this.autosaves[saveKey].model = this.checkAndStoreModel(formId, projectId, this.util.createCopyOfObject(model), fields);\r\n });\r\n // this.autosaves[saveKey].model = this.checkAndStoreModel(formId, projectId, formGroup.value, this.autosaves[saveKey].notInclude);\r\n }\r\n\r\n /**\r\n * Check the model (remove unwanted values) and store it\r\n * @param formId The id of the form to autosave\r\n * @param projectId The id of the project form is opened in\r\n * @param model The model of the form\r\n * @param fields The fields of the form\r\n */\r\n private checkAndStoreModel(formId: number, projectId: number, model: any, fields: FormlyFieldConfig[]) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n const notInclude = this.autosaves[saveKey]?.notInclude;\r\n const hiddenFields = this.autosaves[saveKey]?.hiddenFields;\r\n const fieldKeys = fields.map(field => field.key as string).filter(key => !notInclude.includes(key) && !hiddenFields.includes(key));\r\n for (const [key, value] of Object.entries(model)) {\r\n if (this.emptyValue(value) || (!fieldKeys.includes(key) && !shouldKeepMetaData(key))) {\r\n delete model[key];\r\n }\r\n }\r\n this.storage.setAutosave(formId, projectId, model);\r\n return model;\r\n }\r\n\r\n /**\r\n * Get the key for saving autosave\r\n * @param formId The id of the form to autosave\r\n * @param projectId The id of the project form is opened in\r\n */\r\n private getSaveKey(formId: number, projectId: number) {\r\n return `${formId}:${projectId}`;\r\n }\r\n\r\n /**\r\n * Split save key to formId and projectId\r\n * @param saveKey The save key to split\r\n */\r\n private splitSaveKey(saveKey: string): {formId: number, projectId: number} {\r\n const parts = saveKey.split(':').map(k => +k);\r\n return {\r\n formId: parts[0],\r\n projectId: parts[1]\r\n };\r\n }\r\n\r\n /**\r\n * Checks if an value is \"empty\"\r\n */\r\n private emptyValue(value: any): boolean {\r\n return typeof value === 'undefined' || value === null || value === '' || (Array.isArray(value) && value.length === 0);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { InAppBrowser } from '@ionic-native/in-app-browser/ngx';\r\nimport { WebView } from '@ionic-native/ionic-webview/ngx';\r\nimport { DeviceService } from './device.service';\r\nimport { Clipboard } from '@ionic-native/clipboard/ngx';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class BrowserService {\r\n\r\n constructor(\r\n private browser: InAppBrowser,\r\n private webview: WebView,\r\n private device: DeviceService,\r\n private clipboard: Clipboard\r\n ) { }\r\n\r\n /**\r\n * Opens an URL in mobiles browser or in a new tab\r\n * @param url The url to open\r\n */\r\n openUrl(url: string) {\r\n if (this.device.isDevice()) {\r\n this.browser.create(url, '_system', 'hidden=yes;location:no');\r\n }\r\n else {\r\n window.open(url, '_blank');\r\n }\r\n }\r\n\r\n /**\r\n * Copy an text to the clipboard\r\n * @param text The text to copy\r\n */\r\n copyToClipboard(text: string): Promise {\r\n if (this.device.isDevice()) {\r\n return this.clipboard.copy(text);\r\n }\r\n else if (navigator.clipboard) {\r\n return navigator.clipboard.writeText(text);\r\n }\r\n else {\r\n return Promise.reject(new Error('No access to clipboard'));\r\n }\r\n }\r\n\r\n /**\r\n * Converts file:// to http:// on localhost\r\n * @param fileUrl The file url\r\n */\r\n getBrowserUrlFromFile(fileUrl: string) {\r\n return this.webview.convertFileSrc(fileUrl);\r\n }\r\n\r\n /**\r\n * Create an local URL for an image.\r\n * @param image The image to create an URL for\r\n */\r\n createImageUrl(image: Blob) {\r\n return URL.createObjectURL(image);\r\n }\r\n\r\n /**\r\n * Get the value of an query parameter from an URL\r\n * @param url The full url or just the query string\r\n * @param name The name of the parameter\r\n */\r\n getQueryParameter(url: string, name: string) {\r\n if (!url || !name) {\r\n return null;\r\n }\r\n if (url.includes('?')) {\r\n url = url.split('?').slice(1).join('?');\r\n }\r\n const param = url.split('&').find(p => p.startsWith(name));\r\n return param?.split('=')[1];\r\n }\r\n\r\n /**\r\n * Reload app/website using page refresh\r\n */\r\n reload() {\r\n window.location.reload();\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { ApiService } from './api.service';\r\nimport { InStorageService } from './in-storage.service';\r\nimport { Observable } from 'rxjs';\r\nimport { UtilityService } from './utility.service';\r\nimport { Form, CachedData, FormWithValues, DataSource, DataStatus, ApiStatus, OldReg, Project, SortBy,\r\n StylePaths, StyleData, LookupValue, UserProfile, ApiData, StorageValue, Context, OnlineStatus } from '../models/models';\r\nimport { isFormWithValues, isStorageValue } from '../helpers/helperFunctions';\r\nimport { OnlineService } from './online.service';\r\nimport { HttpErrorResponse } from '@angular/common/http';\r\nimport { AuthService } from './auth.service';\r\nimport { StateService } from './state.service';\r\n\r\n/**\r\n * Service for getting data from storage first and then possible from API\r\n */\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class CachedApiService {\r\n\r\n constructor(\r\n private api: ApiService,\r\n private storage: InStorageService,\r\n private util: UtilityService,\r\n private online: OnlineService,\r\n private auth: AuthService,\r\n private state: StateService\r\n ) { }\r\n\r\n /**\r\n * First get form from storage and then get form from API\r\n * @param id The id of the form\r\n */\r\n getForm(id: number): Observable> {\r\n return this.getValues(this.storage.getForm(id),\r\n this.api.getForm(id, false),\r\n (value) => this.storage.setForm(id, value),\r\n '');\r\n }\r\n\r\n /**\r\n * Get field count of an form\r\n * @param id The id of the form\r\n */\r\n getFieldCount(id: number): Observable> {\r\n return this.getValues(this.storage.getFieldCount(id),\r\n this.api.getFieldCount(id, false),\r\n (value) => this.storage.addFieldCount(id, value),\r\n '');\r\n }\r\n\r\n /**\r\n * First get setup form from storage and then get setup form from API\r\n */\r\n getSetupForm(): Observable> {\r\n return this.getValues(this.storage.getSetup(),\r\n this.api.getSetupForm(false),\r\n (value) => this.storage.setSetup(value),\r\n '',\r\n null,\r\n null,\r\n true);\r\n }\r\n\r\n /**\r\n * First get forms from storage and then get forms from API\r\n * @param projectId (Optional) Only get forms from storage set under this project\r\n * @param modifiedAfter (Optional) If given it will give storage unchanged status if the storage value was saved before this\r\n */\r\n getForms(projectId?: number, modifiedAfter?: Date | string): Observable> {\r\n modifiedAfter = this.checkTimestamp(modifiedAfter);\r\n return this.getValues(modifiedAfter ? this.storage.getFormsWithTimestamp(projectId) : this.storage.getForms(projectId),\r\n this.api.getForms(false),\r\n (value) => this.storage.setForms(value, projectId),\r\n '',\r\n null,\r\n modifiedAfter);\r\n }\r\n\r\n /**\r\n * First get last used forms from storage and then get last used forms from API\r\n * @param projectId Id of project to filter by\r\n * @param modifiedAfter (Optional) If given it will give storage unchanged status if the storage value was saved before this\r\n */\r\n getLastUsedForms(projectId: number, modifiedAfter?: Date | string): Observable> {\r\n modifiedAfter = this.checkTimestamp(modifiedAfter);\r\n return this.getValues(modifiedAfter ? this.storage.getLastUsedFormsWithTimestamp(projectId) : this.storage.getLastUsedForms(projectId),\r\n this.api.getLastUsedForms(projectId, false),\r\n (value) => this.storage.setLastUsedForms(value, projectId),\r\n '',\r\n null,\r\n modifiedAfter);\r\n }\r\n\r\n /**\r\n * First get favorite forms from storage, then get forms by ids from API\r\n * @param ids Get a list of forms with given formIds.\r\n * @param projectId (Optional) Only get forms from storage set under this project\r\n * @param modifiedAfter (Optional) If given it will give storage unchanged status if the storage value was saved before this\r\n */\r\n getFormsById(ids: string, projectId?: number, modifiedAfter?: Date | string): Observable> {\r\n modifiedAfter = this.checkTimestamp(modifiedAfter);\r\n return this.getValues(modifiedAfter ? this.storage.getFavoriteFormsWithTimestamp(projectId) : this.storage.getFavoriteForms(projectId),\r\n this.api.getFormsById(ids, false),\r\n (value) => this.storage.setFavoriteForms(value, projectId),\r\n '',\r\n null,\r\n modifiedAfter);\r\n }\r\n\r\n /**\r\n * First get registration from storage and then get registration from API\r\n * @param id The id of the registration\r\n */\r\n getRegistration(id: number): Observable> {\r\n return this.getValues(this.storage.getRegistration(id),\r\n this.api.getRegistration(id, false),\r\n (value) => this.storage.setRegistration(id, value),\r\n '');\r\n }\r\n\r\n /**\r\n * First get registrations from storage and then get registrations from API\r\n * @param projectId (Optional) Project id to filter registrations by\r\n * @param modifiedAfter (Optional) If given it will give storage unchanged status if the storage value was saved before this\r\n */\r\n getRegistrations(projectId?: number, modifiedAfter?: Date | string): Observable> {\r\n modifiedAfter = this.checkTimestamp(modifiedAfter);\r\n return this.getValues(modifiedAfter ? this.storage.getHistoryWithTimestamp(projectId) : this.storage.getHistory(projectId),\r\n this.api.getRegistrations(projectId, false),\r\n (value) => this.storage.setHistory(value, projectId),\r\n '',\r\n null,\r\n modifiedAfter);\r\n }\r\n\r\n /**\r\n * First get the last registration for an given form from storage, then from API\r\n * @param formId Id of the form\r\n * @param projectId (Optional) Give this to filter registrations by project id\r\n */\r\n getLastRegistration(formId: number, projectId?: number): Observable> {\r\n return this.getValues(this.storage.getLastRegistration(formId, projectId),\r\n this.api.getLastRegistration(formId, projectId, false),\r\n (value) => this.storage.setLastRegistration(value, formId, projectId),\r\n '');\r\n }\r\n\r\n /**\r\n * First get current project from storage and then get current project from API\r\n */\r\n getCurrentProject(): Observable> {\r\n return this.getValues(this.state.currentProject ? Promise.resolve(this.state.currentProject) : this.storage.getCurrentProject(),\r\n this.api.getCurrentProject(false),\r\n (value) => this.storage.setCurrentProject(value),\r\n '');\r\n }\r\n\r\n /**\r\n * First get projects from storage and then get projects from API\r\n * @param sortBy (Optional) How the projects should be sorted, default: NoSort\r\n * @param modifiedAfter (Optional) If given it will give storage unchanged status if the storage value was saved before this\r\n */\r\n getProjects(sortBy: SortBy = SortBy.NoSort, modifiedAfter?: Date | string): Observable> {\r\n modifiedAfter = this.checkTimestamp(modifiedAfter);\r\n return this.getValues(modifiedAfter ? this.storage.getProjectsWithTimestamp(sortBy) : this.storage.getProjects(sortBy),\r\n this.api.getProjects(sortBy, false),\r\n (value) => this.storage.setProjects(value),\r\n '',\r\n null,\r\n modifiedAfter);\r\n }\r\n\r\n /**\r\n * First get label for project field from storage, then get from API\r\n * @param modifiedAfter (Optional) If given it will give storage unchanged status if the storage value was saved before this\r\n */\r\n getProjectLabel(modifiedAfter?: Date | string): Observable> {\r\n modifiedAfter = this.checkTimestamp(modifiedAfter);\r\n return this.getValues(modifiedAfter ? this.storage.getProjectLabelWithTimestamp() : this.storage.getProjectLabel(),\r\n this.api.getProjectlabel(false),\r\n (value) => this.storage.setProjectLabel(value),\r\n '',\r\n null,\r\n modifiedAfter);\r\n }\r\n\r\n /**\r\n * First get data for use when styling with API from styleForm from storage, then get from API\r\n * @param url The url to where to find style data\r\n * @param paths The paths to the different parts of the style\r\n * @param keys Keys of the fields in the form\r\n */\r\n getStyleData(url: string, paths: StylePaths, keys: string[], formId: number): Observable> {\r\n return this.getValues(this.storage.getStyleData(url),\r\n this.api.getStyleData(url, paths, keys, formId, false),\r\n (value) => this.storage.setStyleData(url, value, formId),\r\n this.util.getEndpoint(url));\r\n }\r\n\r\n /**\r\n * First get JSON from storage, then get JSON from an API using GET request\r\n * @param url Url to the API\r\n * @param jsonPath Path to object in JSON\r\n * @param headers (Optional) HTTP headers to use, default is not including any headers\r\n * @param useCredentials (Optional) If the call should use credentials, default: false\r\n */\r\n getWebJSON(url: string, jsonPath: string, formId: number, headers?: any, useCredentials?: boolean): Observable {\r\n return this.getValues(this.storage.getWithKey(url),\r\n this.api.getWebJSON(url, formId, headers, useCredentials, false),\r\n (value) => this.storage.setWithKey(url, value, formId),\r\n this.util.getEndpoint(url),\r\n jsonPath);\r\n }\r\n\r\n /**\r\n * First get JSON from storage, then get JSON from an API using POST request\r\n * @param url Url to the API\r\n * @param jsonPath Path to object in JSON\r\n * @param headers (Optional) HTTP headers to use, default is not including any headers\r\n * @param useCredentials (Optional) If the call should use credentials, default: false\r\n */\r\n getWebJsonWithPost(url: string, jsonPath: string, formId: number, headers?: any, useCredentials?: boolean): Observable {\r\n return this.getValues(this.storage.getWithKey(url),\r\n this.api.postWebJSON(url, {}, headers, useCredentials),\r\n (value) => this.storage.setWithKey(url, value, formId),\r\n this.util.getEndpoint(url),\r\n jsonPath);\r\n }\r\n\r\n /**\r\n * First get JSON from storage, then get JSON from an API using PUT request\r\n * @param url Url to the API\r\n * @param jsonPath Path to object in JSON\r\n * @param headers (Optional) HTTP headers to use, default is not including any headers\r\n * @param useCredentials (Optional) If the call should use credentials, default: false\r\n */\r\n getWebJsonWithPut(url: string, jsonPath: string, formId: number, headers?: any, useCredentials?: boolean): Observable {\r\n return this.getValues(this.storage.getWithKey(url),\r\n this.api.putWebJSON(url, {}, headers, useCredentials),\r\n (value) => this.storage.setWithKey(url, value, formId),\r\n this.util.getEndpoint(url),\r\n jsonPath);\r\n }\r\n\r\n /**\r\n * First get JSON from storage, then get JSON from an API using DELETE request\r\n * @param url Url to the API\r\n * @param jsonPath Path to object in JSON\r\n * @param headers (Optional) HTTP headers to use, default is not including any headers\r\n * @param useCredentials (Optional) If the call should use credentials, default: false\r\n */\r\n getWebJsonWithDelete(url: string, jsonPath: string, formId: number, headers?: any, useCredentials?: boolean): Observable {\r\n return this.getValues(this.storage.getWithKey(url),\r\n this.api.deleteWebJSON(url, headers, useCredentials),\r\n (value) => this.storage.setWithKey(url, value, formId),\r\n this.util.getEndpoint(url),\r\n jsonPath);\r\n }\r\n\r\n /**\r\n * First get JSON from an lookup table, then get from API\r\n * @param table Name of the lookup table\r\n * @param parent (Optional) Name of parent table to filter by\r\n */\r\n getLookupJson(table: string, parent?: string): Observable> {\r\n return this.getValues(this.storage.getLookups(table, parent),\r\n this.api.getLookupJson(table, parent, false),\r\n (value) => this.storage.setLookups(value, table, parent),\r\n '');\r\n }\r\n\r\n /**\r\n * First get user profile from storage, then from API\r\n */\r\n getCurrentUserProfile(): Observable> {\r\n return this.getValues(this.storage.getUserProfile(),\r\n this.api.getCurrentUserProfile(false),\r\n (value) => this.storage.setUserProfile(value),\r\n '');\r\n }\r\n\r\n /**\r\n * Get user context\r\n */\r\n getUserContext(): Observable> {\r\n return this.getValues(this.storage.getUserContext(),\r\n this.api.getUserContext(false),\r\n (value) => this.storage.setUserContext(value),\r\n '');\r\n }\r\n\r\n getAllowHomeEdit(): Observable> {\r\n return this.getValues(this.storage.getAllowHomeEdit(),\r\n this.api.getAllowHomeEdit(undefined, false),\r\n (value) => this.storage.setAllowHomeEdit(value),\r\n '');\r\n }\r\n\r\n /**\r\n * Get first stored value and then API value. Will store the API value if it's different than the stored value\r\n * @param storage The storage promise getting the stored value\r\n * @param api The API observable getting the API value\r\n * @param setStorage Callback for setting value in storage if changed\r\n * @param endpoint Endpoint for external APIs, give `'` for internal APIs\r\n * @param jsonPath (Optional) Path to sub-object in returned API object\r\n * @param timestamp (Optional) If given it will give storage unchanged status if the storage value was saved before this\r\n * @param isForm (Optional) If it is of form type with form version number, default: false\r\n */\r\n private getValues(\r\n storage: Promise>,\r\n api: Observable>,\r\n setStorage: (value: T) => void,\r\n endPoint: string,\r\n jsonPath?: string,\r\n timestamp?: Date,\r\n isForm: boolean = false\r\n ): Observable> {\r\n return new Observable>(obs => {\r\n storage.then((storedData: T | StorageValue
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n\r\n {{'HoursLeft' | translate}}: {{sumUnused | number: '1.0-2'}}{{'TimeAgoHour' | translate}} | {{hoursDoneText | translate}}: {{sum | number: '1.0-2'}}{{'TimeAgoHour' | translate}}
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n {{'NothingFound' | 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","import { Component, OnInit } from '@angular/core';\r\nimport { ModalController } from '@ionic/angular';\r\nimport { FieldType } from '@ngx-formly/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport * as moment from 'moment';\r\nimport { NGXLogger } from 'ngx-logger';\r\nimport { SubFormComponent } from 'src/app/custom-components/directives/formly-directives/sub-form/sub-form.component';\r\nimport { ApiStatus, DataSource, DataStatus, FormType, PageRefs, SwipeDirection, Tabs } from 'src/app/models/models';\r\nimport { ApiService } from 'src/app/services/api.service';\r\nimport { CachedApiService } from 'src/app/services/cached-api.service';\r\nimport { FieldService } from 'src/app/services/field.service';\r\nimport { FormService } from 'src/app/services/form.service';\r\nimport { LanguageService } from 'src/app/services/language.service';\r\nimport { PopupService } from 'src/app/services/popup.service';\r\nimport { TimeService } from 'src/app/services/time.service';\r\nimport { UtilityService } from 'src/app/services/utility.service';\r\n\r\nexport interface RegItem {\r\n id?: string;\r\n label: string;\r\n labelHighlight?: string;\r\n value: number;\r\n tabs: Tabs;\r\n disabled?: boolean;\r\n}\r\n@Component({\r\n selector: 'app-d4-time',\r\n templateUrl: './d4-time.component.html',\r\n styleUrls: ['./d4-time.component.scss'],\r\n providers: [FieldService]\r\n})\r\n\r\nexport class D4TimeComponent extends FieldType implements OnInit {\r\n\r\n isDisabled = false;\r\n isLoading = { graph: false, regs: false, tabs: false, dayReport: false };\r\n localeLang = 'nb'; // locked to nb format.\r\n showTabs = true;\r\n sumTotal = 0;\r\n sumPlanned = 0;\r\n weeklyReportList = [{ Plan: 0, Arb: 0 }];\r\n showWeeklyReport = false;\r\n showWeekend = false; //show sat,sun.\r\n newWeekSwipe = false;\r\n\r\n highlightPlanDiff = true;\r\n highlightTab = [];// = ['LArt'];\r\n mode: 'timefordeling' | 'timeforing' = 'timefordeling';\r\n\r\n tabsLabel = { Tab2: '', Tab3: '', Tab4: '', Tab5: '', Tab6: '', Tab7: '', Tab8: '', Tab9: '' };\r\n tabsEmpty: Tabs = {\r\n Tab2: { Nr: '', Navn: '' },\r\n Tab3: { Nr: '', Navn: '' },\r\n Tab4: { Nr: '', Navn: '' },\r\n Tab5: { Nr: '', Navn: '' },\r\n Tab6: { Nr: '', Navn: '' },\r\n Tab7: { Nr: '', Navn: '' },\r\n Tab8: { Nr: '', Navn: '' },\r\n Tab9: { Nr: '', Navn: '' },\r\n LArt: { Nr: '', Navn: '' }\r\n };\r\n\r\n defaultLabels =[\r\n 'Ma',\r\n 'Ti',\r\n 'On',\r\n 'To',\r\n 'Fr',\r\n 'Lø',\r\n 'Sø'\r\n ];\r\n\r\n reglist: RegItem[] = [];\r\n\r\n format = { time: 'HH:mm', day: 'dddd', date: 'DD.MM.YY', dateformat: 'YYYY-MM-DD', datetime: 'YYYY-MM-DDTHH:mm:ss', weekDayNr: 'E', week: 'W', weekYear: 'WWYYYY' };\r\n currDateTime = moment().locale(this.localeLang);\r\n currDay = this.currDateTime.format(this.format.day);\r\n currDate = this.currDateTime.format(this.format.date);\r\n currDateVal = this.currDateTime.format(this.format.dateformat);\r\n currWeek = '0'; //this.currDateTime.format(this.format.week); //Needs to be diff then first week trigger.\r\n weekdayNr = this.currDateTime.format(this.format.weekDayNr);\r\n\r\n currPeriode = { fromDate: '', toDate: '' };\r\n\r\n constructor(\r\n private timeService: TimeService,\r\n private modalCtrl: ModalController,\r\n private util: UtilityService,\r\n private translate: TranslateService,\r\n private api: ApiService,\r\n private cachedApi: CachedApiService,\r\n private formService: FormService,\r\n private popup: PopupService,\r\n private logger: NGXLogger,\r\n private langService: LanguageService,\r\n private fieldService: FieldService\r\n ) {\r\n super();\r\n this.fieldService.setField(this);\r\n }\r\n\r\n get hoursDoneText() {\r\n return (this.mode === 'timefordeling') ? 'HoursSplit': 'HoursFilled';\r\n }\r\n get getDate() {\r\n return this.currDay + '\r\n
\r\n ' + this.currDate;\r\n }\r\n\r\n get sum(): number {\r\n return this.sumTotal;\r\n }\r\n\r\n get sumUnused(): number {\r\n return this.sumPlanned - this.sumTotal;\r\n }\r\n\r\n get noRegs(): boolean {\r\n return this.reglist.length === 0;\r\n }\r\n\r\n get formId(): number {\r\n return this.to?.currentForm?.id ?? 0;\r\n }\r\n\r\n get formType(): FormType {\r\n return this.to?.currentForm?.type;\r\n }\r\n\r\n get pageRef(): PageRefs {\r\n return this.to?.currentForm?.ref;\r\n }\r\n get weekday(): number {\r\n return parseInt(this.weekdayNr) - 1; // array starts at 0\r\n }\r\n\r\n\r\n ngOnInit() {\r\n if (this.to?.mode === 'timeforing' || this.to?.mode === 'timefordeling') {\r\n this.mode = this.to.mode;\r\n }\r\n this.logger.debug(this.localeLang);\r\n const lang = (this.langService.getCurrentLanguage() === 'no') ? 'nb': this.langService.getCurrentLanguage();\r\n moment.locale(lang);\r\n this.highlightTab = this.to.highlightTab || (this.mode === 'timeforing' ? ['LArt'] : null);\r\n this.highlightPlanDiff = this.to.weeklyReport?.colorPlanDiff || true;\r\n this.showWeeklyReport = this.to.weeklyReport?.show || false;\r\n //this.showWeekend = this.to.weeklyReport.showWeekend || false;\r\n this.logger.debug(this.highlightTab);\r\n\r\n this.getTabLabels();\r\n this.getDayContent();\r\n this.getWeeklyReport(new Date(this.currDateVal));\r\n this.calcSum();\r\n\r\n }\r\n trackbyId(index: number, item: any) {\r\n if (!item)\r\n return null;\r\n if (item.id)\r\n return item.id;\r\n else\r\n return index;\r\n }\r\n\r\n getTabLabels() {\r\n if (!this.to.tabsLabelUrl) {\r\n return false;\r\n }\r\n this.isLoading.tabs = true;\r\n const paths = this.formService.getStylePaths(this.to.tabsLabelProps);\r\n const keys = Object.keys(this.tabsLabel);\r\n this.cachedApi.getStyleData(this.to.tabsLabelUrl, paths, keys, this.formId).subscribe(({ value: tabsLabel, status, source }) => {\r\n\r\n if (Array.isArray(tabsLabel) && status === DataStatus.Updated) {\r\n let foundFirst = false;\r\n tabsLabel = tabsLabel.filter(t => t.visible);\r\n tabsLabel.forEach(t => {\r\n this.tabsLabel[t.key] = t.label;\r\n if(this.highlightTab?.length === 0 && !foundFirst) {\r\n this.highlightTab = [t.key];\r\n foundFirst = true;\r\n }\r\n\r\n });\r\n\r\n this.reglist.forEach(item => {\r\n item.label = this.buildLabel(item.tabs, false);\r\n item.labelHighlight = this.buildLabel(item.tabs, true);\r\n });\r\n }\r\n\r\n if (source === DataSource.API) {\r\n this.isLoading.tabs = false;\r\n }\r\n this.fieldService.triggerChange();\r\n });\r\n }\r\n\r\n getDayContent() {\r\n if (this.mode === 'timefordeling')\r\n this.getPlannedReport();\r\n this.getRegItems();\r\n }\r\n\r\n buildLabel(tabs: Tabs, highlights: boolean): string {\r\n let l = '';\r\n const top = [];\r\n const low = [];\r\n\r\n // this.logger.debug(tabs);\r\n Object.keys(tabs).forEach(key => {\r\n if (tabs[key]?.Nr) {\r\n const t = (this.tabsLabel[key]) ? '' + this.tabsLabel[key] + ': ' : '';\r\n if (this.highlightTab.includes(key)) {\r\n top.unshift(t + tabs[key].Navn);\r\n }\r\n else {\r\n low.push(t + tabs[key].Navn);\r\n }\r\n }\r\n else if (key === 'Kommentar' && tabs[key] !== '') {\r\n low.push('\"' + tabs[key] + '\"');\r\n }\r\n });\r\n if (highlights) {\r\n if (top.length > 0)\r\n l += '' + top.join('
') + '';\r\n }\r\n else {\r\n if (low.length > 0)\r\n l += '' + low.join('
') + '';\r\n }\r\n\r\n return l;\r\n\r\n }\r\n\r\n getRegItems() {\r\n if (!this.to.reglistUrl) {\r\n this.logger.debug('empty url');\r\n return;\r\n }\r\n this.isLoading.regs = true;\r\n const url = this.util.parseText(this.to.reglistUrl, { currDate: this.currDateVal });\r\n this.cachedApi.getWebJSON(url, '', this.to.headers, this.to.useCredentials).subscribe(({ value, status, error }) => {\r\n if (status === DataStatus.Updated && value) {\r\n const d = value.map(res => {\r\n const lart = {LArt: { Nr: res.LArtNr, Navn: res.LArtNavn }};\r\n let tabsOptions = (this.mode === 'timefordeling') ? {}: lart;\r\n const tabs = {\r\n Tab2: { Nr: res.Tab2Nr, Navn: res.Tab2Navn },\r\n Tab3: { Nr: res.Tab3Nr, Navn: res.Tab3Navn },\r\n Tab4: { Nr: res.Tab4Nr, Navn: res.Tab4Navn },\r\n Tab5: { Nr: res.Tab5Nr, Navn: res.Tab5Navn },\r\n Tab6: { Nr: res.Tab6Nr, Navn: res.Tab6Navn },\r\n Tab7: { Nr: res.Tab7Nr, Navn: res.Tab7Navn },\r\n Tab8: { Nr: res.Tab8Nr, Navn: res.Tab8Navn },\r\n Tab9: { Nr: res.Tab9Nr, Navn: res.Tab9Navn },\r\n Kommentar: res.Kommentar\r\n };\r\n tabsOptions = {...tabsOptions, ...tabs};\r\n const t: RegItem = { labelHighlight: this.buildLabel(tabsOptions, true), label: this.buildLabel(tabsOptions, false), tabs: tabsOptions, value: res.Tid, id: res.ID };\r\n return t;\r\n });\r\n this.isLoading.regs = false;\r\n this.reglist = d;\r\n this.calcSum();\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n getPlannedReport() {\r\n this.isLoading.dayReport = true;\r\n const url = this.util.parseText(this.to.dayReportUrl, { fromDate: this.currDateVal, toDate: this.currDateVal });\r\n this.cachedApi.getWebJSON(url, '', this.formId, this.to.headers, this.to.useCredentials).subscribe(res => {\r\n this.logger.debug(res);\r\n if (res.status === DataStatus.Updated) {\r\n if (res.value !== '' && res.value !== undefined)\r\n this.sumPlanned = res.value[0]?.Tid || 0;\r\n }\r\n\r\n if (res.source === DataSource.API) {\r\n this.isLoading.dayReport = false;\r\n }\r\n\r\n this.fieldService.triggerChange();\r\n }, error => {\r\n this.logger.debug(error);\r\n });\r\n }\r\n\r\n\r\n prepPeriode(date: Date) {\r\n this.currPeriode.fromDate = moment(this.timeService.getStartOrEndOfPeriod(date, 'week', 'start')).format('YYYY-MM-DD');\r\n this.currPeriode.toDate = moment(this.timeService.getStartOrEndOfPeriod(date, 'week', 'end')).format('YYYY-MM-DD');\r\n }\r\n\r\n getWeeklyReport(currDate?: Date) {\r\n\r\n if (this.showWeeklyReport && this.to.weeklyReport?.url !== '') {\r\n //this.logger.debug('=====Get chartData has url');\r\n this.prepPeriode(currDate || this.currDateTime.toDate());\r\n this.isLoading.graph = true;\r\n\r\n const useCustomLabels = !!(this.to.weeklyReport?.labels && this.to.weeklyReport.labels.length > 0);\r\n let showWeekend = false;\r\n\r\n const labels = (useCustomLabels) ? this.to.weeklyReport.labels : this.defaultLabels;\r\n\r\n const types = [\r\n 'Konto',\r\n 'Plan',\r\n 'Frv',\r\n 'Arb'\r\n ];\r\n\r\n const url = this.util.parseText(this.to.weeklyReport.url, this.currPeriode);\r\n const obs = this.cachedApi.getWebJSON(url, '', this.formId, this.to.headers, this.to.useCredentials);\r\n obs.subscribe(({ value, status, source }) => {\r\n if (source === DataSource.API) {\r\n setTimeout(() => { // small delay. Takes time to build (extra false later in build incase its faster).\r\n this.isLoading.graph = false;\r\n }, 2000);\r\n }\r\n if (status === DataStatus.Updated && Array.isArray(value)) {\r\n const list = { Konto: {}, Arb: {}, Frv: {}, Plan: {} };\r\n const work = { Konto: [], Arb: [], Frv: [], Plan: [] };\r\n for (const v of value) {\r\n list[v.Nr] = v;\r\n }\r\n for (const d of this.defaultLabels) {\r\n for (const t of types) {\r\n work[t].push(list[t][d]);\r\n }\r\n }\r\n const week = [];\r\n for (const d of labels) {\r\n const pos = (!this.highlightPlanDiff) ? 1 : (list['Arb'][d] >= list['Plan'][d]);\r\n const arb = ( list['Frv'][d] ) ? (list['Arb'][d] + list['Frv'][d]) + '' : list['Arb'][d];\r\n if(!useCustomLabels && ( d === this.defaultLabels[5] || d === this.defaultLabels[6] ) && arb > 0)\r\n showWeekend = true;\r\n\r\n const i = this.defaultLabels.indexOf(d);\r\n const dn = moment(this.currPeriode.fromDate).add(i, 'days');\r\n const name = dn.format('ddd');\r\n week.push({ Id: d, Nr: i, PositivValue: pos, Name: name, Plan: list['Plan'][d] + '', Arb: arb });\r\n }\r\n if(!useCustomLabels && !showWeekend) {\r\n week.pop();\r\n week.pop(); // pop after, since we need to check if week has data first.\r\n }\r\n\r\n if(this.showWeekend !== showWeekend && this.newWeekSwipe) {\r\n //Fix auto-datepick on swipe/arrow: mon -> sun or fre.\r\n const step = (this.showWeekend) ? -2 : 2;\r\n const d = moment(this.timeService.createDate(this.currDateVal, step, 'days'));\r\n this.newWeekSwipe = false;\r\n this.setCurrentDate(d.toISOString(true));\r\n\r\n }\r\n this.showWeekend = showWeekend;\r\n\r\n this.weeklyReportList = week;\r\n\r\n this.fieldService.triggerChange();\r\n }\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n async submitRegItem(index) {\r\n\r\n const promise = new Promise((resolve, reject) => {\r\n\r\n const v = this.reglist[index].tabs;\r\n\r\n if (this.to.submitUrl && v) {\r\n const tabs = {\r\n Tab2: v.Tab2?.Nr,\r\n Tab3: v.Tab3?.Nr,\r\n Tab4: v.Tab4?.Nr,\r\n Tab5: v.Tab5?.Nr,\r\n Tab6: v.Tab6?.Nr,\r\n Tab7: v.Tab7?.Nr,\r\n Tab8: v.Tab8?.Nr,\r\n Tab9: v.Tab9?.Nr,\r\n LArt: v.LArt?.Nr,\r\n Kommentar: v?.Kommentar,\r\n };\r\n let url = this.util.parseText(this.to.submitUrl, tabs);\r\n if (this.reglist[index].id)\r\n url = this.util.parseText(url, { regId: this.reglist[index].id });\r\n url = this.util.parseText(url, { Dato: this.currDateVal });\r\n url = this.util.parseText(url, { Tid: this.reglist[index].value || 0 });\r\n this.logger.debug(url);\r\n\r\n this.api.getWebJSON(url, this.to.header, this.to.useCredentials).subscribe(data => {\r\n this.logger.debug(data);\r\n\r\n if (data.status === 'failed' || data.status === 'offline') {\r\n if (data.status === 'offline')\r\n this.popup.showAlert('Offline', 'WebPostOffline', true);\r\n else {\r\n this.popup.showAlert('Error', data.error.error?.Message || data.error.message, true);\r\n resolve(false);\r\n }\r\n }\r\n else if (data.value) {\r\n this.reglist[index].id = data.value[0]?.ID;\r\n this.getWeeklyReport();\r\n }\r\n\r\n this.fieldService.triggerChange();\r\n //return true;\r\n resolve(true);\r\n }, error => {\r\n reject(error);\r\n });\r\n\r\n }\r\n });\r\n return promise;\r\n\r\n }\r\n\r\n addRegItem(time?: number) {\r\n const val = (time && time > 0)? this.util.roundNumber(time, 2): null;\r\n this.reglist.push({ label: '', tabs: this.util.createCopyOfObject(this.tabsEmpty), value: val });\r\n this.showTabsModal(this.reglist.length - 1);\r\n\r\n }\r\n\r\n async removeRegItem(index, showConf = true) {\r\n\r\n const reg = this.reglist[index];\r\n\r\n if (reg?.id && this.to.delUrl) {\r\n\r\n if(showConf) {\r\n const conf = await this.popup.showConfirm('Delete', 'SelectedElementWillBeDeleted', true);\r\n if (!conf)\r\n return;\r\n }\r\n\r\n reg.disabled = true;\r\n const url = this.util.parseText(this.to.delUrl, { regId: reg.id });\r\n // hardcoded header to bypass CORS in D4 API. Body not used.\r\n let headers = this.to.headers;\r\n if (!headers) {\r\n headers = { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' };\r\n }\r\n else if (headers && !headers['Content-Type'])\r\n headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';\r\n\r\n this.api.postWebJSON(url, [], headers, this.to.useCredentials).subscribe(({ status, error }) => {\r\n reg.disabled = false;\r\n if (status === ApiStatus.Failed) {\r\n if (error) {\r\n const title = this.translate.instant('WebPostFailed');\r\n const text = `${error.status}: ${error.message}`;\r\n this.popup.showAlert(title, text, false);\r\n }\r\n else {\r\n this.popup.showMessage('WebPostFailed', true, 'danger');\r\n }\r\n }\r\n else if (status === ApiStatus.Offline) {\r\n this.popup.showMessage('WebPostOffline', true, 'warning');\r\n }\r\n else {\r\n this.reglist.splice(index, 1);\r\n this.calcSum();\r\n this.getWeeklyReport();\r\n }\r\n });\r\n }\r\n else {\r\n //Will be regs used as examples/offline.\r\n this.reglist.splice(index, 1);\r\n this.calcSum();\r\n }\r\n\r\n }\r\n\r\n updateValue(index, data) {\r\n this.reglist[index].value = data.target.value;\r\n this.calcSum();\r\n this.submitRegItem(index);\r\n }\r\n\r\n calcSum() {\r\n let sum = 0;\r\n this.reglist.forEach(r => {\r\n sum += r.value * 1;\r\n });\r\n this.sumTotal = sum;\r\n this.fieldService.triggerChange();\r\n }\r\n\r\n async showTabsModal(index, tabs?) {\r\n if (!this.showTabs)\r\n return;\r\n\r\n const val = { ...tabs, value: this.reglist[index].value,\r\n regid: this.reglist[index]?.id,\r\n date: this.currDateVal,\r\n sumPlan: this.sumPlanned,\r\n sumUsed: this.util.roundNumber(this.sumTotal - this.reglist[index].value, 2),\r\n sumUsedTotal: this.util.roundNumber(this.sumTotal, 2) };\r\n\r\n const modal = await this.modalCtrl.create({\r\n component: SubFormComponent,\r\n componentProps: {\r\n values: val,\r\n formId: this.to.tabsFormId\r\n }\r\n });\r\n\r\n await modal.present();\r\n const { data } = await modal.onWillDismiss();\r\n if (data) {\r\n\r\n let updateIndex = index;\r\n\r\n const exist = this.hasEqualTabs(index, data);\r\n if(exist !== null) {\r\n// console.log('EXIST ALREADY!!');\r\n const popupText = this.translate.instant('RegExistUpdateValues',{hours: this.reglist[exist]?.value, comment: this.reglist[exist].tabs?.Kommentar});\r\n const conf = await this.popup.showConfirm('RegExist', popupText, true);\r\n if (!conf) {\r\n this.popup.showMessage('UpdateFailed', true);\r\n this.showTabsModal(index, data);\r\n return;\r\n }\r\n //remove new/updated reg, and move the values to the existing reg.\r\n updateIndex = exist; //index is reordered.\r\n this.reglist[updateIndex].tabs.Kommentar += '\\n' + data.Kommentar;\r\n this.reglist[updateIndex].value += data.value;\r\n }\r\n else {\r\n this.reglist[updateIndex].tabs = data;\r\n this.reglist[updateIndex].value = data.value;\r\n }\r\n this.reglist[updateIndex].labelHighlight = this.buildLabel(this.reglist[updateIndex].tabs, true);\r\n this.reglist[updateIndex].label = this.buildLabel(this.reglist[updateIndex].tabs, false);\r\n\r\n // console.log(index, exist, updateIndex);\r\n this.calcSum();\r\n\r\n if (this.reglist[updateIndex].label === '') // not valid reg.\r\n this.removeRegItem(updateIndex);\r\n else {\r\n this.submitRegItem(updateIndex).then(isSuccess => {\r\n if(isSuccess && exist !== null)\r\n this.removeRegItem(index, false);\r\n });\r\n }\r\n\r\n }\r\n else if (this.reglist[index].label === '') {\r\n this.removeRegItem(index);\r\n }\r\n }\r\n\r\n hasEqualTabs(index, tabValues: Tabs) {\r\n let isEqual = false;\r\n let equalIndex = null;\r\n for(let i = 0; i
\r\n
\r\n {{errorLabel}}\r\n
","import { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { FieldType, FormlyFieldConfig } from '@ngx-formly/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { NGXLogger } from 'ngx-logger';\r\nimport { Subscription } from 'rxjs';\r\nimport { ApiStatus, FormType, Trigger, TriggerType } from 'src/app/models/models';\r\nimport { ApiService } from 'src/app/services/api.service';\r\nimport { ComponentRefService } from 'src/app/services/component-ref.service';\r\nimport { FieldService } from 'src/app/services/field.service';\r\nimport { PopupService } from 'src/app/services/popup.service';\r\nimport { StateService } from 'src/app/services/state.service';\r\nimport { UtilityService } from 'src/app/services/utility.service';\r\nimport { WatchgroupService } from 'src/app/services/watchgroup.service';\r\nimport { environment } from 'src/environments/environment';\r\n\r\n@Component({\r\n selector: 'app-status',\r\n templateUrl: './status.component.html',\r\n styleUrls: ['./status.component.scss'],\r\n providers: [WatchgroupService, FieldService]\r\n})\r\nexport class StatusComponent extends FieldType implements OnInit, Trigger, OnDestroy {\r\n\r\n\r\n obsStatus: Subscription;\r\n isLoading = false;\r\n lookupDelay = 0;\r\n\r\n url: string;\r\n jsonPathError = '0';\r\n jsonPathSuccess = '0';\r\n loadingLabel = '';\r\n\r\n loadingTakesTime = false;\r\n\r\n watchData = null;\r\n\r\n maxTries = 5;\r\n statusTries = 0;\r\n errorLabel = '';\r\n hideError: boolean;\r\n\r\n timeoutId = null;\r\n\r\n constructor(\r\n private fieldService: FieldService,\r\n private api: ApiService,\r\n private watch: WatchgroupService,\r\n private logger: NGXLogger,\r\n private util: UtilityService,\r\n private translate: TranslateService,\r\n private state: StateService,\r\n private ref: ComponentRefService,\r\n private popup: PopupService\r\n ) {\r\n super();\r\n this.fieldService.setField(this);\r\n }\r\n\r\n get showLoading() {\r\n return this.isLoading && this.loadingLabel && this.loadingTakesTime;\r\n }\r\n\r\n get hasError() {\r\n return this.errorLabel !== '';\r\n }\r\n\r\n get formId(): number {\r\n return this.to.currentForm?.id ?? 0;\r\n }\r\n\r\n get formType(): FormType {\r\n return this.to.currentForm?.type;\r\n }\r\n\r\n get fields(): FormlyFieldConfig[] {\r\n return this.state.getFields(this.formType, this.formId);\r\n }\r\n\r\n ngOnInit() {\r\n this.setReference(this.key as string, this.formId, this.formType);\r\n this.lookupDelay = this.to.lookupDelay || 0;\r\n this.url = this.to.url || '';\r\n this.loadingLabel = this.to.loadingLabel || '';\r\n this.jsonPathError = this.to.jsonPathError || '0.Feil';\r\n this.jsonPathSuccess = this.to.jsonPathSuccess || '0.OK';\r\n this.maxTries = this.to.maxTries || 5;\r\n this.hideError = this.to.hideError ?? false;\r\n\r\n this.buildWatch();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.obsStatus)\r\n this.obsStatus.unsubscribe();\r\n if(this.timeoutId)\r\n clearTimeout(this.timeoutId);\r\n }\r\n\r\n buildWatch() {\r\n //watchData will forward the data it looked at to the field watching this field.\r\n\r\n const watchGroup = this.watch.getWatchGroupFromOptions(this.to);\r\n\r\n if (watchGroup.fieldKeys.length > 0) {\r\n this.watch.watchGroup(this.form, this.model, watchGroup).subscribe((v) => {\r\n if (v === null) return;\r\n this.triggerStatus(v.newValue);\r\n });\r\n }\r\n }\r\n\r\n resetAndRetry() {\r\n this.statusTries = 0;\r\n this.errorLabel = '';\r\n this.getStatus();\r\n }\r\n\r\n setError(message: string, useTranslate = false) {\r\n this.logger.error(message);\r\n if(!this.hideError)\r\n this.errorLabel = (useTranslate) ? this.translate.instant(message) : message;\r\n //this.popup.showAlert('Status', 'StatusTooManyAttempts', true);\r\n }\r\n\r\n triggerStatus(data) {\r\n if (data) {\r\n this.watchData = data;\r\n if (this.to?.triggerLoadingOnKey)\r\n this.ref.callReference(this.to.triggerLoadingOnKey, this.formId, this.formType, TriggerType.ShowLoading, true);\r\n\r\n setTimeout(() => {\r\n this.getStatus();\r\n }, this.lookupDelay);\r\n }\r\n }\r\n\r\n getStatus() {\r\n\r\n if (this.obsStatus)\r\n this.obsStatus.unsubscribe();\r\n\r\n this.setLoading(true);\r\n const url = this.util.parseText(this.url, this.model, this.fields);\r\n const obs = this.api.getWebJSON(url, this.formId, this.to.headers, this.to.useCredentials, false);\r\n this.obsStatus = obs.subscribe(({ value, status }) => {\r\n\r\n //console.log(value, status);\r\n if (status === ApiStatus.Success) {\r\n\r\n const err = this.util.dotRef(value, this.jsonPathError);\r\n //console.log(err);\r\n if (err) {\r\n this.setError(err);\r\n this.setLoading(false);\r\n }\r\n else {\r\n const val = this.util.dotRef(value, this.jsonPathSuccess);\r\n //console.log(val);\r\n if (val) {\r\n this.statusTries = 0;\r\n this.errorLabel = '';\r\n const data = this.watchData;\r\n// console.log(data);\r\n this.fieldService.setValue(data);\r\n this.setLoading(false);\r\n }\r\n else if (this.maxTries > this.statusTries) {\r\n this.logger.debug('retry', this.statusTries);\r\n\r\n this.statusTries++;\r\n this.getStatus(); //retry\r\n }\r\n else {\r\n this.setError('StatusTooManyAttempts', true);\r\n }\r\n }\r\n\r\n }\r\n else if (status === ApiStatus.Offline) {\r\n this.setLoading(false);\r\n //this.setError('StatusTooManyAttempts', true);\r\n }\r\n else {\r\n this.setLoading(false);\r\n this.setError('StatusTooManyAttempts', true);\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n setReference(key: string, id: number, type: FormType) {\r\n this.ref.addReference(key, id, type, this);\r\n }\r\n\r\n async externalTrigger(type: TriggerType, data?: any) {\r\n if (type === TriggerType.Update) {\r\n const d = data || new Date(); // If watchData is empty (when triggerAPI is used with no data), a new Date() is added to trigger Watch (newValue).\r\n this.triggerStatus(d);\r\n }\r\n else if (!environment.production) {\r\n this.logger.warn(`Wrong trigger type: ${type}`);\r\n }\r\n }\r\n\r\n setLoading(isOn: boolean) {\r\n this.isLoading = isOn;\r\n\r\n if (!isOn) {\r\n if (this.timeoutId)\r\n clearTimeout(this.timeoutId);\r\n this.loadingTakesTime = false;\r\n }\r\n else { // if less then 1 sec, no point of showing loading text.\r\n this.timeoutId = setTimeout(() => {\r\n this.loadingTakesTime = true;\r\n }, 5000);\r\n }\r\n }\r\n\r\n}\r\n","\r\n \r\n \r\n\r\n {{lastDate | date:'mediumDate'}}\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n","import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { NGXLogger } from 'ngx-logger';\r\nimport { ComponentRefService } from 'src/app/services/component-ref.service';\r\nimport { TimeService } from 'src/app/services/time.service';\r\nimport { UtilityService } from 'src/app/services/utility.service';\r\nimport * as moment from 'moment';\r\nimport { DataStatus, FormType, Trigger, TriggerType } from 'src/app/models/models';\r\nimport { environment } from 'src/environments/environment';\r\nimport { CachedApiService } from 'src/app/services/cached-api.service';\r\nimport { FieldService } from 'src/app/services/field.service';\r\nimport { FieldType } from '@ngx-formly/core';\r\nimport { WatchgroupService } from 'src/app/services/watchgroup.service';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { LanguageService } from 'src/app/services/language.service';\r\nimport { SubFormComponent } from 'src/app/custom-components/directives/formly-directives/sub-form/sub-form.component';\r\nimport { ModalController } from '@ionic/angular';\r\n\r\nexport interface EventData {\r\n title: string;\r\n fromDate: string;\r\n toDate: string;\r\n type?: string;\r\n tag?: string;\r\n refId?: string;\r\n data?: any;\r\n}\r\n\r\nexport interface EventListType {\r\n label: string;\r\n value: string;\r\n extValue?: string;\r\n color?: string;\r\n hide?: boolean;\r\n selected?: boolean;\r\n}\r\n\r\nexport interface DayInfo {\r\n date: string;\r\n week: number;\r\n month: number;\r\n year: number;\r\n dayOfWeek: number;\r\n dayOfMonth: number;\r\n dayOfYear: number;\r\n isHoliday: boolean;\r\n isCurrentMonth: boolean;\r\n isToday: boolean;\r\n isSelected: boolean;\r\n hasData: boolean;\r\n isHighlighted: boolean;\r\n\r\n}\r\n\r\nexport interface CalendarPeriode {\r\n date: string;\r\n yearWeek: string;\r\n yearMonth: string;\r\n monthName: string;\r\n year: string;\r\n month: number;\r\n days: number;\r\n start: DayInfo;\r\n end: DayInfo;\r\n}\r\n\r\n@Component({\r\n selector: 'app-calendar-view',\r\n templateUrl: './calendar-view.component.html',\r\n styleUrls: ['./calendar-view.component.scss'],\r\n providers: [WatchgroupService, FieldService]\r\n})\r\nexport class CalendarViewComponent extends FieldType implements OnInit, Trigger {\r\n @ViewChild('monthContainer', { static: false }) monthContainer: ElementRef;\r\n @ViewChild('calendarContainer', { static: false }) calendarContainer: ElementRef;\r\n @ViewChild('calendarPeriodeMenu', { static: false }) calendarPeriodeMenu: ElementRef;\r\n\r\n\r\n dateRange: {\r\n startDay: number, endDay: number, // dayOfWeek\r\n startDate, endDate, daysOfMonth: number\r\n };\r\n weekdayNames = [];\r\n days = [];\r\n weeks = [];\r\n months = [];\r\n events = [];\r\n eventInfo = {};\r\n holidays = [];\r\n\r\n // currPeriode = this.calcPeriode(new Date());\r\n\r\n subformTags = {};\r\n\r\n weekLength = 7;\r\n calendar = {\r\n periode: this.calcPeriode(new Date()),\r\n subformTags: {},\r\n size: { height: 0, width: 0, left: 0, right: 0, top: 0, bottom: 0 }\r\n };\r\n dateFormat = 'YYYY-MM-DD';\r\n today = moment(new Date()).format(this.dateFormat);\r\n displayMonthSelection = false;\r\n loading = { month: false, items: false, overview: false, init: true };\r\n\r\n fromDateProp = 'fraDato';\r\n toDateProp = 'tilDato';\r\n dateObjProp = 'Fra';\r\n ferieTittelProp = ['Ferie, betalt', 'Ferie, ubetalt', 'Ferie, forspørsel'];\r\n currentDate = new Date();\r\n daySelected = {\r\n from: null,\r\n to: null\r\n };\r\n\r\n errorInfo = {\r\n show: true,\r\n showDetails: false,\r\n type: 'url',\r\n title: 'EventsInfo',\r\n text: 'No url/data found'\r\n };\r\n\r\n localData = {\r\n dayInfo: [],\r\n eventInfo: [],\r\n monthInfo: []\r\n };\r\n\r\n calendarMenu = {\r\n show: false,\r\n mode: '',\r\n row: 2,\r\n col: 1,\r\n data: { weeks: null, dates: null },\r\n offset: { left: false, top: false, updated: false }\r\n };\r\n\r\n selectActiveMode: 'off' | 'active' | 'done' = 'off';\r\n selectMode = { mode: this.selectActiveMode, selected: this.daySelected, validView: true };\r\n\r\n eventSelected = null;\r\n\r\n eventTypeList: EventListType[] = [\r\n { label: 'All Fravær', value: '', hide: true, selected: false, color: '' },\r\n { label: 'Feriedager', value: '2', color: 'green' },\r\n { label: 'Egenmelding', value: '8', hide: true, color: 'blue' }\r\n ];\r\n eventTypeSelected: EventListType | EventListType[] = [this.eventTypeList[1]];\r\n\r\n // build in opensubform, replaced with this.to.subformProps.\r\n subformProps = {\r\n regID: 'id',\r\n FrvKode: 'type',\r\n FraDato: 'fromDate',\r\n TilDato: 'toDate',\r\n Dato: 'fromDate'\r\n };\r\n\r\n urlProps = { //variableprops used in url.\r\n fromDate: 'fraDato',\r\n toDate: 'tilDate',\r\n type: 'type',\r\n year: 'aar'\r\n };\r\n apiDataProps = { //variableprops from api result.\r\n fromDate: 'FraDato',\r\n toDate: 'TilDato',\r\n id: 'FrvID',\r\n type: 'FrvKode',\r\n tag: 'Tag',\r\n info: 'Attestasjon',\r\n title: 'FrvNavn',\r\n ownerId: 'AnsattNr',\r\n ownerName: 'AnsattNavn',\r\n\r\n valueSplit : ',',\r\n valueMerge : ',',\r\n\r\n monthData: 'Data',\r\n monthNr: 'Nr',\r\n monthPeriode: 'Periode',\r\n monthDataValue: 'Data'\r\n };\r\n\r\n eventTypeListOption = {\r\n multiSelect: false,\r\n isList: true\r\n };\r\n\r\n hasSubformNew = false;\r\n\r\n allow = { selectDays: true, selectEvent: true, changeMonth: true };\r\n settings = { typelistMultiselect: false, hideHeader: false, hideMonthsArrows: false};\r\n\r\n urls = {datesData: '', eventsData: '', monthsData: ''};\r\n\r\n firstDaysRow = (this.settings.hideHeader) ? 1 : 2; //header label = 2, no-label = 1\r\n\r\n constructor(\r\n private util: UtilityService,\r\n private timeService: TimeService,\r\n private ref: ComponentRefService,\r\n private logger: NGXLogger,\r\n private cachedApi: CachedApiService,\r\n private fieldService: FieldService,\r\n private watch: WatchgroupService,\r\n private translate: TranslateService,\r\n private langService: LanguageService,\r\n private modalCtrl: ModalController\r\n ) {\r\n super();\r\n this.fieldService.setField(this);\r\n }\r\n\r\n get formId(): number {\r\n return this.to.currentForm?.id ?? 0;\r\n }\r\n\r\n get formType(): FormType {\r\n return this.to.currentForm?.type;\r\n }\r\n\r\n get selectedDayInView(): boolean {\r\n return this.daySelected.from && this.daySelected.from?.data && this.daySelected.from.data.month === this.calendar.periode.month;\r\n }\r\n\r\n get eventTypeSelectedLabel(): string {\r\n return (Array.isArray(this.eventTypeSelected)) ? this.eventTypeSelected[0].label : this.eventTypeSelected.label;\r\n }\r\n\r\n selectedEventTypeValues(useExtValue = false): string {\r\n let typeValue = '';\r\n if(!Array.isArray(this.eventTypeSelected)) {\r\n typeValue = (useExtValue) ? (this.eventTypeSelected.extValue ?? this.eventTypeSelected.value) : this.eventTypeSelected.value;\r\n }\r\n else {\r\n this.eventTypeSelected.forEach(type => {\r\n typeValue += (typeValue) ? this.apiDataProps.valueMerge : '';\r\n typeValue += (useExtValue) ? (type.extValue ?? type.value) : type.value;\r\n });\r\n }\r\n return typeValue;\r\n }\r\n\r\n compareWith(o1: EventListType, o2: EventListType | EventListType[]) {\r\n if (!o1 || !o2) {\r\n return o1 === o2;\r\n }\r\n\r\n if (Array.isArray(o2)) {\r\n return o2.some((u: EventListType) => u.value === o1.value);\r\n }\r\n\r\n return o1.value === o2.value;\r\n }\r\n\r\n validEventTypeSelected() {\r\n\r\n if(!Array.isArray(this.eventTypeSelected))\r\n return true;\r\n\r\n if (this.eventTypeSelected.length === 1)\r\n return true;\r\n else if (this.eventTypeSelected.length === 0) {\r\n this.eventTypeSelected.push(this.eventTypeList[0]);\r\n }\r\n else if (this.eventTypeSelected.length > 1) { //empty value will not work together with other values, but would still be listed as selected.\r\n const validList = this.eventTypeSelected.filter(type => type.value !== '');\r\n if (validList.length !== this.eventTypeSelected.length) {\r\n //console.log('remove empty options');\r\n this.eventTypeSelected = validList;\r\n }\r\n }\r\n\r\n }\r\n\r\n updateEventType() {\r\n //console.log(this.eventTypeSelected);\r\n this.validEventTypeSelected();\r\n this.getEvents();\r\n this.buildMonths();\r\n }\r\n\r\n monthName(monthNo: number, short = true): string {\r\n const m = moment(this.calendar.periode.date).add(monthNo - this.calendar.periode.month, 'months');\r\n const format = (short) ? 'MMM' : 'MMMM';\r\n return this.translate.instant(m.format(format));\r\n }\r\n dayName(weekday: number, short = true): string {\r\n const m = moment(this.calendar.periode.date).add(weekday - parseInt(moment(this.calendar.periode.date).format('E')), 'days');\r\n const format = (short) ? 'ddd' : 'dddd';\r\n return this.translate.instant(m.format(format));\r\n }\r\n\r\n buildDayNames() {\r\n this.weekdayNames = [];\r\n for (let i = 1; i < 8; i++) {\r\n this.weekdayNames.push(this.dayName(i));\r\n }\r\n }\r\n\r\n\r\n updateCalendarSize() {\r\n setTimeout(() => {\r\n this.calendar.size = this.calendarContainer.nativeElement.getBoundingClientRect();\r\n //console.log(this.calendar.size);\r\n }, 0);\r\n }\r\n\r\n updateObjectValues(obj: any, newRules: any) {\r\n if (!newRules)\r\n return;\r\n Object.entries(obj).forEach(([key, value]) => {\r\n if (newRules[key] !== undefined)\r\n obj[key] = newRules[key];\r\n });\r\n\r\n }\r\n\r\n errorValues(type, info, show = null) {\r\n\r\n this.errorInfo.title = type;\r\n this.errorInfo.text = info;\r\n this.errorInfo.show = show ?? true;\r\n\r\n this.logger.log(this.errorInfo);\r\n }\r\n\r\n ngOnInit() {\r\n // console.log('========CalendarView========');\r\n const lang = (this.langService.getCurrentLanguage() === 'no') ? 'nb' : this.langService.getCurrentLanguage();\r\n moment.locale(lang);\r\n //console.log(this.langService.getCurrentLanguage());\r\n this.setReference(this.key as string, this.formId, this.formType);\r\n this.buildDayNames();\r\n if (typeof this.to.settings === 'object')\r\n this.updateObjectValues(this.settings, this.to.settings);\r\n if (typeof this.to.allow === 'object')\r\n this.updateObjectValues(this.allow, this.to.allow);\r\n\r\n// this.calendar.label = this.to.label ?? '';\r\n this.subformTags = this.to.subformTags ?? null;\r\n\r\n this.buildWatch();\r\n if (this.to.apiDataProps)\r\n this.apiDataProps = { ...this.apiDataProps, ...this.to.apiDataProps };\r\n if (this.to.urlProps)\r\n this.urlProps = { ...this.urlProps, ...this.to.urlProps };\r\n if (this.to.subformProps)\r\n this.subformProps = { ...this.subformProps, ...this.to.subformProps };\r\n if (this.to.urls)\r\n this.urls = { ...this.urls, ...this.to.urls };\r\n// console.log(this.urls);\r\n this.buildCalenderDays(new Date());\r\n this.buildEventTypeList();\r\n\r\n this.hasSubformNew = this.hasSubform('new', null);\r\n }\r\n\r\n\r\n buildEventTypeList() {\r\n const elist = this.to.eventTypeList ?? null;\r\n if (Array.isArray(elist)) {\r\n //console.log(elist);\r\n //remove hidden items\r\n const list = elist.filter(item => !item.hide);\r\n //console.log(list);\r\n //build itemlist\r\n\r\n if(!list)\r\n this.errorValues('FormSetup', 'EventTypeListNoOptions');\r\n\r\n const eventTypes = list.map(e => ({\r\n label: e.label ?? '',\r\n value: e.value ?? '',\r\n extValue: e.extValue ?? '',\r\n color: e.color ?? '',\r\n hide: e.hide ?? false,\r\n selected: e.selected ?? false\r\n }));\r\n //console.log(eventTypes);\r\n\r\n this.eventTypeList = eventTypes;\r\n this.eventTypeListOption.isList = this.eventTypeList.length > 1;\r\n this.eventTypeListOption.multiSelect = this.settings.typelistMultiselect;\r\n const selected = eventTypes.filter(t => t.selected);\r\n if(!selected)\r\n this.eventTypeSelected = this.eventTypeList[0];\r\n else {\r\n\r\n if(this.eventTypeListOption.multiSelect) {\r\n this.eventTypeSelected = selected;\r\n }\r\n else {\r\n this.eventTypeSelected = selected[0];\r\n }\r\n }\r\n }\r\n else {\r\n this.errorValues('FormSetup', 'EventTypelistMissingArray');\r\n }\r\n }\r\n\r\n calcPeriode(currDate, periode = 'month'): CalendarPeriode {\r\n const val = { date: '', yearWeek: '', yearMonth: '', monthName: '', year: '', month: 0, days: 0, start: null, end: null };\r\n const d = moment(currDate);\r\n const format = 'YYYY-MM-DD';\r\n const period = periode as 'week' | 'year' | 'month' | 'work-week';\r\n val.date = d.format(format);\r\n val.yearWeek = d.format('YYYY-W');\r\n val.yearMonth = d.format('YYYY-MM');\r\n val.monthName = d.format('MMMM');\r\n val.month = parseInt(d.format('M'));\r\n val.year = d.format('YYYY');\r\n const start = moment(this.timeService.getStartOrEndOfPeriod(d.toDate(), period, 'start')).format(format);\r\n const end = moment(this.timeService.getStartOrEndOfPeriod(d.toDate(), period, 'end')).format(format);\r\n\r\n val.days = moment(end).diff(moment(start), 'days') + 1;\r\n // val['curr'] = this.dayInfo(d.format(format));\r\n val.start = this.dayInfo(start);\r\n val.end = this.dayInfo(end);\r\n\r\n return val;\r\n }\r\n\r\n dayInfo(date: string | Date): DayInfo {\r\n const o: DayInfo = {\r\n date: '2022-12-31', week: 1, month: 1, year: 2022,\r\n dayOfWeek: 1, dayOfMonth: 1, dayOfYear: 1,\r\n isHoliday: false, isCurrentMonth: true, isToday: true,\r\n isSelected: false, hasData: false, isHighlighted: false\r\n };\r\n const d = moment(date);\r\n\r\n o.date = d.format('YYYY-MM-DD');\r\n o.week = parseInt(d.format('W'));\r\n o.month = parseInt(d.format('M'));\r\n o.year = parseInt(d.format('YYYY'));\r\n o.dayOfWeek = parseInt(d.format('E'));\r\n o.dayOfMonth = parseInt(d.format('D'));\r\n o.dayOfYear = parseInt(d.format('DDD'));\r\n o.isCurrentMonth = (d.format('YYYY-MM') === this.calendar?.periode.yearMonth) ?? true;\r\n o.isToday = (d.format(this.dateFormat) === this.today);\r\n\r\n o.hasData = false;\r\n o.isSelected = false;\r\n o.isHighlighted = false;\r\n\r\n return o;\r\n }\r\n\r\n buildCalenderDays(currDate: string | Date, padding = true) {\r\n //Clear current tasks drawn\r\n //console.log(currDate);\r\n this.clearCalendar();\r\n //Start/end colume\r\n const cDate = moment(currDate);\r\n this.calendar.periode = this.calcPeriode(cDate);\r\n //console.log(this.calendar);\r\n this.days = [];\r\n\r\n const start = (this.calendar.periode.start.dayOfWeek > 1) ? ((this.calendar.periode.start.dayOfWeek - 1) * -1) : 0;\r\n const end = (this.calendar.periode.end.dayOfWeek < 7) ? (7 - this.calendar.periode.end.dayOfWeek) + this.calendar.periode.end.dayOfMonth : this.calendar.periode.end.dayOfMonth;\r\n\r\n //console.log(start + ' ' + end);\r\n for (let i = start; i < end; i++) {\r\n const d = moment(this.calendar.periode.start.date).add(i, 'days').toDate();\r\n this.days.push(this.dayInfo(d));\r\n }\r\n\r\n //console.log(this.days);\r\n //console.log(this.calendar.periode);\r\n\r\n this.fieldService.setValue(this.calendar.periode);\r\n\r\n this.buildWeeks();\r\n //console.log(this.weeks);\r\n\r\n if (this.selectMode.mode === 'active') {\r\n const isValidDirection = moment(this.selectMode.selected.from.data.date).isBefore(this.calendar.periode.start.date);\r\n this.selectMode.validView = isValidDirection;\r\n\r\n if (this.selectMode.validView) {\r\n this.markDays(0, start * -1);\r\n }\r\n else\r\n this.calendarMenu.show = false; //reset if set\r\n\r\n }\r\n else if (this.selectMode.mode === 'done') {\r\n this.selectMode.mode = 'off';\r\n this.calendarMenu.show = false;\r\n }\r\n\r\n this.getHolidays();\r\n this.getEvents();\r\n this.buildMonths();\r\n\r\n this.updateCalendarSize();\r\n\r\n\r\n }\r\n\r\n buildWeeks() {\r\n this.weeks = [];\r\n //simple fix for next year week 52/53>1\r\n if ((this.calendar.periode.start.week > this.calendar.periode.end.week))\r\n this.weeks.push(this.calendar.periode.start.week);\r\n\r\n const startWeek = (this.calendar.periode.start.week > this.calendar.periode.end.week) ? 1 : this.calendar.periode.start.week;\r\n for (let i = startWeek; i <= this.calendar.periode.end.week; i++) {\r\n this.weeks.push(i);\r\n }\r\n //console.log(this.weeks);\r\n }\r\n\r\n buildWatch() {\r\n const watchGroup = this.watch.getWatchGroupFromOptions(this.to);\r\n if (watchGroup.fieldKeys.length > 0) {\r\n this.watch.watchGroup(this.form, this.model, watchGroup).subscribe((v) => {\r\n //console.log(v);\r\n if (v === null) return;\r\n this.buildCalenderDays(v.newValue);\r\n });\r\n }\r\n }\r\n\r\n getDayPos(date) {\r\n const curr = this.dayInfo(date);\r\n const beforeCal = this.days[0].date > curr.date;\r\n const afterCal = this.days[this.days.length - 1].date < curr.date;\r\n\r\n const pos = { row: 0, col: 0, monthDiff: 0 };\r\n //console.log(curr);\r\n\r\n if (beforeCal) { //Starts before current view\r\n pos.row = this.firstDaysRow;\r\n pos.col = 1;\r\n pos.monthDiff = -1;\r\n }\r\n else if (afterCal) { //ends after current view\r\n pos.row = (this.weeks.length - 1) + this.firstDaysRow;\r\n pos.col = 7;\r\n pos.monthDiff = 1;\r\n }\r\n else {\r\n pos.row = this.weeks.indexOf(curr.week) + this.firstDaysRow;\r\n pos.col = curr.dayOfWeek;\r\n pos.monthDiff = 0;\r\n }\r\n\r\n return pos;\r\n }\r\n\r\n getEventPos(from, to) {\r\n const f = this.getDayPos(from);\r\n const t = this.getDayPos(to);\r\n\r\n const res = [];\r\n\r\n let span = 1;\r\n if (f.row === t.row) {\r\n span += (t.col - f.col);\r\n res.push({ row: f.row, col: f.col, span: span, placement: (f.monthDiff === 0 && t.monthDiff === 0) ? 'same' : (f.monthDiff < 0) ? 'end' : 'start' });\r\n }\r\n else {\r\n\r\n for (let i = f.row; i <= t.row; i++) {\r\n\r\n const placement = (f.monthDiff === 0 && i === f.row) ? 'start' : ((t.monthDiff === 0 && i === t.row)) ? 'end' : 'mid';\r\n\r\n if (i === f.row) { //first week\r\n span = (7 - f.col) + 1;\r\n res.push({ row: f.row, col: f.col, span: span, placement: placement });\r\n }\r\n else if (i === t.row) { //last week\r\n span = t.col;\r\n res.push({ row: t.row, col: 1, span: span, placement: placement });\r\n }\r\n else { // full week\r\n res.push({ row: i, col: 1, span: 7, placement: placement });\r\n }\r\n }\r\n }\r\n\r\n return res;\r\n\r\n }\r\n\r\n periodeInfo(from, to) {\r\n let periodeString = '';\r\n const fromDate = moment(from);\r\n const toDate = moment(to);\r\n\r\n const weeks = this.translate.instant('Week') + ' ' + ((fromDate.isSame(toDate, 'week')) ? fromDate.format('W') : fromDate.format('W') + ' - ' + toDate.format('W'));\r\n\r\n periodeString += (fromDate.isSame(toDate, 'month')) ? fromDate.format('D') : fromDate.format('Do MMM');\r\n periodeString += ` - `;\r\n periodeString += toDate.format('Do MMM');\r\n\r\n return { dates: periodeString, weeks: weeks };\r\n }\r\n\r\n drawEvent(event: EventData) {\r\n const pos = this.getEventPos(event.fromDate, event.toDate);\r\n const localId = Date.now() + event.fromDate + event.toDate;\r\n for (let i = 0; i < pos.length; i++)\r\n this.events.push({ id: localId, index: i, label: event.title, type: event.type, selected: false, offset: { updated: false, top: false, left: false }, ...pos[i] });\r\n\r\n const periodeInfo = this.periodeInfo(event.fromDate, event.toDate);\r\n\r\n this.eventInfo[localId] = {\r\n id: event.refId, fromDate: event.fromDate, toDate: event.toDate, periodeWeek: periodeInfo.weeks, periodeDate: periodeInfo.dates,\r\n rows: pos.length, label: event.title, type: event.type, tag: event.tag, data: event.data, selected: false, hasSubform: this.hasSubform('edit', event.tag)\r\n };\r\n\r\n //console.log(this.events);\r\n\r\n }\r\n\r\n clearCalendar() {\r\n this.events = [];\r\n this.holidays = [];\r\n //this.months = [];\r\n // this.clearMarkedDays();\r\n }\r\n\r\n getHolidays(type = 8) {\r\n //https://inb.tempus.no/api/inbdager?selskap=1&fraDato=2022-05-01&tilDato=2022-05-31&type=8\r\n\r\n if (!this.urls.datesData) {\r\n this.errorValues('FormSetup', 'DateInfoUrlMissing');\r\n return;\r\n }\r\n/*\r\n const urlAdd = `&${this.fromDateProp}=${fromDate}&${this.toDateProp}=${toDate}&type=${type}`;\r\n const url = this.urls.dayInfo + urlAdd;\r\n*/\r\n const url = this.util.parseText(this.urls.datesData,\r\n {\r\n // eslint-disable-next-line @typescript-eslint/naming-convention\r\n CW_fromDate: this.days[0].date,\r\n // eslint-disable-next-line @typescript-eslint/naming-convention\r\n CW_toDate: this.days[this.days.length - 1].date,\r\n // eslint-disable-next-line @typescript-eslint/naming-convention\r\n CW_type: type\r\n }); //no direct url format, just provieds data to url to fill in. type = '' - returns alle types.\r\n\r\n this.cachedApi.getWebJSON(url, this.to.jsonPath, this.formId, this.to.header, this.to.useCredentials).subscribe(({ value, status, source }) => {\r\n\r\n if (status === DataStatus.Error) {\r\n //console.log(status);\r\n this.errorValues('Url', 'DateInfoAPIError');\r\n }\r\n else if (status === DataStatus.Updated) {\r\n // const holidays = [];\r\n if (Array.isArray(value)) {\r\n value.forEach(v => {\r\n this.holidays.push(v['DatoYMD']);\r\n });\r\n }\r\n\r\n this.days.forEach(day => {\r\n day.isHoliday = this.holidays.includes(day.date); //Reset set everything to 0 or add/set holidays.\r\n });\r\n\r\n }\r\n });\r\n }\r\n\r\n getEvents() {\r\n if (!this.urls.eventsData) {\r\n this.errorValues('FormSetup', 'EventsUrlMissing');\r\n return;\r\n }\r\n\r\n //https://inb.tempus.no/api/inbrptregkalender?selskap=1&ansatt=Kim&fraDato=2022-06-27&tilDato=2022-08-08\r\n // https://inb.tempus.no/api/inbfrvperioder?selskap=1&logon=kim\r\n // &type=2&fraDato=2022-02-01&tilDato=2022-08-01\r\n\r\n /* let urlAdd = `&${this.urlProps.fromDate}=${fromDate}&${this.urlProps.toDate}=${toDate}`;\r\n if(type && type > 0)\r\n urlAdd += `&${this.urlProps.type}=${type}`;\r\n const url = this.to.url + urlAdd;\r\n */\r\n //reset event\r\n this.events = [];\r\n this.loading.items = true;\r\n\r\n const url = this.util.parseText(this.urls.eventsData,\r\n {\r\n // eslint-disable-next-line @typescript-eslint/naming-convention\r\n CW_fromDate: this.days[0].date,\r\n // eslint-disable-next-line @typescript-eslint/naming-convention\r\n CW_toDate: this.days[this.days.length - 1].date,\r\n // eslint-disable-next-line @typescript-eslint/naming-convention\r\n CW_type: this.selectedEventTypeValues()\r\n }); //no direct url format, just provieds data to url to fill in. type = '' - returns alle types.\r\n\r\n const obs = this.cachedApi.getWebJSON(url, '', this.formId, this.to.headers, this.to.useCredentials);\r\n obs.subscribe(({ value, status, source }) => {\r\n\r\n this.loading.items = false;\r\n if (status === DataStatus.Error) {\r\n //console.log(status);\r\n this.errorValues('Url', 'EventsAPIError');\r\n }\r\n else if (status === DataStatus.Updated) {\r\n //console.log('update!');\r\n if (value) {\r\n value.forEach(event => {\r\n const e = {\r\n fromDate: event[this.apiDataProps.fromDate],\r\n toDate: event[this.apiDataProps.toDate],\r\n title: event[this.apiDataProps.title],\r\n refId: event[this.apiDataProps.id],\r\n type: event[this.apiDataProps.type],\r\n tag: event[this.apiDataProps.tag]\r\n };\r\n this.drawEvent(e);\r\n });\r\n }\r\n }\r\n\r\n this.fieldService.triggerChange();\r\n });\r\n\r\n }\r\n\r\n buildMonths() {\r\n const months = [];\r\n //Build month structure without data.\r\n for (let i = 0; i < 12; i++) {\r\n months[i] = { name: this.monthName(i + 1), days: 0, selected: (this.calendar.periode.month === (i + 1)) };\r\n }\r\n this.months = this.util.createCopyOfObject(months);\r\n //add externalData.\r\n this.getMonthsData();\r\n }\r\n\r\n getMonthsData() {\r\n if (!this.urls.monthsData) {\r\n this.errorValues('FormSetup', 'MonthsUrlMissing');\r\n return;\r\n }\r\n //console.log(this.months);\r\n\r\n this.loading.month = true;\r\n\r\n //https://inb.tempus.no/api/inbsaldiferie?selskap=1&ansatt=Kim&type=Mnd\r\n //https://inb.tempus.no/api/inbfrvperioderfinnes?selskap=1&aar=2022&logon=kim\r\n\r\n const url = this.util.parseText(this.urls.monthsData,\r\n // eslint-disable-next-line @typescript-eslint/naming-convention\r\n { CW_periodeYear: this.calendar.periode.year,\r\n // eslint-disable-next-line @typescript-eslint/naming-convention\r\n CW_type: this.selectedEventTypeValues() }); //no direct url format, just provides data to url to fill in. type = '' returns all types.\r\n const obs = this.cachedApi.getWebJSON(url, '', this.formId, this.to.headers, this.to.useCredentials);\r\n obs.subscribe(({ value, status, source }) => {\r\n\r\n //console.log(status);\r\n if (status === DataStatus.Error) {\r\n //console.log(status);\r\n this.errorValues('Url', 'MonthsAPIError');\r\n }\r\n else if (status === DataStatus.Updated) {\r\n\r\n if (value && Array.isArray(value)) {\r\n value.forEach(ft => {\r\n //console.log(ft);\r\n if (ft[this.apiDataProps.monthData]) {\r\n const data = ft[this.apiDataProps.monthData].split(this.apiDataProps.valueSplit);\r\n for (let i = 0; i < 12; i++) {\r\n this.months[i].days += parseInt(data[i]) ?? 0;\r\n }\r\n }\r\n });\r\n }\r\n\r\n }\r\n this.loading.month = false;\r\n\r\n });\r\n\r\n }\r\n\r\n\r\n\r\n changeMonth(steps = 1) {\r\n if (!this.allow.changeMonth)\r\n return;\r\n const d = moment(this.calendar.periode.start.date).add(steps, 'months').toDate();\r\n this.buildCalenderDays(d);\r\n }\r\n\r\n setReference(key: string, id: number, type: FormType) {\r\n this.ref.addReference(key, id, type, this);\r\n }\r\n\r\n async externalTrigger(type: TriggerType, data?: any) {\r\n //console.log('externalTrigger', type, data);\r\n if (type === TriggerType.Update) {\r\n const d = data || new Date(); // If watchData is empty (when triggerAPI is used with no data), a new Date() is added to trigger Watch (newValue).\r\n if (moment(d).isValid()) {\r\n this.buildCalenderDays(data);\r\n this.toggleMonthView(false);\r\n }\r\n }\r\n else if (type === TriggerType.Set) {\r\n //console.log('set');\r\n if (moment(data).isValid()) {\r\n this.buildCalenderDays(data);\r\n this.toggleMonthView(false);\r\n }\r\n }\r\n else if (!environment.production) {\r\n this.logger.warn(`Wrong trigger type: ${type}`);\r\n }\r\n }\r\n markDays(fromIndex: number, toIndex: number) {\r\n //console.log(fromIndex, toIndex);\r\n for (let i = 0; i < this.days.length; i++) {\r\n this.days[i].isHighlighted = (i >= fromIndex && i <= toIndex);\r\n }\r\n\r\n }\r\n markDay(dayIndex) {\r\n const selected = this.days[dayIndex] ?? null;\r\n //console.log(this.days);\r\n this.days.forEach(day => {\r\n // //console.log(id, task);\r\n day.isSelected = (day.id === selected?.id && day.index === selected.index);\r\n day.isHighlighted = (day.id === selected?.id && day.isHighlighted) ? false : (day.id === selected?.id);\r\n });\r\n\r\n return selected;\r\n }\r\n\r\n\r\n pickEvent(eventsIndex) {\r\n const selected = this.events[eventsIndex] ?? null;\r\n //console.log(this.events);\r\n this.events.forEach(event => {\r\n // //console.log(id, task);\r\n event.selected = (event.id === selected?.id && event.index === selected.index);\r\n event.highlight = (event.id === selected?.id && event.highlight) ? false : (event.id === selected?.id);\r\n });\r\n\r\n return selected;\r\n }\r\n calcOverflowPosInCalendar(element) {\r\n if (this.calendar.size.bottom === 0)\r\n this.updateCalendarSize();\r\n const box = this.calendar.size;\r\n const item = element.getBoundingClientRect();\r\n\r\n //Outside of area in direction X.\r\n //Minus is within the box. Plus value is X overflow (item needs to be moved/offset to fit inside box).\r\n const offset = {\r\n left: box.left - item.left,\r\n top: box.top - item.top,\r\n right: item.right - box.right,\r\n bottom: item.bottom - box.bottom\r\n };\r\n const validMove = {\r\n left: (offset.left < 0 && offset.left * -1 > item.width),\r\n top: (offset.top < 0 && offset.top * -1 > item.height),\r\n right: (offset.right < 0 && offset.right * -1 > item.width),\r\n bottom: (offset.bottom < 0 && offset.bottom * -1 > item.height),\r\n };\r\n const hasOverflow = (offset.left > 0 || offset.right > 0 || offset.top > 0 || offset.bottom > 0) ? true : false;\r\n return { hasOverflow: hasOverflow, validMove, ...offset };\r\n\r\n }\r\n\r\n calcMenuPos(element, valueObject, rechecks = 1) {\r\n\r\n const offset = this.calcOverflowPosInCalendar(element);\r\n //console.log(offset);\r\n if (!valueObject.offset.updated || (valueObject.offset.updated && offset.hasOverflow)) {\r\n if (offset.right > 0 || offset.left > 0 || offset.validMove.right)\r\n valueObject.offset.left = (offset.right > 0);\r\n if (offset.bottom > 0 || offset.top > 0 || offset.validMove.bottom)\r\n valueObject.offset.top = (offset.bottom > 0);\r\n valueObject.offset.updated = true;\r\n }\r\n }\r\n\r\n selectEvent(eventAction, type, itemData, index: number = null) {\r\n //console.log(eventAction, type, itemData, index);\r\n if (!this.allow.selectEvent)\r\n return;\r\n else\r\n eventAction?.stopPropagation();\r\n\r\n if (type === 'event') {\r\n this.clearMarkedDays(true);\r\n const selected = this.pickEvent(index);\r\n this.eventSelected = selected;\r\n //console.log(selected);\r\n\r\n if (selected && !selected.offset.updated) {\r\n const child = eventAction.currentTarget.children[1];\r\n this.calcMenuPos(child, selected);\r\n }\r\n\r\n }\r\n else {\r\n this.pickEvent(null);\r\n }\r\n\r\n if (type !== 'event' && itemData.isCurrentMonth) {\r\n if (type === 'weekdayNo') {\r\n //this.openSubform('new', itemData);\r\n }\r\n else if (type === 'day') {\r\n // itemData.isSelected = !itemData.isSelected;\r\n // this.daySelected.to = (itemData.isSelected) ? index: null;\r\n\r\n // if FROM -> set TO\r\n // if FROM NULL > set FROM\r\n // if TO NULL -> set FROM\r\n this.selectDay(index);\r\n\r\n if (this.daySelected.from && this.daySelected.to) {\r\n this.markDays((this.selectedDayInView) ? this.daySelected.from.index : 0, this.daySelected.to.index);\r\n const pos = this.getEventPos(this.daySelected.to.data.date, this.daySelected.to.data.date);\r\n this.calendarMenu.row = pos[0].row;\r\n this.calendarMenu.col = pos[0].col;\r\n this.calendarMenu.data = this.periodeInfo(this.daySelected.from.data.date, this.daySelected.to.data.date);\r\n\r\n setTimeout(() => {\r\n //wait a gui update before check\r\n const child = this.calendarPeriodeMenu.nativeElement.children[0];\r\n this.calcMenuPos(child, this.calendarMenu);\r\n\r\n }, 0);\r\n\r\n setTimeout(() => {\r\n this.calendarMenu.show = true;\r\n }, 0);\r\n\r\n }\r\n else {\r\n this.clearMarkedDays(false);\r\n }\r\n }\r\n }\r\n else if (type !== 'event' && !itemData.isCurrentMonth) {\r\n //this.selectDay();\r\n const step = (moment(itemData.date).isAfter(this.calendar.periode.date)) ? 1 : -1;\r\n this.changeMonth(step);\r\n }\r\n\r\n // console.log(type, itemData);\r\n\r\n }\r\n\r\n clearAllSelections() {\r\n this.clearMarkedDays(true);\r\n this.pickEvent(null);\r\n }\r\n\r\n clearMarkedDays(clearSelected = false) {\r\n // console.log('clearSelected');\r\n this.markDays(0, -1);\r\n this.calendarMenu.show = false;\r\n if (clearSelected)\r\n this.selectDay();\r\n }\r\n selectDay(index = null) {\r\n if (!this.allow.selectDays)\r\n return;\r\n if (index === null) {\r\n this.daySelected.from = null;\r\n this.daySelected.to = null;\r\n this.updateSelectMode();\r\n return;\r\n }\r\n\r\n //console.log(this.daySelected);\r\n\r\n //Clear/reset when marking the same toDate twice.\r\n const sameDay = (this.daySelected.to) ? moment(this.daySelected.to.data.date).isSame(this.days[index].date, 'days') : false;\r\n if(sameDay) {\r\n this.daySelected.from = null;\r\n this.daySelected.to = null;\r\n this.updateSelectMode();\r\n return;\r\n }\r\n\r\n const pastDay = (this.daySelected.from) ? moment(this.daySelected.from.data.date).isAfter(this.days[index].date, 'days') : false;\r\n\r\n if (this.daySelected.to !== null || this.daySelected.from === null || pastDay) {\r\n this.daySelected.to = null;\r\n this.daySelected.from = { index: index, data: this.util.createCopyOfObject(this.days[index]) };\r\n }\r\n else if (this.daySelected.to === null) {\r\n this.daySelected.to = { index: index, data: this.util.createCopyOfObject(this.days[index]) };\r\n // this.daySelected.sameMonth = (moment(this.daySelected.from.data.date).isSame(this.daySelected.to.data.date, 'month'));\r\n }\r\n else {\r\n this.daySelected.from = null;\r\n this.daySelected.to = null;\r\n }\r\n\r\n //console.log(this.daySelected);\r\n this.updateSelectMode();\r\n }\r\n\r\n updateSelectMode() {\r\n this.selectMode.mode = (this.daySelected.from && this.daySelected.to === null) ? 'active' : (this.daySelected.to) ? 'done' : 'off';\r\n }\r\n\r\n hasSubform(type, event) {\r\n let formId = false;\r\n if(this.subformTags[event?.tag] && !isNaN(+this.subformTags[event?.tag]))\r\n formId = this.subformTags[event?.tag];\r\n else if(this.subformTags[this.selectedEventTypeValues(true)] && !isNaN(+this.subformTags[this.selectedEventTypeValues(true)]))\r\n formId = this.subformTags[this.selectedEventTypeValues(true)];\r\n else if(this.subformTags[type] && !isNaN(this.subformTags[type]))\r\n formId = this.subformTags[type];\r\n\r\n //console.log(formId);\r\n return formId;\r\n }\r\n\r\n async openSubform(type, itemData) {\r\n //console.log(type, itemData);\r\n const event = (itemData?.id) ? this.eventInfo[itemData.id] : null; // no id = daySelected.\r\n //console.log(event);\r\n const subformid = this.hasSubform(type, event);\r\n\r\n // 1=Vanlig, 2=Ferie, 3=Permisjon, 4=Avspasering, 7=Sykemelding 1-16, 8=Egenmelding, 9=Egenmelding barn, 10=Aktiv sykemelding, 11=NAV\r\n\r\n if (!subformid)\r\n return;\r\n\r\n const values = {\r\n fromDate: (event) ? event.fromDate : this.selectMode.selected.from.data.date,\r\n toDate: (event) ? event.toDate : this.selectMode.selected.to.data.date,\r\n type: (event) ? event?.type : this.selectedEventTypeValues(true),\r\n listType: this.selectedEventTypeValues(true),\r\n id: event?.id,\r\n data: event?.data\r\n };\r\n\r\n //build object - keys sendt to subform.\r\n const keyValues = {};\r\n if (this.subformProps) {\r\n Object.keys(this.subformProps).forEach((key) => {\r\n if (values[this.subformProps[key]])\r\n keyValues[key] = values[this.subformProps[key]];\r\n // delete Object.assign(valueKeys, {[this.to.subformProps[key]]: valueKeys[key] })[key];\r\n });\r\n }\r\n\r\n //console.log(this.to.subformProps);\r\n //console.log(keyValues);\r\n\r\n\r\n/*\r\n let val = { ...itemData };\r\n if(type === 'new')\r\n val = { from: this.selectMode.selected.from.data.date, to: this.selectMode.selected.from.data.date, ...itemData};\r\n*/ //console.log(keyValues);\r\n\r\n const modal = await this.modalCtrl.create({\r\n component: SubFormComponent,\r\n componentProps: {\r\n values: keyValues,\r\n formId: subformid,\r\n showSaveBtn: false\r\n }\r\n });\r\n\r\n await modal.present();\r\n const { data } = await modal.onWillDismiss();\r\n if (data) {\r\n //console.log(data);\r\n this.buildCalenderDays(this.calendar.periode.date); // refresh list.\r\n }\r\n }\r\n\r\n toggleMonthView(show?: boolean) {\r\n if (!this.allow.changeMonth)\r\n return;\r\n\r\n this.displayMonthSelection = show ?? !this.displayMonthSelection;\r\n this.monthContainer.nativeElement.style.maxHeight = (this.displayMonthSelection) ? '100%' : '0px';\r\n //console.log(this.monthContainer);\r\n }\r\n\r\n toggleErrorDetails(show?: boolean) {\r\n this.errorInfo.showDetails = show ?? !this.errorInfo.showDetails;\r\n }\r\n\r\n\r\n}\r\n","\r\n
\r\n \r\n
\r\n {{errorInfo.title}}
\r\n{{errorInfo.text}}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {{monthName(calendar.periode.month, false) | titlecase}}, {{calendar.periode.year}}
\r\n \r\n \r\n \r\n \r\n {{type.label}} \r\n \r\n\r\n {{eventTypeSelectedLabel}}\r\n
\r\n {{monthName(calendar.periode.month, false) | titlecase}}, {{calendar.periode.year}} \r\n
\r\n\r\n \r\n
\r\n 0}\">\r\n {{item.name}}\r\n\r\n
\r\n \r\n \r\n \r\n {{item.label}}\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n
\r\n \r\n{{weekdayNames[i]}}
\r\n\r\n \r\n {{item.dayOfMonth}} {{monthName(item.month, true)}}\r\n {{item.week}}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {{item.label}}
\r\n{{eventInfo[item.id].periodeWeek}}
{{eventInfo[item.id].periodeDate}}
{{eventInfo[item.id].data}}
\r\n\r\n
\r\n {{'selectedPeriode' | translate}}
\r\n{{calendarMenu.data.weeks}}
\r\n{{calendarMenu.data.dates}}
\r\n${failed.join('
')}`;\r\n await this.popup.showAlert(title, msg, false);\r\n }\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { InStorageService } from './in-storage.service';\r\nimport { Subscription } from 'rxjs';\r\nimport { UntypedFormGroup } from '@angular/forms';\r\nimport { UtilityService } from './utility.service';\r\nimport { FormlyFieldConfig } from '@ngx-formly/core';\r\nimport { shouldKeepMetaData } from '../helpers/helperFunctions';\r\n\r\n\r\n/**\r\n * Service for managing autosaving values of forms for recovery purposes\r\n */\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class AutosaveService {\r\n autosaves: {\r\n [key: string]: {\r\n subscription: Subscription,\r\n notInclude: string[],\r\n hiddenFields: string[],\r\n projectId: number,\r\n model?: any\r\n }\r\n } = {};\r\n keysToAdd: {[key: string]: string[]} = {};\r\n activeSave: string; // save key on format 'formId:projectId'\r\n\r\n constructor(\r\n private storage: InStorageService,\r\n private util: UtilityService\r\n ) { }\r\n\r\n /**\r\n * Start autosaving the contents of an form\r\n * @param formId The id of the form to autosave\r\n * @param projectId The id of the project form is opened in\r\n * @param formGroup The formgroup of the form\r\n * @param model The model of the form\r\n * @param fields The fields of the form\r\n * @param saveHidden If hidden fields should be saved, default: `false`\r\n */\r\n async startAutosave(formId: number, projectId: number, formGroup: UntypedFormGroup, model: any, fields: FormlyFieldConfig[] = [], saveHidden = false) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n if (this.activeSave && this.activeSave !== saveKey) {\r\n const {formId: oldFormId, projectId: oldProjectId} = this.splitSaveKey(this.activeSave);\r\n await this.stopAutosave(oldFormId, oldProjectId);\r\n }\r\n this.activeSave = saveKey;\r\n if (this.autosaves[saveKey]) {\r\n this.switchSubscription(formId, projectId, formGroup, model, fields);\r\n }\r\n else {\r\n const notInclude = this.keysToAdd[saveKey] ?? [];\r\n const hiddenFields = saveHidden ? [] : fields.filter(field => field.className?.includes('hide')).map(field => field.key as string);\r\n this.autosaves[saveKey] = {\r\n subscription: formGroup.valueChanges.subscribe(() => {\r\n this.autosaves[saveKey].model = this.checkAndStoreModel(formId, projectId, this.util.createCopyOfObject(model), fields);\r\n }),\r\n notInclude: notInclude,\r\n projectId: projectId,\r\n hiddenFields: hiddenFields\r\n };\r\n if (this.keysToAdd[saveKey]) {\r\n delete this.keysToAdd[saveKey];\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Stop autosaving form if it matches formType, will by default clear the values from storage if it's in FormPage\r\n * @param formId The id of the form to autosave\r\n * @param projectId The id of the project form is opened in\r\n * @param clear (Optional) If the autosave in storage should be cleared. Default: `false`\r\n */\r\n async stopAutosave(formId: number, projectId: number, clear: boolean = false) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n if (this.autosaves[saveKey]) {\r\n this.autosaves[saveKey].subscription.unsubscribe();\r\n }\r\n this.activeSave = null;\r\n if (clear) {\r\n delete this.autosaves[saveKey];\r\n await this.clearAutosave(formId, projectId);\r\n }\r\n }\r\n\r\n /**\r\n * Get the autosaved values from storage\r\n * @param formId The id of the form\r\n * @param projectId The id of the project the form was opened in\r\n */\r\n getAutosave(formId: number, projectId: number) {\r\n return this.storage.getAutosave(formId, projectId);\r\n }\r\n\r\n /**\r\n * Check if there exists an autosave of the form\r\n * @param formId The id of the form\r\n * @param projectId The id of the project the form was opened in\r\n */\r\n async hasAutosave(formId: number, projectId: number) {\r\n const values = await this.getAutosave(formId, projectId);\r\n if (!values) {\r\n return false;\r\n }\r\n else {\r\n return Object.values(values).filter(val => !this.emptyValue(val)).length > 0 ? true : false;\r\n }\r\n }\r\n\r\n /**\r\n * Clear the autosaved values from storage\r\n * @param formId The id of the form\r\n * @param projectId The id of the project the form was opened in\r\n */\r\n clearAutosave(formId: number, projectId: number) {\r\n return this.storage.removeAutosave(formId, projectId);\r\n }\r\n\r\n /**\r\n * Check if an field is being saved\r\n * @param formId The id of the form\r\n * @param projectId The id of the project the form was opened in\r\n * @param key The key of the field\r\n */\r\n isSavingField(formId: number, projectId: number, key: string) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n const autosave = this.autosaves[saveKey];\r\n if (autosave) {\r\n return !autosave.notInclude.includes(key) && !autosave.hiddenFields.includes(key);\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n\r\n /**\r\n * Add key of field that is **not** going to be autosaved\r\n * @param formId The id of the form\r\n * @param projectId The id of the project the form was opened in\r\n * @param key The key of the field\r\n */\r\n addKey(formId: number, projectId: number, key: string) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n if (this.autosaves[saveKey]) {\r\n const autosave = this.autosaves[saveKey];\r\n if (!autosave.notInclude.includes(key)) {\r\n autosave.notInclude.push(key);\r\n }\r\n if (autosave.model && autosave.model[key]) {\r\n delete this.autosaves[saveKey].model[key];\r\n this.storage.setAutosave(formId, autosave.projectId, autosave.model);\r\n }\r\n }\r\n else if (!this.keysToAdd[saveKey]) {\r\n this.keysToAdd[saveKey] = [key];\r\n }\r\n else if (!this.keysToAdd[saveKey].includes(key)) {\r\n this.keysToAdd[saveKey].push(key);\r\n }\r\n }\r\n\r\n /**\r\n * Remove key of field that isn't autosaved, allowing it to be autosaved again\r\n * @param formId The id of the form\r\n * @param projectId The id of the project the form was opened in\r\n * @param key The key of the field\r\n */\r\n removeKey(formId: number, projectId: number, key: string) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n if (this.autosaves[saveKey]) {\r\n this.autosaves[saveKey].notInclude = this.autosaves[saveKey].notInclude.filter(k => k !== key);\r\n }\r\n else if (this.keysToAdd[saveKey]) {\r\n this.keysToAdd[saveKey] = this.keysToAdd[saveKey].filter(k => k !== key);\r\n }\r\n }\r\n\r\n /**\r\n * Switch the subscription from one formgroup to a new formgroup\r\n * @param formId The id of the form to autosave\r\n * @param projectId The id of the project form is opened in\r\n * @param formGroup The new formgroup\r\n * @param model The model of the form\r\n * @param fields The fields of the form\r\n */\r\n private switchSubscription(formId: number, projectId: number, formGroup: UntypedFormGroup, model: any, fields: FormlyFieldConfig[]) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n this.autosaves[saveKey].subscription.unsubscribe();\r\n this.autosaves[saveKey].subscription = formGroup.valueChanges.subscribe(() => {\r\n this.autosaves[saveKey].model = this.checkAndStoreModel(formId, projectId, this.util.createCopyOfObject(model), fields);\r\n });\r\n // this.autosaves[saveKey].model = this.checkAndStoreModel(formId, projectId, formGroup.value, this.autosaves[saveKey].notInclude);\r\n }\r\n\r\n /**\r\n * Check the model (remove unwanted values) and store it\r\n * @param formId The id of the form to autosave\r\n * @param projectId The id of the project form is opened in\r\n * @param model The model of the form\r\n * @param fields The fields of the form\r\n */\r\n private checkAndStoreModel(formId: number, projectId: number, model: any, fields: FormlyFieldConfig[]) {\r\n const saveKey = this.getSaveKey(formId, projectId);\r\n const notInclude = this.autosaves[saveKey]?.notInclude;\r\n const hiddenFields = this.autosaves[saveKey]?.hiddenFields;\r\n const fieldKeys = fields.map(field => field.key as string).filter(key => !notInclude.includes(key) && !hiddenFields.includes(key));\r\n for (const [key, value] of Object.entries(model)) {\r\n if (this.emptyValue(value) || (!fieldKeys.includes(key) && !shouldKeepMetaData(key))) {\r\n delete model[key];\r\n }\r\n }\r\n this.storage.setAutosave(formId, projectId, model);\r\n return model;\r\n }\r\n\r\n /**\r\n * Get the key for saving autosave\r\n * @param formId The id of the form to autosave\r\n * @param projectId The id of the project form is opened in\r\n */\r\n private getSaveKey(formId: number, projectId: number) {\r\n return `${formId}:${projectId}`;\r\n }\r\n\r\n /**\r\n * Split save key to formId and projectId\r\n * @param saveKey The save key to split\r\n */\r\n private splitSaveKey(saveKey: string): {formId: number, projectId: number} {\r\n const parts = saveKey.split(':').map(k => +k);\r\n return {\r\n formId: parts[0],\r\n projectId: parts[1]\r\n };\r\n }\r\n\r\n /**\r\n * Checks if an value is \"empty\"\r\n */\r\n private emptyValue(value: any): boolean {\r\n return typeof value === 'undefined' || value === null || value === '' || (Array.isArray(value) && value.length === 0);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { InAppBrowser } from '@ionic-native/in-app-browser/ngx';\r\nimport { WebView } from '@ionic-native/ionic-webview/ngx';\r\nimport { DeviceService } from './device.service';\r\nimport { Clipboard } from '@ionic-native/clipboard/ngx';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class BrowserService {\r\n\r\n constructor(\r\n private browser: InAppBrowser,\r\n private webview: WebView,\r\n private device: DeviceService,\r\n private clipboard: Clipboard\r\n ) { }\r\n\r\n /**\r\n * Opens an URL in mobiles browser or in a new tab\r\n * @param url The url to open\r\n */\r\n openUrl(url: string) {\r\n if (this.device.isDevice()) {\r\n this.browser.create(url, '_system', 'hidden=yes;location:no');\r\n }\r\n else {\r\n window.open(url, '_blank');\r\n }\r\n }\r\n\r\n /**\r\n * Copy an text to the clipboard\r\n * @param text The text to copy\r\n */\r\n copyToClipboard(text: string): Promise