@sinequa/atomic-angular 1.17.0 → 2.0.0

package/features/filters/i18n/de.json

@@ -8,20 +8,27 @@
   "clearBasket": "Auswahlkorb leeren",
   "dateFilter": "Datumsfilter",
   "moreFilters": "Weitere Filter",
+  "asideFilters": "Seitliche Filter",
   "noFiltersAvailable": "Keine Filter verfügbar",
-  "noFilterMatch": "Kein Filter entspricht Ihrer Suche",
-  "searchFilters": "Filter nach Namen durchsuchen",
   "openFilter": "Öffne{filter, select, other { {filter} } undefined { Filter } }",
   "selectionInvalid": "Auswahl ungültig",
   "customRangeInvalid": "Benutzerdefinierter Bereich ungültig",
   "filterInvalid": "Filter ungültig",
   "aggregationNotFound": "Aggregation nicht gefunden",
   "filter": "Filter",
+  "filterControls": "Filtersteuerung",
+  "filterList": "Filter",
   "addFilter": "Filter hinzufügen",
   "removeFilter": "Filter entfernen",
   "selectDateRange": "Wählen Sie einen Zeitraum aus",
   "customRange": "Benutzerdefinierter Bereich",
   "validate": "Bestätigen",
   "from": "Von",
-  "to": "Bis"
+  "to": "Bis",
+  "searchInFacet": "In {facet} suchen",
+  "toggle": "Diesen Filter ein- oder ausblenden",
+  "searchFilters": "Filter nach Namen durchsuchen",
+  "noFilterMatch": "Kein Filter entspricht Ihrer Suche",
+  "close": "Schließen",
+  "clearSearch": "Suche löschen"
 }

package/features/filters/i18n/en.json

@@ -8,20 +8,27 @@
   "clearBasket": "Clear basket selection",
   "dateFilter": "Date filter",
   "moreFilters": "More filters",
+  "asideFilters": "Side filters",
   "noFiltersAvailable": "No filters available",
-  "noFilterMatch": "No filter matches your search",
-  "searchFilters": "Search filters by name",
   "openFilter": "Open{filter, select, other { {filter} } undefined { filter } }",
   "selectionInvalid": "Selection invalid",
   "customRangeInvalid": "Custom range invalid",
   "filterInvalid": "Filter invalid",
   "aggregationNotFound": "Aggregation not found",
   "filter": "Filter",
+  "filterControls": "Filter controls",
+  "filterList": "Filters",
   "addFilter": "Add filter",
   "removeFilter": "Remove filter",
   "selectDateRange": "Select a range",
   "customRange": "Custom Range",
   "validate": "Validate",
   "from": "From",
-  "to": "To"
+  "to": "To",
+  "searchInFacet": "Search in {facet}",
+  "toggle": "Show or hide this filter",
+  "searchFilters": "Search filters by name",
+  "noFilterMatch": "No filter matches your search",
+  "close": "Close",
+  "clearSearch": "Clear search"
 }

package/features/filters/i18n/fr.json

@@ -1,27 +1,34 @@
 {
   "applyFilters": "Appliquer les filtres",
   "apply": "Appliquer",
-  "clearAllFilters": "Effacer tout les filtres",
+  "clearAllFilters": "Effacer tous les filtres",
   "clearFilters": "Effacer les filtres",
   "selectAllFilters": "Sélectionner tous les filtres",
   "unselectAllFilters": "Désélectionner tous les filtres",
   "clearBasket": "Effacer la sélection du panier",
   "dateFilter": "Filtre de date",
   "moreFilters": "Plus de filtres",
+  "asideFilters": "Filtres latéraux",
   "noFiltersAvailable": "Aucun filtre disponible",
-  "noFilterMatch": "Aucun filtre ne correspond à votre recherche",
-  "searchFilters": "Rechercher un filtre par son nom",
   "openFilter": "Ouvrir{filter, select, other { {filter} } undefined { filter } }",
   "selectionInvalid": "Sélection invalide",
   "customRangeInvalid": "Plage personnalisée invalide",
   "filterInvalid": "Filtre invalide",
   "aggregationNotFound": "Aggregation non trouvée",
   "filter": "Filtrer",
+  "filterControls": "Commandes de filtrage",
+  "filterList": "Filtres",
   "addFilter": "Ajouter le filtre",
   "removeFilter": "Retirer le filtre",
   "selectDateRange": "Choisir une plage",
   "customRange": "Plage personnalisée",
   "validate": "Valider",
   "from": "Début",
-  "to": "Fin"
+  "to": "Fin",
+  "searchInFacet": "Rechercher dans {facet}",
+  "toggle": "Afficher ou masquer ce filtre",
+  "searchFilters": "Rechercher un filtre par son nom",
+  "noFilterMatch": "Aucun filtre ne correspond à votre recherche",
+  "close": "Fermer",
+  "clearSearch": "Effacer la recherche"
 }

