@progress/kendo-angular-gantt 0.1.5 → 0.2.0-dev.202111231320

package/dist/es2015/columns/columns.js

@@ -12,3 +12,4 @@ export { FooterTemplateDirective } from './footer-template.directive';
 export { ColumnMenuTemplateDirective } from './column-menu-template.directive';
 export { FilterCellTemplateDirective } from './filter-cell-template.directive';
 export { FilterMenuTemplateDirective } from './filter-menu-template.directive';
+export { EditTemplateDirective } from './edit-template.directive';

package/dist/es2015/columns/edit-template.directive.d.ts

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+/**
+ * Represents the column edit-cell template of the Gantt.
+ * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
+ * tag with the `kendoGanttEditTemplate` directive inside a `<kendo-gantt-column>` tag.
+ *
+ * The template context contains the following fields:
+ * - `column`&mdash;The current column instance.
+ * - `dataItem`&mdash;The current data item.
+ * - `cellContext`&mdash;An object used to pass context information to built-in directives.
+ * - `formGroup`&mdash;The current [`FormGroup`]({{ site.data.urls.angular['formgroupapi'] }}).
+ * If you use the Gantt inside [Template-Driven Forms]({{ site.data.urls.angular['forms'] }}), it will be `undefined`.
+ * - `isNew`&mdash;The state of the current item.
+ * - `rowIndex`&mdash;The current row index. If inside a new item row, `rowIndex` is `-1`.
+ */
+export declare class EditTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+}

package/dist/es2015/columns/edit-template.directive.js

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Directive, TemplateRef, Optional } from '@angular/core';
+/**
+ * Represents the column edit-cell template of the Gantt.
+ * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
+ * tag with the `kendoGanttEditTemplate` directive inside a `<kendo-gantt-column>` tag.
+ *
+ * The template context contains the following fields:
+ * - `column`&mdash;The current column instance.
+ * - `dataItem`&mdash;The current data item.
+ * - `cellContext`&mdash;An object used to pass context information to built-in directives.
+ * - `formGroup`&mdash;The current [`FormGroup`]({{ site.data.urls.angular['formgroupapi'] }}).
+ * If you use the Gantt inside [Template-Driven Forms]({{ site.data.urls.angular['forms'] }}), it will be `undefined`.
+ * - `isNew`&mdash;The state of the current item.
+ * - `rowIndex`&mdash;The current row index. If inside a new item row, `rowIndex` is `-1`.
+ */
+let EditTemplateDirective = class EditTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+};
+EditTemplateDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoGanttEditTemplate]'
+    }),
+    tslib_1.__param(0, Optional()),
+    tslib_1.__metadata("design:paramtypes", [TemplateRef])
+], EditTemplateDirective);
+export { EditTemplateDirective };

package/dist/es2015/columns/span-column.component.d.ts

@@ -8,6 +8,7 @@ import { OptionChangesService } from '../common/option-changes.service';
 import { CellTemplateDirective } from './cell-template.directive';
 import { GanttColumnBase } from './column-base';
 import { GanttColumnComponent } from './column.component';
