@progress/kendo-angular-gantt 0.3.0-dev.202112141015 → 0.3.0-dev.202201111723

package/dist/npm/dependencies/utils.js

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var dependency_type_enum_1 = require("../models/dependency-type.enum");
 /**
  * @hidden
  *
@@ -47,9 +48,9 @@ exports.dependencyCoordinates = function (from, to, rowHeight, type, minDistance
               |       |
         [[[]]]-       -[[[]]]
      */
-    if (type === 0 /* FF */ || type === 3 /* SS */) {
+    if (type === dependency_type_enum_1.DependencyType.FF || type === dependency_type_enum_1.DependencyType.SS) {
         // polyline start from first task
-        var dir = type === 3 /* SS */ ? 'left' : 'right';
+        var dir = type === dependency_type_enum_1.DependencyType.SS ? 'left' : 'right';
         top = from.top;
         left = from[dir];
         points.push({ top: top, left: left });
@@ -75,9 +76,9 @@ exports.dependencyCoordinates = function (from, to, rowHeight, type, minDistance
                                     |
                                     -[[[]]]
         */
-        var startDir = type === 2 /* SF */ ? 'left' : 'right';
-        var endDir = type === 2 /* SF */ ? 'right' : 'left';
-        var additionalTurn = type === 2 /* SF */
+        var startDir = type === dependency_type_enum_1.DependencyType.SF ? 'left' : 'right';
+        var endDir = type === dependency_type_enum_1.DependencyType.SF ? 'right' : 'left';
+        var additionalTurn = type === dependency_type_enum_1.DependencyType.SF
             ? from[startDir] - minDistanceBeforeTurn * 2 < to[endDir]
             : from[startDir] + minDistanceBeforeTurn * 2 > to[endDir];
         // polyline start from first task

package/dist/npm/editing/dependencies-table.component.js

@@ -0,0 +1,133 @@
+/**-----------------------------------------------------------------------------------------
+* 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 forms_1 = require("@angular/forms");
+var mapping_service_1 = require("../common/mapping.service");
+var gantt_localization_service_1 = require("../localization/gantt-localization.service");
+var dependency_type_enum_1 = require("../models/dependency-type.enum");
+var edit_service_1 = require("./edit.service");
+/**
+ * @hidden
+ */
+var DependenciesTableComponent = /** @class */ (function () {
+    function DependenciesTableComponent(mapper, editService, localizationService) {
+        this.mapper = mapper;
+        this.editService = editService;
+        this.localizationService = localizationService;
+        this.dependenciesChange = new core_1.EventEmitter();
+        this.selectedKeys = [];
+        this.formGroups = new forms_1.FormArray([]);
+        this.dependencyTypes = this.getDependencyTypes();
+    }
+    Object.defineProperty(DependenciesTableComponent.prototype, "taskId", {
+        get: function () {
+            return this.editService.dataItem.id;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DependenciesTableComponent.prototype, "dependencyIdField", {
+        // The target dependency id field
+        // e.g. if Predecessors, we have the `fromId` which is the currently edited task,
+        // while the `toId` is missing (needs to be selected by the user)
+        get: function () {
+            return this.dependencyType === 'predecessor' ? 'fromId' : 'toId';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DependenciesTableComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        // generate the FormGroups per each Grid row
+        if (this.formGroups.controls.length === 0) {
+            var fields_1 = this.mapper.dependencyFields;
+            this.dependencies.forEach(function (item) {
+                var _a;
+                var formGroup = new forms_1.FormGroup((_a = {},
+                    _a[fields_1.id] = new forms_1.FormControl(_this.mapper.extractFromDependency(item, 'id')),
+                    _a[fields_1.fromId] = new forms_1.FormControl(_this.mapper.extractFromDependency(item, 'fromId'), forms_1.Validators.required),
+                    _a[fields_1.toId] = new forms_1.FormControl(_this.mapper.extractFromDependency(item, 'toId'), forms_1.Validators.required),
+                    _a[fields_1.type] = new forms_1.FormControl(_this.mapper.extractFromDependency(item, 'type'), forms_1.Validators.required),
+                    _a));
+                _this.formGroups.push(formGroup);
+            });
+        }
+        this.formGroups.valueChanges.subscribe(function (val) {
+            _this.formGroups.controls.forEach(function (control) {
+                if (control.dirty) {
+                    _this.editService.updateDependencies(control.value);
+                }
+            });
+            _this.dependenciesChange.emit(val);
+        });
+    };
+    DependenciesTableComponent.prototype.getFormControl = function (dataItemIndex, field) {
+        // return the FormControl for the respective column editor
+        return this.formGroups.controls
+            .find(function (_control, index) { return index === dataItemIndex; })
+            .get(this.mapper.dependencyFields[field]);
+    };
+    DependenciesTableComponent.prototype.getText = function (token) {
+        return this.localizationService.get(token);
+    };
+    DependenciesTableComponent.prototype.getDependencyTypes = function () {
+        var types = Object.keys(dependency_type_enum_1.DependencyType)
+            .filter(function (value) { return typeof dependency_type_enum_1.DependencyType[value] === 'number'; })
+            .map(function (type) {
+            return {
+                type: type,
+                id: dependency_type_enum_1.DependencyType[type]
+            };
+        });
+        return types;
+    };
+    DependenciesTableComponent.prototype.addHandler = function () {
+        var _a;
+        var fields = this.mapper.dependencyFields;
+        var formGroup = new forms_1.FormGroup((_a = {},
+            _a[fields.id] = new forms_1.FormControl(),
+            _a[fields.fromId] = new forms_1.FormControl(this.dependencyIdField === 'toId' ? this.taskId : null, forms_1.Validators.required),
+            _a[fields.toId] = new forms_1.FormControl(this.dependencyIdField === 'fromId' ? this.taskId : null, forms_1.Validators.required),
+            _a[fields.type] = new forms_1.FormControl(null, forms_1.Validators.required),
+            _a));
+        this.formGroups.push(formGroup);
+    };
+    DependenciesTableComponent.prototype.removeHandler = function () {
+        var selectedIndex = this.selectedKeys[0];
+        var item = this.formGroups.at(selectedIndex).value;
+        this.editService.deleteDependency(item);
+        this.formGroups.removeAt(selectedIndex);
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], DependenciesTableComponent.prototype, "tasks", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], DependenciesTableComponent.prototype, "dependencies", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DependenciesTableComponent.prototype, "dependencyType", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], DependenciesTableComponent.prototype, "dependenciesChange", void 0);
+    DependenciesTableComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: 'kendo-gantt-dependencies-table',
+            template: "\n        <kendo-grid\n            [data]=\"dependencies\"\n            [selectable]=\"{ mode: 'single' }\"\n            [(selectedKeys)]=\"selectedKeys\"\n            kendoGridSelectBy\n            [height]=\"295\"\n        >\n            <ng-template kendoGridToolbarTemplate>\n                <button kendoButton (click)=\"addHandler()\">\n                    {{ getText('taskEditingDependenciesAddButtonText') }}\n                </button>\n                <button kendoButton (click)=\"removeHandler()\" [disabled]=\"selectedKeys.length === 0\">\n                    {{ getText('taskEditingDependenciesRemoveButtonText') }}\n                </button>\n            </ng-template>\n            <kendo-grid-column [title]=\"getText('taskEditingDependenciesGridNameColumnTitle')\" [field]=\"dependencyIdField\">\n                <ng-template kendoGridCellTemplate let-dataItem=\"dataItem\" let-column=\"column\" let-rowIndex=\"rowIndex\">\n                    <kendo-dropdownlist\n                        [data]=\"tasks\"\n                        textField=\"title\"\n                        valueField=\"id\"\n                        [valuePrimitive]=\"true\"\n                        [formControl]=\"getFormControl(rowIndex, column.field)\"\n                    >\n                    </kendo-dropdownlist>\n                </ng-template>\n            </kendo-grid-column>\n            <kendo-grid-column [title]=\"getText('taskEditingDependenciesGridTypeColumnTitle')\" field=\"type\">\n                <ng-template kendoGridCellTemplate let-dataItem=\"dataItem\" let-column=\"column\" let-rowIndex=\"rowIndex\">\n                    <kendo-dropdownlist\n                        [data]=\"dependencyTypes\"\n                        textField=\"type\"\n                        valueField=\"id\"\n                        [valuePrimitive]=\"true\"\n                        [formControl]=\"getFormControl(rowIndex, column.field)\"\n                    >\n                    </kendo-dropdownlist>\n                </ng-template>\n            </kendo-grid-column>\n        </kendo-grid>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [mapping_service_1.MappingService,
+            edit_service_1.EditService,
+            gantt_localization_service_1.GanttLocalizationService])
+    ], DependenciesTableComponent);
+    return DependenciesTableComponent;
+}());
+exports.DependenciesTableComponent = DependenciesTableComponent;

