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 { bindable, bindingMode, customElement, inlineView } from "aurelia-framework";
export var UISlider = (function () {
    function UISlider() {
        this.value = 0;
        this.min = 0;
        this.max = 100;
        this.step = 1;
        this.disabled = false;
    }
    __decorate([
        bindable({ defaultBindingMode: bindingMode.twoWay }),
        __metadata("design:type", Number)
    ], UISlider.prototype, "value", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Number)
    ], UISlider.prototype, "min", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Number)
    ], UISlider.prototype, "max", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Number)
    ], UISlider.prototype, "step", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Boolean)
    ], UISlider.prototype, "disabled", void 0);
    UISlider = __decorate([
        customElement("ui-slider"),
        inlineView("<template class=\"ui-slider\" css.bind=\"{'--slider-pos': (value-min)/(max-min)}\">\n<div class=\"ui-slider__bubble\">${value}</div>\n<span class=\"ui-slider__min\">${min}</span>\n<span class=\"ui-slider__max\">${max}</span>\n<div class=\"ui-slider__bar\">\n  <input type=\"range\" value.bind=\"value\" step.bind=\"step\" min.bind=\"min\" max.bind=\"max\" />\n</div>\n</template>")
    ], UISlider);
    return UISlider;
}());

//# sourceMappingURL=ui-slider.js.map
