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

package/dist/es2015/main.d.ts

@@ -11,6 +11,8 @@ export { GanttTaskTemplateDirective } from './template-directives/task-template.
 export { GanttTaskContentTemplateDirective } from './template-directives/task-content-template.directive';
 export { GanttSummaryTaskTemplateDirective } from './template-directives/summary-task-template.directive';
 export { ToolbarTemplateDirective } from './toolbar/toolbar-template.directive';
+export { SelectableDirective } from './selection/selectable.directive';
+export { SelectionChangeEvent } from './selection/selection-change-event';
 export { TreeListPaneOptions, TimelinePaneOptions } from './models/splitter-pane-options.interface';
 export * from './models/models';
 export * from './columns/columns';

package/dist/es2015/main.js

@@ -11,5 +11,6 @@ export { GanttTaskTemplateDirective } from './template-directives/task-template.
 export { GanttTaskContentTemplateDirective } from './template-directives/task-content-template.directive';
 export { GanttSummaryTaskTemplateDirective } from './template-directives/summary-task-template.directive';
 export { ToolbarTemplateDirective } from './toolbar/toolbar-template.directive';
+export { SelectableDirective } from './selection/selectable.directive';
 export * from './models/models';
 export * from './columns/columns';

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

@@ -2,19 +2,42 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { CellClickEvent as TreeListCellClickEvent } from '@progress/kendo-angular-treelist';
-import { GanttComponent } from '../../main';
-import { Omit } from '../../utils';
+import { GanttComponent } from '../../gantt.component';
+import { GanttColumnComponent, GanttSpanColumnComponent } from '../../columns/columns';
 /**
- * Triggered every time a cell is double-clicked.
+ * Triggered every time a cell is clicked.
  */
-export interface CellClickEvent extends Omit<TreeListCellClickEvent, 'sender'> {
+export interface CellClickEvent {
     /**
-     * The `GanttComponent` instance.
+     * The column component associated with the clicked cell.
+     */
+    column: GanttColumnComponent | GanttSpanColumnComponent;
+    /**
+     * The column index of the clicked cell.
+     */
+    columnIndex: number;
+    /**
+     * The data item associated with the clicked cell.
+     */
+    dataItem: any;
+    /**
+     * Indicates whether the cell is in edit mode.
+     */
+    isEdited: boolean;
+    /**
+     * The DOM event that triggered the `cellClick` event.
+     */
+    originalEvent: PointerEvent;
+    /**
+     * The row index for the clicked cell.
+     */
+    rowIndex: number;
+    /**
+     * The Gantt component instance.
      */
     sender: GanttComponent;
     /**
-     * The original DOM event.
+     * The type of the event that triggered the `cellClick` event.
      */
-    originalEvent: MouseEvent;
+    type: 'click' | 'contextmenu' | 'dblclick';
 }

package/dist/es2015/models/events/task-click-event.interface.d.ts

@@ -2,21 +2,29 @@
 * 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";
+import { GanttComponent } from '../../gantt.component';
 /**
- * Triggered every time a task is double-clicked.
+ * Triggered every time a task is clicked.
  */
 export interface TaskClickEvent {
     /**
-     * The original DOM event.
+     * The DOM event that triggered the `taskClick` event.
      */
-    originalEvent: MouseEvent;
+    originalEvent: PointerEvent;
     /**
      * The data item associated with the clicked task.
      */
     dataItem: any;
     /**
-     * The Gantt component instance
+     * The Gantt component instance.
      */
     sender: GanttComponent;
+    /**
+     * The row index for the clicked task.
+     */
+    rowIndex: number;
+    /**
+     * The type of the event that triggered the `taskClick` event.
+     */
+    type: 'click' | 'contextmenu' | 'dblclick';
 }

package/dist/es2015/models/models.d.ts

@@ -28,6 +28,8 @@ export { TaskResizeEndEvent } from './events/task-resize-end-event.interface';
 export { TaskResizeEvent } from './events/task-resize-event.interface';
 export { TaskResizeStartEvent } from './events/task-resize-start-event.interface';
 export { DataStateChangeEvent } from './events/data-state-change-event.interface';
+export { CellClickEvent } from './events/cell-click-event.interface';
+export { TaskClickEvent } from './events/task-click-event.interface';
 export { ColumnLockedChangeEvent } from './events/column-locked-change-event.interface';
 export { ColumnReorderEvent } from './events/column-reorder-event.interface';
 export { ColumnResizeEvent } from './events/column-resize-event.interface';

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: 1637673280,
+    publishDate: 1638991092,
     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')"
+            [class.k-state-selected]="isSelected(dataItem)"
             [attr.data-task-index]="index"
         >
         </div>

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

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

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

@@ -24,9 +24,10 @@ export declare abstract class GanttTaskBase {
      */
     taskElement: ElementRef<HTMLElement>;
     dataItem: any;
+    index: number;
+    isSelected: (dataItem: object) => boolean;
     activeView: TimelineViewType;
     taskClass: TaskClassFn;
-    index: number;
     private viewChangesSubscription;
     readonly slotUnitDuration: number;
     private readonly viewService;

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

@@ -85,6 +85,14 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Object)
 ], GanttTaskBase.prototype, "dataItem", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Number)
