@progress/kendo-angular-gantt 1.0.1 → 2.0.0-next.202204011501

package/dist/npm/rendering/gantt-task-base.js

@@ -1,194 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var rxjs_1 = require("rxjs");
-var utils_1 = require("../utils");
-var slotUnitDuration = {
-    day: kendo_date_math_1.MS_PER_HOUR,
-    week: kendo_date_math_1.MS_PER_DAY,
-    month: kendo_date_math_1.MS_PER_DAY * 7
-};
-var FOCUSED_CLASS = 'k-focus';
-/**
- * @hidden
- */
-var GanttTaskBase = /** @class */ (function () {
-    function GanttTaskBase(mapper, // left public to be available for usage in the templates
-    timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
-        var _this = this;
-        this.mapper = mapper;
-        this.timelineViewService = timelineViewService;
-        this.dependencyDomService = dependencyDomService;
-        this.optionChangesService = optionChangesService;
-        this.cdr = cdr;
-        this.navigationService = navigationService;
-        this.wrapperClass = true;
-        this.subscriptions = new rxjs_1.Subscription();
-        this.subscriptions.add(this.optionChangesService.viewChanges
-            .subscribe(function () { return _this.cdr.markForCheck(); }));
-        this.subscriptions.add(this.navigationService.taskStatusChanges
-            .subscribe(this.updateActiveState.bind(this)));
-    }
-    Object.defineProperty(GanttTaskBase.prototype, "taskIndexAttribute", {
-        get: function () {
-            return this.index;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttTaskBase.prototype, "ariaSelected", {
-        get: function () {
-            // assinging null will not render the attribute at all (desired in selectable="false" mode)
-            return this.selectable ? String(this.isSelected(this.dataItem)) : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttTaskBase.prototype, "slotUnitDuration", {
-        get: function () {
-            return slotUnitDuration[this.activeView];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttTaskBase.prototype, "viewService", {
-        get: function () {
-            return this.timelineViewService.service(this.activeView);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttTaskBase.prototype, "slotWidth", {
-        get: function () {
-            return this.viewService.options.slotWidth;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttTaskBase.prototype, "taskWidth", {
-        get: function () {
-            var itemDuration = this.mapper.extractFromTask(this.dataItem, 'end') - this.mapper.extractFromTask(this.dataItem, 'start');
-            var durationInSlotUnits = itemDuration / this.slotUnitDuration;
-            var width = durationInSlotUnits * this.slotWidth;
-            return width;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttTaskBase.prototype, "taskOffset", {
-        /**
-         * The `left` style prop has to be applied to the host element (.k-task-wrap), as the drag clue elements are displayed on .k-task-wrap hover.
-         * Applying the `left` offset to the inner .k-task element leaves the .k-task-wrap element rendered with an offset of 0 somewhere on the left
-         * and hovering just the .k-task element doesn't expose the drag clues.
-         * Additionally, positioning the entire container takes care of positioning the hints as well.
-         */
-        get: function () {
-            var timeAfterViewStart = this.mapper.extractFromTask(this.dataItem, 'start') - this.viewService.viewStart;
-            var offsetInSlotUnits = timeAfterViewStart / this.slotUnitDuration;
-            var offset = offsetInSlotUnits * this.slotWidth;
-            return offset;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttTaskBase.prototype, "completionOverlayWidth", {
-        get: function () {
-            var overlayWidth = this.taskWidth * this.mapper.extractFromTask(this.dataItem, 'completionRatio');
-            // fall-back to 0 in case no completionRatio is provided
-            return utils_1.isNumber(overlayWidth) ? overlayWidth : 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    GanttTaskBase.prototype.ngOnChanges = function (changes) {
-        if (utils_1.isPresent(changes.dataItem)) {
-            if (utils_1.isPresent(changes.dataItem.previousValue)) {
-                this.dependencyDomService.unregisterTask(changes.dataItem.previousValue);
-            }
-            this.dependencyDomService.registerTask(this.dataItem, this.taskElement.nativeElement);
-        }
-        else if (utils_1.isPresent(changes.activeView)) {
-            this.dependencyDomService.notifyChanges();
-        }
-        if (this.navigationService.enabled && utils_1.isPresent(changes.index)) {
-            this.updateActiveState(this.navigationService.activeTask);
-        }
-    };
-    GanttTaskBase.prototype.ngOnDestroy = function () {
-        if (utils_1.isPresent(this.dataItem)) {
-            this.dependencyDomService.unregisterTask(this.dataItem);
-        }
-        this.subscriptions.unsubscribe();
-    };
-    GanttTaskBase.prototype.updateActiveState = function (_a) {
-        var activeIndex = _a.activeIndex, isFocused = _a.isFocused;
-        var isActive = activeIndex === this.index;
-        var tabindex = isActive ? '0' : '-1';
-        this.taskElement.nativeElement.setAttribute('tabindex', tabindex);
-        if (isActive && isFocused) {
-            this.taskElement.nativeElement.focus();
-            this.taskElement.nativeElement.classList.add(FOCUSED_CLASS);
-        }
-        else {
-            this.taskElement.nativeElement.classList.remove(FOCUSED_CLASS);
-        }
-    };
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-task-wrap'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttTaskBase.prototype, "wrapperClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.data-task-index'),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], GanttTaskBase.prototype, "taskIndexAttribute", null);
-    tslib_1.__decorate([
-        core_1.ViewChild('task', { static: true }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], GanttTaskBase.prototype, "taskElement", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttTaskBase.prototype, "dataItem", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], GanttTaskBase.prototype, "index", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], GanttTaskBase.prototype, "level", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttTaskBase.prototype, "renderDependencyDragClues", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttTaskBase.prototype, "selectable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], GanttTaskBase.prototype, "isSelected", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], GanttTaskBase.prototype, "activeView", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], GanttTaskBase.prototype, "taskClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.left.px'),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], GanttTaskBase.prototype, "taskOffset", null);
-    return GanttTaskBase;
-}());
-exports.GanttTaskBase = GanttTaskBase;

package/dist/npm/rendering/gantt-task.component.js

@@ -1,64 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var mapping_service_1 = require("../common/mapping.service");
-var navigation_service_1 = require("../navigation/navigation.service");
-var edit_service_1 = require("../editing/edit.service");
-var touch_enabled_1 = require("../common/touch-enabled");
-var dependency_dom_service_1 = require("../dependencies/dependency-dom.service");
-var option_changes_service_1 = require("../common/option-changes.service");
-var timeline_view_service_1 = require("./../timeline/timeline-view.service");
-var gantt_task_base_1 = require("./gantt-task-base");
-/**
- * @hidden
- */
-var GanttTaskComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(GanttTaskComponent, _super);
-    function GanttTaskComponent(editService, touchEnabled, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
-        var _this = _super.call(this, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) || this;
-        _this.editService = editService;
-        _this.touchEnabled = touchEnabled;
-        return _this;
-    }
-    GanttTaskComponent_1 = GanttTaskComponent;
-    GanttTaskComponent.prototype.onTaskDelete = function () {
-        this.editService.dataItem = this.dataItem;
-        this.editService.taskDelete.next(this.dataItem);
-    };
-    var GanttTaskComponent_1;
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], GanttTaskComponent.prototype, "taskContentTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], GanttTaskComponent.prototype, "taskTemplate", void 0);
-    GanttTaskComponent = GanttTaskComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-gantt-task',
-            providers: [
-                {
-                    provide: gantt_task_base_1.GanttTaskBase,
-                    useExisting: core_1.forwardRef(function () { return GanttTaskComponent_1; })
-                }
-            ],
-            template: "\n        <div\n            #task\n            class=\"k-task k-task-single\"\n            role=\"treeitem\"\n            [ngClass]=\"taskClass(dataItem)\"\n            [style.width.px]=\"taskWidth\"\n            [attr.title]=\"mapper.extractFromTask(dataItem, 'title')\"\n            [class.k-state-selected]=\"isSelected(dataItem)\"\n            [attr.aria-selected]=\"ariaSelected\"\n            [attr.aria-level]=\"level + 1\"\n        >\n            <ng-container *ngIf=\"!taskTemplate\">\n                <div\n                    class=\"k-task-complete\"\n                    [style.width.px]=\"completionOverlayWidth\"\n                        aria-hidden=\"true\"\n                >\n                </div>\n                <div class=\"k-task-content\">\n                    <div class=\"k-task-template\">\n                        <ng-container *ngIf=\"!taskContentTemplate; else taskContent\">\n                            {{ mapper.extractFromTask(dataItem, 'title') }}\n                        </ng-container>\n                        <ng-template\n                            #taskContent\n                            [ngTemplateOutlet]=\"taskContentTemplate\"\n                            [ngTemplateOutletContext]=\"{ $implicit: dataItem }\"\n                        >\n                        </ng-template>\n                    </div>\n                    <span\n                        class=\"k-task-actions\"\n                        aria-hidden=\"true\"\n                    >\n                        <span\n                            class=\"k-link k-task-delete\"\n                            [kendoEventsOutsideAngular]=\"{\n                                click: onTaskDelete\n                            }\"\n                            [scope]=\"this\"\n                        >\n                            <span class=\"k-icon k-i-close\"></span>\n                        </span>\n                    </span>\n                </div>\n            </ng-container>\n            <ng-template\n                *ngIf=\"taskTemplate\"\n                [ngTemplateOutlet]=\"taskTemplate\"\n                [ngTemplateOutletContext]=\"{\n                    $implicit: dataItem,\n                    elementWidth: taskWidth\n                }\"\n            >\n            </ng-template>\n        </div>\n        <ng-container *ngIf=\"renderDependencyDragClues\">\n            <div\n                class=\"k-task-dot k-task-start k-touch-action-none\"\n                [class.k-display-block]=\"touchEnabled\"\n            >\n            </div>\n            <div\n                class=\"k-task-dot k-task-end k-touch-action-none\"\n                [class.k-display-block]=\"touchEnabled\"\n            >\n            </div>\n        </ng-container>\n    ",
-            styles: ["\n        .k-task.k-focus {\n            box-shadow: 0 0 4px 3px grey;\n            outline: none;\n        }\n        .k-task.k-focus.k-state-selected {\n            box-shadow: 0 0 4px 3px #ffaea8;\n        }\n    "]
-        }),
-        tslib_1.__param(1, core_1.Inject(touch_enabled_1.TOUCH_ENABLED)),
-        tslib_1.__metadata("design:paramtypes", [edit_service_1.EditService, Boolean, mapping_service_1.MappingService,
-            timeline_view_service_1.TimelineViewService,
-            dependency_dom_service_1.DependencyDomService,
-            option_changes_service_1.OptionChangesService,
-            core_1.ChangeDetectorRef,
-            navigation_service_1.NavigationService])
-    ], GanttTaskComponent);
-    return GanttTaskComponent;
-}(gantt_task_base_1.GanttTaskBase));
-exports.GanttTaskComponent = GanttTaskComponent;

package/dist/npm/rendering/gantt-tasks-table-body.component.js

@@ -1,90 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var dependency_dom_service_1 = require("../dependencies/dependency-dom.service");
-var mapping_service_1 = require("../common/mapping.service");
-var utils_1 = require("../utils");
-/**
- * @hidden
- */
-var GanttTasksTableBodyComponent = /** @class */ (function () {
-    function GanttTasksTableBodyComponent(dependencyDomService, mapper) {
-        this.dependencyDomService = dependencyDomService;
-        this.mapper = mapper;
-    }
-    Object.defineProperty(GanttTasksTableBodyComponent.prototype, "timelineRow", {
-        set: function (timelineRow) {
-            // register the row value only when the first row is rendered
-            // with server-side data-binding, the rows rendering could be delayed
-            if (utils_1.isPresent(timelineRow)) {
-                this.dependencyDomService.registerTimelineRow(timelineRow.nativeElement);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    GanttTasksTableBodyComponent.prototype.isMileStone = function (item) {
-        return !item.hasChildren && kendo_date_math_1.isEqual(this.mapper.extractFromTask(item.data, 'start'), this.mapper.extractFromTask(item.data, 'end'));
-    };
-    tslib_1.__decorate([
-        core_1.ViewChild('timelineRow', { static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef])
-    ], GanttTasksTableBodyComponent.prototype, "timelineRow", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttTasksTableBodyComponent.prototype, "selectable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], GanttTasksTableBodyComponent.prototype, "rows", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], GanttTasksTableBodyComponent.prototype, "activeView", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], GanttTasksTableBodyComponent.prototype, "taskContentTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], GanttTasksTableBodyComponent.prototype, "taskTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], GanttTasksTableBodyComponent.prototype, "summaryTaskTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], GanttTasksTableBodyComponent.prototype, "taskClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], GanttTasksTableBodyComponent.prototype, "isExpanded", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], GanttTasksTableBodyComponent.prototype, "isTaskSelected", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttTasksTableBodyComponent.prototype, "renderDependencyDragClues", void 0);
-    GanttTasksTableBodyComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: '[kendoGanttTasksTableBody]',
-            template: "\n        <tr #timelineRow *ngFor=\"let item of rows; let index = index\">\n            <td>\n                <kendo-gantt-milestone-task\n                    *ngIf=\"isMileStone(item); else task\"\n                    [dataItem]=\"item.data\"\n                    [level]=\"item.level\"\n                    [activeView]=\"activeView\"\n                    [taskClass]=\"taskClass\"\n                    [selectable]=\"selectable\"\n                    [isSelected]=\"isTaskSelected\"\n                    [index]=\"index\"\n                    [renderDependencyDragClues]=\"renderDependencyDragClues\"\n                >\n                </kendo-gantt-milestone-task>\n                <ng-template #task>\n                    <kendo-gantt-summary-task\n                        *ngIf=\"item.hasChildren\"\n                        [dataItem]=\"item.data\"\n                        [level]=\"item.level\"\n                        [template]=\"summaryTaskTemplate\"\n                        [activeView]=\"activeView\"\n                        [taskClass]=\"taskClass\"\n                        [selectable]=\"selectable\"\n                        [isSelected]=\"isTaskSelected\"\n                        [isExpanded]=\"isExpanded\"\n                        [index]=\"index\"\n                        [renderDependencyDragClues]=\"renderDependencyDragClues\"\n                    >\n                    </kendo-gantt-summary-task>\n                    <kendo-gantt-task\n                        *ngIf=\"!item.hasChildren\"\n                        [dataItem]=\"item.data\"\n                        [level]=\"item.level\"\n                        [taskContentTemplate]=\"taskContentTemplate\"\n                        [taskTemplate]=\"taskTemplate\"\n                        [activeView]=\"activeView\"\n                        [taskClass]=\"taskClass\"\n                        [selectable]=\"selectable\"\n                        [isSelected]=\"isTaskSelected\"\n                        [index]=\"index\"\n                        [renderDependencyDragClues]=\"renderDependencyDragClues\"\n                    >\n                    </kendo-gantt-task>\n                </ng-template>\n            </td>\n        </tr>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [dependency_dom_service_1.DependencyDomService,
-            mapping_service_1.MappingService])
-    ], GanttTasksTableBodyComponent);
-    return GanttTasksTableBodyComponent;
-}());
-exports.GanttTasksTableBodyComponent = GanttTasksTableBodyComponent;

package/dist/npm/scrolling/drag-scroll-settings.js

@@ -1,22 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * @hidden
- */
-var ScrollDirection;
-(function (ScrollDirection) {
-    ScrollDirection[ScrollDirection["Backwards"] = -1] = "Backwards";
-    ScrollDirection[ScrollDirection["Forward"] = 1] = "Forward";
-})(ScrollDirection = exports.ScrollDirection || (exports.ScrollDirection = {}));
-/**
- * @hidden
- */
-var ScrollAxis;
-(function (ScrollAxis) {
-    ScrollAxis["Vertical"] = "scrollTop";
-    ScrollAxis["Horizontal"] = "scrollLeft";
-})(ScrollAxis = exports.ScrollAxis || (exports.ScrollAxis = {}));

package/dist/npm/scrolling/scroll-sync.service.js

@@ -1,90 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-/**
- * @hidden
- */
-var ScrollSyncService = /** @class */ (function () {
-    function ScrollSyncService(ngZone) {
-        var _this = this;
-        this.ngZone = ngZone;
-        this.changes = new rxjs_1.Subject();
-        this.elements = [];
-        this.subscriptions = new rxjs_1.Subscription();
-        this.subscriptions.add(this.changes.subscribe(function (args) {
-            _this.scroll(args);
-        }));
-    }
-    ScrollSyncService.prototype.registerElement = function (el, sourceType) {
-        var _this = this;
-        this.elements.push({ element: el, sourceType: sourceType });
-        if (sourceType === "timeline" || sourceType === "treelist") {
-            this.ngZone.runOutsideAngular(function () {
-                var obs = rxjs_1.fromEvent(el, 'scroll').pipe(operators_1.map(function (_a) {
-                    var _b = _a.target, scrollTop = _b.scrollTop, scrollLeft = _b.scrollLeft;
-                    return ({
-                        scrollTop: scrollTop,
-                        scrollLeft: scrollLeft,
-                        sourceType: sourceType
-                    });
-                }));
-                var comparisonFn = sourceType === 'timeline' ?
-                    function (x, y) { return (x.scrollTop === y.scrollTop) && (x.scrollLeft === y.scrollLeft); } :
-                    function (x, y) { return (x.scrollTop === y.scrollTop); };
-                _this.subscriptions.add(obs.pipe(operators_1.distinctUntilChanged(comparisonFn))
-                    .subscribe(function (event) { return _this.changes.next(event); }));
-            });
-        }
-    };
-    ScrollSyncService.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-        this.elements = null;
-    };
-    ScrollSyncService.prototype.syncScrollTop = function (sourceType, targetType) {
-        var source = this.elements.find(function (element) { return element.sourceType === sourceType; });
-        var target = this.elements.find(function (element) { return element.sourceType === targetType; });
-        // Need to wait for the splitter pane's content to be rendered
-        this.ngZone.onStable.pipe(operators_1.take(1)).subscribe(function () { return target.element.scrollTop = source.element.scrollTop; });
-    };
-    ScrollSyncService.prototype.resetTimelineScrollLeft = function () {
-        var source = this.elements.find(function (element) { return element.sourceType === 'timeline'; });
-        source.element.scrollLeft = 0;
-    };
-    ScrollSyncService.prototype.scroll = function (_a) {
-        var _this = this;
-        var scrollTop = _a.scrollTop, scrollLeft = _a.scrollLeft, sourceType = _a.sourceType;
-        this.ngZone.runOutsideAngular(function () {
-            if (sourceType === 'timeline') {
-                var header = _this.elements.find(function (element) { return element.sourceType === 'header'; }).element;
-                header.scrollLeft = scrollLeft;
-                if (!_this.syncingTimeline) {
-                    _this.syncingTreeList = true;
-                    var treelist = _this.elements.find(function (element) { return element.sourceType === 'treelist'; }).element;
-                    treelist.scrollTop = scrollTop;
-                }
-                _this.syncingTimeline = false;
-            }
-            if (sourceType === 'treelist') {
-                if (!_this.syncingTreeList) {
-                    _this.syncingTimeline = true;
-                    var timeline = _this.elements.find(function (element) { return element.sourceType === 'timeline'; }).element;
-                    timeline.scrollTop = scrollTop;
-                }
-                _this.syncingTreeList = false;
-            }
-        });
-    };
-    ScrollSyncService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [core_1.NgZone])
-    ], ScrollSyncService);
-    return ScrollSyncService;
-}());
-exports.ScrollSyncService = ScrollSyncService;

package/dist/npm/scrolling/timeline-scroll.directive.js

@@ -1,91 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
-var utils_1 = require("../utils");
-var drag_scroll_settings_1 = require("./drag-scroll-settings");
-var timeline_scroll_service_1 = require("./timeline-scroll.service");
-var utils_2 = require("./utils");
-/**
- * @hidden
- */
-var TimelineScrollableDirective = /** @class */ (function () {
-    function TimelineScrollableDirective(timelineScrollableContainer, scrollService, zone) {
-        this.timelineScrollableContainer = timelineScrollableContainer;
-        this.scrollService = scrollService;
-        this.zone = zone;
-        this.subscriptions = new rxjs_1.Subscription();
-        this.subscriptions.add(this.scrollService.horizontalScroll
-            .subscribe(this.scrollHorizontallyTo.bind(this)));
-        this.subscriptions.add(this.scrollService.verticalScroll
-            .subscribe(this.scrollVerticallyTo.bind(this)));
-        this.subscriptions.add(this.scrollService.scrollCancel
-            .subscribe(this.cancelScroll.bind(this)));
-    }
-    TimelineScrollableDirective.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-    };
-    TimelineScrollableDirective.prototype.scrollHorizontallyTo = function (left) {
-        var _this = this;
-        this.zone.runOutsideAngular(function () {
-            var container = _this.timelineScrollableContainer.nativeElement;
-            var visibleBoundaries = utils_2.getViewportBoundaries(container);
-            if (left < visibleBoundaries.left + _this.scrollSettings.threshold) {
-                _this.horizontalScrollInterval = setInterval(function () {
-                    return utils_2.scrollElement(container, _this.scrollSettings.step, drag_scroll_settings_1.ScrollDirection.Backwards, drag_scroll_settings_1.ScrollAxis.Horizontal);
-                }, _this.scrollSettings.interval);
-            }
-            else if (left > visibleBoundaries.right - _this.scrollSettings.threshold) {
-                _this.horizontalScrollInterval = setInterval(function () {
-                    return utils_2.scrollElement(container, _this.scrollSettings.step, drag_scroll_settings_1.ScrollDirection.Forward, drag_scroll_settings_1.ScrollAxis.Horizontal);
-                }, _this.scrollSettings.interval);
-            }
-        });
-    };
-    TimelineScrollableDirective.prototype.scrollVerticallyTo = function (top) {
-        var _this = this;
-        this.zone.runOutsideAngular(function () {
-            var container = _this.timelineScrollableContainer.nativeElement;
-            var visibleBoundaries = utils_2.getViewportBoundaries(container);
-            if (top < visibleBoundaries.top + _this.scrollSettings.threshold) {
-                _this.verticalScrollInterval = setInterval(function () {
-                    return utils_2.scrollElement(container, _this.scrollSettings.step, drag_scroll_settings_1.ScrollDirection.Backwards, drag_scroll_settings_1.ScrollAxis.Vertical);
-                }, _this.scrollSettings.interval);
-            }
-            else if (top > visibleBoundaries.bottom - _this.scrollSettings.threshold) {
-                _this.verticalScrollInterval = setInterval(function () {
-                    return utils_2.scrollElement(container, _this.scrollSettings.step, drag_scroll_settings_1.ScrollDirection.Forward, drag_scroll_settings_1.ScrollAxis.Vertical);
-                }, _this.scrollSettings.interval);
-            }
-        });
-    };
-    TimelineScrollableDirective.prototype.cancelScroll = function () {
-        if (utils_1.isPresent(this.verticalScrollInterval)) {
-            clearInterval(this.verticalScrollInterval);
-            this.verticalScrollInterval = null;
-        }
-        if (utils_1.isPresent(this.horizontalScrollInterval)) {
-            clearInterval(this.horizontalScrollInterval);
-            this.horizontalScrollInterval = null;
-        }
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TimelineScrollableDirective.prototype, "scrollSettings", void 0);
-    TimelineScrollableDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoGanttTimelineScrollable]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            timeline_scroll_service_1.TimelineScrollService,
-            core_1.NgZone])
-    ], TimelineScrollableDirective);
-    return TimelineScrollableDirective;
-}());
-exports.TimelineScrollableDirective = TimelineScrollableDirective;

