@worktile/gantt 15.1.0-next.0 → 15.1.0-next.2

package/components/bar/bar-drag.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnDestroy } from '@angular/core';
+import { ElementRef, OnDestroy, NgZone } from '@angular/core';
 import { DragDrop } from '@angular/cdk/drag-drop';
 import { GanttDomService } from '../../gantt-dom.service';
 import { GanttDragContainer } from '../../gantt-drag-container';
@@ -10,6 +10,7 @@ export declare class GanttBarDrag implements OnDestroy {
     private dragDrop;
     private dom;
     private dragContainer;
+    private _ngZone;
     private root;
     private ganttUpper;
     private barElement;
@@ -17,15 +18,24 @@ export declare class GanttBarDrag implements OnDestroy {
     private get dragDisabled();
     private get linkDragDisabled();
     private linkDraggingLine;
-    private dropListRef;
     private barDragRef;
     private dragRefs;
     private destroy$;
+    /** Used to signal to the current auto-scroll sequence when to stop. */
+    private stopScrollTimers$;
+    /** container element scrollLeft */
     private containerScrollLeft;
+    /** move distance when drag bar */
     private barDragMoveDistance;
+    /** move distance when drag bar handle */
     private barHandleDragMoveDistance;
+    /** scrolling state when drag */
     private dragScrolling;
-    constructor(dragDrop: DragDrop, dom: GanttDomService, dragContainer: GanttDragContainer, root: NgxGanttRootComponent);
+    /** dragScrollDistance */
+    private dragScrollDistance;
+    /** Horizontal direction in which the list is currently scrolling. */
+    private _horizontalScrollDirection;
+    constructor(dragDrop: DragDrop, dom: GanttDomService, dragContainer: GanttDragContainer, _ngZone: NgZone, root: NgxGanttRootComponent);
     private createDragRef;
     private createDragScrollEvent;
     private createMouseEvents;
@@ -41,9 +51,13 @@ export declare class GanttBarDrag implements OnDestroy {
     private calcLinkLinePositions;
     private createLinkDraggingLine;
     private destroyLinkDraggingLine;
+    private startScrollInterval;
+    private startScrollingIfNecessary;
+    private stopScrolling;
+    private isStartOrEndInsideView;
     createDrags(elementRef: ElementRef, item: GanttItemInternal, ganttUpper: GanttUpper): void;
     updateItem(item: GanttItemInternal): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GanttBarDrag, [null, null, null, { skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GanttBarDrag, [null, null, null, null, { skipSelf: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<GanttBarDrag>;
 }

package/components/bar/bar.component.scss

@@ -157,12 +157,6 @@ $gantt-bar-link-drop-border: 5px;
     }
   }
 
-  &-draggable-drag {
-    .gantt-bar-layer {
-      visibility: hidden;
-    }
-  }
-
   &-active {
     @include active-bar();
   }
@@ -204,20 +198,4 @@ $gantt-bar-link-drop-border: 5px;
       }
     }
   }
-
-  // 强制去掉 cdk drag placeholder 默认样式
-  &.cdk-drag-placeholder,
-  .drag-handles .handle.cdk-drag-placeholder {
-    background: none !important;
-  }
-}
-
-.handle.cdk-drag-preview {
-  visibility: hidden;
-}
-
-.gantt-bar.cdk-drag-preview {
-  .gantt-bar-layer {
-    display: none;
-  }
 }

package/components/drag-backdrop/drag-backdrop.component.scss

@@ -8,6 +8,7 @@
   left: 0;
   z-index: 2;
   display: none;
+  overflow: hidden;
 }
 
 .gantt-drag-mask {

package/components/loader/loader.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class GanttLoaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GanttLoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GanttLoaderComponent, "gantt-loader", never, {}, {}, never, never, false, never>;
+}

package/components/loader/loader.component.scss

@@ -0,0 +1,90 @@
+@use '../../styles/variables.scss';
+
+.gantt-loader {
+  &-overlay {
+    position: absolute;
+    width: 100%;
+    height: calc(100% - 40px);
+    top: 40px;
+    left: 0;
+    background: rgba(255, 255, 255, 0.6);
+    z-index: 1001;
+  }
+
+  &-wrapper {
+    position: absolute;
+    padding-top: 20px;
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  &-loading {
+    display: inline-block;
+    position: relative;
+    height: 8px;
+    border-radius: 4px;
+    transform: translateX(-18px);
+
+    &:before,
+    &:after {
+      content: '';
+      display: block;
+      position: absolute;
+      height: 8px;
+      width: 8px;
+      border-radius: 4px;
+    }
+
+    &:before {
+      animation: gantt-loader-loading-ellipsis-b 1s ease-in-out infinite;
+      background: variables.$gantt-loader-loading-color;
+      opacity: 0.4;
+    }
+
+    &:after {
+      animation: gantt-loader-loading-ellipsis-a 1s ease-in-out infinite;
+      background: variables.$gantt-loader-loading-color;
+      opacity: 0.8;
+    }
+
+    &-spot {
+      position: absolute;
+      left: 13px;
+      height: 8px;
+      width: 8px;
+      background: variables.$gantt-loader-loading-color;
+      border-radius: 4px;
+    }
+  }
+}
+
+@keyframes gantt-loader-loading-ellipsis-b {
+  0% {
+    left: 0;
+    transform: scale(1.1);
+  }
+  50% {
+    left: 25px;
+    transform: scale(1);
+  }
+  100% {
+    left: 0;
+    transform: scale(1.1);
+  }
+}
+
+@keyframes gantt-loader-loading-ellipsis-a {
+  0% {
+    left: 25px;
+    transform: scale(1.1);
+  }
+  50% {
+    left: 0;
+    transform: scale(1);
+  }
+  100% {
+    left: 25px;
+    transform: scale(1.1);
+  }
+}

package/components/table/body/gantt-table-body.component.d.ts

@@ -49,7 +49,7 @@ export declare class GanttTableBodyComponent implements OnInit, OnDestroy, After
     private insertItem;
     private insertChildrenItem;
     private getParentByItem;
-    private getChildrenElementsByDragRef;
+    private getChildrenElementsByElement;
     private getTargetPosition;
     private showDropPositionPlaceholder;
     private cleanupDragArtifacts;