npm - @c80/ui - Versions diffs - 1.0.52 → 1.0.54 - Mend

@c80/ui 1.0.52 → 1.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

package/esm2022/lib/table/table.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table.component.ts","../../../../../libs/ui/src/lib/table/table.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n type OnInit,\n type OnDestroy,\n Component,\n ChangeDetectionStrategy,\n input,\n signal,\n computed,\n output,\n inject,\n} from '@angular/core';\nimport type { Observable, Subscription } from 'rxjs';\nimport { C80IconComponent } from '../icon';\nimport { TableColumnVisibilityService } from './table-column-visibility.service';\nimport { TableDataUtilsService } from './table-data-utils.service';\nimport { TableDataConverterService } from './table-data-converter.service';\nimport { TableSelectionService } from './table-selection.service';\nimport { TableCrudStateService } from './table-crud-state.service';\nimport type { C80TableColDef, CustomTableAction } from './table.types';\nimport { C80ModalComponent, ModalService } from '../modal';\nimport {\n booleanAttribute,\n getErrorMessage,\n getInputValue,\n trackById,\n shouldShowAction,\n getActionTooltip,\n} from './table.utils';\n\n/*\n C80TableComponent - Componente de tabla avanzado con funcionalidades CRUD\n \n COMPORTAMIENTO DE VISIBILIDAD DE COLUMNAS:\n * ========================================\n \n 1. PRIORIDAD MÁXIMA - visible: false\n * - La columna se oculta SIEMPRE, sin excepciones\n * - Ni en modo creación ni en modo edición se muestra\n \n 2. OCULTACIÓN AUTOMÁTICA - hideIfAllValuesAreNull: true\n * - La columna se oculta solo si TODOS los valores actuales están vacíos\n * - Valores considerados vacíos: null, undefined, '', [], {}\n * - Valores NO vacíos: 0, false (son valores válidos)\n * - EXCEPCIONES IMPORTANTES:\n * * En modo creación (creating=true) estas columnas SÍ se muestran\n * * En modo edición de una fila específica se muestran SOLO si esa fila tiene valor\n \n 3. POR DEFECTO - Columnas normales\n * - Se muestran siempre (visualización, creación y edición)\n \n VALORES POR DEFECTO EN CREACIÓN:\n * ===============================\n \n - Propiedad `default?: unknown` permite definir valores por defecto para modo creación\n * - Solo se aplica cuando se inicia el modo creación (startCreate)\n * - Puede ser cualquier tipo: string, number, boolean, etc.\n * - Si no se especifica `default`, se usa cadena vacía ('')\n \n VALORES DINÁMICOS EN CREACIÓN Y EDICIÓN:\n * =======================================\n \n - Input `inputValues$?: Observable<Partial<T>>` permite actualizar valores dinámicamente\n * - Solo se aplica durante modo creación (creating=true) o edición (editing!=null)\n * - Los valores se aplican automáticamente cuando el Observable emite\n * - Permite cambios múltiples durante el mismo modo de creación/edición\n * - Los nuevos valores sobrescriben los existentes (spread operator)\n \n TIPOS DE DATOS SOPORTADOS:\n * =========================\n \n - 'string': Texto normal (default)\n * - 'number': Números decimales (preserva decimales: 5.3 → 5.3)\n * - 'integer': Números enteros (convierte a entero: 5.3 → 5)\n * - 'boolean': Verdadero/Falso (checkbox)\n * - 'password': Texto oculto (input type=\"password\")\n * - 'enum': Lista de opciones predefinidas (select)\n \n SISTEMA DE ACCIONES UNIFICADO (customActions):\n * =============================================\n \n Input: `customActions: CustomTableAction[]` - Array de acciones dinámicas\n * Output: `(actionClick)` - Evento unificado que emite { action: string, row: T }\n \n ACCIONES CRUD PREDEFINIDAS (TABLE_CRUD_ACTIONS):\n * ------------------------------------------------\n * - CREATE: Solo aparece como botón \"+\" en header (no en filas)\n * - UPDATE: Activa modo edición (muestra inputs), botón \"✓\" guarda cambios\n * - DELETE: Muestra confirmación y emite evento delete\n * - CANCEL: Muestra confirmación y emite evento cancel (opcional)\n \n ACCIONES PERSONALIZADAS (Custom Actions):\n * -----------------------------------------\n * Interfaz: { name: string, icon: IconType, condition?: (row) => boolean, tooltip?: string }\n * - name: ID único de la acción\n * - icon: Icono del botón (ej: 'settings', 'upload', 'refresh')\n * - condition: Función opcional para mostrar/ocultar según estado de fila\n * - tooltip: Texto al hacer hover (default: name)\n \n MANEJO EN COMPONENTE:\n * --------------------\n * ```typescript\n * // 1. Definir acciones en constants:\n * export const ENTITY_TABLE_ACTIONS: CustomTableAction[] = [\n * TABLE_CRUD_ACTIONS.CREATE,\n * TABLE_CRUD_ACTIONS.UPDATE,\n * { name: 'custom-action', icon: 'settings', tooltip: 'Configurar' },\n * TABLE_CRUD_ACTIONS.DELETE\n * ];\n \n // 2. En el componente:\n * readonly tableActions = ENTITY_TABLE_ACTIONS;\n \n handleAction({ action, row }) {\n * const entity = row as unknown as EntityType;\n * switch (action) {\n * case 'create': this.onCreate(row); break;\n * case 'update': this.onUpdate(entity); break;\n * case 'delete': this.onDelete(entity.id); break;\n * case 'custom-action': this.onCustom(entity); break;\n * }\n * }\n * ```\n \n ACCIONES CON CONDICIÓN:\n * ----------------------\n * ```typescript\n * {\n * name: 'enable',\n * icon: 'toggleOn',\n * tooltip: 'Habilitar',\n * condition: (row) => row['enabled'] === false\n * }\n * ```\n \n CONSTANTES REUTILIZABLES:\n * ------------------------\n * - TABLE_CRUD_ACTIONS: Objeto con CREATE, UPDATE, DELETE, CANCEL\n * - BASIC_CRUD_ACTIONS: Array con [CREATE, UPDATE, DELETE]\n * Importar desde: `@shared` o `@shared/constants`\n \n EJEMPLOS COMPLETOS:\n * ------------------\n * - { accessor: 'id', visible: false } → NUNCA se muestra\n * - { accessor: 'motorPos', hideIfAllValuesAreNull: true, default: 0, type: 'integer' } → Entero (5.7 → 5)\n * - { accessor: 'weight', type: 'number', default: 2.5 } → Decimal preservado (5.7 → 5.7)\n * - { accessor: 'status', default: 'active' } → Se autorellena con 'active' en creación\n * - { accessor: 'name' } → Siempre visible, sin valor por defecto (cadena vacía)\n * - inputValues$ emite { motorPos: 5, weight: 2.3 } → actualiza inputs dinámicamente\n * - customActions con CREATE → Muestra botón \"+\" en header\n * - customActions con UPDATE → Botón \"edit\" activa modo edición\n * - customActions con custom → Botón personalizado emite evento\n /@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'c80-table',\n standalone: true,\n imports: [C80IconComponent, C80ModalComponent],\n templateUrl: './table.component.html',\n styleUrl: './table.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class C80TableComponent<T extends Record<string, unknown>> implements OnInit, OnDestroy {\n // Servicios inyectados\n private readonly modalService = inject(ModalService);\n private readonly visibilityService = inject(TableColumnVisibilityService);\n private readonly dataUtils = inject(TableDataUtilsService);\n private readonly dataConverter = inject(TableDataConverterService);\n private readonly selectionService = inject(TableSelectionService);\n private readonly crudService = inject(TableCrudStateService);\n\n // Inputs\n readonly data$ = input.required<Observable<T[]>>();\n readonly columns = input<C80TableColDef[]>([]);\n readonly inputValues$ = input<Observable<Partial<T>>>(); // Observable para actualizar valores de inputs dinámicamente en creación/edición\n readonly customActions = input<CustomTableAction[]>([]); // Acciones personalizadas dinámicas\n readonly size = input(0); // Tamaño de la tabla (0 = sin límite, > 0 aplica max-height)\n readonly multiple = input(true); // Permite selección múltiple por defecto\n readonly searchable = input(false, { transform: booleanAttribute }); // Si es true, muestra barra de búsqueda\n readonly allowSelection = input(false, { transform: booleanAttribute }); // Si es true, permite selección de filas\n readonly noConfirm = input(false, { transform: booleanAttribute }); // Si es true, no muestra confirmaciones modales\n\n // Outputs - Acciones unificadas (Angular 18+ output API)\n readonly actionClick = output<{ action: string; row: T }>(); // Output unificado para TODAS las acciones (CRUD + custom)\n\n // Outputs - Utilidades\n readonly searchTerm = output<string>();\n readonly errorEvent = output<string>();\n readonly selectable = output<T[]>();\n\n // Estado principal\n readonly data = signal<T[]>([]);\n readonly searchValue = signal<string>('');\n\n // Estado de selección (delegado a servicio)\n private readonly selectionState = this.selectionService.createSelectionState<T>();\n readonly selectedItems = this.selectionState.selectedItems;\n readonly selectAllChecked = this.selectionState.selectAllChecked;\n readonly selectAllIndeterminate = this.selectionState.selectAllIndeterminate;\n\n // Estado CRUD (delegado a servicio)\n private readonly crudState = this.crudService.createCrudState<T>();\n readonly creating = this.crudState.creating;\n readonly newRow = this.crudState.newRow;\n readonly editing = this.crudState.editing;\n readonly editRow = this.crudState.editRow;\n\n // Keys visibles computed automáticamente\n readonly keys = computed(() =>\n this.visibilityService.updateVisibleKeys(\n this.columns(),\n this.data(),\n this.creating(),\n this.editing()\n )\n );\n\n // Computed - Detecta acciones CRUD y custom\n readonly hasAnyActions = computed(() => this.customActions().length > 0);\n readonly hasCrudCreate = computed(() => this.customActions().some(a => a.name === 'create'));\n readonly hasCrudUpdate = computed(() => this.customActions().some(a => a.name === 'update'));\n readonly hasCrudDelete = computed(() => this.customActions().some(a => a.name === 'delete'));\n readonly hasCrudCancel = computed(() => this.customActions().some(a => a.name === 'cancel'));\n\n // Table max height computed\n readonly tableMaxHeight = computed(() =>\n this.dataUtils.getTableMaxHeight(this.size())\n );\n\n private dataSub?: Subscription;\n private inputValuesSub?: Subscription;\n\n /\n Maneja input de creación/edición de forma unificada\n /\n private handleInput(\n event: Event,\n key: string,\n col: C80TableColDef \| undefined,\n isEdit: boolean\n ): void {\n const updateFn = isEdit\n ? this.crudState.updateEditRow.bind(this.crudState)\n : this.crudState.updateNewRow.bind(this.crudState);\n\n const value = getInputValue(event, col);\n if (value !== undefined) {\n updateFn(key, value);\n }\n }\n\n /\n Maneja confirmación modal de forma genérica\n /\n private async handleConfirmAction(\n title: string,\n message: string,\n confirmText: string,\n action: () => void\n ): Promise<void> {\n if (this.noConfirm()) {\n action();\n return;\n }\n\n const confirmed = await this.modalService.confirm(\n title,\n message,\n confirmText,\n 'Cancelar'\n );\n\n if (confirmed) {\n action();\n }\n }\n\n\n\n ngOnInit() {\n const data$ = this.data$();\n if (!data$) return;\n this.dataSub = data$.subscribe({\n next: (items) => {\n this.dataUtils.applySorting(items, this.columns());\n this.data.set(items);\n this.preserveSelection();\n },\n error: (err: unknown) =>\n this.errorEvent.emit(getErrorMessage(err)),\n });\n\n // Suscribirse a inputValues$ para actualizar valores dinámicamente en creación/edición\n const inputValues$ = this.inputValues$();\n if (inputValues$) {\n this.inputValuesSub = inputValues$.subscribe({\n next: (partialValues) => {\n this.crudState.applyInputValues(partialValues);\n },\n error: (err: unknown) =>\n console.warn('Error en inputValues$:', getErrorMessage(err)),\n });\n }\n }\n\n ngOnDestroy() {\n this.dataSub?.unsubscribe();\n this.inputValuesSub?.unsubscribe();\n\n // Close any open modal when component is destroyed\n this.modalService.closeModal();\n }\n\n onInput(event: Event, key: string, col?: C80TableColDef): void {\n this.handleInput(event, key, col, false);\n }\n\n onEditInput(event: Event, key: string, col?: C80TableColDef): void {\n this.handleInput(event, key, col, true);\n }\n\n async onDelete(row: T): Promise<void> {\n await this.handleConfirmAction(\n 'Confirmar eliminación',\n '¿Está seguro de que desea eliminar este elemento? Esta acción no se puede deshacer.',\n 'Eliminar',\n () => this.actionClick.emit({ action: 'delete', row })\n );\n }\n\n async onCancel(row: T): Promise<void> {\n await this.handleConfirmAction(\n 'Confirmar cancelación',\n '¿Está seguro de que desea cancelar este elemento?',\n 'Cancelar elemento',\n () => this.actionClick.emit({ action: 'cancel', row })\n );\n }\n\n startCreate(): void {\n this.crudState.startCreate(this.columns(), this.data());\n }\n\n cancelCreate(): void {\n this.crudState.cancelCreate();\n }\n\n saveCreate(): void {\n const current = this.newRow();\n if (current) {\n const convertedRow = this.convertRowTypes(current);\n this.actionClick.emit({ action: 'create', row: convertedRow as T });\n this.cancelCreate();\n }\n }\n\n onEdit(row: T): void {\n this.crudState.startEdit(row, this.columns(), this.data());\n }\n\n cancelEdit(): void {\n this.crudState.cancelEdit();\n }\n\n saveEdit(row: T): void {\n const changes = this.editRow();\n if (changes) {\n const convertedChanges = this.convertRowTypes(changes);\n const updatedRow = { ...row, ...convertedChanges } as T;\n this.actionClick.emit({ action: 'update', row: updatedRow });\n this.cancelEdit();\n }\n }\n\n /\n Convierte todos los valores de una fila según los tipos definidos en las columnas\n * Asegura que los datos emitidos tengan el tipo correcto (integer, number, boolean, etc.)\n /\n private convertRowTypes(row: Partial<T>): Partial<T> {\n const converted: Record<string, unknown> = {};\n const columnsMap = new Map(this.columns().map(col => [col.accessor, col]));\n\n for (const [key, value] of Object.entries(row)) {\n const col = columnsMap.get(key);\n if (col) {\n converted[key] = this.dataConverter.convertCellValue(value, col);\n } else {\n converted[key] = value;\n }\n }\n\n return converted as Partial<T>;\n }\n\n /\n TrackBy function for ngFor to avoid DOM re-creation (NG0956 warning).\n /\n readonly trackById = trackById<T>;\n\n /\n Verifica si una acción personalizada debe mostrarse para una fila específica\n /\n readonly shouldShowAction = shouldShowAction<T>;\n\n /\n Obtiene el tooltip de una acción\n /\n readonly getActionTooltip = getActionTooltip;\n\n /\n Maneja el click en una acción personalizada dinámica\n * UPDATE activa el modo edición, otras acciones emiten directamente\n * Si la acción tiene configuración de confirmación, muestra modal antes de ejecutar\n /\n onDynamicAction(action: CustomTableAction, row: T): void {\n if (action.name === 'update') {\n this.onEdit(row);\n return;\n }\n\n if (action.name === 'delete') {\n void this.onDelete(row);\n return;\n }\n\n if (action.name === 'cancel') {\n void this.onCancel(row);\n return;\n }\n\n // Si la acción tiene confirmación configurada, mostrar modal\n if (action.confirmation) {\n void this.handleActionWithConfirmation(action, row);\n return;\n }\n\n // Sin confirmación, emitir directamente\n this.actionClick.emit({ action: action.name, row });\n }\n\n /\n Maneja acciones que requieren confirmación del usuario\n /\n private async handleActionWithConfirmation(action: CustomTableAction, row: T): Promise<void> {\n if (!action.confirmation) return;\n\n const confirmed = await this.modalService.confirm(\n action.confirmation.title,\n action.confirmation.message,\n action.confirmation.confirmText ?? 'Confirmar',\n action.confirmation.cancelText ?? 'Cancelar'\n );\n\n if (confirmed) {\n this.actionClick.emit({ action: action.name, row });\n }\n }\n\n /\n Handles search input changes with debouncing\n /\n onSearchInput(event: Event): void {\n const target = event.target as HTMLInputElement;\n const value = target.value;\n this.searchValue.set(value);\n this.searchTerm.emit(value);\n }\n\n /\n Clears the search input\n /\n clearSearch(): void {\n this.searchValue.set('');\n this.searchTerm.emit('');\n }\n\n // Referencias readonly a métodos de servicios (evita wrappers innecesarios)\n readonly getCellValue = this.dataUtils.getCellValue.bind(this.dataUtils);\n readonly getDisplayValue = this.dataUtils.getDisplayValue.bind(this.dataUtils);\n readonly getEnumDisplayValue = this.dataUtils.getEnumDisplayValue.bind(this.dataUtils);\n readonly getEnumOptions = this.dataUtils.getEnumOptions.bind(this.dataUtils);\n readonly getCellColor = this.dataUtils.getCellColor.bind(this.dataUtils);\n\n /\n Selection methods\n /\n clearSelection(): void {\n this.selectionState.clearSelection();\n this.selectionService.emitSelection(this.selectionState as never, this.data(), this.selectable);\n }\n\n /\n Mantiene la selección existente después de actualizar los datos,\n * eliminando solo los IDs que ya no existen en los nuevos datos\n /\n private preserveSelection(): void {\n this.selectionState.preserveSelection(this.data());\n this.selectionService.emitSelection(this.selectionState as never, this.data(), this.selectable);\n }\n\n toggleSelectAll(): void {\n this.selectionState.toggleSelectAll(this.data());\n this.selectionService.emitSelection(this.selectionState as never, this.data(), this.selectable);\n }\n\n toggleItemSelection(item: T): void {\n this.selectionState.toggleItemSelection(item, this.multiple());\n this.selectionService.emitSelection(this.selectionState as never, this.data(), this.selectable);\n }\n\n isItemSelected(item: T): boolean {\n return this.selectionState.isItemSelected(item);\n }\n\n\n\n // Métodos de visibilidad delegados a servicio\n isColumnVisible(column: C80TableColDef): boolean {\n return this.visibilityService.isColumnVisible(column, this.data(), {\n creating: this.creating(),\n row: this.newRow() ?? undefined\n });\n }\n\n isColumnVisibleInHeader(column: C80TableColDef): boolean {\n return this.visibilityService.isColumnVisibleInHeader(\n column,\n this.data(),\n this.creating(),\n this.editing()\n );\n }\n\n isColumnVisibleForRow(column: C80TableColDef, row: T): boolean {\n return this.visibilityService.isColumnVisibleForRow(\n column,\n row,\n this.data(),\n this.editing()\n );\n }\n\n /\n Obtiene el color de una acción considerando el tema actual.\n * Si la acción tiene color explícito, lo usa. Si no, aplica color por tema.\n /\n getActionColor(action: CustomTableAction): string \| undefined {\n // Delete siempre en rojo (color warn de Material)\n if (action.name === 'delete') {\n return undefined; // Deja que el atributo [color]=\"warn\" lo maneje\n }\n\n // Si la acción tiene color explícito (rojo/verde para toggles), respetarlo\n if (action.color) {\n return action.color;\n }\n\n // Para acciones sin color explícito, usar el color de dark mode\n return '#e9ecef';\n }\n}\n","<!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n<div class=\"table-responsive\" [style.max-height]=\"tableMaxHeight()\" [style.overflow-y]=\"size() > 0 ? 'auto' : 'visible'\">\n <!-- Search Bar -->\n @if (searchable()) {\n <div class=\"search-container\">\n <div class=\"search-input-wrapper\">\n <div class=\"input-group\">\n <span class=\"input-group-text\">\n <c80-icon icon=\"search\" [size]=\".65\" [button]=\"false\" color=\"dark\" />\n </span>\n <input type=\"text\" class=\"form-control search-input\" placeholder=\"Buscar...\" [value]=\"searchValue()\" (input)=\"onSearchInput($event)\" aria-label=\"Buscar en la tabla\" />\n @if (searchValue()) {\n <button class=\"btn btn-outline-secondary btn-borrar\" type=\"button\" (click)=\"clearSearch()\" title=\"Limpiar búsqueda\">\n <c80-icon icon=\"cancel\" [size]=\".6\" color=\"dark\" />\n </button>\n }\n </div>\n </div>\n </div>\n }\n\n <table class=\"table table-bordered table-hover align-middle\">\n <thead class=\"thead table-light sticky-header\">\n <tr>\n @if (allowSelection() && data().length !== 0) {\n <th class=\"text-center selection-column\">\n @if (multiple()) {\n <input type=\"checkbox\" [checked]=\"selectAllChecked()\" [indeterminate]=\"selectAllIndeterminate()\" (change)=\"toggleSelectAll()\" aria-label=\"Seleccionar todo\" />\n }\n </th>\n }\n @for (col of columns(); track col) {\n @if (isColumnVisibleInHeader(col)) {\n @if (col.type === 'boolean') {\n <th class=\"text-center boolean-column\">{{ col.label }}</th>\n }\n @else if (col.type === 'number' \|\| col.type === 'integer') {\n <th class=\"text-center number-column\">{{ col.label }}</th>\n }\n @else {\n <th>{{ col.label }}</th>\n }\n }\n }\n @if (hasAnyActions()) {\n <th class=\"table-actions-header\">\n <div class=\"actions-wrapper\">\n <span>Actions</span>\n @if (hasCrudCreate()) {\n <c80-icon button icon=\"add\" [disabled]=\"creating()\" title=\"Agregar\" [size]=\".6\" (iconClick)=\"startCreate()\" color=\"dark\" />\n }\n </div>\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (row of data(); track trackById(i, row); let i = $index) {\n <tr>\n @if (allowSelection() && data().length !== 0) {\n <td class=\"text-center selection-column\">\n <input type=\"checkbox\" [checked]=\"isItemSelected(row)\" (change)=\"toggleItemSelection(row)\" [attr.aria-label]=\"'Seleccionar fila ' + (i + 1)\" />\n </td>\n }\n @for (col of columns(); track col) {\n @if (isColumnVisibleForRow(col, row)) {\n @if (col.type === 'boolean') {\n <td class=\"text-center boolean-column\">\n @if (editing() === row['id'] && !col.readOnly) {\n <input type=\"checkbox\" [checked]=\"!!editRow()?.[col.accessor]\" (change)=\"onEditInput($event, col.accessor, col)\" [attr.aria-label]=\"col.label\" />\n }\n @else {\n @if (getCellValue(row, col.accessor) === true) {\n <c80-icon icon=\"check\" [size]=\".7\" color=\"dark\" />\n <br />\n }\n @else if (getCellValue(row, col.accessor) === false) {\n <c80-icon icon=\"cancel\" [size]=\".7\" color=\"dark\" />\n <br />\n }\n }\n </td>\n }\n @else if (col.type === 'number' \|\| col.type === 'integer') {\n <td class=\"text-center number-column\">\n @if (editing() === row['id'] && !col.readOnly) {\n <input class=\"form-control form-control-sm\" type=\"number\" [value]=\"editRow()?.[col.accessor] ?? ''\" [placeholder]=\"col.label\" [min]=\"col.min\" [max]=\"col.max\" [step]=\"col.type === 'integer' ? '1' : 'any'\"\n (input)=\"onEditInput($event, col.accessor, col)\" />\n }\n @else {\n <!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n <span [style.color]=\"getCellColor(getCellValue(row, col.accessor), col)\">{{ getDisplayValue(getCellValue(row,\n col.accessor), col) }}</span>\n }\n </td>\n }\n @else {\n <td>\n @if (editing() === row['id'] && !col.readOnly) {\n @if (col.type === 'enum') {\n <select class=\"form-control form-control-sm\" [value]=\"editRow()?.[col.accessor] ?? ''\" (change)=\"onEditInput($event, col.accessor, col)\">\n <option value=\"\">{{ col.label }}</option>\n @for (option of getEnumOptions(col); track option.value) {\n <option [value]=\"option.value\">{{ option.label }}</option>\n }\n </select>\n }\n @else {\n <input class=\"form-control form-control-sm\" [type]=\"col.type === 'password' ? 'password' : 'text'\" [value]=\"editRow()?.[col.accessor] ?? ''\" [placeholder]=\"col.label\" (input)=\"onEditInput($event, col.accessor, col)\" />\n }\n }\n @else {\n @if (col.type === 'password') {\n <!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n <span [style.color]=\"getCellColor(getCellValue(row, col.accessor), col)\">*****</span>\n }\n @else if (col.type === 'enum') {\n <!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n <span [style.color]=\"getCellColor(getCellValue(row, col.accessor), col)\">{{\n getEnumDisplayValue(getCellValue(row, col.accessor), col)\n }}</span>\n }\n @else if (getCellValue(row, col.accessor) === true) {\n <c80-icon icon=\"check\" [size]=\".7\" color=\"dark\" />\n }\n @else if (getCellValue(row, col.accessor) === false) {\n <c80-icon icon=\"cancel\" [size]=\".7\" color=\"dark\" />\n }\n @else {\n <!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n <span [style.color]=\"getCellColor(getCellValue(row, col.accessor), col)\">{{ getDisplayValue(getCellValue(row,\n col.accessor), col) }}</span>\n }\n }\n </td>\n }\n }\n }\n @if (hasAnyActions()) {\n <td class=\"text-center actions-cell\">\n <div class=\"actions-container\">\n @if (editing() === row['id']) {\n <!-- Modo edición: mostrar guardar y cancelar -->\n @if (hasCrudUpdate()) {\n <c80-icon button icon=\"check\" title=\"Guardar\" (iconClick)=\"saveEdit(row)\" [size]=\".7\" color=\"dark\" />\n }\n <c80-icon button icon=\"cancel\" color=\"warn\" title=\"Cancelar\" (iconClick)=\"cancelEdit()\" [size]=\".7\" />\n }\n @else {\n @for (action of customActions(); track action.name) {\n @if (shouldShowAction(action, row)) {\n <c80-icon button [icon]=\"action.icon\" [customColor]=\"getActionColor(action)\" [color]=\"action.name === 'delete' ? 'warn' : 'primary'\" [title]=\"getActionTooltip(action)\" (iconClick)=\"onDynamicAction(action, row)\" [size]=\".7\" />\n }\n }\n }\n </div>\n </td>\n }\n </tr>\n }\n @if (creating() && hasCrudCreate()) {\n <tr>\n @if (allowSelection() && data().length !== 0) {\n <td class=\"text-center selection-column\">\n <!-- Empty cell for alignment -->\n </td>\n }\n @for (col of columns(); track col) {\n @if (isColumnVisible(col)) {\n @if (col.type === 'boolean') {\n <td class=\"text-center\">\n @if (!col.readOnly) {\n <input type=\"checkbox\" [checked]=\"!!newRow()?.[col.accessor]\" (change)=\"onInput($event, col.accessor, col)\" [attr.aria-label]=\"col.label\" />\n }\n @else {\n <!-- ReadOnly boolean column in create mode shows empty -->\n <span class=\"text-muted\">-</span>\n }\n </td>\n } @else if (col.type === 'number' \|\| col.type === 'integer') {\n <td class=\"text-center number-column\">\n @if (!col.readOnly) {\n <input class=\"form-control form-control-sm\" type=\"number\" [value]=\"newRow()?.[col.accessor] ?? ''\" [placeholder]=\"col.label\" [min]=\"col.min\" [max]=\"col.max\" [step]=\"col.type === 'integer' ? '1' : 'any'\"\n (input)=\"onInput($event, col.accessor, col)\" />\n }\n @else {\n <!-- ReadOnly number column in create mode shows empty -->\n <span class=\"text-muted\">-</span>\n }\n </td>\n } @else {\n <td>\n @if (!col.readOnly) {\n @if (col.type === 'enum') {\n <select class=\"form-control form-control-sm\" [value]=\"newRow()?.[col.accessor] ?? ''\" (change)=\"onInput($event, col.accessor, col)\">\n <option value=\"\">{{ col.label }}</option>\n @for (option of getEnumOptions(col); track option.value) {\n <option [value]=\"option.value\">{{ option.label }}</option>\n }\n </select>\n }\n @else {\n <input class=\"form-control form-control-sm\" type=\"text\" [value]=\"newRow()?.[col.accessor] ?? ''\" [placeholder]=\"col.label\" (input)=\"onInput($event, col.accessor, col)\" />\n }\n }\n @else {\n <!-- ReadOnly column in create mode shows empty -->\n <span class=\"text-muted\">-</span>\n }\n </td>\n }\n }\n }\n <td class=\"text-center actions-cell\">\n <div class=\"actions-container\">\n @if (hasCrudCreate()) {\n <c80-icon button icon=\"check\" title=\"Guardar\" (iconClick)=\"saveCreate()\" [size]=\".7\" color=\"dark\" />\n }\n <c80-icon button icon=\"cancel\" color=\"warn\" title=\"Cancelar\" (iconClick)=\"cancelCreate()\" [size]=\".7\" />\n </div>\n </td>\n </tr>\n }\n </tbody>\n </table>\n @if (data().length === 0 && !creating()) {\n <div class=\"text-center text-muted py-3 small\">\n No hay datos para mostrar.\n </div>\n }\n</div>\n\n<c80-modal />"]}
1	+ {"version":3,"file":"table.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table.component.ts","../../../../../libs/ui/src/lib/table/table.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n type OnInit,\n type OnDestroy,\n Component,\n ChangeDetectionStrategy,\n input,\n signal,\n computed,\n output,\n inject,\n} from '@angular/core';\nimport type { Observable, Subscription } from 'rxjs';\nimport { C80IconComponent } from '../icon';\nimport { TableColumnVisibilityService } from './table-column-visibility.service';\nimport { TableDataUtilsService } from './table-data-utils.service';\nimport { TableDataConverterService } from './table-data-converter.service';\nimport { TableSelectionService } from './table-selection.service';\nimport { TableCrudStateService } from './table-crud-state.service';\nimport type { C80TableColDef, CustomTableAction } from './table.types';\nimport { C80ModalComponent, ModalService } from '../modal';\nimport {\n booleanAttribute,\n getErrorMessage,\n getInputValue,\n trackById,\n shouldShowAction,\n getActionTooltip,\n} from './table.utils';\n\n/*\n C80TableComponent - Componente de tabla avanzado con funcionalidades CRUD\n \n COMPORTAMIENTO DE VISIBILIDAD DE COLUMNAS:\n * ========================================\n \n 1. PRIORIDAD MÁXIMA - visible: false\n * - La columna se oculta SIEMPRE, sin excepciones\n * - Ni en modo creación ni en modo edición se muestra\n \n 2. OCULTACIÓN AUTOMÁTICA - hideIfAllValuesAreNull: true\n * - La columna se oculta solo si TODOS los valores actuales están vacíos\n * - Valores considerados vacíos: null, undefined, '', [], {}\n * - Valores NO vacíos: 0, false (son valores válidos)\n * - EXCEPCIONES IMPORTANTES:\n * * En modo creación (creating=true) estas columnas SÍ se muestran\n * * En modo edición de una fila específica se muestran SOLO si esa fila tiene valor\n \n 3. POR DEFECTO - Columnas normales\n * - Se muestran siempre (visualización, creación y edición)\n \n VALORES POR DEFECTO EN CREACIÓN:\n * ===============================\n \n - Propiedad `default?: unknown` permite definir valores por defecto para modo creación\n * - Solo se aplica cuando se inicia el modo creación (startCreate)\n * - Puede ser cualquier tipo: string, number, boolean, etc.\n * - Si no se especifica `default`, se usa cadena vacía ('')\n \n VALORES DINÁMICOS EN CREACIÓN Y EDICIÓN:\n * =======================================\n \n - Input `inputValues$?: Observable<Partial<T>>` permite actualizar valores dinámicamente\n * - Solo se aplica durante modo creación (creating=true) o edición (editing!=null)\n * - Los valores se aplican automáticamente cuando el Observable emite\n * - Permite cambios múltiples durante el mismo modo de creación/edición\n * - Los nuevos valores sobrescriben los existentes (spread operator)\n \n TIPOS DE DATOS SOPORTADOS:\n * =========================\n \n - 'string': Texto normal (default)\n * - 'number': Números decimales (preserva decimales: 5.3 → 5.3)\n * - 'integer': Números enteros (convierte a entero: 5.3 → 5)\n * - 'boolean': Verdadero/Falso (checkbox)\n * - 'password': Texto oculto (input type=\"password\")\n * - 'enum': Lista de opciones predefinidas (select)\n \n SISTEMA DE ACCIONES UNIFICADO (customActions):\n * =============================================\n \n Input: `customActions: CustomTableAction[]` - Array de acciones dinámicas\n * Output: `(actionClick)` - Evento unificado que emite { action: string, row: T }\n \n ACCIONES CRUD PREDEFINIDAS (TABLE_CRUD_ACTIONS):\n * ------------------------------------------------\n * - CREATE: Solo aparece como botón \"+\" en header (no en filas)\n * - UPDATE: Activa modo edición (muestra inputs), botón \"✓\" guarda cambios\n * - DELETE: Muestra confirmación y emite evento delete\n * - CANCEL: Muestra confirmación y emite evento cancel (opcional)\n \n ACCIONES PERSONALIZADAS (Custom Actions):\n * -----------------------------------------\n * Interfaz: { name: string, icon: IconType, condition?: (row) => boolean, tooltip?: string }\n * - name: ID único de la acción\n * - icon: Icono del botón (ej: 'settings', 'upload', 'refresh')\n * - condition: Función opcional para mostrar/ocultar según estado de fila\n * - tooltip: Texto al hacer hover (default: name)\n \n MANEJO EN COMPONENTE:\n * --------------------\n * ```typescript\n * // 1. Definir acciones en constants:\n * export const ENTITY_TABLE_ACTIONS: CustomTableAction[] = [\n * TABLE_CRUD_ACTIONS.CREATE,\n * TABLE_CRUD_ACTIONS.UPDATE,\n * { name: 'custom-action', icon: 'settings', tooltip: 'Configurar' },\n * TABLE_CRUD_ACTIONS.DELETE\n * ];\n \n // 2. En el componente:\n * readonly tableActions = ENTITY_TABLE_ACTIONS;\n \n handleAction({ action, row }) {\n * const entity = row as unknown as EntityType;\n * switch (action) {\n * case 'create': this.onCreate(row); break;\n * case 'update': this.onUpdate(entity); break;\n * case 'delete': this.onDelete(entity.id); break;\n * case 'custom-action': this.onCustom(entity); break;\n * }\n * }\n * ```\n \n ACCIONES CON CONDICIÓN:\n * ----------------------\n * ```typescript\n * {\n * name: 'enable',\n * icon: 'toggleOn',\n * tooltip: 'Habilitar',\n * condition: (row) => row['enabled'] === false\n * }\n * ```\n \n CONSTANTES REUTILIZABLES:\n * ------------------------\n * - TABLE_CRUD_ACTIONS: Objeto con CREATE, UPDATE, DELETE, CANCEL\n * - BASIC_CRUD_ACTIONS: Array con [CREATE, UPDATE, DELETE]\n * Importar desde: `@shared` o `@shared/constants`\n \n EJEMPLOS COMPLETOS:\n * ------------------\n * - { accessor: 'id', visible: false } → NUNCA se muestra\n * - { accessor: 'motorPos', hideIfAllValuesAreNull: true, default: 0, type: 'integer' } → Entero (5.7 → 5)\n * - { accessor: 'weight', type: 'number', default: 2.5 } → Decimal preservado (5.7 → 5.7)\n * - { accessor: 'status', default: 'active' } → Se autorellena con 'active' en creación\n * - { accessor: 'name' } → Siempre visible, sin valor por defecto (cadena vacía)\n * - inputValues$ emite { motorPos: 5, weight: 2.3 } → actualiza inputs dinámicamente\n * - customActions con CREATE → Muestra botón \"+\" en header\n * - customActions con UPDATE → Botón \"edit\" activa modo edición\n * - customActions con custom → Botón personalizado emite evento\n /@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'c80-table',\n standalone: true,\n imports: [C80IconComponent, C80ModalComponent],\n templateUrl: './table.component.html',\n styleUrl: './table.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class C80TableComponent<T extends Record<string, unknown>> implements OnInit, OnDestroy {\n // Servicios inyectados\n private readonly modalService = inject(ModalService);\n private readonly visibilityService = inject(TableColumnVisibilityService);\n private readonly dataUtils = inject(TableDataUtilsService);\n private readonly dataConverter = inject(TableDataConverterService);\n private readonly selectionService = inject(TableSelectionService);\n private readonly crudService = inject(TableCrudStateService);\n\n // Inputs\n readonly data$ = input.required<Observable<T[]>>();\n readonly columns = input<C80TableColDef[]>([]);\n readonly inputValues$ = input<Observable<Partial<T>>>(); // Observable para actualizar valores de inputs dinámicamente en creación/edición\n readonly customActions = input<CustomTableAction[]>([]); // Acciones personalizadas dinámicas\n readonly size = input(0); // Tamaño de la tabla (0 = sin límite, > 0 aplica max-height)\n readonly multiple = input(true); // Permite selección múltiple por defecto\n readonly searchable = input(false, { transform: booleanAttribute }); // Si es true, muestra barra de búsqueda\n readonly allowSelection = input(false, { transform: booleanAttribute }); // Si es true, permite selección de filas\n readonly noConfirm = input(false, { transform: booleanAttribute }); // Si es true, no muestra confirmaciones modales\n\n // Outputs - Acciones unificadas (Angular 18+ output API)\n readonly actionClick = output<{ action: string; row: T }>(); // Output unificado para TODAS las acciones (CRUD + custom)\n\n // Outputs - Utilidades\n readonly searchTerm = output<string>();\n readonly errorEvent = output<string>();\n readonly selectable = output<T[]>();\n\n // Estado principal\n readonly data = signal<T[]>([]);\n readonly searchValue = signal<string>('');\n\n // Estado de selección (delegado a servicio)\n private readonly selectionState = this.selectionService.createSelectionState<T>();\n readonly selectedItems = this.selectionState.selectedItems;\n readonly selectAllChecked = this.selectionState.selectAllChecked;\n readonly selectAllIndeterminate = this.selectionState.selectAllIndeterminate;\n\n // Estado CRUD (delegado a servicio)\n private readonly crudState = this.crudService.createCrudState<T>();\n readonly creating = this.crudState.creating;\n readonly newRow = this.crudState.newRow;\n readonly editing = this.crudState.editing;\n readonly editRow = this.crudState.editRow;\n\n // Keys visibles computed automáticamente\n readonly keys = computed(() =>\n this.visibilityService.updateVisibleKeys(\n this.columns(),\n this.data(),\n this.creating(),\n this.editing()\n )\n );\n\n // Computed - Detecta acciones CRUD y custom\n readonly hasAnyActions = computed(() => this.customActions().length > 0);\n readonly hasCrudCreate = computed(() => this.customActions().some(a => a.name === 'create'));\n readonly hasCrudUpdate = computed(() => this.customActions().some(a => a.name === 'update'));\n readonly hasCrudDelete = computed(() => this.customActions().some(a => a.name === 'delete'));\n readonly hasCrudCancel = computed(() => this.customActions().some(a => a.name === 'cancel'));\n\n // Table max height computed\n readonly tableMaxHeight = computed(() =>\n this.dataUtils.getTableMaxHeight(this.size())\n );\n\n private dataSub?: Subscription;\n private inputValuesSub?: Subscription;\n\n /\n Maneja input de creación/edición de forma unificada\n /\n private handleInput(\n event: Event,\n key: string,\n col: C80TableColDef \| undefined,\n isEdit: boolean\n ): void {\n const updateFn = isEdit\n ? this.crudState.updateEditRow.bind(this.crudState)\n : this.crudState.updateNewRow.bind(this.crudState);\n\n const value = getInputValue(event, col);\n if (value !== undefined) {\n updateFn(key, value);\n }\n }\n\n /\n Maneja confirmación modal de forma genérica\n /\n private async handleConfirmAction(\n title: string,\n message: string,\n confirmText: string,\n action: () => void\n ): Promise<void> {\n if (this.noConfirm()) {\n action();\n return;\n }\n\n const confirmed = await this.modalService.confirm(\n title,\n message,\n confirmText,\n 'Cancelar'\n );\n\n if (confirmed) {\n action();\n }\n }\n\n\n\n ngOnInit() {\n const data$ = this.data$();\n if (!data$) return;\n this.dataSub = data$.subscribe({\n next: (items) => {\n this.dataUtils.applySorting(items, this.columns());\n this.data.set(items);\n this.preserveSelection();\n },\n error: (err: unknown) =>\n this.errorEvent.emit(getErrorMessage(err)),\n });\n\n // Suscribirse a inputValues$ para actualizar valores dinámicamente en creación/edición\n const inputValues$ = this.inputValues$();\n if (inputValues$) {\n this.inputValuesSub = inputValues$.subscribe({\n next: (partialValues) => {\n this.crudState.applyInputValues(partialValues);\n },\n error: (err: unknown) =>\n console.warn('Error en inputValues$:', getErrorMessage(err)),\n });\n }\n }\n\n ngOnDestroy() {\n this.dataSub?.unsubscribe();\n this.inputValuesSub?.unsubscribe();\n\n // Close any open modal when component is destroyed\n this.modalService.closeModal();\n }\n\n onInput(event: Event, key: string, col?: C80TableColDef): void {\n this.handleInput(event, key, col, false);\n }\n\n onEditInput(event: Event, key: string, col?: C80TableColDef): void {\n this.handleInput(event, key, col, true);\n }\n\n async onDelete(row: T): Promise<void> {\n await this.handleConfirmAction(\n 'Confirmar eliminación',\n '¿Está seguro de que desea eliminar este elemento? Esta acción no se puede deshacer.',\n 'Eliminar',\n () => this.actionClick.emit({ action: 'delete', row })\n );\n }\n\n async onCancel(row: T): Promise<void> {\n await this.handleConfirmAction(\n 'Confirmar cancelación',\n '¿Está seguro de que desea cancelar este elemento?',\n 'Cancelar elemento',\n () => this.actionClick.emit({ action: 'cancel', row })\n );\n }\n\n startCreate(): void {\n this.crudState.startCreate(this.columns(), this.data());\n }\n\n cancelCreate(): void {\n this.crudState.cancelCreate();\n }\n\n saveCreate(): void {\n const current = this.newRow();\n if (current) {\n const convertedRow = this.convertRowTypes(current);\n this.actionClick.emit({ action: 'create', row: convertedRow as T });\n this.cancelCreate();\n }\n }\n\n onEdit(row: T): void {\n this.crudState.startEdit(row, this.columns(), this.data());\n }\n\n cancelEdit(): void {\n this.crudState.cancelEdit();\n }\n\n saveEdit(row: T): void {\n const changes = this.editRow();\n if (changes) {\n const convertedChanges = this.convertRowTypes(changes);\n const updatedRow = { ...row, ...convertedChanges } as T;\n this.actionClick.emit({ action: 'update', row: updatedRow });\n this.cancelEdit();\n }\n }\n\n /\n Convierte todos los valores de una fila según los tipos definidos en las columnas\n * Asegura que los datos emitidos tengan el tipo correcto (integer, number, boolean, etc.)\n /\n private convertRowTypes(row: Partial<T>): Partial<T> {\n const converted: Record<string, unknown> = {};\n const columnsMap = new Map(this.columns().map(col => [col.accessor, col]));\n\n for (const [key, value] of Object.entries(row)) {\n const col = columnsMap.get(key);\n if (col) {\n converted[key] = this.dataConverter.convertCellValue(value, col);\n } else {\n converted[key] = value;\n }\n }\n\n return converted as Partial<T>;\n }\n\n /\n TrackBy function for ngFor to avoid DOM re-creation (NG0956 warning).\n /\n readonly trackById = trackById<T>;\n\n /\n Verifica si una acción personalizada debe mostrarse para una fila específica\n /\n readonly shouldShowAction = shouldShowAction<T>;\n\n /\n Obtiene el tooltip de una acción\n /\n readonly getActionTooltip = getActionTooltip;\n\n /\n Maneja el click en una acción personalizada dinámica\n * UPDATE activa el modo edición, otras acciones emiten directamente\n * Si la acción tiene configuración de confirmación, muestra modal antes de ejecutar\n /\n onDynamicAction(action: CustomTableAction, row: T): void {\n if (action.name === 'update') {\n this.onEdit(row);\n return;\n }\n\n if (action.name === 'delete') {\n void this.onDelete(row);\n return;\n }\n\n if (action.name === 'cancel') {\n void this.onCancel(row);\n return;\n }\n\n // Si la acción tiene confirmación configurada, mostrar modal\n if (action.confirmation) {\n void this.handleActionWithConfirmation(action, row);\n return;\n }\n\n // Sin confirmación, emitir directamente\n this.actionClick.emit({ action: action.name, row });\n }\n\n /\n Maneja acciones que requieren confirmación del usuario\n /\n private async handleActionWithConfirmation(action: CustomTableAction, row: T): Promise<void> {\n if (!action.confirmation) return;\n\n const confirmed = await this.modalService.confirm(\n action.confirmation.title,\n action.confirmation.message,\n action.confirmation.confirmText ?? 'Confirmar',\n action.confirmation.cancelText ?? 'Cancelar'\n );\n\n if (confirmed) {\n this.actionClick.emit({ action: action.name, row });\n }\n }\n\n /\n Handles search input changes with debouncing\n /\n onSearchInput(event: Event): void {\n const target = event.target as HTMLInputElement;\n const value = target.value;\n this.searchValue.set(value);\n this.searchTerm.emit(value);\n }\n\n /\n Clears the search input\n /\n clearSearch(): void {\n this.searchValue.set('');\n this.searchTerm.emit('');\n }\n\n // Referencias readonly a métodos de servicios (evita wrappers innecesarios)\n readonly getCellValue = this.dataUtils.getCellValue.bind(this.dataUtils);\n readonly getDisplayValue = this.dataUtils.getDisplayValue.bind(this.dataUtils);\n readonly getEnumDisplayValue = this.dataUtils.getEnumDisplayValue.bind(this.dataUtils);\n readonly getEnumOptions = this.dataUtils.getEnumOptions.bind(this.dataUtils);\n readonly getCellColor = this.dataUtils.getCellColor.bind(this.dataUtils);\n\n /\n Selection methods\n /\n clearSelection(): void {\n this.selectionState.clearSelection();\n this.selectionService.emitSelection(this.selectionState as never, this.data(), this.selectable);\n }\n\n /\n Mantiene la selección existente después de actualizar los datos,\n * eliminando solo los IDs que ya no existen en los nuevos datos\n /\n private preserveSelection(): void {\n this.selectionState.preserveSelection(this.data());\n this.selectionService.emitSelection(this.selectionState as never, this.data(), this.selectable);\n }\n\n toggleSelectAll(): void {\n this.selectionState.toggleSelectAll(this.data());\n this.selectionService.emitSelection(this.selectionState as never, this.data(), this.selectable);\n }\n\n toggleItemSelection(item: T): void {\n this.selectionState.toggleItemSelection(item, this.multiple());\n this.selectionService.emitSelection(this.selectionState as never, this.data(), this.selectable);\n }\n\n isItemSelected(item: T): boolean {\n return this.selectionState.isItemSelected(item);\n }\n\n\n\n // Métodos de visibilidad delegados a servicio\n isColumnVisible(column: C80TableColDef): boolean {\n return this.visibilityService.isColumnVisible(column, this.data(), {\n creating: this.creating(),\n row: this.newRow() ?? undefined\n });\n }\n\n isColumnVisibleInHeader(column: C80TableColDef): boolean {\n return this.visibilityService.isColumnVisibleInHeader(\n column,\n this.data(),\n this.creating(),\n this.editing()\n );\n }\n\n isColumnVisibleForRow(column: C80TableColDef, row: T): boolean {\n return this.visibilityService.isColumnVisibleForRow(\n column,\n row,\n this.data(),\n this.editing()\n );\n }\n\n /\n Obtiene el color de una acción considerando el tema actual.\n * Si la acción tiene color explícito, lo usa. Si no, aplica color por tema.\n /\n getActionColor(action: CustomTableAction): string \| undefined {\n // Delete siempre en rojo (color warn de Material)\n if (action.name === 'delete') {\n return undefined; // Deja que el atributo [color]=\"warn\" lo maneje\n }\n\n // Si la acción tiene color explícito (rojo/verde para toggles), respetarlo\n if (action.color) {\n return action.color;\n }\n\n // Para acciones sin color explícito, usar el color de dark mode\n return '#e9ecef';\n }\n}\n","<!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n<div class=\"table-responsive\" [style.max-height]=\"tableMaxHeight()\" [style.overflow-y]=\"size() > 0 ? 'auto' : 'visible'\">\n <!-- Search Bar -->\n @if (searchable()) {\n <div class=\"search-container\">\n <div class=\"search-input-wrapper\">\n <div class=\"input-group\">\n <span class=\"input-group-text\">\n <c80-icon icon=\"search\" [size]=\".65\" [button]=\"false\" color=\"dark\" />\n </span>\n <input type=\"text\" class=\"form-control search-input\" placeholder=\"Buscar...\" [value]=\"searchValue()\" (input)=\"onSearchInput($event)\" aria-label=\"Buscar en la tabla\" />\n @if (searchValue()) {\n <button class=\"btn btn-outline-secondary btn-borrar\" type=\"button\" (click)=\"clearSearch()\" title=\"Limpiar búsqueda\">\n <c80-icon icon=\"cancel\" [size]=\".6\" color=\"dark\" />\n </button>\n }\n </div>\n </div>\n </div>\n }\n\n <table class=\"table table-bordered table-hover align-middle\">\n <thead class=\"thead table-light sticky-header\">\n <tr>\n @if (allowSelection() && data().length !== 0) {\n <th class=\"text-center selection-column\">\n @if (multiple()) {\n <input type=\"checkbox\" [checked]=\"selectAllChecked()\" [indeterminate]=\"selectAllIndeterminate()\" (change)=\"toggleSelectAll()\" aria-label=\"Seleccionar todo\" />\n }\n </th>\n }\n @for (col of columns(); track col) {\n @if (isColumnVisibleInHeader(col)) {\n @if (col.type === 'boolean') {\n <th class=\"text-center boolean-column\">{{ col.label }}</th>\n }\n @else if (col.type === 'number' \|\| col.type === 'integer') {\n <th class=\"text-center number-column\">{{ col.label }}</th>\n }\n @else {\n <th>{{ col.label }}</th>\n }\n }\n }\n @if (hasAnyActions()) {\n <th class=\"table-actions-header\">\n <div class=\"actions-wrapper\">\n <span>Actions</span>\n @if (hasCrudCreate()) {\n <c80-icon button icon=\"add\" [disabled]=\"creating()\" title=\"Agregar\" [size]=\".6\" (iconClick)=\"startCreate()\" color=\"dark\" />\n }\n </div>\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (row of data(); track trackById(i, row); let i = $index) {\n <tr>\n @if (allowSelection() && data().length !== 0) {\n <td class=\"text-center selection-column\">\n <input type=\"checkbox\" [checked]=\"isItemSelected(row)\" (change)=\"toggleItemSelection(row)\" [attr.aria-label]=\"'Seleccionar fila ' + (i + 1)\" />\n </td>\n }\n @for (col of columns(); track col) {\n @if (isColumnVisibleForRow(col, row)) {\n @if (col.type === 'boolean') {\n <td class=\"text-center boolean-column\">\n @if (editing() === row['id'] && !col.readOnly) {\n <input type=\"checkbox\" [checked]=\"!!editRow()?.[col.accessor]\" (change)=\"onEditInput($event, col.accessor, col)\" [attr.aria-label]=\"col.label\" />\n }\n @else {\n @if (getCellValue(row, col.accessor) === true) {\n <c80-icon icon=\"check\" [size]=\".7\" color=\"dark\" />\n <br />\n }\n @else if (getCellValue(row, col.accessor) === false) {\n <c80-icon icon=\"cancel\" [size]=\".7\" color=\"dark\" />\n <br />\n }\n }\n </td>\n }\n @else if (col.type === 'number' \|\| col.type === 'integer') {\n <td class=\"text-center number-column\">\n @if (editing() === row['id'] && !col.readOnly) {\n <input class=\"form-control form-control-sm\" type=\"number\" [value]=\"editRow()?.[col.accessor] ?? ''\" [placeholder]=\"col.label\" [min]=\"col.min\" [max]=\"col.max\" [step]=\"col.type === 'integer' ? '1' : 'any'\"\n (input)=\"onEditInput($event, col.accessor, col)\" />\n }\n @else {\n <!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n <span [style.color]=\"getCellColor(getCellValue(row, col.accessor), col)\">{{ getDisplayValue(getCellValue(row,\n col.accessor), col) }}</span>\n }\n </td>\n }\n @else {\n <td>\n @if (editing() === row['id'] && !col.readOnly) {\n @if (col.type === 'enum') {\n <select class=\"form-control form-control-sm\" [value]=\"editRow()?.[col.accessor] ?? ''\" (change)=\"onEditInput($event, col.accessor, col)\">\n <option value=\"\">{{ col.label }}</option>\n @for (option of getEnumOptions(col); track option.value) {\n <option [value]=\"option.value\">{{ option.label }}</option>\n }\n </select>\n }\n @else {\n <input class=\"form-control form-control-sm\" [type]=\"col.type === 'password' ? 'password' : 'text'\" [value]=\"editRow()?.[col.accessor] ?? ''\" [placeholder]=\"col.label\" (input)=\"onEditInput($event, col.accessor, col)\" />\n }\n }\n @else {\n @if (col.type === 'password') {\n <!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n <span [style.color]=\"getCellColor(getCellValue(row, col.accessor), col)\">*****</span>\n }\n @else if (col.type === 'enum') {\n <!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n <span [style.color]=\"getCellColor(getCellValue(row, col.accessor), col)\">{{\n getEnumDisplayValue(getCellValue(row, col.accessor), col)\n }}</span>\n }\n @else if (getCellValue(row, col.accessor) === true) {\n <c80-icon icon=\"check\" [size]=\".7\" color=\"dark\" />\n }\n @else if (getCellValue(row, col.accessor) === false) {\n <c80-icon icon=\"cancel\" [size]=\".7\" color=\"dark\" />\n }\n @else {\n <!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n <span [style.color]=\"getCellColor(getCellValue(row, col.accessor), col)\">{{ getDisplayValue(getCellValue(row,\n col.accessor), col) }}</span>\n }\n }\n </td>\n }\n }\n }\n @if (hasAnyActions()) {\n <td class=\"text-center actions-cell\">\n <div class=\"actions-container\">\n @if (editing() === row['id']) {\n <!-- Modo edición: mostrar guardar y cancelar -->\n @if (hasCrudUpdate()) {\n <c80-icon button icon=\"check\" title=\"Guardar\" (iconClick)=\"saveEdit(row)\" [size]=\".7\" color=\"dark\" />\n }\n <c80-icon button icon=\"cancel\" color=\"warn\" title=\"Cancelar\" (iconClick)=\"cancelEdit()\" [size]=\".7\" />\n }\n @else {\n @for (action of customActions(); track action.name) {\n @if (shouldShowAction(action, row)) {\n <c80-icon button [icon]=\"action.icon\" [customColor]=\"getActionColor(action)\" [color]=\"action.name === 'delete' ? 'warn' : 'primary'\" [title]=\"getActionTooltip(action)\" (iconClick)=\"onDynamicAction(action, row)\" [size]=\".7\" />\n }\n }\n }\n </div>\n </td>\n }\n </tr>\n }\n @if (creating() && hasCrudCreate()) {\n <tr>\n @if (allowSelection() && data().length !== 0) {\n <td class=\"text-center selection-column\">\n <!-- Empty cell for alignment -->\n </td>\n }\n @for (col of columns(); track col) {\n @if (isColumnVisible(col)) {\n @if (col.type === 'boolean') {\n <td class=\"text-center\">\n @if (!col.readOnly) {\n <input type=\"checkbox\" [checked]=\"!!newRow()?.[col.accessor]\" (change)=\"onInput($event, col.accessor, col)\" [attr.aria-label]=\"col.label\" />\n }\n @else {\n <!-- ReadOnly boolean column in create mode shows empty -->\n <span class=\"text-muted\">-</span>\n }\n </td>\n } @else if (col.type === 'number' \|\| col.type === 'integer') {\n <td class=\"text-center number-column\">\n @if (!col.readOnly) {\n <input class=\"form-control form-control-sm\" type=\"number\" [value]=\"newRow()?.[col.accessor] ?? ''\" [placeholder]=\"col.label\" [min]=\"col.min\" [max]=\"col.max\" [step]=\"col.type === 'integer' ? '1' : 'any'\"\n (input)=\"onInput($event, col.accessor, col)\" />\n }\n @else {\n <!-- ReadOnly number column in create mode shows empty -->\n <span class=\"text-muted\">-</span>\n }\n </td>\n } @else {\n <td>\n @if (!col.readOnly) {\n @if (col.type === 'enum') {\n <select class=\"form-control form-control-sm\" [value]=\"newRow()?.[col.accessor] ?? ''\" (change)=\"onInput($event, col.accessor, col)\">\n <option value=\"\">{{ col.label }}</option>\n @for (option of getEnumOptions(col); track option.value) {\n <option [value]=\"option.value\">{{ option.label }}</option>\n }\n </select>\n }\n @else {\n <input class=\"form-control form-control-sm\" type=\"text\" [value]=\"newRow()?.[col.accessor] ?? ''\" [placeholder]=\"col.label\" (input)=\"onInput($event, col.accessor, col)\" />\n }\n }\n @else {\n <!-- ReadOnly column in create mode shows empty -->\n <span class=\"text-muted\">-</span>\n }\n </td>\n }\n }\n }\n <td class=\"text-center actions-cell\">\n <div class=\"actions-container\">\n @if (hasCrudCreate()) {\n <c80-icon button icon=\"check\" title=\"Guardar\" (iconClick)=\"saveCreate()\" [size]=\".7\" color=\"dark\" />\n }\n <c80-icon button icon=\"cancel\" color=\"warn\" title=\"Cancelar\" (iconClick)=\"cancelCreate()\" [size]=\".7\" />\n </div>\n </td>\n </tr>\n }\n </tbody>\n </table>\n @if (data().length === 0 && !creating()) {\n <div class=\"text-center text-muted py-3 small\">\n No hay datos para mostrar.\n </div>\n }\n</div>\n\n<c80-modal />"]}

package/lib/icon/icon.component.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { ColorType, ButtonType } from './icon.types';
 import * as i0 from "@angular/core";
 export declare class C80IconComponent {
-    readonly icon: import("@angular/core").InputSignal<"check" | "cancel" | "edit" | "delete" | "add" | "view" | "get" | "settings" | "schedule" | "refresh" | "checkCircle" | "cancelCircle" | "error" | "queue" | "arrowUp" | "arrowDown" | "toggleOn" | "toggleOff" | "search" | "upload" | "pendingActions" | "playCircle" | "play" | "stop" | "tune" | "visibility" | "visibilityOff" | "close" | "record" | "star" | "xCircle" | "key" | "exclamationTriangle" | "clipboard" | "download" | "shield" | "person" | "envelope" | "infoCircle" | "checkSquare" | "square" | "dashSquare" | "people" | "boxSeam" | "personBadge" | "listTask" | "shuffle" | "motor" | "box" | "bell" | "message" | "send" | "file" | "folder" | "save" | "print" | "clock" | "calendar" | "timer" | "lock" | "unlock" | "chart" | "table" | "database" | "home" | "menu" | "arrowLeft" | "arrowRight" | "copy" | "filter" | "sort" | "help" | "warning" | "dashboard" | "settingsApplications" | "route" | "developerBoard" | "directions" | "category" | "logout" | "sun" | "moon" | "default">;
+    readonly icon: import("@angular/core").InputSignal<string>;
     readonly color: import("@angular/core").InputSignal<ColorType>;
     readonly customColor: import("@angular/core").InputSignal<string | undefined>;
     readonly disabled: import("@angular/core").InputSignal<boolean>;
@@ -15,8 +15,17 @@ export declare class C80IconComponent {
     readonly iconSize: import("@angular/core").Signal<number>;
     readonly iconColor: import("@angular/core").Signal<string>;
     readonly iconOpacity: import("@angular/core").Signal<0.5 | 0.7 | 1>;
+    readonly iconDefinition: import("@angular/core").Signal<import("@c80/ui").IconDefinition>;
     readonly iconPath: import("@angular/core").Signal<string>;
     readonly additionalShapes: import("@angular/core").Signal<import("@c80/ui").ShapeAttributes[]>;
+    readonly shouldFillIcon: import("@angular/core").Signal<boolean>;
+    readonly multiColorIcon: import("@angular/core").Signal<import("@c80/ui").MultiColorIconConfig | undefined>;
+    readonly hasMultiPaths: import("@angular/core").Signal<boolean>;
+    readonly svgStrokeAttrs: {
+        readonly strokeWidth: "1";
+        readonly strokeLinecap: "round";
+        readonly strokeLinejoin: "round";
+    };
     onButtonClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<C80IconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<C80IconComponent, "c80-icon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "customColor": { "alias": "customColor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "button": { "alias": "button"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "textLeft": { "alias": "textLeft"; "required": false; "isSignal": true; }; "textRight": { "alias": "textRight"; "required": false; "isSignal": true; }; }, { "iconClick": "iconClick"; }, never, never, true, never>;

package/lib/icon/icon.constants.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
-import type { ColorType, ShapeAttributes } from './icon.types';
-export declare const ICON_NAMES: readonly ["check", "cancel", "edit", "delete", "add", "view", "get", "settings", "schedule", "refresh", "checkCircle", "cancelCircle", "error", "queue", "arrowUp", "arrowDown", "toggleOn", "toggleOff", "search", "upload", "pendingActions", "playCircle", "play", "stop", "tune", "visibility", "visibilityOff", "close", "record", "star", "xCircle", "key", "exclamationTriangle", "clipboard", "download", "shield", "person", "envelope", "infoCircle", "checkSquare", "square", "dashSquare", "people", "boxSeam", "personBadge", "listTask", "shuffle", "motor", "box", "bell", "message", "send", "file", "folder", "save", "print", "clock", "calendar", "timer", "lock", "unlock", "chart", "table", "database", "home", "menu", "arrowLeft", "arrowRight", "copy", "filter", "sort", "help", "warning", "dashboard", "settingsApplications", "route", "developerBoard", "directions", "category", "logout", "sun", "moon", "default"];
+import type { ColorType } from './icon.types';
 export declare const BASE_ICON_COLORS: Readonly<Record<ColorType, string>>;
 export declare const DISABLED_COLOR = "#bdbdbd";
 export declare const DEFAULT_ICON_COLOR = "#222";
@@ -7,15 +6,9 @@ export declare const DISABLED_OPACITY = 0.5;
 export declare const SECONDARY_WARN_OPACITY = 0.7;
 export declare const DEFAULT_OPACITY = 1;
 export declare const BASE_ICON_SIZE = 24;
-/**
- * ICON PATHS - SVG path definitions
- *
- * IMPORTANTE: Al crear o modificar iconos, SIEMPRE buscar primero en Material Design Icons oficial:
- * - Repositorio: https://github.com/google/material-design-icons
- * - Navegador: https://fonts.google.com/icons
- * - Usar paths oficiales de Material Design siempre que sea posible
- * - ViewBox: 24x24 (compatible con BASE_ICON_SIZE)
- * - Máximo 300 caracteres por línea (usar concatenación con + si es necesario)
- */
-export declare const ICON_PATHS: Readonly<Record<string, string>>;
-export declare const ICON_ADDITIONAL_SHAPES: Readonly<Record<string, ShapeAttributes[]>>;
+export declare const OPACITY_REDUCED_COLORS: readonly ColorType[];
+export declare const SVG_STROKE_ATTRS: {
+    readonly strokeWidth: "1";
+    readonly strokeLinecap: "round";
+    readonly strokeLinejoin: "round";
+};

