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

package/dist/es2015/models/events/cell-close-event.interface.d.ts

@@ -0,0 +1,48 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { GanttComponent } from '../../main';
+import { PreventableEvent } from './preventable-event';
+import { TaskEditItem } from './task-edit-event.interface';
+/**
+ * Called every time a user leaves an edited cell.
+ */
+export declare class CellCloseEvent extends PreventableEvent {
+    /**
+     * The data item.
+     */
+    dataItem: any;
+    /**
+     * Indicates if the data item is new or existing.
+     */
+    isNew: boolean;
+    /**
+     * The data row index for the operation.
+     */
+    rowIndex: number;
+    /**
+     * The Gantt column that will be closed.
+     */
+    column: any;
+    /**
+     * The [`FormGroup`]({{ site.data.urls.angular['formgroupapi'] }}) that is used to edit the cell which will be closed.
+     */
+    formGroup: any;
+    /**
+     * The DOM event that caused the `cellClose` event.
+     * May not be present if `cellClose` was caused by an API call.
+     */
+    originalEvent: any;
+    /**
+     * The `GanttComponent` instance.
+     */
+    sender: GanttComponent;
+    /**
+     * The `TaskEditItem` associated with the edited task.
+     * The parent item is accessible through the `parent` property,
+     * and allows traversing all ancestors that need to be updated.
+     */
+    item: TaskEditItem;
+    constructor(options: any);
+}

package/dist/es2015/models/events/cell-close-event.interface.js

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from './preventable-event';
+/**
+ * Called every time a user leaves an edited cell.
+ */
+export class CellCloseEvent extends PreventableEvent {
+    constructor(options) {
+        super();
+        Object.assign(this, options);
+    }
+}

package/dist/es2015/models/events/preventable-event.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export declare abstract class PreventableEvent {
+    private prevented;
+    /**
+     * Prevents the default action for a specified event.
+     * In this way, the source component suppresses
+     * the built-in behavior that follows the event.
+     */
+    preventDefault(): void;
+    /**
+     * Returns `true` if the event was prevented
+     * by any of its subscribers.
+     *
+     * @returns `true` if the default action was prevented.
+     * Otherwise, returns `false`.
+     */
+    isDefaultPrevented(): boolean;
+}

package/dist/es2015/models/events/preventable-event.js

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export class PreventableEvent {
+    constructor() {
+        this.prevented = false;
+    }
+    /**
+     * Prevents the default action for a specified event.
+     * In this way, the source component suppresses
+     * the built-in behavior that follows the event.
+     */
+    preventDefault() {
+        this.prevented = true;
+    }
+    /**
+     * Returns `true` if the event was prevented
+     * by any of its subscribers.
+     *
+     * @returns `true` if the default action was prevented.
+     * Otherwise, returns `false`.
+     */
+    isDefaultPrevented() {
+        return this.prevented;
+    }
+}

package/dist/es2015/models/events/task-click-event.interface.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 { GanttComponent } from "../../gantt.component";
+/**
+ * Triggered every time a task is double-clicked.
+ */
+export interface TaskClickEvent {
+    /**
+     * The original DOM event.
+     */
+    originalEvent: MouseEvent;
+    /**
+     * The data item associated with the clicked task.
+     */
+    dataItem: any;
+    /**
+     * The Gantt component instance
+     */
+    sender: GanttComponent;
+}

package/dist/es2015/models/events/task-click-event.interface.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/es2015/models/events/task-edit-event.interface.d.ts

@@ -0,0 +1,46 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { GanttComponent } from "../../gantt.component";
+/**
+ * The event data for the task editing events.
+ */
+export interface TaskEditEvent {
+    /**
+     * The `TaskEditItem` associated with the edited task.
+     * The parent item is accessible through the `parent` property,
+     * and allows traversing all ancestors that need to be updated.
+     */
+    item: TaskEditItem;
+    /**
+     * The FormGroup instance associated with the edited task.
+     */
+    formGroup?: FormGroup;
+    /**
+     * The GanttComponent instance.
+     */
+    sender: GanttComponent;
+}
+/**
+ * The `TaskEditItem` associated with the edited task.
+ * The parent item is accessible through the `parent` property,
+ * and allows traversing all ancestors that need to be updated.
+ */
+export declare type TaskEditItem = {
+    dataItem: any;
+    parent?: TaskEditItem;
+};
+/**
+ * @hidden
+ */
+export declare type EditResultType = 'save' | 'remove' | 'cancel';
+/**
+ * @hidden
+ */
+export interface EditEvent {
+    formGroup: FormGroup;
+    dataItem: any;
+    editResultType: EditResultType;
+}

package/dist/es2015/models/events/task-edit-event.interface.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/es2015/models/gantt-task-model-fields.interface.d.ts

