@masmarino/gabarit 2.0.0 → 2.1.1

package/fesm2022/masmarino-gabarit-line-chart.mjs

@@ -0,0 +1,574 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, effect, inject, input, isDevMode, signal } from "@angular/core";
+import { CHART_CONTEXT, ChartAxis, ChartEmpty, ChartFrame, ChartLegend, ChartTable, ChartTooltip, areaPath, linePath, niceXDomain, niceYDomain, timeXDomain } from "@masmarino/gabarit/chart";
+import { formatCompact, formatNumber } from "@masmarino/gabarit/format";
+const DASH_ARRAYS = {
+	solid: "none",
+	dashed: "6 3",
+	dotted: "1 3"
+};
+const DEFAULT_PATTERNS = [
+	"solid",
+	"dashed",
+	"dotted"
+];
+var LineSeries = class LineSeries {
+	series = input.required(...ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []);
+	area = input(false, ...ngDevMode ? [{ debugName: "area" }] : /* istanbul ignore next */ []);
+	context = inject(CHART_CONTEXT);
+	renderedLines = computed(() => {
+		const x = this.context.xScale();
+		const y = this.context.yScale();
+		const base = Math.min(Math.max(y.map(0), 0), this.context.box().innerHeight);
+		return this.series().map((oneSeries, index) => {
+			const points = oneSeries.points.map((p) => ({
+				x: x.map(p.x),
+				y: y.map(p.y)
+			}));
+			return {
+				label: oneSeries.label,
+				strokePath: linePath(points),
+				fillPath: areaPath(points, base),
+				colorIndex: index % 3 + 1,
+				dashArray: DASH_ARRAYS[oneSeries.pattern ?? DEFAULT_PATTERNS[index % DEFAULT_PATTERNS.length]]
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "renderedLines" }] : /* istanbul ignore next */ []);
+	activeDots = computed(() => {
+		const activeIndex = this.context.activeIndex();
+		if (activeIndex === null) return [];
+		const activeXValue = this.context.pointValues()[activeIndex];
+		if (activeXValue === void 0) return [];
+		const key = activeXValue instanceof Date ? activeXValue.getTime() : activeXValue;
+		const x = this.context.xScale();
+		const y = this.context.yScale();
+		const dots = [];
+		this.series().forEach((oneSeries, seriesIndex) => {
+			const point = oneSeries.points.find((p) => (p.x instanceof Date ? p.x.getTime() : p.x) === key);
+			if (point === void 0) return;
+			dots.push({
+				x: x.map(point.x),
+				y: y.map(point.y),
+				colorIndex: seriesIndex % 3 + 1
+			});
+		});
+		return dots;
+	}, ...ngDevMode ? [{ debugName: "activeDots" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: LineSeries,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: LineSeries,
+		isStandalone: true,
+		selector: "g[gbtLineSeries]",
+		inputs: {
+			series: {
+				classPropertyName: "series",
+				publicName: "series",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			area: {
+				classPropertyName: "area",
+				publicName: "area",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { attributes: { "aria-hidden": "true" } },
+		ngImport: i0,
+		template: "@for (renderedLine of renderedLines(); track $index) {\n  @if (area()) {\n    <svg:path\n      class=\"gbt-line-series__area\"\n      [attr.d]=\"renderedLine.fillPath\"\n      [attr.data-series]=\"renderedLine.colorIndex\"\n    />\n  }\n  <svg:path\n    class=\"gbt-line-series__line\"\n    [attr.d]=\"renderedLine.strokePath\"\n    [attr.data-series]=\"renderedLine.colorIndex\"\n    [attr.stroke-dasharray]=\"renderedLine.dashArray\"\n  />\n}\n@for (dot of activeDots(); track $index) {\n  <svg:circle\n    class=\"gbt-line-series__dot\"\n    [attr.cx]=\"dot.x\"\n    [attr.cy]=\"dot.y\"\n    r=\"4\"\n    [attr.data-series]=\"dot.colorIndex\"\n  />\n}\n",
+		styles: [".gbt-line-series__line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.gbt-line-series__line[data-series=\"1\"]{stroke:var(--chart-series-1-base)}.gbt-line-series__line[data-series=\"2\"]{stroke:var(--chart-series-2-base)}.gbt-line-series__line[data-series=\"3\"]{stroke:var(--chart-series-3-base)}.gbt-line-series__area{stroke:none;opacity:.15}.gbt-line-series__area[data-series=\"1\"]{fill:var(--chart-series-1-base)}.gbt-line-series__area[data-series=\"2\"]{fill:var(--chart-series-2-base)}.gbt-line-series__area[data-series=\"3\"]{fill:var(--chart-series-3-base)}.gbt-line-series__dot{stroke:var(--bg-principal);stroke-width:2;pointer-events:none}.gbt-line-series__dot[data-series=\"1\"]{fill:var(--chart-series-1-base)}.gbt-line-series__dot[data-series=\"2\"]{fill:var(--chart-series-2-base)}.gbt-line-series__dot[data-series=\"3\"]{fill:var(--chart-series-3-base)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: LineSeries,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "g[gbtLineSeries]",
+			standalone: true,
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "aria-hidden": "true" },
+			template: "@for (renderedLine of renderedLines(); track $index) {\n  @if (area()) {\n    <svg:path\n      class=\"gbt-line-series__area\"\n      [attr.d]=\"renderedLine.fillPath\"\n      [attr.data-series]=\"renderedLine.colorIndex\"\n    />\n  }\n  <svg:path\n    class=\"gbt-line-series__line\"\n    [attr.d]=\"renderedLine.strokePath\"\n    [attr.data-series]=\"renderedLine.colorIndex\"\n    [attr.stroke-dasharray]=\"renderedLine.dashArray\"\n  />\n}\n@for (dot of activeDots(); track $index) {\n  <svg:circle\n    class=\"gbt-line-series__dot\"\n    [attr.cx]=\"dot.x\"\n    [attr.cy]=\"dot.y\"\n    r=\"4\"\n    [attr.data-series]=\"dot.colorIndex\"\n  />\n}\n",
+			styles: [".gbt-line-series__line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.gbt-line-series__line[data-series=\"1\"]{stroke:var(--chart-series-1-base)}.gbt-line-series__line[data-series=\"2\"]{stroke:var(--chart-series-2-base)}.gbt-line-series__line[data-series=\"3\"]{stroke:var(--chart-series-3-base)}.gbt-line-series__area{stroke:none;opacity:.15}.gbt-line-series__area[data-series=\"1\"]{fill:var(--chart-series-1-base)}.gbt-line-series__area[data-series=\"2\"]{fill:var(--chart-series-2-base)}.gbt-line-series__area[data-series=\"3\"]{fill:var(--chart-series-3-base)}.gbt-line-series__dot{stroke:var(--bg-principal);stroke-width:2;pointer-events:none}.gbt-line-series__dot[data-series=\"1\"]{fill:var(--chart-series-1-base)}.gbt-line-series__dot[data-series=\"2\"]{fill:var(--chart-series-2-base)}.gbt-line-series__dot[data-series=\"3\"]{fill:var(--chart-series-3-base)}\n"]
+		}]
+	}],
+	propDecorators: {
+		series: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "series",
+				required: true
+			}]
+		}],
+		area: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "area",
+				required: false
+			}]
+		}]
+	}
+});
+const MAX_SERIES = 3;
+const ABSENT = "—";
+var LineChart = class LineChart {
+	series = input.required(...ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []);
+	xKind = input.required(...ngDevMode ? [{ debugName: "xKind" }] : /* istanbul ignore next */ []);
+	locale = input.required(...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	tableCaption = input.required(...ngDevMode ? [{ debugName: "tableCaption" }] : /* istanbul ignore next */ []);
+	xColumn = input.required(...ngDevMode ? [{ debugName: "xColumn" }] : /* istanbul ignore next */ []);
+	emptyMessage = input.required(...ngDevMode ? [{ debugName: "emptyMessage" }] : /* istanbul ignore next */ []);
+	area = input(false, ...ngDevMode ? [{ debugName: "area" }] : /* istanbul ignore next */ []);
+	yZero = input(true, ...ngDevMode ? [{ debugName: "yZero" }] : /* istanbul ignore next */ []);
+	yTickCount = input(5, ...ngDevMode ? [{ debugName: "yTickCount" }] : /* istanbul ignore next */ []);
+	xTickCount = input(5, ...ngDevMode ? [{ debugName: "xTickCount" }] : /* istanbul ignore next */ []);
+	size = input(null, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	heading = input("", ...ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []);
+	headingLevel = input(2, ...ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []);
+	headline = input("", ...ngDevMode ? [{ debugName: "headline" }] : /* istanbul ignore next */ []);
+	trend = input("", ...ngDevMode ? [{ debugName: "trend" }] : /* istanbul ignore next */ []);
+	activeIndex = signal(null, ...ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []);
+	hasData = computed(() => this.series().some((s) => s.points.length > 0), ...ngDevMode ? [{ debugName: "hasData" }] : /* istanbul ignore next */ []);
+	xSpec = computed(() => this.xKind() === "time" ? {
+		kind: "time",
+		domain: timeXDomain(this.series())
+	} : {
+		kind: "linear",
+		domain: niceXDomain(this.series(), this.xTickCount())
+	}, ...ngDevMode ? [{ debugName: "xSpec" }] : /* istanbul ignore next */ []);
+	ySpec = computed(() => ({
+		kind: "linear",
+		domain: niceYDomain(this.series(), this.yZero(), this.yTickCount())
+	}), ...ngDevMode ? [{ debugName: "ySpec" }] : /* istanbul ignore next */ []);
+	legendEntries = computed(() => {
+		const index = this.activeIndex();
+		const xValues = this.xValues();
+		const x = index === null ? xValues[xValues.length - 1] : xValues[index];
+		return this.series().map((s, seriesIndex) => ({
+			label: s.label,
+			pattern: s.pattern ?? DEFAULT_PATTERNS[seriesIndex % DEFAULT_PATTERNS.length],
+			value: x === void 0 ? ABSENT : this.displayValue(s, x)
+		}));
+	}, ...ngDevMode ? [{ debugName: "legendEntries" }] : /* istanbul ignore next */ []);
+	publicXValues = computed(() => this.xValues(), ...ngDevMode ? [{ debugName: "publicXValues" }] : /* istanbul ignore next */ []);
+	tooltipPoints = computed(() => this.xValues().map((x) => ({
+		x,
+		header: this.formatX(x),
+		rows: this.series().map((s, index) => ({
+			label: s.label,
+			value: this.displayValue(s, x),
+			series: index % 3 + 1,
+			pattern: s.pattern ?? DEFAULT_PATTERNS[index % DEFAULT_PATTERNS.length]
+		}))
+	})), ...ngDevMode ? [{ debugName: "tooltipPoints" }] : /* istanbul ignore next */ []);
+	tableColumns = computed(() => [this.xColumn(), ...this.series().map((s) => s.label)], ...ngDevMode ? [{ debugName: "tableColumns" }] : /* istanbul ignore next */ []);
+	tableRows = computed(() => this.xValues().map((x) => [this.formatX(x), ...this.series().map((s) => this.displayValue(s, x))]), ...ngDevMode ? [{ debugName: "tableRows" }] : /* istanbul ignore next */ []);
+	formatX = (x) => x instanceof Date ? new Intl.DateTimeFormat(this.locale(), {
+		dateStyle: "short",
+		timeStyle: "short",
+		timeZone: "UTC"
+	}).format(x) : formatCompact(x, this.locale());
+	xValues = computed(() => {
+		const seen = /* @__PURE__ */ new Map();
+		for (const oneSeries of this.series()) for (const point of oneSeries.points) seen.set(point.x instanceof Date ? point.x.getTime() : point.x, point.x);
+		return [...seen.entries()].sort((a, b) => a[0] < b[0] ? -1 : a[0] > b[0] ? 1 : 0).map(([, x]) => x);
+	}, ...ngDevMode ? [{ debugName: "xValues" }] : /* istanbul ignore next */ []);
+	findPoint(oneSeries, x) {
+		const key = x instanceof Date ? x.getTime() : x;
+		return oneSeries.points.find((p) => (p.x instanceof Date ? p.x.getTime() : p.x) === key) ?? null;
+	}
+	displayValue(oneSeries, x) {
+		const point = this.findPoint(oneSeries, x);
+		if (point === null) return ABSENT;
+		return point.display ?? formatNumber(point.y, this.locale());
+	}
+	constructor() {
+		if (isDevMode()) effect(() => {
+			const count = this.series().length;
+			if (count > MAX_SERIES) console.warn(`gbt-line-chart: ${count} series received for ${MAX_SERIES} distinguishable colors. The palette cycles.`);
+		});
+	}
+	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: "gbt-line-chart",
+		inputs: {
+			series: {
+				classPropertyName: "series",
+				publicName: "series",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			xKind: {
+				classPropertyName: "xKind",
+				publicName: "xKind",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			locale: {
+				classPropertyName: "locale",
+				publicName: "locale",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			tableCaption: {
+				classPropertyName: "tableCaption",
+				publicName: "tableCaption",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			xColumn: {
+				classPropertyName: "xColumn",
+				publicName: "xColumn",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			emptyMessage: {
+				classPropertyName: "emptyMessage",
+				publicName: "emptyMessage",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			area: {
+				classPropertyName: "area",
+				publicName: "area",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			yZero: {
+				classPropertyName: "yZero",
+				publicName: "yZero",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			yTickCount: {
+				classPropertyName: "yTickCount",
+				publicName: "yTickCount",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			xTickCount: {
+				classPropertyName: "xTickCount",
+				publicName: "xTickCount",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			heading: {
+				classPropertyName: "heading",
+				publicName: "heading",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			headingLevel: {
+				classPropertyName: "headingLevel",
+				publicName: "headingLevel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			headline: {
+				classPropertyName: "headline",
+				publicName: "headline",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			trend: {
+				classPropertyName: "trend",
+				publicName: "trend",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<gbt-chart-frame\n  [label]=\"label()\"\n  [x]=\"xSpec()\"\n  [y]=\"ySpec()\"\n  [pointValues]=\"publicXValues()\"\n  [size]=\"size()\"\n  [heading]=\"heading()\"\n  [headingLevel]=\"headingLevel()\"\n  [headline]=\"headline()\"\n  [trend]=\"trend()\"\n  (activeIndexChange)=\"activeIndex.set($event)\"\n>\n  <svg:g gbtChartLayer>\n    <svg:g gbtChartAxis axis=\"y\" [locale]=\"locale()\" [tickCount]=\"yTickCount()\" grid></svg:g>\n    <svg:g gbtChartAxis axis=\"x\" [locale]=\"locale()\" [tickCount]=\"xTickCount()\"></svg:g>\n    <svg:g gbtLineSeries [series]=\"series()\" [area]=\"area()\"></svg:g>\n  </svg:g>\n  <gbt-chart-tooltip [points]=\"tooltipPoints()\" />\n  @if (hasData()) {\n    <gbt-chart-table [caption]=\"tableCaption()\" [columns]=\"tableColumns()\" [rows]=\"tableRows()\" />\n  } @else {\n    <gbt-chart-empty [message]=\"emptyMessage()\" />\n  }\n</gbt-chart-frame>\n@if (series().length > 1) {\n  <gbt-chart-legend [entries]=\"legendEntries()\" />\n}\n",
+		styles: [":host{display:block;height:100%}gbt-chart-frame{display:block;height:100%}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: ChartFrame,
+				selector: "gbt-chart-frame",
+				inputs: [
+					"label",
+					"heading",
+					"headingLevel",
+					"headline",
+					"trend",
+					"x",
+					"y",
+					"margin",
+					"size",
+					"pointValues"
+				],
+				outputs: ["activeIndexChange"]
+			},
+			{
+				kind: "component",
+				type: ChartAxis,
+				selector: "g[gbtChartAxis]",
+				inputs: [
+					"axis",
+					"locale",
+					"tickCount",
+					"format",
+					"grid"
+				]
+			},
+			{
+				kind: "component",
+				type: ChartTooltip,
+				selector: "gbt-chart-tooltip",
+				inputs: ["points"]
+			},
+			{
+				kind: "component",
+				type: ChartLegend,
+				selector: "gbt-chart-legend",
+				inputs: [
+					"entries",
+					"interactive",
+					"activeIndex"
+				],
+				outputs: ["activeIndexChange"]
+			},
+			{
+				kind: "component",
+				type: ChartEmpty,
+				selector: "gbt-chart-empty",
+				inputs: ["message", "actionLabel"],
+				outputs: ["action"]
+			},
+			{
+				kind: "component",
+				type: ChartTable,
+				selector: "gbt-chart-table",
+				inputs: [
+					"caption",
+					"columns",
+					"rows"
+				]
+			},
+			{
+				kind: "component",
+				type: LineSeries,
+				selector: "g[gbtLineSeries]",
+				inputs: ["series", "area"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: LineChart,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-line-chart",
+			standalone: true,
+			imports: [
+				ChartFrame,
+				ChartAxis,
+				ChartTooltip,
+				ChartLegend,
+				ChartEmpty,
+				ChartTable,
+				LineSeries
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<gbt-chart-frame\n  [label]=\"label()\"\n  [x]=\"xSpec()\"\n  [y]=\"ySpec()\"\n  [pointValues]=\"publicXValues()\"\n  [size]=\"size()\"\n  [heading]=\"heading()\"\n  [headingLevel]=\"headingLevel()\"\n  [headline]=\"headline()\"\n  [trend]=\"trend()\"\n  (activeIndexChange)=\"activeIndex.set($event)\"\n>\n  <svg:g gbtChartLayer>\n    <svg:g gbtChartAxis axis=\"y\" [locale]=\"locale()\" [tickCount]=\"yTickCount()\" grid></svg:g>\n    <svg:g gbtChartAxis axis=\"x\" [locale]=\"locale()\" [tickCount]=\"xTickCount()\"></svg:g>\n    <svg:g gbtLineSeries [series]=\"series()\" [area]=\"area()\"></svg:g>\n  </svg:g>\n  <gbt-chart-tooltip [points]=\"tooltipPoints()\" />\n  @if (hasData()) {\n    <gbt-chart-table [caption]=\"tableCaption()\" [columns]=\"tableColumns()\" [rows]=\"tableRows()\" />\n  } @else {\n    <gbt-chart-empty [message]=\"emptyMessage()\" />\n  }\n</gbt-chart-frame>\n@if (series().length > 1) {\n  <gbt-chart-legend [entries]=\"legendEntries()\" />\n}\n",
+			styles: [":host{display:block;height:100%}gbt-chart-frame{display:block;height:100%}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		series: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "series",
+				required: true
+			}]
+		}],
+		xKind: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xKind",
+				required: true
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: true
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		tableCaption: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tableCaption",
+				required: true
+			}]
+		}],
+		xColumn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xColumn",
+				required: true
+			}]
+		}],
+		emptyMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyMessage",
+				required: true
+			}]
+		}],
+		area: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "area",
+				required: false
+			}]
+		}],
+		yZero: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "yZero",
+				required: false
+			}]
+		}],
+		yTickCount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "yTickCount",
+				required: false
+			}]
+		}],
+		xTickCount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xTickCount",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		heading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "heading",
+				required: false
+			}]
+		}],
+		headingLevel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "headingLevel",
+				required: false
+			}]
+		}],
+		headline: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "headline",
+				required: false
+			}]
+		}],
+		trend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "trend",
+				required: false
+			}]
+		}]
+	}
+});
+export { LineChart, LineSeries };
+
+//# sourceMappingURL=masmarino-gabarit-line-chart.mjs.map

