@worktile/gantt 16.0.1 → 16.0.3

package/gantt.component.d.ts

@@ -1,7 +1,7 @@
 import { OnInit, ElementRef, EventEmitter, ChangeDetectorRef, NgZone, QueryList, AfterViewInit, TemplateRef, OnChanges, SimpleChanges, AfterViewChecked } from '@angular/core';
 import { Observable } from 'rxjs';
 import { GanttUpper } from './gantt-upper';
-import { GanttLinkDragEvent, GanttLineClickEvent, GanttItemInternal, GanttItem, GanttSelectedEvent, GanttGroupInternal, GanttVirtualScrolledIndexChangeEvent } from './class';
+import { GanttLinkDragEvent, GanttLineClickEvent, GanttItemInternal, GanttItem, GanttSelectedEvent, GanttGroupInternal, GanttVirtualScrolledIndexChangeEvent, GanttTableDragStartedEvent, GanttTableDragEndedEvent } from './class';
 import { NgxGanttTableColumnComponent } from './table/gantt-column.component';
 import { NgxGanttTableComponent } from './table/gantt-table.component';
 import { GanttGlobalConfig } from './gantt.config';
@@ -37,6 +37,7 @@ export declare class NgxGanttComponent extends GanttUpper implements OnInit, OnC
     private rangeStart;
     private rangeEnd;
     private flatItemsMap;
+    private draggingItem;
     constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, ngZone: NgZone, viewportRuler: ViewportRuler, config: GanttGlobalConfig);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -45,6 +46,7 @@ export declare class NgxGanttComponent extends GanttUpper implements OnInit, OnC
     private buildFlatItems;
     private afterExpand;
     private computeTempDataRefs;
+    private appendDraggingItemToViewportItems;
     expandChildren(item: GanttItemInternal): void;
     selectItem(selectEvent: GanttSelectedEvent): void;
     scrollToToday(): void;
@@ -52,6 +54,8 @@ export declare class NgxGanttComponent extends GanttUpper implements OnInit, OnC
     scrolledIndexChange(index: number): void;
     expandGroups(expanded: boolean): void;
     expandGroup(group: GanttGroupInternal): void;
+    itemDragStarted(event: GanttTableDragStartedEvent): void;
+    itemDragEnded(event: GanttTableDragEndedEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttComponent, "ngx-gantt", never, { "maxLevel": { "alias": "maxLevel"; "required": false; }; "async": { "alias": "async"; "required": false; }; "childrenResolve": { "alias": "childrenResolve"; "required": false; }; "linkable": { "alias": "linkable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScrollEnabled": { "alias": "virtualScrollEnabled"; "required": false; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; }; }, { "linkDragStarted": "linkDragStarted"; "linkDragEnded": "linkDragEnded"; "lineClick": "lineClick"; "selectedChange": "selectedChange"; "virtualScrolledIndexChange": "virtualScrolledIndexChange"; }, ["table", "tableEmptyTemplate", "footerTemplate", "columns"], never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/gantt",
-  "version": "16.0.1",
+  "version": "16.0.3",
   "schematics": "./schematics/collection.json",
   "exports": {
     ".": {

package/styles/cdk/drag-drop.scss

@@ -0,0 +1,47 @@
+.cdk-drag {
+  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+  .cdk-drag-handle {
+    visibility: hidden;
+    padding: 0 15px 0 3px;
+  }
+
+  &:hover {
+    .cdk-drag-handle {
+      visibility: visible;
+      color: #999;
+    }
+  }
+
+  .cdk-drag-disabled {
+    &:hover {
+      .cdk-drag-handle {
+        visibility: hidden;
+      }
+    }
+  }
+}
+
+.cdk-drag-placeholder {
+  color: transparent !important;
+  background: #eee !important;
+
+  &:hover {
+    box-shadow: none;
+  }
+
+  * {
+    color: transparent !important;
+    visibility: hidden;
+    box-shadow: none;
+  }
+}
+
+.cdk-drag-preview {
+  box-sizing: border-box;
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08);
+  background: white !important;
+}
+
+.cdk-drag-animating {
+  transition: none; // transform 250ms cubic-bezier(0, 0, 1, 1);
+}

package/styles/index.scss

@@ -1,7 +1,6 @@
 @use './variables.scss';
+@use './cdk/drag-drop.scss';
 @use '../gantt.component.scss';
-// @use '../components/table/gantt-table.component.scss';
-// @use '../components/calendar/calendar.component.scss';
 @use '../components/table/gantt-table.scss';
 @use '../components/calendar/calendar.scss';
 @use '../components/drag-backdrop/drag-backdrop.component.scss';