UNPKG

renta-ng-lib

Version:

Renta Solutions Angular Component Library

90 lines (83 loc) 3.45 kB
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