@progress/kendo-angular-gantt 0.1.4 → 0.2.0-dev.202111241002

package/dist/es/rendering/gantt-task.component.js

@@ -9,15 +9,22 @@ import { DependencyDomService } from '../dependencies/dependency-dom.service';
 import { OptionChangesService } from '../common/option-changes.service';
 import { TimelineViewService } from './../timeline/timeline-view.service';
 import { GanttTaskBase } from './gantt-task-base';
+import { EditService } from '../editing/edit.service';
 /**
  * @hidden
  */
 var GanttTaskComponent = /** @class */ (function (_super) {
     tslib_1.__extends(GanttTaskComponent, _super);
-    function GanttTaskComponent(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr) {
-        return _super.call(this, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr) || this;
+    function GanttTaskComponent(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, editService) {
+        var _this = _super.call(this, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr) || this;
+        _this.editService = editService;
+        return _this;
     }
     GanttTaskComponent_1 = GanttTaskComponent;
+    GanttTaskComponent.prototype.onTaskDelete = function () {
+        this.editService.dataItem = this.dataItem;
+        this.editService.showConfirmationDialog.next();
+    };
     var GanttTaskComponent_1;
     tslib_1.__decorate([
         Input(),
@@ -36,13 +43,14 @@ var GanttTaskComponent = /** @class */ (function (_super) {
                     useExisting: forwardRef(function () { return GanttTaskComponent_1; })
                 }
             ],
-            template: "\n        <div\n            #task\n            class=\"k-task k-task-single\"\n            [ngClass]=\"taskClass(dataItem)\"\n            [style.width.px]=\"taskWidth\"\n            [style.left.px]=\"taskOffset\"\n            [attr.title]=\"mapper.extractFromTask(dataItem, 'title')\"\n        >\n            <ng-container *ngIf=\"!taskTemplate\">\n                <div\n                    class=\"k-task-complete\"\n                    [style.width.px]=\"completionOverlayWidth\"\n                >\n                </div>\n                <div class=\"k-task-content\">\n                    <div class=\"k-task-template\">\n                        <ng-container *ngIf=\"!taskContentTemplate; else taskContent\">\n                            {{ mapper.extractFromTask(dataItem, 'title') }}\n                        </ng-container>\n                        <ng-template\n                            #taskContent\n                            [ngTemplateOutlet]=\"taskContentTemplate\"\n                            [ngTemplateOutletContext]=\"{ $implicit: dataItem }\"\n                        >\n                        </ng-template>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template\n                *ngIf=\"taskTemplate\"\n                [ngTemplateOutlet]=\"taskTemplate\"\n                [ngTemplateOutletContext]=\"{\n                    $implicit: dataItem,\n                    elementWidth: taskWidth\n                }\"\n            >\n            </ng-template>\n        </div>\n    "
+            template: "\n        <div\n            #task\n            class=\"k-task k-task-single\"\n            [ngClass]=\"taskClass(dataItem)\"\n            [style.width.px]=\"taskWidth\"\n            [style.left.px]=\"taskOffset\"\n            [attr.title]=\"mapper.extractFromTask(dataItem, 'title')\"\n            [attr.data-task-index]=\"index\"\n            [class.k-state-selected]=\"isSelected(dataItem)\"\n        >\n            <ng-container *ngIf=\"!taskTemplate\">\n                <div\n                    class=\"k-task-complete\"\n                    [style.width.px]=\"completionOverlayWidth\"\n                >\n                </div>\n                <div class=\"k-task-content\">\n                    <div class=\"k-task-template\">\n                        <ng-container *ngIf=\"!taskContentTemplate; else taskContent\">\n                            {{ mapper.extractFromTask(dataItem, 'title') }}\n                        </ng-container>\n                        <ng-template\n                            #taskContent\n                            [ngTemplateOutlet]=\"taskContentTemplate\"\n                            [ngTemplateOutletContext]=\"{ $implicit: dataItem }\"\n                        >\n                        </ng-template>\n                    </div>\n                    <span class=\"k-task-actions\">\n                        <span\n                            (click)=\"onTaskDelete()\"\n                            class=\"k-link k-task-delete\">\n                            <span class=\"k-icon k-i-close\"></span>\n                        </span>\n                    </span>\n                </div>\n            </ng-container>\n            <ng-template\n                *ngIf=\"taskTemplate\"\n                [ngTemplateOutlet]=\"taskTemplate\"\n                [ngTemplateOutletContext]=\"{\n                    $implicit: dataItem,\n                    elementWidth: taskWidth\n                }\"\n            >\n            </ng-template>\n        </div>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [MappingService,
             TimelineViewService,
             DependencyDomService,
             OptionChangesService,
-            ChangeDetectorRef])
+            ChangeDetectorRef,
+            EditService])
     ], GanttTaskComponent);
     return GanttTaskComponent;
 }(GanttTaskBase));

