@jvsoft/components 0.0.10 → 0.0.12

package/tabla-mantenimiento/tabla-mantenimiento.functions.ts

@@ -0,0 +1,57 @@
+export function buscarEnArray<T extends Record<string, any>>(
+    coleccion: T[],
+    idBuscar: string | string[],
+    dato: any
+): T | null {
+    if (!Array.isArray(coleccion) || coleccion.length === 0) return null; // 🔹 Validación de entrada
+
+    return Array.isArray(idBuscar)
+        ? coleccion.find(item => idBuscar.every((campo, idx) => item[campo] === dato[idx])) || null
+        :coleccion.find(item => item[idBuscar] === dato) || null;
+}
+
+export function formatearFecha(val: string, hora = '00:00:00') {
+    if (val) {
+        if (val.length <= 10) {
+            val = val + ' ' + hora;
+        }
+        return new Date(val);
+    }
+    return val;
+}
+
+export function esNumero(value: any) {
+    return !isNaN(Number(value));
+}
+
+export function capitalizarTexto(texto: string) {
+    texto = texto.replace(/_/g, ' ');
+    texto = texto.replace(/-/g, ' ');
+    const textoCortado = texto.split(' ');
+
+    const nText: string[] = [];
+    textoCortado.forEach(textActual => {
+        nText.push(textActual.charAt(0).toUpperCase() + textActual.slice(1));
+    });
+    return nText.join(' ');
+}
+
+export function getBrowserName() {
+    const agent = window.navigator.userAgent.toLowerCase();
+    switch (true) {
+        case agent.indexOf('edge') > -1:
+            return 'edge';
+        case agent.indexOf('opr') > -1 && !!(<any>window).opr:
+            return 'opera';
+        case agent.indexOf('chrome') > -1 && !!(<any>window).chrome:
+            return 'chrome';
+        case agent.indexOf('trident') > -1:
+            return 'ie';
+        case agent.indexOf('firefox') > -1:
+            return 'firefox';
+        case agent.indexOf('safari') > -1:
+            return 'safari';
+        default:
+            return 'other';
+    }
+}

package/tabla-mantenimiento/tabla-mantenimiento.service.ts

@@ -0,0 +1,44 @@
+import {Injectable} from '@angular/core';
+import {BotonMantenimiento, ColumnaTabla} from './interfaces/global';
+
+
+@Injectable({
+    providedIn: 'root',
+})
+
+export class TablaMantenimientoService {
+
+    get templateBotonesComunes(): BotonMantenimiento[] {
+        return [
+            {icono: 'roundAdd', tipo: 'nuevo', class: 'text-green-100 !bg-green-600', sinCondicion: true},
+            {icono: 'roundEdit', tipo: 'editar', class: 'text-amber-900 !bg-amber-300'},
+            {icono: 'roundDelete', tipo: 'eliminar', class: 'text-red-100 !bg-red-700'},
+            {icono: 'roundDelete', tipo: 'eliminar_fila', class: 'text-red-100 !bg-red-700'},
+            {icono: 'roundPrint', tipo: 'imprimir', class: '!bg-blue-100 text-blue-700'},
+            {icono: 'roundDownload', tipo: 'descargar', class: '!bg-blue-100 text-blue-700'},
+            {icono: 'roundFolder', tipo: 'ver_archivos', class: '!bg-green-100 text-green-700'},
+            {icono: 'fa5FilePdf', tipo: 'exportar_pdf', label: 'Exportar a PDF', class: 'bg-pdf-light text-pdf'},
+            {icono: 'fa5FileExcel', tipo: 'exportar_excel', label: 'Exportar a Excel', class: 'bg-excel-light text-excel'},
+            {icono: 'fa5sFileExport', tipo: 'exportacion_avanzada', label: 'Exportación Avanzada', class: '!text-indigo-600 !bg-indigo-100'},
+            {icono: 'icSave', tipo: 'guardar', class: '!text-indigo-100 !bg-indigo-600'},
+            {icono: 'icCancel', tipo: 'cancelar', class: '!text-cyan-100 !bg-cyan-600'},
+            {
+                icono: 'roundFactCheck', tipo: 'seleccionar',
+                class: 'text-blue-100 bg-blue-700 dark:text-blue-100 dark:bg-blue-700'
+            },
+            {icono: 'roundListAlt', tipo: 'detalle', class: 'text-blue-100 bg-blue-700 dark:text-blue-100 dark:bg-blue-700'},
+            {icono: 'roundPublic', tipo: 'ver_mapa', class: 'text-blue-100 bg-blue-700 dark:text-blue-100 dark:bg-blue-700'},
+            {icono: 'icCheck', tipo: 'activar',},
+            {icono: 'icClose', tipo: 'desactivar',},
+            {icono: 'fa5sLock', tipo: 'cerrar',},
+            {icono: 'fa5sLockOpen', tipo: 'abrir',},
+        ];
+    }
+
+    get templateColumnasTabla(): ColumnaTabla<any>[] {
+        return [
+            {label: '#', labelLista: 'Numeración', property: 'numeracion_automatica', type: 'numeracion_automatica'},
+        ];
+    }
+
+}

package/tabla-mantenimiento/table-util.ts

