@hyalo/angular 0.0.0-stage → 0.3.1

package/fesm2022/hyalo-angular-chart.mjs

@@ -0,0 +1,391 @@
+import { HyFidelity, HyLocale } from "@hyalo/angular/core";
+import { CdkConnectedOverlay, CdkOverlayOrigin } from "@angular/cdk/overlay";
+import { DOCUMENT } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, InjectionToken, afterNextRender, afterRenderEffect, computed, inject, input, signal, untracked, viewChild } from "@angular/core";
+let engine;
+const loadEngine = () => engine ??= import("./hyalo-angular-chart-engine-DSJop6He.mjs").catch((error) => {
+	engine = void 0;
+	throw error;
+});
+const HY_CHART_LOADER = new InjectionToken("HY_CHART_LOADER", {
+	providedIn: "root",
+	factory: () => loadEngine
+});
+var HyChart = class HyChart {
+	data = input.required(...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
+	type = input("line", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	summary = input("", ...ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []);
+	locale = input(...ngDevMode ? [void 0, { debugName: "locale" }] : /* istanbul ignore next */ []);
+	globalLocale = inject(HyLocale);
+	effectiveLocale = computed(() => this.locale() ?? this.globalLocale.locale(), ...ngDevMode ? [{ debugName: "effectiveLocale" }] : /* istanbul ignore next */ []);
+	tableLabel = input("View chart data", ...ngDevMode ? [{ debugName: "tableLabel" }] : /* istanbul ignore next */ []);
+	error = signal(false, ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	tooltip = signal(null, ...ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []);
+	tooltipPositions = [{
+		originX: "start",
+		originY: "top",
+		overlayX: "start",
+		overlayY: "bottom"
+	}];
+	fidelity = inject(HyFidelity);
+	fidelityTier = this.fidelity.tier;
+	visible = signal(false, ...ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []);
+	theme = signal(0, ...ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []);
+	canvas = viewChild("canvas", ...ngDevMode ? [{ debugName: "canvas" }] : /* istanbul ignore next */ []);
+	palette = viewChild("palette", ...ngDevMode ? [{ debugName: "palette" }] : /* istanbul ignore next */ []);
+	document = inject(DOCUMENT);
+	load = inject(HY_CHART_LOADER);
+	host = inject(ElementRef);
+	chart;
+	generation = 0;
+	destroyed = false;
+	formatter = computed(() => new Intl.NumberFormat(this.effectiveLocale()), ...ngDevMode ? [{ debugName: "formatter" }] : /* istanbul ignore next */ []);
+	rows = computed(() => this.data().labels.map((label, index) => ({
+		label,
+		values: this.data().series.map((series) => {
+			const value = series.values[index];
+			return value == null || !Number.isFinite(value) ? "–" : this.formatter().format(value);
+		})
+	})), ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
+	constructor() {
+		let observer, mutation;
+		let media;
+		const changed = () => this.theme.update((value) => value + 1);
+		afterNextRender(() => {
+			if (typeof IntersectionObserver === "undefined") this.visible.set(true);
+			else {
+				observer = new IntersectionObserver((entries) => this.visible.set(entries.some((entry) => entry.isIntersecting)), { rootMargin: "150px" });
+				observer.observe(this.host.nativeElement);
+			}
+			mutation = new MutationObserver(changed);
+			for (let element = this.host.nativeElement; element; element = element.parentElement) mutation.observe(element, {
+				attributes: true,
+				attributeFilter: [
+					"class",
+					"style",
+					"dir",
+					"lang",
+					"data-hy-theme",
+					"data-hy-palette",
+					"data-hy-fidelity"
+				]
+			});
+			media = this.document.defaultView?.matchMedia("(prefers-color-scheme: dark)");
+			media?.addEventListener("change", changed);
+		});
+		afterRenderEffect(() => {
+			const data = this.data(), type = this.type(), locale = this.effectiveLocale();
+			this.theme();
+			this.fidelity.tier();
+			if (!this.visible()) return;
+			untracked(() => void this.render(data, type, locale));
+		});
+		inject(DestroyRef).onDestroy(() => {
+			this.destroyed = true;
+			this.generation++;
+			observer?.disconnect();
+			mutation?.disconnect();
+			media?.removeEventListener("change", changed);
+			this.tooltip.set(null);
+			this.chart?.destroy();
+		});
+	}
+	retry() {
+		this.theme.update((value) => value + 1);
+	}
+	async render(data, type, locale) {
+		const generation = ++this.generation;
+		try {
+			const kit = await this.load();
+			if (this.destroyed || generation !== this.generation) return;
+			const canvas = this.canvas()?.nativeElement, palette = this.palette()?.nativeElement, view = this.document.defaultView;
+			if (!canvas || !palette || !view) return;
+			const colors = [...palette.children].map((element) => view.getComputedStyle(element).color);
+			const ink = view.getComputedStyle(palette).color, border = view.getComputedStyle(palette).borderBlockStartColor;
+			const rtl = view.getComputedStyle(this.host.nativeElement).direction === "rtl";
+			const datasets = data.series.map((series, index) => ({
+				label: series.label,
+				data: data.labels.map((_, i) => {
+					const value = series.values[i];
+					return value != null && Number.isFinite(value) ? value : null;
+				}),
+				borderColor: colors[index % colors.length],
+				backgroundColor: type === "doughnut" ? data.labels.map((_, i) => colors[i % colors.length]) : type === "area" ? (context) => {
+					const area = context.chart.chartArea;
+					if (!area) return colors[index % colors.length];
+					const gradient = context.chart.ctx.createLinearGradient(0, area.top, 0, area.bottom);
+					const color = colors[index % colors.length] ?? "transparent";
+					gradient.addColorStop(0, color);
+					gradient.addColorStop(1, "transparent");
+					return gradient;
+				} : colors[index % colors.length],
+				borderWidth: 2,
+				pointRadius: 2,
+				tension: .25,
+				fill: type === "area"
+			}));
+			this.tooltip.set(null);
+			this.chart?.destroy();
+			this.chart = void 0;
+			this.chart = new kit.Chart(canvas, {
+				type: type === "area" ? "line" : type,
+				data: {
+					labels: [...data.labels],
+					datasets
+				},
+				options: {
+					responsive: true,
+					maintainAspectRatio: false,
+					animation: false,
+					locale,
+					plugins: {
+						legend: {
+							display: data.series.length > 1 || type === "doughnut",
+							rtl,
+							textDirection: rtl ? "rtl" : "ltr",
+							labels: {
+								color: ink,
+								usePointStyle: true
+							}
+						},
+						tooltip: {
+							enabled: false,
+							external: ({ tooltip }) => {
+								if (!tooltip.opacity) {
+									this.tooltip.set(null);
+									return;
+								}
+								this.tooltip.set({
+									x: tooltip.caretX,
+									y: tooltip.caretY - 8,
+									title: tooltip.title?.join(" ") ?? "",
+									lines: tooltip.dataPoints.map((point) => `${point.dataset.label ?? ""}: ${point.formattedValue}`)
+								});
+							}
+						}
+					},
+					...type === "doughnut" ? {} : { scales: {
+						x: {
+							ticks: {
+								color: ink,
+								maxRotation: 0,
+								autoSkip: true
+							},
+							grid: { display: false }
+						},
+						y: {
+							ticks: { color: ink },
+							grid: { color: border },
+							beginAtZero: true
+						}
+					} }
+				}
+			});
+			this.error.set(false);
+		} catch {
+			if (!this.destroyed && generation === this.generation) this.error.set(true);
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyChart,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: HyChart,
+		isStandalone: true,
+		selector: "hy-chart",
+		inputs: {
+			data: {
+				classPropertyName: "data",
+				publicName: "data",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			type: {
+				classPropertyName: "type",
+				publicName: "type",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			summary: {
+				classPropertyName: "summary",
+				publicName: "summary",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			locale: {
+				classPropertyName: "locale",
+				publicName: "locale",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tableLabel: {
+				classPropertyName: "tableLabel",
+				publicName: "tableLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		viewQueries: [{
+			propertyName: "canvas",
+			first: true,
+			predicate: ["canvas"],
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "palette",
+			first: true,
+			predicate: ["palette"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<figure>\r\n  <figcaption>\r\n    <strong>{{ label() }}</strong>\r\n    @if (summary()) {\r\n      <p>{{ summary() }}</p>\r\n    }\r\n  </figcaption>\r\n  <div #palette class=\"palette\" aria-hidden=\"true\"><i></i><i></i><i></i><i></i><i></i></div>\r\n  <div class=\"plot\" cdkOverlayOrigin #origin=\"cdkOverlayOrigin\">\r\n    <canvas #canvas role=\"img\" [attr.aria-label]=\"label()\">{{ summary() }}</canvas>\r\n    @if (error()) {\r\n      <div class=\"fallback\">\r\n        <p>Chart unavailable. The data is available below.</p>\r\n        <button type=\"button\" (click)=\"retry()\">Retry chart</button>\r\n      </div>\r\n    }\r\n  </div>\r\n  <details>\r\n    <summary>{{ tableLabel() }}</summary>\r\n    <div class=\"table\" tabindex=\"0\" role=\"region\" [attr.aria-label]=\"label() + ' data'\">\r\n      <table>\r\n        <caption>\r\n          {{\r\n            label()\r\n          }}\r\n        </caption>\r\n        <thead>\r\n          <tr>\r\n            <th scope=\"col\">Label</th>\r\n            @for (series of data().series; track $index) {\r\n              <th scope=\"col\">{{ series.label }}</th>\r\n            }\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          @for (row of rows(); track $index) {\r\n            <tr>\r\n              <th scope=\"row\">{{ row.label }}</th>\r\n              @for (value of row.values; track $index) {\r\n                <td>{{ value }}</td>\r\n              }\r\n            </tr>\r\n          }\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  </details>\r\n  <ng-template\r\n    cdkConnectedOverlay\r\n    [cdkConnectedOverlayOrigin]=\"origin\"\r\n    [cdkConnectedOverlayOpen]=\"!!tooltip()\"\r\n    [cdkConnectedOverlayPositions]=\"tooltipPositions\"\r\n    [cdkConnectedOverlayOffsetX]=\"tooltip()?.x ?? 0\"\r\n    [cdkConnectedOverlayOffsetY]=\"tooltip()?.y ?? 0\"\r\n  >\r\n    @if (tooltip(); as tip) {\r\n      <div\r\n        class=\"chart-tooltip hy-glass\"\r\n        [attr.data-material]=\"fidelityTier() === 'low' ? 'solid' : 'frosted'\"\r\n        role=\"tooltip\"\r\n      >\r\n        <strong>{{ tip.title }}</strong>\r\n        @for (line of tip.lines; track $index) {\r\n          <div>{{ line }}</div>\r\n        }\r\n      </div>\r\n    }\r\n  </ng-template>\r\n</figure>\r\n",
+		styles: [":host{display:block;min-inline-size:0;color:var(--hy-ink)}figure{margin:0;padding:1.25rem;border:1px solid var(--hy-line);border-radius:var(--hy-radius-l);background:var(--hy-surface-1)}figcaption p{margin:.25rem 0 0;font-size:.875rem;color:var(--hy-ink-2)}.plot{position:relative;block-size:var(--hy-chart-height, 17rem);margin-block:1rem}canvas{display:block;max-inline-size:100%}.palette{position:absolute;inline-size:0;block-size:0;overflow:hidden;color:var(--hy-ink-2);border-block-start:1px solid var(--hy-line)}i:nth-child(1){color:var(--hy-primary)}i:nth-child(2){color:var(--hy-success)}i:nth-child(3){color:var(--hy-warning)}i:nth-child(4){color:var(--hy-danger)}i:nth-child(5){color:var(--hy-ink-3)}summary{min-block-size:44px;align-content:center;cursor:pointer;font-size:.8125rem;color:var(--hy-ink-2)}.table{overflow:auto}table{inline-size:100%;border-collapse:collapse;font-size:.8125rem;text-align:start}caption{text-align:start;padding-block:1rem}td,th{padding:.75rem;border-block-end:1px solid var(--hy-line)}.fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:var(--hy-surface-1);padding:1rem}button{min-block-size:44px;background:var(--hy-surface-2);color:var(--hy-ink);border:1px solid var(--hy-line);border-radius:var(--hy-radius-s);cursor:pointer}summary:focus-visible,button:focus-visible{outline:2px solid var(--hy-primary);outline-offset:3px}.chart-tooltip{pointer-events:none;padding:.75rem 1rem;border-radius:var(--hy-radius-m);color:var(--hy-ink);font-family:var(--hy-font);max-inline-size:22rem}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: CdkConnectedOverlay,
+			selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]",
+			inputs: [
+				"cdkConnectedOverlayOrigin",
+				"cdkConnectedOverlayPositions",
+				"cdkConnectedOverlayPositionStrategy",
+				"cdkConnectedOverlayOffsetX",
+				"cdkConnectedOverlayOffsetY",
+				"cdkConnectedOverlayWidth",
+				"cdkConnectedOverlayHeight",
+				"cdkConnectedOverlayMinWidth",
+				"cdkConnectedOverlayMinHeight",
+				"cdkConnectedOverlayBackdropClass",
+				"cdkConnectedOverlayPanelClass",
+				"cdkConnectedOverlayViewportMargin",
+				"cdkConnectedOverlayScrollStrategy",
+				"cdkConnectedOverlayOpen",
+				"cdkConnectedOverlayDisableClose",
+				"cdkConnectedOverlayTransformOriginOn",
+				"cdkConnectedOverlayHasBackdrop",
+				"cdkConnectedOverlayLockPosition",
+				"cdkConnectedOverlayFlexibleDimensions",
+				"cdkConnectedOverlayGrowAfterOpen",
+				"cdkConnectedOverlayPush",
+				"cdkConnectedOverlayDisposeOnNavigation",
+				"cdkConnectedOverlayUsePopover",
+				"cdkConnectedOverlayMatchWidth",
+				"cdkConnectedOverlay"
+			],
+			outputs: [
+				"backdropClick",
+				"positionChange",
+				"attach",
+				"detach",
+				"overlayKeydown",
+				"overlayOutsideClick"
+			],
+			exportAs: ["cdkConnectedOverlay"]
+		}, {
+			kind: "directive",
+			type: CdkOverlayOrigin,
+			selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]",
+			exportAs: ["cdkOverlayOrigin"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyChart,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-chart",
+			imports: [CdkConnectedOverlay, CdkOverlayOrigin],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<figure>\r\n  <figcaption>\r\n    <strong>{{ label() }}</strong>\r\n    @if (summary()) {\r\n      <p>{{ summary() }}</p>\r\n    }\r\n  </figcaption>\r\n  <div #palette class=\"palette\" aria-hidden=\"true\"><i></i><i></i><i></i><i></i><i></i></div>\r\n  <div class=\"plot\" cdkOverlayOrigin #origin=\"cdkOverlayOrigin\">\r\n    <canvas #canvas role=\"img\" [attr.aria-label]=\"label()\">{{ summary() }}</canvas>\r\n    @if (error()) {\r\n      <div class=\"fallback\">\r\n        <p>Chart unavailable. The data is available below.</p>\r\n        <button type=\"button\" (click)=\"retry()\">Retry chart</button>\r\n      </div>\r\n    }\r\n  </div>\r\n  <details>\r\n    <summary>{{ tableLabel() }}</summary>\r\n    <div class=\"table\" tabindex=\"0\" role=\"region\" [attr.aria-label]=\"label() + ' data'\">\r\n      <table>\r\n        <caption>\r\n          {{\r\n            label()\r\n          }}\r\n        </caption>\r\n        <thead>\r\n          <tr>\r\n            <th scope=\"col\">Label</th>\r\n            @for (series of data().series; track $index) {\r\n              <th scope=\"col\">{{ series.label }}</th>\r\n            }\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          @for (row of rows(); track $index) {\r\n            <tr>\r\n              <th scope=\"row\">{{ row.label }}</th>\r\n              @for (value of row.values; track $index) {\r\n                <td>{{ value }}</td>\r\n              }\r\n            </tr>\r\n          }\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  </details>\r\n  <ng-template\r\n    cdkConnectedOverlay\r\n    [cdkConnectedOverlayOrigin]=\"origin\"\r\n    [cdkConnectedOverlayOpen]=\"!!tooltip()\"\r\n    [cdkConnectedOverlayPositions]=\"tooltipPositions\"\r\n    [cdkConnectedOverlayOffsetX]=\"tooltip()?.x ?? 0\"\r\n    [cdkConnectedOverlayOffsetY]=\"tooltip()?.y ?? 0\"\r\n  >\r\n    @if (tooltip(); as tip) {\r\n      <div\r\n        class=\"chart-tooltip hy-glass\"\r\n        [attr.data-material]=\"fidelityTier() === 'low' ? 'solid' : 'frosted'\"\r\n        role=\"tooltip\"\r\n      >\r\n        <strong>{{ tip.title }}</strong>\r\n        @for (line of tip.lines; track $index) {\r\n          <div>{{ line }}</div>\r\n        }\r\n      </div>\r\n    }\r\n  </ng-template>\r\n</figure>\r\n",
+			styles: [":host{display:block;min-inline-size:0;color:var(--hy-ink)}figure{margin:0;padding:1.25rem;border:1px solid var(--hy-line);border-radius:var(--hy-radius-l);background:var(--hy-surface-1)}figcaption p{margin:.25rem 0 0;font-size:.875rem;color:var(--hy-ink-2)}.plot{position:relative;block-size:var(--hy-chart-height, 17rem);margin-block:1rem}canvas{display:block;max-inline-size:100%}.palette{position:absolute;inline-size:0;block-size:0;overflow:hidden;color:var(--hy-ink-2);border-block-start:1px solid var(--hy-line)}i:nth-child(1){color:var(--hy-primary)}i:nth-child(2){color:var(--hy-success)}i:nth-child(3){color:var(--hy-warning)}i:nth-child(4){color:var(--hy-danger)}i:nth-child(5){color:var(--hy-ink-3)}summary{min-block-size:44px;align-content:center;cursor:pointer;font-size:.8125rem;color:var(--hy-ink-2)}.table{overflow:auto}table{inline-size:100%;border-collapse:collapse;font-size:.8125rem;text-align:start}caption{text-align:start;padding-block:1rem}td,th{padding:.75rem;border-block-end:1px solid var(--hy-line)}.fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:var(--hy-surface-1);padding:1rem}button{min-block-size:44px;background:var(--hy-surface-2);color:var(--hy-ink);border:1px solid var(--hy-line);border-radius:var(--hy-radius-s);cursor:pointer}summary:focus-visible,button:focus-visible{outline:2px solid var(--hy-primary);outline-offset:3px}.chart-tooltip{pointer-events:none;padding:.75rem 1rem;border-radius:var(--hy-radius-m);color:var(--hy-ink);font-family:var(--hy-font);max-inline-size:22rem}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		data: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data",
+				required: true
+			}]
+		}],
+		type: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "type",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		summary: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "summary",
+				required: false
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: false
+			}]
+		}],
+		tableLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tableLabel",
+				required: false
+			}]
+		}],
+		canvas: [{
+			type: i0.ViewChild,
+			args: ["canvas", { isSignal: true }]
+		}],
+		palette: [{
+			type: i0.ViewChild,
+			args: ["palette", { isSignal: true }]
+		}]
+	}
+});
+export { HY_CHART_LOADER, HyChart };
+
+//# sourceMappingURL=hyalo-angular-chart.mjs.map

