@jvsoft/components 0.0.2 → 0.0.4

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

@@ -0,0 +1,36 @@
+.jvs-dialog-flotante{
+
+  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-mdc-dialog-title {
+    .mat-mdc-checkbox {
+      .mdc-form-field {
+        color: unset;
+      }
+
+      .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
+        border-color: var(--color-prnpx tailwindcss init --fullimary-contrast) !important;
+        //@apply border border-primary-contrast;
+      }
+    }
+  }
+
+  /*	mat-form-field {
+      font-size: .75rem !important;
+    }
+    .mat-mdc-form-field-wrapper {
+      padding-bottom: 1em !important;
+    }
+    .mat-mdc-form-field-subscript-wrapper {
+      margin-top: 0 !important;
+    }
+    .mat-mdc-form-field-appearance-standard .mat-mdc-form-field-flex {
+      padding-top: 0 !important;
+    }*/
+}

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

@@ -1,9 +1,11 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, Component } from '@angular/core';
-import { MatDialogTitle, MatDialogClose, MatDialogContent, MatDialogActions } from '@angular/material/dialog';
-import { MatIcon } from '@angular/material/icon';
+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, NgIf, NgTemplateOutlet, NgClass } 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';
@@ -30,9 +32,14 @@ class DialogFlotanteComponent {
         return this._btnCerrar;
     }
     set btnCerrar(val) {
-        this._btnCerrar = (typeof val === 'string' && val !== '') ? { ...this.defaultBtnCerrar, label: val } :
-            (typeof val === 'boolean' && val) ? this.defaultBtnCerrar :
-                val ?? this.defaultBtnCerrar;
+        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() {
@@ -78,17 +85,21 @@ 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 py-2\">\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\" *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: ["@tailwind base;@tailwind components;@tailwind utilities;:host fieldset{@apply w-full sm:w-auto rounded-sm bg-transparent pt-0 pb-1 px-1 border;}:host fieldset legend{@apply px-2 font-bold border-0 bg-transparent;width:auto}:host .mat-mdc-dialog-title .mat-mdc-checkbox .mdc-form-field{color:unset}:host .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: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { 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"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
+    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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DialogFlotanteComponent, decorators: [{
             type: Component,
             args: [{ selector: '[jvsDialogFlotante]', imports: [
                         CommonModule,
-                        MatIcon, NgIf, NgTemplateOutlet, CdkDrag, MatDialogTitle, CdkDragHandle, MatDialogClose,
-                        MatRipple, MatDivider, MatDialogContent, MatDialogActions, NgClass
+                        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 py-2\">\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\" *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: ["@tailwind base;@tailwind components;@tailwind utilities;:host fieldset{@apply w-full sm:w-auto rounded-sm bg-transparent pt-0 pb-1 px-1 border;}:host fieldset legend{@apply px-2 font-bold border-0 bg-transparent;width:auto}:host .mat-mdc-dialog-title .mat-mdc-checkbox .mdc-form-field{color:unset}:host .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 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"] }]
         }], 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, MatDialogRef, MatDialogTitle} from '@angular/material/dialog';\nimport {BotonDialog} from './dialog-flotante.interface';\nimport {MatIcon} 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        MatIcon, NgIf, NgTemplateOutlet, CdkDrag, MatDialogTitle, CdkDragHandle, MatDialogClose,\n        MatRipple, MatDivider, MatDialogContent, MatDialogActions, NgClass\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        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    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 py-2\">\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\" *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-tabla-mantenimiento-components-progress-bar.mjs

@@ -57,14 +57,16 @@ class ProgressBarComponent {
         return objData.sort((a, b) => (a[propiedad] > b[propiedad]) ? 1 : ((b[propiedad] > a[propiedad]) ? -1 : 0));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: ProgressBarComponent, isStandalone: true, selector: "jvsoft-progress-bar", inputs: { objThis: "objThis", porcentaje: "porcentaje", textoCentrado: "textoCentrado", textoMostrar: "textoMostrar", formatoNumero: "formatoNumero", coloresValor: "coloresValor" }, ngImport: i0, template: "<div class=\"w-full bg-gray-200 text-gray-700 rounded-full\" [class.text-center]=\"textoCentrado\">\n\t<div class=\"text-xxs font-medium text-center p-1 leading-none rounded-full\"\n\t\t [ngClass]=\"colorEstilo().class ? colorEstilo().class : 'bg-blue-600 text-blue-100'\"\n\t\t [style]=\"colorEstilo().style ? colorEstilo().style : ''\"\n\t\t [style.width]=\"(textoCentrado ? 100 : porcentaje) + '%'\"\n\t>\n        <span *ngIf=\"textoMostrar else defaultText;\" class=\"whitespace-nowrap\">{{ textoMostrar }}</span>\n        <ng-template #defaultText>{{ porcentaje | number: formatoNumero }}%</ng-template>\n    </div>\n</div>\n", styles: ["@tailwind base;@tailwind components;@tailwind utilities;\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: "pipe", type: i1.DecimalPipe, name: "number" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: ProgressBarComponent, isStandalone: true, selector: "jvs-progress-bar", inputs: { objThis: "objThis", porcentaje: "porcentaje", textoCentrado: "textoCentrado", textoMostrar: "textoMostrar", formatoNumero: "formatoNumero", coloresValor: "coloresValor" }, host: { classAttribute: "jvs-progress-bar" }, ngImport: i0, template: "<div class=\"w-full bg-gray-200 text-gray-700 rounded-full\" [class.text-center]=\"textoCentrado\">\n\t<div class=\"text-xxs font-medium text-center p-1 leading-none rounded-full\"\n\t\t [ngClass]=\"colorEstilo().class ? colorEstilo().class : 'bg-blue-600 text-blue-100'\"\n\t\t [style]=\"colorEstilo().style ? colorEstilo().style : ''\"\n\t\t [style.width]=\"(textoCentrado ? 100 : porcentaje) + '%'\"\n\t>\n        <span *ngIf=\"textoMostrar else defaultText;\" class=\"whitespace-nowrap\">{{ textoMostrar }}</span>\n        <ng-template #defaultText>{{ porcentaje | number: formatoNumero }}%</ng-template>\n    </div>\n</div>\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: "pipe", type: i1.DecimalPipe, name: "number" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'jvsoft-progress-bar', imports: [
+            args: [{ selector: 'jvs-progress-bar', imports: [
                         CommonModule,
                         DecimalPipe
-                    ], template: "<div class=\"w-full bg-gray-200 text-gray-700 rounded-full\" [class.text-center]=\"textoCentrado\">\n\t<div class=\"text-xxs font-medium text-center p-1 leading-none rounded-full\"\n\t\t [ngClass]=\"colorEstilo().class ? colorEstilo().class : 'bg-blue-600 text-blue-100'\"\n\t\t [style]=\"colorEstilo().style ? colorEstilo().style : ''\"\n\t\t [style.width]=\"(textoCentrado ? 100 : porcentaje) + '%'\"\n\t>\n        <span *ngIf=\"textoMostrar else defaultText;\" class=\"whitespace-nowrap\">{{ textoMostrar }}</span>\n        <ng-template #defaultText>{{ porcentaje | number: formatoNumero }}%</ng-template>\n    </div>\n</div>\n", styles: ["@tailwind base;@tailwind components;@tailwind utilities;\n"] }]
+                    ], host: {
+                        class: 'jvs-progress-bar',
+                    }, template: "<div class=\"w-full bg-gray-200 text-gray-700 rounded-full\" [class.text-center]=\"textoCentrado\">\n\t<div class=\"text-xxs font-medium text-center p-1 leading-none rounded-full\"\n\t\t [ngClass]=\"colorEstilo().class ? colorEstilo().class : 'bg-blue-600 text-blue-100'\"\n\t\t [style]=\"colorEstilo().style ? colorEstilo().style : ''\"\n\t\t [style.width]=\"(textoCentrado ? 100 : porcentaje) + '%'\"\n\t>\n        <span *ngIf=\"textoMostrar else defaultText;\" class=\"whitespace-nowrap\">{{ textoMostrar }}</span>\n        <ng-template #defaultText>{{ porcentaje | number: formatoNumero }}%</ng-template>\n    </div>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { objThis: [{
                 type: Input
             }], porcentaje: [{

package/fesm2022/jvsoft-components-tabla-mantenimiento-components-progress-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"jvsoft-components-tabla-mantenimiento-components-progress-bar.mjs","sources":["../../../projects/components/tabla-mantenimiento/components/progress-bar/progress-bar.component.ts","../../../projects/components/tabla-mantenimiento/components/progress-bar/progress-bar.component.html","../../../projects/components/tabla-mantenimiento/components/progress-bar/public-api.ts","../../../projects/components/tabla-mantenimiento/components/progress-bar/jvsoft-components-tabla-mantenimiento-components-progress-bar.ts"],"sourcesContent":["import {Component, Input, OnInit} from '@angular/core';\nimport {CommonModule, DecimalPipe} from '@angular/common';\n\nexport interface EstilosBarra {\n\tvalorMaximo: number;\n\tclass?: string;\n\tstyle?: string;\n}\n\n@Component({\n    selector: 'jvsoft-progress-bar',\n    templateUrl: './progress-bar.component.html',\n    styleUrls: ['./progress-bar.component.scss'],\n    imports: [\n        CommonModule,\n        DecimalPipe\n    ]\n})\nexport class ProgressBarComponent implements OnInit {\n\n\t@Input() objThis: any;\n\t@Input() porcentaje = 0;\n\t@Input() textoCentrado = false;\n\n    private _textoMostrar: string = '';\n    get textoMostrar(): string { return this._textoMostrar; }\n\t@Input() set textoMostrar(val: string) { this._textoMostrar = val; }\n\n    private _formatoNumero: string = '';\n    get formatoNumero(): string { return this._formatoNumero; }\n\t@Input() set formatoNumero(val: string) { this._formatoNumero = val ?? '1.0-0'; }\n\n    private _coloresValor: EstilosBarra[] = [];\n    get coloresValor(): EstilosBarra[] { return this._coloresValor; }\n    @Input() set coloresValor(val: EstilosBarra[]) {\n        if (!val || !Array.isArray(val)) {\n            this._coloresValor = [\n                {valorMaximo: 1, class: 'p-0'},\n                {valorMaximo: 40, class: 'bg-red-400 text-red-900'},\n                // {valorMaximo: 35, class: 'bg-red-600 text-red-100'},\n                {valorMaximo: 80, class: 'bg-yellow-600 text-yellow-100'},\n                {valorMaximo: 100, class: 'bg-green-600 text-green-100'},\n            ];\n        }\n        else {\n            this._coloresValor = val;\n        }\n    }\n\n\tconstructor() { }\n\n\tngOnInit(): void {\n\t}\n\n\tcolorEstilo(): {style: string, class: string} {\n\t\tlet estiloFin = null;\n\t\tlet claseFin = null;\n\t\tlet encontro = false;\n\n\t\tthis.coloresValor = this.ordenarPorPropiedad(this.coloresValor, 'valorMaximo');\n\n\t\tthis.coloresValor.forEach(estilo => {\n\t\t\tif (!encontro && (this.porcentaje <= estilo.valorMaximo)) {\n\t\t\t\t// console.log(this.porcentaje, estilo, (this.porcentaje < estilo.valorMaximo));\n\t\t\t\tencontro = true;\n\t\t\t\testiloFin = estilo.style;\n\t\t\t\tclaseFin = estilo.class;\n\t\t\t}\n\t\t});\n\t\treturn {\n\t\t\tstyle: estiloFin ?? '',\n\t\t\tclass: claseFin ?? '',\n\t\t};\n\t}\n\n    ordenarPorPropiedad(objData: any[], propiedad: string, numeros = false) {\n        if (numeros) {\n            return objData.sort((a, b) => a[propiedad] - b[propiedad]);\n        }\n        return objData.sort((a, b) => (a[propiedad] > b[propiedad]) ? 1:((b[propiedad] > a[propiedad]) ? -1:0));\n    }\n\n}\n","<div class=\"w-full bg-gray-200 text-gray-700 rounded-full\" [class.text-center]=\"textoCentrado\">\n\t<div class=\"text-xxs font-medium text-center p-1 leading-none rounded-full\"\n\t\t [ngClass]=\"colorEstilo().class ? colorEstilo().class : 'bg-blue-600 text-blue-100'\"\n\t\t [style]=\"colorEstilo().style ? colorEstilo().style : ''\"\n\t\t [style.width]=\"(textoCentrado ? 100 : porcentaje) + '%'\"\n\t>\n        <span *ngIf=\"textoMostrar else defaultText;\" class=\"whitespace-nowrap\">{{ textoMostrar }}</span>\n        <ng-template #defaultText>{{ porcentaje | number: formatoNumero }}%</ng-template>\n    </div>\n</div>\n","export * from './progress-bar.component';\n// export * from './progress-spinner.service';\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-tabla-mantenimiento-components-progress-bar.mjs","sources":["../../../projects/components/tabla-mantenimiento/components/progress-bar/progress-bar.component.ts","../../../projects/components/tabla-mantenimiento/components/progress-bar/progress-bar.component.html","../../../projects/components/tabla-mantenimiento/components/progress-bar/public-api.ts","../../../projects/components/tabla-mantenimiento/components/progress-bar/jvsoft-components-tabla-mantenimiento-components-progress-bar.ts"],"sourcesContent":["import {Component, Input, OnInit} from '@angular/core';\nimport {CommonModule, DecimalPipe} from '@angular/common';\n\nexport interface EstilosBarra {\n\tvalorMaximo: number;\n\tclass?: string;\n\tstyle?: string;\n}\n\n@Component({\n    selector: 'jvs-progress-bar',\n    templateUrl: './progress-bar.component.html',\n    imports: [\n        CommonModule,\n        DecimalPipe\n    ],\n    host: {\n        class: 'jvs-progress-bar',\n    }\n})\nexport class ProgressBarComponent implements OnInit {\n\n\t@Input() objThis: any;\n\t@Input() porcentaje = 0;\n\t@Input() textoCentrado = false;\n\n    private _textoMostrar: string = '';\n    get textoMostrar(): string { return this._textoMostrar; }\n\t@Input() set textoMostrar(val: string) { this._textoMostrar = val; }\n\n    private _formatoNumero: string = '';\n    get formatoNumero(): string { return this._formatoNumero; }\n\t@Input() set formatoNumero(val: string | undefined) { this._formatoNumero = val ?? '1.0-0'; }\n\n    private _coloresValor: EstilosBarra[] = [];\n    get coloresValor(): EstilosBarra[] { return this._coloresValor; }\n    @Input() set coloresValor(val: EstilosBarra[] | undefined ) {\n        if (!val || !Array.isArray(val)) {\n            this._coloresValor = [\n                {valorMaximo: 1, class: 'p-0'},\n                {valorMaximo: 40, class: 'bg-red-400 text-red-900'},\n                // {valorMaximo: 35, class: 'bg-red-600 text-red-100'},\n                {valorMaximo: 80, class: 'bg-yellow-600 text-yellow-100'},\n                {valorMaximo: 100, class: 'bg-green-600 text-green-100'},\n            ];\n        }\n        else {\n            this._coloresValor = val;\n        }\n    }\n\n\tconstructor() { }\n\n\tngOnInit(): void {\n\t}\n\n\tcolorEstilo(): {style: string, class: string} {\n\t\tlet estiloFin = null;\n\t\tlet claseFin = null;\n\t\tlet encontro = false;\n\n\t\tthis.coloresValor = this.ordenarPorPropiedad(this.coloresValor, 'valorMaximo');\n\n\t\tthis.coloresValor.forEach(estilo => {\n\t\t\tif (!encontro && (this.porcentaje <= estilo.valorMaximo)) {\n\t\t\t\t// console.log(this.porcentaje, estilo, (this.porcentaje < estilo.valorMaximo));\n\t\t\t\tencontro = true;\n\t\t\t\testiloFin = estilo.style;\n\t\t\t\tclaseFin = estilo.class;\n\t\t\t}\n\t\t});\n\t\treturn {\n\t\t\tstyle: estiloFin ?? '',\n\t\t\tclass: claseFin ?? '',\n\t\t};\n\t}\n\n    ordenarPorPropiedad(objData: any[], propiedad: string, numeros = false) {\n        if (numeros) {\n            return objData.sort((a, b) => a[propiedad] - b[propiedad]);\n        }\n        return objData.sort((a, b) => (a[propiedad] > b[propiedad]) ? 1:((b[propiedad] > a[propiedad]) ? -1:0));\n    }\n\n}\n","<div class=\"w-full bg-gray-200 text-gray-700 rounded-full\" [class.text-center]=\"textoCentrado\">\n\t<div class=\"text-xxs font-medium text-center p-1 leading-none rounded-full\"\n\t\t [ngClass]=\"colorEstilo().class ? colorEstilo().class : 'bg-blue-600 text-blue-100'\"\n\t\t [style]=\"colorEstilo().style ? colorEstilo().style : ''\"\n\t\t [style.width]=\"(textoCentrado ? 100 : porcentaje) + '%'\"\n\t>\n        <span *ngIf=\"textoMostrar else defaultText;\" class=\"whitespace-nowrap\">{{ textoMostrar }}</span>\n        <ng-template #defaultText>{{ porcentaje | number: formatoNumero }}%</ng-template>\n    </div>\n</div>\n","export * from './progress-bar.component';\n// export * from './progress-spinner.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}