@stratio/egeo
Version:
172 lines • 14.4 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/st-modal2/st-modal2.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/*
* © 2017 Stratio Big Data Inc., Sucursal en España.
*
* This software is licensed under the Apache License, Version 2.0.
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
* without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
* See the terms of the License for more details.
*
* SPDX-License-Identifier: Apache-2.0.
*/
import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter, HostListener } from '@angular/core';
import { animate, state, style, transition, trigger } from '@angular/animations';
var StModal2Component = /** @class */ (function () {
function StModal2Component() {
this.disabledAnimation = true;
this.width = 600;
this.modalTitle = '';
this.endAnimation = new EventEmitter();
this.onClose = new EventEmitter();
this.onEnter = new EventEmitter();
this.visibility = 'visible';
this._subscriptions = [];
this.ESCAPE_KEYCODE = 27;
this.ENTER_KEYCODE = 13;
}
/**
* @param {?} event
* @return {?}
*/
StModal2Component.prototype.onKeydownHandler = /**
* @param {?} event
* @return {?}
*/
function (event) {
if (this.closeOnEscape && event.keyCode === this.ESCAPE_KEYCODE) {
this.onCloseButton();
}
if (event.keyCode === this.ENTER_KEYCODE) {
this.onEnter.emit();
}
};
/**
* @return {?}
*/
StModal2Component.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
if (this._subscriptions.length > 0) {
this._subscriptions.forEach((/**
* @param {?} subscription
* @return {?}
*/
function (subscription) {
if (subscription) {
subscription.unsubscribe();
}
}));
}
};
/**
* @param {?} event
* @return {?}
*/
StModal2Component.prototype.animationDone = /**
* @param {?} event
* @return {?}
*/
function (event) {
if (event.toState === 'hidden') {
this.endAnimation.emit(true);
}
};
/**
* @return {?}
*/
StModal2Component.prototype.onCloseButton = /**
* @return {?}
*/
function () {
var _this = this;
this.visibility = 'hidden';
this._subscriptions.push(this.endAnimation.subscribe((/**
* @param {?} data
* @return {?}
*/
function (data) {
if (data) {
_this.onClose.emit();
}
})));
};
StModal2Component.decorators = [
{ type: Component, args: [{
selector: 'st-modal2',
template: "<!--\n\n \u00A9 2017 Stratio Big Data Inc., Sucursal en Espa\u00F1a.\n\n This software is licensed under the Apache License, Version 2.0.\n This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;\n without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\n See the terms of the License for more details.\n\n SPDX-License-Identifier: Apache-2.0.\n\n-->\n<div class=\"st-modal-container\" [@state]=\"visibility\" (@state.done)=\"animationDone($event)\" [@.disabled]=\"disabledAnimation\">\n <section class=\"st-modal\" [style.width.px]=\"width\">\n <ng-container *ngIf=\"emptyModal\">\n <ng-content></ng-content>\n </ng-container>\n <ng-container *ngIf=\"!emptyModal\">\n <div class=\"st-modal-header\">\n <div class=\"container\">\n <p class=\"title\" *ngIf=\"modalTitle && modalTitle.length\">{{modalTitle}}</p>\n <ng-content select=[st-modal-title]></ng-content>\n <span class=\"icon-cross close-button\"\n *ngIf=\"!hideCloseBtn\"\n (click)=\"onCloseButton()\"></span>\n </div>\n </div>\n <div class=\"st-modal-body\">\n <div class=\"container\">\n <ng-content></ng-content>\n </div>\n </div>\n </ng-container>\n </section>\n</div>\n",
changeDetection: ChangeDetectionStrategy.OnPush,
animations: [
trigger('state', [
state('void, hidden', style({ opacity: 0 })),
state('visible', style({ opacity: 1 })),
transition('* => visible', [
style({ opacity: 0 }),
animate(300)
]),
transition('* => hidden', [
style({ opacity: 1 }),
animate(300)
])
])
],
styles: ["@charset \"UTF-8\";.st-modal-container{width:100%;height:100vh;position:fixed;left:0;top:0;display:flex}.st-modal-container .st-modal{margin:auto;-ms-grid-row-align:center;align-self:center;display:flex;flex-direction:column}.st-modal-container .st-modal .st-modal-header{display:flex;flex-direction:row;width:100%;height:70px}.st-modal-container .st-modal .st-modal-header .container{align-items:center;flex-wrap:nowrap}.st-modal-container .st-modal .container{min-width:auto}"]
}] }
];
StModal2Component.propDecorators = {
disabledAnimation: [{ type: Input }],
emptyModal: [{ type: Input }],
width: [{ type: Input }],
modalTitle: [{ type: Input }],
closeOnEscape: [{ type: Input }],
hideCloseBtn: [{ type: Input }],
endAnimation: [{ type: Output }],
onClose: [{ type: Output }],
onEnter: [{ type: Output }],
onKeydownHandler: [{ type: HostListener, args: ['document:keydown', ['$event'],] }]
};
return StModal2Component;
}());
export { StModal2Component };
if (false) {
/** @type {?} */
StModal2Component.prototype.disabledAnimation;
/** @type {?} */
StModal2Component.prototype.emptyModal;
/** @type {?} */
StModal2Component.prototype.width;
/** @type {?} */
StModal2Component.prototype.modalTitle;
/** @type {?} */
StModal2Component.prototype.closeOnEscape;
/** @type {?} */
StModal2Component.prototype.hideCloseBtn;
/** @type {?} */
StModal2Component.prototype.endAnimation;
/** @type {?} */
StModal2Component.prototype.onClose;
/** @type {?} */
StModal2Component.prototype.onEnter;
/** @type {?} */
StModal2Component.prototype.visibility;
/**
* @type {?}
* @private
*/
StModal2Component.prototype._subscriptions;
/**
* @type {?}
* @private
*/
StModal2Component.prototype.ESCAPE_KEYCODE;
/**
* @type {?}
* @private
*/
StModal2Component.prototype.ENTER_KEYCODE;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3QtbW9kYWwyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdHJhdGlvL2VnZW8vIiwic291cmNlcyI6WyJsaWIvc3QtbW9kYWwyL3N0LW1vZGFsMi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBV0EsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDekgsT0FBTyxFQUFFLE9BQU8sRUFBa0IsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFHakc7SUFBQTtRQXNCWSxzQkFBaUIsR0FBWSxJQUFJLENBQUM7UUFFbEMsVUFBSyxHQUFXLEdBQUcsQ0FBQztRQUNwQixlQUFVLEdBQVcsRUFBRSxDQUFDO1FBSXZCLGlCQUFZLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFDbEUsWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3ZELFlBQU8sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVqRSxlQUFVLEdBQVcsU0FBUyxDQUFDO1FBRXZCLG1CQUFjLEdBQXdCLEVBQUUsQ0FBQztRQUN6QyxtQkFBYyxHQUFXLEVBQUUsQ0FBQztRQUM1QixrQkFBYSxHQUFXLEVBQUUsQ0FBQztJQW9DdEMsQ0FBQzs7Ozs7SUFsQ2dELDRDQUFnQjs7OztJQUE5RCxVQUErRCxLQUFvQjtRQUNoRixJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksS0FBSyxDQUFDLE9BQU8sS0FBSyxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQzlELElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUN2QjtRQUVELElBQUksS0FBSyxDQUFDLE9BQU8sS0FBSyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDdEI7SUFDSixDQUFDOzs7O0lBRUQsdUNBQVc7OztJQUFYO1FBQ0csSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDakMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPOzs7O1lBQUMsVUFBQyxZQUFZO2dCQUN0QyxJQUFJLFlBQVksRUFBRTtvQkFDZixZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7aUJBQzdCO1lBQ0osQ0FBQyxFQUFDLENBQUM7U0FDTDtJQUNKLENBQUM7Ozs7O0lBRUQseUNBQWE7Ozs7SUFBYixVQUFjLEtBQXFCO1FBQ2hDLElBQUksS0FBSyxDQUFDLE9BQU8sS0FBSyxRQUFRLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDL0I7SUFDSixDQUFDOzs7O0lBRUQseUNBQWE7OztJQUFiO1FBQUEsaUJBT0M7UUFORSxJQUFJLENBQUMsVUFBVSxHQUFHLFFBQVEsQ0FBQztRQUMzQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVM7Ozs7UUFBQyxVQUFDLElBQUk7WUFDdkQsSUFBSSxJQUFJLEVBQUU7Z0JBQ1AsS0FBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQzthQUN0QjtRQUNKLENBQUMsRUFBQyxDQUFDLENBQUM7SUFDUCxDQUFDOztnQkF4RUgsU0FBUyxTQUFDO29CQUNSLFFBQVEsRUFBRSxXQUFXO29CQUNyQiw0MENBQXlDO29CQUV6QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsVUFBVSxFQUFFO3dCQUNULE9BQU8sQ0FBQyxPQUFPLEVBQUU7NEJBQ2QsS0FBSyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQzs0QkFDNUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQzs0QkFDdkMsVUFBVSxDQUFDLGNBQWMsRUFBRTtnQ0FDeEIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO2dDQUNyQixPQUFPLENBQUMsR0FBRyxDQUFDOzZCQUNkLENBQUM7NEJBQ0YsVUFBVSxDQUFDLGFBQWEsRUFBRTtnQ0FDdkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO2dDQUNyQixPQUFPLENBQUMsR0FBRyxDQUFDOzZCQUNkLENBQUM7eUJBQ0osQ0FBQztxQkFDSjs7aUJBQ0g7OztvQ0FHRyxLQUFLOzZCQUNMLEtBQUs7d0JBQ0wsS0FBSzs2QkFDTCxLQUFLO2dDQUNMLEtBQUs7K0JBQ0wsS0FBSzsrQkFFTCxNQUFNOzBCQUNOLE1BQU07MEJBQ04sTUFBTTttQ0FRTixZQUFZLFNBQUMsa0JBQWtCLEVBQUUsQ0FBQyxRQUFRLENBQUM7O0lBa0MvQyx3QkFBQztDQUFBLEFBekVELElBeUVDO1NBckRZLGlCQUFpQjs7O0lBRTNCLDhDQUEyQzs7SUFDM0MsdUNBQTZCOztJQUM3QixrQ0FBNkI7O0lBQzdCLHVDQUFpQzs7SUFDakMsMENBQWdDOztJQUNoQyx5Q0FBK0I7O0lBRS9CLHlDQUE0RTs7SUFDNUUsb0NBQWlFOztJQUNqRSxvQ0FBaUU7O0lBRWpFLHVDQUErQjs7Ozs7SUFFL0IsMkNBQWlEOzs7OztJQUNqRCwyQ0FBb0M7Ozs7O0lBQ3BDLDBDQUFtQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiDCqSAyMDE3IFN0cmF0aW8gQmlnIERhdGEgSW5jLiwgU3VjdXJzYWwgZW4gRXNwYcOxYS5cbiAqXG4gKiBUaGlzIHNvZnR3YXJlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAuXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCwgYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZO1xuICogd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS5cbiAqIFNlZSB0aGUgdGVybXMgb2YgdGhlIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMC5cbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBhbmltYXRlLCBBbmltYXRpb25FdmVudCwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogJ3N0LW1vZGFsMicsXG4gICB0ZW1wbGF0ZVVybDogJy4vc3QtbW9kYWwyLmNvbXBvbmVudC5odG1sJyxcbiAgIHN0eWxlVXJsczogWycuL3N0LW1vZGFsMi5jb21wb25lbnQuc2NzcyddLFxuICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICBhbmltYXRpb25zOiBbXG4gICAgICB0cmlnZ2VyKCdzdGF0ZScsIFtcbiAgICAgICAgIHN0YXRlKCd2b2lkLCBoaWRkZW4nLCBzdHlsZSh7IG9wYWNpdHk6IDAgfSkpLFxuICAgICAgICAgc3RhdGUoJ3Zpc2libGUnLCBzdHlsZSh7IG9wYWNpdHk6IDEgfSkpLFxuICAgICAgICAgdHJhbnNpdGlvbignKiA9PiB2aXNpYmxlJywgW1xuICAgICAgICAgICAgc3R5bGUoeyBvcGFjaXR5OiAwIH0pLFxuICAgICAgICAgICAgYW5pbWF0ZSgzMDApXG4gICAgICAgICBdKSxcbiAgICAgICAgIHRyYW5zaXRpb24oJyogPT4gaGlkZGVuJywgW1xuICAgICAgICAgICAgc3R5bGUoeyBvcGFjaXR5OiAxIH0pLFxuICAgICAgICAgICAgYW5pbWF0ZSgzMDApXG4gICAgICAgICBdKVxuICAgICAgXSlcbiAgIF1cbn0pXG5leHBvcnQgY2xhc3MgU3RNb2RhbDJDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gICBASW5wdXQoKSBkaXNhYmxlZEFuaW1hdGlvbjogYm9vbGVhbiA9IHRydWU7XG4gICBASW5wdXQoKSBlbXB0eU1vZGFsOiBib29sZWFuO1xuICAgQElucHV0KCkgd2lkdGg6IG51bWJlciA9IDYwMDtcbiAgIEBJbnB1dCgpIG1vZGFsVGl0bGU6IHN0cmluZyA9ICcnO1xuICAgQElucHV0KCkgY2xvc2VPbkVzY2FwZTogYm9vbGVhbjtcbiAgIEBJbnB1dCgpIGhpZGVDbG9zZUJ0bjogYm9vbGVhbjtcblxuICAgQE91dHB1dCgpIGVuZEFuaW1hdGlvbjogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICAgQE91dHB1dCgpIG9uQ2xvc2U6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgIEBPdXRwdXQoKSBvbkVudGVyOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgIHZpc2liaWxpdHk6IHN0cmluZyA9ICd2aXNpYmxlJztcblxuICAgcHJpdmF0ZSBfc3Vic2NyaXB0aW9uczogQXJyYXk8U3Vic2NyaXB0aW9uPiA9IFtdO1xuICAgcHJpdmF0ZSBFU0NBUEVfS0VZQ09ERTogbnVtYmVyID0gMjc7XG4gICBwcml2YXRlIEVOVEVSX0tFWUNPREU6IG51bWJlciA9IDEzO1xuXG4gICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDprZXlkb3duJywgWyckZXZlbnQnXSkgb25LZXlkb3duSGFuZGxlcihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgICAgaWYgKHRoaXMuY2xvc2VPbkVzY2FwZSAmJiBldmVudC5rZXlDb2RlID09PSB0aGlzLkVTQ0FQRV9LRVlDT0RFKSB7XG4gICAgICAgICB0aGlzLm9uQ2xvc2VCdXR0b24oKTtcbiAgICAgIH1cblxuICAgICAgaWYgKGV2ZW50LmtleUNvZGUgPT09IHRoaXMuRU5URVJfS0VZQ09ERSkge1xuICAgICAgICAgdGhpcy5vbkVudGVyLmVtaXQoKTtcbiAgICAgIH1cbiAgIH1cblxuICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICBpZiAodGhpcy5fc3Vic2NyaXB0aW9ucy5sZW5ndGggPiAwKSB7XG4gICAgICAgICB0aGlzLl9zdWJzY3JpcHRpb25zLmZvckVhY2goKHN1YnNjcmlwdGlvbikgPT4ge1xuICAgICAgICAgICAgaWYgKHN1YnNjcmlwdGlvbikge1xuICAgICAgICAgICAgICAgc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICB9KTtcbiAgICAgIH1cbiAgIH1cblxuICAgYW5pbWF0aW9uRG9uZShldmVudDogQW5pbWF0aW9uRXZlbnQpOiB2b2lkIHtcbiAgICAgIGlmIChldmVudC50b1N0YXRlID09PSAnaGlkZGVuJykge1xuICAgICAgICAgdGhpcy5lbmRBbmltYXRpb24uZW1pdCh0cnVlKTtcbiAgICAgIH1cbiAgIH1cblxuICAgb25DbG9zZUJ1dHRvbigpOiB2b2lkIHtcbiAgICAgIHRoaXMudmlzaWJpbGl0eSA9ICdoaWRkZW4nO1xuICAgICAgdGhpcy5fc3Vic2NyaXB0aW9ucy5wdXNoKHRoaXMuZW5kQW5pbWF0aW9uLnN1YnNjcmliZSgoZGF0YSkgPT4ge1xuICAgICAgICAgaWYgKGRhdGEpIHtcbiAgICAgICAgICAgIHRoaXMub25DbG9zZS5lbWl0KCk7XG4gICAgICAgICB9XG4gICAgICB9KSk7XG4gICB9XG59XG4iXX0=