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

package/dist/es/scrolling/utils.js

@@ -1,80 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { ScrollAxis, ScrollDirection } from './drag-scroll-settings';
-import { isPresent } from '../utils';
-/**
- * @hidden
- *
- * Checks if the beginning of the scrollable element is reached (top/left).
- * Floors the top value.
- */
-var isUpperLimitReached = function (element, axis) { return Math.floor(element[axis]) <= 0; };
-var ɵ0 = isUpperLimitReached;
-/**
- * @hidden
- *
- * Checks if the end of the scrollable element is reached (bottom/right).
- * Ceils the top value.
- */
-var isBottomLimitReached = function (element, axis) {
-    var elementSize = axis === ScrollAxis.Horizontal ?
-        element.scrollWidth - element.clientWidth :
-        element.scrollHeight - element.clientHeight;
-    return Math.ceil(element[axis]) >= elementSize;
-};
-var ɵ1 = isBottomLimitReached;
-/**
- * @hidden
- *
- * Scrolls the element in the given direction by the provided step in the provided scroll axis.
- *
- * If the targeted scroll incrementation doesn't yield any result due to device pixel ratio issues (https://github.com/dimitar-pechev/RenderingIndependentScrollOffsets#readme),
- * increments the step with 1px and again attempts to change the scrollTop of the element, until the content is actually scrolled.
- *
- * Cuts the operation short after 20 unsuccessful attempts to prevent infinite loops in possible corner-case scenarios.
- */
-export var scrollElement = function (element, step, direction, scrollAxis) {
-    if (!(isPresent(element) && isDocumentAvailable())) {
-        return;
-    }
-    var initialScrollPosition = element[scrollAxis];
-    var currentStep = step;
-    var iterations = 0;
-    while (initialScrollPosition === element[scrollAxis] &&
-        !(direction === ScrollDirection.Backwards && isUpperLimitReached(element, scrollAxis)) &&
-        !(direction === ScrollDirection.Forward && isBottomLimitReached(element, scrollAxis)) &&
-        iterations < 20 // cut the operation short in 20 attempts - in case of a wild corner case
-    ) {
-        element[scrollAxis] += (currentStep * direction);
-        // try with a larger step if the current one doesn't update the scroll position successfully
-        currentStep += 1;
-        iterations += 1;
-    }
-};
-/**
- * @hidden
- *
- * As client coordinates are not restricted to the range 0px - {viewportSize}px, but can have negative starting values or ending values greater than the viewport size,
- * this function extracts the visible boundaries of the provided element - fall-backing to 0 when the top/left are below 0,
- * and fall-backing to the actual visible size of the container for bottom/right.
- */
-export var getViewportBoundaries = function (element) {
-    var elementRect = element.getBoundingClientRect();
-    // if the beginning of the scrollable container is above/before the current viewport, fall-back to 0
-    var topLimit = Math.max(elementRect.top, 0);
-    var leftLimit = Math.max(elementRect.left, 0);
-    // if the end of the scrollable container is beneath/after the current viewport, fall-back to its client height
-    // add the distance from the start of the viewport to the beginning of the container to ensure scrolling bottom begins when the actual end of the container is reached
-    var bottomLimit = topLimit + Math.min(elementRect.bottom, element.clientHeight);
-    var rightLimit = leftLimit + Math.min(elementRect.right, element.clientWidth);
-    return {
-        top: topLimit,
-        bottom: bottomLimit,
-        left: leftLimit,
-        right: rightLimit
-    };
-};
-export { ɵ0, ɵ1 };

package/dist/es/selection/selectable.directive.js

