@progress/kendo-angular-gantt 17.0.0-develop.9 → 17.0.1-develop.1

package/{fesm2020 → fesm2022}/progress-kendo-angular-gantt.mjs

@@ -40,8 +40,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729174801,
-    version: '17.0.0-develop.9',
+    publishDate: 1731429968,
+    version: '17.0.1-develop.1',
     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'
 };
 
@@ -114,11 +114,14 @@ const getIndexFromViewDigitKeyCode = (keyCode) => {
  * @hidden
  */
 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);
         }));
@@ -176,10 +179,10 @@ 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 }]; } });
 
@@ -531,10 +534,6 @@ const elementFromPoint = (clientX, clientY) => {
  * @hidden
  */
 class MappingService {
-    constructor() {
-        this._taskFields = { ...DEFAULT_TASK_MODEL_FIELDS };
-        this._dependencyFields = { ...DEFAULT_DEPENDENCY_MODEL_FIELDS };
-    }
     /**
      * Gets or sets the model fields for the task data items.
      * Uses the default values for fields which are not specified.
@@ -555,6 +554,8 @@ class MappingService {
     get dependencyFields() {
         return this._dependencyFields;
     }
+    _taskFields = { ...DEFAULT_TASK_MODEL_FIELDS };
+    _dependencyFields = { ...DEFAULT_DEPENDENCY_MODEL_FIELDS };
     /**
      * Retrieves the value for the specified task field.
      * Supports nested fields as well (e.g. 'manager.id').
@@ -575,10 +576,10 @@ class MappingService {
         }
         return getter(this.dependencyFields[field])(dataItem);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MappingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MappingService });
 }
-MappingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MappingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-MappingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MappingService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MappingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MappingService, decorators: [{
             type: Injectable
         }] });
 
@@ -586,15 +587,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class DependencyDomService {
-    constructor(mapper) {
-        this.mapper = mapper;
-        this.notifier = new Subject();
-        /**
-         * Maps each rendered task to its HTML element.
-         * Uses the task ID field value as key.
-         */
-        this.tasks = new Map();
-    }
+    mapper;
     /**
      * Emits each time some of the tasks or the view have changed.
      * Fires also on the first change of the table rows and the parent container.
@@ -609,6 +602,23 @@ class DependencyDomService {
             timelineRow: this.timelineRow
         };
     }
+    notifier = new Subject();
+    /**
+     * The row element in the Timeline part of the Gantt.
+     */
+    timelineRow;
+    /**
+     * Used to get retrieve the offset of the task elements relative to the parent container.
+     */
+    contentContainer;
+    /**
+     * Maps each rendered task to its HTML element.
+     * Uses the task ID field value as key.
+     */
+    tasks = new Map();
+    constructor(mapper) {
+        this.mapper = mapper;
+    }
     ngOnDestroy() {
         this.tasks.clear();
         this.tasks = null;
@@ -638,10 +648,10 @@ class DependencyDomService {
     notifyChanges() {
         this.notifier.next(this.dependencyDomArgs);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DependencyDomService, deps: [{ token: MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DependencyDomService });
 }
-DependencyDomService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DependencyDomService, deps: [{ token: MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
-DependencyDomService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DependencyDomService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DependencyDomService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DependencyDomService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: MappingService }]; } });
 
@@ -651,30 +661,15 @@ const MS_PER_MINUTE = 60 * MS_PER_SECOND;
  * @hidden
  */
 class CurrentTimeMarkerService {
-    constructor(renderer, cdr) {
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.slots = [];
-        this.rows = [];
-        this.now = new Date(Date.now());
-        this.createTimeMarker = () => {
-            if (!isDocumentAvailable()) {
-                return;
-            }
-            this.removeTimeMarker();
-            if (this.slotIndex >= 0) {
-                this.now = new Date(Date.now());
-                this.timeMarkerDiv = this.renderer.createElement('div');
-                this.renderer.addClass(this.timeMarkerDiv, 'k-current-time');
-                this.renderer.setStyle(this.timeMarkerDiv, 'width', '1px');
-                this.renderer.setStyle(this.timeMarkerDiv, 'top', '0px');
-                this.renderer.setStyle(this.timeMarkerDiv, `${this.rtl ? 'right' : 'left'}`, this.deltaOffset + 'px');
-                this.renderer.appendChild(this.container.nativeElement, this.timeMarkerDiv);
-                this.renderer.setStyle(this.timeMarkerDiv, 'height', this.height + 'px');
-                this.currentTimeTimeout = setTimeout(this.createTimeMarker, this.interval || MS_PER_MINUTE);
-            }
-        };
-    }
+    renderer;
+    cdr;
+    container;
+    slots = [];
+    rows = [];
+    currentTimeMarker;
+    rowHeight;
+    rtl;
+    activeView;
     get deltaOffset() {
         if (this.slotIndex >= 0) {
             const total = this.slots[this.slotIndex].end.getTime() - this.slots[this.slotIndex].start.getTime();
@@ -703,6 +698,13 @@ class CurrentTimeMarkerService {
         }
         return this.currentTimeMarker?.updateInterval || MS_PER_MINUTE;
     }
+    now = new Date(Date.now());
+    currentTimeTimeout;
+    timeMarkerDiv;
+    constructor(renderer, cdr) {
+        this.renderer = renderer;
+        this.cdr = cdr;
+    }
     ngOnDestroy() {
         clearTimeout(this.currentTimeTimeout);
     }
@@ -713,10 +715,27 @@ class CurrentTimeMarkerService {
             this.cdr.detectChanges();
         }
     }
+    createTimeMarker = () => {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        this.removeTimeMarker();
+        if (this.slotIndex >= 0) {
+            this.now = new Date(Date.now());
+            this.timeMarkerDiv = this.renderer.createElement('div');
+            this.renderer.addClass(this.timeMarkerDiv, 'k-current-time');
+            this.renderer.setStyle(this.timeMarkerDiv, 'width', '1px');
+            this.renderer.setStyle(this.timeMarkerDiv, 'top', '0px');
+            this.renderer.setStyle(this.timeMarkerDiv, `${this.rtl ? 'right' : 'left'}`, this.deltaOffset + 'px');
+            this.renderer.appendChild(this.container.nativeElement, this.timeMarkerDiv);
+            this.renderer.setStyle(this.timeMarkerDiv, 'height', this.height + 'px');
+            this.currentTimeTimeout = setTimeout(this.createTimeMarker, this.interval || MS_PER_MINUTE);
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CurrentTimeMarkerService, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CurrentTimeMarkerService });
 }
-CurrentTimeMarkerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CurrentTimeMarkerService, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
-CurrentTimeMarkerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CurrentTimeMarkerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CurrentTimeMarkerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CurrentTimeMarkerService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; } });
 
@@ -923,13 +942,19 @@ const MIN_DISTANCE_BEFORE_TURN = 10;
  * @hidden
  */
 class GanttDependencyDirective {
+    polyline;
+    zone;
+    renderer;
+    mapper;
+    dependencyDomService;
+    dependency;
+    subscriptions = new Subscription();
     constructor(polyline, zone, renderer, mapper, dependencyDomService) {
         this.polyline = polyline;
         this.zone = zone;
         this.renderer = renderer;
         this.mapper = mapper;
         this.dependencyDomService = dependencyDomService;
-        this.subscriptions = new Subscription();
         this.subscriptions.add(dependencyDomService.taskChanges
             .pipe(switchMap(changes => 
         // reacts only on the very last event emission,
@@ -969,10 +994,10 @@ class GanttDependencyDirective {
         const parsedCoords = points.map(({ left, top }) => `${left},${top}`).join(' ');
         this.renderer.setAttribute(this.polyline.nativeElement, 'points', parsedCoords);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttDependencyDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: MappingService }, { token: DependencyDomService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GanttDependencyDirective, isStandalone: true, selector: "[kendoGanttDependency]", inputs: { dependency: "dependency" }, usesOnChanges: true, ngImport: i0 });
 }
-GanttDependencyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttDependencyDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: MappingService }, { token: DependencyDomService }], target: i0.ɵɵFactoryTarget.Directive });
-GanttDependencyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GanttDependencyDirective, isStandalone: true, selector: "[kendoGanttDependency]", inputs: { dependency: "dependency" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttDependencyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttDependencyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttDependency]',
@@ -986,38 +1011,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 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.
      */
@@ -1062,6 +1066,12 @@ 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.
@@ -1070,6 +1080,26 @@ 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;
@@ -1232,10 +1262,10 @@ 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: 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: 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: ScrollSyncService }]; } });
 
@@ -1243,20 +1273,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class EditService {
-    constructor(mapper) {
-        this.mapper = mapper;
-        this.showEditingDialog = new Subject();
-        this.taskDelete = new Subject();
-        this.editEvent = new Subject();
-        this.addEvent = new Subject();
-        this.predecessors = [];
-        this.successors = [];
-        this.updatedItems = [];
-        this.deletedItems = [];
-        this.itemIndex = (item, data) => {
-            return data.findIndex(dataItem => this.mapper.extractFromTask(dataItem, 'id') === this.mapper.extractFromTask(item, 'id'));
-        };
-    }
+    mapper;
+    showEditingDialog = new Subject();
+    taskDelete = new Subject();
+    editEvent = new Subject();
+    addEvent = new Subject();
+    taskFormGroup;
+    dataItem;
+    getSelectedItem;
+    hasChildren;
+    fetchChildren;
     set dependencies(items) {
         // Can this whole thing be moved to edit-dialog? Dependencies might not be needed here
         const dataItemId = this.mapper.extractFromTask(this.dataItem, 'id');
@@ -1266,6 +1292,13 @@ class EditService {
     get dependencies() {
         return [...this.predecessors, ...this.successors];
     }
+    predecessors = [];
+    successors = [];
+    updatedItems = [];
+    deletedItems = [];
+    constructor(mapper) {
+        this.mapper = mapper;
+    }
     createEditDialog(dataItem, taskFormGroup, dependencies) {
         this.dataItem = dataItem;
         this.taskFormGroup = taskFormGroup;
@@ -1331,13 +1364,16 @@ class EditService {
         }
         return of(children);
     }
+    itemIndex = (item, data) => {
+        return data.findIndex(dataItem => this.mapper.extractFromTask(dataItem, 'id') === this.mapper.extractFromTask(item, 'id'));
+    };
     isNew(item) {
         return !isPresent(this.mapper.extractFromDependency(item, 'id'));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditService, deps: [{ token: MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditService });
 }
-EditService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditService, deps: [{ token: MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
-EditService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: MappingService }]; } });
 
@@ -1345,11 +1381,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class OptionChangesService {
-    constructor() {
-        this.viewChanges = new EventEmitter();
-        this.columnChanges = new EventEmitter();
-        this.dateFormatChanges = new EventEmitter();
-    }
+    viewChanges = new EventEmitter();
+    columnChanges = new EventEmitter();
+    dateFormatChanges = new EventEmitter();
     notifyColumnChanges() {
         this.columnChanges.emit();
     }
@@ -1359,10 +1393,10 @@ class OptionChangesService {
     notifyDateFormatChanges() {
         this.dateFormatChanges.emit();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OptionChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OptionChangesService });
 }
-OptionChangesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OptionChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-OptionChangesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OptionChangesService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OptionChangesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OptionChangesService, decorators: [{
             type: Injectable
         }] });
 
