@taiga-ui/kit 2.26.0 → 2.27.0

package/fesm5/taiga-ui-kit-components-carousel.js

@@ -1,168 +1,41 @@
-import { __extends, __read, __decorate, __param } from 'tslib';
-import { Inject, ElementRef, Input, Directive, HostBinding, HostListener, EventEmitter, Optional, Output, ContentChildren, TemplateRef, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { __decorate, __param, __extends, __read } from 'tslib';
+import { EventEmitter, ChangeDetectorRef, Inject, ElementRef, Input, HostBinding, Output, ContentChildren, TemplateRef, HostListener, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { INTERSECTION_ROOT, IntersectionObserverModule } from '@ng-web-apis/intersection-observer';
-import { typedFromEvent, TuiDestroyService, clamp, TUI_IS_MOBILE, TuiPanService, tuiDefaultProp, EMPTY_QUERY, TuiItemDirective, tuiPure, TuiItemModule } from '@taiga-ui/cdk';
-import { BehaviorSubject, merge, combineLatest, interval, of, Observable, EMPTY, Subject } from 'rxjs';
-import { mapTo, takeUntil, shareReplay, filter, switchMap, withLatestFrom, scan, startWith, distinctUntilChanged, delay, map, endWith, repeat } from 'rxjs/operators';
+import { EMPTY_QUERY, clamp, TUI_IS_MOBILE, tuiDefaultProp, TuiItemDirective, tuiPure, typedFromEvent, TuiPanModule, TuiSwipeModule, TuiItemModule } from '@taiga-ui/cdk';
 import { PAGE_VISIBILITY } from '@ng-web-apis/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import { TuiPresentModule } from '@taiga-ui/kit/directives';
+import { BehaviorSubject, merge, combineLatest, interval, EMPTY, Observable } from 'rxjs';
+import { mapTo, switchMap, filter, throttleTime, map, tap } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
 import { TUI_BUTTON_OPTIONS } from '@taiga-ui/core';
-import { shouldCall } from '@tinkoff/ng-event-plugins';
-
-var TuiCarouselDirective = /** @class */ (function (_super) {
-    __extends(TuiCarouselDirective, _super);
-    function TuiCarouselDirective(destroy$, elementRef, visible$) {
-        var _this = _super.call(this, function (subscriber) { return _this.output$.subscribe(subscriber); }) || this;
-        _this.destroy$ = destroy$;
-        _this.elementRef = elementRef;
-        _this.visible$ = visible$;
-        _this.index$ = new BehaviorSubject(NaN);
-        _this.duration$ = new BehaviorSubject(0);
-        _this.running$ = merge(typedFromEvent(_this.elementRef.nativeElement, 'mouseenter').pipe(mapTo(false)), typedFromEvent(_this.elementRef.nativeElement, 'mouseleave').pipe(mapTo(true)), _this.visible$).pipe(takeUntil(_this.destroy$), shareReplay(1));
-        _this.output$ = combineLatest([
-            _this.index$.pipe(filter(function (v) { return !isNaN(v); })),
-            _this.duration$,
-        ]).pipe(switchMap(function (_a) {
-            var _b = __read(_a, 2), index = _b[0], duration = _b[1];
-            return duration
-                ? interval(duration).pipe(withLatestFrom(_this.running$), filter(function (_a) {
-                    var _b = __read(_a, 2), _ = _b[0], running = _b[1];
-                    return running;
-                }), scan(function (acc) { return ++acc; }, index), startWith(index))
-                : of(index);
-        }), distinctUntilChanged());
-        // So that initial position is scrolled to instantly
-        _this.inited = false;
-        return _this;
-    }
-    Object.defineProperty(TuiCarouselDirective.prototype, "index", {
-        set: function (index) {
-            this.index$.next(index);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiCarouselDirective.prototype, "duration", {
-        set: function (duration) {
-            this.duration$.next(duration);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiCarouselDirective.prototype.ngOnInit = function () {
-        if (isNaN(this.index$.value)) {
-            this.index$.next(0);
-        }
-    };
-    TuiCarouselDirective.prototype.prev = function () {
-        this.index$.next(this.index$.value - 1);
-    };
-    TuiCarouselDirective.prototype.next = function () {
-        this.index$.next(this.index$.value + 1);
-    };
-    TuiCarouselDirective.ctorParameters = function () { return [
-        { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [PAGE_VISIBILITY,] }] }
-    ]; };
-    __decorate([
-        Input()
-    ], TuiCarouselDirective.prototype, "index", null);
-    __decorate([
-        Input()
-    ], TuiCarouselDirective.prototype, "duration", null);
-    TuiCarouselDirective = __decorate([
-        Directive({
-            selector: 'tui-carousel',
-            exportAs: 'tui-carousel',
-            providers: [TuiDestroyService],
-        }),
-        __param(0, Inject(TuiDestroyService)),
-        __param(1, Inject(ElementRef)),
-        __param(2, Inject(PAGE_VISIBILITY))
-    ], TuiCarouselDirective);
-    return TuiCarouselDirective;
-}(Observable));
 
 // @dynamic
-var TuiCarouselDraggableDirective = /** @class */ (function (_super) {
-    __extends(TuiCarouselDraggableDirective, _super);
-    function TuiCarouselDraggableDirective(documentRef, isMobile, elementRef, pan$) {
-        var _this = _super.call(this, function (subscriber) { return _this.transform$.subscribe(subscriber); }) || this;
-        _this.documentRef = documentRef;
-        _this.isMobile = isMobile;
-        _this.elementRef = elementRef;
-        _this.pan$ = pan$;
-        _this.transform$ = _this.isMobile
-            ? EMPTY
-            : _this.pan$.pipe(filter(function () { return _this.draggable; }), scan(function (acc, _a) {
-                var _b = __read(_a, 1), cur = _b[0];
-                return acc + cur;
-            }, 0), takeUntil(typedFromEvent(_this.documentRef, 'mouseup').pipe(delay(0))), map(function (x) { return "translateX(" + clamp(x, _this.min, _this.max) + "px)"; }), endWith(null), repeat());
-        _this.min = -Infinity;
-        _this.max = Infinity;
-        _this.draggable = true;
-        _this.transitioned = false;
-        return _this;
-    }
-    TuiCarouselDraggableDirective.prototype.onMouseDown = function () {
-        var _a = this.elementRef.nativeElement, scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
-        this.max = scrollLeft;
-        this.min = clientWidth - Math.round(scrollWidth) + Math.round(scrollLeft);
-        this.transitioned = true;
-    };
-    TuiCarouselDraggableDirective.prototype.onTransitionEnd = function (target) {
-        if (this.elementRef.nativeElement.firstElementChild === target) {
-            this.transitioned = false;
-        }
-    };
-    TuiCarouselDraggableDirective.ctorParameters = function () { return [
-        { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-        { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_MOBILE,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [INTERSECTION_ROOT,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TuiPanService,] }] }
-    ]; };
-    __decorate([
-        Input(),
-        HostBinding('class._draggable'),
-        tuiDefaultProp()
-    ], TuiCarouselDraggableDirective.prototype, "draggable", void 0);
-    __decorate([
-        HostBinding('class._transitioned')
-    ], TuiCarouselDraggableDirective.prototype, "transitioned", void 0);
-    __decorate([
-        HostListener('mousedown.silent')
-    ], TuiCarouselDraggableDirective.prototype, "onMouseDown", null);
-    __decorate([
-        HostListener('transitionend', ['$event.target'])
-    ], TuiCarouselDraggableDirective.prototype, "onTransitionEnd", null);
-    TuiCarouselDraggableDirective = __decorate([
-        Directive({
-            selector: 'tui-carousel[draggable]',
-            providers: [TuiPanService],
-        }),
-        __param(0, Inject(DOCUMENT)),
-        __param(1, Inject(TUI_IS_MOBILE)),
-        __param(2, Inject(INTERSECTION_ROOT)),
-        __param(3, Inject(TuiPanService))
-    ], TuiCarouselDraggableDirective);
-    return TuiCarouselDraggableDirective;
-}(Observable));
-
 var TuiCarouselComponent = /** @class */ (function () {
-    function TuiCarouselComponent(transform$, index$) {
-        var _this = this;
-        this.transform$ = transform$;
-        this.index$ = index$;
-        this.intersected$ = new Subject();
+    function TuiCarouselComponent(changeDetectorRef, elementRef, isMobile) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.elementRef = elementRef;
+        this.isMobile = isMobile;
+        this.translate = 0;
+        this.draggable = false;
         this.itemsCount = 1;
         this.index = 0;
         this.indexChange = new EventEmitter();
-        this.manual$ = this.index$.pipe(map(function (index) { return _this.loopback(index); }));
-        this.attached = false;
         this.items = EMPTY_QUERY;
+        this.transitioned = true;
     }
+    Object.defineProperty(TuiCarouselComponent.prototype, "transform", {
+        get: function () {
+            var x = this.transitioned ? this.computedTranslate : this.translate;
+            return "translateX(" + 100 * x + "%)";
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiCarouselComponent.prototype.onTransitioned = function (transitioned) {
+        this.transitioned = transitioned;
+        if (!transitioned) {
+            this.translate = this.computedTranslate;
+        }
+    };
     TuiCarouselComponent.prototype.getStyle = function (itemsCount) {
         var percent = 100 / itemsCount + "%";
         return {
@@ -171,29 +44,77 @@ var TuiCarouselComponent = /** @class */ (function () {
             maxWidth: percent,
         };
     };
+    TuiCarouselComponent.prototype.next = function () {
+        this.updateIndex(this.index + 1);
+    };
+    TuiCarouselComponent.prototype.prev = function () {
+        this.updateIndex(this.index - 1);
+    };
+    TuiCarouselComponent.prototype.isDisabled = function (index) {
+        return index < this.index || index > this.index + this.itemsCount;
+    };
     TuiCarouselComponent.prototype.onIntersection = function (_a, index) {
-        var intersectionRatio = _a.intersectionRatio, intersectionRect = _a.intersectionRect, rootBounds = _a.rootBounds;
-        if (!this.attached ||
-            !intersectionRatio ||
-            intersectionRatio === 1 ||
-            // Phantom intersections due to width wobble on drag
-            intersectionRect.left > Number(rootBounds === null || rootBounds === void 0 ? void 0 : rootBounds.left)) {
+        var intersectionRatio = _a.intersectionRatio;
+        if (intersectionRatio && intersectionRatio !== 1 && !this.transitioned) {
+            this.updateIndex(index - Math.floor(this.itemsCount / 2));
+        }
+    };
+    TuiCarouselComponent.prototype.onScroll = function (delta) {
+        if (!this.isMobile) {
+            this.updateIndex(this.index + delta);
+        }
+    };
+    TuiCarouselComponent.prototype.onPan = function (x) {
+        if (!this.computedDraggable) {
             return;
         }
-        this.indexChange.emit(index - Math.floor(this.itemsCount / 2));
+        var clientWidth = this.elementRef.nativeElement.clientWidth;
+        var min = 1 - this.items.length / this.itemsCount;
+        this.translate = clamp(x / clientWidth + this.translate, min, 0);
     };
-    TuiCarouselComponent.prototype.onPresent = function (attached) {
-        this.attached = attached;
+    TuiCarouselComponent.prototype.onSwipe = function (direction) {
+        if (Math.round(this.translate) !== -this.index || !this.computedDraggable) {
+            return;
+        }
+        else if (direction === 'left') {
+            this.next();
+        }
+        else if (direction === 'right') {
+            this.prev();
+        }
     };
-    TuiCarouselComponent.prototype.loopback = function (index) {
-        var safe = this.items.length || index + 1;
-        var remainder = index % safe;
-        return remainder < 0 ? remainder + this.items.length : remainder;
+    TuiCarouselComponent.prototype.onAutoscroll = function () {
+        this.updateIndex(this.index === this.items.length - 1 ? 0 : this.index + 1);
+    };
+    Object.defineProperty(TuiCarouselComponent.prototype, "computedTranslate", {
+        get: function () {
+            return -this.index / this.itemsCount;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiCarouselComponent.prototype, "computedDraggable", {
+        get: function () {
+            return this.isMobile || this.draggable;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiCarouselComponent.prototype.updateIndex = function (index) {
+        this.index = clamp(index, 0, this.items.length - 1);
+        this.indexChange.emit(this.index);
+        this.changeDetectorRef.markForCheck();
     };
     TuiCarouselComponent.ctorParameters = function () { return [
-        { type: Observable, decorators: [{ type: Optional }, { type: Inject, args: [TuiCarouselDraggableDirective,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TuiCarouselDirective,] }] }
+        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+        { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_MOBILE,] }] }
     ]; };
+    __decorate([
+        Input(),
+        HostBinding('class._draggable'),
+        tuiDefaultProp()
+    ], TuiCarouselComponent.prototype, "draggable", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
@@ -208,13 +129,22 @@ var TuiCarouselComponent = /** @class */ (function () {
     __decorate([
         ContentChildren(TuiItemDirective, { read: TemplateRef })
     ], TuiCarouselComponent.prototype, "items", void 0);
+    __decorate([
+        HostBinding('class._transitioned')
+    ], TuiCarouselComponent.prototype, "transitioned", void 0);
+    __decorate([
+        HostListener('touchstart', ['false']),
+        HostListener('touchend', ['true']),
+        HostListener('mousedown', ['false']),
+        HostListener('document:mouseup.silent', ['true'])
+    ], TuiCarouselComponent.prototype, "onTransitioned", null);
     __decorate([
         tuiPure
     ], TuiCarouselComponent.prototype, "getStyle", null);
     TuiCarouselComponent = __decorate([
         Component({
             selector: 'tui-carousel',
-            template: "<ng-container *ngIf=\"items.changes | async\"></ng-container>\n<div\n    *ngIf=\"{\n        manual: manual$ | async,\n        intersected: indexChange | async\n    } as state\"\n    waIntersectionObserver\n    waIntersectionThreshold=\"0,1\"\n    waIntersectionRootMargin=\"100px 100000px 100px -51%\"\n    class=\"t-items\"\n    [class.t-items_visible]=\"attached\"\n    [style.transform]=\"transform$ | async\"\n    (tuiPresentChange)=\"onPresent($event)\"\n>\n    <div\n        *ngFor=\"let item of items; let i = index\"\n        tuiCarouselScroller\n        class=\"t-item\"\n        [scroll]=\"attached && i === state.manual && i !== state.intersected\"\n        [index]=\"i\"\n        [current]=\"state.intersected\"\n        [ngStyle]=\"getStyle(itemsCount)\"\n        (waIntersectionObservee)=\"onIntersection($event[0], i)\"\n    >\n        <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n    </div>\n</div>\n<div class=\"t-content\">\n    <ng-content></ng-content>\n</div>\n",
+            template: "<ng-container *ngIf=\"items.changes | async\"></ng-container>\n<div class=\"t-scroller\" (tuiCarouselScroll)=\"onScroll($event)\">\n    <div class=\"t-wrapper\">\n        <div\n            waIntersectionObserver\n            waIntersectionThreshold=\"0,1\"\n            waIntersectionRootMargin=\"100px 100000px 100px -51%\"\n            class=\"t-items\"\n            [style.transform]=\"transform\"\n            (tuiPan)=\"onPan($event[0])\"\n            (tuiSwipe)=\"onSwipe($event.direction)\"\n            (tuiCarouselAutoscroll)=\"onAutoscroll()\"\n        >\n            <fieldset\n                *ngFor=\"let item of items; let i = index\"\n                class=\"t-item\"\n                [disabled]=\"isDisabled(i)\"\n                [ngStyle]=\"getStyle(itemsCount)\"\n                (waIntersectionObservee)=\"onIntersection($event[0], i)\"\n            >\n                <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n            </fieldset>\n        </div>\n    </div>\n</div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [
                 {
@@ -222,15 +152,70 @@ var TuiCarouselComponent = /** @class */ (function () {
                     useExisting: ElementRef,
                 },
             ],
-            styles: [":host{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:block;overflow:auto;overscroll-behavior-x:none;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{background:0 0;width:0;height:0}:host._transitioned{-ms-scroll-snap-type:none;scroll-snap-type:none}:host._draggable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host._draggable:hover{cursor:-webkit-grab;cursor:grab}:host._draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.t-items{display:flex;align-items:center;visibility:hidden}.t-items_visible{visibility:visible}.t-items:not([style*=transform]){transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-item{padding:0 1.25rem;flex:1;min-width:100%;max-width:100%;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}.t-content{position:sticky;left:0;display:flex;justify-content:center}"]
+            styles: [":host{position:relative;display:block;overflow:hidden}:host._draggable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host._draggable:hover{cursor:-webkit-grab;cursor:grab}:host._draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.t-items{display:flex;align-items:center}:host._transitioned .t-items{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-item{padding:0 1.25rem;flex:1;min-width:100%;max-width:100%;box-sizing:border-box;border:none;margin:0}.t-wrapper{position:sticky;left:0;right:0;min-width:100%;overflow:hidden}.t-scroller{scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow:auto;overscroll-behavior-x:none;padding-bottom:2rem;margin-bottom:-2rem}.t-scroller::-webkit-scrollbar,.t-scroller::-webkit-scrollbar-thumb{background:0 0;width:0;height:0}.t-scroller:after,.t-scroller:before{content:'';display:block;min-width:1rem}"]
         }),
-        __param(0, Optional()),
-        __param(0, Inject(TuiCarouselDraggableDirective)),
-        __param(1, Inject(TuiCarouselDirective))
+        __param(0, Inject(ChangeDetectorRef)),
+        __param(1, Inject(ElementRef)),
+        __param(2, Inject(TUI_IS_MOBILE))
     ], TuiCarouselComponent);
     return TuiCarouselComponent;
 }());
 
+var TuiCarouselDirective = /** @class */ (function (_super) {
+    __extends(TuiCarouselDirective, _super);
+    function TuiCarouselDirective(elementRef, visible$) {
+        var _this = _super.call(this, function (subscriber) { return _this.output$.subscribe(subscriber); }) || this;
+        _this.elementRef = elementRef;
+        _this.visible$ = visible$;
+        _this.duration$ = new BehaviorSubject(0);
+        _this.running$ = merge(typedFromEvent(_this.elementRef.nativeElement, 'mouseenter').pipe(mapTo(false)), typedFromEvent(_this.elementRef.nativeElement, 'touchstart').pipe(mapTo(false)), typedFromEvent(_this.elementRef.nativeElement, 'touchend').pipe(mapTo(true)), typedFromEvent(_this.elementRef.nativeElement, 'mouseleave').pipe(mapTo(true)), _this.visible$);
+        _this.output$ = combineLatest([_this.duration$, _this.running$]).pipe(switchMap(function (_a) {
+            var _b = __read(_a, 2), duration = _b[0], running = _b[1];
+            return duration && running ? interval(duration) : EMPTY;
+        }));
+        return _this;
+    }
+    Object.defineProperty(TuiCarouselDirective.prototype, "duration", {
+        set: function (duration) {
+            this.duration$.next(duration);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiCarouselDirective.ctorParameters = function () { return [
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [PAGE_VISIBILITY,] }] }
+    ]; };
+    __decorate([
+        Input()
+    ], TuiCarouselDirective.prototype, "duration", null);
+    TuiCarouselDirective = __decorate([
+        Directive({
+            selector: 'tui-carousel',
+        }),
+        __param(0, Inject(ElementRef)),
+        __param(1, Inject(PAGE_VISIBILITY))
+    ], TuiCarouselDirective);
+    return TuiCarouselDirective;
+}(Observable));
+
+var TuiCarouselAutoscrollDirective = /** @class */ (function () {
+    function TuiCarouselAutoscrollDirective(tuiCarouselAutoscroll) {
+        this.tuiCarouselAutoscroll = tuiCarouselAutoscroll;
+    }
+    TuiCarouselAutoscrollDirective.ctorParameters = function () { return [
+        { type: Observable, decorators: [{ type: Inject, args: [TuiCarouselDirective,] }] }
+    ]; };
+    TuiCarouselAutoscrollDirective = __decorate([
+        Directive({
+            selector: '[tuiCarouselAutoscroll]',
+            outputs: ['tuiCarouselAutoscroll'],
+        }),
+        __param(0, Inject(TuiCarouselDirective))
+    ], TuiCarouselAutoscrollDirective);
+    return TuiCarouselAutoscrollDirective;
+}());
+
 // TODO: remove in ivy compilation
 var CAROUSEL_BUTTON_OPTIONS = {
     appearance: "secondary" /* Secondary */,
@@ -254,78 +239,33 @@ var TuiCarouselButtonsDirective = /** @class */ (function () {
     return TuiCarouselButtonsDirective;
 }());
 
-function shouldScroll() {
-    var _a;
-    return !this.isMobile && !!((_a = this.draggable) === null || _a === void 0 ? void 0 : _a.draggable) && this.index === this.current;
-}
-// @dynamic
-var TuiCarouselScrollerDirective = /** @class */ (function () {
-    function TuiCarouselScrollerDirective(draggable, isMobile, directive, elementRef, root) {
-        this.draggable = draggable;
-        this.isMobile = isMobile;
-        this.directive = directive;
+var TuiCarouselScrollDirective = /** @class */ (function () {
+    function TuiCarouselScrollDirective(elementRef) {
+        var _this = this;
         this.elementRef = elementRef;
-        this.root = root;
-        this.index = 0;
-        this.current = 0;
+        this.tuiCarouselScroll = typedFromEvent(this.elementRef.nativeElement, 'wheel').pipe(filter(function (_a) {
+            var deltaX = _a.deltaX;
+            return Math.abs(deltaX) > 20;
+        }), throttleTime(500), map(function (_a) {
+            var deltaX = _a.deltaX;
+            return Math.sign(deltaX);
+        }), 
+        // So we always have space to scroll and overflow-behavior saves us from back nav
+        tap(function () { return (_this.elementRef.nativeElement.scrollLeft = 10); }));
     }
-    Object.defineProperty(TuiCarouselScrollerDirective.prototype, "scroll", {
-        set: function (scroll) {
-            if (scroll) {
-                this.scrollTo(this.directive.inited ? 'smooth' : 'auto');
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiCarouselScrollerDirective.prototype.onMouseUp = function (_e) {
-        var left = this.root.nativeElement.getBoundingClientRect().left;
-        var rect = this.elementRef.nativeElement.getBoundingClientRect();
-        var parentElement = this.elementRef.nativeElement.parentElement;
-        parentElement.style.transform = "translateX(" + (rect.left - left) + "px)";
-        this.scrollTo();
-    };
-    TuiCarouselScrollerDirective.prototype.scrollTo = function (behavior) {
-        if (behavior === void 0) { behavior = 'auto'; }
-        this.directive.inited = true;
-        this.root.nativeElement.scrollTo({
-            left: this.elementRef.nativeElement.offsetLeft,
-            behavior: behavior,
-        });
-    };
-    TuiCarouselScrollerDirective.ctorParameters = function () { return [
-        { type: TuiCarouselDraggableDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiCarouselDraggableDirective,] }] },
-        { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_MOBILE,] }] },
-        { type: TuiCarouselDirective, decorators: [{ type: Inject, args: [TuiCarouselDirective,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [INTERSECTION_ROOT,] }] }
+    TuiCarouselScrollDirective.ctorParameters = function () { return [
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
     ]; };
     __decorate([
-        Input()
-    ], TuiCarouselScrollerDirective.prototype, "scroll", null);
-    __decorate([
-        Input()
-    ], TuiCarouselScrollerDirective.prototype, "index", void 0);
-    __decorate([
-        Input()
-    ], TuiCarouselScrollerDirective.prototype, "current", void 0);
-    __decorate([
-        HostListener('document:mouseup.init', ['$event']),
-        HostListener('document:mouseup.silent', ['$event']),
-        shouldCall(shouldScroll)
-    ], TuiCarouselScrollerDirective.prototype, "onMouseUp", null);
-    TuiCarouselScrollerDirective = __decorate([
+        Output()
+    ], TuiCarouselScrollDirective.prototype, "tuiCarouselScroll", void 0);
+    TuiCarouselScrollDirective = __decorate([
         Directive({
-            selector: '[tuiCarouselScroller]',
+            selector: '[tuiCarouselScroll]',
         }),
-        __param(0, Optional()),
-        __param(0, Inject(TuiCarouselDraggableDirective)),
-        __param(1, Inject(TUI_IS_MOBILE)),
-        __param(2, Inject(TuiCarouselDirective)),
-        __param(3, Inject(ElementRef)),
-        __param(4, Inject(INTERSECTION_ROOT))
-    ], TuiCarouselScrollerDirective);
-    return TuiCarouselScrollerDirective;
+        __param(0, Inject(ElementRef))
+    ], TuiCarouselScrollDirective);
+    return TuiCarouselScrollDirective;
 }());
 
 var TuiCarouselModule = /** @class */ (function () {
@@ -333,19 +273,24 @@ var TuiCarouselModule = /** @class */ (function () {
     }
     TuiCarouselModule = __decorate([
         NgModule({
-            imports: [CommonModule, IntersectionObserverModule, TuiItemModule, TuiPresentModule],
+            imports: [
+                CommonModule,
+                IntersectionObserverModule,
+                TuiPanModule,
+                TuiSwipeModule,
+                TuiItemModule,
+            ],
             declarations: [
                 TuiCarouselComponent,
                 TuiCarouselDirective,
-                TuiCarouselScrollerDirective,
-                TuiCarouselDraggableDirective,
                 TuiCarouselButtonsDirective,
+                TuiCarouselAutoscrollDirective,
+                TuiCarouselScrollDirective,
             ],
             exports: [
                 TuiCarouselComponent,
                 TuiCarouselDirective,
                 TuiCarouselButtonsDirective,
-                TuiCarouselDraggableDirective,
                 TuiItemDirective,
             ],
         })
@@ -357,5 +302,5 @@ var TuiCarouselModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { CAROUSEL_BUTTON_OPTIONS, TuiCarouselButtonsDirective, TuiCarouselComponent, TuiCarouselDirective, TuiCarouselDraggableDirective, TuiCarouselModule, TuiCarouselScrollerDirective, shouldScroll };
+export { CAROUSEL_BUTTON_OPTIONS, TuiCarouselAutoscrollDirective, TuiCarouselButtonsDirective, TuiCarouselComponent, TuiCarouselDirective, TuiCarouselModule, TuiCarouselScrollDirective };
 //# sourceMappingURL=taiga-ui-kit-components-carousel.js.map

package/fesm5/taiga-ui-kit-components-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-carousel.js","sources":["ng://@taiga-ui/kit/components/carousel/carousel.directive.ts","ng://@taiga-ui/kit/components/carousel/carousel-draggable.directive.ts","ng://@taiga-ui/kit/components/carousel/carousel.component.ts","ng://@taiga-ui/kit/components/carousel/carousel-buttons.directive.ts","ng://@taiga-ui/kit/components/carousel/carousel-scroller.directive.ts","ng://@taiga-ui/kit/components/carousel/carousel.module.ts","ng://@taiga-ui/kit/components/carousel/taiga-ui-kit-components-carousel.ts"],"sourcesContent":["import {Directive, ElementRef, Inject, Input, OnInit} from '@angular/core';\nimport {PAGE_VISIBILITY} from '@ng-web-apis/common';\nimport {TuiDestroyService, typedFromEvent} from '@taiga-ui/cdk';\nimport {BehaviorSubject, combineLatest, interval, merge, Observable, of} from 'rxjs';\nimport {\n    distinctUntilChanged,\n    filter,\n    mapTo,\n    scan,\n    shareReplay,\n    startWith,\n    switchMap,\n    takeUntil,\n    withLatestFrom,\n} from 'rxjs/operators';\n\n@Directive({\n    selector: 'tui-carousel',\n    exportAs: 'tui-carousel',\n    providers: [TuiDestroyService],\n})\nexport class TuiCarouselDirective extends Observable<number> implements OnInit {\n    private readonly index$ = new BehaviorSubject<number>(NaN);\n\n    private readonly duration$ = new BehaviorSubject(0);\n\n    private readonly running$ = merge(\n        typedFromEvent(this.elementRef.nativeElement, 'mouseenter').pipe(mapTo(false)),\n        typedFromEvent(this.elementRef.nativeElement, 'mouseleave').pipe(mapTo(true)),\n        this.visible$,\n    ).pipe(takeUntil(this.destroy$), shareReplay(1));\n\n    private readonly output$ = combineLatest([\n        this.index$.pipe(filter(v => !isNaN(v))),\n        this.duration$,\n    ]).pipe(\n        switchMap(([index, duration]) =>\n            duration\n                ? interval(duration).pipe(\n                      withLatestFrom(this.running$),\n                      filter(([_, running]) => running),\n                      scan(acc => ++acc, index),\n                      startWith(index),\n                  )\n                : of(index),\n        ),\n        distinctUntilChanged(),\n    );\n\n    @Input()\n    set index(index: number) {\n        this.index$.next(index);\n    }\n\n    @Input()\n    set duration(duration: number) {\n        this.duration$.next(duration);\n    }\n\n    // So that initial position is scrolled to instantly\n    inited = false;\n\n    constructor(\n        @Inject(TuiDestroyService) private readonly destroy$: Observable<unknown>,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(PAGE_VISIBILITY) private readonly visible$: Observable<boolean>,\n    ) {\n        super(subscriber => this.output$.subscribe(subscriber));\n    }\n\n    ngOnInit() {\n        if (isNaN(this.index$.value)) {\n            this.index$.next(0);\n        }\n    }\n\n    prev() {\n        this.index$.next(this.index$.value - 1);\n    }\n\n    next() {\n        this.index$.next(this.index$.value + 1);\n    }\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n    Directive,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {INTERSECTION_ROOT} from '@ng-web-apis/intersection-observer';\nimport {\n    clamp,\n    TUI_IS_MOBILE,\n    tuiDefaultProp,\n    TuiPanService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {EMPTY, Observable} from 'rxjs';\nimport {delay, endWith, filter, map, repeat, scan, takeUntil} from 'rxjs/operators';\n\n// @dynamic\n@Directive({\n    selector: 'tui-carousel[draggable]',\n    providers: [TuiPanService],\n})\nexport class TuiCarouselDraggableDirective extends Observable<string | null> {\n    private readonly transform$ = this.isMobile\n        ? EMPTY\n        : this.pan$.pipe(\n              filter(() => this.draggable),\n              scan((acc, [cur]) => acc + cur, 0),\n              takeUntil(typedFromEvent(this.documentRef, 'mouseup').pipe(delay(0))),\n              map(x => `translateX(${clamp(x, this.min, this.max)}px)`),\n              endWith(null),\n              repeat(),\n          );\n\n    private min = -Infinity;\n    private max = Infinity;\n\n    @Input()\n    @HostBinding('class._draggable')\n    @tuiDefaultProp()\n    draggable = true;\n\n    @HostBinding('class._transitioned')\n    transitioned = false;\n\n    constructor(\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n        @Inject(INTERSECTION_ROOT) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TuiPanService)\n        private readonly pan$: Observable<readonly [number, number]>,\n    ) {\n        super(subscriber => this.transform$.subscribe(subscriber));\n    }\n\n    @HostListener('mousedown.silent')\n    onMouseDown() {\n        const {scrollLeft, scrollWidth, clientWidth} = this.elementRef.nativeElement;\n\n        this.max = scrollLeft;\n        this.min = clientWidth - Math.round(scrollWidth) + Math.round(scrollLeft);\n        this.transitioned = true;\n    }\n\n    @HostListener('transitionend', ['$event.target'])\n    onTransitionEnd(target: HTMLElement) {\n        if (this.elementRef.nativeElement.firstElementChild === target) {\n            this.transitioned = false;\n        }\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    QueryList,\n    TemplateRef,\n} from '@angular/core';\nimport {INTERSECTION_ROOT} from '@ng-web-apis/intersection-observer';\nimport {EMPTY_QUERY, tuiDefaultProp, TuiItemDirective, tuiPure} from '@taiga-ui/cdk';\nimport {Observable, Subject} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {TuiCarouselDirective} from './carousel.directive';\nimport {TuiCarouselDraggableDirective} from './carousel-draggable.directive';\n\n@Component({\n    selector: 'tui-carousel',\n    templateUrl: 'carousel.template.html',\n    styleUrls: ['carousel.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: INTERSECTION_ROOT,\n            useExisting: ElementRef,\n        },\n    ],\n})\nexport class TuiCarouselComponent {\n    readonly intersected$ = new Subject<number>();\n\n    @Input()\n    @tuiDefaultProp()\n    itemsCount = 1;\n\n    @Input()\n    @tuiDefaultProp()\n    index = 0;\n\n    @Output()\n    readonly indexChange = new EventEmitter<number>();\n\n    readonly manual$ = this.index$.pipe(map(index => this.loopback(index)));\n\n    attached = false;\n\n    @ContentChildren(TuiItemDirective, {read: TemplateRef})\n    readonly items: QueryList<TemplateRef<any>> = EMPTY_QUERY;\n\n    constructor(\n        @Optional()\n        @Inject(TuiCarouselDraggableDirective)\n        readonly transform$: Observable<string | null> | null,\n        @Inject(TuiCarouselDirective) private readonly index$: Observable<number>,\n    ) {}\n\n    @tuiPure\n    getStyle(itemsCount: number): Partial<CSSStyleDeclaration> {\n        const percent = `${100 / itemsCount}%`;\n\n        return {\n            flexBasis: percent,\n            minWidth: percent,\n            maxWidth: percent,\n        };\n    }\n\n    onIntersection(\n        {intersectionRatio, intersectionRect, rootBounds}: IntersectionObserverEntry,\n        index: number,\n    ) {\n        if (\n            !this.attached ||\n            !intersectionRatio ||\n            intersectionRatio === 1 ||\n            // Phantom intersections due to width wobble on drag\n            intersectionRect.left > Number(rootBounds?.left)\n        ) {\n            return;\n        }\n\n        this.indexChange.emit(index - Math.floor(this.itemsCount / 2));\n    }\n\n    onPresent(attached: boolean) {\n        this.attached = attached;\n    }\n\n    private loopback(index: number) {\n        const safe = this.items.length || index + 1;\n        const remainder = index % safe;\n\n        return remainder < 0 ? remainder + this.items.length : remainder;\n    }\n}\n","import {Directive} from '@angular/core';\nimport {ButtonOptions, TUI_BUTTON_OPTIONS, TuiAppearance} from '@taiga-ui/core';\n\n// TODO: remove in ivy compilation\nexport const CAROUSEL_BUTTON_OPTIONS: ButtonOptions = {\n    appearance: TuiAppearance.Secondary,\n    shape: 'rounded',\n    size: 'm',\n};\n\n@Directive({\n    selector: '[tuiCarouselButtons]',\n    providers: [\n        {\n            provide: TUI_BUTTON_OPTIONS,\n            useValue: CAROUSEL_BUTTON_OPTIONS,\n        },\n    ],\n})\nexport class TuiCarouselButtonsDirective {}\n","import {\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n} from '@angular/core';\nimport {INTERSECTION_ROOT} from '@ng-web-apis/intersection-observer';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk';\nimport {shouldCall} from '@tinkoff/ng-event-plugins';\n\nimport {TuiCarouselDirective} from './carousel.directive';\nimport {TuiCarouselDraggableDirective} from './carousel-draggable.directive';\n\nexport function shouldScroll(this: TuiCarouselScrollerDirective): boolean {\n    return !this.isMobile && !!this.draggable?.draggable && this.index === this.current;\n}\n\n// @dynamic\n@Directive({\n    selector: '[tuiCarouselScroller]',\n})\nexport class TuiCarouselScrollerDirective {\n    @Input()\n    set scroll(scroll: boolean) {\n        if (scroll) {\n            this.scrollTo(this.directive.inited ? 'smooth' : 'auto');\n        }\n    }\n\n    @Input()\n    index = 0;\n\n    @Input()\n    current = 0;\n\n    constructor(\n        @Optional()\n        @Inject(TuiCarouselDraggableDirective)\n        readonly draggable: TuiCarouselDraggableDirective | null,\n        @Inject(TUI_IS_MOBILE) readonly isMobile: boolean,\n        @Inject(TuiCarouselDirective) private readonly directive: TuiCarouselDirective,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(INTERSECTION_ROOT) private readonly root: ElementRef<HTMLElement>,\n    ) {}\n\n    @HostListener('document:mouseup.init', ['$event'])\n    @HostListener('document:mouseup.silent', ['$event'])\n    @shouldCall(shouldScroll)\n    onMouseUp(_e: unknown) {\n        const {left} = this.root.nativeElement.getBoundingClientRect();\n        const rect = this.elementRef.nativeElement.getBoundingClientRect();\n        const {parentElement} = this.elementRef.nativeElement;\n\n        parentElement!.style.transform = `translateX(${rect.left - left}px)`;\n        this.scrollTo();\n    }\n\n    private scrollTo(behavior: ScrollBehavior = 'auto') {\n        this.directive.inited = true;\n        this.root.nativeElement.scrollTo({\n            left: this.elementRef.nativeElement.offsetLeft,\n            behavior,\n        });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {IntersectionObserverModule} from '@ng-web-apis/intersection-observer';\nimport {TuiItemDirective, TuiItemModule} from '@taiga-ui/cdk';\nimport {TuiPresentModule} from '@taiga-ui/kit/directives';\n\nimport {TuiCarouselComponent} from './carousel.component';\nimport {TuiCarouselDirective} from './carousel.directive';\nimport {TuiCarouselButtonsDirective} from './carousel-buttons.directive';\nimport {TuiCarouselDraggableDirective} from './carousel-draggable.directive';\nimport {TuiCarouselScrollerDirective} from './carousel-scroller.directive';\n\n@NgModule({\n    imports: [CommonModule, IntersectionObserverModule, TuiItemModule, TuiPresentModule],\n    declarations: [\n        TuiCarouselComponent,\n        TuiCarouselDirective,\n        TuiCarouselScrollerDirective,\n        TuiCarouselDraggableDirective,\n        TuiCarouselButtonsDirective,\n    ],\n    exports: [\n        TuiCarouselComponent,\n        TuiCarouselDirective,\n        TuiCarouselButtonsDirective,\n        TuiCarouselDraggableDirective,\n        TuiItemDirective,\n    ],\n})\nexport class TuiCarouselModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-carousel.js","sources":["ng://@taiga-ui/kit/components/carousel/carousel.component.ts","ng://@taiga-ui/kit/components/carousel/carousel.directive.ts","ng://@taiga-ui/kit/components/carousel/carousel-autoscroll.directive.ts","ng://@taiga-ui/kit/components/carousel/carousel-buttons.directive.ts","ng://@taiga-ui/kit/components/carousel/carousel-scroll.directive.ts","ng://@taiga-ui/kit/components/carousel/carousel.module.ts","ng://@taiga-ui/kit/components/carousel/taiga-ui-kit-components-carousel.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Output,\n    QueryList,\n    TemplateRef,\n} from '@angular/core';\nimport {INTERSECTION_ROOT} from '@ng-web-apis/intersection-observer';\nimport {\n    clamp,\n    EMPTY_QUERY,\n    TUI_IS_MOBILE,\n    tuiDefaultProp,\n    TuiItemDirective,\n    tuiPure,\n    TuiSwipeDirection,\n} from '@taiga-ui/cdk';\n\n// @dynamic\n@Component({\n    selector: 'tui-carousel',\n    templateUrl: 'carousel.template.html',\n    styleUrls: ['carousel.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: INTERSECTION_ROOT,\n            useExisting: ElementRef,\n        },\n    ],\n})\nexport class TuiCarouselComponent {\n    private translate = 0;\n\n    @Input()\n    @HostBinding('class._draggable')\n    @tuiDefaultProp()\n    draggable = false;\n\n    @Input()\n    @tuiDefaultProp()\n    itemsCount = 1;\n\n    @Input()\n    @tuiDefaultProp()\n    index = 0;\n\n    @Output()\n    readonly indexChange = new EventEmitter<number>();\n\n    @ContentChildren(TuiItemDirective, {read: TemplateRef})\n    readonly items: QueryList<TemplateRef<any>> = EMPTY_QUERY;\n\n    @HostBinding('class._transitioned')\n    transitioned = true;\n\n    constructor(\n        @Inject(ChangeDetectorRef) private readonly changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n    ) {}\n\n    get transform(): string {\n        const x = this.transitioned ? this.computedTranslate : this.translate;\n\n        return `translateX(${100 * x}%)`;\n    }\n\n    @HostListener('touchstart', ['false'])\n    @HostListener('touchend', ['true'])\n    @HostListener('mousedown', ['false'])\n    @HostListener('document:mouseup.silent', ['true'])\n    onTransitioned(transitioned: boolean) {\n        this.transitioned = transitioned;\n\n        if (!transitioned) {\n            this.translate = this.computedTranslate;\n        }\n    }\n\n    @tuiPure\n    getStyle(itemsCount: number): Partial<CSSStyleDeclaration> {\n        const percent = `${100 / itemsCount}%`;\n\n        return {\n            flexBasis: percent,\n            minWidth: percent,\n            maxWidth: percent,\n        };\n    }\n\n    next() {\n        this.updateIndex(this.index + 1);\n    }\n\n    prev() {\n        this.updateIndex(this.index - 1);\n    }\n\n    isDisabled(index: number): boolean {\n        return index < this.index || index > this.index + this.itemsCount;\n    }\n\n    onIntersection({intersectionRatio}: IntersectionObserverEntry, index: number) {\n        if (intersectionRatio && intersectionRatio !== 1 && !this.transitioned) {\n            this.updateIndex(index - Math.floor(this.itemsCount / 2));\n        }\n    }\n\n    onScroll(delta: number) {\n        if (!this.isMobile) {\n            this.updateIndex(this.index + delta);\n        }\n    }\n\n    onPan(x: number) {\n        if (!this.computedDraggable) {\n            return;\n        }\n\n        const {clientWidth} = this.elementRef.nativeElement;\n        const min = 1 - this.items.length / this.itemsCount;\n\n        this.translate = clamp(x / clientWidth + this.translate, min, 0);\n    }\n\n    onSwipe(direction: TuiSwipeDirection) {\n        if (Math.round(this.translate) !== -this.index || !this.computedDraggable) {\n            return;\n        } else if (direction === 'left') {\n            this.next();\n        } else if (direction === 'right') {\n            this.prev();\n        }\n    }\n\n    onAutoscroll() {\n        this.updateIndex(this.index === this.items.length - 1 ? 0 : this.index + 1);\n    }\n\n    private get computedTranslate(): number {\n        return -this.index / this.itemsCount;\n    }\n\n    private get computedDraggable(): boolean {\n        return this.isMobile || this.draggable;\n    }\n\n    private updateIndex(index: number) {\n        this.index = clamp(index, 0, this.items.length - 1);\n        this.indexChange.emit(this.index);\n        this.changeDetectorRef.markForCheck();\n    }\n}\n","import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {PAGE_VISIBILITY} from '@ng-web-apis/common';\nimport {typedFromEvent} from '@taiga-ui/cdk';\nimport {BehaviorSubject, combineLatest, EMPTY, interval, merge, Observable} from 'rxjs';\nimport {mapTo, switchMap} from 'rxjs/operators';\n\n@Directive({\n    selector: 'tui-carousel',\n})\nexport class TuiCarouselDirective extends Observable<unknown> {\n    private readonly duration$ = new BehaviorSubject(0);\n\n    private readonly running$ = merge(\n        typedFromEvent(this.elementRef.nativeElement, 'mouseenter').pipe(mapTo(false)),\n        typedFromEvent(this.elementRef.nativeElement, 'touchstart').pipe(mapTo(false)),\n        typedFromEvent(this.elementRef.nativeElement, 'touchend').pipe(mapTo(true)),\n        typedFromEvent(this.elementRef.nativeElement, 'mouseleave').pipe(mapTo(true)),\n        this.visible$,\n    );\n\n    private readonly output$ = combineLatest([this.duration$, this.running$]).pipe(\n        switchMap(([duration, running]) =>\n            duration && running ? interval(duration) : EMPTY,\n        ),\n    );\n\n    @Input()\n    set duration(duration: number) {\n        this.duration$.next(duration);\n    }\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(PAGE_VISIBILITY) private readonly visible$: Observable<boolean>,\n    ) {\n        super(subscriber => this.output$.subscribe(subscriber));\n    }\n}\n","import {Directive, Inject} from '@angular/core';\nimport {Observable} from 'rxjs';\n\nimport {TuiCarouselDirective} from './carousel.directive';\n\n@Directive({\n    selector: '[tuiCarouselAutoscroll]',\n    outputs: ['tuiCarouselAutoscroll'],\n})\nexport class TuiCarouselAutoscrollDirective {\n    constructor(\n        @Inject(TuiCarouselDirective) readonly tuiCarouselAutoscroll: Observable<unknown>,\n    ) {}\n}\n","import {Directive} from '@angular/core';\nimport {ButtonOptions, TUI_BUTTON_OPTIONS, TuiAppearance} from '@taiga-ui/core';\n\n// TODO: remove in ivy compilation\nexport const CAROUSEL_BUTTON_OPTIONS: ButtonOptions = {\n    appearance: TuiAppearance.Secondary,\n    shape: 'rounded',\n    size: 'm',\n};\n\n@Directive({\n    selector: '[tuiCarouselButtons]',\n    providers: [\n        {\n            provide: TUI_BUTTON_OPTIONS,\n            useValue: CAROUSEL_BUTTON_OPTIONS,\n        },\n    ],\n})\nexport class TuiCarouselButtonsDirective {}\n","import {Directive, ElementRef, Inject, Output} from '@angular/core';\nimport {typedFromEvent} from '@taiga-ui/cdk';\nimport {filter, map, tap, throttleTime} from 'rxjs/operators';\n\n@Directive({\n    selector: '[tuiCarouselScroll]',\n})\nexport class TuiCarouselScrollDirective {\n    @Output()\n    readonly tuiCarouselScroll = typedFromEvent(\n        this.elementRef.nativeElement,\n        'wheel',\n    ).pipe(\n        filter(({deltaX}) => Math.abs(deltaX) > 20),\n        throttleTime(500),\n        map(({deltaX}) => Math.sign(deltaX)),\n        // So we always have space to scroll and overflow-behavior saves us from back nav\n        tap(() => (this.elementRef.nativeElement.scrollLeft = 10)),\n    );\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {IntersectionObserverModule} from '@ng-web-apis/intersection-observer';\nimport {\n    TuiItemDirective,\n    TuiItemModule,\n    TuiPanModule,\n    TuiSwipeModule,\n} from '@taiga-ui/cdk';\n\nimport {TuiCarouselComponent} from './carousel.component';\nimport {TuiCarouselDirective} from './carousel.directive';\nimport {TuiCarouselAutoscrollDirective} from './carousel-autoscroll.directive';\nimport {TuiCarouselButtonsDirective} from './carousel-buttons.directive';\nimport {TuiCarouselScrollDirective} from './carousel-scroll.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        IntersectionObserverModule,\n        TuiPanModule,\n        TuiSwipeModule,\n        TuiItemModule,\n    ],\n    declarations: [\n        TuiCarouselComponent,\n        TuiCarouselDirective,\n        TuiCarouselButtonsDirective,\n        TuiCarouselAutoscrollDirective,\n        TuiCarouselScrollDirective,\n    ],\n    exports: [\n        TuiCarouselComponent,\n        TuiCarouselDirective,\n        TuiCarouselButtonsDirective,\n        TuiItemDirective,\n    ],\n})\nexport class TuiCarouselModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AA0BA;;IAsCI,8BACgD,iBAAoC,EAC3C,UAAmC,EAChC,QAAiB;QAFb,sBAAiB,GAAjB,iBAAiB,CAAmB;QAC3C,eAAU,GAAV,UAAU,CAAyB;QAChC,aAAQ,GAAR,QAAQ,CAAS;QA3BrD,cAAS,GAAG,CAAC,CAAC;QAKtB,cAAS,GAAG,KAAK,CAAC;QAIlB,eAAU,GAAG,CAAC,CAAC;QAIf,UAAK,GAAG,CAAC,CAAC;QAGD,gBAAW,GAAG,IAAI,YAAY,EAAU,CAAC;QAGzC,UAAK,GAAgC,WAAW,CAAC;QAG1D,iBAAY,GAAG,IAAI,CAAC;KAMhB;IAEJ,sBAAI,2CAAS;aAAb;YACI,IAAM,CAAC,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,SAAS,CAAC;YAEtE,OAAO,gBAAc,GAAG,GAAG,CAAC,OAAI,CAAC;SACpC;;;OAAA;IAMD,6CAAc,GAAd,UAAe,YAAqB;QAChC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QAEjC,IAAI,CAAC,YAAY,EAAE;YACf,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC;SAC3C;KACJ;IAGD,uCAAQ,GAAR,UAAS,UAAkB;QACvB,IAAM,OAAO,GAAM,GAAG,GAAG,UAAU,MAAG,CAAC;QAEvC,OAAO;YACH,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,OAAO;YACjB,QAAQ,EAAE,OAAO;SACpB,CAAC;KACL;IAED,mCAAI,GAAJ;QACI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;KACpC;IAED,mCAAI,GAAJ;QACI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;KACpC;IAED,yCAAU,GAAV,UAAW,KAAa;QACpB,OAAO,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;KACrE;IAED,6CAAc,GAAd,UAAe,EAA8C,EAAE,KAAa;YAA5D,wCAAiB;QAC7B,IAAI,iBAAiB,IAAI,iBAAiB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACpE,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;SAC7D;KACJ;IAED,uCAAQ,GAAR,UAAS,KAAa;QAClB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAChB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC;SACxC;KACJ;IAED,oCAAK,GAAL,UAAM,CAAS;QACX,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YACzB,OAAO;SACV;QAEM,IAAA,uDAAW,CAAkC;QACpD,IAAM,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;QAEpD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,GAAG,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;KACpE;IAED,sCAAO,GAAP,UAAQ,SAA4B;QAChC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YACvE,OAAO;SACV;aAAM,IAAI,SAAS,KAAK,MAAM,EAAE;YAC7B,IAAI,CAAC,IAAI,EAAE,CAAC;SACf;aAAM,IAAI,SAAS,KAAK,OAAO,EAAE;YAC9B,IAAI,CAAC,IAAI,EAAE,CAAC;SACf;KACJ;IAED,2CAAY,GAAZ;QACI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;KAC/E;IAED,sBAAY,mDAAiB;aAA7B;YACI,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;SACxC;;;OAAA;IAED,sBAAY,mDAAiB;aAA7B;YACI,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC;SAC1C;;;OAAA;IAEO,0CAAW,GAAnB,UAAoB,KAAa;QAC7B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACpD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;KACzC;;gBA/FkE,iBAAiB,uBAA/E,MAAM,SAAC,iBAAiB;gBACwB,UAAU,uBAA1D,MAAM,SAAC,UAAU;8CACjB,MAAM,SAAC,aAAa;;IAtBzB;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,kBAAkB,CAAC;QAC/B,cAAc,EAAE;2DACC;IAIlB;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;4DACF;IAIf;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;uDACP;IAGV;QADC,MAAM,EAAE;6DACyC;IAGlD;QADC,eAAe,CAAC,gBAAgB,EAAE,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC;uDACG;IAG1D;QADC,WAAW,CAAC,qBAAqB,CAAC;8DACf;IAkBpB;QAJC,YAAY,CAAC,YAAY,EAAE,CAAC,OAAO,CAAC,CAAC;QACrC,YAAY,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC;QAClC,YAAY,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,CAAC;QACpC,YAAY,CAAC,yBAAyB,EAAE,CAAC,MAAM,CAAC,CAAC;8DAOjD;IAGD;QADC,OAAO;wDASP;IA1DQ,oBAAoB;QAZhC,SAAS,CAAC;YACP,QAAQ,EAAE,cAAc;YACxB,4/BAAqC;YAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,iBAAiB;oBAC1B,WAAW,EAAE,UAAU;iBAC1B;aACJ;;SACJ,CAAC;QA2BO,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;QACzB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;QAClB,WAAA,MAAM,CAAC,aAAa,CAAC,CAAA;OA5BjB,oBAAoB,CA0HhC;IAAD,2BAAC;CA1HD;;;IC9B0C,wCAAmB;IAsBzD,8BACyC,UAAmC,EAC9B,QAA6B;QAF3E,YAII,kBAAM,UAAA,UAAU,IAAI,OAAA,KAAI,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,GAAA,CAAC,SAC1D;QAJwC,gBAAU,GAAV,UAAU,CAAyB;QAC9B,cAAQ,GAAR,QAAQ,CAAqB;QAvB1D,eAAS,GAAG,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC;QAEnC,cAAQ,GAAG,KAAK,CAC7B,cAAc,CAAC,KAAI,CAAC,UAAU,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC9E,cAAc,CAAC,KAAI,CAAC,UAAU,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC9E,cAAc,CAAC,KAAI,CAAC,UAAU,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAC3E,cAAc,CAAC,KAAI,CAAC,UAAU,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAC7E,KAAI,CAAC,QAAQ,CAChB,CAAC;QAEe,aAAO,GAAG,aAAa,CAAC,CAAC,KAAI,CAAC,SAAS,EAAE,KAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAC1E,SAAS,CAAC,UAAC,EAAmB;gBAAnB,kBAAmB,EAAlB,gBAAQ,EAAE,eAAO;YACzB,OAAA,QAAQ,IAAI,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,KAAK;SAAA,CACnD,CACJ,CAAC;;KAYD;IATD,sBAAI,0CAAQ;aAAZ,UAAa,QAAgB;YACzB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACjC;;;OAAA;;gBAGoD,UAAU,uBAA1D,MAAM,SAAC,UAAU;gBACkC,UAAU,uBAA7D,MAAM,SAAC,eAAe;;IAN3B;QADC,KAAK,EAAE;wDAGP;IApBQ,oBAAoB;QAHhC,SAAS,CAAC;YACP,QAAQ,EAAE,cAAc;SAC3B,CAAC;QAwBO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;QAClB,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;OAxBnB,oBAAoB,CA4BhC;IAAD,2BAAC;CAAA,CA5ByC,UAAU;;;ICChD,wCAC2C,qBAA0C;QAA1C,0BAAqB,GAArB,qBAAqB,CAAqB;KACjF;;gBAD8D,UAAU,uBAAvE,MAAM,SAAC,oBAAoB;;IAFvB,8BAA8B;QAJ1C,SAAS,CAAC;YACP,QAAQ,EAAE,yBAAyB;YACnC,OAAO,EAAE,CAAC,uBAAuB,CAAC;SACrC,CAAC;QAGO,WAAA,MAAM,CAAC,oBAAoB,CAAC,CAAA;OAFxB,8BAA8B,CAI1C;IAAD,qCAAC;CAJD;;ACNA;IACa,uBAAuB,GAAkB;IAClD,UAAU;IACV,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,GAAG;EACX;;IAWF;KAA2C;IAA9B,2BAA2B;QATvC,SAAS,CAAC;YACP,QAAQ,EAAE,sBAAsB;YAChC,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,kBAAkB;oBAC3B,QAAQ,EAAE,uBAAuB;iBACpC;aACJ;SACJ,CAAC;OACW,2BAA2B,CAAG;IAAD,kCAAC;CAA3C;;;ICCI,oCACyC,UAAmC;QAD5E,iBAEI;QADqC,eAAU,GAAV,UAAU,CAAyB;QAZnE,sBAAiB,GAAG,cAAc,CACvC,IAAI,CAAC,UAAU,CAAC,aAAa,EAC7B,OAAO,CACV,CAAC,IAAI,CACF,MAAM,CAAC,UAAC,EAAQ;gBAAP,kBAAM;YAAM,OAAA,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE;SAAA,CAAC,EAC3C,YAAY,CAAC,GAAG,CAAC,EACjB,GAAG,CAAC,UAAC,EAAQ;gBAAP,kBAAM;YAAM,OAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;SAAA,CAAC;;QAEpC,GAAG,CAAC,cAAM,QAAC,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,GAAG,EAAE,IAAC,CAAC,CAC7D,CAAC;KAIE;;gBADiD,UAAU,uBAA1D,MAAM,SAAC,UAAU;;IAZtB;QADC,MAAM,EAAE;yEAUP;IAXO,0BAA0B;QAHtC,SAAS,CAAC;YACP,QAAQ,EAAE,qBAAqB;SAClC,CAAC;QAeO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;OAdd,0BAA0B,CAgBtC;IAAD,iCAAC;CAhBD;;;IC+BA;KAAiC;IAApB,iBAAiB;QAtB7B,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,0BAA0B;gBAC1B,YAAY;gBACZ,cAAc;gBACd,aAAa;aAChB;YACD,YAAY,EAAE;gBACV,oBAAoB;gBACpB,oBAAoB;gBACpB,2BAA2B;gBAC3B,8BAA8B;gBAC9B,0BAA0B;aAC7B;YACD,OAAO,EAAE;gBACL,oBAAoB;gBACpB,oBAAoB;gBACpB,2BAA2B;gBAC3B,gBAAgB;aACnB;SACJ,CAAC;OACW,iBAAiB,CAAG;IAAD,wBAAC;CAAjC;;ACtCA;;;;;;"}

package/fesm5/taiga-ui-kit-components-checkbox-block.js

@@ -1,5 +1,5 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, Input, HostBinding, ViewChild, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl, FormsModule } from '@angular/forms';
 import { isNativeFocused, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiHoveredModule, TuiPressedModule } from '@taiga-ui/cdk';
 import { TuiModeDirective, TuiWrapperModule } from '@taiga-ui/core';
@@ -77,6 +77,9 @@ var TuiCheckboxBlockComponent = /** @class */ (function (_super) {
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
         { type: TuiModeDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiModeDirective,] }] }
     ]; };
+    __decorate([
+        ViewChild(TuiCheckboxComponent)
+    ], TuiCheckboxBlockComponent.prototype, "checkbox", void 0);
     __decorate([
         Input(),
         HostBinding('attr.data-tui-host-align'),
@@ -92,9 +95,6 @@ var TuiCheckboxBlockComponent = /** @class */ (function (_super) {
         HostBinding('attr.data-tui-host-size'),
         tuiDefaultProp()
     ], TuiCheckboxBlockComponent.prototype, "size", void 0);
-    __decorate([
-        ViewChild(TuiCheckboxComponent)
-    ], TuiCheckboxBlockComponent.prototype, "checkbox", void 0);
     __decorate([
         HostBinding('class._active')
     ], TuiCheckboxBlockComponent.prototype, "checked", null);