@jvsoft/components 0.0.13-alpha.1 → 0.0.13-alpha.3

package/tabla-mantenimiento/classes/data-model.ts

@@ -1,150 +0,0 @@
-import {AbstractControl, FormControl, FormControlOptions, FormGroup, ValidationErrors, ValidatorFn, Validators} from '@angular/forms';
-import {esNumero} from '../tabla-mantenimiento.functions';
-
-export class DataModel {
-    public modelosChk: { [key: string]: boolean | any } = {}; // Usar any para valores dinámicos
-
-    public checkbox: ForCheckboxModel;
-
-    constructor() {
-        this.checkbox = new ForCheckboxModel(this);
-    }
-
-    generarId(row: any, campoValor: string[] | string, separador = '') {
-        if (typeof campoValor == 'string') {
-            campoValor = [campoValor];
-        }
-        return campoValor.map(data => row[data]).join(separador);
-    }
-
-    // Agrega controles al objeto modelosChk
-    agregarControles(lista: any[], idLista: string, limpiar = true, campoValor: string[] | string | null = null, campoValorSeparador = '') {
-
-        if (limpiar) {
-            this.modelosChk = {};
-        }
-
-        const asignarValor = (dat: any, idLista: string, campoValor: string, key?: string) => {
-            if (!key) {
-                key = dat[idLista] + (campoValor.includes('.') ? '':`.${campoValor}`);
-            }
-            const mat = campoValor.match(/^([in])[A-Z][a-zA-Z]+/);
-            if (mat) {
-                this.modelosChk[key] = dat[campoValor] * 1;
-            }
-            else {
-                this.modelosChk[key] = dat[campoValor];
-            }
-        }
-
-
-        lista.forEach(dat => {
-            if (campoValor === null) {
-                // Caso 1: Sin campoValor, se asigna false
-                this.modelosChk[dat[idLista]] = false;
-            }
-            else if (typeof campoValor === 'string') {
-                // Caso 2: campoValor es un string
-                asignarValor(dat, idLista, campoValor, dat[idLista]);
-            }
-            else if (campoValorSeparador) {
-                const idStr = this.generarId(dat, campoValor, campoValorSeparador);
-                // Caso 2: campoValor es un string
-                asignarValor(dat, idLista, '.', idStr);
-            }
-            else {
-                // Caso 3: campoValor es un array de strings
-                campoValor.forEach(data => asignarValor(dat, idLista, data));
-            }
-        });
-    }
-
-    // Establece el estado de un índice
-    setState(idx: string, state: boolean) {
-        this.modelosChk[idx] = state;
-    }
-
-    // Obtiene el estado de un índice
-    getState(idx: string): boolean | any {
-        return this.modelosChk[idx];
-    }
-
-    getDataMultiple(idx: string) {
-        const camposMod = Object.keys(this.modelosChk).filter(key => key.split('.')[0] == idx);
-        const vRet: any = {};
-        camposMod.forEach(key => {
-            vRet[key.split('.')[1]] = this.modelosChk[key];
-        });
-        return vRet;
-    }
-
-    // Genera una lista basada en el estado de los índices
-    generarLista(tipoRetorno: 'array' | 'object' | null = null, esCampoNumerico = false): string | object | any[] {
-        const strLista: string[] = [];
-        const objLista: { [key: string]: boolean | any } = {};
-        Object.keys(this.modelosChk).forEach(key => {
-            if ((esCampoNumerico && esNumero(this.modelosChk[key])) ||
-                (this.modelosChk[key])
-            ) {
-                strLista.push(key);
-                objLista[key] = this.modelosChk[key];
-            }
-        });
-        if (tipoRetorno === 'array') {
-            return strLista;
-        }
-        if (tipoRetorno === 'object') {
-            return objLista;
-        }
-        return strLista.join(',');
-    }
-
-    generarFormGroupFromModelosChk(tipo?: string): FormGroup {
-        const formGroupObj: { [key: string]: FormControl } = {};
-        let validadores: ValidatorFn | ((control: AbstractControl) => ValidationErrors | null)[] | FormControlOptions | null | undefined = []
-        if (tipo == 'number') {
-            validadores = [
-                Validators.required,
-                Validators.min(1)
-            ]
-        }
-        Object.keys(this.modelosChk).forEach(key => {
-            formGroupObj[key] = new FormControl(this.modelosChk[key], validadores);
-        });
-        return new FormGroup(formGroupObj);
-
-        // return this.formBuilder.group(formGroupObj);
-    }
-}
-
-class ForCheckboxModel {
-    private modeloCheck: DataModel;
-
-    constructor(modeloCheck: DataModel) {
-        this.modeloCheck = modeloCheck;
-    }
-
-    get cantidadActivos() {
-        return Object.values(this.modeloCheck.modelosChk).filter(Boolean).length;
-    }
-
-    get existenActivados() {
-        return this.cantidadActivos > 0;
-    }
-
-    get todosActivos() {
-        const total = Object.keys(this.modeloCheck.modelosChk).length;
-        const activos = this.cantidadActivos;
-        return activos > 0 && total === activos;
-    }
-
-    get algunosActivos() {
-        const total = Object.keys(this.modeloCheck.modelosChk).length;
-        const activos = this.cantidadActivos;
-        return activos > 0 && total !== activos;
-    }
-
-    establecerTodos(activo: boolean) {
-        Object.keys(this.modeloCheck.modelosChk).forEach(idx => this.modeloCheck.modelosChk[idx] = activo);
-    }
-}

