[REFACTOR] Use the new Navigation API to perform fit (#345)

In [email protected], the oldest `fit` API is deprecated so prepare the future.
process-analytics · May 30, 2022 · 5648236 · 5648236
1 parent 251a6fc
commit 5648236
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/examples/diagram-navigation/diagram-fit-after-load/index.js b/examples/diagram-navigation/diagram-fit-after-load/index.js
@@ -38,7 +38,7 @@ function performFit(type) {
   }
 
   // `type` and `margin` are optional. Moreover, `margin` is only considered when FitType is not None.
-  bpmnVisualization.fit({type: fitType, margin: fitMargin});
+  bpmnVisualization.navigation.fit({type: fitType, margin: fitMargin});
 }
 
 // 'Fit Margin' dropdown list

diff --git a/examples/diagram-navigation/diagram-navigation/index.js b/examples/diagram-navigation/diagram-navigation/index.js
@@ -4,7 +4,7 @@ bpmnVisualization.load(getNavigationBpmnDiagram());
 
 let displayScrollBars = false;
 document.getElementById('btn-reset').onclick = function () {
-  bpmnVisualization.fit({ type: bpmnvisu.FitType.None });
+  bpmnVisualization.navigation.fit({ type: bpmnvisu.FitType.None });
 
   // reset scrollbars position
   displayScrollBars && bpmnContainer.scrollTo(0, 0);

diff --git a/examples/misc/compare-with-bpmn-js/shared.js b/examples/misc/compare-with-bpmn-js/shared.js
@@ -100,7 +100,7 @@ class LibraryComparator {
     }
 
     _setZoomLevelBpmnVisualization() {
-        this.#bpmnVisualization.fit(this._computeBpmnVisualizationFitOptions());
+        this.#bpmnVisualization.navigation.fit(this._computeBpmnVisualizationFitOptions());
         this._logBpmnVisualization(`Zoom level set, fitView ${this._state.fitView}`);
     }
 

diff --git a/examples/overlays/add-stylized/index.js b/examples/overlays/add-stylized/index.js
@@ -52,6 +52,6 @@ document.getElementById('btn-set-overlay').onclick = () => {
 
 document.getElementById('btn-reset').onclick = () => {
     removeAllOverlays();
-    bpmnVisualization.fit({ type: 'Center' });
+    bpmnVisualization.navigation.fit({ type: 'Center' });
 };