package/fesm2022/masmarino-gabarit-line-chart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-line-chart.mjs","names":[],"sources":["../../../projects/gabarit/line-chart/line-series.ts","../../../projects/gabarit/line-chart/line-series.html","../../../projects/gabarit/line-chart/line-chart.ts","../../../projects/gabarit/line-chart/line-chart.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core'\nimport { CHART_CONTEXT } from '@masmarino/gabarit/chart'\nimport { areaPath, linePath } from '@masmarino/gabarit/chart'\nimport { type Scale } from '@masmarino/gabarit/chart'\nimport type { ChartSeries } from '@masmarino/gabarit/chart'\n\ninterface RenderedSeries {\n  label: string\n  strokePath: string\n  fillPath: string\n\n  colorIndex: number\n  dashArray: string\n}\n\ninterface ActiveDot {\n  x: number\n  y: number\n  colorIndex: number\n}\n\nconst DASH_ARRAYS: Record<NonNullable<ChartSeries<unknown>['pattern']>, string> = {\n  solid: 'none',\n  dashed: '6 3',\n  dotted: '1 3',\n}\n\nexport const DEFAULT_PATTERNS: NonNullable<ChartSeries<unknown>['pattern']>[] = [\n  'solid',\n  'dashed',\n  'dotted',\n]\n\n@Component({\n  selector: 'g[gbtLineSeries]',\n  standalone: true,\n  imports: [],\n  templateUrl: './line-series.html',\n  styleUrl: './line-series.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { 'aria-hidden': 'true' },\n})\nexport class LineSeries<X> {\n  series = input.required<ChartSeries<X>[]>()\n  area = input(false)\n\n  private readonly context = inject(CHART_CONTEXT)\n\n  protected readonly renderedLines = computed<RenderedSeries[]>(() => {\n    const x = this.context.xScale() as Scale<never>\n    const y = this.context.yScale()\n\n    const base = Math.min(Math.max(y.map(0), 0), this.context.box().innerHeight)\n\n    return this.series().map((oneSeries, index) => {\n      const points = oneSeries.points.map((p) => ({\n        x: x.map(p.x as never),\n        y: y.map(p.y),\n      }))\n      return {\n        label: oneSeries.label,\n        strokePath: linePath(points),\n        fillPath: areaPath(points, base),\n        colorIndex: (index % 3) + 1,\n        dashArray:\n          DASH_ARRAYS[oneSeries.pattern ?? DEFAULT_PATTERNS[index % DEFAULT_PATTERNS.length]],\n      }\n    })\n  })\n\n  protected readonly activeDots = computed<ActiveDot[]>(() => {\n    const activeIndex = this.context.activeIndex()\n    if (activeIndex === null) return []\n    const activeXValue = this.context.pointValues()[activeIndex]\n    if (activeXValue === undefined) return []\n\n    const key = activeXValue instanceof Date ? activeXValue.getTime() : activeXValue\n    const x = this.context.xScale() as Scale<never>\n    const y = this.context.yScale()\n\n    const dots: ActiveDot[] = []\n    this.series().forEach((oneSeries, seriesIndex) => {\n      const point = oneSeries.points.find(\n        (p) => (p.x instanceof Date ? p.x.getTime() : p.x) === key,\n      )\n      if (point === undefined) return\n      dots.push({\n        x: x.map(point.x as never),\n        y: y.map(point.y),\n        colorIndex: (seriesIndex % 3) + 1,\n      })\n    })\n    return dots\n  })\n}\n","@for (renderedLine of renderedLines(); track $index) {\n  @if (area()) {\n    <svg:path\n      class=\"gbt-line-series__area\"\n      [attr.d]=\"renderedLine.fillPath\"\n      [attr.data-series]=\"renderedLine.colorIndex\"\n    />\n  }\n  <svg:path\n    class=\"gbt-line-series__line\"\n    [attr.d]=\"renderedLine.strokePath\"\n    [attr.data-series]=\"renderedLine.colorIndex\"\n    [attr.stroke-dasharray]=\"renderedLine.dashArray\"\n  />\n}\n@for (dot of activeDots(); track $index) {\n  <svg:circle\n    class=\"gbt-line-series__dot\"\n    [attr.cx]=\"dot.x\"\n    [attr.cy]=\"dot.y\"\n    r=\"4\"\n    [attr.data-series]=\"dot.colorIndex\"\n  />\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  input,\n  isDevMode,\n  signal,\n} from '@angular/core'\nimport { ChartFrame } from '@masmarino/gabarit/chart'\nimport { ChartAxis } from '@masmarino/gabarit/chart'\nimport { ChartTooltip, type TooltipPoint } from '@masmarino/gabarit/chart'\nimport { ChartLegend, type LegendEntry } from '@masmarino/gabarit/chart'\nimport { ChartEmpty } from '@masmarino/gabarit/chart'\nimport { ChartTable } from '@masmarino/gabarit/chart'\nimport { DEFAULT_PATTERNS, LineSeries } from './line-series'\nimport { formatCompact, formatNumber } from '@masmarino/gabarit/format'\nimport type { AxisSpec, LinearAxisSpec, PointValue } from '@masmarino/gabarit/chart'\nimport {\n  niceXDomain,\n  niceYDomain,\n  timeXDomain,\n  type ChartPoint,\n  type ChartSeries,\n} from '@masmarino/gabarit/chart'\n\nconst MAX_SERIES = 3\n\nconst ABSENT = '—'\n\n@Component({\n  selector: 'gbt-line-chart',\n  standalone: true,\n  imports: [ChartFrame, ChartAxis, ChartTooltip, ChartLegend, ChartEmpty, ChartTable, LineSeries],\n  templateUrl: './line-chart.html',\n  styleUrl: './line-chart.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LineChart<X extends number | Date> {\n  series = input.required<ChartSeries<X>[]>()\n  xKind = input.required<'linear' | 'time'>()\n  locale = input.required<string>()\n  label = input.required<string>()\n  tableCaption = input.required<string>()\n  xColumn = input.required<string>()\n  emptyMessage = input.required<string>()\n  area = input(false)\n  yZero = input(true)\n  yTickCount = input(5)\n  xTickCount = input(5)\n  size = input<{ width: number; height: number } | null>(null)\n  heading = input('')\n  headingLevel = input<1 | 2 | 3 | 4 | 5 | 6>(2)\n  headline = input('')\n  trend = input('')\n\n  protected readonly activeIndex = signal<number | null>(null)\n\n  protected readonly hasData = computed(() => this.series().some((s) => s.points.length > 0))\n\n  protected readonly xSpec = computed<AxisSpec>(() =>\n    this.xKind() === 'time'\n      ? { kind: 'time', domain: timeXDomain(this.series() as ChartSeries<Date>[]) }\n      : {\n          kind: 'linear',\n          domain: niceXDomain(this.series() as ChartSeries<number>[], this.xTickCount()),\n        },\n  )\n\n  protected readonly ySpec = computed<LinearAxisSpec>(() => ({\n    kind: 'linear',\n    domain: niceYDomain(this.series(), this.yZero(), this.yTickCount()),\n  }))\n\n  protected readonly legendEntries = computed<LegendEntry[]>(() => {\n    const index = this.activeIndex()\n    const xValues = this.xValues()\n\n    const x = index === null ? xValues[xValues.length - 1] : xValues[index]\n    return this.series().map((s, seriesIndex) => ({\n      label: s.label,\n\n      pattern: s.pattern ?? DEFAULT_PATTERNS[seriesIndex % DEFAULT_PATTERNS.length],\n      value: x === undefined ? ABSENT : this.displayValue(s, x),\n    }))\n  })\n\n  protected readonly publicXValues = computed<PointValue[]>(() => this.xValues())\n\n  protected readonly tooltipPoints = computed<TooltipPoint<X>[]>(() =>\n    this.xValues().map((x) => ({\n      x,\n      header: this.formatX(x),\n      rows: this.series().map((s, index) => ({\n        label: s.label,\n        value: this.displayValue(s, x),\n        series: ((index % 3) + 1) as 1 | 2 | 3,\n        pattern: s.pattern ?? DEFAULT_PATTERNS[index % DEFAULT_PATTERNS.length],\n      })),\n    })),\n  )\n\n  protected readonly tableColumns = computed(() => [\n    this.xColumn(),\n    ...this.series().map((s) => s.label),\n  ])\n\n  protected readonly tableRows = computed<(string | number)[][]>(() =>\n    this.xValues().map((x) => [\n      this.formatX(x),\n      ...this.series().map((s) => this.displayValue(s, x)),\n    ]),\n  )\n\n  private readonly formatX = (x: X): string =>\n    x instanceof Date\n      ? new Intl.DateTimeFormat(this.locale(), {\n          dateStyle: 'short',\n          timeStyle: 'short',\n          timeZone: 'UTC',\n        }).format(x)\n      : formatCompact(x as number, this.locale())\n\n  private readonly xValues = computed<X[]>(() => {\n    const seen = new Map<number | string, X>()\n    for (const oneSeries of this.series()) {\n      for (const point of oneSeries.points) {\n        seen.set(point.x instanceof Date ? point.x.getTime() : (point.x as number), point.x)\n      }\n    }\n    return [...seen.entries()]\n      .sort((a, b) => (a[0] < b[0] ? -1 : a[0] > b[0] ? 1 : 0))\n      .map(([, x]) => x)\n  })\n\n  private findPoint(oneSeries: ChartSeries<X>, x: X): ChartPoint<X> | null {\n    const key = x instanceof Date ? x.getTime() : x\n    return oneSeries.points.find((p) => (p.x instanceof Date ? p.x.getTime() : p.x) === key) ?? null\n  }\n\n  private displayValue(oneSeries: ChartSeries<X>, x: X): string {\n    const point = this.findPoint(oneSeries, x)\n    if (point === null) return ABSENT\n    return point.display ?? formatNumber(point.y, this.locale())\n  }\n\n  constructor() {\n    if (isDevMode()) {\n      effect(() => {\n        const count = this.series().length\n        if (count > MAX_SERIES) {\n          console.warn(\n            `gbt-line-chart: ${count} series received for ${MAX_SERIES} distinguishable colors. The palette cycles.`,\n          )\n        }\n      })\n    }\n  }\n}\n","<gbt-chart-frame\n  [label]=\"label()\"\n  [x]=\"xSpec()\"\n  [y]=\"ySpec()\"\n  [pointValues]=\"publicXValues()\"\n  [size]=\"size()\"\n  [heading]=\"heading()\"\n  [headingLevel]=\"headingLevel()\"\n  [headline]=\"headline()\"\n  [trend]=\"trend()\"\n  (activeIndexChange)=\"activeIndex.set($event)\"\n>\n  <svg:g gbtChartLayer>\n    <svg:g gbtChartAxis axis=\"y\" [locale]=\"locale()\" [tickCount]=\"yTickCount()\" grid></svg:g>\n    <svg:g gbtChartAxis axis=\"x\" [locale]=\"locale()\" [tickCount]=\"xTickCount()\"></svg:g>\n    <svg:g gbtLineSeries [series]=\"series()\" [area]=\"area()\"></svg:g>\n  </svg:g>\n  <gbt-chart-tooltip [points]=\"tooltipPoints()\" />\n  @if (hasData()) {\n    <gbt-chart-table [caption]=\"tableCaption()\" [columns]=\"tableColumns()\" [rows]=\"tableRows()\" />\n  } @else {\n    <gbt-chart-empty [message]=\"emptyMessage()\" />\n  }\n</gbt-chart-frame>\n@if (series().length > 1) {\n  <gbt-chart-legend [entries]=\"legendEntries()\" />\n}\n"],"mappings":"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"}