package/tabla-mantenimiento/components/progress-bar/index.ts

@@ -1 +0,0 @@
-export * from './public-api'

package/tabla-mantenimiento/components/progress-bar/ng-package.json

@@ -1,5 +0,0 @@
-{
-  "lib": {
-    "entryFile": "public-api.ts"
-  }
-}

package/tabla-mantenimiento/components/progress-bar/progress-bar.component.html

@@ -1,10 +0,0 @@
-<div class="w-full bg-gray-200 text-gray-700 rounded-full" [class.text-center]="textoCentrado">
-	<div class="text-xxs font-medium text-center p-1 leading-none rounded-full"
-		 [ngClass]="colorEstilo().class ? colorEstilo().class : 'bg-blue-600 text-blue-100'"
-		 [style]="colorEstilo().style ? colorEstilo().style : ''"
-		 [style.width]="(textoCentrado ? 100 : porcentaje) + '%'"
-	>
-        <span *ngIf="textoMostrar else defaultText;" class="whitespace-nowrap">{{ textoMostrar }}</span>
-        <ng-template #defaultText>{{ porcentaje | number: formatoNumero }}%</ng-template>
-    </div>
-</div>

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

@@ -1,85 +0,0 @@
-import {Component, Input, OnInit} from '@angular/core';
-import {CommonModule, DecimalPipe} from '@angular/common';
-
-export interface EstilosBarra {
-	valorMaximo: number;
-	class?: string;
-	style?: string;
-}
-
-@Component({
-    selector: 'jvs-progress-bar',
-    templateUrl: './progress-bar.component.html',
-    imports: [
-        CommonModule,
-        DecimalPipe
-    ],
-    host: {
-        class: 'jvs-progress-bar',
-    }
-})
-export class ProgressBarComponent implements OnInit {
-
-	@Input() objThis: any;
-	@Input() porcentaje = 0;
-	@Input() textoCentrado = false;
-
-    private _textoMostrar: string = '';
-    get textoMostrar(): string { return this._textoMostrar; }
-	@Input() set textoMostrar(val: string) { this._textoMostrar = val; }
-
-    private _formatoNumero: string = '';
-    get formatoNumero(): string { return this._formatoNumero; }
-	@Input() set formatoNumero(val: string | undefined) { this._formatoNumero = val ?? '1.0-0'; }
-
-    private _coloresValor: EstilosBarra[] = [];
-    get coloresValor(): EstilosBarra[] { return this._coloresValor; }
-    @Input() set coloresValor(val: EstilosBarra[] | undefined ) {
-        if (!val || !Array.isArray(val)) {
-            this._coloresValor = [
-                {valorMaximo: 1, class: 'p-0'},
-                {valorMaximo: 40, class: 'bg-red-400 text-red-900'},
-                // {valorMaximo: 35, class: 'bg-red-600 text-red-100'},
-                {valorMaximo: 80, class: 'bg-yellow-600 text-yellow-100'},
-                {valorMaximo: 100, class: 'bg-green-600 text-green-100'},
-            ];
-        }
-        else {
-            this._coloresValor = val;
-        }
-    }
-
-	constructor() { }
-
-	ngOnInit(): void {
-	}
-
-	colorEstilo(): {style: string, class: string} {
-		let estiloFin = null;
-		let claseFin = null;
-		let encontro = false;
-
-		this.coloresValor = this.ordenarPorPropiedad(this.coloresValor, 'valorMaximo');
-
-		this.coloresValor.forEach(estilo => {
-			if (!encontro && (this.porcentaje <= estilo.valorMaximo)) {
-				// console.log(this.porcentaje, estilo, (this.porcentaje < estilo.valorMaximo));
-				encontro = true;
-				estiloFin = estilo.style;
-				claseFin = estilo.class;
-			}
-		});
-		return {
-			style: estiloFin ?? '',
-			class: claseFin ?? '',
-		};
-	}
-
-    ordenarPorPropiedad(objData: any[], propiedad: string, numeros = false) {
-        if (numeros) {
-            return objData.sort((a, b) => a[propiedad] - b[propiedad]);
-        }
-        return objData.sort((a, b) => (a[propiedad] > b[propiedad]) ? 1:((b[propiedad] > a[propiedad]) ? -1:0));
-    }
-
-}

