ngx-dsxlibrary 1.21.4 → 1.21.6

package/README.md

@@ -1,63 +1,16 @@
-# NgxDsx
+# Mi Librería Angular
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.1.0.
+Librería general para proyectos de desarrollo DevSoftXela
 
-## Code scaffolding
-
-Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
-
-```bash
-ng generate component component-name
-```
-
-For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
-
-```bash
-ng generate --help
-```
-
-## Building
-
-To build the library, run:
-
-```bash
-ng build ngx-dsx
-```
-
-This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
-
-### Publishing the Library
-
-Once the project is built, you can publish your library by following these steps:
-
-1. Navigate to the `dist` directory:
-   ```bash
-   cd dist/ngx-dsx
-   ```
-
-2. Run the `npm publish` command to publish your library to the npm registry:
-   ```bash
-   npm publish
-   ```
-
-## Running unit tests
-
-To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
-
-```bash
-ng test
-```
-
-## Running end-to-end tests
-
-For end-to-end (e2e) testing, run:
+## Instalación
 
 ```bash
-ng e2e
+npm install ngx-dsxlibrary
+
+## Cambios
+Se realizo actualización en el interceptor para mejorar el comportamiento con angular V21 1.21.1
+Se actualizo kpicard por la actualización de la libreria count 1.21.2
+Se actualizo parameter service para que muestre una alerta al usuario al no coincider 1.21.2
+Se depuro la no validación en los parametros al obtener su valor 1.21.3
+Se realizo la integración de iconos SVG para mejorar el rendimiento de los proyectos 1.21.6
 ```
-
-Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
-
-## Additional Resources
-
-For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/ngx-dsxlibrary-src-lib-components.mjs

@@ -1,3 +1,4 @@
+import { DecimalPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Input, Component, input } from '@angular/core';
 import * as i1 from 'primeng/tag';
@@ -9,11 +10,11 @@ class AppMessageErrorComponent {
     control;
     form = null;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AppMessageErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", 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 }}</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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", 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.3", ngImport: i0, type: AppMessageErrorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-message-error', imports: [TagModule], 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 }}</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" }]