@@ -34,6 +34,7 @@ export interface GanttTaskModelFields {
      * Defaults to `"title"`.
      */
     title?: string;
+    children?: string;
 }
 /**
  * @hidden

package/dist/es2015/models/gantt-task-model-fields.interface.js

@@ -10,5 +10,6 @@ export const DEFAULT_TASK_MODEL_FIELDS = Object.freeze({
     start: 'start',
     end: 'end',
     title: 'title',
-    completionRatio: 'completionRatio'
+    completionRatio: 'completionRatio',
+    children: 'children'
 });

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1633003166,
+    publishDate: 1637673280,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/es2015/rendering/gantt-milestone-task.component.js

@@ -39,6 +39,7 @@ GanttMilestoneTaskComponent = GanttMilestoneTaskComponent_1 = tslib_1.__decorate
             [ngClass]="taskClass(dataItem)"
             [style.left.px]="taskOffset"
             [attr.title]="mapper.extractFromTask(dataItem, 'title')"
+            [attr.data-task-index]="index"
         >
         </div>
     `

package/dist/es2015/rendering/gantt-summary-task.component.js

@@ -44,6 +44,7 @@ GanttSummaryTaskComponent = GanttSummaryTaskComponent_1 = tslib_1.__decorate([
             [style.width.px]="taskWidth"
             [style.left.px]="taskOffset"
             [attr.title]="mapper.extractFromTask(dataItem, 'title')"
+            [attr.data-task-index]="index"
         >
             <div *ngIf="!template; else summaryTemplate"
                 class="k-task-summary-progress"

package/dist/es2015/rendering/gantt-task-base.d.ts

@@ -26,6 +26,7 @@ export declare abstract class GanttTaskBase {
     dataItem: any;
     activeView: TimelineViewType;
     taskClass: TaskClassFn;
+    index: number;
     private viewChangesSubscription;
     readonly slotUnitDuration: number;
     private readonly viewService;

package/dist/es2015/rendering/gantt-task-base.js

@@ -93,3 +93,7 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Function)
 ], GanttTaskBase.prototype, "taskClass", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Number)
+], GanttTaskBase.prototype, "index", void 0);

package/dist/es2015/rendering/gantt-task.component.d.ts

@@ -8,11 +8,14 @@ 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
  */
 export declare class GanttTaskComponent extends GanttTaskBase {
+    private editService;
     taskContentTemplate: TemplateRef<any>;
     taskTemplate: TemplateRef<any>;
-    constructor(mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef);
+    constructor(mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef, editService: EditService);
+    onTaskDelete(): void;
 }

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

@@ -10,12 +10,18 @@ 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
  */
 let GanttTaskComponent = GanttTaskComponent_1 = class GanttTaskComponent extends GanttTaskBase {
-    constructor(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr) {
+    constructor(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, editService) {
         super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr);
+        this.editService = editService;
+    }
+    onTaskDelete() {
+        this.editService.dataItem = this.dataItem;
+        this.editService.showConfirmationDialog.next();
     }
 };
 tslib_1.__decorate([
@@ -43,6 +49,7 @@ GanttTaskComponent = GanttTaskComponent_1 = tslib_1.__decorate([
             [style.width.px]="taskWidth"
             [style.left.px]="taskOffset"
             [attr.title]="mapper.extractFromTask(dataItem, 'title')"
+            [attr.data-task-index]="index"
         >
             <ng-container *ngIf="!taskTemplate">
                 <div
@@ -62,6 +69,13 @@ GanttTaskComponent = GanttTaskComponent_1 = tslib_1.__decorate([
                         >
                         </ng-template>
                     </div>
+                    <span class="k-task-actions">
+                        <span
+                            (click)="onTaskDelete()"
+                            class="k-link k-task-delete">
+                            <span class="k-icon k-i-close"></span>
+                        </span>
+                    </span>
                 </div>
             </ng-container>
             <ng-template
@@ -80,6 +94,7 @@ GanttTaskComponent = GanttTaskComponent_1 = tslib_1.__decorate([
         TimelineViewService,
         DependencyDomService,
         OptionChangesService,
-        ChangeDetectorRef])
+        ChangeDetectorRef,
+        EditService])
 ], GanttTaskComponent);
 export { GanttTaskComponent };

package/dist/es2015/rendering/gantt-tasks-table-body.component.d.ts

@@ -21,6 +21,7 @@ export declare class GanttTasksTableBodyComponent {
     summaryTaskTemplate: TemplateRef<any>;
     taskClass: TaskClassFn;
     hasChildren: (item: object) => boolean;
+    index: number;
     constructor(dependencyDomService: DependencyDomService, mapper: MappingService);
     isMileStone(task: any): boolean;
 }

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

@@ -60,17 +60,22 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Function)
 ], GanttTasksTableBodyComponent.prototype, "hasChildren", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Number)
