@worktile/gantt 19.0.0 → 19.0.2

package/gantt-dom.service.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnDestroy, NgZone, WritableSignal } from '@angular/core';
+import { ElementRef, NgZone, OnDestroy, WritableSignal } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare enum ScrollDirection {

package/gantt.component.d.ts

@@ -1,7 +1,7 @@
 import { CdkVirtualScrollViewport, ViewportRuler } from '@angular/cdk/scrolling';
 import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
-import { GanttGroupInternal, GanttItem, GanttItemInternal, GanttLineClickEvent, GanttLinkDragEvent, GanttSelectedEvent, GanttTableDragEndedEvent, GanttTableDragStartedEvent, GanttVirtualScrolledIndexChangeEvent } from './class';
+import { GanttGroupInternal, GanttItem, GanttItemInternal, GanttLineClickEvent, GanttLinkDragEvent, GanttSelectedEvent, GanttTableDragEndedEvent, GanttTableDragStartedEvent, GanttViewType, GanttVirtualScrolledIndexChangeEvent } from './class';
 import { GanttUpper } from './gantt-upper';
 import { GanttGlobalConfig } from './gantt.config';
 import { NgxGanttRootComponent } from './root.component';
@@ -52,6 +52,7 @@ export declare class NgxGanttComponent extends GanttUpper implements OnInit, OnC
     scrollToToday(): void;
     scrollToDate(date: number | Date | GanttDate): void;
     scrolledIndexChange(index: number): void;
+    changeView(type: GanttViewType): void;
     expandGroups(expanded: boolean): void;
     expandGroup(group: GanttGroupInternal): void;
     itemDragStarted(event: GanttTableDragStartedEvent): void;

package/gantt.component.scss

@@ -28,9 +28,11 @@
       height: 100%;
       background-color: variables.$gantt-bg-color;
       overflow-y: auto;
+      display: flex;
 
       .gantt-table {
         height: 100%;
+        flex: 1;
       }
 
       &::-webkit-scrollbar {
@@ -247,11 +249,17 @@
   background-color: white;
   border-top: 1px solid variables.$gantt-border-color;
   border-bottom: 1px solid variables.$gantt-border-color;
+  overflow: hidden;
 
   .gantt-table-footer {
     height: variables.$gantt-footer-height;
     border-right: 1px solid variables.$gantt-border-color;
     box-shadow: variables.$gantt-footer-shadow;
+    overflow-x: auto;
+    overflow-y: hidden;
+    &::-webkit-scrollbar {
+      display: none;
+    }
   }
 
   .gantt-container-footer {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/gantt",
-  "version": "19.0.0",
+  "version": "19.0.2",
   "schematics": "./schematics/collection.json",
   "author": "walkerkay001",
   "license": "MIT",

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

@@ -1,18 +1,22 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
-import { GanttTableDragEnterPredicateContext, GanttTableDragDroppedEvent, GanttTableEvent, GanttTableDragStartedEvent, GanttTableDragEndedEvent, GanttTableItemClickEvent } from '../class';
+import { GanttTableDragDroppedEvent, GanttTableDragEndedEvent, GanttTableDragEnterPredicateContext, GanttTableDragStartedEvent, GanttTableEvent, GanttTableItemClickEvent } from '../class';
 import * as i0 from "@angular/core";
 export declare class NgxGanttTableComponent {
     draggable: boolean;
+    maxWidth: number;
+    width: number;
     dropEnterPredicate?: (context: GanttTableDragEnterPredicateContext) => boolean;
     dragDropped: EventEmitter<GanttTableDragDroppedEvent<unknown>>;
     dragStarted: EventEmitter<GanttTableDragStartedEvent<unknown>>;
     dragEnded: EventEmitter<GanttTableDragEndedEvent<unknown>>;
     columnChanges: EventEmitter<GanttTableEvent>;
+    resizeChange: EventEmitter<number>;
     itemClick: EventEmitter<GanttTableItemClickEvent<unknown>>;
     rowBeforeTemplate: TemplateRef<any>;
     rowAfterTemplate: TemplateRef<any>;
     tableEmptyTemplate: TemplateRef<any>;
     tableFooterTemplate: TemplateRef<any>;
+    settingsSlot: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttTableComponent, "ngx-gantt-table", never, { "draggable": { "alias": "draggable"; "required": false; }; "dropEnterPredicate": { "alias": "dropEnterPredicate"; "required": false; }; }, { "dragDropped": "dragDropped"; "dragStarted": "dragStarted"; "dragEnded": "dragEnded"; "columnChanges": "columnChanges"; "itemClick": "itemClick"; }, ["rowBeforeTemplate", "rowAfterTemplate", "tableEmptyTemplate", "tableFooterTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttTableComponent, "ngx-gantt-table", never, { "draggable": { "alias": "draggable"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "dropEnterPredicate": { "alias": "dropEnterPredicate"; "required": false; }; }, { "dragDropped": "dragDropped"; "dragStarted": "dragStarted"; "dragEnded": "dragEnded"; "columnChanges": "columnChanges"; "resizeChange": "resizeChange"; "itemClick": "itemClick"; }, ["rowBeforeTemplate", "rowAfterTemplate", "tableEmptyTemplate", "tableFooterTemplate", "settingsSlot"], never, true, never>;
 }