@progress/kendo-angular-charts 18.6.0-develop.1 → 19.0.0-develop.2

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1745314758,
-    version: '18.6.0-develop.1',
+    publishDate: 1745321768,
+    version: '19.0.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/sankey.component.mjs

@@ -153,6 +153,7 @@ export class SankeyComponent {
     destroyed;
     subscriptions;
     rtl = false;
+    hostClasses = ['k-chart', 'k-sankey'];
     constructor(element, configurationService, themeService, localizationService, instanceEventService, ngZone, changeDetector, renderer, intlService) {
         this.element = element;
         this.configurationService = configurationService;
@@ -168,6 +169,13 @@ export class SankeyComponent {
         this.themeService.loadTheme();
         this.refreshWait();
     }
+    ngOnInit() {
+        if (this.element) {
+            this.hostClasses.forEach(name => {
+                this.renderer.addClass(this.element.nativeElement, name);
+            });
+        }
+    }
     ngAfterViewInit() {
         this.setDirection();
         this.subscriptions = this.intlService.changes.subscribe(this.intlChange.bind(this));
@@ -219,6 +227,9 @@ export class SankeyComponent {
         ['nodeEnter', 'nodeLeave', 'nodeClick', 'linkEnter', 'linkLeave', 'linkClick'].forEach((eventName) => this.instance.bind(eventName, (e) => this.trigger(eventName, e)));
         this.instance.bind('tooltipShow', (e) => this.onShowTooltip(e));
         this.instance.bind('tooltipHide', () => this.onHideTooltip());
+        this.hostClasses.forEach(name => {
+            this.renderer.removeClass(this.instanceElement.nativeElement, name);
+        });
     }
     /**
      * Exports the Sankey diagram as an image. The export operation is asynchronous and returns a promise.
@@ -385,7 +396,7 @@ export class SankeyComponent {
             i18n-tooltipUnitFormat="kendo.sankey.tooltipUnitFormat|The format string to use when displaying node and link values in the tooltip"
             tooltipUnitFormat="({0} units)"
         ></ng-container>
-        <div #instance></div>
+        <div #instance class="k-chart-surface"></div>
         <kendo-sankey-tooltip-popup
             [popupSettings]="popupSettings"
             [tooltipUnitFormat]="messageFor('tooltipUnitFormat')"
@@ -416,7 +427,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             i18n-tooltipUnitFormat="kendo.sankey.tooltipUnitFormat|The format string to use when displaying node and link values in the tooltip"
             tooltipUnitFormat="({0} units)"
         ></ng-container>
-        <div #instance></div>
+        <div #instance class="k-chart-surface"></div>
         <kendo-sankey-tooltip-popup
             [popupSettings]="popupSettings"
             [tooltipUnitFormat]="messageFor('tooltipUnitFormat')"

package/fesm2022/progress-kendo-angular-charts.mjs

@@ -2733,8 +2733,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1745314758,
-    version: '18.6.0-develop.1',
+    publishDate: 1745321768,
+    version: '19.0.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -11248,6 +11248,7 @@ class SankeyComponent {
     destroyed;
     subscriptions;
     rtl = false;
+    hostClasses = ['k-chart', 'k-sankey'];
     constructor(element, configurationService, themeService, localizationService, instanceEventService, ngZone, changeDetector, renderer, intlService) {
         this.element = element;
         this.configurationService = configurationService;
@@ -11263,6 +11264,13 @@ class SankeyComponent {
         this.themeService.loadTheme();
         this.refreshWait();
     }
+    ngOnInit() {
+        if (this.element) {
+            this.hostClasses.forEach(name => {
+                this.renderer.addClass(this.element.nativeElement, name);
+            });
+        }
+    }
     ngAfterViewInit() {
         this.setDirection();
         this.subscriptions = this.intlService.changes.subscribe(this.intlChange.bind(this));
@@ -11314,6 +11322,9 @@ class SankeyComponent {
         ['nodeEnter', 'nodeLeave', 'nodeClick', 'linkEnter', 'linkLeave', 'linkClick'].forEach((eventName) => this.instance.bind(eventName, (e) => this.trigger(eventName, e)));
         this.instance.bind('tooltipShow', (e) => this.onShowTooltip(e));
         this.instance.bind('tooltipHide', () => this.onHideTooltip());
+        this.hostClasses.forEach(name => {
+            this.renderer.removeClass(this.instanceElement.nativeElement, name);
+        });
     }
     /**
      * Exports the Sankey diagram as an image. The export operation is asynchronous and returns a promise.
@@ -11480,7 +11491,7 @@ class SankeyComponent {
             i18n-tooltipUnitFormat="kendo.sankey.tooltipUnitFormat|The format string to use when displaying node and link values in the tooltip"
             tooltipUnitFormat="({0} units)"
         ></ng-container>
-        <div #instance></div>
+        <div #instance class="k-chart-surface"></div>
         <kendo-sankey-tooltip-popup
             [popupSettings]="popupSettings"
             [tooltipUnitFormat]="messageFor('tooltipUnitFormat')"
@@ -11511,7 +11522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             i18n-tooltipUnitFormat="kendo.sankey.tooltipUnitFormat|The format string to use when displaying node and link values in the tooltip"
             tooltipUnitFormat="({0} units)"
         ></ng-container>
-        <div #instance></div>
+        <div #instance class="k-chart-surface"></div>
         <kendo-sankey-tooltip-popup
             [popupSettings]="popupSettings"
             [tooltipUnitFormat]="messageFor('tooltipUnitFormat')"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-charts",
-  "version": "18.6.0-develop.1",
+  "version": "19.0.0-develop.2",
   "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.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -42,7 +42,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1745314758,
+      "publishDate": 1745321768,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -53,17 +53,17 @@
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-common": "18.6.0-develop.1",
-    "@progress/kendo-angular-intl": "18.6.0-develop.1",
-    "@progress/kendo-angular-icons": "18.6.0-develop.1",
-    "@progress/kendo-angular-l10n": "18.6.0-develop.1",
-    "@progress/kendo-angular-popup": "18.6.0-develop.1",
-    "@progress/kendo-angular-navigation": "18.6.0-develop.1",
+    "@progress/kendo-angular-common": "19.0.0-develop.2",
+    "@progress/kendo-angular-intl": "19.0.0-develop.2",
+    "@progress/kendo-angular-icons": "19.0.0-develop.2",
+    "@progress/kendo-angular-l10n": "19.0.0-develop.2",
+    "@progress/kendo-angular-popup": "19.0.0-develop.2",
+    "@progress/kendo-angular-navigation": "19.0.0-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "18.6.0-develop.1",
+    "@progress/kendo-angular-schematics": "19.0.0-develop.2",
     "@progress/kendo-charts": "2.7.2",
     "@progress/kendo-svg-icons": "^4.0.0"
   },

package/sankey.component.d.ts

@@ -141,7 +141,9 @@ export declare class SankeyComponent implements AfterViewInit, OnChanges, OnDest
     protected destroyed: boolean;
     protected subscriptions: Subscription;
     protected rtl: boolean;
+    protected hostClasses: string[];
     constructor(element: ElementRef, configurationService: ConfigurationService, themeService: SankeyThemeService, localizationService: LocalizationService, instanceEventService: InstanceEventService, ngZone: NgZone, changeDetector: ChangeDetectorRef, renderer: Renderer2, intlService: IntlService);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: {
         [propertyName: string]: SimpleChange;