@progress/kendo-angular-charts 17.0.0-develop.20 → 17.0.0-develop.22

package/{esm2020 → esm2022}/chart/y-axis-item.component.mjs

@@ -14,15 +14,66 @@ import * as i2 from "../common/collection.service";
  * ([see example]({% slug api_charts_yaxiscomponent %})).
  */
 export class YAxisItemComponent extends CollectionItemComponent {
+    configurationService;
+    collectionService;
+    axisCrossingValue;
+    background;
+    baseUnit;
+    categories;
+    color;
+    line;
+    majorGridLines;
+    majorTicks;
+    majorUnit;
+    max;
+    min;
+    minorGridLines;
+    minorTicks;
+    minorUnit;
+    name;
+    /**
+     * If set to `true`, the Chart prevents the automatic axis range from snapping to zero.
+     * Setting it to `false` forces the automatic axis range to snap to zero.
+     * @default false
+     */
+    narrowRange;
+    pane;
+    plotBands;
+    /**
+     * If set to `true`, the value axis direction is reversed.
+     * By default, the values increase from left to right and from bottom to top.
+     * @default false
+     */
+    reverse;
+    /**
+     * The axis type.
+     *
+     * The options are `numeric` for a numeric axis, `date` for a specialized axis for displaying chronological data, and `log` for a logarithmic axis.
+     *
+     * If the series Y value is of the `date` type, the Chart automatically switches to a date axis.
+     * To avoid this behavior, set the `type`.
+     * @default 'numeric'
+     */
+    type;
+    /**
+     * If set to `true`, the Chart displays the Y axis. By default, the Y axis is visible.
+     * @default true
+     */
+    visible;
+    // These options are also available as child components
+    crosshair;
+    labels;
+    notes;
+    title;
     constructor(configurationService, collectionService) {
         super(configurationService, collectionService);
         this.configurationService = configurationService;
         this.collectionService = collectionService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisItemComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: YAxisItemComponent, isStandalone: true, selector: "kendo-chart-y-axis-item", inputs: { axisCrossingValue: "axisCrossingValue", background: "background", baseUnit: "baseUnit", categories: "categories", color: "color", line: "line", majorGridLines: "majorGridLines", majorTicks: "majorTicks", majorUnit: "majorUnit", max: "max", min: "min", minorGridLines: "minorGridLines", minorTicks: "minorTicks", minorUnit: "minorUnit", name: "name", narrowRange: "narrowRange", pane: "pane", plotBands: "plotBands", reverse: "reverse", type: "type", visible: "visible", crosshair: "crosshair", labels: "labels", notes: "notes", title: "title" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-YAxisItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: YAxisItemComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }], target: i0.ɵɵFactoryTarget.Component });
-YAxisItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: YAxisItemComponent, isStandalone: true, selector: "kendo-chart-y-axis-item", inputs: { axisCrossingValue: "axisCrossingValue", background: "background", baseUnit: "baseUnit", categories: "categories", color: "color", line: "line", majorGridLines: "majorGridLines", majorTicks: "majorTicks", majorUnit: "majorUnit", max: "max", min: "min", minorGridLines: "minorGridLines", minorTicks: "minorTicks", minorUnit: "minorUnit", name: "name", narrowRange: "narrowRange", pane: "pane", plotBands: "plotBands", reverse: "reverse", type: "type", visible: "visible", crosshair: "crosshair", labels: "labels", notes: "notes", title: "title" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: YAxisItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisItemComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/chart/y-axis.component.mjs

@@ -31,15 +31,18 @@ import * as i2 from "../common/collection.service";
  * ```
  */
 export class YAxisComponent extends CollectionComponent {
+    configurationService;
+    collectionService;
+    children;
     constructor(configurationService, collectionService) {
         super('yAxis', configurationService, collectionService);
         this.configurationService = configurationService;
         this.collectionService = collectionService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: YAxisComponent, isStandalone: true, selector: "kendo-chart-y-axis", providers: [CollectionService], queries: [{ propertyName: "children", predicate: YAxisItemComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-YAxisComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: YAxisComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }], target: i0.ɵɵFactoryTarget.Component });
-YAxisComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: YAxisComponent, isStandalone: true, selector: "kendo-chart-y-axis", providers: [CollectionService], queries: [{ propertyName: "children", predicate: YAxisItemComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: YAxisComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/chart/zoomable.component.mjs

@@ -20,14 +20,17 @@ import * as i1 from "../common/configuration.service";
  * ```
  */
 export class ZoomableComponent extends SettingsComponent {
+    configurationService;
+    mousewheel;
+    selection;
     constructor(configurationService) {
         super('zoomable', configurationService);
         this.configurationService = configurationService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ZoomableComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ZoomableComponent, isStandalone: true, selector: "kendo-chart-zoomable", inputs: { mousewheel: "mousewheel", selection: "selection" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-ZoomableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ZoomableComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-ZoomableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ZoomableComponent, isStandalone: true, selector: "kendo-chart-zoomable", inputs: { mousewheel: "mousewheel", selection: "selection" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ZoomableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ZoomableComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/chart-breadcrumb.component.mjs

@@ -16,16 +16,23 @@ import * as i0 from "@angular/core";
  *
  */
 export class ChartBreadcrumbComponent {
-    constructor() {
-        /**
-         * The definition of the breadcrumb root item.
-         *
-         * The default value is `{ icon: 'home', svgIcon: homeIcon, title: 'Home' }`.
-         * (homeIcon is imported from '@progress/kendo-svg-icons')
-         */
-        this.rootItem = { icon: 'home', svgIcon: homeIcon, title: 'Home' };
-        this.subscription = new Subscription();
-    }
+    /**
+     * The Chart instance to link to.
+     */
+    chart;
+    /**
+     * The definition of the breadcrumb root item.
+     *
+     * The default value is `{ icon: 'home', svgIcon: homeIcon, title: 'Home' }`.
+     * (homeIcon is imported from '@progress/kendo-svg-icons')
+     */
+    rootItem = { icon: 'home', svgIcon: homeIcon, title: 'Home' };
+    /**
+     * @hidden
+     */
+    items;
+    breadcrumb;
+    subscription = new Subscription();
     ngOnInit() {
         this.items = [this.rootItem];
         if (this.chart) {
@@ -62,13 +69,13 @@ export class ChartBreadcrumbComponent {
     onDrilldownLevelChange(level) {
         this.items = this.items.slice(0, level + 1);
     }
-}
-ChartBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChartBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartBreadcrumbComponent, isStandalone: true, selector: "kendo-chart-breadcrumb", inputs: { chart: "chart", rootItem: "rootItem" }, viewQueries: [{ propertyName: "breadcrumb", first: true, predicate: ["breadcrumb"], descendants: true, static: true }], exportAs: ["kendoChartBreadcrumb"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChartBreadcrumbComponent, isStandalone: true, selector: "kendo-chart-breadcrumb", inputs: { chart: "chart", rootItem: "rootItem" }, viewQueries: [{ propertyName: "breadcrumb", first: true, predicate: ["breadcrumb"], descendants: true, static: true }], exportAs: ["kendoChartBreadcrumb"], usesOnChanges: true, ngImport: i0, template: `
         <kendo-breadcrumb [items]="items" (itemClick)="onItemClick($event)">
         </kendo-breadcrumb>
     `, isInline: true, dependencies: [{ kind: "component", type: BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: ["items", "separatorIcon", "separatorSVGIcon", "collapseMode", "size"], outputs: ["itemClick"], exportAs: ["kendoBreadCrumb"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartBreadcrumbComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoChartBreadcrumb',

package/{esm2020 → esm2022}/chart.component.mjs

@@ -76,161 +76,180 @@ import * as i5 from "./events/instance-event.service";
  * ```
  */
 export class ChartComponent {
-    constructor(configurationService, themeService, element, intl, localizationService, ngZone, instanceEventService, changeDetector, renderer) {
-        this.configurationService = configurationService;
-        this.themeService = themeService;
-        this.element = element;
-        this.intl = intl;
-        this.localizationService = localizationService;
-        this.ngZone = ngZone;
-        this.instanceEventService = instanceEventService;
-        this.changeDetector = changeDetector;
-        this.renderer = renderer;
-        /**
-         * Fires when the user clicks an axis label ([see example](slug:events_chart)).
-         */
-        this.axisLabelClick = new EventEmitter();
-        /**
-         * Fires as long as the user is dragging the Chart with the mouse or through swipe gestures.
-         */
-        this.drag = new EventEmitter();
-        /**
-         * Fires when the user stops dragging the Chart.
-         */
-        this.dragEnd = new EventEmitter();
-        /**
-         * Fires when the user starts dragging the Chart.
-         */
-        this.dragStart = new EventEmitter();
-        /**
-         * Fires when the user hovers over a legend item ([see example](slug:events_chart)).
-         */
-        this.legendItemHover = new EventEmitter();
-        /**
-         * Fires when the cursor leaves a legend item.
-         */
-        this.legendItemLeave = new EventEmitter();
-        /**
-         * Fires when the user clicks a note.
-         */
-        this.noteClick = new EventEmitter();
-        /**
-         * Fires when the user hovers over a note.
-         */
-        this.noteHover = new EventEmitter();
-        /**
-         * Fires when the cursor leaves a note.
-         */
-        this.noteLeave = new EventEmitter();
-        /**
-         * Fires when a pane is rendered because the Chart is rendered, performs panning or zooming, or is exported with different options.
-         * The event is used to render custom visuals in the panes.
-         */
-        this.paneRender = new EventEmitter();
-        /**
-         * Fires when the user clicks the plot area ([see example](slug:events_chart)).
-         * The `click` event is triggered by the `tap` and `contextmenu` events.
-         * To distinguish between the original events, inspect the `e.originalEvent.type` field.
-         */
-        this.plotAreaClick = new EventEmitter();
-        /**
-         * Fires when the user hovers the plot area ([see example](slug:events_chart)).
-         */
-        this.plotAreaHover = new EventEmitter();
-        /**
-         * Fires when the cursor leaves the plot area.
-         */
-        this.plotAreaLeave = new EventEmitter();
-        /**
-         * Fires when the Chart is ready to render on screen ([see example](slug:events_chart)).
-         * For example, you can use it to remove loading indicators.
-         * Any changes made to the options are ignored.
-         */
-        this.render = new EventEmitter();
-        /**
-         * Fires when the user modifies the selection.
-         *
-         * The range units include a generic axis category index (0-based) and a date axis represented by a date instance.
-         */
-        this.select = new EventEmitter();
-        /**
-         * Fires when the user completes the modification of the selection.
-         *
-         * The range units include a generic axis category index (0-based) and a date axis represented by a date instance.
-         */
-        this.selectEnd = new EventEmitter();
-        /**
-         * Fires when the user starts modifying the axis selection.
-         *
-         * The range units include a generic axis category index (0-based) and a date axis represented by a date instance.
-         */
-        this.selectStart = new EventEmitter();
-        /**
-         * Fires when the user clicks the Chart series.
-         *
-         * The `click` event will be triggered by the `tap` and `contextmenu` events ([see example](slug:events_chart)).
-         * To distinguish between the original events, inspect the `e.originalEvent.type` field.
-         */
-        this.seriesClick = new EventEmitter();
-        /**
-         * Fires when the user when the user wants to drill down on a specific point.
-         */
-        this.drilldown = new EventEmitter();
-        /**
-         * Fires when the user hovers the Chart series ([see example](slug:events_chart)).
-         */
-        this.seriesHover = new EventEmitter();
-        /**
-         * Fires when the cursor enters a series.
-         */
-        this.seriesOver = new EventEmitter();
-        /**
-         * Fires when the cursor leaves a series.
-         */
-        this.seriesLeave = new EventEmitter();
-        /**
-         * Fires as long as the user is zooming the Chart by using the mousewheel operation.
-         */
-        this.zoom = new EventEmitter();
-        /**
-         * Fires when the user stops zooming the Chart.
-         */
-        this.zoomEnd = new EventEmitter();
-        /**
-         * Fires when the user uses the mousewheel to zoom the Chart.
-         */
-        this.zoomStart = new EventEmitter();
-        /**
-         * Fires when a legend item is clicked before the selected series visibility is toggled.
-         * Can be prevented.
-         */
-        this.legendItemClick = new EventEmitter();
-        /**
-         * Fires when the drill-down level has changed.
-         */
-        this.drilldownLevelChange = new EventEmitter();
-        /**
-         * Limits the automatic resizing of the Chart. Sets the maximum number of times per second
-         * that the component redraws its content when the size of its container changes.
-         * Defaults to `10`. To disable the automatic resizing, set it to `0`.
-         *
-         * @default 10
-         */
-        this.resizeRateLimit = 10;
-        /**
-         * @hidden
-         */
-        this.showLicenseWatermark = false;
-        this.theme = null;
-        this.suppressTransitions = false;
-        this.rtl = false;
-        this.hostClasses = ['k-chart', 'k-widget'];
-        this.drilldownState = [];
-        const isValid = validatePackage(packageMetadata);
-        this.showLicenseWatermark = shouldShowValidationUI(isValid);
-        this.themeService.loadTheme();
-        this.refreshWait();
-    }
+    configurationService;
+    themeService;
+    element;
+    intl;
+    localizationService;
+    ngZone;
+    instanceEventService;
+    changeDetector;
+    renderer;
+    /**
+     * Specifies if the Chart can be panned.
+     * Panning is not available for the `Donut`, `Pie`, `Funnel`, `Pyramid`, `Polar`, and `Radar` series.
+     * @default false
+     */
+    pannable;
+    renderAs;
+    seriesColors;
+    subtitle;
+    title;
+    /**
+     * If set to `true`, the Chart plays animations when it displays the series.
+     * By default, animations are enabled.
+     * @default true
+     */
+    transitions;
+    zoomable;
+    axisDefaults;
+    categoryAxis;
+    chartArea;
+    legend;
+    panes;
+    paneDefaults;
+    plotArea;
+    series;
+    seriesDefaults;
+    tooltip;
+    valueAxis;
+    xAxis;
+    yAxis;
+    /**
+     * Fires when the user clicks an axis label ([see example](slug:events_chart)).
+     */
+    axisLabelClick = new EventEmitter();
+    /**
+     * Fires as long as the user is dragging the Chart with the mouse or through swipe gestures.
+     */
+    drag = new EventEmitter();
+    /**
+     * Fires when the user stops dragging the Chart.
+     */
+    dragEnd = new EventEmitter();
+    /**
+     * Fires when the user starts dragging the Chart.
+     */
+    dragStart = new EventEmitter();
+    /**
+     * Fires when the user hovers over a legend item ([see example](slug:events_chart)).
+     */
+    legendItemHover = new EventEmitter();
+    /**
+     * Fires when the cursor leaves a legend item.
+     */
+    legendItemLeave = new EventEmitter();
+    /**
+     * Fires when the user clicks a note.
+     */
+    noteClick = new EventEmitter();
+    /**
+     * Fires when the user hovers over a note.
+     */
+    noteHover = new EventEmitter();
+    /**
+     * Fires when the cursor leaves a note.
+     */
+    noteLeave = new EventEmitter();
+    /**
+     * Fires when a pane is rendered because the Chart is rendered, performs panning or zooming, or is exported with different options.
+     * The event is used to render custom visuals in the panes.
+     */
+    paneRender = new EventEmitter();
+    /**
+     * Fires when the user clicks the plot area ([see example](slug:events_chart)).
+     * The `click` event is triggered by the `tap` and `contextmenu` events.
+     * To distinguish between the original events, inspect the `e.originalEvent.type` field.
+     */
+    plotAreaClick = new EventEmitter();
+    /**
+     * Fires when the user hovers the plot area ([see example](slug:events_chart)).
+     */
+    plotAreaHover = new EventEmitter();
+    /**
+     * Fires when the cursor leaves the plot area.
+     */
+    plotAreaLeave = new EventEmitter();
+    /**
+     * Fires when the Chart is ready to render on screen ([see example](slug:events_chart)).
+     * For example, you can use it to remove loading indicators.
+     * Any changes made to the options are ignored.
+     */
+    render = new EventEmitter();
+    /**
+     * Fires when the user modifies the selection.
+     *
+     * The range units include a generic axis category index (0-based) and a date axis represented by a date instance.
+     */
+    select = new EventEmitter();
+    /**
+     * Fires when the user completes the modification of the selection.
+     *
+     * The range units include a generic axis category index (0-based) and a date axis represented by a date instance.
+     */
+    selectEnd = new EventEmitter();
+    /**
+     * Fires when the user starts modifying the axis selection.
+     *
+     * The range units include a generic axis category index (0-based) and a date axis represented by a date instance.
+     */
+    selectStart = new EventEmitter();
+    /**
+     * Fires when the user clicks the Chart series.
+     *
+     * The `click` event will be triggered by the `tap` and `contextmenu` events ([see example](slug:events_chart)).
+     * To distinguish between the original events, inspect the `e.originalEvent.type` field.
+     */
+    seriesClick = new EventEmitter();
+    /**
+     * Fires when the user when the user wants to drill down on a specific point.
+     */
+    drilldown = new EventEmitter();
+    /**
+     * Fires when the user hovers the Chart series ([see example](slug:events_chart)).
+     */
+    seriesHover = new EventEmitter();
+    /**
+     * Fires when the cursor enters a series.
+     */
+    seriesOver = new EventEmitter();
+    /**
+     * Fires when the cursor leaves a series.
+     */
+    seriesLeave = new EventEmitter();
+    /**
+     * Fires as long as the user is zooming the Chart by using the mousewheel operation.
+     */
+    zoom = new EventEmitter();
+    /**
+     * Fires when the user stops zooming the Chart.
+     */
+    zoomEnd = new EventEmitter();
+    /**
+     * Fires when the user uses the mousewheel to zoom the Chart.
+     */
+    zoomStart = new EventEmitter();
+    /**
+     * Fires when a legend item is clicked before the selected series visibility is toggled.
+     * Can be prevented.
+     */
+    legendItemClick = new EventEmitter();
+    /**
+     * Fires when the drill-down level has changed.
+     */
+    drilldownLevelChange = new EventEmitter();
+    /**
+     * Limits the automatic resizing of the Chart. Sets the maximum number of times per second
+     * that the component redraws its content when the size of its container changes.
+     * Defaults to `10`. To disable the automatic resizing, set it to `0`.
+     *
+     * @default 10
+     */
+    resizeRateLimit = 10;
+    /**
+     * The settings for the tooltip popup.
+     */
+    popupSettings;
     /**
      * Gets or sets the current drill-down level for [Drilldown Charts](slug:drilldown_chart_charts).
      *
@@ -253,6 +272,52 @@ export class ChartComponent {
         this.seriesComponents.toArray().slice(-removed.length - 1).forEach(series => series.hidden = false);
         this.drilldownLevelChange.emit(level);
     }
+    /**
+     * The Drawing `Surface` of the Chart.
+     */
+    surface;
+    seriesCollectionComponent;
+    seriesComponents;
+    donutCenterTemplate;
+    tooltipInstance;
+    crossahirTooltips;
+    surfaceElement;
+    /**
+     * @hidden
+     */
+    donutCenterStyle;
+    /**
+     * @hidden
+     */
+    showLicenseWatermark = false;
+    instance;
+    options;
+    theme = null;
+    optionsChange;
+    suppressTransitions = false;
+    resizeTimeout;
+    redrawTimeout;
+    domSubscriptions;
+    destroyed;
+    subscriptions;
+    rtl = false;
+    hostClasses = ['k-chart', 'k-widget'];
+    drilldownState = [];
+    constructor(configurationService, themeService, element, intl, localizationService, ngZone, instanceEventService, changeDetector, renderer) {
+        this.configurationService = configurationService;
+        this.themeService = themeService;
+        this.element = element;
+        this.intl = intl;
+        this.localizationService = localizationService;
+        this.ngZone = ngZone;
+        this.instanceEventService = instanceEventService;
+        this.changeDetector = changeDetector;
+        this.renderer = renderer;
+        const isValid = validatePackage(packageMetadata);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid);
+        this.themeService.loadTheme();
+        this.refreshWait();
+    }
     ngOnInit() {
         if (this.element) {
             this.hostClasses.forEach(name => {
@@ -724,18 +789,17 @@ export class ChartComponent {
     get isRTL() {
         return Boolean(this.localizationService.rtl);
     }
-}
-ChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.ThemeService }, { token: i0.ElementRef }, { token: i3.IntlService }, { token: i4.LocalizationService }, { token: i0.NgZone }, { token: i5.InstanceEventService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartComponent, isStandalone: true, selector: "kendo-chart", inputs: { pannable: "pannable", renderAs: "renderAs", seriesColors: "seriesColors", subtitle: "subtitle", title: "title", transitions: "transitions", zoomable: "zoomable", axisDefaults: "axisDefaults", categoryAxis: "categoryAxis", chartArea: "chartArea", legend: "legend", panes: "panes", paneDefaults: "paneDefaults", plotArea: "plotArea", series: "series", seriesDefaults: "seriesDefaults", tooltip: "tooltip", valueAxis: "valueAxis", xAxis: "xAxis", yAxis: "yAxis", resizeRateLimit: "resizeRateLimit", popupSettings: "popupSettings", drilldownLevel: "drilldownLevel" }, outputs: { axisLabelClick: "axisLabelClick", drag: "drag", dragEnd: "dragEnd", dragStart: "dragStart", legendItemHover: "legendItemHover", legendItemLeave: "legendItemLeave", noteClick: "noteClick", noteHover: "noteHover", noteLeave: "noteLeave", paneRender: "paneRender", plotAreaClick: "plotAreaClick", plotAreaHover: "plotAreaHover", plotAreaLeave: "plotAreaLeave", render: "render", select: "select", selectEnd: "selectEnd", selectStart: "selectStart", seriesClick: "seriesClick", drilldown: "drilldown", seriesHover: "seriesHover", seriesOver: "seriesOver", seriesLeave: "seriesLeave", zoom: "zoom", zoomEnd: "zoomEnd", zoomStart: "zoomStart", legendItemClick: "legendItemClick", drilldownLevelChange: "drilldownLevelChange" }, providers: [
-        ConfigurationService,
-        TooltipTemplateService,
-        InstanceEventService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.chart'
-        }
-    ], queries: [{ propertyName: "donutCenterTemplate", first: true, predicate: DonutCenterTemplateDirective, descendants: true }, { propertyName: "seriesCollectionComponent", predicate: SeriesComponent }, { propertyName: "seriesComponents", predicate: SeriesItemComponent, descendants: true }], viewQueries: [{ propertyName: "tooltipInstance", first: true, predicate: TooltipPopupComponent, descendants: true, static: true }, { propertyName: "crossahirTooltips", first: true, predicate: CrosshairTooltipsContainerComponent, descendants: true, static: true }, { propertyName: "surfaceElement", first: true, predicate: ["surface"], descendants: true, static: true }], exportAs: ["kendoChart"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.ThemeService }, { token: i0.ElementRef }, { token: i3.IntlService }, { token: i4.LocalizationService }, { token: i0.NgZone }, { token: i5.InstanceEventService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChartComponent, isStandalone: true, selector: "kendo-chart", inputs: { pannable: "pannable", renderAs: "renderAs", seriesColors: "seriesColors", subtitle: "subtitle", title: "title", transitions: "transitions", zoomable: "zoomable", axisDefaults: "axisDefaults", categoryAxis: "categoryAxis", chartArea: "chartArea", legend: "legend", panes: "panes", paneDefaults: "paneDefaults", plotArea: "plotArea", series: "series", seriesDefaults: "seriesDefaults", tooltip: "tooltip", valueAxis: "valueAxis", xAxis: "xAxis", yAxis: "yAxis", resizeRateLimit: "resizeRateLimit", popupSettings: "popupSettings", drilldownLevel: "drilldownLevel" }, outputs: { axisLabelClick: "axisLabelClick", drag: "drag", dragEnd: "dragEnd", dragStart: "dragStart", legendItemHover: "legendItemHover", legendItemLeave: "legendItemLeave", noteClick: "noteClick", noteHover: "noteHover", noteLeave: "noteLeave", paneRender: "paneRender", plotAreaClick: "plotAreaClick", plotAreaHover: "plotAreaHover", plotAreaLeave: "plotAreaLeave", render: "render", select: "select", selectEnd: "selectEnd", selectStart: "selectStart", seriesClick: "seriesClick", drilldown: "drilldown", seriesHover: "seriesHover", seriesOver: "seriesOver", seriesLeave: "seriesLeave", zoom: "zoom", zoomEnd: "zoomEnd", zoomStart: "zoomStart", legendItemClick: "legendItemClick", drilldownLevelChange: "drilldownLevelChange" }, providers: [
+            ConfigurationService,
+            TooltipTemplateService,
+            InstanceEventService,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.chart'
+            }
+        ], queries: [{ propertyName: "donutCenterTemplate", first: true, predicate: DonutCenterTemplateDirective, descendants: true }, { propertyName: "seriesCollectionComponent", predicate: SeriesComponent }, { propertyName: "seriesComponents", predicate: SeriesItemComponent, descendants: true }], viewQueries: [{ propertyName: "tooltipInstance", first: true, predicate: TooltipPopupComponent, descendants: true, static: true }, { propertyName: "crossahirTooltips", first: true, predicate: CrosshairTooltipsContainerComponent, descendants: true, static: true }, { propertyName: "surfaceElement", first: true, predicate: ["surface"], descendants: true, static: true }], exportAs: ["kendoChart"], usesOnChanges: true, ngImport: i0, template: `
     <div #surface class="k-chart-surface"></div>
     <kendo-chart-crosshair-tooltips-container [popupSettings]="popupSettings">
     </kendo-chart-crosshair-tooltips-container>
@@ -747,8 +811,9 @@ ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
     </div>
 
     <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-  `, isInline: true, dependencies: [{ kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartComponent, decorators: [{
+  `, isInline: true, dependencies: [{ kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,