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

package/esm2015/timeline/gantt-timeline.component.js

@@ -0,0 +1,334 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, EventEmitter, HostBinding, Input, Output, ViewChild, ViewContainerRef } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { filter, map, switchMap, take } from 'rxjs/operators';
+import { isDocumentAvailable } from '@progress/kendo-angular-common';
+import { isPresent } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../scrolling/scroll-sync.service";
+import * as i2 from "../dependencies/dependency-dom.service";
+import * as i3 from "../rendering/gantt-header-table-body.component";
+import * as i4 from "../rendering/gantt-tasks-table-body.component";
+import * as i5 from "../scrolling/timeline-scroll.directive";
+import * as i6 from "@progress/kendo-angular-common";
+import * as i7 from "@angular/common";
+import * as i8 from "../dependencies/gantt-dependency.directive";
+/**
+ * @hidden
+ */
+export class GanttTimelineComponent {
+    constructor(scrollSyncService, dependencyDomService, renderer, zone) {
+        this.scrollSyncService = scrollSyncService;
+        this.dependencyDomService = dependencyDomService;
+        this.renderer = renderer;
+        this.zone = zone;
+        this.hostClass = true;
+        this.dependencies = [];
+        // as all drag-and-drop operations are on the timeline container, use a single draggable instance
+        this.timelineContainerPress = new EventEmitter();
+        this.timelineContainerDrag = new EventEmitter();
+        this.timelineContainerRelease = new EventEmitter();
+        this.subscriptions = new Subscription();
+        this.subscriptions.add(
+        // task changes indicates change in row content, number, height, etc.
+        this.dependencyDomService.taskChanges
+            .pipe(filter(args => isPresent(args.timelineRow)), switchMap(args => this.zone.onStable.pipe(take(1), map(() => args))) // ensure the content is rendered
+        )
+            .subscribe(({ timelineRow }) => {
+            const timelineRowHeight = isDocumentAvailable() ? timelineRow.getBoundingClientRect().height : 0;
+            this.renderer.setStyle(this.timelineColumns.nativeElement, 'height', `${(this.rows || []).length * timelineRowHeight}px`);
+        }));
+    }
+    /**
+     * Specifies whether the draggable will attach or detach its pointer event listeners.
+     */
+    get draggableEnabled() {
+        return this.renderDependencyDragClues;
+    }
+    ngAfterViewInit() {
+        const timelineHeader = this.timelineHeaderWrap.nativeElement;
+        const rightContainer = this.timelineContent.nativeElement;
+        this.scrollSyncService.registerElement(rightContainer, 'timeline');
+        this.scrollSyncService.registerElement(timelineHeader, 'header');
+        this.dependencyDomService.registerContentContainer(this.tasksContainer.nativeElement);
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    isNonWorking(item) {
+        return item.hasOwnProperty('isWorking') && !item.isWorking;
+    }
+}
+GanttTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttTimelineComponent, deps: [{ token: i1.ScrollSyncService }, { token: i2.DependencyDomService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: { rows: "rows", slots: "slots", groupSlots: "groupSlots", tableWidth: "tableWidth", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", renderDependencyDragClues: "renderDependencyDragClues", dragScrollSettings: "dragScrollSettings", selectable: "selectable", isTaskSelected: "isTaskSelected", isExpanded: "isExpanded", dependencies: "dependencies" }, outputs: { timelineContainerPress: "timelineContainerPress", timelineContainerDrag: "timelineContainerDrag", timelineContainerRelease: "timelineContainerRelease" }, host: { properties: { "class.k-gantt-timeline": "this.hostClass" } }, viewQueries: [{ propertyName: "timelineContent", first: true, predicate: ["timelineContent"], descendants: true, static: true }, { propertyName: "timelineColumns", first: true, predicate: ["timelineColumns"], descendants: true, static: true }, { propertyName: "timelineHeaderWrap", first: true, predicate: ["timelineHeaderWrap"], descendants: true, static: true }, { propertyName: "tasksContainer", first: true, predicate: ["tasksContainer"], descendants: true, static: true }, { propertyName: "dragPopupContainer", first: true, predicate: ["dragPopupContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dependencyDragCreatePolyline", first: true, predicate: ["dependencyDragCreatePolyline"], descendants: true }], ngImport: i0, template: `
+        <div class="k-timeline k-grid k-widget">
+            <div class="k-grid-header">
+                <div #timelineHeaderWrap class="k-grid-header-wrap">
+                    <table
+                        role="presentation"
+                        [style.width.px]="tableWidth"
+                    >
+                        <tbody
+                            kendoGanttHeaderTableBody
+                            [groupSlots]="groupSlots"
+                            [slots]="slots">
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <!-- tabindex="-1" required for https://bugzilla.mozilla.org/show_bug.cgi?id=1069739 -->
+            <div
+                #timelineContent
+                class="k-grid-content"
+                tabindex="-1"
+                role="tree"
+                aria-roledescription="Timeline"
+                kendoGanttTimelineScrollable
+                [scrollSettings]="dragScrollSettings"
+                kendoDraggable
+                [enableDrag]="draggableEnabled"
+                (kendoPress)="timelineContainerPress.emit($event)"
+                (kendoDrag)="timelineContainerDrag.emit($event)"
+                (kendoRelease)="timelineContainerRelease.emit($event)"
+            >
+                <div class="k-gantt-tables">
+                    <table
+                        class="k-gantt-rows"
+                        [style.width.px]="tableWidth"
+                        role="presentation"
+                    >
+                        <tbody>
+                            <tr *ngFor="let item of rows; let i = index;"
+                                [class.k-alt]="i % 2"
+                            >
+                                <td></td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                    <table
+                        #timelineColumns
+                        class="k-gantt-columns"
+                        role="presentation"
+                        [style.width.px]="tableWidth"
+                    >
+                        <colgroup>
+                            <col *ngFor="let item of slots">
+                        </colgroup>
+
+                        <tbody>
+                            <tr>
+                                <td *ngFor="let item of slots"
+                                    [class.k-nonwork-hour]="isNonWorking(item)"
+                                >
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                    <table
+                        #tasksContainer
+                        class="k-gantt-tasks"
+                        role="presentation"
+                        style="border-collapse: collapse;"
+                        [style.width.px]="tableWidth"
+                    >
+                        <tbody
+                            kendoGanttTasksTableBody
+                            [rows]="rows"
+                            [activeView]="activeView"
+                            [taskContentTemplate]="taskContentTemplate"
+                            [taskTemplate]="taskTemplate"
+                            [summaryTaskTemplate]="summaryTaskTemplate"
+                            [taskClass]="taskClass"
+                            [isExpanded]="isExpanded"
+                            [selectable]="selectable"
+                            [isTaskSelected]="isTaskSelected"
+                            [renderDependencyDragClues]="renderDependencyDragClues"
+                        >
+                        </tbody>
+                    </table>
+                </div>
+                <svg class="k-gantt-dependencies-svg">
+                    <polyline
+                        *ngFor="let dependency of dependencies"
+                        kendoGanttDependency
+                        [dependency]="dependency"
+                    />
+                    <polyline #dependencyDragCreatePolyline />
+                </svg>
+
+                <!-- placeholder for the dependency drag popup; its position is not arbitrary - the popup is intended to be absolutely positioned inside the .k-grid-content element -->
+                <ng-container #dragPopupContainer></ng-container>
+            </div>
+        </div>
+    `, isInline: true, components: [{ type: i3.GanttHeaderTableBodyComponent, selector: "[kendoGanttHeaderTableBody]", inputs: ["groupSlots", "slots"] }, { type: i4.GanttTasksTableBodyComponent, selector: "[kendoGanttTasksTableBody]", inputs: ["selectable", "rows", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "isExpanded", "isTaskSelected", "renderDependencyDragClues"] }], directives: [{ type: i5.TimelineScrollableDirective, selector: "[kendoGanttTimelineScrollable]", inputs: ["scrollSettings"] }, { type: i6.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.GanttDependencyDirective, selector: "[kendoGanttDependency]", inputs: ["dependency"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttTimelineComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-timeline',
+                    template: `
+        <div class="k-timeline k-grid k-widget">
+            <div class="k-grid-header">
+                <div #timelineHeaderWrap class="k-grid-header-wrap">
+                    <table
+                        role="presentation"
+                        [style.width.px]="tableWidth"
+                    >
+                        <tbody
+                            kendoGanttHeaderTableBody
+                            [groupSlots]="groupSlots"
+                            [slots]="slots">
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <!-- tabindex="-1" required for https://bugzilla.mozilla.org/show_bug.cgi?id=1069739 -->
+            <div
+                #timelineContent
+                class="k-grid-content"
+                tabindex="-1"
+                role="tree"
+                aria-roledescription="Timeline"
+                kendoGanttTimelineScrollable
+                [scrollSettings]="dragScrollSettings"
+                kendoDraggable
+                [enableDrag]="draggableEnabled"
+                (kendoPress)="timelineContainerPress.emit($event)"
+                (kendoDrag)="timelineContainerDrag.emit($event)"
+                (kendoRelease)="timelineContainerRelease.emit($event)"
+            >
+                <div class="k-gantt-tables">
+                    <table
+                        class="k-gantt-rows"
+                        [style.width.px]="tableWidth"
+                        role="presentation"
+                    >
+                        <tbody>
+                            <tr *ngFor="let item of rows; let i = index;"
+                                [class.k-alt]="i % 2"
+                            >
+                                <td></td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                    <table
+                        #timelineColumns
+                        class="k-gantt-columns"
+                        role="presentation"
+                        [style.width.px]="tableWidth"
+                    >
+                        <colgroup>
+                            <col *ngFor="let item of slots">
+                        </colgroup>
+
+                        <tbody>
+                            <tr>
+                                <td *ngFor="let item of slots"
+                                    [class.k-nonwork-hour]="isNonWorking(item)"
+                                >
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                    <table
+                        #tasksContainer
+                        class="k-gantt-tasks"
+                        role="presentation"
+                        style="border-collapse: collapse;"
+                        [style.width.px]="tableWidth"
+                    >
+                        <tbody
+                            kendoGanttTasksTableBody
+                            [rows]="rows"
+                            [activeView]="activeView"
+                            [taskContentTemplate]="taskContentTemplate"
+                            [taskTemplate]="taskTemplate"
+                            [summaryTaskTemplate]="summaryTaskTemplate"
+                            [taskClass]="taskClass"
+                            [isExpanded]="isExpanded"
+                            [selectable]="selectable"
+                            [isTaskSelected]="isTaskSelected"
+                            [renderDependencyDragClues]="renderDependencyDragClues"
+                        >
+                        </tbody>
+                    </table>
+                </div>
+                <svg class="k-gantt-dependencies-svg">
+                    <polyline
+                        *ngFor="let dependency of dependencies"
+                        kendoGanttDependency
+                        [dependency]="dependency"
+                    />
+                    <polyline #dependencyDragCreatePolyline />
+                </svg>
+
+                <!-- placeholder for the dependency drag popup; its position is not arbitrary - the popup is intended to be absolutely positioned inside the .k-grid-content element -->
+                <ng-container #dragPopupContainer></ng-container>
+            </div>
+        </div>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ScrollSyncService }, { type: i2.DependencyDomService }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { timelineContent: [{
+                type: ViewChild,
+                args: ['timelineContent', { static: true }]
+            }], timelineColumns: [{
+                type: ViewChild,
+                args: ['timelineColumns', { static: true }]
+            }], timelineHeaderWrap: [{
+                type: ViewChild,
+                args: ['timelineHeaderWrap', { static: true }]
+            }], tasksContainer: [{
+                type: ViewChild,
+                args: ['tasksContainer', { static: true }]
+            }], dragPopupContainer: [{
+                type: ViewChild,
+                args: ['dragPopupContainer', { static: false, read: ViewContainerRef }]
+            }], dependencyDragCreatePolyline: [{
+                type: ViewChild,
+                args: ['dependencyDragCreatePolyline', { static: false }]
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-gantt-timeline']
+            }], rows: [{
+                type: Input
+            }], slots: [{
+                type: Input
+            }], groupSlots: [{
+                type: Input
+            }], tableWidth: [{
+                type: Input
+            }], activeView: [{
+                type: Input
+            }], taskContentTemplate: [{
+                type: Input
+            }], taskTemplate: [{
+                type: Input
+            }], summaryTaskTemplate: [{
+                type: Input
+            }], taskClass: [{
+                type: Input
+            }], renderDependencyDragClues: [{
+                type: Input
+            }], dragScrollSettings: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], isTaskSelected: [{
+                type: Input
+            }], isExpanded: [{
+                type: Input
+            }], dependencies: [{
+                type: Input
+            }], timelineContainerPress: [{
+                type: Output
+            }], timelineContainerDrag: [{
+                type: Output
+            }], timelineContainerRelease: [{
+                type: Output
+            }] } });

