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

package/dist/npm/navigation/focus-group.js

@@ -0,0 +1,113 @@
+/**-----------------------------------------------------------------------------------------
+* 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 focus_root_1 = require("./focus-root");
+/**
+ * Represents group of components that can be activated or focused.
+ *
+ * A focus group may contain focusable elements, such as rows, cells and input elements.
+ *
+ * Elements are added to the focus group by tagging them with the `kendoTreeListFocusable` directive.
+ * See [Controlling the Focus]({% slug keyboard_navigation_treelist %}#toc-controlling-the-focus).
+ *
+ * @hidden
+ */
+var FocusGroup = /** @class */ (function () {
+    /**
+     * @hidden
+     */
+    function FocusGroup(root) {
+        this.root = root;
+        this.active = true;
+        this.children = [];
+        this.root.registerGroup(this);
+    }
+    Object.defineProperty(FocusGroup.prototype, "focusableChildren", {
+        get: function () {
+            return this.children.filter(function (el) { return el.canFocus(); });
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FocusGroup.prototype, "isActive", {
+        get: function () {
+            return this.active;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FocusGroup.prototype.ngOnDestroy = function () {
+        this.root.unregisterGroup(this);
+    };
+    /**
+     * @hidden
+     */
+    FocusGroup.prototype.registerElement = function (element) {
+        this.unregisterElement(element);
+        this.children.push(element);
+    };
+    /**
+     * @hidden
+     */
+    FocusGroup.prototype.unregisterElement = function (element) {
+        this.children = this.children.filter(function (f) { return f !== element; });
+    };
+    /**
+     * Returns a boolean value which indicates if the group will receive focus when the cell is focused.
+     * Evaluates to `true` when the focus group has a single focusable element such as a button or a checkbox.
+     *
+     * @returns A boolean value which indicates if the group will receive focus when the cell is focused.
+     */
+    FocusGroup.prototype.isNavigable = function () {
+        var focusable = this.focusableChildren;
+        return focusable.length === 1 && focusable[0].isNavigable();
+    };
+    /**
+     * Returns a boolean value which indicates if the focus group contains focusable component.
+     *
+     * @returns A boolean value which indicates if the focus group contains focusable component.
+     */
+    FocusGroup.prototype.canFocus = function () {
+        return this.focusableChildren.length > 0;
+    };
+    /**
+     * Focuses the first focusable component, if any.
+     */
+    FocusGroup.prototype.focus = function () {
+        if (this.canFocus() && !this.hasFocus()) {
+            this.focusableChildren[0].focus();
+        }
+    };
+    /**
+     * @hidden
+     */
+    FocusGroup.prototype.activate = function () {
+        this.toggleState(true);
+    };
+    /**
+     * @hidden
+     */
+    FocusGroup.prototype.deactivate = function () {
+        this.toggleState(false);
+    };
+    FocusGroup.prototype.hasFocus = function () {
+        return this.children.reduce(function (focused, element) { return focused || element.hasFocus(); }, false);
+    };
+    FocusGroup.prototype.toggleState = function (active) {
+        if (this.active !== active) {
+            this.active = active;
+            this.children.forEach(function (f) { return f.toggle(active); });
+        }
+    };
+    FocusGroup = tslib_1.__decorate([
+        core_1.Injectable(),
+        tslib_1.__metadata("design:paramtypes", [focus_root_1.FocusRoot])
+    ], FocusGroup);
+    return FocusGroup;
+}());
+exports.FocusGroup = FocusGroup;

package/dist/npm/navigation/focus-root.js

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* 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");
+/**
+ * @hidden
+ */
+var FocusRoot = /** @class */ (function () {
+    function FocusRoot() {
+        this.groups = new Set();
+    }
+    FocusRoot.prototype.registerGroup = function (group) {
+        if (this.alive) {
+            this.groups.add(group);
+        }
+    };
+    FocusRoot.prototype.unregisterGroup = function (group) {
+        if (this.alive) {
+            this.groups.delete(group);
+        }
+    };
+    FocusRoot.prototype.activate = function () {
+        if (this.alive) {
+            this.groups.forEach(function (f) { return f.activate(); });
+        }
+    };
+    FocusRoot.prototype.deactivate = function () {
+        if (this.alive) {
+            this.groups.forEach(function (f) { return f.deactivate(); });
+        }
+    };
+    FocusRoot = tslib_1.__decorate([
+        core_1.Injectable()
+    ], FocusRoot);
+    return FocusRoot;
+}());
+exports.FocusRoot = FocusRoot;

package/dist/npm/navigation/focusable-element.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/navigation/focusable.directive.js

@@ -0,0 +1,175 @@
+/**-----------------------------------------------------------------------------------------
+* 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 default_focusable_element_1 = require("./default-focusable-element");
+var focus_group_1 = require("./focus-group");
+/**
+ * A directive that controls the way focusable cell elements receive
+ * [focus in a navigable TreeList]({% slug keyboard_navigation_treelist %}).
+ *
+ * The directive takes as input the `cellContext` from the cell template.
+ *
+ * ```ts-no-run
+ * <kendo-treelist-column>
+ *   <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
+ *     <input type="button" class="k-button" [kendoTreeListFocusable]="cellContext" value="Focus me!" />
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ */
+var FocusableDirective = /** @class */ (function () {
+    function FocusableDirective(hostElement, renderer, group) {
+        this.hostElement = hostElement;
+        this.renderer = renderer;
+        this.group = group;
+        this.active = true;
+    }
+    Object.defineProperty(FocusableDirective.prototype, "addCellContext", {
+        /**
+         * @hidden
+         */
+        set: function (value) { this.cellContext = value; },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FocusableDirective.prototype, "editCellContext", {
+        /**
+         * @hidden
+         */
+        set: function (value) { this.cellContext = value; },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FocusableDirective.prototype, "removeCellContext", {
+        /**
+         * @hidden
+         */
+        set: function (value) { this.cellContext = value; },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FocusableDirective.prototype, "saveCellContext", {
+        /**
+         * @hidden
+         */
+        set: function (value) { this.cellContext = value; },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FocusableDirective.prototype, "cancelCellContext", {
+        /**
+         * @hidden
+         */
+        set: function (value) { this.cellContext = value; },
+        enumerable: true,
+        configurable: true
+    });
+    FocusableDirective.prototype.ngOnInit = function () {
+        if (this.cellContext && this.cellContext.focusGroup) {
+            this.group = this.cellContext.focusGroup;
+        }
+        if (this.group) {
+            this.group.registerElement(this);
+        }
+    };
+    FocusableDirective.prototype.ngAfterViewInit = function () {
+        if (!this.element) {
+            this.element = new default_focusable_element_1.DefaultFocusableElement(this.hostElement, this.renderer);
+        }
+        if (this.group) {
+            var isActive = this.group.isActive;
+            this.toggle(isActive);
+        }
+    };
+    FocusableDirective.prototype.ngOnDestroy = function () {
+        if (this.group) {
+            this.group.unregisterElement(this);
+        }
+    };
+    /**
+     * @hidden
+     */
+    FocusableDirective.prototype.toggle = function (active) {
+        if (this.element && active !== this.active) {
+            this.active = active;
+            this.element.toggle(active);
+        }
+    };
+    /**
+     * @hidden
+     */
+    FocusableDirective.prototype.canFocus = function () {
+        return this.element && this.element.canFocus();
+    };
+    /**
+     * @hidden
+     */
+    FocusableDirective.prototype.isNavigable = function () {
+        return this.element && this.element.isNavigable();
+    };
+    /**
+     * @hidden
+     */
+    FocusableDirective.prototype.focus = function () {
+        if (this.element) {
+            this.element.focus();
+        }
+    };
+    /**
+     * @hidden
+     */
+    FocusableDirective.prototype.hasFocus = function () {
+        return this.element && this.element.hasFocus();
+    };
+    /**
+     * @hidden
+     */
+    FocusableDirective.prototype.registerElement = function (element) {
+        this.element = element;
+    };
+    tslib_1.__decorate([
+        core_1.Input('kendoTreeListFocusable'),
+        tslib_1.__metadata("design:type", Object)
+    ], FocusableDirective.prototype, "cellContext", void 0);
+    tslib_1.__decorate([
+        core_1.Input('kendoTreeListAddCommand'),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], FocusableDirective.prototype, "addCellContext", null);
+    tslib_1.__decorate([
+        core_1.Input('kendoTreeListEditCommand'),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], FocusableDirective.prototype, "editCellContext", null);
+    tslib_1.__decorate([
+        core_1.Input('kendoTreeListRemoveCommand'),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], FocusableDirective.prototype, "removeCellContext", null);
+    tslib_1.__decorate([
+        core_1.Input('kendoTreeListSaveCommand'),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], FocusableDirective.prototype, "saveCellContext", null);
+    tslib_1.__decorate([
+        core_1.Input('kendoTreeListCancelCommand'),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], FocusableDirective.prototype, "cancelCellContext", null);
+    FocusableDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[kendoTreeListFocusable]' + ",\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    "
+        }),
+        tslib_1.__param(2, core_1.Optional()),
+        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
+            core_1.Renderer2,
+            focus_group_1.FocusGroup])
+    ], FocusableDirective);
+    return FocusableDirective;
+}());
+exports.FocusableDirective = FocusableDirective;

package/dist/npm/navigation/item-map.js

@@ -0,0 +1,73 @@
+/**-----------------------------------------------------------------------------------------
+* 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
+ */
+var ItemMap = /** @class */ (function () {
+    function ItemMap() {
+        this.count = 0;
+        this.items = {};
+    }
+    Object.defineProperty(ItemMap.prototype, "first", {
+        get: function () {
+            if (this.count > 0) {
+                var result_1;
+                this.forEach(function (item) {
+                    result_1 = item;
+                    return true;
+                });
+                return result_1;
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ItemMap.prototype, "last", {
+        get: function () {
+            if (this.count > 0) {
+                var keys = Object.keys(this.items);
+                return this.items[keys[keys.length - 1]];
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ItemMap.prototype.removeItem = function (key) {
+        if (this.items[key]) {
+            delete this.items[key];
+            this.count--;
+        }
+    };
+    ItemMap.prototype.setItem = function (key, item) {
+        if (!this.items[key]) {
+            this.count++;
+        }
+        this.items[key] = item;
+    };
+    ItemMap.prototype.getItem = function (key) {
+        return this.items[key];
+    };
+    ItemMap.prototype.toArray = function () {
+        var result = [];
+        this.forEach(function (item) {
+            result.push(item);
+        });
+        return result;
+    };
+    ItemMap.prototype.forEach = function (callback) {
+        for (var key in this.items) {
+            if (this.items.hasOwnProperty(key) && callback(this.items[key])) {
+                return this.items[key];
+            }
+        }
+    };
+    ItemMap.prototype.find = function (callback) {
+        return this.forEach(callback);
+    };
+    return ItemMap;
+}());
+exports.ItemMap = ItemMap;

package/dist/npm/navigation/logical-cell.directive.js

@@ -0,0 +1,208 @@
+/**-----------------------------------------------------------------------------------------
+* 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 focus_group_1 = require("./focus-group");
+var focus_root_1 = require("./focus-root");
+var navigation_service_1 = require("./navigation.service");
+var column_info_service_1 = require("../common/column-info.service");
+var id_service_1 = require("../common/id.service");
+var id = 0;
+function nextId() {
+    return id++;
+}
+/**
+ * @hidden
+ */
+var LogicalCellDirective = /** @class */ (function () {
+    function LogicalCellDirective(focusGroup, element, columnInfoService, idService, navigationService, renderer, zone) {
+        this.focusGroup = focusGroup;
+        this.element = element;
+        this.columnInfoService = columnInfoService;
+        this.idService = idService;
+        this.navigationService = navigationService;
+        this.renderer = renderer;
+        this.zone = zone;
+        this.logicalSlaveCell = false;
+        this.colSpan = 1;
+        this.rowSpan = 1;
+        this.dataRowIndex = -1;
+        this.expandable = false;
+        this.uid = nextId();
+    }
+    Object.defineProperty(LogicalCellDirective.prototype, "id", {
+        get: function () {
+            if (!this.logicalSlaveCell && this.columnInfoService.isLocked) {
+                return this.idService.cellId(this.logicalRowIndex, this.logicalColIndex);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(LogicalCellDirective.prototype, "ariaColIndex", {
+        get: function () {
+            if (this.logicalSlaveCell || this.logicalColIndex === -1) {
+                return undefined;
+            }
+            return this.logicalColIndex + 1;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    LogicalCellDirective.prototype.ngOnInit = function () {
+        var _this = this;
+        if (!this.navigationService.enabled) {
+            return;
+        }
+        this.navigationChange = this.navigationService.changes.subscribe(function (e) { return _this.onNavigationChange(e); });
+    };
+    LogicalCellDirective.prototype.ngDoCheck = function () {
+        if (!this.navigationService.enabled || this.logicalColIndex === -1) {
+            return;
+        }
+        this.registerNoChanges();
+    };
+    LogicalCellDirective.prototype.ngOnChanges = function (changes) {
+        if (!this.navigationService.enabled) {
+            return;
+        }
+        if (this.logicalColIndex === -1) {
+            return;
+        }
+        var indexChange = changes.logicalColIndex;
+        var rowIndexChange = changes.logicalRowIndex;
+        var index = indexChange && !indexChange.isFirstChange() ? indexChange.previousValue : this.logicalColIndex;
+        var rowIndex = rowIndexChange && !rowIndexChange.isFirstChange() ? rowIndexChange.previousValue : this.logicalRowIndex;
+        this.navigationService.unregisterCell(index, rowIndex, this);
+        this.registerChanges();
+        this.updateElement();
+    };
+    LogicalCellDirective.prototype.ngOnDestroy = function () {
+        if (this.navigationChange) {
+            this.navigationChange.unsubscribe();
+        }
+        this.navigationService.unregisterCell(this.logicalColIndex, this.logicalRowIndex, this);
+    };
+    LogicalCellDirective.prototype.onNavigationChange = function (e) {
+        var active = this.logicalColIndex === e.colIndex && this.logicalRowIndex === e.rowIndex;
+        var wasActive = this.logicalColIndex === e.prevColIndex && this.logicalRowIndex === e.prevRowIndex;
+        if (active || wasActive) {
+            this.updateElement();
+        }
+    };
+    LogicalCellDirective.prototype.updateElement = function () {
+        var _this = this;
+        var el = this.element.nativeElement;
+        this.renderer.setAttribute(el, 'tabIndex', this.isFocusable() && !this.logicalSlaveCell ? '0' : '-1');
+        if (this.isFocused()) {
+            if (this.focusGroup.isNavigable()) {
+                this.focusGroup.focus();
+            }
+            else {
+                if (!this.logicalSlaveCell && this.navigationService.autoFocusCell(this.logicalColIndex, this.logicalColIndex + this.colSpan - 1)) {
+                    this.microtask(function () {
+                        return _this.isFocused() && el.focus();
+                    });
+                }
+                this.renderer.addClass(el, 'k-state-focused');
+            }
+        }
+        else {
+            this.renderer.removeClass(el, 'k-state-focused');
+        }
+    };
+    LogicalCellDirective.prototype.microtask = function (callback) {
+        this.zone.runOutsideAngular(function () {
+            return Promise.resolve(null).then(callback);
+        });
+    };
+    LogicalCellDirective.prototype.registerChanges = function () {
+        if (!this.logicalSlaveCell) {
+            this.navigationService.registerCell(this);
+        }
+    };
+    LogicalCellDirective.prototype.registerNoChanges = function () {
+        if (!this.logicalSlaveCell) {
+            this.navigationService.registerCellOnCurrentRow(this);
+        }
+    };
+    LogicalCellDirective.prototype.isFocusable = function () {
+        return this.navigationService.isCellFocusable(this);
+    };
+    LogicalCellDirective.prototype.isFocused = function () {
+        return this.navigationService.isCellFocused(this);
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalCellDirective.prototype, "logicalColIndex", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalCellDirective.prototype, "logicalRowIndex", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], LogicalCellDirective.prototype, "logicalSlaveCell", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], LogicalCellDirective.prototype, "column", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalCellDirective.prototype, "colIndex", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalCellDirective.prototype, "colSpan", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalCellDirective.prototype, "rowSpan", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalCellDirective.prototype, "dataRowIndex", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], LogicalCellDirective.prototype, "dataItem", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], LogicalCellDirective.prototype, "expandable", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('attr.id'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], LogicalCellDirective.prototype, "id", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('attr.aria-colindex'),
+        tslib_1.__metadata("design:type", Number),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], LogicalCellDirective.prototype, "ariaColIndex", null);
+    LogicalCellDirective = tslib_1.__decorate([
+        core_1.Directive({
+            providers: [{
+                    provide: focus_group_1.FocusGroup,
+                    deps: [focus_root_1.FocusRoot],
+                    useClass: focus_group_1.FocusGroup
+                }],
+            selector: '[kendoTreeListLogicalCell]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [focus_group_1.FocusGroup,
+            core_1.ElementRef,
+            column_info_service_1.ColumnInfoService,
+            id_service_1.IdService,
+            navigation_service_1.NavigationService,
+            core_1.Renderer2,
+            core_1.NgZone])
+    ], LogicalCellDirective);
+    return LogicalCellDirective;
+}());
+exports.LogicalCellDirective = LogicalCellDirective;

package/dist/npm/navigation/logical-cell.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 });