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

package/{esm2020 → esm2022}/columns/column.component.mjs

@@ -17,56 +17,51 @@ import * as i0 from "@angular/core";
 import * as i1 from "../common/option-changes.service";
 import * as i2 from "./column-base.component";
 export 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: i1.OptionChangesService }, { token: i2.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: i1.OptionChangesService }, { token: i2.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',
@@ -106,8 +101,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: [{
@@ -116,25 +109,4 @@ 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
             }] } });

package/{esm2020 → esm2022}/columns/edit-template.directive.mjs

@@ -19,13 +19,14 @@ import * as i0 from "@angular/core";
  * - `rowIndex`—The current row index. If inside a new item row, `rowIndex` is `-1`.
  */
 export 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]',

package/{esm2020 → esm2022}/columns/filter-cell-template.directive.mjs

@@ -14,13 +14,14 @@ import * as i0 from "@angular/core";
  * - `cellContext`—An object used to pass context information to built-in directives.
  */
 export 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]',

package/{esm2020 → esm2022}/columns/filter-menu-template.directive.mjs

@@ -13,13 +13,14 @@ import * as i0 from "@angular/core";
  * - `cellContext`—An object used to pass context information to built-in directives.
  */
 export 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]',

package/{esm2020 → esm2022}/columns/footer-template.directive.mjs

@@ -17,13 +17,14 @@ import * as i0 from "@angular/core";
  * * `field`—The name of the column field, if set.
  */
 export 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]',

package/{esm2020 → esm2022}/columns/header-template.directive.mjs

@@ -15,13 +15,14 @@ import * as i0 from "@angular/core";
  * * `columnIndex`—Defines the current column index.
  */
 export 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]',

package/esm2022/columns/span-column.component.mjs

@@ -0,0 +1,66 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChildren, forwardRef, Host, Optional, QueryList, SkipSelf } from '@angular/core';
+import { SpanColumnComponent } from '@progress/kendo-angular-treelist';
+import { OptionChangesService } from '../common/option-changes.service';
+import { CellTemplateDirective } from './cell-template.directive';
+import { GanttColumnBase } from './column-base.component';
+import { GanttColumnComponent } from './column.component';
+import { EditTemplateDirective } from './edit-template.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/option-changes.service";
+import * as i2 from "./column-base.component";
+export class GanttSpanColumnComponent extends SpanColumnComponent {
+    options;
+    /**
+     * @hidden
+     */
+    childColumns = new QueryList();
+    template = new QueryList();
+    editTemplate = new QueryList();
+    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: GanttSpanColumnComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttSpanColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-span-column',
+                    template: '',
+                    providers: [
+                        {
+                            provide: GanttColumnBase,
+                            useExisting: forwardRef(() => GanttSpanColumnComponent)
+                        }
+                    ],
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.OptionChangesService }, { type: i2.GanttColumnBase, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Host
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { childColumns: [{
+                type: ContentChildren,
+                args: [GanttColumnComponent]
+            }], template: [{
+                type: ContentChildren,
+                args: [CellTemplateDirective, { descendants: false }]
+            }], editTemplate: [{
+                type: ContentChildren,
+                args: [EditTemplateDirective, { descendants: false }]
+            }] } });

package/{esm2020 → esm2022}/common/mapping.service.mjs

@@ -12,10 +12,6 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export 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.
@@ -36,6 +32,8 @@ export 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').
@@ -56,9 +54,9 @@ export 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
         }] });

package/{esm2020 → esm2022}/common/option-changes.service.mjs

@@ -8,11 +8,9 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export 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();
     }
@@ -22,9 +20,9 @@ export 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
         }] });

package/{esm2020 → esm2022}/dependencies/dependency-dom.service.mjs

@@ -11,15 +11,7 @@ import * as i1 from "../common/mapping.service";
  * @hidden
  */
 export 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.
@@ -34,6 +26,23 @@ export 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;
@@ -63,9 +72,9 @@ export 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: i1.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: i1.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: i1.MappingService }]; } });

package/{esm2020 → esm2022}/dependencies/gantt-dependency.directive.mjs

@@ -25,13 +25,19 @@ const MIN_DISTANCE_BEFORE_TURN = 10;
  * @hidden
  */
 export 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,
@@ -71,10 +77,10 @@ export 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: i1.MappingService }, { token: i2.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: i1.MappingService }, { token: i2.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]',

package/{esm2020 → esm2022}/dragging/dependency-drag-create.directive.mjs

@@ -41,21 +41,18 @@ const DEFAULT_POPUP_VERTICAL_MARGIN = 20;
  * A directive which enables the creation of new dependencies via dragging.
  */
 export 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;
@@ -74,6 +71,32 @@ export 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();
@@ -309,10 +332,10 @@ export 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: i1.GanttComponent }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i2.MappingService }, { token: i3.PopupService }, { token: i4.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: i1.GanttComponent }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i2.MappingService }, { token: i3.PopupService }, { token: i4.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]',

package/{esm2020 → esm2022}/dragging/drag-validation-tooltip.component.mjs

@@ -8,17 +8,28 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export 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"
@@ -34,7 +45,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: `