package/dist/npm/scrolling/timeline-scroll.service.js

@@ -1,41 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
-/**
- * @hidden
- *
- * Notifies the timeline-scroll.directive to scroll into view to requested coordinates.
- * The scrolling is performed based on client (viewport) coordinates.
- */
-var TimelineScrollService = /** @class */ (function () {
-    function TimelineScrollService() {
-        this.horizontalScroll = new rxjs_1.Subject();
-        this.verticalScroll = new rxjs_1.Subject();
-        this.scrollCancel = new rxjs_1.Subject();
-    }
-    TimelineScrollService.prototype.ngOnDestroy = function () {
-        this.horizontalScroll.complete();
-        this.verticalScroll.complete();
-        this.scrollCancel.complete();
-    };
-    TimelineScrollService.prototype.requestHorizontalScroll = function (clientTop) {
-        this.horizontalScroll.next(clientTop);
-    };
-    TimelineScrollService.prototype.requestVerticalScroll = function (clientLeft) {
-        this.verticalScroll.next(clientLeft);
-    };
-    TimelineScrollService.prototype.requestScrollCancel = function () {
-        this.scrollCancel.next();
-    };
-    TimelineScrollService = tslib_1.__decorate([
-        core_1.Injectable()
-    ], TimelineScrollService);
-    return TimelineScrollService;
-}());
-exports.TimelineScrollService = TimelineScrollService;