+import { EditTemplateDirective } from './edit-template.directive';
 export declare class GanttSpanColumnComponent extends SpanColumnComponent {
     private options;
     /**
@@ -15,6 +16,7 @@ export declare class GanttSpanColumnComponent extends SpanColumnComponent {
      */
     childColumns: QueryList<GanttColumnComponent>;
     template: QueryList<CellTemplateDirective>;
+    editTemplate: QueryList<EditTemplateDirective>;
     /**
      * Toggles the locked (frozen) state of the columns. Locked columns are visible
      * at all times during the horizontal scrolling of the Gantt.

package/dist/es2015/columns/span-column.component.js

@@ -10,6 +10,7 @@ import { OptionChangesService } from '../common/option-changes.service';
 import { CellTemplateDirective } from './cell-template.directive';
 import { GanttColumnBase } from './column-base';
 import { GanttColumnComponent } from './column.component';
+import { EditTemplateDirective } from './edit-template.directive';
 let GanttSpanColumnComponent = GanttSpanColumnComponent_1 = class GanttSpanColumnComponent extends SpanColumnComponent {
     constructor(options, parent) {
         super(parent);
@@ -19,6 +20,7 @@ let GanttSpanColumnComponent = GanttSpanColumnComponent_1 = class GanttSpanColum
          */
         this.childColumns = new QueryList();
         this.template = new QueryList();
+        this.editTemplate = new QueryList();
     }
     ngOnChanges() {
         this.options.notifyColumnChanges();
@@ -32,6 +34,10 @@ tslib_1.__decorate([
     ContentChildren(CellTemplateDirective, { descendants: false }),
     tslib_1.__metadata("design:type", QueryList)
 ], GanttSpanColumnComponent.prototype, "template", void 0);
+tslib_1.__decorate([
+    ContentChildren(EditTemplateDirective, { descendants: false }),
+    tslib_1.__metadata("design:type", QueryList)
+], GanttSpanColumnComponent.prototype, "editTemplate", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Boolean)

package/dist/es2015/editing/edit-dialog.component.d.ts

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { LocalizationService } from '@progress/kendo-angular-l10n';
+import { MappingService } from '../common/mapping.service';
+import { EditService } from './edit.service';
+/**
+ * @hidden
+ */
+export declare class EditDialogComponent {
+    mapper: MappingService;
+    editService: EditService;
+    private localizationService;
+    formGroup: FormGroup;
+    constructor(mapper: MappingService, editService: EditService, localizationService: LocalizationService);
+    getText(token: string): string;
+    handleEditingResult(editResultType: 'save' | 'cancel'): void;
+    onTaskDelete(): void;
+}

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

@@ -0,0 +1,86 @@
+/**-----------------------------------------------------------------------------------------
+* 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, Input } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { MappingService } from '../common/mapping.service';
+import { EditService } from './edit.service';
+/**
+ * @hidden
+ */
+let EditDialogComponent = class EditDialogComponent {
+    constructor(mapper, editService, localizationService) {
+        this.mapper = mapper;
+        this.editService = editService;
+        this.localizationService = localizationService;
+    }
+    getText(token) {
+        return this.localizationService.get(token);
+    }
+    handleEditingResult(editResultType) {
+        this.editService.triggerEditEvent(editResultType);
+    }
+    onTaskDelete() {
+        this.editService.showConfirmationDialog.next();
+    }
+};
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", FormGroup)
+], EditDialogComponent.prototype, "formGroup", void 0);
+EditDialogComponent = tslib_1.__decorate([
+    Component({
+        selector: 'kendo-gantt-edit-dialog',
+        template: `
+        <kendo-dialog
+            [title]="getText('taskEditingDialogTitle')"
+            [width]="575"
+            [height]="470"
+            (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-dialog-actions layout="normal">
+                <button kendoButton (click)="onTaskDelete()">{{ getText('deleteButtonText') }}</button>
+                <kendo-treelist-spacer></kendo-treelist-spacer>
+                <button kendoButton [primary]="true" (click)="handleEditingResult('save')">{{ getText('saveButtonText') }}</button>
+                <button kendoButton (click)="handleEditingResult('cancel')">{{ getText('cancelButtonText') }}</button>
+            </kendo-dialog-actions>
+        </kendo-dialog>
+    `
+    }),
+    tslib_1.__metadata("design:paramtypes", [MappingService,
+        EditService,
+        LocalizationService])
+], EditDialogComponent);
+export { EditDialogComponent };

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

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Subject } from 'rxjs';
+import { EditEvent, EditResultType } from '../models/events/task-edit-event.interface';
+/**
+ * @hidden
+ */
+export declare class EditService {
+    showEditingDialog: Subject<boolean>;
+    showConfirmationDialog: Subject<any>;
+    editEvent: Subject<EditEvent>;
+    formGroup: FormGroup;
+    dataItem: any;
+    createEditDialog(dataItem: any, formGroup: FormGroup): void;
+    closeEditDialog(): void;
+    triggerEditEvent(editResultType: EditResultType): void;
+}

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

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+/**
+ * @hidden
+ */
+let EditService = class EditService {
+    /**
+     * @hidden
+     */
+    constructor() {
+        this.showEditingDialog = new Subject();
+        this.showConfirmationDialog = new Subject();
+        this.editEvent = new Subject();
+    }
+    createEditDialog(dataItem, formGroup) {
+        this.dataItem = dataItem;
+        this.formGroup = formGroup;
+        this.showEditingDialog.next(true);
+    }
+    closeEditDialog() {
+        this.showEditingDialog.next(false);
+        this.dataItem = undefined;
+        this.formGroup = undefined;
+    }
+    triggerEditEvent(editResultType) {
+        this.editEvent.next({
+            formGroup: this.formGroup,
+            dataItem: this.dataItem,
+            editResultType
+        });
+    }
+};
+EditService = tslib_1.__decorate([
+    Injectable()
+], EditService);
+export { EditService };

