brainloper-ui 1.0.0 → 1.0.2

package/fesm2020/brainloper-ui.mjs

@@ -99,6 +99,8 @@ class MessageService {
     constructor(dialog) {
         this.dialog = dialog;
         this.loadingNow = false;
+        this.warningQueue = [];
+        this.showingWarning = false;
     }
     openLoading(title, message) {
         if (!this.loadingNow) {
@@ -166,28 +168,50 @@ class MessageService {
             });
         });
     }
-    Warning(title, message, showCancelButton = false, confirmButtonText = 'Aceptar', cancelButtonText = 'Cancelar') {
+    Warning(title, message, showCancelButton = false, confirmButtonText = 'Aceptar', cancelButtonText = 'Cancelar', allowOutsideClick = false) {
         return new Promise((resolve, reject) => {
-            Swal.fire({
+            const warningData = {
                 title: title,
-                text: message,
-                icon: 'warning',
+                message: message,
                 showCancelButton: showCancelButton,
                 confirmButtonText: confirmButtonText,
                 cancelButtonText: cancelButtonText,
+                resolve: resolve,
+                allowOutsideClick
+            };
+            this.warningQueue.push(warningData);
+            if (!this.showingWarning) {
+                this.showNextWarning();
+            }
+        });
+    }
+    showNextWarning() {
+        if (this.warningQueue.length > 0) {
+            this.showingWarning = true;
+            const warningData = this.warningQueue.shift();
+            Swal.fire({
+                title: warningData.title,
+                text: warningData.message,
+                icon: 'warning',
+                showCancelButton: warningData.showCancelButton,
+                confirmButtonText: warningData.confirmButtonText,
+                cancelButtonText: warningData.cancelButtonText,
                 customClass: {
                     confirmButton: 'confirm-button-class',
                     cancelButton: 'cancel-button-class',
-                }
+                },
+                allowOutsideClick: warningData.allowOutsideClick,
             }).then((result) => {
+                this.showingWarning = false;
                 if (result.value) {
-                    resolve(true);
+                    warningData.resolve(true);
                 }
                 else if (result.dismiss === Swal.DismissReason.cancel) {
-                    resolve(false);
+                    warningData.resolve(false);
                 }
+                this.showNextWarning();
             });
-        });
+        }
     }
     Info(title, message, showCancelButton = false, confirmButtonText = 'Aceptar', cancelButtonText = 'Cancelar') {
         return new Promise((resolve, reject) => {
@@ -490,10 +514,10 @@ class TableModalComponent {
     }
 }
 TableModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TableModalComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i10.FormBuilder }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Component });
-TableModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: TableModalComponent, selector: "app-table-modal", ngImport: i0, template: "<div>\r\n    <div style='display:flex; justify-content: space-between;'>\r\n        <div>\r\n            <strong>\r\n                <h3 *ngIf='data.action==\"edit\"'> Editar </h3>\r\n                <h3 *ngIf='data.action==\"add\"'> Agregar </h3>\r\n            </strong>\r\n        </div>\r\n        <div mat-dialog-close>\r\n            <i class=\"fa fa-times-circle\" style=\"font-size: 150%; position: relative;\"></i>\r\n        </div>\r\n    </div>\r\n\r\n    <form>\r\n\r\n        <div *ngFor='let input of data.columns'>\r\n\r\n\r\n\r\n                <div *ngIf='data.action==\"edit\"; else Agregar'>\r\n                  <mat-form-field *ngIf=\"!input.disregardForEdit\">\r\n                    <div *ngIf='input.type==\"combo\"; else otherInputEdit'>\r\n\r\n                        <mat-select [value]='input.value' (selectionChange)='onChange(input.ID,$event, input.type)'\r\n                            placeholder='{{input.paramsCombo.visibleField}}'>\r\n                            <mat-option *ngFor='let data of dataCombo[input.ID]'\r\n                                value='{{data[input.paramsCombo.selectionField]}}'>\r\n                                {{data[input.paramsCombo.visibleField]}}</mat-option>\r\n                        </mat-select>\r\n                    </div>\r\n\r\n                    <ng-template #otherInputEdit>\r\n                        <input [type]='input.type' [name]='input.ID' [value]='input.value'\r\n                            (input)='onChange(input.ID,$event, input.type)' matInput [placeholder]='input.label' />\r\n                    </ng-template>\r\n\r\n                    <mat-error>Campo Obligatorio</mat-error>\r\n                  </mat-form-field>\r\n\r\n                </div>\r\n\r\n                <ng-template #Agregar>\r\n                  <mat-form-field *ngIf=\"!input.disregardForAdd\">\r\n                    <div *ngIf='input.type==\"combo\"; else otherInput'>\r\n\r\n                        <mat-select (selectionChange)='onChange(input.ID,$event, input.type)' placeholder='{{input.label}}'>\r\n                            <mat-option *ngFor='let data of dataCombo[input.ID]'\r\n                                value='{{data[input.paramsCombo.selectionField]}}'>\r\n                                {{data[input.paramsCombo.visibleField]}}</mat-option>\r\n                        </mat-select>\r\n\r\n                    </div>\r\n\r\n                    <ng-template #otherInput>\r\n                        <input [type]='input.type' [name]='input.ID' (input)='onChange(input.ID, $event, input.type)'\r\n                            matInput [placeholder]='input.label' />\r\n\r\n                    </ng-template>\r\n                    <mat-error>Campo Obligatorio</mat-error>\r\n                  </mat-form-field>\r\n                </ng-template>\r\n\r\n\r\n\r\n\r\n        </div>\r\n\r\n        <button *ngIf='data.action==\"add\" || data.action==\"edit\"' (click)='onSubmit()' color='primary' mat-raised-button>Guardar</button>\r\n\r\n    </form>\r\n</div>\r\n\r\n", styles: ["button{width:100%}mat-form-field{width:100%}\n"], components: [{ type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }] });
+TableModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: TableModalComponent, selector: "app-table-modal", ngImport: i0, template: "<div>\r\n    <div style='display:flex; justify-content: space-between;'>\r\n        <div>\r\n            <strong>\r\n                <h3 *ngIf='data.action==\"edit\"'> Editar </h3>\r\n                <h3 *ngIf='data.action==\"add\"'> Agregar </h3>\r\n            </strong>\r\n        </div>\r\n        <div mat-dialog-close>\r\n            <i class=\"fa fa-times-circle\" style=\"font-size: 150%; position: relative;\"></i>\r\n        </div>\r\n    </div>\r\n\r\n    <form>\r\n\r\n        <div *ngFor='let input of data.columns'>\r\n\r\n\r\n\r\n                <div *ngIf='data.action==\"edit\"; else Agregar'>\r\n                  <mat-form-field *ngIf=\"!input.disregardForEdit\">\r\n                    <div *ngIf='input.type==\"combo\"; else otherInputEdit'>\r\n\r\n                        <mat-select [value]='input.value' (selectionChange)='onChange(input.ID,$event, input.type)'\r\n                            placeholder='{{input.paramsCombo.visibleField}}'>\r\n                            <mat-option *ngFor='let data of dataCombo[input.ID]'\r\n                                value='{{data[input.paramsCombo.selectionField]}}'>\r\n                                {{data[input.paramsCombo.visibleField]}}</mat-option>\r\n                        </mat-select>\r\n                    </div>\r\n\r\n                    <ng-template #otherInputEdit>\r\n                        <input [type]='input.type' [name]='input.ID' [value]='input.value'\r\n                            (input)='onChange(input.ID,$event, input.type)' matInput [placeholder]='input.label' [required]=\"input.required\" />\r\n                    </ng-template>\r\n\r\n                    <mat-error>Campo Obligatorio</mat-error>\r\n                  </mat-form-field>\r\n\r\n                </div>\r\n\r\n                <ng-template #Agregar>\r\n                  <mat-form-field *ngIf=\"!input.disregardForAdd\">\r\n                    <div *ngIf='input.type==\"combo\"; else otherInput'>\r\n\r\n                        <mat-select (selectionChange)='onChange(input.ID,$event, input.type)' placeholder='{{input.label}}'>\r\n                            <mat-option *ngFor='let data of dataCombo[input.ID]'\r\n                                value='{{data[input.paramsCombo.selectionField]}}'>\r\n                                {{data[input.paramsCombo.visibleField]}}</mat-option>\r\n                        </mat-select>\r\n\r\n                    </div>\r\n\r\n                    <ng-template #otherInput>\r\n                        <input [type]='input.type' [name]='input.ID' (input)='onChange(input.ID, $event, input.type)'\r\n                            matInput [placeholder]='input.label' [required]=\"input.required\"  />\r\n\r\n                    </ng-template>\r\n                    <mat-error>Campo Obligatorio</mat-error>\r\n                  </mat-form-field>\r\n                </ng-template>\r\n\r\n\r\n\r\n\r\n        </div>\r\n\r\n        <button *ngIf='data.action==\"add\" || data.action==\"edit\"' (click)='onSubmit()' color='primary' mat-raised-button>Guardar</button>\r\n\r\n    </form>\r\n</div>\r\n\r\n", styles: ["button{width:100%}mat-form-field{width:100%}\n"], components: [{ type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TableModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-table-modal', template: "<div>\r\n    <div style='display:flex; justify-content: space-between;'>\r\n        <div>\r\n            <strong>\r\n                <h3 *ngIf='data.action==\"edit\"'> Editar </h3>\r\n                <h3 *ngIf='data.action==\"add\"'> Agregar </h3>\r\n            </strong>\r\n        </div>\r\n        <div mat-dialog-close>\r\n            <i class=\"fa fa-times-circle\" style=\"font-size: 150%; position: relative;\"></i>\r\n        </div>\r\n    </div>\r\n\r\n    <form>\r\n\r\n        <div *ngFor='let input of data.columns'>\r\n\r\n\r\n\r\n                <div *ngIf='data.action==\"edit\"; else Agregar'>\r\n                  <mat-form-field *ngIf=\"!input.disregardForEdit\">\r\n                    <div *ngIf='input.type==\"combo\"; else otherInputEdit'>\r\n\r\n                        <mat-select [value]='input.value' (selectionChange)='onChange(input.ID,$event, input.type)'\r\n                            placeholder='{{input.paramsCombo.visibleField}}'>\r\n                            <mat-option *ngFor='let data of dataCombo[input.ID]'\r\n                                value='{{data[input.paramsCombo.selectionField]}}'>\r\n                                {{data[input.paramsCombo.visibleField]}}</mat-option>\r\n                        </mat-select>\r\n                    </div>\r\n\r\n                    <ng-template #otherInputEdit>\r\n                        <input [type]='input.type' [name]='input.ID' [value]='input.value'\r\n                            (input)='onChange(input.ID,$event, input.type)' matInput [placeholder]='input.label' />\r\n                    </ng-template>\r\n\r\n                    <mat-error>Campo Obligatorio</mat-error>\r\n                  </mat-form-field>\r\n\r\n                </div>\r\n\r\n                <ng-template #Agregar>\r\n                  <mat-form-field *ngIf=\"!input.disregardForAdd\">\r\n                    <div *ngIf='input.type==\"combo\"; else otherInput'>\r\n\r\n                        <mat-select (selectionChange)='onChange(input.ID,$event, input.type)' placeholder='{{input.label}}'>\r\n                            <mat-option *ngFor='let data of dataCombo[input.ID]'\r\n                                value='{{data[input.paramsCombo.selectionField]}}'>\r\n                                {{data[input.paramsCombo.visibleField]}}</mat-option>\r\n                        </mat-select>\r\n\r\n                    </div>\r\n\r\n                    <ng-template #otherInput>\r\n                        <input [type]='input.type' [name]='input.ID' (input)='onChange(input.ID, $event, input.type)'\r\n                            matInput [placeholder]='input.label' />\r\n\r\n                    </ng-template>\r\n                    <mat-error>Campo Obligatorio</mat-error>\r\n                  </mat-form-field>\r\n                </ng-template>\r\n\r\n\r\n\r\n\r\n        </div>\r\n\r\n        <button *ngIf='data.action==\"add\" || data.action==\"edit\"' (click)='onSubmit()' color='primary' mat-raised-button>Guardar</button>\r\n\r\n    </form>\r\n</div>\r\n\r\n", styles: ["button{width:100%}mat-form-field{width:100%}\n"] }]
+            args: [{ selector: 'app-table-modal', template: "<div>\r\n    <div style='display:flex; justify-content: space-between;'>\r\n        <div>\r\n            <strong>\r\n                <h3 *ngIf='data.action==\"edit\"'> Editar </h3>\r\n                <h3 *ngIf='data.action==\"add\"'> Agregar </h3>\r\n            </strong>\r\n        </div>\r\n        <div mat-dialog-close>\r\n            <i class=\"fa fa-times-circle\" style=\"font-size: 150%; position: relative;\"></i>\r\n        </div>\r\n    </div>\r\n\r\n    <form>\r\n\r\n        <div *ngFor='let input of data.columns'>\r\n\r\n\r\n\r\n                <div *ngIf='data.action==\"edit\"; else Agregar'>\r\n                  <mat-form-field *ngIf=\"!input.disregardForEdit\">\r\n                    <div *ngIf='input.type==\"combo\"; else otherInputEdit'>\r\n\r\n                        <mat-select [value]='input.value' (selectionChange)='onChange(input.ID,$event, input.type)'\r\n                            placeholder='{{input.paramsCombo.visibleField}}'>\r\n                            <mat-option *ngFor='let data of dataCombo[input.ID]'\r\n                                value='{{data[input.paramsCombo.selectionField]}}'>\r\n                                {{data[input.paramsCombo.visibleField]}}</mat-option>\r\n                        </mat-select>\r\n                    </div>\r\n\r\n                    <ng-template #otherInputEdit>\r\n                        <input [type]='input.type' [name]='input.ID' [value]='input.value'\r\n                            (input)='onChange(input.ID,$event, input.type)' matInput [placeholder]='input.label' [required]=\"input.required\" />\r\n                    </ng-template>\r\n\r\n                    <mat-error>Campo Obligatorio</mat-error>\r\n                  </mat-form-field>\r\n\r\n                </div>\r\n\r\n                <ng-template #Agregar>\r\n                  <mat-form-field *ngIf=\"!input.disregardForAdd\">\r\n                    <div *ngIf='input.type==\"combo\"; else otherInput'>\r\n\r\n                        <mat-select (selectionChange)='onChange(input.ID,$event, input.type)' placeholder='{{input.label}}'>\r\n                            <mat-option *ngFor='let data of dataCombo[input.ID]'\r\n                                value='{{data[input.paramsCombo.selectionField]}}'>\r\n                                {{data[input.paramsCombo.visibleField]}}</mat-option>\r\n                        </mat-select>\r\n\r\n                    </div>\r\n\r\n                    <ng-template #otherInput>\r\n                        <input [type]='input.type' [name]='input.ID' (input)='onChange(input.ID, $event, input.type)'\r\n                            matInput [placeholder]='input.label' [required]=\"input.required\"  />\r\n\r\n                    </ng-template>\r\n                    <mat-error>Campo Obligatorio</mat-error>\r\n                  </mat-form-field>\r\n                </ng-template>\r\n\r\n\r\n\r\n\r\n        </div>\r\n\r\n        <button *ngIf='data.action==\"add\" || data.action==\"edit\"' (click)='onSubmit()' color='primary' mat-raised-button>Guardar</button>\r\n\r\n    </form>\r\n</div>\r\n\r\n", styles: ["button{width:100%}mat-form-field{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]