npm - @taiga-ui/kit - Versions diffs - 2.25.0 → 2.26.0 - Mend

@taiga-ui/kit 2.25.0 → 2.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (74) hide show

package/fesm2015/taiga-ui-kit-directives-highlight.js CHANGED Viewed

@@ -11,6 +11,7 @@ let TuiHighlightDirective = class TuiHighlightDirective {
         this.elementRef = elementRef;
         this.renderer = renderer;
         this.tuiHighlight = '';
+        this.tuiHighlightColor = 'var(--tui-selection)';
         this.highlight = this.setUpHighlight();
         this.treeWalker = this.documentRef.createTreeWalker(this.elementRef.nativeElement, NodeFilter.SHOW_TEXT, svgNodeFilter, false);
         resize$.subscribe(() => {
@@ -40,6 +41,7 @@ let TuiHighlightDirective = class TuiHighlightDirective {
             const hostRect = this.elementRef.nativeElement.getBoundingClientRect();
             const { left, top, width, height } = range.getBoundingClientRect();
             const { style } = this.highlight;
+            style.background = this.tuiHighlightColor;
             style.left = px(left - hostRect.left);
             style.top = px(top - hostRect.top);
             style.width = px(width);
@@ -56,7 +58,7 @@ let TuiHighlightDirective = class TuiHighlightDirective {
     setUpHighlight() {
         const highlight = this.renderer.createElement('div');
         const { style } = highlight;
-        style.background = 'var(--tui-selection)';
+        style.background = this.tuiHighlightColor;
         style.zIndex = '-1';
         style.position = 'absolute';
         this.renderer.appendChild(this.elementRef.nativeElement, highlight);
@@ -73,6 +75,9 @@ __decorate([
     Input(),
     tuiDefaultProp()
 ], TuiHighlightDirective.prototype, "tuiHighlight", void 0);
+__decorate([
+    Input()
+], TuiHighlightDirective.prototype, "tuiHighlightColor", void 0);
 TuiHighlightDirective = __decorate([
     Directive({
         selector: '[tuiHighlight]',

package/fesm2015/taiga-ui-kit-directives-highlight.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-kit-directives-highlight.js","sources":["ng://@taiga-ui/kit/directives/highlight/highlight.directive.ts","ng://@taiga-ui/kit/directives/highlight/highlight.module.ts","ng://@taiga-ui/kit/directives/highlight/taiga-ui-kit-directives-highlight.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {Directive, ElementRef, Inject, Input, OnChanges, Renderer2} from '@angular/core';\nimport {\n px,\n svgNodeFilter,\n tuiDefaultProp,\n TuiDestroyService,\n TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\n// @dynamic\n@Directive({\n selector: '[tuiHighlight]',\n host: {\n '[style.position]': '\"relative\"',\n '[style.zIndex]': '0',\n },\n providers: [TuiDestroyService, TuiResizeService],\n})\nexport class TuiHighlightDirective implements OnChanges {\n @Input()\n @tuiDefaultProp()\n tuiHighlight = '';\n\n private readonly highlight: HTMLElement = this.setUpHighlight();\n\n private readonly treeWalker = this.documentRef.createTreeWalker(\n this.elementRef.nativeElement,\n NodeFilter.SHOW_TEXT,\n svgNodeFilter,\n false,\n );\n\n constructor(\n @Inject(DOCUMENT) private readonly documentRef: Document,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n @Inject(Renderer2) private readonly renderer: Renderer2,\n @Inject(TuiResizeService) resize$: Observable<unknown>,\n ) {\n resize$.subscribe(() => {\n this.updateStyles();\n });\n }\n\n get match(): boolean {\n return this.indexOf(this.elementRef.nativeElement.textContent) !== -1;\n }\n\n ngOnChanges() {\n this.updateStyles();\n }\n\n private updateStyles() {\n this.highlight.style.display = 'none';\n\n if (!this.match) {\n return;\n }\n\n this.treeWalker.currentNode = this.elementRef.nativeElement;\n\n do {\n const index = this.indexOf(this.treeWalker.currentNode.nodeValue);\n\n if (index === -1) {\n continue;\n }\n\n const range = this.documentRef.createRange();\n\n range.setStart(this.treeWalker.currentNode, index);\n range.setEnd(this.treeWalker.currentNode, index + this.tuiHighlight.length);\n\n const hostRect = this.elementRef.nativeElement.getBoundingClientRect();\n const {left, top, width, height} = range.getBoundingClientRect();\n const {style} = this.highlight;\n\n style.left = px(left - hostRect.left);\n style.top = px(top - hostRect.top);\n style.width = px(width);\n style.height = px(height);\n style.display = 'block';\n\n return;\n } while (this.treeWalker.nextNode());\n }\n\n private indexOf(source: string \| null): number {\n return !source \|\| !this.tuiHighlight\n ? -1\n : source.toLowerCase().indexOf(this.tuiHighlight.toLowerCase());\n }\n\n private setUpHighlight(): HTMLElement {\n const highlight = this.renderer.createElement('div');\n const {style} = highlight;\n\n style.background = ~~'var(--tui-selection)'~~;\n style.zIndex = '-1';\n style.position = 'absolute';\n this.renderer.appendChild(this.elementRef.nativeElement, highlight);\n\n return highlight;\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiHighlightDirective} from './highlight.directive';\n\n@NgModule({\n declarations: [TuiHighlightDirective],\n exports: [TuiHighlightDirective],\n})\nexport class TuiHighlightModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;AAWA;IASa,qBAAqB,GAAlC,MAAa,qBAAqB;~~IAc9B~~,YACuC,WAAqB,EACnB,UAAmC,EACpC,QAAmB,EAC7B,OAA4B;QAHnB,gBAAW,GAAX,WAAW,CAAU;QACnB,eAAU,GAAV,UAAU,CAAyB;QACpC,aAAQ,GAAR,QAAQ,CAAW;~~QAd3D~~,iBAAY,GAAG,EAAE,CAAC;~~QAED~~,cAAS,GAAgB,IAAI,CAAC,cAAc,EAAE,CAAC;QAE/C,eAAU,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAC3D,IAAI,CAAC,UAAU,CAAC,aAAa,EAC7B,UAAU,CAAC,SAAS,EACpB,aAAa,EACb,KAAK,CACR,CAAC;QAQE,OAAO,CAAC,SAAS,CAAC;YACd,IAAI,CAAC,YAAY,EAAE,CAAC;SACvB,CAAC,CAAC;KACN;IAED,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;KACzE;IAED,WAAW;QACP,IAAI,CAAC,YAAY,EAAE,CAAC;KACvB;IAEO,YAAY;QAChB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAEtC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACb,OAAO;SACV;QAED,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QAE5D,GAAG;YACC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YAElE,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;gBACd,SAAS;aACZ;YAED,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;YAE7C,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YACnD,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAE5E,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;YACvE,MAAM,EAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;YACjE,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC,SAAS,CAAC;YAE/B,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;YACtC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;YACnC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;YACxB,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;YAC1B,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;YAExB,OAAO;SACV,QAAQ,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE;KACxC;IAEO,OAAO,CAAC,MAAqB;QACjC,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY;cAC9B,CAAC,CAAC;cACF,MAAM,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC;KACvE;IAEO,cAAc;QAClB,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrD,MAAM,EAAC,KAAK,EAAC,GAAG,SAAS,CAAC;QAE1B,KAAK,CAAC,UAAU,GAAG,~~sBAAsB~~,CAAC;QAC1C,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;QACpB,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC5B,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;QAEpE,OAAO,SAAS,CAAC;KACpB;EACJ;;~~YAtEuD~~,QAAQ,uBAAvD,MAAM,SAAC,QAAQ;YACiC,UAAU,uBAA1D,MAAM,SAAC,UAAU;YAC4B,SAAS,uBAAtD,MAAM,SAAC,SAAS;YACkB,UAAU,uBAA5C,MAAM,SAAC,gBAAgB;;~~AAf5B~~;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;2DACC;~~AAHT~~,qBAAqB;IARjC,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,IAAI,EAAE;YACF,kBAAkB,EAAE,YAAY;YAChC,gBAAgB,EAAE,GAAG;SACxB;QACD,SAAS,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC;KACnD,CAAC;~~IAgBO~~,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;IAChB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IACjB,WAAA,MAAM,CAAC,gBAAgB,CAAC,CAAA;~~GAlBpB~~,qBAAqB,~~CAqFjC~~;;~~ICjGY~~,kBAAkB,GAA/B,MAAa,kBAAkB;EAAG;AAArB,kBAAkB;IAJ9B,QAAQ,CAAC;QACN,YAAY,EAAE,CAAC,qBAAqB,CAAC;QACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;KACnC,CAAC;GACW,kBAAkB,CAAG;;ACRlC;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-kit-directives-highlight.js","sources":["ng://@taiga-ui/kit/directives/highlight/highlight.directive.ts","ng://@taiga-ui/kit/directives/highlight/highlight.module.ts","ng://@taiga-ui/kit/directives/highlight/taiga-ui-kit-directives-highlight.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {Directive, ElementRef, Inject, Input, OnChanges, Renderer2} from '@angular/core';\nimport {\n px,\n svgNodeFilter,\n tuiDefaultProp,\n TuiDestroyService,\n TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\n// @dynamic\n@Directive({\n selector: '[tuiHighlight]',\n host: {\n '[style.position]': '\"relative\"',\n '[style.zIndex]': '0',\n },\n providers: [TuiDestroyService, TuiResizeService],\n})\nexport class TuiHighlightDirective implements OnChanges {\n @Input()\n @tuiDefaultProp()\n tuiHighlight = '';\n\n @Input()\n tuiHighlightColor = 'var(--tui-selection)';\n\n private readonly highlight: HTMLElement = this.setUpHighlight();\n\n private readonly treeWalker = this.documentRef.createTreeWalker(\n this.elementRef.nativeElement,\n NodeFilter.SHOW_TEXT,\n svgNodeFilter,\n false,\n );\n\n constructor(\n @Inject(DOCUMENT) private readonly documentRef: Document,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n @Inject(Renderer2) private readonly renderer: Renderer2,\n @Inject(TuiResizeService) resize$: Observable<unknown>,\n ) {\n resize$.subscribe(() => {\n this.updateStyles();\n });\n }\n\n get match(): boolean {\n return this.indexOf(this.elementRef.nativeElement.textContent) !== -1;\n }\n\n ngOnChanges() {\n this.updateStyles();\n }\n\n private updateStyles() {\n this.highlight.style.display = 'none';\n\n if (!this.match) {\n return;\n }\n\n this.treeWalker.currentNode = this.elementRef.nativeElement;\n\n do {\n const index = this.indexOf(this.treeWalker.currentNode.nodeValue);\n\n if (index === -1) {\n continue;\n }\n\n const range = this.documentRef.createRange();\n\n range.setStart(this.treeWalker.currentNode, index);\n range.setEnd(this.treeWalker.currentNode, index + this.tuiHighlight.length);\n\n const hostRect = this.elementRef.nativeElement.getBoundingClientRect();\n const {left, top, width, height} = range.getBoundingClientRect();\n const {style} = this.highlight;\n\n style.background = this.tuiHighlightColor;\n style.left = px(left - hostRect.left);\n style.top = px(top - hostRect.top);\n style.width = px(width);\n style.height = px(height);\n style.display = 'block';\n\n return;\n } while (this.treeWalker.nextNode());\n }\n\n private indexOf(source: string \| null): number {\n return !source \|\| !this.tuiHighlight\n ? -1\n : source.toLowerCase().indexOf(this.tuiHighlight.toLowerCase());\n }\n\n private setUpHighlight(): HTMLElement {\n const highlight = this.renderer.createElement('div');\n const {style} = highlight;\n\n style.background = this.tuiHighlightColor;\n style.zIndex = '-1';\n style.position = 'absolute';\n this.renderer.appendChild(this.elementRef.nativeElement, highlight);\n\n return highlight;\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiHighlightDirective} from './highlight.directive';\n\n@NgModule({\n declarations: [TuiHighlightDirective],\n exports: [TuiHighlightDirective],\n})\nexport class TuiHighlightModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-carousel.js ADDED Viewed

@@ -0,0 +1,361 @@
+import { __extends, __read, __decorate, __param } from 'tslib';
+import { Inject, ElementRef, Input, Directive, HostBinding, HostListener, EventEmitter, Optional, Output, ContentChildren, TemplateRef, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { INTERSECTION_ROOT, IntersectionObserverModule } from '@ng-web-apis/intersection-observer';
+import { typedFromEvent, TuiDestroyService, clamp, TUI_IS_MOBILE, TuiPanService, tuiDefaultProp, EMPTY_QUERY, TuiItemDirective, tuiPure, TuiItemModule } from '@taiga-ui/cdk';
+import { BehaviorSubject, merge, combineLatest, interval, of, Observable, EMPTY, Subject } from 'rxjs';
+import { mapTo, takeUntil, shareReplay, filter, switchMap, withLatestFrom, scan, startWith, distinctUntilChanged, delay, map, endWith, repeat } from 'rxjs/operators';
+import { PAGE_VISIBILITY } from '@ng-web-apis/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { TuiPresentModule } from '@taiga-ui/kit/directives';
+import { TUI_BUTTON_OPTIONS } from '@taiga-ui/core';
+import { shouldCall } from '@tinkoff/ng-event-plugins';
+var TuiCarouselDirective = /** @class */ (function (_super) {
+    __extends(TuiCarouselDirective, _super);
+    function TuiCarouselDirective(destroy$, elementRef, visible$) {
+        var _this = _super.call(this, function (subscriber) { return _this.output$.subscribe(subscriber); }) || this;
+        _this.destroy$ = destroy$;
+        _this.elementRef = elementRef;
+        _this.visible$ = visible$;
+        _this.index$ = new BehaviorSubject(NaN);
+        _this.duration$ = new BehaviorSubject(0);
+        _this.running$ = merge(typedFromEvent(_this.elementRef.nativeElement, 'mouseenter').pipe(mapTo(false)), typedFromEvent(_this.elementRef.nativeElement, 'mouseleave').pipe(mapTo(true)), _this.visible$).pipe(takeUntil(_this.destroy$), shareReplay(1));
+        _this.output$ = combineLatest([
+            _this.index$.pipe(filter(function (v) { return !isNaN(v); })),
+            _this.duration$,
+        ]).pipe(switchMap(function (_a) {
+            var _b = __read(_a, 2), index = _b[0], duration = _b[1];
+            return duration
+                ? interval(duration).pipe(withLatestFrom(_this.running$), filter(function (_a) {
+                    var _b = __read(_a, 2), _ = _b[0], running = _b[1];
+                    return running;
+                }), scan(function (acc) { return ++acc; }, index), startWith(index))
+                : of(index);
+        }), distinctUntilChanged());
+        // So that initial position is scrolled to instantly
+        _this.inited = false;
+        return _this;
+    }
+    Object.defineProperty(TuiCarouselDirective.prototype, "index", {
+        set: function (index) {
+            this.index$.next(index);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiCarouselDirective.prototype, "duration", {
+        set: function (duration) {
+            this.duration$.next(duration);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiCarouselDirective.prototype.ngOnInit = function () {
+        if (isNaN(this.index$.value)) {
+            this.index$.next(0);
+        }
+    };
+    TuiCarouselDirective.prototype.prev = function () {
+        this.index$.next(this.index$.value - 1);
+    };
+    TuiCarouselDirective.prototype.next = function () {
+        this.index$.next(this.index$.value + 1);
+    };
+    TuiCarouselDirective.ctorParameters = function () { return [
+        { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [PAGE_VISIBILITY,] }] }
+    ]; };
+    __decorate([
+        Input()
+    ], TuiCarouselDirective.prototype, "index", null);
+    __decorate([
+        Input()
+    ], TuiCarouselDirective.prototype, "duration", null);
+    TuiCarouselDirective = __decorate([
+        Directive({
+            selector: 'tui-carousel',
+            exportAs: 'tui-carousel',
+            providers: [TuiDestroyService],
+        }),
+        __param(0, Inject(TuiDestroyService)),
+        __param(1, Inject(ElementRef)),
+        __param(2, Inject(PAGE_VISIBILITY))
+    ], TuiCarouselDirective);
+    return TuiCarouselDirective;
+}(Observable));
+// @dynamic
+var TuiCarouselDraggableDirective = /** @class */ (function (_super) {
+    __extends(TuiCarouselDraggableDirective, _super);
+    function TuiCarouselDraggableDirective(documentRef, isMobile, elementRef, pan$) {
+        var _this = _super.call(this, function (subscriber) { return _this.transform$.subscribe(subscriber); }) || this;
+        _this.documentRef = documentRef;
+        _this.isMobile = isMobile;
+        _this.elementRef = elementRef;
+        _this.pan$ = pan$;
+        _this.transform$ = _this.isMobile
+            ? EMPTY
+            : _this.pan$.pipe(filter(function () { return _this.draggable; }), scan(function (acc, _a) {
+                var _b = __read(_a, 1), cur = _b[0];
+                return acc + cur;
+            }, 0), takeUntil(typedFromEvent(_this.documentRef, 'mouseup').pipe(delay(0))), map(function (x) { return "translateX(" + clamp(x, _this.min, _this.max) + "px)"; }), endWith(null), repeat());
+        _this.min = -Infinity;
+        _this.max = Infinity;
+        _this.draggable = true;
+        _this.transitioned = false;
+        return _this;
+    }
+    TuiCarouselDraggableDirective.prototype.onMouseDown = function () {
+        var _a = this.elementRef.nativeElement, scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
+        this.max = scrollLeft;
+        this.min = clientWidth - Math.round(scrollWidth) + Math.round(scrollLeft);
+        this.transitioned = true;
+    };
+    TuiCarouselDraggableDirective.prototype.onTransitionEnd = function (target) {
+        if (this.elementRef.nativeElement.firstElementChild === target) {
+            this.transitioned = false;
+        }
+    };
+    TuiCarouselDraggableDirective.ctorParameters = function () { return [
+        { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
+        { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_MOBILE,] }] },
+        { type: ElementRef, decorators: [{ type: Inject, args: [INTERSECTION_ROOT,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [TuiPanService,] }] }
+    ]; };
+    __decorate([
+        Input(),
+        HostBinding('class._draggable'),
+        tuiDefaultProp()
+    ], TuiCarouselDraggableDirective.prototype, "draggable", void 0);
+    __decorate([
+        HostBinding('class._transitioned')
+    ], TuiCarouselDraggableDirective.prototype, "transitioned", void 0);
+    __decorate([
+        HostListener('mousedown.silent')
+    ], TuiCarouselDraggableDirective.prototype, "onMouseDown", null);
+    __decorate([
+        HostListener('transitionend', ['$event.target'])
+    ], TuiCarouselDraggableDirective.prototype, "onTransitionEnd", null);
+    TuiCarouselDraggableDirective = __decorate([
+        Directive({
+            selector: 'tui-carousel[draggable]',
+            providers: [TuiPanService],
+        }),
+        __param(0, Inject(DOCUMENT)),
+        __param(1, Inject(TUI_IS_MOBILE)),
+        __param(2, Inject(INTERSECTION_ROOT)),
+        __param(3, Inject(TuiPanService))
+    ], TuiCarouselDraggableDirective);
+    return TuiCarouselDraggableDirective;
+}(Observable));
+var TuiCarouselComponent = /** @class */ (function () {
+    function TuiCarouselComponent(transform$, index$) {
+        var _this = this;
+        this.transform$ = transform$;
+        this.index$ = index$;
+        this.intersected$ = new Subject();
+        this.itemsCount = 1;
+        this.index = 0;
+        this.indexChange = new EventEmitter();
+        this.manual$ = this.index$.pipe(map(function (index) { return _this.loopback(index); }));
+        this.attached = false;
+        this.items = EMPTY_QUERY;
+    }
+    TuiCarouselComponent.prototype.getStyle = function (itemsCount) {
+        var percent = 100 / itemsCount + "%";
+        return {
+            flexBasis: percent,
+            minWidth: percent,
+            maxWidth: percent,
+        };
+    };
+    TuiCarouselComponent.prototype.onIntersection = function (_a, index) {
+        var intersectionRatio = _a.intersectionRatio, intersectionRect = _a.intersectionRect, rootBounds = _a.rootBounds;
+        if (!this.attached ||
+            !intersectionRatio ||
+            intersectionRatio === 1 ||
+            // Phantom intersections due to width wobble on drag
+            intersectionRect.left > Number(rootBounds === null || rootBounds === void 0 ? void 0 : rootBounds.left)) {
+            return;
+        }
+        this.indexChange.emit(index - Math.floor(this.itemsCount / 2));
+    };
+    TuiCarouselComponent.prototype.onPresent = function (attached) {
+        this.attached = attached;
+    };
+    TuiCarouselComponent.prototype.loopback = function (index) {
+        var safe = this.items.length || index + 1;
+        var remainder = index % safe;
+        return remainder < 0 ? remainder + this.items.length : remainder;
+    };
+    TuiCarouselComponent.ctorParameters = function () { return [
+        { type: Observable, decorators: [{ type: Optional }, { type: Inject, args: [TuiCarouselDraggableDirective,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [TuiCarouselDirective,] }] }
+    ]; };
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiCarouselComponent.prototype, "itemsCount", void 0);
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiCarouselComponent.prototype, "index", void 0);
+    __decorate([
+        Output()
+    ], TuiCarouselComponent.prototype, "indexChange", void 0);
+    __decorate([
+        ContentChildren(TuiItemDirective, { read: TemplateRef })
+    ], TuiCarouselComponent.prototype, "items", void 0);
+    __decorate([
+        tuiPure
+    ], TuiCarouselComponent.prototype, "getStyle", null);
+    TuiCarouselComponent = __decorate([
+        Component({
+            selector: 'tui-carousel',
+            template: "<ng-container *ngIf=\"items.changes | async\"></ng-container>\n<div\n    *ngIf=\"{\n        manual: manual$ | async,\n        intersected: indexChange | async\n    } as state\"\n    waIntersectionObserver\n    waIntersectionThreshold=\"0,1\"\n    waIntersectionRootMargin=\"100px 100000px 100px -51%\"\n    class=\"t-items\"\n    [class.t-items_visible]=\"attached\"\n    [style.transform]=\"transform$ | async\"\n    (tuiPresentChange)=\"onPresent($event)\"\n>\n    <div\n        *ngFor=\"let item of items; let i = index\"\n        tuiCarouselScroller\n        class=\"t-item\"\n        [scroll]=\"attached && i === state.manual && i !== state.intersected\"\n        [index]=\"i\"\n        [current]=\"state.intersected\"\n        [ngStyle]=\"getStyle(itemsCount)\"\n        (waIntersectionObservee)=\"onIntersection($event[0], i)\"\n    >\n        <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n    </div>\n</div>\n<div class=\"t-content\">\n    <ng-content></ng-content>\n</div>\n",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            providers: [
+                {
+                    provide: INTERSECTION_ROOT,
+                    useExisting: ElementRef,
+                },
+            ],
+            styles: [":host{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:block;overflow:auto;overscroll-behavior-x:none;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{background:0 0;width:0;height:0}:host._transitioned{-ms-scroll-snap-type:none;scroll-snap-type:none}:host._draggable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host._draggable:hover{cursor:-webkit-grab;cursor:grab}:host._draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.t-items{display:flex;align-items:center;visibility:hidden}.t-items_visible{visibility:visible}.t-items:not([style*=transform]){transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-item{padding:0 1.25rem;flex:1;min-width:100%;max-width:100%;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}.t-content{position:sticky;left:0;display:flex;justify-content:center}"]
+        }),
+        __param(0, Optional()),
+        __param(0, Inject(TuiCarouselDraggableDirective)),
+        __param(1, Inject(TuiCarouselDirective))
+    ], TuiCarouselComponent);
+    return TuiCarouselComponent;
+}());
+// TODO: remove in ivy compilation
+var CAROUSEL_BUTTON_OPTIONS = {
+    appearance: "secondary" /* Secondary */,
+    shape: 'rounded',
+    size: 'm',
+};
+var TuiCarouselButtonsDirective = /** @class */ (function () {
+    function TuiCarouselButtonsDirective() {
+    }
+    TuiCarouselButtonsDirective = __decorate([
+        Directive({
+            selector: '[tuiCarouselButtons]',
+            providers: [
+                {
+                    provide: TUI_BUTTON_OPTIONS,
+                    useValue: CAROUSEL_BUTTON_OPTIONS,
+                },
+            ],
+        })
+    ], TuiCarouselButtonsDirective);
+    return TuiCarouselButtonsDirective;
+}());
+function shouldScroll() {
+    var _a;
+    return !this.isMobile && !!((_a = this.draggable) === null || _a === void 0 ? void 0 : _a.draggable) && this.index === this.current;
+}
+// @dynamic
+var TuiCarouselScrollerDirective = /** @class */ (function () {
+    function TuiCarouselScrollerDirective(draggable, isMobile, directive, elementRef, root) {
+        this.draggable = draggable;
+        this.isMobile = isMobile;
+        this.directive = directive;
+        this.elementRef = elementRef;
+        this.root = root;
+        this.index = 0;
+        this.current = 0;
+    }
+    Object.defineProperty(TuiCarouselScrollerDirective.prototype, "scroll", {
+        set: function (scroll) {
+            if (scroll) {
+                this.scrollTo(this.directive.inited ? 'smooth' : 'auto');
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiCarouselScrollerDirective.prototype.onMouseUp = function (_e) {
+        var left = this.root.nativeElement.getBoundingClientRect().left;
+        var rect = this.elementRef.nativeElement.getBoundingClientRect();
+        var parentElement = this.elementRef.nativeElement.parentElement;
+        parentElement.style.transform = "translateX(" + (rect.left - left) + "px)";
+        this.scrollTo();
+    };
+    TuiCarouselScrollerDirective.prototype.scrollTo = function (behavior) {
+        if (behavior === void 0) { behavior = 'auto'; }
+        this.directive.inited = true;
+        this.root.nativeElement.scrollTo({
+            left: this.elementRef.nativeElement.offsetLeft,
+            behavior: behavior,
+        });
+    };
+    TuiCarouselScrollerDirective.ctorParameters = function () { return [
+        { type: TuiCarouselDraggableDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiCarouselDraggableDirective,] }] },
+        { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_MOBILE,] }] },
+        { type: TuiCarouselDirective, decorators: [{ type: Inject, args: [TuiCarouselDirective,] }] },
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+        { type: ElementRef, decorators: [{ type: Inject, args: [INTERSECTION_ROOT,] }] }
+    ]; };
+    __decorate([
+        Input()
+    ], TuiCarouselScrollerDirective.prototype, "scroll", null);
+    __decorate([
+        Input()
+    ], TuiCarouselScrollerDirective.prototype, "index", void 0);
+    __decorate([
+        Input()
+    ], TuiCarouselScrollerDirective.prototype, "current", void 0);
+    __decorate([
+        HostListener('document:mouseup.init', ['$event']),
+        HostListener('document:mouseup.silent', ['$event']),
+        shouldCall(shouldScroll)
+    ], TuiCarouselScrollerDirective.prototype, "onMouseUp", null);
+    TuiCarouselScrollerDirective = __decorate([
+        Directive({
+            selector: '[tuiCarouselScroller]',
+        }),
+        __param(0, Optional()),
+        __param(0, Inject(TuiCarouselDraggableDirective)),
+        __param(1, Inject(TUI_IS_MOBILE)),
+        __param(2, Inject(TuiCarouselDirective)),
+        __param(3, Inject(ElementRef)),
+        __param(4, Inject(INTERSECTION_ROOT))
+    ], TuiCarouselScrollerDirective);
+    return TuiCarouselScrollerDirective;
+}());
+var TuiCarouselModule = /** @class */ (function () {
+    function TuiCarouselModule() {
+    }
+    TuiCarouselModule = __decorate([
+        NgModule({
+            imports: [CommonModule, IntersectionObserverModule, TuiItemModule, TuiPresentModule],
+            declarations: [
+                TuiCarouselComponent,
+                TuiCarouselDirective,
+                TuiCarouselScrollerDirective,
+                TuiCarouselDraggableDirective,
+                TuiCarouselButtonsDirective,
+            ],
+            exports: [
+                TuiCarouselComponent,
+                TuiCarouselDirective,
+                TuiCarouselButtonsDirective,
+                TuiCarouselDraggableDirective,
+                TuiItemDirective,
+            ],
+        })
+    ], TuiCarouselModule);
+    return TuiCarouselModule;
+}());
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { CAROUSEL_BUTTON_OPTIONS, TuiCarouselButtonsDirective, TuiCarouselComponent, TuiCarouselDirective, TuiCarouselDraggableDirective, TuiCarouselModule, TuiCarouselScrollerDirective, shouldScroll };
+//# sourceMappingURL=taiga-ui-kit-components-carousel.js.map

package/fesm5/taiga-ui-kit-components-carousel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"taiga-ui-kit-components-carousel.js","sources":["ng://@taiga-ui/kit/components/carousel/carousel.directive.ts","ng://@taiga-ui/kit/components/carousel/carousel-draggable.directive.ts","ng://@taiga-ui/kit/components/carousel/carousel.component.ts","ng://@taiga-ui/kit/components/carousel/carousel-buttons.directive.ts","ng://@taiga-ui/kit/components/carousel/carousel-scroller.directive.ts","ng://@taiga-ui/kit/components/carousel/carousel.module.ts","ng://@taiga-ui/kit/components/carousel/taiga-ui-kit-components-carousel.ts"],"sourcesContent":["import {Directive, ElementRef, Inject, Input, OnInit} from '@angular/core';\nimport {PAGE_VISIBILITY} from '@ng-web-apis/common';\nimport {TuiDestroyService, typedFromEvent} from '@taiga-ui/cdk';\nimport {BehaviorSubject, combineLatest, interval, merge, Observable, of} from 'rxjs';\nimport {\n distinctUntilChanged,\n filter,\n mapTo,\n scan,\n shareReplay,\n startWith,\n switchMap,\n takeUntil,\n withLatestFrom,\n} from 'rxjs/operators';\n\n@Directive({\n selector: 'tui-carousel',\n exportAs: 'tui-carousel',\n providers: [TuiDestroyService],\n})\nexport class TuiCarouselDirective extends Observable<number> implements OnInit {\n private readonly index$ = new BehaviorSubject<number>(NaN);\n\n private readonly duration$ = new BehaviorSubject(0);\n\n private readonly running$ = merge(\n typedFromEvent(this.elementRef.nativeElement, 'mouseenter').pipe(mapTo(false)),\n typedFromEvent(this.elementRef.nativeElement, 'mouseleave').pipe(mapTo(true)),\n this.visible$,\n ).pipe(takeUntil(this.destroy$), shareReplay(1));\n\n private readonly output$ = combineLatest([\n this.index$.pipe(filter(v => !isNaN(v))),\n this.duration$,\n ]).pipe(\n switchMap(([index, duration]) =>\n duration\n ? interval(duration).pipe(\n withLatestFrom(this.running$),\n filter(([_, running]) => running),\n scan(acc => ++acc, index),\n startWith(index),\n )\n : of(index),\n ),\n distinctUntilChanged(),\n );\n\n @Input()\n set index(index: number) {\n this.index$.next(index);\n }\n\n @Input()\n set duration(duration: number) {\n this.duration$.next(duration);\n }\n\n // So that initial position is scrolled to instantly\n inited = false;\n\n constructor(\n @Inject(TuiDestroyService) private readonly destroy$: Observable<unknown>,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n @Inject(PAGE_VISIBILITY) private readonly visible$: Observable<boolean>,\n ) {\n super(subscriber => this.output$.subscribe(subscriber));\n }\n\n ngOnInit() {\n if (isNaN(this.index$.value)) {\n this.index$.next(0);\n }\n }\n\n prev() {\n this.index$.next(this.index$.value - 1);\n }\n\n next() {\n this.index$.next(this.index$.value + 1);\n }\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n Directive,\n ElementRef,\n HostBinding,\n HostListener,\n Inject,\n Input,\n} from '@angular/core';\nimport {INTERSECTION_ROOT} from '@ng-web-apis/intersection-observer';\nimport {\n clamp,\n TUI_IS_MOBILE,\n tuiDefaultProp,\n TuiPanService,\n typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {EMPTY, Observable} from 'rxjs';\nimport {delay, endWith, filter, map, repeat, scan, takeUntil} from 'rxjs/operators';\n\n// @dynamic\n@Directive({\n selector: 'tui-carousel[draggable]',\n providers: [TuiPanService],\n})\nexport class TuiCarouselDraggableDirective extends Observable<string | null> {\n private readonly transform$ = this.isMobile\n ? EMPTY\n : this.pan$.pipe(\n filter(() => this.draggable),\n scan((acc, [cur]) => acc + cur, 0),\n takeUntil(typedFromEvent(this.documentRef, 'mouseup').pipe(delay(0))),\n map(x => `translateX(${clamp(x, this.min, this.max)}px)`),\n endWith(null),\n repeat(),\n );\n\n private min = -Infinity;\n private max = Infinity;\n\n @Input()\n @HostBinding('class._draggable')\n @tuiDefaultProp()\n draggable = true;\n\n @HostBinding('class._transitioned')\n transitioned = false;\n\n constructor(\n @Inject(DOCUMENT) private readonly documentRef: Document,\n @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n @Inject(INTERSECTION_ROOT) private readonly elementRef: ElementRef<HTMLElement>,\n @Inject(TuiPanService)\n private readonly pan$: Observable<readonly [number, number]>,\n ) {\n super(subscriber => this.transform$.subscribe(subscriber));\n }\n\n @HostListener('mousedown.silent')\n onMouseDown() {\n const {scrollLeft, scrollWidth, clientWidth} = this.elementRef.nativeElement;\n\n this.max = scrollLeft;\n this.min = clientWidth - Math.round(scrollWidth) + Math.round(scrollLeft);\n this.transitioned = true;\n }\n\n @HostListener('transitionend', ['$event.target'])\n onTransitionEnd(target: HTMLElement) {\n if (this.elementRef.nativeElement.firstElementChild === target) {\n this.transitioned = false;\n }\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n Optional,\n Output,\n QueryList,\n TemplateRef,\n} from '@angular/core';\nimport {INTERSECTION_ROOT} from '@ng-web-apis/intersection-observer';\nimport {EMPTY_QUERY, tuiDefaultProp, TuiItemDirective, tuiPure} from '@taiga-ui/cdk';\nimport {Observable, Subject} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {TuiCarouselDirective} from './carousel.directive';\nimport {TuiCarouselDraggableDirective} from './carousel-draggable.directive';\n\n@Component({\n selector: 'tui-carousel',\n templateUrl: 'carousel.template.html',\n styleUrls: ['carousel.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: INTERSECTION_ROOT,\n useExisting: ElementRef,\n },\n ],\n})\nexport class TuiCarouselComponent {\n readonly intersected$ = new Subject<number>();\n\n @Input()\n @tuiDefaultProp()\n itemsCount = 1;\n\n @Input()\n @tuiDefaultProp()\n index = 0;\n\n @Output()\n readonly indexChange = new EventEmitter<number>();\n\n readonly manual$ = this.index$.pipe(map(index => this.loopback(index)));\n\n attached = false;\n\n @ContentChildren(TuiItemDirective, {read: TemplateRef})\n readonly items: QueryList<TemplateRef<any>> = EMPTY_QUERY;\n\n constructor(\n @Optional()\n @Inject(TuiCarouselDraggableDirective)\n readonly transform$: Observable<string | null> | null,\n @Inject(TuiCarouselDirective) private readonly index$: Observable<number>,\n ) {}\n\n @tuiPure\n getStyle(itemsCount: number): Partial<CSSStyleDeclaration> {\n const percent = `${100 / itemsCount}%`;\n\n return {\n flexBasis: percent,\n minWidth: percent,\n maxWidth: percent,\n };\n }\n\n onIntersection(\n {intersectionRatio, intersectionRect, rootBounds}: IntersectionObserverEntry,\n index: number,\n ) {\n if (\n !this.attached ||\n !intersectionRatio ||\n intersectionRatio === 1 ||\n // Phantom intersections due to width wobble on drag\n intersectionRect.left > Number(rootBounds?.left)\n ) {\n return;\n }\n\n this.indexChange.emit(index - Math.floor(this.itemsCount / 2));\n }\n\n onPresent(attached: boolean) {\n this.attached = attached;\n }\n\n private loopback(index: number) {\n const safe = this.items.length || index + 1;\n const remainder = index % safe;\n\n return remainder < 0 ? remainder + this.items.length : remainder;\n }\n}\n","import {Directive} from '@angular/core';\nimport {ButtonOptions, TUI_BUTTON_OPTIONS, TuiAppearance} from '@taiga-ui/core';\n\n// TODO: remove in ivy compilation\nexport const CAROUSEL_BUTTON_OPTIONS: ButtonOptions = {\n appearance: TuiAppearance.Secondary,\n shape: 'rounded',\n size: 'm',\n};\n\n@Directive({\n selector: '[tuiCarouselButtons]',\n providers: [\n {\n provide: TUI_BUTTON_OPTIONS,\n useValue: CAROUSEL_BUTTON_OPTIONS,\n },\n ],\n})\nexport class TuiCarouselButtonsDirective {}\n","import {\n Directive,\n ElementRef,\n HostListener,\n Inject,\n Input,\n Optional,\n} from '@angular/core';\nimport {INTERSECTION_ROOT} from '@ng-web-apis/intersection-observer';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk';\nimport {shouldCall} from '@tinkoff/ng-event-plugins';\n\nimport {TuiCarouselDirective} from './carousel.directive';\nimport {TuiCarouselDraggableDirective} from './carousel-draggable.directive';\n\nexport function shouldScroll(this: TuiCarouselScrollerDirective): boolean {\n return !this.isMobile && !!this.draggable?.draggable && this.index === this.current;\n}\n\n// @dynamic\n@Directive({\n selector: '[tuiCarouselScroller]',\n})\nexport class TuiCarouselScrollerDirective {\n @Input()\n set scroll(scroll: boolean) {\n if (scroll) {\n this.scrollTo(this.directive.inited ? 'smooth' : 'auto');\n }\n }\n\n @Input()\n index = 0;\n\n @Input()\n current = 0;\n\n constructor(\n @Optional()\n @Inject(TuiCarouselDraggableDirective)\n readonly draggable: TuiCarouselDraggableDirective | null,\n @Inject(TUI_IS_MOBILE) readonly isMobile: boolean,\n @Inject(TuiCarouselDirective) private readonly directive: TuiCarouselDirective,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n @Inject(INTERSECTION_ROOT) private readonly root: ElementRef<HTMLElement>,\n ) {}\n\n @HostListener('document:mouseup.init', ['$event'])\n @HostListener('document:mouseup.silent', ['$event'])\n @shouldCall(shouldScroll)\n onMouseUp(_e: unknown) {\n const {left} = this.root.nativeElement.getBoundingClientRect();\n const rect = this.elementRef.nativeElement.getBoundingClientRect();\n const {parentElement} = this.elementRef.nativeElement;\n\n parentElement!.style.transform = `translateX(${rect.left - left}px)`;\n this.scrollTo();\n }\n\n private scrollTo(behavior: ScrollBehavior = 'auto') {\n this.directive.inited = true;\n this.root.nativeElement.scrollTo({\n left: this.elementRef.nativeElement.offsetLeft,\n behavior,\n });\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {IntersectionObserverModule} from '@ng-web-apis/intersection-observer';\nimport {TuiItemDirective, TuiItemModule} from '@taiga-ui/cdk';\nimport {TuiPresentModule} from '@taiga-ui/kit/directives';\n\nimport {TuiCarouselComponent} from './carousel.component';\nimport {TuiCarouselDirective} from './carousel.directive';\nimport {TuiCarouselButtonsDirective} from './carousel-buttons.directive';\nimport {TuiCarouselDraggableDirective} from './carousel-draggable.directive';\nimport {TuiCarouselScrollerDirective} from './carousel-scroller.directive';\n\n@NgModule({\n imports: [CommonModule, IntersectionObserverModule, TuiItemModule, TuiPresentModule],\n declarations: [\n TuiCarouselComponent,\n TuiCarouselDirective,\n TuiCarouselScrollerDirective,\n TuiCarouselDraggableDirective,\n TuiCarouselButtonsDirective,\n ],\n exports: [\n TuiCarouselComponent,\n TuiCarouselDirective,\n TuiCarouselButtonsDirective,\n TuiCarouselDraggableDirective,\n TuiItemDirective,\n ],\n})\nexport class TuiCarouselModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-tree.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { __decorate, __param } from 'tslib';
-import { Input, Directive, Inject, forwardRef, HostBinding, Component, ChangeDetectionStrategy, InjectionToken, Optional, SkipSelf, ElementRef, ContentChildren, EventEmitter, Output, Injectable, NgModule } from '@angular/core';
+import { Input, Directive, Inject, forwardRef, HostBinding, Component, ChangeDetectionStrategy, InjectionToken, SkipSelf, ElementRef, ContentChildren, Optional, ViewChild, EventEmitter, Output, Injectable, NgModule } from '@angular/core';
 import { EMPTY_ARRAY, tuiDefaultProp, ALWAYS_TRUE_HANDLER, EMPTY_FUNCTION, EMPTY_QUERY, isPresent } from '@taiga-ui/cdk';
 import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { Subject } from 'rxjs';
@@ -49,8 +49,7 @@ var TuiTreeItemContentComponent = /** @class */ (function () {
         configurable: true
     });
     TuiTreeItemContentComponent.prototype.onClick = function () {
-        var _a;
-        (_a = this.controller) === null || _a === void 0 ? void 0 : _a.toggle(this.context.$implicit);
+        this.controller.toggle(this.context.$implicit);
     };
     TuiTreeItemContentComponent.ctorParameters = function () { return [
         { type: undefined, decorators: [{ type: Inject, args: [POLYMORPHEUS_CONTEXT,] }] },
@@ -93,54 +92,6 @@ var TUI_TREE_LEVEL = new InjectionToken('Nesting level of current TreeView node'
     factory: function () { return -1; },
 });
-var TuiTreeComponent = /** @class */ (function () {
-    function TuiTreeComponent(directive) {
-        this.directive = directive;
-        this.content = function (_a) {
-            var $implicit = _a.$implicit;
-            return String($implicit);
-        };
-    }
-    TuiTreeComponent_1 = TuiTreeComponent;
-    Object.defineProperty(TuiTreeComponent.prototype, "children", {
-        get: function () {
-            var _a, _b;
-            return ((_b = (_a = this.directive) === null || _a === void 0 ? void 0 : _a.childrenHandler(this.value)) !== null && _b !== void 0 ? _b : TuiTreeChildrenDirective.defaultHandler(this.value));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var TuiTreeComponent_1;
-    TuiTreeComponent.ctorParameters = function () { return [
-        { type: TuiTreeChildrenDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiTreeChildrenDirective,] }] }
-    ]; };
-    __decorate([
-        Input()
-    ], TuiTreeComponent.prototype, "value", void 0);
-    __decorate([
-        Input()
-    ], TuiTreeComponent.prototype, "content", void 0);
-    TuiTreeComponent = TuiTreeComponent_1 = __decorate([
-        Component({
-            selector: 'tui-tree[value]',
-            template: "<tui-tree-item #view [tuiTreeNode]=\"value\">\n    <div\n        *ngIf=\"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",
-            providers: [
-                {
-                    provide: TUI_TREE_NODE,
-                    useExisting: TuiTreeComponent_1,
-                },
-            ],
-            host: {
-                role: 'tree',
-            },
-            styles: [":host{position:relative;display:block}"]
-        }),
-        __param(0, Optional()),
-        __param(0, Inject(TuiTreeChildrenDirective))
-    ], TuiTreeComponent);
-    return TuiTreeComponent;
-}());
 var TUI_TREE_ITEM_PROVIDERS = [
     {
         provide: TUI_TREE_LEVEL,
@@ -200,7 +151,7 @@ var TuiTreeItemComponent = /** @class */ (function () {
     TuiTreeItemComponent = __decorate([
         Component({
             selector: 'tui-tree-item',
-            template: "<ng-template #template><ng-content></ng-content></ng-template>\n<div\n    polymorpheus-outlet\n    class=\"t-content\"\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",
+            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: {
@@ -216,6 +167,66 @@ var TuiTreeItemComponent = /** @class */ (function () {
     return TuiTreeItemComponent;
 }());
+var TuiTreeComponent = /** @class */ (function () {
+    function TuiTreeComponent(directive) {
+        this.directive = directive;
+        this.content = function (_a) {
+            var $implicit = _a.$implicit;
+            return String($implicit);
+        };
+    }
+    TuiTreeComponent_1 = TuiTreeComponent;
+    Object.defineProperty(TuiTreeComponent.prototype, "children", {
+        get: function () {
+            var _a, _b;
+            return ((_b = (_a = this.directive) === null || _a === void 0 ? void 0 : _a.childrenHandler(this.value)) !== null && _b !== void 0 ? _b : TuiTreeChildrenDirective.defaultHandler(this.value));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiTreeComponent.prototype.ngDoCheck = function () {
+        var _a, _b;
+        (_a = this.item) === null || _a === void 0 ? void 0 : _a.ngDoCheck();
+        (_b = this.child) === null || _b === void 0 ? void 0 : _b.ngDoCheck();
+    };
+    var TuiTreeComponent_1;
+    TuiTreeComponent.ctorParameters = function () { return [
+        { type: TuiTreeChildrenDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiTreeChildrenDirective,] }] }
+    ]; };
+    __decorate([
+        Input()
+    ], TuiTreeComponent.prototype, "value", void 0);
+    __decorate([
+        Input()
+    ], TuiTreeComponent.prototype, "content", void 0);
+    __decorate([
+        ViewChild(TuiTreeItemComponent)
+    ], TuiTreeComponent.prototype, "item", void 0);
+    __decorate([
+        ViewChild(TuiTreeComponent_1)
+    ], TuiTreeComponent.prototype, "child", void 0);
+    TuiTreeComponent = TuiTreeComponent_1 = __decorate([
+        Component({
+            selector: 'tui-tree[value]',
+            template: "<tui-tree-item #view [tuiTreeNode]=\"value\">\n    <div\n        *ngIf=\"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',
+            },
+            styles: [":host{position:relative;display:block}"]
+        }),
+        __param(0, Optional()),
+        __param(0, Inject(TuiTreeChildrenDirective))
+    ], TuiTreeComponent);
+    return TuiTreeComponent;
+}());
 var TuiTreeControllerDirective = /** @class */ (function () {
     function TuiTreeControllerDirective() {
         this.fallback = true;