package/dist/es2015/editing/util.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { MappingService } from "../common/mapping.service";
+import { TaskEditItem } from "../models/events/task-edit-event.interface";
+/**
+ * @hidden
+ */
+export declare const getEditItem: (dataItem: any, data: any[], mapper: MappingService) => TaskEditItem;

package/dist/es2015/editing/util.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export const getEditItem = (dataItem, data, mapper) => {
+    const treeListDataItem = data.find(item => mapper.extractFromTask(item.data, 'id') === mapper.extractFromTask(dataItem, 'id'));
+    return mapPath(treeListDataItem);
+};
+const mapPath = (item) => ({
+    dataItem: item.data,
+    parent: item.parent.data ? mapPath(item.parent) : null
+});
+const ɵ0 = mapPath;
+export { ɵ0 };

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

@@ -2,8 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EventEmitter, OnChanges, QueryList, SimpleChanges, Renderer2, AfterContentInit, OnDestroy } from '@angular/core';
-import { DataBoundTreeComponent, ExpandableTreeComponent } from '@progress/kendo-angular-treelist';
+import { EventEmitter, OnChanges, QueryList, SimpleChanges, Renderer2, AfterContentInit, OnDestroy, ElementRef, NgZone } from '@angular/core';
+import { CellClickEvent as TreeListCellClickEvent, DataBoundTreeComponent, ExpandableTreeComponent } from '@progress/kendo-angular-treelist';
 import { TreeListComponent } from '@progress/kendo-angular-treelist';
 import { CompositeFilterDescriptor, SortDescriptor } from '@progress/kendo-data-query';
 import { Observable } from 'rxjs';
@@ -16,6 +16,8 @@ import { ScrollSyncService } from './scrolling/scroll-sync.service';
 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';
@@ -25,8 +27,81 @@ import { ToolbarPosition } from './models/toolbar-position';
 import { ExpandEvent } from './expanded-state/expand-event';
 import { ViewBase } from './timeline/view-base';
 import { Day } from '@progress/kendo-date-math';
