@taiga-ui/kit 2.39.0 → 2.41.1

package/abstract/input-slider.d.ts

@@ -1,17 +1,33 @@
-import { AbstractTuiControl, TuiInputModeT, TuiMapper } from '@taiga-ui/cdk';
-import { NumberFormatSettings, TuiPluralize, TuiSizeL, TuiWithOptionalMinMax } from '@taiga-ui/core';
+import { AbstractTuiControl } from '@taiga-ui/cdk';
+import { TuiPluralize, TuiSizeL, TuiWithOptionalMinMax } from '@taiga-ui/core';
 import { TuiKeySteps } from '@taiga-ui/kit/types';
-import { TextMaskConfig } from 'angular2-text-mask';
 export declare function quantumAssertion(quantum: number): boolean;
 /**
  * @internal
  * @deprecated TODO delete me after `InputSlider` and `InputRange` stop using it
  */
 export declare abstract class AbstractTuiInputSlider<T> extends AbstractTuiControl<T> implements TuiWithOptionalMinMax<number> {
-    protected abstract readonly numberFormat: NumberFormatSettings;
     min: number;
     max: number;
+    /**
+     * @deprecated This input-property will be deleted in next major update.
+     * Use `valueContent` for `InputSlider`.
+     * Use `leftValueContent` for `InputRange`.
+     * ___
+     * TODO remove in v3.0.
+     * Dont forget to delete backward-compatibility helpers inside `InputSlider` and `InputRange`:
+     *** {@link legacyMinMaxLabel}
+     */
     minLabel: string;
+    /**
+     * @deprecated This input-property will be deleted in next major update.
+     * Use `valueContent` for `InputSlider`.
+     * Use `rightValueContent` for `InputRange`.
+     * ___
+     * TODO remove in v3.0.
+     * Dont forget to delete backward-compatibility helpers inside `InputSlider` and `InputRange`:
+     *** {@link legacyMinMaxLabel}
+     */
     maxLabel: string;
     set pluralize(pluralize: TuiPluralize | Record<string, string> | null);
     /**
@@ -31,7 +47,14 @@ export declare abstract class AbstractTuiInputSlider<T> extends AbstractTuiContr
     steps: number;
     quantum: number;
     keySteps: TuiKeySteps | null;
+    /**
+     * @deprecated use `tuiTextfieldSize` instead
+     * TODO delete in v3.0
+     */
     size: TuiSizeL;
+    /**
+     * @deprecated replace by input-property {@link pluralize} in v3.0
+     */
     pluralizeMap: Record<string, string> | null;
     /** @deprecated TODO remove in v3.0 */
     segmentsPluralizeMap: Record<string, string> | null;
@@ -44,16 +67,11 @@ export declare abstract class AbstractTuiInputSlider<T> extends AbstractTuiContr
     };
     /** @deprecated TODO remove in v3.0 */
     getTickPrefix(segment: number, segments: number, texts: [string, string]): string;
-    mask: TuiMapper<number, TextMaskConfig>;
     get segmented(): boolean;
-    get hasPlaceholder(): boolean;
-    get inputMode(): TuiInputModeT;
     get length(): number;
     get computedSteps(): number;
     get step(): number;
     get computedKeySteps(): TuiKeySteps;
     onHovered(hovered: boolean): void;
-    protected valueGuard(value: number): number;
-    protected capInputValue(value: string, max?: number): number | null;
     private computePureKeySteps;
 }

package/abstract/slider/slider.d.ts

@@ -39,21 +39,19 @@ export declare abstract class AbstractTuiSlider<T> extends AbstractTuiControl<T>
     get isRightFocusable(): boolean;
     abstract get left(): number;
     abstract get right(): number;
-    protected abstract processValue(value: number, right?: boolean): void;
-    protected abstract processStep(increment: boolean, right?: boolean): void;
+    abstract processValue(value: number, right?: boolean): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     onMouseDown(event: TuiEventWith<MouseEvent, HTMLElement>): void;
     onTouchStart(event: TuiEventWith<TouchEvent, HTMLElement>): void;
-    decrement(right: boolean): void;
-    increment(right: boolean): void;
     getSegmentLabel(segment: number): number;
     getSegmentPrefix(segment: number, texts: [string, string]): string;
     onActiveZone(active: boolean): void;
     onLeftFocusVisible(focusVisible: boolean): void;
     onRightFocusVisible(focusVisible: boolean): void;
