@stocksharp/diagram 1.5.0 → 1.5.2

package/dist/ssdiagram.js

@@ -2627,15 +2627,17 @@ var SSDiagram = (() => {
     }
     resize(w, h) {
       if (w < 2 || h < 2) return;
+      const dpr = window.devicePixelRatio || 1;
+      if (w === this.width && h === this.height && dpr === this.dpr) return;
       this.width = w;
       this.height = h;
-      this.dpr = window.devicePixelRatio || 1;
+      this.dpr = dpr;
       this.canvas.width = Math.round(w * this.dpr);
       this.canvas.height = Math.round(h * this.dpr);
       this.canvas.style.width = `${w}px`;
       this.canvas.style.height = `${h}px`;
       this.ctx.setTransform(this.dpr, 0, 0, this.dpr, 0, 0);
-      this.scheduleDraw();
+      if (!this.destroyed) this.draw();
     }
     getInteractionPermissions() {
       return { ...this.permissions };
@@ -3725,7 +3727,8 @@ ${runtime.error}`;
         } else if (n2.description.length > 0) {
           text = n2.description;
         } else {
-          text = n2.typeId && n2.typeId !== n2.name ? `${n2.name}   [${n2.typeId}]` : n2.name;
+          const typed = n2.typeId.length > 0 && n2.typeId !== n2.name && n2.typeId !== n2.id;
+          text = typed ? `${n2.name}   [${n2.typeId}]` : n2.name;
         }
       } else {
         return;
@@ -5226,12 +5229,13 @@ ${runtime.error}`;
       this.overviewContainer = options.overviewContainer ?? null;
       this.zoomLabel = options.zoomLabel ?? null;
       this.clipboard = this.resolveClipboard(options.clipboard);
+      this.pageScroll = options.pageScroll ?? false;
       this.canvas = new Diagram({
         host: this.div,
         typeColors: this.portTypeColors(),
         gridSnap: options.gridSnap ?? true,
         gridSize: options.gridSize,
-        pageScroll: options.pageScroll ?? false
+        pageScroll: this.pageScroll
       });
       this.fullscreenButtonVisible = options.showFullscreenButton ?? true;
       this.fullscreenLabels = options.fullscreenLabels ?? null;
@@ -5311,10 +5315,16 @@ ${runtime.error}`;
     }
     /** See DiagramOptions.pageScroll. */
     setPageScroll(enabled) {
-      this.canvas.setPageScroll(enabled);
+      this.pageScroll = enabled;
+      this.applyPageScroll();
     }
+    /** The requested setting, which stays true while fullscreen suspends it. */
     isPageScrollEnabled() {
-      return this.canvas.isPageScrollEnabled();
+      return this.pageScroll;
+    }
+    // Fullscreen covers the page, so there is no page left to scroll and every gesture goes to the diagram.
+    applyPageScroll() {
+      this.canvas.setPageScroll(this.pageScroll && !this.fullscreen);
     }
     nudgeSelection(dx, dy) {
       return this.canvas.nudgeSelection(dx, dy);
@@ -5550,6 +5560,7 @@ ${runtime.error}`;
     setFullscreenState(fullscreen) {
       if (this.fullscreen === fullscreen) return;
       this.fullscreen = fullscreen;
+      this.applyPageScroll();
       this.updateFullscreenButton();
       this.emit("fullscreenChanged", { fullscreen });
     }