@taiga-ui/addon-mobile 2.88.0 → 2.89.0

package/fesm5/taiga-ui-addon-mobile-components-pull-to-refresh.js

@@ -1,68 +1,43 @@
-import { __decorate, __param } from 'tslib';
-import { Input, HostBinding, Component, ChangeDetectionStrategy, InjectionToken, ElementRef, Inject, Output, NgModule } from '@angular/core';
-import { TuiDestroyService, TUI_IS_IOS, typedFromEvent, tuiPure, TuiOverscrollModule, TuiRepeatTimesModule } from '@taiga-ui/cdk';
-import { merge, of, Observable } from 'rxjs';
-import { filter, switchMap, map, takeUntil, endWith, mapTo, scan, distinctUntilChanged } from 'rxjs/operators';
-import { TUI_LOADED } from '@taiga-ui/addon-mobile/tokens';
+import { __decorate, __param, __extends } from 'tslib';
+import { InjectionToken, Inject, Component, ChangeDetectionStrategy, inject, ElementRef, Injectable, HostBinding, Self, Input, Output, NgModule } from '@angular/core';
+import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { TUI_IS_IOS, tuiTypedFromEvent, tuiScrollFrom, TuiDestroyService, tuiDefaultProp, TuiRepeatTimesModule } from '@taiga-ui/cdk';
+import { TUI_SCROLL_REF, TuiSvgModule } from '@taiga-ui/core';
+import { EMPTY, Observable } from 'rxjs';
+import { startWith, switchMap, filter, map, tap, takeUntil, endWith, scan, takeWhile, distinctUntilChanged, share } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
-import { TuiSvgModule } from '@taiga-ui/core';
 
