ngx-dsxlibrary 2.21.64 → 2.21.65

package/fesm2022/ngx-dsxlibrary.mjs

@@ -5114,13 +5114,26 @@ class JsonValuesDebujComponent {
     id = uid();
     subscription;
     changesCount = 0;
+    // Computed que indica si debemos mostrar debug
+    get shouldDebug() {
+        // Si debug está explícitamente true, mostrar
+        if (this.debug())
+            return true;
+        // Si está en modo desarrollo y debug no es false, mostrar
+        if (isDevMode() && this.debug() !== false)
+            return true;
+        // En cualquier otro caso, no mostrar
+        return false;
+    }
     constructor() {
-        console.log('CONSTRUCTOR', this.id);
+        if (this.shouldDebug) {
+            console.log('CONSTRUCTOR', this.id);
+        }
         effect((onCleanup) => {
             const form = this.form();
             if (!form)
                 return; // 👈 CLAVE
-            if (this.debug()) {
+            if (this.shouldDebug) {
                 console.log(`[json-debug:${this.id}] EFFECT INIT`, {
                     controls: Object.keys(form.controls).length,
                 });
@@ -5129,6 +5142,9 @@ class JsonValuesDebujComponent {
             this.debugValue.set(form.getRawValue());
             this.subscription = form.valueChanges.subscribe(() => {
                 this.debugValue.set(form.getRawValue());
+                if (this.shouldDebug) {
+                    this.changesCount++;
+                }
             });
             onCleanup(() => {
                 this.subscription?.unsubscribe();
@@ -5136,20 +5152,22 @@ class JsonValuesDebujComponent {
         });
     }
     ngOnDestroy() {
-        console.log('DESTROY', this.id);
+        if (this.shouldDebug) {
+            console.log('DESTROY', this.id);
+        }
         this.subscription?.unsubscribe();
-        if (this.debug()) {
+        if (this.shouldDebug) {
             console.log(`[json-debug:${this.id}] DESTROY`, {
                 totalChanges: this.changesCount,
             });
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: JsonValuesDebujComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: JsonValuesDebujComponent, isStandalone: true, selector: "app-json-values-debuj", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (form()) {\r\n  <div class=\"custom-container\">\r\n    <pre class=\"custom-pre\" [innerHTML]=\"debugValue() | jsonHighlight\"></pre>\r\n  </div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;max-height:700px;background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:1rem}.custom-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.55;color:#d4d4d4}.json-key{color:#9cdcfe;font-weight:600}.json-string{color:#ce9178}.json-number{color:#b5cea8;font-weight:600}.json-boolean{color:#569cd6;font-weight:700}.json-null{color:gray;font-style:italic}.json-bracket{color:gold;font-weight:700}.json-colon{color:#d4d4d4}.json-comma{color:gray}.json-date-part{color:#4fc1ff;font-weight:600}.json-date-sep{color:gray}.json-date-time{color:#c586c0}.custom-container::-webkit-scrollbar{width:10px;height:10px}.custom-container::-webkit-scrollbar-track{background:#252526}.custom-container::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.custom-container::-webkit-scrollbar-thumb:hover{background:#777}\n"], dependencies: [{ kind: "pipe", type: JsonHighlightPipe, name: "jsonHighlight" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: JsonValuesDebujComponent, isStandalone: true, selector: "app-json-values-debuj", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (form() && shouldDebug) {\r\n  <div class=\"custom-container\">\r\n    <pre class=\"custom-pre\" [innerHTML]=\"debugValue() | jsonHighlight\"></pre>\r\n  </div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;max-height:700px;background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:1rem}.custom-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.55;color:#d4d4d4}.json-key{color:#9cdcfe;font-weight:600}.json-string{color:#ce9178}.json-number{color:#b5cea8;font-weight:600}.json-boolean{color:#569cd6;font-weight:700}.json-null{color:gray;font-style:italic}.json-bracket{color:gold;font-weight:700}.json-colon{color:#d4d4d4}.json-comma{color:gray}.json-date-part{color:#4fc1ff;font-weight:600}.json-date-sep{color:gray}.json-date-time{color:#c586c0}.custom-container::-webkit-scrollbar{width:10px;height:10px}.custom-container::-webkit-scrollbar-track{background:#252526}.custom-container::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.custom-container::-webkit-scrollbar-thumb:hover{background:#777}\n"], dependencies: [{ kind: "pipe", type: JsonHighlightPipe, name: "jsonHighlight" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: JsonValuesDebujComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-json-values-debuj', standalone: true, imports: [JsonHighlightPipe], encapsulation: ViewEncapsulation.None, template: "@if (form()) {\r\n  <div class=\"custom-container\">\r\n    <pre class=\"custom-pre\" [innerHTML]=\"debugValue() | jsonHighlight\"></pre>\r\n  </div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;max-height:700px;background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:1rem}.custom-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.55;color:#d4d4d4}.json-key{color:#9cdcfe;font-weight:600}.json-string{color:#ce9178}.json-number{color:#b5cea8;font-weight:600}.json-boolean{color:#569cd6;font-weight:700}.json-null{color:gray;font-style:italic}.json-bracket{color:gold;font-weight:700}.json-colon{color:#d4d4d4}.json-comma{color:gray}.json-date-part{color:#4fc1ff;font-weight:600}.json-date-sep{color:gray}.json-date-time{color:#c586c0}.custom-container::-webkit-scrollbar{width:10px;height:10px}.custom-container::-webkit-scrollbar-track{background:#252526}.custom-container::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.custom-container::-webkit-scrollbar-thumb:hover{background:#777}\n"] }]
+            args: [{ selector: 'app-json-values-debuj', standalone: true, imports: [JsonHighlightPipe], encapsulation: ViewEncapsulation.None, template: "@if (form() && shouldDebug) {\r\n  <div class=\"custom-container\">\r\n    <pre class=\"custom-pre\" [innerHTML]=\"debugValue() | jsonHighlight\"></pre>\r\n  </div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;max-height:700px;background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:1rem}.custom-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.55;color:#d4d4d4}.json-key{color:#9cdcfe;font-weight:600}.json-string{color:#ce9178}.json-number{color:#b5cea8;font-weight:600}.json-boolean{color:#569cd6;font-weight:700}.json-null{color:gray;font-style:italic}.json-bracket{color:gold;font-weight:700}.json-colon{color:#d4d4d4}.json-comma{color:gray}.json-date-part{color:#4fc1ff;font-weight:600}.json-date-sep{color:gray}.json-date-time{color:#c586c0}.custom-container::-webkit-scrollbar{width:10px;height:10px}.custom-container::-webkit-scrollbar-track{background:#252526}.custom-container::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.custom-container::-webkit-scrollbar-thumb:hover{background:#777}\n"] }]
         }], ctorParameters: () => [], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], debug: [{ type: i0.Input, args: [{ isSignal: true, alias: "debug", required: false }] }] } });
 
 class IcoLabel {