@taiga-ui/addon-mobile 2.59.1 → 3.0.0-rc.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":["ng://@taiga-ui/addon-mobile/directives/elastic-sticky/elastic-sticky.service.ts","ng://@taiga-ui/addon-mobile/directives/elastic-sticky/elastic-sticky.directive.ts","ng://@taiga-ui/addon-mobile/directives/elastic-sticky/elastic-sticky.module.ts","ng://@taiga-ui/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    getElementOffset,\n    TuiDestroyService,\n    tuiZoneOptimized,\n    typedFromEvent,\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// @dynamic\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 typedFromEvent(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        // TODO: iframe warning\n        return host instanceof Element\n            ? getElementOffset(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} 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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"}

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

@@ -1,20 +1,23 @@
-import { __decorate, __param } from 'tslib';
-import { Component, ViewEncapsulation, Inject, HostBinding, Directive, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, Directive, Inject, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@taiga-ui/cdk';
 import { TUI_IS_IOS, TUI_IS_ANDROID, TuiDirectiveStylesService } from '@taiga-ui/cdk';
 import { TUI_TAB_MARGIN } from '@taiga-ui/kit';
 
-let TuiMobileTabsComponent = class TuiMobileTabsComponent {
-};
-TuiMobileTabsComponent = __decorate([
-    Component({
-        template: ``,
-        encapsulation: ViewEncapsulation.None,
-        styles: ["[tuiMobileTabs] tui-tabs[data-platform=android],tui-tabs[tuiMobileTabs][data-platform=android]{height:auto}[tuiMobileTabs] tui-tabs[data-platform=android] tui-underline,tui-tabs[tuiMobileTabs][data-platform=android] tui-underline{box-shadow:inset 0 -.1875rem var(--tui-link)}[tuiMobileTabs] tui-tabs[data-platform=android] [tuiTab],tui-tabs[tuiMobileTabs][data-platform=android] [tuiTab]{transition-property:opacity;transition-duration:var(--tui-duration,300ms);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}[tuiMobileTabs] tui-tabs[data-platform=android] [tuiTab]:hover,tui-tabs[tuiMobileTabs][data-platform=android] [tuiTab]:hover{box-shadow:none}[tuiMobileTabs] tui-tabs[data-platform=android] [tuiTab]._active,tui-tabs[tuiMobileTabs][data-platform=android] [tuiTab]._active{opacity:1;color:var(--tui-base-09)}[tuiMobileTabs] tui-tabs[data-platform=ios],tui-tabs[tuiMobileTabs][data-platform=ios]{height:auto;border:2px solid transparent;border-radius:.5625rem;background:var(--tui-link);box-shadow:none}[tuiMobileTabs] tui-tabs[data-platform=ios] tui-underline,tui-tabs[tuiMobileTabs][data-platform=ios] tui-underline{border-radius:.4375rem;background:var(--tui-base-01);box-shadow:0 .1875rem .0625rem rgba(0,0,0,.04),0 .1875rem .5rem rgba(0,0,0,.12)}[tuiMobileTabs] tui-tabs[data-platform=ios] [tuiTab],tui-tabs[tuiMobileTabs][data-platform=ios] [tuiTab]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',sans-serif}[tuiMobileTabs] tui-tabs[data-platform=ios] [tuiTab]:hover,tui-tabs[tuiMobileTabs][data-platform=ios] [tuiTab]:hover{box-shadow:none}[tuiMobileTabs] tui-tabs[data-platform=ios] [tuiTab]._active,tui-tabs[tuiMobileTabs][data-platform=ios] [tuiTab]._active{font-size:.875rem;font-weight:600;color:var(--tui-link)}"]
-    })
-], TuiMobileTabsComponent);
+class TuiMobileTabsComponent {
+}
+TuiMobileTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiMobileTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiMobileTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiMobileTabsComponent, selector: "ng-component", ngImport: i0, template: ``, isInline: true, styles: ["tui-tabs[tuiMobileTabs][data-platform=android],[tuiMobileTabs] tui-tabs[data-platform=android]{height:auto}tui-tabs[tuiMobileTabs][data-platform=android] tui-underline,[tuiMobileTabs] tui-tabs[data-platform=android] tui-underline{box-shadow:inset 0 -.1875rem var(--tui-link)}tui-tabs[tuiMobileTabs][data-platform=android] [tuiTab],[tuiMobileTabs] tui-tabs[data-platform=android] [tuiTab]{transition-property:opacity;transition-duration:.3s;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,[tuiMobileTabs] tui-tabs[data-platform=android] [tuiTab]:hover{box-shadow:none}tui-tabs[tuiMobileTabs][data-platform=android] [tuiTab]._active,[tuiMobileTabs] tui-tabs[data-platform=android] [tuiTab]._active{opacity:1;color:var(--tui-base-09)}tui-tabs[tuiMobileTabs][data-platform=ios],[tuiMobileTabs] tui-tabs[data-platform=ios]{height:auto;border:2px solid transparent;border-radius:.5625rem;background:var(--tui-link);box-shadow:none}tui-tabs[tuiMobileTabs][data-platform=ios] tui-underline,[tuiMobileTabs] tui-tabs[data-platform=ios] tui-underline{border-radius:.4375rem;background:var(--tui-base-01);box-shadow:0 .1875rem .0625rem rgba(0,0,0,.04),0 .1875rem .5rem rgba(0,0,0,.12)}tui-tabs[tuiMobileTabs][data-platform=ios] [tuiTab],[tuiMobileTabs] tui-tabs[data-platform=ios] [tuiTab]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,\"Helvetica Neue\",sans-serif}tui-tabs[tuiMobileTabs][data-platform=ios] [tuiTab]:hover,[tuiMobileTabs] tui-tabs[data-platform=ios] [tuiTab]:hover{box-shadow:none}tui-tabs[tuiMobileTabs][data-platform=ios] [tuiTab]._active,[tuiMobileTabs] tui-tabs[data-platform=ios] [tuiTab]._active{font-size:.875rem;font-weight:600;color:var(--tui-link)}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiMobileTabsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    styleUrls: [`mobile-tabs.style.less`],
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }] });
 
