@jvsoft/components 0.0.7 → 0.0.9
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.
- package/dialog-flotante/dialog-flotante.component.scss +9 -0
- package/fesm2022/jvsoft-components-dialog-flotante.mjs +2 -2
- package/fesm2022/jvsoft-components-dialog-flotante.mjs.map +1 -1
- package/fesm2022/jvsoft-components-tabla-mantenimiento.mjs +49 -33
- package/fesm2022/jvsoft-components-tabla-mantenimiento.mjs.map +1 -1
- package/fesm2022/jvsoft-components.mjs +51 -35
- package/fesm2022/jvsoft-components.mjs.map +1 -1
- package/menu/public-api.d.ts +1 -0
- package/package.json +9 -9
- package/tabla-mantenimiento/interfaces/global/otros.d.ts +1 -0
- package/tabla-mantenimiento/tabla-mantenimiento.component.d.ts +7 -8
- package/tabla-mantenimiento/tabla-mantenimiento.component.scss +18 -0
package/menu/public-api.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jvsoft/components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.9",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": ">=16.0.0",
|
|
6
6
|
"@angular/core": ">=16.0.0",
|
|
@@ -30,22 +30,22 @@
|
|
|
30
30
|
"types": "./dialog-flotante/index.d.ts",
|
|
31
31
|
"default": "./fesm2022/jvsoft-components-dialog-flotante.mjs"
|
|
32
32
|
},
|
|
33
|
-
"./
|
|
34
|
-
"types": "./
|
|
35
|
-
"default": "./fesm2022/jvsoft-components-
|
|
33
|
+
"./luces-navidad": {
|
|
34
|
+
"types": "./luces-navidad/index.d.ts",
|
|
35
|
+
"default": "./fesm2022/jvsoft-components-luces-navidad.mjs"
|
|
36
36
|
},
|
|
37
37
|
"./mat-suffix-search-button": {
|
|
38
38
|
"types": "./mat-suffix-search-button/index.d.ts",
|
|
39
39
|
"default": "./fesm2022/jvsoft-components-mat-suffix-search-button.mjs"
|
|
40
40
|
},
|
|
41
|
+
"./menu": {
|
|
42
|
+
"types": "./menu/index.d.ts",
|
|
43
|
+
"default": "./fesm2022/jvsoft-components-menu.mjs"
|
|
44
|
+
},
|
|
41
45
|
"./tabla-mantenimiento": {
|
|
42
46
|
"types": "./tabla-mantenimiento/index.d.ts",
|
|
43
47
|
"default": "./fesm2022/jvsoft-components-tabla-mantenimiento.mjs"
|
|
44
48
|
},
|
|
45
|
-
"./luces-navidad": {
|
|
46
|
-
"types": "./luces-navidad/index.d.ts",
|
|
47
|
-
"default": "./fesm2022/jvsoft-components-luces-navidad.mjs"
|
|
48
|
-
},
|
|
49
49
|
"./tabla-mantenimiento/components/progress-bar": {
|
|
50
50
|
"types": "./tabla-mantenimiento/components/progress-bar/index.d.ts",
|
|
51
51
|
"default": "./fesm2022/jvsoft-components-tabla-mantenimiento-components-progress-bar.mjs"
|
|
@@ -53,4 +53,4 @@
|
|
|
53
53
|
},
|
|
54
54
|
"module": "fesm2022/jvsoft-components.mjs",
|
|
55
55
|
"typings": "index.d.ts"
|
|
56
|
-
}
|
|
56
|
+
}
|
|
@@ -3,6 +3,7 @@ import { TiposOpciones } from './boton-mantenimiento';
|
|
|
3
3
|
export interface OpcionSeleccionada {
|
|
4
4
|
readonly tableDataIndex?: number;
|
|
5
5
|
item?: any;
|
|
6
|
+
objSeleccionado?: any;
|
|
6
7
|
seccion: string;
|
|
7
8
|
tipo: TiposOpciones;
|
|
8
9
|
/** Solo emite cuando se tiene los checkbox para seleccion */
|
|
@@ -10,6 +10,7 @@ import { BotonMantenimiento, ColumnaTabla, OpcionSeleccionada, SeccionesBotonesM
|
|
|
10
10
|
import { tipoValorFuncion, TipoValorFuncion } from './interfaces/global/no-export';
|
|
11
11
|
import { capitalizarTexto } from './tabla-mantenimiento.functions';
|
|
12
12
|
import { TablaMantenimientoService } from './tabla-mantenimiento.service';
|
|
13
|
+
import { SelectionModel } from '@angular/cdk/collections';
|
|
13
14
|
import * as i0 from "@angular/core";
|
|
14
15
|
export interface MantenimientoFilaExtraData {
|
|
15
16
|
template?: TemplateRef<any>;
|
|
@@ -26,10 +27,6 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
|
|
|
26
27
|
readonly id: string;
|
|
27
28
|
get templateBotonesComunes(): BotonMantenimiento[];
|
|
28
29
|
get templateColumnasTabla(): ColumnaTabla<any>[];
|
|
29
|
-
virtualScroll: boolean;
|
|
30
|
-
itemSize: number;
|
|
31
|
-
headerize: number;
|
|
32
|
-
placeholderHeight: number;
|
|
33
30
|
dataSuscription: Observable<any> | undefined;
|
|
34
31
|
objThis: any;
|
|
35
32
|
nombreColeccion: any;
|
|
@@ -51,6 +48,8 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
|
|
|
51
48
|
opcionSelecionada: EventEmitter<any>;
|
|
52
49
|
opcBusqueda: EventEmitter<any>;
|
|
53
50
|
accionRecargar: EventEmitter<any>;
|
|
51
|
+
set selectionModel(val: SelectionModel<any>);
|
|
52
|
+
selectionModelChange: EventEmitter<SelectionModel<any>>;
|
|
54
53
|
isRecargarUsed: boolean;
|
|
55
54
|
filaExtraTemplate: TemplateRef<any> | undefined;
|
|
56
55
|
paginator: MatPaginator;
|
|
@@ -60,8 +59,6 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
|
|
|
60
59
|
pageSizeOptions: number[];
|
|
61
60
|
dataSourceChange: EventEmitter<any>;
|
|
62
61
|
resultados: EventEmitter<any>;
|
|
63
|
-
resultadosConLabel: EventEmitter<any>;
|
|
64
|
-
dataFiltro: EventEmitter<any>;
|
|
65
62
|
dataSource: MatTableDataSource<unknown, MatPaginator>;
|
|
66
63
|
table: MatTable<T>;
|
|
67
64
|
columnDefs: QueryList<MatColumnDef>;
|
|
@@ -118,6 +115,7 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
|
|
|
118
115
|
get idsSeleccionado(): string;
|
|
119
116
|
idTablaValor(data: any): string;
|
|
120
117
|
condicionesClaseFila: (item: any) => any[];
|
|
118
|
+
rowTooltip: (item: any) => string;
|
|
121
119
|
soloIconos?: TipoValorFuncion<boolean>;
|
|
122
120
|
ngOnInit(): void;
|
|
123
121
|
ngAfterContentInit(): void;
|
|
@@ -126,6 +124,7 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
|
|
|
126
124
|
agregarBotonesExportacion(): void;
|
|
127
125
|
actualizarCrud(): void;
|
|
128
126
|
classFila(item: any): any[];
|
|
127
|
+
procesarRowTooltip(item: any): string;
|
|
129
128
|
subItemsActivos(btn: any, item: any): boolean;
|
|
130
129
|
get noData(): any;
|
|
131
130
|
onFilterChange(value: string): void;
|
|
@@ -135,7 +134,7 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
|
|
|
135
134
|
botonDisabled(btn: BotonMantenimiento, item: any): boolean | undefined;
|
|
136
135
|
propiedadSeleccion(item: any): string;
|
|
137
136
|
esSeleccionActual(item: any): boolean;
|
|
138
|
-
seleccionarItem(item
|
|
137
|
+
seleccionarItem(item?: any, forzado?: boolean): void;
|
|
139
138
|
opcMenu(item: any, objMenu: OpcionSeleccionada, modal?: null, retorno?: boolean): 1 | OpcionSeleccionada;
|
|
140
139
|
emitirResultados(evento?: {}): void;
|
|
141
140
|
abrirMenuContextual({ x, y }: MouseEvent, user: any): void;
|
|
@@ -143,6 +142,6 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
|
|
|
143
142
|
emitirAccionRecargar(): void;
|
|
144
143
|
protected readonly tipoValorFuncion: typeof tipoValorFuncion;
|
|
145
144
|
static ɵfac: i0.ɵɵFactoryDeclaration<TablaMantenimientoComponent<any>, never>;
|
|
146
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TablaMantenimientoComponent<any>, "jvs-tabla-mantenimiento", never, { "
|
|
145
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TablaMantenimientoComponent<any>, "jvs-tabla-mantenimiento", never, { "dataSuscription": { "alias": "dataSuscription"; "required": false; }; "objThis": { "alias": "objThis"; "required": true; }; "nombreColeccion": { "alias": "nombreColeccion"; "required": true; }; "ctrlBusquedaValue": { "alias": "ctrlBusquedaValue"; "required": false; }; "ctrlBusquedaPlaceholder": { "alias": "ctrlBusquedaPlaceholder"; "required": false; }; "filtroCampos": { "alias": "filtroCampos"; "required": false; }; "paginador": { "alias": "paginador"; "required": false; }; "esTabla": { "alias": "esTabla"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "filaExtraHeader": { "alias": "filaExtraHeader"; "required": false; }; "filaFooter": { "alias": "filaFooter"; "required": false; }; "botonesCRUD": { "alias": "botonesCRUD"; "required": false; }; "objBotonesCRUD": { "alias": "objBotonesCRUD"; "required": false; }; "classSeleccionado": { "alias": "classSeleccionado"; "required": false; }; "classAnulado": { "alias": "classAnulado"; "required": false; }; "campoAnulado": { "alias": "campoAnulado"; "required": false; }; "campoAnuladoMensaje": { "alias": "campoAnuladoMensaje"; "required": false; }; "selectionModel": { "alias": "selectionModel"; "required": false; }; "filaExtraTemplate": { "alias": "filaExtraTemplate"; "required": false; }; "exportarExcel": { "alias": "exportarExcel"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "derechosActuales": { "alias": "derechosActuales"; "required": false; }; "ctrlBusqueda": { "alias": "ctrlBusqueda"; "required": false; }; "leyenda": { "alias": "leyenda"; "required": false; }; "idTabla": { "alias": "idTabla"; "required": true; }; "columnasTabla": { "alias": "columnasTabla"; "required": false; }; "botonesMenu": { "alias": "botonesMenu"; "required": false; }; "condicionesClaseFila": { "alias": "condicionesClaseFila"; "required": false; }; "rowTooltip": { "alias": "rowTooltip"; "required": false; }; "soloIconos": { "alias": "soloIconos"; "required": false; }; }, { "dblclickItem": "dblclickItem"; "opcionSelecionada": "opcionSelecionada"; "opcBusqueda": "opcBusqueda"; "accionRecargar": "accionRecargar"; "selectionModelChange": "selectionModelChange"; "dataSourceChange": "dataSourceChange"; "resultados": "resultados"; }, ["columnDefs"], ["[filtro]", "[objetosMenuPegado]", "[objetosMenu]", "[botonesFiltro]", "[cuerpo]", "[tableDefinitions]", "[appendTable]"], true, never>;
|
|
147
146
|
}
|
|
148
147
|
export {};
|
|
@@ -37,6 +37,24 @@
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
|
|
40
|
+
/* 1. Si hay un <div> dentro del primer td/th, insertar en el primer div */
|
|
41
|
+
tr.regTooltip > td:first-child div:first-child::before,
|
|
42
|
+
tr.regTooltip > th:first-child div:first-child::before {
|
|
43
|
+
content: '⚠️ ';
|
|
44
|
+
color: red;
|
|
45
|
+
margin-right: 4px;
|
|
46
|
+
font-size: 12px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/* 2. Si NO hay un div, insertar directamente en el td/th */
|
|
50
|
+
tr.regTooltip > td:first-child:not(:has(div))::before,
|
|
51
|
+
tr.regTooltip > th:first-child:not(:has(div))::before {
|
|
52
|
+
content: '⚠️ ';
|
|
53
|
+
color: red;
|
|
54
|
+
margin-right: 4px;
|
|
55
|
+
font-size: 12px;
|
|
56
|
+
}
|
|
57
|
+
|
|
40
58
|
.mat-mdc-menu-content:not(:empty) {
|
|
41
59
|
@apply flex flex-col items-start;
|
|
42
60
|
padding: 0 !important;
|