@taiga-ui/addon-mobile 3.11.0 → 3.12.1

package/fesm2015/taiga-ui-addon-mobile-directives-elastic-sticky.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-directives-elastic-sticky.js","sources":["../../../projects/addon-mobile/directives/elastic-sticky/elastic-sticky.service.ts","../../../projects/addon-mobile/directives/elastic-sticky/elastic-sticky.directive.ts","../../../projects/addon-mobile/directives/elastic-sticky/elastic-sticky.module.ts","../../../projects/addon-mobile/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.ts"],"sourcesContent":["import {ElementRef, Inject, Injectable, NgZone, Optional} from '@angular/core';\nimport {WINDOW} from '@ng-web-apis/common';\nimport {\n    TuiDestroyService,\n    tuiGetElementOffset,\n    tuiTypedFromEvent,\n    tuiZoneOptimized,\n} from '@taiga-ui/cdk';\nimport {SCROLL_REF_SELECTOR, TUI_SCROLL_REF} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\nimport {\n    distinctUntilChanged,\n    map,\n    skip,\n    startWith,\n    switchMap,\n    take,\n    takeUntil,\n} from 'rxjs/operators';\n\n@Injectable()\nexport class TuiElasticStickyService extends Observable<number> {\n    constructor(\n        @Optional()\n        @Inject(TUI_SCROLL_REF)\n        scrollRef: ElementRef<HTMLElement> | null,\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(WINDOW) windowRef: Window,\n        @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n    ) {\n        super(subscriber =>\n            ngZone.onStable\n                .pipe(\n                    take(1),\n                    switchMap(() => {\n                        const closest = nativeElement.closest(SCROLL_REF_SELECTOR);\n                        const host = scrollRef?.nativeElement || closest;\n                        const {offsetHeight} = nativeElement;\n                        const offsetTop = this.getInitialOffset(\n                            host || windowRef,\n                            nativeElement,\n                        );\n\n                        return tuiTypedFromEvent(host || windowRef, `scroll`).pipe(\n                            map(() =>\n                                Math.max(\n                                    1 -\n                                        Math.max(\n                                            Math.round(\n                                                host\n                                                    ? host.scrollTop\n                                                    : windowRef.pageYOffset,\n                                            ) - offsetTop,\n                                            0,\n                                        ) /\n                                            offsetHeight,\n                                    0,\n                                ),\n                            ),\n                        );\n                    }),\n                    startWith(1),\n                    distinctUntilChanged(),\n                    skip(1),\n                    tuiZoneOptimized(ngZone),\n                    takeUntil(destroy$),\n                )\n                .subscribe(subscriber),\n        );\n    }\n\n    private getInitialOffset(host: Element | Window, element: HTMLElement): number {\n        return `nodeType` in host\n            ? tuiGetElementOffset(host, element).offsetTop\n            : element.getBoundingClientRect().top;\n    }\n}\n","import {Directive, Inject, Output} from '@angular/core';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\nimport {TuiElasticStickyService} from './elastic-sticky.service';\n\n@Directive({\n    selector: `[tuiElasticSticky]`,\n    exportAs: `tuiElasticSticky`,\n    providers: [TuiElasticStickyService, TuiDestroyService],\n})\nexport class TuiElasticStickyDirective {\n    @Output()\n    readonly tuiElasticSticky: Observable<number>;\n\n    constructor(\n        @Inject(TuiElasticStickyService) elasticStickyService: TuiElasticStickyService,\n    ) {\n        this.tuiElasticSticky = elasticStickyService;\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiElasticStickyDirective} from './elastic-sticky.directive';\n\n@NgModule({\n    declarations: [TuiElasticStickyDirective],\n    exports: [TuiElasticStickyDirective],\n})\nexport class TuiElasticStickyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-mobile-directives-elastic-sticky.js","sources":["../../../projects/addon-mobile/directives/elastic-sticky/elastic-sticky.service.ts","../../../projects/addon-mobile/directives/elastic-sticky/elastic-sticky.directive.ts","../../../projects/addon-mobile/directives/elastic-sticky/elastic-sticky.module.ts","../../../projects/addon-mobile/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.ts"],"sourcesContent":["import {ElementRef, Inject, Injectable, NgZone, Optional, Self} from '@angular/core';\nimport {WINDOW} from '@ng-web-apis/common';\nimport {\n    TuiDestroyService,\n    tuiGetElementOffset,\n    tuiTypedFromEvent,\n    tuiZoneOptimized,\n} from '@taiga-ui/cdk';\nimport {SCROLL_REF_SELECTOR, TUI_SCROLL_REF} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\nimport {\n    distinctUntilChanged,\n    map,\n    skip,\n    startWith,\n    switchMap,\n    take,\n    takeUntil,\n} from 'rxjs/operators';\n\n@Injectable()\nexport class TuiElasticStickyService extends Observable<number> {\n    constructor(\n        @Optional()\n        @Inject(TUI_SCROLL_REF)\n        scrollRef: ElementRef<HTMLElement> | null,\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(WINDOW) windowRef: Window,\n        @Self() @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n    ) {\n        super(subscriber =>\n            ngZone.onStable\n                .pipe(\n                    take(1),\n                    switchMap(() => {\n                        const closest = nativeElement.closest(SCROLL_REF_SELECTOR);\n                        const host = scrollRef?.nativeElement || closest;\n                        const {offsetHeight} = nativeElement;\n                        const offsetTop = this.getInitialOffset(\n                            host || windowRef,\n                            nativeElement,\n                        );\n\n                        return tuiTypedFromEvent(host || windowRef, `scroll`).pipe(\n                            map(() =>\n                                Math.max(\n                                    1 -\n                                        Math.max(\n                                            Math.round(\n                                                host\n                                                    ? host.scrollTop\n                                                    : windowRef.pageYOffset,\n                                            ) - offsetTop,\n                                            0,\n                                        ) /\n                                            offsetHeight,\n                                    0,\n                                ),\n                            ),\n                        );\n                    }),\n                    startWith(1),\n                    distinctUntilChanged(),\n                    skip(1),\n                    tuiZoneOptimized(ngZone),\n                    takeUntil(destroy$),\n                )\n                .subscribe(subscriber),\n        );\n    }\n\n    private getInitialOffset(host: Element | Window, element: HTMLElement): number {\n        return `nodeType` in host\n            ? tuiGetElementOffset(host, element).offsetTop\n            : element.getBoundingClientRect().top;\n    }\n}\n","import {Directive, Inject, Output} from '@angular/core';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\nimport {TuiElasticStickyService} from './elastic-sticky.service';\n\n@Directive({\n    selector: `[tuiElasticSticky]`,\n    exportAs: `tuiElasticSticky`,\n    providers: [TuiElasticStickyService, TuiDestroyService],\n})\nexport class TuiElasticStickyDirective {\n    @Output()\n    readonly tuiElasticSticky: Observable<number>;\n\n    constructor(\n        @Inject(TuiElasticStickyService) elasticStickyService: TuiElasticStickyService,\n    ) {\n        this.tuiElasticSticky = elasticStickyService;\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiElasticStickyDirective} from './elastic-sticky.directive';\n\n@NgModule({\n    declarations: [TuiElasticStickyDirective],\n    exports: [TuiElasticStickyDirective],\n})\nexport class TuiElasticStickyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-addon-mobile-directives-mobile-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-directives-mobile-tabs.js","sources":["../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.component.ts","../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.directive.ts","../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.module.ts","../../../projects/addon-mobile/directives/mobile-tabs/taiga-ui-addon-mobile-directives-mobile-tabs.ts"],"sourcesContent":["import {Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: ``,\n    styleUrls: [`mobile-tabs.style.less`],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiMobileTabsComponent {}\n","import {Directive, HostBinding, Inject} from '@angular/core';\nimport {TUI_IS_ANDROID, TUI_IS_IOS, TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TUI_TAB_MARGIN} from '@taiga-ui/kit';\n\nimport {TuiMobileTabsComponent} from './mobile-tabs.component';\n\n@Directive({\n    selector: `[tuiMobileTabs]`,\n    providers: [\n        {\n            provide: TUI_TAB_MARGIN,\n            useValue: 0,\n        },\n    ],\n})\nexport class TuiMobileTabsDirective {\n    constructor(\n        @Inject(TUI_IS_IOS) private readonly isIos: boolean,\n        @Inject(TUI_IS_ANDROID) private readonly isAndroid: boolean,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiMobileTabsComponent);\n    }\n\n    @HostBinding(`attr.data-platform`)\n    get platform(): 'ios' | 'android' | null {\n        if (this.isIos) {\n            return `ios`;\n        }\n\n        if (this.isAndroid) {\n            return `android`;\n        }\n\n        return null;\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiMobileTabsComponent} from './mobile-tabs.component';\nimport {TuiMobileTabsDirective} from './mobile-tabs.directive';\n\n@NgModule({\n    declarations: [TuiMobileTabsDirective, TuiMobileTabsComponent],\n    exports: [TuiMobileTabsDirective, TuiMobileTabsComponent],\n})\nexport class TuiMobileTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-mobile-directives-mobile-tabs.js","sources":["../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.component.ts","../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.directive.ts","../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.module.ts","../../../projects/addon-mobile/directives/mobile-tabs/taiga-ui-addon-mobile-directives-mobile-tabs.ts"],"sourcesContent":["import {Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: ``,\n    styleUrls: [`mobile-tabs.style.less`],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiMobileTabsComponent {}\n","import {Directive, HostBinding, Inject} from '@angular/core';\nimport {TUI_IS_ANDROID, TUI_IS_IOS, TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TUI_TAB_MARGIN} from '@taiga-ui/kit';\n\nimport {TuiMobileTabsComponent} from './mobile-tabs.component';\n\n@Directive({\n    selector: `[tuiMobileTabs]`,\n    providers: [\n        {\n            provide: TUI_TAB_MARGIN,\n            useValue: 0,\n        },\n    ],\n})\nexport class TuiMobileTabsDirective {\n    constructor(\n        @Inject(TUI_IS_IOS) private readonly isIos: boolean,\n        @Inject(TUI_IS_ANDROID) private readonly isAndroid: boolean,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiMobileTabsComponent);\n    }\n\n    @HostBinding(`attr.data-platform`)\n    get platform(): 'android' | 'ios' | null {\n        if (this.isIos) {\n            return `ios`;\n        }\n\n        if (this.isAndroid) {\n            return `android`;\n        }\n\n        return null;\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiMobileTabsComponent} from './mobile-tabs.component';\nimport {TuiMobileTabsDirective} from './mobile-tabs.directive';\n\n@NgModule({\n    declarations: [TuiMobileTabsDirective, TuiMobileTabsComponent],\n    exports: [TuiMobileTabsDirective, TuiMobileTabsComponent],\n})\nexport class TuiMobileTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAOa,sBAAsB,CAAA;;oHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,oDAJrB,CAAE,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,inEAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAIH,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAE,CAAA;oBACZ,SAAS,EAAE,CAAC,CAAA,sBAAA,CAAwB,CAAC;oBACrC,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACxC,iBAAA,CAAA;;;MCSY,sBAAsB,CAAA;AAC/B,IAAA,WAAA,CACyC,KAAc,EACV,SAAkB,EACxB,eAA0C,EAAA;QAFxC,IAAK,CAAA,KAAA,GAAL,KAAK,CAAS;QACV,IAAS,CAAA,SAAA,GAAT,SAAS,CAAS;AAG3D,QAAA,eAAe,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;KACxD;AAED,IAAA,IACI,QAAQ,GAAA;QACR,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,OAAO,KAAK,CAAC;AAChB,SAAA;QAED,IAAI,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,OAAO,SAAS,CAAC;AACpB,SAAA;AAED,QAAA,OAAO,IAAI,CAAC;KACf;;AApBQ,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,EAEnB,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,UAAU,EACV,EAAA,EAAA,KAAA,EAAA,cAAc,aACd,yBAAyB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAJ5B,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAPpB,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,QAAA;AACI,YAAA,OAAO,EAAE,cAAc;AACvB,YAAA,QAAQ,EAAE,CAAC;AACd,SAAA;AACJ,KAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAEQ,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBATlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAiB,eAAA,CAAA;AAC3B,oBAAA,SAAS,EAAE;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,cAAc;AACvB,4BAAA,QAAQ,EAAE,CAAC;AACd,yBAAA;AACJ,qBAAA;AACJ,iBAAA,CAAA;;0BAGQ,MAAM;2BAAC,UAAU,CAAA;;0BACjB,MAAM;2BAAC,cAAc,CAAA;;0BACrB,MAAM;2BAAC,yBAAyB,CAAA;4CAMjC,QAAQ,EAAA,CAAA;sBADX,WAAW;uBAAC,CAAoB,kBAAA,CAAA,CAAA;;;MCfxB,mBAAmB,CAAA;;iHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,iBAHb,sBAAsB,EAAE,sBAAsB,CACnD,EAAA,OAAA,EAAA,CAAA,sBAAsB,EAAE,sBAAsB,CAAA,EAAA,CAAA,CAAA;kHAE/C,mBAAmB,EAAA,CAAA,CAAA;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;AAC9D,oBAAA,OAAO,EAAE,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;AAC5D,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

package/fesm2015/taiga-ui-addon-mobile-directives-ripple.js

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, ElementRef, Renderer2, Component, ViewEncapsulation, Directive, Inject, Input, NgModule } from '@angular/core';
+import { InjectionToken, ElementRef, Renderer2, Component, ViewEncapsulation, Directive, Inject, Self, Input, NgModule } from '@angular/core';
 import * as i1 from '@taiga-ui/cdk';
 import { TuiDestroyService, TUI_TOUCH_SUPPORTED, TUI_IS_IOS, tuiTypedFromEvent, tuiIsPresent, TuiDirectiveStylesService } from '@taiga-ui/cdk';
 import * as i2 from 'rxjs';
@@ -88,7 +88,7 @@ class TuiRippleDirective {
         });
     }
 }
-TuiRippleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRippleDirective, deps: [{ token: ElementRef }, { token: TuiDirectiveStylesService }, { token: Renderer2 }, { token: TuiDestroyService }, { token: TUI_RIPPLE_START }, { token: TUI_RIPPLE_END }], target: i0.ɵɵFactoryTarget.Directive });
+TuiRippleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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: "12.0.0", version: "12.2.16", type: TuiRippleDirective, selector: "[tuiRipple]", inputs: { tuiRipple: "tuiRipple" }, providers: TUI_RIPPLE_PROVIDERS, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRippleDirective, decorators: [{
             type: Directive,
@@ -106,6 +106,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     type: Inject,
                     args: [Renderer2]
                 }] }, { type: i1.TuiDestroyService, decorators: [{
+                    type: Self
+                }, {
                     type: Inject,
                     args: [TuiDestroyService]
                 }] }, { type: i2.Observable, decorators: [{

package/fesm2015/taiga-ui-addon-mobile-directives-ripple.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-directives-ripple.js","sources":["../../../projects/addon-mobile/directives/ripple/ripple.providers.ts","../../../projects/addon-mobile/directives/ripple/ripple-styles.component.ts","../../../projects/addon-mobile/directives/ripple/ripple.directive.ts","../../../projects/addon-mobile/directives/ripple/ripple.module.ts","../../../projects/addon-mobile/directives/ripple/taiga-ui-addon-mobile-directives-ripple.ts"],"sourcesContent":["import {ElementRef, InjectionToken, Provider, Renderer2} from '@angular/core';\nimport {\n    TUI_IS_IOS,\n    TUI_TOUCH_SUPPORTED,\n    TuiDestroyService,\n    tuiIsPresent,\n    tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {EMPTY, Observable} from 'rxjs';\nimport {filter, map, takeUntil} from 'rxjs/operators';\n\nexport const RIPPLE_ON = `tuiRippleOn`;\nexport const RIPPLE_OFF = `tuiRippleOff`;\nexport const TUI_RIPPLE_START = new InjectionToken<Observable<HTMLElement>>(\n    `[TUI_RIPPLE_START]: Stream of ripple elements to add`,\n);\nexport const TUI_RIPPLE_END = new InjectionToken<Observable<HTMLElement>>(\n    `[TUI_RIPPLE_END]: Stream of ripple elements to remove`,\n);\nexport const TUI_RIPPLE_PROVIDERS: Provider[] = [\n    TuiDestroyService,\n    {\n        provide: TUI_RIPPLE_START,\n        deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, Renderer2],\n        useFactory: (\n            touchSupported: boolean,\n            isIOS: boolean,\n            {nativeElement}: ElementRef<HTMLElement>,\n            renderer: Renderer2,\n        ): Observable<HTMLElement> => {\n            return isIOS || !touchSupported\n                ? EMPTY\n                : tuiTypedFromEvent(nativeElement, `touchstart`).pipe(\n                      map(({touches}) => {\n                          const {clientX, clientY} = touches[touches.length - 1];\n                          const {width, height, top, left} =\n                              nativeElement.getBoundingClientRect();\n                          const radius = Math.sqrt(width * width + height * height);\n                          const dimension = radius * 2;\n                          const x = clientX - left - radius;\n                          const y = clientY - top - radius;\n                          const ripple = renderer.createElement(`div`);\n\n                          renderer.addClass(ripple, `tui-ripple`);\n                          renderer.setAttribute(\n                              ripple,\n                              `style`,\n                              `\n                        width: ${dimension}px;\n                        height: ${dimension}px;\n                        left: ${x}px;\n                        top: ${y}px;\n                        animation-name: ${RIPPLE_ON};\n                    `,\n                          );\n\n                          return ripple;\n                      }),\n                  );\n        },\n    },\n    {\n        provide: TUI_RIPPLE_END,\n        deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, TuiDestroyService],\n        useFactory: (\n            touchSupported: boolean,\n            isIOS: boolean,\n            {nativeElement}: ElementRef<HTMLElement>,\n            destroy$: Observable<void>,\n        ): Observable<EventTarget> => {\n            return isIOS || !touchSupported\n                ? EMPTY\n                : tuiTypedFromEvent(nativeElement, `animationend`).pipe(\n                      filter(({animationName}) => animationName === RIPPLE_OFF),\n                      map(({target}) => target),\n                      filter(tuiIsPresent),\n                      takeUntil(destroy$),\n                  );\n        },\n    },\n];\n","import {Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: ``,\n    styleUrls: [`./ripple.style.less`],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiRippleStylesComponent {}\n","import {Directive, ElementRef, Inject, Input, Renderer2} from '@angular/core';\nimport {\n    TuiDestroyService,\n    TuiDirectiveStylesService,\n    tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {Observable, race, timer} from 'rxjs';\nimport {\n    mapTo,\n    mergeMap,\n    switchMap,\n    switchMapTo,\n    take,\n    takeUntil,\n    tap,\n} from 'rxjs/operators';\n\nimport {\n    RIPPLE_OFF,\n    TUI_RIPPLE_END,\n    TUI_RIPPLE_PROVIDERS,\n    TUI_RIPPLE_START,\n} from './ripple.providers';\nimport {TuiRippleStylesComponent} from './ripple-styles.component';\n\nconst TOUCH_MOVE_DELAY = 100;\n\n@Directive({\n    selector: `[tuiRipple]`,\n    providers: TUI_RIPPLE_PROVIDERS,\n})\nexport class TuiRippleDirective {\n    @Input()\n    tuiRipple?: string;\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n        @Inject(Renderer2) renderer: Renderer2,\n        @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n        @Inject(TUI_RIPPLE_START) start$: Observable<HTMLElement>,\n        @Inject(TUI_RIPPLE_END) end$: Observable<EventTarget>,\n    ) {\n        directiveStyles.addComponent(TuiRippleStylesComponent);\n\n        const touchEnd$ = tuiTypedFromEvent(nativeElement, `touchend`);\n        const touchMove$ = tuiTypedFromEvent(nativeElement, `touchmove`);\n\n        end$.subscribe(element => {\n            renderer.removeChild(nativeElement, element);\n        });\n        start$\n            .pipe(\n                mergeMap(ripple => {\n                    const animationEndOn$ = tuiTypedFromEvent(ripple, `animationend`);\n\n                    return race(\n                        timer(TOUCH_MOVE_DELAY).pipe(mapTo(false)),\n                        touchEnd$.pipe(mapTo(true)),\n                    ).pipe(\n                        take(1),\n                        // eslint-disable-next-line rxjs/no-unsafe-takeuntil\n                        takeUntil(touchMove$),\n                        tap(() => {\n                            renderer.setStyle(\n                                ripple,\n                                `background`,\n                                this.tuiRipple || null,\n                            );\n                            renderer.appendChild(nativeElement, ripple);\n                        }),\n                        switchMap(isTap =>\n                            isTap\n                                ? animationEndOn$\n                                : race<unknown>(\n                                      touchEnd$.pipe(switchMapTo(animationEndOn$)),\n                                      animationEndOn$.pipe(switchMapTo(touchEnd$)),\n                                  ),\n                        ),\n                        mapTo(ripple),\n                    );\n                }),\n                takeUntil(destroy$),\n            )\n            .subscribe(element => {\n                renderer.setStyle(element, `animationName`, RIPPLE_OFF);\n            });\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiRippleDirective} from './ripple.directive';\nimport {TuiRippleStylesComponent} from './ripple-styles.component';\n\n@NgModule({\n    declarations: [TuiRippleDirective, TuiRippleStylesComponent],\n    exports: [TuiRippleDirective],\n})\nexport class TuiRippleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-mobile-directives-ripple.js","sources":["../../../projects/addon-mobile/directives/ripple/ripple.providers.ts","../../../projects/addon-mobile/directives/ripple/ripple-styles.component.ts","../../../projects/addon-mobile/directives/ripple/ripple.directive.ts","../../../projects/addon-mobile/directives/ripple/ripple.module.ts","../../../projects/addon-mobile/directives/ripple/taiga-ui-addon-mobile-directives-ripple.ts"],"sourcesContent":["import {ElementRef, InjectionToken, Provider, Renderer2} from '@angular/core';\nimport {\n    TUI_IS_IOS,\n    TUI_TOUCH_SUPPORTED,\n    TuiDestroyService,\n    tuiIsPresent,\n    tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {EMPTY, Observable} from 'rxjs';\nimport {filter, map, takeUntil} from 'rxjs/operators';\n\nexport const RIPPLE_ON = `tuiRippleOn`;\nexport const RIPPLE_OFF = `tuiRippleOff`;\nexport const TUI_RIPPLE_START = new InjectionToken<Observable<HTMLElement>>(\n    `[TUI_RIPPLE_START]: Stream of ripple elements to add`,\n);\nexport const TUI_RIPPLE_END = new InjectionToken<Observable<HTMLElement>>(\n    `[TUI_RIPPLE_END]: Stream of ripple elements to remove`,\n);\nexport const TUI_RIPPLE_PROVIDERS: Provider[] = [\n    TuiDestroyService,\n    {\n        provide: TUI_RIPPLE_START,\n        deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, Renderer2],\n        useFactory: (\n            touchSupported: boolean,\n            isIOS: boolean,\n            {nativeElement}: ElementRef<HTMLElement>,\n            renderer: Renderer2,\n        ): Observable<HTMLElement> => {\n            return isIOS || !touchSupported\n                ? EMPTY\n                : tuiTypedFromEvent(nativeElement, `touchstart`).pipe(\n                      map(({touches}) => {\n                          const {clientX, clientY} = touches[touches.length - 1];\n                          const {width, height, top, left} =\n                              nativeElement.getBoundingClientRect();\n                          const radius = Math.sqrt(width * width + height * height);\n                          const dimension = radius * 2;\n                          const x = clientX - left - radius;\n                          const y = clientY - top - radius;\n                          const ripple = renderer.createElement(`div`);\n\n                          renderer.addClass(ripple, `tui-ripple`);\n                          renderer.setAttribute(\n                              ripple,\n                              `style`,\n                              `\n                        width: ${dimension}px;\n                        height: ${dimension}px;\n                        left: ${x}px;\n                        top: ${y}px;\n                        animation-name: ${RIPPLE_ON};\n                    `,\n                          );\n\n                          return ripple;\n                      }),\n                  );\n        },\n    },\n    {\n        provide: TUI_RIPPLE_END,\n        deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, TuiDestroyService],\n        useFactory: (\n            touchSupported: boolean,\n            isIOS: boolean,\n            {nativeElement}: ElementRef<HTMLElement>,\n            destroy$: Observable<void>,\n        ): Observable<EventTarget> => {\n            return isIOS || !touchSupported\n                ? EMPTY\n                : tuiTypedFromEvent(nativeElement, `animationend`).pipe(\n                      filter(({animationName}) => animationName === RIPPLE_OFF),\n                      map(({target}) => target),\n                      filter(tuiIsPresent),\n                      takeUntil(destroy$),\n                  );\n        },\n    },\n];\n","import {Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: ``,\n    styleUrls: [`./ripple.style.less`],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiRippleStylesComponent {}\n","import {Directive, ElementRef, Inject, Input, Renderer2, Self} from '@angular/core';\nimport {\n    TuiDestroyService,\n    TuiDirectiveStylesService,\n    tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {Observable, race, timer} from 'rxjs';\nimport {\n    mapTo,\n    mergeMap,\n    switchMap,\n    switchMapTo,\n    take,\n    takeUntil,\n    tap,\n} from 'rxjs/operators';\n\nimport {\n    RIPPLE_OFF,\n    TUI_RIPPLE_END,\n    TUI_RIPPLE_PROVIDERS,\n    TUI_RIPPLE_START,\n} from './ripple.providers';\nimport {TuiRippleStylesComponent} from './ripple-styles.component';\n\nconst TOUCH_MOVE_DELAY = 100;\n\n@Directive({\n    selector: `[tuiRipple]`,\n    providers: TUI_RIPPLE_PROVIDERS,\n})\nexport class TuiRippleDirective {\n    @Input()\n    tuiRipple?: string;\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n        @Inject(Renderer2) renderer: Renderer2,\n        @Self() @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n        @Inject(TUI_RIPPLE_START) start$: Observable<HTMLElement>,\n        @Inject(TUI_RIPPLE_END) end$: Observable<EventTarget>,\n    ) {\n        directiveStyles.addComponent(TuiRippleStylesComponent);\n\n        const touchEnd$ = tuiTypedFromEvent(nativeElement, `touchend`);\n        const touchMove$ = tuiTypedFromEvent(nativeElement, `touchmove`);\n\n        end$.subscribe(element => {\n            renderer.removeChild(nativeElement, element);\n        });\n        start$\n            .pipe(\n                mergeMap(ripple => {\n                    const animationEndOn$ = tuiTypedFromEvent(ripple, `animationend`);\n\n                    return race(\n                        timer(TOUCH_MOVE_DELAY).pipe(mapTo(false)),\n                        touchEnd$.pipe(mapTo(true)),\n                    ).pipe(\n                        take(1),\n                        // eslint-disable-next-line rxjs/no-unsafe-takeuntil\n                        takeUntil(touchMove$),\n                        tap(() => {\n                            renderer.setStyle(\n                                ripple,\n                                `background`,\n                                this.tuiRipple || null,\n                            );\n                            renderer.appendChild(nativeElement, ripple);\n                        }),\n                        switchMap(isTap =>\n                            isTap\n                                ? animationEndOn$\n                                : race<unknown>(\n                                      touchEnd$.pipe(switchMapTo(animationEndOn$)),\n                                      animationEndOn$.pipe(switchMapTo(touchEnd$)),\n                                  ),\n                        ),\n                        mapTo(ripple),\n                    );\n                }),\n                takeUntil(destroy$),\n            )\n            .subscribe(element => {\n                renderer.setStyle(element, `animationName`, RIPPLE_OFF);\n            });\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiRippleDirective} from './ripple.directive';\nimport {TuiRippleStylesComponent} from './ripple-styles.component';\n\n@NgModule({\n    declarations: [TuiRippleDirective, TuiRippleStylesComponent],\n    exports: [TuiRippleDirective],\n})\nexport class TuiRippleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAWO,MAAM,SAAS,GAAG,cAAc;AAChC,MAAM,UAAU,GAAG,eAAe;MAC5B,gBAAgB,GAAG,IAAI,cAAc,CAC9C,CAAsD,oDAAA,CAAA,EACxD;MACW,cAAc,GAAG,IAAI,cAAc,CAC5C,CAAuD,qDAAA,CAAA,EACzD;AACW,MAAA,oBAAoB,GAAe;IAC5C,iBAAiB;AACjB,IAAA;AACI,QAAA,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,CAAC,mBAAmB,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC;AAC9D,QAAA,UAAU,EAAE,CACR,cAAuB,EACvB,KAAc,EACd,EAAC,aAAa,EAA0B,EACxC,QAAmB,KACM;YACzB,OAAO,KAAK,IAAI,CAAC,cAAc;AAC3B,kBAAE,KAAK;AACP,kBAAE,iBAAiB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,IAAI,CAC/C,GAAG,CAAC,CAAC,EAAC,OAAO,EAAC,KAAI;AACd,oBAAA,MAAM,EAAC,OAAO,EAAE,OAAO,EAAC,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACvD,oBAAA,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAC,GAC5B,aAAa,CAAC,qBAAqB,EAAE,CAAC;AAC1C,oBAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;AAC1D,oBAAA,MAAM,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC;AAC7B,oBAAA,MAAM,CAAC,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;AAClC,oBAAA,MAAM,CAAC,GAAG,OAAO,GAAG,GAAG,GAAG,MAAM,CAAC;oBACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA,GAAA,CAAK,CAAC,CAAC;AAE7C,oBAAA,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAA,UAAA,CAAY,CAAC,CAAC;AACxC,oBAAA,QAAQ,CAAC,YAAY,CACjB,MAAM,EACN,OAAO,EACP,CAAA;iCACG,SAAS,CAAA;kCACR,SAAS,CAAA;gCACX,CAAC,CAAA;+BACF,CAAC,CAAA;0CACU,SAAS,CAAA;AAC9B,oBAAA,CAAA,CACM,CAAC;AAEF,oBAAA,OAAO,MAAM,CAAC;iBACjB,CAAC,CACL,CAAC;SACX;AACJ,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,CAAC,mBAAmB,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,CAAC;AACtE,QAAA,UAAU,EAAE,CACR,cAAuB,EACvB,KAAc,EACd,EAAC,aAAa,EAA0B,EACxC,QAA0B,KACD;YACzB,OAAO,KAAK,IAAI,CAAC,cAAc;AAC3B,kBAAE,KAAK;kBACL,iBAAiB,CAAC,aAAa,EAAE,CAAc,YAAA,CAAA,CAAC,CAAC,IAAI,CACjD,MAAM,CAAC,CAAC,EAAC,aAAa,EAAC,KAAK,aAAa,KAAK,UAAU,CAAC,EACzD,GAAG,CAAC,CAAC,EAAC,MAAM,EAAC,KAAK,MAAM,CAAC,EACzB,MAAM,CAAC,YAAY,CAAC,EACpB,SAAS,CAAC,QAAQ,CAAC,CACtB,CAAC;SACX;AACJ,KAAA;;;MCxEQ,wBAAwB,CAAA;;sHAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,oDAJvB,CAAE,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+YAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAIH,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAE,CAAA;oBACZ,SAAS,EAAE,CAAC,CAAA,mBAAA,CAAqB,CAAC;oBAClC,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACxC,iBAAA,CAAA;;;ACmBD,MAAM,gBAAgB,GAAG,GAAG,CAAC;MAMhB,kBAAkB,CAAA;AAI3B,IAAA,WAAA,CACwB,EAAC,aAAa,EAA0B,EACzB,eAA0C,EAC1D,QAAmB,EACH,QAA2B,EACpC,MAA+B,EACjC,IAA6B,EAAA;AAErD,QAAA,eAAe,CAAC,YAAY,CAAC,wBAAwB,CAAC,CAAC;QAEvD,MAAM,SAAS,GAAG,iBAAiB,CAAC,aAAa,EAAE,CAAA,QAAA,CAAU,CAAC,CAAC;QAC/D,MAAM,UAAU,GAAG,iBAAiB,CAAC,aAAa,EAAE,CAAA,SAAA,CAAW,CAAC,CAAC;AAEjE,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,IAAG;AACrB,YAAA,QAAQ,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;AACjD,SAAC,CAAC,CAAC;QACH,MAAM;AACD,aAAA,IAAI,CACD,QAAQ,CAAC,MAAM,IAAG;YACd,MAAM,eAAe,GAAG,iBAAiB,CAAC,MAAM,EAAE,CAAA,YAAA,CAAc,CAAC,CAAC;AAElE,YAAA,OAAO,IAAI,CACP,KAAK,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC1C,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAC9B,CAAC,IAAI,CACF,IAAI,CAAC,CAAC,CAAC;;AAEP,YAAA,SAAS,CAAC,UAAU,CAAC,EACrB,GAAG,CAAC,MAAK;AACL,gBAAA,QAAQ,CAAC,QAAQ,CACb,MAAM,EACN,CAAA,UAAA,CAAY,EACZ,IAAI,CAAC,SAAS,IAAI,IAAI,CACzB,CAAC;AACF,gBAAA,QAAQ,CAAC,WAAW,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;aAC/C,CAAC,EACF,SAAS,CAAC,KAAK,IACX,KAAK;AACD,kBAAE,eAAe;AACjB,kBAAE,IAAI,CACA,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,EAC5C,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAC/C,CACV,EACD,KAAK,CAAC,MAAM,CAAC,CAChB,CAAC;AACN,SAAC,CAAC,EACF,SAAS,CAAC,QAAQ,CAAC,CACtB;aACA,SAAS,CAAC,OAAO,IAAG;YACjB,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAe,aAAA,CAAA,EAAE,UAAU,CAAC,CAAC;AAC5D,SAAC,CAAC,CAAC;KACV;;gHAxDQ,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAKf,UAAU,EAAA,EAAA,EAAA,KAAA,EACV,yBAAyB,EAAA,EAAA,EAAA,KAAA,EACzB,SAAS,EAAA,EAAA,EAAA,KAAA,EACD,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EACzB,gBAAgB,EAAA,EAAA,EAAA,KAAA,EAChB,cAAc,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAVjB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,0EAFhB,oBAAoB,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAEtB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAa,WAAA,CAAA;AACvB,oBAAA,SAAS,EAAE,oBAAoB;AAClC,iBAAA,CAAA;;0BAMQ,MAAM;2BAAC,UAAU,CAAA;;0BACjB,MAAM;2BAAC,yBAAyB,CAAA;;0BAChC,MAAM;2BAAC,SAAS,CAAA;;0BAChB,IAAI;;0BAAI,MAAM;2BAAC,iBAAiB,CAAA;;0BAChC,MAAM;2BAAC,gBAAgB,CAAA;;0BACvB,MAAM;2BAAC,cAAc,CAAA;4CAR1B,SAAS,EAAA,CAAA;sBADR,KAAK;;;MCvBG,eAAe,CAAA;;6GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAHT,YAAA,EAAA,CAAA,kBAAkB,EAAE,wBAAwB,aACjD,kBAAkB,CAAA,EAAA,CAAA,CAAA;8GAEnB,eAAe,EAAA,CAAA,CAAA;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,kBAAkB,EAAE,wBAAwB,CAAC;oBAC5D,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAChC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

package/fesm2015/taiga-ui-addon-mobile-directives-touchable.js

@@ -1,6 +1,6 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { ElementRef, Renderer2, Directive, Optional, Inject, Input, NgModule } from '@angular/core';
+import { ElementRef, Renderer2, Directive, Optional, Inject, Self, Input, NgModule } from '@angular/core';
 import { tuiFindTouchIndex } from '@taiga-ui/addon-mobile/utils';
 import * as i1 from '@taiga-ui/cdk';
 import { tuiTypedFromEvent, TUI_IS_IOS, TuiDestroyService, tuiDefaultProp } from '@taiga-ui/cdk';
@@ -52,7 +52,7 @@ class TuiTouchableDirective {
         renderer.setStyle(element, this.style, STYLE[this.style]);
     }
 }
-TuiTouchableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTouchableDirective, deps: [{ token: TUI_ELEMENT_REF, optional: true }, { token: TUI_IS_IOS }, { token: ElementRef }, { token: Renderer2 }, { token: TuiDestroyService }], target: i0.ɵɵFactoryTarget.Directive });
+TuiTouchableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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: "12.0.0", version: "12.2.16", type: TuiTouchableDirective, selector: "[tuiTouchable]", inputs: { tuiTouchable: "tuiTouchable" }, providers: [TuiDestroyService], ngImport: i0 });
 __decorate([
     tuiDefaultProp()
@@ -78,6 +78,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     type: Inject,
                     args: [Renderer2]
                 }] }, { type: i1.TuiDestroyService, decorators: [{
+                    type: Self
+                }, {
                     type: Inject,
                     args: [TuiDestroyService]
                 }] }]; }, propDecorators: { tuiTouchable: [{

package/fesm2015/taiga-ui-addon-mobile-directives-touchable.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-directives-touchable.js","sources":["../../../projects/addon-mobile/directives/touchable/touchable.directive.ts","../../../projects/addon-mobile/directives/touchable/touchable.module.ts","../../../projects/addon-mobile/directives/touchable/taiga-ui-addon-mobile-directives-touchable.ts"],"sourcesContent":["import {Directive, ElementRef, Inject, Input, Optional, Renderer2} from '@angular/core';\nimport {TuiTouchMode} from '@taiga-ui/addon-mobile/types';\nimport {tuiFindTouchIndex} from '@taiga-ui/addon-mobile/utils';\nimport {\n    TUI_IS_IOS,\n    tuiDefaultProp,\n    TuiDestroyService,\n    tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {TUI_ELEMENT_REF} from '@taiga-ui/core';\nimport {race} from 'rxjs';\nimport {filter, map, switchMap, take, takeUntil, tap} from 'rxjs/operators';\n\nconst STYLE = {\n    transform: `scale(0.95)`,\n    opacity: `0.6`,\n    background: `rgba(146, 153, 162, 0.12)`,\n} as const;\n\n@Directive({\n    selector: `[tuiTouchable]`,\n    providers: [TuiDestroyService],\n})\nexport class TuiTouchableDirective {\n    @Input()\n    @tuiDefaultProp()\n    tuiTouchable: TuiTouchMode | '' = ``;\n\n    constructor(\n        @Optional() @Inject(TUI_ELEMENT_REF) elementRef: ElementRef<HTMLElement> | null,\n        @Inject(TUI_IS_IOS) isIos: boolean,\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(Renderer2) renderer: Renderer2,\n        @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n    ) {\n        if (!isIos) {\n            return;\n        }\n\n        const element = elementRef ? elementRef.nativeElement : nativeElement;\n\n        tuiTypedFromEvent(element, `touchstart`, {passive: true})\n            .pipe(\n                tap(() => {\n                    this.onTouchStart(renderer, element);\n                }),\n                map(({touches}) => touches[touches.length - 1].identifier),\n                switchMap(identifier =>\n                    race(\n                        tuiTypedFromEvent(element, `touchmove`, {passive: true}).pipe(\n                            filter(({touches}) =>\n                                this.hasTouchLeft(element, touches, identifier),\n                            ),\n                        ),\n                        tuiTypedFromEvent(element, `touchend`),\n                    ).pipe(take(1)),\n                ),\n                takeUntil(destroy$),\n            )\n            .subscribe(() => {\n                renderer.removeStyle(element, `transform`);\n                renderer.removeStyle(element, `opacity`);\n                renderer.removeStyle(element, `background`);\n            });\n    }\n\n    get style(): TuiTouchMode {\n        return this.tuiTouchable || `transform`;\n    }\n\n    private hasTouchLeft(\n        element: HTMLElement,\n        touches: TouchList,\n        identifier: number,\n    ): boolean {\n        const {ownerDocument} = element;\n        const id = tuiFindTouchIndex(touches, identifier);\n\n        if (!ownerDocument || id === -1) {\n            return true;\n        }\n\n        const {clientX, clientY} = touches[id];\n\n        return !element.contains(ownerDocument.elementFromPoint(clientX, clientY));\n    }\n\n    private onTouchStart(renderer: Renderer2, element: HTMLElement): void {\n        if (this.style !== `transform`) {\n            renderer.removeStyle(element, `transition`);\n        } else {\n            renderer.setStyle(element, `transition`, `transform 0.2s`);\n        }\n\n        renderer.setStyle(element, this.style, STYLE[this.style]);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiTouchableDirective} from './touchable.directive';\n\n@NgModule({\n    declarations: [TuiTouchableDirective],\n    exports: [TuiTouchableDirective],\n})\nexport class TuiTouchableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAaA,MAAM,KAAK,GAAG;AACV,IAAA,SAAS,EAAE,CAAa,WAAA,CAAA;AACxB,IAAA,OAAO,EAAE,CAAK,GAAA,CAAA;AACd,IAAA,UAAU,EAAE,CAA2B,yBAAA,CAAA;CACjC,CAAC;MAME,qBAAqB,CAAA;IAK9B,WACyC,CAAA,UAA0C,EAC3D,KAAc,EACd,EAAC,aAAa,EAA0B,EACzC,QAAmB,EACX,QAA2B,EAAA;QAP1D,IAAY,CAAA,YAAA,GAAsB,EAAE,CAAC;QASjC,IAAI,CAAC,KAAK,EAAE;YACR,OAAO;AACV,SAAA;AAED,QAAA,MAAM,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,aAAa,GAAG,aAAa,CAAC;QAEtE,iBAAiB,CAAC,OAAO,EAAE,CAAY,UAAA,CAAA,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;AACpD,aAAA,IAAI,CACD,GAAG,CAAC,MAAK;AACL,YAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACzC,SAAC,CAAC,EACF,GAAG,CAAC,CAAC,EAAC,OAAO,EAAC,KAAK,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,EAC1D,SAAS,CAAC,UAAU,IAChB,IAAI,CACA,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC,IAAI,CACzD,MAAM,CAAC,CAAC,EAAC,OAAO,EAAC,KACb,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAClD,CACJ,EACD,iBAAiB,CAAC,OAAO,EAAE,CAAA,QAAA,CAAU,CAAC,CACzC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAClB,EACD,SAAS,CAAC,QAAQ,CAAC,CACtB;aACA,SAAS,CAAC,MAAK;AACZ,YAAA,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA,SAAA,CAAW,CAAC,CAAC;AAC3C,YAAA,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA,OAAA,CAAS,CAAC,CAAC;AACzC,YAAA,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA,UAAA,CAAY,CAAC,CAAC;AAChD,SAAC,CAAC,CAAC;KACV;AAED,IAAA,IAAI,KAAK,GAAA;AACL,QAAA,OAAO,IAAI,CAAC,YAAY,IAAI,WAAW,CAAC;KAC3C;AAEO,IAAA,YAAY,CAChB,OAAoB,EACpB,OAAkB,EAClB,UAAkB,EAAA;AAElB,QAAA,MAAM,EAAC,aAAa,EAAC,GAAG,OAAO,CAAC;QAChC,MAAM,EAAE,GAAG,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAElD,QAAA,IAAI,CAAC,aAAa,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE;AAC7B,YAAA,OAAO,IAAI,CAAC;AACf,SAAA;QAED,MAAM,EAAC,OAAO,EAAE,OAAO,EAAC,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;AAEvC,QAAA,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;KAC9E;IAEO,YAAY,CAAC,QAAmB,EAAE,OAAoB,EAAA;AAC1D,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,WAAW,EAAE;AAC5B,YAAA,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA,UAAA,CAAY,CAAC,CAAC;AAC/C,SAAA;AAAM,aAAA;YACH,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAY,UAAA,CAAA,EAAE,CAAgB,cAAA,CAAA,CAAC,CAAC;AAC9D,SAAA;AAED,QAAA,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;KAC7D;;mHAxEQ,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAMN,eAAe,EAC3B,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,UAAU,aACV,UAAU,EAAA,EAAA,EAAA,KAAA,EACV,SAAS,EAAA,EAAA,EAAA,KAAA,EACT,iBAAiB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uGAVpB,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,SAAA,EAFnB,CAAC,iBAAiB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;AAK9B,UAAA,CAAA;AADC,IAAA,cAAc,EAAE;AACoB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA,CAAA;4FAH5B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAgB,cAAA,CAAA;oBAC1B,SAAS,EAAE,CAAC,iBAAiB,CAAC;AACjC,iBAAA,CAAA;;0BAOQ,QAAQ;;0BAAI,MAAM;2BAAC,eAAe,CAAA;;0BAClC,MAAM;2BAAC,UAAU,CAAA;;0BACjB,MAAM;2BAAC,UAAU,CAAA;;0BACjB,MAAM;2BAAC,SAAS,CAAA;;0BAChB,MAAM;2BAAC,iBAAiB,CAAA;4CAP7B,YAAY,EAAA,CAAA;sBAFX,KAAK;;;MChBG,kBAAkB,CAAA;;gHAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;iHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAHZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAC1B,qBAAqB,CAAA,EAAA,CAAA,CAAA;iHAEtB,kBAAkB,EAAA,CAAA,CAAA;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACnC,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-addon-mobile-directives-touchable.js","sources":["../../../projects/addon-mobile/directives/touchable/touchable.directive.ts","../../../projects/addon-mobile/directives/touchable/touchable.module.ts","../../../projects/addon-mobile/directives/touchable/taiga-ui-addon-mobile-directives-touchable.ts"],"sourcesContent":["import {\n    Directive,\n    ElementRef,\n    Inject,\n    Input,\n    Optional,\n    Renderer2,\n    Self,\n} from '@angular/core';\nimport {TuiTouchMode} from '@taiga-ui/addon-mobile/types';\nimport {tuiFindTouchIndex} from '@taiga-ui/addon-mobile/utils';\nimport {\n    TUI_IS_IOS,\n    tuiDefaultProp,\n    TuiDestroyService,\n    tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {TUI_ELEMENT_REF} from '@taiga-ui/core';\nimport {race} from 'rxjs';\nimport {filter, map, switchMap, take, takeUntil, tap} from 'rxjs/operators';\n\nconst STYLE = {\n    transform: `scale(0.95)`,\n    opacity: `0.6`,\n    background: `rgba(146, 153, 162, 0.12)`,\n} as const;\n\n@Directive({\n    selector: `[tuiTouchable]`,\n    providers: [TuiDestroyService],\n})\nexport class TuiTouchableDirective {\n    @Input()\n    @tuiDefaultProp()\n    tuiTouchable: TuiTouchMode | '' = ``;\n\n    constructor(\n        @Optional() @Inject(TUI_ELEMENT_REF) elementRef: ElementRef<HTMLElement> | null,\n        @Inject(TUI_IS_IOS) isIos: boolean,\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(Renderer2) renderer: Renderer2,\n        @Self() @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n    ) {\n        if (!isIos) {\n            return;\n        }\n\n        const element = elementRef ? elementRef.nativeElement : nativeElement;\n\n        tuiTypedFromEvent(element, `touchstart`, {passive: true})\n            .pipe(\n                tap(() => {\n                    this.onTouchStart(renderer, element);\n                }),\n                map(({touches}) => touches[touches.length - 1].identifier),\n                switchMap(identifier =>\n                    race(\n                        tuiTypedFromEvent(element, `touchmove`, {passive: true}).pipe(\n                            filter(({touches}) =>\n                                this.hasTouchLeft(element, touches, identifier),\n                            ),\n                        ),\n                        tuiTypedFromEvent(element, `touchend`),\n                    ).pipe(take(1)),\n                ),\n                takeUntil(destroy$),\n            )\n            .subscribe(() => {\n                renderer.removeStyle(element, `transform`);\n                renderer.removeStyle(element, `opacity`);\n                renderer.removeStyle(element, `background`);\n            });\n    }\n\n    get style(): TuiTouchMode {\n        return this.tuiTouchable || `transform`;\n    }\n\n    private hasTouchLeft(\n        element: HTMLElement,\n        touches: TouchList,\n        identifier: number,\n    ): boolean {\n        const {ownerDocument} = element;\n        const id = tuiFindTouchIndex(touches, identifier);\n\n        if (!ownerDocument || id === -1) {\n            return true;\n        }\n\n        const {clientX, clientY} = touches[id];\n\n        return !element.contains(ownerDocument.elementFromPoint(clientX, clientY));\n    }\n\n    private onTouchStart(renderer: Renderer2, element: HTMLElement): void {\n        if (this.style !== `transform`) {\n            renderer.removeStyle(element, `transition`);\n        } else {\n            renderer.setStyle(element, `transition`, `transform 0.2s`);\n        }\n\n        renderer.setStyle(element, this.style, STYLE[this.style]);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiTouchableDirective} from './touchable.directive';\n\n@NgModule({\n    declarations: [TuiTouchableDirective],\n    exports: [TuiTouchableDirective],\n})\nexport class TuiTouchableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAqBA,MAAM,KAAK,GAAG;AACV,IAAA,SAAS,EAAE,CAAa,WAAA,CAAA;AACxB,IAAA,OAAO,EAAE,CAAK,GAAA,CAAA;AACd,IAAA,UAAU,EAAE,CAA2B,yBAAA,CAAA;CACjC,CAAC;MAME,qBAAqB,CAAA;IAK9B,WACyC,CAAA,UAA0C,EAC3D,KAAc,EACd,EAAC,aAAa,EAA0B,EACzC,QAAmB,EACH,QAA2B,EAAA;QAPlE,IAAY,CAAA,YAAA,GAAsB,EAAE,CAAC;QASjC,IAAI,CAAC,KAAK,EAAE;YACR,OAAO;AACV,SAAA;AAED,QAAA,MAAM,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,aAAa,GAAG,aAAa,CAAC;QAEtE,iBAAiB,CAAC,OAAO,EAAE,CAAY,UAAA,CAAA,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;AACpD,aAAA,IAAI,CACD,GAAG,CAAC,MAAK;AACL,YAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACzC,SAAC,CAAC,EACF,GAAG,CAAC,CAAC,EAAC,OAAO,EAAC,KAAK,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,EAC1D,SAAS,CAAC,UAAU,IAChB,IAAI,CACA,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC,IAAI,CACzD,MAAM,CAAC,CAAC,EAAC,OAAO,EAAC,KACb,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAClD,CACJ,EACD,iBAAiB,CAAC,OAAO,EAAE,CAAA,QAAA,CAAU,CAAC,CACzC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAClB,EACD,SAAS,CAAC,QAAQ,CAAC,CACtB;aACA,SAAS,CAAC,MAAK;AACZ,YAAA,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA,SAAA,CAAW,CAAC,CAAC;AAC3C,YAAA,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA,OAAA,CAAS,CAAC,CAAC;AACzC,YAAA,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA,UAAA,CAAY,CAAC,CAAC;AAChD,SAAC,CAAC,CAAC;KACV;AAED,IAAA,IAAI,KAAK,GAAA;AACL,QAAA,OAAO,IAAI,CAAC,YAAY,IAAI,WAAW,CAAC;KAC3C;AAEO,IAAA,YAAY,CAChB,OAAoB,EACpB,OAAkB,EAClB,UAAkB,EAAA;AAElB,QAAA,MAAM,EAAC,aAAa,EAAC,GAAG,OAAO,CAAC;QAChC,MAAM,EAAE,GAAG,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAElD,QAAA,IAAI,CAAC,aAAa,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE;AAC7B,YAAA,OAAO,IAAI,CAAC;AACf,SAAA;QAED,MAAM,EAAC,OAAO,EAAE,OAAO,EAAC,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;AAEvC,QAAA,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;KAC9E;IAEO,YAAY,CAAC,QAAmB,EAAE,OAAoB,EAAA;AAC1D,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,WAAW,EAAE;AAC5B,YAAA,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA,UAAA,CAAY,CAAC,CAAC;AAC/C,SAAA;AAAM,aAAA;YACH,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAY,UAAA,CAAA,EAAE,CAAgB,cAAA,CAAA,CAAC,CAAC;AAC9D,SAAA;AAED,QAAA,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;KAC7D;;mHAxEQ,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAMN,eAAe,EAC3B,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,UAAU,aACV,UAAU,EAAA,EAAA,EAAA,KAAA,EACV,SAAS,EAAA,EAAA,EAAA,KAAA,EACD,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uGAV5B,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,SAAA,EAFnB,CAAC,iBAAiB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;AAK9B,UAAA,CAAA;AADC,IAAA,cAAc,EAAE;AACoB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA,CAAA;4FAH5B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAgB,cAAA,CAAA;oBAC1B,SAAS,EAAE,CAAC,iBAAiB,CAAC;AACjC,iBAAA,CAAA;;0BAOQ,QAAQ;;0BAAI,MAAM;2BAAC,eAAe,CAAA;;0BAClC,MAAM;2BAAC,UAAU,CAAA;;0BACjB,MAAM;2BAAC,UAAU,CAAA;;0BACjB,MAAM;2BAAC,SAAS,CAAA;;0BAChB,IAAI;;0BAAI,MAAM;2BAAC,iBAAiB,CAAA;4CAPrC,YAAY,EAAA,CAAA;sBAFX,KAAK;;;MCxBG,kBAAkB,CAAA;;gHAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;iHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAHZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAC1B,qBAAqB,CAAA,EAAA,CAAA,CAAA;iHAEtB,kBAAkB,EAAA,CAAA,CAAA;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACnC,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/addon-mobile",
-  "version": "3.11.0",
+  "version": "3.12.1",
   "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
   "keywords": [
     "angular",
@@ -14,13 +14,13 @@
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/cdk": ">=9.0.0",
-    "@angular/common": ">=9.0.0",
-    "@angular/core": ">=9.0.0",
+    "@angular/cdk": ">=12.0.0",
+    "@angular/common": ">=12.0.0",
+    "@angular/core": ">=12.0.0",
     "@ng-web-apis/common": ">=2.0.0",
-    "@taiga-ui/cdk": ">=3.11.0",
-    "@taiga-ui/core": ">=3.11.0",
-    "@taiga-ui/kit": ">=3.11.0",
+    "@taiga-ui/cdk": ">=3.12.1",
+    "@taiga-ui/core": ">=3.12.1",
+    "@taiga-ui/kit": ">=3.12.1",
     "@tinkoff/ng-polymorpheus": ">=4.0.0",
     "rxjs": ">=6.0.0"
   },

package/types/touch-mode.d.ts

@@ -1 +1 @@
-export declare type TuiTouchMode = 'transform' | 'opacity' | 'background';
+export declare type TuiTouchMode = 'background' | 'opacity' | 'transform';