biplab-notifier
Version:
This is a notification npm package, it can be use as simple notification or modal dialog, a lot of customization option are available as well, checkout the github repo and examples
119 lines • 10.2 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, TemplateRef } from '@angular/core';
import { Notifier } from '../action/notifier';
import { MultiNotifier, SingleNotifier } from '../layout/notifier';
import { Notification } from '../notification';
var NotifierComponent = /** @class */ (function () {
function NotifierComponent() {
}
/**
* @return {?}
*/
NotifierComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
if (this.notification) {
this.notifier = new Notifier(this.notification);
}
};
/**
* @param {?} event
* @return {?}
*/
NotifierComponent.prototype.close = /**
* @param {?} event
* @return {?}
*/
function (event) {
this.notifier.deactivate(event);
};
Object.defineProperty(NotifierComponent.prototype, "status", {
get: /**
* @return {?}
*/
function () {
return this.notifier.isActive;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NotifierComponent.prototype, "timer", {
get: /**
* @return {?}
*/
function () {
if (this.notifier.notice.timer) {
return this.notifier.notice.timer.duration;
}
return null;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NotifierComponent.prototype, "layout", {
get: /**
* @return {?}
*/
function () {
if (this.notifier.notice.layout instanceof MultiNotifier) {
return 'multi';
}
else if (this.notifier.notice.layout instanceof SingleNotifier) {
return 'single';
}
else {
return null;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(NotifierComponent.prototype, "notificationHint", {
get: /**
* @return {?}
*/
function () {
return {
layout: this.notifier.notice.layout,
data: this.notifier.notice.data,
type: this.notifier.type,
template: this.notifierTemplates,
css: this.notifier.notice.css,
buttons: this.notifier.notice.actionButtons
};
},
enumerable: true,
configurable: true
});
NotifierComponent.decorators = [
{ type: Component, args: [{
selector: 'biplab-notifier',
template: "<div *ngIf=\"notifier && status\">\n <ng-template [ngIf]=\"!customTemplate && layout === 'single'\">\n <biplab-notification [layoutHint]=\"notificationHint\" (close)=\"close($event)\">\n <span notificationIcon><ng-content select=\"[notifierIcon]\"></ng-content></span>\n <span notificationTitle><ng-content select=\"[notifierTitle]\"></ng-content></span>\n <span notificationMessage><ng-content select=\"[notifierMessage]\"></ng-content></span> \n </biplab-notification>\n </ng-template>\n <ng-template [ngIf]=\"!customTemplate && layout === 'multi'\">\n <biplab-notifications\n [layoutHint]=\"notificationHint\"\n (close)=\"close($event)\">\n <span notificationIcon><ng-content select=\"[notifierIcon]\"></ng-content></span>\n <span notificationTitle><ng-content select=\"[notifierTitle]\"></ng-content></span>\n <span notificationMessages><ng-content select=\"[notifierMessages]\"></ng-content></span>\n\n <span notificationTrueButton><ng-content select=\"[notifierTrueButton]\"></ng-content></span>\n <span notificationFalseButton><ng-content select=\"[notifierFalseButton]\"></ng-content></span>\n\n <span notificationFooter><ng-content select=\"[notifierFooter]\"></ng-content></span>\n </biplab-notifications>\n </ng-template>\n <ng-template [ngIf]=\"customTemplate\">\n <ng-container *ngTemplateOutlet=\"customTemplate;context:{ data: notificationHint, notificationClose: close.bind(this) }\"></ng-container>\n </ng-template> \n</div>\n",
styles: ["@-webkit-keyframes show{0%{display:none;opacity:0}1%{display:block}100%{display:block;opacity:1}}@keyframes show{0%{display:none;opacity:0}1%{display:block}100%{display:block;opacity:1}}@-webkit-keyframes hide{0%{display:block;opacity:1}99%{display:block}100%{display:none;opacity:0}}@keyframes hide{0%{display:block;opacity:1}99%{display:block}100%{display:none;opacity:0}}.message-show{-webkit-animation:1s linear both show;animation:1s linear both show}.message-hide{-webkit-animation:1s linear both hide;animation:1s linear both hide}"]
}] }
];
/** @nocollapse */
NotifierComponent.ctorParameters = function () { return []; };
NotifierComponent.propDecorators = {
notifierTemplates: [{ type: Input }],
customTemplate: [{ type: Input }],
notification: [{ type: Input }]
};
return NotifierComponent;
}());
export { NotifierComponent };
if (false) {
/** @type {?} */
NotifierComponent.prototype.notifierTemplates;
/** @type {?} */
NotifierComponent.prototype.customTemplate;
/** @type {?} */
NotifierComponent.prototype.notification;
/** @type {?} */
NotifierComponent.prototype.notifier;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vYmlwbGFiLW5vdGlmaWVyLyIsInNvdXJjZXMiOlsibGliL25vdGlmaWVyL25vdGlmaWVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsYUFBYSxFQUFFLGNBQWMsRUFBb0IsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFJL0M7SUFXRTtJQUFnQixDQUFDOzs7O0lBRWpCLG9DQUFROzs7SUFBUjtRQUNFLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNyQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUNqRDtJQUNILENBQUM7Ozs7O0lBRUQsaUNBQUs7Ozs7SUFBTCxVQUFNLEtBQVU7UUFDZCxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsc0JBQUkscUNBQU07Ozs7UUFBVjtZQUNFLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUM7UUFDaEMsQ0FBQzs7O09BQUE7SUFHRCxzQkFBSSxvQ0FBSzs7OztRQUFUO1lBQ0UsSUFBSyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUc7Z0JBQ2hDLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQzthQUM1QztZQUNELE9BQU8sSUFBSSxDQUFDO1FBQ2QsQ0FBQzs7O09BQUE7SUFHRCxzQkFBSSxxQ0FBTTs7OztRQUFWO1lBQ0UsSUFBSyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxNQUFNLFlBQVksYUFBYSxFQUFFO2dCQUN6RCxPQUFPLE9BQU8sQ0FBQzthQUNoQjtpQkFBTSxJQUFLLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLE1BQU0sWUFBWSxjQUFjLEVBQUU7Z0JBQ2pFLE9BQU8sUUFBUSxDQUFDO2FBQ2pCO2lCQUFNO2dCQUNMLE9BQU8sSUFBSSxDQUFDO2FBQ2I7UUFDSCxDQUFDOzs7T0FBQTtJQUVELHNCQUFJLCtDQUFnQjs7OztRQUFwQjtZQUNFLE9BQU87Z0JBQ0wsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLE1BQU07Z0JBQ25DLElBQUksRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJO2dCQUMvQixJQUFJLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJO2dCQUN4QixRQUFRLEVBQUUsSUFBSSxDQUFDLGlCQUFpQjtnQkFDaEMsR0FBRyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEdBQUc7Z0JBQzdCLE9BQU8sRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxhQUFhO2FBQzVDLENBQUM7UUFDSixDQUFDOzs7T0FBQTs7Z0JBdkRGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQiwraURBQXdDOztpQkFFekM7Ozs7O29DQUVFLEtBQUs7aUNBQ0wsS0FBSzsrQkFDTCxLQUFLOztJQWlEUix3QkFBQztDQUFBLEFBekRELElBeURDO1NBcERZLGlCQUFpQjs7O0lBQzVCLDhDQUE4Qzs7SUFDOUMsMkNBQTBDOztJQUMxQyx5Q0FBb0M7O0lBQ3BDLHFDQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5vdGlmaWVyIH0gZnJvbSAnLi4vYWN0aW9uL25vdGlmaWVyJztcbmltcG9ydCB7IE11bHRpTm90aWZpZXIsIFNpbmdsZU5vdGlmaWVyLCBOb3RpZmljYXRpb25IaW50IH0gZnJvbSAnLi4vbGF5b3V0L25vdGlmaWVyJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbiB9IGZyb20gJy4uL25vdGlmaWNhdGlvbic7XG5pbXBvcnQgeyBOb3RpZmllclRlbXBsYXRlIH0gZnJvbSAnLi4vdGVtcGxhdGUvbm90aWZpZXInO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JpcGxhYi1ub3RpZmllcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmllci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdGlmaWVyLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBub3RpZmllclRlbXBsYXRlcz86IE5vdGlmaWVyVGVtcGxhdGU7XG4gIEBJbnB1dCgpIGN1c3RvbVRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBASW5wdXQoKSBub3RpZmljYXRpb246IE5vdGlmaWNhdGlvbjtcbiAgbm90aWZpZXI6IE5vdGlmaWVyO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKHRoaXMubm90aWZpY2F0aW9uKSB7XG4gICAgICB0aGlzLm5vdGlmaWVyID0gbmV3IE5vdGlmaWVyKHRoaXMubm90aWZpY2F0aW9uKTtcbiAgICB9XG4gIH1cblxuICBjbG9zZShldmVudDogYW55KSB7XG4gICAgdGhpcy5ub3RpZmllci5kZWFjdGl2YXRlKGV2ZW50KTtcbiAgfVxuXG4gIGdldCBzdGF0dXMoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMubm90aWZpZXIuaXNBY3RpdmU7XG4gIH1cblxuXG4gIGdldCB0aW1lcigpOiBudW1iZXIgfCBudWxsIHtcbiAgICBpZiAoIHRoaXMubm90aWZpZXIubm90aWNlLnRpbWVyICkge1xuICAgICAgcmV0dXJuIHRoaXMubm90aWZpZXIubm90aWNlLnRpbWVyLmR1cmF0aW9uO1xuICAgIH1cbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG5cbiAgZ2V0IGxheW91dCgpOiAnc2luZ2xlJ3wnbXVsdGknfCBudWxsIHtcbiAgICBpZiAoIHRoaXMubm90aWZpZXIubm90aWNlLmxheW91dCBpbnN0YW5jZW9mIE11bHRpTm90aWZpZXIpIHtcbiAgICAgIHJldHVybiAnbXVsdGknO1xuICAgIH0gZWxzZSBpZiAoIHRoaXMubm90aWZpZXIubm90aWNlLmxheW91dCBpbnN0YW5jZW9mIFNpbmdsZU5vdGlmaWVyKSB7XG4gICAgICByZXR1cm4gJ3NpbmdsZSc7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgfVxuXG4gIGdldCBub3RpZmljYXRpb25IaW50KCk6IE5vdGlmaWNhdGlvbkhpbnQge1xuICAgIHJldHVybiB7XG4gICAgICBsYXlvdXQ6IHRoaXMubm90aWZpZXIubm90aWNlLmxheW91dCxcbiAgICAgIGRhdGE6IHRoaXMubm90aWZpZXIubm90aWNlLmRhdGEsXG4gICAgICB0eXBlOiB0aGlzLm5vdGlmaWVyLnR5cGUsXG4gICAgICB0ZW1wbGF0ZTogdGhpcy5ub3RpZmllclRlbXBsYXRlcyxcbiAgICAgIGNzczogdGhpcy5ub3RpZmllci5ub3RpY2UuY3NzLFxuICAgICAgYnV0dG9uczogdGhpcy5ub3RpZmllci5ub3RpY2UuYWN0aW9uQnV0dG9uc1xuICAgIH07XG4gIH1cblxufVxuIl19