@progress/kendo-angular-inputs
Advanced tools
Comparing version 0.15.3 to 0.16.0
@@ -0,1 +1,10 @@ | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
import { EventEmitter, ElementRef, Directive } from '@angular/core'; | ||
@@ -6,3 +15,3 @@ import Draggable from '@telerik/kendo-draggable'; | ||
*/ | ||
export var KendoDraggableDirective = (function () { | ||
var KendoDraggableDirective = (function () { | ||
function KendoDraggableDirective(ngEl) { | ||
@@ -29,13 +38,11 @@ var _this = this; | ||
}; | ||
KendoDraggableDirective.decorators = [ | ||
{ type: Directive, args: [{ | ||
outputs: ['kendo.press', 'kendo.drag', 'kendo.release'], | ||
selector: '[kendoDraggable]' | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
KendoDraggableDirective.ctorParameters = [ | ||
{ type: ElementRef, }, | ||
]; | ||
return KendoDraggableDirective; | ||
}()); | ||
KendoDraggableDirective = __decorate([ | ||
Directive({ | ||
outputs: ['kendo.press', 'kendo.drag', 'kendo.release'], | ||
selector: '[kendoDraggable]' | ||
}), | ||
__metadata("design:paramtypes", [ElementRef]) | ||
], KendoDraggableDirective); | ||
export { KendoDraggableDirective }; |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"KendoDraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"outputs":["kendo.press","kendo.drag","kendo.release"],"selector":"[kendoDraggable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"KendoDraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"outputs":["kendo.press","kendo.drag","kendo.release"],"selector":"[kendoDraggable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"KendoDraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"outputs":["kendo.press","kendo.drag","kendo.release"],"selector":"[kendoDraggable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}] |
@@ -6,17 +6,17 @@ /** | ||
(function (Keys) { | ||
Keys[Keys['backspace'] = 8] = 'backspace'; | ||
Keys[Keys['tab'] = 9] = 'tab'; | ||
Keys[Keys['enter'] = 13] = 'enter'; | ||
Keys[Keys['shift'] = 16] = 'shift'; | ||
Keys[Keys['ctrl'] = 17] = 'ctrl'; | ||
Keys[Keys['alt'] = 18] = 'alt'; | ||
Keys[Keys['space'] = 32] = 'space'; | ||
Keys[Keys['page up'] = 33] = 'page up'; | ||
Keys[Keys['page down'] = 34] = 'page down'; | ||
Keys[Keys['end'] = 35] = 'end'; | ||
Keys[Keys['home'] = 36] = 'home'; | ||
Keys[Keys['left'] = 37] = 'left'; | ||
Keys[Keys['up'] = 38] = 'up'; | ||
Keys[Keys['right'] = 39] = 'right'; | ||
Keys[Keys['down'] = 40] = 'down'; | ||
Keys[Keys["backspace"] = 8] = "backspace"; | ||
Keys[Keys["tab"] = 9] = "tab"; | ||
Keys[Keys["enter"] = 13] = "enter"; | ||
Keys[Keys["shift"] = 16] = "shift"; | ||
Keys[Keys["ctrl"] = 17] = "ctrl"; | ||
Keys[Keys["alt"] = 18] = "alt"; | ||
Keys[Keys["space"] = 32] = "space"; | ||
Keys[Keys["page up"] = 33] = "page up"; | ||
Keys[Keys["page down"] = 34] = "page down"; | ||
Keys[Keys["end"] = 35] = "end"; | ||
Keys[Keys["home"] = 36] = "home"; | ||
Keys[Keys["left"] = 37] = "left"; | ||
Keys[Keys["up"] = 38] = "up"; | ||
Keys[Keys["right"] = 39] = "right"; | ||
Keys[Keys["down"] = 40] = "down"; | ||
})(Keys || (Keys = {})); |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"createMaxValidator":{"__symbolic":"error","message":"Function call not supported","line":5,"character":44}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"createMaxValidator":{"__symbolic":"error","message":"Function call not supported","line":5,"character":44}}},{"__symbolic":"module","version":1,"metadata":{"createMaxValidator":{"__symbolic":"error","message":"Function call not supported","line":5,"character":44}}}] |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"createMinValidator":{"__symbolic":"error","message":"Function call not supported","line":5,"character":44}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"createMinValidator":{"__symbolic":"error","message":"Function call not supported","line":5,"character":44}}},{"__symbolic":"module","version":1,"metadata":{"createMinValidator":{"__symbolic":"error","message":"Function call not supported","line":5,"character":44}}}] |
@@ -0,1 +1,7 @@ | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
import { NgModule } from '@angular/core'; | ||
@@ -44,18 +50,17 @@ import { SliderComponent } from './slider/slider.component'; | ||
*/ | ||
export var InputsModule = (function () { | ||
var InputsModule = (function () { | ||
function InputsModule() { | ||
} | ||
InputsModule.decorators = [ | ||
{ type: NgModule, args: [{ | ||
declarations: [INPUT_DIRECTIVES, KendoSliderTicksComponent, KendoDraggableDirective], | ||
exports: [INPUT_DIRECTIVES], | ||
imports: [CommonModule], | ||
providers: [ | ||
{ provide: IntlService, useClass: CldrIntlService } | ||
] | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
InputsModule.ctorParameters = []; | ||
return InputsModule; | ||
}()); | ||
InputsModule = __decorate([ | ||
NgModule({ | ||
declarations: [INPUT_DIRECTIVES, KendoSliderTicksComponent, KendoDraggableDirective], | ||
exports: [INPUT_DIRECTIVES], | ||
imports: [CommonModule], | ||
providers: [ | ||
{ provide: IntlService, useClass: CldrIntlService } | ||
] | ||
}) | ||
], InputsModule); | ||
export { InputsModule }; |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"InputsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"}],{"__symbolic":"reference","module":"./slider/slider-ticks.component","name":"KendoSliderTicksComponent"},{"__symbolic":"reference","module":"./common/draggable","name":"KendoDraggableDirective"}],"exports":[[{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"providers":[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"IntlService"},"useClass":{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"CldrIntlService"}}]}]}]}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"InputsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"}],{"__symbolic":"reference","module":"./slider/slider-ticks.component","name":"KendoSliderTicksComponent"},{"__symbolic":"reference","module":"./common/draggable","name":"KendoDraggableDirective"}],"exports":[[{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"providers":[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"IntlService"},"useClass":{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"CldrIntlService"}}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"InputsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"}],{"__symbolic":"reference","module":"./slider/slider-ticks.component","name":"KendoSliderTicksComponent"},{"__symbolic":"reference","module":"./common/draggable","name":"KendoDraggableDirective"}],"exports":[[{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"providers":[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"IntlService"},"useClass":{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"CldrIntlService"}}]}]}]}}}] |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./common/draggable","export":["KendoDraggableDirective"]},{"from":"./slider/slider-ticks.component","export":["KendoSliderTicksComponent"]}]} | ||
[{"__symbolic":"module","version":3,"metadata":{"Slider":{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},"Switch":{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},"NumericTextBox":{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"},"InputsModule":{"__symbolic":"reference","module":"./inputs.module","name":"InputsModule"}},"exports":[{"from":"./common/draggable","export":["KendoDraggableDirective"]},{"from":"./slider/slider-ticks.component","export":["KendoSliderTicksComponent"]}]},{"__symbolic":"module","version":1,"metadata":{"Slider":{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},"Switch":{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},"NumericTextBox":{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"},"InputsModule":{"__symbolic":"reference","module":"./inputs.module","name":"InputsModule"}},"exports":[{"from":"./common/draggable","export":["KendoDraggableDirective"]},{"from":"./slider/slider-ticks.component","export":["KendoSliderTicksComponent"]}]}] |
@@ -81,6 +81,6 @@ import { EventEmitter, ElementRef, OnInit, OnChanges } from '@angular/core'; | ||
numericInput: ElementRef; | ||
focused: boolean; | ||
private wrapper; | ||
private DECIMAL_SEPARATOR; | ||
private INTEGER_REGEXP; | ||
private focused; | ||
private minValidateFn; | ||
@@ -87,0 +87,0 @@ private maxValidateFn; |
@@ -0,1 +1,10 @@ | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
import { Component, Input, Output, ViewChild, EventEmitter, ElementRef, HostBinding, HostListener, forwardRef } from '@angular/core'; | ||
@@ -12,3 +21,3 @@ import { numberSymbols, parseNumber } from '@telerik/kendo-intl'; | ||
*/ | ||
export var NumericTextBoxComponent = (function () { | ||
var NumericTextBoxComponent = NumericTextBoxComponent_1 = (function () { | ||
function NumericTextBoxComponent(intl, el) { | ||
@@ -75,8 +84,8 @@ this.intl = intl; | ||
this.blur = new EventEmitter(); | ||
this.focused = false; | ||
this.DECIMAL_SEPARATOR = "."; | ||
this.INTEGER_REGEXP = /^(-)?(\d*)$/; | ||
this.focused = false; | ||
this.minValidateFn = null; | ||
this.maxValidateFn = null; | ||
this.ngChange = function (value) { }; | ||
this.ngChange = function (_) { }; | ||
this.ngTouched = function () { }; | ||
@@ -381,46 +390,131 @@ this.wrapper = el.nativeElement; | ||
}; | ||
NumericTextBoxComponent.decorators = [ | ||
{ type: Component, args: [{ | ||
providers: [ | ||
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(function () { return NumericTextBoxComponent; }), multi: true }, | ||
{ provide: NG_VALIDATORS, useExisting: forwardRef(function () { return NumericTextBoxComponent; }), multi: true } /* tslint:disable-line */ | ||
], | ||
selector: 'kendo-numerictextbox', | ||
template: "\n <span class=\"k-numeric-wrap\">\n <input\n (keypress)=\"keyPress($event)\"\n [title]=\"inputTitle\"\n [attr.aria-label]=\"inputTitle\"\n class=\"k-input\"\n [class.k-formatted-value]=\"!focused\"\n (paste)=\"handlePaste()\"\n (focus)=\"handleFocus($event)\"\n (blur)=\"handleBlur($event)\"\n #numericInput />\n <span class=\"k-select\" *ngIf=\"spinners\">\n <span (click)=\"increaseValue()\" class=\"k-link k-link-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\">\n <span class=\"k-icon k-i-arrow-n\"></span>\n </span>\n <span (click)=\"decreaseValue()\" class=\"k-link k-link-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\">\n <span class=\"k-icon k-i-arrow-s\"></span>\n </span>\n </span>\n </span>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
NumericTextBoxComponent.ctorParameters = [ | ||
{ type: IntlService, }, | ||
{ type: ElementRef, }, | ||
]; | ||
NumericTextBoxComponent.propDecorators = { | ||
'incrementTitle': [{ type: Input },], | ||
'decrementTitle': [{ type: Input },], | ||
'inputTitle': [{ type: Input },], | ||
'autoCorrect': [{ type: Input },], | ||
'format': [{ type: Input },], | ||
'max': [{ type: Input },], | ||
'min': [{ type: Input },], | ||
'decimals': [{ type: Input },], | ||
'step': [{ type: Input },], | ||
'spinners': [{ type: Input },], | ||
'round': [{ type: Input },], | ||
'restrictDecimals': [{ type: Input },], | ||
'value': [{ type: Input },], | ||
'valueChange': [{ type: Output },], | ||
'focus': [{ type: Output },], | ||
'blur': [{ type: Output },], | ||
'numericInput': [{ type: ViewChild, args: ['numericInput',] },], | ||
'hostBlur': [{ type: HostListener, args: ['blur',] },], | ||
'widgetClass': [{ type: HostBinding, args: ['class.k-widget',] },], | ||
'numericClass': [{ type: HostBinding, args: ['class.k-numerictextbox',] },], | ||
'tabIndex': [{ type: HostBinding, args: ['tabIndex',] },], | ||
'ariaMin': [{ type: HostBinding, args: ['attr.aria-valuemin',] },], | ||
'ariaMax': [{ type: HostBinding, args: ['attr.aria-valuemax',] },], | ||
'ariaValue': [{ type: HostBinding, args: ['attr.aria-valuenow',] },], | ||
'formattedValue': [{ type: HostBinding, args: ['attr.value',] },], | ||
'keydown': [{ type: HostListener, args: ['keydown', ['$event'],] },], | ||
}; | ||
return NumericTextBoxComponent; | ||
}()); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", String) | ||
], NumericTextBoxComponent.prototype, "incrementTitle", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", String) | ||
], NumericTextBoxComponent.prototype, "decrementTitle", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", String) | ||
], NumericTextBoxComponent.prototype, "inputTitle", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Boolean) | ||
], NumericTextBoxComponent.prototype, "autoCorrect", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", String) | ||
], NumericTextBoxComponent.prototype, "format", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Number) | ||
], NumericTextBoxComponent.prototype, "max", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Number) | ||
], NumericTextBoxComponent.prototype, "min", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Number) | ||
], NumericTextBoxComponent.prototype, "decimals", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Number) | ||
], NumericTextBoxComponent.prototype, "step", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Boolean) | ||
], NumericTextBoxComponent.prototype, "spinners", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Boolean) | ||
], NumericTextBoxComponent.prototype, "round", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Boolean) | ||
], NumericTextBoxComponent.prototype, "restrictDecimals", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Number) | ||
], NumericTextBoxComponent.prototype, "value", void 0); | ||
__decorate([ | ||
Output(), | ||
__metadata("design:type", EventEmitter) | ||
], NumericTextBoxComponent.prototype, "valueChange", void 0); | ||
__decorate([ | ||
Output(), | ||
__metadata("design:type", EventEmitter) | ||
], NumericTextBoxComponent.prototype, "focus", void 0); | ||
__decorate([ | ||
Output(), | ||
__metadata("design:type", EventEmitter) | ||
], NumericTextBoxComponent.prototype, "blur", void 0); | ||
__decorate([ | ||
ViewChild('numericInput'), | ||
__metadata("design:type", ElementRef) | ||
], NumericTextBoxComponent.prototype, "numericInput", void 0); | ||
__decorate([ | ||
HostListener('blur'), | ||
__metadata("design:type", Function), | ||
__metadata("design:paramtypes", []), | ||
__metadata("design:returntype", void 0) | ||
], NumericTextBoxComponent.prototype, "hostBlur", null); | ||
__decorate([ | ||
HostBinding('class.k-widget'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "widgetClass", null); | ||
__decorate([ | ||
HostBinding('class.k-numerictextbox'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "numericClass", null); | ||
__decorate([ | ||
HostBinding('tabIndex'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "tabIndex", null); | ||
__decorate([ | ||
HostBinding('attr.aria-valuemin'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "ariaMin", null); | ||
__decorate([ | ||
HostBinding('attr.aria-valuemax'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "ariaMax", null); | ||
__decorate([ | ||
HostBinding('attr.aria-valuenow'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "ariaValue", null); | ||
__decorate([ | ||
HostBinding('attr.value'), | ||
__metadata("design:type", String), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "formattedValue", null); | ||
__decorate([ | ||
HostListener('keydown', ['$event']), | ||
__metadata("design:type", Function), | ||
__metadata("design:paramtypes", [Object]), | ||
__metadata("design:returntype", void 0) | ||
], NumericTextBoxComponent.prototype, "keydown", null); | ||
NumericTextBoxComponent = NumericTextBoxComponent_1 = __decorate([ | ||
Component({ | ||
providers: [ | ||
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(function () { return NumericTextBoxComponent_1; }), multi: true }, | ||
{ provide: NG_VALIDATORS, useExisting: forwardRef(function () { return NumericTextBoxComponent_1; }), multi: true } /* tslint:disable-line */ | ||
], | ||
selector: 'kendo-numerictextbox', | ||
template: "\n <span class=\"k-numeric-wrap\">\n <input\n (keypress)=\"keyPress($event)\"\n [title]=\"inputTitle\"\n [attr.aria-label]=\"inputTitle\"\n class=\"k-input\"\n [class.k-formatted-value]=\"!focused\"\n (paste)=\"handlePaste()\"\n (focus)=\"handleFocus($event)\"\n (blur)=\"handleBlur($event)\"\n #numericInput />\n <span class=\"k-select\" *ngIf=\"spinners\">\n <span (click)=\"increaseValue()\" class=\"k-link k-link-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\">\n <span class=\"k-icon k-i-arrow-n\"></span>\n </span>\n <span (click)=\"decreaseValue()\" class=\"k-link k-link-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\">\n <span class=\"k-icon k-i-arrow-s\"></span>\n </span>\n </span>\n </span>\n " | ||
}), | ||
__metadata("design:paramtypes", [IntlService, ElementRef]) | ||
], NumericTextBoxComponent); | ||
export { NumericTextBoxComponent }; | ||
var NumericTextBoxComponent_1; |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"NumericTextBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"NumericTextBoxComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"NumericTextBoxComponent"},"multi":true}],"selector":"kendo-numerictextbox","template":"\n <span class=\"k-numeric-wrap\">\n <input\n (keypress)=\"keyPress($event)\"\n [title]=\"inputTitle\"\n [attr.aria-label]=\"inputTitle\"\n class=\"k-input\"\n [class.k-formatted-value]=\"!focused\"\n (paste)=\"handlePaste()\"\n (focus)=\"handleFocus($event)\"\n (blur)=\"handleBlur($event)\"\n #numericInput />\n <span class=\"k-select\" *ngIf=\"spinners\">\n <span (click)=\"increaseValue()\" class=\"k-link k-link-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\">\n <span class=\"k-icon k-i-arrow-n\"></span>\n </span>\n <span (click)=\"decreaseValue()\" class=\"k-link k-link-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\">\n <span class=\"k-icon k-i-arrow-s\"></span>\n </span>\n </span>\n </span>\n "}]}],"members":{"incrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"inputTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autoCorrect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spinners":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"round":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"restrictDecimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"numericInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["numericInput"]}]}],"hostBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"numericClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-numerictextbox"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"ariaMin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemin"]}]}],"ariaMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemax"]}]}],"ariaValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"formattedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.value"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"IntlService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"decreaseValue":[{"__symbolic":"method"}],"increaseValue":[{"__symbolic":"method"}],"keyPress":[{"__symbolic":"method"}],"handleFocus":[{"__symbolic":"method"}],"handleBlur":[{"__symbolic":"method"}],"handlePaste":[{"__symbolic":"method"}],"changeText":[{"__symbolic":"method"}],"formatNumberWithSettings":[{"__symbolic":"method"}],"numericRegex":[{"__symbolic":"method"}],"trimValue":[{"__symbolic":"method"}],"roundNumber":[{"__symbolic":"method"}],"truncateNumber":[{"__symbolic":"method"}],"increaseValueToStep":[{"__symbolic":"method"}],"decreaseValueToStep":[{"__symbolic":"method"}]}}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"NumericTextBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"NumericTextBoxComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"NumericTextBoxComponent"},"multi":true}],"selector":"kendo-numerictextbox","template":"\n <span class=\"k-numeric-wrap\">\n <input\n (keypress)=\"keyPress($event)\"\n [title]=\"inputTitle\"\n [attr.aria-label]=\"inputTitle\"\n class=\"k-input\"\n [class.k-formatted-value]=\"!focused\"\n (paste)=\"handlePaste()\"\n (focus)=\"handleFocus($event)\"\n (blur)=\"handleBlur($event)\"\n #numericInput />\n <span class=\"k-select\" *ngIf=\"spinners\">\n <span (click)=\"increaseValue()\" class=\"k-link k-link-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\">\n <span class=\"k-icon k-i-arrow-n\"></span>\n </span>\n <span (click)=\"decreaseValue()\" class=\"k-link k-link-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\">\n <span class=\"k-icon k-i-arrow-s\"></span>\n </span>\n </span>\n </span>\n "}]}],"members":{"incrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"inputTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autoCorrect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spinners":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"round":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"restrictDecimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"numericInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["numericInput"]}]}],"hostBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"numericClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-numerictextbox"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"ariaMin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemin"]}]}],"ariaMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemax"]}]}],"ariaValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"formattedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.value"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"IntlService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"decreaseValue":[{"__symbolic":"method"}],"increaseValue":[{"__symbolic":"method"}],"keyPress":[{"__symbolic":"method"}],"handleFocus":[{"__symbolic":"method"}],"handleBlur":[{"__symbolic":"method"}],"handlePaste":[{"__symbolic":"method"}],"changeText":[{"__symbolic":"method"}],"formatNumberWithSettings":[{"__symbolic":"method"}],"numericRegex":[{"__symbolic":"method"}],"trimValue":[{"__symbolic":"method"}],"roundNumber":[{"__symbolic":"method"}],"truncateNumber":[{"__symbolic":"method"}],"increaseValueToStep":[{"__symbolic":"method"}],"decreaseValueToStep":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NumericTextBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"NumericTextBoxComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"NumericTextBoxComponent"},"multi":true}],"selector":"kendo-numerictextbox","template":"\n <span class=\"k-numeric-wrap\">\n <input\n (keypress)=\"keyPress($event)\"\n [title]=\"inputTitle\"\n [attr.aria-label]=\"inputTitle\"\n class=\"k-input\"\n [class.k-formatted-value]=\"!focused\"\n (paste)=\"handlePaste()\"\n (focus)=\"handleFocus($event)\"\n (blur)=\"handleBlur($event)\"\n #numericInput />\n <span class=\"k-select\" *ngIf=\"spinners\">\n <span (click)=\"increaseValue()\" class=\"k-link k-link-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\">\n <span class=\"k-icon k-i-arrow-n\"></span>\n </span>\n <span (click)=\"decreaseValue()\" class=\"k-link k-link-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\">\n <span class=\"k-icon k-i-arrow-s\"></span>\n </span>\n </span>\n </span>\n "}]}],"members":{"incrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"inputTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autoCorrect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spinners":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"round":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"restrictDecimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"numericInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["numericInput"]}]}],"hostBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"numericClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-numerictextbox"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"ariaMin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemin"]}]}],"ariaMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemax"]}]}],"ariaValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"formattedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.value"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"IntlService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"decreaseValue":[{"__symbolic":"method"}],"increaseValue":[{"__symbolic":"method"}],"keyPress":[{"__symbolic":"method"}],"handleFocus":[{"__symbolic":"method"}],"handleBlur":[{"__symbolic":"method"}],"handlePaste":[{"__symbolic":"method"}],"changeText":[{"__symbolic":"method"}],"formatNumberWithSettings":[{"__symbolic":"method"}],"numericRegex":[{"__symbolic":"method"}],"trimValue":[{"__symbolic":"method"}],"roundNumber":[{"__symbolic":"method"}],"truncateNumber":[{"__symbolic":"method"}],"increaseValueToStep":[{"__symbolic":"method"}],"decreaseValueToStep":[{"__symbolic":"method"}]}}}}] |
@@ -14,3 +14,3 @@ import { OnChanges, EventEmitter, QueryList, ElementRef } from '@angular/core'; | ||
ticks: Array<any>; | ||
ngOnChanges(changes: any): void; | ||
ngOnChanges(): void; | ||
onClick(event: Event): void; | ||
@@ -17,0 +17,0 @@ tickClasses(tick: any): Object; |
@@ -1,6 +0,15 @@ | ||
import { Component, Input, Output, EventEmitter, ViewChildren, ViewChild } from '@angular/core'; | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
import { Component, Input, Output, EventEmitter, ViewChildren, ViewChild, QueryList, ElementRef } from '@angular/core'; | ||
/** | ||
* @hidden | ||
*/ | ||
export var KendoSliderTicksComponent = (function () { | ||
var KendoSliderTicksComponent = (function () { | ||
function KendoSliderTicksComponent() { | ||
@@ -10,3 +19,3 @@ this.tickClick = new EventEmitter(); | ||
} | ||
KendoSliderTicksComponent.prototype.ngOnChanges = function (changes) { | ||
KendoSliderTicksComponent.prototype.ngOnChanges = function () { | ||
this.createTicks(); | ||
@@ -19,5 +28,5 @@ }; | ||
return { | ||
'k-tick': true, | ||
'k-first': (tick.first && !this.vertical) || (tick.last && this.vertical), | ||
'k-last': (tick.last && !this.vertical) || (tick.first && this.vertical) | ||
'k-last': (tick.last && !this.vertical) || (tick.first && this.vertical), | ||
'k-tick': true | ||
}; | ||
@@ -35,21 +44,39 @@ }; | ||
}; | ||
KendoSliderTicksComponent.decorators = [ | ||
{ type: Component, args: [{ | ||
selector: 'kendo-slider-ticks', | ||
template: "\n <ul #container class=\"k-reset k-slider-items\">\n <li #tickElement *ngFor=\"let tick of ticks let idx=index \"\n [ngClass]=\"tickClasses(tick)\"\n title=\"{{title(idx * step)}}\"\n (click)=\"onClick($event)\"\n role=\"presentation\"\n > </li>\n </ul>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
KendoSliderTicksComponent.ctorParameters = []; | ||
KendoSliderTicksComponent.propDecorators = { | ||
'tickClick': [{ type: Output },], | ||
'vertical': [{ type: Input },], | ||
'ticksCount': [{ type: Input },], | ||
'title': [{ type: Input },], | ||
'step': [{ type: Input },], | ||
'container': [{ type: ViewChild, args: ['container',] },], | ||
'tickElements': [{ type: ViewChildren, args: ['tickElement',] },], | ||
}; | ||
return KendoSliderTicksComponent; | ||
}()); | ||
__decorate([ | ||
Output(), | ||
__metadata("design:type", EventEmitter) | ||
], KendoSliderTicksComponent.prototype, "tickClick", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Boolean) | ||
], KendoSliderTicksComponent.prototype, "vertical", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Number) | ||
], KendoSliderTicksComponent.prototype, "ticksCount", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", String) | ||
], KendoSliderTicksComponent.prototype, "title", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Number) | ||
], KendoSliderTicksComponent.prototype, "step", void 0); | ||
__decorate([ | ||
ViewChild('container'), | ||
__metadata("design:type", ElementRef) | ||
], KendoSliderTicksComponent.prototype, "container", void 0); | ||
__decorate([ | ||
ViewChildren('tickElement'), | ||
__metadata("design:type", QueryList) | ||
], KendoSliderTicksComponent.prototype, "tickElements", void 0); | ||
KendoSliderTicksComponent = __decorate([ | ||
Component({ | ||
selector: 'kendo-slider-ticks', | ||
template: "\n <ul #container class=\"k-reset k-slider-items\">\n <li #tickElement *ngFor=\"let tick of ticks let idx=index \"\n [ngClass]=\"tickClasses(tick)\"\n title=\"{{title(idx * step)}}\"\n (click)=\"onClick($event)\"\n role=\"presentation\"\n > </li>\n </ul>\n " | ||
}) | ||
], KendoSliderTicksComponent); | ||
export { KendoSliderTicksComponent }; | ||
/** | ||
@@ -56,0 +83,0 @@ * @hidden |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"KendoSliderTicksComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-slider-ticks","template":"\n <ul #container class=\"k-reset k-slider-items\">\n <li #tickElement *ngFor=\"let tick of ticks let idx=index \"\n [ngClass]=\"tickClasses(tick)\"\n title=\"{{title(idx * step)}}\"\n (click)=\"onClick($event)\"\n role=\"presentation\"\n > </li>\n </ul>\n "}]}],"members":{"tickClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ticksCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"tickElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":["tickElement"]}]}],"ngOnChanges":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"tickClasses":[{"__symbolic":"method"}],"createTicks":[{"__symbolic":"method"}]}}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"KendoSliderTicksComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-slider-ticks","template":"\n <ul #container class=\"k-reset k-slider-items\">\n <li #tickElement *ngFor=\"let tick of ticks let idx=index \"\n [ngClass]=\"tickClasses(tick)\"\n title=\"{{title(idx * step)}}\"\n (click)=\"onClick($event)\"\n role=\"presentation\"\n > </li>\n </ul>\n "}]}],"members":{"tickClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ticksCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"tickElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":["tickElement"]}]}],"ngOnChanges":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"tickClasses":[{"__symbolic":"method"}],"createTicks":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"KendoSliderTicksComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-slider-ticks","template":"\n <ul #container class=\"k-reset k-slider-items\">\n <li #tickElement *ngFor=\"let tick of ticks let idx=index \"\n [ngClass]=\"tickClasses(tick)\"\n title=\"{{title(idx * step)}}\"\n (click)=\"onClick($event)\"\n role=\"presentation\"\n > </li>\n </ul>\n "}]}],"members":{"tickClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ticksCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"tickElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":["tickElement"]}]}],"ngOnChanges":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"tickClasses":[{"__symbolic":"method"}],"createTicks":[{"__symbolic":"method"}]}}}}] |
@@ -99,4 +99,4 @@ import { ElementRef, OnChanges, AfterViewInit, EventEmitter, OnDestroy } from '@angular/core'; | ||
dragging: boolean; | ||
ticksCount: number; | ||
private wrapper; | ||
private ticksCount; | ||
private decreaseButtonSubscription; | ||
@@ -118,3 +118,3 @@ private increaseButtonSubscription; | ||
constructor(el: ElementRef); | ||
ngOnChanges(changes: any): void; | ||
ngOnChanges(): void; | ||
ngAfterViewInit(): void; | ||
@@ -121,0 +121,0 @@ ngOnDestroy(): void; |
@@ -0,1 +1,10 @@ | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
import { Component, ViewChild, Input, ElementRef, Output, EventEmitter, HostBinding, forwardRef, HostListener } from '@angular/core'; | ||
@@ -17,3 +26,3 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms'; | ||
*/ | ||
export var SliderComponent = (function () { | ||
var SliderComponent = SliderComponent_1 = (function () { | ||
function SliderComponent(el) { | ||
@@ -108,4 +117,3 @@ var _this = this; | ||
}, | ||
_a | ||
); | ||
_a); | ||
/** | ||
@@ -119,3 +127,3 @@ * @hidden | ||
}; | ||
this.ngChange = function (value) { }; | ||
this.ngChange = function (_) { }; | ||
this.ngTouched = function () { }; | ||
@@ -240,3 +248,3 @@ this.decreaseValue = function () { | ||
}; | ||
SliderComponent.prototype.ngOnChanges = function (changes) { | ||
SliderComponent.prototype.ngOnChanges = function () { | ||
this.ticksCount = Util.calculateTicksCount(this.max, this.min, this.smallStep); | ||
@@ -351,3 +359,3 @@ }; | ||
.filter(function () { return !_this.disabled; }) | ||
.concatMap(function (e) { | ||
.concatMap(function () { | ||
return Observable.interval(150) | ||
@@ -394,54 +402,178 @@ .startWith(-1) | ||
}; | ||
SliderComponent.decorators = [ | ||
{ type: Component, args: [{ | ||
providers: [ | ||
{ multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(function () { return SliderComponent; }) } /* tslint:disable-line */ | ||
], | ||
selector: 'kendo-slider', | ||
template: "\n\n <div class=\"k-slider-wrap k-slider-buttons\">\n <a\n #decreaseButton\n *ngIf=\"showButtons\"\n class=\"k-button k-button-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-w]=\"!vertical\"\n [class.k-i-arrow-s]=\"vertical\"\n >\n </span>\n </a>\n <a\n *ngIf=\"showButtons\"\n #increaseButton\n class=\"k-button k-button-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-e]=\"!vertical\"\n [class.k-i-arrow-n]=\"vertical\"\n >\n </span>\n </a>\n <kendo-slider-ticks\n #ticks\n *ngIf=\"tickPlacement !== 'none'\"\n [title]=\"title\"\n [vertical]=\"vertical\"\n [ticksCount]=\"ticksCount\"\n [step]=\"smallStep\"\n (tickClick)=\"ifEnabled(onTickClick, $event)\"\n >\n </kendo-slider-ticks>\n <div #track\n class=\"k-slider-track\"\n (click)=\"ifEnabled(onTrackClick, $event)\">\n <div #sliderSelection\n [class.k-slider-selection]=\"true\"\n [class.k-pressed]=\"dragging\"\n >\n </div>\n <a #draghandle\n [class.k-draghandle]=\"true\"\n [class.k-pressed]=\"dragging\"\n [title]=\"dragHandleTitle\"\n kendoDraggable\n (kendo.drag)=\"ifEnabled(onHandleDrag ,$event)\"\n (kendo.release)=\"ifEnabled(onHandleRelease, $event)\"\n >Drag</a>\n </div>\n </div>\n\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
SliderComponent.ctorParameters = [ | ||
{ type: ElementRef, }, | ||
]; | ||
SliderComponent.propDecorators = { | ||
'incrementTitle': [{ type: Input },], | ||
'decrementTitle': [{ type: Input },], | ||
'showButtons': [{ type: Input },], | ||
'tickPlacement': [{ type: Input },], | ||
'title': [{ type: Input },], | ||
'dragHandleTitle': [{ type: Input },], | ||
'vertical': [{ type: Input },], | ||
'min': [{ type: Input },], | ||
'max': [{ type: Input },], | ||
'smallStep': [{ type: Input },], | ||
'fixedTickWidth': [{ type: Input },], | ||
'disabled': [{ type: Input },], | ||
'value': [{ type: Input },], | ||
'valueChange': [{ type: Output },], | ||
'track': [{ type: ViewChild, args: ['track',] },], | ||
'draghandle': [{ type: ViewChild, args: ['draghandle',] },], | ||
'sliderSelection': [{ type: ViewChild, args: ['sliderSelection',] },], | ||
'ticks': [{ type: ViewChild, args: ['ticks',] },], | ||
'decreaseButton': [{ type: ViewChild, args: ['decreaseButton',] },], | ||
'increaseButton': [{ type: ViewChild, args: ['increaseButton',] },], | ||
'horizontalClass': [{ type: HostBinding, args: ['class.k-slider-horizontal',] },], | ||
'verticalClass': [{ type: HostBinding, args: ['class.k-slider-vertical',] },], | ||
'sliderClass': [{ type: HostBinding, args: ['class.k-slider',] },], | ||
'widgetClass': [{ type: HostBinding, args: ['class.k-widget',] },], | ||
'stateDefaultClass': [{ type: HostBinding, args: ['class.k-state-default',] },], | ||
'topLeftClass': [{ type: HostBinding, args: ['class.k-slider-topleft',] },], | ||
'bottomRightClass': [{ type: HostBinding, args: ['class.k-slider-bottomright',] },], | ||
'disabledClass': [{ type: HostBinding, args: ['class.k-state-disabled',] },], | ||
'tabIndex': [{ type: HostBinding, args: ['tabIndex',] },], | ||
'ariaDisabled': [{ type: HostBinding, args: ['attr.aria-disabled',] },], | ||
'ariaMin': [{ type: HostBinding, args: ['attr.aria-valuemin',] },], | ||
'ariaMax': [{ type: HostBinding, args: ['attr.aria-valuemax',] },], | ||
'ariaValue': [{ type: HostBinding, args: ['attr.aria-valuenow',] },], | ||
'active': [{ type: HostListener, args: ['click',] }, { type: HostListener, args: ['focus',] },], | ||
'keydown': [{ type: HostListener, args: ['keydown', ['$event'],] },], | ||
'blur': [{ type: HostListener, args: ['blur',] },], | ||
}; | ||
return SliderComponent; | ||
}()); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", String) | ||
], SliderComponent.prototype, "incrementTitle", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", String) | ||
], SliderComponent.prototype, "decrementTitle", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Boolean) | ||
], SliderComponent.prototype, "showButtons", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", String) | ||
], SliderComponent.prototype, "tickPlacement", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Object) | ||
], SliderComponent.prototype, "title", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", String) | ||
], SliderComponent.prototype, "dragHandleTitle", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Boolean) | ||
], SliderComponent.prototype, "vertical", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Number) | ||
], SliderComponent.prototype, "min", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Number) | ||
], SliderComponent.prototype, "max", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Number) | ||
], SliderComponent.prototype, "smallStep", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Number) | ||
], SliderComponent.prototype, "fixedTickWidth", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Boolean) | ||
], SliderComponent.prototype, "disabled", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Number) | ||
], SliderComponent.prototype, "value", void 0); | ||
__decorate([ | ||
Output(), | ||
__metadata("design:type", EventEmitter) | ||
], SliderComponent.prototype, "valueChange", void 0); | ||
__decorate([ | ||
ViewChild('track'), | ||
__metadata("design:type", ElementRef) | ||
], SliderComponent.prototype, "track", void 0); | ||
__decorate([ | ||
ViewChild('draghandle'), | ||
__metadata("design:type", ElementRef) | ||
], SliderComponent.prototype, "draghandle", void 0); | ||
__decorate([ | ||
ViewChild('sliderSelection'), | ||
__metadata("design:type", ElementRef) | ||
], SliderComponent.prototype, "sliderSelection", void 0); | ||
__decorate([ | ||
ViewChild('ticks'), | ||
__metadata("design:type", Object) | ||
], SliderComponent.prototype, "ticks", void 0); | ||
__decorate([ | ||
ViewChild('decreaseButton'), | ||
__metadata("design:type", ElementRef) | ||
], SliderComponent.prototype, "decreaseButton", void 0); | ||
__decorate([ | ||
ViewChild('increaseButton'), | ||
__metadata("design:type", ElementRef) | ||
], SliderComponent.prototype, "increaseButton", void 0); | ||
__decorate([ | ||
HostBinding('class.k-slider-horizontal'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "horizontalClass", null); | ||
__decorate([ | ||
HostBinding('class.k-slider-vertical'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "verticalClass", null); | ||
__decorate([ | ||
HostBinding('class.k-slider'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "sliderClass", null); | ||
__decorate([ | ||
HostBinding('class.k-widget'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "widgetClass", null); | ||
__decorate([ | ||
HostBinding('class.k-state-default'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "stateDefaultClass", null); | ||
__decorate([ | ||
HostBinding('class.k-slider-topleft'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "topLeftClass", null); | ||
__decorate([ | ||
HostBinding('class.k-slider-bottomright'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "bottomRightClass", null); | ||
__decorate([ | ||
HostBinding('class.k-state-disabled'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "disabledClass", null); | ||
__decorate([ | ||
HostBinding('tabIndex'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "tabIndex", null); | ||
__decorate([ | ||
HostBinding('attr.aria-disabled'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "ariaDisabled", null); | ||
__decorate([ | ||
HostBinding('attr.aria-valuemin'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "ariaMin", null); | ||
__decorate([ | ||
HostBinding('attr.aria-valuemax'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "ariaMax", null); | ||
__decorate([ | ||
HostBinding('attr.aria-valuenow'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "ariaValue", null); | ||
__decorate([ | ||
HostListener('click'), HostListener('focus'), | ||
__metadata("design:type", Function), | ||
__metadata("design:paramtypes", []), | ||
__metadata("design:returntype", void 0) | ||
], SliderComponent.prototype, "active", null); | ||
__decorate([ | ||
HostListener('keydown', ['$event']), | ||
__metadata("design:type", Function), | ||
__metadata("design:paramtypes", [Object]), | ||
__metadata("design:returntype", void 0) | ||
], SliderComponent.prototype, "keydown", null); | ||
__decorate([ | ||
HostListener('blur'), | ||
__metadata("design:type", Function), | ||
__metadata("design:paramtypes", []), | ||
__metadata("design:returntype", void 0) | ||
], SliderComponent.prototype, "blur", null); | ||
SliderComponent = SliderComponent_1 = __decorate([ | ||
Component({ | ||
providers: [ | ||
{ multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(function () { return SliderComponent_1; }) } /* tslint:disable-line */ | ||
], | ||
selector: 'kendo-slider', | ||
template: "\n\n <div class=\"k-slider-wrap k-slider-buttons\">\n <a\n #decreaseButton\n *ngIf=\"showButtons\"\n class=\"k-button k-button-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-w]=\"!vertical\"\n [class.k-i-arrow-s]=\"vertical\"\n >\n </span>\n </a>\n <a\n *ngIf=\"showButtons\"\n #increaseButton\n class=\"k-button k-button-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-e]=\"!vertical\"\n [class.k-i-arrow-n]=\"vertical\"\n >\n </span>\n </a>\n <kendo-slider-ticks\n #ticks\n *ngIf=\"tickPlacement !== 'none'\"\n [title]=\"title\"\n [vertical]=\"vertical\"\n [ticksCount]=\"ticksCount\"\n [step]=\"smallStep\"\n (tickClick)=\"ifEnabled(onTickClick, $event)\"\n >\n </kendo-slider-ticks>\n <div #track\n class=\"k-slider-track\"\n (click)=\"ifEnabled(onTrackClick, $event)\">\n <div #sliderSelection\n [class.k-slider-selection]=\"true\"\n [class.k-pressed]=\"dragging\"\n >\n </div>\n <a #draghandle\n [class.k-draghandle]=\"true\"\n [class.k-pressed]=\"dragging\"\n [title]=\"dragHandleTitle\"\n kendoDraggable\n (kendo.drag)=\"ifEnabled(onHandleDrag ,$event)\"\n (kendo.release)=\"ifEnabled(onHandleRelease, $event)\"\n >Drag</a>\n </div>\n </div>\n\n " | ||
}), | ||
__metadata("design:paramtypes", [ElementRef]) | ||
], SliderComponent); | ||
export { SliderComponent }; | ||
var SliderComponent_1; |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"SliderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SliderComponent"}}],"selector":"kendo-slider","template":"\n\n <div class=\"k-slider-wrap k-slider-buttons\">\n <a\n #decreaseButton\n *ngIf=\"showButtons\"\n class=\"k-button k-button-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-w]=\"!vertical\"\n [class.k-i-arrow-s]=\"vertical\"\n >\n </span>\n </a>\n <a\n *ngIf=\"showButtons\"\n #increaseButton\n class=\"k-button k-button-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-e]=\"!vertical\"\n [class.k-i-arrow-n]=\"vertical\"\n >\n </span>\n </a>\n <kendo-slider-ticks\n #ticks\n *ngIf=\"tickPlacement !== 'none'\"\n [title]=\"title\"\n [vertical]=\"vertical\"\n [ticksCount]=\"ticksCount\"\n [step]=\"smallStep\"\n (tickClick)=\"ifEnabled(onTickClick, $event)\"\n >\n </kendo-slider-ticks>\n <div #track\n class=\"k-slider-track\"\n (click)=\"ifEnabled(onTrackClick, $event)\">\n <div #sliderSelection\n [class.k-slider-selection]=\"true\"\n [class.k-pressed]=\"dragging\"\n >\n </div>\n <a #draghandle\n [class.k-draghandle]=\"true\"\n [class.k-pressed]=\"dragging\"\n [title]=\"dragHandleTitle\"\n kendoDraggable\n (kendo.drag)=\"ifEnabled(onHandleDrag ,$event)\"\n (kendo.release)=\"ifEnabled(onHandleRelease, $event)\"\n >Drag</a>\n </div>\n </div>\n\n "}]}],"members":{"incrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tickPlacement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragHandleTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"smallStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fixedTickWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"track":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["track"]}]}],"draghandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["draghandle"]}]}],"sliderSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["sliderSelection"]}]}],"ticks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["ticks"]}]}],"decreaseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["decreaseButton"]}]}],"increaseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["increaseButton"]}]}],"horizontalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-horizontal"]}]}],"verticalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-vertical"]}]}],"sliderClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"stateDefaultClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-default"]}]}],"topLeftClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-topleft"]}]}],"bottomRightClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-bottomright"]}]}],"disabledClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"ariaMin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemin"]}]}],"ariaMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemax"]}]}],"ariaValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"active":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"blur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onTickClick":[{"__symbolic":"method"}],"onTrackClick":[{"__symbolic":"method"}],"onIncrement":[{"__symbolic":"method"}],"onDecrement":[{"__symbolic":"method"}],"isDocumentAvailable":[{"__symbolic":"method"}],"onHandleDrag":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"onHandleRelease":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"setValueChangeInterval":[{"__symbolic":"method"}],"sizeComponent":[{"__symbolic":"method"}],"handleAnimation":[{"__symbolic":"method"}],"getProps":[{"__symbolic":"method"}]}}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"SliderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SliderComponent"}}],"selector":"kendo-slider","template":"\n\n <div class=\"k-slider-wrap k-slider-buttons\">\n <a\n #decreaseButton\n *ngIf=\"showButtons\"\n class=\"k-button k-button-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-w]=\"!vertical\"\n [class.k-i-arrow-s]=\"vertical\"\n >\n </span>\n </a>\n <a\n *ngIf=\"showButtons\"\n #increaseButton\n class=\"k-button k-button-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-e]=\"!vertical\"\n [class.k-i-arrow-n]=\"vertical\"\n >\n </span>\n </a>\n <kendo-slider-ticks\n #ticks\n *ngIf=\"tickPlacement !== 'none'\"\n [title]=\"title\"\n [vertical]=\"vertical\"\n [ticksCount]=\"ticksCount\"\n [step]=\"smallStep\"\n (tickClick)=\"ifEnabled(onTickClick, $event)\"\n >\n </kendo-slider-ticks>\n <div #track\n class=\"k-slider-track\"\n (click)=\"ifEnabled(onTrackClick, $event)\">\n <div #sliderSelection\n [class.k-slider-selection]=\"true\"\n [class.k-pressed]=\"dragging\"\n >\n </div>\n <a #draghandle\n [class.k-draghandle]=\"true\"\n [class.k-pressed]=\"dragging\"\n [title]=\"dragHandleTitle\"\n kendoDraggable\n (kendo.drag)=\"ifEnabled(onHandleDrag ,$event)\"\n (kendo.release)=\"ifEnabled(onHandleRelease, $event)\"\n >Drag</a>\n </div>\n </div>\n\n "}]}],"members":{"incrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tickPlacement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragHandleTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"smallStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fixedTickWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"track":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["track"]}]}],"draghandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["draghandle"]}]}],"sliderSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["sliderSelection"]}]}],"ticks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["ticks"]}]}],"decreaseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["decreaseButton"]}]}],"increaseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["increaseButton"]}]}],"horizontalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-horizontal"]}]}],"verticalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-vertical"]}]}],"sliderClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"stateDefaultClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-default"]}]}],"topLeftClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-topleft"]}]}],"bottomRightClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-bottomright"]}]}],"disabledClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"ariaMin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemin"]}]}],"ariaMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemax"]}]}],"ariaValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"active":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"blur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onTickClick":[{"__symbolic":"method"}],"onTrackClick":[{"__symbolic":"method"}],"onIncrement":[{"__symbolic":"method"}],"onDecrement":[{"__symbolic":"method"}],"isDocumentAvailable":[{"__symbolic":"method"}],"onHandleDrag":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"onHandleRelease":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"setValueChangeInterval":[{"__symbolic":"method"}],"sizeComponent":[{"__symbolic":"method"}],"handleAnimation":[{"__symbolic":"method"}],"getProps":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SliderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SliderComponent"}}],"selector":"kendo-slider","template":"\n\n <div class=\"k-slider-wrap k-slider-buttons\">\n <a\n #decreaseButton\n *ngIf=\"showButtons\"\n class=\"k-button k-button-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-w]=\"!vertical\"\n [class.k-i-arrow-s]=\"vertical\"\n >\n </span>\n </a>\n <a\n *ngIf=\"showButtons\"\n #increaseButton\n class=\"k-button k-button-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-e]=\"!vertical\"\n [class.k-i-arrow-n]=\"vertical\"\n >\n </span>\n </a>\n <kendo-slider-ticks\n #ticks\n *ngIf=\"tickPlacement !== 'none'\"\n [title]=\"title\"\n [vertical]=\"vertical\"\n [ticksCount]=\"ticksCount\"\n [step]=\"smallStep\"\n (tickClick)=\"ifEnabled(onTickClick, $event)\"\n >\n </kendo-slider-ticks>\n <div #track\n class=\"k-slider-track\"\n (click)=\"ifEnabled(onTrackClick, $event)\">\n <div #sliderSelection\n [class.k-slider-selection]=\"true\"\n [class.k-pressed]=\"dragging\"\n >\n </div>\n <a #draghandle\n [class.k-draghandle]=\"true\"\n [class.k-pressed]=\"dragging\"\n [title]=\"dragHandleTitle\"\n kendoDraggable\n (kendo.drag)=\"ifEnabled(onHandleDrag ,$event)\"\n (kendo.release)=\"ifEnabled(onHandleRelease, $event)\"\n >Drag</a>\n </div>\n </div>\n\n "}]}],"members":{"incrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tickPlacement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragHandleTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"smallStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fixedTickWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"track":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["track"]}]}],"draghandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["draghandle"]}]}],"sliderSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["sliderSelection"]}]}],"ticks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["ticks"]}]}],"decreaseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["decreaseButton"]}]}],"increaseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["increaseButton"]}]}],"horizontalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-horizontal"]}]}],"verticalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-vertical"]}]}],"sliderClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"stateDefaultClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-default"]}]}],"topLeftClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-topleft"]}]}],"bottomRightClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-bottomright"]}]}],"disabledClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"ariaMin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemin"]}]}],"ariaMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemax"]}]}],"ariaValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"active":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"blur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onTickClick":[{"__symbolic":"method"}],"onTrackClick":[{"__symbolic":"method"}],"onIncrement":[{"__symbolic":"method"}],"onDecrement":[{"__symbolic":"method"}],"isDocumentAvailable":[{"__symbolic":"method"}],"onHandleDrag":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"onHandleRelease":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"setValueChangeInterval":[{"__symbolic":"method"}],"sizeComponent":[{"__symbolic":"method"}],"handleAnimation":[{"__symbolic":"method"}],"getProps":[{"__symbolic":"method"}]}}}}] |
@@ -0,1 +1,10 @@ | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
import { Component, ViewChild, forwardRef, Input, Output, EventEmitter, HostBinding, HostListener } from '@angular/core'; | ||
@@ -8,3 +17,3 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms'; | ||
*/ | ||
export var SwitchComponent = (function () { | ||
var SwitchComponent = SwitchComponent_1 = (function () { | ||
function SwitchComponent() { | ||
@@ -39,3 +48,3 @@ var _this = this; | ||
}; | ||
this.ngChange = function (checked) { }; | ||
this.ngChange = function (_) { }; | ||
this.ngTouched = function () { }; | ||
@@ -72,4 +81,4 @@ this.keyDownHandler = function (event) { | ||
SwitchComponent.prototype.keyDown = function ($event) { | ||
event.preventDefault(); | ||
this.ifEnabled(this.keyDownHandler, event, true); | ||
$event.preventDefault(); | ||
this.ifEnabled(this.keyDownHandler, $event, true); | ||
}; | ||
@@ -203,31 +212,84 @@ Object.defineProperty(SwitchComponent.prototype, "ariaDisabled", { | ||
}; | ||
SwitchComponent.decorators = [ | ||
{ type: Component, args: [{ | ||
providers: [ | ||
{ multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(function () { return SwitchComponent; }) } /* tslint:disable-line */ | ||
], | ||
selector: 'kendo-switch', | ||
template: "\n <span class=\"k-switch-wrapper\">\n <span class=\"k-switch-background\"></span>\n </span>\n <span\n #wrapper\n kendoDraggable\n (kendo.drag)=\"onHandleDrag($event)\"\n (kendo.press)=\"onHandlePress($event)\"\n (kendo.release)=\"onHandleRelease($event)\"\n class=\"k-switch-container\"\n [attr.tabindex]=\"disabled ? undefined : 1\"\n (blur)=\"onBlur()\"\n >\n <span #dragHandle class=\"k-switch-handle\">\n <span class=\"k-switch-label-on\">{{onLabel}}</span>\n <span class=\"k-switch-label-off\">{{offLabel}}</span>\n </span>\n </span>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
SwitchComponent.ctorParameters = []; | ||
SwitchComponent.propDecorators = { | ||
'onLabel': [{ type: Input },], | ||
'offLabel': [{ type: Input },], | ||
'checked': [{ type: Input },], | ||
'disabled': [{ type: Input },], | ||
'valueChange': [{ type: Output },], | ||
'dragHandle': [{ type: ViewChild, args: ['dragHandle',] },], | ||
'wrapper': [{ type: ViewChild, args: ['wrapper',] },], | ||
'keyDown': [{ type: HostListener, args: ['keydown', ['$event'],] },], | ||
'ariaDisabled': [{ type: HostBinding, args: ['attr.aria-disabled',] },], | ||
'ariaChecked': [{ type: HostBinding, args: ['attr.aria-checked',] },], | ||
'widget': [{ type: HostBinding, args: ['class.k-widget',] },], | ||
'switchClass': [{ type: HostBinding, args: ['class.k-switch',] },], | ||
'switchOn': [{ type: HostBinding, args: ['class.k-switch-on',] },], | ||
'switchOff': [{ type: HostBinding, args: ['class.k-switch-off',] },], | ||
'stateDisabled': [{ type: HostBinding, args: ['class.k-state-disabled',] },], | ||
}; | ||
return SwitchComponent; | ||
}()); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", String) | ||
], SwitchComponent.prototype, "onLabel", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", String) | ||
], SwitchComponent.prototype, "offLabel", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Boolean) | ||
], SwitchComponent.prototype, "checked", void 0); | ||
__decorate([ | ||
Input(), | ||
__metadata("design:type", Boolean) | ||
], SwitchComponent.prototype, "disabled", void 0); | ||
__decorate([ | ||
Output(), | ||
__metadata("design:type", EventEmitter) | ||
], SwitchComponent.prototype, "valueChange", void 0); | ||
__decorate([ | ||
ViewChild('dragHandle'), | ||
__metadata("design:type", Object) | ||
], SwitchComponent.prototype, "dragHandle", void 0); | ||
__decorate([ | ||
ViewChild('wrapper'), | ||
__metadata("design:type", Object) | ||
], SwitchComponent.prototype, "wrapper", void 0); | ||
__decorate([ | ||
HostListener('keydown', ['$event']), | ||
__metadata("design:type", Function), | ||
__metadata("design:paramtypes", [Object]), | ||
__metadata("design:returntype", void 0) | ||
], SwitchComponent.prototype, "keyDown", null); | ||
__decorate([ | ||
HostBinding('attr.aria-disabled'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "ariaDisabled", null); | ||
__decorate([ | ||
HostBinding('attr.aria-checked'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "ariaChecked", null); | ||
__decorate([ | ||
HostBinding('class.k-widget'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "widget", null); | ||
__decorate([ | ||
HostBinding('class.k-switch'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "switchClass", null); | ||
__decorate([ | ||
HostBinding('class.k-switch-on'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "switchOn", null); | ||
__decorate([ | ||
HostBinding('class.k-switch-off'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "switchOff", null); | ||
__decorate([ | ||
HostBinding('class.k-state-disabled'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "stateDisabled", null); | ||
SwitchComponent = SwitchComponent_1 = __decorate([ | ||
Component({ | ||
providers: [ | ||
{ multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(function () { return SwitchComponent_1; }) } /* tslint:disable-line */ | ||
], | ||
selector: 'kendo-switch', | ||
template: "\n <span class=\"k-switch-wrapper\">\n <span class=\"k-switch-background\"></span>\n </span>\n <span\n #wrapper\n kendoDraggable\n (kendo.drag)=\"onHandleDrag($event)\"\n (kendo.press)=\"onHandlePress($event)\"\n (kendo.release)=\"onHandleRelease($event)\"\n class=\"k-switch-container\"\n [attr.tabindex]=\"disabled ? undefined : 1\"\n (blur)=\"onBlur()\"\n >\n <span #dragHandle class=\"k-switch-handle\">\n <span class=\"k-switch-label-on\">{{onLabel}}</span>\n <span class=\"k-switch-label-off\">{{offLabel}}</span>\n </span>\n </span>\n " | ||
}), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent); | ||
export { SwitchComponent }; | ||
var SwitchComponent_1; |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"SwitchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SwitchComponent"}}],"selector":"kendo-switch","template":"\n <span class=\"k-switch-wrapper\">\n <span class=\"k-switch-background\"></span>\n </span>\n <span\n #wrapper\n kendoDraggable\n (kendo.drag)=\"onHandleDrag($event)\"\n (kendo.press)=\"onHandlePress($event)\"\n (kendo.release)=\"onHandleRelease($event)\"\n class=\"k-switch-container\"\n [attr.tabindex]=\"disabled ? undefined : 1\"\n (blur)=\"onBlur()\"\n >\n <span #dragHandle class=\"k-switch-handle\">\n <span class=\"k-switch-label-on\">{{onLabel}}</span>\n <span class=\"k-switch-label-off\">{{offLabel}}</span>\n </span>\n </span>\n "}]}],"members":{"onLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragHandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dragHandle"]}]}],"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["wrapper"]}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"ariaChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-checked"]}]}],"widget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"switchClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch"]}]}],"switchOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch-on"]}]}],"switchOff":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch-off"]}]}],"stateDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onBlur":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onHandleDrag":[{"__symbolic":"method"}],"onHandlePress":[{"__symbolic":"method"}],"onHandleRelease":[{"__symbolic":"method"}],"isDocumentAvailable":[{"__symbolic":"method"}],"updateState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"SwitchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SwitchComponent"}}],"selector":"kendo-switch","template":"\n <span class=\"k-switch-wrapper\">\n <span class=\"k-switch-background\"></span>\n </span>\n <span\n #wrapper\n kendoDraggable\n (kendo.drag)=\"onHandleDrag($event)\"\n (kendo.press)=\"onHandlePress($event)\"\n (kendo.release)=\"onHandleRelease($event)\"\n class=\"k-switch-container\"\n [attr.tabindex]=\"disabled ? undefined : 1\"\n (blur)=\"onBlur()\"\n >\n <span #dragHandle class=\"k-switch-handle\">\n <span class=\"k-switch-label-on\">{{onLabel}}</span>\n <span class=\"k-switch-label-off\">{{offLabel}}</span>\n </span>\n </span>\n "}]}],"members":{"onLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragHandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dragHandle"]}]}],"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["wrapper"]}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"ariaChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-checked"]}]}],"widget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"switchClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch"]}]}],"switchOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch-on"]}]}],"switchOff":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch-off"]}]}],"stateDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onBlur":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onHandleDrag":[{"__symbolic":"method"}],"onHandlePress":[{"__symbolic":"method"}],"onHandleRelease":[{"__symbolic":"method"}],"isDocumentAvailable":[{"__symbolic":"method"}],"updateState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SwitchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SwitchComponent"}}],"selector":"kendo-switch","template":"\n <span class=\"k-switch-wrapper\">\n <span class=\"k-switch-background\"></span>\n </span>\n <span\n #wrapper\n kendoDraggable\n (kendo.drag)=\"onHandleDrag($event)\"\n (kendo.press)=\"onHandlePress($event)\"\n (kendo.release)=\"onHandleRelease($event)\"\n class=\"k-switch-container\"\n [attr.tabindex]=\"disabled ? undefined : 1\"\n (blur)=\"onBlur()\"\n >\n <span #dragHandle class=\"k-switch-handle\">\n <span class=\"k-switch-label-on\">{{onLabel}}</span>\n <span class=\"k-switch-label-off\">{{offLabel}}</span>\n </span>\n </span>\n "}]}],"members":{"onLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragHandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dragHandle"]}]}],"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["wrapper"]}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"ariaChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-checked"]}]}],"widget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"switchClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch"]}]}],"switchOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch-on"]}]}],"switchOff":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch-off"]}]}],"stateDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onBlur":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onHandleDrag":[{"__symbolic":"method"}],"onHandlePress":[{"__symbolic":"method"}],"onHandleRelease":[{"__symbolic":"method"}],"isDocumentAvailable":[{"__symbolic":"method"}],"updateState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}}}] |
"use strict"; | ||
var core_1 = require('@angular/core'); | ||
var kendo_draggable_1 = require('@telerik/kendo-draggable'); | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
var core_1 = require("@angular/core"); | ||
var kendo_draggable_1 = require("@telerik/kendo-draggable"); | ||
/** | ||
@@ -29,14 +38,11 @@ * @hidden | ||
}; | ||
KendoDraggableDirective.decorators = [ | ||
{ type: core_1.Directive, args: [{ | ||
outputs: ['kendo.press', 'kendo.drag', 'kendo.release'], | ||
selector: '[kendoDraggable]' | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
KendoDraggableDirective.ctorParameters = [ | ||
{ type: core_1.ElementRef, }, | ||
]; | ||
return KendoDraggableDirective; | ||
}()); | ||
KendoDraggableDirective = __decorate([ | ||
core_1.Directive({ | ||
outputs: ['kendo.press', 'kendo.drag', 'kendo.release'], | ||
selector: '[kendoDraggable]' | ||
}), | ||
__metadata("design:paramtypes", [core_1.ElementRef]) | ||
], KendoDraggableDirective); | ||
exports.KendoDraggableDirective = KendoDraggableDirective; |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"KendoDraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"outputs":["kendo.press","kendo.drag","kendo.release"],"selector":"[kendoDraggable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"KendoDraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"outputs":["kendo.press","kendo.drag","kendo.release"],"selector":"[kendoDraggable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"KendoDraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"outputs":["kendo.press","kendo.drag","kendo.release"],"selector":"[kendoDraggable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}] |
@@ -5,19 +5,19 @@ "use strict"; | ||
*/ | ||
var Keys; | ||
(function (Keys) { | ||
Keys[Keys['backspace'] = 8] = 'backspace'; | ||
Keys[Keys['tab'] = 9] = 'tab'; | ||
Keys[Keys['enter'] = 13] = 'enter'; | ||
Keys[Keys['shift'] = 16] = 'shift'; | ||
Keys[Keys['ctrl'] = 17] = 'ctrl'; | ||
Keys[Keys['alt'] = 18] = 'alt'; | ||
Keys[Keys['space'] = 32] = 'space'; | ||
Keys[Keys['page up'] = 33] = 'page up'; | ||
Keys[Keys['page down'] = 34] = 'page down'; | ||
Keys[Keys['end'] = 35] = 'end'; | ||
Keys[Keys['home'] = 36] = 'home'; | ||
Keys[Keys['left'] = 37] = 'left'; | ||
Keys[Keys['up'] = 38] = 'up'; | ||
Keys[Keys['right'] = 39] = 'right'; | ||
Keys[Keys['down'] = 40] = 'down'; | ||
})(exports.Keys || (exports.Keys = {})); | ||
var Keys = exports.Keys; | ||
Keys[Keys["backspace"] = 8] = "backspace"; | ||
Keys[Keys["tab"] = 9] = "tab"; | ||
Keys[Keys["enter"] = 13] = "enter"; | ||
Keys[Keys["shift"] = 16] = "shift"; | ||
Keys[Keys["ctrl"] = 17] = "ctrl"; | ||
Keys[Keys["alt"] = 18] = "alt"; | ||
Keys[Keys["space"] = 32] = "space"; | ||
Keys[Keys["page up"] = 33] = "page up"; | ||
Keys[Keys["page down"] = 34] = "page down"; | ||
Keys[Keys["end"] = 35] = "end"; | ||
Keys[Keys["home"] = 36] = "home"; | ||
Keys[Keys["left"] = 37] = "left"; | ||
Keys[Keys["up"] = 38] = "up"; | ||
Keys[Keys["right"] = 39] = "right"; | ||
Keys[Keys["down"] = 40] = "down"; | ||
})(Keys = exports.Keys || (exports.Keys = {})); |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"createMaxValidator":{"__symbolic":"error","message":"Function call not supported","line":5,"character":44}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"createMaxValidator":{"__symbolic":"error","message":"Function call not supported","line":5,"character":44}}},{"__symbolic":"module","version":1,"metadata":{"createMaxValidator":{"__symbolic":"error","message":"Function call not supported","line":5,"character":44}}}] |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"createMinValidator":{"__symbolic":"error","message":"Function call not supported","line":5,"character":44}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"createMinValidator":{"__symbolic":"error","message":"Function call not supported","line":5,"character":44}}},{"__symbolic":"module","version":1,"metadata":{"createMinValidator":{"__symbolic":"error","message":"Function call not supported","line":5,"character":44}}}] |
"use strict"; | ||
var core_1 = require('@angular/core'); | ||
var slider_component_1 = require('./slider/slider.component'); | ||
var switch_component_1 = require('./switch/switch.component'); | ||
var numerictextbox_component_1 = require('./numerictextbox/numerictextbox.component'); | ||
var common_1 = require('@angular/common'); | ||
var slider_ticks_component_1 = require('./slider/slider-ticks.component'); | ||
var draggable_1 = require('./common/draggable'); | ||
var kendo_angular_intl_1 = require('@progress/kendo-angular-intl'); | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var core_1 = require("@angular/core"); | ||
var slider_component_1 = require("./slider/slider.component"); | ||
var switch_component_1 = require("./switch/switch.component"); | ||
var numerictextbox_component_1 = require("./numerictextbox/numerictextbox.component"); | ||
var common_1 = require("@angular/common"); | ||
var slider_ticks_component_1 = require("./slider/slider-ticks.component"); | ||
var draggable_1 = require("./common/draggable"); | ||
var kendo_angular_intl_1 = require("@progress/kendo-angular-intl"); | ||
/** | ||
@@ -48,16 +54,14 @@ * @hidden | ||
} | ||
InputsModule.decorators = [ | ||
{ type: core_1.NgModule, args: [{ | ||
declarations: [INPUT_DIRECTIVES, slider_ticks_component_1.KendoSliderTicksComponent, draggable_1.KendoDraggableDirective], | ||
exports: [INPUT_DIRECTIVES], | ||
imports: [common_1.CommonModule], | ||
providers: [ | ||
{ provide: kendo_angular_intl_1.IntlService, useClass: kendo_angular_intl_1.CldrIntlService } | ||
] | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
InputsModule.ctorParameters = []; | ||
return InputsModule; | ||
}()); | ||
InputsModule = __decorate([ | ||
core_1.NgModule({ | ||
declarations: [INPUT_DIRECTIVES, slider_ticks_component_1.KendoSliderTicksComponent, draggable_1.KendoDraggableDirective], | ||
exports: [INPUT_DIRECTIVES], | ||
imports: [common_1.CommonModule], | ||
providers: [ | ||
{ provide: kendo_angular_intl_1.IntlService, useClass: kendo_angular_intl_1.CldrIntlService } | ||
] | ||
}) | ||
], InputsModule); | ||
exports.InputsModule = InputsModule; |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"InputsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"}],{"__symbolic":"reference","module":"./slider/slider-ticks.component","name":"KendoSliderTicksComponent"},{"__symbolic":"reference","module":"./common/draggable","name":"KendoDraggableDirective"}],"exports":[[{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"providers":[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"IntlService"},"useClass":{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"CldrIntlService"}}]}]}]}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"InputsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"}],{"__symbolic":"reference","module":"./slider/slider-ticks.component","name":"KendoSliderTicksComponent"},{"__symbolic":"reference","module":"./common/draggable","name":"KendoDraggableDirective"}],"exports":[[{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"providers":[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"IntlService"},"useClass":{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"CldrIntlService"}}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"InputsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"}],{"__symbolic":"reference","module":"./slider/slider-ticks.component","name":"KendoSliderTicksComponent"},{"__symbolic":"reference","module":"./common/draggable","name":"KendoDraggableDirective"}],"exports":[[{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"providers":[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"IntlService"},"useClass":{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"CldrIntlService"}}]}]}]}}}] |
"use strict"; | ||
var slider_component_1 = require('./slider/slider.component'); | ||
var slider_component_1 = require("./slider/slider.component"); | ||
exports.Slider = slider_component_1.SliderComponent; | ||
var switch_component_1 = require('./switch/switch.component'); | ||
var switch_component_1 = require("./switch/switch.component"); | ||
exports.Switch = switch_component_1.SwitchComponent; | ||
var numerictextbox_component_1 = require('./numerictextbox/numerictextbox.component'); | ||
var numerictextbox_component_1 = require("./numerictextbox/numerictextbox.component"); | ||
exports.NumericTextBox = numerictextbox_component_1.NumericTextBoxComponent; | ||
var inputs_module_1 = require('./inputs.module'); | ||
var inputs_module_1 = require("./inputs.module"); | ||
exports.InputsModule = inputs_module_1.InputsModule; | ||
var draggable_1 = require('./common/draggable'); | ||
var draggable_1 = require("./common/draggable"); | ||
exports.KendoDraggableDirective = draggable_1.KendoDraggableDirective; | ||
var slider_ticks_component_1 = require('./slider/slider-ticks.component'); | ||
var slider_ticks_component_1 = require("./slider/slider-ticks.component"); | ||
exports.KendoSliderTicksComponent = slider_ticks_component_1.KendoSliderTicksComponent; |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./common/draggable","export":["KendoDraggableDirective"]},{"from":"./slider/slider-ticks.component","export":["KendoSliderTicksComponent"]}]} | ||
[{"__symbolic":"module","version":3,"metadata":{"Slider":{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},"Switch":{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},"NumericTextBox":{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"},"InputsModule":{"__symbolic":"reference","module":"./inputs.module","name":"InputsModule"}},"exports":[{"from":"./common/draggable","export":["KendoDraggableDirective"]},{"from":"./slider/slider-ticks.component","export":["KendoSliderTicksComponent"]}]},{"__symbolic":"module","version":1,"metadata":{"Slider":{"__symbolic":"reference","module":"./slider/slider.component","name":"SliderComponent"},"Switch":{"__symbolic":"reference","module":"./switch/switch.component","name":"SwitchComponent"},"NumericTextBox":{"__symbolic":"reference","module":"./numerictextbox/numerictextbox.component","name":"NumericTextBoxComponent"},"InputsModule":{"__symbolic":"reference","module":"./inputs.module","name":"InputsModule"}},"exports":[{"from":"./common/draggable","export":["KendoDraggableDirective"]},{"from":"./slider/slider-ticks.component","export":["KendoSliderTicksComponent"]}]}] |
@@ -81,6 +81,6 @@ import { EventEmitter, ElementRef, OnInit, OnChanges } from '@angular/core'; | ||
numericInput: ElementRef; | ||
focused: boolean; | ||
private wrapper; | ||
private DECIMAL_SEPARATOR; | ||
private INTEGER_REGEXP; | ||
private focused; | ||
private minValidateFn; | ||
@@ -87,0 +87,0 @@ private maxValidateFn; |
"use strict"; | ||
var core_1 = require('@angular/core'); | ||
var kendo_intl_1 = require('@telerik/kendo-intl'); | ||
var enums_1 = require('../common/enums'); | ||
var max_validator_1 = require('../common/max.validator'); | ||
var min_validator_1 = require('../common/min.validator'); | ||
var forms_1 = require('@angular/forms'); | ||
var kendo_angular_intl_1 = require('@progress/kendo-angular-intl'); | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
var core_1 = require("@angular/core"); | ||
var kendo_intl_1 = require("@telerik/kendo-intl"); | ||
var enums_1 = require("../common/enums"); | ||
var max_validator_1 = require("../common/max.validator"); | ||
var min_validator_1 = require("../common/min.validator"); | ||
var forms_1 = require("@angular/forms"); | ||
var kendo_angular_intl_1 = require("@progress/kendo-angular-intl"); | ||
/** | ||
@@ -13,3 +22,3 @@ * @hidden | ||
*/ | ||
var NumericTextBoxComponent = (function () { | ||
var NumericTextBoxComponent = NumericTextBoxComponent_1 = (function () { | ||
function NumericTextBoxComponent(intl, el) { | ||
@@ -76,8 +85,8 @@ this.intl = intl; | ||
this.blur = new core_1.EventEmitter(); | ||
this.focused = false; | ||
this.DECIMAL_SEPARATOR = "."; | ||
this.INTEGER_REGEXP = /^(-)?(\d*)$/; | ||
this.focused = false; | ||
this.minValidateFn = null; | ||
this.maxValidateFn = null; | ||
this.ngChange = function (value) { }; | ||
this.ngChange = function (_) { }; | ||
this.ngTouched = function () { }; | ||
@@ -382,47 +391,131 @@ this.wrapper = el.nativeElement; | ||
}; | ||
NumericTextBoxComponent.decorators = [ | ||
{ type: core_1.Component, args: [{ | ||
providers: [ | ||
{ provide: forms_1.NG_VALUE_ACCESSOR, useExisting: core_1.forwardRef(function () { return NumericTextBoxComponent; }), multi: true }, | ||
{ provide: forms_1.NG_VALIDATORS, useExisting: core_1.forwardRef(function () { return NumericTextBoxComponent; }), multi: true } /* tslint:disable-line */ | ||
], | ||
selector: 'kendo-numerictextbox', | ||
template: "\n <span class=\"k-numeric-wrap\">\n <input\n (keypress)=\"keyPress($event)\"\n [title]=\"inputTitle\"\n [attr.aria-label]=\"inputTitle\"\n class=\"k-input\"\n [class.k-formatted-value]=\"!focused\"\n (paste)=\"handlePaste()\"\n (focus)=\"handleFocus($event)\"\n (blur)=\"handleBlur($event)\"\n #numericInput />\n <span class=\"k-select\" *ngIf=\"spinners\">\n <span (click)=\"increaseValue()\" class=\"k-link k-link-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\">\n <span class=\"k-icon k-i-arrow-n\"></span>\n </span>\n <span (click)=\"decreaseValue()\" class=\"k-link k-link-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\">\n <span class=\"k-icon k-i-arrow-s\"></span>\n </span>\n </span>\n </span>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
NumericTextBoxComponent.ctorParameters = [ | ||
{ type: kendo_angular_intl_1.IntlService, }, | ||
{ type: core_1.ElementRef, }, | ||
]; | ||
NumericTextBoxComponent.propDecorators = { | ||
'incrementTitle': [{ type: core_1.Input },], | ||
'decrementTitle': [{ type: core_1.Input },], | ||
'inputTitle': [{ type: core_1.Input },], | ||
'autoCorrect': [{ type: core_1.Input },], | ||
'format': [{ type: core_1.Input },], | ||
'max': [{ type: core_1.Input },], | ||
'min': [{ type: core_1.Input },], | ||
'decimals': [{ type: core_1.Input },], | ||
'step': [{ type: core_1.Input },], | ||
'spinners': [{ type: core_1.Input },], | ||
'round': [{ type: core_1.Input },], | ||
'restrictDecimals': [{ type: core_1.Input },], | ||
'value': [{ type: core_1.Input },], | ||
'valueChange': [{ type: core_1.Output },], | ||
'focus': [{ type: core_1.Output },], | ||
'blur': [{ type: core_1.Output },], | ||
'numericInput': [{ type: core_1.ViewChild, args: ['numericInput',] },], | ||
'hostBlur': [{ type: core_1.HostListener, args: ['blur',] },], | ||
'widgetClass': [{ type: core_1.HostBinding, args: ['class.k-widget',] },], | ||
'numericClass': [{ type: core_1.HostBinding, args: ['class.k-numerictextbox',] },], | ||
'tabIndex': [{ type: core_1.HostBinding, args: ['tabIndex',] },], | ||
'ariaMin': [{ type: core_1.HostBinding, args: ['attr.aria-valuemin',] },], | ||
'ariaMax': [{ type: core_1.HostBinding, args: ['attr.aria-valuemax',] },], | ||
'ariaValue': [{ type: core_1.HostBinding, args: ['attr.aria-valuenow',] },], | ||
'formattedValue': [{ type: core_1.HostBinding, args: ['attr.value',] },], | ||
'keydown': [{ type: core_1.HostListener, args: ['keydown', ['$event'],] },], | ||
}; | ||
return NumericTextBoxComponent; | ||
}()); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", String) | ||
], NumericTextBoxComponent.prototype, "incrementTitle", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", String) | ||
], NumericTextBoxComponent.prototype, "decrementTitle", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", String) | ||
], NumericTextBoxComponent.prototype, "inputTitle", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Boolean) | ||
], NumericTextBoxComponent.prototype, "autoCorrect", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", String) | ||
], NumericTextBoxComponent.prototype, "format", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Number) | ||
], NumericTextBoxComponent.prototype, "max", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Number) | ||
], NumericTextBoxComponent.prototype, "min", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Number) | ||
], NumericTextBoxComponent.prototype, "decimals", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Number) | ||
], NumericTextBoxComponent.prototype, "step", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Boolean) | ||
], NumericTextBoxComponent.prototype, "spinners", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Boolean) | ||
], NumericTextBoxComponent.prototype, "round", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Boolean) | ||
], NumericTextBoxComponent.prototype, "restrictDecimals", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Number) | ||
], NumericTextBoxComponent.prototype, "value", void 0); | ||
__decorate([ | ||
core_1.Output(), | ||
__metadata("design:type", core_1.EventEmitter) | ||
], NumericTextBoxComponent.prototype, "valueChange", void 0); | ||
__decorate([ | ||
core_1.Output(), | ||
__metadata("design:type", core_1.EventEmitter) | ||
], NumericTextBoxComponent.prototype, "focus", void 0); | ||
__decorate([ | ||
core_1.Output(), | ||
__metadata("design:type", core_1.EventEmitter) | ||
], NumericTextBoxComponent.prototype, "blur", void 0); | ||
__decorate([ | ||
core_1.ViewChild('numericInput'), | ||
__metadata("design:type", core_1.ElementRef) | ||
], NumericTextBoxComponent.prototype, "numericInput", void 0); | ||
__decorate([ | ||
core_1.HostListener('blur'), | ||
__metadata("design:type", Function), | ||
__metadata("design:paramtypes", []), | ||
__metadata("design:returntype", void 0) | ||
], NumericTextBoxComponent.prototype, "hostBlur", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-widget'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "widgetClass", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-numerictextbox'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "numericClass", null); | ||
__decorate([ | ||
core_1.HostBinding('tabIndex'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "tabIndex", null); | ||
__decorate([ | ||
core_1.HostBinding('attr.aria-valuemin'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "ariaMin", null); | ||
__decorate([ | ||
core_1.HostBinding('attr.aria-valuemax'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "ariaMax", null); | ||
__decorate([ | ||
core_1.HostBinding('attr.aria-valuenow'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "ariaValue", null); | ||
__decorate([ | ||
core_1.HostBinding('attr.value'), | ||
__metadata("design:type", String), | ||
__metadata("design:paramtypes", []) | ||
], NumericTextBoxComponent.prototype, "formattedValue", null); | ||
__decorate([ | ||
core_1.HostListener('keydown', ['$event']), | ||
__metadata("design:type", Function), | ||
__metadata("design:paramtypes", [Object]), | ||
__metadata("design:returntype", void 0) | ||
], NumericTextBoxComponent.prototype, "keydown", null); | ||
NumericTextBoxComponent = NumericTextBoxComponent_1 = __decorate([ | ||
core_1.Component({ | ||
providers: [ | ||
{ provide: forms_1.NG_VALUE_ACCESSOR, useExisting: core_1.forwardRef(function () { return NumericTextBoxComponent_1; }), multi: true }, | ||
{ provide: forms_1.NG_VALIDATORS, useExisting: core_1.forwardRef(function () { return NumericTextBoxComponent_1; }), multi: true } /* tslint:disable-line */ | ||
], | ||
selector: 'kendo-numerictextbox', | ||
template: "\n <span class=\"k-numeric-wrap\">\n <input\n (keypress)=\"keyPress($event)\"\n [title]=\"inputTitle\"\n [attr.aria-label]=\"inputTitle\"\n class=\"k-input\"\n [class.k-formatted-value]=\"!focused\"\n (paste)=\"handlePaste()\"\n (focus)=\"handleFocus($event)\"\n (blur)=\"handleBlur($event)\"\n #numericInput />\n <span class=\"k-select\" *ngIf=\"spinners\">\n <span (click)=\"increaseValue()\" class=\"k-link k-link-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\">\n <span class=\"k-icon k-i-arrow-n\"></span>\n </span>\n <span (click)=\"decreaseValue()\" class=\"k-link k-link-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\">\n <span class=\"k-icon k-i-arrow-s\"></span>\n </span>\n </span>\n </span>\n " | ||
}), | ||
__metadata("design:paramtypes", [kendo_angular_intl_1.IntlService, core_1.ElementRef]) | ||
], NumericTextBoxComponent); | ||
exports.NumericTextBoxComponent = NumericTextBoxComponent; | ||
var NumericTextBoxComponent_1; |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"NumericTextBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"NumericTextBoxComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"NumericTextBoxComponent"},"multi":true}],"selector":"kendo-numerictextbox","template":"\n <span class=\"k-numeric-wrap\">\n <input\n (keypress)=\"keyPress($event)\"\n [title]=\"inputTitle\"\n [attr.aria-label]=\"inputTitle\"\n class=\"k-input\"\n [class.k-formatted-value]=\"!focused\"\n (paste)=\"handlePaste()\"\n (focus)=\"handleFocus($event)\"\n (blur)=\"handleBlur($event)\"\n #numericInput />\n <span class=\"k-select\" *ngIf=\"spinners\">\n <span (click)=\"increaseValue()\" class=\"k-link k-link-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\">\n <span class=\"k-icon k-i-arrow-n\"></span>\n </span>\n <span (click)=\"decreaseValue()\" class=\"k-link k-link-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\">\n <span class=\"k-icon k-i-arrow-s\"></span>\n </span>\n </span>\n </span>\n "}]}],"members":{"incrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"inputTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autoCorrect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spinners":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"round":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"restrictDecimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"numericInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["numericInput"]}]}],"hostBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"numericClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-numerictextbox"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"ariaMin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemin"]}]}],"ariaMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemax"]}]}],"ariaValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"formattedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.value"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"IntlService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"decreaseValue":[{"__symbolic":"method"}],"increaseValue":[{"__symbolic":"method"}],"keyPress":[{"__symbolic":"method"}],"handleFocus":[{"__symbolic":"method"}],"handleBlur":[{"__symbolic":"method"}],"handlePaste":[{"__symbolic":"method"}],"changeText":[{"__symbolic":"method"}],"formatNumberWithSettings":[{"__symbolic":"method"}],"numericRegex":[{"__symbolic":"method"}],"trimValue":[{"__symbolic":"method"}],"roundNumber":[{"__symbolic":"method"}],"truncateNumber":[{"__symbolic":"method"}],"increaseValueToStep":[{"__symbolic":"method"}],"decreaseValueToStep":[{"__symbolic":"method"}]}}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"NumericTextBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"NumericTextBoxComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"NumericTextBoxComponent"},"multi":true}],"selector":"kendo-numerictextbox","template":"\n <span class=\"k-numeric-wrap\">\n <input\n (keypress)=\"keyPress($event)\"\n [title]=\"inputTitle\"\n [attr.aria-label]=\"inputTitle\"\n class=\"k-input\"\n [class.k-formatted-value]=\"!focused\"\n (paste)=\"handlePaste()\"\n (focus)=\"handleFocus($event)\"\n (blur)=\"handleBlur($event)\"\n #numericInput />\n <span class=\"k-select\" *ngIf=\"spinners\">\n <span (click)=\"increaseValue()\" class=\"k-link k-link-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\">\n <span class=\"k-icon k-i-arrow-n\"></span>\n </span>\n <span (click)=\"decreaseValue()\" class=\"k-link k-link-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\">\n <span class=\"k-icon k-i-arrow-s\"></span>\n </span>\n </span>\n </span>\n "}]}],"members":{"incrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"inputTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autoCorrect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spinners":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"round":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"restrictDecimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"numericInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["numericInput"]}]}],"hostBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"numericClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-numerictextbox"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"ariaMin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemin"]}]}],"ariaMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemax"]}]}],"ariaValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"formattedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.value"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"IntlService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"decreaseValue":[{"__symbolic":"method"}],"increaseValue":[{"__symbolic":"method"}],"keyPress":[{"__symbolic":"method"}],"handleFocus":[{"__symbolic":"method"}],"handleBlur":[{"__symbolic":"method"}],"handlePaste":[{"__symbolic":"method"}],"changeText":[{"__symbolic":"method"}],"formatNumberWithSettings":[{"__symbolic":"method"}],"numericRegex":[{"__symbolic":"method"}],"trimValue":[{"__symbolic":"method"}],"roundNumber":[{"__symbolic":"method"}],"truncateNumber":[{"__symbolic":"method"}],"increaseValueToStep":[{"__symbolic":"method"}],"decreaseValueToStep":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NumericTextBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"NumericTextBoxComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"NumericTextBoxComponent"},"multi":true}],"selector":"kendo-numerictextbox","template":"\n <span class=\"k-numeric-wrap\">\n <input\n (keypress)=\"keyPress($event)\"\n [title]=\"inputTitle\"\n [attr.aria-label]=\"inputTitle\"\n class=\"k-input\"\n [class.k-formatted-value]=\"!focused\"\n (paste)=\"handlePaste()\"\n (focus)=\"handleFocus($event)\"\n (blur)=\"handleBlur($event)\"\n #numericInput />\n <span class=\"k-select\" *ngIf=\"spinners\">\n <span (click)=\"increaseValue()\" class=\"k-link k-link-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\">\n <span class=\"k-icon k-i-arrow-n\"></span>\n </span>\n <span (click)=\"decreaseValue()\" class=\"k-link k-link-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\">\n <span class=\"k-icon k-i-arrow-s\"></span>\n </span>\n </span>\n </span>\n "}]}],"members":{"incrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"inputTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autoCorrect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spinners":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"round":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"restrictDecimals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"numericInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["numericInput"]}]}],"hostBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"numericClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-numerictextbox"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"ariaMin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemin"]}]}],"ariaMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemax"]}]}],"ariaValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"formattedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.value"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-intl","name":"IntlService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"decreaseValue":[{"__symbolic":"method"}],"increaseValue":[{"__symbolic":"method"}],"keyPress":[{"__symbolic":"method"}],"handleFocus":[{"__symbolic":"method"}],"handleBlur":[{"__symbolic":"method"}],"handlePaste":[{"__symbolic":"method"}],"changeText":[{"__symbolic":"method"}],"formatNumberWithSettings":[{"__symbolic":"method"}],"numericRegex":[{"__symbolic":"method"}],"trimValue":[{"__symbolic":"method"}],"roundNumber":[{"__symbolic":"method"}],"truncateNumber":[{"__symbolic":"method"}],"increaseValueToStep":[{"__symbolic":"method"}],"decreaseValueToStep":[{"__symbolic":"method"}]}}}}] |
@@ -14,3 +14,3 @@ import { OnChanges, EventEmitter, QueryList, ElementRef } from '@angular/core'; | ||
ticks: Array<any>; | ||
ngOnChanges(changes: any): void; | ||
ngOnChanges(): void; | ||
onClick(event: Event): void; | ||
@@ -17,0 +17,0 @@ tickClasses(tick: any): Object; |
"use strict"; | ||
var core_1 = require('@angular/core'); | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
var core_1 = require("@angular/core"); | ||
/** | ||
@@ -11,3 +20,3 @@ * @hidden | ||
} | ||
KendoSliderTicksComponent.prototype.ngOnChanges = function (changes) { | ||
KendoSliderTicksComponent.prototype.ngOnChanges = function () { | ||
this.createTicks(); | ||
@@ -20,5 +29,5 @@ }; | ||
return { | ||
'k-tick': true, | ||
'k-first': (tick.first && !this.vertical) || (tick.last && this.vertical), | ||
'k-last': (tick.last && !this.vertical) || (tick.first && this.vertical) | ||
'k-last': (tick.last && !this.vertical) || (tick.first && this.vertical), | ||
'k-tick': true | ||
}; | ||
@@ -36,21 +45,38 @@ }; | ||
}; | ||
KendoSliderTicksComponent.decorators = [ | ||
{ type: core_1.Component, args: [{ | ||
selector: 'kendo-slider-ticks', | ||
template: "\n <ul #container class=\"k-reset k-slider-items\">\n <li #tickElement *ngFor=\"let tick of ticks let idx=index \"\n [ngClass]=\"tickClasses(tick)\"\n title=\"{{title(idx * step)}}\"\n (click)=\"onClick($event)\"\n role=\"presentation\"\n > </li>\n </ul>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
KendoSliderTicksComponent.ctorParameters = []; | ||
KendoSliderTicksComponent.propDecorators = { | ||
'tickClick': [{ type: core_1.Output },], | ||
'vertical': [{ type: core_1.Input },], | ||
'ticksCount': [{ type: core_1.Input },], | ||
'title': [{ type: core_1.Input },], | ||
'step': [{ type: core_1.Input },], | ||
'container': [{ type: core_1.ViewChild, args: ['container',] },], | ||
'tickElements': [{ type: core_1.ViewChildren, args: ['tickElement',] },], | ||
}; | ||
return KendoSliderTicksComponent; | ||
}()); | ||
__decorate([ | ||
core_1.Output(), | ||
__metadata("design:type", core_1.EventEmitter) | ||
], KendoSliderTicksComponent.prototype, "tickClick", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Boolean) | ||
], KendoSliderTicksComponent.prototype, "vertical", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Number) | ||
], KendoSliderTicksComponent.prototype, "ticksCount", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", String) | ||
], KendoSliderTicksComponent.prototype, "title", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Number) | ||
], KendoSliderTicksComponent.prototype, "step", void 0); | ||
__decorate([ | ||
core_1.ViewChild('container'), | ||
__metadata("design:type", core_1.ElementRef) | ||
], KendoSliderTicksComponent.prototype, "container", void 0); | ||
__decorate([ | ||
core_1.ViewChildren('tickElement'), | ||
__metadata("design:type", core_1.QueryList) | ||
], KendoSliderTicksComponent.prototype, "tickElements", void 0); | ||
KendoSliderTicksComponent = __decorate([ | ||
core_1.Component({ | ||
selector: 'kendo-slider-ticks', | ||
template: "\n <ul #container class=\"k-reset k-slider-items\">\n <li #tickElement *ngFor=\"let tick of ticks let idx=index \"\n [ngClass]=\"tickClasses(tick)\"\n title=\"{{title(idx * step)}}\"\n (click)=\"onClick($event)\"\n role=\"presentation\"\n > </li>\n </ul>\n " | ||
}) | ||
], KendoSliderTicksComponent); | ||
exports.KendoSliderTicksComponent = KendoSliderTicksComponent; | ||
@@ -57,0 +83,0 @@ /** |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"KendoSliderTicksComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-slider-ticks","template":"\n <ul #container class=\"k-reset k-slider-items\">\n <li #tickElement *ngFor=\"let tick of ticks let idx=index \"\n [ngClass]=\"tickClasses(tick)\"\n title=\"{{title(idx * step)}}\"\n (click)=\"onClick($event)\"\n role=\"presentation\"\n > </li>\n </ul>\n "}]}],"members":{"tickClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ticksCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"tickElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":["tickElement"]}]}],"ngOnChanges":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"tickClasses":[{"__symbolic":"method"}],"createTicks":[{"__symbolic":"method"}]}}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"KendoSliderTicksComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-slider-ticks","template":"\n <ul #container class=\"k-reset k-slider-items\">\n <li #tickElement *ngFor=\"let tick of ticks let idx=index \"\n [ngClass]=\"tickClasses(tick)\"\n title=\"{{title(idx * step)}}\"\n (click)=\"onClick($event)\"\n role=\"presentation\"\n > </li>\n </ul>\n "}]}],"members":{"tickClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ticksCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"tickElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":["tickElement"]}]}],"ngOnChanges":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"tickClasses":[{"__symbolic":"method"}],"createTicks":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"KendoSliderTicksComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-slider-ticks","template":"\n <ul #container class=\"k-reset k-slider-items\">\n <li #tickElement *ngFor=\"let tick of ticks let idx=index \"\n [ngClass]=\"tickClasses(tick)\"\n title=\"{{title(idx * step)}}\"\n (click)=\"onClick($event)\"\n role=\"presentation\"\n > </li>\n </ul>\n "}]}],"members":{"tickClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ticksCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"tickElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":["tickElement"]}]}],"ngOnChanges":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"tickClasses":[{"__symbolic":"method"}],"createTicks":[{"__symbolic":"method"}]}}}}] |
@@ -99,4 +99,4 @@ import { ElementRef, OnChanges, AfterViewInit, EventEmitter, OnDestroy } from '@angular/core'; | ||
dragging: boolean; | ||
ticksCount: number; | ||
private wrapper; | ||
private ticksCount; | ||
private decreaseButtonSubscription; | ||
@@ -118,3 +118,3 @@ private increaseButtonSubscription; | ||
constructor(el: ElementRef); | ||
ngOnChanges(changes: any): void; | ||
ngOnChanges(): void; | ||
ngAfterViewInit(): void; | ||
@@ -121,0 +121,0 @@ ngOnDestroy(): void; |
"use strict"; | ||
var core_1 = require('@angular/core'); | ||
var forms_1 = require('@angular/forms'); | ||
var Observable_1 = require('rxjs/Observable'); | ||
var Subscription_1 = require('rxjs/Subscription'); | ||
require('rxjs/add/observable/fromEvent'); | ||
require('rxjs/add/observable/interval'); | ||
require('rxjs/add/observable/merge'); | ||
require('rxjs/add/operator/filter'); | ||
require('rxjs/add/operator/concatMap'); | ||
require('rxjs/add/operator/startWith'); | ||
require('rxjs/add/operator/takeUntil'); | ||
var kendo_inputs_common_1 = require('@telerik/kendo-inputs-common'); | ||
var enums_1 = require('../common/enums'); | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
var core_1 = require("@angular/core"); | ||
var forms_1 = require("@angular/forms"); | ||
var Observable_1 = require("rxjs/Observable"); | ||
var Subscription_1 = require("rxjs/Subscription"); | ||
require("rxjs/add/observable/fromEvent"); | ||
require("rxjs/add/observable/interval"); | ||
require("rxjs/add/observable/merge"); | ||
require("rxjs/add/operator/filter"); | ||
require("rxjs/add/operator/concatMap"); | ||
require("rxjs/add/operator/startWith"); | ||
require("rxjs/add/operator/takeUntil"); | ||
var kendo_inputs_common_1 = require("@telerik/kendo-inputs-common"); | ||
var enums_1 = require("../common/enums"); | ||
/** | ||
* Represents the Kendo UI Slider component for Angular. | ||
*/ | ||
var SliderComponent = (function () { | ||
var SliderComponent = SliderComponent_1 = (function () { | ||
function SliderComponent(el) { | ||
@@ -108,4 +117,3 @@ var _this = this; | ||
}, | ||
_a | ||
); | ||
_a); | ||
/** | ||
@@ -119,3 +127,3 @@ * @hidden | ||
}; | ||
this.ngChange = function (value) { }; | ||
this.ngChange = function (_) { }; | ||
this.ngTouched = function () { }; | ||
@@ -240,3 +248,3 @@ this.decreaseValue = function () { | ||
}; | ||
SliderComponent.prototype.ngOnChanges = function (changes) { | ||
SliderComponent.prototype.ngOnChanges = function () { | ||
this.ticksCount = kendo_inputs_common_1.SliderUtil.calculateTicksCount(this.max, this.min, this.smallStep); | ||
@@ -351,3 +359,3 @@ }; | ||
.filter(function () { return !_this.disabled; }) | ||
.concatMap(function (e) { | ||
.concatMap(function () { | ||
return Observable_1.Observable.interval(150) | ||
@@ -394,55 +402,178 @@ .startWith(-1) | ||
}; | ||
SliderComponent.decorators = [ | ||
{ type: core_1.Component, args: [{ | ||
providers: [ | ||
{ multi: true, provide: forms_1.NG_VALUE_ACCESSOR, useExisting: core_1.forwardRef(function () { return SliderComponent; }) } /* tslint:disable-line */ | ||
], | ||
selector: 'kendo-slider', | ||
template: "\n\n <div class=\"k-slider-wrap k-slider-buttons\">\n <a\n #decreaseButton\n *ngIf=\"showButtons\"\n class=\"k-button k-button-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-w]=\"!vertical\"\n [class.k-i-arrow-s]=\"vertical\"\n >\n </span>\n </a>\n <a\n *ngIf=\"showButtons\"\n #increaseButton\n class=\"k-button k-button-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-e]=\"!vertical\"\n [class.k-i-arrow-n]=\"vertical\"\n >\n </span>\n </a>\n <kendo-slider-ticks\n #ticks\n *ngIf=\"tickPlacement !== 'none'\"\n [title]=\"title\"\n [vertical]=\"vertical\"\n [ticksCount]=\"ticksCount\"\n [step]=\"smallStep\"\n (tickClick)=\"ifEnabled(onTickClick, $event)\"\n >\n </kendo-slider-ticks>\n <div #track\n class=\"k-slider-track\"\n (click)=\"ifEnabled(onTrackClick, $event)\">\n <div #sliderSelection\n [class.k-slider-selection]=\"true\"\n [class.k-pressed]=\"dragging\"\n >\n </div>\n <a #draghandle\n [class.k-draghandle]=\"true\"\n [class.k-pressed]=\"dragging\"\n [title]=\"dragHandleTitle\"\n kendoDraggable\n (kendo.drag)=\"ifEnabled(onHandleDrag ,$event)\"\n (kendo.release)=\"ifEnabled(onHandleRelease, $event)\"\n >Drag</a>\n </div>\n </div>\n\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
SliderComponent.ctorParameters = [ | ||
{ type: core_1.ElementRef, }, | ||
]; | ||
SliderComponent.propDecorators = { | ||
'incrementTitle': [{ type: core_1.Input },], | ||
'decrementTitle': [{ type: core_1.Input },], | ||
'showButtons': [{ type: core_1.Input },], | ||
'tickPlacement': [{ type: core_1.Input },], | ||
'title': [{ type: core_1.Input },], | ||
'dragHandleTitle': [{ type: core_1.Input },], | ||
'vertical': [{ type: core_1.Input },], | ||
'min': [{ type: core_1.Input },], | ||
'max': [{ type: core_1.Input },], | ||
'smallStep': [{ type: core_1.Input },], | ||
'fixedTickWidth': [{ type: core_1.Input },], | ||
'disabled': [{ type: core_1.Input },], | ||
'value': [{ type: core_1.Input },], | ||
'valueChange': [{ type: core_1.Output },], | ||
'track': [{ type: core_1.ViewChild, args: ['track',] },], | ||
'draghandle': [{ type: core_1.ViewChild, args: ['draghandle',] },], | ||
'sliderSelection': [{ type: core_1.ViewChild, args: ['sliderSelection',] },], | ||
'ticks': [{ type: core_1.ViewChild, args: ['ticks',] },], | ||
'decreaseButton': [{ type: core_1.ViewChild, args: ['decreaseButton',] },], | ||
'increaseButton': [{ type: core_1.ViewChild, args: ['increaseButton',] },], | ||
'horizontalClass': [{ type: core_1.HostBinding, args: ['class.k-slider-horizontal',] },], | ||
'verticalClass': [{ type: core_1.HostBinding, args: ['class.k-slider-vertical',] },], | ||
'sliderClass': [{ type: core_1.HostBinding, args: ['class.k-slider',] },], | ||
'widgetClass': [{ type: core_1.HostBinding, args: ['class.k-widget',] },], | ||
'stateDefaultClass': [{ type: core_1.HostBinding, args: ['class.k-state-default',] },], | ||
'topLeftClass': [{ type: core_1.HostBinding, args: ['class.k-slider-topleft',] },], | ||
'bottomRightClass': [{ type: core_1.HostBinding, args: ['class.k-slider-bottomright',] },], | ||
'disabledClass': [{ type: core_1.HostBinding, args: ['class.k-state-disabled',] },], | ||
'tabIndex': [{ type: core_1.HostBinding, args: ['tabIndex',] },], | ||
'ariaDisabled': [{ type: core_1.HostBinding, args: ['attr.aria-disabled',] },], | ||
'ariaMin': [{ type: core_1.HostBinding, args: ['attr.aria-valuemin',] },], | ||
'ariaMax': [{ type: core_1.HostBinding, args: ['attr.aria-valuemax',] },], | ||
'ariaValue': [{ type: core_1.HostBinding, args: ['attr.aria-valuenow',] },], | ||
'active': [{ type: core_1.HostListener, args: ['click',] }, { type: core_1.HostListener, args: ['focus',] },], | ||
'keydown': [{ type: core_1.HostListener, args: ['keydown', ['$event'],] },], | ||
'blur': [{ type: core_1.HostListener, args: ['blur',] },], | ||
}; | ||
return SliderComponent; | ||
}()); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", String) | ||
], SliderComponent.prototype, "incrementTitle", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", String) | ||
], SliderComponent.prototype, "decrementTitle", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Boolean) | ||
], SliderComponent.prototype, "showButtons", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", String) | ||
], SliderComponent.prototype, "tickPlacement", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], SliderComponent.prototype, "title", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", String) | ||
], SliderComponent.prototype, "dragHandleTitle", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Boolean) | ||
], SliderComponent.prototype, "vertical", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Number) | ||
], SliderComponent.prototype, "min", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Number) | ||
], SliderComponent.prototype, "max", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Number) | ||
], SliderComponent.prototype, "smallStep", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Number) | ||
], SliderComponent.prototype, "fixedTickWidth", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Boolean) | ||
], SliderComponent.prototype, "disabled", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Number) | ||
], SliderComponent.prototype, "value", void 0); | ||
__decorate([ | ||
core_1.Output(), | ||
__metadata("design:type", core_1.EventEmitter) | ||
], SliderComponent.prototype, "valueChange", void 0); | ||
__decorate([ | ||
core_1.ViewChild('track'), | ||
__metadata("design:type", core_1.ElementRef) | ||
], SliderComponent.prototype, "track", void 0); | ||
__decorate([ | ||
core_1.ViewChild('draghandle'), | ||
__metadata("design:type", core_1.ElementRef) | ||
], SliderComponent.prototype, "draghandle", void 0); | ||
__decorate([ | ||
core_1.ViewChild('sliderSelection'), | ||
__metadata("design:type", core_1.ElementRef) | ||
], SliderComponent.prototype, "sliderSelection", void 0); | ||
__decorate([ | ||
core_1.ViewChild('ticks'), | ||
__metadata("design:type", Object) | ||
], SliderComponent.prototype, "ticks", void 0); | ||
__decorate([ | ||
core_1.ViewChild('decreaseButton'), | ||
__metadata("design:type", core_1.ElementRef) | ||
], SliderComponent.prototype, "decreaseButton", void 0); | ||
__decorate([ | ||
core_1.ViewChild('increaseButton'), | ||
__metadata("design:type", core_1.ElementRef) | ||
], SliderComponent.prototype, "increaseButton", void 0); | ||
__decorate([ | ||
core_1.HostBinding('class.k-slider-horizontal'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "horizontalClass", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-slider-vertical'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "verticalClass", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-slider'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "sliderClass", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-widget'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "widgetClass", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-state-default'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "stateDefaultClass", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-slider-topleft'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "topLeftClass", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-slider-bottomright'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "bottomRightClass", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-state-disabled'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "disabledClass", null); | ||
__decorate([ | ||
core_1.HostBinding('tabIndex'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "tabIndex", null); | ||
__decorate([ | ||
core_1.HostBinding('attr.aria-disabled'), | ||
__metadata("design:type", Boolean), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "ariaDisabled", null); | ||
__decorate([ | ||
core_1.HostBinding('attr.aria-valuemin'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "ariaMin", null); | ||
__decorate([ | ||
core_1.HostBinding('attr.aria-valuemax'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "ariaMax", null); | ||
__decorate([ | ||
core_1.HostBinding('attr.aria-valuenow'), | ||
__metadata("design:type", Number), | ||
__metadata("design:paramtypes", []) | ||
], SliderComponent.prototype, "ariaValue", null); | ||
__decorate([ | ||
core_1.HostListener('click'), core_1.HostListener('focus'), | ||
__metadata("design:type", Function), | ||
__metadata("design:paramtypes", []), | ||
__metadata("design:returntype", void 0) | ||
], SliderComponent.prototype, "active", null); | ||
__decorate([ | ||
core_1.HostListener('keydown', ['$event']), | ||
__metadata("design:type", Function), | ||
__metadata("design:paramtypes", [Object]), | ||
__metadata("design:returntype", void 0) | ||
], SliderComponent.prototype, "keydown", null); | ||
__decorate([ | ||
core_1.HostListener('blur'), | ||
__metadata("design:type", Function), | ||
__metadata("design:paramtypes", []), | ||
__metadata("design:returntype", void 0) | ||
], SliderComponent.prototype, "blur", null); | ||
SliderComponent = SliderComponent_1 = __decorate([ | ||
core_1.Component({ | ||
providers: [ | ||
{ multi: true, provide: forms_1.NG_VALUE_ACCESSOR, useExisting: core_1.forwardRef(function () { return SliderComponent_1; }) } /* tslint:disable-line */ | ||
], | ||
selector: 'kendo-slider', | ||
template: "\n\n <div class=\"k-slider-wrap k-slider-buttons\">\n <a\n #decreaseButton\n *ngIf=\"showButtons\"\n class=\"k-button k-button-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-w]=\"!vertical\"\n [class.k-i-arrow-s]=\"vertical\"\n >\n </span>\n </a>\n <a\n *ngIf=\"showButtons\"\n #increaseButton\n class=\"k-button k-button-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-e]=\"!vertical\"\n [class.k-i-arrow-n]=\"vertical\"\n >\n </span>\n </a>\n <kendo-slider-ticks\n #ticks\n *ngIf=\"tickPlacement !== 'none'\"\n [title]=\"title\"\n [vertical]=\"vertical\"\n [ticksCount]=\"ticksCount\"\n [step]=\"smallStep\"\n (tickClick)=\"ifEnabled(onTickClick, $event)\"\n >\n </kendo-slider-ticks>\n <div #track\n class=\"k-slider-track\"\n (click)=\"ifEnabled(onTrackClick, $event)\">\n <div #sliderSelection\n [class.k-slider-selection]=\"true\"\n [class.k-pressed]=\"dragging\"\n >\n </div>\n <a #draghandle\n [class.k-draghandle]=\"true\"\n [class.k-pressed]=\"dragging\"\n [title]=\"dragHandleTitle\"\n kendoDraggable\n (kendo.drag)=\"ifEnabled(onHandleDrag ,$event)\"\n (kendo.release)=\"ifEnabled(onHandleRelease, $event)\"\n >Drag</a>\n </div>\n </div>\n\n " | ||
}), | ||
__metadata("design:paramtypes", [core_1.ElementRef]) | ||
], SliderComponent); | ||
exports.SliderComponent = SliderComponent; | ||
var SliderComponent_1; |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"SliderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SliderComponent"}}],"selector":"kendo-slider","template":"\n\n <div class=\"k-slider-wrap k-slider-buttons\">\n <a\n #decreaseButton\n *ngIf=\"showButtons\"\n class=\"k-button k-button-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-w]=\"!vertical\"\n [class.k-i-arrow-s]=\"vertical\"\n >\n </span>\n </a>\n <a\n *ngIf=\"showButtons\"\n #increaseButton\n class=\"k-button k-button-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-e]=\"!vertical\"\n [class.k-i-arrow-n]=\"vertical\"\n >\n </span>\n </a>\n <kendo-slider-ticks\n #ticks\n *ngIf=\"tickPlacement !== 'none'\"\n [title]=\"title\"\n [vertical]=\"vertical\"\n [ticksCount]=\"ticksCount\"\n [step]=\"smallStep\"\n (tickClick)=\"ifEnabled(onTickClick, $event)\"\n >\n </kendo-slider-ticks>\n <div #track\n class=\"k-slider-track\"\n (click)=\"ifEnabled(onTrackClick, $event)\">\n <div #sliderSelection\n [class.k-slider-selection]=\"true\"\n [class.k-pressed]=\"dragging\"\n >\n </div>\n <a #draghandle\n [class.k-draghandle]=\"true\"\n [class.k-pressed]=\"dragging\"\n [title]=\"dragHandleTitle\"\n kendoDraggable\n (kendo.drag)=\"ifEnabled(onHandleDrag ,$event)\"\n (kendo.release)=\"ifEnabled(onHandleRelease, $event)\"\n >Drag</a>\n </div>\n </div>\n\n "}]}],"members":{"incrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tickPlacement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragHandleTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"smallStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fixedTickWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"track":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["track"]}]}],"draghandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["draghandle"]}]}],"sliderSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["sliderSelection"]}]}],"ticks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["ticks"]}]}],"decreaseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["decreaseButton"]}]}],"increaseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["increaseButton"]}]}],"horizontalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-horizontal"]}]}],"verticalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-vertical"]}]}],"sliderClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"stateDefaultClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-default"]}]}],"topLeftClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-topleft"]}]}],"bottomRightClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-bottomright"]}]}],"disabledClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"ariaMin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemin"]}]}],"ariaMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemax"]}]}],"ariaValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"active":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"blur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onTickClick":[{"__symbolic":"method"}],"onTrackClick":[{"__symbolic":"method"}],"onIncrement":[{"__symbolic":"method"}],"onDecrement":[{"__symbolic":"method"}],"isDocumentAvailable":[{"__symbolic":"method"}],"onHandleDrag":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"onHandleRelease":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"setValueChangeInterval":[{"__symbolic":"method"}],"sizeComponent":[{"__symbolic":"method"}],"handleAnimation":[{"__symbolic":"method"}],"getProps":[{"__symbolic":"method"}]}}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"SliderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SliderComponent"}}],"selector":"kendo-slider","template":"\n\n <div class=\"k-slider-wrap k-slider-buttons\">\n <a\n #decreaseButton\n *ngIf=\"showButtons\"\n class=\"k-button k-button-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-w]=\"!vertical\"\n [class.k-i-arrow-s]=\"vertical\"\n >\n </span>\n </a>\n <a\n *ngIf=\"showButtons\"\n #increaseButton\n class=\"k-button k-button-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-e]=\"!vertical\"\n [class.k-i-arrow-n]=\"vertical\"\n >\n </span>\n </a>\n <kendo-slider-ticks\n #ticks\n *ngIf=\"tickPlacement !== 'none'\"\n [title]=\"title\"\n [vertical]=\"vertical\"\n [ticksCount]=\"ticksCount\"\n [step]=\"smallStep\"\n (tickClick)=\"ifEnabled(onTickClick, $event)\"\n >\n </kendo-slider-ticks>\n <div #track\n class=\"k-slider-track\"\n (click)=\"ifEnabled(onTrackClick, $event)\">\n <div #sliderSelection\n [class.k-slider-selection]=\"true\"\n [class.k-pressed]=\"dragging\"\n >\n </div>\n <a #draghandle\n [class.k-draghandle]=\"true\"\n [class.k-pressed]=\"dragging\"\n [title]=\"dragHandleTitle\"\n kendoDraggable\n (kendo.drag)=\"ifEnabled(onHandleDrag ,$event)\"\n (kendo.release)=\"ifEnabled(onHandleRelease, $event)\"\n >Drag</a>\n </div>\n </div>\n\n "}]}],"members":{"incrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tickPlacement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragHandleTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"smallStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fixedTickWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"track":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["track"]}]}],"draghandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["draghandle"]}]}],"sliderSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["sliderSelection"]}]}],"ticks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["ticks"]}]}],"decreaseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["decreaseButton"]}]}],"increaseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["increaseButton"]}]}],"horizontalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-horizontal"]}]}],"verticalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-vertical"]}]}],"sliderClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"stateDefaultClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-default"]}]}],"topLeftClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-topleft"]}]}],"bottomRightClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-bottomright"]}]}],"disabledClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"ariaMin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemin"]}]}],"ariaMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemax"]}]}],"ariaValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"active":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"blur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onTickClick":[{"__symbolic":"method"}],"onTrackClick":[{"__symbolic":"method"}],"onIncrement":[{"__symbolic":"method"}],"onDecrement":[{"__symbolic":"method"}],"isDocumentAvailable":[{"__symbolic":"method"}],"onHandleDrag":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"onHandleRelease":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"setValueChangeInterval":[{"__symbolic":"method"}],"sizeComponent":[{"__symbolic":"method"}],"handleAnimation":[{"__symbolic":"method"}],"getProps":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SliderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SliderComponent"}}],"selector":"kendo-slider","template":"\n\n <div class=\"k-slider-wrap k-slider-buttons\">\n <a\n #decreaseButton\n *ngIf=\"showButtons\"\n class=\"k-button k-button-decrease\"\n [title]=\"decrementTitle\"\n [attr.aria-label]=\"decrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-w]=\"!vertical\"\n [class.k-i-arrow-s]=\"vertical\"\n >\n </span>\n </a>\n <a\n *ngIf=\"showButtons\"\n #increaseButton\n class=\"k-button k-button-increase\"\n [title]=\"incrementTitle\"\n [attr.aria-label]=\"incrementTitle\"\n >\n <span\n [class.k-icon]=\"true\"\n [class.k-i-arrow-e]=\"!vertical\"\n [class.k-i-arrow-n]=\"vertical\"\n >\n </span>\n </a>\n <kendo-slider-ticks\n #ticks\n *ngIf=\"tickPlacement !== 'none'\"\n [title]=\"title\"\n [vertical]=\"vertical\"\n [ticksCount]=\"ticksCount\"\n [step]=\"smallStep\"\n (tickClick)=\"ifEnabled(onTickClick, $event)\"\n >\n </kendo-slider-ticks>\n <div #track\n class=\"k-slider-track\"\n (click)=\"ifEnabled(onTrackClick, $event)\">\n <div #sliderSelection\n [class.k-slider-selection]=\"true\"\n [class.k-pressed]=\"dragging\"\n >\n </div>\n <a #draghandle\n [class.k-draghandle]=\"true\"\n [class.k-pressed]=\"dragging\"\n [title]=\"dragHandleTitle\"\n kendoDraggable\n (kendo.drag)=\"ifEnabled(onHandleDrag ,$event)\"\n (kendo.release)=\"ifEnabled(onHandleRelease, $event)\"\n >Drag</a>\n </div>\n </div>\n\n "}]}],"members":{"incrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"decrementTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tickPlacement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragHandleTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"smallStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fixedTickWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"track":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["track"]}]}],"draghandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["draghandle"]}]}],"sliderSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["sliderSelection"]}]}],"ticks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["ticks"]}]}],"decreaseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["decreaseButton"]}]}],"increaseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["increaseButton"]}]}],"horizontalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-horizontal"]}]}],"verticalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-vertical"]}]}],"sliderClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"stateDefaultClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-default"]}]}],"topLeftClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-topleft"]}]}],"bottomRightClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-slider-bottomright"]}]}],"disabledClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"ariaMin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemin"]}]}],"ariaMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuemax"]}]}],"ariaValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"active":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"blur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onTickClick":[{"__symbolic":"method"}],"onTrackClick":[{"__symbolic":"method"}],"onIncrement":[{"__symbolic":"method"}],"onDecrement":[{"__symbolic":"method"}],"isDocumentAvailable":[{"__symbolic":"method"}],"onHandleDrag":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"onHandleRelease":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"setValueChangeInterval":[{"__symbolic":"method"}],"sizeComponent":[{"__symbolic":"method"}],"handleAnimation":[{"__symbolic":"method"}],"getProps":[{"__symbolic":"method"}]}}}}] |
"use strict"; | ||
var core_1 = require('@angular/core'); | ||
var forms_1 = require('@angular/forms'); | ||
var enums_1 = require('../common/enums'); | ||
var kendo_inputs_common_1 = require('@telerik/kendo-inputs-common'); | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); | ||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; | ||
return c > 3 && r && Object.defineProperty(target, key, r), r; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
var core_1 = require("@angular/core"); | ||
var forms_1 = require("@angular/forms"); | ||
var enums_1 = require("../common/enums"); | ||
var kendo_inputs_common_1 = require("@telerik/kendo-inputs-common"); | ||
/** | ||
* Represents the Kendo UI Switch component for Angular. | ||
*/ | ||
var SwitchComponent = (function () { | ||
var SwitchComponent = SwitchComponent_1 = (function () { | ||
function SwitchComponent() { | ||
@@ -39,3 +48,3 @@ var _this = this; | ||
}; | ||
this.ngChange = function (checked) { }; | ||
this.ngChange = function (_) { }; | ||
this.ngTouched = function () { }; | ||
@@ -72,4 +81,4 @@ this.keyDownHandler = function (event) { | ||
SwitchComponent.prototype.keyDown = function ($event) { | ||
event.preventDefault(); | ||
this.ifEnabled(this.keyDownHandler, event, true); | ||
$event.preventDefault(); | ||
this.ifEnabled(this.keyDownHandler, $event, true); | ||
}; | ||
@@ -203,32 +212,84 @@ Object.defineProperty(SwitchComponent.prototype, "ariaDisabled", { | ||
}; | ||
SwitchComponent.decorators = [ | ||
{ type: core_1.Component, args: [{ | ||
providers: [ | ||
{ multi: true, provide: forms_1.NG_VALUE_ACCESSOR, useExisting: core_1.forwardRef(function () { return SwitchComponent; }) } /* tslint:disable-line */ | ||
], | ||
selector: 'kendo-switch', | ||
template: "\n <span class=\"k-switch-wrapper\">\n <span class=\"k-switch-background\"></span>\n </span>\n <span\n #wrapper\n kendoDraggable\n (kendo.drag)=\"onHandleDrag($event)\"\n (kendo.press)=\"onHandlePress($event)\"\n (kendo.release)=\"onHandleRelease($event)\"\n class=\"k-switch-container\"\n [attr.tabindex]=\"disabled ? undefined : 1\"\n (blur)=\"onBlur()\"\n >\n <span #dragHandle class=\"k-switch-handle\">\n <span class=\"k-switch-label-on\">{{onLabel}}</span>\n <span class=\"k-switch-label-off\">{{offLabel}}</span>\n </span>\n </span>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
SwitchComponent.ctorParameters = []; | ||
SwitchComponent.propDecorators = { | ||
'onLabel': [{ type: core_1.Input },], | ||
'offLabel': [{ type: core_1.Input },], | ||
'checked': [{ type: core_1.Input },], | ||
'disabled': [{ type: core_1.Input },], | ||
'valueChange': [{ type: core_1.Output },], | ||
'dragHandle': [{ type: core_1.ViewChild, args: ['dragHandle',] },], | ||
'wrapper': [{ type: core_1.ViewChild, args: ['wrapper',] },], | ||
'keyDown': [{ type: core_1.HostListener, args: ['keydown', ['$event'],] },], | ||
'ariaDisabled': [{ type: core_1.HostBinding, args: ['attr.aria-disabled',] },], | ||
'ariaChecked': [{ type: core_1.HostBinding, args: ['attr.aria-checked',] },], | ||
'widget': [{ type: core_1.HostBinding, args: ['class.k-widget',] },], | ||
'switchClass': [{ type: core_1.HostBinding, args: ['class.k-switch',] },], | ||
'switchOn': [{ type: core_1.HostBinding, args: ['class.k-switch-on',] },], | ||
'switchOff': [{ type: core_1.HostBinding, args: ['class.k-switch-off',] },], | ||
'stateDisabled': [{ type: core_1.HostBinding, args: ['class.k-state-disabled',] },], | ||
}; | ||
return SwitchComponent; | ||
}()); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", String) | ||
], SwitchComponent.prototype, "onLabel", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", String) | ||
], SwitchComponent.prototype, "offLabel", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Boolean) | ||
], SwitchComponent.prototype, "checked", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata("design:type", Boolean) | ||
], SwitchComponent.prototype, "disabled", void 0); | ||
__decorate([ | ||
core_1.Output(), | ||
__metadata("design:type", core_1.EventEmitter) | ||
], SwitchComponent.prototype, "valueChange", void 0); | ||
__decorate([ | ||
core_1.ViewChild('dragHandle'), | ||
__metadata("design:type", Object) | ||
], SwitchComponent.prototype, "dragHandle", void 0); | ||
__decorate([ | ||
core_1.ViewChild('wrapper'), | ||
__metadata("design:type", Object) | ||
], SwitchComponent.prototype, "wrapper", void 0); | ||
__decorate([ | ||
core_1.HostListener('keydown', ['$event']), | ||
__metadata("design:type", Function), | ||
__metadata("design:paramtypes", [Object]), | ||
__metadata("design:returntype", void 0) | ||
], SwitchComponent.prototype, "keyDown", null); | ||
__decorate([ | ||
core_1.HostBinding('attr.aria-disabled'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "ariaDisabled", null); | ||
__decorate([ | ||
core_1.HostBinding('attr.aria-checked'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "ariaChecked", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-widget'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "widget", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-switch'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "switchClass", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-switch-on'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "switchOn", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-switch-off'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "switchOff", null); | ||
__decorate([ | ||
core_1.HostBinding('class.k-state-disabled'), | ||
__metadata("design:type", Object), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent.prototype, "stateDisabled", null); | ||
SwitchComponent = SwitchComponent_1 = __decorate([ | ||
core_1.Component({ | ||
providers: [ | ||
{ multi: true, provide: forms_1.NG_VALUE_ACCESSOR, useExisting: core_1.forwardRef(function () { return SwitchComponent_1; }) } /* tslint:disable-line */ | ||
], | ||
selector: 'kendo-switch', | ||
template: "\n <span class=\"k-switch-wrapper\">\n <span class=\"k-switch-background\"></span>\n </span>\n <span\n #wrapper\n kendoDraggable\n (kendo.drag)=\"onHandleDrag($event)\"\n (kendo.press)=\"onHandlePress($event)\"\n (kendo.release)=\"onHandleRelease($event)\"\n class=\"k-switch-container\"\n [attr.tabindex]=\"disabled ? undefined : 1\"\n (blur)=\"onBlur()\"\n >\n <span #dragHandle class=\"k-switch-handle\">\n <span class=\"k-switch-label-on\">{{onLabel}}</span>\n <span class=\"k-switch-label-off\">{{offLabel}}</span>\n </span>\n </span>\n " | ||
}), | ||
__metadata("design:paramtypes", []) | ||
], SwitchComponent); | ||
exports.SwitchComponent = SwitchComponent; | ||
var SwitchComponent_1; |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"SwitchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SwitchComponent"}}],"selector":"kendo-switch","template":"\n <span class=\"k-switch-wrapper\">\n <span class=\"k-switch-background\"></span>\n </span>\n <span\n #wrapper\n kendoDraggable\n (kendo.drag)=\"onHandleDrag($event)\"\n (kendo.press)=\"onHandlePress($event)\"\n (kendo.release)=\"onHandleRelease($event)\"\n class=\"k-switch-container\"\n [attr.tabindex]=\"disabled ? undefined : 1\"\n (blur)=\"onBlur()\"\n >\n <span #dragHandle class=\"k-switch-handle\">\n <span class=\"k-switch-label-on\">{{onLabel}}</span>\n <span class=\"k-switch-label-off\">{{offLabel}}</span>\n </span>\n </span>\n "}]}],"members":{"onLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragHandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dragHandle"]}]}],"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["wrapper"]}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"ariaChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-checked"]}]}],"widget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"switchClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch"]}]}],"switchOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch-on"]}]}],"switchOff":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch-off"]}]}],"stateDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onBlur":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onHandleDrag":[{"__symbolic":"method"}],"onHandlePress":[{"__symbolic":"method"}],"onHandleRelease":[{"__symbolic":"method"}],"isDocumentAvailable":[{"__symbolic":"method"}],"updateState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}}} | ||
[{"__symbolic":"module","version":3,"metadata":{"SwitchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SwitchComponent"}}],"selector":"kendo-switch","template":"\n <span class=\"k-switch-wrapper\">\n <span class=\"k-switch-background\"></span>\n </span>\n <span\n #wrapper\n kendoDraggable\n (kendo.drag)=\"onHandleDrag($event)\"\n (kendo.press)=\"onHandlePress($event)\"\n (kendo.release)=\"onHandleRelease($event)\"\n class=\"k-switch-container\"\n [attr.tabindex]=\"disabled ? undefined : 1\"\n (blur)=\"onBlur()\"\n >\n <span #dragHandle class=\"k-switch-handle\">\n <span class=\"k-switch-label-on\">{{onLabel}}</span>\n <span class=\"k-switch-label-off\">{{offLabel}}</span>\n </span>\n </span>\n "}]}],"members":{"onLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragHandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dragHandle"]}]}],"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["wrapper"]}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"ariaChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-checked"]}]}],"widget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"switchClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch"]}]}],"switchOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch-on"]}]}],"switchOff":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch-off"]}]}],"stateDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onBlur":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onHandleDrag":[{"__symbolic":"method"}],"onHandlePress":[{"__symbolic":"method"}],"onHandleRelease":[{"__symbolic":"method"}],"isDocumentAvailable":[{"__symbolic":"method"}],"updateState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SwitchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SwitchComponent"}}],"selector":"kendo-switch","template":"\n <span class=\"k-switch-wrapper\">\n <span class=\"k-switch-background\"></span>\n </span>\n <span\n #wrapper\n kendoDraggable\n (kendo.drag)=\"onHandleDrag($event)\"\n (kendo.press)=\"onHandlePress($event)\"\n (kendo.release)=\"onHandleRelease($event)\"\n class=\"k-switch-container\"\n [attr.tabindex]=\"disabled ? undefined : 1\"\n (blur)=\"onBlur()\"\n >\n <span #dragHandle class=\"k-switch-handle\">\n <span class=\"k-switch-label-on\">{{onLabel}}</span>\n <span class=\"k-switch-label-off\">{{offLabel}}</span>\n </span>\n </span>\n "}]}],"members":{"onLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragHandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dragHandle"]}]}],"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["wrapper"]}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"ariaChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-checked"]}]}],"widget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"switchClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch"]}]}],"switchOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch-on"]}]}],"switchOff":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-switch-off"]}]}],"stateDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onBlur":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onHandleDrag":[{"__symbolic":"method"}],"onHandlePress":[{"__symbolic":"method"}],"onHandleRelease":[{"__symbolic":"method"}],"isDocumentAvailable":[{"__symbolic":"method"}],"updateState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}}}] |
{ | ||
"name": "@progress/kendo-angular-inputs", | ||
"description": "Inputs Package for Angular 2", | ||
"version": "0.15.3", | ||
"version": "0.16.0", | ||
"publishConfig": { | ||
@@ -36,29 +36,31 @@ "registry": "https://registry.npm.telerik.com" | ||
"@telerik/kendo-draggable": "^1.5.1", | ||
"@telerik/kendo-inputs-common": "^2.1.0", | ||
"@progress/kendo-angular-intl": "^0.7.0" | ||
"@telerik/kendo-inputs-common": "^2.1.0" | ||
}, | ||
"peerDependencies": { | ||
"@angular/core": "^2.0.0", | ||
"@angular/common": "^2.0.0", | ||
"@angular/forms": "^2.0.0", | ||
"rxjs": "~5.0.0-X" | ||
"@angular/core": "^2.4.0", | ||
"@angular/common": "^2.4.0", | ||
"@angular/forms": "^2.4.0", | ||
"@progress/kendo-angular-intl": "^0.7.4", | ||
"rxjs": "^5.0.1" | ||
}, | ||
"devDependencies": { | ||
"@angular/core": "~2.2.0", | ||
"@angular/common": "~2.2.0", | ||
"@angular/forms": "~2.2.0", | ||
"@angular/compiler": "~2.2.0", | ||
"@angular/compiler-cli": "~2.2.0", | ||
"@angular/platform-browser": "~2.2.0", | ||
"@angular/platform-browser-dynamic": "~2.2.0", | ||
"@angular/platform-server": "~2.2.0", | ||
"@angular/core": "^2.4.0", | ||
"@angular/common": "^2.4.0", | ||
"@angular/forms": "^2.4.0", | ||
"@angular/compiler": "^2.4.0", | ||
"@angular/compiler-cli": "^2.4.0", | ||
"@angular/platform-browser": "^2.4.0", | ||
"@angular/platform-browser-dynamic": "^2.4.0", | ||
"@angular/platform-server": "^2.4.0", | ||
"cldr-data": "^30.0.0", | ||
"json-loader": "^0.5.4", | ||
"core-js": "^2.2.2", | ||
"rxjs": "5.0.0-beta.12", | ||
"zone.js": "^0.6.23", | ||
"@progress/kendo-angular-tasks": "^6.0.0", | ||
"rxjs": "^5.0.1", | ||
"zone.js": "^0.7.2", | ||
"@progress/kendo-angular-tasks": "^7.0.0", | ||
"@progress/kendo-theme-default": "^2.0.0", | ||
"@progress/kendo-angular-intl": "^0.7.4", | ||
"cz-conventional-changelog": "^1.1.5", | ||
"codelyzer": "0.0.28", | ||
"codelyzer": "2.0.0-beta.2", | ||
"tslint": "~4.0.0", | ||
"ghooks": "^1.0.3", | ||
@@ -69,3 +71,3 @@ "gulp": "^3.9.0", | ||
"validate-commit-msg": "^1.1.1", | ||
"typescript": "~2.0.3" | ||
"typescript": "^2.1.0" | ||
}, | ||
@@ -72,0 +74,0 @@ "config": { |
@@ -11,2 +11,4 @@ { | ||
"noImplicitAny": false, | ||
"noUnusedParameters": true, | ||
"noUnusedLocals": true, | ||
"lib": ["es2015", "dom"], | ||
@@ -13,0 +15,0 @@ "outDir": "dist/es" |
@@ -8,2 +8,4 @@ { | ||
"experimentalDecorators": true, | ||
"noUnusedParameters": true, | ||
"noUnusedLocals": true, | ||
"removeComments": false, | ||
@@ -10,0 +12,0 @@ "noImplicitAny": false, |
Sorry, the diff of this file is too big to display
361898
4688
25
+ Addedrxjs@5.5.12(transitive)
+ Addedsymbol-observable@1.0.1(transitive)
- Removed@progress/kendo-angular-intl@^0.7.0
- Removedrxjs@5.0.3(transitive)
- Removedsymbol-observable@1.2.0(transitive)