ngx-dsxlibrary 2.21.38 → 2.21.39

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

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ngx-dsxlibrary-src-lib-guards-src.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-dsxlibrary-src-lib-guards-src.mjs","sources":["../../../projects/ngx-dsx/src/lib/guards/src/ngx-dsxlibrary-src-lib-guards-src.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/fesm2022/ngx-dsxlibrary.mjs

@@ -1,23 +1,23 @@
-import * as i1$1 from '@angular/common';
-import { DecimalPipe, CommonModule, AsyncPipe } from '@angular/common';
+import * as i1$2 from '@angular/common';
+import { DecimalPipe, CommonModule, AsyncPipe, Location } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Input, Component, input, forwardRef, viewChild, signal, EventEmitter, effect, Output, model, inject, computed, InjectionToken, Injectable, isDevMode, output, HostBinding, Pipe, ViewEncapsulation, HostListener, Directive, NgModule } from '@angular/core';
 import * as i1 from 'primeng/tag';
 import { TagModule } from 'primeng/tag';
-import * as i2 from '@angular/forms';
-import { FormsModule, NG_VALUE_ACCESSOR, FormControl, ReactiveFormsModule, FormGroup } from '@angular/forms';
-import * as i2$1 from 'primeng/togglebutton';
+import * as i1$1 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR, FormControl, FormBuilder, Validators, ReactiveFormsModule, FormGroup } from '@angular/forms';
+import * as i2 from 'primeng/togglebutton';
 import { ToggleButtonModule } from 'primeng/togglebutton';
 import { FileUpload, FileUploadModule } from 'primeng/fileupload';
-import * as i2$2 from 'primeng/tree';
+import * as i2$1 from 'primeng/tree';
 import { TreeModule } from 'primeng/tree';
 import * as i3 from 'primeng/api';
-import * as i1$2 from 'primeng/tooltip';
+import * as i1$3 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import { CountUpDirective } from 'ngx-countup';
 import * as i2$3 from 'primeng/avatar';
 import { AvatarModule, Avatar } from 'primeng/avatar';
-import * as i1$3 from 'primeng/dialog';
+import * as i2$2 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
 import * as i1$4 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -40,6 +40,10 @@ import * as i4 from 'primeng/menubar';
 import { MenubarModule } from 'primeng/menubar';
 import { JwtHelperService } from '@auth0/angular-jwt';
 import { CookieService } from 'ngx-cookie-service';
+import * as i6 from 'primeng/floatlabel';
+import { FloatLabelModule } from 'primeng/floatlabel';
+import * as i7 from 'primeng/password';
+import { PasswordModule } from 'primeng/password';
 import { AccordionModule } from 'primeng/accordion';
 import { AutoCompleteModule } from 'primeng/autocomplete';
 import { AutoFocusModule } from 'primeng/autofocus';
@@ -52,7 +56,6 @@ import { DatePickerModule } from 'primeng/datepicker';
 import { DividerModule } from 'primeng/divider';
 import { DrawerModule } from 'primeng/drawer';
 import { FieldsetModule } from 'primeng/fieldset';
-import { FloatLabelModule } from 'primeng/floatlabel';
 import { IconFieldModule } from 'primeng/iconfield';
 import { InputIconModule } from 'primeng/inputicon';
 import { InputMaskModule } from 'primeng/inputmask';
@@ -65,7 +68,6 @@ import { MultiSelectModule } from 'primeng/multiselect';
 import { OrganizationChartModule } from 'primeng/organizationchart';
 import { OverlayBadgeModule } from 'primeng/overlaybadge';
 import { PanelMenuModule } from 'primeng/panelmenu';
-import { PasswordModule } from 'primeng/password';
 import { PickListModule } from 'primeng/picklist';
 import { PopoverModule } from 'primeng/popover';
 import { RadioButtonModule } from 'primeng/radiobutton';
@@ -220,7 +222,7 @@ class DsxStatusToggle {
                 useExisting: forwardRef(() => DsxStatusToggle),
                 multi: true,
             },
