Merge branch 'Limiting-horizontal-pane-extension' of https://github.com/KhadishaKudys/trilium into Limiting-horizontal-pane-extension

package.json

@@ -2,7 +2,7 @@
   "name": "trilium",
   "productName": "Trilium Notes",
   "description": "Trilium Notes",
-  "version": "0.50.2",
+  "version": "0.50.3",
   "license": "AGPL-3.0-only",
   "main": "electron.js",
   "bin": {

src/public/app/widgets/mermaid.js

@@ -17,11 +17,12 @@ const TPL = `<div class="mermaid-widget">
         .mermaid-render {
             overflow: auto;
             height: 100%;
+            text-align: center;
         }
     </style>
 
     <div class="mermaid-error alert alert-warning">
-        <p><strong>The diagram could not displayed. See <a href="https://mermaid-js.github.io/mermaid/#/flowchart?id=graph">help and examples</a>.</strong></p>
+        <p><strong>The diagram could not be displayed. See <a href="https://mermaid-js.github.io/mermaid/#/flowchart?id=graph">help and examples</a>.</strong></p>
         <p class="error-content"></p>
     </div>
 
@@ -70,8 +71,25 @@ export default class MermaidWidget extends NoteContextAwareWidget {
 
         this.$display.empty();
 
+        const libLoaded = libraryLoader.requireLibrary(libraryLoader.WHEEL_ZOOM);
+
         try {
-            mermaid.mermaidAPI.render('mermaid-graph-' + idCounter++, content, content => this.$display.html(content));
+            const idNumber = idCounter++;
+
+            mermaid.mermaidAPI.render('mermaid-graph-' + idNumber, content, async content => {
+                this.$display.html(content);
+
+                await libLoaded;
+
+                this.$display.attr("id", 'mermaid-render-' + idNumber);
+
+                WZoom.create('#mermaid-render-' + idNumber, {
+                    type: 'html',
+                    maxScale: 10,
+                    speed: 20,
+                    zoomOnClick: false
+                });
+            });
 
             this.$errorContainer.hide();
         } catch (e) {

src/public/app/widgets/type_widgets/image.js

@@ -49,6 +49,7 @@ class ImageTypeWidget extends TypeWidget {
         libraryLoader.requireLibrary(libraryLoader.WHEEL_ZOOM).then(() => {
             WZoom.create('#' + this.$imageView.attr("id"), {
                 maxScale: 10,
+                speed: 20,
                 zoomOnClick: false
             });
         });

src/services/build.js

@@ -1 +1 @@
-module.exports = { buildDate:"2022-02-09T22:52:36+01:00", buildRevision: "23daaa2387a0655685377f0a541d154aeec2aae8" };
+module.exports = { buildDate:"2022-03-22T21:30:21+01:00", buildRevision: "2f57d55bea11a840a158fb0431d267186a32482a" };