-// @dynamic
-let TuiMobileTabsDirective = class TuiMobileTabsDirective {
+class TuiMobileTabsDirective {
     constructor(isIos, isAndroid, directiveStyles) {
         this.isIos = isIos;
         this.isAndroid = isAndroid;
@@ -29,39 +32,52 @@ let TuiMobileTabsDirective = class TuiMobileTabsDirective {
         }
         return null;
     }
-};
-TuiMobileTabsDirective.ctorParameters = () => [
-    { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_IOS,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_ANDROID,] }] },
-    { type: TuiDirectiveStylesService, decorators: [{ type: Inject, args: [TuiDirectiveStylesService,] }] }
-];
-__decorate([
-    HostBinding(`attr.data-platform`)
-], TuiMobileTabsDirective.prototype, "platform", null);
-TuiMobileTabsDirective = __decorate([
-    Directive({
-        selector: `[tuiMobileTabs]`,
-        providers: [
-            {
-                provide: TUI_TAB_MARGIN,
-                useValue: 0,
-            },
-        ],
-    }),
-    __param(0, Inject(TUI_IS_IOS)),
-    __param(1, Inject(TUI_IS_ANDROID)),
-    __param(2, Inject(TuiDirectiveStylesService))
-], TuiMobileTabsDirective);
+}
+TuiMobileTabsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.16", ngImport: i0, type: TuiMobileTabsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiMobileTabs]`,
+                    providers: [
+                        {
+                            provide: TUI_TAB_MARGIN,
+                            useValue: 0,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_IS_IOS]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_IS_ANDROID]
+                }] }, { type: i1.TuiDirectiveStylesService, decorators: [{
+                    type: Inject,
+                    args: [TuiDirectiveStylesService]
+                }] }]; }, propDecorators: { platform: [{
+                type: HostBinding,
+                args: [`attr.data-platform`]
+            }] } });
 
