angular2-mdl
Version:
Angular 2 components, directives and styles based on material design lite https://getmdl.io.
80 lines • 2.83 kB
JavaScript
import { Directive, Input, ElementRef, Renderer, NgModule } from '@angular/core';
export var MdlBadgeDirective = (function () {
function MdlBadgeDirective(elementRef, renderer) {
this.elementRef = elementRef;
this.renderer = renderer;
this.el = elementRef.nativeElement;
}
MdlBadgeDirective.prototype.ngOnChanges = function (changes) {
this.renderer.setElementAttribute(this.el, 'data-badge', this.mdlBadgeContent);
};
MdlBadgeDirective.decorators = [
{ type: Directive, args: [{
selector: '[mdl-badge]',
host: {
'[class.mdl-badge]': 'true'
}
},] },
];
/** @nocollapse */
MdlBadgeDirective.ctorParameters = function () { return [
{ type: ElementRef, },
{ type: Renderer, },
]; };
MdlBadgeDirective.propDecorators = {
'mdlBadgeContent': [{ type: Input, args: ['mdl-badge',] },],
};
return MdlBadgeDirective;
}());
export var MdlBadgeOverlapDirective = (function () {
function MdlBadgeOverlapDirective() {
}
MdlBadgeOverlapDirective.decorators = [
{ type: Directive, args: [{
selector: '[mdl-badge-overlap]',
host: {
'[class.mdl-badge--overlap]': 'true'
}
},] },
];
/** @nocollapse */
MdlBadgeOverlapDirective.ctorParameters = function () { return []; };
return MdlBadgeOverlapDirective;
}());
export var MdlBadgeNoBackgroundDirective = (function () {
function MdlBadgeNoBackgroundDirective() {
}
MdlBadgeNoBackgroundDirective.decorators = [
{ type: Directive, args: [{
selector: '[mdl-badge-no-background]',
host: {
'[class.mdl-badge--no-background]': 'true'
}
},] },
];
/** @nocollapse */
MdlBadgeNoBackgroundDirective.ctorParameters = function () { return []; };
return MdlBadgeNoBackgroundDirective;
}());
var MDL_BADGE_DIRECTIVES = [MdlBadgeDirective, MdlBadgeOverlapDirective, MdlBadgeNoBackgroundDirective];
export var MdlBadgeModule = (function () {
function MdlBadgeModule() {
}
MdlBadgeModule.forRoot = function () {
return {
ngModule: MdlBadgeModule,
providers: []
};
};
MdlBadgeModule.decorators = [
{ type: NgModule, args: [{
imports: [],
exports: MDL_BADGE_DIRECTIVES,
declarations: MDL_BADGE_DIRECTIVES,
},] },
];
/** @nocollapse */
MdlBadgeModule.ctorParameters = function () { return []; };
return MdlBadgeModule;
}());
//# sourceMappingURL=mdl-badge.directive.js.map