@@ -1,141 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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, Input, Output, EventEmitter } from '@angular/core';
-import { getter } from '@progress/kendo-common';
-import { GanttComponent } from '../gantt.component';
-import { isPresent, isString } from '../utils';
-/**
- * A directive which handles the [`selectionChange`]({% slug api_gantt_ganttcomponent %}#toc-selectionchange) event of the Gantt
- * ([see example]({% slug selection_gantt %}#toc-built-in-directive))
- */
-var SelectableDirective = /** @class */ (function () {
-    function SelectableDirective(gantt) {
-        this.gantt = gantt;
-        /**
-         * Fires when the selected keys are changed.
-         */
-        this.selectedKeysChange = new EventEmitter();
-        this.state = new Set();
-        this.isSelected = this.isSelected.bind(this);
-        this.selectionChange = this.selectionChange.bind(this);
-        this.selectable = true;
-    }
-    Object.defineProperty(SelectableDirective.prototype, "selectable", {
-        /**
-         * @hidden
-         */
-        set: function (value) {
-            if (value) {
-                this.gantt.isSelected = this.isSelected;
-                this.subscribeSelection();
-            }
-            else {
-                this.gantt.isSelected = function () { return false; };
-                this.unsubscribeSelection();
-            }
-            this.gantt.selectable = value;
-            this.gantt.updateView();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SelectableDirective.prototype, "selectedKeys", {
-        /**
-         * Sets the selected keys.
-         */
-        set: function (value) {
-            if (isPresent(value) && value === this.lastChange) {
-                return;
-            }
-            // prevent multiple items displayed as selected as multiple selection still not supported fully
-            var keys = (value || []).slice(0, 1);
-            this.state = new Set(keys);
-            this.gantt.updateView();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SelectableDirective.prototype, "itemKey", {
-        /**
-         * The field name or a function that specifies the data item unique key identifier.
-         * By default, the string field `id` is used.
-         */
-        set: function (value) {
-            if (isString(value)) {
-                this._keyGetter = getter(value);
-            }
-            else {
-                this._keyGetter = value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SelectableDirective.prototype, "keyGetter", {
-        get: function () {
-            return this._keyGetter || this.gantt.idGetter;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SelectableDirective.prototype.ngOnDestroy = function () {
-        this.unsubscribeSelection();
-    };
-    SelectableDirective.prototype.isSelected = function (dataItem) {
-        return this.state.has(this.keyGetter(dataItem));
-    };
-    SelectableDirective.prototype.selectionChange = function (_a) {
-        var _this = this;
-        var action = _a.action, items = _a.items;
-        this.state.clear();
-        if (action === 'select') {
-            items.forEach(function (item) { return _this.state.add(_this.keyGetter(item)); });
-        }
-        this.emitSelectedItemsChange();
-    };
-    SelectableDirective.prototype.emitSelectedItemsChange = function () {
-        this.lastChange = Array.from(this.state);
-        this.selectedKeysChange.emit(this.lastChange);
-    };
-    SelectableDirective.prototype.subscribeSelection = function () {
-        this.unsubscribeSelection();
-        this.selectionSubscription = this.gantt.selectionChange.subscribe(this.selectionChange);
-    };
-    SelectableDirective.prototype.unsubscribeSelection = function () {
-        if (this.selectionSubscription) {
-            this.selectionSubscription.unsubscribe();
-            this.selectionSubscription = null;
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], SelectableDirective.prototype, "selectable", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], SelectableDirective.prototype, "selectedKeys", null);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SelectableDirective.prototype, "selectedKeysChange", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], SelectableDirective.prototype, "itemKey", null);
-    SelectableDirective = tslib_1.__decorate([
-        Directive({
-            exportAs: 'kendoGanttSelectable',
-            selector: '[kendoGanttSelectable]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [GanttComponent])
-    ], SelectableDirective);
-    return SelectableDirective;
-}());
-export { SelectableDirective };

package/dist/es/template-directives/summary-task-template.directive.js

@@ -1,49 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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, Optional, TemplateRef } from '@angular/core';
-/**
- * Represents a template that defines the whole content of the summary task component.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoGanttSummaryTaskTemplate` directive inside the `<kendo-gantt>` tag.
- *
- * The template context is set to the current data item. The following additional field is passed:
- * - `elementWidth`&mdash;The current summary task wrapper element's calculated width in pixels based on its start and end date.
- * Use it as an alias for a template variable by utilizing the `let-elementWidth="elementWidth"` syntax.
- * Useful for calculations related to rendering custom elements representing the task progress.
- *
- * @example
- * ```ts-preview
- * _@Component({
- *      selector: 'my-app',
- *      template: `
- *          <kendo-gantt [kendoGanttHierarchyBinding]="data">
- *              <ng-template kendoGanttSummaryTaskTemplate let-dataItem let-elementWidth="elementWidth">
- *                  <div style="color: white; font-size: 8px;">
- *                      {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete; width: {{ elementWidth }}
- *                  </div>
- *              </ng-template>
- *          </kendo-gantt>
- *      `
- * })
- * class AppComponent {
- *     public data: any[] = sampleTasks;
- * }
- * ```
- */
-var GanttSummaryTaskTemplateDirective = /** @class */ (function () {
-    function GanttSummaryTaskTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    GanttSummaryTaskTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoGanttSummaryTaskTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], GanttSummaryTaskTemplateDirective);
-    return GanttSummaryTaskTemplateDirective;
-}());
-export { GanttSummaryTaskTemplateDirective };

package/dist/es/template-directives/task-content-template.directive.js

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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, Optional, TemplateRef } from '@angular/core';
-/**
- * Represents a template that defines the text content section of the task component.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoGanttTaskContentTemplate` directive inside the `<kendo-gantt>` tag.
- *
- * The template context is set to the current data item.
- *
- * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-gantt [kendoGanttHierarchyBinding]="data">
- *            <ng-template kendoGanttTaskContentTemplate let-dataItem>
- *                {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete
- *            </ng-template>
- *        </kendo-gantt>
- *    `
- * })
- * class AppComponent {
- *    public data: any[] = sampleTasks;
- * }
- * ```
- */
-var GanttTaskContentTemplateDirective = /** @class */ (function () {
-    function GanttTaskContentTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    GanttTaskContentTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoGanttTaskContentTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], GanttTaskContentTemplateDirective);
-    return GanttTaskContentTemplateDirective;
-}());
-export { GanttTaskContentTemplateDirective };

package/dist/es/template-directives/task-template.directive.js

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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, Optional, TemplateRef } from '@angular/core';
-/**
- * Represents a template that defines the whole content of the task component.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoGanttTaskTemplate` directive inside the `<kendo-gantt>` tag.
- *
- * The template context is set to the current data item. The following additional field is passed:
- * - `elementWidth`&mdash;The current task wrapper element's calculated width in pixels based on its start and end date.
- * Use it as an alias for a template variable by utilizing the `let-elementWidth="elementWidth"` syntax.
- * Useful for calculations related to rendering custom elements representing the task progress.
- *
- * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-gantt [kendoGanttHierarchyBinding]="data">
- *            <ng-template kendoGanttTaskTemplate let-dataItem let-elementWidth="elementWidth">
- *                {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete
- *            </ng-template>
- *        </kendo-gantt>
- *    `
- * })
- * class AppComponent {
- *    public data: any[] = sampleTasks;
- * }
- * ```
- */
-var GanttTaskTemplateDirective = /** @class */ (function () {
-    function GanttTaskTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    GanttTaskTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoGanttTaskTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], GanttTaskTemplateDirective);
-    return GanttTaskTemplateDirective;
-}());
-export { GanttTaskTemplateDirective };

