@ojiepermana/angular 22.1.13 → 22.2.0

package/fesm2022/ojiepermana-angular-chart-line.mjs

@@ -1,132 +1,213 @@
-import * as i0 from '@angular/core';
-import { inject, input, output, computed, Component } from '@angular/core';
-import { ChartContext, CartesianContext, CategoricalViewportContext, resolveChartStyle, ChartThemeSpace, resolveChartMargin, DEFAULT_CARTESIAN_MARGIN_UNITS, setupCartesianChart, provideCartesianFromLineLayout, computeLineLayout, resolveSeriesColor, ChartRovingFocus, ChartMarkFocus, ChartDataTable } from '@ojiepermana/angular/chart/core';
-export { buildCartesianScales, cloneLinear, computeAreaLayout, computeLineLayout, pointToBandAdapter, provideCartesianFromLineLayout } from '@ojiepermana/angular/chart/core';
-import { ChartPointerTracker } from '@ojiepermana/angular/chart/primitives';
-
+import * as i0 from "@angular/core";
+import { Component, computed, inject, input, output } from "@angular/core";
+import { CartesianContext, CategoricalViewportContext, ChartContext, ChartDataTable, ChartMarkFocus, ChartRovingFocus, ChartThemeSpace, DEFAULT_CARTESIAN_MARGIN_UNITS, buildCartesianScales, cloneLinear, computeAreaLayout, computeLineLayout, computeLineLayout as computeLineLayout$1, pointToBandAdapter, provideCartesianFromLineLayout, provideCartesianFromLineLayout as provideCartesianFromLineLayout$1, resolveChartMargin, resolveChartStyle, resolveSeriesColor, setupCartesianChart } from "@ojiepermana/angular/chart/core";
+import { ChartPointerTracker } from "@ojiepermana/angular/chart/primitives";
 const defaultLineValueFormatter = (value) => `${value}`;
