@progress/kendo-angular-charts 17.0.0-develop.26 → 17.0.0-develop.28

package/esm2022/chart.component.mjs

@@ -13,6 +13,7 @@ import { combineLatest } from 'rxjs';
 import { auditTime, tap } from 'rxjs/operators';
 import './chart-defaults';
 import { DonutCenterTemplateDirective } from './chart/donut-center-template.directive';
+import { NoDataTemplateDirective } from './chart/no-data-template.directive';
 import { SeriesItemComponent } from './chart/series-item.component';
 import { CrosshairTooltipsContainerComponent } from './chart/tooltip/crosshair-tooltips-container.component';
 import { TooltipPopupComponent } from './chart/tooltip/tooltip-popup.component';
@@ -31,6 +32,7 @@ import { SeriesComponent } from './chart/series.component';
 import { DrilldownEvent } from './events/drilldown-event';
 import { hasObservers } from './common/has-observers';
 import { NgIf, NgStyle, NgTemplateOutlet } from '@angular/common';
+import { LocalizedChartMessagesDirective } from './chart/localization/localized-messages.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "./common/configuration.service";
 import * as i2 from "./common/theme.service";
@@ -95,6 +97,7 @@ export class ChartComponent {
     seriesColors;
     subtitle;
     title;
+    noData = true;
     /**
      * If set to `true`, the Chart plays animations when it displays the series.
      * By default, animations are enabled.
@@ -279,6 +282,7 @@ export class ChartComponent {
     seriesCollectionComponent;
     seriesComponents;
     donutCenterTemplate;
+    noDataTemplate;
     tooltipInstance;
     crossahirTooltips;
     surfaceElement;
@@ -286,6 +290,12 @@ export class ChartComponent {
      * @hidden
      */
     donutCenterStyle;
+    /**
+     * @hidden
+     */
+    messageFor(key) {
+        return this.localizationService.get(key);
+    }
     /**
      * @hidden
      */
@@ -790,7 +800,7 @@ export class ChartComponent {
         return Boolean(this.localizationService.rtl);
     }
     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: [
+    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", noData: "noData", 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,
@@ -799,8 +809,22 @@ export class ChartComponent {
                 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>
+        ], queries: [{ propertyName: "donutCenterTemplate", first: true, predicate: DonutCenterTemplateDirective, descendants: true }, { propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, 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: `
+    <ng-container
+        kendoChartLocalizedMessages
+        i18n-noData="kendo.chart.noData|The message to display when no series are defined, or all series are empty"
+        noData="No data available"
+    ></ng-container>
+    <div #surface class="k-chart-surface">
+        <div *ngIf="noData" class='k-chart-overlay' [style.display]="'none'">
+            <div class='k-no-data'>
+                <ng-template *ngIf="noDataTemplate; else noDataMessage" [ngTemplateOutlet]="noDataTemplate.templateRef"></ng-template>
+                <ng-template #noDataMessage>
+                    {{ messageFor('noData') }}
+                </ng-template>
+            </div>
+        </div>
+    </div>
     <kendo-chart-crosshair-tooltips-container [popupSettings]="popupSettings">
     </kendo-chart-crosshair-tooltips-container>
     <kendo-chart-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
@@ -811,7 +835,7 @@ export class ChartComponent {
     </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", "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 });
+  `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedChartMessagesDirective, selector: "[kendoChartLocalizedMessages]" }, { 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,
@@ -830,7 +854,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     selector: 'kendo-chart',
                     template: `
-    <div #surface class="k-chart-surface"></div>
+    <ng-container
+        kendoChartLocalizedMessages
+        i18n-noData="kendo.chart.noData|The message to display when no series are defined, or all series are empty"
+        noData="No data available"
+    ></ng-container>
+    <div #surface class="k-chart-surface">
+        <div *ngIf="noData" class='k-chart-overlay' [style.display]="'none'">
+            <div class='k-no-data'>
+                <ng-template *ngIf="noDataTemplate; else noDataMessage" [ngTemplateOutlet]="noDataTemplate.templateRef"></ng-template>
+                <ng-template #noDataMessage>
+                    {{ messageFor('noData') }}
+                </ng-template>
+            </div>
+        </div>
+    </div>
     <kendo-chart-crosshair-tooltips-container [popupSettings]="popupSettings">
     </kendo-chart-crosshair-tooltips-container>
     <kendo-chart-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
@@ -843,7 +881,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
   `,
                     standalone: true,
-                    imports: [CrosshairTooltipsContainerComponent, TooltipPopupComponent, ResizeSensorComponent, NgIf, NgStyle, NgTemplateOutlet, WatermarkOverlayComponent]
+                    imports: [LocalizedChartMessagesDirective, CrosshairTooltipsContainerComponent, TooltipPopupComponent, ResizeSensorComponent, NgIf, NgStyle, NgTemplateOutlet, WatermarkOverlayComponent]
                 }]
         }], 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: { pannable: [{
                 type: Input
@@ -855,6 +893,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], title: [{
                 type: Input
+            }], noData: [{
+                type: Input
             }], transitions: [{
                 type: Input
             }], zoomable: [{
@@ -954,6 +994,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], donutCenterTemplate: [{
                 type: ContentChild,
                 args: [DonutCenterTemplateDirective, { static: false }]
+            }], noDataTemplate: [{
+                type: ContentChild,
+                args: [NoDataTemplateDirective, { static: false }]
             }], tooltipInstance: [{
                 type: ViewChild,
                 args: [TooltipPopupComponent, { static: true }]

package/esm2022/chart.directives.mjs

@@ -4,6 +4,9 @@
 *-------------------------------------------------------------------------------------------*/
 import { ChartComponent } from './chart.component';
 import { DonutCenterTemplateDirective } from './chart/donut-center-template.directive';
+import { NoDataTemplateDirective } from './chart/no-data-template.directive';
+import { ChartCustomMessagesComponent } from './chart/localization/custom-messages.component';
+import { LocalizedChartMessagesDirective } from './chart/localization/localized-messages.directive';
 import { XAxisComponent } from './chart/x-axis.component';
 import { XAxisCrosshairComponent } from './chart/x-axis-item/crosshair.component';
 import { XAxisCrosshairTooltipComponent } from './chart/x-axis-item/crosshair.tooltip.component';
@@ -24,4 +27,4 @@ import { YAxisNotesLabelComponent } from './chart/y-axis-item/notes.label.compon
 import { YAxisTitleComponent } from './chart/y-axis-item/title.component';
 import { ZoomableComponent } from './chart/zoomable.component';
 // Re-exports
-export { ChartComponent, DonutCenterTemplateDirective, XAxisComponent, XAxisCrosshairComponent, XAxisCrosshairTooltipComponent, XAxisItemComponent, XAxisLabelsComponent, XAxisNotesComponent, XAxisNotesIconComponent, XAxisNotesLabelComponent, XAxisTitleComponent, YAxisComponent, YAxisCrosshairComponent, YAxisCrosshairTooltipComponent, YAxisItemComponent, YAxisLabelsComponent, YAxisNotesComponent, YAxisNotesIconComponent, YAxisNotesLabelComponent, YAxisTitleComponent, ZoomableComponent };
+export { ChartComponent, DonutCenterTemplateDirective, NoDataTemplateDirective, ChartCustomMessagesComponent, LocalizedChartMessagesDirective, XAxisComponent, XAxisCrosshairComponent, XAxisCrosshairTooltipComponent, XAxisItemComponent, XAxisLabelsComponent, XAxisNotesComponent, XAxisNotesIconComponent, XAxisNotesLabelComponent, XAxisTitleComponent, YAxisComponent, YAxisCrosshairComponent, YAxisCrosshairTooltipComponent, YAxisItemComponent, YAxisLabelsComponent, YAxisNotesComponent, YAxisNotesIconComponent, YAxisNotesLabelComponent, YAxisTitleComponent, ZoomableComponent };

package/esm2022/chart.module.mjs

@@ -11,94 +11,97 @@ import { IconsService } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "./chart.component";
 import * as i2 from "./chart/donut-center-template.directive";
-import * as i3 from "./chart/x-axis.component";
-import * as i4 from "./chart/x-axis-item/crosshair.component";
-import * as i5 from "./chart/x-axis-item/crosshair.tooltip.component";
-import * as i6 from "./chart/x-axis-item.component";
-import * as i7 from "./chart/x-axis-item/labels.component";
-import * as i8 from "./chart/x-axis-item/notes.component";
-import * as i9 from "./chart/x-axis-item/notes.icon.component";
-import * as i10 from "./chart/x-axis-item/notes.label.component";
-import * as i11 from "./chart/x-axis-item/title.component";
-import * as i12 from "./chart/y-axis.component";
-import * as i13 from "./chart/y-axis-item/crosshair.component";
-import * as i14 from "./chart/y-axis-item/crosshair.tooltip.component";
-import * as i15 from "./chart/y-axis-item.component";
-import * as i16 from "./chart/y-axis-item/labels.component";
-import * as i17 from "./chart/y-axis-item/notes.component";
-import * as i18 from "./chart/y-axis-item/notes.icon.component";
-import * as i19 from "./chart/y-axis-item/notes.label.component";
-import * as i20 from "./chart/y-axis-item/title.component";
-import * as i21 from "./chart/zoomable.component";
-import * as i22 from "./chart/tooltip/tooltip-popup.component";
-import * as i23 from "./chart/tooltip/series-tooltip-template.directive";
-import * as i24 from "./chart/tooltip/shared-tooltip-template.directive";
-import * as i25 from "./chart/tooltip/crosshair-tooltips-container.component";
-import * as i26 from "./chart/tooltip/crosshair-tooltip.component";
-import * as i27 from "./chart/axis-defaults.component";
-import * as i28 from "./chart/axis-defaults/crosshair.component";
-import * as i29 from "./chart/axis-defaults/crosshair.tooltip.component";
-import * as i30 from "./chart/axis-defaults/labels.component";
-import * as i31 from "./chart/axis-defaults/title.component";
-import * as i32 from "./chart/category-axis.component";
-import * as i33 from "./chart/category-axis-item/crosshair.component";
-import * as i34 from "./chart/category-axis-item/crosshair.tooltip.component";
-import * as i35 from "./chart/category-axis-item.component";
-import * as i36 from "./chart/category-axis-item/labels.component";
-import * as i37 from "./chart/category-axis-item/range-labels.component";
-import * as i38 from "./chart/category-axis-item/notes.component";
-import * as i39 from "./chart/category-axis-item/notes.icon.component";
-import * as i40 from "./chart/category-axis-item/notes.label.component";
-import * as i41 from "./chart/category-axis-item/select.component";
-import * as i42 from "./chart/category-axis-item/title.component";
-import * as i43 from "./chart/chart-area.component";
-import * as i44 from "./chart-breadcrumb.component";
-import * as i45 from "./chart/legend.component";
-import * as i46 from "./chart/legend/inactive-items.component";
-import * as i47 from "./chart/legend/item.component";
-import * as i48 from "./chart/pane.component";
-import * as i49 from "./chart/pane-defaults.component";
-import * as i50 from "./chart/pane-defaults/title.component";
-import * as i51 from "./chart/panes.component";
-import * as i52 from "./chart/pane/title.component";
-import * as i53 from "./chart/plot-area.component";
-import * as i54 from "./chart/series.component";
-import * as i55 from "./chart/series-defaults.component";
-import * as i56 from "./chart/series-defaults/labels.component";
-import * as i57 from "./chart/series-defaults/labels.from.component";
-import * as i58 from "./chart/series-defaults/labels.to.component";
-import * as i59 from "./chart/series-defaults/notes.component";
-import * as i60 from "./chart/series-defaults/notes.icon.component";
-import * as i61 from "./chart/series-defaults/notes.label.component";
-import * as i62 from "./chart/series-defaults/tooltip.component";
-import * as i63 from "./chart/series-drilldown-template.directive";
-import * as i64 from "./chart/series-item/error-bars.component";
-import * as i65 from "./chart/series-item/extremes.component";
-import * as i66 from "./chart/series-item/highlight.component";
-import * as i67 from "./chart/series-item.component";
-import * as i68 from "./chart/series-item/labels.component";
-import * as i69 from "./chart/series-item/labels.from.component";
-import * as i70 from "./chart/series-item/labels.to.component";
-import * as i71 from "./chart/series-item/markers.component";
-import * as i72 from "./chart/series-item/notes.component";
-import * as i73 from "./chart/series-item/notes.icon.component";
-import * as i74 from "./chart/series-item/notes.label.component";
-import * as i75 from "./chart/series-item/outliers.component";
-import * as i76 from "./chart/series-item/tooltip.component";
-import * as i77 from "./chart/series-item/trendline.component";
-import * as i78 from "./chart/series-item/trendline.forecast.component";
-import * as i79 from "./chart/subtitle.component";
-import * as i80 from "./chart/title.component";
-import * as i81 from "./chart/tooltip.component";
-import * as i82 from "./chart/value-axis.component";
-import * as i83 from "./chart/value-axis-item/crosshair.component";
-import * as i84 from "./chart/value-axis-item/crosshair.tooltip.component";
-import * as i85 from "./chart/value-axis-item.component";
-import * as i86 from "./chart/value-axis-item/labels.component";
-import * as i87 from "./chart/value-axis-item/notes.component";
-import * as i88 from "./chart/value-axis-item/notes.icon.component";
-import * as i89 from "./chart/value-axis-item/notes.label.component";
-import * as i90 from "./chart/value-axis-item/title.component";
+import * as i3 from "./chart/no-data-template.directive";
+import * as i4 from "./chart/x-axis.component";
+import * as i5 from "./chart/x-axis-item/crosshair.component";
+import * as i6 from "./chart/x-axis-item/crosshair.tooltip.component";
+import * as i7 from "./chart/x-axis-item.component";
+import * as i8 from "./chart/x-axis-item/labels.component";
+import * as i9 from "./chart/x-axis-item/notes.component";
+import * as i10 from "./chart/x-axis-item/notes.icon.component";
+import * as i11 from "./chart/x-axis-item/notes.label.component";
+import * as i12 from "./chart/x-axis-item/title.component";
+import * as i13 from "./chart/y-axis.component";
+import * as i14 from "./chart/y-axis-item/crosshair.component";
+import * as i15 from "./chart/y-axis-item/crosshair.tooltip.component";
+import * as i16 from "./chart/y-axis-item.component";
+import * as i17 from "./chart/y-axis-item/labels.component";
+import * as i18 from "./chart/y-axis-item/notes.component";
+import * as i19 from "./chart/y-axis-item/notes.icon.component";
+import * as i20 from "./chart/y-axis-item/notes.label.component";
+import * as i21 from "./chart/y-axis-item/title.component";
+import * as i22 from "./chart/zoomable.component";
+import * as i23 from "./chart/tooltip/tooltip-popup.component";
+import * as i24 from "./chart/tooltip/series-tooltip-template.directive";
+import * as i25 from "./chart/tooltip/shared-tooltip-template.directive";
+import * as i26 from "./chart/tooltip/crosshair-tooltips-container.component";
+import * as i27 from "./chart/tooltip/crosshair-tooltip.component";
+import * as i28 from "./chart/axis-defaults.component";
+import * as i29 from "./chart/axis-defaults/crosshair.component";
+import * as i30 from "./chart/axis-defaults/crosshair.tooltip.component";
+import * as i31 from "./chart/axis-defaults/labels.component";
+import * as i32 from "./chart/axis-defaults/title.component";
+import * as i33 from "./chart/category-axis.component";
+import * as i34 from "./chart/category-axis-item/crosshair.component";
+import * as i35 from "./chart/category-axis-item/crosshair.tooltip.component";
+import * as i36 from "./chart/category-axis-item.component";
+import * as i37 from "./chart/category-axis-item/labels.component";
+import * as i38 from "./chart/category-axis-item/range-labels.component";
+import * as i39 from "./chart/category-axis-item/notes.component";
+import * as i40 from "./chart/category-axis-item/notes.icon.component";
+import * as i41 from "./chart/category-axis-item/notes.label.component";
+import * as i42 from "./chart/category-axis-item/select.component";
+import * as i43 from "./chart/category-axis-item/title.component";
+import * as i44 from "./chart/chart-area.component";
+import * as i45 from "./chart-breadcrumb.component";
+import * as i46 from "./chart/localization/custom-messages.component";
+import * as i47 from "./chart/localization/localized-messages.directive";
+import * as i48 from "./chart/legend.component";
+import * as i49 from "./chart/legend/inactive-items.component";
+import * as i50 from "./chart/legend/item.component";
+import * as i51 from "./chart/pane.component";
+import * as i52 from "./chart/pane-defaults.component";
+import * as i53 from "./chart/pane-defaults/title.component";
+import * as i54 from "./chart/panes.component";
+import * as i55 from "./chart/pane/title.component";
+import * as i56 from "./chart/plot-area.component";
+import * as i57 from "./chart/series.component";
+import * as i58 from "./chart/series-defaults.component";
+import * as i59 from "./chart/series-defaults/labels.component";
+import * as i60 from "./chart/series-defaults/labels.from.component";
+import * as i61 from "./chart/series-defaults/labels.to.component";
+import * as i62 from "./chart/series-defaults/notes.component";
+import * as i63 from "./chart/series-defaults/notes.icon.component";
+import * as i64 from "./chart/series-defaults/notes.label.component";
+import * as i65 from "./chart/series-defaults/tooltip.component";
+import * as i66 from "./chart/series-drilldown-template.directive";
+import * as i67 from "./chart/series-item/error-bars.component";
+import * as i68 from "./chart/series-item/extremes.component";
+import * as i69 from "./chart/series-item/highlight.component";
+import * as i70 from "./chart/series-item.component";
+import * as i71 from "./chart/series-item/labels.component";
+import * as i72 from "./chart/series-item/labels.from.component";
+import * as i73 from "./chart/series-item/labels.to.component";
+import * as i74 from "./chart/series-item/markers.component";
+import * as i75 from "./chart/series-item/notes.component";
+import * as i76 from "./chart/series-item/notes.icon.component";
+import * as i77 from "./chart/series-item/notes.label.component";
+import * as i78 from "./chart/series-item/outliers.component";
+import * as i79 from "./chart/series-item/tooltip.component";
+import * as i80 from "./chart/series-item/trendline.component";
+import * as i81 from "./chart/series-item/trendline.forecast.component";
+import * as i82 from "./chart/subtitle.component";
+import * as i83 from "./chart/title.component";
+import * as i84 from "./chart/tooltip.component";
+import * as i85 from "./chart/value-axis.component";
+import * as i86 from "./chart/value-axis-item/crosshair.component";
+import * as i87 from "./chart/value-axis-item/crosshair.tooltip.component";
+import * as i88 from "./chart/value-axis-item.component";
+import * as i89 from "./chart/value-axis-item/labels.component";
+import * as i90 from "./chart/value-axis-item/notes.component";
+import * as i91 from "./chart/value-axis-item/notes.icon.component";
+import * as i92 from "./chart/value-axis-item/notes.label.component";
+import * as i93 from "./chart/value-axis-item/title.component";
 //IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * A [module](link:site.data.urls.angular['ngmoduleapi']) that includes the Chart component and directives.
@@ -124,8 +127,8 @@ import * as i90 from "./chart/value-axis-item/title.component";
  */
 export class ChartModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ChartModule, imports: [i1.ChartComponent, i2.DonutCenterTemplateDirective, i3.XAxisComponent, i4.XAxisCrosshairComponent, i5.XAxisCrosshairTooltipComponent, i6.XAxisItemComponent, i7.XAxisLabelsComponent, i8.XAxisNotesComponent, i9.XAxisNotesIconComponent, i10.XAxisNotesLabelComponent, i11.XAxisTitleComponent, i12.YAxisComponent, i13.YAxisCrosshairComponent, i14.YAxisCrosshairTooltipComponent, i15.YAxisItemComponent, i16.YAxisLabelsComponent, i17.YAxisNotesComponent, i18.YAxisNotesIconComponent, i19.YAxisNotesLabelComponent, i20.YAxisTitleComponent, i21.ZoomableComponent, i22.TooltipPopupComponent, i23.SeriesTooltipTemplateDirective, i24.SharedTooltipTemplateDirective, i25.CrosshairTooltipsContainerComponent, i26.CrosshairTooltipComponent, i27.AxisDefaultsComponent, i28.AxisDefaultsCrosshairComponent, i29.AxisDefaultsCrosshairTooltipComponent, i30.AxisDefaultsLabelsComponent, i31.AxisDefaultsTitleComponent, i32.CategoryAxisComponent, i33.CategoryAxisCrosshairComponent, i34.CategoryAxisCrosshairTooltipComponent, i35.CategoryAxisItemComponent, i36.CategoryAxisLabelsComponent, i37.CategoryAxisRangeLabelsComponent, i38.CategoryAxisNotesComponent, i39.CategoryAxisNotesIconComponent, i40.CategoryAxisNotesLabelComponent, i41.CategoryAxisSelectComponent, i42.CategoryAxisTitleComponent, i43.ChartAreaComponent, i44.ChartBreadcrumbComponent, i45.LegendComponent, i46.LegendInactiveItemsComponent, i47.LegendItemComponent, i48.PaneComponent, i49.PaneDefaultsComponent, i50.PaneDefaultsTitleComponent, i51.PanesComponent, i52.PanesTitleComponent, i53.PlotAreaComponent, i54.SeriesComponent, i55.SeriesDefaultsComponent, i56.SeriesDefaultsLabelsComponent, i57.SeriesDefaultsLabelsFromComponent, i58.SeriesDefaultsLabelsToComponent, i59.SeriesDefaultsNotesComponent, i60.SeriesDefaultsNotesIconComponent, i61.SeriesDefaultsNotesLabelComponent, i62.SeriesDefaultsTooltipComponent, i63.SeriesDrilldownTemplateDirective, i64.SeriesErrorBarsComponent, i65.SeriesExtremesComponent, i66.SeriesHighlightComponent, i67.SeriesItemComponent, i68.SeriesLabelsComponent, i69.SeriesLabelsFromComponent, i70.SeriesLabelsToComponent, i71.SeriesMarkersComponent, i72.SeriesNotesComponent, i73.SeriesNotesIconComponent, i74.SeriesNotesLabelComponent, i75.SeriesOutliersComponent, i76.SeriesTooltipComponent, i77.SeriesTrendlineComponent, i78.SeriesTrendlineForecastComponent, i79.SubtitleComponent, i80.TitleComponent, i81.TooltipComponent, i82.ValueAxisComponent, i83.ValueAxisCrosshairComponent, i84.ValueAxisCrosshairTooltipComponent, i85.ValueAxisItemComponent, i86.ValueAxisLabelsComponent, i87.ValueAxisNotesComponent, i88.ValueAxisNotesIconComponent, i89.ValueAxisNotesLabelComponent, i90.ValueAxisTitleComponent], exports: [i1.ChartComponent, i2.DonutCenterTemplateDirective, i3.XAxisComponent, i4.XAxisCrosshairComponent, i5.XAxisCrosshairTooltipComponent, i6.XAxisItemComponent, i7.XAxisLabelsComponent, i8.XAxisNotesComponent, i9.XAxisNotesIconComponent, i10.XAxisNotesLabelComponent, i11.XAxisTitleComponent, i12.YAxisComponent, i13.YAxisCrosshairComponent, i14.YAxisCrosshairTooltipComponent, i15.YAxisItemComponent, i16.YAxisLabelsComponent, i17.YAxisNotesComponent, i18.YAxisNotesIconComponent, i19.YAxisNotesLabelComponent, i20.YAxisTitleComponent, i21.ZoomableComponent, i22.TooltipPopupComponent, i23.SeriesTooltipTemplateDirective, i24.SharedTooltipTemplateDirective, i25.CrosshairTooltipsContainerComponent, i26.CrosshairTooltipComponent, i27.AxisDefaultsComponent, i28.AxisDefaultsCrosshairComponent, i29.AxisDefaultsCrosshairTooltipComponent, i30.AxisDefaultsLabelsComponent, i31.AxisDefaultsTitleComponent, i32.CategoryAxisComponent, i33.CategoryAxisCrosshairComponent, i34.CategoryAxisCrosshairTooltipComponent, i35.CategoryAxisItemComponent, i36.CategoryAxisLabelsComponent, i37.CategoryAxisRangeLabelsComponent, i38.CategoryAxisNotesComponent, i39.CategoryAxisNotesIconComponent, i40.CategoryAxisNotesLabelComponent, i41.CategoryAxisSelectComponent, i42.CategoryAxisTitleComponent, i43.ChartAreaComponent, i44.ChartBreadcrumbComponent, i45.LegendComponent, i46.LegendInactiveItemsComponent, i47.LegendItemComponent, i48.PaneComponent, i49.PaneDefaultsComponent, i50.PaneDefaultsTitleComponent, i51.PanesComponent, i52.PanesTitleComponent, i53.PlotAreaComponent, i54.SeriesComponent, i55.SeriesDefaultsComponent, i56.SeriesDefaultsLabelsComponent, i57.SeriesDefaultsLabelsFromComponent, i58.SeriesDefaultsLabelsToComponent, i59.SeriesDefaultsNotesComponent, i60.SeriesDefaultsNotesIconComponent, i61.SeriesDefaultsNotesLabelComponent, i62.SeriesDefaultsTooltipComponent, i63.SeriesDrilldownTemplateDirective, i64.SeriesErrorBarsComponent, i65.SeriesExtremesComponent, i66.SeriesHighlightComponent, i67.SeriesItemComponent, i68.SeriesLabelsComponent, i69.SeriesLabelsFromComponent, i70.SeriesLabelsToComponent, i71.SeriesMarkersComponent, i72.SeriesNotesComponent, i73.SeriesNotesIconComponent, i74.SeriesNotesLabelComponent, i75.SeriesOutliersComponent, i76.SeriesTooltipComponent, i77.SeriesTrendlineComponent, i78.SeriesTrendlineForecastComponent, i79.SubtitleComponent, i80.TitleComponent, i81.TooltipComponent, i82.ValueAxisComponent, i83.ValueAxisCrosshairComponent, i84.ValueAxisCrosshairTooltipComponent, i85.ValueAxisItemComponent, i86.ValueAxisLabelsComponent, i87.ValueAxisNotesComponent, i88.ValueAxisNotesIconComponent, i89.ValueAxisNotesLabelComponent, i90.ValueAxisTitleComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartModule, providers: [IconsService, ResizeBatchService, PopupService, ThemeService], imports: [i1.ChartComponent, i44.ChartBreadcrumbComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ChartModule, imports: [i1.ChartComponent, i2.DonutCenterTemplateDirective, i3.NoDataTemplateDirective, i4.XAxisComponent, i5.XAxisCrosshairComponent, i6.XAxisCrosshairTooltipComponent, i7.XAxisItemComponent, i8.XAxisLabelsComponent, i9.XAxisNotesComponent, i10.XAxisNotesIconComponent, i11.XAxisNotesLabelComponent, i12.XAxisTitleComponent, i13.YAxisComponent, i14.YAxisCrosshairComponent, i15.YAxisCrosshairTooltipComponent, i16.YAxisItemComponent, i17.YAxisLabelsComponent, i18.YAxisNotesComponent, i19.YAxisNotesIconComponent, i20.YAxisNotesLabelComponent, i21.YAxisTitleComponent, i22.ZoomableComponent, i23.TooltipPopupComponent, i24.SeriesTooltipTemplateDirective, i25.SharedTooltipTemplateDirective, i26.CrosshairTooltipsContainerComponent, i27.CrosshairTooltipComponent, i28.AxisDefaultsComponent, i29.AxisDefaultsCrosshairComponent, i30.AxisDefaultsCrosshairTooltipComponent, i31.AxisDefaultsLabelsComponent, i32.AxisDefaultsTitleComponent, i33.CategoryAxisComponent, i34.CategoryAxisCrosshairComponent, i35.CategoryAxisCrosshairTooltipComponent, i36.CategoryAxisItemComponent, i37.CategoryAxisLabelsComponent, i38.CategoryAxisRangeLabelsComponent, i39.CategoryAxisNotesComponent, i40.CategoryAxisNotesIconComponent, i41.CategoryAxisNotesLabelComponent, i42.CategoryAxisSelectComponent, i43.CategoryAxisTitleComponent, i44.ChartAreaComponent, i45.ChartBreadcrumbComponent, i46.ChartCustomMessagesComponent, i47.LocalizedChartMessagesDirective, i48.LegendComponent, i49.LegendInactiveItemsComponent, i50.LegendItemComponent, i51.PaneComponent, i52.PaneDefaultsComponent, i53.PaneDefaultsTitleComponent, i54.PanesComponent, i55.PanesTitleComponent, i56.PlotAreaComponent, i57.SeriesComponent, i58.SeriesDefaultsComponent, i59.SeriesDefaultsLabelsComponent, i60.SeriesDefaultsLabelsFromComponent, i61.SeriesDefaultsLabelsToComponent, i62.SeriesDefaultsNotesComponent, i63.SeriesDefaultsNotesIconComponent, i64.SeriesDefaultsNotesLabelComponent, i65.SeriesDefaultsTooltipComponent, i66.SeriesDrilldownTemplateDirective, i67.SeriesErrorBarsComponent, i68.SeriesExtremesComponent, i69.SeriesHighlightComponent, i70.SeriesItemComponent, i71.SeriesLabelsComponent, i72.SeriesLabelsFromComponent, i73.SeriesLabelsToComponent, i74.SeriesMarkersComponent, i75.SeriesNotesComponent, i76.SeriesNotesIconComponent, i77.SeriesNotesLabelComponent, i78.SeriesOutliersComponent, i79.SeriesTooltipComponent, i80.SeriesTrendlineComponent, i81.SeriesTrendlineForecastComponent, i82.SubtitleComponent, i83.TitleComponent, i84.TooltipComponent, i85.ValueAxisComponent, i86.ValueAxisCrosshairComponent, i87.ValueAxisCrosshairTooltipComponent, i88.ValueAxisItemComponent, i89.ValueAxisLabelsComponent, i90.ValueAxisNotesComponent, i91.ValueAxisNotesIconComponent, i92.ValueAxisNotesLabelComponent, i93.ValueAxisTitleComponent], exports: [i1.ChartComponent, i2.DonutCenterTemplateDirective, i3.NoDataTemplateDirective, i4.XAxisComponent, i5.XAxisCrosshairComponent, i6.XAxisCrosshairTooltipComponent, i7.XAxisItemComponent, i8.XAxisLabelsComponent, i9.XAxisNotesComponent, i10.XAxisNotesIconComponent, i11.XAxisNotesLabelComponent, i12.XAxisTitleComponent, i13.YAxisComponent, i14.YAxisCrosshairComponent, i15.YAxisCrosshairTooltipComponent, i16.YAxisItemComponent, i17.YAxisLabelsComponent, i18.YAxisNotesComponent, i19.YAxisNotesIconComponent, i20.YAxisNotesLabelComponent, i21.YAxisTitleComponent, i22.ZoomableComponent, i23.TooltipPopupComponent, i24.SeriesTooltipTemplateDirective, i25.SharedTooltipTemplateDirective, i26.CrosshairTooltipsContainerComponent, i27.CrosshairTooltipComponent, i28.AxisDefaultsComponent, i29.AxisDefaultsCrosshairComponent, i30.AxisDefaultsCrosshairTooltipComponent, i31.AxisDefaultsLabelsComponent, i32.AxisDefaultsTitleComponent, i33.CategoryAxisComponent, i34.CategoryAxisCrosshairComponent, i35.CategoryAxisCrosshairTooltipComponent, i36.CategoryAxisItemComponent, i37.CategoryAxisLabelsComponent, i38.CategoryAxisRangeLabelsComponent, i39.CategoryAxisNotesComponent, i40.CategoryAxisNotesIconComponent, i41.CategoryAxisNotesLabelComponent, i42.CategoryAxisSelectComponent, i43.CategoryAxisTitleComponent, i44.ChartAreaComponent, i45.ChartBreadcrumbComponent, i46.ChartCustomMessagesComponent, i47.LocalizedChartMessagesDirective, i48.LegendComponent, i49.LegendInactiveItemsComponent, i50.LegendItemComponent, i51.PaneComponent, i52.PaneDefaultsComponent, i53.PaneDefaultsTitleComponent, i54.PanesComponent, i55.PanesTitleComponent, i56.PlotAreaComponent, i57.SeriesComponent, i58.SeriesDefaultsComponent, i59.SeriesDefaultsLabelsComponent, i60.SeriesDefaultsLabelsFromComponent, i61.SeriesDefaultsLabelsToComponent, i62.SeriesDefaultsNotesComponent, i63.SeriesDefaultsNotesIconComponent, i64.SeriesDefaultsNotesLabelComponent, i65.SeriesDefaultsTooltipComponent, i66.SeriesDrilldownTemplateDirective, i67.SeriesErrorBarsComponent, i68.SeriesExtremesComponent, i69.SeriesHighlightComponent, i70.SeriesItemComponent, i71.SeriesLabelsComponent, i72.SeriesLabelsFromComponent, i73.SeriesLabelsToComponent, i74.SeriesMarkersComponent, i75.SeriesNotesComponent, i76.SeriesNotesIconComponent, i77.SeriesNotesLabelComponent, i78.SeriesOutliersComponent, i79.SeriesTooltipComponent, i80.SeriesTrendlineComponent, i81.SeriesTrendlineForecastComponent, i82.SubtitleComponent, i83.TitleComponent, i84.TooltipComponent, i85.ValueAxisComponent, i86.ValueAxisCrosshairComponent, i87.ValueAxisCrosshairTooltipComponent, i88.ValueAxisItemComponent, i89.ValueAxisLabelsComponent, i90.ValueAxisNotesComponent, i91.ValueAxisNotesIconComponent, i92.ValueAxisNotesLabelComponent, i93.ValueAxisTitleComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartModule, providers: [IconsService, ResizeBatchService, PopupService, ThemeService], imports: [i1.ChartComponent, i45.ChartBreadcrumbComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartModule, decorators: [{
             type: NgModule,