@taiga-ui/kit 2.55.0 → 3.0.0-rc.0

package/fesm2015/taiga-ui-kit-components-tree.js

@@ -1,32 +1,40 @@
-import { __decorate, __param } from 'tslib';
-import { Input, Directive, Inject, forwardRef, HostBinding, Component, ChangeDetectionStrategy, InjectionToken, SkipSelf, ElementRef, ContentChildren, Optional, ViewChild, EventEmitter, Output, Injectable, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Directive, Input, forwardRef, Component, ChangeDetectionStrategy, Inject, HostBinding, InjectionToken, SkipSelf, ElementRef, ContentChildren, Optional, ViewChild, EventEmitter, Output, Injectable, NgModule } from '@angular/core';
 import { Subject } from 'rxjs';
 import { startWith, map, distinctUntilChanged, switchMap, tap, mapTo } from 'rxjs/operators';
+import { __decorate } from 'tslib';
+import * as i2$1 from '@taiga-ui/cdk';
 import { EMPTY_ARRAY, tuiDefaultProp, ALWAYS_TRUE_HANDLER, EMPTY_FUNCTION, EMPTY_QUERY, isPresent, TuiLetModule } from '@taiga-ui/cdk';
+import * as i2 from '@tinkoff/ng-polymorpheus';
 import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-import { CommonModule } from '@angular/common';
+import * as i1 from '@taiga-ui/core';
 import { TuiExpandModule, TuiButtonModule } from '@taiga-ui/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
-var TuiTreeChildrenDirective_1;
-let TuiTreeChildrenDirective = TuiTreeChildrenDirective_1 = class TuiTreeChildrenDirective {
+class TuiTreeChildrenDirective {
     constructor() {
-        this.childrenHandler = TuiTreeChildrenDirective_1.defaultHandler;
+        this.childrenHandler = TuiTreeChildrenDirective.defaultHandler;
     }
     static defaultHandler(item) {
         return Array.isArray(item) ? item : EMPTY_ARRAY;
     }
-};
+}
+TuiTreeChildrenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeChildrenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TuiTreeChildrenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTreeChildrenDirective, selector: "tui-tree[childrenHandler]", inputs: { childrenHandler: "childrenHandler" }, ngImport: i0 });
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiTreeChildrenDirective.prototype, "childrenHandler", void 0);
-TuiTreeChildrenDirective = TuiTreeChildrenDirective_1 = __decorate([
-    Directive({
-        selector: 'tui-tree[childrenHandler]',
-    })
-], TuiTreeChildrenDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeChildrenDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `tui-tree[childrenHandler]`,
+                }]
+        }], propDecorators: { childrenHandler: [{
+                type: Input
+            }] } });
 