+            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: [{
                 type: Input
             }], form: [{

package/fesm2022/ngx-dsxlibrary-src-lib-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-dsxlibrary-src-lib-components.mjs","sources":["../../../projects/ngx-dsx/src/lib/components/app-message-error/app-message-error.component.ts","../../../projects/ngx-dsx/src/lib/components/app-message-error/app-message-error.component.html","../../../projects/ngx-dsx/src/lib/components/kpicard/kpicard.component.ts","../../../projects/ngx-dsx/src/lib/components/kpicard/kpicard.component.html","../../../projects/ngx-dsx/src/lib/components/ngx-dsxlibrary-src-lib-components.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\nimport { AbstractControl, FormGroup } from '@angular/forms';\r\nimport { TagModule } from 'primeng/tag';\r\n\r\n@Component({\r\n  selector: 'app-message-error',\r\n  imports: [TagModule],\r\n  templateUrl: './app-message-error.component.html',\r\n  styleUrl: './app-message-error.component.css',\r\n})\r\nexport class AppMessageErrorComponent {\r\n  // Control de formulario que se pasa como input\r\n  @Input() control!: AbstractControl | null;\r\n  @Input() form: FormGroup | null = null;\r\n}\r\n","@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áximo\r\n  <strong>{{ control?.errors?.['maxlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['min']){ El valor mínimo permitido es\r\n  <strong>{{ control?.errors?.['min']?.min }}</strong\r\n  >. } @else if(control?.errors?.['max']){ El valor máximo permitido es\r\n  <strong>{{ control?.errors?.['max']?.max }}</strong\r\n  >. } @else if(control?.errors?.['email']){ Debe ser una dirección de correo\r\n  válida. } @else if(control?.errors?.['pattern']){ El campo no tiene el formato\r\n  requerido. } @else{ Existe un error aún 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","import { Component, input } from '@angular/core';\r\nimport { CountUpDirective } from 'ngx-countup';\r\n\r\n@Component({\r\n  selector: 'app-kpicard',\r\n  imports: [CountUpDirective],\r\n  templateUrl: './kpicard.component.html',\r\n  styleUrl: './kpicard.component.css',\r\n})\r\nexport class KpicardComponent {\r\n  //type = input.required<string>();\r\n  option = input.required<'currency' | 'integer' | 'percent'>();\r\n  label = input.required<string>();\r\n  iconType = input<string>('fa-regular fa-bell');\r\n  color = input<string>();\r\n  valor = input<number>(0);\r\n  theme = input<\r\n    | 'light'\r\n    | 'dark'\r\n    | 'aqua'\r\n    | 'sunset'\r\n    | 'mint'\r\n    | 'peach'\r\n    | 'plasma'\r\n    | 'nebula'\r\n  >('light');\r\n\r\n  options: Record<'currency' | 'integer' | 'percent', any> = {\r\n    currency: {\r\n      startVal: 0,\r\n      duration: 0.5,\r\n      //prefix: 'Q',\r\n      decimalPlaces: 2, // Decimales\r\n      useGrouping: true, // Separador de miles\r\n      separator: ',', // Carácter separador\r\n      decimal: '.', // Carácter decimal\r\n      suffix: ' GTQ', // Sufijo\r\n      scrollSpyDelay: 200, // Retardo antes de la animación\r\n      enableScrollSpy: true,\r\n      scrollSpyOnce: true,\r\n    },\r\n    integer: {\r\n      startVal: 0,\r\n      duration: 0.5,\r\n      prefix: 'Cant. ',\r\n      decimalPlaces: 2, // Decimales\r\n      useGrouping: true, // Separador de miles\r\n      separator: ',', // Carácter separador\r\n      decimal: '.', // Carácter decimal\r\n      scrollSpyDelay: 200, // Retardo antes de la animación\r\n      enableScrollSpy: true,\r\n      scrollSpyOnce: true,\r\n    },\r\n    percent: {\r\n      startVal: 0,\r\n      duration: 0.5,\r\n      suffix: '%',\r\n      decimalPlaces: 2, // Decimales\r\n      useGrouping: true, // Separador de miles\r\n      separator: ',', // Carácter separador\r\n      decimal: '.', // Carácter decimal\r\n      scrollSpyDelay: 200, // Retardo antes de la animación\r\n      enableScrollSpy: true,\r\n      scrollSpyOnce: true,\r\n    },\r\n  };\r\n\r\n  // ✅ Método auxiliar para obtener la opción con seguridad\r\n  getSelectedOption() {\r\n    return this.options[this.option()] ?? this.options.currency; // Si no existe, usa `currency`\r\n  }\r\n}\r\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-dsxlibrary-src-lib-components.mjs","sources":["../../../projects/ngx-dsx/src/lib/components/app-message-error/app-message-error.component.ts","../../../projects/ngx-dsx/src/lib/components/app-message-error/app-message-error.component.html","../../../projects/ngx-dsx/src/lib/components/kpicard/kpicard.component.ts","../../../projects/ngx-dsx/src/lib/components/kpicard/kpicard.component.html","../../../projects/ngx-dsx/src/lib/components/ngx-dsxlibrary-src-lib-components.ts"],"sourcesContent":["import { DecimalPipe } from '@angular/common';\r\nimport { Component, Input } from '@angular/core';\r\nimport { AbstractControl, FormGroup } from '@angular/forms';\r\nimport { TagModule } from 'primeng/tag';\r\n\r\n@Component({\r\n  selector: 'app-message-error',\r\n  imports: [TagModule, DecimalPipe],\r\n  templateUrl: './app-message-error.component.html',\r\n  styleUrl: './app-message-error.component.css',\r\n})\r\nexport class AppMessageErrorComponent {\r\n  // Control de formulario que se pasa como input\r\n  @Input() control!: AbstractControl | null;\r\n  @Input() form: FormGroup | null = null;\r\n}\r\n","@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áximo\r\n  <strong>{{ control?.errors?.['maxlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['min']){ El valor mínimo permitido es\r\n  <strong>{{ control?.errors?.['min']?.min }}</strong\r\n  >. } @else if(control?.errors?.['max']){ El valor máximo 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ón de correo\r\n  válida. } @else if(control?.errors?.['pattern']){ El campo no tiene el formato\r\n  requerido. } @else{ Existe un error aún 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","import { Component, input } from '@angular/core';\r\nimport { CountUpDirective } from 'ngx-countup';\r\n\r\n@Component({\r\n  selector: 'app-kpicard',\r\n  imports: [CountUpDirective],\r\n  templateUrl: './kpicard.component.html',\r\n  styleUrl: './kpicard.component.css',\r\n})\r\nexport class KpicardComponent {\r\n  //type = input.required<string>();\r\n  option = input.required<'currency' | 'integer' | 'percent'>();\r\n  label = input.required<string>();\r\n  iconType = input<string>('fa-regular fa-bell');\r\n  color = input<string>();\r\n  valor = input<number>(0);\r\n  theme = input<\r\n    | 'light'\r\n    | 'dark'\r\n    | 'aqua'\r\n    | 'sunset'\r\n    | 'mint'\r\n    | 'peach'\r\n    | 'plasma'\r\n    | 'nebula'\r\n  >('light');\r\n\r\n  options: Record<'currency' | 'integer' | 'percent', any> = {\r\n    currency: {\r\n      startVal: 0,\r\n      duration: 0.5,\r\n      //prefix: 'Q',\r\n      decimalPlaces: 2, // Decimales\r\n      useGrouping: true, // Separador de miles\r\n      separator: ',', // Carácter separador\r\n      decimal: '.', // Carácter decimal\r\n      suffix: ' GTQ', // Sufijo\r\n      scrollSpyDelay: 200, // Retardo antes de la animación\r\n      enableScrollSpy: true,\r\n      scrollSpyOnce: true,\r\n    },\r\n    integer: {\r\n      startVal: 0,\r\n      duration: 0.5,\r\n      prefix: 'Cant. ',\r\n      decimalPlaces: 2, // Decimales\r\n      useGrouping: true, // Separador de miles\r\n      separator: ',', // Carácter separador\r\n      decimal: '.', // Carácter decimal\r\n      scrollSpyDelay: 200, // Retardo antes de la animación\r\n      enableScrollSpy: true,\r\n      scrollSpyOnce: true,\r\n    },\r\n    percent: {\r\n      startVal: 0,\r\n      duration: 0.5,\r\n      suffix: '%',\r\n      decimalPlaces: 2, // Decimales\r\n      useGrouping: true, // Separador de miles\r\n      separator: ',', // Carácter separador\r\n      decimal: '.', // Carácter decimal\r\n      scrollSpyDelay: 200, // Retardo antes de la animación\r\n      enableScrollSpy: true,\r\n      scrollSpyOnce: true,\r\n    },\r\n  };\r\n\r\n  // ✅ Método auxiliar para obtener la opción con seguridad\r\n  getSelectedOption() {\r\n    return this.options[this.option()] ?? this.options.currency; // Si no existe, usa `currency`\r\n  }\r\n}\r\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-dsxlibrary.mjs

@@ -1,24 +1,26 @@
+import { DecimalPipe, AsyncPipe, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, Component, input, Pipe, InjectionToken, inject, signal, Injectable, effect, HostListener, Directive, isDevMode, NgModule } from '@angular/core';
+import { Input, Component, input, Injectable, Pipe, InjectionToken, inject, signal, effect, HostListener, Directive, isDevMode, NgModule } from '@angular/core';
 import * as i1 from 'primeng/tag';
 import { TagModule } from 'primeng/tag';
 import { CountUpDirective } from 'ngx-countup';
+import { map, shareReplay, of, catchError, throwError, BehaviorSubject, EMPTY, switchMap, filter, take, finalize } from 'rxjs';
+import * as i1$1 from '@angular/common/http';
+import { HttpClient, HttpHeaders, HttpParams, HttpStatusCode } from '@angular/common/http';
+import * as i2 from '@angular/platform-browser';
 import { LottieComponent } from 'ngx-lottie';
 import * as i4 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule, FormControl } from '@angular/forms';
 import * as i3 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
-import * as i2 from 'primeng/image';
+import * as i2$1 from 'primeng/image';
 import { ImageModule } from 'primeng/image';
-import * as i1$1 from 'primeng/menubar';
+import * as i1$2 from 'primeng/menubar';
 import { MenubarModule } from 'primeng/menubar';
 import { ToastrService } from 'ngx-toastr';
 import Swal from 'sweetalert2';
-import { of, map, catchError, throwError, BehaviorSubject, EMPTY, switchMap, filter, take, finalize } from 'rxjs';
-import { HttpClient, HttpHeaders, HttpParams, HttpStatusCode } from '@angular/common/http';
 import { JwtHelperService } from '@auth0/angular-jwt';
 import { CookieService } from 'ngx-cookie-service';
-import { CommonModule } from '@angular/common';
 import { AccordionModule } from 'primeng/accordion';
 import { AutoCompleteModule } from 'primeng/autocomplete';
 import { AutoFocusModule } from 'primeng/autofocus';
@@ -57,11 +59,11 @@ class AppMessageErrorComponent {
     control;
     form = null;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AppMessageErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", 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 }}</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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", 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.3", ngImport: i0, type: AppMessageErrorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-message-error', imports: [TagModule], 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 }}</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" }]
+            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: [{
                 type: Input
             }], form: [{
@@ -127,6 +129,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
             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 }] }] } });
 
