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

package/gantt-upper.d.ts

@@ -27,7 +27,6 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     draggable: boolean;
     styles: GanttStyles;
     showToolbar: boolean;
-    restrictToBounds: boolean;
     toolbarOptions: GanttToolbarOptions;
     viewOptions: GanttViewOptions;
     set linkOptions(options: GanttLinkOptions);
@@ -95,6 +94,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.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,14 @@ export interface GanttDateFormat {
     yearMonth?: string;
     yearQuarter?: string;
 }
+export interface GanttDateOptions {
+    locale?: Locale;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}
 export interface GanttGlobalConfig {
     dateFormat?: GanttDateFormat;
+    dateOptions?: GanttDateOptions;
     linkOptions?: GanttLinkOptions;
 }
-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

@@ -4,15 +4,15 @@ import * as i0 from "@angular/core";
 export declare class IsGanttRangeItemPipe implements PipeTransform {
     transform(value: GanttItemType): boolean;
     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;
     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;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsGanttCustomItemPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<IsGanttCustomItemPipe, "isGanttCustomItem", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsGanttCustomItemPipe, "isGanttCustomItem", true>;
 }

package/package.json

@@ -1,7 +1,9 @@
 {
   "name": "@worktile/gantt",
-  "version": "16.1.0-next.1",
+  "version": "17.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/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,5 @@
-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';
+/// <reference types="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 +31,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 +41,8 @@ export declare class GanttDate {
     startOfMonth(): GanttDate;
     startOfQuarter(): GanttDate;
     startOfYear(): GanttDate;
+    endOfMinute(): GanttDate;
+    endOfHour(): GanttDate;
     endOfDay(): GanttDate;
     endOfWeek(options?: {
         locale?: Locale;

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,19 @@
+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[];
+    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,8 +1,8 @@
-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';
+import { GanttDatePoint } from '../class/date-point';
+import { GanttDateFormat } from '../gantt.config';
+import { GanttDate, GanttDateUtil } from '../utils/date';
 export declare const primaryDatePointTop = 18;
 export declare const secondaryDatePointTop = 36;
 export interface GanttViewDate {
@@ -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[];