@aurelia-mdc-web/typography
Version:
Wrapper for Material Components Web Typography
167 lines • 4.6 kB
JavaScript
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