@@ -1392,11 +1426,15 @@ const END_OF_DAY_DATE = new Date(1980, 0, 1, 23, 59, 59, 999);
  * @hidden
  */
 let TimelineBaseViewService = class TimelineBaseViewService {
+    intlService;
+    mapper;
+    localeId;
+    options;
+    _viewStart = 0;
     constructor(intlService, mapper, localeId) {
         this.intlService = intlService;
         this.mapper = mapper;
         this.localeId = localeId;
-        this._viewStart = 0;
     }
     get viewStart() {
         return this._viewStart;
@@ -1568,6 +1606,7 @@ TimelineBaseViewService = __decorate([
  * @hidden
  */
 class TimelineDayViewService extends TimelineBaseViewService {
+    localeId;
     constructor(intlService, mapper, localeId) {
         super(intlService, mapper, localeId);
         this.localeId = localeId;
@@ -1615,10 +1654,10 @@ class TimelineDayViewService extends TimelineBaseViewService {
         slots.push(daySlots, hourSlots);
         return slots;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineDayViewService, deps: [{ token: i1.IntlService }, { token: MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineDayViewService });
 }
-TimelineDayViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineDayViewService, deps: [{ token: i1.IntlService }, { token: MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-TimelineDayViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineDayViewService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineDayViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineDayViewService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: MappingService }, { type: undefined, decorators: [{
                     type: Inject,
@@ -1629,6 +1668,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class TimelineMonthViewService extends TimelineBaseViewService {
+    localeId;
     constructor(intlService, mapper, localeId) {
         super(intlService, mapper, localeId);
         this.localeId = localeId;
@@ -1674,10 +1714,10 @@ class TimelineMonthViewService extends TimelineBaseViewService {
         slots.push(months, weeks);
         return slots;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMonthViewService, deps: [{ token: i1.IntlService }, { token: MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMonthViewService });
 }
-TimelineMonthViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMonthViewService, deps: [{ token: i1.IntlService }, { token: MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-TimelineMonthViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMonthViewService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMonthViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMonthViewService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: MappingService }, { type: undefined, decorators: [{
                     type: Inject,
@@ -1688,6 +1728,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class TimelineWeekViewService extends TimelineBaseViewService {
+    localeId;
     constructor(intlService, mapper, localeId) {
         super(intlService, mapper, localeId);
         this.localeId = localeId;
@@ -1729,10 +1770,10 @@ class TimelineWeekViewService extends TimelineBaseViewService {
         slots.push(weeks, days);
         return slots;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineWeekViewService, deps: [{ token: i1.IntlService }, { token: MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineWeekViewService });
 }
-TimelineWeekViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineWeekViewService, deps: [{ token: i1.IntlService }, { token: MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-TimelineWeekViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineWeekViewService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineWeekViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineWeekViewService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: MappingService }, { type: undefined, decorators: [{
                     type: Inject,
@@ -1743,6 +1784,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class TimeLineYearViewService extends TimelineBaseViewService {
+    localeId;
     constructor(intlService, mapper, localeId) {
         super(intlService, mapper, localeId);
         this.localeId = localeId;
@@ -1779,10 +1821,10 @@ class TimeLineYearViewService extends TimelineBaseViewService {
         slots.push(years, months);
         return slots;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeLineYearViewService, deps: [{ token: i1.IntlService }, { token: MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeLineYearViewService });
 }
-TimeLineYearViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeLineYearViewService, deps: [{ token: i1.IntlService }, { token: MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-TimeLineYearViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeLineYearViewService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeLineYearViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeLineYearViewService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: MappingService }, { type: undefined, decorators: [{
                     type: Inject,
@@ -1802,18 +1844,19 @@ const services = {
  * @hidden
  */
 class TimelineViewService {
+    injector;
+    viewChange = new EventEmitter();
     constructor(injector) {
         this.injector = injector;
-        this.viewChange = new EventEmitter();
     }
     service(view) {
         const serviceType = services[view];
         return serviceType ? this.injector.get(serviceType) : null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineViewService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineViewService });
 }
-TimelineViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineViewService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-TimelineViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineViewService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineViewService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
@@ -1827,24 +1870,29 @@ const FOCUSED_CLASS = 'k-focus';
  * @hidden
  */
 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;
@@ -1904,6 +1952,20 @@ 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)) {
@@ -1936,10 +1998,10 @@ 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: MappingService }, { token: TimelineViewService }, { token: DependencyDomService }, { token: OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: 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: MappingService }, { token: TimelineViewService }, { token: DependencyDomService }, { token: OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: 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
@@ -1979,24 +2041,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 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: EditService }, { token: MappingService }, { token: TimelineViewService }, { token: DependencyDomService }, { token: OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: 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: EditService }, { token: MappingService }, { token: TimelineViewService }, { token: DependencyDomService }, { token: OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: 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"
@@ -2068,7 +2132,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',
@@ -2163,25 +2228,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 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: MappingService }, { token: TimelineViewService }, { token: DependencyDomService }, { token: OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: 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: MappingService }, { token: TimelineViewService }, { token: DependencyDomService }, { token: OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: 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"
@@ -2226,7 +2292,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',
@@ -2297,19 +2364,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 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: MappingService }, { token: TimelineViewService }, { token: DependencyDomService }, { token: OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: 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: MappingService }, { token: TimelineViewService }, { token: DependencyDomService }, { token: OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: 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"
@@ -2334,7 +2400,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',
@@ -2381,10 +2448,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 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
@@ -2392,12 +2457,25 @@ 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: DependencyDomService }, { token: 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: DependencyDomService }, { token: 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
@@ -2445,7 +2523,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
@@ -2550,11 +2629,9 @@ var ScrollAxis;
  * The scrolling is performed based on client (viewport) coordinates.
  */
 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();
@@ -2569,10 +2646,10 @@ 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
         }] });
 
@@ -2651,11 +2728,17 @@ const getViewportBoundaries = (element) => {
  * @hidden
  */
 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
@@ -2700,10 +2783,10 @@ 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: 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: 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]',
@@ -2717,12 +2800,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 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>
@@ -2731,7 +2813,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
@@ -2761,18 +2844,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class GanttTimelineComponent {
+    scrollSyncService;
+    dependencyDomService;
+    renderer;
+    zone;
+    currentTimeMarkerService;
+    /**
+     * Represents the scrollable container of the timeline content.
+     * Used externally by the DependencyDragCreateDirective.
+     */
+    timelineContent;
+    timelineColumns;
+    timelineHeaderWrap;
+    tasksContainer;
+    /**
+     * Represents the view container ref used for rendering the dependency drag popop.
+     * Used externally by the DependencyDragCreateDirective.
+     */
+    dragPopupContainer;
+    /**
+     * Represents the polyline element used for rendering the dependency drag editing interaction.
+     * Used externally by the DependencyDragCreateDirective.
+     */
+    dependencyDragCreatePolyline;
+    rows;
+    slots;
+    groupSlots;
+    tableWidth;
+    activeView;
+    taskContentTemplate;
+    taskTemplate;
+    summaryTaskTemplate;
+    taskClass;
+    renderDependencyDragClues;
+    dragScrollSettings;
+    currentTimeMarker;
+    selectable;
+    isTaskSelected;
+    isExpanded;
+    dependencies = [];
+    // as all drag-and-drop operations are on the timeline container, use a single draggable instance
+    timelineContainerPress = new EventEmitter();
+    timelineContainerDrag = new EventEmitter();
+    timelineContainerRelease = new EventEmitter();
+    /**
+     * Specifies whether the draggable will attach or detach its pointer event listeners.
+     */
+    get draggableEnabled() {
+        return this.renderDependencyDragClues;
+    }
+    subscriptions = new Subscription();
     constructor(scrollSyncService, dependencyDomService, renderer, zone, currentTimeMarkerService) {
         this.scrollSyncService = scrollSyncService;
         this.dependencyDomService = dependencyDomService;
         this.renderer = renderer;
         this.zone = zone;
         this.currentTimeMarkerService = currentTimeMarkerService;
-        this.dependencies = [];
-        // as all drag-and-drop operations are on the timeline container, use a single draggable instance
-        this.timelineContainerPress = new EventEmitter();
-        this.timelineContainerDrag = new EventEmitter();
-        this.timelineContainerRelease = new EventEmitter();
-        this.subscriptions = new Subscription();
         this.subscriptions.add(
         // task changes indicates change in row content, number, height, etc.
         this.dependencyDomService.taskChanges
@@ -2789,12 +2916,6 @@ class GanttTimelineComponent {
             this.renderer.setStyle(this.timelineColumns.nativeElement, 'height', `${(this.rows || []).length * timelineRowHeight}px`);
         }));
     }
-    /**
-     * Specifies whether the draggable will attach or detach its pointer event listeners.
-     */
-    get draggableEnabled() {
-        return this.renderDependencyDragClues;
-    }
     ngOnChanges(changes) {
         if (changes['currentTimeMarker']) {
             this.createTimeMarker();
@@ -2824,9 +2945,8 @@ class GanttTimelineComponent {
             }
         });
     }
-}
-GanttTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTimelineComponent, deps: [{ token: ScrollSyncService }, { token: DependencyDomService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: CurrentTimeMarkerService }], target: i0.ɵɵFactoryTarget.Component });
-GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttTimelineComponent, isStandalone: true, selector: "kendo-gantt-timeline", inputs: { rows: "rows", slots: "slots", groupSlots: "groupSlots", tableWidth: "tableWidth", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", renderDependencyDragClues: "renderDependencyDragClues", dragScrollSettings: "dragScrollSettings", currentTimeMarker: "currentTimeMarker", selectable: "selectable", isTaskSelected: "isTaskSelected", isExpanded: "isExpanded", dependencies: "dependencies" }, outputs: { timelineContainerPress: "timelineContainerPress", timelineContainerDrag: "timelineContainerDrag", timelineContainerRelease: "timelineContainerRelease" }, viewQueries: [{ propertyName: "timelineContent", first: true, predicate: ["timelineContent"], descendants: true, static: true }, { propertyName: "timelineColumns", first: true, predicate: ["timelineColumns"], descendants: true, static: true }, { propertyName: "timelineHeaderWrap", first: true, predicate: ["timelineHeaderWrap"], descendants: true, static: true }, { propertyName: "tasksContainer", first: true, predicate: ["tasksContainer"], descendants: true, static: true }, { propertyName: "dragPopupContainer", first: true, predicate: ["dragPopupContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dependencyDragCreatePolyline", first: true, predicate: ["dependencyDragCreatePolyline"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTimelineComponent, deps: [{ token: ScrollSyncService }, { token: DependencyDomService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: CurrentTimeMarkerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttTimelineComponent, isStandalone: true, selector: "kendo-gantt-timeline", inputs: { rows: "rows", slots: "slots", groupSlots: "groupSlots", tableWidth: "tableWidth", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", renderDependencyDragClues: "renderDependencyDragClues", dragScrollSettings: "dragScrollSettings", currentTimeMarker: "currentTimeMarker", selectable: "selectable", isTaskSelected: "isTaskSelected", isExpanded: "isExpanded", dependencies: "dependencies" }, outputs: { timelineContainerPress: "timelineContainerPress", timelineContainerDrag: "timelineContainerDrag", timelineContainerRelease: "timelineContainerRelease" }, viewQueries: [{ propertyName: "timelineContent", first: true, predicate: ["timelineContent"], descendants: true, static: true }, { propertyName: "timelineColumns", first: true, predicate: ["timelineColumns"], descendants: true, static: true }, { propertyName: "timelineHeaderWrap", first: true, predicate: ["timelineHeaderWrap"], descendants: true, static: true }, { propertyName: "tasksContainer", first: true, predicate: ["tasksContainer"], descendants: true, static: true }, { propertyName: "dragPopupContainer", first: true, predicate: ["dragPopupContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dependencyDragCreatePolyline", first: true, predicate: ["dependencyDragCreatePolyline"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         <div class="k-gantt-timeline k-grid k-grid-md">
             <div class="k-grid-header">
                 <div #timelineHeaderWrap class="k-grid-header-wrap">
@@ -2930,7 +3050,8 @@ GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             </div>
         </div>
     `, isInline: true, dependencies: [{ kind: "component", type: GanttHeaderTableBodyComponent, selector: "[kendoGanttHeaderTableBody]", inputs: ["groupSlots", "slots"] }, { kind: "directive", type: TimelineScrollableDirective, selector: "[kendoGanttTimelineScrollable]", inputs: ["scrollSettings"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: GanttTasksTableBodyComponent, selector: "[kendoGanttTasksTableBody]", inputs: ["selectable", "rows", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "isExpanded", "isTaskSelected", "renderDependencyDragClues"] }, { kind: "directive", type: GanttDependencyDirective, selector: "[kendoGanttDependency]", inputs: ["dependency"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTimelineComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTimelineComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-timeline',
@@ -3103,50 +3224,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * The base class for the column components of the Gantt.
  */
 class GanttColumnBase extends ColumnBase {
-    /**
-     * Toggles the locked (frozen) state of the columns.
-     *
-     * @default false
-     * @hidden
-     */
-    set locked(value) {
-        super.locked = value;
-    }
-    get locked() {
-        return super.locked;
-    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttColumnBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttColumnBase, selector: "kendo-gantt-column-base", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-GanttColumnBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttColumnBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
-GanttColumnBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttColumnBase, selector: "kendo-gantt-column-base", inputs: { locked: "locked", lockable: "lockable", hidden: "hidden", media: "media", style: "style", headerStyle: "headerStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", footerClass: "footerClass" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttColumnBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttColumnBase, decorators: [{
             type: Component,
             args: [{
                     template: '',
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'kendo-gantt-column-base'
                 }]
-        }], propDecorators: { locked: [{
-                type: Input
-            }], lockable: [{
-                type: Input
-            }], hidden: [{
-                type: Input
-            }], media: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], headerStyle: [{
-                type: Input
-            }], footerStyle: [{
-                type: Input
-            }], cssClass: [{
-                type: Input,
-                args: ['class']
-            }], headerClass: [{
-                type: Input
-            }], footerClass: [{
-                type: Input
-            }] } });
+        }] });
 
 /**
  * Represents the column cell template of the Gantt.
@@ -3165,13 +3253,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * - `rowIndex`&mdash;The current row index. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
  */
 class CellTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CellTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CellTemplateDirective, isStandalone: true, selector: "[kendoGanttCellTemplate]", ngImport: i0 });
 }
-CellTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CellTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-CellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CellTemplateDirective, isStandalone: true, selector: "[kendoGanttCellTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CellTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttCellTemplate]',
@@ -3192,13 +3281,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * - `column`&mdash;Represents the Gantt column.
  */
 class ColumnMenuTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuTemplateDirective, isStandalone: true, selector: "[kendoGanttColumnMenuTemplate]", ngImport: i0 });
 }
-ColumnMenuTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ColumnMenuTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuTemplateDirective, isStandalone: true, selector: "[kendoGanttColumnMenuTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttColumnMenuTemplate]',
@@ -3218,13 +3308,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * - `cellContext`&mdash;An object used to pass context information to built-in directives.
  */
 class FilterCellTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCellTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterCellTemplateDirective, isStandalone: true, selector: "[kendoGanttFilterCellTemplate]", ngImport: i0 });
 }
-FilterCellTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-FilterCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterCellTemplateDirective, isStandalone: true, selector: "[kendoGanttFilterCellTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttFilterCellTemplate]',
@@ -3243,13 +3334,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * - `cellContext`&mdash;An object used to pass context information to built-in directives.
  */
 class FilterMenuTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuTemplateDirective, isStandalone: true, selector: "[kendoGanttFilterMenuTemplate]", ngImport: i0 });
 }
-FilterMenuTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-FilterMenuTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuTemplateDirective, isStandalone: true, selector: "[kendoGanttFilterMenuTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttFilterMenuTemplate]',
@@ -3272,13 +3364,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * * `field`&mdash;The name of the column field, if set.
  */
 class FooterTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoGanttFooterTemplate]", ngImport: i0 });
 }
-FooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-FooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoGanttFooterTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttFooterTemplate]',
@@ -3299,13 +3392,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * * `columnIndex`&mdash;Defines the current column index.
  */
 class HeaderTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: HeaderTemplateDirective, isStandalone: true, selector: "[kendoGanttHeaderTemplate]", ngImport: i0 });
 }
-HeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-HeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: HeaderTemplateDirective, isStandalone: true, selector: "[kendoGanttHeaderTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttHeaderTemplate]',
@@ -3330,13 +3424,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * - `rowIndex`&mdash;The current row index. If inside a new item row, `rowIndex` is `-1`.
  */
 class EditTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditTemplateDirective, isStandalone: true, selector: "[kendoGanttEditTemplate]", ngImport: i0 });
 }
-EditTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-EditTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditTemplateDirective, isStandalone: true, selector: "[kendoGanttEditTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttEditTemplate]',
@@ -3347,56 +3442,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }] }]; } });
 
 class GanttColumnComponent extends ColumnComponent {
-    constructor(options, parent) {
-        super(parent);
-        this.options = options;
-        this.headerTemplates = new QueryList();
-        this.columnMenuTemplates = new QueryList();
-        /**
-         * Defines the filter type that is displayed inside the filter row. The default value is `text`.
-         */
-        this.filter = 'text';
-        /**
-         * Defines if a filter UI will be displayed for this column. The default value is `true`.
-         */
-        this.filterable = true;
-        /**
-         * @hidden
-         *
-         * Defines the editor type.
-         * Used when the column enters the edit mode. The default value is `text`.
-         */
-        this.editor = 'text';
-        /**
-         * @hidden
-         *
-         * Defines whether the column is editable. The default value is `true`.
-         */
-        this.editable = true;
-    }
+    options;
+    headerTemplates = new QueryList();
+    footerTemplate;
+    columnMenuTemplates = new QueryList();
+    template;
+    editTemplate;
+    filterCellTemplate;
+    filterMenuTemplate;
+    /**
+     * Defines the filter type that is displayed inside the filter row. The default value is `text`.
+     */
+    filter = 'text';
+    /**
+     * Defines if a filter UI will be displayed for this column. The default value is `true`.
+     */
+    filterable = true;
     /**
-     * Toggles the locked (frozen) state of the columns.
      * @hidden
-     * @default false
+     *
+     * Defines the editor type.
+     * Used when the column enters the edit mode. The default value is `text`.
      */
-    set locked(value) {
-        super.locked = value;
-    }
-    get locked() {
-        return super.locked;
+    editor = 'text';
+    /**
+     * @hidden
+     *
+     * Defines whether the column is editable. The default value is `true`.
+     */
+    editable = true;
+    constructor(options, parent) {
+        super(parent);
+        this.options = options;
     }
     ngOnChanges() {
         this.options.notifyColumnChanges();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttColumnComponent, deps: [{ token: OptionChangesService }, { token: GanttColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttColumnComponent, isStandalone: true, selector: "kendo-gantt-column", inputs: { filter: "filter", filterable: "filterable", editor: "editor", editable: "editable" }, providers: [
+            {
+                provide: GanttColumnBase,
+                useExisting: forwardRef(() => GanttColumnComponent)
+            }
+        ], queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "editTemplate", first: true, predicate: EditTemplateDirective, descendants: true }, { propertyName: "filterCellTemplate", first: true, predicate: FilterCellTemplateDirective, descendants: true }, { propertyName: "filterMenuTemplate", first: true, predicate: FilterMenuTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 }
-GanttColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttColumnComponent, deps: [{ token: OptionChangesService }, { token: GanttColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-GanttColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttColumnComponent, isStandalone: true, selector: "kendo-gantt-column", inputs: { format: "format", filter: "filter", filterable: "filterable", editor: "editor", editable: "editable", locked: "locked", lockable: "lockable", hidden: "hidden", media: "media", style: "style", headerStyle: "headerStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", footerClass: "footerClass" }, providers: [
-        {
-            provide: GanttColumnBase,
-            useExisting: forwardRef(() => GanttColumnComponent)
-        }
-    ], queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "editTemplate", first: true, predicate: EditTemplateDirective, descendants: true }, { propertyName: "filterCellTemplate", first: true, predicate: FilterCellTemplateDirective, descendants: true }, { propertyName: "filterMenuTemplate", first: true, predicate: FilterMenuTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-column',
@@ -3436,8 +3526,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], filterMenuTemplate: [{
                 type: ContentChild,
                 args: [FilterMenuTemplateDirective, { static: false }]
-            }], format: [{
-                type: Input
             }], filter: [{
                 type: Input
             }], filterable: [{
@@ -3446,70 +3534,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], editable: [{
                 type: Input
-            }], locked: [{
-                type: Input
-            }], lockable: [{
-                type: Input
-            }], hidden: [{
-                type: Input
-            }], media: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], headerStyle: [{
-                type: Input
-            }], footerStyle: [{
-                type: Input
-            }], cssClass: [{
-                type: Input,
-                args: ['class']
-            }], headerClass: [{
-                type: Input
-            }], footerClass: [{
-                type: Input
             }] } });
 
 class GanttColumnGroupComponent extends ColumnGroupComponent {
+    options;
+    /**
+     * @hidden
+     */
+    children = new QueryList();
+    /**
+     * @hidden
+     */
+    headerTemplates;
     constructor(options, parent) {
         super(parent);
         this.options = options;
-        /**
-         * @hidden
-         */
-        this.children = new QueryList();
-        /**
-         * Allows the column headers to be clicked and the `sortChange` event emitted.
-         * You have to handle the `sortChange` event yourself and sort the data.
-         */
-        this.sortable = true;
         if (parent && parent.isSpanColumn) {
             throw new Error('ColumnGroupComponent cannot be nested inside SpanColumnComponent');
         }
     }
-    /**
-     * Toggles the locked (frozen) state of the columns.
-     *
-     * @default false
-     * @hidden
-     */
-    set locked(value) {
-        super.locked = value;
-    }
-    get locked() {
-        return super.locked;
-    }
     ngOnChanges() {
         this.options.notifyColumnChanges();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttColumnGroupComponent, deps: [{ token: OptionChangesService }, { token: GanttColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttColumnGroupComponent, isStandalone: true, selector: "kendo-gantt-column-group", providers: [
+            {
+                provide: GanttColumnBase,
+                useExisting: forwardRef(() => GanttColumnGroupComponent)
+            }
+        ], queries: [{ propertyName: "children", predicate: GanttColumnBase }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 }
-GanttColumnGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttColumnGroupComponent, deps: [{ token: OptionChangesService }, { token: GanttColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-GanttColumnGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttColumnGroupComponent, isStandalone: true, selector: "kendo-gantt-column-group", inputs: { locked: "locked", lockable: "lockable", hidden: "hidden", sortable: "sortable", media: "media", style: "style", headerStyle: "headerStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", footerClass: "footerClass" }, providers: [
-        {
-            provide: GanttColumnBase,
-            useExisting: forwardRef(() => GanttColumnGroupComponent)
-        }
-    ], queries: [{ propertyName: "children", predicate: GanttColumnBase }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttColumnGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttColumnGroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-column-group',
@@ -3534,86 +3589,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], headerTemplates: [{
                 type: ContentChildren,
                 args: [HeaderTemplateDirective]
-            }], locked: [{
-                type: Input
-            }], lockable: [{
-                type: Input
-            }], hidden: [{
-                type: Input
-            }], sortable: [{
-                type: Input
-            }], media: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], headerStyle: [{
-                type: Input
-            }], footerStyle: [{
-                type: Input
-            }], cssClass: [{
-                type: Input,
-                args: ['class']
-            }], headerClass: [{
-                type: Input
-            }], footerClass: [{
-                type: Input
             }] } });
 
 class GanttSpanColumnComponent extends SpanColumnComponent {
-    constructor(options, parent) {
-        super(parent);
-        this.options = options;
-        /**
-         * @hidden
-         */
-        this.childColumns = new QueryList();
-        this.template = new QueryList();
-        this.editTemplate = new QueryList();
-    }
+    options;
     /**
-     * Toggles the locked (frozen) state of the columns. Locked columns are visible
-     * at all times during the horizontal scrolling of the Gantt.
-     *
-     * For the option to work properly, make sure that:
-     * - Scrolling is enabled.
-     * - The `height` option of the Gantt is set.
-     * - The widths of all Gantt columns are explicitly set in pixels. In this way,
-     * the Gantt adjusts the layout of the locked and unlocked columns.
-     *
-     * @default false
      * @hidden
      */
-    set locked(value) {
-        super.locked = value;
+    childColumns = new QueryList();
+    template = new QueryList();
+    editTemplate = new QueryList();
+    constructor(options, parent) {
+        super(parent);
+        this.options = options;
     }
-    get locked() {
-        return super.locked;
-    }
-    /**
-     * @hidden
-     *
-     * Defines whether the edit template of the column will be rendered. The default value is `false`.
-     *
-     * > To enable the editing functionality for a spanned column, set an edit template for it.
-     */
-    set editable(value) {
-        super.editable = value;
-    }
-    get editable() {
-        return super.editable;
-    }
-    ngOnChanges() {
-        this.options.notifyColumnChanges();
+    ngOnChanges() {
+        this.options.notifyColumnChanges();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttSpanColumnComponent, deps: [{ token: OptionChangesService }, { token: GanttColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttSpanColumnComponent, isStandalone: true, selector: "kendo-gantt-span-column", providers: [
+            {
+                provide: GanttColumnBase,
+                useExisting: forwardRef(() => GanttSpanColumnComponent)
+            }
+        ], queries: [{ propertyName: "childColumns", predicate: GanttColumnComponent }, { propertyName: "template", predicate: CellTemplateDirective }, { propertyName: "editTemplate", predicate: EditTemplateDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 }
-GanttSpanColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttSpanColumnComponent, deps: [{ token: OptionChangesService }, { token: GanttColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-GanttSpanColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttSpanColumnComponent, isStandalone: true, selector: "kendo-gantt-span-column", inputs: { locked: "locked", lockable: "lockable", editable: "editable", hidden: "hidden", media: "media", style: "style", headerStyle: "headerStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", footerClass: "footerClass" }, providers: [
-        {
-            provide: GanttColumnBase,
-            useExisting: forwardRef(() => GanttSpanColumnComponent)
-        }
-    ], queries: [{ propertyName: "childColumns", predicate: GanttColumnComponent }, { propertyName: "template", predicate: CellTemplateDirective }, { propertyName: "editTemplate", predicate: EditTemplateDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttSpanColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttSpanColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-span-column',
@@ -3641,29 +3642,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], editTemplate: [{
                 type: ContentChildren,
                 args: [EditTemplateDirective, { descendants: false }]
-            }], locked: [{
-                type: Input
-            }], lockable: [{
-                type: Input
-            }], editable: [{
-                type: Input
-            }], hidden: [{
-                type: Input
-            }], media: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], headerStyle: [{
-                type: Input
-            }], footerStyle: [{
-                type: Input
-            }], cssClass: [{
-                type: Input,
-                args: ['class']
-            }], headerClass: [{
-                type: Input
-            }], footerClass: [{
-                type: Input
             }] } });
 
 /**
@@ -3691,6 +3669,37 @@ const isSelected = () => false;
  * Called every time a user leaves an edited cell.
  */
 class CellCloseEvent extends PreventableEvent {
+    /**
+     * The data item.
+     */
+    dataItem;
+    /**
+     * Indicates if the data item is new or existing.
+     */
+    isNew;
+    /**
+     * The Gantt column that will be closed.
+     */
+    column;
+    /**
+     * The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that is used to edit the cell which will be closed.
+     */
+    formGroup;
+    /**
+     * The DOM event that caused the `cellClose` event.
+     * May not be present if `cellClose` was caused by an API call.
+     */
+    originalEvent;
+    /**
+     * The `GanttComponent` instance.
+     */
+    sender;
+    /**
+     * 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;
     constructor(options) {
         super();
         Object.assign(this, options);
@@ -3703,16 +3712,17 @@ class CellCloseEvent extends PreventableEvent {
  * Needed to keep the Gantt's LocalizationService reference and be able to use it component's inside the TabStrip
  */
 class GanttLocalizationService {
+    localizationService;
     constructor(localizationService) {
         this.localizationService = localizationService;
     }
     get(token) {
         return this.localizationService.get(token);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttLocalizationService, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttLocalizationService });
 }
-GanttLocalizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttLocalizationService, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-GanttLocalizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttLocalizationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttLocalizationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttLocalizationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
@@ -3761,13 +3771,14 @@ const DEFAULT_TIMELINE_PANE_SETTINGS = Object.freeze({
  * ```
  */
 class GanttTaskTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTaskTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GanttTaskTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskTemplate]", ngImport: i0 });
 }
-GanttTaskTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTaskTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-GanttTaskTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GanttTaskTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTaskTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTaskTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttTaskTemplate]',
@@ -3807,13 +3818,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 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]',
@@ -3848,13 +3860,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 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]',
@@ -3953,10 +3966,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 class ToolbarTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-        this._position = "top";
-    }
+    templateRef;
+    _position = "top";
     /**
      * Defines the Gantt Toolbar that will use this template.
      *
@@ -3971,10 +3982,13 @@ class ToolbarTemplateDirective {
     get position() {
         return this._position;
     }
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarTemplateDirective, isStandalone: true, selector: "[kendoGanttToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
 }
-ToolbarTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ToolbarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarTemplateDirective, isStandalone: true, selector: "[kendoGanttToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttToolbarTemplate]',
@@ -3991,6 +4005,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * The base class for the timeline view components of the Gantt.
  */
 class ViewBase {
+    optionChangesService;
+    dependencyDomService;
+    /**
+     * The width of the time slot headers. Values are treated as pixels.
+     *
+     * @default 100
+     */
+    slotWidth = 100;
+    /**
+     * Sets the date format for the Grouped and Column headers.
+     */
+    timelineHeadersDateFormat;
+    /**
+     * Specifies the current time marker settings.
+     * If not set, the value is taken from the Gantt component
+     * [`currentTimeMarker`]({% slug api_gantt_ganttcomponent %}#toc-currentTimeMarker) property.
+     *
+     */
+    currentTimeMarker;
     /**
      *
      * @hidden
@@ -3998,12 +4031,6 @@ class ViewBase {
     constructor(optionChangesService, dependencyDomService) {
         this.optionChangesService = optionChangesService;
         this.dependencyDomService = dependencyDomService;
-        /**
-         * The width of the time slot headers. Values are treated as pixels.
-         *
-         * @default 100
-         */
-        this.slotWidth = 100;
     }
     ngOnChanges(changes) {
         if (anyChanged(['slotWidth'], changes)) {
@@ -4014,10 +4041,10 @@ class ViewBase {
             this.optionChangesService.notifyDateFormatChanges();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewBase, deps: [{ token: OptionChangesService }, { token: DependencyDomService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ViewBase, selector: "kendo-gantt-view-base", inputs: { slotWidth: "slotWidth", timelineHeadersDateFormat: "timelineHeadersDateFormat", currentTimeMarker: "currentTimeMarker" }, usesOnChanges: true, ngImport: i0 });
 }
-ViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewBase, deps: [{ token: OptionChangesService }, { token: DependencyDomService }], target: i0.ɵɵFactoryTarget.Directive });
-ViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ViewBase, selector: "kendo-gantt-view-base", inputs: { slotWidth: "slotWidth", timelineHeadersDateFormat: "timelineHeadersDateFormat", currentTimeMarker: "currentTimeMarker" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewBase, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -4047,17 +4074,19 @@ const mapPath = (item) => ({
  * @hidden
  */
 class DependenciesTableComponent {
-    constructor(mapper, editService, localizationService) {
-        this.mapper = mapper;
-        this.editService = editService;
-        this.localizationService = localizationService;
-        this.dependenciesChange = new EventEmitter();
-        this.selectedKeys = [];
-        this.formGroups = new FormArray([]);
-        this.dependencyTypes = this.getDependencyTypes();
-        this.plusIcon = plusIcon;
-        this.minusIcon = minusIcon;
-    }
+    mapper;
+    editService;
+    localizationService;
+    // TODO: should consist of only valid connection tasks
+    tasks;
+    dependencies;
+    dependencyType;
+    dependenciesChange = new EventEmitter();
+    selectedKeys = [];
+    formGroups = new FormArray([]);
+    dependencyTypes = this.getDependencyTypes();
+    plusIcon = plusIcon;
+    minusIcon = minusIcon;
     get taskId() {
         return this.editService.dataItem.id;
     }
@@ -4067,6 +4096,11 @@ class DependenciesTableComponent {
     get dependencyIdField() {
         return this.dependencyType === 'predecessor' ? 'fromId' : 'toId';
     }
+    constructor(mapper, editService, localizationService) {
+        this.mapper = mapper;
+        this.editService = editService;
+        this.localizationService = localizationService;
+    }
     ngOnInit() {
         // generate the FormGroups per each Grid row
         if (this.formGroups.controls.length === 0) {
@@ -4126,9 +4160,8 @@ class DependenciesTableComponent {
         this.editService.deleteDependency(item);
         this.formGroups.removeAt(selectedIndex);
     }
-}
-DependenciesTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DependenciesTableComponent, deps: [{ token: MappingService }, { token: EditService }, { token: GanttLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-DependenciesTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DependenciesTableComponent, isStandalone: true, selector: "kendo-gantt-dependencies-table", inputs: { tasks: "tasks", dependencies: "dependencies", dependencyType: "dependencyType" }, outputs: { dependenciesChange: "dependenciesChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DependenciesTableComponent, deps: [{ token: MappingService }, { token: EditService }, { token: GanttLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DependenciesTableComponent, isStandalone: true, selector: "kendo-gantt-dependencies-table", inputs: { tasks: "tasks", dependencies: "dependencies", dependencyType: "dependencyType" }, outputs: { dependenciesChange: "dependenciesChange" }, ngImport: i0, template: `
         <kendo-grid
             [data]="dependencies"
             [selectable]="{ mode: 'single' }"
@@ -4181,7 +4214,8 @@ DependenciesTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
             </kendo-grid-column>
         </kendo-grid>
     `, isInline: true, dependencies: [{ kind: "component", type: GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: ToolbarTemplateDirective$1, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ColumnComponent$1, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: CellTemplateDirective$1, selector: "[kendoGridCellTemplate]" }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DependenciesTableComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DependenciesTableComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-dependencies-table',
@@ -4255,6 +4289,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class TaskFieldsComponent {
+    mapper;
+    editService;
+    localizationService;
     constructor(mapper, editService, localizationService) {
         this.mapper = mapper;
         this.editService = editService;
@@ -4269,9 +4306,8 @@ class TaskFieldsComponent {
     getText(token) {
         return this.localizationService.get(token);
     }
-}
-TaskFieldsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TaskFieldsComponent, deps: [{ token: MappingService }, { token: EditService }, { token: GanttLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-TaskFieldsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TaskFieldsComponent, isStandalone: true, selector: "kendo-gantt-task-fields", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskFieldsComponent, deps: [{ token: MappingService }, { token: EditService }, { token: GanttLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TaskFieldsComponent, isStandalone: true, selector: "kendo-gantt-task-fields", ngImport: i0, template: `
         <form class="k-form k-form-md" [formGroup]="formGroup">
             <kendo-formfield *ngIf="formGroup.get(mapper.taskFields.title)">
                 <kendo-label [for]="title" [text]="getText('titleFieldInputLabel')"></kendo-label>
@@ -4301,8 +4337,9 @@ TaskFieldsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
                 ></kendo-numerictextbox>
             </kendo-formfield>
         </form>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "directive", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "component", type: DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer, kendo-treelist-pager-spacer", inputs: ["width"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TaskFieldsComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "directive", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "component", type: DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer", inputs: ["width"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskFieldsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-task-fields',
@@ -4346,14 +4383,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class EditDialogComponent {
+    mapper;
+    editService;
+    cdr;
+    localizationService;
+    data;
+    loadedTasks;
+    saveIcon = saveIcon;
+    cancelIcon = cancelOutlineIcon;
+    deleteIcon = trashIcon;
     constructor(mapper, editService, cdr, localizationService) {
         this.mapper = mapper;
         this.editService = editService;
         this.cdr = cdr;
         this.localizationService = localizationService;
-        this.saveIcon = saveIcon;
-        this.cancelIcon = cancelOutlineIcon;
-        this.deleteIcon = trashIcon;
     }
     ngOnInit() {
         this.editService.loadTasks(this.data).subscribe(value => {
@@ -4384,9 +4427,8 @@ class EditDialogComponent {
     handleTaskDelete() {
         this.editService.taskDelete.next(this.editService.dataItem);
     }
-}
-EditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditDialogComponent, deps: [{ token: MappingService }, { token: EditService }, { token: i0.ChangeDetectorRef }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-EditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditDialogComponent, isStandalone: true, selector: "kendo-gantt-edit-dialog", inputs: { data: "data" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditDialogComponent, deps: [{ token: MappingService }, { token: EditService }, { token: i0.ChangeDetectorRef }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditDialogComponent, isStandalone: true, selector: "kendo-gantt-edit-dialog", inputs: { data: "data" }, ngImport: i0, template: `
         <kendo-dialog
             [title]="getText('taskEditingDialogTitle')"
             [width]="575"
@@ -4457,8 +4499,9 @@ EditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
                 </button>
             </kendo-dialog-actions>
         </kendo-dialog>
-    `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "directive", type: CustomMessagesComponent$1, selector: "kendo-dialog-messages, kendo-window-messages" }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: TaskFieldsComponent, selector: "kendo-gantt-task-fields" }, { kind: "component", type: DependenciesTableComponent, selector: "kendo-gantt-dependencies-table", inputs: ["tasks", "dependencies", "dependencyType"], outputs: ["dependenciesChange"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer, kendo-treelist-pager-spacer", inputs: ["width"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditDialogComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "directive", type: CustomMessagesComponent$1, selector: "kendo-dialog-messages, kendo-window-messages" }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: TaskFieldsComponent, selector: "kendo-gantt-task-fields" }, { kind: "component", type: DependenciesTableComponent, selector: "kendo-gantt-dependencies-table", inputs: ["tasks", "dependencies", "dependencyType"], outputs: ["dependenciesChange"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer", inputs: ["width"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditDialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-edit-dialog',
@@ -4545,9 +4588,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class ToolbarNavigationService {
+    renderer;
+    focusableContent;
+    focusIndex = 0;
     constructor(renderer) {
         this.renderer = renderer;
-        this.focusIndex = 0;
     }
     updateFocus() {
         this.focusableContent.forEach(el => {
@@ -4556,10 +4601,10 @@ class ToolbarNavigationService {
         this.renderer.setAttribute(this.focusableContent[this.focusIndex], 'tabindex', '0');
         this.focusableContent[this.focusIndex].focus();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService });
 }
-ToolbarNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-ToolbarNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });
 
@@ -4567,18 +4612,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * The Gantt ViewSelector component. Shows the currently active view type, and allows switching to another view type.
  */
 class ViewSelectorComponent {
+    localizationService;
+    hostClass = true;
+    /**
+     * The collection of the timeline view types in the current Gantt configuration.
+     */
+    views;
+    /**
+     * The currently active view type.
+     * @default 'week'
+     */
+    activeView = 'week';
+    /**
+     * Fires each time the user selects a different view type. The event data contains the type of the newly selected view.
+     */
+    activeViewChange = new EventEmitter();
     constructor(localizationService) {
         this.localizationService = localizationService;
-        this.hostClass = true;
-        /**
-         * The currently active view type.
-         * @default 'week'
-         */
-        this.activeView = 'week';
-        /**
-         * Fires each time the user selects a different view type. The event data contains the type of the newly selected view.
-         */
-        this.activeViewChange = new EventEmitter();
     }
     /**
      * @hidden
@@ -4600,9 +4650,8 @@ class ViewSelectorComponent {
     onActiveViewChange(event) {
         this.activeViewChange.emit(event.target.value);
     }
-}
-ViewSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewSelectorComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ViewSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ViewSelectorComponent, isStandalone: true, selector: "kendo-gantt-view-selector", inputs: { views: "views", activeView: "activeView" }, outputs: { activeViewChange: "activeViewChange" }, host: { properties: { "class.k-gantt-views-wrapper": "this.hostClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewSelectorComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewSelectorComponent, isStandalone: true, selector: "kendo-gantt-view-selector", inputs: { views: "views", activeView: "activeView" }, outputs: { activeViewChange: "activeViewChange" }, host: { properties: { "class.k-gantt-views-wrapper": "this.hostClass" } }, ngImport: i0, template: `
         <select
             class="k-dropdownlist k-picker k-rounded-md k-views-dropdown"
             aria-label="View Selector"
@@ -4618,7 +4667,8 @@ ViewSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
                 (click)="onClick(view)">{{getViewTypeText(view)}}</button>
         </kendo-buttongroup>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewSelectorComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewSelectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-view-selector',
@@ -4657,34 +4707,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Use it within a toolbar template to provide a custom icon or list of options.
  */
 class GanttAddTaskComponent {
+    localizationService;
+    editService;
+    ngZone;
+    /**
+     * Sets the data of the DropDownButton.
+     * > The data has to be provided in an array-like list.
+     */
+    data = [{
+            text: this.getText('addChildText'),
+            type: 'addChild'
+        }, {
+            text: this.getText('addAboveText'),
+            type: 'addAbove'
+        }, {
+            text: this.getText('addBelowText'),
+            type: 'addBelow'
+        }];
+    /**
+     * Defines the name of an existing icon in a Kendo UI theme.
+     * @default 'plus'
+     */
+    icon = 'plus';
+    /**
+     * Defines an [`SVGIcon`](slug:api_icons_svgicon) icon to be rendered inside the `GanttAddTaskComponent` using
+     * a [`KendoSVGIcon`](slug:api_icons_svgiconcomponent) component.
+     */
+    svgIcon = plusIcon;
     constructor(localizationService, editService, ngZone) {
         this.localizationService = localizationService;
         this.editService = editService;
         this.ngZone = ngZone;
-        /**
-         * Sets the data of the DropDownButton.
-         * > The data has to be provided in an array-like list.
-         */
-        this.data = [{
-                text: this.getText('addChildText'),
-                type: 'addChild'
-            }, {
-                text: this.getText('addAboveText'),
-                type: 'addAbove'
-            }, {
-                text: this.getText('addBelowText'),
-                type: 'addBelow'
-            }];
-        /**
-         * Defines the name of an existing icon in a Kendo UI theme.
-         * @default 'plus'
-         */
-        this.icon = 'plus';
-        /**
-         * Defines an [`SVGIcon`](slug:api_icons_svgicon) icon to be rendered inside the `GanttAddTaskComponent` using
-         * a [`KendoSVGIcon`](slug:api_icons_svgiconcomponent) component.
-         */
-        this.svgIcon = plusIcon;
     }
     /**
      * @hidden
@@ -4722,9 +4775,8 @@ class GanttAddTaskComponent {
             selectedItem: null
         });
     }
-}
-GanttAddTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttAddTaskComponent, deps: [{ token: i1$1.LocalizationService }, { token: EditService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-GanttAddTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttAddTaskComponent, isStandalone: true, selector: "kendo-gantt-add-task", inputs: { data: "data", icon: "icon", svgIcon: "svgIcon" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttAddTaskComponent, deps: [{ token: i1$1.LocalizationService }, { token: EditService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttAddTaskComponent, isStandalone: true, selector: "kendo-gantt-add-task", inputs: { data: "data", icon: "icon", svgIcon: "svgIcon" }, ngImport: i0, template: `
         <kendo-dropdownbutton
             [data]="data"
             [icon]="icon"
@@ -4736,7 +4788,8 @@ GanttAddTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             {{ getText('addTaskText') }}
         </kendo-dropdownbutton>
     `, isInline: true, dependencies: [{ kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttAddTaskComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttAddTaskComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-add-task',
@@ -4767,14 +4820,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class ToolbarComponent {
-    constructor(hostEl, navigationService) {
-        this.hostEl = hostEl;
-        this.navigationService = navigationService;
-        this.context = {};
-        this.role = 'toolbar';
-        this.toolbarSizingClass = true;
-        this.activeViewChange = new EventEmitter();
-    }
+    hostEl;
+    navigationService;
+    context = {};
+    role = 'toolbar';
+    toolbarSizingClass = true;
     clickHandler(ev) {
         if (this.navigable) {
             const closestFocusable = closest(ev.target, isFocusable);
@@ -4803,6 +4853,13 @@ class ToolbarComponent {
             this.navigationService.updateFocus();
         }
     }
+    activeViewChange = new EventEmitter();
+    showAddTask;
+    showViewSelector;
+    views;
+    activeView;
+    toolbarTemplate;
+    navigable;
     set position(value) {
         this.context.position = this._position = value;
     }
@@ -4817,6 +4874,11 @@ class ToolbarComponent {
         const templatePosition = ganttToolbarTemplate ? ganttToolbarTemplate.position : null;
         return ganttToolbarTemplate && (templatePosition === 'both' || templatePosition === this.position);
     }
+    _position;
+    constructor(hostEl, navigationService) {
+        this.hostEl = hostEl;
+        this.navigationService = navigationService;
+    }
     handleViewChange(view) {
         this.activeViewChange.emit(view);
     }
@@ -4829,9 +4891,8 @@ class ToolbarComponent {
             }
         }
     }
-}
-ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: i0.ElementRef }, { token: ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "kendo-gantt-toolbar", inputs: { showAddTask: "showAddTask", showViewSelector: "showViewSelector", views: "views", activeView: "activeView", toolbarTemplate: "toolbarTemplate", navigable: "navigable", position: "position" }, outputs: { activeViewChange: "activeViewChange" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar-md": "this.toolbarSizingClass" } }, providers: [ToolbarNavigationService], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i0.ElementRef }, { token: ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarComponent, isStandalone: true, selector: "kendo-gantt-toolbar", inputs: { showAddTask: "showAddTask", showViewSelector: "showViewSelector", views: "views", activeView: "activeView", toolbarTemplate: "toolbarTemplate", navigable: "navigable", position: "position" }, outputs: { activeViewChange: "activeViewChange" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar-md": "this.toolbarSizingClass" } }, providers: [ToolbarNavigationService], ngImport: i0, template: `
         <ng-container *ngIf="!renderTemplate">
             <kendo-gantt-add-task *ngIf="showAddTask"></kendo-gantt-add-task>
             <span class="k-spacer k-toolbar-spacer"></span>
@@ -4848,7 +4909,8 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
             >
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GanttAddTaskComponent, selector: "kendo-gantt-add-task", inputs: ["data", "icon", "svgIcon"] }, { kind: "component", type: ViewSelectorComponent, selector: "kendo-gantt-view-selector", inputs: ["views", "activeView"], outputs: ["activeViewChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-toolbar',
@@ -4910,10 +4972,294 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class Messages extends ComponentMessages {
+    /**
+     * The title of the "General" tab of the editing dialog TabStrip.
+     */
+    taskEditingGeneralTabTitle;
+    /**
+     * The title of the "Predecessors" dependencies tab of the editing dialog TabStrip.
+     */
+    taskEditingPredecessorsTabTitle;
+    /**
+     * The title of the "Successors" dependencies tab of the editing dialog TabStrip.
+     */
+    taskEditingSuccessorsTabTitle;
+    /**
+     * The text of the "Add" button in the dependencies tabs of the editing dialog TabStrip.
+     */
+    taskEditingDependenciesAddButtonText;
+    /**
+     * The text of the "Remove" button in the dependencies tabs of the editing dialog TabStrip.
+     */
+    taskEditingDependenciesRemoveButtonText;
+    /**
+     * The title of the "Task Title" Grid column in the dependencies tabs of the editing dialog TabStrip.
+     */
+    taskEditingDependenciesGridNameColumnTitle;
+    /**
+     * The title of the "Type" Grid column in the dependencies tabs of the editing dialog TabStrip.
+     */
+    taskEditingDependenciesGridTypeColumnTitle;
+    /**
+     * The text of the task editing dialog 'Delete' button.
+     */
+    deleteButtonText;
+    /**
+     * The label for the task delete button.
+     */
+    taskDeleteLabel;
+    /**
+     * The title of the task editing dialog.
+     */
+    taskEditingDialogTitle;
+    /**
+     * The title of the task editing dialog close button.
+     */
+    taskEditingDialogCloseTitle;
+    /**
+     * The title of the confirmation dialog close button.
+     */
+    confirmationDialogCloseTitle;
+    /**
+     * The title of the delete task confirmation dialog.
+     */
+    confirmationDialogTitle;
+    /**
+     * The text of the DropDownButton in the AddTask component.
+     */
+    addTaskText;
+    /**
+     * The text of the `Add Child` option in the AddTask component.
+     */
+    addChildText;
+    /**
+     * The text of the `Add Above` option in the AddTask component.
+     */
+    addAboveText;
+    /**
+     * The text of the `Add Below` option in the AddTask component.
+     */
+    addBelowText;
+    /**
+     * The text of the task editing dialog `Cancel` button.
+     */
+    cancelButtonText;
+    /**
+     * The text of the task editing dialog `Save` button.
+     */
+    saveButtonText;
+    /**
+     * The label of the 'title' field input in editing mode.
+     */
+    titleFieldInputLabel;
+    /**
+     * The label of the 'start' field input in editing mode.
+     */
+    startFieldInputLabel;
+    /**
+     * The label of the 'end' field input in editing mode.
+     */
+    endFieldInputLabel;
+    /**
+     * The label of the 'completionRatio' field input in editing mode.
+     */
+    completionRatioFieldInputLabel;
+    /**
+     * The content of the delete task confirmation dialog.
+     */
+    confirmationDialogContent;
+    /**
+     * The text of the day view in the ViewSelector component.
+     */
+    dayViewText;
+    /**
+     * The text of the week view in the ViewSelector component.
+     */
+    weekViewText;
+    /**
+     * The text of the month view in the ViewSelector component.
+     */
+    monthViewText;
+    /**
+     * @hidden
+     * The text of the year view in the ViewSelector component.
+     */
+    yearViewText;
+    /**
+     * The no-records text.
+     */
+    noRecords;
+    /**
+     * The label of the filter cell or icon.
+     */
+    filter;
+    /**
+     * The text of the `Equal` (**Is equal to**) filter operator.
+     */
+    filterEqOperator;
+    /**
+     * The text of the `NotEqual` (**Is not equal to**) filter operator.
+     */
+    filterNotEqOperator;
+    /**
+     * The text of the `IsNull` (**Is null**) filter operator.
+     */
+    filterIsNullOperator;
+    /**
+     * The text of the `IsNotNull` (**Is not null**) filter operator.
+     */
+    filterIsNotNullOperator;
+    /**
+     * The text of the `IsEmpty` (**Is empty**) filter operator.
+     */
+    filterIsEmptyOperator;
+    /**
+     * The text of the `IsNotEmpty` (**Is not empty**) filter operator.
+     */
+    filterIsNotEmptyOperator;
+    /**
+     * The text of the `StartsWith` (**Starts with**) filter operator.
+     */
+    filterStartsWithOperator;
+    /**
+     * The text of the `Contains` (**Contains**) filter operator.
+     */
+    filterContainsOperator;
+    /**
+     * The text of the `DoesNotContain` (**Does not contain**) filter operator.
+     */
+    filterNotContainsOperator;
+    /**
+     * The text of the `EndsWith` (**Ends with**) string filter operator.
+     */
+    filterEndsWithOperator;
+    /**
+     * The text of the `GreaterOrEqualTo` (**Is greater than or equal to**) numeric filter operator.
+     */
+    filterGteOperator;
+    /**
+     * The text of the `Greater` (**Is greater than**) numeric filter operator.
+     */
+    filterGtOperator;
+    /**
+     * The text of the `LessOrEqualTo` (**Is less than or equal to**) numeric filter operator.
+     */
+    filterLteOperator;
+    /**
+     * The text of the `Less` (**Is less than**) numeric filter operator.
+     */
+    filterLtOperator;
+    /**
+     * The text of the `IsTrue` Boolean filter option.
+     */
+    filterIsTrue;
+    /**
+     * The text of the `IsFalse` Boolean filter option.
+     */
+    filterIsFalse;
+    /**
+     * The text of the `(All)` option for Boolean filter.
+     */
+    filterBooleanAll;
+    /**
+     * The text of the `AfterOrEqualTo` (**Is after or equal to**) date filter operator.
+     */
+    filterAfterOrEqualOperator;
+    /**
+     * The text of the `After` (**Is after**) date filter operator.
+     */
+    filterAfterOperator;
+    /**
+     * The text of the `Before` (**Is before**) date filter operator.
+     */
+    filterBeforeOperator;
+    /**
+     * The text of the `BeforeOrEqualTo` (**Is before or equal to**) date filter operator.
+     */
+    filterBeforeOrEqualOperator;
+    /**
+     * The text of the **Filter** button.
+     */
+    filterFilterButton;
+    /**
+     * The text of the **Clear filter** button.
+     */
+    filterClearButton;
+    /**
+     * The text of the `And` filter logic.
+     */
+    filterAndLogic;
+    /**
+     * The text of the `Or` filter logic.
+     */
+    filterOrLogic;
+    /**
+     * The loading text.
+     *
+     * > The `loading` property is part of the accessibility support of the Gantt.
+     * Its value is detectable by screen readers and is not otherwise visible.
+     */
+    loading;
+    /**
+     * The title of the icon for the column menu.
+     */
+    columnMenu;
+    /**
+     * The text that is displayed in the column menu for the column items.
+     */
+    columns;
+    /**
+     * @hidden
+     * The text that is displayed in the column menu for the lock item.
+     */
+    lock;
+    /**
+     * @hidden
+     * The text that is displayed in the column menu for the unlock item.
+     */
+    unlock;
+    /**
+     * The label of the sort icon.
+     */
+    sortable;
+    /**
+     * The text that is displayed in the column menu for the ascending sort item.
+     */
+    sortAscending;
+    /**
+     * The text that is displayed in the column menu for the descending sort item.
+     */
+    sortDescending;
+    /**
+     * The status announcement when a column is sorted in an ascending order.
+     * Deprecated - the announcement now relies entirely on the `aria-sort` attribute.
+     * @hidden
+     */
+    sortedAscending;
+    /**
+     * The status announcement when a column is sorted in a descending order.
+     * Deprecated - the announcement now relies entirely on the `aria-sort` attribute.
+     * @hidden
+     */
+    sortedDescending;
+    /**
+     * The status announcement when a column is no longer sorted.
+     */
+    sortedDefault;
+    /**
+     * The text that is displayed in the column menu or in the column chooser item
+     * for the **Apply** button of the columns.
+     */
+    columnsApply;
+    /**
+     * The text that is displayed in the column menu or in the column chooser item
+     * for the **Reset** button of the columns.
+     */
+    columnsReset;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, selector: "kendo-gantt-messages-base", inputs: { taskEditingGeneralTabTitle: "taskEditingGeneralTabTitle", taskEditingPredecessorsTabTitle: "taskEditingPredecessorsTabTitle", taskEditingSuccessorsTabTitle: "taskEditingSuccessorsTabTitle", taskEditingDependenciesAddButtonText: "taskEditingDependenciesAddButtonText", taskEditingDependenciesRemoveButtonText: "taskEditingDependenciesRemoveButtonText", taskEditingDependenciesGridNameColumnTitle: "taskEditingDependenciesGridNameColumnTitle", taskEditingDependenciesGridTypeColumnTitle: "taskEditingDependenciesGridTypeColumnTitle", deleteButtonText: "deleteButtonText", taskDeleteLabel: "taskDeleteLabel", taskEditingDialogTitle: "taskEditingDialogTitle", taskEditingDialogCloseTitle: "taskEditingDialogCloseTitle", confirmationDialogCloseTitle: "confirmationDialogCloseTitle", confirmationDialogTitle: "confirmationDialogTitle", addTaskText: "addTaskText", addChildText: "addChildText", addAboveText: "addAboveText", addBelowText: "addBelowText", cancelButtonText: "cancelButtonText", saveButtonText: "saveButtonText", titleFieldInputLabel: "titleFieldInputLabel", startFieldInputLabel: "startFieldInputLabel", endFieldInputLabel: "endFieldInputLabel", completionRatioFieldInputLabel: "completionRatioFieldInputLabel", confirmationDialogContent: "confirmationDialogContent", dayViewText: "dayViewText", weekViewText: "weekViewText", monthViewText: "monthViewText", yearViewText: "yearViewText", noRecords: "noRecords", filter: "filter", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", columnMenu: "columnMenu", columns: "columns", lock: "lock", unlock: "unlock", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset" }, usesInheritance: true, ngImport: i0 });
 }
-Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: Messages, selector: "kendo-gantt-messages-base", inputs: { taskEditingGeneralTabTitle: "taskEditingGeneralTabTitle", taskEditingPredecessorsTabTitle: "taskEditingPredecessorsTabTitle", taskEditingSuccessorsTabTitle: "taskEditingSuccessorsTabTitle", taskEditingDependenciesAddButtonText: "taskEditingDependenciesAddButtonText", taskEditingDependenciesRemoveButtonText: "taskEditingDependenciesRemoveButtonText", taskEditingDependenciesGridNameColumnTitle: "taskEditingDependenciesGridNameColumnTitle", taskEditingDependenciesGridTypeColumnTitle: "taskEditingDependenciesGridTypeColumnTitle", deleteButtonText: "deleteButtonText", taskDeleteLabel: "taskDeleteLabel", taskEditingDialogTitle: "taskEditingDialogTitle", taskEditingDialogCloseTitle: "taskEditingDialogCloseTitle", confirmationDialogCloseTitle: "confirmationDialogCloseTitle", confirmationDialogTitle: "confirmationDialogTitle", addTaskText: "addTaskText", addChildText: "addChildText", addAboveText: "addAboveText", addBelowText: "addBelowText", cancelButtonText: "cancelButtonText", saveButtonText: "saveButtonText", titleFieldInputLabel: "titleFieldInputLabel", startFieldInputLabel: "startFieldInputLabel", endFieldInputLabel: "endFieldInputLabel", completionRatioFieldInputLabel: "completionRatioFieldInputLabel", confirmationDialogContent: "confirmationDialogContent", dayViewText: "dayViewText", weekViewText: "weekViewText", monthViewText: "monthViewText", yearViewText: "yearViewText", noRecords: "noRecords", filter: "filter", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", columnMenu: "columnMenu", columns: "columns", lock: "lock", unlock: "unlock", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -5061,19 +5407,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class LocalizedMessagesDirective extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoGanttLocalizedMessages]", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoGanttLocalizedMessages]", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -5167,337 +5514,45 @@ const DEFAULT_DRAG_SCROLL_SETTINGS = {
  * ```
  */
 class GanttComponent {
-    constructor(timelineViewService, scrollSyncService, renderer, mapper, optionChangesService, dependencyDomService, editService, localizationService, hostElement, zone, navigation, currentTimeMarkerService) {
-        this.timelineViewService = timelineViewService;
-        this.scrollSyncService = scrollSyncService;
-        this.renderer = renderer;
-        this.mapper = mapper;
-        this.optionChangesService = optionChangesService;
-        this.dependencyDomService = dependencyDomService;
-        this.editService = editService;
-        this.localizationService = localizationService;
-        this.hostElement = hostElement;
-        this.zone = zone;
-        this.navigation = navigation;
-        this.currentTimeMarkerService = currentTimeMarkerService;
-        /**
-         * @hidden
-         */
-        this.roleDescription = 'Gantt Chart';
-        /**
-         * @hidden
-         */
-        this.role = 'application';
-        this.hostClasses = true;
-        /**
-         * Specifies a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection)).
-         *
-         * > The [`selectable`]({% slug api_gantt_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
-         */
-        this.isSelected = isSelected;
-        /**
-         * Specifies a callback that determines if a new dependency is valid.
-         * Used when evaluating if an attempt to create a new dependency will result in a valid link between the two tasks
-         * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-validation).
-         *
-         * By defalut, dependencies are deemed invalid when:
-         *  - The two tasks are in a parent-child relationship.
-         *  - The two tasks are already dependent on one another. Only one dependency is allowed per pair.
-         *  - The start or end times of the two tasks are incompatible with the attempted dependency type.
-         */
-        this.validateNewDependency = this.defaultValidateNewDependencyCallback.bind(this);
-        /**
-         * Fires when the Gantt selection is changed through user interaction.
-         *
-         * Holds data about the affected [`items`]({% slug api_gantt_selectionchangeevent %}#toc-items) and the attempted [`action`]({% slug api_gantt_selectionchangeevent %}#toc-action):
-         * - `select` - Triggered on `click` or `ctrl + click` on deselected items.
-         * - `remove` - Triggered on `ctrl + click` on selected items.
-         */
-        this.selectionChange = new EventEmitter();
-        /**
-         * Enables or disables the Gantt selection mechanism ([see example]({% slug selection_gantt %}#toc-custom-selection)).
-         *
-         * > When set to `true`, the [`isSelected`]({% slug api_gantt_ganttcomponent %}#toc-isselected) callback has to be provided.
-         * > When applied, the [`SelectableDirective`]({% slug api_gantt_selectabledirective %}) sets `selectable` to `true` internally.
-         */
-        this.selectable = false;
-        /**
-         * Allows setting the toolbar(s) `aria-label` attribute value as necessary to comply with accessibility requirements.
-         * Typically, toolbars need an `aria-label` when there is more than one toolbar in the application.
-         */
-        this.toolbarAriaLabel = 'Toolbar';
-        /**
-         * Defines the dependencies that will be drawn between the rendered tasks.
-         *
-         * > The dependency data items should either conform to the [`GanttDependency`]({% slug api_gantt_ganttdependency %}) interface, or a [`dependencyModelFields`]({% slug api_gantt_ganttcomponent %}#toc-dependencymodelfields) object has to be provided.
-         */
-        this.dependencies = [];
-        /**
-         * Enables the sorting of the Gantt columns that have their `field` option set.
-         */
-        this.sortable = false;
-        /**
-         * The descriptors by which the data will be sorted.
-         */
-        this.sort = [];
-        /**
-         * Enables the filtering of the Gantt columns that have their `field` option set.
-         *
-         * @default false
-         */
-        this.filterable = false;
-        /**
-         * The start time of the work day.
-         * Accepts string values in the `HH:mm` format.
-         */
-        this.workDayStart = '08:00';
-        /**
-         * The end time of the work day.
-         * Accepts string values in the `HH:mm` format.
-         */
-        this.workDayEnd = '17:00';
-        /**
-         * The start of the work week (index based).
-         */
-        this.workWeekStart = 1;
-        /**
-         * The end of the work week (index based).
-         */
-        this.workWeekEnd = 5;
-        /**
-         * If set to `true`, the user can use dedicated shortcuts to interact with the Gantt.
-         * By default, navigation is disabled for the TreeList and Timeline parts of the component,
-         * ([see example]({% slug keyboard_navigation_gantt %})).
-         */
-        this.navigable = false;
-        /**
-         * Indicates whether the Gantt columns will be resized during initialization so that they fit their headers and row content.
-         * Columns with autoSize set to false are excluded.
-         *
-         * @default false
-         */
-        this.columnsAutoSize = false;
-        /**
-         * Specifies the Gantt current time marker settings.
-         * The settings will be applied for all views.
-         * If the `currentTimeMarker` is set for a view then it takes precedence.
-         *
-         * @default true
-         */
-        this.currentTimeMarker = true;
-        /**
-         * Specifies if the column menu of the columns will be displayed.
-         *
-         * @default false
-         */
-        this.columnMenu = false;
-        /**
-         * If set to true, the user can reorder columns by dragging their header cells.
-         *
-         * @default false
-         */
-        this.columnsReorderable = false;
-        /**
-         * If set to true, the user can resize columns by dragging the edges (resize handles) of their header cells.
-         *
-         * @default false
-         */
-        this.columnsResizable = false;
-        /**
-         * Fires when an item is expanded.
-         */
-        this.rowExpand = new EventEmitter();
-        /**
-         * Fires when a Gantt task in the timeline pane is double-clicked. The data item, associated with the clicked task,
-         * is available in the event data. Use the event handler to open a task editing dialog as necessary.
-         */
-        this.taskDblClick = new EventEmitter();
-        /**
-         * Fires when the user double clicks a cell.
-         */
-        this.cellDblClick = new EventEmitter();
-        /**
-         * Fires when the user leaves an edited cell.
-         */
-        this.cellClose = new EventEmitter();
-        /**
-         * Fires when the end user clicks the `Delete` button in the task editing dialog,
-         * the task delete icon, or presses the `Delete` key on the keyboard when a task in the timeline is focused.
-         * Use the event handler to open a confirmation dialog when necessary.
-         */
-        this.taskDelete = new EventEmitter();
-        /**
-         * Fires when an item is collapsed.
-         */
-        this.rowCollapse = new EventEmitter();
-        /**
-         * Fires when the user confirms deleting a task.
-         */
-        this.remove = new EventEmitter();
-        /**
-         * Fires when the user cancels editing a task.
-         */
-        this.cancel = new EventEmitter();
-        /**
-         * Fires when the user saves an edited task.
-         */
-        this.save = new EventEmitter();
-        /**
-         * Fires when the user adds a task.
-         */
-        this.taskAdd = new EventEmitter();
-        /**
-         * Fires when the user adds a dependency via dragging
-         * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-basic-concepts).
-         */
-        this.dependencyAdd = new EventEmitter();
-        /**
-         * Fires when the sorting of the Gantt is changed.
-         * You have to handle the event yourself and sort the data.
-         */
-        this.sortChange = new EventEmitter();
-        /**
-         * Fires when the Gantt filter is modified.
-         * You have to handle the event yourself and filter the data.
-         */
-        this.filterChange = new EventEmitter();
-        /**
-         * Fires when the filter or sort state of the Gantt is changed.
-         */
-        this.dataStateChange = new EventEmitter();
-        /**
-         * Fires when the collapsed state of the treelist pane is changed.
-         */
-        this.treeListPaneCollapsedChange = new EventEmitter();
-        /**
-         * Fires when the collapsed state of the timeline pane is changed.
-         */
-        this.timelinePaneCollapsedChange = new EventEmitter();
-        /**
-         * Fires each time the user resizes the timeline pane.
-         */
-        this.timelinePaneSizeChange = new EventEmitter();
-        /**
-         * Fires each time the user selects a different view type. The event data contains the type of the newly selected view.
-         */
-        this.activeViewChange = new EventEmitter();
-        /**
-         * Fires when the user completes the resizing of the column.
-         */
-        this.columnResize = new EventEmitter();
-        /**
-         * Fires when the user completes the reordering of the column.
-         */
-        this.columnReorder = new EventEmitter();
-        /**
-         * Fires when the user changes the visibility of the columns from the column menu or column chooser.
-         */
-        this.columnVisibilityChange = new EventEmitter();
-        /**
-         * @hidden
-         *
-         * Fires when the user changes the locked state of the columns from the column menu or by reordering the columns.
-         */
-        this.columnLockedChange = new EventEmitter();
-        /**
-         * Fires when a cell is clicked.
-         */
-        this.cellClick = new EventEmitter();
-        /**
-         * Fires when a task is clicked.
-         */
-        this.taskClick = new EventEmitter();
-        /**
-         * @hidden
-         *
-         * Specifies whether the dependency drag clues will be rendered.
-         * Set internally by the dependency-drag-create directive.
-         *
-         * @default false
-         */
-        this.renderDependencyDragClues = false;
-        /**
-         * @hidden
-         *
-         * Used by the GanttExpandableDirective.
-         */
-        this.expandStateChange = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.showEditingDialog = false;
-        /**
-         * @hidden
-         */
-        this.showConfirmationDialog = false;
-        /**
-         * @hidden
-         */
-        this.showLicenseWatermark = false;
-        this._columns = new QueryList();
-        this._data = [];
-        this._dragScrollSettings = { ...DEFAULT_DRAG_SCROLL_SETTINGS };
-        this._timelinePaneOptions = { ...DEFAULT_TIMELINE_PANE_SETTINGS };
-        this._treeListPaneOptions = { ...DEFAULT_TREELIST_PANE_SETTINGS };
-        this._rowClass = rowClassCallback;
-        this._taskClass = taskClassCallback;
-        this._activeView = DEFAULT_VIEW;
-        this._toolbarSettings = {
-            position: 'top',
-            addTaskTool: 'none',
-            viewSelectorTool: 'top'
-        };
-        this._fetchChildren = fetchChildren;
-        this._hasChildren = hasChildren;
-        this.rtl = false;
-        this.optionChangesSubscriptions = new Subscription();
-        this.editServiceSubscription = new Subscription();
-        const isValid = validatePackage(packageMetadata);
-        this.showLicenseWatermark = shouldShowValidationUI(isValid);
-        this.optionChangesSubscriptions.add(this.optionChangesService.viewChanges.subscribe(() => {
-            this.loadTimelineData();
-        }));
-        this.optionChangesSubscriptions.add(this.optionChangesService.dateFormatChanges.subscribe(() => {
-            this.loadTimelineData();
-        }));
-        this.optionChangesSubscriptions.add(this.optionChangesService.columnChanges.subscribe(() => {
-            this.treeList.columns.notifyOnChanges();
-        }));
-        this.editService.getSelectedItem = this.getFirstSelectedItem.bind(this);
-        this.editServiceSubscription.add(this.editService.showEditingDialog.subscribe(show => this.showEditingDialog = show));
-        this.editServiceSubscription.add(this.editService.taskDelete.subscribe(task => {
-            if (hasObservers(this.taskDelete)) {
-                this.zone.run(() => this.notifyTaskDelete(task));
-            }
-        }));
-        this.editServiceSubscription.add(this.editService.editEvent.subscribe(args => {
-            this[args.editResultType].emit({
-                taskFormGroup: args.taskFormGroup,
-                item: getEditItem(args.dataItem, this.treeList.view.data, this.mapper),
-                dependencies: args.dependencies,
-                sender: this
-            });
-            this.showConfirmationDialog = this.showEditingDialog = false;
-            this.editService.dataItem = this.editService.taskFormGroup = null;
-            this.updateView();
-            if (this.navigable) {
-                this.focus();
-            }
-        }));
-        this.editServiceSubscription.add(this.editService.addEvent.subscribe(args => {
-            const selectedItem = this.getFirstSelectedItem();
-            this.taskAdd.emit({
-                actionType: args.actionType,
-                selectedItem: selectedItem ? getEditItem(selectedItem, this.treeList.view.data, this.mapper) : null
-            });
-            this.updateView();
-        }));
-        this.localizationSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
-            this.rtl = rtl;
-            this.direction = this.rtl ? 'rtl' : 'ltr';
-            this.currentTimeMarkerService.rtl = rtl;
-        });
-    }
+    timelineViewService;
+    scrollSyncService;
+    renderer;
+    mapper;
+    optionChangesService;
+    dependencyDomService;
+    editService;
+    localizationService;
+    hostElement;
+    zone;
+    navigation;
+    currentTimeMarkerService;
+    treeList;
+    timeline;
+    /**
+     * @hidden
+     *
+     * Queries the template for a task content template declaration.
+     * In newer Angular versions the ngIf-ed value gets evaluated after the static query is resolved.
+     * Therefore the `static` property needs to be set to `false`.
+     */
+    taskContentTemplate;
+    /**
+     * @hidden
+     *
+     * Queries the template for a task template declaration.
+     * In newer Angular versions the ngIf-ed value gets evaluated after the static query is resolved.
+     * Therefore the `static` property needs to be set to `false`.
+     */
+    taskTemplate;
+    /**
+     * @hidden
+     *
+     * Queries the template for a task summary template declaration.
+     * In newer Angular versions the ngIf-ed value gets evaluated after the static query is resolved.
+     * Therefore the `static` property needs to be set to `false`.
+     */
+    summaryTaskTemplate;
+    toolbarTemplateChildren;
     get toolbarTemplate() {
         if (this._customToolbarTemplate) {
             return this._customToolbarTemplate;
@@ -5507,12 +5562,21 @@ class GanttComponent {
     set toolbarTemplate(customToolbarTemplate) {
         this._customToolbarTemplate = customToolbarTemplate;
     }
+    /**
+     * @hidden
+     */
+    roleDescription = 'Gantt Chart';
     get hostRoleDescriptionAttr() {
         return this.roleDescription;
     }
+    /**
+     * @hidden
+     */
+    role = 'application';
     get hostRoleAttr() {
         return this.role;
     }
+    hostClasses = true;
     get dir() {
         return this.direction;
     }
@@ -5543,6 +5607,10 @@ class GanttComponent {
     set dependencyModelFields(fields) {
         this.mapper.dependencyFields = fields;
     }
+    /**
+     * A query list of all declared views.
+     */
+    views;
     /**
      * The active timeline view.
      * @default 'week'
@@ -5584,6 +5652,38 @@ class GanttComponent {
     get data() {
         return this._data;
     }
+    /**
+     * Specifies a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection)).
+     *
+     * > The [`selectable`]({% slug api_gantt_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
+     */
+    isSelected = isSelected;
+    /**
+     * Specifies a callback that determines if a new dependency is valid.
+     * Used when evaluating if an attempt to create a new dependency will result in a valid link between the two tasks
+     * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-validation).
+     *
+     * By defalut, dependencies are deemed invalid when:
+     *  - The two tasks are in a parent-child relationship.
+     *  - The two tasks are already dependent on one another. Only one dependency is allowed per pair.
+     *  - The start or end times of the two tasks are incompatible with the attempted dependency type.
+     */
+    validateNewDependency = this.defaultValidateNewDependencyCallback.bind(this);
+    /**
+     * Fires when the Gantt selection is changed through user interaction.
+     *
+     * Holds data about the affected [`items`]({% slug api_gantt_selectionchangeevent %}#toc-items) and the attempted [`action`]({% slug api_gantt_selectionchangeevent %}#toc-action):
+     * - `select` - Triggered on `click` or `ctrl + click` on deselected items.
+     * - `remove` - Triggered on `ctrl + click` on selected items.
+     */
+    selectionChange = new EventEmitter();
+    /**
+     * Enables or disables the Gantt selection mechanism ([see example]({% slug selection_gantt %}#toc-custom-selection)).
+     *
+     * > When set to `true`, the [`isSelected`]({% slug api_gantt_ganttcomponent %}#toc-isselected) callback has to be provided.
+     * > When applied, the [`SelectableDirective`]({% slug api_gantt_selectabledirective %}) sets `selectable` to `true` internally.
+     */
+    selectable = false;
     /**
      * The toolbar configuration. Defines the position and content of the toolbar(s).
      * The available properties are `position`, `addTaskTool`, and `viewSelectorTool`.
@@ -5607,6 +5707,11 @@ class GanttComponent {
     get toolbarSettings() {
         return this._toolbarSettings;
     }
+    /**
+     * Allows setting the toolbar(s) `aria-label` attribute value as necessary to comply with accessibility requirements.
+     * Typically, toolbars need an `aria-label` when there is more than one toolbar in the application.
+     */
+    toolbarAriaLabel = 'Toolbar';
     /**
      * Gets or sets the callback function that retrieves the child items for a particular item.
      */
@@ -5620,13 +5725,61 @@ class GanttComponent {
     /**
      * Gets or sets the callback function that indicates if a particular item has child items.
      */
-    set hasChildren(fn) {
-        this._hasChildren = fn;
-        this.editService.hasChildren = fn;
-    }
-    get hasChildren() {
-        return this._hasChildren;
-    }
+    set hasChildren(fn) {
+        this._hasChildren = fn;
+        this.editService.hasChildren = fn;
+    }
+    get hasChildren() {
+        return this._hasChildren;
+    }
+    /**
+     * Defines the dependencies that will be drawn between the rendered tasks.
+     *
+     * > The dependency data items should either conform to the [`GanttDependency`]({% slug api_gantt_ganttdependency %}) interface, or a [`dependencyModelFields`]({% slug api_gantt_ganttcomponent %}#toc-dependencymodelfields) object has to be provided.
+     */
+    dependencies = [];
+    /**
+     * Enables the sorting of the Gantt columns that have their `field` option set.
+     */
+    sortable = false;
+    /**
+     * The descriptors by which the data will be sorted.
+     */
+    sort = [];
+    /**
+     * Enables the filtering of the Gantt columns that have their `field` option set.
+     *
+     * @default false
+     */
+    filterable = false;
+    /**
+     * The descriptor by which the data will be filtered.
+     */
+    filter;
+    /**
+     * The start time of the work day.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayStart = '08:00';
+    /**
+     * The end time of the work day.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayEnd = '17:00';
+    /**
+     * The start of the work week (index based).
+     */
+    workWeekStart = 1;
+    /**
+     * The end of the work week (index based).
+     */
+    workWeekEnd = 5;
+    /**
+     * If set to `true`, the user can use dedicated shortcuts to interact with the Gantt.
+     * By default, navigation is disabled for the TreeList and Timeline parts of the component,
+     * ([see example]({% slug keyboard_navigation_gantt %})).
+     */
+    navigable = false;
     /**
      * The options of the timeline splitter pane. By default the pane is `collapsible`,
      * `resizable`, not `collapsed`, and its `size` is `'50%'`.
@@ -5682,6 +5835,44 @@ class GanttComponent {
     get taskIdField() {
         return this.mapper.taskFields.id;
     }
+    /**
+     * Sets the callback function that indicates if a particular item is expanded.
+     * If no callback is set, all items will be expanded and no expand icons will be rendered.
+     */
+    isExpanded;
+    /**
+     * Indicates whether the Gantt columns will be resized during initialization so that they fit their headers and row content.
+     * Columns with autoSize set to false are excluded.
+     *
+     * @default false
+     */
+    columnsAutoSize = false;
+    /**
+     * Specifies the Gantt current time marker settings.
+     * The settings will be applied for all views.
+     * If the `currentTimeMarker` is set for a view then it takes precedence.
+     *
+     * @default true
+     */
+    currentTimeMarker = true;
+    /**
+     * Specifies if the column menu of the columns will be displayed.
+     *
+     * @default false
+     */
+    columnMenu = false;
+    /**
+     * If set to true, the user can reorder columns by dragging their header cells.
+     *
+     * @default false
+     */
+    columnsReorderable = false;
+    /**
+     * If set to true, the user can resize columns by dragging the edges (resize handles) of their header cells.
+     *
+     * @default false
+     */
+    columnsResizable = false;
     /**
      * Specifies the settings for auto-scrolling during dragging
      * when the pointer moves outside of the container bounderies
@@ -5693,6 +5884,110 @@ class GanttComponent {
     get dragScrollSettings() {
         return this._dragScrollSettings;
     }
+    /**
+     * Fires when an item is expanded.
+     */
+    rowExpand = new EventEmitter();
+    /**
+     * Fires when a Gantt task in the timeline pane is double-clicked. The data item, associated with the clicked task,
+     * is available in the event data. Use the event handler to open a task editing dialog as necessary.
+     */
+    taskDblClick = new EventEmitter();
+    /**
+     * Fires when the user double clicks a cell.
+     */
+    cellDblClick = new EventEmitter();
+    /**
+     * Fires when the user leaves an edited cell.
+     */
+    cellClose = new EventEmitter();
+    /**
+     * Fires when the end user clicks the `Delete` button in the task editing dialog,
+     * the task delete icon, or presses the `Delete` key on the keyboard when a task in the timeline is focused.
+     * Use the event handler to open a confirmation dialog when necessary.
+     */
+    taskDelete = new EventEmitter();
+    /**
+     * Fires when an item is collapsed.
+     */
+    rowCollapse = new EventEmitter();
+    /**
+     * Fires when the user confirms deleting a task.
+     */
+    remove = new EventEmitter();
+    /**
+     * Fires when the user cancels editing a task.
+     */
+    cancel = new EventEmitter();
+    /**
+     * Fires when the user saves an edited task.
+     */
+    save = new EventEmitter();
+    /**
+     * Fires when the user adds a task.
+     */
+    taskAdd = new EventEmitter();
+    /**
+     * Fires when the user adds a dependency via dragging
+     * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-basic-concepts).
+     */
+    dependencyAdd = new EventEmitter();
+    /**
+     * Fires when the sorting of the Gantt is changed.
+     * You have to handle the event yourself and sort the data.
+     */
+    sortChange = new EventEmitter();
+    /**
+     * Fires when the Gantt filter is modified.
+     * You have to handle the event yourself and filter the data.
+     */
+    filterChange = new EventEmitter();
+    /**
+     * Fires when the filter or sort state of the Gantt is changed.
+     */
+    dataStateChange = new EventEmitter();
+    /**
+     * Fires when the collapsed state of the treelist pane is changed.
+     */
+    treeListPaneCollapsedChange = new EventEmitter();
+    /**
+     * Fires when the collapsed state of the timeline pane is changed.
+     */
+    timelinePaneCollapsedChange = new EventEmitter();
+    /**
+     * Fires each time the user resizes the timeline pane.
+     */
+    timelinePaneSizeChange = new EventEmitter();
+    /**
+     * Fires each time the user selects a different view type. The event data contains the type of the newly selected view.
+     */
+    activeViewChange = new EventEmitter();
+    /**
+     * Fires when the user completes the resizing of the column.
+     */
+    columnResize = new EventEmitter();
+    /**
+     * Fires when the user completes the reordering of the column.
+     */
+    columnReorder = new EventEmitter();
+    /**
+     * Fires when the user changes the visibility of the columns from the column menu or column chooser.
+     */
+    columnVisibilityChange = new EventEmitter();
+    /**
+     * @hidden
+     *
+     * Fires when the user changes the locked state of the columns from the column menu or by reordering the columns.
+     */
+    columnLockedChange = new EventEmitter();
+    /**
+     * Fires when a cell is clicked.
+     */
+    cellClick = new EventEmitter();
+    /**
+     * Fires when a task is clicked.
+     */
+    taskClick = new EventEmitter();
     /**
      * @hidden
      */
@@ -5717,6 +6012,27 @@ class GanttComponent {
     get filterMenu() {
         return this.filterable ? 'menu' : false;
     }
+    /**
+     * @hidden
+     *
+     * Specifies whether the dependency drag clues will be rendered.
+     * Set internally by the dependency-drag-create directive.
+     *
+     * @default false
+     */
+    renderDependencyDragClues = false;
+    /**
+     * @hidden
+     */
+    timelineSlots;
+    /**
+     * @hidden
+     */
+    timelineGroupSlots;
+    /**
+     * @hidden
+     */
+    tableWidth;
     /**
      * @hidden
      */
@@ -5754,12 +6070,113 @@ class GanttComponent {
     get viewTypes() {
         return this.views.map(view => view.type);
     }
+    /**
+     * @hidden
+     *
+     * Used by the GanttExpandableDirective.
+     */
+    expandStateChange = new EventEmitter();
+    /**
+     * @hidden
+     */
+    showEditingDialog = false;
+    /**
+     * @hidden
+     */
+    showConfirmationDialog = false;
     /**
      * @hidden
      */
     get isInEditMode() {
         return this.showEditingDialog || this.showConfirmationDialog || this.treeList.isEditing();
     }
+    /**
+     * @hidden
+     */
+    showLicenseWatermark = false;
+    _columns = new QueryList();
+    _data = [];
+    _dragScrollSettings = { ...DEFAULT_DRAG_SCROLL_SETTINGS };
+    _timelinePaneOptions = { ...DEFAULT_TIMELINE_PANE_SETTINGS };
+    _treeListPaneOptions = { ...DEFAULT_TREELIST_PANE_SETTINGS };
+    _customToolbarTemplate;
+    _rowClass = rowClassCallback;
+    _taskClass = taskClassCallback;
+    _activeView = DEFAULT_VIEW;
+    _toolbarSettings = {
+        position: 'top',
+        addTaskTool: 'none',
+        viewSelectorTool: 'top'
+    };
+    _fetchChildren = fetchChildren;
+    _hasChildren = hasChildren;
+    lastTreeListCellClick;
+    direction;
+    rtl = false;
+    editItem;
+    optionChangesSubscriptions = new Subscription();
+    editServiceSubscription = new Subscription();
+    localizationSubscription;
+    keydownListenerDisposers;
+    constructor(timelineViewService, scrollSyncService, renderer, mapper, optionChangesService, dependencyDomService, editService, localizationService, hostElement, zone, navigation, currentTimeMarkerService) {
+        this.timelineViewService = timelineViewService;
+        this.scrollSyncService = scrollSyncService;
+        this.renderer = renderer;
+        this.mapper = mapper;
+        this.optionChangesService = optionChangesService;
+        this.dependencyDomService = dependencyDomService;
+        this.editService = editService;
+        this.localizationService = localizationService;
+        this.hostElement = hostElement;
+        this.zone = zone;
+        this.navigation = navigation;
+        this.currentTimeMarkerService = currentTimeMarkerService;
+        const isValid = validatePackage(packageMetadata);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid);
+        this.optionChangesSubscriptions.add(this.optionChangesService.viewChanges.subscribe(() => {
+            this.loadTimelineData();
+        }));
+        this.optionChangesSubscriptions.add(this.optionChangesService.dateFormatChanges.subscribe(() => {
+            this.loadTimelineData();
+        }));
+        this.optionChangesSubscriptions.add(this.optionChangesService.columnChanges.subscribe(() => {
+            this.treeList.columns.notifyOnChanges();
+        }));
+        this.editService.getSelectedItem = this.getFirstSelectedItem.bind(this);
+        this.editServiceSubscription.add(this.editService.showEditingDialog.subscribe(show => this.showEditingDialog = show));
+        this.editServiceSubscription.add(this.editService.taskDelete.subscribe(task => {
+            if (hasObservers(this.taskDelete)) {
+                this.zone.run(() => this.notifyTaskDelete(task));
+            }
+        }));
+        this.editServiceSubscription.add(this.editService.editEvent.subscribe(args => {
+            this[args.editResultType].emit({
+                taskFormGroup: args.taskFormGroup,
+                item: getEditItem(args.dataItem, this.treeList.view.data, this.mapper),
+                dependencies: args.dependencies,
+                sender: this
+            });
+            this.showConfirmationDialog = this.showEditingDialog = false;
+            this.editService.dataItem = this.editService.taskFormGroup = null;
+            this.updateView();
+            if (this.navigable) {
+                this.focus();
+            }
+        }));
+        this.editServiceSubscription.add(this.editService.addEvent.subscribe(args => {
+            const selectedItem = this.getFirstSelectedItem();
+            this.taskAdd.emit({
+                actionType: args.actionType,
+                selectedItem: selectedItem ? getEditItem(selectedItem, this.treeList.view.data, this.mapper) : null
+            });
+            this.updateView();
+        }));
+        this.localizationSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
+            this.rtl = rtl;
+            this.direction = this.rtl ? 'rtl' : 'ltr';
+            this.currentTimeMarkerService.rtl = rtl;
+        });
+    }
     ngOnChanges(changes) {
         if (anyChanged(['data', 'activeView', 'workWeekStart', 'workWeekEnd', 'workDayStart', 'workDayEnd'], changes)) {
             this.loadTimelineData();
@@ -6357,37 +6774,36 @@ class GanttComponent {
             }
         }
     }
-}
-GanttComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttComponent, deps: [{ token: TimelineViewService }, { token: ScrollSyncService }, { token: i0.Renderer2 }, { token: MappingService }, { token: OptionChangesService }, { token: DependencyDomService }, { token: EditService }, { token: i1$1.LocalizationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: NavigationService }, { token: CurrentTimeMarkerService }], target: i0.ɵɵFactoryTarget.Component });
-GanttComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttComponent, isStandalone: true, selector: "kendo-gantt", inputs: { roleDescription: ["aria-roledescription", "roleDescription"], role: "role", taskModelFields: "taskModelFields", dependencyModelFields: "dependencyModelFields", activeView: "activeView", data: "data", isSelected: "isSelected", validateNewDependency: "validateNewDependency", selectable: "selectable", toolbarSettings: "toolbarSettings", toolbarAriaLabel: "toolbarAriaLabel", fetchChildren: "fetchChildren", hasChildren: "hasChildren", dependencies: "dependencies", sortable: "sortable", sort: "sort", filterable: "filterable", filter: "filter", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", navigable: "navigable", timelinePaneOptions: "timelinePaneOptions", treeListPaneOptions: "treeListPaneOptions", taskClass: "taskClass", rowClass: "rowClass", isExpanded: "isExpanded", columnsAutoSize: "columnsAutoSize", currentTimeMarker: "currentTimeMarker", columnMenu: "columnMenu", columnsReorderable: "columnsReorderable", columnsResizable: "columnsResizable", dragScrollSettings: "dragScrollSettings" }, outputs: { selectionChange: "selectionChange", rowExpand: "rowExpand", taskDblClick: "taskDblClick", cellDblClick: "cellDblClick", cellClose: "cellClose", taskDelete: "taskDelete", rowCollapse: "rowCollapse", remove: "remove", cancel: "cancel", save: "save", taskAdd: "taskAdd", dependencyAdd: "dependencyAdd", sortChange: "sortChange", filterChange: "filterChange", dataStateChange: "dataStateChange", treeListPaneCollapsedChange: "treeListPaneCollapsedChange", timelinePaneCollapsedChange: "timelinePaneCollapsedChange", timelinePaneSizeChange: "timelinePaneSizeChange", activeViewChange: "activeViewChange", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", cellClick: "cellClick", taskClick: "taskClick" }, host: { properties: { "attr.aria-roledescription": "this.hostRoleDescriptionAttr", "attr.role": "this.hostRoleAttr", "class.k-gantt": "this.hostClasses", "attr.dir": "this.dir" } }, providers: [
-        GanttLocalizationService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.gantt'
-        },
-        {
-            provide: DataBoundTreeComponent,
-            useExisting: forwardRef(() => GanttComponent)
-        },
-        {
-            provide: ExpandableTreeComponent,
-            useExisting: forwardRef(() => GanttComponent)
-        },
-        TimelineViewService,
-        TimelineDayViewService,
-        TimelineWeekViewService,
-        TimelineMonthViewService,
-        TimeLineYearViewService,
-        ScrollSyncService,
-        DependencyDomService,
-        MappingService,
-        OptionChangesService,
-        EditService,
-        TimelineScrollService,
-        NavigationService,
-        CurrentTimeMarkerService
-    ], queries: [{ propertyName: "taskContentTemplate", first: true, predicate: GanttTaskContentTemplateDirective, descendants: true }, { propertyName: "taskTemplate", first: true, predicate: GanttTaskTemplateDirective, descendants: true }, { propertyName: "summaryTaskTemplate", first: true, predicate: GanttSummaryTaskTemplateDirective, descendants: true }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columns", predicate: GanttColumnBase }, { propertyName: "views", predicate: ViewBase }], viewQueries: [{ propertyName: "treeList", first: true, predicate: TreeListComponent, descendants: true, static: true }, { propertyName: "timeline", first: true, predicate: GanttTimelineComponent, descendants: true }], exportAs: ["kendoGantt"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttComponent, deps: [{ token: TimelineViewService }, { token: ScrollSyncService }, { token: i0.Renderer2 }, { token: MappingService }, { token: OptionChangesService }, { token: DependencyDomService }, { token: EditService }, { token: i1$1.LocalizationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: NavigationService }, { token: CurrentTimeMarkerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttComponent, isStandalone: true, selector: "kendo-gantt", inputs: { roleDescription: ["aria-roledescription", "roleDescription"], role: "role", taskModelFields: "taskModelFields", dependencyModelFields: "dependencyModelFields", activeView: "activeView", data: "data", isSelected: "isSelected", validateNewDependency: "validateNewDependency", selectable: "selectable", toolbarSettings: "toolbarSettings", toolbarAriaLabel: "toolbarAriaLabel", fetchChildren: "fetchChildren", hasChildren: "hasChildren", dependencies: "dependencies", sortable: "sortable", sort: "sort", filterable: "filterable", filter: "filter", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", navigable: "navigable", timelinePaneOptions: "timelinePaneOptions", treeListPaneOptions: "treeListPaneOptions", taskClass: "taskClass", rowClass: "rowClass", isExpanded: "isExpanded", columnsAutoSize: "columnsAutoSize", currentTimeMarker: "currentTimeMarker", columnMenu: "columnMenu", columnsReorderable: "columnsReorderable", columnsResizable: "columnsResizable", dragScrollSettings: "dragScrollSettings" }, outputs: { selectionChange: "selectionChange", rowExpand: "rowExpand", taskDblClick: "taskDblClick", cellDblClick: "cellDblClick", cellClose: "cellClose", taskDelete: "taskDelete", rowCollapse: "rowCollapse", remove: "remove", cancel: "cancel", save: "save", taskAdd: "taskAdd", dependencyAdd: "dependencyAdd", sortChange: "sortChange", filterChange: "filterChange", dataStateChange: "dataStateChange", treeListPaneCollapsedChange: "treeListPaneCollapsedChange", timelinePaneCollapsedChange: "timelinePaneCollapsedChange", timelinePaneSizeChange: "timelinePaneSizeChange", activeViewChange: "activeViewChange", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", cellClick: "cellClick", taskClick: "taskClick" }, host: { properties: { "attr.aria-roledescription": "this.hostRoleDescriptionAttr", "attr.role": "this.hostRoleAttr", "class.k-gantt": "this.hostClasses", "attr.dir": "this.dir" } }, providers: [
+            GanttLocalizationService,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.gantt'
+            },
+            {
+                provide: DataBoundTreeComponent,
+                useExisting: forwardRef(() => GanttComponent)
+            },
+            {
+                provide: ExpandableTreeComponent,
+                useExisting: forwardRef(() => GanttComponent)
+            },
+            TimelineViewService,
+            TimelineDayViewService,
+            TimelineWeekViewService,
+            TimelineMonthViewService,
+            TimeLineYearViewService,
+            ScrollSyncService,
+            DependencyDomService,
+            MappingService,
+            OptionChangesService,
+            EditService,
+            TimelineScrollService,
+            NavigationService,
+            CurrentTimeMarkerService
+        ], queries: [{ propertyName: "taskContentTemplate", first: true, predicate: GanttTaskContentTemplateDirective, descendants: true }, { propertyName: "taskTemplate", first: true, predicate: GanttTaskTemplateDirective, descendants: true }, { propertyName: "summaryTaskTemplate", first: true, predicate: GanttSummaryTaskTemplateDirective, descendants: true }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columns", predicate: GanttColumnBase }, { propertyName: "views", predicate: ViewBase }], viewQueries: [{ propertyName: "treeList", first: true, predicate: TreeListComponent, descendants: true, static: true }, { propertyName: "timeline", first: true, predicate: GanttTimelineComponent, descendants: true }], exportAs: ["kendoGantt"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoGanttLocalizedMessages
             i18n-taskEditingGeneralTabTitle="kendo.gantt.taskEditingGeneralTabTitle|The title of the 'General' tab of the editing dialog TabStrip"
             taskEditingGeneralTabTitle="General"
@@ -6759,8 +7175,9 @@ GanttComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
         </kendo-dialog>
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-   `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: ["showAddTask", "showViewSelector", "views", "activeView", "toolbarTemplate", "navigable", "position"], outputs: ["activeViewChange"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "separatorLabel", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: TreeListComponent, selector: "kendo-treelist", inputs: ["aria-label", "data", "pageSize", "height", "rowHeight", "skip", "scrollable", "sort", "trackBy", "filter", "virtualColumns", "filterable", "sortable", "pageable", "navigable", "navigatable", "autoSize", "rowClass", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "idField", "selectable", "isSelected", "rowReorderable", "columns", "fetchChildren", "hasChildren", "isExpanded"], outputs: ["selectionChange", "filterChange", "pageChange", "sortChange", "dataStateChange", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "scrollBottom", "contentScroll", "expand", "collapse", "expandStateChange", "rowReorder"], exportAs: ["kendoTreeList"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: CustomMessagesComponent$2, selector: "kendo-treelist-messages" }, { kind: "component", type: GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: ["rows", "slots", "groupSlots", "tableWidth", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "renderDependencyDragClues", "dragScrollSettings", "currentTimeMarker", "selectable", "isTaskSelected", "isExpanded", "dependencies"], outputs: ["timelineContainerPress", "timelineContainerDrag", "timelineContainerRelease"] }, { kind: "component", type: EditDialogComponent, selector: "kendo-gantt-edit-dialog", inputs: ["data"] }, { kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer, kendo-treelist-pager-spacer", inputs: ["width"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttComponent, decorators: [{
+   `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: ["showAddTask", "showViewSelector", "views", "activeView", "toolbarTemplate", "navigable", "position"], outputs: ["activeViewChange"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: TreeListComponent, selector: "kendo-treelist", inputs: ["aria-label", "data", "pageSize", "height", "rowHeight", "skip", "scrollable", "sort", "trackBy", "filter", "virtualColumns", "filterable", "sortable", "pageable", "navigable", "navigatable", "autoSize", "rowClass", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "idField", "selectable", "isSelected", "rowReorderable", "columns", "fetchChildren", "hasChildren", "isExpanded"], outputs: ["selectionChange", "filterChange", "pageChange", "sortChange", "dataStateChange", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "scrollBottom", "contentScroll", "expand", "collapse", "expandStateChange", "rowReorder"], exportAs: ["kendoTreeList"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: CustomMessagesComponent$2, selector: "kendo-treelist-messages" }, { kind: "component", type: GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: ["rows", "slots", "groupSlots", "tableWidth", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "renderDependencyDragClues", "dragScrollSettings", "currentTimeMarker", "selectable", "isTaskSelected", "isExpanded", "dependencies"], outputs: ["timelineContainerPress", "timelineContainerDrag", "timelineContainerRelease"] }, { kind: "component", type: EditDialogComponent, selector: "kendo-gantt-edit-dialog", inputs: ["data"] }, { kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer", inputs: ["width"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt',
@@ -7335,16 +7752,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * The directive encapsulates the in-memory handling of data operations such as sorting and filtering.
  */
 class GanttFlatBindingDirective extends FlatBindingDirective {
+    /**
+     * The array of data which will be used to populate the Gantt.
+     */
+    data;
     /**
      * @hidden
      */
     set aggregate(value) {
         super.aggregate = value;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttFlatBindingDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GanttFlatBindingDirective, isStandalone: true, selector: "[kendoGanttFlatBinding]", inputs: { data: ["kendoGanttFlatBinding", "data"] }, exportAs: ["kendoGanttFlatBinding"], usesInheritance: true, ngImport: i0 });
 }
-GanttFlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttFlatBindingDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-GanttFlatBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GanttFlatBindingDirective, isStandalone: true, selector: "[kendoGanttFlatBinding]", inputs: { data: ["kendoGanttFlatBinding", "data"] }, exportAs: ["kendoGanttFlatBinding"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttFlatBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttFlatBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttFlatBinding]',
@@ -7361,16 +7782,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * which encapsulates the in-memory handling of data operations such as sorting and filtering.
  */
 class GanttHierarchyBindingDirective extends HierarchyBindingDirective {
+    /**
+     * The array of data which will be used to populate the Gantt.
+     */
+    data;
     /**
      * @hidden
      */
     set aggregate(value) {
         super.aggregate = value;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttHierarchyBindingDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GanttHierarchyBindingDirective, isStandalone: true, selector: "[kendoGanttHierarchyBinding]", inputs: { data: ["kendoGanttHierarchyBinding", "data"] }, exportAs: ["kendoGanttHierarchyBinding"], usesInheritance: true, ngImport: i0 });
 }
-GanttHierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttHierarchyBindingDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-GanttHierarchyBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GanttHierarchyBindingDirective, isStandalone: true, selector: "[kendoGanttHierarchyBinding]", inputs: { data: ["kendoGanttHierarchyBinding", "data"] }, exportAs: ["kendoGanttHierarchyBinding"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttHierarchyBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttHierarchyBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttHierarchyBinding]',
@@ -7395,10 +7820,10 @@ class GanttExpandableDirective extends ExpandableDirective {
     set expandBy(value) {
         super.expandBy = value;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttExpandableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GanttExpandableDirective, isStandalone: true, selector: "[kendoGanttExpandable]", inputs: { expandBy: "expandBy" }, exportAs: ["kendoGanttExpandable"], usesInheritance: true, ngImport: i0 });
 }
-GanttExpandableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttExpandableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-GanttExpandableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GanttExpandableDirective, isStandalone: true, selector: "[kendoGanttExpandable]", inputs: { expandBy: "expandBy" }, exportAs: ["kendoGanttExpandable"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttExpandableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttExpandableDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'kendoGanttExpandable',
@@ -7413,17 +7838,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class DragValidationTooltipComponent {
-    constructor() {
-        /**
-         * Sets the status class of the attempted operation.
-         * Note that the status will be ignored and the `neutral` status class will be rendered,
-         * if the any of the fromTaskName or toTaskName are not populated.
-         */
-        this.isValid = false;
-    }
-}
-DragValidationTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragValidationTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DragValidationTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DragValidationTooltipComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    /**
+     * Sets the status class of the attempted operation.
+     * Note that the status will be ignored and the `neutral` status class will be rendered,
+     * if the any of the fromTaskName or toTaskName are not populated.
+     */
+    isValid = false;
+    /**
+     * The name of the task where the dragging has started.
+     */
+    fromTaskName;
+    /**
+     * The name of the task which is being currently hovered.
+     */
+    toTaskName;
+    /**
+     * Specifies whether the valid/invalid validity classes should be rendered or not.
+     * Prevents the validity classes being rendered when e.g. the same task is hovered during drag,
+     * or when a task body is hovered and not an actual drag clue.
+     */
+    showValidityStatus;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragValidationTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DragValidationTooltipComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
         <div
             class="k-tooltip k-gantt-tooltip-validation"
             [class.k-gantt-tooltip-valid]="showValidityStatus && isValid"
@@ -7439,7 +7875,8 @@ DragValidationTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
             </div>
         </div>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragValidationTooltipComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragValidationTooltipComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -7486,21 +7923,18 @@ const DEFAULT_POPUP_VERTICAL_MARGIN = 20;
  * A directive which enables the creation of new dependencies via dragging.
  */
 class DependencyDragCreateDirective {
-    constructor(gantt, zone, renderer, mapper, popupService, timelineScrollService) {
-        this.gantt = gantt;
-        this.zone = zone;
-        this.renderer = renderer;
-        this.mapper = mapper;
-        this.popupService = popupService;
-        this.timelineScrollService = timelineScrollService;
-        /**
-         * Specifies whether the validation tooltip will be displayed during drag operations.
-         *
-         * @default true
-         */
-        this.displayValidationTooltip = true;
-        this.gantt.renderDependencyDragClues = true;
-    }
+    gantt;
+    zone;
+    renderer;
+    mapper;
+    popupService;
+    timelineScrollService;
+    /**
+     * Specifies whether the validation tooltip will be displayed during drag operations.
+     *
+     * @default true
+     */
+    displayValidationTooltip = true;
     get container() {
         if (!isPresent(this.gantt.timeline) || !isPresent(this.gantt.timeline.timelineContent)) {
             return null;
@@ -7519,6 +7953,32 @@ class DependencyDragCreateDirective {
         }
         return this.gantt.timeline.dragPopupContainer;
     }
+    /**
+     * Points to the drag clue where the dragging started (the FROM task).
+     * Used to attach/detach classes to the target element and its task wrapper parent element.
+     */
+    fromTaskClue;
+    /**
+     * The drag start element coords will be the same through the enitre dragging session, so compute them on press and cache them.
+     */
+    polylineStartCoords;
+    /**
+     * Stored during dragging to be consumed by the container scroll subscription.
+     * The scroll event doesn't expose the current pointer position, so it has to be stored separately.
+     */
+    currentPointerClientCoords;
+    scrollListenerDisposer;
+    dragPopup;
+    dragSubscriptions;
+    constructor(gantt, zone, renderer, mapper, popupService, timelineScrollService) {
+        this.gantt = gantt;
+        this.zone = zone;
+        this.renderer = renderer;
+        this.mapper = mapper;
+        this.popupService = popupService;
+        this.timelineScrollService = timelineScrollService;
+        this.gantt.renderDependencyDragClues = true;
+    }
     ngAfterViewInit() {
         this.subscribeDraggable();
         this.addScrollListener();
@@ -7754,10 +8214,10 @@ class DependencyDragCreateDirective {
             top: fitToRange(top, minLeftTop, this.container.scrollHeight - popupHeight)
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DependencyDragCreateDirective, deps: [{ token: GanttComponent }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: MappingService }, { token: i3.PopupService }, { token: TimelineScrollService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DependencyDragCreateDirective, isStandalone: true, selector: "[kendoGanttDependencyDragCreate]", inputs: { displayValidationTooltip: "displayValidationTooltip" }, ngImport: i0 });
 }
-DependencyDragCreateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DependencyDragCreateDirective, deps: [{ token: GanttComponent }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: MappingService }, { token: i3.PopupService }, { token: TimelineScrollService }], target: i0.ɵɵFactoryTarget.Directive });
-DependencyDragCreateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DependencyDragCreateDirective, isStandalone: true, selector: "[kendoGanttDependencyDragCreate]", inputs: { displayValidationTooltip: "displayValidationTooltip" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DependencyDragCreateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DependencyDragCreateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttDependencyDragCreate]',
@@ -7771,22 +8231,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * The Gantt timeline day view component.
  */
 class TimelineDayViewComponent extends ViewBase {
+    /**
+     * The type for this view (`day`).
+     */
+    type = 'day';
     constructor(optionChangesService, dependencyDomService) {
         super(optionChangesService, dependencyDomService);
-        /**
-         * The type for this view (`day`).
-         */
-        this.type = 'day';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineDayViewComponent, deps: [{ token: OptionChangesService }, { token: DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimelineDayViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-day-view", providers: [
+            {
+                provide: ViewBase,
+                useExisting: forwardRef(() => TimelineDayViewComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-TimelineDayViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineDayViewComponent, deps: [{ token: OptionChangesService }, { token: DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineDayViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-day-view", providers: [
-        {
-            provide: ViewBase,
-            useExisting: forwardRef(() => TimelineDayViewComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineDayViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineDayViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-timeline-day-view',
@@ -7805,22 +8265,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * The Gantt timeline week view component.
  */
 class TimelineWeekViewComponent extends ViewBase {
+    /**
+     * The type for this view (`week`).
+     */
+    type = 'week';
     constructor(optionChangesService, dependencyDomService) {
         super(optionChangesService, dependencyDomService);
-        /**
-         * The type for this view (`week`).
-         */
-        this.type = 'week';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: OptionChangesService }, { token: DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimelineWeekViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-week-view", providers: [
+            {
+                provide: ViewBase,
+                useExisting: forwardRef(() => TimelineWeekViewComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-TimelineWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: OptionChangesService }, { token: DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineWeekViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-week-view", providers: [
-        {
-            provide: ViewBase,
-            useExisting: forwardRef(() => TimelineWeekViewComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineWeekViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineWeekViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-timeline-week-view',
@@ -7839,22 +8299,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * The Gantt timeline month view component.
  */
 class TimelineMonthViewComponent extends ViewBase {
+    /**
+     * The type for this view (`month`).
+     */
+    type = 'month';
     constructor(optionChangesService, dependencyDomService) {
         super(optionChangesService, dependencyDomService);
-        /**
-         * The type for this view (`month`).
-         */
-        this.type = 'month';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: OptionChangesService }, { token: DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimelineMonthViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-month-view", providers: [
+            {
+                provide: ViewBase,
+                useExisting: forwardRef(() => TimelineMonthViewComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-TimelineMonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: OptionChangesService }, { token: DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineMonthViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-month-view", providers: [
-        {
-            provide: ViewBase,
-            useExisting: forwardRef(() => TimelineMonthViewComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMonthViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMonthViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-timeline-month-view',
@@ -7873,22 +8333,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * The Gantt timeline year view component.
  */
 class TimelineYearViewComponent extends ViewBase {
+    /**
+     * The type for this view (`year`).
+     */
+    type = 'year';
     constructor(optionChangesService, dependencyDomService) {
         super(optionChangesService, dependencyDomService);
-        /**
-         * The type for this view (`year`).
-         */
-        this.type = 'year';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineYearViewComponent, deps: [{ token: OptionChangesService }, { token: DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimelineYearViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-year-view", providers: [
+            {
+                provide: ViewBase,
+                useExisting: forwardRef(() => TimelineYearViewComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-TimelineYearViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineYearViewComponent, deps: [{ token: OptionChangesService }, { token: DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineYearViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineYearViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-year-view", providers: [
-        {
-            provide: ViewBase,
-            useExisting: forwardRef(() => TimelineYearViewComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineYearViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineYearViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-timeline-year-view',
@@ -7908,17 +8368,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ([see example]({% slug selection_gantt %}#toc-built-in-directive))
  */
 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
      */
@@ -7946,6 +8396,10 @@ 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.
@@ -7961,6 +8415,16 @@ 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();
     }
@@ -7988,10 +8452,10 @@ class SelectableDirective {
             this.selectionSubscription = null;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectableDirective, deps: [{ token: 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: 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',
@@ -8013,6 +8477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ([see example](slug:globalization_treelist#toc-custom-messages)).
  */
 class CustomMessagesComponent extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -8020,15 +8485,15 @@ class CustomMessagesComponent extends Messages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-gantt-messages", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => CustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-gantt-messages", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => CustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -8109,38 +8574,38 @@ const KENDO_GANTT = [
  * ```
  */
 class GanttModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GanttModule, imports: [GanttComponent, GanttFlatBindingDirective, GanttHierarchyBindingDirective, GanttTaskContentTemplateDirective, GanttTaskTemplateDirective, GanttSummaryTaskTemplateDirective, ToolbarTemplateDirective, ViewSelectorComponent, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, FilterCellTemplateDirective, FilterMenuTemplateDirective, CellTemplateDirective, EditTemplateDirective, ColumnMenuTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, GanttExpandableDirective, DependencyDragCreateDirective, TimelineDayViewComponent, TimelineWeekViewComponent, TimelineMonthViewComponent, TimelineYearViewComponent, SelectableDirective, CustomMessagesComponent, GanttAddTaskComponent], exports: [GanttComponent, GanttFlatBindingDirective, GanttHierarchyBindingDirective, GanttTaskContentTemplateDirective, GanttTaskTemplateDirective, GanttSummaryTaskTemplateDirective, ToolbarTemplateDirective, ViewSelectorComponent, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, FilterCellTemplateDirective, FilterMenuTemplateDirective, CellTemplateDirective, EditTemplateDirective, ColumnMenuTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, GanttExpandableDirective, DependencyDragCreateDirective, TimelineDayViewComponent, TimelineWeekViewComponent, TimelineMonthViewComponent, TimelineYearViewComponent, SelectableDirective, CustomMessagesComponent, GanttAddTaskComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttModule, providers: [{
+                provide: L10N_PREFIX,
+                useValue: 'kendo.gantt'
+            },
+            // InputsModule providers
+            IconsService,
+            PopupService,
+            ResizeBatchService,
+            DialogContainerService,
+            DialogService,
+            WindowService,
+            WindowContainerService,
+            // DateInputsModule providers
+            CalendarDOMService,
+            CenturyViewService,
+            DecadeViewService,
+            MonthViewService,
+            YearViewService,
+            NavigationService$1,
+            TimePickerDOMService,
+            HoursService,
+            MinutesService,
+            SecondsService,
+            MillisecondsService,
+            DayPeriodService,
+            // TreeListModule providers
+            ColumnResizingService
+        ], imports: [GanttComponent, ViewSelectorComponent, GanttAddTaskComponent] });
 }
-GanttModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-GanttModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: GanttModule, imports: [GanttComponent, GanttFlatBindingDirective, GanttHierarchyBindingDirective, GanttTaskContentTemplateDirective, GanttTaskTemplateDirective, GanttSummaryTaskTemplateDirective, ToolbarTemplateDirective, ViewSelectorComponent, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, FilterCellTemplateDirective, FilterMenuTemplateDirective, CellTemplateDirective, EditTemplateDirective, ColumnMenuTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, GanttExpandableDirective, DependencyDragCreateDirective, TimelineDayViewComponent, TimelineWeekViewComponent, TimelineMonthViewComponent, TimelineYearViewComponent, SelectableDirective, CustomMessagesComponent, GanttAddTaskComponent], exports: [GanttComponent, GanttFlatBindingDirective, GanttHierarchyBindingDirective, GanttTaskContentTemplateDirective, GanttTaskTemplateDirective, GanttSummaryTaskTemplateDirective, ToolbarTemplateDirective, ViewSelectorComponent, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, FilterCellTemplateDirective, FilterMenuTemplateDirective, CellTemplateDirective, EditTemplateDirective, ColumnMenuTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, GanttExpandableDirective, DependencyDragCreateDirective, TimelineDayViewComponent, TimelineWeekViewComponent, TimelineMonthViewComponent, TimelineYearViewComponent, SelectableDirective, CustomMessagesComponent, GanttAddTaskComponent] });
-GanttModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttModule, providers: [{
-            provide: L10N_PREFIX,
-            useValue: 'kendo.gantt'
-        },
-        // InputsModule providers
-        IconsService,
-        PopupService,
-        ResizeBatchService,
-        DialogContainerService,
-        DialogService,
-        WindowService,
-        WindowContainerService,
-        // DateInputsModule providers
-        CalendarDOMService,
-        CenturyViewService,
-        DecadeViewService,
-        MonthViewService,
-        YearViewService,
-        NavigationService$1,
-        TimePickerDOMService,
-        HoursService,
-        MinutesService,
-        SecondsService,
-        MillisecondsService,
-        DayPeriodService,
-        // TreeListModule providers
-        ColumnResizingService
-    ], imports: [GanttComponent, ViewSelectorComponent, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, TimelineDayViewComponent, TimelineWeekViewComponent, TimelineMonthViewComponent, TimelineYearViewComponent, CustomMessagesComponent, GanttAddTaskComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_GANTT],