@lifecorner/angular-ui-kit 3.4.1 → 3.5.0

package/fesm2022/lifecorner-angular-ui-kit-line-chart.mjs

@@ -0,0 +1,413 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, afterNextRender, computed, inject, input, signal } from "@angular/core";
+import { chartColor, formatChartValue, linearPath, niceScale, smoothPath, toFinite } from "@lifecorner/angular-ui-kit/internal/chart";
+const DEFAULT_WIDTH = 400;
+let nextClipId = 0;
+var LineChartComponent = class LineChartComponent {
+	_el = inject(ElementRef);
+	_destroyRef = inject(DestroyRef);
+	_containerWidth = signal(0, ...ngDevMode ? [{ debugName: "_containerWidth" }] : /* istanbul ignore next */ []);
+	constructor() {
+		afterNextRender(() => {
+			const obs = new ResizeObserver(([entry]) => {
+				this._containerWidth.set(entry.contentRect.width);
+			});
+			obs.observe(this._el.nativeElement);
+			this._destroyRef.onDestroy(() => obs.disconnect());
+		});
+	}
+	series = input.required(...ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []);
+	labels = input([], ...ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []);
+	width = input(void 0, ...ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []);
+	height = input(200, ...ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []);
+	strokeWidth = input(2, ...ngDevMode ? [{ debugName: "strokeWidth" }] : /* istanbul ignore next */ []);
+	showDots = input(true, ...ngDevMode ? [{ debugName: "showDots" }] : /* istanbul ignore next */ []);
+	showGrid = input(true, ...ngDevMode ? [{ debugName: "showGrid" }] : /* istanbul ignore next */ []);
+	showXLabels = input(true, ...ngDevMode ? [{ debugName: "showXLabels" }] : /* istanbul ignore next */ []);
+	showYLabels = input(true, ...ngDevMode ? [{ debugName: "showYLabels" }] : /* istanbul ignore next */ []);
+	filled = input(false, ...ngDevMode ? [{ debugName: "filled" }] : /* istanbul ignore next */ []);
+	showLegend = input(false, ...ngDevMode ? [{ debugName: "showLegend" }] : /* istanbul ignore next */ []);
+	smooth = input(true, ...ngDevMode ? [{ debugName: "smooth" }] : /* istanbul ignore next */ []);
+	yMin = input(null, ...ngDevMode ? [{ debugName: "yMin" }] : /* istanbul ignore next */ []);
+	formatValue = input(formatChartValue, ...ngDevMode ? [{ debugName: "formatValue" }] : /* istanbul ignore next */ []);
+	ariaLabel = input("", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	PL = 40;
+	PR = 10;
+	PT = 10;
+	PB = 30;
+	effectiveWidth = computed(() => this._containerWidth() || this.width() || DEFAULT_WIDTH, ...ngDevMode ? [{ debugName: "effectiveWidth" }] : /* istanbul ignore next */ []);
+	viewBox = computed(() => `0 0 ${this.effectiveWidth()} ${this.height()}`, ...ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []);
+	cleanSeries = computed(() => (this.series() ?? []).map((ser) => ({
+		...ser,
+		data: (ser.data ?? []).map((v) => toFinite(v))
+	})), ...ngDevMode ? [{ debugName: "cleanSeries" }] : /* istanbul ignore next */ []);
+	allValues = computed(() => this.cleanSeries().flatMap((ser) => ser.data), ...ngDevMode ? [{ debugName: "allValues" }] : /* istanbul ignore next */ []);
+	minValue = computed(() => {
+		const dataMin = this.allValues().length ? Math.min(...this.allValues()) : 0;
+		const forced = this.yMin();
+		return forced !== null ? Math.min(forced, dataMin) : dataMin;
+	}, ...ngDevMode ? [{ debugName: "minValue" }] : /* istanbul ignore next */ []);
+	maxValue = computed(() => this.allValues().length ? Math.max(...this.allValues()) : 0, ...ngDevMode ? [{ debugName: "maxValue" }] : /* istanbul ignore next */ []);
+	scale = computed(() => niceScale(this.minValue(), this.maxValue(), 4), ...ngDevMode ? [{ debugName: "scale" }] : /* istanbul ignore next */ []);
+	maxDataLength = computed(() => Math.max(...this.cleanSeries().map((s) => s.data.length), 0), ...ngDevMode ? [{ debugName: "maxDataLength" }] : /* istanbul ignore next */ []);
+	plotArea = computed(() => ({
+		x: this.PL,
+		y: this.PT,
+		w: this.effectiveWidth() - this.PL - this.PR,
+		h: this.height() - this.PT - this.PB
+	}), ...ngDevMode ? [{ debugName: "plotArea" }] : /* istanbul ignore next */ []);
+	valueToY(value) {
+		const { min, max } = this.scale();
+		const pa = this.plotArea();
+		return pa.y + pa.h - (value - min) / (max - min || 1) * pa.h;
+	}
+	gridLines = computed(() => {
+		if (!this.showGrid()) return [];
+		const fmt = this.formatValue();
+		return this.scale().ticks.map((tick) => ({
+			y: this.valueToY(tick),
+			label: fmt(tick)
+		}));
+	}, ...ngDevMode ? [{ debugName: "gridLines" }] : /* istanbul ignore next */ []);
+	xLabels = computed(() => {
+		const lbls = this.labels();
+		if (!this.showXLabels() || lbls.length === 0) return [];
+		const pa = this.plotArea();
+		const count = lbls.length;
+		return lbls.map((label, i) => ({
+			x: pa.x + (count > 1 ? i / (count - 1) * pa.w : pa.w / 2),
+			y: this.height() - this.PB + 16,
+			label
+		}));
+	}, ...ngDevMode ? [{ debugName: "xLabels" }] : /* istanbul ignore next */ []);
+	renderedSeries = computed(() => {
+		const pa = this.plotArea();
+		return this.cleanSeries().map((ser, si) => {
+			const color = ser.color || chartColor(si);
+			const points = ser.data.map((v, i) => ({
+				x: pa.x + (ser.data.length > 1 ? i / (ser.data.length - 1) * pa.w : pa.w / 2),
+				y: this.valueToY(v)
+			}));
+			const pathD = this.smooth() ? smoothPath(points) : linearPath(points);
+			let areaD = "";
+			if (this.filled() && pathD) {
+				const lastX = points[points.length - 1].x;
+				const firstX = points[0].x;
+				const bottomY = pa.y + pa.h;
+				areaD = `${pathD} L${lastX},${bottomY} L${firstX},${bottomY} Z`;
+			}
+			return {
+				label: ser.label,
+				color,
+				pathD,
+				areaD,
+				points: this.showDots() ? points : []
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "renderedSeries" }] : /* istanbul ignore next */ []);
+	axisLine = computed(() => {
+		const pa = this.plotArea();
+		return {
+			vx1: pa.x,
+			vy1: pa.y,
+			vx2: pa.x,
+			vy2: pa.y + pa.h,
+			hx1: pa.x,
+			hy1: pa.y + pa.h,
+			hx2: pa.x + pa.w,
+			hy2: pa.y + pa.h
+		};
+	}, ...ngDevMode ? [{ debugName: "axisLine" }] : /* istanbul ignore next */ []);
+	legendItems = computed(() => {
+		if (!this.showLegend()) return [];
+		return this.renderedSeries().map((s) => ({
+			label: s.label,
+			color: s.color
+		}));
+	}, ...ngDevMode ? [{ debugName: "legendItems" }] : /* istanbul ignore next */ []);
+	_clipId = `lc-chart-clip-${++nextClipId}`;
+	clipId = () => this._clipId;
+	effectiveAriaLabel = computed(() => {
+		const explicit = this.ariaLabel();
+		if (explicit) return explicit;
+		const series = this.cleanSeries();
+		if (!series.length) return "Line chart: no data";
+		const fmt = this.formatValue();
+		return `Line chart: ${series.map((s, i) => {
+			const name = s.label || `Series ${i + 1}`;
+			if (!s.data.length) return `${name} (no data)`;
+			const n = s.data.length;
+			return `${name} (${n} ${n === 1 ? "point" : "points"}, ${fmt(Math.min(...s.data))} to ${fmt(Math.max(...s.data))})`;
+		}).join(", ")}`;
+	}, ...ngDevMode ? [{ debugName: "effectiveAriaLabel" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: LineChartComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: LineChartComponent,
+		isStandalone: true,
+		selector: "lc-line-chart",
+		inputs: {
+			series: {
+				classPropertyName: "series",
+				publicName: "series",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			labels: {
+				classPropertyName: "labels",
+				publicName: "labels",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			width: {
+				classPropertyName: "width",
+				publicName: "width",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			height: {
+				classPropertyName: "height",
+				publicName: "height",
+				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
+			},
+			showGrid: {
+				classPropertyName: "showGrid",
+				publicName: "showGrid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showXLabels: {
+				classPropertyName: "showXLabels",
+				publicName: "showXLabels",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showYLabels: {
+				classPropertyName: "showYLabels",
+				publicName: "showYLabels",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filled: {
+				classPropertyName: "filled",
+				publicName: "filled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showLegend: {
+				classPropertyName: "showLegend",
+				publicName: "showLegend",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			smooth: {
+				classPropertyName: "smooth",
+				publicName: "smooth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			yMin: {
+				classPropertyName: "yMin",
+				publicName: "yMin",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			formatValue: {
+				classPropertyName: "formatValue",
+				publicName: "formatValue",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: { "style.max-width.px": "width()" } },
+		ngImport: i0,
+		template: "<div class=\"lc-line-chart\">\n  <svg\n    width=\"100%\"\n    [attr.height]=\"height()\"\n    [attr.viewBox]=\"viewBox()\"\n    role=\"img\"\n    [attr.aria-label]=\"effectiveAriaLabel()\"\n    class=\"lc-line-chart__svg\"\n  >\n    <title>{{ effectiveAriaLabel() }}</title>\n\n    <!-- Grid lines -->\n    @for (line of gridLines(); track line.y) {\n      <line\n        [attr.x1]=\"axisLine().hx1\"\n        [attr.y1]=\"line.y\"\n        [attr.x2]=\"axisLine().hx2\"\n        [attr.y2]=\"line.y\"\n        class=\"lc-line-chart__grid-line\"\n      />\n      @if (showYLabels()) {\n        <text\n          [attr.x]=\"axisLine().vx1 - 6\"\n          [attr.y]=\"line.y\"\n          text-anchor=\"end\"\n          dominant-baseline=\"central\"\n          class=\"lc-line-chart__y-label\"\n        >\n          {{ line.label }}\n        </text>\n      }\n    }\n\n    <!-- Axes -->\n    <line\n      [attr.x1]=\"axisLine().vx1\"\n      [attr.y1]=\"axisLine().vy1\"\n      [attr.x2]=\"axisLine().vx2\"\n      [attr.y2]=\"axisLine().vy2\"\n      class=\"lc-line-chart__axis\"\n    />\n    <line\n      [attr.x1]=\"axisLine().hx1\"\n      [attr.y1]=\"axisLine().hy1\"\n      [attr.x2]=\"axisLine().hx2\"\n      [attr.y2]=\"axisLine().hy2\"\n      class=\"lc-line-chart__axis\"\n    />\n\n    <!-- X labels -->\n    @for (lbl of xLabels(); track lbl.x) {\n      <text\n        [attr.x]=\"lbl.x\"\n        [attr.y]=\"lbl.y\"\n        text-anchor=\"middle\"\n        class=\"lc-line-chart__x-label\"\n      >\n        {{ lbl.label }}\n      </text>\n    }\n\n    <!-- Clip path: prevents smooth spline overshoot from rendering outside the plot area -->\n    <defs>\n      <clipPath [attr.id]=\"clipId()\">\n        <rect\n          [attr.x]=\"plotArea().x\"\n          [attr.y]=\"plotArea().y\"\n          [attr.width]=\"plotArea().w\"\n          [attr.height]=\"plotArea().h\"\n        />\n      </clipPath>\n    </defs>\n\n    <!-- Series -->\n    @for (ser of renderedSeries(); track $index) {\n      @if (ser.areaD) {\n        <path\n          [attr.d]=\"ser.areaD\"\n          [attr.fill]=\"ser.color\"\n          [attr.clip-path]=\"'url(#' + clipId() + ')'\"\n          class=\"lc-line-chart__area\"\n        />\n      }\n      @if (ser.pathD) {\n        <path\n          [attr.d]=\"ser.pathD\"\n          [attr.stroke]=\"ser.color\"\n          [attr.stroke-width]=\"strokeWidth()\"\n          [attr.clip-path]=\"'url(#' + clipId() + ')'\"\n          fill=\"none\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          class=\"lc-line-chart__line\"\n        />\n      }\n      @for (pt of ser.points; track $index) {\n        <circle\n          [attr.cx]=\"pt.x\"\n          [attr.cy]=\"pt.y\"\n          r=\"3\"\n          [attr.fill]=\"ser.color\"\n          stroke=\"var(--color-surface)\"\n          stroke-width=\"1.5\"\n          class=\"lc-line-chart__dot\"\n        />\n      }\n    }\n  </svg>\n\n  @if (legendItems().length > 0) {\n    <div class=\"lc-line-chart__legend\">\n      @for (item of legendItems(); track $index) {\n        <div class=\"lc-line-chart__legend-item\">\n          <span class=\"lc-line-chart__legend-line\" [style.background-color]=\"item.color\"></span>\n          <span class=\"lc-line-chart__legend-label\">{{ item.label }}</span>\n        </div>\n      }\n    </div>\n  }\n</div>\n",
+		styles: [":host{display:block}.lc-line-chart{display:block;width:100%}.lc-line-chart__svg{overflow:visible}.lc-line-chart__axis{stroke:var(--color-border);stroke-width:1}.lc-line-chart__grid-line{stroke:var(--color-border);stroke-width:1;stroke-dasharray:3 3}.lc-line-chart__y-label,.lc-line-chart__x-label{font-size:.625rem;fill:var(--color-text-tertiary)}.lc-line-chart__area{opacity:.12}.lc-line-chart__dot{transition:r .15s ease}.lc-line-chart__dot:hover{r:5}.lc-line-chart__legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center}.lc-line-chart__legend-item{display:flex;align-items:center;gap:.375rem;font-size:var(--typography-font-size-sm, .875rem)}.lc-line-chart__legend-line{width:1rem;height:.1875rem;border-radius:1px;flex-shrink:0}.lc-line-chart__legend-label{color:var(--color-text-secondary)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: LineChartComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-line-chart",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "[style.max-width.px]": "width()" },
+			template: "<div class=\"lc-line-chart\">\n  <svg\n    width=\"100%\"\n    [attr.height]=\"height()\"\n    [attr.viewBox]=\"viewBox()\"\n    role=\"img\"\n    [attr.aria-label]=\"effectiveAriaLabel()\"\n    class=\"lc-line-chart__svg\"\n  >\n    <title>{{ effectiveAriaLabel() }}</title>\n\n    <!-- Grid lines -->\n    @for (line of gridLines(); track line.y) {\n      <line\n        [attr.x1]=\"axisLine().hx1\"\n        [attr.y1]=\"line.y\"\n        [attr.x2]=\"axisLine().hx2\"\n        [attr.y2]=\"line.y\"\n        class=\"lc-line-chart__grid-line\"\n      />\n      @if (showYLabels()) {\n        <text\n          [attr.x]=\"axisLine().vx1 - 6\"\n          [attr.y]=\"line.y\"\n          text-anchor=\"end\"\n          dominant-baseline=\"central\"\n          class=\"lc-line-chart__y-label\"\n        >\n          {{ line.label }}\n        </text>\n      }\n    }\n\n    <!-- Axes -->\n    <line\n      [attr.x1]=\"axisLine().vx1\"\n      [attr.y1]=\"axisLine().vy1\"\n      [attr.x2]=\"axisLine().vx2\"\n      [attr.y2]=\"axisLine().vy2\"\n      class=\"lc-line-chart__axis\"\n    />\n    <line\n      [attr.x1]=\"axisLine().hx1\"\n      [attr.y1]=\"axisLine().hy1\"\n      [attr.x2]=\"axisLine().hx2\"\n      [attr.y2]=\"axisLine().hy2\"\n      class=\"lc-line-chart__axis\"\n    />\n\n    <!-- X labels -->\n    @for (lbl of xLabels(); track lbl.x) {\n      <text\n        [attr.x]=\"lbl.x\"\n        [attr.y]=\"lbl.y\"\n        text-anchor=\"middle\"\n        class=\"lc-line-chart__x-label\"\n      >\n        {{ lbl.label }}\n      </text>\n    }\n\n    <!-- Clip path: prevents smooth spline overshoot from rendering outside the plot area -->\n    <defs>\n      <clipPath [attr.id]=\"clipId()\">\n        <rect\n          [attr.x]=\"plotArea().x\"\n          [attr.y]=\"plotArea().y\"\n          [attr.width]=\"plotArea().w\"\n          [attr.height]=\"plotArea().h\"\n        />\n      </clipPath>\n    </defs>\n\n    <!-- Series -->\n    @for (ser of renderedSeries(); track $index) {\n      @if (ser.areaD) {\n        <path\n          [attr.d]=\"ser.areaD\"\n          [attr.fill]=\"ser.color\"\n          [attr.clip-path]=\"'url(#' + clipId() + ')'\"\n          class=\"lc-line-chart__area\"\n        />\n      }\n      @if (ser.pathD) {\n        <path\n          [attr.d]=\"ser.pathD\"\n          [attr.stroke]=\"ser.color\"\n          [attr.stroke-width]=\"strokeWidth()\"\n          [attr.clip-path]=\"'url(#' + clipId() + ')'\"\n          fill=\"none\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          class=\"lc-line-chart__line\"\n        />\n      }\n      @for (pt of ser.points; track $index) {\n        <circle\n          [attr.cx]=\"pt.x\"\n          [attr.cy]=\"pt.y\"\n          r=\"3\"\n          [attr.fill]=\"ser.color\"\n          stroke=\"var(--color-surface)\"\n          stroke-width=\"1.5\"\n          class=\"lc-line-chart__dot\"\n        />\n      }\n    }\n  </svg>\n\n  @if (legendItems().length > 0) {\n    <div class=\"lc-line-chart__legend\">\n      @for (item of legendItems(); track $index) {\n        <div class=\"lc-line-chart__legend-item\">\n          <span class=\"lc-line-chart__legend-line\" [style.background-color]=\"item.color\"></span>\n          <span class=\"lc-line-chart__legend-label\">{{ item.label }}</span>\n        </div>\n      }\n    </div>\n  }\n</div>\n",
+			styles: [":host{display:block}.lc-line-chart{display:block;width:100%}.lc-line-chart__svg{overflow:visible}.lc-line-chart__axis{stroke:var(--color-border);stroke-width:1}.lc-line-chart__grid-line{stroke:var(--color-border);stroke-width:1;stroke-dasharray:3 3}.lc-line-chart__y-label,.lc-line-chart__x-label{font-size:.625rem;fill:var(--color-text-tertiary)}.lc-line-chart__area{opacity:.12}.lc-line-chart__dot{transition:r .15s ease}.lc-line-chart__dot:hover{r:5}.lc-line-chart__legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center}.lc-line-chart__legend-item{display:flex;align-items:center;gap:.375rem;font-size:var(--typography-font-size-sm, .875rem)}.lc-line-chart__legend-line{width:1rem;height:.1875rem;border-radius:1px;flex-shrink:0}.lc-line-chart__legend-label{color:var(--color-text-secondary)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		series: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "series",
+				required: true
+			}]
+		}],
+		labels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labels",
+				required: false
+			}]
+		}],
+		width: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "width",
+				required: false
+			}]
+		}],
+		height: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "height",
+				required: false
+			}]
+		}],
+		strokeWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "strokeWidth",
+				required: false
+			}]
+		}],
+		showDots: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showDots",
+				required: false
+			}]
+		}],
+		showGrid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showGrid",
+				required: false
+			}]
+		}],
+		showXLabels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showXLabels",
+				required: false
+			}]
+		}],
+		showYLabels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showYLabels",
+				required: false
+			}]
+		}],
+		filled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filled",
+				required: false
+			}]
+		}],
+		showLegend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLegend",
+				required: false
+			}]
+		}],
+		smooth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "smooth",
+				required: false
+			}]
+		}],
+		yMin: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "yMin",
+				required: false
+			}]
+		}],
+		formatValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formatValue",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}]
+	}
+});
+export { LineChartComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-line-chart.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-line-chart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-line-chart.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/line-chart/line-chart.component.ts","../../../../libs/angular-ui-kit/src/lib/line-chart/line-chart.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  afterNextRender,\n  inject,\n  input,\n  computed,\n  signal,\n} from '@angular/core';\nimport { chartColor } from '@lifecorner/angular-ui-kit/internal/chart';\nimport { linearPath, smoothPath } from '@lifecorner/angular-ui-kit/internal/chart';\nimport {\n  ChartValueFormatter,\n  formatChartValue,\n  niceScale,\n  toFinite,\n} from '@lifecorner/angular-ui-kit/internal/chart';\n\nexport interface LineChartSeries {\n  label: string;\n  data: number[];\n  color?: string;\n}\n\n/** viewBox width used until the container has been measured. */\nconst DEFAULT_WIDTH = 400;\n\nlet nextClipId = 0;\n\n@Component({\n  selector: 'lc-line-chart',\n  standalone: true,\n  templateUrl: './line-chart.component.html',\n  styleUrls: ['./line-chart.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[style.max-width.px]': 'width()',\n  },\n})\n/**\n * Line chart component for visualizing data trends.\n *\n * Features:\n * - Multiple data series support\n * - Smooth or linear curve interpolation\n * - Optional area fill below lines\n * - Configurable grid on a nice tick scale, axis labels, dots, and legend\n * - Responsive SVG rendering with configurable dimensions\n *\n * @example\n * ```html\n * <lc-line-chart [series]=\"data\" [labels]=\"months\" [smooth]=\"true\" />\n * ```\n */\nexport class LineChartComponent {\n  private readonly _el = inject(ElementRef);\n  private readonly _destroyRef = inject(DestroyRef);\n  private readonly _containerWidth = signal<number>(0);\n\n  constructor() {\n    afterNextRender(() => {\n      const obs = new ResizeObserver(([entry]) => {\n        this._containerWidth.set(entry.contentRect.width);\n      });\n      obs.observe(this._el.nativeElement);\n      this._destroyRef.onDestroy(() => obs.disconnect());\n    });\n  }\n\n  /** One or more data series. */\n  series = input.required<LineChartSeries[]>();\n\n  /** X-axis labels. */\n  labels = input<string[]>([]);\n\n  /**\n   * Intrinsic chart width in pixels. The chart fills its container (the SVG is\n   * `width=\"100%\"` and its viewBox follows the measured container width);\n   * `width` is the viewBox width until the container has been measured and,\n   * when set, the host's `max-width`, so the chart never grows past it. Leave\n   * unset for a fully fluid chart.\n   */\n  width = input<number | undefined>(undefined);\n\n  /** Chart height in pixels. */\n  height = input<number>(200);\n\n  /** Stroke width for lines. */\n  strokeWidth = input<number>(2);\n\n  /** Show dots at data points. */\n  showDots = input<boolean>(true);\n\n  /** Show grid lines. */\n  showGrid = input<boolean>(true);\n\n  /** Show X-axis labels. */\n  showXLabels = input<boolean>(true);\n\n  /** Show Y-axis labels. */\n  showYLabels = input<boolean>(true);\n\n  /** Show area fill under lines. */\n  filled = input<boolean>(false);\n\n  /** Show legend. */\n  showLegend = input<boolean>(false);\n\n  /** Use smooth curves. */\n  smooth = input<boolean>(true);\n\n  /** Force a minimum Y value (e.g. 0 for cost charts to avoid negative baseline). */\n  yMin = input<number | null>(null);\n\n  /** Formats Y-axis tick labels. Defaults to a float-safe `String(value)`. */\n  formatValue = input<ChartValueFormatter>(formatChartValue);\n\n  /**\n   * Accessible name of the chart. Defaults to a generated summary naming each\n   * series with its point count and value range.\n   */\n  ariaLabel = input<string>('');\n\n  private readonly PL = 40;\n  private readonly PR = 10;\n  private readonly PT = 10;\n  private readonly PB = 30;\n\n  protected readonly effectiveWidth = computed(\n    () => this._containerWidth() || this.width() || DEFAULT_WIDTH\n  );\n\n  protected readonly viewBox = computed(\n    () => `0 0 ${this.effectiveWidth()} ${this.height()}`\n  );\n\n  private readonly cleanSeries = computed(() =>\n    (this.series() ?? []).map((ser) => ({\n      ...ser,\n      data: (ser.data ?? []).map((v) => toFinite(v)),\n    }))\n  );\n\n  protected readonly allValues = computed(() =>\n    this.cleanSeries().flatMap((ser) => ser.data)\n  );\n\n  protected readonly minValue = computed(() => {\n    const dataMin = this.allValues().length ? Math.min(...this.allValues()) : 0;\n    const forced = this.yMin();\n    return forced !== null ? Math.min(forced, dataMin) : dataMin;\n  });\n\n  protected readonly maxValue = computed(() =>\n    this.allValues().length ? Math.max(...this.allValues()) : 0\n  );\n\n  /** Y scale with nice tick bounds; the plot edges sit on the outermost ticks. */\n  protected readonly scale = computed(() => niceScale(this.minValue(), this.maxValue(), 4));\n\n  protected readonly maxDataLength = computed(() =>\n    Math.max(...this.cleanSeries().map((s) => s.data.length), 0)\n  );\n\n  protected readonly plotArea = computed(() => ({\n    x: this.PL,\n    y: this.PT,\n    w: this.effectiveWidth() - this.PL - this.PR,\n    h: this.height() - this.PT - this.PB,\n  }));\n\n  private valueToY(value: number): number {\n    const { min, max } = this.scale();\n    const pa = this.plotArea();\n    return pa.y + pa.h - ((value - min) / (max - min || 1)) * pa.h;\n  }\n\n  protected readonly gridLines = computed(() => {\n    if (!this.showGrid()) return [];\n    const fmt = this.formatValue();\n    return this.scale().ticks.map((tick) => ({ y: this.valueToY(tick), label: fmt(tick) }));\n  });\n\n  protected readonly xLabels = computed(() => {\n    const lbls = this.labels();\n    if (!this.showXLabels() || lbls.length === 0) return [];\n    const pa = this.plotArea();\n    const count = lbls.length;\n\n    return lbls.map((label, i) => ({\n      x: pa.x + (count > 1 ? (i / (count - 1)) * pa.w : pa.w / 2),\n      y: this.height() - this.PB + 16,\n      label,\n    }));\n  });\n\n  protected readonly renderedSeries = computed(() => {\n    const pa = this.plotArea();\n\n    return this.cleanSeries().map((ser, si) => {\n      const color = ser.color || chartColor(si);\n      const points = ser.data.map((v, i) => ({\n        x: pa.x + (ser.data.length > 1 ? (i / (ser.data.length - 1)) * pa.w : pa.w / 2),\n        y: this.valueToY(v),\n      }));\n\n      const pathD = this.smooth() ? smoothPath(points) : linearPath(points);\n\n      let areaD = '';\n      if (this.filled() && pathD) {\n        const lastX = points[points.length - 1].x;\n        const firstX = points[0].x;\n        const bottomY = pa.y + pa.h;\n        areaD = `${pathD} L${lastX},${bottomY} L${firstX},${bottomY} Z`;\n      }\n\n      return {\n        label: ser.label,\n        color,\n        pathD,\n        areaD,\n        points: this.showDots() ? points : [],\n      };\n    });\n  });\n\n  protected readonly axisLine = computed(() => {\n    const pa = this.plotArea();\n    return {\n      vx1: pa.x, vy1: pa.y,\n      vx2: pa.x, vy2: pa.y + pa.h,\n      hx1: pa.x, hy1: pa.y + pa.h,\n      hx2: pa.x + pa.w, hy2: pa.y + pa.h,\n    };\n  });\n\n  protected readonly legendItems = computed(() => {\n    if (!this.showLegend()) return [];\n    return this.renderedSeries().map((s) => ({\n      label: s.label,\n      color: s.color,\n    }));\n  });\n\n  private readonly _clipId = `lc-chart-clip-${++nextClipId}`;\n  protected readonly clipId = () => this._clipId;\n\n  protected readonly effectiveAriaLabel = computed(() => {\n    const explicit = this.ariaLabel();\n    if (explicit) return explicit;\n    const series = this.cleanSeries();\n    if (!series.length) return 'Line chart: no data';\n    const fmt = this.formatValue();\n    const parts = series.map((s, i) => {\n      const name = s.label || `Series ${i + 1}`;\n      if (!s.data.length) return `${name} (no data)`;\n      const n = s.data.length;\n      return `${name} (${n} ${n === 1 ? 'point' : 'points'}, ${fmt(Math.min(...s.data))} to ${fmt(Math.max(...s.data))})`;\n    });\n    return `Line chart: ${parts.join(', ')}`;\n  });\n}\n","<div class=\"lc-line-chart\">\n  <svg\n    width=\"100%\"\n    [attr.height]=\"height()\"\n    [attr.viewBox]=\"viewBox()\"\n    role=\"img\"\n    [attr.aria-label]=\"effectiveAriaLabel()\"\n    class=\"lc-line-chart__svg\"\n  >\n    <title>{{ effectiveAriaLabel() }}</title>\n\n    <!-- Grid lines -->\n    @for (line of gridLines(); track line.y) {\n      <line\n        [attr.x1]=\"axisLine().hx1\"\n        [attr.y1]=\"line.y\"\n        [attr.x2]=\"axisLine().hx2\"\n        [attr.y2]=\"line.y\"\n        class=\"lc-line-chart__grid-line\"\n      />\n      @if (showYLabels()) {\n        <text\n          [attr.x]=\"axisLine().vx1 - 6\"\n          [attr.y]=\"line.y\"\n          text-anchor=\"end\"\n          dominant-baseline=\"central\"\n          class=\"lc-line-chart__y-label\"\n        >\n          {{ line.label }}\n        </text>\n      }\n    }\n\n    <!-- Axes -->\n    <line\n      [attr.x1]=\"axisLine().vx1\"\n      [attr.y1]=\"axisLine().vy1\"\n      [attr.x2]=\"axisLine().vx2\"\n      [attr.y2]=\"axisLine().vy2\"\n      class=\"lc-line-chart__axis\"\n    />\n    <line\n      [attr.x1]=\"axisLine().hx1\"\n      [attr.y1]=\"axisLine().hy1\"\n      [attr.x2]=\"axisLine().hx2\"\n      [attr.y2]=\"axisLine().hy2\"\n      class=\"lc-line-chart__axis\"\n    />\n\n    <!-- X labels -->\n    @for (lbl of xLabels(); track lbl.x) {\n      <text\n        [attr.x]=\"lbl.x\"\n        [attr.y]=\"lbl.y\"\n        text-anchor=\"middle\"\n        class=\"lc-line-chart__x-label\"\n      >\n        {{ lbl.label }}\n      </text>\n    }\n\n    <!-- Clip path: prevents smooth spline overshoot from rendering outside the plot area -->\n    <defs>\n      <clipPath [attr.id]=\"clipId()\">\n        <rect\n          [attr.x]=\"plotArea().x\"\n          [attr.y]=\"plotArea().y\"\n          [attr.width]=\"plotArea().w\"\n          [attr.height]=\"plotArea().h\"\n        />\n      </clipPath>\n    </defs>\n\n    <!-- Series -->\n    @for (ser of renderedSeries(); track $index) {\n      @if (ser.areaD) {\n        <path\n          [attr.d]=\"ser.areaD\"\n          [attr.fill]=\"ser.color\"\n          [attr.clip-path]=\"'url(#' + clipId() + ')'\"\n          class=\"lc-line-chart__area\"\n        />\n      }\n      @if (ser.pathD) {\n        <path\n          [attr.d]=\"ser.pathD\"\n          [attr.stroke]=\"ser.color\"\n          [attr.stroke-width]=\"strokeWidth()\"\n          [attr.clip-path]=\"'url(#' + clipId() + ')'\"\n          fill=\"none\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          class=\"lc-line-chart__line\"\n        />\n      }\n      @for (pt of ser.points; track $index) {\n        <circle\n          [attr.cx]=\"pt.x\"\n          [attr.cy]=\"pt.y\"\n          r=\"3\"\n          [attr.fill]=\"ser.color\"\n          stroke=\"var(--color-surface)\"\n          stroke-width=\"1.5\"\n          class=\"lc-line-chart__dot\"\n        />\n      }\n    }\n  </svg>\n\n  @if (legendItems().length > 0) {\n    <div class=\"lc-line-chart__legend\">\n      @for (item of legendItems(); track $index) {\n        <div class=\"lc-line-chart__legend-item\">\n          <span class=\"lc-line-chart__legend-line\" [style.background-color]=\"item.color\"></span>\n          <span class=\"lc-line-chart__legend-label\">{{ item.label }}</span>\n        </div>\n      }\n    </div>\n  }\n</div>\n"],"mappings":"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"}