@progress/kendo-angular-treeview 6.0.3-dev.202203091032 → 7.0.0-dev.202204131935

package/dist/es/navigation/navigation.service.js

@@ -1,243 +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 { Keys } from '@progress/kendo-angular-common';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Subject } from 'rxjs';
-import { NavigationModel } from './navigation-model';
-import { nodeIndex, isPresent } from '../utils';
-/**
- * @hidden
- */
-var NavigationService = /** @class */ (function () {
-    function NavigationService(localization) {
-        var _this = this;
-        var _a;
-        this.localization = localization;
-        this.expands = new Subject();
-        this.moves = new Subject();
-        this.checks = new Subject();
-        this.selects = new Subject();
-        this.loadMore = new Subject();
-        this.navigable = true;
-        this.actions = (_a = {},
-            _a[Keys.ArrowUp] = function () { return _this.activate(_this.model.findVisiblePrev(_this.focusableItem), true); },
-            _a[Keys.ArrowDown] = function () { return _this.activate(_this.model.findVisibleNext(_this.focusableItem), true); },
-            _a[Keys.ArrowLeft] = function () { return !_this.isLoadMoreButton && (_this.expand({
-                expand: _this.localization.rtl,
-                intercept: _this.localization.rtl ? _this.moveToFirstVisibleChild : _this.moveToParent
-            })); },
-            _a[Keys.ArrowRight] = function () { return !_this.isLoadMoreButton && (_this.expand({
-                expand: !_this.localization.rtl,
-                intercept: _this.localization.rtl ? _this.moveToParent : _this.moveToFirstVisibleChild
-            })); },
-            _a[Keys.Home] = function () { return _this.activate(_this.model.firstVisibleNode(), true); },
-            _a[Keys.End] = function () { return _this.activate(_this.model.lastVisibleNode(), true); },
-            _a[Keys.Enter] = function () { return _this.handleEnter(); },
-            _a[Keys.Space] = function () { return _this.handleSpace(); },
-            _a);
-        this.isFocused = false;
-        this.shouldScroll = false;
-        this._model = new NavigationModel();
-        this.moveToFirstVisibleChild = this.moveToFirstVisibleChild.bind(this);
-        this.moveToParent = this.moveToParent.bind(this);
-    }
-    Object.defineProperty(NavigationService.prototype, "model", {
-        get: function () {
-            return this._model;
-        },
-        set: function (model) {
-            this._model = model;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(NavigationService.prototype, "activeIndex", {
-        get: function () {
-            return nodeIndex(this.activeItem) || null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(NavigationService.prototype, "isActiveExpanded", {
-        get: function () {
-            return this.activeItem && this.activeItem.children.length > 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(NavigationService.prototype, "isLoadMoreButton", {
-        get: function () {
-            return this.activeItem && this.activeItem.loadMoreButton;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(NavigationService.prototype, "focusableItem", {
-        get: function () {
-            return this.activeItem || this.model.firstFocusableNode();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    NavigationService.prototype.activate = function (item, shouldScroll) {
-        if (shouldScroll === void 0) { shouldScroll = false; }
-        if (!this.navigable || !item || this.isActive(nodeIndex(item))) {
-            return;
-        }
-        this.isFocused = true;
-        this.activeItem = item || this.activeItem;
-        this.shouldScroll = shouldScroll;
-        this.notifyMove();
-    };
-    NavigationService.prototype.activateParent = function (index) {
-        this.activate(this.model.findParent(index));
-    };
-    NavigationService.prototype.activateIndex = function (index) {
-        if (!index) {
-            return;
-        }
-        this.activate(this.model.findNode(index));
-    };
-    NavigationService.prototype.activateClosest = function (index) {
-        if (!index || nodeIndex(this.focusableItem) !== index) {
-            return;
-        }
-        this.activeItem = this.model.closestNode(index);
-        this.notifyMove();
-    };
-    NavigationService.prototype.activateFocusable = function () {
-        if (this.activeItem) {
-            return;
-        }
-        this.activeItem = this.model.firstVisibleNode();
-        this.notifyMove();
-    };
-    NavigationService.prototype.deactivate = function () {
-        if (!this.navigable || !this.isFocused) {
-            return;
-        }
-        this.isFocused = false;
-        this.notifyMove();
-    };
-    NavigationService.prototype.checkIndex = function (index) {
-        if (!this.isDisabled(index)) {
-            this.checks.next(index);
-        }
-    };
-    NavigationService.prototype.selectIndex = function (index) {
-        if (!this.isDisabled(index)) {
-            this.selects.next(index);
-        }
-    };
-    NavigationService.prototype.notifyLoadMore = function (index) {
-        if (!isPresent(index)) {
-            return;
-        }
-        this.loadMore.next(index);
-    };
-    NavigationService.prototype.isActive = function (index) {
-        if (!index) {
-            return false;
-        }
-        return this.isFocused && this.activeIndex === index;
-    };
-    NavigationService.prototype.isFocusable = function (index) {
-        return nodeIndex(this.focusableItem) === index;
-    };
-    NavigationService.prototype.isDisabled = function (index) {
-        return this.model.findNode(index).disabled;
-    };
-    NavigationService.prototype.registerItem = function (id, index, disabled, loadMoreButton, visible) {
-        if (loadMoreButton === void 0) { loadMoreButton = false; }
-        if (visible === void 0) { visible = true; }
-        var itemAtIndex = this.model.findNode(index);
-        if (isPresent(itemAtIndex)) {
-            this.model.unregisterItem(itemAtIndex.id, itemAtIndex.index);
-            if (this.isActive(index)) {
-                this.deactivate();
-            }
-        }
-        this.model.registerItem(id, index, disabled, loadMoreButton, visible);
-    };
-    NavigationService.prototype.unregisterItem = function (id, index) {
-        if (this.isActive(index)) {
-            this.activateParent(index);
-        }
-        this.model.unregisterItem(id, index);
-    };
-    NavigationService.prototype.move = function (e) {
-        if (!this.navigable) {
-            return;
-        }
-        var moveAction = this.actions[e.keyCode];
-        if (!moveAction) {
-            return;
-        }
-        moveAction();
-        e.preventDefault();
-    };
-    NavigationService.prototype.expand = function (_a) {
-        var expand = _a.expand, intercept = _a.intercept;
-        var index = nodeIndex(this.activeItem);
-        if (!index || intercept(index)) {
-            return;
-        }
-        this.notifyExpand(expand);
-    };
-    NavigationService.prototype.moveToParent = function () {
-        if (this.isActiveExpanded) {
-            return false;
-        }
-        this.activate(this.model.findParent(nodeIndex(this.activeItem)));
-        return true;
-    };
-    NavigationService.prototype.moveToFirstVisibleChild = function () {
-        if (!this.isActiveExpanded) {
-            return false;
-        }
-        this.activate(this.model.findVisibleChild(nodeIndex(this.activeItem)));
-        return true;
-    };
-    NavigationService.prototype.notifyExpand = function (expand) {
-        this.expands.next(this.navigationState(expand));
-    };
-    NavigationService.prototype.notifyMove = function () {
-        this.moves.next(this.navigationState());
-    };
-    NavigationService.prototype.navigationState = function (expand) {
-        if (expand === void 0) { expand = false; }
-        return ({ expand: expand, index: this.activeIndex, isFocused: this.isFocused, shouldScroll: this.shouldScroll });
-    };
-    NavigationService.prototype.handleEnter = function () {
-        if (!this.navigable) {
-            return;
-        }
-        if (this.isLoadMoreButton) {
-            this.notifyLoadMore(this.activeIndex);
-        }
-        else {
-            this.selectIndex(this.activeIndex);
-        }
-    };
-    NavigationService.prototype.handleSpace = function () {
-        if (!this.navigable) {
-            return;
-        }
-        if (this.isLoadMoreButton) {
-            this.notifyLoadMore(this.activeIndex);
-        }
-        else {
-            this.checkIndex(this.activeIndex);
-        }
-    };
-    NavigationService = tslib_1.__decorate([
-        Injectable(),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService])
-    ], NavigationService);
-    return NavigationService;
-}());
-export { NavigationService };

package/dist/es/node-children.service.js

@@ -1,23 +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 { Subject } from "rxjs";
-/**
- * @hidden
- */
-var NodeChildrenService = /** @class */ (function () {
-    function NodeChildrenService() {
-        this.changes = new Subject();
-    }
-    NodeChildrenService.prototype.childrenLoaded = function (item, children) {
-        this.changes.next({ item: item, children: children });
-    };
-    NodeChildrenService = tslib_1.__decorate([
-        Injectable()
-    ], NodeChildrenService);
-    return NodeChildrenService;
-}());
-export { NodeChildrenService };

package/dist/es/node-template.directive.js

@@ -1,74 +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 { Optional, Directive, TemplateRef } from "@angular/core";
-/**
- * Represents the template for the TreeView nodes ([more information and example]({% slug nodetemplate_treeview %})).
- * The template helps to customize the content of the nodes. To define the node template, nest an `<ng-template>`
- * tag with the `kendoTreeViewNodeTemplate` directive inside a `<kendo-treeview>` tag.
- *
- *
- * The node data item and its hierarchical index are available as context variables:
- *
- * - `let-dataItem` (`any`) - available as implicit context variable
- * - `let-index="index"` (`string`)
- *
- *
- * @example
- * ```ts
- *
- *  import { Component } from '@angular/core';
- *  @Component({
- *      selector: 'my-app',
- *      template: `
- *      <kendo-treeview
- *          [nodes]="data"
- *          kendoTreeViewExpandable
- *
- *          kendoTreeViewHierarchyBinding
- *          childrenField="items">
- *        <ng-template kendoTreeViewNodeTemplate let-dataItem let-index="index">
- *          <span [style.fontWeight]="dataItem.items ? 'bolder': 'normal' ">{{ index }}: {{ dataItem.text }}</span>
- *        </ng-template>
- *      </kendo-treeview>
- *    `
- *  })
- *  export class AppComponent {
- *      public data: any[] = [
- *          {
- *              text: "Inbox",
- *              items: [{ text: "Read Mail" }]
- *          },
- *          {
- *              text: "Drafts"
- *          },
- *          {
- *              text: "Search Folders",
- *              items: [
- *                  { text: "Categorized Mail" },
- *                  { text: "Large Mail" },
- *                  { text: "Unread Mail"}
- *              ]
- *          },
- *          { text: "Settings" }
- *      ];
- *  }
- *
- * ```
- */
-var NodeTemplateDirective = /** @class */ (function () {
-    function NodeTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    NodeTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoTreeViewNodeTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], NodeTemplateDirective);
-    return NodeTemplateDirective;
-}());
-export { NodeTemplateDirective };

package/dist/es/package-metadata.js

@@ -1,15 +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 var packageMetadata = {
-    name: '@progress/kendo-angular-treeview',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646821842,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
-};

package/dist/es/selection/select.directive.js

@@ -1,152 +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, EventEmitter, HostBinding, Input, Output } from '@angular/core';
-import { TreeViewComponent } from '../treeview.component';
-import { isBoolean, isPresent, noop } from '../utils';
-import { Subscription } from 'rxjs';
-import { isChanged } from '@progress/kendo-angular-common';
-/**
- * A directive which manages the in-memory selection state of the TreeView node
- * ([see example]({% slug selection_treeview %})).
- */
-var SelectDirective = /** @class */ (function () {
-    function SelectDirective(treeView) {
-        var _this = this;
-        this.treeView = treeView;
-        /**
-         * Fires when the `selectedKeys` collection was updated.
-         */
-        this.selectedKeysChange = new EventEmitter();
-        this.subscriptions = new Subscription();
-        this.selectActions = {
-            'multiple': function (e) { return _this.selectMultiple(e); },
-            'single': function (e) { return _this.selectSingle(e); }
-        };
-        /**
-         * Reflectes the internal `selectedKeys` state.
-         */
-        this.state = new Set();
-        this.subscriptions.add(this.treeView.selectionChange.subscribe(this.select.bind(this)));
-        this.treeView.isSelected = function (dataItem, index) { return (_this.state.has(_this.itemKey({ dataItem: dataItem, index: index }))); };
-    }
-    Object.defineProperty(SelectDirective.prototype, "isSelected", {
-        /**
-         * @hidden
-         */
-        set: function (value) {
-            this.treeView.isSelected = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SelectDirective.prototype, "getAriaMultiselectable", {
-        get: function () {
-            return this.options.mode === 'multiple';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SelectDirective.prototype, "options", {
-        get: function () {
-            var defaultOptions = {
-                enabled: true,
-                mode: 'single'
-            };
-            if (!isPresent(this.selection) || typeof this.selection === 'string') {
-                return defaultOptions;
-            }
-            var selectionSettings = isBoolean(this.selection) ? { enabled: this.selection } : this.selection;
-            return Object.assign(defaultOptions, selectionSettings);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SelectDirective.prototype.ngOnChanges = function (changes) {
-        if (isChanged('selectedKeys', changes, false) && changes.selectedKeys.currentValue !== this.lastChange) {
-            this.state = new Set(changes.selectedKeys.currentValue);
-        }
-    };
-    SelectDirective.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-    };
-    SelectDirective.prototype.itemKey = function (e) {
-        if (!this.selectKey) {
-            return e.index;
-        }
-        if (typeof this.selectKey === 'string') {
-            return e.dataItem[this.selectKey];
-        }
-        if (typeof this.selectKey === 'function') {
-            return this.selectKey(e);
-        }
-    };
-    SelectDirective.prototype.select = function (e) {
-        var _a = this.options, enabled = _a.enabled, mode = _a.mode;
-        var performSelection = this.selectActions[mode] || noop;
-        if (!enabled) {
-            return;
-        }
-        performSelection(e);
-    };
-    SelectDirective.prototype.selectSingle = function (node) {
-        var key = this.itemKey(node);
-        if (!this.state.has(key)) {
-            this.state.clear();
-            this.state.add(key);
-            this.notify();
-        }
-    };
-    SelectDirective.prototype.selectMultiple = function (node) {
-        var key = this.itemKey(node);
-        var isSelected = this.state.has(key);
-        if (!isPresent(key)) {
-            return;
-        }
-        if (isSelected) {
-            this.state.delete(key);
-        }
-        else {
-            this.state.add(key);
-        }
-        this.notify();
-    };
-    SelectDirective.prototype.notify = function () {
-        this.lastChange = Array.from(this.state);
-        this.selectedKeysChange.emit(this.lastChange);
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Function])
-    ], SelectDirective.prototype, "isSelected", null);
-    tslib_1.__decorate([
-        Input('selectBy'),
-        tslib_1.__metadata("design:type", Object)
-    ], SelectDirective.prototype, "selectKey", void 0);
-    tslib_1.__decorate([
-        Input('kendoTreeViewSelectable'),
-        tslib_1.__metadata("design:type", Object)
-    ], SelectDirective.prototype, "selection", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], SelectDirective.prototype, "selectedKeys", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SelectDirective.prototype, "selectedKeysChange", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.aria-multiselectable'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SelectDirective.prototype, "getAriaMultiselectable", null);
-    SelectDirective = tslib_1.__decorate([
-        Directive({ selector: '[kendoTreeViewSelectable]' }),
-        tslib_1.__metadata("design:paramtypes", [TreeViewComponent])
-    ], SelectDirective);
-    return SelectDirective;
-}());
-export { SelectDirective };

package/dist/es/selection/selection.service.js

@@ -1,34 +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 { Subject } from "rxjs";
-/**
- * @hidden
- */
-var SelectionService = /** @class */ (function () {
-    function SelectionService() {
-        this.changes = new Subject();
-    }
-    SelectionService.prototype.isFirstSelected = function (index) {
-        return this.firstIndex === index;
-    };
-    SelectionService.prototype.setFirstSelected = function (index, selected) {
-        if (this.firstIndex === index && selected === false) {
-            this.firstIndex = null;
-        }
-        else if (!this.firstIndex && selected) {
-            this.firstIndex = index;
-        }
-    };
-    SelectionService.prototype.select = function (index, dataItem) {
-        this.changes.next({ dataItem: dataItem, index: index });
-    };
-    SelectionService = tslib_1.__decorate([
-        Injectable()
-    ], SelectionService);
-    return SelectionService;
-}());
-export { SelectionService };

package/dist/es/shared.module.js

@@ -1,75 +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 { NgModule } from '@angular/core';
-import { TreeViewComponent } from './treeview.component';
-import { TreeViewGroupComponent } from './treeview-group.component';
-import { CommonModule } from '@angular/common';
-import { NodeTemplateDirective } from './node-template.directive';
-import { CheckDirective } from './check.directive';
-import { DisableDirective } from './disable.directive';
-import { ExpandDirective } from './expand.directive';
-import { SelectDirective } from './selection/select.directive';
-import { HierarchyBindingDirective } from './hierarchy-binding.directive';
-import { LoadingIndicatorDirective } from './loading-indicator.directive';
-import { FlatDataBindingDirective } from './flat-binding.directive';
-import { TreeViewItemDirective } from './treeview-item.directive';
-import { TreeViewItemContentDirective } from './treeview-item-content.directive';
-import { CheckBoxModule } from './checkbox/checkbox.module';
-import { DragAndDropDirective } from './drag-and-drop/drag-and-drop.directive';
-import { DragClueTemplateDirective } from './drag-and-drop/drag-clue/drag-clue-template.directive';
-import { DropHintTemplateDirective } from './drag-and-drop/drop-hint/drop-hint-template.directive';
-import { DragClueComponent } from './drag-and-drop/drag-clue/drag-clue.component';
-import { DropHintComponent } from './drag-and-drop/drop-hint/drop-hint.component';
-import { DragAndDropEditingDirective } from './drag-and-drop/drag-and-drop-editing.directive';
-import { LoadMoreDirective } from './load-more/load-more.directive';
-import { LoadMoreButtonTemplateDirective } from './load-more/load-more-button-template.directive';
-import { InputsModule } from '@progress/kendo-angular-inputs';
-var COMPONENT_DIRECTIVES = [
-    TreeViewComponent,
-    TreeViewGroupComponent,
-    TreeViewItemDirective,
-    TreeViewItemContentDirective,
-    NodeTemplateDirective,
-    CheckDirective,
-    DisableDirective,
-    ExpandDirective,
-    SelectDirective,
-    HierarchyBindingDirective,
-    LoadingIndicatorDirective,
-    FlatDataBindingDirective,
-    DragAndDropDirective,
-    DragClueTemplateDirective,
-    DragClueComponent,
-    DropHintTemplateDirective,
-    DropHintComponent,
-    DragAndDropEditingDirective,
-    LoadMoreDirective,
-    LoadMoreButtonTemplateDirective
-];
-/**
- * @hidden
- */
-var SharedModule = /** @class */ (function () {
-    function SharedModule() {
-    }
-    SharedModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [COMPONENT_DIRECTIVES],
-            exports: [COMPONENT_DIRECTIVES],
-            imports: [
-                CommonModule,
-                CheckBoxModule,
-                InputsModule
-            ],
-            entryComponents: [
-                DragClueComponent,
-                DropHintComponent
-            ]
-        })
-    ], SharedModule);
-    return SharedModule;
-}());
-export { SharedModule };