@taiga-ui/kit 2.40.0 → 2.42.0

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

@@ -1,236 +1,270 @@
 import { __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { Optional, Self, Inject, ChangeDetectorRef, ElementRef, ViewChildren, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, Directive, NgModule } from '@angular/core';
 import { NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { isNativeFocused, setNativeFocused, TUI_IS_MOBILE, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiFocusableModule, TuiFocusedModule, TuiHoveredModule, TuiPressedModule, TuiMapperPipeModule, TuiInputModeModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { maskedMoneyValueIsEmpty, maskedNumberStringToNumber, formatNumber, TuiModeDirective, TUI_NUMBER_FORMAT, TUI_TEXTFIELD_APPEARANCE, TuiWrapperModule } from '@taiga-ui/core';
-import { AbstractTuiInputSlider } from '@taiga-ui/kit/abstract';
+import { EMPTY_QUERY, isNativeFocusedIn, isNativeFocused, round, clamp, TUI_IS_MOBILE, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiActiveZoneModule, TuiPressedModule } from '@taiga-ui/cdk';
+import { getFractionPartPadded, TUI_TEXTFIELD_APPEARANCE, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TEXTFIELD_CONTROLLER_PROVIDER, TuiTextfieldControllerModule, TuiWrapperModule } from '@taiga-ui/core';
+import { AbstractTuiInputSlider, quantumAssertion } from '@taiga-ui/kit/abstract';
+import { TuiInputNumberComponent, TuiInputNumberModule } from '@taiga-ui/kit/components/input-number';
+import { TuiNewRangeDirective, TuiRangeComponent, TuiRangeModule } from '@taiga-ui/kit/components/range';
+import { TUI_FLOATING_PRECISION } from '@taiga-ui/kit/constants';
 import { CommonModule } from '@angular/common';
-import { TuiRangeModule } from '@taiga-ui/kit/components/range';
-import { TextMaskModule } from 'angular2-text-mask';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
 var TuiInputRangeComponent_1;
 // @dynamic
-let TuiInputRangeComponent = TuiInputRangeComponent_1 = class TuiInputRangeComponent extends AbstractTuiInputSlider {
-    constructor(control, changeDetectorRef, modeDirective, isMobile, numberFormat, appearance) {
+let TuiInputRangeComponent = TuiInputRangeComponent_1 = 
+/**
+ * `AbstractTuiInputSlider` includes all legacy code (it can be deleted in v3.0)
+ * TODO replace `extends AbstractTuiInputSlider<[number, number]>` by `extends AbstractTuiControl<[number, number]> implements TuiWithOptionalMinMax<number>`
+ */
+class TuiInputRangeComponent extends AbstractTuiInputSlider {
+    constructor(control, changeDetectorRef, isMobile, appearance, elementRef, controller, isNew) {
         super(control, changeDetectorRef);
-        this.modeDirective = modeDirective;
         this.isMobile = isMobile;
-        this.numberFormat = numberFormat;
         this.appearance = appearance;
+        this.elementRef = elementRef;
+        this.controller = controller;
+        this.isNew = isNew;
+        this.inputNumberRefs = EMPTY_QUERY;
+        this.rangeRef = null;
+        this.min = 0;
+        /* TODO: make `100` as default value (like in native sliders) */
+        this.max = Infinity;
+        this.quantum = 1;
+        this.steps = 0;
+        this.segments = 0;
+        this.keySteps = null;
+        this.leftValueContent = '';
+        this.rightValueContent = '';
+        this.lastActiveSide = 'left';
     }
-    get nativeFocusableElement() {
-        return !this.nativeLeft || this.disabled ? null : this.nativeLeft.nativeElement;
+    get leftFocusableElement() {
+        var _a;
+        return ((_a = this.inputNumberRefs.first) === null || _a === void 0 ? void 0 : _a.nativeFocusableElement) || null;
     }
-    get focused() {
-        return this.focusedLeft || this.focusedRight;
+    get rightFocusableElement() {
+        var _a;
+        return ((_a = this.inputNumberRefs.last) === null || _a === void 0 ? void 0 : _a.nativeFocusableElement) || null;
     }
-    get focusedLeft() {
-        return !!this.nativeLeft && isNativeFocused(this.nativeLeft.nativeElement);
+    get nativeFocusableElement() {
+        return this.disabled
+            ? null
+            : this.leftFocusableElement || this.rightFocusableElement;
     }
-    get focusedRight() {
-        return !!this.nativeRight && isNativeFocused(this.nativeRight.nativeElement);
+    get focused() {
+        return isNativeFocusedIn(this.elementRef.nativeElement);
     }
-    get showMinLabel() {
-        return !this.focusedLeft && !!this.minLabel && this.value[0] === this.min;
+    get showLeftValueContent() {
+        var _a;
+        return Boolean((this.minLabel || this.leftValueContent) &&
+            !isNativeFocused(this.leftFocusableElement) &&
+            !(((_a = this.rangeRef) === null || _a === void 0 ? void 0 : _a.focused) && this.lastActiveSide === 'left'));
     }
-    get showMaxLabel() {
-        return !this.focusedRight && !!this.maxLabel && this.value[1] === this.max;
+    get showRightValueContent() {
+        var _a;
+        return Boolean((this.maxLabel || this.rightValueContent) &&
+            !isNativeFocused(this.rightFocusableElement) &&
+            !(((_a = this.rangeRef) === null || _a === void 0 ? void 0 : _a.focused) && this.lastActiveSide === 'right'));
     }
-    get hostMode() {
-        return this.modeDirective && this.modeDirective.mode;
+    get precision() {
+        return getFractionPartPadded(this.quantum).length;
     }
-    get inputValueLeft() {
-        return this.nativeLeft ? this.nativeLeft.nativeElement.value : '';
+    get decimal() {
+        return this.precision ? 'not-zero' : 'never';
     }
-    get inputValueRight() {
-        return this.nativeRight ? this.nativeRight.nativeElement.value : '';
+    get computedSteps() {
+        return this.steps || (this.max - this.min) / this.quantum;
     }
-    get computedValueLeft() {
-        return this.computedPureValueLeft(this.value[0]);
+    get computedSize() {
+        return this.isNew && this.controller.size !== 's'
+            ? this.controller.size
+            : this.size;
     }
-    get computedValueRight() {
-        return this.computedPureValueRight(this.value[1]);
+    get legacyLabelOutside() {
+        return this.isNew ? this.controller.labelOutside : this.computedSize === 'm';
     }
     onActiveZone(active) {
         this.updateFocused(active);
     }
-    onMouseDown() {
-        if (this.nativeRight && !this.isMobile) {
-            setNativeFocused(this.nativeRight.nativeElement);
-        }
-    }
-    onKeyDownArrowUpLeft(event) {
-        if (this.readOnly) {
+    onTextInputFocused(focused, right) {
+        if (focused) {
             return;
         }
-        event.preventDefault();
-        this.processStep(true, false);
-    }
-    onKeyDownArrowDownLeft(event) {
-        if (this.readOnly) {
-            return;
+        const [leftTextInputRef, rightTextInputRef] = this.inputNumberRefs;
+        const inputRef = right ? rightTextInputRef : leftTextInputRef;
+        const valueIndex = right ? 1 : 0;
+        if (!inputRef.nativeValue || inputRef.value !== this.value[valueIndex]) {
+            this.updateTextInputValue(this.safeCurrentValue[valueIndex], right);
         }
-        event.preventDefault();
-        this.processStep(false, false);
     }
-    onKeyDownArrowUpRight(event) {
+    changeByStep(event, [leftCoefficient, rightCoefficient]) {
         if (this.readOnly) {
             return;
         }
         event.preventDefault();
-        this.processStep(true, true);
-    }
-    onKeyDownArrowDownRight(event) {
-        if (this.readOnly) {
-            return;
+        const newValue = this.valueGuard([
+            this.value[0] + leftCoefficient * this.step,
+            this.value[1] + rightCoefficient * this.step,
+        ]);
+        const leftValueChanged = newValue[0] !== this.value[0];
+        const rightValueChanged = newValue[1] !== this.value[1];
+        if (leftValueChanged || rightValueChanged) {
+            this.safelyUpdateValue(newValue);
+            this.updateTextInputValue(newValue[rightValueChanged ? 1 : 0], rightValueChanged);
         }
-        event.preventDefault();
-        this.processStep(false, true);
     }
-    onInputLeft() {
-        const value = this.inputValueLeft;
-        const capped = this.capInputValue(value, this.value[1]);
-        const postfix = value.slice(-1)[0] === ',' ? ',' : '';
-        if (maskedMoneyValueIsEmpty(value) || capped === null) {
-            return;
-        }
-        const newValue = this.formatNumber(capped) + postfix;
-        if (this.nativeLeft && this.inputValueLeft !== newValue) {
-            this.nativeLeft.nativeElement.value = newValue;
-        }
-        this.updateValue([capped, this.value[1]]);
+    onInputLeft(value) {
+        this.safelyUpdateValue([value !== null && value !== void 0 ? value : this.safeCurrentValue[0], this.value[1]]);
     }
-    onInputRight() {
-        const value = this.inputValueRight;
-        const capped = this.capInputValue(value);
-        const postfix = value.slice(-1)[0] === ',' ? ',' : '';
-        if (maskedMoneyValueIsEmpty(value) || capped === null) {
-            return;
-        }
-        const newValue = this.formatNumber(capped) + postfix;
-        if (this.nativeRight && this.inputValueRight !== newValue) {
-            this.nativeRight.nativeElement.value = newValue;
-        }
-        if (capped >= this.value[0]) {
-            this.updateValue([this.value[0], capped]);
-        }
+    onInputRight(value) {
+        this.safelyUpdateValue([this.value[0], value !== null && value !== void 0 ? value : this.safeCurrentValue[1]]);
     }
-    onRangeValue(value) {
-        const guardedValue = value.map(item => this.valueGuard(item));
-        if (!this.nativeLeft ||
-            !this.nativeRight ||
-            (guardedValue[0] === this.value[0] && guardedValue[1] === this.value[1])) {
-            return;
-        }
-        if (!this.isMobile) {
-            const element = guardedValue[0] !== this.value[0]
-                ? this.nativeLeft.nativeElement
-                : this.nativeRight.nativeElement;
-            setNativeFocused(element);
-        }
-        this.updateValue(guardedValue);
-        this.nativeLeft.nativeElement.value = this.formatNumber(guardedValue[0]);
+    onRangeValue([left, right]) {
+        var _a, _b;
+        (_b = (_a = this.rangeRef) === null || _a === void 0 ? void 0 : _a.nativeFocusableElement) === null || _b === void 0 ? void 0 : _b.focus();
+        this.safelyUpdateValue([left, right]);
     }
-    onLeftFocused(focused) {
-        if (focused || !this.nativeLeft) {
-            return;
-        }
-        const inputValue = maskedNumberStringToNumber(this.computedValueLeft, this.numberFormat.decimalSeparator, this.numberFormat.thousandSeparator);
-        const value = isNaN(inputValue) ? this.min : this.valueGuard(inputValue);
-        this.nativeLeft.nativeElement.value = this.formatNumber(value);
-        if (value !== this.value[0]) {
-            this.updateValue([value, this.value[1]]);
+    focusToTextInput() {
+        const element = this.lastActiveSide === 'left'
+            ? this.leftFocusableElement
+            : this.rightFocusableElement;
+        if (!this.isMobile && element) {
+            element.focus();
         }
     }
-    onRightFocused(focused) {
-        if (focused || !this.nativeRight) {
-            return;
-        }
-        const inputValue = maskedNumberStringToNumber(this.computedValueRight, this.numberFormat.decimalSeparator, this.numberFormat.thousandSeparator);
-        const value = isNaN(inputValue)
-            ? this.value[0]
-            : this.valueGuard(Math.max(inputValue, this.value[0]));
-        this.nativeRight.nativeElement.value = this.formatNumber(value);
-        if (value !== this.value[1]) {
-            this.updateValue([this.value[0], value]);
-        }
+    onActiveThumbChange(activeThumb) {
+        this.lastActiveSide = activeThumb;
     }
     getFallbackValue() {
         return [0, 0];
     }
-    computedPureValueLeft(value) {
-        return this.formatNumber(value);
+    safelyUpdateValue(value) {
+        this.updateValue(this.valueGuard(value));
     }
-    computedPureValueRight(value) {
-        return this.formatNumber(value);
+    valueGuard([leftValue, rightValue]) {
+        const leftCalibratedValue = this.calibrate(leftValue);
+        const rightCalibratedValue = this.calibrate(rightValue);
+        return [
+            Math.min(leftCalibratedValue, this.value[1]),
+            Math.max(rightCalibratedValue, this.value[0]),
+        ];
     }
-    formatNumber(value) {
-        return formatNumber(value, null, this.numberFormat.decimalSeparator, this.numberFormat.thousandSeparator);
+    calibrate(value) {
+        const roundedValue = round(Math.round(value / this.quantum) * this.quantum, TUI_FLOATING_PRECISION);
+        return clamp(roundedValue, this.min, this.max);
     }
-    processStep(increment, right) {
-        const start = this.valueGuard(increment ? this.value[0] + this.step : this.value[0] - this.step);
-        const end = this.valueGuard(increment ? this.value[1] + this.step : this.value[1] - this.step);
-        const value = [
-            right ? this.value[0] : Math.min(start, this.value[1]),
-            right ? Math.max(end, this.value[0]) : this.value[1],
-        ];
-        if (value[0] !== this.value[0] || value[1] !== this.value[1]) {
-            this.updateValue(value);
+    updateTextInputValue(value, right) {
+        const [leftInputRef, rightInputRef] = this.inputNumberRefs;
+        const textInputRef = right ? rightInputRef : leftInputRef;
+        if (textInputRef) {
+            textInputRef.nativeValue = textInputRef.getFormattedValue(value);
         }
     }
 };
 TuiInputRangeComponent.ctorParameters = () => [
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
     { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-    { type: TuiModeDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiModeDirective,] }] },
     { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_MOBILE,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_NUMBER_FORMAT,] }] },
-    { type: String, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_APPEARANCE,] }] }
+    { type: String, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_APPEARANCE,] }] },
+    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+    { type: TuiTextfieldController, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_WATCHED_CONTROLLER,] }] },
+    { type: TuiNewRangeDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiNewRangeDirective,] }] }
 ];
 __decorate([
-    ViewChild('nativeLeft')
-], TuiInputRangeComponent.prototype, "nativeLeft", void 0);
+    ViewChildren(TuiInputNumberComponent)
+], TuiInputRangeComponent.prototype, "inputNumberRefs", void 0);
+__decorate([
+    ViewChild(TuiRangeComponent)
+], TuiInputRangeComponent.prototype, "rangeRef", void 0);
 __decorate([
-    ViewChild('nativeRight')
-], TuiInputRangeComponent.prototype, "nativeRight", void 0);
+    Input(),
+    tuiDefaultProp()
+], TuiInputRangeComponent.prototype, "min", void 0);
 __decorate([
-    HostBinding('class._min-label')
-], TuiInputRangeComponent.prototype, "showMinLabel", null);
+    Input(),
+    tuiDefaultProp()
+], TuiInputRangeComponent.prototype, "max", void 0);
 __decorate([
-    HostBinding('class._max-label')
-], TuiInputRangeComponent.prototype, "showMaxLabel", null);
+    Input(),
+    tuiDefaultProp(quantumAssertion, 'Quantum must be positive')
+], TuiInputRangeComponent.prototype, "quantum", void 0);
 __decorate([
-    HostBinding('attr.data-mode')
-], TuiInputRangeComponent.prototype, "hostMode", null);
+    Input(),
+    tuiDefaultProp()
+], TuiInputRangeComponent.prototype, "steps", void 0);
 __decorate([
-    tuiPure
-], TuiInputRangeComponent.prototype, "computedPureValueLeft", null);
+    Input(),
+    tuiDefaultProp()
+], TuiInputRangeComponent.prototype, "segments", void 0);
 __decorate([
-    tuiPure
-], TuiInputRangeComponent.prototype, "computedPureValueRight", null);
+    Input(),
+    tuiDefaultProp()
+], TuiInputRangeComponent.prototype, "keySteps", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiInputRangeComponent.prototype, "leftValueContent", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiInputRangeComponent.prototype, "rightValueContent", void 0);
+__decorate([
+    HostBinding('class._label-outside')
+], TuiInputRangeComponent.prototype, "legacyLabelOutside", null);
 TuiInputRangeComponent = TuiInputRangeComponent_1 = __decorate([
     Component({
         selector: 'tui-input-range',
-        template: "<tui-wrapper\n    [appearance]=\"appearance\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [invalid]=\"computedInvalid\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <span\n        *ngIf=\"hasPlaceholder\"\n        automation-id=\"tui-input-range__placeholder\"\n        class=\"t-placeholder t-placeholder_raised\"\n    >\n        <ng-content></ng-content>\n    </span>\n    <div class=\"t-content\">\n        <span *ngIf=\"!showMinLabel\" class=\"t-label\">\n            <span class=\"t-value\">{{ inputValueLeft }}</span>\n            <span\n                *ngIf=\"pluralizeMap\"\n                automation-id=\"tui-input-range__pluralize-left\"\n                class=\"t-pluralize\"\n            >\n                {{ value[0] | i18nPlural: pluralizeMap }}\n            </span>\n        </span>\n        <span\n            *ngIf=\"showMinLabel\"\n            automation-id=\"tui-input-range__min-label\"\n            class=\"t-label\"\n        >\n            {{ minLabel }}\n        </span>\n        <span\n            *ngIf=\"showMaxLabel\"\n            automation-id=\"tui-input-range__max-label\"\n            class=\"t-max\"\n        >\n            {{ maxLabel }}\n        </span>\n    </div>\n\n    <div class=\"t-native-wrapper\" (tuiHoveredChange)=\"onHovered($event)\">\n        <input\n            #nativeLeft\n            automation-id=\"tui-input-range__native-left\"\n            class=\"t-native\"\n            [disabled]=\"disabled\"\n            [readOnly]=\"readOnly\"\n            [class.t-native_hidden]=\"showMinLabel\"\n            [tuiInputMode]=\"inputMode\"\n            [tuiFocusable]=\"focusable\"\n            [textMask]=\"quantum | tuiMapper: mask:min\"\n            [ngModel]=\"computedValueLeft\"\n            (ngModelChange)=\"onInputLeft()\"\n            (tuiFocusedChange)=\"onLeftFocused($event)\"\n            (keydown.arrowUp)=\"onKeyDownArrowUpLeft($event)\"\n            (keydown.arrowDown)=\"onKeyDownArrowDownLeft($event)\"\n        />\n        <input\n            #nativeRight\n            automation-id=\"tui-input-range__native-right\"\n            class=\"t-native t-native_right\"\n            [disabled]=\"disabled\"\n            [readOnly]=\"readOnly\"\n            [class.t-native_hidden]=\"showMaxLabel\"\n            [tuiInputMode]=\"inputMode\"\n            [tuiFocusable]=\"focusable\"\n            [textMask]=\"quantum | tuiMapper: mask:min\"\n            [ngModel]=\"computedValueRight\"\n            (ngModelChange)=\"onInputRight()\"\n            (tuiFocusedChange)=\"onRightFocused($event)\"\n            (keydown.arrowUp)=\"onKeyDownArrowUpRight($event)\"\n            (keydown.arrowDown)=\"onKeyDownArrowDownRight($event)\"\n        />\n        <span\n            *ngIf=\"pluralizeMap && !showMaxLabel\"\n            automation-id=\"tui-input-range__pluralize-right\"\n            class=\"t-pluralize t-pluralize_right\"\n            (mousedown)=\"onMouseDown()\"\n        >\n            {{ value[1] | i18nPlural: pluralizeMap }}\n        </span>\n    </div>\n    <tui-range\n        class=\"t-slider\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [steps]=\"computedSteps\"\n        [segments]=\"segments\"\n        [keySteps]=\"keySteps\"\n        [pluralize]=\"segmentsPluralizeMap\"\n        [focusable]=\"false\"\n        [disabled]=\"readOnly || disabled\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onRangeValue($event)\"\n        (mousedown.prevent)=\"onMouseDown()\"\n    ></tui-range>\n</tui-wrapper>\n",
+        template: "<tui-wrapper\n    class=\"t-wrapper\"\n    [appearance]=\"appearance\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [invalid]=\"computedInvalid\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-input-number\n        tuiTextfieldAppearance=\"none\"\n        automation-id=\"tui-input-range__left-input\"\n        class=\"t-left t-text-input\"\n        [min]=\"min\"\n        [max]=\"value[1]\"\n        [precision]=\"precision\"\n        [decimal]=\"decimal\"\n        [postfix]=\"pluralizeMap && !showLeftValueContent ? (value[0] | i18nPlural: pluralizeMap) : ''\"\n        [disabled]=\"computedDisabled\"\n        [readOnly]=\"readOnly\"\n        [tuiTextfieldSize]=\"computedSize\"\n        [tuiTextfieldLabelOutside]=\"legacyLabelOutside\"\n        [ngModel]=\"value[0]\"\n        (ngModelChange)=\"onInputLeft($event)\"\n        (focusedChange)=\"onTextInputFocused($event, false)\"\n        (keydown.arrowUp)=\"changeByStep($event, [1, 0])\"\n        (keydown.arrowDown)=\"changeByStep($event, [-1, 0])\"\n    >\n        <ng-content></ng-content>\n        <div\n            *ngIf=\"showLeftValueContent\"\n            polymorpheus-outlet\n            [content]=\"minLabel ? legacyMinLabel : leftValueContent\"\n            [context]=\"{$implicit: value[0]}\"\n        ></div>\n    </tui-input-number>\n\n    <div class=\"t-right\">\n        <tui-input-number\n            tuiTextfieldAppearance=\"none\"\n            automation-id=\"tui-input-range__right-input\"\n            class=\"t-text-input\"\n            [min]=\"value[0]\"\n            [max]=\"max\"\n            [precision]=\"precision\"\n            [decimal]=\"decimal\"\n            [disabled]=\"computedDisabled\"\n            [readOnly]=\"readOnly\"\n            [tuiTextfieldSize]=\"computedSize\"\n            [tuiTextfieldLabelOutside]=\"legacyLabelOutside\"\n            [ngModel]=\"value[1]\"\n            (ngModelChange)=\"onInputRight($event)\"\n            (focusedChange)=\"onTextInputFocused($event, true)\"\n            (keydown.arrowUp)=\"changeByStep($event, [0, 1])\"\n            (keydown.arrowDown)=\"changeByStep($event, [0, -1])\"\n        >\n            <div\n                *ngIf=\"showRightValueContent\"\n                polymorpheus-outlet\n                [content]=\"maxLabel ? legacyMaxLabel : rightValueContent\"\n                [context]=\"{$implicit: value[1]}\"\n            ></div>\n        </tui-input-number>\n\n        <!-- TODO replace by postfix of the right InputNumber (after fix https://github.com/Tinkoff/taiga-ui/issues/1193) -->\n        <span\n            *ngIf=\"!showRightValueContent && pluralizeMap\"\n            automation-id=\"tui-input-range__pluralize-right\"\n            class=\"t-pluralize-right\"\n        >\n            &nbsp;{{value[1] | i18nPlural: pluralizeMap}}\n        </span>\n    </div>\n\n    <tui-range\n        class=\"t-slider\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [steps]=\"computedSteps\"\n        [segments]=\"segments\"\n        [keySteps]=\"keySteps\"\n        [pluralize]=\"segmentsPluralizeMap\"\n        [focusable]=\"false\"\n        [disabled]=\"readOnly || disabled\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onRangeValue($event)\"\n        (tuiPressedChange)=\"focusToTextInput()\"\n        (activeThumbChange)=\"onActiveThumbChange($event)\"\n    ></tui-range>\n</tui-wrapper>\n\n<!-- TODO remove in v3.0 -->\n<ng-template\n    #legacyMinLabel\n    let-value\n>\n    <ng-container *ngIf=\"value === min\">{{minLabel}}</ng-container>\n    <ng-container *ngIf=\"value !== min\">\n        {{value}}&nbsp;{{value | i18nPlural: pluralizeMap ||\n        pluralizeMapFallback}}\n    </ng-container>\n</ng-template>\n\n<!-- TODO remove in v3.0 -->\n<ng-template\n    #legacyMaxLabel\n    let-value\n>\n    <ng-container *ngIf=\"value === max\">{{maxLabel}}</ng-container>\n    <ng-container *ngIf=\"value !== max\">\n        {{value}}&nbsp;{{value | i18nPlural: pluralizeMap ||\n        pluralizeMapFallback}}\n    </ng-container>\n</ng-template>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
                 provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
                 useExisting: forwardRef(() => TuiInputRangeComponent_1),
             },
+            TEXTFIELD_CONTROLLER_PROVIDER,
         ],
-        styles: [":host{position:relative;z-index:0;display:block;font:var(--tui-font-text-m);border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host._segmented{border-bottom:26px solid transparent}:host[data-mode=onDark]{color:var(--tui-base-01)}.t-native-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.t-pluralize{display:flex;align-items:center;padding-right:.75rem;margin-left:-.5rem}.t-pluralize_right{margin-left:-.75rem}:host[data-size='l'] .t-pluralize_right{padding-top:1.25rem}:host._disabled .t-pluralize_right{color:var(--tui-text-03)}:host[data-mode=onDark]._disabled .t-pluralize_right{color:var(--tui-text-03-night)}.t-native{padding:0 1rem;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;flex:1;min-width:0;color:var(--tui-text-01);box-sizing:border-box;outline:0}.t-native:-webkit-autofill,.t-native:-webkit-autofill:focus,.t-native:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}.t-native_right{text-align:right}.t-native_hidden{opacity:0}:host._disabled .t-native{color:var(--tui-text-03);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host[data-size='l'] .t-native{padding:1.25rem 1rem 0}:host[data-mode=onDark] .t-native{color:var(--tui-text-01-night)}:host[data-mode=onDark]._disabled .t-native{color:var(--tui-text-03-night)}.t-content{display:flex;height:var(--tui-height-m);padding:0 1rem;justify-content:space-between;align-items:center}:host[data-size='l'] .t-content{height:var(--tui-height-l);padding:0 1rem}:host[data-size='l']._disabled .t-content{color:var(--tui-text-03)}:host[data-size='l'][data-mode=onDark]._disabled .t-content{color:var(--tui-text-03-night)}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;position:absolute;top:0;width:100%;height:100%;left:1rem;line-height:var(--tui-height-l)}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size='l']._focused._label-outside .t-placeholder,:host[data-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size='l'] .t-placeholder{font-size:.9375rem}:host[data-size='l'] .t-placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}.t-value{visibility:hidden;overflow:hidden;padding-right:.75rem}:host._disabled .t-value{color:var(--tui-text-03)}.t-label{display:flex;width:50%}:host[data-size='l'] .t-label{padding-top:1.25rem}.t-max{text-align:right;flex:1}:host[data-size='l'] .t-max{padding-top:1.25rem;line-height:calc(var(--tui-height-l) - 1.25rem)}.t-slider{position:absolute;top:100%;left:0;right:0;z-index:1;border-top-left-radius:0;border-top-right-radius:0;margin:-.5625rem 0 0;color:transparent}:host._disabled .t-slider,:host._readonly .t-slider{pointer-events:none}"]
-    }),
+        host: {
+            /**
+             * TODO delete it in v3.0
+             * Dont forget to clear html-tags
+             */
+            '[class._show-ticks-labels]': '!isNew',
+        },
+        styles: [".t-wrapper{position:relative}.t-left{width:100%}.t-right{position:absolute;right:0;top:0;display:flex;width:50%;height:100%;text-align:right}.t-right .t-text-input{flex:1}.t-text-input{text-align:inherit}.t-pluralize-right{display:flex;align-items:center;padding:1.125rem var(--tui-padding-m) 0 0;margin-left:-.75rem;font:var(--tui-font-text-s)}:host[data-size='l'] .t-pluralize-right{font:var(--tui-font-text-m);padding-top:1.25rem;margin-left:-1rem;padding-right:var(--tui-padding-l)}:host._label-outside .t-pluralize-right{padding-top:0}:host._disabled .t-pluralize-right{color:var(--tui-text-03)}:host{display:block;border-radius:var(--tui-radius-m)}:host._show-ticks-labels._segmented{border-bottom:26px solid transparent}.t-slider{position:absolute;top:100%;left:0;right:0;z-index:1;margin:-.125rem 0 0;background:0 0}"]
+    })
+    /**
+     * `AbstractTuiInputSlider` includes all legacy code (it can be deleted in v3.0)
+     * TODO replace `extends AbstractTuiInputSlider<[number, number]>` by `extends AbstractTuiControl<[number, number]> implements TuiWithOptionalMinMax<number>`
+     */
+    ,
     __param(0, Optional()),
     __param(0, Self()),
     __param(0, Inject(NgControl)),
     __param(1, Inject(ChangeDetectorRef)),