package/tabla-mantenimiento/components/progress-bar/public-api.ts

@@ -1,2 +0,0 @@
-export * from './progress-bar.component';
-// export * from './progress-spinner.service';

package/tabla-mantenimiento/index.ts

@@ -1 +0,0 @@
-export * from './public-api'

package/tabla-mantenimiento/interfaces/global/no-export.ts

@@ -1,11 +0,0 @@
-export type TipoValorFuncion<T> = T | ((...param: any) => T);
-
-export function tipoValorFuncion<T>(datoParam: TipoValorFuncion<T>, defaultValue?: T, ...param: any[]): T | undefined {
-    if (datoParam === undefined || datoParam === null) {
-        return defaultValue;  // Retorna el valor por defecto si es undefined
-    }
-    if (typeof datoParam === 'function') {
-        return (datoParam as (...args: any) => T)(...param);
-    }
-    return datoParam;
-}

package/tabla-mantenimiento/mat-row-keyboard-selection.directive.ts

@@ -1,97 +0,0 @@
-import {Directive, ElementRef, EventEmitter, HostListener, Input, OnDestroy, OnInit, Output} from '@angular/core';
-import {MatTable, MatTableDataSource} from '@angular/material/table';
-import {Subject, takeUntil} from 'rxjs';
-
-@Directive({
-    selector: '[matRowKeyboardSelection]'
-})
-export class MatRowKeyboardSelectionDirective implements OnInit, OnDestroy {
-
-    private rows!: HTMLElement[];
-    private renderedData!: any[];
-
-    @Input('matRowKeyboardSelection') tabla!: MatTable<any>; // Entrada: Referencia a la tabla
-    @Input() rowModel: any; // Entrada: Modelo de fila actual
-    @Output() seleccionarSiguiente = new EventEmitter(); // Salida: Evento al seleccionar siguiente
-
-    private unsubscriber$ = new Subject();
-
-    constructor(private el: ElementRef) {}
-
-    ngOnInit(): void {
-        // Asignar tabindex si no está definido
-        if (this.el.nativeElement.tabIndex < 0) {
-            this.el.nativeElement.tabIndex = 0;
-        }
-
-        // Obtener la fuente de datos de la tabla
-        const dataSource = this.tabla.dataSource as MatTableDataSource<any>;
-
-        // Suscribirse a los cambios en los datos
-        dataSource.connect().pipe(takeUntil(this.unsubscriber$)).subscribe(data => {
-            this.renderedData = data;
-            this.rows = Array.from(<NodeListOf<HTMLElement>>this.getTableRows());
-        });
-    }
-
-    ngOnDestroy(): void {
-        // Finalizar la suscripción al destruir la directiva
-        this.unsubscriber$.next(null);
-        this.unsubscriber$.complete();
-    }
-
-    @HostListener('keydown', ['$event']) onKeydown(event: KeyboardEvent): void {
-        var element = event.target as HTMLElement;
-        if (element.tagName === "INPUT") {
-            event.stopPropagation();
-        }
-        else {
-            const currentIndex = this.renderedData.findIndex(row => row === this.rowModel);
-            const eRef = event.target as HTMLElement;
-            this.rows = this.rows.filter(elem => elem.hasAttribute('id'));
-            const arrayFilas = Array.from(this.rows);
-
-            const fElem = arrayFilas.filter(elem => elem.id == eRef.id).pop();
-            const cElemIdx = arrayFilas.findIndex(elem => elem == fElem);
-
-            let newRow: HTMLElement | undefined;
-
-            // Controlar las teclas presionadas
-            switch (event.key) {
-                case 'ArrowDown':
-                    newRow = this.rows[cElemIdx + 1];
-                    break;
-                case 'ArrowUp':
-                    newRow = this.rows[cElemIdx - 1];
-                    break;
-                case 'Enter':
-                case ' ':
-                    this.seleccionarSiguiente.next(this.renderedData[currentIndex]);
-                    event.preventDefault();
-                    break;
-            }
-
-            // Enfocar la nueva fila seleccionada
-            if (newRow) {
-                newRow.classList.add('estaFocus');
-                newRow.focus();
-            }
-        }
-    }
-
-    private getTableRows(): NodeListOf<HTMLElement> | undefined {
-        let el = this.el.nativeElement;
-
-        // Recorrer los elementos padres hasta encontrar la tabla
-        while (el && el.parentNode) {
-            el = el.parentNode;
-
-            // Verificar si es una tabla de material
-            if (el.tagName && el.tagName.toLowerCase() === 'mat-table' || el.hasAttribute('mat-table')) {
-                return el.querySelectorAll('mat-row, tr[mat-row]');
-            }
-        }
-
-        return undefined;
-    }
-}

