@taiga-ui/addon-mobile 2.54.0 → 3.0.0-rc.0

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

@@ -1,91 +0,0 @@
-import { __decorate, __param, __extends } from 'tslib';
-import { Inject, Component, ChangeDetectionStrategy, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule } from '@angular/core';
-import { TUI_IS_IOS, AbstractTuiDialogService, TUI_DIALOGS } from '@taiga-ui/cdk';
-import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-import { CommonModule } from '@angular/common';
-import { TuiRippleModule } from '@taiga-ui/addon-mobile/directives/ripple';
-import { TuiButtonModule } from '@taiga-ui/core';
-import { TuiIdService } from '@taiga-ui/cdk/services';
-
-// @dynamic
-var TuiMobileDialogComponent = /** @class */ (function () {
-    function TuiMobileDialogComponent(isIOS, context) {
-        this.isIOS = isIOS;
-        this.context = context;
-    }
-    TuiMobileDialogComponent.prototype.onAction = function (index) {
-        this.context.completeWith(index);
-    };
-    TuiMobileDialogComponent.ctorParameters = function () { return [
-        { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_IOS,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [POLYMORPHEUS_CONTEXT,] }] }
-    ]; };
-    TuiMobileDialogComponent = __decorate([
-        Component({
-            selector: 'tui-mobile-dialog',
-            template: "<h2\n    *ngIf=\"!!context.label\"\n    class=\"t-heading\"\n    [id]=\"context.id\"\n>\n    {{ context.label }}\n</h2>\n<div\n    polymorpheus-outlet\n    class=\"t-content\"\n    [content]=\"context.content\"\n    [context]=\"context\"\n></div>\n<button\n    *ngFor=\"let action of context.actions; let index = index\"\n    tuiButton\n    tuiRipple\n    type=\"button\"\n    size=\"s\"\n    appearance=\"flat\"\n    class=\"t-button\"\n    [class.t-button_column]=\"context.actions.length > 2\"\n    (click)=\"onAction(index)\"\n>\n    {{ action }}\n</button>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            host: {
-                '[class._ios]': 'isIOS',
-            },
-            styles: [":host{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;background:var(--tui-base-01);word-break:break-word;overflow:hidden;padding:1.25rem .75rem 0 1.5rem}:host:not(._ios){max-width:17.5rem;border-radius:.125rem;text-align:left;box-shadow:0 1.5rem 1.5rem 0 rgba(0,0,0,.32)}:host._ios{max-width:16.875rem;padding:1.5rem 0 0;border-radius:.75rem;text-align:center}.t-heading{font-size:1rem}:host._ios .t-heading{font-weight:700;font-size:1.125rem}.t-content{margin-top:.75rem;font-size:.875rem;line-height:1.25rem;padding-right:.75rem}:host._ios .t-content{margin-top:.25rem;padding-left:1.5rem;padding-right:1.5rem}.t-button{border-radius:0}:host._ios .t-button{border-top:1px solid #b8b8b8;height:2.625rem;width:100%}:host._ios .t-button:first-of-type{margin-top:1.125rem}:host:not(._ios) .t-button{margin:.5rem 0 .5rem .5rem;float:right}:host:not(._ios) .t-button_column{display:block;float:none;margin-left:auto}"]
-        }),
-        __param(0, Inject(TUI_IS_IOS)),
-        __param(1, Inject(POLYMORPHEUS_CONTEXT))
-    ], TuiMobileDialogComponent);
-    return TuiMobileDialogComponent;
-}());
-
-var DIALOG = new PolymorpheusComponent(TuiMobileDialogComponent);
-var DEFAULT_OPTIONS = {
-    label: '',
-    actions: ['OK'],
-};
-var TuiMobileDialogService = /** @class */ (function (_super) {
-    __extends(TuiMobileDialogService, _super);
-    function TuiMobileDialogService() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.component = DIALOG;
-        _this.defaultOptions = DEFAULT_OPTIONS;
-        return _this;
-    }
-    TuiMobileDialogService.prototype.open = function (content, options) {
-        if (options === void 0) { options = {}; }
-        return _super.prototype.open.call(this, content, options);
-    };
-    TuiMobileDialogService.ɵprov = ɵɵdefineInjectable({ factory: function TuiMobileDialogService_Factory() { return new TuiMobileDialogService(ɵɵinject(TuiIdService)); }, token: TuiMobileDialogService, providedIn: "root" });
-    TuiMobileDialogService = __decorate([
-        Injectable({
-            providedIn: 'root',
-        })
-    ], TuiMobileDialogService);
-    return TuiMobileDialogService;
-}(AbstractTuiDialogService));
-
-var TuiMobileDialogModule = /** @class */ (function () {
-    function TuiMobileDialogModule() {
-    }
-    TuiMobileDialogModule = __decorate([
-        NgModule({
-            imports: [CommonModule, TuiButtonModule, TuiRippleModule, PolymorpheusModule],
-            declarations: [TuiMobileDialogComponent],
-            exports: [TuiMobileDialogComponent],
-            providers: [
-                {
-                    provide: TUI_DIALOGS,
-                    useExisting: TuiMobileDialogService,
-                    multi: true,
-                },
-            ],
-            entryComponents: [TuiMobileDialogComponent],
-        })
-    ], TuiMobileDialogModule);
-    return TuiMobileDialogModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiMobileDialogComponent, TuiMobileDialogModule, TuiMobileDialogService };
-//# sourceMappingURL=taiga-ui-addon-mobile-components-mobile-dialog.js.map

package/fesm5/taiga-ui-addon-mobile-components-mobile-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-addon-mobile-components-mobile-dialog.js","sources":["ng://@taiga-ui/addon-mobile/components/mobile-dialog/mobile-dialog.component.ts","ng://@taiga-ui/addon-mobile/components/mobile-dialog/mobile-dialog.service.ts","ng://@taiga-ui/addon-mobile/components/mobile-dialog/mobile-dialog.module.ts","ng://@taiga-ui/addon-mobile/components/mobile-dialog/taiga-ui-addon-mobile-components-mobile-dialog.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject} from '@angular/core';\nimport {TUI_IS_IOS, TuiDialog} from '@taiga-ui/cdk';\nimport {POLYMORPHEUS_CONTEXT} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiMobileDialogOptions} from './mobile-dialog-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-mobile-dialog',\n    templateUrl: './mobile-dialog.template.html',\n    styleUrls: ['./mobile-dialog.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class._ios]': 'isIOS',\n    },\n})\nexport class TuiMobileDialogComponent<I> {\n    constructor(\n        @Inject(TUI_IS_IOS) readonly isIOS: boolean,\n        @Inject(POLYMORPHEUS_CONTEXT)\n        readonly context: TuiDialog<TuiMobileDialogOptions<I>, number>,\n    ) {}\n\n    onAction(index: number): void {\n        this.context.completeWith(index);\n    }\n}\n","import {Injectable} from '@angular/core';\nimport {AbstractTuiDialogService, TuiBaseDialogContext} from '@taiga-ui/cdk';\nimport {PolymorpheusComponent, PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nimport {TuiMobileDialogComponent} from './mobile-dialog.component';\nimport {TuiMobileDialogOptions} from './mobile-dialog-options';\n\nconst DIALOG = new PolymorpheusComponent(TuiMobileDialogComponent);\nconst DEFAULT_OPTIONS = {\n    label: '',\n    actions: ['OK'],\n} as const;\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class TuiMobileDialogService extends AbstractTuiDialogService<\n    TuiMobileDialogOptions<any>\n> {\n    protected readonly component = DIALOG;\n    protected readonly defaultOptions: TuiMobileDialogOptions<any> =\n        DEFAULT_OPTIONS as any;\n\n    open<I, O = number>(\n        content: PolymorpheusContent<TuiBaseDialogContext<O> & TuiMobileDialogOptions<I>>,\n        options: Partial<TuiMobileDialogOptions<I>> = {},\n    ): Observable<O> {\n        return super.open(content, options);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiRippleModule} from '@taiga-ui/addon-mobile/directives/ripple';\nimport {TUI_DIALOGS} from '@taiga-ui/cdk';\nimport {TuiButtonModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiMobileDialogComponent} from './mobile-dialog.component';\nimport {TuiMobileDialogService} from './mobile-dialog.service';\n\n@NgModule({\n    imports: [CommonModule, TuiButtonModule, TuiRippleModule, PolymorpheusModule],\n    declarations: [TuiMobileDialogComponent],\n    exports: [TuiMobileDialogComponent],\n    providers: [\n        {\n            provide: TUI_DIALOGS,\n            useExisting: TuiMobileDialogService,\n            multi: true,\n        },\n    ],\n    entryComponents: [TuiMobileDialogComponent],\n})\nexport class TuiMobileDialogModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAMA;;IAWI,kCACiC,KAAc,EAElC,OAAqD;QAFjC,UAAK,GAAL,KAAK,CAAS;QAElC,YAAO,GAAP,OAAO,CAA8C;KAC9D;IAEJ,2CAAQ,GAAR,UAAS,KAAa;QAClB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;KACpC;;8CAPI,MAAM,SAAC,UAAU;gDACjB,MAAM,SAAC,oBAAoB;;IAHvB,wBAAwB;QATpC,SAAS,CAAC;YACP,QAAQ,EAAE,mBAAmB;YAC7B,+jBAA4C;YAE5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,IAAI,EAAE;gBACF,cAAc,EAAE,OAAO;aAC1B;;SACJ,CAAC;QAGO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;QAClB,WAAA,MAAM,CAAC,oBAAoB,CAAC,CAAA;OAHxB,wBAAwB,CAUpC;IAAD,+BAAC;CAVD;;ACRA,IAAM,MAAM,GAAG,IAAI,qBAAqB,CAAC,wBAAwB,CAAC,CAAC;AACnE,IAAM,eAAe,GAAG;IACpB,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,CAAC,IAAI,CAAC;CACT,CAAC;;IAKiC,0CAE3C;IAFD;QAAA,qEAaC;QAVsB,eAAS,GAAG,MAAM,CAAC;QACnB,oBAAc,GAC7B,eAAsB,CAAC;;KAQ9B;IANG,qCAAI,GAAJ,UACI,OAAiF,EACjF,OAAgD;QAAhD,wBAAA,EAAA,YAAgD;QAEhD,OAAO,iBAAM,IAAI,YAAC,OAAO,EAAE,OAAO,CAAC,CAAC;KACvC;;IAZQ,sBAAsB;QAHlC,UAAU,CAAC;YACR,UAAU,EAAE,MAAM;SACrB,CAAC;OACW,sBAAsB,CAalC;iCA9BD;CA8BC,CAb2C,wBAAwB;;;ICMpE;KAAqC;IAAxB,qBAAqB;QAbjC,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,CAAC;YAC7E,YAAY,EAAE,CAAC,wBAAwB,CAAC;YACxC,OAAO,EAAE,CAAC,wBAAwB,CAAC;YACnC,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,WAAW;oBACpB,WAAW,EAAE,sBAAsB;oBACnC,KAAK,EAAE,IAAI;iBACd;aACJ;YACD,eAAe,EAAE,CAAC,wBAAwB,CAAC;SAC9C,CAAC;OACW,qBAAqB,CAAG;IAAD,4BAAC;CAArC;;ACvBA;;;;;;"}

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

@@ -1,185 +0,0 @@
-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 { 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%;-webkit-animation:3s linear infinite tuiLoaderRotate;animation:3s linear infinite tuiLoaderRotate}.t-circle{fill:none;stroke:var(--tui-text-01);stroke-width:1.5rem;-webkit-animation:3s linear infinite tuiLoaderDashOffset;animation:3s linear infinite tuiLoaderDashOffset}"]
-        })
-    ], TuiMobileLoaderAndroidComponent);
-    return TuiMobileLoaderAndroidComponent;
-}());
-
-var LOADED_STEP = 8;
-var ROTATE_X_STEP = 30;
-var TuiMobileLoaderIOSComponent = /** @class */ (function () {
-    function TuiMobileLoaderIOSComponent() {
-        this.pulled = 0;
-        this.steps = 12;
-    }
-    Object.defineProperty(TuiMobileLoaderIOSComponent.prototype, "finished", {
-        get: function () {
-            return this.pulled >= 100;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiMobileLoaderIOSComponent.prototype.isShown = function (index) {
-        return this.pulled > (index + 1) * LOADED_STEP;
-    };
-    TuiMobileLoaderIOSComponent.prototype.calculateTransform = function (index) {
-        return "rotate(" + index * ROTATE_X_STEP + " 50 50)";
-    };
-    TuiMobileLoaderIOSComponent.prototype.calculateAnimationBegin = function (index) {
-        return (index * LOADED_STEP) / 100 + "s";
-    };
-    __decorate([
-        Input()
-    ], TuiMobileLoaderIOSComponent.prototype, "pulled", void 0);
-    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]
-        })
-    ], TuiMobileLoaderIOSComponent);
-    return TuiMobileLoaderIOSComponent;
-}());
-
-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 (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));
-}
-
-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);
-    }
-    Object.defineProperty(TuiPullToRefreshComponent.prototype, "loaderTransform$", {
-        get: function () {
-            return this.pulling$.pipe(map(function (distance) { return translateY(Math.min(distance, ANDROID_MAX_DISTANCE)); }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiPullToRefreshComponent.ctorParameters = function () { return [
-        { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_IOS,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_PULLING,] }] }
-    ]; };
-    __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",
-            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)}"]
-        }),
-        __param(0, Inject(TUI_IS_IOS)),
-        __param(1, Inject(TUI_PULLING))
-    ], TuiPullToRefreshComponent);
-    return TuiPullToRefreshComponent;
-}());
-
-var TuiPullToRefreshModule = /** @class */ (function () {
-    function TuiPullToRefreshModule() {
-    }
-    TuiPullToRefreshModule = __decorate([
-        NgModule({
-            imports: [CommonModule, TuiSvgModule, TuiOverscrollModule, TuiRepeatTimesModule],
-            declarations: [
-                TuiPullToRefreshComponent,
-                TuiMobileLoaderAndroidComponent,
-                TuiMobileLoaderIOSComponent,
-            ],
-            exports: [TuiPullToRefreshComponent],
-        })
-    ], TuiPullToRefreshModule);
-    return TuiPullToRefreshModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { MICRO_OFFSET, PULLED_DISTANCE, TUI_PULLING, TUI_PULL_TO_REFRESH_PROVIDERS, TuiMobileLoaderAndroidComponent, TuiMobileLoaderIOSComponent, TuiPullToRefreshComponent, TuiPullToRefreshModule, pullingFactory };
-//# sourceMappingURL=taiga-ui-addon-mobile-components-pull-to-refresh.js.map

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

@@ -1 +0,0 @@
-{"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 (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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"}