{"__symbolic":"module","version":4,"metadata":{"SbbNotificationModule":{"__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":8,"character":12},{"__symbolic":"reference","module":"@sbb-esta/angular-core/icon","name":"SbbIconModule","line":8,"character":26},{"__symbolic":"reference","module":"@sbb-esta/angular-core/icon-directive","name":"SbbIconDirectiveModule","line":8,"character":41}],"declarations":[{"__symbolic":"reference","name":"SbbNotification"}],"exports":[{"__symbolic":"reference","name":"SbbNotification"},{"__symbolic":"reference","module":"@sbb-esta/angular-core/icon-directive","name":"SbbIconDirectiveModule","line":10,"character":29}]}]}],"members":{}},"NotificationsModule":{"__symbolic":"reference","name":"SbbNotificationModule"},"NotificationType":{"SUCCESS":"success","ERROR":"error","INFO":"info","WARN":"warn"},"NotificationToastPosition":{"TOPLEFT":"top-left","TOPRIGHT":"top-right","BOTTOMLEFT":"bottom-left","BOTTOMRIGHT":"bottom-right"},"SbbJumpMark":{"__symbolic":"interface"},"SbbNotification":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":45,"character":1},"arguments":[{"selector":"sbb-notification","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":49,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":50,"character":19},"member":"OnPush"},"host":{"class":"sbb-notification","[class.sbb-notification-success]":"this.type === 'success'","[class.sbb-notification-info]":"this.type === 'info'","[class.sbb-notification-error]":"this.type === 'error'","[class.sbb-notification-warn]":"this.type === 'warn'","[class.sbb-notification-has-jump-marks]":"this.jumpMarks && this.jumpMarks.length","[class.sbb-notification-toast-top-left]":"this.toastPosition === 'top-left'","[class.sbb-notification-toast-top-right]":"this.toastPosition === 'top-right'","[class.sbb-notification-toast-bottom-left]":"this.toastPosition === 'bottom-left'","[class.sbb-notification-toast-bottom-right]":"this.toastPosition === 'bottom-right'","[attr.aria-hidden]":"this.ariaHidden","[hidden]":"this.hidden","$quoted$":["[class.sbb-notification-success]","[class.sbb-notification-info]","[class.sbb-notification-error]","[class.sbb-notification-warn]","[class.sbb-notification-has-jump-marks]","[class.sbb-notification-toast-top-left]","[class.sbb-notification-toast-top-right]","[class.sbb-notification-toast-bottom-left]","[class.sbb-notification-toast-bottom-right]","[attr.aria-hidden]","[hidden]"]},"template":"<span class=\"sbb-notification-icon-wrapper sbb-icon-fit\">\n  <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n</span>\n\n<div class=\"sbb-notification-content\">\n  <div class=\"sbb-notification-content-message\">\n    <ng-content></ng-content>\n  </div>\n  <div *ngIf=\"jumpMarks\">\n    <span *ngFor=\"let jumpMark of jumpMarks; let isLast = last\" class=\"sbb-notification-jump-mark\">\n      <a (click)=\"scrollTo($event, jumpMark)\">{{ jumpMark.title }}</a>\n      <ng-container *ngIf=\"!isLast\"> / </ng-container>\n    </span>\n  </div>\n</div>\n\n<button\n  (click)=\"dismiss()\"\n  class=\"sbb-notification-icon-wrapper sbb-notification-icon-close-wrapper sbb-icon-fit\"\n  *ngIf=\"!readonly\"\n  type=\"button\"\n>\n  <sbb-icon svgIcon=\"kom:cross-small\"></sbb-icon>\n</button>\n\n<ng-template #check>\n  <sbb-icon svgIcon=\"kom:tick-small\"></sbb-icon>\n</ng-template>\n\n<ng-template #error>\n  <sbb-icon svgIcon=\"kom:sign-exclamation-point-small\"></sbb-icon>\n</ng-template>\n\n<ng-template #info>\n  <sbb-icon svgIcon=\"kom:circle-information-small\"></sbb-icon>\n</ng-template>\n","styles":[".sbb-notification{box-sizing:border-box;display:flex;align-items:center;line-height:1.5333333333rem;min-height:3.4em;width:100%;border-radius:2px;color:#fff;background-color:#fff;font-size:15px;padding-top:.8em;padding-bottom:.8em}.sbb-notification.sbb-notification-error{background-color:#eb0000}.sbb-notification.sbb-notification-error,.sbb-notification.sbb-notification-error a,.sbb-notification.sbb-notification-error button{color:#fff}.sbb-notification.sbb-notification-success{border:1px solid #00973b}.sbb-notification.sbb-notification-success,.sbb-notification.sbb-notification-success a,.sbb-notification.sbb-notification-success button{color:#00973b}.sbb-notification.sbb-notification-info{border:1px solid #686868}.sbb-notification.sbb-notification-info,.sbb-notification.sbb-notification-info a,.sbb-notification.sbb-notification-info button{color:#686868}.sbb-notification.sbb-notification-warn{background-color:#f27e00}.sbb-notification.sbb-notification-warn,.sbb-notification.sbb-notification-warn a,.sbb-notification.sbb-notification-warn button{color:#fff}.sbb-notification.sbb-notification-has-jump-marks{min-height:72px}.sbb-notification .sbb-notification-content{margin-left:8px;margin-right:24px}.sbb-notification .sbb-notification-jump-mark a{cursor:pointer}.sbb-notification .sbb-notification-icon-wrapper{min-width:24px;width:24px;height:24px;margin-left:16px;border:none;background:none;padding:0;align-self:flex-start;margin-top:.5px}.sbb-notification .sbb-notification-icon-wrapper *{max-width:100%;max-height:100%}.sbb-notification .sbb-notification-icon-close-wrapper{cursor:pointer;margin-left:auto;margin-right:1.4666666667em}.sbb-notification.sbb-notification-toast-top-right{position:absolute;max-width:16.7333333333em;top:1.3333333333em;right:1.3333333333em}.sbb-notification.sbb-notification-toast-bottom-left{position:absolute;max-width:16.7333333333em;bottom:1.3333333333em;left:1.3333333333em}.sbb-notification.sbb-notification-toast-top-left{position:absolute;max-width:16.7333333333em;top:1.3333333333em;left:1.3333333333em}.sbb-notification.sbb-notification-toast-bottom-right{position:absolute;max-width:16.7333333333em;bottom:1.3333333333em;right:1.3333333333em}\n"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"toastPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"errorIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":97,"character":3},"arguments":["error",{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":97,"character":30},"static":true}]}]}],"checkIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":101,"character":3},"arguments":["check",{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":101,"character":30},"static":true}]}]}],"infoIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":105,"character":3},"arguments":["info",{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":105,"character":29},"static":true}]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"_contentIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":141,"character":3},"arguments":[{"__symbolic":"reference","module":"@sbb-esta/angular-core/icon-directive","name":"SbbIconDirective","line":141,"character":16},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":141,"character":42}}]}]}],"jumpMarks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3}}]}],"dismissed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":148,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":151,"character":42}]}],"scrollTo":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}]}}},"origins":{"SbbNotificationModule":"./notification.module","NotificationsModule":"./notification.module","NotificationType":"./notification/notification.component","NotificationToastPosition":"./notification/notification.component","SbbJumpMark":"./notification/notification.component","SbbNotification":"./notification/notification.component"},"importAs":"@sbb-esta/angular-business/notification"}