package/esm2015/timeline/timeline-day-view.component.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* 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 } from '@angular/core';
+import { ViewBase } from './view-base';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/option-changes.service";
+import * as i2 from "../dependencies/dependency-dom.service";
+export class TimelineDayViewComponent extends ViewBase {
+    constructor(optionChangesService, dependencyDomService) {
+        super(optionChangesService, dependencyDomService);
+        /**
+         * The type for this view (`day`).
+         */
+        this.type = 'day';
+    }
+}
+TimelineDayViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineDayViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+TimelineDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TimelineDayViewComponent, selector: "kendo-gantt-timeline-day-view", providers: [
+        {
+            provide: ViewBase,
+            useExisting: forwardRef(() => TimelineDayViewComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineDayViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-timeline-day-view',
+                    template: '',
+                    providers: [
+                        {
+                            provide: ViewBase,
+                            useExisting: forwardRef(() => TimelineDayViewComponent)
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.OptionChangesService }, { type: i2.DependencyDomService }]; } });

package/{dist/es2015 → esm2015}/timeline/timeline-day-view.service.js

@@ -2,16 +2,16 @@
 * 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 { Injectable } from '@angular/core';
-import { IntlService } from '@progress/kendo-angular-intl';
 import { TimelineBaseViewService } from './timeline-base-view.service';
