ngx-dsxlibrary 1.21.13 → 1.21.16

package/fesm2022/ngx-dsxlibrary.mjs

@@ -19,6 +19,7 @@ import * as i1$2 from 'primeng/menubar';
 import { MenubarModule } from 'primeng/menubar';
 import { ToastrService } from 'ngx-toastr';
 import Swal from 'sweetalert2';
+import { Router } from '@angular/router';
 import { JwtHelperService } from '@auth0/angular-jwt';
 import { CookieService } from 'ngx-cookie-service';
 import { AccordionModule } from 'primeng/accordion';
@@ -54,17 +55,16 @@ import { TextareaModule } from 'primeng/textarea';
 import { ToastModule } from 'primeng/toast';
 import { ToggleButtonModule } from 'primeng/togglebutton';
 import { TooltipModule } from 'primeng/tooltip';
-import { Router } from '@angular/router';
 import moment from 'moment-timezone';
 
 class AppMessageErrorComponent {
     // Control de formulario que se pasa como input
     control;
     form = null;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AppMessageErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: AppMessageErrorComponent, isStandalone: true, selector: "app-message-error", inputs: { control: "control", form: "form" }, ngImport: i0, template: "@if(control?.touched && control?.invalid){\r\n<div class=\"absolute dsx-error-message\">\r\n  @if(control?.errors?.['required']){ El campo <strong>es requerido.</strong>\r\n  } @else if(control?.errors?.['invalidNIT']){\r\n  <strong>{{ control?.errors?.['invalidNIT']?.message }}</strong\r\n  >. }@else if(control?.errors?.['invalidCUI']){\r\n  <strong>{{ control?.errors?.['invalidCUI']?.message }}</strong\r\n  >. } @else if(control?.errors?.['invalidDateRange']){\r\n  <strong>{{ control?.errors?.['invalidDateRange']?.message }}</strong\r\n  >. } @else if(control?.errors?.['dateNotRange']){\r\n  <strong>{{ control?.errors?.['dateNotRange']?.message }}</strong\r\n  >. } @else if(control?.errors?.['minlength']){ Debe tener al menos\r\n  <strong>{{ control?.errors?.['minlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['maxlength']){ Debe tener como m\u00E1ximo\r\n  <strong>{{ control?.errors?.['maxlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['min']){ El valor m\u00EDnimo permitido es\r\n  <strong>{{ control?.errors?.['min']?.min }}</strong\r\n  >. } @else if(control?.errors?.['max']){ El valor m\u00E1ximo permitido es\r\n  <strong>{{ control?.errors?.['max']?.max | number:'1.2-2' }}</strong\r\n  >. } @else if(control?.errors?.['email']){ Debe ser una direcci\u00F3n de correo\r\n  v\u00E1lida. } @else if(control?.errors?.['pattern']){ El campo no tiene el formato\r\n  requerido. } @else{ Existe un error a\u00FAn no identificado. }\r\n</div>\r\n}\r\n<!-- mensaje para formulario en general -->\r\n@if(form?.invalid && form?.touched){\r\n<div class=\"mt-2 mb-2\">\r\n  @if(this.form?.errors?.['atLeastOneRequired']){\r\n  <p-tag severity=\"danger\" [rounded]=\"true\">\r\n    {{ form?.getError(\"atLeastOneRequired\")?.message }}</p-tag\r\n  >\r\n  }\r\n</div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TagModule }, { kind: "component", type: i1.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "pipe", type: DecimalPipe, name: "number" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AppMessageErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AppMessageErrorComponent, isStandalone: true, selector: "app-message-error", inputs: { control: "control", form: "form" }, ngImport: i0, template: "@if(control?.touched && control?.invalid){\r\n<div class=\"absolute dsx-error-message\">\r\n  @if(control?.errors?.['required']){ El campo <strong>es requerido.</strong>\r\n  } @else if(control?.errors?.['invalidNIT']){\r\n  <strong>{{ control?.errors?.['invalidNIT']?.message }}</strong\r\n  >. }@else if(control?.errors?.['invalidCUI']){\r\n  <strong>{{ control?.errors?.['invalidCUI']?.message }}</strong\r\n  >. } @else if(control?.errors?.['invalidDateRange']){\r\n  <strong>{{ control?.errors?.['invalidDateRange']?.message }}</strong\r\n  >. } @else if(control?.errors?.['dateNotRange']){\r\n  <strong>{{ control?.errors?.['dateNotRange']?.message }}</strong\r\n  >. } @else if(control?.errors?.['minlength']){ Debe tener al menos\r\n  <strong>{{ control?.errors?.['minlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['maxlength']){ Debe tener como m\u00E1ximo\r\n  <strong>{{ control?.errors?.['maxlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['min']){ El valor m\u00EDnimo permitido es\r\n  <strong>{{ control?.errors?.['min']?.min }}</strong\r\n  >. } @else if(control?.errors?.['max']){ El valor m\u00E1ximo permitido es\r\n  <strong>{{ control?.errors?.['max']?.max | number:'1.2-2' }}</strong\r\n  >. } @else if(control?.errors?.['email']){ Debe ser una direcci\u00F3n de correo\r\n  v\u00E1lida. } @else if(control?.errors?.['pattern']){ El campo no tiene el formato\r\n  requerido. } @else{ Existe un error a\u00FAn no identificado. }\r\n</div>\r\n}\r\n<!-- mensaje para formulario en general -->\r\n@if(form?.invalid && form?.touched){\r\n<div class=\"mt-2 mb-2\">\r\n  @if(this.form?.errors?.['atLeastOneRequired']){\r\n  <p-tag severity=\"danger\" [rounded]=\"true\">\r\n    {{ form?.getError(\"atLeastOneRequired\")?.message }}</p-tag\r\n  >\r\n  }\r\n</div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TagModule }, { kind: "component", type: i1.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "pipe", type: DecimalPipe, name: "number" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AppMessageErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AppMessageErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-message-error', imports: [TagModule, DecimalPipe], template: "@if(control?.touched && control?.invalid){\r\n<div class=\"absolute dsx-error-message\">\r\n  @if(control?.errors?.['required']){ El campo <strong>es requerido.</strong>\r\n  } @else if(control?.errors?.['invalidNIT']){\r\n  <strong>{{ control?.errors?.['invalidNIT']?.message }}</strong\r\n  >. }@else if(control?.errors?.['invalidCUI']){\r\n  <strong>{{ control?.errors?.['invalidCUI']?.message }}</strong\r\n  >. } @else if(control?.errors?.['invalidDateRange']){\r\n  <strong>{{ control?.errors?.['invalidDateRange']?.message }}</strong\r\n  >. } @else if(control?.errors?.['dateNotRange']){\r\n  <strong>{{ control?.errors?.['dateNotRange']?.message }}</strong\r\n  >. } @else if(control?.errors?.['minlength']){ Debe tener al menos\r\n  <strong>{{ control?.errors?.['minlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['maxlength']){ Debe tener como m\u00E1ximo\r\n  <strong>{{ control?.errors?.['maxlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['min']){ El valor m\u00EDnimo permitido es\r\n  <strong>{{ control?.errors?.['min']?.min }}</strong\r\n  >. } @else if(control?.errors?.['max']){ El valor m\u00E1ximo permitido es\r\n  <strong>{{ control?.errors?.['max']?.max | number:'1.2-2' }}</strong\r\n  >. } @else if(control?.errors?.['email']){ Debe ser una direcci\u00F3n de correo\r\n  v\u00E1lida. } @else if(control?.errors?.['pattern']){ El campo no tiene el formato\r\n  requerido. } @else{ Existe un error a\u00FAn no identificado. }\r\n</div>\r\n}\r\n<!-- mensaje para formulario en general -->\r\n@if(form?.invalid && form?.touched){\r\n<div class=\"mt-2 mb-2\">\r\n  @if(this.form?.errors?.['atLeastOneRequired']){\r\n  <p-tag severity=\"danger\" [rounded]=\"true\">\r\n    {{ form?.getError(\"atLeastOneRequired\")?.message }}</p-tag\r\n  >\r\n  }\r\n</div>\r\n}\r\n" }]
         }], propDecorators: { control: [{
@@ -124,10 +124,10 @@ class KpicardComponent {
     getSelectedOption() {
         return this.options[this.option()] ?? this.options.currency; // Si no existe, usa `currency`
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: KpicardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.5", type: KpicardComponent, isStandalone: true, selector: "app-kpicard", inputs: { option: { classPropertyName: "option", publicName: "option", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, valor: { classPropertyName: "valor", publicName: "valor", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"`kpi-card ${color()} ${theme()}-theme`\">\r\n  <div class=\"kpi-container\">\r\n    <span\r\n      [countUp]=\"valor()\"\r\n      [countUpOptions]=\"getSelectedOption()\"\r\n      [class]=\"`card-value-${theme()}`\"\r\n      >0</span\r\n    >\r\n    <span [class]=\"`card-text-${theme()}`\">{{ label() }}</span>\r\n  </div>\r\n  <i [class]=\"`${iconType()} icon icon-${theme()}`\"></i>\r\n</div>\r\n", styles: [".icon{float:right;font-size:500%;position:absolute;top:0rem;right:-.3rem;opacity:.2}.icon-light{color:#000}.icon-dark{color:#fff}.icon-aqua{color:#28cce9}.icon-sunset{color:#d1a9a5}.icon-mint{color:#91cc08}.icon-peach{color:#5e412f}.icon-plasma{color:#dcdde1}.icon-nebula{color:#d8d8d8}.kpi-card{--gradient-light: linear-gradient(to bottom, #00fffc, #008cff);--text-color-light: #495057;--card-value-gradient-light: linear-gradient( 45deg, #00fffc, #a200ff, #0094ff );--gradient-dark: linear-gradient(to bottom, #ff00ff, #ff0066);--text-color-dark: #d5d7d8;--card-value-gradient-dark: linear-gradient(45deg, #ff7e5f, #feb47b, #ff6a00);--gradient-aqua: linear-gradient(to bottom, #00e0ff, #0079ff);--text-color-aqua: #6fa6b8;--card-value-gradient-aqua: linear-gradient(45deg, #00e0ff, #00ffc8, #00b7ff);--gradient-sunset: linear-gradient(to bottom, #ff9a9e, #fad0c4);--text-color-sunset: #cfbfaf;--card-value-gradient-sunset: linear-gradient( 45deg, #ff9a9e, #fad0c4, #ff6f61 );--gradient-mint: linear-gradient(to bottom, #98ff98, #00d4ff);--text-color-mint: #a3ca36;--card-value-gradient-mint: linear-gradient(45deg, #98ff98, #00e1ff, #00ffa6);--gradient-peach: linear-gradient(to bottom, #ffecd2, #fcb69f);--text-color-peach: #5e412f;--card-value-gradient-peach: linear-gradient( 45deg, #ffecd2, #ffb347, #ffcccb );--gradient-plasma: linear-gradient(to bottom, #6a00f4, #240046);--text-color-plasma: #dcdde1;--card-value-gradient-plasma: linear-gradient( 45deg, #6a00f4, #8338ec, #3a0ca3 );--gradient-nebula: linear-gradient(to bottom, #38aa0c, #2632d4);--text-color-nebula: #a372d1;--card-value-gradient-nebula: linear-gradient( 45deg, #c4ffe2, #a6c9ff, #8a12f3 );overflow:hidden;position:relative;box-shadow:1px 1px 8px #000000a6;display:inline-block;padding:1em;border-radius:.8em;font-family:Montserrat,sans-serif;font-size:.9rem;width:90%;min-width:180px;margin-left:.5em;margin-top:.5em}.kpi-card:after{position:absolute;content:\"\";width:.25rem;inset:.65rem auto .65rem .5rem;border-radius:.125rem;background:var(--gradient);transition:transform .3s ease;z-index:4}.kpi-card.light-theme:after{background:var(--gradient-light)}.kpi-card.dark-theme:after{background:var(--gradient-dark)}.kpi-card.aqua-theme:after{background:var(--gradient-aqua)}.kpi-card.sunset-theme:after{background:var(--gradient-sunset)}.kpi-card.mint-theme:after{background:var(--gradient-mint)}.kpi-card.peach-theme:after{background:var(--gradient-peach)}.kpi-card.plasma-theme:after{background:var(--gradient-plasma)}.kpi-card.nebula-theme:after{background:var(--gradient-nebula)}.kpi-container{margin-left:.5em}.card-value-light{display:block;font-size:200%;font-weight:bolder;background:linear-gradient(45deg,#00fffc,#a200ff,#0094ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(0,255,252,.3),0 0 10px rgba(162,0,255,.2),0 0 15px rgba(0,148,255,.1)}.card-value-dark{display:block;font-size:200%;font-weight:bolder;background:linear-gradient(45deg,#ff7e5f,#feb47b,#ff6a00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(255,126,95,.5),0 0 10px rgba(254,180,123,.4),0 0 15px rgba(255,106,0,.3)}.card-value-aqua{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-aqua);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(0,224,255,.3),0 0 10px rgba(0,255,200,.2),0 0 15px rgba(0,183,255,.1)}.card-value-sunset{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-sunset);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(255,154,158,.3),0 0 10px rgba(250,208,196,.2),0 0 15px rgba(255,111,97,.1)}.card-value-mint{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-mint);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(152,255,152,.4),0 0 10px rgba(0,225,255,.3),0 0 15px rgba(0,255,166,.2)}.card-value-peach{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-peach);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(255,236,210,.4),0 0 10px rgba(255,179,71,.3),0 0 15px rgba(255,204,203,.2)}.card-value-plasma{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-plasma);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(106,0,244,.5),0 0 10px rgba(131,56,236,.4),0 0 15px rgba(58,12,163,.3)}.card-value-nebula{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-nebula);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(27,27,47,.4),0 0 10px rgba(63,13,18,.3),0 0 15px rgba(142,45,226,.2)}.card-text{display:block;font-family:Roboto,sans-serif;padding-left:.2em}.card-text-light{color:var(--text-color-light)}.card-text-dark{color:var(--text-color-dark)}.card-text-aqua{color:var(--text-color-aqua)}.card-text-sunset{color:var(--text-color-sunset)}.card-text-mint{color:var(--text-color-mint)}.card-text-peach{color:var(--text-color-peach)}.card-text-plasma{color:var(--text-color-plasma)}.card-text-nebula{color:var(--text-color-nebula)}\n"], dependencies: [{ kind: "directive", type: CountUpDirective, selector: "[countUp]", inputs: ["countUp", "countUpOptions", "reanimateOnClick"], outputs: ["complete"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KpicardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: KpicardComponent, isStandalone: true, selector: "app-kpicard", inputs: { option: { classPropertyName: "option", publicName: "option", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, valor: { classPropertyName: "valor", publicName: "valor", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"`kpi-card ${color()} ${theme()}-theme`\">\r\n  <div class=\"kpi-container\">\r\n    <span\r\n      [countUp]=\"valor()\"\r\n      [countUpOptions]=\"getSelectedOption()\"\r\n      [class]=\"`card-value-${theme()}`\"\r\n      >0</span\r\n    >\r\n    <span [class]=\"`card-text-${theme()}`\">{{ label() }}</span>\r\n  </div>\r\n  <i [class]=\"`${iconType()} icon icon-${theme()}`\"></i>\r\n</div>\r\n", styles: [".icon{float:right;font-size:500%;position:absolute;top:0rem;right:-.3rem;opacity:.2}.icon-light{color:#000}.icon-dark{color:#fff}.icon-aqua{color:#28cce9}.icon-sunset{color:#d1a9a5}.icon-mint{color:#91cc08}.icon-peach{color:#5e412f}.icon-plasma{color:#dcdde1}.icon-nebula{color:#d8d8d8}.kpi-card{--gradient-light: linear-gradient(to bottom, #00fffc, #008cff);--text-color-light: #495057;--card-value-gradient-light: linear-gradient( 45deg, #00fffc, #a200ff, #0094ff );--gradient-dark: linear-gradient(to bottom, #ff00ff, #ff0066);--text-color-dark: #d5d7d8;--card-value-gradient-dark: linear-gradient(45deg, #ff7e5f, #feb47b, #ff6a00);--gradient-aqua: linear-gradient(to bottom, #00e0ff, #0079ff);--text-color-aqua: #6fa6b8;--card-value-gradient-aqua: linear-gradient(45deg, #00e0ff, #00ffc8, #00b7ff);--gradient-sunset: linear-gradient(to bottom, #ff9a9e, #fad0c4);--text-color-sunset: #cfbfaf;--card-value-gradient-sunset: linear-gradient( 45deg, #ff9a9e, #fad0c4, #ff6f61 );--gradient-mint: linear-gradient(to bottom, #98ff98, #00d4ff);--text-color-mint: #a3ca36;--card-value-gradient-mint: linear-gradient(45deg, #98ff98, #00e1ff, #00ffa6);--gradient-peach: linear-gradient(to bottom, #ffecd2, #fcb69f);--text-color-peach: #5e412f;--card-value-gradient-peach: linear-gradient( 45deg, #ffecd2, #ffb347, #ffcccb );--gradient-plasma: linear-gradient(to bottom, #6a00f4, #240046);--text-color-plasma: #dcdde1;--card-value-gradient-plasma: linear-gradient( 45deg, #6a00f4, #8338ec, #3a0ca3 );--gradient-nebula: linear-gradient(to bottom, #38aa0c, #2632d4);--text-color-nebula: #a372d1;--card-value-gradient-nebula: linear-gradient( 45deg, #c4ffe2, #a6c9ff, #8a12f3 );overflow:hidden;position:relative;box-shadow:1px 1px 8px #000000a6;display:inline-block;padding:1em;border-radius:.8em;font-family:Montserrat,sans-serif;font-size:.9rem;width:90%;min-width:180px;margin-left:.5em;margin-top:.5em}.kpi-card:after{position:absolute;content:\"\";width:.25rem;inset:.65rem auto .65rem .5rem;border-radius:.125rem;background:var(--gradient);transition:transform .3s ease;z-index:4}.kpi-card.light-theme:after{background:var(--gradient-light)}.kpi-card.dark-theme:after{background:var(--gradient-dark)}.kpi-card.aqua-theme:after{background:var(--gradient-aqua)}.kpi-card.sunset-theme:after{background:var(--gradient-sunset)}.kpi-card.mint-theme:after{background:var(--gradient-mint)}.kpi-card.peach-theme:after{background:var(--gradient-peach)}.kpi-card.plasma-theme:after{background:var(--gradient-plasma)}.kpi-card.nebula-theme:after{background:var(--gradient-nebula)}.kpi-container{margin-left:.5em}.card-value-light{display:block;font-size:200%;font-weight:bolder;background:linear-gradient(45deg,#00fffc,#a200ff,#0094ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(0,255,252,.3),0 0 10px rgba(162,0,255,.2),0 0 15px rgba(0,148,255,.1)}.card-value-dark{display:block;font-size:200%;font-weight:bolder;background:linear-gradient(45deg,#ff7e5f,#feb47b,#ff6a00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(255,126,95,.5),0 0 10px rgba(254,180,123,.4),0 0 15px rgba(255,106,0,.3)}.card-value-aqua{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-aqua);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(0,224,255,.3),0 0 10px rgba(0,255,200,.2),0 0 15px rgba(0,183,255,.1)}.card-value-sunset{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-sunset);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(255,154,158,.3),0 0 10px rgba(250,208,196,.2),0 0 15px rgba(255,111,97,.1)}.card-value-mint{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-mint);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(152,255,152,.4),0 0 10px rgba(0,225,255,.3),0 0 15px rgba(0,255,166,.2)}.card-value-peach{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-peach);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(255,236,210,.4),0 0 10px rgba(255,179,71,.3),0 0 15px rgba(255,204,203,.2)}.card-value-plasma{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-plasma);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(106,0,244,.5),0 0 10px rgba(131,56,236,.4),0 0 15px rgba(58,12,163,.3)}.card-value-nebula{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-nebula);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(27,27,47,.4),0 0 10px rgba(63,13,18,.3),0 0 15px rgba(142,45,226,.2)}.card-text{display:block;font-family:Roboto,sans-serif;padding-left:.2em}.card-text-light{color:var(--text-color-light)}.card-text-dark{color:var(--text-color-dark)}.card-text-aqua{color:var(--text-color-aqua)}.card-text-sunset{color:var(--text-color-sunset)}.card-text-mint{color:var(--text-color-mint)}.card-text-peach{color:var(--text-color-peach)}.card-text-plasma{color:var(--text-color-plasma)}.card-text-nebula{color:var(--text-color-nebula)}\n"], dependencies: [{ kind: "directive", type: CountUpDirective, selector: "[countUp]", inputs: ["countUp", "countUpOptions", "reanimateOnClick"], outputs: ["complete"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: KpicardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KpicardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-kpicard', imports: [CountUpDirective], template: "<div [class]=\"`kpi-card ${color()} ${theme()}-theme`\">\r\n  <div class=\"kpi-container\">\r\n    <span\r\n      [countUp]=\"valor()\"\r\n      [countUpOptions]=\"getSelectedOption()\"\r\n      [class]=\"`card-value-${theme()}`\"\r\n      >0</span\r\n    >\r\n    <span [class]=\"`card-text-${theme()}`\">{{ label() }}</span>\r\n  </div>\r\n  <i [class]=\"`${iconType()} icon icon-${theme()}`\"></i>\r\n</div>\r\n", styles: [".icon{float:right;font-size:500%;position:absolute;top:0rem;right:-.3rem;opacity:.2}.icon-light{color:#000}.icon-dark{color:#fff}.icon-aqua{color:#28cce9}.icon-sunset{color:#d1a9a5}.icon-mint{color:#91cc08}.icon-peach{color:#5e412f}.icon-plasma{color:#dcdde1}.icon-nebula{color:#d8d8d8}.kpi-card{--gradient-light: linear-gradient(to bottom, #00fffc, #008cff);--text-color-light: #495057;--card-value-gradient-light: linear-gradient( 45deg, #00fffc, #a200ff, #0094ff );--gradient-dark: linear-gradient(to bottom, #ff00ff, #ff0066);--text-color-dark: #d5d7d8;--card-value-gradient-dark: linear-gradient(45deg, #ff7e5f, #feb47b, #ff6a00);--gradient-aqua: linear-gradient(to bottom, #00e0ff, #0079ff);--text-color-aqua: #6fa6b8;--card-value-gradient-aqua: linear-gradient(45deg, #00e0ff, #00ffc8, #00b7ff);--gradient-sunset: linear-gradient(to bottom, #ff9a9e, #fad0c4);--text-color-sunset: #cfbfaf;--card-value-gradient-sunset: linear-gradient( 45deg, #ff9a9e, #fad0c4, #ff6f61 );--gradient-mint: linear-gradient(to bottom, #98ff98, #00d4ff);--text-color-mint: #a3ca36;--card-value-gradient-mint: linear-gradient(45deg, #98ff98, #00e1ff, #00ffa6);--gradient-peach: linear-gradient(to bottom, #ffecd2, #fcb69f);--text-color-peach: #5e412f;--card-value-gradient-peach: linear-gradient( 45deg, #ffecd2, #ffb347, #ffcccb );--gradient-plasma: linear-gradient(to bottom, #6a00f4, #240046);--text-color-plasma: #dcdde1;--card-value-gradient-plasma: linear-gradient( 45deg, #6a00f4, #8338ec, #3a0ca3 );--gradient-nebula: linear-gradient(to bottom, #38aa0c, #2632d4);--text-color-nebula: #a372d1;--card-value-gradient-nebula: linear-gradient( 45deg, #c4ffe2, #a6c9ff, #8a12f3 );overflow:hidden;position:relative;box-shadow:1px 1px 8px #000000a6;display:inline-block;padding:1em;border-radius:.8em;font-family:Montserrat,sans-serif;font-size:.9rem;width:90%;min-width:180px;margin-left:.5em;margin-top:.5em}.kpi-card:after{position:absolute;content:\"\";width:.25rem;inset:.65rem auto .65rem .5rem;border-radius:.125rem;background:var(--gradient);transition:transform .3s ease;z-index:4}.kpi-card.light-theme:after{background:var(--gradient-light)}.kpi-card.dark-theme:after{background:var(--gradient-dark)}.kpi-card.aqua-theme:after{background:var(--gradient-aqua)}.kpi-card.sunset-theme:after{background:var(--gradient-sunset)}.kpi-card.mint-theme:after{background:var(--gradient-mint)}.kpi-card.peach-theme:after{background:var(--gradient-peach)}.kpi-card.plasma-theme:after{background:var(--gradient-plasma)}.kpi-card.nebula-theme:after{background:var(--gradient-nebula)}.kpi-container{margin-left:.5em}.card-value-light{display:block;font-size:200%;font-weight:bolder;background:linear-gradient(45deg,#00fffc,#a200ff,#0094ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(0,255,252,.3),0 0 10px rgba(162,0,255,.2),0 0 15px rgba(0,148,255,.1)}.card-value-dark{display:block;font-size:200%;font-weight:bolder;background:linear-gradient(45deg,#ff7e5f,#feb47b,#ff6a00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(255,126,95,.5),0 0 10px rgba(254,180,123,.4),0 0 15px rgba(255,106,0,.3)}.card-value-aqua{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-aqua);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(0,224,255,.3),0 0 10px rgba(0,255,200,.2),0 0 15px rgba(0,183,255,.1)}.card-value-sunset{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-sunset);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(255,154,158,.3),0 0 10px rgba(250,208,196,.2),0 0 15px rgba(255,111,97,.1)}.card-value-mint{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-mint);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(152,255,152,.4),0 0 10px rgba(0,225,255,.3),0 0 15px rgba(0,255,166,.2)}.card-value-peach{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-peach);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(255,236,210,.4),0 0 10px rgba(255,179,71,.3),0 0 15px rgba(255,204,203,.2)}.card-value-plasma{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-plasma);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(106,0,244,.5),0 0 10px rgba(131,56,236,.4),0 0 15px rgba(58,12,163,.3)}.card-value-nebula{display:block;font-size:200%;font-weight:bolder;background:var(--card-value-gradient-nebula);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(27,27,47,.4),0 0 10px rgba(63,13,18,.3),0 0 15px rgba(142,45,226,.2)}.card-text{display:block;font-family:Roboto,sans-serif;padding-left:.2em}.card-text-light{color:var(--text-color-light)}.card-text-dark{color:var(--text-color-dark)}.card-text-aqua{color:var(--text-color-aqua)}.card-text-sunset{color:var(--text-color-sunset)}.card-text-mint{color:var(--text-color-mint)}.card-text-peach{color:var(--text-color-peach)}.card-text-plasma{color:var(--text-color-plasma)}.card-text-nebula{color:var(--text-color-nebula)}\n"] }]
         }], propDecorators: { option: [{ type: i0.Input, args: [{ isSignal: true, alias: "option", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], iconType: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconType", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], valor: [{ type: i0.Input, args: [{ isSignal: true, alias: "valor", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }] } });
@@ -150,10 +150,10 @@ class IconDsxService {
         this.cache.set(name, request$);
         return request$;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: IconDsxService, deps: [{ token: i1$1.HttpClient }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: IconDsxService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconDsxService, deps: [{ token: i1$1.HttpClient }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconDsxService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: IconDsxService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconDsxService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -170,10 +170,10 @@ class IconDsxComponent {
     ngOnInit() {
         this.svg$ = this.iconService.getIcon(this.name); // 👈 AHORA CUADRA CON EL async
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: IconDsxComponent, deps: [{ token: IconDsxService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: IconDsxComponent, isStandalone: true, selector: "icon-dsx", inputs: { name: "name" }, ngImport: i0, template: "<span class=\"dsx-icon\" [innerHTML]=\"svg$ | async\"></span>\r\n", styles: ["app-icon-dsx .dsx-icon svg{fill:currentColor!important}:host ::ng-deep .dsx-icon svg{fill:currentColor}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconDsxComponent, deps: [{ token: IconDsxService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: IconDsxComponent, isStandalone: true, selector: "icon-dsx", inputs: { name: "name" }, ngImport: i0, template: "<span class=\"dsx-icon\" [innerHTML]=\"svg$ | async\"></span>\r\n", styles: ["app-icon-dsx .dsx-icon svg{fill:currentColor!important}:host ::ng-deep .dsx-icon svg{fill:currentColor}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: IconDsxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconDsxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'icon-dsx', imports: [AsyncPipe], template: "<span class=\"dsx-icon\" [innerHTML]=\"svg$ | async\"></span>\r\n", styles: ["app-icon-dsx .dsx-icon svg{fill:currentColor!important}:host ::ng-deep .dsx-icon svg{fill:currentColor}\n"] }]
         }], ctorParameters: () => [{ type: IconDsxService }], propDecorators: { name: [{
@@ -205,17 +205,239 @@ class JsonHighlightPipe {
             .replace(/,/g, '<span class="json-comma">$&</span>')
             .replace(/:/g, '<span class="json-colon">$&</span>');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: JsonHighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: JsonHighlightPipe, isStandalone: true, name: "jsonHighlight" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: JsonHighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: JsonHighlightPipe, isStandalone: true, name: "jsonHighlight" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: JsonHighlightPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: JsonHighlightPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'jsonHighlight',
                 }]
         }] });
 
+/**
+ * Esquema de configuración del entorno - Fuente única de verdad (Single Source of Truth)
+ *
+ * Este objeto define todos los campos requeridos y sus tipos esperados para la configuración del entorno.
+ * Sirve como referencia automática para:
+ * - Generar el tipo TypeScript `EnvironmentConfig`
+ * - Validar la presencia de campos requeridos
+ * - Validar los tipos de datos en runtime
+ * - Detectar automáticamente campos que requieren validación especial (URLs)
+ *
+ * **Cómo agregar una nueva propiedad:**
+ * 1. Agrégala a este objeto con su tipo: 'string', 'boolean' o 'number'
+ * 2. Todo lo demás se actualiza automáticamente (tipo TypeScript, validaciones, etc.)
+ *
+ * @example
+ * ```typescript
+ * const ENVIRONMENT_SCHEMA = {
+ *   production: 'boolean' as const,
+ *   myAppUrl: 'string' as const,
+ *   apiTimeout: 'number' as const, // ← Agregar nueva propiedad
+ * } as const;
+ * ```
+ *
+ * @internal
+ */
+const ENVIRONMENT_SCHEMA = {
+    production: 'boolean',
+    myAppUrl: 'string',
+    SeguridadITApiUrl: 'string',
+    tokenName: 'string',
+    tokenNameRF: 'string',
+    sessionStatus: 'string',
+    refreshTokenExpiry: 'string',
+};
+/**
+ * Token de inyección de dependencias para la configuración del entorno.
+ *
+ * Este token se utiliza para inyectar la configuración del entorno en servicios y componentes.
+ * **IMPORTANTE:** No uses este token directamente en providers. En su lugar, usa la función
+ * `provideEnvironment()` que incluye validación automática.
+ *
+ * @example
+ * ```typescript
+ * // ✅ Forma correcta - En tu configuración de app
+ * import { provideEnvironment } from '@devsoftxela/ngx-dsx';
+ * import { environment } from './environments/environment';
+ *
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideEnvironment(environment), // ← Con validación automática
+ *   ]
+ * };
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // ✅ Forma correcta - Inyectar en servicios
+ * import { inject } from '@angular/core';
+ * import { ENVIRONMENT, EnvironmentConfig } from '@devsoftxela/ngx-dsx';
+ *
+ * export class MiServicio {
+ *   private environment: EnvironmentConfig = inject(ENVIRONMENT);
+ * }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // ❌ Forma incorrecta - Sin validación
+ * providers: [
+ *   { provide: ENVIRONMENT, useValue: environment } // ← Sin validación
+ * ]
+ * ```
+ *
+ * @see {@link provideEnvironment} para configurar con validación
+ * @see {@link EnvironmentConfig} para la estructura de datos
+ */
 const ENVIRONMENT = new InjectionToken('EnvironmentConfig');
+/**
+ * Valida que la configuración del entorno esté completa y correctamente configurada.
+ *
+ * Esta función verifica que:
+ * - La configuración del entorno no sea null o undefined
+ * - Todas las propiedades requeridas estén presentes y no estén vacías
+ * - Las URLs tengan un formato válido
+ *
+ * @param environment - Configuración del entorno a validar
+ * @throws Error si alguna validación falla, con un mensaje descriptivo del problema
+ *
+ * @example
+ * ```typescript
+ * const config: EnvironmentConfig = { ... };
+ * validateEnvironmentConfig(config);
+ * ```
+ */
+function validateEnvironmentConfig(environment) {
+    if (!environment) {
+        throw new Error('[ENVIRONMENT] La configuración del entorno no está definida. ' +
+            'Asegúrate de proporcionar una configuración válida usando provideEnvironment().');
+    }
+    // Obtener automáticamente todos los campos requeridos del schema
+    const requiredFields = Object.keys(ENVIRONMENT_SCHEMA);
+    const missingFields = [];
+    const emptyFields = [];
+    const wrongTypeFields = [];
+    // Validar que todos los campos requeridos existan, no estén vacíos y tengan el tipo correcto
+    requiredFields.forEach((field) => {
+        const expectedType = ENVIRONMENT_SCHEMA[field];
+        if (!(field in environment)) {
+            missingFields.push(field);
+        }
+        else if (environment[field] === null ||
+            environment[field] === undefined) {
+            emptyFields.push(field);
+        }
+        else {
+            // Validar tipo de dato
+            const actualType = typeof environment[field];
+            if (actualType !== expectedType) {
+                wrongTypeFields.push(`${field} (esperado: ${expectedType}, recibido: ${actualType})`);
+            }
+            // Validar que strings no estén vacíos
+            if (expectedType === 'string' &&
+                typeof environment[field] === 'string' &&
+                environment[field].trim() === '') {
+                emptyFields.push(field);
+            }
+        }
+    });
+    // Reportar campos faltantes
+    if (missingFields.length > 0) {
+        throw new Error(`[ENVIRONMENT] Faltan los siguientes campos en la configuración del entorno: ${missingFields.join(', ')}. ` + 'Por favor, verifica tu configuración de environment.');
+    }
+    // Reportar campos vacíos
+    if (emptyFields.length > 0) {
+        throw new Error(`[ENVIRONMENT] Los siguientes campos están vacíos en la configuración del entorno: ${emptyFields.join(', ')}. ` + 'Por favor, proporciona valores válidos para estos campos.');
+    }
+    // Reportar campos con tipo incorrecto
+    if (wrongTypeFields.length > 0) {
+        throw new Error(`[ENVIRONMENT] Los siguientes campos tienen un tipo de dato incorrecto: ${wrongTypeFields.join(', ')}. ` + 'Por favor, corrige los tipos de datos.');
+    }
+    // Validar formato de URLs (solo para campos que contengan 'url' en su nombre)
+    requiredFields.forEach((field) => {
+        if (field.toLowerCase().includes('url') &&
+            typeof environment[field] === 'string') {
+            validateUrl(field, environment[field]);
+        }
+    });
+}
+/**
+ * Valida que una URL tenga un formato válido.
+ *
+ * @param fieldName - Nombre del campo para mensajes de error
+ * @param url - URL a validar
+ * @throws Error si la URL no tiene un formato válido
+ */
+function validateUrl(fieldName, url) {
+    try {
+        // Intentar crear un objeto URL para validar el formato
+        new URL(url);
+    }
+    catch {
+        // Si falla, verificar si al menos tiene un formato básico válido
+        const urlPattern = /^https?:\/\/.+/;
+        if (!urlPattern.test(url)) {
+            throw new Error(`[ENVIRONMENT] El campo '${fieldName}' no tiene un formato de URL válido. ` +
+                `Valor actual: '${url}'. Debe comenzar con http:// o https://`);
+        }
+    }
+    // Validar que la URL termine con '/' para evitar problemas de concatenación
+    if (!url.endsWith('/')) {
+        console.warn(`[ENVIRONMENT] Advertencia: El campo '${fieldName}' no termina con '/'. ` +
+            `Valor actual: '${url}'. Se recomienda que las URLs base terminen con '/' para evitar problemas de concatenación.`);
+    }
+}
+/**
+ * Proporciona una configuración de entorno validada para la inyección de dependencias.
+ *
+ * Esta función crea un provider que valida automáticamente la configuración del entorno
+ * cuando la aplicación se inicializa. Si la configuración es inválida, lanza un error
+ * descriptivo que indica qué está mal configurado.
+ *
+ * @param environment - Configuración del entorno a proporcionar
+ * @returns Provider de Angular configurado con la validación integrada
+ *
+ * @example
+ * ```typescript
+ * // En app.config.ts o main.ts
+ * import { provideEnvironment } from './path/to/environment.token';
+ * import { environment } from './environments/environment';
+ *
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideEnvironment(environment),
+ *     // ... otros providers
+ *   ]
+ * };
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Para módulos (NgModule)
+ * import { provideEnvironment } from './path/to/environment.token';
+ * import { environment } from './environments/environment';
+ *
+ * @NgModule({
+ *   providers: [
+ *     provideEnvironment(environment),
+ *     // ... otros providers
+ *   ]
+ * })
+ * export class AppModule { }
+ * ```
+ */
+function provideEnvironment(environment) {
+    return {
+        provide: ENVIRONMENT,
+        useFactory: () => {
+            // Validar la configuración al momento de la inyección
+            validateEnvironmentConfig(environment);
+            return environment;
+        },
+    };
+}
 
 class JsonValuesDebujComponent {
     form;
@@ -227,10 +449,10 @@ class JsonValuesDebujComponent {
     isDev() {
         return this.isDevSignal();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: JsonValuesDebujComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: JsonValuesDebujComponent, isStandalone: true, selector: "app-json-values-debuj", inputs: { form: "form" }, ngImport: i0, template: "@if(isDev()){\r\n<div class=\"custom-container\">\r\n  <pre\r\n    class=\"custom-pre\"\r\n    [innerHTML]=\"form.getRawValue() | jsonHighlight\"\r\n  ></pre>\r\n</div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;background-color:#f3f4f6;padding:.5rem;border-radius:.5rem;margin-bottom:.75rem}.custom-pre{white-space:pre-wrap;word-break:break-word;font-size:.875rem}\n"], dependencies: [{ kind: "pipe", type: JsonHighlightPipe, name: "jsonHighlight" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: JsonValuesDebujComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: JsonValuesDebujComponent, isStandalone: true, selector: "app-json-values-debuj", inputs: { form: "form" }, ngImport: i0, template: "@if(isDev()){\r\n<div class=\"custom-container\">\r\n  <pre\r\n    class=\"custom-pre\"\r\n    [innerHTML]=\"form.getRawValue() | jsonHighlight\"\r\n  ></pre>\r\n</div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;background-color:#f3f4f6;padding:.5rem;border-radius:.5rem;margin-bottom:.75rem}.custom-pre{white-space:pre-wrap;word-break:break-word;font-size:.875rem}\n"], dependencies: [{ kind: "pipe", type: JsonHighlightPipe, name: "jsonHighlight" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: JsonValuesDebujComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: JsonValuesDebujComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-json-values-debuj', imports: [JsonHighlightPipe], template: "@if(isDev()){\r\n<div class=\"custom-container\">\r\n  <pre\r\n    class=\"custom-pre\"\r\n    [innerHTML]=\"form.getRawValue() | jsonHighlight\"\r\n  ></pre>\r\n</div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;background-color:#f3f4f6;padding:.5rem;border-radius:.5rem;margin-bottom:.75rem}.custom-pre{white-space:pre-wrap;word-break:break-word;font-size:.875rem}\n"] }]
         }], propDecorators: { form: [{
@@ -249,10 +471,10 @@ class SpinnerLoadingService {
     hide() {
         this.spinnerVisible.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SpinnerLoadingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SpinnerLoadingService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SpinnerLoadingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SpinnerLoadingService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SpinnerLoadingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SpinnerLoadingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -274,10 +496,10 @@ class LoadingLottieComponent {
             };
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LoadingLottieComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: LoadingLottieComponent, isStandalone: true, selector: "app-loading-lottie", inputs: { jsonUrl: { classPropertyName: "jsonUrl", publicName: "jsonUrl", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if(_spinnerService.spinnerVisible()){\r\n<div class=\"loader-container\">\r\n  <ng-lottie [options]=\"options\" [width]=\"size()\" [height]=\"size()\"></ng-lottie>\r\n  <p class=\"loading-text\">&copy;DevsoftXela {{ currentYear }}</p>\r\n</div>\r\n}\r\n", styles: [".loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.loading-text{position:absolute;bottom:calc(53% - 175px);z-index:2;font-family:Montserrat,sans-serif;text-transform:uppercase;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;text-align:center;pointer-events:none}\n"], dependencies: [{ kind: "component", type: LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoadingLottieComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: LoadingLottieComponent, isStandalone: true, selector: "app-loading-lottie", inputs: { jsonUrl: { classPropertyName: "jsonUrl", publicName: "jsonUrl", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if(_spinnerService.spinnerVisible()){\r\n<div class=\"loader-container\">\r\n  <ng-lottie [options]=\"options\" [width]=\"size()\" [height]=\"size()\"></ng-lottie>\r\n  <p class=\"loading-text\">&copy;DevsoftXela {{ currentYear }}</p>\r\n</div>\r\n}\r\n", styles: [".loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.loading-text{position:absolute;bottom:calc(53% - 175px);z-index:2;font-family:Montserrat,sans-serif;text-transform:uppercase;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;text-align:center;pointer-events:none}\n"], dependencies: [{ kind: "component", type: LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LoadingLottieComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoadingLottieComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-loading-lottie', imports: [LottieComponent], template: "@if(_spinnerService.spinnerVisible()){\r\n<div class=\"loader-container\">\r\n  <ng-lottie [options]=\"options\" [width]=\"size()\" [height]=\"size()\"></ng-lottie>\r\n  <p class=\"loading-text\">&copy;DevsoftXela {{ currentYear }}</p>\r\n</div>\r\n}\r\n", styles: [".loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.loading-text{position:absolute;bottom:calc(53% - 175px);z-index:2;font-family:Montserrat,sans-serif;text-transform:uppercase;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;text-align:center;pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { jsonUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "jsonUrl", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
@@ -289,10 +511,10 @@ class LoadingComponent {
     constructor() {
         this.currentYear = new Date().getFullYear(); // Asigna el año actual
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: LoadingComponent, isStandalone: true, selector: "app-loading", ngImport: i0, template: "<!-- Actualizaci\u00F3n 2025-31-01 12:00 -->\r\n@if(_spinnerService.spinnerVisible()){\r\n<div class=\"spinner-overlay\">\r\n  <div class=\"loader\">\r\n    <div class=\"external-shadow\">\r\n      <div class=\"central\"></div>\r\n    </div>\r\n    <img src=\"/icon/secure.png\" class=\"spinner-image\" />\r\n  </div>\r\n  <p class=\"loading-text\">&copy;DevsoftXela {{ currentYear }}</p>\r\n</div>\r\n}\r\n", styles: [".spinner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loader{display:flex;justify-content:center;align-items:center;position:relative;cursor:not-allowed;scale:.8}.central{display:flex;justify-content:center;align-items:center;position:relative;width:10em;height:10em;border-radius:50%;box-shadow:.5em 1em 1em #8a2be2,-.5em .5em 1em #00f,.5em -.5em 1em purple,-.5em -.5em 1em #0ff;background-color:#0003}.external-shadow{width:10em;height:10em;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:.5em .5em 3em #8a2be2,-.5em .5em 3em #00f,.5em -.5em 3em purple,-.5em -.5em 3em #0ff;z-index:999;animation:rotate 3s linear infinite;background-color:#21212180}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.spinner-image{width:70%;height:70%;border-radius:50%;object-fit:cover;position:absolute;z-index:1000}.loading-text{font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:1em}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: LoadingComponent, isStandalone: true, selector: "app-loading", ngImport: i0, template: "<!-- Actualizaci\u00F3n 2025-31-01 12:00 -->\r\n@if(_spinnerService.spinnerVisible()){\r\n<div class=\"spinner-overlay\">\r\n  <div class=\"loader\">\r\n    <div class=\"external-shadow\">\r\n      <div class=\"central\"></div>\r\n    </div>\r\n    <img src=\"/icon/secure.png\" class=\"spinner-image\" />\r\n  </div>\r\n  <p class=\"loading-text\">&copy;DevsoftXela {{ currentYear }}</p>\r\n</div>\r\n}\r\n", styles: [".spinner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loader{display:flex;justify-content:center;align-items:center;position:relative;cursor:not-allowed;scale:.8}.central{display:flex;justify-content:center;align-items:center;position:relative;width:10em;height:10em;border-radius:50%;box-shadow:.5em 1em 1em #8a2be2,-.5em .5em 1em #00f,.5em -.5em 1em purple,-.5em -.5em 1em #0ff;background-color:#0003}.external-shadow{width:10em;height:10em;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:.5em .5em 3em #8a2be2,-.5em .5em 3em #00f,.5em -.5em 3em purple,-.5em -.5em 3em #0ff;z-index:999;animation:rotate 3s linear infinite;background-color:#21212180}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.spinner-image{width:70%;height:70%;border-radius:50%;object-fit:cover;position:absolute;z-index:1000}.loading-text{font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:1em}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-loading', imports: [], template: "<!-- Actualizaci\u00F3n 2025-31-01 12:00 -->\r\n@if(_spinnerService.spinnerVisible()){\r\n<div class=\"spinner-overlay\">\r\n  <div class=\"loader\">\r\n    <div class=\"external-shadow\">\r\n      <div class=\"central\"></div>\r\n    </div>\r\n    <img src=\"/icon/secure.png\" class=\"spinner-image\" />\r\n  </div>\r\n  <p class=\"loading-text\">&copy;DevsoftXela {{ currentYear }}</p>\r\n</div>\r\n}\r\n", styles: [".spinner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loader{display:flex;justify-content:center;align-items:center;position:relative;cursor:not-allowed;scale:.8}.central{display:flex;justify-content:center;align-items:center;position:relative;width:10em;height:10em;border-radius:50%;box-shadow:.5em 1em 1em #8a2be2,-.5em .5em 1em #00f,.5em -.5em 1em purple,-.5em -.5em 1em #0ff;background-color:#0003}.external-shadow{width:10em;height:10em;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:.5em .5em 3em #8a2be2,-.5em .5em 3em #00f,.5em -.5em 3em purple,-.5em -.5em 3em #0ff;z-index:999;animation:rotate 3s linear infinite;background-color:#21212180}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.spinner-image{width:70%;height:70%;border-radius:50%;object-fit:cover;position:absolute;z-index:1000}.loading-text{font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:1em}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}\n"] }]
         }], ctorParameters: () => [] });
@@ -500,10 +722,10 @@ class AlertaService {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AlertaService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AlertaService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlertaService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlertaService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AlertaService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlertaService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -512,32 +734,114 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 
 const INITIAL_PARAMETERS = new InjectionToken('InitialParameters');
 
+/**
+ * Servicio de seguridad que gestiona la autenticación y autorización mediante tokens JWT.
+ *
+ * Este servicio proporciona métodos para:
+ * - Refrescar tokens de acceso
+ * - Revocar tokens de refresco
+ * - Obtener parámetros de seguridad
+ *
+ * @example
+ * ```typescript
+ * constructor(private securityService: SecurityService) {}
+ *
+ * refreshToken() {
+ *   this.securityService.tokenRefresh(this.refreshToken)
+ *     .subscribe(data => console.log(data));
+ * }
+ * ```
+ */
 class SecurityService {
-    // Inyecta el servicio HttpClient para realizar peticiones HTTP
+    /** Servicio HttpClient para realizar peticiones HTTP */
     http = inject(HttpClient);
-    // Inyecta la configuración del entorno usando el token ENVIRONMENT
+    /**
+     * Configuración del entorno inyectada mediante el token ENVIRONMENT.
+     * La validación se realiza automáticamente al usar provideEnvironment().
+     */
     environment = inject(ENVIRONMENT);
-    // Construye la URL base de la API utilizando la URL de la aplicación desde la configuración del entorno
-    urlApi = `${this.environment.myAppUrl}api/auth`;
+    /** URL base de la API JWT construida desde la configuración del entorno */
+    urlApi = `${this.environment.myAppUrl}api/parameter`;
+    SeguridadITApi = `${this.environment.SeguridadITApiUrl}api/jwt`;
     /**
-     * Método para obtener un nuevo token de acceso utilizando un refresh token.
-     * @param refreshToken El refresh token que se utilizará para obtener un nuevo token de acceso.
-     * @returns Un Observable que emite un objeto de tipo ModelToken.
+     * Obtiene un nuevo token de acceso utilizando un refresh token válido.
+     *
+     * Este método envía una solicitud POST al endpoint de refresco de token
+     * y devuelve un nuevo par de tokens (access token y refresh token).
+     *
+     * @param refreshToken - El refresh token válido para obtener un nuevo token de acceso
+     * @returns Observable que emite un objeto DataToken con el nuevo par de tokens
+     *
+     * @example
+     * ```typescript
+     * this.securityService.tokenRefresh('your-refresh-token')
+     *   .subscribe({
+     *     next: (data) => console.log('Nuevo token:', data.accessToken),
+     *     error: (err) => console.error('Error al refrescar token:', err)
+     *   });
+     * ```
      */
     tokenRefresh(refreshToken) {
         // Crea el cuerpo de la solicitud con el refresh token
         const body = { refreshToken };
         // Realiza una solicitud POST al endpoint de refresco de token
-        return this.http.post(`${this.urlApi}/token-refresh/`, body, {
+        return this.http.post(`${this.SeguridadITApi}/refresh-token/`, body, {
+            headers: new HttpHeaders({
+                'Content-Type': 'application/json', // Establece el tipo de contenido como JSON
+            }),
+        });
+    }
+    /**
+     * Revoca un refresh token para invalidarlo y prevenir su uso futuro.
+     *
+     * Este método envía una solicitud POST al endpoint de revocación de token
+     * para invalidar permanentemente el refresh token proporcionado.
+     *
+     * @param refreshToken - El refresh token que se desea revocar
+     * @returns Observable que emite true si la revocación fue exitosa, false en caso contrario
+     *
+     * @example
+     * ```typescript
+     * this.securityService.tokenRevok('your-refresh-token')
+     *   .subscribe({
+     *     next: (success) => {
+     *       if (success) console.log('Token revocado exitosamente');
+     *     },
+     *     error: (err) => console.error('Error al revocar token:', err)
+     *   });
+     * ```
+     */
+    tokenRevok(refreshToken) {
+        // Crea el cuerpo de la solicitud con el refresh token
+        const body = { refreshToken };
+        // Realiza una solicitud POST al endpoint de revocación de token
+        return this.http.post(`${this.SeguridadITApi}/revoke-token/`, body, {
             headers: new HttpHeaders({
                 'Content-Type': 'application/json', // Establece el tipo de contenido como JSON
             }),
         });
     }
     /**
-     * Método para obtener los parámetros de seguridad.
-     * @param invalidCacheParam Indica si se debe invalidar la caché (opcional, por defecto es false).
-     * @returns Un Observable que emite un objeto de tipo SeguridadITParameter.
+     * Obtiene los parámetros de seguridad de la aplicación desde el servidor.
+     *
+     * Este método recupera la configuración de seguridad que incluye políticas de contraseñas,
+     * tiempos de expiración de sesión, y otras configuraciones relacionadas con la seguridad.
+     *
+     * @param invalidCacheParam - Indica si se debe invalidar la caché del servidor.
+     *                            Si es true, fuerza al servidor a devolver los datos más recientes
+     *                            sin usar la caché. Por defecto es false.
+     * @returns Observable que emite un objeto SeguridadITParameter con la configuración de seguridad
+     *
+     * @example
+     * ```typescript
+     * // Obtener parámetros usando caché
+     * this.securityService.getParameterSecurity()
+     *   .subscribe(params => console.log('Parámetros:', params));
+     *
+     * // Obtener parámetros sin usar caché
+     * this.securityService.getParameterSecurity(true)
+     *   .subscribe(params => console.log('Parámetros actualizados:', params));
+     * ```
      */
     getParameterSecurity(invalidCacheParam = false) {
         // Crea los parámetros de la solicitud, incluyendo el parámetro invalidCacheParam,
@@ -546,10 +850,10 @@ class SecurityService {
         // Realiza una solicitud GET al endpoint de parámetros de seguridad
         return this.http.get(`${this.urlApi}/security-parameter/`, { params });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SecurityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SecurityService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SecurityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SecurityService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SecurityService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SecurityService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -639,7 +943,7 @@ class ParameterValuesService {
             return of([...this.dataParameter]); // copia mutable
         }
         return this.apiService.getParameterSecurity(force).pipe(map((response) => {
-            const apiParameters = response.parameterSecurity ?? [];
+            const apiParameters = response.data?.parameterSecurity ?? [];
             this.validateParameters(apiParameters);
             const values = this.mapToMyParameterValues(apiParameters);
             this.setDataParameter(values);
@@ -805,10 +1109,10 @@ class ParameterValuesService {
         return (this.dataParameter.find((p) => p.parameterName === parameterName)
             ?.values ?? []);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ParameterValuesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ParameterValuesService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ParameterValuesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ParameterValuesService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ParameterValuesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ParameterValuesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -864,10 +1168,10 @@ class NavbarDsxComponent {
             complete: () => this._parameterSecurityService.clearParameterCache(),
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NavbarDsxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.5", type: NavbarDsxComponent, isStandalone: true, selector: "app-navbar-dsx", inputs: { logoWidth: { classPropertyName: "logoWidth", publicName: "logoWidth", isSignal: true, isRequired: false, transformFunction: null }, appVersion: { classPropertyName: "appVersion", publicName: "appVersion", isSignal: true, isRequired: false, transformFunction: null }, urlLogo: { classPropertyName: "urlLogo", publicName: "urlLogo", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p-menubar>\r\n  <ng-template #start>\r\n    <p-image\r\n      class=\"ms-15\"\r\n      [src]=\"urlLogo()\"\r\n      alt=\"Image\"\r\n      [width]=\"logoWidth()\"\r\n    />\r\n    <span class=\"version-text\">{{ appVersion() }}</span>\r\n  </ng-template>\r\n  <ng-template #end>\r\n    <div>\r\n      <p-button\r\n        class=\"mr-2\"\r\n        label=\"Permisos\"\r\n        variant=\"text\"\r\n        severity=\"info\"\r\n        (click)=\"actualizarSeguridadIT()\"\r\n      >\r\n        <span class=\"material-symbols-outlined mr-1\">local_police</span>\r\n      </p-button>\r\n      <label class=\"ui-switch\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [(ngModel)]=\"checked\"\r\n          (click)=\"onThemeChange(!checked ? true : false)\"\r\n        />\r\n        <div class=\"slider\">\r\n          <div class=\"circle\"></div>\r\n        </div>\r\n      </label>\r\n      <!-- <p-inputSwitch\r\n        [(ngModel)]=\"checked\"\r\n        (onChange)=\"onThemeChange($event.checked)\"\r\n      ></p-inputSwitch> -->\r\n    </div>\r\n  </ng-template>\r\n</p-menubar>\r\n", styles: [":host ::ng-deep .p-menubar{display:flex;align-items:center!important;padding:0!important;border:none!important;background:none!important;margin-left:4rem;margin-right:2.5rem}:host ::ng-deep .p-menubar-end>*{display:flex;align-items:center}.ui-switch{--switch-bg: rgb(135, 150, 165);--switch-width: 48px;--switch-height: 20px;--circle-diameter: 32px;--circle-bg: rgb(232, 89, 15);--circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2)}.ui-switch input{display:none}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;position:relative;cursor:pointer}.slider .circle{top:calc(var(--circle-inset) * -1);left:0;width:var(--circle-diameter);height:var(--circle-diameter);position:absolute;background:var(--circle-bg);border-radius:inherit;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1bC0uOTgyLjk4Mkw1LjA5IDYuMDcybC45ODItLjk4Mi0xLjQ3My0xLjQ3M3ptMTAuODAyIDBMMTMuOTI3IDUuMDlsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyek0xMCA1LjEzOWE0Ljg3MiA0Ljg3MiAwIDAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwMDEwIDE0Ljg2MiA0Ljg3MiA0Ljg3MiAwIDAwMTQuODYgMTAgNC44NzIgNC44NzIgMCAwMDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMDExMy40NzEgMTBhMy40NjIgMy40NjIgMCAwMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAxNi41MjcgMTAgMy40NjIgMy40NjIgMCAwMTEwIDYuNTI4ek0xLjY2NSA5LjMwNXYxLjM5aDIuMDgzdi0xLjM5SDEuNjY2em0xNC41ODMgMHYxLjM5aDIuMDg0di0xLjM5aC0yLjA4NHpNNS4wOSAxMy45MjhMMy42MTYgMTUuNGwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6bTkuODIgMGwtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIgLz4KPC9zdmc+);background-repeat:no-repeat;background-position:center center;-webkit-transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0ms;-o-transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms;transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0ms;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slider .circle:before{content:\"\";position:absolute;width:100%;height:100%;background:#ffffffbf;border-radius:inherit;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:0}.ui-switch input:checked+.slider .circle{left:calc(100% - var(--circle-diameter));background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTQuMiAyLjVsLS43IDEuOC0xLjguNyAxLjguNy43IDEuOC42LTEuOEw2LjcgNWwtMS45LS43LS42LTEuOHptMTUgOC4zYTYuNyA2LjcgMCAxMS02LjYtNi42IDUuOCA1LjggMCAwMDYuNiA2LjZ6IiAvPgo8L3N2Zz4=);background-color:#003892}.ui-switch input:active+.slider .circle:before{-webkit-transition:0s;-o-transition:0s;transition:0s;opacity:1;width:0;height:0}\n"], dependencies: [{ kind: "ngmodule", type: MenubarModule }, { kind: "component", type: i1$2.Menubar, selector: "p-menubar", inputs: ["model", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "breakpoint", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { kind: "ngmodule", type: ImageModule }, { kind: "component", type: i2$1.Image, selector: "p-image", inputs: ["imageClass", "imageStyle", "styleClass", "src", "srcSet", "sizes", "previewImageSrc", "previewImageSrcSet", "previewImageSizes", "alt", "width", "height", "loading", "preview", "showTransitionOptions", "hideTransitionOptions", "modalEnterAnimation", "modalLeaveAnimation", "appendTo", "maskMotionOptions", "motionOptions"], outputs: ["onShow", "onHide", "onImageError"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarDsxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: NavbarDsxComponent, isStandalone: true, selector: "app-navbar-dsx", inputs: { logoWidth: { classPropertyName: "logoWidth", publicName: "logoWidth", isSignal: true, isRequired: false, transformFunction: null }, appVersion: { classPropertyName: "appVersion", publicName: "appVersion", isSignal: true, isRequired: false, transformFunction: null }, urlLogo: { classPropertyName: "urlLogo", publicName: "urlLogo", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p-menubar>\r\n  <ng-template #start>\r\n    <p-image\r\n      class=\"ms-15\"\r\n      [src]=\"urlLogo()\"\r\n      alt=\"Image\"\r\n      [width]=\"logoWidth()\"\r\n    />\r\n    <span class=\"version-text\">{{ appVersion() }}</span>\r\n  </ng-template>\r\n  <ng-template #end>\r\n    <div>\r\n      <p-button\r\n        class=\"mr-2\"\r\n        label=\"Permisos\"\r\n        variant=\"text\"\r\n        severity=\"info\"\r\n        (click)=\"actualizarSeguridadIT()\"\r\n      >\r\n        <span class=\"material-symbols-outlined mr-1\">local_police</span>\r\n      </p-button>\r\n      <label class=\"ui-switch\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [(ngModel)]=\"checked\"\r\n          (click)=\"onThemeChange(!checked ? true : false)\"\r\n        />\r\n        <div class=\"slider\">\r\n          <div class=\"circle\"></div>\r\n        </div>\r\n      </label>\r\n      <!-- <p-inputSwitch\r\n        [(ngModel)]=\"checked\"\r\n        (onChange)=\"onThemeChange($event.checked)\"\r\n      ></p-inputSwitch> -->\r\n    </div>\r\n  </ng-template>\r\n</p-menubar>\r\n", styles: [":host ::ng-deep .p-menubar{display:flex;align-items:center!important;padding:0!important;border:none!important;background:none!important;margin-left:4rem;margin-right:2.5rem}:host ::ng-deep .p-menubar-end>*{display:flex;align-items:center}.ui-switch{--switch-bg: rgb(135, 150, 165);--switch-width: 48px;--switch-height: 20px;--circle-diameter: 32px;--circle-bg: rgb(232, 89, 15);--circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2)}.ui-switch input{display:none}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;position:relative;cursor:pointer}.slider .circle{top:calc(var(--circle-inset) * -1);left:0;width:var(--circle-diameter);height:var(--circle-diameter);position:absolute;background:var(--circle-bg);border-radius:inherit;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1bC0uOTgyLjk4Mkw1LjA5IDYuMDcybC45ODItLjk4Mi0xLjQ3My0xLjQ3M3ptMTAuODAyIDBMMTMuOTI3IDUuMDlsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyek0xMCA1LjEzOWE0Ljg3MiA0Ljg3MiAwIDAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwMDEwIDE0Ljg2MiA0Ljg3MiA0Ljg3MiAwIDAwMTQuODYgMTAgNC44NzIgNC44NzIgMCAwMDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMDExMy40NzEgMTBhMy40NjIgMy40NjIgMCAwMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAxNi41MjcgMTAgMy40NjIgMy40NjIgMCAwMTEwIDYuNTI4ek0xLjY2NSA5LjMwNXYxLjM5aDIuMDgzdi0xLjM5SDEuNjY2em0xNC41ODMgMHYxLjM5aDIuMDg0di0xLjM5aC0yLjA4NHpNNS4wOSAxMy45MjhMMy42MTYgMTUuNGwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6bTkuODIgMGwtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIgLz4KPC9zdmc+);background-repeat:no-repeat;background-position:center center;-webkit-transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0ms;-o-transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms;transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0ms;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slider .circle:before{content:\"\";position:absolute;width:100%;height:100%;background:#ffffffbf;border-radius:inherit;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:0}.ui-switch input:checked+.slider .circle{left:calc(100% - var(--circle-diameter));background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTQuMiAyLjVsLS43IDEuOC0xLjguNyAxLjguNy43IDEuOC42LTEuOEw2LjcgNWwtMS45LS43LS42LTEuOHptMTUgOC4zYTYuNyA2LjcgMCAxMS02LjYtNi42IDUuOCA1LjggMCAwMDYuNiA2LjZ6IiAvPgo8L3N2Zz4=);background-color:#003892}.ui-switch input:active+.slider .circle:before{-webkit-transition:0s;-o-transition:0s;transition:0s;opacity:1;width:0;height:0}\n"], dependencies: [{ kind: "ngmodule", type: MenubarModule }, { kind: "component", type: i1$2.Menubar, selector: "p-menubar", inputs: ["model", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "breakpoint", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { kind: "ngmodule", type: ImageModule }, { kind: "component", type: i2$1.Image, selector: "p-image", inputs: ["imageClass", "imageStyle", "styleClass", "src", "srcSet", "sizes", "previewImageSrc", "previewImageSrcSet", "previewImageSizes", "alt", "width", "height", "loading", "preview", "showTransitionOptions", "hideTransitionOptions", "modalEnterAnimation", "modalLeaveAnimation", "appendTo", "maskMotionOptions", "motionOptions"], outputs: ["onShow", "onHide", "onImageError"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NavbarDsxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarDsxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-navbar-dsx', imports: [MenubarModule, ImageModule, ButtonModule, FormsModule], template: "<p-menubar>\r\n  <ng-template #start>\r\n    <p-image\r\n      class=\"ms-15\"\r\n      [src]=\"urlLogo()\"\r\n      alt=\"Image\"\r\n      [width]=\"logoWidth()\"\r\n    />\r\n    <span class=\"version-text\">{{ appVersion() }}</span>\r\n  </ng-template>\r\n  <ng-template #end>\r\n    <div>\r\n      <p-button\r\n        class=\"mr-2\"\r\n        label=\"Permisos\"\r\n        variant=\"text\"\r\n        severity=\"info\"\r\n        (click)=\"actualizarSeguridadIT()\"\r\n      >\r\n        <span class=\"material-symbols-outlined mr-1\">local_police</span>\r\n      </p-button>\r\n      <label class=\"ui-switch\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [(ngModel)]=\"checked\"\r\n          (click)=\"onThemeChange(!checked ? true : false)\"\r\n        />\r\n        <div class=\"slider\">\r\n          <div class=\"circle\"></div>\r\n        </div>\r\n      </label>\r\n      <!-- <p-inputSwitch\r\n        [(ngModel)]=\"checked\"\r\n        (onChange)=\"onThemeChange($event.checked)\"\r\n      ></p-inputSwitch> -->\r\n    </div>\r\n  </ng-template>\r\n</p-menubar>\r\n", styles: [":host ::ng-deep .p-menubar{display:flex;align-items:center!important;padding:0!important;border:none!important;background:none!important;margin-left:4rem;margin-right:2.5rem}:host ::ng-deep .p-menubar-end>*{display:flex;align-items:center}.ui-switch{--switch-bg: rgb(135, 150, 165);--switch-width: 48px;--switch-height: 20px;--circle-diameter: 32px;--circle-bg: rgb(232, 89, 15);--circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2)}.ui-switch input{display:none}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;position:relative;cursor:pointer}.slider .circle{top:calc(var(--circle-inset) * -1);left:0;width:var(--circle-diameter);height:var(--circle-diameter);position:absolute;background:var(--circle-bg);border-radius:inherit;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1bC0uOTgyLjk4Mkw1LjA5IDYuMDcybC45ODItLjk4Mi0xLjQ3My0xLjQ3M3ptMTAuODAyIDBMMTMuOTI3IDUuMDlsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyek0xMCA1LjEzOWE0Ljg3MiA0Ljg3MiAwIDAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwMDEwIDE0Ljg2MiA0Ljg3MiA0Ljg3MiAwIDAwMTQuODYgMTAgNC44NzIgNC44NzIgMCAwMDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMDExMy40NzEgMTBhMy40NjIgMy40NjIgMCAwMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAxNi41MjcgMTAgMy40NjIgMy40NjIgMCAwMTEwIDYuNTI4ek0xLjY2NSA5LjMwNXYxLjM5aDIuMDgzdi0xLjM5SDEuNjY2em0xNC41ODMgMHYxLjM5aDIuMDg0di0xLjM5aC0yLjA4NHpNNS4wOSAxMy45MjhMMy42MTYgMTUuNGwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6bTkuODIgMGwtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIgLz4KPC9zdmc+);background-repeat:no-repeat;background-position:center center;-webkit-transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0ms;-o-transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms;transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0ms;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slider .circle:before{content:\"\";position:absolute;width:100%;height:100%;background:#ffffffbf;border-radius:inherit;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:0}.ui-switch input:checked+.slider .circle{left:calc(100% - var(--circle-diameter));background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTQuMiAyLjVsLS43IDEuOC0xLjguNyAxLjguNy43IDEuOC42LTEuOEw2LjcgNWwtMS45LS43LS42LTEuOHptMTUgOC4zYTYuNyA2LjcgMCAxMS02LjYtNi42IDUuOCA1LjggMCAwMDYuNiA2LjZ6IiAvPgo8L3N2Zz4=);background-color:#003892}.ui-switch input:active+.slider .circle:before{-webkit-transition:0s;-o-transition:0s;transition:0s;opacity:1;width:0;height:0}\n"] }]
         }], propDecorators: { logoWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoWidth", required: false }] }], appVersion: [{ type: i0.Input, args: [{ isSignal: true, alias: "appVersion", required: false }] }], urlLogo: [{ type: i0.Input, args: [{ isSignal: true, alias: "urlLogo", required: false }] }] } });
@@ -947,10 +1251,10 @@ class OnlyRangoPatternDirective {
             event.preventDefault();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: OnlyRangoPatternDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: OnlyRangoPatternDirective, isStandalone: true, selector: "[appOnlyRangoPattern]", host: { listeners: { "keydown": "onKeyDown($event)", "paste": "onPaste($event)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: OnlyRangoPatternDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: OnlyRangoPatternDirective, isStandalone: true, selector: "[appOnlyRangoPattern]", host: { listeners: { "keydown": "onKeyDown($event)", "paste": "onPaste($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: OnlyRangoPatternDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: OnlyRangoPatternDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appOnlyRangoPattern]',
@@ -970,10 +1274,10 @@ class SelectAllOnFocusDirective {
             htmlInput.select();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SelectAllOnFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: SelectAllOnFocusDirective, isStandalone: true, selector: "[appSelectAllOnFocus]", host: { listeners: { "onFocus": "selectAll($event)", "focus": "selectAll($event)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SelectAllOnFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: SelectAllOnFocusDirective, isStandalone: true, selector: "[appSelectAllOnFocus]", host: { listeners: { "onFocus": "selectAll($event)", "focus": "selectAll($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SelectAllOnFocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SelectAllOnFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appSelectAllOnFocus]',
@@ -990,8 +1294,10 @@ const CACHE_KEYS = new InjectionToken('CACHE_KEYS');
 
 class AuthorizeService {
     _cookieService = inject(CookieService);
+    _router = inject(Router);
     helperJwt = new JwtHelperService();
     _isRefreshing = false;
+    _securityService = inject(SecurityService);
     environment = inject(ENVIRONMENT);
     // Función para obtener opciones de cookies estándar
     getCookieOptions(expiryDate) {
@@ -1059,20 +1365,31 @@ class AuthorizeService {
         tokenExpiryDate.setMinutes(tokenExpiryDate.getMinutes() + 30);
         this.setCookie(this.environment.sessionStatus, Date.now().toString(), tokenExpiryDate);
     }
+    getLastActivity() {
+        // Obtiene el valor de la cookie
+        const lastActivity = this._cookieService.get(this.environment.sessionStatus);
+        if (lastActivity) {
+            // Intenta convertir el valor en un número
+            const timestamp = parseInt(lastActivity, 10);
+            // Verifica que sea un número válido
+            if (!isNaN(timestamp)) {
+                return timestamp;
+            }
+        }
+        // Si no hay cookie o el valor no es válido, devuelve null
+        return null;
+    }
     // Almacenar los tokens en cookies
     tokenReload(tokens) {
         const tokenExpiryDate = new Date();
         tokenExpiryDate.setMinutes(tokenExpiryDate.getMinutes() + 30); // Access token expiry: 30 mins
-        const refreshTokenExpiryDate = new Date();
-        refreshTokenExpiryDate.setDate(refreshTokenExpiryDate.getDate() + 7); // Refresh token expiry: 7 days
-        // Guardar el access token y refresh token
+        // Usar la fecha de expiración que viene del servidor para el refresh token
+        const refreshTokenExpiryDate = new Date(tokens.refreshTokenExpiry);
+        // Guardar el access token y refresh token con sus fechas de expiración
         this.setCookie(this.environment.tokenName, tokens.token, tokenExpiryDate);
         this.setCookie(this.environment.tokenNameRF, tokens.tokenRefresh, refreshTokenExpiryDate);
         // Guardar el estado de sesión
         this.setLastActivity();
-        // Almacenar la fecha de expiración del refresh token en localStorage
-        const expiryDate = new Date(tokens.refreshTokenExpiry).toISOString();
-        localStorage.setItem(this.environment.refreshTokenExpiry, expiryDate);
     }
     getTokenValid(token) {
         // Devuelve true si el token NO ha expirado
@@ -1118,10 +1435,179 @@ class AuthorizeService {
             isTokenExpired: this.helperJwt.isTokenExpired(token),
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AuthorizeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AuthorizeService, providedIn: 'root' });
+    /**
+     * Verifica si el usuario está autenticado.
+     *
+     * La validación se basa en la existencia del refresh token en cookies.
+     * El navegador gestiona automáticamente la expiración de las cookies.
+     *
+     * @returns `true` si el usuario está autenticado, `false` en caso contrario
+     */
+    isAuthenticated() {
+        const refreshToken = this.getTokenRefresh();
+        return !!(refreshToken && refreshToken.trim() !== '');
+    }
+    /**
+     * Cierra la sesión del usuario de forma segura y controlada.
+     *
+     * Este método implementa un proceso de logout robusto que:
+     * 1. Verifica el estado actual de la sesión y la ubicación del usuario
+     * 2. Intenta revocar el refresh token en el servidor (si existe)
+     * 3. Limpia todos los datos de sesión local
+     * 4. Redirige al usuario a la página de login
+     *
+     * **Casos manejados:**
+     * - Usuario ya en página de login: Solo limpia datos locales
+     * - Sin refresh token: Limpia datos locales y redirige
+     * - Con refresh token: Intenta revocarlo, luego limpia y redirige
+     * - Error al revocar: Limpia datos locales de todas formas (seguridad)
+     * - Modo desarrollo: Maneja tokens de prueba correctamente
+     *
+     * **Importante:** Este método es **asíncrono** en su ejecución interna pero no retorna una promesa.
+     * La redirección al login ocurre después de limpiar la sesión, independientemente del resultado de la revocación.
+     *
+     * @example
+     * ```typescript
+     * // Uso básico desde un componente
+     * this.authorizeService.logout();
+     *
+     * // Uso con navegación posterior controlada
+     * this.authorizeService.logout();
+     * // La redirección al login es automática
+     * ```
+     *
+     * @see {@link clearSessionData} para el proceso de limpieza de datos
+     * @see {@link SecurityService.tokenRevok} para la revocación en el servidor
+     */
+    logout() {
+        try {
+            // 1️⃣ Prevenir acciones innecesarias si ya está en el login
+            if (this._router.url === '/login') {
+                console.info('[AuthorizeService] Usuario ya en página de login, limpiando sesión local...');
+                this.clearSessionData();
+                return;
+            }
+            // 2️⃣ Obtener el refresh token de forma segura
+            const refreshToken = this.getTokenRefresh();
+            // 3️⃣ Si no hay refresh token, proceder con limpieza directa
+            if (!refreshToken || refreshToken.trim() === '') {
+                console.warn('[AuthorizeService] No se encontró refresh token, limpiando sesión local...');
+                this.clearSessionData();
+                return;
+            }
+            // 4️⃣ Intentar revocar el token en el servidor
+            console.info('[AuthorizeService] Revocando refresh token en el servidor...');
+            this._securityService.tokenRevok(refreshToken).subscribe({
+                next: (success) => {
+                    if (success) {
+                        console.info('[AuthorizeService] Refresh token revocado exitosamente en el servidor');
+                    }
+                    else {
+                        console.warn('[AuthorizeService] El servidor no pudo revocar el token, pero continuando con logout');
+                    }
+                    this.clearSessionData();
+                },
+                error: (error) => {
+                    // 5️⃣ Manejar errores de revocación con información detallada
+                    console.error('[AuthorizeService] Error al revocar el refresh token:', {
+                        message: error?.message || 'Error desconocido',
+                        status: error?.status,
+                        statusText: error?.statusText,
+                        url: error?.url,
+                    });
+                    // Por seguridad, limpiar la sesión incluso si falla la revocación
+                    console.warn('[AuthorizeService] Limpiando sesión local por seguridad a pesar del error');
+                    this.clearSessionData();
+                },
+                complete: () => {
+                    console.info('[AuthorizeService] Proceso de logout completado');
+                },
+            });
+        }
+        catch (error) {
+            // 6️⃣ Capturar cualquier error inesperado en el proceso de logout
+            console.error('[AuthorizeService] Error crítico durante el proceso de logout:', error);
+            // Garantizar que la sesión se limpie incluso si ocurre un error inesperado
+            try {
+                this.clearSessionData();
+            }
+            catch (cleanupError) {
+                console.error('[AuthorizeService] Error crítico al limpiar sesión:', cleanupError);
+                // Último recurso: redirigir al login sin importar qué
+                this._router.navigate(['/login']).catch((navError) => {
+                    console.error('[AuthorizeService] Error al navegar a login:', navError);
+                });
+            }
+        }
+    }
+    /**
+     * Limpia todos los datos de sesión del usuario de forma segura.
+     *
+     * Este método privado se encarga de:
+     * - Eliminar todas las cookies relacionadas con autenticación
+     * - Limpiar el localStorage completamente
+     * - Redirigir al usuario a la página de login
+     *
+     * **Cookies eliminadas:**
+     * - Token de acceso (access token)
+     * - Token de refresco (refresh token)
+     * - Estado de sesión (session status)
+     *
+     * **Consideraciones:**
+     * - Se eliminan las cookies con path '/' para asegurar su borrado
+     * - En producción, también se considera el dominio configurado
+     * - El localStorage se limpia completamente por seguridad
+     * - La redirección es forzada incluso si hay errores previos
+     *
+     * @private
+     */
+    clearSessionData() {
+        try {
+            console.info('[AuthorizeService] Iniciando limpieza de datos de sesión...');
+            // 1️⃣ Eliminar cookies con path explícito
+            const cookiesToDelete = [
+                this.environment.tokenName,
+                this.environment.tokenNameRF,
+                this.environment.sessionStatus,
+            ];
+            cookiesToDelete.forEach((cookieName) => {
+                try {
+                    // Eliminar con path '/'
+                    this._cookieService.delete(cookieName, '/');
+                    // En producción, también intentar eliminar con dominio específico
+                    if (this.environment.production) {
+                        this._cookieService.delete(cookieName, '/', '.itgtxela.com');
+                    }
+                    console.debug(`[AuthorizeService] Cookie eliminada: ${cookieName}`);
+                }
+                catch (error) {
+                    console.error(`[AuthorizeService] Error al eliminar cookie ${cookieName}:`, error);
+                }
+            });
+            // 2️⃣ Limpiar localStorage
+            try {
+                localStorage.clear();
+                console.debug('[AuthorizeService] localStorage limpiado');
+            }
+            catch (error) {
+                console.error('[AuthorizeService] Error al limpiar localStorage:', error);
+            }
+            // 3️⃣ Redirigir al login
+            console.info('[AuthorizeService] Redirigiendo a página de login...');
+            this._router.navigate(['/login']).then(() => console.info('[AuthorizeService] Redirección exitosa a /login'), (error) => console.error('[AuthorizeService] Error en la redirección:', error));
+        }
+        catch (error) {
+            console.error('[AuthorizeService] Error crítico en clearSessionData:', error);
+            // Último recurso: intentar redirigir sin importar qué
+            this._router.navigate(['/login']).catch((navError) => {
+                console.error('[AuthorizeService] Error final al intentar redirigir:', navError);
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AuthorizeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AuthorizeService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AuthorizeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AuthorizeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1173,10 +1659,10 @@ class ErrorHandlerService {
         // Retornar el error para continuar con el flujo de manejo de errores
         return throwError(() => new Error(technicalMessage));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ErrorHandlerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ErrorHandlerService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ErrorHandlerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ErrorHandlerService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ErrorHandlerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ErrorHandlerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1240,12 +1726,12 @@ const httpAuthorizeInterceptor = (req, next) => {
                 // Solicita el refresh del token
                 return _securityService.tokenRefresh(refreshToken).pipe(switchMap((response) => {
                     isRefreshing = false;
-                    _authorizeService.tokenReload(response); // Actualiza el token en el servicio
-                    refreshTokenSubject.next(response.token); // Emite el nuevo token
+                    _authorizeService.tokenReload(response.data); // Actualiza el token en el servicio
+                    refreshTokenSubject.next(response.data?.token); // Emite el nuevo token
                     // Repite la petición original con el nuevo token
                     return next(req.clone({
                         setHeaders: {
-                            Authorization: `Bearer ${response.token}`,
+                            Authorization: `Bearer ${response.data?.token}`,
                         },
                     }));
                 }), catchError((err) => {
@@ -1281,17 +1767,17 @@ function createInitialCache(cacheKeys) {
 }
 
 class DsxAddToolsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsxAddToolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: DsxAddToolsModule, imports: [IconDsxComponent, JsonValuesDebujComponent], exports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DsxAddToolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: DsxAddToolsModule, imports: [IconDsxComponent, JsonValuesDebujComponent], exports: [CommonModule,
             FormsModule,
             IconDsxComponent,
             JsonValuesDebujComponent,
             ReactiveFormsModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsxAddToolsModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DsxAddToolsModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsxAddToolsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DsxAddToolsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -1347,8 +1833,8 @@ const PRIME_NG_MODULES = [
     TooltipModule,
 ];
 class PrimeNgModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PrimeNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: PrimeNgModule, exports: [AccordionModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PrimeNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: PrimeNgModule, exports: [AccordionModule,
             AutoCompleteModule,
             AutoFocusModule,
             AvatarGroupModule,
@@ -1385,7 +1871,7 @@ class PrimeNgModule {
             ToastModule,
             ToggleButtonModule,
             TooltipModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PrimeNgModule, imports: [AccordionModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PrimeNgModule, imports: [AccordionModule,
             AutoCompleteModule,
             AutoFocusModule,
             AvatarGroupModule,
@@ -1423,7 +1909,7 @@ class PrimeNgModule {
             ToggleButtonModule,
             TooltipModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PrimeNgModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PrimeNgModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -1460,10 +1946,10 @@ class TruncatePipe {
         // Trunca el texto y añade el ellipsis si la longitud del texto supera el límite.
         return value.length > limit ? value.slice(0, limit) + ellipsis : value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: TruncatePipe, isStandalone: true, name: "truncate" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: TruncatePipe, isStandalone: true, name: "truncate" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TruncatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TruncatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'truncate',
@@ -1565,10 +2051,10 @@ class CacheService {
         this._options.set(current);
         this.alert.toastrAlerts(2, 'Estado', 'Datos actualizados (cache).', 2, 1000);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: CacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: CacheService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CacheService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: CacheService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CacheService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1603,10 +2089,10 @@ class EndpointService {
     delete(endpoint, id, softDelete = true) {
         return this.http.delete(`${this.getUrl(endpoint)}/delete/${id}/${softDelete}`);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: EndpointService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: EndpointService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EndpointService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EndpointService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: EndpointService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EndpointService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2071,10 +2557,10 @@ class UtilityAddService {
             this._serviceAlerta.toastrAlerts(4, 'Error', error instanceof Error ? error.message : String(error), 2);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: UtilityAddService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: UtilityAddService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UtilityAddService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UtilityAddService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: UtilityAddService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UtilityAddService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2312,5 +2798,5 @@ function CUICorrecto(cui) {
  * Generated bundle index. Do not edit.
  */
 
-export { AlertaService, AppMessageErrorComponent, AuthorizeService, CACHE_KEYS, CacheService, DsxAddToolsModule, ENVIRONMENT, EndpointService, ErrorHandlerService, INITIAL_PARAMETERS, IconDsxComponent, JsonHighlightPipe, JsonValuesDebujComponent, KpicardComponent, LoadingComponent, LoadingLottieComponent, NavbarDsxComponent, OnlyRangoPatternDirective, ParameterValuesService, PrimeNgModule, SecurityService, SelectAllOnFocusDirective, TruncatePipe, UtilityAddService, atLeastOneFieldRequiredValidator, createInitialCache, createTypedCacheProvider, cuiValidator, dateMinMaxValidator, dateRangeValidator, httpAuthorizeInterceptor, nitValidator };
+export { AlertaService, AppMessageErrorComponent, AuthorizeService, CACHE_KEYS, CacheService, DsxAddToolsModule, ENVIRONMENT, EndpointService, ErrorHandlerService, INITIAL_PARAMETERS, IconDsxComponent, JsonHighlightPipe, JsonValuesDebujComponent, KpicardComponent, LoadingComponent, LoadingLottieComponent, NavbarDsxComponent, OnlyRangoPatternDirective, ParameterValuesService, PrimeNgModule, SecurityService, SelectAllOnFocusDirective, TruncatePipe, UtilityAddService, atLeastOneFieldRequiredValidator, createInitialCache, createTypedCacheProvider, cuiValidator, dateMinMaxValidator, dateRangeValidator, httpAuthorizeInterceptor, nitValidator, provideEnvironment, validateEnvironmentConfig };
 //# sourceMappingURL=ngx-dsxlibrary.mjs.map