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

package/dist/es/timeline/timeline-base-view.service.js

@@ -1,166 +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 { orderBy } from '@progress/kendo-data-query';
-import { isWorkDay, isWorkHour, lastDayOfWeek } from '../utils';
-import { addDays, firstDayInWeek, getDate, firstDayOfMonth, lastDayOfMonth, addMonths, addWeeks } from '@progress/kendo-date-math';
-/**
- * @hidden
- */
-export var DAY_FORMAT = 'E d/MM';
-/**
- * @hidden
- */
-export var HOUR_FORMAT = 'HH:mm aa';
-/**
- * @hidden
- */
-export var MONTH_FORMAT = 'MMM';
-/**
- * @hidden
- */
-var TimelineBaseViewService = /** @class */ (function () {
-    function TimelineBaseViewService(intlService, mapper) {
-        this.intlService = intlService;
-        this.mapper = mapper;
-        this._viewStart = 0;
-    }
-    Object.defineProperty(TimelineBaseViewService.prototype, "viewStart", {
-        get: function () {
-            return this._viewStart;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {Object} - An object containing the range start and end dates
-     */
-    TimelineBaseViewService.prototype.getRange = function (tasks) {
-        if (!tasks || !tasks.length) {
-            return { start: new Date(), end: new Date() };
-        }
-        var startResult = orderBy(tasks, [{ field: this.mapper.taskFields.start, dir: 'asc' }]);
-        var endResult = orderBy(tasks, [{ field: this.mapper.taskFields.end, dir: 'desc' }]);
-        var firstDay = this.intlService.firstDay();
-        var rangeStart = this.mapper.extractFromTask(startResult[0], 'start') || new Date();
-        var rangeEnd = this.mapper.extractFromTask(endResult[0], 'end') || new Date();
-        if (firstDay === rangeEnd.getDay()) {
-            rangeEnd.setDate(rangeEnd.getDate() + 7);
-        }
-        var start = this.getStartOffset(rangeStart);
-        var end = this.getEndOffset(rangeEnd);
-        this._viewStart = Number(start);
-        return {
-            start: new Date(start),
-            end: new Date(end)
-        };
-    };
-    /**
-     *
-     * @param start - The tasks' range start date
-     * @param end - The tasks' range end date
-     * @returns {Array<Object>} - A collection containing the hour slots
-     */
-    TimelineBaseViewService.prototype.getHours = function (start, end) {
-        var slots = [];
-        var workDayStart = this.intlService.parseDate(this.options.workDayStart).getHours();
-        var workDayEnd = this.intlService.parseDate(this.options.workDayEnd).getHours();
-        // TODO: retrieve from option?
-        var hourSpan = 1;
-        var startDate = new Date(start);
-        var endDate = new Date(end);
-        while (startDate < endDate) {
-            var slotEnd = new Date(startDate);
-            var isWorkSlot = isWorkHour(slotEnd, workDayStart, workDayEnd);
-            slotEnd.setHours(slotEnd.getHours() + hourSpan);
-            slots.push({
-                start: startDate,
-                end: slotEnd,
-                isWorking: isWorkSlot,
-                text: this.intlService.formatDate(startDate, HOUR_FORMAT),
-                span: 1
-            });
-            startDate = slotEnd;
-        }
-        return slots;
-    };
-    /**
-     *
-     * @param start - The tasks' range start date
-     * @param end - The tasks' range end date
-     * @returns {Array<Object>} - A collection containing the day slots
-     */
-    TimelineBaseViewService.prototype.getDays = function (start, end) {
-        var slots = [];
-        var startDay = new Date(start);
-        var endDay = new Date(end);
-        while (startDay <= endDay) {
-            // Get the days with cleared time values (except for start and end day)
-            var nextDay = getDate(addDays(startDay, 1));
-            var isWorking = isWorkDay(startDay, this.options.workWeekStart, this.options.workWeekEnd);
-            // Need to get the end date with correct hours (important for day view)
-            var slotEnd = endDay < nextDay ? endDay : nextDay;
-            slots.push({
-                start: startDay,
-                end: slotEnd,
-                isWorking: isWorking,
-                text: this.intlService.formatDate(startDay, DAY_FORMAT),
-                span: 1
-            });
-            startDay = nextDay;
-        }
-        return slots;
-    };
-    TimelineBaseViewService.prototype.getWeeks = function (start, end) {
-        var weekStart = this.intlService.firstDay();
-        var slots = [];
-        var startDay = new Date(start);
-        var endDay = new Date(end);
-        while (startDay <= endDay) {
-            var lastWeekDay = lastDayOfWeek(startDay, weekStart);
-            var slotEnd = lastWeekDay > endDay ? endDay : lastWeekDay;
-            var daySlots = this.getDays(startDay, slotEnd);
-            var span = daySlots.length;
-            var firstDay = this.intlService.formatDate(firstDayInWeek(getDate(startDay), weekStart), DAY_FORMAT);
-            var lastDay = this.intlService.formatDate(addDays(slotEnd, -1), DAY_FORMAT);
-            if (span > 0) {
-                slots.push({
-                    start: daySlots[0].start,
-                    end: daySlots[span - 1].end,
-                    text: firstDay + " - " + lastDay,
-                    span: span
-                });
-            }
-            startDay = firstDayInWeek(addWeeks(slotEnd, 1));
-        }
-        return slots;
-    };
-    TimelineBaseViewService.prototype.getMonths = function (start, end) {
-        var slots = [];
-        var startDay = new Date(start);
-        var endDay = new Date(end);
-        while (startDay < endDay) {
-            var endMonth = lastDayOfMonth(startDay);
-            var slotEnd = endDay < endMonth ? endDay : endMonth;
-            var daySlots = this.getDays(startDay, slotEnd);
-            var span = daySlots.length;
-            var monthStart = firstDayOfMonth(getDate(startDay));
-            var shortText = this.intlService.formatDate(monthStart, MONTH_FORMAT);
-            if (span > 0) {
-                slots.push({
-                    start: daySlots[0].start,
-                    end: daySlots[span - 1].end,
-                    span: span,
-                    text: shortText
-                });
-            }
-            startDay = firstDayOfMonth(addMonths(slotEnd, 1));
-        }
-        return slots;
-    };
-    return TimelineBaseViewService;
-}());
-export { TimelineBaseViewService };

package/dist/es/timeline/timeline-day-view.component.js

@@ -1,37 +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, forwardRef } from '@angular/core';
-import { DependencyDomService } from '../dependencies/dependency-dom.service';
-import { ViewBase } from './view-base';
-import { OptionChangesService } from '../common/option-changes.service';
-var TimelineDayViewComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineDayViewComponent, _super);
-    function TimelineDayViewComponent(optionChangesService, dependencyDomService) {
-        var _this = _super.call(this, optionChangesService, dependencyDomService) || this;
-        /**
-         * The type for this view (`day`).
-         */
-        _this.type = 'day';
-        return _this;
-    }
-    TimelineDayViewComponent_1 = TimelineDayViewComponent;
-    var TimelineDayViewComponent_1;
-    TimelineDayViewComponent = TimelineDayViewComponent_1 = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-gantt-timeline-day-view',
-            template: '',
-            providers: [
-                {
-                    provide: ViewBase,
-                    useExisting: forwardRef(function () { return TimelineDayViewComponent_1; })
-                }
-            ]
-        }),
-        tslib_1.__metadata("design:paramtypes", [OptionChangesService, DependencyDomService])
-    ], TimelineDayViewComponent);
-    return TimelineDayViewComponent;
-}(ViewBase));
-export { TimelineDayViewComponent };