-import { MappingService } from '../common/mapping.service';
 import { setTime } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-intl";
+import * as i2 from "../common/mapping.service";
 /**
  * @hidden
  */
-let TimelineDayViewService = class TimelineDayViewService extends TimelineBaseViewService {
+export class TimelineDayViewService extends TimelineBaseViewService {
     constructor(intlService, mapper) {
         super(intlService, mapper);
     }
@@ -58,9 +58,9 @@ let TimelineDayViewService = class TimelineDayViewService extends TimelineBaseVi
         slots.push(daySlots, hourSlots);
         return slots;
     }
-};
-TimelineDayViewService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [IntlService, MappingService])
-], TimelineDayViewService);
-export { TimelineDayViewService };
+}
+TimelineDayViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineDayViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
+TimelineDayViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineDayViewService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineDayViewService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }]; } });

package/esm2015/timeline/timeline-month-view.component.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* 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 } from '@angular/core';
+import { ViewBase } from './view-base';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/option-changes.service";
+import * as i2 from "../dependencies/dependency-dom.service";
+export class TimelineMonthViewComponent extends ViewBase {
+    constructor(optionChangesService, dependencyDomService) {
+        super(optionChangesService, dependencyDomService);
+        /**
+         * The type for this view (`month`).
+         */
+        this.type = 'month';
+    }
+}
+TimelineMonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TimelineMonthViewComponent, selector: "kendo-gantt-timeline-month-view", providers: [
+        {
+            provide: ViewBase,
+            useExisting: forwardRef(() => TimelineMonthViewComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMonthViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-timeline-month-view',
+                    template: '',
+                    providers: [
+                        {
+                            provide: ViewBase,
+                            useExisting: forwardRef(() => TimelineMonthViewComponent)
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.OptionChangesService }, { type: i2.DependencyDomService }]; } });

