@nstudio/ncharts 1.0.2 → 1.1.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 1.0.2 (2026-02-16)
+
+### 🚀 Features
+
+- support valueTextColor and textColor to customize text label color ([#2](https://github.com/nstudio/ncharts/pull/2))
+
+### ❤️ Thank You
+
+- Nathan Walker
+
 ## 1.0.1 (2026-01-26)
 
 ### 🩹 Fixes

package/angular/fesm2022/nstudio-ncharts-angular.mjs

@@ -22,7 +22,6 @@ class ChartBaseDirective {
     logEnabled = input(...(ngDevMode ? [undefined, { debugName: "logEnabled" }] : []));
     noDataText = input(...(ngDevMode ? [undefined, { debugName: "noDataText" }] : []));
     noDataTextColor = input(...(ngDevMode ? [undefined, { debugName: "noDataTextColor" }] : []));
-    touchEnabled = input(...(ngDevMode ? [undefined, { debugName: "touchEnabled" }] : []));
     dragDecelerationEnabled = input(...(ngDevMode ? [undefined, { debugName: "dragDecelerationEnabled" }] : []));
     dragDecelerationFrictionCoef = input(...(ngDevMode ? [undefined, { debugName: "dragDecelerationFrictionCoef" }] : []));
     highlightPerTapEnabled = input(...(ngDevMode ? [undefined, { debugName: "highlightPerTapEnabled" }] : []));
@@ -76,12 +75,6 @@ class ChartBaseDirective {
                 this.chart.noDataTextColor = value;
             }
         });
-        effect(() => {
-            const value = this.touchEnabled();
-            if (this.initialized && value !== undefined) {
-                this.chart.touchEnabled = value;
-            }
-        });
         effect(() => {
             const value = this.dragDecelerationEnabled();
             if (this.initialized && value !== undefined) {
@@ -94,12 +87,6 @@ class ChartBaseDirective {
                 this.chart.dragDecelerationFrictionCoef = value;
             }
         });
-        effect(() => {
-            const value = this.highlightPerTapEnabled();
-            if (this.initialized && value !== undefined) {
-                this.chart.highlightPerTapEnabled = value;
-            }
-        });
         effect(() => {
             const value = this.chartDescription();
             if (this.initialized && value !== undefined) {
@@ -191,18 +178,12 @@ class ChartBaseDirective {
         const noDataTextColor = this.noDataTextColor();
         if (noDataTextColor)
             this.chart.noDataTextColor = noDataTextColor;
-        const touchEnabled = this.touchEnabled();
-        if (touchEnabled !== undefined)
-            this.chart.touchEnabled = touchEnabled;
         const dragDecelerationEnabled = this.dragDecelerationEnabled();
         if (dragDecelerationEnabled !== undefined)
             this.chart.dragDecelerationEnabled = dragDecelerationEnabled;
         const dragDecelerationFrictionCoef = this.dragDecelerationFrictionCoef();
         if (dragDecelerationFrictionCoef !== undefined)
             this.chart.dragDecelerationFrictionCoef = dragDecelerationFrictionCoef;
-        const highlightPerTapEnabled = this.highlightPerTapEnabled();
-        if (highlightPerTapEnabled !== undefined)
-            this.chart.highlightPerTapEnabled = highlightPerTapEnabled;
         const chartDescription = this.chartDescription();
         if (chartDescription)
             this.chart.chartDescription = chartDescription;
@@ -233,11 +214,11 @@ class ChartBaseDirective {
         this.chart?.invalidate();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ChartBaseDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: ChartBaseDirective, isStandalone: true, inputs: { animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, chartBackgroundColor: { classPropertyName: "chartBackgroundColor", publicName: "chartBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, chartGridBackgroundColor: { classPropertyName: "chartGridBackgroundColor", publicName: "chartGridBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, logEnabled: { classPropertyName: "logEnabled", publicName: "logEnabled", isSignal: true, isRequired: false, transformFunction: null }, noDataText: { classPropertyName: "noDataText", publicName: "noDataText", isSignal: true, isRequired: false, transformFunction: null }, noDataTextColor: { classPropertyName: "noDataTextColor", publicName: "noDataTextColor", isSignal: true, isRequired: false, transformFunction: null }, touchEnabled: { classPropertyName: "touchEnabled", publicName: "touchEnabled", isSignal: true, isRequired: false, transformFunction: null }, dragDecelerationEnabled: { classPropertyName: "dragDecelerationEnabled", publicName: "dragDecelerationEnabled", isSignal: true, isRequired: false, transformFunction: null }, dragDecelerationFrictionCoef: { classPropertyName: "dragDecelerationFrictionCoef", publicName: "dragDecelerationFrictionCoef", isSignal: true, isRequired: false, transformFunction: null }, highlightPerTapEnabled: { classPropertyName: "highlightPerTapEnabled", publicName: "highlightPerTapEnabled", isSignal: true, isRequired: false, transformFunction: null }, chartDescription: { classPropertyName: "chartDescription", publicName: "chartDescription", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, xAxis: { classPropertyName: "xAxis", publicName: "xAxis", isSignal: true, isRequired: false, transformFunction: null }, marker: { classPropertyName: "marker", publicName: "marker", isSignal: true, isRequired: false, transformFunction: null }, highlights: { classPropertyName: "highlights", publicName: "highlights", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { select: "select", deselect: "deselect", gesture: "gesture" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: ChartBaseDirective, isStandalone: true, inputs: { animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, chartBackgroundColor: { classPropertyName: "chartBackgroundColor", publicName: "chartBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, chartGridBackgroundColor: { classPropertyName: "chartGridBackgroundColor", publicName: "chartGridBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, logEnabled: { classPropertyName: "logEnabled", publicName: "logEnabled", isSignal: true, isRequired: false, transformFunction: null }, noDataText: { classPropertyName: "noDataText", publicName: "noDataText", isSignal: true, isRequired: false, transformFunction: null }, noDataTextColor: { classPropertyName: "noDataTextColor", publicName: "noDataTextColor", isSignal: true, isRequired: false, transformFunction: null }, dragDecelerationEnabled: { classPropertyName: "dragDecelerationEnabled", publicName: "dragDecelerationEnabled", isSignal: true, isRequired: false, transformFunction: null }, dragDecelerationFrictionCoef: { classPropertyName: "dragDecelerationFrictionCoef", publicName: "dragDecelerationFrictionCoef", isSignal: true, isRequired: false, transformFunction: null }, highlightPerTapEnabled: { classPropertyName: "highlightPerTapEnabled", publicName: "highlightPerTapEnabled", isSignal: true, isRequired: false, transformFunction: null }, chartDescription: { classPropertyName: "chartDescription", publicName: "chartDescription", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, xAxis: { classPropertyName: "xAxis", publicName: "xAxis", isSignal: true, isRequired: false, transformFunction: null }, marker: { classPropertyName: "marker", publicName: "marker", isSignal: true, isRequired: false, transformFunction: null }, highlights: { classPropertyName: "highlights", publicName: "highlights", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { select: "select", deselect: "deselect", gesture: "gesture" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ChartBaseDirective, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], chartBackgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "chartBackgroundColor", required: false }] }], chartGridBackgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "chartGridBackgroundColor", required: false }] }], logEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "logEnabled", required: false }] }], noDataText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataText", required: false }] }], noDataTextColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataTextColor", required: false }] }], touchEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "touchEnabled", required: false }] }], dragDecelerationEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragDecelerationEnabled", required: false }] }], dragDecelerationFrictionCoef: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragDecelerationFrictionCoef", required: false }] }], highlightPerTapEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightPerTapEnabled", required: false }] }], chartDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "chartDescription", required: false }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], xAxis: [{ type: i0.Input, args: [{ isSignal: true, alias: "xAxis", required: false }] }], marker: [{ type: i0.Input, args: [{ isSignal: true, alias: "marker", required: false }] }], highlights: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlights", required: false }] }], select: [{ type: i0.Output, args: ["select"] }], deselect: [{ type: i0.Output, args: ["deselect"] }], gesture: [{ type: i0.Output, args: ["gesture"] }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], chartBackgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "chartBackgroundColor", required: false }] }], chartGridBackgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "chartGridBackgroundColor", required: false }] }], logEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "logEnabled", required: false }] }], noDataText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataText", required: false }] }], noDataTextColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataTextColor", required: false }] }], dragDecelerationEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragDecelerationEnabled", required: false }] }], dragDecelerationFrictionCoef: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragDecelerationFrictionCoef", required: false }] }], highlightPerTapEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightPerTapEnabled", required: false }] }], chartDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "chartDescription", required: false }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], xAxis: [{ type: i0.Input, args: [{ isSignal: true, alias: "xAxis", required: false }] }], marker: [{ type: i0.Input, args: [{ isSignal: true, alias: "marker", required: false }] }], highlights: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlights", required: false }] }], select: [{ type: i0.Output, args: ["select"] }], deselect: [{ type: i0.Output, args: ["deselect"] }], gesture: [{ type: i0.Output, args: ["gesture"] }] } });
 // ============================================================================
 // BarLine Chart Base Directive
 // ============================================================================
