@taiga-ui/addon-mobile 3.66.0 → 3.67.0

package/bundles/taiga-ui-addon-mobile-components-sheet.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@taiga-ui/kit'), require('rxjs/operators'), require('rxjs'), require('@angular/common'), require('@ng-web-apis/common'), require('@tinkoff/ng-polymorpheus')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/addon-mobile/components/sheet', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', '@taiga-ui/kit', 'rxjs/operators', 'rxjs', '@angular/common', '@ng-web-apis/common', '@tinkoff/ng-polymorpheus'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"]["addon-mobile"] = global["taiga-ui"]["addon-mobile"] || {}, global["taiga-ui"]["addon-mobile"].components = global["taiga-ui"]["addon-mobile"].components || {}, global["taiga-ui"]["addon-mobile"].components.sheet = {}), global.ng.core, global.i3, global.i1$1, global.kit, global.rxjs.operators, global.rxjs, global.ng.common, global.common, global.i5));
-})(this, (function (exports, i0, i3, i1$1, kit, operators, i1, i2, common, i5) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@taiga-ui/kit'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@ng-web-apis/common'), require('@tinkoff/ng-polymorpheus')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/addon-mobile/components/sheet', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', '@taiga-ui/kit', 'rxjs', 'rxjs/operators', '@angular/common', '@ng-web-apis/common', '@tinkoff/ng-polymorpheus'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"]["addon-mobile"] = global["taiga-ui"]["addon-mobile"] || {}, global["taiga-ui"]["addon-mobile"].components = global["taiga-ui"]["addon-mobile"].components || {}, global["taiga-ui"]["addon-mobile"].components.sheet = {}), global.ng.core, global.i3, global.i1, global.kit, global.rxjs, global.rxjs.operators, global.ng.common, global.common, global.i5));
+})(this, (function (exports, i0, i3, i1, kit, i1$1, operators, i2, common, i5) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -24,8 +24,8 @@
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
 
@@ -347,37 +347,6 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    function iosScrollFactory(element, doc, zone) {
-        var load$ = i3.tuiTypedFromEvent(element, 'load', { capture: true });
-        var touchstart$ = i3.tuiTypedFromEvent(element, 'touchstart', { passive: true });
-        var touchmove$ = i3.tuiTypedFromEvent(doc, 'touchmove', { passive: true });
-        var touchend$ = i3.tuiTypedFromEvent(doc, 'touchend');
-        var scroll$ = i3.tuiTypedFromEvent(element, 'scroll').pipe(operators.map(function () { return element.scrollTop; }));
-        var result$ = i1.merge(load$.pipe(operators.delay(0), operators.map(function () { return element.scrollTop; })), touchstart$.pipe(operators.switchMap(function (_a) {
-            var touches = _a.touches;
-            var screenY = touches[0].screenY;
-            var scrollTop = element.scrollTop;
-            return i1.concat(
-            // Sometimes touch is triggered without scroll in iOS, filter that
-            i1.zip(touchmove$, scroll$).pipe(operators.map(function (_a) {
-                var _b = __read(_a, 1), touches = _b[0].touches;
-                return scrollTop + screenY - touches[0].screenY;
-            }), operators.takeUntil(touchend$)), scroll$);
-        })));
-        return i1.concat(scroll$.pipe(operators.take(1)), result$).pipe(i3.tuiZonefree(zone), operators.share());
-    }
-    // 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 = '';
-        });
-    }
-
     /**
      * Sheet main component
      */
@@ -409,7 +378,7 @@
         };
         return TuiSheetHeadingComponent;
     }());
