@worktile/gantt 15.1.0-next.10 → 15.1.0-next.12

package/fesm2020/worktile-gantt.mjs

@@ -2532,6 +2532,25 @@ function isPointerNearClientRect(rect, threshold, pointerX, pointerY) {
     const yThreshold = height * threshold;
     return pointerY > top - yThreshold && pointerY < bottom + yThreshold && pointerX > left - xThreshold && pointerX < right + xThreshold;
 }
+/**
+ * Gets the speed rate of auto scrolling
+ * @param clientRect Dimensions of the node.
+ * @param pointerX Position of the user's pointer along the x axis.
+ * @param horizontalScrollDirection The direction in which the mouse is dragged horizontally
+ */
+function getAutoScrollSpeedRates(clientRect, pointerX, horizontalScrollDirection) {
+    let autoScrollSpeedRates = 4;
+    const speedLevels = 4;
+    const { left, right, width } = clientRect;
+    const xThreshold = width * SCROLL_PROXIMITY_THRESHOLD;
+    if (horizontalScrollDirection === 1 /* AutoScrollHorizontalDirection.LEFT */) {
+        autoScrollSpeedRates = Math.ceil((xThreshold - (pointerX > left ? pointerX - left : 0)) / (xThreshold / speedLevels));
+    }
+    if (horizontalScrollDirection === 2 /* AutoScrollHorizontalDirection.RIGHT */) {
+        autoScrollSpeedRates = Math.ceil((xThreshold - (right > pointerX ? right - pointerX : 0)) / (xThreshold / speedLevels));
+    }
+    return autoScrollSpeedRates;
+}
 
 const scrollThreshold = 50;
 var ScrollDirection;
@@ -2646,7 +2665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
  */
 const DROP_PROXIMITY_THRESHOLD = 0.05;
 const dragMinWidth = 10;
-const autoScrollStep = 5;
+const autoScrollBaseStep = 2;
 const activeClass = 'gantt-bar-active';
 const dropActiveClass = 'gantt-bar-drop-active';
 const singleDropActiveClass = 'gantt-bar-single-drop-active';
@@ -2665,6 +2684,9 @@ class GanttBarDrag {
     get barHandleDragMoveAndScrollDistance() {
         return this.barHandleDragMoveDistance + this.dragScrollDistance;
     }
+    get autoScrollStep() {
+        return Math.pow(autoScrollBaseStep, this.autoScrollSpeedRates);
+    }
     constructor(dragDrop, dom, dragContainer, _ngZone) {
         this.dragDrop = dragDrop;
         this.dom = dom;
@@ -2684,13 +2706,15 @@ class GanttBarDrag {
         this.dragScrollDistance = 0;
         /** Horizontal direction in which the list is currently scrolling. */
         this._horizontalScrollDirection = 0 /* AutoScrollHorizontalDirection.NONE */;
+        /** Speed ratio for auto scroll */
+        this.autoScrollSpeedRates = 1;
         this.startScrollInterval = () => {
             this.stopScrolling();
             interval(0, animationFrameScheduler)
                 .pipe(takeUntil(this.stopScrollTimers$))
                 .subscribe(() => {
                 const node = this.dom.mainContainer;
-                const scrollStep = autoScrollStep;
+                const scrollStep = this.autoScrollStep;
                 if (this._horizontalScrollDirection === 1 /* AutoScrollHorizontalDirection.LEFT */) {
                     node.scrollBy(-scrollStep, 0);
                 }
@@ -2906,10 +2930,10 @@ class GanttBarDrag {
         let left = dragRect.left - rootRect.left - (this.dom.side.clientWidth + 1);
         if (this.dragScrolling) {
             if (this._horizontalScrollDirection === 1 /* AutoScrollHorizontalDirection.LEFT */) {
-                left += autoScrollStep;
+                left += this.autoScrollStep;
             }
             else if (this._horizontalScrollDirection === 2 /* AutoScrollHorizontalDirection.RIGHT */) {
-                left -= autoScrollStep;
+                left -= this.autoScrollStep;
             }
         }
         const width = dragRect.right - dragRect.left;
@@ -3042,6 +3066,7 @@ class GanttBarDrag {
                 (horizontalScrollDirection === 2 /* AutoScrollHorizontalDirection.RIGHT */ &&
                     scrollLeft < this.ganttUpper.view.width - clientRect.width)) {
                 this._horizontalScrollDirection = horizontalScrollDirection;
+                this.autoScrollSpeedRates = getAutoScrollSpeedRates(clientRect, pointerX, horizontalScrollDirection);
                 this.dragScrolling = true;
                 this._ngZone.runOutsideAngular(this.startScrollInterval);
             }
@@ -3225,7 +3250,9 @@ class NgxGanttBarComponent extends GanttItemUpper {
         if (!this.firstChange) {
             this.drag.updateItem(this.item);
             if (changes.item.currentValue.refs?.width !== changes.item.previousValue.refs?.width ||
-                changes.item.currentValue.color !== changes.item.previousValue.color) {
+                changes.item.currentValue.color !== changes.item.previousValue.color ||
+                changes.item.currentValue.start?.value !== changes.item.previousValue.start?.value ||
+                changes.item.currentValue.end?.value !== changes.item.previousValue.end?.value) {
                 this.setContentBackground();
             }
         }