@@ -252,12 +233,8 @@ class BarLineChartBaseDirective extends ChartBaseDirective {
     maxVisibleValueCount = input(...(ngDevMode ? [undefined, { debugName: "maxVisibleValueCount" }] : []));
     autoScaleMinMaxEnabled = input(...(ngDevMode ? [undefined, { debugName: "autoScaleMinMaxEnabled" }] : []));
     keepPositionOnRotation = input(...(ngDevMode ? [undefined, { debugName: "keepPositionOnRotation" }] : []));
-    highlightPerDragEnabled = input(...(ngDevMode ? [undefined, { debugName: "highlightPerDragEnabled" }] : []));
-    scaleEnabled = input(...(ngDevMode ? [undefined, { debugName: "scaleEnabled" }] : []));
     scaleXEnabled = input(...(ngDevMode ? [undefined, { debugName: "scaleXEnabled" }] : []));
     scaleYEnabled = input(...(ngDevMode ? [undefined, { debugName: "scaleYEnabled" }] : []));
-    dragEnabled = input(...(ngDevMode ? [undefined, { debugName: "dragEnabled" }] : []));
-    pinchZoom = input(...(ngDevMode ? [undefined, { debugName: "pinchZoom" }] : []));
     doubleTapToZoomEnabled = input(...(ngDevMode ? [undefined, { debugName: "doubleTapToZoomEnabled" }] : []));
     yAxis = input(...(ngDevMode ? [undefined, { debugName: "yAxis" }] : []));
     constructor(el) {
@@ -323,18 +300,6 @@ class BarLineChartBaseDirective extends ChartBaseDirective {
                 this.chart.keepPositionOnRotation = value;
             }
         });