package/dist/npm/editing/edit-dialog.component.js

@@ -6,22 +6,52 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var core_1 = require("@angular/core");
-var forms_1 = require("@angular/forms");
 var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
 var mapping_service_1 = require("../common/mapping.service");
+var dependency_type_enum_1 = require("../models/dependency-type.enum");
 var edit_service_1 = require("./edit.service");
 /**
  * @hidden
  */
 var EditDialogComponent = /** @class */ (function () {
-    function EditDialogComponent(mapper, editService, localizationService) {
+    function EditDialogComponent(mapper, editService, cdr, localizationService) {
         this.mapper = mapper;
         this.editService = editService;
+        this.cdr = cdr;
         this.localizationService = localizationService;
     }
+    EditDialogComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.editService.loadTasks(this.data).subscribe(function (value) {
+            _this.loadedTasks = value;
+        });
+    };
+    Object.defineProperty(EditDialogComponent.prototype, "predecessors", {
+        get: function () {
+            return this.editService.predecessors;
+        },
+        set: function (items) {
+            this.editService.predecessors = items;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(EditDialogComponent.prototype, "successors", {
+        get: function () {
+            return this.editService.successors;
+        },
+        set: function (items) {
+            this.editService.successors = items;
+        },
+        enumerable: true,
+        configurable: true
+    });
     EditDialogComponent.prototype.getText = function (token) {
         return this.localizationService.get(token);
     };
+    EditDialogComponent.prototype.getDependencyType = function (typeId) {
+        return dependency_type_enum_1.DependencyType[typeId];
+    };
     EditDialogComponent.prototype.handleEditingResult = function (editResultType) {
         this.editService.triggerEditEvent(editResultType);
     };
@@ -30,15 +60,16 @@ var EditDialogComponent = /** @class */ (function () {
     };
     tslib_1.__decorate([
         core_1.Input(),
-        tslib_1.__metadata("design:type", forms_1.FormGroup)
-    ], EditDialogComponent.prototype, "formGroup", void 0);
+        tslib_1.__metadata("design:type", Array)
+    ], EditDialogComponent.prototype, "data", void 0);
     EditDialogComponent = tslib_1.__decorate([
         core_1.Component({
             selector: 'kendo-gantt-edit-dialog',
-            template: "\n        <kendo-dialog\n            [title]=\"getText('taskEditingDialogTitle')\"\n            [width]=\"575\"\n            [height]=\"470\"\n            (close)=\"handleEditingResult('cancel')\">\n            <kendo-dialog-messages\n                [closeTitle]=\"getText('taskEditingDialogCloseTitle')\"></kendo-dialog-messages>\n            <form class=\"k-form\" [formGroup]=\"formGroup\">\n                <kendo-formfield *ngIf=\"formGroup.contains(mapper.taskFields.title)\">\n                    <kendo-label [for]=\"mapper.taskFields.title\" [text]=\"getText('titleFieldInputLabel')\"></kendo-label>\n                    <input class=\"k-textbox\" [formControlName]=\"mapper.taskFields.title\" />\n                </kendo-formfield>\n                <div class=\"k-hstack\">\n                    <kendo-formfield [style.width.%]=\"49\" *ngIf=\"formGroup.contains(mapper.taskFields.start)\">\n                        <kendo-label [for]=\"mapper.taskFields.start\" [text]=\"getText('startFieldInputLabel')\"></kendo-label>\n                        <kendo-datetimepicker [formControlName]=\"mapper.taskFields.start\"></kendo-datetimepicker>\n                    </kendo-formfield>\n                    <kendo-treelist-spacer></kendo-treelist-spacer>\n                    <kendo-formfield [style.width.%]=\"49\" *ngIf=\"formGroup.contains(mapper.taskFields.end)\">\n                        <kendo-label [for]=\"mapper.taskFields.end\" [text]=\"getText('endFieldInputLabel')\"></kendo-label>\n                        <kendo-datetimepicker [formControlName]=\"mapper.taskFields.end\"></kendo-datetimepicker>\n                    </kendo-formfield>\n                </div>\n                <kendo-formfield [style.width.%]=\"49\" *ngIf=\"formGroup.contains(mapper.taskFields.completionRatio)\">\n                    <kendo-label [for]=\"mapper.taskFields.completionRatio\" [text]=\"getText('completionRatioFieldInputLabel')\"></kendo-label>\n                    <kendo-numerictextbox\n                        [formControlName]=\"mapper.taskFields.completionRatio\"\n                        [min]=\"0\"\n                        [max]=\"1\"\n                        [decimals]=\"2\"\n                        format=\"p2\"\n                        [step]=\"0.01\"\n                    ></kendo-numerictextbox>\n                </kendo-formfield>\n            </form>\n            <kendo-dialog-actions layout=\"normal\">\n                <button kendoButton (click)=\"onTaskDelete()\">{{ getText('deleteButtonText') }}</button>\n                <kendo-treelist-spacer></kendo-treelist-spacer>\n                <button kendoButton [primary]=\"true\" (click)=\"handleEditingResult('save')\">{{ getText('saveButtonText') }}</button>\n                <button kendoButton (click)=\"handleEditingResult('cancel')\">{{ getText('cancelButtonText') }}</button>\n            </kendo-dialog-actions>\n        </kendo-dialog>\n    "
+            template: "\n        <kendo-dialog\n            [title]=\"getText('taskEditingDialogTitle')\"\n            [width]=\"575\"\n            [height]=\"470\"\n            (close)=\"handleEditingResult('cancel')\">\n            <kendo-dialog-messages\n                [closeTitle]=\"getText('taskEditingDialogCloseTitle')\"></kendo-dialog-messages>\n\n            <kendo-tabstrip [keepTabContent]=\"true\">\n                <kendo-tabstrip-tab [title]=\"getText('taskEditingGeneralTabTitle')\" [selected]=\"true\">\n                    <ng-template kendoTabContent>\n                    <kendo-gantt-task-fields></kendo-gantt-task-fields>\n                    </ng-template>\n                </kendo-tabstrip-tab>\n                <kendo-tabstrip-tab [title]=\"getText('taskEditingPredecessorsTabTitle')\">\n                    <ng-template kendoTabContent>\n                        <kendo-gantt-dependencies-table\n                            [tasks]=\"loadedTasks\"\n                            [(dependencies)]=\"predecessors\"\n                            dependencyType=\"predecessor\"\n                        >\n                        </kendo-gantt-dependencies-table>\n                    </ng-template>\n                </kendo-tabstrip-tab>\n                <kendo-tabstrip-tab [title]=\"getText('taskEditingSuccessorsTabTitle')\">\n                    <ng-template kendoTabContent>\n                        <kendo-gantt-dependencies-table\n                            [tasks]=\"loadedTasks\"\n                            [(dependencies)]=\"successors\"\n                            dependencyType=\"successor\">\n                        </kendo-gantt-dependencies-table>\n                    </ng-template>\n                </kendo-tabstrip-tab>\n            </kendo-tabstrip>\n\n            <kendo-dialog-actions layout=\"normal\">\n                <button kendoButton (click)=\"onTaskDelete()\">{{ getText('deleteButtonText') }}</button>\n                <kendo-treelist-spacer></kendo-treelist-spacer>\n                <button kendoButton [primary]=\"true\" (click)=\"handleEditingResult('save')\">{{ getText('saveButtonText') }}</button>\n                <button kendoButton (click)=\"handleEditingResult('cancel')\">{{ getText('cancelButtonText') }}</button>\n            </kendo-dialog-actions>\n        </kendo-dialog>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [mapping_service_1.MappingService,
             edit_service_1.EditService,
+            core_1.ChangeDetectorRef,
             kendo_angular_l10n_1.LocalizationService])
     ], EditDialogComponent);
     return EditDialogComponent;

package/dist/npm/editing/edit.service.js

@@ -7,35 +7,116 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var core_1 = require("@angular/core");
 var rxjs_1 = require("rxjs");
+var mapping_service_1 = require("../common/mapping.service");
+var operators_1 = require("rxjs/operators");
+var utils_1 = require("../utils");
 /**
  * @hidden
  */
 var EditService = /** @class */ (function () {
-    function EditService() {
+    function EditService(mapper) {
+        var _this = this;
+        this.mapper = mapper;
         this.showEditingDialog = new rxjs_1.Subject();
         this.showConfirmationDialog = new rxjs_1.Subject();
         this.editEvent = new rxjs_1.Subject();
         this.addEvent = new rxjs_1.Subject();
+        this.updatedItems = [];
+        this.deletedItems = [];
+        this.itemIndex = function (item, data) {
+            return data.findIndex(function (dataItem) { return _this.mapper.extractFromTask(dataItem, 'id') === _this.mapper.extractFromTask(item, 'id'); });
+        };
     }
-    EditService.prototype.createEditDialog = function (dataItem, formGroup) {
+    Object.defineProperty(EditService.prototype, "dependencies", {
+        get: function () {
+            return this.predecessors.concat(this.successors);
+        },
+        set: function (items) {
+            var _this = this;
+            // Can this whole thing be moved to edit-dialog? Dependencies might not be needed here
+            var dataItemId = this.mapper.extractFromTask(this.dataItem, 'id');
+            this.predecessors = items.filter(function (item) { return _this.mapper.extractFromDependency(item, 'toId') === dataItemId; });
+            this.successors = items.filter(function (item) { return _this.mapper.extractFromDependency(item, 'fromId') === dataItemId; });
+        },
+        enumerable: true,
+        configurable: true
+    });
+    EditService.prototype.createEditDialog = function (dataItem, taskFormGroup, dependencies) {
         this.dataItem = dataItem;
-        this.formGroup = formGroup;
+        this.taskFormGroup = taskFormGroup;
+        this.dependencies = dependencies;
         this.showEditingDialog.next(true);
     };
     EditService.prototype.closeEditDialog = function () {
         this.showEditingDialog.next(false);
         this.dataItem = undefined;
-        this.formGroup = undefined;
+        this.taskFormGroup = undefined;
+        this.dependencies = [];
+        this.updatedItems = [];
+        this.deletedItems = [];
     };
     EditService.prototype.triggerEditEvent = function (editResultType) {
         this.editEvent.next({
-            formGroup: this.formGroup,
+            taskFormGroup: this.taskFormGroup,
             dataItem: this.dataItem,
+            dependencies: {
+                createdItems: this.getCreatedDependencies(),
+                updatedItems: this.updatedItems,
+                deletedItems: this.deletedItems
+            },
             editResultType: editResultType
         });
     };
+    EditService.prototype.updateDependencies = function (item) {
+        if (!this.isNew(item)) {
+            // update
+            var index = this.itemIndex(item, this.updatedItems);
+            if (index !== -1) {
+                this.updatedItems.splice(index, 1, item);
+            }
+            else {
+                this.updatedItems.push(item);
+            }
+        }
+    };
+    EditService.prototype.getCreatedDependencies = function () {
+        var _this = this;
+        return this.dependencies.filter(function (item) { return _this.mapper.extractFromDependency(item, 'id') === null; });
+    };
+    EditService.prototype.deleteDependency = function (item) {
+        var updatedIndex = this.itemIndex(item, this.updatedItems);
+        if (updatedIndex !== -1) {
+            this.updatedItems.splice(updatedIndex, 1);
+        }
+        if (!this.isNew(item)) {
+            this.deletedItems.push(item);
+        }
+    };
+    EditService.prototype.loadTasks = function (initialValues, isInitializer) {
+        var _this = this;
+        if (isInitializer === void 0) { isInitializer = true; }
+        return rxjs_1.forkJoin(initialValues.map(function (v) { return _this.getElementById(v); })).pipe(operators_1.map(function (value) {
+            return value.reduce(function (acc, item) { return acc = acc.concat(utils_1.normalizeGanttData(item)); }, []);
+        }), operators_1.expand(function (values) {
+            if (values.some(function (el) { return _this.hasChildren(el); })) {
+                return _this.loadTasks(values, false);
+            }
+            return rxjs_1.EMPTY;
+        }), operators_1.reduce(function (acc, values) { return acc.concat(values); }, isInitializer ? initialValues.slice() : []));
+    };
+    EditService.prototype.getElementById = function (item) {
+        var children = this.fetchChildren(item);
+        if (rxjs_1.isObservable(children)) {
+            return children;
+        }
+        return rxjs_1.of(children);
+    };
+    EditService.prototype.isNew = function (item) {
+        return !utils_1.isPresent(this.mapper.extractFromDependency(item, 'id'));
+    };
     EditService = tslib_1.__decorate([
-        core_1.Injectable()
+        core_1.Injectable(),
+        tslib_1.__metadata("design:paramtypes", [mapping_service_1.MappingService])
     ], EditService);
     return EditService;
 }());

package/dist/npm/editing/task-fields.component.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* 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 mapping_service_1 = require("../common/mapping.service");
+var gantt_localization_service_1 = require("../localization/gantt-localization.service");
+var edit_service_1 = require("./edit.service");
+/**
+ * @hidden
+ */
+var TaskFieldsComponent = /** @class */ (function () {
+    function TaskFieldsComponent(mapper, editService, localizationService) {
+        this.mapper = mapper;
+        this.editService = editService;
+        this.localizationService = localizationService;
+    }
+    Object.defineProperty(TaskFieldsComponent.prototype, "formGroup", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return this.editService.taskFormGroup;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TaskFieldsComponent.prototype.getText = function (token) {
+        return this.localizationService.get(token);
+    };
+    TaskFieldsComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: 'kendo-gantt-task-fields',
+            template: "\n        <form class=\"k-form\" [formGroup]=\"formGroup\">\n            <kendo-formfield *ngIf=\"formGroup.contains(mapper.taskFields.title)\">\n                <kendo-label [for]=\"mapper.taskFields.title\" [text]=\"getText('titleFieldInputLabel')\"></kendo-label>\n                <input class=\"k-textbox\" [formControlName]=\"mapper.taskFields.title\" />\n            </kendo-formfield>\n            <div class=\"k-hstack\">\n                <kendo-formfield [style.width.%]=\"49\" *ngIf=\"formGroup.contains(mapper.taskFields.start)\">\n                    <kendo-label [for]=\"mapper.taskFields.start\" [text]=\"getText('startFieldInputLabel')\"></kendo-label>\n                    <kendo-datetimepicker [formControlName]=\"mapper.taskFields.start\"></kendo-datetimepicker>\n                </kendo-formfield>\n                <kendo-treelist-spacer></kendo-treelist-spacer>\n                <kendo-formfield [style.width.%]=\"49\" *ngIf=\"formGroup.contains(mapper.taskFields.end)\">\n                    <kendo-label [for]=\"mapper.taskFields.end\" [text]=\"getText('endFieldInputLabel')\"></kendo-label>\n                    <kendo-datetimepicker [formControlName]=\"mapper.taskFields.end\"></kendo-datetimepicker>\n                </kendo-formfield>\n            </div>\n            <kendo-formfield [style.width.%]=\"49\" *ngIf=\"formGroup.contains(mapper.taskFields.completionRatio)\">\n                <kendo-label [for]=\"mapper.taskFields.completionRatio\" [text]=\"getText('completionRatioFieldInputLabel')\"></kendo-label>\n                <kendo-numerictextbox\n                    [formControlName]=\"mapper.taskFields.completionRatio\"\n                    [min]=\"0\"\n                    [max]=\"1\"\n                    [decimals]=\"2\"\n                    format=\"p2\"\n                    [step]=\"0.01\"\n                ></kendo-numerictextbox>\n            </kendo-formfield>\n        </form>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [mapping_service_1.MappingService,
+            edit_service_1.EditService,
+            gantt_localization_service_1.GanttLocalizationService])
+    ], TaskFieldsComponent);
+    return TaskFieldsComponent;
+}());
+exports.TaskFieldsComponent = TaskFieldsComponent;