@taiga-ui/addon-mobile 3.58.0 → 3.59.0-canary.10da730

package/esm2020/directives/elastic-sticky/elastic-sticky.service.mjs

@@ -0,0 +1,40 @@
+import { ElementRef, Inject, Injectable, NgZone, Self } from '@angular/core';
+import { SCROLL_REF_SELECTOR, TUI_SCROLL_REF, TuiDestroyService, tuiGetElementOffset, tuiScrollFrom, tuiZoneOptimized, } from '@taiga-ui/cdk';
+import { distinctUntilChanged, map, Observable, skip, startWith, switchMap, take, takeUntil, } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk";
+export class TuiElasticStickyService extends Observable {
+    constructor(scrollRef, { nativeElement }, zone, destroy$) {
+        super(subscriber => zone.onStable
+            .pipe(take(1), switchMap(() => {
+            const host = nativeElement.closest(SCROLL_REF_SELECTOR) ||
+                scrollRef.nativeElement;
+            const { offsetHeight } = nativeElement;
+            const { offsetTop } = tuiGetElementOffset(host, nativeElement);
+            return tuiScrollFrom(host).pipe(map(() => Math.max(1 -
+                Math.max(Math.round(host.scrollTop) - offsetTop, 0) /
+                    offsetHeight, 0)));
+        }), startWith(1), distinctUntilChanged(), skip(1), tuiZoneOptimized(zone), takeUntil(destroy$))
+            .subscribe(subscriber));
+    }
+}
+TuiElasticStickyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiElasticStickyService, deps: [{ token: TUI_SCROLL_REF }, { token: ElementRef }, { token: NgZone }, { token: TuiDestroyService, self: true }], target: i0.ɵɵFactoryTarget.Injectable });
+TuiElasticStickyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiElasticStickyService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiElasticStickyService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [TUI_SCROLL_REF]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: i0.NgZone, decorators: [{
+                    type: Inject,
+                    args: [NgZone]
+                }] }, { type: i1.TuiDestroyService, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxhc3RpYy1zdGlja3kuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9kaXJlY3RpdmVzL2VsYXN0aWMtc3RpY2t5L2VsYXN0aWMtc3RpY2t5LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUNILG1CQUFtQixFQUNuQixjQUFjLEVBQ2QsaUJBQWlCLEVBQ2pCLG1CQUFtQixFQUNuQixhQUFhLEVBQ2IsZ0JBQWdCLEdBQ25CLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDSCxvQkFBb0IsRUFDcEIsR0FBRyxFQUNILFVBQVUsRUFDVixJQUFJLEVBQ0osU0FBUyxFQUNULFNBQVMsRUFDVCxJQUFJLEVBQ0osU0FBUyxHQUNaLE1BQU0sTUFBTSxDQUFDOzs7QUFHZCxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsVUFBa0I7SUFDM0QsWUFDNEIsU0FBa0MsRUFDdEMsRUFBQyxhQUFhLEVBQTBCLEVBQzVDLElBQVksRUFDTyxRQUEyQjtRQUU5RCxLQUFLLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FDZixJQUFJLENBQUMsUUFBUTthQUNSLElBQUksQ0FDRCxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQ1AsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNYLE1BQU0sSUFBSSxHQUNOLGFBQWEsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUM7Z0JBQzFDLFNBQVMsQ0FBQyxhQUFhLENBQUM7WUFDNUIsTUFBTSxFQUFDLFlBQVksRUFBQyxHQUFHLGFBQWEsQ0FBQztZQUNyQyxNQUFNLEVBQUMsU0FBUyxFQUFDLEdBQUcsbUJBQW1CLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDO1lBRTdELE9BQU8sYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FDM0IsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUNMLElBQUksQ0FBQyxHQUFHLENBQ0osQ0FBQztnQkFDRyxJQUFJLENBQUMsR0FBRyxDQUNKLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLFNBQVMsRUFDdEMsQ0FBQyxDQUNKO29CQUNHLFlBQVksRUFDcEIsQ0FBQyxDQUNKLENBQ0osQ0FDSixDQUFDO1FBQ04sQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUNaLG9CQUFvQixFQUFFLEVBQ3RCLElBQUksQ0FBQyxDQUFDLENBQUMsRUFDUCxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsRUFDdEIsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUN0QjthQUNBLFNBQVMsQ0FBQyxVQUFVLENBQUMsQ0FDN0IsQ0FBQztJQUNOLENBQUM7O3FIQXhDUSx1QkFBdUIsa0JBRXBCLGNBQWMsYUFDZCxVQUFVLGFBQ1YsTUFBTSxhQUNFLGlCQUFpQjt5SEFMNUIsdUJBQXVCOzRGQUF2Qix1QkFBdUI7a0JBRG5DLFVBQVU7OzBCQUdGLE1BQU07MkJBQUMsY0FBYzs7MEJBQ3JCLE1BQU07MkJBQUMsVUFBVTs7MEJBQ2pCLE1BQU07MkJBQUMsTUFBTTs7MEJBQ2IsSUFBSTs7MEJBQUksTUFBTTsyQkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0VsZW1lbnRSZWYsIEluamVjdCwgSW5qZWN0YWJsZSwgTmdab25lLCBTZWxmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgU0NST0xMX1JFRl9TRUxFQ1RPUixcbiAgICBUVUlfU0NST0xMX1JFRixcbiAgICBUdWlEZXN0cm95U2VydmljZSxcbiAgICB0dWlHZXRFbGVtZW50T2Zmc2V0LFxuICAgIHR1aVNjcm9sbEZyb20sXG4gICAgdHVpWm9uZU9wdGltaXplZCxcbn0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1xuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkLFxuICAgIG1hcCxcbiAgICBPYnNlcnZhYmxlLFxuICAgIHNraXAsXG4gICAgc3RhcnRXaXRoLFxuICAgIHN3aXRjaE1hcCxcbiAgICB0YWtlLFxuICAgIHRha2VVbnRpbCxcbn0gZnJvbSAncnhqcyc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBUdWlFbGFzdGljU3RpY2t5U2VydmljZSBleHRlbmRzIE9ic2VydmFibGU8bnVtYmVyPiB7XG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVFVJX1NDUk9MTF9SRUYpIHNjcm9sbFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikge25hdGl2ZUVsZW1lbnR9OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgICAgQEluamVjdChOZ1pvbmUpIHpvbmU6IE5nWm9uZSxcbiAgICAgICAgQFNlbGYoKSBASW5qZWN0KFR1aURlc3Ryb3lTZXJ2aWNlKSBkZXN0cm95JDogVHVpRGVzdHJveVNlcnZpY2UsXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKHN1YnNjcmliZXIgPT5cbiAgICAgICAgICAgIHpvbmUub25TdGFibGVcbiAgICAgICAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgICAgICAgICAgdGFrZSgxKSxcbiAgICAgICAgICAgICAgICAgICAgc3dpdGNoTWFwKCgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGhvc3QgPVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hdGl2ZUVsZW1lbnQuY2xvc2VzdChTQ1JPTExfUkVGX1NFTEVDVE9SKSB8fFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNjcm9sbFJlZi5uYXRpdmVFbGVtZW50O1xuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qge29mZnNldEhlaWdodH0gPSBuYXRpdmVFbGVtZW50O1xuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qge29mZnNldFRvcH0gPSB0dWlHZXRFbGVtZW50T2Zmc2V0KGhvc3QsIG5hdGl2ZUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gdHVpU2Nyb2xsRnJvbShob3N0KS5waXBlKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcCgoKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBNYXRoLm1heChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDEgLVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIE1hdGgubWF4KFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBNYXRoLnJvdW5kKGhvc3Quc2Nyb2xsVG9wKSAtIG9mZnNldFRvcCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgMCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApIC9cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb2Zmc2V0SGVpZ2h0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgMCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgICAgIHN0YXJ0V2l0aCgxKSxcbiAgICAgICAgICAgICAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICAgICAgICAgICAgICAgICAgc2tpcCgxKSxcbiAgICAgICAgICAgICAgICAgICAgdHVpWm9uZU9wdGltaXplZCh6b25lKSxcbiAgICAgICAgICAgICAgICAgICAgdGFrZVVudGlsKGRlc3Ryb3kkKSxcbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgLnN1YnNjcmliZShzdWJzY3JpYmVyKSxcbiAgICAgICAgKTtcbiAgICB9XG59XG4iXX0=

package/esm2020/directives/mobile-tabs/mobile-tabs.component.mjs

@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TuiMobileTabsComponent {
+}
+TuiMobileTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiMobileTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiMobileTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiMobileTabsComponent, selector: "ng-component", host: { classAttribute: "tui-mobile-tabs-styles" }, ngImport: i0, template: '', isInline: true, styles: ["tui-tabs[tuiMobileTabs][data-platform=android],[tuiTabs][tuiMobileTabs][data-platform=android],[tuiMobileTabs] tui-tabs[data-platform=android],[tuiMobileTabs] [tuiTabs][data-platform=android]{height:auto}tui-tabs[tuiMobileTabs][data-platform=android] tui-underline,[tuiTabs][tuiMobileTabs][data-platform=android] tui-underline,[tuiMobileTabs] tui-tabs[data-platform=android] tui-underline,[tuiMobileTabs] [tuiTabs][data-platform=android] tui-underline{box-shadow:inset 0 -.1875rem var(--tui-link)}tui-tabs[tuiMobileTabs][data-platform=android] [tuiTab],[tuiTabs][tuiMobileTabs][data-platform=android] [tuiTab],[tuiMobileTabs] tui-tabs[data-platform=android] [tuiTab],[tuiMobileTabs] [tuiTabs][data-platform=android] [tuiTab]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}tui-tabs[tuiMobileTabs][data-platform=android] [tuiTab]:hover,[tuiTabs][tuiMobileTabs][data-platform=android] [tuiTab]:hover,[tuiMobileTabs] tui-tabs[data-platform=android] [tuiTab]:hover,[tuiMobileTabs] [tuiTabs][data-platform=android] [tuiTab]:hover{box-shadow:none}tui-tabs[tuiMobileTabs][data-platform=android] [tuiTab]._active,[tuiTabs][tuiMobileTabs][data-platform=android] [tuiTab]._active,[tuiMobileTabs] tui-tabs[data-platform=android] [tuiTab]._active,[tuiMobileTabs] [tuiTabs][data-platform=android] [tuiTab]._active{opacity:1;color:var(--tui-base-09)}tui-tabs[tuiMobileTabs][data-platform=ios],[tuiTabs][tuiMobileTabs][data-platform=ios],[tuiMobileTabs] tui-tabs[data-platform=ios],[tuiMobileTabs] [tuiTabs][data-platform=ios]{height:auto;border:2px solid transparent;border-radius:.5625rem;background:var(--tui-clear);box-shadow:none;overflow:visible}tui-tabs[tuiMobileTabs][data-platform=ios] tui-underline,[tuiTabs][tuiMobileTabs][data-platform=ios] tui-underline,[tuiMobileTabs] tui-tabs[data-platform=ios] tui-underline,[tuiMobileTabs] [tuiTabs][data-platform=ios] tui-underline{border-radius:.4375rem;background:var(--tui-base-01);box-shadow:0 .1875rem .0625rem #0000000a,0 .1875rem .5rem #0000001f}tui-tabs[tuiMobileTabs][data-platform=ios] [tuiTab],[tuiTabs][tuiMobileTabs][data-platform=ios] [tuiTab],[tuiMobileTabs] tui-tabs[data-platform=ios] [tuiTab],[tuiMobileTabs] [tuiTabs][data-platform=ios] [tuiTab]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;color:var(--tui-text-01);opacity:1;font-size:.8125rem;font-weight:600;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}tui-tabs[tuiMobileTabs][data-platform=ios] [tuiTab]:hover,[tuiTabs][tuiMobileTabs][data-platform=ios] [tuiTab]:hover,[tuiMobileTabs] tui-tabs[data-platform=ios] [tuiTab]:hover,[tuiMobileTabs] [tuiTabs][data-platform=ios] [tuiTab]:hover{box-shadow:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiMobileTabsComponent, decorators: [{
+            type: Component,
+            args: [{ host: {
+                        class: 'tui-mobile-tabs-styles',
+                    }, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["tui-tabs[tuiMobileTabs][data-platform=android],[tuiTabs][tuiMobileTabs][data-platform=android],[tuiMobileTabs] tui-tabs[data-platform=android],[tuiMobileTabs] [tuiTabs][data-platform=android]{height:auto}tui-tabs[tuiMobileTabs][data-platform=android] tui-underline,[tuiTabs][tuiMobileTabs][data-platform=android] tui-underline,[tuiMobileTabs] tui-tabs[data-platform=android] tui-underline,[tuiMobileTabs] [tuiTabs][data-platform=android] tui-underline{box-shadow:inset 0 -.1875rem var(--tui-link)}tui-tabs[tuiMobileTabs][data-platform=android] [tuiTab],[tuiTabs][tuiMobileTabs][data-platform=android] [tuiTab],[tuiMobileTabs] tui-tabs[data-platform=android] [tuiTab],[tuiMobileTabs] [tuiTabs][data-platform=android] [tuiTab]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}tui-tabs[tuiMobileTabs][data-platform=android] [tuiTab]:hover,[tuiTabs][tuiMobileTabs][data-platform=android] [tuiTab]:hover,[tuiMobileTabs] tui-tabs[data-platform=android] [tuiTab]:hover,[tuiMobileTabs] [tuiTabs][data-platform=android] [tuiTab]:hover{box-shadow:none}tui-tabs[tuiMobileTabs][data-platform=android] [tuiTab]._active,[tuiTabs][tuiMobileTabs][data-platform=android] [tuiTab]._active,[tuiMobileTabs] tui-tabs[data-platform=android] [tuiTab]._active,[tuiMobileTabs] [tuiTabs][data-platform=android] [tuiTab]._active{opacity:1;color:var(--tui-base-09)}tui-tabs[tuiMobileTabs][data-platform=ios],[tuiTabs][tuiMobileTabs][data-platform=ios],[tuiMobileTabs] tui-tabs[data-platform=ios],[tuiMobileTabs] [tuiTabs][data-platform=ios]{height:auto;border:2px solid transparent;border-radius:.5625rem;background:var(--tui-clear);box-shadow:none;overflow:visible}tui-tabs[tuiMobileTabs][data-platform=ios] tui-underline,[tuiTabs][tuiMobileTabs][data-platform=ios] tui-underline,[tuiMobileTabs] tui-tabs[data-platform=ios] tui-underline,[tuiMobileTabs] [tuiTabs][data-platform=ios] tui-underline{border-radius:.4375rem;background:var(--tui-base-01);box-shadow:0 .1875rem .0625rem #0000000a,0 .1875rem .5rem #0000001f}tui-tabs[tuiMobileTabs][data-platform=ios] [tuiTab],[tuiTabs][tuiMobileTabs][data-platform=ios] [tuiTab],[tuiMobileTabs] tui-tabs[data-platform=ios] [tuiTab],[tuiMobileTabs] [tuiTabs][data-platform=ios] [tuiTab]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;color:var(--tui-text-01);opacity:1;font-size:.8125rem;font-weight:600;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}tui-tabs[tuiMobileTabs][data-platform=ios] [tuiTab]:hover,[tuiTabs][tuiMobileTabs][data-platform=ios] [tuiTab]:hover,[tuiMobileTabs] tui-tabs[data-platform=ios] [tuiTab]:hover,[tuiMobileTabs] [tuiTabs][data-platform=ios] [tuiTab]:hover{box-shadow:none}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWRkb24tbW9iaWxlL2RpcmVjdGl2ZXMvbW9iaWxlLXRhYnMvbW9iaWxlLXRhYnMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBV3BGLE1BQU0sT0FBTyxzQkFBc0I7O29IQUF0QixzQkFBc0I7d0dBQXRCLHNCQUFzQix3R0FMckIsRUFBRTs0RkFLSCxzQkFBc0I7a0JBVGxDLFNBQVM7MkJBQ0E7d0JBQ0YsS0FBSyxFQUFFLHdCQUF3QjtxQkFDbEMsWUFDUyxFQUFFLGlCQUVHLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ3R1aS1tb2JpbGUtdGFicy1zdHlsZXMnLFxuICAgIH0sXG4gICAgdGVtcGxhdGU6ICcnLFxuICAgIHN0eWxlVXJsczogWycuL21vYmlsZS10YWJzLnN0eWxlLmxlc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlNb2JpbGVUYWJzQ29tcG9uZW50IHt9XG4iXX0=

package/{esm2015/directives/mobile-tabs/mobile-tabs.directive.js → esm2020/directives/mobile-tabs/mobile-tabs.directive.mjs}

@@ -21,14 +21,14 @@ export class TuiMobileTabsDirective {
         return null;
     }
 }
-TuiMobileTabsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiMobileTabsDirective, deps: [{ token: TUI_IS_IOS }, { token: TUI_IS_ANDROID }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
-TuiMobileTabsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiMobileTabsDirective, selector: "[tuiMobileTabs]", host: { properties: { "attr.data-platform": "this.platform" } }, providers: [
+TuiMobileTabsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiMobileTabsDirective, deps: [{ token: TUI_IS_IOS }, { token: TUI_IS_ANDROID }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
+TuiMobileTabsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiMobileTabsDirective, selector: "[tuiMobileTabs]", host: { properties: { "attr.data-platform": "this.platform" } }, providers: [
         {
             provide: TUI_TAB_MARGIN,
             useValue: 0,
         },
     ], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiMobileTabsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiMobileTabsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiMobileTabs]',

package/{esm2015/directives/mobile-tabs/mobile-tabs.module.js → esm2020/directives/mobile-tabs/mobile-tabs.module.mjs}

@@ -4,10 +4,10 @@ import { TuiMobileTabsDirective } from './mobile-tabs.directive';
 import * as i0 from "@angular/core";
 export class TuiMobileTabsModule {
 }
-TuiMobileTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiMobileTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TuiMobileTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiMobileTabsModule, declarations: [TuiMobileTabsDirective, TuiMobileTabsComponent], exports: [TuiMobileTabsDirective, TuiMobileTabsComponent] });
-TuiMobileTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiMobileTabsModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiMobileTabsModule, decorators: [{
+TuiMobileTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiMobileTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiMobileTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiMobileTabsModule, declarations: [TuiMobileTabsDirective, TuiMobileTabsComponent], exports: [TuiMobileTabsDirective, TuiMobileTabsComponent] });
+TuiMobileTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiMobileTabsModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiMobileTabsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TuiMobileTabsDirective, TuiMobileTabsComponent],

package/{esm2015/directives/ripple/ripple-styles.component.js → esm2020/directives/ripple/ripple-styles.component.mjs}

@@ -2,18 +2,12 @@ import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/
 import * as i0 from "@angular/core";
 export class TuiRippleStylesComponent {
 }
-TuiRippleStylesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiRippleStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TuiRippleStylesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiRippleStylesComponent, selector: "ng-component", host: { classAttribute: "tui-ripple-styles" }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes tuiRippleOn{0%{transform:scale(0);opacity:.12}to{transform:none;opacity:.12}}@keyframes tuiRippleOff{0%{transform:none;opacity:.12}to{transform:none;opacity:0}}*[tuiRipple]{position:relative;overflow:hidden}.tui-ripple{position:absolute;z-index:100;border-radius:100%;background:currentColor;transform:scale(0);animation-duration:.45s;animation-fill-mode:forwards;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiRippleStylesComponent, decorators: [{
+TuiRippleStylesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRippleStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiRippleStylesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiRippleStylesComponent, selector: "ng-component", host: { classAttribute: "tui-ripple-styles" }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes tuiRippleOn{0%{transform:scale(0);opacity:.12}to{transform:none;opacity:.12}}@keyframes tuiRippleOff{0%{transform:none;opacity:.12}to{transform:none;opacity:0}}*[tuiRipple]{position:relative;overflow:hidden}.tui-ripple{position:absolute;z-index:100;border-radius:100%;background:currentColor;transform:scale(0);animation-duration:.45s;animation-fill-mode:forwards;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRippleStylesComponent, decorators: [{
             type: Component,
-            args: [{
-                    host: {
+            args: [{ host: {
                         class: 'tui-ripple-styles',
-                    },
-                    template: '',
-                    styleUrls: ['./ripple.style.less'],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
+                    }, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes tuiRippleOn{0%{transform:scale(0);opacity:.12}to{transform:none;opacity:.12}}@keyframes tuiRippleOff{0%{transform:none;opacity:.12}to{transform:none;opacity:0}}*[tuiRipple]{position:relative;overflow:hidden}.tui-ripple{position:absolute;z-index:100;border-radius:100%;background:currentColor;transform:scale(0);animation-duration:.45s;animation-fill-mode:forwards;pointer-events:none}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLXN0eWxlcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9yaXBwbGUvcmlwcGxlLXN0eWxlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFXcEYsTUFBTSxPQUFPLHdCQUF3Qjs7c0hBQXhCLHdCQUF3QjswR0FBeEIsd0JBQXdCLG1HQUx2QixFQUFFOzRGQUtILHdCQUF3QjtrQkFUcEMsU0FBUzttQkFBQztvQkFDUCxJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLG1CQUFtQjtxQkFDN0I7b0JBQ0QsUUFBUSxFQUFFLEVBQUU7b0JBQ1osU0FBUyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2xDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDbEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ3R1aS1yaXBwbGUtc3R5bGVzJyxcbiAgICB9LFxuICAgIHRlbXBsYXRlOiAnJyxcbiAgICBzdHlsZVVybHM6IFsnLi9yaXBwbGUuc3R5bGUubGVzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFR1aVJpcHBsZVN0eWxlc0NvbXBvbmVudCB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLXN0eWxlcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9yaXBwbGUvcmlwcGxlLXN0eWxlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFXcEYsTUFBTSxPQUFPLHdCQUF3Qjs7c0hBQXhCLHdCQUF3QjswR0FBeEIsd0JBQXdCLG1HQUx2QixFQUFFOzRGQUtILHdCQUF3QjtrQkFUcEMsU0FBUzsyQkFDQTt3QkFDRixLQUFLLEVBQUUsbUJBQW1CO3FCQUM3QixZQUNTLEVBQUUsaUJBRUcsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAndHVpLXJpcHBsZS1zdHlsZXMnLFxuICAgIH0sXG4gICAgdGVtcGxhdGU6ICcnLFxuICAgIHN0eWxlVXJsczogWycuL3JpcHBsZS5zdHlsZS5sZXNzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgVHVpUmlwcGxlU3R5bGVzQ29tcG9uZW50IHt9XG4iXX0=

package/esm2020/directives/ripple/ripple.directive.mjs

@@ -0,0 +1,66 @@
+import { Directive, ElementRef, Inject, Input, Renderer2, Self } from '@angular/core';
+import { ALWAYS_FALSE_HANDLER, ALWAYS_TRUE_HANDLER, TuiDestroyService, TuiDirectiveStylesService, tuiTypedFromEvent, } from '@taiga-ui/cdk';
+import { map, mergeMap, race, switchMap, take, takeUntil, tap, timer, } from 'rxjs';
+import { RIPPLE_OFF, TUI_RIPPLE_END, TUI_RIPPLE_PROVIDERS, TUI_RIPPLE_START, } from './ripple.providers';
+import { TuiRippleStylesComponent } from './ripple-styles.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk";
+import * as i2 from "rxjs";
+const TOUCH_MOVE_DELAY = 100;
+export class TuiRippleDirective {
+    constructor({ nativeElement }, directiveStyles, renderer, destroy$, start$, end$) {
+        directiveStyles.addComponent(TuiRippleStylesComponent);
+        const touchEnd$ = tuiTypedFromEvent(nativeElement, 'touchend');
+        const touchMove$ = tuiTypedFromEvent(nativeElement, 'touchmove');
+        end$.subscribe(element => {
+            renderer.removeChild(nativeElement, element);
+        });
+        start$
+            .pipe(mergeMap(ripple => {
+            const animationEndOn$ = tuiTypedFromEvent(ripple, 'animationend');
+            return race(timer(TOUCH_MOVE_DELAY).pipe(map(ALWAYS_FALSE_HANDLER)), touchEnd$.pipe(map(ALWAYS_TRUE_HANDLER))).pipe(take(1), 
+            // eslint-disable-next-line rxjs/no-unsafe-takeuntil
+            takeUntil(touchMove$), tap(() => {
+                renderer.setStyle(ripple, 'background', this.tuiRipple || null);
+                renderer.appendChild(nativeElement, ripple);
+            }), switchMap(isTap => isTap
+                ? animationEndOn$
+                : race(touchEnd$.pipe(switchMap(() => animationEndOn$)), animationEndOn$.pipe(switchMap(() => touchEnd$)))), map(() => ripple));
+        }), takeUntil(destroy$))
+            .subscribe(element => {
+            renderer.setStyle(element, 'animationName', RIPPLE_OFF);
+        });
+    }
+}
+TuiRippleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRippleDirective, deps: [{ token: ElementRef }, { token: TuiDirectiveStylesService }, { token: Renderer2 }, { token: TuiDestroyService, self: true }, { token: TUI_RIPPLE_START }, { token: TUI_RIPPLE_END }], target: i0.ɵɵFactoryTarget.Directive });
+TuiRippleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiRippleDirective, selector: "[tuiRipple]", inputs: { tuiRipple: "tuiRipple" }, providers: TUI_RIPPLE_PROVIDERS, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRippleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiRipple]',
+                    providers: TUI_RIPPLE_PROVIDERS,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: i1.TuiDirectiveStylesService, decorators: [{
+                    type: Inject,
+                    args: [TuiDirectiveStylesService]
+                }] }, { type: i0.Renderer2, decorators: [{
+                    type: Inject,
+                    args: [Renderer2]
+                }] }, { type: i1.TuiDestroyService, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }, { type: i2.Observable, decorators: [{
+                    type: Inject,
+                    args: [TUI_RIPPLE_START]
+                }] }, { type: i2.Observable, decorators: [{
+                    type: Inject,
+                    args: [TUI_RIPPLE_END]
+                }] }]; }, propDecorators: { tuiRipple: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9kaXJlY3RpdmVzL3JpcHBsZS9yaXBwbGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNwRixPQUFPLEVBQ0gsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNuQixpQkFBaUIsRUFDakIseUJBQXlCLEVBQ3pCLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0gsR0FBRyxFQUNILFFBQVEsRUFFUixJQUFJLEVBQ0osU0FBUyxFQUNULElBQUksRUFDSixTQUFTLEVBQ1QsR0FBRyxFQUNILEtBQUssR0FDUixNQUFNLE1BQU0sQ0FBQztBQUVkLE9BQU8sRUFDSCxVQUFVLEVBQ1YsY0FBYyxFQUNkLG9CQUFvQixFQUNwQixnQkFBZ0IsR0FDbkIsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQzs7OztBQUVuRSxNQUFNLGdCQUFnQixHQUFHLEdBQUcsQ0FBQztBQU03QixNQUFNLE9BQU8sa0JBQWtCO0lBSTNCLFlBQ3dCLEVBQUMsYUFBYSxFQUEwQixFQUN6QixlQUEwQyxFQUMxRCxRQUFtQixFQUNILFFBQTJCLEVBQ3BDLE1BQStCLEVBQ2pDLElBQTZCO1FBRXJELGVBQWUsQ0FBQyxZQUFZLENBQUMsd0JBQXdCLENBQUMsQ0FBQztRQUV2RCxNQUFNLFNBQVMsR0FBRyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDL0QsTUFBTSxVQUFVLEdBQUcsaUJBQWlCLENBQUMsYUFBYSxFQUFFLFdBQVcsQ0FBQyxDQUFDO1FBRWpFLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDckIsUUFBUSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDakQsQ0FBQyxDQUFDLENBQUM7UUFDSCxNQUFNO2FBQ0QsSUFBSSxDQUNELFFBQVEsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNkLE1BQU0sZUFBZSxHQUFHLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxjQUFjLENBQUMsQ0FBQztZQUVsRSxPQUFPLElBQUksQ0FDUCxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLG9CQUFvQixDQUFDLENBQUMsRUFDdkQsU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUMzQyxDQUFDLElBQUksQ0FDRixJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQ1Asb0RBQW9EO1lBQ3BELFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFDckIsR0FBRyxDQUFDLEdBQUcsRUFBRTtnQkFDTCxRQUFRLENBQUMsUUFBUSxDQUNiLE1BQU0sRUFDTixZQUFZLEVBQ1osSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQ3pCLENBQUM7Z0JBQ0YsUUFBUSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDaEQsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQ2QsS0FBSztnQkFDRCxDQUFDLENBQUMsZUFBZTtnQkFDakIsQ0FBQyxDQUFDLElBQUksQ0FDQSxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUNoRCxlQUFlLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUNuRCxDQUNWLEVBQ0QsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUNwQixDQUFDO1FBQ04sQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUN0QjthQUNBLFNBQVMsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUNqQixRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDNUQsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDOztnSEF4RFEsa0JBQWtCLGtCQUtmLFVBQVUsYUFDVix5QkFBeUIsYUFDekIsU0FBUyxhQUNELGlCQUFpQix5QkFDekIsZ0JBQWdCLGFBQ2hCLGNBQWM7b0dBVmpCLGtCQUFrQiwwRUFGaEIsb0JBQW9COzRGQUV0QixrQkFBa0I7a0JBSjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFNBQVMsRUFBRSxvQkFBb0I7aUJBQ2xDOzswQkFNUSxNQUFNOzJCQUFDLFVBQVU7OzBCQUNqQixNQUFNOzJCQUFDLHlCQUF5Qjs7MEJBQ2hDLE1BQU07MkJBQUMsU0FBUzs7MEJBQ2hCLElBQUk7OzBCQUFJLE1BQU07MkJBQUMsaUJBQWlCOzswQkFDaEMsTUFBTTsyQkFBQyxnQkFBZ0I7OzBCQUN2QixNQUFNOzJCQUFDLGNBQWM7NENBUjFCLFNBQVM7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbmplY3QsIElucHV0LCBSZW5kZXJlcjIsIFNlbGZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBTFdBWVNfRkFMU0VfSEFORExFUixcbiAgICBBTFdBWVNfVFJVRV9IQU5ETEVSLFxuICAgIFR1aURlc3Ryb3lTZXJ2aWNlLFxuICAgIFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UsXG4gICAgdHVpVHlwZWRGcm9tRXZlbnQsXG59IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtcbiAgICBtYXAsXG4gICAgbWVyZ2VNYXAsXG4gICAgT2JzZXJ2YWJsZSxcbiAgICByYWNlLFxuICAgIHN3aXRjaE1hcCxcbiAgICB0YWtlLFxuICAgIHRha2VVbnRpbCxcbiAgICB0YXAsXG4gICAgdGltZXIsXG59IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQge1xuICAgIFJJUFBMRV9PRkYsXG4gICAgVFVJX1JJUFBMRV9FTkQsXG4gICAgVFVJX1JJUFBMRV9QUk9WSURFUlMsXG4gICAgVFVJX1JJUFBMRV9TVEFSVCxcbn0gZnJvbSAnLi9yaXBwbGUucHJvdmlkZXJzJztcbmltcG9ydCB7VHVpUmlwcGxlU3R5bGVzQ29tcG9uZW50fSBmcm9tICcuL3JpcHBsZS1zdHlsZXMuY29tcG9uZW50JztcblxuY29uc3QgVE9VQ0hfTU9WRV9ERUxBWSA9IDEwMDtcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbdHVpUmlwcGxlXScsXG4gICAgcHJvdmlkZXJzOiBUVUlfUklQUExFX1BST1ZJREVSUyxcbn0pXG5leHBvcnQgY2xhc3MgVHVpUmlwcGxlRGlyZWN0aXZlIHtcbiAgICBASW5wdXQoKVxuICAgIHR1aVJpcHBsZT86IHN0cmluZyB8ICcnO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikge25hdGl2ZUVsZW1lbnR9OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgICAgQEluamVjdChUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlKSBkaXJlY3RpdmVTdHlsZXM6IFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UsXG4gICAgICAgIEBJbmplY3QoUmVuZGVyZXIyKSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgICAgICBAU2VsZigpIEBJbmplY3QoVHVpRGVzdHJveVNlcnZpY2UpIGRlc3Ryb3kkOiBUdWlEZXN0cm95U2VydmljZSxcbiAgICAgICAgQEluamVjdChUVUlfUklQUExFX1NUQVJUKSBzdGFydCQ6IE9ic2VydmFibGU8SFRNTEVsZW1lbnQ+LFxuICAgICAgICBASW5qZWN0KFRVSV9SSVBQTEVfRU5EKSBlbmQkOiBPYnNlcnZhYmxlPEV2ZW50VGFyZ2V0PixcbiAgICApIHtcbiAgICAgICAgZGlyZWN0aXZlU3R5bGVzLmFkZENvbXBvbmVudChUdWlSaXBwbGVTdHlsZXNDb21wb25lbnQpO1xuXG4gICAgICAgIGNvbnN0IHRvdWNoRW5kJCA9IHR1aVR5cGVkRnJvbUV2ZW50KG5hdGl2ZUVsZW1lbnQsICd0b3VjaGVuZCcpO1xuICAgICAgICBjb25zdCB0b3VjaE1vdmUkID0gdHVpVHlwZWRGcm9tRXZlbnQobmF0aXZlRWxlbWVudCwgJ3RvdWNobW92ZScpO1xuXG4gICAgICAgIGVuZCQuc3Vic2NyaWJlKGVsZW1lbnQgPT4ge1xuICAgICAgICAgICAgcmVuZGVyZXIucmVtb3ZlQ2hpbGQobmF0aXZlRWxlbWVudCwgZWxlbWVudCk7XG4gICAgICAgIH0pO1xuICAgICAgICBzdGFydCRcbiAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgIG1lcmdlTWFwKHJpcHBsZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGFuaW1hdGlvbkVuZE9uJCA9IHR1aVR5cGVkRnJvbUV2ZW50KHJpcHBsZSwgJ2FuaW1hdGlvbmVuZCcpO1xuXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiByYWNlKFxuICAgICAgICAgICAgICAgICAgICAgICAgdGltZXIoVE9VQ0hfTU9WRV9ERUxBWSkucGlwZShtYXAoQUxXQVlTX0ZBTFNFX0hBTkRMRVIpKSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHRvdWNoRW5kJC5waXBlKG1hcChBTFdBWVNfVFJVRV9IQU5ETEVSKSksXG4gICAgICAgICAgICAgICAgICAgICkucGlwZShcbiAgICAgICAgICAgICAgICAgICAgICAgIHRha2UoMSksXG4gICAgICAgICAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcnhqcy9uby11bnNhZmUtdGFrZXVudGlsXG4gICAgICAgICAgICAgICAgICAgICAgICB0YWtlVW50aWwodG91Y2hNb3ZlJCksXG4gICAgICAgICAgICAgICAgICAgICAgICB0YXAoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByaXBwbGUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICdiYWNrZ3JvdW5kJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy50dWlSaXBwbGUgfHwgbnVsbCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlbmRlcmVyLmFwcGVuZENoaWxkKG5hdGl2ZUVsZW1lbnQsIHJpcHBsZSk7XG4gICAgICAgICAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHN3aXRjaE1hcChpc1RhcCA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzVGFwXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gYW5pbWF0aW9uRW5kT24kXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogcmFjZShcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdG91Y2hFbmQkLnBpcGUoc3dpdGNoTWFwKCgpID0+IGFuaW1hdGlvbkVuZE9uJCkpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbmltYXRpb25FbmRPbiQucGlwZShzd2l0Y2hNYXAoKCkgPT4gdG91Y2hFbmQkKSksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXAoKCkgPT4gcmlwcGxlKSxcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICB0YWtlVW50aWwoZGVzdHJveSQpLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShlbGVtZW50ID0+IHtcbiAgICAgICAgICAgICAgICByZW5kZXJlci5zZXRTdHlsZShlbGVtZW50LCAnYW5pbWF0aW9uTmFtZScsIFJJUFBMRV9PRkYpO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxufVxuIl19

package/{esm2015/directives/ripple/ripple.module.js → esm2020/directives/ripple/ripple.module.mjs}

@@ -4,10 +4,10 @@ import { TuiRippleStylesComponent } from './ripple-styles.component';
 import * as i0 from "@angular/core";
 export class TuiRippleModule {
 }
-TuiRippleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TuiRippleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiRippleModule, declarations: [TuiRippleDirective, TuiRippleStylesComponent], exports: [TuiRippleDirective] });
-TuiRippleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiRippleModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiRippleModule, decorators: [{
+TuiRippleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiRippleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiRippleModule, declarations: [TuiRippleDirective, TuiRippleStylesComponent], exports: [TuiRippleDirective] });
+TuiRippleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRippleModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRippleModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TuiRippleDirective, TuiRippleStylesComponent],

package/esm2020/directives/ripple/ripple.providers.mjs

@@ -0,0 +1,42 @@
+import { ElementRef, InjectionToken, Renderer2 } from '@angular/core';
+import { TUI_IS_IOS, TUI_TOUCH_SUPPORTED, TuiDestroyService, tuiIsPresent, tuiPx, tuiTypedFromEvent, } from '@taiga-ui/cdk';
+import { EMPTY, filter, map, takeUntil } from 'rxjs';
+export const RIPPLE_ON = `tuiRippleOn`;
+export const RIPPLE_OFF = `tuiRippleOff`;
+/**
+ * Stream of ripple elements to add
+ */
+export const TUI_RIPPLE_START = new InjectionToken(`[TUI_RIPPLE_START]`);
+/**
+ * Stream of ripple elements to remove
+ */
+export const TUI_RIPPLE_END = new InjectionToken(`[TUI_RIPPLE_END]`);
+export const TUI_RIPPLE_PROVIDERS = [
+    TuiDestroyService,
+    {
+        provide: TUI_RIPPLE_START,
+        deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, Renderer2],
+        useFactory: (touchSupported, isIOS, { nativeElement }, renderer) => isIOS || !touchSupported
+            ? EMPTY
+            : tuiTypedFromEvent(nativeElement, `touchstart`).pipe(map(({ touches }) => {
+                const { clientX, clientY } = touches[touches.length - 1];
+                const { width, height, top, left } = nativeElement.getBoundingClientRect();
+                const radius = Math.sqrt(width * width + height * height);
+                const dimension = radius * 2;
+                const x = clientX - left - radius;
+                const y = clientY - top - radius;
+                const ripple = renderer.createElement(`div`);
+                renderer.addClass(ripple, `tui-ripple`);
+                renderer.setAttribute(ripple, `style`, `width: ${tuiPx(dimension)}; height: ${tuiPx(dimension)}; left: ${tuiPx(x)}; top: ${tuiPx(y)}; animation-name: ${RIPPLE_ON};`);
+                return ripple;
+            })),
+    },
+    {
+        provide: TUI_RIPPLE_END,
+        deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, TuiDestroyService],
+        useFactory: (touchSupported, isIOS, { nativeElement }, destroy$) => isIOS || !touchSupported
+            ? EMPTY
+            : tuiTypedFromEvent(nativeElement, `animationend`).pipe(filter(({ animationName }) => animationName === RIPPLE_OFF), map(({ target }) => target), filter(tuiIsPresent), takeUntil(destroy$)),
+    },
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLnByb3ZpZGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9kaXJlY3RpdmVzL3JpcHBsZS9yaXBwbGUucHJvdmlkZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUUsY0FBYyxFQUFZLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM5RSxPQUFPLEVBQ0gsVUFBVSxFQUNWLG1CQUFtQixFQUNuQixpQkFBaUIsRUFDakIsWUFBWSxFQUNaLEtBQUssRUFDTCxpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFjLFNBQVMsRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUUvRCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsYUFBYSxDQUFDO0FBQ3ZDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxjQUFjLENBQUM7QUFFekM7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLGNBQWMsQ0FDOUMsb0JBQW9CLENBQ3ZCLENBQUM7QUFFRjs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxJQUFJLGNBQWMsQ0FDNUMsa0JBQWtCLENBQ3JCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBZTtJQUM1QyxpQkFBaUI7SUFDakI7UUFDSSxPQUFPLEVBQUUsZ0JBQWdCO1FBQ3pCLElBQUksRUFBRSxDQUFDLG1CQUFtQixFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsU0FBUyxDQUFDO1FBQzlELFVBQVUsRUFBRSxDQUNSLGNBQXVCLEVBQ3ZCLEtBQWMsRUFDZCxFQUFDLGFBQWEsRUFBMEIsRUFDeEMsUUFBbUIsRUFDSSxFQUFFLENBQ3pCLEtBQUssSUFBSSxDQUFDLGNBQWM7WUFDcEIsQ0FBQyxDQUFDLEtBQUs7WUFDUCxDQUFDLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLFlBQVksQ0FBQyxDQUFDLElBQUksQ0FDL0MsR0FBRyxDQUFDLENBQUMsRUFBQyxPQUFPLEVBQUMsRUFBRSxFQUFFO2dCQUNkLE1BQU0sRUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFDLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7Z0JBQ3ZELE1BQU0sRUFBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUMsR0FDNUIsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7Z0JBQzFDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssR0FBRyxNQUFNLEdBQUcsTUFBTSxDQUFDLENBQUM7Z0JBQzFELE1BQU0sU0FBUyxHQUFHLE1BQU0sR0FBRyxDQUFDLENBQUM7Z0JBQzdCLE1BQU0sQ0FBQyxHQUFHLE9BQU8sR0FBRyxJQUFJLEdBQUcsTUFBTSxDQUFDO2dCQUNsQyxNQUFNLENBQUMsR0FBRyxPQUFPLEdBQUcsR0FBRyxHQUFHLE1BQU0sQ0FBQztnQkFDakMsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFFN0MsUUFBUSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsWUFBWSxDQUFDLENBQUM7Z0JBQ3hDLFFBQVEsQ0FBQyxZQUFZLENBQ2pCLE1BQU0sRUFDTixPQUFPLEVBQ1AsVUFBVSxLQUFLLENBQUMsU0FBUyxDQUFDLGFBQWEsS0FBSyxDQUN4QyxTQUFTLENBQ1osV0FBVyxLQUFLLENBQUMsQ0FBQyxDQUFDLFVBQVUsS0FBSyxDQUMvQixDQUFDLENBQ0oscUJBQXFCLFNBQVMsR0FBRyxDQUNyQyxDQUFDO2dCQUVGLE9BQU8sTUFBTSxDQUFDO1lBQ2xCLENBQUMsQ0FBQyxDQUNMO0tBQ2Q7SUFDRDtRQUNJLE9BQU8sRUFBRSxjQUFjO1FBQ3ZCLElBQUksRUFBRSxDQUFDLG1CQUFtQixFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsaUJBQWlCLENBQUM7UUFDdEUsVUFBVSxFQUFFLENBQ1IsY0FBdUIsRUFDdkIsS0FBYyxFQUNkLEVBQUMsYUFBYSxFQUEwQixFQUN4QyxRQUEwQixFQUNILEVBQUUsQ0FDekIsS0FBSyxJQUFJLENBQUMsY0FBYztZQUNwQixDQUFDLENBQUMsS0FBSztZQUNQLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsY0FBYyxDQUFDLENBQUMsSUFBSSxDQUNqRCxNQUFNLENBQUMsQ0FBQyxFQUFDLGFBQWEsRUFBQyxFQUFFLEVBQUUsQ0FBQyxhQUFhLEtBQUssVUFBVSxDQUFDLEVBQ3pELEdBQUcsQ0FBQyxDQUFDLEVBQUMsTUFBTSxFQUFDLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUN6QixNQUFNLENBQUMsWUFBWSxDQUFDLEVBQ3BCLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FDdEI7S0FDZDtDQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0VsZW1lbnRSZWYsIEluamVjdGlvblRva2VuLCBQcm92aWRlciwgUmVuZGVyZXIyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgVFVJX0lTX0lPUyxcbiAgICBUVUlfVE9VQ0hfU1VQUE9SVEVELFxuICAgIFR1aURlc3Ryb3lTZXJ2aWNlLFxuICAgIHR1aUlzUHJlc2VudCxcbiAgICB0dWlQeCxcbiAgICB0dWlUeXBlZEZyb21FdmVudCxcbn0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge0VNUFRZLCBmaWx0ZXIsIG1hcCwgT2JzZXJ2YWJsZSwgdGFrZVVudGlsfSBmcm9tICdyeGpzJztcblxuZXhwb3J0IGNvbnN0IFJJUFBMRV9PTiA9IGB0dWlSaXBwbGVPbmA7XG5leHBvcnQgY29uc3QgUklQUExFX09GRiA9IGB0dWlSaXBwbGVPZmZgO1xuXG4vKipcbiAqIFN0cmVhbSBvZiByaXBwbGUgZWxlbWVudHMgdG8gYWRkXG4gKi9cbmV4cG9ydCBjb25zdCBUVUlfUklQUExFX1NUQVJUID0gbmV3IEluamVjdGlvblRva2VuPE9ic2VydmFibGU8SFRNTEVsZW1lbnQ+PihcbiAgICBgW1RVSV9SSVBQTEVfU1RBUlRdYCxcbik7XG5cbi8qKlxuICogU3RyZWFtIG9mIHJpcHBsZSBlbGVtZW50cyB0byByZW1vdmVcbiAqL1xuZXhwb3J0IGNvbnN0IFRVSV9SSVBQTEVfRU5EID0gbmV3IEluamVjdGlvblRva2VuPE9ic2VydmFibGU8SFRNTEVsZW1lbnQ+PihcbiAgICBgW1RVSV9SSVBQTEVfRU5EXWAsXG4pO1xuXG5leHBvcnQgY29uc3QgVFVJX1JJUFBMRV9QUk9WSURFUlM6IFByb3ZpZGVyW10gPSBbXG4gICAgVHVpRGVzdHJveVNlcnZpY2UsXG4gICAge1xuICAgICAgICBwcm92aWRlOiBUVUlfUklQUExFX1NUQVJULFxuICAgICAgICBkZXBzOiBbVFVJX1RPVUNIX1NVUFBPUlRFRCwgVFVJX0lTX0lPUywgRWxlbWVudFJlZiwgUmVuZGVyZXIyXSxcbiAgICAgICAgdXNlRmFjdG9yeTogKFxuICAgICAgICAgICAgdG91Y2hTdXBwb3J0ZWQ6IGJvb2xlYW4sXG4gICAgICAgICAgICBpc0lPUzogYm9vbGVhbixcbiAgICAgICAgICAgIHtuYXRpdmVFbGVtZW50fTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgICAgICAgICByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgICAgICApOiBPYnNlcnZhYmxlPEhUTUxFbGVtZW50PiA9PlxuICAgICAgICAgICAgaXNJT1MgfHwgIXRvdWNoU3VwcG9ydGVkXG4gICAgICAgICAgICAgICAgPyBFTVBUWVxuICAgICAgICAgICAgICAgIDogdHVpVHlwZWRGcm9tRXZlbnQobmF0aXZlRWxlbWVudCwgYHRvdWNoc3RhcnRgKS5waXBlKFxuICAgICAgICAgICAgICAgICAgICAgIG1hcCgoe3RvdWNoZXN9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IHtjbGllbnRYLCBjbGllbnRZfSA9IHRvdWNoZXNbdG91Y2hlcy5sZW5ndGggLSAxXTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qge3dpZHRoLCBoZWlnaHQsIHRvcCwgbGVmdH0gPVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgcmFkaXVzID0gTWF0aC5zcXJ0KHdpZHRoICogd2lkdGggKyBoZWlnaHQgKiBoZWlnaHQpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBkaW1lbnNpb24gPSByYWRpdXMgKiAyO1xuICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCB4ID0gY2xpZW50WCAtIGxlZnQgLSByYWRpdXM7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IHkgPSBjbGllbnRZIC0gdG9wIC0gcmFkaXVzO1xuICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCByaXBwbGUgPSByZW5kZXJlci5jcmVhdGVFbGVtZW50KGBkaXZgKTtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICByZW5kZXJlci5hZGRDbGFzcyhyaXBwbGUsIGB0dWktcmlwcGxlYCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHJlbmRlcmVyLnNldEF0dHJpYnV0ZShcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJpcHBsZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGBzdHlsZWAsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBgd2lkdGg6ICR7dHVpUHgoZGltZW5zaW9uKX07IGhlaWdodDogJHt0dWlQeChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaW1lbnNpb24sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfTsgbGVmdDogJHt0dWlQeCh4KX07IHRvcDogJHt0dWlQeChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB5LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX07IGFuaW1hdGlvbi1uYW1lOiAke1JJUFBMRV9PTn07YCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gcmlwcGxlO1xuICAgICAgICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgICAgKSxcbiAgICB9LFxuICAgIHtcbiAgICAgICAgcHJvdmlkZTogVFVJX1JJUFBMRV9FTkQsXG4gICAgICAgIGRlcHM6IFtUVUlfVE9VQ0hfU1VQUE9SVEVELCBUVUlfSVNfSU9TLCBFbGVtZW50UmVmLCBUdWlEZXN0cm95U2VydmljZV0sXG4gICAgICAgIHVzZUZhY3Rvcnk6IChcbiAgICAgICAgICAgIHRvdWNoU3VwcG9ydGVkOiBib29sZWFuLFxuICAgICAgICAgICAgaXNJT1M6IGJvb2xlYW4sXG4gICAgICAgICAgICB7bmF0aXZlRWxlbWVudH06IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgICAgICAgICAgZGVzdHJveSQ6IE9ic2VydmFibGU8dm9pZD4sXG4gICAgICAgICk6IE9ic2VydmFibGU8RXZlbnRUYXJnZXQ+ID0+XG4gICAgICAgICAgICBpc0lPUyB8fCAhdG91Y2hTdXBwb3J0ZWRcbiAgICAgICAgICAgICAgICA/IEVNUFRZXG4gICAgICAgICAgICAgICAgOiB0dWlUeXBlZEZyb21FdmVudChuYXRpdmVFbGVtZW50LCBgYW5pbWF0aW9uZW5kYCkucGlwZShcbiAgICAgICAgICAgICAgICAgICAgICBmaWx0ZXIoKHthbmltYXRpb25OYW1lfSkgPT4gYW5pbWF0aW9uTmFtZSA9PT0gUklQUExFX09GRiksXG4gICAgICAgICAgICAgICAgICAgICAgbWFwKCh7dGFyZ2V0fSkgPT4gdGFyZ2V0KSxcbiAgICAgICAgICAgICAgICAgICAgICBmaWx0ZXIodHVpSXNQcmVzZW50KSxcbiAgICAgICAgICAgICAgICAgICAgICB0YWtlVW50aWwoZGVzdHJveSQpLFxuICAgICAgICAgICAgICAgICAgKSxcbiAgICB9LFxuXTtcbiJdfQ==

package/esm2020/directives/sidebar/sidebar.component.mjs

@@ -0,0 +1,58 @@
+import { ChangeDetectionStrategy, Component, HostBinding, Inject, } from '@angular/core';
+import { TUI_ANIMATION_OPTIONS, tuiSlideIn, } from '@taiga-ui/core';
+import { TuiSidebarDirective } from './sidebar.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk";
+import * as i2 from "@tinkoff/ng-polymorpheus";
+import * as i3 from "./sidebar.directive";
+export class TuiSidebarComponent {
+    constructor(options, directive) {
+        this.options = options;
+        this.directive = directive;
+        this.left = {
+            ...this.options,
+            value: 'left',
+        };
+        this.right = {
+            ...this.options,
+            value: 'right',
+        };
+    }
+    get animation() {
+        return this.direction === 'left' ? this.left : this.right;
+    }
+    get directionHostClass() {
+        return `t-${this.directive.direction}`;
+    }
+    get direction() {
+        return this.directive.direction;
+    }
+    get content() {
+        return this.directive.content;
+    }
+    get autoWidth() {
+        return this.directive.autoWidth;
+    }
+    ngDoCheck() {
+        this.directive.check();
+    }
+}
+TuiSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiSidebarComponent, deps: [{ token: TUI_ANIMATION_OPTIONS }, { token: TuiSidebarDirective }], target: i0.ɵɵFactoryTarget.Component });
+TuiSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiSidebarComponent, selector: "aside[tuiSidebar]", host: { properties: { "@tuiSlideIn": "this.animation", "class": "this.directionHostClass" } }, ngImport: i0, template: "<div\n    tuiActiveZone\n    class=\"t-wrapper\"\n    [class.t-wrapper_auto-width]=\"autoWidth\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text\">\n        {{ text }}\n    </ng-container>\n</div>\n", styles: [":host{position:fixed;top:0;left:0;width:100%;height:100%;display:flex}:host:before,:host:after{position:absolute;top:0;left:0;width:100%;content:\"\";height:100%;background:rgba(0,0,0,.38);animation:tuiFadeIn var(--tui-duration)}:host:before{left:-100%;width:200%}:host:after{left:100%}:host.ng-animating:before,:host.ng-animating:after{opacity:0;transition:opacity var(--tui-duration)}:host.t-right{justify-content:flex-end}:host.t-left{justify-content:flex-start}.t-wrapper{position:relative;display:flex;flex-direction:column;background:var(--tui-base-01);box-shadow:0 10rem var(--tui-base-01);width:17.25rem}.t-wrapper_auto-width{width:auto}\n"], dependencies: [{ kind: "directive", type: i1.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { kind: "directive", type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [tuiSlideIn], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aside[tuiSidebar]', changeDetection: ChangeDetectionStrategy.OnPush, animations: [tuiSlideIn], template: "<div\n    tuiActiveZone\n    class=\"t-wrapper\"\n    [class.t-wrapper_auto-width]=\"autoWidth\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text\">\n        {{ text }}\n    </ng-container>\n</div>\n", styles: [":host{position:fixed;top:0;left:0;width:100%;height:100%;display:flex}:host:before,:host:after{position:absolute;top:0;left:0;width:100%;content:\"\";height:100%;background:rgba(0,0,0,.38);animation:tuiFadeIn var(--tui-duration)}:host:before{left:-100%;width:200%}:host:after{left:100%}:host.ng-animating:before,:host.ng-animating:after{opacity:0;transition:opacity var(--tui-duration)}:host.t-right{justify-content:flex-end}:host.t-left{justify-content:flex-start}.t-wrapper{position:relative;display:flex;flex-direction:column;background:var(--tui-base-01);box-shadow:0 10rem var(--tui-base-01);width:17.25rem}.t-wrapper_auto-width{width:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_ANIMATION_OPTIONS]
+                }] }, { type: i3.TuiSidebarDirective, decorators: [{
+                    type: Inject,
+                    args: [TuiSidebarDirective]
+                }] }]; }, propDecorators: { animation: [{
+                type: HostBinding,
+                args: ['@tuiSlideIn']
+            }], directionHostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9zaWRlYmFyL3NpZGViYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWRkb24tbW9iaWxlL2RpcmVjdGl2ZXMvc2lkZWJhci9zaWRlYmFyLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBRVQsV0FBVyxFQUNYLE1BQU0sR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0gscUJBQXFCLEVBR3JCLFVBQVUsR0FDYixNQUFNLGdCQUFnQixDQUFDO0FBR3hCLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHFCQUFxQixDQUFDOzs7OztBQVN4RCxNQUFNLE9BQU8sbUJBQW1CO0lBVzVCLFlBQ29ELE9BQXlCLEVBQzNCLFNBQThCO1FBRDVCLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBQzNCLGNBQVMsR0FBVCxTQUFTLENBQXFCO1FBWi9ELFNBQUksR0FBRztZQUNwQixHQUFHLElBQUksQ0FBQyxPQUFPO1lBQ2YsS0FBSyxFQUFFLE1BQU07U0FDUCxDQUFDO1FBRU0sVUFBSyxHQUFHO1lBQ3JCLEdBQUcsSUFBSSxDQUFDLE9BQU87WUFDZixLQUFLLEVBQUUsT0FBTztTQUNSLENBQUM7SUFLUixDQUFDO0lBRUosSUFDSSxTQUFTO1FBQ1QsT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztJQUM5RCxDQUFDO0lBRUQsSUFDSSxrQkFBa0I7UUFDbEIsT0FBTyxLQUFLLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQUksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQUksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQUksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUM7SUFDcEMsQ0FBQztJQUVELFNBQVM7UUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzNCLENBQUM7O2lIQXhDUSxtQkFBbUIsa0JBWWhCLHFCQUFxQixhQUNyQixtQkFBbUI7cUdBYnRCLG1CQUFtQix3SkN6QmhDLG9OQVNBLHdtQ0RjZ0IsQ0FBQyxVQUFVLENBQUM7NEZBRWYsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNJLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLENBQUMsVUFBVSxDQUFDOzswQkFjbkIsTUFBTTsyQkFBQyxxQkFBcUI7OzBCQUM1QixNQUFNOzJCQUFDLG1CQUFtQjs0Q0FJM0IsU0FBUztzQkFEWixXQUFXO3VCQUFDLGFBQWE7Z0JBTXRCLGtCQUFrQjtzQkFEckIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBbmltYXRpb25PcHRpb25zfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIERvQ2hlY2ssXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgVFVJX0FOSU1BVElPTl9PUFRJT05TLFxuICAgIFR1aUFuaW1hdGlvbk9wdGlvbnMsXG4gICAgVHVpSG9yaXpvbnRhbERpcmVjdGlvbixcbiAgICB0dWlTbGlkZUluLFxufSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1BvbHltb3JwaGV1c0NvbnRlbnR9IGZyb20gJ0B0aW5rb2ZmL25nLXBvbHltb3JwaGV1cyc7XG5cbmltcG9ydCB7VHVpU2lkZWJhckRpcmVjdGl2ZX0gZnJvbSAnLi9zaWRlYmFyLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXNpZGVbdHVpU2lkZWJhcl0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaWRlYmFyLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NpZGViYXIuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGFuaW1hdGlvbnM6IFt0dWlTbGlkZUluXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpU2lkZWJhckNvbXBvbmVudCBpbXBsZW1lbnRzIERvQ2hlY2sge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgbGVmdCA9IHtcbiAgICAgICAgLi4udGhpcy5vcHRpb25zLFxuICAgICAgICB2YWx1ZTogJ2xlZnQnLFxuICAgIH0gYXMgY29uc3Q7XG5cbiAgICBwcml2YXRlIHJlYWRvbmx5IHJpZ2h0ID0ge1xuICAgICAgICAuLi50aGlzLm9wdGlvbnMsXG4gICAgICAgIHZhbHVlOiAncmlnaHQnLFxuICAgIH0gYXMgY29uc3Q7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUVUlfQU5JTUFUSU9OX09QVElPTlMpIHByaXZhdGUgcmVhZG9ubHkgb3B0aW9uczogQW5pbWF0aW9uT3B0aW9ucyxcbiAgICAgICAgQEluamVjdChUdWlTaWRlYmFyRGlyZWN0aXZlKSBwcml2YXRlIHJlYWRvbmx5IGRpcmVjdGl2ZTogVHVpU2lkZWJhckRpcmVjdGl2ZSxcbiAgICApIHt9XG5cbiAgICBASG9zdEJpbmRpbmcoJ0B0dWlTbGlkZUluJylcbiAgICBnZXQgYW5pbWF0aW9uKCk6IFR1aUFuaW1hdGlvbk9wdGlvbnMge1xuICAgICAgICByZXR1cm4gdGhpcy5kaXJlY3Rpb24gPT09ICdsZWZ0JyA/IHRoaXMubGVmdCA6IHRoaXMucmlnaHQ7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGRpcmVjdGlvbkhvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gYHQtJHt0aGlzLmRpcmVjdGl2ZS5kaXJlY3Rpb259YDtcbiAgICB9XG5cbiAgICBnZXQgZGlyZWN0aW9uKCk6IFR1aUhvcml6b250YWxEaXJlY3Rpb24ge1xuICAgICAgICByZXR1cm4gdGhpcy5kaXJlY3RpdmUuZGlyZWN0aW9uO1xuICAgIH1cblxuICAgIGdldCBjb250ZW50KCk6IFBvbHltb3JwaGV1c0NvbnRlbnQge1xuICAgICAgICByZXR1cm4gdGhpcy5kaXJlY3RpdmUuY29udGVudDtcbiAgICB9XG5cbiAgICBnZXQgYXV0b1dpZHRoKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5kaXJlY3RpdmUuYXV0b1dpZHRoO1xuICAgIH1cblxuICAgIG5nRG9DaGVjaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kaXJlY3RpdmUuY2hlY2soKTtcbiAgICB9XG59XG4iLCI8ZGl2XG4gICAgdHVpQWN0aXZlWm9uZVxuICAgIGNsYXNzPVwidC13cmFwcGVyXCJcbiAgICBbY2xhc3MudC13cmFwcGVyX2F1dG8td2lkdGhdPVwiYXV0b1dpZHRoXCJcbj5cbiAgICA8bmctY29udGFpbmVyICpwb2x5bW9ycGhldXNPdXRsZXQ9XCJjb250ZW50IGFzIHRleHRcIj5cbiAgICAgICAge3sgdGV4dCB9fVxuICAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=

package/esm2020/directives/sidebar/sidebar.directive.mjs

@@ -0,0 +1,72 @@
+import { ChangeDetectorRef, Directive, Inject, Injector, Input, TemplateRef, } from '@angular/core';
+import { TuiDropdownPortalService } from '@taiga-ui/cdk';
+import { PolymorpheusComponent, PolymorpheusTemplate } from '@tinkoff/ng-polymorpheus';
+import { TuiSidebarComponent } from './sidebar.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk";
+export class TuiSidebarDirective extends PolymorpheusTemplate {
+    set tuiSidebar(open) {
+        if (open) {
+            this.show();
+        }
+        else {
+            this.hide();
+        }
+    }
+    constructor(content, injector, portalService, cdr) {
+        super(content, cdr);
+        this.content = content;
+        this.injector = injector;
+        this.portalService = portalService;
+        this.component = new PolymorpheusComponent(TuiSidebarComponent, this.injector);
+        this.sidebarRef = null;
+        this.direction = 'left';
+        this.autoWidth = false;
+    }
+    ngOnDestroy() {
+        this.hide();
+    }
+    show() {
+        if (this.sidebarRef !== null) {
+            return;
+        }
+        this.sidebarRef = this.portalService.add(this.component);
+        this.sidebarRef.changeDetectorRef.detectChanges();
+    }
+    hide() {
+        if (this.sidebarRef === null) {
+            return;
+        }
+        this.portalService.remove(this.sidebarRef);
+        this.sidebarRef = null;
+    }
+}
+TuiSidebarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiSidebarDirective, deps: [{ token: TemplateRef }, { token: Injector }, { token: TuiDropdownPortalService }, { token: ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+TuiSidebarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiSidebarDirective, selector: "[tuiSidebar]", inputs: { direction: ["tuiSidebarDirection", "direction"], autoWidth: ["tuiSidebarAutoWidth", "autoWidth"], tuiSidebar: "tuiSidebar" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiSidebarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiSidebar]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Inject,
+                    args: [TemplateRef]
+                }] }, { type: i0.Injector, decorators: [{
+                    type: Inject,
+                    args: [Injector]
+                }] }, { type: i1.TuiDropdownPortalService, decorators: [{
+                    type: Inject,
+                    args: [TuiDropdownPortalService]
+                }] }, { type: i0.ChangeDetectorRef, decorators: [{
+                    type: Inject,
+                    args: [ChangeDetectorRef]
+                }] }]; }, propDecorators: { direction: [{
+                type: Input,
+                args: ['tuiSidebarDirection']
+            }], autoWidth: [{
+                type: Input,
+                args: ['tuiSidebarAutoWidth']
+            }], tuiSidebar: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9zaWRlYmFyL3NpZGViYXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxpQkFBaUIsRUFFakIsU0FBUyxFQUNULE1BQU0sRUFDTixRQUFRLEVBQ1IsS0FBSyxFQUVMLFdBQVcsR0FDZCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkQsT0FBTyxFQUFDLHFCQUFxQixFQUFFLG9CQUFvQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFckYsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0scUJBQXFCLENBQUM7OztBQUt4RCxNQUFNLE9BQU8sbUJBQ1QsU0FBUSxvQkFBdUI7SUFnQi9CLElBQ0ksVUFBVSxDQUFDLElBQWE7UUFDeEIsSUFBSSxJQUFJLEVBQUU7WUFDTixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDZjthQUFNO1lBQ0gsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ2Y7SUFDTCxDQUFDO0lBRUQsWUFDa0MsT0FBdUIsRUFDbEIsUUFBa0IsRUFFcEMsYUFBdUMsRUFDN0IsR0FBc0I7UUFFakQsS0FBSyxDQUFDLE9BQU8sRUFBRSxHQUFHLENBQUMsQ0FBQztRQU5VLFlBQU8sR0FBUCxPQUFPLENBQWdCO1FBQ2xCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFFcEMsa0JBQWEsR0FBYixhQUFhLENBQTBCO1FBMUIzQyxjQUFTLEdBQUcsSUFBSSxxQkFBcUIsQ0FDbEQsbUJBQW1CLEVBQ25CLElBQUksQ0FBQyxRQUFRLENBQ2hCLENBQUM7UUFFTSxlQUFVLEdBQTZDLElBQUksQ0FBQztRQUdwRSxjQUFTLEdBQTJCLE1BQU0sQ0FBQztRQUczQyxjQUFTLEdBQUcsS0FBSyxDQUFDO0lBbUJsQixDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNoQixDQUFDO0lBRU8sSUFBSTtRQUNSLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxJQUFJLEVBQUU7WUFDMUIsT0FBTztTQUNWO1FBRUQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBRU8sSUFBSTtRQUNSLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxJQUFJLEVBQUU7WUFDMUIsT0FBTztTQUNWO1FBRUQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzNDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO0lBQzNCLENBQUM7O2lIQXhEUSxtQkFBbUIsa0JBMkJoQixXQUFXLGFBQ1gsUUFBUSxhQUNSLHdCQUF3QixhQUV4QixpQkFBaUI7cUdBL0JwQixtQkFBbUI7NEZBQW5CLG1CQUFtQjtrQkFIL0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsY0FBYztpQkFDM0I7OzBCQTRCUSxNQUFNOzJCQUFDLFdBQVc7OzBCQUNsQixNQUFNOzJCQUFDLFFBQVE7OzBCQUNmLE1BQU07MkJBQUMsd0JBQXdCOzswQkFFL0IsTUFBTTsyQkFBQyxpQkFBaUI7NENBbkI3QixTQUFTO3NCQURSLEtBQUs7dUJBQUMscUJBQXFCO2dCQUk1QixTQUFTO3NCQURSLEtBQUs7dUJBQUMscUJBQXFCO2dCQUl4QixVQUFVO3NCQURiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudFJlZixcbiAgICBEaXJlY3RpdmUsXG4gICAgSW5qZWN0LFxuICAgIEluamVjdG9yLFxuICAgIElucHV0LFxuICAgIE9uRGVzdHJveSxcbiAgICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aURyb3Bkb3duUG9ydGFsU2VydmljZX0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1R1aUhvcml6b250YWxEaXJlY3Rpb259IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcbmltcG9ydCB7UG9seW1vcnBoZXVzQ29tcG9uZW50LCBQb2x5bW9ycGhldXNUZW1wbGF0ZX0gZnJvbSAnQHRpbmtvZmYvbmctcG9seW1vcnBoZXVzJztcblxuaW1wb3J0IHtUdWlTaWRlYmFyQ29tcG9uZW50fSBmcm9tICcuL3NpZGViYXIuY29tcG9uZW50JztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbdHVpU2lkZWJhcl0nLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlTaWRlYmFyRGlyZWN0aXZlPFQgPSBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPj5cbiAgICBleHRlbmRzIFBvbHltb3JwaGV1c1RlbXBsYXRlPFQ+XG4gICAgaW1wbGVtZW50cyBPbkRlc3Ryb3lcbntcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNvbXBvbmVudCA9IG5ldyBQb2x5bW9ycGhldXNDb21wb25lbnQoXG4gICAgICAgIFR1aVNpZGViYXJDb21wb25lbnQsXG4gICAgICAgIHRoaXMuaW5qZWN0b3IsXG4gICAgKTtcblxuICAgIHByaXZhdGUgc2lkZWJhclJlZjogQ29tcG9uZW50UmVmPFR1aVNpZGViYXJDb21wb25lbnQ+IHwgbnVsbCA9IG51bGw7XG5cbiAgICBASW5wdXQoJ3R1aVNpZGViYXJEaXJlY3Rpb24nKVxuICAgIGRpcmVjdGlvbjogVHVpSG9yaXpvbnRhbERpcmVjdGlvbiA9ICdsZWZ0JztcblxuICAgIEBJbnB1dCgndHVpU2lkZWJhckF1dG9XaWR0aCcpXG4gICAgYXV0b1dpZHRoID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHNldCB0dWlTaWRlYmFyKG9wZW46IGJvb2xlYW4pIHtcbiAgICAgICAgaWYgKG9wZW4pIHtcbiAgICAgICAgICAgIHRoaXMuc2hvdygpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5oaWRlKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUZW1wbGF0ZVJlZikgcmVhZG9ubHkgY29udGVudDogVGVtcGxhdGVSZWY8VD4sXG4gICAgICAgIEBJbmplY3QoSW5qZWN0b3IpIHByaXZhdGUgcmVhZG9ubHkgaW5qZWN0b3I6IEluamVjdG9yLFxuICAgICAgICBASW5qZWN0KFR1aURyb3Bkb3duUG9ydGFsU2VydmljZSlcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBwb3J0YWxTZXJ2aWNlOiBUdWlEcm9wZG93blBvcnRhbFNlcnZpY2UsXG4gICAgICAgIEBJbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGNvbnRlbnQsIGNkcik7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaGlkZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgc2hvdygpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuc2lkZWJhclJlZiAhPT0gbnVsbCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5zaWRlYmFyUmVmID0gdGhpcy5wb3J0YWxTZXJ2aWNlLmFkZCh0aGlzLmNvbXBvbmVudCk7XG4gICAgICAgIHRoaXMuc2lkZWJhclJlZi5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBoaWRlKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5zaWRlYmFyUmVmID09PSBudWxsKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnBvcnRhbFNlcnZpY2UucmVtb3ZlKHRoaXMuc2lkZWJhclJlZik7XG4gICAgICAgIHRoaXMuc2lkZWJhclJlZiA9IG51bGw7XG4gICAgfVxufVxuIl19

package/{esm2015/directives/sidebar/sidebar.module.js → esm2020/directives/sidebar/sidebar.module.mjs}

@@ -6,10 +6,10 @@ import { TuiSidebarDirective } from './sidebar.directive';
 import * as i0 from "@angular/core";
 export class TuiSidebarModule {
 }
-TuiSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TuiSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSidebarModule, declarations: [TuiSidebarDirective, TuiSidebarComponent], imports: [TuiActiveZoneModule, PolymorpheusModule], exports: [TuiSidebarDirective] });
-TuiSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSidebarModule, imports: [[TuiActiveZoneModule, PolymorpheusModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSidebarModule, decorators: [{
+TuiSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiSidebarModule, declarations: [TuiSidebarDirective, TuiSidebarComponent], imports: [TuiActiveZoneModule, PolymorpheusModule], exports: [TuiSidebarDirective] });
+TuiSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiSidebarModule, imports: [TuiActiveZoneModule, PolymorpheusModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiSidebarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [TuiActiveZoneModule, PolymorpheusModule],
@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     exports: [TuiSidebarDirective],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9zaWRlYmFyL3NpZGViYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBRTVELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3hELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHFCQUFxQixDQUFDOztBQU94RCxNQUFNLE9BQU8sZ0JBQWdCOzs4R0FBaEIsZ0JBQWdCOytHQUFoQixnQkFBZ0IsaUJBSFYsbUJBQW1CLEVBQUUsbUJBQW1CLGFBRDdDLG1CQUFtQixFQUFFLGtCQUFrQixhQUV2QyxtQkFBbUI7K0dBRXBCLGdCQUFnQixZQUpoQixDQUFDLG1CQUFtQixFQUFFLGtCQUFrQixDQUFDOzRGQUl6QyxnQkFBZ0I7a0JBTDVCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsbUJBQW1CLEVBQUUsa0JBQWtCLENBQUM7b0JBQ2xELFlBQVksRUFBRSxDQUFDLG1CQUFtQixFQUFFLG1CQUFtQixDQUFDO29CQUN4RCxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDakMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpQWN0aXZlWm9uZU1vZHVsZX0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1BvbHltb3JwaGV1c01vZHVsZX0gZnJvbSAnQHRpbmtvZmYvbmctcG9seW1vcnBoZXVzJztcblxuaW1wb3J0IHtUdWlTaWRlYmFyQ29tcG9uZW50fSBmcm9tICcuL3NpZGViYXIuY29tcG9uZW50JztcbmltcG9ydCB7VHVpU2lkZWJhckRpcmVjdGl2ZX0gZnJvbSAnLi9zaWRlYmFyLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1R1aUFjdGl2ZVpvbmVNb2R1bGUsIFBvbHltb3JwaGV1c01vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbVHVpU2lkZWJhckRpcmVjdGl2ZSwgVHVpU2lkZWJhckNvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW1R1aVNpZGViYXJEaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlTaWRlYmFyTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9zaWRlYmFyL3NpZGViYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBRTVELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3hELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHFCQUFxQixDQUFDOztBQU94RCxNQUFNLE9BQU8sZ0JBQWdCOzs4R0FBaEIsZ0JBQWdCOytHQUFoQixnQkFBZ0IsaUJBSFYsbUJBQW1CLEVBQUUsbUJBQW1CLGFBRDdDLG1CQUFtQixFQUFFLGtCQUFrQixhQUV2QyxtQkFBbUI7K0dBRXBCLGdCQUFnQixZQUpmLG1CQUFtQixFQUFFLGtCQUFrQjs0RkFJeEMsZ0JBQWdCO2tCQUw1QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixFQUFFLGtCQUFrQixDQUFDO29CQUNsRCxZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxtQkFBbUIsQ0FBQztvQkFDeEQsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQ2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aUFjdGl2ZVpvbmVNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtQb2x5bW9ycGhldXNNb2R1bGV9IGZyb20gJ0B0aW5rb2ZmL25nLXBvbHltb3JwaGV1cyc7XG5cbmltcG9ydCB7VHVpU2lkZWJhckNvbXBvbmVudH0gZnJvbSAnLi9zaWRlYmFyLmNvbXBvbmVudCc7XG5pbXBvcnQge1R1aVNpZGViYXJEaXJlY3RpdmV9IGZyb20gJy4vc2lkZWJhci5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtUdWlBY3RpdmVab25lTW9kdWxlLCBQb2x5bW9ycGhldXNNb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW1R1aVNpZGViYXJEaXJlY3RpdmUsIFR1aVNpZGViYXJDb21wb25lbnRdLFxuICAgIGV4cG9ydHM6IFtUdWlTaWRlYmFyRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpU2lkZWJhck1vZHVsZSB7fVxuIl19

package/esm2020/directives/touchable/touchable.directive.mjs

@@ -0,0 +1,82 @@
+import { Directive, ElementRef, Inject, Input, Optional, Renderer2, Self, } from '@angular/core';
+import { tuiFindTouchIndex } from '@taiga-ui/addon-mobile/utils';
+import { TUI_IS_IOS, TuiDestroyService, tuiTypedFromEvent } from '@taiga-ui/cdk';
+import { TUI_ELEMENT_REF } from '@taiga-ui/core';
+import { filter, map, race, switchMap, take, takeUntil, tap } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk";
+const STYLE = {
+    transform: 'scale(0.95)',
+    opacity: '0.6',
+    background: 'rgba(146, 153, 162, 0.12)',
+};
+export class TuiTouchableDirective {
+    constructor(el, isIos, { nativeElement }, renderer, destroy$) {
+        this.tuiTouchable = '';
+        if (!isIos) {
+            return;
+        }
+        const element = el?.nativeElement || nativeElement;
+        tuiTypedFromEvent(element, 'touchstart', { passive: true })
+            .pipe(tap(() => {
+            this.onTouchStart(renderer, element);
+        }), map(({ touches }) => touches[touches.length - 1].identifier), switchMap(identifier => race(tuiTypedFromEvent(element, 'touchmove', { passive: true }).pipe(filter(({ touches }) => this.hasTouchLeft(element, touches, identifier))), tuiTypedFromEvent(element, 'touchend')).pipe(take(1))), takeUntil(destroy$))
+            .subscribe(() => {
+            renderer.removeStyle(element, 'transform');
+            renderer.removeStyle(element, 'opacity');
+            renderer.removeStyle(element, 'background');
+        });
+    }
+    get style() {
+        return this.tuiTouchable || 'transform';
+    }
+    hasTouchLeft(element, touches, identifier) {
+        const { ownerDocument } = element;
+        const id = tuiFindTouchIndex(touches, identifier);
+        if (!ownerDocument || id === -1) {
+            return true;
+        }
+        const { clientX, clientY } = touches[id];
+        return !element.contains(ownerDocument.elementFromPoint(clientX, clientY));
+    }
+    onTouchStart(renderer, element) {
+        if (this.style !== 'transform') {
+            renderer.removeStyle(element, 'transition');
+        }
+        else {
+            renderer.setStyle(element, 'transition', 'transform 0.2s');
+        }
+        renderer.setStyle(element, this.style, STYLE[this.style]);
+    }
+}
+TuiTouchableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiTouchableDirective, deps: [{ token: TUI_ELEMENT_REF, optional: true }, { token: TUI_IS_IOS }, { token: ElementRef }, { token: Renderer2 }, { token: TuiDestroyService, self: true }], target: i0.ɵɵFactoryTarget.Directive });
+TuiTouchableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiTouchableDirective, selector: "[tuiTouchable]", inputs: { tuiTouchable: "tuiTouchable" }, providers: [TuiDestroyService], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiTouchableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiTouchable]',
+                    providers: [TuiDestroyService],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TUI_ELEMENT_REF]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_IS_IOS]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: i0.Renderer2, decorators: [{
+                    type: Inject,
+                    args: [Renderer2]
+                }] }, { type: i1.TuiDestroyService, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }]; }, propDecorators: { tuiTouchable: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG91Y2hhYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9kaXJlY3RpdmVzL3RvdWNoYWJsZS90b3VjaGFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLFNBQVMsRUFDVCxJQUFJLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFDLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDL0MsT0FBTyxFQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBQyxNQUFNLE1BQU0sQ0FBQzs7O0FBRXhFLE1BQU0sS0FBSyxHQUFHO0lBQ1YsU0FBUyxFQUFFLGFBQWE7SUFDeEIsT0FBTyxFQUFFLEtBQUs7SUFDZCxVQUFVLEVBQUUsMkJBQTJCO0NBQ2pDLENBQUM7QUFNWCxNQUFNLE9BQU8scUJBQXFCO0lBSTlCLFlBQ3lDLEVBQWtDLEVBQ25ELEtBQWMsRUFDZCxFQUFDLGFBQWEsRUFBMEIsRUFDekMsUUFBbUIsRUFDSCxRQUEyQjtRQVBsRSxpQkFBWSxHQUFzQixFQUFFLENBQUM7UUFTakMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNSLE9BQU87U0FDVjtRQUVELE1BQU0sT0FBTyxHQUFHLEVBQUUsRUFBRSxhQUFhLElBQUksYUFBYSxDQUFDO1FBRW5ELGlCQUFpQixDQUFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsRUFBQyxPQUFPLEVBQUUsSUFBSSxFQUFDLENBQUM7YUFDcEQsSUFBSSxDQUNELEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDTCxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUN6QyxDQUFDLENBQUMsRUFDRixHQUFHLENBQUMsQ0FBQyxFQUFDLE9BQU8sRUFBQyxFQUFFLEVBQUUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsRUFDMUQsU0FBUyxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQ25CLElBQUksQ0FDQSxpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsV0FBVyxFQUFFLEVBQUMsT0FBTyxFQUFFLElBQUksRUFBQyxDQUFDLENBQUMsSUFBSSxDQUN6RCxNQUFNLENBQUMsQ0FBQyxFQUFDLE9BQU8sRUFBQyxFQUFFLEVBQUUsQ0FDakIsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFVBQVUsQ0FBQyxDQUNsRCxDQUNKLEVBQ0QsaUJBQWlCLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxDQUN6QyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDbEIsRUFDRCxTQUFTLENBQUMsUUFBUSxDQUFDLENBQ3RCO2FBQ0EsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNaLFFBQVEsQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLFdBQVcsQ0FBQyxDQUFDO1lBQzNDLFFBQVEsQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1lBQ3pDLFFBQVEsQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLFlBQVksQ0FBQyxDQUFDO1FBQ2hELENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQztJQUVELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLFlBQVksSUFBSSxXQUFXLENBQUM7SUFDNUMsQ0FBQztJQUVPLFlBQVksQ0FDaEIsT0FBb0IsRUFDcEIsT0FBa0IsRUFDbEIsVUFBa0I7UUFFbEIsTUFBTSxFQUFDLGFBQWEsRUFBQyxHQUFHLE9BQU8sQ0FBQztRQUNoQyxNQUFNLEVBQUUsR0FBRyxpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFFbEQsSUFBSSxDQUFDLGFBQWEsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLEVBQUU7WUFDN0IsT0FBTyxJQUFJLENBQUM7U0FDZjtRQUVELE1BQU0sRUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFDLEdBQUcsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRXZDLE9BQU8sQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUMvRSxDQUFDO0lBRU8sWUFBWSxDQUFDLFFBQW1CLEVBQUUsT0FBb0I7UUFDMUQsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLFdBQVcsRUFBRTtZQUM1QixRQUFRLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxZQUFZLENBQUMsQ0FBQztTQUMvQzthQUFNO1lBQ0gsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixDQUFDLENBQUM7U0FDOUQ7UUFFRCxRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUM5RCxDQUFDOzttSEF2RVEscUJBQXFCLGtCQUtOLGVBQWUsNkJBQzNCLFVBQVUsYUFDVixVQUFVLGFBQ1YsU0FBUyxhQUNELGlCQUFpQjt1R0FUNUIscUJBQXFCLG1GQUZuQixDQUFDLGlCQUFpQixDQUFDOzRGQUVyQixxQkFBcUI7a0JBSmpDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsU0FBUyxFQUFFLENBQUMsaUJBQWlCLENBQUM7aUJBQ2pDOzswQkFNUSxRQUFROzswQkFBSSxNQUFNOzJCQUFDLGVBQWU7OzBCQUNsQyxNQUFNOzJCQUFDLFVBQVU7OzBCQUNqQixNQUFNOzJCQUFDLFVBQVU7OzBCQUNqQixNQUFNOzJCQUFDLFNBQVM7OzBCQUNoQixJQUFJOzswQkFBSSxNQUFNOzJCQUFDLGlCQUFpQjs0Q0FQckMsWUFBWTtzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBEaXJlY3RpdmUsXG4gICAgRWxlbWVudFJlZixcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT3B0aW9uYWwsXG4gICAgUmVuZGVyZXIyLFxuICAgIFNlbGYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUdWlUb3VjaE1vZGV9IGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvdHlwZXMnO1xuaW1wb3J0IHt0dWlGaW5kVG91Y2hJbmRleH0gZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS91dGlscyc7XG5pbXBvcnQge1RVSV9JU19JT1MsIFR1aURlc3Ryb3lTZXJ2aWNlLCB0dWlUeXBlZEZyb21FdmVudH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1RVSV9FTEVNRU5UX1JFRn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHtmaWx0ZXIsIG1hcCwgcmFjZSwgc3dpdGNoTWFwLCB0YWtlLCB0YWtlVW50aWwsIHRhcH0gZnJvbSAncnhqcyc7XG5cbmNvbnN0IFNUWUxFID0ge1xuICAgIHRyYW5zZm9ybTogJ3NjYWxlKDAuOTUpJyxcbiAgICBvcGFjaXR5OiAnMC42JyxcbiAgICBiYWNrZ3JvdW5kOiAncmdiYSgxNDYsIDE1MywgMTYyLCAwLjEyKScsXG59IGFzIGNvbnN0O1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t0dWlUb3VjaGFibGVdJyxcbiAgICBwcm92aWRlcnM6IFtUdWlEZXN0cm95U2VydmljZV0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVRvdWNoYWJsZURpcmVjdGl2ZSB7XG4gICAgQElucHV0KClcbiAgICB0dWlUb3VjaGFibGU6IFR1aVRvdWNoTW9kZSB8ICcnID0gJyc7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChUVUlfRUxFTUVOVF9SRUYpIGVsOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiB8IG51bGwsXG4gICAgICAgIEBJbmplY3QoVFVJX0lTX0lPUykgaXNJb3M6IGJvb2xlYW4sXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikge25hdGl2ZUVsZW1lbnR9OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgICAgQEluamVjdChSZW5kZXJlcjIpIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgICAgIEBTZWxmKCkgQEluamVjdChUdWlEZXN0cm95U2VydmljZSkgZGVzdHJveSQ6IFR1aURlc3Ryb3lTZXJ2aWNlLFxuICAgICkge1xuICAgICAgICBpZiAoIWlzSW9zKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBlbGVtZW50ID0gZWw/Lm5hdGl2ZUVsZW1lbnQgfHwgbmF0aXZlRWxlbWVudDtcblxuICAgICAgICB0dWlUeXBlZEZyb21FdmVudChlbGVtZW50LCAndG91Y2hzdGFydCcsIHtwYXNzaXZlOiB0cnVlfSlcbiAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgIHRhcCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMub25Ub3VjaFN0YXJ0KHJlbmRlcmVyLCBlbGVtZW50KTtcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICBtYXAoKHt0b3VjaGVzfSkgPT4gdG91Y2hlc1t0b3VjaGVzLmxlbmd0aCAtIDFdLmlkZW50aWZpZXIpLFxuICAgICAgICAgICAgICAgIHN3aXRjaE1hcChpZGVudGlmaWVyID0+XG4gICAgICAgICAgICAgICAgICAgIHJhY2UoXG4gICAgICAgICAgICAgICAgICAgICAgICB0dWlUeXBlZEZyb21FdmVudChlbGVtZW50LCAndG91Y2htb3ZlJywge3Bhc3NpdmU6IHRydWV9KS5waXBlKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbHRlcigoe3RvdWNoZXN9KSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmhhc1RvdWNoTGVmdChlbGVtZW50LCB0b3VjaGVzLCBpZGVudGlmaWVyKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHR1aVR5cGVkRnJvbUV2ZW50KGVsZW1lbnQsICd0b3VjaGVuZCcpLFxuICAgICAgICAgICAgICAgICAgICApLnBpcGUodGFrZSgxKSksXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICB0YWtlVW50aWwoZGVzdHJveSQpLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgcmVuZGVyZXIucmVtb3ZlU3R5bGUoZWxlbWVudCwgJ3RyYW5zZm9ybScpO1xuICAgICAgICAgICAgICAgIHJlbmRlcmVyLnJlbW92ZVN0eWxlKGVsZW1lbnQsICdvcGFjaXR5Jyk7XG4gICAgICAgICAgICAgICAgcmVuZGVyZXIucmVtb3ZlU3R5bGUoZWxlbWVudCwgJ2JhY2tncm91bmQnKTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIGdldCBzdHlsZSgpOiBUdWlUb3VjaE1vZGUge1xuICAgICAgICByZXR1cm4gdGhpcy50dWlUb3VjaGFibGUgfHwgJ3RyYW5zZm9ybSc7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBoYXNUb3VjaExlZnQoXG4gICAgICAgIGVsZW1lbnQ6IEhUTUxFbGVtZW50LFxuICAgICAgICB0b3VjaGVzOiBUb3VjaExpc3QsXG4gICAgICAgIGlkZW50aWZpZXI6IG51bWJlcixcbiAgICApOiBib29sZWFuIHtcbiAgICAgICAgY29uc3Qge293bmVyRG9jdW1lbnR9ID0gZWxlbWVudDtcbiAgICAgICAgY29uc3QgaWQgPSB0dWlGaW5kVG91Y2hJbmRleCh0b3VjaGVzLCBpZGVudGlmaWVyKTtcblxuICAgICAgICBpZiAoIW93bmVyRG9jdW1lbnQgfHwgaWQgPT09IC0xKSB7XG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IHtjbGllbnRYLCBjbGllbnRZfSA9IHRvdWNoZXNbaWRdO1xuXG4gICAgICAgIHJldHVybiAhZWxlbWVudC5jb250YWlucyhvd25lckRvY3VtZW50LmVsZW1lbnRGcm9tUG9pbnQoY2xpZW50WCwgY2xpZW50WSkpO1xuICAgIH1cblxuICAgIHByaXZhdGUgb25Ub3VjaFN0YXJ0KHJlbmRlcmVyOiBSZW5kZXJlcjIsIGVsZW1lbnQ6IEhUTUxFbGVtZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnN0eWxlICE9PSAndHJhbnNmb3JtJykge1xuICAgICAgICAgICAgcmVuZGVyZXIucmVtb3ZlU3R5bGUoZWxlbWVudCwgJ3RyYW5zaXRpb24nKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJlbmRlcmVyLnNldFN0eWxlKGVsZW1lbnQsICd0cmFuc2l0aW9uJywgJ3RyYW5zZm9ybSAwLjJzJyk7XG4gICAgICAgIH1cblxuICAgICAgICByZW5kZXJlci5zZXRTdHlsZShlbGVtZW50LCB0aGlzLnN0eWxlLCBTVFlMRVt0aGlzLnN0eWxlXSk7XG4gICAgfVxufVxuIl19

package/{esm2015/directives/touchable/touchable.module.js → esm2020/directives/touchable/touchable.module.mjs}

@@ -3,10 +3,10 @@ import { TuiTouchableDirective } from './touchable.directive';
 import * as i0 from "@angular/core";
 export class TuiTouchableModule {
 }
-TuiTouchableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTouchableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TuiTouchableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTouchableModule, declarations: [TuiTouchableDirective], exports: [TuiTouchableDirective] });
-TuiTouchableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTouchableModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTouchableModule, decorators: [{
+TuiTouchableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiTouchableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiTouchableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiTouchableModule, declarations: [TuiTouchableDirective], exports: [TuiTouchableDirective] });
+TuiTouchableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiTouchableModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiTouchableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TuiTouchableDirective],