@jvsoft/components 1.0.0-alpha.11 → 1.0.0-alpha.12

package/fesm2022/jvsoft-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, output, computed, Component, EventEmitter, HostListener, Output, Input, Directive, ViewChild, Optional, inject, Pipe, NgModule, ContentChildren, ViewChildren, Injectable, signal, ElementRef, HostBinding, effect, untracked, InjectionToken } from '@angular/core';
+import { input, booleanAttribute, output, computed, Component, EventEmitter, HostListener, Output, Input, Directive, ViewChild, Optional, inject, Pipe, NgModule, ContentChildren, ViewChildren, Injectable, DestroyRef, signal, ElementRef, HostBinding, effect, untracked, InjectionToken } from '@angular/core';
 import * as i3 from '@angular/material/dialog';
 import { MatDialogModule } from '@angular/material/dialog';
 import * as i4 from '@angular/material/icon';
@@ -11,7 +11,6 @@ import * as i5 from '@angular/material/core';
 import { MatRipple, MatRippleModule, MatOptionModule } from '@angular/material/core';
 import * as i6 from '@angular/material/divider';
 import { MatDivider, MatDividerModule } from '@angular/material/divider';
-import { __decorate } from 'tslib';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import { TemplatePortal } from '@angular/cdk/portal';
 import * as i2$1 from '@angular/forms';
@@ -30,13 +29,12 @@ import * as i2 from '@angular/material/table';
 import { MatColumnDef, MatTable, MatTableModule, MatTableDataSource, MatFooterRow, MatRow } from '@angular/material/table';
 import * as i4$2 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
-import moment from 'moment';
+import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
+import { addMinutes, format } from 'date-fns';
 import { Subject, takeUntil, startWith, of, fromEvent, BehaviorSubject } from 'rxjs';
 import { filter, map, take, switchMap, debounceTime, takeUntil as takeUntil$1, distinctUntilChanged } from 'rxjs/operators';
-import shortHash from 'shorthash2';
 import * as i4$1 from '@jvsoft/utils';
-import { JvsPopoverDirective, JvsPopoverListenerDirective, DataModel as DataModel$1, generateRandomString, dataEnLista, tipoValorFuncion as tipoValorFuncion$1, getUniqueValues, establecerQuitarRequired, mostrarValorEnBusqueda, getFormValidationErrors } from '@jvsoft/utils';
+import { JvsPopoverDirective, JvsPopoverListenerDirective, simpleHash, DataModel as DataModel$1, generateRandomString, dataEnLista, tipoValorFuncion as tipoValorFuncion$1, getUniqueValues, establecerQuitarRequired, mostrarValorEnBusqueda, getFormValidationErrors } from '@jvsoft/utils';
 import * as i1$1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as XLSX from 'xlsx';
@@ -45,7 +43,6 @@ import * as i2$3 from '@angular/cdk/overlay';
 import * as i3$2 from '@angular/material/tree';
 import { MatTreeModule } from '@angular/material/tree';
 import { NestedTreeControl } from '@angular/cdk/tree';
-import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i3$3 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import * as i4$3 from '@angular/material/datepicker';
@@ -969,18 +966,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 }]
         }] });
 
