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

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

@@ -1,115 +0,0 @@
-import {Component, EventEmitter, Input, Output} from '@angular/core';
-import {MatDialogModule, MatDialogRef} from '@angular/material/dialog';
-import {BotonDialog} from './dialog-flotante.interface';
-import {MatIconModule} from '@angular/material/icon';
-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';
-
-@Component({
-    selector: '[jvsDialogFlotante]',
-    imports: [
-        CommonModule,
-        MatIconModule,
-        MatDialogModule,
-        CdkDrag,
-        CdkDragHandle,
-        MatRipple,
-        MatDivider,
-
-    ],
-    templateUrl: './dialog-flotante.component.html',
-    styleUrls: ['./dialog-flotante.component.scss'],
-    host: {
-        class: 'jvs-dialog-flotante',
-    }
-})
-export class DialogFlotanteComponent {
-    @Input() cssClases: Record<string, string> = {};
-
-    private _sinTitulo: boolean | '' = false;
-    get sinTitulo(): boolean {
-        return !!this._sinTitulo;
-    }
-
-    @Input() set sinTitulo(val: boolean | '') {
-        this._sinTitulo = val == '';
-    }
-
-    private _sinBarraDeAccion: boolean | '' = false;
-    get sinBarraDeAccion(): boolean {
-        return !!this._sinBarraDeAccion;
-    }
-
-    @Input() set sinBarraDeAccion(val: boolean | '') {
-        this._sinBarraDeAccion = val == '';
-    }
-
-    private readonly defaultBtnCerrar: BotonDialog = {label: 'CERRAR', class: 'text-gray-700 border-gray-700'};
-    private _btnCerrar: BotonDialog = this.defaultBtnCerrar;
-    get btnCerrar(): BotonDialog {
-        return this._btnCerrar;
-    }
-
-    @Input() set btnCerrar(val: BotonDialog | boolean | string | '') {
-        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 as BotonDialog) ?? this.defaultBtnCerrar;
-        }
-    }
-
-    private _btnCerrarBarra: boolean = true;
-    get btnCerrarBarra(): boolean {
-        return this._btnCerrarBarra;
-    }
-
-    @Input() set btnCerrarBarra(val: boolean | '') {
-        this._btnCerrarBarra = val || true;
-    }
-
-    private readonly defaultBtnGuardar: BotonDialog = {
-        label: 'GUARDAR', class: 'text-blue-700 border-blue-700', icono: 'roundSave'
-    };
-    private _btnGuardar: BotonDialog = this.defaultBtnGuardar;
-    get btnGuardar(): BotonDialog {
-        return this._btnGuardar;
-    }
-
-    @Input() set btnGuardar(val: BotonDialog | boolean | string | '') {
-        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 as BotonDialog) ?? this.defaultBtnGuardar;
-        }
-    }
-
-    @Input() iconoTitulo?: string;
-    @Input() matDialogRefActual!: MatDialogRef<any>;
-    @Output() btnGuardarClick = new EventEmitter<any>();
-    @Output() btnCerrarClick = new EventEmitter<any>();
-
-    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');
-            }
-        }
-    }
-
-}

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

@@ -1,13 +0,0 @@
-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;
-}

package/dialog-flotante/index.ts

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

package/dialog-flotante/ng-package.json

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

package/lista-arbol/lista-arbol.component.html

