{"__symbolic":"module","version":4,"metadata":{"NotificationsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"db-notifications","template":"<div class=\"notifications\">\n  <button class=\"icon icon-Vector-Stroke-22\"\n    [class.white]=\"isWhite\"\n    (click)=\"toggleShow();\">\n    <span *ngIf=\"hasNotRead\"></span>\n  </button>\n</div>\n<div class=\"list fadeIn\" *ngIf=\"show\" cdkScrollable>\n  <div *ngIf=\"list && list.length > 0; else empty\" class=\"scroll\" (scroll)=\"onScroll($event)\">\n    <a *ngFor=\"let item of list\" (click)=\"goTo(item);\" class=\"item d-flex p-3\">\n      <div class=\"d-flex align-items-center justify-content-center round-icon icon\">\n        <i class=\"{{ item.icon }}\"></i>\n      </div>\n      <div>\n        <h5 class=\"mb-2\">{{item.title}}</h5>\n        <p class=\"subTitle\">{{item.subTitle}}</p>\n      </div>\n      <div class=\"not-read\" *ngIf=\"!item.isRead\"></div>\n    </a>\n  </div>\n  <ng-template #empty>\n    <h5 class=\"text-center p-3\">Não existem notificações</h5>\n  </ng-template>\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)}}.notifications button.icon{margin-right:1.0714285714rem;font-size:1.2857142857rem;line-height:20px;position:relative}.notifications button.icon.icon-Vector-Stroke-22 span{width:.5714285714rem;height:.5714285714rem;position:absolute;background:#bd1d1d;border-radius:50%;right:-2px;top:2px}.notifications button.icon.white{color:#fff}.list{position:absolute;background:#fff;z-index:5;top:55px;right:80px;width:30rem;border:1px solid #eaeaea;padding:0;border-radius:8px}.list:after,.list:before{content:\"\";position:absolute}.list:before{left:4%;border-color:transparent transparent rgba(0,0,0,.15);border-width:0 8px 9px 7px}.list:after,.list:before{top:-9px;width:0;height:0;border-style:solid}.list:after{right:.7857142857rem;border-color:transparent transparent #fff;border-width:0 6.5px 9px}.list .scroll{max-height:25.7142857143rem;overflow:auto}.list .item{cursor:pointer;text-decoration:none}.list .item:hover{background:#f5f5f5}.list .item .icon{height:3.4285714286rem;width:3.4285714286rem}.list .item .round-icon{box-shadow:none;background-color:#f0f0f0}.list .item .not-read{height:.6rem;width:.6rem;border-radius:50%;background-color:#e8003d}.list .item h5{color:#333}.list .item .subTitle{color:#999;font-size:1rem;margin-bottom:0;margin-right:.7142857143rem}.list .item+.item{border-top:1px solid #eaeaea}.list .link{margin-top:.7142857143rem;display:block;font-size:1rem}"]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"seeAllLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"isWhite":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"onclick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"onscroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"outsideClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":26,"character":3},"arguments":["document:click",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":43,"character":24}]}],"toggleShow":[{"__symbolic":"method"}],"goTo":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}],"checkNotificationsRead":[{"__symbolic":"method"}]}},"Notification":{"__symbolic":"interface"},"NotificationsModule":{"__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/link","name":"LinkModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"NotificationsComponent"}],"exports":[{"__symbolic":"reference","name":"NotificationsComponent"}]}]}],"members":{}}},"origins":{"NotificationsComponent":"./notifications.component","Notification":"./notifications.interface","NotificationsModule":"./notifications.module"},"importAs":"@desbank/components/src/lib/notifications"}