@progress/kendo-angular-gantt 17.0.0-develop.8 → 17.0.0

package/{esm2020 → esm2022}/navigation/navigation.service.mjs

@@ -12,38 +12,17 @@ import * as i1 from "../scrolling/scroll-sync.service";
  * @hidden
  */
 export class NavigationService {
-    constructor(zone, renderer, scrollSyncService) {
-        this.zone = zone;
-        this.renderer = renderer;
-        this.scrollSyncService = 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.
-         */
-        this.taskStatusChanges = new Subject();
-        /**
-         * 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.
-         */
-        this.isTimelineFocused = false;
-        /**
-         * Keeps track of which part has last been focused.
-         * Used when calling `gantt.focus()` to determine which part of the component should receive focus.
-         */
-        this.treeListLastActive = false;
-        /**
-         * Keeps track of which part has last been focused.
-         * Used when calling `gantt.focus()` to determine which part of the component should receive focus.
-         */
-        this.timelineLastActive = false;
-        this._enabled = false;
-        this._activeTimelineIndex = 0;
-        this._activeTreeListCell = { rowIndex: 0, colIndex: 0 };
-    }
+    zone;
+    renderer;
+    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.
+     */
+    taskStatusChanges = new Subject();
     /**
      * Specifies whether navigation is enabled.
      */
@@ -88,6 +67,12 @@ export class NavigationService {
         const colIndex = fitToRange(this._activeTreeListCell.colIndex, firstAvailableIndex, lastAvailableColIndex);
         return { rowIndex, colIndex };
     }
+    /**
+     * 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.
+     */
+    isTimelineFocused = false;
     /**
      * The TreeList row index takes into account the header and filter rows.
      * Used when translating Timeline task indices to TreeList row indices.
@@ -96,6 +81,26 @@ export class NavigationService {
         // captures nested group header rows + filter row if we start supporting it at some point
         return this.metadata.treeListElement.querySelectorAll('.k-grid-header tr').length;
     }
+    /**
+     * Keeps track of which part has last been focused.
+     * Used when calling `gantt.focus()` to determine which part of the component should receive focus.
+     */
+    treeListLastActive = false;
+    /**
+     * Keeps track of which part has last been focused.
+     * Used when calling `gantt.focus()` to determine which part of the component should receive focus.
+     */
+    timelineLastActive = false;
+    metadata;
+    _enabled = false;
+    _activeTimelineIndex = 0;
+    _activeTreeListCell = { rowIndex: 0, colIndex: 0 };
+    eventListenerDisposers;
+    constructor(zone, renderer, scrollSyncService) {
+        this.zone = zone;
+        this.renderer = renderer;
+        this.scrollSyncService = scrollSyncService;
+    }
     initialize(metadata) {
         // no private property setters in TypeScript, so use a getter and a poorly named private prop for this value
         this._enabled = true;
@@ -258,9 +263,9 @@ export class NavigationService {
     focusTreeList() {
         this.metadata.treeList.focus();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.ScrollSyncService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
 }
-NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.ScrollSyncService }], target: i0.ɵɵFactoryTarget.Injectable });
-NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.ScrollSyncService }]; } });

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729170438,
-    version: '17.0.0-develop.8',
+    publishDate: 1731414248,
+    version: '17.0.0',
     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/{esm2020 → esm2022}/rendering/gantt-header-table-body.component.mjs

@@ -9,12 +9,11 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class GanttHeaderTableBodyComponent {
-    constructor() {
-        this.tbodyClass = true;
-    }
-}
-GanttHeaderTableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttHeaderTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GanttHeaderTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttHeaderTableBodyComponent, isStandalone: true, selector: "[kendoGanttHeaderTableBody]", inputs: { groupSlots: "groupSlots", slots: "slots" }, host: { properties: { "class.k-table-tbody": "this.tbodyClass" } }, ngImport: i0, template: `
+    tbodyClass = true;
+    groupSlots;
+    slots;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttHeaderTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttHeaderTableBodyComponent, isStandalone: true, selector: "[kendoGanttHeaderTableBody]", inputs: { groupSlots: "groupSlots", slots: "slots" }, host: { properties: { "class.k-table-tbody": "this.tbodyClass" } }, ngImport: i0, template: `
         <tr class="k-table-row">
             <td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header k-table-td">{{ item.text }}</td>
         </tr>
