@progress/kendo-angular-gantt 1.0.1 → 2.0.0-dev.202204150748

package/esm2015/columns/column-base.js

@@ -0,0 +1,56 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input } from '@angular/core';
+import { ColumnBase } from '@progress/kendo-angular-treelist';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ * The base class for the column components of the Gantt.
+ */
+export 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;
+    }
+}
+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: 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
+            }] } });

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

@@ -0,0 +1,99 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef, SkipSelf, Host, Optional, ContentChildren, QueryList, Input } from '@angular/core';
+import { ColumnGroupComponent } from '@progress/kendo-angular-treelist';
+import { GanttColumnBase } from './column-base';
+import { HeaderTemplateDirective } from './header-template.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/option-changes.service";
+import * as i2 from "./column-base";
+export class GanttColumnGroupComponent extends ColumnGroupComponent {
+    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();
+    }
+}
+GanttColumnGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttColumnGroupComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.GanttColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+GanttColumnGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: GanttColumnGroupComponent, 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: "12.2.16", ngImport: i0, type: GanttColumnGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-column-group',
+                    template: '',
+                    providers: [
+                        {
+                            provide: GanttColumnBase,
+                            useExisting: forwardRef(() => GanttColumnGroupComponent)
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.OptionChangesService }, { type: i2.GanttColumnBase, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Host
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { children: [{
+                type: ContentChildren,
+                args: [GanttColumnBase]
+            }], 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
+            }] } });

package/esm2015/columns/column-menu-template.directive.js

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template for the column menu in the Gantt. Provides an option for
+ * customizing the content of the column menu for all or for specific columns.
+ * To define the content template, nest an `<ng-template>` tag with the
+ * `kendoGanttColumnMenuTemplate` directive inside the `<kendo-gantt-column>` component.
+ *
+ *  The column menu service and the current column are available as context variables:
+ * - `service`&mdash;Represents the ColumnMenuService.
+ * - `column`&mdash;Represents the Gantt column.
+ */
+export class ColumnMenuTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+ColumnMenuTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+ColumnMenuTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ColumnMenuTemplateDirective, selector: "[kendoGanttColumnMenuTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnMenuTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGanttColumnMenuTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/columns/column.component.js

@@ -0,0 +1,138 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild, ContentChildren, forwardRef, Host, Input, Optional, QueryList, SkipSelf } from '@angular/core';
+import { ColumnComponent } from '@progress/kendo-angular-treelist';
+import { GanttColumnBase } from './column-base';
+import { CellTemplateDirective } from './cell-template.directive';
+import { ColumnMenuTemplateDirective } from './column-menu-template.directive';
+import { FilterCellTemplateDirective } from './filter-cell-template.directive';
+import { FilterMenuTemplateDirective } from './filter-menu-template.directive';
+import { FooterTemplateDirective } from './footer-template.directive';
+import { HeaderTemplateDirective } from './header-template.directive';
+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";
+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;
+    }
+    /**
+     * 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();
+    }
+}
+GanttColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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: "12.0.0", version: "12.2.16", type: GanttColumnComponent, 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: "12.2.16", ngImport: i0, type: GanttColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-column',
+                    template: '',
+                    providers: [
+                        {
+                            provide: GanttColumnBase,
+                            useExisting: forwardRef(() => GanttColumnComponent)
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.OptionChangesService }, { type: i2.GanttColumnBase, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Host
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { headerTemplates: [{
+                type: ContentChildren,
+                args: [HeaderTemplateDirective, { descendants: false }]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: [FooterTemplateDirective, { static: false }]
+            }], columnMenuTemplates: [{
+                type: ContentChildren,
+                args: [ColumnMenuTemplateDirective]
+            }], template: [{
+                type: ContentChild,
+                args: [CellTemplateDirective, { static: false }]
+            }], editTemplate: [{
+                type: ContentChild,
+                args: [EditTemplateDirective, { static: false }]
+            }], filterCellTemplate: [{
+                type: ContentChild,
+                args: [FilterCellTemplateDirective, { static: false }]
+            }], filterMenuTemplate: [{
+                type: ContentChild,
+                args: [FilterMenuTemplateDirective, { static: false }]
+            }], format: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], filterable: [{
+                type: Input
+            }], editor: [{
+                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/{dist/es2015 → esm2015}/columns/edit-template.directive.js

@@ -2,8 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef, Optional } from '@angular/core';
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents the column edit-cell template of the Gantt.
  * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
@@ -18,16 +18,18 @@ import { Directive, TemplateRef, Optional } from '@angular/core';
  * - `isNew`&mdash;The state of the current item.
  * - `rowIndex`&mdash;The current row index. If inside a new item row, `rowIndex` is `-1`.
  */