package/dist/es/timeline/timeline-day-view.service.js

@@ -1,68 +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 { IntlService } from '@progress/kendo-angular-intl';
-import { TimelineBaseViewService } from './timeline-base-view.service';
-import { MappingService } from '../common/mapping.service';
-import { setTime } from '../utils';
-/**
- * @hidden
- */
-var TimelineDayViewService = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineDayViewService, _super);
-    function TimelineDayViewService(intlService, mapper) {
-        return _super.call(this, intlService, mapper) || this;
-    }
-    /**
-     * Gets a date an hour before the first task start with minutes, seconds, milliseconds cleared.
-     */
-    TimelineDayViewService.prototype.getStartOffset = function (rangeStart) {
-        return setTime(rangeStart, rangeStart.getHours() - 1);
-    };
-    /**
-     * Gets a date an hour after the last task end with minutes, seconds, milliseconds cleared.
-     */
-    TimelineDayViewService.prototype.getEndOffset = function (rangeEnd) {
-        return setTime(rangeEnd, rangeEnd.getHours() + 1);
-    };
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {number}
-     */
-    TimelineDayViewService.prototype.getTableWidth = function (tasks) {
-        var timeSlots = this.getSlots(tasks)[1];
-        var slotWidth = this.options.slotWidth;
-        return Math.round(timeSlots.length * slotWidth);
-    };
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {Array<Object>} - A collection containing the day and hours slots
-     * Used to render the number of columns and the header
-     */
-    TimelineDayViewService.prototype.getSlots = function (tasks) {
-        // will return the header rows slots
-        var slots = [];
-        var _a = this.getRange(tasks), start = _a.start, end = _a.end;
-        var daySlots = this.getDays(start, end);
-        var hourSlots = [];
-        for (var i = 0; i < daySlots.length; i++) {
-            var daySlot = daySlots[i];
-            var hours = this.getHours(daySlot.start, daySlot.end);
-            daySlot.span = hours.length;
-            hourSlots.push.apply(hourSlots, hours);
-        }
-        slots.push(daySlots, hourSlots);
-        return slots;
-    };
-    TimelineDayViewService = tslib_1.__decorate([
-        Injectable(),
-        tslib_1.__metadata("design:paramtypes", [IntlService, MappingService])
-    ], TimelineDayViewService);
-    return TimelineDayViewService;
-}(TimelineBaseViewService));
-export { TimelineDayViewService };