-        effect(() => {
-            const value = this.highlightPerDragEnabled();
-            if (this.initialized && value !== undefined) {
-                this.chart.highlightPerDragEnabled = value;
-            }
-        });
-        effect(() => {
-            const value = this.scaleEnabled();
-            if (this.initialized && value !== undefined) {
-                this.chart.scaleEnabled = value;
-            }
-        });
         effect(() => {
             const value = this.scaleXEnabled();
             if (this.initialized && value !== undefined) {
@@ -347,18 +312,6 @@ class BarLineChartBaseDirective extends ChartBaseDirective {
                 this.chart.scaleYEnabled = value;
             }
         });
-        effect(() => {
-            const value = this.dragEnabled();
-            if (this.initialized && value !== undefined) {
-                this.chart.dragEnabled = value;
-            }
-        });
-        effect(() => {
-            const value = this.pinchZoom();
-            if (this.initialized && value !== undefined) {
-                this.chart.pinchZoom = value;
-            }
-        });
         effect(() => {
             const value = this.doubleTapToZoomEnabled();
             if (this.initialized && value !== undefined) {
@@ -406,24 +359,12 @@ class BarLineChartBaseDirective extends ChartBaseDirective {
         const keepPositionOnRotation = this.keepPositionOnRotation();
         if (keepPositionOnRotation !== undefined)
             this.chart.keepPositionOnRotation = keepPositionOnRotation;
-        const highlightPerDragEnabled = this.highlightPerDragEnabled();
-        if (highlightPerDragEnabled !== undefined)
-            this.chart.highlightPerDragEnabled = highlightPerDragEnabled;
-        const scaleEnabled = this.scaleEnabled();
-        if (scaleEnabled !== undefined)
-            this.chart.scaleEnabled = scaleEnabled;
         const scaleXEnabled = this.scaleXEnabled();
         if (scaleXEnabled !== undefined)
             this.chart.scaleXEnabled = scaleXEnabled;
         const scaleYEnabled = this.scaleYEnabled();
         if (scaleYEnabled !== undefined)
             this.chart.scaleYEnabled = scaleYEnabled;
-        const dragEnabled = this.dragEnabled();
-        if (dragEnabled !== undefined)
-            this.chart.dragEnabled = dragEnabled;
-        const pinchZoom = this.pinchZoom();
-        if (pinchZoom !== undefined)
-            this.chart.pinchZoom = pinchZoom;
         const doubleTapToZoomEnabled = this.doubleTapToZoomEnabled();
         if (doubleTapToZoomEnabled !== undefined)
             this.chart.doubleTapToZoomEnabled = doubleTapToZoomEnabled;
@@ -448,17 +389,16 @@ class BarLineChartBaseDirective extends ChartBaseDirective {
         this.chart?.fitScreen();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BarLineChartBaseDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: BarLineChartBaseDirective, isStandalone: true, inputs: { maxHighlightDistance: { classPropertyName: "maxHighlightDistance", publicName: "maxHighlightDistance", isSignal: true, isRequired: false, transformFunction: null }, drawGridBackground: { classPropertyName: "drawGridBackground", publicName: "drawGridBackground", isSignal: true, isRequired: false, transformFunction: null }, gridBackgroundColor: { classPropertyName: "gridBackgroundColor", publicName: "gridBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, drawBorders: { classPropertyName: "drawBorders", publicName: "drawBorders", isSignal: true, isRequired: false, transformFunction: null }, borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: true, isRequired: false, transformFunction: null }, borderWidth: { classPropertyName: "borderWidth", publicName: "borderWidth", isSignal: true, isRequired: false, transformFunction: null }, minOffset: { classPropertyName: "minOffset", publicName: "minOffset", isSignal: true, isRequired: false, transformFunction: null }, maxVisibleValueCount: { classPropertyName: "maxVisibleValueCount", publicName: "maxVisibleValueCount", isSignal: true, isRequired: false, transformFunction: null }, autoScaleMinMaxEnabled: { classPropertyName: "autoScaleMinMaxEnabled", publicName: "autoScaleMinMaxEnabled", isSignal: true, isRequired: false, transformFunction: null }, keepPositionOnRotation: { classPropertyName: "keepPositionOnRotation", publicName: "keepPositionOnRotation", isSignal: true, isRequired: false, transformFunction: null }, highlightPerDragEnabled: { classPropertyName: "highlightPerDragEnabled", publicName: "highlightPerDragEnabled", isSignal: true, isRequired: false, transformFunction: null }, scaleEnabled: { classPropertyName: "scaleEnabled", publicName: "scaleEnabled", isSignal: true, isRequired: false, transformFunction: null }, scaleXEnabled: { classPropertyName: "scaleXEnabled", publicName: "scaleXEnabled", isSignal: true, isRequired: false, transformFunction: null }, scaleYEnabled: { classPropertyName: "scaleYEnabled", publicName: "scaleYEnabled", isSignal: true, isRequired: false, transformFunction: null }, dragEnabled: { classPropertyName: "dragEnabled", publicName: "dragEnabled", isSignal: true, isRequired: false, transformFunction: null }, pinchZoom: { classPropertyName: "pinchZoom", publicName: "pinchZoom", isSignal: true, isRequired: false, transformFunction: null }, doubleTapToZoomEnabled: { classPropertyName: "doubleTapToZoomEnabled", publicName: "doubleTapToZoomEnabled", isSignal: true, isRequired: false, transformFunction: null }, yAxis: { classPropertyName: "yAxis", publicName: "yAxis", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: BarLineChartBaseDirective, isStandalone: true, inputs: { maxHighlightDistance: { classPropertyName: "maxHighlightDistance", publicName: "maxHighlightDistance", isSignal: true, isRequired: false, transformFunction: null }, drawGridBackground: { classPropertyName: "drawGridBackground", publicName: "drawGridBackground", isSignal: true, isRequired: false, transformFunction: null }, gridBackgroundColor: { classPropertyName: "gridBackgroundColor", publicName: "gridBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, drawBorders: { classPropertyName: "drawBorders", publicName: "drawBorders", isSignal: true, isRequired: false, transformFunction: null }, borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: true, isRequired: false, transformFunction: null }, borderWidth: { classPropertyName: "borderWidth", publicName: "borderWidth", isSignal: true, isRequired: false, transformFunction: null }, minOffset: { classPropertyName: "minOffset", publicName: "minOffset", isSignal: true, isRequired: false, transformFunction: null }, maxVisibleValueCount: { classPropertyName: "maxVisibleValueCount", publicName: "maxVisibleValueCount", isSignal: true, isRequired: false, transformFunction: null }, autoScaleMinMaxEnabled: { classPropertyName: "autoScaleMinMaxEnabled", publicName: "autoScaleMinMaxEnabled", isSignal: true, isRequired: false, transformFunction: null }, keepPositionOnRotation: { classPropertyName: "keepPositionOnRotation", publicName: "keepPositionOnRotation", isSignal: true, isRequired: false, transformFunction: null }, scaleXEnabled: { classPropertyName: "scaleXEnabled", publicName: "scaleXEnabled", isSignal: true, isRequired: false, transformFunction: null }, scaleYEnabled: { classPropertyName: "scaleYEnabled", publicName: "scaleYEnabled", isSignal: true, isRequired: false, transformFunction: null }, doubleTapToZoomEnabled: { classPropertyName: "doubleTapToZoomEnabled", publicName: "doubleTapToZoomEnabled", isSignal: true, isRequired: false, transformFunction: null }, yAxis: { classPropertyName: "yAxis", publicName: "yAxis", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BarLineChartBaseDirective, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { maxHighlightDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHighlightDistance", required: false }] }], drawGridBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawGridBackground", required: false }] }], gridBackgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridBackgroundColor", required: false }] }], drawBorders: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawBorders", required: false }] }], borderColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderColor", required: false }] }], borderWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderWidth", required: false }] }], minOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "minOffset", required: false }] }], maxVisibleValueCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxVisibleValueCount", required: false }] }], autoScaleMinMaxEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoScaleMinMaxEnabled", required: false }] }], keepPositionOnRotation: [{ type: i0.Input, args: [{ isSignal: true, alias: "keepPositionOnRotation", required: false }] }], highlightPerDragEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightPerDragEnabled", required: false }] }], scaleEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "scaleEnabled", required: false }] }], scaleXEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "scaleXEnabled", required: false }] }], scaleYEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "scaleYEnabled", required: false }] }], dragEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragEnabled", required: false }] }], pinchZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "pinchZoom", required: false }] }], doubleTapToZoomEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "doubleTapToZoomEnabled", required: false }] }], yAxis: [{ type: i0.Input, args: [{ isSignal: true, alias: "yAxis", required: false }] }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { maxHighlightDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHighlightDistance", required: false }] }], drawGridBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawGridBackground", required: false }] }], gridBackgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridBackgroundColor", required: false }] }], drawBorders: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawBorders", required: false }] }], borderColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderColor", required: false }] }], borderWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderWidth", required: false }] }], minOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "minOffset", required: false }] }], maxVisibleValueCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxVisibleValueCount", required: false }] }], autoScaleMinMaxEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoScaleMinMaxEnabled", required: false }] }], keepPositionOnRotation: [{ type: i0.Input, args: [{ isSignal: true, alias: "keepPositionOnRotation", required: false }] }], scaleXEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "scaleXEnabled", required: false }] }], scaleYEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "scaleYEnabled", required: false }] }], doubleTapToZoomEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "doubleTapToZoomEnabled", required: false }] }], yAxis: [{ type: i0.Input, args: [{ isSignal: true, alias: "yAxis", required: false }] }] } });
 // ============================================================================
 // PieRadar Chart Base Directive
 // ============================================================================
 class PieRadarChartBaseDirective extends ChartBaseDirective {
     rotationAngle = input(...(ngDevMode ? [undefined, { debugName: "rotationAngle" }] : []));
-    rotationEnabled = input(...(ngDevMode ? [undefined, { debugName: "rotationEnabled" }] : []));
     minOffset = input(...(ngDevMode ? [undefined, { debugName: "minOffset" }] : []));
     constructor(el) {
         super(el);
@@ -468,12 +408,6 @@ class PieRadarChartBaseDirective extends ChartBaseDirective {
                 this.chart.rotationAngle = value;
             }
         });
