renta-ng-lib
Version:
Renta Solutions Angular Component Library
90 lines (83 loc) • 3.45 kB
JavaScript
import { CommonModule } from '@angular/common';
import { Component, Input, NgModule } from '@angular/core';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class AvatarComponent {
constructor() {
this.backgroundColor = '#5a5499';
this.textColor = 'black';
}
}
AvatarComponent.decorators = [
{ type: Component, args: [{
selector: 'renta-avatar',
template: "<div class=\"profile-picture\" role=\"button\">\n <div class=\"avatar-circle\" [ngStyle]=\"{'backgroundColor': backgroundColor}\" style=\"background-image: none;\">\n <span class=\"initials\" [ngStyle]=\"{'color': textColor, 'fontWeight': 'bold'}\">{{ initials }}</span>\n </div>\n</div>",
styles: ["@import url(https://fonts.googleapis.com/css?family=Montserrat);.profile-picture{cursor:pointer}.avatar-circle{width:50px;height:50px;background:linear-gradient(72deg,#385a8d,#545597);text-align:center;border-radius:50%}.initials{font-size:1em;font-family:Montserrat,sans-serif;position:relative;top:16px}"]
}] }
];
AvatarComponent.propDecorators = {
initials: [{ type: Input }],
backgroundColor: [{ type: Input }],
textColor: [{ type: Input }]
};
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class ButtonComponent {
constructor() {
this.disabled = false;
this.type = 'submit';
this.color = '#FFA173';
}
/**
* @return {?}
*/
ngOnInit() {
}
}
ButtonComponent.decorators = [
{ type: Component, args: [{
selector: 'renta-button',
template: "<button [disabled]='disabled' [type]=\"type\" [ngStyle]=\"{'backgroundColor': color}\" class=\"btn\">\n <ng-content></ng-content>\n</button>",
styles: ["button{border:none;padding:10px;background-color:orange;color:#fff;width:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}button:hover{box-shadow:0 1px 20px 0 rgba(98,105,115,.19);cursor:pointer}"]
}] }
];
/** @nocollapse */
ButtonComponent.ctorParameters = () => [];
ButtonComponent.propDecorators = {
disabled: [{ type: Input }],
type: [{ type: Input }],
color: [{ type: Input }]
};
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class RentaNgLibModule {
}
RentaNgLibModule.decorators = [
{ type: NgModule, args: [{
declarations: [
AvatarComponent,
ButtonComponent,
],
imports: [CommonModule],
exports: [
AvatarComponent,
ButtonComponent,
]
},] }
];
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
export { RentaNgLibModule, AvatarComponent as ɵa, ButtonComponent as ɵb };
//# sourceMappingURL=renta-ng-lib.js.map