@taiga-ui/kit/components/range/range.component.d.ts

Taiga UI Angular main components kit

import { ElementRef, type OnChanges, type QueryList } from '@angular/core';
import { TuiControl } from '@taiga-ui/cdk/classes';
import { type TuiSizeS } from '@taiga-ui/core/types';
import { type TuiKeySteps } from '@taiga-ui/kit/components/slider';
import * as i0 from "@angular/core";
import * as i1 from "./range-change.directive";
export declare class TuiRange extends TuiControl<[number, number]> implements OnChanges {
    private readonly changes;
    private readonly el;
    protected readonly options: import("@taiga-ui/kit/components/slider").TuiSliderOptions;
    protected lastActiveThumb: 'end' | 'start';
    min: number;
    max: number;
    step: number;
    size: TuiSizeS;
    segments: number;
    keySteps: TuiKeySteps | null;
    focusable: boolean;
    margin: number;
    limit: number;
    readonly slidersRefs: QueryList<ElementRef<HTMLInputElement>>;
    readonly start: import("@angular/core").Signal<number>;
    readonly end: import("@angular/core").Signal<number>;
    /**
     * TODO(v5): standardize logic between `TuiSlider` & `TuiInputSlider` & `Range` & `InputRange`
     * For non-linear slider (with `[keySteps]` property) `step` means percentage
     */
    legacyMode: boolean;
    ngOnChanges(): void;
    processValue(value: number, end: boolean): void;
    takeStep(coefficients: readonly [number, number]): readonly [number, number];
    toValue(fraction: number): number;
    protected get fractionStep(): number;
    protected get computedKeySteps(): TuiKeySteps;
    protected get segmentWidthRatio(): number;
    protected get rtl(): boolean;
    protected changeByStep(coefficient: number, target: HTMLElement): void;
    protected toPercent(value: number): number;
    private computePureKeySteps;
    private updateStart;
    private updateEnd;
    private checkDistance;
    static ɵfac: i0.ɵɵFactoryDeclaration<TuiRange, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRange, "tui-range", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "size": { "alias": "size"; "required": false; }; "segments": { "alias": "segments"; "required": false; }; "keySteps": { "alias": "keySteps"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiRangeChange; inputs: {}; outputs: { "activeThumbChange": "activeThumbChange"; }; }]>;
}