theme-lib
Version:
This is a simple example Angular Library published to npm.
126 lines • 9.6 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/*
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
import { Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
import { NbToast, NbToastStatus } from './model';
/*
* The `NbToastComponent` is responsible for rendering each toast with appropriate styles.
*
* @styles
*
* toastr-bg
* toastr-padding
* toastr-fg
* toastr-border
* toastr-border-radius
* toastr-border-color
* */
/*
* TODO
* Remove svg icons, include them in font.
* */
export class NbToastComponent {
constructor() {
this.destroy = new EventEmitter();
}
/**
* @return {?}
*/
get success() {
return this.toast.config.status === NbToastStatus.SUCCESS;
}
/**
* @return {?}
*/
get info() {
return this.toast.config.status === NbToastStatus.INFO;
}
/**
* @return {?}
*/
get warning() {
return this.toast.config.status === NbToastStatus.WARNING;
}
/**
* @return {?}
*/
get primary() {
return this.toast.config.status === NbToastStatus.PRIMARY;
}
/**
* @return {?}
*/
get danger() {
return this.toast.config.status === NbToastStatus.DANGER;
}
/**
* @return {?}
*/
get default() {
return this.toast.config.status === NbToastStatus.DEFAULT;
}
/**
* @return {?}
*/
get destroyByClick() {
return this.toast.config.destroyByClick;
}
/**
* @return {?}
*/
get hasIcon() {
return this.toast.config.hasIcon && this.toast.config.status !== NbToastStatus.DEFAULT;
}
/**
* @return {?}
*/
get customIcon() {
return !!this.icon;
}
/**
* @return {?}
*/
get icon() {
return this.toast.config.icon;
}
/**
* @return {?}
*/
onClick() {
this.destroy.emit();
}
}
NbToastComponent.decorators = [
{ type: Component, args: [{
selector: 'nb-toast',
template: "<i class=\"icon {{ icon }}\" *ngIf=\"hasIcon\"></i>\r\n<div class=\"content-container\">\r\n <span class=\"title\">{{ toast.title }}</span>\r\n <div class=\"message\">{{ toast.message }}</div>\r\n</div>\r\n",
styles: [":host{display:flex;align-items:center;width:25rem;margin:.5rem;opacity:.9}:host .title{font-weight:800;margin-right:.25rem}:host>.content-container{line-height:1.25}:host>.content-container>.message{font-weight:300}:host.default .content-container,:host:not(.has-icon) .content-container{display:flex;flex-direction:row}:host.destroy-by-click{cursor:pointer}:host.destroy-by-click:hover{opacity:1}:host .icon{font-size:2.5rem}:host svg{width:2.5rem;height:2.5rem}"]
}] }
];
NbToastComponent.propDecorators = {
toast: [{ type: Input }],
destroy: [{ type: Output }],
success: [{ type: HostBinding, args: ['class.success',] }],
info: [{ type: HostBinding, args: ['class.info',] }],
warning: [{ type: HostBinding, args: ['class.warning',] }],
primary: [{ type: HostBinding, args: ['class.primary',] }],
danger: [{ type: HostBinding, args: ['class.danger',] }],
default: [{ type: HostBinding, args: ['class.default',] }],
destroyByClick: [{ type: HostBinding, args: ['class.destroy-by-click',] }],
hasIcon: [{ type: HostBinding, args: ['class.has-icon',] }],
customIcon: [{ type: HostBinding, args: ['class.custom-icon',] }],
onClick: [{ type: HostListener, args: ['click',] }]
};
if (false) {
/** @type {?} */
NbToastComponent.prototype.toast;
/** @type {?} */
NbToastComponent.prototype.destroy;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vdGhlbWUtbGliLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvdG9hc3RyL3RvYXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFNQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbEcsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxTQUFTLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBd0JqRCxNQUFNLE9BQU8sZ0JBQWdCO0lBTDdCO1FBU1ksWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO0lBdUQ3RCxDQUFDOzs7O0lBckRDLElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQyxPQUFPLENBQUM7SUFDNUQsQ0FBQzs7OztJQUVELElBQ0ksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQyxJQUFJLENBQUM7SUFDekQsQ0FBQzs7OztJQUVELElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQyxPQUFPLENBQUM7SUFDNUQsQ0FBQzs7OztJQUVELElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQyxPQUFPLENBQUM7SUFDNUQsQ0FBQzs7OztJQUVELElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQyxNQUFNLENBQUM7SUFDM0QsQ0FBQzs7OztJQUVELElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQyxPQUFPLENBQUM7SUFDNUQsQ0FBQzs7OztJQUVELElBQ0ksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQztJQUMxQyxDQUFDOzs7O0lBRUQsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQyxPQUFPLENBQUM7SUFDekYsQ0FBQzs7OztJQUVELElBQ0ksVUFBVTtRQUNaLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDckIsQ0FBQzs7OztJQUVELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDO0lBQ2hDLENBQUM7Ozs7SUFHRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs7WUEvREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUVwQiw0TkFBcUM7O2FBQ3RDOzs7b0JBRUUsS0FBSztzQkFHTCxNQUFNO3NCQUVOLFdBQVcsU0FBQyxlQUFlO21CQUszQixXQUFXLFNBQUMsWUFBWTtzQkFLeEIsV0FBVyxTQUFDLGVBQWU7c0JBSzNCLFdBQVcsU0FBQyxlQUFlO3FCQUszQixXQUFXLFNBQUMsY0FBYztzQkFLMUIsV0FBVyxTQUFDLGVBQWU7NkJBSzNCLFdBQVcsU0FBQyx3QkFBd0I7c0JBS3BDLFdBQVcsU0FBQyxnQkFBZ0I7eUJBSzVCLFdBQVcsU0FBQyxtQkFBbUI7c0JBUy9CLFlBQVksU0FBQyxPQUFPOzs7O0lBdERyQixpQ0FDZTs7SUFFZixtQ0FBMkQiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBAbGljZW5zZVxyXG4gKiBDb3B5cmlnaHQgQWt2ZW8uIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXHJcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBNSVQgTGljZW5zZS4gU2VlIExpY2Vuc2UudHh0IGluIHRoZSBwcm9qZWN0IHJvb3QgZm9yIGxpY2Vuc2UgaW5mb3JtYXRpb24uXHJcbiAqL1xyXG5cclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IE5iVG9hc3QsIE5iVG9hc3RTdGF0dXMgfSBmcm9tICcuL21vZGVsJztcclxuXHJcblxyXG4vKlxyXG4gKiBUaGUgYE5iVG9hc3RDb21wb25lbnRgIGlzIHJlc3BvbnNpYmxlIGZvciByZW5kZXJpbmcgZWFjaCB0b2FzdCB3aXRoIGFwcHJvcHJpYXRlIHN0eWxlcy5cclxuICpcclxuICogQHN0eWxlc1xyXG4gKlxyXG4gKiB0b2FzdHItYmdcclxuICogdG9hc3RyLXBhZGRpbmdcclxuICogdG9hc3RyLWZnXHJcbiAqIHRvYXN0ci1ib3JkZXJcclxuICogdG9hc3RyLWJvcmRlci1yYWRpdXNcclxuICogdG9hc3RyLWJvcmRlci1jb2xvclxyXG4gKiAqL1xyXG4vKlxyXG4gKiBUT0RPXHJcbiAqIFJlbW92ZSBzdmcgaWNvbnMsIGluY2x1ZGUgdGhlbSBpbiBmb250LlxyXG4gKiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25iLXRvYXN0JyxcclxuICBzdHlsZVVybHM6IFsnLi90b2FzdC5jb21wb25lbnQuc2NzcyddLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90b2FzdC5jb21wb25lbnQuaHRtbCcsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOYlRvYXN0Q29tcG9uZW50IHtcclxuICBASW5wdXQoKVxyXG4gIHRvYXN0OiBOYlRvYXN0O1xyXG5cclxuICBAT3V0cHV0KCkgZGVzdHJveTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnN1Y2Nlc3MnKVxyXG4gIGdldCBzdWNjZXNzKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMudG9hc3QuY29uZmlnLnN0YXR1cyA9PT0gTmJUb2FzdFN0YXR1cy5TVUNDRVNTO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pbmZvJylcclxuICBnZXQgaW5mbygpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLnRvYXN0LmNvbmZpZy5zdGF0dXMgPT09IE5iVG9hc3RTdGF0dXMuSU5GTztcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3Mud2FybmluZycpXHJcbiAgZ2V0IHdhcm5pbmcoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy50b2FzdC5jb25maWcuc3RhdHVzID09PSBOYlRvYXN0U3RhdHVzLldBUk5JTkc7XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnByaW1hcnknKVxyXG4gIGdldCBwcmltYXJ5KCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMudG9hc3QuY29uZmlnLnN0YXR1cyA9PT0gTmJUb2FzdFN0YXR1cy5QUklNQVJZO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYW5nZXInKVxyXG4gIGdldCBkYW5nZXIoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy50b2FzdC5jb25maWcuc3RhdHVzID09PSBOYlRvYXN0U3RhdHVzLkRBTkdFUjtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGVmYXVsdCcpXHJcbiAgZ2V0IGRlZmF1bHQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy50b2FzdC5jb25maWcuc3RhdHVzID09PSBOYlRvYXN0U3RhdHVzLkRFRkFVTFQ7XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRlc3Ryb3ktYnktY2xpY2snKVxyXG4gIGdldCBkZXN0cm95QnlDbGljaygpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLnRvYXN0LmNvbmZpZy5kZXN0cm95QnlDbGljaztcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaGFzLWljb24nKVxyXG4gIGdldCBoYXNJY29uKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMudG9hc3QuY29uZmlnLmhhc0ljb24gJiYgdGhpcy50b2FzdC5jb25maWcuc3RhdHVzICE9PSBOYlRvYXN0U3RhdHVzLkRFRkFVTFQ7XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmN1c3RvbS1pY29uJylcclxuICBnZXQgY3VzdG9tSWNvbigpOiBib29sZWFuIHtcclxuICAgIHJldHVybiAhIXRoaXMuaWNvbjtcclxuICB9XHJcblxyXG4gIGdldCBpY29uKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy50b2FzdC5jb25maWcuaWNvbjtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcclxuICBvbkNsaWNrKCkge1xyXG4gICAgdGhpcy5kZXN0cm95LmVtaXQoKTtcclxuICB9XHJcbn1cclxuIl19