@kushki/ng-suka
Version:
<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>
164 lines • 12 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Inject, TemplateRef, EventEmitter, HostBinding } from '@angular/core';
import { ToastRef } from './toast-ref';
import { TOAST_CONFIG_DATA } from './toast.tokens';
import { toastAnimations } from './toast-animations';
var ToastContainer = /** @class */ (function () {
function ToastContainer(toastRef, toastConfig) {
this.toastRef = toastRef;
this.toastConfig = toastConfig;
this.animationState = 'default';
this.animationStateChanged = new EventEmitter();
this.showFooter = false;
this.baseClass = true;
}
/**
* @param {?} value
* @return {?}
*/
ToastContainer.prototype.isTemplate = /**
* @param {?} value
* @return {?}
*/
function (value) {
return value instanceof TemplateRef;
};
/**
* @return {?}
*/
ToastContainer.prototype.ngOnInit = /**
* @return {?}
*/
function () {
var _this = this;
this.content = this.toastConfig.content;
this.intervalId = window.setTimeout((/**
* @return {?}
*/
function () { return _this.startExitAnimation(); }), 5000);
};
/**
* @return {?}
*/
ToastContainer.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
clearTimeout(this.intervalId);
};
/**
* @return {?}
*/
ToastContainer.prototype.close = /**
* @return {?}
*/
function () {
this.toastRef.close();
};
/**
* @param {?} event
* @return {?}
*/
ToastContainer.prototype.onAnimationStart = /**
* @param {?} event
* @return {?}
*/
function (event) {
this.animationStateChanged.emit(event);
};
/**
* @param {?} event
* @return {?}
*/
ToastContainer.prototype.onAnimationDone = /**
* @param {?} event
* @return {?}
*/
function (event) {
this.animationStateChanged.emit(event);
};
/**
* @param {?} $event
* @return {?}
*/
ToastContainer.prototype.closeToast = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
this.toastRef.close();
};
/**
* @param {?} event
* @return {?}
*/
ToastContainer.prototype.onFadeFinished = /**
* @param {?} event
* @return {?}
*/
function (event) {
var toState = event.toState;
/** @type {?} */
var isFadeOut = ((/** @type {?} */ (toState))) === 'closing';
/** @type {?} */
var itFinished = this.animationState === 'closing';
if (isFadeOut && itFinished) {
this.close();
}
};
/**
* @return {?}
*/
ToastContainer.prototype.startExitAnimation = /**
* @return {?}
*/
function () {
this.animationState = 'closing';
};
ToastContainer.decorators = [
{ type: Component, args: [{
selector: 'suka-toast',
template: "\n <div class=\"toast\"\n [@fadeAnimation]=\"{\n value: animationState,\n params: {\n fadeIn: toastConfig.animation.fadeIn,\n fadeOut: toastConfig.animation.fadeOut\n }\n }\"\n (@fadeAnimation.done)=\"onFadeFinished($event)\"\n [ngClass]=\"{\n 'toast--success': content.type === 'success',\n 'toast--alert': content.type === 'alert',\n 'toast--attention': content.type === 'attention'\n }\"\n >\n <suka-icon icon=\"check\" *ngIf=\"content.type === 'success'\" class=\"toast__icon--success\"></suka-icon>\n <suka-icon icon=\"alert-circle\" *ngIf=\"content.type === 'alert'\" class=\"toast__icon--alert\"></suka-icon>\n <suka-icon icon=\"alert-triangle\" *ngIf=\"content.type === 'attention'\" class=\"toast__icon--attention\"></suka-icon>\n <div>{{ content.body }}</div>\n <suka-icon icon=\"x\" (click)=\"close()\" class=\"toast__close\">close</suka-icon>\n </div>\n ",
animations: [toastAnimations.fadeToast]
}] }
];
/** @nocollapse */
ToastContainer.ctorParameters = function () { return [
{ type: ToastRef },
{ type: undefined, decorators: [{ type: Inject, args: [TOAST_CONFIG_DATA,] }] }
]; };
ToastContainer.propDecorators = {
baseClass: [{ type: HostBinding, args: ['class.toast--default',] }]
};
return ToastContainer;
}());
export { ToastContainer };
if (false) {
/**
* @type {?}
* @private
*/
ToastContainer.prototype.intervalId;
/** @type {?} */
ToastContainer.prototype.animationState;
/** @type {?} */
ToastContainer.prototype.animationStateChanged;
/** @type {?} */
ToastContainer.prototype.showFooter;
/** @type {?} */
ToastContainer.prototype.primaryActions;
/** @type {?} */
ToastContainer.prototype.secondaryActions;
/** @type {?} */
ToastContainer.prototype.content;
/** @type {?} */
ToastContainer.prototype.baseClass;
/** @type {?} */
ToastContainer.prototype.toastRef;
/** @type {?} */
ToastContainer.prototype.toastConfig;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbImxpYi90b2FzdC90b2FzdC1jb250YWluZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQWdCLFlBQVksRUFBVSxXQUFXLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFFM0gsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN2QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVuRCxPQUFPLEVBQUUsZUFBZSxFQUF1QixNQUFNLG9CQUFvQixDQUFDO0FBRzFFO0lBdUNFLHdCQUNTLFFBQWtCLEVBQ1MsV0FBZ0I7UUFEM0MsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNTLGdCQUFXLEdBQVgsV0FBVyxDQUFLO1FBWDdDLG1CQUFjLEdBQXdCLFNBQVMsQ0FBQztRQUNoRCwwQkFBcUIsR0FBRyxJQUFJLFlBQVksRUFBa0IsQ0FBQztRQUNsRSxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBS2tCLGNBQVMsR0FBRyxJQUFJLENBQUM7SUFLbEQsQ0FBQzs7Ozs7SUFFRSxtQ0FBVTs7OztJQUFqQixVQUFrQixLQUFLO1FBQ3JCLE9BQU8sS0FBSyxZQUFZLFdBQVcsQ0FBQztJQUN0QyxDQUFDOzs7O0lBRUQsaUNBQVE7OztJQUFSO1FBQUEsaUJBR0M7UUFGQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxVQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVU7OztRQUFDLGNBQU0sT0FBQSxLQUFJLENBQUMsa0JBQWtCLEVBQUUsRUFBekIsQ0FBeUIsR0FBRSxJQUFJLENBQUMsQ0FBQztJQUM3RSxDQUFDOzs7O0lBRUQsb0NBQVc7OztJQUFYO1FBQ0UsWUFBWSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNoQyxDQUFDOzs7O0lBRUQsOEJBQUs7OztJQUFMO1FBQ0UsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN4QixDQUFDOzs7OztJQUVELHlDQUFnQjs7OztJQUFoQixVQUFpQixLQUFxQjtRQUNwQyxJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pDLENBQUM7Ozs7O0lBRUQsd0NBQWU7Ozs7SUFBZixVQUFnQixLQUFxQjtRQUNuQyxJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pDLENBQUM7Ozs7O0lBRUQsbUNBQVU7Ozs7SUFBVixVQUFXLE1BQVc7UUFDcEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN4QixDQUFDOzs7OztJQUVELHVDQUFjOzs7O0lBQWQsVUFBZSxLQUFxQjtRQUMxQixJQUFBLHVCQUFPOztZQUNULFNBQVMsR0FBRyxDQUFDLG1CQUFBLE9BQU8sRUFBdUIsQ0FBQyxLQUFLLFNBQVM7O1lBQzFELFVBQVUsR0FBRyxJQUFJLENBQUMsY0FBYyxLQUFLLFNBQVM7UUFFcEQsSUFBSSxTQUFTLElBQUksVUFBVSxFQUFFO1lBQzNCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNkO0lBQ0gsQ0FBQzs7OztJQUVELDJDQUFrQjs7O0lBQWxCO1FBQ0UsSUFBSSxDQUFDLGNBQWMsR0FBRyxTQUFTLENBQUM7SUFDbEMsQ0FBQzs7Z0JBckZGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsUUFBUSxFQUFFLDQ5QkFzQlQ7b0JBQ0QsVUFBVSxFQUFFLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQztpQkFDeEM7Ozs7Z0JBaENRLFFBQVE7Z0RBK0NaLE1BQU0sU0FBQyxpQkFBaUI7Ozs0QkFKMUIsV0FBVyxTQUFDLHNCQUFzQjs7SUFpRHJDLHFCQUFDO0NBQUEsQUF0RkQsSUFzRkM7U0EzRFksY0FBYzs7Ozs7O0lBQ3pCLG9DQUEyQjs7SUFFM0Isd0NBQXVEOztJQUN2RCwrQ0FBa0U7O0lBQ2xFLG9DQUFtQjs7SUFDbkIsd0NBQW1COztJQUNuQiwwQ0FBcUI7O0lBQ3JCLGlDQUFzQjs7SUFFdEIsbUNBQXNEOztJQUdwRCxrQ0FBeUI7O0lBQ3pCLHFDQUFrRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBUZW1wbGF0ZVJlZiwgSG9zdExpc3RlbmVyLCBFdmVudEVtaXR0ZXIsIE9uSW5pdCwgSG9zdEJpbmRpbmcsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBUb2FzdFJlZiB9IGZyb20gJy4vdG9hc3QtcmVmJztcbmltcG9ydCB7IFRPQVNUX0NPTkZJR19EQVRBIH0gZnJvbSAnLi90b2FzdC50b2tlbnMnO1xuaW1wb3J0IHsgQW5pbWF0aW9uRXZlbnQgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IHRvYXN0QW5pbWF0aW9ucywgVG9hc3RBbmltYXRpb25TdGF0ZSB9IGZyb20gJy4vdG9hc3QtYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBUb2FzdENvbnRlbnQsIFRvYXN0Q29uZmlnIH0gZnJvbSAnLi90b2FzdC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3VrYS10b2FzdCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInRvYXN0XCJcbiAgICAgIFtAZmFkZUFuaW1hdGlvbl09XCJ7XG4gICAgICAgIHZhbHVlOiBhbmltYXRpb25TdGF0ZSxcbiAgICAgICAgcGFyYW1zOiB7XG4gICAgICAgICAgZmFkZUluOiB0b2FzdENvbmZpZy5hbmltYXRpb24uZmFkZUluLFxuICAgICAgICAgIGZhZGVPdXQ6IHRvYXN0Q29uZmlnLmFuaW1hdGlvbi5mYWRlT3V0XG4gICAgICAgIH1cbiAgICAgIH1cIlxuICAgICAgKEBmYWRlQW5pbWF0aW9uLmRvbmUpPVwib25GYWRlRmluaXNoZWQoJGV2ZW50KVwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICd0b2FzdC0tc3VjY2Vzcyc6IGNvbnRlbnQudHlwZSA9PT0gJ3N1Y2Nlc3MnLFxuICAgICAgICAndG9hc3QtLWFsZXJ0JzogY29udGVudC50eXBlID09PSAnYWxlcnQnLFxuICAgICAgICAndG9hc3QtLWF0dGVudGlvbic6IGNvbnRlbnQudHlwZSA9PT0gJ2F0dGVudGlvbidcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIDxzdWthLWljb24gaWNvbj1cImNoZWNrXCIgKm5nSWY9XCJjb250ZW50LnR5cGUgPT09ICdzdWNjZXNzJ1wiIGNsYXNzPVwidG9hc3RfX2ljb24tLXN1Y2Nlc3NcIj48L3N1a2EtaWNvbj5cbiAgICAgIDxzdWthLWljb24gaWNvbj1cImFsZXJ0LWNpcmNsZVwiICpuZ0lmPVwiY29udGVudC50eXBlID09PSAnYWxlcnQnXCIgY2xhc3M9XCJ0b2FzdF9faWNvbi0tYWxlcnRcIj48L3N1a2EtaWNvbj5cbiAgICAgIDxzdWthLWljb24gaWNvbj1cImFsZXJ0LXRyaWFuZ2xlXCIgKm5nSWY9XCJjb250ZW50LnR5cGUgPT09ICdhdHRlbnRpb24nXCIgY2xhc3M9XCJ0b2FzdF9faWNvbi0tYXR0ZW50aW9uXCI+PC9zdWthLWljb24+XG4gICAgICA8ZGl2Pnt7IGNvbnRlbnQuYm9keSB9fTwvZGl2PlxuICAgICAgPHN1a2EtaWNvbiBpY29uPVwieFwiIChjbGljayk9XCJjbG9zZSgpXCIgY2xhc3M9XCJ0b2FzdF9fY2xvc2VcIj5jbG9zZTwvc3VrYS1pY29uPlxuICAgIDwvZGl2PlxuICBgLFxuICBhbmltYXRpb25zOiBbdG9hc3RBbmltYXRpb25zLmZhZGVUb2FzdF0sXG59KVxuZXhwb3J0IGNsYXNzIFRvYXN0Q29udGFpbmVyIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIGludGVydmFsSWQ6IG51bWJlcjtcblxuICBwdWJsaWMgYW5pbWF0aW9uU3RhdGU6IFRvYXN0QW5pbWF0aW9uU3RhdGUgPSAnZGVmYXVsdCc7XG4gIHB1YmxpYyBhbmltYXRpb25TdGF0ZUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkV2ZW50PigpO1xuICBzaG93Rm9vdGVyID0gZmFsc2U7XG4gIHByaW1hcnlBY3Rpb25zOiBbXTtcbiAgc2Vjb25kYXJ5QWN0aW9uczogW107XG4gIGNvbnRlbnQ6IFRvYXN0Q29udGVudDtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnRvYXN0LS1kZWZhdWx0JykgYmFzZUNsYXNzID0gdHJ1ZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgdG9hc3RSZWY6IFRvYXN0UmVmLFxuICAgIEBJbmplY3QoVE9BU1RfQ09ORklHX0RBVEEpIHB1YmxpYyB0b2FzdENvbmZpZzogYW55XG4gICkgeyB9XG5cbiAgcHVibGljIGlzVGVtcGxhdGUodmFsdWUpIHtcbiAgICByZXR1cm4gdmFsdWUgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZjtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY29udGVudCA9IHRoaXMudG9hc3RDb25maWcuY29udGVudDtcbiAgICB0aGlzLmludGVydmFsSWQgPSB3aW5kb3cuc2V0VGltZW91dCgoKSA9PiB0aGlzLnN0YXJ0RXhpdEFuaW1hdGlvbigpLCA1MDAwKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIGNsZWFyVGltZW91dCh0aGlzLmludGVydmFsSWQpO1xuICB9XG5cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy50b2FzdFJlZi5jbG9zZSgpO1xuICB9XG5cbiAgb25BbmltYXRpb25TdGFydChldmVudDogQW5pbWF0aW9uRXZlbnQpIHtcbiAgICB0aGlzLmFuaW1hdGlvblN0YXRlQ2hhbmdlZC5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIG9uQW5pbWF0aW9uRG9uZShldmVudDogQW5pbWF0aW9uRXZlbnQpIHtcbiAgICB0aGlzLmFuaW1hdGlvblN0YXRlQ2hhbmdlZC5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIGNsb3NlVG9hc3QoJGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnRvYXN0UmVmLmNsb3NlKCk7XG4gIH1cblxuICBvbkZhZGVGaW5pc2hlZChldmVudDogQW5pbWF0aW9uRXZlbnQpIHtcbiAgICBjb25zdCB7IHRvU3RhdGUgfSA9IGV2ZW50O1xuICAgIGNvbnN0IGlzRmFkZU91dCA9ICh0b1N0YXRlIGFzIFRvYXN0QW5pbWF0aW9uU3RhdGUpID09PSAnY2xvc2luZyc7XG4gICAgY29uc3QgaXRGaW5pc2hlZCA9IHRoaXMuYW5pbWF0aW9uU3RhdGUgPT09ICdjbG9zaW5nJztcblxuICAgIGlmIChpc0ZhZGVPdXQgJiYgaXRGaW5pc2hlZCkge1xuICAgICAgdGhpcy5jbG9zZSgpO1xuICAgIH1cbiAgfVxuXG4gIHN0YXJ0RXhpdEFuaW1hdGlvbigpIHtcbiAgICB0aGlzLmFuaW1hdGlvblN0YXRlID0gJ2Nsb3NpbmcnO1xuICB9XG59XG4iXX0=