chaqui-catalog-frontend-lib 1.1.0 → 1.1.2

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

@@ -0,0 +1,19 @@
+import { ModuleWithProviders } from '@angular/core';
+import type { CatalogConfig } from './config/catalog.config.js';
+export declare 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:3001/api'
+     *   })
+     * ]
+     */
+    static forRoot(config: CatalogConfig): ModuleWithProviders<CatalogModule>;
+}
+//# sourceMappingURL=catalog.module.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.module.d.ts","sourceRoot":"","sources":["../../src/lib/catalog.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAO9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,qBAKa,aAAa;IACxB;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,aAAa,GAAG,mBAAmB,CAAC,aAAa,CAAC;CAY1E"}

package/dist/lib/catalog.module.js

@@ -0,0 +1,50 @@
+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 CatalogModule_1;
+import { NgModule } 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 { CatalogSelectComponent } from './components/catalog-select/catalog-select.component.js';
+import { CatalogService } from './services/catalog.service.js';
+import { CATALOG_CONFIG_TOKEN } from './config/catalog.config.js';
+let CatalogModule = CatalogModule_1 = 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:3001/api'
+     *   })
+     * ]
+     */
+    static forRoot(config) {
+        return {
+            ngModule: CatalogModule_1,
+            providers: [
+                CatalogService,
+                {
+                    provide: CATALOG_CONFIG_TOKEN,
+                    useValue: config
+                }
+            ]
+        };
+    }
+};
+CatalogModule = CatalogModule_1 = __decorate([
+    NgModule({
+        declarations: [CatalogItemsSelectComponent, CatalogSelectComponent],
+        imports: [CommonModule, HttpClientModule],
+        exports: [CatalogItemsSelectComponent, CatalogSelectComponent]
+    })
+], CatalogModule);
+export { CatalogModule };
+//# sourceMappingURL=catalog.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.module.js","sourceRoot":"","sources":["../../src/lib/catalog.module.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAuB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,2BAA2B,EAAE,MAAM,qEAAqE,CAAC;AAClH,OAAO,EAAE,sBAAsB,EAAE,MAAM,yDAAyD,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAQ3D,IAAM,aAAa,qBAAnB,MAAM,aAAa;IACxB;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,OAAO,CAAC,MAAqB;QAClC,OAAO;YACL,QAAQ,EAAE,eAAa;YACvB,SAAS,EAAE;gBACT,cAAc;gBACd;oBACE,OAAO,EAAE,oBAAoB;oBAC7B,QAAQ,EAAE,MAAM;iBACjB;aACF;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AA1BY,aAAa;IALzB,QAAQ,CAAC;QACR,YAAY,EAAE,CAAC,2BAA2B,EAAE,sBAAsB,CAAC;QACnE,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;QACzC,OAAO,EAAE,CAAC,2BAA2B,EAAE,sBAAsB,CAAC;KAC/D,CAAC;GACW,aAAa,CA0BzB","sourcesContent":["import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HttpClientModule } from '@angular/common/http';\nimport { CatalogItemsSelectComponent } from './components/catalog-items-select/catalog-items-select.component.js';\nimport { CatalogSelectComponent } from './components/catalog-select/catalog-select.component.js';\nimport { CatalogService } from './services/catalog.service.js';\nimport { CATALOG_CONFIG_TOKEN } from './config/catalog.config.js';\nimport type { CatalogConfig } from './config/catalog.config.js';\n\n@NgModule({\n  declarations: [CatalogItemsSelectComponent, CatalogSelectComponent],\n  imports: [CommonModule, HttpClientModule],\n  exports: [CatalogItemsSelectComponent, CatalogSelectComponent]\n})\nexport class CatalogModule {\n  /**\n   * Configura el módulo con la URL base del servicio de catálogos\n   * @param config Configuración del módulo\n   * @returns Módulo configurado con los proveedores\n   * \n   * @example\n   * // En tu app.module.ts\n   * imports: [\n   *   CatalogModule.forRoot({\n   *     apiBaseUrl: 'http://localhost:3001/api'\n   *   })\n   * ]\n   */\n  static forRoot(config: CatalogConfig): ModuleWithProviders<CatalogModule> {\n    return {\n      ngModule: CatalogModule,\n      providers: [\n        CatalogService,\n        {\n          provide: CATALOG_CONFIG_TOKEN,\n          useValue: config\n        }\n      ]\n    };\n  }\n}\n"]}

