@uxland/primary-shell 8.0.0-rc.0 → 8.0.0-rc.2

package/dist/primary/shell/src/UI/components/clinical-pathways-action-menu/clinical-pathways-action-menu.d.ts

@@ -1,15 +1,7 @@
 import { IRegion } from '@uxland/regions';
-import { PropertyValues } from 'lit';
-declare const ClinicalPathwaysActionMenu_base: any;
-export declare class ClinicalPathwaysActionMenu extends ClinicalPathwaysActionMenu_base {
+import { SidenavActionMenu } from '../sidenav-action-menu/sidenav-action-menu';
+/** Menú "Vies clíniques" del menú de navegació: aporta la regió `clinicalPathwaysSidenav`. */
+export declare class ClinicalPathwaysActionMenu extends SidenavActionMenu {
     constructor(icon: string, label: string);
-    showText: boolean;
-    clinicalPathwaysSidenavRegion: IRegion | undefined;
-    static styles: import('lit').CSSResult;
-    firstUpdated(_changedProps: PropertyValues<ClinicalPathwaysActionMenu>): void;
-    observeHostResize(): void;
-    render(): import('lit').TemplateResult<1>;
-    icon: string;
-    label: string;
+    sidenavRegion: IRegion | undefined;
 }
-export {};

package/dist/primary/shell/src/UI/components/communication-action-menu/communication-action-menu.d.ts

@@ -1,15 +1,7 @@
 import { IRegion } from '@uxland/regions';
-import { PropertyValues } from 'lit';
-declare const CommunicationActionMenu_base: any;
-export declare class CommunicationActionMenu extends CommunicationActionMenu_base {
+import { SidenavActionMenu } from '../sidenav-action-menu/sidenav-action-menu';
+/** Menú "Comunicació" del menú de navegació: aporta la regió `communicationSidenav`. */
+export declare class CommunicationActionMenu extends SidenavActionMenu {
     constructor(icon: string, label: string);
-    showText: boolean;
-    comminucationSidenavRegion: IRegion | undefined;
-    static styles: import('lit').CSSResult;
-    firstUpdated(_changedProps: PropertyValues<CommunicationActionMenu>): void;
-    observeHostResize(): void;
-    render(): import('lit').TemplateResult<1>;
-    icon: string;
-    label: string;
+    sidenavRegion: IRegion | undefined;
 }
-export {};

package/dist/primary/shell/src/UI/components/petitioner-action-menu/petitioner-action-menu.d.ts

@@ -1,15 +1,7 @@
 import { IRegion } from '@uxland/regions';
-import { PropertyValues } from 'lit';
-declare const PetitionerActionMenu_base: any;
-export declare class PetitionerActionMenu extends PetitionerActionMenu_base {
+import { SidenavActionMenu } from '../sidenav-action-menu/sidenav-action-menu';
+/** Menú "Peticionari" del menú de navegació: aporta la regió `petitionerSidenav`. */
+export declare class PetitionerActionMenu extends SidenavActionMenu {
     constructor(icon: string, label: string);
-    showText: boolean;
-    petitionerSidenavRegion: IRegion | undefined;
-    static styles: import('lit').CSSResult;
-    firstUpdated(_changedProps: PropertyValues<PetitionerActionMenu>): void;
-    observeHostResize(): void;
-    render(): import('lit').TemplateResult<1>;
-    icon: string;
-    label: string;
+    sidenavRegion: IRegion | undefined;
 }
-export {};

package/dist/primary/shell/src/UI/components/sidenav-action-menu/sidenav-action-menu.d.ts

@@ -0,0 +1,27 @@
+import { PropertyValues } from 'lit';
+/** Id del contenidor de la regió, derivat del seu nom. */
+export declare const regionContainerId: (regionName: string) => string;
+declare const SidenavActionMenu_base: any;
+/**
+ * Base dels menús del menú de navegació que despleguen un `dss-action-menu` amb una regió a
+ * dins: "Comunicació", "Vies clíniques" i "Peticionari".
+ *
+ * Els tres eren el mateix component copiat tres vegades (styles.css idèntics i templates que
+ * només diferien en l'id del contenidor). Cada subclasse només aporta el seu `@region`, que no
+ * es pot parametritzar: el decorador escriu la metadada al constructor de la classe, així que
+ * una sola classe compartida tindria una única regió per a totes les instàncies.
+ */
+export declare class SidenavActionMenu extends SidenavActionMenu_base {
+    constructor(icon: string, label: string, regionName: string);
+    showText: boolean;
+    icon: string;
+    label: string;
+    regionName: string;
+    get containerId(): string;
+    static styles: import('lit').CSSResult;
+    firstUpdated(_changedProps: PropertyValues<SidenavActionMenu>): void;
+    /** Amaga el text quan el menú es col·lapsa. */
+    observeHostResize(): void;
+    render(): import('lit').TemplateResult<1>;
+}
+export {};

package/dist/primary/shell/src/UI/components/sidenav-action-menu/template.d.ts

@@ -0,0 +1,2 @@
+import { SidenavActionMenu } from './sidenav-action-menu';
+export declare const template: (props: SidenavActionMenu) => import('lit').TemplateResult<1>;

package/dist/primary/shell/src/UI/shared-components/primaria-text-editor/primaria-rich-text-editor.d.ts

@@ -1,5 +1,10 @@
 import { LitElement } from 'lit';
 import { default as Quill } from 'uxl-quill/dist/quill';
+/**
+ * Una opció de la barra d'eines de Quill: el nom solt (`"bold"`), un objecte de configuració
+ * (`{ header: 1 }`) o un grup d'opcions, que és com Quill separa els blocs de la barra.
+ */
+type ToolbarOption = string | Record<string, unknown> | (string | Record<string, unknown>)[];
 export declare class PrimariaRichTextEditor extends LitElement {
     private textChangeTimeout;
     render(): import('lit').TemplateResult<1>;
@@ -19,7 +24,7 @@ export declare class PrimariaRichTextEditor extends LitElement {
     _getOptions(): {
         modules: {
             toolbar: {
-                container: never[];
+                container: ToolbarOption[];
                 handlers: {
                     redo(): void;
                     undo(): void;
@@ -57,3 +62,4 @@ export declare class PrimariaRichTextEditor extends LitElement {
     };
     getCursorPosition(): any;
 }
+export {};

package/dist/primary/shell/src/api/broker/broker-events.d.ts

@@ -1,6 +1,12 @@
 /**
  * Diccionari centralitzat d'events del broker.
  * Events agrupats per plugin/iniciativa per facilitar l'organització i escalabilitat.
+ *
+ * Els grups que hi ha aquí escrits són els que el shell publica o consumeix. Els
+ * contractes entre iniciatives, en què el shell no és part, es declaren a
+ * `@primaria/plugins-core` i s'hi escampen a sota: el shell només fa de canal de
+ * distribució, perquè és l'únic paquet que instal·len les iniciatives externes.
+ * Els que porten resposta no són aquí, sinó a `BROKER_REQUESTS`.
  */
 export declare const BROKER_EVENTS: {
     readonly activityHistory: {
@@ -25,5 +31,14 @@ export declare const BROKER_EVENTS: {
     readonly administrativeManagement: {
         readonly tabSelected: "administrative_management_tab_selected";
     };
+    readonly cipds: {
+        readonly filterHistoricRequested: "cipds_diagnostic_filter_historic_requested";
+    };
+    readonly clinicalCourse: {
+        readonly draftAppendRequested: "clinical_course_draft_append_requested";
+    };
+    readonly helpCenter: {
+        readonly helpRequested: "help_requested";
+    };
 };
 export type BrokerEvents = typeof BROKER_EVENTS;

package/dist/primary/shell/src/api/broker/broker-requests.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Diccionari centralitzat de requests del broker: els missatges que porten
+ * resposta i es criden amb `send` / `registerRequest`.
+ *
+ * Separat de `BROKER_EVENTS` a propòsit. Un event (`publish`/`subscribe`) i una
+ * request (`send`/`registerRequest`) són mecanismes diferents, i barrejar-los
+ * en una constant que es diu "events" deixa qui l'autocompleta sense saber quin
+ * dels dos ha de cridar.
+ *
+ * Ara mateix només conté contractes entre iniciatives, declarats a
+ * `@primaria/plugins-core`. Si algun dia el shell exposa requests pròpies,
+ * s'escriuen aquí al costat, igual que a `BROKER_EVENTS`.
+ */
+export declare const BROKER_REQUESTS: {
+    readonly cipds: {
+        readonly diagnosticsSelectorRequested: "request_diagnostics_selector";
+        readonly selectionRequested: "cipds_selection_request";
+    };
+};
+export type BrokerRequests = typeof BROKER_REQUESTS;

package/dist/primary/shell/src/api/broker/primaria-broker.d.ts

@@ -1,7 +1,11 @@
 import { HarmonixBroker } from '@uxland/harmonix';
 import { BrokerEvents } from './broker-events';
+import { BrokerRequests } from './broker-requests';
 export interface PrimariaBroker extends HarmonixBroker {
+    /** Noms dels events: `publish` / `subscribe`. */
     events: BrokerEvents;
+    /** Noms de les requests: `send` / `registerRequest`. */
+    requests: BrokerRequests;
     /** Internal: removes every registration (shell teardown only). */
     _clear(): void;
 }

package/dist/primary/shell/src/api/ecap-event-manager/ecap-event-manager.d.ts

@@ -1,5 +1,6 @@
+import { LAST_WORKED_DIAGNOSTICS_KEY } from '@primaria/plugins-core';
 import { PrimariaGlobalStateManager } from '../global-state/global-state';
-export declare const LAST_WORKED_DIAGNOSTICS_KEY = "lastWorkedDiagnostics";
+export { LAST_WORKED_DIAGNOSTICS_KEY };
 export declare abstract class EcapEventManager {
     /**
      * Publish an Ecap event.
@@ -17,4 +18,3 @@ declare class EcapEventManagerImpl implements EcapEventManager {
     private raiseEcapEvent;
 }
 export declare const createEcapEventManager: (globalStateManager: PrimariaGlobalStateManager) => EcapEventManagerImpl;
-export {};

package/dist/primary/shell/src/api/import-data-manager/component/component.d.ts

@@ -5,6 +5,7 @@ export declare class ImportDataManagerModal extends LitElement implements Confir
     setResult: (result: undefined) => void;
     setIsValid: (isValid: boolean) => void;
     confirm: () => void;
+    confirmResult: (result: undefined) => void;
     cancel: () => void;
     render(): import('lit').TemplateResult<1>;
     static styles: import('lit').CSSResult;

package/dist/primary/shell/src/api/region-manager/region-manager.d.ts

@@ -1,7 +1,12 @@
-import { HarmonixRegionManager, IRegionManager, HarmonixViewDefinition } from '@uxland/harmonix';
+import { HarmonixRegionManager, HarmonixViewDefinition, IRegionManager } from '@uxland/harmonix';
 import { PluginInfo } from '../../handle-plugins';
-import { shellRegions, clinicalMonitoringRegions, activityHistoryRegions, administrativeManagementRegions } from './regions';
 import { PrimariaBroker } from '../broker/primaria-broker';
+import { activityHistoryRegions, administrativeManagementRegions, clinicalMonitoringRegions, shellRegions } from './regions';
+/** Una vista de la region main, amb el plugin que l'ha registrada. */
+export interface RegisteredMainView {
+    pluginId: string;
+    viewId: string;
+}
 export interface PrimariaRegionManager extends HarmonixRegionManager {
     regions: {
         shell: typeof shellRegions;
@@ -15,7 +20,9 @@ export interface PrimariaRegionManager extends HarmonixRegionManager {
     activateMainView(viewId: string): Promise<void>;
     activatePluginView(regionName: string, pluginId: string, viewId: string): Promise<void>;
     getCurrentMainViewActive(): string | undefined;
-    _destroy(): void;
+    getRegisteredMainViews(): RegisteredMainView[];
+    _removeAllViews(): Promise<void>;
+    _destroy(): Promise<void>;
 }
 /**
  * Creates a proxy for the region manager with the given plugin info and region manager instance.

package/dist/primary/shell/src/api/region-manager/remove-view-idempotency.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/primary/shell/src/disposer.d.ts

@@ -1,4 +1,4 @@
 import { ExitShellPayload } from './features/exit/request';
-export declare const disposeShell: () => void;
+export declare const disposeShell: () => Promise<void>;
 export declare const raiseCloseEvent: () => void;
 export declare const raiseCustomCloseEvent: (event: ExitShellPayload) => void;

package/dist/primary/shell/src/features/bootstrapper.d.ts

@@ -1,3 +1,3 @@
 import { PrimariaApi } from '../api/api';
 export declare const useFeatures: (api: PrimariaApi) => void;
-export declare const disposeFeatures: (api: PrimariaApi) => void;
+export declare const disposeFeatures: (api: PrimariaApi) => Promise<void>;

package/dist/primary/shell/src/features/exit/handler.d.ts

@@ -4,6 +4,18 @@ export declare class ExitShellHandler {
     private api;
     constructor(api: PrimariaApi);
     handle(exitEvent: ExitShell): Promise<void>;
+    /**
+     * Desmunta les vistes de tots els plugins abans de fer-los el `dispose`.
+     *
+     * Els cleanups dels `useEffect` s'executen en desmuntar-se el component i poden enviar comandes
+     * pel broker (p. ex. `ClearTransportDetail` a petitioner). Si el `dispose` s'executa primer, el
+     * handler ja no hi és i el `send` rebutja. Cada plugin d'aquest repositori ja desmunta les seves
+     * vistes primer, però els de tercers no els controlem: fer-ho aquí els cobreix tots.
+     *
+     * Va dins del mateix `Promise.race` que el `dispose`, així que el límit de temps del tancament
+     * no canvia.
+     */
+    private unmountViewsAndDisposePlugins;
     private timeout;
     private emitClose;
 }

package/dist/primary/shell/src/features/get-user-info/backend-adapter.d.ts

@@ -1,5 +1,6 @@
-import { IUserInfo } from './model';
 import { shellApi } from '../../api/api';
+import { IUserInfo } from './model';
+import { PdsAccessInfo } from './pds-token';
 export declare abstract class UserInfoBackendAdapter {
     abstract getUserInfo(): Promise<IUserInfo>;
 }
@@ -7,5 +8,6 @@ export declare class GetUserInfoBackendAdapter implements UserInfoBackendAdapter
     private api;
     constructor(api: typeof shellApi);
     getUserInfo(): Promise<IUserInfo>;
-    getUserId(access_info: any): any;
+    private findIdentifier;
+    getUserId(accessInfo: PdsAccessInfo | undefined): string | undefined;
 }

package/dist/primary/shell/src/features/get-user-info/pds-token.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Els camps del token del PDS que aquest adaptador llegeix.
+ *
+ * Es declara aquí, i no s'importa `PDSToken` de `@pds/core`, per dues raons: el shell no depèn
+ * d'aquell package, i el seu `AccessInfo` no inclou `trace_user_last_name`, que sí que es fa
+ * servir. Si algun dia s'unifiquen els dos contractes, aquest fitxer hauria de desaparèixer.
+ *
+ * Tot és opcional perquè el token no en garanteix cap: fins ara el tipus era `any` i
+ * `IUserInfo` prometia `string` a tot arreu, cosa que no era certa en runtime.
+ */
+export interface PdsAccessInfo {
+    trace_user_given_name?: string;
+    trace_user_family_name?: string;
+    trace_user_last_name?: string;
+    center_code?: string;
+    role_type?: string;
+    professional_category?: string;
+    identifier?: PdsIdentifier[];
+}
+export interface PdsIdentifier {
+    type: string;
+    value: string;
+}
+export interface PdsToken {
+    access_info?: PdsAccessInfo;
+}

package/dist/primary/shell/src/features/get-visi-id/action.d.ts

@@ -0,0 +1,2 @@
+import { PrimariaApi } from '../../api/api';
+export declare const getVisiId: (api: PrimariaApi) => Promise<string | undefined>;

package/dist/primary/shell/src/index.d.ts

@@ -1,11 +1,14 @@
 export * from './bootstrapper';
 export * from './disposer';
+export * from './api/region-manager/regions';
+export type { RegisteredMainView } from './api/region-manager/region-manager';
 export * from './handle-plugins';
 export type { PrimariaApi } from './api/api';
 export { PrimariaRegionHost, shellApi } from './api/api';
 export type { TokenManager, InternalTokenManager } from './api/token-manager/token-manager';
 export * from './api/broker/primaria-broker';
 export type { PrimariaContextManager, EcapContext } from './api/context-manager/context-manager';
+export type { PrimariaImportDataManager, ImportParams, ImportParamsDiagnostic, } from './api/import-data-manager/import-data-manager';
 export * from './UI/index';
 export { PrimariaNavItem } from './UI/shared-components/primaria-nav-item/primaria-nav-item';
 export { QuickActionItem } from './UI/shared-components/quick-action-item/quick-action-item';
@@ -18,3 +21,5 @@ export { ExitShell } from './features/exit/request';
 export type { ExitShellPayload } from './features/exit/request';
 export type { IUserInfo } from './features/get-user-info/model';
 export type { IActivityHistoryItem, IHistoryDataImporterContext, IHistoryDataImporterRules, InjectAsyncHistoryItemsPayload, AddHistoryItemPayload, AddHistoryItemsPayload, ActivityHistoryFilterType, IActivityHistoryCustomFilterGroup, IActivityHistoryCustomFilter, } from '@primaria/plugins-core';
+export { REQUEST_DIAGNOSTICS_SELECTOR, CIPDS_SELECTION_REQUEST, CIPDS_DIAGNOSTIC_FILTER_HISTORIC_REQUESTED, LAST_WORKED_DIAGNOSTICS_KEY, CLINICAL_COURSE_DRAFT_APPEND_REQUESTED, HELP_REQUESTED, } from '@primaria/plugins-core';
+export type { Diagnostic, ConfigFilterDiagnosticParams, DiagnosticsUpdater, DiagnosticsSelectorPayload, CipdsSelectionRequestPayload, CipdsSelectionResponse, DiagnosticRelation, DiagnosticWithRelations, DiagnosticFilterHistoricPayload, ClinicalCourseDraftAppendRequestedPayload, HelpRequestedPayload, } from '@primaria/plugins-core';

package/dist/primary/shell/src/locales.d.ts

@@ -43,6 +43,7 @@ export declare const locales: {
                 title: string;
                 actions: {
                     cancel: string;
+                    close: string;
                     import: string;
                 };
             };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "8.0.0-rc.0",
+  "version": "8.0.0-rc.2",
   "description": "Primaria Shell",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/harmonix/tree/app#readme",
@@ -9,10 +9,7 @@
   "main": "src/index.ts",
   "types": "dist/index.d.ts",
   "module": "dist/index.js",
-  "files": [
-    "dist",
-    "src"
-  ],
+  "files": ["dist", "src"],
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -37,8 +34,8 @@
     "@uxland/harmonix-adapters": "^1.2.2"
   },
   "devDependencies": {
-    "@primaria/plugins-core": "^1.0.14",
-    "@salut/design-system-salut": "../../design-system-salut-3.0.2.tgz",
+    "@primaria/plugins-core": "workspace:*",
+    "@salut/design-system-salut": "../../design-system-salut-3.0.4.tgz",
     "@types/react": "^19.0.12",
     "@uxland/lit-utilities": "^1.0.0",
     "@uxland/localization": "^1.0.3",
@@ -49,7 +46,7 @@
     "inversify": "^6.0.2",
     "inversify-inject-decorators": "^3.1.0",
     "jwt-decode": "^4.0.0",
-    "lit": "^3.1.0",
+    "lit": "^3.2.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "reflect-metadata": "^0.2.2",

package/src/UI/components/clinical-pathways-action-menu/clinical-pathways-action-menu.ts

@@ -1,48 +1,13 @@
 import { IRegion, region } from "@uxland/regions";
-import { LitElement, PropertyValues, css, html, unsafeCSS } from "lit";
-import { property, state } from "lit/decorators.js";
-import { PrimariaRegionHost } from "../../../api/api";
 import { shellRegions } from "../../../api/region-manager/regions";
-import styles from "./styles.css?inline";
-import { template } from "./template";
+import { SidenavActionMenu, regionContainerId } from "../sidenav-action-menu/sidenav-action-menu";
 
-export class ClinicalPathwaysActionMenu extends PrimariaRegionHost(LitElement) {
+/** Menú "Vies clíniques" del menú de navegació: aporta la regió `clinicalPathwaysSidenav`. */
+export class ClinicalPathwaysActionMenu extends SidenavActionMenu {
   constructor(icon: string, label: string) {
-    super();
-    this.icon = icon;
-    this.label = label;
+    super(icon, label, shellRegions.clinicalPathwaysSidenav);
   }
 
-  @state() showText = false;
-
-  @region({ targetId: "clinical-pathways-sidenav-region-container", name: shellRegions.clinicalPathwaysSidenav })
-  clinicalPathwaysSidenavRegion: IRegion | undefined;
-
-  static styles = css`
-    ${unsafeCSS(styles)}
-  `;
-
-  firstUpdated(_changedProps: PropertyValues<ClinicalPathwaysActionMenu>) {
-    super.firstUpdated(_changedProps);
-    this.observeHostResize();
-  }
-
-  observeHostResize() {
-    const parentElement = this.parentElement;
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        const width = entry.target.clientWidth;
-        this.showText = width > 100;
-      }
-    });
-
-    observer.observe(parentElement as HTMLElement);
-  }
-
-  render() {
-    return html`${template(this)}`;
-  }
-
-  @property({ type: String }) icon = "";
-  @property({ type: String }) label = "";
+  @region({ targetId: regionContainerId(shellRegions.clinicalPathwaysSidenav), name: shellRegions.clinicalPathwaysSidenav })
+  sidenavRegion: IRegion | undefined;
 }

package/src/UI/components/communication-action-menu/communication-action-menu.ts

@@ -1,48 +1,13 @@
 import { IRegion, region } from "@uxland/regions";
-import { LitElement, PropertyValues, css, html, unsafeCSS } from "lit";
-import { property, state } from "lit/decorators.js";
-import { PrimariaRegionHost } from "../../../api/api";
 import { shellRegions } from "../../../api/region-manager/regions";
-import styles from "./styles.css?inline";
-import { template } from "./template";
+import { SidenavActionMenu, regionContainerId } from "../sidenav-action-menu/sidenav-action-menu";
 
-export class CommunicationActionMenu extends PrimariaRegionHost(LitElement) {
+/** Menú "Comunicació" del menú de navegació: aporta la regió `communicationSidenav`. */
+export class CommunicationActionMenu extends SidenavActionMenu {
   constructor(icon: string, label: string) {
-    super();
-    this.icon = icon;
-    this.label = label;
+    super(icon, label, shellRegions.communicationSidenav);
   }
 
-  @state() showText = false;
-
-  @region({ targetId: "communication-sidenav-region-container", name: shellRegions.communicationSidenav })
-  comminucationSidenavRegion: IRegion | undefined;
-
-  static styles = css`
-    ${unsafeCSS(styles)}
-  `;
-
-  firstUpdated(_changedProps: PropertyValues<CommunicationActionMenu>) {
-    super.firstUpdated(_changedProps);
-    this.observeHostResize();
-  }
-
-  observeHostResize() {
-    const parentElement = this.parentElement;
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        const width = entry.target.clientWidth;
-        this.showText = width > 100;
-      }
-    });
-
-    observer.observe(parentElement as HTMLElement);
-  }
-
-  render() {
-    return html`${template(this)}`;
-  }
-
-  @property({ type: String }) icon = "";
-  @property({ type: String }) label = "";
+  @region({ targetId: regionContainerId(shellRegions.communicationSidenav), name: shellRegions.communicationSidenav })
+  sidenavRegion: IRegion | undefined;
 }

package/src/UI/components/petitioner-action-menu/petitioner-action-menu.ts

@@ -1,48 +1,13 @@
 import { IRegion, region } from "@uxland/regions";
-import { LitElement, PropertyValues, css, html, unsafeCSS } from "lit";
-import { property, state } from "lit/decorators.js";
-import { PrimariaRegionHost } from "../../../api/api";
 import { shellRegions } from "../../../api/region-manager/regions";
-import styles from "./styles.css?inline";
-import { template } from "./template";
+import { SidenavActionMenu, regionContainerId } from "../sidenav-action-menu/sidenav-action-menu";
 
-export class PetitionerActionMenu extends PrimariaRegionHost(LitElement) {
+/** Menú "Peticionari" del menú de navegació: aporta la regió `petitionerSidenav`. */
+export class PetitionerActionMenu extends SidenavActionMenu {
   constructor(icon: string, label: string) {
-    super();
-    this.icon = icon;
-    this.label = label;
+    super(icon, label, shellRegions.petitionerSidenav);
   }
 
-  @state() showText = false;
-
-  @region({ targetId: "petitioner-sidenav-region-container", name: shellRegions.petitionerSidenav })
-  petitionerSidenavRegion: IRegion | undefined;
-
-  static styles = css`
-    ${unsafeCSS(styles)}
-  `;
-
-  firstUpdated(_changedProps: PropertyValues<PetitionerActionMenu>) {
-    super.firstUpdated(_changedProps);
-    this.observeHostResize();
-  }
-
-  observeHostResize() {
-    const parentElement = this.parentElement;
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        const width = entry.target.clientWidth;
-        this.showText = width > 100;
-      }
-    });
-
-    observer.observe(parentElement as HTMLElement);
-  }
-
-  render() {
-    return html`${template(this)}`;
-  }
-
-  @property({ type: String }) icon = "";
-  @property({ type: String }) label = "";
+  @region({ targetId: regionContainerId(shellRegions.petitionerSidenav), name: shellRegions.petitionerSidenav })
+  sidenavRegion: IRegion | undefined;
 }

package/src/UI/components/primaria-shell/primaria-shell.ts

@@ -94,7 +94,9 @@ export class PrimariaShell extends PrimariaRegionHost(LitElement) {
   _handleError(error: { message: string }) {
     this.viewSelected = shellViews.error;
     this.error = error;
-    disposeShell();
+    // Sense esperar a proposit: aixo es un callback sincron de Lit i aqui ja pintem la vista
+    // d'error, que no depen que el teardown hagi acabat. El `void` ho marca com a deliberat.
+    void disposeShell();
   }
 
   _unsubscribeEvents() {

package/src/UI/components/sidenav-action-menu/sidenav-action-menu.ts

@@ -0,0 +1,62 @@
+import { LitElement, PropertyValues, css, html, unsafeCSS } from "lit";
+import { property, state } from "lit/decorators.js";
+import { PrimariaRegionHost } from "../../../api/api";
+import styles from "./styles.css?inline";
+import { template } from "./template";
+
+/** Id del contenidor de la regió, derivat del seu nom. */
+export const regionContainerId = (regionName: string) => `${regionName}-container`;
+
+/**
+ * Base dels menús del menú de navegació que despleguen un `dss-action-menu` amb una regió a
+ * dins: "Comunicació", "Vies clíniques" i "Peticionari".
+ *
+ * Els tres eren el mateix component copiat tres vegades (styles.css idèntics i templates que
+ * només diferien en l'id del contenidor). Cada subclasse només aporta el seu `@region`, que no
+ * es pot parametritzar: el decorador escriu la metadada al constructor de la classe, així que
+ * una sola classe compartida tindria una única regió per a totes les instàncies.
+ */
+export class SidenavActionMenu extends PrimariaRegionHost(LitElement) {
+  constructor(icon: string, label: string, regionName: string) {
+    super();
+    this.icon = icon;
+    this.label = label;
+    this.regionName = regionName;
+  }
+
+  @state() showText = false;
+
+  @property({ type: String }) icon = "";
+  @property({ type: String }) label = "";
+  @property({ type: String }) regionName = "";
+
+  get containerId() {
+    return regionContainerId(this.regionName);
+  }
+
+  static styles = css`
+    ${unsafeCSS(styles)}
+  `;
+
+  firstUpdated(_changedProps: PropertyValues<SidenavActionMenu>) {
+    super.firstUpdated(_changedProps);
+    this.observeHostResize();
+  }
+
+  /** Amaga el text quan el menú es col·lapsa. */
+  observeHostResize() {
+    const parentElement = this.parentElement;
+    const observer = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const width = entry.target.clientWidth;
+        this.showText = width > 100;
+      }
+    });
+
+    observer.observe(parentElement as HTMLElement);
+  }
+
+  render() {
+    return html`${template(this)}`;
+  }
+}

package/src/UI/components/{petitioner-action-menu → sidenav-action-menu}/template.ts

@@ -1,7 +1,7 @@
 import { html, nothing } from "lit";
-import { PetitionerActionMenu } from "./petitioner-action-menu";
+import { SidenavActionMenu } from "./sidenav-action-menu";
 
-export const template = (props: PetitionerActionMenu) => {
+export const template = (props: SidenavActionMenu) => {
   return html`
     <div class="item" ?expanded=${props.showText}>
       <div class="icon-label">
@@ -16,7 +16,7 @@ export const template = (props: PetitionerActionMenu) => {
             : nothing
         }
       </div>
-      <dss-action-menu id="petitioner-sidenav-region-container" slot="content" >
+      <dss-action-menu id=${props.containerId} slot="content" >
       </dss-action-menu>
       ${props.showText ? html`<dss-icon icon="chevron_right" size="md"></dss-icon>` : nothing}
     </div>