@taiga-ui/kit 2.26.0 → 2.29.0

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

@@ -1,143 +1,36 @@
 import { __decorate, __param } from 'tslib';
-import { Inject, ElementRef, Input, Directive, HostBinding, HostListener, EventEmitter, Optional, Output, ContentChildren, TemplateRef, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+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 { Observable, BehaviorSubject, merge, combineLatest, interval, of, 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 { Observable, BehaviorSubject, merge, combineLatest, interval, EMPTY } 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';
-
-let TuiCarouselDirective = class TuiCarouselDirective extends Observable {
-    constructor(destroy$, elementRef, visible$) {
-        super(subscriber => this.output$.subscribe(subscriber));
-        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(v => !isNaN(v))),
-            this.duration$,
-        ]).pipe(switchMap(([index, duration]) => duration
-            ? interval(duration).pipe(withLatestFrom(this.running$), filter(([_, running]) => running), scan(acc => ++acc, index), startWith(index))
-            : of(index)), distinctUntilChanged());
-        // So that initial position is scrolled to instantly
-        this.inited = false;
-    }
-    set index(index) {
-        this.index$.next(index);
-    }
-    set duration(duration) {
-        this.duration$.next(duration);
-    }
-    ngOnInit() {
-        if (isNaN(this.index$.value)) {
-            this.index$.next(0);
-        }
-    }
-    prev() {
-        this.index$.next(this.index$.value - 1);
-    }
-    next() {
-        this.index$.next(this.index$.value + 1);
-    }
-};
-TuiCarouselDirective.ctorParameters = () => [
-    { 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);
 
 // @dynamic
-let TuiCarouselDraggableDirective = class TuiCarouselDraggableDirective extends Observable {
-    constructor(documentRef, isMobile, elementRef, pan$) {
-        super(subscriber => this.transform$.subscribe(subscriber));
-        this.documentRef = documentRef;
-        this.isMobile = isMobile;
-        this.elementRef = elementRef;
-        this.pan$ = pan$;
-        this.transform$ = this.isMobile
-            ? EMPTY
-            : this.pan$.pipe(filter(() => this.draggable), scan((acc, [cur]) => acc + cur, 0), takeUntil(typedFromEvent(this.documentRef, 'mouseup').pipe(delay(0))), map(x => `translateX(${clamp(x, this.min, this.max)}px)`), endWith(null), repeat());
-        this.min = -Infinity;
-        this.max = Infinity;
-        this.draggable = true;
-        this.transitioned = false;
-    }
-    onMouseDown() {
-        const { scrollLeft, scrollWidth, clientWidth } = this.elementRef.nativeElement;
-        this.max = scrollLeft;
-        this.min = clientWidth - Math.round(scrollWidth) + Math.round(scrollLeft);
-        this.transitioned = true;
-    }
-    onTransitionEnd(target) {
-        if (this.elementRef.nativeElement.firstElementChild === target) {
-            this.transitioned = false;
-        }
-    }
-};
-TuiCarouselDraggableDirective.ctorParameters = () => [
-    { 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);
-
 let TuiCarouselComponent = class TuiCarouselComponent {
-    constructor(transform$, index$) {
-        this.transform$ = transform$;
-        this.index$ = index$;
-        this.intersected$ = new Subject();
+    constructor(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(index => this.loopback(index)));
-        this.attached = false;
         this.items = EMPTY_QUERY;
+        this.transitioned = true;
+    }
+    get transform() {
+        const x = this.transitioned ? this.computedTranslate : this.translate;
+        return `translateX(${100 * x}%)`;
+    }
+    onTransitioned(transitioned) {
+        this.transitioned = transitioned;
+        if (!transitioned) {
+            this.translate = this.computedTranslate;
+        }
     }
     getStyle(itemsCount) {
         const percent = `${100 / itemsCount}%`;
@@ -147,29 +40,69 @@ let TuiCarouselComponent = class TuiCarouselComponent {
             maxWidth: percent,
         };
     }
-    onIntersection({ intersectionRatio, intersectionRect, rootBounds }, index) {
-        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)) {
+    next() {
+        this.updateIndex(this.index + 1);
+    }
+    prev() {
+        this.updateIndex(this.index - 1);
+    }
+    isDisabled(index) {
+        return index < this.index || index > this.index + this.itemsCount;
+    }
+    onIntersection({ intersectionRatio }, index) {
+        if (intersectionRatio && intersectionRatio !== 1 && !this.transitioned) {
+            this.updateIndex(index - Math.floor(this.itemsCount / 2));
+        }
+    }
+    onScroll(delta) {
+        if (!this.isMobile) {
+            this.updateIndex(this.index + delta);
+        }
+    }
+    onPan(x) {
+        if (!this.computedDraggable) {
+            return;
+        }
+        const { clientWidth } = this.elementRef.nativeElement;
+        const min = 1 - this.items.length / this.itemsCount;
+        this.translate = clamp(x / clientWidth + this.translate, min, 0);
+    }
+    onSwipe(direction) {
+        if (Math.round(this.translate) !== -this.index || !this.computedDraggable) {
             return;
         }
-        this.indexChange.emit(index - Math.floor(this.itemsCount / 2));
+        else if (direction === 'left') {
+            this.next();
+        }
+        else if (direction === 'right') {
+            this.prev();
+        }
+    }
+    onAutoscroll() {
+        this.updateIndex(this.index === this.items.length - 1 ? 0 : this.index + 1);
+    }
+    get computedTranslate() {
+        return -this.index / this.itemsCount;
     }
-    onPresent(attached) {
-        this.attached = attached;
+    get computedDraggable() {
+        return this.isMobile || this.draggable;
     }
-    loopback(index) {
-        const safe = this.items.length || index + 1;
-        const remainder = index % safe;
-        return remainder < 0 ? remainder + this.items.length : remainder;
+    updateIndex(index) {
+        this.index = clamp(index, 0, this.items.length - 1);
+        this.indexChange.emit(this.index);
+        this.changeDetectorRef.markForCheck();
     }
 };
 TuiCarouselComponent.ctorParameters = () => [
-    { 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()
@@ -184,13 +117,22 @@ __decorate([
 __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: [
             {
@@ -198,13 +140,57 @@ TuiCarouselComponent = __decorate([
                 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);
 
+let TuiCarouselDirective = class TuiCarouselDirective extends Observable {
+    constructor(elementRef, visible$) {
+        super(subscriber => this.output$.subscribe(subscriber));
+        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(([duration, running]) => duration && running ? interval(duration) : EMPTY));
+    }
+    set duration(duration) {
+        this.duration$.next(duration);
+    }
+};
+TuiCarouselDirective.ctorParameters = () => [
+    { 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);
+
+let TuiCarouselAutoscrollDirective = class TuiCarouselAutoscrollDirective {
+    constructor(tuiCarouselAutoscroll) {
+        this.tuiCarouselAutoscroll = tuiCarouselAutoscroll;
+    }
+};
+TuiCarouselAutoscrollDirective.ctorParameters = () => [
+    { type: Observable, decorators: [{ type: Inject, args: [TuiCarouselDirective,] }] }
+];
+TuiCarouselAutoscrollDirective = __decorate([
+    Directive({
+        selector: '[tuiCarouselAutoscroll]',
+        outputs: ['tuiCarouselAutoscroll'],
+    }),
+    __param(0, Inject(TuiCarouselDirective))
+], TuiCarouselAutoscrollDirective);
+
 // TODO: remove in ivy compilation
 const CAROUSEL_BUTTON_OPTIONS = {
     appearance: "secondary" /* Secondary */,
@@ -225,91 +211,49 @@ TuiCarouselButtonsDirective = __decorate([
     })
 ], TuiCarouselButtonsDirective);
 
-function shouldScroll() {
-    var _a;
-    return !this.isMobile && !!((_a = this.draggable) === null || _a === void 0 ? void 0 : _a.draggable) && this.index === this.current;
-}
-// @dynamic
-let TuiCarouselScrollerDirective = class TuiCarouselScrollerDirective {
-    constructor(draggable, isMobile, directive, elementRef, root) {
-        this.draggable = draggable;
-        this.isMobile = isMobile;
-        this.directive = directive;
+let TuiCarouselScrollDirective = class TuiCarouselScrollDirective {
+    constructor(elementRef) {
         this.elementRef = elementRef;
-        this.root = root;
-        this.index = 0;
-        this.current = 0;
-    }
-    set scroll(scroll) {
-        if (scroll) {
-            this.scrollTo(this.directive.inited ? 'smooth' : 'auto');
-        }
-    }
-    onMouseUp(_e) {
-        const { left } = this.root.nativeElement.getBoundingClientRect();
-        const rect = this.elementRef.nativeElement.getBoundingClientRect();
-        const { parentElement } = this.elementRef.nativeElement;
-        parentElement.style.transform = `translateX(${rect.left - left}px)`;
-        this.scrollTo();
-    }
-    scrollTo(behavior = 'auto') {
-        this.directive.inited = true;
-        this.root.nativeElement.scrollTo({
-            left: this.elementRef.nativeElement.offsetLeft,
-            behavior,
-        });
+        this.tuiCarouselScroll = typedFromEvent(this.elementRef.nativeElement, 'wheel').pipe(filter(({ deltaX }) => Math.abs(deltaX) > 20), throttleTime(500), map(({ deltaX }) => Math.sign(deltaX)), 
+        // So we always have space to scroll and overflow-behavior saves us from back nav
+        tap(() => (this.elementRef.nativeElement.scrollLeft = 10)));
     }
 };
-TuiCarouselScrollerDirective.ctorParameters = () => [
-    { 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 = () => [
+    { 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);
+    __param(0, Inject(ElementRef))
+], TuiCarouselScrollDirective);
 
 let TuiCarouselModule = class TuiCarouselModule {
 };
 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,
         ],
     })
@@ -319,5 +263,5 @@ TuiCarouselModule = __decorate([
  * 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/fesm2015/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":"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"}

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

@@ -1,5 +1,5 @@
 import { __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 { AbstractTuiNullableControl, isNativeFocused, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiHoveredModule, TuiPressedModule } from '@taiga-ui/cdk';
 import { TuiModeDirective, TuiWrapperModule } from '@taiga-ui/core';
@@ -55,6 +55,9 @@ TuiCheckboxBlockComponent.ctorParameters = () => [
     { 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'),
@@ -70,9 +73,6 @@ __decorate([
     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);

package/fesm2015/taiga-ui-kit-components-checkbox-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-checkbox-block.js","sources":["ng://@taiga-ui/kit/components/checkbox-block/checkbox-block.component.ts","ng://@taiga-ui/kit/components/checkbox-block/checkbox-block.module.ts","ng://@taiga-ui/kit/components/checkbox-block/taiga-ui-kit-components-checkbox-block.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {\n    TuiAppearance,\n    TuiHorizontalDirection,\n    TuiModeDirective,\n    TuiSizeL,\n    TuiSizeS,\n} from '@taiga-ui/core';\nimport {TuiCheckboxComponent} from '@taiga-ui/kit/components/checkbox';\n\n@Component({\n    selector: 'tui-checkbox-block',\n    templateUrl: './checkbox-block.template.html',\n    styleUrls: ['./checkbox-block.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiCheckboxBlockComponent),\n        },\n    ],\n})\nexport class TuiCheckboxBlockComponent\n    extends AbstractTuiNullableControl<boolean>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @HostBinding('attr.data-tui-host-align')\n    @tuiDefaultProp()\n    contentAlign: TuiHorizontalDirection = 'right';\n\n    @Input()\n    @HostBinding('class._hidden_checkbox')\n    @tuiDefaultProp()\n    hideCheckbox = false;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = 'l';\n\n    @ViewChild(TuiCheckboxComponent)\n    private checkbox?: TuiCheckboxComponent;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Optional()\n        @Inject(TuiModeDirective)\n        private readonly modeDirective: TuiModeDirective | null,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.checkbox ? this.checkbox.nativeFocusableElement : null;\n    }\n\n    @HostBinding('class._active')\n    get checked(): boolean {\n        return this.value !== false && this.hideCheckbox;\n    }\n\n    get checkboxSize(): TuiSizeL {\n        return this.size === 'l' ? 'l' : 'm';\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get appearance(): TuiAppearance {\n        if (!this.modeDirective || !this.modeDirective.mode) {\n            return this.checked\n                ? TuiAppearance.WhiteblockActive\n                : TuiAppearance.Whiteblock;\n        }\n\n        return this.checked ? TuiAppearance.Primary : TuiAppearance.Secondary;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.updateFocusVisible(focusVisible);\n    }\n\n    onModelChange(value: boolean) {\n        this.updateValue(value);\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiHoveredModule, TuiPressedModule} from '@taiga-ui/cdk';\nimport {TuiWrapperModule} from '@taiga-ui/core';\nimport {TuiCheckboxModule} from '@taiga-ui/kit/components/checkbox';\n\nimport {TuiCheckboxBlockComponent} from './checkbox-block.component';\n\n@NgModule({\n    imports: [\n        FormsModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiCheckboxModule,\n        TuiWrapperModule,\n    ],\n    declarations: [TuiCheckboxBlockComponent],\n    exports: [TuiCheckboxBlockComponent],\n})\nexport class TuiCheckboxBlockModule {}\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-checkbox-block.js","sources":["ng://@taiga-ui/kit/components/checkbox-block/checkbox-block.component.ts","ng://@taiga-ui/kit/components/checkbox-block/checkbox-block.module.ts","ng://@taiga-ui/kit/components/checkbox-block/taiga-ui-kit-components-checkbox-block.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {\n    TuiAppearance,\n    TuiHorizontalDirection,\n    TuiModeDirective,\n    TuiSizeL,\n    TuiSizeS,\n} from '@taiga-ui/core';\nimport {TuiCheckboxComponent} from '@taiga-ui/kit/components/checkbox';\n\n@Component({\n    selector: 'tui-checkbox-block',\n    templateUrl: './checkbox-block.template.html',\n    styleUrls: ['./checkbox-block.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiCheckboxBlockComponent),\n        },\n    ],\n})\nexport class TuiCheckboxBlockComponent\n    extends AbstractTuiNullableControl<boolean>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiCheckboxComponent)\n    private readonly checkbox?: TuiCheckboxComponent;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-align')\n    @tuiDefaultProp()\n    contentAlign: TuiHorizontalDirection = 'right';\n\n    @Input()\n    @HostBinding('class._hidden_checkbox')\n    @tuiDefaultProp()\n    hideCheckbox = false;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = 'l';\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Optional()\n        @Inject(TuiModeDirective)\n        private readonly modeDirective: TuiModeDirective | null,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.checkbox ? this.checkbox.nativeFocusableElement : null;\n    }\n\n    @HostBinding('class._active')\n    get checked(): boolean {\n        return this.value !== false && this.hideCheckbox;\n    }\n\n    get checkboxSize(): TuiSizeL {\n        return this.size === 'l' ? 'l' : 'm';\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get appearance(): TuiAppearance {\n        if (!this.modeDirective || !this.modeDirective.mode) {\n            return this.checked\n                ? TuiAppearance.WhiteblockActive\n                : TuiAppearance.Whiteblock;\n        }\n\n        return this.checked ? TuiAppearance.Primary : TuiAppearance.Secondary;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.updateFocusVisible(focusVisible);\n    }\n\n    onModelChange(value: boolean) {\n        this.updateValue(value);\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiHoveredModule, TuiPressedModule} from '@taiga-ui/cdk';\nimport {TuiWrapperModule} from '@taiga-ui/core';\nimport {TuiCheckboxModule} from '@taiga-ui/kit/components/checkbox';\n\nimport {TuiCheckboxBlockComponent} from './checkbox-block.component';\n\n@NgModule({\n    imports: [\n        FormsModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiCheckboxModule,\n        TuiWrapperModule,\n    ],\n    declarations: [TuiCheckboxBlockComponent],\n    exports: [TuiCheckboxBlockComponent],\n})\nexport class TuiCheckboxBlockModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-checkbox-labeled.js

@@ -1,5 +1,5 @@
 import { __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 { AbstractTuiNullableControl, isNativeFocused, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiHoveredModule, TuiPressedModule } from '@taiga-ui/cdk';
 import { TuiModeDirective } from '@taiga-ui/core';
@@ -40,14 +40,14 @@ TuiCheckboxLabeledComponent.ctorParameters = () => [
     { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
     { type: TuiModeDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiModeDirective,] }] }
 ];
+__decorate([
+    ViewChild(TuiCheckboxComponent)
+], TuiCheckboxLabeledComponent.prototype, "checkbox", void 0);
 __decorate([
     Input(),
     HostBinding('attr.data-tui-host-size'),
     tuiDefaultProp()
 ], TuiCheckboxLabeledComponent.prototype, "size", void 0);
-__decorate([
-    ViewChild(TuiCheckboxComponent)
-], TuiCheckboxLabeledComponent.prototype, "checkbox", void 0);
 __decorate([
     HostBinding('attr.data-mode')
 ], TuiCheckboxLabeledComponent.prototype, "hostMode", null);