@taiga-ui/core 2.54.0 → 3.0.0-rc.0

package/fesm5/taiga-ui-core-components-scroll-controls.js

@@ -1,270 +0,0 @@
-import { __assign, __decorate, __param, __read } from 'tslib';
-import { DOCUMENT, ViewportScroller, CommonModule } from '@angular/common';
-import { Inject, NgZone, ElementRef, Optional, Component, ChangeDetectionStrategy, Renderer2, Input, Directive, NgModule } from '@angular/core';
-import { ANIMATION_FRAME, WINDOW } from '@ng-web-apis/common';
-import { tuiZoneOptimized, typedFromEvent, preventDefault, stopPropagation, tuiZonefree, POLLING_TIME, TuiDestroyService, TuiLetModule } from '@taiga-ui/cdk';
-import { tuiFadeIn } from '@taiga-ui/core/animations';
-import { MODE_PROVIDER } from '@taiga-ui/core/providers';
-import { TUI_ANIMATION_OPTIONS, TUI_SCROLL_REF, TUI_MODE, TUI_ELEMENT_REF } from '@taiga-ui/core/tokens';
-import { Observable, merge, fromEvent } from 'rxjs';
-import { throttleTime, map, startWith, distinctUntilChanged, switchMap, takeUntil } from 'rxjs/operators';
-
-// @dynamic
-var TuiScrollControlsComponent = /** @class */ (function () {
-    function TuiScrollControlsComponent(options, ngZone, documentRef, scrollRef, animationFrame$, mode$) {
-        var _this = this;
-        this.options = options;
-        this.ngZone = ngZone;
-        this.documentRef = documentRef;
-        this.scrollRef = scrollRef;
-        this.animationFrame$ = animationFrame$;
-        this.mode$ = mode$;
-        this.refresh$ = this.animationFrame$.pipe(throttleTime(300), map(function () { return _this.scrollbars; }), startWith([false, false]), distinctUntilChanged(function (a, b) { return a[0] === b[0] && a[1] === b[1]; }), tuiZoneOptimized(this.ngZone));
-        this.animation = __assign({ value: '' }, this.options);
-    }
-    Object.defineProperty(TuiScrollControlsComponent.prototype, "scrollbars", {
-        get: function () {
-            var _a = this.scrollRef
-                ? this.scrollRef.nativeElement
-                : this.documentRef.documentElement, clientHeight = _a.clientHeight, scrollHeight = _a.scrollHeight, clientWidth = _a.clientWidth, scrollWidth = _a.scrollWidth;
-            return [
-                Math.ceil((clientHeight / scrollHeight) * 100) < 100,
-                Math.ceil((clientWidth / scrollWidth) * 100) < 100,
-            ];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiScrollControlsComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_ANIMATION_OPTIONS,] }] },
-        { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
-        { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-        { type: ElementRef, decorators: [{ type: Optional }, { type: Inject, args: [TUI_SCROLL_REF,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [ANIMATION_FRAME,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_MODE,] }] }
-    ]; };
-    TuiScrollControlsComponent = __decorate([
-        Component({
-            selector: 'tui-scroll-controls',
-            template: "<ng-container *tuiLet=\"refresh$ | async as bars\">\n    <div\n        *ngIf=\"bars[0]\"\n        tuiScrollbarWrapper\n        class=\"bar bar_vertical\"\n        [@tuiFadeIn]=\"animation\"\n        [class.bar_has-horizontal]=\"bars[1]\"\n    >\n        <div\n            tuiScrollbar=\"vertical\"\n            class=\"thumb\"\n        ></div>\n    </div>\n    <div\n        *ngIf=\"bars[1]\"\n        tuiScrollbarWrapper\n        class=\"bar bar_horizontal\"\n        [@tuiFadeIn]=\"animation\"\n        [class.bar_has-vertical]=\"bars[0]\"\n    >\n        <div\n            tuiScrollbar=\"horizontal\"\n            class=\"thumb\"\n        ></div>\n    </div>\n</ng-container>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            animations: [tuiFadeIn],
-            providers: [MODE_PROVIDER],
-            host: {
-                '($.data-mode.attr)': 'mode$',
-            },
-            styles: [":host{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);float:left;margin-right:calc(-100% + 1px);-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.bar{position:absolute;right:0;bottom:0;pointer-events:auto}.bar_vertical{top:0;width:.875rem}.bar_horizontal{left:0;height:.875rem}.bar_has-horizontal{bottom:.5rem}.bar_has-vertical{right:.5rem}.thumb{transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;background:var(--tui-text-01);background-clip:content-box;box-sizing:border-box;transition-property:width,height;opacity:.2}.thumb:hover{opacity:.24}.thumb:active{opacity:.48}:host[data-mode=onDark] .thumb{background-color:var(--tui-text-01-night)}.bar_vertical .thumb{right:0;width:.75rem;min-height:1.25rem}.bar_vertical .thumb:active,.bar_vertical:hover .thumb{width:.875rem}.bar_horizontal .thumb{bottom:0;height:.75rem;min-width:1.25rem}.bar_horizontal .thumb:active,.bar_horizontal:hover .thumb{height:.875rem}"]
-        }),
-        __param(0, Inject(TUI_ANIMATION_OPTIONS)),
-        __param(1, Inject(NgZone)),
-        __param(2, Inject(DOCUMENT)),
-        __param(3, Optional()),
-        __param(3, Inject(TUI_SCROLL_REF)),
-        __param(4, Inject(ANIMATION_FRAME)),
-        __param(5, Inject(TUI_MODE))
-    ], TuiScrollControlsComponent);
-    return TuiScrollControlsComponent;
-}());
-
-var MIN_WIDTH = 24;
-// @dynamic
-var TuiScrollbarDirective = /** @class */ (function () {
-    function TuiScrollbarDirective(ngZone, renderer, destroy$, animationFrame$, wrapper, container, documentRef, windowRef, elementRef, viewportScroller) {
-        var _this = this;
-        this.wrapper = wrapper;
-        this.container = container;
-        this.documentRef = documentRef;
-        this.windowRef = windowRef;
-        this.elementRef = elementRef;
-        this.viewportScroller = viewportScroller;
-        this.tuiScrollbar = 'vertical';
-        var nativeElement = this.elementRef.nativeElement;
-        var mousedown$ = typedFromEvent(nativeElement, 'mousedown');
-        var mousemove$ = typedFromEvent(this.documentRef, 'mousemove');
-        var mouseup$ = typedFromEvent(this.documentRef, 'mouseup');
-        var mousedownWrapper$ = typedFromEvent(wrapper.nativeElement, 'mousedown');
-        merge(mousedownWrapper$.pipe(preventDefault(), map(function (event) { return _this.getScrolled(event, 0.5, 0.5); })), mousedown$.pipe(preventDefault(), stopPropagation(), switchMap(function (event) {
-            var rect = nativeElement.getBoundingClientRect();
-            var vertical = getOffsetVertical(event, rect);
-            var horizontal = getOffsetHorizontal(event, rect);
-            return mousemove$.pipe(map(function (event) { return _this.getScrolled(event, vertical, horizontal); }), takeUntil(mouseup$));
-        })))
-            .pipe(tuiZonefree(ngZone), takeUntil(destroy$))
-            .subscribe(function (_a) {
-            var _b = __read(_a, 2), scrollTop = _b[0], scrollLeft = _b[1];
-            var _c = __read(_this.viewportScroller.getScrollPosition(), 2), x = _c[0], y = _c[1];
-            if (!_this.container) {
-                _this.viewportScroller.scrollToPosition([
-                    _this.tuiScrollbar === 'vertical' ? x : scrollLeft,
-                    _this.tuiScrollbar === 'vertical' ? scrollTop : y,
-                ]);
-                return;
-            }
-            if (_this.tuiScrollbar === 'vertical') {
-                renderer.setProperty(_this.container.nativeElement, 'scrollTop', scrollTop);
-            }
-            else {
-                renderer.setProperty(_this.container.nativeElement, 'scrollLeft', scrollLeft);
-            }
-        });
-        merge(fromEvent(this.container ? this.container.nativeElement : this.windowRef, 'scroll'), animationFrame$.pipe(throttleTime(POLLING_TIME)))
-            .pipe(tuiZonefree(ngZone), takeUntil(destroy$))
-            .subscribe(function () {
-            if (_this.tuiScrollbar === 'vertical') {
-                renderer.setStyle(nativeElement, 'top', _this.thumb * 100 + "%");
-                renderer.setStyle(nativeElement, 'height', _this.view * 100 + "%");
-            }
-            else {
-                renderer.setStyle(nativeElement, 'left', _this.thumb * 100 + "%");
-                renderer.setStyle(nativeElement, 'width', _this.view * 100 + "%");
-            }
-        });
-    }
-    Object.defineProperty(TuiScrollbarDirective.prototype, "scrolled", {
-        get: function () {
-            var _a = this.computedContainer, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight, scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
-            return this.tuiScrollbar === 'vertical'
-                ? scrollTop / (scrollHeight - clientHeight)
-                : scrollLeft / (scrollWidth - clientWidth);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiScrollbarDirective.prototype, "compensation", {
-        get: function () {
-            var _a = this.computedContainer, clientHeight = _a.clientHeight, scrollHeight = _a.scrollHeight, clientWidth = _a.clientWidth, scrollWidth = _a.scrollWidth;
-            if (((clientHeight * clientHeight) / scrollHeight > MIN_WIDTH &&
-                this.tuiScrollbar === 'vertical') ||
-                ((clientWidth * clientWidth) / scrollWidth > MIN_WIDTH &&
-                    this.tuiScrollbar === 'horizontal')) {
-                return 0;
-            }
-            return this.tuiScrollbar === 'vertical'
-                ? MIN_WIDTH / clientHeight
-                : MIN_WIDTH / clientWidth;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiScrollbarDirective.prototype, "thumb", {
-        get: function () {
-            var compensation = this.compensation || this.view;
-            return this.scrolled * (1 - compensation);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiScrollbarDirective.prototype, "view", {
-        get: function () {
-            var _a = this.computedContainer, clientHeight = _a.clientHeight, scrollHeight = _a.scrollHeight, clientWidth = _a.clientWidth, scrollWidth = _a.scrollWidth;
-            return this.tuiScrollbar === 'vertical'
-                ? Math.ceil((clientHeight / scrollHeight) * 100) / 100
-                : Math.ceil((clientWidth / scrollWidth) * 100) / 100;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiScrollbarDirective.prototype, "computedContainer", {
-        get: function () {
-            return this.container
-                ? this.container.nativeElement
-                : this.documentRef.scrollingElement;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiScrollbarDirective.prototype.getScrolled = function (_a, offsetVertical, offsetHorizontal) {
-        var clientY = _a.clientY, clientX = _a.clientX;
-        var _b = this.elementRef.nativeElement, offsetHeight = _b.offsetHeight, offsetWidth = _b.offsetWidth;
-        var _c = this.wrapper.nativeElement.getBoundingClientRect(), top = _c.top, left = _c.left, width = _c.width, height = _c.height;
-        var maxTop = this.computedContainer.scrollHeight - height;
-        var maxLeft = this.computedContainer.scrollWidth - width;
-        var scrolledTop = (clientY - top - offsetHeight * offsetVertical) / (height - offsetHeight);
-        var scrolledLeft = (clientX - left - offsetWidth * offsetHorizontal) / (width - offsetWidth);
-        return [maxTop * scrolledTop, maxLeft * scrolledLeft];
-    };
-    TuiScrollbarDirective.ctorParameters = function () { return [
-        { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
-        { type: Renderer2, decorators: [{ type: Inject, args: [Renderer2,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [ANIMATION_FRAME,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [TUI_ELEMENT_REF,] }] },
-        { type: ElementRef, decorators: [{ type: Optional }, { type: Inject, args: [TUI_SCROLL_REF,] }] },
-        { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-        { type: Window, decorators: [{ type: Inject, args: [WINDOW,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: ViewportScroller, decorators: [{ type: Inject, args: [ViewportScroller,] }] }
-    ]; };
-    __decorate([
-        Input()
-    ], TuiScrollbarDirective.prototype, "tuiScrollbar", void 0);
-    TuiScrollbarDirective = __decorate([
-        Directive({
-            selector: '[tuiScrollbar]',
-            providers: [TuiDestroyService],
-        }),
-        __param(0, Inject(NgZone)),
-        __param(1, Inject(Renderer2)),
-        __param(2, Inject(TuiDestroyService)),
-        __param(3, Inject(ANIMATION_FRAME)),
-        __param(4, Inject(TUI_ELEMENT_REF)),
-        __param(5, Optional()),
-        __param(5, Inject(TUI_SCROLL_REF)),
-        __param(6, Inject(DOCUMENT)),
-        __param(7, Inject(WINDOW)),
-        __param(8, Inject(ElementRef)),
-        __param(9, Inject(ViewportScroller))
-    ], TuiScrollbarDirective);
-    return TuiScrollbarDirective;
-}());
-function getOffsetVertical(_a, _b) {
-    var clientY = _a.clientY;
-    var top = _b.top, height = _b.height;
-    return (clientY - top) / height;
-}
-function getOffsetHorizontal(_a, _b) {
-    var clientX = _a.clientX;
-    var left = _b.left, width = _b.width;
-    return (clientX - left) / width;
-}
-
-var TuiScrollbarWrapperDirective = /** @class */ (function () {
-    function TuiScrollbarWrapperDirective() {
-    }
-    TuiScrollbarWrapperDirective = __decorate([
-        Directive({
-            selector: '[tuiScrollbarWrapper]',
-            providers: [
-                {
-                    provide: TUI_ELEMENT_REF,
-                    useExisting: ElementRef,
-                },
-            ],
-        })
-    ], TuiScrollbarWrapperDirective);
-    return TuiScrollbarWrapperDirective;
-}());
-
-var TuiScrollControlsModule = /** @class */ (function () {
-    function TuiScrollControlsModule() {
-    }
-    TuiScrollControlsModule = __decorate([
-        NgModule({
-            imports: [CommonModule, TuiLetModule],
-            declarations: [
-                TuiScrollbarDirective,
-                TuiScrollbarWrapperDirective,
-                TuiScrollControlsComponent,
-            ],
-            exports: [TuiScrollControlsComponent],
-        })
-    ], TuiScrollControlsModule);
-    return TuiScrollControlsModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiScrollControlsComponent, TuiScrollControlsModule, TuiScrollbarDirective, TuiScrollbarWrapperDirective as ɵa };
-//# sourceMappingURL=taiga-ui-core-components-scroll-controls.js.map

package/fesm5/taiga-ui-core-components-scroll-controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-core-components-scroll-controls.js","sources":["ng://@taiga-ui/core/components/scroll-controls/scroll-controls.component.ts","ng://@taiga-ui/core/components/scroll-controls/scrollbar.directive.ts","ng://@taiga-ui/core/components/scroll-controls/scrollbar-wrapper.directive.ts","ng://@taiga-ui/core/components/scroll-controls/scroll-controls.module.ts","ng://@taiga-ui/core/components/scroll-controls/taiga-ui-core-components-scroll-controls.ts"],"sourcesContent":["import {AnimationOptions} from '@angular/animations';\nimport {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    Inject,\n    NgZone,\n    Optional,\n} from '@angular/core';\nimport {ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {tuiZoneOptimized} from '@taiga-ui/cdk';\nimport {tuiFadeIn} from '@taiga-ui/core/animations';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {TUI_ANIMATION_OPTIONS, TUI_MODE, TUI_SCROLL_REF} from '@taiga-ui/core/tokens';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {Observable} from 'rxjs';\nimport {distinctUntilChanged, map, startWith, throttleTime} from 'rxjs/operators';\n\n// @dynamic\n@Component({\n    selector: 'tui-scroll-controls',\n    templateUrl: './scroll-controls.template.html',\n    styleUrls: ['./scroll-controls.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [tuiFadeIn],\n    providers: [MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiScrollControlsComponent {\n    readonly refresh$ = this.animationFrame$.pipe(\n        throttleTime(300),\n        map(() => this.scrollbars),\n        startWith([false, false]),\n        distinctUntilChanged((a, b) => a[0] === b[0] && a[1] === b[1]),\n        tuiZoneOptimized(this.ngZone),\n    );\n\n    readonly animation = {\n        value: '',\n        ...this.options,\n    } as const;\n\n    constructor(\n        @Inject(TUI_ANIMATION_OPTIONS) private readonly options: AnimationOptions,\n        @Inject(NgZone) private readonly ngZone: NgZone,\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Optional()\n        @Inject(TUI_SCROLL_REF)\n        private readonly scrollRef: ElementRef<HTMLElement> | null,\n        @Inject(ANIMATION_FRAME) private readonly animationFrame$: Observable<number>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n    ) {}\n\n    private get scrollbars(): [boolean, boolean] {\n        const {clientHeight, scrollHeight, clientWidth, scrollWidth} = this.scrollRef\n            ? this.scrollRef.nativeElement\n            : this.documentRef.documentElement;\n\n        return [\n            Math.ceil((clientHeight / scrollHeight) * 100) < 100,\n            Math.ceil((clientWidth / scrollWidth) * 100) < 100,\n        ];\n    }\n}\n","import {DOCUMENT, ViewportScroller} from '@angular/common';\nimport {\n    Directive,\n    ElementRef,\n    Inject,\n    Input,\n    NgZone,\n    Optional,\n    Renderer2,\n} from '@angular/core';\nimport {ANIMATION_FRAME, WINDOW} from '@ng-web-apis/common';\nimport {\n    POLLING_TIME,\n    preventDefault,\n    stopPropagation,\n    TuiDestroyService,\n    tuiZonefree,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {TUI_ELEMENT_REF, TUI_SCROLL_REF} from '@taiga-ui/core/tokens';\nimport {TuiOrientationT} from '@taiga-ui/core/types';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {map, switchMap, takeUntil, throttleTime} from 'rxjs/operators';\n\nconst MIN_WIDTH = 24;\n\n// @dynamic\n@Directive({\n    selector: '[tuiScrollbar]',\n    providers: [TuiDestroyService],\n})\nexport class TuiScrollbarDirective {\n    @Input()\n    tuiScrollbar: TuiOrientationT = 'vertical';\n\n    constructor(\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(Renderer2) renderer: Renderer2,\n        @Inject(TuiDestroyService) destroy$: Observable<void>,\n        @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n        @Inject(TUI_ELEMENT_REF) private readonly wrapper: ElementRef<HTMLElement>,\n        @Optional()\n        @Inject(TUI_SCROLL_REF)\n        private readonly container: ElementRef<HTMLElement> | null,\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(WINDOW) private readonly windowRef: Window,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(ViewportScroller) private readonly viewportScroller: ViewportScroller,\n    ) {\n        const {nativeElement} = this.elementRef;\n        const mousedown$ = typedFromEvent(nativeElement, 'mousedown');\n        const mousemove$ = typedFromEvent(this.documentRef, 'mousemove');\n        const mouseup$ = typedFromEvent(this.documentRef, 'mouseup');\n        const mousedownWrapper$ = typedFromEvent(wrapper.nativeElement, 'mousedown');\n\n        merge(\n            mousedownWrapper$.pipe(\n                preventDefault(),\n                map(event => this.getScrolled(event, 0.5, 0.5)),\n            ),\n            mousedown$.pipe(\n                preventDefault(),\n                stopPropagation(),\n                switchMap(event => {\n                    const rect = nativeElement.getBoundingClientRect();\n                    const vertical = getOffsetVertical(event, rect);\n                    const horizontal = getOffsetHorizontal(event, rect);\n\n                    return mousemove$.pipe(\n                        map(event => this.getScrolled(event, vertical, horizontal)),\n                        takeUntil(mouseup$),\n                    );\n                }),\n            ),\n        )\n            .pipe(tuiZonefree(ngZone), takeUntil(destroy$))\n            .subscribe(([scrollTop, scrollLeft]) => {\n                const [x, y] = this.viewportScroller.getScrollPosition();\n\n                if (!this.container) {\n                    this.viewportScroller.scrollToPosition([\n                        this.tuiScrollbar === 'vertical' ? x : scrollLeft,\n                        this.tuiScrollbar === 'vertical' ? scrollTop : y,\n                    ]);\n\n                    return;\n                }\n\n                if (this.tuiScrollbar === 'vertical') {\n                    renderer.setProperty(\n                        this.container.nativeElement,\n                        'scrollTop',\n                        scrollTop,\n                    );\n                } else {\n                    renderer.setProperty(\n                        this.container.nativeElement,\n                        'scrollLeft',\n                        scrollLeft,\n                    );\n                }\n            });\n\n        merge(\n            fromEvent(\n                this.container ? this.container.nativeElement : this.windowRef,\n                'scroll',\n            ),\n            animationFrame$.pipe(throttleTime(POLLING_TIME)),\n        )\n            .pipe(tuiZonefree(ngZone), takeUntil(destroy$))\n            .subscribe(() => {\n                if (this.tuiScrollbar === 'vertical') {\n                    renderer.setStyle(nativeElement, 'top', `${this.thumb * 100}%`);\n                    renderer.setStyle(nativeElement, 'height', `${this.view * 100}%`);\n                } else {\n                    renderer.setStyle(nativeElement, 'left', `${this.thumb * 100}%`);\n                    renderer.setStyle(nativeElement, 'width', `${this.view * 100}%`);\n                }\n            });\n    }\n\n    private get scrolled(): number {\n        const {\n            scrollTop,\n            scrollHeight,\n            clientHeight,\n            scrollLeft,\n            scrollWidth,\n            clientWidth,\n        } = this.computedContainer;\n\n        return this.tuiScrollbar === 'vertical'\n            ? scrollTop / (scrollHeight - clientHeight)\n            : scrollLeft / (scrollWidth - clientWidth);\n    }\n\n    private get compensation(): number {\n        const {clientHeight, scrollHeight, clientWidth, scrollWidth} =\n            this.computedContainer;\n\n        if (\n            ((clientHeight * clientHeight) / scrollHeight > MIN_WIDTH &&\n                this.tuiScrollbar === 'vertical') ||\n            ((clientWidth * clientWidth) / scrollWidth > MIN_WIDTH &&\n                this.tuiScrollbar === 'horizontal')\n        ) {\n            return 0;\n        }\n\n        return this.tuiScrollbar === 'vertical'\n            ? MIN_WIDTH / clientHeight\n            : MIN_WIDTH / clientWidth;\n    }\n\n    private get thumb(): number {\n        const compensation = this.compensation || this.view;\n\n        return this.scrolled * (1 - compensation);\n    }\n\n    private get view(): number {\n        const {clientHeight, scrollHeight, clientWidth, scrollWidth} =\n            this.computedContainer;\n\n        return this.tuiScrollbar === 'vertical'\n            ? Math.ceil((clientHeight / scrollHeight) * 100) / 100\n            : Math.ceil((clientWidth / scrollWidth) * 100) / 100;\n    }\n\n    private get computedContainer(): Element {\n        return this.container\n            ? this.container.nativeElement\n            : this.documentRef.scrollingElement!;\n    }\n\n    private getScrolled(\n        {clientY, clientX}: MouseEvent,\n        offsetVertical: number,\n        offsetHorizontal: number,\n    ): [number, number] {\n        const {offsetHeight, offsetWidth} = this.elementRef.nativeElement;\n        const {top, left, width, height} =\n            this.wrapper.nativeElement.getBoundingClientRect();\n\n        const maxTop = this.computedContainer.scrollHeight - height;\n        const maxLeft = this.computedContainer.scrollWidth - width;\n        const scrolledTop =\n            (clientY - top - offsetHeight * offsetVertical) / (height - offsetHeight);\n        const scrolledLeft =\n            (clientX - left - offsetWidth * offsetHorizontal) / (width - offsetWidth);\n\n        return [maxTop * scrolledTop, maxLeft * scrolledLeft];\n    }\n}\n\nfunction getOffsetVertical({clientY}: MouseEvent, {top, height}: ClientRect): number {\n    return (clientY - top) / height;\n}\n\nfunction getOffsetHorizontal({clientX}: MouseEvent, {left, width}: ClientRect): number {\n    return (clientX - left) / width;\n}\n","import {Directive, ElementRef} from '@angular/core';\nimport {TUI_ELEMENT_REF} from '@taiga-ui/core/tokens';\n\n@Directive({\n    selector: '[tuiScrollbarWrapper]',\n    providers: [\n        {\n            provide: TUI_ELEMENT_REF,\n            useExisting: ElementRef,\n        },\n    ],\n})\nexport class TuiScrollbarWrapperDirective {}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLetModule} from '@taiga-ui/cdk';\n\nimport {TuiScrollControlsComponent} from './scroll-controls.component';\nimport {TuiScrollbarDirective} from './scrollbar.directive';\nimport {TuiScrollbarWrapperDirective} from './scrollbar-wrapper.directive';\n\n@NgModule({\n    imports: [CommonModule, TuiLetModule],\n    declarations: [\n        TuiScrollbarDirective,\n        TuiScrollbarWrapperDirective,\n        TuiScrollControlsComponent,\n    ],\n    exports: [TuiScrollControlsComponent],\n})\nexport class TuiScrollControlsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {TuiScrollbarWrapperDirective as ɵa} from './scrollbar-wrapper.directive';"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-core-components-scrollbar.js

@@ -1,158 +0,0 @@
-import { __decorate, __param } from 'tslib';
-import { Directive, ElementRef, Inject, Input, HostBinding, HostListener, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { TUI_SCROLL_REF } from '@taiga-ui/core/tokens';
-import { TUI_SCROLLABLE, TUI_SCROLL_INTO_VIEW } from '@taiga-ui/core/constants';
-import { CSS, USER_AGENT } from '@ng-web-apis/common';
-import { isFirefox, getElementOffset, TUI_IS_IOS, tuiDefaultProp } from '@taiga-ui/cdk';
-import { CommonModule } from '@angular/common';
-import { TuiScrollControlsModule } from '@taiga-ui/core/components/scroll-controls';
-
-var SCROLL_REF_SELECTOR = '[tuiScrollRef]';
-var TuiScrollRefDirective = /** @class */ (function () {
-    function TuiScrollRefDirective() {
-    }
-    TuiScrollRefDirective = __decorate([
-        Directive({
-            selector: SCROLL_REF_SELECTOR,
-            providers: [
-                {
-                    provide: TUI_SCROLL_REF,
-                    useExisting: ElementRef,
-                },
-            ],
-        })
-    ], TuiScrollRefDirective);
-    return TuiScrollRefDirective;
-}());
-
-var TuiScrollableDirective = /** @class */ (function () {
-    function TuiScrollableDirective(elementRef) {
-        this.elementRef = elementRef;
-    }
-    TuiScrollableDirective.prototype.ngOnInit = function () {
-        this.elementRef.nativeElement.dispatchEvent(new CustomEvent(TUI_SCROLLABLE, {
-            bubbles: true,
-            detail: this.elementRef.nativeElement,
-        }));
-    };
-    TuiScrollableDirective.ctorParameters = function () { return [
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
-    ]; };
-    TuiScrollableDirective = __decorate([
-        Directive({
-            selector: '[tuiScrollable]',
-        }),
-        __param(0, Inject(ElementRef))
-    ], TuiScrollableDirective);
-    return TuiScrollableDirective;
-}());
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function scrollRefFactory(_a) {
-    var browserScrollRef = _a.browserScrollRef;
-    return browserScrollRef;
-}
-// @dynamic
-var TuiScrollbarComponent = /** @class */ (function () {
-    function TuiScrollbarComponent(cssRef, elementRef, userAgent, isIos) {
-        this.cssRef = cssRef;
-        this.elementRef = elementRef;
-        this.userAgent = userAgent;
-        this.isIos = isIos;
-        this.delegated = false;
-        this.isLegacy = !this.cssRef.supports('position', 'sticky') ||
-            (isFirefox(this.userAgent) && !this.cssRef.supports('scrollbar-width', 'none'));
-        this.hidden = false;
-        this.browserScrollRef = new ElementRef(this.elementRef.nativeElement);
-    }
-    TuiScrollbarComponent_1 = TuiScrollbarComponent;
-    Object.defineProperty(TuiScrollbarComponent.prototype, "showScrollbars", {
-        get: function () {
-            return !this.hidden && !this.isIos && (!this.isLegacy || this.delegated);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiScrollbarComponent.prototype, "showNative", {
-        get: function () {
-            return this.isLegacy && !this.hidden && !this.delegated;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiScrollbarComponent.prototype.onScrollable = function (element) {
-        this.delegated = true;
-        this.browserScrollRef.nativeElement = element;
-    };
-    TuiScrollbarComponent.prototype.scrollIntoView = function (detail) {
-        if (this.delegated) {
-            return;
-        }
-        var nativeElement = this.browserScrollRef.nativeElement;
-        var _a = getElementOffset(nativeElement, detail), offsetTop = _a.offsetTop, offsetLeft = _a.offsetLeft;
-        nativeElement.scrollTop =
-            offsetTop + detail.offsetHeight / 2 - nativeElement.clientHeight / 2;
-        nativeElement.scrollLeft =
-            offsetLeft + detail.offsetWidth / 2 - nativeElement.clientWidth / 2;
-    };
-    var TuiScrollbarComponent_1;
-    TuiScrollbarComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [CSS,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: String, decorators: [{ type: Inject, args: [USER_AGENT,] }] },
-        { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_IOS,] }] }
-    ]; };
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiScrollbarComponent.prototype, "hidden", void 0);
-    __decorate([
-        HostBinding('class._legacy')
-    ], TuiScrollbarComponent.prototype, "showNative", null);
-    __decorate([
-        HostListener(TUI_SCROLLABLE + ".stop", ['$event.detail'])
-    ], TuiScrollbarComponent.prototype, "onScrollable", null);
-    __decorate([
-        HostListener(TUI_SCROLL_INTO_VIEW + ".stop", ['$event.detail'])
-    ], TuiScrollbarComponent.prototype, "scrollIntoView", null);
-    TuiScrollbarComponent = TuiScrollbarComponent_1 = __decorate([
-        Component({
-            selector: 'tui-scrollbar',
-            template: "<tui-scroll-controls *ngIf=\"showScrollbars\"></tui-scroll-controls>\n<div class=\"content\">\n    <ng-content></ng-content>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [
-                {
-                    provide: TUI_SCROLL_REF,
-                    deps: [TuiScrollbarComponent_1],
-                    useFactory: scrollRefFactory,
-                },
-            ],
-            styles: [":host{z-index:0;position:relative;display:flex;overflow:auto}:host:not(._legacy){scrollbar-width:none;-ms-overflow-style:none}:host:not(._legacy)::-webkit-scrollbar,:host:not(._legacy)::-webkit-scrollbar-thumb{background:0 0;width:0;height:0}:host._legacy{overflow:overlay}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){:host._legacy::-webkit-scrollbar,:host._legacy::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:2.667rem solid transparent}:host._legacy::-webkit-scrollbar{background-color:transparent}:host._legacy::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}:host._legacy::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}:host._legacy::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}.content{position:relative;z-index:0;flex:1;flex-basis:auto;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content}"]
-        }),
-        __param(0, Inject(CSS)),
-        __param(1, Inject(ElementRef)),
-        __param(2, Inject(USER_AGENT)),
-        __param(3, Inject(TUI_IS_IOS))
-    ], TuiScrollbarComponent);
-    return TuiScrollbarComponent;
-}());
-
-var TuiScrollbarModule = /** @class */ (function () {
-    function TuiScrollbarModule() {
-    }
-    TuiScrollbarModule = __decorate([
-        NgModule({
-            imports: [CommonModule, TuiScrollControlsModule],
-            declarations: [TuiScrollbarComponent, TuiScrollRefDirective, TuiScrollableDirective],
-            exports: [TuiScrollbarComponent, TuiScrollRefDirective, TuiScrollableDirective],
-        })
-    ], TuiScrollbarModule);
-    return TuiScrollbarModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SCROLL_REF_SELECTOR, TuiScrollRefDirective, TuiScrollableDirective, TuiScrollbarComponent, TuiScrollbarModule, scrollRefFactory };
-//# sourceMappingURL=taiga-ui-core-components-scrollbar.js.map

package/fesm5/taiga-ui-core-components-scrollbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-core-components-scrollbar.js","sources":["ng://@taiga-ui/core/components/scrollbar/scroll-ref.directive.ts","ng://@taiga-ui/core/components/scrollbar/scrollable.directive.ts","ng://@taiga-ui/core/components/scrollbar/scrollbar.component.ts","ng://@taiga-ui/core/components/scrollbar/scrollbar.module.ts","ng://@taiga-ui/core/components/scrollbar/taiga-ui-core-components-scrollbar.ts"],"sourcesContent":["import {Directive, ElementRef} from '@angular/core';\nimport {TUI_SCROLL_REF} from '@taiga-ui/core/tokens';\n\nexport const SCROLL_REF_SELECTOR = '[tuiScrollRef]';\n\n@Directive({\n    selector: SCROLL_REF_SELECTOR,\n    providers: [\n        {\n            provide: TUI_SCROLL_REF,\n            useExisting: ElementRef,\n        },\n    ],\n})\nexport class TuiScrollRefDirective {}\n","import {Directive, ElementRef, Inject, OnInit} from '@angular/core';\nimport {TUI_SCROLLABLE} from '@taiga-ui/core/constants';\n\n@Directive({\n    selector: '[tuiScrollable]',\n})\nexport class TuiScrollableDirective implements OnInit {\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {}\n\n    ngOnInit(): void {\n        this.elementRef.nativeElement.dispatchEvent(\n            new CustomEvent(TUI_SCROLLABLE, {\n                bubbles: true,\n                detail: this.elementRef.nativeElement,\n            }),\n        );\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {CSS, USER_AGENT} from '@ng-web-apis/common';\nimport {getElementOffset, isFirefox, TUI_IS_IOS, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_SCROLL_INTO_VIEW, TUI_SCROLLABLE} from '@taiga-ui/core/constants';\nimport {TUI_SCROLL_REF} from '@taiga-ui/core/tokens';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function scrollRefFactory({\n    browserScrollRef,\n}: TuiScrollbarComponent): ElementRef<HTMLElement> {\n    return browserScrollRef;\n}\n\n// @dynamic\n@Component({\n    selector: 'tui-scrollbar',\n    templateUrl: './scrollbar.template.html',\n    styleUrls: ['./scrollbar.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_SCROLL_REF,\n            deps: [TuiScrollbarComponent],\n            useFactory: scrollRefFactory,\n        },\n    ],\n})\nexport class TuiScrollbarComponent {\n    private delegated = false;\n\n    private readonly isLegacy: boolean =\n        !this.cssRef.supports('position', 'sticky') ||\n        (isFirefox(this.userAgent) && !this.cssRef.supports('scrollbar-width', 'none'));\n\n    @Input()\n    @tuiDefaultProp()\n    hidden = false;\n\n    readonly browserScrollRef = new ElementRef(this.elementRef.nativeElement);\n\n    constructor(\n        @Inject(CSS) private readonly cssRef: any,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(USER_AGENT) private readonly userAgent: string,\n        @Inject(TUI_IS_IOS) private readonly isIos: boolean,\n    ) {}\n\n    get showScrollbars(): boolean {\n        return !this.hidden && !this.isIos && (!this.isLegacy || this.delegated);\n    }\n\n    @HostBinding('class._legacy')\n    get showNative(): boolean {\n        return this.isLegacy && !this.hidden && !this.delegated;\n    }\n\n    @HostListener(`${TUI_SCROLLABLE}.stop`, ['$event.detail'])\n    onScrollable(element: HTMLElement): void {\n        this.delegated = true;\n        this.browserScrollRef.nativeElement = element;\n    }\n\n    @HostListener(`${TUI_SCROLL_INTO_VIEW}.stop`, ['$event.detail'])\n    scrollIntoView(detail: HTMLElement): void {\n        if (this.delegated) {\n            return;\n        }\n\n        const {nativeElement} = this.browserScrollRef;\n        const {offsetTop, offsetLeft} = getElementOffset(nativeElement, detail);\n\n        nativeElement.scrollTop =\n            offsetTop + detail.offsetHeight / 2 - nativeElement.clientHeight / 2;\n        nativeElement.scrollLeft =\n            offsetLeft + detail.offsetWidth / 2 - nativeElement.clientWidth / 2;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiScrollControlsModule} from '@taiga-ui/core/components/scroll-controls';\n\nimport {TuiScrollRefDirective} from './scroll-ref.directive';\nimport {TuiScrollableDirective} from './scrollable.directive';\nimport {TuiScrollbarComponent} from './scrollbar.component';\n\n@NgModule({\n    imports: [CommonModule, TuiScrollControlsModule],\n    declarations: [TuiScrollbarComponent, TuiScrollRefDirective, TuiScrollableDirective],\n    exports: [TuiScrollbarComponent, TuiScrollRefDirective, TuiScrollableDirective],\n})\nexport class TuiScrollbarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}