-var TablaMantenimientoComponent_1;
-let TablaMantenimientoComponent = class TablaMantenimientoComponent {
-    static { TablaMantenimientoComponent_1 = this; }
+class TablaMantenimientoComponent {
     fb;
     overlay;
     viewContainerRef;
     tablaMantenimientoService;
     cdRef;
     static nextId = 0;
-    id = `jvs-tabla-mantenimiento-id-${TablaMantenimientoComponent_1.nextId++}`;
+    id = `jvs-tabla-mantenimiento-id-${TablaMantenimientoComponent.nextId++}`;
     router = inject(Router);
     route = inject(ActivatedRoute);
+    destroyRef = inject(DestroyRef);
     get templateBotonesComunes() {
         return this.tablaMantenimientoService.templateBotonesComunes;
     }
@@ -1299,7 +1295,7 @@ let TablaMantenimientoComponent = class TablaMantenimientoComponent {
     idTablaValor(data) {
         if (data) {
             if (this.idTabla.length < 1) {
-                return shortHash(JSON.stringify({ data, claseFinal: undefined }));
+                return simpleHash(JSON.stringify({ data, claseFinal: undefined }));
             }
             return this.idTabla.map(d => data[d]).join('-');
         }
@@ -1309,19 +1305,11 @@ let TablaMantenimientoComponent = class TablaMantenimientoComponent {
     rowTooltip = (item) => '';
     soloIconos = false;
     ngOnInit() {
-        this.router.events.pipe(filter(event => event instanceof NavigationEnd), startWith(null), map(() => this.getDeepestRoute(this.route)), map(route => route.snapshot.data), untilDestroyed(this)).subscribe(data => {
+        this.router.events.pipe(filter(event => event instanceof NavigationEnd), startWith(null), map(() => this.getDeepestRoute(this.route)), map(route => route.snapshot.data), takeUntilDestroyed(this.destroyRef)).subscribe(data => {
             console.log(data);
             this.derechosActuales = data['derechos'];
             this.ignorarDerechos = data['ignorarDerechos'] ?? false;
         });
-        // this.sharedService.dataRutaActual$.pipe(untilDestroyed(this)).subscribe(datRouteData => {
-        //     if (datRouteData) {
-        //         this.derechosActuales = datRouteData['derechos'];
-        //         if (!this.ignorarDerechos) {
-        //             this.ignorarDerechos = datRouteData['ignorarDerechos'] ?? false;
-        //         }
-        //     }
-        // });
         this.paginacion.pageSize = this.pageSize;
         this.paginacion.pageSizeOptions = this.pageSizeOptions;
         this.actualizarCrud();
@@ -1344,9 +1332,9 @@ let TablaMantenimientoComponent = class TablaMantenimientoComponent {
                         }
                         else {
                             console.log('eLSE ID TABLA');
-                            const dataStr = Array.isArray(res) ? res.find((itm) => shortHash(JSON.stringify({
+                            const dataStr = Array.isArray(res) ? res.find((itm) => simpleHash(JSON.stringify({
                                 ...itm, claseFinal: undefined
-                            })) == shortHash(JSON.stringify({ ...this.objSeleccionado, claseFinal: undefined }))) : null;
+                            })) == simpleHash(JSON.stringify({ ...this.objSeleccionado, claseFinal: undefined }))) : null;
                             if (dataStr) {
                                 this.objSeleccionado = dataStr;
                             }
@@ -1448,7 +1436,7 @@ let TablaMantenimientoComponent = class TablaMantenimientoComponent {
             }
         }
         if (this.busquedaTipo() === 'simple') {
-            this.cCampoBusqueda.valueChanges.pipe(untilDestroyed(this)).subscribe(value => this.onFilterChange(value ?? ''));
+            this.cCampoBusqueda.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(value => this.onFilterChange(value ?? ''));
         }
         if (this.botonesCRUD === '-') {
             this.botonesMenu.crud = [];
@@ -1661,7 +1649,7 @@ let TablaMantenimientoComponent = class TablaMantenimientoComponent {
                         if (objeto[columna.property]) {
                             fecha = new Date(objeto[columna.property].replace(/(\d{2}:\d{2}:\d{2}):\w{2}/, '$1'));
                             if (getBrowserName() == 'chrome') {
-                                fecha = moment(objeto[columna.property], true).add(2, 'minutes').toDate();
+                                fecha = addMinutes(new Date(objeto[columna.property]), 2);
                             }
                         }
                         acumulador[nColumn] = fecha;
@@ -1799,10 +1787,7 @@ let TablaMantenimientoComponent = class TablaMantenimientoComponent {
                 ])
             ]),
         ] });
-};
-TablaMantenimientoComponent = TablaMantenimientoComponent_1 = __decorate([
-    UntilDestroy({ checkProperties: true })
-], TablaMantenimientoComponent);
+}
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TablaMantenimientoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'jvs-tabla-mantenimiento', standalone: true, imports: [
@@ -2220,7 +2205,7 @@ class ListaArbolComponent {
         if (data) {
             const idTablaVal = this._idTabla();
             if (idTablaVal.length < 1) {
-                return shortHash(JSON.stringify({ data, claseFinal: undefined }));
+                return simpleHash(JSON.stringify({ data, claseFinal: undefined }));
             }
             return idTablaVal.map(d => data[d]).join('-');
         }
@@ -2479,7 +2464,7 @@ class FiltroBusquedaComponent {
     destroy$ = new Subject();
     sufixTemporal = '_temporal';
     tipoValorFuncion = tipoValorFuncion$1;
-    fechaActual = moment().toDate();
+    fechaActual = new Date();
     constructor() {
         this.inputParaEnviarAutocomplete.pipe(debounceTime(500), takeUntil$1(this.destroy$)).subscribe((param) => {
             this.queryService?.cargar(this, [param.reqQuery], param.reqData, false, this.prefijoConsulta()).then((dRet) => {
@@ -2673,17 +2658,17 @@ class FiltroBusquedaComponent {
             const meta = { campo: campo.campo, label: campo.label || '', value: null };
             if (campo.dateRange) {
                 const [fIni, fFin] = campo.dateRange.campo;
-                datosFiltro[fIni] = rawForm[fIni] ? moment(rawForm[fIni]).format('YYYYMMDD') : '';
-                datosFiltro[fFin] = rawForm[fFin] ? moment(rawForm[fFin]).format('YYYYMMDD') : '';
+                datosFiltro[fIni] = rawForm[fIni] ? format(rawForm[fIni], 'yyyyMMdd') : '';
+                datosFiltro[fFin] = rawForm[fFin] ? format(rawForm[fFin], 'yyyyMMdd') : '';
                 if (rawForm[fIni] && rawForm[fFin]) {
-                    meta.value = `${moment(rawForm[fIni]).format('DD/MM/YYYY')} - ${moment(rawForm[fFin]).format('DD/MM/YYYY')}`;
+                    meta.value = `${format(rawForm[fIni], 'dd/MM/yyyy')} - ${format(rawForm[fFin], 'dd/MM/yyyy')}`;
                     resumenItems.push(`${meta.label}: ${meta.value}`);
                 }
             }
             else if (campo.control === 'date') {
                 const val = rawForm[campo.campo];
-                datosFiltro[campo.campo] = val ? moment(val).format('YYYYMMDD') : '';
-                meta.value = val ? moment(val).format('DD/MM/YYYY') : '';
+                datosFiltro[campo.campo] = val ? format(val, 'yyyyMMdd') : '';
+                meta.value = val ? format(val, 'dd/MM/yyyy') : '';
                 if (meta.value)
                     resumenItems.push(`${meta.label}: ${meta.value}`);
             }