@uxland/primary-shell 7.46.11 → 7.46.13

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "7.46.11",
+  "version": "7.46.13",
   "description": "Primaria Shell",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/harmonix/tree/app#readme",
@@ -40,14 +40,14 @@
     "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",
     "tslib": "^2.3.0",
     "uxl-quill": "^1.0.1",
     "vite": "^7.0.0",
-    "@primaria/plugins-core": "1.0.18"
+    "@primaria/plugins-core": "1.0.21"
   },
   "scripts": {
     "serve": "vite",

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/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>