@progress/kendo-angular-gantt 2.0.0-next.202204010911 → 2.0.0-next.202204121022

package/esm2015/columns/column-base.js

@@ -0,0 +1,52 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { 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;
+    }
+}
+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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttColumnBase, decorators: [{
+            type: Directive,
+            args: [{
+                    // 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,94 @@
+/**-----------------------------------------------------------------------------------------
+* 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();
+        /**
+         * 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.
+         */
+        this.sortable = true;
+        if (parent && parent.isSpanColumn) {
+            throw new Error('ColumnGroupComponent cannot be nested inside SpanColumnComponent');
+        }
+    }
+    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,133 @@
+/**-----------------------------------------------------------------------------------------
+* 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
+         */
+        this.locked = false;
+    }
+    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/esm2015/columns/columns.js

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { GanttColumnBase } from './column-base';
+export { GanttColumnComponent } from './column.component';
+export { GanttColumnGroupComponent } from './column-group.component';
+export { GanttSpanColumnComponent } from './span-column.component';
+export { CellTemplateDirective } from './cell-template.directive';
+export { HeaderTemplateDirective } from './header-template.directive';
+export { FooterTemplateDirective } from './footer-template.directive';
+export { ColumnMenuTemplateDirective } from './column-menu-template.directive';
+export { FilterCellTemplateDirective } from './filter-cell-template.directive';
+export { FilterMenuTemplateDirective } from './filter-menu-template.directive';
+export { EditTemplateDirective } from './edit-template.directive';

package/esm2015/columns/edit-template.directive.js

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* 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 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>`
+ * tag with the `kendoGanttEditTemplate` directive inside a `<kendo-gantt-column>` tag.
+ *
+ * The template context contains the following fields:
+ * - `column`&mdash;The current column instance.
+ * - `dataItem`&mdash;The current data item.
+ * - `cellContext`&mdash;An object used to pass context information to built-in directives.
+ * - `formGroup`&mdash;The current [`FormGroup`]({{ site.data.urls.angular['formgroupapi'] }}).
+ * If you use the Gantt inside [Template-Driven Forms]({{ site.data.urls.angular['forms'] }}), it will be `undefined`.
+ * - `isNew`&mdash;The state of the current item.
+ * - `rowIndex`&mdash;The current row index. If inside a new item row, `rowIndex` is `-1`.
+ */
+export class EditTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+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/esm2015/columns/footer-template.directive.js

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* 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 column footer cell template of the Gantt.
+ *
+ * Helps to customize the table footer cell for the column.
+ * To define a footer template, nest an `<ng-template>` tag with the
+ * [`kendoGanttFooterTemplate`]({% slug api_gantt_footertemplatedirective %}) directive inside the `<kendo-gantt-column>` tag.
+ *
+ *  The current column, column index and field are available as context variables:
+ * * `column`&mdash;Points to the instance of the current [`ColumnComponent`]({% slug api_gantt_ganttcolumncomponent %}).
+ * * `columnIndex`&mdash;Defines the current column index.
+ * * `field`&mdash;The name of the column field, if set.
+ */
+export class FooterTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+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/esm2015/columns/header-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 column header cell template of the Gantt.
+ * Helps to customize the table header cell for the column.
+ * To define a header template, nest an `<ng-template>` tag with the
+ * [`kendoGanttHeaderTemplate`]({% slug api_gantt_headertemplatedirective %}) directive inside the `<kendo-gantt-column>` tag.
+ *
+ *  The current column and column index are available as context variables:
+ * * `column`&mdash;Points to the instance of the current [`ColumnComponent`]({% slug api_gantt_ganttcolumncomponent %}).
+ * * `columnIndex`&mdash;Defines the current column index.
+ */
+export class HeaderTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+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,86 @@
+/**-----------------------------------------------------------------------------------------
+* 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();
+    }
+    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
+            }] } });

package/esm2015/common/default-callbacks.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { of } from 'rxjs';
+/**
+ * @hidden
+ */
+export const hasChildren = () => false;
+/**
+ * @hidden
+ */
+export const fetchChildren = () => of([]);
+/**
+ * @hidden
+ */
+export const rowClassCallback = () => null;
+/**
+ * @hidden
+ */
+export const taskClassCallback = () => null;
+/**
+ * @hidden
+ */
+export const isSelected = () => false;