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

package/dist/es/navigation/focusable.directive.js

@@ -0,0 +1,173 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, ElementRef, Input, Optional, Renderer2 } from '@angular/core';
+import { DefaultFocusableElement } from './default-focusable-element';
+import { FocusGroup } from './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 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([
+        Input('kendoTreeListFocusable'),
+        tslib_1.__metadata("design:type", Object)
+    ], FocusableDirective.prototype, "cellContext", void 0);
+    tslib_1.__decorate([
+        Input('kendoTreeListAddCommand'),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], FocusableDirective.prototype, "addCellContext", null);
+    tslib_1.__decorate([
+        Input('kendoTreeListEditCommand'),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], FocusableDirective.prototype, "editCellContext", null);
+    tslib_1.__decorate([
+        Input('kendoTreeListRemoveCommand'),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], FocusableDirective.prototype, "removeCellContext", null);
+    tslib_1.__decorate([
+        Input('kendoTreeListSaveCommand'),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], FocusableDirective.prototype, "saveCellContext", null);
+    tslib_1.__decorate([
+        Input('kendoTreeListCancelCommand'),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], FocusableDirective.prototype, "cancelCellContext", null);
+    FocusableDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoTreeListFocusable]' + ",\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    "
+        }),
+        tslib_1.__param(2, Optional()),
+        tslib_1.__metadata("design:paramtypes", [ElementRef,
+            Renderer2,
+            FocusGroup])
+    ], FocusableDirective);
+    return FocusableDirective;
+}());
+export { FocusableDirective };

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

@@ -0,0 +1,71 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @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;
+}());
+export { ItemMap };

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

@@ -0,0 +1,206 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, ElementRef, HostBinding, Input, NgZone, Renderer2 } from '@angular/core';
+import { FocusGroup } from './focus-group';
+import { FocusRoot } from './focus-root';
+import { NavigationService } from './navigation.service';
+import { ColumnInfoService } from '../common/column-info.service';
+import { IdService } from '../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([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalCellDirective.prototype, "logicalColIndex", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalCellDirective.prototype, "logicalRowIndex", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], LogicalCellDirective.prototype, "logicalSlaveCell", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], LogicalCellDirective.prototype, "column", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalCellDirective.prototype, "colIndex", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalCellDirective.prototype, "colSpan", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalCellDirective.prototype, "rowSpan", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalCellDirective.prototype, "dataRowIndex", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], LogicalCellDirective.prototype, "dataItem", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], LogicalCellDirective.prototype, "expandable", void 0);
+    tslib_1.__decorate([
+        HostBinding('attr.id'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], LogicalCellDirective.prototype, "id", null);
+    tslib_1.__decorate([
+        HostBinding('attr.aria-colindex'),
+        tslib_1.__metadata("design:type", Number),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], LogicalCellDirective.prototype, "ariaColIndex", null);
+    LogicalCellDirective = tslib_1.__decorate([
+        Directive({
+            providers: [{
+                    provide: FocusGroup,
+                    deps: [FocusRoot],
+                    useClass: FocusGroup
+                }],
+            selector: '[kendoTreeListLogicalCell]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [FocusGroup,
+            ElementRef,
+            ColumnInfoService,
+            IdService,
+            NavigationService,
+            Renderer2,
+            NgZone])
+    ], LogicalCellDirective);
+    return LogicalCellDirective;
+}());
+export { LogicalCellDirective };

package/dist/es/navigation/logical-cell.interface.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es/navigation/logical-row.directive.js

