@bizy/core 20.10.4 → 20.10.5

package/fesm2022/bizy-core.mjs

@@ -13057,6 +13057,9 @@ const DEFAULT_Y_AXIS = {
     labels: [],
     position: 'left'
 };
+const LINE_DASH_SOLID = [0, 0];
+const LINE_DASH_DOTTED = [2, 4];
+const LINE_DASH_DASH = [6, 6];
 class BizyHeatMapChartComponent {
     #elementRef = inject(ElementRef);
     #document = inject(DOCUMENT);
@@ -13114,8 +13117,10 @@ class BizyHeatMapChartComponent {
                 }];
             const xAreaBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-x-highlight-area-background-color');
             const xAreaBorderColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-x-highlight-area-border-color');
+            const xAreaBorderWidth = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-x-highlight-area-border-width');
             const yAreaBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-y-highlight-area-background-color');
             const yAreaBorderColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-y-highlight-area-border-color');
+            const yAreaBorderWidth = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-y-highlight-area-border-width');
             const xAreas = [];
             const yAreas = [];
             const highlightAreas = this.highlightAreas.data ?? this.highlightAreas;
@@ -13146,7 +13151,7 @@ class BizyHeatMapChartComponent {
                             style: {
                                 fill: xAreaBackgroundColor,
                                 stroke: xAreaBorderColor,
-                                lineWidth: 0.5
+                                lineWidth: xAreaBorderWidth
                             },
                             silent: true,
                             z2: 100
@@ -13176,7 +13181,7 @@ class BizyHeatMapChartComponent {
                             style: {
                                 fill: yAreaBackgroundColor,
                                 stroke: yAreaBorderColor,
-                                lineWidth: 0.5
+                                lineWidth: yAreaBorderWidth
                             },
                             silent: true,
                             z2: 100
@@ -13186,9 +13191,13 @@ class BizyHeatMapChartComponent {
                     zlevel: 5
                 });
             }
+            const xLineWidth = Number(this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-x-highlight-line-width'));
             const xLineColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-x-highlight-line-color');
+            const xLineStyle = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-x-highlight-line-style');
             const xLineLabelColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-x-highlight-line-label-color');
+            const yLineWidth = Number(this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-y-highlight-line-width'));
             const yLineColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-y-highlight-line-color');
+            const yLineStyle = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-y-highlight-line-style');
             const yLineLabelColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-y-highlight-line-label-color');
             const xLines = [];
             const yLines = [];
@@ -13202,6 +13211,7 @@ class BizyHeatMapChartComponent {
                     yLines.push([_line.y]);
                 }
             });
+            const slot = this.highlightLines.slot ?? 'center';
             if (xLines.length > 0) {
                 series.push({
                     type: 'custom',
@@ -13209,7 +13219,9 @@ class BizyHeatMapChartComponent {
                         const xValue = api.value(0);
                         const yStart = params.coordSys.y;
                         const yEnd = params.coordSys.y + params.coordSys.height;
-                        const xCoord = api.coord([xValue, 0])[0];
+                        const cellWidth = Math.abs(api.coord([1, 0])[0] - api.coord([0, 0])[0]);
+                        const centerX = api.coord([xValue, 0])[0];
+                        const xCoord = slot === 'start' ? centerX - (cellWidth / 2) : slot === 'end' ? centerX + (cellWidth / 2) : centerX;
                         const children = [{
                                 type: 'line',
                                 shape: {
@@ -13220,7 +13232,8 @@ class BizyHeatMapChartComponent {
                                 },
                                 style: {
                                     stroke: xLineColor,
-                                    lineWidth: 1
+                                    lineWidth: xLineWidth,
+                                    lineDash: xLineStyle === 'solid' ? LINE_DASH_SOLID : xLineStyle === 'dotted' ? LINE_DASH_DOTTED : xLineStyle === 'dashed' ? LINE_DASH_DASH : LINE_DASH_SOLID
                                 },
                                 z: 100
                             }];
@@ -13257,9 +13270,11 @@ class BizyHeatMapChartComponent {
                     type: 'custom',
                     renderItem: function (params, api) {
                         const yValue = api.value(0);
-                        const yCoord = api.coord([0, yValue])[1];
                         const xStart = params.coordSys.x;
                         const xEnd = params.coordSys.x + params.coordSys.width;
+                        const cellHeight = Math.abs(api.coord([0, 1])[1] - api.coord([0, 0])[1]);
+                        const centerY = api.coord([0, yValue])[1];
+                        const yCoord = slot === 'start' ? centerY + (cellHeight / 2) : slot === 'end' ? centerY - (cellHeight / 2) : centerY;
                         const children = [{
                                 type: 'line',
                                 shape: {
@@ -13270,7 +13285,8 @@ class BizyHeatMapChartComponent {
                                 },
                                 style: {
                                     stroke: yLineColor,
-                                    lineWidth: 1
+                                    lineWidth: yLineWidth,
+                                    lineDash: yLineStyle === 'solid' ? LINE_DASH_SOLID : yLineStyle === 'dotted' ? LINE_DASH_DOTTED : yLineStyle === 'dashed' ? LINE_DASH_DASH : LINE_DASH_SOLID
                                 },
                                 z: 100
                             }];
@@ -13386,7 +13402,7 @@ class BizyHeatMapChartComponent {
                                 });
                             }, 500);
                         }
-                    }
+                    },
                 },
                 emphasis: {
                     iconStyle: {
@@ -13493,7 +13509,7 @@ class BizyHeatMapChartComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizy-heat-map-chart', template: '', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;justify-content:center}\n"] }]
+            args: [{ selector: 'bizy-heat-map-chart', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;justify-content:center}\n"] }]
         }], propDecorators: { resizeRef: [{
                 type: Input
             }], tooltip: [{