chaqui-catalog-frontend-lib 1.0.0

package/dist/lib/components/catalog-items-select/catalog-items-select.component.js

@@ -0,0 +1,147 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { CatalogService } from '../../services/catalog.service.js';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+let CatalogItemsSelectComponent = class CatalogItemsSelectComponent {
+    catalogService;
+    /**
+     * ID del catálogo del cual cargar los items
+     */
+    catalogId;
+    /**
+     * ID del item actualmente seleccionado (opcional)
+     */
+    selectedItemId;
+    /**
+     * Label del input del catálogo
+     */
+    catalogLabel = 'ID del Catálogo';
+    /**
+     * Placeholder del select de items
+     */
+    itemSelectPlaceholder = 'Selecciona un item';
+    /**
+     * Emite cuando se selecciona un item
+     */
+    itemSelected = new EventEmitter();
+    /**
+     * Emite cuando hay un error al cargar los items
+     */
+    error = new EventEmitter();
+    items = [];
+    isLoading = false;
+    errorMessage = '';
+    destroy$ = new Subject();
+    constructor(catalogService) {
+        this.catalogService = catalogService;
+    }
+    ngOnInit() {
+        if (this.catalogId) {
+            this.loadItems();
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /**
+     * Carga los items del catálogo especificado
+     */
+    loadItems() {
+        if (!this.catalogId) {
+            this.errorMessage = 'Por favor ingresa un ID de catálogo válido';
+            this.error.emit(this.errorMessage);
+            return;
+        }
+        this.isLoading = true;
+        this.errorMessage = '';
+        this.items = [];
+        this.catalogService.getItemsByCatalogId(this.catalogId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (items) => {
+                this.items = items;
+                this.isLoading = false;
+            },
+            error: (err) => {
+                this.isLoading = false;
+                this.errorMessage = err?.message || 'Error al cargar los items del catálogo';
+                this.error.emit(this.errorMessage);
+                console.error('Error cargando items:', err);
+            }
+        });
+    }
+    /**
+     * Maneja el cambio de catálogo
+     * @param event Evento del input
+     */
+    onCatalogIdChange(event) {
+        const value = event.target.value;
+        this.catalogId = value ? Number(value) : null;
+        if (this.catalogId) {
+            this.loadItems();
+        }
+    }
+    /**
+     * Maneja la selección de un item
+     * @param event Evento del select
+     */
+    onItemSelected(event) {
+        const itemId = Number(event.target.value);
+        const selectedItem = this.items.find(item => item.id === itemId);
+        if (selectedItem) {
+            this.itemSelected.emit(selectedItem);
+        }
+    }
+    /**
+     * Obtiene el nombre del item para mostrar en el select
+     * @param item Item del catálogo
+     * @returns Nombre del item o ID si no hay nombre
+     */
+    getItemDisplayName(item) {
+        return item.name || `Item ${item.id}`;
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], CatalogItemsSelectComponent.prototype, "catalogId", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], CatalogItemsSelectComponent.prototype, "selectedItemId", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], CatalogItemsSelectComponent.prototype, "catalogLabel", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], CatalogItemsSelectComponent.prototype, "itemSelectPlaceholder", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], CatalogItemsSelectComponent.prototype, "itemSelected", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], CatalogItemsSelectComponent.prototype, "error", void 0);
+CatalogItemsSelectComponent = __decorate([
+    Component({
+        selector: 'catalog-items-select',
+        templateUrl: './catalog-items-select.component.html',
+        styleUrls: ['./catalog-items-select.component.css']
+    }),
+    __metadata("design:paramtypes", [CatalogService])
+], CatalogItemsSelectComponent);
+export { CatalogItemsSelectComponent };
+//# sourceMappingURL=catalog-items-select.component.js.map

