@jvsoft/components 0.0.13-alpha.0 → 0.0.13-alpha.2

package/dialog-flotante/dialog-flotante.component.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { BotonDialog } from './dialog-flotante.interface';
+import * as i0 from "@angular/core";
+export declare class DialogFlotanteComponent {
+    cssClases: Record<string, string>;
+    private _sinTitulo;
+    get sinTitulo(): boolean;
+    set sinTitulo(val: boolean | '');
+    private _sinBarraDeAccion;
+    get sinBarraDeAccion(): boolean;
+    set sinBarraDeAccion(val: boolean | '');
+    private readonly defaultBtnCerrar;
+    private _btnCerrar;
+    get btnCerrar(): BotonDialog;
+    set btnCerrar(val: BotonDialog | boolean | string | '');
+    private _btnCerrarBarra;
+    get btnCerrarBarra(): boolean;
+    set btnCerrarBarra(val: boolean | '');
+    private readonly defaultBtnGuardar;
+    private _btnGuardar;
+    get btnGuardar(): BotonDialog;
+    set btnGuardar(val: BotonDialog | boolean | string | '');
+    iconoTitulo?: string;
+    matDialogRefActual: MatDialogRef<any>;
+    btnGuardarClick: EventEmitter<any>;
+    btnCerrarClick: EventEmitter<any>;
+    guardarDialogo(): void;
+    cerrarDialogo(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogFlotanteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogFlotanteComponent, "[jvsDialogFlotante]", never, { "cssClases": { "alias": "cssClases"; "required": false; }; "sinTitulo": { "alias": "sinTitulo"; "required": false; }; "sinBarraDeAccion": { "alias": "sinBarraDeAccion"; "required": false; }; "btnCerrar": { "alias": "btnCerrar"; "required": false; }; "btnCerrarBarra": { "alias": "btnCerrarBarra"; "required": false; }; "btnGuardar": { "alias": "btnGuardar"; "required": false; }; "iconoTitulo": { "alias": "iconoTitulo"; "required": false; }; "matDialogRefActual": { "alias": "matDialogRefActual"; "required": false; }; }, { "btnGuardarClick": "btnGuardarClick"; "btnCerrarClick": "btnCerrarClick"; }, never, ["[tituloImagen]", "[titulo]", "[selectTitulo]", "[cuerpo]", "[pieIzquierda]", "[pieCentro]", "[pieDerecha]"], true, never>;
+}

package/dialog-flotante/dialog-flotante.interface.d.ts

@@ -0,0 +1,11 @@
+export interface DialogFlotanteInterface {
+}
+type TiposOpciones = 'ver' | 'nuevo' | 'editar' | 'guardar' | 'eliminar' | 'seleccionar' | 'editar_item' | 'detalle' | 'ver_archivos' | 'eliminar_fila' | 'imprimir' | 'descargar' | 'exportar_pdf' | 'exportar_excel' | string;
+export interface BotonDialog {
+    tipo?: TiposOpciones;
+    class?: string;
+    icono?: string;
+    label?: string;
+    sinCondicion?: boolean;
+}
+export {};

package/dialog-flotante/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@jvsoft/components/dialog-flotante" />
+export * from './public-api';

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

@@ -0,0 +1,129 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component } from '@angular/core';
+import * as i3 from '@angular/material/dialog';
+import { MatDialogModule } from '@angular/material/dialog';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
+import { MatRipple } from '@angular/material/core';
+import { MatDivider } from '@angular/material/divider';
+
+class DialogFlotanteComponent {
+    cssClases = {};
+    _sinTitulo = false;
+    get sinTitulo() {
+        return !!this._sinTitulo;
+    }
+    set sinTitulo(val) {
+        this._sinTitulo = val == '';
+    }
+    _sinBarraDeAccion = false;
+    get sinBarraDeAccion() {
+        return !!this._sinBarraDeAccion;
+    }
+    set sinBarraDeAccion(val) {
+        this._sinBarraDeAccion = val == '';
+    }
+    defaultBtnCerrar = { label: 'CERRAR', class: 'text-gray-700 border-gray-700' };
+    _btnCerrar = this.defaultBtnCerrar;
+    get btnCerrar() {
+        return this._btnCerrar;
+    }
+    set btnCerrar(val) {
+        if (val == null || val === '') {
+            this._btnCerrar = this.defaultBtnCerrar;
+        }
+        else {
+            this._btnCerrar = (typeof val === 'string' && val !== '') ? { ...this.defaultBtnCerrar, label: val } :
+                (typeof val === 'boolean' && val) ? this.defaultBtnCerrar :
+                    val ?? this.defaultBtnCerrar;
+        }
+    }
+    _btnCerrarBarra = true;
+    get btnCerrarBarra() {
+        return this._btnCerrarBarra;
+    }
+    set btnCerrarBarra(val) {
+        this._btnCerrarBarra = val || true;
+    }
+    defaultBtnGuardar = {
+        label: 'GUARDAR', class: 'text-blue-700 border-blue-700', icono: 'roundSave'
+    };
+    _btnGuardar = this.defaultBtnGuardar;
+    get btnGuardar() {
+        return this._btnGuardar;
+    }
+    set btnGuardar(val) {
+        if (val == null || val === '') {
+            this._btnGuardar = this.defaultBtnGuardar;
+        }
+        else {
+            this._btnGuardar = (typeof val === 'string' && val !== '') ? { ...this.defaultBtnGuardar, label: val } :
+                (typeof val === 'boolean' && val) ? this.defaultBtnGuardar :
+                    val ?? this.defaultBtnGuardar;
+        }
+    }
+    iconoTitulo;
+    matDialogRefActual;
+    btnGuardarClick = new EventEmitter();
+    btnCerrarClick = new EventEmitter();
+    guardarDialogo() {
+        this.btnGuardarClick.emit(true);
+    }
+    cerrarDialogo() {
+        this.btnCerrarClick.emit(true);
+        if (this.matDialogRefActual) {
+            if (this.matDialogRefActual.componentInstance?.validarCerrarDialog) {
+                this.matDialogRefActual.componentInstance?.validarCerrarDialog();
+            }
+            else {
+                this.matDialogRefActual.close('Cerrado GDLG');
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DialogFlotanteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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.2.14", ngImport: i0, type: DialogFlotanteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[jvsDialogFlotante]', imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatDialogModule,
+                        CdkDrag,
+                        CdkDragHandle,
+                        MatRipple,
+                        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{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: [{
+                type: Input
+            }], sinBarraDeAccion: [{
+                type: Input
+            }], btnCerrar: [{
+                type: Input
+            }], btnCerrarBarra: [{
+                type: Input
+            }], btnGuardar: [{
+                type: Input
+            }], iconoTitulo: [{
+                type: Input
+            }], matDialogRefActual: [{
+                type: Input
+            }], btnGuardarClick: [{
+                type: Output
+            }], btnCerrarClick: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DialogFlotanteComponent };
+//# sourceMappingURL=jvsoft-components-dialog-flotante.mjs.map

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

@@ -0,0 +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 {MatDialogModule, MatDialogRef} from '@angular/material/dialog';\nimport {BotonDialog} from './dialog-flotante.interface';\nimport {MatIconModule} from '@angular/material/icon';\nimport {CommonModule} 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        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,294 @@
+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(params) {
+    const { lista, campoId, campoIdPadre, idPadre = null, strChildren = 'hijos', campoOrden, } = params;
+    const hijos = lista.filter(n => n[campoIdPadre] === idPadre);
+    if (campoOrden) {
+        hijos.sort((a, b) => {
+            const va = a[campoOrden];
+            const vb = b[campoOrden];
+            if (typeof va === 'string' && typeof vb === 'string') {
+                return va.localeCompare(vb);
+            }
+            if (typeof va === 'number' && typeof vb === 'number') {
+                return va - vb;
+            }
+            return 0;
+        });
+    }
+    return hijos.map(n => ({
+        ...n,
+        [strChildren]: generarArbol({
+            lista,
+            campoId,
+            campoIdPadre,
+            idPadre: n[campoId],
+            strChildren,
+            campoOrden,
+        }),
+    }));
+}
+
+class ListaArbolComponent {
+    listaSuscription;
+    nombreColeccion;
+    checkbox = false;
+    expandirRecursivo = false;
+    checkboxSeleccionados = [];
+    campoId;
+    campoIdPadre;
+    campoStr;
+    campoOrden;
+    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({
+                    lista: res,
+                    campoId: this.campoId,
+                    campoIdPadre: this.campoIdPadre,
+                    idPadre: null,
+                    strChildren: this.strHijoContainer,
+                    campoOrden: this.campoOrden
+                });
+                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);
+        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) {
+        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.2.14", ngImport: i0, type: ListaArbolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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", campoOrden: "campoOrden", 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-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"flex flex-col trans-ease-out cursor-pointer\" matTreeNodeToggle\n            [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\n    <!-- Cambiar mat-tree-node plano por mat-nested-tree-node sin hijos -->\n    <mat-nested-tree-node *matTreeNodeDef=\"let node\">\n        <div class=\"flex flex-col trans-ease-out cursor-pointer\">\n            <ng-container [ngTemplateOutlet]=\"liDat\"\n                [ngTemplateOutletContext]=\"{ node: node, nested: false }\"></ng-container>\n        </div>\n    </mat-nested-tree-node>\n</mat-tree>\n\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\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.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { 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.2.14", 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-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"flex flex-col trans-ease-out cursor-pointer\" matTreeNodeToggle\n            [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\n    <!-- Cambiar mat-tree-node plano por mat-nested-tree-node sin hijos -->\n    <mat-nested-tree-node *matTreeNodeDef=\"let node\">\n        <div class=\"flex flex-col trans-ease-out cursor-pointer\">\n            <ng-container [ngTemplateOutlet]=\"liDat\"\n                [ngTemplateOutletContext]=\"{ node: node, nested: false }\"></ng-container>\n        </div>\n    </mat-nested-tree-node>\n</mat-tree>\n\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\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
+            }], campoOrden: [{
+                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(params: {\n    lista: any[],\n    campoId: string,\n    campoIdPadre: string,\n    idPadre?: any,\n    strChildren?: string,\n    campoOrden?: string\n}): any[] {\n    const {\n        lista,\n        campoId,\n        campoIdPadre,\n        idPadre = null,\n        strChildren = 'hijos',\n        campoOrden,\n    } = params;\n\n    const hijos = lista.filter(n => n[campoIdPadre] === idPadre);\n\n    if (campoOrden) {\n        hijos.sort((a, b) => {\n            const va = a[campoOrden];\n            const vb = b[campoOrden];\n\n            if (typeof va === 'string' && typeof vb === 'string') {\n                return va.localeCompare(vb);\n            }\n            if (typeof va === 'number' && typeof vb === 'number') {\n                return va - vb;\n            }\n            return 0;\n        });\n    }\n\n    return hijos.map(n => ({\n        ...n,\n        [strChildren]: generarArbol({\n            lista,\n            campoId,\n            campoIdPadre,\n            idPadre: n[campoId],\n            strChildren,\n            campoOrden,\n        }),\n    }));\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() campoOrden?: 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({\n                    lista: res,\n                    campoId: this.campoId,\n                    campoIdPadre: this.campoIdPadre,\n                    idPadre: null,\n                    strChildren: this.strHijoContainer,\n                    campoOrden: this.campoOrden\n                });\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        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        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-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"flex flex-col trans-ease-out cursor-pointer\" matTreeNodeToggle\n            [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\n    <!-- Cambiar mat-tree-node plano por mat-nested-tree-node sin hijos -->\n    <mat-nested-tree-node *matTreeNodeDef=\"let node\">\n        <div class=\"flex flex-col trans-ease-out cursor-pointer\">\n            <ng-container [ngTemplateOutlet]=\"liDat\"\n                [ngTemplateOutletContext]=\"{ node: node, nested: false }\"></ng-container>\n        </div>\n    </mat-nested-tree-node>\n</mat-tree>\n\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\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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"}