@masmarino/gabarit 2.0.0 → 2.1.1

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

@@ -0,0 +1,521 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, input } from "@angular/core";
+import { CHART_CONTEXT, ChartAxis, ChartEmpty, ChartFrame, ChartTable, ChartTooltip, estimateLabelWidth, linePath, niceYDomain, timeXDomain } from "@masmarino/gabarit/chart";
+import { formatNumber } from "@masmarino/gabarit/format";
+const LABEL_INSET = 4;
+const STROKE_WIDTH = 3;
+const STROKE_WIDTH_ACTIVE = 6;
+var TimelineSeries = class TimelineSeries {
+	series = input.required(...ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []);
+	intervals = input.required(...ngDevMode ? [{ debugName: "intervals" }] : /* istanbul ignore next */ []);
+	context = inject(CHART_CONTEXT);
+	height = computed(() => this.context.box().innerHeight, ...ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []);
+	strokePath = computed(() => {
+		const x = this.context.xScale();
+		const y = this.context.yScale();
+		return linePath(this.series().points.map((p) => ({
+			x: x.map(p.x),
+			y: y.map(p.y)
+		})));
+	}, ...ngDevMode ? [{ debugName: "strokePath" }] : /* istanbul ignore next */ []);
+	activeInstant = computed(() => {
+		const index = this.context.activeIndex();
+		if (index === null) return null;
+		const value = this.context.pointValues()[index];
+		return value instanceof Date ? value.getTime() : null;
+	}, ...ngDevMode ? [{ debugName: "activeInstant" }] : /* istanbul ignore next */ []);
+	activePoint = computed(() => {
+		const time = this.activeInstant();
+		if (time === null) return null;
+		const point = this.series().points.find((p) => p.x.getTime() === time);
+		if (point === void 0) return null;
+		const x = this.context.xScale();
+		const y = this.context.yScale();
+		return {
+			x: x.map(point.x),
+			y: y.map(point.y)
+		};
+	}, ...ngDevMode ? [{ debugName: "activePoint" }] : /* istanbul ignore next */ []);
+	bands = computed(() => {
+		const x = this.context.xScale();
+		const activeTime = this.activeInstant();
+		return this.intervals().map((interval) => {
+			const start = x.map(interval.start);
+			const end = x.map(interval.end);
+			const width = Math.max(1, end - start);
+			const active = activeTime !== null && activeTime >= interval.start.getTime() && activeTime <= interval.end.getTime();
+			return {
+				label: interval.label,
+				x: start,
+				width,
+				labeled: LABEL_INSET + estimateLabelWidth(interval.label) <= width,
+				active,
+				strokeWidth: active ? STROKE_WIDTH_ACTIVE : STROKE_WIDTH
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "bands" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: TimelineSeries,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: TimelineSeries,
+		isStandalone: true,
+		selector: "g[gbtTimelineSeries]",
+		inputs: {
+			series: {
+				classPropertyName: "series",
+				publicName: "series",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			intervals: {
+				classPropertyName: "intervals",
+				publicName: "intervals",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			}
+		},
+		host: { attributes: { "aria-hidden": "true" } },
+		ngImport: i0,
+		template: "@for (band of bands(); track $index) {\n  <svg:rect\n    class=\"gbt-timeline-series__band\"\n    [attr.x]=\"band.x\"\n    y=\"0\"\n    [attr.width]=\"band.width\"\n    [attr.height]=\"height()\"\n  />\n  <svg:rect\n    class=\"gbt-timeline-series__band-edge\"\n    [attr.x]=\"band.x\"\n    y=\"0\"\n    [attr.width]=\"band.width\"\n    [attr.height]=\"band.strokeWidth\"\n    [attr.data-active]=\"band.active ? '' : null\"\n  />\n  @if (band.labeled) {\n    <svg:text class=\"gbt-timeline-series__band-label\" [attr.x]=\"band.x + 4\" y=\"14\">\n      {{ band.label }}\n    </svg:text>\n  }\n}\n@if (strokePath(); as d) {\n  <svg:path class=\"gbt-timeline-series__line\" [attr.d]=\"d\" />\n}\n@if (activePoint(); as p) {\n  <svg:circle class=\"gbt-timeline-series__dot\" [attr.cx]=\"p.x\" [attr.cy]=\"p.y\" r=\"4\" />\n}\n",
+		styles: [".gbt-timeline-series__band{fill:var(--chart-series-3-base);opacity:.12}.gbt-timeline-series__band-edge{fill:var(--chart-series-3-base)}.gbt-timeline-series__band-edge[data-active]{filter:brightness(1.15)}.gbt-timeline-series__band-label{fill:var(--text-discret);font-size:.6875rem;font-family:var(--font-family)}.gbt-timeline-series__line{fill:none;stroke:var(--chart-series-1-base);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.gbt-timeline-series__dot{fill:var(--chart-series-1-base);stroke:var(--bg-principal);stroke-width:2;pointer-events:none}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: TimelineSeries,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "g[gbtTimelineSeries]",
+			standalone: true,
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "aria-hidden": "true" },
+			template: "@for (band of bands(); track $index) {\n  <svg:rect\n    class=\"gbt-timeline-series__band\"\n    [attr.x]=\"band.x\"\n    y=\"0\"\n    [attr.width]=\"band.width\"\n    [attr.height]=\"height()\"\n  />\n  <svg:rect\n    class=\"gbt-timeline-series__band-edge\"\n    [attr.x]=\"band.x\"\n    y=\"0\"\n    [attr.width]=\"band.width\"\n    [attr.height]=\"band.strokeWidth\"\n    [attr.data-active]=\"band.active ? '' : null\"\n  />\n  @if (band.labeled) {\n    <svg:text class=\"gbt-timeline-series__band-label\" [attr.x]=\"band.x + 4\" y=\"14\">\n      {{ band.label }}\n    </svg:text>\n  }\n}\n@if (strokePath(); as d) {\n  <svg:path class=\"gbt-timeline-series__line\" [attr.d]=\"d\" />\n}\n@if (activePoint(); as p) {\n  <svg:circle class=\"gbt-timeline-series__dot\" [attr.cx]=\"p.x\" [attr.cy]=\"p.y\" r=\"4\" />\n}\n",
+			styles: [".gbt-timeline-series__band{fill:var(--chart-series-3-base);opacity:.12}.gbt-timeline-series__band-edge{fill:var(--chart-series-3-base)}.gbt-timeline-series__band-edge[data-active]{filter:brightness(1.15)}.gbt-timeline-series__band-label{fill:var(--text-discret);font-size:.6875rem;font-family:var(--font-family)}.gbt-timeline-series__line{fill:none;stroke:var(--chart-series-1-base);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.gbt-timeline-series__dot{fill:var(--chart-series-1-base);stroke:var(--bg-principal);stroke-width:2;pointer-events:none}\n"]
+		}]
+	}],
+	propDecorators: {
+		series: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "series",
+				required: true
+			}]
+		}],
+		intervals: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "intervals",
+				required: true
+			}]
+		}]
+	}
+});
+var TimelineChart = class TimelineChart {
+	series = input.required(...ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []);
+	intervals = input.required(...ngDevMode ? [{ debugName: "intervals" }] : /* 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 */ []);
+	intervalsCaption = input.required(...ngDevMode ? [{ debugName: "intervalsCaption" }] : /* istanbul ignore next */ []);
+	xColumn = input.required(...ngDevMode ? [{ debugName: "xColumn" }] : /* istanbul ignore next */ []);
+	emptyMessage = input.required(...ngDevMode ? [{ debugName: "emptyMessage" }] : /* istanbul ignore next */ []);
+	yZero = input(true, ...ngDevMode ? [{ debugName: "yZero" }] : /* istanbul ignore next */ []);
+	yTickCount = input(5, ...ngDevMode ? [{ debugName: "yTickCount" }] : /* 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 */ []);
+	hasData = computed(() => this.series().points.length > 0, ...ngDevMode ? [{ debugName: "hasData" }] : /* istanbul ignore next */ []);
+	publicXValues = computed(() => this.series().points.map((p) => p.x), ...ngDevMode ? [{ debugName: "publicXValues" }] : /* istanbul ignore next */ []);
+	xSpec = computed(() => ({
+		kind: "time",
+		domain: timeXDomain([this.series()])
+	}), ...ngDevMode ? [{ debugName: "xSpec" }] : /* istanbul ignore next */ []);
+	ySpec = computed(() => ({
+		kind: "linear",
+		domain: niceYDomain([this.series()], this.yZero(), this.yTickCount())
+	}), ...ngDevMode ? [{ debugName: "ySpec" }] : /* istanbul ignore next */ []);
+	tooltipPoints = computed(() => this.series().points.map((point) => ({
+		x: point.x,
+		header: this.formatInstant(point.x),
+		rows: [{
+			label: this.series().label,
+			value: this.displayValue(point),
+			series: 1
+		}]
+	})), ...ngDevMode ? [{ debugName: "tooltipPoints" }] : /* istanbul ignore next */ []);
+	tableColumns = computed(() => [this.xColumn(), this.series().label], ...ngDevMode ? [{ debugName: "tableColumns" }] : /* istanbul ignore next */ []);
+	tableRows = computed(() => this.series().points.map((point) => [this.formatInstant(point.x), this.displayValue(point)]), ...ngDevMode ? [{ debugName: "tableRows" }] : /* istanbul ignore next */ []);
+	intervalColumns = computed(() => [
+		this.intervalsCaption(),
+		`${this.xColumn()} — start`,
+		`${this.xColumn()} — end`
+	], ...ngDevMode ? [{ debugName: "intervalColumns" }] : /* istanbul ignore next */ []);
+	intervalRows = computed(() => this.intervals().map((interval) => [
+		interval.label,
+		this.formatInstant(interval.start),
+		this.formatInstant(interval.end)
+	]), ...ngDevMode ? [{ debugName: "intervalRows" }] : /* istanbul ignore next */ []);
+	formatInstant = (d) => new Intl.DateTimeFormat(this.locale(), {
+		dateStyle: "short",
+		timeStyle: "short",
+		timeZone: "UTC"
+	}).format(d);
+	displayValue(point) {
+		return point.display ?? formatNumber(point.y, this.locale());
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: TimelineChart,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: TimelineChart,
+		isStandalone: true,
+		selector: "gbt-timeline-chart",
+		inputs: {
+			series: {
+				classPropertyName: "series",
+				publicName: "series",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			intervals: {
+				classPropertyName: "intervals",
+				publicName: "intervals",
+				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
+			},
+			intervalsCaption: {
+				classPropertyName: "intervalsCaption",
+				publicName: "intervalsCaption",
+				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
+			},
+			yZero: {
+				classPropertyName: "yZero",
+				publicName: "yZero",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			yTickCount: {
+				classPropertyName: "yTickCount",
+				publicName: "yTickCount",
+				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>\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()\"></svg:g>\n    <svg:g gbtTimelineSeries [series]=\"series()\" [intervals]=\"intervals()\"></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  }\n  @if (hasData() && intervals().length > 0) {\n    <gbt-chart-table\n      [caption]=\"intervalsCaption()\"\n      [columns]=\"intervalColumns()\"\n      [rows]=\"intervalRows()\"\n    />\n  }\n  @if (!hasData()) {\n    <gbt-chart-empty [message]=\"emptyMessage()\" />\n  }\n</gbt-chart-frame>\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: 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: TimelineSeries,
+				selector: "g[gbtTimelineSeries]",
+				inputs: ["series", "intervals"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: TimelineChart,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-timeline-chart",
+			standalone: true,
+			imports: [
+				ChartFrame,
+				ChartAxis,
+				ChartTooltip,
+				ChartEmpty,
+				ChartTable,
+				TimelineSeries
+			],
+			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>\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()\"></svg:g>\n    <svg:g gbtTimelineSeries [series]=\"series()\" [intervals]=\"intervals()\"></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  }\n  @if (hasData() && intervals().length > 0) {\n    <gbt-chart-table\n      [caption]=\"intervalsCaption()\"\n      [columns]=\"intervalColumns()\"\n      [rows]=\"intervalRows()\"\n    />\n  }\n  @if (!hasData()) {\n    <gbt-chart-empty [message]=\"emptyMessage()\" />\n  }\n</gbt-chart-frame>\n",
+			styles: [":host{display:block;height:100%}gbt-chart-frame{display:block;height:100%}\n"]
+		}]
+	}],
+	propDecorators: {
+		series: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "series",
+				required: true
+			}]
+		}],
+		intervals: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "intervals",
+				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
+			}]
+		}],
+		intervalsCaption: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "intervalsCaption",
+				required: true
+			}]
+		}],
+		xColumn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xColumn",
+				required: true
+			}]
+		}],
+		emptyMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyMessage",
+				required: true
+			}]
+		}],
+		yZero: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "yZero",
+				required: false
+			}]
+		}],
+		yTickCount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "yTickCount",
+				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 { TimelineChart, TimelineSeries };
+
+//# sourceMappingURL=masmarino-gabarit-timeline-chart.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-timeline-chart.mjs","names":[],"sources":["../../../projects/gabarit/timeline-chart/timeline-series.ts","../../../projects/gabarit/timeline-chart/timeline-series.html","../../../projects/gabarit/timeline-chart/timeline-chart.ts","../../../projects/gabarit/timeline-chart/timeline-chart.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core'\nimport { CHART_CONTEXT } from '@masmarino/gabarit/chart'\nimport { estimateLabelWidth } from '@masmarino/gabarit/chart'\nimport { linePath } from '@masmarino/gabarit/chart'\nimport { type Scale } from '@masmarino/gabarit/chart'\nimport type { ChartInterval, ChartSeries } from '@masmarino/gabarit/chart'\n\nconst LABEL_INSET = 4\n\nconst STROKE_WIDTH = 3\nconst STROKE_WIDTH_ACTIVE = 6\n\ninterface RenderedBand {\n  label: string\n  x: number\n  width: number\n\n  labeled: boolean\n\n  active: boolean\n  strokeWidth: number\n}\n\n@Component({\n  selector: 'g[gbtTimelineSeries]',\n  standalone: true,\n  imports: [],\n  templateUrl: './timeline-series.html',\n  styleUrl: './timeline-series.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { 'aria-hidden': 'true' },\n})\nexport class TimelineSeries {\n  series = input.required<ChartSeries<Date>>()\n  intervals = input.required<ChartInterval[]>()\n\n  private readonly context = inject(CHART_CONTEXT)\n\n  protected readonly height = computed(() => this.context.box().innerHeight)\n\n  protected readonly strokePath = computed(() => {\n    const x = this.context.xScale() as Scale<Date>\n    const y = this.context.yScale()\n    return linePath(this.series().points.map((p) => ({ x: x.map(p.x), y: y.map(p.y) })))\n  })\n\n  private readonly activeInstant = computed<number | null>(() => {\n    const index = this.context.activeIndex()\n    if (index === null) return null\n    const value = this.context.pointValues()[index]\n    return value instanceof Date ? value.getTime() : null\n  })\n\n  protected readonly activePoint = computed<{ x: number; y: number } | null>(() => {\n    const time = this.activeInstant()\n    if (time === null) return null\n    const point = this.series().points.find((p) => p.x.getTime() === time)\n    if (point === undefined) return null\n    const x = this.context.xScale() as Scale<Date>\n    const y = this.context.yScale()\n    return { x: x.map(point.x), y: y.map(point.y) }\n  })\n\n  protected readonly bands = computed<RenderedBand[]>(() => {\n    const x = this.context.xScale() as Scale<Date>\n    const activeTime = this.activeInstant()\n    return this.intervals().map((interval) => {\n      const start = x.map(interval.start)\n      const end = x.map(interval.end)\n      const width = Math.max(1, end - start)\n\n      const active =\n        activeTime !== null &&\n        activeTime >= interval.start.getTime() &&\n        activeTime <= interval.end.getTime()\n      return {\n        label: interval.label,\n        x: start,\n        width,\n\n        labeled: LABEL_INSET + estimateLabelWidth(interval.label) <= width,\n        active,\n        strokeWidth: active ? STROKE_WIDTH_ACTIVE : STROKE_WIDTH,\n      }\n    })\n  })\n}\n","@for (band of bands(); track $index) {\n  <svg:rect\n    class=\"gbt-timeline-series__band\"\n    [attr.x]=\"band.x\"\n    y=\"0\"\n    [attr.width]=\"band.width\"\n    [attr.height]=\"height()\"\n  />\n  <svg:rect\n    class=\"gbt-timeline-series__band-edge\"\n    [attr.x]=\"band.x\"\n    y=\"0\"\n    [attr.width]=\"band.width\"\n    [attr.height]=\"band.strokeWidth\"\n    [attr.data-active]=\"band.active ? '' : null\"\n  />\n  @if (band.labeled) {\n    <svg:text class=\"gbt-timeline-series__band-label\" [attr.x]=\"band.x + 4\" y=\"14\">\n      {{ band.label }}\n    </svg:text>\n  }\n}\n@if (strokePath(); as d) {\n  <svg:path class=\"gbt-timeline-series__line\" [attr.d]=\"d\" />\n}\n@if (activePoint(); as p) {\n  <svg:circle class=\"gbt-timeline-series__dot\" [attr.cx]=\"p.x\" [attr.cy]=\"p.y\" r=\"4\" />\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core'\nimport { ChartFrame } from '@masmarino/gabarit/chart'\nimport { ChartAxis } from '@masmarino/gabarit/chart'\nimport { ChartTooltip, type TooltipPoint } from '@masmarino/gabarit/chart'\nimport { ChartEmpty } from '@masmarino/gabarit/chart'\nimport { ChartTable } from '@masmarino/gabarit/chart'\nimport { TimelineSeries } from './timeline-series'\nimport { formatNumber } from '@masmarino/gabarit/format'\nimport type { AxisSpec, LinearAxisSpec, PointValue } from '@masmarino/gabarit/chart'\nimport {\n  niceYDomain,\n  timeXDomain,\n  type ChartInterval,\n  type ChartPoint,\n  type ChartSeries,\n} from '@masmarino/gabarit/chart'\n\n@Component({\n  selector: 'gbt-timeline-chart',\n  standalone: true,\n  imports: [ChartFrame, ChartAxis, ChartTooltip, ChartEmpty, ChartTable, TimelineSeries],\n  templateUrl: './timeline-chart.html',\n  styleUrl: './timeline-chart.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimelineChart {\n  series = input.required<ChartSeries<Date>>()\n  intervals = input.required<ChartInterval[]>()\n  locale = input.required<string>()\n  label = input.required<string>()\n  tableCaption = input.required<string>()\n  intervalsCaption = input.required<string>()\n  xColumn = input.required<string>()\n  emptyMessage = input.required<string>()\n  yZero = input(true)\n  yTickCount = 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 hasData = computed(() => this.series().points.length > 0)\n\n  protected readonly publicXValues = computed<PointValue[]>(() =>\n    this.series().points.map((p) => p.x),\n  )\n\n  protected readonly xSpec = computed<AxisSpec>(() => ({\n    kind: 'time',\n    domain: timeXDomain([this.series()]),\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 tooltipPoints = computed<TooltipPoint<Date>[]>(() =>\n    this.series().points.map((point) => ({\n      x: point.x,\n      header: this.formatInstant(point.x),\n      rows: [{ label: this.series().label, value: this.displayValue(point), series: 1 }],\n    })),\n  )\n\n  protected readonly tableColumns = computed(() => [this.xColumn(), this.series().label])\n\n  protected readonly tableRows = computed<(string | number)[][]>(() =>\n    this.series().points.map((point) => [this.formatInstant(point.x), this.displayValue(point)]),\n  )\n\n  protected readonly intervalColumns = computed(() => [\n    this.intervalsCaption(),\n    `${this.xColumn()} — start`,\n    `${this.xColumn()} — end`,\n  ])\n\n  protected readonly intervalRows = computed<(string | number)[][]>(() =>\n    this.intervals().map((interval) => [\n      interval.label,\n      this.formatInstant(interval.start),\n      this.formatInstant(interval.end),\n    ]),\n  )\n\n  private readonly formatInstant = (d: Date): string =>\n    new Intl.DateTimeFormat(this.locale(), {\n      dateStyle: 'short',\n      timeStyle: 'short',\n      timeZone: 'UTC',\n    }).format(d)\n\n  private displayValue(point: ChartPoint<Date>): string {\n    return point.display ?? formatNumber(point.y, this.locale())\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>\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()\"></svg:g>\n    <svg:g gbtTimelineSeries [series]=\"series()\" [intervals]=\"intervals()\"></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  }\n  @if (hasData() && intervals().length > 0) {\n    <gbt-chart-table\n      [caption]=\"intervalsCaption()\"\n      [columns]=\"intervalColumns()\"\n      [rows]=\"intervalRows()\"\n    />\n  }\n  @if (!hasData()) {\n    <gbt-chart-empty [message]=\"emptyMessage()\" />\n  }\n</gbt-chart-frame>\n"],"mappings":"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"}