+], GanttTasksTableBodyComponent.prototype, "index", void 0);
 GanttTasksTableBodyComponent = tslib_1.__decorate([
     Component({
         selector: '[kendoGanttTasksTableBody]',
         template: `
-        <tr #timelineRow *ngFor="let item of rows">
+        <tr #timelineRow *ngFor="let item of rows; let index = index">
             <td>
                 <kendo-gantt-milestone-task
                     *ngIf="isMileStone(item); else task"
                     [dataItem]="item"
                     [activeView]="activeView"
                     [taskClass]="taskClass"
+                    [index]="index"
                 >
                 </kendo-gantt-milestone-task>
                 <ng-template #task>
@@ -80,6 +85,7 @@ GanttTasksTableBodyComponent = tslib_1.__decorate([
                         [template]="summaryTaskTemplate"
                         [activeView]="activeView"
                         [taskClass]="taskClass"
+                        [index]="index"
                     >
                     </kendo-gantt-summary-task>
                     <kendo-gantt-task
@@ -89,6 +95,7 @@ GanttTasksTableBodyComponent = tslib_1.__decorate([
                         [taskTemplate]="taskTemplate"
                         [activeView]="activeView"
                         [taskClass]="taskClass"
+                        [index]="index"
                     >
                     </kendo-gantt-task>
                 </ng-template>

package/dist/es2015/toolbar/view-selector.component.d.ts

@@ -3,11 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { TimelineViewType } from './../models/timeline-view';
 /**
  * The Gantt ViewSelector component. Shows the currently active view type, and allows switching to another view type.
  */
 export declare class ViewSelectorComponent {
+    private localizationService;
     hostClass: boolean;
     /**
      * The collection of the timeline view types in the current Gantt configuration.
@@ -22,6 +24,7 @@ export declare class ViewSelectorComponent {
      * Fires each time the user selects a different view type. The event data contains the type of the newly selected view.
      */
     activeViewChange: EventEmitter<TimelineViewType>;
+    constructor(localizationService: LocalizationService);
     /**
      * @hidden
      */

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

@@ -4,14 +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.
  */
 let ViewSelectorComponent = class ViewSelectorComponent {
-    /**
-     * The Gantt ViewSelector component. Shows the currently active view type, and allows switching to another view type.
-     */
-    constructor() {
+    constructor(localizationService) {
+        this.localizationService = localizationService;
         this.hostClass = true;
         /**
          * The currently active view type.
@@ -35,7 +34,7 @@ let ViewSelectorComponent = class ViewSelectorComponent {
      * @hidden
      */
     getViewTypeText(viewType) {
-        return `${viewType[0].toLocaleUpperCase()}${viewType.slice(1)}`;
+        return this.localizationService.get(`${viewType}ViewText`);
     }
 };
 tslib_1.__decorate([
@@ -58,7 +57,7 @@ ViewSelectorComponent = tslib_1.__decorate([
     Component({
         selector: 'kendo-gantt-view-selector',
         template: `
-        <select class="k-dropdown k-views-dropdown" style="text-transform: capitalize;"
+        <select class="k-dropdown k-views-dropdown"
             [value]="activeView"
             (change)="activeViewChange.emit($event.target.value)">
             <option *ngFor="let view of views" [value]="view">{{getViewTypeText(view)}}</option>
@@ -70,6 +69,7 @@ ViewSelectorComponent = tslib_1.__decorate([
                 (click)="onClick(view)">{{getViewTypeText(view)}}</button>
         </kendo-buttongroup>
     `
-    })
+    }),
+    tslib_1.__metadata("design:paramtypes", [LocalizationService])
 ], ViewSelectorComponent);
 export { ViewSelectorComponent };

package/dist/es2015/utils.d.ts

@@ -56,3 +56,37 @@ export declare const isColumnGroup: (column: GanttColumnBase) => column is Gantt
  * @hidden
  */
 export declare const isNumber: (contender: any) => contender is number;
+/**
+ * @hidden
+ * Native Omit appears in TS v3.5, we can use it when we drop Angular 8 (requires v3.4)
+ */
+export declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+/**
+ * @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 declare const getClosestTask: (element: Element, gantt: Element) => Element;
+/**
+ * @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 declare const getClosestTaskIndex: (element: Element, gantt: Element) => number;
+/**
+ * @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 declare const isTask: (contender: Element, gantt: Element) => boolean;
+/**
+ * @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 declare const isClearButton: (contender: Element, gantt: Element) => boolean;

package/dist/es2015/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 { closestInScope, isDocumentAvailable, matchesClasses } from '@progress/kendo-angular-common';
 import { addDays, addWeeks, cloneDate, firstDayInWeek } from '@progress/kendo-date-math';
 /**
  * @hidden
@@ -103,3 +103,46 @@ export const isColumnGroup = (column) => column.isColumnGroup;
  * @hidden
  */
 export const isNumber = (contender) => typeof contender === 'number' && !isNaN(contender);
+/**
+ * @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 const getClosestTask = (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 const getClosestTaskIndex = (element, gantt) => {
+    const 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 const isTask = (contender, gantt) => {
+    const 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 const isClearButton = (contender, gantt) => {
+    const clearButtonContainer = closestInScope(contender, matchesClasses('k-task-actions'), gantt);
+    return isPresent(clearButtonContainer);
+};