package/dist/lib/components/catalog-items-select/catalog-items-select.component.d.ts

@@ -0,0 +1,58 @@
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { CatalogService } from '../../services/catalog.service.js';
+import { CatalogItem } from '../../models/catalog.model.js';
+export declare class CatalogItemsSelectComponent implements OnInit, OnDestroy {
+    private catalogService;
+    /**
+     * ID del catálogo del cual cargar los items
+     */
+    catalogId: number;
+    /**
+     * ID del item actualmente seleccionado (opcional)
+     */
+    selectedItemId?: number;
+    /**
+     * Label del input del catálogo
+     */
+    catalogLabel: string;
+    /**
+     * Placeholder del select de items
+     */
+    itemSelectPlaceholder: string;
+    /**
+     * Emite cuando se selecciona un item
+     */
+    itemSelected: EventEmitter<CatalogItem>;
+    /**
+     * Emite cuando hay un error al cargar los items
+     */
+    error: EventEmitter<string>;
+    items: CatalogItem[];
+    isLoading: boolean;
+    errorMessage: string;
+    private destroy$;
+    constructor(catalogService: CatalogService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Carga los items del catálogo especificado
+     */
+    loadItems(): void;
+    /**
+     * Maneja el cambio de catálogo
+     * @param event Evento del input
+     */
+    onCatalogIdChange(event: any): void;
+    /**
+     * Maneja la selección de un item
+     * @param event Evento del select
+     */
+    onItemSelected(event: any): void;
+    /**
+     * 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: CatalogItem): string;
+}
+//# sourceMappingURL=catalog-items-select.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-items-select.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/catalog-items-select/catalog-items-select.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAI5D,qBAKa,2BAA4B,YAAW,MAAM,EAAE,SAAS;IAqCvD,OAAO,CAAC,cAAc;IApClC;;OAEG;IACM,SAAS,EAAG,MAAM,CAAC;IAE5B;;OAEG;IACM,cAAc,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACM,YAAY,EAAE,MAAM,CAAqB;IAElD;;OAEG;IACM,qBAAqB,EAAE,MAAM,CAAwB;IAE9D;;OAEG;IACO,YAAY,4BAAmC;IAEzD;;OAEG;IACO,KAAK,uBAA8B;IAE7C,KAAK,EAAE,WAAW,EAAE,CAAM;IAC1B,SAAS,EAAE,OAAO,CAAS;IAC3B,YAAY,EAAE,MAAM,CAAM;IAE1B,OAAO,CAAC,QAAQ,CAAuB;gBAEnB,cAAc,EAAE,cAAc;IAElD,QAAQ,IAAI,IAAI;IAMhB,WAAW,IAAI,IAAI;IAKnB;;OAEG;IACH,SAAS,IAAI,IAAI;IA2BjB;;;OAGG;IACH,iBAAiB,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAQnC;;;OAGG;IACH,cAAc,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAShC;;;;OAIG;IACH,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM;CAG9C"}

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/catalog-select/catalog-select.component.d.ts

@@ -0,0 +1,58 @@
+import { EventEmitter, OnInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import { CatalogService } from '../../services/catalog.service.js';
+import { Catalog } from '../../models/catalog.model.js';
+export declare class CatalogSelectComponent implements OnInit, OnDestroy, OnChanges {
+    private catalogService;
+    /**
+     * Lista de IDs de catálogos a mostrar en el selector
+     */
+    catalogIds: number[];
+    /**
+     * ID del catálogo actualmente seleccionado (opcional, para valor inicial)
+     */
+    selectedCatalogId?: number;
+    /**
+     * Placeholder del select de catálogos
+     */
+    placeholder: string;
+    /**
+     * Label del selector
+     */
+    label: string;
+    /**
+     * Emite el ID del catálogo seleccionado
+     */
+    catalogSelected: EventEmitter<number>;
+    /**
+     * Emite el objeto Catalog completo del catálogo seleccionado
+     */
+    catalogChange: EventEmitter<Catalog>;
+    /**
+     * Emite cuando hay un error al cargar los catálogos
+     */
+    error: EventEmitter<string>;
+    catalogs: Catalog[];
+    isLoading: boolean;
+    errorMessage: string;
+    private destroy$;
+    constructor(catalogService: CatalogService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * Carga la información de cada catálogo a partir de los IDs recibidos
+     */
+    loadCatalogs(): void;
+    /**
+     * Maneja la selección de un catálogo en el select
+     * @param event Evento del select
+     */
+    onCatalogSelected(event: any): void;
+    /**
+     * Obtiene el nombre del catálogo para mostrar en el select
+     * @param catalog Catálogo
+     * @returns Nombre del catálogo o ID si no hay nombre
+     */
+    getCatalogDisplayName(catalog: Catalog): string;
+}
+//# sourceMappingURL=catalog-select.component.d.ts.map

package/dist/lib/components/catalog-select/catalog-select.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-select.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/catalog-select/catalog-select.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,SAAS,EACT,aAAa,EACd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAIxD,qBAKa,sBAAuB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;IA0C7D,OAAO,CAAC,cAAc;IAzClC;;OAEG;IACM,UAAU,EAAE,MAAM,EAAE,CAAM;IAEnC;;OAEG;IACM,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAEpC;;OAEG;IACM,WAAW,EAAE,MAAM,CAA4B;IAExD;;OAEG;IACM,KAAK,EAAE,MAAM,CAAc;IAEpC;;OAEG;IACO,eAAe,uBAA8B;IAEvD;;OAEG;IACO,aAAa,wBAA+B;IAEtD;;OAEG;IACO,KAAK,uBAA8B;IAE7C,QAAQ,EAAE,OAAO,EAAE,CAAM;IACzB,SAAS,EAAE,OAAO,CAAS;IAC3B,YAAY,EAAE,MAAM,CAAM;IAE1B,OAAO,CAAC,QAAQ,CAAuB;gBAEnB,cAAc,EAAE,cAAc;IAElD,QAAQ,IAAI,IAAI;IAMhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMzC,WAAW,IAAI,IAAI;IAKnB;;OAEG;IACH,YAAY,IAAI,IAAI;IA8BpB;;;OAGG;IACH,iBAAiB,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAWnC;;;;OAIG;IACH,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM;CAGhD"}

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

@@ -0,0 +1,151 @@
+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, forkJoin } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+let CatalogSelectComponent = class CatalogSelectComponent {
+    catalogService;
+    /**
+     * Lista de IDs de catálogos a mostrar en el selector
+     */
+    catalogIds = [];
+    /**
+     * ID del catálogo actualmente seleccionado (opcional, para valor inicial)
+     */
+    selectedCatalogId;
+    /**
+     * Placeholder del select de catálogos
+     */
+    placeholder = 'Selecciona un catálogo';
+    /**
+     * Label del selector
+     */
+    label = 'Catálogo';
+    /**
+     * Emite el ID del catálogo seleccionado
+     */
+    catalogSelected = new EventEmitter();
+    /**
+     * Emite el objeto Catalog completo del catálogo seleccionado
+     */
+    catalogChange = new EventEmitter();
+    /**
+     * Emite cuando hay un error al cargar los catálogos
+     */
+    error = new EventEmitter();
+    catalogs = [];
+    isLoading = false;
+    errorMessage = '';
+    destroy$ = new Subject();
+    constructor(catalogService) {
+        this.catalogService = catalogService;
+    }
+    ngOnInit() {
+        if (this.catalogIds && this.catalogIds.length > 0) {
+            this.loadCatalogs();
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['catalogIds'] && !changes['catalogIds'].firstChange) {
+            this.loadCatalogs();
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /**
+     * Carga la información de cada catálogo a partir de los IDs recibidos
+     */
+    loadCatalogs() {
+        if (!this.catalogIds || this.catalogIds.length === 0) {
+            this.catalogs = [];
+            return;
+        }
+        this.isLoading = true;
+        this.errorMessage = '';
+        this.catalogs = [];
+        const requests = this.catalogIds.map(id => this.catalogService.getCatalogById(id));
+        forkJoin(requests)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (catalogs) => {
+                this.catalogs = catalogs;
+                this.isLoading = false;
+            },
+            error: (err) => {
+                this.isLoading = false;
+                this.errorMessage = err?.message || 'Error al cargar los catálogos';
+                this.error.emit(this.errorMessage);
+                console.error('Error cargando catálogos:', err);
+            }
+        });
+    }
+    /**
+     * Maneja la selección de un catálogo en el select
+     * @param event Evento del select
+     */
+    onCatalogSelected(event) {
+        const catalogId = Number(event.target.value);
+        const selected = this.catalogs.find(c => c.id === catalogId);
+        if (selected) {
+            this.selectedCatalogId = catalogId;
+            this.catalogSelected.emit(catalogId);
+            this.catalogChange.emit(selected);
+        }
+    }
+    /**
+     * Obtiene el nombre del catálogo para mostrar en el select
+     * @param catalog Catálogo
+     * @returns Nombre del catálogo o ID si no hay nombre
+     */
+    getCatalogDisplayName(catalog) {
+        return catalog.name || `Catálogo ${catalog.id}`;
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], CatalogSelectComponent.prototype, "catalogIds", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], CatalogSelectComponent.prototype, "selectedCatalogId", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], CatalogSelectComponent.prototype, "placeholder", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], CatalogSelectComponent.prototype, "label", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], CatalogSelectComponent.prototype, "catalogSelected", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], CatalogSelectComponent.prototype, "catalogChange", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], CatalogSelectComponent.prototype, "error", void 0);
+CatalogSelectComponent = __decorate([
+    Component({
+        selector: 'catalog-select',
+        templateUrl: './catalog-select.component.html',
+        styleUrls: ['./catalog-select.component.css']
+    }),
+    __metadata("design:paramtypes", [CatalogService])
+], CatalogSelectComponent);
+export { CatalogSelectComponent };
+//# sourceMappingURL=catalog-select.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-select.component.js","sourceRoot":"","sources":["../../../../src/lib/components/catalog-select/catalog-select.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit,\n  OnDestroy,\n  OnChanges,\n  SimpleChanges\n} from '@angular/core';\nimport { CatalogService } from '../../services/catalog.service.js';\nimport { Catalog } from '../../models/catalog.model.js';\nimport { Subject, forkJoin } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n@Component({\n  selector: 'catalog-select',\n  templateUrl: './catalog-select.component.html',\n  styleUrls: ['./catalog-select.component.css']\n})\nexport class CatalogSelectComponent implements OnInit, OnDestroy, OnChanges {\n  /**\n   * Lista de IDs de catálogos a mostrar en el selector\n   */\n  @Input() catalogIds: number[] = [];\n\n  /**\n   * ID del catálogo actualmente seleccionado (opcional, para valor inicial)\n   */\n  @Input() selectedCatalogId?: number;\n\n  /**\n   * Placeholder del select de catálogos\n   */\n  @Input() placeholder: string = 'Selecciona un catálogo';\n\n  /**\n   * Label del selector\n   */\n  @Input() label: string = 'Catálogo';\n\n  /**\n   * Emite el ID del catálogo seleccionado\n   */\n  @Output() catalogSelected = new EventEmitter<number>();\n\n  /**\n   * Emite el objeto Catalog completo del catálogo seleccionado\n   */\n  @Output() catalogChange = new EventEmitter<Catalog>();\n\n  /**\n   * Emite cuando hay un error al cargar los catálogos\n   */\n  @Output() error = new EventEmitter<string>();\n\n  catalogs: Catalog[] = [];\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.catalogIds && this.catalogIds.length > 0) {\n      this.loadCatalogs();\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['catalogIds'] && !changes['catalogIds'].firstChange) {\n      this.loadCatalogs();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  /**\n   * Carga la información de cada catálogo a partir de los IDs recibidos\n   */\n  loadCatalogs(): void {\n    if (!this.catalogIds || this.catalogIds.length === 0) {\n      this.catalogs = [];\n      return;\n    }\n\n    this.isLoading = true;\n    this.errorMessage = '';\n    this.catalogs = [];\n\n    const requests = this.catalogIds.map(id =>\n      this.catalogService.getCatalogById(id)\n    );\n\n    forkJoin(requests)\n      .pipe(takeUntil(this.destroy$))\n      .subscribe({\n        next: (catalogs: Catalog[]) => {\n          this.catalogs = catalogs;\n          this.isLoading = false;\n        },\n        error: (err: any) => {\n          this.isLoading = false;\n          this.errorMessage = err?.message || 'Error al cargar los catálogos';\n          this.error.emit(this.errorMessage);\n          console.error('Error cargando catálogos:', err);\n        }\n      });\n  }\n\n  /**\n   * Maneja la selección de un catálogo en el select\n   * @param event Evento del select\n   */\n  onCatalogSelected(event: any): void {\n    const catalogId = Number(event.target.value);\n    const selected = this.catalogs.find(c => c.id === catalogId);\n\n    if (selected) {\n      this.selectedCatalogId = catalogId;\n      this.catalogSelected.emit(catalogId);\n      this.catalogChange.emit(selected);\n    }\n  }\n\n  /**\n   * Obtiene el nombre del catálogo para mostrar en el select\n   * @param catalog Catálogo\n   * @returns Nombre del catálogo o ID si no hay nombre\n   */\n  getCatalogDisplayName(catalog: Catalog): string {\n    return catalog.name || `Catálogo ${catalog.id}`;\n  }\n}\n"]}

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

