@rp3e11/ngx-slider
Version:
Self-contained, mobile friendly slider component for Angular 13 based on angularjs-slider
60 lines • 6.51 kB
JavaScript
import { Directive, HostBinding, } from "@angular/core";
import { SliderElementDirective } from "./slider-element.directive";
import * as i0 from "@angular/core";
export class SliderHandleDirective extends SliderElementDirective {
constructor(elemRef, renderer, changeDetectionRef) {
super(elemRef, renderer, changeDetectionRef);
this.active = false;
this.role = "";
this.tabindex = "";
this.ariaOrientation = "";
this.ariaLabel = "";
this.ariaLabelledBy = "";
this.ariaValueNow = "";
this.ariaValueText = "";
this.ariaValueMin = "";
this.ariaValueMax = "";
}
focus() {
this.elemRef.nativeElement.focus();
}
}
SliderHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SliderHandleDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
SliderHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SliderHandleDirective, selector: "[ngxSliderHandle]", host: { properties: { "class.ngx-slider-active": "this.active", "attr.role": "this.role", "attr.tabindex": "this.tabindex", "attr.aria-orientation": "this.ariaOrientation", "attr.aria-label": "this.ariaLabel", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.aria-valuenow": "this.ariaValueNow", "attr.aria-valuetext": "this.ariaValueText", "attr.aria-valuemin": "this.ariaValueMin", "attr.aria-valuemax": "this.ariaValueMax" } }, usesInheritance: true, ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SliderHandleDirective, decorators: [{
type: Directive,
args: [{
selector: "[ngxSliderHandle]",
}]
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { active: [{
type: HostBinding,
args: ["class.ngx-slider-active"]
}], role: [{
type: HostBinding,
args: ["attr.role"]
}], tabindex: [{
type: HostBinding,
args: ["attr.tabindex"]
}], ariaOrientation: [{
type: HostBinding,
args: ["attr.aria-orientation"]
}], ariaLabel: [{
type: HostBinding,
args: ["attr.aria-label"]
}], ariaLabelledBy: [{
type: HostBinding,
args: ["attr.aria-labelledby"]
}], ariaValueNow: [{
type: HostBinding,
args: ["attr.aria-valuenow"]
}], ariaValueText: [{
type: HostBinding,
args: ["attr.aria-valuetext"]
}], ariaValueMin: [{
type: HostBinding,
args: ["attr.aria-valuemin"]
}], ariaValueMax: [{
type: HostBinding,
args: ["attr.aria-valuemax"]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLWhhbmRsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbmd4LXNsaWRlci9saWIvc2xpZGVyLWhhbmRsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFHVCxXQUFXLEdBRVosTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBS3BFLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxzQkFBc0I7SUFtQy9ELFlBQ0UsT0FBbUIsRUFDbkIsUUFBbUIsRUFDbkIsa0JBQXFDO1FBRXJDLEtBQUssQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLGtCQUFrQixDQUFDLENBQUM7UUF0Qy9DLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFHeEIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUdsQixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBR3RCLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBRzdCLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFHdkIsbUJBQWMsR0FBVyxFQUFFLENBQUM7UUFHNUIsaUJBQVksR0FBVyxFQUFFLENBQUM7UUFHMUIsa0JBQWEsR0FBVyxFQUFFLENBQUM7UUFHM0IsaUJBQVksR0FBVyxFQUFFLENBQUM7UUFHMUIsaUJBQVksR0FBVyxFQUFFLENBQUM7SUFZMUIsQ0FBQztJQVZELEtBQUs7UUFDSCxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNyQyxDQUFDOztrSEFqQ1UscUJBQXFCO3NHQUFyQixxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFIakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2lCQUM5Qjt5SkFHQyxNQUFNO3NCQURMLFdBQVc7dUJBQUMseUJBQXlCO2dCQUl0QyxJQUFJO3NCQURILFdBQVc7dUJBQUMsV0FBVztnQkFJeEIsUUFBUTtzQkFEUCxXQUFXO3VCQUFDLGVBQWU7Z0JBSTVCLGVBQWU7c0JBRGQsV0FBVzt1QkFBQyx1QkFBdUI7Z0JBSXBDLFNBQVM7c0JBRFIsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBSTlCLGNBQWM7c0JBRGIsV0FBVzt1QkFBQyxzQkFBc0I7Z0JBSW5DLFlBQVk7c0JBRFgsV0FBVzt1QkFBQyxvQkFBb0I7Z0JBSWpDLGFBQWE7c0JBRFosV0FBVzt1QkFBQyxxQkFBcUI7Z0JBSWxDLFlBQVk7c0JBRFgsV0FBVzt1QkFBQyxvQkFBb0I7Z0JBSWpDLFlBQVk7c0JBRFgsV0FBVzt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIFJlbmRlcmVyMixcbiAgSG9zdEJpbmRpbmcsXG4gIENoYW5nZURldGVjdG9yUmVmLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgU2xpZGVyRWxlbWVudERpcmVjdGl2ZSB9IGZyb20gXCIuL3NsaWRlci1lbGVtZW50LmRpcmVjdGl2ZVwiO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6IFwiW25neFNsaWRlckhhbmRsZV1cIixcbn0pXG5leHBvcnQgY2xhc3MgU2xpZGVySGFuZGxlRGlyZWN0aXZlIGV4dGVuZHMgU2xpZGVyRWxlbWVudERpcmVjdGl2ZSB7XG4gIEBIb3N0QmluZGluZyhcImNsYXNzLm5neC1zbGlkZXItYWN0aXZlXCIpXG4gIGFjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZyhcImF0dHIucm9sZVwiKVxuICByb2xlOiBzdHJpbmcgPSBcIlwiO1xuXG4gIEBIb3N0QmluZGluZyhcImF0dHIudGFiaW5kZXhcIilcbiAgdGFiaW5kZXg6IHN0cmluZyA9IFwiXCI7XG5cbiAgQEhvc3RCaW5kaW5nKFwiYXR0ci5hcmlhLW9yaWVudGF0aW9uXCIpXG4gIGFyaWFPcmllbnRhdGlvbjogc3RyaW5nID0gXCJcIjtcblxuICBASG9zdEJpbmRpbmcoXCJhdHRyLmFyaWEtbGFiZWxcIilcbiAgYXJpYUxhYmVsOiBzdHJpbmcgPSBcIlwiO1xuXG4gIEBIb3N0QmluZGluZyhcImF0dHIuYXJpYS1sYWJlbGxlZGJ5XCIpXG4gIGFyaWFMYWJlbGxlZEJ5OiBzdHJpbmcgPSBcIlwiO1xuXG4gIEBIb3N0QmluZGluZyhcImF0dHIuYXJpYS12YWx1ZW5vd1wiKVxuICBhcmlhVmFsdWVOb3c6IHN0cmluZyA9IFwiXCI7XG5cbiAgQEhvc3RCaW5kaW5nKFwiYXR0ci5hcmlhLXZhbHVldGV4dFwiKVxuICBhcmlhVmFsdWVUZXh0OiBzdHJpbmcgPSBcIlwiO1xuXG4gIEBIb3N0QmluZGluZyhcImF0dHIuYXJpYS12YWx1ZW1pblwiKVxuICBhcmlhVmFsdWVNaW46IHN0cmluZyA9IFwiXCI7XG5cbiAgQEhvc3RCaW5kaW5nKFwiYXR0ci5hcmlhLXZhbHVlbWF4XCIpXG4gIGFyaWFWYWx1ZU1heDogc3RyaW5nID0gXCJcIjtcblxuICBmb2N1cygpOiB2b2lkIHtcbiAgICB0aGlzLmVsZW1SZWYubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgZWxlbVJlZjogRWxlbWVudFJlZixcbiAgICByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIGNoYW5nZURldGVjdGlvblJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgKSB7XG4gICAgc3VwZXIoZWxlbVJlZiwgcmVuZGVyZXIsIGNoYW5nZURldGVjdGlvblJlZik7XG4gIH1cbn1cbiJdfQ==