+    getValueFromFraction(fraction: number): number;
+    fractionGuard(fraction: number): number;
     protected getFractionFromValue(value: number): number;
-    protected getValueFromFraction(fraction: number): number;
     protected getCalibratedFractionFromEvents(rect: ClientRect, clientX: number, _: boolean): number;
     protected valueGuard(value: number): number;
     private processFocus;
@@ -65,6 +63,5 @@ export declare abstract class AbstractTuiSlider<T> extends AbstractTuiControl<T>
      * @param isFraction translation is carried out from fullness to value
      */
     private fractionValueKeyStepConverter;
-    private fractionGuard;
     private getFractionFromEvents;
 }

package/abstract/taiga-ui-kit-abstract.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"quantumAssertion":{"__symbolic":"function","parameters":["quantum"],"value":{"__symbolic":"binop","operator":">","left":{"__symbolic":"reference","name":"quantum"},"right":0}},"AbstractTuiInputSlider":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiControl","line":37,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":35,"character":1}}],"members":{"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":43,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":47,"character":5}}]}],"minLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":51,"character":5}}]}],"maxLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":55,"character":5}}]}],"pluralize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":60,"character":5}}]}],"segmentsPluralize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":80,"character":5}}]}],"segments":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":88,"character":5}}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":92,"character":5}}]}],"quantum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":96,"character":5},"arguments":[{"__symbolic":"reference","name":"quantumAssertion"},"Quantum must be positive"]}]}],"keySteps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":100,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":104,"character":5},"arguments":["attr.data-size"]}]}],"getTickPrefix":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":119,"character":5}]}],"segmented":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":150,"character":5},"arguments":["class._segmented"]}]}],"onHovered":[{"__symbolic":"method"}],"valueGuard":[{"__symbolic":"method"}],"capInputValue":[{"__symbolic":"method"}],"computePureKeySteps":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":213,"character":5}]}]}},"SLIDER_KEYBOARD_STEP":0.05,"DOT_WIDTH":{"s":8,"m":16},"AbstractTuiSlider":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiControl","line":47,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":45,"character":1}}],"members":{"dotLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":55,"character":5},"arguments":["dotLeft"]}]}],"dotRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":5},"arguments":["dotRight"]}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":62,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":66,"character":5}}]}],"segments":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":70,"character":5}}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":74,"character":5}}]}],"quantum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":78,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"nonNegativeFiniteAssertion","line":78,"character":20},"Quantum must be a non-negative number"]}]}],"pluralize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":83,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":91,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":92,"character":5}}]}],"keySteps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":96,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":109,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_FROM_TO_TEXTS","line":109,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":106,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":107,"character":27},{"__symbolic":"error","message":"Could not resolve type","line":108,"character":38,"context":{"typeName":"Document"},"module":"./slider/slider"},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":110,"character":42,"module":"./slider/slider"}]}]}],"segmented":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":115,"character":5},"arguments":["class._segmented"]}]}],"processValue":[{"__symbolic":"method"}],"processStep":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"onTouchStart":[{"__symbolic":"method"}],"decrement":[{"__symbolic":"method"}],"increment":[{"__symbolic":"method"}],"getSegmentLabel":[{"__symbolic":"method"}],"getSegmentPrefix":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"onLeftFocusVisible":[{"__symbolic":"method"}],"onRightFocusVisible":[{"__symbolic":"method"}],"getFractionFromValue":[{"__symbolic":"method"}],"getValueFromFraction":[{"__symbolic":"method"}],"getCalibratedFractionFromEvents":[{"__symbolic":"method"}],"valueGuard":[{"__symbolic":"method"}],"processFocus":[{"__symbolic":"method"}],"fractionValueKeyStepConverter":[{"__symbolic":"method"}],"fractionGuard":[{"__symbolic":"method"}],"getFractionFromEvents":[{"__symbolic":"method"}]}}},"origins":{"quantumAssertion":"./input-slider","AbstractTuiInputSlider":"./input-slider","SLIDER_KEYBOARD_STEP":"./slider/slider","DOT_WIDTH":"./slider/slider","AbstractTuiSlider":"./slider/slider"},"importAs":"@taiga-ui/kit/abstract"}
+{"__symbolic":"module","version":4,"metadata":{"quantumAssertion":{"__symbolic":"function","parameters":["quantum"],"value":{"__symbolic":"binop","operator":">","left":{"__symbolic":"reference","name":"quantum"},"right":0}},"AbstractTuiInputSlider":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiControl","line":20,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":18,"character":1}}],"members":{"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":24,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":28,"character":5}}]}],"minLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":41,"character":5}}]}],"maxLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":54,"character":5}}]}],"pluralize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":59,"character":5}}]}],"segmentsPluralize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":79,"character":5}}]}],"segments":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":87,"character":5}}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":91,"character":5}}]}],"quantum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":95,"character":5},"arguments":[{"__symbolic":"reference","name":"quantumAssertion"},"Quantum must be positive"]}]}],"keySteps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":99,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":107,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":108,"character":5}}]}],"getTickPrefix":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":126,"character":5}]}],"segmented":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":135,"character":5},"arguments":["class._segmented"]}]}],"onHovered":[{"__symbolic":"method"}],"computePureKeySteps":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":160,"character":5}]}]}},"SLIDER_KEYBOARD_STEP":0.05,"DOT_WIDTH":{"s":8,"m":16},"AbstractTuiSlider":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiControl","line":47,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":45,"character":1}}],"members":{"dotLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":55,"character":5},"arguments":["dotLeft",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":55,"character":33}}]}]}],"dotRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":5},"arguments":["dotRight",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":58,"character":34}}]}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":62,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":66,"character":5}}]}],"segments":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":70,"character":5}}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":74,"character":5}}]}],"quantum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":78,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"nonNegativeFiniteAssertion","line":78,"character":20},"Quantum must be a non-negative number"]}]}],"pluralize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":83,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":91,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":92,"character":5}}]}],"keySteps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":96,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":109,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_FROM_TO_TEXTS","line":109,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":106,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":107,"character":27},{"__symbolic":"error","message":"Could not resolve type","line":108,"character":38,"context":{"typeName":"Document"},"module":"./slider/slider"},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":110,"character":42,"module":"./slider/slider"}]}]}],"segmented":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":115,"character":5},"arguments":["class._segmented"]}]}],"processValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"onTouchStart":[{"__symbolic":"method"}],"getSegmentLabel":[{"__symbolic":"method"}],"getSegmentPrefix":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"onLeftFocusVisible":[{"__symbolic":"method"}],"onRightFocusVisible":[{"__symbolic":"method"}],"getValueFromFraction":[{"__symbolic":"method"}],"fractionGuard":[{"__symbolic":"method"}],"getFractionFromValue":[{"__symbolic":"method"}],"getCalibratedFractionFromEvents":[{"__symbolic":"method"}],"valueGuard":[{"__symbolic":"method"}],"processFocus":[{"__symbolic":"method"}],"fractionValueKeyStepConverter":[{"__symbolic":"method"}],"getFractionFromEvents":[{"__symbolic":"method"}]}}},"origins":{"quantumAssertion":"./input-slider","AbstractTuiInputSlider":"./input-slider","SLIDER_KEYBOARD_STEP":"./slider/slider","DOT_WIDTH":"./slider/slider","AbstractTuiSlider":"./slider/slider"},"importAs":"@taiga-ui/kit/abstract"}

