ng-components-tsi 0.0.67 → 0.0.69

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 (13) hide show
  1. package/fesm2022/ng-components-tsi.mjs +140 -51
  2. package/fesm2022/ng-components-tsi.mjs.map +1 -1
  3. package/lib/enums/table-events.d.ts +2 -1
  4. package/lib/modals/general/md-generico/md-generico.component.d.ts +2 -2
  5. package/lib/models/dropdownoption.model.d.ts +1 -1
  6. package/lib/ui/forms/button/button.component.d.ts +3 -2
  7. package/lib/ui/forms/inputs/autocomplete-cdk/autocomplete.component.d.ts +6 -0
  8. package/lib/ui/forms/inputs/input/input.component.d.ts +4 -4
  9. package/lib/ui/forms/inputs/input-radio/input-radio.component.d.ts +1 -1
  10. package/lib/ui/forms/lists/list-option/list-option.component.d.ts +1 -1
  11. package/lib/ui/tables/paginador/paginador.component.d.ts +1 -1
  12. package/lib/ui/tables/table-ultimate/table-ultimate.component.d.ts +28 -7
  13. package/package.json +1 -1
package/lib/enums/table-events.d.ts CHANGED
@@ -4,5 +4,6 @@ export declare enum TABLE_EVENTS {
4
4
  RIGHT_CLICK = 3,
5
5
  CHECK_ALL = 4,
6
6
  CHECK_ROW = 5,
7
- DRAG_DROP = 6
7
+ DRAG_DROP = 6,
8
+ SAVE_COLUMN_CONFIG = 7
8
9
  }
