@progress/kendo-angular-gantt 0.3.0-dev.202201131518 → 0.3.0-dev.202201190830

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

@@ -5,6 +5,7 @@
 import { AfterViewInit, ElementRef, EventEmitter, NgZone, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
 import { ScrollSyncService } from '../scrolling/scroll-sync.service';
 import { DependencyDomService } from '../dependencies/dependency-dom.service';
+import { ViewItem } from '../models/view-item.interface';
 import { TimelineViewType, TaskClassFn, DragScrollSettings } from '../models/models';
 /**
  * @hidden
@@ -33,7 +34,7 @@ export declare class GanttTimelineComponent implements AfterViewInit {
      */
     dependencyDragCreatePolyline: ElementRef<SVGPolylineElement>;
     hostClass: boolean;
-    rows: any[];
+    rows: ViewItem[];
     slots: any[];
     groupSlots: any[];
     tableWidth: number;
@@ -42,10 +43,11 @@ export declare class GanttTimelineComponent implements AfterViewInit {
     taskTemplate: TemplateRef<any>;
     summaryTaskTemplate: TemplateRef<any>;
     taskClass: TaskClassFn;
-    isTaskSelected: (item: object) => boolean;
     renderDependencyDragClues: boolean;
     dragScrollSettings: DragScrollSettings;
-    hasChildren: (item: object) => boolean;
+    selectable: boolean;
+    isTaskSelected: (item: object) => boolean;
+    isExpanded: (item: object) => boolean;
     dependencies: any[];
     timelineContainerPress: EventEmitter<any>;
     timelineContainerDrag: EventEmitter<any>;

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

@@ -120,10 +120,6 @@ 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", Boolean)
@@ -132,10 +128,18 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Object)
 ], GanttTimelineComponent.prototype, "dragScrollSettings", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], GanttTimelineComponent.prototype, "selectable", 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)
