@claudebernard/therapeutic-alternative-element 2.3.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;
@@ -46,12 +52,13 @@ 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;
@@ -64,7 +71,7 @@ export declare class TherapeuticAlternative extends LitElement {
     private static buildIncludeFacets;
     private static buildExcludeFacets;
     private static codesOf;
-    private static deriveInitialScope;
+    private scopePossessedIds;
     private includePossessedIds;
     private excludePossessedIds;
     private toggleScope;
@@ -98,6 +105,27 @@ export declare class TherapeuticAlternative extends LitElement {
     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) {
@@ -2327,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__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  font-weight: 700;\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}';
+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: [] };
 }
@@ -2371,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: {},
@@ -2439,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() {
@@ -2452,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({
@@ -2466,9 +2527,7 @@ let TherapeuticAlternative = class extends i$1 {
     }
   }
   // 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" -- clearing
-  // hasAppliedInitialScope so the next response re-derives and re-applies scope's own pre-check
-  // (see applyResponse) rather than leaving scope empty, which would NOT be the initial state.
+  // both mean "start over from the initial state for this medication" (nothing selected).
   resetAllCriteria() {
     this.clearScheduledRefetch();
     this.scope = emptyScopeCriteria();
@@ -2483,7 +2542,6 @@ let TherapeuticAlternative = class extends i$1 {
     this.openIncludeGroup = null;
     this.expandFacetGroupKey = null;
     this.currentPage = 1;
-    this.hasAppliedInitialScope = false;
     this.fetchAlternatives();
   }
   disconnectedCallback() {
@@ -2528,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;
@@ -2555,14 +2614,6 @@ let TherapeuticAlternative = class extends i$1 {
     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 {
@@ -2588,21 +2639,19 @@ let TherapeuticAlternative = class extends i$1 {
   static codesOf(list) {
     return (list ?? []).map((item) => item.code).filter((code) => !!code);
   }
-  static deriveInitialScope(sourceProduct) {
-    return {
-      indicationIds: TherapeuticAlternative.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: []
-    };
+  // 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 bold in an include checklist panel (see renderChecklistPanel's possessedIds param)
+  // 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.
@@ -2776,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 ?? {},
@@ -2852,8 +2902,9 @@ let TherapeuticAlternative = class extends i$1 {
         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 ?? ""}
@@ -2998,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}
     `;
   }
@@ -3236,6 +3288,19 @@ let TherapeuticAlternative = class extends i$1 {
       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.currentMedication ? b`
@@ -3324,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);

package/package.json

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