| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303 |
- import { _AbstractConstructor } from '@angular/material/core';
- import { AfterViewInit } from '@angular/core';
- import { BooleanInput } from '@angular/cdk/coercion';
- import { CanColor } from '@angular/material/core';
- import { CanDisable } from '@angular/material/core';
- import { ChangeDetectorRef } from '@angular/core';
- import { _Constructor } from '@angular/material/core';
- import { ControlValueAccessor } from '@angular/forms';
- import { Directionality } from '@angular/cdk/bidi';
- import { ElementRef } from '@angular/core';
- import { EventEmitter } from '@angular/core';
- import { FocusMonitor } from '@angular/cdk/a11y';
- import { HasTabIndex } from '@angular/material/core';
- import * as i0 from '@angular/core';
- import * as i2 from '@angular/common';
- import * as i3 from '@angular/material/core';
- import { NgZone } from '@angular/core';
- import { NumberInput } from '@angular/cdk/coercion';
- import { OnDestroy } from '@angular/core';
- declare namespace i1 {
- export {
- MAT_LEGACY_SLIDER_VALUE_ACCESSOR,
- MatLegacySliderChange,
- MatLegacySlider
- }
- }
- /**
- * Provider Expression that allows mat-slider to register as a ControlValueAccessor.
- * This allows it to support [(ngModel)] and [formControl].
- * @docs-private
- * @deprecated Use `MAT_SLIDER_VALUE_ACCESSOR` from `@angular/material/slider` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare const MAT_LEGACY_SLIDER_VALUE_ACCESSOR: any;
- /**
- * Allows users to select from a range of values by moving the slider thumb. It is similar in
- * behavior to the native `<input type="range">` element.
- * @deprecated Use `MatSlider` from `@angular/material/slider` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare class MatLegacySlider extends _MatSliderBase implements ControlValueAccessor, OnDestroy, CanDisable, CanColor, AfterViewInit, HasTabIndex {
- private _focusMonitor;
- private _changeDetectorRef;
- private _dir;
- private _ngZone;
- _animationMode?: string | undefined;
- /** Whether the slider is inverted. */
- get invert(): boolean;
- set invert(value: BooleanInput);
- private _invert;
- /** The maximum value that the slider can have. */
- get max(): number;
- set max(v: NumberInput);
- private _max;
- /** The minimum value that the slider can have. */
- get min(): number;
- set min(v: NumberInput);
- private _min;
- /** The values at which the thumb will snap. */
- get step(): number;
- set step(v: NumberInput);
- private _step;
- /** Whether or not to show the thumb label. */
- get thumbLabel(): boolean;
- set thumbLabel(value: BooleanInput);
- private _thumbLabel;
- /**
- * How often to show ticks. Relative to the step so that a tick always appears on a step.
- * Ex: Tick interval of 4 with a step of 3 will draw a tick every 4 steps (every 12 values).
- */
- get tickInterval(): 'auto' | number;
- set tickInterval(value: 'auto' | NumberInput);
- private _tickInterval;
- /** Value of the slider. */
- get value(): number;
- set value(v: NumberInput);
- private _value;
- /**
- * Function that will be used to format the value before it is displayed
- * in the thumb label. Can be used to format very large number in order
- * for them to fit into the slider thumb.
- */
- displayWith: (value: number) => string | number;
- /** Text corresponding to the slider's value. Used primarily for improved accessibility. */
- valueText: string;
- /** Whether the slider is vertical. */
- get vertical(): boolean;
- set vertical(value: BooleanInput);
- private _vertical;
- /** Event emitted when the slider value has changed. */
- readonly change: EventEmitter<MatLegacySliderChange>;
- /** Event emitted when the slider thumb moves. */
- readonly input: EventEmitter<MatLegacySliderChange>;
- /**
- * Emits when the raw value of the slider changes. This is here primarily
- * to facilitate the two-way binding for the `value` input.
- * @docs-private
- */
- readonly valueChange: EventEmitter<number | null>;
- /** The value to be used for display purposes. */
- get displayValue(): string | number;
- /** set focus to the host element */
- focus(options?: FocusOptions): void;
- /** blur the host element */
- blur(): void;
- /** onTouch function registered via registerOnTouch (ControlValueAccessor). */
- onTouched: () => any;
- /** The percentage of the slider that coincides with the value. */
- get percent(): number;
- private _percent;
- /**
- * Whether or not the thumb is sliding and what the user is using to slide it with.
- * Used to determine if there should be a transition for the thumb and fill track.
- */
- _isSliding: 'keyboard' | 'pointer' | null;
- /**
- * Whether or not the slider is active (clicked or sliding).
- * Used to shrink and grow the thumb as according to the Material Design spec.
- */
- _isActive: boolean;
- /**
- * Whether the axis of the slider is inverted.
- * (i.e. whether moving the thumb in the positive x or y direction decreases the slider's value).
- */
- _shouldInvertAxis(): boolean;
- /** Whether the slider is at its minimum value. */
- _isMinValue(): boolean;
- /**
- * The amount of space to leave between the slider thumb and the track fill & track background
- * elements.
- */
- _getThumbGap(): 7 | 10 | 0;
- /** CSS styles for the track background element. */
- _getTrackBackgroundStyles(): {
- [key: string]: string;
- };
- /** CSS styles for the track fill element. */
- _getTrackFillStyles(): {
- [key: string]: string;
- };
- /** CSS styles for the ticks container element. */
- _getTicksContainerStyles(): {
- [key: string]: string;
- };
- /** CSS styles for the ticks element. */
- _getTicksStyles(): {
- [key: string]: string;
- };
- _getThumbContainerStyles(): {
- [key: string]: string;
- };
- /** The size of a tick interval as a percentage of the size of the track. */
- private _tickIntervalPercent;
- /** The dimensions of the slider. */
- private _sliderDimensions;
- private _controlValueAccessorChangeFn;
- /** Decimal places to round to, based on the step amount. */
- private _roundToDecimal;
- /** Subscription to the Directionality change EventEmitter. */
- private _dirChangeSubscription;
- /** The value of the slider when the slide start event fires. */
- private _valueOnSlideStart;
- /** Reference to the inner slider wrapper element. */
- private _sliderWrapper;
- /**
- * Whether mouse events should be converted to a slider position by calculating their distance
- * from the right or bottom edge of the slider as opposed to the top or left.
- */
- _shouldInvertMouseCoords(): boolean;
- /** The language direction for this slider element. */
- private _getDirection;
- /** Keeps track of the last pointer event that was captured by the slider. */
- private _lastPointerEvent;
- /** Used to subscribe to global move and end events */
- protected _document: Document;
- /**
- * Identifier used to attribute a touch event to a particular slider.
- * Will be undefined if one of the following conditions is true:
- * - The user isn't dragging using a touch device.
- * - The browser doesn't support `Touch.identifier`.
- * - Dragging hasn't started yet.
- */
- private _touchId;
- constructor(elementRef: ElementRef, _focusMonitor: FocusMonitor, _changeDetectorRef: ChangeDetectorRef, _dir: Directionality, tabIndex: string, _ngZone: NgZone, _document: any, _animationMode?: string | undefined);
- ngAfterViewInit(): void;
- ngOnDestroy(): void;
- _onMouseenter(): void;
- _onFocus(): void;
- _onBlur(): void;
- _onKeydown(event: KeyboardEvent): void;
- _onKeyup(): void;
- /** Called when the user has put their pointer down on the slider. */
- private _pointerDown;
- /**
- * Called when the user has moved their pointer after
- * starting to drag. Bound on the document level.
- */
- private _pointerMove;
- /** Called when the user has lifted their pointer. Bound on the document level. */
- private _pointerUp;
- /** Called when the window has lost focus. */
- private _windowBlur;
- /** Use defaultView of injected document if available or fallback to global window reference */
- private _getWindow;
- /**
- * Binds our global move and end events. They're bound at the document level and only while
- * dragging so that the user doesn't have to keep their pointer exactly over the slider
- * as they're swiping across the screen.
- */
- private _bindGlobalEvents;
- /** Removes any global event listeners that we may have added. */
- private _removeGlobalEvents;
- /** Increments the slider by the given number of steps (negative number decrements). */
- private _increment;
- /** Calculate the new value from the new physical location. The value will always be snapped. */
- private _updateValueFromPosition;
- /** Emits a change event if the current value is different from the last emitted value. */
- private _emitChangeEvent;
- /** Emits an input event when the current value is different from the last emitted value. */
- private _emitInputEvent;
- /** Updates the amount of space between ticks as a percentage of the width of the slider. */
- private _updateTickIntervalPercent;
- /** Creates a slider change object from the specified value. */
- private _createChangeEvent;
- /** Calculates the percentage of the slider that a value is. */
- private _calculatePercentage;
- /** Calculates the value a percentage of the slider corresponds to. */
- private _calculateValue;
- /** Return a number between two numbers. */
- private _clamp;
- /**
- * Get the bounding client rect of the slider track element.
- * The track is used rather than the native element to ignore the extra space that the thumb can
- * take up.
- */
- private _getSliderDimensions;
- /**
- * Focuses the native element.
- * Currently only used to allow a blur event to fire but will be used with keyboard input later.
- */
- private _focusHostElement;
- /** Blurs the native element. */
- private _blurHostElement;
- /**
- * Sets the model value. Implemented as part of ControlValueAccessor.
- * @param value
- */
- writeValue(value: any): void;
- /**
- * Registers a callback to be triggered when the value has changed.
- * Implemented as part of ControlValueAccessor.
- * @param fn Callback to be registered.
- */
- registerOnChange(fn: (value: any) => void): void;
- /**
- * Registers a callback to be triggered when the component is touched.
- * Implemented as part of ControlValueAccessor.
- * @param fn Callback to be registered.
- */
- registerOnTouched(fn: any): void;
- /**
- * Sets whether the component should be disabled.
- * Implemented as part of ControlValueAccessor.
- * @param isDisabled
- */
- setDisabledState(isDisabled: boolean): void;
- static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacySlider, [null, null, null, { optional: true; }, { attribute: "tabindex"; }, null, null, { optional: true; }]>;
- static ɵcmp: i0.ɵɵComponentDeclaration<MatLegacySlider, "mat-slider", ["matSlider"], { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "invert": { "alias": "invert"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "thumbLabel": { "alias": "thumbLabel"; "required": false; }; "tickInterval": { "alias": "tickInterval"; "required": false; }; "value": { "alias": "value"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "valueText": { "alias": "valueText"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "change": "change"; "input": "input"; "valueChange": "valueChange"; }, never, never, false, never>;
- }
- /**
- * A simple change event emitted by the MatSlider component.
- * @deprecated Use `MatSliderChange` from `@angular/material/slider` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare class MatLegacySliderChange {
- /** The MatSlider that changed. */
- source: MatLegacySlider;
- /** The new value of the source slider. */
- value: number | null;
- }
- /**
- * @deprecated Use `MatSliderModule` from `@angular/material/slider` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare class MatLegacySliderModule {
- static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacySliderModule, never>;
- static ɵmod: i0.ɵɵNgModuleDeclaration<MatLegacySliderModule, [typeof i1.MatLegacySlider], [typeof i2.CommonModule, typeof i3.MatCommonModule], [typeof i1.MatLegacySlider, typeof i3.MatCommonModule]>;
- static ɵinj: i0.ɵɵInjectorDeclaration<MatLegacySliderModule>;
- }
- /** @docs-private */
- declare const _MatSliderBase: _Constructor<HasTabIndex> & _AbstractConstructor<HasTabIndex> & _Constructor<CanColor> & _AbstractConstructor<CanColor> & _Constructor<CanDisable> & _AbstractConstructor<CanDisable> & {
- new (_elementRef: ElementRef): {
- _elementRef: ElementRef;
- };
- };
- export { }
|