package/tabla-mantenimiento/ng-package.json

@@ -1,5 +0,0 @@
-{
-  "lib": {
-    "entryFile": "public-api.ts"
-  }
-}

package/tabla-mantenimiento/pipes/no-sanitize.pipe.ts

@@ -1,12 +0,0 @@
-import {Pipe, PipeTransform} from '@angular/core';
-import {DomSanitizer, SafeHtml} from '@angular/platform-browser';
-
-@Pipe({ name: 'noSanitize' })
-export class NoSanitizePipe implements PipeTransform {
-	constructor(private domSanitizer: DomSanitizer) {
-
-	}
-	transform(html: string): SafeHtml {
-		return this.domSanitizer.bypassSecurityTrustHtml(html);
-	}
-}

package/tabla-mantenimiento/pipes/zero-fill.pipe.ts

@@ -1,19 +0,0 @@
-import {Pipe, PipeTransform} from '@angular/core';
-
-@Pipe({
-	name: 'zeroFill',
-})
-export class ZeroFillPipe implements PipeTransform {
-
-	transform(value: unknown, digitos: number, ...args: unknown[]) {
-		let s = value + '';
-		while (s.length < digitos) {
-			s = '0' + s;
-		}
-		return s;
-	}
-
-}
-export function zeroFill(value: unknown, digitos: number, ...args: unknown[]) {
-	return new ZeroFillPipe().transform(value, digitos, args);
-}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type-date/column-type-date.component.html

