@jvsoft/components 0.0.2 → 0.0.4

package/index.d.ts

@@ -1,5 +1,5 @@
 export * from './dialog-flotante';
-export * from './progress-spinner';
 export * from './tabla-mantenimiento';
+export * from './tabla-mantenimiento/components/progress-bar';
 export * from './luces-navidad';
 export * from './mat-suffix-search-button';

package/luces-navidad/luces-navidad.component.scss

@@ -0,0 +1,125 @@
+
+$globe-width:   6px;
+$globe-height:  14px;
+$globe-spacing: 20px;
+$globe-spread: 1px;
+$light-off-opacity: 0.4;
+
+.lightrope {
+	left: 0;
+	text-align: center;
+	white-space: nowrap;
+	overflow: hidden;
+	position: absolute;
+	z-index: 1000;
+	margin: -8px 0 0 0;
+	padding: 0;
+	pointer-events: none;
+	width: 100%;
+	li {
+		position: relative;
+		animation-fill-mode: both;
+		animation-iteration-count:infinite;
+		list-style: none;
+		//margin: 0;
+		padding: 0;
+		width: $globe-width;
+		height: $globe-height;
+		border-radius: 50%;
+		margin: calc($globe-spacing / 2);
+		display: inline-block;
+		background: rgba(0,247,165,1);
+		box-shadow: 0px calc($globe-height/6) calc($globe-width*2) $globe-spread rgba(0,247,165,1);
+		animation-name: flash-1;
+		animation-duration: 2s;
+		&:nth-child(2n+1) {
+			background: rgba(0,255,255,1);
+			box-shadow: 0px calc($globe-height/6) calc($globe-width*2) $globe-spread rgba(0,255,255,0.5);
+			animation-name: flash-2;
+			animation-duration: 0.4s;
+		}
+		&:nth-child(4n+2) {
+			background: rgba(247,0,148,1);
+			box-shadow: 0px calc($globe-height/6) calc($globe-width*2) $globe-spread rgba(247,0,148,1);
+			animation-name: flash-3;
+			animation-duration: 1.1s;
+		}
+		/*		&:nth-child(4n+2) {
+					background: rgb(35, 71, 2);
+					box-shadow: 0px $globe-height/6 $globe-width*2 $globe-spread rgba(35,71,2,1);
+					animation-name: flash-3;
+					animation-duration: 1.1s;
+				}*/
+		&:nth-child(odd) {
+			animation-duration: 1.8s;
+		}
+		&:nth-child(3n+1) {
+			animation-duration: 1.4s;
+		}
+		&:before {
+			content: "";
+			position: absolute;
+			background: #222;
+			width: ($globe-width - 2);
+			height: calc($globe-height/3);
+			border-radius: 3px;
+			top: (0 - calc($globe-height/6));
+			left: 1px;
+		}
+		&:after {
+			content: "";
+			top: (0 - calc($globe-height/2));
+			left: $globe-width - 3;
+			position: absolute;
+			width: $globe-spacing + 12;
+			height: calc($globe-height/3 * 2);
+			border-bottom: solid #222 2px;
+			border-radius: 50%;
+		}
+		&:last-child:after {
+			content: none;
+		}
+		&:first-child {
+			margin-left: -$globe-spacing;
+		}
+	}
+}
+@keyframes flash-1 {
+	0%, 100% { background: rgba(0,247,165,1);
+		box-shadow: 0px calc($globe-height/6) calc($globe-width*2) $globe-spread rgba(0,247,165,1);}
+	50% { background: rgba(0,247,165,$light-off-opacity);
+		box-shadow: 0px calc($globe-height/6) calc($globe-width*2) $globe-spread rgba(0,247,165,0.2);}
+}
+@keyframes flash-2 {
+	0%, 100% { background: rgba(0,255,255,1);
+		box-shadow: 0px calc($globe-height/6) calc($globe-width*2) $globe-spread rgba(0,255,255,1);}
+	50% { background: rgba(0,255,255,$light-off-opacity);
+		box-shadow: 0px calc($globe-height/6) calc($globe-width*2) $globe-spread rgba(0,255,255,0.2);}
+}
+@keyframes flash-3 {
+	0%, 100% { background: rgba(247,0,148,1);
+		box-shadow: 0px calc($globe-height/6) calc($globe-width*2) $globe-spread rgba(247,0,148,1);}
+	50% { background: rgba(247,0,148,$light-off-opacity);
+		box-shadow: 0px calc($globe-height/6) calc($globe-width*2) $globe-spread rgba(247,0,148,0.2);}
+}
+.christmas-tree {
+  position: fixed;
+  bottom: 20px;
+  left: 20px;
+  width: 80px;
+  height: 120px;
+  background: url('./christmas-tree.png') no-repeat center center;
+  background-size: contain;
+  opacity: 0.8;
+  z-index: 1000;
+  animation: glow 3s infinite ease-in-out;
+}
+
+@keyframes glow {
+  0%, 100% {
+    opacity: 0.8;
+  }
+  50% {
+    opacity: 1;
+  }
+}

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@jvsoft/components",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "peerDependencies": {
-    "@angular/common": "^19.1.0",
-    "@angular/core": "^19.1.0",
-    "@angular/material": "19.1.3",
+    "@angular/common": ">=16.0.0",
+    "@angular/core": ">=16.0.0",
+    "@angular/forms": ">=16.0.0",
+    "@angular/material": ">=16.0.0",
     "@ngneat/until-destroy": "^10.0.0",
     "moment": "^2.30.1",
     "shorthash2": "^1.0.5",
