@c80/ui 1.0.58 → 1.0.62

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

@@ -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 { IconComponent } 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 { TableColDef, CustomTableAction } from './table.types';\nimport { ModalComponent, 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: [IconComponent, ModalComponent],\n  templateUrl: './table.component.html',\n  styleUrl: './table.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableComponent<T extends Record<string, unknown>> implements OnInit, OnDestroy {\n  // Servicios inyectados\n  /* v8 ignore next 6 */\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  /* v8 ignore next */\n  readonly data$ = input.required<Observable<T[]>>();\n  /* v8 ignore next */\n  readonly columns = input<TableColDef[]>([]);\n  /* v8 ignore next */\n  readonly inputValues$ = input<Observable<Partial<T>>>(); // Observable para actualizar valores de inputs dinámicamente en creación/edición\n  /* v8 ignore next */\n  readonly customActions = input<CustomTableAction[]>([]); // Acciones personalizadas dinámicas\n  /* v8 ignore next */\n  readonly size = input(0); // Tamaño de la tabla (0 = sin límite, > 0 aplica max-height)\n  /* v8 ignore next */\n  readonly multiple = input(true); // Permite selección múltiple por defecto\n  /* v8 ignore next */\n  readonly searchable = input(false, { transform: booleanAttribute }); // Si es true, muestra barra de búsqueda\n  /* v8 ignore next */\n  readonly allowSelection = input(false, { transform: booleanAttribute }); // Si es true, permite selección de filas\n  /* v8 ignore next */\n  readonly noConfirm = input(false, { transform: booleanAttribute }); // Si es true, no muestra confirmaciones modales\n\n  // Outputs - Acciones unificadas (Angular 18+ output API)\n  /* v8 ignore next */\n  readonly actionClick = output<{ action: string; row: T }>(); // Output unificado para TODAS las acciones (CRUD + custom)\n\n  // Outputs - Utilidades\n  /* v8 ignore next 3 */\n  readonly searchTerm = output<string>();\n  readonly errorEvent = output<string>();\n  readonly selectable = output<T[]>();\n\n  // Estado principal\n  /* v8 ignore next 2 */\n  readonly data = signal<T[]>([]);\n  readonly searchValue = signal<string>('');\n\n  // Estado de selección (delegado a servicio)\n  /* v8 ignore next 4 */\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  /* v8 ignore next 5 */\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  /* v8 ignore next 7 */\n  readonly keys = computed(() =>\n    this.visibilityService.updateVisibleKeys(\n      this.columns(),\n      { data: this.data(), creating: this.creating(), editing: this.editing() }\n    )\n  );\n\n  // Computed - Detecta acciones CRUD y custom\n  /* v8 ignore next 5 */\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  /* v8 ignore next 3 */\n  readonly tableMaxHeight = computed(() =>\n    this.dataUtils.getTableMaxHeight(this.size())\n  );\n\n  /* v8 ignore next 2 */\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(options: {\n    event: Event;\n    key: string;\n    col: TableColDef | undefined;\n    isEdit: boolean;\n  }): void {\n    const { event, key, col, isEdit } = options;\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(options: {\n    title: string;\n    message: string;\n    confirmText: string;\n    action: () => void;\n  }): Promise<void> {\n    const { title, message, confirmText, action } = options;\n    if (this.noConfirm()) {\n      action();\n      return;\n    }\n\n    const confirmed = await this.modalService.confirm({\n      title,\n      message,\n      confirmText,\n      cancelText: 'Cancelar'\n    });\n\n    if (confirmed) {\n      action();\n    }\n  }\n\n\n\n  ngOnInit(): void {\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(): void {\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?: TableColDef): void {\n    this.handleInput({ event, key, col, isEdit: false });\n  }\n\n  onEditInput(event: Event, key: string, col?: TableColDef): void {\n    this.handleInput({ event, key, col, isEdit: true });\n  }\n\n  async onDelete(row: T): Promise<void> {\n    await this.handleConfirmAction({\n      title: 'Confirmar eliminación',\n      message: '¿Está seguro de que desea eliminar este elemento? Esta acción no se puede deshacer.',\n      confirmText: 'Eliminar',\n      action: () => this.actionClick.emit({ action: 'delete', row })\n    });\n  }\n\n  async onCancel(row: T): Promise<void> {\n    await this.handleConfirmAction({\n      title: 'Confirmar cancelación',\n      message: '¿Está seguro de que desea cancelar este elemento?',\n      confirmText: 'Cancelar elemento',\n      action: () => this.actionClick.emit({ action: 'cancel', row })\n    });\n  }\n\n  startCreate(): void {\n    this.crudState.startCreate({ columns: this.columns(), data: 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      const filteredRow = this.filterReadOnlyFields(convertedRow);\n      this.actionClick.emit({ action: 'create', row: filteredRow as T });\n      this.cancelCreate();\n    }\n  }\n\n  onEdit(row: T): void {\n    this.crudState.startEdit({ row, columns: this.columns(), data: 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 filteredChanges = this.filterReadOnlyFields(convertedChanges);\n      // Solo enviar los cambios filtrados junto con el ID\n      const updatePayload = {\n        id: (row as Record<string, unknown>)['id'],\n        ...filteredChanges\n      } as unknown as T;\n      this.actionClick.emit({ action: 'update', row: updatePayload });\n      this.cancelEdit();\n    }\n  }\n\n  /**\n   * Filtra los campos readOnly de los cambios para evitar enviarlos en las actualizaciones\n   */\n  private filterReadOnlyFields(changes: Partial<T>): Partial<T> {\n    const columnsMap = new Map(this.columns().map(col => [col.accessor, col]));\n    const filtered: Partial<T> = {};\n\n    for (const [key, value] of Object.entries(changes)) {\n      const col = columnsMap.get(key);\n      // Solo incluir campos que no son readOnly\n      if (!col?.readOnly) {\n        (filtered as Record<string, unknown>)[key] = value;\n      }\n    }\n\n    return filtered;\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      title: action.confirmation.title,\n      message: action.confirmation.message,\n      confirmText: action.confirmation.confirmText ?? 'Confirmar',\n      cancelText: 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: TableColDef): boolean {\n    return this.visibilityService.isColumnVisible(column, this.data(), {\n      creating: this.creating(),\n      row: this.newRow() ?? undefined\n    });\n  }\n\n  isColumnVisibleInHeader(column: TableColDef): boolean {\n    return this.visibilityService.isColumnVisibleInHeader(\n      column,\n      { data: this.data(), creating: this.creating(), editing: this.editing() }\n    );\n  }\n\n  isColumnVisibleForRow(column: TableColDef, row: T): boolean {\n    return this.visibilityService.isColumnVisibleForRow(\n      column,\n      { row, data: this.data(), editing: 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\" />\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\" />\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()\" />\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\" />\n          <br />\n          }\n          @else if (getCellValue(row, col.accessor) === false) {\n          <c80-icon icon=\"cancel\" [size]=\".7\" />\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\" />\n          }\n          @else if (getCellValue(row, col.accessor) === false) {\n          <c80-icon icon=\"cancel\" [size]=\".7\" />\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\" />\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)\"\n              [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\" />\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 />"]}
+{"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  effect,\n} from '@angular/core';\nimport type { Observable, Subscription } from 'rxjs';\nimport { IconComponent } 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 { TablePaginationService } from './table-pagination.service';\nimport type { TableColDef, CustomTableAction, PaginationChangeEvent, PaginationConfig } from './table.types';\nimport { ModalComponent, 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: [IconComponent, ModalComponent],\n  templateUrl: './table.component.html',\n  styleUrl: './table.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableComponent<T extends Record<string, unknown>> implements OnInit, OnDestroy {\n  // Servicios inyectados\n  /* v8 ignore next 7 */\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  private readonly paginationService = inject(TablePaginationService);\n\n  // Inputs\n  /* v8 ignore next */\n  readonly data$ = input.required<Observable<T[]>>();\n  /* v8 ignore next */\n  readonly columns = input<TableColDef[]>([]);\n  /* v8 ignore next */\n  readonly inputValues$ = input<Observable<Partial<T>>>(); // Observable para actualizar valores de inputs dinámicamente en creación/edición\n  /* v8 ignore next */\n  readonly customActions = input<CustomTableAction[]>([]); // Acciones personalizadas dinámicas\n  /* v8 ignore next */\n  readonly size = input(0); // Tamaño de la tabla (0 = sin límite, > 0 aplica max-height)\n  /* v8 ignore next */\n  readonly multiple = input(true); // Permite selección múltiple por defecto\n  /* v8 ignore next */\n  readonly searchable = input(false, { transform: booleanAttribute }); // Si es true, muestra barra de búsqueda\n  /* v8 ignore next */\n  readonly allowSelection = input(false, { transform: booleanAttribute }); // Si es true, permite selección de filas\n  /* v8 ignore next */\n  readonly noConfirm = input(false, { transform: booleanAttribute }); // Si es true, no muestra confirmaciones modales\n  /* v8 ignore next */\n  readonly paginated = input(false, { transform: booleanAttribute }); // Si es true, habilita paginación con limit/offset\n  /* v8 ignore next */\n  readonly paginationConfig = input<PaginationConfig>({ pageSize: 10 }); // Configuración de paginación (tamaño de página, total items)\n\n  // Outputs - Acciones unificadas (Angular 18+ output API)\n  /* v8 ignore next */\n  readonly actionClick = output<{ action: string; row: T }>(); // Output unificado para TODAS las acciones (CRUD + custom)\n\n  // Outputs - Utilidades\n  /* v8 ignore next 4 */\n  readonly searchTerm = output<string>();\n  readonly errorEvent = output<string>();\n  readonly selectable = output<T[]>();\n  readonly paginationChange = output<PaginationChangeEvent>(); // Output para cambios de paginación (page, limit, offset)\n\n  // Estado principal\n  /* v8 ignore next 2 */\n  readonly data = signal<T[]>([]);\n  readonly searchValue = signal<string>('');\n\n  // Estado de selección (delegado a servicio)\n  /* v8 ignore next 4 */\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  /* v8 ignore next 5 */\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  // Estado de paginación (delegado a servicio)\n  /* v8 ignore next 7 */\n  private readonly paginationState = this.paginationService.createPaginationState(\n    this.paginationConfig().pageSize ?? 10\n  );\n  readonly currentPage = this.paginationState.currentPage;\n  readonly pageSize = this.paginationState.pageSize;\n  readonly totalPages = this.paginationState.totalPages;\n  readonly hasNextPage = this.paginationState.hasNextPage;\n  readonly hasPrevPage = this.paginationState.hasPrevPage;\n\n  // Keys visibles computed automáticamente\n  /* v8 ignore next 7 */\n  readonly keys = computed(() =>\n    this.visibilityService.updateVisibleKeys(\n      this.columns(),\n      { data: this.data(), creating: this.creating(), editing: this.editing() }\n    )\n  );\n\n  // Computed - Detecta acciones CRUD y custom\n  /* v8 ignore next 5 */\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  /* v8 ignore next 5 */\n  readonly shouldShowCreateButton = computed(() => {\n    const createAction = this.customActions().find(a => a.name === 'create');\n    if (!createAction) return false;\n    return !createAction.condition || createAction.condition({} as Record<string, unknown>, this.data());\n  });\n\n  // Table max height computed\n  /* v8 ignore next 3 */\n  readonly tableMaxHeight = computed(() =>\n    this.dataUtils.getTableMaxHeight(this.size())\n  );\n\n  /* v8 ignore next 2 */\n  private dataSub?: Subscription;\n  private inputValuesSub?: Subscription;\n\n  constructor() {\n    // Sincronizar totalItems del paginationConfig con el estado de paginación\n    /* v8 ignore next 4 */\n    effect(() => {\n      const config = this.paginationConfig();\n      if (config.totalItems !== undefined && this.paginated()) {\n        this.paginationState.setTotalItems(config.totalItems);\n      }\n    });\n  }\n\n  /**\n   * Maneja input de creación/edición de forma unificada\n   */\n  private handleInput(options: {\n    event: Event;\n    key: string;\n    col: TableColDef | undefined;\n    isEdit: boolean;\n  }): void {\n    const { event, key, col, isEdit } = options;\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(options: {\n    title: string;\n    message: string;\n    confirmText: string;\n    action: () => void;\n  }): Promise<void> {\n    const { title, message, confirmText, action } = options;\n    if (this.noConfirm()) {\n      action();\n      return;\n    }\n\n    const confirmed = await this.modalService.confirm({\n      title,\n      message,\n      confirmText,\n      cancelText: 'Cancelar'\n    });\n\n    if (confirmed) {\n      action();\n    }\n  }\n\n\n\n  ngOnInit(): void {\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(): void {\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?: TableColDef): void {\n    this.handleInput({ event, key, col, isEdit: false });\n  }\n\n  onEditInput(event: Event, key: string, col?: TableColDef): void {\n    this.handleInput({ event, key, col, isEdit: true });\n  }\n\n  async onDelete(row: T): Promise<void> {\n    await this.handleConfirmAction({\n      title: 'Confirmar eliminación',\n      message: '¿Está seguro de que desea eliminar este elemento? Esta acción no se puede deshacer.',\n      confirmText: 'Eliminar',\n      action: () => this.actionClick.emit({ action: 'delete', row })\n    });\n  }\n\n  async onCancel(row: T): Promise<void> {\n    await this.handleConfirmAction({\n      title: 'Confirmar cancelación',\n      message: '¿Está seguro de que desea cancelar este elemento?',\n      confirmText: 'Cancelar elemento',\n      action: () => this.actionClick.emit({ action: 'cancel', row })\n    });\n  }\n\n  startCreate(): void {\n    this.crudState.startCreate({ columns: this.columns(), data: 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      const filteredRow = this.filterReadOnlyFields(convertedRow);\n      this.actionClick.emit({ action: 'create', row: filteredRow as T });\n      this.cancelCreate();\n    }\n  }\n\n  onEdit(row: T): void {\n    this.crudState.startEdit({ row, columns: this.columns(), data: 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 filteredChanges = this.filterReadOnlyFields(convertedChanges);\n      // Solo enviar los cambios filtrados junto con el ID\n      const updatePayload = {\n        id: (row as Record<string, unknown>)['id'],\n        ...filteredChanges\n      } as unknown as T;\n      this.actionClick.emit({ action: 'update', row: updatePayload });\n      this.cancelEdit();\n    }\n  }\n\n  /**\n   * Filtra los campos readOnly de los cambios para evitar enviarlos en las actualizaciones\n   */\n  private filterReadOnlyFields(changes: Partial<T>): Partial<T> {\n    const columnsMap = new Map(this.columns().map(col => [col.accessor, col]));\n    const filtered: Partial<T> = {};\n\n    for (const [key, value] of Object.entries(changes)) {\n      const col = columnsMap.get(key);\n      // Solo incluir campos que no son readOnly\n      if (!col?.readOnly) {\n        (filtered as Record<string, unknown>)[key] = value;\n      }\n    }\n\n    return filtered;\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      title: action.confirmation.title,\n      message: action.confirmation.message,\n      confirmText: action.confirmation.confirmText ?? 'Confirmar',\n      cancelText: 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: TableColDef): boolean {\n    return this.visibilityService.isColumnVisible(column, this.data(), {\n      creating: this.creating(),\n      row: this.newRow() ?? undefined\n    });\n  }\n\n  isColumnVisibleInHeader(column: TableColDef): boolean {\n    return this.visibilityService.isColumnVisibleInHeader(\n      column,\n      { data: this.data(), creating: this.creating(), editing: this.editing() }\n    );\n  }\n\n  isColumnVisibleForRow(column: TableColDef, row: T): boolean {\n    return this.visibilityService.isColumnVisibleForRow(\n      column,\n      { row, data: this.data(), editing: this.editing() }\n    );\n  }\n\n  // Métodos de paginación\n  onPageChange(page: number): void {\n    this.paginationState.setPage(page);\n    this.emitPaginationChange();\n  }\n\n  onNextPage(): void {\n    this.paginationState.nextPage();\n    this.emitPaginationChange();\n  }\n\n  onPrevPage(): void {\n    this.paginationState.prevPage();\n    this.emitPaginationChange();\n  }\n\n  private emitPaginationChange(): void {\n    const event: PaginationChangeEvent = {\n      page: this.currentPage(),\n      limit: this.pageSize(),\n      offset: this.paginationState.offset()\n    };\n    this.paginationChange.emit(event);\n  }\n\n  /**\n   * Actualiza el total de items para calcular páginas\n   * Debe ser llamado por el componente padre después de recibir datos\n   */\n  updateTotalItems(total: number): void {\n    this.paginationState.setTotalItems(total);\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\" />\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\" />\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 if (col.type === 'date') {\n        <th class=\"text-center date-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 (shouldShowCreateButton()) {\n            <c80-icon button icon=\"add\" [disabled]=\"creating()\" title=\"Agregar\" [size]=\".6\" (iconClick)=\"startCreate()\" />\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\" />\n          <br />\n          }\n          @else if (getCellValue(row, col.accessor) === false) {\n          <c80-icon icon=\"cancel\" [size]=\".7\" />\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 if (col.type === 'date') {\n        <td class=\"text-center date-column\">\n          @if (editing() === row['id'] && !col.readOnly) {\n          <input class=\"form-control form-control-sm\" type=\"datetime-local\" [value]=\"editRow()?.[col.accessor] ?? ''\" [placeholder]=\"col.label\" (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\" />\n          }\n          @else if (getCellValue(row, col.accessor) === false) {\n          <c80-icon icon=\"cancel\" [size]=\".7\" />\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-end actions-cell\">\n          <div class=\"actions-container\" [class.centered-actions]=\"editing() === row['id']\">\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\" />\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, data())) {\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-end actions-cell\">\n          <div class=\"actions-container centered-actions\">\n            @if (hasCrudCreate()) {\n            <c80-icon button icon=\"check\" title=\"Guardar\" (iconClick)=\"saveCreate()\" [size]=\".7\" />\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\n  <!-- Pagination Controls -->\n  @if (paginated() && data().length > 0) {\n  <div class=\"pagination-container\">\n    <div class=\"pagination-info\">\n      Página {{ currentPage() }} de {{ totalPages() }}\n    </div>\n    <div class=\"pagination-controls\">\n      <button type=\"button\" class=\"btn btn-sm\" [disabled]=\"!hasPrevPage()\" (click)=\"onPrevPage()\" title=\"Página anterior\">\n        <c80-icon icon=\"arrowLeft\" [size]=\".6\" [button]=\"false\" />\n      </button>\n      <button type=\"button\" class=\"btn btn-sm\" [disabled]=\"!hasNextPage()\" (click)=\"onNextPage()\" title=\"Página siguiente\">\n        <c80-icon icon=\"arrowRight\" [size]=\".6\" [button]=\"false\" />\n      </button>\n    </div>\n  </div>\n  }\n</div>\n\n<c80-modal />"]}

