@sinequa/atomic-angular 1.17.0 → 2.0.0

package/package.json

@@ -1,44 +1,54 @@
 {
   "name": "@sinequa/atomic-angular",
-  "version": "1.17.0",
+  "version": "2.0.0",
   "publishConfig": {
     "access": "public"
   },
   "exports": {
     "./workspace-elements/styles/lexiq-workspaces.css": "./workspace-elements/styles/lexiq-workspaces.css",
+    "./styles/*.css": "./styles/*.css",
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/sinequa-atomic-angular.d.ts",
       "default": "./fesm2022/sinequa-atomic-angular.mjs"
     },
+    "./charts": {
+      "types": "./types/sinequa-atomic-angular-charts.d.ts",
+      "default": "./fesm2022/sinequa-atomic-angular-charts.mjs"
+    },
+    "./charts/heatmap": {
+      "types": "./types/sinequa-atomic-angular-charts-heatmap.d.ts",
+      "default": "./fesm2022/sinequa-atomic-angular-charts-heatmap.mjs"
+    },
     "./document-workspaces": {
-      "types": "./document-workspaces/index.d.ts",
+      "types": "./types/sinequa-atomic-angular-document-workspaces.d.ts",
       "default": "./fesm2022/sinequa-atomic-angular-document-workspaces.mjs"
     },
     "./workspace-elements": {
-      "types": "./workspace-elements/index.d.ts",
+      "types": "./types/sinequa-atomic-angular-workspace-elements.d.ts",
       "default": "./fesm2022/sinequa-atomic-angular-workspace-elements.mjs"
     }
   },
   "peerDependencies": {
-    "@angular/core": "^20.0.0",
-    "@angular/elements": "^20.0.0",
-    "@sinequa/atomic": ">=2.7.0"
-  },
-  "peerDependenciesMeta": {
-    "@angular/elements": {
-      "optional": true
-    }
+    "@angular/core": "^22.0.0",
+    "@angular/aria": "^22.2.0",
+    "@sinequa/galactik": "^2.0.0",
+    "@sinequa/atomic": ">=2.7.0",
+    "vanilla-calendar-pro": "^3.4.0",
+    "chart.js": "^4.4.0",
+    "chartjs-chart-matrix": "^3.0.0",
+    "markdown-it": "^14.1.1",
+    "@angular/elements": "^22.0.0"
   },
   "dependencies": {
-    "@angular-architects/ngrx-toolkit": "^20.0.0",
+    "@angular-architects/ngrx-toolkit": "^22.0.0",
     "@floating-ui/dom": "^1.7.2",
-    "@jsverse/transloco": "^7.6.1",
-    "@ngrx/signals": "^20.1.0",
-    "@ngrx/store": "^20.1.0",
-    "@tanstack/angular-virtual": "^6.0.3",
+    "@jsverse/transloco": "^8.3.0",
+    "@ngrx/signals": "^22.0.0",
+    "@ngrx/store": "^22.0.0",
+    "@tanstack/angular-virtual": "^6.0.0",
     "class-variance-authority": "^0.7.1",
     "highlight-words": "2.0.0",
     "temporal-polyfill": "^1.0.5",
@@ -96,7 +106,7 @@
     },
     {
       "scope": "drawers",
-      "path": "features/drawer/i18n"
+      "path": "features/advanced-search/i18n"
     },
     {
       "scope": "user-profile",
@@ -110,20 +120,51 @@
       "scope": "no-result",
       "path": "components/no-result/i18n"
     },
+    {
+      "scope": "sponsored-results",
+      "path": "components/sponsored-results/i18n"
+    },
     {
       "scope": "sources",
       "path": "components/source/i18n"
     },
+    {
+      "scope": "sheet-navbar",
+      "path": "features/sheet/i18n"
+    },
+    {
+      "scope": "list-panel",
+      "path": "features/list-panel/i18n"
+    },
     {
       "scope": "navbar-tabs",
       "path": "components/navbar-tabs/i18n"
     },
