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

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

@@ -1,83 +1,57 @@
-import { __decorate, __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 { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef, ElementRef, Component, ChangeDetectionStrategy, Optional, Self, Inject, Input, HostBinding, ViewChildren, HostListener, EventEmitter, Directive, Output, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
 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 { AbstractTuiSlider, SLIDER_KEYBOARD_STEP } from '@taiga-ui/kit/abstract';
+import * as i3 from '@taiga-ui/cdk';
+import { AbstractTuiControl, EMPTY_QUERY, tuiIsNativeFocusedIn, tuiClamp, tuiQuantize, tuiDefaultProp, tuiPure, tuiTypedFromEvent, tuiRound, TuiDestroyService, TuiFocusableModule } from '@taiga-ui/cdk';
+import * as i1 from '@taiga-ui/kit/components/slider';
 import { TuiSliderComponent, TuiSliderModule } from '@taiga-ui/kit/components/slider';
+import { tuiPercentageToKeyStepValue, tuiKeyStepValueToPercentage } from '@taiga-ui/kit/utils';
+import { DOCUMENT, CommonModule } from '@angular/common';
 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 * as i2$1 from 'rxjs';
+import { merge } from 'rxjs';
 import { filter, map, tap, switchMap, startWith, takeUntil, repeat } from 'rxjs/operators';
 
-var TuiRangeComponent_1;
-/**
- * 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".
- */
-let TuiNewRangeDirective = class TuiNewRangeDirective {
-};
-TuiNewRangeDirective = __decorate([
-    Directive({
-        selector: `tui-range[new], tui-input-range[new]`,
-    })
-], TuiNewRangeDirective);
-// @dynamic
-let TuiRangeComponent = TuiRangeComponent_1 = 
-/**
- * `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`
- */
-class TuiRangeComponent extends AbstractTuiSlider {
-    constructor(control, changeDetectorRef, documentRef, elementRef, fromToTexts$, isNew) {
-        super(control, changeDetectorRef, documentRef, fromToTexts$);
+class TuiRangeComponent extends AbstractTuiControl {
+    constructor(control, changeDetectorRef, elementRef) {
+        super(control, changeDetectorRef);
         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.max = 100;
+        this.step = 1;
         this.size = `m`;
-        this.segments = 0;
+        this.segments = 1;
         this.keySteps = null;
         this.slidersRefs = EMPTY_QUERY;
         this.lastActiveThumb = `right`;
     }
     get nativeFocusableElement() {
         const [sliderLeftRef, sliderRightRef] = this.slidersRefs;
-        if (this.computedDisabled || !sliderLeftRef || !sliderRightRef) {
+        if (this.computedDisabled ||
+            !this.focusable ||
+            !sliderLeftRef ||
+            !sliderRightRef) {
             return null;
         }
-        return this.isLeftFocusable
-            ? sliderLeftRef.nativeElement
-            : sliderRightRef.nativeElement;
+        const isLeftThumbLocked = this.right === 100;
+        return isLeftThumbLocked
+            ? sliderRightRef.nativeElement
+            : sliderLeftRef.nativeElement;
     }
     get focused() {
-        return isNativeFocusedIn(this.elementRef.nativeElement);
+        return tuiIsNativeFocusedIn(this.elementRef.nativeElement);
     }
     get fractionStep() {
-        if (this.steps) {
-            return 1 / this.steps;
-        }
-        return this.quantum ? this.quantum / (this.max - this.min) : SLIDER_KEYBOARD_STEP;
+        return this.step / (this.max - this.min);
     }
     get computedKeySteps() {
         return this.computePureKeySteps(this.keySteps, this.min, this.max);
     }
+    get segmentWidthRatio() {
+        return 1 / this.segments;
+    }
     get left() {
         return this.getPercentageFromValue(this.value[0]);
     }
@@ -105,43 +79,29 @@ class TuiRangeComponent extends AbstractTuiSlider {
         }
     }
     processValue(value, right) {
-        const guardedValue = this.valueGuard(value);
         if (right) {
-            this.updateEnd(guardedValue);
+            this.updateEnd(value);
         }
         else {
-            this.updateStart(guardedValue);
+            this.updateStart(value);
         }
         this.lastActiveThumb = right ? `right` : `left`;
     }
-    fractionGuard(fraction) {
-        return clamp(quantize(fraction, this.fractionStep), 0, 1);
-    }
     getValueFromFraction(fraction) {
-        const percentage = this.fractionGuard(fraction) * 100;
-        return tuiPercentageToKeyStepValue(percentage, this.computedKeySteps);
+        const guardedFraction = tuiClamp(tuiQuantize(fraction, this.fractionStep), 0, 1);
+        return tuiPercentageToKeyStepValue(guardedFraction * 100, this.computedKeySteps);
     }
     getPercentageFromValue(value) {
         return tuiKeyStepValueToPercentage(value, this.computedKeySteps);
     }
-    valueGuard(value) {
-        return clamp(this.quantum
-            ? round(Math.round(value / this.quantum) * this.quantum, TUI_FLOATING_PRECISION)
-            : value, this.min, this.max);
-    }
     getFallbackValue() {
         return [0, 0];
     }
     computePureKeySteps(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 [[0, min], ...(keySteps || []), [100, max]];
+        return (keySteps || [
+            [0, min],
+            [100, max],
+        ]);
     }
     updateStart(value) {
         this.updateValue([Math.min(value, this.value[1]), this.value[1]]);
@@ -149,101 +109,100 @@ class TuiRangeComponent extends AbstractTuiSlider {
     updateEnd(value) {
         this.updateValue([this.value[0], Math.max(value, this.value[0])]);
     }
-};
-TuiRangeComponent.ctorParameters = () => [
-    { 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,] }] }
-];
+}
+TuiRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRangeComponent, deps: [{ token: NgControl, optional: true, self: true }, { token: ChangeDetectorRef }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TuiRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiRangeComponent, selector: "tui-range", inputs: { min: "min", max: "max", step: "step", size: "size", segments: "segments", keySteps: "keySteps" }, host: { listeners: { "focusin": "onFocused(true)", "focusout": "onFocused(false)", "keydown.arrowUp.prevent": "changeByStep(1,$event.target)", "keydown.arrowRight.prevent": "changeByStep(1,$event.target)", "keydown.arrowLeft.prevent": "changeByStep(-1,$event.target)", "keydown.arrowDown.prevent": "changeByStep(-1,$event.target)" }, properties: { "attr.tabindex": "-1", "attr.aria-disabled": "computedDisabled", "attr.data-size": "this.size", "style.--left.%": "this.left", "style.--right.%": "this.right" } }, viewQueries: [{ propertyName: "slidersRefs", predicate: TuiSliderComponent, descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"t-track\"\n    [style.--segment-width.%]=\"segmentWidthRatio * 100\"\n    [style.--bg-size-ratio]=\"1 - segmentWidthRatio\"\n>\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", styles: [":host{position:relative;display:block;height:.125rem;border-radius:var(--tui-radius-m);background:var(--tui-base-03);cursor:pointer;outline:none;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:before{content:\"\";position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 -.25rem}:host[data-size=s] .t-track:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";left:.125rem;right:.375rem;background-image:repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 calc(var(--segment-width) / var(--bg-size-ratio)));background-position-x:right;background-repeat:no-repeat;background-size:calc(100% * var(--bg-size-ratio))}:host[data-size=m] .t-track{position:relative;margin:0 .5rem;height:100%}:host[data-size=m] .t-track:before{content:\"\";position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 -.5rem}:host[data-size=m] .t-track:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";left:.375rem;right:.625rem;background-image:repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 calc(var(--segment-width) / var(--bg-size-ratio)));background-position-x:right;background-repeat:no-repeat;background-size:calc(100% * var(--bg-size-ratio))}.t-thumb{pointer-events:none;position:absolute;top:.0625rem;left:0;right:0;z-index:1;transform:translateY(-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:transparent}input[type=range].t-thumb::-moz-range-track{background:transparent}input[type=range].t-thumb::-moz-range-progress{background:transparent}input[type=range].t-thumb::-ms-track{background:transparent}input[type=range].t-thumb::-ms-fill-lower{background:transparent}.t-thumb:last-of-type::-webkit-slider-thumb{transform:translate(50%)}.t-thumb:first-of-type::-webkit-slider-thumb{transform:translate(-50%)}.t-thumb:last-of-type::-moz-range-thumb{transform:translate(50%)}.t-thumb:first-of-type::-moz-range-thumb{transform:translate(-50%)}:host._disabled .t-thumb{opacity:1}\n"], components: [{ type: i1.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["size", "segments"] }], directives: [{ type: i1.TuiSliderReadonlyDirective, selector: "input[tuiSlider][readonly]", inputs: ["readonly"] }, { type: i1.TuiSliderKeyStepsDirective, selector: "input[tuiSlider][keySteps]", inputs: ["keySteps"] }, { type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.TuiFocusableDirective, selector: "[tuiFocusable]", inputs: ["tuiFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __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);
+    tuiDefaultProp(s => s > 0, `Step must be a non-negative number`)
+], TuiRangeComponent.prototype, "step", void 0);
 __decorate([
-    Input(),
-    HostBinding(`attr.data-size`),
     tuiDefaultProp()
 ], TuiRangeComponent.prototype, "size", void 0);
 __decorate([
-    Input(),
-    tuiDefaultProp()
+    tuiDefaultProp(s => s > 0 && Number.isInteger(s), `Segments must be positive integer`)
 ], 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(() => 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);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRangeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-range`,
+                    templateUrl: `./range.template.html`,
+                    styleUrls: [`./range.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[attr.tabindex]': `-1`,
+                        '[attr.aria-disabled]': `computedDisabled`,
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [NgControl]
+                }] }, { type: i0.ChangeDetectorRef, decorators: [{
+                    type: Inject,
+                    args: [ChangeDetectorRef]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }]; }, propDecorators: { min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`attr.data-size`]
+            }], segments: [{
+                type: Input
+            }], keySteps: [{
+                type: Input
+            }], slidersRefs: [{
+                type: ViewChildren,
+                args: [TuiSliderComponent, { read: ElementRef }]
+            }], left: [{
+                type: HostBinding,
+                args: [`style.--left.%`]
+            }], right: [{
+                type: HostBinding,
+                args: [`style.--right.%`]
+            }], onFocused: [{
+                type: HostListener,
+                args: [`focusin`, [`true`]]
+            }, {
+                type: HostListener,
+                args: [`focusout`, [`false`]]
+            }], changeByStep: [{
+                type: HostListener,
+                args: [`keydown.arrowUp.prevent`, [`1`, `$event.target`]]
+            }, {
+                type: HostListener,
+                args: [`keydown.arrowRight.prevent`, [`1`, `$event.target`]]
+            }, {
+                type: HostListener,
+                args: [`keydown.arrowLeft.prevent`, [`-1`, `$event.target`]]
+            }, {
+                type: HostListener,
+                args: [`keydown.arrowDown.prevent`, [`-1`, `$event.target`]]
+            }], computePureKeySteps: [] } });
 
