@taiga-ui/kit 2.39.0 → 2.41.1

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-progress.js","sources":["ng://@taiga-ui/kit/components/progress/progress-bar/progress-bar.component.ts","ng://@taiga-ui/kit/components/progress/utils/calculate-color-segments.ts","ng://@taiga-ui/kit/components/progress/progress-bar/progress-color-segments.directive.ts","ng://@taiga-ui/kit/components/progress/progress-circle/progress-circle.component.ts","ng://@taiga-ui/kit/components/progress/progress-label/progress-label.component.ts","ng://@taiga-ui/kit/components/progress/progress-segmented/progress-segmented.component.ts","ng://@taiga-ui/kit/components/progress/utils/abstract-color-segments.ts","ng://@taiga-ui/kit/components/progress/utils/progress-color-segments.pipe.ts","ng://@taiga-ui/kit/components/progress/utils/progress-color-segments-async.pipe.ts","ng://@taiga-ui/kit/components/progress/progress.module.ts","ng://@taiga-ui/kit/components/progress/taiga-ui-kit-components-progress.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: 'progress[tuiProgressBar]',\n    template: '',\n    styleUrls: ['./progress-bar.component.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressBarComponent {\n    @Input()\n    @HostBinding('style.--tui-progress-color')\n    color?: string;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeS = 'm';\n}\n","/**\n * TODO in v3.0 move inside {@link TuiProgressColorSegmentsDirective} (as a private method)\n * (after deletion of {@link TuiProgressColorSegmentsPipe} and {@link TuiProgressColorSegmentsAsyncPipe})\n */\nimport {px} from '@taiga-ui/cdk';\n\nexport const calculateColorSegments = (\n    colors: string[],\n    progressWidth: number,\n): string => {\n    const segmentWidth = Math.ceil(progressWidth / colors.length);\n    const colorsString = colors.reduce(\n        (acc, color, i) =>\n            `${acc}, ${color} ${px(i * segmentWidth)} ${px((i + 1) * segmentWidth)}`,\n        '',\n    );\n\n    return `linear-gradient(to right ${colorsString})`;\n};\n","import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n    CHROMIUM_EDGE_START_VERSION,\n    isEdgeOlderThan,\n    isIE,\n    TuiDestroyService,\n    tuiPure,\n    TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {calculateColorSegments} from '../utils/calculate-color-segments';\n\n@Directive({\n    selector: 'progress[tuiProgressBar][tuiProgressColorSegments]',\n    host: {\n        '[$.style.--tui-progress-color]': 'calcSegments$',\n        '($.style.--tui-progress-color)': '0',\n    },\n    providers: [TuiDestroyService, TuiResizeService],\n})\nexport class TuiProgressColorSegmentsDirective {\n    private readonly isOldBrowsers =\n        isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||\n        isIE(this.userAgent);\n\n    @Input('tuiProgressColorSegments')\n    colors: string[] = [];\n\n    @tuiPure\n    get calcSegments$(): Observable<string> {\n        return this.resize$.pipe(\n            map(() =>\n                this.isOldBrowsers\n                    ? this.colors[0]\n                    : calculateColorSegments(\n                          this.colors,\n                          this.elementRef.nativeElement.offsetWidth,\n                      ),\n            ),\n        );\n    }\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLProgressElement>,\n        @Inject(TuiResizeService) private readonly resize$: Observable<unknown>,\n        @Inject(USER_AGENT) private readonly userAgent: string,\n    ) {}\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    ViewChild,\n} from '@angular/core';\nimport {USER_AGENT, WINDOW} from '@ng-web-apis/common';\nimport {\n    CHROMIUM_EDGE_START_VERSION,\n    isEdgeOlderThan,\n    tuiDefaultProp,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\n\n// @dynamic\n@Component({\n    selector: 'tui-progress-circle',\n    templateUrl: './progress-circle.template.html',\n    styleUrls: ['./progress-circle.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressCircleComponent {\n    @ViewChild('progressCircle', {static: true})\n    private readonly progressCircle!: ElementRef<SVGCircleElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    value = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    max = 1;\n\n    @Input()\n    @HostBinding('style.--tui-progress-color')\n    @tuiDefaultProp()\n    color: string | null = null;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeXL = 'm';\n\n    @HostBinding('style.--progress-percentage')\n    get progressPercentage(): number {\n        return this.value / this.max;\n    }\n\n    get oldEdgeRadiusFallback(): number | null {\n        if (!isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent)) {\n            return null;\n        }\n\n        const strokeWidth = parseInt(\n            this.windowRef.getComputedStyle(this.progressCircle.nativeElement)\n                .strokeWidth,\n            10,\n        );\n\n        return (this.elementRef.nativeElement.offsetWidth - strokeWidth) / 2;\n    }\n\n    constructor(\n        @Inject(USER_AGENT) private readonly userAgent: string,\n        @Inject(WINDOW) private readonly windowRef: Window,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {}\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'label[tuiProgressLabel]',\n    templateUrl: './progress-label.template.html',\n    styleUrls: ['./progress-label.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressLabelComponent {}\n","import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport function nonNegativeInt(value: number): boolean {\n    return Number.isInteger(value) && value >= 0;\n}\n\nexport function positiveInt(value: number): boolean {\n    return Number.isInteger(value) && value > 0;\n}\n\n@Component({\n    selector: 'tui-progress-segmented',\n    templateUrl: './progress-segmented.template.html',\n    styleUrls: ['./progress-segmented.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressSegmentedComponent {\n    @Input()\n    @tuiDefaultProp(nonNegativeInt, 'Must be non-negative integer between 0 and max')\n    value = 0;\n\n    @Input()\n    @tuiDefaultProp(positiveInt, 'Must be positive integer')\n    max = 1;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeS = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    colors: string | ReadonlyArray<string> = 'var(--tui-primary)';\n\n    getActiveColor(index: number = 0): string | null {\n        return typeof this.colors === 'string'\n            ? this.colors\n            : this.colors[index] || this.colors[this.colors.length - 1];\n    }\n}\n","import {ElementRef, Inject, Injectable, PipeTransform} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {CHROMIUM_EDGE_START_VERSION, isEdgeOlderThan, isIE} from '@taiga-ui/cdk';\n\nimport {calculateColorSegments} from './calculate-color-segments';\n\n// TODO delete in v3.0\n@Injectable()\nexport abstract class AbstractTuiColorSegments<T> implements PipeTransform {\n    private readonly isOldBrowsers =\n        isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||\n        isIE(this.userAgent);\n\n    constructor(\n        @Inject(USER_AGENT) private readonly userAgent: string,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {}\n\n    abstract transform(colors: string[]): T;\n\n    protected calculate(colors: string[]): string {\n        if (this.isOldBrowsers) {\n            return colors[0];\n        }\n\n        const elementWidth = this.elementRef.nativeElement.offsetWidth;\n\n        return calculateColorSegments(colors, elementWidth);\n    }\n}\n","import {Pipe} from '@angular/core';\n\nimport {AbstractTuiColorSegments} from './abstract-color-segments';\n\n// TODO delete in v3.0\n@Pipe({name: 'tuiProgressColorSegments'})\nexport class TuiProgressColorSegmentsPipe extends AbstractTuiColorSegments<string> {\n    /**\n     * @deprecated use tuiProgressColorSegments directive instead\n     * {@link TuiProgressColorSegmentsDirective}\n     * @example: `<progress tuiProgressBar [tuiProgressColorSegments]=\"colors\">`\n     */\n    transform(colors: string[]): string {\n        return this.calculate(colors);\n    }\n}\n","import {Pipe} from '@angular/core';\nimport {Observable, timer} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {AbstractTuiColorSegments} from './abstract-color-segments';\n\n// TODO delete in v3.0\n@Pipe({name: 'tuiProgressColorSegmentsAsync'})\nexport class TuiProgressColorSegmentsAsyncPipe extends AbstractTuiColorSegments<\n    Observable<string>\n> {\n    /**\n     * @deprecated use tuiProgressColorSegments directive instead\n     * {@link TuiProgressColorSegmentsDirective}\n     * @example: `<progress tuiProgressBar [tuiProgressColorSegments]=\"colors\">`\n     */\n    transform(colors: string[]): Observable<string> {\n        return timer(0).pipe(map(() => this.calculate(colors)));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiRepeatTimesModule} from '@taiga-ui/cdk';\n\nimport {TuiProgressBarComponent} from './progress-bar/progress-bar.component';\nimport {TuiProgressColorSegmentsDirective} from './progress-bar/progress-color-segments.directive';\nimport {TuiProgressCircleComponent} from './progress-circle/progress-circle.component';\nimport {TuiProgressLabelComponent} from './progress-label/progress-label.component';\nimport {TuiProgressSegmentedComponent} from './progress-segmented/progress-segmented.component';\nimport {TuiProgressColorSegmentsPipe} from './utils/progress-color-segments.pipe';\nimport {TuiProgressColorSegmentsAsyncPipe} from './utils/progress-color-segments-async.pipe';\n\n@NgModule({\n    imports: [CommonModule, TuiRepeatTimesModule],\n    declarations: [\n        TuiProgressBarComponent,\n        TuiProgressColorSegmentsDirective,\n        TuiProgressColorSegmentsPipe,\n        TuiProgressColorSegmentsAsyncPipe,\n        TuiProgressCircleComponent,\n        TuiProgressLabelComponent,\n        TuiProgressSegmentedComponent,\n    ],\n    exports: [\n        TuiProgressBarComponent,\n        TuiProgressCircleComponent,\n        TuiProgressColorSegmentsDirective,\n        TuiProgressColorSegmentsPipe,\n        TuiProgressColorSegmentsAsyncPipe,\n        TuiProgressLabelComponent,\n        TuiProgressSegmentedComponent,\n    ],\n})\nexport class TuiProgressModule {}\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-progress.js","sources":["ng://@taiga-ui/kit/components/progress/progress-bar/progress-bar.component.ts","ng://@taiga-ui/kit/components/progress/utils/calculate-color-segments.ts","ng://@taiga-ui/kit/components/progress/progress-bar/progress-color-segments.directive.ts","ng://@taiga-ui/kit/components/progress/progress-circle/progress-circle.component.ts","ng://@taiga-ui/kit/components/progress/progress-label/progress-label.component.ts","ng://@taiga-ui/kit/components/progress/progress-segmented/progress-segmented.component.ts","ng://@taiga-ui/kit/components/progress/utils/abstract-color-segments.ts","ng://@taiga-ui/kit/components/progress/utils/progress-color-segments.pipe.ts","ng://@taiga-ui/kit/components/progress/utils/progress-color-segments-async.pipe.ts","ng://@taiga-ui/kit/components/progress/progress.module.ts","ng://@taiga-ui/kit/components/progress/taiga-ui-kit-components-progress.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: 'progress[tuiProgressBar]',\n    template: '',\n    styleUrls: ['./progress-bar.component.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressBarComponent {\n    @Input()\n    @HostBinding('style.--tui-progress-color')\n    color?: string;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeS = 'm';\n}\n","/**\n * TODO in v3.0 move inside {@link TuiProgressColorSegmentsDirective} (as a private method)\n * (after deletion of {@link TuiProgressColorSegmentsPipe} and {@link TuiProgressColorSegmentsAsyncPipe})\n */\nimport {px} from '@taiga-ui/cdk';\n\nexport const calculateColorSegments = (\n    colors: string[],\n    progressWidth: number,\n): string => {\n    const segmentWidth = Math.ceil(progressWidth / colors.length);\n    const colorsString = colors.reduce(\n        (acc, color, i) =>\n            `${acc}, ${color} ${px(i * segmentWidth)} ${px((i + 1) * segmentWidth)}`,\n        '',\n    );\n\n    return `linear-gradient(to right ${colorsString})`;\n};\n","import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n    CHROMIUM_EDGE_START_VERSION,\n    isEdgeOlderThan,\n    isIE,\n    TuiDestroyService,\n    tuiPure,\n    TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {calculateColorSegments} from '../utils/calculate-color-segments';\n\n@Directive({\n    selector: 'progress[tuiProgressBar][tuiProgressColorSegments]',\n    host: {\n        '[$.style.--tui-progress-color]': 'calcSegments$',\n        '($.style.--tui-progress-color)': '0',\n    },\n    providers: [TuiDestroyService, TuiResizeService],\n})\nexport class TuiProgressColorSegmentsDirective {\n    private readonly isOldBrowsers =\n        isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||\n        isIE(this.userAgent);\n\n    @Input('tuiProgressColorSegments')\n    colors: string[] = [];\n\n    @tuiPure\n    get calcSegments$(): Observable<string> {\n        return this.resize$.pipe(\n            map(() =>\n                this.isOldBrowsers\n                    ? this.colors[0]\n                    : calculateColorSegments(\n                          this.colors,\n                          this.elementRef.nativeElement.offsetWidth,\n                      ),\n            ),\n        );\n    }\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLProgressElement>,\n        @Inject(TuiResizeService) private readonly resize$: Observable<unknown>,\n        @Inject(USER_AGENT) private readonly userAgent: string,\n    ) {}\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    ViewChild,\n} from '@angular/core';\nimport {USER_AGENT, WINDOW} from '@ng-web-apis/common';\nimport {\n    CHROMIUM_EDGE_START_VERSION,\n    isEdgeOlderThan,\n    tuiDefaultProp,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\n\n// @dynamic\n@Component({\n    selector: 'tui-progress-circle',\n    templateUrl: './progress-circle.template.html',\n    styleUrls: ['./progress-circle.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressCircleComponent {\n    @ViewChild('progressCircle', {static: true})\n    private readonly progressCircle!: ElementRef<SVGCircleElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    value = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    max = 1;\n\n    @Input()\n    @HostBinding('style.--tui-progress-color')\n    @tuiDefaultProp()\n    color: string | null = null;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeXL = 'm';\n\n    @HostBinding('style.--progress-percentage')\n    get progressPercentage(): number {\n        return this.value / this.max;\n    }\n\n    get oldEdgeRadiusFallback(): number | null {\n        if (!isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent)) {\n            return null;\n        }\n\n        const strokeWidth = parseInt(\n            this.windowRef.getComputedStyle(this.progressCircle.nativeElement)\n                .strokeWidth,\n            10,\n        );\n\n        return (this.elementRef.nativeElement.offsetWidth - strokeWidth) / 2;\n    }\n\n    constructor(\n        @Inject(USER_AGENT) private readonly userAgent: string,\n        @Inject(WINDOW) private readonly windowRef: Window,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {}\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'label[tuiProgressLabel]',\n    templateUrl: './progress-label.template.html',\n    styleUrls: ['./progress-label.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressLabelComponent {}\n","import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport function nonNegativeInt(value: number): boolean {\n    return Number.isInteger(value) && value >= 0;\n}\n\nexport function positiveInt(value: number): boolean {\n    return Number.isInteger(value) && value > 0;\n}\n\n@Component({\n    selector: 'tui-progress-segmented',\n    templateUrl: './progress-segmented.template.html',\n    styleUrls: ['./progress-segmented.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressSegmentedComponent {\n    @Input()\n    @tuiDefaultProp(nonNegativeInt, 'Must be non-negative integer between 0 and max')\n    value = 0;\n\n    @Input()\n    @tuiDefaultProp(positiveInt, 'Must be positive integer')\n    max = 1;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeS = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    colors: string | readonly string[] = 'var(--tui-primary)';\n\n    getActiveColor(index: number = 0): string | null {\n        return typeof this.colors === 'string'\n            ? this.colors\n            : this.colors[index] || this.colors[this.colors.length - 1];\n    }\n}\n","import {ElementRef, Inject, Injectable, PipeTransform} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {CHROMIUM_EDGE_START_VERSION, isEdgeOlderThan, isIE} from '@taiga-ui/cdk';\n\nimport {calculateColorSegments} from './calculate-color-segments';\n\n// TODO delete in v3.0\n@Injectable()\nexport abstract class AbstractTuiColorSegments<T> implements PipeTransform {\n    private readonly isOldBrowsers =\n        isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||\n        isIE(this.userAgent);\n\n    constructor(\n        @Inject(USER_AGENT) private readonly userAgent: string,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {}\n\n    abstract transform(colors: string[]): T;\n\n    protected calculate(colors: string[]): string {\n        if (this.isOldBrowsers) {\n            return colors[0];\n        }\n\n        const elementWidth = this.elementRef.nativeElement.offsetWidth;\n\n        return calculateColorSegments(colors, elementWidth);\n    }\n}\n","import {Pipe} from '@angular/core';\n\nimport {AbstractTuiColorSegments} from './abstract-color-segments';\n\n// TODO delete in v3.0\n@Pipe({name: 'tuiProgressColorSegments'})\nexport class TuiProgressColorSegmentsPipe extends AbstractTuiColorSegments<string> {\n    /**\n     * @deprecated use tuiProgressColorSegments directive instead\n     * {@link TuiProgressColorSegmentsDirective}\n     * @example: `<progress tuiProgressBar [tuiProgressColorSegments]=\"colors\">`\n     */\n    transform(colors: string[]): string {\n        return this.calculate(colors);\n    }\n}\n","import {Pipe} from '@angular/core';\nimport {Observable, timer} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {AbstractTuiColorSegments} from './abstract-color-segments';\n\n// TODO delete in v3.0\n@Pipe({name: 'tuiProgressColorSegmentsAsync'})\nexport class TuiProgressColorSegmentsAsyncPipe extends AbstractTuiColorSegments<\n    Observable<string>\n> {\n    /**\n     * @deprecated use tuiProgressColorSegments directive instead\n     * {@link TuiProgressColorSegmentsDirective}\n     * @example: `<progress tuiProgressBar [tuiProgressColorSegments]=\"colors\">`\n     */\n    transform(colors: string[]): Observable<string> {\n        return timer(0).pipe(map(() => this.calculate(colors)));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiRepeatTimesModule} from '@taiga-ui/cdk';\n\nimport {TuiProgressBarComponent} from './progress-bar/progress-bar.component';\nimport {TuiProgressColorSegmentsDirective} from './progress-bar/progress-color-segments.directive';\nimport {TuiProgressCircleComponent} from './progress-circle/progress-circle.component';\nimport {TuiProgressLabelComponent} from './progress-label/progress-label.component';\nimport {TuiProgressSegmentedComponent} from './progress-segmented/progress-segmented.component';\nimport {TuiProgressColorSegmentsPipe} from './utils/progress-color-segments.pipe';\nimport {TuiProgressColorSegmentsAsyncPipe} from './utils/progress-color-segments-async.pipe';\n\n@NgModule({\n    imports: [CommonModule, TuiRepeatTimesModule],\n    declarations: [\n        TuiProgressBarComponent,\n        TuiProgressColorSegmentsDirective,\n        TuiProgressColorSegmentsPipe,\n        TuiProgressColorSegmentsAsyncPipe,\n        TuiProgressCircleComponent,\n        TuiProgressLabelComponent,\n        TuiProgressSegmentedComponent,\n    ],\n    exports: [\n        TuiProgressBarComponent,\n        TuiProgressCircleComponent,\n        TuiProgressColorSegmentsDirective,\n        TuiProgressColorSegmentsPipe,\n        TuiProgressColorSegmentsAsyncPipe,\n        TuiProgressLabelComponent,\n        TuiProgressSegmentedComponent,\n    ],\n})\nexport class TuiProgressModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-radio-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-radio-list.js","sources":["ng://@taiga-ui/kit/components/radio-list/radio-list.component.ts","ng://@taiga-ui/kit/components/radio-list/radio-list.module.ts","ng://@taiga-ui/kit/components/radio-list/taiga-ui-kit-components-radio-list.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    QueryList,\n    Self,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    EMPTY_QUERY,\n    isNativeFocusedIn,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiBooleanHandler,\n    tuiDefaultProp,\n    TuiIdentityMatcher,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {TuiOrientationT, TuiSizeL, TuiValueContentContext} from '@taiga-ui/core';\nimport {TuiRadioLabeledComponent} from '@taiga-ui/kit/components/radio-labeled';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n    selector: 'tui-radio-list',\n    templateUrl: './radio-list.template.html',\n    styleUrls: ['./radio-list.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiRadioListComponent),\n        },\n    ],\n})\nexport class TuiRadioListComponent<T> extends AbstractTuiNullableControl<T> {\n    @ViewChildren(TuiRadioLabeledComponent)\n    private readonly radioButtons: QueryList<TuiRadioLabeledComponent<{}>> = EMPTY_QUERY;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<T> = [];\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-orientation')\n    @tuiDefaultProp()\n    orientation: TuiOrientationT = 'vertical';\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<T> = ALWAYS_FALSE_HANDLER;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    // @bad TODO: Remove & { index: number }\n    @Input()\n    @tuiDefaultProp()\n    itemContent: PolymorpheusContent<TuiValueContentContext<T> & {index: number}> = ({\n        $implicit,\n    }) => String($implicit);\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        const focusableRadioButton = this.radioButtons.find(\n            radioButton => radioButton.nativeFocusableElement !== null,\n        );\n\n        return focusableRadioButton ? focusableRadioButton.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    computeId(index: number): string {\n        return `${this.id}-${index}`;\n    }\n\n    itemIsDisabled(item: T): boolean {\n        return this.disabledItemHandler(item);\n    }\n\n    getContentContext(\n        item: T,\n        index: number,\n        active: boolean,\n    ): TuiValueContentContext<T> & {index: number} {\n        return {$implicit: item, index, active};\n    }\n\n    onModelChange(value: T) {\n        this.updateValue(value);\n    }\n\n    itemIsActive(item: T): boolean {\n        return this.value === null\n            ? item === null\n            : this.identityMatcher(this.value, item);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiRadioGroupModule} from '@taiga-ui/kit/components/radio-group';\nimport {TuiRadioLabeledModule} from '@taiga-ui/kit/components/radio-labeled';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiRadioListComponent} from './radio-list.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiRadioGroupModule,\n        TuiRadioLabeledModule,\n    ],\n    declarations: [TuiRadioListComponent],\n    exports: [TuiRadioListComponent],\n})\nexport class TuiRadioListModule {}\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-radio-list.js","sources":["ng://@taiga-ui/kit/components/radio-list/radio-list.component.ts","ng://@taiga-ui/kit/components/radio-list/radio-list.module.ts","ng://@taiga-ui/kit/components/radio-list/taiga-ui-kit-components-radio-list.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    QueryList,\n    Self,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    EMPTY_QUERY,\n    isNativeFocusedIn,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiBooleanHandler,\n    tuiDefaultProp,\n    TuiIdentityMatcher,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {TuiOrientationT, TuiSizeL, TuiValueContentContext} from '@taiga-ui/core';\nimport {TuiRadioLabeledComponent} from '@taiga-ui/kit/components/radio-labeled';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n    selector: 'tui-radio-list',\n    templateUrl: './radio-list.template.html',\n    styleUrls: ['./radio-list.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiRadioListComponent),\n        },\n    ],\n})\nexport class TuiRadioListComponent<T> extends AbstractTuiNullableControl<T> {\n    @ViewChildren(TuiRadioLabeledComponent)\n    private readonly radioButtons: QueryList<TuiRadioLabeledComponent<{}>> = EMPTY_QUERY;\n\n    @Input()\n    @tuiDefaultProp()\n    items: readonly T[] = [];\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-orientation')\n    @tuiDefaultProp()\n    orientation: TuiOrientationT = 'vertical';\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<T> = ALWAYS_FALSE_HANDLER;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    // @bad TODO: Remove & { index: number }\n    @Input()\n    @tuiDefaultProp()\n    itemContent: PolymorpheusContent<TuiValueContentContext<T> & {index: number}> = ({\n        $implicit,\n    }) => String($implicit);\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        const focusableRadioButton = this.radioButtons.find(\n            radioButton => radioButton.nativeFocusableElement !== null,\n        );\n\n        return focusableRadioButton ? focusableRadioButton.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    computeId(index: number): string {\n        return `${this.id}-${index}`;\n    }\n\n    itemIsDisabled(item: T): boolean {\n        return this.disabledItemHandler(item);\n    }\n\n    getContentContext(\n        item: T,\n        index: number,\n        active: boolean,\n    ): TuiValueContentContext<T> & {index: number} {\n        return {$implicit: item, index, active};\n    }\n\n    onModelChange(value: T) {\n        this.updateValue(value);\n    }\n\n    itemIsActive(item: T): boolean {\n        return this.value === null\n            ? item === null\n            : this.identityMatcher(this.value, item);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiRadioGroupModule} from '@taiga-ui/kit/components/radio-group';\nimport {TuiRadioLabeledModule} from '@taiga-ui/kit/components/radio-labeled';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiRadioListComponent} from './radio-list.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiRadioGroupModule,\n        TuiRadioLabeledModule,\n    ],\n    declarations: [TuiRadioListComponent],\n    exports: [TuiRadioListComponent],\n})\nexport class TuiRadioListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -154,7 +154,7 @@ var TuiRadioComponent = /** @class */ (function (_super) {
     TuiRadioComponent = TuiRadioComponent_1 = __decorate([
         Component({
             selector: 'tui-radio',
-            template: "<tui-wrapper\n    [appearance]=\"appearance\"\n    [disabled]=\"computedDisabled\"\n    [focused]=\"computedFocusVisible\"\n    [hovered]=\"computedHovered\"\n    [pressed]=\"computedPressed\"\n    [invalid]=\"computedInvalid\"\n>\n    <div *ngIf=\"checked\" class=\"mark\" [@tuiScaleIn]=\"animation\"></div>\n    <input\n        #focusableElement\n        type=\"radio\"\n        class=\"native\"\n        [id]=\"id\"\n        [attr.name]=\"computedName\"\n        [disabled]=\"computedDisabled\"\n        [tuiChecked]=\"checked\"\n        [tuiFocusable]=\"isFocusable\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiHoveredChange)=\"onHovered($event)\"\n        (tuiPressedChange)=\"onPressed($event)\"\n        (tuiCheckedChange)=\"onChecked($event)\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    />\n</tui-wrapper>\n",
+            template: "<tui-wrapper\n    [appearance]=\"appearance\"\n    [disabled]=\"computedDisabled\"\n    [focused]=\"computedFocusVisible\"\n    [hovered]=\"computedHovered\"\n    [pressed]=\"computedPressed\"\n    [invalid]=\"computedInvalid\"\n>\n    <div\n        *ngIf=\"checked\"\n        class=\"mark\"\n        [@tuiScaleIn]=\"animation\"\n    ></div>\n    <input\n        #focusableElement\n        type=\"radio\"\n        class=\"native\"\n        [id]=\"id\"\n        [attr.name]=\"computedName\"\n        [disabled]=\"computedDisabled\"\n        [tuiChecked]=\"checked\"\n        [tuiFocusable]=\"isFocusable\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiHoveredChange)=\"onHovered($event)\"\n        (tuiPressedChange)=\"onPressed($event)\"\n        (tuiCheckedChange)=\"onChecked($event)\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    />\n</tui-wrapper>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [
                 {
@@ -163,7 +163,7 @@ var TuiRadioComponent = /** @class */ (function (_super) {
                 },
             ],
             animations: [tuiScaleIn],
-            styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}:host[data-size='m']{width:1rem;height:1rem}:host[data-size='l']{width:1.5rem;height:1.5rem}:host._readonly{pointer-events:none}.mark{position:absolute;background-color:currentColor;border-radius:100%}:host[data-size='m'] .mark{margin:.25rem;width:.5rem;height:.5rem}:host[data-size='l'] .mark{margin:.4375rem;width:.625rem;height:.625rem}.native{padding:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.native:-webkit-autofill,.native:-webkit-autofill:focus,.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}:host._disabled .native{cursor:default}"]
+            styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}:host[data-size='m']{width:1rem;height:1rem}:host[data-size='l']{width:1.5rem;height:1.5rem}:host._readonly{pointer-events:none}.mark{position:absolute;background-color:currentColor;border-radius:100%}:host[data-size='m'] .mark{margin:.25rem;width:.5rem;height:.5rem}:host[data-size='l'] .mark{margin:.4375rem;width:.625rem;height:.625rem}.native{padding:0;margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.native:-webkit-autofill,.native:-webkit-autofill:focus,.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}:host._disabled .native{cursor:default}"]
         }),
         __param(0, Optional()),
         __param(0, Self()),

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-radio.js","sources":["ng://@taiga-ui/kit/components/radio/radio-options.ts","ng://@taiga-ui/kit/components/radio/radio.component.ts","ng://@taiga-ui/kit/components/radio/radio.module.ts","ng://@taiga-ui/kit/components/radio/taiga-ui-kit-components-radio.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiAppearance} from '@taiga-ui/core/enums';\nimport {TuiSizeL} from '@taiga-ui/core/types';\n\nexport interface TuiRadioOptions {\n    readonly size: TuiSizeL;\n    readonly appearances: Readonly<{\n        unchecked: string;\n        checked: string;\n    }>;\n}\n\n/**\n * @deprecated: use TuiRadioOptions instead\n * todo: remove in 3.0\n */\nexport type RadioOptions = TuiRadioOptions;\n\n/** Default values for the checkbox options. */\nexport const TUI_RADIO_DEFAULT_OPTIONS: TuiRadioOptions = {\n    size: 'm',\n    appearances: {\n        unchecked: TuiAppearance.Outline,\n        checked: TuiAppearance.Primary,\n    },\n};\n\nexport const TUI_RADIO_OPTIONS = new InjectionToken<TuiRadioOptions>(\n    'Default parameters for radio component',\n    {\n        factory: () => TUI_RADIO_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiRadioOptionsProvider: (\n    options: Partial<TuiRadioOptions>,\n) => ValueProvider = (options: Partial<TuiRadioOptions>) => ({\n    provide: TUI_RADIO_OPTIONS,\n    useValue: {...TUI_RADIO_DEFAULT_OPTIONS, ...options},\n});\n","import {AnimationOptions} from '@angular/animations';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiIdentityMatcher,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {TUI_ANIMATION_OPTIONS, tuiScaleIn, TuiSizeL} from '@taiga-ui/core';\nimport {TuiRadioGroupComponent} from '@taiga-ui/kit/components/radio-group';\n\nimport {TUI_RADIO_OPTIONS, TuiRadioOptions} from './radio-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-radio',\n    templateUrl: './radio.template.html',\n    styleUrls: ['./radio.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiRadioComponent),\n        },\n    ],\n    animations: [tuiScaleIn],\n})\nexport class TuiRadioComponent<T>\n    extends AbstractTuiNullableControl<T>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n    @Input()\n    item?: T;\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    name: string | null = null;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = this.options.size;\n\n    @Input()\n    @tuiDefaultProp()\n    pseudoDisabled = false;\n\n    readonly animation = {value: '', ...this.animationOptions} as const;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_ANIMATION_OPTIONS)\n        private readonly animationOptions: AnimationOptions,\n        @Inject(TUI_RADIO_OPTIONS)\n        private readonly options: TuiRadioOptions,\n        @Optional()\n        @Inject(TuiRadioGroupComponent)\n        private readonly radioGroup: TuiRadioGroupComponent | null,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get appearance(): string {\n        return this.checked\n            ? this.options.appearances.checked\n            : this.options.appearances.unchecked;\n    }\n\n    @HostBinding('class._disabled')\n    get computedDisabled(): boolean {\n        return this.disabled || this.pseudoDisabled;\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get checked(): boolean {\n        return this.value === null\n            ? this.item === null\n            : this.item !== undefined && this.identityMatcher(this.value, this.item);\n    }\n\n    get computedName(): string | null {\n        return this.name || this.radioGroupName || this.controlName || null;\n    }\n\n    get isFocusable(): boolean {\n        return !this.readOnly && this.computedFocusable;\n    }\n\n    onChecked(checked: boolean) {\n        if (checked) {\n            this.updateValue(this.item !== undefined ? this.item : this.fallbackValue);\n        }\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.updateFocusVisible(focusVisible);\n    }\n\n    private get radioGroupName(): string | null {\n        return this.radioGroup === null ? null : this.radioGroup.name;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiCheckedModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n    TuiHoveredModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiWrapperModule} from '@taiga-ui/core';\n\nimport {TuiRadioComponent} from './radio.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCheckedModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiFocusVisibleModule,\n        TuiWrapperModule,\n    ],\n    declarations: [TuiRadioComponent],\n    exports: [TuiRadioComponent],\n})\nexport class TuiRadioModule {}\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-radio.js","sources":["ng://@taiga-ui/kit/components/radio/radio-options.ts","ng://@taiga-ui/kit/components/radio/radio.component.ts","ng://@taiga-ui/kit/components/radio/radio.module.ts","ng://@taiga-ui/kit/components/radio/taiga-ui-kit-components-radio.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiAppearance} from '@taiga-ui/core/enums';\nimport {TuiSizeL} from '@taiga-ui/core/types';\n\nexport interface TuiRadioOptions {\n    readonly size: TuiSizeL;\n    readonly appearances: Readonly<{\n        unchecked: string;\n        checked: string;\n    }>;\n}\n\n/**\n * @deprecated: use TuiRadioOptions instead\n * todo: remove in 3.0\n */\nexport type RadioOptions = TuiRadioOptions;\n\n/** Default values for the checkbox options. */\nexport const TUI_RADIO_DEFAULT_OPTIONS: TuiRadioOptions = {\n    size: 'm',\n    appearances: {\n        unchecked: TuiAppearance.Outline,\n        checked: TuiAppearance.Primary,\n    },\n};\n\nexport const TUI_RADIO_OPTIONS = new InjectionToken<TuiRadioOptions>(\n    'Default parameters for radio component',\n    {\n        factory: () => TUI_RADIO_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiRadioOptionsProvider: (\n    options: Partial<TuiRadioOptions>,\n) => ValueProvider = (options: Partial<TuiRadioOptions>) => ({\n    provide: TUI_RADIO_OPTIONS,\n    useValue: {...TUI_RADIO_DEFAULT_OPTIONS, ...options},\n});\n","import {AnimationOptions} from '@angular/animations';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiIdentityMatcher,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {TUI_ANIMATION_OPTIONS, tuiScaleIn, TuiSizeL} from '@taiga-ui/core';\nimport {TuiRadioGroupComponent} from '@taiga-ui/kit/components/radio-group';\n\nimport {TUI_RADIO_OPTIONS, TuiRadioOptions} from './radio-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-radio',\n    templateUrl: './radio.template.html',\n    styleUrls: ['./radio.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiRadioComponent),\n        },\n    ],\n    animations: [tuiScaleIn],\n})\nexport class TuiRadioComponent<T>\n    extends AbstractTuiNullableControl<T>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n    @Input()\n    item?: T;\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    name: string | null = null;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = this.options.size;\n\n    @Input()\n    @tuiDefaultProp()\n    pseudoDisabled = false;\n\n    readonly animation = {value: '', ...this.animationOptions} as const;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_ANIMATION_OPTIONS)\n        private readonly animationOptions: AnimationOptions,\n        @Inject(TUI_RADIO_OPTIONS)\n        private readonly options: TuiRadioOptions,\n        @Optional()\n        @Inject(TuiRadioGroupComponent)\n        private readonly radioGroup: TuiRadioGroupComponent | null,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get appearance(): string {\n        return this.checked\n            ? this.options.appearances.checked\n            : this.options.appearances.unchecked;\n    }\n\n    @HostBinding('class._disabled')\n    get computedDisabled(): boolean {\n        return this.disabled || this.pseudoDisabled;\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get checked(): boolean {\n        return this.value === null\n            ? this.item === null\n            : this.item !== undefined && this.identityMatcher(this.value, this.item);\n    }\n\n    get computedName(): string | null {\n        return this.name || this.radioGroupName || this.controlName || null;\n    }\n\n    get isFocusable(): boolean {\n        return !this.readOnly && this.computedFocusable;\n    }\n\n    onChecked(checked: boolean) {\n        if (checked) {\n            this.updateValue(this.item !== undefined ? this.item : this.fallbackValue);\n        }\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.updateFocusVisible(focusVisible);\n    }\n\n    private get radioGroupName(): string | null {\n        return this.radioGroup === null ? null : this.radioGroup.name;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiCheckedModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n    TuiHoveredModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiWrapperModule} from '@taiga-ui/core';\n\nimport {TuiRadioComponent} from './radio.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCheckedModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiFocusVisibleModule,\n        TuiWrapperModule,\n    ],\n    declarations: [TuiRadioComponent],\n    exports: [TuiRadioComponent],\n})\nexport class TuiRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,31 +1,67 @@
-import { __extends, __decorate, __param } from 'tslib';
+import { __decorate, __extends, __read, __spread, __param } from 'tslib';
 import { DOCUMENT, CommonModule } from '@angular/common';
-import { Optional, Self, Inject, ChangeDetectorRef, ElementRef, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
-import { NgControl } from '@angular/forms';
-import { isNativeFocusedIn, round, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiRepeatTimesModule, TuiFocusableModule, TuiActiveZoneModule, TuiFocusVisibleModule } from '@taiga-ui/cdk';
-import { DOT_WIDTH, AbstractTuiSlider } from '@taiga-ui/kit/abstract';
-import { TUI_FLOATING_PRECISION } from '@taiga-ui/kit/constants';
+import { Directive, Optional, Self, Inject, ChangeDetectorRef, ElementRef, Input, ViewChildren, HostBinding, HostListener, Component, ChangeDetectionStrategy, forwardRef, EventEmitter, Output, NgModule } from '@angular/core';
+import { NgControl, FormsModule } from '@angular/forms';
+import { EMPTY_QUERY, isNativeFocusedIn, tuiDefaultProp, nonNegativeFiniteAssertion, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, typedFromEvent, clamp, round, TuiDestroyService, TuiRepeatTimesModule, TuiFocusableModule } from '@taiga-ui/cdk';
+import { AbstractTuiSlider } from '@taiga-ui/kit/abstract';
+import { TuiSliderComponent, TuiSliderModule } from '@taiga-ui/kit/components/slider';
 import { TUI_FROM_TO_TEXTS } from '@taiga-ui/kit/tokens';
-import { Observable } from 'rxjs';
+import { Observable, merge } from 'rxjs';
 import { TuiFormatNumberPipeModule } from '@taiga-ui/core';
+import { TUI_FLOATING_PRECISION } from '@taiga-ui/kit/constants';
+import { filter, map, tap, switchMap, startWith, takeUntil, repeat } from 'rxjs/operators';
 
+/**
+ * Turn on new mode for `Range` and `InputRange`.
+ * The new version of component will behave almost the same as the same component from the next major release.
+ * @deprecated TODO remove me in v3.0 and make `Range` and `InputRange` always "new".
+ */
+var TuiNewRangeDirective = /** @class */ (function () {
+    function TuiNewRangeDirective() {
+    }
+    TuiNewRangeDirective = __decorate([
+        Directive({
+            selector: 'tui-range[new], tui-input-range[new]',
+        })
+    ], TuiNewRangeDirective);
+    return TuiNewRangeDirective;
+}());
 // @dynamic
 var TuiRangeComponent = /** @class */ (function (_super) {
     __extends(TuiRangeComponent, _super);
-    function TuiRangeComponent(control, changeDetectorRef, documentRef, elementRef, fromToTexts$) {
+    function TuiRangeComponent(control, changeDetectorRef, documentRef, elementRef, fromToTexts$, isNew) {
         var _this = _super.call(this, control, changeDetectorRef, documentRef, fromToTexts$) || this;
         _this.elementRef = elementRef;
+        _this.isNew = isNew;
+        _this.min = 0;
+        /**
+         * TODO: make `100` as default value (to be like native sliders) in v3.0
+         */
+        _this.max = Infinity;
+        /**
+         * TODO: think about replacing this props by `step` (to be like native slider).
+         * It can be easy after refactor of keySteps.
+         */
+        _this.steps = 0;
+        /**
+         * TODO: think about replacing this props by `step` (to be like native slider).
+         * It can be easy after refactor of keySteps.
+         * */
+        _this.quantum = 0;
+        _this.slidersRefs = EMPTY_QUERY;
+        _this.lastActiveThumb = 'right';
         return _this;
     }
     TuiRangeComponent_1 = TuiRangeComponent;
     Object.defineProperty(TuiRangeComponent.prototype, "nativeFocusableElement", {
         get: function () {
-            if (this.computedDisabled || !this.dotLeft || !this.dotRight) {
+            var _a = __read(this.slidersRefs, 2), sliderLeftRef = _a[0], sliderRightRef = _a[1];
+            if (this.computedDisabled || !sliderLeftRef || !sliderRightRef) {
                 return null;
             }
             return this.isLeftFocusable
-                ? this.dotLeft.nativeElement
-                : this.dotRight.nativeElement;
+                ? sliderLeftRef.nativeElement
+                : sliderRightRef.nativeElement;
         },
         enumerable: true,
         configurable: true
@@ -37,6 +73,13 @@ var TuiRangeComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(TuiRangeComponent.prototype, "computedKeySteps", {
+        get: function () {
+            return this.computePureKeySteps(this.keySteps, this.min, this.max);
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(TuiRangeComponent.prototype, "left", {
         get: function () {
             return 100 * this.getFractionFromValue(this.value[0]);
@@ -51,31 +94,41 @@ var TuiRangeComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    TuiRangeComponent.prototype.getFallbackValue = function () {
-        return [0, 0];
+    TuiRangeComponent.prototype.onFocused = function (focused) {
+        this.updateFocused(focused);
     };
-    TuiRangeComponent.prototype.processStep = function (increment, right) {
-        var fraction = this.getFractionFromValue(right ? this.value[1] : this.value[0]);
-        var step = this.computedStep;
-        var value = this.getValueFromFraction(increment ? fraction + step : fraction - step);
-        this.processValue(value, right);
+    TuiRangeComponent.prototype.changeByStep = function (coefficient, target) {
+        var _a = __read(this.slidersRefs, 2), sliderLeftRef = _a[0], sliderRightRef = _a[1];
+        var leftThumbElement = sliderLeftRef.nativeElement;
+        var rightThumbElement = sliderRightRef.nativeElement;
+        var isRightThumb = target === this.elementRef.nativeElement
+            ? this.lastActiveThumb === 'right'
+            : target === rightThumbElement;
+        var activeThumbElement = isRightThumb ? rightThumbElement : leftThumbElement;
+        var previousValue = isRightThumb ? this.value[1] : this.value[0];
+        /** @bad TODO think about a solution without twice conversion */
+        var previousFraction = this.getFractionFromValue(previousValue);
+        var newFractionValue = previousFraction + coefficient * this.computedStep;
+        this.processValue(this.getValueFromFraction(newFractionValue), isRightThumb);
+        if (activeThumbElement) {
+            activeThumbElement.focus();
+        }
     };
     TuiRangeComponent.prototype.processValue = function (value, right) {
         var guardedValue = this.valueGuard(value);
-        if (right === true) {
+        if (right) {
             this.updateEnd(guardedValue);
         }
         else {
             this.updateStart(guardedValue);
         }
+        this.lastActiveThumb = right ? 'right' : 'left';
     };
-    TuiRangeComponent.prototype.getCalibratedFractionFromEvents = function (rect, clientX, isMouseDownRight) {
-        var value = clientX -
-            rect.left -
-            DOT_WIDTH[this.size] / 2 -
-            (isMouseDownRight ? DOT_WIDTH[this.size] : 0);
-        var total = rect.width - 2 * DOT_WIDTH[this.size];
-        return round(value / total, TUI_FLOATING_PRECISION);
+    TuiRangeComponent.prototype.getFallbackValue = function () {
+        return [0, 0];
+    };
+    TuiRangeComponent.prototype.computePureKeySteps = function (keySteps, min, max) {
+        return __spread([[0, min]], (keySteps || []), [[100, max]]);
     };
     TuiRangeComponent.prototype.updateStart = function (value) {
         this.updateValue([Math.min(value, this.value[1]), this.value[1]]);
@@ -89,20 +142,63 @@ var TuiRangeComponent = /** @class */ (function (_super) {
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
         { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_FROM_TO_TEXTS,] }] }
+        { type: Observable, decorators: [{ type: Inject, args: [TUI_FROM_TO_TEXTS,] }] },
+        { type: TuiNewRangeDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiNewRangeDirective,] }] }
     ]; };
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiRangeComponent.prototype, "min", void 0);
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiRangeComponent.prototype, "max", void 0);
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiRangeComponent.prototype, "steps", void 0);
+    __decorate([
+        Input(),
+        tuiDefaultProp(nonNegativeFiniteAssertion, 'Quantum must be a non-negative number')
+    ], TuiRangeComponent.prototype, "quantum", void 0);
+    __decorate([
+        ViewChildren(TuiSliderComponent, { read: ElementRef })
+    ], TuiRangeComponent.prototype, "slidersRefs", void 0);
+    __decorate([
+        HostBinding('style.--left.%')
+    ], TuiRangeComponent.prototype, "left", null);
+    __decorate([
+        HostBinding('style.--right.%')
+    ], TuiRangeComponent.prototype, "right", null);
+    __decorate([
+        HostListener('focusin', ['true']),
+        HostListener('focusout', ['false'])
+    ], TuiRangeComponent.prototype, "onFocused", null);
+    __decorate([
+        HostListener('keydown.arrowUp.prevent', ['1', '$event.target']),
+        HostListener('keydown.arrowRight.prevent', ['1', '$event.target']),
+        HostListener('keydown.arrowLeft.prevent', ['-1', '$event.target']),
+        HostListener('keydown.arrowDown.prevent', ['-1', '$event.target'])
+    ], TuiRangeComponent.prototype, "changeByStep", null);
+    __decorate([
+        tuiPure
+    ], TuiRangeComponent.prototype, "computePureKeySteps", null);
     TuiRangeComponent = TuiRangeComponent_1 = __decorate([
         Component({
             selector: 'tui-range',
-            template: "<div\n    class=\"event-catcher\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n    (touchstart)=\"onTouchStart($event)\"\n>\n    <div class=\"wrapper\">\n        <div *ngIf=\"segmented\" class=\"segments\">\n            <span\n                *tuiRepeatTimes=\"let segmentIndex of segments + 1\"\n                automation-id=\"tui-slider__segment\"\n                class=\"segment\"\n            >\n                <span *ngIf=\"fromToTexts$ | async as fromToText\" class=\"number\">\n                    {{ getSegmentPrefix(segmentIndex, fromToText) }} {{\n                    getSegmentLabel(segmentIndex) | tuiFormatNumber }}\n                    <span *ngIf=\"pluralizeMap\">\n                        {{ getSegmentLabel(segmentIndex) | i18nPlural:\n                        pluralizeMap }}\n                    </span>\n                </span>\n            </span>\n        </div>\n        <div\n            automation-id=\"tui-slider__bar\"\n            class=\"bar\"\n            [style.left.%]=\"left\"\n            [style.right.%]=\"right\"\n        >\n            <div\n                #dotLeft\n                automation-id=\"tui-slider__left\"\n                class=\"dot\"\n                [class.dot_focus-visible]=\"focusVisibleLeft && computedFocused\"\n                [tuiFocusable]=\"isLeftFocusable\"\n                (tuiFocusVisibleChange)=\"onLeftFocusVisible($event)\"\n                (keydown.arrowLeft.prevent)=\"decrement(false)\"\n                (keydown.arrowDown.prevent)=\"decrement(false)\"\n                (keydown.arrowRight.prevent)=\"increment(false)\"\n                (keydown.arrowUp.prevent)=\"increment(false)\"\n            ></div>\n            <div\n                #dotRight\n                automation-id=\"tui-slider__right\"\n                class=\"dot\"\n                [class.dot_focus-visible]=\"focusVisibleRight && computedFocused\"\n                [tuiFocusable]=\"isRightFocusable\"\n                (tuiFocusVisibleChange)=\"onRightFocusVisible($event)\"\n                (keydown.arrowLeft.prevent)=\"decrement(true)\"\n                (keydown.arrowDown.prevent)=\"decrement(true)\"\n                (keydown.arrowRight.prevent)=\"increment(true)\"\n                (keydown.arrowUp.prevent)=\"increment(true)\"\n            ></div>\n        </div>\n    </div>\n</div>\n",
+            template: "<div class=\"track\">\n    <input\n        tuiSlider\n        readonly\n        type=\"range\"\n        step=\"any\"\n        automation-id=\"tui-range__left\"\n        class=\"thumb\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [ngModel]=\"value[0]\"\n        [size]=\"size\"\n        [keySteps]=\"computedKeySteps\"\n        [tuiFocusable]=\"focusable\"\n        [attr.disabled]=\"computedDisabled || null\"\n    />\n    <input\n        tuiSlider\n        readonly\n        type=\"range\"\n        step=\"any\"\n        automation-id=\"tui-range__right\"\n        class=\"thumb\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [ngModel]=\"value[1]\"\n        [size]=\"size\"\n        [keySteps]=\"computedKeySteps\"\n        [tuiFocusable]=\"focusable\"\n        [attr.disabled]=\"computedDisabled || null\"\n    />\n</div>\n\n<!-- TODO backward compatibility only (remove in v3.0) -->\n<div\n    *ngIf=\"segmented\"\n    class=\"segments\"\n>\n    <span\n        *tuiRepeatTimes=\"let tickIndex of segments + 1\"\n        automation-id=\"tui-slider__segment\"\n        class=\"segment\"\n    >\n        <ng-container *ngIf=\"fromToTexts$ | async as fromToText\">\n            <span\n                *ngIf=\"!isNew\"\n                class=\"number\"\n            >\n                {{ getSegmentPrefix(tickIndex, fromToText) }} {{ tickIndex |\n                tuiSliderTickLabel:segments:computedKeySteps | tuiFormatNumber\n                }}\n                <span *ngIf=\"pluralizeMap\">\n                    {{ tickIndex | tuiSliderTickLabel:segments:computedKeySteps\n                    | i18nPlural: pluralizeMap }}\n                </span>\n            </span>\n        </ng-container>\n    </span>\n</div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
+            host: {
+                '[attr.tabindex]': '-1',
+                '[attr.aria-disabled]': 'computedDisabled',
+            },
             providers: [
                 {
                     provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
                     useExisting: forwardRef(function () { return TuiRangeComponent_1; }),
                 },
             ],
-            styles: [":host{display:block;border-radius:var(--tui-radius-m);color:var(--tui-base-03);min-height:.125rem;font-size:1rem}:host[data-size='s']{min-height:.125rem;font-size:.5rem}:host._segmented{padding-bottom:1.25rem}:host._disabled{cursor:default;pointer-events:none;opacity:var(--tui-disabled-opacity)}.event-catcher{min-height:inherit;border-radius:inherit;padding:.4375rem 0;cursor:pointer}.wrapper{position:relative;min-height:inherit;border-radius:inherit;background-color:currentColor;border:solid transparent;border-width:0 1em}.bar{position:absolute;top:0;bottom:0;margin:0 -1em;border-radius:inherit;background-color:var(--tui-primary)}:host-context(tui-input-slider) .bar{margin-left:calc(var(--tui-radius-m)/ 2);border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.dot{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:50%;z-index:1;width:1em;height:1em;transform:translate(0,-50%);border-radius:100%;background-color:var(--tui-primary);outline:0;cursor:ew-resize}.dot:last-child{right:0;transform:translate(0,-50%)}.dot:hover{background-color:var(--tui-primary-hover)}.dot:active{background-color:var(--tui-primary-active)}.dot_focus-visible{box-shadow:inset 0 0 0 2px var(--tui-focus)}.segments{position:relative;z-index:1;display:flex;justify-content:space-between;min-height:inherit;margin:0 -1em}.segments-spacer{height:1.625rem}.segment{position:relative;height:inherit;width:.25rem;background-color:rgba(0,0,0,.36);pointer-events:none}.segment:first-of-type,.segment:last-of-type{background-color:transparent}.number{position:absolute;left:50%;transform:translate(-50%,0);top:100%;font:var(--tui-font-text-s);margin-top:.5rem;color:var(--tui-text-02);white-space:nowrap}.segment:first-of-type .number{left:-.05em;transform:none}.segment:last-of-type .number{left:auto;right:-.05em;transform:none}:host._disabled .number{color:var(--tui-text-01)}"]
+            styles: [":host{position:relative;display:block;height:.125rem;border-radius:var(--tui-radius-m);background:var(--tui-base-03);cursor:pointer;outline:0;margin:.4375rem 0}:host:active{cursor:ew-resize}:host:after{content:'';position:absolute;top:-.4375rem;bottom:-.4375rem;width:100%}:host._disabled{opacity:var(--tui-disabled-opacity);cursor:auto}:host[data-size='s'] .track{position:relative;margin:0 .25rem;height:100%}:host[data-size='s'] .track:after{content:'';position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 -.25rem}:host[data-size='m'] .track{position:relative;margin:0 .5rem;height:100%}:host[data-size='m'] .track:after{content:'';position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 -.5rem}.thumb{pointer-events:none;position:absolute;top:.0625rem;left:0;right:0;z-index:1;transform:translate(0,-50%)}.thumb::-webkit-slider-thumb{pointer-events:all}.thumb::-moz-range-thumb{pointer-events:all}input[type=range].thumb::-webkit-slider-runnable-track{background:0 0}input[type=range].thumb::-moz-range-track{background:0 0}input[type=range].thumb::-moz-range-progress{background:0 0}input[type=range].thumb::-ms-track{background:0 0}input[type=range].thumb::-ms-fill-lower{background:0 0}.thumb:last-of-type::-webkit-slider-thumb{transform:translate(50%,0)}.thumb:first-of-type::-webkit-slider-thumb{transform:translate(-50%,0)}.thumb:last-of-type::-moz-range-thumb{transform:translate(50%,0)}.thumb:first-of-type::-moz-range-thumb{transform:translate(-50%,0)}:host._disabled .thumb{opacity:1}.segments{position:absolute;top:0;left:0;bottom:0;right:0}:host[data-size='s'] .segments{display:flex;margin:0 .25rem;font:var(--tui-font-text-s);padding:0 .25rem}:host[data-size='s'] .segments>*{position:relative;flex:2;text-align:center}:host[data-size='s'] .segments>:first-child{left:-.25rem;flex:1;text-align:left}:host[data-size='s'] .segments>:last-child{right:-.25rem;flex:1;text-align:right}tui-input-slider+:host[data-size='s'] .segments{margin-left:calc(var(--tui-radius-m)/ 2 + .25rem)}tui-input-range+:host[data-size='s'] .segments,tui-range+:host[data-size='s'] .segments{margin-left:.5rem;margin-right:.5rem}tui-input-range+:host[data-size='s'] .segments>:first-child,tui-range+:host[data-size='s'] .segments>:first-child{left:-.5rem}tui-input-range+:host[data-size='s'] .segments>:last-child,tui-range+:host[data-size='s'] .segments>:last-child{right:-.5rem}:host[data-size='m'] .segments{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);padding:0 .5rem}:host[data-size='m'] .segments>*{position:relative;flex:2;text-align:center}:host[data-size='m'] .segments>:first-child{left:-.5rem;flex:1;text-align:left}:host[data-size='m'] .segments>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+:host[data-size='m'] .segments{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+:host[data-size='m'] .segments,tui-range+:host[data-size='m'] .segments{margin-left:1rem;margin-right:1rem}tui-input-range+:host[data-size='m'] .segments>:first-child,tui-range+:host[data-size='m'] .segments>:first-child{left:-1rem}tui-input-range+:host[data-size='m'] .segments>:last-child,tui-range+:host[data-size='m'] .segments>:last-child{right:-1rem}.segment:not(:last-of-type):not(:first-of-type):before{content:'';position:absolute;left:0;right:0;margin:auto;background:var(--tui-base-07);width:.25rem;height:100%}.segment:last-of-type .number{margin-right:-.5rem}.segment:first-of-type .number{margin-left:-.5rem}.number{display:inline-block;margin-top:.5rem}"]
         }),
         __param(0, Optional()),
         __param(0, Self()),
@@ -110,11 +206,105 @@ var TuiRangeComponent = /** @class */ (function (_super) {
         __param(1, Inject(ChangeDetectorRef)),
         __param(2, Inject(DOCUMENT)),
         __param(3, Inject(ElementRef)),
-        __param(4, Inject(TUI_FROM_TO_TEXTS))
+        __param(4, Inject(TUI_FROM_TO_TEXTS)),
+        __param(5, Optional()),
+        __param(5, Inject(TuiNewRangeDirective))
     ], TuiRangeComponent);
     return TuiRangeComponent;
 }(AbstractTuiSlider));
 
+// @dynamic
+var TuiRangeChangeDirective = /** @class */ (function () {
+    function TuiRangeChangeDirective(documentRef, elementRef, range, destroy$) {
+        var _this = this;
+        this.documentRef = documentRef;
+        this.elementRef = elementRef;
+        this.range = range;
+        /**
+         * TODO replace with pointer events (when all supported browsers can handle them).
+         * Dont forget to use setPointerCapture instead of listening all documentRef events
+         */
+        this.pointerDown$ = merge(typedFromEvent(this.elementRef.nativeElement, 'touchstart', { passive: true }).pipe(filter(function (_a) {
+            var touches = _a.touches;
+            return touches.length === 1;
+        }), map(function (_a) {
+            var touches = _a.touches;
+            return touches[0];
+        })), typedFromEvent(this.elementRef.nativeElement, 'mousedown', { passive: true }));
+        this.pointerMove$ = merge(typedFromEvent(this.documentRef, 'touchmove').pipe(filter(function (_a) {
+            var touches = _a.touches;
+            return touches.length === 1;
+        }), map(function (_a) {
+            var touches = _a.touches;
+            return touches[0];
+        })), typedFromEvent(this.documentRef, 'mousemove'));
+        this.pointerUp$ = merge(typedFromEvent(this.documentRef, 'touchend', { passive: true }), typedFromEvent(this.documentRef, 'mouseup', { passive: true }));
+        this.activeThumbChange = new EventEmitter();
+        var activeThumb;
+        this.pointerDown$
+            .pipe(tap(function (_a) {
+            var clientX = _a.clientX, target = _a.target;
+            activeThumb = _this.detectActiveThumb(clientX, target);
+            _this.activeThumbChange.emit(activeThumb);
+            elementRef.nativeElement.focus();
+        }), switchMap(function (event) { return _this.pointerMove$.pipe(startWith(event)); }), map(function (_a) {
+            var clientX = _a.clientX;
+            return clamp(_this.getFractionFromEvents(clientX), 0, 1);
+        }), takeUntil(this.pointerUp$), repeat(), takeUntil(destroy$))
+            .subscribe(function (fraction) {
+            var value = _this.range.getValueFromFraction(_this.range.fractionGuard(fraction));
+            _this.range.processValue(value, activeThumb === 'right');
+        });
+    }
+    TuiRangeChangeDirective.prototype.getFractionFromEvents = function (clickClientX) {
+        var hostRect = this.elementRef.nativeElement.getBoundingClientRect();
+        var value = clickClientX - hostRect.left;
+        var total = hostRect.width;
+        return round(value / total, TUI_FLOATING_PRECISION);
+    };
+    TuiRangeChangeDirective.prototype.detectActiveThumb = function (clientX, target) {
+        var _a = __read(this.range.slidersRefs, 2), leftSliderRef = _a[0], rightSliderRef = _a[1];
+        switch (target) {
+            case leftSliderRef.nativeElement:
+                return 'left';
+            case rightSliderRef.nativeElement:
+                return 'right';
+            default:
+                return this.findNearestActiveThumb(clientX);
+        }
+    };
+    TuiRangeChangeDirective.prototype.findNearestActiveThumb = function (clientX) {
+        var fraction = this.getFractionFromEvents(clientX);
+        var deltaLeft = fraction * 100 - this.range.left;
+        var deltaRight = fraction * 100 - 100 + this.range.right;
+        return Math.abs(deltaLeft) > Math.abs(deltaRight) ||
+            deltaRight > 0 ||
+            (this.range.left === 0 && this.range.right === 100)
+            ? 'right'
+            : 'left';
+    };
+    TuiRangeChangeDirective.ctorParameters = function () { return [
+        { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+        { type: TuiRangeComponent, decorators: [{ type: Inject, args: [TuiRangeComponent,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] }
+    ]; };
+    __decorate([
+        Output()
+    ], TuiRangeChangeDirective.prototype, "activeThumbChange", void 0);
+    TuiRangeChangeDirective = __decorate([
+        Directive({
+            selector: 'tui-range',
+            providers: [TuiDestroyService],
+        }),
+        __param(0, Inject(DOCUMENT)),
+        __param(1, Inject(ElementRef)),
+        __param(2, Inject(TuiRangeComponent)),
+        __param(3, Inject(TuiDestroyService))
+    ], TuiRangeChangeDirective);
+    return TuiRangeChangeDirective;
+}());
+
 var TuiRangeModule = /** @class */ (function () {
     function TuiRangeModule() {
     }
@@ -124,12 +314,12 @@ var TuiRangeModule = /** @class */ (function () {
                 CommonModule,
                 TuiRepeatTimesModule,
                 TuiFocusableModule,
-                TuiActiveZoneModule,
-                TuiFocusVisibleModule,
                 TuiFormatNumberPipeModule,
+                TuiSliderModule,
+                FormsModule,
             ],
-            declarations: [TuiRangeComponent],
-            exports: [TuiRangeComponent],
+            declarations: [TuiRangeComponent, TuiRangeChangeDirective, TuiNewRangeDirective],
+            exports: [TuiRangeComponent, TuiRangeChangeDirective, TuiNewRangeDirective],
         })
     ], TuiRangeModule);
     return TuiRangeModule;
@@ -139,5 +329,5 @@ var TuiRangeModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TuiRangeComponent, TuiRangeModule };
+export { TuiNewRangeDirective, TuiRangeChangeDirective, TuiRangeComponent, TuiRangeModule };
 //# sourceMappingURL=taiga-ui-kit-components-range.js.map