package/lib/icon/icon.definitions.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import type { IconDefinition } from './icon.types';
+/**
+ * ICON DEFINITIONS - Estructura unificada que combina paths, shapes y multi-color
+ *
+ * NUEVA ARQUITECTURA: Una sola fuente de verdad para cada icono
+ * - path: Path principal del SVG
+ * - additionalShapes: Formas complementarias (círculos, rectángulos)
+ * - multiColor: Configuración para iconos con múltiples colores específicos
+ *
+ * BENEFICIOS:
+ * - Una búsqueda en lugar de 3 lookups separados (mejor performance)
+ * - Garantiza consistencia (no hay iconos "a medias")
+ * - Fácil mantenimiento y escalabilidad
+ * - TypeScript más robusto
+ */
+export declare const ICON_DEFINITIONS: Readonly<Record<string, IconDefinition>>;

package/lib/icon/icon.types.d.ts CHANGED Viewed

@@ -1,8 +1,43 @@
-import type { ICON_NAMES } from './icon.constants';
-export type IconType = (typeof ICON_NAMES)[number];
+import type { ICON_DEFINITIONS } from './icon.definitions';
 export type ColorType = 'primary' | 'secondary' | 'warn' | 'success' | 'dark';
 export type ButtonType = 'button' | 'submit' | 'reset';