-// @dynamic
-let TuiRangeChangeDirective = class TuiRangeChangeDirective {
+class TuiRangeChangeDirective {
     constructor(documentRef, elementRef, range, destroy$) {
         this.documentRef = documentRef;
         this.elementRef = elementRef;
@@ -252,9 +211,11 @@ let TuiRangeChangeDirective = class TuiRangeChangeDirective {
          * 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(({ touches }) => touches.length === 1), map(({ touches }) => touches[0])), typedFromEvent(this.elementRef.nativeElement, `mousedown`, { passive: true }));
-        this.pointerMove$ = merge(typedFromEvent(this.documentRef, `touchmove`).pipe(filter(({ touches }) => touches.length === 1), map(({ touches }) => touches[0])), typedFromEvent(this.documentRef, `mousemove`));
-        this.pointerUp$ = merge(typedFromEvent(this.documentRef, `touchend`, { passive: true }), typedFromEvent(this.documentRef, `mouseup`, { passive: true }));
+        this.pointerDown$ = merge(tuiTypedFromEvent(this.elementRef.nativeElement, `touchstart`, {
+            passive: true,
+        }).pipe(filter(({ touches }) => touches.length === 1), map(({ touches }) => touches[0])), tuiTypedFromEvent(this.elementRef.nativeElement, `mousedown`, { passive: true }));
+        this.pointerMove$ = merge(tuiTypedFromEvent(this.documentRef, `touchmove`).pipe(filter(({ touches }) => touches.length === 1), map(({ touches }) => touches[0])), tuiTypedFromEvent(this.documentRef, `mousemove`));
+        this.pointerUp$ = merge(tuiTypedFromEvent(this.documentRef, `touchend`, { passive: true }), tuiTypedFromEvent(this.documentRef, `mouseup`, { passive: true }));
         this.activeThumbChange = new EventEmitter();
         let activeThumb;
         this.pointerDown$
@@ -264,9 +225,9 @@ let TuiRangeChangeDirective = class TuiRangeChangeDirective {
             if (this.range.focusable) {
                 elementRef.nativeElement.focus();
             }
-        }), switchMap(event => this.pointerMove$.pipe(startWith(event))), map(({ clientX }) => clamp(this.getFractionFromEvents(clientX), 0, 1)), takeUntil(this.pointerUp$), repeat(), takeUntil(destroy$))
+        }), switchMap(event => this.pointerMove$.pipe(startWith(event))), map(({ clientX }) => this.getFractionFromEvents(clientX)), takeUntil(this.pointerUp$), repeat(), takeUntil(destroy$))
             .subscribe(fraction => {
-            const value = this.range.getValueFromFraction(this.range.fractionGuard(fraction));
+            const value = this.range.getValueFromFraction(fraction);
             this.range.processValue(value, activeThumb === `right`);
         });
     }