-    TuiSheetHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetHeadingComponent, deps: [{ token: i3.TuiIdService }, { token: i0.ElementRef }, { token: i1$1.TUI_CLOSE_WORD }, { token: i1$1.TUI_COMMON_ICONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiSheetHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetHeadingComponent, deps: [{ token: i3.TuiIdService }, { token: i0.ElementRef }, { token: i1.TUI_CLOSE_WORD }, { token: i1.TUI_COMMON_ICONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
     TuiSheetHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetHeadingComponent, selector: "[tuiSheetHeading]", ngImport: i0__namespace, template: "<button\n    appearance=\"icon\"\n    size=\"xs\"\n    tuiIconButton\n    type=\"button\"\n    class=\"t-close\"\n    [icon]=\"icons.close\"\n    [title]=\"closeWord$ | async\"\n    (click)=\"onClick()\"\n></button>\n<span [id]=\"id\">\n    <ng-content></ng-content>\n</span>\n", 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-elevation-01);border-radius:.75rem .75rem 0 0;font:var(--tui-font-heading-6);box-shadow:inset 0 1px #ffffff40}: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}\n"], components: [{ type: i1__namespace.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }], pipes: { "async": i2__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetHeadingComponent, decorators: [{
                 type: i0.Component,
@@ -428,20 +397,41 @@
                             args: [i0.ElementRef]
                         }] }, { type: i1__namespace$1.Observable, decorators: [{
                             type: i0.Inject,
-                            args: [i1$1.TUI_CLOSE_WORD]
+                            args: [i1.TUI_CLOSE_WORD]
                         }] }, { type: undefined, decorators: [{
                             type: i0.Inject,
-                            args: [i1$1.TUI_COMMON_ICONS]
+                            args: [i1.TUI_COMMON_ICONS]
                         }] }];
         } });
 
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    function iosScrollFactory(element, doc, zone) {
+        var load$ = i3.tuiTypedFromEvent(element, 'load', { capture: true });
+        var touchstart$ = i3.tuiTypedFromEvent(element, 'touchstart', { passive: true });
+        var touchmove$ = i3.tuiTypedFromEvent(doc, 'touchmove', { passive: true });
+        var touchend$ = i3.tuiTypedFromEvent(doc, 'touchend');
+        var scroll$ = i3.tuiTypedFromEvent(element, 'scroll').pipe(operators.map(function () { return element.scrollTop; }));
+        var result$ = i1$1.merge(load$.pipe(operators.delay(0), operators.map(function () { return element.scrollTop; })), touchstart$.pipe(operators.switchMap(function (_a) {
+            var touches = _a.touches;
+            var screenY = touches[0].screenY;
+            var scrollTop = element.scrollTop;
+            return i1$1.concat(
+            // Sometimes touch is triggered without scroll in iOS, filter that
+            i1$1.zip(touchmove$, scroll$).pipe(operators.map(function (_a) {
+                var _b = __read(_a, 1), touches = _b[0].touches;
+                return scrollTop + screenY - touches[0].screenY;
+            }), operators.takeUntil(touchend$)), scroll$);
+        })));
+        return i1$1.concat(scroll$.pipe(operators.take(1)), result$).pipe(i3.tuiZonefree(zone), operators.share());
+    }
+
     var TUI_SHEET_PROVIDERS = [
         {
             provide: TUI_SHEET_DRAGGED,
             deps: [i0.ElementRef],
             useFactory: function (_a) {
                 var nativeElement = _a.nativeElement;
-                return i1.merge(i3.tuiTypedFromEvent(nativeElement, 'touchstart', { passive: true }).pipe(operators.map(i3.ALWAYS_TRUE_HANDLER)), i3.tuiTypedFromEvent(nativeElement, 'touchend').pipe(operators.map(i3.ALWAYS_FALSE_HANDLER)));
+                return i1$1.merge(i3.tuiTypedFromEvent(nativeElement, 'touchstart', { passive: true }).pipe(operators.map(i3.ALWAYS_TRUE_HANDLER)), i3.tuiTypedFromEvent(nativeElement, 'touchend').pipe(operators.map(i3.ALWAYS_FALSE_HANDLER)));
             },
         },
         {
@@ -451,7 +441,7 @@
                 var nativeElement = _a.nativeElement;
                 return isIos
                     ? iosScrollFactory(nativeElement, doc, zone)
-                    : i1.merge(i3.tuiTypedFromEvent(nativeElement, 'scroll'), i3.tuiTypedFromEvent(nativeElement, 'load', { capture: true })).pipe(operators.map(function () { return nativeElement.scrollTop; }), i3.tuiZonefree(zone), operators.share());
+                    : i1$1.merge(i3.tuiTypedFromEvent(nativeElement, 'scroll'), i3.tuiTypedFromEvent(nativeElement, 'load', { capture: true })).pipe(operators.map(function () { return nativeElement.scrollTop; }), i3.tuiZonefree(zone), operators.share());
             },
         },
         {
@@ -470,7 +460,7 @@
             this.sheet = sheet;
             this.scroll$ = scroll$;
             this.zone = zone;
-            this.rotate$ = this.scroll$.pipe(i1$1.tuiZonefulMap(function (y) { return i3.tuiClamp(10 - (y - _this.stop) / 5, 0, 10); }, this.zone));
+            this.rotate$ = this.scroll$.pipe(i1.tuiZonefulMap(function (y) { return i3.tuiClamp(10 - (y - _this.stop) / 5, 0, 10); }, this.zone));
         }
         Object.defineProperty(TuiSheetBarComponent.prototype, "stop", {
             get: function () {
@@ -567,9 +557,12 @@
                 nativeElement.style.overflow = 'hidden';
                 nativeElement.classList.remove('_stuck'); // iOS
                 nativeElement.scrollTop = el.nativeElement.offsetTop;
-                setTimeout(function () {
+                i1$1.timer(100)
+                    .pipe(operators.takeUntil(destroy$))
+                    // eslint-disable-next-line rxjs/no-nested-subscribe
+                    .subscribe(function () {
                     nativeElement.style.overflow = '';
-                }, 100);
+                });
             });
         }
         return TuiSheetStopDirective;
