@worktile/gantt 19.0.0 → 19.0.2

package/class/item.d.ts

@@ -28,6 +28,7 @@ export interface GanttItem<T = unknown> {
     children?: GanttItem[];
     color?: string;
     barStyle?: Partial<CSSStyleDeclaration>;
+    laneStyle?: Partial<CSSStyleDeclaration>;
     origin?: T;
     type?: GanttItemType;
     progress?: number;
@@ -41,6 +42,7 @@ export declare class GanttItemInternal {
     links: GanttLink[];
     color?: string;
     barStyle?: Partial<CSSStyleDeclaration>;
+    laneStyle?: Partial<CSSStyleDeclaration>;
     draggable?: boolean;
     itemDraggable?: boolean;
     linkable?: boolean;

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

@@ -1,15 +1,16 @@
-import { TemplateRef, QueryList, OnInit, EventEmitter, OnDestroy, ChangeDetectorRef, AfterViewInit } from '@angular/core';
-import { GanttItemInternal, GanttGroupInternal, GanttSelectedEvent, GanttTableDragEnterPredicateContext, GanttTableDragDroppedEvent, GanttTableDragStartedEvent, GanttTableDragEndedEvent } from '../../../class';
-import { NgxGanttTableColumnComponent } from '../../../table/gantt-column.component';
+import { CdkDrag, CdkDragDrop, CdkDragEnd, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { GanttGroupInternal, GanttItemInternal, GanttSelectedEvent, GanttTableDragDroppedEvent, GanttTableDragEndedEvent, GanttTableDragEnterPredicateContext, GanttTableDragStartedEvent } from '../../../class';
 import { GanttAbstractComponent } from '../../../gantt-abstract';
 import { GanttUpper } from '../../../gantt-upper';
-import { CdkDrag, CdkDragDrop, CdkDragEnd, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
+import { NgxGanttTableColumnComponent } from '../../../table/gantt-column.component';
 import * as i0 from "@angular/core";
 export declare class GanttTableBodyComponent implements OnInit, OnDestroy, AfterViewInit {
     gantt: GanttAbstractComponent;
     ganttUpper: GanttUpper;
     private cdr;
     private document;
+    private ngZone;
     private _viewportItems;
     set viewportItems(data: (GanttGroupInternal | GanttItemInternal)[]);
     get viewportItems(): (GanttGroupInternal | GanttItemInternal)[];
@@ -35,9 +36,14 @@ export declare class GanttTableBodyComponent implements OnInit, OnDestroy, After
     private itemDragMoved;
     private itemDropTarget;
     private destroy$;
-    constructor(gantt: GanttAbstractComponent, ganttUpper: GanttUpper, cdr: ChangeDetectorRef, document: Document);
+    sideContainer: Element;
+    headerContainer: Element;
+    footerContainer: Element;
+    constructor(gantt: GanttAbstractComponent, ganttUpper: GanttUpper, cdr: ChangeDetectorRef, document: Document, ngZone: NgZone);
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    initialize(): void;
+    private monitorScrollChange;
     expandGroup(group: GanttGroupInternal): void;
     expandChildren(event: MouseEvent, item: GanttItemInternal): void;
     onItemDragStarted(event: CdkDragStart<GanttItemInternal>): void;

package/components/table/gantt-table.scss

@@ -10,8 +10,15 @@
     border-right: 1px solid variables.$gantt-border-color;
     box-sizing: border-box;
     position: relative;
+    flex-shrink: 0;
+
+    &:nth-last-child(2) {
+      border-right: none;
+    }
 
     &:last-child {
+      padding: 0;
+      border: 1px solid variables.$gantt-border-color;
       border-right: none;
     }
   }
@@ -60,7 +67,12 @@
     display: flex;
     padding: variables.$gantt-table-td-padding;
 
+    &:nth-last-child(2) {
+      border-right: none;
+    }
     &:last-child {
+      padding: 0;
+      border: 1px solid variables.$gantt-border-color;
       border-right: none;
     }
   }
@@ -174,6 +186,13 @@
 
   .gantt-table-header-container {
     display: flex;
+    overflow-x: auto;
+    overflow-y: hidden;
+    white-space: nowrap;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
   }
 
   @include gantt-table-item();
@@ -247,6 +266,7 @@
   bottom: 0;
   cursor: ew-resize;
   height: 5000px;
+  z-index: 2;
 
   &:hover {
     background: variables.$gantt-table-header-drag-line-color;
@@ -255,7 +275,7 @@
 
 .column-resize-handle {
   height: unset;
-  z-index: 1;
+  z-index: 2;
 }
 
 .table-resize-auxiliary-line {

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

@@ -1,16 +1,17 @@
-import { QueryList, OnInit, ElementRef, OnDestroy, ChangeDetectorRef } from '@angular/core';
-import { NgxGanttTableColumnComponent } from '../../../table/gantt-column.component';
 import { CdkDragEnd, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { GanttAbstractComponent } from '../../../gantt-abstract';
+import { NgxGanttTableColumnComponent } from '../../../table/gantt-column.component';
 import * as i0 from "@angular/core";
 export declare const defaultColumnWidth = 100;
 export declare const minColumnWidth = 80;
 export declare class GanttTableHeaderComponent implements OnInit, OnDestroy {
     private elementRef;
-    private gantt;
+    gantt: GanttAbstractComponent;
     private cdr;
     dragStartLeft: number;
     tableWidth: number;
+    customWidth: number;
     private unsubscribe$;
     columns: QueryList<NgxGanttTableColumnComponent>;
     resizeLineElementRef: ElementRef<HTMLElement>;
@@ -27,6 +28,7 @@ export declare class GanttTableHeaderComponent implements OnInit, OnDestroy {
     onOverallResizeEnded(event: CdkDragEnd): void;
     private showAuxiliaryLine;
     private hideAuxiliaryLine;
+    private getCalcWidth;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttTableHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GanttTableHeaderComponent, "gantt-table-header", never, { "columns": { "alias": "columns"; "required": false; }; }, {}, never, never, true, never>;