UNPKG

@aurelia-mdc-web/typography

Version:

Wrapper for Material Components Web Typography

167 lines 4.6 kB
import { __decorate, __metadata } from "tslib"; import { customAttribute, inject } from 'aurelia-framework'; class MdcTypography { constructor(root) { this.root = root; } attached() { this.root.classList.add(this.type ? `mdc-typography--${this.type}` : 'mdc-typography'); } } let MdcHeadline1 = class MdcHeadline1 extends MdcTypography { constructor(root) { super(root); this.type = 'headline1'; } }; MdcHeadline1 = __decorate([ inject(Element), customAttribute('mdc-headline1'), __metadata("design:paramtypes", [HTMLElement]) ], MdcHeadline1); export { MdcHeadline1 }; let MdcHeadline2 = class MdcHeadline2 extends MdcTypography { constructor(root) { super(root); this.type = 'headline2'; } }; MdcHeadline2 = __decorate([ inject(Element), customAttribute('mdc-headline2'), __metadata("design:paramtypes", [HTMLElement]) ], MdcHeadline2); export { MdcHeadline2 }; let MdcHeadline3 = class MdcHeadline3 extends MdcTypography { constructor(root) { super(root); this.type = 'headline3'; } }; MdcHeadline3 = __decorate([ inject(Element), customAttribute('mdc-headline3'), __metadata("design:paramtypes", [HTMLElement]) ], MdcHeadline3); export { MdcHeadline3 }; let MdcHeadline4 = class MdcHeadline4 extends MdcTypography { constructor(root) { super(root); this.type = 'headline4'; } }; MdcHeadline4 = __decorate([ inject(Element), customAttribute('mdc-headline4'), __metadata("design:paramtypes", [HTMLElement]) ], MdcHeadline4); export { MdcHeadline4 }; let MdcHeadline5 = class MdcHeadline5 extends MdcTypography { constructor(root) { super(root); this.type = 'headline5'; } }; MdcHeadline5 = __decorate([ inject(Element), customAttribute('mdc-headline5'), __metadata("design:paramtypes", [HTMLElement]) ], MdcHeadline5); export { MdcHeadline5 }; let MdcHeadline6 = class MdcHeadline6 extends MdcTypography { constructor(root) { super(root); this.type = 'headline6'; } }; MdcHeadline6 = __decorate([ inject(Element), customAttribute('mdc-headline6'), __metadata("design:paramtypes", [HTMLElement]) ], MdcHeadline6); export { MdcHeadline6 }; let MdcSubtitle1 = class MdcSubtitle1 extends MdcTypography { constructor(root) { super(root); this.type = 'subtitle1'; } }; MdcSubtitle1 = __decorate([ inject(Element), customAttribute('mdc-subtitle1'), __metadata("design:paramtypes", [HTMLElement]) ], MdcSubtitle1); export { MdcSubtitle1 }; let MdcSubtitle2 = class MdcSubtitle2 extends MdcTypography { constructor(root) { super(root); this.type = 'subtitle2'; } }; MdcSubtitle2 = __decorate([ inject(Element), customAttribute('mdc-subtitle2'), __metadata("design:paramtypes", [HTMLElement]) ], MdcSubtitle2); export { MdcSubtitle2 }; let MdcBody1 = class MdcBody1 extends MdcTypography { constructor(root) { super(root); this.type = 'body1'; } }; MdcBody1 = __decorate([ inject(Element), customAttribute('mdc-body1'), __metadata("design:paramtypes", [HTMLElement]) ], MdcBody1); export { MdcBody1 }; let MdcBody2 = class MdcBody2 extends MdcTypography { constructor(root) { super(root); this.type = 'body2'; } }; MdcBody2 = __decorate([ inject(Element), customAttribute('mdc-body2'), __metadata("design:paramtypes", [HTMLElement]) ], MdcBody2); export { MdcBody2 }; let MdcCaption = class MdcCaption extends MdcTypography { constructor(root) { super(root); this.type = 'caption'; } }; MdcCaption = __decorate([ inject(Element), customAttribute('mdc-caption'), __metadata("design:paramtypes", [HTMLElement]) ], MdcCaption); export { MdcCaption }; let MdcTypographyButton = class MdcTypographyButton extends MdcTypography { constructor(root) { super(root); this.type = 'button'; } }; MdcTypographyButton = __decorate([ inject(Element), customAttribute('mdc-typography-button'), __metadata("design:paramtypes", [HTMLElement]) ], MdcTypographyButton); export { MdcTypographyButton }; let MdcOveline = class MdcOveline extends MdcTypography { constructor(root) { super(root); this.type = 'overline'; } }; MdcOveline = __decorate([ inject(Element), customAttribute('mdc-overline'), __metadata("design:paramtypes", [HTMLElement]) ], MdcOveline); export { MdcOveline }; //# sourceMappingURL=mdc-typography.js.map