@aurelia-mdc-web/typography
Version:
Wrapper for Material Components Web Typography
210 lines • 9.05 kB
JavaScript
define(["require", "exports", "tslib", "aurelia-framework"], function (require, exports, tslib_1, aurelia_framework_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.MdcOveline = exports.MdcTypographyButton = exports.MdcCaption = exports.MdcBody2 = exports.MdcBody1 = exports.MdcSubtitle2 = exports.MdcSubtitle1 = exports.MdcHeadline6 = exports.MdcHeadline5 = exports.MdcHeadline4 = exports.MdcHeadline3 = exports.MdcHeadline2 = exports.MdcHeadline1 = void 0;
var MdcTypography = /** @class */ (function () {
function MdcTypography(root) {
this.root = root;
}
MdcTypography.prototype.attached = function () {
this.root.classList.add(this.type ? "mdc-typography--".concat(this.type) : 'mdc-typography');
};
return MdcTypography;
}());
var MdcHeadline1 = /** @class */ (function (_super) {
tslib_1.__extends(MdcHeadline1, _super);
function MdcHeadline1(root) {
var _this = _super.call(this, root) || this;
_this.type = 'headline1';
return _this;
}
MdcHeadline1 = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-headline1'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcHeadline1);
return MdcHeadline1;
}(MdcTypography));
exports.MdcHeadline1 = MdcHeadline1;
var MdcHeadline2 = /** @class */ (function (_super) {
tslib_1.__extends(MdcHeadline2, _super);
function MdcHeadline2(root) {
var _this = _super.call(this, root) || this;
_this.type = 'headline2';
return _this;
}
MdcHeadline2 = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-headline2'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcHeadline2);
return MdcHeadline2;
}(MdcTypography));
exports.MdcHeadline2 = MdcHeadline2;
var MdcHeadline3 = /** @class */ (function (_super) {
tslib_1.__extends(MdcHeadline3, _super);
function MdcHeadline3(root) {
var _this = _super.call(this, root) || this;
_this.type = 'headline3';
return _this;
}
MdcHeadline3 = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-headline3'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcHeadline3);
return MdcHeadline3;
}(MdcTypography));
exports.MdcHeadline3 = MdcHeadline3;
var MdcHeadline4 = /** @class */ (function (_super) {
tslib_1.__extends(MdcHeadline4, _super);
function MdcHeadline4(root) {
var _this = _super.call(this, root) || this;
_this.type = 'headline4';
return _this;
}
MdcHeadline4 = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-headline4'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcHeadline4);
return MdcHeadline4;
}(MdcTypography));
exports.MdcHeadline4 = MdcHeadline4;
var MdcHeadline5 = /** @class */ (function (_super) {
tslib_1.__extends(MdcHeadline5, _super);
function MdcHeadline5(root) {
var _this = _super.call(this, root) || this;
_this.type = 'headline5';
return _this;
}
MdcHeadline5 = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-headline5'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcHeadline5);
return MdcHeadline5;
}(MdcTypography));
exports.MdcHeadline5 = MdcHeadline5;
var MdcHeadline6 = /** @class */ (function (_super) {
tslib_1.__extends(MdcHeadline6, _super);
function MdcHeadline6(root) {
var _this = _super.call(this, root) || this;
_this.type = 'headline6';
return _this;
}
MdcHeadline6 = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-headline6'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcHeadline6);
return MdcHeadline6;
}(MdcTypography));
exports.MdcHeadline6 = MdcHeadline6;
var MdcSubtitle1 = /** @class */ (function (_super) {
tslib_1.__extends(MdcSubtitle1, _super);
function MdcSubtitle1(root) {
var _this = _super.call(this, root) || this;
_this.type = 'subtitle1';
return _this;
}
MdcSubtitle1 = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-subtitle1'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcSubtitle1);
return MdcSubtitle1;
}(MdcTypography));
exports.MdcSubtitle1 = MdcSubtitle1;
var MdcSubtitle2 = /** @class */ (function (_super) {
tslib_1.__extends(MdcSubtitle2, _super);
function MdcSubtitle2(root) {
var _this = _super.call(this, root) || this;
_this.type = 'subtitle2';
return _this;
}
MdcSubtitle2 = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-subtitle2'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcSubtitle2);
return MdcSubtitle2;
}(MdcTypography));
exports.MdcSubtitle2 = MdcSubtitle2;
var MdcBody1 = /** @class */ (function (_super) {
tslib_1.__extends(MdcBody1, _super);
function MdcBody1(root) {
var _this = _super.call(this, root) || this;
_this.type = 'body1';
return _this;
}
MdcBody1 = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-body1'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcBody1);
return MdcBody1;
}(MdcTypography));
exports.MdcBody1 = MdcBody1;
var MdcBody2 = /** @class */ (function (_super) {
tslib_1.__extends(MdcBody2, _super);
function MdcBody2(root) {
var _this = _super.call(this, root) || this;
_this.type = 'body2';
return _this;
}
MdcBody2 = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-body2'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcBody2);
return MdcBody2;
}(MdcTypography));
exports.MdcBody2 = MdcBody2;
var MdcCaption = /** @class */ (function (_super) {
tslib_1.__extends(MdcCaption, _super);
function MdcCaption(root) {
var _this = _super.call(this, root) || this;
_this.type = 'caption';
return _this;
}
MdcCaption = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-caption'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcCaption);
return MdcCaption;
}(MdcTypography));
exports.MdcCaption = MdcCaption;
var MdcTypographyButton = /** @class */ (function (_super) {
tslib_1.__extends(MdcTypographyButton, _super);
function MdcTypographyButton(root) {
var _this = _super.call(this, root) || this;
_this.type = 'button';
return _this;
}
MdcTypographyButton = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-typography-button'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcTypographyButton);
return MdcTypographyButton;
}(MdcTypography));
exports.MdcTypographyButton = MdcTypographyButton;
var MdcOveline = /** @class */ (function (_super) {
tslib_1.__extends(MdcOveline, _super);
function MdcOveline(root) {
var _this = _super.call(this, root) || this;
_this.type = 'overline';
return _this;
}
MdcOveline = tslib_1.__decorate([
(0, aurelia_framework_1.inject)(Element),
(0, aurelia_framework_1.customAttribute)('mdc-overline'),
tslib_1.__metadata("design:paramtypes", [HTMLElement])
], MdcOveline);
return MdcOveline;
}(MdcTypography));
exports.MdcOveline = MdcOveline;
});
//# sourceMappingURL=mdc-typography.js.map