@@ -0,0 +1,3 @@
+export * from './catalog-items-select/catalog-items-select.component.js';
+export * from './catalog-select/catalog-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;AACzE,cAAc,8CAA8C,CAAC"}

package/dist/lib/components/index.js

@@ -0,0 +1,3 @@
+export * from './catalog-items-select/catalog-items-select.component.js';
+export * from './catalog-select/catalog-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;AACzE,cAAc,8CAA8C,CAAC","sourcesContent":["export * from './catalog-items-select/catalog-items-select.component.js';\nexport * from './catalog-select/catalog-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:3001/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:3001/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,39 @@
+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 un catálogo específico por su ID
+     * @param catalogId ID del catálogo
+     * @returns Observable con los datos del catálogo
+     */
+    getCatalogById(catalogId: number): 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,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC;IAOtD;;;;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,83 @@
+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 un catálogo específico por su ID
+     * @param catalogId ID del catálogo
+     * @returns Observable con los datos del catálogo
+     */
+    getCatalogById(catalogId) {
+        return this.http.get(`${this.apiBaseUrl}/catalogs/${catalogId}`)
+            .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,cAAc,CAAC,SAAiB;QAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAU,GAAG,IAAI,CAAC,UAAU,aAAa,SAAS,EAAE,CAAC;aACtE,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;AAvEY,cAAc;IAH1B,UAAU,CAAC;QACV,UAAU,EAAE,MAAM;KACnB,CAAC;IAMG,WAAA,MAAM,CAAC,oBAAoB,CAAC,CAAA;qCADf,UAAU;GAJf,cAAc,CAuE1B","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 un catálogo específico por su ID\n   * @param catalogId ID del catálogo\n   * @returns Observable con los datos del catálogo\n   */\n  getCatalogById(catalogId: number): Observable<Catalog> {\n    return this.http.get<Catalog>(`${this.apiBaseUrl}/catalogs/${catalogId}`)\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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "chaqui-catalog-frontend-lib",
-  "version": "1.1.0",
-  "description": "Librería Angular para consumir el servicio de catálogos",
+  "version": "1.1.2",
+  "description": "Librería Angular para consumir el servicio de catálogos, los componentes son standalone",
   "type": "module",
   "author": "",
   "license": "ISC",
@@ -35,8 +35,11 @@
     "typescript": "~5.6.0",
     "zone.js": "^0.15.0"
   },
+  "main": "./dist/public-api.js",
+  "types": "./dist/public-api.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/public-api.d.ts",
       "import": "./dist/public-api.js",
       "require": "./dist/public-api.js"
     }

