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

package/dist/npm/toolbar/toolbar-template.directive.js

@@ -1,134 +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");
-/**
- * Represents the toolbar template of the Gantt.
- *
- * The template context has the following field:
- * - `position`—The position at which the toolbar template is rendered. The possible values are `'top'` and `'bottom'`.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <div class="example-config">
- *         <input type="radio" id="top" name="position" class="k-radio" value="top" checked (click)="positionChange($event)"/>
- *         <label class="k-radio-label" for="top">Top</label><br/>
- *         <input type="radio" id="bottom" name="position" class="k-radio" value="bottom" (click)="positionChange($event)"/>
- *         <label class="k-radio-label" for="bottom">Bottom</label><br/>
- *         <input type="radio" id="both" name="position" value="both" class="k-radio" (click)="positionChange($event)"/>
- *         <label class="k-radio-label" for="both">Both</label><br/>
- *       </div>
- *       <kendo-gantt [[kendoGanttHierarchyBinding]="data"]="data" style="height: 400px">
- *            <ng-template kendoGanttToolbarTemplate [position]="position" let-position="position">
- *                <button (click)="onClick()" class="k-button">Custom action</button>
- *            </ng-template>
- *        </kendo-gantt>
- *     `
- * })
- *
- * class AppComponent {
- *     public position: 'top' | 'bottom' | 'both' = 'top';
- *
- *     public data = [{
- *       id: 7,
- *       title: "Software validation, research and implementation",
- *       orderId: 0,
- *       start: new Date("2014-06-02T00:00:00.000Z"),
- *       end: new Date("2014-07-12T00:00:00.000Z"),
- *       completionRatio: 0.45708333333333334,
- *       isExpanded: true,
- *       children: [{
- *               id: 11,
- *               title: "Research",
- *               orderId: 1,
- *               start: new Date("2014-06-02T00:00:00.000Z"),
- *               end: new Date("2014-06-07T00:00:00.000Z"),
- *               completionRatio: 0.5766666666666667,
- *               isExpanded: true,
- *               children: [{
- *                       id: 19,
- *                       title: "Validation with Customers",
- *                       orderId: 0,
- *                       start: new Date("2014-06-02T00:00:00.000Z"),
- *                       end: new Date("2014-06-04T00:00:00.000Z"),
- *                       completionRatio: 0.25,
- *                       isExpanded: true
- *                   },
- *                   {
- *                       id: 20,
- *                       title: "Market Research",
- *                       orderId: 1,
- *                       start: new Date("2014-06-02T00:00:00.000Z"),
- *                       end: new Date("2014-06-03T02:00:00.000Z"),
- *                       completionRatio: 0.82,
- *                       isExpanded: true
- *                   },
- *                   {
- *                       id: 39,
- *                       title: "Functional and Technical Specification",
- *                       orderId: 2,
- *                       start: new Date("2014-06-04T00:00:00.000Z"),
- *                       end: new Date("2014-06-07T00:00:00.000Z"),
- *                       completionRatio: 0.66,
- *                       isExpanded: true
- *                   }]
- *           }]
- *       };
- *
- *     public positionChange({ target }): void {
- *        this.position = target.value;
- *     }
- *
- *     public onClick(): void {
- *         console.log("button was clicked");
- *     }
- * }
- *
- * ```
- */
-var ToolbarTemplateDirective = /** @class */ (function () {
-    function ToolbarTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-        this._position = "top";
-    }
-    Object.defineProperty(ToolbarTemplateDirective.prototype, "position", {
-        get: function () {
-            return this._position;
-        },
-        /**
-         * Defines the Gantt Toolbar that will use this template.
-         *
-         * The possible values are:
-         * - `top`&mdash;The template will be rendered in the top toolbar (if present) only.
-         * - `bottom`&mdash;The template will be rendered in the bottom toolbar (if present) only.
-         * - `both`&mdash;The template will be rendered in both toolbars (if present).
-         */
-        set: function (position) {
-            this._position = position;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        core_1.Input('position'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolbarTemplateDirective.prototype, "position", null);
-    ToolbarTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoGanttToolbarTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], ToolbarTemplateDirective);
-    return ToolbarTemplateDirective;
-}());
-exports.ToolbarTemplateDirective = ToolbarTemplateDirective;

