@progress/kendo-angular-gantt 2.0.0-next.202204121507 → 2.0.0-next.202204131102

package/columns/column-base.d.ts

@@ -14,7 +14,8 @@ export declare class GanttColumnBase extends ColumnBase {
      * @default false
      * @hidden
      */
-    locked: boolean;
+    set locked(value: boolean);
+    get locked(): boolean;
     /**
      * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
      * @hidden
@@ -81,5 +82,5 @@ export declare class GanttColumnBase extends ColumnBase {
         [key: string]: any;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttColumnBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GanttColumnBase, "kendo-gantt-column-base", never, { "locked": "locked"; "lockable": "lockable"; "hidden": "hidden"; "media": "media"; "style": "style"; "headerStyle": "headerStyle"; "footerStyle": "footerStyle"; "cssClass": "class"; "headerClass": "headerClass"; "footerClass": "footerClass"; }, {}, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GanttColumnBase, "kendo-gantt-column-base", never, { "locked": "locked"; "lockable": "lockable"; "hidden": "hidden"; "media": "media"; "style": "style"; "headerStyle": "headerStyle"; "footerStyle": "footerStyle"; "cssClass": "class"; "headerClass": "headerClass"; "footerClass": "footerClass"; }, {}, never, never>;
 }

package/columns/column-group.component.d.ts

@@ -25,7 +25,8 @@ export declare class GanttColumnGroupComponent extends ColumnGroupComponent {
      * @default false
      * @hidden
      */
-    locked: boolean;
+    set locked(value: boolean);
+    get locked(): boolean;
     /**
      * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
      * @hidden

package/columns/column.component.d.ts

@@ -57,7 +57,8 @@ export declare class GanttColumnComponent extends ColumnComponent {
      * @hidden
      * @default false
      */
-    locked: boolean;
+    set locked(value: boolean);
+    get locked(): boolean;
     /**
      * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
      * @hidden

package/columns/span-column.component.d.ts

@@ -31,7 +31,8 @@ export declare class GanttSpanColumnComponent extends SpanColumnComponent {
      * @default false
      * @hidden
      */
-    locked: boolean;
+    set locked(value: boolean);
+    get locked(): boolean;
     /**
      * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
      * @hidden
@@ -44,7 +45,8 @@ export declare class GanttSpanColumnComponent extends SpanColumnComponent {
      *
      * > To enable the editing functionality for a spanned column, set an edit template for it.
      */
-    editable: boolean;
+    set editable(value: boolean);
+    get editable(): boolean;
     /**
      * Sets the visibility of the column.
      *

package/esm2015/binding-directives/flat-binding.directive.js

@@ -12,12 +12,17 @@ import * as i0 from "@angular/core";
  * The directive encapsulates the in-memory handling of data operations such as sorting and filtering.
  */
 export class GanttFlatBindingDirective extends FlatBindingDirective {
-    constructor() {
-        super(...arguments);
-        /**
-         * The array of data which will be used to populate the Gantt.
-         */
-        this.data = [];
+    /**
+     * The array of data which will be used to populate the Gantt.
+     */
+    set data(value) {
+        super.data = value;
+    }
+    /**
+     * @hidden
+     */
+    set aggregate(value) {
+        super.aggregate = value;
     }
 }
 GanttFlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttFlatBindingDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });

package/esm2015/binding-directives/hierarchy-binding.directive.js

@@ -10,12 +10,17 @@ import * as i0 from "@angular/core";
  * which encapsulates the in-memory handling of data operations such as sorting and filtering.
  */
 export class GanttHierarchyBindingDirective extends HierarchyBindingDirective {
-    constructor() {
-        super(...arguments);
-        /**
-         * The array of data which will be used to populate the Gantt.
-         */
-        this.data = [];
+    /**
+     * The array of data which will be used to populate the Gantt.
+     */
+    set data(value) {
+        super.data = value;
+    }
+    /**
+     * @hidden
+     */
+    set aggregate(value) {
+        super.aggregate = value;
     }
 }
 GanttHierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttHierarchyBindingDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });

package/esm2015/columns/column-base.js

@@ -2,29 +2,32 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, Input } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { ColumnBase } from '@progress/kendo-angular-treelist';
 import * as i0 from "@angular/core";
 /**
  * The base class for the column components of the Gantt.
  */
 export class GanttColumnBase extends ColumnBase {
-    constructor() {
-        super(...arguments);
-        /**
-         * Toggles the locked (frozen) state of the columns.
-         *
-         * @default false
-         * @hidden
-         */
-        this.locked = false;
+    /**
+     * Toggles the locked (frozen) state of the columns.
+     *
+     * @default false
+     * @hidden
+     */
+    set locked(value) {
+        super.locked = value;
+    }
+    get locked() {
+        return super.locked;
     }
 }
-GanttColumnBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttColumnBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-GanttColumnBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", 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 });
+GanttColumnBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttColumnBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GanttColumnBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: GanttColumnBase, decorators: [{
-            type: Directive,
+            type: Component,
             args: [{
+                    template: '',
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'kendo-gantt-column-base'
                 }]

package/esm2015/columns/column-group.component.js

@@ -17,13 +17,6 @@ export class GanttColumnGroupComponent extends ColumnGroupComponent {
          * @hidden
          */
         this.children = new QueryList();
-        /**
-         * Toggles the locked (frozen) state of the columns.
-         *
-         * @default false
-         * @hidden
-         */
-        this.locked = false;
         /**
          * Allows the column headers to be clicked and the `sortChange` event emitted.
          * You have to handle the `sortChange` event yourself and sort the data.
@@ -33,6 +26,18 @@ export class GanttColumnGroupComponent extends ColumnGroupComponent {
             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();
     }

package/esm2015/columns/column.component.js

@@ -42,12 +42,17 @@ export class GanttColumnComponent extends ColumnComponent {
          * Defines whether the column is editable. The default value is `true`.
          */
         this.editable = true;
-        /**
-         * Toggles the locked (frozen) state of the columns.
-         * @hidden
-         * @default false
-         */
-        this.locked = false;
+    }
+    /**
+     * Toggles the locked (frozen) state of the columns.
+     * @hidden
+     * @default false
+     */
+    set locked(value) {
+        super.locked = value;
+    }
+    get locked() {
+        return super.locked;
     }
     ngOnChanges() {
         this.options.notifyColumnChanges();

package/esm2015/columns/span-column.component.js

@@ -22,6 +22,38 @@ export class GanttSpanColumnComponent extends SpanColumnComponent {
         this.template = new QueryList();
         this.editTemplate = new QueryList();
     }
+    /**
+     * 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;
+    }
+    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();
     }

package/esm2015/expanded-state/expandable.directive.js

@@ -9,6 +9,15 @@ import * as i0 from "@angular/core";
  * A directive which controls the expanded state of the items.
  */
 export class GanttExpandableDirective extends ExpandableDirective {
+    /**
+     * Defines the item key that will be stored in the expandedKeys collection.
+     * Defaults to the task data item ID field,
+     * which is specified in the [`taskModelFields`]({% slug api_gantt_ganttcomponent %}#toc-taskmodelfields) object.
+     *
+     */
+    set expandBy(value) {
+        super.expandBy = value;
+    }
 }
 GanttExpandableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttExpandableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
 GanttExpandableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: GanttExpandableDirective, selector: "[kendoGanttExpandable]", inputs: { expandBy: "expandBy" }, exportAs: ["kendoGanttExpandable"], usesInheritance: true, ngImport: i0 });

package/esm2015/gantt.component.js

@@ -1671,7 +1671,7 @@ GanttComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
                 <button kendoButton (click)="handleConfirmationDialogClose()">{{ getText('cancelButtonText') }}</button>
             </kendo-dialog-actions>
         </kendo-dialog>
-   `, isInline: true, components: [{ type: i9.ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: ["showAddTask", "showViewSelector", "views", "activeView", "toolbarTemplate", "position"], outputs: ["activeViewChange"] }, { type: i10.SplitterComponent, selector: "kendo-splitter", inputs: ["orientation"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { type: i10.SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { type: i11.TreeListComponent, selector: "kendo-treelist", inputs: ["pageSize", "scrollable", "trackBy", "virtualColumns", "filterable", "sortable", "pageable", "navigable", "autoSize", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "skip", "data", "sort", "navigatable", "rowClass", "idField", "selectable", "isSelected", "columns", "fetchChildren", "hasChildren", "isExpanded", "aria-label", "height", "rowHeight", "filter"], outputs: ["selectionChange", "filterChange", "pageChange", "sortChange", "dataStateChange", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "scrollBottom", "contentScroll", "expand", "collapse", "expandStateChange"], exportAs: ["kendoTreeList"] }, { type: i11.CustomMessagesComponent, selector: "kendo-treelist-messages" }, { type: i12.GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: ["rows", "slots", "groupSlots", "tableWidth", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "renderDependencyDragClues", "dragScrollSettings", "selectable", "isTaskSelected", "isExpanded", "dependencies"], outputs: ["timelineContainerPress", "timelineContainerDrag", "timelineContainerRelease"] }, { type: i13.EditDialogComponent, selector: "kendo-gantt-edit-dialog", inputs: ["data"] }, { type: i14.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { type: i14.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i11.TreeListSpacerComponent, selector: "kendo-treelist-spacer, kendo-treelist-pager-spacer", inputs: ["width"] }], directives: [{ type: i15.LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { type: i16.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i17.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i18.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+   `, isInline: true, components: [{ type: i9.ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: ["showAddTask", "showViewSelector", "views", "activeView", "toolbarTemplate", "position"], outputs: ["activeViewChange"] }, { type: i10.SplitterComponent, selector: "kendo-splitter", inputs: ["orientation"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { type: i10.SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { type: i11.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", "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"], exportAs: ["kendoTreeList"] }, { type: i11.CustomMessagesComponent, selector: "kendo-treelist-messages" }, { type: i12.GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: ["rows", "slots", "groupSlots", "tableWidth", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "renderDependencyDragClues", "dragScrollSettings", "selectable", "isTaskSelected", "isExpanded", "dependencies"], outputs: ["timelineContainerPress", "timelineContainerDrag", "timelineContainerRelease"] }, { type: i13.EditDialogComponent, selector: "kendo-gantt-edit-dialog", inputs: ["data"] }, { type: i14.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { type: i14.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i11.TreeListSpacerComponent, selector: "kendo-treelist-spacer, kendo-treelist-pager-spacer", inputs: ["width"] }], directives: [{ type: i15.LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { type: i16.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i17.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i18.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1649775846,
+    publishDate: 1649847546,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/expanded-state/expandable.directive.d.ts

@@ -14,7 +14,7 @@ export declare class GanttExpandableDirective extends ExpandableDirective {
      * which is specified in the [`taskModelFields`]({% slug api_gantt_ganttcomponent %}#toc-taskmodelfields) object.
      *
      */
-    expandBy: string | ((dataItem: any) => any);
+    set expandBy(value: string | ((dataItem: any) => any));
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttExpandableDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<GanttExpandableDirective, "[kendoGanttExpandable]", ["kendoGanttExpandable"], { "expandBy": "expandBy"; }, {}, never>;
 }

package/fesm2015/kendo-angular-gantt.js

@@ -47,7 +47,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1649775846,
+    publishDate: 1649847546,
     version: '',
     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'
 };
@@ -2876,22 +2876,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * The base class for the column components of the Gantt.
  */
 class GanttColumnBase extends ColumnBase {
-    constructor() {
-        super(...arguments);
-        /**
-         * Toggles the locked (frozen) state of the columns.
-         *
-         * @default false
-         * @hidden
-         */
-        this.locked = false;
+    /**
+     * Toggles the locked (frozen) state of the columns.
+     *
+     * @default false
+     * @hidden
+     */
+    set locked(value) {
+        super.locked = value;
+    }
+    get locked() {
+        return super.locked;
     }
 }
-GanttColumnBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttColumnBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-GanttColumnBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", 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 });
+GanttColumnBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttColumnBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GanttColumnBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: GanttColumnBase, decorators: [{
-            type: Directive,
+            type: Component,
             args: [{
+                    template: '',
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'kendo-gantt-column-base'
                 }]
@@ -3136,12 +3139,17 @@ class GanttColumnComponent extends ColumnComponent {
          * Defines whether the column is editable. The default value is `true`.
          */
         this.editable = true;
-        /**
-         * Toggles the locked (frozen) state of the columns.
-         * @hidden
-         * @default false
-         */
-        this.locked = false;
+    }
+    /**
+     * Toggles the locked (frozen) state of the columns.
+     * @hidden
+     * @default false
+     */
+    set locked(value) {
+        super.locked = value;
+    }
+    get locked() {
+        return super.locked;
     }
     ngOnChanges() {
         this.options.notifyColumnChanges();
@@ -3234,13 +3242,6 @@ class GanttColumnGroupComponent extends ColumnGroupComponent {
          * @hidden
          */
         this.children = new QueryList();
-        /**
-         * Toggles the locked (frozen) state of the columns.
-         *
-         * @default false
-         * @hidden
-         */
-        this.locked = false;
         /**
          * Allows the column headers to be clicked and the `sortChange` event emitted.
          * You have to handle the `sortChange` event yourself and sort the data.
@@ -3250,6 +3251,18 @@ class GanttColumnGroupComponent extends ColumnGroupComponent {
             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();
     }
@@ -3321,6 +3334,38 @@ class GanttSpanColumnComponent extends SpanColumnComponent {
         this.template = new QueryList();
         this.editTemplate = new QueryList();
     }
+    /**
+     * 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;
+    }
+    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();
     }
@@ -6243,7 +6288,7 @@ GanttComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
                 <button kendoButton (click)="handleConfirmationDialogClose()">{{ getText('cancelButtonText') }}</button>
             </kendo-dialog-actions>
         </kendo-dialog>
-   `, isInline: true, components: [{ type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: ["showAddTask", "showViewSelector", "views", "activeView", "toolbarTemplate", "position"], outputs: ["activeViewChange"] }, { type: i5$2.SplitterComponent, selector: "kendo-splitter", inputs: ["orientation"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { type: i5$2.SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { type: i11.TreeListComponent, selector: "kendo-treelist", inputs: ["pageSize", "scrollable", "trackBy", "virtualColumns", "filterable", "sortable", "pageable", "navigable", "autoSize", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "skip", "data", "sort", "navigatable", "rowClass", "idField", "selectable", "isSelected", "columns", "fetchChildren", "hasChildren", "isExpanded", "aria-label", "height", "rowHeight", "filter"], outputs: ["selectionChange", "filterChange", "pageChange", "sortChange", "dataStateChange", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "scrollBottom", "contentScroll", "expand", "collapse", "expandStateChange"], exportAs: ["kendoTreeList"] }, { type: i11.CustomMessagesComponent, selector: "kendo-treelist-messages" }, { type: GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: ["rows", "slots", "groupSlots", "tableWidth", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "renderDependencyDragClues", "dragScrollSettings", "selectable", "isTaskSelected", "isExpanded", "dependencies"], outputs: ["timelineContainerPress", "timelineContainerDrag", "timelineContainerRelease"] }, { type: EditDialogComponent, selector: "kendo-gantt-edit-dialog", inputs: ["data"] }, { type: i4$2.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { type: i4$2.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i11.TreeListSpacerComponent, selector: "kendo-treelist-spacer, kendo-treelist-pager-spacer", inputs: ["width"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i2.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+   `, isInline: true, components: [{ type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: ["showAddTask", "showViewSelector", "views", "activeView", "toolbarTemplate", "position"], outputs: ["activeViewChange"] }, { type: i5$2.SplitterComponent, selector: "kendo-splitter", inputs: ["orientation"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { type: i5$2.SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { type: i11.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", "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"], exportAs: ["kendoTreeList"] }, { type: i11.CustomMessagesComponent, selector: "kendo-treelist-messages" }, { type: GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: ["rows", "slots", "groupSlots", "tableWidth", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "renderDependencyDragClues", "dragScrollSettings", "selectable", "isTaskSelected", "isExpanded", "dependencies"], outputs: ["timelineContainerPress", "timelineContainerDrag", "timelineContainerRelease"] }, { type: EditDialogComponent, selector: "kendo-gantt-edit-dialog", inputs: ["data"] }, { type: i4$2.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { type: i4$2.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i11.TreeListSpacerComponent, selector: "kendo-treelist-spacer, kendo-treelist-pager-spacer", inputs: ["width"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i2.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttComponent, decorators: [{
             type: Component,
             args: [{
@@ -6805,12 +6850,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * The directive encapsulates the in-memory handling of data operations such as sorting and filtering.
  */
 class GanttFlatBindingDirective extends FlatBindingDirective {
-    constructor() {
-        super(...arguments);
-        /**
-         * The array of data which will be used to populate the Gantt.
-         */
-        this.data = [];
+    /**
+     * The array of data which will be used to populate the Gantt.
+     */
+    set data(value) {
+        super.data = value;
+    }
+    /**
+     * @hidden
+     */
+    set aggregate(value) {
+        super.aggregate = value;
     }
 }
 GanttFlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttFlatBindingDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
@@ -6831,12 +6881,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * which encapsulates the in-memory handling of data operations such as sorting and filtering.
  */
 class GanttHierarchyBindingDirective extends HierarchyBindingDirective {
-    constructor() {
-        super(...arguments);
-        /**
-         * The array of data which will be used to populate the Gantt.
-         */
-        this.data = [];
+    /**
+     * The array of data which will be used to populate the Gantt.
+     */
+    set data(value) {
+        super.data = value;
+    }
+    /**
+     * @hidden
+     */
+    set aggregate(value) {
+        super.aggregate = value;
     }
 }
 GanttHierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttHierarchyBindingDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
@@ -6856,6 +6911,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * A directive which controls the expanded state of the items.
  */
 class GanttExpandableDirective extends ExpandableDirective {
+    /**
+     * Defines the item key that will be stored in the expandedKeys collection.
+     * Defaults to the task data item ID field,
+     * which is specified in the [`taskModelFields`]({% slug api_gantt_ganttcomponent %}#toc-taskmodelfields) object.
+     *
+     */
+    set expandBy(value) {
+        super.expandBy = value;
+    }
 }
 GanttExpandableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttExpandableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
 GanttExpandableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: GanttExpandableDirective, selector: "[kendoGanttExpandable]", inputs: { expandBy: "expandBy" }, exportAs: ["kendoGanttExpandable"], usesInheritance: true, ngImport: i0 });

package/navigation/navigation-models.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { QueryList } from "@angular/core";
 import { TreeListComponent } from "@progress/kendo-angular-treelist";
-import { GanttColumnBase } from "src/columns/column-base";
+import { GanttColumnBase } from "../columns/column-base";
 /**
  * @hidden
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-gantt",
-  "version": "2.0.0-next.202204121507",
+  "version": "2.0.0-next.202204131102",
   "description": "Kendo UI Angular Gantt",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -40,7 +40,7 @@
     "@progress/kendo-angular-intl": ">4.0.0-next",
     "@progress/kendo-angular-layout": ">7.0.0-next",
     "@progress/kendo-angular-popup": ">5.0.0-next",
-    "@progress/kendo-angular-treelist": "^4.0.0",
+    "@progress/kendo-angular-treelist": ">5.0.0-next",
     "@progress/kendo-data-query": "^1.5.5",
     "@progress/kendo-date-math": "^1.5.2",
     "@progress/kendo-licensing": "^1.0.0",