@jvsoft/components 0.0.8 → 0.0.10

package/dialog-flotante/dialog-flotante.component.scss

@@ -1,5 +1,6 @@
 .jvs-dialog-flotante{
 
+  max-width: 98vw;
   fieldset {
     @apply w-full sm:w-auto rounded-sm bg-transparent pt-0 pb-1 px-1 border;
     legend {
@@ -21,6 +22,14 @@
     }
   }
 
+  fieldset {
+    @apply w-full sm:w-auto rounded-sm bg-transparent pt-0 pb-1 px-1 border;
+    legend {
+      @apply px-2 font-bold border-0 bg-transparent;
+      width: auto;
+    }
+  }
+
   /*	mat-form-field {
       font-size: .75rem !important;
     }

package/fesm2022/jvsoft-components-dialog-flotante.mjs

@@ -85,7 +85,7 @@ class DialogFlotanteComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DialogFlotanteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: DialogFlotanteComponent, isStandalone: true, selector: "[jvsDialogFlotante]", inputs: { cssClases: "cssClases", sinTitulo: "sinTitulo", sinBarraDeAccion: "sinBarraDeAccion", btnCerrar: "btnCerrar", btnCerrarBarra: "btnCerrarBarra", btnGuardar: "btnGuardar", iconoTitulo: "iconoTitulo", matDialogRefActual: "matDialogRefActual" }, outputs: { btnGuardarClick: "btnGuardarClick", btnCerrarClick: "btnCerrarClick" }, host: { classAttribute: "jvs-dialog-flotante" }, ngImport: i0, template: "<ng-container *ngIf=\"sinTitulo; else conTitulo\">\n    <ng-container [ngTemplateOutlet]=\"parteComun\"></ng-container>\n</ng-container>\n\n<ng-template #conTitulo>\n    <div cdkDrag class=\"block h-full\" cdkDragRootElement=\".cdk-overlay-pane\" cdkDragBoundary=\"body\">\n        <div class=\"flex-auto flex items-center justify-between hover:cursor-move gap-1\"\n            [ngClass]=\"cssClases['titulo'] ?? 'bg-primary text-primary-contrast'\"\n            mat-dialog-title cdkDragHandle>\n\n            <mat-icon *ngIf=\"iconoTitulo\" class=\"flex-none icon-xs\" [svgIcon]=\"iconoTitulo\"></mat-icon>\n            <ng-content select=\"[tituloImagen]\"></ng-content>\n            <h5 class=\"flex-1 m-0\">\n                <ng-content select=\"[titulo]\"></ng-content>\n            </h5>\n            <ng-content select=\"[selectTitulo]\"></ng-content>\n\n            <ng-container *ngIf=\"btnCerrar || btnCerrarBarra\">\n                <button matRipple class=\"flex items-center justify-center ml-2 h-6 w-6 bg-red-700 rounded-md text-white\"\n                    type=\"button\" [mat-dialog-close]=\"!matDialogRefActual\"\n                    (click)=\"matDialogRefActual ? cerrarDialogo() : null\">\n                    <mat-icon svgIcon=\"roundClose\"></mat-icon>\n                </button>\n            </ng-container>\n        </div>\n\n        <mat-divider class=\"flex-auto bg-primary\"></mat-divider>\n        <ng-container [ngTemplateOutlet]=\"parteComun\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #parteComun>\n    <mat-dialog-content class=\"flex-1\">\n        <div class=\"contenedor-cuerpo\">\n            <ng-content select=\"[cuerpo]\"></ng-content>\n        </div>\n    </mat-dialog-content>\n\n    <mat-dialog-actions class=\"flex-auto flex items-center justify-between gap-1 pt-0 mt-0\" *ngIf=\"!sinBarraDeAccion\">\n        <div class=\"flex items-start justify-start gap-1\">\n            <ng-content select=\"[pieIzquierda]\"></ng-content>\n        </div>\n        <div class=\"flex items-center justify-center gap-1\">\n            <ng-content select=\"[pieCentro]\"></ng-content>\n        </div>\n        <div class=\"flex items-end justify-end gap-1\">\n            <ng-content select=\"[pieDerecha]\"></ng-content>\n\n            <!-- Bot\u00F3n Guardar -->\n            <button matRipple *ngIf=\"btnGuardar\" type=\"submit\"\n                class=\"boton-dialog-flotante\" [ngClass]=\"btnGuardar.class\"\n                [class]=\"cssClases['btnGuardar']\" (click)=\"guardarDialogo()\">\n                <mat-icon class=\"icon-xs\" [svgIcon]=\"btnGuardar?.icono ?? ''\"></mat-icon>\n                <span>{{ btnGuardar.label }}</span>\n            </button>\n\n            <!-- Bot\u00F3n Cerrar -->\n            <button matRipple *ngIf=\"btnCerrar\" type=\"button\"\n                class=\"boton-dialog-flotante\" [ngClass]=\"btnCerrar.class\"\n                [mat-dialog-close]=\"!matDialogRefActual\" (click)=\"matDialogRefActual ? cerrarDialogo() : null\">\n                <mat-icon class=\"icon-xs\" svgIcon=\"roundClose\"></mat-icon>\n                <span>{{ btnCerrar.label }}</span>\n            </button>\n        </div>\n    </mat-dialog-actions>\n</ng-template>\n", styles: [".jvs-dialog-flotante fieldset{@apply w-full sm:w-auto rounded-sm bg-transparent pt-0 pb-1 px-1 border;}.jvs-dialog-flotante fieldset legend{@apply px-2 font-bold border-0 bg-transparent;width:auto}.jvs-dialog-flotante .mat-mdc-dialog-title .mat-mdc-checkbox .mdc-form-field{color:unset}.jvs-dialog-flotante .mat-mdc-dialog-title .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate)~.mdc-checkbox__background{border-color:var(--color-prnpx tailwindcss init --fullimary-contrast)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: DialogFlotanteComponent, isStandalone: true, selector: "[jvsDialogFlotante]", inputs: { cssClases: "cssClases", sinTitulo: "sinTitulo", sinBarraDeAccion: "sinBarraDeAccion", btnCerrar: "btnCerrar", btnCerrarBarra: "btnCerrarBarra", btnGuardar: "btnGuardar", iconoTitulo: "iconoTitulo", matDialogRefActual: "matDialogRefActual" }, outputs: { btnGuardarClick: "btnGuardarClick", btnCerrarClick: "btnCerrarClick" }, host: { classAttribute: "jvs-dialog-flotante" }, ngImport: i0, template: "<ng-container *ngIf=\"sinTitulo; else conTitulo\">\n    <ng-container [ngTemplateOutlet]=\"parteComun\"></ng-container>\n</ng-container>\n\n<ng-template #conTitulo>\n    <div cdkDrag class=\"block h-full\" cdkDragRootElement=\".cdk-overlay-pane\" cdkDragBoundary=\"body\">\n        <div class=\"flex-auto flex items-center justify-between hover:cursor-move gap-1\"\n            [ngClass]=\"cssClases['titulo'] ?? 'bg-primary text-primary-contrast'\"\n            mat-dialog-title cdkDragHandle>\n\n            <mat-icon *ngIf=\"iconoTitulo\" class=\"flex-none icon-xs\" [svgIcon]=\"iconoTitulo\"></mat-icon>\n            <ng-content select=\"[tituloImagen]\"></ng-content>\n            <h5 class=\"flex-1 m-0\">\n                <ng-content select=\"[titulo]\"></ng-content>\n            </h5>\n            <ng-content select=\"[selectTitulo]\"></ng-content>\n\n            <ng-container *ngIf=\"btnCerrar || btnCerrarBarra\">\n                <button matRipple class=\"flex items-center justify-center ml-2 h-6 w-6 bg-red-700 rounded-md text-white\"\n                    type=\"button\" [mat-dialog-close]=\"!matDialogRefActual\"\n                    (click)=\"matDialogRefActual ? cerrarDialogo() : null\">\n                    <mat-icon svgIcon=\"roundClose\"></mat-icon>\n                </button>\n            </ng-container>\n        </div>\n\n        <mat-divider class=\"flex-auto bg-primary\"></mat-divider>\n        <ng-container [ngTemplateOutlet]=\"parteComun\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #parteComun>\n    <mat-dialog-content class=\"flex-1\">\n        <div class=\"contenedor-cuerpo\">\n            <ng-content select=\"[cuerpo]\"></ng-content>\n        </div>\n    </mat-dialog-content>\n\n    <mat-dialog-actions class=\"flex-auto flex items-center justify-between gap-1 pt-0 mt-0\" *ngIf=\"!sinBarraDeAccion\">\n        <div class=\"flex items-start justify-start gap-1\">\n            <ng-content select=\"[pieIzquierda]\"></ng-content>\n        </div>\n        <div class=\"flex items-center justify-center gap-1\">\n            <ng-content select=\"[pieCentro]\"></ng-content>\n        </div>\n        <div class=\"flex items-end justify-end gap-1\">\n            <ng-content select=\"[pieDerecha]\"></ng-content>\n\n            <!-- Bot\u00F3n Guardar -->\n            <button matRipple *ngIf=\"btnGuardar\" type=\"submit\"\n                class=\"boton-dialog-flotante\" [ngClass]=\"btnGuardar.class\"\n                [class]=\"cssClases['btnGuardar']\" (click)=\"guardarDialogo()\">\n                <mat-icon class=\"icon-xs\" [svgIcon]=\"btnGuardar?.icono ?? ''\"></mat-icon>\n                <span>{{ btnGuardar.label }}</span>\n            </button>\n\n            <!-- Bot\u00F3n Cerrar -->\n            <button matRipple *ngIf=\"btnCerrar\" type=\"button\"\n                class=\"boton-dialog-flotante\" [ngClass]=\"btnCerrar.class\"\n                [mat-dialog-close]=\"!matDialogRefActual\" (click)=\"matDialogRefActual ? cerrarDialogo() : null\">\n                <mat-icon class=\"icon-xs\" svgIcon=\"roundClose\"></mat-icon>\n                <span>{{ btnCerrar.label }}</span>\n            </button>\n        </div>\n    </mat-dialog-actions>\n</ng-template>\n", styles: [".jvs-dialog-flotante{max-width:98vw}.jvs-dialog-flotante .mat-mdc-dialog-title .mat-mdc-checkbox .mdc-form-field{color:unset}.jvs-dialog-flotante .mat-mdc-dialog-title .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate)~.mdc-checkbox__background{border-color:var(--color-prnpx tailwindcss init --fullimary-contrast)!important}.jvs-dialog-flotante fieldset{@apply w-full sm:w-auto rounded-sm bg-transparent pt-0 pb-1 px-1 border;}.jvs-dialog-flotante fieldset legend{@apply px-2 font-bold border-0 bg-transparent;width:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DialogFlotanteComponent, decorators: [{
             type: Component,
@@ -99,7 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                         MatDivider,
                     ], host: {
                         class: 'jvs-dialog-flotante',
-                    }, template: "<ng-container *ngIf=\"sinTitulo; else conTitulo\">\n    <ng-container [ngTemplateOutlet]=\"parteComun\"></ng-container>\n</ng-container>\n\n<ng-template #conTitulo>\n    <div cdkDrag class=\"block h-full\" cdkDragRootElement=\".cdk-overlay-pane\" cdkDragBoundary=\"body\">\n        <div class=\"flex-auto flex items-center justify-between hover:cursor-move gap-1\"\n            [ngClass]=\"cssClases['titulo'] ?? 'bg-primary text-primary-contrast'\"\n            mat-dialog-title cdkDragHandle>\n\n            <mat-icon *ngIf=\"iconoTitulo\" class=\"flex-none icon-xs\" [svgIcon]=\"iconoTitulo\"></mat-icon>\n            <ng-content select=\"[tituloImagen]\"></ng-content>\n            <h5 class=\"flex-1 m-0\">\n                <ng-content select=\"[titulo]\"></ng-content>\n            </h5>\n            <ng-content select=\"[selectTitulo]\"></ng-content>\n\n            <ng-container *ngIf=\"btnCerrar || btnCerrarBarra\">\n                <button matRipple class=\"flex items-center justify-center ml-2 h-6 w-6 bg-red-700 rounded-md text-white\"\n                    type=\"button\" [mat-dialog-close]=\"!matDialogRefActual\"\n                    (click)=\"matDialogRefActual ? cerrarDialogo() : null\">\n                    <mat-icon svgIcon=\"roundClose\"></mat-icon>\n                </button>\n            </ng-container>\n        </div>\n\n        <mat-divider class=\"flex-auto bg-primary\"></mat-divider>\n        <ng-container [ngTemplateOutlet]=\"parteComun\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #parteComun>\n    <mat-dialog-content class=\"flex-1\">\n        <div class=\"contenedor-cuerpo\">\n            <ng-content select=\"[cuerpo]\"></ng-content>\n        </div>\n    </mat-dialog-content>\n\n    <mat-dialog-actions class=\"flex-auto flex items-center justify-between gap-1 pt-0 mt-0\" *ngIf=\"!sinBarraDeAccion\">\n        <div class=\"flex items-start justify-start gap-1\">\n            <ng-content select=\"[pieIzquierda]\"></ng-content>\n        </div>\n        <div class=\"flex items-center justify-center gap-1\">\n            <ng-content select=\"[pieCentro]\"></ng-content>\n        </div>\n        <div class=\"flex items-end justify-end gap-1\">\n            <ng-content select=\"[pieDerecha]\"></ng-content>\n\n            <!-- Bot\u00F3n Guardar -->\n            <button matRipple *ngIf=\"btnGuardar\" type=\"submit\"\n                class=\"boton-dialog-flotante\" [ngClass]=\"btnGuardar.class\"\n                [class]=\"cssClases['btnGuardar']\" (click)=\"guardarDialogo()\">\n                <mat-icon class=\"icon-xs\" [svgIcon]=\"btnGuardar?.icono ?? ''\"></mat-icon>\n                <span>{{ btnGuardar.label }}</span>\n            </button>\n\n            <!-- Bot\u00F3n Cerrar -->\n            <button matRipple *ngIf=\"btnCerrar\" type=\"button\"\n                class=\"boton-dialog-flotante\" [ngClass]=\"btnCerrar.class\"\n                [mat-dialog-close]=\"!matDialogRefActual\" (click)=\"matDialogRefActual ? cerrarDialogo() : null\">\n                <mat-icon class=\"icon-xs\" svgIcon=\"roundClose\"></mat-icon>\n                <span>{{ btnCerrar.label }}</span>\n            </button>\n        </div>\n    </mat-dialog-actions>\n</ng-template>\n", styles: [".jvs-dialog-flotante fieldset{@apply w-full sm:w-auto rounded-sm bg-transparent pt-0 pb-1 px-1 border;}.jvs-dialog-flotante fieldset legend{@apply px-2 font-bold border-0 bg-transparent;width:auto}.jvs-dialog-flotante .mat-mdc-dialog-title .mat-mdc-checkbox .mdc-form-field{color:unset}.jvs-dialog-flotante .mat-mdc-dialog-title .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate)~.mdc-checkbox__background{border-color:var(--color-prnpx tailwindcss init --fullimary-contrast)!important}\n"] }]
+                    }, template: "<ng-container *ngIf=\"sinTitulo; else conTitulo\">\n    <ng-container [ngTemplateOutlet]=\"parteComun\"></ng-container>\n</ng-container>\n\n<ng-template #conTitulo>\n    <div cdkDrag class=\"block h-full\" cdkDragRootElement=\".cdk-overlay-pane\" cdkDragBoundary=\"body\">\n        <div class=\"flex-auto flex items-center justify-between hover:cursor-move gap-1\"\n            [ngClass]=\"cssClases['titulo'] ?? 'bg-primary text-primary-contrast'\"\n            mat-dialog-title cdkDragHandle>\n\n            <mat-icon *ngIf=\"iconoTitulo\" class=\"flex-none icon-xs\" [svgIcon]=\"iconoTitulo\"></mat-icon>\n            <ng-content select=\"[tituloImagen]\"></ng-content>\n            <h5 class=\"flex-1 m-0\">\n                <ng-content select=\"[titulo]\"></ng-content>\n            </h5>\n            <ng-content select=\"[selectTitulo]\"></ng-content>\n\n            <ng-container *ngIf=\"btnCerrar || btnCerrarBarra\">\n                <button matRipple class=\"flex items-center justify-center ml-2 h-6 w-6 bg-red-700 rounded-md text-white\"\n                    type=\"button\" [mat-dialog-close]=\"!matDialogRefActual\"\n                    (click)=\"matDialogRefActual ? cerrarDialogo() : null\">\n                    <mat-icon svgIcon=\"roundClose\"></mat-icon>\n                </button>\n            </ng-container>\n        </div>\n\n        <mat-divider class=\"flex-auto bg-primary\"></mat-divider>\n        <ng-container [ngTemplateOutlet]=\"parteComun\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #parteComun>\n    <mat-dialog-content class=\"flex-1\">\n        <div class=\"contenedor-cuerpo\">\n            <ng-content select=\"[cuerpo]\"></ng-content>\n        </div>\n    </mat-dialog-content>\n\n    <mat-dialog-actions class=\"flex-auto flex items-center justify-between gap-1 pt-0 mt-0\" *ngIf=\"!sinBarraDeAccion\">\n        <div class=\"flex items-start justify-start gap-1\">\n            <ng-content select=\"[pieIzquierda]\"></ng-content>\n        </div>\n        <div class=\"flex items-center justify-center gap-1\">\n            <ng-content select=\"[pieCentro]\"></ng-content>\n        </div>\n        <div class=\"flex items-end justify-end gap-1\">\n            <ng-content select=\"[pieDerecha]\"></ng-content>\n\n            <!-- Bot\u00F3n Guardar -->\n            <button matRipple *ngIf=\"btnGuardar\" type=\"submit\"\n                class=\"boton-dialog-flotante\" [ngClass]=\"btnGuardar.class\"\n                [class]=\"cssClases['btnGuardar']\" (click)=\"guardarDialogo()\">\n                <mat-icon class=\"icon-xs\" [svgIcon]=\"btnGuardar?.icono ?? ''\"></mat-icon>\n                <span>{{ btnGuardar.label }}</span>\n            </button>\n\n            <!-- Bot\u00F3n Cerrar -->\n            <button matRipple *ngIf=\"btnCerrar\" type=\"button\"\n                class=\"boton-dialog-flotante\" [ngClass]=\"btnCerrar.class\"\n                [mat-dialog-close]=\"!matDialogRefActual\" (click)=\"matDialogRefActual ? cerrarDialogo() : null\">\n                <mat-icon class=\"icon-xs\" svgIcon=\"roundClose\"></mat-icon>\n                <span>{{ btnCerrar.label }}</span>\n            </button>\n        </div>\n    </mat-dialog-actions>\n</ng-template>\n", styles: [".jvs-dialog-flotante{max-width:98vw}.jvs-dialog-flotante .mat-mdc-dialog-title .mat-mdc-checkbox .mdc-form-field{color:unset}.jvs-dialog-flotante .mat-mdc-dialog-title .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate)~.mdc-checkbox__background{border-color:var(--color-prnpx tailwindcss init --fullimary-contrast)!important}.jvs-dialog-flotante fieldset{@apply w-full sm:w-auto rounded-sm bg-transparent pt-0 pb-1 px-1 border;}.jvs-dialog-flotante fieldset legend{@apply px-2 font-bold border-0 bg-transparent;width:auto}\n"] }]
         }], propDecorators: { cssClases: [{
                 type: Input
             }], sinTitulo: [{

package/fesm2022/jvsoft-components-dialog-flotante.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"jvsoft-components-dialog-flotante.mjs","sources":["../../../projects/components/dialog-flotante/dialog-flotante.component.ts","../../../projects/components/dialog-flotante/dialog-flotante.component.html","../../../projects/components/dialog-flotante/jvsoft-components-dialog-flotante.ts"],"sourcesContent":["import {Component, EventEmitter, Input, Output} from '@angular/core';\nimport {MatDialogActions, MatDialogClose, MatDialogContent, MatDialogModule, MatDialogRef, MatDialogTitle} from '@angular/material/dialog';\nimport {BotonDialog} from './dialog-flotante.interface';\nimport {MatIcon, MatIconModule} from '@angular/material/icon';\nimport {CommonModule, NgClass, NgIf, NgTemplateOutlet} from '@angular/common';\nimport {CdkDrag, CdkDragHandle} from '@angular/cdk/drag-drop';\nimport {MatRipple} from '@angular/material/core';\nimport {MatDivider} from '@angular/material/divider';\n\n@Component({\n    selector: '[jvsDialogFlotante]',\n    imports: [\n        CommonModule,\n        MatIconModule,\n        MatDialogModule,\n        CdkDrag,\n        CdkDragHandle,\n        MatRipple,\n        MatDivider,\n\n    ],\n    templateUrl: './dialog-flotante.component.html',\n    styleUrls: ['./dialog-flotante.component.scss'],\n    host: {\n        class: 'jvs-dialog-flotante',\n    }\n})\nexport class DialogFlotanteComponent {\n    @Input() cssClases: Record<string, string> = {};\n\n    private _sinTitulo: boolean | '' = false;\n    get sinTitulo(): boolean {\n        return !!this._sinTitulo;\n    }\n\n    @Input() set sinTitulo(val: boolean | '') {\n        this._sinTitulo = val == '';\n    }\n\n    private _sinBarraDeAccion: boolean | '' = false;\n    get sinBarraDeAccion(): boolean {\n        return !!this._sinBarraDeAccion;\n    }\n\n    @Input() set sinBarraDeAccion(val: boolean | '') {\n        this._sinBarraDeAccion = val == '';\n    }\n\n    private readonly defaultBtnCerrar: BotonDialog = {label: 'CERRAR', class: 'text-gray-700 border-gray-700'};\n    private _btnCerrar: BotonDialog = this.defaultBtnCerrar;\n    get btnCerrar(): BotonDialog {\n        return this._btnCerrar;\n    }\n\n    @Input() set btnCerrar(val: BotonDialog | boolean | string | '') {\n        if (val == null || val === '') {\n            this._btnCerrar = this.defaultBtnCerrar;\n        }\n        else {\n            this._btnCerrar = (typeof val === 'string' && val !== '') ? {...this.defaultBtnCerrar, label: val}:\n                (typeof val === 'boolean' && val) ? this.defaultBtnCerrar:\n                    (val as BotonDialog) ?? this.defaultBtnCerrar;\n        }\n    }\n\n    private _btnCerrarBarra: boolean = true;\n    get btnCerrarBarra(): boolean {\n        return this._btnCerrarBarra;\n    }\n\n    @Input() set btnCerrarBarra(val: boolean | '') {\n        this._btnCerrarBarra = val || true;\n    }\n\n    private readonly defaultBtnGuardar: BotonDialog = {\n        label: 'GUARDAR', class: 'text-blue-700 border-blue-700', icono: 'roundSave'\n    };\n    private _btnGuardar: BotonDialog = this.defaultBtnGuardar;\n    get btnGuardar(): BotonDialog {\n        return this._btnGuardar;\n    }\n\n    @Input() set btnGuardar(val: BotonDialog | boolean | string | '') {\n        console.log(val);\n        if (val == null || val === '') {\n            this._btnGuardar = this.defaultBtnGuardar;\n        }\n        else {\n            this._btnGuardar = (typeof val === 'string' && val !== '') ? {...this.defaultBtnGuardar, label: val}:\n                (typeof val === 'boolean' && val) ? this.defaultBtnGuardar:\n                    (val as BotonDialog) ?? this.defaultBtnGuardar;\n        }\n    }\n\n    @Input() iconoTitulo?: string;\n    @Input() matDialogRefActual!: MatDialogRef<any>;\n    @Output() btnGuardarClick = new EventEmitter<any>();\n    @Output() btnCerrarClick = new EventEmitter<any>();\n\n    guardarDialogo() {\n        this.btnGuardarClick.emit(true);\n    }\n\n    cerrarDialogo() {\n        this.btnCerrarClick.emit(true);\n        if (this.matDialogRefActual) {\n            if (this.matDialogRefActual.componentInstance?.validarCerrarDialog) {\n                this.matDialogRefActual.componentInstance?.validarCerrarDialog();\n            }\n            else {\n                this.matDialogRefActual.close('Cerrado GDLG');\n            }\n        }\n    }\n\n}\n","<ng-container *ngIf=\"sinTitulo; else conTitulo\">\n    <ng-container [ngTemplateOutlet]=\"parteComun\"></ng-container>\n</ng-container>\n\n<ng-template #conTitulo>\n    <div cdkDrag class=\"block h-full\" cdkDragRootElement=\".cdk-overlay-pane\" cdkDragBoundary=\"body\">\n        <div class=\"flex-auto flex items-center justify-between hover:cursor-move gap-1\"\n            [ngClass]=\"cssClases['titulo'] ?? 'bg-primary text-primary-contrast'\"\n            mat-dialog-title cdkDragHandle>\n\n            <mat-icon *ngIf=\"iconoTitulo\" class=\"flex-none icon-xs\" [svgIcon]=\"iconoTitulo\"></mat-icon>\n            <ng-content select=\"[tituloImagen]\"></ng-content>\n            <h5 class=\"flex-1 m-0\">\n                <ng-content select=\"[titulo]\"></ng-content>\n            </h5>\n            <ng-content select=\"[selectTitulo]\"></ng-content>\n\n            <ng-container *ngIf=\"btnCerrar || btnCerrarBarra\">\n                <button matRipple class=\"flex items-center justify-center ml-2 h-6 w-6 bg-red-700 rounded-md text-white\"\n                    type=\"button\" [mat-dialog-close]=\"!matDialogRefActual\"\n                    (click)=\"matDialogRefActual ? cerrarDialogo() : null\">\n                    <mat-icon svgIcon=\"roundClose\"></mat-icon>\n                </button>\n            </ng-container>\n        </div>\n\n        <mat-divider class=\"flex-auto bg-primary\"></mat-divider>\n        <ng-container [ngTemplateOutlet]=\"parteComun\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #parteComun>\n    <mat-dialog-content class=\"flex-1\">\n        <div class=\"contenedor-cuerpo\">\n            <ng-content select=\"[cuerpo]\"></ng-content>\n        </div>\n    </mat-dialog-content>\n\n    <mat-dialog-actions class=\"flex-auto flex items-center justify-between gap-1 pt-0 mt-0\" *ngIf=\"!sinBarraDeAccion\">\n        <div class=\"flex items-start justify-start gap-1\">\n            <ng-content select=\"[pieIzquierda]\"></ng-content>\n        </div>\n        <div class=\"flex items-center justify-center gap-1\">\n            <ng-content select=\"[pieCentro]\"></ng-content>\n        </div>\n        <div class=\"flex items-end justify-end gap-1\">\n            <ng-content select=\"[pieDerecha]\"></ng-content>\n\n            <!-- Botón Guardar -->\n            <button matRipple *ngIf=\"btnGuardar\" type=\"submit\"\n                class=\"boton-dialog-flotante\" [ngClass]=\"btnGuardar.class\"\n                [class]=\"cssClases['btnGuardar']\" (click)=\"guardarDialogo()\">\n                <mat-icon class=\"icon-xs\" [svgIcon]=\"btnGuardar?.icono ?? ''\"></mat-icon>\n                <span>{{ btnGuardar.label }}</span>\n            </button>\n\n            <!-- Botón Cerrar -->\n            <button matRipple *ngIf=\"btnCerrar\" type=\"button\"\n                class=\"boton-dialog-flotante\" [ngClass]=\"btnCerrar.class\"\n                [mat-dialog-close]=\"!matDialogRefActual\" (click)=\"matDialogRefActual ? cerrarDialogo() : null\">\n                <mat-icon class=\"icon-xs\" svgIcon=\"roundClose\"></mat-icon>\n                <span>{{ btnCerrar.label }}</span>\n            </button>\n        </div>\n    </mat-dialog-actions>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"jvsoft-components-dialog-flotante.mjs","sources":["../../../projects/components/dialog-flotante/dialog-flotante.component.ts","../../../projects/components/dialog-flotante/dialog-flotante.component.html","../../../projects/components/dialog-flotante/jvsoft-components-dialog-flotante.ts"],"sourcesContent":["import {Component, EventEmitter, Input, Output} from '@angular/core';\nimport {MatDialogActions, MatDialogClose, MatDialogContent, MatDialogModule, MatDialogRef, MatDialogTitle} from '@angular/material/dialog';\nimport {BotonDialog} from './dialog-flotante.interface';\nimport {MatIcon, MatIconModule} from '@angular/material/icon';\nimport {CommonModule, NgClass, NgIf, NgTemplateOutlet} from '@angular/common';\nimport {CdkDrag, CdkDragHandle} from '@angular/cdk/drag-drop';\nimport {MatRipple} from '@angular/material/core';\nimport {MatDivider} from '@angular/material/divider';\n\n@Component({\n    selector: '[jvsDialogFlotante]',\n    imports: [\n        CommonModule,\n        MatIconModule,\n        MatDialogModule,\n        CdkDrag,\n        CdkDragHandle,\n        MatRipple,\n        MatDivider,\n\n    ],\n    templateUrl: './dialog-flotante.component.html',\n    styleUrls: ['./dialog-flotante.component.scss'],\n    host: {\n        class: 'jvs-dialog-flotante',\n    }\n})\nexport class DialogFlotanteComponent {\n    @Input() cssClases: Record<string, string> = {};\n\n    private _sinTitulo: boolean | '' = false;\n    get sinTitulo(): boolean {\n        return !!this._sinTitulo;\n    }\n\n    @Input() set sinTitulo(val: boolean | '') {\n        this._sinTitulo = val == '';\n    }\n\n    private _sinBarraDeAccion: boolean | '' = false;\n    get sinBarraDeAccion(): boolean {\n        return !!this._sinBarraDeAccion;\n    }\n\n    @Input() set sinBarraDeAccion(val: boolean | '') {\n        this._sinBarraDeAccion = val == '';\n    }\n\n    private readonly defaultBtnCerrar: BotonDialog = {label: 'CERRAR', class: 'text-gray-700 border-gray-700'};\n    private _btnCerrar: BotonDialog = this.defaultBtnCerrar;\n    get btnCerrar(): BotonDialog {\n        return this._btnCerrar;\n    }\n\n    @Input() set btnCerrar(val: BotonDialog | boolean | string | '') {\n        if (val == null || val === '') {\n            this._btnCerrar = this.defaultBtnCerrar;\n        }\n        else {\n            this._btnCerrar = (typeof val === 'string' && val !== '') ? {...this.defaultBtnCerrar, label: val}:\n                (typeof val === 'boolean' && val) ? this.defaultBtnCerrar:\n                    (val as BotonDialog) ?? this.defaultBtnCerrar;\n        }\n    }\n\n    private _btnCerrarBarra: boolean = true;\n    get btnCerrarBarra(): boolean {\n        return this._btnCerrarBarra;\n    }\n\n    @Input() set btnCerrarBarra(val: boolean | '') {\n        this._btnCerrarBarra = val || true;\n    }\n\n    private readonly defaultBtnGuardar: BotonDialog = {\n        label: 'GUARDAR', class: 'text-blue-700 border-blue-700', icono: 'roundSave'\n    };\n    private _btnGuardar: BotonDialog = this.defaultBtnGuardar;\n    get btnGuardar(): BotonDialog {\n        return this._btnGuardar;\n    }\n\n    @Input() set btnGuardar(val: BotonDialog | boolean | string | '') {\n        console.log(val);\n        if (val == null || val === '') {\n            this._btnGuardar = this.defaultBtnGuardar;\n        }\n        else {\n            this._btnGuardar = (typeof val === 'string' && val !== '') ? {...this.defaultBtnGuardar, label: val}:\n                (typeof val === 'boolean' && val) ? this.defaultBtnGuardar:\n                    (val as BotonDialog) ?? this.defaultBtnGuardar;\n        }\n    }\n\n    @Input() iconoTitulo?: string;\n    @Input() matDialogRefActual!: MatDialogRef<any>;\n    @Output() btnGuardarClick = new EventEmitter<any>();\n    @Output() btnCerrarClick = new EventEmitter<any>();\n\n    guardarDialogo() {\n        this.btnGuardarClick.emit(true);\n    }\n\n    cerrarDialogo() {\n        this.btnCerrarClick.emit(true);\n        if (this.matDialogRefActual) {\n            if (this.matDialogRefActual.componentInstance?.validarCerrarDialog) {\n                this.matDialogRefActual.componentInstance?.validarCerrarDialog();\n            }\n            else {\n                this.matDialogRefActual.close('Cerrado GDLG');\n            }\n        }\n    }\n\n}\n","<ng-container *ngIf=\"sinTitulo; else conTitulo\">\n    <ng-container [ngTemplateOutlet]=\"parteComun\"></ng-container>\n</ng-container>\n\n<ng-template #conTitulo>\n    <div cdkDrag class=\"block h-full\" cdkDragRootElement=\".cdk-overlay-pane\" cdkDragBoundary=\"body\">\n        <div class=\"flex-auto flex items-center justify-between hover:cursor-move gap-1\"\n            [ngClass]=\"cssClases['titulo'] ?? 'bg-primary text-primary-contrast'\"\n            mat-dialog-title cdkDragHandle>\n\n            <mat-icon *ngIf=\"iconoTitulo\" class=\"flex-none icon-xs\" [svgIcon]=\"iconoTitulo\"></mat-icon>\n            <ng-content select=\"[tituloImagen]\"></ng-content>\n            <h5 class=\"flex-1 m-0\">\n                <ng-content select=\"[titulo]\"></ng-content>\n            </h5>\n            <ng-content select=\"[selectTitulo]\"></ng-content>\n\n            <ng-container *ngIf=\"btnCerrar || btnCerrarBarra\">\n                <button matRipple class=\"flex items-center justify-center ml-2 h-6 w-6 bg-red-700 rounded-md text-white\"\n                    type=\"button\" [mat-dialog-close]=\"!matDialogRefActual\"\n                    (click)=\"matDialogRefActual ? cerrarDialogo() : null\">\n                    <mat-icon svgIcon=\"roundClose\"></mat-icon>\n                </button>\n            </ng-container>\n        </div>\n\n        <mat-divider class=\"flex-auto bg-primary\"></mat-divider>\n        <ng-container [ngTemplateOutlet]=\"parteComun\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #parteComun>\n    <mat-dialog-content class=\"flex-1\">\n        <div class=\"contenedor-cuerpo\">\n            <ng-content select=\"[cuerpo]\"></ng-content>\n        </div>\n    </mat-dialog-content>\n\n    <mat-dialog-actions class=\"flex-auto flex items-center justify-between gap-1 pt-0 mt-0\" *ngIf=\"!sinBarraDeAccion\">\n        <div class=\"flex items-start justify-start gap-1\">\n            <ng-content select=\"[pieIzquierda]\"></ng-content>\n        </div>\n        <div class=\"flex items-center justify-center gap-1\">\n            <ng-content select=\"[pieCentro]\"></ng-content>\n        </div>\n        <div class=\"flex items-end justify-end gap-1\">\n            <ng-content select=\"[pieDerecha]\"></ng-content>\n\n            <!-- Botón Guardar -->\n            <button matRipple *ngIf=\"btnGuardar\" type=\"submit\"\n                class=\"boton-dialog-flotante\" [ngClass]=\"btnGuardar.class\"\n                [class]=\"cssClases['btnGuardar']\" (click)=\"guardarDialogo()\">\n                <mat-icon class=\"icon-xs\" [svgIcon]=\"btnGuardar?.icono ?? ''\"></mat-icon>\n                <span>{{ btnGuardar.label }}</span>\n            </button>\n\n            <!-- Botón Cerrar -->\n            <button matRipple *ngIf=\"btnCerrar\" type=\"button\"\n                class=\"boton-dialog-flotante\" [ngClass]=\"btnCerrar.class\"\n                [mat-dialog-close]=\"!matDialogRefActual\" (click)=\"matDialogRefActual ? cerrarDialogo() : null\">\n                <mat-icon class=\"icon-xs\" svgIcon=\"roundClose\"></mat-icon>\n                <span>{{ btnCerrar.label }}</span>\n            </button>\n        </div>\n    </mat-dialog-actions>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/jvsoft-components-lista-arbol.mjs

@@ -0,0 +1,266 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Input, Output, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/material/tree';
+import { MatTreeModule } from '@angular/material/tree';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i5 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { NestedTreeControl } from '@angular/cdk/tree';
+import { DataModel } from '@jvsoft/utils';
+import shortHash from 'shorthash2';
+
+function generarArbol(lista, campoId, campoIdPadre, idPadre = null, strChildren = 'hijos') {
+    const node2 = [];
+    lista.filter(n => n[campoIdPadre] === idPadre).forEach(n => {
+        n[strChildren] = generarArbol(lista, campoId, campoIdPadre, n[campoId], strChildren);
+        node2.push(n);
+    });
+    return node2;
+}
+
+class ListaArbolComponent {
+    listaSuscription;
+    nombreColeccion;
+    checkbox = false;
+    expandirRecursivo = false;
+    checkboxSeleccionados = [];
+    campoId;
+    campoIdPadre;
+    campoStr;
+    strHijoContainer = 'hijos';
+    menuContextual;
+    classSeleccionado = ['bg-primary-activo', 'text-primary', 'dark:!bg-primary-dark-activo'];
+    classAnulado = ['line-through', 'text-red', 'italic'];
+    campoAnulado;
+    templateTxtData;
+    condicionMostrar;
+    condicionesClaseFila = () => [];
+    set selectionModel(val) {
+        this.objSeleccionado = val;
+    }
+    selectionModelChange = new EventEmitter();
+    seleccionado = new EventEmitter();
+    listaCheck = new EventEmitter();
+    listaCheckObj = new EventEmitter();
+    _idTabla = [];
+    get idTabla() {
+        return this._idTabla;
+    }
+    set idTabla(val) {
+        if (Array.isArray(val)) {
+            this._idTabla = val;
+        }
+        else {
+            this._idTabla.push(val);
+        }
+    }
+    get buscarItemSeleccionado() {
+        const dRet = this.listaOriginal.find(itm => this._seleccionado === this.propiedadSeleccion(itm));
+        return dRet ?? null;
+    }
+    get objSeleccionado() {
+        return this.buscarItemSeleccionado; // ?? this.objThis?.['seleccionados']?.[this.nombreColeccion];
+    }
+    set objSeleccionado(val) {
+        this.seleccionarItem(val, true);
+    }
+    chkLista = new DataModel();
+    listaMuestraArbol = [];
+    listaOriginal = [];
+    treeControl = new NestedTreeControl((node) => node[this.strHijoContainer]);
+    _seleccionado = {};
+    ngOnInit() {
+        this.listaSuscription.subscribe(res => {
+            if (res) {
+                this.listaOriginal = res;
+                const listaAs = generarArbol(res, this.campoId, this.campoIdPadre, null, this.strHijoContainer);
+                this.listaMuestraArbol = [];
+                setTimeout(() => {
+                    this.listaMuestraArbol = listaAs;
+                }, 1);
+                if (this.checkbox) {
+                    this.chkLista.agregarControles(res, this.campoId);
+                    this.checkboxSeleccionados.forEach((chkSel) => {
+                        this.chkLista.setState(chkSel[this.campoId], true);
+                    });
+                    this.emitirModeloCheck();
+                }
+            }
+        });
+    }
+    idTablaValor(data) {
+        if (data) {
+            if (this.idTabla.length < 1) {
+                return shortHash(JSON.stringify({ data, claseFinal: undefined }));
+            }
+            return this.idTabla.map(d => data[d]).join('-');
+        }
+        return '';
+    }
+    propiedadSeleccion(item) {
+        return `${this.nombreColeccion}_${this.idTablaValor(item)}`;
+    }
+    esSeleccionActual(item) {
+        return this._seleccionado === this.propiedadSeleccion(item);
+    }
+    seleccionarItem(item, forzado = false) {
+        const idItem = this.propiedadSeleccion(item);
+        console.warn(idItem);
+        if (forzado) {
+            this._seleccionado = idItem;
+        }
+        else {
+            this._seleccionado = this._seleccionado === idItem ? null : idItem;
+        }
+        this.selectionModelChange.emit(this.objSeleccionado);
+        this.seleccionado.emit(this.objSeleccionado);
+    }
+    hasChild = (_, node) => !!node[this.strHijoContainer] && node[this.strHijoContainer].length > 0;
+    opcMenu(v) {
+        // console.warn(v);
+        // console.warn(this.objSeleccionado);
+        const opAdic = { seccion: this.nombreColeccion };
+        opAdic['itemSeleccionado'] = this.objSeleccionado;
+        // v = {...v, ...opAdic};
+        // this.seleccionado.emit(v);
+    }
+    emitirModeloCheck() {
+        this.listaCheck.emit(this.chkLista.generarLista());
+        this.listaCheckObj.emit(this.chkLista.generarLista('object'));
+    }
+    cambiarPadre(checkActual, estado) {
+        const parentId = checkActual[this.campoIdPadre];
+        if (parentId) {
+            const padreAct = this.listaMuestraArbol.find((itm) => itm[this.campoId] == parentId);
+            if (padreAct) {
+                this.chkLista.setState(parentId, this.hijosActivos('checked', padreAct) || this.hijosActivos('indeterminate', padreAct));
+                this.cambiarPadre(padreAct, estado);
+            }
+        }
+    }
+    cambiarCheck(checkActual, estado) {
+        console.log(checkActual, estado);
+        if (this.hasChild(0, checkActual)) {
+            (this.treeControl.getChildren(checkActual) ?? []).forEach((vas) => {
+                this.cambiarCheck(vas, estado);
+            });
+        }
+        this.cambiarPadre(checkActual, estado);
+        this.chkLista.setState(checkActual[this.campoId], estado);
+    }
+    hijosActivos(tipo, checkActual) {
+        let totalHijos = 0;
+        let cantActivo = 0;
+        if (this.hasChild(0, checkActual)) {
+            (this.treeControl.getChildren(checkActual) ?? []).forEach((vas) => {
+                if (this.chkLista.getState(vas[this.campoId] + '')) {
+                    cantActivo++;
+                }
+                totalHijos++;
+            });
+        }
+        switch (tipo) {
+            case 'checked':
+                return (cantActivo == totalHijos);
+            case 'indeterminate':
+                if (cantActivo == totalHijos) {
+                    this.chkLista.setState(checkActual[this.campoId], true);
+                }
+                return ((cantActivo > 0) && (cantActivo != totalHijos));
+        }
+        return false;
+    }
+    classFila2(item) {
+        let clases = [];
+        if (this.campoAnulado && item[this.campoAnulado] === 1) {
+            clases = clases.concat(this.classAnulado);
+        }
+        if (item?.seleccionado) {
+            clases = clases.concat(this.classSeleccionado);
+        }
+        clases = clases.concat(this.condicionesClaseFila(item));
+        item.claseFinal = clases;
+        return clases;
+    }
+    classFila(item) {
+        let claseFinal = [];
+        if (this.campoAnulado && (item[this.campoAnulado] == 1)) {
+            claseFinal = claseFinal.concat(this.classAnulado);
+        }
+        if (this.objSeleccionado == item || this.esSeleccionActual(item)) {
+            claseFinal = claseFinal.concat(this.classSeleccionado);
+        }
+        claseFinal = claseFinal.concat(this.condicionesClaseFila(item));
+        item.claseFinal = claseFinal;
+        return claseFinal;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ListaArbolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: ListaArbolComponent, isStandalone: true, selector: "jvs-lista-arbol", inputs: { listaSuscription: "listaSuscription", nombreColeccion: "nombreColeccion", checkbox: "checkbox", expandirRecursivo: "expandirRecursivo", checkboxSeleccionados: "checkboxSeleccionados", campoId: "campoId", campoIdPadre: "campoIdPadre", campoStr: "campoStr", strHijoContainer: "strHijoContainer", menuContextual: "menuContextual", classSeleccionado: "classSeleccionado", classAnulado: "classAnulado", campoAnulado: "campoAnulado", templateTxtData: "templateTxtData", condicionMostrar: "condicionMostrar", condicionesClaseFila: "condicionesClaseFila", selectionModel: "selectionModel", idTabla: "idTabla" }, outputs: { selectionModelChange: "selectionModelChange", seleccionado: "seleccionado", listaCheck: "listaCheck", listaCheckObj: "listaCheckObj" }, ngImport: i0, template: "<mat-tree [dataSource]=\"listaMuestraArbol\" [treeControl]=\"treeControl\">\n    <mat-tree-node class=\"!pl-0 min-h-0\" *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\n        [matTreeNodeToggleRecursive]=\"expandirRecursivo\">\n        <ng-container [ngTemplateOutlet]=\"liDat\"\n            [ngTemplateOutletContext]=\"{ node: node, nested: false }\"></ng-container>\n    </mat-tree-node>\n\n    <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"flex flex-col trans-ease-out cursor-pointer\" matTreeNodeToggle [matTreeNodeToggleRecursive]=\"expandirRecursivo\">\n            <ng-container [ngTemplateOutlet]=\"liDat\"\n                [ngTemplateOutletContext]=\"{ node: node, nested: true }\"></ng-container>\n            <div class=\"pl-4\" [class.tree-invisible]=\"!treeControl.isExpanded(node)\">\n                <ng-container matTreeNodeOutlet></ng-container>\n            </div>\n        </div>\n    </mat-nested-tree-node>\n</mat-tree>\n\n<ng-template #liDat let-node=\"node\" let-nested=\"nested\">\n    <div class=\"flex items-center gap-0 text-sm trans-ease-out cursor-pointer p-0 w-full\"\n        (contextmenu)=\"menuContextual?.abrirMenuContextual($event, node); $event.preventDefault();\"\n        (click)=\"seleccionarItem(node); opcMenu({ seccion: nombreColeccion, tipo: 'ver', item: node }); menuContextual?.cerrarMenuContextual();\"\n        [ngClass]=\"classFila(node)\">\n        <mat-icon *ngIf=\"!nested\"></mat-icon>\n        <mat-icon *ngIf=\"nested\"\n            [svgIcon]=\"treeControl.isExpanded(node) ? 'roundExpandMore' : 'roundChevronRight'\"></mat-icon>\n\n        <mat-checkbox *ngIf=\"checkbox\"\n            [(ngModel)]=\"chkLista.modelosChk[node[campoId]]\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"cambiarCheck(node, $event.checked); emitirModeloCheck()\"\n            [checked]=\"nested ? hijosActivos('checked', node) : false\"\n            [indeterminate]=\"nested ? hijosActivos('indeterminate', node) : false\">\n        </mat-checkbox>\n\n        <span *ngIf=\"!templateTxtData\" class=\"w-full\">{{ node[campoStr] }}</span>\n        <ng-container *ngIf=\"templateTxtData\" [ngTemplateOutlet]=\"templateTxtData\"\n            [ngTemplateOutletContext]=\"{ data: node, treeControl }\"></ng-container>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i3.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i3.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i3.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i3.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: i3.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ListaArbolComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'jvs-lista-arbol', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatTreeModule,
+                        MatIconModule,
+                        MatCheckboxModule,
+                    ], template: "<mat-tree [dataSource]=\"listaMuestraArbol\" [treeControl]=\"treeControl\">\n    <mat-tree-node class=\"!pl-0 min-h-0\" *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\n        [matTreeNodeToggleRecursive]=\"expandirRecursivo\">\n        <ng-container [ngTemplateOutlet]=\"liDat\"\n            [ngTemplateOutletContext]=\"{ node: node, nested: false }\"></ng-container>\n    </mat-tree-node>\n\n    <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"flex flex-col trans-ease-out cursor-pointer\" matTreeNodeToggle [matTreeNodeToggleRecursive]=\"expandirRecursivo\">\n            <ng-container [ngTemplateOutlet]=\"liDat\"\n                [ngTemplateOutletContext]=\"{ node: node, nested: true }\"></ng-container>\n            <div class=\"pl-4\" [class.tree-invisible]=\"!treeControl.isExpanded(node)\">\n                <ng-container matTreeNodeOutlet></ng-container>\n            </div>\n        </div>\n    </mat-nested-tree-node>\n</mat-tree>\n\n<ng-template #liDat let-node=\"node\" let-nested=\"nested\">\n    <div class=\"flex items-center gap-0 text-sm trans-ease-out cursor-pointer p-0 w-full\"\n        (contextmenu)=\"menuContextual?.abrirMenuContextual($event, node); $event.preventDefault();\"\n        (click)=\"seleccionarItem(node); opcMenu({ seccion: nombreColeccion, tipo: 'ver', item: node }); menuContextual?.cerrarMenuContextual();\"\n        [ngClass]=\"classFila(node)\">\n        <mat-icon *ngIf=\"!nested\"></mat-icon>\n        <mat-icon *ngIf=\"nested\"\n            [svgIcon]=\"treeControl.isExpanded(node) ? 'roundExpandMore' : 'roundChevronRight'\"></mat-icon>\n\n        <mat-checkbox *ngIf=\"checkbox\"\n            [(ngModel)]=\"chkLista.modelosChk[node[campoId]]\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"cambiarCheck(node, $event.checked); emitirModeloCheck()\"\n            [checked]=\"nested ? hijosActivos('checked', node) : false\"\n            [indeterminate]=\"nested ? hijosActivos('indeterminate', node) : false\">\n        </mat-checkbox>\n\n        <span *ngIf=\"!templateTxtData\" class=\"w-full\">{{ node[campoStr] }}</span>\n        <ng-container *ngIf=\"templateTxtData\" [ngTemplateOutlet]=\"templateTxtData\"\n            [ngTemplateOutletContext]=\"{ data: node, treeControl }\"></ng-container>\n    </div>\n</ng-template>\n" }]
+        }], propDecorators: { listaSuscription: [{
+                type: Input
+            }], nombreColeccion: [{
+                type: Input
+            }], checkbox: [{
+                type: Input
+            }], expandirRecursivo: [{
+                type: Input
+            }], checkboxSeleccionados: [{
+                type: Input
+            }], campoId: [{
+                type: Input
+            }], campoIdPadre: [{
+                type: Input
+            }], campoStr: [{
+                type: Input
+            }], strHijoContainer: [{
+                type: Input
+            }], menuContextual: [{
+                type: Input
+            }], classSeleccionado: [{
+                type: Input
+            }], classAnulado: [{
+                type: Input
+            }], campoAnulado: [{
+                type: Input
+            }], templateTxtData: [{
+                type: Input
+            }], condicionMostrar: [{
+                type: Input
+            }], condicionesClaseFila: [{
+                type: Input
+            }], selectionModel: [{
+                type: Input
+            }], selectionModelChange: [{
+                type: Output
+            }], seleccionado: [{
+                type: Output
+            }], listaCheck: [{
+                type: Output
+            }], listaCheckObj: [{
+                type: Output
+            }], idTabla: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ListaArbolComponent };
+//# sourceMappingURL=jvsoft-components-lista-arbol.mjs.map

package/fesm2022/jvsoft-components-lista-arbol.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jvsoft-components-lista-arbol.mjs","sources":["../../../projects/components/lista-arbol/lista-arbol.functions.ts","../../../projects/components/lista-arbol/lista-arbol.component.ts","../../../projects/components/lista-arbol/lista-arbol.component.html","../../../projects/components/lista-arbol/jvsoft-components-lista-arbol.ts"],"sourcesContent":["export function generarArbol(lista: any[], campoId: string, campoIdPadre: string, idPadre = null, strChildren = 'hijos'): any[] {\n    const node2: any[] = [];\n    lista.filter(n => n[campoIdPadre] === idPadre).forEach(n => {\n        n[strChildren] = generarArbol(lista, campoId, campoIdPadre, n[campoId], strChildren);\n        node2.push(n);\n    });\n    return node2;\n}\n","import {Component, EventEmitter, Input, OnInit, Output, TemplateRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {MatTreeModule} from '@angular/material/tree';\nimport {MatIconModule} from '@angular/material/icon';\nimport {MatCheckboxModule} from '@angular/material/checkbox';\nimport {FormsModule} from '@angular/forms';\nimport {Observable} from 'rxjs';\nimport {NestedTreeControl} from '@angular/cdk/tree';\nimport {generarArbol} from './lista-arbol.functions';\nimport {DataModel} from '@jvsoft/utils';\nimport {SelectionModel} from '@angular/cdk/collections';\nimport shortHash from 'shorthash2';\n\n@Component({\n    selector: 'jvs-lista-arbol',\n    standalone: true,\n    imports: [\n        CommonModule,\n        FormsModule,\n        MatTreeModule,\n        MatIconModule,\n        MatCheckboxModule,\n    ],\n    templateUrl: './lista-arbol.component.html',\n})\nexport class ListaArbolComponent<T = any> implements OnInit {\n    @Input() listaSuscription!: Observable<T[]>;\n    @Input() nombreColeccion!: string;\n    @Input() checkbox = false;\n    @Input() expandirRecursivo = false;\n    @Input() checkboxSeleccionados: T[] = [];\n\n    @Input() campoId!: string;\n    @Input() campoIdPadre!: string;\n    @Input() campoStr!: string;\n    @Input() strHijoContainer = 'hijos';\n    @Input() menuContextual?: { abrirMenuContextual: Function; cerrarMenuContextual: Function };\n    @Input() classSeleccionado: string[] = ['bg-primary-activo', 'text-primary', 'dark:!bg-primary-dark-activo'];\n    @Input() classAnulado: string[] = ['line-through', 'text-red', 'italic'];\n    @Input() campoAnulado?: string | null;\n    @Input() templateTxtData?: TemplateRef<any>;\n    @Input() condicionMostrar?: (item: T) => boolean;\n    @Input() condicionesClaseFila: (item: T) => string[] = () => [];\n\n    @Input() set selectionModel(val: SelectionModel<any>) {\n        this.objSeleccionado = val;\n    }\n    @Output() selectionModelChange = new EventEmitter<SelectionModel<any>>();\n\n    @Output() seleccionado = new EventEmitter<any>();\n    @Output() listaCheck = new EventEmitter<T[]>();\n    @Output() listaCheckObj = new EventEmitter<Record<string, any>>();\n\n    private _idTabla: string[] = [];\n\n    get idTabla(): string[] {\n        return this._idTabla;\n    }\n\n    @Input({required: true}) set idTabla(val: string[] | string) {\n        if (Array.isArray(val)) {\n            this._idTabla = val;\n        }\n        else {\n            this._idTabla.push(val);\n        }\n    }\n\n    get buscarItemSeleccionado(): any {\n        const dRet = this.listaOriginal.find(itm => this._seleccionado === this.propiedadSeleccion(itm));\n        return dRet ?? null;\n    }\n    get objSeleccionado() {\n        return this.buscarItemSeleccionado; // ?? this.objThis?.['seleccionados']?.[this.nombreColeccion];\n    }\n\n    set objSeleccionado(val: any) {\n        this.seleccionarItem(val, true);\n    }\n\n    chkLista = new DataModel();\n    listaMuestraArbol: T[] = [];\n    listaOriginal: T[] = [];\n\n    treeControl = new NestedTreeControl((node: any) => node[this.strHijoContainer]);\n\n    _seleccionado: any = {};\n\n    ngOnInit(): void {\n        this.listaSuscription.subscribe(res => {\n            if (res) {\n                this.listaOriginal = res;\n                const listaAs = generarArbol(res, this.campoId, this.campoIdPadre, null, this.strHijoContainer);\n                this.listaMuestraArbol = [];\n                setTimeout(() => {\n                    this.listaMuestraArbol = listaAs;\n                }, 1);\n                if (this.checkbox) {\n                    this.chkLista.agregarControles(res, this.campoId);\n                    this.checkboxSeleccionados.forEach((chkSel: any) => {\n                        this.chkLista.setState(chkSel[this.campoId], true);\n                    });\n                    this.emitirModeloCheck();\n                }\n            }\n        });\n    }\n\n\n    idTablaValor(data: any): string {\n        if (data) {\n            if (this.idTabla.length < 1) {\n                return shortHash(JSON.stringify({data, claseFinal: undefined}))\n            }\n            return this.idTabla.map(d => data[d]).join('-');\n        }\n        return '';\n    }\n\n    propiedadSeleccion(item: any): string {\n        return `${this.nombreColeccion}_${this.idTablaValor(item)}`;\n    }\n\n    esSeleccionActual(item: any): boolean {\n        return this._seleccionado === this.propiedadSeleccion(item);\n    }\n    seleccionarItem(item?: any, forzado: boolean = false): void {\n        const idItem = this.propiedadSeleccion(item);\n        console.warn(idItem);\n        if (forzado) {\n            this._seleccionado = idItem;\n        }\n        else {\n            this._seleccionado = this._seleccionado === idItem ? null:idItem;\n        }\n        this.selectionModelChange.emit(this.objSeleccionado);\n        this.seleccionado.emit(this.objSeleccionado);\n    }\n\n\n    hasChild = (_: number, node: any) => !!node[this.strHijoContainer] && node[this.strHijoContainer].length > 0;\n\n\n    opcMenu(v: any) {\n        // console.warn(v);\n        // console.warn(this.objSeleccionado);\n        const opAdic: any = {seccion: this.nombreColeccion};\n        opAdic['itemSeleccionado'] = this.objSeleccionado;\n        // v = {...v, ...opAdic};\n        // this.seleccionado.emit(v);\n    }\n\n    emitirModeloCheck() {\n        this.listaCheck.emit(<any[]>this.chkLista.generarLista());\n        this.listaCheckObj.emit(<object>this.chkLista.generarLista('object'));\n    }\n\n\n    cambiarPadre(checkActual: T, estado: boolean): void {\n        const parentId = (checkActual as any)[this.campoIdPadre];\n        if (parentId) {\n            const padreAct = this.listaMuestraArbol.find((itm: any) => itm[this.campoId] == parentId);\n            if (padreAct) {\n                this.chkLista.setState(parentId, this.hijosActivos('checked', padreAct) || this.hijosActivos('indeterminate', padreAct));\n                this.cambiarPadre(padreAct, estado);\n            }\n        }\n    }\n\n    cambiarCheck(checkActual: T, estado: boolean): void {\n        console.log(checkActual, estado);\n        if (this.hasChild(0, checkActual)) {\n            (this.treeControl.getChildren(checkActual) ?? []).forEach((vas: any) => {\n                this.cambiarCheck(vas, estado);\n            });\n        }\n        this.cambiarPadre(checkActual, estado);\n        this.chkLista.setState((checkActual as any)[this.campoId], estado);\n    }\n\n    hijosActivos(tipo: 'checked' | 'indeterminate', checkActual: T): boolean {\n        let totalHijos = 0;\n        let cantActivo = 0;\n        if (this.hasChild(0, checkActual)) {\n            (this.treeControl.getChildren(checkActual) ?? []).forEach((vas: any) => {\n                if (this.chkLista.getState(vas[this.campoId] + '')) {\n                    cantActivo++;\n                }\n                totalHijos++;\n            });\n        }\n\n        switch (tipo) {\n            case 'checked':\n                return (cantActivo == totalHijos);\n            case 'indeterminate':\n                if (cantActivo == totalHijos) {\n                    this.chkLista.setState((checkActual as any)[this.campoId], true);\n                }\n                return ((cantActivo > 0) && (cantActivo != totalHijos));\n        }\n        return false;\n    }\n\n\n    classFila2(item: T): string[] {\n        let clases: string[] = [];\n        if (this.campoAnulado && (item as any)[this.campoAnulado] === 1) {\n            clases = clases.concat(this.classAnulado);\n        }\n        if ((item as any)?.seleccionado) {\n            clases = clases.concat(this.classSeleccionado);\n        }\n        clases = clases.concat(this.condicionesClaseFila(item));\n        (item as any).claseFinal = clases;\n        return clases;\n    }\n\n    classFila(item: any) {\n        let claseFinal: any[] = [];\n        if (this.campoAnulado && (item[this.campoAnulado] == 1)) {\n            claseFinal = claseFinal.concat(this.classAnulado);\n        }\n        if (this.objSeleccionado == item || this.esSeleccionActual(item)) {\n            claseFinal = claseFinal.concat(this.classSeleccionado);\n        }\n        claseFinal = claseFinal.concat(this.condicionesClaseFila(item));\n        item.claseFinal = claseFinal;\n        return claseFinal;\n    }\n}\n\n","<mat-tree [dataSource]=\"listaMuestraArbol\" [treeControl]=\"treeControl\">\n    <mat-tree-node class=\"!pl-0 min-h-0\" *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\n        [matTreeNodeToggleRecursive]=\"expandirRecursivo\">\n        <ng-container [ngTemplateOutlet]=\"liDat\"\n            [ngTemplateOutletContext]=\"{ node: node, nested: false }\"></ng-container>\n    </mat-tree-node>\n\n    <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"flex flex-col trans-ease-out cursor-pointer\" matTreeNodeToggle [matTreeNodeToggleRecursive]=\"expandirRecursivo\">\n            <ng-container [ngTemplateOutlet]=\"liDat\"\n                [ngTemplateOutletContext]=\"{ node: node, nested: true }\"></ng-container>\n            <div class=\"pl-4\" [class.tree-invisible]=\"!treeControl.isExpanded(node)\">\n                <ng-container matTreeNodeOutlet></ng-container>\n            </div>\n        </div>\n    </mat-nested-tree-node>\n</mat-tree>\n\n<ng-template #liDat let-node=\"node\" let-nested=\"nested\">\n    <div class=\"flex items-center gap-0 text-sm trans-ease-out cursor-pointer p-0 w-full\"\n        (contextmenu)=\"menuContextual?.abrirMenuContextual($event, node); $event.preventDefault();\"\n        (click)=\"seleccionarItem(node); opcMenu({ seccion: nombreColeccion, tipo: 'ver', item: node }); menuContextual?.cerrarMenuContextual();\"\n        [ngClass]=\"classFila(node)\">\n        <mat-icon *ngIf=\"!nested\"></mat-icon>\n        <mat-icon *ngIf=\"nested\"\n            [svgIcon]=\"treeControl.isExpanded(node) ? 'roundExpandMore' : 'roundChevronRight'\"></mat-icon>\n\n        <mat-checkbox *ngIf=\"checkbox\"\n            [(ngModel)]=\"chkLista.modelosChk[node[campoId]]\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"cambiarCheck(node, $event.checked); emitirModeloCheck()\"\n            [checked]=\"nested ? hijosActivos('checked', node) : false\"\n            [indeterminate]=\"nested ? hijosActivos('indeterminate', node) : false\">\n        </mat-checkbox>\n\n        <span *ngIf=\"!templateTxtData\" class=\"w-full\">{{ node[campoStr] }}</span>\n        <ng-container *ngIf=\"templateTxtData\" [ngTemplateOutlet]=\"templateTxtData\"\n            [ngTemplateOutletContext]=\"{ data: node, treeControl }\"></ng-container>\n    </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}