-        effect(() => {
-            const value = this.rotationEnabled();
-            if (this.initialized && value !== undefined) {
-                this.chart.rotationEnabled = value;
-            }
-        });
         effect(() => {
             const value = this.minOffset();
             if (this.initialized && value !== undefined) {
@@ -488,42 +422,25 @@ class PieRadarChartBaseDirective extends ChartBaseDirective {
         const rotationAngle = this.rotationAngle();
         if (rotationAngle !== undefined)
             this.chart.rotationAngle = rotationAngle;
-        const rotationEnabled = this.rotationEnabled();
-        if (rotationEnabled !== undefined)
-            this.chart.rotationEnabled = rotationEnabled;
         const minOffset = this.minOffset();
         if (minOffset !== undefined)
             this.chart.minOffset = minOffset;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PieRadarChartBaseDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: PieRadarChartBaseDirective, isStandalone: true, inputs: { rotationAngle: { classPropertyName: "rotationAngle", publicName: "rotationAngle", isSignal: true, isRequired: false, transformFunction: null }, rotationEnabled: { classPropertyName: "rotationEnabled", publicName: "rotationEnabled", isSignal: true, isRequired: false, transformFunction: null }, minOffset: { classPropertyName: "minOffset", publicName: "minOffset", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: PieRadarChartBaseDirective, isStandalone: true, inputs: { rotationAngle: { classPropertyName: "rotationAngle", publicName: "rotationAngle", isSignal: true, isRequired: false, transformFunction: null }, minOffset: { classPropertyName: "minOffset", publicName: "minOffset", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PieRadarChartBaseDirective, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { rotationAngle: [{ type: i0.Input, args: [{ isSignal: true, alias: "rotationAngle", required: false }] }], rotationEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "rotationEnabled", required: false }] }], minOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "minOffset", required: false }] }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { rotationAngle: [{ type: i0.Input, args: [{ isSignal: true, alias: "rotationAngle", required: false }] }], minOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "minOffset", required: false }] }] } });
 // ============================================================================
 // Line Chart Directive
 // ============================================================================
 class LineChartDirective extends BarLineChartBaseDirective {
-    data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
     constructor(elRef) {
         super(elRef);
-        effect(() => {
-            const value = this.data();
-            if (this.initialized && value !== undefined) {
-                this.chart.data = value;
-            }
-        });
-    }
-    applyInitialProperties() {
-        super.applyInitialProperties();
-        const data = this.data();
-        if (data && this.chart) {
-            this.chart.data = data;
-        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LineChartDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: LineChartDirective, isStandalone: true, selector: "LineChart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: LineChartDirective, isStandalone: true, selector: "LineChart", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LineChartDirective, decorators: [{
             type: Directive,
@@ -531,30 +448,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                     selector: 'LineChart',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 // ============================================================================
 // Bar Chart Directive
 // ============================================================================
 class BarChartDirective extends BarLineChartBaseDirective {
-    data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
     constructor(elRef) {
         super(elRef);
-        effect(() => {
-            const value = this.data();
-            if (this.initialized && value !== undefined) {
-                this.chart.data = value;
-            }
-        });
-    }
-    applyInitialProperties() {
-        super.applyInitialProperties();
-        const data = this.data();
-        if (data && this.chart) {
-            this.chart.data = data;
-        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BarChartDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: BarChartDirective, isStandalone: true, selector: "BarChart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: BarChartDirective, isStandalone: true, selector: "BarChart", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BarChartDirective, decorators: [{
             type: Directive,
@@ -562,7 +465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                     selector: 'BarChart',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 // ============================================================================
 // Horizontal Bar Chart Directive
 // ============================================================================
@@ -598,166 +501,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
 // Pie Chart Directive
 // ============================================================================
 class PieChartDirective extends PieRadarChartBaseDirective {
-    data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
-    drawHole = input(...(ngDevMode ? [undefined, { debugName: "drawHole" }] : []));
-    holeRadius = input(...(ngDevMode ? [undefined, { debugName: "holeRadius" }] : []));
-    transparentCircleRadius = input(...(ngDevMode ? [undefined, { debugName: "transparentCircleRadius" }] : []));
-    holeColor = input(...(ngDevMode ? [undefined, { debugName: "holeColor" }] : []));
-    transparentCircleColor = input(...(ngDevMode ? [undefined, { debugName: "transparentCircleColor" }] : []));
-    drawCenterText = input(...(ngDevMode ? [undefined, { debugName: "drawCenterText" }] : []));
-    centerText = input(...(ngDevMode ? [undefined, { debugName: "centerText" }] : []));
-    centerTextColor = input(...(ngDevMode ? [undefined, { debugName: "centerTextColor" }] : []));
-    centerTextSize = input(...(ngDevMode ? [undefined, { debugName: "centerTextSize" }] : []));
-    drawSliceText = input(...(ngDevMode ? [undefined, { debugName: "drawSliceText" }] : []));
-    sliceTextSize = input(...(ngDevMode ? [undefined, { debugName: "sliceTextSize" }] : []));
-    sliceTextColor = input(...(ngDevMode ? [undefined, { debugName: "sliceTextColor" }] : []));
-    usePercentValues = input(...(ngDevMode ? [undefined, { debugName: "usePercentValues" }] : []));
-    maxAngle = input(...(ngDevMode ? [undefined, { debugName: "maxAngle" }] : []));
     constructor(elRef) {
         super(elRef);
-        effect(() => {
-            const value = this.data();
-            if (this.initialized && value !== undefined) {
-                this.chart.data = value;
-            }
-        });
-        effect(() => {
-            const value = this.drawHole();
-            if (this.initialized && value !== undefined) {
-                this.chart.drawHole = value;
-            }
-        });
-        effect(() => {
-            const value = this.holeRadius();
-            if (this.initialized && value !== undefined) {
-                this.chart.holeRadius = value;
-            }
-        });
-        effect(() => {
-            const value = this.transparentCircleRadius();
-            if (this.initialized && value !== undefined) {
-                this.chart.transparentCircleRadius = value;
-            }
-        });
-        effect(() => {
-            const value = this.holeColor();
-            if (this.initialized && value !== undefined) {
-                this.chart.holeColor = value;
-            }
-        });
-        effect(() => {
-            const value = this.transparentCircleColor();
-            if (this.initialized && value !== undefined) {
-                this.chart.transparentCircleColor = value;
-            }
-        });
-        effect(() => {
-            const value = this.drawCenterText();
-            if (this.initialized && value !== undefined) {
-                this.chart.drawCenterText = value;
-            }
-        });
-        effect(() => {
-            const value = this.centerText();
-            if (this.initialized && value !== undefined) {
-                this.chart.centerText = value;
-            }
-        });
-        effect(() => {
-            const value = this.centerTextColor();
-            if (this.initialized && value !== undefined) {
-                this.chart.centerTextColor = value;
-            }
-        });
-        effect(() => {
-            const value = this.centerTextSize();
-            if (this.initialized && value !== undefined) {
-                this.chart.centerTextSize = value;
-            }
-        });
-        effect(() => {
-            const value = this.drawSliceText();
-            if (this.initialized && value !== undefined) {
-                this.chart.drawSliceText = value;
-            }
-        });
-        effect(() => {
-            const value = this.sliceTextSize();
-            if (this.initialized && value !== undefined) {
-                this.chart.sliceTextSize = value;
-            }
-        });
-        effect(() => {
-            const value = this.sliceTextColor();
-            if (this.initialized && value !== undefined) {
-                this.chart.sliceTextColor = value;
-            }
-        });
-        effect(() => {
-            const value = this.usePercentValues();
-            if (this.initialized && value !== undefined) {
-                this.chart.usePercentValues = value;
-            }
-        });
-        effect(() => {
-            const value = this.maxAngle();
-            if (this.initialized && value !== undefined) {
-                this.chart.maxAngle = value;
-            }
-        });
-    }
-    applyInitialProperties() {
-        super.applyInitialProperties();
-        if (!this.chart)
-            return;
-        const data = this.data();
-        if (data)
-            this.chart.data = data;
-        const drawHole = this.drawHole();
-        if (drawHole !== undefined)
-            this.chart.drawHole = drawHole;
-        const holeRadius = this.holeRadius();
-        if (holeRadius !== undefined)
-            this.chart.holeRadius = holeRadius;
-        const transparentCircleRadius = this.transparentCircleRadius();
-        if (transparentCircleRadius !== undefined)
-            this.chart.transparentCircleRadius = transparentCircleRadius;
-        const holeColor = this.holeColor();
-        if (holeColor)
-            this.chart.holeColor = holeColor;
-        const transparentCircleColor = this.transparentCircleColor();
-        if (transparentCircleColor)
-            this.chart.transparentCircleColor = transparentCircleColor;
-        const drawCenterText = this.drawCenterText();
-        if (drawCenterText !== undefined)
-            this.chart.drawCenterText = drawCenterText;
-        const centerText = this.centerText();
-        if (centerText)
-            this.chart.centerText = centerText;
-        const centerTextColor = this.centerTextColor();
-        if (centerTextColor)
-            this.chart.centerTextColor = centerTextColor;
-        const centerTextSize = this.centerTextSize();
-        if (centerTextSize !== undefined)
-            this.chart.centerTextSize = centerTextSize;
-        const drawSliceText = this.drawSliceText();
-        if (drawSliceText !== undefined)
-            this.chart.drawSliceText = drawSliceText;
-        const sliceTextSize = this.sliceTextSize();
-        if (sliceTextSize !== undefined)
-            this.chart.sliceTextSize = sliceTextSize;
-        const sliceTextColor = this.sliceTextColor();
-        if (sliceTextColor)
-            this.chart.sliceTextColor = sliceTextColor;
-        const usePercentValues = this.usePercentValues();
-        if (usePercentValues !== undefined)
-            this.chart.usePercentValues = usePercentValues;
-        const maxAngle = this.maxAngle();
-        if (maxAngle !== undefined)
-            this.chart.maxAngle = maxAngle;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PieChartDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: PieChartDirective, isStandalone: true, selector: "PieChart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, drawHole: { classPropertyName: "drawHole", publicName: "drawHole", isSignal: true, isRequired: false, transformFunction: null }, holeRadius: { classPropertyName: "holeRadius", publicName: "holeRadius", isSignal: true, isRequired: false, transformFunction: null }, transparentCircleRadius: { classPropertyName: "transparentCircleRadius", publicName: "transparentCircleRadius", isSignal: true, isRequired: false, transformFunction: null }, holeColor: { classPropertyName: "holeColor", publicName: "holeColor", isSignal: true, isRequired: false, transformFunction: null }, transparentCircleColor: { classPropertyName: "transparentCircleColor", publicName: "transparentCircleColor", isSignal: true, isRequired: false, transformFunction: null }, drawCenterText: { classPropertyName: "drawCenterText", publicName: "drawCenterText", isSignal: true, isRequired: false, transformFunction: null }, centerText: { classPropertyName: "centerText", publicName: "centerText", isSignal: true, isRequired: false, transformFunction: null }, centerTextColor: { classPropertyName: "centerTextColor", publicName: "centerTextColor", isSignal: true, isRequired: false, transformFunction: null }, centerTextSize: { classPropertyName: "centerTextSize", publicName: "centerTextSize", isSignal: true, isRequired: false, transformFunction: null }, drawSliceText: { classPropertyName: "drawSliceText", publicName: "drawSliceText", isSignal: true, isRequired: false, transformFunction: null }, sliceTextSize: { classPropertyName: "sliceTextSize", publicName: "sliceTextSize", isSignal: true, isRequired: false, transformFunction: null }, sliceTextColor: { classPropertyName: "sliceTextColor", publicName: "sliceTextColor", isSignal: true, isRequired: false, transformFunction: null }, usePercentValues: { classPropertyName: "usePercentValues", publicName: "usePercentValues", isSignal: true, isRequired: false, transformFunction: null }, maxAngle: { classPropertyName: "maxAngle", publicName: "maxAngle", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: PieChartDirective, isStandalone: true, selector: "PieChart", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PieChartDirective, decorators: [{
             type: Directive,
@@ -765,7 +513,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                     selector: 'PieChart',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], drawHole: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawHole", required: false }] }], holeRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "holeRadius", required: false }] }], transparentCircleRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "transparentCircleRadius", required: false }] }], holeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "holeColor", required: false }] }], transparentCircleColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "transparentCircleColor", required: false }] }], drawCenterText: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawCenterText", required: false }] }], centerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerText", required: false }] }], centerTextColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerTextColor", required: false }] }], centerTextSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerTextSize", required: false }] }], drawSliceText: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawSliceText", required: false }] }], sliceTextSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "sliceTextSize", required: false }] }], sliceTextColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "sliceTextColor", required: false }] }], usePercentValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "usePercentValues", required: false }] }], maxAngle: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAngle", required: false }] }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 // ============================================================================
 // Scatter Chart Directive
 // ============================================================================
@@ -975,25 +723,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
 // Combined Chart Directive
 // ============================================================================
 class CombinedChartDirective extends BarLineChartBaseDirective {
-    data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
     constructor(elRef) {
         super(elRef);
-        effect(() => {
-            const value = this.data();
-            if (this.initialized && value !== undefined) {
-                this.chart.data = value;
-            }
-        });
-    }
-    applyInitialProperties() {
-        super.applyInitialProperties();
-        const data = this.data();
-        if (data && this.chart) {
-            this.chart.data = data;
-        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CombinedChartDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: CombinedChartDirective, isStandalone: true, selector: "CombinedChart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: CombinedChartDirective, isStandalone: true, selector: "CombinedChart", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CombinedChartDirective, decorators: [{
             type: Directive,
@@ -1001,7 +735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                     selector: 'CombinedChart',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
 /**
  * Register custom NativeScript chart views for Angular