devextreme-angular
Version:
Angular UI and visualization components based on DevExtreme widgets
1 lines • 740 kB
Source Map (JSON)
{"version":3,"file":"devextreme-angular-ui-chart-nested.mjs","sources":["../../../dist/ui/chart/nested/adaptive-layout.ts","../../../dist/ui/chart/nested/aggregation-interval.ts","../../../dist/ui/chart/nested/aggregation.ts","../../../dist/ui/chart/nested/animation.ts","../../../dist/ui/chart/nested/annotation-border.ts","../../../dist/ui/chart/nested/annotation-dxi.ts","../../../dist/ui/chart/nested/annotation-image.ts","../../../dist/ui/chart/nested/argument-axis.ts","../../../dist/ui/chart/nested/argument-format.ts","../../../dist/ui/chart/nested/axis-constant-line-style-label.ts","../../../dist/ui/chart/nested/axis-constant-line-style.ts","../../../dist/ui/chart/nested/axis-label.ts","../../../dist/ui/chart/nested/axis-title.ts","../../../dist/ui/chart/nested/background-color.ts","../../../dist/ui/chart/nested/border.ts","../../../dist/ui/chart/nested/break-dxi.ts","../../../dist/ui/chart/nested/break-style.ts","../../../dist/ui/chart/nested/chart-title-subtitle.ts","../../../dist/ui/chart/nested/chart-title.ts","../../../dist/ui/chart/nested/color.ts","../../../dist/ui/chart/nested/common-annotation-settings.ts","../../../dist/ui/chart/nested/common-axis-settings-constant-line-style-label.ts","../../../dist/ui/chart/nested/common-axis-settings-constant-line-style.ts","../../../dist/ui/chart/nested/common-axis-settings-label.ts","../../../dist/ui/chart/nested/common-axis-settings-title.ts","../../../dist/ui/chart/nested/common-axis-settings.ts","../../../dist/ui/chart/nested/common-pane-settings.ts","../../../dist/ui/chart/nested/common-series-settings-hover-style.ts","../../../dist/ui/chart/nested/common-series-settings-label.ts","../../../dist/ui/chart/nested/common-series-settings-selection-style.ts","../../../dist/ui/chart/nested/common-series-settings.ts","../../../dist/ui/chart/nested/connector.ts","../../../dist/ui/chart/nested/constant-line-dxi.ts","../../../dist/ui/chart/nested/constant-line-label.ts","../../../dist/ui/chart/nested/constant-line-style.ts","../../../dist/ui/chart/nested/crosshair.ts","../../../dist/ui/chart/nested/data-prepare-settings.ts","../../../dist/ui/chart/nested/drag-box-style.ts","../../../dist/ui/chart/nested/export.ts","../../../dist/ui/chart/nested/font.ts","../../../dist/ui/chart/nested/format.ts","../../../dist/ui/chart/nested/grid.ts","../../../dist/ui/chart/nested/hatching.ts","../../../dist/ui/chart/nested/height.ts","../../../dist/ui/chart/nested/horizontal-line-label.ts","../../../dist/ui/chart/nested/horizontal-line.ts","../../../dist/ui/chart/nested/hover-style.ts","../../../dist/ui/chart/nested/image.ts","../../../dist/ui/chart/nested/label.ts","../../../dist/ui/chart/nested/legend-title-subtitle.ts","../../../dist/ui/chart/nested/legend-title.ts","../../../dist/ui/chart/nested/legend.ts","../../../dist/ui/chart/nested/length.ts","../../../dist/ui/chart/nested/loading-indicator.ts","../../../dist/ui/chart/nested/margin.ts","../../../dist/ui/chart/nested/min-visual-range-length.ts","../../../dist/ui/chart/nested/minor-grid.ts","../../../dist/ui/chart/nested/minor-tick-interval.ts","../../../dist/ui/chart/nested/minor-tick.ts","../../../dist/ui/chart/nested/pane-border.ts","../../../dist/ui/chart/nested/pane-dxi.ts","../../../dist/ui/chart/nested/point-border.ts","../../../dist/ui/chart/nested/point-hover-style.ts","../../../dist/ui/chart/nested/point-image.ts","../../../dist/ui/chart/nested/point-selection-style.ts","../../../dist/ui/chart/nested/point.ts","../../../dist/ui/chart/nested/reduction.ts","../../../dist/ui/chart/nested/scroll-bar.ts","../../../dist/ui/chart/nested/selection-style.ts","../../../dist/ui/chart/nested/series-border.ts","../../../dist/ui/chart/nested/series-dxi.ts","../../../dist/ui/chart/nested/series-template.ts","../../../dist/ui/chart/nested/shadow.ts","../../../dist/ui/chart/nested/size.ts","../../../dist/ui/chart/nested/strip-dxi.ts","../../../dist/ui/chart/nested/strip-label.ts","../../../dist/ui/chart/nested/strip-style-label.ts","../../../dist/ui/chart/nested/strip-style.ts","../../../dist/ui/chart/nested/subtitle.ts","../../../dist/ui/chart/nested/tick-interval.ts","../../../dist/ui/chart/nested/tick.ts","../../../dist/ui/chart/nested/title.ts","../../../dist/ui/chart/nested/tooltip-border.ts","../../../dist/ui/chart/nested/tooltip.ts","../../../dist/ui/chart/nested/url.ts","../../../dist/ui/chart/nested/value-axis-dxi.ts","../../../dist/ui/chart/nested/value-error-bar.ts","../../../dist/ui/chart/nested/vertical-line.ts","../../../dist/ui/chart/nested/visual-range.ts","../../../dist/ui/chart/nested/whole-range.ts","../../../dist/ui/chart/nested/width.ts","../../../dist/ui/chart/nested/zoom-and-pan.ts","../../../dist/ui/chart/nested/index.ts","../../../dist/ui/chart/nested/devextreme-angular-ui-chart-nested.ts"],"sourcesContent":["/*!\n * devextreme-angular\n * Version: 25.1.6\n * Build date: Mon Oct 13 2025\n *\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n Component,\r\n OnInit,\r\n OnDestroy,\r\n NgModule,\r\n Host,\r\n SkipSelf,\r\n Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\n\r\nimport {\r\n DxIntegrationModule,\r\n NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { NestedOption } from 'devextreme-angular/core';\r\n\r\n\r\n@Component({\r\n selector: 'dxo-chart-adaptive-layout',\r\n standalone: true,\r\n template: '',\r\n styles: [''],\r\n imports: [ DxIntegrationModule ],\r\n providers: [NestedOptionHost]\r\n})\r\nexport class DxoChartAdaptiveLayoutComponent extends NestedOption implements OnDestroy, OnInit {\r\n @Input()\r\n get height(): number {\r\n return this._getOption('height');\r\n }\r\n set height(value: number) {\r\n this._setOption('height', value);\r\n }\r\n\r\n @Input()\r\n get keepLabels(): boolean {\r\n return this._getOption('keepLabels');\r\n }\r\n set keepLabels(value: boolean) {\r\n this._setOption('keepLabels', value);\r\n }\r\n\r\n @Input()\r\n get width(): number {\r\n return this._getOption('width');\r\n }\r\n set width(value: number) {\r\n this._setOption('width', value);\r\n }\r\n\r\n\r\n protected get _optionPath() {\r\n return 'adaptiveLayout';\r\n }\r\n\r\n\r\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n @Host() optionHost: NestedOptionHost) {\r\n super();\r\n parentOptionHost.setNestedOption(this);\r\n optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n }\r\n\r\n\r\n ngOnInit() {\r\n this._addRecreatedComponent();\r\n }\r\n\r\n ngOnDestroy() {\r\n this._addRemovedOption(this._getOptionPath());\r\n }\r\n\r\n\r\n}\r\n\r\n@NgModule({\r\n imports: [\r\n DxoChartAdaptiveLayoutComponent\r\n ],\r\n exports: [\r\n DxoChartAdaptiveLayoutComponent\r\n ],\r\n})\r\nexport class DxoChartAdaptiveLayoutModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.1.6\n * Build date: Mon Oct 13 2025\n *\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n Component,\r\n OnInit,\r\n OnDestroy,\r\n NgModule,\r\n Host,\r\n SkipSelf,\r\n Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\n\r\nimport {\r\n DxIntegrationModule,\r\n NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { NestedOption } from 'devextreme-angular/core';\r\n\r\n\r\n@Component({\r\n selector: 'dxo-chart-aggregation-interval',\r\n standalone: true,\r\n template: '',\r\n styles: [''],\r\n imports: [ DxIntegrationModule ],\r\n providers: [NestedOptionHost]\r\n})\r\nexport class DxoChartAggregationIntervalComponent extends NestedOption implements OnDestroy, OnInit {\r\n @Input()\r\n get days(): number {\r\n return this._getOption('days');\r\n }\r\n set days(value: number) {\r\n this._setOption('days', value);\r\n }\r\n\r\n @Input()\r\n get hours(): number {\r\n return this._getOption('hours');\r\n }\r\n set hours(value: number) {\r\n this._setOption('hours', value);\r\n }\r\n\r\n @Input()\r\n get milliseconds(): number {\r\n return this._getOption('milliseconds');\r\n }\r\n set milliseconds(value: number) {\r\n this._setOption('milliseconds', value);\r\n }\r\n\r\n @Input()\r\n get minutes(): number {\r\n return this._getOption('minutes');\r\n }\r\n set minutes(value: number) {\r\n this._setOption('minutes', value);\r\n }\r\n\r\n @Input()\r\n get months(): number {\r\n return this._getOption('months');\r\n }\r\n set months(value: number) {\r\n this._setOption('months', value);\r\n }\r\n\r\n @Input()\r\n get quarters(): number {\r\n return this._getOption('quarters');\r\n }\r\n set quarters(value: number) {\r\n this._setOption('quarters', value);\r\n }\r\n\r\n @Input()\r\n get seconds(): number {\r\n return this._getOption('seconds');\r\n }\r\n set seconds(value: number) {\r\n this._setOption('seconds', value);\r\n }\r\n\r\n @Input()\r\n get weeks(): number {\r\n return this._getOption('weeks');\r\n }\r\n set weeks(value: number) {\r\n this._setOption('weeks', value);\r\n }\r\n\r\n @Input()\r\n get years(): number {\r\n return this._getOption('years');\r\n }\r\n set years(value: number) {\r\n this._setOption('years', value);\r\n }\r\n\r\n\r\n protected get _optionPath() {\r\n return 'aggregationInterval';\r\n }\r\n\r\n\r\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n @Host() optionHost: NestedOptionHost) {\r\n super();\r\n parentOptionHost.setNestedOption(this);\r\n optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n }\r\n\r\n\r\n ngOnInit() {\r\n this._addRecreatedComponent();\r\n }\r\n\r\n ngOnDestroy() {\r\n this._addRemovedOption(this._getOptionPath());\r\n }\r\n\r\n\r\n}\r\n\r\n@NgModule({\r\n imports: [\r\n DxoChartAggregationIntervalComponent\r\n ],\r\n exports: [\r\n DxoChartAggregationIntervalComponent\r\n ],\r\n})\r\nexport class DxoChartAggregationIntervalModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.1.6\n * Build date: Mon Oct 13 2025\n *\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n Component,\r\n OnInit,\r\n OnDestroy,\r\n NgModule,\r\n Host,\r\n SkipSelf,\r\n Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\nimport { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod } from 'devextreme/viz/chart';\r\n\r\nimport {\r\n DxIntegrationModule,\r\n NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { NestedOption } from 'devextreme-angular/core';\r\n\r\n\r\n@Component({\r\n selector: 'dxo-chart-aggregation',\r\n standalone: true,\r\n template: '',\r\n styles: [''],\r\n imports: [ DxIntegrationModule ],\r\n providers: [NestedOptionHost]\r\n})\r\nexport class DxoChartAggregationComponent extends NestedOption implements OnDestroy, OnInit {\r\n @Input()\r\n get calculate(): ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>) | undefined {\r\n return this._getOption('calculate');\r\n }\r\n set calculate(value: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>) | undefined) {\r\n this._setOption('calculate', value);\r\n }\r\n\r\n @Input()\r\n get enabled(): boolean {\r\n return this._getOption('enabled');\r\n }\r\n set enabled(value: boolean) {\r\n this._setOption('enabled', value);\r\n }\r\n\r\n @Input()\r\n get method(): ChartSeriesAggregationMethod {\r\n return this._getOption('method');\r\n }\r\n set method(value: ChartSeriesAggregationMethod) {\r\n this._setOption('method', value);\r\n }\r\n\r\n\r\n protected get _optionPath() {\r\n return 'aggregation';\r\n }\r\n\r\n\r\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n @Host() optionHost: NestedOptionHost) {\r\n super();\r\n parentOptionHost.setNestedOption(this);\r\n optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n }\r\n\r\n\r\n ngOnInit() {\r\n this._addRecreatedComponent();\r\n }\r\n\r\n ngOnDestroy() {\r\n this._addRemovedOption(this._getOptionPath());\r\n }\r\n\r\n\r\n}\r\n\r\n@NgModule({\r\n imports: [\r\n DxoChartAggregationComponent\r\n ],\r\n exports: [\r\n DxoChartAggregationComponent\r\n ],\r\n})\r\nexport class DxoChartAggregationModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.1.6\n * Build date: Mon Oct 13 2025\n *\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n Component,\r\n OnInit,\r\n OnDestroy,\r\n NgModule,\r\n Host,\r\n SkipSelf,\r\n Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\nimport { AnimationEaseMode } from 'devextreme/common/charts';\r\n\r\nimport {\r\n DxIntegrationModule,\r\n NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { NestedOption } from 'devextreme-angular/core';\r\n\r\n\r\n@Component({\r\n selector: 'dxo-chart-animation',\r\n standalone: true,\r\n template: '',\r\n styles: [''],\r\n imports: [ DxIntegrationModule ],\r\n providers: [NestedOptionHost]\r\n})\r\nexport class DxoChartAnimationComponent extends NestedOption implements OnDestroy, OnInit {\r\n @Input()\r\n get duration(): number {\r\n return this._getOption('duration');\r\n }\r\n set duration(value: number) {\r\n this._setOption('duration', value);\r\n }\r\n\r\n @Input()\r\n get easing(): AnimationEaseMode {\r\n return this._getOption('easing');\r\n }\r\n set easing(value: AnimationEaseMode) {\r\n this._setOption('easing', value);\r\n }\r\n\r\n @Input()\r\n get enabled(): boolean {\r\n return this._getOption('enabled');\r\n }\r\n set enabled(value: boolean) {\r\n this._setOption('enabled', value);\r\n }\r\n\r\n @Input()\r\n get maxPointCountSupported(): number {\r\n return this._getOption('maxPointCountSupported');\r\n }\r\n set maxPointCountSupported(value: number) {\r\n this._setOption('maxPointCountSupported', value);\r\n }\r\n\r\n\r\n protected get _optionPath() {\r\n return 'animation';\r\n }\r\n\r\n\r\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n @Host() optionHost: NestedOptionHost) {\r\n super();\r\n parentOptionHost.setNestedOption(this);\r\n optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n }\r\n\r\n\r\n ngOnInit() {\r\n this._addRecreatedComponent();\r\n }\r\n\r\n ngOnDestroy() {\r\n this._addRemovedOption(this._getOptionPath());\r\n }\r\n\r\n\r\n}\r\n\r\n@NgModule({\r\n imports: [\r\n DxoChartAnimationComponent\r\n ],\r\n exports: [\r\n DxoChartAnimationComponent\r\n ],\r\n})\r\nexport class DxoChartAnimationModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.1.6\n * Build date: Mon Oct 13 2025\n *\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n Component,\r\n OnInit,\r\n OnDestroy,\r\n NgModule,\r\n Host,\r\n SkipSelf,\r\n Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\nimport { DashStyle } from 'devextreme/common/charts';\r\n\r\nimport {\r\n DxIntegrationModule,\r\n NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { NestedOption } from 'devextreme-angular/core';\r\n\r\n\r\n@Component({\r\n selector: 'dxo-chart-annotation-border',\r\n standalone: true,\r\n template: '',\r\n styles: [''],\r\n imports: [ DxIntegrationModule ],\r\n providers: [NestedOptionHost]\r\n})\r\nexport class DxoChartAnnotationBorderComponent extends NestedOption implements OnDestroy, OnInit {\r\n @Input()\r\n get color(): string {\r\n return this._getOption('color');\r\n }\r\n set color(value: string) {\r\n this._setOption('color', value);\r\n }\r\n\r\n @Input()\r\n get cornerRadius(): number {\r\n return this._getOption('cornerRadius');\r\n }\r\n set cornerRadius(value: number) {\r\n this._setOption('cornerRadius', value);\r\n }\r\n\r\n @Input()\r\n get dashStyle(): DashStyle {\r\n return this._getOption('dashStyle');\r\n }\r\n set dashStyle(value: DashStyle) {\r\n this._setOption('dashStyle', value);\r\n }\r\n\r\n @Input()\r\n get opacity(): number | undefined {\r\n return this._getOption('opacity');\r\n }\r\n set opacity(value: number | undefined) {\r\n this._setOption('opacity', value);\r\n }\r\n\r\n @Input()\r\n get visible(): boolean {\r\n return this._getOption('visible');\r\n }\r\n set visible(value: boolean) {\r\n this._setOption('visible', value);\r\n }\r\n\r\n @Input()\r\n get width(): number {\r\n return this._getOption('width');\r\n }\r\n set width(value: number) {\r\n this._setOption('width', value);\r\n }\r\n\r\n\r\n protected get _optionPath() {\r\n return 'border';\r\n }\r\n\r\n\r\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n @Host() optionHost: NestedOptionHost) {\r\n super();\r\n parentOptionHost.setNestedOption(this);\r\n optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n }\r\n\r\n\r\n ngOnInit() {\r\n this._addRecreatedComponent();\r\n }\r\n\r\n ngOnDestroy() {\r\n this._addRemovedOption(this._getOptionPath());\r\n }\r\n\r\n\r\n}\r\n\r\n@NgModule({\r\n imports: [\r\n DxoChartAnnotationBorderComponent\r\n ],\r\n exports: [\r\n DxoChartAnnotationBorderComponent\r\n ],\r\n})\r\nexport class DxoChartAnnotationBorderModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.1.6\n * Build date: Mon Oct 13 2025\n *\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n Component,\r\n NgModule,\r\n Host,\r\n ElementRef,\r\n Renderer2,\r\n Inject,\r\n AfterViewInit,\r\n SkipSelf,\r\n Input\r\n} from '@angular/core';\r\n\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n\r\nimport { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';\r\nimport { dxChartAnnotationConfig } from 'devextreme/viz/chart';\r\n\r\nimport {\r\n DxIntegrationModule,\r\n NestedOptionHost,\r\n extractTemplate,\r\n DxTemplateDirective,\r\n IDxTemplateHost,\r\n DxTemplateHost,\r\n} from 'devextreme-angular/core';\r\nimport { CollectionNestedOption } from 'devextreme-angular/core';\r\n\r\nimport { PROPERTY_TOKEN_annotations } from 'devextreme-angular/core/tokens';\r\n\r\n@Component({\r\n selector: 'dxi-chart-annotation',\r\n standalone: true,\r\n template: '<ng-content></ng-content>',\r\n styles: [':host { display: block; }'],\r\n imports: [ DxIntegrationModule ],\r\n providers: [\r\n NestedOptionHost,\r\n DxTemplateHost,\r\n {\r\n provide: PROPERTY_TOKEN_annotations,\r\n useExisting: DxiChartAnnotationComponent,\r\n }\r\n ]\r\n})\r\nexport class DxiChartAnnotationComponent extends CollectionNestedOption implements AfterViewInit,\r\n IDxTemplateHost {\r\n @Input()\r\n get allowDragging(): boolean {\r\n return this._getOption('allowDragging');\r\n }\r\n set allowDragging(value: boolean) {\r\n this._setOption('allowDragging', value);\r\n }\r\n\r\n @Input()\r\n get argument(): Date | number | string | undefined {\r\n return this._getOption('argument');\r\n }\r\n set argument(value: Date | number | string | undefined) {\r\n this._setOption('argument', value);\r\n }\r\n\r\n @Input()\r\n get arrowLength(): number {\r\n return this._getOption('arrowLength');\r\n }\r\n set arrowLength(value: number) {\r\n this._setOption('arrowLength', value);\r\n }\r\n\r\n @Input()\r\n get arrowWidth(): number {\r\n return this._getOption('arrowWidth');\r\n }\r\n set arrowWidth(value: number) {\r\n this._setOption('arrowWidth', value);\r\n }\r\n\r\n @Input()\r\n get axis(): string | undefined {\r\n return this._getOption('axis');\r\n }\r\n set axis(value: string | undefined) {\r\n this._setOption('axis', value);\r\n }\r\n\r\n @Input()\r\n get border(): { color?: string, cornerRadius?: number, dashStyle?: DashStyle, opacity?: number | undefined, visible?: boolean, width?: number } {\r\n return this._getOption('border');\r\n }\r\n set border(value: { color?: string, cornerRadius?: number, dashStyle?: DashStyle, opacity?: number | undefined, visible?: boolean, width?: number }) {\r\n this._setOption('border', value);\r\n }\r\n\r\n @Input()\r\n get color(): string {\r\n return this._getOption('color');\r\n }\r\n set color(value: string) {\r\n this._setOption('color', value);\r\n }\r\n\r\n @Input()\r\n get customizeTooltip(): ((annotation: dxChartAnnotationConfig | any) => Record<string, any>) | undefined {\r\n return this._getOption('customizeTooltip');\r\n }\r\n set customizeTooltip(value: ((annotation: dxChartAnnotationConfig | any) => Record<string, any>) | undefined) {\r\n this._setOption('customizeTooltip', value);\r\n }\r\n\r\n @Input()\r\n get data(): any {\r\n return this._getOption('data');\r\n }\r\n set data(value: any) {\r\n this._setOption('data', value);\r\n }\r\n\r\n @Input()\r\n get description(): string | undefined {\r\n return this._getOption('description');\r\n }\r\n set description(value: string | undefined) {\r\n this._setOption('description', value);\r\n }\r\n\r\n @Input()\r\n get font(): Font {\r\n return this._getOption('font');\r\n }\r\n set font(value: Font) {\r\n this._setOption('font', value);\r\n }\r\n\r\n @Input()\r\n get height(): number | undefined {\r\n return this._getOption('height');\r\n }\r\n set height(value: number | undefined) {\r\n this._setOption('height', value);\r\n }\r\n\r\n @Input()\r\n get image(): string | { height?: number, url?: string | undefined, width?: number } {\r\n return this._getOption('image');\r\n }\r\n set image(value: string | { height?: number, url?: string | undefined, width?: number }) {\r\n this._setOption('image', value);\r\n }\r\n\r\n @Input()\r\n get name(): string | undefined {\r\n return this._getOption('name');\r\n }\r\n set name(value: string | undefined) {\r\n this._setOption('name', value);\r\n }\r\n\r\n @Input()\r\n get offsetX(): number | undefined {\r\n return this._getOption('offsetX');\r\n }\r\n set offsetX(value: number | undefined) {\r\n this._setOption('offsetX', value);\r\n }\r\n\r\n @Input()\r\n get offsetY(): number | undefined {\r\n return this._getOption('offsetY');\r\n }\r\n set offsetY(value: number | undefined) {\r\n this._setOption('offsetY', value);\r\n }\r\n\r\n @Input()\r\n get opacity(): number {\r\n return this._getOption('opacity');\r\n }\r\n set opacity(value: number) {\r\n this._setOption('opacity', value);\r\n }\r\n\r\n @Input()\r\n get paddingLeftRight(): number {\r\n return this._getOption('paddingLeftRight');\r\n }\r\n set paddingLeftRight(value: number) {\r\n this._setOption('paddingLeftRight', value);\r\n }\r\n\r\n @Input()\r\n get paddingTopBottom(): number {\r\n return this._getOption('paddingTopBottom');\r\n }\r\n set paddingTopBottom(value: number) {\r\n this._setOption('paddingTopBottom', value);\r\n }\r\n\r\n @Input()\r\n get series(): string | undefined {\r\n return this._getOption('series');\r\n }\r\n set series(value: string | undefined) {\r\n this._setOption('series', value);\r\n }\r\n\r\n @Input()\r\n get shadow(): { blur?: number, color?: string, offsetX?: number, offsetY?: number, opacity?: number } {\r\n return this._getOption('shadow');\r\n }\r\n set shadow(value: { blur?: number, color?: string, offsetX?: number, offsetY?: number, opacity?: number }) {\r\n this._setOption('shadow', value);\r\n }\r\n\r\n @Input()\r\n get template(): any {\r\n return this._getOption('template');\r\n }\r\n set template(value: any) {\r\n this._setOption('template', value);\r\n }\r\n\r\n @Input()\r\n get text(): string | undefined {\r\n return this._getOption('text');\r\n }\r\n set text(value: string | undefined) {\r\n this._setOption('text', value);\r\n }\r\n\r\n @Input()\r\n get textOverflow(): TextOverflow {\r\n return this._getOption('textOverflow');\r\n }\r\n set textOverflow(value: TextOverflow) {\r\n this._setOption('textOverflow', value);\r\n }\r\n\r\n @Input()\r\n get tooltipEnabled(): boolean {\r\n return this._getOption('tooltipEnabled');\r\n }\r\n set tooltipEnabled(value: boolean) {\r\n this._setOption('tooltipEnabled', value);\r\n }\r\n\r\n @Input()\r\n get tooltipTemplate(): any {\r\n return this._getOption('tooltipTemplate');\r\n }\r\n set tooltipTemplate(value: any) {\r\n this._setOption('tooltipTemplate', value);\r\n }\r\n\r\n @Input()\r\n get type(): AnnotationType | undefined {\r\n return this._getOption('type');\r\n }\r\n set type(value: AnnotationType | undefined) {\r\n this._setOption('type', value);\r\n }\r\n\r\n @Input()\r\n get value(): Date | number | string | undefined {\r\n return this._getOption('value');\r\n }\r\n set value(value: Date | number | string | undefined) {\r\n this._setOption('value', value);\r\n }\r\n\r\n @Input()\r\n get width(): number | undefined {\r\n return this._getOption('width');\r\n }\r\n set width(value: number | undefined) {\r\n this._setOption('width', value);\r\n }\r\n\r\n @Input()\r\n get wordWrap(): WordWrap {\r\n return this._getOption('wordWrap');\r\n }\r\n set wordWrap(value: WordWrap) {\r\n this._setOption('wordWrap', value);\r\n }\r\n\r\n @Input()\r\n get x(): number | undefined {\r\n return this._getOption('x');\r\n }\r\n set x(value: number | undefined) {\r\n this._setOption('x', value);\r\n }\r\n\r\n @Input()\r\n get y(): number | undefined {\r\n return this._getOption('y');\r\n }\r\n set y(value: number | undefined) {\r\n this._setOption('y', value);\r\n }\r\n\r\n\r\n protected get _optionPath() {\r\n return 'annotations';\r\n }\r\n\r\n\r\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n @Host() optionHost: NestedOptionHost,\r\n private renderer: Renderer2,\r\n @Inject(DOCUMENT) private document: any,\r\n @Host() templateHost: DxTemplateHost,\r\n private element: ElementRef) {\r\n super();\r\n parentOptionHost.setNestedOption(this);\r\n optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n templateHost.setHost(this);\r\n }\r\n\r\n setTemplate(template: DxTemplateDirective) {\r\n this.template = template;\r\n }\r\n ngAfterViewInit() {\r\n extractTemplate(this, this.element, this.renderer, this.document);\r\n }\r\n\r\n\r\n\r\n ngOnDestroy() {\r\n this._deleteRemovedOptions(this._fullOptionPath());\r\n }\r\n\r\n}\r\n\r\n@NgModule({\r\n imports: [\r\n DxiChartAnnotationComponent\r\n ],\r\n exports: [\r\n DxiChartAnnotationComponent\r\n ],\r\n})\r\nexport class DxiChartAnnotationModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.1.6\n * Build date: Mon Oct 13 2025\n *\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n Component,\r\n OnInit,\r\n OnDestroy,\r\n NgModule,\r\n Host,\r\n SkipSelf,\r\n Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\n\r\nimport {\r\n DxIntegrationModule,\r\n NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { NestedOption } from 'devextreme-angular/core';\r\n\r\n\r\n@Component({\r\n selector: 'dxo-chart-annotation-image',\r\n standalone: true,\r\n template: '',\r\n styles: [''],\r\n imports: [ DxIntegrationModule ],\r\n providers: [NestedOptionHost]\r\n})\r\nexport class DxoChartAnnotationImageComponent extends NestedOption implements OnDestroy, OnInit {\r\n @Input()\r\n get height(): number {\r\n return this._getOption('height');\r\n }\r\n set height(value: number) {\r\n this._setOption('height', value);\r\n }\r\n\r\n @Input()\r\n get url(): string | undefined {\r\n return this._getOption('url');\r\n }\r\n set url(value: string | undefined) {\r\n this._setOption('url', value);\r\n }\r\n\r\n @Input()\r\n get width(): number {\r\n return this._getOption('width');\r\n }\r\n set width(value: number) {\r\n this._setOption('width', value);\r\n }\r\n\r\n\r\n protected get _optionPath() {\r\n return 'image';\r\n }\r\n\r\n\r\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n @Host() optionHost: NestedOptionHost) {\r\n super();\r\n parentOptionHost.setNestedOption(this);\r\n optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n }\r\n\r\n\r\n ngOnInit() {\r\n this._addRecreatedComponent();\r\n }\r\n\r\n ngOnDestroy() {\r\n this._addRemovedOption(this._getOptionPath());\r\n }\r\n\r\n\r\n}\r\n\r\n@NgModule({\r\n imports: [\r\n DxoChartAnnotationImageComponent\r\n ],\r\n exports: [\r\n DxoChartAnnotationImageComponent\r\n ],\r\n})\r\nexport class DxoChartAnnotationImageModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.1.6\n * Build date: Mon Oct 13 2025\n *\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n Component,\r\n OnInit,\r\n OnDestroy,\r\n NgModule,\r\n Host,\r\n SkipSelf,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n ContentChildren,\r\n QueryList\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\nimport * as CommonChartTypes from 'devextreme/common/charts';\r\nimport { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';\r\nimport { TimeInterval, ChartsDataType, ScaleBreak, ScaleBreakLineStyle, DashStyle, Font, RelativePosition, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, ChartsAxisLabelOverlap, TextOverflow, WordWrap, AxisScaleType, VisualRangeUpdateMode } from 'devextreme/common/charts';\r\nimport { HorizontalAlignment, VerticalAlignment, Position } from 'devextreme/common';\r\nimport { Format } from 'devextreme/common/core/localization';\r\n\r\nimport {\r\n DxIntegrationModule,\r\n NestedOptionHost,\r\n CollectionNestedOption,\r\n} from 'devextreme-angular/core';\r\nimport { NestedOption } from 'devextreme-angular/core';\r\n\r\nimport {\r\n PROPERTY_TOKEN_breaks,\r\n PROPERTY_TOKEN_constantLines,\r\n PROPERTY_TOKEN_strips,\r\n} from 'devextreme-angular/core/tokens';\r\n\r\n@Component({\r\n selector: 'dxo-chart-argument-axis',\r\n standalone: true,\r\n template: '',\r\n styles: [''],\r\n imports: [ DxIntegrationModule ],\r\n providers: [NestedOptionHost]\r\n})\r\nexport class DxoChartArgumentAxisComponent extends NestedOption implements OnDestroy, OnInit {\r\n @ContentChildren(PROPERTY_TOKEN_breaks)\r\n set _breaksContentChildren(value: QueryList<CollectionNestedOption>) {\r\n this.setChildren('breaks', value);\r\n }\r\n \r\n @ContentChildren(PROPERTY_TOKEN_constantLines)\r\n set _constantLinesContentChildren(value: QueryList<CollectionNestedOption>) {\r\n this.setChildren('constantLines', value);\r\n }\r\n \r\n @ContentChildren(PROPERTY_TOKEN_strips)\r\n set _stripsContentChildren(value: QueryList<CollectionNestedOption>) {\r\n this.setChildren('strips', value);\r\n }\r\n \r\n @Input()\r\n get aggregatedPointsPosition(): AggregatedPointsPosition {\r\n return this._getOption('aggregatedPointsPosition');\r\n }\r\n set aggregatedPointsPosition(value: AggregatedPointsPosition) {\r\n this._setOption('aggregatedPointsPosition', value);\r\n }\r\n\r\n @Input()\r\n get aggregationGroupWidth(): number | undefined {\r\n return this._getOption('aggregationGroupWidth');\r\n }\r\n set aggregationGroupWidth(value: number | undefined) {\r\n this._setOption('aggregationGroupWidth', value);\r\n }\r\n\r\n @Input()\r\n get aggregationInterval(): number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number } {\r\n return this._getOption('aggregationInterval');\r\n }\r\n set aggregationInterval(value: number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }) {\r\n this._setOption('aggregationInterval', value);\r\n }\r\n\r\n @Input()\r\n get allowDecimals(): boolean | undefined {\r\n return this._getOption('allowDecimals');\r\n }\r\n set allowDecimals(value: boolean | undefined) {\r\n this._setOption('allowDecimals', value);\r\n }\r\n\r\n @Input()\r\n get argumentType(): ChartsDataType | undefined {\r\n return this._getOption('argumentType');\r\n }\r\n set argumentType(value: ChartsDataType | undefined) {\r\n this._setOption('argumentType', value);\r\n }\r\n\r\n @Input()\r\n get axisDivisionFactor(): number {\r\n return this._getOption('axisDivisionFactor');\r\n }\r\n set axisDivisionFactor(value: number) {\r\n this._setOption('axisDivisionFactor', value);\r\n }\r\n\r\n @Input()\r\n get breaks(): Array<ScaleBreak> | { endValue?: Date | number | string | undefined, startValue?: Date | number | string | undefined }[] {\r\n return this._getOption('breaks');\r\n }\r\n set breaks(value: Array<ScaleBreak> | { endValue?: Date | number | string | undefined, startValue?: Date | number | string | undefined }[]) {\r\n this._setOption('breaks', value);\r\n }\r\n\r\n @Input()\r\n get breakStyle(): { color?: string, line?: ScaleBreakLineStyle, width?: number } {\r\n return this._getOption('breakStyle');\r\n }\r\n set breakStyle(value: { color?: string, line?: ScaleBreakLineStyle, width?: number }) {\r\n this._setOption('breakStyle', value);\r\n }\r\n\r\n @Input()\r\n get categories(): Array<Date | number | string> {\r\n return this._getOption('categories');\r\n }\r\n set categories(value: Array<Date | number | string>) {\r\n this._setOption('categories', value);\r\n }\r\n\r\n @Input()\r\n get color(): string {\r\n return this._getOption('color');\r\n }\r\n set color(value: string) {\r\n this._setOption('color', value);\r\n }\r\n\r\n @Input()\r\n get constantLines(): { color?: string, dashStyle?: DashStyle, displayBehindSeries?: boolean, extendAxis?: boolean, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, position?: RelativePosition, text?: string | undefined, verticalAlignment?: VerticalAlignment, visible?: boolean }, paddingLeftRight?: number, paddingTopBottom?: number, value?: Date | number | string | undefined, width?: number }[] {\r\n return this._getOption('constantLines');\r\n }\r\n set constantLines(value: { color?: string, dashStyle?: DashStyle, displayBehindSeries?: boolean, extendAxis?: boolean, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, position?: RelativePosition, text?: string | undefined, verticalAlignment?: VerticalAlignment, visible?: boolean }, paddingLeftRight?: number, paddingTopBottom?: number, value?: Date | number | string | undefined, width?: number }[]) {\r\n this._setOption('constantLines', value);\r\n }\r\n\r\n @Input()\r\n get constantLineStyle(): { color?: string, dashStyle?: DashStyle, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, position?: RelativePosition, verticalAlignment?: VerticalAlignment, visible?: boolean }, paddingLeftRight?: number, paddingTopBottom?: number, width?: number } {\r\n return this._getOption('constantLineStyle');\r\n }\r\n set constantLineStyle(value: { color?: string, dashStyle?: DashStyle, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, position?: RelativePosition, verticalAlignment?: VerticalAlignment, visible?: boolean }, paddingLeftRight?: number, paddingTopBottom?: number, width?: number }) {\r\n this._setOption('constantLineStyle', value);\r\n }\r\n\r\n @Input()\r\n get customPosition(): Date | number | string | undefined {\r\n return this._getOption('customPosition');\r\n }\r\n set customPosition(value: Date | number | string | undefined) {\r\n this._setOption('customPosition', value);\r\n }\r\n\r\n @Input()\r\n get customPositionAxis(): string | undefined {\r\n return this._getOption('customPositionAxis');\r\n }\r\n set customPositionAxis(value: string | undefined) {\r\n this._setOption('customPositionAxis', value);\r\n }\r\n\r\n @Input()\r\n get discreteAxisDivisionMode(): DiscreteAxisDivisionMode {\r\n return this._getOption('discreteAxisDivisionMode');\r\n }\r\n set discreteAxisDivisionMode(value: DiscreteAxisDivisionMode) {\r\n this._setOption('discreteAxisDivisionMode', value);\r\n }\r\n\r\n @Input()\r\n get endOnTick(): boolean {\r\n return this._getOption('endOnTick');\r\n }\r\n set endOnTick(value: boolean) {\r\n this._setOption('endOnTick', value);\r\n }\r\n\r\n @Input()\r\n get grid(): { color?: string, opacity?: number | undefined, visible?: boolean, width?: number } {\r\n return this._getOption('grid');\r\n }\r\n set grid(value: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }) {\r\n this._setOption('grid', value);\r\n }\r\n\r\n @Input()\r\n get holidays(): Array<Date | string> | Array<number> {\r\n return this._getOption('holidays');\r\n }\r\n set holidays(value: Array<Date | string> | Array<number>) {\r\n this._setOption('holidays', value);\r\n }\r\n\r\n @Input()\r\n get hoverMode(): ArgumentAxisHoverMode {\r\n return this._getOption('hoverMode');\r\n }\r\n set hoverMode(value: ArgumentAxisHoverMode) {\r\n this._setOption('hoverMode', value);\r\n }\r\n\r\n @Input()\r\n get inverted(): boolean {\r\n return this._getOption('inverted');\r\n }\r\n set inverted(value: boolean) {\r\n this._setOption('inverted', value);\r\n }\r\n\r\n @Input()\r\n get label(): { alignment?: HorizontalAlignment | undefined, customizeHint?: ((argument: { value: Date | number | string, valueText: string }) => string), customizeText?: ((argument: { value: Date | number | string, valueText: string }) => string), displayMode?: ChartLabelDisplayMode, font?: Font, format?: Format | undefined, indentFromAxis?: number, overlappingBehavior?: ChartsAxisLabelOverlap, position?: Position | RelativePosition, rotationAngle?: number, staggeringSpacing?: number, template?: any, textOverflow?: TextOverflow, visible?: boolean, wordWrap?: WordWrap } {\r\n return this._getOption('label');\r\n }\r\n set label(value: { alignment?: HorizontalAlignment | undefined, customizeHint?: ((argument: { value: Date | number | string, valueText: string }) => string), customizeText?: ((argument: { value: Date | number | string, valueText: string }) => string), displayMode?: ChartLabelDisplayMode, font?: Font, format?: Format | undefined, indentFromAxis?: number, overlappingBehavior?: ChartsAxisLabelOverlap, position?: Position | RelativePosition, rotationAngle?: number, staggeringSpacing?: number, template?: any, textOverflow?: TextOverflow, visible?: boolean, wordWrap?: WordWrap }) {\r\n this._setOption('label', value);\r\n }\r\n\r\n @Input()\r\n get linearThreshold(): number | undefined {\r\n return this._getOption('linearThreshold');\r\n }\r\n set linearThreshold(value: number | undefined) {\r\n this._setOption('linearThreshold', value);\r\n }\r\n\r\n @Input()\r\n get logarithmBase(): number {\r\n return this._getOption('logarithmBase');\r\n }\r\n set logarithmBase(value: number) {\r\n this._setOption('logarithmBase', value);\r\n }\r\n\r\n @Input()\r\n get maxValueMargin(): number | undefined {\r\n return this._getOption('maxValueMargin');\r\n }\r\n set maxValueMargin(value: number | undefined) {\r\n this._setOption('maxValueMargin', value);\r\n }\r\n\r\n @Input()\r\n get minorGrid(): { color?: string, opacity?: number | undefined, visible?: boolean, width?: number } {\r\n return this._getOption('minorGrid');\r\n }\r\n set minorGrid(value: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }) {\r\n this._setOption('minorGrid', value);\r\n }\r\n\r\n @Input()\r\n get minorTick(): { color?: string, length?: number, opacity?: number, shift?: number, visible?: boolean, width?: number } {\r\n return this._getOption('minorTick');\r\n }\r\n set minorTick(value: { color?: string, length?: number, opacity?: number, shift?: number, visible?: boolean, width?: number }) {\r\n this._setOption('minorTick', value);\r\n }\r\n\r\n @Input()\r\n get minorTickCount(): number | undefined {\r\n return this._getOption('minorTickCount');\r\n }\r\n set minorTickCount(value: number | undefined) {\r\n this._setOption('minorTickCount', value);\r\n }\r\n\r\n @Input()\r\n get minorTickInterval(): number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number } {\r\n return this._getOption('minorTickInterval');\r\n }\r\n set minorTickInterval(value: number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }) {\r\n this._setOption('minorTickInterval', value);\r\n }\r\n\r\n @Input()\r\n get minValueMargin(): number | undefined {\r\n return this._getOption('minValueMargin');\r\n }\r\n set minValueMargin(value: number | undefined) {\r\n this._setOption('minValueMargin', value);\r\n }\r\n\r\n @Input()\r\n get minVisualRangeLength(): number | TimeInterval | undefined | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number } {\r\n return this._getOption('minVisualRangeLength');\r\n }\r\n set minVisualRangeLength(value: number | TimeInterval | undefined | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }) {\r\n this._setOption('minVisualRangeLength', value);\r\n }\r\n\r\n @Input()\r\n get offset(): number | undefined {\r\n return this._getOption('offset');\r\n }\r\n set offset(value: number | undefined) {\r\n this._setOption('offset', value);\r\n }\r\n\r\n @Input()\r\n get opacity(): number | undefined {\r\n return this._getOption('opacity');\r\n }\r\n set opacity(value: number | undefined) {\r\n this._setOption('opacity', value);\r\n }\r\n\r\n @Input()\r\n get placeholderSize(): number {\r\n return this._getOption('placeholderSize');\r\n }\r\n set placeholderSize(value: number) {\r\n this._setOption('placeholderSize', value);\r\n }\r\n\r\n @Input()\r\n get position(): Position {\r\n return this._getOption('position');\r\n }\r\n set position(value: Position) {\r\n this._setOption('position', value);\r\n }\r\n\r\n @Input()\r\n get singleWorkdays(): Array<Date | string> | Array<number> {\r\n return this._getOption('singleWorkdays');\r\n }\r\n set singleWorkdays(value: Array<Date | string> | Array<number>) {\r\n this._setOption('singleWorkdays', value);\r\n }\r\n\r\n @Input()\r\n get strips(): { color?: string | undefined, endValue?: Date | number | string | undefined, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, text?: string | undefined, verticalAlignment?: VerticalAlignment }, paddingLeftRight?: number, paddingTopBottom?: number, startValue?: Date | number | string | undefined }[] {\r\n return this._getOption('strips');\r\n }\r\n set strips(value: { color?: string | undefined, endValue?: Date | number | string | undefined, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, text?: string | undefined, verticalAlignment?: VerticalAlignment }, paddingLeftRight?: number, paddingTopBottom?: number, startValue?: Date | number | string | undefined }[]) {\r\n this._setOption('strips', value);\r\n }\r\n\r\n @Input()\r\n get stripStyle(): { label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, verticalAlignment?: VerticalAlignment }, paddingLeftRight?: number, paddingTopBottom?: number } {\r\n return this._getOption('stripStyle');\r\n }\r\n set stripStyle(value: { label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, verticalAlignment?: VerticalAlignment }, paddingLeftRight?: number, paddingTopBottom?: number }) {\r\n this._setOption('stripStyle', value);\r\n }\r\n\r\n @Input()\r\n get tick(): { color?: string, length?: number, opacity?: number | undefined, shift?: number, visible?: boolean, width?: number } {\r\n return this._getOption('tick');\r\n }\r\n set tick(value: { color?: string, length?: number, opacity?: number | undefined, shift?: number, visible?: boolean, width?: number }) {\r\n this._setOption('tick', value);\r\n }\r\n\r\n @Input()\r\n get tickInterval(): number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number } {\r\n return this._getOption('tickInterval');\r\n }\r\n set tickInterval(value: number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }) {\r\n this._setOption('tickInterval', value);\r\n }\r\n\r\n @Input()\r\n get title(): string | { alignment?: HorizontalAlignment, font?: Font, margin?: number, text?: string | undefined, textOverfl