From 93016bf498c8ea46801bdd828c052c4f6b18e370 Mon Sep 17 00:00:00 2001
From: Maxim Buur <maxim.buur@ritense.com>
Date: Fri, 15 Nov 2024 16:17:05 +0100
Subject: [PATCH] use navigated viewer instead of viewer

---
 .../process-management-editor.component.html                | 2 +-
 .../process-management-editor.component.ts                  | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/projects/valtimo/process-management/src/lib/process-management-editor/process-management-editor.component.html b/projects/valtimo/process-management/src/lib/process-management-editor/process-management-editor.component.html
index 5b6dee28e..0ec75d41f 100644
--- a/projects/valtimo/process-management/src/lib/process-management-editor/process-management-editor.component.html
+++ b/projects/valtimo/process-management/src/lib/process-management-editor/process-management-editor.component.html
@@ -67,7 +67,7 @@
             [size]="actionsObs.compactMode ? 'sm' : 'md'"
           >
             <cds-dropdown-list
-              [items]="actionsObs.processDefinitionVersionsListItems"
+              [items]="actionsObs.processDefinitionVersionsListItems || []"
             ></cds-dropdown-list>
           </cds-dropdown>
         </div>
diff --git a/projects/valtimo/process-management/src/lib/process-management-editor/process-management-editor.component.ts b/projects/valtimo/process-management/src/lib/process-management-editor/process-management-editor.component.ts
index 76f22ff38..5b8a63454 100644
--- a/projects/valtimo/process-management/src/lib/process-management-editor/process-management-editor.component.ts
+++ b/projects/valtimo/process-management/src/lib/process-management-editor/process-management-editor.component.ts
@@ -48,7 +48,7 @@ import {
   TagModule,
 } from 'carbon-components-angular';
 import Modeler from 'bpmn-js/lib/Modeler';
-import BpmnViewer from 'bpmn-js';
+import NavigatedViewer from 'bpmn-js/lib/NavigatedViewer';
 import {ReactiveFormsModule} from '@angular/forms';
 import {TranslateModule, TranslateService} from '@ngx-translate/core';
 import {Deploy16} from '@carbon/icons';
@@ -83,7 +83,7 @@ export class ProcessManagementEditorComponent implements AfterViewInit, OnDestro
   );
 
   private _bpmnModeler!: Modeler;
-  private _bpmnViewer!: BpmnViewer;
+  private _bpmnViewer!: NavigatedViewer;
 
   public isReadOnlyProcess$ = new BehaviorSubject<boolean>(false);
   public isSystemProcess$ = new BehaviorSubject<boolean>(false);
@@ -206,7 +206,7 @@ export class ProcessManagementEditorComponent implements AfterViewInit, OnDestro
   }
 
   private initViewer(): void {
-    this._bpmnViewer = new BpmnViewer();
+    this._bpmnViewer = new NavigatedViewer();
     this._bpmnViewer?.attachTo(this.viewerElementRef.nativeElement);
   }