@@ -604,13 +597,14 @@
         } });
 
     var TuiSheetComponent = /** @class */ (function () {
-        function TuiSheetComponent(scroll$, el, zone, isIos, moreWord$) {
+        function TuiSheetComponent(scroll$, el, zone, isIos, moreWord$, destroy$) {
             var _this = this;
             this.scroll$ = scroll$;
             this.el = el;
             this.zone = zone;
             this.isIos = isIos;
             this.moreWord$ = moreWord$;
+            this.destroy$ = destroy$;
             this.stopsRefs = i3.EMPTY_QUERY;
             this.id = '';
             this.stuck$ = this.scroll$.pipe(operators.map(function (y) { return Math.floor(y) > _this.contentTop; }));
@@ -653,7 +647,15 @@
             if (top === void 0) { top = this.sheetTop; }
             var nativeElement = this.el.nativeElement;
             if (this.isIos) {
-                fakeSmoothScroll(nativeElement, top - nativeElement.scrollTop - 16);
+                var offset = top - nativeElement.scrollTop - 16;
+                nativeElement.style.transition = 'none';
+                nativeElement.style.transform = "scaleX(-1) translate3d(0, " + offset + "px, 0)";
+                i1$1.timer(0)
+                    .pipe(operators.takeUntil(this.destroy$))
+                    .subscribe(function () {
+                    nativeElement.style.transition = '';
+                    nativeElement.style.transform = '';
+                });
             }
             nativeElement.scrollTo({ top: top, behavior: 'smooth' });
         };
@@ -686,8 +688,8 @@
         };
         return TuiSheetComponent;
     }());