-let EditTemplateDirective = class EditTemplateDirective {
+export class EditTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-EditTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoGanttEditTemplate]'
-    }),
-    tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], EditTemplateDirective);
-export { EditTemplateDirective };
+}
+EditTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+EditTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditTemplateDirective, selector: "[kendoGanttEditTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGanttEditTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/columns/filter-cell-template.directive.js

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ * Represents the filter-cell template.
+ *
+ * The template context is set to the filter descriptor and the following additional fields are passed:
+ * - `column`—The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
+ * - `filter`—The filter descriptor.
+ * - `cellContext`—An object used to pass context information to built-in directives.
+ */
+export class FilterCellTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+FilterCellTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterCellTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+FilterCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FilterCellTemplateDirective, selector: "[kendoGanttFilterCellTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterCellTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGanttFilterCellTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/columns/filter-menu-template.directive.js

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the filter-menu template.
+ *
+ * The column, current filter and the filter service are available as context variables:
+ * - `column`—The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
+ * - `filter`—The filter descriptor.
+ * - `cellContext`—An object used to pass context information to built-in directives.
+ */
+export class FilterMenuTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+FilterMenuTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+FilterMenuTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FilterMenuTemplateDirective, selector: "[kendoGanttFilterMenuTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGanttFilterMenuTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/{dist/es2015 → esm2015}/columns/footer-template.directive.js

@@ -2,8 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef, Optional } from '@angular/core';
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents the column footer cell template of the Gantt.
  *
@@ -16,16 +16,18 @@ import { Directive, TemplateRef, Optional } from '@angular/core';
  * * `columnIndex`—Defines the current column index.
  * * `field`—The name of the column field, if set.
  */
-let FooterTemplateDirective = class FooterTemplateDirective {
+export class FooterTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-FooterTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoGanttFooterTemplate]'
-    }),
-    tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], FooterTemplateDirective);
-export { FooterTemplateDirective };
+}
+FooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+FooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FooterTemplateDirective, selector: "[kendoGanttFooterTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FooterTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGanttFooterTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/{dist/es2015 → esm2015}/columns/header-template.directive.js

@@ -2,8 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef, Optional } from '@angular/core';
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents the column header cell template of the Gantt.
  * Helps to customize the table header cell for the column.
@@ -14,16 +14,18 @@ import { Directive, TemplateRef, Optional } from '@angular/core';
  * * `column`—Points to the instance of the current [`ColumnComponent`]({% slug api_gantt_ganttcolumncomponent %}).
  * * `columnIndex`—Defines the current column index.
  */
-let HeaderTemplateDirective = class HeaderTemplateDirective {
+export class HeaderTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-HeaderTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoGanttHeaderTemplate]'
-    }),
-    tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], HeaderTemplateDirective);
-export { HeaderTemplateDirective };
+}
+HeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+HeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: HeaderTemplateDirective, selector: "[kendoGanttHeaderTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGanttHeaderTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

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

@@ -0,0 +1,118 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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, Input, Optional, QueryList, SkipSelf } from '@angular/core';
+import { SpanColumnComponent } from '@progress/kendo-angular-treelist';
+import { CellTemplateDirective } from './cell-template.directive';
+import { GanttColumnBase } from './column-base';
+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";
+export 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();
+    }
+    /**
+     * 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();
+    }
+}
+GanttSpanColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttSpanColumnComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.GanttColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+GanttSpanColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: GanttSpanColumnComponent, 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: "12.2.16", ngImport: i0, type: GanttSpanColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-span-column',
+                    template: '',
+                    providers: [
+                        {
+                            provide: GanttColumnBase,
+                            useExisting: forwardRef(() => GanttSpanColumnComponent)
+                        }
+                    ]
+                }]
+        }], 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 }]
+            }], 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
+            }] } });