package/dist/npm/toolbar/toolbar.component.js

@@ -1,74 +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 gantt_component_1 = require("../gantt.component");
-/**
- * @hidden
- */
-var ToolbarComponent = /** @class */ (function () {
-    function ToolbarComponent(gantt) {
-        this.gantt = gantt;
-        this.context = {};
-        this.role = 'toolbar';
-    }
-    Object.defineProperty(ToolbarComponent.prototype, "position", {
-        get: function () {
-            return this._position;
-        },
-        set: function (value) {
-            this.context.position = this._position = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolbarComponent.prototype, "toolbarTemplateRef", {
-        get: function () {
-            return this.gantt.toolbarTemplate ? this.gantt.toolbarTemplate.templateRef : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolbarComponent.prototype, "renderTemplate", {
-        get: function () {
-            var ganttToolbarTemplate = this.gantt.toolbarTemplate;
-            var templatePosition = ganttToolbarTemplate ? ganttToolbarTemplate.position : null;
-            return ganttToolbarTemplate && (templatePosition === 'both' || templatePosition === this.position);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ToolbarComponent.prototype.handleViewChange = function (view) {
-        this.gantt.changeActiveView(view);
-    };
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.role'),
-        tslib_1.__metadata("design:type", String)
-    ], ToolbarComponent.prototype, "role", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolbarComponent.prototype, "showAddTask", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolbarComponent.prototype, "showViewSelector", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolbarComponent.prototype, "position", null);
-    ToolbarComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-gantt-toolbar',
-            template: "\n        <ng-container *ngIf=\"!renderTemplate\">\n            <kendo-gantt-add-task *ngIf=\"showAddTask\"></kendo-gantt-add-task>\n            <span class=\"k-spacer k-toolbar-spacer\"></span>\n            <kendo-gantt-view-selector\n                *ngIf=\"showViewSelector\"\n                [views]=\"gantt.viewTypes\"\n                [activeView]=\"gantt.activeView\"\n                (activeViewChange)=\"handleViewChange($event)\"></kendo-gantt-view-selector>\n        </ng-container>\n        <ng-template\n            *ngIf=\"renderTemplate\"\n            [ngTemplateOutlet]=\"toolbarTemplateRef\"\n            [ngTemplateOutletContext]=\"context\"\n            >\n        </ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [gantt_component_1.GanttComponent])
-    ], ToolbarComponent);
-    return ToolbarComponent;
-}());
-exports.ToolbarComponent = ToolbarComponent;

package/dist/npm/toolbar/view-selector.component.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
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-/**
- * The Gantt ViewSelector component. Shows the currently active view type, and allows switching to another view type.
- */
-var ViewSelectorComponent = /** @class */ (function () {
-    function ViewSelectorComponent(localizationService) {
-        this.localizationService = localizationService;
-        this.hostClass = true;
-        /**
-         * The currently active view type.
-         * @default 'week'
-         */
-        this.activeView = 'week';
-        /**
-         * 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();
-    }
-    /**
-     * @hidden
-     */
-    ViewSelectorComponent.prototype.onClick = function (viewType) {
-        if (viewType !== this.activeView) {
-            this.activeViewChange.emit(viewType);
-        }
-    };
-    /**
-     * @hidden
-     */
-    ViewSelectorComponent.prototype.getViewTypeText = function (viewType) {
-        return this.localizationService.get(viewType + "ViewText");
-    };
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-gantt-views-wrapper'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ViewSelectorComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], ViewSelectorComponent.prototype, "views", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ViewSelectorComponent.prototype, "activeView", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ViewSelectorComponent.prototype, "activeViewChange", void 0);
-    ViewSelectorComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-gantt-view-selector',
-            template: "\n        <select\n            class=\"k-dropdownlist k-picker k-rounded-md k-views-dropdown\"\n            aria-label=\"View Selector\"\n            [value]=\"activeView\"\n            (change)=\"activeViewChange.emit($event.target.value)\">\n            <option *ngFor=\"let view of views\" [value]=\"view\">{{getViewTypeText(view)}}</option>\n        </select>\n        <kendo-buttongroup class=\"k-gantt-views\" selection=\"single\">\n            <button *ngFor=\"let view of views\"\n                kendoButton\n                type=\"button\"\n                [selected]=\"view === activeView\"\n                (click)=\"onClick(view)\">{{getViewTypeText(view)}}</button>\n        </kendo-buttongroup>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
-    ], ViewSelectorComponent);
-    return ViewSelectorComponent;
-}());
-exports.ViewSelectorComponent = ViewSelectorComponent;

package/dist/npm/utils.js

@@ -1,298 +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 kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var dependency_type_enum_1 = require("./models/dependency-type.enum");
-/**
- * @hidden
- */
-exports.isWorkDay = function (date, start, end) {
-    return date.getDay() >= start && date.getDay() <= end;
-};
-/**
- * @hidden
- */
-exports.isWorkHour = function (date, start, end) {
-    return date.getHours() >= start && date.getHours() <= end;
-};
-/**
- * @hidden
- */
-exports.isPresent = function (item) { return item !== null && item !== undefined; };
-/**
- * @hidden
- *
- * Normalized the data to an array in case a falsy value is passed
- * or a TreeListDataResult object (applicable for the data-binding directives).
- */
-exports.normalizeGanttData = function (data) {
-    if (!exports.isPresent(data)) {
-        return [];
-    }
-    else if (Array.isArray(data.data)) {
-        return data.data;
-    }
-    else {
-        return data;
-    }
-};
-/**
- * @hidden
- */
-exports.isArray = function (value) { return Array.isArray(value); };
-/**
- * @hidden
- *
- * Returns a new date with the specified hours, minutes, seconds and millliseconds set.
- * Only the hours are required, the rest of the params are set to `0` by default.
- */
-exports.setTime = function (date, hours, minutes, seconds, milliseconds) {
-    if (minutes === void 0) { minutes = 0; }
-    if (seconds === void 0) { seconds = 0; }
-    if (milliseconds === void 0) { milliseconds = 0; }
-    if (!exports.isPresent(date)) {
-        return null;
-    }
-    var result = kendo_date_math_1.cloneDate(date);
-    result.setHours(hours);
-    result.setMinutes(minutes);
-    result.setSeconds(seconds);
-    result.setMilliseconds(milliseconds);
-    return result;
-};
-/**
- * @hidden
- *
- * Returns the last day of a week.
- * @param standingPoint - Any day of the target week.
- * @param firstWeekDay - The week's starting day (e.g. Monday, Tuesday, etc.)
- */
-exports.lastDayOfWeek = function (standingPoint, firstWeekDay) {
-    var followingWeek = kendo_date_math_1.addWeeks(standingPoint, 1);
-    var firstDayOfFollowingWeek = kendo_date_math_1.firstDayInWeek(followingWeek, firstWeekDay);
-    var lastDayOfTargetWeek = kendo_date_math_1.addDays(firstDayOfFollowingWeek, -1);
-    return lastDayOfTargetWeek;
-};
-/**
- * Persists the intially resolved scrollbar width value.
- */
-var SCROLLBAR_WIDTH;
-/**
- * @hidden
- *
- * Gets the default scrollbar width accoring to the current environment.
- */
-exports.scrollbarWidth = function () {
-    if (!kendo_angular_common_1.isDocumentAvailable()) {
-        return;
-    }
-    // calculate scrollbar width only once, then return the cached value
-    if (isNaN(SCROLLBAR_WIDTH)) {
-        var div = document.createElement('div');
-        div.style.cssText = 'overflow: scroll; overflow-x: hidden; zoom: 1; clear: both; display: block;';
-        div.innerHTML = '&nbsp;';
-        document.body.appendChild(div);
-        SCROLLBAR_WIDTH = div.offsetWidth - div.scrollWidth;
-        document.body.removeChild(div);
-    }
-    return SCROLLBAR_WIDTH;
-};
-/**
- * @hidden
- */
-exports.isColumnGroup = function (column) { return column.isColumnGroup; };
-/**
- * @hidden
- */
-exports.isNumber = function (contender) { return typeof contender === 'number' && !isNaN(contender); };
-/**
- * @hidden
- */
-exports.isString = function (contender) { return typeof contender === 'string'; };
-/**
- * @hidden
- *
- * Gets the closest timeline task wrapper element from an event target.
- * Restricts the search up to the provided parent element from the second param.
- */
-exports.getClosestTaskWrapper = function (element, parentScope) {
-    return kendo_angular_common_1.closestInScope(element, kendo_angular_common_1.matchesClasses('k-task-wrap'), parentScope);
-};
-/**
- * @hidden
- *
- * Checks whether the queried item or its parent items has a `k-task-wrap` selector.
- * Restricts the search up to the provided parent element from the second param.
- */
-exports.isTaskWrapper = function (contender, parentScope) {
-    var taskWrapper = kendo_angular_common_1.closestInScope(contender, kendo_angular_common_1.matchesClasses('k-task-wrap'), parentScope);
-    return exports.isPresent(taskWrapper);
-};
-/**
- * @hidden
- *
- * Gets the closest timeline task element from an event target.
- * Restricts the search up to the provided parent element from the second param.
- */
-exports.getClosestTask = function (element, parentScope) {
-    return kendo_angular_common_1.closestInScope(element, kendo_angular_common_1.matchesClasses('k-task'), parentScope);
-};
-/**
- * @hidden
- *
- * Gets the closest timeline task element index from an event target.
- * Uses the `data-task-index` attribute assigned to each task.
- * Restricts the search up to the provided parent element from the second param.
- */
-exports.getClosestTaskIndex = function (element, parentScope) {
-    var task = kendo_angular_common_1.closestInScope(element, kendo_angular_common_1.matchesClasses('k-task-wrap'), parentScope);
-    if (!exports.isPresent(task)) {
-        return null;
-    }
-    return Number(task.getAttribute('data-task-index'));
-};
-/**
- * @hidden
- *
- * Checks whether the queried item or its parent items has a `k-task` selector.
- * Restricts the search up to the provided parent element from the second param.
- */
-exports.isTask = function (contender, parentScope) {
-    var task = kendo_angular_common_1.closestInScope(contender, kendo_angular_common_1.matchesClasses('k-task'), parentScope);
-    return exports.isPresent(task);
-};
-/**
- * @hidden
- *
- * Checks whether the queried item or its parent items has a `k-toolbar` selector.
- * Restricts the search up to the provided parent element from the second param.
- */
-exports.isToolbar = function (contender, parentScope) {
-    var toolbar = kendo_angular_common_1.closestInScope(contender, kendo_angular_common_1.matchesClasses('k-gantt-toolbar'), parentScope);
-    return exports.isPresent(toolbar);
-};
-/**
- * @hidden
- *
- * Checks whether the queried item or its parent items has a `k-task-actions` selector - used for the clear button.
- * Restricts the search up to the provided parent element from the second param.
- */
-exports.isClearButton = function (contender, parentScope) {
-    var clearButtonContainer = kendo_angular_common_1.closestInScope(contender, kendo_angular_common_1.matchesClasses('k-task-actions'), parentScope);
-    return exports.isPresent(clearButtonContainer);
-};
-/**
- * @hidden
- *
- * Checks whether the queried item has a `k-task-dot` selector - used for the dependency drag clues.
- */
-exports.isDependencyDragClue = function (element) {
-    if (!exports.isPresent(element)) {
-        return false;
-    }
-    return element.classList.contains('k-task-dot');
-};
-/**
- * @hidden
- *
- * Checks whether the queried item has a `k-task-dot` & `k-task-start` selector - used for the dependency drag start clues.
- */
-exports.isDependencyDragStartClue = function (element) {
-    if (!exports.isPresent(element)) {
-        return false;
-    }
-    return element.classList.contains('k-task-dot') && element.classList.contains('k-task-start');
-};
-/**
- * @hidden
- *
- * Gets the `DependencyType` for an attempted dependency create from the provided two elements.
- * The two linked drag clue HTML elements are used to extract this data (via their CSS classes).
- */
-exports.getDependencyTypeFromTargetTasks = function (fromTaskClue, toTaskClue) {
-    if (!exports.isDependencyDragClue(fromTaskClue) || !exports.isDependencyDragClue(toTaskClue)) {
-        return null;
-    }
-    var fromTaskType = exports.isDependencyDragStartClue(fromTaskClue) ? 'S' : 'F';
-    var toTaskType = exports.isDependencyDragStartClue(toTaskClue) ? 'S' : 'F';
-    var dependencyTypeName = "" + fromTaskType + toTaskType;
-    switch (dependencyTypeName) {
-        case 'FF': return dependency_type_enum_1.DependencyType.FF;
-        case 'FS': return dependency_type_enum_1.DependencyType.FS;
-        case 'SF': return dependency_type_enum_1.DependencyType.SF;
-        case 'SS': return dependency_type_enum_1.DependencyType.SS;
-        default: return null;
-    }
-};
-/**
- * @hidden
- *
- * Checks whether the two provided drag clues belong to the same task element.
- */
-exports.sameTaskClues = function (fromTaskClue, toTaskClue, parentScope) {
-    if (!exports.isPresent(fromTaskClue) || !exports.isPresent(toTaskClue)) {
-        return false;
-    }
-    var fromTaskWrapper = exports.getClosestTaskWrapper(fromTaskClue, parentScope);
-    var toTaskWrapper = exports.getClosestTaskWrapper(toTaskClue, parentScope);
-    return fromTaskWrapper === toTaskWrapper;
-};
-/**
- * @hidden
- *
- * Fits a contender number between a min and max range.
- * If the contender is below the min value, the min value is returned.
- * If the contender is above the max value, the max value is returned.
- */
-exports.fitToRange = function (contender, min, max) {
-    if (!exports.isPresent(contender) || contender < min) {
-        return min;
-    }
-    else if (contender > max) {
-        return max;
-    }
-    else {
-        return contender;
-    }
-};
-/**
- * @hidden
- *
- * Checks whether either of the two provided tasks is a parent of the other.
- */
-exports.areParentChild = function (taskA, taskB) {
-    var parentChildRelationship = false;
-    var taskAParent = taskA;
-    while (exports.isPresent(taskAParent) && exports.isPresent(taskAParent.data)) {
-        if (taskAParent.data === taskB.data) {
-            parentChildRelationship = true;
-            break;
-        }
-        taskAParent = taskAParent.parent;
-    }
-    var taskBParent = taskB;
-    while (!parentChildRelationship && exports.isPresent(taskBParent) && exports.isPresent(taskBParent.data)) {
-        if (taskBParent.data === taskA.data) {
-            parentChildRelationship = true;
-            break;
-        }
-        taskBParent = taskBParent.parent;
-    }
-    return parentChildRelationship;
-};
-/**
- * @hidden
- *
- * Extracts an element from the provided client coords.
- * Using the `event.target` is not reliable under mobile devices with the current implementation of the draggable, so use this instead.
- */
-exports.elementFromPoint = function (clientX, clientY) {
-    if (!kendo_angular_common_1.isDocumentAvailable()) {
-        return null;
-    }
-    return document.elementFromPoint(clientX, clientY);
-};