@progress/kendo-angular-gantt 0.3.0-dev.202201111723 → 0.3.0-dev.202201131518

package/dist/es2015/dragging/drag-validation-tooltip.component.d.ts

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export declare class DragValidationTooltipComponent {
+    /**
+     * Sets the status class of the attempted operation.
+     * Note that the status will be ignored and the `neutral` status class will be rendered,
+     * if the any of the fromTaskName or toTaskName are not populated.
+     */
+    isValid: boolean;
+    /**
+     * The name of the task where the dragging has started.
+     */
+    fromTaskName: string;
+    /**
+     * The name of the task which is being currently hovered.
+     */
+    toTaskName: string;
+    /**
+     * Specifies whether the valid/invalid validity classes should be rendered or not.
+     * Prevents the validity classes being rendered when e.g. the same task is hovered during drag,
+     * or when a task body is hovered and not an actual drag clue.
+     */
+    showValidityStatus: boolean;
+}

package/dist/es2015/dragging/drag-validation-tooltip.component.js

@@ -0,0 +1,76 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Component } from '@angular/core';
+/**
+ * @hidden
+ */
+let DragValidationTooltipComponent = class DragValidationTooltipComponent {
+    /**
+     * @hidden
+     */
+    constructor() {
+        /**
+         * Sets the status class of the attempted operation.
+         * Note that the status will be ignored and the `neutral` status class will be rendered,
+         * if the any of the fromTaskName or toTaskName are not populated.
+         */
+        this.isValid = false;
+    }
+};
+DragValidationTooltipComponent = tslib_1.__decorate([
+    Component({
+        template: `
+        <div
+            class="k-tooltip k-gantt-tooltip-validation"
+            [class.k-gantt-tooltip-valid]="showValidityStatus && isValid"
+            [class.k-gantt-tooltip-invalid]="showValidityStatus && !isValid"
+        >
+            <div class="k-gantt-tooltip-validation-row">
+                <span class="k-gantt-tooltip-validation-label">From:</span>
+                <span class="k-gantt-tooltip-validation-value">{{ fromTaskName }}</span>
+            </div>
+            <div class="k-gantt-tooltip-validation-row">
+                <span class="k-gantt-tooltip-validation-label">To:</span>
+                <span class="k-gantt-tooltip-validation-value">{{ toTaskName }}</span>
+            </div>
+        </div>
+    `,
+        styles: [`
+        .k-gantt-tooltip-validation {
+            max-width: 200px;
+            display: block;
+        }
+        .k-gantt-tooltip-validation::before {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 4px;
+            height: 100%;
+            background: #656565;
+        }
+        .k-gantt-tooltip-validation.k-gantt-tooltip-valid::before {
+            background: #37B400;
+        }
+        .k-gantt-tooltip-validation.k-gantt-tooltip-invalid::before {
+            background: #F31700;
+        }
+        .k-gantt-tooltip-validation-row {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        .k-gantt-tooltip-validation-label {
+            display: inline-flex;
+            width: 50px;
+        }
+        .k-gantt-tooltip-validation-value {
+            font-weight: bold;
+        }
+    `]
+    })
+], DragValidationTooltipComponent);
+export { DragValidationTooltipComponent };

package/dist/es2015/gantt.component.d.ts

@@ -9,7 +9,8 @@ import { CompositeFilterDescriptor, SortDescriptor } from '@progress/kendo-data-
 import { Day } from '@progress/kendo-date-math';
 import { Observable } from 'rxjs';
 import { GanttColumnBase } from './columns/columns';
-import { DataStateChangeEvent, ColumnMenuSettings, RowClassFn, TaskClassFn, ColumnVisibilityChangeEvent, ColumnResizeEvent, ColumnLockedChangeEvent, ColumnReorderEvent, ColumnReorderConfig, GanttTaskModelFields, GanttDependencyModelFields, SortSettings, CellClickEvent, TaskClickEvent } from './models/models';
+import { DataStateChangeEvent, ColumnMenuSettings, RowClassFn, TaskClassFn, ColumnVisibilityChangeEvent, ColumnResizeEvent, ColumnLockedChangeEvent, ColumnReorderEvent, ColumnReorderConfig, GanttTaskModelFields, GanttDependencyModelFields, SortSettings, CellClickEvent, TaskClickEvent, DependencyAddEvent } from './models/models';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { TimelineViewService } from './timeline/timeline-view.service';
 import { TimelineViewType } from './models/timeline-view';
 import { TimelineBaseViewService } from './timeline/timeline-base-view.service';