@@ -23,7 +22,8 @@ GanttHeaderTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
             <td *ngFor="let item of slots" class="k-header k-table-td" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
         </tr>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttHeaderTableBodyComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttHeaderTableBodyComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2020 → esm2022}/rendering/gantt-milestone-task.component.mjs

@@ -21,19 +21,18 @@ import * as i5 from "../navigation/navigation.service";
  * @hidden
  */
 export class GanttMilestoneTaskComponent extends GanttTaskBase {
+    milestoneWrapperClass = true;
+    touchEnabled = touchEnabled;
     constructor(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
         super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService);
-        this.milestoneWrapperClass = true;
-        this.touchEnabled = touchEnabled;
     }
-}
-GanttMilestoneTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttMilestoneTaskComponent, deps: [{ token: i1.MappingService }, { token: i2.TimelineViewService }, { token: i3.DependencyDomService }, { token: i4.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i5.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-GanttMilestoneTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttMilestoneTaskComponent, isStandalone: true, selector: "kendo-gantt-milestone-task", host: { properties: { "class.k-milestone-wrap": "this.milestoneWrapperClass" } }, providers: [
-        {
-            provide: GanttTaskBase,
-            useExisting: forwardRef(() => GanttMilestoneTaskComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttMilestoneTaskComponent, deps: [{ token: i1.MappingService }, { token: i2.TimelineViewService }, { token: i3.DependencyDomService }, { token: i4.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i5.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttMilestoneTaskComponent, isStandalone: true, selector: "kendo-gantt-milestone-task", host: { properties: { "class.k-milestone-wrap": "this.milestoneWrapperClass" } }, providers: [
+            {
+                provide: GanttTaskBase,
+                useExisting: forwardRef(() => GanttMilestoneTaskComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: `
         <div
             #task
             role="treeitem"
@@ -58,7 +57,8 @@ GanttMilestoneTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
             </div>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttMilestoneTaskComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttMilestoneTaskComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-milestone-task',

package/{esm2020 → esm2022}/rendering/gantt-summary-task.component.mjs

@@ -22,25 +22,26 @@ import * as i5 from "../navigation/navigation.service";
  * @hidden
  */
 export class GanttSummaryTaskComponent extends GanttTaskBase {
-    constructor(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
-        super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService);
-        this.summaryWrapperClass = true;
-        this.touchEnabled = touchEnabled;
-    }
+    summaryWrapperClass = true;
+    template;
+    isExpanded;
+    touchEnabled = touchEnabled;
     get ariaExpanded() {
         // if no callback is provided, all child items are displayed and the item is regarded as expanded
         // replicates the TreeList aria-expanded behavior
         const isExpanded = !isPresent(this.isExpanded) || this.isExpanded(this.dataItem);
         return String(isExpanded);
     }
-}
-GanttSummaryTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttSummaryTaskComponent, deps: [{ token: i1.MappingService }, { token: i2.TimelineViewService }, { token: i3.DependencyDomService }, { token: i4.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i5.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-GanttSummaryTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttSummaryTaskComponent, isStandalone: true, selector: "kendo-gantt-summary-task", inputs: { template: "template", isExpanded: "isExpanded" }, host: { properties: { "class.k-summary-wrap": "this.summaryWrapperClass" } }, providers: [
-        {
-            provide: GanttTaskBase,
-            useExisting: forwardRef(() => GanttSummaryTaskComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: `
+    constructor(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
+        super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttSummaryTaskComponent, deps: [{ token: i1.MappingService }, { token: i2.TimelineViewService }, { token: i3.DependencyDomService }, { token: i4.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i5.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttSummaryTaskComponent, isStandalone: true, selector: "kendo-gantt-summary-task", inputs: { template: "template", isExpanded: "isExpanded" }, host: { properties: { "class.k-summary-wrap": "this.summaryWrapperClass" } }, providers: [
+            {
+                provide: GanttTaskBase,
+                useExisting: forwardRef(() => GanttSummaryTaskComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: `
         <div
             #task
             role="treeitem"
@@ -85,7 +86,8 @@ GanttSummaryTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             </div>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttSummaryTaskComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttSummaryTaskComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-summary-task',

package/{esm2020 → esm2022}/rendering/gantt-task-base.mjs

@@ -27,24 +27,29 @@ const FOCUSED_CLASS = 'k-focus';
  * @hidden
  */
 export class GanttTaskBase {
-    constructor(mapper, // left public to be available for usage in the templates
-    timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
-        this.mapper = mapper;
-        this.timelineViewService = timelineViewService;
-        this.dependencyDomService = dependencyDomService;
-        this.optionChangesService = optionChangesService;
-        this.cdr = cdr;
-        this.navigationService = navigationService;
-        this.wrapperClass = true;
-        this.subscriptions = new Subscription();
-        this.subscriptions.add(this.optionChangesService.viewChanges
-            .subscribe(() => this.cdr.markForCheck()));
-        this.subscriptions.add(this.navigationService.taskStatusChanges
-            .subscribe(this.updateActiveState.bind(this)));
-    }
+    mapper;
+    timelineViewService;
+    dependencyDomService;
+    optionChangesService;
+    cdr;
+    navigationService;
+    wrapperClass = true;
     get taskIndexAttribute() {
         return this.index;
     }
+    /**
+     * Points to the `.k-task` element of the template (present in all three task types).
+     */
+    taskElement;
+    dataItem;
+    index;
+    level;
+    renderDependencyDragClues;
+    selectable;
+    isSelected;
+    // better to be set in a service and retrieved from it whenever needed?
+    activeView;
+    taskClass;
     get ariaSelected() {
         // assigning null will not render the attribute at all (desired in selectable="false" mode)
         return this.selectable ? String(this.isSelected(this.dataItem)) : null;
@@ -104,6 +109,20 @@ export class GanttTaskBase {
         // fall-back to 0 in case no completionRatio is provided
         return isNumber(overlayWidth) ? overlayWidth : 0;
     }
+    subscriptions = new Subscription();
+    constructor(mapper, // left public to be available for usage in the templates
+    timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
+        this.mapper = mapper;
+        this.timelineViewService = timelineViewService;
+        this.dependencyDomService = dependencyDomService;
+        this.optionChangesService = optionChangesService;
+        this.cdr = cdr;
+        this.navigationService = navigationService;
+        this.subscriptions.add(this.optionChangesService.viewChanges
+            .subscribe(() => this.cdr.markForCheck()));
+        this.subscriptions.add(this.navigationService.taskStatusChanges
+            .subscribe(this.updateActiveState.bind(this)));
+    }
     ngOnChanges(changes) {
         if (isPresent(changes['dataItem'])) {
             if (isPresent(changes['dataItem'].previousValue)) {
@@ -136,10 +155,10 @@ export class GanttTaskBase {
             this.taskElement.nativeElement.classList.remove(FOCUSED_CLASS);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTaskBase, deps: [{ token: i1.MappingService }, { token: i2.TimelineViewService }, { token: i3.DependencyDomService }, { token: i4.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i5.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GanttTaskBase, selector: "kendo-gantt-task-base", inputs: { dataItem: "dataItem", index: "index", level: "level", renderDependencyDragClues: "renderDependencyDragClues", selectable: "selectable", isSelected: "isSelected", activeView: "activeView", taskClass: "taskClass" }, host: { properties: { "class.k-task-wrap": "this.wrapperClass", "attr.data-task-index": "this.taskIndexAttribute", "style.left.px": "this.taskOffset" } }, viewQueries: [{ propertyName: "taskElement", first: true, predicate: ["task"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
 }
-GanttTaskBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTaskBase, deps: [{ token: i1.MappingService }, { token: i2.TimelineViewService }, { token: i3.DependencyDomService }, { token: i4.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i5.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
-GanttTaskBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GanttTaskBase, selector: "kendo-gantt-task-base", inputs: { dataItem: "dataItem", index: "index", level: "level", renderDependencyDragClues: "renderDependencyDragClues", selectable: "selectable", isSelected: "isSelected", activeView: "activeView", taskClass: "taskClass" }, host: { properties: { "class.k-task-wrap": "this.wrapperClass", "attr.data-task-index": "this.taskIndexAttribute", "style.left.px": "this.taskOffset" } }, viewQueries: [{ propertyName: "taskElement", first: true, predicate: ["task"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTaskBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTaskBase, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/{esm2020 → esm2022}/rendering/gantt-task.component.mjs

@@ -26,24 +26,26 @@ import * as i6 from "../navigation/navigation.service";
  * @hidden
  */
 export class GanttTaskComponent extends GanttTaskBase {
+    editService;
+    taskContentTemplate;
+    taskTemplate;
+    xIcon = xIcon;
+    touchEnabled = touchEnabled;
     constructor(editService, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
         super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService);
         this.editService = editService;
-        this.xIcon = xIcon;
-        this.touchEnabled = touchEnabled;
     }
     onTaskDelete() {
         this.editService.dataItem = this.dataItem;
         this.editService.taskDelete.next(this.dataItem);
     }
-}
-GanttTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTaskComponent, deps: [{ token: i1.EditService }, { token: i2.MappingService }, { token: i3.TimelineViewService }, { token: i4.DependencyDomService }, { token: i5.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i6.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-GanttTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttTaskComponent, isStandalone: true, selector: "kendo-gantt-task", inputs: { taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate" }, providers: [
-        {
-            provide: GanttTaskBase,
-            useExisting: forwardRef(() => GanttTaskComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTaskComponent, deps: [{ token: i1.EditService }, { token: i2.MappingService }, { token: i3.TimelineViewService }, { token: i4.DependencyDomService }, { token: i5.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i6.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttTaskComponent, isStandalone: true, selector: "kendo-gantt-task", inputs: { taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate" }, providers: [
+            {
+                provide: GanttTaskBase,
+                useExisting: forwardRef(() => GanttTaskComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: `
         <div
             #task
             class="k-task k-task-single"
@@ -115,7 +117,8 @@ GanttTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             </div>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTaskComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTaskComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-task',

package/{esm2020 → esm2022}/rendering/gantt-tasks-table-body.component.mjs

@@ -18,10 +18,8 @@ import * as i2 from "../common/mapping.service";
  * @hidden
  */
 export class GanttTasksTableBodyComponent {
-    constructor(dependencyDomService, mapper) {
-        this.dependencyDomService = dependencyDomService;
-        this.mapper = mapper;
-    }
+    dependencyDomService;
+    mapper;
     set timelineRow(timelineRow) {
         // register the row value only when the first row is rendered
         // with server-side data-binding, the rows rendering could be delayed
@@ -29,12 +27,25 @@ export class GanttTasksTableBodyComponent {
             this.dependencyDomService.registerTimelineRow(timelineRow.nativeElement);
         }
     }
+    selectable;
+    rows;
+    activeView;
+    taskContentTemplate;
+    taskTemplate;
+    summaryTaskTemplate;
+    taskClass;
+    isExpanded;
+    isTaskSelected;
+    renderDependencyDragClues;
+    constructor(dependencyDomService, mapper) {
+        this.dependencyDomService = dependencyDomService;
+        this.mapper = mapper;
+    }
     isMileStone(item) {
         return !item.hasChildren && isEqual(this.mapper.extractFromTask(item.data, 'start'), this.mapper.extractFromTask(item.data, 'end'));
     }
-}
-GanttTasksTableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTasksTableBodyComponent, deps: [{ token: i1.DependencyDomService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Component });
-GanttTasksTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttTasksTableBodyComponent, isStandalone: true, selector: "[kendoGanttTasksTableBody]", inputs: { selectable: "selectable", rows: "rows", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", isExpanded: "isExpanded", isTaskSelected: "isTaskSelected", renderDependencyDragClues: "renderDependencyDragClues" }, viewQueries: [{ propertyName: "timelineRow", first: true, predicate: ["timelineRow"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTasksTableBodyComponent, deps: [{ token: i1.DependencyDomService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttTasksTableBodyComponent, isStandalone: true, selector: "[kendoGanttTasksTableBody]", inputs: { selectable: "selectable", rows: "rows", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", isExpanded: "isExpanded", isTaskSelected: "isTaskSelected", renderDependencyDragClues: "renderDependencyDragClues" }, viewQueries: [{ propertyName: "timelineRow", first: true, predicate: ["timelineRow"], descendants: true }], ngImport: i0, template: `
         <tr class="k-table-row" #timelineRow *ngFor="let item of rows; let index = index">
             <td class="k-table-td">
                 <kendo-gantt-milestone-task
@@ -82,7 +93,8 @@ GanttTasksTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
             </td>
         </tr>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GanttMilestoneTaskComponent, selector: "kendo-gantt-milestone-task" }, { kind: "component", type: GanttSummaryTaskComponent, selector: "kendo-gantt-summary-task", inputs: ["template", "isExpanded"] }, { kind: "component", type: GanttTaskComponent, selector: "kendo-gantt-task", inputs: ["taskContentTemplate", "taskTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTasksTableBodyComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTasksTableBodyComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2020 → esm2022}/scrolling/scroll-sync.service.mjs

@@ -10,11 +10,14 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ScrollSyncService {
+    ngZone;
+    changes = new Subject();
+    elements = [];
+    subscriptions = new Subscription();
+    syncingTimeline;
+    syncingTreeList;
     constructor(ngZone) {
         this.ngZone = ngZone;
-        this.changes = new Subject();
-        this.elements = [];
-        this.subscriptions = new Subscription();
         this.subscriptions.add(this.changes.subscribe(args => {
             this.scroll(args);
         }));
@@ -72,9 +75,9 @@ export class ScrollSyncService {
             }
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollSyncService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollSyncService });
 }
-ScrollSyncService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollSyncService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-ScrollSyncService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollSyncService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollSyncService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollSyncService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });

package/{esm2020 → esm2022}/scrolling/timeline-scroll.directive.mjs

@@ -14,11 +14,17 @@ import * as i1 from "./timeline-scroll.service";
  * @hidden
  */
 export class TimelineScrollableDirective {
+    timelineScrollableContainer;
+    scrollService;
+    zone;
+    scrollSettings;
+    subscriptions = new Subscription();
+    verticalScrollInterval;
+    horizontalScrollInterval;
     constructor(timelineScrollableContainer, scrollService, zone) {
         this.timelineScrollableContainer = timelineScrollableContainer;
         this.scrollService = scrollService;
         this.zone = zone;
-        this.subscriptions = new Subscription();
         this.subscriptions.add(this.scrollService.horizontalScroll
             .subscribe(this.scrollHorizontallyTo.bind(this)));
         this.subscriptions.add(this.scrollService.verticalScroll
@@ -63,10 +69,10 @@ export class TimelineScrollableDirective {
             this.horizontalScrollInterval = null;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineScrollableDirective, deps: [{ token: i0.ElementRef }, { token: i1.TimelineScrollService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TimelineScrollableDirective, isStandalone: true, selector: "[kendoGanttTimelineScrollable]", inputs: { scrollSettings: "scrollSettings" }, ngImport: i0 });
 }
-TimelineScrollableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineScrollableDirective, deps: [{ token: i0.ElementRef }, { token: i1.TimelineScrollService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-TimelineScrollableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TimelineScrollableDirective, isStandalone: true, selector: "[kendoGanttTimelineScrollable]", inputs: { scrollSettings: "scrollSettings" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineScrollableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineScrollableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttTimelineScrollable]',

package/{esm2020 → esm2022}/scrolling/timeline-scroll.service.mjs

@@ -12,11 +12,9 @@ import * as i0 from "@angular/core";
  * The scrolling is performed based on client (viewport) coordinates.
  */
 export class TimelineScrollService {
-    constructor() {
-        this.horizontalScroll = new Subject();
-        this.verticalScroll = new Subject();
-        this.scrollCancel = new Subject();
-    }
+    horizontalScroll = new Subject();
+    verticalScroll = new Subject();
+    scrollCancel = new Subject();
     ngOnDestroy() {
         this.horizontalScroll.complete();
         this.verticalScroll.complete();
@@ -31,9 +29,9 @@ export class TimelineScrollService {
     requestScrollCancel() {
         this.scrollCancel.next();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineScrollService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineScrollService });
 }
-TimelineScrollService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineScrollService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TimelineScrollService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineScrollService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineScrollService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineScrollService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/selection/selectable.directive.mjs

@@ -13,17 +13,7 @@ import * as i1 from "../gantt.component";
  * ([see example]({% slug selection_gantt %}#toc-built-in-directive))
  */
 export 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;
-    }
+    gantt;
     /**
      * @hidden
      */
@@ -51,6 +41,10 @@ export class SelectableDirective {
         this.state = new Set(keys);
         this.gantt.updateView();
     }
+    /**
+     * Fires when the selected keys are changed.
+     */
+    selectedKeysChange = new EventEmitter();
     /**
      * The field name or a function that specifies the data item unique key identifier.
      * By default, the string field `id` is used.
@@ -66,6 +60,16 @@ export class SelectableDirective {
     get keyGetter() {
         return this._keyGetter || this.gantt.idGetter;
     }
+    selectionSubscription;
+    state = new Set();
+    lastChange;
+    _keyGetter;
+    constructor(gantt) {
+        this.gantt = gantt;
+        this.isSelected = this.isSelected.bind(this);
+        this.selectionChange = this.selectionChange.bind(this);
+        this.selectable = true;
+    }
     ngOnDestroy() {
         this.unsubscribeSelection();
     }
@@ -93,10 +97,10 @@ export class SelectableDirective {
             this.selectionSubscription = null;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectableDirective, deps: [{ token: i1.GanttComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SelectableDirective, isStandalone: true, selector: "[kendoGanttSelectable]", inputs: { selectable: "selectable", selectedKeys: "selectedKeys", itemKey: "itemKey" }, outputs: { selectedKeysChange: "selectedKeysChange" }, exportAs: ["kendoGanttSelectable"], ngImport: i0 });
 }
-SelectableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectableDirective, deps: [{ token: i1.GanttComponent }], target: i0.ɵɵFactoryTarget.Directive });
-SelectableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SelectableDirective, isStandalone: true, selector: "[kendoGanttSelectable]", inputs: { selectable: "selectable", selectedKeys: "selectedKeys", itemKey: "itemKey" }, outputs: { selectedKeysChange: "selectedKeysChange" }, exportAs: ["kendoGanttSelectable"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectableDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'kendoGanttSelectable',

package/{esm2020 → esm2022}/template-directives/summary-task-template.directive.mjs

@@ -34,13 +34,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class GanttSummaryTaskTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttSummaryTaskTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GanttSummaryTaskTemplateDirective, isStandalone: true, selector: "[kendoGanttSummaryTaskTemplate]", ngImport: i0 });
 }
-GanttSummaryTaskTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttSummaryTaskTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-GanttSummaryTaskTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GanttSummaryTaskTemplateDirective, isStandalone: true, selector: "[kendoGanttSummaryTaskTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttSummaryTaskTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttSummaryTaskTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttSummaryTaskTemplate]',

package/{esm2020 → esm2022}/template-directives/task-content-template.directive.mjs

@@ -29,13 +29,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class GanttTaskContentTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTaskContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GanttTaskContentTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskContentTemplate]", ngImport: i0 });
 }
-GanttTaskContentTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTaskContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-GanttTaskContentTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GanttTaskContentTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskContentTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTaskContentTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTaskContentTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttTaskContentTemplate]',