@progress/kendo-angular-treeview 17.0.0-develop.8 → 17.0.0

package/{esm2020 → esm2022}/treeview.component.mjs

@@ -66,200 +66,43 @@ const providers = [
  *
  */
 export class TreeViewComponent {
-    constructor(element, changeDetectorRef, expandService, navigationService, nodeChildrenService, selectionService, treeViewLookupService, ngZone, renderer, dataChangeNotification, localization) {
-        this.element = element;
-        this.changeDetectorRef = changeDetectorRef;
-        this.expandService = expandService;
-        this.navigationService = navigationService;
-        this.nodeChildrenService = nodeChildrenService;
-        this.selectionService = selectionService;
-        this.treeViewLookupService = treeViewLookupService;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.dataChangeNotification = dataChangeNotification;
-        this.localization = localization;
-        /**
-         * @hidden
-         */
-        this.searchIcon = searchIcon;
-        this.classNames = true;
-        /**
-         * The hint which is displayed when the component is empty.
-         */
-        this.filterInputPlaceholder = "";
-        /** @hidden */
-        this.fetchNodes = () => this.data;
-        /**
-         * Fires when the children of the expanded node are loaded.
-         */
-        this.childrenLoaded = new EventEmitter();
-        /**
-         * Fires when the user blurs the component.
-         */
-        this.onBlur = new EventEmitter();
-        /**
-         * Fires when the user focuses the component.
-         */
-        this.onFocus = new EventEmitter();
-        /**
-         * Fires when the user expands a TreeView node.
-         */
-        this.expand = new EventEmitter();
-        /**
-         * Fires when the user collapses a TreeView node.
-         */
-        this.collapse = new EventEmitter();
-        /**
-         * Fires just before the dragging of the node starts ([see example]({% slug draganddrop_treeview %}#toc-setup)). This event is preventable.
-         * If you prevent the event default, no drag hint will be created and the subsequent drag-related events will not be fired.
-         */
-        this.nodeDragStart = new EventEmitter();
-        /**
-         * Fires when an item is being dragged ([see example]({% slug draganddrop_treeview %}#toc-setup)).
-         */
-        this.nodeDrag = new EventEmitter();
-        /**
-         * Emits when the built-in filtering mechanism in the data-binding directives updates the node's visibility.
-         * Used for the built-in auto-expand functionalities of the component and available for custom implementations.
-         */
-        this.filterStateChange = new EventEmitter();
-        /**
-         * Fires on the target TreeView when a dragged item is dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
-         * This event is preventable. If you prevent the event default (`event.preventDefualt()`) or invalidate its state (`event.setValid(false)`),
-         * the `addItem` and `removeItem` events will not be triggered.
-         *
-         * Both operations cancel the default drop operation, but the indication to the user is different. `event.setValid(false)` indicates that the operation was
-         * unsuccessful by animating the drag clue to its original position. `event.preventDefault()` simply removes the clue, as if it has been dropped successfully.
-         * As a general rule, use `preventDefault` to manually handle the add and remove operations, and `setValid(false)` to indicate the operation was unsuccessful.
-         */
-        this.nodeDrop = new EventEmitter();
-        /**
-         * Fires on the source TreeView after the dragged item has been dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
-         */
-        this.nodeDragEnd = new EventEmitter();
-        /**
-         * Fires after a dragged item is dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
-         * Called on the TreeView where the item is dropped.
-         */
-        this.addItem = new EventEmitter();
-        /**
-         * Fires after a dragged item is dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
-         * Called on the TreeView from where the item is dragged.
-         */
-        this.removeItem = new EventEmitter();
-        /**
-         * Fires when the user selects a TreeView node checkbox
-         * ([see example]({% slug checkboxes_treeview %}#toc-modifying-the-checked-state)).
-         */
-        this.checkedChange = new EventEmitter();
-        /**
-         * Fires when the user selects a TreeView node
-         * ([see example]({% slug selection_treeview %}#toc-modifying-the-selection)).
-         */
-        this.selectionChange = new EventEmitter();
-        /**
-         * Fires when the value of the built-in filter input element changes.
-         */
-        this.filterChange = new EventEmitter();
-        /**
-         * Fires when the user clicks a TreeView node.
-         */
-        this.nodeClick = new EventEmitter();
-        /**
-         * Fires when the user double clicks a TreeView node.
-         */
-        this.nodeDblClick = new EventEmitter();
-        /**
-         * A function that defines how to track node changes.
-         * By default, the TreeView tracks the nodes by data item object reference.
-         *
-         * @example
-         * ```ts
-         *  @Component({
-         *      selector: 'my-app',
-         *      template: `
-         *          <kendo-treeview
-         *              [nodes]="data"
-         *              textField="text"
-         *              [trackBy]="trackBy"
-         *          >
-         *          </kendo-treeview>
-         *      `
-         *  })
-         *  export class AppComponent {
-         *      public data: any[] = [
-         *          { text: "Furniture" },
-         *          { text: "Decor" }
-         *      ];
-         *
-         *      public trackBy(index: number, item: any): any {
-         *          return item.text;
-         *      }
-         *  }
-         * ```
-         */
-        this.trackBy = trackBy;
-        /**
-         * A function which determines if a specific node is disabled.
-         */
-        this.isDisabled = isDisabled;
-        /**
-         * A function which determines if a specific node has a checkbox.
-         *
-         * > If there is no checkbox for a node, then this node is not checkable and is excluded from any built-in check functionality.
-         */
-        this.hasCheckbox = hasCheckbox;
-        /**
-         * A callback which determines whether a TreeView node should be rendered as hidden. The utility .k-hidden class is used to hide the nodes.
-         * Useful for custom filtering implementations.
-         */
-        this.isVisible = isVisible;
-        /**
-         * Determines whether the TreeView keyboard navigable is enabled.
-         */
-        this.navigable = true;
-        /**
-         * A function which provides the child nodes for a given parent node
-         * ([see example]({% slug databinding_treeview %})).
-         */
-        this.children = () => of([]);
-        /**
-         * Indicates whether the child nodes will be fetched on node expand or will be initially prefetched.
-         * @default true
-         */
-        this.loadOnDemand = true;
-        /**
-         * Renders the built-in input element for filtering the TreeView.
-         * If set to `true`, the component emits the `filterChange` event, which can be used to [filter the TreeView manually]({% slug filtering_treeview %}#toc-manual-filtering).
-         * A built-in filtering implementation is available to use with the [`kendoTreeViewHierarchyBinding`]({% slug api_treeview_hierarchybindingdirective %}) and [`kendoTreeViewFlatDataBinding`]({% slug api_treeview_flatdatabindingdirective %}) directives.
-         */
-        this.filterable = false;
-        /**
-         * Sets an initial value of the built-in input element used for filtering.
-         */
-        this.filter = '';
-        /**
-         * Indicates whether only parent nodes should be disabled or their child nodes as well
-         * @default false
-         */
-        this.disableParentNodesOnly = false;
-        this.checkboxes = false;
-        this.expandIcons = false;
-        this.selectable = false;
-        this.touchActions = true;
-        this.data = new BehaviorSubject([]);
-        this._animate = true;
-        this._size = 'medium';
-        this.subscriptions = new Subscription();
-        this.domSubscriptions = [];
-        this._nextId = nextId;
-        validatePackage(packageMetadata);
-        nextId++;
-    }
+    element;
+    changeDetectorRef;
+    expandService;
+    navigationService;
+    nodeChildrenService;
+    selectionService;
+    treeViewLookupService;
+    ngZone;
+    renderer;
+    dataChangeNotification;
+    localization;
+    /**
+     * @hidden
+     */
+    searchIcon = searchIcon;
+    classNames = true;
     /** @hidden */
     get direction() {
         return this.localization.rtl ? 'rtl' : 'ltr';
     }
+    /**
+     * @hidden
+     */
+    assetsContainer;
+    /**
+     * @hidden
+     */
+    searchbox;
+    /**
+     * The hint which is displayed when the component is empty.
+     */
+    filterInputPlaceholder = "";
+    /**
+     * Determines whether to allow expanding disabled nodes.
+     * @default false
+     */
+    expandDisabledNodes;
     /**
      * Determines whether the content animation is enabled.
      */
@@ -269,6 +112,95 @@ export class TreeViewComponent {
     get animate() {
         return !this._animate;
     }
+    /** @hidden */
+    fetchNodes = () => this.data;
+    /**
+     * Fires when the children of the expanded node are loaded.
+     */
+    childrenLoaded = new EventEmitter();
+    /**
+     * Fires when the user blurs the component.
+     */
+    onBlur = new EventEmitter();
+    /**
+     * Fires when the user focuses the component.
+     */
+    onFocus = new EventEmitter();
+    /**
+     * Fires when the user expands a TreeView node.
+     */
+    expand = new EventEmitter();
+    /**
+     * Fires when the user collapses a TreeView node.
+     */
+    collapse = new EventEmitter();
+    /**
+     * Fires just before the dragging of the node starts ([see example]({% slug draganddrop_treeview %}#toc-setup)). This event is preventable.
+     * If you prevent the event default, no drag hint will be created and the subsequent drag-related events will not be fired.
+     */
+    nodeDragStart = new EventEmitter();
+    /**
+     * Fires when an item is being dragged ([see example]({% slug draganddrop_treeview %}#toc-setup)).
+     */
+    nodeDrag = new EventEmitter();
+    /**
+     * Emits when the built-in filtering mechanism in the data-binding directives updates the node's visibility.
+     * Used for the built-in auto-expand functionalities of the component and available for custom implementations.
+     */
+    filterStateChange = new EventEmitter();
+    /**
+     * Fires on the target TreeView when a dragged item is dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
+     * This event is preventable. If you prevent the event default (`event.preventDefualt()`) or invalidate its state (`event.setValid(false)`),
+     * the `addItem` and `removeItem` events will not be triggered.
+     *
+     * Both operations cancel the default drop operation, but the indication to the user is different. `event.setValid(false)` indicates that the operation was
+     * unsuccessful by animating the drag clue to its original position. `event.preventDefault()` simply removes the clue, as if it has been dropped successfully.
+     * As a general rule, use `preventDefault` to manually handle the add and remove operations, and `setValid(false)` to indicate the operation was unsuccessful.
+     */
+    nodeDrop = new EventEmitter();
+    /**
+     * Fires on the source TreeView after the dragged item has been dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
+     */
+    nodeDragEnd = new EventEmitter();
+    /**
+     * Fires after a dragged item is dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
+     * Called on the TreeView where the item is dropped.
+     */
+    addItem = new EventEmitter();
+    /**
+     * Fires after a dragged item is dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
+     * Called on the TreeView from where the item is dragged.
+     */
+    removeItem = new EventEmitter();
+    /**
+     * Fires when the user selects a TreeView node checkbox
+     * ([see example]({% slug checkboxes_treeview %}#toc-modifying-the-checked-state)).
+     */
+    checkedChange = new EventEmitter();
+    /**
+     * Fires when the user selects a TreeView node
+     * ([see example]({% slug selection_treeview %}#toc-modifying-the-selection)).
+     */
+    selectionChange = new EventEmitter();
+    /**
+     * Fires when the value of the built-in filter input element changes.
+     */
+    filterChange = new EventEmitter();
+    /**
+     * Fires when the user clicks a TreeView node.
+     */
+    nodeClick = new EventEmitter();
+    /**
+     * Fires when the user double clicks a TreeView node.
+     */
+    nodeDblClick = new EventEmitter();
+    /**
+     * @hidden
+     *
+     * Queries the template for a node template declaration.
+     * Ignored if a `[nodeTemplate]` value is explicitly provided.
+     */
+    nodeTemplateQuery;
     /**
      * @hidden
      *
@@ -281,6 +213,13 @@ export class TreeViewComponent {
     get nodeTemplateRef() {
         return this._nodeTemplateRef || this.nodeTemplateQuery;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a load-more button template declaration.
+     * Ignored if a `[loadMoreButtonTemplate]` value is explicitly provided.
+     */
+    loadMoreButtonTemplateQuery;
     /**
      * @hidden
      *
@@ -293,6 +232,36 @@ export class TreeViewComponent {
     get loadMoreButtonTemplateRef() {
         return this._loadMoreButtonTemplateRef || this.loadMoreButtonTemplateQuery;
     }
+    /**
+     * A function that defines how to track node changes.
+     * By default, the TreeView tracks the nodes by data item object reference.
+     *
+     * @example
+     * ```ts
+     *  @Component({
+     *      selector: 'my-app',
+     *      template: `
+     *          <kendo-treeview
+     *              [nodes]="data"
+     *              textField="text"
+     *              [trackBy]="trackBy"
+     *          >
+     *          </kendo-treeview>
+     *      `
+     *  })
+     *  export class AppComponent {
+     *      public data: any[] = [
+     *          { text: "Furniture" },
+     *          { text: "Decor" }
+     *      ];
+     *
+     *      public trackBy(index: number, item: any): any {
+     *          return item.text;
+     *      }
+     *  }
+     * ```
+     */
+    trackBy = trackBy;
     /**
      * The nodes which will be displayed by the TreeView
      * ([see example]({% slug databinding_treeview %})).
@@ -304,6 +273,13 @@ export class TreeViewComponent {
     get nodes() {
         return this.data.value;
     }
+    /**
+     * The fields of the data item that provide the text content of the nodes
+     * ([see example]({% slug databinding_treeview %})). If the `textField` input is set
+     * to an array, each hierarchical level uses the field that corresponds to the same
+     * index in the array, or the last item in the array.
+     */
+    textField;
     /**
      * A function which determines if a specific node has child nodes
      * ([see example]({% slug databinding_treeview %})).
@@ -326,6 +302,16 @@ export class TreeViewComponent {
         this._isChecked = callback;
         this.checkboxes = Boolean(this._isChecked);
     }
+    /**
+     * A function which determines if a specific node is disabled.
+     */
+    isDisabled = isDisabled;
+    /**
+     * A function which determines if a specific node has a checkbox.
+     *
+     * > If there is no checkbox for a node, then this node is not checkable and is excluded from any built-in check functionality.
+     */
+    hasCheckbox = hasCheckbox;
     /**
      * A function which determines if a specific node is expanded.
      */
@@ -347,6 +333,35 @@ export class TreeViewComponent {
         this._isSelected = callback;
         this.selectable = Boolean(this._isSelected);
     }
+    /**
+     * A callback which determines whether a TreeView node should be rendered as hidden. The utility .k-hidden class is used to hide the nodes.
+     * Useful for custom filtering implementations.
+     */
+    isVisible = isVisible;
+    /**
+     * Determines whether the TreeView keyboard navigable is enabled.
+     */
+    navigable = true;
+    /**
+     * A function which provides the child nodes for a given parent node
+     * ([see example]({% slug databinding_treeview %})).
+     */
+    children = () => of([]);
+    /**
+     * Indicates whether the child nodes will be fetched on node expand or will be initially prefetched.
+     * @default true
+     */
+    loadOnDemand = true;
+    /**
+     * Renders the built-in input element for filtering the TreeView.
+     * If set to `true`, the component emits the `filterChange` event, which can be used to [filter the TreeView manually]({% slug filtering_treeview %}#toc-manual-filtering).
+     * A built-in filtering implementation is available to use with the [`kendoTreeViewHierarchyBinding`]({% slug api_treeview_hierarchybindingdirective %}) and [`kendoTreeViewFlatDataBinding`]({% slug api_treeview_flatdatabindingdirective %}) directives.
+     */
+    filterable = false;
+    /**
+     * Sets an initial value of the built-in input element used for filtering.
+     */
+    filter = '';
     /**
      * Sets the size of the component.
      *
@@ -376,6 +391,50 @@ export class TreeViewComponent {
     get treeviewId() {
         return `treeview_${this._nextId}`;
     }
+    /**
+     * Indicates whether only parent nodes should be disabled or their child nodes as well
+     * @default false
+     */
+    disableParentNodesOnly = false;
+    /**
+     * @hidden
+     */
+    loadMoreService;
+    /**
+     * @hidden
+     */
+    editService;
+    checkboxes = false;
+    expandIcons = false;
+    selectable = false;
+    touchActions = true;
+    data = new BehaviorSubject([]);
+    _animate = true;
+    _isChecked;
+    _isExpanded;
+    _isSelected;
+    _hasChildren;
+    _nodeTemplateRef;
+    _loadMoreButtonTemplateRef;
+    _size = 'medium';
+    subscriptions = new Subscription();
+    domSubscriptions = [];
+    _nextId = nextId;
+    constructor(element, changeDetectorRef, expandService, navigationService, nodeChildrenService, selectionService, treeViewLookupService, ngZone, renderer, dataChangeNotification, localization) {
+        this.element = element;
+        this.changeDetectorRef = changeDetectorRef;
+        this.expandService = expandService;
+        this.navigationService = navigationService;
+        this.nodeChildrenService = nodeChildrenService;
+        this.selectionService = selectionService;
+        this.treeViewLookupService = treeViewLookupService;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.dataChangeNotification = dataChangeNotification;
+        this.localization = localization;
+        validatePackage(packageMetadata);
+        nextId++;
+    }
     ngOnChanges(changes) {
         this.navigationService.navigable = Boolean(this.navigable);
         // TODO: should react to changes.loadOnDemand as well - should preload the data or clear the already cached items
@@ -634,9 +693,8 @@ export class TreeViewComponent {
             }
         });
     }
-}
-TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ExpandStateService }, { token: i2.NavigationService }, { token: i3.NodeChildrenService }, { token: i4.SelectionService }, { token: i5.TreeViewLookupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.DataChangeNotificationService }, { token: i7.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TreeViewComponent, isStandalone: true, selector: "kendo-treeview", inputs: { filterInputPlaceholder: "filterInputPlaceholder", expandDisabledNodes: "expandDisabledNodes", animate: "animate", nodeTemplateRef: ["nodeTemplate", "nodeTemplateRef"], loadMoreButtonTemplateRef: ["loadMoreButtonTemplate", "loadMoreButtonTemplateRef"], trackBy: "trackBy", nodes: "nodes", textField: "textField", hasChildren: "hasChildren", isChecked: "isChecked", isDisabled: "isDisabled", hasCheckbox: "hasCheckbox", isExpanded: "isExpanded", isSelected: "isSelected", isVisible: "isVisible", navigable: "navigable", children: "children", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", size: "size", disableParentNodesOnly: "disableParentNodesOnly" }, outputs: { childrenLoaded: "childrenLoaded", onBlur: "blur", onFocus: "focus", expand: "expand", collapse: "collapse", nodeDragStart: "nodeDragStart", nodeDrag: "nodeDrag", filterStateChange: "filterStateChange", nodeDrop: "nodeDrop", nodeDragEnd: "nodeDragEnd", addItem: "addItem", removeItem: "removeItem", checkedChange: "checkedChange", selectionChange: "selectionChange", filterChange: "filterChange", nodeClick: "nodeClick", nodeDblClick: "nodeDblClick" }, host: { properties: { "class.k-treeview": "this.classNames", "attr.dir": "this.direction", "@.disabled": "this.animate" } }, providers: providers, queries: [{ propertyName: "nodeTemplateQuery", first: true, predicate: NodeTemplateDirective, descendants: true }, { propertyName: "loadMoreButtonTemplateQuery", first: true, predicate: LoadMoreButtonTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "assetsContainer", first: true, predicate: ["assetsContainer"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "searchbox", first: true, predicate: ["searchbox"], descendants: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ExpandStateService }, { token: i2.NavigationService }, { token: i3.NodeChildrenService }, { token: i4.SelectionService }, { token: i5.TreeViewLookupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.DataChangeNotificationService }, { token: i7.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TreeViewComponent, isStandalone: true, selector: "kendo-treeview", inputs: { filterInputPlaceholder: "filterInputPlaceholder", expandDisabledNodes: "expandDisabledNodes", animate: "animate", nodeTemplateRef: ["nodeTemplate", "nodeTemplateRef"], loadMoreButtonTemplateRef: ["loadMoreButtonTemplate", "loadMoreButtonTemplateRef"], trackBy: "trackBy", nodes: "nodes", textField: "textField", hasChildren: "hasChildren", isChecked: "isChecked", isDisabled: "isDisabled", hasCheckbox: "hasCheckbox", isExpanded: "isExpanded", isSelected: "isSelected", isVisible: "isVisible", navigable: "navigable", children: "children", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", size: "size", disableParentNodesOnly: "disableParentNodesOnly" }, outputs: { childrenLoaded: "childrenLoaded", onBlur: "blur", onFocus: "focus", expand: "expand", collapse: "collapse", nodeDragStart: "nodeDragStart", nodeDrag: "nodeDrag", filterStateChange: "filterStateChange", nodeDrop: "nodeDrop", nodeDragEnd: "nodeDragEnd", addItem: "addItem", removeItem: "removeItem", checkedChange: "checkedChange", selectionChange: "selectionChange", filterChange: "filterChange", nodeClick: "nodeClick", nodeDblClick: "nodeDblClick" }, host: { properties: { "class.k-treeview": "this.classNames", "attr.dir": "this.direction", "@.disabled": "this.animate" } }, providers: providers, queries: [{ propertyName: "nodeTemplateQuery", first: true, predicate: NodeTemplateDirective, descendants: true }, { propertyName: "loadMoreButtonTemplateQuery", first: true, predicate: LoadMoreButtonTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "assetsContainer", first: true, predicate: ["assetsContainer"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "searchbox", first: true, predicate: ["searchbox"], descendants: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoTreeViewLocalizedMessages
             i18n-loadMore="kendo.treeview.loadMore|The title of the Load More button"
             loadMore="Load more..."
@@ -694,7 +752,8 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
         </ul>
         <ng-container #assetsContainer></ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeViewLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.Default,

package/{esm2020 → esm2022}/treeview.module.mjs

@@ -29,19 +29,19 @@ import * as i15 from "./localization/custom-messages.component";
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the TreeView component.
  */
 export class TreeViewModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TreeViewModule, imports: [i1.TreeViewComponent, i2.NodeTemplateDirective, i3.CheckDirective, i4.DisableDirective, i5.ExpandDirective, i6.SelectDirective, i7.HierarchyBindingDirective, i8.FlatDataBindingDirective, i9.DragAndDropDirective, i10.DragClueTemplateDirective, i11.DropHintTemplateDirective, i12.DragAndDropEditingDirective, i13.LoadMoreDirective, i14.LoadMoreButtonTemplateDirective, i15.CustomMessagesComponent], exports: [i1.TreeViewComponent, i2.NodeTemplateDirective, i3.CheckDirective, i4.DisableDirective, i5.ExpandDirective, i6.SelectDirective, i7.HierarchyBindingDirective, i8.FlatDataBindingDirective, i9.DragAndDropDirective, i10.DragClueTemplateDirective, i11.DropHintTemplateDirective, i12.DragAndDropEditingDirective, i13.LoadMoreDirective, i14.LoadMoreButtonTemplateDirective, i15.CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewModule, providers: [
+            IconsService,
+            PopupService,
+            ResizeBatchService,
+            DialogContainerService,
+            DialogService,
+            WindowService,
+            WindowContainerService
+        ], imports: [i1.TreeViewComponent] });
 }
-TreeViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TreeViewModule, imports: [i1.TreeViewComponent, i2.NodeTemplateDirective, i3.CheckDirective, i4.DisableDirective, i5.ExpandDirective, i6.SelectDirective, i7.HierarchyBindingDirective, i8.FlatDataBindingDirective, i9.DragAndDropDirective, i10.DragClueTemplateDirective, i11.DropHintTemplateDirective, i12.DragAndDropEditingDirective, i13.LoadMoreDirective, i14.LoadMoreButtonTemplateDirective, i15.CustomMessagesComponent], exports: [i1.TreeViewComponent, i2.NodeTemplateDirective, i3.CheckDirective, i4.DisableDirective, i5.ExpandDirective, i6.SelectDirective, i7.HierarchyBindingDirective, i8.FlatDataBindingDirective, i9.DragAndDropDirective, i10.DragClueTemplateDirective, i11.DropHintTemplateDirective, i12.DragAndDropEditingDirective, i13.LoadMoreDirective, i14.LoadMoreButtonTemplateDirective, i15.CustomMessagesComponent] });
-TreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewModule, providers: [
-        IconsService,
-        PopupService,
-        ResizeBatchService,
-        DialogContainerService,
-        DialogService,
-        WindowService,
-        WindowContainerService
-    ], imports: [i1.TreeViewComponent, i15.CustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_TREEVIEW],

package/expand.directive.d.ts

@@ -73,6 +73,6 @@ export declare class ExpandDirective implements OnDestroy, OnChanges {
     private getEveryExpandKey;
     private notify;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExpandDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ExpandDirective, "[kendoTreeViewExpandable]", never, { "isExpanded": "isExpanded"; "expandKey": "expandBy"; "expandOnFilter": "expandOnFilter"; "expandedKeys": "expandedKeys"; }, { "expandedKeysChange": "expandedKeysChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ExpandDirective, "[kendoTreeViewExpandable]", never, { "isExpanded": { "alias": "isExpanded"; "required": false; }; "expandKey": { "alias": "expandBy"; "required": false; }; "expandOnFilter": { "alias": "expandOnFilter"; "required": false; }; "expandedKeys": { "alias": "expandedKeys"; "required": false; }; }, { "expandedKeysChange": "expandedKeysChange"; }, never, never, true, never>;
 }
 export {};