package/dist/es/timeline/timeline-month-view.component.js

@@ -1,37 +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, forwardRef } from '@angular/core';
-import { DependencyDomService } from '../dependencies/dependency-dom.service';
-import { ViewBase } from './view-base';
-import { OptionChangesService } from '../common/option-changes.service';
-var TimelineMonthViewComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineMonthViewComponent, _super);
-    function TimelineMonthViewComponent(optionChangesService, dependencyDomService) {
-        var _this = _super.call(this, optionChangesService, dependencyDomService) || this;
-        /**
-         * The type for this view (`month`).
-         */
-        _this.type = 'month';
-        return _this;
-    }
-    TimelineMonthViewComponent_1 = TimelineMonthViewComponent;
-    var TimelineMonthViewComponent_1;
-    TimelineMonthViewComponent = TimelineMonthViewComponent_1 = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-gantt-timeline-month-view',
-            template: '',
-            providers: [
-                {
-                    provide: ViewBase,
-                    useExisting: forwardRef(function () { return TimelineMonthViewComponent_1; })
-                }
-            ]
-        }),
-        tslib_1.__metadata("design:paramtypes", [OptionChangesService, DependencyDomService])
-    ], TimelineMonthViewComponent);
-    return TimelineMonthViewComponent;
-}(ViewBase));
-export { TimelineMonthViewComponent };

package/dist/es/timeline/timeline-month-view.service.js

