@angular-slider/ngx-slider
Version:
Self-contained, mobile friendly slider component for Angular based on angularjs-slider
197 lines (196 loc) • 7.53 kB
TypeScript
import { OnInit, AfterViewInit, OnChanges, OnDestroy, ElementRef, Renderer2, EventEmitter, TemplateRef, ChangeDetectorRef, SimpleChanges, NgZone } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { Options } from './options';
import { ChangeContext } from './change-context';
import * as i0 from "@angular/core";
export declare class Tick {
selected: boolean;
style: any;
tooltip: string;
tooltipPlacement: string;
value: string;
valueTooltip: string;
valueTooltipPlacement: string;
legend: string;
}
export declare class SliderComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy, ControlValueAccessor {
private renderer;
private elementRef;
private changeDetectionRef;
private zone;
allowUnsafeHtmlInSlider: boolean;
private sliderElementNgxSliderClass;
value: number;
valueChange: EventEmitter<number>;
highValue: number;
highValueChange: EventEmitter<number>;
options: Options;
userChangeStart: EventEmitter<ChangeContext>;
userChange: EventEmitter<ChangeContext>;
userChangeEnd: EventEmitter<ChangeContext>;
private manualRefreshSubscription;
set manualRefresh(manualRefresh: EventEmitter<void>);
private triggerFocusSubscription;
set triggerFocus(triggerFocus: EventEmitter<void>);
private cancelUserChangeSubscription;
set cancelUserChange(cancelUserChange: EventEmitter<void>);
get range(): boolean;
private initHasRun;
private inputModelChangeSubject;
private inputModelChangeSubscription;
private outputModelChangeSubject;
private outputModelChangeSubscription;
private viewLowValue;
private viewHighValue;
private viewOptions;
private handleHalfDimension;
private maxHandlePosition;
private currentTrackingPointer;
private currentFocusPointer;
private firstKeyDown;
private touchId;
private dragging;
private preStartHandleValue;
private leftOuterSelectionBarElement;
private rightOuterSelectionBarElement;
private fullBarElement;
private selectionBarElement;
private minHandleElement;
private maxHandleElement;
private floorLabelElement;
private ceilLabelElement;
private minHandleLabelElement;
private maxHandleLabelElement;
private combinedLabelElement;
private ticksElement;
tooltipTemplate: TemplateRef<any>;
sliderElementVerticalClass: boolean;
sliderElementAnimateClass: boolean;
sliderElementWithLegendClass: boolean;
sliderElementDisabledAttr: string;
sliderElementAriaLabel: string;
barStyle: any;
minPointerStyle: any;
maxPointerStyle: any;
fullBarTransparentClass: boolean;
selectionBarDraggableClass: boolean;
ticksUnderValuesClass: boolean;
get showTicks(): boolean;
private intermediateTicks;
ticks: Tick[];
private eventListenerHelper;
private onMoveEventListener;
private onEndEventListener;
private moving;
private resizeObserver;
private onTouchedCallback;
private onChangeCallback;
constructor(renderer: Renderer2, elementRef: ElementRef, changeDetectionRef: ChangeDetectorRef, zone: NgZone, allowUnsafeHtmlInSlider: boolean);
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnChanges(changes: SimpleChanges): void;
ngOnDestroy(): void;
writeValue(obj: any): void;
registerOnChange(onChangeCallback: any): void;
registerOnTouched(onTouchedCallback: any): void;
setDisabledState(isDisabled: boolean): void;
setAriaLabel(ariaLabel: string): void;
onResize(event: any): void;
private subscribeInputModelChangeSubject;
private subscribeOutputModelChangeSubject;
private subscribeResizeObserver;
private unsubscribeResizeObserver;
private unsubscribeOnMove;
private unsubscribeOnEnd;
private unsubscribeInputModelChangeSubject;
private unsubscribeOutputModelChangeSubject;
private unsubscribeManualRefresh;
private unsubscribeTriggerFocus;
private unsubscribeCancelUserChange;
private getPointerElement;
private getCurrentTrackingValue;
private modelValueToViewValue;
private viewValueToModelValue;
private getStepValue;
private applyViewChange;
private applyInputModelChange;
private publishOutputModelChange;
private normaliseModelValues;
private renormaliseModelValues;
private onChangeOptions;
private applyOptions;
private applyStepsArrayOptions;
private applyFloorCeilOptions;
private resetSlider;
private focusPointer;
private refocusPointerIfNeeded;
private manageElementsStyle;
private manageEventsBindings;
private updateDisabledState;
private updateAriaLabel;
private updateVerticalState;
private updateScale;
private updateRotate;
private getAllSliderElements;
private initHandles;
private addAccessibility;
private updateAriaAttributes;
private calculateViewDimensions;
private calculateViewDimensionsAndDetectChanges;
/**
* If the slider reference is already destroyed
* @returns boolean - true if ref is destroyed
*/
private isRefDestroyed;
private updateTicksScale;
private getTicksArray;
private isTickSelected;
private updateFloorLabel;
private updateCeilLabel;
private updateHandles;
private getHandleLabelPos;
private updateLowHandle;
private updateHighHandle;
private updateFloorAndCeilLabelsVisibility;
private isLabelBelowFloorLabel;
private isLabelAboveCeilLabel;
private updateSelectionBar;
private getSelectionBarColor;
private getPointerColor;
private getTickColor;
private updateCombinedLabel;
private getDisplayValue;
private roundStep;
private valueToPosition;
private positionToValue;
private getEventXY;
private getEventPosition;
private getNearestHandle;
private bindEvents;
private getOptionsInfluencingEventBindings;
private unbindEvents;
private onBarStart;
private onStart;
private onMove;
private forceEnd;
private onEnd;
private onPointerFocus;
private onKeyUp;
private onPointerBlur;
private getKeyActions;
private onKeyboardEvent;
private onDragStart;
/** Get min value depending on whether the newPos is outOfBounds above or below the bar and rightToLeft */
private getMinValue;
/** Get max value depending on whether the newPos is outOfBounds above or below the bar and rightToLeft */
private getMaxValue;
private onDragMove;
private positionTrackingBar;
private positionTrackingHandle;
private applyMinMaxLimit;
private applyMinMaxRange;
private applyPushRange;
private getChangeContext;
static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, [null, null, null, null, { optional: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "ngx-slider", never, { "value": { "alias": "value"; "required": false; }; "highValue": { "alias": "highValue"; "required": false; }; "options": { "alias": "options"; "required": false; }; "manualRefresh": { "alias": "manualRefresh"; "required": false; }; "triggerFocus": { "alias": "triggerFocus"; "required": false; }; "cancelUserChange": { "alias": "cancelUserChange"; "required": false; }; }, { "valueChange": "valueChange"; "highValueChange": "highValueChange"; "userChangeStart": "userChangeStart"; "userChange": "userChange"; "userChangeEnd": "userChangeEnd"; }, ["tooltipTemplate"], never, false, never>;
}