@@ -1,66 +0,0 @@
-<mat-tree [dataSource]="listaMuestraArbol" [treeControl]="treeControl">
-    <mat-nested-tree-node *matTreeNodeDef="let node; when: hasChild">
-        <div class="flex flex-col trans-ease-out cursor-pointer" matTreeNodeToggle
-            [matTreeNodeToggleRecursive]="expandirRecursivo">
-            <ng-container [ngTemplateOutlet]="liDat"
-                [ngTemplateOutletContext]="{ node: node, nested: true }"></ng-container>
-            <div class="pl-4" [class.tree-invisible]="!treeControl.isExpanded(node)">
-                <ng-container matTreeNodeOutlet></ng-container>
-            </div>
-        </div>
-    </mat-nested-tree-node>
-
-    <!-- Cambiar mat-tree-node plano por mat-nested-tree-node sin hijos -->
-    <mat-nested-tree-node *matTreeNodeDef="let node">
-        <div class="flex flex-col trans-ease-out cursor-pointer">
-            <ng-container [ngTemplateOutlet]="liDat"
-                [ngTemplateOutletContext]="{ node: node, nested: false }"></ng-container>
-        </div>
-    </mat-nested-tree-node>
-</mat-tree>
-
-<!--
-
-
-<mat-tree [dataSource]="listaMuestraArbol" [treeControl]="treeControl">
-    <mat-tree-node class="!pl-0 min-h-0" *matTreeNodeDef="let node" matTreeNodeToggle matTreeNodePadding
-        [matTreeNodeToggleRecursive]="expandirRecursivo">
-        <ng-container [ngTemplateOutlet]="liDat"
-            [ngTemplateOutletContext]="{ node: node, nested: false }"></ng-container>
-    </mat-tree-node>
-
-    <mat-nested-tree-node *matTreeNodeDef="let node; when: hasChild">
-        <div class="flex flex-col trans-ease-out cursor-pointer" matTreeNodeToggle [matTreeNodeToggleRecursive]="expandirRecursivo">
-            <ng-container [ngTemplateOutlet]="liDat"
-                [ngTemplateOutletContext]="{ node: node, nested: true }"></ng-container>
-            <div class="pl-4" [class.tree-invisible]="!treeControl.isExpanded(node)">
-                <ng-container matTreeNodeOutlet></ng-container>
-            </div>
-        </div>
-    </mat-nested-tree-node>
-</mat-tree>
--->
-
-<ng-template #liDat let-node="node" let-nested="nested">
-    <div class="flex items-center gap-0 text-sm trans-ease-out cursor-pointer p-0 w-full"
-        (contextmenu)="menuContextual?.abrirMenuContextual($event, node); $event.preventDefault();"
-        (click)="seleccionarItem(node); opcMenu({ seccion: nombreColeccion, tipo: 'ver', item: node }); menuContextual?.cerrarMenuContextual();"
-        [ngClass]="classFila(node)">
-        <mat-icon *ngIf="!nested"></mat-icon>
-        <mat-icon *ngIf="nested"
-            [svgIcon]="treeControl.isExpanded(node) ? 'roundExpandMore' : 'roundChevronRight'"></mat-icon>
-
-        <mat-checkbox *ngIf="checkbox"
-            [(ngModel)]="chkLista.modelosChk[node[campoId]]"
-            [ngModelOptions]="{ standalone: true }"
-            (click)="$event.stopPropagation()"
-            (change)="cambiarCheck(node, $event.checked); emitirModeloCheck()"
-            [checked]="nested ? hijosActivos('checked', node) : false"
-            [indeterminate]="nested ? hijosActivos('indeterminate', node) : false">
-        </mat-checkbox>
-
-        <span *ngIf="!templateTxtData" class="w-full">{{ node[campoStr] }}</span>
-        <ng-container *ngIf="templateTxtData" [ngTemplateOutlet]="templateTxtData"
-            [ngTemplateOutletContext]="{ data: node, treeControl }"></ng-container>
-    </div>
-</ng-template>

package/lista-arbol/lista-arbol.component.ts

