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

package/dist/es2015/main.d.ts

@@ -7,6 +7,7 @@ export { GanttModule } from './gantt.module';
 export { GanttHierarchyBindingDirective } from './binding-directives/hierarchy-binding.directive';
 export { GanttFlatBindingDirective } from './binding-directives/flat-binding.directive';
 export { GanttExpandableDirective } from './expanded-state/expandable.directive';
+export { DependencyDragCreateDirective } from './dragging/dependency-drag-create.directive';
 export { GanttTaskTemplateDirective } from './template-directives/task-template.directive';
 export { GanttTaskContentTemplateDirective } from './template-directives/task-content-template.directive';
 export { GanttSummaryTaskTemplateDirective } from './template-directives/summary-task-template.directive';

package/dist/es2015/main.js

@@ -7,6 +7,7 @@ export { GanttModule } from './gantt.module';
 export { GanttHierarchyBindingDirective } from './binding-directives/hierarchy-binding.directive';
 export { GanttFlatBindingDirective } from './binding-directives/flat-binding.directive';
 export { GanttExpandableDirective } from './expanded-state/expandable.directive';
+export { DependencyDragCreateDirective } from './dragging/dependency-drag-create.directive';
 export { GanttTaskTemplateDirective } from './template-directives/task-template.directive';
 export { GanttTaskContentTemplateDirective } from './template-directives/task-content-template.directive';
 export { GanttSummaryTaskTemplateDirective } from './template-directives/summary-task-template.directive';

package/dist/es2015/models/events/dependency-add-event.interface.d.ts

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { DependencyType } from '../dependency-type.enum';
+/**
+ * The event data of the [`dependencyAdd`]({% slug api_gantt_ganttcomponent %}#toc-dependencyadd) event.
+ */
+export interface DependencyAddEvent {
+    /**
+     * The task from which the dependency starts (predecessor).
+     */
+    fromTask: any;
+    /**
+     * The task where the dependency ends (successor).
+     */
+    toTask: any;
+    /**
+     * The dependency type of the linked tasks.
+     */
+    type: DependencyType;
+    /**
+     * Specifies whether the dependency creation attempt is a valid link between the two targeted tasks.
+     */
+    isValid: boolean;
+}

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