-var HIDDEN_DISTANCE = 2;
-var ROTATE_X_DEFAULT = 180;
-var ROTATE_X_MAX = 500;
-var ROTATE_X_MULTIPLIER = 2.3;
-var TuiMobileLoaderAndroidComponent = /** @class */ (function () {
-    function TuiMobileLoaderAndroidComponent() {
-        this.pulled = 0;
-    }
-    Object.defineProperty(TuiMobileLoaderAndroidComponent.prototype, "transform", {
-        get: function () {
-            var rotateX = Math.min(ROTATE_X_DEFAULT + this.pulled * ROTATE_X_MULTIPLIER, ROTATE_X_MAX);
-            return "rotate(" + rotateX + " 0 0)";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMobileLoaderAndroidComponent.prototype, "hidden", {
-        get: function () {
-            return this.pulled < HIDDEN_DISTANCE;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    __decorate([
-        Input()
-    ], TuiMobileLoaderAndroidComponent.prototype, "pulled", void 0);
-    __decorate([
-        HostBinding('class._hidden')
-    ], TuiMobileLoaderAndroidComponent.prototype, "hidden", null);
-    TuiMobileLoaderAndroidComponent = __decorate([
-        Component({
-            selector: 'tui-mobile-android-loader',
-            template: "<svg\n    *ngIf=\"pulled !== 100; else loading\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    [attr.transform]=\"transform\"\n>\n    <defs>\n        <mask id=\"mask-1\">\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M21 12C21 7.03 16.97 3 12 3C7.03 3 3 7.03 3 12C3 16.97 7.03 21 12 21C14.06 21 15.96 20.3 17.48 19.14L16.06 17.7C14.91 18.51 13.51 19 12 19C8.13 19 5 15.87 5 12C5 8.13 8.13 5 12 5C15.87 5 19 8.13 19 12H16L20 16L24 12H21Z\"\n                fill=\"white\"\n            />\n        </mask>\n    </defs>\n    <g mask=\"url(#mask-1)\">\n        <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M21 12C21 7.03 16.97 3 12 3C7.03 3 3 7.03 3 12C3 16.97 7.03 21 12 21C14.06 21 15.96 20.3 17.48 19.14L16.06 17.7C14.91 18.51 13.51 19 12 19C8.13 19 5 15.87 5 12C5 8.13 8.13 5 12 5C15.87 5 19 8.13 19 12H16L20 16L24 12H21Z\"\n            fill=\"black\"\n        />\n    </g>\n</svg>\n<ng-template #loading>\n    <svg\n        viewBox=\"0 0 100 100\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"t-loading\"\n    >\n        <circle\n            cx=\"50\"\n            cy=\"50\"\n            r=\"50\"\n            stroke-dasharray=\"314\"\n            class=\"t-circle\"\n        ></circle>\n    </svg>\n</ng-template>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{box-shadow:0 .5rem 1rem rgba(0,0,0,.16);display:flex;height:2.25rem;width:2.25rem;background-color:#fff;border-radius:6.25rem;align-items:center;justify-content:center}:host._hidden{visibility:hidden;transition:none}.t-loading{display:block;width:1rem;border-radius:100%;animation:3s linear infinite tuiLoaderRotate}.t-circle{fill:none;stroke:var(--tui-text-01);stroke-width:1.5rem;animation:3s linear infinite tuiLoaderDashOffset}"]
-        })
-    ], TuiMobileLoaderAndroidComponent);
-    return TuiMobileLoaderAndroidComponent;
-}());
+/**
+ * Pull threshold in pixels until loading starts
+ */
+var TUI_PULL_TO_REFRESH_THRESHOLD = new InjectionToken("[TUI_PULL_TO_REFRESH_THRESHOLD]", {
+    factory: function () { return 50; },
+});
 
 var LOADED_STEP = 8;
 var ROTATE_X_STEP = 30;
 var TuiMobileLoaderIOSComponent = /** @class */ (function () {
-    function TuiMobileLoaderIOSComponent() {
-        this.pulled = 0;
+    function TuiMobileLoaderIOSComponent(context, threshold) {
+        this.context = context;
+        this.threshold = threshold;
         this.steps = 12;
     }
     Object.defineProperty(TuiMobileLoaderIOSComponent.prototype, "finished", {
         get: function () {
-            return this.pulled >= 100;
+            return this.percent >= 100;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiMobileLoaderIOSComponent.prototype, "percent", {
+        get: function () {
+            return (this.context.$implicit * 100) / this.threshold;
         },
         enumerable: true,
         configurable: true
     });
     TuiMobileLoaderIOSComponent.prototype.isShown = function (index) {
-        return this.pulled > (index + 1) * LOADED_STEP;
+        return this.percent > (index + 1) * LOADED_STEP;
     };
     TuiMobileLoaderIOSComponent.prototype.calculateTransform = function (index) {
         return "rotate(" + index * ROTATE_X_STEP + " 50 50)";
@@ -70,92 +45,233 @@ var TuiMobileLoaderIOSComponent = /** @class */ (function () {
     TuiMobileLoaderIOSComponent.prototype.calculateAnimationBegin = function (index) {
         return (index * LOADED_STEP) / 100 + "s";
     };
-    __decorate([
-        Input()
-    ], TuiMobileLoaderIOSComponent.prototype, "pulled", void 0);
+    TuiMobileLoaderIOSComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: Inject, args: [POLYMORPHEUS_CONTEXT,] }] },
+        { type: Number, decorators: [{ type: Inject, args: [TUI_PULL_TO_REFRESH_THRESHOLD,] }] }
+    ]; };
     TuiMobileLoaderIOSComponent = __decorate([
         Component({
             selector: 'tui-mobile-ios-loader',
             template: "<svg\n    width=\"36\"\n    height=\"36\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n    viewBox=\"0 0 100 100\"\n    preserveAspectRatio=\"xMidYMid\"\n>\n    <ng-container *tuiRepeatTimes=\"let index of steps\">\n        <g\n            *ngIf=\"isShown(index)\"\n            [attr.transform]=\"calculateTransform(index)\"\n        >\n            <rect\n                x=\"47\"\n                y=\"22\"\n                rx=\"7.05\"\n                ry=\"3.3\"\n                width=\"6\"\n                height=\"16\"\n                fill=\"#c7c9cc\"\n            >\n                <animate\n                    *ngIf=\"finished\"\n                    attributeName=\"opacity\"\n                    values=\"1;0\"\n                    keyTimes=\"0;1\"\n                    dur=\"1s\"\n                    repeatCount=\"indefinite\"\n                    [attr.begin]=\"calculateAnimationBegin(index)\"\n                ></animate>\n            </rect>\n        </g>\n    </ng-container>\n</svg>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [TuiDestroyService]
-        })
+            styles: [":host{position:absolute;top:-.5rem;left:50%;margin-left:-1.125rem}"]
+        }),
+        __param(0, Inject(POLYMORPHEUS_CONTEXT)),
+        __param(1, Inject(TUI_PULL_TO_REFRESH_THRESHOLD))
     ], TuiMobileLoaderIOSComponent);
     return TuiMobileLoaderIOSComponent;
 }());
+var TUI_IOS_LOADER = new PolymorpheusComponent(TuiMobileLoaderIOSComponent);
+
+/**
+ * Stream that emits when loading is over
+ */
+var TUI_PULL_TO_REFRESH_LOADED = new InjectionToken("[TUI_PULL_TO_REFRESH_LOADED]", {
+    factory: function () { return EMPTY; },
+});
+/**
+ * Loading indicator component that gets current pull distance in pixels as context
+ */
+var TUI_PULL_TO_REFRESH_COMPONENT = new InjectionToken("[TUI_PULL_TO_REFRESH_COMPONENT]", {
+    factory: function () { return (inject(TUI_IS_IOS) ? TUI_IOS_LOADER : TUI_ANDROID_LOADER); },
+});
+/**
+ * @deprecated renamed to {@link TUI_PULL_TO_REFRESH_LOADED}
+ */
+var TUI_LOADED = TUI_PULL_TO_REFRESH_LOADED;
 
 var MICRO_OFFSET = Math.pow(10, -6);
-var PULLED_DISTANCE = 50;
-var TUI_PULLING = new InjectionToken("Stream that emits content pulling");
-var TUI_PULL_TO_REFRESH_PROVIDERS = [
-    {
-        provide: TUI_PULLING,
-        deps: [TUI_IS_IOS, TUI_LOADED, ElementRef],
-        useFactory: pullingFactory,
-    },
-];
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function pullingFactory(isIOS, loaded$, _a) {
-    var nativeElement = _a.nativeElement;
-    return merge(typedFromEvent(nativeElement, "touchstart", { passive: true }).pipe(filter(function () { return nativeElement.scrollTop === 0; }), switchMap(function (touchStart) {
-        return typedFromEvent(nativeElement, "touchmove").pipe(map(function (touchMove) {
-            return touchMove.touches[0].clientY - touchStart.touches[0].clientY;
-        }), takeUntil(typedFromEvent(nativeElement, "touchend")), endWith(0));
-    })), loaded$.pipe(mapTo(NaN))).pipe(scan(function (max, current) {
-        if (Number.isNaN(current)) {
-            return 0;
-        }
-        var androidLoading = !isIOS && max === PULLED_DISTANCE;
-        var dropped = current === 0 && max > PULLED_DISTANCE;
-        return androidLoading || dropped ? PULLED_DISTANCE : current + MICRO_OFFSET;
-    }, 0));
-}
+// @dynamic
+var TuiPullToRefreshService = /** @class */ (function (_super) {
+    __extends(TuiPullToRefreshService, _super);
+    function TuiPullToRefreshService(el, scrollRef, loaded$, threshold, component) {
+        var _this = _super.call(this, function (subscriber) { return (component ? _this.pulling$ : EMPTY).subscribe(subscriber); }) || this;
+        _this.el = el;
+        _this.scrollRef = scrollRef;
+        _this.loaded$ = loaded$;
+        _this.threshold = threshold;
+        // Hack for iOS to determine if pulling stopped due to scroll
+        // because Safari does not support `touch-action: pan-down`
+        _this.touched = false;
+        _this.pulling$ = _this.loaded$.pipe(startWith(null), switchMap(function () {
+            return tuiTypedFromEvent(_this.element, "touchstart", { passive: true }).pipe(filter(function () { return !_this.scrollTop; }), map(function (_a) {
+                var touches = _a.touches;
+                return touches[0].clientY;
+            }), switchMap(function (start) {
+                return tuiTypedFromEvent(_this.element, "touchmove").pipe(tap(function () {
+                    _this.touched = true;
+                }), map(function (_a) {
+                    var touches = _a.touches;
+                    return touches[0].clientY - start;
+                }), filter(function (distance) { return distance > 0; }), takeUntil(tuiTypedFromEvent(_this.element, "touchend").pipe(tap(function () {
+                    _this.touched = false;
+                }))), takeUntil(tuiScrollFrom(_this.scrollRef.nativeElement)), endWith(0));
+            }), scan(function (prev, current) {
+                return !current && !_this.touched && prev > _this.threshold
+                    ? _this.threshold
+                    : current + current * MICRO_OFFSET;
+            }, 0), takeWhile(function (distance) { return distance !== _this.threshold; }, true), startWith(0));
+        }), distinctUntilChanged(), share());
+        return _this;
+    }
+    Object.defineProperty(TuiPullToRefreshService.prototype, "element", {
+        get: function () {
+            return this.el.nativeElement;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiPullToRefreshService.prototype, "scrollTop", {
+        get: function () {
+            return this.scrollRef.nativeElement.scrollTop;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiPullToRefreshService.ctorParameters = function () { return [
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+        { type: ElementRef, decorators: [{ type: Inject, args: [TUI_SCROLL_REF,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [TUI_PULL_TO_REFRESH_LOADED,] }] },
+        { type: Number, decorators: [{ type: Inject, args: [TUI_PULL_TO_REFRESH_THRESHOLD,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_PULL_TO_REFRESH_COMPONENT,] }] }
+    ]; };
+    TuiPullToRefreshService = __decorate([
+        Injectable(),
+        __param(0, Inject(ElementRef)),
+        __param(1, Inject(TUI_SCROLL_REF)),
+        __param(2, Inject(TUI_PULL_TO_REFRESH_LOADED)),
+        __param(3, Inject(TUI_PULL_TO_REFRESH_THRESHOLD)),
+        __param(4, Inject(TUI_PULL_TO_REFRESH_COMPONENT))
+    ], TuiPullToRefreshService);
+    return TuiPullToRefreshService;
+}(Observable));
 
-var IOS_LOADING_DISTANCE = PULLED_DISTANCE / 2;
-var ANDROID_MAX_DISTANCE = PULLED_DISTANCE * 1.5;
-function translateY(distance) {
-    return "translateY(" + distance + "px)";
-}
-var TuiPullToRefreshComponent = /** @class */ (function () {
-    function TuiPullToRefreshComponent(isIOS, pulling$) {
-        this.isIOS = isIOS;
-        this.pulling$ = pulling$;
-        this.pulled = this.pulling$.pipe(distinctUntilChanged(), filter(function (distance) { return distance === PULLED_DISTANCE; }), mapTo(undefined));
-        this.pulledInPercent$ = this.pulling$.pipe(map(function (distance) { return (distance * 100) / PULLED_DISTANCE; }));
-        this.dropped$ = this.pulling$.pipe(map(function (distance) { return distance <= MICRO_OFFSET || distance === PULLED_DISTANCE; }), distinctUntilChanged());
-        this.contentTransform$ = this.isIOS
-            ? this.pulling$.pipe(map(function (distance) {
-                return distance === PULLED_DISTANCE ? IOS_LOADING_DISTANCE : distance;
-            }), map(translateY))
-            : of(null);
+var ROTATE_X_DEFAULT = 180;
+var ROTATE_X_MAX = 500;
+var ROTATE_X_MULTIPLIER = 2.3;
+var TuiMobileLoaderAndroidComponent = /** @class */ (function () {
+    function TuiMobileLoaderAndroidComponent(context, threshold) {
+        this.context = context;
+        this.threshold = threshold;
     }
-    Object.defineProperty(TuiPullToRefreshComponent.prototype, "loaderTransform$", {
+    Object.defineProperty(TuiMobileLoaderAndroidComponent.prototype, "transform", {
+        get: function () {
+            var rotateX = Math.min(ROTATE_X_DEFAULT + this.percent * ROTATE_X_MULTIPLIER, ROTATE_X_MAX);
+            return "rotate(" + rotateX + " 0 0)";
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiMobileLoaderAndroidComponent.prototype, "percent", {
+        get: function () {
+            return (this.context.$implicit * 100) / this.threshold;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiMobileLoaderAndroidComponent.prototype, "opacity", {
+        get: function () {
+            return this.context.$implicit / (this.threshold * 1.5);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiMobileLoaderAndroidComponent.prototype, "dropped", {
+        get: function () {
+            return (this.context.$implicit <= MICRO_OFFSET ||
+                this.context.$implicit === this.threshold);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiMobileLoaderAndroidComponent.prototype, "hostTransform", {
         get: function () {
-            return this.pulling$.pipe(map(function (distance) { return translateY(Math.min(distance, ANDROID_MAX_DISTANCE)); }));
+            return "translateY(" + Math.min(this.context.$implicit, this.threshold * 1.5) + "px)";
         },
         enumerable: true,
         configurable: true
     });
+    TuiMobileLoaderAndroidComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: Inject, args: [POLYMORPHEUS_CONTEXT,] }] },
+        { type: Number, decorators: [{ type: Inject, args: [TUI_PULL_TO_REFRESH_THRESHOLD,] }] }
+    ]; };
+    __decorate([
+        HostBinding('class._visible')
+    ], TuiMobileLoaderAndroidComponent.prototype, "percent", null);
+    __decorate([
+        HostBinding('class._dropped')
+    ], TuiMobileLoaderAndroidComponent.prototype, "dropped", null);
+    __decorate([
+        HostBinding('style.transform')
+    ], TuiMobileLoaderAndroidComponent.prototype, "hostTransform", null);
+    TuiMobileLoaderAndroidComponent = __decorate([
+        Component({
+            selector: 'tui-mobile-android-loader',
+            template: "<div class=\"t-wrapper\">\n    <svg\n        *ngIf=\"percent !== 100; else loading\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        [attr.transform]=\"transform\"\n        [style.opacity]=\"opacity\"\n    >\n        <defs>\n            <mask id=\"mask-1\">\n                <path\n                    fill-rule=\"evenodd\"\n                    clip-rule=\"evenodd\"\n                    d=\"M21 12C21 7.03 16.97 3 12 3C7.03 3 3 7.03 3 12C3 16.97 7.03 21 12 21C14.06 21 15.96 20.3 17.48 19.14L16.06 17.7C14.91 18.51 13.51 19 12 19C8.13 19 5 15.87 5 12C5 8.13 8.13 5 12 5C15.87 5 19 8.13 19 12H16L20 16L24 12H21Z\"\n                    fill=\"white\"\n                />\n            </mask>\n        </defs>\n        <g mask=\"url(#mask-1)\">\n            <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M21 12C21 7.03 16.97 3 12 3C7.03 3 3 7.03 3 12C3 16.97 7.03 21 12 21C14.06 21 15.96 20.3 17.48 19.14L16.06 17.7C14.91 18.51 13.51 19 12 19C8.13 19 5 15.87 5 12C5 8.13 8.13 5 12 5C15.87 5 19 8.13 19 12H16L20 16L24 12H21Z\"\n                fill=\"black\"\n            />\n        </g>\n    </svg>\n</div>\n<ng-template #loading>\n    <svg\n        viewBox=\"0 0 100 100\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"t-loading\"\n    >\n        <circle\n            cx=\"50\"\n            cy=\"50\"\n            r=\"50\"\n            stroke-dasharray=\"314\"\n            class=\"t-circle\"\n        ></circle>\n    </svg>\n</ng-template>\n",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            styles: [":host{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;top:0;z-index:1;display:block;height:0;opacity:0}:host._visible{opacity:1}:host._dropped{transition:transform var(--tui-duration) cubic-bezier(.4,0,.2,1),opacity var(--tui-duration) var(--tui-duration)}.t-wrapper{box-shadow:0 .5rem 1rem rgba(0,0,0,.16);position:absolute;top:-2.5rem;left:50%;display:flex;height:2.25rem;width:2.25rem;background-color:var(--tui-secondary);border-radius:6.25rem;align-items:center;justify-content:center;margin-left:-1.125rem}.t-loading{display:block;width:1rem;border-radius:100%;animation:3s linear infinite tuiLoaderRotate}.t-circle{fill:none;stroke:var(--tui-text-01);stroke-width:1.5rem;animation:3s linear infinite tuiLoaderDashOffset}@keyframes tuiLoaderDashOffset{0%,100%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}}@keyframes tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}100%{transform:rotate(3turn)}}"]
+        }),
+        __param(0, Inject(POLYMORPHEUS_CONTEXT)),
+        __param(1, Inject(TUI_PULL_TO_REFRESH_THRESHOLD))
+    ], TuiMobileLoaderAndroidComponent);
+    return TuiMobileLoaderAndroidComponent;
+}());
+var TUI_ANDROID_LOADER = new PolymorpheusComponent(TuiMobileLoaderAndroidComponent);
+
+var TuiPullToRefreshComponent = /** @class */ (function () {
+    function TuiPullToRefreshComponent(destroy$, _a, isIOS, threshold, component, pulling$) {
+        var _this = this;
+        var nativeElement = _a.nativeElement;
+        this.isIOS = isIOS;
+        this.threshold = threshold;
+        this.component = component;
+        this.pulling$ = pulling$;
+        this.styleHandler = this.isIOS
+            ? function (distance) { return ({ transform: "translateY(" + distance / 2 + "px)" }); }
+            : function () { return null; };
+        this.pulled = this.pulling$.pipe(filter(function (distance) { return distance === _this.threshold; }));
+        this.dropped$ = this.pulling$.pipe(map(function (distance) { return distance <= MICRO_OFFSET || distance === _this.threshold; }), distinctUntilChanged());
+        // Ensure scrolling down is impossible while pulling
+        tuiScrollFrom(nativeElement)
+            .pipe(startWith(null), takeUntil(destroy$))
+            .subscribe(function () {
+            if (nativeElement.scrollTop) {
+                nativeElement.style.touchAction = '';
+            }
+            else {
+                nativeElement.style.touchAction = 'pan-down';
+            }
+        });
+    }
     TuiPullToRefreshComponent.ctorParameters = function () { return [
+        { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }, { type: Self }] },
+        { type: ElementRef, decorators: [{ type: Inject, args: [TUI_SCROLL_REF,] }] },
         { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_IOS,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_PULLING,] }] }
+        { type: Number, decorators: [{ type: Inject, args: [TUI_PULL_TO_REFRESH_THRESHOLD,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_PULL_TO_REFRESH_COMPONENT,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [TuiPullToRefreshService,] }] }
     ]; };
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiPullToRefreshComponent.prototype, "styleHandler", void 0);
     __decorate([
         Output()
     ], TuiPullToRefreshComponent.prototype, "pulled", void 0);
-    __decorate([
-        tuiPure
-    ], TuiPullToRefreshComponent.prototype, "loaderTransform$", null);
     TuiPullToRefreshComponent = __decorate([
         Component({
             selector: 'tui-pull-to-refresh',
-            template: "<div\n    tuiOverscroll\n    [class.t-drop-animation]=\"dropped$ | async\"\n    [style.transform]=\"contentTransform$ | async\"\n>\n    <ng-content></ng-content>\n</div>\n\n<tui-mobile-ios-loader\n    *ngIf=\"isIOS; else androidLoader\"\n    class=\"t-ios-spinner\"\n    [pulled]=\"(pulledInPercent$ | async) || 0\"\n></tui-mobile-ios-loader>\n\n<ng-template #androidLoader>\n    <tui-mobile-android-loader\n        class=\"t-android-loader\"\n        [class.t-drop-animation]=\"dropped$ | async\"\n        [style.transform]=\"loaderTransform$ | async\"\n        [pulled]=\"(pulledInPercent$ | async) || 0\"\n    ></tui-mobile-android-loader>\n</ng-template>\n",
+            template: "<div\n    polymorpheus-outlet\n    [content]=\"component\"\n    [context]=\"{$implicit: (pulling$ | async) || 0}\"\n></div>\n\n<div\n    [class.t-drop]=\"dropped$ | async\"\n    [ngStyle]=\"styleHandler((pulling$ | async) || 0)\"\n>\n    <ng-content></ng-content>\n</div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [TUI_PULL_TO_REFRESH_PROVIDERS],
-            styles: [":host{position:relative;display:block;overflow:hidden}.t-ios-spinner{position:absolute;top:-.5rem;left:50%;margin-left:-1.125rem}.t-android-loader{position:absolute;top:-1.5rem;left:50%;margin-left:-1.125rem}.t-drop-animation{transition:all var(--tui-duration) cubic-bezier(.4,0,.2,1)}"]
+            providers: [TuiPullToRefreshService, TuiDestroyService],
+            styles: [".t-drop{transition:all var(--tui-duration) cubic-bezier(.4,0,.2,1)}"]
         }),
-        __param(0, Inject(TUI_IS_IOS)),
-        __param(1, Inject(TUI_PULLING))
+        __param(0, Inject(TuiDestroyService)), __param(0, Self()),
+        __param(1, Inject(TUI_SCROLL_REF)),
+        __param(2, Inject(TUI_IS_IOS)),
+        __param(3, Inject(TUI_PULL_TO_REFRESH_THRESHOLD)),
+        __param(4, Inject(TUI_PULL_TO_REFRESH_COMPONENT)),
+        __param(5, Inject(TuiPullToRefreshService))
     ], TuiPullToRefreshComponent);
     return TuiPullToRefreshComponent;
 }());
@@ -165,7 +281,7 @@ var TuiPullToRefreshModule = /** @class */ (function () {
     }
     TuiPullToRefreshModule = __decorate([
         NgModule({
-            imports: [CommonModule, TuiSvgModule, TuiOverscrollModule, TuiRepeatTimesModule],
+            imports: [CommonModule, TuiSvgModule, TuiRepeatTimesModule, PolymorpheusModule],
             declarations: [
                 TuiPullToRefreshComponent,
                 TuiMobileLoaderAndroidComponent,
@@ -181,5 +297,5 @@ var TuiPullToRefreshModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { MICRO_OFFSET, PULLED_DISTANCE, TUI_PULLING, TUI_PULL_TO_REFRESH_PROVIDERS, TuiMobileLoaderAndroidComponent, TuiMobileLoaderIOSComponent, TuiPullToRefreshComponent, TuiPullToRefreshModule, pullingFactory };
+export { MICRO_OFFSET, TUI_ANDROID_LOADER, TUI_IOS_LOADER, TUI_LOADED, TUI_PULL_TO_REFRESH_COMPONENT, TUI_PULL_TO_REFRESH_LOADED, TUI_PULL_TO_REFRESH_THRESHOLD, TuiMobileLoaderAndroidComponent, TuiMobileLoaderIOSComponent, TuiPullToRefreshComponent, TuiPullToRefreshModule, TuiPullToRefreshService };
 //# sourceMappingURL=taiga-ui-addon-mobile-components-pull-to-refresh.js.map

package/fesm5/taiga-ui-addon-mobile-components-pull-to-refresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-components-pull-to-refresh.js","sources":["ng://@taiga-ui/addon-mobile/components/pull-to-refresh/loader-android/loader-android.component.ts","ng://@taiga-ui/addon-mobile/components/pull-to-refresh/loader-ios/loader-ios.component.ts","ng://@taiga-ui/addon-mobile/components/pull-to-refresh/pull-to-refresh.providers.ts","ng://@taiga-ui/addon-mobile/components/pull-to-refresh/pull-to-refresh.component.ts","ng://@taiga-ui/addon-mobile/components/pull-to-refresh/pull-to-refresh.module.ts","ng://@taiga-ui/addon-mobile/components/pull-to-refresh/taiga-ui-addon-mobile-components-pull-to-refresh.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\n\nconst HIDDEN_DISTANCE = 2;\nconst ROTATE_X_DEFAULT = 180;\nconst ROTATE_X_MAX = 500;\nconst ROTATE_X_MULTIPLIER = 2.3;\n\n@Component({\n    selector: 'tui-mobile-android-loader',\n    templateUrl: './loader-android.template.html',\n    styleUrls: ['./loader-android.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMobileLoaderAndroidComponent {\n    @Input()\n    pulled = 0;\n\n    get transform(): string {\n        const rotateX = Math.min(\n            ROTATE_X_DEFAULT + this.pulled * ROTATE_X_MULTIPLIER,\n            ROTATE_X_MAX,\n        );\n\n        return `rotate(${rotateX} 0 0)`;\n    }\n\n    @HostBinding('class._hidden')\n    get hidden(): boolean {\n        return this.pulled < HIDDEN_DISTANCE;\n    }\n}\n","import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\n\nconst LOADED_STEP = 8;\nconst ROTATE_X_STEP = 30;\n\n@Component({\n    selector: 'tui-mobile-ios-loader',\n    templateUrl: './loader-ios.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiDestroyService],\n})\nexport class TuiMobileLoaderIOSComponent {\n    @Input()\n    pulled = 0;\n\n    readonly steps = 12;\n\n    get finished(): boolean {\n        return this.pulled >= 100;\n    }\n\n    isShown(index: number): boolean {\n        return this.pulled > (index + 1) * LOADED_STEP;\n    }\n\n    calculateTransform(index: number): string {\n        return `rotate(${index * ROTATE_X_STEP} 50 50)`;\n    }\n\n    calculateAnimationBegin(index: number): string {\n        return `${(index * LOADED_STEP) / 100}s`;\n    }\n}\n","import {ElementRef, InjectionToken, Provider} from '@angular/core';\nimport {TUI_LOADED} from '@taiga-ui/addon-mobile/tokens';\nimport {TUI_IS_IOS, typedFromEvent} from '@taiga-ui/cdk';\nimport {merge, Observable} from 'rxjs';\nimport {endWith, filter, map, mapTo, scan, switchMap, takeUntil} from 'rxjs/operators';\n\nexport const MICRO_OFFSET = 10 ** -6;\nexport const PULLED_DISTANCE = 50;\n\nexport const TUI_PULLING = new InjectionToken<Observable<number>>(\n    `Stream that emits content pulling`,\n);\n\nexport const TUI_PULL_TO_REFRESH_PROVIDERS: Provider[] = [\n    {\n        provide: TUI_PULLING,\n        deps: [TUI_IS_IOS, TUI_LOADED, ElementRef],\n        useFactory: pullingFactory,\n    },\n];\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function pullingFactory(\n    isIOS: boolean,\n    loaded$: Observable<unknown>,\n    {nativeElement}: ElementRef<HTMLElement>,\n): Observable<number> {\n    return merge(\n        typedFromEvent(nativeElement, `touchstart`, {passive: true}).pipe(\n            filter(() => nativeElement.scrollTop === 0),\n            switchMap(touchStart =>\n                typedFromEvent(nativeElement, `touchmove`).pipe(\n                    map(\n                        touchMove =>\n                            touchMove.touches[0].clientY - touchStart.touches[0].clientY,\n                    ),\n                    takeUntil(typedFromEvent(nativeElement, `touchend`)),\n                    endWith(0),\n                ),\n            ),\n        ),\n        loaded$.pipe(mapTo(NaN)),\n    ).pipe(\n        scan((max, current) => {\n            if (Number.isNaN(current)) {\n                return 0;\n            }\n\n            const androidLoading = !isIOS && max === PULLED_DISTANCE;\n            const dropped = current === 0 && max > PULLED_DISTANCE;\n\n            return androidLoading || dropped ? PULLED_DISTANCE : current + MICRO_OFFSET;\n        }, 0),\n    );\n}\n","import {ChangeDetectionStrategy, Component, Inject, Output} from '@angular/core';\nimport {TUI_IS_IOS, tuiPure} from '@taiga-ui/cdk';\nimport {Observable, of} from 'rxjs';\nimport {distinctUntilChanged, filter, map, mapTo} from 'rxjs/operators';\n\nimport {\n    MICRO_OFFSET,\n    PULLED_DISTANCE,\n    TUI_PULL_TO_REFRESH_PROVIDERS,\n    TUI_PULLING,\n} from './pull-to-refresh.providers';\n\nconst IOS_LOADING_DISTANCE = PULLED_DISTANCE / 2;\nconst ANDROID_MAX_DISTANCE = PULLED_DISTANCE * 1.5;\n\nfunction translateY(distance: number): string {\n    return `translateY(${distance}px)`;\n}\n\n@Component({\n    selector: 'tui-pull-to-refresh',\n    templateUrl: './pull-to-refresh.template.html',\n    styleUrls: ['./pull-to-refresh.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TUI_PULL_TO_REFRESH_PROVIDERS],\n})\nexport class TuiPullToRefreshComponent {\n    @Output()\n    readonly pulled: Observable<void> = this.pulling$.pipe(\n        distinctUntilChanged(),\n        filter(distance => distance === PULLED_DISTANCE),\n        mapTo(undefined),\n    );\n\n    readonly pulledInPercent$: Observable<number> = this.pulling$.pipe(\n        map(distance => (distance * 100) / PULLED_DISTANCE),\n    );\n\n    readonly dropped$: Observable<boolean> = this.pulling$.pipe(\n        map(distance => distance <= MICRO_OFFSET || distance === PULLED_DISTANCE),\n        distinctUntilChanged(),\n    );\n\n    readonly contentTransform$: Observable<string | null> = this.isIOS\n        ? this.pulling$.pipe(\n              map(distance =>\n                  distance === PULLED_DISTANCE ? IOS_LOADING_DISTANCE : distance,\n              ),\n              map(translateY),\n          )\n        : of(null);\n\n    constructor(\n        @Inject(TUI_IS_IOS) readonly isIOS: boolean,\n        @Inject(TUI_PULLING) private readonly pulling$: Observable<number>,\n    ) {}\n\n    @tuiPure\n    get loaderTransform$(): Observable<string> {\n        return this.pulling$.pipe(\n            map(distance => translateY(Math.min(distance, ANDROID_MAX_DISTANCE))),\n        );\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiOverscrollModule, TuiRepeatTimesModule} from '@taiga-ui/cdk';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiMobileLoaderAndroidComponent} from './loader-android/loader-android.component';\nimport {TuiMobileLoaderIOSComponent} from './loader-ios/loader-ios.component';\nimport {TuiPullToRefreshComponent} from './pull-to-refresh.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule, TuiOverscrollModule, TuiRepeatTimesModule],\n    declarations: [\n        TuiPullToRefreshComponent,\n        TuiMobileLoaderAndroidComponent,\n        TuiMobileLoaderIOSComponent,\n    ],\n    exports: [TuiPullToRefreshComponent],\n})\nexport class TuiPullToRefreshModule {}\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-components-pull-to-refresh.js","sources":["ng://@taiga-ui/addon-mobile/components/pull-to-refresh/pull-to-refresh.tokens.ts","ng://@taiga-ui/addon-mobile/components/pull-to-refresh/loader-ios/loader-ios.component.ts","ng://@taiga-ui/addon-mobile/components/pull-to-refresh/pull-to-refresh.providers.ts","ng://@taiga-ui/addon-mobile/components/pull-to-refresh/pull-to-refresh.service.ts","ng://@taiga-ui/addon-mobile/components/pull-to-refresh/loader-android/loader-android.component.ts","ng://@taiga-ui/addon-mobile/components/pull-to-refresh/pull-to-refresh.component.ts","ng://@taiga-ui/addon-mobile/components/pull-to-refresh/pull-to-refresh.module.ts","ng://@taiga-ui/addon-mobile/components/pull-to-refresh/taiga-ui-addon-mobile-components-pull-to-refresh.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\n\n/**\n * Pull threshold in pixels until loading starts\n */\n\nexport const TUI_PULL_TO_REFRESH_THRESHOLD = new InjectionToken<number>(\n    `[TUI_PULL_TO_REFRESH_THRESHOLD]`,\n    {\n        factory: () => 50,\n    },\n);\n","import {ChangeDetectionStrategy, Component, Inject} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {POLYMORPHEUS_CONTEXT, PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_PULL_TO_REFRESH_THRESHOLD} from '../pull-to-refresh.tokens';\n\nconst LOADED_STEP = 8;\nconst ROTATE_X_STEP = 30;\n\n@Component({\n    selector: 'tui-mobile-ios-loader',\n    templateUrl: './loader-ios.template.html',\n    styleUrls: ['./loader-ios.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMobileLoaderIOSComponent {\n    readonly steps = 12;\n\n    constructor(\n        @Inject(POLYMORPHEUS_CONTEXT)\n        private readonly context: TuiContextWithImplicit<number>,\n        @Inject(TUI_PULL_TO_REFRESH_THRESHOLD) private readonly threshold: number,\n    ) {}\n\n    get finished(): boolean {\n        return this.percent >= 100;\n    }\n\n    get percent(): number {\n        return (this.context.$implicit * 100) / this.threshold;\n    }\n\n    isShown(index: number): boolean {\n        return this.percent > (index + 1) * LOADED_STEP;\n    }\n\n    calculateTransform(index: number): string {\n        return `rotate(${index * ROTATE_X_STEP} 50 50)`;\n    }\n\n    calculateAnimationBegin(index: number): string {\n        return `${(index * LOADED_STEP) / 100}s`;\n    }\n}\n\nexport const TUI_IOS_LOADER = new PolymorpheusComponent(TuiMobileLoaderIOSComponent);\n","import {inject, InjectionToken} from '@angular/core';\nimport {TUI_IS_IOS, TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {EMPTY, Observable} from 'rxjs';\n\nimport {TUI_ANDROID_LOADER} from './loader-android/loader-android.component';\nimport {TUI_IOS_LOADER} from './loader-ios/loader-ios.component';\n\n/**\n * Stream that emits when loading is over\n */\nexport const TUI_PULL_TO_REFRESH_LOADED = new InjectionToken<Observable<unknown>>(\n    `[TUI_PULL_TO_REFRESH_LOADED]`,\n    {\n        factory: () => EMPTY,\n    },\n);\n\n/**\n * Loading indicator component that gets current pull distance in pixels as context\n */\nexport const TUI_PULL_TO_REFRESH_COMPONENT = new InjectionToken<\n    PolymorpheusContent<TuiContextWithImplicit<number>>\n>(`[TUI_PULL_TO_REFRESH_COMPONENT]`, {\n    factory: () => (inject(TUI_IS_IOS) ? TUI_IOS_LOADER : TUI_ANDROID_LOADER),\n});\n\n/**\n * @deprecated renamed to {@link TUI_PULL_TO_REFRESH_LOADED}\n */\nexport const TUI_LOADED = TUI_PULL_TO_REFRESH_LOADED;\n","import {ElementRef, Inject, Injectable} from '@angular/core';\nimport {tuiScrollFrom, tuiTypedFromEvent} from '@taiga-ui/cdk';\nimport {TUI_SCROLL_REF} from '@taiga-ui/core';\nimport {EMPTY, Observable} from 'rxjs';\nimport {\n    distinctUntilChanged,\n    endWith,\n    filter,\n    map,\n    scan,\n    share,\n    startWith,\n    switchMap,\n    takeUntil,\n    takeWhile,\n    tap,\n} from 'rxjs/operators';\n\nimport {\n    TUI_PULL_TO_REFRESH_COMPONENT,\n    TUI_PULL_TO_REFRESH_LOADED,\n} from './pull-to-refresh.providers';\nimport {TUI_PULL_TO_REFRESH_THRESHOLD} from './pull-to-refresh.tokens';\n\nexport const MICRO_OFFSET = 10 ** -6;\n\n// @dynamic\n@Injectable()\nexport class TuiPullToRefreshService extends Observable<number> {\n    // Hack for iOS to determine if pulling stopped due to scroll\n    // because Safari does not support `touch-action: pan-down`\n    private touched = false;\n\n    private readonly pulling$ = this.loaded$.pipe(\n        startWith(null),\n        switchMap(() =>\n            tuiTypedFromEvent(this.element, `touchstart`, {passive: true}).pipe(\n                filter(() => !this.scrollTop),\n                map(({touches}) => touches[0].clientY),\n                switchMap(start =>\n                    tuiTypedFromEvent(this.element, `touchmove`).pipe(\n                        tap((): void => {\n                            this.touched = true;\n                        }),\n                        map(({touches}) => touches[0].clientY - start),\n                        filter(distance => distance > 0),\n                        takeUntil(\n                            tuiTypedFromEvent(this.element, `touchend`).pipe(\n                                tap((): void => {\n                                    this.touched = false;\n                                }),\n                            ),\n                        ),\n                        takeUntil(tuiScrollFrom(this.scrollRef.nativeElement)),\n                        endWith(0),\n                    ),\n                ),\n                scan(\n                    (prev, current) =>\n                        !current && !this.touched && prev > this.threshold\n                            ? this.threshold\n                            : current + current * MICRO_OFFSET,\n                    0,\n                ),\n                takeWhile(distance => distance !== this.threshold, true),\n                startWith(0),\n            ),\n        ),\n        distinctUntilChanged(),\n        share(),\n    );\n\n    constructor(\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n        @Inject(TUI_SCROLL_REF) private readonly scrollRef: ElementRef<HTMLElement>,\n        @Inject(TUI_PULL_TO_REFRESH_LOADED) private readonly loaded$: Observable<unknown>,\n        @Inject(TUI_PULL_TO_REFRESH_THRESHOLD) private readonly threshold: number,\n        @Inject(TUI_PULL_TO_REFRESH_COMPONENT) component: unknown,\n    ) {\n        super(subscriber => (component ? this.pulling$ : EMPTY).subscribe(subscriber));\n    }\n\n    private get element(): HTMLElement {\n        return this.el.nativeElement;\n    }\n\n    private get scrollTop(): number {\n        return this.scrollRef.nativeElement.scrollTop;\n    }\n}\n","import {ChangeDetectionStrategy, Component, HostBinding, Inject} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {POLYMORPHEUS_CONTEXT, PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\n\nimport {MICRO_OFFSET} from '../pull-to-refresh.service';\nimport {TUI_PULL_TO_REFRESH_THRESHOLD} from '../pull-to-refresh.tokens';\n\nconst ROTATE_X_DEFAULT = 180;\nconst ROTATE_X_MAX = 500;\nconst ROTATE_X_MULTIPLIER = 2.3;\n\n@Component({\n    selector: 'tui-mobile-android-loader',\n    templateUrl: './loader-android.template.html',\n    styleUrls: ['./loader-android.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMobileLoaderAndroidComponent {\n    constructor(\n        @Inject(POLYMORPHEUS_CONTEXT)\n        private readonly context: TuiContextWithImplicit<number>,\n        @Inject(TUI_PULL_TO_REFRESH_THRESHOLD) private readonly threshold: number,\n    ) {}\n\n    get transform(): string {\n        const rotateX = Math.min(\n            ROTATE_X_DEFAULT + this.percent * ROTATE_X_MULTIPLIER,\n            ROTATE_X_MAX,\n        );\n\n        return `rotate(${rotateX} 0 0)`;\n    }\n\n    @HostBinding('class._visible')\n    get percent(): number {\n        return (this.context.$implicit * 100) / this.threshold;\n    }\n\n    get opacity(): number {\n        return this.context.$implicit / (this.threshold * 1.5);\n    }\n\n    @HostBinding('class._dropped')\n    get dropped(): boolean {\n        return (\n            this.context.$implicit <= MICRO_OFFSET ||\n            this.context.$implicit === this.threshold\n        );\n    }\n\n    @HostBinding('style.transform')\n    get hostTransform(): string {\n        return `translateY(${Math.min(this.context.$implicit, this.threshold * 1.5)}px)`;\n    }\n}\n\nexport const TUI_ANDROID_LOADER = new PolymorpheusComponent(\n    TuiMobileLoaderAndroidComponent,\n);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    Output,\n    Self,\n} from '@angular/core';\nimport {\n    TUI_IS_IOS,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiDestroyService,\n    TuiHandler,\n    tuiScrollFrom,\n} from '@taiga-ui/cdk';\nimport {TUI_SCROLL_REF} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {distinctUntilChanged, filter, map, startWith, takeUntil} from 'rxjs/operators';\n\nimport {TUI_PULL_TO_REFRESH_COMPONENT} from './pull-to-refresh.providers';\nimport {MICRO_OFFSET, TuiPullToRefreshService} from './pull-to-refresh.service';\nimport {TUI_PULL_TO_REFRESH_THRESHOLD} from './pull-to-refresh.tokens';\n\n@Component({\n    selector: 'tui-pull-to-refresh',\n    templateUrl: './pull-to-refresh.template.html',\n    styleUrls: ['./pull-to-refresh.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiPullToRefreshService, TuiDestroyService],\n})\nexport class TuiPullToRefreshComponent {\n    @Input()\n    @tuiDefaultProp()\n    styleHandler: TuiHandler<number, Record<string, any> | null> = this.isIOS\n        ? distance => ({transform: `translateY(${distance / 2}px)`})\n        : () => null;\n\n    @Output()\n    readonly pulled: Observable<unknown> = this.pulling$.pipe(\n        filter(distance => distance === this.threshold),\n    );\n\n    readonly dropped$: Observable<boolean> = this.pulling$.pipe(\n        map(distance => distance <= MICRO_OFFSET || distance === this.threshold),\n        distinctUntilChanged(),\n    );\n\n    constructor(\n        @Inject(TuiDestroyService) @Self() destroy$: Observable<unknown>,\n        @Inject(TUI_SCROLL_REF) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(TUI_IS_IOS) private readonly isIOS: boolean,\n        @Inject(TUI_PULL_TO_REFRESH_THRESHOLD) private readonly threshold: number,\n        @Inject(TUI_PULL_TO_REFRESH_COMPONENT)\n        readonly component: PolymorpheusContent<TuiContextWithImplicit<number>>,\n        @Inject(TuiPullToRefreshService) readonly pulling$: Observable<number>,\n    ) {\n        // Ensure scrolling down is impossible while pulling\n        tuiScrollFrom(nativeElement)\n            .pipe(startWith(null), takeUntil(destroy$))\n            .subscribe(() => {\n                if (nativeElement.scrollTop) {\n                    nativeElement.style.touchAction = '';\n                } else {\n                    nativeElement.style.touchAction = 'pan-down';\n                }\n            });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiRepeatTimesModule} from '@taiga-ui/cdk';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiMobileLoaderAndroidComponent} from './loader-android/loader-android.component';\nimport {TuiMobileLoaderIOSComponent} from './loader-ios/loader-ios.component';\nimport {TuiPullToRefreshComponent} from './pull-to-refresh.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule, TuiRepeatTimesModule, PolymorpheusModule],\n    declarations: [\n        TuiPullToRefreshComponent,\n        TuiMobileLoaderAndroidComponent,\n        TuiMobileLoaderIOSComponent,\n    ],\n    exports: [TuiPullToRefreshComponent],\n})\nexport class TuiPullToRefreshModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-addon-mobile-components-sheet.js

@@ -1,6 +1,6 @@
 import { __read, __decorate, __param, __assign, __spread, __extends } from 'tslib';
 import { Inject, ElementRef, Component, ChangeDetectionStrategy, InjectionToken, NgZone, ViewChild, ViewChildren, Input, HostListener, inject, ɵɵdefineInjectable, ɵɵinject, Injectable, Output, Directive, forwardRef, ContentChild, ChangeDetectorRef, TemplateRef, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
-import { typedFromEvent, tuiZonefree, TuiIdService, TUI_IS_IOS, EMPTY_QUERY, tuiZonefull, tuiPure, clamp, TUI_WINDOW_HEIGHT, TuiDestroyService, tuiDefaultProp, tuiRequiredSetter, TuiLetModule, TuiOverscrollModule } from '@taiga-ui/cdk';
+import { typedFromEvent, tuiZonefree, TuiIdService, TUI_IS_IOS, EMPTY_QUERY, tuiZonefull, tuiPure, clamp, tuiGetNativeFocused, TUI_WINDOW_HEIGHT, TuiDestroyService, tuiDefaultProp, tuiRequiredSetter, TuiLetModule, TuiOverscrollModule } from '@taiga-ui/cdk';
 import { TUI_CLOSE_WORD, TUI_SCROLL_REF, tuiSlideInTop, tuiZonefulMap, TUI_ANIMATION_OPTIONS, tuiFadeIn, TuiButtonModule, TuiScrollbarModule } from '@taiga-ui/core';
 import { TUI_MORE_WORD } from '@taiga-ui/kit';
 import { merge, concat, zip, race, timer, Observable, BehaviorSubject, EMPTY, Subject } from 'rxjs';
@@ -303,8 +303,10 @@ var TUI_SHEET_OPTIONS = new InjectionToken("Default parameters for sheet compone
     factory: function () { return (__assign(__assign({}, TUI_SHEET_DEFAULT_OPTIONS), { offset: inject(TUI_SHEET_OFFSET) })); },
 });
 
+// @dynamic
 var TuiSheetService = /** @class */ (function () {
-    function TuiSheetService(options) {
+    function TuiSheetService(doc, options) {
+        this.doc = doc;
         this.options = options;
         this.sheets$ = new BehaviorSubject([]);
     }
@@ -319,6 +321,10 @@ var TuiSheetService = /** @class */ (function () {
             var sheet = __assign(__assign(__assign({}, _this.options), options), { content: content,
                 completeWith: completeWith,
                 $implicit: $implicit, scroll$: EMPTY });
+            var focused = tuiGetNativeFocused(_this.doc);
+            if (focused instanceof HTMLElement && sheet.overlay) {
+                focused.blur();
+            }
             _this.sheets$.next(__spread(_this.sheets$.value, [sheet]));
             return function () {
                 _this.sheets$.next(_this.sheets$.value.filter(function (item) { return item !== sheet; }));
@@ -326,14 +332,16 @@ var TuiSheetService = /** @class */ (function () {
         });
     };
     TuiSheetService.ctorParameters = function () { return [
+        { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
         { type: undefined, decorators: [{ type: Inject, args: [TUI_SHEET_OPTIONS,] }] }
     ]; };
-    TuiSheetService.ɵprov = ɵɵdefineInjectable({ factory: function TuiSheetService_Factory() { return new TuiSheetService(ɵɵinject(TUI_SHEET_OPTIONS)); }, token: TuiSheetService, providedIn: "root" });
+    TuiSheetService.ɵprov = ɵɵdefineInjectable({ factory: function TuiSheetService_Factory() { return new TuiSheetService(ɵɵinject(DOCUMENT), ɵɵinject(TUI_SHEET_OPTIONS)); }, token: TuiSheetService, providedIn: "root" });
     TuiSheetService = __decorate([
         Injectable({
             providedIn: "root",
         }),
-        __param(0, Inject(TUI_SHEET_OPTIONS))
+        __param(0, Inject(DOCUMENT)),
+        __param(1, Inject(TUI_SHEET_OPTIONS))
     ], TuiSheetService);
     return TuiSheetService;
 }());