-    TuiSheetComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetComponent, deps: [{ token: TUI_SHEET_SCROLL }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.TUI_IS_IOS }, { token: kit.TUI_MORE_WORD }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiSheetComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetComponent, selector: "tui-sheet", inputs: { item: "item" }, host: { attributes: { "role": "dialog" }, listeners: { "$.class._stuck": "stuck$", "tui-sheet-id": "onId($event.detail)" }, properties: { "attr.aria-labelledby": "id", "class._ios": "isIos", "$.class._stuck": "stuck$" } }, providers: TUI_SHEET_PROVIDERS, viewQueries: [{ propertyName: "sheet", first: true, predicate: ["sheet"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "stopsRefs", predicate: ["stops"], descendants: true }], ngImport: i0__namespace, 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        class=\"t-top\"\n        [tuiSheetTop]=\"imageStop\"\n    >\n        <img\n            *polymorpheusOutlet=\"item.image as src; context: context\"\n            alt=\"\"\n            class=\"t-image\"\n            [src]=\"src\"\n        />\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                type=\"button\"\n                class=\"t-button\"\n                [title]=\"moreWord$ | async\"\n                (click)=\"scrollTo(stops[1])\"\n            ></button>\n        </tui-sheet-bar>\n        <div class=\"t-content\">\n            <h2\n                *polymorpheusOutlet=\"item.content as text; context: context\"\n                tuiSheetHeading\n                class=\"t-heading\"\n            >\n                {{ text }}\n            </h2>\n        </div>\n    </section>\n</div>\n", styles: [":host{scrollbar-width:none;-ms-overflow-style:none;position:absolute;top:0;left:0;bottom:0;right:0;transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;top:auto;border-radius:.75rem .75rem 0 0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;box-shadow:0 50vh var(--tui-elevation-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{display:none}:host._stuck{scroll-snap-type:none}@supports (-moz-appearance: none){:host{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;scroll-snap-stop:always;scroll-snap-align:start}.t-wrapper_shadow{box-shadow:var(--tui-shadow)}.t-top{position:-webkit-sticky;position:sticky;top:0;border-radius:.8rem .8rem 0 0;box-shadow:var(--tui-shadow);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, .3s);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)}.t-top:not(._rounded)~.t-sheet .t-bar{border-radius:0}.t-bar{transition-property:border-radius;transition-duration:var(--tui-duration, .3s);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 #ffffff40}.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)}\n"], components: [{ type: TuiSheetBarComponent, selector: "tui-sheet-bar" }, { type: TuiSheetHeadingComponent, selector: "[tuiSheetHeading]" }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TuiSheetTopDirective, selector: "[tuiSheetTop]", inputs: ["tuiSheetTop"] }, { type: i5__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: TuiSheetStopDirective, selector: "[tuiSheetStop]" }], pipes: { "async": i2__namespace.AsyncPipe }, animations: [i1$1.tuiSlideInTop], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TuiSheetComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetComponent, deps: [{ token: TUI_SHEET_SCROLL }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.TUI_IS_IOS }, { token: kit.TUI_MORE_WORD }, { token: i3.TuiDestroyService, self: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiSheetComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetComponent, selector: "tui-sheet", inputs: { item: "item" }, host: { attributes: { "role": "dialog" }, listeners: { "$.class._stuck": "stuck$", "tui-sheet-id": "onId($event.detail)" }, properties: { "attr.aria-labelledby": "id", "class._ios": "isIos", "$.class._stuck": "stuck$" } }, providers: TUI_SHEET_PROVIDERS, viewQueries: [{ propertyName: "sheet", first: true, predicate: ["sheet"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "stopsRefs", predicate: ["stops"], descendants: true }], ngImport: i0__namespace, 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        class=\"t-top\"\n        [tuiSheetTop]=\"imageStop\"\n    >\n        <img\n            *polymorpheusOutlet=\"item.image as src; context: context\"\n            alt=\"\"\n            class=\"t-image\"\n            [src]=\"src\"\n        />\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                type=\"button\"\n                class=\"t-button\"\n                [title]=\"moreWord$ | async\"\n                (click)=\"scrollTo(stops[1])\"\n            ></button>\n        </tui-sheet-bar>\n        <div class=\"t-content\">\n            <h2\n                *polymorpheusOutlet=\"item.content as text; context: context\"\n                tuiSheetHeading\n                class=\"t-heading\"\n            >\n                {{ text }}\n            </h2>\n        </div>\n    </section>\n</div>\n", styles: [":host{scrollbar-width:none;-ms-overflow-style:none;position:absolute;top:0;left:0;bottom:0;right:0;transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;top:auto;border-radius:.75rem .75rem 0 0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;box-shadow:0 50vh var(--tui-elevation-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{display:none}:host._stuck{scroll-snap-type:none}@supports (-moz-appearance: none){:host{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;scroll-snap-stop:always;scroll-snap-align:start}.t-wrapper_shadow{box-shadow:var(--tui-shadow)}.t-top{position:-webkit-sticky;position:sticky;top:0;border-radius:.8rem .8rem 0 0;box-shadow:var(--tui-shadow);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, .3s);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)}.t-top:not(._rounded)~.t-sheet .t-bar{border-radius:0}.t-bar{transition-property:border-radius;transition-duration:var(--tui-duration, .3s);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 #ffffff40}.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)}\n"], components: [{ type: TuiSheetBarComponent, selector: "tui-sheet-bar" }, { type: TuiSheetHeadingComponent, selector: "[tuiSheetHeading]" }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TuiSheetTopDirective, selector: "[tuiSheetTop]", inputs: ["tuiSheetTop"] }, { type: i5__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: TuiSheetStopDirective, selector: "[tuiSheetStop]" }], pipes: { "async": i2__namespace.AsyncPipe }, animations: [i1.tuiSlideInTop], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     __decorate([
         i3.tuiPure
     ], TuiSheetComponent.prototype, "context", null);
@@ -710,7 +712,7 @@
                             '[$.class._stuck]': 'stuck$',
                             '($.class._stuck)': 'stuck$',
                         },