package/dist/lib/components/catalog-items-select/catalog-items-select.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-items-select.component.js","sourceRoot":"","sources":["../../../../src/lib/components/catalog-items-select/catalog-items-select.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnDestroy } from '@angular/core';\nimport { CatalogService } from '../../services/catalog.service.js';\nimport { CatalogItem } from '../../models/catalog.model.js';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n@Component({\n  selector: 'catalog-items-select',\n  templateUrl: './catalog-items-select.component.html',\n  styleUrls: ['./catalog-items-select.component.css']\n})\nexport class CatalogItemsSelectComponent implements OnInit, OnDestroy {\n  /**\n   * ID del catálogo del cual cargar los items\n   */\n  @Input() catalogId!: number;\n\n  /**\n   * ID del item actualmente seleccionado (opcional)\n   */\n  @Input() selectedItemId?: number;\n\n  /**\n   * Label del input del catálogo\n   */\n  @Input() catalogLabel: string = 'ID del Catálogo';\n\n  /**\n   * Placeholder del select de items\n   */\n  @Input() itemSelectPlaceholder: string = 'Selecciona un item';\n\n  /**\n   * Emite cuando se selecciona un item\n   */\n  @Output() itemSelected = new EventEmitter<CatalogItem>();\n\n  /**\n   * Emite cuando hay un error al cargar los items\n   */\n  @Output() error = new EventEmitter<string>();\n\n  items: CatalogItem[] = [];\n  isLoading: boolean = false;\n  errorMessage: string = '';\n\n  private destroy$ = new Subject<void>();\n\n  constructor(private catalogService: CatalogService) {}\n\n  ngOnInit(): void {\n    if (this.catalogId) {\n      this.loadItems();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  /**\n   * Carga los items del catálogo especificado\n   */\n  loadItems(): void {\n    if (!this.catalogId) {\n      this.errorMessage = 'Por favor ingresa un ID de catálogo válido';\n      this.error.emit(this.errorMessage);\n      return;\n    }\n\n    this.isLoading = true;\n    this.errorMessage = '';\n    this.items = [];\n\n    this.catalogService.getItemsByCatalogId(this.catalogId)\n      .pipe(takeUntil(this.destroy$))\n      .subscribe({\n        next: (items: CatalogItem[]) => {\n          this.items = items;\n          this.isLoading = false;\n        },\n        error: (err: any) => {\n          this.isLoading = false;\n          this.errorMessage = err?.message || 'Error al cargar los items del catálogo';\n          this.error.emit(this.errorMessage);\n          console.error('Error cargando items:', err);\n        }\n      });\n  }\n\n  /**\n   * Maneja el cambio de catálogo\n   * @param event Evento del input\n   */\n  onCatalogIdChange(event: any): void {\n    const value = event.target.value;\n    this.catalogId = value ? Number(value) : null as any;\n    if (this.catalogId) {\n      this.loadItems();\n    }\n  }\n\n  /**\n   * Maneja la selección de un item\n   * @param event Evento del select\n   */\n  onItemSelected(event: any): void {\n    const itemId = Number(event.target.value);\n    const selectedItem = this.items.find(item => item.id === itemId);\n    \n    if (selectedItem) {\n      this.itemSelected.emit(selectedItem);\n    }\n  }\n\n  /**\n   * Obtiene el nombre del item para mostrar en el select\n   * @param item Item del catálogo\n   * @returns Nombre del item o ID si no hay nombre\n   */\n  getItemDisplayName(item: CatalogItem): string {\n    return item.name || `Item ${item.id}`;\n  }\n}\n"]}

package/dist/lib/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './catalog-items-select/catalog-items-select.component.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0DAA0D,CAAC"}

package/dist/lib/components/index.js

@@ -0,0 +1,2 @@
+export * from './catalog-items-select/catalog-items-select.component.js';
+//# sourceMappingURL=index.js.map

package/dist/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0DAA0D,CAAC","sourcesContent":["export * from './catalog-items-select/catalog-items-select.component.js';\n"]}

package/dist/lib/config/catalog.config.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Configuración de la librería de Catálogos
+ */
+export interface CatalogConfig {
+    /**
+     * URL base del servicio de catálogos
+     * Ejemplo: 'http://localhost:3000/api'
+     */
+    apiBaseUrl: string;
+}
+/**
+ * Token de inyección para la configuración
+ */
+export declare const CATALOG_CONFIG_TOKEN = "CATALOG_CONFIG";
+//# sourceMappingURL=catalog.config.d.ts.map

package/dist/lib/config/catalog.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.config.d.ts","sourceRoot":"","sources":["../../../src/lib/config/catalog.config.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,mBAAmB,CAAC"}

package/dist/lib/config/catalog.config.js

@@ -0,0 +1,5 @@
+/**
+ * Token de inyección para la configuración
+ */
+export const CATALOG_CONFIG_TOKEN = 'CATALOG_CONFIG';
+//# sourceMappingURL=catalog.config.js.map

package/dist/lib/config/catalog.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.config.js","sourceRoot":"","sources":["../../../src/lib/config/catalog.config.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC","sourcesContent":["/**\n * Configuración de la librería de Catálogos\n */\nexport interface CatalogConfig {\n  /**\n   * URL base del servicio de catálogos\n   * Ejemplo: 'http://localhost:3000/api'\n   */\n  apiBaseUrl: string;\n}\n\n/**\n * Token de inyección para la configuración\n */\nexport const CATALOG_CONFIG_TOKEN = 'CATALOG_CONFIG';\n"]}

package/dist/lib/models/catalog.model.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Interfaz para representar un Catálogo
+ */
+export interface Catalog {
+    id: number;
+    name: string;
+    description?: string;
+}
+/**
+ * Interfaz para representar un Item de Catálogo
+ */
+export interface CatalogItem {
+    id: number;
+    catalogId: number;
+    name: string;
+    description?: string;
+    [key: string]: any;
+}
+/**
+ * Interfaz para la respuesta de error de la API
+ */
+export interface ApiErrorResponse {
+    message: string;
+    status?: number;
+    error?: any;
+}
+//# sourceMappingURL=catalog.model.d.ts.map

package/dist/lib/models/catalog.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.model.d.ts","sourceRoot":"","sources":["../../../src/lib/models/catalog.model.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb"}

package/dist/lib/models/catalog.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=catalog.model.js.map

package/dist/lib/models/catalog.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.model.js","sourceRoot":"","sources":["../../../src/lib/models/catalog.model.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Interfaz para representar un Catálogo\n */\nexport interface Catalog {\n  id: number;\n  name: string;\n  description?: string;\n}\n\n/**\n * Interfaz para representar un Item de Catálogo\n */\nexport interface CatalogItem {\n  id: number;\n  catalogId: number;\n  name: string;\n  description?: string;\n  [key: string]: any;\n}\n\n/**\n * Interfaz para la respuesta de error de la API\n */\nexport interface ApiErrorResponse {\n  message: string;\n  status?: number;\n  error?: any;\n}\n"]}

package/dist/lib/models/index.d.ts

@@ -0,0 +1,2 @@
+export * from './catalog.model.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/models/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/lib/models/index.js

@@ -0,0 +1,2 @@
+export * from './catalog.model.js';
+//# sourceMappingURL=index.js.map

package/dist/lib/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './catalog.model.js';\n"]}

package/dist/lib/services/catalog.service.d.ts

@@ -0,0 +1,33 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { Catalog, CatalogItem } from '../models/catalog.model.js';
+import type { CatalogConfig } from '../config/catalog.config.js';
+export declare class CatalogService {
+    private http;
+    private apiBaseUrl;
+    constructor(http: HttpClient, config: CatalogConfig);
+    /**
+     * Obtiene todos los catálogos disponibles
+     * @returns Observable con la lista de catálogos
+     */
+    getCatalogs(): Observable<Catalog[]>;
+    /**
+     * Obtiene todos los items de un catálogo específico
+     * @param catalogId ID del catálogo
+     * @returns Observable con la lista de items
+     */
+    getItemsByCatalogId(catalogId: number): Observable<CatalogItem[]>;
+    /**
+     * Obtiene un item específico por su ID
+     * @param itemId ID del item
+     * @returns Observable con los datos del item
+     */
+    getItemById(itemId: number): Observable<CatalogItem>;
+    /**
+     * Maneja los errores de las peticiones HTTP
+     * @param error Error de la petición
+     * @returns Observable con el error
+     */
+    private handleError;
+}
+//# sourceMappingURL=catalog.service.d.ts.map

package/dist/lib/services/catalog.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.service.d.ts","sourceRoot":"","sources":["../../../src/lib/services/catalog.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAc,MAAM,MAAM,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAoB,MAAM,4BAA4B,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEjE,qBAGa,cAAc;IAIvB,OAAO,CAAC,IAAI;IAHd,OAAO,CAAC,UAAU,CAAS;gBAGjB,IAAI,EAAE,UAAU,EACM,MAAM,EAAE,aAAa;IAKrD;;;OAGG;IACH,WAAW,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;IAOpC;;;;OAIG;IACH,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;IAOjE;;;;OAIG;IACH,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,CAAC,WAAW,CAAC;IAOpD;;;;OAIG;IACH,OAAO,CAAC,WAAW;CASpB"}

package/dist/lib/services/catalog.service.js

@@ -0,0 +1,74 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Injectable, Inject } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { throwError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+import { CATALOG_CONFIG_TOKEN } from '../config/catalog.config.js';
+let CatalogService = class CatalogService {
+    http;
+    apiBaseUrl;
+    constructor(http, config) {
+        this.http = http;
+        this.apiBaseUrl = config.apiBaseUrl;
+    }
+    /**
+     * Obtiene todos los catálogos disponibles
+     * @returns Observable con la lista de catálogos
+     */
+    getCatalogs() {
+        return this.http.get(`${this.apiBaseUrl}/catalogs`)
+            .pipe(catchError(this.handleError));
+    }
+    /**
+     * Obtiene todos los items de un catálogo específico
+     * @param catalogId ID del catálogo
+     * @returns Observable con la lista de items
+     */
+    getItemsByCatalogId(catalogId) {
+        return this.http.get(`${this.apiBaseUrl}/catalogs/${catalogId}/items`)
+            .pipe(catchError(this.handleError));
+    }
+    /**
+     * Obtiene un item específico por su ID
+     * @param itemId ID del item
+     * @returns Observable con los datos del item
+     */
+    getItemById(itemId) {
+        return this.http.get(`${this.apiBaseUrl}/items/${itemId}`)
+            .pipe(catchError(this.handleError));
+    }
+    /**
+     * Maneja los errores de las peticiones HTTP
+     * @param error Error de la petición
+     * @returns Observable con el error
+     */
+    handleError(error) {
+        const errorResponse = {
+            message: error.message || 'Error en la petición',
+            status: error.status,
+            error: error.error
+        };
+        console.error('Error en CatalogService:', errorResponse);
+        return throwError(() => errorResponse);
+    }
+};
+CatalogService = __decorate([
+    Injectable({
+        providedIn: 'root'
+    }),
+    __param(1, Inject(CATALOG_CONFIG_TOKEN)),
+    __metadata("design:paramtypes", [HttpClient, Object])
+], CatalogService);
+export { CatalogService };
+//# sourceMappingURL=catalog.service.js.map

package/dist/lib/services/catalog.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.service.js","sourceRoot":"","sources":["../../../src/lib/services/catalog.service.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAc,UAAU,EAAE,MAAM,MAAM,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAM5D,IAAM,cAAc,GAApB,MAAM,cAAc;IAIf;IAHF,UAAU,CAAS;IAE3B,YACU,IAAgB,EACM,MAAqB;QAD3C,SAAI,GAAJ,IAAI,CAAY;QAGxB,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IACtC,CAAC;IAED;;;OAGG;IACH,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAY,GAAG,IAAI,CAAC,UAAU,WAAW,CAAC;aAC3D,IAAI,CACH,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAC7B,CAAC;IACN,CAAC;IAED;;;;OAIG;IACH,mBAAmB,CAAC,SAAiB;QACnC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAgB,GAAG,IAAI,CAAC,UAAU,aAAa,SAAS,QAAQ,CAAC;aAClF,IAAI,CACH,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAC7B,CAAC;IACN,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,MAAc;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAc,GAAG,IAAI,CAAC,UAAU,UAAU,MAAM,EAAE,CAAC;aACpE,IAAI,CACH,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAC7B,CAAC;IACN,CAAC;IAED;;;;OAIG;IACK,WAAW,CAAC,KAAU;QAC5B,MAAM,aAAa,GAAqB;YACtC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,sBAAsB;YAChD,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB,CAAC;QACF,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,aAAa,CAAC,CAAC;QACzD,OAAO,UAAU,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;IACzC,CAAC;CACF,CAAA;AA3DY,cAAc;IAH1B,UAAU,CAAC;QACV,UAAU,EAAE,MAAM;KACnB,CAAC;IAMG,WAAA,MAAM,CAAC,oBAAoB,CAAC,CAAA;qCADf,UAAU;GAJf,cAAc,CA2D1B","sourcesContent":["import { Injectable, Inject } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { Observable, throwError } from 'rxjs';\nimport { catchError } from 'rxjs/operators';\nimport { Catalog, CatalogItem, ApiErrorResponse } from '../models/catalog.model.js';\nimport { CATALOG_CONFIG_TOKEN } from '../config/catalog.config.js';\nimport type { CatalogConfig } from '../config/catalog.config.js';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class CatalogService {\n  private apiBaseUrl: string;\n\n  constructor(\n    private http: HttpClient,\n    @Inject(CATALOG_CONFIG_TOKEN) config: CatalogConfig\n  ) {\n    this.apiBaseUrl = config.apiBaseUrl;\n  }\n\n  /**\n   * Obtiene todos los catálogos disponibles\n   * @returns Observable con la lista de catálogos\n   */\n  getCatalogs(): Observable<Catalog[]> {\n    return this.http.get<Catalog[]>(`${this.apiBaseUrl}/catalogs`)\n      .pipe(\n        catchError(this.handleError)\n      );\n  }\n\n  /**\n   * Obtiene todos los items de un catálogo específico\n   * @param catalogId ID del catálogo\n   * @returns Observable con la lista de items\n   */\n  getItemsByCatalogId(catalogId: number): Observable<CatalogItem[]> {\n    return this.http.get<CatalogItem[]>(`${this.apiBaseUrl}/catalogs/${catalogId}/items`)\n      .pipe(\n        catchError(this.handleError)\n      );\n  }\n\n  /**\n   * Obtiene un item específico por su ID\n   * @param itemId ID del item\n   * @returns Observable con los datos del item\n   */\n  getItemById(itemId: number): Observable<CatalogItem> {\n    return this.http.get<CatalogItem>(`${this.apiBaseUrl}/items/${itemId}`)\n      .pipe(\n        catchError(this.handleError)\n      );\n  }\n\n  /**\n   * Maneja los errores de las peticiones HTTP\n   * @param error Error de la petición\n   * @returns Observable con el error\n   */\n  private handleError(error: any) {\n    const errorResponse: ApiErrorResponse = {\n      message: error.message || 'Error en la petición',\n      status: error.status,\n      error: error.error\n    };\n    console.error('Error en CatalogService:', errorResponse);\n    return throwError(() => errorResponse);\n  }\n}\n"]}

package/dist/lib/services/index.d.ts

@@ -0,0 +1,2 @@
+export * from './catalog.service.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/services/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/lib/services/index.js

@@ -0,0 +1,2 @@
+export * from './catalog.service.js';
+//# sourceMappingURL=index.js.map

package/dist/lib/services/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './catalog.service.js';\n"]}

package/dist/public-api.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Exporta todos los módulos, servicios y componentes públicos de la librería
+ */
+export * from './lib/catalog.module.js';
+export * from './lib/services/index.js';
+export * from './lib/models/index.js';
+export * from './lib/components/index.js';
+export * from './lib/config/catalog.config.js';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC"}

package/dist/public-api.js

@@ -0,0 +1,9 @@
+/**
+ * Exporta todos los módulos, servicios y componentes públicos de la librería
+ */
+export * from './lib/catalog.module.js';
+export * from './lib/services/index.js';
+export * from './lib/models/index.js';
+export * from './lib/components/index.js';
+export * from './lib/config/catalog.config.js';
+//# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC","sourcesContent":["/**\n * Exporta todos los módulos, servicios y componentes públicos de la librería\n */\nexport * from './lib/catalog.module.js';\nexport * from './lib/services/index.js';\nexport * from './lib/models/index.js';\nexport * from './lib/components/index.js';\nexport * from './lib/config/catalog.config.js';\n"]}

package/index.ts

@@ -0,0 +1,6 @@
+/**
+ * Librería Angular para Catálogos
+ * 
+ * Exporta todos los módulos, servicios y componentes de la librería
+ */
+export * from './src/public-api.js';

package/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "chaqui-catalog-frontend-lib",
+  "version": "1.0.0",
+  "description": "Librería Angular para consumir el servicio de catálogos",
+  "type": "module",
+  "author": "",
+  "license": "ISC",
+  "scripts": {
+    "build": "tsc -p tsconfig.lib.json",
+    "watch": "tsc -p tsconfig.lib.json --watch"
+  },
+  "peerDependencies": {
+    "@angular/animations": "^15.0.0 || ^16.0.0 || ^17.0.0",
+    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0",
+    "@angular/compiler": "^15.0.0 || ^16.0.0 || ^17.0.0",
+    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0",
+    "@angular/forms": "^15.0.0 || ^16.0.0 || ^17.0.0",
+    "@angular/platform-browser": "^15.0.0 || ^16.0.0 || ^17.0.0",
+    "@angular/platform-browser-dynamic": "^15.0.0 || ^16.0.0 || ^17.0.0",
+    "rxjs": "^7.8.0",
+    "tslib": "^2.4.0",
+    "zone.js": "^0.12.0 || ^0.13.0 || ^0.14.0"
+  },
+  "devDependencies": {
+    "@angular/animations": "^17.3.12",
+    "@angular/common": "^17.3.12",
+    "@angular/compiler": "^17.3.12",
+    "@angular/compiler-cli": "^17.3.12",
+    "@angular/core": "^17.3.12",
+    "@angular/forms": "^17.3.12",
+    "@angular/platform-browser": "^17.3.12",
+    "@angular/platform-browser-dynamic": "^17.3.12",
+    "rxjs": "^7.8.0",
+    "tslib": "^2.4.0",
+    "typescript": "~5.4.0",
+    "zone.js": "^0.14.0"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/public-api.js",
+      "require": "./dist/public-api.js"
+    }
+  }
+}