package/{dist/es2015 → esm2015}/timeline/timeline-month-view.service.js

@@ -2,16 +2,16 @@
 * 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 { Injectable } from '@angular/core';
-import { IntlService } from '@progress/kendo-angular-intl';
 import { addDays, addWeeks, firstDayInWeek, getDate } from '@progress/kendo-date-math';
-import { MappingService } from '../common/mapping.service';
 import { TimelineBaseViewService } from './timeline-base-view.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-intl";
+import * as i2 from "../common/mapping.service";
 /**
  * @hidden
  */
-let TimelineMonthViewService = class TimelineMonthViewService extends TimelineBaseViewService {
+export class TimelineMonthViewService extends TimelineBaseViewService {
     constructor(intlService, mapper) {
         super(intlService, mapper);
     }
@@ -56,9 +56,9 @@ let TimelineMonthViewService = class TimelineMonthViewService extends TimelineBa
         slots.push(months, weeks);
         return slots;
     }
-};
-TimelineMonthViewService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [IntlService, MappingService])
-], TimelineMonthViewService);
-export { TimelineMonthViewService };
+}
+TimelineMonthViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMonthViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
+TimelineMonthViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMonthViewService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMonthViewService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }]; } });

package/{dist/es2015 → esm2015}/timeline/timeline-view.service.js

