[{"__symbolic":"module","version":3,"metadata":{"NotificationsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bb-notifications","template":"\n      <div class=\"notifications\" *ngIf=\"items$ | async as items\">\n          <div class=\"notifications__list\" [@listAnimation]=\"items.length\">\n              <div class=\"notifications__item-wrapper\" *ngFor=\"let item of items; trackBy: trackById\">\n                  <div class=\"notifications__item\" [ngClass]=\"{\n                      'notifications__item--success': item.type === 'success',\n                      'notifications__item--error': item.type === 'error'\n                  }\">\n                      <i class=\"material-icons notifications__icon\">error</i>\n                      {{ item.message | translate }}\n                  </div>\n              </div>\n          </div>\n      </div>\n    ","styles":["\n      .notifications{top:0;left:0;right:0;bottom:0;z-index:150;position:fixed;pointer-events:none}.notifications__list{width:100%;display:block;margin:0 auto;padding:0 20px;max-width:420px;position:relative}.notifications__wrapper{margin:0;padding:0}.notifications__item{margin:10px;display:flex;color:#ffffff;font-size:15px;overflow:hidden;font-weight:500;padding:10px 12px;border-radius:4px;align-items:center;border:1px solid #0c6ebe;will-change:opacity, transform;background:#007ee5 linear-gradient(#168add, #007ee5)}.notifications__item--success{border:1px solid #388e3c;background:#43a047 linear-gradient(#4caf50, #43a047)}.notifications__item--error{border:1px solid #941414;background:#be2c2c linear-gradient(#ca2d2d, #be2c2c)}.notifications__icon{font-size:24px;margin-right:12px}\n    "],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["listAnimation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query"},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query"},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"stagger"},"arguments":["400ms",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["400ms ease-in-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes"},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0,"transform":"translateY(-50%)","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1,"transform":"translateY(0)","offset":1}]}]]}]}]]},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query"},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"stagger"},"arguments":["500ms",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["500ms ease-in-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes"},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*","opacity":1,"transform":"translateX(0)","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*","opacity":0,"transform":"translateX(-25%)","offset":0.75}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0,"opacity":0,"transform":"translateX(-25%)","offset":1}]}]]}]}]]},{"optional":true}]}]]}]]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/notifications.service","name":"NotificationsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"trackById":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NotificationsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bb-notifications","template":"\n      <div class=\"notifications\" *ngIf=\"items$ | async as items\">\n          <div class=\"notifications__list\" [@listAnimation]=\"items.length\">\n              <div class=\"notifications__item-wrapper\" *ngFor=\"let item of items; trackBy: trackById\">\n                  <div class=\"notifications__item\" [ngClass]=\"{\n                      'notifications__item--success': item.type === 'success',\n                      'notifications__item--error': item.type === 'error'\n                  }\">\n                      <i class=\"material-icons notifications__icon\">error</i>\n                      {{ item.message | translate }}\n                  </div>\n              </div>\n          </div>\n      </div>\n    ","styles":["\n      .notifications{top:0;left:0;right:0;bottom:0;z-index:150;position:fixed;pointer-events:none}.notifications__list{width:100%;display:block;margin:0 auto;padding:0 20px;max-width:420px;position:relative}.notifications__wrapper{margin:0;padding:0}.notifications__item{margin:10px;display:flex;color:#ffffff;font-size:15px;overflow:hidden;font-weight:500;padding:10px 12px;border-radius:4px;align-items:center;border:1px solid #0c6ebe;will-change:opacity, transform;background:#007ee5 linear-gradient(#168add, #007ee5)}.notifications__item--success{border:1px solid #388e3c;background:#43a047 linear-gradient(#4caf50, #43a047)}.notifications__item--error{border:1px solid #941414;background:#be2c2c linear-gradient(#ca2d2d, #be2c2c)}.notifications__icon{font-size:24px;margin-right:12px}\n    "],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["listAnimation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query"},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query"},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"stagger"},"arguments":["400ms",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["400ms ease-in-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes"},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0,"transform":"translateY(-50%)","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1,"transform":"translateY(0)","offset":1}]}]]}]}]]},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query"},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"stagger"},"arguments":["500ms",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["500ms ease-in-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes"},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*","opacity":1,"transform":"translateX(0)","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*","opacity":0,"transform":"translateX(-25%)","offset":0.75}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0,"opacity":0,"transform":"translateX(-25%)","offset":1}]}]]}]}]]},{"optional":true}]}]]}]]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/notifications.service","name":"NotificationsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"trackById":[{"__symbolic":"method"}]}}}}]