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

package/dist/es/columns/span-column.component.js

@@ -1,104 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ContentChildren, forwardRef, Host, Input, Optional, QueryList, SkipSelf } from '@angular/core';
-import { SpanColumnComponent } from '@progress/kendo-angular-treelist';
-import { OptionChangesService } from '../common/option-changes.service';
-import { CellTemplateDirective } from './cell-template.directive';
-import { GanttColumnBase } from './column-base';
-import { GanttColumnComponent } from './column.component';
-import { EditTemplateDirective } from './edit-template.directive';
-var GanttSpanColumnComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(GanttSpanColumnComponent, _super);
-    function GanttSpanColumnComponent(options, parent) {
-        var _this = _super.call(this, parent) || this;
-        _this.options = options;
-        /**
-         * @hidden
-         */
-        _this.childColumns = new QueryList();
-        _this.template = new QueryList();
-        _this.editTemplate = new QueryList();
-        return _this;
-    }
-    GanttSpanColumnComponent_1 = GanttSpanColumnComponent;
-    GanttSpanColumnComponent.prototype.ngOnChanges = function () {
-        this.options.notifyColumnChanges();
-    };
-    var GanttSpanColumnComponent_1;
-    tslib_1.__decorate([
-        ContentChildren(GanttColumnComponent),
-        tslib_1.__metadata("design:type", QueryList)
-    ], GanttSpanColumnComponent.prototype, "childColumns", void 0);
-    tslib_1.__decorate([
-        ContentChildren(CellTemplateDirective, { descendants: false }),
-        tslib_1.__metadata("design:type", QueryList)
-    ], GanttSpanColumnComponent.prototype, "template", void 0);
-    tslib_1.__decorate([
-        ContentChildren(EditTemplateDirective, { descendants: false }),
-        tslib_1.__metadata("design:type", QueryList)
-    ], GanttSpanColumnComponent.prototype, "editTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttSpanColumnComponent.prototype, "locked", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttSpanColumnComponent.prototype, "lockable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttSpanColumnComponent.prototype, "editable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttSpanColumnComponent.prototype, "hidden", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], GanttSpanColumnComponent.prototype, "media", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttSpanColumnComponent.prototype, "style", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttSpanColumnComponent.prototype, "headerStyle", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttSpanColumnComponent.prototype, "footerStyle", void 0);
-    tslib_1.__decorate([
-        Input('class'),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttSpanColumnComponent.prototype, "cssClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttSpanColumnComponent.prototype, "headerClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttSpanColumnComponent.prototype, "footerClass", void 0);
-    GanttSpanColumnComponent = GanttSpanColumnComponent_1 = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-gantt-span-column',
-            template: '',
-            providers: [
-                {
-                    provide: GanttColumnBase,
-                    useExisting: forwardRef(function () { return GanttSpanColumnComponent_1; })
-                }
-            ]
-        }),
-        tslib_1.__param(1, SkipSelf()), tslib_1.__param(1, Host()), tslib_1.__param(1, Optional()),
-        tslib_1.__metadata("design:paramtypes", [OptionChangesService,
-            GanttColumnBase])
-    ], GanttSpanColumnComponent);
-    return GanttSpanColumnComponent;
-}(SpanColumnComponent));
-export { GanttSpanColumnComponent };

package/dist/es/common/default-callbacks.js

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

package/dist/es/common/mapping.service.js

