aurelia-materialize-bridge
Version:
Aurelia interface to http://materializecss.com/
46 lines • 1.61 kB
JavaScript
import * as tslib_1 from "tslib";
import * as au from "../aurelia";
import { ConfigBuilder } from "../config-builder";
let MdWaves = class MdWaves {
constructor(element, configBuilder) {
this.element = element;
this.configBuilder = configBuilder;
this.circle = false;
this.attributeManager = new au.AttributeManager(this.element);
}
attached() {
let classes = ["waves-effect"];
if (this.circle) {
classes.push("waves-circle");
}
if (this.color) {
classes.push(`waves-${this.color}`);
}
this.attributeManager.addClasses(classes);
if (!this.configBuilder.noWavesAttach) {
Waves.attach(this.element);
}
}
detached() {
let classes = ["waves-effect", "waves-block"];
if (this.color) {
classes.push(`waves-${this.color}`);
}
this.attributeManager.removeClasses(classes);
}
};
tslib_1.__decorate([
au.ato.bindable.booleanMd({ defaultBindingMode: au.bindingMode.oneTime }),
tslib_1.__metadata("design:type", Boolean)
], MdWaves.prototype, "circle", void 0);
tslib_1.__decorate([
au.ato.bindable.stringMd({ defaultBindingMode: au.bindingMode.oneTime }),
tslib_1.__metadata("design:type", String)
], MdWaves.prototype, "color", void 0);
MdWaves = tslib_1.__decorate([
au.customAttribute("md-waves"),
au.autoinject,
tslib_1.__metadata("design:paramtypes", [Element, ConfigBuilder])
], MdWaves);
export { MdWaves };
//# sourceMappingURL=waves.js.map