@progress/kendo-angular-treelist 3.1.3-dev.202110041229

package/dist/npm/editing/save-command.directive.js

@@ -0,0 +1,79 @@
+/**-----------------------------------------------------------------------------------------
+* 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");
+var edit_service_1 = require("./edit.service");
+var base_command_directive_1 = require("./base-command.directive");
+/**
+ * Represents the `save` command of the TreeList. You can apply this directive to any `button`
+ * element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ * When an associated button with the directive is clicked, the
+ * [`save`]({% slug api_treelist_treelistcomponent %}#toc-save) event
+ * is triggered ([see example]({% slug editing_treelist %})).
+ *
+ * > * When the row is not in the edit mode, the button with `kendoTreeListSaveCommand` is automatically hidden.
+ * > * The directive takes as input the `cellContext` from the cell template.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-treelist>
+ *   <kendo-treelist-command-column title="command">
+ *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
+ *       <button [kendoTreeListSaveCommand]="cellContext">Save changes</button>
+ *     </ng-template>
+ *   </kendo-treelist-command-column>
+ * </kendo-treelist>
+ * ```
+ *
+ * You can control the content of the button based on the state of the row.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-treelist>
+ *   <kendo-treelist-command-column title="command">
+ *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext" let-isNew="isNew">
+ *       <button [kendoTreeListSaveCommand]="cellContext">{{isNew ? 'Add' : 'Update'}}</button>
+ *     </ng-template>
+ *   </kendo-treelist-command-column>
+ * </kendo-treelist>
+ * ```
+ */
+var SaveCommandDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(SaveCommandDirective, _super);
+    function SaveCommandDirective(editService, element, renderer, localization, ngZone) {
+        var _this = _super.call(this, editService, element, renderer, localization, ngZone) || this;
+        _this.commandClass = true;
+        _this.readVisible = false;
+        return _this;
+    }
+    SaveCommandDirective.prototype.onClick = function () {
+        if (this.cellContext) {
+            this.editService.save(this.dataItem, this.cellContext.viewItem.isNew);
+        }
+    };
+    tslib_1.__decorate([
+        core_1.Input('kendoTreeListSaveCommand'),
+        tslib_1.__metadata("design:type", Object)
+    ], SaveCommandDirective.prototype, "cellContext", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-grid-save-command'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], SaveCommandDirective.prototype, "commandClass", void 0);
+    SaveCommandDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[kendoTreeListSaveCommand]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [edit_service_1.EditService,
+            core_1.ElementRef,
+            core_1.Renderer2,
+            kendo_angular_l10n_1.LocalizationService,
+            core_1.NgZone])
+    ], SaveCommandDirective);
+    return SaveCommandDirective;
+}(base_command_directive_1.BaseCommandDirective));
+exports.SaveCommandDirective = SaveCommandDirective;

package/dist/npm/editing/save-event-args.interface.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });

package/dist/npm/editing-directives/create-form-group-args.interface.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });

package/dist/npm/editing-directives/edit-service.interface.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });

package/dist/npm/editing-directives/editing-directive-base.js

