@taiga-ui/kit 2.61.0 → 3.0.0-rc.2

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

@@ -1,390 +0,0 @@
-import { __decorate, __extends, __read, __spread, __param } from 'tslib';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import { Directive, Optional, Self, Inject, ChangeDetectorRef, ElementRef, Input, HostBinding, ViewChildren, HostListener, Component, ChangeDetectionStrategy, forwardRef, EventEmitter, Output, NgModule } from '@angular/core';
-import { NgControl, FormsModule } from '@angular/forms';
-import { EMPTY_QUERY, isNativeFocusedIn, clamp, quantize, round, tuiAssert, tuiDefaultProp, nonNegativeFiniteAssertion, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, typedFromEvent, TuiDestroyService, TuiRepeatTimesModule, TuiFocusableModule } from '@taiga-ui/cdk';
-import { SLIDER_KEYBOARD_STEP, AbstractTuiSlider } from '@taiga-ui/kit/abstract';
-import { TuiSliderComponent, TuiSliderModule } from '@taiga-ui/kit/components/slider';
-import { TUI_FLOATING_PRECISION } from '@taiga-ui/kit/constants';
-import { TUI_FROM_TO_TEXTS } from '@taiga-ui/kit/tokens';
-import { tuiPercentageToKeyStepValue, tuiKeyStepValueToPercentage, tuiCheckKeyStepsHaveMinMaxPercents } from '@taiga-ui/kit/utils';
-import { Observable, merge } from 'rxjs';
-import { TuiFormatNumberPipeModule } from '@taiga-ui/core';
-import { filter, map, tap, switchMap, startWith, takeUntil, repeat } from 'rxjs/operators';
-
-/**
- * Turn on new mode for `Range` and `InputRange`.
- * The new version of component will behave almost the same as the same component from the next major release.
- * @deprecated TODO remove me in v3.0 and make `Range` and `InputRange` always "new".
- */
-var TuiNewRangeDirective = /** @class */ (function () {
-    function TuiNewRangeDirective() {
-    }
-    TuiNewRangeDirective = __decorate([
-        Directive({
-            selector: "tui-range[new], tui-input-range[new]",
-        })
-    ], TuiNewRangeDirective);
-    return TuiNewRangeDirective;
-}());
-// @dynamic
-var TuiRangeComponent = /** @class */ (function (_super) {
-    __extends(TuiRangeComponent, _super);
-    function TuiRangeComponent(control, changeDetectorRef, documentRef, elementRef, fromToTexts$, isNew) {
-        var _this = _super.call(this, control, changeDetectorRef, documentRef, fromToTexts$) || this;
-        _this.elementRef = elementRef;
-        _this.isNew = isNew;
-        _this.min = 0;
-        /**
-         * TODO: make `100` as default value (to be like native sliders) in v3.0
-         */
-        _this.max = Infinity;
-        /**
-         * TODO: think about replacing this props by `step` (to be like native slider).
-         * It can be done after removing backward compatibility code inside {@link computePureKeySteps} in v3.0
-         */
-        _this.steps = 0;
-        /**
-         * TODO: think about replacing this props by `step` (to be like native slider).
-         * It can be done after removing backward compatibility code inside {@link computePureKeySteps} in v3.0
-         * */
-        _this.quantum = 0;
-        _this.size = "m";
-        _this.segments = 0;
-        _this.keySteps = null;
-        _this.slidersRefs = EMPTY_QUERY;
-        _this.lastActiveThumb = "right";
-        return _this;
-    }
-    TuiRangeComponent_1 = TuiRangeComponent;
-    Object.defineProperty(TuiRangeComponent.prototype, "nativeFocusableElement", {
-        get: function () {
-            var _a = __read(this.slidersRefs, 2), sliderLeftRef = _a[0], sliderRightRef = _a[1];
-            if (this.computedDisabled || !sliderLeftRef || !sliderRightRef) {
-                return null;
-            }
-            return this.isLeftFocusable
-                ? sliderLeftRef.nativeElement
-                : sliderRightRef.nativeElement;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiRangeComponent.prototype, "focused", {
-        get: function () {
-            return isNativeFocusedIn(this.elementRef.nativeElement);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiRangeComponent.prototype, "fractionStep", {
-        get: function () {
-            if (this.steps) {
-                return 1 / this.steps;
-            }
-            return this.quantum ? this.quantum / (this.max - this.min) : SLIDER_KEYBOARD_STEP;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiRangeComponent.prototype, "computedKeySteps", {
-        get: function () {
-            return this.computePureKeySteps(this.keySteps, this.min, this.max);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiRangeComponent.prototype, "left", {
-        get: function () {
-            return this.getPercentageFromValue(this.value[0]);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiRangeComponent.prototype, "right", {
-        get: function () {
-            return 100 - this.getPercentageFromValue(this.value[1]);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiRangeComponent.prototype.onFocused = function (focused) {
-        this.updateFocused(focused);
-    };
-    TuiRangeComponent.prototype.changeByStep = function (coefficient, target) {
-        var _a = __read(this.slidersRefs, 2), sliderLeftRef = _a[0], sliderRightRef = _a[1];
-        var leftThumbElement = sliderLeftRef.nativeElement;
-        var rightThumbElement = sliderRightRef.nativeElement;
-        var isRightThumb = target === this.elementRef.nativeElement
-            ? this.lastActiveThumb === "right"
-            : target === rightThumbElement;
-        var activeThumbElement = isRightThumb ? rightThumbElement : leftThumbElement;
-        var previousValue = isRightThumb ? this.value[1] : this.value[0];
-        /** @bad TODO think about a solution without twice conversion */
-        var previousFraction = this.getPercentageFromValue(previousValue) / 100;
-        var newFractionValue = previousFraction + coefficient * this.fractionStep;
-        this.processValue(this.getValueFromFraction(newFractionValue), isRightThumb);
-        if (activeThumbElement) {
-            activeThumbElement.focus();
-        }
-    };
-    TuiRangeComponent.prototype.processValue = function (value, right) {
-        var guardedValue = this.valueGuard(value);
-        if (right) {
-            this.updateEnd(guardedValue);
-        }
-        else {
-            this.updateStart(guardedValue);
-        }
-        this.lastActiveThumb = right ? "right" : "left";
-    };
-    TuiRangeComponent.prototype.fractionGuard = function (fraction) {
-        return clamp(quantize(fraction, this.fractionStep), 0, 1);
-    };
-    TuiRangeComponent.prototype.getValueFromFraction = function (fraction) {
-        var percentage = this.fractionGuard(fraction) * 100;
-        return tuiPercentageToKeyStepValue(percentage, this.computedKeySteps);
-    };
-    TuiRangeComponent.prototype.getPercentageFromValue = function (value) {
-        return tuiKeyStepValueToPercentage(value, this.computedKeySteps);
-    };
-    TuiRangeComponent.prototype.valueGuard = function (value) {
-        return clamp(this.quantum
-            ? round(Math.round(value / this.quantum) * this.quantum, TUI_FLOATING_PRECISION)
-            : value, this.min, this.max);
-    };
-    TuiRangeComponent.prototype.getFallbackValue = function () {
-        return [0, 0];
-    };
-    TuiRangeComponent.prototype.computePureKeySteps = function (keySteps, min, max) {
-        if (keySteps && tuiCheckKeyStepsHaveMinMaxPercents(keySteps)) {
-            return keySteps;
-        }
-        // TODO replace all function by `return keySteps || [[0, min], [100, max]]` in v3.0
-        tuiAssert.assert(!keySteps, "\n" +
-            "Input property [keySteps] should contain min and max percents.\n" +
-            "We have taken [min] and [max] properties of your component for now (but it will not work in v3.0).\n" +
-            "See example how properly use [keySteps]: https://taiga-ui.dev/components/range#key-steps");
-        return __spread([[0, min]], (keySteps || []), [[100, max]]);
-    };
-    TuiRangeComponent.prototype.updateStart = function (value) {
-        this.updateValue([Math.min(value, this.value[1]), this.value[1]]);
-    };
-    TuiRangeComponent.prototype.updateEnd = function (value) {
-        this.updateValue([this.value[0], Math.max(value, this.value[0])]);
-    };
-    var TuiRangeComponent_1;
-    TuiRangeComponent.ctorParameters = function () { return [
-        { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
-        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-        { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_FROM_TO_TEXTS,] }] },
-        { type: TuiNewRangeDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiNewRangeDirective,] }] }
-    ]; };
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiRangeComponent.prototype, "min", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiRangeComponent.prototype, "max", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiRangeComponent.prototype, "steps", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp(nonNegativeFiniteAssertion, "Quantum must be a non-negative number")
-    ], TuiRangeComponent.prototype, "quantum", void 0);
-    __decorate([
-        Input(),
-        HostBinding("attr.data-size"),
-        tuiDefaultProp()
-    ], TuiRangeComponent.prototype, "size", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiRangeComponent.prototype, "segments", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiRangeComponent.prototype, "keySteps", void 0);
-    __decorate([
-        ViewChildren(TuiSliderComponent, { read: ElementRef })
-    ], TuiRangeComponent.prototype, "slidersRefs", void 0);
-    __decorate([
-        HostBinding("style.--left.%")
-    ], TuiRangeComponent.prototype, "left", null);
-    __decorate([
-        HostBinding("style.--right.%")
-    ], TuiRangeComponent.prototype, "right", null);
-    __decorate([
-        HostListener("focusin", ["true"]),
-        HostListener("focusout", ["false"])
-    ], TuiRangeComponent.prototype, "onFocused", null);
-    __decorate([
-        HostListener("keydown.arrowUp.prevent", ["1", "$event.target"]),
-        HostListener("keydown.arrowRight.prevent", ["1", "$event.target"]),
-        HostListener("keydown.arrowLeft.prevent", ["-1", "$event.target"]),
-        HostListener("keydown.arrowDown.prevent", ["-1", "$event.target"])
-    ], TuiRangeComponent.prototype, "changeByStep", null);
-    __decorate([
-        tuiPure
-    ], TuiRangeComponent.prototype, "computePureKeySteps", null);
-    TuiRangeComponent = TuiRangeComponent_1 = __decorate([
-        Component({
-            selector: "tui-range",
-            template: "<div class=\"t-track\">\n    <input\n        tuiSlider\n        readonly\n        type=\"range\"\n        step=\"any\"\n        automation-id=\"tui-range__left\"\n        class=\"t-thumb\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [ngModel]=\"value[0]\"\n        [size]=\"size\"\n        [keySteps]=\"computedKeySteps\"\n        [tuiFocusable]=\"focusable\"\n        [attr.disabled]=\"computedDisabled || null\"\n    />\n    <input\n        tuiSlider\n        readonly\n        type=\"range\"\n        step=\"any\"\n        automation-id=\"tui-range__right\"\n        class=\"t-thumb\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [ngModel]=\"value[1]\"\n        [size]=\"size\"\n        [keySteps]=\"computedKeySteps\"\n        [tuiFocusable]=\"focusable\"\n        [attr.disabled]=\"computedDisabled || null\"\n    />\n</div>\n\n<!-- TODO backward compatibility only (remove in v3.0) -->\n<div\n    *ngIf=\"segments > 0\"\n    class=\"t-segments\"\n>\n    <span\n        *tuiRepeatTimes=\"let tickIndex of segments + 1\"\n        automation-id=\"tui-slider__segment\"\n        class=\"t-segment\"\n    >\n        <ng-container *ngIf=\"fromToTexts$ | async as fromToText\">\n            <span\n                *ngIf=\"!isNew\"\n                class=\"t-number\"\n            >\n                {{ getSegmentPrefix(tickIndex, fromToText) }}\n                {{ tickIndex | tuiSliderTickLabel: segments:computedKeySteps | tuiFormatNumber }}\n                <span *ngIf=\"pluralizeMap\">\n                    {{ tickIndex | tuiSliderTickLabel: segments:computedKeySteps | i18nPlural: pluralizeMap }}\n                </span>\n            </span>\n        </ng-container>\n    </span>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            host: {
-                '[attr.tabindex]': "-1",
-                '[attr.aria-disabled]': "computedDisabled",
-            },
-            providers: [
-                {
-                    provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                    useExisting: forwardRef(function () { return TuiRangeComponent_1; }),
-                },
-            ],
-            styles: [":host{position:relative;display:block;height:.125rem;border-radius:var(--tui-radius-m);background:var(--tui-base-03);cursor:pointer;outline:0;margin:.4375rem 0;touch-action:pan-x}:host:active{cursor:ew-resize}:host:after{content:'';position:absolute;top:-.4375rem;bottom:-.4375rem;width:100%}:host._disabled{opacity:var(--tui-disabled-opacity);cursor:auto}:host[data-size='s'] .t-track{position:relative;margin:0 .25rem;height:100%}:host[data-size='s'] .t-track:after{content:'';position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 -.25rem}:host[data-size='m'] .t-track{position:relative;margin:0 .5rem;height:100%}:host[data-size='m'] .t-track:after{content:'';position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 -.5rem}.t-thumb{pointer-events:none;position:absolute;top:.0625rem;left:0;right:0;z-index:1;transform:translate(0,-50%)}.t-thumb::-webkit-slider-thumb{pointer-events:all}.t-thumb::-moz-range-thumb{pointer-events:all}input[type=range].t-thumb::-webkit-slider-runnable-track{background:0 0}input[type=range].t-thumb::-moz-range-track{background:0 0}input[type=range].t-thumb::-moz-range-progress{background:0 0}input[type=range].t-thumb::-ms-track{background:0 0}input[type=range].t-thumb::-ms-fill-lower{background:0 0}.t-thumb:last-of-type::-webkit-slider-thumb{transform:translate(50%,0)}.t-thumb:first-of-type::-webkit-slider-thumb{transform:translate(-50%,0)}.t-thumb:last-of-type::-moz-range-thumb{transform:translate(50%,0)}.t-thumb:first-of-type::-moz-range-thumb{transform:translate(-50%,0)}:host._disabled .t-thumb{opacity:1}.t-segments{position:absolute;top:0;left:0;bottom:0;right:0}:host[data-size='s'] .t-segments{display:flex;margin:0 .25rem;font:var(--tui-font-text-s);padding:0 .25rem}:host[data-size='s'] .t-segments>*{position:relative;flex:2;text-align:center}:host[data-size='s'] .t-segments>:first-child{left:-.25rem;flex:1;text-align:left}:host[data-size='s'] .t-segments>:last-child{right:-.25rem;flex:1;text-align:right}tui-input-slider+:host[data-size='s'] .t-segments{margin-left:calc(var(--tui-radius-m)/ 2 + .25rem)}tui-input-range+:host[data-size='s'] .t-segments,tui-range+:host[data-size='s'] .t-segments{margin-left:.5rem;margin-right:.5rem}tui-input-range+:host[data-size='s'] .t-segments>:first-child,tui-range+:host[data-size='s'] .t-segments>:first-child{left:-.5rem}tui-input-range+:host[data-size='s'] .t-segments>:last-child,tui-range+:host[data-size='s'] .t-segments>:last-child{right:-.5rem}:host[data-size='m'] .t-segments{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);padding:0 .5rem}:host[data-size='m'] .t-segments>*{position:relative;flex:2;text-align:center}:host[data-size='m'] .t-segments>:first-child{left:-.5rem;flex:1;text-align:left}:host[data-size='m'] .t-segments>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+:host[data-size='m'] .t-segments{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+:host[data-size='m'] .t-segments,tui-range+:host[data-size='m'] .t-segments{margin-left:1rem;margin-right:1rem}tui-input-range+:host[data-size='m'] .t-segments>:first-child,tui-range+:host[data-size='m'] .t-segments>:first-child{left:-1rem}tui-input-range+:host[data-size='m'] .t-segments>:last-child,tui-range+:host[data-size='m'] .t-segments>:last-child{right:-1rem}.t-segment:not(:last-of-type):not(:first-of-type):before{content:'';position:absolute;left:0;right:0;margin:auto;background:var(--tui-base-07);width:.25rem;height:100%}.t-segment:last-of-type .t-number{margin-right:-.5rem}.t-segment:first-of-type .t-number{margin-left:-.5rem}.t-number{display:inline-block;margin-top:.5rem}"]
-        })
-        /**
-         * `AbstractTuiSlider` includes all legacy code (it can be deleted in v3.0)
-         * TODO replace `extends AbstractTuiSlider<[number, number]>` by `extends AbstractTuiControl<[number, number]> implements TuiWithOptionalMinMax<number>, TuiFocusableElementAccessor`
-         */
-        ,
-        __param(0, Optional()),
-        __param(0, Self()),
-        __param(0, Inject(NgControl)),
-        __param(1, Inject(ChangeDetectorRef)),
-        __param(2, Inject(DOCUMENT)),
-        __param(3, Inject(ElementRef)),
-        __param(4, Inject(TUI_FROM_TO_TEXTS)),
-        __param(5, Optional()),
-        __param(5, Inject(TuiNewRangeDirective))
-    ], TuiRangeComponent);
-    return TuiRangeComponent;
-}(AbstractTuiSlider));
-
-// @dynamic
-var TuiRangeChangeDirective = /** @class */ (function () {
-    function TuiRangeChangeDirective(documentRef, elementRef, range, destroy$) {
-        var _this = this;
-        this.documentRef = documentRef;
-        this.elementRef = elementRef;
-        this.range = range;
-        /**
-         * TODO replace with pointer events (when all supported browsers can handle them).
-         * Dont forget to use setPointerCapture instead of listening all documentRef events
-         */
-        this.pointerDown$ = merge(typedFromEvent(this.elementRef.nativeElement, "touchstart", { passive: true }).pipe(filter(function (_a) {
-            var touches = _a.touches;
-            return touches.length === 1;
-        }), map(function (_a) {
-            var touches = _a.touches;
-            return touches[0];
-        })), typedFromEvent(this.elementRef.nativeElement, "mousedown", { passive: true }));
-        this.pointerMove$ = merge(typedFromEvent(this.documentRef, "touchmove").pipe(filter(function (_a) {
-            var touches = _a.touches;
-            return touches.length === 1;
-        }), map(function (_a) {
-            var touches = _a.touches;
-            return touches[0];
-        })), typedFromEvent(this.documentRef, "mousemove"));
-        this.pointerUp$ = merge(typedFromEvent(this.documentRef, "touchend", { passive: true }), typedFromEvent(this.documentRef, "mouseup", { passive: true }));
-        this.activeThumbChange = new EventEmitter();
-        var activeThumb;
-        this.pointerDown$
-            .pipe(tap(function (_a) {
-            var clientX = _a.clientX, target = _a.target;
-            activeThumb = _this.detectActiveThumb(clientX, target);
-            _this.activeThumbChange.emit(activeThumb);
-            if (_this.range.focusable) {
-                elementRef.nativeElement.focus();
-            }
-        }), switchMap(function (event) { return _this.pointerMove$.pipe(startWith(event)); }), map(function (_a) {
-            var clientX = _a.clientX;
-            return clamp(_this.getFractionFromEvents(clientX), 0, 1);
-        }), takeUntil(this.pointerUp$), repeat(), takeUntil(destroy$))
-            .subscribe(function (fraction) {
-            var value = _this.range.getValueFromFraction(_this.range.fractionGuard(fraction));
-            _this.range.processValue(value, activeThumb === "right");
-        });
-    }
-    TuiRangeChangeDirective.prototype.getFractionFromEvents = function (clickClientX) {
-        var hostRect = this.elementRef.nativeElement.getBoundingClientRect();
-        var value = clickClientX - hostRect.left;
-        var total = hostRect.width;
-        return round(value / total, TUI_FLOATING_PRECISION);
-    };
-    TuiRangeChangeDirective.prototype.detectActiveThumb = function (clientX, target) {
-        var _a = __read(this.range.slidersRefs, 2), leftSliderRef = _a[0], rightSliderRef = _a[1];
-        switch (target) {
-            case leftSliderRef.nativeElement:
-                return "left";
-            case rightSliderRef.nativeElement:
-                return "right";
-            default:
-                return this.findNearestActiveThumb(clientX);
-        }
-    };
-    TuiRangeChangeDirective.prototype.findNearestActiveThumb = function (clientX) {
-        var fraction = this.getFractionFromEvents(clientX);
-        var deltaLeft = fraction * 100 - this.range.left;
-        var deltaRight = fraction * 100 - 100 + this.range.right;
-        return Math.abs(deltaLeft) > Math.abs(deltaRight) ||
-            deltaRight > 0 ||
-            (this.range.left === 0 && this.range.right === 100)
-            ? "right"
-            : "left";
-    };
-    TuiRangeChangeDirective.ctorParameters = function () { return [
-        { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: TuiRangeComponent, decorators: [{ type: Inject, args: [TuiRangeComponent,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] }
-    ]; };
-    __decorate([
-        Output()
-    ], TuiRangeChangeDirective.prototype, "activeThumbChange", void 0);
-    TuiRangeChangeDirective = __decorate([
-        Directive({
-            selector: "tui-range",
-            providers: [TuiDestroyService],
-        }),
-        __param(0, Inject(DOCUMENT)),
-        __param(1, Inject(ElementRef)),
-        __param(2, Inject(TuiRangeComponent)),
-        __param(3, Inject(TuiDestroyService))
-    ], TuiRangeChangeDirective);
-    return TuiRangeChangeDirective;
-}());
-
-var TuiRangeModule = /** @class */ (function () {
-    function TuiRangeModule() {
-    }
-    TuiRangeModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                TuiRepeatTimesModule,
-                TuiFocusableModule,
-                TuiFormatNumberPipeModule,
-                TuiSliderModule,
-                FormsModule,
-            ],
-            declarations: [TuiRangeComponent, TuiRangeChangeDirective, TuiNewRangeDirective],
-            exports: [TuiRangeComponent, TuiRangeChangeDirective, TuiNewRangeDirective],
-        })
-    ], TuiRangeModule);
-    return TuiRangeModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiNewRangeDirective, TuiRangeChangeDirective, TuiRangeComponent, TuiRangeModule };
-//# sourceMappingURL=taiga-ui-kit-components-range.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-kit-components-range.js","sources":["ng://@taiga-ui/kit/components/range/range.component.ts","ng://@taiga-ui/kit/components/range/range-change.directive.ts","ng://@taiga-ui/kit/components/range/range.module.ts","ng://@taiga-ui/kit/components/range/taiga-ui-kit-components-range.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Directive,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    QueryList,\n    Self,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    clamp,\n    EMPTY_QUERY,\n    isNativeFocusedIn,\n    nonNegativeFiniteAssertion,\n    quantize,\n    round,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiAssert,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\nimport {AbstractTuiSlider, SLIDER_KEYBOARD_STEP} from '@taiga-ui/kit/abstract';\nimport {TuiSliderComponent} from '@taiga-ui/kit/components/slider';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants';\nimport {TUI_FROM_TO_TEXTS} from '@taiga-ui/kit/tokens';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\nimport {\n    tuiCheckKeyStepsHaveMinMaxPercents,\n    tuiKeyStepValueToPercentage,\n    tuiPercentageToKeyStepValue,\n} from '@taiga-ui/kit/utils';\nimport {Observable} from 'rxjs';\n\n/**\n * Turn on new mode for `Range` and `InputRange`.\n * The new version of component will behave almost the same as the same component from the next major release.\n * @deprecated TODO remove me in v3.0 and make `Range` and `InputRange` always \"new\".\n */\n@Directive({\n    selector: `tui-range[new], tui-input-range[new]`,\n})\nexport class TuiNewRangeDirective {}\n\n// @dynamic\n@Component({\n    selector: `tui-range`,\n    templateUrl: `./range.template.html`,\n    styleUrls: [`./range.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.tabindex]': `-1`,\n        '[attr.aria-disabled]': `computedDisabled`,\n    },\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiRangeComponent),\n        },\n    ],\n})\n/**\n * `AbstractTuiSlider` includes all legacy code (it can be deleted in v3.0)\n * TODO replace `extends AbstractTuiSlider<[number, number]>` by `extends AbstractTuiControl<[number, number]> implements TuiWithOptionalMinMax<number>, TuiFocusableElementAccessor`\n */\nexport class TuiRangeComponent\n    extends AbstractTuiSlider<[number, number]>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    min = 0;\n\n    /**\n     * TODO: make `100` as default value (to be like native sliders) in v3.0\n     */\n    @Input()\n    @tuiDefaultProp()\n    max = Infinity;\n\n    /**\n     * TODO: think about replacing this props by `step` (to be like native slider).\n     * It can be done after removing backward compatibility code inside {@link computePureKeySteps} in v3.0\n     */\n    @Input()\n    @tuiDefaultProp()\n    steps = 0;\n\n    /**\n     * TODO: think about replacing this props by `step` (to be like native slider).\n     * It can be done after removing backward compatibility code inside {@link computePureKeySteps} in v3.0\n     * */\n    @Input()\n    @tuiDefaultProp(nonNegativeFiniteAssertion, `Quantum must be a non-negative number`)\n    quantum = 0;\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeS = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    segments = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    keySteps: TuiKeySteps | null = null;\n\n    @ViewChildren(TuiSliderComponent, {read: ElementRef})\n    slidersRefs: QueryList<ElementRef<HTMLInputElement>> = EMPTY_QUERY;\n\n    lastActiveThumb: 'right' | 'left' = `right`;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_FROM_TO_TEXTS) fromToTexts$: Observable<[string, string]>,\n        @Optional()\n        @Inject(TuiNewRangeDirective)\n        readonly isNew: TuiNewRangeDirective | null,\n    ) {\n        super(control, changeDetectorRef, documentRef, fromToTexts$);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        const [sliderLeftRef, sliderRightRef] = this.slidersRefs;\n\n        if (this.computedDisabled || !sliderLeftRef || !sliderRightRef) {\n            return null;\n        }\n\n        return this.isLeftFocusable\n            ? sliderLeftRef.nativeElement\n            : sliderRightRef.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    get fractionStep(): number {\n        if (this.steps) {\n            return 1 / this.steps;\n        }\n\n        return this.quantum ? this.quantum / (this.max - this.min) : SLIDER_KEYBOARD_STEP;\n    }\n\n    get computedKeySteps(): TuiKeySteps {\n        return this.computePureKeySteps(this.keySteps, this.min, this.max);\n    }\n\n    @HostBinding(`style.--left.%`)\n    get left(): number {\n        return this.getPercentageFromValue(this.value[0]);\n    }\n\n    @HostBinding(`style.--right.%`)\n    get right(): number {\n        return 100 - this.getPercentageFromValue(this.value[1]);\n    }\n\n    @HostListener(`focusin`, [`true`])\n    @HostListener(`focusout`, [`false`])\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    @HostListener(`keydown.arrowUp.prevent`, [`1`, `$event.target`])\n    @HostListener(`keydown.arrowRight.prevent`, [`1`, `$event.target`])\n    @HostListener(`keydown.arrowLeft.prevent`, [`-1`, `$event.target`])\n    @HostListener(`keydown.arrowDown.prevent`, [`-1`, `$event.target`])\n    changeByStep(coefficient: number, target: HTMLElement): void {\n        const [sliderLeftRef, sliderRightRef] = this.slidersRefs;\n        const leftThumbElement = sliderLeftRef.nativeElement;\n        const rightThumbElement = sliderRightRef.nativeElement;\n\n        const isRightThumb =\n            target === this.elementRef.nativeElement\n                ? this.lastActiveThumb === `right`\n                : target === rightThumbElement;\n        const activeThumbElement = isRightThumb ? rightThumbElement : leftThumbElement;\n        const previousValue = isRightThumb ? this.value[1] : this.value[0];\n        /** @bad TODO think about a solution without twice conversion */\n        const previousFraction = this.getPercentageFromValue(previousValue) / 100;\n        const newFractionValue = previousFraction + coefficient * this.fractionStep;\n\n        this.processValue(this.getValueFromFraction(newFractionValue), isRightThumb);\n\n        if (activeThumbElement) {\n            activeThumbElement.focus();\n        }\n    }\n\n    processValue(value: number, right: boolean): void {\n        const guardedValue = this.valueGuard(value);\n\n        if (right) {\n            this.updateEnd(guardedValue);\n        } else {\n            this.updateStart(guardedValue);\n        }\n\n        this.lastActiveThumb = right ? `right` : `left`;\n    }\n\n    fractionGuard(fraction: number): number {\n        return clamp(quantize(fraction, this.fractionStep), 0, 1);\n    }\n\n    getValueFromFraction(fraction: number): number {\n        const percentage = this.fractionGuard(fraction) * 100;\n\n        return tuiPercentageToKeyStepValue(percentage, this.computedKeySteps);\n    }\n\n    getPercentageFromValue(value: number): number {\n        return tuiKeyStepValueToPercentage(value, this.computedKeySteps);\n    }\n\n    protected valueGuard(value: number): number {\n        return clamp(\n            this.quantum\n                ? round(\n                      Math.round(value / this.quantum) * this.quantum,\n                      TUI_FLOATING_PRECISION,\n                  )\n                : value,\n            this.min,\n            this.max,\n        );\n    }\n\n    protected getFallbackValue(): [number, number] {\n        return [0, 0];\n    }\n\n    @tuiPure\n    private computePureKeySteps(\n        keySteps: TuiKeySteps | null,\n        min: number,\n        max: number,\n    ): TuiKeySteps {\n        if (keySteps && tuiCheckKeyStepsHaveMinMaxPercents(keySteps)) {\n            return keySteps;\n        }\n\n        // TODO replace all function by `return keySteps || [[0, min], [100, max]]` in v3.0\n        tuiAssert.assert(\n            !keySteps,\n            `\\n` +\n                `Input property [keySteps] should contain min and max percents.\\n` +\n                `We have taken [min] and [max] properties of your component for now (but it will not work in v3.0).\\n` +\n                `See example how properly use [keySteps]: https://taiga-ui.dev/components/range#key-steps`,\n        );\n\n        return [[0, min], ...(keySteps || []), [100, max]];\n    }\n\n    private updateStart(value: number): void {\n        this.updateValue([Math.min(value, this.value[1]), this.value[1]]);\n    }\n\n    private updateEnd(value: number): void {\n        this.updateValue([this.value[0], Math.max(value, this.value[0])]);\n    }\n}\n","import {DOCUMENT} from '@angular/common';\nimport {Directive, ElementRef, EventEmitter, Inject, Output} from '@angular/core';\nimport {clamp, round, TuiDestroyService, typedFromEvent} from '@taiga-ui/cdk';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants';\nimport {merge, Observable} from 'rxjs';\nimport {filter, map, repeat, startWith, switchMap, takeUntil, tap} from 'rxjs/operators';\n\nimport {TuiRangeComponent} from './range.component';\n\n// @dynamic\n@Directive({\n    selector: `tui-range`,\n    providers: [TuiDestroyService],\n})\nexport class TuiRangeChangeDirective {\n    /**\n     * TODO replace with pointer events (when all supported browsers can handle them).\n     * Dont forget to use setPointerCapture instead of listening all documentRef events\n     */\n    private readonly pointerDown$ = merge(\n        typedFromEvent(this.elementRef.nativeElement, `touchstart`, {passive: true}).pipe(\n            filter(({touches}) => touches.length === 1),\n            map(({touches}) => touches[0]),\n        ),\n        typedFromEvent(this.elementRef.nativeElement, `mousedown`, {passive: true}),\n    );\n\n    private readonly pointerMove$ = merge(\n        typedFromEvent(this.documentRef, `touchmove`).pipe(\n            filter(({touches}) => touches.length === 1),\n            map(({touches}) => touches[0]),\n        ),\n        typedFromEvent(this.documentRef, `mousemove`),\n    );\n\n    private readonly pointerUp$ = merge(\n        typedFromEvent(this.documentRef, `touchend`, {passive: true}),\n        typedFromEvent(this.documentRef, `mouseup`, {passive: true}),\n    );\n\n    @Output()\n    activeThumbChange = new EventEmitter<'left' | 'right'>();\n\n    constructor(\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TuiRangeComponent) private readonly range: TuiRangeComponent,\n        @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n    ) {\n        let activeThumb: 'left' | 'right';\n\n        this.pointerDown$\n            .pipe(\n                tap(({clientX, target}) => {\n                    activeThumb = this.detectActiveThumb(clientX, target);\n                    this.activeThumbChange.emit(activeThumb);\n\n                    if (this.range.focusable) {\n                        elementRef.nativeElement.focus();\n                    }\n                }),\n                switchMap(event => this.pointerMove$.pipe(startWith(event))),\n                map(({clientX}) => clamp(this.getFractionFromEvents(clientX), 0, 1)),\n                takeUntil(this.pointerUp$),\n                repeat(),\n                takeUntil(destroy$),\n            )\n            .subscribe(fraction => {\n                const value = this.range.getValueFromFraction(\n                    this.range.fractionGuard(fraction),\n                );\n\n                this.range.processValue(value, activeThumb === `right`);\n            });\n    }\n\n    private getFractionFromEvents(clickClientX: number): number {\n        const hostRect = this.elementRef.nativeElement.getBoundingClientRect();\n        const value = clickClientX - hostRect.left;\n        const total = hostRect.width;\n\n        return round(value / total, TUI_FLOATING_PRECISION);\n    }\n\n    private detectActiveThumb(\n        clientX: number,\n        target: EventTarget | null,\n    ): 'left' | 'right' {\n        const [leftSliderRef, rightSliderRef] = this.range.slidersRefs;\n\n        switch (target) {\n            case leftSliderRef.nativeElement:\n                return `left`;\n            case rightSliderRef.nativeElement:\n                return `right`;\n            default:\n                return this.findNearestActiveThumb(clientX);\n        }\n    }\n\n    private findNearestActiveThumb(clientX: number): 'left' | 'right' {\n        const fraction = this.getFractionFromEvents(clientX);\n        const deltaLeft = fraction * 100 - this.range.left;\n        const deltaRight = fraction * 100 - 100 + this.range.right;\n\n        return Math.abs(deltaLeft) > Math.abs(deltaRight) ||\n            deltaRight > 0 ||\n            (this.range.left === 0 && this.range.right === 100)\n            ? `right`\n            : `left`;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiFocusableModule, TuiRepeatTimesModule} from '@taiga-ui/cdk';\nimport {TuiFormatNumberPipeModule} from '@taiga-ui/core';\nimport {TuiSliderModule} from '@taiga-ui/kit/components/slider';\n\nimport {TuiNewRangeDirective, TuiRangeComponent} from './range.component';\nimport {TuiRangeChangeDirective} from './range-change.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiRepeatTimesModule,\n        TuiFocusableModule,\n        TuiFormatNumberPipeModule,\n        TuiSliderModule,\n        FormsModule,\n    ],\n    declarations: [TuiRangeComponent, TuiRangeChangeDirective, TuiNewRangeDirective],\n    exports: [TuiRangeComponent, TuiRangeChangeDirective, TuiNewRangeDirective],\n})\nexport class TuiRangeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,150 +0,0 @@
-import { __assign, __extends, __decorate, __param } from 'tslib';
-import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
-import { NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { isNativeFocused, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TuiFocusableModule, TuiRepeatTimesModule } from '@taiga-ui/cdk';
-import { TuiSvgModule } from '@taiga-ui/core';
-
-var TUI_RATING_DEFAULT_OPTIONS = {
-    min: 0,
-    max: 5,
-    iconNormal: "tuiIconStarLarge",
-    iconFilled: "tuiIconStarFilledLarge",
-};
-var TUI_RATING_OPTIONS = new InjectionToken("Default parameters for rating component", {
-    factory: function () { return TUI_RATING_DEFAULT_OPTIONS; },
-});
-var tuiRatingOptionsProvider = function (options) { return ({
-    provide: TUI_RATING_OPTIONS,
-    useValue: __assign(__assign({}, TUI_RATING_DEFAULT_OPTIONS), options),
-}); };
-
-var TuiRatingComponent = /** @class */ (function (_super) {
-    __extends(TuiRatingComponent, _super);
-    function TuiRatingComponent(ngControl, changeDetectorRef, options) {
-        var _this = _super.call(this, ngControl, changeDetectorRef) || this;
-        _this.options = options;
-        _this.min = _this.options.min;
-        _this.max = _this.options.max;
-        _this.iconNormal = _this.options.iconNormal;
-        _this.iconFilled = _this.options.iconFilled;
-        return _this;
-    }
-    TuiRatingComponent_1 = TuiRatingComponent;
-    Object.defineProperty(TuiRatingComponent.prototype, "nativeFocusableElement", {
-        get: function () {
-            return this.computedDisabled || !this.focusableElement
-                ? null
-                : this.focusableElement.nativeElement;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiRatingComponent.prototype, "focused", {
-        get: function () {
-            return isNativeFocused(this.nativeFocusableElement);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiRatingComponent.prototype, "isFocusable", {
-        get: function () {
-            return !(this.readOnly || this.disabled);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiRatingComponent.prototype, "percent", {
-        get: function () {
-            return (100 * this.value) / this.max;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiRatingComponent.prototype.onFocused = function (focused) {
-        this.updateFocused(focused);
-    };
-    TuiRatingComponent.prototype.setRateByReverseIndex = function (index) {
-        this.updateValue(this.max - index);
-    };
-    TuiRatingComponent.prototype.setRate = function (value) {
-        this.updateValue(value);
-    };
-    TuiRatingComponent.prototype.getFallbackValue = function () {
-        return 0;
-    };
-    var TuiRatingComponent_1;
-    TuiRatingComponent.ctorParameters = function () { return [
-        { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
-        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_RATING_OPTIONS,] }] }
-    ]; };
-    __decorate([
-        ViewChild("focusableElement")
-    ], TuiRatingComponent.prototype, "focusableElement", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiRatingComponent.prototype, "min", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiRatingComponent.prototype, "max", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiRatingComponent.prototype, "iconNormal", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiRatingComponent.prototype, "iconFilled", void 0);
-    __decorate([
-        HostListener("focusin", ["true"]),
-        HostListener("focusout", ["false"])
-    ], TuiRatingComponent.prototype, "onFocused", null);
-    TuiRatingComponent = TuiRatingComponent_1 = __decorate([
-        Component({
-            selector: "tui-rating",
-            template: "<label>\n    <ng-content></ng-content>\n\n    <div class=\"t-host\">\n        <div class=\"t-interactive\">\n            <tui-svg\n                *tuiRepeatTimes=\"let index of max\"\n                class=\"t-icon-filled\"\n                [src]=\"iconFilled\"\n                (click)=\"setRateByReverseIndex(index)\"\n            ></tui-svg>\n        </div>\n\n        <div\n            class=\"t-wrapper\"\n            [style.width.%]=\"percent\"\n        >\n            <tui-svg\n                *tuiRepeatTimes=\"let index of max\"\n                class=\"t-icon-filled\"\n                [src]=\"iconFilled\"\n            ></tui-svg>\n        </div>\n\n        <tui-svg\n            *tuiRepeatTimes=\"let item of max\"\n            [src]=\"iconNormal\"\n        ></tui-svg>\n\n        <input\n            #focusableElement\n            type=\"range\"\n            step=\"1\"\n            class=\"t-input\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [ngModel]=\"value\"\n            [tuiFocusable]=\"isFocusable\"\n            (ngModelChange)=\"setRate($event)\"\n        />\n    </div>\n</label>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [
-                {
-                    provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                    useExisting: forwardRef(function () { return TuiRatingComponent_1; }),
-                },
-            ],
-            styles: [":host._disabled,:host._readonly{pointer-events:none}:host._disabled{opacity:var(--tui-disabled-opacity)}.t-host{position:relative;display:inline-flex}.t-input{pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0}.t-input::-webkit-slider-thumb{display:none}.t-input::-moz-range-thumb{opacity:0}.t-input,.t-interactive,.t-wrapper{position:absolute;left:0;bottom:0;width:100%;height:100%}.t-interactive,.t-wrapper{display:inline-flex;overflow:hidden;flex-direction:row-reverse;justify-content:flex-end;white-space:nowrap}.t-wrapper{pointer-events:none}.t-interactive{opacity:0}@media (hover:hover) and (pointer:fine){.t-interactive:hover{opacity:1}.t-interactive:hover~.t-wrapper{visibility:hidden}.t-interactive:hover .t-icon-filled{opacity:0}.t-interactive:hover .t-icon-filled:hover,.t-interactive:hover .t-icon-filled:hover~.t-icon-filled{opacity:1}}.t-icon-filled{position:relative;cursor:pointer}"]
-        }),
-        __param(0, Optional()),
-        __param(0, Self()),
-        __param(0, Inject(NgControl)),
-        __param(1, Inject(ChangeDetectorRef)),
-        __param(2, Inject(TUI_RATING_OPTIONS))
-    ], TuiRatingComponent);
-    return TuiRatingComponent;
-}(AbstractTuiControl));
-
-var TuiRatingModule = /** @class */ (function () {
-    function TuiRatingModule() {
-    }
-    TuiRatingModule = __decorate([
-        NgModule({
-            imports: [
-                TuiSvgModule,
-                TuiFocusableModule,
-                TuiRepeatTimesModule,
-                FormsModule,
-                ReactiveFormsModule,
-            ],
-            declarations: [TuiRatingComponent],
-            exports: [TuiRatingComponent],
-        })
-    ], TuiRatingModule);
-    return TuiRatingModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TUI_RATING_DEFAULT_OPTIONS, TUI_RATING_OPTIONS, TuiRatingComponent, TuiRatingModule, tuiRatingOptionsProvider };
-//# sourceMappingURL=taiga-ui-kit-components-rating.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-kit-components-rating.js","sources":["ng://@taiga-ui/kit/components/rating/rating-options.ts","ng://@taiga-ui/kit/components/rating/rating.component.ts","ng://@taiga-ui/kit/components/rating/rating.module.ts","ng://@taiga-ui/kit/components/rating/taiga-ui-kit-components-rating.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\n\nexport interface TuiRatingOptions {\n    readonly min: number;\n    readonly max: number;\n    readonly iconNormal: string;\n    readonly iconFilled: string;\n}\n\nexport const TUI_RATING_DEFAULT_OPTIONS: TuiRatingOptions = {\n    min: 0,\n    max: 5,\n    iconNormal: `tuiIconStarLarge`,\n    iconFilled: `tuiIconStarFilledLarge`,\n};\n\nexport const TUI_RATING_OPTIONS = new InjectionToken<TuiRatingOptions>(\n    `Default parameters for rating component`,\n    {\n        factory: () => TUI_RATING_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiRatingOptionsProvider: (\n    options: Partial<TuiRatingOptions>,\n) => ValueProvider = (options: Partial<TuiRatingOptions>) => ({\n    provide: TUI_RATING_OPTIONS,\n    useValue: {...TUI_RATING_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\n\nimport {TUI_RATING_OPTIONS, TuiRatingOptions} from './rating-options';\n\n@Component({\n    selector: `tui-rating`,\n    templateUrl: `./rating.template.html`,\n    styleUrls: [`./rating.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiRatingComponent),\n        },\n    ],\n})\nexport class TuiRatingComponent\n    extends AbstractTuiControl<number>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(`focusableElement`)\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    min = this.options.min;\n\n    @Input()\n    @tuiDefaultProp()\n    max = this.options.max;\n\n    @Input()\n    @tuiDefaultProp()\n    iconNormal = this.options.iconNormal;\n\n    @Input()\n    @tuiDefaultProp()\n    iconFilled = this.options.iconFilled;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        ngControl: NgControl | null,\n        @Inject(ChangeDetectorRef)\n        changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_RATING_OPTIONS)\n        private readonly options: TuiRatingOptions,\n    ) {\n        super(ngControl, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled || !this.focusableElement\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get isFocusable(): boolean {\n        return !(this.readOnly || this.disabled);\n    }\n\n    get percent(): number {\n        return (100 * this.value) / this.max;\n    }\n\n    @HostListener(`focusin`, [`true`])\n    @HostListener(`focusout`, [`false`])\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    setRateByReverseIndex(index: number): void {\n        this.updateValue(this.max - index);\n    }\n\n    setRate(value: number): void {\n        this.updateValue(value);\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {TuiFocusableModule, TuiRepeatTimesModule} from '@taiga-ui/cdk';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiRatingComponent} from './rating.component';\n\n@NgModule({\n    imports: [\n        TuiSvgModule,\n        TuiFocusableModule,\n        TuiRepeatTimesModule,\n        FormsModule,\n        ReactiveFormsModule,\n    ],\n    declarations: [TuiRatingComponent],\n    exports: [TuiRatingComponent],\n})\nexport class TuiRatingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}