@@ -18,12 +19,12 @@ import { DependencyDomService } from './dependencies/dependency-dom.service';
 import { MappingService } from './common/mapping.service';
 import { OptionChangesService } from './common/option-changes.service';
 import { EditService } from './editing/edit.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { TimelinePaneOptions, TreeListPaneOptions } from './models/splitter-pane-options.interface';
 import { GanttTaskTemplateDirective } from './template-directives/task-template.directive';
 import { GanttSummaryTaskTemplateDirective } from './template-directives/summary-task-template.directive';
 import { GanttTaskContentTemplateDirective } from './template-directives/task-content-template.directive';
 import { ToolbarTemplateDirective } from './toolbar/toolbar-template.directive';
+import { GanttTimelineComponent } from './timeline/gantt-timeline.component';
 import { ToolbarSettings } from './models/toolbar-settings';
 import { ExpandEvent } from './expanded-state/expand-event';
 import { ViewBase } from './timeline/view-base';
@@ -31,6 +32,7 @@ import { SelectionChangeEvent } from './selection/selection-change-event';
 import { TaskEditEvent } from './models/events/task-edit-event.interface';
 import { CellCloseEvent } from './models/events/cell-close-event.interface';
 import { TaskAddEvent } from './models/events/task-add-event.interface';
+import { DragScrollSettings } from './scrolling/drag-scroll-settings';
 /**
  * Represents the Kendo UI Gantt component for Angular.
  *
@@ -114,6 +116,7 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
     private hostElement;
     private zone;
     treeList: TreeListComponent;
+    timeline: GanttTimelineComponent;
     /**
      * @hidden
      */
@@ -163,11 +166,22 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
      */
     data: any[];
     /**
-     * Provides a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection))
+     * Specifies a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection)).
      *
      * > The [`selectable`]({% slug api_gantt_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
      */
     isSelected: (dataItem: object) => boolean;
+    /**
+     * Specifies a callback that determines if a new dependency is valid.
+     * Used when evaluating if an attempt to create a new dependency will result in a valid link between the two tasks
+     * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-validation).
+     *
+     * By defalut, dependencies are deemed invalid when:
+     *  - The two tasks are in a parent-child relationship.
+     *  - The two tasks are already dependent on one another. Only one dependency is allowed per pair.
+     *  - The start or end times of the two tasks are incompatible with the attempted dependency type.
+     */
+    validateNewDependency: (dependency: object) => boolean;
     /**
      * Fires when the Gantt selection is changed through user interaction.
      *
@@ -301,6 +315,12 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
      * @default false
      */
     columnsResizable: boolean;
+    /**
+     * Specifies the settings for auto-scrolling during dragging
+     * when the pointer moves outside of the container bounderies
+     * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-auto-scrolling).
+     */
+    dragScrollSettings: DragScrollSettings;
     /**
      * Fires when an item is expanded.
      */
@@ -343,6 +363,11 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
      * Fires when the user adds a task.
      */
     taskAdd: EventEmitter<TaskAddEvent>;
+    /**
+     * Fires when the user adds a dependency via dragging
+     * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-basic-concepts).
+     */
+    dependencyAdd: EventEmitter<DependencyAddEvent>;
     /**
      * Fires when the sorting of the Gantt is changed.
      * You have to handle the event yourself and sort the data.
@@ -407,6 +432,15 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
      * @hidden
      */
     readonly filterMenu: string | boolean;
+    /**
+     * @hidden
+     *
+     * Specifies whether the dependency drag clues will be rendered.
+     * Set internally by the dependency-drag-create directive.
+     *
+     * @default false
+     */
+    renderDependencyDragClues: boolean;
     /**
      * @hidden
      */
@@ -458,6 +492,7 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
     showConfirmationDialog: boolean;
     private _columns;
     private _data;
+    private _dragScrollSettings;
     private _timelinePaneOptions;
     private _treeListPaneOptions;
     private _customToolbarTemplate;
@@ -611,4 +646,5 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
     private isSameSelection;
     private getSelectionAction;
     private getFirstSelectedItem;
+    private defaultValidateNewDependencyCallback;
 }

package/dist/es2015/gantt.component.js

