@oml/markdown 0.7.0 → 0.9.0

package/out/static/browser-runtime.bundle.js

@@ -43857,7 +43857,7 @@
         attrs: { text: Object.assign({}, BaseLabelAttr) },
         propHooks(metadata) {
           const { label } = metadata, others = __rest(metadata, ["label"]);
-          if (label) {
+          if (label != null) {
             object_exports.setByPath(others, "attrs/text/text", label);
           }
           return others;
@@ -44301,6 +44301,28 @@
             }
           });
           this.updatePorts();
+          this.cleanCache();
+          this.updateConnectedEdges();
+        }
+        updateConnectedEdges() {
+          const graph = this.graph;
+          const node = this.cell;
+          const edges = graph.model.getConnectedEdges(node);
+          for (let i = 0, n = edges.length; i < n; i += 1) {
+            const edge = edges[i];
+            const edgeView = edge.findView(graph);
+            if (!edgeView || !graph.renderer.isViewMounted(edgeView)) {
+              continue;
+            }
+            const actions = ["update"];
+            if (edge.getSourceCell() === node) {
+              actions.push("source");
+            }
+            if (edge.getTargetCell() === node) {
+              actions.push("target");
+            }
+            graph.renderer.requestViewUpdate(edgeView, edgeView.getFlag(actions));
+          }
         }
         appendPorts(ports, zIndex, refs) {
           const elems = ports.map((p) => this.getPortElement(p));
@@ -54374,8 +54396,11 @@
           this.dragRafId = null;
           this.transformRafId = null;
           this.dragPendingOffset = null;
+          this.containerLocalOffsetX = 0;
+          this.containerLocalOffsetY = 0;
           this.containerOffsetX = 0;
           this.containerOffsetY = 0;
+          this.draggingPreviewMode = "translate";
           this.translatingCache = null;
           this.movingRouterRestoreCache = null;
           this.movingRouterRestoreTimer = null;
@@ -54450,9 +54475,19 @@
           if (this.transformRafId == null) {
             this.transformRafId = window.requestAnimationFrame(() => {
               this.transformRafId = null;
-              if (!this.isDragging && this.collection.length > 0) {
-                this.refreshSelectionBoxes();
+              if (this.collection.length <= 0) {
+                return;
               }
+              if (this.isDragging) {
+                this.repositionSelectionBoxesInPlace();
+                if (this.options.following) {
+                  this.resetContainerPosition();
+                } else {
+                  this.syncContainerPosition();
+                }
+                return;
+              }
+              this.refreshSelectionBoxes();
             });
           }
         }
@@ -54547,9 +54582,8 @@
           if (this.length) {
             this.unselect(this.cells, options);
           }
-          this.containerOffsetX = 0;
-          this.containerOffsetY = 0;
-          main_exports2.css(this.container, "transform", "");
+          this.resetContainerPosition();
+          this.draggingPreviewMode = "translate";
           return this;
         }
         setFilter(filter2) {
@@ -54590,6 +54624,8 @@
             scrollerY: 0,
             moving: false
           });
