ngx-dsxlibrary 2.21.18 → 2.21.19

package/fesm2022/ngx-dsxlibrary.mjs

@@ -559,8 +559,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
             args: [{ selector: 'app-pdf-preview', imports: [DialogModule], template: "<p-dialog\r\n  header=\"Vista previa del documento de soporte\"\r\n  [(visible)]=\"visible\"\r\n  [style]=\"{ width: '80vw', height: '90vh' }\"\r\n  [closable]=\"true\"\r\n  [maximizable]=\"true\"\r\n>\r\n  @if (pdfUrl) {\r\n    <iframe\r\n      [src]=\"pdfUrl\"\r\n      width=\"100%\"\r\n      height=\"100%\"\r\n      style=\"border: none\"\r\n    ></iframe>\r\n  }\r\n</p-dialog>\r\n" }]
         }], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], blob: [{ type: i0.Input, args: [{ isSignal: true, alias: "blob", required: false }] }] } });
 
-/** SVG de warning_amber como fallback cuando no se encuentra un icono */
-const WARNING_AMBER_SVG = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M80-160v-80h800v80H80Zm40-120 360-560 360 560H120Zm178-80h364L480-660 298-360Zm182 0Z"/></svg>`;
+/** SVG del icono help como fallback de emergencia */
+const HELP_SVG = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M440-200h80v-80h-80v80Zm40-400q-33 0-56.5 18.5T390-530l70 30q5-17 15-26.5t25-9.5q17 0 28.5 11.5T540-495q0 12-7.5 22T510-450q-35 24-52.5 44T440-340h80q0-22 12.5-39.5T570-412q30-21 40-41t10-42q0-51-35-88t-105-37q-60 0-94.5 29.5T340-510l70 30q8-25 23.5-37.5T480-530Zm0 500q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>`;
+/**
+ * Servicio de carga de iconos SVG para `icon-dsx`.
+ *
+ * Flujo de resolución:
+ * 1) Intenta cargar el recurso solicitado en `mdio/{name}.svg`.
+ * 2) Si falla, registra un `console.warn` para depuración.
+ * 3) Usa `mdio/help.svg` como fallback visual para mantener buena UX.
+ * 4) Si también falla ese recurso, usa un SVG inline de `help` como último respaldo.
+ *
+ * Nota de mantenimiento:
+ * Los recursos SVG deben mantenerse actualizados en la carpeta de assets (`mdio`),
+ * de lo contrario se activará el fallback y el warning de ícono no encontrado.
+ */
 class IconDsxService {
     http;
     sanitizer;
@@ -569,14 +582,25 @@ class IconDsxService {
         this.http = http;
         this.sanitizer = sanitizer;
     }
-    /** Carga SVG desde assets/dsxResource/material-design-icons/outlined */
+    /**
+     * Carga un SVG por nombre desde `mdio/{name}.svg` y retorna contenido seguro para renderizar.
+     */
     getIcon(name) {
         if (this.cache.has(name)) {
             return this.cache.get(name);
         }
         const iconPath = `mdio/${name}.svg`;
-        const request$ = this.http.get(iconPath, { responseType: 'text' }).pipe(map((svg) => this.sanitizer.bypassSecurityTrustHtml(svg)), catchError(() => {
-            return of(this.sanitizer.bypassSecurityTrustHtml(WARNING_AMBER_SVG));
+        const helpIconPath = 'mdio/help.svg';
+        const request$ = this.http.get(iconPath, { responseType: 'text' }).pipe(map((svg) => this.sanitizer.bypassSecurityTrustHtml(svg)), catchError((error) => {
+            console.warn('[IconDsxService] Icono no encontrado, usando fallback', {
+                name,
+                path: iconPath,
+                status: error?.status,
+                message: error?.message,
+            });
+            return this.http.get(helpIconPath, { responseType: 'text' }).pipe(map((svg) => this.sanitizer.bypassSecurityTrustHtml(svg)), catchError(() => {
+                return of(this.sanitizer.bypassSecurityTrustHtml(HELP_SVG));
+            }));
         }), shareReplay(1));
         this.cache.set(name, request$);
         return request$;