@taiga-ui/kit 2.50.0 → 2.51.0

package/fesm2015/taiga-ui-kit-directives-present.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives-present.js","sources":["ng://@taiga-ui/kit/directives/present/present.directive.ts","ng://@taiga-ui/kit/directives/present/present.module.ts","ng://@taiga-ui/kit/directives/present/taiga-ui-kit-directives-present.ts"],"sourcesContent":["import {\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    OnDestroy,\n    Output,\n} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {isCurrentTarget, isFirefox, TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {Observable, Subject} from 'rxjs';\nimport {distinctUntilChanged, skip, startWith} from 'rxjs/operators';\n\nconst STYLE = `\n@keyframes tuiPresent {\n    from {\n        content: '1';\n    }\n\n    to {\n        content: '2';\n    }\n}\n\n.tui-present {\n    animation: tuiPresent 1000s infinite;\n}`;\n\n@Directive({\n    selector: '[tuiPresentChange]',\n    host: {\n        class: 'tui-present',\n    },\n})\nexport class TuiPresentDirective implements OnDestroy {\n    private readonly visibility$ = new Subject<boolean>();\n    private readonly observer?: MutationObserver;\n\n    @Output()\n    readonly tuiPresentChange: Observable<boolean>;\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n        @Inject(USER_AGENT) userAgent: string,\n    ) {\n        directiveStyles.addStyle(STYLE, 'TuiPresentDirective');\n\n        this.tuiPresentChange = this.visibility$.pipe(\n            startWith(false),\n            distinctUntilChanged(),\n            skip(1),\n        );\n\n        if (isFirefox(userAgent)) {\n            return;\n        }\n\n        this.observer = new MutationObserver(() => {\n            if (\n                !nativeElement.offsetParent &&\n                nativeElement.offsetWidth === 0 &&\n                nativeElement.offsetHeight === 0\n            ) {\n                this.visibility$.next(false);\n            }\n        });\n\n        this.observer.observe(nativeElement, {\n            attributes: true,\n            attributeFilter: ['style', 'class'],\n        });\n    }\n\n    /**\n     * Someday animationcancel would work and mutation observer would not be needed:\n     * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel\n     * It would also trigger on CSS like display: none on parent nodes which is awesome\n     * but currently only works in Firefox\n     */\n    @HostListener('animationcancel', ['$event', 'false'])\n    @HostListener('animationstart', ['$event', 'true'])\n    onAnimation(event: Event, visibility: boolean): void {\n        if (isCurrentTarget(event)) {\n            this.visibility$.next(visibility);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.visibility$.next(false);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiPresentDirective} from './present.directive';\n\n@NgModule({\n    declarations: [TuiPresentDirective],\n    exports: [TuiPresentDirective],\n})\nexport class TuiPresentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAaA,MAAM,KAAK,GAAG;;;;;;;;;;;;;EAaZ,CAAC;IAQU,mBAAmB,GAAhC,MAAa,mBAAmB;IAO5B,YACwB,EAAC,aAAa,EAA0B,EACzB,eAA0C,EACzD,SAAiB;QATxB,gBAAW,GAAG,IAAI,OAAO,EAAW,CAAC;QAWlD,eAAe,CAAC,QAAQ,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC;QAEvD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CACzC,SAAS,CAAC,KAAK,CAAC,EAChB,oBAAoB,EAAE,EACtB,IAAI,CAAC,CAAC,CAAC,CACV,CAAC;QAEF,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE;YACtB,OAAO;SACV;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC;YACjC,IACI,CAAC,aAAa,CAAC,YAAY;gBAC3B,aAAa,CAAC,WAAW,KAAK,CAAC;gBAC/B,aAAa,CAAC,YAAY,KAAK,CAAC,EAClC;gBACE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAChC;SACJ,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE;YACjC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;SACtC,CAAC,CAAC;KACN;;;;;;;IAUD,WAAW,CAAC,KAAY,EAAE,UAAmB;QACzC,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;YACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACrC;KACJ;IAED,WAAW;QACP,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;EACJ;;YAjD4C,UAAU,uBAA9C,MAAM,SAAC,UAAU;YACkC,yBAAyB,uBAA5E,MAAM,SAAC,yBAAyB;yCAChC,MAAM,SAAC,UAAU;;AALtB;IADC,MAAM,EAAE;6DACsC;AA2C/C;IAFC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACpD,YAAY,CAAC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;sDAKlD;AApDQ,mBAAmB;IAN/B,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,IAAI,EAAE;YACF,KAAK,EAAE,aAAa;SACvB;KACJ,CAAC;IASO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;IACjC,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;GAVd,mBAAmB,CAyD/B;;ICnFY,gBAAgB,GAA7B,MAAa,gBAAgB;EAAG;AAAnB,gBAAgB;IAJ5B,QAAQ,CAAC;QACN,YAAY,EAAE,CAAC,mBAAmB,CAAC;QACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;KACjC,CAAC;GACW,gBAAgB,CAAG;;ACRhC;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-directives-present.js","sources":["ng://@taiga-ui/kit/directives/present/present.directive.ts","ng://@taiga-ui/kit/directives/present/present.module.ts","ng://@taiga-ui/kit/directives/present/taiga-ui-kit-directives-present.ts"],"sourcesContent":["import {\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    OnDestroy,\n    Output,\n} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {isCurrentTarget, isFirefox} from '@taiga-ui/cdk';\nimport {BehaviorSubject} from 'rxjs';\nimport {distinctUntilChanged, skip} from 'rxjs/operators';\n\n@Directive({\n    selector: '[tuiPresentChange]',\n    host: {\n        '[style.animation]': '\"tuiPresent 1s infinite\"',\n    },\n})\nexport class TuiPresentDirective implements OnDestroy {\n    private readonly visibility$ = new BehaviorSubject(false);\n\n    @Output()\n    readonly tuiPresentChange = this.visibility$.pipe(distinctUntilChanged(), skip(1));\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(USER_AGENT) userAgent: string,\n    ) {\n        if (isFirefox(userAgent)) {\n            return;\n        }\n\n        const observer = new MutationObserver(() => {\n            if (\n                !nativeElement.offsetParent &&\n                nativeElement.offsetWidth === 0 &&\n                nativeElement.offsetHeight === 0\n            ) {\n                this.visibility$.next(false);\n            }\n        });\n\n        observer.observe(nativeElement, {\n            attributes: true,\n            attributeFilter: ['style', 'class'],\n        });\n    }\n\n    /**\n     * Someday animationcancel would work and mutation observer would not be needed:\n     * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel\n     * It would also trigger on CSS like display: none on parent nodes which is awesome\n     * but currently only works in Firefox\n     * ___\n     * TODO: remove MutationObserver when we bump versions of supported browsers:\n     *** Safari 12+\n     *** Chrome 83+\n     * See: {@link https://caniuse.com/mdn-api_window_animationcancel_event}\n     */\n    @HostListener('animationcancel', ['$event', 'false'])\n    @HostListener('animationstart', ['$event', 'true'])\n    onAnimation(event: Event, visibility: boolean): void {\n        if (isCurrentTarget(event)) {\n            this.visibility$.next(visibility);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.visibility$.next(false);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiPresentDirective} from './present.directive';\n\n@NgModule({\n    declarations: [TuiPresentDirective],\n    exports: [TuiPresentDirective],\n})\nexport class TuiPresentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IAmBa,mBAAmB,GAAhC,MAAa,mBAAmB;IAM5B,YACwB,EAAC,aAAa,EAA0B,EACxC,SAAiB;QAPxB,gBAAW,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAGjD,qBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAM/E,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE;YACtB,OAAO;SACV;QAED,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC;YAClC,IACI,CAAC,aAAa,CAAC,YAAY;gBAC3B,aAAa,CAAC,WAAW,KAAK,CAAC;gBAC/B,aAAa,CAAC,YAAY,KAAK,CAAC,EAClC;gBACE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAChC;SACJ,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE;YAC5B,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;SACtC,CAAC,CAAC;KACN;;;;;;;;;;;;IAeD,WAAW,CAAC,KAAY,EAAE,UAAmB;QACzC,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;YACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACrC;KACJ;IAED,WAAW;QACP,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;EACJ;;YA7C4C,UAAU,uBAA9C,MAAM,SAAC,UAAU;yCACjB,MAAM,SAAC,UAAU;;AAJtB;IADC,MAAM,EAAE;6DAC0E;AAuCnF;IAFC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACpD,YAAY,CAAC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;sDAKlD;AA/CQ,mBAAmB;IAN/B,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,IAAI,EAAE;YACF,mBAAmB,EAAE,0BAA0B;SAClD;KACJ,CAAC;IAQO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;GARd,mBAAmB,CAoD/B;;IC/DY,gBAAgB,GAA7B,MAAa,gBAAgB;EAAG;AAAnB,gBAAgB;IAJ5B,QAAQ,CAAC;QACN,YAAY,EAAE,CAAC,mBAAmB,CAAC;QACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;KACjC,CAAC;GACW,gBAAgB,CAAG;;ACRhC;;;;;;"}

