devextreme-angular
Version:
Angular UI and visualization components based on DevExtreme widgets
1,271 lines (1,259 loc) • 509 kB
JavaScript
import * as i0 from '@angular/core';
import { Component, SkipSelf, Host, Input, NgModule, Inject, ContentChildren, Output } from '@angular/core';
import * as i1 from 'devextreme-angular/core';
import { NestedOption, NestedOptionHost, DxIntegrationModule, CollectionNestedOption, extractTemplate, DxTemplateHost } from 'devextreme-angular/core';
import { DOCUMENT } from '@angular/common';
import { PROPERTY_TOKEN_annotations, PROPERTY_TOKEN_breaks, PROPERTY_TOKEN_constantLines, PROPERTY_TOKEN_strips, PROPERTY_TOKEN_panes, PROPERTY_TOKEN_series, PROPERTY_TOKEN_valueAxis } from 'devextreme-angular/core/tokens';
/*!
* devextreme-angular
* Version: 25.1.6
* Build date: Mon Oct 13 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxoChartAdaptiveLayoutComponent extends NestedOption {
get height() {
return this._getOption('height');
}
set height(value) {
this._setOption('height', value);
}
get keepLabels() {
return this._getOption('keepLabels');
}
set keepLabels(value) {
this._setOption('keepLabels', value);
}
get width() {
return this._getOption('width');
}
set width(value) {
this._setOption('width', value);
}
get _optionPath() {
return 'adaptiveLayout';
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnInit() {
this._addRecreatedComponent();
}
ngOnDestroy() {
this._addRemovedOption(this._getOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAdaptiveLayoutComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxoChartAdaptiveLayoutComponent, isStandalone: true, selector: "dxo-chart-adaptive-layout", inputs: { height: "height", keepLabels: "keepLabels", width: "width" }, providers: [NestedOptionHost], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAdaptiveLayoutComponent, decorators: [{
type: Component,
args: [{ selector: 'dxo-chart-adaptive-layout', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { height: [{
type: Input
}], keepLabels: [{
type: Input
}], width: [{
type: Input
}] } });
class DxoChartAdaptiveLayoutModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAdaptiveLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAdaptiveLayoutModule, imports: [DxoChartAdaptiveLayoutComponent], exports: [DxoChartAdaptiveLayoutComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAdaptiveLayoutModule, imports: [DxoChartAdaptiveLayoutComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAdaptiveLayoutModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxoChartAdaptiveLayoutComponent
],
exports: [
DxoChartAdaptiveLayoutComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.6
* Build date: Mon Oct 13 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxoChartAggregationIntervalComponent extends NestedOption {
get days() {
return this._getOption('days');
}
set days(value) {
this._setOption('days', value);
}
get hours() {
return this._getOption('hours');
}
set hours(value) {
this._setOption('hours', value);
}
get milliseconds() {
return this._getOption('milliseconds');
}
set milliseconds(value) {
this._setOption('milliseconds', value);
}
get minutes() {
return this._getOption('minutes');
}
set minutes(value) {
this._setOption('minutes', value);
}
get months() {
return this._getOption('months');
}
set months(value) {
this._setOption('months', value);
}
get quarters() {
return this._getOption('quarters');
}
set quarters(value) {
this._setOption('quarters', value);
}
get seconds() {
return this._getOption('seconds');
}
set seconds(value) {
this._setOption('seconds', value);
}
get weeks() {
return this._getOption('weeks');
}
set weeks(value) {
this._setOption('weeks', value);
}
get years() {
return this._getOption('years');
}
set years(value) {
this._setOption('years', value);
}
get _optionPath() {
return 'aggregationInterval';
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnInit() {
this._addRecreatedComponent();
}
ngOnDestroy() {
this._addRemovedOption(this._getOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAggregationIntervalComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxoChartAggregationIntervalComponent, isStandalone: true, selector: "dxo-chart-aggregation-interval", inputs: { days: "days", hours: "hours", milliseconds: "milliseconds", minutes: "minutes", months: "months", quarters: "quarters", seconds: "seconds", weeks: "weeks", years: "years" }, providers: [NestedOptionHost], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAggregationIntervalComponent, decorators: [{
type: Component,
args: [{ selector: 'dxo-chart-aggregation-interval', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { days: [{
type: Input
}], hours: [{
type: Input
}], milliseconds: [{
type: Input
}], minutes: [{
type: Input
}], months: [{
type: Input
}], quarters: [{
type: Input
}], seconds: [{
type: Input
}], weeks: [{
type: Input
}], years: [{
type: Input
}] } });
class DxoChartAggregationIntervalModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAggregationIntervalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAggregationIntervalModule, imports: [DxoChartAggregationIntervalComponent], exports: [DxoChartAggregationIntervalComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAggregationIntervalModule, imports: [DxoChartAggregationIntervalComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAggregationIntervalModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxoChartAggregationIntervalComponent
],
exports: [
DxoChartAggregationIntervalComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.6
* Build date: Mon Oct 13 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxoChartAggregationComponent extends NestedOption {
get calculate() {
return this._getOption('calculate');
}
set calculate(value) {
this._setOption('calculate', value);
}
get enabled() {
return this._getOption('enabled');
}
set enabled(value) {
this._setOption('enabled', value);
}
get method() {
return this._getOption('method');
}
set method(value) {
this._setOption('method', value);
}
get _optionPath() {
return 'aggregation';
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnInit() {
this._addRecreatedComponent();
}
ngOnDestroy() {
this._addRemovedOption(this._getOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAggregationComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxoChartAggregationComponent, isStandalone: true, selector: "dxo-chart-aggregation", inputs: { calculate: "calculate", enabled: "enabled", method: "method" }, providers: [NestedOptionHost], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAggregationComponent, decorators: [{
type: Component,
args: [{ selector: 'dxo-chart-aggregation', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { calculate: [{
type: Input
}], enabled: [{
type: Input
}], method: [{
type: Input
}] } });
class DxoChartAggregationModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAggregationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAggregationModule, imports: [DxoChartAggregationComponent], exports: [DxoChartAggregationComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAggregationModule, imports: [DxoChartAggregationComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAggregationModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxoChartAggregationComponent
],
exports: [
DxoChartAggregationComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.6
* Build date: Mon Oct 13 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxoChartAnimationComponent extends NestedOption {
get duration() {
return this._getOption('duration');
}
set duration(value) {
this._setOption('duration', value);
}
get easing() {
return this._getOption('easing');
}
set easing(value) {
this._setOption('easing', value);
}
get enabled() {
return this._getOption('enabled');
}
set enabled(value) {
this._setOption('enabled', value);
}
get maxPointCountSupported() {
return this._getOption('maxPointCountSupported');
}
set maxPointCountSupported(value) {
this._setOption('maxPointCountSupported', value);
}
get _optionPath() {
return 'animation';
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnInit() {
this._addRecreatedComponent();
}
ngOnDestroy() {
this._addRemovedOption(this._getOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnimationComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxoChartAnimationComponent, isStandalone: true, selector: "dxo-chart-animation", inputs: { duration: "duration", easing: "easing", enabled: "enabled", maxPointCountSupported: "maxPointCountSupported" }, providers: [NestedOptionHost], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnimationComponent, decorators: [{
type: Component,
args: [{ selector: 'dxo-chart-animation', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { duration: [{
type: Input
}], easing: [{
type: Input
}], enabled: [{
type: Input
}], maxPointCountSupported: [{
type: Input
}] } });
class DxoChartAnimationModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnimationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnimationModule, imports: [DxoChartAnimationComponent], exports: [DxoChartAnimationComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnimationModule, imports: [DxoChartAnimationComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnimationModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxoChartAnimationComponent
],
exports: [
DxoChartAnimationComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.6
* Build date: Mon Oct 13 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxoChartAnnotationBorderComponent extends NestedOption {
get color() {
return this._getOption('color');
}
set color(value) {
this._setOption('color', value);
}
get cornerRadius() {
return this._getOption('cornerRadius');
}
set cornerRadius(value) {
this._setOption('cornerRadius', value);
}
get dashStyle() {
return this._getOption('dashStyle');
}
set dashStyle(value) {
this._setOption('dashStyle', value);
}
get opacity() {
return this._getOption('opacity');
}
set opacity(value) {
this._setOption('opacity', value);
}
get visible() {
return this._getOption('visible');
}
set visible(value) {
this._setOption('visible', value);
}
get width() {
return this._getOption('width');
}
set width(value) {
this._setOption('width', value);
}
get _optionPath() {
return 'border';
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnInit() {
this._addRecreatedComponent();
}
ngOnDestroy() {
this._addRemovedOption(this._getOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnnotationBorderComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxoChartAnnotationBorderComponent, isStandalone: true, selector: "dxo-chart-annotation-border", inputs: { color: "color", cornerRadius: "cornerRadius", dashStyle: "dashStyle", opacity: "opacity", visible: "visible", width: "width" }, providers: [NestedOptionHost], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnnotationBorderComponent, decorators: [{
type: Component,
args: [{ selector: 'dxo-chart-annotation-border', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { color: [{
type: Input
}], cornerRadius: [{
type: Input
}], dashStyle: [{
type: Input
}], opacity: [{
type: Input
}], visible: [{
type: Input
}], width: [{
type: Input
}] } });
class DxoChartAnnotationBorderModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnnotationBorderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnnotationBorderModule, imports: [DxoChartAnnotationBorderComponent], exports: [DxoChartAnnotationBorderComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnnotationBorderModule, imports: [DxoChartAnnotationBorderComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnnotationBorderModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxoChartAnnotationBorderComponent
],
exports: [
DxoChartAnnotationBorderComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.6
* Build date: Mon Oct 13 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxiChartAnnotationComponent extends CollectionNestedOption {
renderer;
document;
element;
get allowDragging() {
return this._getOption('allowDragging');
}
set allowDragging(value) {
this._setOption('allowDragging', value);
}
get argument() {
return this._getOption('argument');
}
set argument(value) {
this._setOption('argument', value);
}
get arrowLength() {
return this._getOption('arrowLength');
}
set arrowLength(value) {
this._setOption('arrowLength', value);
}
get arrowWidth() {
return this._getOption('arrowWidth');
}
set arrowWidth(value) {
this._setOption('arrowWidth', value);
}
get axis() {
return this._getOption('axis');
}
set axis(value) {
this._setOption('axis', value);
}
get border() {
return this._getOption('border');
}
set border(value) {
this._setOption('border', value);
}
get color() {
return this._getOption('color');
}
set color(value) {
this._setOption('color', value);
}
get customizeTooltip() {
return this._getOption('customizeTooltip');
}
set customizeTooltip(value) {
this._setOption('customizeTooltip', value);
}
get data() {
return this._getOption('data');
}
set data(value) {
this._setOption('data', value);
}
get description() {
return this._getOption('description');
}
set description(value) {
this._setOption('description', value);
}
get font() {
return this._getOption('font');
}
set font(value) {
this._setOption('font', value);
}
get height() {
return this._getOption('height');
}
set height(value) {
this._setOption('height', value);
}
get image() {
return this._getOption('image');
}
set image(value) {
this._setOption('image', value);
}
get name() {
return this._getOption('name');
}
set name(value) {
this._setOption('name', value);
}
get offsetX() {
return this._getOption('offsetX');
}
set offsetX(value) {
this._setOption('offsetX', value);
}
get offsetY() {
return this._getOption('offsetY');
}
set offsetY(value) {
this._setOption('offsetY', value);
}
get opacity() {
return this._getOption('opacity');
}
set opacity(value) {
this._setOption('opacity', value);
}
get paddingLeftRight() {
return this._getOption('paddingLeftRight');
}
set paddingLeftRight(value) {
this._setOption('paddingLeftRight', value);
}
get paddingTopBottom() {
return this._getOption('paddingTopBottom');
}
set paddingTopBottom(value) {
this._setOption('paddingTopBottom', value);
}
get series() {
return this._getOption('series');
}
set series(value) {
this._setOption('series', value);
}
get shadow() {
return this._getOption('shadow');
}
set shadow(value) {
this._setOption('shadow', value);
}
get template() {
return this._getOption('template');
}
set template(value) {
this._setOption('template', value);
}
get text() {
return this._getOption('text');
}
set text(value) {
this._setOption('text', value);
}
get textOverflow() {
return this._getOption('textOverflow');
}
set textOverflow(value) {
this._setOption('textOverflow', value);
}
get tooltipEnabled() {
return this._getOption('tooltipEnabled');
}
set tooltipEnabled(value) {
this._setOption('tooltipEnabled', value);
}
get tooltipTemplate() {
return this._getOption('tooltipTemplate');
}
set tooltipTemplate(value) {
this._setOption('tooltipTemplate', value);
}
get type() {
return this._getOption('type');
}
set type(value) {
this._setOption('type', value);
}
get value() {
return this._getOption('value');
}
set value(value) {
this._setOption('value', value);
}
get width() {
return this._getOption('width');
}
set width(value) {
this._setOption('width', value);
}
get wordWrap() {
return this._getOption('wordWrap');
}
set wordWrap(value) {
this._setOption('wordWrap', value);
}
get x() {
return this._getOption('x');
}
set x(value) {
this._setOption('x', value);
}
get y() {
return this._getOption('y');
}
set y(value) {
this._setOption('y', value);
}
get _optionPath() {
return 'annotations';
}
constructor(parentOptionHost, optionHost, renderer, document, templateHost, element) {
super();
this.renderer = renderer;
this.document = document;
this.element = element;
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
templateHost.setHost(this);
}
setTemplate(template) {
this.template = template;
}
ngAfterViewInit() {
extractTemplate(this, this.element, this.renderer, this.document);
}
ngOnDestroy() {
this._deleteRemovedOptions(this._fullOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiChartAnnotationComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }, { token: i0.Renderer2 }, { token: DOCUMENT }, { token: i1.DxTemplateHost, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxiChartAnnotationComponent, isStandalone: true, selector: "dxi-chart-annotation", inputs: { allowDragging: "allowDragging", argument: "argument", arrowLength: "arrowLength", arrowWidth: "arrowWidth", axis: "axis", border: "border", color: "color", customizeTooltip: "customizeTooltip", data: "data", description: "description", font: "font", height: "height", image: "image", name: "name", offsetX: "offsetX", offsetY: "offsetY", opacity: "opacity", paddingLeftRight: "paddingLeftRight", paddingTopBottom: "paddingTopBottom", series: "series", shadow: "shadow", template: "template", text: "text", textOverflow: "textOverflow", tooltipEnabled: "tooltipEnabled", tooltipTemplate: "tooltipTemplate", type: "type", value: "value", width: "width", wordWrap: "wordWrap", x: "x", y: "y" }, providers: [
NestedOptionHost,
DxTemplateHost,
{
provide: PROPERTY_TOKEN_annotations,
useExisting: DxiChartAnnotationComponent,
}
], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiChartAnnotationComponent, decorators: [{
type: Component,
args: [{ selector: 'dxi-chart-annotation', standalone: true, template: '<ng-content></ng-content>', imports: [DxIntegrationModule], providers: [
NestedOptionHost,
DxTemplateHost,
{
provide: PROPERTY_TOKEN_annotations,
useExisting: DxiChartAnnotationComponent,
}
], styles: [":host{display:block}\n"] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
type: Inject,
args: [DOCUMENT]
}] }, { type: i1.DxTemplateHost, decorators: [{
type: Host
}] }, { type: i0.ElementRef }], propDecorators: { allowDragging: [{
type: Input
}], argument: [{
type: Input
}], arrowLength: [{
type: Input
}], arrowWidth: [{
type: Input
}], axis: [{
type: Input
}], border: [{
type: Input
}], color: [{
type: Input
}], customizeTooltip: [{
type: Input
}], data: [{
type: Input
}], description: [{
type: Input
}], font: [{
type: Input
}], height: [{
type: Input
}], image: [{
type: Input
}], name: [{
type: Input
}], offsetX: [{
type: Input
}], offsetY: [{
type: Input
}], opacity: [{
type: Input
}], paddingLeftRight: [{
type: Input
}], paddingTopBottom: [{
type: Input
}], series: [{
type: Input
}], shadow: [{
type: Input
}], template: [{
type: Input
}], text: [{
type: Input
}], textOverflow: [{
type: Input
}], tooltipEnabled: [{
type: Input
}], tooltipTemplate: [{
type: Input
}], type: [{
type: Input
}], value: [{
type: Input
}], width: [{
type: Input
}], wordWrap: [{
type: Input
}], x: [{
type: Input
}], y: [{
type: Input
}] } });
class DxiChartAnnotationModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiChartAnnotationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxiChartAnnotationModule, imports: [DxiChartAnnotationComponent], exports: [DxiChartAnnotationComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiChartAnnotationModule, imports: [DxiChartAnnotationComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiChartAnnotationModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxiChartAnnotationComponent
],
exports: [
DxiChartAnnotationComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.6
* Build date: Mon Oct 13 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxoChartAnnotationImageComponent extends NestedOption {
get height() {
return this._getOption('height');
}
set height(value) {
this._setOption('height', value);
}
get url() {
return this._getOption('url');
}
set url(value) {
this._setOption('url', value);
}
get width() {
return this._getOption('width');
}
set width(value) {
this._setOption('width', value);
}
get _optionPath() {
return 'image';
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnInit() {
this._addRecreatedComponent();
}
ngOnDestroy() {
this._addRemovedOption(this._getOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnnotationImageComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxoChartAnnotationImageComponent, isStandalone: true, selector: "dxo-chart-annotation-image", inputs: { height: "height", url: "url", width: "width" }, providers: [NestedOptionHost], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnnotationImageComponent, decorators: [{
type: Component,
args: [{ selector: 'dxo-chart-annotation-image', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { height: [{
type: Input
}], url: [{
type: Input
}], width: [{
type: Input
}] } });
class DxoChartAnnotationImageModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnnotationImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnnotationImageModule, imports: [DxoChartAnnotationImageComponent], exports: [DxoChartAnnotationImageComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnnotationImageModule, imports: [DxoChartAnnotationImageComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartAnnotationImageModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxoChartAnnotationImageComponent
],
exports: [
DxoChartAnnotationImageComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.6
* Build date: Mon Oct 13 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxoChartArgumentAxisComponent extends NestedOption {
set _breaksContentChildren(value) {
this.setChildren('breaks', value);
}
set _constantLinesContentChildren(value) {
this.setChildren('constantLines', value);
}
set _stripsContentChildren(value) {
this.setChildren('strips', value);
}
get aggregatedPointsPosition() {
return this._getOption('aggregatedPointsPosition');
}
set aggregatedPointsPosition(value) {
this._setOption('aggregatedPointsPosition', value);
}
get aggregationGroupWidth() {
return this._getOption('aggregationGroupWidth');
}
set aggregationGroupWidth(value) {
this._setOption('aggregationGroupWidth', value);
}
get aggregationInterval() {
return this._getOption('aggregationInterval');
}
set aggregationInterval(value) {
this._setOption('aggregationInterval', value);
}
get allowDecimals() {
return this._getOption('allowDecimals');
}
set allowDecimals(value) {
this._setOption('allowDecimals', value);
}
get argumentType() {
return this._getOption('argumentType');
}
set argumentType(value) {
this._setOption('argumentType', value);
}
get axisDivisionFactor() {
return this._getOption('axisDivisionFactor');
}
set axisDivisionFactor(value) {
this._setOption('axisDivisionFactor', value);
}
get breaks() {
return this._getOption('breaks');
}
set breaks(value) {
this._setOption('breaks', value);
}
get breakStyle() {
return this._getOption('breakStyle');
}
set breakStyle(value) {
this._setOption('breakStyle', value);
}
get categories() {
return this._getOption('categories');
}
set categories(value) {
this._setOption('categories', value);
}
get color() {
return this._getOption('color');
}
set color(value) {
this._setOption('color', value);
}
get constantLines() {
return this._getOption('constantLines');
}
set constantLines(value) {
this._setOption('constantLines', value);
}
get constantLineStyle() {
return this._getOption('constantLineStyle');
}
set constantLineStyle(value) {
this._setOption('constantLineStyle', value);
}
get customPosition() {
return this._getOption('customPosition');
}
set customPosition(value) {
this._setOption('customPosition', value);
}
get customPositionAxis() {
return this._getOption('customPositionAxis');
}
set customPositionAxis(value) {
this._setOption('customPositionAxis', value);
}
get discreteAxisDivisionMode() {
return this._getOption('discreteAxisDivisionMode');
}
set discreteAxisDivisionMode(value) {
this._setOption('discreteAxisDivisionMode', value);
}
get endOnTick() {
return this._getOption('endOnTick');
}
set endOnTick(value) {
this._setOption('endOnTick', value);
}
get grid() {
return this._getOption('grid');
}
set grid(value) {
this._setOption('grid', value);
}
get holidays() {
return this._getOption('holidays');
}
set holidays(value) {
this._setOption('holidays', value);
}
get hoverMode() {
return this._getOption('hoverMode');
}
set hoverMode(value) {
this._setOption('hoverMode', value);
}
get inverted() {
return this._getOption('inverted');
}
set inverted(value) {
this._setOption('inverted', value);
}
get label() {
return this._getOption('label');
}
set label(value) {
this._setOption('label', value);
}
get linearThreshold() {
return this._getOption('linearThreshold');
}
set linearThreshold(value) {
this._setOption('linearThreshold', value);
}
get logarithmBase() {
return this._getOption('logarithmBase');
}
set logarithmBase(value) {
this._setOption('logarithmBase', value);
}
get maxValueMargin() {
return this._getOption('maxValueMargin');
}
set maxValueMargin(value) {
this._setOption('maxValueMargin', value);
}
get minorGrid() {
return this._getOption('minorGrid');
}
set minorGrid(value) {
this._setOption('minorGrid', value);
}
get minorTick() {
return this._getOption('minorTick');
}
set minorTick(value) {
this._setOption('minorTick', value);
}
get minorTickCount() {
return this._getOption('minorTickCount');
}
set minorTickCount(value) {
this._setOption('minorTickCount', value);
}
get minorTickInterval() {
return this._getOption('minorTickInterval');
}
set minorTickInterval(value) {
this._setOption('minorTickInterval', value);
}
get minValueMargin() {
return this._getOption('minValueMargin');
}
set minValueMargin(value) {
this._setOption('minValueMargin', value);
}
get minVisualRangeLength() {
return this._getOption('minVisualRangeLength');
}
set minVisualRangeLength(value) {
this._setOption('minVisualRangeLength', value);
}
get offset() {
return this._getOption('offset');
}
set offset(value) {
this._setOption('offset', value);
}
get opacity() {
return this._getOption('opacity');
}
set opacity(value) {
this._setOption('opacity', value);
}
get placeholderSize() {
return this._getOption('placeholderSize');
}
set placeholderSize(value) {
this._setOption('placeholderSize', value);
}
get position() {
return this._getOption('position');
}
set position(value) {
this._setOption('position', value);
}
get singleWorkdays() {
return this._getOption('singleWorkdays');
}
set singleWorkdays(value) {
this._setOption('singleWorkdays', value);
}
get strips() {
return this._getOption('strips');
}
set strips(value) {
this._setOption('strips', value);
}
get stripStyle() {
return this._getOption('stripStyle');
}
set stripStyle(value) {
this._setOption('stripStyle', value);
}
get tick() {
return this._getOption('tick');
}
set tick(value) {
this._setOption('tick', value);
}
get tickInterval() {
return this._getOption('tickInterval');
}
set tickInterval(value) {
this._setOption('tickInterval', value);
}
get title() {
return this._getOption('title');
}
set title(value) {
this._setOption('title', value);
}
get type() {
return this._getOption('type');
}
set type(value) {
this._setOption('type', value);
}
get valueMarginsEnabled() {
return this._getOption('valueMarginsEnabled');
}
set valueMarginsEnabled(value) {
this._setOption('valueMarginsEnabled', value);
}
get visible() {
return this._getOption('visible');
}
set visible(value) {
this._setOption('visible', value);
}
get visualRange() {
return this._getOption('visualRange');
}
set visualRange(value) {
this._setOption('visualRange', value);
}
get visualRangeUpdateMode() {
return this._getOption('visualRangeUpdateMode');
}
set visualRangeUpdateMode(value) {
this._setOption('visualRangeUpdateMode', value);
}
get wholeRange() {
return this._getOption('wholeRange');
}
set wholeRange(value) {
this._setOption('wholeRange', value);
}
get width() {
return this._getOption('width');
}
set width(value) {
this._setOption('width', value);
}
get workdaysOnly() {
return this._getOption('workdaysOnly');
}
set workdaysOnly(value) {
this._setOption('workdaysOnly', value);
}
get workWeek() {
return this._getOption('workWeek');
}
set workWeek(value) {
this._setOption('workWeek', value);
}
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
categoriesChange;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
visualRangeChange;
get _optionPath() {
return 'argumentAxis';
}
constructor(parentOptionHost, optionHost) {
super();
this._createEventEmitters([
{ emit: 'categoriesChange' },
{ emit: 'visualRangeChange' }
]);
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnInit() {
this._addRecreatedComponent();
}
ngOnDestroy() {
this._addRemovedOption(this._getOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoChartArgumentAxisComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxoChartArgumentAxisComponent, isStandalone: true, selector: "dxo-chart-argument-axis", inputs: { aggregatedPointsPosition: "aggregatedPointsPosition", aggregationGroupWidth: "aggregationGroupWidth", aggregationInterval: "aggregationInterval", allowDecimals: "allowDecimals", argumentType: "argumentType", axisDivisionFactor: "axisDivisionFactor", breaks: "breaks", breakStyle: "breakStyle", categories: "categories", color: "color", constantLines: "constantLines", constantLineStyle: "constantLineStyle", customPosition: "customPosition", customPositionAxis: "customPositionAxis", discreteAxisDivisionMode: "discreteAxisDivisionMode", endOnTick: "endOnTick", grid: "grid", holidays: "holidays", hoverMode: "hoverMode", inverted: "inverted", label: "label", linearThreshold: "linearThreshold", logarithmBase: "logarithmBase", maxValueMargin: "maxValueMargin", minorGrid: "minorGrid", minorTick: "minorTick", minorTickCount: "minorTickCount", minorTickInterval: "minorTickInterval", minValueMargin: "minValueMargin", minVisualRangeLength: "minVisualRangeLength", offset: "offset", opacity: "opacity", placeholderSize: "placeholderSize", position: "position", singleWorkdays: "singleWorkdays", strips: "strips", stripStyle: "stripStyle", tick: "tick", tickInterval: "tickInterval", title: "title", type: "type", valueMarginsEnabled: "valueMarginsEnabled", visible: "visible", visualRange: "visualRange", visualRangeUpdateMode: "visualRangeUpdateMode", wholeRange: "wholeRange", width: "width", workdaysOnly: "workdaysOnly", workWeek: "workWeek" }, outputs: { categoriesChange: "categoriesChange", visualRangeChange