@@ -10,7 +10,7 @@ export interface TaskClickEvent {
     /**
      * The DOM event that triggered the `taskClick` event.
      */
-    originalEvent: PointerEvent;
+    originalEvent: PointerEvent | KeyboardEvent;
     /**
      * The data item associated with the clicked task.
      */
@@ -20,9 +20,9 @@ export interface TaskClickEvent {
      */
     sender: GanttComponent;
     /**
-     * The row index for the clicked task.
+     * The order index of the clicked task, defined by the number of rendered tasks in the Timeline.
      */
-    rowIndex: number;
+    index: number;
     /**
      * The type of the event that triggered the `taskClick` event.
      */

package/dist/es2015/models/events/task-delete-event.interface.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 { GanttComponent } from '../../gantt.component';
+import { TaskEditItem } from './task-edit-event.interface';
+/**
+ * The event data of the [`taskDelete`]({% slug api_gantt_ganttcomponent %}#toc-taskdelete) event.
+ */
+export interface TaskDeleteEvent {
+    /**
+     * The item associated with the delete request.
+     * The parent item is accessible through the `parent` property,
+     * and allows traversing all ancestors that need to be updated.
+     */
+    item: TaskEditItem;
+    /**
+     * The GanttComponent instance.
+     */
+    sender: GanttComponent;
+}

package/dist/es2015/models/events/task-delete-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

@@ -32,10 +32,35 @@ export interface TaskEditEvent {
  * The parent item is accessible through the `parent` property,
  * and allows traversing all ancestors that need to be updated.
  */
-export declare type TaskEditItem = {
+export interface TaskEditItem {
+    /**
+     * The original data item for this entry.
+     */
     dataItem: any;
+    /**
+     * Holds the parent data item and data about its parent.
+     * If the current data item is at root level, this prop will be set to `null`.
+     */
     parent?: TaskEditItem;
-};
+}
+/**
+ * The `EditEventDependencies` object associated with the edited task.
+ * The created, updated and deleted items are accessible through their respective properties.
+ */
+export interface EditEventDependencies {
+    /**
+     * Lists the newly created dependencies.
+     */
+    createdItems: any[];
+    /**
+     * Lists the updated dependencies.
+     */
+    updatedItems: any[];
+    /**
+     * Lists the deleted dependencies.
+     */
+    deletedItems: any[];
+}
 /**
  * @hidden
  */
@@ -49,11 +74,3 @@ export interface EditEvent {
     dependencies: EditEventDependencies;
     editResultType: EditResultType;
 }
-/**
- * @hidden
- */
-export interface EditEventDependencies {
-    createdItems: any[];
-    updatedItems: any[];
-    deletedItems: any[];
-}

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

@@ -31,6 +31,10 @@ export { TaskClickEvent } from './events/task-click-event.interface';
 export { TaskAddEvent, GanttAddTaskActionItem } from './events/task-add-event.interface';
 export { TaskEditEvent } from './events/task-edit-event.interface';
 export { TaskEditItem } from './events/task-edit-event.interface';
+export { EditEventDependencies } from './events/task-edit-event.interface';
+export { DependencyAddEvent } from './events/dependency-add-event.interface';
+export { DragScrollSettings } from '../scrolling/drag-scroll-settings';
+export { TaskDeleteEvent } from './events/task-delete-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/models/view-item.interface.d.ts

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ *
+ * Represents the item interface used by the treelist to map all rendered items.
+ */
+export interface ViewItem {
+    /**
+     * The original data item held by this entry.
+     */
+    data: any;
+    /**
+     * The id field value of the current data item.
+     */
+    id: any;
+    /**
+     * The item index as rendered in the TreeList.
+     */
+    rowIndex: number;
+    /**
+     * The hierarchical level of the current data item.
+     */
+    level: number;
+    /**
+     * Species whether the current data item has children.
+     */
+    hasChildren: boolean;
+    /**
+     * The ViewItem of the current data item parent.
+     */
+    parent: ViewItem;
+}

package/dist/es2015/models/view-item.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/navigation/navigation-models.d.ts

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+/**
+ * @hidden
+ */
+export interface NavigationMetadata {
+    gantt: GanttComponent;
+    host: HTMLElement;
+    treeListElement: HTMLElement;
+    timelineElement: HTMLElement;
+}
+/**
+ * @hidden
+ */
+export interface TableCellCoords {
+    rowIndex: number;
+    colIndex: number;
+}
+/**
+ * @hidden
+ */
+export interface TaskActivityStatus {
+    /**
+     * Represents the timeline task index of the task element which should have tabindex="0".
+     */
+    activeIndex: number;
+    /**
+     * Specifies if the active task should be focused.
+     */
+    isFocused: boolean;
+}

package/dist/es2015/navigation/navigation-models.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/navigation/navigation.service.d.ts

@@ -0,0 +1,126 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgZone, OnDestroy, Renderer2 } from '@angular/core';
+import { Subject } from 'rxjs';
+import { ScrollSyncService } from '../scrolling/scroll-sync.service';
+import { NavigationMetadata, TaskActivityStatus } from './navigation-models';
+/**
+ * @hidden
+ */
+export declare class NavigationService implements OnDestroy {
+    private zone;
+    private renderer;
+    private scrollSyncService;
+    /**
+     * Notifies when the tasks' focused and interactive (tabindex) state has changed.
+     *
+     * All tasks are rendered with tabindex="-1".
+     * When one is clicked, or when some navigation key keyboard key is pressed, it should be focused, assigned the focus class, and its tabindex updated to 0.
+     * All other tasks should get -1 tabindex and have the focus class removed from them.
+     */
+    readonly taskStatusChanges: Subject<TaskActivityStatus>;
+    /**
+     * Specifies whether navigation is enabled.
+     */
+    readonly enabled: boolean;
+    /**
+     * Used to retrieve read-only data about the currently active task.
+     */
+    readonly activeTask: TaskActivityStatus;
+    /**
+     * Persists the expected TreeList focused cell coords.
+     * When the tasks in the Timeline are navigated through, the expected TreeList focus target should also change,
+     * in order to allow back-tabbing from the Timeline to the same row in the TreeList.
+     */
+    private activeTreeListCell;
+    /**
+     * Persists the expected Timeline focused task index.
+     * When the cells in the TreeList are navigated through, the expected Timeline focus target should also change,
+     * in order to allow tabbing from the TreeList to the same row in the Timeline.
+     */
+    private activeTimelineIndex;
+    /**
+     * Keeps track of whether the Timeline part is focused.
+     * Used when the index of the task elements change (tasks are changed, pushed to, spliced from, etc.)
+     * and their status should be updated accordingly.
+     */
+    private isTimelineFocused;
+    /**
+     * The TreeList row index takes into account the header and filter rows.
+     * Used when translating Timeline task indices to TreeList row indices.
+     */
+    private readonly treeListHeaderRowsCount;
+    /**
+     * Keeps track of which part has last been focused.
+     * Used when calling `gantt.focus()` to determine which part of the component should receive focus.
+     */
+    private treeListLastActive;
+    /**
+     * Keeps track of which part has last been focused.
+     * Used when calling `gantt.focus()` to determine which part of the component should receive focus.
+     */
+    private timelineLastActive;
+    private gantt;
+    private host;
+    private treeListElement;
+    private timelineElement;
+    private _enabled;
+    private _activeTimelineIndex;
+    private _activeTreeListCell;
+    private eventListenerDisposers;
+    constructor(zone: NgZone, renderer: Renderer2, scrollSyncService: ScrollSyncService);
+    initialize({ gantt, host, treeListElement, timelineElement }: NavigationMetadata): void;
+    ngOnDestroy(): void;
+    /**
+     * Focuses either the last active TreeList cell, or the last active Timeline task,
+     * dependening on which of the two last held focus.
+     *
+     * Focuses the first TreeList cell by default.
+     */
+    focusLastActiveItem(): void;
+    /**
+     * Focuses the targeted TreeList cell regardless of the last peresisted target.
+     */
+    focusCell(rowIndex: number, colIndex: number): void;
+    /**
+     * Focuses the targeted Timeline task regardless of the last peresisted target.
+     */
+    focusTask(index: number): void;
+    /**
+     * Updates the focus target flags and notifies the active task to update its focused state.
+     */
+    handleTimelineFocusIn({ target }: FocusEvent): void;
+    /**
+     * Updates the timeline focus state flag and notifies the active task to update its focused state.
+     */
+    handleTimelineFocusOut({ relatedTarget }: FocusEvent): void;
+    /**
+     * Updates the focus target flags and corrects the TreeList focus target if needed.
+     * As the TreeList will keep its last focused cell with tabindex="0",
+     * this methods forcefully focuses the correct cell,
+     * when navigating in the Timeline has updated the expected TreeList focus target.
+     */
+    handleTreeListFocusIn(event: FocusEvent): void;
+    handleKeydown(event: KeyboardEvent): void;
+    /**
+     * Filters for task mousedown in the Timeline.
+     */
+    private handleTimelineMousedown;
+    /**
+     * Scrolls horizontally to the beginning of the target task if the beginning of its content is not in the viewport.
+     */
+    private scrollHorizontallyToTask;
+    /**
+     * Focus the TreeList on TreeList mousedown.
+     * A nasty hack to trick `handleTreeListFocusIn` into regarding the previous focus target as again the TreeList.
+     * Otherwise cell clicks are wrongly overwritten in `handleTreeListFocusIn` and the click focus target is not respected.
+     */
+    private focusTreeList;
+    /**
+     * Fires the `taskStatusChanges` event with active and focused status retrieved from
+     * `this.activeTimelineIndex` and `this.isTimelineFocused`.
+     */
+    private notifyTaskStatusChange;
+}