-    __param(2, Optional()),
-    __param(2, Inject(TuiModeDirective)),
-    __param(3, Inject(TUI_IS_MOBILE)),
-    __param(4, Inject(TUI_NUMBER_FORMAT)),
-    __param(5, Inject(TUI_TEXTFIELD_APPEARANCE))
+    __param(2, Inject(TUI_IS_MOBILE)),
+    __param(3, Inject(TUI_TEXTFIELD_APPEARANCE)),
+    __param(4, Inject(ElementRef)),
+    __param(5, Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)),
+    __param(6, Optional()),
+    __param(6, Inject(TuiNewRangeDirective))
 ], TuiInputRangeComponent);
+function tuiTextfieldAppearanceDirectiveFactory({ nativeElement }) {
+    return nativeElement.getAttribute('tuiTextfieldAppearance');
+}
+let TuiTextfieldAppearanceDirective = class TuiTextfieldAppearanceDirective {
+};
+TuiTextfieldAppearanceDirective = __decorate([
+    Directive({
+        selector: '[tuiTextfieldAppearance]',
+        providers: [
+            {
+                provide: TUI_TEXTFIELD_APPEARANCE,
+                deps: [ElementRef],
+                useFactory: tuiTextfieldAppearanceDirectiveFactory,
+            },
+        ],
+    })
+], TuiTextfieldAppearanceDirective);
 
 let TuiInputRangeModule = class TuiInputRangeModule {
 };
