@foblex/flow 12.6.9 → 12.7.0

package/bundles/foblex-flow.umd.js

@@ -3127,11 +3127,12 @@
   }());
 
   var FReassignConnectionEvent = /** @class */ (function () {
-      function FReassignConnectionEvent(fConnectionId, fOutputId, oldFInputId, newFInputId) {
+      function FReassignConnectionEvent(fConnectionId, fOutputId, oldFInputId, newFInputId, fDropPosition) {
           this.fConnectionId = fConnectionId;
           this.fOutputId = fOutputId;
           this.oldFInputId = oldFInputId;
           this.newFInputId = newFInputId;
+          this.fDropPosition = fDropPosition;
       }
       return FReassignConnectionEvent;
   }());
@@ -3162,10 +3163,10 @@
       };
       ReassignConnectionFinalizeExecution.prototype.emitEvent = function (event) {
           var input = this.getInputUnderPointer(event);
-          if (!input || !this.isReassignToDifferentInput(input)) {
+          if (!!input && !this.isReassignToDifferentInput(input)) {
               return;
           }
-          this.fDraggable.fReassignConnection.emit(new FReassignConnectionEvent(this.dragHandler.fConnection.fId, this.dragHandler.fConnection.fOutputId, this.dragHandler.fConnection.fInputId, input.id));
+          this.fDraggable.fReassignConnection.emit(new FReassignConnectionEvent(this.dragHandler.fConnection.fId, this.dragHandler.fConnection.fOutputId, this.dragHandler.fConnection.fInputId, input === null || input === void 0 ? void 0 : input.id, event.getPosition()));
       };
       ReassignConnectionFinalizeExecution.prototype.getInputUnderPointer = function (event) {
           return this.fMediator.send(new GetInputUnderPointerRequest(event, this.dragHandler));
@@ -8679,11 +8680,18 @@
       FCanvasComponent.prototype.redrawWithAnimation = function () {
           var _this = this;
           var _a;
+          var duration = F_CANVAS_ANIMATION_DURATION;
+          if (this.isMobile()) {
+              duration = 80;
+          }
           (_a = this.fComponentsStore.fBackground) === null || _a === void 0 ? void 0 : _a.setTransform(this.transform);
-          this.hostElement.setAttribute("style", "transition: transform " + F_CANVAS_ANIMATION_DURATION + "ms ease-in-out; transform: " + _2d.TransformModelExtensions.toString(this.transform));
-          setTimeout(function () {
-              _this.redraw();
-          }, F_CANVAS_ANIMATION_DURATION);
+          this.hostElement.setAttribute("style", "transition: transform " + duration + "ms ease-in-out; transform: " + _2d.TransformModelExtensions.toString(this.transform));
+          setTimeout(function () { return _this.redraw(); }, F_CANVAS_ANIMATION_DURATION);
+      };
+      FCanvasComponent.prototype.isMobile = function () {
+          // @ts-ignore
+          var userAgent = navigator.userAgent || navigator.vendor || window['opera'];
+          return /android|iPad|iPhone|iPod/i.test(userAgent);
       };
       FCanvasComponent.prototype.centerGroupOrNode = function (id, animated) {
           if (animated === void 0) { animated = true; }