@bizy/core 20.4.3 → 20.4.4

package/fesm2022/bizy-core.mjs

@@ -323,7 +323,7 @@ class BizyBarLineChartComponent {
     #renderer = inject(Renderer2);
     resizeRef = null;
     tooltip = true;
-    download = { show: true, label: 'Descargar', name: 'Bizy' };
+    download = null;
     axisPointer = 'line';
     xAxisLabels = [];
     onTooltipFormatter;
@@ -533,13 +533,15 @@ class BizyBarLineChartComponent {
             const textColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-tooltip-color');
             const textBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-tooltip-background-color');
             const borderColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-tooltip-border-color');
+            const downloadTitle = this.download?.label || 'Descargar';
+            const downloadName = this.download?.name || 'bizy_chart';
             const toolbox = {
                 show: true,
                 feature: {
                     mySaveAsImage: {
-                        show: this.download.show,
+                        show: Boolean(this.download),
                         icon: 'path://M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z',
-                        title: this.download.label,
+                        title: downloadTitle,
                         onclick: () => {
                             const showAllLegends = (chart) => {
                                 const option = chart.getOption();
@@ -568,7 +570,7 @@ class BizyBarLineChartComponent {
                                 html2canvas(this.#chartContainer).then(canvas => {
                                     var link = this.#renderer.createElement('a');
                                     link.href = canvas.toDataURL('image/png');
-                                    link.download = `${this.download.name}.png`;
+                                    link.download = downloadName;
                                     this.#renderer.appendChild(this.#document.body, link);
                                     link.click();
                                     this.#renderer.removeChild(this.#document.body, link);
@@ -3175,7 +3177,7 @@ class BizyHeatMapChartComponent {
     resizeRef = null;
     tooltip = true;
     ranges = [];
-    download = { show: true, label: 'Descargar', name: 'Bizy' };
+    download = null;
     xAxisLabels = [];
     yAxisLabels = [];
     onTooltipFormatter;
@@ -3260,19 +3262,21 @@ class BizyHeatMapChartComponent {
             const textColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-tooltip-color');
             const textBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-tooltip-background-color');
             const borderColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-tooltip-border-color');
+            const downloadTitle = this.download?.label || 'Descargar';
+            const downloadName = this.download?.name || 'bizy_chart';
             const toolbox = {
                 show: true,
                 feature: {
                     mySaveAsImage: {
-                        show: this.download.show,
+                        show: Boolean(this.download),
                         icon: 'path://M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z',
-                        title: this.download.label,
+                        title: downloadTitle,
                         onclick: () => {
                             setTimeout(() => {
                                 html2canvas(this.#chartContainer).then(canvas => {
                                     var link = this.#renderer.createElement('a');
                                     link.href = canvas.toDataURL('image/png');
-                                    link.download = `${this.download.name}.png`;
+                                    link.download = downloadName;
                                     this.#renderer.appendChild(this.#document.body, link);
                                     link.click();
                                     this.#renderer.removeChild(this.#document.body, link);
@@ -3650,7 +3654,7 @@ class BizyPieChartComponent {
     centerLabel = null;
     type = 'pie';
     legend = null;
-    download = { show: true, label: 'Descargar', name: 'Bizy' };
+    download = null;
     onLabelFormatter;
     onTooltipFormatter;
     onSelect = new EventEmitter();
@@ -3737,19 +3741,21 @@ class BizyPieChartComponent {
             const textColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-tooltip-color');
             const textBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-tooltip-background-color');
             const borderColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-tooltip-border-color');
+            const downloadTitle = this.download?.label || 'Descargar';
+            const downloadName = this.download?.name || 'bizy_chart';
             const toolbox = {
                 show: true,
                 feature: {
                     mySaveAsImage: {
-                        show: this.download.show,
+                        show: Boolean(this.download),
                         icon: 'path://M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z',
-                        title: this.download.label,
+                        title: downloadTitle,
                         onclick: () => {
                             setTimeout(() => {
                                 html2canvas(this.#chartContainer).then(canvas => {
                                     var link = this.#renderer.createElement('a');
                                     link.href = canvas.toDataURL('image/png');
-                                    link.download = `${this.download.name}.png`;
+                                    link.download = downloadName;
                                     this.#renderer.appendChild(this.#document.body, link);
                                     link.click();
                                     this.#renderer.removeChild(this.#document.body, link);