@@ -1,22 +0,0 @@
-<ng-template #cellTemplate let-row="row">
-    {{ row[column.property] | date: (column.format ? column.format : 'dd/MM/yyyy') }}
-</ng-template>
-
-<ng-container matColumnDef="{{ column.property }}">
-    <!-- Definición del encabezado de la columna -->
-    <th *matHeaderCellDef [ngClass]="column.cssClassesTH" class="uppercase text-center" mat-header-cell mat-sort-header
-        [disabled]="column.sort === false">
-        <span [innerHTML]="column.label ?? ''">{{ column.label }} </span>
-    </th>
-
-    <!-- Cuerpo de la celda, definido por los hijos -->
-    <td *matCellDef="let row" [ngClass]="column.cssClasses" mat-cell (click)="accionClick(row, $event)">
-
-        <ng-container [ngTemplateOutlet]="cellTemplate" [ngTemplateOutletContext]="{row}"></ng-container>
-
-    </td>
-
-    <th *matFooterCellDef [ngClass]="column.cssFooterClasses" mat-footer-cell>
-        {{ column.transformarFooter ? column.transformarFooter() : '' }}
-    </th>
-</ng-container>

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

@@ -1,12 +0,0 @@
-import {Component, Input} from '@angular/core';
-import {ColumnaDate} from '../../../interfaces';
-import {ColumnTypeComponent} from '../column-type.component';
-
-@Component({
-    selector: 'jvs-column-type-date',
-    standalone: false,
-    templateUrl: './column-type-date.component.html'
-})
-export class ColumnTypeDateComponent<T> extends ColumnTypeComponent<T> {
-    @Input({required: true}) override column: ColumnaDate<T> = {} as ColumnaDate<T>;
-}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type-icons/column-type-icons.component.html

@@ -1,58 +0,0 @@
-<ng-template #cellTemplate let-row="row">
-    <div class="flex items-center justify-center" [ngClass]="{ '-space-x-1': !column.iconsDef?.soloIcono }"
-    >
-        <ng-container *ngFor="let icon of obtenerItems(column.iconsDef, row)">
-            <ng-container *ngIf="!column.iconsDef?.soloIcono; else soloIcono">
-                <button matRipple type="button" *ngIf="!icon.esVisible || icon.esVisible(row)"
-                    (click)="icon.click ? icon.click(row) : false; $event.stopPropagation()"
-                    class="flex items-center justify-center p-1 rounded border shadow-sm hover:shadow-lg"
-                    [ngClass]="icon.contentCss"
-                    [matTooltip]="icon.toolTip ?? row[icon.toolTipField ?? '_field_']"
-                    [matTooltipDisabled]="!icon.toolTip && !icon.toolTipField"
-                >
-                    <ng-container [ngTemplateOutlet]="iconoConTamanio"
-                        [ngTemplateOutletContext]="{icon: icon.icon, iconClass: icon.cssClass, size: (icon.iconSize ?? column.iconsDef?.iconSize)}"></ng-container>
-                </button>
-            </ng-container>
-            <ng-template #soloIcono>
-                <div *ngIf="!icon.esVisible || icon.esVisible(row)" [ngClass]="icon.contentCss"
-                    class="flex items-center"
-                    [matTooltip]="icon.toolTip ?? row[icon.toolTipField ?? '_field_']"
-                    [matTooltipDisabled]="!icon.toolTip && !icon.toolTipField"
-                >
-                    <ng-container [ngTemplateOutlet]="iconoConTamanio"
-                        [ngTemplateOutletContext]="{icon: icon.icon, iconClass: icon.cssClass, size: (icon.iconSize ?? column.iconsDef?.iconSize)}"></ng-container>
-                </div>
-            </ng-template>
-        </ng-container>
-    </div>
-</ng-template>
-
-<ng-container matColumnDef="{{ column.property }}">
-    <!-- Definición del encabezado de la columna -->
-    <th *matHeaderCellDef [ngClass]="column.cssClassesTH" class="uppercase text-center" mat-header-cell mat-sort-header
-        [disabled]="column.sort === false">
-        <span [innerHTML]="column.label ?? ''">{{ column.label }} </span>
-    </th>
-
-    <!-- Cuerpo de la celda, definido por los hijos -->
-    <td *matCellDef="let row" [ngClass]="column.cssClasses" mat-cell (click)="accionClick(row, $event)">
-
-        <ng-container [ngTemplateOutlet]="cellTemplate" [ngTemplateOutletContext]="{row}"></ng-container>
-
-    </td>
-
-    <th *matFooterCellDef [ngClass]="column.cssFooterClasses" mat-footer-cell>
-        {{ column.transformarFooter ? column.transformarFooter() : '' }}
-    </th>
-</ng-container>
-
-
-<ng-template #iconoConTamanio let-icon="icon" let-iconClass="iconClass" let-size="size">
-    <mat-icon *ngIf="size" [svgIcon]="icon" [ngClass]="iconClass" [inline]="true"
-        [style.font-size]="size"
-        [style.height]="size"
-        [style.width]="size"
-    ></mat-icon>
-    <mat-icon *ngIf="!size" [svgIcon]="icon" [ngClass]="iconClass"></mat-icon>
-</ng-template>

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