package/lib/modals/general/md-generico/md-generico.component.d.ts CHANGED
@@ -7,13 +7,13 @@ export declare class MdGenericoComponent {
7
7
  continuar2: import("@angular/core").OutputEmitterRef<void>;
8
8
  cerrar: import("@angular/core").OutputEmitterRef<void>;
9
9
  scrollable: import("@angular/core").InputSignal<boolean>;
10
- type: import("@angular/core").InputSignal<"1" | "2" | "3" | "7" | "4" | "5" | "6" | "APROB">;
10
+ type: import("@angular/core").InputSignal<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "APROB">;
11
11
  content: import("@angular/core").Signal<TemplateRef<any>>;
12
12
  footer: import("@angular/core").Signal<TemplateRef<any>>;
13
13
  showCancelar: import("@angular/core").InputSignal<boolean>;
14
14
  showAlerta: import("@angular/core").InputSignal<boolean>;
15
15
  textAlerta: import("@angular/core").InputSignal<string>;
16
- sizeTitle: import("@angular/core").InputSignal<"1" | "2" | "3" | "7" | "4" | "5" | "6" | "9" | "8">;
16
+ sizeTitle: import("@angular/core").InputSignal<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
17
17
  showFiltro: import("@angular/core").InputSignal<boolean>;
18
18
  withFiltro: import("@angular/core").ModelSignal<boolean>;
19
19
  dataFiltro: import("@angular/core").InputSignal<boolean>;
package/lib/models/dropdownoption.model.d.ts CHANGED
@@ -10,5 +10,5 @@ export declare class DropdownOption {
10
10
  submenu?: DropdownOption[];
11
11
  upload?: boolean;
12
12
  accept?: string;
13
- fileAction?: (file: File, param?: any) => void;
13
+ fileAction?: (file: File | File[], param?: any) => void;
14
14
  }
package/lib/ui/forms/button/button.component.d.ts CHANGED
@@ -25,7 +25,8 @@ export declare class ButtonComponent {
25
25
  disabled: import("@angular/core").InputSignal<boolean>;
26
26
  uploadButton: import("@angular/core").InputSignal<boolean>;
27
27
  accept: import("@angular/core").InputSignal<string>;
28
- fileSelected: import("@angular/core").OutputEmitterRef<File>;
28
+ fileSelected: import("@angular/core").OutputEmitterRef<File | File[]>;
29
+ isMultiple: import("@angular/core").InputSignal<boolean>;
29
30
  isRounded: import("@angular/core").InputSignal<boolean>;
30
31
  isNotStyle: import("@angular/core").InputSignal<boolean>;
31
32
  isFullWidth: import("@angular/core").InputSignal<boolean>;
@@ -56,5 +57,5 @@ export declare class ButtonComponent {
56
57
  isImageIcon: (icon: IconType) => boolean;
57
58
  getImageName: () => string;
58
59
  static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
59
- static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "app-button", never, { "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "variante": { "alias": "variante"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "outline": { "alias": "outline"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "texto": { "alias": "texto"; "required": false; "isSignal": true; }; "isHtml": { "alias": "isHtml"; "required": false; "isSignal": true; }; "closeButton": { "alias": "closeButton"; "required": false; "isSignal": true; }; "sunatButton": { "alias": "sunatButton"; "required": false; "isSignal": true; }; "inputButton": { "alias": "inputButton"; "required": false; "isSignal": true; }; "buttonDeshabilitado": { "alias": "buttonDeshabilitado"; "required": false; "isSignal": true; }; "atajo": { "alias": "atajo"; "required": false; "isSignal": true; }; "dropdownButton": { "alias": "dropdownButton"; "required": false; "isSignal": true; }; "extraClass": { "alias": "extraClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "uploadButton": { "alias": "uploadButton"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "isRounded": { "alias": "isRounded"; "required": false; "isSignal": true; }; "isNotStyle": { "alias": "isNotStyle"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "paddingX": { "alias": "paddingX"; "required": false; "isSignal": true; }; "paddingY": { "alias": "paddingY"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; }, { "accion": "accion"; "fileSelected": "fileSelected"; }, never, never, true, never>;
60
+ static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "app-button", never, { "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "variante": { "alias": "variante"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "outline": { "alias": "outline"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "texto": { "alias": "texto"; "required": false; "isSignal": true; }; "isHtml": { "alias": "isHtml"; "required": false; "isSignal": true; }; "closeButton": { "alias": "closeButton"; "required": false; "isSignal": true; }; "sunatButton": { "alias": "sunatButton"; "required": false; "isSignal": true; }; "inputButton": { "alias": "inputButton"; "required": false; "isSignal": true; }; "buttonDeshabilitado": { "alias": "buttonDeshabilitado"; "required": false; "isSignal": true; }; "atajo": { "alias": "atajo"; "required": false; "isSignal": true; }; "dropdownButton": { "alias": "dropdownButton"; "required": false; "isSignal": true; }; "extraClass": { "alias": "extraClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "uploadButton": { "alias": "uploadButton"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "isMultiple": { "alias": "isMultiple"; "required": false; "isSignal": true; }; "isRounded": { "alias": "isRounded"; "required": false; "isSignal": true; }; "isNotStyle": { "alias": "isNotStyle"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "paddingX": { "alias": "paddingX"; "required": false; "isSignal": true; }; "paddingY": { "alias": "paddingY"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; }, { "accion": "accion"; "fileSelected": "fileSelected"; }, never, never, true, never>;
60
61
  }
package/lib/ui/forms/inputs/autocomplete-cdk/autocomplete.component.d.ts CHANGED
@@ -24,6 +24,7 @@ export declare class AutocompleteV2Component {
24
24
  customBoxShadow: import("@angular/core").InputSignal<string>;
25
25
  customTransition: import("@angular/core").InputSignal<string>;
26
26
  lista: import("@angular/core").InputSignal<any[]>;
27
+ filterQuery: import("@angular/core").WritableSignal<string>;
27
28
  filteredItems: import("@angular/core").Signal<any[]>;
28
29
  type: import("@angular/core").InputSignal<"simple" | "doble">;
29
30
  computedType: import("@angular/core").Signal<boolean>;
@@ -31,12 +32,17 @@ export declare class AutocompleteV2Component {
31
32
  searchText: import("@angular/core").ModelSignal<string>;
32
33
  listaMap: import("@angular/core").Signal<Record<any, any>>;
33
34
  withCheckTodos: import("@angular/core").InputSignal<boolean>;
35
+ listboxId: import("@angular/core").Signal<string>;
36
+ selectedIndex: import("@angular/core").Signal<number>;
34
37
  allDisabled: import("@angular/core").ModelSignal<boolean>;
35
38
  altoContainer: import("@angular/core").InputSignal<number>;
36
39
  private resizeObserver?;
37
40
  constructor();
38
41
  filterList(text: string): any[];
39
42
  selectItem(item: any): void;
43
+ openDropdown(): void;
44
+ onBlur(): void;
45
+ onSearchInput(): void;
40
46
  blurKey(): void;
41
47
  get descriSelected(): any;
42
48
  toKeyValue<T extends Record<string, any>, K extends keyof T, V extends keyof T>(arr: T[], keyField: K, valueField: V): Record<T[K] & (string | number), T[V]>;
package/lib/ui/forms/inputs/input/input.component.d.ts CHANGED
@@ -7,12 +7,12 @@ export declare class InputComponent {
7
7
  iconButton: import("@angular/core").InputSignal<string>;
8
8
  classButton: import("@angular/core").InputSignal<string>;
9
9
  isRequired: import("@angular/core").InputSignal<boolean>;
10
- type: import("@angular/core").InputSignal<"number" | "select" | "time" | "text" | "text-area" | "date" | "number-format-decimal" | "number-integer" | "day" | "input-switch">;
11
- typeStandar: import("@angular/core").WritableSignal<"number" | "select" | "time" | "text" | "text-area" | "date" | "number-format-decimal" | "number-integer" | "day" | "input-switch">;
12
- position: import("@angular/core").InputSignal<"start" | "end" | "center">;
10
+ type: import("@angular/core").InputSignal<"number" | "date" | "select" | "time" | "text" | "text-area" | "number-format-decimal" | "number-integer" | "day" | "input-switch">;
11
+ typeStandar: import("@angular/core").WritableSignal<"number" | "date" | "select" | "time" | "text" | "text-area" | "number-format-decimal" | "number-integer" | "day" | "input-switch">;
12
+ position: import("@angular/core").InputSignal<"start" | "center" | "end">;
13
13
  value: import("@angular/core").ModelSignal<any>;
14
14
  value2: import("@angular/core").ModelSignal<any>;
15
- position_row: import("@angular/core").InputSignal<"start" | "end" | "center">;
15
+ position_row: import("@angular/core").InputSignal<"start" | "center" | "end">;
16
16
  withChangeInput: import("@angular/core").InputSignal<boolean>;
17
17
  disabled: import("@angular/core").ModelSignal<boolean>;
18
18
  isImportant: import("@angular/core").InputSignal<boolean>;
package/lib/ui/forms/inputs/input-radio/input-radio.component.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare class InputRadioComponent {
8
8
  position: import("@angular/core").InputSignal<"row" | "column">;
9
9
  onlyRow: import("@angular/core").InputSignal<boolean>;
10
10
  value: import("@angular/core").ModelSignal<any>;
11
- position_row: import("@angular/core").InputSignal<"start" | "end" | "center">;
11
+ position_row: import("@angular/core").InputSignal<"start" | "center" | "end">;
12
12
  disabled: import("@angular/core").ModelSignal<boolean>;
13
13
  lista: import("@angular/core").InputSignal<any[]>;
14
14
  keyCodigo: import("@angular/core").InputSignal<string>;
package/lib/ui/forms/lists/list-option/list-option.component.d.ts CHANGED
@@ -7,7 +7,7 @@ export declare class ListOptionComponent {
7
7
  name: import("@angular/core").InputSignal<string>;
8
8
  position: import("@angular/core").InputSignal<"row" | "column">;
9
9
  value: import("@angular/core").ModelSignal<any>;
10
- position_row: import("@angular/core").InputSignal<"start" | "end" | "center">;
10
+ position_row: import("@angular/core").InputSignal<"start" | "center" | "end">;
11
11
  disabled: import("@angular/core").ModelSignal<boolean>;
12
12
  lista: import("@angular/core").InputSignal<any[]>;
13
13
  keyCodigo: import("@angular/core").InputSignal<string>;
package/lib/ui/tables/paginador/paginador.component.d.ts CHANGED
@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
2
2
  export declare class PaginadorComponent {
3
3
  total: import("@angular/core").InputSignal<number>;
4
4
  limit: import("@angular/core").InputSignal<number>;
5
- position: import("@angular/core").InputSignal<"start" | "end" | "center">;
5
+ position: import("@angular/core").InputSignal<"start" | "center" | "end">;
6
6
  loaddata: import("@angular/core").InputSignal<(params: {
7
7
  offset: number;
8
8
  limit: number;
package/lib/ui/tables/table-ultimate/table-ultimate.component.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { ElementRef, OnDestroy, TemplateRef } from '@angular/core';
2
2
  import { TsiColumnDefDirective } from '../../../directivas/tables/tsi-column-def.directive';
3
+ import { CdkDragDrop } from '@angular/cdk/drag-drop';
3
4
  import { SelectedRow } from '../../../models/selected-row';
4
5
  import { CellRender, CellRendered } from '../../../models/cell-rendered';
5
6
  import { TableData } from '../../../models/table-data.model';
@@ -10,7 +11,7 @@ import * as i0 from "@angular/core";
10
11
  *
11
12
  * @Input columns - Array de columnas con la misma forma que table-simple
12
13
  * @Input rows - Array completo de datos
13
- * @Input rowHeight - Alto fijo de cada fila en px (default: 30)
14
+ * @Input rowHeight - Alto fijo de cada fila en px. Si es 0 (default) se resuelve por variante: 42 modern, 30 standard
14
15
  * @Input buffer - Filas extra renderizadas fuera del viewport (default: 10)
15
16
  * @Input altoContainer - Alto fijo del contenedor en px (default: 400). Se ignora si se usa altoContenedor.
16
17
  * @Input altoContenedor - Offset desde el top del viewport en px. Activa height: clamp(minAlto, calc(100vh - offset), 100vh).
@@ -22,6 +23,12 @@ import * as i0 from "@angular/core";
22
23
  * @Input withCheckbox - Muestra checkbox para selección de filas
23
24
  * @Input withTotal - Muestra fila de totales en el footer
24
25
  */
26
+ /** Configuración de orden/visibilidad de una columna, tal como se emite y se puede recibir de vuelta */
27
+ export interface ColumnConfigItem {
28
+ fieldname: string;
29
+ visible: boolean;
30
+ order: number;
31
+ }
25
32
  export declare class TableUltimateComponent implements OnDestroy {
26
33
  scrollContainer: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
27
34
  customActions: import("@angular/core").Signal<TemplateRef<any>>;
@@ -43,7 +50,7 @@ export declare class TableUltimateComponent implements OnDestroy {
43
50
  withTotal: import("@angular/core").InputSignal<boolean>;
44
51
  withHeight: import("@angular/core").InputSignal<boolean>;
45
52
  withAttachment: import("@angular/core").InputSignal<boolean>;
46
- variante: import("@angular/core").InputSignal<"modern" | "standard">;
53
+ variante: import("@angular/core").InputSignal<"standard" | "modern">;
47
54
  rendered: import("@angular/core").InputSignal<CellRendered[]>;
48
55
  dragOverRowId: import("@angular/core").WritableSignal<any>;
49
56
  titleTabla: import("@angular/core").InputSignal<string>;
@@ -61,11 +68,12 @@ export declare class TableUltimateComponent implements OnDestroy {
61
68
  scrollTop: import("@angular/core").WritableSignal<number>;
62
69
  containerHeight: import("@angular/core").WritableSignal<number>;
63
70
  sortField: import("@angular/core").WritableSignal<string>;
64
- sortDir: import("@angular/core").WritableSignal<"none" | "desc" | "asc">;
71
+ sortDir: import("@angular/core").WritableSignal<"asc" | "desc" | "none">;
65
72
  expandedRows: import("@angular/core").WritableSignal<string>;
66
73
  /** Valor aplicado como [style.height] en el template */
67
74
  heightStyle: import("@angular/core").Signal<string>;
68
75
  rowFilter: import("@angular/core").Signal<any[]>;
76
+ rowH: import("@angular/core").Signal<number>;
69
77
  totalHeight: import("@angular/core").Signal<number>;
70
78
  startIndex: import("@angular/core").Signal<number>;
71
79
  endIndex: import("@angular/core").Signal<number>;
@@ -94,10 +102,22 @@ export declare class TableUltimateComponent implements OnDestroy {
94
102
  [caption: string]: boolean;
95
103
  }>;
96
104
  toggleFiltros(event: Event): void;
97
- /** MOSTRAR COLUMNAS DE LA TABLA */
98
- visibilidadColumn: import("@angular/core").Signal<{
99
- [key: string]: boolean;
100
- }>;
105
+ /** MOSTRAR/ORDENAR COLUMNAS DE LA TABLA (engranaje del header) */
106
+ /** orden y visibilidad elegidos por el usuario, por fieldname — sembrado siempre desde columns() */
107
+ private columnState;
108
+ /** Reconstruye el estado cada vez que cambia columns() (columns() es la única fuente de verdad) */
109
+ private columnStateEffect;
110
+ private buildColumnState;
111
+ /** Columnas configurables (con caption y permitidas por diseño), en el orden elegido por el usuario */
112
+ columnasConfigurables: import("@angular/core").Signal<any[]>;
113
+ /** Columnas que realmente se pintan: configurables y marcadas como visibles */
114
+ columnasRenderizadas: import("@angular/core").Signal<any[]>;
115
+ isColumnVisible(fieldname: string): boolean;
116
+ toggleColumnVisible(fieldname: string, event: Event): void;
117
+ onColumnDrop(event: CdkDragDrop<TableData[]>): void;
118
+ guardarConfiguracionColumnas(): void;
119
+ /** Descarta los cambios sin guardar (drags/toggles) y vuelve al orden/visibilidad de columns() */
120
+ restablecerConfiguracionColumnas(): void;
101
121
  validaVisibilidad(value: boolean): boolean;
102
122
  /** CELL RENDER */
103
123
  resolveCell(col: string, row: any): CellRender | null;
@@ -121,6 +141,7 @@ export declare class TableUltimateComponent implements OnDestroy {
121
141
  onDragOver(event: DragEvent, idList: any): void;
122
142
  onDragLeave(): void;
123
143
  onDrop(event: DragEvent, row: any): void;
144
+ getRows: () => any[];
124
145
  static ɵfac: i0.ɵɵFactoryDeclaration<TableUltimateComponent, never>;
125
146
  static ɵcmp: i0.ɵɵComponentDeclaration<TableUltimateComponent, "app-table-ultimate", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "footerRows": { "alias": "footerRows"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "buffer": { "alias": "buffer"; "required": false; "isSignal": true; }; "altoContainer": { "alias": "altoContainer"; "required": false; "isSignal": true; }; "altoContenedor": { "alias": "altoContenedor"; "required": false; "isSignal": true; }; "minAlto": { "alias": "minAlto"; "required": false; "isSignal": true; }; "identifier": { "alias": "identifier"; "required": false; "isSignal": true; }; "withFiltro": { "alias": "withFiltro"; "required": false; "isSignal": true; }; "withDetails": { "alias": "withDetails"; "required": false; "isSignal": true; }; "withCheckbox": { "alias": "withCheckbox"; "required": false; "isSignal": true; }; "withTotal": { "alias": "withTotal"; "required": false; "isSignal": true; }; "withHeight": { "alias": "withHeight"; "required": false; "isSignal": true; }; "withAttachment": { "alias": "withAttachment"; "required": false; "isSignal": true; }; "variante": { "alias": "variante"; "required": false; "isSignal": true; }; "rendered": { "alias": "rendered"; "required": false; "isSignal": true; }; "titleTabla": { "alias": "titleTabla"; "required": false; "isSignal": true; }; "activeMobileMode": { "alias": "activeMobileMode"; "required": false; "isSignal": true; }; "selectedRow": { "alias": "selectedRow"; "required": false; "isSignal": true; }; "rowClassFn": { "alias": "rowClassFn"; "required": false; "isSignal": true; }; "rowDisabledFn": { "alias": "rowDisabledFn"; "required": false; "isSignal": true; }; "selectItems": { "alias": "selectItems"; "required": false; "isSignal": true; }; }, { "rowEvent": "rowEvent"; "selectedRow": "selectedRowChange"; "selectItems": "selectItemsChange"; }, ["customActions", "columnDefs", "contentFilter"], never, true, never>;
126
147
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ng-components-tsi",
3
- "version": "0.0.67",
3
+ "version": "0.0.69",
4
4
  "peerDependencies": {
5
5
  "shared-tsi": "^0.0.16",
6
6
  "core-tsi": "^0.0.16",