package/esm2022/lib/table/table.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.types.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table.types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/**\n * Tipos comunes para las tablas C80\n */\n\nimport type { IconType } from '../icon';\n\nexport interface TableColDef {\n  accessor: string;\n  label: string;\n  visible?: boolean; // Si no se especifica, se asume true. Si es false, la columna se oculta SIEMPRE (máxima prioridad)\n  type?: 'string' | 'number' | 'integer' | 'boolean' | 'password' | 'enum' | 'date'; // Tipo de dato para la columna\n  order?: 'ASC' | 'DESC'; // Ordenamiento de la columna\n  readOnly?: boolean; // Si no se especifica, se asume false\n  enum?: Record<string | number, string>; // Opciones del enum para type 'enum'\n  color?: Record<string | number, string>; // Colores CSS basados en el valor de la celda\n  hideIfAllValuesAreNull?: boolean; // Si es true, oculta la columna cuando todos los valores están vacíos (default: false).\n  // Solo aplica si visible !== false. EXCEPCIÓN: En modo creación Y edición siempre se muestra.\n  default?: unknown; // Valor por defecto para usar en modo creación. Puede ser string, number, boolean, etc.\n  min?: number; // Valor mínimo permitido para columnas numéricas\n  max?: number; // Valor máximo permitido para columnas numéricas\n  truncate?: number; // Si se especifica, trunca el texto a N caracteres y agrega '...'\n}\n\n/**\n * Configuración de confirmación para acciones de tabla\n */\nexport interface ActionConfirmation {\n  title: string;        // Título del modal de confirmación\n  message: string;      // Mensaje del modal (puede incluir template con {propertyName})\n  confirmText?: string; // Texto del botón de confirmar (default: \"Confirmar\")\n  cancelText?: string;  // Texto del botón de cancelar (default: \"Cancelar\")\n}\n\n/**\n * Definición de acción personalizada para tabla\n * Permite agregar acciones dinámicas sin modificar el componente\n */\nexport interface CustomTableAction {\n  name: string;\n  icon: IconType;\n  color?: string;\n  condition?: <T extends Record<string, unknown>>(row: T) => boolean;\n  tooltip?: string;\n  confirmation?: ActionConfirmation;\n}\n"]}
+{"version":3,"file":"table.types.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table.types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/**\n * Tipos comunes para las tablas C80\n */\n\nimport type { IconType } from '../icon';\n\nexport interface TableColDef {\n  accessor: string;\n  label: string;\n  visible?: boolean; // Si no se especifica, se asume true. Si es false, la columna se oculta SIEMPRE (máxima prioridad)\n  type?: 'string' | 'number' | 'integer' | 'boolean' | 'password' | 'enum' | 'date'; // Tipo de dato para la columna\n  order?: 'ASC' | 'DESC'; // Ordenamiento de la columna\n  readOnly?: boolean; // Si no se especifica, se asume false\n  enum?: Record<string | number, string>; // Opciones del enum para type 'enum'\n  color?: Record<string | number, string>; // Colores CSS basados en el valor de la celda\n  hideIfAllValuesAreNull?: boolean; // Si es true, oculta la columna cuando todos los valores están vacíos (default: false).\n  // Solo aplica si visible !== false. EXCEPCIÓN: En modo creación Y edición siempre se muestra.\n  default?: unknown; // Valor por defecto para usar en modo creación. Puede ser string, number, boolean, etc.\n  min?: number; // Valor mínimo permitido para columnas numéricas\n  max?: number; // Valor máximo permitido para columnas numéricas\n  truncate?: number; // Si se especifica, trunca el texto a N caracteres y agrega '...'\n}\n\n/**\n * Configuración de confirmación para acciones de tabla\n */\nexport interface ActionConfirmation {\n  title: string;        // Título del modal de confirmación\n  message: string;      // Mensaje del modal (puede incluir template con {propertyName})\n  confirmText?: string; // Texto del botón de confirmar (default: \"Confirmar\")\n  cancelText?: string;  // Texto del botón de cancelar (default: \"Cancelar\")\n}\n\n/**\n * Definición de acción personalizada para tabla\n * Permite agregar acciones dinámicas sin modificar el componente\n */\nexport interface CustomTableAction {\n  name: string;\n  icon: IconType;\n  color?: string;\n  condition?: <T extends Record<string, unknown>>(row: T, data?: T[]) => boolean;\n  tooltip?: string;\n  confirmation?: ActionConfirmation;\n}\n\n/**\n * Evento emitido cuando cambia la paginación\n */\nexport interface PaginationChangeEvent {\n  page: number;      // Página actual (1-based)\n  limit: number;     // Tamaño de página (items por página)\n  offset: number;    // Offset para API (calculado automáticamente)\n}\n\n/**\n * Configuración de paginación para la tabla\n */\nexport interface PaginationConfig {\n  pageSize?: number;     // Tamaño inicial de página (default: 10)\n  totalItems?: number;   // Total de items (para calcular páginas)\n}\n"]}