@@ -1,19 +0,0 @@
-import {Component, Input} from '@angular/core';
-import {ColumnaIcons, IconsIcon} from '../../../interfaces';
-import {ColumnTypeComponent} from '../column-type.component';
-
-@Component({
-  selector: 'jvs-column-type-icons',
-  standalone: false,
-  templateUrl: './column-type-icons.component.html'
-})
-export class ColumnTypeIconsComponent<T> extends ColumnTypeComponent<T> {
-    @Input({required: true}) override column: ColumnaIcons<T> = {} as ColumnaIcons<T>;
-
-    obtenerItems(columna: any, row: any): IconsIcon[] {
-        if (typeof columna.items === 'function') {
-            return columna.items(row);
-        }
-        return columna.items;
-    }
-}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type-money/column-type-money.component.html

@@ -1,40 +0,0 @@
-<ng-template #cellTemplate let-row="row">
-     <span [ngClass]="column.textCss"
-         [class.text-sky-700]="(value(row)) >= 0" [class.text-red-700]="(value(row)) < 0"
-         *ngIf="value(row)"
-         (click)="accionClick(row, $event)">{{ value(row) | number: (column.format || '1.2-2') }}</span>
-</ng-template>
-<ng-template #columnFooterTemplate let-row="row">
-		<span *ngIf="column.transformarFooter"
-            [class.text-sky-700]="column.transformarFooter() >= 0"
-            [class.text-red-700]="column.transformarFooter() < 0"
-        >
-					<span>{{ column.transformarFooter() | currency: column.simboloMoneda ?? 'S/' }}</span>
-				</span>
-</ng-template>
-
-<!--<jvs-column-type [column]="column" [cellTemplate]="cellTemplate" [columnFooterTemplate]="columnFooterTemplate"></jvs-column-type>-->
-
-<ng-container matColumnDef="{{ column.property }}">
-    <!-- Definición del encabezado de la columna -->
-    <th *matHeaderCellDef [ngClass]="column.cssClassesTH" class="uppercase text-center" mat-header-cell mat-sort-header
-        [disabled]="column.sort === false">
-        <span [innerHTML]="column.label ?? ''">{{ column.label }} </span>
-    </th>
-
-    <!-- Cuerpo de la celda, definido por los hijos -->
-    <td *matCellDef="let row" [ngClass]="column.cssClasses" mat-cell (click)="accionClick(row, $event)">
-
-        <ng-container [ngTemplateOutlet]="cellTemplate" [ngTemplateOutletContext]="{row}"></ng-container>
-
-    </td>
-
-    <th *matFooterCellDef [ngClass]="column.cssFooterClasses" mat-footer-cell>
-        		<span *ngIf="column.transformarFooter"
-                    [class.text-sky-700]="column.transformarFooter() >= 0"
-                    [class.text-red-700]="column.transformarFooter() < 0"
-                >
-					<span>{{ column.transformarFooter() | currency: column.simboloMoneda ?? 'S/' }}</span>
-				</span>
-    </th>
-</ng-container>

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