+class IconDsxService {
+    http;
+    sanitizer;
+    cache = new Map();
+    constructor(http, sanitizer) {
+        this.http = http;
+        this.sanitizer = sanitizer;
+    }
+    /** Carga SVG desde assets/dsxResource/material-design-icons/outlined */
+    getIcon(name) {
+        if (this.cache.has(name)) {
+            return this.cache.get(name);
+        }
+        const iconPath = `assets/dsxResource/material-design-icons/outlined/${name}.svg`;
+        const request$ = this.http.get(iconPath, { responseType: 'text' }).pipe(map((svg) => this.sanitizer.bypassSecurityTrustHtml(svg)), shareReplay(1));
+        this.cache.set(name, request$);
+        return request$;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", 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.3", ngImport: i0, type: IconDsxService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: IconDsxService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: i2.DomSanitizer }] });
+
+class IconDsxComponent {
+    iconService;
+    name;
+    svg$; // 👈 AHORA es un Observable
+    constructor(iconService) {
+        this.iconService = iconService;
+    }
+    ngOnInit() {
+        this.svg$ = this.iconService.getIcon(this.name); // 👈 AHORA CUADRA CON EL async
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: IconDsxComponent, deps: [{ token: IconDsxService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", 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.3", 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: [{
+                type: Input
+            }] } });
+
 class JsonHighlightPipe {
     transform(value) {
         if (!value) {
@@ -812,7 +862,7 @@ class NavbarDsxComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NavbarDsxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", 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$1.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.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 ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", 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.3", ngImport: i0, type: NavbarDsxComponent, decorators: [{
             type: Component,
@@ -1173,7 +1223,7 @@ function createInitialCache(cacheKeys) {
 
 class DsxAddToolsModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DsxAddToolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.3", ngImport: i0, type: DsxAddToolsModule, imports: [JsonValuesDebujComponent], exports: [CommonModule,
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.3", ngImport: i0, type: DsxAddToolsModule, imports: [IconDsxComponent, JsonValuesDebujComponent], exports: [CommonModule,
             FormsModule,
             JsonValuesDebujComponent,
             ReactiveFormsModule] });
@@ -1185,7 +1235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
             type: NgModule,
             args: [{
                     declarations: [],
-                    imports: [JsonValuesDebujComponent],
+                    imports: [IconDsxComponent, JsonValuesDebujComponent],
                     exports: [
                         CommonModule,
                         FormsModule,
@@ -2192,5 +2242,5 @@ function CUICorrecto(cui) {
  * Generated bundle index. Do not edit.
  */
 
-export { AlertaService, AppMessageErrorComponent, AuthorizeService, CACHE_KEYS, CacheService, DsxAddToolsModule, ENVIRONMENT, EndpointService, INITIAL_PARAMETERS, 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, INITIAL_PARAMETERS, IconDsxComponent, JsonHighlightPipe, JsonValuesDebujComponent, KpicardComponent, LoadingComponent, LoadingLottieComponent, NavbarDsxComponent, OnlyRangoPatternDirective, ParameterValuesService, PrimeNgModule, SecurityService, SelectAllOnFocusDirective, TruncatePipe, UtilityAddService, atLeastOneFieldRequiredValidator, createInitialCache, createTypedCacheProvider, cuiValidator, dateMinMaxValidator, dateRangeValidator, httpAuthorizeInterceptor, nitValidator };
 //# sourceMappingURL=ngx-dsxlibrary.mjs.map