ferngully-aurelia-tools
Version:
Ferngully Tools for Aurelia
100 lines • 4.93 kB
JavaScript
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);
};
define(["require", "exports", "aurelia-framework", "aurelia-binding", "./boolean-button.css", "../../../fonts/ferngullyiconfont/styles.css"], function (require, exports, aurelia_framework_1, aurelia_binding_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var BooleanButton = (function () {
function BooleanButton() {
this.inverse = false;
}
Object.defineProperty(BooleanButton.prototype, "iconClass", {
get: function () {
var target = this.inverse ? !this.target : this.target;
var enabledClass = target ? " enabled" : " disabled";
var css;
if (target) {
css = this.inverse ? "fg-notchecked" : "fg-checked";
}
else {
if (this.banOnFalse) {
css = this.inverse ? "fg-checked" : "fg-notchecked";
}
else if (this.grayOnFalse) {
css = this.inverse ? "fg-notchecked" : "fg-checked";
}
else {
css = "fg-checked";
}
}
return css + enabledClass;
},
enumerable: true,
configurable: true
});
Object.defineProperty(BooleanButton.prototype, "iconStyle", {
get: function () {
var style = {};
var target = this.inverse ? !this.target : this.target;
if (!target) {
if (this.grayOnFalse || this.banOnFalse) {
style.color = 'lightgray';
}
else {
style.color = 'transparent';
}
}
else {
style.color = '#8aa300';
}
return style;
},
enumerable: true,
configurable: true
});
__decorate([
aurelia_framework_1.bindable({ defaultBindingMode: aurelia_binding_1.bindingMode.twoWay }),
__metadata("design:type", Boolean)
], BooleanButton.prototype, "target", void 0);
__decorate([
aurelia_framework_1.bindable({ defaultValue: null, defaultBindingMode: aurelia_binding_1.bindingMode.oneTime }),
__metadata("design:type", String)
], BooleanButton.prototype, "class", void 0);
__decorate([
aurelia_framework_1.bindable({ defaultValue: false, defaultBindingMode: aurelia_binding_1.bindingMode.oneTime }),
__metadata("design:type", Boolean)
], BooleanButton.prototype, "banOnFalse", void 0);
__decorate([
aurelia_framework_1.bindable({ defaultValue: false, defaultBindingMode: aurelia_binding_1.bindingMode.oneTime }),
__metadata("design:type", Boolean)
], BooleanButton.prototype, "grayOnFalse", void 0);
__decorate([
aurelia_framework_1.bindable,
__metadata("design:type", Boolean)
], BooleanButton.prototype, "inverse", void 0);
__decorate([
aurelia_framework_1.computedFrom('target', 'inverse', 'grayOnFalse', 'banOnFalse'),
__metadata("design:type", String),
__metadata("design:paramtypes", [])
], BooleanButton.prototype, "iconClass", null);
__decorate([
aurelia_framework_1.computedFrom('target', 'inverse', 'grayOnFalse', 'banOnFalse'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], BooleanButton.prototype, "iconStyle", null);
BooleanButton = __decorate([
aurelia_framework_1.containerless,
aurelia_framework_1.autoinject,
aurelia_framework_1.customElement('boolean-button')
], BooleanButton);
return BooleanButton;
}());
exports.BooleanButton = BooleanButton;
});
//# sourceMappingURL=boolean-button.js.map