infodocviewdoc 1.0.0

package/README.md

@@ -0,0 +1,355 @@
+# @infodocnpm/ui-components
+
+Biblioteca de componentes UI para SGDEA (Sistema de Gestión Documental Electrónico de Archivo).
+
+## Instalación
+
+```bash
+npm install @infodocnpm/ui-components
+```
+
+## Documentación Completa
+
+Para la documentación completa de instalación e integración de metadatos, consulta el archivo:
+
+**`MANUAL_INSTALACION_METADATOS.md`** en la raíz del repositorio `sgdea-component-library`.
+
+Este manual contiene:
+- Guía paso a paso de instalación
+- Configuración de rutas y secciones
+- Integración en modo inline (recomendado)
+- Ejemplos de código completos
+- Validación de campos obligatorios
+- Vinculación de metadatos con registros
+
+## Componente: Metadata Crosscutting
+
+Componente para gestionar y mostrar formularios de metadatos de manera inline o en modal.
+
+**IMPORTANTE:** Consulta el `MANUAL_INSTALACION_METADATOS.md` para ver la documentación completa y actualizada.
+
+### Modo Inline (Recomendado)
+
+El componente puede renderizarse directamente dentro de un formulario sin necesidad de un modal.
+
+#### 1. Importar el componente
+
+```typescript
+import { MetadataCrosscuttingComponent } from '@infodocnpm/ui-components';
+
+@Component({
+  selector: 'app-my-component',
+  standalone: true,
+  imports: [
+    MetadataCrosscuttingComponent,
+    // ... otros imports
+  ],
+  // ...
+})
+export class MyComponent {
+  // ...
+}
+```
+
+#### 2. Usar en el template
+
+```html
+<sgdea-metadata-crosscutting
+  #metadataComponent
+  [inlineMode]="true"
+  [autoLoad]="true"
+  [sectionFormId]="sectionFormId"
+  [apiUrl]="metadataApiUrl"
+  [createApiUrl]="metadataCreateApiUrl"
+  [registerId]="null"
+  [initialFormData]="initialMetadataData || null"
+  (saveModal)="onMetadataSave($event)">
+</sgdea-metadata-crosscutting>
+```
+
+#### 3. Configurar en el componente TypeScript
+
+```typescript
+import { ViewChild } from '@angular/core';
+import { MetadataCrosscuttingComponent, MetadataFormData, MetadataModalFormStructure } from '@infodocnpm/ui-components';
+
+export class MyComponent {
+  @ViewChild('metadataComponent') metadataComponent?: MetadataCrosscuttingComponent;
+  
+  sectionFormId = 'your-section-form-id';
+  metadataApiUrl = 'https://your-api.com/api/v1/metadata/template/get-all-metadata-for-modal';
+  metadataCreateApiUrl = 'https://your-api.com/api/v1/metadata/value-metadata/create';
+  initialMetadataData: MetadataFormData[] | null = null;
+
+  // Obtener datos actuales del formulario
+  getCurrentMetadataData(): MetadataFormData[] {
+    if (this.metadataComponent) {
+      return this.metadataComponent.getCurrentFormData();
+    }
+    return [];
+  }
+
+  // Guardar datos (opcional, si quieres guardar localmente)
+  onMetadataSave(data: { formData: MetadataFormData[], formStructure: MetadataModalFormStructure | null }): void {
+    // Guardar localmente si es necesario
+    console.log('Metadata saved:', data);
+  }
+}
+```
+
+#### 4. Vincular metadatos después de crear un registro
+
+```typescript
+import { ValueMetadataCreateMapper, ValueMetadataCreateRequestDto } from '@infodocnpm/ui-components';
+import { HttpClient } from '@angular/common/http';
+import { forkJoin, Observable, of } from 'rxjs';
+import { catchError, map } from 'rxjs/operators';
+
+export class MyComponent {
+  constructor(private http: HttpClient) {}
+
+  // Después de crear tu registro (ej: préstamo, expediente, etc.)
+  linkMetadataToRegister(registerId: string): void {
+    const metadataData = this.metadataComponent?.getCurrentFormData() || [];
+    
+    if (metadataData.length === 0) {
+      return; // No hay datos para vincular
+    }
+
+    const apiUrl = 'https://your-api.com/api/v1/metadata/value-metadata/create';
+    const sectionFormId = this.sectionFormId;
+
+    // Construir el request usando el mapper
+    const requestPayload: ValueMetadataCreateRequestDto = ValueMetadataCreateMapper.toRequestDto(
+      metadataData,
+      sectionFormId,
+      registerId,
+      null // formStructure - opcional
+    );
+
+    // Enviar al backend
+    this.http.post(apiUrl, requestPayload).subscribe({
+      next: (response) => {
+        console.log('Metadata vinculado exitosamente:', response);
+      },
+      error: (error) => {
+        console.error('Error al vincular metadata:', error);
+      }
+    });
+  }
+}
+```
+
+### Modo Modal (Legacy)
+
+El componente también puede mostrarse en un modal (modo legacy).
+
+```html
+<sgdea-metadata-crosscutting
+  [isVisible]="isModalVisible"
+  [modalTitle]="'Metadatos del Documento'"
+  [sectionFormId]="sectionFormId"
+  [apiUrl]="metadataApiUrl"
+  [createApiUrl]="metadataCreateApiUrl"
+  [registerId]="registerId"
+  [initialFormData]="initialMetadataData"
+  (closeModal)="closeModal()"
+  (saveModal)="onMetadataSave($event)">
+</sgdea-metadata-crosscutting>
+```
+
+### Propiedades del Componente
+
+| Propiedad | Tipo | Descripción |
+|-----------|------|-------------|
+| `inlineMode` | `boolean` | Si es `true`, muestra el formulario inline (sin modal). Por defecto: `false` |
+| `autoLoad` | `boolean` | Si es `true`, carga automáticamente los metadatos al inicializar. Por defecto: `false` |
+| `sectionFormId` | `string \| null` | ID de la sección de formulario de metadatos |
+| `apiUrl` | `string \| null` | URL completa del endpoint para obtener la estructura de metadatos |
+| `createApiUrl` | `string \| null` | URL completa del endpoint para crear/vincular metadatos |
+| `registerId` | `string \| null` | ID del registro al que se vincularán los metadatos (usado en modo modal) |
+| `initialFormData` | `MetadataFormData[] \| null` | Datos iniciales para poblar el formulario |
+| `isVisible` | `boolean` | Muestra/oculta el modal (solo en modo modal). Por defecto: `false` |
+| `modalTitle` | `string` | Título del modal (solo en modo modal). Por defecto: `'Metadatos del Documento'` |
+
+### Eventos
+
+| Evento | Tipo | Descripción |
+|--------|------|-------------|
+| `saveModal` | `EventEmitter<{ formData: MetadataFormData[], formStructure: MetadataModalFormStructure \| null }>` | Se emite cuando se guarda el formulario |
+| `closeModal` | `EventEmitter<void>` | Se emite cuando se cierra el modal (solo modo modal) |
+
+### Métodos Públicos
+
+#### `getCurrentFormData(): MetadataFormData[]`
+
+Obtiene los datos actuales del formulario sin validar ni guardar. Útil para obtener los valores actuales antes de vincular al registro.
+
+```typescript
+const currentData = this.metadataComponent?.getCurrentFormData();
+```
+
+### Validación de Campos Obligatorios
+
+Para validar que todos los campos obligatorios estén diligenciados antes de crear un registro:
+
+```typescript
+import { MetadataValidationService, ValidateMissingFieldsResponseDto } from '@infodocnpm/ui-components';
+
+export class MyComponent {
+  constructor(private metadataValidationService: MetadataValidationService) {}
+
+  validateRequiredFields(): boolean {
+    const currentData = this.metadataComponent?.getCurrentFormData() || [];
+    const sectionFormId = this.sectionFormId;
+    
+    // Obtener secciones con campos obligatorios
+    const apiUrl = 'https://your-api.com/api/v1/metadata/template/get-all-metadata-for-modal';
+    
+    this.metadataValidationService.validateRequiredFields(apiUrl, [sectionFormId])
+      .subscribe({
+        next: (response) => {
+          if (response.sectionsWithRequiredFields.length > 0) {
+            // Hay campos obligatorios, validar que estén diligenciados
+            const metadataDataMap = new Map();
+            metadataDataMap.set(sectionFormId, {
+              formData: currentData,
+              formStructure: null // Obtener de la estructura cargada
+            });
+
+            const validationResult = this.metadataValidationService.validateMissingRequiredFields(
+              response.sectionsWithRequiredFields,
+              metadataDataMap
+            );
+
+            if (validationResult.hasMissingFields) {
+              console.error('Faltan campos obligatorios:', validationResult.missingSections);
+              return false;
+            }
+          }
+          return true;
+        }
+      });
+
+    return false;
+  }
+}
+```
+
+### Ejemplo Completo de Integración
+
+```typescript
+import { Component, ViewChild } from '@angular/core';
+import { MetadataCrosscuttingComponent, MetadataFormData, MetadataModalFormStructure, ValueMetadataCreateMapper, ValueMetadataCreateRequestDto } from '@infodocnpm/ui-components';
+import { HttpClient } from '@angular/common/http';
+
+@Component({
+  selector: 'app-loan-form',
+  standalone: true,
+  imports: [MetadataCrosscuttingComponent],
+  template: `
+    <form>
+      <!-- Campos del formulario principal -->
+      
+      <!-- Metadatos inline -->
+      <sgdea-metadata-crosscutting
+        #metadataComponent
+        [inlineMode]="true"
+        [autoLoad]="true"
+        [sectionFormId]="'DETAIL_SECTION'"
+        [apiUrl]="metadataApiUrl"
+        [createApiUrl]="metadataCreateApiUrl"
+        (saveModal)="onMetadataSave($event)">
+      </sgdea-metadata-crosscutting>
+
+      <button (click)="createLoan()">Crear Préstamo</button>
+    </form>
+  `
+})
+export class LoanFormComponent {
+  @ViewChild('metadataComponent') metadataComponent?: MetadataCrosscuttingComponent;
+  
+  metadataApiUrl = 'https://api.example.com/api/v1/metadata/template/get-all-metadata-for-modal';
+  metadataCreateApiUrl = 'https://api.example.com/api/v1/metadata/value-metadata/create';
+
+  constructor(private http: HttpClient) {}
+
+  onMetadataSave(data: { formData: MetadataFormData[], formStructure: MetadataModalFormStructure | null }): void {
+    // Guardar localmente si es necesario
+    console.log('Metadata guardado:', data);
+  }
+
+  createLoan(): void {
+    // 1. Crear el préstamo
+    this.http.post('https://api.example.com/api/v1/loans', loanData)
+      .subscribe({
+        next: (response: any) => {
+          const loanId = response.idPrestamo;
+          
+          // 2. Vincular metadatos al préstamo
+          this.linkMetadataToLoan(loanId);
+        }
+      });
+  }
+
+  linkMetadataToLoan(loanId: string): void {
+    const metadataData = this.metadataComponent?.getCurrentFormData() || [];
+    
+    if (metadataData.length === 0) {
+      return;
+    }
+
+    const requestPayload: ValueMetadataCreateRequestDto = ValueMetadataCreateMapper.toRequestDto(
+      metadataData,
+      'DETAIL_SECTION',
+      loanId,
+      null
+    );
+
+    this.http.post(this.metadataCreateApiUrl, requestPayload).subscribe({
+      next: () => {
+        console.log('Metadatos vinculados exitosamente');
+      },
+      error: (error) => {
+        console.error('Error al vincular metadatos:', error);
+      }
+    });
+  }
+}
+```
+
+## Building
+
+Para construir la librería localmente:
+
+```bash
+npm run build:lib
+```
+
+Los artefactos de compilación se guardarán en el directorio `dist/`.
+
+### Publicar la Librería
+
+Una vez construida la librería:
+
+1. Navegar al directorio `dist`:
+   ```bash
+   cd dist/ui-components
+   ```
+
+2. Ejecutar `npm publish` para publicar la librería en el registro de npm:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+Para ejecutar las pruebas unitarias:
+
+```bash
+npm test
+```
+
+## Recursos Adicionales
+
+Para más información sobre Angular CLI, visita [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli).

