cats-charts 0.0.97 → 0.0.99

package/fesm2022/cats-charts.mjs

@@ -4140,12 +4140,15 @@ class SankeyChart {
                             : labelTypography?.underline
                                 ? 'underline'
                                 : undefined,
-                        align: styling?.labels?.alignment === 'default' ? undefined : styling?.labels?.alignment,
+                        ...(styling?.labels?.alignment !== 'default' && {
+                            position: styling?.labels?.alignment,
+                        }),
                         formatter: (params) => this.formatNodeLabel(String(params.name ?? ''), visibleNodeMeta.get(String(params.name ?? '')), totalValue),
                     },
                 },
             ],
         };
+        console.log(this.chartOption);
         if (this.chartInstance) {
             this.chartInstance.setOption(this.chartOption, true);
         }
@@ -4560,49 +4563,53 @@ class SankeyChart {
         this.chartInstance.off();
         this.bindSankeyDragBounds();
         this.events.forEach((eventName) => {
-            this.chartInstance.on(eventName, (params) => {
-                const event = params?.event?.event;
-                if (eventName === 'contextmenu' && event) {
-                    params.event.event.preventDefault();
-                    const container = this.chartInstance.getDom();
-                    const rect = container.getBoundingClientRect();
-                    this.cardPosition = {
-                        x: event.clientX - rect.left,
-                        y: event.clientY - rect.top,
-                    };
-                    this.openCard = true;
-                    this.cdr.markForCheck();
+            if (eventName === 'contextmenu') {
+                this.chartInstance.on(eventName, (params) => {
+                    const event = params?.event?.event;
+                    if (event) {
+                        params.event.event.preventDefault();
+                        const container = this.chartInstance.getDom();
+                        const rect = container.getBoundingClientRect();
+                        this.cardPosition = {
+                            x: event.clientX - rect.left,
+                            y: event.clientY - rect.top,
+                        };
+                        this.openCard = true;
+                        this.cdr.markForCheck();
+                    }
                     this.chartEvent.emit({
                         type: eventName,
                         data: params,
                     });
-                }
-                else if (eventName === 'click') {
-                    this.chartInstance.on('click', (params) => {
+                });
+            }
+            else if (eventName === 'click') {
+                this.chartInstance.on('click', (params) => {
+                    this.chartEvent.emit({
+                        type: 'click',
+                        data: params,
+                    });
+                });
+                const zr = this.chartInstance.getZr();
+                zr.on('click', (zrEvent) => {
+                    if (!zrEvent.target) {
+                        const nativeEvent = zrEvent.event;
+                        nativeEvent.preventDefault();
                         this.chartEvent.emit({
-                            type: 'click',
-                            data: params,
+                            type: 'blur',
+                            data: { ...zrEvent, type: 'blur' },
                         });
-                    });
-                    const zr = this.chartInstance.getZr();
-                    zr.on('click', (zrEvent) => {
-                        if (!zrEvent.target) {
-                            const nativeEvent = zrEvent.event;
-                            nativeEvent.preventDefault();
-                            this.chartEvent.emit({
-                                type: 'blur',
-                                data: { ...zrEvent, type: 'blur' },
-                            });
-                        }
-                    });
-                }
-                else {
+                    }
+                });
+            }
+            else {
+                this.chartInstance.on(eventName, (params) => {
                     this.chartEvent.emit({
                         type: eventName,
                         data: params,
                     });
-                }
-            });
+                });
+            }
         });
     }
     /**