+          const client = this.graph.snapToGrid(evt.clientX, evt.clientY);
+          this.notifyBoxEvent("box:mousedown", evt, client.x, client.y, []);
           this.delegateDocumentEvents(documentEvents, evt.data);
         }
         filter(cells) {
@@ -54621,17 +54657,12 @@
           const action = eventData.action;
           switch (action) {
             case "selecting": {
-              let width2 = main_exports2.width(this.container);
-              let height2 = main_exports2.height(this.container);
-              const offset4 = main_exports2.offset(this.container);
-              const origin = graph.pageToLocal(offset4.left, offset4.top);
-              const scale2 = graph.transform.getScale();
-              width2 /= scale2.sx;
-              height2 /= scale2.sy;
-              const rect2 = new Rectangle(origin.x, origin.y, width2, height2);
-              const cells = this.getCellViewsInArea(rect2).map((view) => view.cell);
+              const client = graph.snapToGrid(evt.clientX, evt.clientY);
+              const rect2 = this.getSelectingRect();
+              const cells = this.getCellsInArea(rect2);
               this.reset(cells, { batch: true });
               this.hideRubberband();
+              this.notifyBoxEvent("box:mouseup", evt, client.x, client.y, cells);
               break;
             }
             case "translating": {
@@ -54639,16 +54670,13 @@
               if (this.dragPendingOffset) {
                 const toApply = this.dragPendingOffset;
                 this.dragPendingOffset = null;
-                this.translateSelectedNodes(toApply.dx, toApply.dy);
-                this.updateContainerPosition(toApply);
+                this.applyDraggingPreview(toApply);
               }
               if (this.dragRafId != null) {
                 cancelAnimationFrame(this.dragRafId);
                 this.dragRafId = null;
               }
-              this.containerOffsetX = 0;
-              this.containerOffsetY = 0;
-              main_exports2.css(this.container, "transform", "");
+              this.resetContainerPosition();
               if (this.movingRouterRestoreTimer) {
                 clearTimeout(this.movingRouterRestoreTimer);
                 this.movingRouterRestoreTimer = null;
@@ -54656,6 +54684,7 @@
               this.restoreMovingRouters();
               this.graph.model.stopBatch("move-selection");
               this.translatingCache = null;
+              this.draggingPreviewMode = "translate";
               this.notifyBoxEvent("box:mouseup", evt, client.x, client.y);
               this.repositionSelectionBoxesInPlace();
               break;
@@ -54736,6 +54765,7 @@
             originY: client.y
           });
           this.prepareTranslatingCache();
+          this.draggingPreviewMode = this.getDraggingPreviewMode();
         }
         getRestrictArea() {
           const restrict = this.graph.options.translating.restrict;
@@ -54910,8 +54940,7 @@
               const toApply = this.dragPendingOffset || { dx: 0, dy: 0 };
               this.dragPendingOffset = null;
               this.dragRafId = null;
-              this.translateSelectedNodes(toApply.dx, toApply.dy);
-              this.updateContainerPosition(toApply);
+              this.applyDraggingPreview(toApply);
               this.boxesUpdated = true;
               this.isDragging = true;
             });
@@ -54947,6 +54976,10 @@
                 width: Math.abs(dx),
                 height: Math.abs(dy)
               });
+              const client = this.graph.snapToGrid(e.clientX, e.clientY);
+              const rect2 = this.getSelectingRect();
+              const cells = this.getCellsInArea(rect2);
+              this.notifyBoxEvent("box:mousemove", evt, client.x, client.y, cells);
               break;
             }
             case "translating": {
@@ -55054,10 +55087,50 @@
           }
           return views;
         }