@@ -0,0 +1,129 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, HostBinding, Input } from '@angular/core';
+import { IdService } from '../common/id.service';
+import { NavigationService } from './navigation.service';
+import { anyChanged } from '@progress/kendo-angular-common';
+var id = 0;
+function nextId() {
+    return id++;
+}
+/**
+ * @hidden
+ */
+var LogicalRowDirective = /** @class */ (function () {
+    function LogicalRowDirective(idService, navigation) {
+        this.idService = idService;
+        this.navigation = navigation;
+        this.logicalSlaveRow = false;
+        this.logicalSlaveCellsCount = 0;
+        this.dataRowIndex = -1;
+        this.isNew = false;
+        this.uid = nextId();
+    }
+    Object.defineProperty(LogicalRowDirective.prototype, "hostRole", {
+        get: function () {
+            return this.logicalSlaveRow ? 'presentation' : 'row';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(LogicalRowDirective.prototype, "ariaRowIndex", {
+        get: function () {
+            if (this.navigation.enabled) {
+                return this.logicalRowIndex + 1;
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(LogicalRowDirective.prototype, "ariaOwns", {
+        get: function () {
+            if (!this.navigation.enabled || this.logicalSlaveRow || this.logicalSlaveCellsCount === 0) {
+                return undefined;
+            }
+            var ids = [];
+            var total = this.logicalCellsCount + this.logicalSlaveCellsCount;
+            for (var cellIndex = this.logicalCellsCount; cellIndex < total; cellIndex++) {
+                ids.push(this.idService.cellId(this.logicalRowIndex, cellIndex));
+            }
+            return ids.join(' ');
+        },
+        enumerable: true,
+        configurable: true
+    });
+    LogicalRowDirective.prototype.ngOnChanges = function (changes) {
+        if (!this.navigation.enabled || this.logicalSlaveRow) {
+            return;
+        }
+        var indexChange = changes.logicalRowIndex;
+        var logicalSlaveRowChange = changes.logicalSlaveRow;
+        var isNewChange = changes.isNew;
+        if (indexChange || logicalSlaveRowChange || isNewChange) {
+            var index = indexChange && !indexChange.isFirstChange() ? indexChange.previousValue : this.logicalRowIndex;
+            this.navigation.unregisterRow(index, this);
+            this.navigation.registerRow(this);
+        }
+        else if (anyChanged(['dataRowIndex', 'dataItem'], changes)) {
+            this.navigation.updateRow(this);
+        }
+    };
+    LogicalRowDirective.prototype.ngOnDestroy = function () {
+        this.navigation.unregisterRow(this.logicalRowIndex, this);
+    };
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalRowDirective.prototype, "logicalRowIndex", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], LogicalRowDirective.prototype, "logicalSlaveRow", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalRowDirective.prototype, "logicalCellsCount", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalRowDirective.prototype, "logicalSlaveCellsCount", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], LogicalRowDirective.prototype, "dataRowIndex", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], LogicalRowDirective.prototype, "dataItem", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], LogicalRowDirective.prototype, "isNew", void 0);
+    tslib_1.__decorate([
+        HostBinding('attr.role'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], LogicalRowDirective.prototype, "hostRole", null);
+    tslib_1.__decorate([
+        HostBinding('attr.aria-rowindex'),
+        tslib_1.__metadata("design:type", Number),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], LogicalRowDirective.prototype, "ariaRowIndex", null);
+    tslib_1.__decorate([
+        HostBinding('attr.aria-owns'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], LogicalRowDirective.prototype, "ariaOwns", null);
+    LogicalRowDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoTreeListLogicalRow]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [IdService,
+            NavigationService])
+    ], LogicalRowDirective);
+    return LogicalRowDirective;
+}());
+export { LogicalRowDirective };

package/dist/es/navigation/logical-row.interface.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es/navigation/model-cell.js

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+var ModelCell = /** @class */ (function () {
+    function ModelCell(modelRow, cell) {
+        this.uid = cell.uid;
+        this.column = cell.column;
+        this.colIndex = cell.logicalColIndex;
+        this.rowIndex = modelRow.index;
+        this.colSpan = cell.colSpan;
+        this.rowSpan = cell.rowSpan;
+        this.dataItem = modelRow.dataItem;
+        this.dataRowIndex = modelRow.dataRowIndex;
+        this.focusGroup = cell.focusGroup;
+        this.expandable = cell.expandable;
+    }
+    ModelCell.prototype.focusContent = function () {
+        if (this.focusGroup) {
+            this.focusGroup.focus();
+        }
+    };
+    return ModelCell;
+}());
+export { ModelCell };

package/dist/es/navigation/navigation-cell.interface.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es/navigation/navigation-change.interface.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/