-                        animations: [i1$1.tuiSlideInTop],
+                        animations: [i1.tuiSlideInTop],
                     }]
             }], ctorParameters: function () {
             return [{ type: i1__namespace$1.Observable, decorators: [{
@@ -728,6 +730,11 @@
                         }] }, { type: i1__namespace$1.Observable, decorators: [{
                             type: i0.Inject,
                             args: [kit.TUI_MORE_WORD]
+                        }] }, { type: i1__namespace$1.Observable, decorators: [{
+                            type: i0.Self
+                        }, {
+                            type: i0.Inject,
+                            args: [i3.TuiDestroyService]
                         }] }];
         }, propDecorators: { sheet: [{
                     type: i0.ViewChild,
@@ -771,17 +778,17 @@
         function TuiSheetService(doc, options) {
             this.doc = doc;
             this.options = options;
-            this.sheets$ = new i1.BehaviorSubject([]);
+            this.sheets$ = new i1$1.BehaviorSubject([]);
         }
         TuiSheetService.prototype.open = function (content, options) {
             var _this = this;
             if (options === void 0) { options = {}; }
-            return new i1.Observable(function ($implicit) {
+            return new i1$1.Observable(function ($implicit) {
                 var completeWith = function (result) {
                     $implicit.next(result);
                     $implicit.complete();
                 };
-                var sheet = Object.assign(Object.assign(Object.assign({}, _this.options), options), { content: content, completeWith: completeWith, $implicit: $implicit, scroll$: i1.EMPTY });
+                var sheet = Object.assign(Object.assign(Object.assign({}, _this.options), options), { content: content, completeWith: completeWith, $implicit: $implicit, scroll$: i1$1.EMPTY });
                 var focused = i3.tuiGetNativeFocused(_this.doc);
                 if (i3.tuiIsHTMLElement(focused) && sheet.overlay) {
                     focused.blur();
@@ -816,7 +823,7 @@
     function processDragged(dragged$, scroll$) {
         var touchstart$ = dragged$.pipe(operators.filter(Boolean));
         var touchend$ = dragged$.pipe(operators.filter(i3.tuiIsFalsy));
-        var race$ = i1.race(scroll$, i1.timer(100)).pipe(operators.debounceTime(200), operators.take(1), operators.map(i3.ALWAYS_FALSE_HANDLER));
+        var race$ = i1$1.race(scroll$, i1$1.timer(100)).pipe(operators.debounceTime(200), operators.take(1), operators.map(i3.ALWAYS_FALSE_HANDLER));
         return touchstart$.pipe(operators.switchMap(function () { return touchend$.pipe(operators.switchMap(function () { return race$; }), operators.startWith(true)); }), operators.startWith(false));
     }
     var TuiSheetWrapperDirective = /** @class */ (function () {
@@ -908,7 +915,7 @@
             this.win = win;
             this.el = el;
             this.sheet = sheet;
-            this.close = i1.merge(i3.tuiTypedFromEvent(this.el.nativeElement, TUI_SHEET_CLOSE), this.dragged$.pipe(i3.tuiIfMap(function () { return _this.scroll$.pipe(operators.startWith(_this.el.nativeElement.scrollTop)); }, i3.tuiIsFalsy), operators.filter(function (y) { var _a; return ((_a = _this.sheet.item) === null || _a === void 0 ? void 0 : _a.closeable) && _this.shouldClose(y); }), operators.distinctUntilChanged(), i3.tuiZonefull(this.zone)));
+            this.close = i1$1.merge(i3.tuiTypedFromEvent(this.el.nativeElement, TUI_SHEET_CLOSE), this.dragged$.pipe(i3.tuiIfMap(function () { return _this.scroll$.pipe(operators.startWith(_this.el.nativeElement.scrollTop)); }, i3.tuiIsFalsy), operators.filter(function (y) { var _a; return ((_a = _this.sheet.item) === null || _a === void 0 ? void 0 : _a.closeable) && _this.shouldClose(y); }), operators.distinctUntilChanged(), i3.tuiZonefull(this.zone)));
         }
         TuiSheetCloseDirective.prototype.shouldClose = function (scrollTop) {
             var height = Math.min(this.win.innerHeight, this.el.nativeElement.scrollHeight - this.win.innerHeight);
@@ -974,8 +981,8 @@
         };
         return TuiSheetsHostComponent;
     }());
-    TuiSheetsHostComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetsHostComponent, deps: [{ token: i1$1.TUI_ANIMATION_OPTIONS }, { token: TuiSheetService }, { token: i3.TUI_WINDOW_HEIGHT }, { token: i3.TuiDestroyService, self: true }, { token: i0.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiSheetsHostComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetsHostComponent, selector: "tui-sheets-host", providers: [i3.TuiDestroyService], ngImport: i0__namespace, template: "<div\n    *ngFor=\"let item of sheets\"\n    #wrapper=\"tuiSheetWrapper\"\n    class=\"t-wrapper\"\n    [@tuiFadeIn]=\"options\"\n    [@tuiSlideInTop]=\"options\"\n    [class.t-wrapper_closeable]=\"item.closeable\"\n    [class.t-wrapper_overlay]=\"item.overlay || (wrapper.overlay$ | async)\"\n    [class.t-wrapper_visible]=\"wrapper.visible$ | async\"\n    [style.height.px]=\"wrapper.height$ | async\"\n    [tuiSheetWrapper]=\"item.offset\"\n    (click.self)=\"close(item)\"\n>\n    <tui-sheet\n        tuiOverscroll=\"all\"\n        tuiScrollRef\n        [item]=\"item\"\n        [style.height.px]=\"((height$ | async) || 0) - item.offset\"\n        (close)=\"close(item)\"\n    ></tui-sheet>\n</div>\n<div\n    class=\"t-overlay\"\n    (click)=\"close(sheets[0])\"\n></div>\n", styles: [":host{position:-webkit-sticky;position:sticky;bottom:0;display:block;height:0}.t-overlay{transition-property:opacity;transition-duration:var(--tui-duration, .3s);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}.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:100vh;overflow:hidden}.t-wrapper_visible{overflow:visible}\n"], components: [{ type: TuiSheetComponent, selector: "tui-sheet", inputs: ["item"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: TuiSheetWrapperDirective, selector: "[tuiSheetWrapper]", inputs: ["tuiSheetWrapper"], exportAs: ["tuiSheetWrapper"] }, { type: TuiSheetCloseDirective, selector: "tui-sheet[close]", outputs: ["close"] }, { type: i3__namespace.TuiOverscrollDirective, selector: "[tuiOverscroll]", inputs: ["tuiOverscroll"] }, { type: i1__namespace.TuiScrollRefDirective, selector: "[tuiScrollRef]" }], pipes: { "async": i2__namespace.AsyncPipe }, animations: [i1$1.tuiSlideInTop, i1$1.tuiFadeIn], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TuiSheetsHostComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetsHostComponent, deps: [{ token: i1.TUI_ANIMATION_OPTIONS }, { token: TuiSheetService }, { token: i3.TUI_WINDOW_HEIGHT }, { token: i3.TuiDestroyService, self: true }, { token: i0.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiSheetsHostComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetsHostComponent, selector: "tui-sheets-host", providers: [i3.TuiDestroyService], ngImport: i0__namespace, template: "<div\n    *ngFor=\"let item of sheets\"\n    #wrapper=\"tuiSheetWrapper\"\n    class=\"t-wrapper\"\n    [@tuiFadeIn]=\"options\"\n    [@tuiSlideInTop]=\"options\"\n    [class.t-wrapper_closeable]=\"item.closeable\"\n    [class.t-wrapper_overlay]=\"item.overlay || (wrapper.overlay$ | async)\"\n    [class.t-wrapper_visible]=\"wrapper.visible$ | async\"\n    [style.height.px]=\"wrapper.height$ | async\"\n    [tuiSheetWrapper]=\"item.offset\"\n    (click.self)=\"close(item)\"\n>\n    <tui-sheet\n        tuiOverscroll=\"all\"\n        tuiScrollRef\n        [item]=\"item\"\n        [style.height.px]=\"((height$ | async) || 0) - item.offset\"\n        (close)=\"close(item)\"\n    ></tui-sheet>\n</div>\n<div\n    class=\"t-overlay\"\n    (click)=\"close(sheets[0])\"\n></div>\n", styles: [":host{position:-webkit-sticky;position:sticky;bottom:0;display:block;height:0}.t-overlay{transition-property:opacity;transition-duration:var(--tui-duration, .3s);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}.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:100vh;overflow:hidden}.t-wrapper_visible{overflow:visible}\n"], components: [{ type: TuiSheetComponent, selector: "tui-sheet", inputs: ["item"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: TuiSheetWrapperDirective, selector: "[tuiSheetWrapper]", inputs: ["tuiSheetWrapper"], exportAs: ["tuiSheetWrapper"] }, { type: TuiSheetCloseDirective, selector: "tui-sheet[close]", outputs: ["close"] }, { type: i3__namespace.TuiOverscrollDirective, selector: "[tuiOverscroll]", inputs: ["tuiOverscroll"] }, { type: i1__namespace.TuiScrollRefDirective, selector: "[tuiScrollRef]" }], pipes: { "async": i2__namespace.AsyncPipe }, animations: [i1.tuiSlideInTop, i1.tuiFadeIn], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetsHostComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -984,12 +991,12 @@
                         styleUrls: ['./sheets-host.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         providers: [i3.TuiDestroyService],
-                        animations: [i1$1.tuiSlideInTop, i1$1.tuiFadeIn],
+                        animations: [i1.tuiSlideInTop, i1.tuiFadeIn],
                     }]
             }], ctorParameters: function () {
             return [{ type: undefined, decorators: [{
                             type: i0.Inject,
-                            args: [i1$1.TUI_ANIMATION_OPTIONS]
+                            args: [i1.TUI_ANIMATION_OPTIONS]
                         }] }, { type: TuiSheetService, decorators: [{
                             type: i0.Inject,
                             args: [TuiSheetService]
@@ -1016,7 +1023,7 @@
         function TuiSheetDirective(cdr, templateRef, service) {
             var _this = _super.call(this, templateRef, cdr) || this;
             _this.service = service;
-            _this.open$ = new i1.Subject();
+            _this.open$ = new i1$1.Subject();
             _this.options = {};
             _this.tuiSheetChange = _this.open$.pipe(i3.tuiIfMap(function () { return _this.service.open(_this, _this.options).pipe(operators.ignoreElements(), operators.endWith(false)); }), operators.share());
             return _this;
@@ -1078,9 +1085,9 @@
             TuiSheetStopDirective], imports: [i2.CommonModule,
             i5.PolymorpheusModule,
             i3.TuiLetModule,
-            i1$1.TuiButtonModule,
+            i1.TuiButtonModule,
             i3.TuiOverscrollModule,
-            i1$1.TuiScrollbarModule], exports: [TuiSheetsHostComponent,
+            i1.TuiScrollbarModule], exports: [TuiSheetsHostComponent,
             TuiSheetComponent,
             TuiSheetHeadingComponent,
             TuiSheetDirective] });
@@ -1088,9 +1095,9 @@
                 i2.CommonModule,
                 i5.PolymorpheusModule,
                 i3.TuiLetModule,
-                i1$1.TuiButtonModule,
+                i1.TuiButtonModule,
                 i3.TuiOverscrollModule,
-                i1$1.TuiScrollbarModule,
+                i1.TuiScrollbarModule,
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetModule, decorators: [{
                 type: i0.NgModule,
@@ -1099,9 +1106,9 @@
                             i2.CommonModule,
                             i5.PolymorpheusModule,
                             i3.TuiLetModule,
-                            i1$1.TuiButtonModule,
+                            i1.TuiButtonModule,
                             i3.TuiOverscrollModule,
-                            i1$1.TuiScrollbarModule,
+                            i1.TuiScrollbarModule,
                         ],
                         declarations: [
                             TuiSheetsHostComponent,
@@ -1144,7 +1151,6 @@
     exports.TuiSheetTopDirective = TuiSheetTopDirective;
     exports.TuiSheetWrapperDirective = TuiSheetWrapperDirective;
     exports.TuiSheetsHostComponent = TuiSheetsHostComponent;
-    exports.fakeSmoothScroll = fakeSmoothScroll;
     exports.iosScrollFactory = iosScrollFactory;
 
     Object.defineProperty(exports, '__esModule', { value: true });