renta-ng-lib
Version:
Renta Solutions Angular Component Library
1 lines • 3.39 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"RentaNgLibModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"initials":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"textColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"RentaNgLibModule":"./lib/renta-ng-lib.module","ɵa":"./lib/avatar/avatar.component","ɵb":"./lib/button/button.component"},"importAs":"renta-ng-lib"}