@@ -0,0 +1,146 @@
+/**-----------------------------------------------------------------------------------------
+* 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 rxjs_1 = require("rxjs");
+var operators_1 = require("rxjs/operators");
+/**
+ * @hidden
+ */
+var EditingDirectiveBase = /** @class */ (function () {
+    function EditingDirectiveBase(treelist) {
+        this.treelist = treelist;
+    }
+    Object.defineProperty(EditingDirectiveBase.prototype, "editService", {
+        get: function () {
+            return this.userEditService || this.defaultEditService;
+        },
+        /**
+         * The edit service that will handle the operations.
+         */
+        set: function (value) {
+            this.userEditService = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(EditingDirectiveBase.prototype, "newItemId", {
+        get: function () {
+            return this.idCallback;
+        },
+        /**
+         * Gets or sets a function that will be called to determine the unique identifier
+         * for new items. The function receives the `item` and its `parent` as parameters
+         * and must return an ID.
+         */
+        set: function (callback) {
+            this.idCallback = callback;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    EditingDirectiveBase.prototype.ngOnInit = function () {
+        this.subscriptions = this.treelist.add.subscribe(this.addHandler.bind(this));
+        this.subscriptions.add(this.treelist.remove.subscribe(this.removeHandler.bind(this)));
+        this.subscriptions.add(this.treelist.cancel.subscribe(this.cancelHandler.bind(this)));
+        this.subscriptions.add(this.treelist.save.subscribe(this.saveHandler.bind(this)));
+        this.subscriptions.add(rxjs_1.merge(this.treelist.dataStateChange, this.treelist.pageChange).subscribe(this.onStateChange.bind(this)));
+    };
+    /**
+     * @hidden
+     */
+    EditingDirectiveBase.prototype.ngOnDestroy = function () {
+        this.subscriptions.unsubscribe();
+    };
+    Object.defineProperty(EditingDirectiveBase.prototype, "defaultEditService", {
+        get: function () {
+            return this.treelist.localEditService;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    EditingDirectiveBase.prototype.addHandler = function (_a) {
+        var parent = _a.parent;
+        this.parent = parent;
+        this.isNew = true;
+        if (parent) {
+            this.treelist.expand(parent);
+        }
+        this.treelist.addRow(this.createModel({ isNew: true }), parent);
+    };
+    EditingDirectiveBase.prototype.saveHandler = function (args) {
+        var item = this.saveModel(args);
+        if (item) {
+            if (args.isNew) {
+                this.editService.create(item, args.parent, this.idCallback ? this.idCallback(item, args.parent) : null);
+            }
+            else {
+                this.editService.update(item);
+            }
+        }
+        this.treelist.closeRow(args.dataItem, args.isNew);
+    };
+    EditingDirectiveBase.prototype.cancelHandler = function (args) {
+        this.closeEditor(args);
+    };
+    EditingDirectiveBase.prototype.removeHandler = function (_a) {
+        var _this = this;
+        var dataItem = _a.dataItem, parent = _a.parent;
+        var removeItem = function (shouldRemove) {
+            if (shouldRemove) {
+                _this.editService.remove(dataItem, parent);
+            }
+        };
+        if (this.removeConfirmation) {
+            var result = this.removeConfirmation(dataItem, parent);
+            if (result instanceof Promise) {
+                result.then(removeItem);
+            }
+            else if (result instanceof rxjs_1.Observable) {
+                result.pipe(operators_1.take(1)).subscribe(removeItem);
+            }
+            else {
+                removeItem(result);
+            }
+        }
+        else {
+            removeItem(true);
+        }
+    };
+    EditingDirectiveBase.prototype.closeEditor = function (args) {
+        if (args === void 0) { args = { dataItem: this.dataItem, isNew: this.isNew }; }
+        this.treelist.closeRow(args.dataItem, args.isNew);
+        this.clean();
+    };
+    EditingDirectiveBase.prototype.clean = function () {
+        this.isNew = false;
+        this.dataItem = null;
+        this.parent = null;
+    };
+    EditingDirectiveBase.prototype.onStateChange = function () {
+        this.closeEditor();
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], EditingDirectiveBase.prototype, "editService", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Function),
+        tslib_1.__metadata("design:paramtypes", [Function])
+    ], EditingDirectiveBase.prototype, "newItemId", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Function)
+    ], EditingDirectiveBase.prototype, "removeConfirmation", void 0);
+    return EditingDirectiveBase;
+}());
+exports.EditingDirectiveBase = EditingDirectiveBase;

package/dist/npm/editing-directives/flat-edit.service.js

@@ -0,0 +1,58 @@
+/**-----------------------------------------------------------------------------------------
+* 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 local_edit_service_1 = require("./local-edit.service");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
+var utils_1 = require("../utils");
+var utils_2 = require("./utils");
+/**
+ * @hidden
+ */
+var FlatEditService = /** @class */ (function (_super) {
+    tslib_1.__extends(FlatEditService, _super);
+    function FlatEditService(bindingDirective) {
+        var _this = _super.call(this) || this;
+        _this.bindingDirective = bindingDirective;
+        return _this;
+    }
+    FlatEditService.prototype.create = function (item, parent, id) {
+        var _a = this.bindingDirective, idGetter = _a.idGetter, idSetter = _a.idSetter, parentIdSetter = _a.parentIdSetter, originalData = _a.originalData, component = _a.component;
+        idSetter(item, utils_1.isPresent(id) ? id : kendo_angular_common_1.guid());
+        if (parent) {
+            parentIdSetter(item, idGetter(parent));
+        }
+        utils_2.insertNewItem(item, originalData, component, parent);
+        this.bindingDirective.rebind();
+    };
+    FlatEditService.prototype.update = function (_item) {
+        this.bindingDirective.rebind();
+    };
+    FlatEditService.prototype.remove = function (item, _parent) {
+        var _a = this.bindingDirective, idGetter = _a.idGetter, parentIdGetter = _a.parentIdGetter, originalData = _a.originalData;
+        var toRemove = [item];
+        while (toRemove.length) {
+            var current = toRemove.shift();
+            var id = idGetter(current);
+            var itemIndex = -1;
+            for (var idx = 0; idx < originalData.length; idx++) {
+                var dataItem = originalData[idx];
+                if (itemIndex === -1 && idGetter(dataItem) === id) {
+                    itemIndex = idx;
+                }
+                if (parentIdGetter(dataItem) === id) {
+                    toRemove.push(dataItem);
+                }
+            }
+            if (itemIndex >= 0) {
+                originalData.splice(itemIndex, 1);
+            }
+        }
+        this.bindingDirective.rebind();
+    };
+    return FlatEditService;
+}(local_edit_service_1.LocalEditService));
+exports.FlatEditService = FlatEditService;

package/dist/npm/editing-directives/hierarchy-edit.service.js

@@ -0,0 +1,54 @@
+/**-----------------------------------------------------------------------------------------
+* 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 local_edit_service_1 = require("./local-edit.service");
+var utils_1 = require("./utils");
+/**
+ * @hidden
+ */
+var HierarchyEditService = /** @class */ (function (_super) {
+    tslib_1.__extends(HierarchyEditService, _super);
+    function HierarchyEditService(bindingDirective) {
+        var _this = _super.call(this) || this;
+        _this.bindingDirective = bindingDirective;
+        return _this;
+    }
+    HierarchyEditService.prototype.create = function (item, parent, _id) {
+        var _a = this.bindingDirective, childrenGetter = _a.childrenGetter, childrenSetter = _a.childrenSetter, originalData = _a.originalData, component = _a.component;
+        if (parent) {
+            var children = childrenGetter(parent);
+            if (children) {
+                children.unshift(item);
+            }
+            else {
+                childrenSetter(parent, [item]);
+            }
+        }
+        else {
+            utils_1.insertNewItem(item, originalData, component);
+        }
+        this.bindingDirective.rebind();
+    };
+    HierarchyEditService.prototype.update = function (_item) {
+        this.bindingDirective.rebind();
+    };
+    HierarchyEditService.prototype.remove = function (item, parent) {
+        var idGetter = this.bindingDirective.component.idGetter; // refactor provide idGetter via context service
+        var _a = this.bindingDirective, childrenGetter = _a.childrenGetter, originalData = _a.originalData;
+        var children = parent ? childrenGetter(parent) : originalData;
+        if (children && children.length) {
+            var id_1 = idGetter(item);
+            var index = children.findIndex(function (i) { return idGetter(i) === id_1; });
+            if (index >= 0) {
+                children.splice(index, 1);
+                this.bindingDirective.rebind();
+            }
+        }
+    };
+    return HierarchyEditService;
+}(local_edit_service_1.LocalEditService));
+exports.HierarchyEditService = HierarchyEditService;

package/dist/npm/editing-directives/in-cell-editing.directive.js

@@ -0,0 +1,78 @@
+/**-----------------------------------------------------------------------------------------
+* 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 editing_directive_base_1 = require("./editing-directive-base");
+var treelist_component_1 = require("../treelist.component");
+var utils_1 = require("./utils");
+/**
+ * A directive which encapsulates the editing operations of the TreeList when using the in-cell
+ * editing with Reactive Forms ([see example]({% slug editing_directives_treelist %}#toc-the-incell-directive)).
+ */
+var InCellEditingDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(InCellEditingDirective, _super);
+    function InCellEditingDirective(treelist) {
+        var _this = _super.call(this, treelist) || this;
+        _this.treelist = treelist;
+        return _this;
+    }
+    // Need mixin
+    InCellEditingDirective.prototype.createModel = function (args) {
+        return this.createFormGroup(args);
+    };
+    InCellEditingDirective.prototype.saveModel = function (_a) {
+        var dataItem = _a.dataItem, formGroup = _a.formGroup, isNew = _a.isNew;
+        if (!formGroup.dirty && !isNew) {
+            return;
+        }
+        if (formGroup.valid) {
+            this.editService.assignValues(dataItem, formGroup.value);
+            return dataItem;
+        }
+        utils_1.markAllAsTouched(formGroup);
+    };
+    /**
+     * @hidden
+     */
+    InCellEditingDirective.prototype.ngOnInit = function () {
+        _super.prototype.ngOnInit.call(this);
+        this.subscriptions.add(this.treelist.cellClick.subscribe(this.cellClickHandler.bind(this)));
+        this.subscriptions.add(this.treelist.cellClose.subscribe(this.cellCloseHandler.bind(this)));
+    };
+    InCellEditingDirective.prototype.removeHandler = function (args) {
+        _super.prototype.removeHandler.call(this, args);
+        this.treelist.cancelCell();
+    };
+    InCellEditingDirective.prototype.cellClickHandler = function (args) {
+        if (!args.isEdited && args.type === 'click') {
+            this.treelist.editCell(args.dataItem, args.columnIndex, this.createFormGroup(args));
+        }
+    };
+    InCellEditingDirective.prototype.cellCloseHandler = function (args) {
+        var formGroup = args.formGroup, dataItem = args.dataItem;
+        if (!formGroup.valid) {
+            args.preventDefault();
+        }
+        else if (formGroup.dirty) {
+            this.editService.assignValues(dataItem, formGroup.value);
+            this.editService.update(dataItem);
+        }
+    };
+    tslib_1.__decorate([
+        core_1.Input('kendoTreeListInCellEditing'),
+        tslib_1.__metadata("design:type", Function)
+    ], InCellEditingDirective.prototype, "createFormGroup", void 0);
+    InCellEditingDirective = tslib_1.__decorate([
+        core_1.Directive({
+            exportAs: 'kendoTreeListInCellEditing',
+            selector: '[kendoTreeListInCellEditing]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [treelist_component_1.TreeListComponent])
+    ], InCellEditingDirective);
+    return InCellEditingDirective;
+}(editing_directive_base_1.EditingDirectiveBase));
+exports.InCellEditingDirective = InCellEditingDirective;

package/dist/npm/editing-directives/local-edit.service.js

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* 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 core_1 = require("@angular/core");
+/**
+ * @hidden
+ */
+var LocalEditService = /** @class */ (function () {
+    function LocalEditService() {
+    }
+    LocalEditService.prototype.create = function (_item, _parent, _id) {
+        this.throwUnsupportedError();
+    };
+    LocalEditService.prototype.update = function (_item) {
+        // noop
+    };
+    LocalEditService.prototype.remove = function (_item) {
+        this.throwUnsupportedError();
+    };
+    LocalEditService.prototype.assignValues = function (target, source) {
+        Object.assign(target, source);
+    };
+    LocalEditService.prototype.throwUnsupportedError = function () {
+        if (core_1.isDevMode()) {
+            throw new Error('The default edit service of the editing directives can only update the items.' +
+                'Please provide an editService.');
+        }
+    };
+    return LocalEditService;
+}());
+exports.LocalEditService = LocalEditService;

package/dist/npm/editing-directives/reactive-editing.directive.js

@@ -0,0 +1,50 @@
+/**-----------------------------------------------------------------------------------------
+* 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 row_editing_directive_base_1 = require("./row-editing-directive-base");
+var treelist_component_1 = require("../treelist.component");
+var utils_1 = require("./utils");
+/**
+ * A directive which encapsulates the editing operations of the TreeList when using the
+ * Reactive Forms ([see example]({% slug editing_directives_treelist %}#toc-the-reactive-directive)).
+ */
+var ReactiveEditingDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(ReactiveEditingDirective, _super);
+    function ReactiveEditingDirective(treelist) {
+        var _this = _super.call(this, treelist) || this;
+        _this.treelist = treelist;
+        return _this;
+    }
+    ReactiveEditingDirective.prototype.createModel = function (args) {
+        return this.createFormGroup(args);
+    };
+    ReactiveEditingDirective.prototype.saveModel = function (_a) {
+        var dataItem = _a.dataItem, formGroup = _a.formGroup, isNew = _a.isNew;
+        if (!formGroup.dirty && !isNew) {
+            return;
+        }
+        if (formGroup.valid) {
+            this.editService.assignValues(dataItem, formGroup.value);
+            return dataItem;
+        }
+        utils_1.markAllAsTouched(formGroup);
+    };
+    tslib_1.__decorate([
+        core_1.Input('kendoTreeListReactiveEditing'),
+        tslib_1.__metadata("design:type", Function)
+    ], ReactiveEditingDirective.prototype, "createFormGroup", void 0);
+    ReactiveEditingDirective = tslib_1.__decorate([
+        core_1.Directive({
+            exportAs: 'kendoTreeListReactiveEditing',
+            selector: '[kendoTreeListReactiveEditing]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [treelist_component_1.TreeListComponent])
+    ], ReactiveEditingDirective);
+    return ReactiveEditingDirective;
+}(row_editing_directive_base_1.RowEditingDirectiveBase));
+exports.ReactiveEditingDirective = ReactiveEditingDirective;

package/dist/npm/editing-directives/row-editing-directive-base.js

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* 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 editing_directive_base_1 = require("./editing-directive-base");
+/**
+ * @hidden
+ */
+var RowEditingDirectiveBase = /** @class */ (function (_super) {
+    tslib_1.__extends(RowEditingDirectiveBase, _super);
+    function RowEditingDirectiveBase() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * @hidden
+     */
+    RowEditingDirectiveBase.prototype.ngOnInit = function () {
+        _super.prototype.ngOnInit.call(this);
+        this.subscriptions
+            .add(this.treelist.edit.subscribe(this.editHandler.bind(this)));
+    };
+    RowEditingDirectiveBase.prototype.addHandler = function (args) {
+        this.closeEditor();
+        _super.prototype.addHandler.call(this, args);
+    };
+    RowEditingDirectiveBase.prototype.editHandler = function (args) {
+        this.closeEditor();
+        this.dataItem = args.dataItem;
+        this.treelist.editRow(args.dataItem, this.createModel(args));
+    };
+    RowEditingDirectiveBase.prototype.saveHandler = function (args) {
+        _super.prototype.saveHandler.call(this, args);
+        this.clean();
+    };
+    return RowEditingDirectiveBase;
+}(editing_directive_base_1.EditingDirectiveBase));
+exports.RowEditingDirectiveBase = RowEditingDirectiveBase;

package/dist/npm/editing-directives/template-editing.directive.js

@@ -0,0 +1,55 @@
+/**-----------------------------------------------------------------------------------------
+* 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 row_editing_directive_base_1 = require("./row-editing-directive-base");
+var treelist_component_1 = require("../treelist.component");
+/**
+ * A directive which encapsulates the editing operations of the TreeList when using
+ * the Template-Driven Angular Forms ([see example]({% slug editing_directives_treelist %}#toc-the-template-directive)).
+ */
+var TemplateEditingDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(TemplateEditingDirective, _super);
+    function TemplateEditingDirective(treelist) {
+        var _this = _super.call(this, treelist) || this;
+        _this.treelist = treelist;
+        return _this;
+    }
+    TemplateEditingDirective.prototype.editHandler = function (args) {
+        _super.prototype.editHandler.call(this, args);
+        this.dataItem = args.dataItem;
+        this.originalValues = {};
+        this.editService.assignValues(this.originalValues, this.dataItem);
+    };
+    TemplateEditingDirective.prototype.closeEditor = function (args) {
+        if (this.dataItem) {
+            this.editService.assignValues(this.dataItem, this.originalValues);
+        }
+        _super.prototype.closeEditor.call(this, args);
+    };
+    TemplateEditingDirective.prototype.createModel = function (args) {
+        if (args.isNew) {
+            return this.createNewItem();
+        }
+    };
+    TemplateEditingDirective.prototype.saveModel = function (args) {
+        return args.dataItem;
+    };
+    tslib_1.__decorate([
+        core_1.Input('kendoTreeListTemplateEditing'),
+        tslib_1.__metadata("design:type", Function)
+    ], TemplateEditingDirective.prototype, "createNewItem", void 0);
+    TemplateEditingDirective = tslib_1.__decorate([
+        core_1.Directive({
+            exportAs: 'kendoTreeListTemplateEditing',
+            selector: '[kendoTreeListTemplateEditing]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [treelist_component_1.TreeListComponent])
+    ], TemplateEditingDirective);
+    return TemplateEditingDirective;
+}(row_editing_directive_base_1.RowEditingDirectiveBase));
+exports.TemplateEditingDirective = TemplateEditingDirective;

package/dist/npm/editing-directives/utils.js

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });
+/**
+ * @hidden
+ */
+exports.markAllAsTouched = function (control) {
+    control.markAsTouched();
+    if (control.hasOwnProperty('controls')) {
+        var controls = control.controls;
+        for (var inner in controls) {
+            if (controls.hasOwnProperty(inner)) {
+                exports.markAllAsTouched(controls[inner]);
+            }
+        }
+    }
+};
+/**
+ * @hidden
+ */
+exports.insertNewItem = function (newItem, originalData, treelist, parent) {
+    var insertAt = 0;
+    if (!parent && treelist.skip) {
+        var firstItem = treelist.view.find(function (item) { return item.type === 'data' && !item.isNew; });
+        var firstRootItem = firstItem;
+        var firstOffset = 0;
+        if (firstItem.level > 0) {
+            while (firstItem.level > 0) {
+                firstItem = firstItem.parent;
+            }
+            firstRootItem = firstItem;
+            firstOffset = 1;
+        }
+        var firstIndex = originalData.indexOf(firstRootItem.data);
+        if (firstIndex > 0) {
+            insertAt = firstIndex + firstOffset;
+        }
+    }
+    originalData.splice(insertAt, 0, newItem);
+};