@@ -1,66 +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 { IntlService } from '@progress/kendo-angular-intl';
-import { addDays, addWeeks, firstDayInWeek, getDate } from '@progress/kendo-date-math';
-import { MappingService } from '../common/mapping.service';
-import { TimelineBaseViewService } from './timeline-base-view.service';
-/**
- * @hidden
- */
-var TimelineMonthViewService = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineMonthViewService, _super);
-    function TimelineMonthViewService(intlService, mapper) {
-        return _super.call(this, intlService, mapper) || this;
-    }
-    /**
-     * Gets a week before the first week in which a task starts.
-     */
-    TimelineMonthViewService.prototype.getStartOffset = function (rangeStart) {
-        var weekStart = this.intlService.firstDay();
-        var firstDay = firstDayInWeek(getDate(rangeStart), weekStart);
-        return addWeeks(getDate(firstDay), -1);
-    };
-    /**
-     * Gets a week after the last week in which a task ends.
-     */
-    TimelineMonthViewService.prototype.getEndOffset = function (rangeEnd) {
-        var weekStart = this.intlService.firstDay();
-        var lastDay = addDays(firstDayInWeek(getDate(rangeEnd), weekStart), 6);
-        return addWeeks(getDate(lastDay), 1);
-    };
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {number}
-     */
-    TimelineMonthViewService.prototype.getTableWidth = function (tasks) {
-        var timeSlots = this.getSlots(tasks)[1];
-        var slotWidth = this.options.slotWidth;
-        return Math.round(timeSlots.length * slotWidth);
-    };
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {Array<Object>} - A collection containing the months and weeks slots
-     * Used to render the number of columns and the header
-     */
-    TimelineMonthViewService.prototype.getSlots = function (tasks) {
-        // will return the header rows slots
-        var slots = [];
-        var _a = this.getRange(tasks), start = _a.start, end = _a.end;
-        var months = this.getMonths(start, end);
-        var weeks = this.getWeeks(start, end);
-        slots.push(months, weeks);
-        return slots;
-    };
-    TimelineMonthViewService = tslib_1.__decorate([
-        Injectable(),
-        tslib_1.__metadata("design:paramtypes", [IntlService, MappingService])
-    ], TimelineMonthViewService);
-    return TimelineMonthViewService;
-}(TimelineBaseViewService));
-export { TimelineMonthViewService };

package/dist/es/timeline/timeline-view.service.js

@@ -1,36 +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 { EventEmitter, Injectable, Injector } from '@angular/core';
-import { TimelineDayViewService } from './timeline-day-view.service';
-import { TimelineMonthViewService } from './timeline-month-view.service';
-import { TimelineWeekViewService } from './timeline-week-view.service';
-/**
- * @hidden
- */
-var services = {
-    day: TimelineDayViewService,
-    week: TimelineWeekViewService,
-    month: TimelineMonthViewService
-};
-/**
- * @hidden
- */
-var TimelineViewService = /** @class */ (function () {
-    function TimelineViewService(injector) {
-        this.injector = injector;
-        this.viewChange = new EventEmitter();
-    }
-    TimelineViewService.prototype.service = function (view) {
-        var serviceType = services[view];
-        return serviceType ? this.injector.get(serviceType) : null;
-    };
-    TimelineViewService = tslib_1.__decorate([
-        Injectable(),
-        tslib_1.__metadata("design:paramtypes", [Injector])
-    ], TimelineViewService);
-    return TimelineViewService;
-}());
-export { TimelineViewService };

package/dist/es/timeline/timeline-week-view.component.js

