@progress/kendo-angular-charts 7.1.0-dev.202204261149 → 7.1.1-dev.202207071646

package/chart/series-item/labels.component.d.ts

@@ -4,9 +4,8 @@
 *-------------------------------------------------------------------------------------------*/
 import { drawing } from '@progress/kendo-drawing';
 import { ConfigurationService } from '../../common/configuration.service';
-import { Border, Margin, Padding, SeriesLabelsContentArgs, SeriesLabelsVisualArgs } from '../../common/property-types';
-import { SeriesLabels, SeriesLabelsFrom, SeriesLabelsTo } from '../../common/property-types';
-import { SeriesLabelsPosition } from '../../common/property-types';
+import { Border, Margin, Padding, SeriesLabelsAlignment, SeriesLabelsContentArgs, SeriesLabelsVisualArgs } from '../../common/property-types';
+import { SeriesLabels, SeriesLabelsFrom, SeriesLabelsPosition, SeriesLabelsTo } from '../../common/property-types';
 import { SettingsComponent } from '../../common/settings.component';
 import * as i0 from "@angular/core";
 /**
@@ -15,7 +14,7 @@ import * as i0 from "@angular/core";
  */
 export declare class SeriesLabelsComponent extends SettingsComponent implements SeriesLabels {
     configurationService: ConfigurationService;
-    align: 'circle' | 'column' | 'center' | 'right' | 'left';
+    align: SeriesLabelsAlignment;
     background: string;
     border: Border;
     color: string;

package/chart-options.interface.d.ts

@@ -0,0 +1,113 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AxisDefaults, CategoryAxis, ChartArea, DragAction, Legend, Pane, PaneDefaults, PlotArea, Series, SeriesDefaults, Title, Tooltip, ValueAxis, XAxis, YAxis, Zoomable } from './common/property-types';
+/**
+ * A configuration object that groups all root-level Chart options.
+ */
+export interface ChartOptions {
+    /**
+     * Specifies if the Chart can be panned.
+     */
+    pannable?: boolean | DragAction;
+    /**
+     * Sets the preferred rendering engine.
+     * If not supported by the browser, the Chart switches to the first available mode.
+     *
+     * The supported values are:
+     * - `"svg"`—If available, renders the component as an inline `.svg` file.
+     * - `"canvas"`—If available, renders the component as a `canvas` element.
+     */
+    renderAs?: 'svg' | 'canvas';
+    /**
+     * The default colors for the Chart series.
+     * When all colors are used, new colors are pulled from the start again.
+     */
+    seriesColors?: string[];
+    /**
+     * The configuration options or the text of the Chart title.
+     */
+    title?: string | Title;
+    /**
+     * If set to `true`, the Chart plays animations when it displays the series.
+     * By default, animations are enabled.
+     */
+    transitions?: boolean;
+    /**
+     * Specifies if the Chart can be zoomed.
+     */
+    zoomable?: boolean | Zoomable;
+    /**
+     * The default options for all Chart axes. Accepts the options which are supported by
+     * [`categoryAxis`]({% slug api_charts_categoryaxisitemcomponent %}),
+     * [`valueAxis`]({% slug api_charts_valueaxisitemcomponent %}),
+     * [`xAxis`]({% slug api_charts_xaxisitemcomponent %}),
+     * and [`yAxis`]({% slug api_charts_yaxisitemcomponent %}).
+     */
+    axisDefaults?: AxisDefaults;
+    /**
+     * The configuration options of the category axis.
+     */
+    categoryAxis?: CategoryAxis | CategoryAxis[];
+    /**
+     * The configuration options of the Chart area.
+     * Represents the entire visible area of the Chart.
+     */
+    chartArea?: ChartArea;
+    /**
+     * The configuration options of the Chart legend.
+     */
+    legend?: Legend;
+    /**
+     * The configuration of the Chart panes.
+     * Panes are used to split the Chart into two or more parts. The panes are ordered from top to bottom.
+     * To associate each axis with a pane, set its `pane` option to the name of the desired pane.
+     * Axis that do not have a specified pane are placed in the top (default) pane.
+     * To move a series to the desired pane, associate them with an axis.
+     */
+    panes?: Pane[];
+    /**
+     * The default options of all panes.
+     */
+    paneDefaults?: PaneDefaults;
+    /**
+     * The configuration options of the plot area.
+     * The plot area is the area which displays the series.
+     */
+    plotArea?: PlotArea;
+    /**
+     * The configuration of the Chart series.
+     * The series type is determined by the value of the type field.
+     * If a type value is missing, the Chart renders the type that is
+     * specified in [`seriesDefaults`]({% slug api_charts_seriesdefaultscomponent %}).
+     * Some options accept functions as arguments. These arguments are evaluated for each point
+     * which is supplied as a parameter. If no value is returned, the Chart uses the `theme` or
+     * [`seriesDefaults`]({% slug api_charts_seriesdefaultscomponent %}) values.
+     */
+    series?: Series[];
+    /**
+     * The default options of all series.
+     */
+    seriesDefaults?: SeriesDefaults;
+    /**
+     * The configuration options of the Chart series tooltips.
+     * The tooltip of the Chart series is displayed when the
+     * [`tooltip.visible`]({% slug api_charts_tooltipcomponent %}#toc-visible) option is set to `true`.
+     */
+    tooltip?: Tooltip;
+    /**
+     * The configuration options of the value axis.
+     */
+    valueAxis?: ValueAxis | ValueAxis[];
+    /**
+     * The configuration options of the Scatter Chart X-axis.
+     * Supports all [`valueAxis`]({% slug api_charts_valueaxisitemcomponent %}) options.
+     */
+    xAxis?: XAxis | XAxis[];
+    /**
+     * The configuration options of the Scatter Chart Y-axis.
+     * Supports all [`valueAxis`]({% slug api_charts_valueaxisitemcomponent %}) options.
+     */
+    yAxis?: YAxis | YAxis[];
+}

