@progress/kendo-angular-gantt 0.2.0-dev.202111251410 → 0.2.1-dev.202112091741

package/dist/es/expanded-state/expandable.directive.js

@@ -4,14 +4,15 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 import { Directive, Input } from '@angular/core';
-import { ExpandableDirective } from '@progress/kendo-angular-treelist';
+import { ExpandableDirective, ExpandableTreeComponent } from '@progress/kendo-angular-treelist';
 /**
  * A directive which controls the expanded state of the items.
  */
 var GanttExpandableDirective = /** @class */ (function (_super) {
     tslib_1.__extends(GanttExpandableDirective, _super);
-    function GanttExpandableDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    // fixes an injection error in some builds/ng-versions (e.g. StackBlitz)
+    function GanttExpandableDirective(gantt) {
+        return _super.call(this, gantt) || this;
     }
     tslib_1.__decorate([
         Input(),
@@ -21,7 +22,8 @@ var GanttExpandableDirective = /** @class */ (function (_super) {
         Directive({
             exportAs: 'kendoGanttExpandable',
             selector: '[kendoGanttExpandable]'
-        })
+        }),
+        tslib_1.__metadata("design:paramtypes", [ExpandableTreeComponent])
     ], GanttExpandableDirective);
     return GanttExpandableDirective;
 }(ExpandableDirective));

package/dist/es/gantt.component.js