@@ -1,37 +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, forwardRef } from '@angular/core';
-import { DependencyDomService } from '../dependencies/dependency-dom.service';
-import { ViewBase } from './view-base';
-import { OptionChangesService } from '../common/option-changes.service';
-var TimelineWeekViewComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineWeekViewComponent, _super);
-    function TimelineWeekViewComponent(optionChangesService, dependencyDomService) {
-        var _this = _super.call(this, optionChangesService, dependencyDomService) || this;
-        /**
-         * The type for this view (`week`).
-         */
-        _this.type = 'week';
-        return _this;
-    }
-    TimelineWeekViewComponent_1 = TimelineWeekViewComponent;
-    var TimelineWeekViewComponent_1;
-    TimelineWeekViewComponent = TimelineWeekViewComponent_1 = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-gantt-timeline-week-view',
-            template: '',
-            providers: [
-                {
-                    provide: ViewBase,
-                    useExisting: forwardRef(function () { return TimelineWeekViewComponent_1; })
-                }
-            ]
-        }),
-        tslib_1.__metadata("design:paramtypes", [OptionChangesService, DependencyDomService])
-    ], TimelineWeekViewComponent);
-    return TimelineWeekViewComponent;
-}(ViewBase));
-export { TimelineWeekViewComponent };

package/dist/es/timeline/timeline-week-view.service.js

@@ -1,62 +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 { IntlService } from '@progress/kendo-angular-intl';
-import { addDays, getDate } from '@progress/kendo-date-math';
-import { MappingService } from '../common/mapping.service';
-import { TimelineBaseViewService } from './timeline-base-view.service';
-/**
- * @hidden
- */
-var TimelineWeekViewService = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineWeekViewService, _super);
-    function TimelineWeekViewService(intlService, mapper) {
-        return _super.call(this, intlService, mapper) || this;
-    }
-    /**
-     * Gets a date a day before the first task start with hours, minutes, seconds, milliseconds cleared.
-     */
-    TimelineWeekViewService.prototype.getStartOffset = function (rangeStart) {
-        return addDays(getDate(rangeStart), -1);
-    };
-    /**
-     * Gets a date a day after the last task start with hours, minutes, seconds, milliseconds cleared.
-     */
-    TimelineWeekViewService.prototype.getEndOffset = function (rangeEnd) {
-        return addDays(getDate(rangeEnd), 1);
-    };
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {number}
-     */
-    TimelineWeekViewService.prototype.getTableWidth = function (tasks) {
-        var timeSlots = this.getSlots(tasks)[1];
-        var slotWidth = this.options.slotWidth;
-        return Math.round(timeSlots.length * slotWidth);
-    };
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {Array<Object>} - A collection containing the day and hours slots
-     * Used to render the number of columns and the header
-     */
-    TimelineWeekViewService.prototype.getSlots = function (tasks) {
-        // will return the header rows slots
-        var slots = [];
-        var _a = this.getRange(tasks), start = _a.start, end = _a.end;
-        var weeks = this.getWeeks(start, end);
-        var days = this.getDays(start, end);
-        slots.push(weeks, days);
-        return slots;
-    };
-    TimelineWeekViewService = tslib_1.__decorate([
-        Injectable(),
-        tslib_1.__metadata("design:paramtypes", [IntlService, MappingService])
-    ], TimelineWeekViewService);
-    return TimelineWeekViewService;
-}(TimelineBaseViewService));
-export { TimelineWeekViewService };

package/dist/es/timeline/view-base.js

@@ -1,38 +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 { Input } from '@angular/core';
-import { anyChanged } from '@progress/kendo-angular-common';
-/**
- * The base class for the column components of the Gantt.
- */
-var ViewBase = /** @class */ (function () {
-    /**
-     *
-     * @hidden
-     */
-    function ViewBase(optionChangesService, dependencyDomService) {
-        this.optionChangesService = optionChangesService;
-        this.dependencyDomService = dependencyDomService;
-        /**
-         * The width of the time slot headers. Values are treated as pixels.
-         *
-         * @default 100
-         */
-        this.slotWidth = 100;
-    }
-    ViewBase.prototype.ngOnChanges = function (changes) {
-        if (anyChanged(['slotWidth'], changes)) {
-            this.optionChangesService.notifyColumnChanges();
-            this.dependencyDomService.notifyChanges();
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], ViewBase.prototype, "slotWidth", void 0);
-    return ViewBase;
-}());
-export { ViewBase };