{"__symbolic":"module","version":4,"metadata":{"SbNotificationService":{"__symbolic":"interface"},"NotificationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sb-notification","template":"<div class=\"sb-notification-container\" tabindex=\"0\">\n  <div class=\"sb-notification-header\">\n    <div class=\"title\" *ngIf=\"inAppNotificationConfig?.title\">{{inAppNotificationConfig?.title}}</div>\n    <div class=\"sub-title\" *ngIf=\"inAppNotificationConfig?.subTitle\">{{inAppNotificationConfig?.subTitle}}</div>\n  </div>\n  <div class=\"clear-text\" *ngIf=\"inAppNotificationConfig.clearText\" tabindex=\"0\">\n    <a (click)=\"clearAllNotifications($event)\" aria-hidden=\"false\" role=\"link\" tabindex=\"0\">{{inAppNotificationConfig.clearText}}</a>\n  </div>\n  <div class=\"sb-notification-list-items\">\n    <div *ngFor=\"let notification of notificationList | slice:0:displayItemCount; let i=index\" tabindex=\"0\" >\n      <sb-notification-card \n        [notification]=\"notification\"\n        [hideDeleteOption]=\"hideDeleteOption\"\n        (notificationClick)=\"notificationClickHandler($event)\"\n        (deleteNotificationClick)=\"notificationDeleteHandler($event)\">\n      </sb-notification-card>\n    </div>\n  </div>\n  <ng-container *ngIf=\"inAppNotificationConfig?.minNotificationViewCount < this.notificationList?.length\">\n    <div class=\"text-center more-text mt-16\" *ngIf=\"displayItemCount < this.notificationList?.length\" tabindex=\"0\">\n      <a aria-hidden=\"false\" (click)=\"onShowMore()\">{{inAppNotificationConfig?.moreText}}</a>\n    </div>\n    <div class=\"text-center more-text mt-16\" *ngIf=\"displayItemCount === this.notificationList?.length\" tabindex=\"0\">\n      <a aria-hidden=\"false\" (click)=\"onShowLess()\">{{inAppNotificationConfig?.lessText}}</a>\n    </div>\n  </ng-container>\n</div>","styles":[":host .sb-notification-container .sb-notification-header{color:var(--gray)}:host .sb-notification-container .sb-notification-header .title{font-size:1rem;font-weight:700;margin-bottom:.25rem}:host .sb-notification-container .sb-notification-header .sub-title{font-size:.75rem;margin-bottom:1rem}:host .sb-notification-container .sb-notification-list-items{max-height:calc(100vh - 275px);overflow-y:auto}:host .sb-notification-container .clear-text a{color:var(--danger-color);font-size:.875rem;position:absolute;right:1.5rem;top:1.5rem;text-decoration:none}html[dir=rtl] :host .sb-notification-container .clear-text a{right:auto;left:1.5rem}:host .sb-notification-container .more-text a{font-size:.75rem;font-weight:700;cursor:pointer;color:var(--primary-400)}"]}]}],"members":{"notificationList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"inAppNotificationConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"hideDeleteOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"notificationClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"deleteNotificationClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"clearAllClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"showMore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"showLess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":5},"arguments":["SB_NOTIFICATION_SERVICE"]}]],"parameters":[{"__symbolic":"reference","name":"SbNotificationService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"notificationClickHandler":[{"__symbolic":"method"}],"notificationDeleteHandler":[{"__symbolic":"method"}],"clearAllNotifications":[{"__symbolic":"method"}],"onShowMore":[{"__symbolic":"method"}],"onShowLess":[{"__symbolic":"method"}]}},"SbNotificationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NotificationComponent"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"NotificationComponent"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["sbNotificationService"],"value":{"ngModule":{"__symbolic":"reference","name":"sbNotificationService"},"providers":[{"provide":"SB_NOTIFICATION_SERVICE","useClass":{"__symbolic":"reference","name":"sbNotificationService"}}]}}}},"PlatformType":{"PORTAL":"portal","MOBILE":"mobile"},"NotificationStatus":{"READ":"read","UNREAD":"unread"},"NotificationFeedCategory":{"ORG_MIGRATION_ACTION":"OrgMigrationAction","NOTIFICATION":"Notification"},"NotificationViewConfig":{"__symbolic":"interface"},"NotificationFeedEntry":{"__symbolic":"interface"},"Notification":{"__symbolic":"interface"},"EventNotification":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sb-notification-card","template":"<div class=\"sb-notification-list p-8\" (click)=\"notificationClickHandler($event)\" tabindex=\"0\">\n  <div class=\"sb-notification-list-header d-flex flex-ai-center flex-jc-space-between\">\n    <div class=\"notification-info d-flex flex-ai-center mb-8\">\n      <div class=\"status\" *ngIf=\"(notification?.status === NotificationStatus.UNREAD)\"></div>\n      <div class=\"date ml-8\">{{notification?.createdOn | date:'E, d MMMM h:mm'}}</div>\n    </div>\n    <div class=\"delete-icon\" *ngIf=\"!hideDeleteOption\" (click)=\"notificationDeleteHandler($event);$event.stopPropagation()\" tabindex=\"0\">\n      <img class=\"Delete-gray\" src=\"assets/common-consumption/images/Delete-gray.svg\" alt=\"\" alt=\"delete\" width=\"14px\">\n      <img class=\"Delete-red\" src=\"assets/common-consumption/images/Delete-red.svg\" alt=\"\" alt=\"delete\" width=\"14px\">\n    </div>\n  </div>\n  <div class=\"sb-notification-data d-flex flex-ai-center\">\n    <div class=\"logo\" *ngIf=\"notification?.data?.actionData?.thumbnail\">\n      <img [src]=\"notification?.data?.actionData?.thumbnail\" width=\"20px\">\n    </div>\n    <div class=\"ml-12 notification-content\">\n      <div class=\"title\" *ngIf=\"notification?.action?.template?.data?.title\" [ngClass]=\"{'active': notification?.status === NotificationStatus.UNREAD}\">{{notification?.action?.template?.data?.title}}</div>\n      <div class=\"sub-title py-8\" *ngIf=\"notification?.data?.actionData?.description\">{{notification?.data?.actionData?.description}}</div>\n    </div>\n  </div>\n</div>","styles":["::ng-deep :root{--cc-notification-list-bg:var(--white);--cc-notification-list-br:#ddd;--cc-notification-status-bg:var(--gray-200);--cc-notification-date-text:#979797;--cc-notification-logo-bg:var(--gray-0);--cc-notification-title-text:var(--gray-400);--cc-notification-title-active:var(--primary-color);--cc-notification-subtitle-text:var(--gray-400)}.sb-notification-list{border-radius:.5rem;background-color:var(--cc-notification-list-bg);box-shadow:.3125rem .3125rem .125rem 0 rgba(var(--rc-rgba-black),.1);margin-bottom:.5rem;border:.03125rem solid var(--cc-notification-list-br)}.sb-notification-list:hover{cursor:pointer}.sb-notification-list:hover .sb-notification-list-header .notification-info .status{background-color:var(--orange)}.sb-notification-list:hover .sb-notification-list-header .delete-icon .Delete-red{display:block}.sb-notification-list:hover .sb-notification-list-header .delete-icon .Delete-gray{display:none}.sb-notification-list .sb-notification-list-header .notification-info .status{height:.5rem;width:.5rem;background-color:var(--cc-notification-status-bg);border-radius:.5rem}.sb-notification-list .sb-notification-list-header .notification-info .date{color:var(--cc-notification-date-text);font-size:.75rem}.sb-notification-list .sb-notification-list-header .delete-icon .Delete-red{display:none}.sb-notification-list .sb-notification-data .logo{height:2rem;width:2rem;border-radius:.5rem;background-color:var(--cc-notification-logo-bg);display:inline-flex;align-items:center;justify-content:center}.sb-notification-list .sb-notification-data .logo img{height:1.5rem;max-width:1.25rem}.sb-notification-list .sb-notification-data .notification-content{overflow:hidden}.sb-notification-list .sb-notification-data .notification-content .title{color:var(--cc-notification-title-text);font-size:.875rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-notification-list .sb-notification-data .notification-content .title.active{color:var(--cc-notification-title-active)}.sb-notification-list .sb-notification-data .notification-content .sub-title{color:var(--cc-notification-subtitle-text);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]}]}],"members":{"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"hideDeleteOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"notificationClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"deleteNotificationClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":20,"character":5},"arguments":["SB_NOTIFICATION_SERVICE"]}]],"parameters":[{"__symbolic":"reference","name":"SbNotificationService"}]}],"ngOnChanges":[{"__symbolic":"method"}],"notificationClickHandler":[{"__symbolic":"method"}],"notificationDeleteHandler":[{"__symbolic":"method"}]}}},"origins":{"SbNotificationService":"./lib/notification.service","NotificationComponent":"./lib/notification.component","SbNotificationModule":"./lib/notification.module","PlatformType":"./lib/models","NotificationStatus":"./lib/models","NotificationFeedCategory":"./lib/models","NotificationViewConfig":"./lib/models","NotificationFeedEntry":"./lib/models","Notification":"./lib/models","EventNotification":"./lib/models","ɵa":"./lib/notification-card/notification-card.component"},"importAs":"@project-sunbird/sb--notification"}