@progress/kendo-angular-charts 18.5.2-develop.7 → 18.5.2-develop.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/esm2022/chart.component.mjs +25 -17
  2. package/esm2022/package-metadata.mjs +2 -2
  3. package/fesm2022/progress-kendo-angular-charts.mjs +27 -19
  4. package/package.json +9 -9
package/esm2022/chart.component.mjs CHANGED
@@ -269,10 +269,14 @@ export class ChartComponent {
269
269
  if (currentLevel <= level || !this.seriesComponents) {
270
270
  return;
271
271
  }
272
- const removed = this.drilldownState.slice(level);
273
- removed.forEach(view => view.destroy());
274
- this.drilldownState = this.drilldownState.slice(0, currentLevel - removed.length);
275
- this.seriesComponents.toArray().slice(-removed.length - 1).forEach(series => series.hidden = false);
272
+ this.drilldownState.slice(level, currentLevel).forEach((view) => {
273
+ const hiddenSeries = view.hiddenSeries;
274
+ hiddenSeries?.forEach(series => {
275
+ series.hidden = false;
276
+ });
277
+ view.destroy();
278
+ });
279
+ this.drilldownState.length = level;
276
280
  this.drilldownLevelChange.emit(level);
277
281
  }
278
282
  /**
@@ -350,24 +354,28 @@ export class ChartComponent {
350
354
  this.subscriptions.add(this.localizationService.changes.subscribe(this.rtlChange.bind(this)));
351
355
  }
352
356
  onDrilldown(e) {
357
+ const seriesComponent = this.seriesComponents.find(sc => sc.name === e.series.name);
358
+ const seriesCollection = this.seriesCollectionComponent.first;
359
+ if (!seriesComponent?.drilldownTemplate || !seriesCollection) {
360
+ return;
361
+ }
353
362
  const args = new DrilldownEvent(e, this);
354
363
  this.run(() => this.drilldown.emit(args));
355
364
  if (args.isDefaultPrevented()) {
356
365
  return;
357
366
  }
358
- const seriesCollection = this.seriesCollectionComponent.first;
359
- const seriesComponent = this.seriesComponents.find((sc) => sc.name === e.series.name);
360
- if (seriesComponent.drilldownTemplate) {
361
- seriesComponent.hidden = true;
362
- const view = seriesCollection.viewContainer.createEmbeddedView(seriesComponent.drilldownTemplate.templateRef, {
363
- drilldownValue: e.value,
364
- point: e.point,
365
- series: e.series
366
- });
367
- view.markForCheck();
368
- this.drilldownState.push(view);
369
- this.drilldownLevelChange.emit(this.drilldownLevel);
370
- }
367
+ const hiddenSeries = [];
368
+ this.seriesComponents.forEach(series => {
369
+ if (!series.hidden) {
370
+ series.hidden = true;
371
+ hiddenSeries.push(series);
372
+ }
373
+ });
374
+ const view = seriesCollection.viewContainer.createEmbeddedView(seriesComponent.drilldownTemplate.templateRef, { drilldownValue: e.value, point: e.point, series: e.series });
375
+ view.hiddenSeries = hiddenSeries;
376
+ view.markForCheck();
377
+ this.drilldownState.push(view);
378
+ this.drilldownLevelChange.emit(this.drilldownLevel);
371
379
  }
372
380
  ngAfterViewChecked() {
373
381
  if (this.instance && this.autoResize) {
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1744877653,
14
- version: '18.5.2-develop.7',
13
+ publishDate: 1744880400,
14
+ version: '18.5.2-develop.8',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/fesm2022/progress-kendo-angular-charts.mjs CHANGED
@@ -2733,8 +2733,8 @@ const packageMetadata = {
2733
2733
  productName: 'Kendo UI for Angular',
2734
2734
  productCode: 'KENDOUIANGULAR',
2735
2735
  productCodes: ['KENDOUIANGULAR'],
2736
- publishDate: 1744877653,
2737
- version: '18.5.2-develop.7',
2736
+ publishDate: 1744880400,
2737
+ version: '18.5.2-develop.8',
2738
2738
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
2739
2739
  };
2740
2740
 
@@ -3153,10 +3153,14 @@ class ChartComponent {
3153
3153
  if (currentLevel <= level || !this.seriesComponents) {
3154
3154
  return;
3155
3155
  }
3156
- const removed = this.drilldownState.slice(level);
3157
- removed.forEach(view => view.destroy());
3158
- this.drilldownState = this.drilldownState.slice(0, currentLevel - removed.length);
3159
- this.seriesComponents.toArray().slice(-removed.length - 1).forEach(series => series.hidden = false);
3156
+ this.drilldownState.slice(level, currentLevel).forEach((view) => {
3157
+ const hiddenSeries = view.hiddenSeries;
3158
+ hiddenSeries?.forEach(series => {
3159
+ series.hidden = false;
3160
+ });
3161
+ view.destroy();
3162
+ });
3163
+ this.drilldownState.length = level;
3160
3164
  this.drilldownLevelChange.emit(level);
3161
3165
  }
3162
3166
  /**
@@ -3234,24 +3238,28 @@ class ChartComponent {
3234
3238
  this.subscriptions.add(this.localizationService.changes.subscribe(this.rtlChange.bind(this)));
3235
3239
  }
3236
3240
  onDrilldown(e) {
3241
+ const seriesComponent = this.seriesComponents.find(sc => sc.name === e.series.name);
3242
+ const seriesCollection = this.seriesCollectionComponent.first;
3243
+ if (!seriesComponent?.drilldownTemplate || !seriesCollection) {
3244
+ return;
3245
+ }
3237
3246
  const args = new DrilldownEvent(e, this);
3238
3247
  this.run(() => this.drilldown.emit(args));
3239
3248
  if (args.isDefaultPrevented()) {
3240
3249
  return;
3241
3250
  }
3242
- const seriesCollection = this.seriesCollectionComponent.first;
3243
- const seriesComponent = this.seriesComponents.find((sc) => sc.name === e.series.name);
3244
- if (seriesComponent.drilldownTemplate) {
3245
- seriesComponent.hidden = true;
3246
- const view = seriesCollection.viewContainer.createEmbeddedView(seriesComponent.drilldownTemplate.templateRef, {
3247
- drilldownValue: e.value,
3248
- point: e.point,
3249
- series: e.series
3250
- });
3251
- view.markForCheck();
3252
- this.drilldownState.push(view);
3253
- this.drilldownLevelChange.emit(this.drilldownLevel);
3254
- }
3251
+ const hiddenSeries = [];
3252
+ this.seriesComponents.forEach(series => {
3253
+ if (!series.hidden) {
3254
+ series.hidden = true;
3255
+ hiddenSeries.push(series);
3256
+ }
3257
+ });
3258
+ const view = seriesCollection.viewContainer.createEmbeddedView(seriesComponent.drilldownTemplate.templateRef, { drilldownValue: e.value, point: e.point, series: e.series });
3259
+ view.hiddenSeries = hiddenSeries;
3260
+ view.markForCheck();
3261
+ this.drilldownState.push(view);
3262
+ this.drilldownLevelChange.emit(this.drilldownLevel);
3255
3263
  }
3256
3264
  ngAfterViewChecked() {
3257
3265
  if (this.instance && this.autoResize) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-charts",
3
- "version": "18.5.2-develop.7",
3
+ "version": "18.5.2-develop.8",
4
4
  "description": "Kendo UI Charts for Angular - A comprehensive package for creating beautiful and interactive data visualization. Every chart type, stock charts, and sparklines are included.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -42,7 +42,7 @@
42
42
  "package": {
43
43
  "productName": "Kendo UI for Angular",
44
44
  "productCode": "KENDOUIANGULAR",
45
- "publishDate": 1744877653,
45
+ "publishDate": 1744880400,
46
46
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
47
47
  }
48
48
  },
@@ -53,17 +53,17 @@
53
53
  "@angular/platform-browser": "16 - 19",
54
54
  "@progress/kendo-drawing": "^1.21.0",
55
55
  "@progress/kendo-licensing": "^1.5.0",
56
- "@progress/kendo-angular-common": "18.5.2-develop.7",
57
- "@progress/kendo-angular-intl": "18.5.2-develop.7",
58
- "@progress/kendo-angular-icons": "18.5.2-develop.7",
59
- "@progress/kendo-angular-l10n": "18.5.2-develop.7",
60
- "@progress/kendo-angular-popup": "18.5.2-develop.7",
61
- "@progress/kendo-angular-navigation": "18.5.2-develop.7",
56
+ "@progress/kendo-angular-common": "18.5.2-develop.8",
57
+ "@progress/kendo-angular-intl": "18.5.2-develop.8",
58
+ "@progress/kendo-angular-icons": "18.5.2-develop.8",
59
+ "@progress/kendo-angular-l10n": "18.5.2-develop.8",
60
+ "@progress/kendo-angular-popup": "18.5.2-develop.8",
61
+ "@progress/kendo-angular-navigation": "18.5.2-develop.8",
62
62
  "rxjs": "^6.5.3 || ^7.0.0"
63
63
  },
64
64
  "dependencies": {
65
65
  "tslib": "^2.3.1",
66
- "@progress/kendo-angular-schematics": "18.5.2-develop.7",
66
+ "@progress/kendo-angular-schematics": "18.5.2-develop.8",
67
67
  "@progress/kendo-charts": "2.7.2",
68
68
  "@progress/kendo-svg-icons": "^4.0.0"
69
69
  },