@@ -1,72 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Injectable } from '@angular/core';
-import { getter } from '@progress/kendo-common';
-import { DEFAULT_DEPENDENCY_MODEL_FIELDS } from '../models/gantt-dependency-model-fields.interface';
-import { DEFAULT_TASK_MODEL_FIELDS } from '../models/gantt-task-model-fields.interface';
-import { isPresent } from '../utils';
-/**
- * @hidden
- */
-var MappingService = /** @class */ (function () {
-    function MappingService() {
-        this._taskFields = tslib_1.__assign({}, DEFAULT_TASK_MODEL_FIELDS);
-        this._dependencyFields = tslib_1.__assign({}, DEFAULT_DEPENDENCY_MODEL_FIELDS);
-    }
-    Object.defineProperty(MappingService.prototype, "taskFields", {
-        get: function () {
-            return this._taskFields;
-        },
-        /**
-         * Gets or sets the model fields for the task data items.
-         * Uses the default values for fields which are not specified.
-         */
-        set: function (fields) {
-            this._taskFields = tslib_1.__assign({}, DEFAULT_TASK_MODEL_FIELDS, fields);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MappingService.prototype, "dependencyFields", {
-        get: function () {
-            return this._dependencyFields;
-        },
-        /**
-         * Gets or sets the model fields for the depenency data items.
-         * Uses the default values for fields which are not specified.
-         */
-        set: function (fields) {
-            this._dependencyFields = tslib_1.__assign({}, DEFAULT_DEPENDENCY_MODEL_FIELDS, fields);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Retrieves the value for the specified task field.
-     * Supports nested fields as well (e.g. 'manager.id').
-     */
-    MappingService.prototype.extractFromTask = function (dataItem, field) {
-        if (!isPresent(this.taskFields)) {
-            return null;
-        }
-        return getter(this.taskFields[field])(dataItem);
-    };
-    /**
-     * Retrieves the value for the specified dependency field.
-     * Supports nested fields as well (e.g. 'manager.id').
-     */
-    MappingService.prototype.extractFromDependency = function (dataItem, field) {
-        if (!isPresent(this.dependencyFields)) {
-            return null;
-        }
-        return getter(this.dependencyFields[field])(dataItem);
-    };
-    MappingService = tslib_1.__decorate([
-        Injectable()
-    ], MappingService);
-    return MappingService;
-}());
-export { MappingService };

package/dist/es/common/option-changes.service.js

@@ -1,26 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Injectable, EventEmitter } from '@angular/core';
-/**
- * @hidden
- */
-var OptionChangesService = /** @class */ (function () {
-    function OptionChangesService() {
-        this.viewChanges = new EventEmitter();
-        this.columnChanges = new EventEmitter();
-    }
-    OptionChangesService.prototype.notifyColumnChanges = function () {
-        this.columnChanges.emit();
-    };
-    OptionChangesService.prototype.notifyViewChanges = function () {
-        this.viewChanges.emit();
-    };
-    OptionChangesService = tslib_1.__decorate([
-        Injectable()
-    ], OptionChangesService);
-    return OptionChangesService;
-}());
-export { OptionChangesService };

package/dist/es/common/touch-enabled.js

@@ -1,9 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { InjectionToken } from '@angular/core';
-/**
- * @hidden
- */
-export var TOUCH_ENABLED = new InjectionToken('gantt-touch-enabled');

package/dist/es/dependencies/dependency-dom.service.js

@@ -1,79 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import { MappingService } from '../common/mapping.service';
-/**
- * @hidden
- */
-var DependencyDomService = /** @class */ (function () {
-    function DependencyDomService(mapper) {
-        this.mapper = mapper;
-        this.notifier = new Subject();
-        /**
-         * Maps each rendered task to its HTML element.
-         * Uses the task ID field value as key.
-         */
-        this.tasks = new Map();
-    }
-    Object.defineProperty(DependencyDomService.prototype, "taskChanges", {
-        /**
-         * Emits each time some of the tasks or the view have changed.
-         * Fires also on the first change of the table rows and the parent container.
-         */
-        get: function () {
-            return this.notifier.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DependencyDomService.prototype, "dependencyDomArgs", {
-        get: function () {
-            return {
-                tasks: this.tasks,
-                contentContainer: this.contentContainer,
-                timelineRow: this.timelineRow
-            };
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DependencyDomService.prototype.ngOnDestroy = function () {
-        this.tasks.clear();
-        this.tasks = null;
-        this.contentContainer = null;
-    };
-    DependencyDomService.prototype.registerTimelineRow = function (timelineRow) {
-        this.timelineRow = timelineRow;
-        this.notifyChanges();
-    };
-    DependencyDomService.prototype.registerContentContainer = function (contentContainer) {
-        this.contentContainer = contentContainer;
-        this.notifyChanges();
-    };
-    DependencyDomService.prototype.registerTask = function (task, element) {
-        var id = this.mapper.extractFromTask(task, 'id');
-        this.tasks.set(id, element);
-        this.notifyChanges();
-    };
-    DependencyDomService.prototype.unregisterTask = function (task) {
-        var id = this.mapper.extractFromTask(task, 'id');
-        this.tasks.delete(id);
-        this.notifyChanges();
-    };
-    /**
-     * Notifies all dependency directives that a change in one of the elements has occured.
-     */
-    DependencyDomService.prototype.notifyChanges = function () {
-        this.notifier.next(this.dependencyDomArgs);
-    };
-    DependencyDomService = tslib_1.__decorate([
-        Injectable(),
-        tslib_1.__metadata("design:paramtypes", [MappingService])
-    ], DependencyDomService);
-    return DependencyDomService;
-}());
-export { DependencyDomService };

package/dist/es/dependencies/gantt-dependency.directive.js

@@ -1,94 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, ElementRef, Input, NgZone, Renderer2 } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { map, switchMap, take } from 'rxjs/operators';
-import { MappingService } from '../common/mapping.service';
-import { DependencyDomService } from './dependency-dom.service';
-import { isPresent } from '../utils';
-import { dependencyCoordinates, getElementRect } from './utils';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-/**
- * Defines the size of the arrow that will be drawn at the end of each Gantt dependency.
- */
-var ARROW_SIZE = 4;
-/**
- * Defines the distance the polyline will cover from the task element before making a turn.
- */
-var MIN_DISTANCE_BEFORE_TURN = 10;
-/**
- * @hidden
- */
-var GanttDependencyDirective = /** @class */ (function () {
-    function GanttDependencyDirective(polyline, zone, renderer, mapper, dependencyDomService) {
-        var _this = this;
-        this.polyline = polyline;
-        this.zone = zone;
-        this.renderer = renderer;
-        this.mapper = mapper;
-        this.dependencyDomService = dependencyDomService;
-        this.subscriptions = new Subscription();
-        this.subscriptions.add(dependencyDomService.taskChanges
-            .pipe(switchMap(function (changes) {
-            // reacts only on the very last event emission,
-            // ensures that the tasks are drawn in the DOM
-            return _this.zone.onStable.pipe(take(1), map(function () { return changes; }));
-        }))
-            .subscribe(function (changes) { return _this.updatePoints(changes); }));
-    }
-    GanttDependencyDirective.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-    };
-    GanttDependencyDirective.prototype.ngOnChanges = function (changes) {
-        if (isPresent(changes.dependency)) {
-            this.updatePoints(this.dependencyDomService.dependencyDomArgs);
-        }
-    };
-    GanttDependencyDirective.prototype.updatePoints = function (_a) {
-        var timelineRow = _a.timelineRow, contentContainer = _a.contentContainer, tasks = _a.tasks;
-        if (!isPresent(timelineRow) || !isPresent(contentContainer) ||
-            !isPresent(tasks) || tasks.size === 0 ||
-            !tasks.has(this.mapper.extractFromDependency(this.dependency, 'fromId')) || !tasks.has(this.mapper.extractFromDependency(this.dependency, 'toId'))) {
-            this.clearPoints();
-            return;
-        }
-        var fromCoordinates = getElementRect(tasks.get(this.mapper.extractFromDependency(this.dependency, 'fromId')), contentContainer);
-        var toCoordinates = getElementRect(tasks.get(this.mapper.extractFromDependency(this.dependency, 'toId')), contentContainer);
-        var timelineRowHeight = isDocumentAvailable() ? timelineRow.getBoundingClientRect().height : 0;
-        var points = dependencyCoordinates(fromCoordinates, toCoordinates, timelineRowHeight, this.dependency.type, MIN_DISTANCE_BEFORE_TURN, ARROW_SIZE);
-        this.drawPoints(points);
-    };
-    GanttDependencyDirective.prototype.clearPoints = function () {
-        this.renderer.setAttribute(this.polyline.nativeElement, 'points', '');
-    };
-    GanttDependencyDirective.prototype.drawPoints = function (points) {
-        if (!isPresent(points) || points.length === 0) {
-            this.clearPoints();
-            return;
-        }
-        var parsedCoords = points.map(function (_a) {
-            var left = _a.left, top = _a.top;
-            return left + "," + top;
-        }).join(' ');
-        this.renderer.setAttribute(this.polyline.nativeElement, 'points', parsedCoords);
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttDependencyDirective.prototype, "dependency", void 0);
-    GanttDependencyDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoGanttDependency]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            NgZone,
-            Renderer2,
-            MappingService,
-            DependencyDomService])
-    ], GanttDependencyDirective);
-    return GanttDependencyDirective;
-}());
-export { GanttDependencyDirective };

package/dist/es/dependencies/utils.js

@@ -1,199 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { DependencyType } from '../models/dependency-type.enum';
-/**
- * @hidden
- *
- * Gets the offset (top and left values) relative to a target element.
- */
-export var getOffsetRelativeToParent = function (element, targetParent) {
-    var offset = {
-        top: 0,
-        left: 0
-    };
-    if (!targetParent.contains(element)) {
-        return offset;
-    }
-    var offsetParent = element;
-    while (offsetParent && offsetParent !== targetParent) {
-        offset.top += offsetParent.offsetTop;
-        offset.left += offsetParent.offsetLeft;
-        offsetParent = offsetParent.offsetParent;
-    }
-    return offset;
-};
-/**
- * @hidden
- */
-export var getElementRect = function (element, relativeContainer) {
-    var _a = getOffsetRelativeToParent(element, relativeContainer), top = _a.top, left = _a.left;
-    return {
-        top: top + element.offsetHeight / 2,
-        left: left,
-        right: left + element.offsetWidth
-    };
-};
-/**
- * @hidden
- */
-export var dependencyCoordinates = function (from, to, rowHeight, type, minDistanceBeforeTurn, arrowSize) {
-    var points = [];
-    var minTurnHeight = Math.floor(rowHeight / 2);
-    var drawingDown = from.top < to.top;
-    var top, left;
-    // FF and SS are composed of 4 connected polyline points (not counting the arrow)
-    /*
-        [[[]]]-       -[[[]]]
-              |       |
-        [[[]]]-       -[[[]]]
-     */
-    if (type === DependencyType.FF || type === DependencyType.SS) {
-        // polyline start from first task
-        var dir = type === DependencyType.SS ? 'left' : 'right';
-        top = from.top;
-        left = from[dir];
-        points.push({ top: top, left: left });
-        // first turn point
-        left = Math[dir === 'left' ? 'min' : 'max'](from[dir], to[dir]);
-        left = dir === 'left' ? left - minDistanceBeforeTurn : left + minDistanceBeforeTurn;
-        points.push({ top: top, left: left });
-        // second turn point
-        top = to.top;
-        points.push({ top: top, left: left });
-        // second task reached
-        left = dir === 'left' ? to[dir] - arrowSize : to[dir] + arrowSize;
-        points.push({ top: top, left: left });
-        // arrow pointing to the second task
-        points.push.apply(points, getArrow(top, left, dir !== 'left', arrowSize));
-    }
-    else {
-        // FS and SF are composed of 4 or 6 connected polyline points (not counting the arrow), depending on the position of the tasks
-        /*
-            [[[]]]-               [[[]]]-
-                  |                     |
-                  -[[[]]]           -----
-                                    |
-                                    -[[[]]]
-        */
-        var startDir = type === DependencyType.SF ? 'left' : 'right';
-        var endDir = type === DependencyType.SF ? 'right' : 'left';
-        var additionalTurn = type === DependencyType.SF
-            ? from[startDir] - minDistanceBeforeTurn * 2 < to[endDir]
-            : from[startDir] + minDistanceBeforeTurn * 2 > to[endDir];
-        // polyline start from first task
-        top = from.top;
-        left = from[startDir];
-        points.push({ top: top, left: left });
-        // first turn point
-        left = startDir === 'left'
-            ? left - minDistanceBeforeTurn
-            : left + minDistanceBeforeTurn;
-        points.push({ top: top, left: left });
-        // if second task start is before the first task end in FS
-        // if second task end is after the first task start in SF
-        if (additionalTurn) {
-            // additional turn start
-            top = drawingDown
-                ? top + minTurnHeight
-                : top - minTurnHeight;
-            points.push({ top: top, left: left });
-            // additional turn end
-            left = startDir === 'left'
-                ? to[endDir] + minDistanceBeforeTurn
-                : to[endDir] - minDistanceBeforeTurn;
-            points.push({ top: top, left: left });
-        }
-        // second task level reached
-        top = to.top;
-        points.push({ top: top, left: left });
-        // second task element reached
-        left = endDir === 'left' ? to[endDir] - arrowSize : to[endDir] + arrowSize;
-        points.push({ top: top, left: left });
-        // arrow pointing to the second task
-        points.push.apply(points, getArrow(top, left, endDir !== 'left', arrowSize));
-    }
-    return points;
-};
-var getArrow = function (top, left, isArrowWest, arrowSize) {
-    var points = isArrowWest
-        ? getArrowWest(top, left, arrowSize)
-        : getArrowEast(top, left, arrowSize);
-    return points;
-};
-var ɵ0 = getArrow;
-var getArrowWest = function (top, left, arrowSize) {
-    var points = [];
-    points.push({
-        top: top - arrowSize / 2,
-        left: left
-    });
-    points.push({
-        top: top,
-        left: left - arrowSize + 1
-    });
-    points.push({
-        top: top + arrowSize / 2,
-        left: left
-    });
-    points.push({
-        top: top,
-        left: left
-    });
-    return points;
-};
-var ɵ1 = getArrowWest;
-var getArrowEast = function (top, left, arrowSize) {
-    var points = [];
-    points.push({
-        top: top + arrowSize / 2,
-        left: left
-    });
-    points.push({
-        top: top,
-        left: left + arrowSize - 1
-    });
-    points.push({
-        top: top - arrowSize / 2,
-        left: left
-    });
-    points.push({
-        top: top,
-        left: left
-    });
-    return points;
-};
-var ɵ2 = getArrowEast;
-/**
- * @hidden
- *
- * Translates the provided client `left` and `top` coords to coords relative to the provided container.
- * https://developer.mozilla.org/en-US/docs/Web/CSS/CSSOM_View/Coordinate_systems#standard_cssom_coordinate_systems
- */
-export var clientToOffsetCoords = function (clientLeft, clientTop, offsetContainer) {
-    // client (viewport) coordinates of the target container
-    // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect#value
-    var offsetContainerClientRect = offsetContainer.getBoundingClientRect();
-    return {
-        left: clientLeft - offsetContainerClientRect.left + offsetContainer.scrollLeft,
-        top: clientTop - offsetContainerClientRect.top + offsetContainer.scrollTop
-    };
-};
-/**
- * @hidden
- *
- * Retrieves the `left` and `top` values of the center of the provided element.
- * The retrieved values are relative to the current viewport (client values).
- * https://developer.mozilla.org/en-US/docs/Web/CSS/CSSOM_View/Coordinate_systems#standard_cssom_coordinate_systems
- */
-export var getElementClientCenterCoords = function (element) {
-    // client (viewport) coordinates of the targeted element
-    // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect#value
-    var _a = element.getBoundingClientRect(), left = _a.left, top = _a.top, width = _a.width, height = _a.height;
-    return {
-        left: left + (width / 2),
-        top: top + (height / 2)
-    };
-};
-export { ɵ0, ɵ1, ɵ2 };