@c80/ui 1.0.54 → 1.0.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/esm2022/index.js +5 -0
  2. package/esm2022/index.js.map +1 -1
  3. package/esm2022/lib/action-list/action-list.component.js +23 -0
  4. package/esm2022/lib/action-list/action-list.component.js.map +1 -0
  5. package/esm2022/lib/action-list/action-list.types.js +2 -0
  6. package/esm2022/lib/action-list/action-list.types.js.map +1 -0
  7. package/esm2022/lib/action-list/index.js +3 -0
  8. package/esm2022/lib/action-list/index.js.map +1 -0
  9. package/esm2022/lib/card-level/card-level.component.js +7 -0
  10. package/esm2022/lib/card-level/card-level.component.js.map +1 -1
  11. package/esm2022/lib/header/header.component.js +18 -0
  12. package/esm2022/lib/header/header.component.js.map +1 -0
  13. package/esm2022/lib/header/header.types.js +2 -0
  14. package/esm2022/lib/header/header.types.js.map +1 -0
  15. package/esm2022/lib/header/index.js +3 -0
  16. package/esm2022/lib/header/index.js.map +1 -0
  17. package/esm2022/lib/icon/icon.component.js +22 -11
  18. package/esm2022/lib/icon/icon.component.js.map +1 -1
  19. package/esm2022/lib/icon/icon.constants.js +3 -1
  20. package/esm2022/lib/icon/icon.constants.js.map +1 -1
  21. package/esm2022/lib/icon/icon.definitions.js +19 -5
  22. package/esm2022/lib/icon/icon.definitions.js.map +1 -1
  23. package/esm2022/lib/icon/icon.types.js.map +1 -1
  24. package/esm2022/lib/icon/icon.utils.js +3 -0
  25. package/esm2022/lib/icon/icon.utils.js.map +1 -1
  26. package/esm2022/lib/icon/index.js +1 -0
  27. package/esm2022/lib/icon/index.js.map +1 -1
  28. package/esm2022/lib/icon/theme.service.js +39 -0
  29. package/esm2022/lib/icon/theme.service.js.map +1 -0
  30. package/esm2022/lib/info-list/index.js +3 -0
  31. package/esm2022/lib/info-list/index.js.map +1 -0
  32. package/esm2022/lib/info-list/info-list.component.js +12 -0
  33. package/esm2022/lib/info-list/info-list.component.js.map +1 -0
  34. package/esm2022/lib/info-list/info-list.types.js +2 -0
  35. package/esm2022/lib/info-list/info-list.types.js.map +1 -0
  36. package/esm2022/lib/input-field/index.js +2 -0
  37. package/esm2022/lib/input-field/index.js.map +1 -0
  38. package/esm2022/lib/input-field/input-field.component.js +37 -0
  39. package/esm2022/lib/input-field/input-field.component.js.map +1 -0
  40. package/esm2022/lib/modal/modal.component.js +6 -6
  41. package/esm2022/lib/modal/modal.component.js.map +1 -1
  42. package/esm2022/lib/profile-stats/index.js +3 -0
  43. package/esm2022/lib/profile-stats/index.js.map +1 -0
  44. package/esm2022/lib/profile-stats/profile-stats.component.js +12 -0
  45. package/esm2022/lib/profile-stats/profile-stats.component.js.map +1 -0
  46. package/esm2022/lib/profile-stats/profile-stats.types.js +2 -0
  47. package/esm2022/lib/profile-stats/profile-stats.types.js.map +1 -0
  48. package/esm2022/lib/stat-card/stat-card.component.js +6 -6
  49. package/esm2022/lib/stat-card/stat-card.component.js.map +1 -1
  50. package/esm2022/lib/tab/c80-tab.component.js +6 -6
  51. package/esm2022/lib/tab/c80-tab.component.js.map +1 -1
  52. package/esm2022/lib/tab/directives/c80-tab-item.directive.js.map +1 -0
  53. package/esm2022/lib/tab/directives/c80-tab-label.directive.js.map +1 -0
  54. package/esm2022/lib/tab/index.js +3 -3
  55. package/esm2022/lib/tab/index.js.map +1 -1
  56. package/esm2022/lib/table/table-column-visibility.service.js.map +1 -1
  57. package/esm2022/lib/table/table-crud-state.service.js.map +1 -1
  58. package/esm2022/lib/table/table-data-converter.service.js.map +1 -1
  59. package/esm2022/lib/table/table-data-utils.service.js.map +1 -1
  60. package/esm2022/lib/table/table.component.js +26 -7
  61. package/esm2022/lib/table/table.component.js.map +1 -1
  62. package/esm2022/lib/table/table.types.js.map +1 -1
  63. package/esm2022/lib/table/table.utils.js.map +1 -1
  64. package/index.d.ts +5 -0
  65. package/lib/action-list/action-list.component.d.ts +10 -0
  66. package/lib/action-list/action-list.types.d.ts +8 -0
  67. package/lib/action-list/index.d.ts +2 -0
  68. package/lib/header/header.component.d.ts +9 -0
  69. package/lib/header/header.types.d.ts +3 -0
  70. package/lib/header/index.d.ts +2 -0
  71. package/lib/icon/icon.component.d.ts +7 -4
  72. package/lib/icon/icon.constants.d.ts +2 -0
  73. package/lib/icon/icon.types.d.ts +3 -1
  74. package/lib/icon/index.d.ts +1 -0
  75. package/lib/icon/theme.service.d.ts +10 -0
  76. package/lib/info-list/index.d.ts +2 -0
  77. package/lib/info-list/info-list.component.d.ts +7 -0
  78. package/lib/info-list/info-list.types.d.ts +4 -0
  79. package/lib/input-field/index.d.ts +1 -0
  80. package/lib/input-field/input-field.component.d.ts +19 -0
  81. package/lib/modal/modal.component.d.ts +3 -3
  82. package/lib/profile-stats/index.d.ts +2 -0
  83. package/lib/profile-stats/profile-stats.component.d.ts +7 -0
  84. package/lib/profile-stats/profile-stats.types.d.ts +4 -0
  85. package/lib/stat-card/stat-card.component.d.ts +3 -3
  86. package/lib/tab/c80-tab.component.d.ts +5 -5
  87. package/lib/tab/index.d.ts +3 -3
  88. package/lib/table/table-column-visibility.service.d.ts +5 -5
  89. package/lib/table/table-crud-state.service.d.ts +3 -3
  90. package/lib/table/table-data-converter.service.d.ts +2 -2
  91. package/lib/table/table-data-utils.service.d.ts +6 -6
  92. package/lib/table/table.component.d.ts +14 -14
  93. package/lib/table/table.types.d.ts +1 -1
  94. package/lib/table/table.utils.d.ts +2 -2
  95. package/package.json +1 -1
  96. package/esm2022/lib/tab/c80-tab-item.directive.js.map +0 -1
  97. package/esm2022/lib/tab/c80-tab-label.directive.js.map +0 -1
  98. /package/esm2022/lib/tab/{c80-tab-item.directive.js → directives/c80-tab-item.directive.js} +0 -0
  99. /package/esm2022/lib/tab/{c80-tab-label.directive.js → directives/c80-tab-label.directive.js} +0 -0
  100. /package/lib/tab/{c80-tab-item.directive.d.ts → directives/c80-tab-item.directive.d.ts} +0 -0
  101. /package/lib/tab/{c80-tab-label.directive.d.ts → directives/c80-tab-label.directive.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- import type { C80TableColDef } from './table.types';
1
+ import type { TableColDef } from './table.types';
2
2
  import * as i0 from "@angular/core";
3
3
  /**
4
4
  * Servicio para conversión y validación de tipos de datos en tablas C80
@@ -14,7 +14,7 @@ export declare class TableDataConverterService {
14
14
  * @param sampleValue - Valor de muestra para inferir el tipo (opcional)
15
15
  * @returns Valor convertido al tipo apropiado
16
16
  */
17
- convertCellValue(value: unknown, col: C80TableColDef, sampleValue?: unknown): unknown;
17
+ convertCellValue(value: unknown, col: TableColDef, sampleValue?: unknown): unknown;
18
18
  /**
19
19
  * Convierte un valor a boolean usando mejores prácticas
20
20
  * @param value - Valor a convertir
@@ -1,4 +1,4 @@
1
- import type { C80TableColDef } from './table.types';
1
+ import type { TableColDef } from './table.types';
2
2
  import * as i0 from "@angular/core";
3
3
  /**
4
4
  * Servicio para utilidades de manipulación de datos en tablas C80
@@ -30,7 +30,7 @@ export declare class TableDataUtilsService {
30
30
  * @param col - Definición de columna (opcional) para formateo específico por tipo
31
31
  * @returns Cadena formateada para display
32
32
  */
33
- getDisplayValue(value: unknown, col?: C80TableColDef): string;
33
+ getDisplayValue(value: unknown, col?: TableColDef): string;
34
34
  private formatValueByType;
35
35
  private formatPrimitiveValue;
36
36
  /**
@@ -46,13 +46,13 @@ export declare class TableDataUtilsService {
46
46
  * @param col - Definición de la columna
47
47
  * @returns Texto formateado del enum
48
48
  */
49
- getEnumDisplayValue(value: unknown, col: C80TableColDef): string;
49
+ getEnumDisplayValue(value: unknown, col: TableColDef): string;
50
50
  /**
51
51
  * Obtiene las opciones del enum como array para dropdowns select
52
52
  * @param col - Definición de la columna
53
53
  * @returns Array de opciones con value y label
54
54
  */
55
- getEnumOptions(col: C80TableColDef): {
55
+ getEnumOptions(col: TableColDef): {
56
56
  value: string | number;
57
57
  label: string;
58
58
  }[];
@@ -62,13 +62,13 @@ export declare class TableDataUtilsService {
62
62
  * @param col - Definición de la columna
63
63
  * @returns Color CSS o undefined si no hay configuración
64
64
  */
65
- getCellColor(value: unknown, col: C80TableColDef): string | undefined;
65
+ getCellColor(value: unknown, col: TableColDef): string | undefined;
66
66
  /**
67
67
  * Aplica ordenamiento a los items basándose en las columnas con configuración de orden
68
68
  * @param items - Array de items a ordenar (se modifica in-place)
69
69
  * @param columns - Definiciones de columnas
70
70
  */
71
- applySorting<T extends Record<string, unknown>>(items: T[], columns: C80TableColDef[]): void;
71
+ applySorting<T extends Record<string, unknown>>(items: T[], columns: TableColDef[]): void;
72
72
  /**
73
73
  * Calcula el max-height de la tabla basado en el tamaño
74
74
  * @param size - Tamaño configurado (0 = sin límite)
@@ -1,6 +1,6 @@
1
1
  import { type OnInit, type OnDestroy } from '@angular/core';
2
2
  import type { Observable } from 'rxjs';
3
- import type { C80TableColDef, CustomTableAction } from './table.types';
3
+ import type { TableColDef, CustomTableAction } from './table.types';
4
4
  import { getActionTooltip } from './table.utils';
5
5
  import * as i0 from "@angular/core";
6
6
  /**
@@ -125,7 +125,7 @@ import * as i0 from "@angular/core";
125
125
  * - customActions con CREATE → Muestra botón "+" en header
126
126
  * - customActions con UPDATE → Botón "edit" activa modo edición
127
127
  * - customActions con custom → Botón personalizado emite evento
128
- */ export declare class C80TableComponent<T extends Record<string, unknown>> implements OnInit, OnDestroy {
128
+ */ export declare class TableComponent<T extends Record<string, unknown>> implements OnInit, OnDestroy {
129
129
  private readonly modalService;
130
130
  private readonly visibilityService;
131
131
  private readonly dataUtils;
@@ -133,7 +133,7 @@ import * as i0 from "@angular/core";
133
133
  private readonly selectionService;
134
134
  private readonly crudService;
135
135
  readonly data$: import("@angular/core").InputSignal<Observable<T[]>>;
136
- readonly columns: import("@angular/core").InputSignal<C80TableColDef[]>;
136
+ readonly columns: import("@angular/core").InputSignal<TableColDef[]>;
137
137
  readonly inputValues$: import("@angular/core").InputSignal<Observable<Partial<T>> | undefined>;
138
138
  readonly customActions: import("@angular/core").InputSignal<CustomTableAction[]>;
139
139
  readonly size: import("@angular/core").InputSignal<number>;
@@ -178,8 +178,8 @@ import * as i0 from "@angular/core";
178
178
  private handleConfirmAction;
179
179
  ngOnInit(): void;
180
180
  ngOnDestroy(): void;
181
- onInput(event: Event, key: string, col?: C80TableColDef): void;
182
- onEditInput(event: Event, key: string, col?: C80TableColDef): void;
181
+ onInput(event: Event, key: string, col?: TableColDef): void;
182
+ onEditInput(event: Event, key: string, col?: TableColDef): void;
183
183
  onDelete(row: T): Promise<void>;
184
184
  onCancel(row: T): Promise<void>;
185
185
  startCreate(): void;
@@ -224,13 +224,13 @@ import * as i0 from "@angular/core";
224
224
  */
225
225
  clearSearch(): void;
226
226
  readonly getCellValue: <T_1 extends Record<string, unknown>>(row: T_1, accessor: string) => unknown;
227
- readonly getDisplayValue: (value: unknown, col?: C80TableColDef) => string;
228
- readonly getEnumDisplayValue: (value: unknown, col: C80TableColDef) => string;
229
- readonly getEnumOptions: (col: C80TableColDef) => {
227
+ readonly getDisplayValue: (value: unknown, col?: TableColDef) => string;
228
+ readonly getEnumDisplayValue: (value: unknown, col: TableColDef) => string;
229
+ readonly getEnumOptions: (col: TableColDef) => {
230
230
  value: string | number;
231
231
  label: string;
232
232
  }[];
233
- readonly getCellColor: (value: unknown, col: C80TableColDef) => string | undefined;
233
+ readonly getCellColor: (value: unknown, col: TableColDef) => string | undefined;
234
234
  /**
235
235
  * Selection methods
236
236
  */
@@ -243,14 +243,14 @@ import * as i0 from "@angular/core";
243
243
  toggleSelectAll(): void;
244
244
  toggleItemSelection(item: T): void;
245
245
  isItemSelected(item: T): boolean;
246
- isColumnVisible(column: C80TableColDef): boolean;
247
- isColumnVisibleInHeader(column: C80TableColDef): boolean;
248
- isColumnVisibleForRow(column: C80TableColDef, row: T): boolean;
246
+ isColumnVisible(column: TableColDef): boolean;
247
+ isColumnVisibleInHeader(column: TableColDef): boolean;
248
+ isColumnVisibleForRow(column: TableColDef, row: T): boolean;
249
249
  /**
250
250
  * Obtiene el color de una acción considerando el tema actual.
251
251
  * Si la acción tiene color explícito, lo usa. Si no, aplica color por tema.
252
252
  */
253
253
  getActionColor(action: CustomTableAction): string | undefined;
254
- static ɵfac: i0.ɵɵFactoryDeclaration<C80TableComponent<any>, never>;
255
- static ɵcmp: i0.ɵɵComponentDeclaration<C80TableComponent<any>, "c80-table", never, { "data$": { "alias": "data$"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "inputValues$": { "alias": "inputValues$"; "required": false; "isSignal": true; }; "customActions": { "alias": "customActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "allowSelection": { "alias": "allowSelection"; "required": false; "isSignal": true; }; "noConfirm": { "alias": "noConfirm"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; "searchTerm": "searchTerm"; "errorEvent": "errorEvent"; "selectable": "selectable"; }, never, never, true, never>;
254
+ static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
255
+ static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "c80-table", never, { "data$": { "alias": "data$"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "inputValues$": { "alias": "inputValues$"; "required": false; "isSignal": true; }; "customActions": { "alias": "customActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "allowSelection": { "alias": "allowSelection"; "required": false; "isSignal": true; }; "noConfirm": { "alias": "noConfirm"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; "searchTerm": "searchTerm"; "errorEvent": "errorEvent"; "selectable": "selectable"; }, never, never, true, never>;
256
256
  }
@@ -2,7 +2,7 @@
2
2
  * Tipos comunes para las tablas C80
3
3
  */
4
4
  import type { IconType } from '../icon';
5
- export interface C80TableColDef {
5
+ export interface TableColDef {
6
6
  accessor: string;
7
7
  label: string;
8
8
  visible?: boolean;
@@ -1,4 +1,4 @@
1
- import type { C80TableColDef, CustomTableAction } from './table.types';
1
+ import type { TableColDef, CustomTableAction } from './table.types';
2
2
  /**
3
3
  * Transform function para convertir valores string/boolean a boolean
4
4
  * Usado en @Input() con transform para habilitar sintaxis de atributos booleanos
@@ -18,7 +18,7 @@ export declare function getErrorMessage(err: unknown): string;
18
18
  * @param col - Definición de columna (opcional)
19
19
  * @returns Valor extraído y convertido según el tipo de columna
20
20
  */
21
- export declare function getInputValue(event: Event, col?: C80TableColDef): unknown;
21
+ export declare function getInputValue(event: Event, col?: TableColDef): unknown;
22
22
  /**
23
23
  * Extrae el ID de una fila para usar como trackBy en ngFor
24
24
  * @param index - Índice de la fila
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@c80/ui",
3
- "version": "1.0.54",
3
+ "version": "1.0.56",
4
4
  "peerDependencies": {
5
5
  "@angular/core": "^20.3.9",
6
6
  "rxjs": "~7.8.0",
@@ -1 +0,0 @@
1
- {"version":3,"file":"c80-tab-item.directive.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/tab/c80-tab-item.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAO/D,MAAM,OAAO,mBAAmB;IACrB,OAAO,GAAG,MAAM,CAAC,CAAA,WAAoB,CAAA,CAAC,CAAC;wGADrC,mBAAmB;4FAAnB,mBAAmB;;4FAAnB,mBAAmB;kBAL/B,SAAS;mBAAC;oBACT,8DAA8D;oBAC9D,QAAQ,EAAE,WAAW;oBACrB,UAAU,EAAE,IAAI;iBACjB","sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[tabItem]',\n standalone: true,\n})\nexport class C80TabItemDirective {\n readonly content = inject(TemplateRef<unknown>);\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"c80-tab-label.directive.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/tab/c80-tab-label.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAO/D,MAAM,OAAO,oBAAoB;IACtB,QAAQ,GAAG,MAAM,CAAC,CAAA,WAAoB,CAAA,CAAC,CAAC;wGADtC,oBAAoB;4FAApB,oBAAoB;;4FAApB,oBAAoB;kBALhC,SAAS;mBAAC;oBACT,8DAA8D;oBAC9D,QAAQ,EAAE,YAAY;oBACtB,UAAU,EAAE,IAAI;iBACjB","sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[tabLabel]',\n standalone: true,\n})\nexport class C80TabLabelDirective {\n readonly template = inject(TemplateRef<unknown>);\n}\n"]}