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

package/dist/es2015/editing/edit-dialog.component.js

@@ -3,23 +3,44 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
-import { Component, Input } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { ChangeDetectorRef, Component, Input } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { MappingService } from '../common/mapping.service';
+import { DependencyType } from '../models/dependency-type.enum';
 import { EditService } from './edit.service';
 /**
  * @hidden
  */
 let EditDialogComponent = class EditDialogComponent {
-    constructor(mapper, editService, localizationService) {
+    constructor(mapper, editService, cdr, localizationService) {
         this.mapper = mapper;
         this.editService = editService;
+        this.cdr = cdr;
         this.localizationService = localizationService;
     }
+    ngOnInit() {
+        this.editService.loadTasks(this.data).subscribe(value => {
+            this.loadedTasks = value;
+        });
+    }
+    get predecessors() {
+        return this.editService.predecessors;
+    }
+    set predecessors(items) {
+        this.editService.predecessors = items;
+    }
+    get successors() {
+        return this.editService.successors;
+    }
+    set successors(items) {
+        this.editService.successors = items;
+    }
     getText(token) {
         return this.localizationService.get(token);
     }
+    getDependencyType(typeId) {
+        return DependencyType[typeId];
+    }
     handleEditingResult(editResultType) {
         this.editService.triggerEditEvent(editResultType);
     }
@@ -29,8 +50,8 @@ let EditDialogComponent = class EditDialogComponent {
 };
 tslib_1.__decorate([
     Input(),
-    tslib_1.__metadata("design:type", FormGroup)
-], EditDialogComponent.prototype, "formGroup", void 0);
+    tslib_1.__metadata("design:type", Array)
+], EditDialogComponent.prototype, "data", void 0);
 EditDialogComponent = tslib_1.__decorate([
     Component({
         selector: 'kendo-gantt-edit-dialog',
@@ -42,34 +63,34 @@ EditDialogComponent = tslib_1.__decorate([
             (close)="handleEditingResult('cancel')">
             <kendo-dialog-messages
                 [closeTitle]="getText('taskEditingDialogCloseTitle')"></kendo-dialog-messages>
-            <form class="k-form" [formGroup]="formGroup">
-                <kendo-formfield *ngIf="formGroup.contains(mapper.taskFields.title)">
-                    <kendo-label [for]="mapper.taskFields.title" [text]="getText('titleFieldInputLabel')"></kendo-label>
-                    <input class="k-textbox" [formControlName]="mapper.taskFields.title" />
-                </kendo-formfield>
-                <div class="k-hstack">
-                    <kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.start)">
-                        <kendo-label [for]="mapper.taskFields.start" [text]="getText('startFieldInputLabel')"></kendo-label>
-                        <kendo-datetimepicker [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
-                    </kendo-formfield>
-                    <kendo-treelist-spacer></kendo-treelist-spacer>
-                    <kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.end)">
-                        <kendo-label [for]="mapper.taskFields.end" [text]="getText('endFieldInputLabel')"></kendo-label>
-                        <kendo-datetimepicker [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
-                    </kendo-formfield>
-                </div>
-                <kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.completionRatio)">
-                    <kendo-label [for]="mapper.taskFields.completionRatio" [text]="getText('completionRatioFieldInputLabel')"></kendo-label>
-                    <kendo-numerictextbox
-                        [formControlName]="mapper.taskFields.completionRatio"
-                        [min]="0"
-                        [max]="1"
-                        [decimals]="2"
-                        format="p2"
-                        [step]="0.01"
-                    ></kendo-numerictextbox>
-                </kendo-formfield>
-            </form>
+
+            <kendo-tabstrip [keepTabContent]="true">
+                <kendo-tabstrip-tab [title]="getText('taskEditingGeneralTabTitle')" [selected]="true">
+                    <ng-template kendoTabContent>
+                    <kendo-gantt-task-fields></kendo-gantt-task-fields>
+                    </ng-template>
+                </kendo-tabstrip-tab>
+                <kendo-tabstrip-tab [title]="getText('taskEditingPredecessorsTabTitle')">
+                    <ng-template kendoTabContent>
+                        <kendo-gantt-dependencies-table
+                            [tasks]="loadedTasks"
+                            [(dependencies)]="predecessors"
+                            dependencyType="predecessor"
+                        >
+                        </kendo-gantt-dependencies-table>
+                    </ng-template>
+                </kendo-tabstrip-tab>
+                <kendo-tabstrip-tab [title]="getText('taskEditingSuccessorsTabTitle')">
+                    <ng-template kendoTabContent>
+                        <kendo-gantt-dependencies-table
+                            [tasks]="loadedTasks"
+                            [(dependencies)]="successors"
+                            dependencyType="successor">
+                        </kendo-gantt-dependencies-table>
+                    </ng-template>
+                </kendo-tabstrip-tab>
+            </kendo-tabstrip>
+
             <kendo-dialog-actions layout="normal">
                 <button kendoButton (click)="onTaskDelete()">{{ getText('deleteButtonText') }}</button>
                 <kendo-treelist-spacer></kendo-treelist-spacer>
@@ -81,6 +102,7 @@ EditDialogComponent = tslib_1.__decorate([
     }),
     tslib_1.__metadata("design:paramtypes", [MappingService,
         EditService,
+        ChangeDetectorRef,
         LocalizationService])
 ], EditDialogComponent);
 export { EditDialogComponent };

package/dist/es2015/editing/edit.service.d.ts

@@ -3,21 +3,39 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { FormGroup } from '@angular/forms';
-import { Subject } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import { TaskAddEvent } from '../models/events/task-add-event.interface';
+import { GanttDependency } from '../main';
 import { EditEvent, EditResultType } from '../models/events/task-edit-event.interface';
+import { MappingService } from '../common/mapping.service';
 /**
  * @hidden
  */
 export declare class EditService {
+    private mapper;
     showEditingDialog: Subject<boolean>;
     showConfirmationDialog: Subject<any>;
     editEvent: Subject<EditEvent>;
     addEvent: Subject<TaskAddEvent>;
-    formGroup: FormGroup;
+    taskFormGroup: FormGroup;
     dataItem: any;
     getSelectedItem: () => any;
-    createEditDialog(dataItem: any, formGroup: FormGroup): void;
+    hasChildren: (node: any) => boolean;
+    fetchChildren: (node: any) => Observable<any[]> | any[];
+    dependencies: any[];
+    predecessors: GanttDependency[];
+    successors: GanttDependency[];
+    updatedItems: any[];
+    deletedItems: any[];
+    constructor(mapper: MappingService);
+    createEditDialog(dataItem: any, taskFormGroup: FormGroup, dependencies: any[]): void;
     closeEditDialog(): void;
     triggerEditEvent(editResultType: EditResultType): void;
+    updateDependencies(item: GanttDependency): void;
+    getCreatedDependencies(): any[];
+    deleteDependency(item: GanttDependency): void;
+    loadTasks(initialValues: any[], isInitializer?: boolean): Observable<any[]>;
+    private getElementById;
+    private itemIndex;
+    private isNew;
 }

package/dist/es2015/editing/edit.service.js

@@ -4,39 +4,106 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
+import { EMPTY, forkJoin, isObservable, of, Subject } from 'rxjs';
+import { MappingService } from '../common/mapping.service';
+import { map, expand, reduce } from 'rxjs/operators';
+import { isPresent, normalizeGanttData } from '../utils';
 /**
  * @hidden
  */
 let EditService = class EditService {
-    /**
-     * @hidden
-     */
-    constructor() {
+    constructor(mapper) {
+        this.mapper = mapper;
         this.showEditingDialog = new Subject();
         this.showConfirmationDialog = new Subject();
         this.editEvent = new Subject();
         this.addEvent = new Subject();
+        this.updatedItems = [];
+        this.deletedItems = [];
+        this.itemIndex = (item, data) => {
+            return data.findIndex(dataItem => this.mapper.extractFromTask(dataItem, 'id') === this.mapper.extractFromTask(item, 'id'));
+        };
     }
-    createEditDialog(dataItem, formGroup) {
+    set dependencies(items) {
+        // Can this whole thing be moved to edit-dialog? Dependencies might not be needed here
+        const dataItemId = this.mapper.extractFromTask(this.dataItem, 'id');
+        this.predecessors = items.filter(item => this.mapper.extractFromDependency(item, 'toId') === dataItemId);
+        this.successors = items.filter(item => this.mapper.extractFromDependency(item, 'fromId') === dataItemId);
+    }
+    get dependencies() {
+        return [...this.predecessors, ...this.successors];
+    }
+    createEditDialog(dataItem, taskFormGroup, dependencies) {
         this.dataItem = dataItem;
-        this.formGroup = formGroup;
+        this.taskFormGroup = taskFormGroup;
+        this.dependencies = dependencies;
         this.showEditingDialog.next(true);
     }
     closeEditDialog() {
         this.showEditingDialog.next(false);
         this.dataItem = undefined;
-        this.formGroup = undefined;
+        this.taskFormGroup = undefined;
+        this.dependencies = [];
+        this.updatedItems = [];
+        this.deletedItems = [];
     }
     triggerEditEvent(editResultType) {
         this.editEvent.next({
-            formGroup: this.formGroup,
+            taskFormGroup: this.taskFormGroup,
             dataItem: this.dataItem,
+            dependencies: {
+                createdItems: this.getCreatedDependencies(),
+                updatedItems: this.updatedItems,
+                deletedItems: this.deletedItems
+            },
             editResultType
         });
     }
+    updateDependencies(item) {
+        if (!this.isNew(item)) {
+            // update
+            const index = this.itemIndex(item, this.updatedItems);
+            if (index !== -1) {
+                this.updatedItems.splice(index, 1, item);
+            }
+            else {
+                this.updatedItems.push(item);
+            }
+        }
+    }
+    getCreatedDependencies() {
+        return this.dependencies.filter(item => this.mapper.extractFromDependency(item, 'id') === null);
+    }
+    deleteDependency(item) {
+        const updatedIndex = this.itemIndex(item, this.updatedItems);
+        if (updatedIndex !== -1) {
+            this.updatedItems.splice(updatedIndex, 1);
+        }
+        if (!this.isNew(item)) {
+            this.deletedItems.push(item);
+        }
+    }
+    loadTasks(initialValues, isInitializer = true) {
+        return forkJoin(initialValues.map(v => this.getElementById(v))).pipe(map((value) => value.reduce((acc, item) => acc = acc.concat(normalizeGanttData(item)), [])), expand(values => {
+            if (values.some(el => this.hasChildren(el))) {
+                return this.loadTasks(values, false);
+            }
+            return EMPTY;
+        }), reduce((acc, values) => acc.concat(values), isInitializer ? [...initialValues] : []));
+    }
+    getElementById(item) {
+        const children = this.fetchChildren(item);
+        if (isObservable(children)) {
+            return children;
+        }
+        return of(children);
+    }
+    isNew(item) {
+        return !isPresent(this.mapper.extractFromDependency(item, 'id'));
+    }
 };
 EditService = tslib_1.__decorate([
-    Injectable()
+    Injectable(),
+    tslib_1.__metadata("design:paramtypes", [MappingService])
 ], EditService);
 export { EditService };

package/dist/es2015/editing/task-fields.component.d.ts

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { FormGroup } from '@angular/forms';
+import { MappingService } from '../common/mapping.service';
+import { GanttLocalizationService } from '../localization/gantt-localization.service';
+import { EditService } from './edit.service';
+/**
+ * @hidden
+ */
+export declare class TaskFieldsComponent {
+    mapper: MappingService;
+    private editService;
+    private localizationService;
+    constructor(mapper: MappingService, editService: EditService, localizationService: GanttLocalizationService);
+    /**
+     * @hidden
+     */
+    readonly formGroup: FormGroup;
+    getText(token: string): string;
+}

package/dist/es2015/editing/task-fields.component.js

@@ -0,0 +1,67 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+import { MappingService } from '../common/mapping.service';
+import { GanttLocalizationService } from '../localization/gantt-localization.service';
+import { EditService } from './edit.service';
+/**
+ * @hidden
+ */
+let TaskFieldsComponent = class TaskFieldsComponent {
+    constructor(mapper, editService, localizationService) {
+        this.mapper = mapper;
+        this.editService = editService;
+        this.localizationService = localizationService;
+    }
+    /**
+     * @hidden
+     */
+    get formGroup() {
+        return this.editService.taskFormGroup;
+    }
+    getText(token) {
+        return this.localizationService.get(token);
+    }
+};
+TaskFieldsComponent = tslib_1.__decorate([
+    Component({
+        selector: 'kendo-gantt-task-fields',
+        template: `
+        <form class="k-form" [formGroup]="formGroup">
+            <kendo-formfield *ngIf="formGroup.contains(mapper.taskFields.title)">
+                <kendo-label [for]="mapper.taskFields.title" [text]="getText('titleFieldInputLabel')"></kendo-label>
+                <input class="k-textbox" [formControlName]="mapper.taskFields.title" />
+            </kendo-formfield>
+            <div class="k-hstack">
+                <kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.start)">
+                    <kendo-label [for]="mapper.taskFields.start" [text]="getText('startFieldInputLabel')"></kendo-label>
+                    <kendo-datetimepicker [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
+                </kendo-formfield>
+                <kendo-treelist-spacer></kendo-treelist-spacer>
+                <kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.end)">
+                    <kendo-label [for]="mapper.taskFields.end" [text]="getText('endFieldInputLabel')"></kendo-label>
+                    <kendo-datetimepicker [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
+                </kendo-formfield>
+            </div>
+            <kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.completionRatio)">
+                <kendo-label [for]="mapper.taskFields.completionRatio" [text]="getText('completionRatioFieldInputLabel')"></kendo-label>
+                <kendo-numerictextbox
+                    [formControlName]="mapper.taskFields.completionRatio"
+                    [min]="0"
+                    [max]="1"
+                    [decimals]="2"
+                    format="p2"
+                    [step]="0.01"
+                ></kendo-numerictextbox>
+            </kendo-formfield>
+        </form>
+    `
+    }),
+    tslib_1.__metadata("design:paramtypes", [MappingService,
+        EditService,
+        GanttLocalizationService])
+], TaskFieldsComponent);
+export { TaskFieldsComponent };

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

@@ -200,11 +200,11 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
     /**
      * Gets or sets the callback function that retrieves the child items for a particular item.
      */
-    fetchChildren: (item: object) => Observable<object[]>;
+    fetchChildren: (dataItem: any) => Observable<object[]>;
     /**
      * Gets or sets the callback function that indicates if a particular item has child items.
      */
-    hasChildren: (item: object) => boolean;
+    hasChildren: (dataItem: any) => boolean;
     /**
      * Defines the dependencies that will be drawn between the rendered tasks.
      *
@@ -442,10 +442,6 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
      * Used by the views selector.
      */
     readonly viewTypes: string[];
-    /**
-     * @hidden
-     */
-    readonly editDialogFormGroup: FormGroup;
     /**
      * @hidden
      *
@@ -469,6 +465,8 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
     private _taskClass;
     private _activeView;
     private _toolbarSettings;
+    private _fetchChildren;
+    private _hasChildren;
     private lastTreeListCellClick;
     private direction;
     private rtl;

package/dist/es2015/gantt.component.js

@@ -31,6 +31,7 @@ import { GanttTaskContentTemplateDirective } from './template-directives/task-co
 import { ToolbarTemplateDirective } from './toolbar/toolbar-template.directive';
 import { ViewBase } from './timeline/view-base';
 import { getEditItem } from './editing/util';
+import { GanttLocalizationService } from './localization/gantt-localization.service';
 const TREELIST_GROUP_COLUMNS_CLASS = 'k-gantt-treelist-nested-columns';
 const DEFAULT_VIEW = 'week';
 /**
@@ -138,14 +139,6 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
          * > When applied, the [`SelectableDirective`]({% slug api_gantt_selectabledirective %}) sets `selectable` to `true` internally.
          */
         this.selectable = false;
-        /**
-         * Gets or sets the callback function that retrieves the child items for a particular item.
-         */
-        this.fetchChildren = fetchChildren;
-        /**
-         * Gets or sets the callback function that indicates if a particular item has child items.
-         */
-        this.hasChildren = hasChildren;
         /**
          * Defines the dependencies that will be drawn between the rendered tasks.
          *
@@ -333,6 +326,8 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
             addTaskTool: 'none',
             viewSelectorTool: 'top'
         };
+        this._fetchChildren = fetchChildren;
+        this._hasChildren = hasChildren;
         this.rtl = false;
         this.optionChangesSubscriptions = new Subscription();
         this.editServiceSubscription = new Subscription();
@@ -348,12 +343,13 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
         this.editServiceSubscription.add(this.editService.showConfirmationDialog.subscribe(() => this.taskDelete.emit()));
         this.editServiceSubscription.add(this.editService.editEvent.subscribe(args => {
             this[args.editResultType].emit({
-                formGroup: args.formGroup,
+                taskFormGroup: args.taskFormGroup,
                 item: getEditItem(args.dataItem, this.treeList.view.data, this.mapper),
+                dependencies: args.dependencies,
                 sender: this
             });
             this.showConfirmationDialog = this.showEditingDialog = false;
-            this.editService.dataItem = this.editService.formGroup = null;
+            this.editService.dataItem = this.editService.taskFormGroup = null;
             this.updateView();
         }));
         this.editServiceSubscription.add(this.editService.addEvent.subscribe(args => {
@@ -460,6 +456,26 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
     get toolbarSettings() {
         return this._toolbarSettings;
     }
+    /**
+     * Gets or sets the callback function that retrieves the child items for a particular item.
+     */
+    set fetchChildren(fn) {
+        this._fetchChildren = fn;
+        this.editService.fetchChildren = fn;
+    }
+    get fetchChildren() {
+        return this._fetchChildren;
+    }
+    /**
+     * Gets or sets the callback function that indicates if a particular item has child items.
+     */
+    set hasChildren(fn) {
+        this._hasChildren = fn;
+        this.editService.hasChildren = fn;
+    }
+    get hasChildren() {
+        return this._hasChildren;
+    }
     /**
      * The options of the timeline splitter pane. By default the pane is `collapsible`,
      * `resizable`, not `collapsed`, and its `size` is `'50%'`.
@@ -567,12 +583,6 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
     get viewTypes() {
         return this.views.map(view => view.type);
     }
-    /**
-     * @hidden
-     */
-    get editDialogFormGroup() {
-        return this.editService.formGroup;
-    }
     ngOnChanges(changes) {
         if (anyChanged(['data', 'activeView', 'workWeekStart', 'workWeekEnd', 'workDayStart', 'workDayEnd'], changes)) {
             this.loadTimelineData();
@@ -661,7 +671,10 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
      */
     editTask(dataItem, formGroup) {
         if (!this.showEditingDialog) {
-            this.editService.createEditDialog(dataItem, formGroup);
+            const taskId = this.mapper.extractFromTask(dataItem, 'id');
+            const dependencies = this.dependencies.filter(item => this.mapper.extractFromDependency(item, 'toId') === taskId
+                || this.mapper.extractFromDependency(item, 'fromId') === taskId);
+            this.editService.createEditDialog(dataItem, formGroup, dependencies);
         }
     }
     /**
@@ -1016,12 +1029,14 @@ tslib_1.__decorate([
 ], GanttComponent.prototype, "toolbarSettings", null);
 tslib_1.__decorate([
     Input(),
-    tslib_1.__metadata("design:type", Function)
-], GanttComponent.prototype, "fetchChildren", void 0);
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", [Function])
+], GanttComponent.prototype, "fetchChildren", null);
 tslib_1.__decorate([
     Input(),
-    tslib_1.__metadata("design:type", Function)
-], GanttComponent.prototype, "hasChildren", void 0);
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", [Function])
+], GanttComponent.prototype, "hasChildren", null);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Array)
@@ -1195,6 +1210,7 @@ GanttComponent = GanttComponent_1 = tslib_1.__decorate([
         selector: 'kendo-gantt',
         exportAs: 'kendoGantt',
         providers: [
+            GanttLocalizationService,
             LocalizationService,
             {
                 provide: DataBoundTreeComponent,
@@ -1556,14 +1572,17 @@ GanttComponent = GanttComponent_1 = tslib_1.__decorate([
             [showViewSelector]="toolbarSettings.viewSelectorTool === 'bottom' || toolbarSettings.viewSelectorTool === 'both'"
             class="k-gantt-footer k-toolbar k-gantt-toolbar"
             position="bottom"></kendo-gantt-toolbar>
-        <kendo-gantt-edit-dialog *ngIf="showEditingDialog" [formGroup]="editDialogFormGroup"></kendo-gantt-edit-dialog>
+        <kendo-gantt-edit-dialog
+            *ngIf="showEditingDialog"
+            [data]="data">
+        </kendo-gantt-edit-dialog>
         <kendo-dialog
             *ngIf="showConfirmationDialog"
             [width]="575"
             [height]="170"
             [title]="getText('confirmationDialogTitle')"
             (close)="showConfirmationDialog = false;">
-            <span>{{getText('confirmationDialogContent')}}</span>
+            <span>{{ getText('confirmationDialogContent') }}</span>
             <kendo-dialog-actions layout="normal">
                 <kendo-treelist-spacer></kendo-treelist-spacer>
                 <button kendoButton [primary]="true" (click)="handleDeleteConfirmation()">{{ getText('deleteButtonText') }}</button>

package/dist/es2015/gantt.module.js

@@ -5,7 +5,7 @@
 import * as tslib_1 from "tslib";
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { SplitterModule } from '@progress/kendo-angular-layout';
+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';
@@ -41,6 +41,10 @@ import { CustomMessagesComponent } from './localization/custom-messages.componen
 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';
+import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
+import { DependenciesTableComponent } from './editing/dependencies-table.component';
+import { TaskFieldsComponent } from './editing/task-fields.component';
 const IMPORTED_MODULES = [
     CommonModule,
     ReactiveFormsModule,
@@ -52,7 +56,10 @@ const IMPORTED_MODULES = [
     TreeListModule,
     ButtonsModule,
     DialogModule,
-    EventsModule
+    EventsModule,
+    TabStripModule,
+    GridModule,
+    DropDownsModule
 ];
 const DECLARATIONS = [
     GanttComponent,
@@ -89,7 +96,9 @@ const DECLARATIONS = [
     EditDialogComponent,
     CustomMessagesComponent,
     LocalizedMessagesDirective,
-    GanttAddTaskComponent
+    GanttAddTaskComponent,
+    DependenciesTableComponent,
+    TaskFieldsComponent
 ];
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})

package/dist/es2015/index.d.ts

@@ -11,9 +11,12 @@ export { OptionChangesService } from './common/option-changes.service';
 export { DependencyDomService } from './dependencies/dependency-dom.service';
 export { GanttDependencyDirective } from './dependencies/gantt-dependency.directive';
 export { GanttAddTaskComponent } from './editing/add-task.component';
+export { DependenciesTableComponent } from './editing/dependencies-table.component';
 export { EditDialogComponent } from './editing/edit-dialog.component';
 export { EditService } from './editing/edit.service';
+export { TaskFieldsComponent } from './editing/task-fields.component';
 export { CustomMessagesComponent } from './localization/custom-messages.component';
+export { GanttLocalizationService } from './localization/gantt-localization.service';
 export { LocalizedMessagesDirective } from './localization/localized-messages.directive';
 export { Messages } from './localization/messages';
 export { PreventableEvent } from './models/events/preventable-event';

package/dist/es2015/index.js

@@ -11,9 +11,12 @@ export { OptionChangesService } from './common/option-changes.service';
 export { DependencyDomService } from './dependencies/dependency-dom.service';
 export { GanttDependencyDirective } from './dependencies/gantt-dependency.directive';
 export { GanttAddTaskComponent } from './editing/add-task.component';
+export { DependenciesTableComponent } from './editing/dependencies-table.component';
 export { EditDialogComponent } from './editing/edit-dialog.component';
 export { EditService } from './editing/edit.service';
+export { TaskFieldsComponent } from './editing/task-fields.component';
 export { CustomMessagesComponent } from './localization/custom-messages.component';
+export { GanttLocalizationService } from './localization/gantt-localization.service';
 export { LocalizedMessagesDirective } from './localization/localized-messages.directive';
 export { Messages } from './localization/messages';
 export { PreventableEvent } from './models/events/preventable-event';