-class LineChart {
-    root = inject(ChartContext);
-    cart = inject(CartesianContext);
-    viewport = inject(CategoricalViewportContext);
-    data = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
-    xKey = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "xKey" }] : /* istanbul ignore next */ []));
-    orientation = input('vertical', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
-    /**
-     * Presentational style of the chart.
-     *
-     * Replaces `styles`, which read like a CSS styles bag rather than a single
-     * variant. Named `styleVariant` and not `variant` because `ChartBar` already
-     * publishes a `variant` input for its grouped versus stacked axis, and one
-     * name cannot mean two things across the family.
-     */
-    styleVariant = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "styleVariant" }] : /* istanbul ignore next */ []));
-    /**
-     * @deprecated Use `styleVariant`. Still fully supported; when both are bound,
-     *   `styleVariant` wins. Due for removal in the next major.
-     */
-    styles = input('base', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "styles" }] : /* istanbul ignore next */ []));
-    /** The style actually in effect. Bind this, never `styles()`. */
-    chartStyle = resolveChartStyle(this.styleVariant, this.styles);
-    curve = input('monotone', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "curve" }] : /* istanbul ignore next */ []));
-    themeSpace = inject(ChartThemeSpace);
-    /**
-     * Plot gutters. Leave it unset and they follow the theme-space density
-     * axis; set it and your numbers win, unchanged, whatever the axis says.
-     */
-    margin = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "margin" }] : /* istanbul ignore next */ []));
-    /** The margin actually in effect. Bind this, never `margin()`. */
-    plotMargin = resolveChartMargin(this.margin, DEFAULT_CARTESIAN_MARGIN_UNITS, this.themeSpace);
-    strokeWidth = input(2, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "strokeWidth" }] : /* istanbul ignore next */ []));
-    showDots = input(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showDots" }] : /* istanbul ignore next */ []));
-    dotRadius = input(3, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dotRadius" }] : /* istanbul ignore next */ []));
-    dotColorKey = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dotColorKey" }] : /* istanbul ignore next */ []));
-    dotStrokeColor = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dotStrokeColor" }] : /* istanbul ignore next */ []));
-    dotStrokeWidth = input(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dotStrokeWidth" }] : /* istanbul ignore next */ []));
-    showValueLabels = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showValueLabels" }] : /* istanbul ignore next */ []));
-    valueLabelFormat = input(defaultLineValueFormatter, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valueLabelFormat" }] : /* istanbul ignore next */ []));
-    pointClick = output();
-    /**
-     * The shared cartesian scaffolding: geometry, the index window, the layout
-     * effect, and the click plus active-point plus aria-label handlers.
-     *
-     * Declared before `layout` because the layout computed reads its geometry.
-     */
-    cx = setupCartesianChart({
-        data: () => this.data(),
-        margin: () => this.plotMargin(),
-        cartesian: { context: this.cart, orientation: () => this.orientation() },
-        viewport: this.viewport,
-        publishLayout: (inner) => provideCartesianFromLineLayout(this.cart, this.layout(), this.orientation(), inner.width, inner.height),
-        click: {
-            emit: (event) => this.pointClick.emit(event),
-            payload: (point, datumIndex, datum) => ({
-                seriesKey: point.seriesKey,
-                datumIndex,
-                category: point.category,
-                value: point.value,
-                datum,
-            }),
-        },
-        ariaLabel: (point, label) => `${label} at ${point.category}: ${point.value}`,
-    });
-    layout = computed(() => computeLineLayout({
-        data: this.cx.visibleData(),
-        xKey: this.xKey(),
-        seriesKeys: this.root.visibleSeriesKeys(),
-        orientation: this.orientation(),
-        innerWidth: this.cx.innerWidth(),
-        innerHeight: this.cx.innerHeight(),
-        curve: this.curve(),
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
-    series = computed(() => this.layout().series, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []));
-    ariaSummary = computed(() => {
-        const keys = this.root.visibleSeriesKeys();
-        return `Line chart, ${this.cx.visibleData().length} points, ${keys.length} series: ${keys.join(', ')}.`;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaSummary" }] : /* istanbul ignore next */ []));
-    dataColumns = computed(() => [this.xKey(), ...this.root.visibleSeriesKeys()], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dataColumns" }] : /* istanbul ignore next */ []));
-    dotFill(point, fallbackColor) {
-        const colorKey = this.dotColorKey();
-        if (!colorKey) {
-            return fallbackColor;
-        }
-        // `point.datumIndex` is VISIBLE-relative here, unlike in emitClick where it is
-        // made absolute. The dot being painted is the one in the current window.
-        return resolveSeriesColor(this.cx.visibleData()[point.datumIndex]?.[colorKey], fallbackColor);
-    }
-    formatValueLabel(point) {
-        return this.valueLabelFormat()(point.value);
-    }
-    labelX(point) {
-        return this.orientation() === 'vertical' ? point.x : point.x + this.dotRadius() + 6;
-    }
-    labelY(point) {
-        return this.orientation() === 'vertical' ? point.y - this.dotRadius() - 8 : point.y;
-    }
-    labelAnchor() {
-        return this.orientation() === 'vertical' ? 'middle' : 'start';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LineChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LineChart, isStandalone: true, selector: "ChartLine", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, xKey: { classPropertyName: "xKey", publicName: "xKey", isSignal: true, isRequired: true, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, styleVariant: { classPropertyName: "styleVariant", publicName: "styleVariant", isSignal: true, isRequired: false, transformFunction: null }, styles: { classPropertyName: "styles", publicName: "styles", isSignal: true, isRequired: false, transformFunction: null }, curve: { classPropertyName: "curve", publicName: "curve", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, showDots: { classPropertyName: "showDots", publicName: "showDots", isSignal: true, isRequired: false, transformFunction: null }, dotRadius: { classPropertyName: "dotRadius", publicName: "dotRadius", isSignal: true, isRequired: false, transformFunction: null }, dotColorKey: { classPropertyName: "dotColorKey", publicName: "dotColorKey", isSignal: true, isRequired: false, transformFunction: null }, dotStrokeColor: { classPropertyName: "dotStrokeColor", publicName: "dotStrokeColor", isSignal: true, isRequired: false, transformFunction: null }, dotStrokeWidth: { classPropertyName: "dotStrokeWidth", publicName: "dotStrokeWidth", isSignal: true, isRequired: false, transformFunction: null }, showValueLabels: { classPropertyName: "showValueLabels", publicName: "showValueLabels", isSignal: true, isRequired: false, transformFunction: null }, valueLabelFormat: { classPropertyName: "valueLabelFormat", publicName: "valueLabelFormat", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pointClick: "pointClick" }, host: { properties: { "attr.data-style": "chartStyle()" }, classAttribute: "relative block h-full w-full" }, providers: [CartesianContext, CategoricalViewportContext], ngImport: i0, template: `
+var LineChart = class LineChart {
+	root = inject(ChartContext);
+	cart = inject(CartesianContext);
+	viewport = inject(CategoricalViewportContext);
+	data = input.required(...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
+	xKey = input.required(...ngDevMode ? [{ debugName: "xKey" }] : /* istanbul ignore next */ []);
+	orientation = input("vertical", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	styleVariant = input(void 0, ...ngDevMode ? [{ debugName: "styleVariant" }] : /* istanbul ignore next */ []);
+	styles = input("base", ...ngDevMode ? [{ debugName: "styles" }] : /* istanbul ignore next */ []);
+	chartStyle = resolveChartStyle(this.styleVariant, this.styles);
+	curve = input("monotone", ...ngDevMode ? [{ debugName: "curve" }] : /* istanbul ignore next */ []);
+	themeSpace = inject(ChartThemeSpace);
+	margin = input(null, ...ngDevMode ? [{ debugName: "margin" }] : /* istanbul ignore next */ []);
+	plotMargin = resolveChartMargin(this.margin, DEFAULT_CARTESIAN_MARGIN_UNITS, this.themeSpace);
+	strokeWidth = input(2, ...ngDevMode ? [{ debugName: "strokeWidth" }] : /* istanbul ignore next */ []);
+	showDots = input(true, ...ngDevMode ? [{ debugName: "showDots" }] : /* istanbul ignore next */ []);
+	dotRadius = input(3, ...ngDevMode ? [{ debugName: "dotRadius" }] : /* istanbul ignore next */ []);
+	dotColorKey = input(void 0, ...ngDevMode ? [{ debugName: "dotColorKey" }] : /* istanbul ignore next */ []);
+	dotStrokeColor = input(void 0, ...ngDevMode ? [{ debugName: "dotStrokeColor" }] : /* istanbul ignore next */ []);
+	dotStrokeWidth = input(0, ...ngDevMode ? [{ debugName: "dotStrokeWidth" }] : /* istanbul ignore next */ []);
+	showValueLabels = input(false, ...ngDevMode ? [{ debugName: "showValueLabels" }] : /* istanbul ignore next */ []);
+	valueLabelFormat = input(defaultLineValueFormatter, ...ngDevMode ? [{ debugName: "valueLabelFormat" }] : /* istanbul ignore next */ []);
+	pointClick = output();
+	cx = setupCartesianChart({
+		data: () => this.data(),
+		margin: () => this.plotMargin(),
+		cartesian: {
+			context: this.cart,
+			orientation: () => this.orientation()
+		},
+		viewport: this.viewport,
+		publishLayout: (inner) => provideCartesianFromLineLayout$1(this.cart, this.layout(), this.orientation(), inner.width, inner.height),
+		click: {
+			emit: (event) => this.pointClick.emit(event),
+			payload: (point, datumIndex, datum) => ({
+				seriesKey: point.seriesKey,
+				datumIndex,
+				category: point.category,
+				value: point.value,
+				datum
+			})
+		},
+		ariaLabel: (point, label) => `${label} at ${point.category}: ${point.value}`
+	});
+	layout = computed(() => computeLineLayout$1({
+		data: this.cx.visibleData(),
+		xKey: this.xKey(),
+		seriesKeys: this.root.visibleSeriesKeys(),
+		orientation: this.orientation(),
+		innerWidth: this.cx.innerWidth(),
+		innerHeight: this.cx.innerHeight(),
+		curve: this.curve()
+	}), ...ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []);
+	series = computed(() => this.layout().series, ...ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []);
+	ariaSummary = computed(() => {
+		const keys = this.root.visibleSeriesKeys();
+		return `Line chart, ${this.cx.visibleData().length} points, ${keys.length} series: ${keys.join(", ")}.`;
+	}, ...ngDevMode ? [{ debugName: "ariaSummary" }] : /* istanbul ignore next */ []);
+	dataColumns = computed(() => [this.xKey(), ...this.root.visibleSeriesKeys()], ...ngDevMode ? [{ debugName: "dataColumns" }] : /* istanbul ignore next */ []);
+	dotFill(point, fallbackColor) {
+		const colorKey = this.dotColorKey();
+		if (!colorKey) return fallbackColor;
+		return resolveSeriesColor(this.cx.visibleData()[point.datumIndex]?.[colorKey], fallbackColor);
+	}
+	formatValueLabel(point) {
+		return this.valueLabelFormat()(point.value);
+	}
+	labelX(point) {
+		return this.orientation() === "vertical" ? point.x : point.x + this.dotRadius() + 6;
+	}
+	labelY(point) {
+		return this.orientation() === "vertical" ? point.y - this.dotRadius() - 8 : point.y;
+	}
+	labelAnchor() {
+		return this.orientation() === "vertical" ? "middle" : "start";
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: LineChart,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: LineChart,
+		isStandalone: true,
+		selector: "ChartLine",
+		inputs: {
+			data: {
+				classPropertyName: "data",
+				publicName: "data",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			xKey: {
+				classPropertyName: "xKey",
+				publicName: "xKey",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styleVariant: {
+				classPropertyName: "styleVariant",
+				publicName: "styleVariant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styles: {
+				classPropertyName: "styles",
+				publicName: "styles",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			curve: {
+				classPropertyName: "curve",
+				publicName: "curve",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			margin: {
+				classPropertyName: "margin",
+				publicName: "margin",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			strokeWidth: {
+				classPropertyName: "strokeWidth",
+				publicName: "strokeWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showDots: {
+				classPropertyName: "showDots",
+				publicName: "showDots",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dotRadius: {
+				classPropertyName: "dotRadius",
+				publicName: "dotRadius",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dotColorKey: {
+				classPropertyName: "dotColorKey",
+				publicName: "dotColorKey",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dotStrokeColor: {
+				classPropertyName: "dotStrokeColor",
+				publicName: "dotStrokeColor",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dotStrokeWidth: {
+				classPropertyName: "dotStrokeWidth",
+				publicName: "dotStrokeWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showValueLabels: {
+				classPropertyName: "showValueLabels",
+				publicName: "showValueLabels",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			valueLabelFormat: {
+				classPropertyName: "valueLabelFormat",
+				publicName: "valueLabelFormat",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { pointClick: "pointClick" },
+		host: {
+			properties: { "attr.data-style": "chartStyle()" },
+			classAttribute: "relative block h-full w-full"
+		},
+		providers: [CartesianContext, CategoricalViewportContext],
+		ngImport: i0,
+		template: `
     <svg:svg
       ChartPointerTracker
       ChartRovingFocus
@@ -202,16 +283,59 @@ class LineChart {
       [rowHeaderKey]="xKey()"
       [label]="ariaSummary()"
     />
-  `, isInline: true, dependencies: [{ kind: "directive", type: ChartPointerTracker, selector: "svg:svg[ChartPointerTracker]" }, { kind: "directive", type: ChartRovingFocus, selector: "svg[ChartRovingFocus]" }, { kind: "directive", type: ChartMarkFocus, selector: "[ChartMarkFocus]" }, { kind: "component", type: ChartDataTable, selector: "ChartDataTable", inputs: ["data", "columns", "label", "rowHeaderKey"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LineChart, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ChartLine',
-                    providers: [CartesianContext, CategoricalViewportContext],
-                    imports: [ChartPointerTracker, ChartRovingFocus, ChartMarkFocus, ChartDataTable],
-                    host: { class: 'relative block h-full w-full', '[attr.data-style]': 'chartStyle()' },
-                    template: `
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: ChartPointerTracker,
+				selector: "svg:svg[ChartPointerTracker]"
+			},
+			{
+				kind: "directive",
+				type: ChartRovingFocus,
+				selector: "svg[ChartRovingFocus]"
+			},
+			{
+				kind: "directive",
+				type: ChartMarkFocus,
+				selector: "[ChartMarkFocus]"
+			},
+			{
+				kind: "component",
+				type: ChartDataTable,
+				selector: "ChartDataTable",
+				inputs: [
+					"data",
+					"columns",
+					"label",
+					"rowHeaderKey"
+				]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: LineChart,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ChartLine",
+			providers: [CartesianContext, CategoricalViewportContext],
+			imports: [
+				ChartPointerTracker,
+				ChartRovingFocus,
+				ChartMarkFocus,
+				ChartDataTable
+			],
+			host: {
+				class: "relative block h-full w-full",
+				"[attr.data-style]": "chartStyle()"
+			},
+			template: `
     <svg:svg
       ChartPointerTracker
       ChartRovingFocus
@@ -287,12 +411,134 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
       [rowHeaderKey]="xKey()"
       [label]="ariaSummary()"
     />
-  `,
-                }]
-        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], xKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "xKey", required: true }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], styleVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleVariant", required: false }] }], styles: [{ type: i0.Input, args: [{ isSignal: true, alias: "styles", required: false }] }], curve: [{ type: i0.Input, args: [{ isSignal: true, alias: "curve", required: false }] }], margin: [{ type: i0.Input, args: [{ isSignal: true, alias: "margin", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], showDots: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDots", required: false }] }], dotRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "dotRadius", required: false }] }], dotColorKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "dotColorKey", required: false }] }], dotStrokeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "dotStrokeColor", required: false }] }], dotStrokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dotStrokeWidth", required: false }] }], showValueLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValueLabels", required: false }] }], valueLabelFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueLabelFormat", required: false }] }], pointClick: [{ type: i0.Output, args: ["pointClick"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { LineChart };
+  `
+		}]
+	}],
+	propDecorators: {
+		data: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data",
+				required: true
+			}]
+		}],
+		xKey: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xKey",
+				required: true
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		styleVariant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleVariant",
+				required: false
+			}]
+		}],
+		styles: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styles",
+				required: false
+			}]
+		}],
+		curve: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "curve",
+				required: false
+			}]
+		}],
+		margin: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "margin",
+				required: false
+			}]
+		}],
+		strokeWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "strokeWidth",
+				required: false
+			}]
+		}],
+		showDots: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showDots",
+				required: false
+			}]
+		}],
+		dotRadius: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dotRadius",
+				required: false
+			}]
+		}],
+		dotColorKey: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dotColorKey",
+				required: false
+			}]
+		}],
+		dotStrokeColor: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dotStrokeColor",
+				required: false
+			}]
+		}],
+		dotStrokeWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dotStrokeWidth",
+				required: false
+			}]
+		}],
+		showValueLabels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showValueLabels",
+				required: false
+			}]
+		}],
+		valueLabelFormat: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valueLabelFormat",
+				required: false
+			}]
+		}],
+		pointClick: [{
+			type: i0.Output,
+			args: ["pointClick"]
+		}]
+	}
+});
+export { LineChart, buildCartesianScales, cloneLinear, computeAreaLayout, computeLineLayout, pointToBandAdapter, provideCartesianFromLineLayout };