{"__symbolic":"module","version":4,"metadata":{"AlertBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"db-alert-box","template":"<div class=\"alert-box d-flex w-100\">\n  <div class=\"icon d-flex align-items-center justify-content-center\" *ngIf=\"icon\" [style.backgroundColor]=\"iconColor\">\n    <i class=\"{{icon}}\"></i>\n  </div>\n  <div class=\"body d-flex align-items-center flex-grow-1\">\n    <div class=\"w-100\">\n      <div class=\"row\">\n        <div class=\"col-9\">\n          <h4 class=\"mb-1\" *ngIf=\"title\" >{{title}}</h4>\n          <p class=\"mb-0\" *ngIf=\"text\" >{{text}}</p>\n        </div>\n        <div class=\"col-3 d-flex align-items-center\" *ngIf=\"buttonLabel\" >\n          <button class=\"btn-primary medium w-100\" dbButton (click)=\"handleButton($event);\">{{buttonLabel}}</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)}}.alert-box{background:#fff;box-shadow:0 4px 32px rgba(33,43,54,.1);border-radius:.8571428571rem;overflow:hidden}.alert-box .icon{color:#fff;width:6.4285714286rem;min-height:6.4285714286rem;font-size:2.8571428571rem}.alert-box .body{padding:1.4285714286rem}"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"iconColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"buttonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"buttonRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"clickButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":18,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"handleButton":[{"__symbolic":"method"}]}},"AlertBoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@desbank/components/src/lib/button","name":"ButtonModule","line":9,"character":4}],"declarations":[{"__symbolic":"reference","name":"AlertBoxComponent"}],"exports":[{"__symbolic":"reference","name":"AlertBoxComponent"}]}]}],"members":{}}},"origins":{"AlertBoxComponent":"./alert-box.component","AlertBoxModule":"./alert-box.module"},"importAs":"@desbank/components/src/lib/alert-box"}