@@ -120,7 +120,7 @@ var GanttComponent = /** @class */ (function () {
         /**
          * Provides a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection))
          *
-         * > The [`selectable`]({% slug gantt_api_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
+         * > 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 = isSelected;
         /**
@@ -134,7 +134,7 @@ var GanttComponent = /** @class */ (function () {
         /**
          * Enables or disables the Gantt selection mechanism ([see example]({% slug selection_gantt %}#toc-custom-selection)).
          *
-         * > When set to `true`, the [`isSelected`]({% slug gantt_api_ganttcomponent %}#toc-isselected) callback has to be provided.
+         * > 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;
@@ -356,7 +356,6 @@ var GanttComponent = /** @class */ (function () {
             _this.showConfirmationDialog = _this.showEditingDialog = false;
             _this.editService.dataItem = _this.editService.formGroup = null;
             _this.updateView();
-            _this.dependencyDomService.notifyChanges();
         }));
         this.localizationSubscription = this.localizationService.changes.subscribe(function (_a) {
             var rtl = _a.rtl;
@@ -696,12 +695,17 @@ var GanttComponent = /** @class */ (function () {
         }
     };
     /**
-     * Updates the data of the Gantt and forces row-related callbacks to be called anew.
+     * 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 (isPresent(this.treeList)) {
             this.treeList.updateView();
         }
+        this.loadTimelineData();
+        this.dependencyDomService.notifyChanges();
     };
     /**
      * Opens the task editing dialog.
@@ -949,7 +953,7 @@ var GanttComponent = /** @class */ (function () {
             items: [dataItem],
             sender: this
         });
-        this.updateView();
+        this.treeList.updateView();
     };
     GanttComponent.prototype.updateTreeListGroupClass = function (columns) {
         if (columns === void 0) { columns = this.columns; }

package/dist/es/index.js

@@ -16,6 +16,7 @@ export { CustomMessagesComponent } from './localization/custom-messages.componen
 export { LocalizedMessagesDirective } from './localization/localized-messages.directive';
 export { Messages } from './localization/messages';
 export { GanttTreeListMessagesDirective } from './localization/treelist-messages.directive';
+export { PreventableEvent } from './models/events/preventable-event';
 export { GanttHeaderTableBodyComponent } from './rendering/gantt-header-table-body.component';
 export { GanttMilestoneTaskComponent } from './rendering/gantt-milestone-task.component';
 export { GanttSummaryTaskComponent } from './rendering/gantt-summary-task.component';

package/dist/es/models/models.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export { CellCloseEvent } from './events/cell-close-event.interface';

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1637848947,
+    publishDate: 1639071314,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 import { Component, Input, TemplateRef, ViewChild, ElementRef } from '@angular/core';
-import { isEqualDate } from '@progress/kendo-date-math';
+import { isEqual } from '@progress/kendo-date-math';
 import { DependencyDomService } from '../dependencies/dependency-dom.service';
 import { isPresent } from '../utils';
 import { MappingService } from '../common/mapping.service';
@@ -28,7 +28,7 @@ var GanttTasksTableBodyComponent = /** @class */ (function () {
         configurable: true
     });
     GanttTasksTableBodyComponent.prototype.isMileStone = function (task) {
-        return !this.hasChildren(task) && isEqualDate(this.mapper.extractFromTask(task, 'start'), this.mapper.extractFromTask(task, 'end'));
+        return !this.hasChildren(task) && isEqual(this.mapper.extractFromTask(task, 'start'), this.mapper.extractFromTask(task, 'end'));
     };
     tslib_1.__decorate([
         ViewChild('timelineRow', { static: false }),

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

@@ -5,9 +5,18 @@
 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';
-var DAY_FORMAT = 'E d/MM';
-var HOUR_FORMAT = 'HH:mm aa';
-var MONTH_FORMAT = 'MMM';
+/**
+ * @hidden
+ */
+export var DAY_FORMAT = 'E d/MM';
+/**
+ * @hidden
+ */
+export var HOUR_FORMAT = 'HH:mm aa';
+/**
+ * @hidden
+ */
+export var MONTH_FORMAT = 'MMM';
 /**
  * @hidden
  */

package/dist/es2015/expanded-state/expandable.directive.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ExpandableDirective } from '@progress/kendo-angular-treelist';
+import { ExpandableDirective, ExpandableTreeComponent } from '@progress/kendo-angular-treelist';
 /**
  * A directive which controls the expanded state of the items.
  */
@@ -14,4 +14,5 @@ export declare class GanttExpandableDirective extends ExpandableDirective {
      *
      */
     expandBy: string | ((dataItem: any) => any);
+    constructor(gantt: ExpandableTreeComponent);
 }

package/dist/es2015/expanded-state/expandable.directive.js

@@ -4,11 +4,15 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 import { Directive, Input } from '@angular/core';
-import { ExpandableDirective } from '@progress/kendo-angular-treelist';
+import { ExpandableDirective, ExpandableTreeComponent } from '@progress/kendo-angular-treelist';
 /**
  * A directive which controls the expanded state of the items.
  */
 let GanttExpandableDirective = class GanttExpandableDirective extends ExpandableDirective {
+    // fixes an injection error in some builds/ng-versions (e.g. StackBlitz)
+    constructor(gantt) {
+        super(gantt);
+    }
 };
 tslib_1.__decorate([
     Input(),
@@ -18,6 +22,7 @@ GanttExpandableDirective = tslib_1.__decorate([
     Directive({
         exportAs: 'kendoGanttExpandable',
         selector: '[kendoGanttExpandable]'
-    })
+    }),
+    tslib_1.__metadata("design:paramtypes", [ExpandableTreeComponent])
 ], GanttExpandableDirective);
 export { GanttExpandableDirective };

package/dist/es2015/gantt.component.d.ts

@@ -164,7 +164,7 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
     /**
      * Provides a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection))
      *
-     * > The [`selectable`]({% slug gantt_api_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
+     * > The [`selectable`]({% slug api_gantt_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
      */
     isSelected: (dataItem: object) => boolean;
     /**
@@ -178,7 +178,7 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
     /**
      * Enables or disables the Gantt selection mechanism ([see example]({% slug selection_gantt %}#toc-custom-selection)).
      *
-     * > When set to `true`, the [`isSelected`]({% slug gantt_api_ganttcomponent %}#toc-isselected) callback has to be provided.
+     * > 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.
      */
     selectable: boolean;
@@ -503,7 +503,10 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
      */
     reorderColumn(source: GanttColumnBase, destIndex: number, options?: ColumnReorderConfig): void;
     /**
-     * Updates the data of the Gantt and forces row-related callbacks to be called anew.
+     * 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.
      */
     updateView(): void;
     /**

package/dist/es2015/gantt.component.js

@@ -120,7 +120,7 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
         /**
          * Provides a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection))
          *
-         * > The [`selectable`]({% slug gantt_api_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
+         * > 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 = isSelected;
         /**
@@ -134,7 +134,7 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
         /**
          * Enables or disables the Gantt selection mechanism ([see example]({% slug selection_gantt %}#toc-custom-selection)).
          *
-         * > When set to `true`, the [`isSelected`]({% slug gantt_api_ganttcomponent %}#toc-isselected) callback has to be provided.
+         * > 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;
@@ -356,7 +356,6 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
             this.showConfirmationDialog = this.showEditingDialog = false;
             this.editService.dataItem = this.editService.formGroup = null;
             this.updateView();
-            this.dependencyDomService.notifyChanges();
         }));
         this.localizationSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
             this.rtl = rtl;
@@ -615,12 +614,17 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
         }
     }
     /**
-     * Updates the data of the Gantt and forces row-related callbacks to be called anew.
+     * 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.
      */
     updateView() {
         if (isPresent(this.treeList)) {
             this.treeList.updateView();
         }
+        this.loadTimelineData();
+        this.dependencyDomService.notifyChanges();
     }
     /**
      * Opens the task editing dialog.
@@ -864,7 +868,7 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
             items: [dataItem],
             sender: this
         });
-        this.updateView();
+        this.treeList.updateView();
     }
     updateTreeListGroupClass(columns = this.columns) {
         if (!isPresent(this.treeList)) {

package/dist/es2015/index.d.ts

@@ -16,6 +16,7 @@ export { CustomMessagesComponent } from './localization/custom-messages.componen
 export { LocalizedMessagesDirective } from './localization/localized-messages.directive';
 export { Messages } from './localization/messages';
 export { GanttTreeListMessagesDirective } from './localization/treelist-messages.directive';
+export { PreventableEvent } from './models/events/preventable-event';
 export { GanttHeaderTableBodyComponent } from './rendering/gantt-header-table-body.component';
 export { GanttMilestoneTaskComponent } from './rendering/gantt-milestone-task.component';
 export { GanttSummaryTaskComponent } from './rendering/gantt-summary-task.component';

package/dist/es2015/index.js

@@ -16,6 +16,7 @@ export { CustomMessagesComponent } from './localization/custom-messages.componen
 export { LocalizedMessagesDirective } from './localization/localized-messages.directive';
 export { Messages } from './localization/messages';
 export { GanttTreeListMessagesDirective } from './localization/treelist-messages.directive';
+export { PreventableEvent } from './models/events/preventable-event';
 export { GanttHeaderTableBodyComponent } from './rendering/gantt-header-table-body.component';
 export { GanttMilestoneTaskComponent } from './rendering/gantt-milestone-task.component';
 export { GanttSummaryTaskComponent } from './rendering/gantt-summary-task.component';