{"__symbolic":"module","version":4,"metadata":{"ConfirmationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"db-confirmation","template":"<div class=\"confirm fadeIn\">\n  <div class=\"card\">\n    <div class=\"card-header\">\n      <p class=\"title\">{{label}}</p>\n      <p *ngIf=\"description\">{{description}}</p>\n    </div>\n    <div class=\"card-footer\">\n      <div class=\"row\">\n        <div class=\"col-6\">\n          <button dbButton type=\"button\" class=\"btn-secondary full-width full-large\" (click)=\"close()\">Cancelar</button>\n        </div>\n        <div class=\"col-6\">\n          <db-spinner-button [isLoading]=\"loading\" [requested$]=\"request$\" [smaller]=\"true\" loadingText=\"Processando\" (click)=\"confirm()\">Confirmar</db-spinner-button>\n        </div>\n      </div>\n    </div>\n  </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)}}.confirm{position:fixed;width:100%;height:100vh;background:rgba(33,43,54,.3);top:0;left:0;z-index:10}.card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:400px;width:90%}.card-footer,.card-header{padding:20px}.title{font-weight:500;font-size:18px;line-height:26px}.title:last-child{margin-bottom:0}button img{max-height:26px;margin-left:10px}.buttons button:not(:last-child){margin-right:15px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"request$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"onclose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"onconfirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"close":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}]}},"ConfirmationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","module":"@desbank/components/src/lib/button","name":"ButtonModule","line":10,"character":4},{"__symbolic":"reference","module":"@desbank/components/src/lib/spinner-button","name":"SpinnerButtonModule","line":11,"character":4}],"declarations":[{"__symbolic":"reference","name":"ConfirmationComponent"}],"exports":[{"__symbolic":"reference","name":"ConfirmationComponent"}]}]}],"members":{}}},"origins":{"ConfirmationComponent":"./confirmation.component","ConfirmationModule":"./confirmation.module"},"importAs":"@desbank/components/src/lib/confirmation"}