@nstudio/ncharts 1.0.0

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

@@ -0,0 +1,1059 @@
+import * as i0 from '@angular/core';
+import { input, output, effect, Directive, NO_ERRORS_SCHEMA, NgModule } from '@angular/core';
+import { registerElement } from '@nativescript/angular';
+import { LineChart, BarChart, HorizontalBarChart, PieChart, ScatterChart, BubbleChart, CandleStickChart, RadarChart, CombinedChart } from '@nstudio/ncharts';
+export { parseColor } from '@nstudio/ncharts';
+
+/**
+ * @nstudio/ncharts Angular Directives
+ *
+ * Standalone Angular components/directives for all chart types
+ * Uses signal inputs for zoneless compatibility
+ */
+// ============================================================================
+// Base Chart Directive
+// ============================================================================
+class ChartBaseDirective {
+    el;
+    // Common signal inputs
+    animation = input(...(ngDevMode ? [undefined, { debugName: "animation" }] : []));
+    chartBackgroundColor = input(...(ngDevMode ? [undefined, { debugName: "chartBackgroundColor" }] : []));
+    chartGridBackgroundColor = input(...(ngDevMode ? [undefined, { debugName: "chartGridBackgroundColor" }] : []));
+    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" }] : []));
+    chartDescription = input(...(ngDevMode ? [undefined, { debugName: "chartDescription" }] : []));
+    legend = input(...(ngDevMode ? [undefined, { debugName: "legend" }] : []));
+    xAxis = input(...(ngDevMode ? [undefined, { debugName: "xAxis" }] : []));
+    marker = input(...(ngDevMode ? [undefined, { debugName: "marker" }] : []));
+    highlights = input(...(ngDevMode ? [undefined, { debugName: "highlights" }] : []));
+    // Common outputs
+    select = output();
+    deselect = output();
+    gesture = output();
+    chart;
+    initialized = false;
+    constructor(el) {
+        this.el = el;
+        // Set up effects for common properties
+        effect(() => {
+            const value = this.animation();
+            if (this.initialized && value !== undefined) {
+                this.chart.animation = value;
+            }
+        });
+        effect(() => {
+            const value = this.chartBackgroundColor();
+            if (this.initialized && value !== undefined) {
+                this.chart.chartBackgroundColor = value;
+            }
+        });
+        effect(() => {
+            const value = this.chartGridBackgroundColor();
+            if (this.initialized && value !== undefined) {
+                this.chart.chartGridBackgroundColor = value;
+            }
+        });
+        effect(() => {
+            const value = this.logEnabled();
+            if (this.initialized && value !== undefined) {
+                this.chart.logEnabled = value;
+            }
+        });
+        effect(() => {
+            const value = this.noDataText();
+            if (this.initialized && value !== undefined) {
+                this.chart.noDataText = value;
+            }
+        });
+        effect(() => {
+            const value = this.noDataTextColor();
+            if (this.initialized && value !== undefined) {
+                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) {
+                this.chart.dragDecelerationEnabled = value;
+            }
+        });
+        effect(() => {
+            const value = this.dragDecelerationFrictionCoef();
+            if (this.initialized && value !== undefined) {
+                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) {
+                this.chart.chartDescription = value;
+            }
+        });
+        effect(() => {
+            const value = this.legend();
+            if (this.initialized && value !== undefined) {
+                this.chart.legend = value;
+            }
+        });
+        effect(() => {
+            const value = this.xAxis();
+            if (this.initialized && value !== undefined) {
+                this.chart.xAxis = value;
+            }
+        });
+        effect(() => {
+            const value = this.marker();
+            if (this.initialized && value !== undefined) {
+                this.chart.marker = value;
+            }
+        });
+        effect(() => {
+            const value = this.highlights();
+            if (this.initialized && value !== undefined) {
+                this.chart.highlights = value;
+            }
+        });
+    }
+    ngAfterViewInit() {
+        this.chart = this.el.nativeElement;
+        this.initialized = true;
+        this.applyInitialProperties();
+        // this.setupEventListeners();
+    }
+    ngOnDestroy() {
+        // this.removeEventListeners();
+        this.chart = null;
+        this.initialized = false;
+    }
+    // private setupEventListeners(): void {
+    //   if (!this.chart) return;
+    //   this.chart.on('select', this.onChartSelect, this);
+    //   this.chart.on('deselect', this.onChartDeselect, this);
+    //   this.chart.on('gesture', this.onChartGesture, this);
+    // }
+    // private removeEventListeners(): void {
+    //   if (!this.chart) return;
+    //   this.chart.off('select', this.onChartSelect, this);
+    //   this.chart.off('deselect', this.onChartDeselect, this);
+    //   this.chart.off('gesture', this.onChartGesture, this);
+    // }
+    // private onChartSelect = (args: any): void => {
+    //   this.select.emit({
+    //     x: args.x,
+    //     y: args.y,
+    //     dataSetIndex: args.dataSetIndex,
+    //     dataIndex: args.dataIndex,
+    //     data: args.data,
+    //   });
+    // };
+    // private onChartDeselect = (): void => {
+    //   this.deselect.emit();
+    // };
+    // private onChartGesture = (args: any): void => {
+    //   this.gesture.emit(args);
+    // };
+    applyInitialProperties() {
+        if (!this.chart)
+            return;
+        // Apply all current signal values
+        const animation = this.animation();
+        if (animation)
+            this.chart.animation = animation;
+        const chartBackgroundColor = this.chartBackgroundColor();
+        if (chartBackgroundColor)
+            this.chart.chartBackgroundColor = chartBackgroundColor;
+        const chartGridBackgroundColor = this.chartGridBackgroundColor();
+        if (chartGridBackgroundColor)
+            this.chart.chartGridBackgroundColor = chartGridBackgroundColor;
+        const logEnabled = this.logEnabled();
+        if (logEnabled !== undefined)
+            this.chart.logEnabled = logEnabled;
+        const noDataText = this.noDataText();
+        if (noDataText)
+            this.chart.noDataText = noDataText;
+        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;
+        const legend = this.legend();
+        if (legend)
+            this.chart.legend = legend;
+        const xAxis = this.xAxis();
+        if (xAxis)
+            this.chart.xAxis = xAxis;
+        const marker = this.marker();
+        if (marker)
+            this.chart.marker = marker;
+        const highlights = this.highlights();
+        if (highlights)
+            this.chart.highlights = highlights;
+    }
+    // Public methods
+    animate(animation) {
+        this.chart?.animate(animation);
+    }
+    highlightValues(highlights) {
+        this.chart?.highlightValues(highlights);
+    }
+    clearHighlights() {
+        this.chart?.clearHighlights();
+    }
+    invalidate() {
+        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 });
+}
+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"] }] } });
+// ============================================================================
+// BarLine Chart Base Directive
+// ============================================================================
+class BarLineChartBaseDirective extends ChartBaseDirective {
+    maxHighlightDistance = input(...(ngDevMode ? [undefined, { debugName: "maxHighlightDistance" }] : []));
+    drawGridBackground = input(...(ngDevMode ? [undefined, { debugName: "drawGridBackground" }] : []));
+    gridBackgroundColor = input(...(ngDevMode ? [undefined, { debugName: "gridBackgroundColor" }] : []));
+    drawBorders = input(...(ngDevMode ? [undefined, { debugName: "drawBorders" }] : []));
+    borderColor = input(...(ngDevMode ? [undefined, { debugName: "borderColor" }] : []));
+    borderWidth = input(...(ngDevMode ? [undefined, { debugName: "borderWidth" }] : []));
+    minOffset = input(...(ngDevMode ? [undefined, { debugName: "minOffset" }] : []));
+    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) {
+        super(el);
+        // Set up effects for BarLine-specific properties
+        effect(() => {
+            const value = this.maxHighlightDistance();
+            if (this.initialized && value !== undefined) {
+                this.chart.maxHighlightDistance = value;
+            }
+        });
+        effect(() => {
+            const value = this.drawGridBackground();
+            if (this.initialized && value !== undefined) {
+                this.chart.drawGridBackground = value;
+            }
+        });
+        effect(() => {
+            const value = this.gridBackgroundColor();
+            if (this.initialized && value !== undefined) {
+                this.chart.gridBackgroundColor = value;
+            }
+        });
+        effect(() => {
+            const value = this.drawBorders();
+            if (this.initialized && value !== undefined) {
+                this.chart.drawBorders = value;
+            }
+        });
+        effect(() => {
+            const value = this.borderColor();
+            if (this.initialized && value !== undefined) {
+                this.chart.borderColor = value;
+            }
+        });
+        effect(() => {
+            const value = this.borderWidth();
+            if (this.initialized && value !== undefined) {
+                this.chart.borderWidth = value;
+            }
+        });
+        effect(() => {
+            const value = this.minOffset();
+            if (this.initialized && value !== undefined) {
+                this.chart.minOffset = value;
+            }
+        });
+        effect(() => {
+            const value = this.maxVisibleValueCount();
+            if (this.initialized && value !== undefined) {
+                this.chart.maxVisibleValueCount = value;
+            }
+        });
+        effect(() => {
+            const value = this.autoScaleMinMaxEnabled();
+            if (this.initialized && value !== undefined) {
+                this.chart.autoScaleMinMaxEnabled = value;
+            }
+        });
+        effect(() => {
+            const value = this.keepPositionOnRotation();
+            if (this.initialized && value !== undefined) {
+                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) {
+                this.chart.scaleXEnabled = value;
+            }
+        });
+        effect(() => {
+            const value = this.scaleYEnabled();
+            if (this.initialized && value !== undefined) {
+                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) {
+                this.chart.doubleTapToZoomEnabled = value;
+            }
+        });
+        effect(() => {
+            const value = this.yAxis();
+            if (this.initialized && value !== undefined) {
+                this.chart.yAxis = value;
+            }
+        });
+    }
+    applyInitialProperties() {
+        super.applyInitialProperties();
+        if (!this.chart)
+            return;
+        const maxHighlightDistance = this.maxHighlightDistance();
+        if (maxHighlightDistance !== undefined)
+            this.chart.maxHighlightDistance = maxHighlightDistance;
+        const drawGridBackground = this.drawGridBackground();
+        if (drawGridBackground !== undefined)
+            this.chart.drawGridBackground = drawGridBackground;
+        const gridBackgroundColor = this.gridBackgroundColor();
+        if (gridBackgroundColor)
+            this.chart.gridBackgroundColor = gridBackgroundColor;
+        const drawBorders = this.drawBorders();
+        if (drawBorders !== undefined)
+            this.chart.drawBorders = drawBorders;
+        const borderColor = this.borderColor();
+        if (borderColor)
+            this.chart.borderColor = borderColor;
+        const borderWidth = this.borderWidth();
+        if (borderWidth !== undefined)
+            this.chart.borderWidth = borderWidth;
+        const minOffset = this.minOffset();
+        if (minOffset !== undefined)
+            this.chart.minOffset = minOffset;
+        const maxVisibleValueCount = this.maxVisibleValueCount();
+        if (maxVisibleValueCount !== undefined)
+            this.chart.maxVisibleValueCount = maxVisibleValueCount;
+        const autoScaleMinMaxEnabled = this.autoScaleMinMaxEnabled();
+        if (autoScaleMinMaxEnabled !== undefined)
+            this.chart.autoScaleMinMaxEnabled = autoScaleMinMaxEnabled;
+        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;
+        const yAxis = this.yAxis();
+        if (yAxis)
+            this.chart.yAxis = yAxis;
+    }
+    // Public methods specific to BarLine charts
+    moveViewToX(xValue) {
+        this.chart?.moveViewToX(xValue);
+    }
+    moveViewTo(xValue, yValue, axisDependency = 'LEFT') {
+        this.chart?.moveViewTo(xValue, yValue, axisDependency);
+    }
+    centerViewTo(xValue, yValue, axisDependency = 'LEFT') {
+        this.chart?.centerViewTo(xValue, yValue, axisDependency);
+    }
+    zoom(scaleX, scaleY, xValue, yValue, axisDependency = 'LEFT') {
+        this.chart?.zoom(scaleX, scaleY, xValue, yValue, axisDependency);
+    }
+    fitScreen() {
+        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 });
+}
+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 }] }] } });
+// ============================================================================
+// 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);
+        effect(() => {
+            const value = this.rotationAngle();
+            if (this.initialized && value !== undefined) {
+                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) {
+                this.chart.minOffset = value;
+            }
+        });
+    }
+    applyInitialProperties() {
+        super.applyInitialProperties();
+        if (!this.chart)
+            return;
+        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 });
+}
+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 }] }] } });
+// ============================================================================
+// 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LineChartDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'LineChart',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
+// ============================================================================
+// 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BarChartDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'BarChart',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
+// ============================================================================
+// Horizontal Bar Chart Directive
+// ============================================================================
+class HorizontalBarChartDirective 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: HorizontalBarChartDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: HorizontalBarChartDirective, isStandalone: true, selector: "HorizontalBarChart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: HorizontalBarChartDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'HorizontalBarChart',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
+// ============================================================================
+// 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PieChartDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    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 }] }] } });
+// ============================================================================
+// Scatter Chart Directive
+// ============================================================================
+class ScatterChartDirective 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: ScatterChartDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: ScatterChartDirective, isStandalone: true, selector: "ScatterChart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ScatterChartDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ScatterChart',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
+// ============================================================================
+// Bubble Chart Directive
+// ============================================================================
+class BubbleChartDirective 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: BubbleChartDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: BubbleChartDirective, isStandalone: true, selector: "BubbleChart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BubbleChartDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'BubbleChart',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
+// ============================================================================
+// CandleStick Chart Directive
+// ============================================================================
+class CandleStickChartDirective 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: CandleStickChartDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: CandleStickChartDirective, isStandalone: true, selector: "CandleStickChart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CandleStickChartDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'CandleStickChart',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
+// ============================================================================
+// Radar Chart Directive
+// ============================================================================
+class RadarChartDirective extends PieRadarChartBaseDirective {
+    data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
+    yAxis = input(...(ngDevMode ? [undefined, { debugName: "yAxis" }] : []));
+    drawWeb = input(...(ngDevMode ? [undefined, { debugName: "drawWeb" }] : []));
+    webLineWidth = input(...(ngDevMode ? [undefined, { debugName: "webLineWidth" }] : []));
+    webLineWidthInner = input(...(ngDevMode ? [undefined, { debugName: "webLineWidthInner" }] : []));
+    webAlpha = input(...(ngDevMode ? [undefined, { debugName: "webAlpha" }] : []));
+    webColor = input(...(ngDevMode ? [undefined, { debugName: "webColor" }] : []));
+    webColorInner = input(...(ngDevMode ? [undefined, { debugName: "webColorInner" }] : []));
+    skipWebLineCount = input(...(ngDevMode ? [undefined, { debugName: "skipWebLineCount" }] : []));
+    constructor(elRef) {
+        super(elRef);
+        effect(() => {
+            const value = this.data();
+            if (this.initialized && value !== undefined) {
+                this.chart.data = value;
+            }
+        });
+        effect(() => {
+            const value = this.yAxis();
+            if (this.initialized && value !== undefined) {
+                this.chart.yAxis = value;
+            }
+        });
+        effect(() => {
+            const value = this.drawWeb();
+            if (this.initialized && value !== undefined) {
+                this.chart.drawWeb = value;
+            }
+        });
+        effect(() => {
+            const value = this.webLineWidth();
+            if (this.initialized && value !== undefined) {
+                this.chart.webLineWidth = value;
+            }
+        });
+        effect(() => {
+            const value = this.webLineWidthInner();
+            if (this.initialized && value !== undefined) {
+                this.chart.webLineWidthInner = value;
+            }
+        });
+        effect(() => {
+            const value = this.webAlpha();
+            if (this.initialized && value !== undefined) {
+                this.chart.webAlpha = value;
+            }
+        });
+        effect(() => {
+            const value = this.webColor();
+            if (this.initialized && value !== undefined) {
+                this.chart.webColor = value;
+            }
+        });
+        effect(() => {
+            const value = this.webColorInner();
+            if (this.initialized && value !== undefined) {
+                this.chart.webColorInner = value;
+            }
+        });
+        effect(() => {
+            const value = this.skipWebLineCount();
+            if (this.initialized && value !== undefined) {
+                this.chart.skipWebLineCount = value;
+            }
+        });
+    }
+    applyInitialProperties() {
+        super.applyInitialProperties();
+        if (!this.chart)
+            return;
+        const data = this.data();
+        if (data)
+            this.chart.data = data;
+        const yAxis = this.yAxis();
+        if (yAxis)
+            this.chart.yAxis = yAxis;
+        const drawWeb = this.drawWeb();
+        if (drawWeb !== undefined)
+            this.chart.drawWeb = drawWeb;
+        const webLineWidth = this.webLineWidth();
+        if (webLineWidth !== undefined)
+            this.chart.webLineWidth = webLineWidth;
+        const webLineWidthInner = this.webLineWidthInner();
+        if (webLineWidthInner !== undefined)
+            this.chart.webLineWidthInner = webLineWidthInner;
+        const webAlpha = this.webAlpha();
+        if (webAlpha !== undefined)
+            this.chart.webAlpha = webAlpha;
+        const webColor = this.webColor();
+        if (webColor)
+            this.chart.webColor = webColor;
+        const webColorInner = this.webColorInner();
+        if (webColorInner)
+            this.chart.webColorInner = webColorInner;
+        const skipWebLineCount = this.skipWebLineCount();
+        if (skipWebLineCount !== undefined)
+            this.chart.skipWebLineCount = skipWebLineCount;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: RadarChartDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: RadarChartDirective, isStandalone: true, selector: "RadarChart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, yAxis: { classPropertyName: "yAxis", publicName: "yAxis", isSignal: true, isRequired: false, transformFunction: null }, drawWeb: { classPropertyName: "drawWeb", publicName: "drawWeb", isSignal: true, isRequired: false, transformFunction: null }, webLineWidth: { classPropertyName: "webLineWidth", publicName: "webLineWidth", isSignal: true, isRequired: false, transformFunction: null }, webLineWidthInner: { classPropertyName: "webLineWidthInner", publicName: "webLineWidthInner", isSignal: true, isRequired: false, transformFunction: null }, webAlpha: { classPropertyName: "webAlpha", publicName: "webAlpha", isSignal: true, isRequired: false, transformFunction: null }, webColor: { classPropertyName: "webColor", publicName: "webColor", isSignal: true, isRequired: false, transformFunction: null }, webColorInner: { classPropertyName: "webColorInner", publicName: "webColorInner", isSignal: true, isRequired: false, transformFunction: null }, skipWebLineCount: { classPropertyName: "skipWebLineCount", publicName: "skipWebLineCount", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: RadarChartDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'RadarChart',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], yAxis: [{ type: i0.Input, args: [{ isSignal: true, alias: "yAxis", required: false }] }], drawWeb: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawWeb", required: false }] }], webLineWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "webLineWidth", required: false }] }], webLineWidthInner: [{ type: i0.Input, args: [{ isSignal: true, alias: "webLineWidthInner", required: false }] }], webAlpha: [{ type: i0.Input, args: [{ isSignal: true, alias: "webAlpha", required: false }] }], webColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "webColor", required: false }] }], webColorInner: [{ type: i0.Input, args: [{ isSignal: true, alias: "webColorInner", required: false }] }], skipWebLineCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "skipWebLineCount", required: false }] }] } });
+// ============================================================================
+// 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CombinedChartDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'CombinedChart',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
+
+/**
+ * Register custom NativeScript chart views for Angular
+ * This file should be imported in main.ts to register all custom elements
+ */
+// Register chart views
+function registerNchartsElements() {
+    registerElement('LineChart', () => LineChart);
+    registerElement('BarChart', () => BarChart);
+    registerElement('HorizontalBarChart', () => HorizontalBarChart);
+    registerElement('PieChart', () => PieChart);
+    registerElement('ScatterChart', () => ScatterChart);
+    registerElement('BubbleChart', () => BubbleChart);
+    registerElement('CandleStickChart', () => CandleStickChart);
+    registerElement('RadarChart', () => RadarChart);
+    registerElement('CombinedChart', () => CombinedChart);
+}
+
+/**
+ * @nstudio/ncharts Angular Module
+ *
+ * Provides NgModule for registering chart elements and utilities
+ */
+// All chart directives for easy importing
+const NCHARTS_DIRECTIVES = [LineChartDirective, BarChartDirective, HorizontalBarChartDirective, PieChartDirective, ScatterChartDirective, BubbleChartDirective, CandleStickChartDirective, RadarChartDirective, CombinedChartDirective];
+/**
+ * NativeScript NCharts Module (optional - directives are standalone)
+ */
+class NativeScriptNchartsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NativeScriptNchartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: NativeScriptNchartsModule, imports: [LineChartDirective, BarChartDirective, HorizontalBarChartDirective, PieChartDirective, ScatterChartDirective, BubbleChartDirective, CandleStickChartDirective, RadarChartDirective, CombinedChartDirective], exports: [LineChartDirective, BarChartDirective, HorizontalBarChartDirective, PieChartDirective, ScatterChartDirective, BubbleChartDirective, CandleStickChartDirective, RadarChartDirective, CombinedChartDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NativeScriptNchartsModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NativeScriptNchartsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...NCHARTS_DIRECTIVES],
+                    exports: [...NCHARTS_DIRECTIVES],
+                    schemas: [NO_ERRORS_SCHEMA],
+                }]
+        }] });
+
+/**
+ * @nstudio/ncharts/angular
+ *
+ * Angular integration for NativeScript Charts
+ * Provides standalone Angular components for all chart types
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BarChartDirective, BarLineChartBaseDirective, BubbleChartDirective, CandleStickChartDirective, ChartBaseDirective, CombinedChartDirective, HorizontalBarChartDirective, LineChartDirective, NCHARTS_DIRECTIVES, NativeScriptNchartsModule, PieChartDirective, PieRadarChartBaseDirective, RadarChartDirective, ScatterChartDirective, registerNchartsElements };
+//# sourceMappingURL=nstudio-ncharts-angular.mjs.map