+], GanttTaskBase.prototype, "index", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Function)
+], GanttTaskBase.prototype, "isSelected", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", String)
@@ -93,7 +101,3 @@ 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.js

@@ -50,6 +50,7 @@ GanttTaskComponent = GanttTaskComponent_1 = tslib_1.__decorate([
             [style.left.px]="taskOffset"
             [attr.title]="mapper.extractFromTask(dataItem, 'title')"
             [attr.data-task-index]="index"
+            [class.k-state-selected]="isSelected(dataItem)"
         >
             <ng-container *ngIf="!taskTemplate">
                 <div

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

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

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

@@ -62,8 +62,8 @@ tslib_1.__decorate([
 ], GanttTasksTableBodyComponent.prototype, "hasChildren", void 0);
 tslib_1.__decorate([
     Input(),
-    tslib_1.__metadata("design:type", Number)
-], GanttTasksTableBodyComponent.prototype, "index", void 0);
+    tslib_1.__metadata("design:type", Function)
+], GanttTasksTableBodyComponent.prototype, "isTaskSelected", void 0);
 GanttTasksTableBodyComponent = tslib_1.__decorate([
     Component({
         selector: '[kendoGanttTasksTableBody]',
@@ -75,6 +75,7 @@ GanttTasksTableBodyComponent = tslib_1.__decorate([
                     [dataItem]="item"
                     [activeView]="activeView"
                     [taskClass]="taskClass"
+                    [isSelected]="isTaskSelected"
                     [index]="index"
                 >
                 </kendo-gantt-milestone-task>
@@ -85,6 +86,7 @@ GanttTasksTableBodyComponent = tslib_1.__decorate([
                         [template]="summaryTaskTemplate"
                         [activeView]="activeView"
                         [taskClass]="taskClass"
+                        [isSelected]="isTaskSelected"
                         [index]="index"
                     >
                     </kendo-gantt-summary-task>
@@ -95,6 +97,7 @@ GanttTasksTableBodyComponent = tslib_1.__decorate([
                         [taskTemplate]="taskTemplate"
                         [activeView]="activeView"
                         [taskClass]="taskClass"
+                        [isSelected]="isTaskSelected"
                         [index]="index"
                     >
                     </kendo-gantt-task>

package/dist/es2015/selection/selectable.directive.d.ts

@@ -0,0 +1,42 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { OnDestroy, EventEmitter } from '@angular/core';
+import { GanttComponent } from '../gantt.component';
+/**
+ * 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))
+ */
+export declare class SelectableDirective implements OnDestroy {
+    private gantt;
+    /**
+     * @hidden
+     */
+    selectable: boolean;
+    /**
+     * Sets the selected keys.
+     */
+    selectedKeys: any[];
+    /**
+     * Fires when the selected keys are changed.
+     */
+    selectedKeysChange: EventEmitter<any[]>;
+    /**
+     * The field name or a function that specifies the data item unique key identifier.
+     * By default, the string field `id` is used.
+     */
+    itemKey: string | ((dataItem: any) => any);
+    private readonly keyGetter;
+    private selectionSubscription;
+    private state;
+    private lastChange;
+    private _keyGetter;
+    constructor(gantt: GanttComponent);
+    ngOnDestroy(): void;
+    private isSelected;
+    private selectionChange;
+    private emitSelectedItemsChange;
+    private subscribeSelection;
+    private unsubscribeSelection;
+}

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

@@ -0,0 +1,122 @@
+/**-----------------------------------------------------------------------------------------
+* 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))
+ */
+let SelectableDirective = class SelectableDirective {
+    constructor(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;
+    }
+    /**
+     * @hidden
+     */
+    set selectable(value) {
+        if (value) {
+            this.gantt.isSelected = this.isSelected;
+            this.subscribeSelection();
+        }
+        else {
+            this.gantt.isSelected = () => false;
+            this.unsubscribeSelection();
+        }
+        this.gantt.selectable = value;
+        this.gantt.updateView();
+    }
+    /**
+     * Sets the selected keys.
+     */
+    set selectedKeys(value) {
+        if (isPresent(value) && value === this.lastChange) {
+            return;
+        }
+        // prevent multiple items displayed as selected as multiple selection still not supported fully
+        const keys = (value || []).slice(0, 1);
+        this.state = new Set(keys);
+        this.gantt.updateView();
+    }
+    /**
+     * The field name or a function that specifies the data item unique key identifier.
+     * By default, the string field `id` is used.
+     */
+    set itemKey(value) {
+        if (isString(value)) {
+            this._keyGetter = getter(value);
+        }
+        else {
+            this._keyGetter = value;
+        }
+    }
+    get keyGetter() {
+        return this._keyGetter || this.gantt.idGetter;
+    }
+    ngOnDestroy() {
+        this.unsubscribeSelection();
+    }
+    isSelected(dataItem) {
+        return this.state.has(this.keyGetter(dataItem));
+    }
+    selectionChange({ action, items }) {
+        this.state.clear();
+        if (action === 'select') {
+            items.forEach(item => this.state.add(this.keyGetter(item)));
+        }
+        this.emitSelectedItemsChange();
+    }
+    emitSelectedItemsChange() {
+        this.lastChange = Array.from(this.state);
+        this.selectedKeysChange.emit(this.lastChange);
+    }
+    subscribeSelection() {
+        this.unsubscribeSelection();
+        this.selectionSubscription = this.gantt.selectionChange.subscribe(this.selectionChange);
+    }
+    unsubscribeSelection() {
+        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);
+export { SelectableDirective };

package/dist/es2015/selection/selection-change-event.d.ts

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+/**
+ * Arguments for the Gantt [`selectionChange`]({% slug api_gantt_ganttcomponent %}#toc-selectionchange) event.
+ */
+export interface SelectionChangeEvent {
+    /**
+     * Specifies how was the selection changed.
+     *
+     * - `select` - All specified `items` should be selected, all other persisted ones should be removed.
+     * - `remove` - Only the specified `items` should be removed, all others should be left untouched.
+     */
+    action: 'select' | 'remove';
+    /**
+     * Specifies which items were changed.
+     */
+    items: any[];
+    /**
+     * The Gantt component that triggered the event.
+     */
+    sender: GanttComponent;
+}

package/dist/es2015/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/es2015/timeline/gantt-timeline.component.d.ts

@@ -28,6 +28,7 @@ export declare class GanttTimelineComponent implements AfterViewInit {
     taskTemplate: TemplateRef<any>;
     summaryTaskTemplate: TemplateRef<any>;
     taskClass: TaskClassFn;
+    isTaskSelected: (item: object) => boolean;
     hasChildren: (item: object) => boolean;
     dependencies: any[];
     private subscriptions;

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

@@ -102,6 +102,10 @@ tslib_1.__decorate([
     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)
@@ -181,6 +185,7 @@ GanttTimelineComponent = tslib_1.__decorate([
                             [summaryTaskTemplate]="summaryTaskTemplate"
                             [taskClass]="taskClass"
                             [hasChildren]="hasChildren"
+                            [isTaskSelected]="isTaskSelected"
                         >
                         </tbody>
                     </table>

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

@@ -65,6 +65,7 @@ ViewSelectorComponent = tslib_1.__decorate([
         <kendo-buttongroup class="k-gantt-views" selection="single">
             <button *ngFor="let view of views"
                 kendoButton
+                type="button"
                 [selected]="view === activeView"
                 (click)="onClick(view)">{{getViewTypeText(view)}}</button>
         </kendo-buttongroup>

package/dist/es2015/utils.d.ts

@@ -58,6 +58,11 @@ export declare const isColumnGroup: (column: GanttColumnBase) => column is Gantt
 export declare const isNumber: (contender: any) => contender is number;
 /**
  * @hidden
+ */
+export declare const isString: (contender: any) => contender is string;
+/**
+ * @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>>;

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 { closestInScope, isDocumentAvailable, matchesClasses } 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
@@ -103,6 +103,10 @@ export const isColumnGroup = (column) => column.isColumnGroup;
  * @hidden
  */
 export const isNumber = (contender) => typeof contender === 'number' && !isNaN(contender);
+/**
+ * @hidden
+ */
+export const isString = (contender) => typeof contender === 'string';
 /**
  * @hidden
  *