@@ -274,7 +235,7 @@ let TuiRangeChangeDirective = class TuiRangeChangeDirective {
         const hostRect = this.elementRef.nativeElement.getBoundingClientRect();
         const value = clickClientX - hostRect.left;
         const total = hostRect.width;
-        return round(value / total, TUI_FLOATING_PRECISION);
+        return tuiClamp(tuiRound(value / total, TUI_FLOATING_PRECISION), 0, 1);
     }
     detectActiveThumb(clientX, target) {
         const [leftSliderRef, rightSliderRef] = this.range.slidersRefs;
@@ -297,47 +258,48 @@ let TuiRangeChangeDirective = class TuiRangeChangeDirective {
             ? `right`
             : `left`;
     }
-};
-TuiRangeChangeDirective.ctorParameters = () => [
-    { 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);
+}
+TuiRangeChangeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRangeChangeDirective, deps: [{ token: DOCUMENT }, { token: ElementRef }, { token: TuiRangeComponent }, { token: TuiDestroyService }], target: i0.ɵɵFactoryTarget.Directive });
+TuiRangeChangeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiRangeChangeDirective, selector: "tui-range", outputs: { activeThumbChange: "activeThumbChange" }, providers: [TuiDestroyService], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRangeChangeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `tui-range`,
+                    providers: [TuiDestroyService],
+                }]
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: TuiRangeComponent, decorators: [{
+                    type: Inject,
+                    args: [TuiRangeComponent]
+                }] }, { type: i2$1.Observable, decorators: [{
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }]; }, propDecorators: { activeThumbChange: [{
+                type: Output
+            }] } });
 