-let TuiMobileTabsModule = class TuiMobileTabsModule {
-};
-TuiMobileTabsModule = __decorate([
-    NgModule({
-        declarations: [TuiMobileTabsDirective, TuiMobileTabsComponent],
-        exports: [TuiMobileTabsDirective, TuiMobileTabsComponent],
-        entryComponents: [TuiMobileTabsComponent],
-    })
-], TuiMobileTabsModule);
+class TuiMobileTabsModule {
+}
+TuiMobileTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiMobileTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiMobileTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiMobileTabsModule, declarations: [TuiMobileTabsDirective, TuiMobileTabsComponent], exports: [TuiMobileTabsDirective, TuiMobileTabsComponent] });
+TuiMobileTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiMobileTabsModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiMobileTabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiMobileTabsDirective, TuiMobileTabsComponent],
+                    exports: [TuiMobileTabsDirective, TuiMobileTabsComponent],
+                    entryComponents: [TuiMobileTabsComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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":["ng://@taiga-ui/addon-mobile/directives/mobile-tabs/mobile-tabs.component.ts","ng://@taiga-ui/addon-mobile/directives/mobile-tabs/mobile-tabs.directive.ts","ng://@taiga-ui/addon-mobile/directives/mobile-tabs/mobile-tabs.module.ts","ng://@taiga-ui/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// @dynamic\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    entryComponents: [TuiMobileTabsComponent],\n})\nexport class TuiMobileTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;IAOa,sBAAsB,GAAnC,MAAa,sBAAsB;EAAG;AAAzB,sBAAsB;IALlC,SAAS,CAAC;QACP,QAAQ,EAAE,EAAE;QAEZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;;KACxC,CAAC;GACW,sBAAsB,CAAG;;ACDtC;IAUa,sBAAsB,GAAnC,MAAa,sBAAsB;IAC/B,YACyC,KAAc,EACV,SAAkB,EACxB,eAA0C;QAFxC,UAAK,GAAL,KAAK,CAAS;QACV,cAAS,GAAT,SAAS,CAAS;QAG3D,eAAe,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;KACxD;IAGD,IAAI,QAAQ;QACR,IAAI,IAAI,CAAC,KAAK,EAAE;YACZ,OAAO,KAAK,CAAC;SAChB;QAED,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,OAAO,SAAS,CAAC;SACpB;QAED,OAAO,IAAI,CAAC;KACf;EACJ;;0CAnBQ,MAAM,SAAC,UAAU;0CACjB,MAAM,SAAC,cAAc;YAC8B,yBAAyB,uBAA5E,MAAM,SAAC,yBAAyB;;AAMrC;IADC,WAAW,CAAC,oBAAoB,CAAC;sDAWjC;AApBQ,sBAAsB;IATlC,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,cAAc;gBACvB,QAAQ,EAAE,CAAC;aACd;SACJ;KACJ,CAAC;IAGO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,cAAc,CAAC,CAAA;IACtB,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;GAJ7B,sBAAsB,CAqBlC;;IC3BY,mBAAmB,GAAhC,MAAa,mBAAmB;EAAG;AAAtB,mBAAmB;IAL/B,QAAQ,CAAC;QACN,YAAY,EAAE,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;QAC9D,OAAO,EAAE,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;QACzD,eAAe,EAAE,CAAC,sBAAsB,CAAC;KAC5C,CAAC;GACW,mBAAmB,CAAG;;ACVnC;;;;;;"}
+{"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    entryComponents: [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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"}

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

@@ -1,7 +1,9 @@
-import { __decorate, __param } from 'tslib';
-import { InjectionToken, ElementRef, Renderer2, Component, ViewEncapsulation, Inject, Input, Directive, NgModule } from '@angular/core';
-import { TuiDestroyService, TUI_TOUCH_SUPPORTED, TUI_IS_IOS, typedFromEvent, isPresent, TuiDirectiveStylesService } from '@taiga-ui/cdk';
-import { EMPTY, race, timer, Observable } from 'rxjs';
+import * as i0 from '@angular/core';
+import { InjectionToken, ElementRef, Renderer2, Component, ViewEncapsulation, Directive, Inject, 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';
+import { EMPTY, race, timer } from 'rxjs';
 import { map, filter, takeUntil, mergeMap, mapTo, take, tap, switchMap, switchMapTo } from 'rxjs/operators';
 
 const RIPPLE_ON = `tuiRippleOn`;
@@ -13,66 +15,65 @@ const TUI_RIPPLE_PROVIDERS = [
     {
         provide: TUI_RIPPLE_START,
         deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, Renderer2],
-        useFactory: rippleStartFactory,
-    },
-    {
-        provide: TUI_RIPPLE_END,
-        deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, TuiDestroyService],
-        useFactory: rippleEndFactory,
-    },
-];
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function rippleStartFactory(touchSupported, isIOS, { nativeElement }, renderer) {
-    return isIOS || !touchSupported
-        ? EMPTY
-        : typedFromEvent(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`, `
+        useFactory: (touchSupported, isIOS, { nativeElement }, renderer) => {
+            return 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: ${dimension}px;
                         height: ${dimension}px;
                         left: ${x}px;
                         top: ${y}px;
                         animation-name: ${RIPPLE_ON};
                     `);
-            return ripple;
-        }));
-}
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function rippleEndFactory(touchSupported, isIOS, { nativeElement }, destroy$) {
-    return isIOS || !touchSupported
-        ? EMPTY
-        : typedFromEvent(nativeElement, `animationend`).pipe(filter(({ animationName }) => animationName === RIPPLE_OFF), map(({ target }) => target), filter(isPresent), takeUntil(destroy$));
-}
+                    return ripple;
+                }));
+        },
+    },
+    {
+        provide: TUI_RIPPLE_END,
+        deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, TuiDestroyService],
+        useFactory: (touchSupported, isIOS, { nativeElement }, destroy$) => {
+            return isIOS || !touchSupported
+                ? EMPTY
+                : tuiTypedFromEvent(nativeElement, `animationend`).pipe(filter(({ animationName }) => animationName === RIPPLE_OFF), map(({ target }) => target), filter(tuiIsPresent), takeUntil(destroy$));
+        },
+    },
+];
 
-let TuiRippleStylesComponent = class TuiRippleStylesComponent {
-};
-TuiRippleStylesComponent = __decorate([
-    Component({
-        template: ``,
-        encapsulation: ViewEncapsulation.None,
-        styles: ["@-webkit-keyframes tuiRippleOn{from{transform:scale(0);opacity:.12}to{transform:none;opacity:.12}}@keyframes tuiRippleOn{from{transform:scale(0);opacity:.12}to{transform:none;opacity:.12}}@-webkit-keyframes tuiRippleOff{from{transform:none;opacity:.12}to{transform:none;opacity:0}}@keyframes tuiRippleOff{from{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);-webkit-animation-duration:450ms;animation-duration:450ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;pointer-events:none}"]
-    })
-], TuiRippleStylesComponent);
+class TuiRippleStylesComponent {
+}
+TuiRippleStylesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRippleStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiRippleStylesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiRippleStylesComponent, selector: "ng-component", ngImport: i0, template: ``, isInline: true, styles: ["@-webkit-keyframes tuiRippleOn{0%{transform:scale(0);opacity:.12}to{transform:none;opacity:.12}}@keyframes tuiRippleOn{0%{transform:scale(0);opacity:.12}to{transform:none;opacity:.12}}@-webkit-keyframes tuiRippleOff{0%{transform:none;opacity:.12}to{transform:none;opacity:0}}@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);-webkit-animation-duration:.45s;animation-duration:.45s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;pointer-events:none}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRippleStylesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    styleUrls: [`./ripple.style.less`],
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }] });
 
 const TOUCH_MOVE_DELAY = 100;
-let TuiRippleDirective = class TuiRippleDirective {
+class TuiRippleDirective {
     constructor({ nativeElement }, directiveStyles, renderer, destroy$, start$, end$) {
         directiveStyles.addComponent(TuiRippleStylesComponent);
-        const touchEnd$ = typedFromEvent(nativeElement, `touchend`);
-        const touchMove$ = typedFromEvent(nativeElement, `touchmove`);
+        const touchEnd$ = tuiTypedFromEvent(nativeElement, `touchend`);
+        const touchMove$ = tuiTypedFromEvent(nativeElement, `touchmove`);
         end$.subscribe(element => {
             renderer.removeChild(nativeElement, element);
         });
         start$
             .pipe(mergeMap(ripple => {
-            const animationEndOn$ = typedFromEvent(ripple, `animationend`);
+            const animationEndOn$ = tuiTypedFromEvent(ripple, `animationend`);
             return race(timer(TOUCH_MOVE_DELAY).pipe(mapTo(false)), touchEnd$.pipe(mapTo(true))).pipe(take(1), 
             // eslint-disable-next-line rxjs/no-unsafe-takeuntil
             takeUntil(touchMove$), tap(() => {
@@ -86,44 +87,54 @@ let TuiRippleDirective = class TuiRippleDirective {
             renderer.setStyle(element, `animationName`, RIPPLE_OFF);
         });
     }
-};
-TuiRippleDirective.ctorParameters = () => [
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-    { type: TuiDirectiveStylesService, decorators: [{ type: Inject, args: [TuiDirectiveStylesService,] }] },
-    { type: Renderer2, decorators: [{ type: Inject, args: [Renderer2,] }] },
-    { type: TuiDestroyService, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
-    { type: Observable, decorators: [{ type: Inject, args: [TUI_RIPPLE_START,] }] },
-    { type: Observable, decorators: [{ type: Inject, args: [TUI_RIPPLE_END,] }] }
-];
-__decorate([
-    Input()
-], TuiRippleDirective.prototype, "tuiRipple", void 0);
-TuiRippleDirective = __decorate([
-    Directive({
-        selector: `[tuiRipple]`,
-        providers: TUI_RIPPLE_PROVIDERS,
-    }),
-    __param(0, Inject(ElementRef)),
-    __param(1, Inject(TuiDirectiveStylesService)),
-    __param(2, Inject(Renderer2)),
-    __param(3, Inject(TuiDestroyService)),
-    __param(4, Inject(TUI_RIPPLE_START)),
-    __param(5, Inject(TUI_RIPPLE_END))
-], 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.ɵ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,
+            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: 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
+            }] } });
 
-let TuiRippleModule = class TuiRippleModule {
-};
-TuiRippleModule = __decorate([
-    NgModule({
-        declarations: [TuiRippleDirective, TuiRippleStylesComponent],
-        exports: [TuiRippleDirective],
-        entryComponents: [TuiRippleStylesComponent],
-    })
-], TuiRippleModule);
+class TuiRippleModule {
+}
+TuiRippleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiRippleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRippleModule, declarations: [TuiRippleDirective, TuiRippleStylesComponent], exports: [TuiRippleDirective] });
+TuiRippleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRippleModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRippleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiRippleDirective, TuiRippleStylesComponent],
+                    exports: [TuiRippleDirective],
+                    entryComponents: [TuiRippleStylesComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { RIPPLE_OFF, RIPPLE_ON, TUI_RIPPLE_END, TUI_RIPPLE_PROVIDERS, TUI_RIPPLE_START, TuiRippleDirective, TuiRippleModule, rippleEndFactory, rippleStartFactory, TuiRippleStylesComponent as ɵa };
+export { RIPPLE_OFF, RIPPLE_ON, TUI_RIPPLE_END, TUI_RIPPLE_PROVIDERS, TUI_RIPPLE_START, TuiRippleDirective, TuiRippleModule };
 //# sourceMappingURL=taiga-ui-addon-mobile-directives-ripple.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-directives-ripple.js","sources":["ng://@taiga-ui/addon-mobile/directives/ripple/ripple.providers.ts","ng://@taiga-ui/addon-mobile/directives/ripple/ripple-styles.component.ts","ng://@taiga-ui/addon-mobile/directives/ripple/ripple.directive.ts","ng://@taiga-ui/addon-mobile/directives/ripple/ripple.module.ts","ng://@taiga-ui/addon-mobile/directives/ripple/taiga-ui-addon-mobile-directives-ripple.ts"],"sourcesContent":["import {ElementRef, InjectionToken, Provider, Renderer2} from '@angular/core';\nimport {\n    isPresent,\n    TUI_IS_IOS,\n    TUI_TOUCH_SUPPORTED,\n    TuiDestroyService,\n    typedFromEvent,\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    `Stream of ripple elements to add`,\n);\nexport const TUI_RIPPLE_END = new InjectionToken<Observable<HTMLElement>>(\n    `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: rippleStartFactory,\n    },\n    {\n        provide: TUI_RIPPLE_END,\n        deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, TuiDestroyService],\n        useFactory: rippleEndFactory,\n    },\n];\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function rippleStartFactory(\n    touchSupported: boolean,\n    isIOS: boolean,\n    {nativeElement}: ElementRef<HTMLElement>,\n    renderer: Renderer2,\n): Observable<HTMLElement> {\n    return isIOS || !touchSupported\n        ? EMPTY\n        : typedFromEvent(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// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function rippleEndFactory(\n    touchSupported: boolean,\n    isIOS: boolean,\n    {nativeElement}: ElementRef<HTMLElement>,\n    destroy$: Observable<void>,\n): Observable<EventTarget> {\n    return isIOS || !touchSupported\n        ? EMPTY\n        : typedFromEvent(nativeElement, `animationend`).pipe(\n              filter(({animationName}) => animationName === RIPPLE_OFF),\n              map(({target}) => target),\n              filter(isPresent),\n              takeUntil(destroy$),\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    typedFromEvent,\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$ = typedFromEvent(nativeElement, `touchend`);\n        const touchMove$ = typedFromEvent(nativeElement, `touchmove`);\n\n        end$.subscribe(element => {\n            renderer.removeChild(nativeElement, element);\n        });\n        start$\n            .pipe(\n                mergeMap(ripple => {\n                    const animationEndOn$ = typedFromEvent(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    entryComponents: [TuiRippleStylesComponent],\n})\nexport class TuiRippleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {TuiRippleStylesComponent as ɵa} from './ripple-styles.component';"],"names":[],"mappings":";;;;;;MAWa,SAAS,GAAG,cAAc;MAC1B,UAAU,GAAG,eAAe;MAC5B,gBAAgB,GAAG,IAAI,cAAc,CAC9C,kCAAkC,EACpC;MACW,cAAc,GAAG,IAAI,cAAc,CAC5C,qCAAqC,EACvC;MACW,oBAAoB,GAAe;IAC5C,iBAAiB;IACjB;QACI,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,CAAC,mBAAmB,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC;QAC9D,UAAU,EAAE,kBAAkB;KACjC;IACD;QACI,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,CAAC,mBAAmB,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,CAAC;QACtE,UAAU,EAAE,gBAAgB;KAC/B;EACH;AAEF;SACgB,kBAAkB,CAC9B,cAAuB,EACvB,KAAc,EACd,EAAC,aAAa,EAA0B,EACxC,QAAmB;IAEnB,OAAO,KAAK,IAAI,CAAC,cAAc;UACzB,KAAK;UACL,cAAc,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,IAAI,CAC5C,GAAG,CAAC,CAAC,EAAC,OAAO,EAAC;YACV,MAAM,EAAC,OAAO,EAAE,OAAO,EAAC,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACvD,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAC,GAC5B,aAAa,CAAC,qBAAqB,EAAE,CAAC;YAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;YAC1D,MAAM,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC;YAC7B,MAAM,CAAC,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;YAClC,MAAM,CAAC,GAAG,OAAO,GAAG,GAAG,GAAG,MAAM,CAAC;YACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAE7C,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;YACxC,QAAQ,CAAC,YAAY,CACjB,MAAM,EACN,OAAO,EACP;iCACW,SAAS;kCACR,SAAS;gCACX,CAAC;+BACF,CAAC;0CACU,SAAS;qBAC9B,CACF,CAAC;YAEF,OAAO,MAAM,CAAC;SACjB,CAAC,CACL,CAAC;AACZ,CAAC;AAED;SACgB,gBAAgB,CAC5B,cAAuB,EACvB,KAAc,EACd,EAAC,aAAa,EAA0B,EACxC,QAA0B;IAE1B,OAAO,KAAK,IAAI,CAAC,cAAc;UACzB,KAAK;UACL,cAAc,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,IAAI,CAC9C,MAAM,CAAC,CAAC,EAAC,aAAa,EAAC,KAAK,aAAa,KAAK,UAAU,CAAC,EACzD,GAAG,CAAC,CAAC,EAAC,MAAM,EAAC,KAAK,MAAM,CAAC,EACzB,MAAM,CAAC,SAAS,CAAC,EACjB,SAAS,CAAC,QAAQ,CAAC,CACtB,CAAC;AACZ;;IC/Ea,wBAAwB,GAArC,MAAa,wBAAwB;EAAG;AAA3B,wBAAwB;IALpC,SAAS,CAAC;QACP,QAAQ,EAAE,EAAE;QAEZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;;KACxC,CAAC;GACW,wBAAwB,CAAG;;ACkBxC,MAAM,gBAAgB,GAAG,GAAG,CAAC;IAMhB,kBAAkB,GAA/B,MAAa,kBAAkB;IAI3B,YACwB,EAAC,aAAa,EAA0B,EACzB,eAA0C,EAC1D,QAAmB,EACX,QAA2B,EAC5B,MAA+B,EACjC,IAA6B;QAErD,eAAe,CAAC,YAAY,CAAC,wBAAwB,CAAC,CAAC;QAEvD,MAAM,SAAS,GAAG,cAAc,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;QAC5D,MAAM,UAAU,GAAG,cAAc,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;QAE9D,IAAI,CAAC,SAAS,CAAC,OAAO;YAClB,QAAQ,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;SAChD,CAAC,CAAC;QACH,MAAM;aACD,IAAI,CACD,QAAQ,CAAC,MAAM;YACX,MAAM,eAAe,GAAG,cAAc,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;YAE/D,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;;YAEP,SAAS,CAAC,UAAU,CAAC,EACrB,GAAG,CAAC;gBACA,QAAQ,CAAC,QAAQ,CACb,MAAM,EACN,YAAY,EACZ,IAAI,CAAC,SAAS,IAAI,IAAI,CACzB,CAAC;gBACF,QAAQ,CAAC,WAAW,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;aAC/C,CAAC,EACF,SAAS,CAAC,KAAK,IACX,KAAK;kBACC,eAAe;kBACf,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;SACL,CAAC,EACF,SAAS,CAAC,QAAQ,CAAC,CACtB;aACA,SAAS,CAAC,OAAO;YACd,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC;SAC3D,CAAC,CAAC;KACV;EACJ;;YApD4C,UAAU,uBAA9C,MAAM,SAAC,UAAU;YACkC,yBAAyB,uBAA5E,MAAM,SAAC,yBAAyB;YACJ,SAAS,uBAArC,MAAM,SAAC,SAAS;YACoB,iBAAiB,uBAArD,MAAM,SAAC,iBAAiB;YACS,UAAU,uBAA3C,MAAM,SAAC,gBAAgB;YACM,UAAU,uBAAvC,MAAM,SAAC,cAAc;;AAR1B;IADC,KAAK,EAAE;qDACW;AAFV,kBAAkB;IAJ9B,SAAS,CAAC;QACP,QAAQ,EAAE,aAAa;QACvB,SAAS,EAAE,oBAAoB;KAClC,CAAC;IAMO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;IACjC,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IACjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACxB,WAAA,MAAM,CAAC,cAAc,CAAC,CAAA;GAVlB,kBAAkB,CAyD9B;;IC9EY,eAAe,GAA5B,MAAa,eAAe;EAAG;AAAlB,eAAe;IAL3B,QAAQ,CAAC;QACN,YAAY,EAAE,CAAC,kBAAkB,EAAE,wBAAwB,CAAC;QAC5D,OAAO,EAAE,CAAC,kBAAkB,CAAC;QAC7B,eAAe,EAAE,CAAC,wBAAwB,CAAC;KAC9C,CAAC;GACW,eAAe,CAAG;;ACV/B;;;;;;"}
+{"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    `Stream of ripple elements to add`,\n);\nexport const TUI_RIPPLE_END = new InjectionToken<Observable<HTMLElement>>(\n    `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    entryComponents: [TuiRippleStylesComponent],\n})\nexport class TuiRippleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}