package/chart.component.d.ts

@@ -15,6 +15,7 @@ import { ChartPane } from './api-types/chart-pane.interface';
 import { ChartPlotArea } from './api-types/chart-plotarea.interface';
 import { SeriesPoint } from './api-types/series-point.interface';
 import './chart-defaults';
+import { ChartOptions } from './chart-options.interface';
 import { DonutCenterTemplateDirective } from './chart/donut-center-template.directive';
 import { SeriesItemComponent } from './chart/series-item.component';
 import { CrosshairTooltipsContainerComponent } from './chart/tooltip/crosshair-tooltips-container.component';
@@ -90,7 +91,7 @@ import * as i0 from "@angular/core";
  *
  * ```
  */
-export declare class ChartComponent implements OnChanges, OnInit, OnDestroy, AfterViewInit, AfterViewChecked {
+export declare class ChartComponent implements ChartOptions, OnChanges, OnInit, OnDestroy, AfterViewInit, AfterViewChecked {
     configurationService: ConfigurationService;
     themeService: ThemeService;
     protected element: ElementRef;
@@ -100,108 +101,24 @@ export declare class ChartComponent implements OnChanges, OnInit, OnDestroy, Aft
     protected instanceEventService: InstanceEventService;
     protected changeDetector: ChangeDetectorRef;
     protected renderer: Renderer2;
-    /**
-     * Specifies if the Chart can be panned.
-     */
     pannable: boolean | DragAction;
-    /**
-     * Sets the preferred rendering engine.
-     * If not supported by the browser, the Chart switches to the first available mode.
-     *
-     * The supported values are:
-     * - `"svg"`—If available, renders the component as an inline `.svg` file.
-     * - `"canvas"`—If available, renders the component as a `canvas` element.
-     */
     renderAs: 'svg' | 'canvas';
-    /**
-     * The default colors for the Chart series.
-     * When all colors are used, new colors are pulled from the start again.
-     */
     seriesColors: string[];
-    /**
-     * The configuration options or the text of the Chart title.
-     */
     title: string | Title;
-    /**
-     * If set to `true`, the Chart plays animations when it displays the series.
-     * By default, animations are enabled.
-     */
     transitions: boolean;
-    /**
-     * Specifies if the Chart can be zoomed.
-     */
     zoomable: boolean | Zoomable;
-    /**
-     * The default options for all Chart axes. Accepts the options which are supported by
-     * [`categoryAxis`]({% slug api_charts_categoryaxisitemcomponent %}),
-     * [`valueAxis`]({% slug api_charts_valueaxisitemcomponent %}),
-     * [`xAxis`]({% slug api_charts_xaxisitemcomponent %}),
-     * and [`yAxis`]({% slug api_charts_yaxisitemcomponent %}).
-     */
     axisDefaults: AxisDefaults;
-    /**
-     * The configuration options of the category axis.
-     */
     categoryAxis: CategoryAxis | CategoryAxis[];
-    /**
-     * The configuration options of the Chart area.
-     * Represents the entire visible area of the Chart.
-     */
     chartArea: ChartArea;
-    /**
-     * The configuration options of the Chart legend.
-     */
     legend: Legend;
-    /**
-     * The configuration of the Chart panes.
-     * Panes are used to split the Chart into two or more parts. The panes are ordered from top to bottom.
-     * To associate each axis with a pane, set its `pane` option to the name of the desired pane.
-     * Axis that do not have a specified pane are placed in the top (default) pane.
-     * To move a series to the desired pane, associate them with an axis.
-     */
     panes: Pane[];
-    /**
-     * The default options of all panes.
-     */
     paneDefaults: PaneDefaults;
-    /**
-     * The configuration options of the plot area.
-     * The plot area is the area which displays the series.
-     */
     plotArea: PlotArea;
-    /**
-     * The configuration of the Chart series.
-     * The series type is determined by the value of the type field.
-     * If a type value is missing, the Chart renders the type that is
-     * specified in [`seriesDefaults`]({% slug api_charts_seriesdefaultscomponent %}).
-     * Some options accept functions as arguments. These arguments are evaluated for each point
-     * which is supplied as a parameter. If no value is returned, the Chart uses the `theme` or
-     * [`seriesDefaults`]({% slug api_charts_seriesdefaultscomponent %}) values.
-     */
     series: Series[];
-    /**
-     * The default options of all series.
-     */
     seriesDefaults: SeriesDefaults;
-    /**
-     * The configuration options of the Chart series tooltips.
-     * The tooltip of the Chart series is displayed when the
-     * [`tooltip.visible`]({% slug api_charts_tooltipcomponent %}#toc-visible) option is set to `true`.
-     */
     tooltip: Tooltip;
-    /**
-     * The configuration options of the value axis.
-     */
     valueAxis: ValueAxis | ValueAxis[];
-    /**
-     * The configuration options of the Scatter Chart X-axis.
-     * Supports all [`valueAxis`]({% slug api_charts_valueaxisitemcomponent %}) options.
-     */
     xAxis: XAxis | XAxis[];
-    /**
-     * The configuration options of the Scatter Chart Y-axis.
-     * Supports all [`valueAxis`]({% slug api_charts_valueaxisitemcomponent %}) options.
-     */
     yAxis: YAxis | YAxis[];
     /**
      * Fires when the user clicks an axis label ([see example]({% slug overview_chart_charts %}#toc-events)).
@@ -340,7 +257,7 @@ export declare class ChartComponent implements OnChanges, OnInit, OnDestroy, Aft
      *         <kendo-chart [resizeRateLimit]="2">
      * <!--                 ^^^^^^^^^^^^^^^^^^^^^^
      *       Will update the size of the Chart up to two times a second.
-     *       Resize the Plunkr pane or window to try it out.
+     *       Resize the example pane or window to try it out.
      * -->
      *          <kendo-chart-series>
      *            <kendo-chart-series-item [data]="seriesData">
@@ -375,7 +292,7 @@ export declare class ChartComponent implements OnChanges, OnInit, OnDestroy, Aft
     instance: any;
     protected options: any;
     protected theme: any;
-    protected subscription: Subscription;
+    protected optionsChange: Subscription;
     protected suppressTransitions: boolean;
     protected resizeTimeout: any;
     protected redrawTimeout: any;
@@ -497,7 +414,7 @@ export declare class ChartComponent implements OnChanges, OnInit, OnDestroy, Aft
     /**
      * @hidden
      */
-    onResize(_event?: any): void;
+    onResize(): void;
     protected onLegendItemClick(e: any): void;
     protected onInit(e: any): void;
     protected onRender(e: any): void;

package/common/property-types.d.ts

@@ -37,6 +37,7 @@ export { Padding } from '../field-types/padding.interface';
 export { PlotBand } from '../field-types/plot-band.interface';
 export { PlotBandLabel } from '../field-types/plot-band-label.interface';
 export { SeriesLabelsPosition } from '../field-types/series-labels-position';
+export { SeriesLabelsAlignment } from '../field-types/series-labels-alignment';
 export { SeriesLine } from '../field-types/series-line.interface';
 export { SeriesMean } from '../field-types/series-mean.interface';
 export { SeriesMedian } from '../field-types/series-median.interface';
@@ -49,6 +50,7 @@ export { AxisLabelVisualArgs } from '../argument-types/axis-label-visual-args.in
 export { AxisNoteVisualArgs } from '../argument-types/axis-note-visual-args.interface';
 export { AxisNoteContentArgs } from '../argument-types/axis-note-content-args.interface';
 export { ErrorBarsVisualArgs } from '../argument-types/error-bars-visual-args.interface';
+export { ErrorBarsValueArgs } from '../argument-types/error-bars-value-args.interface';
 export { HighlightToggleArgs } from '../argument-types/highlight-toggle-args.interface';
 export { HighlightVisualArgs } from '../argument-types/highlight-visual-args.interface';
 export { LegendItemVisualArgs } from '../argument-types/legend-item-visual-args.interface';

package/esm2015/argument-types/error-bars-value-args.interface.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/chart/tooltip/base-tooltip.js

@@ -61,7 +61,6 @@ export class BaseTooltip {
             return offset;
         }
         const appendTo = this.popupSettings.appendTo.element.nativeElement;
-        console.log('appendTo', appendTo);
         const bbox = appendTo.getBoundingClientRect();
         const { scrollLeft, scrollTop } = this.scrollOffset(appendTo);
         return {

package/esm2015/chart-options.interface.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/chart.component.js

@@ -226,7 +226,7 @@ export class ChartComponent {
          *         <kendo-chart [resizeRateLimit]="2">
          * <!--                 ^^^^^^^^^^^^^^^^^^^^^^
          *       Will update the size of the Chart up to two times a second.
-         *       Resize the Plunkr pane or window to try it out.
+         *       Resize the example pane or window to try it out.
          * -->
          *          <kendo-chart-series>
          *            <kendo-chart-series-item [data]="seriesData">
@@ -303,8 +303,8 @@ export class ChartComponent {
     }
     ngOnDestroy() {
         this.destroyed = true;
-        if (this.subscription) {
-            this.subscription.unsubscribe();
+        if (this.optionsChange) {
+            this.optionsChange.unsubscribe();
         }
         if (this.domSubscriptions) {
             this.domSubscriptions();
@@ -457,7 +457,7 @@ export class ChartComponent {
     /**
      * @hidden
      */
-    onResize(_event) {
+    onResize() {
         if (this.autoResize) {
             this.resize();
         }
@@ -628,7 +628,7 @@ export class ChartComponent {
     }
     refreshWait() {
         this.ngZone.runOutsideAngular(() => {
-            this.subscription = combineLatest(this.configurationService.onChange$, this.themeService.onChange$).pipe(tap((result) => {
+            this.optionsChange = combineLatest(this.configurationService.onChange$, this.themeService.onChange$).pipe(tap((result) => {
                 this.options = result[0];
                 this.theme = result[1];
             }), auditTime(THROTTLE_MS))
@@ -710,7 +710,7 @@ ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
     </kendo-chart-crosshair-tooltips-container>
     <kendo-chart-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
     </kendo-chart-tooltip-popup>
-    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+    <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
     <div class="k-chart-donut-center" [ngStyle]="donutCenterStyle" *ngIf="donutCenterStyle && donutCenterTemplate">
       <ng-template [ngTemplateOutlet]="donutCenterTemplate.templateRef"></ng-template>
     </div>
@@ -737,7 +737,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
     </kendo-chart-crosshair-tooltips-container>
     <kendo-chart-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
     </kendo-chart-tooltip-popup>
-    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+    <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
     <div class="k-chart-donut-center" [ngStyle]="donutCenterStyle" *ngIf="donutCenterStyle && donutCenterTemplate">
       <ng-template [ngTemplateOutlet]="donutCenterTemplate.templateRef"></ng-template>
     </div>

package/esm2015/field-types/series-labels-alignment.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1650973738,
+    publishDate: 1657212357,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/sparkline.component.js

@@ -99,7 +99,7 @@ SparklineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
         <kendo-chart-tooltip-popup [animate]="false" [wrapperClass]="tooltipWrapperClass"
             [classNames]="tooltipContentClasses" (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
         </kendo-chart-tooltip-popup>
-        <kendo-resize-sensor (resize)="onResize($event)"></kendo-resize-sensor>
+        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
     `, isInline: true, components: [{ type: i6.CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { type: i7.TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i8.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SparklineComponent, decorators: [{
             type: Component,
@@ -124,7 +124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         <kendo-chart-tooltip-popup [animate]="false" [wrapperClass]="tooltipWrapperClass"
             [classNames]="tooltipContentClasses" (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
         </kendo-chart-tooltip-popup>
-        <kendo-resize-sensor (resize)="onResize($event)"></kendo-resize-sensor>
+        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
     `
                 }]
         }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.ThemeService }, { type: i0.ElementRef }, { type: i3.IntlService }, { type: i4.LocalizationService }, { type: i0.NgZone }, { type: i5.InstanceEventService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { type: [{

package/esm2015/stock-chart.component.js

@@ -143,7 +143,7 @@ StockChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
         </kendo-chart-crosshair-tooltips-container>
         <kendo-chart-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
         </kendo-chart-tooltip-popup>
-        <kendo-resize-sensor (resize)="onResize($event)"></kendo-resize-sensor>
+        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
     `, isInline: true, components: [{ type: i6.CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { type: i7.TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i8.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StockChartComponent, decorators: [{
             type: Component,
@@ -168,7 +168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         </kendo-chart-crosshair-tooltips-container>
         <kendo-chart-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
         </kendo-chart-tooltip-popup>
-        <kendo-resize-sensor (resize)="onResize($event)"></kendo-resize-sensor>
+        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
     `
                 }]
         }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.ThemeService }, { type: i0.ElementRef }, { type: i3.IntlService }, { type: i4.LocalizationService }, { type: i0.NgZone }, { type: i5.StockInstanceEventService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { navigator: [{

package/fesm2015/kendo-angular-charts.js

@@ -811,7 +811,6 @@ class BaseTooltip {
             return offset;
         }
         const appendTo = this.popupSettings.appendTo.element.nativeElement;
-        console.log('appendTo', appendTo);
         const bbox = appendTo.getBoundingClientRect();
         const { scrollLeft, scrollTop } = this.scrollOffset(appendTo);
         return {
@@ -1838,7 +1837,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1650973738,
+    publishDate: 1657212357,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -2407,7 +2406,7 @@ class ChartComponent {
          *         <kendo-chart [resizeRateLimit]="2">
          * <!--                 ^^^^^^^^^^^^^^^^^^^^^^
          *       Will update the size of the Chart up to two times a second.
-         *       Resize the Plunkr pane or window to try it out.
+         *       Resize the example pane or window to try it out.
          * -->
          *          <kendo-chart-series>
          *            <kendo-chart-series-item [data]="seriesData">
@@ -2484,8 +2483,8 @@ class ChartComponent {
     }
     ngOnDestroy() {
         this.destroyed = true;
-        if (this.subscription) {
-            this.subscription.unsubscribe();
+        if (this.optionsChange) {
+            this.optionsChange.unsubscribe();
         }
         if (this.domSubscriptions) {
             this.domSubscriptions();
@@ -2638,7 +2637,7 @@ class ChartComponent {
     /**
      * @hidden
      */
-    onResize(_event) {
+    onResize() {
         if (this.autoResize) {
             this.resize();
         }
@@ -2809,7 +2808,7 @@ class ChartComponent {
     }
     refreshWait() {
         this.ngZone.runOutsideAngular(() => {
-            this.subscription = combineLatest(this.configurationService.onChange$, this.themeService.onChange$).pipe(tap((result) => {
+            this.optionsChange = combineLatest(this.configurationService.onChange$, this.themeService.onChange$).pipe(tap((result) => {
                 this.options = result[0];
                 this.theme = result[1];
             }), auditTime(THROTTLE_MS))
@@ -2891,7 +2890,7 @@ ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
     </kendo-chart-crosshair-tooltips-container>
     <kendo-chart-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
     </kendo-chart-tooltip-popup>
-    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+    <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
     <div class="k-chart-donut-center" [ngStyle]="donutCenterStyle" *ngIf="donutCenterStyle && donutCenterTemplate">
       <ng-template [ngTemplateOutlet]="donutCenterTemplate.templateRef"></ng-template>
     </div>
@@ -2918,7 +2917,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
     </kendo-chart-crosshair-tooltips-container>
     <kendo-chart-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
     </kendo-chart-tooltip-popup>
-    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+    <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
     <div class="k-chart-donut-center" [ngStyle]="donutCenterStyle" *ngIf="donutCenterStyle && donutCenterTemplate">
       <ng-template [ngTemplateOutlet]="donutCenterTemplate.templateRef"></ng-template>
     </div>
@@ -6837,7 +6836,7 @@ StockChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
         </kendo-chart-crosshair-tooltips-container>
         <kendo-chart-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
         </kendo-chart-tooltip-popup>
-        <kendo-resize-sensor (resize)="onResize($event)"></kendo-resize-sensor>
+        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
     `, isInline: true, components: [{ type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i8.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StockChartComponent, decorators: [{
             type: Component,
@@ -6862,7 +6861,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         </kendo-chart-crosshair-tooltips-container>
         <kendo-chart-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
         </kendo-chart-tooltip-popup>
-        <kendo-resize-sensor (resize)="onResize($event)"></kendo-resize-sensor>
+        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
     `
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i0.ElementRef }, { type: i3.IntlService }, { type: i4.LocalizationService }, { type: i0.NgZone }, { type: StockInstanceEventService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { navigator: [{
@@ -7728,7 +7727,7 @@ SparklineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
         <kendo-chart-tooltip-popup [animate]="false" [wrapperClass]="tooltipWrapperClass"
             [classNames]="tooltipContentClasses" (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
         </kendo-chart-tooltip-popup>
-        <kendo-resize-sensor (resize)="onResize($event)"></kendo-resize-sensor>
+        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
     `, isInline: true, components: [{ type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i8.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SparklineComponent, decorators: [{
             type: Component,
@@ -7753,7 +7752,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         <kendo-chart-tooltip-popup [animate]="false" [wrapperClass]="tooltipWrapperClass"
             [classNames]="tooltipContentClasses" (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
         </kendo-chart-tooltip-popup>
-        <kendo-resize-sensor (resize)="onResize($event)"></kendo-resize-sensor>
+        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
     `
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i0.ElementRef }, { type: i3.IntlService }, { type: i4.LocalizationService }, { type: i0.NgZone }, { type: InstanceEventService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { type: [{

package/field-types/series-labels-alignment.d.ts

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * The alignment of the label when [`series.type`]({% slug api_charts_series %}#toc-type) is set to `"donut"`, `"funnel"`, or `"pie"`.
+ *
+ * The supported values  for `"donut"` and `"pie"` are:
+ *
+ * - `"circle"`—The labels are positioned in circle around the Chart.
+ * - `"column"`—The labels are positioned in columns to the left and right of the Chart.
+ *
+ * The supported values for `"funnel"` are:
+ *
+ * - `"center"`—The labels are positioned in the center over the funnel segment.
+ * - `"right"`—The labels are positioned on the right side of the Chart and, if there is enough
+ * space, do not overlap the funnel segments.
+ * - `"left"`—The labels are positioned on the left side of the Chart and, if there is enough
+ * space, do not overlap the funnel segments.
+ */
+export declare type SeriesLabelsAlignment = 'circle' | 'column' | 'center' | 'right' | 'left';

package/main.d.ts

@@ -14,6 +14,7 @@ export { ChartModule } from './chart.module';
 export { StockChartModule } from './stock-chart.module';
 export { SparklineModule } from './sparkline.module';
 export { ChartsModule } from './charts.module';
+export { ChartOptions } from './chart-options.interface';
 export { CrosshairTooltipComponent } from './chart/tooltip/crosshair-tooltip.component';
 export { CrosshairTooltipsContainerComponent } from './chart/tooltip/crosshair-tooltips-container.component';
 export { DonutCenterTemplateDirective } from './chart/donut-center-template.directive';

package/option-types/series-item/error-bars.interface.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { drawing } from '@progress/kendo-drawing';
-import { ErrorBarLine, ErrorBarsVisualArgs } from '../../common/property-types';
+import { ErrorBarLine, ErrorBarsValueArgs, ErrorBarsVisualArgs } from '../../common/property-types';
 /**
  * The configuration options of the series error bars.
  */
@@ -36,7 +36,7 @@ export interface SeriesErrorBars {
      * - An array that holds the low and high difference from the point value.
      * - A function that returns the `errorBars` point value.
      */
-    value?: string;
+    value?: string | number | [number, number] | ((e: ErrorBarsValueArgs) => [number, number]);
     /**
      * A function that for creating custom visuals for the error bars.
      *

package/option-types/series-item/labels.interface.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { drawing } from '@progress/kendo-drawing';
-import { SeriesLabelsContentArgs } from '../../common/property-types';
+import { SeriesLabelsAlignment, SeriesLabelsContentArgs } from '../../common/property-types';
 import { Border, Margin, Padding, SeriesLabelsVisualArgs } from '../../common/property-types';
 import { SeriesLabelsPosition } from '../../common/property-types';
 import { SeriesLabelsFrom } from './labels.from.interface';
@@ -14,21 +14,8 @@ import { SeriesLabelsTo } from './labels.to.interface';
 export interface SeriesLabels {
     /**
      * The alignment of the label when [`series.type`]({% slug api_charts_series %}#toc-type) is set to `"donut"`, `"funnel"`, or `"pie"`.
-     *
-     * The supported values  for `"donut"` and `"pie"` are:
-     *
-     * - `"circle"`—The labels are positioned in circle around the Chart.
-     * - `"column"`—The labels are positioned in columns to the left and right of the Chart.
-     *
-     * The supported values for `"funnel"` are:
-     *
-     * - `"center"`—The labels are positioned in the center over the funnel segment.
-     * - `"right"`—The labels are positioned on the right side of the Chart and, if there is enough
-     * space, do not overlap the funnel segments.
-     * - `"left"`—The labels are positioned on the left side of the Chart and, if there is enough
-     * space, do not overlap the funnel segments.
      */
-    align?: 'circle' | 'column' | 'center' | 'right' | 'left';
+    align?: SeriesLabelsAlignment;
     /**
      * The background color of the labels. Accepts a valid CSS color string, including hex and rgb.
      */

package/option-types/y-axis-item.interface.d.ts

@@ -12,9 +12,9 @@ import { YAxisTitle } from './y-axis-item/title.interface';
  */
 export interface YAxis {
     /**
-     * * (Only for objects) The value at which the Y axis crosses this axis.
-     * * (Only for arrays) The value indices at which the Y axes cross the value axis.
-     * * (Only for dates) The date at which the Y axis crosses this axis.
+     * * (Only for objects) The value at which the X axis crosses this axis.
+     * * (Only for arrays) The value indices at which the X axes cross the value axis.
+     * * (Only for dates) The date at which the X axis crosses this axis.
      *
      * To denote the far end of the axis, set a value that is greater than or equal to the axis maximum value.
      */