@@ -1,238 +0,0 @@
-import {Component, EventEmitter, Input, OnInit, Output, TemplateRef} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {MatTreeModule} from '@angular/material/tree';
-import {MatIconModule} from '@angular/material/icon';
-import {MatCheckboxModule} from '@angular/material/checkbox';
-import {FormsModule} from '@angular/forms';
-import {Observable} from 'rxjs';
-import {NestedTreeControl} from '@angular/cdk/tree';
-import {generarArbol} from './lista-arbol.functions';
-import {DataModel} from '@jvsoft/utils';
-import {SelectionModel} from '@angular/cdk/collections';
-import shortHash from 'shorthash2';
-
-@Component({
-    selector: 'jvs-lista-arbol',
-    standalone: true,
-    imports: [
-        CommonModule,
-        FormsModule,
-        MatTreeModule,
-        MatIconModule,
-        MatCheckboxModule,
-    ],
-    templateUrl: './lista-arbol.component.html',
-})
-export class ListaArbolComponent<T = any> implements OnInit {
-    @Input() listaSuscription!: Observable<T[]>;
-    @Input() nombreColeccion!: string;
-    @Input() checkbox = false;
-    @Input() expandirRecursivo = false;
-    @Input() checkboxSeleccionados: T[] = [];
-
-    @Input() campoId!: string;
-    @Input() campoIdPadre!: string;
-    @Input() campoStr!: string;
-    @Input() campoOrden?: string;
-    @Input() strHijoContainer = 'hijos';
-    @Input() menuContextual?: { abrirMenuContextual: Function; cerrarMenuContextual: Function };
-    @Input() classSeleccionado: string[] = ['bg-primary-activo', 'text-primary', 'dark:!bg-primary-dark-activo'];
-    @Input() classAnulado: string[] = ['line-through', 'text-red', 'italic'];
-    @Input() campoAnulado?: string | null;
-    @Input() templateTxtData?: TemplateRef<any>;
-    @Input() condicionMostrar?: (item: T) => boolean;
-    @Input() condicionesClaseFila: (item: T) => string[] = () => [];
-
-    @Input() set selectionModel(val: SelectionModel<any>) {
-        this.objSeleccionado = val;
-    }
-    @Output() selectionModelChange = new EventEmitter<SelectionModel<any>>();
-
-    @Output() seleccionado = new EventEmitter<any>();
-    @Output() listaCheck = new EventEmitter<T[]>();
-    @Output() listaCheckObj = new EventEmitter<Record<string, any>>();
-
-    private _idTabla: string[] = [];
-
-    get idTabla(): string[] {
-        return this._idTabla;
-    }
-
-    @Input({required: true}) set idTabla(val: string[] | string) {
-        if (Array.isArray(val)) {
-            this._idTabla = val;
-        }
-        else {
-            this._idTabla.push(val);
-        }
-    }
-
-    get buscarItemSeleccionado(): any {
-        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: any) {
-        this.seleccionarItem(val, true);
-    }
-
-    chkLista = new DataModel();
-    listaMuestraArbol: T[] = [];
-    listaOriginal: T[] = [];
-
-    treeControl = new NestedTreeControl((node: any) => node[this.strHijoContainer]);
-
-    _seleccionado: any = {};
-
-    ngOnInit(): void {
-        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: any) => {
-                        this.chkLista.setState(chkSel[this.campoId], true);
-                    });
-                    this.emitirModeloCheck();
-                }
-            }
-        });
-    }
-
-
-    idTablaValor(data: any): string {
-        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: any): string {
-        return `${this.nombreColeccion}_${this.idTablaValor(item)}`;
-    }
-
-    esSeleccionActual(item: any): boolean {
-        return this._seleccionado === this.propiedadSeleccion(item);
-    }
-    seleccionarItem(item?: any, forzado: boolean = false): void {
-        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 = (_: number, node: any) => !!node[this.strHijoContainer] && node[this.strHijoContainer].length > 0;
-
-
-    opcMenu(v: any) {
-        // console.warn(v);
-        // console.warn(this.objSeleccionado);
-        const opAdic: any = {seccion: this.nombreColeccion};
-        opAdic['itemSeleccionado'] = this.objSeleccionado;
-        // v = {...v, ...opAdic};
-        // this.seleccionado.emit(v);
-    }
-
-    emitirModeloCheck() {
-        this.listaCheck.emit(<any[]>this.chkLista.generarLista());
-        this.listaCheckObj.emit(<object>this.chkLista.generarLista('object'));
-    }
-
-
-    cambiarPadre(checkActual: T, estado: boolean): void {
-        const parentId = (checkActual as any)[this.campoIdPadre];
-        if (parentId) {
-            const padreAct = this.listaMuestraArbol.find((itm: any) => itm[this.campoId] == parentId);
-            if (padreAct) {
-                this.chkLista.setState(parentId, this.hijosActivos('checked', padreAct) || this.hijosActivos('indeterminate', padreAct));
-                this.cambiarPadre(padreAct, estado);
-            }
-        }
-    }
-
-    cambiarCheck(checkActual: T, estado: boolean): void {
-        if (this.hasChild(0, checkActual)) {
-            (this.treeControl.getChildren(checkActual) ?? []).forEach((vas: any) => {
-                this.cambiarCheck(vas, estado);
-            });
-        }
-        this.cambiarPadre(checkActual, estado);
-        this.chkLista.setState((checkActual as any)[this.campoId], estado);
-    }
-
-    hijosActivos(tipo: 'checked' | 'indeterminate', checkActual: T): boolean {
-        let totalHijos = 0;
-        let cantActivo = 0;
-        if (this.hasChild(0, checkActual)) {
-            (this.treeControl.getChildren(checkActual) ?? []).forEach((vas: any) => {
-                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 as any)[this.campoId], true);
-                }
-                return ((cantActivo > 0) && (cantActivo != totalHijos));
-        }
-        return false;
-    }
-
-
-    classFila2(item: T): string[] {
-        let clases: string[] = [];
-        if (this.campoAnulado && (item as any)[this.campoAnulado] === 1) {
-            clases = clases.concat(this.classAnulado);
-        }
-        if ((item as any)?.seleccionado) {
-            clases = clases.concat(this.classSeleccionado);
-        }
-        clases = clases.concat(this.condicionesClaseFila(item));
-        (item as any).claseFinal = clases;
-        return clases;
-    }
-
-    classFila(item: any) {
-        let claseFinal: any[] = [];
-        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;
-    }
-}
-

