@progress/kendo-angular-charts 12.2.0-develop.7 → 13.0.0-develop.10

package/esm2020/chart-breadcrumb.component.mjs

@@ -0,0 +1,82 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, ViewChild, isDevMode } from '@angular/core';
+import { BreadCrumbComponent } from '@progress/kendo-angular-navigation';
+import { ChartComponent } from './index';
+import { homeIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-navigation";
+/**
+ * Navigation Breadcrumb component for Drilldown Charts.
+ *
+ * Use this component to implement navigation for [Drilldown Charts](slug:drilldown_chart_charts).
+ * Use the `chart` input to link the Breadcrumb to the Chart instance.
+ *
+ */
+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' };
+    }
+    ngOnInit() {
+        this.items = [this.rootItem];
+        if (this.chart) {
+            this.subscription = this.chart.drilldown.subscribe((e) => {
+                this.items = [...this.items, { text: e.point.category.toString() }];
+            });
+        }
+        else if (isDevMode()) {
+            console.warn('Chart Breadcrumb: No Chart instance supplied. Navigation is inactive.');
+        }
+    }
+    ngOnChanges(changes) {
+        const rootItemChange = changes['rootItem'];
+        if (rootItemChange && this.items) {
+            this.items[0] = rootItemChange.currentValue;
+        }
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+            this.subscription = null;
+        }
+    }
+    /**
+     * @hidden
+     */
+    onItemClick(target) {
+        const level = this.items.findIndex(item => item === target);
+        this.chart.drilldownLevel = level;
+        this.items = this.items.slice(0, level + 1);
+    }
+}
+ChartBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChartBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChartBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ChartBreadcrumbComponent, 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, components: [{ type: i1.BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: ["items", "separatorIcon", "separatorSVGIcon", "collapseMode"], outputs: ["itemClick"], exportAs: ["kendoBreadCrumb"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChartBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoChartBreadcrumb',
+                    selector: 'kendo-chart-breadcrumb',
+                    template: `
+        <kendo-breadcrumb [items]="items" (itemClick)="onItemClick($event)">
+        </kendo-breadcrumb>
+    `
+                }]
+        }], propDecorators: { chart: [{
+                type: Input
+            }], rootItem: [{
+                type: Input
+            }], breadcrumb: [{
+                type: ViewChild,
+                args: ['breadcrumb', { static: true }]
+            }] } });

package/esm2020/chart.component.mjs

@@ -30,6 +30,8 @@ import { InstanceEventService } from './events/instance-event.service';
 import { LegendItemClickEvent } from './events/legend-item-click-event';
 import { RenderEvent } from './events/render-event';
 import { packageMetadata } from './package-metadata';
+import { SeriesComponent } from './chart/series.component';
+import { DrilldownEvent } from './events/drilldown-event';
 import * as i0 from "@angular/core";
 import * as i1 from "./common/configuration.service";
 import * as i2 from "./common/theme.service";
@@ -187,6 +189,10 @@ export class ChartComponent {
          * 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_charts)).
          */