package/features/labels/i18n/de.json

@@ -5,5 +5,9 @@
   "publicLabels": "Öffentliche Labels",
   "privateLabels": "Private Labels",
   "close": "Schließen",
-  "error": "Es ist ein Fehler aufgetreten. Bitte stellen Sie sicher, dass der Webdienst für Etiketten korrekt konfiguriert ist, und versuchen Sie es erneut."
+  "noResults": "Keine passenden Labels",
+  "error": "Es ist ein Fehler aufgetreten. Bitte stellen Sie sicher, dass der Webdienst für Etiketten korrekt konfiguriert ist, und versuchen Sie es erneut.",
+  "searching": "Suche läuft…",
+  "searchFailed": "Die Suche ist fehlgeschlagen",
+  "removeLabel": "{label} entfernen"
 }

package/features/labels/i18n/en.json

@@ -5,5 +5,9 @@
   "publicLabels": "Public labels",
   "privateLabels": "Private labels",
   "close": "Close",
-  "error": "An error happened. Please make sure the labels web service is correctly configured and try again."
+  "noResults": "No matching labels",
+  "error": "An error happened. Please make sure the labels web service is correctly configured and try again.",
+  "searching": "Searching…",
+  "searchFailed": "Search failed",
+  "removeLabel": "Remove {label}"
 }

package/features/labels/i18n/fr.json

@@ -5,5 +5,9 @@
   "publicLabels": "Labels publics",
   "privateLabels": "Labels privés",
   "close": "Fermer",
-  "error": "Une erreur est survenue. Veuillez s'il vous plaît vous assurer que le web service des labels est bien configuré et réessayez."
+  "noResults": "Aucun label correspondant",
+  "error": "Une erreur est survenue. Veuillez s'il vous plaît vous assurer que le web service des labels est bien configuré et réessayez.",
+  "searching": "Recherche en cours…",
+  "searchFailed": "La recherche a échoué",
+  "removeLabel": "Retirer {label}"
 }

package/features/list-panel/i18n/de.json

@@ -0,0 +1,4 @@
+{
+  "loadMore": "Mehr laden",
+  "seeMore": "Alle anzeigen"
+}

package/features/list-panel/i18n/en.json

@@ -0,0 +1,4 @@
+{
+  "loadMore": "Load more",
+  "seeMore": "See all"
+}

package/features/list-panel/i18n/fr.json

@@ -0,0 +1,4 @@
+{
+  "loadMore": "Charger plus",
+  "seeMore": "Voir plus"
+}

package/features/searches/i18n/de.json

@@ -20,5 +20,6 @@
   "selection": {
     "selectAll": "Aktuelle Ergebnisse auswählen",
     "unselectAll": "Aktuelle Ergebnisse abwählen"
-  }
+  },
+  "close": "Schließen"
 }

package/features/searches/i18n/en.json

@@ -20,5 +20,6 @@
   "selection": {
     "selectAll": "Select current results",
     "unselectAll": "Unselect current results"
-  }
+  },
+  "close": "Close"
 }

package/features/searches/i18n/fr.json

@@ -9,7 +9,7 @@
     "saved": "Recherche sauvegardée",
     "saveName": "Nom de la sauvegarde",
     "saveYourSearch": "Sauvegardez votre recherche",
-    "deleted": "Recherche enregistree supprimée"
+    "deleted": "Recherche enregistrée supprimée"
   },
   "recent": {
     "label": "Recherches récentes",
@@ -20,5 +20,6 @@
   "selection": {
     "selectAll": "Sélectionner les résultats actuels",
     "unselectAll": "Désélectionner les résultats actuels"
-  }
+  },
+  "close": "Fermer"
 }

package/features/sheet/i18n/de.json

@@ -0,0 +1,3 @@
+{
+  "back": "Zurück"
+}

package/features/sheet/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "back": "Back"
+}

package/features/sheet/i18n/fr.json

@@ -0,0 +1,3 @@
+{
+  "back": "Retour"
+}

package/features/user-profile/i18n/de.json

