general-library-union 3.3.39 → 3.3.41

package/src/app/core/componentes/formulariodinamico/formulariodinamico.component.html

@@ -0,0 +1,267 @@
+<p-table [value]="campos">
+  <ng-template pTemplate="body" let-campo>
+    <tr *ngIf="validarVisibilidadCampos(campo)">
+      <td style="width: 20%;">
+        <label *ngIf="campo.editable != 'N'" [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [class]="campo.tipo  == 'I' ? 'font-bold color-400 mt-7' : ''">
+            {{ campo.descripcion }} 
+            <ng-container *ngIf="campo.editable != 'N' && campo.obligatorio">*</ng-container>
+        </label>
+      </td>
+      <td style="width: 80%">
+        <div class="p-fluid p-formgrid grid">
+        <div [ngClass]="campo.ayuda && campo.editable != 'N' ? 'col-11' : 'col-12'">
+        <!--campo tipo FECHA-->
+        <p-calendar
+          class="w-full"
+          appendTo="body" 
+          type="text"
+          [(ngModel)]="campo.valor"
+          [disabled]="!editable || campo.editable == 'L'"
+          dateFormat="dd/mm/yy"
+          [tabIndex]="campo.orden + 1"
+          *ngIf="campo.tipo == 'F' && campo.editable != 'N'"
+          [showIcon]="true"
+          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+                                    
+        ></p-calendar>
+
+        <!--campo tipo HORA-->
+        <p-calendar
+          class="w-full"
+          appendTo="body" 
+          [(ngModel)]="campo.valor"
+          [disabled]="!editable || campo.editable == 'L'"
+          [tabIndex]="campo.orden + 1"
+          *ngIf="campo.tipo == 'X' && campo.editable != 'N'"
+          [showTime]="true"
+          [showSeconds]="true"
+          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+        ></p-calendar>
+
+        <!--campo tipo HORA VALOR-->
+        <input
+          pInputText
+          type="time"
+          [disabled]="!editable || campo.editable == 'L'"
+          [(ngModel)]="campo.valor"
+          [tabIndex]="campo.orden + 1"
+          *ngIf="campo.tipo == 'Z' && campo.editable != 'N'"
+          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+        />
+
+        <!--campo tipo TEXTO-->
+        <input
+          pInputText
+          [disabled]="!editable || campo.editable == 'L'"
+          [(ngModel)]="campo.valor"
+          [tabIndex]="campo.orden + 1"
+          *ngIf="campo.tipo == 'T' && campo.editable != 'N'"
+          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+        />
+
+        <!--campo tipo AREA TEXTO-->
+        <textarea
+          pInputTextarea
+          [(ngModel)]="campo.valor"
+          rows="5"
+          cols="5"
+          [tabIndex]="campo.orden + 1"
+          [disabled]="!editable || campo.editable == 'L'"
+          *ngIf="campo.tipo == 'A' && campo.editable != 'N'"
+          class="w-full p-inputtextarea p-inputtext p-component p-element min-h-100 max-h-250"
+          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+        >
+        </textarea>
+
+        <!--campo tipo NUMERO-->
+        <p-inputNumber
+          [disabled]="!editable || campo.editable == 'L'"
+          [(ngModel)]="campo.valor"
+          [tabIndex]="campo.orden + 1"
+          [maxlength]="campo.longitud"
+          *ngIf="campo.tipo == 'N' && campo.editable != 'N'"
+          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+        >
+        </p-inputNumber>
+
+        <!--campo tipo DECIMAL-->
+        <p-inputNumber
+          [disabled]="!editable || campo.editable == 'L'"
+          [(ngModel)]="campo.valor"
+          mode="decimal"
+          [minFractionDigits]="2"
+          *ngIf="campo.tipo == 'D' && campo.editable != 'N'"
+          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+        >
+        </p-inputNumber>
+
+        <!--campo tipo SECRET-->
+        <p-password
+          [feedback]="false"
+          [disabled]="!editable || campo.editable == 'L'"
+          [(ngModel)]="campo.valor"
+          [tabIndex]="campo.orden + 1"
+          *ngIf="campo.tipo == 'S' && campo.editable != 'N'"
+          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+        ></p-password>
+
+        <!--campo tipo COMBO-->
+        <p-dropdown
+          class="w-full"
+          appendTo="body"
+          [options]="campo.lista"
+          [autoDisplayFirst]="false"
+          [(ngModel)]="campo.valor"
+          [disabled]="!editable || campo.editable == 'L'"
+          *ngIf="campo.tipo == 'C' && campo.editable != 'N'"
+          [showClear]="!campo.obligatorio"
+          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+        >
+        </p-dropdown>
+
+        <!--campo tipo LOGICO-->
+        <div *ngIf="campo.tipo == 'L' && campo.editable != 'N'">
+          <div class="col-md-12">
+            <div class="p-fluid p-formgrid grid">
+              <div *ngFor="let valor of listaSiNoRadioButton" class="mt-4 col-12 md:col-2 field-checkbox">
+                <p-radioButton
+                  [inputId]="valor.key"
+                  name="valor"
+                  [value]="valor.key"
+                  [label]="valor.name"
+                  [(ngModel)]="campo.valor"
+                  [disabled]="!editable || campo.editable == 'L'"
+                  [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+                  [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+                ></p-radioButton>
+                <label>    </label>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!--campo tipo RADIO-->
+        <div *ngIf="campo.tipo == 'R' && campo.editable != 'N'">
+          <div class="col-md-12">
+            <div class="p-fluid p-formgrid grid">
+              <div *ngFor="let valor of campo.lista" class="mt-4 col-12 md:col-2 field-checkbox">
+              <p-radioButton
+                [inputId]="valor.value"
+                name="valor"
+                [value]="valor.value"
+                [label]="valor.label"
+                [(ngModel)]="campo.valor"
+                [disabled]="!editable || campo.editable == 'L'"
+                [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+                [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+              ></p-radioButton>
+            </div>
+            </div>
+          </div>
+        </div>
+
+        <!--campo tipo CHECKBOX-->
+        <div *ngIf="campo.tipo == 'H' && campo.editable != 'N'">
+          <div class="col-md-12">
+            <div class="p-fluid p-formgrid grid">
+              <div *ngFor="let valor of campo.lista" class="col-12 md:col-3 field-checkbox">
+                    <p-checkbox
+                      [inputId]="valor.value"
+                      name="valor"
+                      [value]="valor"
+                      [(ngModel)]="campo.valor"
+                      [disabled]="!editable || campo.editable == 'L'"
+                      [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+                      [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+                    ></p-checkbox>
+                    <label [for]="valor.value">{{ valor.label }}</label>
+                </div>
+              </div>
+          </div>
+        </div>
+
+        <!--campo tipo AUTOCOMPLETAR-->
+        <p-autoComplete
+          *ngIf="
+            (campo.tipo == 'O' || campo.tipo == 'Y') && campo.editable != 'N'
+          "
+          [disabled]="!editable || campo.editable == 'L'"
+          [(ngModel)]="campo.valor"
+          [suggestions]="campo.listaAutocompleteFiltrada"
+          (completeMethod)="campo.filtrarAutocomplete($event)"
+          field="label"
+          [dropdown]="true"
+          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
+          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
+          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
+        >
+          <ng-template let-valor pTemplate="item">
+            <div>
+              <div>{{ valor.label }}</div>
+            </div>
+          </ng-template>
+        </p-autoComplete>
+
+        <!--campo tipo POPUP-->
+        <div class="field" *ngIf="campo.tipo == 'P' && campo.editable != 'N'" >
+          <ng-container   *ngFor="let item of campo.listaPopups" [hash]="item"></ng-container>
+        </div>
+        <div *ngIf="verMensajeFuncion" class="text-center w-1">
+          <label>{{ campo.mensajeFuncion }}</label>
+        </div>
+        <div *ngIf="isMensaje">
+          <label style="color: red" *ngIf="campo.mensaje">{{ campo.mensaje }}</label>
+        </div>
+        </div>
+
+        <div *ngIf="campo.ayuda && campo.editable != 'N'" class="col-1 contenedor"  >
+          <span
+          class="w-1rem"
+          style="color: var(--color-400)"
+          tooltipStyleClass="tw-250"
+          [hideDelay]="1800"
+          pTooltip="{{ campo.ayuda }}"
+          tooltipPosition="top"
+          *ngIf="campo.ayuda && campo.editable != 'N'"
+          ><i class="pi pi-question-circle"></i
+        ></span>
+          </div>
+        </div>
+    </td>
+    </tr>
+  </ng-template>
+</p-table>

package/src/app/core/componentes/formulariodinamico/formulariodinamico.component.scss

@@ -0,0 +1,21 @@
+.contenedor {
+    display: flex;
+    justify-content: center; /* Centrado horizontal */
+    align-items: center; /* Centrado vertical */
+  }
+
+  :host ::ng-deep .subtitulo{
+    display: table;
+    margin-top: 12px;
+    margin-bottom: 30px;
+  }
+
+  :host ::ng-deep .subtitulo label{
+    position: absolute;
+    font-weight: 600;
+    color: #232323;
+  }
+
+  :host ::ng-deep .p-datatable table{
+    background: #fafafa;
+  }

package/src/app/core/componentes/formulariodinamico/formulariodinamico.component.ts

@@ -0,0 +1,278 @@
+import { Component, OnChanges, Input, OnInit, ComponentRef, Type, ViewChild, ViewContainerRef, ViewChildren, QueryList, AfterViewInit, ElementRef } from '@angular/core';
+import { CampoFormularioModel } from './objetosformulario/CampoFormulario';
+import { HashDirective } from './objetosformulario/HashDirective';
+import { UtilsService } from '../../../core/servicios/utils.service';
+import { GeneralService } from '../../../shared/servicios/general.service';
+import { AuthService } from '../../servicios/auth.service';
+import { Cambio } from './objetosformulario/Cambio';
+import { FormsModule } from '@angular/forms';
+import { CalendarModule } from 'primeng/calendar';
+import { CheckboxModule } from 'primeng/checkbox';
+import { InputTextareaModule } from 'primeng/inputtextarea';
+import { InputTextModule } from 'primeng/inputtext';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import { TooltipModule } from 'primeng/tooltip';
+import { DropdownModule } from 'primeng/dropdown';
+import { PasswordModule } from 'primeng/password';
+import { CommonModule } from '@angular/common';
+import { InputNumberModule } from 'primeng/inputnumber';
+import { AutoCompleteModule } from 'primeng/autocomplete';
+import { TableModule } from 'primeng/table';
+
+@Component({
+  selector: 'formulario-dinamico',
+    imports: [FormsModule, CalendarModule, CheckboxModule, InputTextareaModule, InputTextModule, RadioButtonModule, TooltipModule, DropdownModule, PasswordModule, CommonModule, InputNumberModule, AutoCompleteModule, HashDirective, TableModule],
+    standalone: true,
+    templateUrl: './formulariodinamico.component.html',
+  styleUrls: ['./formulariodinamico.component.scss']
+})
+export class FormulariodinamicoComponent implements OnInit, AfterViewInit, OnChanges {
+
+  @Input() campos: CampoFormularioModel[];
+  listaSiNoRadioButton: any[] = [{ name: 'Si', key: 'S' }, { name: 'No', key: 'N' }];
+  @ViewChild ('popup', { read: ViewContainerRef }) vcr: ViewContainerRef;
+  @ViewChildren(HashDirective) private hashes: QueryList<HashDirective>;
+  @Input() editable: boolean;
+  @Input() objeto: any;
+  @Input() isMensaje: boolean = false;
+  public validando: boolean = false;  
+  verMensajeFuncion: boolean = false;
+  public autoZIndex: string = 'true';
+  public listaCompRef: {value: ComponentRef<any>, label: string}[] = [];
+
+  constructor(public utilsService: UtilsService, private generalService: GeneralService, private authService: AuthService) { }
+
+  ngOnChanges(){
+   
+  }
+
+  ngAfterViewInit(): void {
+    
+    this.verMensajeFuncion = false;
+    this.listaCompRef = [];
+    this.campos.forEach(campo => {
+      if(campo.mensajeFuncion){
+        this.verMensajeFuncion = true;
+      }
+      if (campo.tipo == 'P'){
+        if (campo.popupComponent){
+          this.mostrarPopupFormulario(campo).then(data => {});
+        }
+      }
+    })
+    this.campos.sort((a, b) => a.orden - b.orden);
+
+  }
+
+  ngOnInit(): void {
+  }
+
+  modificar(objeto: any, editable: boolean) {
+		this.limpiar();
+		this.objeto = objeto;
+		this.editable = editable;
+    this.campos.forEach(campo => {
+      if (!campo.caracteristica){
+        for (let atributo in objeto) {
+          let valor = objeto[atributo];
+          if (atributo == campo.campo){
+            this.cargarValor(campo.campo, valor, null);
+          }
+        }
+      }
+      if(campo.campoDepende!= null){
+				this.campos.forEach(campo2 => {
+					if(campo2.campo == campo.campoDepende){
+						campo2.campoReferencia = campo.valor;
+					}
+				})
+			}
+    })
+    
+    this.campos.sort((a, b) => a.orden - b.orden);
+	}
+
+  modificarValorCamposAdicionales(objeto: any, idGrupo: string) {
+		this.objeto = objeto;
+    this.campos.forEach(campo => {
+      if(idGrupo == campo.idGrupoPertenece) {
+        if (!campo.caracteristica){
+          for (let atributo in objeto) {
+            let valor = objeto[atributo];
+            if (atributo == campo.campo){
+              this.cargarValor(campo.campo, valor, null);
+            }
+          }
+        }
+        if(campo.campoDepende!= null){
+          this.campos.forEach(campo2 => {
+            if(campo2.campo == campo.campoDepende){
+              campo2.campoReferencia = campo.valor;
+            }
+          })
+        }
+      }
+      
+    })
+    
+    this.campos.sort((a, b) => a.orden - b.orden);
+  }
+
+  guardar(){
+    this.campos.forEach(data => {
+    })
+  }
+
+  setValorPopup(objeto){
+  }
+
+  async loadComponentDynamic<T>(campo: CampoFormularioModel, component: Type<T>, props: Partial<T>) {
+    var container =   this.getContainerFor(campo.popup)
+    container.clear();
+    const hasProps: boolean = !!Object.keys(props).length;
+    const compRef: ComponentRef<any> = container.createComponent( component ); //Angular 13
+    
+    if (hasProps) {
+      for (let key of Object.keys(props)) {
+        compRef.instance[key] = props[key];
+      }
+    }
+    const componente = new campo.popupComponent();
+    if('getDescripcionLlave' in componente ){
+      compRef.instance['label'] = await componente.getDescripcionLlave(this.generalService, this.authService, campo.valor, campo)
+    }
+    this.listaCompRef.push({value:compRef, label: campo.popup});
+  }
+
+  getContainerFor(name: string) {
+    return this.hashes.find(x => x.hash === name).vcRef;
+  }
+
+  async mostrarPopupFormulario(campo: CampoFormularioModel){
+    await this.loadComponentDynamic(campo, campo.popupComponent, campo.propiedadesPopupComponent)
+      
+  }
+
+  validar(): boolean{
+    this.validando = true;
+    var validador = true;
+    this.campos.forEach(campo => {
+      if (campo.tipo == 'P') {
+        console.log('entra tipo p');
+        console.log(campo)
+        //var container =   this.getContainerFor(campo.popup)
+        console.log(this.listaCompRef)
+        var listaResultado = this.listaCompRef.filter(data => data.label == campo.popup);
+        if (listaResultado.length > 0) {
+          var filtroComponente = listaResultado[0].value;
+          console.log(filtroComponente)
+          filtroComponente.instance['booleano'] = campo.obligatorio && !this.utilsService.validarCampoObligatorio(campo.valor);
+          filtroComponente.changeDetectorRef.detectChanges();
+          console.log(filtroComponente)
+        }
+        
+      }
+      if (campo.obligatorio && !this.utilsService.validarCampoObligatorio(campo.valor)  ){
+        validador = validador && false;
+      }
+    })
+    return validador;
+  }
+
+  getObjecto(): any{
+    var campos2 = this.campos.filter(data => !data.caracteristica);
+    campos2.forEach(campo => {
+      this.objeto[campo.campo] = campo.valor;
+    })
+    return this.objeto;
+  }
+
+  camposCaracteristicaClear(){
+    for (let i = 0; i < this.campos.length; i++){
+      if (this.campos[i].caracteristica){
+        this.campos.splice(i, 1)
+      }
+    }
+  }
+
+  cargarValor(campo: string, valor: any, dato: any) {
+    this.campos.forEach(campoF => {
+      if (campoF.campo == campo) {
+        //campoF.cargar(valor);
+        campoF.valor = valor;
+        campoF.dato = dato;
+      }
+		})
+	}
+  
+  getCamposCaracteristica() {
+		var camposReturn: CampoFormularioModel[] = [];
+		this.campos.forEach(campo => {
+      if (campo.caracteristica) {
+        camposReturn.push(campo);
+      }
+		})
+		return camposReturn;
+  }
+
+  obtenerCampo(campo: string){
+    var retorno = null
+    this.campos.forEach(cam => {
+      if(cam.campo != null && cam.campo == campo){
+          retorno = cam;
+      }
+    })
+		return retorno;
+	}
+
+  limpiar() {
+    if (this.campos != null && this.campos.length > 0){
+      this.campos.forEach(campo => {
+        campo.valor = null;
+        campo.resaltado = false;
+        campo.mensajeFuncion = null;
+      })
+    }
+  }
+  
+  validarVisibilidadCampos(campo: CampoFormularioModel): boolean {
+
+    if ((campo.tipo == 'N' && campo.editable == 'N')) {
+      return false;
+    }
+
+    return true;
+  }
+
+  editarPermisoCamposPorIdGrupo(idGrupo: string, permisoCampo: string) {
+    this.campos.forEach(campo => {
+      if (idGrupo != campo.idGrupoPertenece || campo.editable == 'L') {
+        return;
+      }
+      campo.editable = permisoCampo;
+    })
+  }
+
+  getCambios(): Cambio[] {
+    const cambios: Cambio[] = [];
+    for (const campo of this.campos) {
+      if (campo.isCambio()) {
+        cambios.push(new Cambio(campo.original, campo.valor, campo));
+      }
+    }
+    return cambios;
+  }
+
+  removerCamposIdGrupo(idGrupo: string) {
+    var camposRemover: CampoFormularioModel[] = [];
+    this.campos.forEach(campo => {
+      if (idGrupo != campo.idGrupoPertenece) {
+        return;
+      }
+      camposRemover.push(campo);
+    })
+    this.campos = this.campos.filter(obj => !camposRemover.some(objEliminar => objEliminar.campo === obj.campo));
+
+  }
+
+}

package/src/app/core/componentes/formulariodinamico/objetosformulario/{Cambio.d.ts → Cambio.ts}

@@ -1,7 +1,13 @@
-import { CampoFormularioModel } from "./CampoFormulario";
-export declare class Cambio {
-    viejo: any;
-    nuevo: any;
-    campo: CampoFormularioModel;
-    constructor(viejo: any, nuevo: any, campo: CampoFormularioModel);
-}
+import { CampoFormularioModel } from "./CampoFormulario";
+
+export class Cambio {
+    viejo: any;
+    nuevo: any;
+    campo: CampoFormularioModel;
+  
+    constructor(viejo: any, nuevo: any, campo: CampoFormularioModel) {
+      this.viejo = viejo;
+      this.nuevo = nuevo;
+      this.campo = campo;
+    }
+  }