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

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

@@ -1,680 +0,0 @@
-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 { 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';
-import { map, delay, switchMap, takeUntil, take, share, filter, debounceTime, mapTo, switchMapTo, startWith, distinctUntilChanged, withLatestFrom, throttleTime, ignoreElements, endWith } from 'rxjs/operators';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import { WINDOW } from '@ng-web-apis/common';
-import { PolymorpheusTemplate, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function iosScrollFactory(element, documentRef, ngZone) {
-    var load$ = typedFromEvent(element, 'load', { capture: true });
-    var touchstart$ = typedFromEvent(element, 'touchstart', { passive: true });
-    var touchmove$ = typedFromEvent(documentRef, 'touchmove', { passive: true });
-    var touchend$ = typedFromEvent(documentRef, 'touchend');
-    var scroll$ = typedFromEvent(element, 'scroll').pipe(map(function () { return element.scrollTop; }));
-    var result$ = merge(load$.pipe(delay(0), map(function () { return element.scrollTop; })), touchstart$.pipe(switchMap(function (_a) {
-        var touches = _a.touches;
-        var screenY = touches[0].screenY;
-        var scrollTop = element.scrollTop;
-        return concat(
-        // Sometimes touch is triggered without scroll in iOS, filter that
-        zip(touchmove$, scroll$).pipe(map(function (_a) {
-            var _b = __read(_a, 1), touches = _b[0].touches;
-            return scrollTop + screenY - touches[0].screenY;
-        }), takeUntil(touchend$)), scroll$);
-    })));
-    return concat(scroll$.pipe(take(1)), result$).pipe(tuiZonefree(ngZone), share());
-}
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function processDragged(dragged$, scroll$) {
-    var touchstart$ = dragged$.pipe(filter(Boolean));
-    var touchend$ = dragged$.pipe(filter(function (v) { return !v; }));
-    var race$ = race(scroll$, timer(100)).pipe(debounceTime(200), take(1), mapTo(false));
-    return touchstart$.pipe(switchMapTo(touchend$.pipe(switchMapTo(race$), startWith(true))), startWith(false));
-}
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function fakeSmoothScroll(_a, offset) {
-    var style = _a.style;
-    style.transition = 'none';
-    style.transform = "scaleX(-1) translate3d(0, " + offset + "px, 0)";
-    setTimeout(function () {
-        style.transition = '';
-        style.transform = '';
-    });
-}
-
-var TUI_SHEET_CLOSE = 'tui-sheet-close';
-var TUI_SHEET_ID = 'tui-sheet-id';
-var TuiSheetHeadingComponent = /** @class */ (function () {
-    function TuiSheetHeadingComponent(idService, elementRef, closeWord$) {
-        this.idService = idService;
-        this.elementRef = elementRef;
-        this.closeWord$ = closeWord$;
-        this.id = this.idService.generate();
-    }
-    TuiSheetHeadingComponent.prototype.ngAfterViewInit = function () {
-        this.elementRef.nativeElement.dispatchEvent(new CustomEvent(TUI_SHEET_ID, { bubbles: true, detail: this.id }));
-    };
-    TuiSheetHeadingComponent.prototype.onClick = function () {
-        this.elementRef.nativeElement.dispatchEvent(new CustomEvent(TUI_SHEET_CLOSE, { bubbles: true }));
-    };
-    TuiSheetHeadingComponent.ctorParameters = function () { return [
-        { type: TuiIdService, decorators: [{ type: Inject, args: [TuiIdService,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_CLOSE_WORD,] }] }
-    ]; };
-    TuiSheetHeadingComponent = __decorate([
-        Component({
-            selector: '[tuiSheetHeading]',
-            template: "<button\n    tuiIconButton\n    size=\"xs\"\n    appearance=\"icon\"\n    icon=\"tuiIconCloseLarge\"\n    class=\"t-close\"\n    [title]=\"closeWord$ | async\"\n    (click)=\"onClick()\"\n></button>\n<span [id]=\"id\">\n    <ng-content></ng-content>\n</span>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{position:-webkit-sticky;position:sticky;top:0;z-index:1;min-height:2rem;box-sizing:border-box;margin:-1.25rem -1rem 0;padding:1.5rem 1rem 1rem;background:var(--tui-base-01);border-radius:.75rem .75rem 0 0;font:var(--tui-font-heading-6);box-shadow:inset 0 1px rgba(255,255,255,.25)}:host:after{content:'';position:absolute;top:100%;left:0;right:0;height:1px;background:var(--tui-base-03);opacity:0}:host :host-context(._stuck):after{opacity:1}.t-close{display:none;float:right;margin-right:-.25rem}:host-context(.t-wrapper_closeable) .t-close{display:block}"]
-        }),
-        __param(0, Inject(TuiIdService)),
-        __param(1, Inject(ElementRef)),
-        __param(2, Inject(TUI_CLOSE_WORD))
-    ], TuiSheetHeadingComponent);
-    return TuiSheetHeadingComponent;
-}());
-
-var TUI_SHEET_SCROLL = new InjectionToken('Current scrollTop of a sheet');
-var TUI_SHEET_DRAGGED = new InjectionToken('The sheet is being dragged');
-/** @deprecated use option argument for each Sheet */
-var TUI_SHEET_OFFSET = new InjectionToken('Offset from the top at which the sheet stops', {
-    factory: function () { return 16; },
-});
-var TUI_SHEET_PROVIDERS = [
-    {
-        provide: TUI_SHEET_DRAGGED,
-        deps: [ElementRef],
-        useFactory: sheetDraggedFactory,
-    },
-    {
-        provide: TUI_SHEET_SCROLL,
-        deps: [ElementRef, NgZone, DOCUMENT, TUI_IS_IOS],
-        useFactory: sheetScrollFactory,
-    },
-    {
-        provide: TUI_SCROLL_REF,
-        useExisting: ElementRef,
-    },
-];
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function sheetDraggedFactory(_a) {
-    var nativeElement = _a.nativeElement;
-    return merge(typedFromEvent(nativeElement, 'touchstart', { passive: true }).pipe(mapTo(true)), typedFromEvent(nativeElement, 'touchend').pipe(mapTo(false)));
-}
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function sheetScrollFactory(_a, ngZone, documentRef, isIos) {
-    var nativeElement = _a.nativeElement;
-    return isIos
-        ? iosScrollFactory(nativeElement, documentRef, ngZone)
-        : merge(typedFromEvent(nativeElement, 'scroll'), typedFromEvent(nativeElement, 'load', { capture: true })).pipe(map(function () { return nativeElement.scrollTop; }), tuiZonefree(ngZone), share());
-}
-
-// @dynamic
-var TuiSheetComponent = /** @class */ (function () {
-    function TuiSheetComponent(scroll$, elementRef, ngZone, isIos, moreWord$) {
-        var _this = this;
-        this.scroll$ = scroll$;
-        this.elementRef = elementRef;
-        this.ngZone = ngZone;
-        this.isIos = isIos;
-        this.moreWord$ = moreWord$;
-        this.stopsRefs = EMPTY_QUERY;
-        this.id = '';
-        this.stuck$ = this.scroll$.pipe(map(function (y) { return Math.floor(y) > _this.contentTop; }));
-    }
-    Object.defineProperty(TuiSheetComponent.prototype, "stops", {
-        get: function () {
-            return this.getStops(this.stopsRefs);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiSheetComponent.prototype, "imageStop", {
-        get: function () {
-            return (this.item.imageSlide && this.stops[this.stops.length - 1]) || 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiSheetComponent.prototype, "imageHeight", {
-        get: function () {
-            return this.contentTop - this.sheetTop;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiSheetComponent.prototype, "context", {
-        get: function () {
-            return __assign(__assign({}, this.item), { scroll$: this.scroll$.pipe(tuiZonefull(this.ngZone)) });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiSheetComponent.prototype.onId = function (id) {
-        this.id = id;
-    };
-    TuiSheetComponent.prototype.ngAfterViewInit = function () {
-        var stops = __spread(this.stops, [this.sheetTop, this.contentTop]);
-        this.elementRef.nativeElement.scrollTop = stops[this.item.initial];
-    };
-    TuiSheetComponent.prototype.scrollTo = function (top) {
-        if (top === void 0) { top = this.sheetTop; }
-        var nativeElement = this.elementRef.nativeElement;
-        if (this.isIos) {
-            fakeSmoothScroll(nativeElement, top - nativeElement.scrollTop - 16);
-        }
-        nativeElement.scrollTo({ top: top, behavior: 'smooth' });
-    };
-    TuiSheetComponent.prototype.close = function () {
-        if (this.context.closeable) {
-            this.context.$implicit.complete();
-        }
-    };
-    Object.defineProperty(TuiSheetComponent.prototype, "contentTop", {
-        get: function () {
-            var _a, _b;
-            return (_b = (_a = this.content) === null || _a === void 0 ? void 0 : _a.nativeElement.offsetTop) !== null && _b !== void 0 ? _b : Infinity;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiSheetComponent.prototype, "sheetTop", {
-        get: function () {
-            var _a, _b;
-            return (_b = (_a = this.sheet) === null || _a === void 0 ? void 0 : _a.nativeElement.offsetTop) !== null && _b !== void 0 ? _b : Infinity;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiSheetComponent.prototype.getStops = function (stops) {
-        return stops
-            .toArray()
-            .map(function (_a) {
-            var nativeElement = _a.nativeElement;
-            return nativeElement.offsetTop + nativeElement.clientHeight;
-        });
-    };
-    TuiSheetComponent.ctorParameters = function () { return [
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_SHEET_SCROLL,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
-        { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_IOS,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_MORE_WORD,] }] }
-    ]; };
-    __decorate([
-        ViewChild('sheet')
-    ], TuiSheetComponent.prototype, "sheet", void 0);
-    __decorate([
-        ViewChild('content')
-    ], TuiSheetComponent.prototype, "content", void 0);
-    __decorate([
-        ViewChildren('stops')
-    ], TuiSheetComponent.prototype, "stopsRefs", void 0);
-    __decorate([
-        Input()
-    ], TuiSheetComponent.prototype, "item", void 0);
-    __decorate([
-        tuiPure
-    ], TuiSheetComponent.prototype, "context", null);
-    __decorate([
-        HostListener(TUI_SHEET_ID, ['$event.detail'])
-    ], TuiSheetComponent.prototype, "onId", null);
-    __decorate([
-        tuiPure
-    ], TuiSheetComponent.prototype, "getStops", null);
-    TuiSheetComponent = __decorate([
-        Component({
-            selector: 'tui-sheet',
-            template: "<div\n    class=\"t-bumpers\"\n    (click)=\"close()\"\n>\n    <div\n        *ngFor=\"let stop of item.stops\"\n        #stops\n        class=\"t-bumper\"\n        [style.marginTop]=\"stop\"\n    ></div>\n</div>\n<div\n    #sheet\n    class=\"t-wrapper\"\n    [class.t-wrapper_shadow]=\"!item.image\"\n>\n    <header\n        *ngIf=\"item.image\"\n        polymorpheus-outlet\n        class=\"t-top\"\n        [tuiSheetTop]=\"imageStop\"\n        [content]=\"item.image\"\n        [context]=\"context\"\n    >\n        <ng-template let-content>\n            <img\n                alt=\"\"\n                class=\"t-image\"\n                [src]=\"content\"\n            />\n        </ng-template>\n    </header>\n    <section\n        #content\n        tuiSheetStop\n        class=\"t-sheet\"\n    >\n        <div class=\"t-bar\"></div>\n        <tui-sheet-bar>\n            <button\n                class=\"t-button\"\n                [title]=\"moreWord$ | async\"\n                (click)=\"scrollTo(stops[1])\"\n            ></button>\n        </tui-sheet-bar>\n        <div\n            polymorpheus-outlet\n            class=\"t-content\"\n            [content]=\"item.content\"\n            [context]=\"context\"\n        >\n            <ng-template let-content>\n                <h2\n                    tuiSheetHeading\n                    class=\"t-heading\"\n                >\n                    {{ content }}\n                </h2>\n            </ng-template>\n        </div>\n    </section>\n</div>\n",
-            providers: TUI_SHEET_PROVIDERS,
-            animations: [tuiSlideInTop],
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            host: {
-                role: 'dialog',
-                '[attr.aria-labelledby]': 'id',
-                '[class._ios]': 'isIos',
-                // '[class._stuck]': 'true', // Initially disable snapping for Firefox
-                '[$.class._stuck]': 'stuck$',
-                '($.class._stuck)': 'stuck$',
-            },
-            styles: [":host{scrollbar-width:none;-ms-overflow-style:none;position:absolute;left:0;bottom:0;right:0;transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;top:auto;border-radius:.75rem .75rem 0 0;overflow-y:auto;overflow-x:hidden;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;box-shadow:0 4rem var(--tui-base-01);padding-right:1rem;margin-left:-1rem;transform:scaleX(-1);-webkit-clip-path:inset(0 1rem 0 0 round .75rem .75rem 0 0);clip-path:inset(0 1rem 0 0 round .75rem .75rem 0 0)}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{background:0 0;width:0;height:0}:host._stuck{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.t-bumpers{display:flex;height:100%}:host-context(.t-wrapper_closeable) .t-bumpers{scroll-snap-stop:always;scroll-snap-align:start;scroll-margin:-1px}.t-bumper{scroll-snap-stop:always;scroll-snap-align:start;height:1rem;width:1rem}.t-wrapper{border-radius:inherit;pointer-events:auto;scroll-snap-stop:always;scroll-snap-align:start}.t-wrapper_shadow{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12)}.t-top{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12);position:-webkit-sticky;position:sticky;top:0;pointer-events:auto;border-radius:.8rem .8rem 0 0;transform:scaleX(-1);overflow:hidden}.t-top._clickthrough{pointer-events:none}:host-context(._overlay:not(._visible)) .t-top{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;transform:scaleX(-1)!important}.t-image{display:block;width:100%}.t-sheet{position:relative;border-radius:inherit;scroll-snap-stop:always;scroll-snap-align:start;transform:scaleX(-1);box-shadow:0 4rem var(--tui-base-01)}.t-top:not(._rounded)~.t-sheet .t-bar{border-radius:0}.t-bar{transition-property:border-radius;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;top:0;z-index:1;height:1.5rem;margin-bottom:-1.5rem;border-radius:inherit;background:var(--tui-elevation-01);box-shadow:inset 0 1px rgba(255,255,255,.25)}.t-button{position:absolute;top:0;height:1.5rem;width:3rem;padding:0;border:0;opacity:0}.t-content{padding:1rem;margin-top:-1rem;border-radius:inherit;background:var(--tui-elevation-01)}.t-heading{padding-bottom:.5rem;background:var(--tui-elevation-01)}"]
-        }),
-        __param(0, Inject(TUI_SHEET_SCROLL)),
-        __param(1, Inject(ElementRef)),
-        __param(2, Inject(NgZone)),
-        __param(3, Inject(TUI_IS_IOS)),
-        __param(4, Inject(TUI_MORE_WORD))
-    ], TuiSheetComponent);
-    return TuiSheetComponent;
-}());
-
-var TuiSheetBarComponent = /** @class */ (function () {
-    function TuiSheetBarComponent(sheet, scroll$, ngZone) {
-        var _this = this;
-        this.sheet = sheet;
-        this.scroll$ = scroll$;
-        this.ngZone = ngZone;
-        this.rotate$ = this.scroll$.pipe(tuiZonefulMap(function (y) { return clamp(10 - (y - _this.stop) / 5, 0, 10); }, this.ngZone));
-    }
-    Object.defineProperty(TuiSheetBarComponent.prototype, "stop", {
-        get: function () {
-            var _a;
-            return (_a = this.sheet.stops[0]) !== null && _a !== void 0 ? _a : 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiSheetBarComponent.ctorParameters = function () { return [
-        { type: TuiSheetComponent, decorators: [{ type: Inject, args: [TuiSheetComponent,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_SHEET_SCROLL,] }] },
-        { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] }
-    ]; };
-    TuiSheetBarComponent = __decorate([
-        Component({
-            selector: 'tui-sheet-bar',
-            template: "<ng-container *tuiLet=\"rotate$ | async as deg\">\n    <div\n        style=\"transform: rotate(-{{ deg }}deg)\"\n        class=\"t-bar\"\n    ></div>\n    <ng-content *ngIf=\"deg\"></ng-content>\n    <div\n        style=\"transform: rotate({{ deg }}deg)\"\n        class=\"t-bar\"\n    ></div>\n</ng-container>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{transition-property:border-radius;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;height:1.25rem;align-items:center;justify-content:center;opacity:.3}.t-bar{content:'';height:.25rem;width:1rem;background:var(--tui-base-09);pointer-events:none}:host-context(._ios:not(._dragged)) .t-bar{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-bar:first-child{border-radius:1rem 0 0 1rem;transform-origin:top right}.t-bar:last-child{border-radius:0 1rem 1rem 0;transform-origin:top left}"]
-        }),
-        __param(0, Inject(TuiSheetComponent)),
-        __param(1, Inject(TUI_SHEET_SCROLL)),
-        __param(2, Inject(NgZone))
-    ], TuiSheetBarComponent);
-    return TuiSheetBarComponent;
-}());
-
-var TUI_SHEET_DEFAULT_OPTIONS = {
-    image: '',
-    imageSlide: true,
-    stops: [],
-    initial: 0,
-    offset: 16,
-    closeable: true,
-    overlay: false,
-};
-var TUI_SHEET_OPTIONS = new InjectionToken('Default parameters for sheet component', {
-    factory: function () { return (__assign(__assign({}, TUI_SHEET_DEFAULT_OPTIONS), { offset: inject(TUI_SHEET_OFFSET) })); },
-});
-
-var TuiSheetService = /** @class */ (function () {
-    function TuiSheetService(options) {
-        this.options = options;
-        this.sheets$ = new BehaviorSubject([]);
-    }
-    TuiSheetService.prototype.open = function (content, options) {
-        var _this = this;
-        if (options === void 0) { options = {}; }
-        return new Observable(function ($implicit) {
-            var completeWith = function (result) {
-                $implicit.next(result);
-                $implicit.complete();
-            };
-            var sheet = __assign(__assign(__assign({}, _this.options), options), { content: content,
-                completeWith: completeWith,
-                $implicit: $implicit, scroll$: EMPTY });
-            _this.sheets$.next(__spread(_this.sheets$.value, [sheet]));
-            return function () {
-                _this.sheets$.next(_this.sheets$.value.filter(function (item) { return item !== sheet; }));
-            };
-        });
-    };
-    TuiSheetService.ctorParameters = function () { return [
-        { 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 = __decorate([
-        Injectable({
-            providedIn: 'root',
-        }),
-        __param(0, Inject(TUI_SHEET_OPTIONS))
-    ], TuiSheetService);
-    return TuiSheetService;
-}());
-
-// @dynamic
-var TuiSheetsHostComponent = /** @class */ (function () {
-    function TuiSheetsHostComponent(options, service, height$) {
-        this.options = options;
-        this.service = service;
-        this.height$ = height$;
-    }
-    TuiSheetsHostComponent.prototype.close = function (_a) {
-        var closeable = _a.closeable, $implicit = _a.$implicit;
-        if (closeable) {
-            $implicit.complete();
-        }
-    };
-    TuiSheetsHostComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_ANIMATION_OPTIONS,] }] },
-        { type: TuiSheetService, decorators: [{ type: Inject, args: [TuiSheetService,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_WINDOW_HEIGHT,] }] }
-    ]; };
-    TuiSheetsHostComponent = __decorate([
-        Component({
-            selector: 'tui-sheets-host',
-            template: "<ng-container *ngIf=\"service.sheets$ | async as items\">\n    <div\n        *ngFor=\"let item of items\"\n        class=\"t-wrapper\"\n        [@tuiSlideInTop]=\"options\"\n        [@tuiFadeIn]=\"options\"\n        [tuiSheetWrapper]=\"item.offset\"\n        [class.t-wrapper_overlay]=\"item.overlay\"\n        [class.t-wrapper_closeable]=\"item.closeable\"\n        (click.self)=\"close(item)\"\n    >\n        <tui-sheet\n            tuiScrollRef\n            tuiOverscroll=\"all\"\n            [style.height.px]=\"((height$ | async) || 0) - item.offset\"\n            [item]=\"item\"\n            (close)=\"close(item)\"\n        ></tui-sheet>\n    </div>\n    <div\n        class=\"t-overlay\"\n        (click)=\"close(items[0])\"\n    ></div>\n</ng-container>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            animations: [tuiSlideInTop, tuiFadeIn],
-            styles: [":host{position:-webkit-sticky;position:sticky;bottom:0;display:block;height:0}.t-overlay{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:fixed;top:0;left:0;width:100%;z-index:-1;height:100%;background:#000;opacity:.001;pointer-events:none}._overlay~.t-overlay,.t-wrapper_overlay~.t-overlay{opacity:.8;pointer-events:auto;touch-action:none}.t-wrapper{position:absolute;bottom:0;z-index:0;width:100%;height:100%;overflow:hidden}.t-wrapper._overlay,.t-wrapper._visible,.t-wrapper_overlay{overflow:visible}"]
-        }),
-        __param(0, Inject(TUI_ANIMATION_OPTIONS)),
-        __param(1, Inject(TuiSheetService)),
-        __param(2, Inject(TUI_WINDOW_HEIGHT))
-    ], TuiSheetsHostComponent);
-    return TuiSheetsHostComponent;
-}());
-
-// @dynamic
-var TuiSheetCloseDirective = /** @class */ (function () {
-    function TuiSheetCloseDirective(ngZone, dragged$, scroll$, windowRef, elementRef, sheet) {
-        var _this = this;
-        this.ngZone = ngZone;
-        this.dragged$ = dragged$;
-        this.scroll$ = scroll$;
-        this.windowRef = windowRef;
-        this.elementRef = elementRef;
-        this.sheet = sheet;
-        this.close = merge(typedFromEvent(this.elementRef.nativeElement, TUI_SHEET_CLOSE), this.dragged$.pipe(startWith(false), switchMap(function (dragged) {
-            return dragged
-                ? EMPTY
-                : _this.scroll$.pipe(startWith(_this.elementRef.nativeElement.scrollTop));
-        }), filter(function (y) { var _a; return ((_a = _this.sheet.item) === null || _a === void 0 ? void 0 : _a.closeable) && _this.shouldClose(y); }), distinctUntilChanged(), tuiZonefull(this.ngZone)));
-    }
-    TuiSheetCloseDirective.prototype.shouldClose = function (scrollTop) {
-        var height = Math.min(this.windowRef.innerHeight, this.elementRef.nativeElement.scrollHeight - this.windowRef.innerHeight);
-        var min = Math.min(height, this.sheet.stops[0] || Infinity);
-        return scrollTop < min / 2;
-    };
-    TuiSheetCloseDirective.ctorParameters = function () { return [
-        { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_SHEET_DRAGGED,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_SHEET_SCROLL,] }] },
-        { type: Window, decorators: [{ type: Inject, args: [WINDOW,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: TuiSheetComponent, decorators: [{ type: Inject, args: [TuiSheetComponent,] }] }
-    ]; };
-    __decorate([
-        Output()
-    ], TuiSheetCloseDirective.prototype, "close", void 0);
-    TuiSheetCloseDirective = __decorate([
-        Directive({
-            selector: 'tui-sheet[close]',
-        }),
-        __param(0, Inject(NgZone)),
-        __param(1, Inject(TUI_SHEET_DRAGGED)),
-        __param(2, Inject(TUI_SHEET_SCROLL)),
-        __param(3, Inject(WINDOW)),
-        __param(4, Inject(ElementRef)),
-        __param(5, Inject(TuiSheetComponent))
-    ], TuiSheetCloseDirective);
-    return TuiSheetCloseDirective;
-}());
-
-var TuiSheetStopDirective = /** @class */ (function () {
-    function TuiSheetStopDirective(elementRef, destroy$, dragged$, scroll$, _a) {
-        var nativeElement = _a.nativeElement;
-        scroll$
-            .pipe(map(function (y) { return Math.floor(y) > elementRef.nativeElement.offsetTop; }), distinctUntilChanged(), withLatestFrom(dragged$), map(function (_a) {
-            var _b = __read(_a, 2), above = _b[0], dragged = _b[1];
-            return !above && !dragged;
-        }), filter(Boolean), throttleTime(100), takeUntil(destroy$))
-            .subscribe(function () {
-            nativeElement.style.overflow = 'hidden';
-            nativeElement.classList.remove('_stuck'); // iOS
-            nativeElement.scrollTop = elementRef.nativeElement.offsetTop;
-            setTimeout(function () {
-                nativeElement.style.overflow = '';
-            }, 100);
-        });
-    }
-    TuiSheetStopDirective.ctorParameters = function () { return [
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_SHEET_DRAGGED,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_SHEET_SCROLL,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [TUI_SCROLL_REF,] }] }
-    ]; };
-    TuiSheetStopDirective = __decorate([
-        Directive({
-            selector: '[tuiSheetStop]',
-            providers: [TuiDestroyService],
-        }),
-        __param(0, Inject(ElementRef)),
-        __param(1, Inject(TuiDestroyService)),
-        __param(2, Inject(TUI_SHEET_DRAGGED)),
-        __param(3, Inject(TUI_SHEET_SCROLL)),
-        __param(4, Inject(TUI_SCROLL_REF))
-    ], TuiSheetStopDirective);
-    return TuiSheetStopDirective;
-}());
-
-// So that borders get rounded when image is visible for at least 10px
-var OFFSET = 10;
-// @dynamic
-var TuiSheetTopDirective = /** @class */ (function () {
-    function TuiSheetTopDirective(scroll$, component, windowRef) {
-        var _this = this;
-        this.scroll$ = scroll$;
-        this.component = component;
-        this.windowRef = windowRef;
-        this.stop = 0;
-        this.transform$ = this.scroll$.pipe(map(function (y) { return "translateY(" + _this.getY(y) + "%) scaleX(-1)"; }));
-        this.rounded$ = this.scroll$.pipe(map(function (y) { return y < _this.stop + OFFSET; }));
-        this.clickthrough$ = this.scroll$.pipe(map(function (y) { return !!Math.round(_this.getY(y)); }));
-    }
-    TuiSheetTopDirective.prototype.getY = function (scrollTop) {
-        var value = scrollTop - this.stop;
-        var total = this.windowRef.innerHeight - this.component.item.offset - this.stop;
-        return this.stop && clamp(100 - (value / total) * 100, 0, 100);
-    };
-    TuiSheetTopDirective.ctorParameters = function () { return [
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_SHEET_SCROLL,] }] },
-        { type: TuiSheetComponent, decorators: [{ type: Inject, args: [forwardRef(function () { return TuiSheetComponent; }),] }] },
-        { type: Window, decorators: [{ type: Inject, args: [WINDOW,] }] }
-    ]; };
-    __decorate([
-        Input('tuiSheetTop'),
-        tuiDefaultProp()
-    ], TuiSheetTopDirective.prototype, "stop", void 0);
-    TuiSheetTopDirective = __decorate([
-        Directive({
-            selector: '[tuiSheetTop]',
-            host: {
-                '[$.style.transform]': 'transform$',
-                '($.style.transform)': 'transform$',
-                '[$.class._rounded]': 'rounded$',
-                '($.class._rounded)': 'rounded$',
-                '[$.class._clickthrough]': 'clickthrough$',
-                '($.class._clickthrough)': 'clickthrough$',
-            },
-        }),
-        __param(0, Inject(TUI_SHEET_SCROLL)),
-        __param(1, Inject(forwardRef(function () { return TuiSheetComponent; }))),
-        __param(2, Inject(WINDOW))
-    ], TuiSheetTopDirective);
-    return TuiSheetTopDirective;
-}());
-
-// Safety offset for shadow
-var OFFSET$1 = 16;
-// @dynamic
-var TuiSheetWrapperDirective = /** @class */ (function () {
-    function TuiSheetWrapperDirective(windowRef) {
-        this.windowRef = windowRef;
-        this.tuiSheetWrapper = 16;
-        // Trying to get overflow: visible as early as possible for Safari
-        this.touched = false;
-    }
-    Object.defineProperty(TuiSheetWrapperDirective.prototype, "overlay$", {
-        get: function () {
-            var _this = this;
-            return this.scroll$.pipe(map(function (y) { return y + 16 > _this.windowRef.innerHeight - _this.tuiSheetWrapper; }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiSheetWrapperDirective.prototype, "visible$", {
-        get: function () {
-            return processDragged(this.dragged$, this.scroll$);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiSheetWrapperDirective.prototype, "height$", {
-        get: function () {
-            return this.scroll$.pipe(map(this.getHeight.bind(this)));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiSheetWrapperDirective.prototype.getHeight = function (value) {
-        var _a;
-        return ((_a = this.sheet) === null || _a === void 0 ? void 0 : _a.context.overlay) ? null
-            : clamp(this.withImage(value) + OFFSET$1, OFFSET$1, this.windowRef.innerHeight);
-    };
-    TuiSheetWrapperDirective.prototype.withImage = function (value) {
-        var _a;
-        return !((_a = this.sheet) === null || _a === void 0 ? void 0 : _a.imageStop) || Math.floor(value) > this.sheet.imageStop
-            ? value
-            : value - this.sheet.imageHeight;
-    };
-    TuiSheetWrapperDirective.ctorParameters = function () { return [
-        { type: Window, decorators: [{ type: Inject, args: [WINDOW,] }] }
-    ]; };
-    __decorate([
-        ContentChild(TuiSheetComponent)
-    ], TuiSheetWrapperDirective.prototype, "sheet", void 0);
-    __decorate([
-        ContentChild(TuiSheetComponent, { read: TUI_SHEET_DRAGGED })
-    ], TuiSheetWrapperDirective.prototype, "dragged$", void 0);
-    __decorate([
-        ContentChild(TuiSheetComponent, { read: TUI_SHEET_SCROLL })
-    ], TuiSheetWrapperDirective.prototype, "scroll$", void 0);
-    __decorate([
-        Input()
-    ], TuiSheetWrapperDirective.prototype, "tuiSheetWrapper", void 0);
-    __decorate([
-        tuiPure
-    ], TuiSheetWrapperDirective.prototype, "overlay$", null);
-    __decorate([
-        tuiPure
-    ], TuiSheetWrapperDirective.prototype, "visible$", null);
-    __decorate([
-        tuiPure
-    ], TuiSheetWrapperDirective.prototype, "height$", null);
-    TuiSheetWrapperDirective = __decorate([
-        Directive({
-            selector: '[tuiSheetWrapper]',
-            host: {
-                '[$.class._overlay]': 'overlay$',
-                '($.class._overlay)': 'overlay$',
-                '[$.class._visible]': 'visible$',
-                '($.class._visible)': 'visible$',
-                '[$.style.height.px]': 'height$',
-                '($.style.height.px)': 'height$',
-            },
-        }),
-        __param(0, Inject(WINDOW))
-    ], TuiSheetWrapperDirective);
-    return TuiSheetWrapperDirective;
-}());
-
-var TuiSheetDirective = /** @class */ (function (_super) {
-    __extends(TuiSheetDirective, _super);
-    function TuiSheetDirective(changeDetectorRef, templateRef, service) {
-        var _this = _super.call(this, templateRef, changeDetectorRef) || this;
-        _this.service = service;
-        _this.open$ = new Subject();
-        _this.options = {};
-        _this.tuiSheetChange = _this.open$.pipe(switchMap(function (open) {
-            return open
-                ? _this.service
-                    .open(_this, _this.options)
-                    .pipe(ignoreElements(), endWith(false))
-                : EMPTY;
-        }));
-        return _this;
-    }
-    Object.defineProperty(TuiSheetDirective.prototype, "tuiSheet", {
-        set: function (open) {
-            this.open$.next(open);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiSheetDirective.ctorParameters = function () { return [
-        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-        { type: TemplateRef, decorators: [{ type: Inject, args: [TemplateRef,] }] },
-        { type: TuiSheetService, decorators: [{ type: Inject, args: [TuiSheetService,] }] }
-    ]; };
-    __decorate([
-        Input('tuiSheetOptions'),
-        tuiDefaultProp()
-    ], TuiSheetDirective.prototype, "options", void 0);
-    __decorate([
-        Input(),
-        tuiRequiredSetter()
-    ], TuiSheetDirective.prototype, "tuiSheet", null);
-    __decorate([
-        Output()
-    ], TuiSheetDirective.prototype, "tuiSheetChange", void 0);
-    TuiSheetDirective = __decorate([
-        Directive({
-            selector: 'ng-template[tuiSheet]',
-        }),
-        __param(0, Inject(ChangeDetectorRef)),
-        __param(1, Inject(TemplateRef)),
-        __param(2, Inject(TuiSheetService))
-    ], TuiSheetDirective);
-    return TuiSheetDirective;
-}(PolymorpheusTemplate));
-
-var TuiSheetModule = /** @class */ (function () {
-    function TuiSheetModule() {
-    }
-    TuiSheetModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                PolymorpheusModule,
-                TuiLetModule,
-                TuiButtonModule,
-                TuiOverscrollModule,
-                TuiScrollbarModule,
-            ],
-            declarations: [
-                TuiSheetsHostComponent,
-                TuiSheetComponent,
-                TuiSheetBarComponent,
-                TuiSheetHeadingComponent,
-                TuiSheetTopDirective,
-                TuiSheetDirective,
-                TuiSheetWrapperDirective,
-                TuiSheetCloseDirective,
-                TuiSheetStopDirective,
-            ],
-            exports: [
-                TuiSheetsHostComponent,
-                TuiSheetComponent,
-                TuiSheetHeadingComponent,
-                TuiSheetDirective,
-            ],
-            schemas: [NO_ERRORS_SCHEMA],
-        })
-    ], TuiSheetModule);
-    return TuiSheetModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TUI_SHEET_CLOSE, TUI_SHEET_DEFAULT_OPTIONS, TUI_SHEET_DRAGGED, TUI_SHEET_ID, TUI_SHEET_OFFSET, TUI_SHEET_OPTIONS, TUI_SHEET_PROVIDERS, TUI_SHEET_SCROLL, TuiSheetBarComponent, TuiSheetCloseDirective, TuiSheetComponent, TuiSheetDirective, TuiSheetHeadingComponent, TuiSheetModule, TuiSheetService, TuiSheetStopDirective, TuiSheetTopDirective, TuiSheetWrapperDirective, TuiSheetsHostComponent, fakeSmoothScroll, iosScrollFactory, processDragged, sheetDraggedFactory, sheetScrollFactory };
-//# sourceMappingURL=taiga-ui-addon-mobile-components-sheet.js.map