package/fesm2022/hyalo-angular-chart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-chart.mjs","names":[],"sources":["../../../projects/hyalo/chart/chart.ts","../../../projects/hyalo/chart/chart.html"],"sourcesContent":["import { HyLocale } from '@hyalo/angular/core';\r\nimport {\r\n  CdkConnectedOverlay,\r\n  CdkOverlayOrigin,\r\n  type ConnectedPosition,\r\n} from '@angular/cdk/overlay';\r\nimport { HyFidelity } from '@hyalo/angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  DestroyRef,\r\n  ElementRef,\r\n  InjectionToken,\r\n  afterNextRender,\r\n  afterRenderEffect,\r\n  computed,\r\n  inject,\r\n  input,\r\n  signal,\r\n  untracked,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport type { Chart } from 'chart.js';\r\nexport interface HyChartSeries {\r\n  readonly label: string;\r\n  readonly values: readonly (number | null)[];\r\n}\r\nexport interface HyChartData {\r\n  readonly labels: readonly string[];\r\n  readonly series: readonly HyChartSeries[];\r\n}\r\nexport type HyChartType = 'line' | 'area' | 'bar' | 'doughnut';\r\nlet engine: Promise<typeof import('./engine')> | undefined;\r\nconst loadEngine = (): Promise<typeof import('./engine')> =>\r\n  (engine ??= import('./engine').catch((error: unknown) => {\r\n    engine = undefined;\r\n    throw error;\r\n  }));\r\n/** Override to provide a compatible Chart.js loader, for example from a shared app chunk. */\r\nexport const HY_CHART_LOADER = new InjectionToken<() => Promise<typeof import('./engine')>>(\r\n  'HY_CHART_LOADER',\r\n  { providedIn: 'root', factory: () => loadEngine },\r\n);\r\n@Component({\r\n  selector: 'hy-chart',\r\n  imports: [CdkConnectedOverlay, CdkOverlayOrigin],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  templateUrl: './chart.html',\r\n  styleUrl: './chart.css',\r\n})\r\nexport class HyChart {\r\n  readonly data = input.required<HyChartData>();\r\n  readonly type = input<HyChartType>('line');\r\n  readonly label = input.required<string>();\r\n  readonly summary = input('');\r\n  readonly locale = input<string>();\r\n  private readonly globalLocale = inject(HyLocale);\r\n  private readonly effectiveLocale = computed(() => this.locale() ?? this.globalLocale.locale());\r\n  readonly tableLabel = input('View chart data');\r\n  protected readonly error = signal(false);\r\n  protected readonly tooltip = signal<{\r\n    x: number;\r\n    y: number;\r\n    title: string;\r\n    lines: readonly string[];\r\n  } | null>(null);\r\n  protected readonly tooltipPositions: ConnectedPosition[] = [\r\n    { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' },\r\n  ];\r\n  private readonly fidelity = inject(HyFidelity);\r\n  protected readonly fidelityTier = this.fidelity.tier;\r\n  private readonly visible = signal(false);\r\n  private readonly theme = signal(0);\r\n  private readonly canvas = viewChild<ElementRef<HTMLCanvasElement>>('canvas');\r\n  private readonly palette = viewChild<ElementRef<HTMLElement>>('palette');\r\n  private readonly document = inject(DOCUMENT);\r\n  private readonly load = inject(HY_CHART_LOADER);\r\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  private chart: Chart | undefined;\r\n  private generation = 0;\r\n  private destroyed = false;\r\n  private readonly formatter = computed(() => new Intl.NumberFormat(this.effectiveLocale()));\r\n  readonly rows = computed(() =>\r\n    this.data().labels.map((label, index) => ({\r\n      label,\r\n      values: this.data().series.map((series) => {\r\n        const value = series.values[index];\r\n        return value == null || !Number.isFinite(value) ? '–' : this.formatter().format(value);\r\n      }),\r\n    })),\r\n  );\r\n  constructor() {\r\n    let observer: IntersectionObserver | undefined, mutation: MutationObserver | undefined;\r\n    let media: MediaQueryList | undefined;\r\n    const changed = (): void => this.theme.update((value) => value + 1);\r\n    afterNextRender(() => {\r\n      if (typeof IntersectionObserver === 'undefined') this.visible.set(true);\r\n      else {\r\n        observer = new IntersectionObserver(\r\n          (entries) => this.visible.set(entries.some((entry) => entry.isIntersecting)),\r\n          { rootMargin: '150px' },\r\n        );\r\n        observer.observe(this.host.nativeElement);\r\n      }\r\n      mutation = new MutationObserver(changed);\r\n      for (\r\n        let element: HTMLElement | null = this.host.nativeElement;\r\n        element;\r\n        element = element.parentElement\r\n      ) {\r\n        mutation.observe(element, {\r\n          attributes: true,\r\n          attributeFilter: [\r\n            'class',\r\n            'style',\r\n            'dir',\r\n            'lang',\r\n            'data-hy-theme',\r\n            'data-hy-palette',\r\n            'data-hy-fidelity',\r\n          ],\r\n        });\r\n      }\r\n      media = this.document.defaultView?.matchMedia('(prefers-color-scheme: dark)');\r\n      media?.addEventListener('change', changed);\r\n    });\r\n    afterRenderEffect(() => {\r\n      const data = this.data(),\r\n        type = this.type(),\r\n        locale = this.effectiveLocale();\r\n      this.theme();\r\n      this.fidelity.tier();\r\n      if (!this.visible()) return;\r\n      untracked(() => void this.render(data, type, locale));\r\n    });\r\n    inject(DestroyRef).onDestroy(() => {\r\n      this.destroyed = true;\r\n      this.generation++;\r\n      observer?.disconnect();\r\n      mutation?.disconnect();\r\n      media?.removeEventListener('change', changed);\r\n      this.tooltip.set(null);\r\n      this.chart?.destroy();\r\n    });\r\n  }\r\n  protected retry(): void {\r\n    this.theme.update((value) => value + 1);\r\n  }\r\n  private async render(data: HyChartData, type: HyChartType, locale: string): Promise<void> {\r\n    const generation = ++this.generation;\r\n    try {\r\n      const kit = await this.load();\r\n      if (this.destroyed || generation !== this.generation) return;\r\n      const canvas = this.canvas()?.nativeElement,\r\n        palette = this.palette()?.nativeElement,\r\n        view = this.document.defaultView;\r\n      if (!canvas || !palette || !view) return;\r\n      const colors = [...palette.children].map((element) => view.getComputedStyle(element).color);\r\n      const ink = view.getComputedStyle(palette).color,\r\n        border = view.getComputedStyle(palette).borderBlockStartColor;\r\n      const rtl = view.getComputedStyle(this.host.nativeElement).direction === 'rtl';\r\n      const datasets = data.series.map((series, index) => ({\r\n        label: series.label,\r\n        data: data.labels.map((_, i) => {\r\n          const value = series.values[i];\r\n          return value != null && Number.isFinite(value) ? value : null;\r\n        }),\r\n        borderColor: colors[index % colors.length],\r\n        backgroundColor:\r\n          type === 'doughnut'\r\n            ? data.labels.map((_, i) => colors[i % colors.length])\r\n            : type === 'area'\r\n              ? (context: { chart: Chart }) => {\r\n                  const area = context.chart.chartArea;\r\n                  if (!area) return colors[index % colors.length];\r\n                  const gradient = context.chart.ctx.createLinearGradient(\r\n                    0,\r\n                    area.top,\r\n                    0,\r\n                    area.bottom,\r\n                  );\r\n                  const color = colors[index % colors.length] ?? 'transparent';\r\n                  gradient.addColorStop(0, color);\r\n                  gradient.addColorStop(1, 'transparent');\r\n                  return gradient;\r\n                }\r\n              : colors[index % colors.length],\r\n        borderWidth: 2,\r\n        pointRadius: 2,\r\n        tension: 0.25,\r\n        fill: type === 'area',\r\n      }));\r\n      this.tooltip.set(null);\r\n      this.chart?.destroy();\r\n      this.chart = undefined;\r\n      this.chart = new kit.Chart(canvas, {\r\n        type: type === 'area' ? 'line' : type,\r\n        data: { labels: [...data.labels], datasets },\r\n        options: {\r\n          responsive: true,\r\n          maintainAspectRatio: false,\r\n          animation: false,\r\n          locale,\r\n          plugins: {\r\n            legend: {\r\n              display: data.series.length > 1 || type === 'doughnut',\r\n              rtl,\r\n              textDirection: rtl ? 'rtl' : 'ltr',\r\n              labels: { color: ink, usePointStyle: true },\r\n            },\r\n            tooltip: {\r\n              enabled: false,\r\n              external: ({ tooltip }) => {\r\n                if (!tooltip.opacity) {\r\n                  this.tooltip.set(null);\r\n                  return;\r\n                }\r\n                this.tooltip.set({\r\n                  x: tooltip.caretX,\r\n                  y: tooltip.caretY - 8,\r\n                  title: tooltip.title?.join(' ') ?? '',\r\n                  lines: tooltip.dataPoints.map(\r\n                    (point) => `${point.dataset.label ?? ''}: ${point.formattedValue}`,\r\n                  ),\r\n                });\r\n              },\r\n            },\r\n          },\r\n          ...(type === 'doughnut'\r\n            ? {}\r\n            : {\r\n                scales: {\r\n                  x: {\r\n                    ticks: { color: ink, maxRotation: 0, autoSkip: true },\r\n                    grid: { display: false },\r\n                  },\r\n                  y: { ticks: { color: ink }, grid: { color: border }, beginAtZero: true },\r\n                },\r\n              }),\r\n        },\r\n      });\r\n      this.error.set(false);\r\n    } catch {\r\n      if (!this.destroyed && generation === this.generation) this.error.set(true);\r\n    }\r\n  }\r\n}\r\n","<figure>\r\n  <figcaption>\r\n    <strong>{{ label() }}</strong>\r\n    @if (summary()) {\r\n      <p>{{ summary() }}</p>\r\n    }\r\n  </figcaption>\r\n  <div #palette class=\"palette\" aria-hidden=\"true\"><i></i><i></i><i></i><i></i><i></i></div>\r\n  <div class=\"plot\" cdkOverlayOrigin #origin=\"cdkOverlayOrigin\">\r\n    <canvas #canvas role=\"img\" [attr.aria-label]=\"label()\">{{ summary() }}</canvas>\r\n    @if (error()) {\r\n      <div class=\"fallback\">\r\n        <p>Chart unavailable. The data is available below.</p>\r\n        <button type=\"button\" (click)=\"retry()\">Retry chart</button>\r\n      </div>\r\n    }\r\n  </div>\r\n  <details>\r\n    <summary>{{ tableLabel() }}</summary>\r\n    <div class=\"table\" tabindex=\"0\" role=\"region\" [attr.aria-label]=\"label() + ' data'\">\r\n      <table>\r\n        <caption>\r\n          {{\r\n            label()\r\n          }}\r\n        </caption>\r\n        <thead>\r\n          <tr>\r\n            <th scope=\"col\">Label</th>\r\n            @for (series of data().series; track $index) {\r\n              <th scope=\"col\">{{ series.label }}</th>\r\n            }\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          @for (row of rows(); track $index) {\r\n            <tr>\r\n              <th scope=\"row\">{{ row.label }}</th>\r\n              @for (value of row.values; track $index) {\r\n                <td>{{ value }}</td>\r\n              }\r\n            </tr>\r\n          }\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  </details>\r\n  <ng-template\r\n    cdkConnectedOverlay\r\n    [cdkConnectedOverlayOrigin]=\"origin\"\r\n    [cdkConnectedOverlayOpen]=\"!!tooltip()\"\r\n    [cdkConnectedOverlayPositions]=\"tooltipPositions\"\r\n    [cdkConnectedOverlayOffsetX]=\"tooltip()?.x ?? 0\"\r\n    [cdkConnectedOverlayOffsetY]=\"tooltip()?.y ?? 0\"\r\n  >\r\n    @if (tooltip(); as tip) {\r\n      <div\r\n        class=\"chart-tooltip hy-glass\"\r\n        [attr.data-material]=\"fidelityTier() === 'low' ? 'solid' : 'frosted'\"\r\n        role=\"tooltip\"\r\n      >\r\n        <strong>{{ tip.title }}</strong>\r\n        @for (line of tip.lines; track $index) {\r\n          <div>{{ line }}</div>\r\n        }\r\n      </div>\r\n    }\r\n  </ng-template>\r\n</figure>\r\n"],"mappings":"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"}