@taiga-ui/experimental 3.43.0 → 3.44.0-canary.b3de48e

package/esm2015/directives/fade/fade.component.js

@@ -0,0 +1,16 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TuiFadeComponent {
+}
+TuiFadeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiFadeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true, styles: ["[tuiFade]{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:not([data-orientation=\"vertical\"]){line-height:var(--line-height, inherit)!important;-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%))}[tuiFade]:not([data-orientation=\"vertical\"])._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade][data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}[tuiFade][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    styleUrls: ['./fade.style.less'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFkZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9mYWRlL2ZhZGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBUXBGLE1BQU0sT0FBTyxnQkFBZ0I7OzhHQUFoQixnQkFBZ0I7a0dBQWhCLGdCQUFnQixvREFMZixFQUFFOzRGQUtILGdCQUFnQjtrQkFONUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsRUFBRTtvQkFDWixTQUFTLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDaEMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN4QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZTogJycsXG4gICAgc3R5bGVVcmxzOiBbJy4vZmFkZS5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpRmFkZUNvbXBvbmVudCB7fVxuIl19

package/esm2015/directives/fade/fade.directive.js

@@ -0,0 +1,100 @@
+import { Directive, ElementRef, HostBinding, Inject, Input, NgZone, Self, } from '@angular/core';
+import { MUTATION_OBSERVER_INIT, MutationObserverService, } from '@ng-web-apis/mutation-observer';
+import { TuiDestroyService, TuiDirectiveStylesService, TuiResizeService, tuiZonefree, } from '@taiga-ui/cdk';
+import { fromEvent, merge } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { TuiFadeComponent } from './fade.component';
+import * as i0 from "@angular/core";
+import * as i1 from "rxjs";
+import * as i2 from "@taiga-ui/cdk";
+export class TuiFadeDirective {
+    constructor(destroy$, resize$, mutate$, element, zone, directiveStyles) {
+        this.lineHeight = null;
+        this.size = '1.5em';
+        this.offset = '0em';
+        this.orientation = 'horizontal';
+        const el = element.nativeElement;
+        directiveStyles.addComponent(TuiFadeComponent);
+        merge(resize$, mutate$, fromEvent(el, 'scroll'))
+            .pipe(tuiZonefree(zone), takeUntil(destroy$))
+            .subscribe(() => {
+            el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);
+            el.classList.toggle('_end', this.isEnd(el));
+        });
+    }
+    isEnd(el) {
+        return (el.scrollLeft < el.scrollWidth - el.clientWidth ||
+            el.scrollTop < el.scrollHeight - el.clientHeight ||
+            (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight));
+    }
+}
+TuiFadeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeDirective, deps: [{ token: TuiDestroyService, self: true }, { token: TuiResizeService }, { token: MutationObserverService }, { token: ElementRef }, { token: NgZone }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
+TuiFadeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeDirective, selector: "[tuiFade]", inputs: { lineHeight: ["tuiFadeHeight", "lineHeight"], size: ["tuiFadeSize", "size"], offset: ["tuiFadeOffset", "offset"], orientation: ["tuiFade", "orientation"] }, host: { properties: { "style.--line-height": "this.lineHeight", "style.--fade-size": "this.size", "style.--fade-offset": "this.offset", "attr.data-orientation": "this.orientation" } }, providers: [
+        TuiDestroyService,
+        TuiResizeService,
+        MutationObserverService,
+        {
+            provide: MUTATION_OBSERVER_INIT,
+            useValue: { characterData: true, subtree: true },
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiFade]',
+                    providers: [
+                        TuiDestroyService,
+                        TuiResizeService,
+                        MutationObserverService,
+                        {
+                            provide: MUTATION_OBSERVER_INIT,
+                            useValue: { characterData: true, subtree: true },
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Observable, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }, { type: i1.Observable, decorators: [{
+                    type: Inject,
+                    args: [TuiResizeService]
+                }] }, { type: i1.Observable, decorators: [{
+                    type: Inject,
+                    args: [MutationObserverService]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: i0.NgZone, decorators: [{
+                    type: Inject,
+                    args: [NgZone]
+                }] }, { type: i2.TuiDirectiveStylesService, decorators: [{
+                    type: Inject,
+                    args: [TuiDirectiveStylesService]
+                }] }]; }, propDecorators: { lineHeight: [{
+                type: Input,
+                args: ['tuiFadeHeight']
+            }, {
+                type: HostBinding,
+                args: ['style.--line-height']
+            }], size: [{
+                type: Input,
+                args: ['tuiFadeSize']
+            }, {
+                type: HostBinding,
+                args: ['style.--fade-size']
+            }], offset: [{
+                type: Input,
+                args: ['tuiFadeOffset']
+            }, {
+                type: HostBinding,
+                args: ['style.--fade-offset']
+            }], orientation: [{
+                type: Input,
+                args: ['tuiFade']
+            }, {
+                type: HostBinding,
+                args: ['attr.data-orientation']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9mYWRlL2ZhZGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFdBQVcsRUFDWCxNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNILHNCQUFzQixFQUN0Qix1QkFBdUIsR0FDMUIsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN4QyxPQUFPLEVBQ0gsaUJBQWlCLEVBQ2pCLHlCQUF5QixFQUN6QixnQkFBZ0IsRUFDaEIsV0FBVyxHQUNkLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFhLE1BQU0sTUFBTSxDQUFDO0FBQ2xELE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUV6QyxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQWNsRCxNQUFNLE9BQU8sZ0JBQWdCO0lBaUJ6QixZQUN1QyxRQUE2QixFQUN0QyxPQUE0QixFQUNyQixPQUE0QixFQUN6QyxPQUFnQyxFQUNwQyxJQUFZLEVBQ08sZUFBMEM7UUFwQmpGLGVBQVUsR0FBa0IsSUFBSSxDQUFDO1FBSWpDLFNBQUksR0FBRyxPQUFPLENBQUM7UUFJZixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBSWYsZ0JBQVcsR0FBd0IsWUFBWSxDQUFDO1FBVTVDLE1BQU0sRUFBRSxHQUFHLE9BQU8sQ0FBQyxhQUFhLENBQUM7UUFFakMsZUFBZSxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQy9DLEtBQUssQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsQ0FBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLENBQUM7YUFDM0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDNUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNaLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLFVBQVUsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ2pFLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDaEQsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRU8sS0FBSyxDQUFDLEVBQWU7UUFDekIsT0FBTyxDQUNILEVBQUUsQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUMsV0FBVztZQUMvQyxFQUFFLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQyxZQUFZLEdBQUcsRUFBRSxDQUFDLFlBQVk7WUFDaEQsQ0FBQyxJQUFJLENBQUMsV0FBVyxLQUFLLFlBQVksSUFBSSxFQUFFLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FDM0UsQ0FBQztJQUNOLENBQUM7OzhHQTFDUSxnQkFBZ0Isa0JBa0JMLGlCQUFpQix5QkFDekIsZ0JBQWdCLGFBQ2hCLHVCQUF1QixhQUN2QixVQUFVLGFBQ1YsTUFBTSxhQUNOLHlCQUF5QjtrR0F2QjVCLGdCQUFnQixtWUFWZDtRQUNQLGlCQUFpQjtRQUNqQixnQkFBZ0I7UUFDaEIsdUJBQXVCO1FBQ3ZCO1lBQ0ksT0FBTyxFQUFFLHNCQUFzQjtZQUMvQixRQUFRLEVBQUUsRUFBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUM7U0FDakQ7S0FDSjs0RkFFUSxnQkFBZ0I7a0JBWjVCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFNBQVMsRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLGdCQUFnQjt3QkFDaEIsdUJBQXVCO3dCQUN2Qjs0QkFDSSxPQUFPLEVBQUUsc0JBQXNCOzRCQUMvQixRQUFRLEVBQUUsRUFBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUM7eUJBQ2pEO3FCQUNKO2lCQUNKOzswQkFtQlEsSUFBSTs7MEJBQUksTUFBTTsyQkFBQyxpQkFBaUI7OzBCQUNoQyxNQUFNOzJCQUFDLGdCQUFnQjs7MEJBQ3ZCLE1BQU07MkJBQUMsdUJBQXVCOzswQkFDOUIsTUFBTTsyQkFBQyxVQUFVOzswQkFDakIsTUFBTTsyQkFBQyxNQUFNOzswQkFDYixNQUFNOzJCQUFDLHlCQUF5Qjs0Q0FwQnJDLFVBQVU7c0JBRlQsS0FBSzt1QkFBQyxlQUFlOztzQkFDckIsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBS2xDLElBQUk7c0JBRkgsS0FBSzt1QkFBQyxhQUFhOztzQkFDbkIsV0FBVzt1QkFBQyxtQkFBbUI7Z0JBS2hDLE1BQU07c0JBRkwsS0FBSzt1QkFBQyxlQUFlOztzQkFDckIsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBS2xDLFdBQVc7c0JBRlYsS0FBSzt1QkFBQyxTQUFTOztzQkFDZixXQUFXO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRGlyZWN0aXZlLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5qZWN0LFxuICAgIElucHV0LFxuICAgIE5nWm9uZSxcbiAgICBTZWxmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgTVVUQVRJT05fT0JTRVJWRVJfSU5JVCxcbiAgICBNdXRhdGlvbk9ic2VydmVyU2VydmljZSxcbn0gZnJvbSAnQG5nLXdlYi1hcGlzL211dGF0aW9uLW9ic2VydmVyJztcbmltcG9ydCB7XG4gICAgVHVpRGVzdHJveVNlcnZpY2UsXG4gICAgVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSxcbiAgICBUdWlSZXNpemVTZXJ2aWNlLFxuICAgIHR1aVpvbmVmcmVlLFxufSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7VHVpT3JpZW50YXRpb259IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcbmltcG9ydCB7ZnJvbUV2ZW50LCBtZXJnZSwgT2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5pbXBvcnQge3Rha2VVbnRpbH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQge1R1aUZhZGVDb21wb25lbnR9IGZyb20gJy4vZmFkZS5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t0dWlGYWRlXScsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIFR1aURlc3Ryb3lTZXJ2aWNlLFxuICAgICAgICBUdWlSZXNpemVTZXJ2aWNlLFxuICAgICAgICBNdXRhdGlvbk9ic2VydmVyU2VydmljZSxcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTVVUQVRJT05fT0JTRVJWRVJfSU5JVCxcbiAgICAgICAgICAgIHVzZVZhbHVlOiB7Y2hhcmFjdGVyRGF0YTogdHJ1ZSwgc3VidHJlZTogdHJ1ZX0sXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpRmFkZURpcmVjdGl2ZSB7XG4gICAgQElucHV0KCd0dWlGYWRlSGVpZ2h0JylcbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLi0tbGluZS1oZWlnaHQnKVxuICAgIGxpbmVIZWlnaHQ6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gICAgQElucHV0KCd0dWlGYWRlU2l6ZScpXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLWZhZGUtc2l6ZScpXG4gICAgc2l6ZSA9ICcxLjVlbSc7XG5cbiAgICBASW5wdXQoJ3R1aUZhZGVPZmZzZXQnKVxuICAgIEBIb3N0QmluZGluZygnc3R5bGUuLS1mYWRlLW9mZnNldCcpXG4gICAgb2Zmc2V0ID0gJzBlbSc7XG5cbiAgICBASW5wdXQoJ3R1aUZhZGUnKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLW9yaWVudGF0aW9uJylcbiAgICBvcmllbnRhdGlvbjogVHVpT3JpZW50YXRpb24gfCAnJyA9ICdob3Jpem9udGFsJztcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBAU2VsZigpIEBJbmplY3QoVHVpRGVzdHJveVNlcnZpY2UpIGRlc3Ryb3kkOiBPYnNlcnZhYmxlPHVua25vd24+LFxuICAgICAgICBASW5qZWN0KFR1aVJlc2l6ZVNlcnZpY2UpIHJlc2l6ZSQ6IE9ic2VydmFibGU8dW5rbm93bj4sXG4gICAgICAgIEBJbmplY3QoTXV0YXRpb25PYnNlcnZlclNlcnZpY2UpIG11dGF0ZSQ6IE9ic2VydmFibGU8dW5rbm93bj4sXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikgZWxlbWVudDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgICAgIEBJbmplY3QoTmdab25lKSB6b25lOiBOZ1pvbmUsXG4gICAgICAgIEBJbmplY3QoVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSkgZGlyZWN0aXZlU3R5bGVzOiBUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlLFxuICAgICkge1xuICAgICAgICBjb25zdCBlbCA9IGVsZW1lbnQubmF0aXZlRWxlbWVudDtcblxuICAgICAgICBkaXJlY3RpdmVTdHlsZXMuYWRkQ29tcG9uZW50KFR1aUZhZGVDb21wb25lbnQpO1xuICAgICAgICBtZXJnZShyZXNpemUkLCBtdXRhdGUkLCBmcm9tRXZlbnQoZWwsICdzY3JvbGwnKSlcbiAgICAgICAgICAgIC5waXBlKHR1aVpvbmVmcmVlKHpvbmUpLCB0YWtlVW50aWwoZGVzdHJveSQpKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgZWwuY2xhc3NMaXN0LnRvZ2dsZSgnX3N0YXJ0JywgISFlbC5zY3JvbGxMZWZ0IHx8ICEhZWwuc2Nyb2xsVG9wKTtcbiAgICAgICAgICAgICAgICBlbC5jbGFzc0xpc3QudG9nZ2xlKCdfZW5kJywgdGhpcy5pc0VuZChlbCkpO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpc0VuZChlbDogSFRNTEVsZW1lbnQpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIGVsLnNjcm9sbExlZnQgPCBlbC5zY3JvbGxXaWR0aCAtIGVsLmNsaWVudFdpZHRoIHx8XG4gICAgICAgICAgICBlbC5zY3JvbGxUb3AgPCBlbC5zY3JvbGxIZWlnaHQgLSBlbC5jbGllbnRIZWlnaHQgfHxcbiAgICAgICAgICAgICh0aGlzLm9yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgJiYgZWwuc2Nyb2xsSGVpZ2h0ID4gZWwuY2xpZW50SGVpZ2h0KVxuICAgICAgICApO1xuICAgIH1cbn1cbiJdfQ==

package/esm2015/directives/fade/fade.module.js

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { TuiFadeComponent } from './fade.component';
+import { TuiFadeDirective } from './fade.directive';
+import * as i0 from "@angular/core";
+export class TuiFadeModule {
+}
+TuiFadeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiFadeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule, declarations: [TuiFadeComponent, TuiFadeDirective], exports: [TuiFadeComponent, TuiFadeDirective] });
+TuiFadeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiFadeComponent, TuiFadeDirective],
+                    exports: [TuiFadeComponent, TuiFadeDirective],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFkZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9mYWRlL2ZhZGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBTWxELE1BQU0sT0FBTyxhQUFhOzsyR0FBYixhQUFhOzRHQUFiLGFBQWEsaUJBSFAsZ0JBQWdCLEVBQUUsZ0JBQWdCLGFBQ3ZDLGdCQUFnQixFQUFFLGdCQUFnQjs0R0FFbkMsYUFBYTs0RkFBYixhQUFhO2tCQUp6QixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGdCQUFnQixFQUFFLGdCQUFnQixDQUFDO29CQUNsRCxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQztpQkFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlGYWRlQ29tcG9uZW50fSBmcm9tICcuL2ZhZGUuY29tcG9uZW50JztcbmltcG9ydCB7VHVpRmFkZURpcmVjdGl2ZX0gZnJvbSAnLi9mYWRlLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbVHVpRmFkZUNvbXBvbmVudCwgVHVpRmFkZURpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW1R1aUZhZGVDb21wb25lbnQsIFR1aUZhZGVEaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlGYWRlTW9kdWxlIHt9XG4iXX0=

package/esm2015/directives/fade/index.js

@@ -0,0 +1,4 @@
+export * from './fade.component';
+export * from './fade.directive';
+export * from './fade.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9mYWRlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZmFkZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mYWRlLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2ZhZGUubW9kdWxlJztcbiJdfQ==

package/esm2015/{components/fade/taiga-ui-experimental-components-fade.js → directives/fade/taiga-ui-experimental-directives-fade.js}

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLWNvbXBvbmVudHMtZmFkZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2ZhZGUvdGFpZ2EtdWktZXhwZXJpbWVudGFsLWNvbXBvbmVudHMtZmFkZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLWRpcmVjdGl2ZXMtZmFkZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9kaXJlY3RpdmVzL2ZhZGUvdGFpZ2EtdWktZXhwZXJpbWVudGFsLWRpcmVjdGl2ZXMtZmFkZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2015/directives/index.js

@@ -0,0 +1,2 @@
+export * from '@taiga-ui/experimental/directives/fade';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHdDQUF3QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9kaXJlY3RpdmVzL2ZhZGUnO1xuIl19

package/esm2015/directives/taiga-ui-experimental-directives.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLWRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy90YWlnYS11aS1leHBlcmltZW50YWwtZGlyZWN0aXZlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2015/index.js

@@ -1,3 +1,4 @@
 export * from '@taiga-ui/experimental/components';
+export * from '@taiga-ui/experimental/directives';
 export * from '@taiga-ui/experimental/pipes';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvcGlwZXMnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9kaXJlY3RpdmVzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvcGlwZXMnO1xuIl19

package/fesm2015/taiga-ui-experimental-components-avatar.js

@@ -3,12 +3,12 @@ import { Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from
 import { tuiIsString } from '@taiga-ui/cdk';
 import * as i1 from '@taiga-ui/core';
 import { TuiSvgModule } from '@taiga-ui/core';
-import * as i2 from '@taiga-ui/experimental/components/fade';
-import { TuiFadeModule } from '@taiga-ui/experimental/components/fade';
-import * as i3 from '@angular/common';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4 from '@taiga-ui/kit';
+import * as i3 from '@taiga-ui/kit';
 import { TuiLazyLoadingModule } from '@taiga-ui/kit';
+import * as i4 from '@taiga-ui/experimental/directives';
+import { TuiFadeModule } from '@taiga-ui/experimental/directives';
 import { TuiFallbackSrcModule, TuiFallbackSrcPipe } from '@taiga-ui/experimental/pipes';
 
 class TuiAvatarComponent {
@@ -37,7 +37,7 @@ class TuiAvatarComponent {
     }
 }
 TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "this.size", "class._round": "this.round", "class._img": "this.img" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n    <tui-svg\n        *ngSwitchCase=\"'icon'\"\n        class=\"t-icon\"\n        [src]=\"value\"\n    ></tui-svg>\n    <span\n        *ngSwitchCase=\"'text'\"\n        class=\"t-text\"\n    >\n        {{ value }}\n    </span>\n    <img\n        *ngSwitchCase=\"'img'\"\n        alt=\"\"\n        loading=\"lazy\"\n        class=\"t-img\"\n        [src]=\"value\"\n    />\n    <tui-fade\n        *ngSwitchDefault\n        lineHeight=\"2.5rem\"\n        class=\"t-content\"\n    >\n        <ng-content></ng-content>\n    </tui-fade>\n</ng-container>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--tui-radius-l);background:var(--tui-secondary);color:var(--tui-text-02)}:host[data-size=s]{width:2.5rem;height:2.5rem;font:var(--tui-font-text-l);font-weight:500}:host[data-size=s] .t-content{font:var(--tui-font-text-m);font-weight:500}:host[data-size=m]{width:3.5rem;height:3.5rem;font:var(--tui-font-heading-5);font-weight:500}:host[data-size=m] .t-content{font:var(--tui-font-text-l);font-weight:500}:host[data-size=l]{width:5rem;height:5rem;font:var(--tui-font-heading-3);font-weight:500}:host[data-size=l] .t-content{font:var(--tui-font-heading-4);font-weight:500}:host._round{border-radius:100%}:host._img{background:transparent}.t-icon{width:60%;height:60%}.t-img{width:100%;height:100%}.t-content{margin:.25rem;white-space:nowrap}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i2.TuiFadeComponent, selector: "tui-fade", inputs: ["lineHeight", "size", "offset", "orientation"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "this.size", "class._round": "this.round", "class._img": "this.img" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n    <tui-svg\n        *ngSwitchCase=\"'icon'\"\n        class=\"t-icon\"\n        [src]=\"value\"\n    ></tui-svg>\n    <span\n        *ngSwitchCase=\"'text'\"\n        class=\"t-text\"\n    >\n        {{ value }}\n    </span>\n    <img\n        *ngSwitchCase=\"'img'\"\n        alt=\"\"\n        loading=\"lazy\"\n        class=\"t-img\"\n        [src]=\"value\"\n    />\n    <div\n        *ngSwitchDefault\n        tuiFade\n        class=\"t-content\"\n    >\n        <ng-content></ng-content>\n    </div>\n</ng-container>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--tui-radius-l);background:var(--tui-secondary);color:var(--tui-text-02)}:host[data-size=s]{width:2.5rem;height:2.5rem;font:var(--tui-font-text-l);font-weight:500}:host[data-size=s] .t-content{font:var(--tui-font-text-m);font-weight:500}:host[data-size=m]{width:3.5rem;height:3.5rem;font:var(--tui-font-heading-5);font-weight:500}:host[data-size=m] .t-content{font:var(--tui-font-text-l);font-weight:500}:host[data-size=l]{width:5rem;height:5rem;font:var(--tui-font-heading-3);font-weight:500}:host[data-size=l] .t-content{font:var(--tui-font-heading-4);font-weight:500}:host._round{border-radius:100%}:host._img{background:transparent}.t-icon{width:60%;height:60%}.t-img{width:100%;height:100%}.t-content{margin:.25rem;white-space:nowrap}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i4.TuiFadeDirective, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, decorators: [{
             type: Component,
             args: [{

package/fesm2015/taiga-ui-experimental-components-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-avatar.js","sources":["../../../projects/experimental/components/avatar/avatar.component.ts","../../../projects/experimental/components/avatar/avatar.template.html","../../../projects/experimental/components/avatar/avatar.module.ts","../../../projects/experimental/components/avatar/taiga-ui-experimental-components-avatar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\nimport {tuiIsString} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-avatar',\n    templateUrl: './avatar.template.html',\n    styleUrls: ['./avatar.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiAvatarComponent {\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeL | TuiSizeS = 'm';\n\n    @Input()\n    @HostBinding('class._round')\n    round = false;\n\n    @Input()\n    src: SafeResourceUrl | string | null = null;\n\n    @HostBinding('class._img')\n    get img(): boolean {\n        return this.type === 'img';\n    }\n\n    get value(): SafeResourceUrl | string {\n        return this.src || '';\n    }\n\n    get type(): 'content' | 'icon' | 'img' | 'text' {\n        if (!!this.value && !tuiIsString(this.value)) {\n            return 'img';\n        }\n\n        if (this.value.startsWith('tuiIcon') || this.value.endsWith('.svg')) {\n            return 'icon';\n        }\n\n        if (this.value.length > 0 && this.value.length < 3) {\n            return 'text';\n        }\n\n        return this.value.length ? 'img' : 'content';\n    }\n}\n","<ng-container [ngSwitch]=\"type\">\n    <tui-svg\n        *ngSwitchCase=\"'icon'\"\n        class=\"t-icon\"\n        [src]=\"value\"\n    ></tui-svg>\n    <span\n        *ngSwitchCase=\"'text'\"\n        class=\"t-text\"\n    >\n        {{ value }}\n    </span>\n    <img\n        *ngSwitchCase=\"'img'\"\n        alt=\"\"\n        loading=\"lazy\"\n        class=\"t-img\"\n        [src]=\"value\"\n    />\n    <tui-fade\n        *ngSwitchDefault\n        lineHeight=\"2.5rem\"\n        class=\"t-content\"\n    >\n        <ng-content></ng-content>\n    </tui-fade>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiFadeModule} from '@taiga-ui/experimental/components/fade';\nimport {TuiFallbackSrcModule, TuiFallbackSrcPipe} from '@taiga-ui/experimental/pipes';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiSvgModule,\n        TuiLazyLoadingModule,\n        TuiFallbackSrcModule,\n        TuiFadeModule,\n    ],\n    declarations: [TuiAvatarComponent],\n    exports: [TuiAvatarComponent, TuiFallbackSrcPipe],\n})\nexport class TuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-components-avatar.js","sources":["../../../projects/experimental/components/avatar/avatar.component.ts","../../../projects/experimental/components/avatar/avatar.template.html","../../../projects/experimental/components/avatar/avatar.module.ts","../../../projects/experimental/components/avatar/taiga-ui-experimental-components-avatar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\nimport {tuiIsString} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-avatar',\n    templateUrl: './avatar.template.html',\n    styleUrls: ['./avatar.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiAvatarComponent {\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeL | TuiSizeS = 'm';\n\n    @Input()\n    @HostBinding('class._round')\n    round = false;\n\n    @Input()\n    src: SafeResourceUrl | string | null = null;\n\n    @HostBinding('class._img')\n    get img(): boolean {\n        return this.type === 'img';\n    }\n\n    get value(): SafeResourceUrl | string {\n        return this.src || '';\n    }\n\n    get type(): 'content' | 'icon' | 'img' | 'text' {\n        if (!!this.value && !tuiIsString(this.value)) {\n            return 'img';\n        }\n\n        if (this.value.startsWith('tuiIcon') || this.value.endsWith('.svg')) {\n            return 'icon';\n        }\n\n        if (this.value.length > 0 && this.value.length < 3) {\n            return 'text';\n        }\n\n        return this.value.length ? 'img' : 'content';\n    }\n}\n","<ng-container [ngSwitch]=\"type\">\n    <tui-svg\n        *ngSwitchCase=\"'icon'\"\n        class=\"t-icon\"\n        [src]=\"value\"\n    ></tui-svg>\n    <span\n        *ngSwitchCase=\"'text'\"\n        class=\"t-text\"\n    >\n        {{ value }}\n    </span>\n    <img\n        *ngSwitchCase=\"'img'\"\n        alt=\"\"\n        loading=\"lazy\"\n        class=\"t-img\"\n        [src]=\"value\"\n    />\n    <div\n        *ngSwitchDefault\n        tuiFade\n        class=\"t-content\"\n    >\n        <ng-content></ng-content>\n    </div>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiFadeModule} from '@taiga-ui/experimental/directives';\nimport {TuiFallbackSrcModule, TuiFallbackSrcPipe} from '@taiga-ui/experimental/pipes';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiSvgModule,\n        TuiLazyLoadingModule,\n        TuiFallbackSrcModule,\n        TuiFadeModule,\n    ],\n    declarations: [TuiAvatarComponent],\n    exports: [TuiAvatarComponent, TuiFallbackSrcPipe],\n})\nexport class TuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-experimental-components.js

@@ -1,6 +1,5 @@
 export * from '@taiga-ui/experimental/components/avatar';
 export * from '@taiga-ui/experimental/components/avatar-stack';
-export * from '@taiga-ui/experimental/components/fade';
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/taiga-ui-experimental-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components.js","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;AAEG"}
+{"version":3,"file":"taiga-ui-experimental-components.js","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;AAEG"}

package/fesm2015/taiga-ui-experimental-directives-fade.js

@@ -0,0 +1,133 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, ElementRef, NgZone, Directive, Self, Inject, Input, HostBinding, NgModule } from '@angular/core';
+import { MutationObserverService, MUTATION_OBSERVER_INIT } from '@ng-web-apis/mutation-observer';
+import * as i2 from '@taiga-ui/cdk';
+import { tuiZonefree, TuiDestroyService, TuiResizeService, TuiDirectiveStylesService } from '@taiga-ui/cdk';
+import * as i1 from 'rxjs';
+import { merge, fromEvent } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+class TuiFadeComponent {
+}
+TuiFadeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiFadeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true, styles: ["[tuiFade]{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:not([data-orientation=\"vertical\"]){line-height:var(--line-height, inherit)!important;-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%))}[tuiFade]:not([data-orientation=\"vertical\"])._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade][data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}[tuiFade][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    styleUrls: ['./fade.style.less'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }] });
+
+class TuiFadeDirective {
+    constructor(destroy$, resize$, mutate$, element, zone, directiveStyles) {
+        this.lineHeight = null;
+        this.size = '1.5em';
+        this.offset = '0em';
+        this.orientation = 'horizontal';
+        const el = element.nativeElement;
+        directiveStyles.addComponent(TuiFadeComponent);
+        merge(resize$, mutate$, fromEvent(el, 'scroll'))
+            .pipe(tuiZonefree(zone), takeUntil(destroy$))
+            .subscribe(() => {
+            el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);
+            el.classList.toggle('_end', this.isEnd(el));
+        });
+    }
+    isEnd(el) {
+        return (el.scrollLeft < el.scrollWidth - el.clientWidth ||
+            el.scrollTop < el.scrollHeight - el.clientHeight ||
+            (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight));
+    }
+}
+TuiFadeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeDirective, deps: [{ token: TuiDestroyService, self: true }, { token: TuiResizeService }, { token: MutationObserverService }, { token: ElementRef }, { token: NgZone }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
+TuiFadeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeDirective, selector: "[tuiFade]", inputs: { lineHeight: ["tuiFadeHeight", "lineHeight"], size: ["tuiFadeSize", "size"], offset: ["tuiFadeOffset", "offset"], orientation: ["tuiFade", "orientation"] }, host: { properties: { "style.--line-height": "this.lineHeight", "style.--fade-size": "this.size", "style.--fade-offset": "this.offset", "attr.data-orientation": "this.orientation" } }, providers: [
+        TuiDestroyService,
+        TuiResizeService,
+        MutationObserverService,
+        {
+            provide: MUTATION_OBSERVER_INIT,
+            useValue: { characterData: true, subtree: true },
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiFade]',
+                    providers: [
+                        TuiDestroyService,
+                        TuiResizeService,
+                        MutationObserverService,
+                        {
+                            provide: MUTATION_OBSERVER_INIT,
+                            useValue: { characterData: true, subtree: true },
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Observable, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }, { type: i1.Observable, decorators: [{
+                    type: Inject,
+                    args: [TuiResizeService]
+                }] }, { type: i1.Observable, decorators: [{
+                    type: Inject,
+                    args: [MutationObserverService]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: i0.NgZone, decorators: [{
+                    type: Inject,
+                    args: [NgZone]
+                }] }, { type: i2.TuiDirectiveStylesService, decorators: [{
+                    type: Inject,
+                    args: [TuiDirectiveStylesService]
+                }] }]; }, propDecorators: { lineHeight: [{
+                type: Input,
+                args: ['tuiFadeHeight']
+            }, {
+                type: HostBinding,
+                args: ['style.--line-height']
+            }], size: [{
+                type: Input,
+                args: ['tuiFadeSize']
+            }, {
+                type: HostBinding,
+                args: ['style.--fade-size']
+            }], offset: [{
+                type: Input,
+                args: ['tuiFadeOffset']
+            }, {
+                type: HostBinding,
+                args: ['style.--fade-offset']
+            }], orientation: [{
+                type: Input,
+                args: ['tuiFade']
+            }, {
+                type: HostBinding,
+                args: ['attr.data-orientation']
+            }] } });
+
+class TuiFadeModule {
+}
+TuiFadeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiFadeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule, declarations: [TuiFadeComponent, TuiFadeDirective], exports: [TuiFadeComponent, TuiFadeDirective] });
+TuiFadeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiFadeComponent, TuiFadeDirective],
+                    exports: [TuiFadeComponent, TuiFadeDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiFadeComponent, TuiFadeDirective, TuiFadeModule };
+//# sourceMappingURL=taiga-ui-experimental-directives-fade.js.map

package/fesm2015/taiga-ui-experimental-directives-fade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-directives-fade.js","sources":["../../../projects/experimental/directives/fade/fade.component.ts","../../../projects/experimental/directives/fade/fade.directive.ts","../../../projects/experimental/directives/fade/fade.module.ts","../../../projects/experimental/directives/fade/taiga-ui-experimental-directives-fade.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./fade.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiFadeComponent {}\n","import {\n    Directive,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    NgZone,\n    Self,\n} from '@angular/core';\nimport {\n    MUTATION_OBSERVER_INIT,\n    MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {\n    TuiDestroyService,\n    TuiDirectiveStylesService,\n    TuiResizeService,\n    tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {TuiOrientation} from '@taiga-ui/core';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\nimport {TuiFadeComponent} from './fade.component';\n\n@Directive({\n    selector: '[tuiFade]',\n    providers: [\n        TuiDestroyService,\n        TuiResizeService,\n        MutationObserverService,\n        {\n            provide: MUTATION_OBSERVER_INIT,\n            useValue: {characterData: true, subtree: true},\n        },\n    ],\n})\nexport class TuiFadeDirective {\n    @Input('tuiFadeHeight')\n    @HostBinding('style.--line-height')\n    lineHeight: string | null = null;\n\n    @Input('tuiFadeSize')\n    @HostBinding('style.--fade-size')\n    size = '1.5em';\n\n    @Input('tuiFadeOffset')\n    @HostBinding('style.--fade-offset')\n    offset = '0em';\n\n    @Input('tuiFade')\n    @HostBinding('attr.data-orientation')\n    orientation: TuiOrientation | '' = 'horizontal';\n\n    constructor(\n        @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(TuiResizeService) resize$: Observable<unknown>,\n        @Inject(MutationObserverService) mutate$: Observable<unknown>,\n        @Inject(ElementRef) element: ElementRef<HTMLElement>,\n        @Inject(NgZone) zone: NgZone,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        const el = element.nativeElement;\n\n        directiveStyles.addComponent(TuiFadeComponent);\n        merge(resize$, mutate$, fromEvent(el, 'scroll'))\n            .pipe(tuiZonefree(zone), takeUntil(destroy$))\n            .subscribe(() => {\n                el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);\n                el.classList.toggle('_end', this.isEnd(el));\n            });\n    }\n\n    private isEnd(el: HTMLElement): boolean {\n        return (\n            el.scrollLeft < el.scrollWidth - el.clientWidth ||\n            el.scrollTop < el.scrollHeight - el.clientHeight ||\n            (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight)\n        );\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiFadeComponent} from './fade.component';\nimport {TuiFadeDirective} from './fade.directive';\n\n@NgModule({\n    declarations: [TuiFadeComponent, TuiFadeDirective],\n    exports: [TuiFadeComponent, TuiFadeDirective],\n})\nexport class TuiFadeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-experimental-directives.js

@@ -0,0 +1,6 @@
+export * from '@taiga-ui/experimental/directives/fade';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=taiga-ui-experimental-directives.js.map

package/fesm2015/taiga-ui-experimental-directives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-directives.js","sources":["../../../projects/experimental/directives/taiga-ui-experimental-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAAA;;AAEG"}

package/fesm2015/taiga-ui-experimental.js

@@ -1,4 +1,5 @@
 export * from '@taiga-ui/experimental/components';
+export * from '@taiga-ui/experimental/directives';
 export * from '@taiga-ui/experimental/pipes';
 
 /**

package/fesm2015/taiga-ui-experimental.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental.js","sources":["../../../projects/experimental/taiga-ui-experimental.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;AAEG"}
+{"version":3,"file":"taiga-ui-experimental.js","sources":["../../../projects/experimental/taiga-ui-experimental.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;AAEG"}

package/index.d.ts

@@ -1,2 +1,3 @@
 export * from '@taiga-ui/experimental/components';
+export * from '@taiga-ui/experimental/directives';
 export * from '@taiga-ui/experimental/pipes';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/experimental",
-  "version": "3.43.0",
+  "version": "3.44.0-canary.b3de48e",
   "description": "A package with Taiga UI experimental components",
   "keywords": [
     "angular",
@@ -13,9 +13,9 @@
   "peerDependencies": {
     "@angular/common": ">=12.0.0",
     "@angular/core": ">=12.0.0",
-    "@taiga-ui/cdk": ">=3.43.0",
-    "@taiga-ui/core": ">=3.43.0",
-    "@taiga-ui/kit": ">=3.43.0",
+    "@taiga-ui/cdk": ">=3.44.0",
+    "@taiga-ui/core": ">=3.44.0",
+    "@taiga-ui/kit": ">=3.44.0",
     "@tinkoff/ng-polymorpheus": ">=4.0.0",
     "rxjs": ">=6.0.0"
   },