@progress/kendo-angular-treelist 4.0.6 → 5.0.0-dev.202204150741

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

@@ -1,102 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Injectable } from '@angular/core';
-import { FocusRoot } from './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
- */
-let FocusGroup = class FocusGroup {
-    /**
-     * @hidden
-     */
-    constructor(root) {
-        this.root = root;
-        this.active = true;
-        this.children = [];
-        this.root.registerGroup(this);
-    }
-    get focusableChildren() {
-        return this.children.filter(el => el.canFocus());
-    }
-    get isActive() {
-        return this.active;
-    }
-    ngOnDestroy() {
-        this.root.unregisterGroup(this);
-    }
-    /**
-     * @hidden
-     */
-    registerElement(element) {
-        this.unregisterElement(element);
-        this.children.push(element);
-    }
-    /**
-     * @hidden
-     */
-    unregisterElement(element) {
-        this.children = this.children.filter(f => 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.
-     */
-    isNavigable() {
-        const 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.
-     */
-    canFocus() {
-        return this.focusableChildren.length > 0;
-    }
-    /**
-     * Focuses the first focusable component, if any.
-     */
-    focus() {
-        if (this.canFocus() && !this.hasFocus()) {
-            this.focusableChildren[0].focus();
-        }
-    }
-    /**
-     * @hidden
-     */
-    activate() {
-        this.toggleState(true);
-    }
-    /**
-     * @hidden
-     */
-    deactivate() {
-        this.toggleState(false);
-    }
-    hasFocus() {
-        return this.children.reduce((focused, element) => focused || element.hasFocus(), false);
-    }
-    toggleState(active) {
-        if (this.active !== active) {
-            this.active = active;
-            this.children.forEach(f => f.toggle(active));
-        }
-    }
-};
-FocusGroup = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [FocusRoot])
-], FocusGroup);
-export { FocusGroup };

package/dist/es2015/navigation/focus-root.d.ts

@@ -1,16 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { FocusGroup } from './focus-group';
-/**
- * @hidden
- */
-export declare class FocusRoot {
-    alive: boolean;
-    private groups;
-    registerGroup(group: FocusGroup): void;
-    unregisterGroup(group: FocusGroup): void;
-    activate(): any;
-    deactivate(): any;
-}

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

@@ -1,41 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Injectable } from '@angular/core';
-/**
- * @hidden
- */
-let FocusRoot = class FocusRoot {
-    /**
-     * @hidden
-     */
-    constructor() {
-        this.groups = new Set();
-    }
-    registerGroup(group) {
-        if (this.alive) {
-            this.groups.add(group);
-        }
-    }
-    unregisterGroup(group) {
-        if (this.alive) {
-            this.groups.delete(group);
-        }
-    }
-    activate() {
-        if (this.alive) {
-            this.groups.forEach(f => f.activate());
-        }
-    }
-    deactivate() {
-        if (this.alive) {
-            this.groups.forEach(f => f.deactivate());
-        }
-    }
-};
-FocusRoot = tslib_1.__decorate([
-    Injectable()
-], FocusRoot);
-export { FocusRoot };

package/dist/es2015/navigation/focusable-element.interface.js

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

package/dist/es2015/navigation/focusable.directive.d.ts

