@uex/web-extensions
Version:
Uex extensions for Angular 6+ web projects
193 lines • 14.3 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/modules/toast/toast.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { trigger, state, style, animate, transition } from '@angular/animations';
import { Toast } from './class/toast';
var ToastComponent = /** @class */ (function () {
function ToastComponent() {
this.ready = false;
}
Object.defineProperty(ToastComponent.prototype, "visible", {
get: /**
* @return {?}
*/
function () { return this._toast.visible; },
enumerable: true,
configurable: true
});
Object.defineProperty(ToastComponent.prototype, "message", {
get: /**
* @return {?}
*/
function () { return ((/** @type {?} */ (this._toast.message))); },
enumerable: true,
configurable: true
});
Object.defineProperty(ToastComponent.prototype, "show_close_button", {
get: /**
* @return {?}
*/
function () { return this._toast.show_close_button; },
enumerable: true,
configurable: true
});
Object.defineProperty(ToastComponent.prototype, "close_button_text", {
get: /**
* @return {?}
*/
function () { return ((/** @type {?} */ (this._toast.close_button_text))); },
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
ToastComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
var _this = this;
this.ready = true;
this._show_subscription = this._toast.onShow.subscribe((/**
* @return {?}
*/
function () {
if (_this._show_timeout) {
clearTimeout(_this._show_timeout);
}
if (_this._toast.duration > 0) {
_this._show_timeout = setTimeout((/**
* @return {?}
*/
function () { return _this.close(); }), _this._toast.duration);
}
}));
};
/**
* @return {?}
*/
ToastComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
if (this._show_subscription) {
this._show_subscription.unsubscribe();
}
if (this._show_timeout) {
clearTimeout(this._show_timeout);
}
};
/**
* @param {?} event
* @return {?}
*/
ToastComponent.prototype.animationStart = /**
* @param {?} event
* @return {?}
*/
function (event) {
if (event.fromState == 'shown' && event.toState == 'hidden') {
this._toast.onHide.emit();
}
};
/**
* @param {?} event
* @return {?}
*/
ToastComponent.prototype.animationEnd = /**
* @param {?} event
* @return {?}
*/
function (event) {
if (event.fromState == 'hidden' && event.toState == 'shown') {
this._toast.onShown.emit();
}
if (event.fromState == 'shown' && event.toState == 'hidden') {
this._toast.onHidden.emit();
}
};
/**
* @return {?}
*/
ToastComponent.prototype.getState = /**
* @return {?}
*/
function () {
return this.ready ? (this._toast.visible ? 'shown' : 'hidden') : 'initial';
};
/**
* @return {?}
*/
ToastComponent.prototype.getZIndex = /**
* @return {?}
*/
function () {
return 11000 + (this._toast.id * 10);
};
/**
* @return {?}
*/
ToastComponent.prototype.close = /**
* @return {?}
*/
function () {
if (this._toast.close_behavior == 'dismiss') {
this._toast.hide();
}
else {
this._toast.destroy();
}
};
ToastComponent.decorators = [
{ type: Component, args: [{
selector: 'uex-toast',
template: "<div class=\"media align-items-center toast-content\">\r\n <div class=\"media-body\">\r\n {{message}}\r\n </div>\r\n\r\n <div class=\"media-right\" *ngIf=\"show_close_button\">\r\n <button class=\"toast-action\" uex-button mode=\"clear\" color=\"white\" (click)=\"close()\">{{close_button_text}}</button>\r\n </div>\r\n</div>\r\n",
host: {
'class': 'uex-toast',
'[style.z-index]': 'getZIndex()',
'[@toast]': 'getState()',
'(@toast.start)': 'animationStart($event)',
'(@toast.done)': 'animationEnd($event)'
},
animations: [
trigger('toast', [
state('initial', style({ transform: 'translateY(0)', opacity: 0 })),
state('hidden', style({ transform: 'translateY(0)', opacity: 0 })),
state('shown', style({ transform: 'translateY(-100%)', opacity: 1 })),
transition('hidden => shown', animate('.1s')),
transition('shown => hidden', animate('.1s'))
])
]
}] }
];
/** @nocollapse */
ToastComponent.ctorParameters = function () { return []; };
ToastComponent.propDecorators = {
_toast: [{ type: Input, args: ['toast',] }]
};
return ToastComponent;
}());
export { ToastComponent };
if (false) {
/**
* @type {?}
* @private
*/
ToastComponent.prototype._toast;
/** @type {?} */
ToastComponent.prototype.ready;
/**
* @type {?}
* @private
*/
ToastComponent.prototype._show_subscription;
/**
* @type {?}
* @private
*/
ToastComponent.prototype._show_timeout;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHVleC93ZWItZXh0ZW5zaW9ucy8iLCJzb3VyY2VzIjpbImxpYi9tb2R1bGVzL3RvYXN0L3RvYXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUVwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBa0IsTUFBTSxxQkFBcUIsQ0FBQztBQUtqRyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRDO0lBdUJFO1FBRU8sVUFBSyxHQUFHLEtBQUssQ0FBQztJQUZMLENBQUM7SUFJakIsc0JBQVcsbUNBQU87Ozs7UUFBbEIsY0FBZ0MsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7OztPQUFBO0lBQzdELHNCQUFXLG1DQUFPOzs7O1FBQWxCLGNBQStCLE9BQU8sQ0FBQyxtQkFBUSxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBQSxDQUFDLENBQUMsQ0FBQyxDQUFDOzs7T0FBQTtJQUN0RSxzQkFBVyw2Q0FBaUI7Ozs7UUFBNUIsY0FBMEMsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQzs7O09BQUE7SUFDakYsc0JBQVcsNkNBQWlCOzs7O1FBQTVCLGNBQXlDLE9BQU8sQ0FBQyxtQkFBUSxJQUFJLENBQUMsTUFBTSxDQUFDLGlCQUFpQixFQUFBLENBQUMsQ0FBQyxDQUFDLENBQUM7OztPQUFBOzs7O0lBS25GLGlDQUFROzs7SUFBZjtRQUFBLGlCQVVDO1FBVEMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFFbEIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLFNB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TyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7NEJBQ2hFLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLG1CQUFtQixFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDOzRCQUNuRSxVQUFVLENBQUMsaUJBQWlCLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDOzRCQUM3QyxVQUFVLENBQUMsaUJBQWlCLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO3lCQUM5QyxDQUFDO3FCQUNIO2lCQUNGOzs7Ozt5QkFFRSxLQUFLLFNBQUMsT0FBTzs7SUF1RGhCLHFCQUFDO0NBQUEsQUE1RUQsSUE0RUM7U0F4RFksY0FBYzs7Ozs7O0lBQ3pCLGdDQUFzQzs7SUFJdEMsK0JBQXFCOzs7OztJQU9yQiw0Q0FBeUM7Ozs7O0lBQ3pDLHVDQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyB0cmlnZ2VyLCBzdGF0ZSwgc3R5bGUsIGFuaW1hdGUsIHRyYW5zaXRpb24sIEFuaW1hdGlvbkV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcblxyXG5pbXBvcnQgKiBhcyBfIGZyb20gJ2xvZGFzaCc7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5cclxuaW1wb3J0IHsgVG9hc3QgfSBmcm9tICcuL2NsYXNzL3RvYXN0JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndWV4LXRvYXN0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdG9hc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGhvc3Q6IHtcclxuICAgICdjbGFzcyc6ICd1ZXgtdG9hc3QnLFxyXG4gICAgJ1tzdHlsZS56LWluZGV4XSc6ICdnZXRaSW5kZXgoKScsXHJcbiAgICAnW0B0b2FzdF0nOiAnZ2V0U3RhdGUoKScsXHJcbiAgICAnKEB0b2FzdC5zdGFydCknOiAnYW5pbWF0aW9uU3RhcnQoJGV2ZW50KScsXHJcbiAgICAnKEB0b2FzdC5kb25lKSc6ICdhbmltYXRpb25FbmQoJGV2ZW50KSdcclxuICB9LFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ3RvYXN0JywgW1xyXG4gICAgICBzdGF0ZSgnaW5pdGlhbCcsIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKDApJywgb3BhY2l0eTogMH0pKSxcclxuICAgICAgc3RhdGUoJ2hpZGRlbicsIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKDApJywgb3BhY2l0eTogMH0pKSxcclxuICAgICAgc3RhdGUoJ3Nob3duJywgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoLTEwMCUpJywgb3BhY2l0eTogMX0pKSxcclxuICAgICAgdHJhbnNpdGlvbignaGlkZGVuID0+IHNob3duJywgYW5pbWF0ZSgnLjFzJykpLFxyXG4gICAgICB0cmFuc2l0aW9uKCdzaG93biA9PiBoaWRkZW4nLCBhbmltYXRlKCcuMXMnKSlcclxuICAgIF0pXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVG9hc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgQElucHV0KCd0b2FzdCcpIHByaXZhdGUgX3RvYXN0OiBUb2FzdDtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgcHVibGljIHJlYWR5ID0gZmFsc2U7XHJcblxyXG4gIHB1YmxpYyBnZXQgdmlzaWJsZSgpOiBib29sZWFuIHsgcmV0dXJuIHRoaXMuX3RvYXN0LnZpc2libGU7IH1cclxuICBwdWJsaWMgZ2V0IG1lc3NhZ2UoKTogc3RyaW5nIHsgcmV0dXJuICg8c3RyaW5nPnRoaXMuX3RvYXN0Lm1lc3NhZ2UpOyB9XHJcbiAgcHVibGljIGdldCBzaG93X2Nsb3NlX2J1dHRvbigpOiBib29sZWFuIHsgcmV0dXJuIHRoaXMuX3RvYXN0LnNob3dfY2xvc2VfYnV0dG9uOyB9XHJcbiAgcHVibGljIGdldCBjbG9zZV9idXR0b25fdGV4dCgpOiBzdHJpbmcgeyByZXR1cm4gKDxzdHJpbmc+dGhpcy5fdG9hc3QuY2xvc2VfYnV0dG9uX3RleHQpOyB9XHJcblxyXG4gIHByaXZhdGUgX3Nob3dfc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XHJcbiAgcHJpdmF0ZSBfc2hvd190aW1lb3V0OiBhbnk7XHJcblxyXG4gIHB1YmxpYyBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMucmVhZHkgPSB0cnVlO1xyXG5cclxuICAgIHRoaXMuX3Nob3dfc3Vic2NyaXB0aW9uID0gdGhpcy5fdG9hc3Qub25TaG93LnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgIGlmICh0aGlzLl9zaG93X3RpbWVvdXQpIHsgY2xlYXJUaW1lb3V0KHRoaXMuX3Nob3dfdGltZW91dCk7IH1cclxuXHJcbiAgICAgIGlmICh0aGlzLl90b2FzdC5kdXJhdGlvbiA+IDApIHtcclxuICAgICAgICB0aGlzLl9zaG93X3RpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHRoaXMuY2xvc2UoKSwgdGhpcy5fdG9hc3QuZHVyYXRpb24pO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpIHtcclxuICAgIGlmICh0aGlzLl9zaG93X3N1YnNjcmlwdGlvbikgeyB0aGlzLl9zaG93X3N1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpOyB9XHJcbiAgICBpZiAodGhpcy5fc2hvd190aW1lb3V0KSB7IGNsZWFyVGltZW91dCh0aGlzLl9zaG93X3RpbWVvdXQpOyB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgYW5pbWF0aW9uU3RhcnQoZXZlbnQ6IEFuaW1hdGlvbkV2ZW50KSB7XHJcbiAgICBpZiAoZXZlbnQuZnJvbVN0YXRlID09ICdzaG93bicgJiYgZXZlbnQudG9TdGF0ZSA9PSAnaGlkZGVuJykgeyB0aGlzLl90b2FzdC5vbkhpZGUuZW1pdCgpOyB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgYW5pbWF0aW9uRW5kKGV2ZW50OiBBbmltYXRpb25FdmVudCkge1xyXG4gICAgaWYgKGV2ZW50LmZyb21TdGF0ZSA9PSAnaGlkZGVuJyAmJiBldmVudC50b1N0YXRlID09ICdzaG93bicpIHsgdGhpcy5fdG9hc3Qub25TaG93bi5lbWl0KCk7IH1cclxuICAgIGlmIChldmVudC5mcm9tU3RhdGUgPT0gJ3Nob3duJyAmJiBldmVudC50b1N0YXRlID09ICdoaWRkZW4nKSB7IHRoaXMuX3RvYXN0Lm9uSGlkZGVuLmVtaXQoKTsgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldFN0YXRlKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5yZWFkeSA/ICh0aGlzLl90b2FzdC52aXNpYmxlID8gJ3Nob3duJyA6ICdoaWRkZW4nKSA6ICdpbml0aWFsJztcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXRaSW5kZXgoKTogbnVtYmVyIHtcclxuICAgIHJldHVybiAxMTAwMCArICh0aGlzLl90b2FzdC5pZCAqIDEwKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBjbG9zZSgpIHtcclxuICAgIGlmICh0aGlzLl90b2FzdC5jbG9zZV9iZWhhdmlvciA9PSAnZGlzbWlzcycpIHtcclxuICAgICAgdGhpcy5fdG9hc3QuaGlkZSgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5fdG9hc3QuZGVzdHJveSgpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=