-let TuiTreeItemContentComponent = class TuiTreeItemContentComponent {
+class TuiTreeItemContentComponent {
     constructor(context, controller) {
         this.context = context;
         this.controller = controller;
@@ -41,24 +49,27 @@ let TuiTreeItemContentComponent = class TuiTreeItemContentComponent {
     onClick() {
         this.controller.toggle(this.context.$implicit);
     }
-};
-TuiTreeItemContentComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [POLYMORPHEUS_CONTEXT,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => TUI_TREE_CONTROLLER),] }] }
-];
-__decorate([
-    HostBinding('class._expandable')
-], TuiTreeItemContentComponent.prototype, "isExpandable", null);
-TuiTreeItemContentComponent = __decorate([
-    Component({
-        selector: 'tui-tree-item-content',
-        template: "<button\n    *ngIf=\"isExpandable\"\n    tuiIconButton\n    size=\"xs\"\n    appearance=\"flat\"\n    icon=\"tuiIconChevronRight\"\n    shape=\"rounded\"\n    class=\"t-button\"\n    [class.t-button_expanded]=\"isExpanded\"\n    (click)=\"onClick()\"\n></button>\n<ng-container [ngTemplateOutlet]=\"context.template\"></ng-container>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-left:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-right:.5rem}.t-button_expanded{transform:rotate(90deg)}"]
-    }),
-    __param(0, Inject(POLYMORPHEUS_CONTEXT)),
-    __param(1, Inject(forwardRef(() => TUI_TREE_CONTROLLER)))
-], TuiTreeItemContentComponent);
+}
+TuiTreeItemContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeItemContentComponent, deps: [{ token: POLYMORPHEUS_CONTEXT }, { token: forwardRef(() => TUI_TREE_CONTROLLER) }], target: i0.ɵɵFactoryTarget.Component });
+TuiTreeItemContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiTreeItemContentComponent, selector: "tui-tree-item-content", host: { properties: { "class._expandable": "this.isExpandable" } }, ngImport: i0, template: "<button\n    *ngIf=\"isExpandable\"\n    tuiIconButton\n    size=\"xs\"\n    appearance=\"flat\"\n    icon=\"tuiIconChevronRight\"\n    shape=\"rounded\"\n    class=\"t-button\"\n    [class.t-button_expanded]=\"isExpanded\"\n    (click)=\"onClick()\"\n></button>\n<ng-container [ngTemplateOutlet]=\"context.template\"></ng-container>\n", styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-left:2rem}.t-button{transition-property:transform;transition-duration:.3s;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:.5rem}.t-button_expanded{transform:rotate(90deg)}\n"], components: [{ type: i1.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeItemContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-tree-item-content`,
+                    templateUrl: `tree-item-content.template.html`,
+                    styleUrls: [`tree-item-content.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [POLYMORPHEUS_CONTEXT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => TUI_TREE_CONTROLLER)]
+                }] }]; }, propDecorators: { isExpandable: [{
+                type: HostBinding,
+                args: [`class._expandable`]
+            }] } });
 
 const TUI_TREE_ITEM_CONTENT = new PolymorpheusComponent(TuiTreeItemContentComponent);
 const TUI_DEFAULT_TREE_CONTROLLER = {
@@ -66,18 +77,18 @@ const TUI_DEFAULT_TREE_CONTROLLER = {
     toggle: EMPTY_FUNCTION,
 };
 
-const TUI_TREE_ACCESSOR = new InjectionToken('Controller for tracking value - TuiTreeItemComponent pairs');
-const TUI_TREE_CONTROLLER = new InjectionToken('Controller for expanding the tree', {
+const TUI_TREE_ACCESSOR = new InjectionToken(`Controller for tracking value - TuiTreeItemComponent pairs`);
+const TUI_TREE_CONTROLLER = new InjectionToken(`Controller for expanding the tree`, {
     factory: () => TUI_DEFAULT_TREE_CONTROLLER,
 });
-const TUI_TREE_NODE = new InjectionToken('A node of a tree view');
-const TUI_TREE_LOADING = new InjectionToken('A tree node placeholder for loading', { factory: () => ({}) });
-const TUI_TREE_START = new InjectionToken('A tree node starting point');
-const TUI_TREE_LOADER = new InjectionToken('A service to load tree progressively');
-const TUI_TREE_CONTENT = new InjectionToken('Content for a tree item', {
+const TUI_TREE_NODE = new InjectionToken(`A node of a tree view`);
+const TUI_TREE_LOADING = new InjectionToken(`A tree node placeholder for loading`, { factory: () => ({}) });
+const TUI_TREE_START = new InjectionToken(`A tree node starting point`);
+const TUI_TREE_LOADER = new InjectionToken(`A service to load tree progressively`);
+const TUI_TREE_CONTENT = new InjectionToken(`Content for a tree item`, {
     factory: () => TUI_TREE_ITEM_CONTENT,
 });
-const TUI_TREE_LEVEL = new InjectionToken('Nesting level of current TreeView node', {
+const TUI_TREE_LEVEL = new InjectionToken(`Nesting level of current TreeView node`, {
     factory: () => -1,
 });
 
@@ -97,7 +108,7 @@ function treeLevelFactory(level) {
     return ++level;
 }
 
-let TuiTreeItemComponent = class TuiTreeItemComponent {
+class TuiTreeItemComponent {
     constructor(elementRef, controller, level, content) {
         this.elementRef = elementRef;
         this.controller = controller;
@@ -117,38 +128,76 @@ let TuiTreeItemComponent = class TuiTreeItemComponent {
     ngDoCheck() {
         this.change$.next();
     }
-};
-TuiTreeItemComponent.ctorParameters = () => [
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => TUI_TREE_CONTROLLER),] }] },
-    { type: Number, decorators: [{ type: Inject, args: [forwardRef(() => TUI_TREE_LEVEL),] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => TUI_TREE_CONTENT),] }] }
-];
-__decorate([
-    ContentChildren(TUI_TREE_NODE)
-], TuiTreeItemComponent.prototype, "nested", void 0);
-__decorate([
-    HostBinding('class._expandable')
-], TuiTreeItemComponent.prototype, "isExpandable", null);
-TuiTreeItemComponent = __decorate([
-    Component({
-        selector: 'tui-tree-item',
-        template: "<ng-template #template><ng-content></ng-content></ng-template>\n<div\n    polymorpheus-outlet\n    [content]=\"content\"\n    [context]=\"{$implicit: this, template: template}\"\n></div>\n<tui-expand\n    *ngIf=\"isExpandable\"\n    role=\"group\"\n    class=\"t-children\"\n    [expanded]=\"expanded$ | async\"\n>\n    <div>\n        <ng-content select=\"tui-tree-item\"></ng-content>\n        <ng-content select=\"tui-tree\"></ng-content>\n    </div>\n</tui-expand>\n<ng-container *ngIf=\"attached$ | async\"></ng-container>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        providers: TUI_TREE_ITEM_PROVIDERS,
-        host: {
-            role: 'treeitem',
-        },
-        styles: [":host{display:block}.t-children{position:relative;margin-left:var(--tui-tree-item-indent,1.5rem)}"]
-    }),
-    __param(0, Inject(ElementRef)),
-    __param(1, Inject(forwardRef(() => TUI_TREE_CONTROLLER))),
-    __param(2, Inject(forwardRef(() => TUI_TREE_LEVEL))),
-    __param(3, Inject(forwardRef(() => TUI_TREE_CONTENT)))
-], TuiTreeItemComponent);
+}
+TuiTreeItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeItemComponent, deps: [{ token: ElementRef }, { token: forwardRef(() => TUI_TREE_CONTROLLER) }, { token: forwardRef(() => TUI_TREE_LEVEL) }, { token: forwardRef(() => TUI_TREE_CONTENT) }], target: i0.ɵɵFactoryTarget.Component });
+TuiTreeItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiTreeItemComponent, selector: "tui-tree-item", host: { attributes: { "role": "treeitem" }, properties: { "class._expandable": "this.isExpandable" } }, providers: TUI_TREE_ITEM_PROVIDERS, queries: [{ propertyName: "nested", predicate: TUI_TREE_NODE }], ngImport: i0, template: "<ng-template #template><ng-content></ng-content></ng-template>\n<ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: this, template: template}\">\n    {{ text }}\n</ng-container>\n<tui-expand\n    *ngIf=\"isExpandable\"\n    role=\"group\"\n    class=\"t-children\"\n    [expanded]=\"expanded$ | async\"\n>\n    <div>\n        <ng-content select=\"tui-tree-item\"></ng-content>\n        <ng-content select=\"tui-tree\"></ng-content>\n    </div>\n</tui-expand>\n<ng-container *ngIf=\"attached$ | async\"></ng-container>\n", styles: [":host{display:block}.t-children{position:relative;margin-left:1.5rem;margin-left:var(--tui-tree-item-indent, 1.5rem)}\n"], components: [{ type: i1.TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }], directives: [{ type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-tree-item`,
+                    templateUrl: `./tree-item.template.html`,
+                    styleUrls: [`./tree-item.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: TUI_TREE_ITEM_PROVIDERS,
+                    host: {
+                        role: `treeitem`,
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => TUI_TREE_CONTROLLER)]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => TUI_TREE_LEVEL)]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => TUI_TREE_CONTENT)]
+                }] }]; }, propDecorators: { nested: [{
+                type: ContentChildren,
+                args: [TUI_TREE_NODE]
+            }], isExpandable: [{
+                type: HostBinding,
+                args: [`class._expandable`]
+            }] } });
+
+class TuiTreeNodeDirective {
+    constructor(directive, component) {
+        this.directive = directive;
+        this.component = component;
+    }
+    set value(value) {
+        var _a;
+        (_a = this.directive) === null || _a === void 0 ? void 0 : _a.register(this.component, value);
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this.directive) === null || _a === void 0 ? void 0 : _a.unregister(this.component);
+    }
+}
+TuiTreeNodeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeNodeDirective, deps: [{ token: TUI_TREE_ACCESSOR, optional: true }, { token: TuiTreeItemComponent }], target: i0.ɵɵFactoryTarget.Directive });
+TuiTreeNodeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTreeNodeDirective, selector: "tui-tree-item[tuiTreeNode]", inputs: { value: ["tuiTreeNode", "value"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeNodeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `tui-tree-item[tuiTreeNode]`,
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TUI_TREE_ACCESSOR]
+                }] }, { type: TuiTreeItemComponent, decorators: [{
+                    type: Inject,
+                    args: [TuiTreeItemComponent]
+                }] }]; }, propDecorators: { value: [{
+                type: Input,
+                args: [`tuiTreeNode`]
+            }] } });
 
-var TuiTreeComponent_1;
-let TuiTreeComponent = TuiTreeComponent_1 = class TuiTreeComponent {
+class TuiTreeComponent {
     constructor(directive) {
         this.directive = directive;
         this.check$ = new Subject();
@@ -162,47 +211,52 @@ let TuiTreeComponent = TuiTreeComponent_1 = class TuiTreeComponent {
         (_b = this.child) === null || _b === void 0 ? void 0 : _b.ngDoCheck();
     }
     get handler() {
-        var _a, _b;
-        return (_b = (_a = this.directive) === null || _a === void 0 ? void 0 : _a.childrenHandler) !== null && _b !== void 0 ? _b : TuiTreeChildrenDirective.defaultHandler;
+        var _a;
+        return ((_a = this.directive) === null || _a === void 0 ? void 0 : _a.childrenHandler) || TuiTreeChildrenDirective.defaultHandler;
     }
-};
-TuiTreeComponent.ctorParameters = () => [
-    { type: TuiTreeChildrenDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiTreeChildrenDirective,] }] }
-];
-__decorate([
-    Input()
-], TuiTreeComponent.prototype, "value", void 0);
-__decorate([
-    ViewChild(TuiTreeItemComponent)
-], TuiTreeComponent.prototype, "item", void 0);
-__decorate([
-    ViewChild(TuiTreeComponent_1)
-], TuiTreeComponent.prototype, "child", void 0);
-__decorate([
-    Input()
-], TuiTreeComponent.prototype, "content", void 0);
-TuiTreeComponent = TuiTreeComponent_1 = __decorate([
-    Component({
-        selector: 'tui-tree[value]',
-        template: "<tui-tree-item\n    *tuiLet=\"children$ | async as children\"\n    #view\n    [tuiTreeNode]=\"value\"\n>\n    <div\n        *ngIf=\"$any(value) !== children\"\n        polymorpheus-outlet\n        [content]=\"content\"\n        [context]=\"{$implicit: value, node: view}\"\n    ></div>\n    <tui-tree\n        *ngFor=\"let child of children\"\n        [value]=\"child\"\n        [content]=\"content\"\n    ></tui-tree>\n</tui-tree-item>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        providers: [
-            {
-                provide: TUI_TREE_NODE,
-                useExisting: TuiTreeComponent_1,
-            },
-        ],
-        host: {
-            role: 'tree',
+}
+TuiTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeComponent, deps: [{ token: TuiTreeChildrenDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TuiTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiTreeComponent, selector: "tui-tree[value]", inputs: { value: "value", content: "content" }, host: { attributes: { "role": "tree" } }, providers: [
+        {
+            provide: TUI_TREE_NODE,
+            useExisting: TuiTreeComponent,
         },
-        styles: [":host{position:relative;display:block}"]
-    }),
-    __param(0, Optional()),
-    __param(0, Inject(TuiTreeChildrenDirective))
-], TuiTreeComponent);
+    ], viewQueries: [{ propertyName: "item", first: true, predicate: TuiTreeItemComponent, descendants: true }, { propertyName: "child", first: true, predicate: TuiTreeComponent, descendants: true }], ngImport: i0, template: "<tui-tree-item\n    *tuiLet=\"children$ | async as children\"\n    #view\n    [tuiTreeNode]=\"value\"\n>\n    <ng-container *ngIf=\"$any(value) !== children\">\n        <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: value, node: view}\">\n            {{ text }}\n        </ng-container>\n    </ng-container>\n    <tui-tree\n        *ngFor=\"let child of children\"\n        [value]=\"child\"\n        [content]=\"content\"\n    ></tui-tree>\n</tui-tree-item>\n", styles: [":host{position:relative;display:block}\n"], components: [{ type: TuiTreeItemComponent, selector: "tui-tree-item" }, { type: TuiTreeComponent, selector: "tui-tree[value]", inputs: ["value", "content"] }], directives: [{ type: i2$1.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { type: TuiTreeNodeDirective, selector: "tui-tree-item[tuiTreeNode]", inputs: ["tuiTreeNode"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-tree[value]`,
+                    templateUrl: `tree.template.html`,
+                    styleUrls: [`tree.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: TUI_TREE_NODE,
+                            useExisting: TuiTreeComponent,
+                        },
+                    ],
+                    host: {
+                        role: `tree`,
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: TuiTreeChildrenDirective, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TuiTreeChildrenDirective]
+                }] }]; }, propDecorators: { value: [{
+                type: Input
+            }], item: [{
+                type: ViewChild,
+                args: [TuiTreeItemComponent]
+            }], child: [{
+                type: ViewChild,
+                args: [TuiTreeComponent]
+            }], content: [{
+                type: Input
+            }] } });
 
-var TuiTreeControllerDirective_1;
-let TuiTreeControllerDirective = TuiTreeControllerDirective_1 = class TuiTreeControllerDirective {
+class TuiTreeControllerDirective {
     constructor() {
         this.fallback = true;
         this.map = new Map();
@@ -229,37 +283,50 @@ let TuiTreeControllerDirective = TuiTreeControllerDirective_1 = class TuiTreeCon
         this.toggled.emit(value);
         this.map.set(value, !expanded);
     }
-};
+}
+TuiTreeControllerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeControllerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TuiTreeControllerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTreeControllerDirective, selector: "[tuiTreeController][map]", inputs: { fallback: ["tuiTreeController", "fallback"], map: "map" }, outputs: { toggled: "toggled" }, providers: [
+        {
+            provide: TUI_TREE_ACCESSOR,
+            useExisting: TuiTreeControllerDirective,
+        },
+        {
+            provide: TUI_TREE_CONTROLLER,
+            useExisting: TuiTreeControllerDirective,
+        },
+    ], exportAs: ["tuiTreeController"], ngImport: i0 });
 __decorate([
-    Input('tuiTreeController'),
     tuiDefaultProp()
 ], TuiTreeControllerDirective.prototype, "fallback", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiTreeControllerDirective.prototype, "map", void 0);
-__decorate([
-    Output()
-], TuiTreeControllerDirective.prototype, "toggled", void 0);
-TuiTreeControllerDirective = TuiTreeControllerDirective_1 = __decorate([
-    Directive({
-        selector: '[tuiTreeController][map]',
-        exportAs: 'tuiTreeController',
-        providers: [
-            {
-                provide: TUI_TREE_ACCESSOR,
-                useExisting: TuiTreeControllerDirective_1,
-            },
-            {
-                provide: TUI_TREE_CONTROLLER,
-                useExisting: TuiTreeControllerDirective_1,
-            },
-        ],
-    })
-], TuiTreeControllerDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeControllerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTreeController][map]`,
+                    exportAs: `tuiTreeController`,
+                    providers: [
+                        {
+                            provide: TUI_TREE_ACCESSOR,
+                            useExisting: TuiTreeControllerDirective,
+                        },
+                        {
+                            provide: TUI_TREE_CONTROLLER,
+                            useExisting: TuiTreeControllerDirective,
+                        },
+                    ],
+                }]
+        }], propDecorators: { fallback: [{
+                type: Input,
+                args: [`tuiTreeController`]
+            }], map: [{
+                type: Input
+            }], toggled: [{
+                type: Output
+            }] } });
 