@@ -216,6 +222,10 @@ export class ChartComponent {
          * 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.
@@ -248,10 +258,33 @@ export class ChartComponent {
         this.suppressTransitions = false;
         this.rtl = false;
         this.hostClasses = ['k-chart', 'k-widget'];
+        this.drilldownState = [];
         validatePackage(packageMetadata);
         this.themeService.loadTheme();
         this.refreshWait();
     }
+    /**
+     * Gets or sets the current drill-down level for [Drilldown Charts](slug:drilldown_chart_charts).
+     *
+     * To return to a previous level, set the value to a number less than the current level.
+     * To return to the root chart, set the value to 0.
+     *
+     * Setting the value to a number greater than the current level will have no effect.
+     */
+    get drilldownLevel() {
+        return this.drilldownState.length;
+    }
+    set drilldownLevel(level) {
+        const currentLevel = this.drilldownState.length;
+        if (currentLevel <= level || !this.seriesComponents) {
+            return;
+        }
+        const removed = this.drilldownState.slice(level);
+        removed.forEach(view => view.destroy());
+        this.drilldownState = this.drilldownState.slice(0, currentLevel - removed.length);
+        this.seriesComponents.toArray().slice(-removed.length - 1).forEach(series => series.hidden = false);
+        this.drilldownLevelChange.emit(level);
+    }
     ngOnInit() {
         if (this.element) {
             this.hostClasses.forEach(name => {
@@ -273,6 +306,26 @@ export class ChartComponent {
         this.subscriptions = this.intl.changes.subscribe(this.intlChange.bind(this));
         this.subscriptions.add(this.localizationService.changes.subscribe(this.rtlChange.bind(this)));
     }
+    onDrilldown(e) {
+        const args = new DrilldownEvent(e, this);
+        this.run(() => this.drilldown.emit(args));
+        if (args.isDefaultPrevented()) {
+            return;
+        }
+        const seriesCollection = this.seriesCollectionComponent.first;
+        const seriesComponent = this.seriesComponents.find((sc) => sc.name === e.series.name);
+        if (seriesComponent.drilldownTemplate) {
+            seriesComponent.hidden = true;
+            const view = seriesCollection.viewContainer.createEmbeddedView(seriesComponent.drilldownTemplate.templateRef, {
+                drilldownValue: e.value,
+                point: e.point,
+                series: e.series
+            });
+            view.markForCheck();
+            this.drilldownState.push(view);
+            this.drilldownLevelChange.emit(this.drilldownLevel);
+        }
+    }
     ngAfterViewChecked() {
         if (this.instance && this.autoResize) {
             this.ngZone.runOutsideAngular(() => {
@@ -522,6 +575,10 @@ export class ChartComponent {
         if (name === 'resize') {
             return;
         }
+        if (name === 'drilldown') {
+            this.onDrilldown(e);
+            return;
+        }
         const emitter = this.activeEmitter(name);
         if (emitter) {
             const args = this.instanceEventService.create(name, e, this);
@@ -698,7 +755,7 @@ export class ChartComponent {
     }
 }
 ChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.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 });
-ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ChartComponent, 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" }, 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", seriesHover: "seriesHover", seriesOver: "seriesOver", seriesLeave: "seriesLeave", zoom: "zoom", zoomEnd: "zoomEnd", zoomStart: "zoomStart", legendItemClick: "legendItemClick" }, providers: [
+ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ChartComponent, 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,
@@ -707,7 +764,7 @@ ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
             provide: L10N_PREFIX,
             useValue: 'kendo.chart'
         }
-    ], queries: [{ propertyName: "donutCenterTemplate", first: true, predicate: DonutCenterTemplateDirective, descendants: true }, { 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: `
+    ], 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>
@@ -822,6 +879,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Output
             }], seriesClick: [{
                 type: Output
+            }], drilldown: [{
+                type: Output
             }], seriesHover: [{
                 type: Output
             }], seriesOver: [{
@@ -836,10 +895,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Output
             }], legendItemClick: [{
                 type: Output
+            }], drilldownLevelChange: [{
+                type: Output
             }], resizeRateLimit: [{
                 type: Input
             }], popupSettings: [{
                 type: Input
+            }], drilldownLevel: [{
+                type: Input
+            }], seriesCollectionComponent: [{
+                type: ContentChildren,
+                args: [SeriesComponent]
             }], seriesComponents: [{
                 type: ContentChildren,
                 args: [SeriesItemComponent, { descendants: true }]

package/esm2020/chart.directives.mjs

@@ -88,8 +88,10 @@ import { YAxisNotesIconComponent } from './chart/y-axis-item/notes.icon.componen
 import { YAxisNotesLabelComponent } from './chart/y-axis-item/notes.label.component';
 import { YAxisTitleComponent } from './chart/y-axis-item/title.component';
 import { ZoomableComponent } from './chart/zoomable.component';
+import { SeriesDrilldownTemplateDirective } from './chart/series-drilldown-template.directive';
+import { ChartBreadcrumbComponent } from './chart-breadcrumb.component';
 // Re-exports
-export { ChartComponent, AxisDefaultsComponent, AxisDefaultsCrosshairComponent, AxisDefaultsCrosshairTooltipComponent, AxisDefaultsLabelsComponent, AxisDefaultsTitleComponent, CategoryAxisComponent, CategoryAxisCrosshairComponent, CategoryAxisCrosshairTooltipComponent, CategoryAxisItemComponent, CategoryAxisLabelsComponent, CategoryAxisRangeLabelsComponent, CategoryAxisNotesComponent, CategoryAxisNotesIconComponent, CategoryAxisNotesLabelComponent, CategoryAxisSelectComponent, CategoryAxisTitleComponent, ChartAreaComponent, LegendComponent, LegendInactiveItemsComponent, LegendItemComponent, PaneComponent, PaneDefaultsComponent, PaneDefaultsTitleComponent, PanesComponent, PanesTitleComponent, PlotAreaComponent, SeriesComponent, SeriesDefaultsComponent, SeriesDefaultsLabelsComponent, SeriesDefaultsLabelsFromComponent, SeriesDefaultsLabelsToComponent, SeriesDefaultsNotesComponent, SeriesDefaultsNotesIconComponent, SeriesDefaultsNotesLabelComponent, SeriesDefaultsTooltipComponent, SeriesErrorBarsComponent, SeriesExtremesComponent, SeriesHighlightComponent, SeriesItemComponent, SeriesLabelsComponent, SeriesLabelsFromComponent, SeriesLabelsToComponent, SeriesMarkersComponent, SeriesNotesComponent, SeriesNotesIconComponent, SeriesNotesLabelComponent, SeriesOutliersComponent, SeriesTooltipComponent, SubtitleComponent, TitleComponent, TooltipComponent, ValueAxisComponent, ValueAxisCrosshairComponent, ValueAxisCrosshairTooltipComponent, ValueAxisItemComponent, ValueAxisLabelsComponent, ValueAxisNotesComponent, ValueAxisNotesIconComponent, ValueAxisNotesLabelComponent, ValueAxisTitleComponent, XAxisComponent, XAxisCrosshairComponent, XAxisCrosshairTooltipComponent, XAxisItemComponent, XAxisLabelsComponent, XAxisNotesComponent, XAxisNotesIconComponent, XAxisNotesLabelComponent, XAxisTitleComponent, YAxisComponent, YAxisCrosshairComponent, YAxisCrosshairTooltipComponent, YAxisItemComponent, YAxisLabelsComponent, YAxisNotesComponent, YAxisNotesIconComponent, YAxisNotesLabelComponent, YAxisTitleComponent, ZoomableComponent };
+export { ChartComponent, AxisDefaultsComponent, AxisDefaultsCrosshairComponent, AxisDefaultsCrosshairTooltipComponent, AxisDefaultsLabelsComponent, AxisDefaultsTitleComponent, CategoryAxisComponent, CategoryAxisCrosshairComponent, CategoryAxisCrosshairTooltipComponent, CategoryAxisItemComponent, CategoryAxisLabelsComponent, CategoryAxisRangeLabelsComponent, CategoryAxisNotesComponent, CategoryAxisNotesIconComponent, CategoryAxisNotesLabelComponent, CategoryAxisSelectComponent, CategoryAxisTitleComponent, ChartAreaComponent, ChartBreadcrumbComponent, LegendComponent, LegendInactiveItemsComponent, LegendItemComponent, PaneComponent, PaneDefaultsComponent, PaneDefaultsTitleComponent, PanesComponent, PanesTitleComponent, PlotAreaComponent, SeriesComponent, SeriesDefaultsComponent, SeriesDefaultsLabelsComponent, SeriesDefaultsLabelsFromComponent, SeriesDefaultsLabelsToComponent, SeriesDefaultsNotesComponent, SeriesDefaultsNotesIconComponent, SeriesDefaultsNotesLabelComponent, SeriesDefaultsTooltipComponent, SeriesErrorBarsComponent, SeriesExtremesComponent, SeriesHighlightComponent, SeriesItemComponent, SeriesLabelsComponent, SeriesLabelsFromComponent, SeriesLabelsToComponent, SeriesMarkersComponent, SeriesNotesComponent, SeriesNotesIconComponent, SeriesNotesLabelComponent, SeriesOutliersComponent, SeriesTooltipComponent, SubtitleComponent, TitleComponent, TooltipComponent, ValueAxisComponent, ValueAxisCrosshairComponent, ValueAxisCrosshairTooltipComponent, ValueAxisItemComponent, ValueAxisLabelsComponent, ValueAxisNotesComponent, ValueAxisNotesIconComponent, ValueAxisNotesLabelComponent, ValueAxisTitleComponent, XAxisComponent, XAxisCrosshairComponent, XAxisCrosshairTooltipComponent, XAxisItemComponent, XAxisLabelsComponent, XAxisNotesComponent, XAxisNotesIconComponent, XAxisNotesLabelComponent, XAxisTitleComponent, YAxisComponent, YAxisCrosshairComponent, YAxisCrosshairTooltipComponent, YAxisItemComponent, YAxisLabelsComponent, YAxisNotesComponent, YAxisNotesIconComponent, YAxisNotesLabelComponent, YAxisTitleComponent, ZoomableComponent };
 /**
  * @hidden
  */
@@ -118,6 +120,7 @@ export const CHART_DIRECTIVES = [
     CategoryAxisSelectComponent,
     CategoryAxisTitleComponent,
     ChartAreaComponent,
+    ChartBreadcrumbComponent,
     LegendComponent,
     LegendInactiveItemsComponent,
     LegendItemComponent,
@@ -136,6 +139,7 @@ export const CHART_DIRECTIVES = [
     SeriesDefaultsNotesIconComponent,
     SeriesDefaultsNotesLabelComponent,
     SeriesDefaultsTooltipComponent,
+    SeriesDrilldownTemplateDirective,
     SeriesErrorBarsComponent,
     SeriesExtremesComponent,
     SeriesHighlightComponent,

package/esm2020/chart.module.mjs

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

package/esm2020/common/collection-item.component.mjs

@@ -18,6 +18,7 @@ export class CollectionItemComponent {
         this.configurationService = configurationService;
         this.collectionService = collectionService;
         this.options = {};
+        this.hidden = false;
         this.subscription = configurationService.onFastChange$.subscribe(store => {
             this.options = store;
             this.notify();

package/esm2020/common/collection.component.mjs

@@ -31,7 +31,7 @@ export class CollectionComponent {
         if (!this.children) {
             return;
         }
-        const index = this.children.toArray().indexOf(changes.sender);
+        const index = this.children.toArray().filter(s => !s.hidden).indexOf(changes.sender);
         if (index < 0) {
             return;
         }
@@ -39,7 +39,7 @@ export class CollectionComponent {
         this.change();
     }
     readItems() {
-        this.items = this.children.map(s => s.options);
+        this.items = this.children.filter(s => !s.hidden).map(s => s.options);
         this.change();
     }
     change() {

package/esm2020/common/events.mjs

@@ -7,6 +7,7 @@ export { AxisLabelClickEvent } from '../events/axis-label-click-event';
 export { DragEndEvent } from '../events/drag-end-event';
 export { DragEvent } from '../events/drag-event';
 export { DragStartEvent } from '../events/drag-start-event';
+export { DrilldownEvent } from '../events/drilldown-event';
 export { LegendItemClickEvent } from '../events/legend-item-click-event';
 export { LegendItemHoverEvent } from '../events/legend-item-hover-event';
 export { LegendItemLeaveEvent } from '../events/legend-item-leave-event';

package/esm2020/events/drilldown-event.mjs

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from './preventable-event';
+/**
+ * Arguments for the `drilldown` event.
+ *
+ * See [Drilldown Charts](slug:drilldown_chart_charts).
+ */
+export class DrilldownEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(e, sender) {
+        super(sender);
+        this.value = e.value;
+        this.point = e.point;
+        this.series = e.series;
+    }
+}

package/esm2020/index.mjs

@@ -52,3 +52,4 @@ export { NavigatorSeriesNotesIconComponent } from './stock-chart/navigator/serie
 export { NavigatorSeriesNotesLabelComponent } from './stock-chart/navigator/series-item/notes.label.component';
 export { NavigatorSeriesOutliersComponent } from './stock-chart/navigator/series-item/outliers.component';
 export { NavigatorSeriesTooltipComponent } from './stock-chart/navigator/series-item/tooltip.component';
+export { SeriesDrilldownTemplateDirective } from './chart/series-drilldown-template.directive';

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1684779949,
-    version: '12.2.0-develop.7',
+    publishDate: 1685119611,
+    version: '13.0.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/sparkline.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Input, Component, NgZone, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy, Renderer2 } from '@angular/core';
+import { Input, Component, NgZone, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy, Renderer2, Output, EventEmitter } from '@angular/core';
 import { ConfigurationService } from './common/configuration.service';
 import { TooltipTemplateService } from './common/tooltip-template.service';
 import { InstanceEventService } from './events/instance-event.service';
@@ -59,6 +59,14 @@ export class SparklineComponent extends ChartComponent {
         this.instanceEventService = instanceEventService;
         this.changeDetector = changeDetector;
         this.renderer = renderer;
+        /**
+         * @hidden
+         */
+        this.drilldown = new EventEmitter();
+        /**
+         * @hidden
+         */
+        this.drilldownLevelChange = new EventEmitter();
         /**
          * @hidden
          */
@@ -72,6 +80,12 @@ export class SparklineComponent extends ChartComponent {
         this.hostClasses = ['k-sparkline', 'k-widget'];
         validatePackage(packageMetadata);
     }
+    /**
+     * @hidden
+     */
+    get drilldownLevel() {
+        return this.drilldownState.length;
+    }
     createInstance(element, observer) {
         this.instance = new Sparkline(element, Sparkline.normalizeOptions(this.options), this.theme, {
             intlService: this.intl,
@@ -85,7 +99,7 @@ export class SparklineComponent extends ChartComponent {
     }
 }
 SparklineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SparklineComponent, 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 });
-SparklineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SparklineComponent, selector: "kendo-sparkline", inputs: { type: "type", data: "data" }, providers: [
+SparklineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SparklineComponent, selector: "kendo-sparkline", inputs: { type: "type", data: "data", drilldownLevel: "drilldownLevel" }, outputs: { drilldown: "drilldown", drilldownLevelChange: "drilldownLevelChange" }, providers: [
         ConfigurationService,
         TooltipTemplateService,
         InstanceEventService,
@@ -133,4 +147,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], data: [{
                 type: Input
+            }], drilldown: [{
+                type: Output
+            }], drilldownLevelChange: [{
+                type: Output
+            }], drilldownLevel: [{
+                type: Input
             }] } });

package/esm2020/stock-chart/navigator/series-item.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 import { CollectionService } from '../../common/collection.service';
 import { ConfigurationService } from '../../common/configuration.service';
 import { SeriesItemComponent } from '../../chart/series-item.component';
@@ -21,7 +21,7 @@ export class NavigatorSeriesItemComponent extends SeriesItemComponent {
     }
 }
 NavigatorSeriesItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigatorSeriesItemComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }], target: i0.ɵɵFactoryTarget.Component });
-NavigatorSeriesItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NavigatorSeriesItemComponent, selector: "kendo-chart-navigator-series-item", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NavigatorSeriesItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NavigatorSeriesItemComponent, selector: "kendo-chart-navigator-series-item", inputs: { drilldownField: "drilldownField" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigatorSeriesItemComponent, decorators: [{
             type: Component,
             args: [{
@@ -30,4 +30,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'kendo-chart-navigator-series-item',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.CollectionService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.CollectionService }]; }, propDecorators: { drilldownField: [{
+                type: Input
+            }] } });