-let TuiRangeModule = class TuiRangeModule {
-};
-TuiRangeModule = __decorate([
-    NgModule({
-        imports: [
-            CommonModule,
-            TuiRepeatTimesModule,
-            TuiFocusableModule,
-            TuiFormatNumberPipeModule,
-            TuiSliderModule,
-            FormsModule,
-        ],
-        declarations: [TuiRangeComponent, TuiRangeChangeDirective, TuiNewRangeDirective],
-        exports: [TuiRangeComponent, TuiRangeChangeDirective, TuiNewRangeDirective],
-    })
-], TuiRangeModule);
+class TuiRangeModule {
+}
+TuiRangeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiRangeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRangeModule, declarations: [TuiRangeComponent, TuiRangeChangeDirective], imports: [CommonModule, TuiFocusableModule, TuiSliderModule, FormsModule], exports: [TuiRangeComponent, TuiRangeChangeDirective] });
+TuiRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRangeModule, imports: [[CommonModule, TuiFocusableModule, TuiSliderModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiRangeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiFocusableModule, TuiSliderModule, FormsModule],
+                    declarations: [TuiRangeComponent, TuiRangeChangeDirective],
+                    exports: [TuiRangeComponent, TuiRangeChangeDirective],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TuiNewRangeDirective, TuiRangeChangeDirective, TuiRangeComponent, TuiRangeModule };
+export { TuiRangeChangeDirective, TuiRangeComponent, TuiRangeModule };
 //# sourceMappingURL=taiga-ui-kit-components-range.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"taiga-ui-kit-components-range.js","sources":["../../../projects/kit/components/range/range.component.ts","../../../projects/kit/components/range/range.template.html","../../../projects/kit/components/range/range-change.directive.ts","../../../projects/kit/components/range/range.module.ts","../../../projects/kit/components/range/taiga-ui-kit-components-range.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\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    AbstractTuiControl,\n    EMPTY_QUERY,\n    tuiClamp,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiIsNativeFocusedIn,\n    TuiNativeFocusableElement,\n    tuiPure,\n    tuiQuantize,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiWithOptionalMinMax} from '@taiga-ui/core';\nimport {TuiSliderComponent} from '@taiga-ui/kit/components/slider';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\nimport {\n    tuiKeyStepValueToPercentage,\n    tuiPercentageToKeyStepValue,\n} from '@taiga-ui/kit/utils';\n\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})\nexport class TuiRangeComponent\n    extends AbstractTuiControl<[number, number]>\n    implements TuiWithOptionalMinMax<number>, TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    min = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    max = 100;\n\n    @Input()\n    @tuiDefaultProp(s => s > 0, `Step must be a non-negative number`)\n    step = 1;\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeS = `m`;\n\n    @Input()\n    @tuiDefaultProp(\n        s => s > 0 && Number.isInteger(s),\n        `Segments must be positive integer`,\n    )\n    segments = 1;\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(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        const [sliderLeftRef, sliderRightRef] = this.slidersRefs;\n\n        if (\n            this.computedDisabled ||\n            !this.focusable ||\n            !sliderLeftRef ||\n            !sliderRightRef\n        ) {\n            return null;\n        }\n\n        const isLeftThumbLocked = this.right === 100;\n\n        return isLeftThumbLocked\n            ? sliderRightRef.nativeElement\n            : sliderLeftRef.nativeElement;\n    }\n\n    get focused(): boolean {\n        return tuiIsNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    get fractionStep(): number {\n        return this.step / (this.max - this.min);\n    }\n\n    get computedKeySteps(): TuiKeySteps {\n        return this.computePureKeySteps(this.keySteps, this.min, this.max);\n    }\n\n    get segmentWidthRatio(): number {\n        return 1 / this.segments;\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        if (right) {\n            this.updateEnd(value);\n        } else {\n            this.updateStart(value);\n        }\n\n        this.lastActiveThumb = right ? `right` : `left`;\n    }\n\n    getValueFromFraction(fraction: number): number {\n        const guardedFraction = tuiClamp(tuiQuantize(fraction, this.fractionStep), 0, 1);\n\n        return tuiPercentageToKeyStepValue(guardedFraction * 100, this.computedKeySteps);\n    }\n\n    getPercentageFromValue(value: number): number {\n        return tuiKeyStepValueToPercentage(value, this.computedKeySteps);\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        return (\n            keySteps || [\n                [0, min],\n                [100, max],\n            ]\n        );\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","<div\n    class=\"t-track\"\n    [style.--segment-width.%]=\"segmentWidthRatio * 100\"\n    [style.--bg-size-ratio]=\"1 - segmentWidthRatio\"\n>\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","import {DOCUMENT} from '@angular/common';\nimport {Directive, ElementRef, EventEmitter, Inject, Output} from '@angular/core';\nimport {tuiClamp, TuiDestroyService, tuiRound, tuiTypedFromEvent} 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@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        tuiTypedFromEvent(this.elementRef.nativeElement, `touchstart`, {\n            passive: true,\n        }).pipe(\n            filter(({touches}) => touches.length === 1),\n            map(({touches}) => touches[0]),\n        ),\n        tuiTypedFromEvent(this.elementRef.nativeElement, `mousedown`, {passive: true}),\n    );\n\n    private readonly pointerMove$ = merge(\n        tuiTypedFromEvent(this.documentRef, `touchmove`).pipe(\n            filter(({touches}) => touches.length === 1),\n            map(({touches}) => touches[0]),\n        ),\n        tuiTypedFromEvent(this.documentRef, `mousemove`),\n    );\n\n    private readonly pointerUp$ = merge(\n        tuiTypedFromEvent(this.documentRef, `touchend`, {passive: true}),\n        tuiTypedFromEvent(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}) => this.getFractionFromEvents(clientX)),\n                takeUntil(this.pointerUp$),\n                repeat(),\n                takeUntil(destroy$),\n            )\n            .subscribe(fraction => {\n                const value = this.range.getValueFromFraction(fraction);\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 tuiClamp(tuiRound(value / total, TUI_FLOATING_PRECISION), 0, 1);\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} from '@taiga-ui/cdk';\nimport {TuiSliderModule} from '@taiga-ui/kit/components/slider';\n\nimport {TuiRangeComponent} from './range.component';\nimport {TuiRangeChangeDirective} from './range-change.directive';\n\n@NgModule({\n    imports: [CommonModule, TuiFocusableModule, TuiSliderModule, FormsModule],\n    declarations: [TuiRangeComponent, TuiRangeChangeDirective],\n    exports: [TuiRangeComponent, TuiRangeChangeDirective],\n})\nexport class TuiRangeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}