@taiga-ui/kit 3.58.0 → 3.59.0-canary.10da730

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

@@ -0,0 +1,303 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { ElementRef, Directive, Inject, Input, Output, EventEmitter, ChangeDetectorRef, TemplateRef, Component, ChangeDetectionStrategy, HostBinding, ContentChildren, HostListener, NgModule } from '@angular/core';
+import * as i3 from '@taiga-ui/cdk';
+import { tuiTypedFromEvent, ALWAYS_FALSE_HANDLER, ALWAYS_TRUE_HANDLER, tuiIfMap, EMPTY_QUERY, tuiClamp, TUI_IS_MOBILE, TuiItemDirective, tuiPure, TuiPanModule, TuiSwipeModule, TuiItemModule } from '@taiga-ui/cdk';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@ng-web-apis/intersection-observer';
+import { IntersectionObserverModule } from '@ng-web-apis/intersection-observer';
+import { PAGE_VISIBILITY } from '@ng-web-apis/common';
+import * as i1 from 'rxjs';
+import { Observable, BehaviorSubject, merge, map, combineLatest, interval, filter, throttleTime, tap } from 'rxjs';
+import { tuiButtonOptionsProvider, TuiAppearance } from '@taiga-ui/core';
+
+class TuiCarouselDirective extends Observable {
+    set duration(duration) {
+        this.duration$.next(duration);
+    }
+    set index(_) {
+        this.duration$.next(this.duration$.value);
+    }
+    constructor(el, visible$) {
+        super(subscriber => this.output$.subscribe(subscriber));
+        this.el = el;
+        this.visible$ = visible$;
+        this.duration$ = new BehaviorSubject(0);
+        this.running$ = merge(tuiTypedFromEvent(this.el.nativeElement, 'mouseenter').pipe(map(ALWAYS_FALSE_HANDLER)), tuiTypedFromEvent(this.el.nativeElement, 'touchstart').pipe(map(ALWAYS_FALSE_HANDLER)), tuiTypedFromEvent(this.el.nativeElement, 'touchend').pipe(map(ALWAYS_TRUE_HANDLER)), tuiTypedFromEvent(this.el.nativeElement, 'mouseleave').pipe(map(ALWAYS_TRUE_HANDLER)), this.visible$);
+        this.output$ = combineLatest([this.duration$, this.running$]).pipe(tuiIfMap(([duration]) => interval(duration), values => values.every(Boolean)));
+    }
+}
+TuiCarouselDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselDirective, deps: [{ token: ElementRef }, { token: PAGE_VISIBILITY }], target: i0.ɵɵFactoryTarget.Directive });
+TuiCarouselDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiCarouselDirective, selector: "tui-carousel", inputs: { duration: "duration", index: "index" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tui-carousel',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef, decorators: [{
+                        type: Inject,
+                        args: [ElementRef]
+                    }] }, { type: i1.Observable, decorators: [{
+                        type: Inject,
+                        args: [PAGE_VISIBILITY]
+                    }] }];
+    }, propDecorators: { duration: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }] } });
+
+class TuiCarouselAutoscrollDirective {
+    constructor(tuiCarouselAutoscroll) {
+        this.tuiCarouselAutoscroll = tuiCarouselAutoscroll;
+    }
+}
+TuiCarouselAutoscrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselAutoscrollDirective, deps: [{ token: TuiCarouselDirective }], target: i0.ɵɵFactoryTarget.Directive });
+TuiCarouselAutoscrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiCarouselAutoscrollDirective, selector: "[tuiCarouselAutoscroll]", outputs: { tuiCarouselAutoscroll: "tuiCarouselAutoscroll" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselAutoscrollDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiCarouselAutoscroll]',
+                    outputs: ['tuiCarouselAutoscroll'],
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i1.Observable, decorators: [{
+                        type: Inject,
+                        args: [TuiCarouselDirective]
+                    }] }];
+    } });
+
+class TuiCarouselScrollDirective {
+    constructor(el) {
+        this.el = el;
+        this.tuiCarouselScroll = tuiTypedFromEvent(this.el.nativeElement, 'wheel').pipe(filter(({ deltaX }) => Math.abs(deltaX) > 20), throttleTime(500), map(({ deltaX }) => Math.sign(deltaX)), tap(() => {
+            // So we always have space to scroll and overflow-behavior saves us from back nav
+            this.el.nativeElement.scrollLeft = 10;
+        }));
+    }
+}
+TuiCarouselScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselScrollDirective, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TuiCarouselScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiCarouselScrollDirective, selector: "[tuiCarouselScroll]", outputs: { tuiCarouselScroll: "tuiCarouselScroll" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselScrollDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiCarouselScroll]',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef, decorators: [{
+                        type: Inject,
+                        args: [ElementRef]
+                    }] }];
+    }, propDecorators: { tuiCarouselScroll: [{
+                type: Output
+            }] } });
+
+class TuiCarouselComponent {
+    constructor(cdr, el, isMobile) {
+        this.cdr = cdr;
+        this.el = el;
+        this.isMobile = isMobile;
+        this.translate = 0;
+        this.draggable = false;
+        this.itemsCount = 1;
+        this.index = 0;
+        this.indexChange = new EventEmitter();
+        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}%`;
+        return {
+            flexBasis: percent,
+            minWidth: percent,
+            maxWidth: percent,
+        };
+    }
+    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.el.nativeElement;
+        const min = 1 - this.items.length / this.itemsCount;
+        this.translate = tuiClamp(x / clientWidth + this.translate, min, 0);
+    }
+    onSwipe(direction) {
+        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;
+    }
+    get computedDraggable() {
+        return this.isMobile || this.draggable;
+    }
+    updateIndex(index) {
+        this.index = tuiClamp(index, 0, this.items.length - 1);
+        this.indexChange.emit(this.index);
+        this.cdr.markForCheck();
+    }
+}
+TuiCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselComponent, deps: [{ token: ChangeDetectorRef }, { token: ElementRef }, { token: TUI_IS_MOBILE }], target: i0.ɵɵFactoryTarget.Component });
+TuiCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiCarouselComponent, selector: "tui-carousel", inputs: { draggable: "draggable", itemsCount: "itemsCount", index: "index" }, outputs: { indexChange: "indexChange" }, host: { listeners: { "touchstart": "onTransitioned(false)", "touchend": "onTransitioned(true)", "mousedown": "onTransitioned(false)", "document:mouseup.silent": "onTransitioned(true)" }, properties: { "class._draggable": "this.draggable", "class._transitioned": "this.transitioned" } }, queries: [{ propertyName: "items", predicate: TuiItemDirective, read: TemplateRef }], ngImport: i0, template: "<ng-container *ngIf=\"items.changes | async\"></ng-container>\n<div\n    class=\"t-scroller\"\n    (tuiCarouselScroll)=\"onScroll($event)\"\n>\n    <div\n        waIntersectionObserver\n        waIntersectionRoot\n        waIntersectionRootMargin=\"100px 1000000px 100px -51%\"\n        waIntersectionThreshold=\"0,1\"\n        class=\"t-wrapper\"\n    >\n        <div\n            class=\"t-items\"\n            [style.transform]=\"transform\"\n            (tuiCarouselAutoscroll)=\"onAutoscroll()\"\n            (tuiPan)=\"onPan($event[0])\"\n            (tuiSwipe)=\"onSwipe($event.direction)\"\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", styles: [":host{position:relative;display:block;overflow:hidden}:host._draggable{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host._draggable:hover{cursor:grab}:host._draggable:active{cursor:grabbing}.t-items{display:flex}:host._transitioned .t-items{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.t-item{display:flex;flex-direction:column;justify-content:center;padding:var(--tui-carousel-padding, 0 1.25rem);flex:1;min-width:100%;max-width:100%;box-sizing:border-box;border:none;margin:0}.t-wrapper{position:-webkit-sticky;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:transparent;width:0;height:0}.t-scroller:before,.t-scroller:after{content:\"\";display:block;min-width:1rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.IntersectionObserverDirective, selector: "[waIntersectionObserver]", exportAs: ["IntersectionObserver"] }, { kind: "directive", type: i2.IntersectionObserveeDirective, selector: "[waIntersectionObservee]", outputs: ["waIntersectionObservee"] }, { kind: "directive", type: i2.IntersectionRootDirective, selector: "[waIntersectionRoot]" }, { kind: "directive", type: i3.TuiPanDirective, selector: "[tuiPan]", outputs: ["tuiPan"] }, { kind: "directive", type: i3.TuiSwipeDirective, selector: "[tuiSwipe]", outputs: ["tuiSwipe"] }, { kind: "directive", type: TuiCarouselAutoscrollDirective, selector: "[tuiCarouselAutoscroll]", outputs: ["tuiCarouselAutoscroll"] }, { kind: "directive", type: TuiCarouselScrollDirective, selector: "[tuiCarouselScroll]", outputs: ["tuiCarouselScroll"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+__decorate([
+    tuiPure
+], TuiCarouselComponent.prototype, "getStyle", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-carousel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"items.changes | async\"></ng-container>\n<div\n    class=\"t-scroller\"\n    (tuiCarouselScroll)=\"onScroll($event)\"\n>\n    <div\n        waIntersectionObserver\n        waIntersectionRoot\n        waIntersectionRootMargin=\"100px 1000000px 100px -51%\"\n        waIntersectionThreshold=\"0,1\"\n        class=\"t-wrapper\"\n    >\n        <div\n            class=\"t-items\"\n            [style.transform]=\"transform\"\n            (tuiCarouselAutoscroll)=\"onAutoscroll()\"\n            (tuiPan)=\"onPan($event[0])\"\n            (tuiSwipe)=\"onSwipe($event.direction)\"\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", styles: [":host{position:relative;display:block;overflow:hidden}:host._draggable{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host._draggable:hover{cursor:grab}:host._draggable:active{cursor:grabbing}.t-items{display:flex}:host._transitioned .t-items{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.t-item{display:flex;flex-direction:column;justify-content:center;padding:var(--tui-carousel-padding, 0 1.25rem);flex:1;min-width:100%;max-width:100%;box-sizing:border-box;border:none;margin:0}.t-wrapper{position:-webkit-sticky;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:transparent;width:0;height:0}.t-scroller:before,.t-scroller:after{content:\"\";display:block;min-width:1rem}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ChangeDetectorRef, decorators: [{
+                        type: Inject,
+                        args: [ChangeDetectorRef]
+                    }] }, { type: i0.ElementRef, decorators: [{
+                        type: Inject,
+                        args: [ElementRef]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [TUI_IS_MOBILE]
+                    }] }];
+    }, propDecorators: { draggable: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class._draggable']
+            }], itemsCount: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], indexChange: [{
+                type: Output
+            }], items: [{
+                type: ContentChildren,
+                args: [TuiItemDirective, { read: TemplateRef }]
+            }], transitioned: [{
+                type: HostBinding,
+                args: ['class._transitioned']
+            }], onTransitioned: [{
+                type: HostListener,
+                args: ['touchstart', ['false']]
+            }, {
+                type: HostListener,
+                args: ['touchend', ['true']]
+            }, {
+                type: HostListener,
+                args: ['mousedown', ['false']]
+            }, {
+                type: HostListener,
+                args: ['document:mouseup.silent', ['true']]
+            }], getStyle: [] } });
+
+class TuiCarouselButtonsDirective {
+}
+TuiCarouselButtonsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselButtonsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TuiCarouselButtonsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiCarouselButtonsDirective, selector: "[tuiCarouselButtons]", providers: [
+        tuiButtonOptionsProvider({
+            appearance: TuiAppearance.Secondary,
+            shape: 'rounded',
+            size: 'm',
+        }),
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselButtonsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiCarouselButtons]',
+                    providers: [
+                        tuiButtonOptionsProvider({
+                            appearance: TuiAppearance.Secondary,
+                            shape: 'rounded',
+                            size: 'm',
+                        }),
+                    ],
+                }]
+        }] });
+
+class TuiCarouselModule {
+}
+TuiCarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselModule, declarations: [TuiCarouselComponent,
+        TuiCarouselDirective,
+        TuiCarouselButtonsDirective,
+        TuiCarouselAutoscrollDirective,
+        TuiCarouselScrollDirective], imports: [CommonModule,
+        IntersectionObserverModule,
+        TuiPanModule,
+        TuiSwipeModule,
+        TuiItemModule], exports: [TuiCarouselComponent,
+        TuiCarouselDirective,
+        TuiCarouselButtonsDirective,
+        TuiItemDirective] });
+TuiCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselModule, imports: [CommonModule,
+        IntersectionObserverModule,
+        TuiPanModule,
+        TuiSwipeModule,
+        TuiItemModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCarouselModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IntersectionObserverModule,
+                        TuiPanModule,
+                        TuiSwipeModule,
+                        TuiItemModule,
+                    ],
+                    declarations: [
+                        TuiCarouselComponent,
+                        TuiCarouselDirective,
+                        TuiCarouselButtonsDirective,
+                        TuiCarouselAutoscrollDirective,
+                        TuiCarouselScrollDirective,
+                    ],
+                    exports: [
+                        TuiCarouselComponent,
+                        TuiCarouselDirective,
+                        TuiCarouselButtonsDirective,
+                        TuiItemDirective,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiCarouselAutoscrollDirective, TuiCarouselButtonsDirective, TuiCarouselComponent, TuiCarouselDirective, TuiCarouselModule, TuiCarouselScrollDirective };
+//# sourceMappingURL=taiga-ui-kit-components-carousel.mjs.map

package/fesm2015/taiga-ui-kit-components-carousel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-carousel.mjs","sources":["../../../projects/kit/components/carousel/carousel.directive.ts","../../../projects/kit/components/carousel/carousel-autoscroll.directive.ts","../../../projects/kit/components/carousel/carousel-scroll.directive.ts","../../../projects/kit/components/carousel/carousel.component.ts","../../../projects/kit/components/carousel/carousel.template.html","../../../projects/kit/components/carousel/carousel-buttons.directive.ts","../../../projects/kit/components/carousel/carousel.module.ts","../../../projects/kit/components/carousel/taiga-ui-kit-components-carousel.ts"],"sourcesContent":["import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {PAGE_VISIBILITY} from '@ng-web-apis/common';\nimport {\n    ALWAYS_FALSE_HANDLER,\n    ALWAYS_TRUE_HANDLER,\n    tuiIfMap,\n    tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {BehaviorSubject, combineLatest, interval, map, merge, Observable} from 'rxjs';\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        tuiTypedFromEvent(this.el.nativeElement, 'mouseenter').pipe(\n            map(ALWAYS_FALSE_HANDLER),\n        ),\n        tuiTypedFromEvent(this.el.nativeElement, 'touchstart').pipe(\n            map(ALWAYS_FALSE_HANDLER),\n        ),\n        tuiTypedFromEvent(this.el.nativeElement, 'touchend').pipe(\n            map(ALWAYS_TRUE_HANDLER),\n        ),\n        tuiTypedFromEvent(this.el.nativeElement, 'mouseleave').pipe(\n            map(ALWAYS_TRUE_HANDLER),\n        ),\n        this.visible$,\n    );\n\n    private readonly output$ = combineLatest([this.duration$, this.running$]).pipe(\n        tuiIfMap(\n            ([duration]) => interval(duration),\n            values => values.every(Boolean),\n        ),\n    );\n\n    @Input()\n    set duration(duration: number) {\n        this.duration$.next(duration);\n    }\n\n    @Input()\n    set index(_: number) {\n        this.duration$.next(this.duration$.value);\n    }\n\n    constructor(\n        @Inject(ElementRef) private readonly el: 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, ElementRef, Inject, Output} from '@angular/core';\nimport {tuiTypedFromEvent} from '@taiga-ui/cdk';\nimport {filter, map, tap, throttleTime} from 'rxjs';\n\n@Directive({\n    selector: '[tuiCarouselScroll]',\n})\nexport class TuiCarouselScrollDirective {\n    @Output()\n    readonly tuiCarouselScroll = tuiTypedFromEvent(this.el.nativeElement, 'wheel').pipe(\n        filter(({deltaX}) => Math.abs(deltaX) > 20),\n        throttleTime(500),\n        map(({deltaX}) => Math.sign(deltaX)),\n        tap(() => {\n            // So we always have space to scroll and overflow-behavior saves us from back nav\n            this.el.nativeElement.scrollLeft = 10;\n        }),\n    );\n\n    constructor(@Inject(ElementRef) private readonly el: ElementRef<HTMLElement>) {}\n}\n","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 {\n    EMPTY_QUERY,\n    TUI_IS_MOBILE,\n    tuiClamp,\n    TuiItemDirective,\n    tuiPure,\n    TuiSwipeDirection,\n} from '@taiga-ui/cdk';\n\n@Component({\n    selector: 'tui-carousel',\n    templateUrl: './carousel.template.html',\n    styleUrls: ['./carousel.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiCarouselComponent {\n    private translate = 0;\n\n    @Input()\n    @HostBinding('class._draggable')\n    draggable = false;\n\n    @Input()\n    itemsCount = 1;\n\n    @Input()\n    index = 0;\n\n    @Output()\n    readonly indexChange = new EventEmitter<number>();\n\n    @ContentChildren(TuiItemDirective, {read: TemplateRef})\n    readonly items: QueryList<TemplateRef<Record<string, unknown>>> = EMPTY_QUERY;\n\n    @HostBinding('class._transitioned')\n    transitioned = true;\n\n    constructor(\n        @Inject(ChangeDetectorRef) private readonly cdr: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly el: 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): void {\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(): void {\n        this.updateIndex(this.index + 1);\n    }\n\n    prev(): void {\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): void {\n        if (intersectionRatio && intersectionRatio !== 1 && !this.transitioned) {\n            this.updateIndex(index - Math.floor(this.itemsCount / 2));\n        }\n    }\n\n    onScroll(delta: number): void {\n        if (!this.isMobile) {\n            this.updateIndex(this.index + delta);\n        }\n    }\n\n    onPan(x: number): void {\n        if (!this.computedDraggable) {\n            return;\n        }\n\n        const {clientWidth} = this.el.nativeElement;\n        const min = 1 - this.items.length / this.itemsCount;\n\n        this.translate = tuiClamp(x / clientWidth + this.translate, min, 0);\n    }\n\n    onSwipe(direction: TuiSwipeDirection): void {\n        if (direction === 'left') {\n            this.next();\n        } else if (direction === 'right') {\n            this.prev();\n        }\n    }\n\n    onAutoscroll(): void {\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): void {\n        this.index = tuiClamp(index, 0, this.items.length - 1);\n        this.indexChange.emit(this.index);\n        this.cdr.markForCheck();\n    }\n}\n","<ng-container *ngIf=\"items.changes | async\"></ng-container>\n<div\n    class=\"t-scroller\"\n    (tuiCarouselScroll)=\"onScroll($event)\"\n>\n    <div\n        waIntersectionObserver\n        waIntersectionRoot\n        waIntersectionRootMargin=\"100px 1000000px 100px -51%\"\n        waIntersectionThreshold=\"0,1\"\n        class=\"t-wrapper\"\n    >\n        <div\n            class=\"t-items\"\n            [style.transform]=\"transform\"\n            (tuiCarouselAutoscroll)=\"onAutoscroll()\"\n            (tuiPan)=\"onPan($event[0])\"\n            (tuiSwipe)=\"onSwipe($event.direction)\"\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","import {Directive} from '@angular/core';\nimport {TuiAppearance, tuiButtonOptionsProvider} from '@taiga-ui/core';\n\n@Directive({\n    selector: '[tuiCarouselButtons]',\n    providers: [\n        tuiButtonOptionsProvider({\n            appearance: TuiAppearance.Secondary,\n            shape: 'rounded',\n            size: 'm',\n        }),\n    ],\n})\nexport class TuiCarouselButtonsDirective {}\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":["i1","i4.TuiCarouselAutoscrollDirective","i5.TuiCarouselScrollDirective"],"mappings":"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"}

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

@@ -0,0 +1,141 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef, Component, ChangeDetectionStrategy, Optional, Self, Inject, ViewChild, Input, HostBinding, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { NgControl, FormsModule } from '@angular/forms';
+import { AbstractTuiNullableControl, tuiIsNativeFocused, tuiAsFocusableItemAccessor, tuiAsControl, TuiHoveredModule, TuiPressedModule } from '@taiga-ui/cdk';
+import * as i4 from '@taiga-ui/core';
+import { TuiAppearance, TuiModeDirective, TuiWrapperModule } from '@taiga-ui/core';
+import * as i3 from '@taiga-ui/kit/components/checkbox';
+import { TuiCheckboxComponent, TuiCheckboxModule } from '@taiga-ui/kit/components/checkbox';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class TuiCheckboxBlockComponent extends AbstractTuiNullableControl {
+    constructor(control, cdr, modeDirective) {
+        super(control, cdr);
+        this.modeDirective = modeDirective;
+        this.contentAlign = 'right';
+        this.hideCheckbox = false;
+        this.size = 'l';
+    }
+    get nativeFocusableElement() {
+        var _a, _b;
+        return (_b = (_a = this.checkbox) === null || _a === void 0 ? void 0 : _a.nativeFocusableElement) !== null && _b !== void 0 ? _b : null;
+    }
+    get checked() {
+        return this.value !== false && this.hideCheckbox;
+    }
+    get checkboxSize() {
+        return this.size === 'l' ? 'l' : 'm';
+    }
+    get focused() {
+        return tuiIsNativeFocused(this.nativeFocusableElement);
+    }
+    get appearance() {
+        var _a;
+        if (!((_a = this.modeDirective) === null || _a === void 0 ? void 0 : _a.mode)) {
+            return this.checked
+                ? TuiAppearance.WhiteblockActive
+                : TuiAppearance.Whiteblock;
+        }
+        return this.checked ? TuiAppearance.Primary : TuiAppearance.Secondary;
+    }
+    onFocused(focused) {
+        this.updateFocused(focused);
+    }
+    onFocusVisible(focusVisible) {
+        this.updateFocusVisible(focusVisible);
+    }
+    /** @deprecated use 'value' setter */
+    onModelChange(value) {
+        this.value = value;
+    }
+}
+TuiCheckboxBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCheckboxBlockComponent, deps: [{ token: NgControl, optional: true, self: true }, { token: ChangeDetectorRef }, { token: TuiModeDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TuiCheckboxBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiCheckboxBlockComponent, selector: "tui-checkbox-block", inputs: { contentAlign: "contentAlign", hideCheckbox: "hideCheckbox", size: "size" }, host: { properties: { "attr.data-align": "this.contentAlign", "class._hidden_input": "this.hideCheckbox", "attr.data-size": "this.size", "class._active": "this.checked" } }, providers: [
+        tuiAsFocusableItemAccessor(TuiCheckboxBlockComponent),
+        tuiAsControl(TuiCheckboxBlockComponent),
+    ], viewQueries: [{ propertyName: "checkbox", first: true, predicate: TuiCheckboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"modeDirective && (modeDirective.change$ | async)\"></ng-container>\n<label\n    tuiWrapper\n    class=\"t-wrapper\"\n    [active]=\"pseudoActive\"\n    [appearance]=\"appearance\"\n    [disabled]=\"computedDisabled\"\n    [focus]=\"computedFocusVisible\"\n    [hover]=\"pseudoHover\"\n    [invalid]=\"computedInvalid\"\n>\n    <tui-checkbox\n        class=\"t-view\"\n        [disabled]=\"computedDisabled || readOnly\"\n        [focusable]=\"focusable\"\n        [nativeId]=\"nativeId\"\n        [pseudoActive]=\"pseudoActive\"\n        [pseudoFocus]=\"false\"\n        [pseudoHover]=\"pseudoHover\"\n        [pseudoInvalid]=\"computedInvalid\"\n        [size]=\"checkboxSize\"\n        [(ngModel)]=\"value\"\n        (focusedChange)=\"onFocused($event)\"\n        (focusVisibleChange)=\"onFocusVisible($event)\"\n    ></tui-checkbox>\n    <div class=\"t-label\">\n        <div class=\"t-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</label>\n", styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;align-items:flex-start;border-radius:var(--tui-radius-m)}:host[data-size=xs]{font:var(--tui-font-text-xs)}:host[data-size=m],:host[data-size=l]{font:var(--tui-font-text-m)}:host._disabled,:host._readonly{pointer-events:none}.t-wrapper{position:relative;display:flex;align-items:inherit;box-sizing:border-box;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 0 0}:host[data-size=xs] .t-wrapper{padding-right:.5rem}:host[data-align=right] .t-wrapper{flex-direction:row-reverse;padding:0 0 0 1rem}:host[data-align=right][data-size=xs] .t-wrapper{padding-left:.5rem}:host[data-size=xs]._hidden_input .t-wrapper{padding:0 .5rem}:host[data-size=xs]._hidden_input .t-wrapper:not(._focused):after{border-width:1px}:host[data-size=s]._hidden_input .t-wrapper{padding:0 1rem}:host[data-size=m]._hidden_input .t-wrapper{padding:0 1.5rem}:host[data-size=l]._hidden_input .t-wrapper{padding:0 2.25rem}:host[data-size=xs] .t-view{margin:calc(var(--tui-height-xs) / 2 - .5rem) .25rem;transform:scale(.75)}:host[data-size=s] .t-view{margin:calc(var(--tui-height-s) / 2 - .5rem) .5rem}:host[data-size=m] .t-view{margin:calc(var(--tui-height-m) / 2 - .5rem) .75rem}:host[data-size=l] .t-view{margin:calc(var(--tui-height-l) / 2 - .75rem) 1rem}:host._hidden_input .t-view{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.t-label{display:flex;flex-grow:1;align-self:flex-start;align-items:center;overflow:hidden}:host[data-size=xs] .t-label{min-height:var(--tui-height-xs)}:host[data-size=s] .t-label{min-height:var(--tui-height-s)}:host[data-size=m] .t-label{min-height:var(--tui-height-m)}:host[data-size=l] .t-label{min-height:var(--tui-height-l)}:host._hidden_input .t-label{text-align:center;justify-content:center}.t-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TuiCheckboxComponent, selector: "tui-checkbox", inputs: ["size"] }, { kind: "directive", type: i4.TuiWrapperDirective, selector: "[tuiWrapper]", inputs: ["disabled", "readOnly", "hover", "active", "focus", "invalid", "appearance"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCheckboxBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-checkbox-block', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        tuiAsFocusableItemAccessor(TuiCheckboxBlockComponent),
+                        tuiAsControl(TuiCheckboxBlockComponent),
+                    ], template: "<ng-container *ngIf=\"modeDirective && (modeDirective.change$ | async)\"></ng-container>\n<label\n    tuiWrapper\n    class=\"t-wrapper\"\n    [active]=\"pseudoActive\"\n    [appearance]=\"appearance\"\n    [disabled]=\"computedDisabled\"\n    [focus]=\"computedFocusVisible\"\n    [hover]=\"pseudoHover\"\n    [invalid]=\"computedInvalid\"\n>\n    <tui-checkbox\n        class=\"t-view\"\n        [disabled]=\"computedDisabled || readOnly\"\n        [focusable]=\"focusable\"\n        [nativeId]=\"nativeId\"\n        [pseudoActive]=\"pseudoActive\"\n        [pseudoFocus]=\"false\"\n        [pseudoHover]=\"pseudoHover\"\n        [pseudoInvalid]=\"computedInvalid\"\n        [size]=\"checkboxSize\"\n        [(ngModel)]=\"value\"\n        (focusedChange)=\"onFocused($event)\"\n        (focusVisibleChange)=\"onFocusVisible($event)\"\n    ></tui-checkbox>\n    <div class=\"t-label\">\n        <div class=\"t-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</label>\n", styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;align-items:flex-start;border-radius:var(--tui-radius-m)}:host[data-size=xs]{font:var(--tui-font-text-xs)}:host[data-size=m],:host[data-size=l]{font:var(--tui-font-text-m)}:host._disabled,:host._readonly{pointer-events:none}.t-wrapper{position:relative;display:flex;align-items:inherit;box-sizing:border-box;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 0 0}:host[data-size=xs] .t-wrapper{padding-right:.5rem}:host[data-align=right] .t-wrapper{flex-direction:row-reverse;padding:0 0 0 1rem}:host[data-align=right][data-size=xs] .t-wrapper{padding-left:.5rem}:host[data-size=xs]._hidden_input .t-wrapper{padding:0 .5rem}:host[data-size=xs]._hidden_input .t-wrapper:not(._focused):after{border-width:1px}:host[data-size=s]._hidden_input .t-wrapper{padding:0 1rem}:host[data-size=m]._hidden_input .t-wrapper{padding:0 1.5rem}:host[data-size=l]._hidden_input .t-wrapper{padding:0 2.25rem}:host[data-size=xs] .t-view{margin:calc(var(--tui-height-xs) / 2 - .5rem) .25rem;transform:scale(.75)}:host[data-size=s] .t-view{margin:calc(var(--tui-height-s) / 2 - .5rem) .5rem}:host[data-size=m] .t-view{margin:calc(var(--tui-height-m) / 2 - .5rem) .75rem}:host[data-size=l] .t-view{margin:calc(var(--tui-height-l) / 2 - .75rem) 1rem}:host._hidden_input .t-view{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.t-label{display:flex;flex-grow:1;align-self:flex-start;align-items:center;overflow:hidden}:host[data-size=xs] .t-label{min-height:var(--tui-height-xs)}:host[data-size=s] .t-label{min-height:var(--tui-height-s)}:host[data-size=m] .t-label{min-height:var(--tui-height-m)}:host[data-size=l] .t-label{min-height:var(--tui-height-l)}:host._hidden_input .t-label{text-align:center;justify-content:center}.t-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i2.NgControl, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Self
+                    }, {
+                        type: Inject,
+                        args: [NgControl]
+                    }] }, { type: i0.ChangeDetectorRef, decorators: [{
+                        type: Inject,
+                        args: [ChangeDetectorRef]
+                    }] }, { type: i4.TuiModeDirective, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [TuiModeDirective]
+                    }] }];
+    }, propDecorators: { checkbox: [{
+                type: ViewChild,
+                args: [TuiCheckboxComponent]
+            }], contentAlign: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-align']
+            }], hideCheckbox: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class._hidden_input']
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], checked: [{
+                type: HostBinding,
+                args: ['class._active']
+            }] } });
+
+class TuiCheckboxBlockModule {
+}
+TuiCheckboxBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCheckboxBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiCheckboxBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiCheckboxBlockModule, declarations: [TuiCheckboxBlockComponent], imports: [CommonModule,
+        FormsModule,
+        TuiHoveredModule,
+        TuiPressedModule,
+        TuiCheckboxModule,
+        TuiWrapperModule], exports: [TuiCheckboxBlockComponent] });
+TuiCheckboxBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCheckboxBlockModule, imports: [CommonModule,
+        FormsModule,
+        TuiHoveredModule,
+        TuiPressedModule,
+        TuiCheckboxModule,
+        TuiWrapperModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiCheckboxBlockModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        TuiHoveredModule,
+                        TuiPressedModule,
+                        TuiCheckboxModule,
+                        TuiWrapperModule,
+                    ],
+                    declarations: [TuiCheckboxBlockComponent],
+                    exports: [TuiCheckboxBlockComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiCheckboxBlockComponent, TuiCheckboxBlockModule };
+//# sourceMappingURL=taiga-ui-kit-components-checkbox-block.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-checkbox-block.mjs","sources":["../../../projects/kit/components/checkbox-block/checkbox-block.component.ts","../../../projects/kit/components/checkbox-block/checkbox-block.template.html","../../../projects/kit/components/checkbox-block/checkbox-block.module.ts","../../../projects/kit/components/checkbox-block/taiga-ui-kit-components-checkbox-block.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\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    tuiAsControl,\n    tuiAsFocusableItemAccessor,\n    TuiFocusableElementAccessor,\n    tuiIsNativeFocused,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {\n    TuiAppearance,\n    TuiHorizontalDirection,\n    TuiModeDirective,\n    TuiSizeL,\n    TuiSizeXS,\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        tuiAsFocusableItemAccessor(TuiCheckboxBlockComponent),\n        tuiAsControl(TuiCheckboxBlockComponent),\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-align')\n    contentAlign: TuiHorizontalDirection = 'right';\n\n    @Input()\n    @HostBinding('class._hidden_input')\n    hideCheckbox = false;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeL | TuiSizeXS = 'l';\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) cdr: ChangeDetectorRef,\n        @Optional()\n        @Inject(TuiModeDirective)\n        readonly modeDirective: TuiModeDirective | null,\n    ) {\n        super(control, cdr);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return 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 tuiIsNativeFocused(this.nativeFocusableElement);\n    }\n\n    get appearance(): TuiAppearance {\n        if (!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): void {\n        this.updateFocused(focused);\n    }\n\n    onFocusVisible(focusVisible: boolean): void {\n        this.updateFocusVisible(focusVisible);\n    }\n\n    /** @deprecated use 'value' setter */\n    onModelChange(value: boolean): void {\n        this.value = value;\n    }\n}\n","<ng-container *ngIf=\"modeDirective && (modeDirective.change$ | async)\"></ng-container>\n<label\n    tuiWrapper\n    class=\"t-wrapper\"\n    [active]=\"pseudoActive\"\n    [appearance]=\"appearance\"\n    [disabled]=\"computedDisabled\"\n    [focus]=\"computedFocusVisible\"\n    [hover]=\"pseudoHover\"\n    [invalid]=\"computedInvalid\"\n>\n    <tui-checkbox\n        class=\"t-view\"\n        [disabled]=\"computedDisabled || readOnly\"\n        [focusable]=\"focusable\"\n        [nativeId]=\"nativeId\"\n        [pseudoActive]=\"pseudoActive\"\n        [pseudoFocus]=\"false\"\n        [pseudoHover]=\"pseudoHover\"\n        [pseudoInvalid]=\"computedInvalid\"\n        [size]=\"checkboxSize\"\n        [(ngModel)]=\"value\"\n        (focusedChange)=\"onFocused($event)\"\n        (focusVisibleChange)=\"onFocusVisible($event)\"\n    ></tui-checkbox>\n    <div class=\"t-label\">\n        <div class=\"t-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</label>\n","import {CommonModule} from '@angular/common';\nimport {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        CommonModule,\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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"}