-export interface ShapeAttributes {
-    type: 'circle' | 'rect' | 'path';
-    [key: string]: string | number;
+interface CircleAttributes {
+    type: 'circle';
+    cx: string;
+    cy: string;
+    r: string;
+    fill?: 'color' | 'none';
 }
+interface RectAttributes {
+    type: 'rect';
+    x: string;
+    y: string;
+    width: string;
+    height: string;
+    rx?: string;
+    fill?: 'color' | 'none';
+}
+interface PathAttributes {
+    type: 'path';
+    d: string;
+    fill?: 'color' | 'none';
+}
+export type ShapeAttributes = CircleAttributes | RectAttributes | PathAttributes;
+export interface MultiColorIconConfig {
+    colors: string[];
+    paths: string[];
+}
+/**
+ * Interface unificada para definiciones de iconos
+ * Combina path principal, formas adicionales y configuración multi-color
+ */
+export interface IconDefinition {
+    /** Path principal del icono SVG */
+    path: string;
+    /** Formas adicionales (círculos, rectángulos) que complementan el path */
+    additionalShapes?: ShapeAttributes[];
+    /** Configuración para iconos multi-color como Google, Microsoft, etc. */
+    multiColor?: MultiColorIconConfig;
+}
+export type IconType = keyof typeof ICON_DEFINITIONS;
+export {};

package/lib/icon/icon.utils.d.ts CHANGED Viewed

@@ -1 +1,6 @@
+import type { IconType } from './icon.types';
 export declare function transformToBoolean(val: boolean | string | null | undefined): boolean;
+/**
+ * Determina si un icono debería usar fill basado en su definición explícita
+ */
+export declare function shouldIconUseFill(iconName: IconType): boolean;

package/lib/snackbar/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
+export { SnackbarComponent } from './snackbar.component';
 export { SnackbarService } from './snackbar.service';
 export type { SnackbarConfig, SnackbarData } from './snackbar.model';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@c80/ui",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "peerDependencies": {
     "@angular/core": "^20.3.9",
     "rxjs": "~7.8.0",