@@ -13,6 +13,8 @@ import { packageMetadata } from './package-metadata';
 import { anyChanged, hasObservers } from '@progress/kendo-angular-common';
 import { GanttColumnBase } from './columns/columns';
 import { fetchChildren, hasChildren, isSelected, rowClassCallback, taskClassCallback } from './common/default-callbacks';
+import { DependencyType } from './models/models';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { TimelineViewService } from './timeline/timeline-view.service';
 import { TimelineDayViewService } from './timeline/timeline-day-view.service';
 import { TimelineWeekViewService } from './timeline/timeline-week-view.service';
@@ -22,18 +24,25 @@ import { DependencyDomService } from './dependencies/dependency-dom.service';
 import { MappingService } from './common/mapping.service';
 import { OptionChangesService } from './common/option-changes.service';
 import { EditService } from './editing/edit.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { getClosestTaskIndex, isClearButton, isColumnGroup, isPresent, isTask, normalizeGanttData, scrollbarWidth } from './utils';
+import { TimelineScrollService } from './scrolling/timeline-scroll.service';
+import { GanttLocalizationService } from './localization/gantt-localization.service';
+import { areParentChild, getClosestTaskIndex, isClearButton, isColumnGroup, isPresent, isTask, normalizeGanttData, scrollbarWidth } from './utils';
 import { DEFAULT_TIMELINE_PANE_SETTINGS, DEFAULT_TREELIST_PANE_SETTINGS } from './models/splitter-pane-options.interface';
 import { GanttTaskTemplateDirective } from './template-directives/task-template.directive';
 import { GanttSummaryTaskTemplateDirective } from './template-directives/summary-task-template.directive';
 import { GanttTaskContentTemplateDirective } from './template-directives/task-content-template.directive';
 import { ToolbarTemplateDirective } from './toolbar/toolbar-template.directive';
+import { GanttTimelineComponent } from './timeline/gantt-timeline.component';
 import { ViewBase } from './timeline/view-base';
-import { getEditItem } from './editing/util';
-import { GanttLocalizationService } from './localization/gantt-localization.service';
+import { getEditItem } from './editing/utils';
 const TREELIST_GROUP_COLUMNS_CLASS = 'k-gantt-treelist-nested-columns';
 const DEFAULT_VIEW = 'week';
+const DEFAULT_DRAG_SCROLL_SETTINGS = {
+    enabled: true,
+    step: 3,
+    interval: 1,
+    threshold: 10
+};
 /**
  * Represents the Kendo UI Gantt component for Angular.
  *
@@ -119,11 +128,22 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
         this.zone = zone;
         this.hostClasses = true;
         /**
-         * Provides a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection))
+         * Specifies a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection)).
          *
          * > The [`selectable`]({% slug api_gantt_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
          */
         this.isSelected = isSelected;
+        /**
+         * Specifies a callback that determines if a new dependency is valid.
+         * Used when evaluating if an attempt to create a new dependency will result in a valid link between the two tasks
+         * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-validation).
+         *
+         * By defalut, dependencies are deemed invalid when:
+         *  - The two tasks are in a parent-child relationship.
+         *  - The two tasks are already dependent on one another. Only one dependency is allowed per pair.
+         *  - The start or end times of the two tasks are incompatible with the attempted dependency type.
+         */
+        this.validateNewDependency = this.defaultValidateNewDependencyCallback.bind(this);
         /**
          * Fires when the Gantt selection is changed through user interaction.
          *
@@ -244,6 +264,11 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
          * Fires when the user adds a task.
          */
         this.taskAdd = new EventEmitter();
+        /**
+         * Fires when the user adds a dependency via dragging
+         * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-basic-concepts).
+         */
+        this.dependencyAdd = new EventEmitter();
         /**
          * Fires when the sorting of the Gantt is changed.
          * You have to handle the event yourself and sort the data.
@@ -300,6 +325,15 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
          * Fires when a task is clicked.
          */
         this.taskClick = new EventEmitter();