package/lista-arbol/lista-arbol.functions.ts

@@ -1,46 +0,0 @@
-export function generarArbol(params: {
-    lista: any[],
-    campoId: string,
-    campoIdPadre: string,
-    idPadre?: any,
-    strChildren?: string,
-    campoOrden?: string
-}): any[] {
-    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,
-        }),
-    }));
-}

package/lista-arbol/ng-package.json

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

package/luces-navidad/index.ts

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

package/luces-navidad/luces-navidad.component.html

@@ -1,6 +0,0 @@
-<ng-container *ngIf="forzarMuestra || (mesActual == 12 && enProduccion)">
-    <ul class="lightrope">
-        <li *ngFor="let e of [].constructor(100); let i = index"></li>
-    </ul>
-    <div class="christmas-tree"></div>
-</ng-container>

package/luces-navidad/luces-navidad.component.ts

@@ -1,24 +0,0 @@
-import {Component, Input, OnInit} from '@angular/core';
-import {NgForOf, NgIf} from '@angular/common';
-
-@Component({
-    selector: 'jvs-luces-navidad, [jvsLucesNavidad]',
-    templateUrl: './luces-navidad.component.html',
-    imports: [
-        NgIf,
-        NgForOf
-    ],
-    styleUrls: ['./luces-navidad.component.scss']
-})
-export class LucesNavidadComponent implements OnInit {
-	@Input() enProduccion = true;
-	@Input() forzarMuestra = false;
-	mesActual = new Date().getMonth() + 1;
-
-	constructor() {
-	}
-
-	ngOnInit(): void {
-	}
-
-}

package/luces-navidad/ng-package.json

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

package/mat-suffix-search-button/index.ts

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

package/mat-suffix-search-button/mat-suffix-search-button.component.html

@@ -1,5 +0,0 @@
-<button matRipple type="button" class="boton-circular-gris"
-    (click)="emitirClick(); $event.preventDefault();"
->
-    <mat-icon [svgIcon]="(control.value ? 'roundCancel' : 'roundSearch')" class="icon-xs"></mat-icon>
-</button>

