{"__symbolic":"module","version":4,"metadata":{"ProfileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"db-profile","template":"<div class=\"user\" [ngClass]=\"{'initials': !imageUrl}\">\n    <span *ngIf=\"!imageUrl\">{{initials}}</span>\n    <div class=\"image\" *ngIf=\"imageUrl\" style=\"background-image: url({{imageUrl}});\"></div>\n</div>","styles":["@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@-webkit-keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@-webkit-keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@-webkit-keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@-webkit-keyframes spinner{to{transform:rotate(1turn)}}@keyframes spinner{to{transform:rotate(1turn)}}@-webkit-keyframes circleAnimation{to{transform:rotate(1turn)}}@keyframes circleAnimation{to{transform:rotate(1turn)}}.user{height:2.8571428571rem;width:2.8571428571rem;border-radius:50%;display:inline-block;overflow:hidden;position:relative}.user.initials{font-size:1.1428571429rem;line-height:2.8571428571rem;text-align:center;color:#fff;background:#c6003d;font-style:normal}.user .image{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat 50%;background-size:cover}"]}]}],"members":{"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"getInitials":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"ProfileModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"declarations":[{"__symbolic":"reference","name":"ProfileComponent"}],"exports":[{"__symbolic":"reference","name":"ProfileComponent"}]}]}],"members":{}}},"origins":{"ProfileComponent":"./profile.component","ProfileModule":"./profile.module"},"importAs":"@desbank/components/src/lib/profile"}