general-library-union 2.8.18 → 2.8.20

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

@@ -1,20 +1,20 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-footer',
-  
-    standalone: true,
-    templateUrl: './footer.component.html',
-  styleUrls: ['./footer.component.scss']
-})
-export class FooterComponent implements OnInit {
-
-  constructor() {}
-
-  ngOnInit(): void {
-  }
-
-  cambiarColor(color){
-  }
-
-}
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-footer',
+  
+    standalone: true,
+    templateUrl: './footer.component.html',
+  styleUrls: ['./footer.component.scss']
+})
+export class FooterComponent implements OnInit {
+
+  constructor() {}
+
+  ngOnInit(): void {
+  }
+
+  cambiarColor(color){
+  }
+
+}

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

@@ -1,267 +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 *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 [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 *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

@@ -1,21 +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;
+.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;
   }