@sinequa/atomic-angular 1.16.0 → 2.0.0

package/fesm2022/sinequa-atomic-angular-charts-heatmap.mjs

@@ -0,0 +1,294 @@
+import { Chart } from "chart.js";
+import { MatrixController, MatrixElement } from "chartjs-chart-matrix";
+import * as i0 from "@angular/core";
+import { Component, afterNextRender, computed, input, output, signal } from "@angular/core";
+import { cn } from "cn";
+import { buildHeatmap, galactikPrimitive, quantileScale, withAlpha } from "@sinequa/atomic-angular";
+import { ChartCanvasComponent, createAxisClickPlugin } from "@sinequa/atomic-angular/charts";
+let registered = false;
+function setupMatrixChart() {
+	if (registered) return;
+	Chart.register(MatrixController, MatrixElement);
+	registered = true;
+}
+var AggregationHeatmapComponent = class AggregationHeatmapComponent {
+	cn = cn;
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	aggregation = input(void 0, ...ngDevMode ? [{ debugName: "aggregation" }] : /* istanbul ignore next */ []);
+	encoding = input({
+		kind: "separator",
+		separator: "$@$"
+	}, ...ngDevMode ? [{ debugName: "encoding" }] : /* istanbul ignore next */ []);
+	maxX = input(20, ...ngDevMode ? [{ debugName: "maxX" }] : /* istanbul ignore next */ []);
+	maxY = input(20, ...ngDevMode ? [{ debugName: "maxY" }] : /* istanbul ignore next */ []);
+	emptyLabel = input("No data", ...ngDevMode ? [{ debugName: "emptyLabel" }] : /* istanbul ignore next */ []);
+	enableAxisSelection = input(true, ...ngDevMode ? [{ debugName: "enableAxisSelection" }] : /* istanbul ignore next */ []);
+	cellSelected = output();
+	axisSelected = output();
+	axisClick = createAxisClickPlugin((hit) => this.selectAxis(hit.axis, hit.label));
+	rampColor = signal(galactikPrimitive("blue-500"), ...ngDevMode ? [{ debugName: "rampColor" }] : /* istanbul ignore next */ []);
+	constructor() {
+		setupMatrixChart();
+		afterNextRender(() => this.rampColor.set(galactikPrimitive("blue-500")));
+	}
+	plugins = computed(() => this.enableAxisSelection() ? [this.axisClick] : [], ...ngDevMode ? [{ debugName: "plugins" }] : /* istanbul ignore next */ []);
+	heatmap = computed(() => buildHeatmap(this.aggregation(), {
+		encoding: this.encoding(),
+		maxX: this.maxX(),
+		maxY: this.maxY()
+	}), ...ngDevMode ? [{ debugName: "heatmap" }] : /* istanbul ignore next */ []);
+	isEmpty = computed(() => this.heatmap().cells.length === 0, ...ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []);
+	selectAxis(axis, label) {
+		const heatmap = this.heatmap();
+		const value = (axis === "x" ? heatmap.xValues : heatmap.yValues).get(label) ?? label;
+		this.axisSelected.emit({
+			axis,
+			label,
+			value
+		});
+	}
+	config = computed(() => {
+		const { cells, xLabels, yLabels } = this.heatmap();
+		const intensity = quantileScale(cells.map((cell) => cell.v));
+		const ramp = this.rampColor();
+		return {
+			type: "matrix",
+			data: { datasets: [{
+				data: cells.map((cell) => ({
+					x: cell.x,
+					y: cell.y,
+					v: cell.v
+				})),
+				backgroundColor: (ctx) => {
+					const point = ctx.raw;
+					return withAlpha(ramp, .12 + .88 * intensity(point?.v ?? 0));
+				},
+				borderColor: withAlpha(galactikPrimitive("grey-500"), .25),
+				borderWidth: 1,
+				width: (ctx) => (ctx.chart.chartArea?.width ?? 0) / Math.max(1, xLabels.length) - 2,
+				height: (ctx) => (ctx.chart.chartArea?.height ?? 0) / Math.max(1, yLabels.length) - 2
+			}] },
+			options: {
+				scales: {
+					x: {
+						type: "category",
+						labels: xLabels,
+						offset: true,
+						grid: { display: false },
+						ticks: { autoSkip: false }
+					},
+					y: {
+						type: "category",
+						labels: yLabels,
+						offset: true,
+						grid: { display: false },
+						ticks: { autoSkip: false }
+					}
+				},
+				plugins: {
+					legend: { display: false },
+					tooltip: { callbacks: {
+						title: () => "",
+						label: (ctx) => {
+							const point = ctx.raw;
+							return `${String(point?.x ?? "")} / ${String(point?.y ?? "")}: ${point?.v ?? 0}`;
+						}
+					} }
+				},
+				onClick: (_event, elements) => {
+					const first = elements[0];
+					if (!first) return;
+					const cell = cells[first.index];
+					if (cell) this.cellSelected.emit({
+						x: cell.x,
+						y: cell.y,
+						xValue: cell.xValue,
+						yValue: cell.yValue,
+						count: cell.v
+					});
+				}
+			}
+		};
+	}, ...ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AggregationHeatmapComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: AggregationHeatmapComponent,
+		isStandalone: true,
+		selector: "AggregationHeatmap, aggregation-heatmap, aggregationheatmap",
+		inputs: {
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			aggregation: {
+				classPropertyName: "aggregation",
+				publicName: "aggregation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			encoding: {
+				classPropertyName: "encoding",
+				publicName: "encoding",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxX: {
+				classPropertyName: "maxX",
+				publicName: "maxX",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxY: {
+				classPropertyName: "maxY",
+				publicName: "maxY",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			emptyLabel: {
+				classPropertyName: "emptyLabel",
+				publicName: "emptyLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			enableAxisSelection: {
+				classPropertyName: "enableAxisSelection",
+				publicName: "enableAxisSelection",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			cellSelected: "cellSelected",
+			axisSelected: "axisSelected"
+		},
+		host: { properties: { "class": "cn(\"block h-full w-full\", class())" } },
+		ngImport: i0,
+		template: `
+    @if (isEmpty()) {
+      <p class="flex h-full items-center justify-center text-sm text-(--font-neutral-muted)">{{ emptyLabel() }}</p>
+    } @else {
+      <ChartCanvas [config]="config()" [plugins]="plugins()" />
+    }
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: ChartCanvasComponent,
+			selector: "ChartCanvas, chart-canvas, chartcanvas",
+			inputs: [
+				"class",
+				"config",
+				"plugins"
+			]
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AggregationHeatmapComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "AggregationHeatmap, aggregation-heatmap, aggregationheatmap",
+			imports: [ChartCanvasComponent],
+			template: `
+    @if (isEmpty()) {
+      <p class="flex h-full items-center justify-center text-sm text-(--font-neutral-muted)">{{ emptyLabel() }}</p>
+    } @else {
+      <ChartCanvas [config]="config()" [plugins]="plugins()" />
+    }
+  `,
+			host: { "[class]": "cn(\"block h-full w-full\", class())" }
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}],
+		aggregation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aggregation",
+				required: false
+			}]
+		}],
+		encoding: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "encoding",
+				required: false
+			}]
+		}],
+		maxX: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxX",
+				required: false
+			}]
+		}],
+		maxY: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxY",
+				required: false
+			}]
+		}],
+		emptyLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyLabel",
+				required: false
+			}]
+		}],
+		enableAxisSelection: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "enableAxisSelection",
+				required: false
+			}]
+		}],
+		cellSelected: [{
+			type: i0.Output,
+			args: ["cellSelected"]
+		}],
+		axisSelected: [{
+			type: i0.Output,
+			args: ["axisSelected"]
+		}]
+	}
+});
+export { AggregationHeatmapComponent, setupMatrixChart };
+
+//# sourceMappingURL=sinequa-atomic-angular-charts-heatmap.mjs.map

package/fesm2022/sinequa-atomic-angular-charts-heatmap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sinequa-atomic-angular-charts-heatmap.mjs","names":[],"sources":["../../../projects/atomic-angular/charts/heatmap/matrix-setup.ts","../../../projects/atomic-angular/charts/heatmap/aggregation-heatmap.ts"],"sourcesContent":["import { Chart } from \"chart.js\";\nimport { MatrixController, MatrixElement } from \"chartjs-chart-matrix\";\n\nlet registered = false;\n\n/**\n * Registers the `matrix` controller and element that `<AggregationHeatmap>` draws with.\n *\n * Chart.js has no matrix controller of its own; `chartjs-chart-matrix` adds one. Idempotent on\n * purpose: it is called from the constructor of every `<AggregationHeatmap>`, so it must be safe to\n * call many times. Registering from the component rather than from application bootstrap is what\n * keeps the entry point self-contained — an application that never imports\n * `@sinequa/atomic-angular/charts/heatmap` never runs this, and never needs `chartjs-chart-matrix`\n * installed.\n *\n * This import must stay a VALUE import. A `import type` would be elided at compile time, and with\n * it the `declare module \"chart.js\"` augmentation the package ships — `\"matrix\"` would stop being a\n * known chart type and the configuration below would no longer type-check.\n */\nexport function setupMatrixChart(): void {\n  if (registered) return;\n  Chart.register(MatrixController, MatrixElement);\n  registered = true;\n}\n","import { afterNextRender, Component, computed, input, output, signal, type Signal } from \"@angular/core\";\nimport type { ChartConfiguration, Plugin, ScriptableContext } from \"chart.js\";\nimport type { MatrixDataPoint } from \"chartjs-chart-matrix\";\n\nimport { cn } from \"cn\";\n\nimport {\n  buildHeatmap,\n  galactikPrimitive,\n  quantileScale,\n  withAlpha,\n  type AggregationLike,\n  type HeatmapAxisSelection,\n  type HeatmapCell,\n  type HeatmapCellSelection,\n  type HeatmapEncoding\n} from \"@sinequa/atomic-angular\";\nimport { ChartCanvasComponent, createAxisClickPlugin } from \"@sinequa/atomic-angular/charts\";\n\nimport { setupMatrixChart } from \"./matrix-setup\";\n\n/**\n * A two-dimensional distribution rendered as a canvas heatmap, on Chart.js.\n *\n * **`<Heatmap>` from the main entry point is the one to reach for first.** It renders a CSS grid,\n * needs no dependency at all, is accessible and selectable, and its axis labels are real buttons.\n * This component exists for the case that one cannot serve: a matrix large enough that hundreds of\n * DOM nodes become the bottleneck. Canvas rendering is flat in the cell count; a DOM grid is not.\n *\n * What it costs, and what it does not:\n *\n *   - **it costs a dependency** — `chartjs-chart-matrix`, which is why this is its own entry point.\n *     See the note in `public-api.ts`;\n *   - **it costs accessibility** — a canvas is opaque to screen readers and to text selection, and\n *     nothing brings that back. Weigh this before choosing it over `<Heatmap>`;\n *   - **it does NOT cost the axis click.** Clicking a label to filter a whole row or column works\n *     here too, through `createAxisClickPlugin()`. SBA v2's canvas heatmap had to hit-test painted\n *     pixels for this and this component does the same, but the hit test is written once, in the\n *     plugin, and `(axisSelected)` emits the same payload as `<Heatmap>`.\n *\n * The API is deliberately the same as `<Heatmap>`'s, so the two are interchangeable: same inputs,\n * same `(cellSelected)` and `(axisSelected)` payloads. Swapping one for the other is an import\n * change.\n *\n * **The host must have a resolved height** — see `<ChartCanvas>`.\n */\n@Component({\n  selector: \"AggregationHeatmap, aggregation-heatmap, aggregationheatmap\",\n  imports: [ChartCanvasComponent],\n  template: `\n    @if (isEmpty()) {\n      <p class=\"flex h-full items-center justify-center text-sm text-(--font-neutral-muted)\">{{ emptyLabel() }}</p>\n    } @else {\n      <ChartCanvas [config]=\"config()\" [plugins]=\"plugins()\" />\n    }\n  `,\n  host: {\n    \"[class]\": 'cn(\"block h-full w-full\", class())'\n  }\n})\nexport class AggregationHeatmapComponent {\n  cn = cn;\n\n  /**\n   * Extra classes for the host element.\n   * @default \"\"\n   */\n  readonly class = input(\"\");\n\n  /**\n   * The two-dimensional aggregation to render.\n   * @default undefined\n   */\n  readonly aggregation = input<AggregationLike | undefined>(undefined);\n\n  /**\n   * How the two dimensions are encoded in `item.value`. Sinequa uses three different encodings\n   * depending on how the aggregation was configured; see `heatmap-data.ts`.\n   * @default { kind: \"separator\", separator: \"$@$\" }\n   */\n  readonly encoding = input<HeatmapEncoding>({ kind: \"separator\", separator: \"$@$\" });\n\n  /**\n   * Maximum number of columns kept, ranked by total weight.\n   * @default 20\n   */\n  readonly maxX = input(20);\n\n  /**\n   * Maximum number of rows kept, ranked by total weight.\n   * @default 20\n   */\n  readonly maxY = input(20);\n\n  /**\n   * Text shown when there is nothing to display.\n   * @default \"No data\"\n   */\n  readonly emptyLabel = input(\"No data\");\n\n  /**\n   * Makes the axis labels clickable. Turn it off when nothing is wired to `(axisSelected)`: on a\n   * canvas the pointer cursor is the only affordance a label can offer, and an affordance that\n   * filters nothing is worse than none.\n   * @default true\n   */\n  readonly enableAxisSelection = input(true);\n\n  /** Emitted when a cell is clicked. */\n  readonly cellSelected = output<HeatmapCellSelection>();\n\n  /** Emitted when an axis label is clicked — filter a whole row or column. */\n  readonly axisSelected = output<HeatmapAxisSelection>();\n\n  /**\n   * Built ONCE, as a field, never inside a `computed()` — the same rule as the timeline brush. The\n   * plugin keeps hover state in its closure, and `<ChartCanvas>` only reads `plugins` when it builds\n   * the Chart.js instance; a fresh object on every recompute would be both pointless and stateless.\n   */\n  private readonly axisClick: Plugin = createAxisClickPlugin(hit => this.selectAxis(hit.axis, hit.label));\n\n  /**\n   * Base colour of the intensity ramp, resolved once the DOM exists.\n   *\n   * Read after the first render rather than in a field initialiser: `getComputedStyle` returns\n   * nothing useful before styles have applied, and the fallback would silently win. A *primitive*\n   * ramp, so the heatmap keeps its identity when the theme flips.\n   */\n  private readonly rampColor = signal(galactikPrimitive(\"blue-500\"));\n\n  constructor() {\n    setupMatrixChart();\n    afterNextRender(() => this.rampColor.set(galactikPrimitive(\"blue-500\")));\n  }\n\n  // Annotated rather than inferred, exactly as in `<ChartCanvas>`: the inferred type would have to\n  // name chart.js' internal `AnyObject` by path, which is not portable in an emitted .d.ts.\n  protected readonly plugins: Signal<Plugin[]> = computed(() => (this.enableAxisSelection() ? [this.axisClick] : []));\n\n  private readonly heatmap = computed(() => buildHeatmap(this.aggregation(), { encoding: this.encoding(), maxX: this.maxX(), maxY: this.maxY() }));\n\n  protected readonly isEmpty = computed(() => this.heatmap().cells.length === 0);\n\n  /**\n   * The plugin can only report what is painted — the label. The caller needs the filterable value,\n   * which `buildHeatmap()` indexes per axis; they differ under the \"cross\" encoding.\n   */\n  private selectAxis(axis: \"x\" | \"y\", label: string): void {\n    const heatmap = this.heatmap();\n    const value = (axis === \"x\" ? heatmap.xValues : heatmap.yValues).get(label) ?? label;\n    this.axisSelected.emit({ axis, label, value });\n  }\n\n  protected readonly config: Signal<ChartConfiguration> = computed(() => {\n    const { cells, xLabels, yLabels } = this.heatmap();\n\n    // Quantile scale rather than count/max: see the rationale in `heatmap-data.ts`.\n    const intensity = quantileScale(cells.map(cell => cell.v));\n    const ramp = this.rampColor();\n\n    /*\n     * Typed as `ChartConfiguration<\"matrix\">`, then cast ONCE on the final expression.\n     *\n     * Casting the whole literal — which is what most matrix examples do, Sinequa's usage-analytics\n     * included — switches off type checking for every scriptable callback inside it, so a wrong\n     * `ctx` shape or a misspelled option passes silently. The friction is only at the boundary:\n     * `ChartConfiguration` without a type argument is a union over every chart type and TypeScript\n     * will not narrow into it. Everything above the cast stays checked.\n     */\n    const config: ChartConfiguration<\"matrix\"> = {\n      type: \"matrix\",\n      data: {\n        datasets: [\n          {\n            data: cells.map(cell => ({ x: cell.x, y: cell.y, v: cell.v })),\n            backgroundColor: (ctx: ScriptableContext<\"matrix\">) => {\n              // `raw` is typed `unknown` under strict mode; narrow it explicitly.\n              const point = ctx.raw as MatrixDataPoint | undefined;\n              // Floor at 0.12 so the lightest non-empty cell is still visibly a cell.\n              return withAlpha(ramp, 0.12 + 0.88 * intensity(point?.v ?? 0));\n            },\n            borderColor: withAlpha(galactikPrimitive(\"grey-500\"), 0.25),\n            borderWidth: 1,\n            // Divide the plot area by the number of categories, minus a hairline gap. Both are\n            // natively scriptable on a matrix dataset, so no hand-written callback types are needed.\n            width: ctx => (ctx.chart.chartArea?.width ?? 0) / Math.max(1, xLabels.length) - 2,\n            height: ctx => (ctx.chart.chartArea?.height ?? 0) / Math.max(1, yLabels.length) - 2\n          }\n        ]\n      },\n      options: {\n        scales: {\n          // `offset: true` puts categories BETWEEN gridlines rather than on them, which is what\n          // centres each tile under its label. `autoSkip: false` keeps every label: on a heatmap a\n          // hidden label makes its whole row unreadable — and, labels being click targets, a\n          // skipped one would also be an unreachable filter.\n          x: { type: \"category\", labels: xLabels, offset: true, grid: { display: false }, ticks: { autoSkip: false } },\n          y: { type: \"category\", labels: yLabels, offset: true, grid: { display: false }, ticks: { autoSkip: false } }\n        },\n        plugins: {\n          legend: { display: false },\n          tooltip: {\n            callbacks: {\n              // The default title would be the raw index; blank it and put everything in the label.\n              title: () => \"\",\n              label: ctx => {\n                const point = ctx.raw as MatrixDataPoint | undefined;\n                return `${String(point?.x ?? \"\")} / ${String(point?.y ?? \"\")}: ${point?.v ?? 0}`;\n              }\n            }\n          }\n        },\n        onClick: (_event, elements) => {\n          const first = elements[0];\n          if (!first) return;\n          const cell: HeatmapCell | undefined = cells[first.index];\n          if (cell) this.cellSelected.emit({ x: cell.x, y: cell.y, xValue: cell.xValue, yValue: cell.yValue, count: cell.v });\n        }\n      }\n    };\n\n    return config as unknown as ChartConfiguration;\n  });\n}\n"],"mappings":"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"}