@@ -1,8 +1,28 @@
 {
   "title": "Benutzerprofil",
   "notDefined": "Nicht definiert",
+  "language": "Sprache",
+  "profileFields": "Profilfelder",
+  "changePhoto": "Profilfoto ändern",
+  "loading": "Ihr Profil wird geladen…",
+  "loadError": "Bitte wenden Sie sich an einen Administrator, um Ihr Benutzerprofil zu erstellen.",
   "deleteProperty": "Eigenschaft löschen",
   "editProperty": "Eigenschaft bearbeiten",
+  "saveProperty": "Eigenschaft speichern",
+  "cancelEdit": "Bearbeitung abbrechen",
+  "deletePropertyNamed": "{{property}} löschen",
+  "editPropertyNamed": "{{property}} bearbeiten",
+  "savePropertyNamed": "{{property}} speichern",
+  "cancelEditNamed": "Bearbeitung von {{property}} abbrechen",
+  "status": {
+    "editing": "{{property}} wird bearbeitet. Zum Abbrechen Esc drücken.",
+    "saved": "{{property}} gespeichert.",
+    "editCancelled": "Bearbeitung von {{property}} abgebrochen.",
+    "deleted": "{{property}} gelöscht."
+  },
+  "errors": {
+    "required": "Dieses Feld ist erforderlich."
+  },
   "data": {
     "mail": "E-Mail",
     "fullName": "Vollständiger Name",
@@ -12,5 +32,6 @@
     "location": "Standort",
     "profilePhoto": "Profilfoto",
     "skills": "Fähigkeiten"
-  }
+  },
+  "close": "Schließen"
 }

package/features/user-profile/i18n/en.json

@@ -1,8 +1,28 @@
 {
   "title": "User Profile",
   "notDefined": "Not defined",
+  "language": "Language",
+  "profileFields": "Profile fields",
+  "changePhoto": "Change profile photo",
+  "loading": "Loading your profile…",
+  "loadError": "Please contact an administrator to create your user profile.",
   "deleteProperty": "Delete property",
   "editProperty": "Edit property",
+  "saveProperty": "Save property",
+  "cancelEdit": "Cancel editing",
+  "deletePropertyNamed": "Delete {{property}}",
+  "editPropertyNamed": "Edit {{property}}",
+  "savePropertyNamed": "Save {{property}}",
+  "cancelEditNamed": "Cancel editing {{property}}",
+  "status": {
+    "editing": "Editing {{property}}. Press Escape to cancel.",
+    "saved": "{{property}} saved.",
+    "editCancelled": "Editing {{property}} cancelled.",
+    "deleted": "{{property}} deleted."
+  },
+  "errors": {
+    "required": "This field is required."
+  },
   "data": {
     "mail": "Mail",
     "fullName": "Full name",
@@ -12,5 +32,6 @@
     "location": "Location",
     "profilePhoto": "Profile photo",
     "skills": "Skills"
-  }
+  },
+  "close": "Close"
 }

package/features/user-profile/i18n/fr.json

@@ -1,8 +1,28 @@
 {
   "title": "Profil Utilisateur",
   "notDefined": "Non défini",
+  "language": "Langue",
+  "profileFields": "Champs du profil",
+  "changePhoto": "Changer la photo de profil",
+  "loading": "Chargement de votre profil…",
+  "loadError": "Veuillez contacter un administrateur pour créer votre profil utilisateur.",
   "deleteProperty": "Supprimer le champ",
   "editProperty": "Modifier le champ",
+  "saveProperty": "Enregistrer le champ",
+  "cancelEdit": "Annuler la modification",
+  "deletePropertyNamed": "Supprimer {{property}}",
+  "editPropertyNamed": "Modifier {{property}}",
+  "savePropertyNamed": "Enregistrer {{property}}",
+  "cancelEditNamed": "Annuler la modification de {{property}}",
+  "status": {
+    "editing": "Modification de {{property}}. Appuyez sur Échap pour annuler.",
+    "saved": "{{property}} enregistré.",
+    "editCancelled": "Modification de {{property}} annulée.",
+    "deleted": "{{property}} supprimé."
+  },
+  "errors": {
+    "required": "Ce champ est obligatoire."
+  },
   "data": {
     "mail": "E-mail",
     "fullName": "Nom complet",
@@ -12,5 +32,6 @@
     "location": "Lieu",
     "profilePhoto": "Photo de profil",
     "skills": "Compétences"
-  }
+  },
+  "close": "Fermer"
 }

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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"}