{"__symbolic":"module","version":4,"metadata":{"MessageModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"db-message-modal","template":"<div class=\"gallery\" [class.closing]=\"isClosing\">\n  <div class=\"message-content d-flex align-items-center justify-content-between\">\n    <button class=\"close fas fa-times\" (click)=\"closeModal();\"></button>\n    <i class=\"{{icon}}\" *ngIf=\"icon\"></i>\n    <div class=\"info\">\n      <h2 class=\"mb-3\">{{title}}</h2>\n      <p *ngIf=\"text\">{{text}}</p>\n    </div>\n  </div>\n  <div class=\"content-side\" (click)=\"onContentSideClick()\"></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)}}:host{position:fixed;width:100vw;top:0;left:0;height:100vh;z-index:100;-webkit-animation-duration:.45s;animation-duration:.45s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn;background-color:rgba(33,43,54,.6)}:host.fadeOut{-webkit-animation-duration:.45s;animation-duration:.45s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeOut;animation-name:fadeOut}:host img{max-width:100%;max-height:100%}:host .content-side{width:100%;height:100vh;position:absolute;left:0;top:0}:host .message-content{position:absolute;left:50%;top:50%;max-width:70%;max-height:90%;z-index:10;background:#fff;text-align:center;border-radius:15px;padding:25px;transform:translate(-50%,-50%)}:host .message-content i{font-size:80px;margin-right:20px;display:block;color:#ff3f59}:host .close{position:absolute;right:-15px;top:-15px;width:40px;font-size:16px;height:40px;border-radius:50%;background:#fff;z-index:10;opacity:1!important;box-shadow:0 0 10px rgba(33,43,54,.2)}:host .close:hover{background:#ff3f59}a.download-button.icon-Vector-Stroke-56{position:absolute;right:15px;bottom:15px;z-index:15;width:50px;height:50px;text-align:center;line-height:50px;background:hsla(0,0%,100%,.5);border-radius:50%;color:#333;font-size:20px;text-decoration:none;transition:.4s}a.download-button.icon-Vector-Stroke-56:hover{background:#333;color:#fff}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"onclose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"isClosing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":3},"arguments":["class.fadeOut"]}]}],"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":["button",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":39,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":39,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onContentSideClick":[{"__symbolic":"method"}],"closeModal":[{"__symbolic":"method"}]}},"MessageModalModule":{"__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":"@ng-bootstrap/ng-bootstrap","name":"NgbModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"MessageModalComponent"}],"exports":[{"__symbolic":"reference","name":"MessageModalComponent"}]}]}],"members":{}}},"origins":{"MessageModalComponent":"./message-modal.component","MessageModalModule":"./message-modal.module"},"importAs":"@desbank/components/src/lib/message-modal"}