+        /**
+         * @hidden
+         *
+         * Specifies whether the dependency drag clues will be rendered.
+         * Set internally by the dependency-drag-create directive.
+         *
+         * @default false
+         */
+        this.renderDependencyDragClues = false;
         /**
          * @hidden
          *
@@ -316,6 +350,7 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
         this.showConfirmationDialog = false;
         this._columns = new QueryList();
         this._data = [];
+        this._dragScrollSettings = Object.assign({}, DEFAULT_DRAG_SCROLL_SETTINGS);
         this._timelinePaneOptions = Object.assign({}, DEFAULT_TIMELINE_PANE_SETTINGS);
         this._treeListPaneOptions = Object.assign({}, DEFAULT_TREELIST_PANE_SETTINGS);
         this._rowClass = rowClassCallback;
@@ -531,6 +566,17 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
     get taskIdField() {
         return this.mapper.taskFields.id;
     }
+    /**
+     * Specifies the settings for auto-scrolling during dragging
+     * when the pointer moves outside of the container bounderies
+     * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-auto-scrolling).
+     */
+    set dragScrollSettings(settings) {
+        this._dragScrollSettings = Object.assign({}, DEFAULT_DRAG_SCROLL_SETTINGS, settings);
+    }
+    get dragScrollSettings() {
+        return this._dragScrollSettings;
+    }
     /**
      * @hidden
      */
@@ -951,11 +997,60 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
         const loadedItems = this.renderedTreeListItems || [];
         return loadedItems.find(isSelectedCallback);
     }
+    defaultValidateNewDependencyCallback(dependency) {
+        const fromTaskId = this.mapper.extractFromDependency(dependency, 'fromId');
+        const toTaskId = this.mapper.extractFromDependency(dependency, 'toId');
+        const fromTask = this.treeList.view.data.find(task => this.mapper.extractFromTask(task.data, 'id') === fromTaskId);
+        const toTask = this.treeList.view.data.find(task => this.mapper.extractFromTask(task.data, 'id') === toTaskId);
+        // mark as invalid if the attempted dependency is lacking valid from- and to-tasks
+        // or when the from- and to-tasks are actually the same task
+        if (!isPresent(fromTask) || !isPresent(fromTask.data) ||
+            !isPresent(toTask) || !isPresent(toTask.data) ||
+            fromTask.data === toTask.data) {
+            return false;
+        }
+        const tasksDependentOnOneAnother = this.dependencies.some(current => {
+            const currentFromId = this.mapper.extractFromDependency(current, 'fromId');
+            const currentToId = this.mapper.extractFromDependency(current, 'toId');
+            return (fromTaskId === currentFromId && toTaskId === currentToId) ||
+                (toTaskId === currentFromId && fromTaskId === currentToId);
+        });
+        // mark as invalid if the attempted dependency is trying to connect already dependent tasks
+        // mark as invalid if the two tasks are in parent-child relationship
+        if (tasksDependentOnOneAnother || areParentChild(fromTask, toTask)) {
+            return false;
+        }
+        const fromTaskStart = this.mapper.extractFromTask(fromTask.data, 'start');
+        const fromTaskEnd = this.mapper.extractFromTask(fromTask.data, 'end');
+        const toTaskStart = this.mapper.extractFromTask(toTask.data, 'start');
+        const toTaskEnd = this.mapper.extractFromTask(toTask.data, 'end');
+        // if the two tasks are available to be connected via a dependency,
+        // check if their start and end time allow for the attempted dependency type
+        switch (this.mapper.extractFromDependency(dependency, 'type')) {
+            // finish to finish (FF) — the from-task ends before the to-task can end
+            case DependencyType.FF:
+                return fromTaskEnd <= toTaskEnd;
+            // finish to start (FS) — the from-task ends before the to-task can begin
+            case DependencyType.FS:
+                return fromTaskEnd <= toTaskStart;
+            // start to finish (SF) — the from-task begins before the to-task can end
+            case DependencyType.SF:
+                return fromTaskStart <= toTaskEnd;
+            // start to start (SS) — the from-task begins before the to-task can begin
+            case DependencyType.SS:
+                return fromTaskStart <= toTaskStart;
+            default: return false;
+        }
+    }
 };
 tslib_1.__decorate([
     ViewChild(TreeListComponent, { static: true }),
     tslib_1.__metadata("design:type", TreeListComponent)
 ], GanttComponent.prototype, "treeList", void 0);
+tslib_1.__decorate([
+    ViewChild(GanttTimelineComponent, { static: false }),
+    tslib_1.__metadata("design:type", GanttTimelineComponent)
+], GanttComponent.prototype, "timeline", void 0);
 tslib_1.__decorate([
     ContentChild(GanttTaskContentTemplateDirective, { static: true }),
     tslib_1.__metadata("design:type", GanttTaskContentTemplateDirective)
@@ -1014,6 +1109,10 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Function)
 ], GanttComponent.prototype, "isSelected", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Function)