package/src/lib/catalog.module.ts

@@ -2,14 +2,14 @@ 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 { CatalogSelectComponent } from './components/catalog-select/catalog-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]
+  imports: [CommonModule, HttpClientModule, CatalogItemsSelectComponent, CatalogSelectComponent],
+  exports: [CatalogItemsSelectComponent, CatalogSelectComponent]
 })
 export class CatalogModule {
   /**

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

@@ -1,3 +1,4 @@
+import { CommonModule } from '@angular/common';
 import { Component, Input, Output, EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { CatalogService } from '../../services/catalog.service.js';
 import { CatalogItem } from '../../models/catalog.model.js';
@@ -6,6 +7,8 @@ import { takeUntil } from 'rxjs/operators';
 
 @Component({
   selector: 'catalog-items-select',
+  standalone: true,
+  imports: [CommonModule],
   templateUrl: './catalog-items-select.component.html',
   styleUrls: ['./catalog-items-select.component.css']
 })

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

@@ -0,0 +1,68 @@
+.catalog-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-select {
+  padding: 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-select:focus {
+  outline: none;
+  border-color: #0066cc;
+  box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
+}
+
+.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-select/catalog-select.component.html

@@ -0,0 +1,30 @@
+<div class="catalog-select-container">
+  <div class="form-group">
+    <label for="catalogSelect" class="form-label">{{ label }}</label>
+
+    <div *ngIf="isLoading" class="loading">
+      Cargando catálogos...
+    </div>
+
+    <div *ngIf="errorMessage && !isLoading" class="error-message">
+      {{ errorMessage }}
+    </div>
+
+    <select
+      *ngIf="!isLoading && !errorMessage"
+      id="catalogSelect"
+      class="form-select"
+      [value]="selectedCatalogId || ''"
+      (change)="onCatalogSelected($event)"
+    >
+      <option value="">{{ placeholder }}</option>
+      <option *ngFor="let catalog of catalogs" [value]="catalog.id">
+        {{ getCatalogDisplayName(catalog) }}
+      </option>
+    </select>
+
+    <div *ngIf="!isLoading && catalogs.length === 0 && !errorMessage && catalogIds.length > 0" class="no-items">
+      No hay catálogos disponibles
+    </div>
+  </div>
+</div>

package/src/lib/components/catalog-select/catalog-select.component.ts

@@ -0,0 +1,141 @@
+import {
+  Component,
+  Input,
+  Output,
+  EventEmitter,
+  OnInit,
+  OnDestroy,
+  OnChanges,
+  SimpleChanges
+} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CatalogService } from '../../services/catalog.service.js';
+import { Catalog } from '../../models/catalog.model.js';
+import { Subject, forkJoin } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+@Component({
+  selector: 'catalog-select',
+  standalone: true,
+  imports: [CommonModule],
+  templateUrl: './catalog-select.component.html',
+  styleUrls: ['./catalog-select.component.css']
+})
+export class CatalogSelectComponent implements OnInit, OnDestroy, OnChanges {
+  /**
+   * Lista de IDs de catálogos a mostrar en el selector
+   */
+  @Input() catalogIds: number[] = [];
+
+  /**
+   * ID del catálogo actualmente seleccionado (opcional, para valor inicial)
+   */
+  @Input() selectedCatalogId?: number;
+
+  /**
+   * Placeholder del select de catálogos
+   */
+  @Input() placeholder: string = 'Selecciona un catálogo';
+
+  /**
+   * Label del selector
+   */
+  @Input() label: string = 'Catálogo';
+
+  /**
+   * Emite el ID del catálogo seleccionado
+   */
+  @Output() catalogSelected = new EventEmitter<number>();
+
+  /**
+   * Emite el objeto Catalog completo del catálogo seleccionado
+   */
+  @Output() catalogChange = new EventEmitter<Catalog>();
+
+  /**
+   * Emite cuando hay un error al cargar los catálogos
+   */
+  @Output() error = new EventEmitter<string>();
+
+  catalogs: Catalog[] = [];
+  isLoading: boolean = false;
+  errorMessage: string = '';
+
+  private destroy$ = new Subject<void>();
+
+  constructor(private catalogService: CatalogService) {}
+
+  ngOnInit(): void {
+    if (this.catalogIds && this.catalogIds.length > 0) {
+      this.loadCatalogs();
+    }
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes['catalogIds'] && !changes['catalogIds'].firstChange) {
+      this.loadCatalogs();
+    }
+  }
+
+  ngOnDestroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
+  }
+
+  /**
+   * Carga la información de cada catálogo a partir de los IDs recibidos
+   */
+  loadCatalogs(): void {
+    if (!this.catalogIds || this.catalogIds.length === 0) {
+      this.catalogs = [];
+      return;
+    }
+
+    this.isLoading = true;
+    this.errorMessage = '';
+    this.catalogs = [];
+
+    const requests = this.catalogIds.map(id =>
+      this.catalogService.getCatalogById(id)
+    );
+
+    forkJoin(requests)
+      .pipe(takeUntil(this.destroy$))
+      .subscribe({
+        next: (catalogs: Catalog[]) => {
+          this.catalogs = catalogs;
+          this.isLoading = false;
+        },
+        error: (err: any) => {
+          this.isLoading = false;
+          this.errorMessage = err?.message || 'Error al cargar los catálogos';
+          this.error.emit(this.errorMessage);
+          console.error('Error cargando catálogos:', err);
+        }
+      });
+  }
+
+  /**
+   * Maneja la selección de un catálogo en el select
+   * @param event Evento del select
+   */
+  onCatalogSelected(event: any): void {
+    const catalogId = Number(event.target.value);
+    const selected = this.catalogs.find(c => c.id === catalogId);
+
+    if (selected) {
+      this.selectedCatalogId = catalogId;
+      this.catalogSelected.emit(catalogId);
+      this.catalogChange.emit(selected);
+    }
+  }
+
+  /**
+   * Obtiene el nombre del catálogo para mostrar en el select
+   * @param catalog Catálogo
+   * @returns Nombre del catálogo o ID si no hay nombre
+   */
+  getCatalogDisplayName(catalog: Catalog): string {
+    return catalog.name || `Catálogo ${catalog.id}`;
+  }
+}

package/src/lib/components/index.ts

@@ -1 +1,2 @@
 export * from './catalog-items-select/catalog-items-select.component.js';
+export * from './catalog-select/catalog-select.component.js';

package/src/lib/services/catalog.service.ts

@@ -30,6 +30,18 @@ export class CatalogService {
       );
   }
 
+  /**
+   * Obtiene un catálogo específico por su ID
+   * @param catalogId ID del catálogo
+   * @returns Observable con los datos del catálogo
+   */
+  getCatalogById(catalogId: number): Observable<Catalog> {
+    return this.http.get<Catalog>(`${this.apiBaseUrl}/catalogs/${catalogId}`)
+      .pipe(
+        catchError(this.handleError)
+      );
+  }
+
   /**
    * Obtiene todos los items de un catálogo específico
    * @param catalogId ID del catálogo