+import { FormGroup } from '@angular/forms';
+import { TaskClickEvent } from './models/events/task-click-event.interface';
+import { TaskEditEvent } from './models/events/task-edit-event.interface';
+import { CellClickEvent } from './models/events/cell-click-event.interface';
+import { CellCloseEvent } from './models/events/cell-close-event.interface';
 /**
- * The GiGantt
+ * Represents the Kendo UI Gantt component for Angular.
+ *
+ * @example
+ * ```ts-preview
+ * _@Component({
+ *    selector: 'my-app',
+ *    template: `
+ *        <kendo-gantt
+ *            [style.height.px]="500"
+ *            [kendoGanttHierarchyBinding]="data"
+ *            childrenField="subtasks"
+ *            [dependencies]="dependencies">
+ *            <kendo-gantt-column
+ *                field="title"
+ *                title="Task"
+ *                [width]="200"
+ *                [expandable]="true"></kendo-gantt-column>
+ *            <kendo-gantt-column
+ *                field="start"
+ *                title="Start"
+ *                format="dd-MMM-yyyy"
+ *                [width]="120"></kendo-gantt-column>
+ *            <kendo-gantt-column
+ *                field="end"
+ *                title="End"
+ *                format="dd-MMM-yyyy"
+ *                [width]="120"></kendo-gantt-column>
+ *            <kendo-gantt-timeline-day-view></kendo-gantt-timeline-day-view>
+ *            <kendo-gantt-timeline-week-view></kendo-gantt-timeline-week-view>
+ *            <kendo-gantt-timeline-month-view></kendo-gantt-timeline-month-view>
+ *        </kendo-gantt>
+ *    `
+ * })
+ * class AppComponent {
+ *     public data: Task[] = [{
+ *         id: 7, title: 'Validation and R&D', start: new Date('2014-06-02T00:00:00.000Z'),
+ *         end: new Date('2014-06-19T00:00:00.000Z'), completionRatio: 0.45708333333333334,
+ *         subtasks: [
+ *             { id: 18, title: 'Project Kickoff', start: new Date('2014-06-02T00:00:00.000Z'),
+ *                 end: new Date('2014-06-02T00:00:00.000Z'), completionRatio: 0.23 },
+ *             { id: 11, title: 'Research', start: new Date('2014-06-02T00:00:00.000Z'),
+ *                 end: new Date('2014-06-07T00:00:00.000Z'), completionRatio: 0.5766666666666667,
+ *                 subtasks: [
+ *                     { id: 19, title: 'Validation', start: new Date('2014-06-02T00:00:00.000Z'),
+ *                         end: new Date('2014-06-04T00:00:00.000Z'), completionRatio: 0.25 },
+ *                     { id: 39, title: 'Specification', start: new Date('2014-06-04T00:00:00.000Z'),
+ *                         end: new Date('2014-06-07T00:00:00.000Z'), completionRatio: 0.66 }]
+ *             }, { id: 13, title: 'Implementation', start: new Date('2014-06-08T00:00:00.000Z'),
+ *                 end: new Date('2014-06-19T00:00:00.000Z'), completionRatio: 0.77,
+ *                 subtasks: [
+ *                     { id: 24, title: 'Prototype', start: new Date('2014-06-08T00:00:00.000Z'),
+ *                         end: new Date('2014-06-14T00:00:00.000Z'), completionRatio: 0.77 },
+ *                     { id: 29, title: 'UI and Interaction', start: new Date('2014-06-14T00:00:00.000Z'),
+ *                         end: new Date('2014-06-19T00:00:00.000Z'), completionRatio: 0.6 }]
+ *             }, { id: 17, title: 'Release', start: new Date('2014-06-19T00:00:00.000Z'),
+ *                 end: new Date('2014-06-19T00:00:00.000Z'), completionRatio: 0 }]
+ *     }];
+ *
+ *     public dependencies: GanttDependency[] = [
+ *         { id: 528, fromId: 18, toId: 19, type: DependencyType.FS },
+ *         { id: 529, fromId: 19, toId: 39, type: DependencyType.FS },
+ *         { id: 535, fromId: 24, toId: 29, type: DependencyType.FS },
+ *         { id: 551, fromId: 13, toId: 29, type: DependencyType.FF },
+ *         { id: 777, fromId: 7, toId: 11, type: DependencyType.SF },
+ *         { id: 556, fromId: 39, toId: 24, type: DependencyType.FS },
+ *         { id: 546, fromId: 29, toId: 17, type: DependencyType.FS },
+ *     ];
+ * }
+ * ```
  */
 export declare class GanttComponent implements AfterContentInit, OnChanges, OnDestroy, DataBoundTreeComponent, ExpandableTreeComponent {
     private timelineViewService;
@@ -35,6 +110,10 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
     private mapper;
     private optionChangesService;
     private dependencyDomService;
+    private editService;
+    localizationService: LocalizationService;
+    private hostElement;
+    private zone;
     treeList: TreeListComponent;
     /**
      * @hidden
@@ -51,6 +130,7 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
     toolbarTemplateChildren: QueryList<ToolbarTemplateDirective>;
     toolbarTemplate: ToolbarTemplateDirective;
     hostClasses: boolean;
+    readonly dir: string;
     /**
      * A query list of all declared columns.
      */
@@ -202,10 +282,40 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
      * Fires when an item is expanded.
      */
     rowExpand: EventEmitter<ExpandEvent>;
+    /**
+     * Fires when a Gantt task in the timeline pane is double-clicked. The data item, associated with the clicked task,
+     * is available in the event data. Use the event handler to open a task editing dialog as necessary.
+     */
+    taskDblClick: EventEmitter<TaskClickEvent>;
+    /**
+     * Fires when the user double clicks a cell.
+     */
+    cellDblClick: EventEmitter<CellClickEvent>;
+    /**
+     * Fires when the user leaves an edited cell.
+     */
+    cellClose: EventEmitter<CellCloseEvent>;
+    /**
+     * Fires when the end user clicks the `Delete` button in the task editing dialog or the task delete icon.
+     * Use the event handler to open a confirmation dialog when necessary.
+     */
+    taskDelete: EventEmitter<any>;
     /**
      * Fires when an item is collapsed.
      */
     rowCollapse: EventEmitter<ExpandEvent>;
+    /**
+     * Fires when the user confirms deleting a task.
+     */
+    remove: EventEmitter<TaskEditEvent>;
+    /**
+     * Fires when the user cancels editing a task.
+     */
+    cancel: EventEmitter<TaskEditEvent>;
+    /**
+     * Fires when the user saves an edited task.
+     */
+    save: EventEmitter<TaskEditEvent>;
     /**
      * Fires when the sorting of the Gantt is changed.
      * You have to handle the event yourself and sort the data.
@@ -290,12 +400,24 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
      * Used by the views selector.
      */
     readonly viewTypes: string[];
+    /**
+     * @hidden
+     */
+    readonly editDialogFormGroup: FormGroup;
     /**
      * @hidden
      *
      * Used by the GanttExpandableDirective.
      */
     expandStateChange: EventEmitter<any>;
+    /**
+     * @hidden
+     */
+    showEditingDialog: boolean;
+    /**
+     * @hidden
+     */
+    showConfirmationDialog: boolean;
     private _columns;
     private _data;
     private _timelinePaneOptions;
@@ -304,8 +426,14 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
     private _rowClass;
     private _taskClass;
     private _activeView;
+    private _cellClickEvent;
+    private direction;
+    private rtl;
+    private editItem;
     private optionChangesSubscriptions;
-    constructor(timelineViewService: TimelineViewService, scrollSyncService: ScrollSyncService, renderer: Renderer2, mapper: MappingService, optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
+    private editServiceSubscription;
+    private localizationSubscription;
+    constructor(timelineViewService: TimelineViewService, scrollSyncService: ScrollSyncService, renderer: Renderer2, mapper: MappingService, optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService, editService: EditService, localizationService: LocalizationService, hostElement: ElementRef, zone: NgZone);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngAfterContentInit(): void;
@@ -340,6 +468,30 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
      * @param {ColumnReorderConfig} options - Additional options.
      */
     reorderColumn(source: GanttColumnBase, destIndex: number, options?: ColumnReorderConfig): void;
+    /**
+     * Opens the task editing dialog.
+     */
+    editTask(dataItem: any, formGroup: FormGroup): void;
+    /**
+     * Closes the task editing dialog.
+     */
+    closeTaskDialog(): void;
+    /**
+     * Opens the delete task confirmation dialog.
+     */
+    openConfirmationDialog(): void;
+    /**
+     * Opens a cell for editing.
+     */
+    editCell(dataItem: any, column: number | string | any, formGroup?: FormGroup): void;
+    /**
+     * Closes an edited cell.
+     */
+    closeCell(): void;
+    /**
+     * @hidden
+     */
+    handleCellClose(e: CellCloseEvent): void;
     /**
      * @hidden
      */
@@ -370,6 +522,30 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
      * @hidden
      */
     onTimelinePaneSizeChange(e: string): void;
+    /**
+     * @hidden
+     */
+    handleCellClick(event: TreeListCellClickEvent): void;
+    /**
+     * @hidden
+     */
+    handleDoubleClick(event: MouseEvent): void;
+    /**
+     * @hidden
+     */
+    handleDeleteConfirmation(): void;
+    /**
+     * @hidden
+     */
+    handleTimelineMouseDown(event: MouseEvent): void;
+    /**
+     * @hidden
+     */
+    handleTimelineDblClick(event: MouseEvent): void;
+    /**
+     * @hidden
+     */
+    getText(token: string): string;
     private updateTreeListGroupClass;
     /**
      * Used to hide the vertical scrollbar