@@ -240,19 +274,16 @@ TuiInputRangeModule = __decorate([
             CommonModule,
             FormsModule,
             ReactiveFormsModule,
-            TextMaskModule,
-            TuiFocusableModule,
-            TuiFocusedModule,
-            TuiHoveredModule,
-            TuiPressedModule,
-            TuiMapperPipeModule,
-            TuiInputModeModule,
+            PolymorpheusModule,
             TuiActiveZoneModule,
+            TuiInputNumberModule,
+            TuiPressedModule,
             TuiRangeModule,
+            TuiTextfieldControllerModule,
             TuiWrapperModule,
         ],
-        declarations: [TuiInputRangeComponent],
-        exports: [TuiInputRangeComponent],
+        declarations: [TuiInputRangeComponent, TuiTextfieldAppearanceDirective],
+        exports: [TuiInputRangeComponent, TuiNewRangeDirective],
     })
 ], TuiInputRangeModule);
 
@@ -260,5 +291,5 @@ TuiInputRangeModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { TuiInputRangeComponent, TuiInputRangeModule };
+export { TuiInputRangeComponent, TuiInputRangeModule, TuiTextfieldAppearanceDirective, tuiTextfieldAppearanceDirectiveFactory };
 //# sourceMappingURL=taiga-ui-kit-components-input-range.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-range.js","sources":["ng://@taiga-ui/kit/components/input-range/input-range.component.ts","ng://@taiga-ui/kit/components/input-range/input-range.module.ts","ng://@taiga-ui/kit/components/input-range/taiga-ui-kit-components-input-range.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    isNativeFocused,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    maskedMoneyValueIsEmpty,\n    maskedNumberStringToNumber,\n    NumberFormatSettings,\n    TUI_NUMBER_FORMAT,\n    TUI_TEXTFIELD_APPEARANCE,\n    TuiBrightness,\n    TuiModeDirective,\n} from '@taiga-ui/core';\nimport {AbstractTuiInputSlider} from '@taiga-ui/kit/abstract';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-range',\n    templateUrl: './input-range.template.html',\n    styleUrls: ['./input-range.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputRangeComponent),\n        },\n    ],\n})\nexport class TuiInputRangeComponent\n    extends AbstractTuiInputSlider<[number, number]>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('nativeLeft')\n    private readonly nativeLeft?: ElementRef<HTMLInputElement>;\n\n    @ViewChild('nativeRight')\n    private readonly nativeRight?: ElementRef<HTMLInputElement>;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Optional()\n        @Inject(TuiModeDirective)\n        protected readonly modeDirective: TuiModeDirective | null,\n        @Inject(TUI_IS_MOBILE)\n        private readonly isMobile: boolean,\n        @Inject(TUI_NUMBER_FORMAT)\n        protected readonly numberFormat: NumberFormatSettings,\n        @Inject(TUI_TEXTFIELD_APPEARANCE)\n        readonly appearance: string,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return !this.nativeLeft || this.disabled ? null : this.nativeLeft.nativeElement;\n    }\n\n    get focused(): boolean {\n        return this.focusedLeft || this.focusedRight;\n    }\n\n    get focusedLeft(): boolean {\n        return !!this.nativeLeft && isNativeFocused(this.nativeLeft.nativeElement);\n    }\n\n    get focusedRight(): boolean {\n        return !!this.nativeRight && isNativeFocused(this.nativeRight.nativeElement);\n    }\n\n    @HostBinding('class._min-label')\n    get showMinLabel(): boolean {\n        return !this.focusedLeft && !!this.minLabel && this.value[0] === this.min;\n    }\n\n    @HostBinding('class._max-label')\n    get showMaxLabel(): boolean {\n        return !this.focusedRight && !!this.maxLabel && this.value[1] === this.max;\n    }\n\n    @HostBinding('attr.data-mode')\n    get hostMode(): TuiBrightness | null {\n        return this.modeDirective && this.modeDirective.mode;\n    }\n\n    get inputValueLeft(): string {\n        return this.nativeLeft ? this.nativeLeft.nativeElement.value : '';\n    }\n\n    get inputValueRight(): string {\n        return this.nativeRight ? this.nativeRight.nativeElement.value : '';\n    }\n\n    get computedValueLeft(): string {\n        return this.computedPureValueLeft(this.value[0]);\n    }\n\n    get computedValueRight(): string {\n        return this.computedPureValueRight(this.value[1]);\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    onMouseDown() {\n        if (this.nativeRight && !this.isMobile) {\n            setNativeFocused(this.nativeRight.nativeElement);\n        }\n    }\n\n    onKeyDownArrowUpLeft(event: KeyboardEvent) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n        this.processStep(true, false);\n    }\n\n    onKeyDownArrowDownLeft(event: KeyboardEvent) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n        this.processStep(false, false);\n    }\n\n    onKeyDownArrowUpRight(event: KeyboardEvent) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n        this.processStep(true, true);\n    }\n\n    onKeyDownArrowDownRight(event: KeyboardEvent) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n        this.processStep(false, true);\n    }\n\n    onInputLeft() {\n        const value = this.inputValueLeft;\n        const capped = this.capInputValue(value, this.value[1]);\n        const postfix = value.slice(-1)[0] === ',' ? ',' : '';\n\n        if (maskedMoneyValueIsEmpty(value) || capped === null) {\n            return;\n        }\n\n        const newValue = this.formatNumber(capped) + postfix;\n\n        if (this.nativeLeft && this.inputValueLeft !== newValue) {\n            this.nativeLeft.nativeElement.value = newValue;\n        }\n\n        this.updateValue([capped, this.value[1]]);\n    }\n\n    onInputRight() {\n        const value = this.inputValueRight;\n        const capped = this.capInputValue(value);\n        const postfix = value.slice(-1)[0] === ',' ? ',' : '';\n\n        if (maskedMoneyValueIsEmpty(value) || capped === null) {\n            return;\n        }\n\n        const newValue = this.formatNumber(capped) + postfix;\n\n        if (this.nativeRight && this.inputValueRight !== newValue) {\n            this.nativeRight.nativeElement.value = newValue;\n        }\n\n        if (capped >= this.value[0]) {\n            this.updateValue([this.value[0], capped]);\n        }\n    }\n\n    onRangeValue(value: [number, number]) {\n        const guardedValue = value.map(item => this.valueGuard(item)) as [number, number];\n\n        if (\n            !this.nativeLeft ||\n            !this.nativeRight ||\n            (guardedValue[0] === this.value[0] && guardedValue[1] === this.value[1])\n        ) {\n            return;\n        }\n\n        if (!this.isMobile) {\n            const element =\n                guardedValue[0] !== this.value[0]\n                    ? this.nativeLeft.nativeElement\n                    : this.nativeRight.nativeElement;\n\n            setNativeFocused(element);\n        }\n\n        this.updateValue(guardedValue);\n        this.nativeLeft.nativeElement.value = this.formatNumber(guardedValue[0]);\n    }\n\n    onLeftFocused(focused: boolean) {\n        if (focused || !this.nativeLeft) {\n            return;\n        }\n\n        const inputValue = maskedNumberStringToNumber(\n            this.computedValueLeft,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n        const value = isNaN(inputValue) ? this.min : this.valueGuard(inputValue);\n\n        this.nativeLeft.nativeElement.value = this.formatNumber(value);\n\n        if (value !== this.value[0]) {\n            this.updateValue([value, this.value[1]]);\n        }\n    }\n\n    onRightFocused(focused: boolean) {\n        if (focused || !this.nativeRight) {\n            return;\n        }\n\n        const inputValue = maskedNumberStringToNumber(\n            this.computedValueRight,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n\n        const value = isNaN(inputValue)\n            ? this.value[0]\n            : this.valueGuard(Math.max(inputValue, this.value[0]));\n\n        this.nativeRight.nativeElement.value = this.formatNumber(value);\n\n        if (value !== this.value[1]) {\n            this.updateValue([this.value[0], value]);\n        }\n    }\n\n    protected getFallbackValue(): [number, number] {\n        return [0, 0];\n    }\n\n    @tuiPure\n    private computedPureValueLeft(value: number) {\n        return this.formatNumber(value);\n    }\n\n    @tuiPure\n    private computedPureValueRight(value: number) {\n        return this.formatNumber(value);\n    }\n\n    private formatNumber(value: number): string {\n        return formatNumber(\n            value,\n            null,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n    }\n\n    private processStep(increment: boolean, right: boolean) {\n        const start = this.valueGuard(\n            increment ? this.value[0] + this.step : this.value[0] - this.step,\n        );\n        const end = this.valueGuard(\n            increment ? this.value[1] + this.step : this.value[1] - this.step,\n        );\n        const value: [number, number] = [\n            right ? this.value[0] : Math.min(start, this.value[1]),\n            right ? Math.max(end, this.value[0]) : this.value[1],\n        ];\n\n        if (value[0] !== this.value[0] || value[1] !== this.value[1]) {\n            this.updateValue(value);\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiHoveredModule,\n    TuiInputModeModule,\n    TuiMapperPipeModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiWrapperModule} from '@taiga-ui/core';\nimport {TuiRangeModule} from '@taiga-ui/kit/components/range';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputRangeComponent} from './input-range.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        TextMaskModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiMapperPipeModule,\n        TuiInputModeModule,\n        TuiActiveZoneModule,\n        TuiRangeModule,\n        TuiWrapperModule,\n    ],\n    declarations: [TuiInputRangeComponent],\n    exports: [TuiInputRangeComponent],\n})\nexport class TuiInputRangeModule {}\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-input-range.js","sources":["ng://@taiga-ui/kit/components/input-range/input-range.component.ts","ng://@taiga-ui/kit/components/input-range/input-range.module.ts","ng://@taiga-ui/kit/components/input-range/taiga-ui-kit-components-input-range.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Directive,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    QueryList,\n    Self,\n    ViewChild,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    clamp,\n    EMPTY_QUERY,\n    isNativeFocused,\n    isNativeFocusedIn,\n    round,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {\n    getFractionPartPadded,\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiDecimalT,\n    TuiSizeL,\n    TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {AbstractTuiInputSlider, quantumAssertion} from '@taiga-ui/kit/abstract';\nimport {TuiInputNumberComponent} from '@taiga-ui/kit/components/input-number';\nimport {TuiNewRangeDirective, TuiRangeComponent} from '@taiga-ui/kit/components/range';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-range',\n    templateUrl: './input-range.template.html',\n    styleUrls: ['./input-range.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputRangeComponent),\n        },\n        TEXTFIELD_CONTROLLER_PROVIDER,\n    ],\n    host: {\n        /**\n         * TODO delete it in v3.0\n         * Dont forget to clear html-tags\n         */\n        '[class._show-ticks-labels]': '!isNew',\n    },\n})\n/**\n * `AbstractTuiInputSlider` includes all legacy code (it can be deleted in v3.0)\n * TODO replace `extends AbstractTuiInputSlider<[number, number]>` by `extends AbstractTuiControl<[number, number]> implements TuiWithOptionalMinMax<number>`\n */\nexport class TuiInputRangeComponent\n    extends AbstractTuiInputSlider<[number, number]>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChildren(TuiInputNumberComponent)\n    private readonly inputNumberRefs: QueryList<TuiInputNumberComponent> = EMPTY_QUERY;\n\n    @ViewChild(TuiRangeComponent)\n    private readonly rangeRef: TuiRangeComponent | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    min = 0;\n\n    /* TODO: make `100` as default value (like in native sliders) */\n    @Input()\n    @tuiDefaultProp()\n    max = Infinity;\n\n    @Input()\n    @tuiDefaultProp(quantumAssertion, 'Quantum must be positive')\n    quantum = 1;\n\n    @Input()\n    @tuiDefaultProp()\n    steps = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    segments = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    keySteps: TuiKeySteps | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    leftValueContent: PolymorpheusContent<TuiContextWithImplicit<number>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    rightValueContent: PolymorpheusContent<TuiContextWithImplicit<number>> = '';\n\n    lastActiveSide: 'left' | 'right' = 'left';\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_IS_MOBILE)\n        private readonly isMobile: boolean,\n        @Inject(TUI_TEXTFIELD_APPEARANCE)\n        readonly appearance: string,\n        @Inject(ElementRef) private readonly elementRef: ElementRef,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n        @Optional()\n        @Inject(TuiNewRangeDirective)\n        readonly isNew: TuiNewRangeDirective | null,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get leftFocusableElement(): HTMLInputElement | null {\n        return this.inputNumberRefs.first?.nativeFocusableElement || null;\n    }\n\n    get rightFocusableElement(): HTMLInputElement | null {\n        return this.inputNumberRefs.last?.nativeFocusableElement || null;\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.disabled\n            ? null\n            : this.leftFocusableElement || this.rightFocusableElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    get showLeftValueContent(): boolean {\n        return Boolean(\n            (this.minLabel || this.leftValueContent) &&\n                !isNativeFocused(this.leftFocusableElement) &&\n                !(this.rangeRef?.focused && this.lastActiveSide === 'left'),\n        );\n    }\n\n    get showRightValueContent(): boolean {\n        return Boolean(\n            (this.maxLabel || this.rightValueContent) &&\n                !isNativeFocused(this.rightFocusableElement) &&\n                !(this.rangeRef?.focused && this.lastActiveSide === 'right'),\n        );\n    }\n\n    get precision(): number {\n        return getFractionPartPadded(this.quantum).length;\n    }\n\n    get decimal(): TuiDecimalT {\n        return this.precision ? 'not-zero' : 'never';\n    }\n\n    get computedSteps(): number {\n        return this.steps || (this.max - this.min) / this.quantum;\n    }\n\n    get computedSize(): TuiSizeL {\n        return this.isNew && this.controller.size !== 's'\n            ? this.controller.size\n            : this.size;\n    }\n\n    @HostBinding('class._label-outside')\n    get legacyLabelOutside(): boolean {\n        return this.isNew ? this.controller.labelOutside : this.computedSize === 'm';\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    onTextInputFocused(focused: boolean, right: boolean) {\n        if (focused) {\n            return;\n        }\n\n        const [leftTextInputRef, rightTextInputRef] = this.inputNumberRefs;\n        const inputRef = right ? rightTextInputRef : leftTextInputRef;\n        const valueIndex = right ? 1 : 0;\n\n        if (!inputRef.nativeValue || inputRef.value !== this.value[valueIndex]) {\n            this.updateTextInputValue(this.safeCurrentValue[valueIndex], right);\n        }\n    }\n\n    changeByStep(\n        event: KeyboardEvent,\n        [leftCoefficient, rightCoefficient]: [number, number],\n    ) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n\n        const newValue = this.valueGuard([\n            this.value[0] + leftCoefficient * this.step,\n            this.value[1] + rightCoefficient * this.step,\n        ]);\n        const leftValueChanged = newValue[0] !== this.value[0];\n        const rightValueChanged = newValue[1] !== this.value[1];\n\n        if (leftValueChanged || rightValueChanged) {\n            this.safelyUpdateValue(newValue);\n            this.updateTextInputValue(\n                newValue[rightValueChanged ? 1 : 0],\n                rightValueChanged,\n            );\n        }\n    }\n\n    onInputLeft(value: number | null) {\n        this.safelyUpdateValue([value ?? this.safeCurrentValue[0], this.value[1]]);\n    }\n\n    onInputRight(value: number | null) {\n        this.safelyUpdateValue([this.value[0], value ?? this.safeCurrentValue[1]]);\n    }\n\n    onRangeValue([left, right]: [number, number]) {\n        this.rangeRef?.nativeFocusableElement?.focus();\n        this.safelyUpdateValue([left, right]);\n    }\n\n    focusToTextInput() {\n        const element =\n            this.lastActiveSide === 'left'\n                ? this.leftFocusableElement\n                : this.rightFocusableElement;\n\n        if (!this.isMobile && element) {\n            element.focus();\n        }\n    }\n\n    onActiveThumbChange(activeThumb: 'right' | 'left') {\n        this.lastActiveSide = activeThumb;\n    }\n\n    protected getFallbackValue(): [number, number] {\n        return [0, 0];\n    }\n\n    private safelyUpdateValue(value: [number, number]) {\n        this.updateValue(this.valueGuard(value));\n    }\n\n    private valueGuard([leftValue, rightValue]: [number, number]): [number, number] {\n        const leftCalibratedValue = this.calibrate(leftValue);\n        const rightCalibratedValue = this.calibrate(rightValue);\n\n        return [\n            Math.min(leftCalibratedValue, this.value[1]),\n            Math.max(rightCalibratedValue, this.value[0]),\n        ];\n    }\n\n    private calibrate(value: number): number {\n        const roundedValue = round(\n            Math.round(value / this.quantum) * this.quantum,\n            TUI_FLOATING_PRECISION,\n        );\n\n        return clamp(roundedValue, this.min, this.max);\n    }\n\n    private updateTextInputValue(value: number, right: boolean) {\n        const [leftInputRef, rightInputRef] = this.inputNumberRefs;\n        const textInputRef = right ? rightInputRef : leftInputRef;\n\n        if (textInputRef) {\n            textInputRef.nativeValue = textInputRef.getFormattedValue(value);\n        }\n    }\n}\n\nexport function tuiTextfieldAppearanceDirectiveFactory({nativeElement}: ElementRef) {\n    return nativeElement.getAttribute('tuiTextfieldAppearance');\n}\n\n@Directive({\n    selector: '[tuiTextfieldAppearance]',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_APPEARANCE,\n            deps: [ElementRef],\n            useFactory: tuiTextfieldAppearanceDirectiveFactory,\n        },\n    ],\n})\nexport class TuiTextfieldAppearanceDirective {}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {TuiActiveZoneModule, TuiPressedModule} from '@taiga-ui/cdk';\nimport {TuiTextfieldControllerModule, TuiWrapperModule} from '@taiga-ui/core';\nimport {TuiInputNumberModule} from '@taiga-ui/kit/components/input-number';\nimport {TuiNewRangeDirective, TuiRangeModule} from '@taiga-ui/kit/components/range';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {\n    TuiInputRangeComponent,\n    TuiTextfieldAppearanceDirective,\n} from './input-range.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        PolymorpheusModule,\n        TuiActiveZoneModule,\n        TuiInputNumberModule,\n        TuiPressedModule,\n        TuiRangeModule,\n        TuiTextfieldControllerModule,\n        TuiWrapperModule,\n    ],\n    declarations: [TuiInputRangeComponent, TuiTextfieldAppearanceDirective],\n    exports: [TuiInputRangeComponent, TuiNewRangeDirective],\n})\nexport class TuiInputRangeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AA8CA;IAyBa,sBAAsB;AAJnC;;;;AAIA,MAAa,sBACT,SAAQ,sBAAwC;IA4ChD,YAII,OAAyB,EACE,iBAAoC,EAE9C,QAAiB,EAEzB,UAAkB,EACU,UAAsB,EAElD,UAAkC,EAGlC,KAAkC;QAE3C,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAVjB,aAAQ,GAAR,QAAQ,CAAS;QAEzB,eAAU,GAAV,UAAU,CAAQ;QACU,eAAU,GAAV,UAAU,CAAY;QAElD,eAAU,GAAV,UAAU,CAAwB;QAGlC,UAAK,GAAL,KAAK,CAA6B;QAvD9B,oBAAe,GAAuC,WAAW,CAAC;QAGlE,aAAQ,GAA6B,IAAI,CAAC;QAI3D,QAAG,GAAG,CAAC,CAAC;;QAKR,QAAG,GAAG,QAAQ,CAAC;QAIf,YAAO,GAAG,CAAC,CAAC;QAIZ,UAAK,GAAG,CAAC,CAAC;QAIV,aAAQ,GAAG,CAAC,CAAC;QAIb,aAAQ,GAAuB,IAAI,CAAC;QAIpC,qBAAgB,GAAwD,EAAE,CAAC;QAI3E,sBAAiB,GAAwD,EAAE,CAAC;QAE5E,mBAAc,GAAqB,MAAM,CAAC;KAoBzC;IAED,IAAI,oBAAoB;;QACpB,OAAO,OAAA,IAAI,CAAC,eAAe,CAAC,KAAK,0CAAE,sBAAsB,KAAI,IAAI,CAAC;KACrE;IAED,IAAI,qBAAqB;;QACrB,OAAO,OAAA,IAAI,CAAC,eAAe,CAAC,IAAI,0CAAE,sBAAsB,KAAI,IAAI,CAAC;KACpE;IAED,IAAI,sBAAsB;QACtB,OAAO,IAAI,CAAC,QAAQ;cACd,IAAI;cACJ,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,qBAAqB,CAAC;KACjE;IAED,IAAI,OAAO;QACP,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;KAC3D;IAED,IAAI,oBAAoB;;QACpB,OAAO,OAAO,CACV,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,gBAAgB;YACnC,CAAC,eAAe,CAAC,IAAI,CAAC,oBAAoB,CAAC;YAC3C,EAAE,OAAA,IAAI,CAAC,QAAQ,0CAAE,OAAO,KAAI,IAAI,CAAC,cAAc,KAAK,MAAM,CAAC,CAClE,CAAC;KACL;IAED,IAAI,qBAAqB;;QACrB,OAAO,OAAO,CACV,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,iBAAiB;YACpC,CAAC,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC;YAC5C,EAAE,OAAA,IAAI,CAAC,QAAQ,0CAAE,OAAO,KAAI,IAAI,CAAC,cAAc,KAAK,OAAO,CAAC,CACnE,CAAC;KACL;IAED,IAAI,SAAS;QACT,OAAO,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;KACrD;IAED,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;KAChD;IAED,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC;KAC7D;IAED,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,KAAK,GAAG;cAC3C,IAAI,CAAC,UAAU,CAAC,IAAI;cACpB,IAAI,CAAC,IAAI,CAAC;KACnB;IAGD,IAAI,kBAAkB;QAClB,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,KAAK,GAAG,CAAC;KAChF;IAED,YAAY,CAAC,MAAe;QACxB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;KAC9B;IAED,kBAAkB,CAAC,OAAgB,EAAE,KAAc;QAC/C,IAAI,OAAO,EAAE;YACT,OAAO;SACV;QAED,MAAM,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QACnE,MAAM,QAAQ,GAAG,KAAK,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;QAC9D,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;QAEjC,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;YACpE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;SACvE;KACJ;IAED,YAAY,CACR,KAAoB,EACpB,CAAC,eAAe,EAAE,gBAAgB,CAAmB;QAErD,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,OAAO;SACV;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC;YAC7B,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,eAAe,GAAG,IAAI,CAAC,IAAI;YAC3C,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,gBAAgB,GAAG,IAAI,CAAC,IAAI;SAC/C,CAAC,CAAC;QACH,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACvD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAExD,IAAI,gBAAgB,IAAI,iBAAiB,EAAE;YACvC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;YACjC,IAAI,CAAC,oBAAoB,CACrB,QAAQ,CAAC,iBAAiB,GAAG,CAAC,GAAG,CAAC,CAAC,EACnC,iBAAiB,CACpB,CAAC;SACL;KACJ;IAED,WAAW,CAAC,KAAoB;QAC5B,IAAI,CAAC,iBAAiB,CAAC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAC9E;IAED,YAAY,CAAC,KAAoB;QAC7B,IAAI,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAC9E;IAED,YAAY,CAAC,CAAC,IAAI,EAAE,KAAK,CAAmB;;QACxC,YAAA,IAAI,CAAC,QAAQ,0CAAE,sBAAsB,0CAAE,KAAK,GAAG;QAC/C,IAAI,CAAC,iBAAiB,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;KACzC;IAED,gBAAgB;QACZ,MAAM,OAAO,GACT,IAAI,CAAC,cAAc,KAAK,MAAM;cACxB,IAAI,CAAC,oBAAoB;cACzB,IAAI,CAAC,qBAAqB,CAAC;QAErC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,OAAO,EAAE;YAC3B,OAAO,CAAC,KAAK,EAAE,CAAC;SACnB;KACJ;IAED,mBAAmB,CAAC,WAA6B;QAC7C,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC;KACrC;IAES,gBAAgB;QACtB,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACjB;IAEO,iBAAiB,CAAC,KAAuB;QAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;KAC5C;IAEO,UAAU,CAAC,CAAC,SAAS,EAAE,UAAU,CAAmB;QACxD,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACtD,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAExD,OAAO;YACH,IAAI,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5C,IAAI,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAChD,CAAC;KACL;IAEO,SAAS,CAAC,KAAa;QAC3B,MAAM,YAAY,GAAG,KAAK,CACtB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,EAC/C,sBAAsB,CACzB,CAAC;QAEF,OAAO,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;KAClD;IAEO,oBAAoB,CAAC,KAAa,EAAE,KAAc;QACtD,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QAC3D,MAAM,YAAY,GAAG,KAAK,GAAG,aAAa,GAAG,YAAY,CAAC;QAE1D,IAAI,YAAY,EAAE;YACd,YAAY,CAAC,WAAW,GAAG,YAAY,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;SACpE;KACJ;EACJ;;YApLgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;YAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;0CACxB,MAAM,SAAC,aAAa;yCAEpB,MAAM,SAAC,wBAAwB;YAEiB,UAAU,uBAA1D,MAAM,SAAC,UAAU;YAEG,sBAAsB,uBAD1C,MAAM,SAAC,gCAAgC;YAIxB,oBAAoB,uBAFnC,QAAQ,YACR,MAAM,SAAC,oBAAoB;;AAtDhC;IADC,YAAY,CAAC,uBAAuB,CAAC;+DAC6C;AAGnF;IADC,SAAS,CAAC,iBAAiB,CAAC;wDAC8B;AAI3D;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDACT;AAKR;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDACF;AAIf;IAFC,KAAK,EAAE;IACP,cAAc,CAAC,gBAAgB,EAAE,0BAA0B,CAAC;uDACjD;AAIZ;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qDACP;AAIV;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;wDACJ;AAIb;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;wDACmB;AAIpC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gEAC0D;AAI3E;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;iEAC2D;AA6E5E;IADC,WAAW,CAAC,sBAAsB,CAAC;gEAGnC;AAxHQ,sBAAsB;IAxBlC,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,ijIAA0C;QAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,2BAA2B;gBACpC,WAAW,EAAE,UAAU,CAAC,MAAM,wBAAsB,CAAC;aACxD;YACD,6BAA6B;SAChC;QACD,IAAI,EAAE;;;;;YAKF,4BAA4B,EAAE,QAAQ;SACzC;;KACJ,CAAC;;;;;;IAmDO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,aAAa,CAAC,CAAA;IAErB,WAAA,MAAM,CAAC,wBAAwB,CAAC,CAAA;IAEhC,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,gCAAgC,CAAC,CAAA;IAExC,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,MAAM,CAAC,oBAAoB,CAAC,CAAA;GA3DxB,sBAAsB,CAqOlC;SAEe,sCAAsC,CAAC,EAAC,aAAa,EAAa;IAC9E,OAAO,aAAa,CAAC,YAAY,CAAC,wBAAwB,CAAC,CAAC;AAChE,CAAC;IAYY,+BAA+B,GAA5C,MAAa,+BAA+B;EAAG;AAAlC,+BAA+B;IAV3C,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,wBAAwB;gBACjC,IAAI,EAAE,CAAC,UAAU,CAAC;gBAClB,UAAU,EAAE,sCAAsC;aACrD;SACJ;KACJ,CAAC;GACW,+BAA+B,CAAG;;IC9RlC,mBAAmB,GAAhC,MAAa,mBAAmB;EAAG;AAAtB,mBAAmB;IAhB/B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,kBAAkB;YAClB,mBAAmB;YACnB,oBAAoB;YACpB,gBAAgB;YAChB,cAAc;YACd,4BAA4B;YAC5B,gBAAgB;SACnB;QACD,YAAY,EAAE,CAAC,sBAAsB,EAAE,+BAA+B,CAAC;QACvE,OAAO,EAAE,CAAC,sBAAsB,EAAE,oBAAoB,CAAC;KAC1D,CAAC;GACW,mBAAmB,CAAG;;AC9BnC;;;;;;"}