Built static site

Signed-off-by: Dimitris Kolovos <dimitris.kolovos@york.ac.uk>

Author: kolovos

playground/dist/bundle.js

@@ -8,6 +8,7 @@ class ModelPanel extends Panel {
     editable;
     metamodelPanel;
     diagramSvg;
+    diagramSvgPanZoomInstance;
 
     constructor(id, editable, metamodelPanel) {
         super(id);
@@ -195,7 +196,7 @@ class ModelPanel extends Panel {
         xhr.send(JSON.stringify(data));
     }
 
-    renderDiagram(svg) {
+    renderDiagram(svg, preservePanAndZoom = false) {
         var diagramId = this.id + "Diagram";
         var diagramElement = document.getElementById(diagramId);
 
@@ -204,10 +205,17 @@ class ModelPanel extends Panel {
         if (diagramId == "outputDiagram") {
             diagramElement.parentElement.style.padding = "0px";
         }
-        
-        svgPanZoom(this.embed(svg, diagramElement), {
+
+        var previousDiagramSvgPanZoomInstance = this.diagramSvgPanZoomInstance;
+
+        this.diagramSvgPanZoomInstance = svgPanZoom(this.embed(svg, diagramElement), {
           minZoom: 0
         });
+
+        if (previousDiagramSvgPanZoomInstance != null && preservePanAndZoom) {
+            this.diagramSvgPanZoomInstance.zoom(previousDiagramSvgPanZoomInstance.getZoom());
+            this.diagramSvgPanZoomInstance.pan(previousDiagramSvgPanZoomInstance.getPan());
+        }
     }
 
     embed(svg, container) {

playground/dist/bundle.js.map

@@ -328,7 +328,7 @@ function runProgram() {
                             krokiXhr.onreadystatechange = function () {
                                 if (krokiXhr.readyState === 4) {
                                     if (krokiXhr.status === 200) {
-                                        outputPanel.renderDiagram(krokiXhr.responseText);
+                                        outputPanel.renderDiagram(krokiXhr.responseText, true);
                                     }
                                 }
                             };