@@ -0,0 +1,49 @@
+import * as XLSX from 'xlsx';
+
+const getFileName = (name: string) => {
+    const timeSpan = new Date().toISOString();
+    const sheetName = name || 'ExportResult';
+    const fileName = `${sheetName}-${timeSpan}`;
+    return {
+        sheetName,
+        fileName
+    };
+};
+export class TableUtil {
+    static exportTableToExcelV2(targetTableElm: HTMLElement, name?: string) {
+        const { sheetName, fileName } = getFileName(<string>name);
+        console.log(targetTableElm);
+        const wb = XLSX.utils.table_to_book(targetTableElm, {
+            sheet: sheetName
+        } as XLSX.Table2SheetOpts);
+        XLSX.writeFile(wb, `${fileName}.xlsx`);
+    }
+    static exportTableToExcel(tableId: string, name?: string) {
+
+
+        const { sheetName, fileName } = getFileName(<string>name);
+        const targetTableElm = document.getElementById(tableId);
+        console.log(targetTableElm);
+        const wb = XLSX.utils.table_to_book(targetTableElm, {
+            sheet: sheetName
+        } as XLSX.Table2SheetOpts);
+        // XLSX.writeFile(wb, `${fileName}.xlsx`);
+    }
+
+    static exportArrayToExcel(arr: any[], name?: string) {
+        const { sheetName, fileName } = getFileName(<string>name);
+
+        const wb = XLSX.utils.book_new();
+        const ws = XLSX.utils.json_to_sheet(arr, {dateNF: 'dd/MM/yyyy'});
+        XLSX.utils.book_append_sheet(wb, ws, sheetName);
+        XLSX.writeFile(wb, `${fileName}.xlsx`);
+    }
+
+    static getWorkBook(htmlTableId: string, data: any[]) {
+        const targetTableElm = document.getElementById(htmlTableId);
+        const tableToSheet = XLSX.utils.table_to_sheet(targetTableElm, {raw: true});
+        const jsonToSheet = XLSX.utils.json_to_sheet(data);
+        const sheetToJson: any = XLSX.utils.sheet_to_json(tableToSheet);
+        return {tableToSheet, jsonToSheet, sheetToJson};
+    }
+}

package/tsconfig.lib.json

@@ -0,0 +1,16 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ],
+  "include": ["**/*.ts", "**/*.scss"]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/yarn-error.log

@@ -0,0 +1,68 @@
+Arguments: 
+  /Users/antonio/.nvm/versions/node/v20.17.0/bin/node /opt/homebrew/bin/yarn outdated --json @jvsoft/utils tslib
+
+PATH: 
+  /opt/homebrew/opt/openjdk@17/bin:/Users/antonio/.nvm/versions/node/v20.17.0/bin:/Users/antonio/.composer/vendor/bin:/opt/homebrew/bin:/Users/antonio/.yarn/bin:/Users/antonio/.config/yarn/global/node_modules/.bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/antonio/.rvm/bin
+
+Yarn version: 
+  1.22.19
+
+Node version: 
+  20.17.0
+
+Platform: 
+  darwin arm64
+
+Trace: 
+  SyntaxError: /Users/antonio/Trabajo/JVSoft/angular-packages/jvsoft-angular/projects/components/package.json: Expected ':' after property name in JSON at position 394
+      at JSON.parse (<anonymous>)
+      at /opt/homebrew/lib/node_modules/yarn/lib/cli.js:1629:59
+      at Generator.next (<anonymous>)
+      at step (/opt/homebrew/lib/node_modules/yarn/lib/cli.js:310:30)
+      at /opt/homebrew/lib/node_modules/yarn/lib/cli.js:321:13
+
+npm manifest: 
+  {
+    "name": "@jvsoft/components",
+    "version": "0.0.9",
+    "peerDependencies": {
+      "@angular/common": ">=16.0.0",
+      "@angular/core": ">=16.0.0",
+      "@angular/forms": ">=16.0.0",
+      "@angular/material": ">=16.0.0",
+      "@ngneat/until-destroy": "^10.0.0",
+      "moment": "^2.30.1",
+      "shorthash2": "^1.0.5",
+      "tailwindcss": "3",
+      "xlsx": "^0.18.5"
+    },
+    "dependencies": {
+      ""
+      "tslib": "^2.3.0"
+    },
+    "sideEffects": false,
+    "exports": {
+      "./base.scss": "./src/styles/base.scss",
+      "./styles.css": "./src/styles/base-jvsoft-components.css"
+    }
+  }
+
+yarn manifest: 
+  No manifest
+
+Lockfile: 
+  # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+  # yarn lockfile v1
+  
+  
+  "@angular/material@19.1.3":
+    version "19.1.3"
+    resolved "https://registry.yarnpkg.com/@angular/material/-/material-19.1.3.tgz#6abf184e422b8378125531882aae0ce92e6877c1"
+    integrity sha512-ii19ow7V8fLsgTvnghDBObte8G0I2orgsG+jwR8fdO1Hp+9d+IEeITLvn2sc7qVofkv/DzG4rCTFaLQdOXRWmg==
+    dependencies:
+      tslib "^2.3.0"
+  
+  tslib@^2.3.0:
+    version "2.8.1"
+    resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
+    integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==

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

@@ -1,32 +0,0 @@
-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

@@ -1,11 +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;
-}
-export {};

package/dialog-flotante/index.d.ts

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

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

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

@@ -1 +0,0 @@
-{"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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"}