@worktile/gantt 16.1.0-next.1 → 18.0.0-next.0

package/gantt-abstract.d.ts

@@ -1,10 +1,10 @@
 import { InjectionToken, ChangeDetectorRef } from '@angular/core';
 import { GanttGroupInternal, GanttItemInternal } from './class';
-import { GanttStyles } from './gantt.styles';
 import { NgxGanttTableComponent } from './table/gantt-table.component';
+import { GanttStyleOptions } from './gantt.config';
 export interface GanttAbstractComponent {
     table: NgxGanttTableComponent;
-    styles: GanttStyles;
+    styles: GanttStyleOptions;
     maxLevel: number;
     async: boolean;
     cdr: ChangeDetectorRef;

package/gantt-upper.d.ts

@@ -2,10 +2,9 @@ import { TemplateRef, EventEmitter, ElementRef, ChangeDetectorRef, NgZone, Simpl
 import { Subject } from 'rxjs';
 import { GanttItem, GanttGroup, GanttViewType, GanttLoadOnScrollEvent, GanttDragEvent, GanttGroupInternal, GanttItemInternal, GanttBarClickEvent, GanttLinkDragEvent, GanttToolbarOptions } from './class';
 import { GanttView, GanttViewOptions } from './views/view';
-import { GanttStyles } from './gantt.styles';
 import { Dictionary } from './utils/helpers';
 import { GanttDragContainer } from './gantt-drag-container';
-import { GanttGlobalConfig } from './gantt.config';
+import { GanttGlobalConfig, GanttStyleOptions } from './gantt.config';
 import { GanttLinkOptions } from './class/link';
 import { SelectionModel } from '@angular/cdk/collections';
 import { BooleanInput } from '@angular/cdk/coercion';
@@ -25,9 +24,8 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     end: number;
     showTodayLine: boolean;
     draggable: boolean;
-    styles: GanttStyles;
+    styles: GanttStyleOptions;
     showToolbar: boolean;
-    restrictToBounds: boolean;
     toolbarOptions: GanttToolbarOptions;
     viewOptions: GanttViewOptions;
     set linkOptions(options: GanttLinkOptions);
@@ -95,6 +93,6 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     changeView(type: GanttViewType): void;
     rerenderView(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttUpper, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GanttUpper, never, never, { "originItems": { "alias": "items"; "required": false; }; "originGroups": { "alias": "groups"; "required": false; }; "originBaselineItems": { "alias": "baselineItems"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "showTodayLine": { "alias": "showTodayLine"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "restrictToBounds": { "alias": "restrictToBounds"; "required": false; }; "toolbarOptions": { "alias": "toolbarOptions"; "required": false; }; "viewOptions": { "alias": "viewOptions"; "required": false; }; "linkOptions": { "alias": "linkOptions"; "required": false; }; "disabledLoadOnScroll": { "alias": "disabledLoadOnScroll"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; }, { "loadOnScroll": "loadOnScroll"; "dragStarted": "dragStarted"; "dragMoved": "dragMoved"; "dragEnded": "dragEnded"; "barClick": "barClick"; "viewChange": "viewChange"; "expandChange": "expandChange"; }, ["barTemplate", "rangeTemplate", "itemTemplate", "baselineTemplate", "groupTemplate", "groupHeaderTemplate", "toolbarTemplate"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GanttUpper, never, never, { "originItems": { "alias": "items"; "required": false; }; "originGroups": { "alias": "groups"; "required": false; }; "originBaselineItems": { "alias": "baselineItems"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "showTodayLine": { "alias": "showTodayLine"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "toolbarOptions": { "alias": "toolbarOptions"; "required": false; }; "viewOptions": { "alias": "viewOptions"; "required": false; }; "linkOptions": { "alias": "linkOptions"; "required": false; }; "disabledLoadOnScroll": { "alias": "disabledLoadOnScroll"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; }, { "loadOnScroll": "loadOnScroll"; "dragStarted": "dragStarted"; "dragMoved": "dragMoved"; "dragEnded": "dragEnded"; "barClick": "barClick"; "viewChange": "viewChange"; "expandChange": "expandChange"; }, ["barTemplate", "rangeTemplate", "itemTemplate", "baselineTemplate", "groupTemplate", "groupHeaderTemplate", "toolbarTemplate"], never, false, never>;
 }
 export declare const GANTT_UPPER_TOKEN: InjectionToken<GanttUpper>;

package/gantt.component.d.ts

@@ -1,13 +1,13 @@
-import { OnInit, ElementRef, EventEmitter, ChangeDetectorRef, NgZone, QueryList, AfterViewInit, TemplateRef, OnChanges, SimpleChanges, AfterViewChecked } from '@angular/core';
+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 { GanttUpper } from './gantt-upper';
-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';
 import { NgxGanttRootComponent } from './root.component';
+import { NgxGanttTableColumnComponent } from './table/gantt-column.component';
+import { NgxGanttTableComponent } from './table/gantt-table.component';
 import { GanttDate } from './utils/date';
-import { CdkVirtualScrollViewport, ViewportRuler } from '@angular/cdk/scrolling';
 import * as i0 from "@angular/core";
 export declare class NgxGanttComponent extends GanttUpper implements OnInit, OnChanges, AfterViewInit, AfterViewChecked {
     private viewportRuler;
@@ -57,5 +57,5 @@ export declare class NgxGanttComponent extends GanttUpper implements OnInit, OnC
     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>;
+    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, true, never>;
 }

package/gantt.component.scss

@@ -22,7 +22,6 @@
 
     .gantt-side-header {
       box-sizing: border-box;
-      height: variables.$gantt-header-height;
     }
 
     .gantt-side-container {
@@ -69,10 +68,8 @@
 
   .gantt-main-container {
     width: 100%;
-    height: calc(100% - #{variables.$gantt-header-height});
     flex: 1;
     position: absolute;
-    top: variables.$gantt-header-height;
     bottom: 0;
     left: 0;
     right: 0;
@@ -86,7 +83,6 @@
     }
 
     .gantt-group {
-      height: variables.$gantt-group-height;
       background: variables.$gantt-group-background-color;
       border-bottom: 1px solid variables.$gantt-border-color;
       box-sizing: border-box;
@@ -110,7 +106,6 @@
   .gantt-virtual-scroll-viewport {
     position: absolute;
     left: 0;
-    top: variables.$gantt-header-height;
     right: 0;
     bottom: 0;
     z-index: 2;

package/gantt.config.d.ts

@@ -1,6 +1,9 @@
-import { GanttLinkType, GanttLinkOptions, GanttLinkLineType } from './class/link';
 import { InjectionToken } from '@angular/core';
+import { Locale } from 'date-fns';
+import { GanttLinkOptions } from './class/link';
 export interface GanttDateFormat {
+    hour?: string;
+    day?: string;
     week?: string;
     month?: string;
     quarter?: string;
@@ -8,23 +11,20 @@ export interface GanttDateFormat {
     yearMonth?: string;
     yearQuarter?: string;
 }
+export interface GanttDateOptions {
+    locale?: Locale;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}
+export interface GanttStyleOptions {
+    headerHeight?: number;
+    lineHeight?: number;
+    barHeight?: number;
+}
 export interface GanttGlobalConfig {
     dateFormat?: GanttDateFormat;
+    dateOptions?: GanttDateOptions;
     linkOptions?: GanttLinkOptions;
+    styleOptions?: GanttStyleOptions;
 }
-export declare const defaultConfig: {
-    dateFormat: {
-        week: string;
-        month: string;
-        quarter: string;
-        year: string;
-        yearMonth: string;
-        yearQuarter: string;
-    };
-    linkOptions: {
-        dependencyTypes: GanttLinkType[];
-        showArrow: boolean;
-        lineType: GanttLinkLineType;
-    };
-};
+export declare const defaultConfig: GanttGlobalConfig;
 export declare const GANTT_GLOBAL_CONFIG: InjectionToken<GanttGlobalConfig>;

package/gantt.module.d.ts

@@ -1,27 +1,29 @@
+import { GanttGlobalConfig } from './gantt.config';
 import * as i0 from "@angular/core";
-import * as i1 from "./gantt.component";
-import * as i2 from "./table/gantt-table.component";
-import * as i3 from "./table/gantt-column.component";
-import * as i4 from "./components/table/header/gantt-table-header.component";
-import * as i5 from "./components/table/body/gantt-table-body.component";
-import * as i6 from "./components/main/gantt-main.component";
-import * as i7 from "./components/calendar/header/calendar-header.component";
-import * as i8 from "./components/calendar/grid/calendar-grid.component";
-import * as i9 from "./components/links/links.component";
-import * as i10 from "./components/loader/loader.component";
-import * as i11 from "./components/bar/bar.component";
-import * as i12 from "./components/icon/icon.component";
-import * as i13 from "./components/drag-backdrop/drag-backdrop.component";
-import * as i14 from "./components/range/range.component";
-import * as i15 from "./root.component";
-import * as i16 from "./components/baseline/baseline.component";
-import * as i17 from "./components/toolbar/toolbar.component";
-import * as i18 from "./gantt.pipe";
-import * as i19 from "@angular/common";
-import * as i20 from "@angular/cdk/drag-drop";
-import * as i21 from "@angular/cdk/scrolling";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/drag-drop";
+import * as i3 from "@angular/cdk/scrolling";
+import * as i4 from "./gantt.component";
+import * as i5 from "./table/gantt-table.component";
+import * as i6 from "./table/gantt-column.component";
+import * as i7 from "./components/table/header/gantt-table-header.component";
+import * as i8 from "./components/table/body/gantt-table-body.component";
+import * as i9 from "./components/main/gantt-main.component";
+import * as i10 from "./components/calendar/header/calendar-header.component";
+import * as i11 from "./components/calendar/grid/calendar-grid.component";
+import * as i12 from "./components/links/links.component";
+import * as i13 from "./components/loader/loader.component";
+import * as i14 from "./components/bar/bar.component";
+import * as i15 from "./components/icon/icon.component";
+import * as i16 from "./components/drag-backdrop/drag-backdrop.component";
+import * as i17 from "./components/range/range.component";
+import * as i18 from "./root.component";
+import * as i19 from "./components/baseline/baseline.component";
+import * as i20 from "./components/toolbar/toolbar.component";
+import * as i21 from "./gantt.pipe";
 export declare class NgxGanttModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxGanttModule, [typeof i1.NgxGanttComponent, typeof i2.NgxGanttTableComponent, typeof i3.NgxGanttTableColumnComponent, typeof i4.GanttTableHeaderComponent, typeof i5.GanttTableBodyComponent, typeof i6.GanttMainComponent, typeof i7.GanttCalendarHeaderComponent, typeof i8.GanttCalendarGridComponent, typeof i9.GanttLinksComponent, typeof i10.GanttLoaderComponent, typeof i11.NgxGanttBarComponent, typeof i12.GanttIconComponent, typeof i13.GanttDragBackdropComponent, typeof i14.NgxGanttRangeComponent, typeof i15.NgxGanttRootComponent, typeof i16.NgxGanttBaselineComponent, typeof i17.NgxGanttToolbarComponent, typeof i18.IsGanttRangeItemPipe, typeof i18.IsGanttBarItemPipe, typeof i18.IsGanttCustomItemPipe], [typeof i19.CommonModule, typeof i20.DragDropModule, typeof i21.ScrollingModule], [typeof i1.NgxGanttComponent, typeof i2.NgxGanttTableComponent, typeof i3.NgxGanttTableColumnComponent, typeof i15.NgxGanttRootComponent, typeof i11.NgxGanttBarComponent, typeof i14.NgxGanttRangeComponent, typeof i16.NgxGanttBaselineComponent, typeof i17.NgxGanttToolbarComponent, typeof i7.GanttCalendarHeaderComponent, typeof i8.GanttCalendarGridComponent, typeof i13.GanttDragBackdropComponent]>;
+    constructor(ganttGlobalConfig: GanttGlobalConfig);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttModule, [{ optional: true; }]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxGanttModule, never, [typeof i1.CommonModule, typeof i2.DragDropModule, typeof i3.ScrollingModule, typeof i4.NgxGanttComponent, typeof i5.NgxGanttTableComponent, typeof i6.NgxGanttTableColumnComponent, typeof i7.GanttTableHeaderComponent, typeof i8.GanttTableBodyComponent, typeof i9.GanttMainComponent, typeof i10.GanttCalendarHeaderComponent, typeof i11.GanttCalendarGridComponent, typeof i12.GanttLinksComponent, typeof i13.GanttLoaderComponent, typeof i14.NgxGanttBarComponent, typeof i15.GanttIconComponent, typeof i16.GanttDragBackdropComponent, typeof i17.NgxGanttRangeComponent, typeof i18.NgxGanttRootComponent, typeof i19.NgxGanttBaselineComponent, typeof i20.NgxGanttToolbarComponent, typeof i21.IsGanttRangeItemPipe, typeof i21.IsGanttBarItemPipe, typeof i21.IsGanttCustomItemPipe], [typeof i4.NgxGanttComponent, typeof i5.NgxGanttTableComponent, typeof i6.NgxGanttTableColumnComponent, typeof i18.NgxGanttRootComponent, typeof i14.NgxGanttBarComponent, typeof i17.NgxGanttRangeComponent, typeof i19.NgxGanttBaselineComponent, typeof i20.NgxGanttToolbarComponent, typeof i10.GanttCalendarHeaderComponent, typeof i11.GanttCalendarGridComponent, typeof i16.GanttDragBackdropComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxGanttModule>;
 }

package/gantt.pipe.d.ts

@@ -2,17 +2,17 @@ import { PipeTransform } from '@angular/core';
 import { GanttItemType } from './class';
 import * as i0 from "@angular/core";
 export declare class IsGanttRangeItemPipe implements PipeTransform {
-    transform(value: GanttItemType): boolean;
+    transform(value: GanttItemType): value is GanttItemType.range;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsGanttRangeItemPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<IsGanttRangeItemPipe, "isGanttRangeItem", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsGanttRangeItemPipe, "isGanttRangeItem", true>;
 }
 export declare class IsGanttBarItemPipe implements PipeTransform {
-    transform(value: GanttItemType): boolean;
+    transform(value: GanttItemType): value is GanttItemType.bar;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsGanttBarItemPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<IsGanttBarItemPipe, "isGanttBarItem", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsGanttBarItemPipe, "isGanttBarItem", true>;
 }
 export declare class IsGanttCustomItemPipe implements PipeTransform {
-    transform(value: GanttItemType): boolean;
+    transform(value: GanttItemType): value is GanttItemType.custom;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsGanttCustomItemPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<IsGanttCustomItemPipe, "isGanttCustomItem", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsGanttCustomItemPipe, "isGanttCustomItem", true>;
 }

package/gantt.styles.d.ts

@@ -1,9 +1,3 @@
-export declare const defaultStyles: {
-    lineHeight: number;
-    barHeight: number;
-};
-export declare const headerHeight = 44;
-export type GanttStyles = typeof defaultStyles;
 export declare const sideWidth = 400;
 export declare const sideMiddleWidth = 500;
 export declare const sideMaxWidth = 600;

package/package.json

@@ -1,7 +1,9 @@
 {
   "name": "@worktile/gantt",
-  "version": "16.1.0-next.1",
+  "version": "18.0.0-next.0",
   "schematics": "./schematics/collection.json",
+  "author": "walkerkay001",
+  "license": "MIT",
   "exports": {
     ".": {
       "sass": "./styles/index.scss",
@@ -24,9 +26,9 @@
     }
   },
   "peerDependencies": {
-    "@angular/common": ">=16.0.0",
-    "@angular/core": ">=16.0.0",
-    "@angular/cdk": ">=16.0.0",
+    "@angular/common": ">=17.0.0",
+    "@angular/core": ">=17.0.0",
+    "@angular/cdk": ">=17.0.0",
     "rxjs": "^6.5.0 || ^7.0.0",
     "date-fns": ">=2.0.0"
   },

package/root.component.d.ts

@@ -32,5 +32,5 @@ export declare class NgxGanttRootComponent implements OnInit, OnDestroy {
     scrollToToday(): void;
     scrollToDate(date: number | GanttDate): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttRootComponent, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttRootComponent, "ngx-gantt-root", never, { "sideWidth": { "alias": "sideWidth"; "required": false; }; }, {}, ["sideTemplate", "mainTemplate"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttRootComponent, "ngx-gantt-root", never, { "sideWidth": { "alias": "sideWidth"; "required": false; }; }, {}, ["sideTemplate", "mainTemplate"], ["*"], true, never>;
 }

package/styles/index.scss

@@ -1,7 +1,5 @@
 @use './variables.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';

package/styles/variables.scss

@@ -6,12 +6,10 @@ $gantt-border-color: #eee !default;
 $gantt-bg-color: #fff !default;
 $gantt-side-shadow: 12px 0 16px -10px rgba(0, 0, 0, 0.15) !default;
 $gantt-container-background-color: #fafafa !default;
-$gantt-item-height: 44px !default;
 $gantt-group-background-color: rgba(
   $color: #f3f3f3,
   $alpha: 0.5
 ) !default;
-$gantt-group-height: 44px !default;
 $gantt-table-td-padding: 0 15px !default;
 
 // calendar
@@ -59,3 +57,7 @@ $gantt-loader-loading-color: $gantt-primary-color !default;
 
 // footer
 $gantt-footer-height: 44px !default;
+
+// @deprecated, please use global config `GANTT_GLOBAL_CONFIG` set custom height
+$gantt-item-height: none;
+$gantt-group-height: none;

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

@@ -13,5 +13,5 @@ export declare class NgxGanttTableColumnComponent {
     constructor(ganttUpper: GanttUpper, elementRef: ElementRef);
     get classList(): DOMTokenList;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttTableColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttTableColumnComponent, "ngx-gantt-column", never, { "width": { "alias": "width"; "required": false; }; "name": { "alias": "name"; "required": false; }; "showExpandIcon": { "alias": "showExpandIcon"; "required": false; }; }, {}, ["templateRef", "headerTemplateRef"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGanttTableColumnComponent, "ngx-gantt-column", never, { "width": { "alias": "width"; "required": false; }; "name": { "alias": "name"; "required": false; }; "showExpandIcon": { "alias": "showExpandIcon"; "required": false; }; }, {}, ["templateRef", "headerTemplateRef"], never, true, never>;
 }

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

@@ -13,5 +13,5 @@ export declare class NgxGanttTableComponent {
     tableEmptyTemplate: TemplateRef<any>;
     tableFooterTemplate: 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"; }, ["rowBeforeTemplate", "rowAfterTemplate", "tableEmptyTemplate", "tableFooterTemplate"], never, false, 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"; }, ["rowBeforeTemplate", "rowAfterTemplate", "tableEmptyTemplate", "tableFooterTemplate"], never, true, never>;
 }

package/utils/date.d.ts

@@ -1,4 +1,4 @@
-export { addYears, addMonths, addDays, addWeeks, addQuarters, getUnixTime, startOfDay, startOfWeek, startOfMonth, startOfQuarter, startOfYear, endOfDay, endOfWeek, endOfMonth, endOfQuarter, endOfYear, format, fromUnixTime, getDaysInMonth, addSeconds, setDate, addMinutes, addHours, differenceInCalendarDays, isWeekend, getWeek, isToday, differenceInDays, differenceInCalendarQuarters, eachMonthOfInterval, eachWeekOfInterval, eachDayOfInterval } from 'date-fns';
+export { Locale, addDays, addHours, addMinutes, addMonths, addQuarters, addSeconds, addWeeks, addYears, differenceInCalendarDays, differenceInCalendarQuarters, differenceInDays, eachDayOfInterval, eachMonthOfInterval, eachWeekOfInterval, endOfDay, endOfMonth, endOfQuarter, endOfWeek, endOfYear, format, fromUnixTime, getDaysInMonth, getUnixTime, getWeek, isToday, isWeekend, setDate, startOfDay, startOfMonth, startOfQuarter, startOfWeek, startOfYear, startOfMinute, startOfHour, endOfMinute, endOfHour, differenceInMinutes, eachHourOfInterval } from 'date-fns';
 export type GanttDateUtil = 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'quarter' | 'year';
 export declare class GanttDate {
     value: Date;
@@ -30,6 +30,8 @@ export declare class GanttDate {
     addMonths(amount: number): GanttDate;
     addQuarters(amount: number): GanttDate;
     addYears(amount: number): GanttDate;
+    startOfMinute(): GanttDate;
+    startOfHour(): GanttDate;
     startOfDay(): GanttDate;
     startOfWeek(options?: {
         locale?: Locale;
@@ -38,6 +40,8 @@ export declare class GanttDate {
     startOfMonth(): GanttDate;
     startOfQuarter(): GanttDate;
     startOfYear(): GanttDate;
+    endOfMinute(): GanttDate;
+    endOfHour(): GanttDate;
     endOfDay(): GanttDate;
     endOfWeek(options?: {
         locale?: Locale;

package/utils/helpers.d.ts

@@ -2,8 +2,8 @@ import { GanttItem, GanttItemInternal } from '../class/item';
 export interface Dictionary<T = unknown> {
     [key: string]: T;
 }
-export declare function isNumber(value: any): boolean;
-export declare function isString(value: any): boolean;
+export declare function isNumber(value: any): value is number;
+export declare function isString(value: any): value is string;
 export declare function isUndefined(value: any): boolean;
 export declare function hexToRgb(color: string, opacity?: number): string;
 export declare function uniqBy<T = unknown>(array: T[], key: keyof T): any[];

package/views/day.d.ts

@@ -1,14 +1,14 @@
-import { GanttView, GanttViewOptions, GanttViewDate } from './view';
-import { GanttDate } from '../utils/date';
-import { GanttDatePoint } from '../class/date-point';
 import { GanttViewType } from '../class';
+import { GanttDatePoint } from '../class/date-point';
+import { GanttDate } from '../utils/date';
+import { GanttView, GanttViewDate, GanttViewOptions } from './view';
 export declare class GanttViewDay extends GanttView {
     showWeekBackdrop: boolean;
     showTimeline: boolean;
     viewType: GanttViewType;
     constructor(start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions);
-    startOf(date: GanttDate): GanttDate;
-    endOf(date: GanttDate): GanttDate;
+    viewStartOf(date: GanttDate): GanttDate;
+    viewEndOf(date: GanttDate): GanttDate;
     getPrimaryWidth(): number;
     getDayOccupancyWidth(): number;
     getPrimaryDatePoints(): GanttDatePoint[];

package/views/factory.d.ts

@@ -5,5 +5,6 @@ import { GanttViewQuarter } from './quarter';
 import { GanttViewDay } from './day';
 import { GanttViewWeek } from './week';
 import { GanttViewYear } from './year';
+import { GanttViewHour } from './hour';
 export declare function registerView<T extends typeof GanttView>(type: string, view: T): void;
-export declare function createViewFactory(type: GanttViewType, start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions): GanttViewMonth | GanttViewQuarter | GanttViewDay | GanttViewWeek | GanttViewYear;
+export declare function createViewFactory(type: GanttViewType, start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions): GanttViewMonth | GanttViewQuarter | GanttViewDay | GanttViewWeek | GanttViewYear | GanttViewHour;

package/views/hour.d.ts

@@ -0,0 +1,20 @@
+import { GanttViewType } from '../class';
+import { GanttDatePoint } from '../class/date-point';
+import { GanttDate } from '../utils/date';
+import { GanttView, GanttViewDate, GanttViewOptions } from './view';
+export declare class GanttViewHour extends GanttView {
+    showWeekBackdrop: boolean;
+    showTimeline: boolean;
+    viewType: GanttViewType;
+    constructor(start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions);
+    viewStartOf(date: GanttDate): GanttDate;
+    viewEndOf(date: GanttDate): GanttDate;
+    getPrimaryWidth(): number;
+    getDayOccupancyWidth(): number;
+    private getHourOccupancyWidth;
+    getPrimaryDatePoints(): GanttDatePoint[];
+    getSecondaryDatePoints(): GanttDatePoint[];
+    getTodayXPoint(): number;
+    getDateIntervalWidth(start: GanttDate, end: GanttDate): number;
+    getDateByXPoint(x: number): GanttDate;
+}

package/views/month.d.ts

@@ -5,8 +5,8 @@ import { GanttViewType } from '../class';
 export declare class GanttViewMonth extends GanttView {
     viewType: GanttViewType;
     constructor(start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions);
-    startOf(date: GanttDate): GanttDate;
-    endOf(date: GanttDate): GanttDate;
+    viewStartOf(date: GanttDate): GanttDate;
+    viewEndOf(date: GanttDate): GanttDate;
     getPrimaryWidth(): number;
     getDayOccupancyWidth(date: GanttDate): number;
     getPrimaryDatePoints(): GanttDatePoint[];

package/views/quarter.d.ts

@@ -5,8 +5,8 @@ import { GanttViewType } from '../class';
 export declare class GanttViewQuarter extends GanttView {
     viewType: GanttViewType;
     constructor(start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions);
-    startOf(date: GanttDate): GanttDate;
-    endOf(date: GanttDate): GanttDate;
+    viewStartOf(date: GanttDate): GanttDate;
+    viewEndOf(date: GanttDate): GanttDate;
     getPrimaryWidth(): number;
     getDayOccupancyWidth(date: GanttDate): number;
     getPrimaryDatePoints(): GanttDatePoint[];

package/views/view.d.ts

@@ -1,10 +1,10 @@
-import { GanttDate, GanttDateUtil } from '../utils/date';
-import { GanttDatePoint } from '../class/date-point';
 import { BehaviorSubject } from 'rxjs';
-import { GanttDateFormat } from '../gantt.config';
 import { GanttViewType } from '../class';
-export declare const primaryDatePointTop = 18;
-export declare const secondaryDatePointTop = 36;
+import { GanttDatePoint } from '../class/date-point';
+import { GanttDateFormat } from '../gantt.config';
+import { GanttDate, GanttDateUtil } from '../utils/date';
+export declare const primaryDatePointTop = "40%";
+export declare const secondaryDatePointTop = "80%";
 export interface GanttViewDate {
     date: GanttDate;
     isCustom?: boolean;
@@ -18,7 +18,8 @@ export interface GanttViewOptions {
     addAmount?: number;
     addUnit?: GanttDateUtil;
     dateFormat?: GanttDateFormat;
-    fillDays?: number;
+    datePrecisionUnit?: 'day' | 'hour' | 'minute';
+    dragPreviewDateFormat?: string;
     [key: string]: any;
 }
 export declare abstract class GanttView {
@@ -36,13 +37,26 @@ export declare abstract class GanttView {
     showWeekBackdrop: boolean;
     options: GanttViewOptions;
     constructor(start: GanttViewDate, end: GanttViewDate, options: GanttViewOptions);
-    abstract startOf(date: GanttDate): GanttDate;
-    abstract endOf(date: GanttDate): GanttDate;
+    abstract viewStartOf(date: GanttDate): GanttDate;
+    abstract viewEndOf(date: GanttDate): GanttDate;
+    /**
+     * deprecated, please use viewStartOf()
+     * @deprecated
+     */
+    startOf(date: GanttDate): GanttDate;
+    /**
+     * deprecated, please use viewEndOf()
+     * @deprecated
+     */
+    endOf(date: GanttDate): GanttDate;
     abstract getPrimaryWidth(): number;
     abstract getDayOccupancyWidth(date: GanttDate): number;
     abstract getPrimaryDatePoints(): GanttDatePoint[];
     abstract getSecondaryDatePoints(): GanttDatePoint[];
-    protected getDateIntervalWidth(start: GanttDate, end: GanttDate): number;
+    startOfPrecision(date: GanttDate): GanttDate;
+    endOfPrecision(date: GanttDate): GanttDate;
+    differenceByPrecisionUnit(dateLeft: GanttDate, dateRight: GanttDate): number;
+    getDateIntervalWidth(start: GanttDate, end: GanttDate): number;
     protected initialize(): void;
     addStartDate(): {
         start: GanttDate;
@@ -59,4 +73,5 @@ export declare abstract class GanttView {
     getXPointByDate(date: GanttDate): number;
     getDateByXPoint(x: number): GanttDate;
     getDateRangeWidth(start: GanttDate, end: GanttDate): number;
+    getMinRangeWidthByPrecisionUnit(date: GanttDate): number;
 }

package/views/week.d.ts

@@ -5,8 +5,8 @@ import { GanttView, GanttViewDate, GanttViewOptions } from './view';
 export declare class GanttViewWeek extends GanttView {
     viewType: GanttViewType;
     constructor(start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions);
-    startOf(date: GanttDate): GanttDate;
-    endOf(date: GanttDate): GanttDate;
+    viewStartOf(date: GanttDate): GanttDate;
+    viewEndOf(date: GanttDate): GanttDate;
     getPrimaryWidth(): number;
     getDayOccupancyWidth(): number;
     getPrimaryDatePoints(): GanttDatePoint[];

package/views/year.d.ts

@@ -5,8 +5,8 @@ import { GanttViewType } from '../class';
 export declare class GanttViewYear extends GanttView {
     viewType: GanttViewType;
     constructor(start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions);
-    startOf(date: GanttDate): GanttDate;
-    endOf(date: GanttDate): GanttDate;
+    viewStartOf(date: GanttDate): GanttDate;
+    viewEndOf(date: GanttDate): GanttDate;
     getPrimaryWidth(): number;
     getDayOccupancyWidth(date: GanttDate): number;
     getPrimaryDatePoints(): GanttDatePoint[];