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

package/dist/npm/gantt.component.js

@@ -1,1636 +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_angular_treelist_1 = require("@progress/kendo-angular-treelist");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var rxjs_1 = require("rxjs");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var package_metadata_1 = require("./package-metadata");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var gantt_timeline_component_1 = require("./timeline/gantt-timeline.component");
-var columns_1 = require("./columns/columns");
-var default_callbacks_1 = require("./common/default-callbacks");
-var models_1 = require("./models/models");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var timeline_view_service_1 = require("./timeline/timeline-view.service");
-var timeline_day_view_service_1 = require("./timeline/timeline-day-view.service");
-var timeline_week_view_service_1 = require("./timeline/timeline-week-view.service");
-var timeline_month_view_service_1 = require("./timeline/timeline-month-view.service");
-var scroll_sync_service_1 = require("./scrolling/scroll-sync.service");
-var dependency_dom_service_1 = require("./dependencies/dependency-dom.service");
-var mapping_service_1 = require("./common/mapping.service");
-var option_changes_service_1 = require("./common/option-changes.service");
-var edit_service_1 = require("./editing/edit.service");
-var timeline_scroll_service_1 = require("./scrolling/timeline-scroll.service");
-var gantt_localization_service_1 = require("./localization/gantt-localization.service");
-var navigation_service_1 = require("./navigation/navigation.service");
-var utils_1 = require("./utils");
-var splitter_pane_options_interface_1 = require("./models/splitter-pane-options.interface");
-var task_template_directive_1 = require("./template-directives/task-template.directive");
-var summary_task_template_directive_1 = require("./template-directives/summary-task-template.directive");
-var task_content_template_directive_1 = require("./template-directives/task-content-template.directive");
-var toolbar_template_directive_1 = require("./toolbar/toolbar-template.directive");
-var view_base_1 = require("./timeline/view-base");
-var utils_2 = require("./editing/utils");
-var TREELIST_GROUP_COLUMNS_CLASS = 'k-gantt-treelist-nested-columns';
-var DEFAULT_VIEW = 'week';
-var DEFAULT_DRAG_SCROLL_SETTINGS = {
-    enabled: true,
-    step: 3,
-    interval: 1,
-    threshold: 10
-};
-/**
- * Represents the Kendo UI Gantt component for Angular.
- *
- * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-gantt
- *            [style.height.px]="500"
- *            [kendoGanttHierarchyBinding]="data"
- *            childrenField="subtasks"
- *            [dependencies]="dependencies">
- *            <kendo-gantt-column
- *                field="title"
- *                title="Task"
- *                [width]="200"
- *                [expandable]="true"></kendo-gantt-column>
- *            <kendo-gantt-column
- *                field="start"
- *                title="Start"
- *                format="dd-MMM-yyyy"
- *                [width]="120"></kendo-gantt-column>
- *            <kendo-gantt-column
- *                field="end"
- *                title="End"
- *                format="dd-MMM-yyyy"
- *                [width]="120"></kendo-gantt-column>
- *            <kendo-gantt-timeline-day-view></kendo-gantt-timeline-day-view>
- *            <kendo-gantt-timeline-week-view></kendo-gantt-timeline-week-view>
- *            <kendo-gantt-timeline-month-view></kendo-gantt-timeline-month-view>
- *        </kendo-gantt>
- *    `
- * })
- * class AppComponent {
- *     public data: Task[] = [{
- *         id: 7, title: 'Validation and R&D', start: new Date('2014-06-02T00:00:00.000Z'),
- *         end: new Date('2014-06-19T00:00:00.000Z'), completionRatio: 0.45708333333333334,
- *         subtasks: [
- *             { id: 18, title: 'Project Kickoff', start: new Date('2014-06-02T00:00:00.000Z'),
- *                 end: new Date('2014-06-02T00:00:00.000Z'), completionRatio: 0.23 },
- *             { id: 11, title: 'Research', start: new Date('2014-06-02T00:00:00.000Z'),
- *                 end: new Date('2014-06-07T00:00:00.000Z'), completionRatio: 0.5766666666666667,
- *                 subtasks: [
- *                     { id: 19, title: 'Validation', start: new Date('2014-06-02T00:00:00.000Z'),
- *                         end: new Date('2014-06-04T00:00:00.000Z'), completionRatio: 0.25 },
- *                     { id: 39, title: 'Specification', start: new Date('2014-06-04T00:00:00.000Z'),
- *                         end: new Date('2014-06-07T00:00:00.000Z'), completionRatio: 0.66 }]
- *             }, { id: 13, title: 'Implementation', start: new Date('2014-06-08T00:00:00.000Z'),
- *                 end: new Date('2014-06-19T00:00:00.000Z'), completionRatio: 0.77,
- *                 subtasks: [
- *                     { id: 24, title: 'Prototype', start: new Date('2014-06-08T00:00:00.000Z'),
- *                         end: new Date('2014-06-14T00:00:00.000Z'), completionRatio: 0.77 },
- *                     { id: 29, title: 'UI and Interaction', start: new Date('2014-06-14T00:00:00.000Z'),
- *                         end: new Date('2014-06-19T00:00:00.000Z'), completionRatio: 0.6 }]
- *             }, { id: 17, title: 'Release', start: new Date('2014-06-19T00:00:00.000Z'),
- *                 end: new Date('2014-06-19T00:00:00.000Z'), completionRatio: 0 }]
- *     }];
- *
- *     public dependencies: GanttDependency[] = [
- *         { id: 528, fromId: 18, toId: 19, type: DependencyType.FS },
- *         { id: 529, fromId: 19, toId: 39, type: DependencyType.FS },
- *         { id: 535, fromId: 24, toId: 29, type: DependencyType.FS },
- *         { id: 551, fromId: 13, toId: 29, type: DependencyType.FF },
- *         { id: 777, fromId: 7, toId: 11, type: DependencyType.SF },
- *         { id: 556, fromId: 39, toId: 24, type: DependencyType.FS },
- *         { id: 546, fromId: 29, toId: 17, type: DependencyType.FS },
- *     ];
- * }
- * ```
- */
-var GanttComponent = /** @class */ (function () {
-    function GanttComponent(timelineViewService, scrollSyncService, renderer, mapper, optionChangesService, dependencyDomService, editService, localizationService, hostElement, zone, navigationService) {
-        var _this = this;
-        this.timelineViewService = timelineViewService;
-        this.scrollSyncService = scrollSyncService;
-        this.renderer = renderer;
-        this.mapper = mapper;
-        this.optionChangesService = optionChangesService;
-        this.dependencyDomService = dependencyDomService;
-        this.editService = editService;
-        this.localizationService = localizationService;
-        this.hostElement = hostElement;
-        this.zone = zone;
-        this.navigationService = navigationService;
-        /**
-         * @hidden
-         */
-        this.roleDescription = 'Gantt Chart';
-        /**
-         * @hidden
-         */
-        this.role = 'application';
-        this.hostClasses = true;
-        /**
-         * Specifies a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection)).
-         *
-         * > The [`selectable`]({% slug api_gantt_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
-         */
-        this.isSelected = default_callbacks_1.isSelected;
-        /**
-         * Specifies a callback that determines if a new dependency is valid.
-         * Used when evaluating if an attempt to create a new dependency will result in a valid link between the two tasks
-         * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-validation).
-         *
-         * By defalut, dependencies are deemed invalid when:
-         *  - The two tasks are in a parent-child relationship.
-         *  - The two tasks are already dependent on one another. Only one dependency is allowed per pair.
-         *  - The start or end times of the two tasks are incompatible with the attempted dependency type.
-         */
-        this.validateNewDependency = this.defaultValidateNewDependencyCallback.bind(this);
-        /**
-         * Fires when the Gantt selection is changed through user interaction.
-         *
-         * Holds data about the affected [`items`]({% slug api_gantt_selectionchangeevent %}#toc-items) and the attempted [`action`]({% slug api_gantt_selectionchangeevent %}#toc-action):
-         * - `select` - Triggered on `click` or `ctrl + click` on deselected items.
-         * - `remove` - Triggered on `ctrl + click` on selected items.
-         */
-        this.selectionChange = new core_1.EventEmitter();
-        /**
-         * Enables or disables the Gantt selection mechanism ([see example]({% slug selection_gantt %}#toc-custom-selection)).
-         *
-         * > When set to `true`, the [`isSelected`]({% slug api_gantt_ganttcomponent %}#toc-isselected) callback has to be provided.
-         * > When applied, the [`SelectableDirective`]({% slug api_gantt_selectabledirective %}) sets `selectable` to `true` internally.
-         */
-        this.selectable = false;
-        /**
-         * Defines the dependencies that will be drawn between the rendered tasks.
-         *
-         * > The dependency data items should either conform to the [`GanttDependency`]({% slug api_gantt_ganttdependency %}) interface, or a [`dependencyModelFields`]({% slug api_gantt_ganttcomponent %}#toc-dependencymodelfields) object has to be provided.
-         */
-        this.dependencies = [];
-        /**
-         * Enables the sorting of the Gantt columns that have their `field` option set.
-         */
-        this.sortable = false;
-        /**
-         * The descriptors by which the data will be sorted.
-         */
-        this.sort = [];
-        /**
-         * Enables the filtering of the Gantt columns that have their `field` option set.
-         *
-         * @default false
-         */
-        this.filterable = false;
-        /**
-         * The start time of the work day.
-         * Accepts string values in the `HH:mm` format.
-         */
-        this.workDayStart = '08:00';
-        /**
-         * The end time of the work day.
-         * Accepts string values in the `HH:mm` format.
-         */
-        this.workDayEnd = '17:00';
-        /**
-         * The start of the work week (index based).
-         */
-        this.workWeekStart = 1;
-        /**
-         * The end of the work week (index based).
-         */
-        this.workWeekEnd = 5;
-        /**
-         * If set to `true`, the user can use dedicated shortcuts to interact with the Gantt.
-         * By default, navigation is disabled for the TreeList and Timeline parts of the component,
-         * ([see example]({% slug keyboard_navigation_gantt %})).
-         */
-        this.navigable = false;
-        /**
-         * Indicates whether the Gantt columns will be resized during initialization so that they fit their headers and row content.
-         * Columns with autoSize set to false are excluded.
-         *
-         * @default false
-         */
-        this.columnsAutoSize = false;
-        /**
-         * Specifies if the column menu of the columns will be displayed.
-         *
-         * @default false
-         */
-        this.columnMenu = false;
-        /**
-         * If set to true, the user can reorder columns by dragging their header cells.
-         *
-         * @default false
-         */
-        this.columnsReorderable = false;
-        /**
-         * If set to true, the user can resize columns by dragging the edges (resize handles) of their header cells.
-         *
-         * @default false
-         */
-        this.columnsResizable = false;
-        /**
-         * Fires when an item is expanded.
-         */
-        this.rowExpand = new core_1.EventEmitter();
-        /**
-         * Fires when a Gantt task in the timeline pane is double-clicked. The data item, associated with the clicked task,
-         * is available in the event data. Use the event handler to open a task editing dialog as necessary.
-         */
-        this.taskDblClick = new core_1.EventEmitter();
-        /**
-         * Fires when the user double clicks a cell.
-         */
-        this.cellDblClick = new core_1.EventEmitter();
-        /**
-         * Fires when the user leaves an edited cell.
-         */
-        this.cellClose = new core_1.EventEmitter();
-        /**
-         * Fires when the end user clicks the `Delete` button in the task editing dialog,
-         * the task delete icon, or presses the `Delete` key on the keyboard when a task in the timeline is focused.
-         * Use the event handler to open a confirmation dialog when necessary.
-         */
-        this.taskDelete = new core_1.EventEmitter();
-        /**
-         * Fires when an item is collapsed.
-         */
-        this.rowCollapse = new core_1.EventEmitter();
-        /**
-         * Fires when the user confirms deleting a task.
-         */
-        this.remove = new core_1.EventEmitter();
-        /**
-         * Fires when the user cancels editing a task.
-         */
-        this.cancel = new core_1.EventEmitter();
-        /**
-         * Fires when the user saves an edited task.
-         */
-        this.save = new core_1.EventEmitter();
-        /**
-         * Fires when the user adds a task.
-         */
-        this.taskAdd = new core_1.EventEmitter();
-        /**
-         * Fires when the user adds a dependency via dragging
-         * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-basic-concepts).
-         */
-        this.dependencyAdd = new core_1.EventEmitter();
-        /**
-         * Fires when the sorting of the Gantt is changed.
-         * You have to handle the event yourself and sort the data.
-         */
-        this.sortChange = new core_1.EventEmitter();
-        /**
-         * Fires when the Gantt filter is modified.
-         * You have to handle the event yourself and filter the data.
-         */
-        this.filterChange = new core_1.EventEmitter();
-        /**
-         * Fires when the filter or sort state of the Gantt is changed.
-         */
-        this.dataStateChange = new core_1.EventEmitter();
-        /**
-         * Fires when the collapsed state of the treelist pane is changed.
-         */
-        this.treeListPaneCollapsedChange = new core_1.EventEmitter();
-        /**
-         * Fires when the collapsed state of the timeline pane is changed.
-         */
-        this.timelinePaneCollapsedChange = new core_1.EventEmitter();
-        /**
-         * Fires each time the user resizes the timeline pane.
-         */
-        this.timelinePaneSizeChange = new core_1.EventEmitter();
-        /**
-         * Fires each time the user selects a different view type. The event data contains the type of the newly selected view.
-         */
-        this.activeViewChange = new core_1.EventEmitter();
-        /**
-         * Fires when the user completes the resizing of the column.
-         */
-        this.columnResize = new core_1.EventEmitter();
-        /**
-         * Fires when the user completes the reordering of the column.
-         */
-        this.columnReorder = new core_1.EventEmitter();
-        /**
-         * Fires when the user changes the visibility of the columns from the column menu or column chooser.
-         */
-        this.columnVisibilityChange = new core_1.EventEmitter();
-        /**
-         * @hidden
-         *
-         * Fires when the user changes the locked state of the columns from the column menu or by reordering the columns.
-         */
-        this.columnLockedChange = new core_1.EventEmitter();
-        /**
-         * Fires when a cell is clicked.
-         */
-        this.cellClick = new core_1.EventEmitter();
-        /**
-         * Fires when a task is clicked.
-         */
-        this.taskClick = new core_1.EventEmitter();
-        /**
-         * @hidden
-         *
-         * Specifies whether the dependency drag clues will be rendered.
-         * Set internally by the dependency-drag-create directive.
-         *
-         * @default false
-         */
-        this.renderDependencyDragClues = false;
-        /**
-         * @hidden
-         *
-         * Used by the GanttExpandableDirective.
-         */
-        this.expandStateChange = new core_1.EventEmitter();
-        /**
-         * @hidden
-         */
-        this.showEditingDialog = false;
-        /**
-         * @hidden
-         */
-        this.showConfirmationDialog = false;
-        this._columns = new core_1.QueryList();
-        this._data = [];
-        this._dragScrollSettings = tslib_1.__assign({}, DEFAULT_DRAG_SCROLL_SETTINGS);
-        this._timelinePaneOptions = tslib_1.__assign({}, splitter_pane_options_interface_1.DEFAULT_TIMELINE_PANE_SETTINGS);
-        this._treeListPaneOptions = tslib_1.__assign({}, splitter_pane_options_interface_1.DEFAULT_TREELIST_PANE_SETTINGS);
-        this._rowClass = default_callbacks_1.rowClassCallback;
-        this._taskClass = default_callbacks_1.taskClassCallback;
-        this._activeView = DEFAULT_VIEW;
-        this._toolbarSettings = {
-            position: 'top',
-            addTaskTool: 'none',
-            viewSelectorTool: 'top'
-        };
-        this._fetchChildren = default_callbacks_1.fetchChildren;
-        this._hasChildren = default_callbacks_1.hasChildren;
-        this.rtl = false;
-        this.optionChangesSubscriptions = new rxjs_1.Subscription();
-        this.editServiceSubscription = new rxjs_1.Subscription();
-        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
-        this.optionChangesSubscriptions.add(this.optionChangesService.viewChanges.subscribe(function () {
-            _this.loadTimelineData();
-        }));
-        this.optionChangesSubscriptions.add(this.optionChangesService.columnChanges.subscribe(function () {
-            _this.treeList.columns.notifyOnChanges();
-        }));
-        this.editService.getSelectedItem = this.getFirstSelectedItem.bind(this);
-        this.editServiceSubscription.add(this.editService.showEditingDialog.subscribe(function (show) { return _this.showEditingDialog = show; }));
-        this.editServiceSubscription.add(this.editService.taskDelete.subscribe(function (task) {
-            if (kendo_angular_common_1.hasObservers(_this.taskDelete)) {
-                _this.zone.run(function () {
-                    return _this.notifyTaskDelete(task);
-                });
-            }
-        }));
-        this.editServiceSubscription.add(this.editService.editEvent.subscribe(function (args) {
-            _this[args.editResultType].emit({
-                taskFormGroup: args.taskFormGroup,
-                item: utils_2.getEditItem(args.dataItem, _this.treeList.view.data, _this.mapper),
-                dependencies: args.dependencies,
-                sender: _this
-            });
-            _this.showConfirmationDialog = _this.showEditingDialog = false;
-            _this.editService.dataItem = _this.editService.taskFormGroup = null;
-            _this.updateView();
-            if (_this.navigable) {
-                _this.focus();
-            }
-        }));
-        this.editServiceSubscription.add(this.editService.addEvent.subscribe(function (args) {
-            var selectedItem = _this.getFirstSelectedItem();
-            _this.taskAdd.emit({
-                actionType: args.actionType,
-                selectedItem: selectedItem ? utils_2.getEditItem(selectedItem, _this.treeList.view.data, _this.mapper) : null
-            });
-            _this.updateView();
-        }));
-        this.localizationSubscription = this.localizationService.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.rtl = rtl;
-            _this.direction = _this.rtl ? 'rtl' : 'ltr';
-        });
-    }
-    GanttComponent_1 = GanttComponent;
-    Object.defineProperty(GanttComponent.prototype, "toolbarTemplate", {
-        get: function () {
-            if (this._customToolbarTemplate) {
-                return this._customToolbarTemplate;
-            }
-            return this.toolbarTemplateChildren ? this.toolbarTemplateChildren.first : undefined;
-        },
-        set: function (customToolbarTemplate) {
-            this._customToolbarTemplate = customToolbarTemplate;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "hostRoleDescriptionAttr", {
-        get: function () {
-            return this.roleDescription;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "hostRoleAttr", {
-        get: function () {
-            return this.role;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "dir", {
-        get: function () {
-            return this.direction;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "columns", {
-        get: function () {
-            return this._columns;
-        },
-        /**
-         * A query list of all declared columns.
-         */
-        set: function (columns) {
-            this._columns = columns;
-            this.updateTreeListGroupClass(columns);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "taskModelFields", {
-        /**
-         * Sets the fields which will be used to extract the task data from the provided `data` array items.
-         * The `id` field is also used as a TreeList data item unique identifier (defaults to `'id'`).
-         *
-         * > If no object is provided, the Gantt task data items will have to conform to the [`GanttTask`]({% slug api_gantt_gantttask %}) interface.
-         */
-        set: function (fields) {
-            this.mapper.taskFields = fields;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "dependencyModelFields", {
-        /**
-         * Sets the fields which will be used to extract the dependency data from the provided `dependencies` array items.
-         *
-         * > If no object is provided, the Gantt dependency data items will have to conform to the [`GanttDependency`]({% slug api_gantt_ganttdependency %}) interface.
-         */
-        set: function (fields) {
-            this.mapper.dependencyFields = fields;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "activeView", {
-        get: function () {
-            var _this = this;
-            /**
-             * If the default/provided activeView is not among the provided views,
-             * fallback to setting the first provided view as active
-             */
-            var view = this.views.find(function (view) { return view.type === _this._activeView; }) ?
-                this._activeView :
-                this.views.first.type;
-            return view;
-        },
-        /**
-         * The active timeline view.
-         * @default 'week'
-         */
-        set: function (view) {
-            this._activeView = view;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "data", {
-        get: function () {
-            return this._data;
-        },
-        /**
-         * Gets or sets the data of the Gantt.
-         *
-         * > The task data items should either conform to the [`GanttTask`]({% slug api_gantt_gantttask %}) interface, or a [`taskModelFields`]({% slug api_gantt_ganttcomponent %}#toc-taskmodelfields) object has to be provided.
-         */
-        set: function (data) {
-            this._data = utils_1.normalizeGanttData(data);
-            this.loadTimelineData();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "toolbarSettings", {
-        get: function () {
-            return this._toolbarSettings;
-        },
-        /**
-         * The toolbar configuration. Defines the position and content of the toolbar(s).
-         * The available properties are `position`, `addTaskTool`, and `viewSelectorTool`.
-         * All are optional and default to `top`.
-         *
-         * The possible values for each option are:
-         * - `top`&mdash;Positions the toolbar above the Gantt panes. Renders the respective tool in the top toolbar.
-         * - `bottom`&mdash;Positions the toolbar below the Gantt panes. Renders the respective tool in the bottom toolbar.
-         * - `both`&mdash;Displays two toolbar instances. Positions the first one above,
-         * and the second one - below the Gantt panes. Renders the respective tool in the both toolbars.
-         * - `none`&mdash;No toolbar is rendered when used for setting `position`.
-         * No add task or view selector tool is rendered when used for setting `addTaskTool` or `viewSelectorTool`.
-         */
-        set: function (value) {
-            this._toolbarSettings = {
-                position: value.position || 'top',
-                addTaskTool: value.addTaskTool || 'none',
-                viewSelectorTool: value.viewSelectorTool || 'top'
-            };
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "fetchChildren", {
-        get: function () {
-            return this._fetchChildren;
-        },
-        /**
-         * Gets or sets the callback function that retrieves the child items for a particular item.
-         */
-        set: function (fn) {
-            this._fetchChildren = fn;
-            this.editService.fetchChildren = fn;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "hasChildren", {
-        get: function () {
-            return this._hasChildren;
-        },
-        /**
-         * Gets or sets the callback function that indicates if a particular item has child items.
-         */
-        set: function (fn) {
-            this._hasChildren = fn;
-            this.editService.hasChildren = fn;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "timelinePaneOptions", {
-        get: function () {
-            return tslib_1.__assign({}, this._timelinePaneOptions, { size: this.treeListPaneOptions.collapsed ? '100%' : this._timelinePaneOptions.size });
-        },
-        /**
-         * The options of the timeline splitter pane. By default the pane is `collapsible`,
-         * `resizable`, not `collapsed`, and its `size` is `'50%'`.
-         */
-        set: function (value) {
-            if (this._timelinePaneOptions.collapsed && !value.collapsed) {
-                this.dependencyDomService.notifyChanges();
-            }
-            this._timelinePaneOptions = tslib_1.__assign({}, splitter_pane_options_interface_1.DEFAULT_TIMELINE_PANE_SETTINGS, value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "treeListPaneOptions", {
-        get: function () {
-            return this._treeListPaneOptions;
-        },
-        /**
-         * The options of the treelist splitter pane.
-         * By default the pane is `collapsible` and not `collapsed`.
-         */
-        set: function (value) {
-            this._treeListPaneOptions = tslib_1.__assign({}, splitter_pane_options_interface_1.DEFAULT_TREELIST_PANE_SETTINGS, value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "taskClass", {
-        get: function () {
-            return this._taskClass;
-        },
-        /**
-         * Defines a function that is executed for every task in the component.
-         * The classes returned from the function are applied to the task wrapper element.
-         */
-        set: function (fn) {
-            if (core_1.isDevMode() && typeof fn !== 'function') {
-                throw new Error("taskClass must be a function, but received " + JSON.stringify(fn) + ".");
-            }
-            this._taskClass = fn;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "rowClass", {
-        get: function () {
-            return this._rowClass;
-        },
-        /**
-         * Defines a function that is executed for every data row in the component.
-         */
-        set: function (fn) {
-            if (core_1.isDevMode() && typeof fn !== 'function') {
-                throw new Error("rowClass must be a function, but received " + JSON.stringify(fn) + ".");
-            }
-            this._rowClass = fn;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "taskIdField", {
-        /**
-         * The name of the field which contains the unique identifier of the task data item.
-         * Defaults to 'id'.
-         */
-        get: function () {
-            return this.mapper.taskFields.id;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "dragScrollSettings", {
-        get: function () {
-            return this._dragScrollSettings;
-        },
-        /**
-         * Specifies the settings for auto-scrolling during dragging
-         * when the pointer moves outside of the container bounderies
-         * [see example]({% slug editing_drag_create_dependencies_gantt %}#toc-auto-scrolling).
-         */
-        set: function (settings) {
-            this._dragScrollSettings = tslib_1.__assign({}, DEFAULT_DRAG_SCROLL_SETTINGS, settings);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "renderedTreeListItems", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (!utils_1.isPresent(this.treeList)) {
-                return [];
-            }
-            return this.treeList.view.data.map(function (item) { return item.data; });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "viewItems", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (!utils_1.isPresent(this.treeList)) {
-                return [];
-            }
-            return this.treeList.view.data;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "filterMenu", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.filterable ? 'menu' : false;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "viewService", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (!this.views || !this.views.length) {
-                return null;
-            }
-            // TODO: review if this is a performance concern?
-            return this.timelineViewService.service(this.activeView);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "isTaskSelected", {
-        /**
-         * @hidden
-         *
-         * Retrieves the `isSelected` callback if `selectable` is set to `true`
-         * Otherwise returns the default callback, which always returns `false`.
-         */
-        get: function () {
-            return this.selectable ? this.isSelected : default_callbacks_1.isSelected;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "idGetter", {
-        /**
-         * @hidden
-         *
-         * Used by the GanttExpandableDirective.
-         */
-        get: function () {
-            if (utils_1.isPresent(this.treeList)) {
-                return this.treeList.idGetter;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "viewTypes", {
-        /**
-         * @hidden
-         *
-         * Used by the views selector.
-         */
-        get: function () {
-            return this.views.map(function (view) { return view.type; });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GanttComponent.prototype, "isInEditMode", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.showEditingDialog || this.showConfirmationDialog || this.treeList.isEditing();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    GanttComponent.prototype.ngOnChanges = function (changes) {
-        if (kendo_angular_common_1.anyChanged(['data', 'activeView', 'workWeekStart', 'workWeekEnd', 'workDayStart', 'workDayEnd'], changes)) {
-            this.loadTimelineData();
-        }
-    };
-    GanttComponent.prototype.ngAfterViewInit = function () {
-        this.updateTreeListMargin();
-        if (this.navigable) {
-            this.navigationService.initialize({
-                gantt: this,
-                host: this.hostElement.nativeElement,
-                treeListElement: this.treeList.wrapper.nativeElement,
-                timelineElement: this.timeline.timelineContent.nativeElement
-            });
-        }
-        var leftContainer = this.treeList.wrapper.nativeElement.querySelector('kendo-treelist-list > div');
-        this.scrollSyncService.registerElement(leftContainer, 'treelist');
-    };
-    GanttComponent.prototype.ngAfterContentInit = function () {
-        if (core_1.isDevMode() && this.views.length === 0) {
-            throw new Error('No views declared for <kendo-gantt>. Please, declare at least one view.');
-        }
-        this.loadTimelineData();
-        this.updateTreeListGroupClass();
-    };
-    GanttComponent.prototype.ngOnDestroy = function () {
-        this.optionChangesSubscriptions.unsubscribe();
-        this.editServiceSubscription.unsubscribe();
-        if (this.localizationSubscription) {
-            this.localizationSubscription.unsubscribe();
-        }
-    };
-    /**
-     * Focuses the last active cell or task in the Gantt.
-     * If no item has previously been focused, the first cell of the TreeList part will receive focus,
-     * ([see example]({% slug keyboard_navigation_gantt %}#toc-controlling-the-focus)).
-     */
-    GanttComponent.prototype.focus = function () {
-        if (this.navigable) {
-            this.navigationService.focusLastActiveItem();
-        }
-    };
-    /**
-     * Focuses the targeted cell in the TreeList part of the component,
-     * ([see example]({% slug keyboard_navigation_gantt %}#toc-controlling-the-focus)).
-     */
-    GanttComponent.prototype.focusCell = function (rowIndex, colIndex) {
-        if (this.navigable) {
-            this.navigationService.focusCell(rowIndex, colIndex);
-        }
-    };
-    /**
-     * Focuses the targeted task in the Timeline part of the component,
-     * ([see example]({% slug keyboard_navigation_gantt %}#toc-controlling-the-focus)).
-     */
-    GanttComponent.prototype.focusTask = function (taskIndex) {
-        if (this.navigable) {
-            this.navigationService.focusTask(taskIndex);
-        }
-    };
-    /**
-     * Applies the minimum possible width for the specified column,
-     * so that the whole text fits without wrapping. This method expects the Gantt
-     * to be resizable (set `resizable` to `true`).
-     * Makes sense to execute this method only after the Gantt is already populated with data.
-     */
-    GanttComponent.prototype.autoFitColumn = function (column) {
-        if (utils_1.isPresent(this.treeList)) {
-            this.treeList.autoFitColumn(column);
-        }
-    };
-    /**
-     * Adjusts the width of the specified columns to fit the entire content, including headers, without wrapping.
-     * If no columns are specified, `autoFitColumns` is applied to all columns.
-     *
-     * This method requires the Gantt to be resizable (set `resizable` to `true`).
-     */
-    GanttComponent.prototype.autoFitColumns = function (columns) {
-        if (columns === void 0) { columns = this.columns; }
-        if (utils_1.isPresent(this.treeList)) {
-            this.treeList.autoFitColumns(columns);
-        }
-    };
-    /**
-     * Clears the already loaded children for the dataItem so that the Gantt will fetch them again the next time it is rendered.
-     */
-    GanttComponent.prototype.reload = function (dataItem, reloadChildren) {
-        if (utils_1.isPresent(this.treeList)) {
-            this.treeList.reload(dataItem, reloadChildren);
-        }
-    };
-    /**
-     * Changes the position of the specified column.
-     * The reordering of columns operates only on the level
-     * which is inferred by the source column.
-     * For the `reorderColumn` method to work properly,
-     * the `source` column has to be visible.
-     *
-     * @param {ColumnBase} source - The column whose position will be changed.
-     * @param {number} destIndex - The new position of the column.
-     * @param {ColumnReorderConfig} options - Additional options.
-     */
-    GanttComponent.prototype.reorderColumn = function (source, destIndex, options) {
-        if (options === void 0) { options = { before: false }; }
-        if (utils_1.isPresent(this.treeList)) {
-            this.treeList.reorderColumn(source, destIndex, options);
-        }
-    };
-    /**
-     * Forces the TreeList to evaluate if some data items have changed and re-renders the rows information, if needed.
-     * Recalculates and re-renders the Timeline period, if needed.
-     * Redraws changed dependencies, if needed.
-     * Executes all row-related callbacks anew.
-     */
-    GanttComponent.prototype.updateView = function () {
-        if (utils_1.isPresent(this.treeList)) {
-            this.treeList.updateView();
-        }
-        this.loadTimelineData();
-        this.dependencyDomService.notifyChanges();
-    };
-    /**
-     * Opens the task editing dialog.
-     */
-    GanttComponent.prototype.editTask = function (dataItem, formGroup) {
-        var _this = this;
-        if (!this.showEditingDialog) {
-            var taskId_1 = this.mapper.extractFromTask(dataItem, 'id');
-            var dependencies = this.dependencies.filter(function (item) {
-                return _this.mapper.extractFromDependency(item, 'toId') === taskId_1
-                    || _this.mapper.extractFromDependency(item, 'fromId') === taskId_1;
-            });
-            this.editService.createEditDialog(dataItem, formGroup, dependencies);
-        }
-    };
-    /**
-     * Closes the task editing dialog.
-     */
-    GanttComponent.prototype.closeTaskDialog = function () {
-        if (this.showEditingDialog) {
-            this.editService.closeEditDialog();
-        }
-    };
-    /**
-     * Opens the delete task confirmation dialog.
-     */
-    GanttComponent.prototype.openConfirmationDialog = function () {
-        this.showConfirmationDialog = true;
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.handleConfirmationDialogClose = function () {
-        this.showConfirmationDialog = false;
-        if (this.navigable) {
-            this.focus();
-        }
-    };
-    /**
-     * Opens a cell for editing.
-     */
-    GanttComponent.prototype.editCell = function (dataItem, column, formGroup) {
-        this.treeList.editCell(dataItem, column, formGroup);
-    };
-    /**
-     * Closes an edited cell.
-     */
-    GanttComponent.prototype.closeCell = function () {
-        this.treeList.closeCell();
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.handleCellClose = function (e) {
-        this.cellClose.emit(Object.assign(e, { item: this.editItem, sender: this }));
-        this.dependencyDomService.notifyChanges();
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.onTreeListCollapsedChange = function (collapsed) {
-        this.treeListPaneCollapsedChange.emit(collapsed);
-        if (!collapsed) {
-            this.scrollSyncService.syncScrollTop('timeline', 'treelist');
-        }
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.onTimelineCollapsedChange = function (collapsed) {
-        this.timelinePaneCollapsedChange.emit(collapsed);
-        if (!collapsed) {
-            this.scrollSyncService.syncScrollTop('treelist', 'timeline');
-            this.dependencyDomService.notifyChanges();
-        }
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.loadTimelineData = function () {
-        if (!utils_1.isPresent(this.viewService)) {
-            return;
-        }
-        var activeViewOptions = this.getActiveViewOptions();
-        this.viewService.options = tslib_1.__assign({ workWeekStart: this.workWeekStart, workWeekEnd: this.workWeekEnd, workDayStart: this.workDayStart, workDayEnd: this.workDayEnd }, activeViewOptions);
-        this.tableWidth = this.viewService.getTableWidth(this.data);
-        var _a = this.viewService.getSlots(this.data), groupedSlots = _a[0], slots = _a[1];
-        this.timelineSlots = slots;
-        this.timelineGroupSlots = groupedSlots;
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.showToolbar = function (position) {
-        return this.toolbarSettings.position !== 'none' && ([position, 'both'].indexOf(this.toolbarSettings.position) > -1);
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.handleColumnVisibilityChange = function (event) {
-        this.columnVisibilityChange.emit(event);
-        this.updateTreeListGroupClass();
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.onTimelinePaneSizeChange = function (e) {
-        this._timelinePaneOptions.size = e;
-        this.timelinePaneSizeChange.emit(e);
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.handleTimelineRightClick = function (event) {
-        var _this = this;
-        var target = event.target;
-        var gantt = this.hostElement.nativeElement;
-        if (!utils_1.isTask(target, gantt) || utils_1.isClearButton(target, gantt)) {
-            return;
-        }
-        if (kendo_angular_common_1.hasObservers(this.taskClick)) {
-            var taskIndex_1 = utils_1.getClosestTaskIndex(target, gantt);
-            var task_1 = this.renderedTreeListItems[taskIndex_1];
-            this.zone.run(function () { return _this.notifyTaskClick(event, task_1, taskIndex_1); });
-        }
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.handleTimelineClick = function (event) {
-        var _this = this;
-        var target = event.target;
-        var gantt = this.hostElement.nativeElement;
-        if (!utils_1.isTask(target, gantt) || utils_1.isClearButton(target, gantt)) {
-            return;
-        }
-        var taskIndex = utils_1.getClosestTaskIndex(target, gantt);
-        var task = this.renderedTreeListItems[taskIndex];
-        var selectionAction = this.getSelectionAction(event, task);
-        if ((kendo_angular_common_1.hasObservers(this.selectionChange) && !this.isSameSelection(selectionAction, task)) ||
-            kendo_angular_common_1.hasObservers(this.taskClick)) {
-            this.zone.run(function () {
-                _this.notifySelectionChange(task, selectionAction);
-                _this.notifyTaskClick(event, task, taskIndex);
-            });
-        }
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.handleTreeListDoubleClick = function (event) {
-        var _this = this;
-        if (!utils_1.isPresent(this.lastTreeListCellClick) || event.target !== this.lastTreeListCellClick.originalEvent.target) {
-            return;
-        }
-        this.editItem = utils_2.getEditItem(this.lastTreeListCellClick.dataItem, this.treeList.view.data, this.mapper);
-        if (kendo_angular_common_1.hasObservers(this.cellDblClick)) {
-            this.zone.run(function () {
-                _this.cellDblClick.emit({
-                    column: _this.lastTreeListCellClick.column,
-                    columnIndex: _this.lastTreeListCellClick.columnIndex,
-                    dataItem: _this.lastTreeListCellClick.dataItem,
-                    isEdited: _this.lastTreeListCellClick.isEdited,
-                    originalEvent: _this.lastTreeListCellClick.originalEvent,
-                    rowIndex: _this.lastTreeListCellClick.rowIndex,
-                    type: 'dblclick',
-                    sender: _this
-                });
-            });
-        }
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.handleTreeListSelectionChange = function (event) {
-        // prevent selection change from right-click
-        if (utils_1.isPresent(this.lastTreeListCellClick) && this.lastTreeListCellClick.type === 'contextmenu') {
-            return;
-        }
-        var task = event.items.map(function (item) { return item.dataItem; })[0]; // single selection only currently available
-        var action = event.action;
-        this.notifySelectionChange(task, action);
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.handleTreeListCellClick = function (event) {
-        this.lastTreeListCellClick = event;
-        this.cellClick.emit({
-            column: event.column,
-            columnIndex: event.columnIndex,
-            dataItem: event.dataItem,
-            isEdited: event.isEdited,
-            originalEvent: event.originalEvent,
-            rowIndex: event.rowIndex,
-            type: event.type,
-            sender: this
-        });
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.handleDeleteConfirmation = function () {
-        this.editService.triggerEditEvent('remove');
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.handleTimelineMouseDown = function (event) {
-        var target = event.target;
-        var gantt = this.hostElement.nativeElement;
-        if (!utils_1.isTask(target, gantt) || utils_1.isClearButton(target, gantt)) {
-            return;
-        }
-        event.preventDefault();
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.handleTimelineDblClick = function (event) {
-        var _this = this;
-        var target = event.target;
-        var gantt = this.hostElement.nativeElement;
-        if (!utils_1.isTask(target, gantt) || utils_1.isClearButton(target, gantt)) {
-            return;
-        }
-        if (kendo_angular_common_1.hasObservers(this.taskDblClick)) {
-            var taskIndex_2 = utils_1.getClosestTaskIndex(target, gantt);
-            var task_2 = this.renderedTreeListItems[taskIndex_2];
-            this.zone.run(function () { return _this.taskDblClick.emit({
-                dataItem: task_2,
-                originalEvent: event,
-                sender: _this,
-                index: taskIndex_2,
-                type: 'dblclick'
-            }); });
-        }
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.getText = function (token) {
-        return this.localizationService.get(token);
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.changeActiveView = function (view) {
-        if (view !== this.activeView) {
-            this.activeView = view;
-            this.loadTimelineData();
-            this.scrollSyncService.resetTimelineScrollLeft();
-            this.activeViewChange.emit(view);
-        }
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.notifyTaskClick = function (event, dataItem, itemIndex) {
-        // simulates the TreeList `cellClick` event triggered by enter press (type: 'click')
-        var type = event instanceof KeyboardEvent ? 'click' : event.type;
-        this.taskClick.emit({
-            originalEvent: event,
-            dataItem: dataItem,
-            index: itemIndex,
-            type: type,
-            sender: this
-        });
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.notifySelectionChange = function (dataItem, action) {
-        if (this.isSameSelection(action, dataItem)) {
-            return;
-        }
-        this.selectionChange.emit({
-            action: action,
-            items: [dataItem],
-            sender: this
-        });
-        this.treeList.updateView();
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.notifyTaskDelete = function (task) {
-        this.editService.dataItem = task;
-        this.taskDelete.emit({
-            item: utils_2.getEditItem(task, this.treeList.view.data, this.mapper),
-            sender: this
-        });
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.isSameSelection = function (action, dataItem) {
-        return action === 'select' && this.isSelected(dataItem);
-    };
-    /**
-     * @hidden
-     */
-    GanttComponent.prototype.getSelectionAction = function (_a, dataItem) {
-        var ctrlKey = _a.ctrlKey, metaKey = _a.metaKey;
-        var shouldToggleSelection = ctrlKey || metaKey;
-        return (shouldToggleSelection && this.isSelected(dataItem)) ? 'remove' : 'select';
-    };
-    GanttComponent.prototype.updateTreeListGroupClass = function (columns) {
-        if (columns === void 0) { columns = this.columns; }
-        if (!utils_1.isPresent(this.treeList)) {
-            return;
-        }
-        var hasColumns = utils_1.isPresent(columns) && columns.length > 0;
-        var hasVisibleGroupedColumns = hasColumns && columns.some(function (column) {
-            return utils_1.isColumnGroup(column) && column.childrenArray.some(function (childColumn) { return childColumn.isVisible; });
-        });
-        if (hasVisibleGroupedColumns) {
-            this.renderer.addClass(this.treeList.wrapper.nativeElement, TREELIST_GROUP_COLUMNS_CLASS);
-        }
-        else {
-            this.renderer.removeClass(this.treeList.wrapper.nativeElement, TREELIST_GROUP_COLUMNS_CLASS);
-        }
-    };
-    /**
-     * Used to hide the vertical scrollbar
-     */
-    GanttComponent.prototype.updateTreeListMargin = function () {
-        var treeListContentEl = this.treeList.wrapper.nativeElement.querySelector('.k-treelist .k-grid-content');
-        this.renderer.setStyle(treeListContentEl, 'margin-right', -Math.abs(utils_1.scrollbarWidth() - 1) + "px");
-    };
-    GanttComponent.prototype.getActiveViewOptions = function () {
-        var _this = this;
-        if (!this.views) {
-            return;
-        }
-        return this.views.find(function (view) { return view.type === _this.activeView; });
-    };
-    GanttComponent.prototype.getFirstSelectedItem = function () {
-        var isSelectedCallback = this.isSelected || default_callbacks_1.isSelected;
-        var loadedItems = this.renderedTreeListItems || [];
-        return loadedItems.find(isSelectedCallback);
-    };
-    GanttComponent.prototype.defaultValidateNewDependencyCallback = function (dependency) {
-        var _this = this;
-        var fromTaskId = this.mapper.extractFromDependency(dependency, 'fromId');
-        var toTaskId = this.mapper.extractFromDependency(dependency, 'toId');
-        var fromTask = this.treeList.view.data.find(function (task) {
-            return _this.mapper.extractFromTask(task.data, 'id') === fromTaskId;
-        });
-        var toTask = this.treeList.view.data.find(function (task) {
-            return _this.mapper.extractFromTask(task.data, 'id') === toTaskId;
-        });
-        // mark as invalid if the attempted dependency is lacking valid from- and to-tasks
-        // or when the from- and to-tasks are actually the same task
-        if (!utils_1.isPresent(fromTask) || !utils_1.isPresent(fromTask.data) ||
-            !utils_1.isPresent(toTask) || !utils_1.isPresent(toTask.data) ||
-            fromTask.data === toTask.data) {
-            return false;
-        }
-        var tasksDependentOnOneAnother = this.dependencies.some(function (current) {
-            var currentFromId = _this.mapper.extractFromDependency(current, 'fromId');
-            var currentToId = _this.mapper.extractFromDependency(current, 'toId');
-            return (fromTaskId === currentFromId && toTaskId === currentToId) ||
-                (toTaskId === currentFromId && fromTaskId === currentToId);
-        });
-        // mark as invalid if the attempted dependency is trying to connect already dependent tasks
-        // mark as invalid if the two tasks are in parent-child relationship
-        if (tasksDependentOnOneAnother || utils_1.areParentChild(fromTask, toTask)) {
-            return false;
-        }
-        var fromTaskStart = this.mapper.extractFromTask(fromTask.data, 'start');
-        var fromTaskEnd = this.mapper.extractFromTask(fromTask.data, 'end');
-        var toTaskStart = this.mapper.extractFromTask(toTask.data, 'start');
-        var toTaskEnd = this.mapper.extractFromTask(toTask.data, 'end');
-        // if the two tasks are available to be connected via a dependency,
-        // check if their start and end time allow for the attempted dependency type
-        switch (this.mapper.extractFromDependency(dependency, 'type')) {
-            // finish to finish (FF) — the from-task ends before the to-task can end
-            case models_1.DependencyType.FF:
-                return fromTaskEnd <= toTaskEnd;
-            // finish to start (FS) — the from-task ends before the to-task can begin
-            case models_1.DependencyType.FS:
-                return fromTaskEnd <= toTaskStart;
-            // start to finish (SF) — the from-task begins before the to-task can end
-            case models_1.DependencyType.SF:
-                return fromTaskStart <= toTaskEnd;
-            // start to start (SS) — the from-task begins before the to-task can begin
-            case models_1.DependencyType.SS:
-                return fromTaskStart <= toTaskStart;
-            default: return false;
-        }
-    };
-    var GanttComponent_1;
-    tslib_1.__decorate([
-        core_1.ViewChild(kendo_angular_treelist_1.TreeListComponent, { static: true }),
-        tslib_1.__metadata("design:type", kendo_angular_treelist_1.TreeListComponent)
-    ], GanttComponent.prototype, "treeList", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild(gantt_timeline_component_1.GanttTimelineComponent, { static: false }),
-        tslib_1.__metadata("design:type", gantt_timeline_component_1.GanttTimelineComponent)
-    ], GanttComponent.prototype, "timeline", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(task_content_template_directive_1.GanttTaskContentTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", task_content_template_directive_1.GanttTaskContentTemplateDirective)
-    ], GanttComponent.prototype, "taskContentTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(task_template_directive_1.GanttTaskTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", task_template_directive_1.GanttTaskTemplateDirective)
-    ], GanttComponent.prototype, "taskTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(summary_task_template_directive_1.GanttSummaryTaskTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", summary_task_template_directive_1.GanttSummaryTaskTemplateDirective)
-    ], GanttComponent.prototype, "summaryTaskTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(toolbar_template_directive_1.ToolbarTemplateDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], GanttComponent.prototype, "toolbarTemplateChildren", void 0);
-    tslib_1.__decorate([
-        core_1.Input('aria-roledescription'),
-        tslib_1.__metadata("design:type", String)
-    ], GanttComponent.prototype, "roleDescription", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-roledescription'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], GanttComponent.prototype, "hostRoleDescriptionAttr", null);
-    tslib_1.__decorate([
-        core_1.Input('role'),
-        tslib_1.__metadata("design:type", String)
-    ], GanttComponent.prototype, "role", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.role'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], GanttComponent.prototype, "hostRoleAttr", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-gantt'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], GanttComponent.prototype, "dir", null);
-    tslib_1.__decorate([
-        core_1.ContentChildren(columns_1.GanttColumnBase),
-        tslib_1.__metadata("design:type", core_1.QueryList),
-        tslib_1.__metadata("design:paramtypes", [core_1.QueryList])
-    ], GanttComponent.prototype, "columns", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], GanttComponent.prototype, "taskModelFields", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], GanttComponent.prototype, "dependencyModelFields", null);
-    tslib_1.__decorate([
-        core_1.ContentChildren(view_base_1.ViewBase),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], GanttComponent.prototype, "views", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], GanttComponent.prototype, "activeView", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], GanttComponent.prototype, "data", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], GanttComponent.prototype, "isSelected", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], GanttComponent.prototype, "validateNewDependency", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "selectionChange", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttComponent.prototype, "selectable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], GanttComponent.prototype, "toolbarSettings", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Function])
-    ], GanttComponent.prototype, "fetchChildren", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Function])
-    ], GanttComponent.prototype, "hasChildren", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], GanttComponent.prototype, "dependencies", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttComponent.prototype, "sortable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], GanttComponent.prototype, "sort", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttComponent.prototype, "filterable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttComponent.prototype, "filter", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], GanttComponent.prototype, "workDayStart", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], GanttComponent.prototype, "workDayEnd", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], GanttComponent.prototype, "workWeekStart", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], GanttComponent.prototype, "workWeekEnd", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttComponent.prototype, "navigable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], GanttComponent.prototype, "timelinePaneOptions", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], GanttComponent.prototype, "treeListPaneOptions", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Function])
-    ], GanttComponent.prototype, "taskClass", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Function])
-    ], GanttComponent.prototype, "rowClass", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], GanttComponent.prototype, "isExpanded", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttComponent.prototype, "columnsAutoSize", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttComponent.prototype, "columnMenu", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttComponent.prototype, "columnsReorderable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttComponent.prototype, "columnsResizable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], GanttComponent.prototype, "dragScrollSettings", null);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "rowExpand", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "taskDblClick", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "cellDblClick", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "cellClose", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "taskDelete", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "rowCollapse", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "remove", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "cancel", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "save", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "taskAdd", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "dependencyAdd", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "sortChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "filterChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "dataStateChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "treeListPaneCollapsedChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "timelinePaneCollapsedChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "timelinePaneSizeChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "activeViewChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "columnResize", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "columnReorder", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "columnVisibilityChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "columnLockedChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "cellClick", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], GanttComponent.prototype, "taskClick", void 0);
-    GanttComponent = GanttComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-gantt',
-            exportAs: 'kendoGantt',
-            providers: [
-                gantt_localization_service_1.GanttLocalizationService,
-                kendo_angular_l10n_1.LocalizationService,
-                {
-                    provide: kendo_angular_treelist_1.DataBoundTreeComponent,
-                    useExisting: core_1.forwardRef(function () { return GanttComponent_1; })
-                },
-                {
-                    provide: kendo_angular_treelist_1.ExpandableTreeComponent,
-                    useExisting: core_1.forwardRef(function () { return GanttComponent_1; })
-                },
-                timeline_view_service_1.TimelineViewService,
-                timeline_day_view_service_1.TimelineDayViewService,
-                timeline_week_view_service_1.TimelineWeekViewService,
-                timeline_month_view_service_1.TimelineMonthViewService,
-                scroll_sync_service_1.ScrollSyncService,
-                dependency_dom_service_1.DependencyDomService,
-                mapping_service_1.MappingService,
-                option_changes_service_1.OptionChangesService,
-                edit_service_1.EditService,
-                timeline_scroll_service_1.TimelineScrollService,
-                navigation_service_1.NavigationService
-            ],
-            template: "\n        <ng-container kendoGanttLocalizedMessages\n            i18n-taskEditingGeneralTabTitle=\"kendo.gantt.taskEditingGeneralTabTitle|The title of the 'General' tab of the editing dialog TabStrip\"\n            taskEditingGeneralTabTitle=\"General\"\n\n            i18n-taskEditingPredecessorsTabTitle=\"kendo.gantt.taskEditingPredecessorsTabTitle|The title of the 'Predecessors' dependencies tab of the editing dialog TabStrip\"\n            taskEditingPredecessorsTabTitle=\"Predecessors\"\n\n            i18n-taskEditingSuccessorsTabTitle=\"kendo.gantt.taskEditingSuccessorsTabTitle|The title of the 'Successors' dependencies tab of the editing dialog TabStrip\"\n            taskEditingSuccessorsTabTitle=\"Successors\"\n\n            i18n-taskEditingDependenciesAddButtonText=\"kendo.gantt.taskEditingDependenciesAddButtonText|The text of the 'Add' button in the dependencies tabs of the editing dialog TabStrip\"\n            taskEditingDependenciesAddButtonText=\"Add\"\n\n            i18n-taskEditingDependenciesRemoveButtonText=\"kendo.gantt.taskEditingDependenciesRemoveButtonText|The text of the 'Remove' button in the dependencies tabs of the editing dialog TabStrip\"\n            taskEditingDependenciesRemoveButtonText=\"Remove\"\n\n            i18n-taskEditingDependenciesGridNameColumnTitle=\"kendo.gantt.taskEditingDependenciesGridNameColumnTitle|The title of the 'Task Title' Grid column in the dependencies tabs of the editing dialog TabStrip\"\n            taskEditingDependenciesGridNameColumnTitle=\"Task Title\"\n\n            i18n-taskEditingDependenciesGridTypeColumnTitle=\"kendo.gantt.taskEditingDependenciesGridTypeColumnTitle|The title of the 'Type' Grid column in the dependencies tabs of the editing dialog TabStrip\"\n            taskEditingDependenciesGridTypeColumnTitle=\"Type\"\n\n            i18n-taskDeleteLabel=\"kendo.gantt.taskDeleteLabel|The label of the task delete icon\"\n            taskDeleteLabel=\"Delete\"\n\n            i18n-taskEditingDialogTitle=\"kendo.gantt.taskEditingDialogTitle|The title of the task editing dialog\"\n            taskEditingDialogTitle=\"Editing Task\"\n\n            i18n-taskEditingDialogCloseTitle=\"kendo.gantt.taskEditingDialogCloseTitle|The title of the task editing dialog close button\"\n            taskEditingDialogCloseTitle=\"Close\"\n\n            i18n-confirmationDialogCloseTitle=\"kendo.gantt.confirmationDialogCloseTitle|The title of the confirmation dialog close button\"\n            confirmationDialogCloseTitle=\"Close\"\n\n            i18n-confirmationDialogTitle=\"kendo.gantt.confirmationDialogTitle|The title of the delete task confirmation dialog\"\n            confirmationDialogTitle=\"Delete Task\"\n\n            i18n-confirmationDialogContent=\"kendo.gantt.confirmationDialogContent|The content of the delete task confirmation dialog\"\n            confirmationDialogContent=\"Are you sure you want to delete this task?\"\n\n            i18n-deleteButtonText=\"kendo.gantt.deleteButtonText|The text of the task editing dialog 'Delete' button\"\n            deleteButtonText=\"Delete\"\n\n            i18n-cancelButtonText=\"kendo.gantt.cancelButtonText|The text of the task editing dialog 'Cancel' button\"\n            cancelButtonText=\"Cancel\"\n\n            i18n-saveButtonText=\"kendo.gantt.saveButtonText|The text of the task editing dialog 'Save' button\"\n            saveButtonText=\"Save\"\n\n            i18n-titleFieldInputLabel=\"kendo.gantt.titleFieldInputLabel|The label of the 'title' field input in editing mode\"\n            titleFieldInputLabel=\"Title\"\n\n            i18n-startFieldInputLabel=\"kendo.gantt.startFieldInputLabel|The label of the 'start' field input in editing mode\"\n            startFieldInputLabel=\"Start\"\n\n            i18n-endFieldInputLabel=\"kendo.gantt.endFieldInputLabel|The label of the 'end' field input in editing mode\"\n            endFieldInputLabel=\"End\"\n\n            i18n-completionRatioFieldInputLabel=\"kendo.gantt.completionRatioFieldInputLabel|The label of the 'completionRatio' field input in editing mode\"\n            completionRatioFieldInputLabel=\"Progress\"\n\n            i18n-dayViewText=\"kendo.gantt.dayViewText|The text of the day view in the ViewSelector component\"\n            dayViewText=\"Day\"\n\n            i18n-weekViewText=\"kendo.gantt.weekViewText|The text of the week view in the ViewSelector component\"\n            weekViewText=\"Week\"\n\n            i18n-monthViewText=\"kendo.gantt.monthViewText|The text of the month view in the ViewSelector component\"\n            monthViewText=\"Month\"\n\n            i18n-yearViewText-disabled=\"kendo.gantt.yearViewText|The text of the year view in the ViewSelector component\"\n            yearViewText=\"Year\"\n\n            i18n-addTaskText=\"kendo.gantt.addTaskText|The text of the DropDownButton in the AddTask component\"\n            addTaskText=\"Add Task\"\n\n            i18n-addChildText=\"kendo.gantt.addChildText|The text of the 'Add Child' option in the AddTask component\"\n            addChildText=\"Add Child\"\n\n            i18n-addAboveText=\"kendo.gantt.addAboveText|The text of the 'Add Above' option in the AddTask component\"\n            addAboveText=\"Add Above\"\n\n            i18n-addBelowText=\"kendo.gantt.addBelowText|The text of the 'Add Below' option in the AddTask component\"\n            addBelowText=\"Add Below\"\n\n            i18n-noRecords=\"kendo.gantt.noRecords|The label visible in the TreeList when there are no records\"\n            noRecords=\"No records available.\"\n\n            i18n-filter=\"kendo.gantt.filter|The label of the filter cell or icon\"\n            filter=\"Filter\"\n\n            i18n-filterEqOperator=\"kendo.gantt.filterEqOperator|The text of the equal filter operator\"\n            filterEqOperator=\"Is equal to\"\n\n            i18n-filterNotEqOperator=\"kendo.gantt.filterNotEqOperator|The text of the not equal filter operator\"\n            filterNotEqOperator=\"Is not equal to\"\n\n            i18n-filterIsNullOperator=\"kendo.gantt.filterIsNullOperator|The text of the is null filter operator\"\n            filterIsNullOperator=\"Is null\"\n\n            i18n-filterIsNotNullOperator=\"kendo.gantt.filterIsNotNullOperator|The text of the is not null filter operator\"\n            filterIsNotNullOperator=\"Is not null\"\n\n            i18n-filterIsEmptyOperator=\"kendo.gantt.filterIsEmptyOperator|The text of the is empty filter operator\"\n            filterIsEmptyOperator=\"Is empty\"\n\n            i18n-filterIsNotEmptyOperator=\"kendo.gantt.filterIsNotEmptyOperator|The text of the is not empty filter operator\"\n            filterIsNotEmptyOperator=\"Is not empty\"\n\n            i18n-filterStartsWithOperator=\"kendo.gantt.filterStartsWithOperator|The text of the starts with filter operator\"\n            filterStartsWithOperator=\"Starts with\"\n\n            i18n-filterContainsOperator=\"kendo.gantt.filterContainsOperator|The text of the contains filter operator\"\n            filterContainsOperator=\"Contains\"\n\n            i18n-filterNotContainsOperator=\"kendo.gantt.filterNotContainsOperator|The text of the does not contain filter operator\"\n            filterNotContainsOperator=\"Does not contain\"\n\n            i18n-filterEndsWithOperator=\"kendo.gantt.filterEndsWithOperator|The text of the ends with filter operator\"\n            filterEndsWithOperator=\"Ends with\"\n\n            i18n-filterGteOperator=\"kendo.gantt.filterGteOperator|The text of the greater than or equal filter operator\"\n            filterGteOperator=\"Is greater than or equal to\"\n\n            i18n-filterGtOperator=\"kendo.gantt.filterGtOperator|The text of the greater than filter operator\"\n            filterGtOperator=\"Is greater than\"\n\n            i18n-filterLteOperator=\"kendo.gantt.filterLteOperator|The text of the less than or equal filter operator\"\n            filterLteOperator=\"Is less than or equal to\"\n\n            i18n-filterLtOperator=\"kendo.gantt.filterLtOperator|The text of the less than filter operator\"\n            filterLtOperator=\"Is less than\"\n\n            i18n-filterIsTrue=\"kendo.gantt.filterIsTrue|The text of the IsTrue boolean filter option\"\n            filterIsTrue=\"Is True\"\n\n            i18n-filterIsFalse=\"kendo.gantt.filterIsFalse|The text of the IsFalse boolean filter option\"\n            filterIsFalse=\"Is False\"\n\n            i18n-filterBooleanAll=\"kendo.gantt.filterBooleanAll|The text of the (All) boolean filter option\"\n            filterBooleanAll=\"(All)\"\n\n            i18n-filterAfterOrEqualOperator=\"kendo.gantt.filterAfterOrEqualOperator|The text of the after or equal date filter operator\"\n            filterAfterOrEqualOperator=\"Is after or equal to\"\n\n            i18n-filterAfterOperator=\"kendo.gantt.filterAfterOperator|The text of the after date filter operator\"\n            filterAfterOperator=\"Is after\"\n\n            i18n-filterBeforeOperator=\"kendo.gantt.filterBeforeOperator|The text of the before date filter operator\"\n            filterBeforeOperator=\"Is before\"\n\n            i18n-filterBeforeOrEqualOperator=\"kendo.gantt.filterBeforeOrEqualOperator|The text of the before or equal date filter operator\"\n            filterBeforeOrEqualOperator=\"Is before or equal to\"\n\n            i18n-filterFilterButton=\"kendo.gantt.filterFilterButton|The text of the filter button\"\n            filterFilterButton=\"Filter\"\n\n            i18n-filterClearButton=\"kendo.gantt.filterClearButton|The text of the clear filter button\"\n            filterClearButton=\"Clear\"\n\n            i18n-filterAndLogic=\"kendo.gantt.filterAndLogic|The text of the And filter logic\"\n            filterAndLogic=\"And\"\n\n            i18n-filterOrLogic=\"kendo.gantt.filterOrLogic|The text of the Or filter logic\"\n            filterOrLogic=\"Or\"\n\n            i18n-loading=\"kendo.gantt.loading|The loading text\"\n            loading=\"Loading\"\n\n            i18n-columnMenu=\"kendo.gantt.columnMenu|The title of the column menu icon\"\n            columnMenu=\"Column Menu\"\n\n            i18n-columns=\"kendo.gantt.columns|The text shown in the column menu for the columns item\"\n            columns=\"Columns\"\n\n            i18n-lock-disabled=\"kendo.gantt.lock|The text shown in the column menu for the lock item\"\n            lock-disabled=\"Lock\"\n\n            i18n-unlock-disabled=\"kendo.gantt.unlock|The text shown in the column menu for the unlock item\"\n            unlock-disabled=\"Unlock\"\n\n            i18n-sortable=\"kendo.gantt.sortable|The label of the sort icon\"\n            sortable=\"Sortable\"\n\n            i18n-sortAscending=\"kendo.gantt.sortAscending|The text shown in the column menu for the sort ascending item\"\n            sortAscending=\"Sort Ascending\"\n\n            i18n-sortDescending=\"kendo.gantt.sortDescending|The text shown in the column menu for the sort descending item\"\n            sortDescending=\"Sort Descending\"\n\n            i18n-sortedAscending=\"kendo.gantt.sortedAscending|The status announcement when a column is sorted ascending\"\n            sortedAscending=\"Sorted Ascending\"\n\n            i18n-sortedDescending=\"kendo.gantt.sortedDescending|The status announcement when a column is sorted descending\"\n            sortedDescending=\"Sorted Descending\"\n\n            i18n-sortedDefault=\"kendo.gantt.sortedDefault|The status announcement when a column is no longer sorted\"\n            sortedDefault=\"Not Sorted\"\n\n            i18n-columnsApply=\"kendo.gantt.columnsApply|The text shown in the column menu or column chooser for the columns apply button\"\n            columnsApply=\"Apply\"\n\n            i18n-columnsReset=\"kendo.gantt.columnsReset|The text shown in the column menu or column chooser for the columns reset button\"\n            columnsReset=\"Reset\"></ng-container>\n        <kendo-gantt-toolbar\n            *ngIf=\"showToolbar('top')\"\n            [showAddTask]=\"toolbarSettings.addTaskTool === 'top' || toolbarSettings.addTaskTool === 'both'\"\n            [showViewSelector]=\"toolbarSettings.viewSelectorTool === 'top' || toolbarSettings.viewSelectorTool === 'both'\"\n            class=\"k-gantt-header k-toolbar k-gantt-toolbar\"\n            position=\"top\"></kendo-gantt-toolbar>\n        <div class=\"k-gantt-content\">\n            <kendo-splitter [style.border]=\"0\">\n                <kendo-splitter-pane\n                    class=\"k-gantt-treelist k-gantt-treelist-scrollable\"\n                    [collapsible]=\"treeListPaneOptions?.collapsible\"\n                    [collapsed]=\"treeListPaneOptions?.collapsed\"\n                    (collapsedChange)=\"onTreeListCollapsedChange($event)\"\n                    [scrollable]=\"false\">\n                    <kendo-treelist\n                        [idField]=\"taskIdField\"\n                        [columns]=\"columns\"\n                        [data]=\"data\"\n                        [hasChildren]=\"hasChildren\"\n                        [fetchChildren]=\"fetchChildren\"\n                        [navigable]=\"navigable\"\n                        [isExpanded]=\"isExpanded\"\n                        [autoSize]=\"columnsAutoSize\"\n                        [columnMenu]=\"columnMenu\"\n                        [reorderable]=\"columnsReorderable\"\n                        [resizable]=\"columnsResizable\"\n                        [rowClass]=\"rowClass\"\n                        [isSelected]=\"isSelected\"\n                        [selectable]=\"selectable\"\n                        [sortable]=\"sortable\"\n                        [sort]=\"sort\"\n                        [filterable]=\"filterMenu\"\n                        [filter]=\"filter\"\n                        (filterChange)=\"filterChange.emit($event)\"\n                        (sortChange)=\"sortChange.emit($event)\"\n                        (dataStateChange)=\"dataStateChange.emit({\n                            filter: $event.filter,\n                            sort: $event.sort\n                        })\"\n                        (expandStateChange)=\"expandStateChange.emit($event)\"\n                        (expand)=\"rowExpand.emit({ dataItem: $event.dataItem })\"\n                        (collapse)=\"rowCollapse.emit({ dataItem: $event.dataItem })\"\n                        (columnReorder)=\"columnReorder.emit($event)\"\n                        (columnResize)=\"columnResize.emit($event)\"\n                        (columnVisibilityChange)=\"handleColumnVisibilityChange($event)\"\n                        (columnLockedChange)=\"columnLockedChange.emit($event)\"\n                        (selectionChange)=\"handleTreeListSelectionChange($event)\"\n                        (cellClick)=\"handleTreeListCellClick($event)\"\n                        (cellClose)=\"handleCellClose($event)\"\n                        [kendoEventsOutsideAngular]=\"{\n                            dblclick: handleTreeListDoubleClick\n                        }\"\n                        [scope]=\"this\"\n                    >\n                        <kendo-treelist-messages\n                            [noRecords]=\"getText('noRecords')\"\n                            [filter]=\"getText('filter')\"\n                            [filterEqOperator]=\"getText('filterEqOperator')\"\n                            [filterNotEqOperator]=\"getText('filterNotEqOperator')\"\n                            [filterIsNullOperator]=\"getText('filterIsNullOperator')\"\n                            [filterIsNotNullOperator]=\"getText('filterIsNotNullOperator')\"\n                            [filterIsEmptyOperator]=\"getText('filterIsEmptyOperator')\"\n                            [filterIsNotEmptyOperator]=\"getText('filterIsNotEmptyOperator')\"\n                            [filterStartsWithOperator]=\"getText('filterStartsWithOperator')\"\n                            [filterContainsOperator]=\"getText('filterContainsOperator')\"\n                            [filterNotContainsOperator]=\"getText('filterNotContainsOperator')\"\n                            [filterEndsWithOperator]=\"getText('filterEndsWithOperator')\"\n                            [filterGteOperator]=\"getText('filterGteOperator')\"\n                            [filterGtOperator]=\"getText('filterGtOperator')\"\n                            [filterLteOperator]=\"getText('filterLteOperator')\"\n                            [filterLtOperator]=\"getText('filterLtOperator')\"\n                            [filterIsTrue]=\"getText('filterIsTrue')\"\n                            [filterIsFalse]=\"getText('filterIsFalse')\"\n                            [filterBooleanAll]=\"getText('filterBooleanAll')\"\n                            [filterAfterOrEqualOperator]=\"getText('filterAfterOrEqualOperator')\"\n                            [filterAfterOperator]=\"getText('filterAfterOperator')\"\n                            [filterBeforeOperator]=\"getText('filterBeforeOperator')\"\n                            [filterBeforeOrEqualOperator]=\"getText('filterBeforeOrEqualOperator')\"\n                            [filterFilterButton]=\"getText('filterFilterButton')\"\n                            [filterClearButton]=\"getText('filterClearButton')\"\n                            [filterAndLogic]=\"getText('filterAndLogic')\"\n                            [filterOrLogic]=\"getText('filterOrLogic')\"\n                            [loading]=\"getText('loading')\"\n                            [columnMenu]=\"getText('columnMenu')\"\n                            [columns]=\"getText('columns')\"\n                            [sortable]=\"getText('sortable')\"\n                            [sortAscending]=\"getText('sortAscending')\"\n                            [sortDescending]=\"getText('sortDescending')\"\n                            [sortedAscending]=\"getText('sortedAscending')\"\n                            [sortedDescending]=\"getText('sortedDescending')\"\n                            [sortedDefault]=\"getText('sortedDefault')\"\n                            [columnsApply]=\"getText('columnsApply')\"\n                            [columnsReset]=\"getText('columnsReset')\"\n                        >\n                        </kendo-treelist-messages>\n                    </kendo-treelist>\n                </kendo-splitter-pane>\n                <kendo-splitter-pane\n                    [collapsible]=\"timelinePaneOptions?.collapsible\"\n                    [resizable]=\"timelinePaneOptions?.resizable\"\n                    [collapsed]=\"timelinePaneOptions?.collapsed\"\n                    [min]=\"timelinePaneOptions?.min\"\n                    [max]=\"timelinePaneOptions?.max\"\n                    [size]=\"timelinePaneOptions?.size\"\n                    (collapsedChange)=\"onTimelineCollapsedChange($event)\"\n                    (sizeChange)=\"onTimelinePaneSizeChange($event)\"\n                    [scrollable]=\"false\">\n                    <kendo-gantt-timeline\n                        *ngIf=\"views && views.length\"\n                        [renderDependencyDragClues]=\"renderDependencyDragClues\"\n                        [dragScrollSettings]=\"dragScrollSettings\"\n                        [rows]=\"viewItems\"\n                        [slots]=\"timelineSlots\"\n                        [groupSlots]=\"timelineGroupSlots\"\n                        [tableWidth]=\"tableWidth\"\n                        [activeView]=\"activeView\"\n                        [taskContentTemplate]=\"taskContentTemplate?.templateRef\"\n                        [taskTemplate]=\"taskTemplate?.templateRef\"\n                        [summaryTaskTemplate]=\"summaryTaskTemplate?.templateRef\"\n                        [taskClass]=\"taskClass\"\n                        [dependencies]=\"dependencies\"\n                        [isExpanded]=\"isExpanded\"\n                        [selectable]=\"selectable\"\n                        [isTaskSelected]=\"isTaskSelected\"\n                        [kendoEventsOutsideAngular]=\"{\n                            click: handleTimelineClick,\n                            contextmenu: handleTimelineRightClick,\n                            dblclick: handleTimelineDblClick,\n                            mousedown: handleTimelineMouseDown\n                        }\"\n                        [scope]=\"this\"\n                    ></kendo-gantt-timeline>\n                </kendo-splitter-pane>\n            </kendo-splitter>\n        </div>\n        <kendo-gantt-toolbar\n            *ngIf=\"showToolbar('bottom')\"\n            [showAddTask]=\"toolbarSettings.addTaskTool === 'bottom' || toolbarSettings.addTaskTool === 'both'\"\n            [showViewSelector]=\"toolbarSettings.viewSelectorTool === 'bottom' || toolbarSettings.viewSelectorTool === 'both'\"\n            class=\"k-gantt-footer k-toolbar k-gantt-toolbar\"\n            position=\"bottom\"></kendo-gantt-toolbar>\n        <kendo-gantt-edit-dialog\n            *ngIf=\"showEditingDialog\"\n            [data]=\"data\">\n        </kendo-gantt-edit-dialog>\n        <kendo-dialog\n            *ngIf=\"showConfirmationDialog\"\n            [width]=\"575\"\n            [height]=\"170\"\n            [title]=\"getText('confirmationDialogTitle')\"\n            (close)=\"handleConfirmationDialogClose()\">\n            <span>{{ getText('confirmationDialogContent') }}</span>\n            <kendo-dialog-actions layout=\"normal\">\n                <kendo-treelist-spacer></kendo-treelist-spacer>\n                <button kendoButton [primary]=\"true\" (click)=\"handleDeleteConfirmation()\">{{ getText('deleteButtonText') }}</button>\n                <button kendoButton (click)=\"handleConfirmationDialogClose()\">{{ getText('cancelButtonText') }}</button>\n            </kendo-dialog-actions>\n        </kendo-dialog>\n   "
-        }),
-        tslib_1.__metadata("design:paramtypes", [timeline_view_service_1.TimelineViewService,
-            scroll_sync_service_1.ScrollSyncService,
-            core_1.Renderer2,
-            mapping_service_1.MappingService,
-            option_changes_service_1.OptionChangesService,
-            dependency_dom_service_1.DependencyDomService,
-            edit_service_1.EditService,
-            kendo_angular_l10n_1.LocalizationService,
-            core_1.ElementRef,
-            core_1.NgZone,
-            navigation_service_1.NavigationService])
-    ], GanttComponent);
-    return GanttComponent;
-}());
-exports.GanttComponent = GanttComponent;