package/fesm5/taiga-ui-kit-components-data-list-wrapper.js

@@ -8,8 +8,8 @@ import { TuiOptionComponent, TUI_DATA_LIST_ACCESSOR as TUI_DATA_LIST_ACCESSOR$1,
 import { CommonModule } from '@angular/common';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
-var AbstractDataListWrapper = /** @class */ (function () {
-    function AbstractDataListWrapper(itemsHandlers) {
+var AbstractTuiDataListWrapper = /** @class */ (function () {
+    function AbstractTuiDataListWrapper(itemsHandlers) {
         var _this = this;
         this.itemsHandlers = itemsHandlers;
         this.optionsQuery = EMPTY_QUERY;
@@ -21,11 +21,11 @@ var AbstractDataListWrapper = /** @class */ (function () {
             return _this.itemsHandlers.stringify($implicit);
         };
     }
-    AbstractDataListWrapper.prototype.getContext = function ($implicit, _a) {
+    AbstractTuiDataListWrapper.prototype.getContext = function ($implicit, _a) {
         var nativeElement = _a.nativeElement;
         return { $implicit: $implicit, active: isNativeFocused(nativeElement) };
     };
-    AbstractDataListWrapper.prototype.getOptions = function (includeDisabled) {
+    AbstractTuiDataListWrapper.prototype.getOptions = function (includeDisabled) {
         if (includeDisabled === void 0) { includeDisabled = false; }
         return this.optionsQuery
             .toArray()
@@ -39,32 +39,32 @@ var AbstractDataListWrapper = /** @class */ (function () {
         })
             .filter(isPresent);
     };
-    AbstractDataListWrapper.ctorParameters = function () { return [
+    AbstractTuiDataListWrapper.ctorParameters = function () { return [
         { type: undefined }
     ]; };
     __decorate([
         ViewChildren(forwardRef(function () { return TuiOptionComponent; }))
-    ], AbstractDataListWrapper.prototype, "optionsQuery", void 0);
+    ], AbstractTuiDataListWrapper.prototype, "optionsQuery", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
-    ], AbstractDataListWrapper.prototype, "disabledItemHandler", void 0);
+    ], AbstractTuiDataListWrapper.prototype, "disabledItemHandler", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
-    ], AbstractDataListWrapper.prototype, "emptyContent", void 0);
+    ], AbstractTuiDataListWrapper.prototype, "emptyContent", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
-    ], AbstractDataListWrapper.prototype, "size", void 0);
+    ], AbstractTuiDataListWrapper.prototype, "size", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
-    ], AbstractDataListWrapper.prototype, "itemContent", void 0);
-    AbstractDataListWrapper = __decorate([
+    ], AbstractTuiDataListWrapper.prototype, "itemContent", void 0);
+    AbstractTuiDataListWrapper = __decorate([
         Directive()
-    ], AbstractDataListWrapper);
-    return AbstractDataListWrapper;
+    ], AbstractTuiDataListWrapper);
+    return AbstractTuiDataListWrapper;
 }());
 
 var TuiDataListGroupWrapperComponent = /** @class */ (function (_super) {
@@ -104,7 +104,7 @@ var TuiDataListGroupWrapperComponent = /** @class */ (function (_super) {
         __param(0, Inject(TUI_ITEMS_HANDLERS))
     ], TuiDataListGroupWrapperComponent);
     return TuiDataListGroupWrapperComponent;
-}(AbstractDataListWrapper));
+}(AbstractTuiDataListWrapper));
 
 var TuiDataListWrapperComponent = /** @class */ (function (_super) {
     __extends(TuiDataListWrapperComponent, _super);
@@ -138,7 +138,7 @@ var TuiDataListWrapperComponent = /** @class */ (function (_super) {
         __param(0, Inject(TUI_ITEMS_HANDLERS))
     ], TuiDataListWrapperComponent);
     return TuiDataListWrapperComponent;
-}(AbstractDataListWrapper));
+}(AbstractTuiDataListWrapper));
 
 var TuiDataListWrapperModule = /** @class */ (function () {
     function TuiDataListWrapperModule() {
@@ -167,5 +167,5 @@ var TuiDataListWrapperModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractDataListWrapper, TuiDataListGroupWrapperComponent, TuiDataListWrapperComponent, TuiDataListWrapperModule };
+export { AbstractTuiDataListWrapper, TuiDataListGroupWrapperComponent, TuiDataListWrapperComponent, TuiDataListWrapperModule };
 //# sourceMappingURL=taiga-ui-kit-components-data-list-wrapper.js.map

package/fesm5/taiga-ui-kit-components-data-list-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-data-list-wrapper.js","sources":["ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-group-wrapper.component.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.component.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.module.ts","ng://@taiga-ui/kit/components/data-list-wrapper/taiga-ui-kit-components-data-list-wrapper.ts"],"sourcesContent":["import {\n    Directive,\n    ElementRef,\n    forwardRef,\n    Input,\n    QueryList,\n    ViewChildren,\n} from '@angular/core';\nimport {EMPTY_QUERY, isNativeFocused, isPresent, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n    TuiOptionComponent,\n    TuiSizeL,\n    TuiSizeXS,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TuiItemsHandlers} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Directive()\nexport abstract class AbstractDataListWrapper<T> {\n    @ViewChildren(forwardRef(() => TuiOptionComponent))\n    protected readonly optionsQuery: QueryList<TuiOptionComponent<T>> = EMPTY_QUERY;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiItemsHandlers<T>['disabledItemHandler'] =\n        this.itemsHandlers.disabledItemHandler;\n\n    @Input()\n    @tuiDefaultProp()\n    emptyContent: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeL = 'm';\n\n    protected constructor(protected readonly itemsHandlers: TuiItemsHandlers<T>) {}\n\n    @Input()\n    @tuiDefaultProp()\n    itemContent: PolymorpheusContent<TuiValueContentContext<T>> = ({$implicit}) =>\n        this.itemsHandlers.stringify($implicit);\n\n    getContext(\n        $implicit: T,\n        {nativeElement}: ElementRef<HTMLElement>,\n    ): TuiValueContentContext<T> {\n        return {$implicit, active: isNativeFocused(nativeElement)};\n    }\n\n    getOptions(includeDisabled: boolean = false): readonly T[] {\n        return this.optionsQuery\n            .toArray()\n            .filter(({disabled}) => includeDisabled || !disabled)\n            .map(({value}) => value)\n            .filter(isPresent);\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk/decorators';\nimport {TUI_DATA_LIST_ACCESSOR} from '@taiga-ui/core/tokens';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\n\nimport {AbstractDataListWrapper} from './data-list-wrapper';\n\n@Component({\n    selector: 'tui-data-list-wrapper[labels]',\n    templateUrl: './data-list-group-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_DATA_LIST_ACCESSOR,\n            useExisting: forwardRef(() => TuiDataListGroupWrapperComponent),\n        },\n    ],\n})\nexport class TuiDataListGroupWrapperComponent<T> extends AbstractDataListWrapper<T> {\n    @Input()\n    @tuiDefaultProp()\n    items: readonly T[][] | null = [];\n\n    @Input()\n    @tuiDefaultProp()\n    labels: readonly string[] = [];\n\n    constructor(@Inject(TUI_ITEMS_HANDLERS) itemsHandlers: TuiItemsHandlers<T>) {\n        super(itemsHandlers);\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_ACCESSOR} from '@taiga-ui/core';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\n\nimport {AbstractDataListWrapper} from './data-list-wrapper';\n\n@Component({\n    selector: 'tui-data-list-wrapper:not([labels])',\n    templateUrl: './data-list-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_DATA_LIST_ACCESSOR,\n            useExisting: forwardRef(() => TuiDataListWrapperComponent),\n        },\n    ],\n})\nexport class TuiDataListWrapperComponent<T> extends AbstractDataListWrapper<T> {\n    @Input()\n    @tuiDefaultProp()\n    items: readonly T[] | null = [];\n\n    constructor(@Inject(TUI_ITEMS_HANDLERS) itemsHandlers: TuiItemsHandlers<T>) {\n        super(itemsHandlers);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiElementModule} from '@taiga-ui/cdk';\nimport {TuiDataListDirective, TuiDataListModule, TuiLoaderModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiDataListGroupWrapperComponent} from './data-list-group-wrapper.component';\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiElementModule,\n        TuiDataListModule,\n        TuiLoaderModule,\n    ],\n    declarations: [TuiDataListWrapperComponent, TuiDataListGroupWrapperComponent],\n    exports: [\n        TuiDataListWrapperComponent,\n        TuiDataListGroupWrapperComponent,\n        TuiDataListDirective,\n    ],\n})\nexport class TuiDataListWrapperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiDefaultProp","TUI_DATA_LIST_ACCESSOR"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-data-list-wrapper.js","sources":["ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-group-wrapper.component.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.component.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.module.ts","ng://@taiga-ui/kit/components/data-list-wrapper/taiga-ui-kit-components-data-list-wrapper.ts"],"sourcesContent":["import {\n    Directive,\n    ElementRef,\n    forwardRef,\n    Input,\n    QueryList,\n    ViewChildren,\n} from '@angular/core';\nimport {EMPTY_QUERY, isNativeFocused, isPresent, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n    TuiOptionComponent,\n    TuiSizeL,\n    TuiSizeXS,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TuiItemsHandlers} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Directive()\nexport abstract class AbstractTuiDataListWrapper<T> {\n    @ViewChildren(forwardRef(() => TuiOptionComponent))\n    protected readonly optionsQuery: QueryList<TuiOptionComponent<T>> = EMPTY_QUERY;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiItemsHandlers<T>['disabledItemHandler'] =\n        this.itemsHandlers.disabledItemHandler;\n\n    @Input()\n    @tuiDefaultProp()\n    emptyContent: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeL = 'm';\n\n    protected constructor(protected readonly itemsHandlers: TuiItemsHandlers<T>) {}\n\n    @Input()\n    @tuiDefaultProp()\n    itemContent: PolymorpheusContent<TuiValueContentContext<T>> = ({$implicit}) =>\n        this.itemsHandlers.stringify($implicit);\n\n    getContext(\n        $implicit: T,\n        {nativeElement}: ElementRef<HTMLElement>,\n    ): TuiValueContentContext<T> {\n        return {$implicit, active: isNativeFocused(nativeElement)};\n    }\n\n    getOptions(includeDisabled: boolean = false): readonly T[] {\n        return this.optionsQuery\n            .toArray()\n            .filter(({disabled}) => includeDisabled || !disabled)\n            .map(({value}) => value)\n            .filter(isPresent);\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk/decorators';\nimport {TUI_DATA_LIST_ACCESSOR} from '@taiga-ui/core/tokens';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\n\nimport {AbstractTuiDataListWrapper} from './data-list-wrapper';\n\n@Component({\n    selector: 'tui-data-list-wrapper[labels]',\n    templateUrl: './data-list-group-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_DATA_LIST_ACCESSOR,\n            useExisting: forwardRef(() => TuiDataListGroupWrapperComponent),\n        },\n    ],\n})\nexport class TuiDataListGroupWrapperComponent<T> extends AbstractTuiDataListWrapper<T> {\n    @Input()\n    @tuiDefaultProp()\n    items: readonly T[][] | null = [];\n\n    @Input()\n    @tuiDefaultProp()\n    labels: readonly string[] = [];\n\n    constructor(@Inject(TUI_ITEMS_HANDLERS) itemsHandlers: TuiItemsHandlers<T>) {\n        super(itemsHandlers);\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_ACCESSOR} from '@taiga-ui/core';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\n\nimport {AbstractTuiDataListWrapper} from './data-list-wrapper';\n\n@Component({\n    selector: 'tui-data-list-wrapper:not([labels])',\n    templateUrl: './data-list-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_DATA_LIST_ACCESSOR,\n            useExisting: forwardRef(() => TuiDataListWrapperComponent),\n        },\n    ],\n})\nexport class TuiDataListWrapperComponent<T> extends AbstractTuiDataListWrapper<T> {\n    @Input()\n    @tuiDefaultProp()\n    items: readonly T[] | null = [];\n\n    constructor(@Inject(TUI_ITEMS_HANDLERS) itemsHandlers: TuiItemsHandlers<T>) {\n        super(itemsHandlers);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiElementModule} from '@taiga-ui/cdk';\nimport {TuiDataListDirective, TuiDataListModule, TuiLoaderModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiDataListGroupWrapperComponent} from './data-list-group-wrapper.component';\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiElementModule,\n        TuiDataListModule,\n        TuiLoaderModule,\n    ],\n    declarations: [TuiDataListWrapperComponent, TuiDataListGroupWrapperComponent],\n    exports: [\n        TuiDataListWrapperComponent,\n        TuiDataListGroupWrapperComponent,\n        TuiDataListDirective,\n    ],\n})\nexport class TuiDataListWrapperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiDefaultProp","TUI_DATA_LIST_ACCESSOR"],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-input-slider.js

@@ -252,7 +252,7 @@ var TuiInputSliderComponent = /** @class */ (function (_super) {
                 HINT_CONTROLLER_PROVIDER,
                 TEXTFIELD_CONTROLLER_PROVIDER,
             ],
-            styles: [":host{position:relative;z-index:0;display:block}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]
+            styles: [":host{position:relative;z-index:0;display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]
         })
         /**
          * TODO replace `extends AbstractTuiInputSlider<number>` by `extends AbstractTuiControl<number> implements TuiWithOptionalMinMax<number>`

package/fesm5/taiga-ui-kit-components-line-clamp.js

@@ -123,7 +123,7 @@ var TuiLineClampComponent = /** @class */ (function () {
             selector: 'tui-line-clamp',
             template: "<div\n    polymorpheus-outlet\n    tuiHintId=\"unnecessary\"\n    tuiHintMode=\"overflow\"\n    class=\"wrapper\"\n    [tuiHint]=\"computedContent\"\n    [style.-webkit-line-clamp]=\"lineClamp$ | async\"\n    [content]=\"content\"\n    (tuiResize)=\"updateView()\"\n></div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{position:relative;display:block;overflow:hidden}:host._initialized{transition-property:max-height;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.wrapper{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}"]
+            styles: [":host{position:relative;display:block;overflow:hidden}:host._initialized{transition-property:max-height;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.wrapper{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}"]
         }),
         __param(0, Inject(ElementRef)),
         __param(1, Inject(Renderer2)),

package/fesm5/taiga-ui-kit-directives-present.js

@@ -1,29 +1,27 @@
 import { __decorate, __param } from 'tslib';
 import { ElementRef, Inject, Output, HostListener, Directive, NgModule } from '@angular/core';
 import { USER_AGENT } from '@ng-web-apis/common';
-import { isFirefox, isCurrentTarget, TuiDirectiveStylesService } from '@taiga-ui/cdk';
-import { Subject } from 'rxjs';
-import { startWith, distinctUntilChanged, skip } from 'rxjs/operators';
+import { isFirefox, isCurrentTarget } from '@taiga-ui/cdk';
+import { BehaviorSubject } from 'rxjs';
+import { distinctUntilChanged, skip } from 'rxjs/operators';
 
-var STYLE = "\n@keyframes tuiPresent {\n    from {\n        content: '1';\n    }\n\n    to {\n        content: '2';\n    }\n}\n\n.tui-present {\n    animation: tuiPresent 1000s infinite;\n}";
 var TuiPresentDirective = /** @class */ (function () {
-    function TuiPresentDirective(_a, directiveStyles, userAgent) {
+    function TuiPresentDirective(_a, userAgent) {
         var _this = this;
         var nativeElement = _a.nativeElement;
-        this.visibility$ = new Subject();
-        directiveStyles.addStyle(STYLE, 'TuiPresentDirective');
-        this.tuiPresentChange = this.visibility$.pipe(startWith(false), distinctUntilChanged(), skip(1));
+        this.visibility$ = new BehaviorSubject(false);
+        this.tuiPresentChange = this.visibility$.pipe(distinctUntilChanged(), skip(1));
         if (isFirefox(userAgent)) {
             return;
         }
-        this.observer = new MutationObserver(function () {
+        var observer = new MutationObserver(function () {
             if (!nativeElement.offsetParent &&
                 nativeElement.offsetWidth === 0 &&
                 nativeElement.offsetHeight === 0) {
                 _this.visibility$.next(false);
             }
         });
-        this.observer.observe(nativeElement, {
+        observer.observe(nativeElement, {
             attributes: true,
             attributeFilter: ['style', 'class'],
         });
@@ -33,6 +31,11 @@ var TuiPresentDirective = /** @class */ (function () {
      * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel
      * It would also trigger on CSS like display: none on parent nodes which is awesome
      * but currently only works in Firefox
+     * ___
+     * TODO: remove MutationObserver when we bump versions of supported browsers:
+     *** Safari 12+
+     *** Chrome 83+
+     * See: {@link https://caniuse.com/mdn-api_window_animationcancel_event}
      */
     TuiPresentDirective.prototype.onAnimation = function (event, visibility) {
         if (isCurrentTarget(event)) {
@@ -44,7 +47,6 @@ var TuiPresentDirective = /** @class */ (function () {
     };
     TuiPresentDirective.ctorParameters = function () { return [
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: TuiDirectiveStylesService, decorators: [{ type: Inject, args: [TuiDirectiveStylesService,] }] },
         { type: String, decorators: [{ type: Inject, args: [USER_AGENT,] }] }
     ]; };
     __decorate([
@@ -58,12 +60,11 @@ var TuiPresentDirective = /** @class */ (function () {
         Directive({
             selector: '[tuiPresentChange]',
             host: {
-                class: 'tui-present',
+                '[style.animation]': '"tuiPresent 1s infinite"',
             },
         }),
         __param(0, Inject(ElementRef)),
-        __param(1, Inject(TuiDirectiveStylesService)),
-        __param(2, Inject(USER_AGENT))
+        __param(1, Inject(USER_AGENT))
     ], TuiPresentDirective);
     return TuiPresentDirective;
 }());

package/fesm5/taiga-ui-kit-directives-present.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives-present.js","sources":["ng://@taiga-ui/kit/directives/present/present.directive.ts","ng://@taiga-ui/kit/directives/present/present.module.ts","ng://@taiga-ui/kit/directives/present/taiga-ui-kit-directives-present.ts"],"sourcesContent":["import {\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    OnDestroy,\n    Output,\n} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {isCurrentTarget, isFirefox, TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {Observable, Subject} from 'rxjs';\nimport {distinctUntilChanged, skip, startWith} from 'rxjs/operators';\n\nconst STYLE = `\n@keyframes tuiPresent {\n    from {\n        content: '1';\n    }\n\n    to {\n        content: '2';\n    }\n}\n\n.tui-present {\n    animation: tuiPresent 1000s infinite;\n}`;\n\n@Directive({\n    selector: '[tuiPresentChange]',\n    host: {\n        class: 'tui-present',\n    },\n})\nexport class TuiPresentDirective implements OnDestroy {\n    private readonly visibility$ = new Subject<boolean>();\n    private readonly observer?: MutationObserver;\n\n    @Output()\n    readonly tuiPresentChange: Observable<boolean>;\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n        @Inject(USER_AGENT) userAgent: string,\n    ) {\n        directiveStyles.addStyle(STYLE, 'TuiPresentDirective');\n\n        this.tuiPresentChange = this.visibility$.pipe(\n            startWith(false),\n            distinctUntilChanged(),\n            skip(1),\n        );\n\n        if (isFirefox(userAgent)) {\n            return;\n        }\n\n        this.observer = new MutationObserver(() => {\n            if (\n                !nativeElement.offsetParent &&\n                nativeElement.offsetWidth === 0 &&\n                nativeElement.offsetHeight === 0\n            ) {\n                this.visibility$.next(false);\n            }\n        });\n\n        this.observer.observe(nativeElement, {\n            attributes: true,\n            attributeFilter: ['style', 'class'],\n        });\n    }\n\n    /**\n     * Someday animationcancel would work and mutation observer would not be needed:\n     * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel\n     * It would also trigger on CSS like display: none on parent nodes which is awesome\n     * but currently only works in Firefox\n     */\n    @HostListener('animationcancel', ['$event', 'false'])\n    @HostListener('animationstart', ['$event', 'true'])\n    onAnimation(event: Event, visibility: boolean): void {\n        if (isCurrentTarget(event)) {\n            this.visibility$.next(visibility);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.visibility$.next(false);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiPresentDirective} from './present.directive';\n\n@NgModule({\n    declarations: [TuiPresentDirective],\n    exports: [TuiPresentDirective],\n})\nexport class TuiPresentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAaA,IAAM,KAAK,GAAG,kLAaZ,CAAC;;IAeC,6BACwB,EAAwC,EACzB,eAA0C,EACzD,SAAiB;QAHzC,iBA+BC;YA9BwB,gCAAa;QAPrB,gBAAW,GAAG,IAAI,OAAO,EAAW,CAAC;QAWlD,eAAe,CAAC,QAAQ,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC;QAEvD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CACzC,SAAS,CAAC,KAAK,CAAC,EAChB,oBAAoB,EAAE,EACtB,IAAI,CAAC,CAAC,CAAC,CACV,CAAC;QAEF,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE;YACtB,OAAO;SACV;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC;YACjC,IACI,CAAC,aAAa,CAAC,YAAY;gBAC3B,aAAa,CAAC,WAAW,KAAK,CAAC;gBAC/B,aAAa,CAAC,YAAY,KAAK,CAAC,EAClC;gBACE,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAChC;SACJ,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE;YACjC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;SACtC,CAAC,CAAC;KACN;;;;;;;IAUD,yCAAW,GAAX,UAAY,KAAY,EAAE,UAAmB;QACzC,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;YACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACrC;KACJ;IAED,yCAAW,GAAX;QACI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;;gBAhDwC,UAAU,uBAA9C,MAAM,SAAC,UAAU;gBACkC,yBAAyB,uBAA5E,MAAM,SAAC,yBAAyB;6CAChC,MAAM,SAAC,UAAU;;IALtB;QADC,MAAM,EAAE;iEACsC;IA2C/C;QAFC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACpD,YAAY,CAAC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;0DAKlD;IApDQ,mBAAmB;QAN/B,SAAS,CAAC;YACP,QAAQ,EAAE,oBAAoB;YAC9B,IAAI,EAAE;gBACF,KAAK,EAAE,aAAa;aACvB;SACJ,CAAC;QASO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;QAClB,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;QACjC,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;OAVd,mBAAmB,CAyD/B;IAAD,0BAAC;CAzDD;;;IC1BA;KAAgC;IAAnB,gBAAgB;QAJ5B,QAAQ,CAAC;YACN,YAAY,EAAE,CAAC,mBAAmB,CAAC;YACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;SACjC,CAAC;OACW,gBAAgB,CAAG;IAAD,uBAAC;CAAhC;;ACRA;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-directives-present.js","sources":["ng://@taiga-ui/kit/directives/present/present.directive.ts","ng://@taiga-ui/kit/directives/present/present.module.ts","ng://@taiga-ui/kit/directives/present/taiga-ui-kit-directives-present.ts"],"sourcesContent":["import {\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    OnDestroy,\n    Output,\n} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {isCurrentTarget, isFirefox} from '@taiga-ui/cdk';\nimport {BehaviorSubject} from 'rxjs';\nimport {distinctUntilChanged, skip} from 'rxjs/operators';\n\n@Directive({\n    selector: '[tuiPresentChange]',\n    host: {\n        '[style.animation]': '\"tuiPresent 1s infinite\"',\n    },\n})\nexport class TuiPresentDirective implements OnDestroy {\n    private readonly visibility$ = new BehaviorSubject(false);\n\n    @Output()\n    readonly tuiPresentChange = this.visibility$.pipe(distinctUntilChanged(), skip(1));\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(USER_AGENT) userAgent: string,\n    ) {\n        if (isFirefox(userAgent)) {\n            return;\n        }\n\n        const observer = new MutationObserver(() => {\n            if (\n                !nativeElement.offsetParent &&\n                nativeElement.offsetWidth === 0 &&\n                nativeElement.offsetHeight === 0\n            ) {\n                this.visibility$.next(false);\n            }\n        });\n\n        observer.observe(nativeElement, {\n            attributes: true,\n            attributeFilter: ['style', 'class'],\n        });\n    }\n\n    /**\n     * Someday animationcancel would work and mutation observer would not be needed:\n     * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel\n     * It would also trigger on CSS like display: none on parent nodes which is awesome\n     * but currently only works in Firefox\n     * ___\n     * TODO: remove MutationObserver when we bump versions of supported browsers:\n     *** Safari 12+\n     *** Chrome 83+\n     * See: {@link https://caniuse.com/mdn-api_window_animationcancel_event}\n     */\n    @HostListener('animationcancel', ['$event', 'false'])\n    @HostListener('animationstart', ['$event', 'true'])\n    onAnimation(event: Event, visibility: boolean): void {\n        if (isCurrentTarget(event)) {\n            this.visibility$.next(visibility);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.visibility$.next(false);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiPresentDirective} from './present.directive';\n\n@NgModule({\n    declarations: [TuiPresentDirective],\n    exports: [TuiPresentDirective],\n})\nexport class TuiPresentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;IAyBI,6BACwB,EAAwC,EACxC,SAAiB;QAFzC,iBAsBC;YArBwB,gCAAa;QANrB,gBAAW,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAGjD,qBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAM/E,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE;YACtB,OAAO;SACV;QAED,IAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC;YAClC,IACI,CAAC,aAAa,CAAC,YAAY;gBAC3B,aAAa,CAAC,WAAW,KAAK,CAAC;gBAC/B,aAAa,CAAC,YAAY,KAAK,CAAC,EAClC;gBACE,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAChC;SACJ,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE;YAC5B,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;SACtC,CAAC,CAAC;KACN;;;;;;;;;;;;IAeD,yCAAW,GAAX,UAAY,KAAY,EAAE,UAAmB;QACzC,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;YACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACrC;KACJ;IAED,yCAAW,GAAX;QACI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;;gBA5CwC,UAAU,uBAA9C,MAAM,SAAC,UAAU;6CACjB,MAAM,SAAC,UAAU;;IAJtB;QADC,MAAM,EAAE;iEAC0E;IAuCnF;QAFC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACpD,YAAY,CAAC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;0DAKlD;IA/CQ,mBAAmB;QAN/B,SAAS,CAAC;YACP,QAAQ,EAAE,oBAAoB;YAC9B,IAAI,EAAE;gBACF,mBAAmB,EAAE,0BAA0B;aAClD;SACJ,CAAC;QAQO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;QAClB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;OARd,mBAAmB,CAoD/B;IAAD,0BAAC;CApDD;;;ICXA;KAAgC;IAAnB,gBAAgB;QAJ5B,QAAQ,CAAC;YACN,YAAY,EAAE,CAAC,mBAAmB,CAAC;YACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;SACjC,CAAC;OACW,gBAAgB,CAAG;IAAD,uBAAC;CAAhC;;ACRA;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/kit",
-  "version": "2.50.0",
+  "version": "2.51.0",
   "description": "Taiga UI Angular main components kit",
   "keywords": [
     "angular",
@@ -24,9 +24,9 @@
     "@angular/router": ">=9.0.0",
     "@ng-web-apis/common": ">=1.12.1 < 2",
     "@ng-web-apis/mutation-observer": ">=1.1.0",
-    "@taiga-ui/cdk": ">=2.50.0",
-    "@taiga-ui/core": ">=2.50.0",
-    "@taiga-ui/i18n": ">=2.50.0",
+    "@taiga-ui/cdk": ">=2.51.0",
+    "@taiga-ui/core": ">=2.51.0",
+    "@taiga-ui/i18n": ">=2.51.0",
     "@tinkoff/ng-polymorpheus": ">=3.1.12 < 4",
     "rxjs": ">=6.0.0"
   },