-], GanttTimelineComponent.prototype, "hasChildren", void 0);
+], GanttTimelineComponent.prototype, "isExpanded", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Array)
@@ -171,9 +175,13 @@ GanttTimelineComponent = tslib_1.__decorate([
                     </table>
                 </div>
             </div>
+            <!-- tabindex="-1" required for https://bugzilla.mozilla.org/show_bug.cgi?id=1069739 -->
             <div
                 #timelineContent
                 class="k-grid-content"
+                tabindex="-1"
+                role="tree"
+                aria-roledescription="Timeline"
                 kendoGanttTimelineScrollable
                 [scrollSettings]="dragScrollSettings"
                 kendoDraggable
@@ -232,7 +240,8 @@ GanttTimelineComponent = tslib_1.__decorate([
                             [taskTemplate]="taskTemplate"
                             [summaryTaskTemplate]="summaryTaskTemplate"
                             [taskClass]="taskClass"
-                            [hasChildren]="hasChildren"
+                            [isExpanded]="isExpanded"
+                            [selectable]="selectable"
                             [isTaskSelected]="isTaskSelected"
                             [renderDependencyDragClues]="renderDependencyDragClues"
                         >

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

@@ -3,22 +3,21 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { TemplateRef } from '@angular/core';
-import { GanttComponent } from "../gantt.component";
-import { ScrollSyncService } from '../scrolling/scroll-sync.service';
+import { GanttComponent } from '../gantt.component';
 import { TimelineViewType } from './../models/timeline-view';
 /**
  * @hidden
  */
 export declare class ToolbarComponent {
     gantt: GanttComponent;
-    private scrollSyncService;
     context: any;
+    role: string;
     showAddTask: boolean;
     showViewSelector: boolean;
     position: 'top' | 'bottom';
     readonly toolbarTemplateRef: TemplateRef<any>;
     readonly renderTemplate: boolean;
     private _position;
-    constructor(gantt: GanttComponent, scrollSyncService: ScrollSyncService);
-    onViewChange(e: TimelineViewType): void;
+    constructor(gantt: GanttComponent);
+    handleViewChange(view: TimelineViewType): void;
 }

package/dist/es2015/toolbar/toolbar.component.js

@@ -3,17 +3,16 @@
 * 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 { GanttComponent } from "../gantt.component";
-import { ScrollSyncService } from '../scrolling/scroll-sync.service';
+import { Component, Input, HostBinding } from '@angular/core';
+import { GanttComponent } from '../gantt.component';
 /**
  * @hidden
  */
 let ToolbarComponent = class ToolbarComponent {
-    constructor(gantt, scrollSyncService) {
+    constructor(gantt) {
         this.gantt = gantt;
-        this.scrollSyncService = scrollSyncService;
         this.context = {};
+        this.role = 'toolbar';
     }
     set position(value) {
         this.context.position = this._position = value;
@@ -29,13 +28,14 @@ let ToolbarComponent = class ToolbarComponent {
         const templatePosition = ganttToolbarTemplate ? ganttToolbarTemplate.position : null;
         return ganttToolbarTemplate && (templatePosition === 'both' || templatePosition === this.position);
     }
-    onViewChange(e) {
-        this.gantt.activeView = e; // TODO: may be load the timeline data directly in an activeView setter?
-        this.gantt.loadTimelineData();
-        this.gantt.activeViewChange.emit(e);
-        this.scrollSyncService.resetTimelineScrollLeft();
+    handleViewChange(view) {
+        this.gantt.changeActiveView(view);
     }
 };
+tslib_1.__decorate([
+    HostBinding('attr.role'),
+    tslib_1.__metadata("design:type", String)
+], ToolbarComponent.prototype, "role", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Boolean)
@@ -60,7 +60,7 @@ ToolbarComponent = tslib_1.__decorate([
                 *ngIf="showViewSelector"
                 [views]="gantt.viewTypes"
                 [activeView]="gantt.activeView"
-                (activeViewChange)="onViewChange($event)"></kendo-gantt-view-selector>
+                (activeViewChange)="handleViewChange($event)"></kendo-gantt-view-selector>
         </ng-container>
         <ng-template
             *ngIf="renderTemplate"
@@ -70,7 +70,6 @@ ToolbarComponent = tslib_1.__decorate([
         </ng-template>
     `
     }),
-    tslib_1.__metadata("design:paramtypes", [GanttComponent,
-        ScrollSyncService])
+    tslib_1.__metadata("design:paramtypes", [GanttComponent])
 ], ToolbarComponent);
 export { ToolbarComponent };

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

@@ -57,7 +57,9 @@ ViewSelectorComponent = tslib_1.__decorate([
     Component({
         selector: 'kendo-gantt-view-selector',
         template: `
-        <select class="k-dropdown k-views-dropdown"
+        <select
+            class="k-dropdown k-views-dropdown"
+            aria-label="View Selector"
             [value]="activeView"
             (change)="activeViewChange.emit($event.target.value)">
             <option *ngFor="let view of views" [value]="view">{{getViewTypeText(view)}}</option>

package/dist/es2015/utils.d.ts

@@ -96,21 +96,28 @@ export declare const getClosestTask: (element: Element, parentScope: Element) =>
  * Uses the `data-task-index` attribute assigned to each task.
  * Restricts the search up to the provided parent element from the second param.
  */
-export declare const getClosestTaskIndex: (element: Element, parentScope: Element) => number;
+export declare const getClosestTaskIndex: (element: EventTarget | Element, parentScope: Element) => number;
 /**
  * @hidden
  *
  * Checks whether the queried item or its parent items has a `k-task` selector.
  * Restricts the search up to the provided parent element from the second param.
  */
-export declare const isTask: (contender: Element, parentScope: Element) => boolean;
+export declare const isTask: (contender: EventTarget | Element, parentScope: Element) => boolean;
+/**
+ * @hidden
+ *
+ * Checks whether the queried item or its parent items has a `k-toolbar` selector.
+ * Restricts the search up to the provided parent element from the second param.
+ */
+export declare const isToolbar: (contender: EventTarget | Element, parentScope: 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 parent element from the second param.
  */
-export declare const isClearButton: (contender: Element, parentScope: Element) => boolean;
+export declare const isClearButton: (contender: EventTarget | Element, parentScope: Element) => boolean;
 /**
  * @hidden
  *

package/dist/es2015/utils.js

@@ -160,6 +160,16 @@ export const isTask = (contender, parentScope) => {
     const task = closestInScope(contender, matchesClasses('k-task'), parentScope);
     return isPresent(task);
 };
+/**
+ * @hidden
+ *
+ * Checks whether the queried item or its parent items has a `k-toolbar` selector.
+ * Restricts the search up to the provided parent element from the second param.
+ */
+export const isToolbar = (contender, parentScope) => {
+    const toolbar = closestInScope(contender, matchesClasses('k-gantt-toolbar'), parentScope);
+    return isPresent(toolbar);
+};
 /**
  * @hidden
  *
@@ -234,12 +244,12 @@ export const sameTaskClues = (fromTaskClue, toTaskClue, parentScope) => {
  * If the contender is above the max value, the max value is returned.
  */
 export const fitToRange = (contender, min, max) => {
-    if (contender > max) {
-        return max;
-    }
-    else if (contender < min) {
+    if (!isPresent(contender) || contender < min) {
         return min;
     }
+    else if (contender > max) {
+        return max;
+    }
     else {
         return contender;
     }