-var TuiTreeItemControllerDirective_1;
-let TuiTreeItemControllerDirective = TuiTreeItemControllerDirective_1 = class TuiTreeItemControllerDirective {
+class TuiTreeItemControllerDirective {
     constructor() {
         this.map = new WeakMap();
         this.fallback = true;
@@ -271,56 +338,36 @@ let TuiTreeItemControllerDirective = TuiTreeItemControllerDirective_1 = class Tu
     toggle(item) {
         this.map.set(item, !this.isExpanded(item));
     }
-};
+}
+TuiTreeItemControllerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeItemControllerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TuiTreeItemControllerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTreeItemControllerDirective, selector: "[tuiTreeController]:not([map])", inputs: { fallback: ["tuiTreeController", "fallback"] }, providers: [
+        {
+            provide: TUI_TREE_CONTROLLER,
+            useExisting: TuiTreeItemControllerDirective,
+        },
+    ], exportAs: ["tuiTreeController"], ngImport: i0 });
 __decorate([
-    Input('tuiTreeController'),
     tuiDefaultProp()
 ], TuiTreeItemControllerDirective.prototype, "fallback", void 0);
-TuiTreeItemControllerDirective = TuiTreeItemControllerDirective_1 = __decorate([
-    Directive({
-        selector: '[tuiTreeController]:not([map])',
-        exportAs: 'tuiTreeController',
-        providers: [
-            {
-                provide: TUI_TREE_CONTROLLER,
-                useExisting: TuiTreeItemControllerDirective_1,
-            },
-        ],
-    })
-], TuiTreeItemControllerDirective);
-
-let TuiTreeNodeDirective = class TuiTreeNodeDirective {
-    constructor(directive, component) {
-        this.directive = directive;
-        this.component = component;
-    }
-    set value(value) {
-        var _a;
-        (_a = this.directive) === null || _a === void 0 ? void 0 : _a.register(this.component, value);
-    }
-    ngOnDestroy() {
-        var _a;
-        (_a = this.directive) === null || _a === void 0 ? void 0 : _a.unregister(this.component);
-    }
-};
-TuiTreeNodeDirective.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [TUI_TREE_ACCESSOR,] }] },
-    { type: TuiTreeItemComponent, decorators: [{ type: Inject, args: [TuiTreeItemComponent,] }] }
-];
-__decorate([
-    Input('tuiTreeNode')
-], TuiTreeNodeDirective.prototype, "value", null);
-TuiTreeNodeDirective = __decorate([
-    Directive({
-        selector: 'tui-tree-item[tuiTreeNode]',
-    }),
-    __param(0, Optional()),
-    __param(0, Inject(TUI_TREE_ACCESSOR)),
-    __param(1, Inject(TuiTreeItemComponent))
-], TuiTreeNodeDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeItemControllerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTreeController]:not([map])`,
+                    exportAs: `tuiTreeController`,
+                    providers: [
+                        {
+                            provide: TUI_TREE_CONTROLLER,
+                            useExisting: TuiTreeItemControllerDirective,
+                        },
+                    ],
+                }]
+        }], propDecorators: { fallback: [{
+                type: Input,
+                args: [`tuiTreeController`]
+            }] } });
 
 // @dynamic
-let TuiTreeService = class TuiTreeService {
+class TuiTreeService {
     constructor(loading, start, loader) {
         this.loading = loading;
         this.start = start;
@@ -330,8 +377,7 @@ let TuiTreeService = class TuiTreeService {
         this.data$ = this.load$.pipe(switchMap(item => this.loader.loadChildren(item).pipe(tap(children => this.map.set(item, children)), map(children => children.filter(item => !this.loader.hasChildren(item))), tap(children => children.forEach(child => this.map.set(child, []))))), startWith(null), mapTo(this.start));
     }
     getChildren(item) {
-        var _a;
-        return (_a = this.map.get(item)) !== null && _a !== void 0 ? _a : [this.loading];
+        return this.map.get(item) || [this.loading];
     }
     loadChildren(item) {
         if (this.map.get(item)) {
@@ -340,49 +386,76 @@ let TuiTreeService = class TuiTreeService {
         this.map.set(item, [this.loading]);
         this.load$.next(item);
     }
-};
-TuiTreeService.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_TREE_LOADING,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_TREE_START,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_TREE_LOADER,] }] }
-];
-TuiTreeService = __decorate([
-    Injectable(),
-    __param(0, Inject(TUI_TREE_LOADING)),
-    __param(1, Inject(TUI_TREE_START)),
-    __param(2, Inject(TUI_TREE_LOADER))
-], TuiTreeService);
+}
+TuiTreeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeService, deps: [{ token: TUI_TREE_LOADING }, { token: TUI_TREE_START }, { token: TUI_TREE_LOADER }], target: i0.ɵɵFactoryTarget.Injectable });
+TuiTreeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_TREE_LOADING]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_TREE_START]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_TREE_LOADER]
+                }] }]; } });
 
-let TuiTreeModule = class TuiTreeModule {
-};
-TuiTreeModule = __decorate([
-    NgModule({
-        imports: [
+class TuiTreeModule {
+}
+TuiTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeModule, declarations: [TuiTreeComponent,
+        TuiTreeItemComponent,
+        TuiTreeItemContentComponent,
+        TuiTreeChildrenDirective,
+        TuiTreeItemControllerDirective,
+        TuiTreeControllerDirective,
+        TuiTreeNodeDirective], imports: [CommonModule,
+        PolymorpheusModule,
+        TuiExpandModule,
+        TuiLetModule,
+        TuiButtonModule], exports: [TuiTreeComponent,
+        TuiTreeItemComponent,
+        TuiTreeChildrenDirective,
+        TuiTreeItemControllerDirective,
+        TuiTreeControllerDirective] });
+TuiTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeModule, imports: [[
             CommonModule,
             PolymorpheusModule,
             TuiExpandModule,
             TuiLetModule,
             TuiButtonModule,
-        ],
-        entryComponents: [TuiTreeItemContentComponent],
-        declarations: [
-            TuiTreeComponent,
-            TuiTreeItemComponent,
-            TuiTreeItemContentComponent,
-            TuiTreeChildrenDirective,
-            TuiTreeItemControllerDirective,
-            TuiTreeControllerDirective,
-            TuiTreeNodeDirective,
-        ],
-        exports: [
-            TuiTreeComponent,
-            TuiTreeItemComponent,
-            TuiTreeChildrenDirective,
-            TuiTreeItemControllerDirective,
-            TuiTreeControllerDirective,
-        ],
-    })
-], TuiTreeModule);
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTreeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PolymorpheusModule,
+                        TuiExpandModule,
+                        TuiLetModule,
+                        TuiButtonModule,
+                    ],
+                    entryComponents: [TuiTreeItemContentComponent],
+                    declarations: [
+                        TuiTreeComponent,
+                        TuiTreeItemComponent,
+                        TuiTreeItemContentComponent,
+                        TuiTreeChildrenDirective,
+                        TuiTreeItemControllerDirective,
+                        TuiTreeControllerDirective,
+                        TuiTreeNodeDirective,
+                    ],
+                    exports: [
+                        TuiTreeComponent,
+                        TuiTreeItemComponent,
+                        TuiTreeChildrenDirective,
+                        TuiTreeItemControllerDirective,
+                        TuiTreeControllerDirective,
+                    ],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.