@@ -1,80 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { AfterViewInit, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { FocusGroup } from './focus-group';
-import { FocusableElement } from './focusable-element.interface';
-/**
- * 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" kendoButton [kendoTreeListFocusable]="cellContext" value="Focus me!" />
- *   </ng-template>
- * </kendo-treelist-column>
- * ```
- */
-export declare class FocusableDirective implements AfterViewInit, FocusableElement, OnInit, OnDestroy {
-    private hostElement;
-    private renderer;
-    private group;
-    /**
-     * The cell context provided by the template.
-     */
-    cellContext: any;
-    /**
-     * @hidden
-     */
-    addCellContext: any;
-    /**
-     * @hidden
-     */
-    editCellContext: any;
-    /**
-     * @hidden
-     */
-    removeCellContext: any;
-    /**
-     * @hidden
-     */
-    saveCellContext: any;
-    /**
-     * @hidden
-     */
-    cancelCellContext: any;
-    private active;
-    private element;
-    constructor(hostElement: ElementRef, renderer: Renderer2, group: FocusGroup);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * @hidden
-     */
-    toggle(active: boolean): void;
-    /**
-     * @hidden
-     */
-    canFocus(): boolean;
-    /**
-     * @hidden
-     */
-    isNavigable(): boolean;
-    /**
-     * @hidden
-     */
-    focus(): void;
-    /**
-     * @hidden
-     */
-    hasFocus(): boolean;
-    /**
-     * @hidden
-     */
-    registerElement(element: FocusableElement): void;
-}

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

@@ -1,158 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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" kendoButton [kendoTreeListFocusable]="cellContext" value="Focus me!" />
- *   </ng-template>
- * </kendo-treelist-column>
- * ```
- */
-let FocusableDirective = class FocusableDirective {
-    constructor(hostElement, renderer, group) {
-        this.hostElement = hostElement;
-        this.renderer = renderer;
-        this.group = group;
-        this.active = true;
-    }
-    /**
-     * @hidden
-     */
-    set addCellContext(value) { this.cellContext = value; }
-    /**
-     * @hidden
-     */
-    set editCellContext(value) { this.cellContext = value; }
-    /**
-     * @hidden
-     */
-    set removeCellContext(value) { this.cellContext = value; }
-    /**
-     * @hidden
-     */
-    set saveCellContext(value) { this.cellContext = value; }
-    /**
-     * @hidden
-     */
-    set cancelCellContext(value) { this.cellContext = value; }
-    ngOnInit() {
-        if (this.cellContext && this.cellContext.focusGroup) {
-            this.group = this.cellContext.focusGroup;
-        }
-        if (this.group) {
-            this.group.registerElement(this);
-        }
-    }
-    ngAfterViewInit() {
-        if (!this.element) {
-            this.element = new DefaultFocusableElement(this.hostElement, this.renderer);
-        }
-        if (this.group) {
-            const isActive = this.group.isActive;
-            this.toggle(isActive);
-        }
-    }
-    ngOnDestroy() {
-        if (this.group) {
-            this.group.unregisterElement(this);
-        }
-    }
-    /**
-     * @hidden
-     */
-    toggle(active) {
-        if (this.element && active !== this.active) {
-            this.active = active;
-            this.element.toggle(active);
-        }
-    }
-    /**
-     * @hidden
-     */
-    canFocus() {
-        return this.element && this.element.canFocus();
-    }
-    /**
-     * @hidden
-     */
-    isNavigable() {
-        return this.element && this.element.isNavigable();
-    }
-    /**
-     * @hidden
-     */
-    focus() {
-        if (this.element) {
-            this.element.focus();
-        }
-    }
-    /**
-     * @hidden
-     */
-    hasFocus() {
-        return this.element && this.element.hasFocus();
-    }
-    /**
-     * @hidden
-     */
-    registerElement(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]' + `,
-        [kendoTreeListAddCommand],
-        [kendoTreeListEditCommand],
-        [kendoTreeListRemoveCommand],
-        [kendoTreeListSaveCommand],
-        [kendoTreeListCancelCommand]
-    `
-    }),
-    tslib_1.__param(2, Optional()),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        FocusGroup])
-], FocusableDirective);
-export { FocusableDirective };

package/dist/es2015/navigation/item-map.d.ts

@@ -1,19 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export declare class ItemMap {
-    count: number;
-    items: any;
-    readonly first: any;
-    readonly last: any;
-    removeItem(key: any): void;
-    setItem(key: any, item: any): void;
-    getItem(key: any): any;
-    toArray(): any[];
-    forEach(callback: any): any;
-    find(callback: any): any;
-}

package/dist/es2015/navigation/logical-cell.directive.d.ts

@@ -1,49 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { DoCheck, ElementRef, NgZone, Renderer2, SimpleChanges } from '@angular/core';
-import { OnChanges, OnDestroy, OnInit } from '@angular/core';
-import { FocusGroup } from './focus-group';
-import { LogicalCell } from './logical-cell.interface';
-import { NavigationService } from './navigation.service';
-import { ColumnInfoService } from '../common/column-info.service';
-import { IdService } from '../common/id.service';
-/**
- * @hidden
- */
-export declare class LogicalCellDirective implements LogicalCell, OnInit, OnChanges, OnDestroy, DoCheck {
-    focusGroup: FocusGroup;
-    private element;
-    private columnInfoService;
-    private idService;
-    private navigationService;
-    private renderer;
-    private zone;
-    logicalColIndex: number;
-    logicalRowIndex: number;
-    logicalSlaveCell: boolean;
-    column: any;
-    colIndex: number;
-    colSpan: number;
-    rowSpan: number;
-    dataRowIndex: number;
-    dataItem: any;
-    expandable: boolean;
-    readonly uid: number;
-    readonly id: string;
-    readonly ariaColIndex: number;
-    private navigationChange;
-    constructor(focusGroup: FocusGroup, element: ElementRef, columnInfoService: ColumnInfoService, idService: IdService, navigationService: NavigationService, renderer: Renderer2, zone: NgZone);
-    ngOnInit(): void;
-    ngDoCheck(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    private onNavigationChange;
-    private updateElement;
-    private microtask;
-    private registerChanges;
-    private registerNoChanges;
-    private isFocusable;
-    private isFocused;
-}

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

@@ -1,191 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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';
-let id = 0;
-function nextId() {
-    return id++;
-}
-/**
- * @hidden
- */
-let LogicalCellDirective = class LogicalCellDirective {
-    constructor(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();
-    }
-    get id() {
-        if (!this.logicalSlaveCell && this.columnInfoService.isLocked) {
-            return this.idService.cellId(this.logicalRowIndex, this.logicalColIndex);
-        }
-    }
-    get ariaColIndex() {
-        if (this.logicalSlaveCell || this.logicalColIndex === -1) {
-            return undefined;
-        }
-        return this.logicalColIndex + 1;
-    }
-    ngOnInit() {
-        if (!this.navigationService.enabled) {
-            return;
-        }
-        this.navigationChange = this.navigationService.changes.subscribe((e) => this.onNavigationChange(e));
-    }
-    ngDoCheck() {
-        if (!this.navigationService.enabled || this.logicalColIndex === -1) {
-            return;
-        }
-        this.registerNoChanges();
-    }
-    ngOnChanges(changes) {
-        if (!this.navigationService.enabled) {
-            return;
-        }
-        if (this.logicalColIndex === -1) {
-            return;
-        }
-        const indexChange = changes.logicalColIndex;
-        const rowIndexChange = changes.logicalRowIndex;
-        const index = indexChange && !indexChange.isFirstChange() ? indexChange.previousValue : this.logicalColIndex;
-        const rowIndex = rowIndexChange && !rowIndexChange.isFirstChange() ? rowIndexChange.previousValue : this.logicalRowIndex;
-        this.navigationService.unregisterCell(index, rowIndex, this);
-        this.registerChanges();
-        this.updateElement();
-    }
-    ngOnDestroy() {
-        if (this.navigationChange) {
-            this.navigationChange.unsubscribe();
-        }
-        this.navigationService.unregisterCell(this.logicalColIndex, this.logicalRowIndex, this);
-    }
-    onNavigationChange(e) {
-        const active = this.logicalColIndex === e.colIndex && this.logicalRowIndex === e.rowIndex;
-        const wasActive = this.logicalColIndex === e.prevColIndex && this.logicalRowIndex === e.prevRowIndex;
-        if (active || wasActive) {
-            this.updateElement();
-        }
-    }
-    updateElement() {
-        const 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(() => this.isFocused() && el.focus());
-                }
-                this.renderer.addClass(el, 'k-state-focused');
-            }
-        }
-        else {
-            this.renderer.removeClass(el, 'k-state-focused');
-        }
-    }
-    microtask(callback) {
-        this.zone.runOutsideAngular(() => Promise.resolve(null).then(callback));
-    }
-    registerChanges() {
-        if (!this.logicalSlaveCell) {
-            this.navigationService.registerCell(this);
-        }
-    }
-    registerNoChanges() {
-        if (!this.logicalSlaveCell) {
-            this.navigationService.registerCellOnCurrentRow(this);
-        }
-    }
-    isFocusable() {
-        return this.navigationService.isCellFocusable(this);
-    }
-    isFocused() {
-        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);
-export { LogicalCellDirective };

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

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