+    {
+      "scope": "preview",
+      "path": "components/preview/i18n"
+    },
     {
       "scope": "document-workspaces",
       "path": "document-workspaces/i18n"
     }
   ],
   "sideEffects": false,
+  "peerDependenciesMeta": {
+    "chart.js": {
+      "optional": true
+    },
+    "chartjs-chart-matrix": {
+      "optional": true
+    },
+    "markdown-it": {
+      "optional": true
+    },
+    "@angular/elements": {
+      "optional": true
+    }
+  },
   "module": "fesm2022/sinequa-atomic-angular.mjs",
-  "typings": "index.d.ts"
+  "typings": "types/sinequa-atomic-angular.d.ts",
+  "type": "module"
 }

package/styles/calendar.css

@@ -0,0 +1,88 @@
+/*
+ * @sinequa/atomic-angular — styles of the date facet's calendars. GENERATED, do not edit:
+ * edit styles/src/calendar.theme.css, then run `npm run build:calendar-css`.
+ *
+ *   @import "@sinequa/atomic-angular/styles/calendar.css";
+ *
+ * Bundles vanilla-calendar-pro 3.4.0 (layout core + months, light theme) — MIT License,
+ * Copyright (c) 2024 Yury Uvarov, https://github.com/uvarov-frontend/vanilla-calendar-pro
+ */
+
+/*! name: vanilla-calendar-pro v3.4.0 | url: https://github.com/uvarov-frontend/vanilla-calendar-pro */[data-vc=calendar]{position:relative;box-sizing:border-box;display:flex;min-width:17rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:column;border-radius:.75rem;padding:1rem;opacity:1;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-vc=calendar] [tabindex="0"]:focus-visible,[data-vc=calendar] button:focus-visible,[data-vc=calendar]:focus-visible{border-radius:.5rem;outline-style:solid;outline-width:1px;outline-offset:-1px}[data-vc=calendar][data-vc-calendar-hidden]{pointer-events:none;opacity:0}[data-vc=calendar][data-vc-calendar-hidden] *{pointer-events:none!important}[data-vc=calendar][data-vc-input]{position:absolute}[data-vc=calendar][data-vc-input][data-vc-position=bottom]{margin-top:.25rem}[data-vc=calendar][data-vc-input][data-vc-position=top]{margin-top:-.25rem}[data-vc-arrow]{pointer-events:auto;position:relative;display:block;height:1.5rem;width:1.5rem;cursor:pointer;border-width:0;background-color:transparent}[data-vc-arrow]:before{position:absolute;left:0;top:0;height:100%;width:100%;background-position:50%;background-repeat:no-repeat;--tw-content:"";content:var(--tw-content)}[data-vc-arrow=prev]:before{transform:rotate(90deg)}[data-vc-arrow=next]:before{transform:rotate(-90deg)}[data-vc=header]{position:relative;margin-bottom:.75rem;display:flex;align-items:center}[data-vc-header=content]{display:grid;flex-grow:1;grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;justify-content:center;white-space:pre-wrap;padding-left:1rem;padding-right:1rem}[data-vc=month],[data-vc=year]{cursor:pointer;border-radius:.25rem;border-width:0;background-color:transparent;padding:.25rem;font-size:1rem;line-height:1.5rem;font-weight:700}[data-vc=month]:disabled,[data-vc=year]:disabled{pointer-events:none}[data-vc=content],[data-vc=wrapper]{display:flex;flex-grow:1}[data-vc=content]{flex-direction:column}[data-vc=months]{display:grid;flex-grow:1;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:auto;align-items:center;row-gap:1rem}[data-vc-months=row]{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;-moz-column-gap:.25rem;column-gap:.25rem}[data-vc=years]{display:grid;flex-grow:1;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:auto;align-items:center;row-gap:1rem}[data-vc-years=row]{display:grid;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;-moz-column-gap:.25rem;column-gap:.25rem}[data-vc-months-month],[data-vc-months=cell],[data-vc-years-year],[data-vc-years=cell]{display:flex;width:100%;align-items:center;justify-content:center}[data-vc-months-month],[data-vc-years-year]{height:2.5rem;cursor:pointer;word-break:break-all;border-radius:.5rem;border-width:0;padding:.25rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:600}[data-vc-months-month]:disabled,[data-vc-years-year]:disabled{pointer-events:none}[data-vc=week]{margin-bottom:.375rem;display:grid;grid-template-columns:repeat(7,1fr);justify-items:center}[data-vc-week-day]{margin:0;display:flex;min-height:1.5rem;width:100%;min-width:1.875rem;align-items:center;justify-content:center;border-style:none;background-color:transparent;padding:0;font-size:.75rem;line-height:1rem;font-weight:700}[data-vc=dates]{pointer-events:none;display:grid;flex-grow:1;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:auto;align-items:center;justify-items:center}[data-vc=dates][data-vc-dates-disabled] [data-vc-date-btn]{cursor:default}[data-vc-dates=row]{display:grid;width:100%;grid-template-columns:repeat(7,1fr);align-items:center;justify-items:center}[data-vc-date]{pointer-events:auto;position:relative;display:flex;width:100%;align-items:center;justify-content:center;padding-top:.125rem;padding-bottom:.125rem}[data-vc-date]:not(:has([data-vc-date-btn])),[data-vc-date][data-vc-date-disabled],[data-vc-date][data-vc-date-disabled] [data-vc-date-btn]{pointer-events:none}[data-vc-date][data-vc-date-hover] [data-vc-date-btn]{border-radius:0}[data-vc-date][data-vc-date-hover=first] [data-vc-date-btn]{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}[data-vc-date][data-vc-date-hover=last] [data-vc-date-btn]{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}[data-vc-date][data-vc-date-hover=first-and-last] [data-vc-date-btn]{border-radius:.5rem}[data-vc-date][data-vc-date-hover=first][data-vc-date-selected] [data-vc-date-btn]{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}[data-vc-date][data-vc-date-hover=last][data-vc-date-selected] [data-vc-date-btn]{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}[data-vc-date][data-vc-date-selected=first] [data-vc-date-btn]{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}[data-vc-date][data-vc-date-selected=last] [data-vc-date-btn]{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}[data-vc-date][data-vc-date-selected=first-and-last] [data-vc-date-btn]{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}[data-vc-date][data-vc-date-selected=middle] [data-vc-date-btn]{border-radius:0}[data-vc-date][data-vc-date-disabled]+[data-vc-date-hover] [data-vc-date-btn],[data-vc-date][data-vc-date-disabled]+[data-vc-date-selected] [data-vc-date-btn]{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}[data-vc-date][data-vc-date-hover]:has(+[data-vc-date-disabled]) [data-vc-date-btn],[data-vc-date][data-vc-date-selected]:has(+[data-vc-date-disabled]) [data-vc-date-btn]{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}[data-vc-date-btn]{display:flex;height:100%;min-height:1.875rem;width:100%;min-width:1.875rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border-width:0;padding:0;font-size:.75rem;line-height:1rem;font-weight:400;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:75ms}[data-vc-date][data-vc-date-today] [data-vc-date-btn]{font-weight:700}
+
+/*! name: vanilla-calendar-pro v3.4.0 | url: https://github.com/uvarov-frontend/vanilla-calendar-pro */[data-vc=calendar][data-vc-type=multiple] [data-vc=dates]{flex-grow:0}[data-vc=controls]{pointer-events:none;position:absolute;left:0;right:0;top:0;z-index:20;box-sizing:content-box;display:flex;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem;padding-top:1.25rem}[data-vc=grid]{display:flex;flex-grow:1;flex-wrap:wrap;gap:1.75rem}[data-vc=grid][data-vc-grid=hidden] [data-vc=column]{pointer-events:none;opacity:.3}[data-vc=grid][data-vc-grid=hidden] [data-vc=column][data-vc-column=month],[data-vc=grid][data-vc-grid=hidden] [data-vc=column][data-vc-column=year]{pointer-events:auto;opacity:1}[data-vc=column]{display:flex;min-width:15rem;flex-grow:1;flex-direction:column}
+
+/*! name: vanilla-calendar-pro v3.4.0 | url: https://github.com/uvarov-frontend/vanilla-calendar-pro */[data-vc-theme=light].vc{background-color:var(--vc-bg,#fff);color:var(--vc-color,#0f172a)}[data-vc-theme=light].vc[data-vc-input]{--tw-shadow:0 9px 20px rgba(0,0,0,.1);--tw-shadow-colored:0 9px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-vc-theme=light].vc [tabindex="0"]:focus-visible,[data-vc-theme=light].vc button:focus-visible,[data-vc-theme=light].vc:focus-visible{outline-color:var(--vc-focus-outline-color,#fdba74)}[data-vc-theme=light] .vc-arrow{background-color:transparent}[data-vc-theme=light] .vc-arrow:before{content:var(--tw-content);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzBmMTcyYSIgZD0iTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zIi8+PC9zdmc+")}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-arrow:hover:before{content:var(--tw-content);opacity:.6}}[data-vc-theme=light] .vc-header__content{color:var(--vc-header-color,#0f172a)}[data-vc-theme=light] .vc-month,[data-vc-theme=light] .vc-year{color:var(--vc-title-color,#0f172a)}[data-vc-theme=light] .vc-month:disabled,[data-vc-theme=light] .vc-year:disabled{color:var(--vc-title-color-disabled,#cbd5e1)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-month:hover,[data-vc-theme=light] .vc-year:hover{color:var(--vc-title-color-hover,#64748b)}}[data-vc-theme=light] .vc-months__month,[data-vc-theme=light] .vc-years__year{background-color:var(--vc-months-years-bg,#fff);color:var(--vc-months-years-color,#64748b)}[data-vc-theme=light] .vc-months__month:disabled,[data-vc-theme=light] .vc-years__year:disabled{color:var(--vc-months-years-color-disabled,#cbd5e1)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-months__month:hover,[data-vc-theme=light] .vc-years__year:hover{background-color:var(--vc-months-years-bg-hover,#f1f5f9)}[data-vc-theme=light] .vc-months__month:hover:disabled,[data-vc-theme=light] .vc-years__year:hover:disabled{color:var(--vc-months-years-color-disabled,#cbd5e1)}}[data-vc-theme=light] .vc-months__month[data-vc-months-month-selected],[data-vc-theme=light] .vc-years__year[data-vc-years-year-selected]{background-color:var(--vc-months-years-bg-selected,#06b6d4);color:var(--vc-months-years-color-selected,#fff)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-months__month[data-vc-months-month-selected]:hover,[data-vc-theme=light] .vc-years__year[data-vc-years-year-selected]:hover{background-color:var(--vc-months-years-bg-selected,#06b6d4);color:var(--vc-months-years-color-selected,#fff)}}[data-vc-theme=light] .vc-week__day,[data-vc-theme=light] .vc-week__day-btn{color:var(--vc-week-day-color,#64748b)}[data-vc-theme=light] .vc-week__day[data-vc-week-day-off],[data-vc-theme=light] .vc-week__day[data-vc-week-day-off] .vc-week__day-btn{color:var(--vc-week-day-off-color,#f43f5e)}[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-selected] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-selected] .vc-date__btn{background-color:var(--vc-date-range-middle-weekend-bg,rgba(244,63,94,.7));color:var(--vc-date-range-middle-weekend-color,#fff)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-selected] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-selected] .vc-date__btn:hover{background-color:var(--vc-date-range-middle-weekend-bg,rgba(244,63,94,.7));color:var(--vc-date-range-middle-weekend-color,#fff)}}[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn{background-color:var(--vc-date-range-middle-outside-bg,#e2e8f0);color:var(--vc-date-range-middle-outside-color,#64748b)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn:hover{background-color:var(--vc-date-range-middle-outside-bg,#e2e8f0);color:var(--vc-date-range-middle-outside-color,#64748b)}}[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn{background-color:var(--vc-date-range-middle-bg,rgba(6,182,212,.7));color:var(--vc-date-range-middle-color,#fff)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn:hover{background-color:var(--vc-date-range-middle-bg,rgba(6,182,212,.7));color:var(--vc-date-range-middle-color,#fff)}}[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn{background-color:var(--vc-date-range-middle-outside-bg,#e2e8f0);color:var(--vc-date-range-middle-outside-color,#64748b)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn:hover{background-color:var(--vc-date-range-middle-outside-bg,#e2e8f0);color:var(--vc-date-range-middle-outside-color,#64748b)}}[data-vc-theme=light] .vc-date__btn{background-color:var(--vc-date-bg,#fff);color:var(--vc-date-color,#0f172a)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date__btn:hover{background-color:var(--vc-date-bg-hover,#f1f5f9)}}[data-vc-theme=light] .vc-date[data-vc-date-today] .vc-date__btn{background-color:var(--vc-date-today-bg,#f1f5f9);color:var(--vc-date-today-color,#06b6d4)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-today] .vc-date__btn:hover{color:var(--vc-date-today-color,#06b6d4)}}[data-vc-theme=light] .vc-date[data-vc-date-today][data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-today][data-vc-date-month=prev] .vc-date__btn{color:var(--vc-date-today-outside-color,#64748b)}[data-vc-theme=light] .vc-date[data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-month=prev] .vc-date__btn{color:var(--vc-date-outside-color,#94a3b8)}[data-vc-theme=light] .vc-date[data-vc-date-disabled] .vc-date__btn{color:var(--vc-date-disabled-color,#cbd5e1)}[data-vc-theme=light] .vc-date[data-vc-date-hover] .vc-date__btn{background-color:var(--vc-date-hover-bg,#f1f5f9)}[data-vc-theme=light] .vc-date[data-vc-date-hover=first] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-hover=last] .vc-date__btn{background-color:var(--vc-date-hover-edge-bg,#e2e8f0)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-hover=first] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-hover=last] .vc-date__btn:hover{background-color:var(--vc-date-hover-edge-bg,#e2e8f0)}}[data-vc-theme=light] .vc-date[data-vc-date-holiday] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend] .vc-date__btn{color:var(--vc-date-weekend-color,#f43f5e)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-holiday] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-weekend] .vc-date__btn:hover{background-color:var(--vc-date-weekend-bg-hover,#fff1f2)}}[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover] .vc-date__btn{background-color:var(--vc-date-weekend-hover-bg,#fff1f2)}[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover=first] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover=last] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover=first] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover=last] .vc-date__btn{background-color:var(--vc-date-weekend-hover-edge-bg,#ffe4e6)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover=first] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover=last] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover=first] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover=last] .vc-date__btn:hover{background-color:var(--vc-date-weekend-hover-edge-bg,#ffe4e6)}}[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-disabled] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-disabled] .vc-date__btn{color:var(--vc-date-weekend-disabled-color,#cbd5e1)}[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-today] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-today] .vc-date__btn{color:var(--vc-date-weekend-today-color,#f43f5e)}[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-today][data-vc-date-disabled] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-today][data-vc-date-disabled] .vc-date__btn{color:var(--vc-date-weekend-today-disabled-color,#cbd5e1)}[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-month=prev] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-month=prev] .vc-date__btn{background-color:var(--vc-date-weekend-outside-bg,#fff);color:var(--vc-date-weekend-outside-color,#94a3b8)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-month=next] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-month=prev] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-month=next] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-month=prev] .vc-date__btn:hover{background-color:var(--vc-date-weekend-outside-bg-hover,#f1f5f9)}}[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover][data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover][data-vc-date-month=prev] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover][data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover][data-vc-date-month=prev] .vc-date__btn{background-color:var(--vc-date-weekend-outside-hover-bg,#f1f5f9)}[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-today][data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-today][data-vc-date-month=prev] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-today][data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-today][data-vc-date-month=prev] .vc-date__btn{color:var(--vc-date-weekend-today-outside-color,#94a3b8)}[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-disabled][data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-disabled][data-vc-date-month=prev] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-disabled][data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-disabled][data-vc-date-month=prev] .vc-date__btn{color:var(--vc-date-weekend-disabled-outside-color,#cbd5e1)}[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn{background-color:var(--vc-date-weekend-selected-bg,#f43f5e);color:var(--vc-date-weekend-selected-color,#fff)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn:hover{background-color:var(--vc-date-weekend-selected-bg,#f43f5e);color:var(--vc-date-weekend-selected-color,#fff)}}[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected][data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected][data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn{background-color:var(--vc-date-selected-outside-bg,#cbd5e1);color:var(--vc-date-selected-outside-color,#64748b)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected][data-vc-date-month=next] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected][data-vc-date-month=next] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn:hover{background-color:var(--vc-date-selected-outside-bg,#cbd5e1);color:var(--vc-date-selected-outside-color,#64748b)}}[data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn{background-color:var(--vc-date-selected-bg,#06b6d4);color:var(--vc-date-selected-color,#fff)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn:hover{background-color:var(--vc-date-selected-bg,#06b6d4);color:var(--vc-date-selected-color,#fff)}}[data-vc-theme=light] .vc-date[data-vc-date-selected][data-vc-date-month=next] .vc-date__btn,[data-vc-theme=light] .vc-date[data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn{background-color:var(--vc-date-selected-outside-bg,#cbd5e1);color:var(--vc-date-selected-outside-color,#64748b)}@media (hover:hover) and (pointer:fine){[data-vc-theme=light] .vc-date[data-vc-date-selected][data-vc-date-month=next] .vc-date__btn:hover,[data-vc-theme=light] .vc-date[data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn:hover{background-color:var(--vc-date-selected-outside-bg,#cbd5e1);color:var(--vc-date-selected-outside-color,#64748b)}}
+
+/*
+ * Theme of the date facet's calendars — the hand-written part of `styles/calendar.css`.
+ *
+ * vanilla-calendar-pro's `light` theme reads every color from a `--vc-*` variable with a
+ * hard-coded fallback; they are all mapped onto galactik tokens here, so the calendar follows
+ * the app's light/dark mode without the library's own `dark` theme.
+ *
+ * Edit this file, then regenerate the shipped stylesheet: `npm run build:calendar-css`.
+ */
+
+date-range-calendar {
+  display: block;
+
+  /* Surface — the same token as galactik's DialogContent, so the calendar blends into the modal. */
+  --vc-bg: var(--bg-neutral-white);
+  --vc-color: var(--font-neutral-base);
+  --vc-focus-outline-color: var(--stroke-focus);
+
+  /* Header: month / year switchers */
+  --vc-header-color: var(--font-neutral-base);
+  --vc-title-color: var(--font-neutral-base);
+  --vc-title-color-hover: var(--font-primary-base);
+  --vc-title-color-disabled: var(--font-neutral-disabled);
+
+  /* Month and year grids */
+  --vc-months-years-bg: var(--bg-neutral-white);
+  --vc-months-years-bg-hover: var(--bg-neutral-base);
+  --vc-months-years-bg-selected: var(--bg-primary-base);
+  --vc-months-years-color: var(--font-neutral-base);
+  --vc-months-years-color-selected: var(--font-neutral-white);
+  --vc-months-years-color-disabled: var(--font-neutral-disabled);
+
+  /* Weekday names */
+  --vc-week-day-color: var(--font-neutral-muted);
+  --vc-week-day-off-color: var(--font-neutral-muted);
+
+  /* Days */
+  --vc-date-bg: var(--bg-neutral-white);
+  --vc-date-bg-hover: var(--bg-neutral-base);
+  --vc-date-color: var(--font-neutral-base);
+  --vc-date-outside-color: var(--font-neutral-muted);
+  --vc-date-disabled-color: var(--font-neutral-disabled);
+  --vc-date-today-bg: var(--bg-primary-lighter);
+  --vc-date-today-color: var(--font-primary-base);
+  --vc-date-today-outside-color: var(--font-neutral-muted);
+  --vc-date-selected-bg: var(--bg-primary-base);
+  --vc-date-selected-color: var(--font-neutral-white);
+  --vc-date-selected-outside-bg: var(--bg-primary-light);
+  --vc-date-selected-outside-color: var(--font-neutral-white);
+
+  /* Range: both ends take the selected colors above, the days in between a lighter primary.
+     While picking the second end, the hover preview reuses the same light tint. */
+  --vc-date-range-middle-bg: var(--bg-primary-lighter);
+  --vc-date-range-middle-color: var(--font-primary-base);
+  --vc-date-range-middle-outside-bg: var(--bg-primary-lighter);
+  --vc-date-range-middle-outside-color: var(--font-neutral-muted);
+  --vc-date-hover-bg: var(--bg-primary-lighter);
+  --vc-date-hover-edge-bg: var(--bg-primary-light);
+}
+
+/* The theme's arrow is a base64 SVG with a fixed `#0f172a` fill — invisible in dark mode.
+   Redraw the same chevron as a mask, painted with galactik text tokens instead. */
+date-range-calendar .vc .vc-arrow::before {
+  background-image: none;
+  background-color: var(--font-neutral-muted);
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3'/%3E%3C/svg%3E")
+    center / contain no-repeat;
+}
+
+date-range-calendar .vc .vc-arrow:hover::before {
+  background-color: var(--font-neutral-base);
+}

package/types/sinequa-atomic-angular-charts-heatmap.d.ts

@@ -0,0 +1,154 @@
+import * as i0 from "@angular/core";
+import { Signal } from "@angular/core";
+import { ChartConfiguration, Plugin } from "chart.js";
+import { AggregationLike, HeatmapAxisSelection, HeatmapCellSelection, HeatmapEncoding } from "@sinequa/atomic-angular";
+/**
+ * Registers the `matrix` controller and element that `<AggregationHeatmap>` draws with.
+ *
+ * Chart.js has no matrix controller of its own; `chartjs-chart-matrix` adds one. Idempotent on
+ * purpose: it is called from the constructor of every `<AggregationHeatmap>`, so it must be safe to
+ * call many times. Registering from the component rather than from application bootstrap is what
+ * keeps the entry point self-contained — an application that never imports
+ * `@sinequa/atomic-angular/charts/heatmap` never runs this, and never needs `chartjs-chart-matrix`
+ * installed.
+ *
+ * This import must stay a VALUE import. A `import type` would be elided at compile time, and with
+ * it the `declare module "chart.js"` augmentation the package ships — `"matrix"` would stop being a
+ * known chart type and the configuration below would no longer type-check.
+ */
+export declare function setupMatrixChart(): void;
+/**
+ * A two-dimensional distribution rendered as a canvas heatmap, on Chart.js.
+ *
+ * **`<Heatmap>` from the main entry point is the one to reach for first.** It renders a CSS grid,
+ * needs no dependency at all, is accessible and selectable, and its axis labels are real buttons.
+ * This component exists for the case that one cannot serve: a matrix large enough that hundreds of
+ * DOM nodes become the bottleneck. Canvas rendering is flat in the cell count; a DOM grid is not.
+ *
+ * What it costs, and what it does not:
+ *
+ *   - **it costs a dependency** — `chartjs-chart-matrix`, which is why this is its own entry point.
+ *     See the note in `public-api.ts`;
+ *   - **it costs accessibility** — a canvas is opaque to screen readers and to text selection, and
+ *     nothing brings that back. Weigh this before choosing it over `<Heatmap>`;
+ *   - **it does NOT cost the axis click.** Clicking a label to filter a whole row or column works
+ *     here too, through `createAxisClickPlugin()`. SBA v2's canvas heatmap had to hit-test painted
+ *     pixels for this and this component does the same, but the hit test is written once, in the
+ *     plugin, and `(axisSelected)` emits the same payload as `<Heatmap>`.
+ *
+ * The API is deliberately the same as `<Heatmap>`'s, so the two are interchangeable: same inputs,
+ * same `(cellSelected)` and `(axisSelected)` payloads. Swapping one for the other is an import
+ * change.
+ *
+ * **The host must have a resolved height** — see `<ChartCanvas>`.
+ */
+export declare class AggregationHeatmapComponent {
+  cn: import("cn").CnFunction;
+  /**
+   * Extra classes for the host element.
+   * @default ""
+   */
+  readonly class: import("@angular/core").InputSignal<string>;
+  /**
+   * The two-dimensional aggregation to render.
+   * @default undefined
+   */
+  readonly aggregation: import("@angular/core").InputSignal<AggregationLike | undefined>;
+  /**
+   * How the two dimensions are encoded in `item.value`. Sinequa uses three different encodings
+   * depending on how the aggregation was configured; see `heatmap-data.ts`.
+   * @default { kind: "separator", separator: "$@$" }
+   */
+  readonly encoding: import("@angular/core").InputSignal<HeatmapEncoding>;
+  /**
+   * Maximum number of columns kept, ranked by total weight.
+   * @default 20
+   */
+  readonly maxX: import("@angular/core").InputSignal<number>;
+  /**
+   * Maximum number of rows kept, ranked by total weight.
+   * @default 20
+   */
+  readonly maxY: import("@angular/core").InputSignal<number>;
+  /**
+   * Text shown when there is nothing to display.
+   * @default "No data"
+   */
+  readonly emptyLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * Makes the axis labels clickable. Turn it off when nothing is wired to `(axisSelected)`: on a
+   * canvas the pointer cursor is the only affordance a label can offer, and an affordance that
+   * filters nothing is worse than none.
+   * @default true
+   */
+  readonly enableAxisSelection: import("@angular/core").InputSignal<boolean>;
+  /** Emitted when a cell is clicked. */
+  readonly cellSelected: import("@angular/core").OutputEmitterRef<HeatmapCellSelection>;
+  /** Emitted when an axis label is clicked — filter a whole row or column. */
+  readonly axisSelected: import("@angular/core").OutputEmitterRef<HeatmapAxisSelection>;
+  /**
+   * Built ONCE, as a field, never inside a `computed()` — the same rule as the timeline brush. The
+   * plugin keeps hover state in its closure, and `<ChartCanvas>` only reads `plugins` when it builds
+   * the Chart.js instance; a fresh object on every recompute would be both pointless and stateless.
+   */
+  private readonly axisClick;
+  /**
+   * Base colour of the intensity ramp, resolved once the DOM exists.
+   *
+   * Read after the first render rather than in a field initialiser: `getComputedStyle` returns
+   * nothing useful before styles have applied, and the fallback would silently win. A *primitive*
+   * ramp, so the heatmap keeps its identity when the theme flips.
+   */
+  private readonly rampColor;
+  constructor();
+  protected readonly plugins: Signal<Plugin[]>;
+  private readonly heatmap;
+  protected readonly isEmpty: Signal<boolean>;
+  /**
+   * The plugin can only report what is painted — the label. The caller needs the filterable value,
+   * which `buildHeatmap()` indexes per axis; they differ under the "cross" encoding.
+   */
+  private selectAxis;
+  protected readonly config: Signal<ChartConfiguration>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<AggregationHeatmapComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<AggregationHeatmapComponent, "AggregationHeatmap, aggregation-heatmap, aggregationheatmap", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+    "aggregation": {
+      "alias": "aggregation";
+      "required": false;
+      "isSignal": true;
+    };
+    "encoding": {
+      "alias": "encoding";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxX": {
+      "alias": "maxX";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxY": {
+      "alias": "maxY";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyLabel": {
+      "alias": "emptyLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "enableAxisSelection": {
+      "alias": "enableAxisSelection";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "cellSelected": "cellSelected";
+    "axisSelected": "axisSelected";
+  }, never, never, true, never>;
+}