@@ -2,11 +2,11 @@
 * 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 { EventEmitter, Injectable, Injector } from '@angular/core';
+import { EventEmitter, Injectable } from '@angular/core';
 import { TimelineDayViewService } from './timeline-day-view.service';
 import { TimelineMonthViewService } from './timeline-month-view.service';
 import { TimelineWeekViewService } from './timeline-week-view.service';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -18,7 +18,7 @@ const services = {
 /**
  * @hidden
  */
-let TimelineViewService = class TimelineViewService {
+export class TimelineViewService {
     constructor(injector) {
         this.injector = injector;
         this.viewChange = new EventEmitter();
@@ -27,9 +27,9 @@ let TimelineViewService = class TimelineViewService {
         const serviceType = services[view];
         return serviceType ? this.injector.get(serviceType) : null;
     }
-};
-TimelineViewService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [Injector])
-], TimelineViewService);
-export { TimelineViewService };
+}
+TimelineViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineViewService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+TimelineViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineViewService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineViewService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });

package/esm2015/timeline/timeline-week-view.component.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* 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 } from '@angular/core';
+import { ViewBase } from './view-base';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/option-changes.service";
+import * as i2 from "../dependencies/dependency-dom.service";
+export class TimelineWeekViewComponent extends ViewBase {
+    constructor(optionChangesService, dependencyDomService) {
+        super(optionChangesService, dependencyDomService);
+        /**
+         * The type for this view (`week`).
+         */
+        this.type = 'week';
+    }
+}
+TimelineWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TimelineWeekViewComponent, selector: "kendo-gantt-timeline-week-view", providers: [
+        {
+            provide: ViewBase,
+            useExisting: forwardRef(() => TimelineWeekViewComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineWeekViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-timeline-week-view',
+                    template: '',
+                    providers: [
+                        {
+                            provide: ViewBase,
+                            useExisting: forwardRef(() => TimelineWeekViewComponent)
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.OptionChangesService }, { type: i2.DependencyDomService }]; } });

package/{dist/es2015 → esm2015}/timeline/timeline-week-view.service.js

@@ -2,16 +2,16 @@
 * 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 { Injectable } from '@angular/core';
-import { IntlService } from '@progress/kendo-angular-intl';
 import { addDays, getDate } from '@progress/kendo-date-math';
-import { MappingService } from '../common/mapping.service';
 import { TimelineBaseViewService } from './timeline-base-view.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-intl";
+import * as i2 from "../common/mapping.service";
 /**
  * @hidden
  */
-let TimelineWeekViewService = class TimelineWeekViewService extends TimelineBaseViewService {
+export class TimelineWeekViewService extends TimelineBaseViewService {
     constructor(intlService, mapper) {
         super(intlService, mapper);
     }
@@ -52,9 +52,9 @@ let TimelineWeekViewService = class TimelineWeekViewService extends TimelineBase
         slots.push(weeks, days);
         return slots;
     }
-};
-TimelineWeekViewService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [IntlService, MappingService])
-], TimelineWeekViewService);
-export { TimelineWeekViewService };
+}
+TimelineWeekViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineWeekViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
+TimelineWeekViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineWeekViewService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineWeekViewService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }]; } });

package/esm2015/timeline/view-base.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { anyChanged } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/option-changes.service";
+import * as i2 from "../dependencies/dependency-dom.service";
+/**
+ * The base class for the column components of the Gantt.
+ */
+export class ViewBase {
+    /**
+     *
+     * @hidden
+     */
+    constructor(optionChangesService, dependencyDomService) {
+        this.optionChangesService = optionChangesService;
+        this.dependencyDomService = dependencyDomService;
+        /**
+         * The width of the time slot headers. Values are treated as pixels.
+         *
+         * @default 100
+         */
+        this.slotWidth = 100;
+    }
+    ngOnChanges(changes) {
+        if (anyChanged(['slotWidth'], changes)) {
+            this.optionChangesService.notifyColumnChanges();
+            this.dependencyDomService.notifyChanges();
+        }
+    }
+}
+ViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewBase, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Directive });
+ViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ViewBase, selector: "kendo-gantt-view-base", inputs: { slotWidth: "slotWidth" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewBase, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-gantt-view-base'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.OptionChangesService }, { type: i2.DependencyDomService }]; }, propDecorators: { slotWidth: [{
+                type: Input
+            }] } });