package/esm2022/lib/table/table.utils.js

@@ -95,13 +95,14 @@ export function trackById(index, row) {
  * CREATE se excluye porque se maneja con el botón "+" en el header
  * @param action - Acción a verificar
  * @param row - Fila de datos
+ * @param data - Todos los datos de la tabla (opcional)
  * @returns true si la acción debe mostrarse
  */
-export function shouldShowAction(action, row) {
+export function shouldShowAction(action, row, data) {
     if (action.name === 'create') {
         return false;
     }
-    return !action.condition || action.condition(row);
+    return !action.condition || action.condition(row, data);
 }
 /**
  * Obtiene el tooltip de una acción (usa tooltip personalizado o name por defecto)

package/esm2022/lib/table/table.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.utils.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table.utils.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAuB;IACtD,OAAO,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,MAAM,CAAC;AAC5D,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,GAAY;IAC1C,MAAM,KAAK,GAAG,GAA2B,CAAC;IAC1C,OAAO,KAAK,EAAE,OAAO,IAAI,uBAAuB,CAAC;AACnD,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,KAAY,EAAE,GAAiB;IAC3D,IAAI,GAAG,EAAE,IAAI,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAQ,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC;IACpD,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAA8C,CAAC;IACpE,MAAM,QAAQ,GAAG,MAAM,EAAE,KAAK,CAAC;IAE/B,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;AACrD,CAAC;AAED;;;;;GAKG;AACH,SAAS,uBAAuB,CAC9B,QAAgB,EAChB,IAAiF;IAEjF,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC5C,OAAO,eAAe,CAAC,QAAQ,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;;;;GAKG;AACH,SAAS,eAAe,CAAC,KAAa,EAAE,SAAkB;IACxD,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1D,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1B,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QACtB,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AAC3C,CAAC;AAED;;;;GAIG;AACH,SAAS,gBAAgB,CAAC,KAAa;IACrC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1B,OAAO,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AACzC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAoC,KAAa,EAAE,GAAM;IAChF,MAAM,EAAE,GAAG,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,IAAI,IAAI,GAAG;QACtD,CAAC,CAAE,GAA+B,CAAC,IAAI,CAAC;QACxC,CAAC,CAAC,SAAS,CAAC;IACd,OAAO,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;AAC7C,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAC9B,MAAyB,EACzB,GAAM;IAEN,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CAAC,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AACpD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAAyB;IACxD,OAAO,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC;AACvC,CAAC","sourcesContent":["import type { TableColDef, CustomTableAction } from './table.types';\n\n/**\n * Transform function para convertir valores string/boolean a boolean\n * Usado en @Input() con transform para habilitar sintaxis de atributos booleanos\n * @param value\n * @returns Valor convertido a boolean\n * @example [searchable]=\"true\" o simplemente searchable\n */\nexport function booleanAttribute(value: boolean | string): boolean {\n  return value === '' || value === true || value === 'true';\n}\n\n/**\n * Extrae mensaje de error de forma segura desde un objeto unknown\n * @param err - Error desconocido (puede ser Error, string, object, etc.)\n * @returns Mensaje de error legible\n */\nexport function getErrorMessage(err: unknown): string {\n  const error = err as { message?: string };\n  return error?.message ?? 'Error al cargar datos';\n}\n\n/**\n * Obtiene el valor de un input HTML según el tipo de columna\n * IMPORTANTE: Convierte el valor al tipo correcto antes de retornarlo\n * @param event - Evento del input\n * @param col - Definición de columna (opcional)\n * @returns Valor extraído y convertido según el tipo de columna\n */\nexport function getInputValue(event: Event, col?: TableColDef): unknown {\n  if (col?.type === 'boolean') {\n    return (event.target as HTMLInputElement).checked;\n  }\n\n  const target = event.target as HTMLInputElement | HTMLSelectElement;\n  const rawValue = target?.value;\n\n  if (!col) {\n    return rawValue;\n  }\n\n  return convertInputValueByType(rawValue, col.type);\n}\n\n/**\n * Convierte un valor de input según el tipo de columna especificado\n * @param rawValue - Valor crudo del input (string)\n * @param type - Tipo de columna\n * @returns Valor convertido al tipo apropiado\n */\nfunction convertInputValueByType(\n  rawValue: string,\n  type?: 'string' | 'number' | 'integer' | 'boolean' | 'password' | 'enum' | 'date'\n): unknown {\n  if (!type || type === 'string' || type === 'password' || type === 'date') {\n    return rawValue;\n  }\n\n  if (type === 'integer' || type === 'number') {\n    return convertToNumber(rawValue, type === 'integer');\n  }\n\n  if (type === 'enum') {\n    return convertEnumValue(rawValue);\n  }\n\n  return rawValue;\n}\n\n/**\n * Convierte string a number o integer\n * @param value\n * @param isInteger\n * @returns Número convertido o undefined si no es válido\n */\nfunction convertToNumber(value: string, isInteger: boolean): number | undefined {\n  if (value === '' || value === null || value === undefined) {\n    return undefined;\n  }\n  const num = Number(value);\n  if (Number.isNaN(num)) {\n    return undefined;\n  }\n  return isInteger ? Math.floor(num) : num;\n}\n\n/**\n * Convierte valor de enum (intenta convertir a número si es posible)\n * @param value\n * @returns Valor convertido a número si es posible, sino string\n */\nfunction convertEnumValue(value: string): string | number {\n  const num = Number(value);\n  return Number.isNaN(num) ? value : num;\n}\n\n/**\n * Extrae el ID de una fila para usar como trackBy en ngFor\n * @param index - Índice de la fila\n * @param row - Fila de datos\n * @returns ID como string o índice como fallback\n */\nexport function trackById<T extends Record<string, unknown>>(index: number, row: T): string | number {\n  const id = row && typeof row === 'object' && 'id' in row\n    ? (row as Record<string, unknown>)['id']\n    : undefined;\n  return typeof id === 'string' ? id : index;\n}\n\n/**\n * Verifica si una acción debe mostrarse para una fila específica\n * CREATE se excluye porque se maneja con el botón \"+\" en el header\n * @param action - Acción a verificar\n * @param row - Fila de datos\n * @returns true si la acción debe mostrarse\n */\nexport function shouldShowAction<T extends Record<string, unknown>>(\n  action: CustomTableAction,\n  row: T\n): boolean {\n  if (action.name === 'create') {\n    return false;\n  }\n  return !action.condition || action.condition(row);\n}\n\n/**\n * Obtiene el tooltip de una acción (usa tooltip personalizado o name por defecto)\n * @param action - Acción\n * @returns Texto del tooltip\n */\nexport function getActionTooltip(action: CustomTableAction): string {\n  return action.tooltip ?? action.name;\n}\n"]}
+{"version":3,"file":"table.utils.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table.utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TableColDef, CustomTableAction } from './table.types';\n\n/**\n * Transform function para convertir valores string/boolean a boolean\n * Usado en @Input() con transform para habilitar sintaxis de atributos booleanos\n * @param value\n * @returns Valor convertido a boolean\n * @example [searchable]=\"true\" o simplemente searchable\n */\nexport function booleanAttribute(value: boolean | string): boolean {\n  return value === '' || value === true || value === 'true';\n}\n\n/**\n * Extrae mensaje de error de forma segura desde un objeto unknown\n * @param err - Error desconocido (puede ser Error, string, object, etc.)\n * @returns Mensaje de error legible\n */\nexport function getErrorMessage(err: unknown): string {\n  const error = err as { message?: string };\n  return error?.message ?? 'Error al cargar datos';\n}\n\n/**\n * Obtiene el valor de un input HTML según el tipo de columna\n * IMPORTANTE: Convierte el valor al tipo correcto antes de retornarlo\n * @param event - Evento del input\n * @param col - Definición de columna (opcional)\n * @returns Valor extraído y convertido según el tipo de columna\n */\nexport function getInputValue(event: Event, col?: TableColDef): unknown {\n  if (col?.type === 'boolean') {\n    return (event.target as HTMLInputElement).checked;\n  }\n\n  const target = event.target as HTMLInputElement | HTMLSelectElement;\n  const rawValue = target?.value;\n\n  if (!col) {\n    return rawValue;\n  }\n\n  return convertInputValueByType(rawValue, col.type);\n}\n\n/**\n * Convierte un valor de input según el tipo de columna especificado\n * @param rawValue - Valor crudo del input (string)\n * @param type - Tipo de columna\n * @returns Valor convertido al tipo apropiado\n */\nfunction convertInputValueByType(\n  rawValue: string,\n  type?: 'string' | 'number' | 'integer' | 'boolean' | 'password' | 'enum' | 'date'\n): unknown {\n  if (!type || type === 'string' || type === 'password' || type === 'date') {\n    return rawValue;\n  }\n\n  if (type === 'integer' || type === 'number') {\n    return convertToNumber(rawValue, type === 'integer');\n  }\n\n  if (type === 'enum') {\n    return convertEnumValue(rawValue);\n  }\n\n  return rawValue;\n}\n\n/**\n * Convierte string a number o integer\n * @param value\n * @param isInteger\n * @returns Número convertido o undefined si no es válido\n */\nfunction convertToNumber(value: string, isInteger: boolean): number | undefined {\n  if (value === '' || value === null || value === undefined) {\n    return undefined;\n  }\n  const num = Number(value);\n  if (Number.isNaN(num)) {\n    return undefined;\n  }\n  return isInteger ? Math.floor(num) : num;\n}\n\n/**\n * Convierte valor de enum (intenta convertir a número si es posible)\n * @param value\n * @returns Valor convertido a número si es posible, sino string\n */\nfunction convertEnumValue(value: string): string | number {\n  const num = Number(value);\n  return Number.isNaN(num) ? value : num;\n}\n\n/**\n * Extrae el ID de una fila para usar como trackBy en ngFor\n * @param index - Índice de la fila\n * @param row - Fila de datos\n * @returns ID como string o índice como fallback\n */\nexport function trackById<T extends Record<string, unknown>>(index: number, row: T): string | number {\n  const id = row && typeof row === 'object' && 'id' in row\n    ? (row as Record<string, unknown>)['id']\n    : undefined;\n  return typeof id === 'string' ? id : index;\n}\n\n/**\n * Verifica si una acción debe mostrarse para una fila específica\n * CREATE se excluye porque se maneja con el botón \"+\" en el header\n * @param action - Acción a verificar\n * @param row - Fila de datos\n * @param data - Todos los datos de la tabla (opcional)\n * @returns true si la acción debe mostrarse\n */\nexport function shouldShowAction<T extends Record<string, unknown>>(\n  action: CustomTableAction,\n  row: T,\n  data?: T[]\n): boolean {\n  if (action.name === 'create') {\n    return false;\n  }\n  return !action.condition || action.condition(row, data);\n}\n\n/**\n * Obtiene el tooltip de una acción (usa tooltip personalizado o name por defecto)\n * @param action - Acción\n * @returns Texto del tooltip\n */\nexport function getActionTooltip(action: CustomTableAction): string {\n  return action.tooltip ?? action.name;\n}\n"]}

package/index.d.ts

@@ -15,3 +15,4 @@ export * from './lib/spinner';
 export * from './lib/stat-card';
 export * from './lib/tab';
 export * from './lib/table';
+export * from './lib/error-notification';

package/lib/action-list/action-list.types.d.ts

@@ -1,4 +1,4 @@
-import { IconType } from "../icon";
+import type { IconType } from '../icon';
 export interface ActionItem {
     label: string;
     description?: string;

package/lib/error-notification/error-notification.component.d.ts

@@ -0,0 +1,20 @@
+import type { ErrorNotificationConfig } from './error-notification.types';
+import * as i0 from "@angular/core";
+/**
+ * Componente reutilizable para mostrar mensajes de error
+ */
+export declare class ErrorNotificationComponent {
+    config: import("@angular/core").InputSignal<ErrorNotificationConfig>;
+    dismiss: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Divide el mensaje en oraciones separadas por '. '
+     * Excluye la última oración si termina en punto
+     */
+    protected readonly sentences: import("@angular/core").Signal<string[]>;
+    /**
+     * Emite evento de cierre
+     */
+    protected onDismiss(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorNotificationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorNotificationComponent, "c80-error-notification", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
+}

package/lib/error-notification/error-notification.types.d.ts

@@ -0,0 +1,4 @@
+export interface ErrorNotificationConfig {
+    message: string;
+    dismissible?: boolean;
+}

package/lib/error-notification/index.d.ts

@@ -0,0 +1,2 @@
+export * from './error-notification.component';
+export * from './error-notification.types';

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

@@ -20,7 +20,7 @@ export declare class IconComponent {
     readonly iconSize: import("@angular/core").Signal<number>;
     readonly isDarkMode: import("@angular/core").Signal<boolean>;
     readonly iconColor: import("@angular/core").Signal<string>;
-    readonly iconOpacity: import("@angular/core").Signal<1 | 0.5 | 0.7>;
+    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[]>;

package/lib/modal/index.d.ts

@@ -1,2 +1,3 @@
 export * from './modal.component';
 export * from './modal.service';
+export type { ModalType, ModalConfig, ModalResult } from './modal.types';

package/lib/modal/modal.component.d.ts

@@ -1,26 +1,11 @@
 import * as i0 from "@angular/core";
-export type ModalType = 'info' | 'confirm' | 'yesNo' | 'warning' | 'error';
-export interface ModalConfig {
-    title: string;
-    message: string;
-    type?: ModalType;
-    confirmText?: string;
-    cancelText?: string;
-    yesText?: string;
-    noText?: string;
-    showCancel?: boolean;
-}
-export interface ModalResult {
-    action: 'confirm' | 'cancel' | 'yes' | 'no';
-    confirmed: boolean;
-}
 /**
  *
  */
 export declare class ModalComponent {
     private readonly modalService;
     readonly isOpen: import("@angular/core").Signal<boolean>;
-    readonly config: import("@angular/core").Signal<ModalConfig>;
+    readonly config: import("@angular/core").Signal<import("@c80/ui").ModalConfig>;
     readonly isVisible: import("@angular/core").Signal<boolean>;
     /**
      *

package/lib/modal/modal.service.d.ts

@@ -1,4 +1,4 @@
-import type { ModalConfig, ModalResult } from './modal.component';
+import type { ModalConfig, ModalResult } from './modal.types';
 import * as i0 from "@angular/core";
 /**
  *

package/lib/modal/modal.types.d.ts

@@ -0,0 +1,15 @@
+export type ModalType = 'info' | 'confirm' | 'yesNo' | 'warning' | 'error';
+export interface ModalConfig {
+    title: string;
+    message: string;
+    type?: ModalType;
+    confirmText?: string;
+    cancelText?: string;
+    yesText?: string;
+    noText?: string;
+    showCancel?: boolean;
+}
+export interface ModalResult {
+    action: 'confirm' | 'cancel' | 'yes' | 'no';
+    confirmed: boolean;
+}

package/lib/select/index.d.ts

@@ -1,2 +1,2 @@
-export * from './select.model';
+export * from './select.types';
 export * from './select.component';

package/lib/select/select.component.d.ts

@@ -1,5 +1,5 @@
 import { type ElementRef } from '@angular/core';
-import type { SelectOption } from './select.model';
+import type { SelectOption } from './select.types';
 import * as i0 from "@angular/core";
 /**
  *
@@ -21,6 +21,7 @@ export declare class SelectComponent<T = string> {
     readonly controlId: string;
     readonly searchInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     readonly filteredOptions: import("@angular/core").Signal<SelectOption<T>[]>;
+    normalizeString(str: string): string;
     /**
      *
      */

package/lib/snackbar/index.d.ts

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

package/lib/snackbar/snackbar.component.d.ts

@@ -1,4 +1,4 @@
-import type { SnackbarData } from './snackbar.model';
+import type { SnackbarData } from './snackbar.types';
 import * as i0 from "@angular/core";
 /**
  *

package/lib/snackbar/snackbar.service.d.ts

@@ -1,4 +1,4 @@
-import type { SnackbarConfig } from './snackbar.model';
+import type { SnackbarConfig } from './snackbar.types';
 import * as i0 from "@angular/core";
 /**
  *

package/lib/stat-card/index.d.ts

@@ -1 +1,2 @@
 export * from './stat-card.component';
+export type { CardDef } from './stat-card.types';

package/lib/stat-card/stat-card.component.d.ts

@@ -1,11 +1,5 @@
-import type { IconType } from '../icon/icon.types';
+import type { CardDef } from './stat-card.types';
 import * as i0 from "@angular/core";
-export interface CardDef {
-    color: string;
-    icon: IconType;
-    text: string;
-    count: number;
-}
 /**
  *
  */

package/lib/stat-card/stat-card.types.d.ts

@@ -0,0 +1,7 @@
+import type { IconType } from '../icon/icon.types';
+export interface CardDef {
+    color: string;
+    icon: IconType;
+    text: string;
+    count: number;
+}

package/lib/tab/index.d.ts

@@ -1,4 +1,4 @@
 export { TabComponent } from './c80-tab.component';
 export { C80TabItemDirective } from './directives/c80-tab-item.directive';
 export { C80TabLabelDirective } from './directives/c80-tab-label.directive';
-export type { C80Tab } from './c80-tab.model';
+export type { C80Tab } from './c80-tab.types';

package/lib/table/index.d.ts

@@ -6,3 +6,5 @@ export * from './table-column-visibility.service';
 export * from './table-data-utils.service';
 export * from './table-selection.service';
 export * from './table-crud-state.service';
+export * from './table-dto-mapper.service';
+export * from './table-pagination.service';

package/lib/table/table-dto-mapper.service.d.ts

@@ -0,0 +1,34 @@
+import type { TableColDef } from './table.types';
+import * as i0 from "@angular/core";
+/**
+ * Servicio para mapear automáticamente datos de tabla a DTOs
+ * basándose en la configuración de TableColDef.
+ *
+ * Reglas de exclusión:
+ * - readOnly: true → campo NO se incluye
+ * - accessor: 'id' → campo NO se incluye (IDs van en URL, no en body)
+ * - readOnly: false o undefined → campo se incluye
+ */
+export declare class TableDtoMapperService {
+    /**
+     * Mapea un objeto de fila a DTO, excluyendo campos readOnly e id
+     * @param row - Datos de la fila
+     * @param columns - Definiciones de columnas
+     * @param additionalFields - Campos adicionales a agregar al DTO (ej: boxId)
+     * @returns DTO con solo campos editables (sin id)
+     */
+    mapToDto(row: Record<string, unknown>, columns: TableColDef[], additionalFields?: Record<string, unknown>): Record<string, unknown>;
+    /**
+     * Convierte un valor según el tipo de columna
+     * @param value - Valor a convertir
+     * @param col - Definición de columna
+     * @returns Valor convertido
+     */
+    private convertValue;
+    private toInteger;
+    private toNumber;
+    private toBoolean;
+    private toString;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableDtoMapperService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TableDtoMapperService>;
+}

package/lib/table/table-pagination.service.d.ts

@@ -0,0 +1,41 @@
+import { type Signal } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface TablePaginationState {
+    currentPage: Signal<number>;
+    pageSize: Signal<number>;
+    totalItems: Signal<number>;
+    totalPages: Signal<number>;
+    hasNextPage: Signal<boolean>;
+    hasPrevPage: Signal<boolean>;
+    offset: Signal<number>;
+    setPage: (page: number) => void;
+    setPageSize: (size: number) => void;
+    setTotalItems: (total: number) => void;
+    nextPage: () => void;
+    prevPage: () => void;
+    reset: () => void;
+}
+/**
+ * Servicio para gestionar el estado de paginación en tablas C80
+ *
+ * Maneja:
+ * - Estado de paginación (página actual, tamaño, total)
+ * - Cálculo automático de offset para API (limit/offset)
+ * - Navegación (siguiente, anterior)
+ * - Validaciones de límites
+ */
+export declare class TablePaginationService {
+    /**
+     * Inicializa el estado de paginación para una nueva tabla
+     * @param initialPageSize - Tamaño de página inicial (default: 10)
+     * @returns Objeto con signals y métodos de paginación
+     */
+    createPaginationState(initialPageSize?: number): TablePaginationState;
+    private setPage;
+    private setPageSize;
+    private nextPage;
+    private prevPage;
+    private reset;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TablePaginationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TablePaginationService>;
+}