+], GanttComponent.prototype, "validateNewDependency", void 0);
 tslib_1.__decorate([
     Output(),
     tslib_1.__metadata("design:type", EventEmitter)
@@ -1113,6 +1212,11 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Boolean)
 ], GanttComponent.prototype, "columnsResizable", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object),
+    tslib_1.__metadata("design:paramtypes", [Object])
+], GanttComponent.prototype, "dragScrollSettings", null);
 tslib_1.__decorate([
     Output(),
     tslib_1.__metadata("design:type", EventEmitter)
@@ -1153,6 +1257,10 @@ tslib_1.__decorate([
     Output(),
     tslib_1.__metadata("design:type", EventEmitter)
 ], GanttComponent.prototype, "taskAdd", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], GanttComponent.prototype, "dependencyAdd", void 0);
 tslib_1.__decorate([
     Output(),
     tslib_1.__metadata("design:type", EventEmitter)
@@ -1228,7 +1336,8 @@ GanttComponent = GanttComponent_1 = tslib_1.__decorate([
             DependencyDomService,
             MappingService,
             OptionChangesService,
-            EditService
+            EditService,
+            TimelineScrollService
         ],
         template: `
         <ng-container kendoGanttLocalizedMessages
@@ -1543,6 +1652,8 @@ GanttComponent = GanttComponent_1 = tslib_1.__decorate([
                     [scrollable]="false">
                     <kendo-gantt-timeline
                         *ngIf="views && views.length"
+                        [renderDependencyDragClues]="renderDependencyDragClues"
+                        [dragScrollSettings]="dragScrollSettings"
                         [rows]="renderedTreeListItems"
                         [slots]="timelineSlots"
                         [groupSlots]="timelineGroupSlots"

package/dist/es2015/gantt.module.js

@@ -5,11 +5,19 @@
 import * as tslib_1 from "tslib";
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule } from '@angular/forms';
 import { SplitterModule, TabStripModule } from '@progress/kendo-angular-layout';
 import { TreeListModule } from '@progress/kendo-angular-treelist';
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
-import { EventsModule } from '@progress/kendo-angular-common';
+import { DraggableModule, EventsModule } from '@progress/kendo-angular-common';
 import { DialogModule } from '@progress/kendo-angular-dialog';
+import { LabelModule } from '@progress/kendo-angular-label';
+import { InputsModule } from '@progress/kendo-angular-inputs';
+import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
+import { L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { PopupModule } from '@progress/kendo-angular-popup';
+import { touchEnabled } from '@progress/kendo-common';
+import { TOUCH_ENABLED } from './common/touch-enabled';
 import { GanttComponent } from './gantt.component';
 import { GanttTimelineComponent } from './timeline/gantt-timeline.component';
 import { GanttTasksTableBodyComponent } from './rendering/gantt-tasks-table-body.component';
@@ -28,17 +36,15 @@ import { ToolbarComponent } from './toolbar/toolbar.component';
 import { ToolbarTemplateDirective } from './toolbar/toolbar-template.directive';
 import { ViewSelectorComponent } from './toolbar/view-selector.component';
 import { GanttDependencyDirective } from './dependencies/gantt-dependency.directive';
+import { DependencyDragCreateDirective } from './dragging/dependency-drag-create.directive';
+import { DragValidationTooltipComponent } from './dragging/drag-validation-tooltip.component';
+import { TimelineScrollableDirective } from './scrolling/timeline-scroll.directive';
 import { GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, FilterMenuTemplateDirective, FilterCellTemplateDirective, CellTemplateDirective, ColumnMenuTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, EditTemplateDirective } from './columns/columns';
 import { TimelineDayViewComponent } from './timeline/timeline-day-view.component';
 import { TimelineWeekViewComponent } from './timeline/timeline-week-view.component';
 import { TimelineMonthViewComponent } from './timeline/timeline-month-view.component';
 import { EditDialogComponent } from './editing/edit-dialog.component';
-import { ReactiveFormsModule } from '@angular/forms';
-import { LabelModule } from '@progress/kendo-angular-label';
-import { InputsModule } from '@progress/kendo-angular-inputs';
-import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
 import { CustomMessagesComponent } from './localization/custom-messages.component';
-import { L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
 import { GanttAddTaskComponent } from './editing/add-task.component';
 import { GridModule } from '@progress/kendo-angular-grid';
@@ -57,6 +63,8 @@ const IMPORTED_MODULES = [
     ButtonsModule,
     DialogModule,
     EventsModule,
+    PopupModule,
+    DraggableModule,
     TabStripModule,
     GridModule,
     DropDownsModule
@@ -89,6 +97,7 @@ const DECLARATIONS = [
     FooterTemplateDirective,
     GanttExpandableDirective,
     GanttDependencyDirective,
+    DependencyDragCreateDirective,
     TimelineDayViewComponent,
     TimelineWeekViewComponent,
     TimelineMonthViewComponent,
@@ -97,9 +106,12 @@ const DECLARATIONS = [
     CustomMessagesComponent,
     LocalizedMessagesDirective,
     GanttAddTaskComponent,
+    DragValidationTooltipComponent,
+    TimelineScrollableDirective,
     DependenciesTableComponent,
     TaskFieldsComponent
 ];
+const ɵ0 = touchEnabled;
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the Gantt component.
@@ -138,10 +150,15 @@ GanttModule = tslib_1.__decorate([
         imports: [...IMPORTED_MODULES],
         declarations: [...DECLARATIONS],
         exports: [...DECLARATIONS],
+        entryComponents: [DragValidationTooltipComponent],
         providers: [{
                 provide: L10N_PREFIX,
                 useValue: 'kendo.gantt'
+            }, {
+                provide: TOUCH_ENABLED,
+                useValue: ɵ0
             }]
     })
 ], GanttModule);
 export { GanttModule };
+export { ɵ0 };

package/dist/es2015/index.d.ts

@@ -8,8 +8,10 @@
 export * from './main';
 export { MappingService } from './common/mapping.service';
 export { OptionChangesService } from './common/option-changes.service';
+export { TOUCH_ENABLED } from './common/touch-enabled';
 export { DependencyDomService } from './dependencies/dependency-dom.service';
 export { GanttDependencyDirective } from './dependencies/gantt-dependency.directive';
+export { DragValidationTooltipComponent } from './dragging/drag-validation-tooltip.component';
 export { GanttAddTaskComponent } from './editing/add-task.component';
 export { DependenciesTableComponent } from './editing/dependencies-table.component';
 export { EditDialogComponent } from './editing/edit-dialog.component';
@@ -27,6 +29,8 @@ export { GanttTaskBase } from './rendering/gantt-task-base';
 export { GanttTaskComponent } from './rendering/gantt-task.component';
 export { GanttTasksTableBodyComponent } from './rendering/gantt-tasks-table-body.component';
 export { ScrollSyncService } from './scrolling/scroll-sync.service';
+export { TimelineScrollableDirective } from './scrolling/timeline-scroll.directive';
+export { TimelineScrollService } from './scrolling/timeline-scroll.service';
 export { GanttTimelineComponent } from './timeline/gantt-timeline.component';
 export { TimelineBaseViewService } from './timeline/timeline-base-view.service';
 export { TimelineDayViewComponent } from './timeline/timeline-day-view.component';

package/dist/es2015/index.js

@@ -8,8 +8,10 @@
 export * from './main';
 export { MappingService } from './common/mapping.service';
 export { OptionChangesService } from './common/option-changes.service';
+export { TOUCH_ENABLED } from './common/touch-enabled';
 export { DependencyDomService } from './dependencies/dependency-dom.service';
 export { GanttDependencyDirective } from './dependencies/gantt-dependency.directive';
+export { DragValidationTooltipComponent } from './dragging/drag-validation-tooltip.component';
 export { GanttAddTaskComponent } from './editing/add-task.component';
 export { DependenciesTableComponent } from './editing/dependencies-table.component';
 export { EditDialogComponent } from './editing/edit-dialog.component';
@@ -27,6 +29,8 @@ export { GanttTaskBase } from './rendering/gantt-task-base';
 export { GanttTaskComponent } from './rendering/gantt-task.component';
 export { GanttTasksTableBodyComponent } from './rendering/gantt-tasks-table-body.component';
 export { ScrollSyncService } from './scrolling/scroll-sync.service';
+export { TimelineScrollableDirective } from './scrolling/timeline-scroll.directive';
+export { TimelineScrollService } from './scrolling/timeline-scroll.service';
 export { GanttTimelineComponent } from './timeline/gantt-timeline.component';
 export { TimelineBaseViewService } from './timeline/timeline-base-view.service';
 export { TimelineDayViewComponent } from './timeline/timeline-day-view.component';