theme-lib
Version:
This is a simple example Angular Library published to npm.
113 lines • 9.08 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, Input, QueryList, ViewChildren } from '@angular/core';
import { animate, style, transition, trigger } from '@angular/animations';
import { NbToastComponent } from './toast.component';
import { NbLayoutDirectionService } from '../../services/direction.service';
import { NbPositionHelper } from '../cdk';
import { takeWhile } from 'rxjs/operators';
/** @type {?} */
const voidState = style({
transform: 'translateX({{ direction }}110%)',
height: 0,
marginLeft: '0',
marginRight: '0',
marginTop: '0',
marginBottom: '0',
});
/** @type {?} */
const defaultOptions = { params: { direction: '' } };
export class NbToastrContainerComponent {
/**
* @param {?} layoutDirection
* @param {?} positionHelper
*/
constructor(layoutDirection, positionHelper) {
this.layoutDirection = layoutDirection;
this.positionHelper = positionHelper;
this.content = [];
this.alive = true;
}
/**
* @return {?}
*/
ngOnInit() {
this.layoutDirection.onDirectionChange()
.pipe(takeWhile(() => this.alive))
.subscribe(() => this.onDirectionChange());
}
/**
* @return {?}
*/
ngOnDestroy() {
this.alive = false;
}
/**
* @protected
* @return {?}
*/
onDirectionChange() {
/** @type {?} */
const direction = this.positionHelper.isRightPosition(this.position) ? '' : '-';
this.fadeIn = { value: '', params: { direction } };
}
}
NbToastrContainerComponent.decorators = [
{ type: Component, args: [{
selector: 'nb-toastr-container',
template: `
<nb-toast [@fadeIn]="fadeIn" *ngFor="let toast of content" [toast]="toast"></nb-toast>`,
animations: [
trigger('fadeIn', [
transition(':enter', [voidState, animate(100)], defaultOptions),
transition(':leave', [animate(100, voidState)], defaultOptions),
]),
]
}] }
];
/** @nocollapse */
NbToastrContainerComponent.ctorParameters = () => [
{ type: NbLayoutDirectionService },
{ type: NbPositionHelper }
];
NbToastrContainerComponent.propDecorators = {
content: [{ type: Input }],
context: [{ type: Input }],
position: [{ type: Input }],
toasts: [{ type: ViewChildren, args: [NbToastComponent,] }]
};
if (false) {
/** @type {?} */
NbToastrContainerComponent.prototype.content;
/** @type {?} */
NbToastrContainerComponent.prototype.context;
/** @type {?} */
NbToastrContainerComponent.prototype.position;
/** @type {?} */
NbToastrContainerComponent.prototype.toasts;
/** @type {?} */
NbToastrContainerComponent.prototype.fadeIn;
/**
* @type {?}
* @protected
*/
NbToastrContainerComponent.prototype.alive;
/**
* @type {?}
* @protected
*/
NbToastrContainerComponent.prototype.layoutDirection;
/**
* @type {?}
* @protected
*/
NbToastrContainerComponent.prototype.positionHelper;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3RyLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly90aGVtZS1saWIvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy90b2FzdHIvdG9hc3RyLWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBTUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRTFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXJELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVFLE9BQU8sRUFBb0IsZ0JBQWdCLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztNQUdyQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLFNBQVMsRUFBRSxpQ0FBaUM7SUFDNUMsTUFBTSxFQUFFLENBQUM7SUFDVCxVQUFVLEVBQUUsR0FBRztJQUNmLFdBQVcsRUFBRSxHQUFHO0lBQ2hCLFNBQVMsRUFBRSxHQUFHO0lBQ2QsWUFBWSxFQUFFLEdBQUc7Q0FDbEIsQ0FBQzs7TUFFSSxjQUFjLEdBQUcsRUFBRSxNQUFNLEVBQUUsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLEVBQUU7QUFhcEQsTUFBTSxPQUFPLDBCQUEwQjs7Ozs7SUFpQnJDLFlBQXNCLGVBQXlDLEVBQ3pDLGNBQWdDO1FBRGhDLG9CQUFlLEdBQWYsZUFBZSxDQUEwQjtRQUN6QyxtQkFBYyxHQUFkLGNBQWMsQ0FBa0I7UUFoQnRELFlBQU8sR0FBYyxFQUFFLENBQUM7UUFhZCxVQUFLLEdBQVksSUFBSSxDQUFDO0lBSWhDLENBQUM7Ozs7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsQ0FBQyxpQkFBaUIsRUFBRTthQUNyQyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUNqQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUMsQ0FBQztJQUMvQyxDQUFDOzs7O0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7Ozs7O0lBRVMsaUJBQWlCOztjQUNuQixTQUFTLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUc7UUFDL0UsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQztJQUNyRCxDQUFDOzs7WUE3Q0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxxQkFBcUI7Z0JBQy9CLFFBQVEsRUFBRTsyRkFDK0U7Z0JBQ3pGLFVBQVUsRUFBRTtvQkFDVixPQUFPLENBQUMsUUFBUSxFQUFFO3dCQUNoQixVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLGNBQWMsQ0FBQzt3QkFDL0QsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQUUsU0FBUyxDQUFDLENBQUMsRUFBRSxjQUFjLENBQUM7cUJBQ2hFLENBQUM7aUJBQ0g7YUFDRjs7OztZQTFCUSx3QkFBd0I7WUFDTixnQkFBZ0I7OztzQkEyQnhDLEtBQUs7c0JBR0wsS0FBSzt1QkFHTCxLQUFLO3FCQUdMLFlBQVksU0FBQyxnQkFBZ0I7Ozs7SUFUOUIsNkNBQ3dCOztJQUV4Qiw2Q0FDZ0I7O0lBRWhCLDhDQUMyQjs7SUFFM0IsNENBQ29DOztJQUVwQyw0Q0FBTzs7Ozs7SUFFUCwyQ0FBZ0M7Ozs7O0lBRXBCLHFEQUFtRDs7Ozs7SUFDbkQsb0RBQTBDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogQGxpY2Vuc2VcclxuICogQ29weXJpZ2h0IEFrdmVvLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxyXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgTUlUIExpY2Vuc2UuIFNlZSBMaWNlbnNlLnR4dCBpbiB0aGUgcHJvamVjdCByb290IGZvciBsaWNlbnNlIGluZm9ybWF0aW9uLlxyXG4gKi9cclxuXHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBRdWVyeUxpc3QsIFZpZXdDaGlsZHJlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBhbmltYXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuaW1wb3J0IHsgTmJUb2FzdENvbXBvbmVudCB9IGZyb20gJy4vdG9hc3QuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTmJUb2FzdCB9IGZyb20gJy4vbW9kZWwnO1xyXG5pbXBvcnQgeyBOYkxheW91dERpcmVjdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9kaXJlY3Rpb24uc2VydmljZSc7XHJcbmltcG9ydCB7IE5iR2xvYmFsUG9zaXRpb24sIE5iUG9zaXRpb25IZWxwZXIgfSBmcm9tICcuLi9jZGsnO1xyXG5pbXBvcnQgeyB0YWtlV2hpbGUgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcblxyXG5cclxuY29uc3Qgdm9pZFN0YXRlID0gc3R5bGUoe1xyXG4gIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoe3sgZGlyZWN0aW9uIH19MTEwJSknLFxyXG4gIGhlaWdodDogMCxcclxuICBtYXJnaW5MZWZ0OiAnMCcsXHJcbiAgbWFyZ2luUmlnaHQ6ICcwJyxcclxuICBtYXJnaW5Ub3A6ICcwJyxcclxuICBtYXJnaW5Cb3R0b206ICcwJyxcclxufSk7XHJcblxyXG5jb25zdCBkZWZhdWx0T3B0aW9ucyA9IHsgcGFyYW1zOiB7IGRpcmVjdGlvbjogJycgfSB9O1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduYi10b2FzdHItY29udGFpbmVyJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPG5iLXRvYXN0IFtAZmFkZUluXT1cImZhZGVJblwiICpuZ0Zvcj1cImxldCB0b2FzdCBvZiBjb250ZW50XCIgW3RvYXN0XT1cInRvYXN0XCI+PC9uYi10b2FzdD5gLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2ZhZGVJbicsIFtcclxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW3ZvaWRTdGF0ZSwgYW5pbWF0ZSgxMDApXSwgZGVmYXVsdE9wdGlvbnMpLFxyXG4gICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbYW5pbWF0ZSgxMDAsIHZvaWRTdGF0ZSldLCBkZWZhdWx0T3B0aW9ucyksXHJcbiAgICBdKSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmJUb2FzdHJDb250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgQElucHV0KClcclxuICBjb250ZW50OiBOYlRvYXN0W10gPSBbXTtcclxuXHJcbiAgQElucHV0KClcclxuICBjb250ZXh0OiBPYmplY3Q7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcG9zaXRpb246IE5iR2xvYmFsUG9zaXRpb247XHJcblxyXG4gIEBWaWV3Q2hpbGRyZW4oTmJUb2FzdENvbXBvbmVudClcclxuICB0b2FzdHM6IFF1ZXJ5TGlzdDxOYlRvYXN0Q29tcG9uZW50PjtcclxuXHJcbiAgZmFkZUluO1xyXG5cclxuICBwcm90ZWN0ZWQgYWxpdmU6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgbGF5b3V0RGlyZWN0aW9uOiBOYkxheW91dERpcmVjdGlvblNlcnZpY2UsXHJcbiAgICAgICAgICAgICAgcHJvdGVjdGVkIHBvc2l0aW9uSGVscGVyOiBOYlBvc2l0aW9uSGVscGVyKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMubGF5b3V0RGlyZWN0aW9uLm9uRGlyZWN0aW9uQ2hhbmdlKClcclxuICAgICAgLnBpcGUodGFrZVdoaWxlKCgpID0+IHRoaXMuYWxpdmUpKVxyXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHRoaXMub25EaXJlY3Rpb25DaGFuZ2UoKSk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICAgIHRoaXMuYWxpdmUgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBvbkRpcmVjdGlvbkNoYW5nZSgpIHtcclxuICAgIGNvbnN0IGRpcmVjdGlvbiA9IHRoaXMucG9zaXRpb25IZWxwZXIuaXNSaWdodFBvc2l0aW9uKHRoaXMucG9zaXRpb24pID8gJycgOiAnLSc7XHJcbiAgICB0aGlzLmZhZGVJbiA9IHsgdmFsdWU6ICcnLCBwYXJhbXM6IHsgZGlyZWN0aW9uIH0gfTtcclxuICB9XHJcbn1cclxuIl19