package/src/lib/catalog.module.ts

@@ -0,0 +1,40 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { HttpClientModule } from '@angular/common/http';
+import { CatalogItemsSelectComponent } from './components/catalog-items-select/catalog-items-select.component.js';
+import { CatalogService } from './services/catalog.service.js';
+import { CATALOG_CONFIG_TOKEN } from './config/catalog.config.js';
+import type { CatalogConfig } from './config/catalog.config.js';
+
+@NgModule({
+  declarations: [CatalogItemsSelectComponent],
+  imports: [CommonModule, HttpClientModule],
+  exports: [CatalogItemsSelectComponent]
+})
+export class CatalogModule {
+  /**
+   * Configura el módulo con la URL base del servicio de catálogos
+   * @param config Configuración del módulo
+   * @returns Módulo configurado con los proveedores
+   * 
+   * @example
+   * // En tu app.module.ts
+   * imports: [
+   *   CatalogModule.forRoot({
+   *     apiBaseUrl: 'http://localhost:3000/api'
+   *   })
+   * ]
+   */
+  static forRoot(config: CatalogConfig): ModuleWithProviders<CatalogModule> {
+    return {
+      ngModule: CatalogModule,
+      providers: [
+        CatalogService,
+        {
+          provide: CATALOG_CONFIG_TOKEN,
+          useValue: config
+        }
+      ]
+    };
+  }
+}

