@tetacom/svg-charts 1.7.18 → 1.7.20

package/chart/chart-container/series-controls/series-controls.component.d.ts

@@ -7,6 +7,7 @@ export declare class SeriesControlsComponent {
     private chartService;
     protected readonly Align: typeof Align;
     series: import("@angular/core").InputSignal<Series<BasePoint>[]>;
+    availableSeries: import("@angular/core").Signal<Series<BasePoint>[]>;
     enabledSeries: import("@angular/core").Signal<Series<BasePoint>[]>;
     disabledSeries: import("@angular/core").Signal<Series<BasePoint>[]>;
     strokeWidth: {

package/chart/directives/zoomable.directive.d.ts

@@ -1,11 +1,11 @@
-import { AfterViewInit, ElementRef, NgZone, OnDestroy } from '@angular/core';
+import { AfterViewInit, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
 import { ZoomService } from '../service/zoom.service';
 import { IChartConfig } from '../model/i-chart-config';
 import { Axis } from '../core/axis/axis';
 import { D3ZoomEvent } from 'd3';
 import { ScaleService } from '../service/scale.service';
 import * as i0 from "@angular/core";
-export declare class ZoomableDirective implements OnDestroy, AfterViewInit {
+export declare class ZoomableDirective implements OnDestroy, AfterViewInit, OnInit {
     private elementRef;
     private zoomService;
     private scaleService;

package/chart/model/enum/series-type.d.ts

@@ -4,5 +4,6 @@ export declare enum SeriesType {
     area = 2,
     scatter = 3,
     block = 4,
-    blockArea = 5
+    blockArea = 5,
+    custom = 6
 }

package/chart/model/series.d.ts

@@ -19,6 +19,7 @@ export interface Series<T extends BasePoint> {
     fillType?: FillType;
     fillDirection?: FillDirection;
     showInLegend?: boolean;
+    showInControls?: boolean;
     style?: SvgAttributes;
     clipPointsDirection?: ClipPointsDirection;
 }

package/fesm2022/tetacom-svg-charts.mjs

@@ -7,7 +7,7 @@ import { maxIndex } from 'd3-array';
 import { toSignal } from '@angular/core/rxjs-interop';
 import * as i3 from '@angular/platform-browser';
 import { AsyncPipe, NgTemplateOutlet, KeyValuePipe, NgStyle } from '@angular/common';
-import { Align as Align$1, TetaSize, ButtonComponent, DropdownComponent, DropdownContentDirective, DropdownHeadDirective, IconComponent, AccordionComponent, AccordionHeadComponent, AccordionItemComponent, AccordionContentDirective, ColorInputComponent, SelectComponent, SelectOptionDirective, SelectValueDirective, ScrollableComponent, InputComponent, CheckboxComponent } from '@tetacom/ng-components';
+import { Align as Align$1, TetaSize, ButtonComponent, DropdownComponent, DropdownContentDirective, DropdownHeadDirective, IconComponent, AccordionComponent, AccordionHeadComponent, AccordionItemComponent, AccordionContentDirective, ColorInputComponent, SelectComponent, SelectOptionDirective, SelectValueDirective, ScrollableComponent, InputComponent } from '@tetacom/ng-components';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { TranslocoPipe } from '@jsverse/transloco';
@@ -150,6 +150,7 @@ var SeriesType;
     SeriesType[SeriesType["scatter"] = 3] = "scatter";
     SeriesType[SeriesType["block"] = 4] = "block";
     SeriesType[SeriesType["blockArea"] = 5] = "blockArea";
+    SeriesType[SeriesType["custom"] = 6] = "custom";
 })(SeriesType || (SeriesType = {}));
 
 var FillType;
@@ -1312,9 +1313,12 @@ class ZoomableDirective {
         this.alive = false;
     }
     initZoomSync() {
-        combineLatest([this.scaleService.scales, this.zoomService.zoomed]).pipe(takeWhile(() => this.alive)).subscribe((data) => {
+        combineLatest([this.scaleService.scales, this.zoomService.zoomed])
+            .pipe(takeWhile(() => this.alive))
+            .subscribe((data) => {
             const [scales, zoomed] = data;
             if (this._element &&
+                this.elementRef !== zoomed?.element &&
                 zoomed?.axis?.index === this.axis.index &&
                 zoomed?.axis?.orientation === this.axis.orientation) {
                 const axis = this.axis.orientation === AxisOrientation.x ? scales.x.get(this.axis.index) : scales.y.get(this.axis.index);
@@ -1400,7 +1404,7 @@ class ZoomableDirective {
                 transform = transform.translate(this.currentTransform.x - delta / 2, 0);
             }
             transform = transform.scale(this.currentTransform.k);
-            let domain = this.axis.orientation === AxisOrientation.y
+            const domain = this.axis.orientation === AxisOrientation.y
                 ? transform.rescaleY(origin).domain()
                 : transform.rescaleX(origin).domain();
             const extent = this.axis.options?.inverted ? domain : [...domain].reverse();
@@ -2614,11 +2618,14 @@ class SeriesControlsComponent {
         this.chartService = inject(ChartService);
         this.Align = Align$1;
         this.series = input();
+        this.availableSeries = computed(() => {
+            return this.series()?.filter((item) => item.showInControls !== false && item.type !== SeriesType.custom) ?? [];
+        });
         this.enabledSeries = computed(() => {
-            return this.series()?.filter((item) => item.enabled) ?? [];
+            return this.availableSeries()?.filter((item) => item.enabled) ?? [];
         });
         this.disabledSeries = computed(() => {
-            return this.series()?.filter((item) => !item.enabled) ?? [];
+            return this.availableSeries()?.filter((item) => !item.enabled) ?? [];
         });
         this.strokeWidth = [
             { id: 1, value: 1 },
@@ -2689,7 +2696,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                         AccordionHeadComponent,
                         AccordionItemComponent,
                         AccordionContentDirective,
-                        CheckboxComponent,
                         ColorInputComponent,
                         FormsModule,
                         SelectComponent,