@@ -15,9 +16,9 @@
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
-  "module": "fesm2022/jvsoft-components.mjs",
-  "typings": "index.d.ts",
   "exports": {
+    "./base.scss": "./src/styles/base.scss",
+    "./styles.css": "./src/styles/base-jvsoft-components.css",
     "./package.json": {
       "default": "./package.json"
     },
@@ -29,17 +30,13 @@
       "types": "./dialog-flotante/index.d.ts",
       "default": "./fesm2022/jvsoft-components-dialog-flotante.mjs"
     },
-    "./luces-navidad": {
-      "types": "./luces-navidad/index.d.ts",
-      "default": "./fesm2022/jvsoft-components-luces-navidad.mjs"
-    },
     "./mat-suffix-search-button": {
       "types": "./mat-suffix-search-button/index.d.ts",
       "default": "./fesm2022/jvsoft-components-mat-suffix-search-button.mjs"
     },
-    "./progress-spinner": {
-      "types": "./progress-spinner/index.d.ts",
-      "default": "./fesm2022/jvsoft-components-progress-spinner.mjs"
+    "./luces-navidad": {
+      "types": "./luces-navidad/index.d.ts",
+      "default": "./fesm2022/jvsoft-components-luces-navidad.mjs"
     },
     "./tabla-mantenimiento": {
       "types": "./tabla-mantenimiento/index.d.ts",
@@ -49,5 +46,7 @@
       "types": "./tabla-mantenimiento/components/progress-bar/index.d.ts",
       "default": "./fesm2022/jvsoft-components-tabla-mantenimiento-components-progress-bar.mjs"
     }
-  }
+  },
+  "module": "fesm2022/jvsoft-components.mjs",
+  "typings": "index.d.ts"
 }

package/src/styles/base-jvsoft-components.css

@@ -0,0 +1,9 @@
+@use "tailwind.scss";
+
+@use "components/index.scss";
+
+/*
+
+@import "../../components/tabla-mantenimiento/tabla-mantenimiento.component.scss";
+*/
+

package/src/styles/base.scss

@@ -0,0 +1,9 @@
+@use "tailwind.scss";
+/*@use "components/index.scss";*/
+
+
+
+@use "../../../components/tabla-mantenimiento/tabla-mantenimiento.component";
+@use "../../../components/dialog-flotante/dialog-flotante.component";
+
+

package/tabla-mantenimiento/components/progress-bar/progress-bar.component.d.ts