package/fesm2022/infodocviewdoc.mjs

@@ -0,0 +1,206 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, EventEmitter, Output, Input, signal } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from 'ngx-extended-pdf-viewer';
+import { NgxExtendedPdfViewerModule, NgxExtendedPdfViewerService } from 'ngx-extended-pdf-viewer';
+import * as i1$1 from '@angular/router';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders } from '@angular/common/http';
+import { throwError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+
+class UiComponentsService {
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: UiComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: UiComponentsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: UiComponentsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class UiComponentsComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: UiComponentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: UiComponentsComponent, isStandalone: true, selector: "sgdea-ui-components", ngImport: i0, template: `
+    <p>
+      ui-components works!
+    </p>
+  `, isInline: true, styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: UiComponentsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sgdea-ui-components', imports: [], template: `
+    <p>
+      ui-components works!
+    </p>
+  ` }]
+        }] });
+
+class ButtonComponent {
+    label = 'Click me';
+    type = 'primary';
+    disabled = false;
+    size = 'medium';
+    clicked = new EventEmitter();
+    onClick() {
+        if (!this.disabled) {
+            this.clicked.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: ButtonComponent, isStandalone: true, selector: "sgdea-button", inputs: { label: "label", type: "type", disabled: "disabled", size: "size" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button \r\n  class=\"sgdea-btn sgdea-btn--{{ type }} sgdea-btn--{{ size }}\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"onClick()\">\r\n  {{ label }}\r\n</button>\r\n", styles: [".sgdea-btn{font-family:Arial,sans-serif;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;padding:.5rem 1rem}.sgdea-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0003}.sgdea-btn:disabled{opacity:.6;cursor:not-allowed}.sgdea-btn--primary{background-color:#007bff;color:#fff}.sgdea-btn--primary:hover:not(:disabled){background-color:#0056b3}.sgdea-btn--secondary{background-color:#6c757d;color:#fff}.sgdea-btn--secondary:hover:not(:disabled){background-color:#545b62}.sgdea-btn--danger{background-color:#dc3545;color:#fff}.sgdea-btn--danger:hover:not(:disabled){background-color:#c82333}.sgdea-btn--small{padding:.25rem .5rem;font-size:.875rem}.sgdea-btn--medium{padding:.5rem 1rem;font-size:1rem}.sgdea-btn--large{padding:.75rem 1.5rem;font-size:1.25rem}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sgdea-button', imports: [], template: "<button \r\n  class=\"sgdea-btn sgdea-btn--{{ type }} sgdea-btn--{{ size }}\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"onClick()\">\r\n  {{ label }}\r\n</button>\r\n", styles: [".sgdea-btn{font-family:Arial,sans-serif;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;padding:.5rem 1rem}.sgdea-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0003}.sgdea-btn:disabled{opacity:.6;cursor:not-allowed}.sgdea-btn--primary{background-color:#007bff;color:#fff}.sgdea-btn--primary:hover:not(:disabled){background-color:#0056b3}.sgdea-btn--secondary{background-color:#6c757d;color:#fff}.sgdea-btn--secondary:hover:not(:disabled){background-color:#545b62}.sgdea-btn--danger{background-color:#dc3545;color:#fff}.sgdea-btn--danger:hover:not(:disabled){background-color:#c82333}.sgdea-btn--small{padding:.25rem .5rem;font-size:.875rem}.sgdea-btn--medium{padding:.5rem 1rem;font-size:1rem}.sgdea-btn--large{padding:.75rem 1.5rem;font-size:1.25rem}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+
+class DocumentViewerFileService {
+    http;
+    constructor(http) {
+        this.http = http;
+    }
+    getFileByParams(params) {
+        const endpoint = `${params.url}/api/v1/file/download?objectName=${encodeURIComponent(params.nameFile)}&bucketName=${params.nameBucket}`;
+        const headers = new HttpHeaders({
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${params.token}`
+        });
+        return this.http
+            .post(endpoint, {}, { headers, responseType: 'blob' })
+            .pipe(catchError((error) => {
+            const errorMessages = {
+                0: 'No hay conexión con el servidor',
+                400: 'Solicitud inválida',
+                401: 'No autorizado. Token inválido o expirado',
+                403: 'Acceso denegado',
+                404: 'Archivo no encontrado',
+                500: 'Error interno del servidor'
+            };
+            const message = errorMessages[error.status] ??
+                'Error inesperado al descargar el archivo';
+            return throwError(() => new Error(message));
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DocumentViewerFileService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DocumentViewerFileService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DocumentViewerFileService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+class PdfViewerComponent {
+    route;
+    fileService;
+    pdfService;
+    nameFile;
+    nameBucket;
+    nameSpaceBucket;
+    url;
+    token = '';
+    pdfSrc;
+    loading = signal(false);
+    errorMessage = signal(null);
+    constructor(route, fileService, pdfService) {
+        this.route = route;
+        this.fileService = fileService;
+        this.pdfService = pdfService;
+    }
+    ngOnInit() {
+        // 1) Si el host ya pasó valores por @Input, usarlos directamente
+        if (this.url ||
+            this.nameFile ||
+            this.nameBucket ||
+            this.nameSpaceBucket ||
+            this.token) {
+            this.loadPdf();
+            return;
+        }
+        // 2) Si no hay @Input, intentar leer desde query params (modo microfront original)
+        this.route.queryParams.subscribe((params) => {
+            this.nameFile = this.nameFile ?? params['nameFile'];
+            this.nameBucket = this.nameBucket ?? params['nameBucket'];
+            this.nameSpaceBucket = this.nameSpaceBucket ?? params['nameSpaceBucket'];
+            this.token = this.token || params['token'];
+            this.url = this.url ?? params['url'];
+            if (this.url ||
+                this.nameFile ||
+                this.nameBucket ||
+                this.nameSpaceBucket ||
+                this.token) {
+                this.loadPdf();
+            }
+            else {
+                this.errorMessage.set(`No se han proporcionado los parámetros necesarios {url: ${this.url} nameFile: ${this.nameFile} nameBucket: ${this.nameBucket} nameSpaceBucket: ${this.nameSpaceBucket} token: ${this.token}}`);
+                this.loading.set(false);
+                this.errorMessage.set(null);
+            }
+        });
+    }
+    loadPdf() {
+        this.loading.set(true);
+        this.errorMessage.set(null);
+        this.fileService
+            .getFileByParams({
+            nameFile: this.nameFile,
+            nameBucket: this.nameBucket,
+            nameSpaceBucket: this.nameSpaceBucket,
+            url: this.url,
+            token: this.token,
+        })
+            .subscribe({
+            next: (blob) => {
+                this.pdfSrc = URL.createObjectURL(blob);
+                this.loading.set(false);
+                this.errorMessage.set(null);
+            },
+            error: (err) => {
+                this.loading.set(false);
+                this.errorMessage.set(err.message || 'Error al cargar el documento');
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PdfViewerComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: DocumentViewerFileService }, { token: i3.NgxExtendedPdfViewerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: PdfViewerComponent, isStandalone: true, selector: "sgdea-document-viewer", inputs: { nameFile: "nameFile", nameBucket: "nameBucket", nameSpaceBucket: "nameSpaceBucket", url: "url", token: "token" }, providers: [NgxExtendedPdfViewerService], ngImport: i0, template: "<div *ngIf=\"loading()\" class=\"loader\">\r\n  Cargando documento...\r\n</div>\r\n\r\n<div *ngIf=\"errorMessage() && !loading()\" class=\"error-message\">\r\n  {{ errorMessage() }}\r\n</div>\r\n\r\n<div class=\"pdf-viewer-container\">\r\n  <ngx-extended-pdf-viewer\r\n    *ngIf=\"pdfSrc && !loading()\"\r\n    [src]=\"pdfSrc\"\r\n    height=\"auto\"\r\n    useBrowserLocale=\"false\"\r\n    [showDownloadButton]=\"false\"\r\n    [showPrintButton]=\"false\"\r\n    [showOpenFileButton]=\"false\"\r\n    [showSecondaryToolbarButton]=\"false\"\r\n    [showFirstAndLastPageButtons]=\"false\"\r\n    [showPagingButtons]=\"false\"\r\n    [showZoomButtons]=\"false\"\r\n    [showDrawEditor]=\"false\"\r\n    [showTextEditor]=\"false\"\r\n    [showStampEditor]=\"false\"\r\n    [showHighlightEditor]=\"false\"\r\n  >\r\n  </ngx-extended-pdf-viewer>\r\n</div>\r\n\r\n", styles: [".loader,.error-message{padding:1rem;text-align:center}.error-message{color:#b71c1c;background-color:#ffebee;border:1px solid #ef5350;border-radius:4px;margin:1rem 0}.pdf-viewer-container{flex:1;min-height:0;width:100%;display:flex;flex-direction:column}.pdf-viewer-container ngx-extended-pdf-viewer{flex:1;min-height:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: NgxExtendedPdfViewerModule }, { kind: "component", type: i3.NgxExtendedPdfViewerComponent, selector: "ngx-extended-pdf-viewer", inputs: ["customFindbarInputArea", "customToolbar", "customFindbar", "customFindbarButtons", "customPdfViewer", "customSecondaryToolbar", "customSidebar", "customThumbnail", "customFreeFloatingBar", "showFreeFloatingBar", "enableDragAndDrop", "forceUsingLegacyES5", "formData", "disableForms", "pageViewMode", "scrollMode", "authorization", "httpHeaders", "contextMenuAllowed", "enablePrint", "enablePrintAutoRotate", "forceFullReloadOfJavaScriptCode", "showTextEditor", "showStampEditor", "showCommentEditor", "showDrawEditor", "showHighlightEditor", "showSignatureEditor", "logLevel", "minifiedJSLibraries", "printResolution", "rotation", "src", "base64Src", "minHeight", "height", "backgroundColor", "pdfBackgroundColor", "filenameForDownload", "ignoreKeyboard", "ignoreKeys", "acceptKeys", "imageResourcesPath", "localeFolderPath", "language", "listenToURL", "nameddest", "password", "replaceBrowserPrint", "useInlineScripts", "showUnverifiedSignatures", "startTabindex", "showSidebarButton", "sidebarVisible", "activeSidebarView", "findbarVisible", "propertiesDialogVisible", "showFindButton", "showFindHighlightAll", "showFindMatchCase", "showFindMultiple", "showFindRegexp", "showFindEntireWord", "showFindMatchDiacritics", "showFindResultsCount", "showFindMessages", "showMovePageButton", "showPagingButtons", "showFirstAndLastPageButtons", "showPreviousAndNextPageButtons", "showPageNumber", "showPageLabel", "showZoomButtons", "showZoomDropdown", "showPresentationModeButton", "showOpenFileButton", "showPrintButton", "showDownloadButton", "theme", "showToolbar", "showSecondaryToolbarButton", "showSinglePageModeButton", "showVerticalScrollButton", "showHorizontalScrollButton", "showWrappedScrollButton", "showInfiniteScrollButton", "showBookModeButton", "showRotateButton", "showRotateCwButton", "showRotateCcwButton", "handTool", "showHandToolButton", "showSpreadButton", "showPropertiesButton", "showBorders", "spread", "showScrollingButtons", "page", "pageLabel", "textLayer", "zoom", "zoomLevels", "maxZoom", "minZoom", "mobileFriendlyZoom"], outputs: ["annotationEditorEvent", "formDataChange", "pageViewModeChange", "progress", "srcChange", "scrollModeChange", "afterPrint", "beforePrint", "currentZoomFactor", "rotationChange", "annotationLayerRendered", "annotationEditorLayerRendered", "xfaLayerRendered", "outlineLoaded", "attachmentsloaded", "layersloaded", "sidebarVisibleChange", "activeSidebarViewChange", "findbarVisibleChange", "propertiesDialogVisibleChange", "handToolChange", "spreadChange", "thumbnailDrawn", "pageChange", "pageLabelChange", "pagesLoaded", "pageRender", "pageRendered", "pdfDownloaded", "pdfLoaded", "pdfLoadingStarts", "pdfLoadingFailed", "textLayerRendered", "annotationEditorModeChanged", "updateFindMatchesCount", "updateFindState", "zoomChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PdfViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sgdea-document-viewer', standalone: true, imports: [CommonModule, NgxExtendedPdfViewerModule], providers: [NgxExtendedPdfViewerService], template: "<div *ngIf=\"loading()\" class=\"loader\">\r\n  Cargando documento...\r\n</div>\r\n\r\n<div *ngIf=\"errorMessage() && !loading()\" class=\"error-message\">\r\n  {{ errorMessage() }}\r\n</div>\r\n\r\n<div class=\"pdf-viewer-container\">\r\n  <ngx-extended-pdf-viewer\r\n    *ngIf=\"pdfSrc && !loading()\"\r\n    [src]=\"pdfSrc\"\r\n    height=\"auto\"\r\n    useBrowserLocale=\"false\"\r\n    [showDownloadButton]=\"false\"\r\n    [showPrintButton]=\"false\"\r\n    [showOpenFileButton]=\"false\"\r\n    [showSecondaryToolbarButton]=\"false\"\r\n    [showFirstAndLastPageButtons]=\"false\"\r\n    [showPagingButtons]=\"false\"\r\n    [showZoomButtons]=\"false\"\r\n    [showDrawEditor]=\"false\"\r\n    [showTextEditor]=\"false\"\r\n    [showStampEditor]=\"false\"\r\n    [showHighlightEditor]=\"false\"\r\n  >\r\n  </ngx-extended-pdf-viewer>\r\n</div>\r\n\r\n", styles: [".loader,.error-message{padding:1rem;text-align:center}.error-message{color:#b71c1c;background-color:#ffebee;border:1px solid #ef5350;border-radius:4px;margin:1rem 0}.pdf-viewer-container{flex:1;min-height:0;width:100%;display:flex;flex-direction:column}.pdf-viewer-container ngx-extended-pdf-viewer{flex:1;min-height:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: DocumentViewerFileService }, { type: i3.NgxExtendedPdfViewerService }], propDecorators: { nameFile: [{
+                type: Input
+            }], nameBucket: [{
+                type: Input
+            }], nameSpaceBucket: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], token: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of ui-components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, PdfViewerComponent, UiComponentsComponent, UiComponentsService };
+//# sourceMappingURL=infodocviewdoc.mjs.map

package/fesm2022/infodocviewdoc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"infodocviewdoc.mjs","sources":["../../../projects/ui-components/src/lib/ui-components.service.ts","../../../projects/ui-components/src/lib/ui-components.component.ts","../../../projects/ui-components/src/lib/button/button.component.ts","../../../projects/ui-components/src/lib/button/button.component.html","../../../projects/ui-components/src/lib/document-viewer/services/file.service.ts","../../../projects/ui-components/src/lib/document-viewer/pages/pdf-viewer-page/pdf-viewer.component.ts","../../../projects/ui-components/src/lib/document-viewer/pages/pdf-viewer-page/pdf-viewer.component.html","../../../projects/ui-components/src/public-api.ts","../../../projects/ui-components/src/infodocviewdoc.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class UiComponentsService {\r\n\r\n  constructor() { }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sgdea-ui-components',\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      ui-components works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class UiComponentsComponent {\r\n\r\n}\r\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sgdea-button',\r\n  imports: [],\r\n  templateUrl: './button.component.html',\r\n  styleUrl: './button.component.css'\r\n})\r\nexport class ButtonComponent {\r\n  @Input() label: string = 'Click me';\r\n  @Input() type: 'primary' | 'secondary' | 'danger' = 'primary';\r\n  @Input() disabled: boolean = false;\r\n  @Input() size: 'small' | 'medium' | 'large' = 'medium';\r\n  @Output() clicked = new EventEmitter<void>();\r\n\r\n  onClick() {\r\n    if (!this.disabled) {\r\n      this.clicked.emit();\r\n    }\r\n  }\r\n}\r\n","<button \r\n  class=\"sgdea-btn sgdea-btn--{{ type }} sgdea-btn--{{ size }}\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"onClick()\">\r\n  {{ label }}\r\n</button>\r\n","import { Injectable } from '@angular/core';\r\nimport {\r\n  HttpClient,\r\n  HttpErrorResponse,\r\n  HttpHeaders\r\n} from '@angular/common/http';\r\nimport { Observable, throwError } from 'rxjs';\r\nimport { catchError } from 'rxjs/operators';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class DocumentViewerFileService {\r\n  constructor(private http: HttpClient) {}\r\n\r\n  getFileByParams(params: {\r\n    nameFile: string;\r\n    nameBucket: string;\r\n    nameSpaceBucket: string;\r\n    url: string;\r\n    token: string;\r\n  }): Observable<Blob> {\r\n    const endpoint = `${params.url}/api/v1/file/download?objectName=${encodeURIComponent(\r\n      params.nameFile\r\n    )}&bucketName=${params.nameBucket}`;\r\n\r\n    const headers = new HttpHeaders({\r\n      'Content-Type': 'application/json',\r\n      Authorization: `Bearer ${params.token}`\r\n    });\r\n\r\n    return this.http\r\n      .post(endpoint, {}, { headers, responseType: 'blob' })\r\n      .pipe(\r\n        catchError((error: HttpErrorResponse) => {\r\n          const errorMessages: Record<number, string> = {\r\n            0: 'No hay conexión con el servidor',\r\n            400: 'Solicitud inválida',\r\n            401: 'No autorizado. Token inválido o expirado',\r\n            403: 'Acceso denegado',\r\n            404: 'Archivo no encontrado',\r\n            500: 'Error interno del servidor'\r\n          };\r\n\r\n          const message =\r\n            errorMessages[error.status] ??\r\n            'Error inesperado al descargar el archivo';\r\n\r\n          return throwError(() => new Error(message));\r\n        })\r\n      );\r\n  }\r\n}\r\n\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, Input, OnInit, signal } from '@angular/core';\r\nimport { ActivatedRoute, Params } from '@angular/router';\r\nimport { NgxExtendedPdfViewerModule, NgxExtendedPdfViewerService } from 'ngx-extended-pdf-viewer';\r\nimport { DocumentViewerFileService } from '../../services/file.service';\r\n\r\n@Component({\r\n  selector: 'sgdea-document-viewer',\r\n  standalone: true,\r\n  imports: [CommonModule, NgxExtendedPdfViewerModule],\r\n  templateUrl: './pdf-viewer.component.html',\r\n  styleUrls: ['./pdf-viewer.component.css'],\r\n  providers: [NgxExtendedPdfViewerService]\r\n})\r\nexport class PdfViewerComponent implements OnInit {\r\n  @Input() nameFile?: string;\r\n  @Input() nameBucket?: string;\r\n  @Input() nameSpaceBucket?: string;\r\n  @Input() url?: string;\r\n  @Input() token: string = '';\r\n\r\n  pdfSrc?: string;\r\n  loading = signal<boolean>(false);\r\n  errorMessage = signal<string | null>(null);\r\n\r\n  constructor(\r\n    private route: ActivatedRoute,\r\n    private fileService: DocumentViewerFileService,\r\n    private pdfService: NgxExtendedPdfViewerService\r\n  ) {}\r\n\r\n  ngOnInit(): void {\r\n    // 1) Si el host ya pasó valores por @Input, usarlos directamente\r\n    if (\r\n      this.url ||\r\n      this.nameFile ||\r\n      this.nameBucket ||\r\n      this.nameSpaceBucket ||\r\n      this.token\r\n    ) {\r\n      this.loadPdf();\r\n      return;\r\n    }\r\n\r\n    // 2) Si no hay @Input, intentar leer desde query params (modo microfront original)\r\n    this.route.queryParams.subscribe((params: Params) => {\r\n      this.nameFile = this.nameFile ?? params['nameFile'];\r\n      this.nameBucket = this.nameBucket ?? params['nameBucket'];\r\n      this.nameSpaceBucket = this.nameSpaceBucket ?? params['nameSpaceBucket'];\r\n      this.token = this.token || params['token'];\r\n      this.url = this.url ?? params['url'];\r\n\r\n      if (\r\n        this.url ||\r\n        this.nameFile ||\r\n        this.nameBucket ||\r\n        this.nameSpaceBucket ||\r\n        this.token\r\n      ) {\r\n        this.loadPdf();\r\n      } else {\r\n        this.errorMessage.set(\r\n          `No se han proporcionado los parámetros necesarios {url: ${this.url} nameFile: ${this.nameFile} nameBucket: ${this.nameBucket} nameSpaceBucket: ${this.nameSpaceBucket} token: ${this.token}}`\r\n        );\r\n        this.loading.set(false);\r\n        this.errorMessage.set(null);\r\n      }\r\n    });\r\n  }\r\n\r\n  private loadPdf() {\r\n    this.loading.set(true);\r\n    this.errorMessage.set(null);\r\n\r\n    this.fileService\r\n      .getFileByParams({\r\n        nameFile: this.nameFile!,\r\n        nameBucket: this.nameBucket!,\r\n        nameSpaceBucket: this.nameSpaceBucket!,\r\n        url: this.url!,\r\n        token: this.token!,\r\n      })\r\n      .subscribe({\r\n        next: (blob) => {\r\n          this.pdfSrc = URL.createObjectURL(blob);\r\n          this.loading.set(false);\r\n          this.errorMessage.set(null);\r\n        },\r\n        error: (err: Error) => {\r\n          this.loading.set(false);\r\n          this.errorMessage.set(err.message || 'Error al cargar el documento');\r\n        },\r\n      });\r\n  }\r\n}\r\n\r\n","<div *ngIf=\"loading()\" class=\"loader\">\r\n  Cargando documento...\r\n</div>\r\n\r\n<div *ngIf=\"errorMessage() && !loading()\" class=\"error-message\">\r\n  {{ errorMessage() }}\r\n</div>\r\n\r\n<div class=\"pdf-viewer-container\">\r\n  <ngx-extended-pdf-viewer\r\n    *ngIf=\"pdfSrc && !loading()\"\r\n    [src]=\"pdfSrc\"\r\n    height=\"auto\"\r\n    useBrowserLocale=\"false\"\r\n    [showDownloadButton]=\"false\"\r\n    [showPrintButton]=\"false\"\r\n    [showOpenFileButton]=\"false\"\r\n    [showSecondaryToolbarButton]=\"false\"\r\n    [showFirstAndLastPageButtons]=\"false\"\r\n    [showPagingButtons]=\"false\"\r\n    [showZoomButtons]=\"false\"\r\n    [showDrawEditor]=\"false\"\r\n    [showTextEditor]=\"false\"\r\n    [showStampEditor]=\"false\"\r\n    [showHighlightEditor]=\"false\"\r\n  >\r\n  </ngx-extended-pdf-viewer>\r\n</div>\r\n\r\n","/*\r\n * Public API Surface of ui-components\r\n */\r\n\r\nexport * from './lib/ui-components.service';\r\nexport * from './lib/ui-components.component';\r\nexport * from './lib/button/button.component';\r\nexport * from './lib/document-viewer/pages/pdf-viewer-page/pdf-viewer.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2.DocumentViewerFileService"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="infodocviewdoc" />
+export * from './public-api';

package/lib/button/button.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ButtonComponent {
+    label: string;
+    type: 'primary' | 'secondary' | 'danger';
+    disabled: boolean;
+    size: 'small' | 'medium' | 'large';
+    clicked: EventEmitter<void>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "sgdea-button", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}

package/lib/document-viewer/pages/pdf-viewer-page/pdf-viewer.component.d.ts

@@ -0,0 +1,23 @@
+import { OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { NgxExtendedPdfViewerService } from 'ngx-extended-pdf-viewer';
+import { DocumentViewerFileService } from '../../services/file.service';
+import * as i0 from "@angular/core";
+export declare class PdfViewerComponent implements OnInit {
+    private route;
+    private fileService;
+    private pdfService;
+    nameFile?: string;
+    nameBucket?: string;
+    nameSpaceBucket?: string;
+    url?: string;
+    token: string;
+    pdfSrc?: string;
+    loading: import("@angular/core").WritableSignal<boolean>;
+    errorMessage: import("@angular/core").WritableSignal<string | null>;
+    constructor(route: ActivatedRoute, fileService: DocumentViewerFileService, pdfService: NgxExtendedPdfViewerService);
+    ngOnInit(): void;
+    private loadPdf;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PdfViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdfViewerComponent, "sgdea-document-viewer", never, { "nameFile": { "alias": "nameFile"; "required": false; }; "nameBucket": { "alias": "nameBucket"; "required": false; }; "nameSpaceBucket": { "alias": "nameSpaceBucket"; "required": false; }; "url": { "alias": "url"; "required": false; }; "token": { "alias": "token"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/document-viewer/services/file.service.d.ts

@@ -0,0 +1,16 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class DocumentViewerFileService {
+    private http;
+    constructor(http: HttpClient);
+    getFileByParams(params: {
+        nameFile: string;
+        nameBucket: string;
+        nameSpaceBucket: string;
+        url: string;
+        token: string;
+    }): Observable<Blob>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DocumentViewerFileService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DocumentViewerFileService>;
+}

package/lib/ui-components.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class UiComponentsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiComponentsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiComponentsComponent, "sgdea-ui-components", never, {}, {}, never, never, true, never>;
+}

package/lib/ui-components.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class UiComponentsService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiComponentsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UiComponentsService>;
+}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "infodocviewdoc",
+  "version": "1.0.0",
+  "peerDependencies": {
+    "@angular/animations": "19.2.4",
+    "@angular/cdk": "^19.2.9",
+    "@angular/common": "19.2.4",
+    "@angular/compiler": "19.2.4",
+    "@angular/core": "19.2.4",
+    "@angular/forms": "19.2.4",
+    "@angular/material": "^19.2.9",
+    "@angular/platform-browser": "19.2.4",
+    "@angular/platform-browser-dynamic": "19.2.4",
+    "@angular/router": "19.2.4",
+    "@ngxs/devtools-plugin": "^19.0.0",
+    "@ngxs/storage-plugin": "^19.0.0",
+    "@ngxs/store": "^19.0.0",
+    "@softarc/native-federation-node": "^2.0.10",
+    "@swimlane/ngx-datatable": "^21.0.0-alpha.1",
+    "es-module-shims": "1.5.12",
+    "ngx-extended-pdf-viewer": "^25.6.4",
+    "ngx-skeleton-loader": "^11.0.0",
+    "permission-info-lib": "^0.0.2",
+    "rxjs": "~7.8.0",
+    "sweetalert2": "^11.19.1",
+    "zone.js": "~0.15.0"
+  },
+  "dependencies": {
+    "tslib": "2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/infodocviewdoc.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/infodocviewdoc.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/ui-components.service';
+export * from './lib/ui-components.component';
+export * from './lib/button/button.component';
+export * from './lib/document-viewer/pages/pdf-viewer-page/pdf-viewer.component';