ngx-dsxlibrary 2.21.33 → 2.21.35

package/fesm2022/ngx-dsxlibrary.mjs

@@ -1,7 +1,7 @@
 import * as i1$1 from '@angular/common';
 import { DecimalPipe, CommonModule, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, Component, forwardRef, viewChild, input, signal, EventEmitter, effect, Output, model, inject, computed, InjectionToken, Injectable, output, HostBinding, Pipe, ViewEncapsulation, isDevMode, HostListener, Directive, NgModule } from '@angular/core';
+import { Input, Component, forwardRef, viewChild, input, signal, EventEmitter, effect, Output, model, inject, computed, InjectionToken, Injectable, isDevMode, output, HostBinding, Pipe, ViewEncapsulation, HostListener, Directive, NgModule } from '@angular/core';
 import * as i1 from 'primeng/tag';
 import { TagModule } from 'primeng/tag';
 import * as i2$2 from '@angular/forms';
@@ -3169,6 +3169,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  *
  * **Consulta / Descarga**
  * - `view`     → Previsualizar o abrir detalle (azul cielo)
+ * - `export`   → Exportar información a Excel (verde Excel)
  * - `download` → Descargar archivo o recurso (ámbar cálido)
  */
 const ACTION_TYPES = {
@@ -3182,6 +3183,7 @@ const ACTION_TYPES = {
     saveOrUpdate: 'saveOrUpdate',
     refresh: 'refresh',
     view: 'view',
+    export: 'export',
     download: 'download',
 };
 /**
@@ -3201,6 +3203,7 @@ const ACTION_TYPES = {
  * | neutral   | Gris azulado   | Acción secundaria / navegación sin contexto       |
  * | restore   | Violeta suave  | Deshacer / restaurar estado anterior              |
  * | view      | Teal profundo  | Ver / previsualizar detalle                       |
+ * | excel     | Verde Excel    | Exportar información a hoja de cálculo            |
  * | download  | Naranja quemado| Descargar archivo o recurso                       |
  */
 const DSX_PALETTE = {
@@ -3213,11 +3216,35 @@ const DSX_PALETTE = {
     neutral: '#90A4AE',
     restore: '#AB47BC',
     view: '#00838F',
+    excel: '#217346',
     download: '#E65100',
 };
+/** Tipos que necesitan un `[id]` mayor a 0 para poder mostrarse. */
+const TYPES_REQUIRING_ID = ['delete', 'softDelete', 'restore'];
 class DsxButtonComponent {
     _paramService = inject((ParameterValuesService));
     _router = inject(Router);
+    constructor() {
+        if (isDevMode()) {
+            effect(() => {
+                const type = this.type();
+                const needsId = TYPES_REQUIRING_ID.includes(type) ||
+                    this.requiresIdGreaterThanZero() ||
+                    this.requireIdInput();
+                if (!needsId)
+                    return;
+                const explicitId = this.getNormalizedId();
+                const routeId = this.getIdFromNavigationTarget(this.effectiveRouterLink());
+                const resolvedId = explicitId ?? routeId;
+                const isValid = typeof resolvedId === 'number' && resolvedId > 0;
+                if (!isValid) {
+                    alert(`[dsx-button] El botón de tipo "${type}" requiere un [id] numérico mayor a 0 para mostrarse.\n` +
+                        `Agrega [id]="tuId()" al elemento <dsx-button type="${type}">.\n` +
+                        `El botón permanecerá oculto hasta que se provea un id válido.`);
+                }
+            });
+        }
+    }
     get compactHostClass() {
         return this.isCompactIconButton;
     }
@@ -3522,7 +3549,7 @@ class DsxButtonComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DsxButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dsx-button', imports: [Button, TooltipModule], template: "<!--Bot\u00F3n con las configuraciones din\u00E1micas para CRUD -->\r\n@if (showButton()) {\r\n<p-button\r\n  [label]=\"buttonLabel\"\r\n  [style]=\"buttonStyle\"\r\n  [styleClass]=\"buttonStyleClass\"\r\n  [pTooltip]=\"tooltip\"\r\n  [tooltipDisabled]=\"disabled()\"\r\n  tooltipPosition=\"top\"\r\n  [raised]=\"isCompactIconButton ? false : raised()\"\r\n  [rounded]=\"rounded()\"\r\n  [text]=\"isCompactIconButton\"\r\n  [size]=\"buttonSize\"\r\n  severity=\"secondary\"\r\n  [disabled]=\"disabled()\"\r\n  [icon]=\"primeIcon\"\r\n  (click)=\"onButtonClick()\"\r\n></p-button>\r\n}\r\n", styles: [":host{display:inline-flex;margin-bottom:.25rem}:host.dsx-button-compact-host{margin-bottom:0}:host ::ng-deep .p-button .p-button-label{font-family:Montserrat,Roboto,sans-serif;font-weight:500;letter-spacing:.01em}:host ::ng-deep .p-button.dsx-button-compact{min-height:2rem;padding-block:.2rem}:host ::ng-deep .p-button .material-symbols-outlined.p-button-icon{line-height:1;vertical-align:middle}:host ::ng-deep .p-button.dsx-button-compact .p-button-icon{margin:0;font-size:1.2rem;line-height:1}:host ::ng-deep .p-button.dsx-button-compact .material-symbols-outlined.p-button-icon{font-variation-settings:\"FILL\" 1,\"wght\" 500,\"GRAD\" 0,\"opsz\" 24}:host ::ng-deep .p-button:disabled,:host ::ng-deep .p-button.p-disabled{cursor:not-allowed!important;opacity:.45!important;filter:grayscale(.2) saturate(.75)}:host ::ng-deep .p-button:disabled *,:host ::ng-deep .p-button.p-disabled *{cursor:not-allowed!important}\n"] }]
-        }], propDecorators: { compactHostClass: [{
+        }], ctorParameters: () => [], propDecorators: { compactHostClass: [{
                 type: HostBinding,
                 args: ['class.dsx-button-compact-host']
             }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], routerLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLink", required: false }] }], routerPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerPath", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], iconOnlyWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnlyWidth", required: false }] }], raised: [{ type: i0.Input, args: [{ isSignal: true, alias: "raised", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], parameterName: [{ type: i0.Input, args: [{ isSignal: true, alias: "parameterName", required: false }] }], parameterExpectedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "parameterExpectedValue", required: false }] }], parameterIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "parameterIndex", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], requireIdInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "requireIdInput", required: false }] }], requiresIdGreaterThanZero: [{ type: i0.Input, args: [{ isSignal: true, alias: "requiresIdGreaterThanZero", required: false }] }], labelOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelOverride", required: false }] }], tooltipOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipOverride", required: false }] }], iconOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOverride", required: false }] }], primeIconOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "primeIconOverride", required: false }] }], colorOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorOverride", required: false }] }], outlinedOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "outlinedOverride", required: false }] }], action: [{ type: i0.Output, args: ["action"] }] } });
@@ -3598,6 +3625,13 @@ const ACTION_CONFIG = {
         colorToken: 'view',
         tooltip: 'Vista previa',
     },
+    export: {
+        label: 'Exportar',
+        icon: 'file_export',
+        primeIcon: 'pi pi-file-excel',
+        colorToken: 'excel',
+        tooltip: 'Exportar a Excel',
+    },
     download: {
         label: 'Descargar',
         icon: 'download',