package/mat-suffix-search-button/mat-suffix-search-button.component.ts

@@ -1,36 +0,0 @@
-import {Component, EventEmitter, Input, Output} from '@angular/core';
-import {FormControl} from '@angular/forms';
-import {MatRipple} from '@angular/material/core';
-import {MatIcon} from '@angular/material/icon';
-
-@Component({
-    selector: 'div[matSuffix][matSuffixSearchButton]',
-    imports: [
-        MatRipple,
-        MatIcon
-    ],
-    templateUrl: './mat-suffix-search-button.component.html',
-    host: {
-        class: 'flex items-center justify-start',
-    }
-})
-export class MatSuffixSearchButtonComponent {
-    @Input({required: true}) fControl: any;
-    @Output() eventLimpiar: EventEmitter<any> = new EventEmitter();
-    @Output() eventBuscar: EventEmitter<any> = new EventEmitter();
-
-    get control(): FormControl {
-        return this.fControl;
-    }
-
-    emitirClick() {
-        if (this.control.value) {
-            this.control.reset();
-            this.eventLimpiar.emit(true);
-        }
-        else {
-            this.eventBuscar.emit(true);
-        }
-    }
-
-}

package/mat-suffix-search-button/ng-package.json

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

package/menu/index.ts

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

package/menu/menu.component.html

@@ -1,40 +0,0 @@
-<ng-container *ngIf="yet">
-    <button matRipple [matMenuTriggerFor]="matmenus.first"
-        [disabled]="disabled"
-        type="button" [class]="cssBoton ?? 'boton-circular boton-circular-red border-0'"
-        (click)="$event.preventDefault(); $event.stopImmediatePropagation()"
-        [matTooltip]="title"
-    >
-        <ng-content></ng-content>
-    </button>
-</ng-container>
-
-<!--<pre  class="text-indigo-900">{{_submenus | json}}</pre>-->
-<ng-container *ngFor="let menu of _submenus">
-    <!--<pre  class="text-red-700">{{menu | json}}</pre>-->
-    <mat-menu xPosition="before" yPosition="below" class="max-w-none">
-        <ng-container *ngFor="let item of menu">
-            <!--<pre *ngIf="menu$" class="text-orange-700">{{item | json}}</pre>-->
-            <!--<span>{{ [item.label, item.idxOpcionCalc!=-1 , yet , (!item.esVisible || item.esVisible({itemMenu: item, archivo: itemSeleccion})), [!item.esVisible , (item.esVisible ? item.esVisible({itemMenu: item, archivo: itemSeleccion}) : 'NO HAY')]] | json }}</span>-->
-            <button mat-menu-item *ngIf="item.idxOpcionCalc!=-1 && yet && (!item.esVisible || item.esVisible({itemMenu: item, archivo: itemSeleccion}))"
-                class="flex items-center justify-items-center uppercase w-full rounded-none px-2 "
-                [matMenuTriggerFor]="getMenu(item.idxOpcionCalc)">
-                <mat-icon *ngIf="item.icono"
-                    class="flex-none flex items-center justify-center !text-red-700 !mr-1 icon-2xs"
-                    [svgIcon]="item.icono ?? 'fa5sFileSignature'"
-                ></mat-icon>
-                <span class="grow text-2xs" [innerHTML]="item.label">{{item.label}}</span>
-            </button>
-            <button mat-menu-item *ngIf="item.idxOpcionCalc==-1 && (!item.esVisible || item.esVisible(item))" (click)="onClick(item.valorSeleccion)"
-                class="flex items-center justify-items-center uppercase w-full rounded-none px-2 "
-            >
-                <mat-icon *ngIf="item.icono"
-                    class="flex-none flex items-center justify-center !text-red-700 !mr-1 icon-2xs"
-                    [svgIcon]="item.icono ?? 'fa5sFileSignature'"
-                ></mat-icon>
-                <span class="grow text-2xs" [innerHTML]="item.label">{{item.label}} </span>
-            </button>
-
-        </ng-container>
-    </mat-menu>
-</ng-container>