theme-lib
Version:
This is a simple example Angular Library published to npm.
171 lines • 11.7 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.
* */
var NbToastComponent = /** @class */ (function () {
function NbToastComponent() {
this.destroy = new EventEmitter();
}
Object.defineProperty(NbToastComponent.prototype, "success", {
get: /**
* @return {?}
*/
function () {
return this.toast.config.status === NbToastStatus.SUCCESS;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbToastComponent.prototype, "info", {
get: /**
* @return {?}
*/
function () {
return this.toast.config.status === NbToastStatus.INFO;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbToastComponent.prototype, "warning", {
get: /**
* @return {?}
*/
function () {
return this.toast.config.status === NbToastStatus.WARNING;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbToastComponent.prototype, "primary", {
get: /**
* @return {?}
*/
function () {
return this.toast.config.status === NbToastStatus.PRIMARY;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbToastComponent.prototype, "danger", {
get: /**
* @return {?}
*/
function () {
return this.toast.config.status === NbToastStatus.DANGER;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbToastComponent.prototype, "default", {
get: /**
* @return {?}
*/
function () {
return this.toast.config.status === NbToastStatus.DEFAULT;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbToastComponent.prototype, "destroyByClick", {
get: /**
* @return {?}
*/
function () {
return this.toast.config.destroyByClick;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbToastComponent.prototype, "hasIcon", {
get: /**
* @return {?}
*/
function () {
return this.toast.config.hasIcon && this.toast.config.status !== NbToastStatus.DEFAULT;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbToastComponent.prototype, "customIcon", {
get: /**
* @return {?}
*/
function () {
return !!this.icon;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbToastComponent.prototype, "icon", {
get: /**
* @return {?}
*/
function () {
return this.toast.config.icon;
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
NbToastComponent.prototype.onClick = /**
* @return {?}
*/
function () {
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',] }]
};
return NbToastComponent;
}());
export { NbToastComponent };
if (false) {
/** @type {?} */
NbToastComponent.prototype.toast;
/** @type {?} */
NbToastComponent.prototype.destroy;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vdGhlbWUtbGliLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvdG9hc3RyL3RvYXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFNQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbEcsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxTQUFTLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBbUJqRDtJQUFBO1FBU1ksWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO0lBdUQ3RCxDQUFDO0lBckRDLHNCQUNJLHFDQUFPOzs7O1FBRFg7WUFFRSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLE1BQU0sS0FBSyxhQUFhLENBQUMsT0FBTyxDQUFDO1FBQzVELENBQUM7OztPQUFBO0lBRUQsc0JBQ0ksa0NBQUk7Ozs7UUFEUjtZQUVFLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQyxJQUFJLENBQUM7UUFDekQsQ0FBQzs7O09BQUE7SUFFRCxzQkFDSSxxQ0FBTzs7OztRQURYO1lBRUUsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLEtBQUssYUFBYSxDQUFDLE9BQU8sQ0FBQztRQUM1RCxDQUFDOzs7T0FBQTtJQUVELHNCQUNJLHFDQUFPOzs7O1FBRFg7WUFFRSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLE1BQU0sS0FBSyxhQUFhLENBQUMsT0FBTyxDQUFDO1FBQzVELENBQUM7OztPQUFBO0lBRUQsc0JBQ0ksb0NBQU07Ozs7UUFEVjtZQUVFLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQyxNQUFNLENBQUM7UUFDM0QsQ0FBQzs7O09BQUE7SUFFRCxzQkFDSSxxQ0FBTzs7OztRQURYO1lBRUUsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLEtBQUssYUFBYSxDQUFDLE9BQU8sQ0FBQztRQUM1RCxDQUFDOzs7T0FBQTtJQUVELHNCQUNJLDRDQUFjOzs7O1FBRGxCO1lBRUUsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUM7UUFDMUMsQ0FBQzs7O09BQUE7SUFFRCxzQkFDSSxxQ0FBTzs7OztRQURYO1lBRUUsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQyxPQUFPLENBQUM7UUFDekYsQ0FBQzs7O09BQUE7SUFFRCxzQkFDSSx3Q0FBVTs7OztRQURkO1lBRUUsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztRQUNyQixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLGtDQUFJOzs7O1FBQVI7WUFDRSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztRQUNoQyxDQUFDOzs7T0FBQTs7OztJQUdELGtDQUFPOzs7SUFEUDtRQUVFLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzs7Z0JBL0RGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsVUFBVTtvQkFFcEIsNE5BQXFDOztpQkFDdEM7Ozt3QkFFRSxLQUFLOzBCQUdMLE1BQU07MEJBRU4sV0FBVyxTQUFDLGVBQWU7dUJBSzNCLFdBQVcsU0FBQyxZQUFZOzBCQUt4QixXQUFXLFNBQUMsZUFBZTswQkFLM0IsV0FBVyxTQUFDLGVBQWU7eUJBSzNCLFdBQVcsU0FBQyxjQUFjOzBCQUsxQixXQUFXLFNBQUMsZUFBZTtpQ0FLM0IsV0FBVyxTQUFDLHdCQUF3QjswQkFLcEMsV0FBVyxTQUFDLGdCQUFnQjs2QkFLNUIsV0FBVyxTQUFDLG1CQUFtQjswQkFTL0IsWUFBWSxTQUFDLE9BQU87O0lBSXZCLHVCQUFDO0NBQUEsQUFoRUQsSUFnRUM7U0EzRFksZ0JBQWdCOzs7SUFDM0IsaUNBQ2U7O0lBRWYsbUNBQTJEIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogQGxpY2Vuc2VcclxuICogQ29weXJpZ2h0IEFrdmVvLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxyXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgTUlUIExpY2Vuc2UuIFNlZSBMaWNlbnNlLnR4dCBpbiB0aGUgcHJvamVjdCByb290IGZvciBsaWNlbnNlIGluZm9ybWF0aW9uLlxyXG4gKi9cclxuXHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBOYlRvYXN0LCBOYlRvYXN0U3RhdHVzIH0gZnJvbSAnLi9tb2RlbCc7XHJcblxyXG5cclxuLypcclxuICogVGhlIGBOYlRvYXN0Q29tcG9uZW50YCBpcyByZXNwb25zaWJsZSBmb3IgcmVuZGVyaW5nIGVhY2ggdG9hc3Qgd2l0aCBhcHByb3ByaWF0ZSBzdHlsZXMuXHJcbiAqXHJcbiAqIEBzdHlsZXNcclxuICpcclxuICogdG9hc3RyLWJnXHJcbiAqIHRvYXN0ci1wYWRkaW5nXHJcbiAqIHRvYXN0ci1mZ1xyXG4gKiB0b2FzdHItYm9yZGVyXHJcbiAqIHRvYXN0ci1ib3JkZXItcmFkaXVzXHJcbiAqIHRvYXN0ci1ib3JkZXItY29sb3JcclxuICogKi9cclxuLypcclxuICogVE9ET1xyXG4gKiBSZW1vdmUgc3ZnIGljb25zLCBpbmNsdWRlIHRoZW0gaW4gZm9udC5cclxuICogKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduYi10b2FzdCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdG9hc3QuY29tcG9uZW50LnNjc3MnXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vdG9hc3QuY29tcG9uZW50Lmh0bWwnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmJUb2FzdENvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICB0b2FzdDogTmJUb2FzdDtcclxuXHJcbiAgQE91dHB1dCgpIGRlc3Ryb3k6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zdWNjZXNzJylcclxuICBnZXQgc3VjY2VzcygpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLnRvYXN0LmNvbmZpZy5zdGF0dXMgPT09IE5iVG9hc3RTdGF0dXMuU1VDQ0VTUztcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaW5mbycpXHJcbiAgZ2V0IGluZm8oKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy50b2FzdC5jb25maWcuc3RhdHVzID09PSBOYlRvYXN0U3RhdHVzLklORk87XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLndhcm5pbmcnKVxyXG4gIGdldCB3YXJuaW5nKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMudG9hc3QuY29uZmlnLnN0YXR1cyA9PT0gTmJUb2FzdFN0YXR1cy5XQVJOSU5HO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5wcmltYXJ5JylcclxuICBnZXQgcHJpbWFyeSgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLnRvYXN0LmNvbmZpZy5zdGF0dXMgPT09IE5iVG9hc3RTdGF0dXMuUFJJTUFSWTtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFuZ2VyJylcclxuICBnZXQgZGFuZ2VyKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMudG9hc3QuY29uZmlnLnN0YXR1cyA9PT0gTmJUb2FzdFN0YXR1cy5EQU5HRVI7XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRlZmF1bHQnKVxyXG4gIGdldCBkZWZhdWx0KCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMudG9hc3QuY29uZmlnLnN0YXR1cyA9PT0gTmJUb2FzdFN0YXR1cy5ERUZBVUxUO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kZXN0cm95LWJ5LWNsaWNrJylcclxuICBnZXQgZGVzdHJveUJ5Q2xpY2soKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy50b2FzdC5jb25maWcuZGVzdHJveUJ5Q2xpY2s7XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmhhcy1pY29uJylcclxuICBnZXQgaGFzSWNvbigpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLnRvYXN0LmNvbmZpZy5oYXNJY29uICYmIHRoaXMudG9hc3QuY29uZmlnLnN0YXR1cyAhPT0gTmJUb2FzdFN0YXR1cy5ERUZBVUxUO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jdXN0b20taWNvbicpXHJcbiAgZ2V0IGN1c3RvbUljb24oKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gISF0aGlzLmljb247XHJcbiAgfVxyXG5cclxuICBnZXQgaWNvbigpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMudG9hc3QuY29uZmlnLmljb247XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXHJcbiAgb25DbGljaygpIHtcclxuICAgIHRoaXMuZGVzdHJveS5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==