package/dist/es/timeline/gantt-timeline.component.js

@@ -1,176 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Component, ElementRef, EventEmitter, HostBinding, Input, NgZone, Output, Renderer2, TemplateRef, 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 { ScrollSyncService } from '../scrolling/scroll-sync.service';
-import { DependencyDomService } from '../dependencies/dependency-dom.service';
-import { isPresent } from '../utils';
-/**
- * @hidden
- */
-var GanttTimelineComponent = /** @class */ (function () {
-    function GanttTimelineComponent(scrollSyncService, dependencyDomService, renderer, zone) {
-        var _this = this;
-        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(function (args) { return isPresent(args.timelineRow); }), switchMap(function (args) { return _this.zone.onStable.pipe(take(1), map(function () { return args; })); }) // ensure the content is rendered
-        )
-            .subscribe(function (_a) {
-            var timelineRow = _a.timelineRow;
-            var timelineRowHeight = isDocumentAvailable() ? timelineRow.getBoundingClientRect().height : 0;
-            _this.renderer.setStyle(_this.timelineColumns.nativeElement, 'height', (_this.rows || []).length * timelineRowHeight + "px");
-        }));
-    }
-    Object.defineProperty(GanttTimelineComponent.prototype, "draggableEnabled", {
-        /**
-         * Specifies whether the draggable will attach or detach its pointer event listeners.
-         */
-        get: function () {
-            return this.renderDependencyDragClues;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    GanttTimelineComponent.prototype.ngAfterViewInit = function () {
-        var timelineHeader = this.timelineHeaderWrap.nativeElement;
-        var rightContainer = this.timelineContent.nativeElement;
-        this.scrollSyncService.registerElement(rightContainer, 'timeline');
-        this.scrollSyncService.registerElement(timelineHeader, 'header');
-        this.dependencyDomService.registerContentContainer(this.tasksContainer.nativeElement);
-    };
-    GanttTimelineComponent.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-    };
-    GanttTimelineComponent.prototype.isNonWorking = function (item) {
-        return item.hasOwnProperty('isWorking') && !item.isWorking;
-    };
-    tslib_1.__decorate([
-        ViewChild('timelineContent', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], GanttTimelineComponent.prototype, "timelineContent", void 0);
-    tslib_1.__decorate([
-        ViewChild('timelineColumns', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], GanttTimelineComponent.prototype, "timelineColumns", void 0);
-    tslib_1.__decorate([
-        ViewChild('timelineHeaderWrap', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], GanttTimelineComponent.prototype, "timelineHeaderWrap", void 0);
-    tslib_1.__decorate([
-        ViewChild('tasksContainer', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], GanttTimelineComponent.prototype, "tasksContainer", void 0);
-    tslib_1.__decorate([
-        ViewChild('dragPopupContainer', { static: false, read: ViewContainerRef }),
-        tslib_1.__metadata("design:type", ViewContainerRef)
-    ], GanttTimelineComponent.prototype, "dragPopupContainer", void 0);
-    tslib_1.__decorate([
-        ViewChild('dependencyDragCreatePolyline', { static: false }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], GanttTimelineComponent.prototype, "dependencyDragCreatePolyline", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-gantt-timeline'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttTimelineComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], GanttTimelineComponent.prototype, "rows", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], GanttTimelineComponent.prototype, "slots", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], GanttTimelineComponent.prototype, "groupSlots", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], GanttTimelineComponent.prototype, "tableWidth", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], GanttTimelineComponent.prototype, "activeView", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], GanttTimelineComponent.prototype, "taskContentTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], GanttTimelineComponent.prototype, "taskTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], GanttTimelineComponent.prototype, "summaryTaskTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], GanttTimelineComponent.prototype, "taskClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttTimelineComponent.prototype, "renderDependencyDragClues", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttTimelineComponent.prototype, "dragScrollSettings", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttTimelineComponent.prototype, "selectable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], GanttTimelineComponent.prototype, "isTaskSelected", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], GanttTimelineComponent.prototype, "isExpanded", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], GanttTimelineComponent.prototype, "dependencies", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], GanttTimelineComponent.prototype, "timelineContainerPress", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], GanttTimelineComponent.prototype, "timelineContainerDrag", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], GanttTimelineComponent.prototype, "timelineContainerRelease", void 0);
-    GanttTimelineComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-gantt-timeline',
-            template: "\n        <div class=\"k-timeline k-grid k-widget\">\n            <div class=\"k-grid-header\">\n                <div #timelineHeaderWrap class=\"k-grid-header-wrap\">\n                    <table\n                        role=\"presentation\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <tbody\n                            kendoGanttHeaderTableBody\n                            [groupSlots]=\"groupSlots\"\n                            [slots]=\"slots\">\n                        </tbody>\n                    </table>\n                </div>\n            </div>\n            <!-- tabindex=\"-1\" required for https://bugzilla.mozilla.org/show_bug.cgi?id=1069739 -->\n            <div\n                #timelineContent\n                class=\"k-grid-content\"\n                tabindex=\"-1\"\n                role=\"tree\"\n                aria-roledescription=\"Timeline\"\n                kendoGanttTimelineScrollable\n                [scrollSettings]=\"dragScrollSettings\"\n                kendoDraggable\n                [enableDrag]=\"draggableEnabled\"\n                (kendoPress)=\"timelineContainerPress.emit($event)\"\n                (kendoDrag)=\"timelineContainerDrag.emit($event)\"\n                (kendoRelease)=\"timelineContainerRelease.emit($event)\"\n            >\n                <div class=\"k-gantt-tables\">\n                    <table\n                        class=\"k-gantt-rows\"\n                        [style.width.px]=\"tableWidth\"\n                        role=\"presentation\"\n                    >\n                        <tbody>\n                            <tr *ngFor=\"let item of rows; let i = index;\"\n                                [class.k-alt]=\"i % 2\"\n                            >\n                                <td></td>\n                            </tr>\n                        </tbody>\n                    </table>\n\n                    <table\n                        #timelineColumns\n                        class=\"k-gantt-columns\"\n                        role=\"presentation\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <colgroup>\n                            <col *ngFor=\"let item of slots\">\n                        </colgroup>\n\n                        <tbody>\n                            <tr>\n                                <td *ngFor=\"let item of slots\"\n                                    [class.k-nonwork-hour]=\"isNonWorking(item)\"\n                                >\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n\n                    <table\n                        #tasksContainer\n                        class=\"k-gantt-tasks\"\n                        role=\"presentation\"\n                        style=\"border-collapse: collapse;\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <tbody\n                            kendoGanttTasksTableBody\n                            [rows]=\"rows\"\n                            [activeView]=\"activeView\"\n                            [taskContentTemplate]=\"taskContentTemplate\"\n                            [taskTemplate]=\"taskTemplate\"\n                            [summaryTaskTemplate]=\"summaryTaskTemplate\"\n                            [taskClass]=\"taskClass\"\n                            [isExpanded]=\"isExpanded\"\n                            [selectable]=\"selectable\"\n                            [isTaskSelected]=\"isTaskSelected\"\n                            [renderDependencyDragClues]=\"renderDependencyDragClues\"\n                        >\n                        </tbody>\n                    </table>\n                </div>\n                <svg class=\"k-gantt-dependencies-svg\">\n                    <polyline\n                        *ngFor=\"let dependency of dependencies\"\n                        kendoGanttDependency\n                        [dependency]=\"dependency\"\n                    />\n                    <polyline #dependencyDragCreatePolyline />\n                </svg>\n\n                <!-- 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 -->\n                <ng-container #dragPopupContainer></ng-container>\n            </div>\n        </div>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ScrollSyncService,
-            DependencyDomService,
-            Renderer2,
-            NgZone])
-    ], GanttTimelineComponent);
-    return GanttTimelineComponent;
-}());
-export { GanttTimelineComponent };