@uxland/primary-shell 5.1.2 → 5.2.1

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

@@ -0,0 +1 @@
+export declare const useUI: () => void;

package/dist/primary/shell/src/UI/components/bootstrapper.d.ts

@@ -0,0 +1 @@
+export declare const useComponents: () => void;

package/dist/primary/shell/src/UI/components/{shell-header → primaria-shell/shell-header}/shell-header.d.ts

@@ -1,8 +1,8 @@
-import { IUserInfo } from 'primary/shell/src/features/get-user-info/model';
 import { IRegion } from '@uxland/regions';
+import { IUserInfo } from 'primary/shell/src/features/get-user-info/model';
 
-declare const ShellHeader_base: any;
-export declare class ShellHeader extends ShellHeader_base {
+declare const PrimariaShellHeader_base: any;
+export declare class PrimariaShellHeader extends PrimariaShellHeader_base {
     render(): import('lit').TemplateResult<1>;
     static styles: import('lit').CSSResult;
     headerRegion: IRegion | undefined;

package/dist/primary/shell/src/UI/components/primaria-shell/shell-header/template.d.ts

@@ -0,0 +1,3 @@
+import { PrimariaShellHeader } from './shell-header';
+
+export declare const template: (props: PrimariaShellHeader) => import('lit').TemplateResult<1>;

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

@@ -1,2 +1 @@
-export * from './components';
 export * from './shared-components';

package/dist/primary/shell/src/UI/shared-components/bootstrapper.d.ts

@@ -0,0 +1 @@
+export declare const useSharedUI: () => void;

package/dist/primary/shell/src/UI/shared-components/index.d.ts

@@ -1,2 +1 @@
-
 export { PrimariaContentSwitcher } from './primaria-content-switcher/primaria-content-switcher';

package/dist/primary/shell/src/UI/shared-components/primaria-character-limit-badge/primaria-character-limit-badge.d.ts

@@ -0,0 +1,9 @@
+import { LitElement, nothing } from 'lit';
+
+export declare class PrimariaCharacterLimitBadge extends LitElement {
+    characterCount: number;
+    characterLimit: number;
+    label: string;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1> | typeof nothing;
+}

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

@@ -1,14 +1,14 @@
 import { ApiFactory, HarmonixApi } from '@uxland/harmonix';
-import { PrimariaRegionManager } from './region-manager/region-manager';
 import { PrimariaBroker } from './broker/primaria-broker';
+import { EcapEventManager } from './ecap-event-manager/ecap-event-manager';
 import { PrimariaGlobalStateManager } from './global-state/global-state';
 import { HttpClient } from './http-client/http-client';
-import { TokenManager } from './token-manager/token-manager';
-import { EcapEventManager } from './ecap-event-manager/ecap-event-manager';
-import { PluginBusyManager } from './plugin-busy-manager/plugin-busy-manager';
 import { PrimariaInteractionService } from './interaction-service';
 import { PrimariaNotificationService } from './notification-service/notification-service';
 import { PdfViewerManager } from './pdf-viewer-manager/pdf-viewer-manager';
+import { PluginBusyManager } from './plugin-busy-manager/plugin-busy-manager';
+import { PrimariaRegionManager } from './region-manager/region-manager';
+import { TokenManager } from './token-manager/token-manager';
 
 export interface PrimariaApi extends HarmonixApi {
     httpClient: HttpClient;

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

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

package/dist/primary/shell/src/api/notification-service/notification-service-impl.test.d.ts

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

package/dist/primary/shell/src/api/pdf-viewer-manager/constants.d.ts

@@ -0,0 +1 @@
+export declare const pdfViewerId = "pdf-viewer";

package/dist/primary/shell/src/api/pdf-viewer-manager/handle-views.d.ts

@@ -0,0 +1,2 @@
+export declare const registerPdfViewerNavItem: () => void;
+export declare const registerPDFVisorMainView: () => void;

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

@@ -1,6 +1,5 @@
 import { PrimariaBroker } from '../broker/primaria-broker';
 import { PrimariaNotificationService } from '../notification-service/notification-service';
-import { PrimariaRegionManager } from '../region-manager/region-manager';
 
 export interface IPdfDocument {
     pdfName: string;
@@ -14,8 +13,7 @@ export interface PdfData {
 export declare class PdfViewerManager {
     private broker;
     private notificationService;
-    private regionManager;
-    constructor(broker: PrimariaBroker, notificationService: PrimariaNotificationService, regionManager: PrimariaRegionManager);
+    constructor(broker: PrimariaBroker, notificationService: PrimariaNotificationService);
     private pdfs;
     private activePdf;
     private hasBeenActivated;
@@ -24,4 +22,4 @@ export declare class PdfViewerManager {
     getPdfs(): IPdfDocument[];
     private registerNavButton;
 }
-export declare const createPdfViewerManager: (broker: PrimariaBroker, notificationService: PrimariaNotificationService, regionManager: PrimariaRegionManager) => PdfViewerManager;
+export declare const createPdfViewerManager: (broker: PrimariaBroker, notificationService: PrimariaNotificationService) => PdfViewerManager;

package/dist/primary/shell/src/api/pdf-viewer-manager/pdf-viewer-manager.test.d.ts

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

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

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

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

@@ -1,2 +1 @@
-
 export declare const initializeShell: (hostAppElement: HTMLElement) => void;

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

@@ -1,4 +1,2 @@
 export declare const primariaShellId = "primaria-shell";
-export declare const clinicalMonitoringId = "clinical-monitoring";
 export declare const pocTestEventsId = "poc-events-ecap";
-export declare const pdfViewerId = "pdf-viewer";

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

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

package/dist/primary/shell/src/features/clinical-monitoring/bootstrapper.d.ts

@@ -0,0 +1,4 @@
+import { PrimariaApi } from '../../api/api';
+
+export declare const useClinicalMonitoring: (api: PrimariaApi) => void;
+export declare const disposeClinicalMonitoring: (api: PrimariaApi) => void;

package/dist/primary/shell/src/features/clinical-monitoring/constants.d.ts

@@ -0,0 +1 @@
+export declare const clinicalMonitoringId = "clinical-monitoring";

package/dist/primary/shell/src/features/clinical-monitoring/handle-views.d.ts

@@ -0,0 +1 @@
+export declare const activateClinicalMonitoringView: () => void;

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

@@ -1,2 +1,4 @@
-export declare const bootstrapExitShell: () => void;
-export declare const teardownExitShell: () => void;
+import { PrimariaApi } from '../../api/api';
+
+export declare const useExitShell: (api: PrimariaApi) => void;
+export declare const disposeExitShell: () => void;

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

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

package/dist/primary/shell/src/features/get-patient-cip/action.d.ts

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

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

@@ -1,2 +1,4 @@
-export declare const bootstrapGetUserInfo: () => void;
-export declare const teardownGetUserInfo: () => void;
+import { PrimariaApi } from '../../api/api';
+
+export declare const useGetUserInfo: (api: PrimariaApi) => void;
+export declare const disposeGetUserInfo: () => void;

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

@@ -1,7 +1,7 @@
-import { PrimariaApi } from '../..';
 import { GetUserInfo } from './request';
 import { IUserInfo } from './model';
 import { UserInfoBackendAdapter } from './backend-adapter';
+import { PrimariaApi } from '../../api/api';
 
 export declare class GetUserInfoHandler {
     private api;

package/dist/primary/shell/src/features/get-user-info/handler.test.d.ts

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

package/dist/primary/shell/src/features/navigate-to-ecap/navigate-without-closing-and-with-cip.d.ts

@@ -0,0 +1 @@
+export declare const navigateToEcapWithoutClosingWithCip: (eventName: string) => Promise<void>;

package/dist/primary/shell/src/handle-views.d.ts

@@ -1,2 +1 @@
-export declare const registerInternalViews: () => void;
-export declare const activateDefaultView: () => void;
+export declare const useInternalViews: () => void;

package/dist/primary/shell/src/internal-plugins/activity-history/utils/get-unique-values-by-prop-path.test.d.ts

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

package/dist/primary/shell/src/internal-plugins/activity-history/utils/normalize-string.d.ts

@@ -1 +1 @@
-export declare const normalizeStringToNFD: (text: string) => string;
+export declare const normalizeStringToNFD: (text: string | number | boolean | null | undefined) => string;

package/dist/primary/shell/src/internal-plugins/activity-history/utils/normalize-string.test.d.ts

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

package/dist/primary/shell/src/internal-plugins/activity-history/utils/prop-contains-string.test.d.ts

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

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

@@ -2,7 +2,7 @@ import { PrimariaApi } from './api/api';
 import { primariaShellId } from './constants';
 
 declare let shellLocaleManager: any;
-export declare const initializeLocalization: (api: PrimariaApi) => Promise<void>;
+export declare const useLocalization: (api: PrimariaApi) => Promise<void>;
 type LocaleKeys<T> = T extends object ? {
     [K in keyof T]: `${K & string}` | (T[K] extends object ? `${K & string}.${LocaleKeys<T[K]>}` : never);
 }[keyof T] : never;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "5.1.2",
+  "version": "5.2.1",
   "description": "Primaria Shell",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/harmonix/tree/app#readme",
@@ -44,7 +44,7 @@
     "react-dom": "^19.0.0",
     "@types/react": "^19.0.12",
     "inversify-inject-decorators": "^3.1.0",
-    "@salut/design-system-salut": "../../design-system-salut-2.3.0.tgz",
+    "@salut/design-system-salut": "../../design-system-salut-2.4.0.tgz",
     "jwt-decode": "^4.0.0",
     "lit": "^3.1.0",
     "mediatr-ts": "^1.2.1",

package/src/UI/bootstrapper.ts

@@ -0,0 +1,12 @@
+import { regionAdapterRegistry, selectableAdapterFactory } from "@uxland/regions";
+import { useComponents } from "./components/bootstrapper";
+import { useSharedUI } from "./shared-components/bootstrapper";
+
+export const useUI = () => {
+  regionAdapterRegistry.registerAdapterFactory(
+    "primaria-content-switcher",
+    selectableAdapterFactory,
+  );
+  useSharedUI();
+  useComponents();
+};

package/src/UI/components/bootstrapper.ts

@@ -0,0 +1,17 @@
+import { customElement } from "lit/decorators.js";
+import { PrimariaShell } from "./primaria-shell/primaria-shell";
+import { PrimariaErrorView } from "./error-view/component";
+import { QuickActionsMenu } from "./quick-actions-menu/quick-actions-menu";
+import { PrimariaShellHeader } from "./primaria-shell/shell-header/shell-header";
+import { PocEventsEcap } from "./poc-events-ecap/poc-events-ecap";
+
+export const useComponents = () => {
+  //@ts-ignore
+  customElement("primaria-shell")(PrimariaShell);
+  //@ts-ignore
+  customElement("primaria-shell-header")(PrimariaShellHeader);
+  customElement("primaria-error-view")(PrimariaErrorView);
+  customElement("quick-actions-menu")(QuickActionsMenu);
+  //@ts-ignore
+  customElement("poc-events-ecap")(PocEventsEcap);
+};

package/src/UI/components/{primaria-error-view → error-view}/component.ts

@@ -1,9 +1,8 @@
 import { LitElement, css, html, unsafeCSS } from "lit";
-import { customElement, property } from "lit/decorators.js";
+import { property } from "lit/decorators.js";
 import styles from "./styles.css?inline";
 import { template } from "./template";
 
-@customElement("primaria-error-view")
 export class PrimariaErrorView extends LitElement {
   render() {
     return html`${template(this)}`;
@@ -14,5 +13,5 @@ export class PrimariaErrorView extends LitElement {
 `;
 
   @property()
-  error: {message: string};
+  error: { message: string };
 }

package/src/UI/components/poc-events-ecap/poc-events-ecap.ts

@@ -1,9 +1,6 @@
 import { LitElement, css, html } from "lit";
-import { customElement } from "lit/decorators.js";
 import { shellApi } from "../../../api/api";
 
-//@ts-ignore
-@customElement("poc-events-ecap")
 export class PocEventsEcap extends LitElement {
   render() {
     return html`<div>
@@ -43,12 +40,11 @@ export class PocEventsEcap extends LitElement {
     const pdfName = (this as any).shadowRoot?.getElementById("pdfName")?.value as string;
     const fileName = (this as any).shadowRoot?.getElementById("url")?.value as string;
 
-    const data = fileName;
+    const data = { url: fileName };
 
-    const pdf = { pdfName, data };
-    console.log("Añadiendo PDF:", pdf);
+    console.log("Añadiendo PDF:", pdfName);
 
-    shellApi.pdfViewerManager.add(pdf);
+    shellApi.pdfViewerManager.add(pdfName, data);
   }
 
   getPDFS() {

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

@@ -1,19 +1,17 @@
 import { IRegion, region } from "@uxland/regions";
+import { BrokerDisposableHandler } from "harmonix/core/dist";
 import { LitElement, css, html, unsafeCSS } from "lit";
+import { state } from "lit/decorators.js";
 import { PrimariaRegionHost, shellApi } from "../../../api/api";
-import { customElement, state } from "lit/decorators.js";
 import { shellRegions } from "../../../api/region-manager/regions";
-import styles from "./styles.css?inline";
-import { template } from "./template";
-import { shellViews } from "./constants";
+import { disposeShell } from "../../../disposer";
 import { shellEvents } from "../../../events";
-import { activateDefaultView } from "../../../handle-views";
-import { BrokerDisposableHandler } from "harmonix/core/dist";
 import { translate } from "../../../locales";
-import { disposeShell } from "../../../disposer";
+import { shellViews } from "./constants";
+import styles from "./styles.css?inline";
+import { template } from "./template";
+import { activateClinicalMonitoringView } from "../../../features/clinical-monitoring/handle-views";
 
-//@ts-ignore
-@customElement("primaria-shell")
 export class PrimariaShell extends PrimariaRegionHost(LitElement) {
   render() {
     return html`${template(this)}`;
@@ -36,7 +34,7 @@ export class PrimariaShell extends PrimariaRegionHost(LitElement) {
   firstUpdated() {
     super.firstUpdated();
     setTimeout(() => {
-      activateDefaultView();
+      activateClinicalMonitoringView();
     }, 300);
   }
 

package/src/UI/components/{shell-header → primaria-shell/shell-header}/shell-header.ts

@@ -1,16 +1,15 @@
+import { IRegion, region } from "@uxland/regions";
 import { LitElement, css, html, unsafeCSS } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { template } from "./template";
-import { PrimariaRegionHost, shellApi } from "../../../api/api";
+import { property, state } from "lit/decorators.js";
 import { IUserInfo } from "primary/shell/src/features/get-user-info/model";
-import { GetUserInfo } from "../../../features/get-user-info/request";
+import { PrimariaRegionHost, shellApi } from "../../../../api/api";
+import { shellRegions } from "../../../../api/region-manager/regions";
+import { ExitShell } from "../../../../features/exit/request";
+import { GetUserInfo } from "../../../../features/get-user-info/request";
 import styles from "./styles.css?inline";
-import { shellRegions } from "../../../api/region-manager/regions";
-import { IRegion, region } from "@uxland/regions";
-import { ExitShell } from "../../../features/exit/request";
+import { template } from "./template";
 
-@customElement("shell-header")
-export class ShellHeader extends PrimariaRegionHost(LitElement) {
+export class PrimariaShellHeader extends PrimariaRegionHost(LitElement) {
   render() {
     return html`${template(this)}`;
   }

package/src/UI/components/{shell-header → primaria-shell/shell-header}/template.ts

@@ -1,10 +1,10 @@
 import { html } from "lit";
-import salutLogo from "../../../UI/images/Salut_Logotip.svg";
-import { ShellHeader } from "./shell-header";
+import salutLogo from "../../../../UI/images/Salut_Logotip.svg";
+import { PrimariaShellHeader } from "./shell-header";
 import { when } from "lit/directives/when.js";
-import { translate } from "../../../locales";
+import { translate } from "../../../../locales";
 
-export const template = (props: ShellHeader) => {
+export const template = (props: PrimariaShellHeader) => {
   const workCenterElements = [{ label: props.professional?.workCenter, value: "1" }];
   const roleElements = [{ label: props.professional?.role, value: "1" }];
   const specialityElements = [{ label: props.professional?.speciality, value: "1" }];

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

@@ -5,12 +5,12 @@ import { html, nothing } from "lit";
 import gencatLogo from "../../../UI/images/Gencat_Logotip.svg";
 import { PrimariaShell } from "./primaria-shell";
 import { shellViews } from "./constants";
-import {translate} from '../../../locales';
+import { translate } from "../../../locales";
 
 export const template = (props: PrimariaShell) => html`
 <primaria-content-switcher id="main-switcher" attrForSelected="view" .selected=${props.viewSelected}>
   <div class="container" view=${shellViews.shell}>
-    <shell-header></shell-header>
+    <primaria-shell-header></primaria-shell-header>
     <div class="main-container">
       <div class="sidebar" ?expanded=${props.sidebarExpanded}>
         <div id="menu-region-container"></div>
@@ -18,13 +18,17 @@ export const template = (props: PrimariaShell) => html`
           <quick-actions-menu>
             <div class="${props.sidebarExpanded ? "create-button-opened" : "create-button-closed"} " slot="anchor" id="usage-anchor">
               <div class="${props.quickActionBusy ? "create-button-icon-badge" : ""}">
-                ${props.quickActionBusy ? html`<dss-notification-badge value="" state="error" borderwhite="" type="default" dot=""></dss-notification-badge>`: nothing}  
+                ${props.quickActionBusy ? html`<dss-notification-badge value="" state="error" borderwhite="" type="default" dot=""></dss-notification-badge>` : nothing}  
                 <dss-icon class="${props.sidebarExpanded ? "icon" : ""}" icon="add_circle_outline" size="md"></dss-icon>
               </div>
-              ${props.sidebarExpanded ? translate('actions.create') : nothing}
-              ${!props.sidebarExpanded ? html`<dss-tooltip position="right">
-                ${translate('actions.create')}
-              </dss-tooltip>` : nothing}
+              ${props.sidebarExpanded ? translate("actions.create") : nothing}
+              ${
+                !props.sidebarExpanded
+                  ? html`<dss-tooltip position="right">
+                ${translate("actions.create")}
+              </dss-tooltip>`
+                  : nothing
+              }
             </div>
             <dss-action-menu id="quick-actions-region-container" slot="content" id="content" anchor="usage-anchor"></dss-action-menu>
           </quick-actions-menu>
@@ -37,7 +41,9 @@ export const template = (props: PrimariaShell) => html`
           <primaria-nav-item 
             .config=${{
               icon: "expand_circle_right",
-              label: props.sidebarExpanded ? translate('actions.toggleMenuClose') : translate('actions.toggleMenuOpen'),
+              label: props.sidebarExpanded
+                ? translate("actions.toggleMenuClose")
+                : translate("actions.toggleMenuOpen"),
               fill: true,
               rotateIcon: props.sidebarExpanded,
               callbackFn: () => props._toggleSidebar(),

package/src/UI/components/quick-actions-menu/quick-actions-menu.ts

@@ -1,8 +1,6 @@
 import { LitElement, html } from "lit";
-import { customElement } from "lit/decorators.js";
 import { template } from "./template";
 
-@customElement("quick-actions-menu")
 export class QuickActionsMenu extends LitElement {
   render() {
     return html`${template(this)}`;

package/src/UI/index.ts

@@ -1,2 +1 @@
-export * from "./components";
 export * from "./shared-components";

package/src/UI/shared-components/bootstrapper.ts

@@ -0,0 +1,14 @@
+import { customElement } from "lit/decorators.js";
+import { PrimariaContentSwitcher } from "./primaria-content-switcher/primaria-content-switcher";
+import { PrimariaNavItem } from "./primaria-nav-item/primaria-nav-item";
+import { PrimariaNavTreeMenu } from "./primaria-nav-tree-menu/primaria-nav-tree-menu";
+import { PrimariaRichTextEditor } from "./primaria-text-editor/primaria-rich-text-editor";
+import { PrimariaCharacterLimitBadge } from "./primaria-character-limit-badge/primaria-character-limit-badge";
+
+export const useSharedUI = () => {
+  customElement("primaria-content-switcher")(PrimariaContentSwitcher);
+  customElement("primaria-nav-item")(PrimariaNavItem);
+  customElement("primaria-rich-text-editor")(PrimariaRichTextEditor);
+  customElement("primaria-nav-tree-menu")(PrimariaNavTreeMenu);
+  customElement("primaria-character-limit-badge")(PrimariaCharacterLimitBadge);
+};

package/src/UI/shared-components/index.ts

@@ -1,4 +1 @@
-import "./primaria-content-switcher/primaria-content-switcher";
-import "./primaria-nav-item/primaria-nav-item";
-import "./primaria-text-editor/primaria-rich-text-editor";
 export { PrimariaContentSwitcher } from "./primaria-content-switcher/primaria-content-switcher";

package/src/UI/shared-components/primaria-character-limit-badge/primaria-character-limit-badge.ts

@@ -0,0 +1,29 @@
+import { LitElement, html, nothing, css, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import styles from "./styles.css?inline";
+
+export class PrimariaCharacterLimitBadge extends LitElement {
+  @property({ type: Number }) characterCount = 0;
+  @property({ type: Number }) characterLimit = 0;
+  @property({ type: String }) label = "";
+
+  static styles = css`
+    ${unsafeCSS(styles)}
+  `;
+
+  render() {
+    if (this.characterCount > this.characterLimit) {
+      return html`
+        <dss-badge
+          class="limit-badge"
+          icon="report"
+          size="md"
+          state="alert"
+          text="${this.label} ${this.characterCount}/${this.characterLimit}"
+          outlined
+        ></dss-badge>
+      `;
+    }
+    return nothing;
+  }
+}

package/src/UI/shared-components/primaria-character-limit-badge/styles.css

@@ -0,0 +1,8 @@
+:host{
+  margin: 0 auto;
+}
+
+.limit-badge {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}

package/src/UI/shared-components/primaria-content-switcher/primaria-content-switcher.ts

@@ -1,12 +1,11 @@
 import { LitElement, css, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
+import { property } from "lit/decorators.js";
 const isSelected = (item: HTMLElement, attrForSelected: string, selection: string) =>
   item[attrForSelected] === selection ||
   Array.from(item.attributes).some(
     (attr) => attr.name === attrForSelected && attr.value === selection,
   );
 
-@customElement("primaria-content-switcher")
 export class PrimariaContentSwitcher extends LitElement {
   render() {
     return html` <slot></slot> `;

package/src/UI/shared-components/primaria-nav-item/primaria-nav-item.ts

@@ -1,14 +1,13 @@
-import { LitElement, html, css, unsafeCSS, PropertyValues } from "lit";
-import { template } from "./template";
-import styles from "./styles.css?inline";
-import { customElement, property, state } from "lit/decorators.js";
+import { regionView } from "@uxland/regions";
+import { BrokerDisposableHandler } from "harmonix/core/dist";
+import { LitElement, PropertyValues, css, html, unsafeCSS } from "lit";
+import { property, state } from "lit/decorators.js";
 import { shellApi } from "../../../api/api";
 import { shellEvents } from "../../../events";
 import { PrimariaNavItemConfig } from "../typings";
-import { regionView } from "@uxland/regions";
-import { BrokerDisposableHandler } from "harmonix/core/dist";
+import styles from "./styles.css?inline";
+import { template } from "./template";
 
-@customElement("primaria-nav-item")
 export class PrimariaNavItem extends regionView(LitElement) {
   static styles = css`
     ${unsafeCSS(styles)}

package/src/UI/shared-components/primaria-nav-tree-menu/primaria-nav-tree-menu.ts

@@ -1,10 +1,9 @@
-import { LitElement, html, css, unsafeCSS } from "lit";
+import { LitElement, css, html, unsafeCSS } from "lit";
+import { property, state } from "lit/decorators.js";
+import { PrimariaNavItemConfig, PrimariaNavTreeMenuConfig } from "../typings";
 import styles from "./styles.css?inline";
-import { customElement, property, state } from "lit/decorators.js";
 import { template } from "./template";
-import { PrimariaNavItemConfig, PrimariaNavTreeMenuConfig } from "../typings";
 
-@customElement("primaria-nav-tree-menu")
 export class PrimariaNavTreeMenu extends LitElement {
   static styles = css`
     ${unsafeCSS(styles)}

package/src/UI/shared-components/primaria-text-editor/primaria-rich-text-editor.ts

@@ -1,5 +1,5 @@
 import { css, html, LitElement, unsafeCSS } from "lit";
-import { customElement, property } from "lit/decorators.js";
+import { property } from "lit/decorators.js";
 import Quill from "uxl-quill/dist/quill";
 import styles from "./styles.css?inline";
 import { template } from "./template";
@@ -7,7 +7,6 @@ import { fixSpellCheckerIssue } from "./utils";
 
 fixSpellCheckerIssue(Quill);
 
-@customElement("primaria-rich-text-editor")
 export class PrimariaRichTextEditor extends LitElement {
   render() {
     return html` ${template(this)} `;