-        ], ngImport: i0, template: "<p-toggleButton\r\n  fluid\r\n  [ngModel]=\"value\"\r\n  (ngModelChange)=\"change($event)\"\r\n  [onLabel]=\"onLabel()\"\r\n  [offLabel]=\"offLabel()\"\r\n  [disabled]=\"disabled() || formDisabled\"\r\n  [onIcon]=\"'pi pi-check-circle'\"\r\n  [offIcon]=\"'pi pi-times-circle'\"\r\n  class=\"dsx-status-toggle\"\r\n/>\r\n", styles: [":host ::ng-deep .dsx-status-toggle .p-button-label{font-weight:700!important}:host ::ng-deep .dsx-status-toggle.p-highlight,:host ::ng-deep .dsx-status-toggle.p-togglebutton-checked,:host ::ng-deep .dsx-status-toggle[aria-pressed=true],:host ::ng-deep .dsx-status-toggle.p-highlight .p-button-label,:host ::ng-deep .dsx-status-toggle.p-togglebutton-checked .p-button-label,:host ::ng-deep .dsx-status-toggle[aria-pressed=true] .p-button-label,:host ::ng-deep .dsx-status-toggle.p-highlight .p-button-icon,:host ::ng-deep .dsx-status-toggle.p-togglebutton-checked .p-button-icon,:host ::ng-deep .dsx-status-toggle[aria-pressed=true] .p-button-icon,:host ::ng-deep .dsx-status-toggle.p-highlight .p-button-icon:before,:host ::ng-deep .dsx-status-toggle.p-togglebutton-checked .p-button-icon:before,:host ::ng-deep .dsx-status-toggle[aria-pressed=true] .p-button-icon:before{color:#16a34a!important}:host ::ng-deep .dsx-status-toggle:not(.p-highlight):not(.p-togglebutton-checked),:host ::ng-deep .dsx-status-toggle[aria-pressed=false],:host ::ng-deep .dsx-status-toggle:not(.p-highlight):not(.p-togglebutton-checked) .p-button-label,:host ::ng-deep .dsx-status-toggle[aria-pressed=false] .p-button-label,:host ::ng-deep .dsx-status-toggle:not(.p-highlight):not(.p-togglebutton-checked) .p-button-icon,:host ::ng-deep .dsx-status-toggle[aria-pressed=false] .p-button-icon,:host ::ng-deep .dsx-status-toggle:not(.p-highlight):not(.p-togglebutton-checked) .p-button-icon:before,:host ::ng-deep .dsx-status-toggle[aria-pressed=false] .p-button-icon:before{color:#dc2626!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ToggleButtonModule }, { kind: "component", type: i2$1.ToggleButton, selector: "p-toggleButton, p-togglebutton, p-toggle-button", inputs: ["onLabel", "offLabel", "onIcon", "offIcon", "ariaLabel", "ariaLabelledBy", "styleClass", "inputId", "tabindex", "iconPos", "autofocus", "size", "allowEmpty", "fluid"], outputs: ["onChange"] }] });
+        ], ngImport: i0, template: "<p-toggleButton\r\n  fluid\r\n  [ngModel]=\"value\"\r\n  (ngModelChange)=\"change($event)\"\r\n  [onLabel]=\"onLabel()\"\r\n  [offLabel]=\"offLabel()\"\r\n  [disabled]=\"disabled() || formDisabled\"\r\n  [onIcon]=\"'pi pi-check-circle'\"\r\n  [offIcon]=\"'pi pi-times-circle'\"\r\n  class=\"dsx-status-toggle\"\r\n/>\r\n", styles: [":host ::ng-deep .dsx-status-toggle .p-button-label{font-weight:700!important}:host ::ng-deep .dsx-status-toggle.p-highlight,:host ::ng-deep .dsx-status-toggle.p-togglebutton-checked,:host ::ng-deep .dsx-status-toggle[aria-pressed=true],:host ::ng-deep .dsx-status-toggle.p-highlight .p-button-label,:host ::ng-deep .dsx-status-toggle.p-togglebutton-checked .p-button-label,:host ::ng-deep .dsx-status-toggle[aria-pressed=true] .p-button-label,:host ::ng-deep .dsx-status-toggle.p-highlight .p-button-icon,:host ::ng-deep .dsx-status-toggle.p-togglebutton-checked .p-button-icon,:host ::ng-deep .dsx-status-toggle[aria-pressed=true] .p-button-icon,:host ::ng-deep .dsx-status-toggle.p-highlight .p-button-icon:before,:host ::ng-deep .dsx-status-toggle.p-togglebutton-checked .p-button-icon:before,:host ::ng-deep .dsx-status-toggle[aria-pressed=true] .p-button-icon:before{color:#16a34a!important}:host ::ng-deep .dsx-status-toggle:not(.p-highlight):not(.p-togglebutton-checked),:host ::ng-deep .dsx-status-toggle[aria-pressed=false],:host ::ng-deep .dsx-status-toggle:not(.p-highlight):not(.p-togglebutton-checked) .p-button-label,:host ::ng-deep .dsx-status-toggle[aria-pressed=false] .p-button-label,:host ::ng-deep .dsx-status-toggle:not(.p-highlight):not(.p-togglebutton-checked) .p-button-icon,:host ::ng-deep .dsx-status-toggle[aria-pressed=false] .p-button-icon,:host ::ng-deep .dsx-status-toggle:not(.p-highlight):not(.p-togglebutton-checked) .p-button-icon:before,:host ::ng-deep .dsx-status-toggle[aria-pressed=false] .p-button-icon:before{color:#dc2626!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ToggleButtonModule }, { kind: "component", type: i2.ToggleButton, selector: "p-toggleButton, p-togglebutton, p-toggle-button", inputs: ["onLabel", "offLabel", "onIcon", "offIcon", "ariaLabel", "ariaLabelledBy", "styleClass", "inputId", "tabindex", "iconPos", "autofocus", "size", "allowEmpty", "fluid"], outputs: ["onChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsxStatusToggle, decorators: [{
             type: Component,
@@ -740,7 +742,7 @@ class JsonViewerComponent {
                 useExisting: forwardRef(() => JsonViewerComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<p-tree\r\n  [value]=\"nodes\"\r\n  class=\"json-tree w-full\"\r\n  selectionMode=\"single\"\r\n  [(selection)]=\"selectedNode\"\r\n  [highlightOnSelect]=\"false\"\r\n  (onNodeSelect)=\"onNodeSelect($event)\"\r\n>\r\n  <ng-template let-node pTemplate=\"default\">\r\n    <div class=\"json-node\">\r\n      <ng-container *ngIf=\"getNodeMeta(node) as meta; else defaultLabel\">\r\n        <ng-container [ngSwitch]=\"meta.kind\">\r\n          <ng-container *ngSwitchCase=\"'compact-item'\">\r\n            <span class=\"json-prefix\">{{ meta.indexLabel || \"\" }}</span>\r\n            <span class=\"json-key\"> Texto: </span>\r\n            <ng-container *ngIf=\"isEditMode(); else compactTextView\">\r\n              <input\r\n                type=\"text\"\r\n                class=\"json-text-input\"\r\n                [class.json-text-inactive]=\"meta.activeBoolean === false\"\r\n                [value]=\"meta.text || ''\"\r\n                (mousedown)=\"$event.stopPropagation()\"\r\n                (click)=\"$event.stopPropagation()\"\r\n                (keydown)=\"$event.stopPropagation()\"\r\n                (input)=\"\r\n                  onTextEdit(\r\n                    $any(meta.textPath),\r\n                    $any($event.target).value,\r\n                    meta\r\n                  )\r\n                \"\r\n                (blur)=\"onTextBlur()\"\r\n              />\r\n            </ng-container>\r\n            <ng-template #compactTextView>\r\n              <span [class.json-text-inactive]=\"meta.activeBoolean === false\">{{\r\n                meta.text || \"\"\r\n              }}</span>\r\n            </ng-template>\r\n            <span class=\"json-separator\"> | </span>\r\n            <span class=\"json-status\">{{ meta.activeVisual || \"\" }}</span>\r\n            <input\r\n              *ngIf=\"isEditMode()\"\r\n              type=\"checkbox\"\r\n              class=\"json-checkbox\"\r\n              [checked]=\"meta.activeBoolean === true\"\r\n              [disabled]=\"meta.activeBoolean === null\"\r\n              (mousedown)=\"$event.stopPropagation()\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (change)=\"\r\n                onActiveToggle(\r\n                  $any(meta.activePath),\r\n                  $any($event.target).checked,\r\n                  meta\r\n                )\r\n              \"\r\n            />\r\n          </ng-container>\r\n\r\n          <ng-container *ngSwitchCase=\"'group-active'\">\r\n            <span>{{ meta.title || \"\" }}</span>\r\n            <span class=\"json-separator\"> | </span>\r\n            <span class=\"json-status\">{{ meta.activeVisual || \"\" }}</span>\r\n            <input\r\n              *ngIf=\"isEditMode() && meta.activePath\"\r\n              type=\"checkbox\"\r\n              class=\"json-checkbox\"\r\n              [checked]=\"meta.activeBoolean === true\"\r\n              [disabled]=\"meta.activeBoolean === null\"\r\n              (mousedown)=\"$event.stopPropagation()\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (change)=\"\r\n                onActiveToggle(\r\n                  $any(meta.activePath),\r\n                  $any($event.target).checked,\r\n                  meta\r\n                )\r\n              \"\r\n            />\r\n          </ng-container>\r\n\r\n          <ng-container *ngSwitchCase=\"'text-primitive'\">\r\n            <span>{{ meta.key || \"\" }}:</span>\r\n            <ng-container *ngIf=\"isEditMode(); else textPrimitiveView\">\r\n              <input\r\n                type=\"text\"\r\n                class=\"json-text-input\"\r\n                [value]=\"meta.value || ''\"\r\n                (mousedown)=\"$event.stopPropagation()\"\r\n                (click)=\"$event.stopPropagation()\"\r\n                (keydown)=\"$event.stopPropagation()\"\r\n                (input)=\"\r\n                  onTextEdit($any(meta.path), $any($event.target).value, meta)\r\n                \"\r\n                (blur)=\"onTextBlur()\"\r\n              />\r\n            </ng-container>\r\n            <ng-template #textPrimitiveView>\r\n              <span>{{ meta.value || \"\" }}</span>\r\n            </ng-template>\r\n          </ng-container>\r\n\r\n          <ng-container *ngSwitchCase=\"'active-primitive'\">\r\n            <span>{{ meta.key || \"\" }}:</span>\r\n            <span class=\"json-status\">{{ meta.activeVisual || \"\" }}</span>\r\n            <input\r\n              *ngIf=\"isEditMode()\"\r\n              type=\"checkbox\"\r\n              class=\"json-checkbox\"\r\n              [checked]=\"meta.activeBoolean === true\"\r\n              [disabled]=\"meta.activeBoolean === null\"\r\n              (mousedown)=\"$event.stopPropagation()\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (change)=\"\r\n                onActiveToggle(\r\n                  $any(meta.path),\r\n                  $any($event.target).checked,\r\n                  meta\r\n                )\r\n              \"\r\n            />\r\n          </ng-container>\r\n\r\n          <ng-container *ngSwitchDefault>\r\n            {{ node.label }}\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <ng-template #defaultLabel>\r\n        {{ node.label }}\r\n      </ng-template>\r\n    </div>\r\n  </ng-template>\r\n</p-tree>\r\n", styles: [":host ::ng-deep .json-tree .p-tree-node-content,:host ::ng-deep .json-tree .p-treenode-content{padding:.02rem .15rem!important;display:flex;align-items:center;width:100%;min-width:0}:host ::ng-deep .json-tree .p-tree-node-label,:host ::ng-deep .json-tree .p-tree-node-label>span{flex:1 1 0;min-width:0;display:flex}:host ::ng-deep .json-tree .json-node{display:flex;align-items:center;gap:.25rem;width:100%;min-width:0}:host ::ng-deep .json-tree .json-prefix,:host ::ng-deep .json-tree .json-key,:host ::ng-deep .json-tree .json-separator,:host ::ng-deep .json-tree .json-status{white-space:nowrap;flex-shrink:0}:host ::ng-deep .json-tree .json-text-input{flex:1 1 0;min-width:0;border:1px solid #cbd5e1;border-radius:.25rem;padding:.15rem .5rem;font-size:.875rem}:host ::ng-deep .json-tree .json-text-inactive{color:#8b5e61}:host ::ng-deep .json-tree input.json-text-input.json-text-inactive{background-color:#f9f2f2;border-color:#e5c8cb}:host ::ng-deep .json-tree .json-checkbox{width:.9rem;height:.9rem;cursor:pointer;flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i2$2.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "styleClass", "contextMenu", "contextMenuSelectionMode", "contextMenuSelection", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect"], outputs: ["selectionChange", "contextMenuSelectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] });
+        ], ngImport: i0, template: "<p-tree\r\n  [value]=\"nodes\"\r\n  class=\"json-tree w-full\"\r\n  selectionMode=\"single\"\r\n  [(selection)]=\"selectedNode\"\r\n  [highlightOnSelect]=\"false\"\r\n  (onNodeSelect)=\"onNodeSelect($event)\"\r\n>\r\n  <ng-template let-node pTemplate=\"default\">\r\n    <div class=\"json-node\">\r\n      <ng-container *ngIf=\"getNodeMeta(node) as meta; else defaultLabel\">\r\n        <ng-container [ngSwitch]=\"meta.kind\">\r\n          <ng-container *ngSwitchCase=\"'compact-item'\">\r\n            <span class=\"json-prefix\">{{ meta.indexLabel || \"\" }}</span>\r\n            <span class=\"json-key\"> Texto: </span>\r\n            <ng-container *ngIf=\"isEditMode(); else compactTextView\">\r\n              <input\r\n                type=\"text\"\r\n                class=\"json-text-input\"\r\n                [class.json-text-inactive]=\"meta.activeBoolean === false\"\r\n                [value]=\"meta.text || ''\"\r\n                (mousedown)=\"$event.stopPropagation()\"\r\n                (click)=\"$event.stopPropagation()\"\r\n                (keydown)=\"$event.stopPropagation()\"\r\n                (input)=\"\r\n                  onTextEdit(\r\n                    $any(meta.textPath),\r\n                    $any($event.target).value,\r\n                    meta\r\n                  )\r\n                \"\r\n                (blur)=\"onTextBlur()\"\r\n              />\r\n            </ng-container>\r\n            <ng-template #compactTextView>\r\n              <span [class.json-text-inactive]=\"meta.activeBoolean === false\">{{\r\n                meta.text || \"\"\r\n              }}</span>\r\n            </ng-template>\r\n            <span class=\"json-separator\"> | </span>\r\n            <span class=\"json-status\">{{ meta.activeVisual || \"\" }}</span>\r\n            <input\r\n              *ngIf=\"isEditMode()\"\r\n              type=\"checkbox\"\r\n              class=\"json-checkbox\"\r\n              [checked]=\"meta.activeBoolean === true\"\r\n              [disabled]=\"meta.activeBoolean === null\"\r\n              (mousedown)=\"$event.stopPropagation()\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (change)=\"\r\n                onActiveToggle(\r\n                  $any(meta.activePath),\r\n                  $any($event.target).checked,\r\n                  meta\r\n                )\r\n              \"\r\n            />\r\n          </ng-container>\r\n\r\n          <ng-container *ngSwitchCase=\"'group-active'\">\r\n            <span>{{ meta.title || \"\" }}</span>\r\n            <span class=\"json-separator\"> | </span>\r\n            <span class=\"json-status\">{{ meta.activeVisual || \"\" }}</span>\r\n            <input\r\n              *ngIf=\"isEditMode() && meta.activePath\"\r\n              type=\"checkbox\"\r\n              class=\"json-checkbox\"\r\n              [checked]=\"meta.activeBoolean === true\"\r\n              [disabled]=\"meta.activeBoolean === null\"\r\n              (mousedown)=\"$event.stopPropagation()\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (change)=\"\r\n                onActiveToggle(\r\n                  $any(meta.activePath),\r\n                  $any($event.target).checked,\r\n                  meta\r\n                )\r\n              \"\r\n            />\r\n          </ng-container>\r\n\r\n          <ng-container *ngSwitchCase=\"'text-primitive'\">\r\n            <span>{{ meta.key || \"\" }}:</span>\r\n            <ng-container *ngIf=\"isEditMode(); else textPrimitiveView\">\r\n              <input\r\n                type=\"text\"\r\n                class=\"json-text-input\"\r\n                [value]=\"meta.value || ''\"\r\n                (mousedown)=\"$event.stopPropagation()\"\r\n                (click)=\"$event.stopPropagation()\"\r\n                (keydown)=\"$event.stopPropagation()\"\r\n                (input)=\"\r\n                  onTextEdit($any(meta.path), $any($event.target).value, meta)\r\n                \"\r\n                (blur)=\"onTextBlur()\"\r\n              />\r\n            </ng-container>\r\n            <ng-template #textPrimitiveView>\r\n              <span>{{ meta.value || \"\" }}</span>\r\n            </ng-template>\r\n          </ng-container>\r\n\r\n          <ng-container *ngSwitchCase=\"'active-primitive'\">\r\n            <span>{{ meta.key || \"\" }}:</span>\r\n            <span class=\"json-status\">{{ meta.activeVisual || \"\" }}</span>\r\n            <input\r\n              *ngIf=\"isEditMode()\"\r\n              type=\"checkbox\"\r\n              class=\"json-checkbox\"\r\n              [checked]=\"meta.activeBoolean === true\"\r\n              [disabled]=\"meta.activeBoolean === null\"\r\n              (mousedown)=\"$event.stopPropagation()\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (change)=\"\r\n                onActiveToggle(\r\n                  $any(meta.path),\r\n                  $any($event.target).checked,\r\n                  meta\r\n                )\r\n              \"\r\n            />\r\n          </ng-container>\r\n\r\n          <ng-container *ngSwitchDefault>\r\n            {{ node.label }}\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <ng-template #defaultLabel>\r\n        {{ node.label }}\r\n      </ng-template>\r\n    </div>\r\n  </ng-template>\r\n</p-tree>\r\n", styles: [":host ::ng-deep .json-tree .p-tree-node-content,:host ::ng-deep .json-tree .p-treenode-content{padding:.02rem .15rem!important;display:flex;align-items:center;width:100%;min-width:0}:host ::ng-deep .json-tree .p-tree-node-label,:host ::ng-deep .json-tree .p-tree-node-label>span{flex:1 1 0;min-width:0;display:flex}:host ::ng-deep .json-tree .json-node{display:flex;align-items:center;gap:.25rem;width:100%;min-width:0}:host ::ng-deep .json-tree .json-prefix,:host ::ng-deep .json-tree .json-key,:host ::ng-deep .json-tree .json-separator,:host ::ng-deep .json-tree .json-status{white-space:nowrap;flex-shrink:0}:host ::ng-deep .json-tree .json-text-input{flex:1 1 0;min-width:0;border:1px solid #cbd5e1;border-radius:.25rem;padding:.15rem .5rem;font-size:.875rem}:host ::ng-deep .json-tree .json-text-inactive{color:#8b5e61}:host ::ng-deep .json-tree input.json-text-input.json-text-inactive{background-color:#f9f2f2;border-color:#e5c8cb}:host ::ng-deep .json-tree .json-checkbox{width:.9rem;height:.9rem;cursor:pointer;flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i2$1.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "styleClass", "contextMenu", "contextMenuSelectionMode", "contextMenuSelection", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect"], outputs: ["selectionChange", "contextMenuSelectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: JsonViewerComponent, decorators: [{
             type: Component,
@@ -814,7 +816,7 @@ class DateIndicator {
         this.tooltip = 'Última actualización: Sin valor • 0 días';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DateIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.12", type: DateIndicator, isStandalone: true, selector: "dsx-date-indicator", inputs: { date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, minDays: { classPropertyName: "minDays", publicName: "minDays", isSignal: true, isRequired: false, transformFunction: null }, maxDays: { classPropertyName: "maxDays", publicName: "maxDays", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<p-tag\r\n  [severity]=\"severity\"\r\n  [icon]=\"icon\"\r\n  [value]=\"status\"\r\n  [pTooltip]=\"tooltip\"\r\n>\r\n</p-tag>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TagModule }, { kind: "component", type: i1.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.12", type: DateIndicator, isStandalone: true, selector: "dsx-date-indicator", inputs: { date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, minDays: { classPropertyName: "minDays", publicName: "minDays", isSignal: true, isRequired: false, transformFunction: null }, maxDays: { classPropertyName: "maxDays", publicName: "maxDays", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<p-tag\r\n  [severity]=\"severity\"\r\n  [icon]=\"icon\"\r\n  [value]=\"status\"\r\n  [pTooltip]=\"tooltip\"\r\n>\r\n</p-tag>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TagModule }, { kind: "component", type: i1.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DateIndicator, decorators: [{
             type: Component,
@@ -957,7 +959,7 @@ class DocxPreviewComponent {
         this.visibleChange.emit(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DocxPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.12", type: DocxPreviewComponent, isStandalone: true, selector: "app-docx-preview", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: false, isRequired: false, transformFunction: null }, blob: { classPropertyName: "blob", publicName: "blob", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "view", first: true, predicate: ["viewer"], descendants: true, isSignal: true }], ngImport: i0, template: "<p-dialog\r\n  [visible]=\"visible\"\r\n  (onHide)=\"onHide()\"\r\n  [modal]=\"true\"\r\n  [breakpoints]=\"{ '1199px': '75vw', '575px': '90vw' }\"\r\n  [style]=\"{ width: '80vw' }\"\r\n  [draggable]=\"false\"\r\n  [resizable]=\"false\"\r\n  [closable]=\"true\"\r\n  [maximizable]=\"true\"\r\n>\r\n  <ng-template #header>\r\n    <div class=\"flex justify-content-center align-items-center gap-2 px-2\">\r\n      <p-avatar image=\"icon2/word-2019.png\" />\r\n      <span class=\"font-bold\">Vista preliminar del documento</span>\r\n    </div>\r\n  </ng-template>\r\n  <div #viewer></div>\r\n</p-dialog>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$3.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i2$3.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.12", type: DocxPreviewComponent, isStandalone: true, selector: "app-docx-preview", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: false, isRequired: false, transformFunction: null }, blob: { classPropertyName: "blob", publicName: "blob", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "view", first: true, predicate: ["viewer"], descendants: true, isSignal: true }], ngImport: i0, template: "<p-dialog\r\n  [visible]=\"visible\"\r\n  (onHide)=\"onHide()\"\r\n  [modal]=\"true\"\r\n  [breakpoints]=\"{ '1199px': '75vw', '575px': '90vw' }\"\r\n  [style]=\"{ width: '80vw' }\"\r\n  [draggable]=\"false\"\r\n  [resizable]=\"false\"\r\n  [closable]=\"true\"\r\n  [maximizable]=\"true\"\r\n>\r\n  <ng-template #header>\r\n    <div class=\"flex justify-content-center align-items-center gap-2 px-2\">\r\n      <p-avatar image=\"icon2/word-2019.png\" />\r\n      <span class=\"font-bold\">Vista preliminar del documento</span>\r\n    </div>\r\n  </ng-template>\r\n  <div #viewer></div>\r\n</p-dialog>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2$2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i2$3.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DocxPreviewComponent, decorators: [{
             type: Component,
@@ -1013,7 +1015,7 @@ class PdfPreviewComponent {
         this.limpiarUrlAnterior();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PdfPreviewComponent, deps: [{ token: i1$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: PdfPreviewComponent, isStandalone: true, selector: "app-pdf-preview", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, blob: { classPropertyName: "blob", publicName: "blob", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange" }, ngImport: i0, template: "<p-dialog\r\n  header=\"Vista previa del documento de soporte\"\r\n  [(visible)]=\"visible\"\r\n  [style]=\"{ width: '80vw', height: '90vh' }\"\r\n  [closable]=\"true\"\r\n  [maximizable]=\"true\"\r\n>\r\n  @if (pdfUrl) {\r\n    <iframe\r\n      [src]=\"pdfUrl\"\r\n      width=\"100%\"\r\n      height=\"100%\"\r\n      style=\"border: none\"\r\n    ></iframe>\r\n  }\r\n</p-dialog>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$3.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: PdfPreviewComponent, isStandalone: true, selector: "app-pdf-preview", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, blob: { classPropertyName: "blob", publicName: "blob", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange" }, ngImport: i0, template: "<p-dialog\r\n  header=\"Vista previa del documento de soporte\"\r\n  [(visible)]=\"visible\"\r\n  [style]=\"{ width: '80vw', height: '90vh' }\"\r\n  [closable]=\"true\"\r\n  [maximizable]=\"true\"\r\n>\r\n  @if (pdfUrl) {\r\n    <iframe\r\n      [src]=\"pdfUrl\"\r\n      width=\"100%\"\r\n      height=\"100%\"\r\n      style=\"border: none\"\r\n    ></iframe>\r\n  }\r\n</p-dialog>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2$2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PdfPreviewComponent, decorators: [{
             type: Component,
@@ -1139,6 +1141,7 @@ const ENVIRONMENT_SCHEMA = {
     myAppUrl: 'string',
     SeguridadITApiUrl: 'string',
     tokenName: 'string',
+    tokenPurpose: 'string',
     tokenNameRF: 'string',
     sessionStatus: 'string',
     refreshTokenExpiry: 'string',
@@ -1463,7 +1466,8 @@ class SecurityService {
     environment = inject(ENVIRONMENT);
     /** 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`;
+    SeguridadITApiJwt = `${this.environment.SeguridadITApiUrl}api/jwt`;
+    SeguridadITApiJwtSensitiveData = `${this.environment.SeguridadITApiUrl}api/jwtSensitiveData`;
     /**
      * Obtiene un nuevo token de acceso utilizando un refresh token válido.
      *
@@ -1486,7 +1490,7 @@ class SecurityService {
         // 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.SeguridadITApi}/refresh-token/`, body, {
+        return this.http.post(`${this.SeguridadITApiJwt}/refresh-token/`, body, {
             headers: new HttpHeaders({
                 'Content-Type': 'application/json', // Establece el tipo de contenido como JSON
             }),
@@ -1516,12 +1520,20 @@ class SecurityService {
         // 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, {
+        return this.http.post(`${this.SeguridadITApiJwt}/revoke-token/`, body, {
             headers: new HttpHeaders({
                 'Content-Type': 'application/json', // Establece el tipo de contenido como JSON
             }),
         });
     }
+    /**
+     *
+     * @param credencial
+     * @returns
+     */
+    tokenPurposeGenerate(credencial) {
+        return this.http.post(`${this.SeguridadITApiJwtSensitiveData}/token-purpose/`, credencial);
+    }
     /**
      * Obtiene los parámetros de seguridad de la aplicación desde el servidor.
      *
@@ -3666,7 +3678,7 @@ class DsxButtonComponent {
         return this._paramService.isParameterValue(parameterName, this.parameterExpectedValue(), this.parameterIndex());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsxButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: DsxButtonComponent, isStandalone: true, selector: "dsx-button", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, routerPath: { classPropertyName: "routerPath", publicName: "routerPath", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, iconOnlyWidth: { classPropertyName: "iconOnlyWidth", publicName: "iconOnlyWidth", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, parameterName: { classPropertyName: "parameterName", publicName: "parameterName", isSignal: true, isRequired: false, transformFunction: null }, parameterExpectedValue: { classPropertyName: "parameterExpectedValue", publicName: "parameterExpectedValue", isSignal: true, isRequired: false, transformFunction: null }, parameterIndex: { classPropertyName: "parameterIndex", publicName: "parameterIndex", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, requireIdInput: { classPropertyName: "requireIdInput", publicName: "requireIdInput", isSignal: true, isRequired: false, transformFunction: null }, requiresIdGreaterThanZero: { classPropertyName: "requiresIdGreaterThanZero", publicName: "requiresIdGreaterThanZero", isSignal: true, isRequired: false, transformFunction: null }, labelOverride: { classPropertyName: "labelOverride", publicName: "labelOverride", isSignal: true, isRequired: false, transformFunction: null }, tooltipOverride: { classPropertyName: "tooltipOverride", publicName: "tooltipOverride", isSignal: true, isRequired: false, transformFunction: null }, iconOverride: { classPropertyName: "iconOverride", publicName: "iconOverride", isSignal: true, isRequired: false, transformFunction: null }, primeIconOverride: { classPropertyName: "primeIconOverride", publicName: "primeIconOverride", isSignal: true, isRequired: false, transformFunction: null }, colorOverride: { classPropertyName: "colorOverride", publicName: "colorOverride", isSignal: true, isRequired: false, transformFunction: null }, outlinedOverride: { classPropertyName: "outlinedOverride", publicName: "outlinedOverride", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { properties: { "class.dsx-button-compact-host": "this.compactHostClass" } }, ngImport: i0, template: "<!--Bot\u00F3n con las configuraciones din\u00E1micas para CRUD -->\r\n@if (showButton()) {\r\n<p-button\r\n  [label]=\"buttonLabel\"\r\n  [style]=\"buttonStyle\"\r\n  [styleClass]=\"buttonStyleClass\"\r\n  [pTooltip]=\"tooltip\"\r\n  [tooltipDisabled]=\"disabled()\"\r\n  tooltipPosition=\"top\"\r\n  [raised]=\"isCompactIconButton ? false : raised()\"\r\n  [rounded]=\"rounded()\"\r\n  [text]=\"isCompactIconButton\"\r\n  [size]=\"buttonSize\"\r\n  severity=\"secondary\"\r\n  [disabled]=\"disabled()\"\r\n  [icon]=\"primeIcon\"\r\n  (click)=\"onButtonClick()\"\r\n></p-button>\r\n}\r\n", styles: [":host{display:inline-flex;margin-bottom:.25rem}:host.dsx-button-compact-host{margin-bottom:0}:host ::ng-deep .p-button .p-button-label{font-family:Montserrat,Roboto,sans-serif;font-weight:500;letter-spacing:.01em}:host ::ng-deep .p-button.dsx-button-compact{min-height:2rem;padding-block:.2rem}:host ::ng-deep .p-button .material-symbols-outlined.p-button-icon{line-height:1;vertical-align:middle}:host ::ng-deep .p-button.dsx-button-compact .p-button-icon{margin:0;font-size:1.2rem;line-height:1}:host ::ng-deep .p-button.dsx-button-compact .material-symbols-outlined.p-button-icon{font-variation-settings:\"FILL\" 1,\"wght\" 500,\"GRAD\" 0,\"opsz\" 24}:host ::ng-deep .p-button:disabled,:host ::ng-deep .p-button.p-disabled{cursor:not-allowed!important;opacity:.45!important;filter:grayscale(.2) saturate(.75)}:host ::ng-deep .p-button:disabled *,:host ::ng-deep .p-button.p-disabled *{cursor:not-allowed!important}\n"], dependencies: [{ kind: "component", type: 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: TooltipModule }, { kind: "directive", type: i1$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: DsxButtonComponent, isStandalone: true, selector: "dsx-button", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, routerPath: { classPropertyName: "routerPath", publicName: "routerPath", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, iconOnlyWidth: { classPropertyName: "iconOnlyWidth", publicName: "iconOnlyWidth", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, parameterName: { classPropertyName: "parameterName", publicName: "parameterName", isSignal: true, isRequired: false, transformFunction: null }, parameterExpectedValue: { classPropertyName: "parameterExpectedValue", publicName: "parameterExpectedValue", isSignal: true, isRequired: false, transformFunction: null }, parameterIndex: { classPropertyName: "parameterIndex", publicName: "parameterIndex", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, requireIdInput: { classPropertyName: "requireIdInput", publicName: "requireIdInput", isSignal: true, isRequired: false, transformFunction: null }, requiresIdGreaterThanZero: { classPropertyName: "requiresIdGreaterThanZero", publicName: "requiresIdGreaterThanZero", isSignal: true, isRequired: false, transformFunction: null }, labelOverride: { classPropertyName: "labelOverride", publicName: "labelOverride", isSignal: true, isRequired: false, transformFunction: null }, tooltipOverride: { classPropertyName: "tooltipOverride", publicName: "tooltipOverride", isSignal: true, isRequired: false, transformFunction: null }, iconOverride: { classPropertyName: "iconOverride", publicName: "iconOverride", isSignal: true, isRequired: false, transformFunction: null }, primeIconOverride: { classPropertyName: "primeIconOverride", publicName: "primeIconOverride", isSignal: true, isRequired: false, transformFunction: null }, colorOverride: { classPropertyName: "colorOverride", publicName: "colorOverride", isSignal: true, isRequired: false, transformFunction: null }, outlinedOverride: { classPropertyName: "outlinedOverride", publicName: "outlinedOverride", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { properties: { "class.dsx-button-compact-host": "this.compactHostClass" } }, ngImport: i0, template: "<!--Bot\u00F3n con las configuraciones din\u00E1micas para CRUD -->\r\n@if (showButton()) {\r\n<p-button\r\n  [label]=\"buttonLabel\"\r\n  [style]=\"buttonStyle\"\r\n  [styleClass]=\"buttonStyleClass\"\r\n  [pTooltip]=\"tooltip\"\r\n  [tooltipDisabled]=\"disabled()\"\r\n  tooltipPosition=\"top\"\r\n  [raised]=\"isCompactIconButton ? false : raised()\"\r\n  [rounded]=\"rounded()\"\r\n  [text]=\"isCompactIconButton\"\r\n  [size]=\"buttonSize\"\r\n  severity=\"secondary\"\r\n  [disabled]=\"disabled()\"\r\n  [icon]=\"primeIcon\"\r\n  (click)=\"onButtonClick()\"\r\n></p-button>\r\n}\r\n", styles: [":host{display:inline-flex;margin-bottom:.25rem}:host.dsx-button-compact-host{margin-bottom:0}:host ::ng-deep .p-button .p-button-label{font-family:Montserrat,Roboto,sans-serif;font-weight:500;letter-spacing:.01em}:host ::ng-deep .p-button.dsx-button-compact{min-height:2rem;padding-block:.2rem}:host ::ng-deep .p-button .material-symbols-outlined.p-button-icon{line-height:1;vertical-align:middle}:host ::ng-deep .p-button.dsx-button-compact .p-button-icon{margin:0;font-size:1.2rem;line-height:1}:host ::ng-deep .p-button.dsx-button-compact .material-symbols-outlined.p-button-icon{font-variation-settings:\"FILL\" 1,\"wght\" 500,\"GRAD\" 0,\"opsz\" 24}:host ::ng-deep .p-button:disabled,:host ::ng-deep .p-button.p-disabled{cursor:not-allowed!important;opacity:.45!important;filter:grayscale(.2) saturate(.75)}:host ::ng-deep .p-button:disabled *,:host ::ng-deep .p-button.p-disabled *{cursor:not-allowed!important}\n"], dependencies: [{ kind: "component", type: 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: TooltipModule }, { kind: "directive", type: i1$3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsxButtonComponent, decorators: [{
             type: Component,
@@ -4169,6 +4181,7 @@ const developmentEnvironment = {
     production: false,
     SeguridadITApiUrl: 'https://localhost:7197/',
     tokenName: 'securityIT-Authorize',
+    tokenPurpose: 'token-Purpose',
     tokenNameRF: 'refresh-Authorize',
     sessionStatus: 'lastActivity',
     refreshTokenExpiry: 'refreshToken-Expiry',
@@ -4184,6 +4197,7 @@ const productionEnvironment = {
     myAppUrl: '/',
     SeguridadITApiUrl: 'https://securityapi.itgtxela.com/',
     tokenName: 'securityIT-Authorize',
+    tokenPurpose: 'token-Purpose',
     tokenNameRF: 'refresh-Authorize',
     sessionStatus: 'lastActivity',
     refreshTokenExpiry: 'refreshToken-Expiry',
@@ -4373,7 +4387,12 @@ class AuthorizeService {
     }
     getToken() {
         return this._cookieService.get(this.environment.tokenName);
-        //return localStorage.getItem(environment.tokenName);
+    }
+    getTokenPurpose() {
+        return this._cookieService.get(this.environment.tokenPurpose);
+    }
+    setTokenPurpose(token) {
+        this.setCookie(this.environment.tokenPurpose, token.token, new Date(token.refreshTokenExpiry));
     }
     /**
      * Obtiene el Refresh Token almacenado en cookies.
@@ -4442,6 +4461,14 @@ class AuthorizeService {
         // Devuelve true si el token NO ha expirado
         return !this.helperJwt.isTokenExpired(token);
     }
+    getTokenPurposeValid() {
+        const token = this.getTokenPurpose();
+        if (!token) {
+            return false;
+        }
+        // Devuelve true si el token NO ha expirado
+        return !this.helperJwt.isTokenExpired(token);
+    }
     /**
      * Obtiene los valores principales del JWT almacenado (usuario, roles y estado).
      *
@@ -4636,6 +4663,7 @@ class AuthorizeService {
             const cookiesToDelete = [
                 this.environment.tokenName,
                 this.environment.tokenNameRF,
+                this.environment.tokenPurpose,
                 this.environment.sessionStatus,
             ];
             cookiesToDelete.forEach((cookieName) => {
@@ -4751,7 +4779,7 @@ class NetworkStatusComponent {
         return 'image/Status_Red.png';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: NetworkStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: NetworkStatusComponent, isStandalone: true, selector: "app-network-status", ngImport: i0, template: "<div class=\"network-status-container\">\r\n  <p-avatar\r\n    [image]=\"getStatusImage()\"\r\n    [pTooltip]=\"tooltipText\"\r\n    tooltipPosition=\"bottom\"\r\n  />\r\n  <span> {{ state().score }}% </span>\r\n  <span> {{ state().averageDurationMs | number: \"1.0-0\" }}ms </span>\r\n</div>\r\n", styles: [".network-status-container{display:flex;align-items:center;gap:.5rem}.network-status-container span{font-size:.85rem;color:#6b7280;font-weight:400}.network-status-container span:first-of-type{font-weight:500}\n"], dependencies: [{ kind: "component", type: Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: DecimalPipe, name: "number" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: NetworkStatusComponent, isStandalone: true, selector: "app-network-status", ngImport: i0, template: "<div class=\"network-status-container\">\r\n  <p-avatar\r\n    [image]=\"getStatusImage()\"\r\n    [pTooltip]=\"tooltipText\"\r\n    tooltipPosition=\"bottom\"\r\n  />\r\n  <span> {{ state().score }}% </span>\r\n  <span> {{ state().averageDurationMs | number: \"1.0-0\" }}ms </span>\r\n</div>\r\n", styles: [".network-status-container{display:flex;align-items:center;gap:.5rem}.network-status-container span{font-size:.85rem;color:#6b7280;font-weight:400}.network-status-container span:first-of-type{font-weight:500}\n"], dependencies: [{ kind: "component", type: Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: DecimalPipe, name: "number" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: NetworkStatusComponent, decorators: [{
             type: Component,
@@ -4813,7 +4841,7 @@ class NavbarDsxComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: NavbarDsxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.12", type: NavbarDsxComponent, isStandalone: true, selector: "app-navbar-dsx", inputs: { appVersion: { classPropertyName: "appVersion", publicName: "appVersion", isSignal: true, isRequired: false, transformFunction: null }, logoWidth: { classPropertyName: "logoWidth", publicName: "logoWidth", 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      <!-- Datos del usuario -->\r\n      <div class=\"navbar-user-info\">\r\n        <icon-dsx name=\"verified_user\" class=\"navbar-user-icon\"></icon-dsx>\r\n        <div class=\"navbar-user-text\">\r\n          <span class=\"navbar-user-name\">\r\n            {{ _authorizeService.getTokenValues.userName }}\r\n          </span>\r\n          <span class=\"navbar-user-role\">\r\n            {{ currentRole }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Componente de estado de red -->\r\n      <app-network-status></app-network-status>\r\n\r\n      <!-- Actualizaci\u00F3n de permisos -->\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\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:.25rem 1.5rem!important;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff1f!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px #0f172a14;margin-left:4rem;margin-right:2.5rem}:host ::ng-deep .p-menubar-end>*{display:flex;align-items:center}.version-text{font-size:1.3rem;font-family:Montserrat,sans-serif!important;margin-left:.5rem;font-weight:600;background-image:linear-gradient(to right,#38bdf8,#630cb4);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);padding:.2rem 0}.navbar-user-info{display:flex;align-items:center;gap:.35rem;padding:0 .75rem;border-radius:999px;background-color:#00000005}.navbar-user-icon{font-size:1.1rem;color:#374151}.navbar-user-name{font-size:.8rem;font-weight:500;color:#374151;white-space:nowrap}.navbar-user-text{display:flex;flex-direction:column;line-height:1.1}.navbar-user-role{font-size:.7rem;color:#6b7280;white-space:nowrap}.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: ButtonModule }, { kind: "component", type: i1$7.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: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconDsxComponent, selector: "icon-dsx", inputs: ["name"] }, { kind: "ngmodule", type: ImageModule }, { kind: "component", type: i3$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: MenubarModule }, { kind: "component", type: i4.Menubar, selector: "p-menubar", inputs: ["model", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "breakpoint", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: NetworkStatusComponent, selector: "app-network-status" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.12", type: NavbarDsxComponent, isStandalone: true, selector: "app-navbar-dsx", inputs: { appVersion: { classPropertyName: "appVersion", publicName: "appVersion", isSignal: true, isRequired: false, transformFunction: null }, logoWidth: { classPropertyName: "logoWidth", publicName: "logoWidth", 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      <!-- Datos del usuario -->\r\n      <div class=\"navbar-user-info\">\r\n        <icon-dsx name=\"verified_user\" class=\"navbar-user-icon\"></icon-dsx>\r\n        <div class=\"navbar-user-text\">\r\n          <span class=\"navbar-user-name\">\r\n            {{ _authorizeService.getTokenValues.userName }}\r\n          </span>\r\n          <span class=\"navbar-user-role\">\r\n            {{ currentRole }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Componente de estado de red -->\r\n      <app-network-status></app-network-status>\r\n\r\n      <!-- Actualizaci\u00F3n de permisos -->\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\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:.25rem 1.5rem!important;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff1f!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px #0f172a14;margin-left:4rem;margin-right:2.5rem}:host ::ng-deep .p-menubar-end>*{display:flex;align-items:center}.version-text{font-size:1.3rem;font-family:Montserrat,sans-serif!important;margin-left:.5rem;font-weight:600;background-image:linear-gradient(to right,#38bdf8,#630cb4);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);padding:.2rem 0}.navbar-user-info{display:flex;align-items:center;gap:.35rem;padding:0 .75rem;border-radius:999px;background-color:#00000005}.navbar-user-icon{font-size:1.1rem;color:#374151}.navbar-user-name{font-size:.8rem;font-weight:500;color:#374151;white-space:nowrap}.navbar-user-text{display:flex;flex-direction:column;line-height:1.1}.navbar-user-role{font-size:.7rem;color:#6b7280;white-space:nowrap}.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: ButtonModule }, { kind: "component", type: i1$7.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: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconDsxComponent, selector: "icon-dsx", inputs: ["name"] }, { kind: "ngmodule", type: ImageModule }, { kind: "component", type: i3$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: MenubarModule }, { kind: "component", type: i4.Menubar, selector: "p-menubar", inputs: ["model", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "breakpoint", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: NetworkStatusComponent, selector: "app-network-status" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: NavbarDsxComponent, decorators: [{
             type: Component,
@@ -4827,6 +4855,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                     ], 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      <!-- Datos del usuario -->\r\n      <div class=\"navbar-user-info\">\r\n        <icon-dsx name=\"verified_user\" class=\"navbar-user-icon\"></icon-dsx>\r\n        <div class=\"navbar-user-text\">\r\n          <span class=\"navbar-user-name\">\r\n            {{ _authorizeService.getTokenValues.userName }}\r\n          </span>\r\n          <span class=\"navbar-user-role\">\r\n            {{ currentRole }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Componente de estado de red -->\r\n      <app-network-status></app-network-status>\r\n\r\n      <!-- Actualizaci\u00F3n de permisos -->\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\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:.25rem 1.5rem!important;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff1f!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px #0f172a14;margin-left:4rem;margin-right:2.5rem}:host ::ng-deep .p-menubar-end>*{display:flex;align-items:center}.version-text{font-size:1.3rem;font-family:Montserrat,sans-serif!important;margin-left:.5rem;font-weight:600;background-image:linear-gradient(to right,#38bdf8,#630cb4);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);padding:.2rem 0}.navbar-user-info{display:flex;align-items:center;gap:.35rem;padding:0 .75rem;border-radius:999px;background-color:#00000005}.navbar-user-icon{font-size:1.1rem;color:#374151}.navbar-user-name{font-size:.8rem;font-weight:500;color:#374151;white-space:nowrap}.navbar-user-text{display:flex;flex-direction:column;line-height:1.1}.navbar-user-role{font-size:.7rem;color:#6b7280;white-space:nowrap}.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: { appVersion: [{ type: i0.Input, args: [{ isSignal: true, alias: "appVersion", required: false }] }], logoWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoWidth", required: false }] }], urlLogo: [{ type: i0.Input, args: [{ isSignal: true, alias: "urlLogo", required: false }] }] } });
 
+class TokenPurposeLogin {
+    fb = inject(FormBuilder);
+    _authorizeService = inject(AuthorizeService);
+    _securityService = inject(SecurityService);
+    _alertService = inject(AlertaService);
+    form;
+    visible = false;
+    constructor() {
+        this.getForm();
+    }
+    getForm() {
+        this.form = this.fb.group({
+            userName: [{ value: null, disabled: true }, [Validators.required]],
+            password: [null, [Validators.required]],
+        });
+    }
+    showDialog() {
+        this.visible = true;
+    }
+    generarTokenPurpose() {
+        //Validar el password
+        if (this.form.valid) {
+            this._securityService
+                .tokenPurposeGenerate(this.form.getRawValue())
+                .subscribe({
+                next: (result) => {
+                    if (result.isSuccess) {
+                        this._authorizeService.setTokenPurpose(result.data);
+                        this._alertService.toastrAlerts(1, result.title, result.message, 2);
+                        this.visible = false;
+                        this.form.reset();
+                    }
+                    else {
+                        this._alertService.toastrAlerts(4, result.title, result.message, 2);
+                    }
+                },
+                error: (err) => console.error('Error al generar token purpose:', err),
+                complete: () => '',
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TokenPurposeLogin, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TokenPurposeLogin, isStandalone: true, selector: "app-token-purpose-login", ngImport: i0, template: "<div class=\"flex\">\r\n  <p-button\r\n    (click)=\"showDialog()\"\r\n    label=\"Generar Token\"\r\n    pTooltip=\"Ingrese sus credenciales para generar un token de acceso.\"\r\n    tooltipPosition=\"top\"\r\n    severity=\"secondary\"\r\n    icon=\"pi pi-lock\"\r\n    [rounded]=\"true\"\r\n    [raised]=\"true\"\r\n  />\r\n</div>\r\n<form [formGroup]=\"form\">\r\n  <p-dialog [(visible)]=\"visible\" [modal]=\"true\" [style]=\"{ width: '30rem' }\">\r\n    <ng-template #header>\r\n      <div class=\"flex items-center gap-2 px-2\">\r\n        <p-avatar image=\"icon/folder.png\" size=\"large\" />\r\n        <h5>Token de Seguridad</h5>\r\n      </div>\r\n    </ng-template>\r\n    <span class=\"text-surface-500 dark:text-surface-400 block\"\r\n      >Ingrese sus credenciales para generar un token de acceso.</span\r\n    >\r\n    <div class=\"mt-3\">\r\n      <p-floatLabel variant=\"in\">\r\n        <p-password\r\n          formControlName=\"password\"\r\n          [invalid]=\"form.get('password')?.invalid && (form.get('password')?.dirty || form.get('password')?.touched)\"\r\n          [feedback]=\"false\"\r\n          [toggleMask]=\"true\"\r\n          fluid\r\n        />\r\n        <label>Contrase\u00F1a</label>\r\n      </p-floatLabel>\r\n      @if (form.get('password')?.invalid && (form.get('password')?.dirty ||\r\n      form.get('password')?.touched)) {\r\n      <small class=\"text-red-500\">La contrase\u00F1a es obligatoria.</small>\r\n      }\r\n    </div>\r\n    <ng-template #footer>\r\n      <p-button\r\n        label=\"Cancelar\"\r\n        variant=\"outlined\"\r\n        [rounded]=\"true\"\r\n        icon=\"pi pi-times\"\r\n        severity=\"danger\"\r\n        (click)=\"visible = false\"\r\n      />\r\n      <p-button\r\n        label=\"Generar\"\r\n        variant=\"outlined\"\r\n        [rounded]=\"true\"\r\n        icon=\"pi pi-unlock\"\r\n        severity=\"success\"\r\n        [disabled]=\"!form.valid\"\r\n        (click)=\"generarTokenPurpose()\"\r\n      />\r\n    </ng-template>\r\n  </p-dialog>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2$2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i2$3.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$7.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: TooltipModule }, { kind: "directive", type: i1$3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i6.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i7.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo", "motionOptions", "overlayOptions"], outputs: ["onFocus", "onBlur", "onClear"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TokenPurposeLogin, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-token-purpose-login', imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        DialogModule,
+                        AvatarModule,
+                        ButtonModule,
+                        TooltipModule,
+                        FloatLabelModule,
+                        PasswordModule,
+                    ], template: "<div class=\"flex\">\r\n  <p-button\r\n    (click)=\"showDialog()\"\r\n    label=\"Generar Token\"\r\n    pTooltip=\"Ingrese sus credenciales para generar un token de acceso.\"\r\n    tooltipPosition=\"top\"\r\n    severity=\"secondary\"\r\n    icon=\"pi pi-lock\"\r\n    [rounded]=\"true\"\r\n    [raised]=\"true\"\r\n  />\r\n</div>\r\n<form [formGroup]=\"form\">\r\n  <p-dialog [(visible)]=\"visible\" [modal]=\"true\" [style]=\"{ width: '30rem' }\">\r\n    <ng-template #header>\r\n      <div class=\"flex items-center gap-2 px-2\">\r\n        <p-avatar image=\"icon/folder.png\" size=\"large\" />\r\n        <h5>Token de Seguridad</h5>\r\n      </div>\r\n    </ng-template>\r\n    <span class=\"text-surface-500 dark:text-surface-400 block\"\r\n      >Ingrese sus credenciales para generar un token de acceso.</span\r\n    >\r\n    <div class=\"mt-3\">\r\n      <p-floatLabel variant=\"in\">\r\n        <p-password\r\n          formControlName=\"password\"\r\n          [invalid]=\"form.get('password')?.invalid && (form.get('password')?.dirty || form.get('password')?.touched)\"\r\n          [feedback]=\"false\"\r\n          [toggleMask]=\"true\"\r\n          fluid\r\n        />\r\n        <label>Contrase\u00F1a</label>\r\n      </p-floatLabel>\r\n      @if (form.get('password')?.invalid && (form.get('password')?.dirty ||\r\n      form.get('password')?.touched)) {\r\n      <small class=\"text-red-500\">La contrase\u00F1a es obligatoria.</small>\r\n      }\r\n    </div>\r\n    <ng-template #footer>\r\n      <p-button\r\n        label=\"Cancelar\"\r\n        variant=\"outlined\"\r\n        [rounded]=\"true\"\r\n        icon=\"pi pi-times\"\r\n        severity=\"danger\"\r\n        (click)=\"visible = false\"\r\n      />\r\n      <p-button\r\n        label=\"Generar\"\r\n        variant=\"outlined\"\r\n        [rounded]=\"true\"\r\n        icon=\"pi pi-unlock\"\r\n        severity=\"success\"\r\n        [disabled]=\"!form.valid\"\r\n        (click)=\"generarTokenPurpose()\"\r\n      />\r\n    </ng-template>\r\n  </p-dialog>\r\n</form>\r\n" }]
+        }], ctorParameters: () => [] });
+
 /**
  * Directiva de navegación por teclado entre elementos de una tabla.
  *
@@ -5138,10 +5224,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 args: ['focus', ['$event']]
             }] } });
 
+const guardTokenPurposeGuard = (route, state) => {
+    const authService = inject(AuthorizeService);
+    const location = inject(Location);
+    //console.log('[guardTokenPurposeGuard] ruta capturada:', state.url);
+    if (authService.getTokenPurposeValid()) {
+        // Permite pasar a la edición
+        return true;
+    }
+    // Si no es válido:
+    console.warn('Permiso denegado: Token Purpose no válido');
+    // Regresa a la pantalla anterior del navegador.
+    location.back();
+    return false;
+};
+
 const CACHE_KEYS = new InjectionToken('CACHE_KEYS');
 
 class ErrorHandlerService {
     _serviceAlerta = inject(AlertaService);
+    isPurposeTokenError(error) {
+        const payload = error.error;
+        return payload?.error === 'token_purpose_error';
+    }
+    getPurposeTokenDescription(error) {
+        const payload = error.error;
+        return (payload?.error_description ||
+            'Se requiere un token especial para acceder a este recurso.');
+    }
     handleErrorResponse(error) {
         // Si el error ya no es un HttpErrorResponse (por ejemplo, un Error relanzado
         // desde otro catch), sólo lo propagamos sin volver a mostrar mensajes.
@@ -5160,8 +5270,9 @@ class ErrorHandlerService {
                     'Solicitud incorrecta (400). Verifica los datos ingresados o validaciones existentes.';
                 break;
             case HttpStatusCode.Unauthorized:
-                userMessage =
-                    '<b>Acceso no autorizado</b> (401). Por favor inicia sesión.';
+                userMessage = this.isPurposeTokenError(error)
+                    ? '<b>Acceso a recurso sensible no autorizado</b> (401).'
+                    : '<b>Acceso no autorizado</b> (401). Por favor inicia sesión.';
                 break;
             case HttpStatusCode.Forbidden:
                 userMessage = 'No tienes permisos para realizar esta acción (403).';
@@ -5183,7 +5294,12 @@ class ErrorHandlerService {
         }
         // Preparar detalle del error para mostrar, priorizando solo la parte "errors" del objeto
         let errorDetail = '';
-        if (error && typeof error.error === 'object' && error.error !== null) {
+        if (this.isPurposeTokenError(error)) {
+            errorDetail = this.getPurposeTokenDescription(error);
+        }
+        else if (error &&
+            typeof error.error === 'object' &&
+            error.error !== null) {
             const anyError = error.error;
             // Si existe la propiedad "errors" (típica de ASP.NET Core ProblemDetails), usar solo esa
             const validationErrors = anyError.errors ?? anyError.Errors;
@@ -5252,6 +5368,7 @@ const httpAuthorizeInterceptor = (req, next) => {
     const _handleErrorService = inject(ErrorHandlerService);
     const _metricsService = inject(RequestMetricsService);
     const _token = _authorizeService.getToken();
+    const _tokenPurpose = _authorizeService.getTokenPurpose();
     let authReq = req;
     // Si la URL de la petición es inválida, retorna un observable vacío
     // Surgio a partir de angular V21
@@ -5270,6 +5387,14 @@ const httpAuthorizeInterceptor = (req, next) => {
             setHeaders: { Authorization: `Bearer ${_token}` },
         });
     }
+    // Validar si el token de propósito es válido y agregarlo a la petición si es necesario
+    if (_tokenPurpose && _authorizeService.getTokenPurposeValid()) {
+        authReq = authReq.clone({
+            setHeaders: { 'X-Special-Token': _tokenPurpose },
+        });
+        // Debería incluir X-Special-Token
+        // console.log('Cabeceras enviadas:', authReq.headers.keys());
+    }
     //console.log('Interceptor - Petición HTTP iniciada:', req.url);
     // Para depuración: muestra el token agregado
     //console.log('Interceptor - Token agregado a la petición:', authReq);
@@ -6887,5 +7012,5 @@ function minimumAgeValidator(minimumAge, referenceDate) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_TYPES, AlertaService, AppMessageErrorComponent, ArrowNavigationDirective, AuthorizeService, BaseCRUDService, CACHE_KEYS, CacheService, CssV2Component, DSX_PALETTE, DateIndicator, DocxPreviewComponent, DsxAddToolsModule, DsxButtonComponent, DsxEnableDisable, DsxStatusToggle, DteService, ENVIRONMENT, EndpointService, ErrorHandlerService, FileComponent, GTQFormatter, HttpHelpersService, INITIAL_PARAMETERS, IconDsxComponent, JoinByPipe, JsonHighlightPipe, JsonValuesDebujComponent, JsonViewerComponent, KpicardComponent, LoadingComponent, LoadingLottieComponent, LogoDsxComponent, MasterDetailChangeService, NavbarDsxComponent, NetworkStatusComponent, OnlyRangoPatternDirective, ParameterValuesService, PdfPreviewComponent, PrimeNgModule, SWEET_ALERT_THEMES, SecurityService, SelectAllOnFocusDirective, SpinnerLoadingService, TemplateHighlight, TruncatePipe, UtilityAddService, asyncExistsValidator, atLeastOneFieldRequiredValidator, chainControlGroups, createCurrencyFormatter, createInitialCache, createTypedCacheProvider, cuiValidator, dateMinMaxValidator, dateRangeValidator, dateRangeValidatorFromTo, developmentEnvironment, getZeroBasedRolIndex, httpAuthorizeInterceptor, minimumAgeValidator, nitValidator, productionEnvironment, provideEnvironment, templateVariablesValidator, validateEnvironmentConfig };
+export { ACTION_TYPES, AlertaService, AppMessageErrorComponent, ArrowNavigationDirective, AuthorizeService, BaseCRUDService, CACHE_KEYS, CacheService, CssV2Component, DSX_PALETTE, DateIndicator, DocxPreviewComponent, DsxAddToolsModule, DsxButtonComponent, DsxEnableDisable, DsxStatusToggle, DteService, ENVIRONMENT, EndpointService, ErrorHandlerService, FileComponent, GTQFormatter, HttpHelpersService, INITIAL_PARAMETERS, IconDsxComponent, JoinByPipe, JsonHighlightPipe, JsonValuesDebujComponent, JsonViewerComponent, KpicardComponent, LoadingComponent, LoadingLottieComponent, LogoDsxComponent, MasterDetailChangeService, NavbarDsxComponent, NetworkStatusComponent, OnlyRangoPatternDirective, ParameterValuesService, PdfPreviewComponent, PrimeNgModule, SWEET_ALERT_THEMES, SecurityService, SelectAllOnFocusDirective, SpinnerLoadingService, TemplateHighlight, TokenPurposeLogin, TruncatePipe, UtilityAddService, asyncExistsValidator, atLeastOneFieldRequiredValidator, chainControlGroups, createCurrencyFormatter, createInitialCache, createTypedCacheProvider, cuiValidator, dateMinMaxValidator, dateRangeValidator, dateRangeValidatorFromTo, developmentEnvironment, getZeroBasedRolIndex, guardTokenPurposeGuard, httpAuthorizeInterceptor, minimumAgeValidator, nitValidator, productionEnvironment, provideEnvironment, templateVariablesValidator, validateEnvironmentConfig };
 //# sourceMappingURL=ngx-dsxlibrary.mjs.map