-        notifyBoxEvent(name, e, x, y2) {
-          const data2 = this.getEventData(e);
-          const view = data2.activeView;
-          this.trigger(name, { e, view, x, y: y2, cell: view.cell });
+        getCellsInArea(rect2) {
+          return this.filter(this.getCellViewsInArea(rect2).map((view) => view.cell));
+        }
+        getSelectingRect() {
+          let width2 = main_exports2.width(this.container);
+          let height2 = main_exports2.height(this.container);
+          const offset4 = main_exports2.offset(this.container);
+          const origin = this.graph.pageToLocal(offset4.left, offset4.top);
+          const scale2 = this.graph.transform.getScale();
+          width2 /= scale2.sx;
+          height2 /= scale2.sy;
+          return new Rectangle(origin.x, origin.y, width2, height2);
+        }
+        getBoxEventCells(cells, activeView = null) {
+          var _a2;
+          const nodes = [];
+          const edges = [];
+          let view = activeView;
+          (cells !== null && cells !== void 0 ? cells : this.cells).forEach((cell) => {
+            const current = this.graph.getCellById(cell.id);
+            if (!current) {
+              return;
+            }
+            if (!view) {
+              view = this.graph.renderer.findViewByCell(current);
+            }
+            if (current.isNode()) {
+              nodes.push(current);
+            } else if (current.isEdge()) {
+              edges.push(current);
+            }
+          });
+          return {
+            view,
+            cell: (_a2 = view === null || view === void 0 ? void 0 : view.cell) !== null && _a2 !== void 0 ? _a2 : null,
+            nodes,
+            edges
+          };
+        }
+        notifyBoxEvent(name, e, x, y2, cells) {
+          var _a2, _b;
+          const activeView = (_b = (_a2 = this.getEventData(e)) === null || _a2 === void 0 ? void 0 : _a2.activeView) !== null && _b !== void 0 ? _b : null;
+          const { view, cell, nodes, edges } = this.getBoxEventCells(cells, activeView);
+          this.trigger(name, { e, view, x, y: y2, cell, nodes, edges });
         }
         getSelectedClassName(cell) {
           return this.prefixClassName(`${cell.isNode() ? "node" : "edge"}-selected`);
@@ -55123,12 +55196,50 @@
           main_exports2.attr(this.selectionContainer, "data-selection-length", this.collection.length);
           main_exports2.prepend(this.container, this.selectionContainer);
         }
+        getDraggingPreviewMode() {
+          if (!this.options.following) {
+            return "translate";
+          }
+          const hasVisibleEdgeSelectionBox = this.collection.toArray().some((cell) => cell.isEdge() && this.canShowSelectionBox(cell));
+          return hasVisibleEdgeSelectionBox ? "geometry" : "translate";
+        }
+        applyDraggingPreview(offset4) {
+          if (offset4.dx === 0 && offset4.dy === 0) {
+            return;
+          }
+          if (this.options.following) {
+            this.translateSelectedNodes(offset4.dx, offset4.dy);
+            if (this.draggingPreviewMode === "geometry") {
+              this.repositionSelectionBoxesInPlace();
+              this.resetContainerPosition();
+              return;
+            }
+          }
+          this.updateContainerPosition(offset4);
+        }
+        resetContainerPosition() {
+          this.containerLocalOffsetX = 0;
+          this.containerLocalOffsetY = 0;
+          this.containerOffsetX = 0;
+          this.containerOffsetY = 0;
+          main_exports2.css(this.container, "transform", "");
+        }
+        syncContainerPosition() {
+          const origin = this.graph.coord.localToGraphPoint(0, 0);
+          const offset4 = this.graph.coord.localToGraphPoint(this.containerLocalOffsetX, this.containerLocalOffsetY);
+          this.containerOffsetX = offset4.x - origin.x;
+          this.containerOffsetY = offset4.y - origin.y;
+          if (this.containerOffsetX === 0 && this.containerOffsetY === 0) {
+            main_exports2.css(this.container, "transform", "");
+            return;
+          }
+          main_exports2.css(this.container, "transform", `translate3d(${this.containerOffsetX}px, ${this.containerOffsetY}px, 0)`);
+        }
         updateContainerPosition(offset4) {
           if (offset4.dx || offset4.dy) {
-            const scale2 = this.graph.transform.getScale();
-            this.containerOffsetX += offset4.dx * scale2.sx;
-            this.containerOffsetY += offset4.dy * scale2.sy;
-            main_exports2.css(this.container, "transform", `translate3d(${this.containerOffsetX}px, ${this.containerOffsetY}px, 0)`);
+            this.containerLocalOffsetX += offset4.dx;
+            this.containerLocalOffsetY += offset4.dy;
+            this.syncContainerPosition();
           }
         }
         updateContainer() {
@@ -55993,7 +56104,7 @@
           this.movedMap.delete(cell);
         }
         onBoxMouseDown({ e, cell }) {
-          if (!this.disabled) {
+          if (!this.disabled && cell) {
             if (this.allowMultipleSelection(e)) {
               this.unselect(cell);
               this.unselectMap.set(cell, true);