@claudebernard/therapeutic-alternative-element 2.2.0 → 2.4.0

package/dist/therapeutic-alternative.d.ts

@@ -17,6 +17,12 @@ export declare class TherapeuticAlternative extends LitElement {
     patientProfile: Bundle | null;
     apiUrl: string;
     apiKey: string | undefined;
+    /**
+     * Contexte d'intégration (application consommatrice + chaîne de web components BCB parents)
+     * transmis par l'intégrateur, propagé sur chaque appel API sortant via des en-têtes dédiés -
+     * voir `@shared/utils/tracing`. N'inclut pas ce composant lui-même dans `ancestry`.
+     */
+    context: WebComponentContext | undefined;
     private sourceProduct;
     private results;
     private totalElements;
@@ -26,6 +32,7 @@ export declare class TherapeuticAlternative extends LitElement {
     private include;
     private exclude;
     private quickFilters;
+    private quickFilterFacets;
     private scopeFacets;
     private includeFacets;
     private excludeFacets;
@@ -45,13 +52,15 @@ export declare class TherapeuticAlternative extends LitElement {
     private apiReplaceError;
     private apiReplaceLoading;
     private missingPrescriptionError;
-    private hasAppliedInitialScope;
     private refetchTimer;
     private requestSeq;
     private get currentMedication();
     private get currentMedicationRequest();
     private get sourceProductId();
+    private get sourceProductLabel();
+    private get isParaSource();
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private resetAllCriteria;
     disconnectedCallback(): void;
     private clearScheduledRefetch;
     private scheduleRefetch;
@@ -61,7 +70,10 @@ export declare class TherapeuticAlternative extends LitElement {
     private static buildScopeFacets;
     private static buildIncludeFacets;
     private static buildExcludeFacets;
-    private static deriveInitialScope;
+    private static codesOf;
+    private scopePossessedIds;
+    private includePossessedIds;
+    private excludePossessedIds;
     private toggleScope;
     private toggleExclude;
     private toggleInclude;
@@ -84,13 +96,36 @@ export declare class TherapeuticAlternative extends LitElement {
     private renderExclusionSection;
     private renderIncludeSection;
     private renderQuickFiltersSection;
+    private renderQuickFilterCount;
     private renderSectionHeader;
     private matchReasonLabels;
     private renderResults;
+    private renderTitle;
     render(): TemplateResult<1>;
     static styles: CSSResult;
 }
 
+/**
+ * Contexte d'intégration porté par une instance du composant : quelle application consommatrice
+ * (Equasens, Maiia officine, ...) et quelle chaîne de web components BCB imbriqués ont mené jusqu'à
+ * cet appel. Les deux champs sont optionnels et indépendants - un intégrateur peut renseigner l'un
+ * sans l'autre.
+ */
+declare interface WebComponentContext {
+    /** Application consommatrice, ex: "equasens" ou "equasens@1.3.1". Envoyé tel quel. */
+    consumer?: string;
+    /**
+     * Chaîne des web components BCB parents, du plus extérieur au plus proche - N'INCLUT PAS le
+     * composant courant. Ex: pour Equasens -> shared-medication-review -> medication-request-editor
+     * -> ce composant, `ancestry` vaut [{name: "shared-medication-review", ...}, {name:
+     * "medication-request-editor", ...}].
+     */
+    ancestry?: Array<{
+        name: string;
+        version: string;
+    }>;
+}
+
 
 export * from "@claudebernard/web-component-fhir-utils";
 

package/dist/therapeutic-alternative.es.js

@@ -775,6 +775,67 @@ const getFhirPosologies = (options) => (options?.client ?? client$1).post({
     ...options?.headers
   }
 });
+function random$1(len) {
+  return crypto.getRandomValues(new Uint8Array(len));
+}
+const W3C_TRACEPARENT_VERSION = "00";
+const FLAG_SAMPLE = 1;
+const FLAG_RANDOM = 2;
+function traceparent(version, trace_id, parent_id, flags) {
+  return {
+    version,
+    trace_id,
+    parent_id,
+    flags,
+    child() {
+      return traceparent(this.version, this.trace_id, random(8), this.flags);
+    },
+    toString() {
+      let flags2 = this.flags.toString(16).padStart(2, "0");
+      return `${this.version}-${this.trace_id}-${this.parent_id}-${flags2}`;
+    }
+  };
+}
+function make() {
+  let id = random(24);
+  return traceparent(W3C_TRACEPARENT_VERSION, id.slice(0, 32), id.slice(32), FLAG_SAMPLE | FLAG_RANDOM);
+}
+let IDX = 256, HEX = [];
+while (IDX--) HEX[IDX] = (IDX + 256).toString(16).substring(1);
+function random(size) {
+  let a2 = random$1(size), i3 = 0, o2 = "";
+  for (; i3 < a2.length; i3++) o2 += HEX[a2[i3]];
+  return o2;
+}
+const COMPONENT_HEADERS = {
+  "Bcb-Web-Component-Package": "@claudebernard/therapeutic-alternative-element",
+  "Bcb-Web-Component-Version": "2.4"
+};
+let activeContext;
+function setActiveContext(context) {
+  activeContext = context;
+}
+function makeTraceparent() {
+  return make().child().toString();
+}
+function buildTracingHeaders() {
+  return {
+    traceparent: makeTraceparent(),
+    ...COMPONENT_HEADERS,
+    ...activeContext?.consumer ? { "Bcb-Consumer-Product": activeContext.consumer } : {},
+    ...activeContext?.ancestry?.length ? { "Bcb-Web-Component-Chain": activeContext.ancestry.map(({ name, version }) => `${name}@${version}`).join(",") } : {}
+  };
+}
+function attachTracingHeaders(request) {
+  const defaults = buildTracingHeaders();
+  for (const [key, value] of Object.entries(defaults)) {
+    if (!request.headers.has(key)) {
+      request.headers.set(key, value);
+    }
+  }
+  return request;
+}
+client$1.interceptors.request.use(attachTracingHeaders);
 const prescriptionApi = {
   getFhirPosologies
 };
@@ -1559,6 +1620,7 @@ const searchProductsById7 = (options) => (options.client ?? client).post({
     ...options.headers
   }
 });
+client.interceptors.request.use(attachTracingHeaders);
 const searchApi = {
   searchProductsByIndication: searchProductsById7,
   searchAlternative
@@ -1642,7 +1704,7 @@ function findMostAdequateMedicationRequest(entries, threshold = DEFAULT_ADEQUATI
   const medicationRequestEntry = entries.find((entry) => entry.resource?.resourceType === "MedicationRequest" && getAdequationScore(entry) <= threshold);
   return medicationRequestEntry?.resource;
 }
-const t$3 = globalThis, e$4 = t$3.ShadowRoot && (void 0 === t$3.ShadyCSS || t$3.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = /* @__PURE__ */ Symbol(), o$5 = /* @__PURE__ */ new WeakMap();
+const t$3 = globalThis, e$4 = t$3.ShadowRoot && (void 0 === t$3.ShadyCSS || t$3.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = /* @__PURE__ */ Symbol(), o$6 = /* @__PURE__ */ new WeakMap();
 let n$3 = class n {
   constructor(t2, e2, o2) {
     if (this._$cssResult$ = true, o2 !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -1653,7 +1715,7 @@ let n$3 = class n {
     const s2 = this.t;
     if (e$4 && void 0 === t2) {
       const e2 = void 0 !== s2 && 1 === s2.length;
-      e2 && (t2 = o$5.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && o$5.set(s2, t2));
+      e2 && (t2 = o$6.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && o$6.set(s2, t2));
     }
     return t2;
   }
@@ -1679,7 +1741,7 @@ const r$4 = (t2) => new n$3("string" == typeof t2 ? t2 : t2 + "", void 0, s$2),
   for (const s2 of t3.cssRules) e2 += s2.cssText;
   return r$4(e2);
 })(t2) : t2;
-const { is: i$3, defineProperty: e$3, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$3, getOwnPropertySymbols: o$4, getPrototypeOf: n$2 } = Object, a$1 = globalThis, c$1 = a$1.trustedTypes, l$1 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (t2, s2) => t2, u$1 = { toAttribute(t2, s2) {
+const { is: i$3, defineProperty: e$3, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$3, getOwnPropertySymbols: o$5, getPrototypeOf: n$2 } = Object, a$1 = globalThis, c$1 = a$1.trustedTypes, l$1 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (t2, s2) => t2, u$1 = { toAttribute(t2, s2) {
   switch (s2) {
     case Boolean:
       t2 = t2 ? l$1 : null;
@@ -1744,7 +1806,7 @@ let y$1 = class y extends HTMLElement {
   static finalize() {
     if (this.hasOwnProperty(d$1("finalized"))) return;
     if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
-      const t3 = this.properties, s2 = [...r$3(t3), ...o$4(t3)];
+      const t3 = this.properties, s2 = [...r$3(t3), ...o$5(t3)];
       for (const i3 of s2) this.createProperty(i3, t3[i3]);
     }
     const t2 = this[Symbol.metadata];
@@ -1891,7 +1953,7 @@ let y$1 = class y extends HTMLElement {
   }
 };
 y$1.elementStyles = [], y$1.shadowRootOptions = { mode: "open" }, y$1[d$1("elementProperties")] = /* @__PURE__ */ new Map(), y$1[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1?.({ ReactiveElement: y$1 }), (a$1.reactiveElementVersions ??= []).push("2.1.2");
-const t$2 = globalThis, i$2 = (t2) => t2, s$1 = t$2.trustedTypes, e$2 = s$1 ? s$1.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, h = "$lit$", o$3 = `lit$${Math.random().toFixed(9).slice(2)}$`, n$1 = "?" + o$3, r$2 = `<${n$1}>`, l = document, c = () => l.createComment(""), a = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, u = Array.isArray, d = (t2) => u(t2) || "function" == typeof t2?.[Symbol.iterator], f = "[ 	\n\f\r]", v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p = RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ 	
+const t$2 = globalThis, i$2 = (t2) => t2, s$1 = t$2.trustedTypes, e$2 = s$1 ? s$1.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, h = "$lit$", o$4 = `lit$${Math.random().toFixed(9).slice(2)}$`, n$1 = "?" + o$4, r$2 = `<${n$1}>`, l = document, c = () => l.createComment(""), a = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, u = Array.isArray, d = (t2) => u(t2) || "function" == typeof t2?.[Symbol.iterator], f = "[ 	\n\f\r]", v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p = RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), g = /'/g, $ = /"/g, y2 = /^(?:script|style|textarea|title)$/i, x = (t2) => (i3, ...s2) => ({ _$litType$: t2, strings: i3, values: s2 }), b = x(1), E = /* @__PURE__ */ Symbol.for("lit-noChange"), A = /* @__PURE__ */ Symbol.for("lit-nothing"), C = /* @__PURE__ */ new WeakMap(), P = l.createTreeWalker(l, 129);
 function V(t2, i3) {
   if (!u(t2) || !t2.hasOwnProperty("raw")) throw Error("invalid template strings array");
@@ -1905,7 +1967,7 @@ const N = (t2, i3) => {
     let a2, u2, d2 = -1, f2 = 0;
     for (; f2 < s3.length && (c2.lastIndex = f2, u2 = c2.exec(s3), null !== u2); ) f2 = c2.lastIndex, c2 === v ? "!--" === u2[1] ? c2 = _ : void 0 !== u2[1] ? c2 = m : void 0 !== u2[2] ? (y2.test(u2[2]) && (n3 = RegExp("</" + u2[2], "g")), c2 = p) : void 0 !== u2[3] && (c2 = p) : c2 === p ? ">" === u2[0] ? (c2 = n3 ?? v, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c2.lastIndex - u2[2].length, a2 = u2[1], c2 = void 0 === u2[3] ? p : '"' === u2[3] ? $ : g) : c2 === $ || c2 === g ? c2 = p : c2 === _ || c2 === m ? c2 = v : (c2 = p, n3 = void 0);
     const x2 = c2 === p && t2[i4 + 1].startsWith("/>") ? " " : "";
-    l2 += c2 === v ? s3 + r$2 : d2 >= 0 ? (e2.push(a2), s3.slice(0, d2) + h + s3.slice(d2) + o$3 + x2) : s3 + o$3 + (-2 === d2 ? i4 : x2);
+    l2 += c2 === v ? s3 + r$2 : d2 >= 0 ? (e2.push(a2), s3.slice(0, d2) + h + s3.slice(d2) + o$4 + x2) : s3 + o$4 + (-2 === d2 ? i4 : x2);
   }
   return [V(t2, l2 + (t2[s2] || "<?>") + (2 === i3 ? "</svg>" : 3 === i3 ? "</math>" : "")), e2];
 };
@@ -1922,11 +1984,11 @@ class S {
     for (; null !== (r2 = P.nextNode()) && d2.length < u2; ) {
       if (1 === r2.nodeType) {
         if (r2.hasAttributes()) for (const t3 of r2.getAttributeNames()) if (t3.endsWith(h)) {
-          const i4 = v2[a2++], s2 = r2.getAttribute(t3).split(o$3), e3 = /([.?@])?(.*)/.exec(i4);
+          const i4 = v2[a2++], s2 = r2.getAttribute(t3).split(o$4), e3 = /([.?@])?(.*)/.exec(i4);
           d2.push({ type: 1, index: l2, name: e3[2], strings: s2, ctor: "." === e3[1] ? I : "?" === e3[1] ? L : "@" === e3[1] ? z : H }), r2.removeAttribute(t3);
-        } else t3.startsWith(o$3) && (d2.push({ type: 6, index: l2 }), r2.removeAttribute(t3));
+        } else t3.startsWith(o$4) && (d2.push({ type: 6, index: l2 }), r2.removeAttribute(t3));
         if (y2.test(r2.tagName)) {
-          const t3 = r2.textContent.split(o$3), i4 = t3.length - 1;
+          const t3 = r2.textContent.split(o$4), i4 = t3.length - 1;
           if (i4 > 0) {
             r2.textContent = s$1 ? s$1.emptyScript : "";
             for (let s2 = 0; s2 < i4; s2++) r2.append(t3[s2], c()), P.nextNode(), d2.push({ type: 2, index: ++l2 });
@@ -1936,7 +1998,7 @@ class S {
       } else if (8 === r2.nodeType) if (r2.data === n$1) d2.push({ type: 2, index: l2 });
       else {
         let t3 = -1;
-        for (; -1 !== (t3 = r2.data.indexOf(o$3, t3 + 1)); ) d2.push({ type: 7, index: l2 }), t3 += o$3.length - 1;
+        for (; -1 !== (t3 = r2.data.indexOf(o$4, t3 + 1)); ) d2.push({ type: 7, index: l2 }), t3 += o$4.length - 1;
       }
       l2++;
     }
@@ -2139,15 +2201,15 @@ let i$1 = class i extends y$1 {
   }
 };
 i$1._$litElement$ = true, i$1["finalized"] = true, s.litElementHydrateSupport?.({ LitElement: i$1 });
-const o$2 = s.litElementPolyfillSupport;
-o$2?.({ LitElement: i$1 });
+const o$3 = s.litElementPolyfillSupport;
+o$3?.({ LitElement: i$1 });
 (s.litElementVersions ??= []).push("4.2.2");
 const t$1 = (t2) => (e2, o2) => {
   void 0 !== o2 ? o2.addInitializer(() => {
     customElements.define(t2, e2);
   }) : customElements.define(t2, e2);
 };
-const o$1 = { attribute: true, type: String, converter: u$1, reflect: false, hasChanged: f$1 }, r$1 = (t2 = o$1, e2, r2) => {
+const o$2 = { attribute: true, type: String, converter: u$1, reflect: false, hasChanged: f$1 }, r$1 = (t2 = o$2, e2, r2) => {
   const { kind: n3, metadata: i3 } = r2;
   let s2 = globalThis.litPropertyMetadata.get(i3);
   if (void 0 === s2 && globalThis.litPropertyMetadata.set(i3, s2 = /* @__PURE__ */ new Map()), "setter" === n3 && ((t2 = Object.create(t2)).wrapped = true), s2.set(r2.name, t2), "accessor" === n3) {
@@ -2177,6 +2239,7 @@ function n2(t2) {
 function r(r2) {
   return n2({ ...r2, state: true, attribute: false });
 }
+const o$1 = (o2) => o2 ?? A;
 const t = { CHILD: 2 }, e$1 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
 class i2 {
   constructor(t2) {
@@ -2306,8 +2369,9 @@ const EXCLUSION_GROUPS = [
   { key: "notableExcipients", idsField: "notableExcipientIds", label: "Excipients à effet notoire" },
   { key: "excipients", idsField: "excipientIds", label: "Excipients" },
   { key: "contraindications", idsField: "contraindicationIds", label: "Utilisation contre-indiquée" },
-  { key: "cautions", idsField: "cautionIds", label: "Mises en garde" },
-  { key: "precautions", idsField: "precautionIds", label: "Précaution d'emploi" }
+  { key: "cautions", idsField: "cautionIds", label: "Utilisation déconseillée" },
+  { key: "precautions", idsField: "precautionIds", label: "Précaution d'emploi" },
+  { key: "sideEffects", idsField: "sideEffectIds", label: "Effets indésirables" }
 ];
 const QUICK_FILTERS = [
   { key: "sameGalenicForm", label: "Même forme galénique" },
@@ -2326,7 +2390,7 @@ const MATCH_REASON_VERB_BY_DIMENSION = {
   indication: "indiqué pour",
   activeSubstance: "contient"
 };
-const therapeuticAlternativeCSS = '.claudebernard-therapeutic-alternative {\n  font-family: var(--custom-font-family, "Ubuntu"), sans-serif;\n  padding: 1rem;\n}\n.claudebernard-therapeutic-alternative-without-title {\n  padding-top: 0;\n  max-width: 70vw;\n  width: 60vw;\n  max-height: 70vh;\n}\n.claudebernard-therapeutic-alternative-title {\n  font-size: 0.75rem;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: var(--bcbd-gray-500-color, #64748B);\n  margin-bottom: 0.375rem;\n  display: block;\n}\n.claudebernard-therapeutic-alternative__source {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.claudebernard-therapeutic-alternative__disclaimer {\n  margin-bottom: 1rem;\n}\n.claudebernard-therapeutic-alternative__loading {\n  width: 100%;\n  height: 30%;\n  padding-top: 2rem;\n  display: flex;\n  justify-content: center;\n}\n.claudebernard-therapeutic-alternative__section {\n  border: 1px solid var(--bcbd-border-gray-color, #CBD5E1);\n  border-radius: 0.625rem;\n  padding: 0.75rem 0.875rem;\n  margin-bottom: 1rem;\n}\n.claudebernard-therapeutic-alternative__section-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  margin-bottom: 0.625rem;\n  font-family: inherit;\n  line-height: 1;\n}\n.claudebernard-therapeutic-alternative__section-header span:first-child {\n  font-size: 0.75rem;\n  font-weight: 700;\n  color: var(--bcbd-gray-500-color, #64748B);\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n.claudebernard-therapeutic-alternative__chevron {\n  font-size: 0.75rem;\n  color: var(--bcbd-gray-400-color, #94A3B8);\n  transition: transform 0.15s ease-out;\n  display: inline-flex;\n}\n.claudebernard-therapeutic-alternative__chevron--expanded {\n  transform: rotate(180deg);\n}\n.claudebernard-therapeutic-alternative__pills {\n  display: flex;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n}\n.claudebernard-therapeutic-alternative__pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  border: 1px solid var(--bcbd-border-gray-color, #CBD5E1);\n  background: #fff;\n  color: var(--bcbd-gray-600-color, #475569);\n  border-radius: 6.25rem;\n  padding: 0.375rem 0.75rem;\n  font-size: 0.8125rem;\n  font-family: inherit;\n  font-weight: 400;\n  white-space: nowrap;\n  cursor: pointer;\n  line-height: 1;\n}\n.claudebernard-therapeutic-alternative__pill--active {\n  border-color: var(--bcbd-primary-color, #0C75AD);\n  background: color-mix(in srgb, var(--bcbd-primary-color, #0C75AD) 10%, transparent);\n  color: var(--bcbd-primary-color, #0C75AD);\n  font-weight: 700;\n}\n.claudebernard-therapeutic-alternative__panel {\n  border-top: 1px solid var(--bcbd-border-color-200, #E2E8F0);\n  margin-top: 0.75rem;\n  padding-top: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.claudebernard-therapeutic-alternative__panel-rows {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  max-height: 16.25rem;\n  overflow-y: auto;\n  padding: 0.25rem 0.125rem;\n}\n.claudebernard-therapeutic-alternative__panel-empty {\n  display: block;\n  margin-top: 0.75rem;\n  font-size: 0.875rem;\n  color: var(--bcbd-gray-500-color, #64748B);\n}\n.claudebernard-therapeutic-alternative__panel-expand {\n  align-self: flex-start;\n  background: none;\n  border: none;\n  padding: 0.25rem 0 0;\n  font-family: inherit;\n  font-size: 0.8125rem;\n  font-weight: 700;\n  color: var(--bcbd-primary-color, #0C75AD);\n  cursor: pointer;\n}\n.claudebernard-therapeutic-alternative__panel-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-radius: 0.375rem;\n  --bcbd-checkbox-font-size: 0.875rem;\n  --bcbd-checkbox-size: 0.9375rem;\n}\n.claudebernard-therapeutic-alternative__panel-row--pending {\n  background: var(--bcbd-gray-100-color, #F1F5F9);\n  padding: 0.25rem 0.375rem;\n  margin: -0.25rem -0.375rem;\n}\n.claudebernard-therapeutic-alternative__count-badge {\n  font-size: 0.75rem;\n  color: var(--bcbd-white-color, #fff);\n  background: var(--bcbd-primary-color, #0C75AD);\n  border-radius: 0.25rem;\n  padding: 0.125rem 0.375rem;\n  flex-shrink: 0;\n}\n.claudebernard-therapeutic-alternative__selected-chips {\n  display: flex;\n  gap: 0.375rem;\n  flex-wrap: wrap;\n  margin-top: 0.5rem;\n}\n.claudebernard-therapeutic-alternative__chips {\n  display: flex;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n}\n.claudebernard-therapeutic-alternative__chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  border: 1px solid var(--bcbd-border-gray-color, #CBD5E1);\n  background: #fff;\n  color: var(--bcbd-gray-500-color, #64748B);\n  border-radius: 6.25rem;\n  padding: 0.375rem 0.75rem;\n  font-size: 0.8125rem;\n  font-family: inherit;\n  font-weight: 400;\n  white-space: nowrap;\n  cursor: pointer;\n  line-height: 1;\n}\n.claudebernard-therapeutic-alternative__chip--active {\n  border-color: var(--bcbd-primary-color, #0C75AD);\n  background: color-mix(in srgb, var(--bcbd-primary-color, #0C75AD) 10%, transparent);\n  color: var(--bcbd-primary-color, #0C75AD);\n  font-weight: 700;\n}\n.claudebernard-therapeutic-alternative__results {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.claudebernard-therapeutic-alternative__results-header {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-bottom: 0.625rem;\n}\n.claudebernard-therapeutic-alternative__results-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  background: color-mix(in srgb, var(--bcbd-primary-color, #0C75AD) 10%, transparent);\n  color: var(--bcbd-primary-color, #0C75AD);\n  border-radius: 6.25rem;\n  padding: 0.3125rem 0.75rem;\n  font-size: 0.8125rem;\n  font-weight: 700;\n  line-height: 1;\n}\n.claudebernard-therapeutic-alternative__results-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.claudebernard-therapeutic-alternative__no-results {\n  text-align: center;\n  padding: 1.5rem 1rem;\n  color: var(--bcbd-gray-500-color, #64748B);\n  font-size: 0.875rem;\n}\n.claudebernard-therapeutic-alternative__no-medication {\n  padding: 1.25rem;\n}';
+const therapeuticAlternativeCSS = '.claudebernard-therapeutic-alternative {\n  font-family: var(--custom-font-family, "Ubuntu"), sans-serif;\n  padding: 1rem;\n}\n.claudebernard-therapeutic-alternative-without-title {\n  padding-top: 0;\n  max-width: 70vw;\n  width: 60vw;\n  max-height: 70vh;\n}\n.claudebernard-therapeutic-alternative-title {\n  font-size: 0.75rem;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: var(--bcbd-gray-500-color, #64748B);\n  margin-bottom: 0.375rem;\n  display: block;\n}\n.claudebernard-therapeutic-alternative__source {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.claudebernard-therapeutic-alternative__source .claudebernard-therapeutic-alternative-title {\n  margin-bottom: 0;\n}\n.claudebernard-therapeutic-alternative__source-actions {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n}\n.claudebernard-therapeutic-alternative__disclaimer {\n  margin-bottom: 1rem;\n}\n.claudebernard-therapeutic-alternative__loading {\n  width: 100%;\n  height: 30%;\n  padding-top: 2rem;\n  display: flex;\n  justify-content: center;\n}\n.claudebernard-therapeutic-alternative__section {\n  border: 1px solid var(--bcbd-border-gray-color, #CBD5E1);\n  border-radius: 0.625rem;\n  padding: 0.75rem 0.875rem;\n  margin-bottom: 1rem;\n}\n.claudebernard-therapeutic-alternative__section-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  margin-bottom: 0.625rem;\n  font-family: inherit;\n  line-height: 1;\n}\n.claudebernard-therapeutic-alternative__section-header span:first-child {\n  font-size: 0.75rem;\n  font-weight: 700;\n  color: var(--bcbd-gray-500-color, #64748B);\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n.claudebernard-therapeutic-alternative__chevron {\n  font-size: 0.75rem;\n  color: var(--bcbd-gray-400-color, #94A3B8);\n  transition: transform 0.15s ease-out;\n  display: inline-flex;\n}\n.claudebernard-therapeutic-alternative__chevron--expanded {\n  transform: rotate(180deg);\n}\n.claudebernard-therapeutic-alternative__pills {\n  display: flex;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n}\n.claudebernard-therapeutic-alternative__pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  border: 1px solid var(--bcbd-border-gray-color, #CBD5E1);\n  background: #fff;\n  color: var(--bcbd-gray-600-color, #475569);\n  border-radius: 6.25rem;\n  padding: 0.375rem 0.75rem;\n  font-size: 0.8125rem;\n  font-family: inherit;\n  font-weight: 400;\n  white-space: nowrap;\n  cursor: pointer;\n  line-height: 1;\n}\n.claudebernard-therapeutic-alternative__pill--active {\n  border-color: var(--bcbd-primary-color, #0C75AD);\n  background: color-mix(in srgb, var(--bcbd-primary-color, #0C75AD) 10%, transparent);\n  color: var(--bcbd-primary-color, #0C75AD);\n  font-weight: 700;\n}\n.claudebernard-therapeutic-alternative__panel {\n  border-top: 1px solid var(--bcbd-border-color-200, #E2E8F0);\n  margin-top: 0.75rem;\n  padding-top: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.claudebernard-therapeutic-alternative__panel-rows {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  max-height: 16.25rem;\n  overflow-y: auto;\n  padding: 0.25rem 0.125rem;\n}\n.claudebernard-therapeutic-alternative__panel-empty {\n  display: block;\n  margin-top: 0.75rem;\n  font-size: 0.875rem;\n  color: var(--bcbd-gray-500-color, #64748B);\n}\n.claudebernard-therapeutic-alternative__panel-expand {\n  align-self: flex-start;\n  background: none;\n  border: none;\n  padding: 0.25rem 0 0;\n  font-family: inherit;\n  font-size: 0.8125rem;\n  font-weight: 700;\n  color: var(--bcbd-primary-color, #0C75AD);\n  cursor: pointer;\n}\n.claudebernard-therapeutic-alternative__panel-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-radius: 0.375rem;\n  --bcbd-checkbox-font-size: 0.875rem;\n  --bcbd-checkbox-size: 0.9375rem;\n}\n.claudebernard-therapeutic-alternative__panel-row--pending {\n  background: var(--bcbd-gray-100-color, #F1F5F9);\n  padding: 0.25rem 0.375rem;\n  margin: -0.25rem -0.375rem;\n}\n.claudebernard-therapeutic-alternative__panel-row--possessed {\n  --bcbd-gray-900-color: var(--bcbd-primary-color, #0C75AD);\n}\n.claudebernard-therapeutic-alternative__count-badge {\n  font-size: 0.75rem;\n  color: var(--bcbd-white-color, #fff);\n  background: var(--bcbd-primary-color, #0C75AD);\n  border-radius: 0.25rem;\n  padding: 0.125rem 0.375rem;\n  flex-shrink: 0;\n}\n.claudebernard-therapeutic-alternative__selected-chips {\n  display: flex;\n  gap: 0.375rem;\n  flex-wrap: wrap;\n  margin-top: 0.5rem;\n}\n.claudebernard-therapeutic-alternative__results {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.claudebernard-therapeutic-alternative__results-header {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-bottom: 0.625rem;\n}\n.claudebernard-therapeutic-alternative__results-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  background: color-mix(in srgb, var(--bcbd-primary-color, #0C75AD) 10%, transparent);\n  color: var(--bcbd-primary-color, #0C75AD);\n  border-radius: 6.25rem;\n  padding: 0.3125rem 0.75rem;\n  font-size: 0.8125rem;\n  font-weight: 700;\n  line-height: 1;\n}\n.claudebernard-therapeutic-alternative__results-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.claudebernard-therapeutic-alternative__no-results {\n  text-align: center;\n  padding: 1.5rem 1rem;\n  color: var(--bcbd-gray-500-color, #64748B);\n  font-size: 0.875rem;\n}\n.claudebernard-therapeutic-alternative__no-medication {\n  padding: 1.25rem;\n}';
 function emptyScopeCriteria() {
   return { indicationIds: [], atcClassIds: [] };
 }
@@ -2340,7 +2404,8 @@ function emptyExcludeCriteria() {
     excipientIds: [],
     contraindicationIds: [],
     cautionIds: [],
-    precautionIds: []
+    precautionIds: [],
+    sideEffectIds: []
   };
 }
 function emptyQuickFilters() {
@@ -2359,7 +2424,8 @@ function emptyExcludeFacets() {
     excipients: [],
     contraindications: [],
     cautions: [],
-    precautions: []
+    precautions: [],
+    sideEffects: []
   };
 }
 function emptyScopeLabels() {
@@ -2368,17 +2434,6 @@ function emptyScopeLabels() {
 function emptyIncludeLabels() {
   return { activeSubstances: {}, galenicForms: {}, dosages: {}, routesOfAdministration: {} };
 }
-function labelsForIds(ids, values) {
-  const labelById = new Map(values.filter((v2) => v2.id).map((v2) => [v2.id, v2.label ?? v2.id]));
-  const result = {};
-  for (const id of ids) {
-    const label = labelById.get(id);
-    if (label) {
-      result[id] = label;
-    }
-  }
-  return result;
-}
 function emptyExcludeLabels() {
   return {
     activeSubstances: {},
@@ -2386,7 +2441,8 @@ function emptyExcludeLabels() {
     excipients: {},
     contraindications: {},
     cautions: {},
-    precautions: {}
+    precautions: {},
+    sideEffects: {}
   };
 }
 var __defProp = Object.defineProperty;
@@ -2415,6 +2471,7 @@ let TherapeuticAlternative = class extends i$1 {
     this.include = emptyIncludeCriteria();
     this.exclude = emptyExcludeCriteria();
     this.quickFilters = emptyQuickFilters();
+    this.quickFilterFacets = {};
     this.scopeFacets = emptyScopeFacets();
     this.includeFacets = emptyIncludeFacets();
     this.excludeFacets = emptyExcludeFacets();
@@ -2434,7 +2491,6 @@ let TherapeuticAlternative = class extends i$1 {
     this.apiReplaceError = null;
     this.apiReplaceLoading = false;
     this.missingPrescriptionError = null;
-    this.hasAppliedInitialScope = false;
     this.requestSeq = 0;
   }
   get currentMedication() {
@@ -2447,6 +2503,16 @@ let TherapeuticAlternative = class extends i$1 {
     const bcbCoding = this.currentMedication?.code?.coding?.find((coding) => coding.system === "https://platform.claudebernard.fr/fhir/CodeSystem/bcb-code");
     return bcbCoding?.code ?? null;
   }
+  get sourceProductLabel() {
+    const title = getMedicationTitle(this.currentMedication);
+    return title !== "" ? decodeHtml(title) : "ce produit";
+  }
+  // Same rule as bcb-cmp-ui's product sheet (isPara): product types 3 to 8 are parapharmacie, for
+  // which there is no therapeutic alternative. Only known once the first response brings sourceProduct.
+  get isParaSource() {
+    const type = this.sourceProduct?.type;
+    return type !== void 0 && type >= 3 && type <= 8;
+  }
   updated(changedProperties) {
     if (changedProperties.has("apiUrl")) {
       client.setConfig({
@@ -2457,23 +2523,27 @@ let TherapeuticAlternative = class extends i$1 {
       });
     }
     if (changedProperties.has("medication") && this.currentMedication) {
-      this.clearScheduledRefetch();
-      this.scope = emptyScopeCriteria();
-      this.include = emptyIncludeCriteria();
-      this.exclude = emptyExcludeCriteria();
-      this.scopeLabels = emptyScopeLabels();
-      this.includeLabels = emptyIncludeLabels();
-      this.excludeLabels = emptyExcludeLabels();
-      this.quickFilters = emptyQuickFilters();
-      this.openScopeGroup = null;
-      this.openExclusionGroup = null;
-      this.openIncludeGroup = null;
-      this.expandFacetGroupKey = null;
-      this.currentPage = 1;
-      this.hasAppliedInitialScope = false;
-      this.fetchAlternatives();
+      this.resetAllCriteria();
     }
   }
+  // Shared by a medication change (updated() above) and the user-facing "Réinitialiser" button:
+  // both mean "start over from the initial state for this medication" (nothing selected).
+  resetAllCriteria() {
+    this.clearScheduledRefetch();
+    this.scope = emptyScopeCriteria();
+    this.include = emptyIncludeCriteria();
+    this.exclude = emptyExcludeCriteria();
+    this.scopeLabels = emptyScopeLabels();
+    this.includeLabels = emptyIncludeLabels();
+    this.excludeLabels = emptyExcludeLabels();
+    this.quickFilters = emptyQuickFilters();
+    this.openScopeGroup = null;
+    this.openExclusionGroup = null;
+    this.openIncludeGroup = null;
+    this.expandFacetGroupKey = null;
+    this.currentPage = 1;
+    this.fetchAlternatives();
+  }
   disconnectedCallback() {
     super.disconnectedCallback();
     this.clearScheduledRefetch();
@@ -2516,6 +2586,7 @@ let TherapeuticAlternative = class extends i$1 {
       pageSize: numberOfResults,
       ...this.expandFacetGroupKey ? { expandFacetGroup: this.expandFacetGroupKey } : {}
     };
+    setActiveContext(this.context);
     searchApi.searchAlternative({ body, path: { productId } }).then((response) => {
       if (seq !== this.requestSeq) {
         return;
@@ -2541,15 +2612,8 @@ let TherapeuticAlternative = class extends i$1 {
     this.scopeFacets = TherapeuticAlternative.buildScopeFacets(data);
     this.includeFacets = TherapeuticAlternative.buildIncludeFacets(data);
     this.excludeFacets = TherapeuticAlternative.buildExcludeFacets(data);
+    this.quickFilterFacets = data.facets?.quickFilters ?? {};
     this.truncatedGroups = data.facets?.truncatedGroups ?? [];
-    if (!this.hasAppliedInitialScope) {
-      this.hasAppliedInitialScope = true;
-      this.scope = TherapeuticAlternative.deriveInitialScope(this.sourceProduct);
-      this.scopeLabels = {
-        indications: labelsForIds(this.scope.indicationIds, this.scopeFacets.indications),
-        atcClasses: labelsForIds(this.scope.atcClassIds, this.scopeFacets.atcClasses)
-      };
-    }
   }
   static buildScopeFacets(data) {
     return {
@@ -2566,29 +2630,74 @@ let TherapeuticAlternative = class extends i$1 {
     };
   }
   static buildExcludeFacets(data) {
-    return {
-      activeSubstances: data.facets?.exclude?.activeSubstances ?? [],
-      notableExcipients: data.facets?.exclude?.notableExcipients ?? [],
-      excipients: data.facets?.exclude?.excipients ?? [],
-      contraindications: data.facets?.exclude?.contraindications ?? [],
-      cautions: data.facets?.exclude?.cautions ?? [],
-      precautions: data.facets?.exclude?.precautions ?? []
-    };
-  }
-  static deriveInitialScope(sourceProduct) {
-    const codesOf = (list) => (list ?? []).map((item) => item.code).filter((code) => !!code);
-    return {
-      indicationIds: codesOf(sourceProduct?.extendedProperties?.keywords?.indicationsKeywords),
-      // Contrairement à indications (une liste plate de valeurs propres au produit),
-      // sourceProduct.properties.atcClasses est un fil d'Ariane hiérarchique (classe > sous-classe
-      // > ... > code le plus spécifique, ex: M, M01, M01A, M01AX, M01AX02) — les mapper tous comme
-      // ids cochés n'a pas de sens (5 "sélections" pour UNE seule classification), et envoie en
-      // plus des codes ancêtres bien trop larges (ex: "M" = tout le système musculo-squelettique)
-      // dans la requête, invisibles dans l'UI puisque sans label correspondant dans
-      // scopeFacets.atcClasses. Rien n'est pré-coché pour ce groupe : le backend applique déjà son
-      // propre défaut sur atcClassIds vide (voir le commentaire plus haut sur fetchAlternatives).
-      atcClassIds: []
-    };
+    const facets = emptyExcludeFacets();
+    for (const group of EXCLUSION_GROUPS) {
+      facets[group.key] = data.facets?.exclude?.[group.key] ?? [];
+    }
+    return facets;
+  }
+  static codesOf(list) {
+    return (list ?? []).map((item) => item.code).filter((code) => !!code);
+  }
+  // The ids to tint in a scope checklist panel (same highlight as the include/exclude panels, see
+  // renderChecklistPanel's possessedIds param) -- the source product's own indications. They are
+  // only highlighted, never pre-checked: an empty scope.indicationIds sends no indication
+  // constraint, so ticking them would claim a filter that is not applied. The ATC group has none:
+  // sourceProduct.properties.atcClasses is a whole breadcrumb (M > M01 > M01A > ...), not a flat
+  // list of values the source "has".
+  scopePossessedIds(key) {
+    if (key !== "indications") {
+      return /* @__PURE__ */ new Set();
+    }
+    return new Set(TherapeuticAlternative.codesOf(this.sourceProduct?.extendedProperties?.keywords?.indicationsKeywords));
+  }
+  // The ids to tint in an include checklist panel (see renderChecklistPanel's possessedIds param)
+  // -- what the SOURCE product itself already has for that dimension, not what's currently
+  // selected. galenicForms/dosages are single-valued on the source (a product has exactly one), so
+  // each contributes at most one id; activeSubstances/routesOfAdministration can be multi-valued.
+  // dosages is a best-effort string match (source's raw productDosage against the facet's own
+  // dosage-string ids) -- it can occasionally miss on formatting, unlike the others' exact codes.
+  includePossessedIds(key) {
+    const properties = this.sourceProduct?.properties;
+    const composition = this.sourceProduct?.extendedProperties?.composition;
+    switch (key) {
+      case "activeSubstances":
+        return new Set(TherapeuticAlternative.codesOf(composition?.activeSubstances));
+      case "galenicForms":
+        return properties?.galenicFormCode ? /* @__PURE__ */ new Set([properties.galenicFormCode]) : /* @__PURE__ */ new Set();
+      case "dosages":
+        return properties?.productDosage ? /* @__PURE__ */ new Set([properties.productDosage]) : /* @__PURE__ */ new Set();
+      case "routesOfAdministration":
+        return new Set(TherapeuticAlternative.codesOf(this.sourceProduct?.extendedProperties?.routes));
+      default:
+        return /* @__PURE__ */ new Set();
+    }
+  }
+  // Same idea as includePossessedIds, for the exclude checklist panels: the exclude groups' own
+  // values come from the whole candidate pool (see SearchCustomService.addExcludeMustNotQueries),
+  // not just the source product, so "does the source itself already have this excipient/
+  // contraindication/..." is a real, non-trivial question worth answering here too.
+  excludePossessedIds(key) {
+    const composition = this.sourceProduct?.extendedProperties?.composition;
+    const keywords = this.sourceProduct?.extendedProperties?.keywords;
+    switch (key) {
+      case "activeSubstances":
+        return new Set(TherapeuticAlternative.codesOf(composition?.activeSubstances));
+      case "notableExcipients":
+        return new Set(TherapeuticAlternative.codesOf(composition?.excipientsWithKnownEffects));
+      case "excipients":
+        return new Set(TherapeuticAlternative.codesOf(composition?.excipients));
+      case "contraindications":
+        return new Set(TherapeuticAlternative.codesOf(keywords?.contraindicationsKeywords));
+      case "cautions":
+        return new Set(TherapeuticAlternative.codesOf(keywords?.contraindicationsNotRecommendedKeywords));
+      case "precautions":
+        return new Set(TherapeuticAlternative.codesOf(keywords?.precautionsForUseKeywords));
+      case "sideEffects":
+        return new Set(TherapeuticAlternative.codesOf(keywords?.sideEffectsKeywords));
+      default:
+        return /* @__PURE__ */ new Set();
+    }
   }
   // label n'est utilisé que sur la branche "coche" (pour alimenter scopeLabels/includeLabels/
   // excludeLabels — voir emptyScopeLabels) ; sur la branche "décoche" l'id est simplement retiré
@@ -2658,6 +2767,7 @@ let TherapeuticAlternative = class extends i$1 {
         this.includeLabels = { ...this.includeLabels, [group.key]: {} };
       }
     }
+    this.pendingToggleIds = new Set(this.pendingToggleIds).add(key);
     this.scheduleRefetch();
   }
   // The exclude "activeSubstances" group's own backend/truncatedGroups key is
@@ -2715,6 +2825,7 @@ let TherapeuticAlternative = class extends i$1 {
     this.apiReplaceLoading = true;
     let newMedicationRequest;
     try {
+      setActiveContext(this.context);
       const response = await prescriptionApi.getFhirPosologies({
         body: {
           patient: this.patientProfile ?? {},
@@ -2761,7 +2872,7 @@ let TherapeuticAlternative = class extends i$1 {
       this.apiReplaceLoading = false;
     }
   }
-  renderChecklistPanel(items, selectedIds, showCount, countTooltip, onToggle, testIdPrefix, showCode = false, truncated = false, onExpand) {
+  renderChecklistPanel(items, selectedIds, showCount, countTooltip, onToggle, testIdPrefix, showCode = false, truncated = false, onExpand, possessedIds = /* @__PURE__ */ new Set()) {
     const visibleItems = items.filter((item) => {
       if (item.id !== void 0 && this.pendingToggleIds.has(item.id)) {
         return true;
@@ -2788,10 +2899,12 @@ let TherapeuticAlternative = class extends i$1 {
       const pending = this.pendingToggleIds.has(item.id);
       const rowClasses = [
         `${PREFIX}-therapeutic-alternative__panel-row`,
-        pending ? `${PREFIX}-therapeutic-alternative__panel-row--pending` : ""
+        pending ? `${PREFIX}-therapeutic-alternative__panel-row--pending` : "",
+        possessedIds.has(item.id) ? `${PREFIX}-therapeutic-alternative__panel-row--possessed` : ""
       ].join(" ");
+      const possessedTitle = possessedIds.has(item.id) ? `Valeur présente dans le produit d'origine (${this.sourceProductLabel})` : void 0;
       return b`
-      <div class=${rowClasses}>
+      <div class=${rowClasses} title=${o$1(possessedTitle)}>
         <bcbd-checkbox
           id=${`${testIdPrefix}-${item.id}`}
           label=${showCode ? `${item.id} : ${item.label ?? ""}` : item.label ?? ""}
@@ -2936,7 +3049,8 @@ let TherapeuticAlternative = class extends i$1 {
       // distinct values) response back -- there's no third, even-larger tier to escalate to, so
       // showing the button again would just be a no-op click.
       openGroup.key === "atcClasses" && this.truncatedGroups.includes("atcClasses") && this.expandFacetGroupKey !== "atcClasses",
-      () => this.requestMoreFacetValues("atcClasses")
+      () => this.requestMoreFacetValues("atcClasses"),
+      this.scopePossessedIds(openGroup.key)
     ) : A}
     `;
   }
@@ -2974,7 +3088,8 @@ let TherapeuticAlternative = class extends i$1 {
       `exclusion-${openGroup.key}`,
       false,
       canExpand,
-      () => this.requestMoreFacetValues(truncatedGroupKey)
+      () => this.requestMoreFacetValues(truncatedGroupKey),
+      this.excludePossessedIds(openGroup.key)
     ) : A}
     `;
   }
@@ -3012,7 +3127,8 @@ let TherapeuticAlternative = class extends i$1 {
       `include-${openGroup.key}`,
       false,
       canExpand,
-      () => this.requestMoreFacetValues(truncatedGroupKey)
+      () => this.requestMoreFacetValues(truncatedGroupKey),
+      this.includePossessedIds(openGroup.key)
     ) : A}
     `;
   }
@@ -3020,25 +3136,56 @@ let TherapeuticAlternative = class extends i$1 {
     if (this.sectionCollapsed.quickFilters) {
       return A;
     }
-    const chips = QUICK_FILTERS.map((filter) => {
-      const active = this.quickFilters[filter.key];
-      const chipClasses = [
-        `${PREFIX}-therapeutic-alternative__chip`,
-        active ? `${PREFIX}-therapeutic-alternative__chip--active` : ""
+    const visibleFilters = QUICK_FILTERS.filter((filter) => {
+      if (this.quickFilters[filter.key] || this.pendingToggleIds.has(filter.key)) {
+        return true;
+      }
+      return this.quickFilterFacets[filter.key] !== 0;
+    });
+    if (visibleFilters.length === 0) {
+      return b`<span class="${PREFIX}-therapeutic-alternative__panel-empty">Aucune valeur disponible.</span>`;
+    }
+    const rows = visibleFilters.map((filter) => {
+      const count = this.quickFilterFacets[filter.key];
+      const pending = this.pendingToggleIds.has(filter.key);
+      const rowClasses = [
+        `${PREFIX}-therapeutic-alternative__panel-row`,
+        pending ? `${PREFIX}-therapeutic-alternative__panel-row--pending` : ""
       ].join(" ");
       return b`
-        <button type="button" class=${chipClasses} @click=${() => this.toggleQuickFilter(filter.key)} data-test-id=${`quick-filter-${filter.key}`}>
-          ${active ? b`<bcbd-icon icon="check" size="extra-small"></bcbd-icon>` : A}
-          ${filter.label}
-        </button>
+        <div class=${rowClasses}>
+          <bcbd-checkbox
+            id=${`quick-filter-${filter.key}`}
+            label=${filter.label}
+            ?checked=${this.quickFilters[filter.key]}
+            color="primary"
+            @change=${() => this.toggleQuickFilter(filter.key)}
+            data-test-id=${`quick-filter-${filter.key}`}>
+          </bcbd-checkbox>
+          ${pending ? b`
+            <bcbd-loader theme="standard" size="18" data-test-id=${`quick-filter-loader-${filter.key}`}></bcbd-loader>
+          ` : this.renderQuickFilterCount(filter.key, count)}
+        </div>
       `;
     });
     return b`
-      <div class="${PREFIX}-therapeutic-alternative__chips" data-test-id="quick-filters-chips">
-        ${chips}
+      <div class="${PREFIX}-therapeutic-alternative__panel" data-test-id="quick-filters-panel">
+        <div class="${PREFIX}-therapeutic-alternative__panel-rows">
+          ${rows}
+        </div>
       </div>
     `;
   }
+  renderQuickFilterCount(key, count) {
+    if (count === void 0) {
+      return A;
+    }
+    return b`
+      <bcbd-tooltip placement="left" content=${INCLUDE_COUNT_TOOLTIP} data-test-id=${`quick-filter-count-tooltip-${key}`}>
+        <span class="${PREFIX}-therapeutic-alternative__count-badge" data-test-id=${`quick-filter-count-${key}`}>${count}</span>
+      </bcbd-tooltip>
+    `;
+  }
   renderSectionHeader(title, section) {
     const collapsed = this.sectionCollapsed[section];
     const chevronClasses = [
@@ -3130,24 +3277,49 @@ let TherapeuticAlternative = class extends i$1 {
         </bcbd-pagination>`}
     `;
   }
+  // The product name in the title replaces the "Produit sélectionné" line when has-title is on; without
+  // a title, that line (see render) is the only place the product name shows.
+  renderTitle(medicationTitle) {
+    return b`<span class="${PREFIX}-therapeutic-alternative-title" data-test-id="title">Alternative Thérapeutique pour ${medicationTitle !== "" ? decodeHtml(medicationTitle) : "ce produit"}</span>`;
+  }
   render() {
     const containerClasses = [
       `${PREFIX}-therapeutic-alternative`,
       this.hasTitle ? "" : `${PREFIX}-therapeutic-alternative-without-title`
     ].join(" ");
     const medicationTitle = getMedicationTitle(this.currentMedication);
+    if (this.currentMedication && this.isParaSource) {
+      return b`
+        <div class=${containerClasses} data-test-id="therapeutic-alternative-container">
+          ${this.hasTitle ? this.renderTitle(medicationTitle) : ""}
+          <div class="${PREFIX}-therapeutic-alternative__disclaimer">
+            <bcbd-alert title-message="Alternative thérapeutique indisponible"
+                        description-message="La recherche d'alternative n'est pas disponible pour les produits de parapharmacie."
+                        type="info" data-test-id="para-unavailable-alert">
+            </bcbd-alert>
+          </div>
+        </div>
+      `;
+    }
     return b`
       <div class=${containerClasses} data-test-id="therapeutic-alternative-container">
-        ${this.hasTitle ? b`<span class="${PREFIX}-therapeutic-alternative-title">Alternative thérapeutique</span>` : ""}
         ${this.currentMedication ? b`
           <div class="${PREFIX}-therapeutic-alternative__source mb-3" data-test-id="source-product">
-            <span data-test-id="source-product-label">
-              Produit sélectionné : <span class="text-primary">${medicationTitle !== "" ? decodeHtml(medicationTitle) : "Inconnu"}</span>
-            </span>
-            <bcbd-button size="small" background-color="primary" outlined
-                         @click=${this.cancelAlternative} data-test-id="cancel-alternative-button">
-              Retour au contrôle d'ordonnance
-            </bcbd-button>
+            ${this.hasTitle ? this.renderTitle(medicationTitle) : b`
+              <span data-test-id="source-product-label">
+                Produit sélectionné : <span class="text-primary">${medicationTitle !== "" ? decodeHtml(medicationTitle) : "Inconnu"}</span>
+              </span>`}
+            <div class="${PREFIX}-therapeutic-alternative__source-actions">
+              <bcbd-button size="small" background-color="secondary" outlined
+                           ?disabled=${this.hasNoSelectedCriteria()}
+                           @click=${this.resetAllCriteria} data-test-id="reset-criteria-button">
+                Réinitialiser
+              </bcbd-button>
+              <bcbd-button size="small" background-color="primary" outlined
+                           @click=${this.cancelAlternative} data-test-id="cancel-alternative-button">
+                Annuler
+              </bcbd-button>
+            </div>
           </div>
 
           <div class="${PREFIX}-therapeutic-alternative__disclaimer">
@@ -3190,6 +3362,7 @@ let TherapeuticAlternative = class extends i$1 {
           <div class="${PREFIX}-therapeutic-alternative__results" data-test-id="results-container">
             ${this.renderResults()}
           </div>` : b`
+          ${this.hasTitle ? this.renderTitle(medicationTitle) : ""}
           <div class="${PREFIX}-therapeutic-alternative__no-medication" data-test-id="no-medication-container">
               <bcbd-alert title-message="Pas de médicament sélectionné"
                           description-message="Un problème est survenu au moment de sélectionner le produit"
@@ -3216,6 +3389,9 @@ __decorateClass([
 __decorateClass([
   n2({ type: String, attribute: "api-key" })
 ], TherapeuticAlternative.prototype, "apiKey", 2);
+__decorateClass([
+  n2({ type: Object })
+], TherapeuticAlternative.prototype, "context", 2);
 __decorateClass([
   r()
 ], TherapeuticAlternative.prototype, "sourceProduct", 2);
@@ -3243,6 +3419,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], TherapeuticAlternative.prototype, "quickFilters", 2);
+__decorateClass([
+  r()
+], TherapeuticAlternative.prototype, "quickFilterFacets", 2);
 __decorateClass([
   r()
 ], TherapeuticAlternative.prototype, "scopeFacets", 2);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@claudebernard/therapeutic-alternative-element",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "main": "dist/therapeutic-alternative.es.js",
   "module": "dist/therapeutic-alternative.es.js",
   "types": "dist/therapeutic-alternative.d.ts",