@@ -14,10 +14,10 @@ export declare class ProgressBarComponent implements OnInit {
     set textoMostrar(val: string);
     private _formatoNumero;
     get formatoNumero(): string;
-    set formatoNumero(val: string);
+    set formatoNumero(val: string | undefined);
     private _coloresValor;
     get coloresValor(): EstilosBarra[];
-    set coloresValor(val: EstilosBarra[]);
+    set coloresValor(val: EstilosBarra[] | undefined);
     constructor();
     ngOnInit(): void;
     colorEstilo(): {
@@ -26,5 +26,5 @@ export declare class ProgressBarComponent implements OnInit {
     };
     ordenarPorPropiedad(objData: any[], propiedad: string, numeros?: boolean): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "jvsoft-progress-bar", never, { "objThis": { "alias": "objThis"; "required": false; }; "porcentaje": { "alias": "porcentaje"; "required": false; }; "textoCentrado": { "alias": "textoCentrado"; "required": false; }; "textoMostrar": { "alias": "textoMostrar"; "required": false; }; "formatoNumero": { "alias": "formatoNumero"; "required": false; }; "coloresValor": { "alias": "coloresValor"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "jvs-progress-bar", never, { "objThis": { "alias": "objThis"; "required": false; }; "porcentaje": { "alias": "porcentaje"; "required": false; }; "textoCentrado": { "alias": "textoCentrado"; "required": false; }; "textoMostrar": { "alias": "textoMostrar"; "required": false; }; "formatoNumero": { "alias": "formatoNumero"; "required": false; }; "coloresValor": { "alias": "coloresValor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/tabla-mantenimiento/interfaces/archivo.d.ts

@@ -0,0 +1,26 @@
+export interface Archivo {
+    id: number;
+    key?: string;
+    nombre: string;
+    extension: string;
+    dataIcono?: string;
+    url?: string;
+    path?: string;
+    type?: string;
+    size?: number;
+    loading?: boolean;
+    archivoFisico?: File;
+    progress?: any;
+    keyFirmaTramite?: string;
+    cArchivoNombre?: string;
+    cArchivoKey?: any;
+    iArchivoId?: any;
+    cArchivoRuta?: string;
+    cArchivoData?: string;
+    servFile?: Archivo;
+    cantidadFirmas?: {
+        total: number;
+        digitales: number;
+        electronicas: number;
+    };
+}

package/tabla-mantenimiento/interfaces/global/columnas-tabla.d.ts

@@ -1,96 +1,120 @@
 import { TipoValorFuncion } from './otros';
 import { EstilosBarra } from '../../components/progress-bar';
-type TiposColumnas = 'estiloEstablecido' | 'text_rows' | 'text_template' | 'text' | 'number' | 'money' | 'date' | 'image' | 'estado' | 'badge' | 'progress' | 'checkbox' | 'button' | 'icon' | 'icons' | 'icon_checkbox' | 'buttons' | 'custom' | 'expandir' | 'numeracion_automatica';
-export interface ColumnaTabla<T> {
+type TiposColumnas = 'yes_no' | 'estiloEstablecido' | 'text' | 'number' | 'money' | 'date' | 'image' | 'estado' | 'badge' | 'progress' | 'checkbox' | 'icon' | 'icons' | 'icon_checkbox' | 'custom' | 'expandir' | 'numeracion_automatica';
+export interface ColumnaTablaReporte {
+    ocultar?: boolean;
+    transformar?: (row: any) => any;
+    totalizar?: boolean | {
+        campoTotal?: string;
+        transformar?(titulo?: any): any;
+    };
+    opcionesPdfmake?: {
+        titulo?: object;
+        cuerpo?: object;
+        total?: TipoValorFuncion<any>;
+    };
+}
+export interface IconsIcon {
+    icon: string;
+    iconSize?: string;
+    toolTip?: string;
+    toolTipField?: string;
+    contentCss?: string;
+    cssClass?: string;
+    click?(row: any): void;
+    esVisible?(row: any): boolean;
+}
+export type TiposColumnasNuevo = 'text' | 'checkbox' | 'money' | 'icon' | 'icons' | 'progress' | 'expandir' | 'date' | 'number';
+type PropiedadString<T> = Extract<keyof T, string>;
+interface BaseColumna<T> {
     label: string;
     labelLista?: string;
-    property?: keyof T | string | any;
+    property: PropiedadString<T> | string;
     /** esta propiedad solo se usa cuando se usará una funcion para modificarla */
-    propertyTemplate?: keyof T | string | any;
+    propertyTemplate?: PropiedadString<T> | string;
     type: TiposColumnas;
+    sort?: TipoValorFuncion<boolean>;
     sortType?: 'number' | 'date';
     reportType?: TiposColumnas;
-    visible?: boolean;
-    /** esta propiedad NO TIENE USO REAL */
-    visibleAlias?: boolean;
+    visible?: TipoValorFuncion<boolean>;
     cssClasses?: string[];
     cssClassesTH?: string[];
     textCss?: string | string[];
-    cssFooterClasses?: string | string[];
-    headerCssClasses?: string[];
-    opcSwitchIcon?: any;
-    fields?: any;
-    format?: any;
+    cssFooterClasses?: string[];
+    datosExtra?: any;
+    reporte?: ColumnaTablaReporte;
+    innerHTMLInvisible?: (row: any) => string;
+    esVisible?: () => boolean;
+    noMostrar?: () => boolean;
+    click?: (row: any) => void;
+    transformar?: (row: any) => any;
+    transformarFooter?: () => any;
+}
+export interface ColumnaTexto<T> extends BaseColumna<T> {
+    type: 'text';
+    innerHTML?: (row: any) => string;
+    zeroFill?: number;
+    text?: PropiedadesText;
+}
+export interface ColumnaCheckbox<T> extends BaseColumna<T> {
+    type: 'checkbox';
     chkField?: string | string[];
     chkFieldPersistente?: boolean;
     chkFieldSeparador?: string;
-    simboloMoneda?: any;
-    zeroFill?: null | number;
-    sticky?: boolean;
-    sort?: boolean;
-    /** @deprecated usar '`reporte`', '`ocultar`' en su lugar */
-    ocultarReporte?: boolean;
-    stickyEnd?: boolean;
-    textArray?: string[];
-    text_rows?: TextRow[];
-    estados?: object[];
-    text?: PropiedadesText;
-    reporte?: ColumnaTablaReporte;
-    /** esta propiedad solo se usa cuando el tipo es 'progress' */
-    progressbar?: PropiedadesProgressBar;
-    iconsDef?: ColumnaIcons;
-    /** usar para cargar datos extra y evaluar durante la ejecucion */
-    datosExtra?: any;
-    innerHTML?(row: any): string;
-    innerHTMLInvisible?(row: any): string;
-    click?(row: any): void;
-    esVisible?(): boolean;
-    noMostrar?(): boolean;
-    condicionHabilitado?(): boolean;
-    /** @deprecated usar '`noMostrar`' en su lugar */
-    isIncluded?(vThis: any): boolean;
-    transformar?(row: any): any;
-    transformarDirecto?(row: any): any;
-    transformarFooter?(): any;
 }
-export interface ColumnaTablaReporte {
-    ocultar?: boolean;
-    totalizar?: boolean | {
-        campoTotal?: string;
-        transformar?(titulo?: any): any;
-    };
-    opcionesPdfmake?: {
-        titulo?: object;
-        cuerpo?: object;
-        total?: TipoValorFuncion<any>;
-    };
+export interface ColumnaMoney<T> extends BaseColumna<T> {
+    type: 'money';
+    simboloMoneda?: string;
+    format?: string;
 }
-export interface PropiedadesProgressBar {
-    formatoNumero?: string;
-    coloresValor?: EstilosBarra[];
-    textoCentrado?: boolean;
-    textoMostrar?(row: any): string;
-    porcentaje(row: any): number;
+export interface ColumnaIcons<T> extends BaseColumna<T> {
+    type: 'icons';
+    iconsDef: ColumnaIconsDef;
 }
+export interface ColumnaProgress<T> extends BaseColumna<T> {
+    type: 'progress';
+    progressbar: PropiedadesProgressBar;
+}
+export interface ColumnaDate<T> extends BaseColumna<T> {
+    type: 'date';
+    format?: string;
+}
+export interface ColumnaNumber<T> extends BaseColumna<T> {
+    type: 'number';
+    format?: string;
+}
+export interface ColumnaExpandir<T> extends BaseColumna<T> {
+    type: 'expandir';
+}
+export interface ColumnaYesNo<T> extends BaseColumna<T> {
+    type: 'yes_no';
+    yesIcon?: string;
+    yesTooltip?: string;
+    yesValue?: any;
+    noIcon?: string;
+    noTooltip?: string;
+    noValue?: any;
+}
+export interface ColumnaOtros<T> extends BaseColumna<T> {
+    type: 'estiloEstablecido' | 'image' | 'custom' | 'estado' | 'numeracion_automatica';
+    /** @deprecated */
+    readonly estados?: object[];
+}
+export type ColumnaTabla<T> = ColumnaTexto<T> | ColumnaCheckbox<T> | ColumnaMoney<T> | ColumnaIcons<T> | ColumnaProgress<T> | ColumnaDate<T> | ColumnaNumber<T> | ColumnaExpandir<T> | ColumnaYesNo<T> | ColumnaOtros<T>;
 export interface PropiedadesText {
     separador?: string;
     cssContenedor?: string;
     cssStyle?: object;
-    click?(row: any): void;
+    click?: (row: any) => void;
 }
-export interface TextRow {
-    cssClasses?: string[];
-    label?: string;
-    cssLabelClasses?: string[];
-    value: string;
-    textArray?: string[];
-    salto?: boolean;
-    cssValueClasses?: string[];
-    siCampoNulo?: string[];
-    valueType?: 'number' | 'date' | 'money';
-    valueFormat?: string;
-}
-export interface ColumnaIcons {
+export interface PropiedadesProgressBar {
+    formatoNumero?: string;
+    coloresValor?: EstilosBarra[];
+    textoCentrado?: boolean;
+    textoMostrar?: (row: any) => string;
+    porcentaje: (row: any) => number;
+}
+export interface ColumnaIconsDef {
     items: TipoValorFuncion<IconsIcon[]>;
     soloIcono?: boolean;
     iconSize?: string;
@@ -102,7 +126,7 @@ export interface IconsIcon {
     toolTipField?: string;
     contentCss?: string;
     cssClass?: string;
-    click?(row: any): void;
-    esVisible?(row: any): boolean;
+    click?: (row: any) => void;
+    esVisible?: (row: any) => boolean;
 }
 export {};

package/tabla-mantenimiento/interfaces/implements/incluye-tabla-mantenimiento.d.ts

@@ -0,0 +1,12 @@
+import { ColumnaTabla, DataServidor, OpcionSeleccionada, TablaMantenimientoSeccionBotones } from '../global';
+export declare interface IncluyeTablaMantenimiento {
+    dataServidorSuscripcion?: DataServidor;
+    botonesMenu?: TablaMantenimientoSeccionBotones;
+    columnasPrincipal: ColumnaTabla<any>[];
+    seleccionados: {
+        [key: string]: any;
+    };
+    cargaInicial?<T>(): void | Promise<T>;
+    cargarLista?<T>(): void | Promise<T>;
+    opcMenu?(v: OpcionSeleccionada): void;
+}

package/tabla-mantenimiento/interfaces/implements/index.d.ts

@@ -0,0 +1 @@
+export * from './incluye-tabla-mantenimiento';

package/tabla-mantenimiento/interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from './global';
+export * from './implements';
+export * from './archivo';

package/tabla-mantenimiento/public-api.d.ts

@@ -1,3 +1,4 @@
 export * from './tabla-mantenimiento.component';
 export * from './tabla-mantenimiento.service';
 export * from './components/progress-bar';
+export * from './interfaces';

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type-date/column-type-date.component.d.ts

@@ -0,0 +1,8 @@
+import { ColumnaDate } from '../../../interfaces';
+import { ColumnTypeComponent } from '../column-type.component';
+import * as i0 from "@angular/core";
+export declare class ColumnTypeDateComponent<T> extends ColumnTypeComponent<T> {
+    column: ColumnaDate<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTypeDateComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnTypeDateComponent<any>, "jvs-column-type-date", never, { "column": { "alias": "column"; "required": true; }; }, {}, never, never, false, never>;
+}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type-icons/column-type-icons.component.d.ts

@@ -0,0 +1,9 @@
+import { ColumnaIcons, IconsIcon } from '../../../interfaces';
+import { ColumnTypeComponent } from '../column-type.component';
+import * as i0 from "@angular/core";
+export declare class ColumnTypeIconsComponent<T> extends ColumnTypeComponent<T> {
+    column: ColumnaIcons<T>;
+    obtenerItems(columna: any, row: any): IconsIcon[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTypeIconsComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnTypeIconsComponent<any>, "jvs-column-type-icons", never, { "column": { "alias": "column"; "required": true; }; }, {}, never, never, false, never>;
+}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type-money/column-type-money.component.d.ts

@@ -0,0 +1,9 @@
+import { ColumnaMoney } from '../../../interfaces';
+import { ColumnTypeComponent } from '../column-type.component';
+import * as i0 from "@angular/core";
+export declare class ColumnTypeMoneyComponent<T> extends ColumnTypeComponent<T> {
+    column: ColumnaMoney<T>;
+    value(row: any): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTypeMoneyComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnTypeMoneyComponent<any>, "jvs-column-type-money", never, { "column": { "alias": "column"; "required": true; }; }, {}, never, never, false, never>;
+}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type-number/column-type-number.component.d.ts

@@ -0,0 +1,8 @@
+import { ColumnaNumber } from '../../../interfaces';
+import { ColumnTypeComponent } from '../column-type.component';
+import * as i0 from "@angular/core";
+export declare class ColumnTypeNumberComponent<T> extends ColumnTypeComponent<T> {
+    column: ColumnaNumber<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTypeNumberComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnTypeNumberComponent<any>, "jvs-column-type-number", never, { "column": { "alias": "column"; "required": true; }; }, {}, never, never, false, never>;
+}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type-progressbar/column-type-progressbar.component.d.ts

@@ -0,0 +1,8 @@
+import { ColumnaProgress } from '../../../interfaces';
+import { ColumnTypeComponent } from '../column-type.component';
+import * as i0 from "@angular/core";
+export declare class ColumnTypeProgressbarComponent<T> extends ColumnTypeComponent<T> {
+    column: ColumnaProgress<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTypeProgressbarComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnTypeProgressbarComponent<any>, "jvs-column-type-progressbar", never, { "column": { "alias": "column"; "required": true; }; }, {}, never, never, false, never>;
+}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type-sino/column-type-sino.component.d.ts

@@ -0,0 +1,9 @@
+import { ColumnaYesNo } from '../../../interfaces';
+import { ColumnTypeComponent } from '../column-type.component';
+import * as i0 from "@angular/core";
+export declare class ColumnTypeSinoComponent<T> extends ColumnTypeComponent<T> {
+    column: ColumnaYesNo<T>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTypeSinoComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnTypeSinoComponent<any>, "jvs-column-type-sino", never, { "column": { "alias": "column"; "required": true; }; }, {}, never, never, false, never>;
+}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type-text/column-type-text.component.d.ts

@@ -0,0 +1,8 @@
+import { ColumnTypeComponent } from '../column-type.component';
+import { ColumnaTexto } from '../../../interfaces';
+import * as i0 from "@angular/core";
+export declare class ColumnTypeTextComponent<T> extends ColumnTypeComponent<T> {
+    column: ColumnaTexto<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTypeTextComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnTypeTextComponent<any>, "jvs-column-type-text", never, { "column": { "alias": "column"; "required": true; }; }, {}, never, never, false, never>;
+}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type.component.d.ts

@@ -0,0 +1,18 @@
+import { AfterViewInit, OnInit, TemplateRef } from '@angular/core';
+import { MatColumnDef, MatTable } from '@angular/material/table';
+import { ColumnaTabla } from '../../interfaces';
+import * as i0 from "@angular/core";
+export declare class ColumnTypeComponent<T> implements OnInit, AfterViewInit {
+    private table;
+    column: ColumnaTabla<T>;
+    columnDef: MatColumnDef;
+    columnTitleTemplate?: TemplateRef<any>;
+    columnFooterTemplate?: TemplateRef<any>;
+    cellTemplate: TemplateRef<any>;
+    constructor(table: MatTable<T>);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    accionClick(item: T, event: Event): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTypeComponent<any>, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnTypeComponent<any>, "jvs-column-type", never, { "column": { "alias": "column"; "required": true; }; "columnTitleTemplate": { "alias": "columnTitleTemplate"; "required": false; }; "columnFooterTemplate": { "alias": "columnFooterTemplate"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; }, {}, never, never, false, never>;
+}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type.module.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./column-type.component";
+import * as i2 from "./column-type-text/column-type-text.component";
+import * as i3 from "./column-type-money/column-type-money.component";
+import * as i4 from "./column-type-number/column-type-number.component";
+import * as i5 from "./column-type-date/column-type-date.component";
+import * as i6 from "./column-type-icons/column-type-icons.component";
+import * as i7 from "./column-type-sino/column-type-sino.component";
+import * as i8 from "./column-type-progressbar/column-type-progressbar.component";
+import * as i9 from "@angular/common";
+import * as i10 from "@angular/material/table";
+import * as i11 from "@angular/material/sort";
+import * as i12 from "@angular/material/tooltip";
+import * as i13 from "../../pipes/no-sanitize.pipe";
+import * as i14 from "../../pipes/zero-fill.pipe";
+import * as i15 from "@angular/material/core";
+import * as i16 from "@angular/material/icon";
+import * as i17 from "../../components/progress-bar/progress-bar.component";
+export declare class ColumnTypeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTypeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColumnTypeModule, [typeof i1.ColumnTypeComponent, typeof i2.ColumnTypeTextComponent, typeof i3.ColumnTypeMoneyComponent, typeof i4.ColumnTypeNumberComponent, typeof i5.ColumnTypeDateComponent, typeof i6.ColumnTypeIconsComponent, typeof i7.ColumnTypeSinoComponent, typeof i8.ColumnTypeProgressbarComponent], [typeof i9.CommonModule, typeof i10.MatTableModule, typeof i11.MatSortModule, typeof i12.MatTooltipModule, typeof i13.NoSanitizePipe, typeof i14.ZeroFillPipe, typeof i15.MatRipple, typeof i16.MatIcon, typeof i17.ProgressBarComponent], [typeof i2.ColumnTypeTextComponent, typeof i3.ColumnTypeMoneyComponent, typeof i4.ColumnTypeNumberComponent, typeof i5.ColumnTypeDateComponent, typeof i6.ColumnTypeIconsComponent, typeof i7.ColumnTypeSinoComponent, typeof i8.ColumnTypeProgressbarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColumnTypeModule>;
+}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/tabla-mantenimiento-column-defs.component.d.ts

@@ -1,9 +1,8 @@
 import { AfterContentInit, ChangeDetectorRef, EventEmitter, QueryList } from '@angular/core';
 import { MatColumnDef, MatTable } from '@angular/material/table';
-import { ColumnaTabla, IconsIcon } from '../interfaces/global';
+import { ColumnaTabla } from '../interfaces/global';
 import { DataModel } from '../classes/data-model';
 import * as i0 from "@angular/core";
-import * as i1 from "../classes/data-model";
 export declare class TablaMantenimientoColumnDefsComponent implements AfterContentInit {
     table: MatTable<any>;
     private cdRef;
@@ -12,15 +11,11 @@ export declare class TablaMantenimientoColumnDefsComponent implements AfterConte
     colDetalle: ColumnaTabla<any>[];
     chkLista: DataModel;
     chkListaChange: EventEmitter<DataModel>;
-    columnDef: QueryList<MatColumnDef>;
+    columnDefLocales: QueryList<MatColumnDef>;
+    columnDefEnSubComponentes: QueryList<MatColumnDef>;
     constructor(table: MatTable<any>, cdRef: ChangeDetectorRef);
     ngAfterContentInit(): void;
-    trackByProperty<T>(index: number, column: ColumnaTabla<T>): any;
-    verTexto(row: any, campo: any, glue?: string): any;
-    camposNulos(row: any, campos: string[]): boolean;
-    accionClick(column: any, item: any, event: any): boolean;
-    obtenerItems(columna: any, row: any): IconsIcon[];
+    trackByProperty<T>(index: number, column: ColumnaTabla<T>): string | Extract<keyof T, string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TablaMantenimientoColumnDefsComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TablaMantenimientoColumnDefsComponent, "jvs-tabla-mantenimiento-column-defs", never, { "objThis": { "alias": "objThis"; "required": false; }; "nombreColeccion": { "alias": "nombreColeccion"; "required": false; }; "colDetalle": { "alias": "colDetalle"; "required": false; }; "chkLista": { "alias": "chkLista"; "required": false; }; }, { "chkListaChange": "chkListaChange"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_chkLista: i1.DataModel;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TablaMantenimientoColumnDefsComponent, "jvs-tabla-mantenimiento-column-defs", never, { "objThis": { "alias": "objThis"; "required": false; }; "nombreColeccion": { "alias": "nombreColeccion"; "required": false; }; "colDetalle": { "alias": "colDetalle"; "required": false; }; "chkLista": { "alias": "chkLista"; "required": false; }; }, { "chkListaChange": "chkListaChange"; }, ["columnDefEnSubComponentes"], ["*"], true, never>;
 }