package/src/lib/components/catalog-items-select/catalog-items-select.component.css

@@ -0,0 +1,71 @@
+.catalog-items-select-container {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.form-group {
+  margin-bottom: 1.5rem;
+  display: flex;
+  flex-direction: column;
+}
+
+.form-label {
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  color: #333;
+  font-size: 0.95rem;
+}
+
+.form-input,
+.form-select {
+  padding: 0.75rem 0.75rem;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 1rem;
+  font-family: inherit;
+  transition: border-color 0.2s, box-shadow 0.2s;
+}
+
+.form-input:focus,
+.form-select:focus {
+  outline: none;
+  border-color: #0066cc;
+  box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
+}
+
+.form-input:disabled,
+.form-select:disabled {
+  background-color: #f5f5f5;
+  color: #999;
+  cursor: not-allowed;
+}
+
+.loading {
+  color: #666;
+  font-style: italic;
+  padding: 0.75rem;
+  text-align: center;
+  background-color: #f0f0f0;
+  border-radius: 4px;
+}
+
+.error-message {
+  color: #d32f2f;
+  background-color: #ffebee;
+  padding: 0.75rem;
+  border-radius: 4px;
+  border-left: 4px solid #d32f2f;
+  font-size: 0.9rem;
+}
+
+.no-items {
+  color: #666;
+  padding: 0.75rem;
+  text-align: center;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  font-style: italic;
+}

package/src/lib/components/catalog-items-select/catalog-items-select.component.html

@@ -0,0 +1,43 @@
+<div class="catalog-items-select-container">
+  <div class="form-group">
+    <label for="catalogId" class="form-label">{{ catalogLabel }}</label>
+    <input
+      id="catalogId"
+      type="number"
+      class="form-input"
+      placeholder="Ingresa el ID del catálogo"
+      [value]="catalogId"
+      (change)="onCatalogIdChange($event)"
+      min="1"
+    />
+  </div>
+
+  <div class="form-group">
+    <label for="itemSelect" class="form-label">Items</label>
+    
+    <div *ngIf="isLoading" class="loading">
+      Cargando items...
+    </div>
+
+    <div *ngIf="errorMessage && !isLoading" class="error-message">
+      {{ errorMessage }}
+    </div>
+
+    <select
+      *ngIf="!isLoading && items.length > 0"
+      id="itemSelect"
+      class="form-select"
+      [value]="selectedItemId || ''"
+      (change)="onItemSelected($event)"
+    >
+      <option value="">{{ itemSelectPlaceholder }}</option>
+      <option *ngFor="let item of items" [value]="item.id">
+        {{ getItemDisplayName(item) }}
+      </option>
+    </select>
+
+    <div *ngIf="!isLoading && items.length === 0 && !errorMessage" class="no-items">
+      No hay items disponibles
+    </div>
+  </div>
+</div>