package/bundles/taiga-ui-kit-abstract.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@taiga-ui/core/utils'), require('@taiga-ui/kit/constants'), require('@taiga-ui/kit/utils'), require('@angular/forms'), require('@taiga-ui/kit/tokens'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/kit/abstract', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', '@taiga-ui/core/utils', '@taiga-ui/kit/constants', '@taiga-ui/kit/utils', '@angular/forms', '@taiga-ui/kit/tokens', 'rxjs', 'rxjs/operators'], factory) :
-    (global = global || self, factory((global['taiga-ui'] = global['taiga-ui'] || {}, global['taiga-ui'].kit = global['taiga-ui'].kit || {}, global['taiga-ui'].kit.abstract = {}), global.ng.core, global.cdk, global.core$1, global.utils, global['taiga-ui'].kit.constants, global['taiga-ui'].kit.utils, global.ng.forms, global['taiga-ui'].kit.tokens, global.rxjs, global.rxjs.operators));
-}(this, (function (exports, core, cdk, core$1, utils, constants, utils$1, forms, tokens, rxjs, operators) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@angular/forms'), require('@taiga-ui/kit/constants'), require('@taiga-ui/kit/tokens'), require('rxjs'), require('rxjs/operators')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/kit/abstract', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', '@angular/forms', '@taiga-ui/kit/constants', '@taiga-ui/kit/tokens', 'rxjs', 'rxjs/operators'], factory) :
+    (global = global || self, factory((global['taiga-ui'] = global['taiga-ui'] || {}, global['taiga-ui'].kit = global['taiga-ui'].kit || {}, global['taiga-ui'].kit.abstract = {}), global.ng.core, global.cdk, global.core$1, global.ng.forms, global['taiga-ui'].kit.constants, global['taiga-ui'].kit.tokens, global.rxjs, global.rxjs.operators));
+}(this, (function (exports, core, cdk, core$1, forms, constants, tokens, rxjs, operators) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -236,13 +236,38 @@
             var _this = _super !== null && _super.apply(this, arguments) || this;
             _this.min = 0;
             _this.max = Infinity;
+            /**
+             * @deprecated This input-property will be deleted in next major update.
+             * Use `valueContent` for `InputSlider`.
+             * Use `leftValueContent` for `InputRange`.
+             * ___
+             * TODO remove in v3.0.
+             * Dont forget to delete backward-compatibility helpers inside `InputSlider` and `InputRange`:
+             *** {@link legacyMinMaxLabel}
+             */
             _this.minLabel = '';
+            /**
+             * @deprecated This input-property will be deleted in next major update.
+             * Use `valueContent` for `InputSlider`.
+             * Use `rightValueContent` for `InputRange`.
+             * ___
+             * TODO remove in v3.0.
+             * Dont forget to delete backward-compatibility helpers inside `InputSlider` and `InputRange`:
+             *** {@link legacyMinMaxLabel}
+             */
             _this.maxLabel = '';
             _this.segments = 0;
             _this.steps = 0;
             _this.quantum = 1;
             _this.keySteps = null;
+            /**
+             * @deprecated use `tuiTextfieldSize` instead
+             * TODO delete in v3.0
+             */
             _this.size = 'l';
+            /**
+             * @deprecated replace by input-property {@link pluralize} in v3.0
+             */
             _this.pluralizeMap = null;
             /** @deprecated TODO remove in v3.0 */
             _this.segmentsPluralizeMap = null;
@@ -253,20 +278,6 @@
                 many: '',
                 other: '',
             };
-            _this.mask = function (quantum, min) {
-                return ({
-                    mask: core$1.tuiCreateNumberMask({
-                        allowNegative: min < 0,
-                        allowDecimal: !Number.isInteger(quantum),
-                        decimalSymbol: _this.numberFormat.decimalSeparator,
-                        thousandSymbol: _this.numberFormat.thousandSeparator,
-                        decimalLimit: utils$1.getPrecision(quantum),
-                        autoCorrectDecimalSymbol: utils.tuiEnableAutoCorrectDecimalSymbol(_this.numberFormat),
-                    }),
-                    pipe: core$1.tuiCreateAutoCorrectedNumberPipe(0, _this.numberFormat.decimalSeparator, _this.numberFormat.thousandSeparator, undefined, min < 0),
-                    guide: false,
-                });
-            };
             return _this;
         }
         Object.defineProperty(AbstractTuiInputSlider.prototype, "pluralize", {
@@ -314,20 +325,6 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(AbstractTuiInputSlider.prototype, "hasPlaceholder", {
-            get: function () {
-                return this.size === 'l';
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(AbstractTuiInputSlider.prototype, "inputMode", {
-            get: function () {
-                return Number.isInteger(this.quantum) ? 'numeric' : 'decimal';
-            },
-            enumerable: true,
-            configurable: true
-        });
         Object.defineProperty(AbstractTuiInputSlider.prototype, "length", {
             get: function () {
                 return this.max - this.min;
@@ -359,19 +356,6 @@
         AbstractTuiInputSlider.prototype.onHovered = function (hovered) {
             this.updateHovered(hovered);
         };
-        AbstractTuiInputSlider.prototype.valueGuard = function (value) {
-            return this.quantum
-                ? cdk.clamp(cdk.round(Math.round(value / this.quantum) * this.quantum, constants.TUI_FLOATING_PRECISION), this.min, this.max)
-                : cdk.clamp(value, this.min, this.max);
-        };
-        AbstractTuiInputSlider.prototype.capInputValue = function (value, max) {
-            if (max === void 0) { max = this.max; }
-            var capped = Math.min(core$1.maskedNumberStringToNumber(value, this.numberFormat.decimalSeparator, this.numberFormat.thousandSeparator), max);
-            if (this.min < 0 && capped < this.min) {
-                return this.min;
-            }
-            return isNaN(capped) || capped < this.min ? null : capped;
-        };
         AbstractTuiInputSlider.prototype.computePureKeySteps = function (keySteps, min, max) {
             return __spread([[0, min]], (keySteps || []), [[100, max]]);
         };
@@ -417,7 +401,8 @@
         ], AbstractTuiInputSlider.prototype, "keySteps", void 0);
         __decorate([
             core.Input(),
-            core.HostBinding('attr.data-size')
+            core.HostBinding('attr.data-size'),
+            cdk.tuiDefaultProp()
         ], AbstractTuiInputSlider.prototype, "size", void 0);
         __decorate([
             cdk.tuiPure
@@ -574,12 +559,6 @@
             event.preventDefault();
             this.pointerDown$.next(event);
         };
-        AbstractTuiSlider.prototype.decrement = function (right) {
-            this.processStep(false, right);
-        };
-        AbstractTuiSlider.prototype.increment = function (right) {
-            this.processStep(true, right);
-        };
         AbstractTuiSlider.prototype.getSegmentLabel = function (segment) {
             return cdk.round(this.getValueFromFraction(segment / this.segments), 2);
         };
@@ -601,17 +580,22 @@
         AbstractTuiSlider.prototype.onRightFocusVisible = function (focusVisible) {
             this.focusVisibleRight = focusVisible;
         };
+        AbstractTuiSlider.prototype.getValueFromFraction = function (fraction) {
+            return this.keySteps !== null
+                ? this.fractionValueKeyStepConverter(fraction, true)
+                : cdk.round(this.fractionGuard(fraction) * this.length + this.min, constants.TUI_FLOATING_PRECISION);
+        };
+        AbstractTuiSlider.prototype.fractionGuard = function (fraction) {
+            return this.discrete
+                ? cdk.clamp(cdk.quantize(fraction, 1 / this.steps), 0, 1)
+                : cdk.clamp(fraction, 0, 1);
+        };
         AbstractTuiSlider.prototype.getFractionFromValue = function (value) {
             var fraction = (value - this.min) / this.length;
             return this.keySteps !== null
                 ? this.fractionValueKeyStepConverter(value, false)
                 : cdk.clamp(Number.isFinite(fraction) ? fraction : 1, 0, 1);
         };
-        AbstractTuiSlider.prototype.getValueFromFraction = function (fraction) {
-            return this.keySteps !== null
-                ? this.fractionValueKeyStepConverter(fraction, true)
-                : cdk.round(this.fractionGuard(fraction) * this.length + this.min, constants.TUI_FLOATING_PRECISION);
-        };
         AbstractTuiSlider.prototype.getCalibratedFractionFromEvents = function (rect, clientX, _) {
             return this.getFractionFromEvents(rect, clientX);
         };
@@ -662,11 +646,6 @@
                 ? cdk.round(((value * 100 - prevFraction) / deltaFraction) * deltaValue + prevValue, constants.TUI_FLOATING_PRECISION)
                 : cdk.clamp(((value - prevValue) / deltaValue) * deltaFraction + prevFraction, 0, 100) / 100;
         };
-        AbstractTuiSlider.prototype.fractionGuard = function (fraction) {
-            return this.discrete
-                ? cdk.clamp(cdk.quantize(fraction, 1 / this.steps), 0, 1)
-                : cdk.clamp(fraction, 0, 1);
-        };
         AbstractTuiSlider.prototype.getFractionFromEvents = function (rect, clientX) {
             var value = clientX - rect.left - DOT_WIDTH[this.size] / 2;
             var total = rect.width - DOT_WIDTH[this.size];
@@ -679,10 +658,10 @@
             { type: rxjs.Observable, decorators: [{ type: core.Inject, args: [tokens.TUI_FROM_TO_TEXTS,] }] }
         ]; };
         __decorate([
-            core.ViewChild('dotLeft')
+            core.ViewChild('dotLeft', { read: core.ElementRef })
         ], AbstractTuiSlider.prototype, "dotLeft", void 0);
         __decorate([
-            core.ViewChild('dotRight')
+            core.ViewChild('dotRight', { read: core.ElementRef })
         ], AbstractTuiSlider.prototype, "dotRight", void 0);
         __decorate([
             core.Input(),