devextreme-angular/fesm2022/devextreme-angular-ui-chart-nested.mjs.map

DevExtreme UI and Visualization Components for Angular

{"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: 26.1.3\n * Build date: Wed Jun 10 2026\n *\n * Copyright (c) 2012 - 2026 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\n */\n\n/* tslint:disable:max-line-length */\n\n\nimport {\n    Component,\n    OnInit,\n    OnDestroy,\n    NgModule,\n    Host,\n    SkipSelf,\n    Input\n} from '@angular/core';\n\n\n\n\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n    selector: 'dxo-chart-adaptive-layout',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoChartAdaptiveLayoutComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get height(): number {\n        return this._getOption('height');\n    }\n    set height(value: number) {\n        this._setOption('height', value);\n    }\n\n    @Input()\n    get keepLabels(): boolean {\n        return this._getOption('keepLabels');\n    }\n    set keepLabels(value: boolean) {\n        this._setOption('keepLabels', value);\n    }\n\n    @Input()\n    get width(): number {\n        return this._getOption('width');\n    }\n    set width(value: number) {\n        this._setOption('width', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'adaptiveLayout';\n    }\n\n\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n            @Host() optionHost: NestedOptionHost) {\n        super();\n        parentOptionHost.setNestedOption(this);\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\n    }\n\n\n    ngOnInit() {\n        this._addRecreatedComponent();\n    }\n\n    ngOnDestroy() {\n        this._addRemovedOption(this._getOptionPath());\n    }\n\n\n}\n\n@NgModule({\n  imports: [\n    DxoChartAdaptiveLayoutComponent\n  ],\n  exports: [\n    DxoChartAdaptiveLayoutComponent\n  ],\n})\nexport class DxoChartAdaptiveLayoutModule { }\n","/*!\n * devextreme-angular\n * Version: 26.1.3\n * Build date: Wed Jun 10 2026\n *\n * Copyright (c) 2012 - 2026 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\n */\n\n/* tslint:disable:max-line-length */\n\n\nimport {\n    Component,\n    OnInit,\n    OnDestroy,\n    NgModule,\n    Host,\n    SkipSelf,\n    Input\n} from '@angular/core';\n\n\n\n\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n    selector: 'dxo-chart-aggregation-interval',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoChartAggregationIntervalComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get days(): number {\n        return this._getOption('days');\n    }\n    set days(value: number) {\n        this._setOption('days', value);\n    }\n\n    @Input()\n    get hours(): number {\n        return this._getOption('hours');\n    }\n    set hours(value: number) {\n        this._setOption('hours', value);\n    }\n\n    @Input()\n    get milliseconds(): number {\n        return this._getOption('milliseconds');\n    }\n    set milliseconds(value: number) {\n        this._setOption('milliseconds', value);\n    }\n\n    @Input()\n    get minutes(): number {\n        return this._getOption('minutes');\n    }\n    set minutes(value: number) {\n        this._setOption('minutes', value);\n    }\n\n    @Input()\n    get months(): number {\n        return this._getOption('months');\n    }\n    set months(value: number) {\n        this._setOption('months', value);\n    }\n\n    @Input()\n    get quarters(): number {\n        return this._getOption('quarters');\n    }\n    set quarters(value: number) {\n        this._setOption('quarters', value);\n    }\n\n    @Input()\n    get seconds(): number {\n        return this._getOption('seconds');\n    }\n    set seconds(value: number) {\n        this._setOption('seconds', value);\n    }\n\n    @Input()\n    get weeks(): number {\n        return this._getOption('weeks');\n    }\n    set weeks(value: number) {\n        this._setOption('weeks', value);\n    }\n\n    @Input()\n    get years(): number {\n        return this._getOption('years');\n    }\n    set years(value: number) {\n        this._setOption('years', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'aggregationInterval';\n    }\n\n\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n            @Host() optionHost: NestedOptionHost) {\n        super();\n        parentOptionHost.setNestedOption(this);\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\n    }\n\n\n    ngOnInit() {\n        this._addRecreatedComponent();\n    }\n\n    ngOnDestroy() {\n        this._addRemovedOption(this._getOptionPath());\n    }\n\n\n}\n\n@NgModule({\n  imports: [\n    DxoChartAggregationIntervalComponent\n  ],\n  exports: [\n    DxoChartAggregationIntervalComponent\n  ],\n})\nexport class DxoChartAggregationIntervalModule { }\n","/*!\n * devextreme-angular\n * Version: 26.1.3\n * Build date: Wed Jun 10 2026\n *\n * Copyright (c) 2012 - 2026 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\n */\n\n/* tslint:disable:max-line-length */\n\n\nimport {\n    Component,\n    OnInit,\n    OnDestroy,\n    NgModule,\n    Host,\n    SkipSelf,\n    Input\n} from '@angular/core';\n\n\n\n\nimport type { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod } from 'devextreme/viz/chart';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n    selector: 'dxo-chart-aggregation',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoChartAggregationComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get calculate(): ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>) | undefined {\n        return this._getOption('calculate');\n    }\n    set calculate(value: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>) | undefined) {\n        this._setOption('calculate', value);\n    }\n\n    @Input()\n    get enabled(): boolean {\n        return this._getOption('enabled');\n    }\n    set enabled(value: boolean) {\n        this._setOption('enabled', value);\n    }\n\n    @Input()\n    get method(): ChartSeriesAggregationMethod {\n        return this._getOption('method');\n    }\n    set method(value: ChartSeriesAggregationMethod) {\n        this._setOption('method', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'aggregation';\n    }\n\n\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n            @Host() optionHost: NestedOptionHost) {\n        super();\n        parentOptionHost.setNestedOption(this);\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\n    }\n\n\n    ngOnInit() {\n        this._addRecreatedComponent();\n    }\n\n    ngOnDestroy() {\n        this._addRemovedOption(this._getOptionPath());\n    }\n\n\n}\n\n@NgModule({\n  imports: [\n    DxoChartAggregationComponent\n  ],\n  exports: [\n    DxoChartAggregationComponent\n  ],\n})\nexport class DxoChartAggregationModule { }\n","/*!\n * devextreme-angular\n * Version: 26.1.3\n * Build date: Wed Jun 10 2026\n *\n * Copyright (c) 2012 - 2026 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\n */\n\n/* tslint:disable:max-line-length */\n\n\nimport {\n    Component,\n    OnInit,\n    OnDestroy,\n    NgModule,\n    Host,\n    SkipSelf,\n    Input\n} from '@angular/core';\n\n\n\n\nimport type { AnimationEaseMode } from 'devextreme/common/charts';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n    selector: 'dxo-chart-animation',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoChartAnimationComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get duration(): number {\n        return this._getOption('duration');\n    }\n    set duration(value: number) {\n        this._setOption('duration', value);\n    }\n\n    @Input()\n    get easing(): AnimationEaseMode {\n        return this._getOption('easing');\n    }\n    set easing(value: AnimationEaseMode) {\n        this._setOption('easing', value);\n    }\n\n    @Input()\n    get enabled(): boolean {\n        return this._getOption('enabled');\n    }\n    set enabled(value: boolean) {\n        this._setOption('enabled', value);\n    }\n\n    @Input()\n    get maxPointCountSupported(): number {\n        return this._getOption('maxPointCountSupported');\n    }\n    set maxPointCountSupported(value: number) {\n        this._setOption('maxPointCountSupported', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'animation';\n    }\n\n\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n            @Host() optionHost: NestedOptionHost) {\n        super();\n        parentOptionHost.setNestedOption(this);\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\n    }\n\n\n    ngOnInit() {\n        this._addRecreatedComponent();\n    }\n\n    ngOnDestroy() {\n        this._addRemovedOption(this._getOptionPath());\n    }\n\n\n}\n\n@NgModule({\n  imports: [\n    DxoChartAnimationComponent\n  ],\n  exports: [\n    DxoChartAnimationComponent\n  ],\n})\nexport class DxoChartAnimationModule { }\n","/*!\n * devextreme-angular\n * Version: 26.1.3\n * Build date: Wed Jun 10 2026\n *\n * Copyright (c) 2012 - 2026 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\n */\n\n/* tslint:disable:max-line-length */\n\n\nimport {\n    Component,\n    OnInit,\n    OnDestroy,\n    NgModule,\n    Host,\n    SkipSelf,\n    Input\n} from '@angular/core';\n\n\n\n\nimport type { DashStyle } from 'devextreme/common/charts';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n    selector: 'dxo-chart-annotation-border',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoChartAnnotationBorderComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get color(): string {\n        return this._getOption('color');\n    }\n    set color(value: string) {\n        this._setOption('color', value);\n    }\n\n    @Input()\n    get cornerRadius(): number {\n        return this._getOption('cornerRadius');\n    }\n    set cornerRadius(value: number) {\n        this._setOption('cornerRadius', value);\n    }\n\n    @Input()\n    get dashStyle(): DashStyle {\n        return this._getOption('dashStyle');\n    }\n    set dashStyle(value: DashStyle) {\n        this._setOption('dashStyle', value);\n    }\n\n    @Input()\n    get opacity(): number | undefined {\n        return this._getOption('opacity');\n    }\n    set opacity(value: number | undefined) {\n        this._setOption('opacity', value);\n    }\n\n    @Input()\n    get visible(): boolean {\n        return this._getOption('visible');\n    }\n    set visible(value: boolean) {\n        this._setOption('visible', value);\n    }\n\n    @Input()\n    get width(): number {\n        return this._getOption('width');\n    }\n    set width(value: number) {\n        this._setOption('width', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'border';\n    }\n\n\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n            @Host() optionHost: NestedOptionHost) {\n        super();\n        parentOptionHost.setNestedOption(this);\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\n    }\n\n\n    ngOnInit() {\n        this._addRecreatedComponent();\n    }\n\n    ngOnDestroy() {\n        this._addRemovedOption(this._getOptionPath());\n    }\n\n\n}\n\n@NgModule({\n  imports: [\n    DxoChartAnnotationBorderComponent\n  ],\n  exports: [\n    DxoChartAnnotationBorderComponent\n  ],\n})\nexport class DxoChartAnnotationBorderModule { }\n","/*!\n * devextreme-angular\n * Version: 26.1.3\n * Build date: Wed Jun 10 2026\n *\n * Copyright (c) 2012 - 2026 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\n */\n\n/* tslint:disable:max-line-length */\n\n\nimport {\n    Component,\n    NgModule,\n    Host,\n    ElementRef,\n    Renderer2,\n    Inject,\n    AfterViewInit,\n    SkipSelf,\n    Input\n} from '@angular/core';\n\nimport { DOCUMENT } from '@angular/common';\n\n\nimport type { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';\nimport type { dxChartAnnotationConfig } from 'devextreme/viz/chart';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n    extractTemplate,\n    DxTemplateDirective,\n    IDxTemplateHost,\n    DxTemplateHost,\n} from 'devextreme-angular/core';\nimport { CollectionNestedOption } from 'devextreme-angular/core';\n\nimport { PROPERTY_TOKEN_annotations } from 'devextreme-angular/core/tokens';\n\n@Component({\n    selector: 'dxi-chart-annotation',\n    template: '<ng-content></ng-content>',\n    styles: [':host { display: block; }'],\n    imports: [ DxIntegrationModule ],\n    providers: [\n        NestedOptionHost,\n        DxTemplateHost,\n        {\n           provide: PROPERTY_TOKEN_annotations,\n           useExisting: DxiChartAnnotationComponent,\n        }\n    ]\n})\nexport class DxiChartAnnotationComponent extends CollectionNestedOption implements AfterViewInit,\n    IDxTemplateHost {\n    @Input()\n    get allowDragging(): boolean {\n        return this._getOption('allowDragging');\n    }\n    set allowDragging(value: boolean) {\n        this._setOption('allowDragging', value);\n    }\n\n    @Input()\n    get argument(): Date | number | string | undefined {\n        return this._getOption('argument');\n    }\n    set argument(value: Date | number | string | undefined) {\n        this._setOption('argument', value);\n    }\n\n    @Input()\n    get arrowLength(): number {\n        return this._getOption('arrowLength');\n    }\n    set arrowLength(value: number) {\n        this._setOption('arrowLength', value);\n    }\n\n    @Input()\n    get arrowWidth(): number {\n        return this._getOption('arrowWidth');\n    }\n    set arrowWidth(value: number) {\n        this._setOption('arrowWidth', value);\n    }\n\n    @Input()\n    get axis(): string | undefined {\n        return this._getOption('axis');\n    }\n    set axis(value: string | undefined) {\n        this._setOption('axis', value);\n    }\n\n    @Input()\n    get border(): { color?: string, cornerRadius?: number, dashStyle?: DashStyle, opacity?: number | undefined, visible?: boolean, width?: number } {\n        return this._getOption('border');\n    }\n    set border(value: { color?: string, cornerRadius?: number, dashStyle?: DashStyle, opacity?: number | undefined, visible?: boolean, width?: number }) {\n        this._setOption('border', value);\n    }\n\n    @Input()\n    get color(): string {\n        return this._getOption('color');\n    }\n    set color(value: string) {\n        this._setOption('color', value);\n    }\n\n    @Input()\n    get customizeTooltip(): ((annotation: dxChartAnnotationConfig | any) => Record<string, any>) | undefined {\n        return this._getOption('customizeTooltip');\n    }\n    set customizeTooltip(value: ((annotation: dxChartAnnotationConfig | any) => Record<string, any>) | undefined) {\n        this._setOption('customizeTooltip', value);\n    }\n\n    @Input()\n    get data(): any {\n        return this._getOption('data');\n    }\n    set data(value: any) {\n        this._setOption('data', value);\n    }\n\n    @Input()\n    get description(): string | undefined {\n        return this._getOption('description');\n    }\n    set description(value: string | undefined) {\n        this._setOption('description', value);\n    }\n\n    @Input()\n    get font(): Font {\n        return this._getOption('font');\n    }\n    set font(value: Font) {\n        this._setOption('font', value);\n    }\n\n    @Input()\n    get height(): number | undefined {\n        return this._getOption('height');\n    }\n    set height(value: number | undefined) {\n        this._setOption('height', value);\n    }\n\n    @Input()\n    get image(): string | { height?: number, url?: string | undefined, width?: number } {\n        return this._getOption('image');\n    }\n    set image(value: string | { height?: number, url?: string | undefined, width?: number }) {\n        this._setOption('image', value);\n    }\n\n    @Input()\n    get name(): string | undefined {\n        return this._getOption('name');\n    }\n    set name(value: string | undefined) {\n        this._setOption('name', value);\n    }\n\n    @Input()\n    get offsetX(): number | undefined {\n        return this._getOption('offsetX');\n    }\n    set offsetX(value: number | undefined) {\n        this._setOption('offsetX', value);\n    }\n\n    @Input()\n    get offsetY(): number | undefined {\n        return this._getOption('offsetY');\n    }\n    set offsetY(value: number | undefined) {\n        this._setOption('offsetY', value);\n    }\n\n    @Input()\n    get opacity(): number {\n        return this._getOption('opacity');\n    }\n    set opacity(value: number) {\n        this._setOption('opacity', value);\n    }\n\n    @Input()\n    get paddingLeftRight(): number {\n        return this._getOption('paddingLeftRight');\n    }\n    set paddingLeftRight(value: number) {\n        this._setOption('paddingLeftRight', value);\n    }\n\n    @Input()\n    get paddingTopBottom(): number {\n        return this._getOption('paddingTopBottom');\n    }\n    set paddingTopBottom(value: number) {\n        this._setOption('paddingTopBottom', value);\n    }\n\n    @Input()\n    get series(): string | undefined {\n        return this._getOption('series');\n    }\n    set series(value: string | undefined) {\n        this._setOption('series', value);\n    }\n\n    @Input()\n    get shadow(): { blur?: number, color?: string, offsetX?: number, offsetY?: number, opacity?: number } {\n        return this._getOption('shadow');\n    }\n    set shadow(value: { blur?: number, color?: string, offsetX?: number, offsetY?: number, opacity?: number }) {\n        this._setOption('shadow', value);\n    }\n\n    @Input()\n    get template(): any {\n        return this._getOption('template');\n    }\n    set template(value: any) {\n        this._setOption('template', value);\n    }\n\n    @Input()\n    get text(): string | undefined {\n        return this._getOption('text');\n    }\n    set text(value: string | undefined) {\n        this._setOption('text', value);\n    }\n\n    @Input()\n    get textOverflow(): TextOverflow {\n        return this._getOption('textOverflow');\n    }\n    set textOverflow(value: TextOverflow) {\n        this._setOption('textOverflow', value);\n    }\n\n    @Input()\n    get tooltipEnabled(): boolean {\n        return this._getOption('tooltipEnabled');\n    }\n    set tooltipEnabled(value: boolean) {\n        this._setOption('tooltipEnabled', value);\n    }\n\n    @Input()\n    get tooltipTemplate(): any {\n        return this._getOption('tooltipTemplate');\n    }\n    set tooltipTemplate(value: any) {\n        this._setOption('tooltipTemplate', value);\n    }\n\n    @Input()\n    get type(): AnnotationType | undefined {\n        return this._getOption('type');\n    }\n    set type(value: AnnotationType | undefined) {\n        this._setOption('type', value);\n    }\n\n    @Input()\n    get value(): Date | number | string | undefined {\n        return this._getOption('value');\n    }\n    set value(value: Date | number | string | undefined) {\n        this._setOption('value', value);\n    }\n\n    @Input()\n    get width(): number | undefined {\n        return this._getOption('width');\n    }\n    set width(value: number | undefined) {\n        this._setOption('width', value);\n    }\n\n    @Input()\n    get wordWrap(): WordWrap {\n        return this._getOption('wordWrap');\n    }\n    set wordWrap(value: WordWrap) {\n        this._setOption('wordWrap', value);\n    }\n\n    @Input()\n    get x(): number | undefined {\n        return this._getOption('x');\n    }\n    set x(value: number | undefined) {\n        this._setOption('x', value);\n    }\n\n    @Input()\n    get y(): number | undefined {\n        return this._getOption('y');\n    }\n    set y(value: number | undefined) {\n        this._setOption('y', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'annotations';\n    }\n\n\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n            @Host() optionHost: NestedOptionHost,\n            private renderer: Renderer2,\n            @Inject(DOCUMENT) private document: any,\n            @Host() templateHost: DxTemplateHost,\n            private element: ElementRef) {\n        super();\n        parentOptionHost.setNestedOption(this);\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\n        templateHost.setHost(this);\n    }\n\n    setTemplate(template: DxTemplateDirective) {\n        this.template = template;\n    }\n    ngAfterViewInit() {\n        extractTemplate(this, this.element, this.renderer, this.document);\n    }\n\n\n\n    ngOnDestroy() {\n        this._deleteRemovedOptions(this._fullOptionPath());\n    }\n\n}\n\n@NgModule({\n  imports: [\n    DxiChartAnnotationComponent\n  ],\n  exports: [\n    DxiChartAnnotationComponent\n  ],\n})\nexport class DxiChartAnnotationModule { }\n","/*!\n * devextreme-angular\n * Version: 26.1.3\n * Build date: Wed Jun 10 2026\n *\n * Copyright (c) 2012 - 2026 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\n */\n\n/* tslint:disable:max-line-length */\n\n\nimport {\n    Component,\n    OnInit,\n    OnDestroy,\n    NgModule,\n    Host,\n    SkipSelf,\n    Input\n} from '@angular/core';\n\n\n\n\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n    selector: 'dxo-chart-annotation-image',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoChartAnnotationImageComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get height(): number {\n        return this._getOption('height');\n    }\n    set height(value: number) {\n        this._setOption('height', value);\n    }\n\n    @Input()\n    get url(): string | undefined {\n        return this._getOption('url');\n    }\n    set url(value: string | undefined) {\n        this._setOption('url', value);\n    }\n\n    @Input()\n    get width(): number {\n        return this._getOption('width');\n    }\n    set width(value: number) {\n        this._setOption('width', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'image';\n    }\n\n\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n            @Host() optionHost: NestedOptionHost) {\n        super();\n        parentOptionHost.setNestedOption(this);\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\n    }\n\n\n    ngOnInit() {\n        this._addRecreatedComponent();\n    }\n\n    ngOnDestroy() {\n        this._addRemovedOption(this._getOptionPath());\n    }\n\n\n}\n\n@NgModule({\n  imports: [\n    DxoChartAnnotationImageComponent\n  ],\n  exports: [\n    DxoChartAnnotationImageComponent\n  ],\n})\nexport class DxoChartAnnotationImageModule { }\n","/*!\n * devextreme-angular\n * Version: 26.1.3\n * Build date: Wed Jun 10 2026\n *\n * Copyright (c) 2012 - 2026 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\n */\n\n/* tslint:disable:max-line-length */\n\n\nimport {\n    Component,\n    OnInit,\n    OnDestroy,\n    NgModule,\n    Host,\n    SkipSelf,\n    Input,\n    Output,\n    EventEmitter,\n    ContentChildren,\n    QueryList\n} from '@angular/core';\n\n\n\n\nimport type * as CommonChartTypes from 'devextreme/common/charts';\nimport type { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';\nimport type { TimeInterval, ChartsDataType, ScaleBreak, ScaleBreakLineStyle, DashStyle, Font, RelativePosition, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, ChartsAxisLabelOverlap, TextOverflow, WordWrap, AxisScaleType, VisualRangeUpdateMode } from 'devextreme/common/charts';\nimport type { HorizontalAlignment, VerticalAlignment, Position } from 'devextreme/common';\nimport type { Format } from 'devextreme/common/core/localization';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n    CollectionNestedOption,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\nimport {\n    PROPERTY_TOKEN_breaks,\n    PROPERTY_TOKEN_constantLines,\n    PROPERTY_TOKEN_strips,\n} from 'devextreme-angular/core/tokens';\n\n@Component({\n    selector: 'dxo-chart-argument-axis',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoChartArgumentAxisComponent extends NestedOption implements OnDestroy, OnInit  {\n    @ContentChildren(PROPERTY_TOKEN_breaks)\n    set _breaksContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('breaks', value);\n    }\n    \n    @ContentChildren(PROPERTY_TOKEN_constantLines)\n    set _constantLinesContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('constantLines', value);\n    }\n    \n    @ContentChildren(PROPERTY_TOKEN_strips)\n    set _stripsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('strips', value);\n    }\n    \n    @Input()\n    get aggregatedPointsPosition(): AggregatedPointsPosition {\n        return this._getOption('aggregatedPointsPosition');\n    }\n    set aggregatedPointsPosition(value: AggregatedPointsPosition) {\n        this._setOption('aggregatedPointsPosition', value);\n    }\n\n    @Input()\n    get aggregationGroupWidth(): number | undefined {\n        return this._getOption('aggregationGroupWidth');\n    }\n    set aggregationGroupWidth(value: number | undefined) {\n        this._setOption('aggregationGroupWidth', value);\n    }\n\n    @Input()\n    get aggregationInterval(): number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number } {\n        return this._getOption('aggregationInterval');\n    }\n    set aggregationInterval(value: number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }) {\n        this._setOption('aggregationInterval', value);\n    }\n\n    @Input()\n    get allowDecimals(): boolean | undefined {\n        return this._getOption('allowDecimals');\n    }\n    set allowDecimals(value: boolean | undefined) {\n        this._setOption('allowDecimals', value);\n    }\n\n    @Input()\n    get argumentType(): ChartsDataType | undefined {\n        return this._getOption('argumentType');\n    }\n    set argumentType(value: ChartsDataType | undefined) {\n        this._setOption('argumentType', value);\n    }\n\n    @Input()\n    get axisDivisionFactor(): number {\n        return this._getOption('axisDivisionFactor');\n    }\n    set axisDivisionFactor(value: number) {\n        this._setOption('axisDivisionFactor', value);\n    }\n\n    @Input()\n    get breaks(): Array<ScaleBreak> | { endValue?: Date | number | string | undefined, startValue?: Date | number | string | undefined }[] {\n        return this._getOption('breaks');\n    }\n    set breaks(value: Array<ScaleBreak> | { endValue?: Date | number | string | undefined, startValue?: Date | number | string | undefined }[]) {\n        this._setOption('breaks', value);\n    }\n\n    @Input()\n    get breakStyle(): { color?: string, line?: ScaleBreakLineStyle, width?: number } {\n        return this._getOption('breakStyle');\n    }\n    set breakStyle(value: { color?: string, line?: ScaleBreakLineStyle, width?: number }) {\n        this._setOption('breakStyle', value);\n    }\n\n    @Input()\n    get categories(): Array<Date | number | string> {\n        return this._getOption('categories');\n    }\n    set categories(value: Array<Date | number | string>) {\n        this._setOption('categories', value);\n    }\n\n    @Input()\n    get color(): string {\n        return this._getOption('color');\n    }\n    set color(value: string) {\n        this._setOption('color', value);\n    }\n\n    @Input()\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 }[] {\n        return this._getOption('constantLines');\n    }\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 }[]) {\n        this._setOption('constantLines', value);\n    }\n\n    @Input()\n    get constantLineStyle(): { color?: string, dashStyle?: DashStyle, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, position?: RelativePosition, verticalAlignment?: VerticalAlignment, visible?: boolean }, paddingLeftRight?: number, paddingTopBottom?: number, width?: number } {\n        return this._getOption('constantLineStyle');\n    }\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 }) {\n        this._setOption('constantLineStyle', value);\n    }\n\n    @Input()\n    get customPosition(): Date | number | string | undefined {\n        return this._getOption('customPosition');\n    }\n    set customPosition(value: Date | number | string | undefined) {\n        this._setOption('customPosition', value);\n    }\n\n    @Input()\n    get customPositionAxis(): string | undefined {\n        return this._getOption('customPositionAxis');\n    }\n    set customPositionAxis(value: string | undefined) {\n        this._setOption('customPositionAxis', value);\n    }\n\n    @Input()\n    get discreteAxisDivisionMode(): DiscreteAxisDivisionMode {\n        return this._getOption('discreteAxisDivisionMode');\n    }\n    set discreteAxisDivisionMode(value: DiscreteAxisDivisionMode) {\n        this._setOption('discreteAxisDivisionMode', value);\n    }\n\n    @Input()\n    get endOnTick(): boolean {\n        return this._getOption('endOnTick');\n    }\n    set endOnTick(value: boolean) {\n        this._setOption('endOnTick', value);\n    }\n\n    @Input()\n    get grid(): { color?: string, opacity?: number | undefined, visible?: boolean, width?: number } {\n        return this._getOption('grid');\n    }\n    set grid(value: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }) {\n        this._setOption('grid', value);\n    }\n\n    @Input()\n    get holidays(): Array<Date | string> | Array<number> {\n        return this._getOption('holidays');\n    }\n    set holidays(value: Array<Date | string> | Array<number>) {\n        this._setOption('holidays', value);\n    }\n\n    @Input()\n    get hoverMode(): ArgumentAxisHoverMode {\n        return this._getOption('hoverMode');\n    }\n    set hoverMode(value: ArgumentAxisHoverMode) {\n        this._setOption('hoverMode', value);\n    }\n\n    @Input()\n    get inverted(): boolean {\n        return this._getOption('inverted');\n    }\n    set inverted(value: boolean) {\n        this._setOption('inverted', value);\n    }\n\n    @Input()\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 } {\n        return this._getOption('label');\n    }\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 }) {\n        this._setOption('label', value);\n    }\n\n    @Input()\n    get linearThreshold(): number | undefined {\n        return this._getOption('linearThreshold');\n    }\n    set linearThreshold(value: number | undefined) {\n        this._setOption('linearThreshold', value);\n    }\n\n    @Input()\n    get logarithmBase(): number {\n        return this._getOption('logarithmBase');\n    }\n    set logarithmBase(value: number) {\n        this._setOption('logarithmBase', value);\n    }\n\n    @Input()\n    get maxValueMargin(): number | undefined {\n        return this._getOption('maxValueMargin');\n    }\n    set maxValueMargin(value: number | undefined) {\n        this._setOption('maxValueMargin', value);\n    }\n\n    @Input()\n    get minorGrid(): { color?: string, opacity?: number | undefined, visible?: boolean, width?: number } {\n        return this._getOption('minorGrid');\n    }\n    set minorGrid(value: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }) {\n        this._setOption('minorGrid', value);\n    }\n\n    @Input()\n    get minorTick(): { color?: string, length?: number, opacity?: number, shift?: number, visible?: boolean, width?: number } {\n        return this._getOption('minorTick');\n    }\n    set minorTick(value: { color?: string, length?: number, opacity?: number, shift?: number, visible?: boolean, width?: number }) {\n        this._setOption('minorTick', value);\n    }\n\n    @Input()\n    get minorTickCount(): number | undefined {\n        return this._getOption('minorTickCount');\n    }\n    set minorTickCount(value: number | undefined) {\n        this._setOption('minorTickCount', value);\n    }\n\n    @Input()\n    get minorTickInterval(): number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number } {\n        return this._getOption('minorTickInterval');\n    }\n    set minorTickInterval(value: number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }) {\n        this._setOption('minorTickInterval', value);\n    }\n\n    @Input()\n    get minValueMargin(): number | undefined {\n        return this._getOption('minValueMargin');\n    }\n    set minValueMargin(value: number | undefined) {\n        this._setOption('minValueMargin', value);\n    }\n\n    @Input()\n    get minVisualRangeLength(): number | TimeInterval | undefined | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number } {\n        return this._getOption('minVisualRangeLength');\n    }\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 }) {\n        this._setOption('minVisualRangeLength', value);\n    }\n\n    @Input()\n    get offset(): number | undefined {\n        return this._getOption('offset');\n    }\n    set offset(value: number | undefined) {\n        this._setOption('offset', value);\n    }\n\n    @Input()\n    get opacity(): number | undefined {\n        return this._getOption('opacity');\n    }\n    set opacity(value: number | undefined) {\n        this._setOption('opacity', value);\n    }\n\n    @Input()\n    get placeholderSize(): number {\n        return this._getOption('placeholderSize');\n    }\n    set placeholderSize(value: number) {\n        this._setOption('placeholderSize', value);\n    }\n\n    @Input()\n    get position(): Position {\n        return this._getOption('position');\n    }\n    set position(value: Position) {\n        this._setOption('position', value);\n    }\n\n    @Input()\n    get singleWorkdays(): Array<Date | string> | Array<number> {\n        return this._getOption('singleWorkdays');\n    }\n    set singleWorkdays(value: Array<Date | string> | Array<number>) {\n        this._setOption('singleWorkdays', value);\n    }\n\n    @Input()\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 }[] {\n        return this._getOption('strips');\n    }\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 }[]) {\n        this._setOption('strips', value);\n    }\n\n    @Input()\n    get stripStyle(): { label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, verticalAlignment?: VerticalAlignment }, paddingLeftRight?: number, paddingTopBottom?: number } {\n        return this._getOption('stripStyle');\n    }\n    set stripStyle(value: { label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, verticalAlignment?: VerticalAlignment }, paddingLeftRight?: number, paddingTopBottom?: number }) {\n        this._setOption('stripStyle', value);\n    }\n\n    @Input()\n    get tick(): { color?: string, length?: number, opacity?: number | undefined, shift?: number, visible?: boolean, width?: number } {\n        return this._getOption('tick');\n    }\n    set tick(value: { color?: string, length?: number, opacity?: number | undefined, shift?: number, visible?: boolean, width?: number }) {\n        this._setOption('tick', value);\n    }\n\n    @Input()\n    get tickInterval(): number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number } {\n        return this._getOption('tickInterval');\n    }\n    set tickInterval(value: number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }) {\n        this._setOption('tickInterval', value);\n    }\n\n    @Input()\n    get title(): string | { alignment?: HorizontalAlignment, font?: Font, margin?: number, text?: string | undefined, textOverflow?: TextOverflow, wordWrap?: WordWrap } {\n        return this._getOption('title');\n    }\n    set title(value: string | { alignment?: HorizontalAlignment, font?: Font, margin?: number, text?: string | undefined, textOverflow?: TextOverflow, wordWrap?: WordWrap }) {\n        this._setOption('title', value);\n    }\n\n    @Input()\n    get type(): AxisScaleType | undefined {\n        return this._getOption('type');\n    }\n    set type(value: AxisScaleType | undefined) {\n        this._setOption('type', value);\n    }\n\n    @Input()\n    get valueMarginsEnabled(): boolean {\n        return this._getOption('valueMarginsEnabled');\n    }\n    set valueMarginsEnabled(value: boolean) {\n        this._setOption('valueMarginsEnabled', value);\n    }\n\n    @Input()\n    get visible(): boolean {\n        return this._getOption('visible');\n    }\n    set visible(value: boolean) {\n        this._setOption('visible', value);\n    }\n\n    @Input()\n    get visualRange(): Array<Date | number | string> | CommonChartTypes.VisualRange {\n        return this._getOption('visualRange');\n    }\n    set visualRange(value: Array<Date | number | string> | CommonChartTypes.VisualRange) {\n        this._setOption('visualRange', value);\n    }\n\n    @Input()\n    get visualRangeUpdateMode(): VisualRangeUpdateMode {\n        return this._getOption('visualRangeUpdateMode');\n    }\n    set visualRangeUpdateMode(value: VisualRangeUpdateMode) {\n        this._setOption('visualRangeUpdateMode', value);\n    }\n\n    @Input()\n    get wholeRange(): Array<Date | number | string> | undefined | CommonChartTypes.VisualRange {\n        return this._getOption('wholeRange');\n    }\n    set wholeRange(value: Array<Date | number | string> | undefined | CommonChartTypes.VisualRange) {\n        this._setOption('wholeRange', value);\n    }\n\n    @Input()\n    get width(): number {\n        return this._getOption('width');\n    }\n    set width(value: number) {\n        this._setOption('width', value);\n    }\n\n    @Input()\n    get workdaysOnly(): boolean {\n        return this._getOption('workdaysOnly');\n    }\n    set workdaysOnly(value: boolean) {\n        this._setOption('workdaysOnly', value);\n    }\n\n    @Input()\n    get workWeek(): Array<number> {\n        return this._getOption('workWeek');\n    }\n    set workWeek(value: Array<number>) {\n        this._setOption('workWeek', value);\n    }\n\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() categoriesChange: EventEmitter<Array<Date | number | string>>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() visualRangeChange: EventEmitter<Array<Date | number | string> | CommonChartTypes.VisualRange>;\n    protecte