@@ -1,17 +0,0 @@
-import {Component, Input} from '@angular/core';
-import {ColumnaMoney} from '../../../interfaces';
-import {ColumnTypeComponent} from '../column-type.component';
-
-@Component({
-    selector: 'jvs-column-type-money',
-    templateUrl: './column-type-money.component.html',
-    standalone: false,
-})
-export class ColumnTypeMoneyComponent<T> extends ColumnTypeComponent<T> {
-    @Input({required: true}) override column: ColumnaMoney<T> = {} as ColumnaMoney<T>;
-
-
-    value(row: any): number {
-        return (this.column.transformar ? this.column.transformar(row):row[this.column.property]);
-    }
-}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type-number/column-type-number.component.html

@@ -1,25 +0,0 @@
-
-<ng-template #cellTemplate let-row="row">
-				<span *ngIf="column.property && row[column.property]" class="!text-indigo-900 font-semibold">
-					{{ row[column.property] | number: (column.format ? column.format : '1.0-2') }}
-				</span>
-</ng-template>
-
-<ng-container matColumnDef="{{ column.property }}">
-    <!-- Definición del encabezado de la columna -->
-    <th *matHeaderCellDef [ngClass]="column.cssClassesTH" class="uppercase text-center" mat-header-cell mat-sort-header
-        [disabled]="column.sort === false">
-        <span [innerHTML]="column.label ?? ''">{{ column.label }} </span>
-    </th>
-
-    <!-- Cuerpo de la celda, definido por los hijos -->
-    <td *matCellDef="let row" [ngClass]="column.cssClasses" mat-cell (click)="accionClick(row, $event)">
-
-        <ng-container [ngTemplateOutlet]="cellTemplate" [ngTemplateOutletContext]="{row}"></ng-container>
-
-    </td>
-
-    <th *matFooterCellDef [ngClass]="column.cssFooterClasses" mat-footer-cell>
-        {{ column.transformarFooter ? column.transformarFooter() : '' }}
-    </th>
-</ng-container>

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

@@ -1,14 +0,0 @@
-import {Component, Input} from '@angular/core';
-import {ColumnaNumber} from '../../../interfaces';
-import {ColumnTypeComponent} from '../column-type.component';
-
-
-@Component({
-  selector: 'jvs-column-type-number',
-  standalone: false,
-  templateUrl: './column-type-number.component.html'
-})
-export class ColumnTypeNumberComponent<T> extends ColumnTypeComponent<T> {
-    @Input({required: true}) override column: ColumnaNumber<T> = {} as ColumnaNumber<T>;
-
-}

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type-progressbar/column-type-progressbar.component.html

@@ -1,28 +0,0 @@
-<ng-template #cellTemplate let-row="row">
-    <jvs-progress-bar
-        [textoCentrado]="!!column.progressbar.textoCentrado"
-        [porcentaje]="column.progressbar.porcentaje(row)"
-        [coloresValor]="column.progressbar.coloresValor"
-        [formatoNumero]="column.progressbar.formatoNumero"
-        [textoMostrar]="column.progressbar.textoMostrar ? column.progressbar.textoMostrar(row) : ''"
-    ></jvs-progress-bar>
-</ng-template>
-
-<ng-container matColumnDef="{{ column.property }}">
-    <!-- Definición del encabezado de la columna -->
-    <th *matHeaderCellDef [ngClass]="column.cssClassesTH" class="uppercase text-center" mat-header-cell mat-sort-header
-        [disabled]="column.sort === false">
-        <span [innerHTML]="column.label ?? ''">{{ column.label }} </span>
-    </th>
-
-    <!-- Cuerpo de la celda, definido por los hijos -->
-    <td *matCellDef="let row" [ngClass]="column.cssClasses" mat-cell (click)="accionClick(row, $event)">
-
-        <ng-container [ngTemplateOutlet]="cellTemplate" [ngTemplateOutletContext]="{row}"></ng-container>
-
-    </td>
-
-    <th *matFooterCellDef [ngClass]="column.cssFooterClasses" mat-footer-cell>
-        {{ column.transformarFooter ? column.transformarFooter() : '' }}
-    </th>
-</ng-container>