{"__symbolic":"module","version":4,"metadata":{"PictureInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"db-picture-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":9,"character":15},"useExisting":{"__symbolic":"reference","name":"PictureInputComponent"},"multi":true}],"template":"<label class=\"picture-input\" [style.background-image]=\"'url(' + photoPath + ')'\" [ngClass]=\"{ 'header': typeHeader }\">\n  <input type=\"file\" (change)=\"changePhoto($event);\" accept=\"image/png, image/jpeg, image/gif, image/svg\">\n  <div class=\"edit d-flex align-items-center justify-content-center\">\n    <div>\n      <i class=\"icon-Vector-Stroke-213 w-100 d-block text-center\"></i>\n      <span *ngIf=\"!typeHeader\">{{photo ? 'Alterar Foto' : 'Adicionar Foto'}}</span>\n    </div>\n  </div>\n</label>","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)}}label.picture-input{width:14.2857142857rem;height:14.2857142857rem;background:no-repeat 50%;border-radius:50%;margin:0 auto;overflow:hidden;position:relative;background-size:cover;color:#212b36}label.picture-input.header{width:95px!important;height:95px!important;z-index:10;border:4px solid #fff}label.picture-input input{display:none}label.picture-input .edit{width:100%;height:100%;position:absolute;left:0;top:0;color:#fff;font-weight:700;flex-wrap:wrap;cursor:pointer;transition:.4s;opacity:0}label.picture-input .edit i{width:100%;margin-bottom:.3571428571rem}label.picture-input:hover .edit{opacity:1;background:rgba(255,63,89,.9);color:#fff}"]}]}],"members":{"photo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"typeHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"maxSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"changePhoto":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}},"PictureInputModule":{"__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},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"PictureInputComponent"}],"exports":[{"__symbolic":"reference","name":"PictureInputComponent"}]}]}],"members":{}}},"origins":{"PictureInputComponent":"./picture-input.component","PictureInputModule":"./picture-input.module"},"importAs":"@desbank/components/src/lib/picture-input"}