package/dist/es/rendering/gantt-tasks-table-body.component.js

@@ -63,10 +63,14 @@ var GanttTasksTableBodyComponent = /** @class */ (function () {
         Input(),
         tslib_1.__metadata("design:type", Function)
     ], GanttTasksTableBodyComponent.prototype, "hasChildren", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Function)
+    ], GanttTasksTableBodyComponent.prototype, "isTaskSelected", void 0);
     GanttTasksTableBodyComponent = tslib_1.__decorate([
         Component({
             selector: '[kendoGanttTasksTableBody]',
-            template: "\n        <tr #timelineRow *ngFor=\"let item of rows\">\n            <td>\n                <kendo-gantt-milestone-task\n                    *ngIf=\"isMileStone(item); else task\"\n                    [dataItem]=\"item\"\n                    [activeView]=\"activeView\"\n                    [taskClass]=\"taskClass\"\n                >\n                </kendo-gantt-milestone-task>\n                <ng-template #task>\n                    <kendo-gantt-summary-task\n                        *ngIf=\"hasChildren(item)\"\n                        [dataItem]=\"item\"\n                        [template]=\"summaryTaskTemplate\"\n                        [activeView]=\"activeView\"\n                        [taskClass]=\"taskClass\"\n                    >\n                    </kendo-gantt-summary-task>\n                    <kendo-gantt-task\n                        *ngIf=\"!hasChildren(item)\"\n                        [dataItem]=\"item\"\n                        [taskContentTemplate]=\"taskContentTemplate\"\n                        [taskTemplate]=\"taskTemplate\"\n                        [activeView]=\"activeView\"\n                        [taskClass]=\"taskClass\"\n                    >\n                    </kendo-gantt-task>\n                </ng-template>\n            </td>\n        </tr>\n    "
+            template: "\n        <tr #timelineRow *ngFor=\"let item of rows; let index = index\">\n            <td>\n                <kendo-gantt-milestone-task\n                    *ngIf=\"isMileStone(item); else task\"\n                    [dataItem]=\"item\"\n                    [activeView]=\"activeView\"\n                    [taskClass]=\"taskClass\"\n                    [isSelected]=\"isTaskSelected\"\n                    [index]=\"index\"\n                >\n                </kendo-gantt-milestone-task>\n                <ng-template #task>\n                    <kendo-gantt-summary-task\n                        *ngIf=\"hasChildren(item)\"\n                        [dataItem]=\"item\"\n                        [template]=\"summaryTaskTemplate\"\n                        [activeView]=\"activeView\"\n                        [taskClass]=\"taskClass\"\n                        [isSelected]=\"isTaskSelected\"\n                        [index]=\"index\"\n                    >\n                    </kendo-gantt-summary-task>\n                    <kendo-gantt-task\n                        *ngIf=\"!hasChildren(item)\"\n                        [dataItem]=\"item\"\n                        [taskContentTemplate]=\"taskContentTemplate\"\n                        [taskTemplate]=\"taskTemplate\"\n                        [activeView]=\"activeView\"\n                        [taskClass]=\"taskClass\"\n                        [isSelected]=\"isTaskSelected\"\n                        [index]=\"index\"\n                    >\n                    </kendo-gantt-task>\n                </ng-template>\n            </td>\n        </tr>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [DependencyDomService,
             MappingService])

package/dist/es/selection/selectable.directive.js

@@ -0,0 +1,141 @@
+/**-----------------------------------------------------------------------------------------
+* 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, Input, Output, EventEmitter } from '@angular/core';
+import { getter } from '@progress/kendo-common';
+import { GanttComponent } from '../gantt.component';
+import { isPresent, isString } from '../utils';
+/**
+ * A directive which handles the [`selectionChange`]({% slug api_gantt_ganttcomponent %}#toc-selectionchange) event of the Gantt
+ * ([see example]({% slug selection_gantt %}#toc-built-in-directive))
+ */
+var SelectableDirective = /** @class */ (function () {
+    function SelectableDirective(gantt) {
+        this.gantt = gantt;
+        /**
+         * Fires when the selected keys are changed.
+         */
+        this.selectedKeysChange = new EventEmitter();
+        this.state = new Set();
+        this.isSelected = this.isSelected.bind(this);
+        this.selectionChange = this.selectionChange.bind(this);
+        this.selectable = true;
+    }
+    Object.defineProperty(SelectableDirective.prototype, "selectable", {
+        /**
+         * @hidden
+         */
+        set: function (value) {
+            if (value) {
+                this.gantt.isSelected = this.isSelected;
+                this.subscribeSelection();
+            }
+            else {
+                this.gantt.isSelected = function () { return false; };
+                this.unsubscribeSelection();
+            }
+            this.gantt.selectable = value;
+            this.gantt.updateView();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SelectableDirective.prototype, "selectedKeys", {
+        /**
+         * Sets the selected keys.
+         */
+        set: function (value) {
+            if (isPresent(value) && value === this.lastChange) {
+                return;
+            }
+            // prevent multiple items displayed as selected as multiple selection still not supported fully
+            var keys = (value || []).slice(0, 1);
+            this.state = new Set(keys);
+            this.gantt.updateView();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SelectableDirective.prototype, "itemKey", {
+        /**
+         * The field name or a function that specifies the data item unique key identifier.
+         * By default, the string field `id` is used.
+         */
+        set: function (value) {
+            if (isString(value)) {
+                this._keyGetter = getter(value);
+            }
+            else {
+                this._keyGetter = value;
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SelectableDirective.prototype, "keyGetter", {
+        get: function () {
+            return this._keyGetter || this.gantt.idGetter;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SelectableDirective.prototype.ngOnDestroy = function () {
+        this.unsubscribeSelection();
+    };
+    SelectableDirective.prototype.isSelected = function (dataItem) {
+        return this.state.has(this.keyGetter(dataItem));
+    };
+    SelectableDirective.prototype.selectionChange = function (_a) {
+        var _this = this;
+        var action = _a.action, items = _a.items;
+        this.state.clear();
+        if (action === 'select') {
+            items.forEach(function (item) { return _this.state.add(_this.keyGetter(item)); });
+        }
+        this.emitSelectedItemsChange();
+    };
+    SelectableDirective.prototype.emitSelectedItemsChange = function () {
+        this.lastChange = Array.from(this.state);
+        this.selectedKeysChange.emit(this.lastChange);
+    };
+    SelectableDirective.prototype.subscribeSelection = function () {
+        this.unsubscribeSelection();
+        this.selectionSubscription = this.gantt.selectionChange.subscribe(this.selectionChange);
+    };
+    SelectableDirective.prototype.unsubscribeSelection = function () {
+        if (this.selectionSubscription) {
+            this.selectionSubscription.unsubscribe();
+            this.selectionSubscription = null;
+        }
+    };
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [Boolean])
+    ], SelectableDirective.prototype, "selectable", null);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Array),
+        tslib_1.__metadata("design:paramtypes", [Array])
+    ], SelectableDirective.prototype, "selectedKeys", null);
+    tslib_1.__decorate([
+        Output(),
+        tslib_1.__metadata("design:type", EventEmitter)
+    ], SelectableDirective.prototype, "selectedKeysChange", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], SelectableDirective.prototype, "itemKey", null);
+    SelectableDirective = tslib_1.__decorate([
+        Directive({
+            exportAs: 'kendoGanttSelectable',
+            selector: '[kendoGanttSelectable]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [GanttComponent])
+    ], SelectableDirective);
+    return SelectableDirective;
+}());
+export { SelectableDirective };

package/dist/es/selection/selection-change-event.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es/timeline/gantt-timeline.component.js

@@ -103,6 +103,10 @@ var GanttTimelineComponent = /** @class */ (function () {
         Input(),
         tslib_1.__metadata("design:type", Function)
     ], GanttTimelineComponent.prototype, "taskClass", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Function)
+    ], GanttTimelineComponent.prototype, "isTaskSelected", void 0);
     tslib_1.__decorate([
         Input(),
         tslib_1.__metadata("design:type", Function)
@@ -114,7 +118,7 @@ var GanttTimelineComponent = /** @class */ (function () {
     GanttTimelineComponent = tslib_1.__decorate([
         Component({
             selector: 'kendo-gantt-timeline',
-            template: "\n        <div class=\"k-timeline k-grid k-widget\">\n            <div class=\"k-grid-header\">\n                <div #timelineHeaderWrap class=\"k-grid-header-wrap\">\n                    <table\n                        role=\"presentation\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <tbody\n                            kendoGanttHeaderTableBody\n                            [groupSlots]=\"groupSlots\"\n                            [slots]=\"slots\">\n                        </tbody>\n                    </table>\n                </div>\n            </div>\n            <div #timelineContent class=\"k-grid-content\">\n                <div class=\"k-gantt-tables\">\n                    <table\n                        class=\"k-gantt-rows\"\n                        [style.width.px]=\"tableWidth\"\n                        role=\"presentation\"\n                    >\n                        <tbody>\n                            <tr *ngFor=\"let item of rows; let i = index;\"\n                                [class.k-alt]=\"i % 2\"\n                            >\n                                <td></td>\n                            </tr>\n                        </tbody>\n                    </table>\n\n                    <table\n                        #timelineColumns\n                        class=\"k-gantt-columns\"\n                        role=\"presentation\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <colgroup>\n                            <col *ngFor=\"let item of slots\">\n                        </colgroup>\n\n                        <tbody>\n                            <tr>\n                                <td *ngFor=\"let item of slots\"\n                                    [class.k-nonwork-hour]=\"isNonWorking(item)\"\n                                >\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n\n                    <table\n                        #tasksContainer\n                        class=\"k-gantt-tasks\"\n                        role=\"presentation\"\n                        style=\"border-collapse: collapse;\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <tbody\n                            kendoGanttTasksTableBody\n                            [rows]=\"rows\"\n                            [activeView]=\"activeView\"\n                            [taskContentTemplate]=\"taskContentTemplate\"\n                            [taskTemplate]=\"taskTemplate\"\n                            [summaryTaskTemplate]=\"summaryTaskTemplate\"\n                            [taskClass]=\"taskClass\"\n                            [hasChildren]=\"hasChildren\"\n                        >\n                        </tbody>\n                    </table>\n                </div>\n                <svg class=\"k-gantt-dependencies-svg\">\n                    <polyline\n                        *ngFor=\"let dependency of dependencies\"\n                        kendoGanttDependency\n                        [dependency]=\"dependency\"\n                    />\n                </svg>\n            </div>\n        </div>\n    "
+            template: "\n        <div class=\"k-timeline k-grid k-widget\">\n            <div class=\"k-grid-header\">\n                <div #timelineHeaderWrap class=\"k-grid-header-wrap\">\n                    <table\n                        role=\"presentation\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <tbody\n                            kendoGanttHeaderTableBody\n                            [groupSlots]=\"groupSlots\"\n                            [slots]=\"slots\">\n                        </tbody>\n                    </table>\n                </div>\n            </div>\n            <div #timelineContent class=\"k-grid-content\">\n                <div class=\"k-gantt-tables\">\n                    <table\n                        class=\"k-gantt-rows\"\n                        [style.width.px]=\"tableWidth\"\n                        role=\"presentation\"\n                    >\n                        <tbody>\n                            <tr *ngFor=\"let item of rows; let i = index;\"\n                                [class.k-alt]=\"i % 2\"\n                            >\n                                <td></td>\n                            </tr>\n                        </tbody>\n                    </table>\n\n                    <table\n                        #timelineColumns\n                        class=\"k-gantt-columns\"\n                        role=\"presentation\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <colgroup>\n                            <col *ngFor=\"let item of slots\">\n                        </colgroup>\n\n                        <tbody>\n                            <tr>\n                                <td *ngFor=\"let item of slots\"\n                                    [class.k-nonwork-hour]=\"isNonWorking(item)\"\n                                >\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n\n                    <table\n                        #tasksContainer\n                        class=\"k-gantt-tasks\"\n                        role=\"presentation\"\n                        style=\"border-collapse: collapse;\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <tbody\n                            kendoGanttTasksTableBody\n                            [rows]=\"rows\"\n                            [activeView]=\"activeView\"\n                            [taskContentTemplate]=\"taskContentTemplate\"\n                            [taskTemplate]=\"taskTemplate\"\n                            [summaryTaskTemplate]=\"summaryTaskTemplate\"\n                            [taskClass]=\"taskClass\"\n                            [hasChildren]=\"hasChildren\"\n                            [isTaskSelected]=\"isTaskSelected\"\n                        >\n                        </tbody>\n                    </table>\n                </div>\n                <svg class=\"k-gantt-dependencies-svg\">\n                    <polyline\n                        *ngFor=\"let dependency of dependencies\"\n                        kendoGanttDependency\n                        [dependency]=\"dependency\"\n                    />\n                </svg>\n            </div>\n        </div>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [ScrollSyncService,
             DependencyDomService,

package/dist/es/toolbar/view-selector.component.js

@@ -4,11 +4,13 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 import { Component, EventEmitter, Input, Output, HostBinding } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 /**
  * The Gantt ViewSelector component. Shows the currently active view type, and allows switching to another view type.
  */
 var ViewSelectorComponent = /** @class */ (function () {
-    function ViewSelectorComponent() {
+    function ViewSelectorComponent(localizationService) {
+        this.localizationService = localizationService;
         this.hostClass = true;
         /**
          * The currently active view type.
@@ -32,7 +34,7 @@ var ViewSelectorComponent = /** @class */ (function () {
      * @hidden
      */
     ViewSelectorComponent.prototype.getViewTypeText = function (viewType) {
-        return "" + viewType[0].toLocaleUpperCase() + viewType.slice(1);
+        return this.localizationService.get(viewType + "ViewText");
     };
     tslib_1.__decorate([
         HostBinding('class.k-gantt-views-wrapper'),
@@ -53,8 +55,9 @@ var ViewSelectorComponent = /** @class */ (function () {
     ViewSelectorComponent = tslib_1.__decorate([
         Component({
             selector: 'kendo-gantt-view-selector',
-            template: "\n        <select class=\"k-dropdown k-views-dropdown\" style=\"text-transform: capitalize;\"\n            [value]=\"activeView\"\n            (change)=\"activeViewChange.emit($event.target.value)\">\n            <option *ngFor=\"let view of views\" [value]=\"view\">{{getViewTypeText(view)}}</option>\n        </select>\n        <kendo-buttongroup class=\"k-gantt-views\" selection=\"single\">\n            <button *ngFor=\"let view of views\"\n                kendoButton\n                [selected]=\"view === activeView\"\n                (click)=\"onClick(view)\">{{getViewTypeText(view)}}</button>\n        </kendo-buttongroup>\n    "
-        })
+            template: "\n        <select class=\"k-dropdown k-views-dropdown\"\n            [value]=\"activeView\"\n            (change)=\"activeViewChange.emit($event.target.value)\">\n            <option *ngFor=\"let view of views\" [value]=\"view\">{{getViewTypeText(view)}}</option>\n        </select>\n        <kendo-buttongroup class=\"k-gantt-views\" selection=\"single\">\n            <button *ngFor=\"let view of views\"\n                kendoButton\n                [selected]=\"view === activeView\"\n                (click)=\"onClick(view)\">{{getViewTypeText(view)}}</button>\n        </kendo-buttongroup>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [LocalizationService])
     ], ViewSelectorComponent);
     return ViewSelectorComponent;
 }());

package/dist/es/utils.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, closestInScope, matchesClasses } from '@progress/kendo-angular-common';
 import { addDays, addWeeks, cloneDate, firstDayInWeek } from '@progress/kendo-date-math';
 /**
  * @hidden
@@ -106,3 +106,50 @@ export var isColumnGroup = function (column) { return column.isColumnGroup; };
  * @hidden
  */
 export var isNumber = function (contender) { return typeof contender === 'number' && !isNaN(contender); };
+/**
+ * @hidden
+ */
+export var isString = function (contender) { return typeof contender === 'string'; };
+/**
+ * @hidden
+ *
+ * Gets the closest timeline task element from an event target.
+ * Restricts the search up to the provided gantt element from the second param.
+ */
+export var getClosestTask = function (element, gantt) {
+    return closestInScope(element, matchesClasses('k-task'), gantt);
+};
+/**
+ * @hidden
+ *
+ * Gets the closest timeline task element index from an event target.
+ * Uses the `data-task-index` attribute assigned to each task.
+ * Restricts the search up to the provided gantt element from the second param.
+ */
+export var getClosestTaskIndex = function (element, gantt) {
+    var task = closestInScope(element, matchesClasses('k-task'), gantt);
+    if (!isPresent(task)) {
+        return null;
+    }
+    return Number(task.getAttribute('data-task-index'));
+};
+/**
+ * @hidden
+ *
+ * Checks whether the queried item or its parent items has a `k-task` selector.
+ * Restricts the search up to the provided gantt element from the second param.
+ */
+export var isTask = function (contender, gantt) {
+    var task = closestInScope(contender, matchesClasses('k-task'), gantt);
+    return isPresent(task);
+};
+/**
+ * @hidden
+ *
+ * Checks whether the queried item or its parent items has a `k-task-actions` selector - used for the clear button.
+ * Restricts the search up to the provided gantt element from the second param.
+ */
+export var isClearButton = function (contender, gantt) {
+    var clearButtonContainer = closestInScope(contender, matchesClasses('k-task-actions'), gantt);
+    return isPresent(clearButtonContainer);
+};

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

@@ -13,12 +13,14 @@ import { FilterMenuTemplateDirective } from './filter-menu-template.directive';
 import { FooterTemplateDirective } from './footer-template.directive';
 import { HeaderTemplateDirective } from './header-template.directive';
 import { CellContentType } from '../models/cell-content-type.interface';
+import { EditTemplateDirective } from './edit-template.directive';
 export declare class GanttColumnComponent extends ColumnComponent {
     private options;
     headerTemplates: QueryList<HeaderTemplateDirective>;
     footerTemplate: FooterTemplateDirective;
     columnMenuTemplates: QueryList<ColumnMenuTemplateDirective>;
     template: CellTemplateDirective;
+    editTemplate: EditTemplateDirective;
     filterCellTemplate: FilterCellTemplateDirective;
     filterMenuTemplate: FilterMenuTemplateDirective;
     /**

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

@@ -14,6 +14,7 @@ import { FilterCellTemplateDirective } from './filter-cell-template.directive';
 import { FilterMenuTemplateDirective } from './filter-menu-template.directive';
 import { FooterTemplateDirective } from './footer-template.directive';
 import { HeaderTemplateDirective } from './header-template.directive';
+import { EditTemplateDirective } from './edit-template.directive';
 let GanttColumnComponent = GanttColumnComponent_1 = class GanttColumnComponent extends ColumnComponent {
     constructor(options, parent) {
         super(parent);
@@ -68,6 +69,10 @@ tslib_1.__decorate([
     ContentChild(CellTemplateDirective, { static: false }),
     tslib_1.__metadata("design:type", CellTemplateDirective)
 ], GanttColumnComponent.prototype, "template", void 0);
+tslib_1.__decorate([
+    ContentChild(EditTemplateDirective, { static: false }),
+    tslib_1.__metadata("design:type", EditTemplateDirective)
+], GanttColumnComponent.prototype, "editTemplate", void 0);
 tslib_1.__decorate([
     ContentChild(FilterCellTemplateDirective, { static: false }),
     tslib_1.__metadata("design:type", FilterCellTemplateDirective)

package/dist/es2015/columns/columns.d.ts

@@ -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/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/common/default-callbacks.d.ts

@@ -18,3 +18,7 @@ export declare const rowClassCallback: () => any;
  * @hidden
  */
 export declare const taskClassCallback: () => any;
+/**
+ * @hidden
+ */
+export declare const isSelected: () => boolean;

package/dist/es2015/common/default-callbacks.js

@@ -19,3 +19,7 @@ export const rowClassCallback = () => null;
  * @hidden
  */
 export const taskClassCallback = () => null;
+/**
+ * @hidden
+ */
+export const isSelected = () => false;

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 };