@ecodev/natural 42.4.0 → 42.4.1

package/fesm2020/ecodev-natural.mjs

@@ -1,7 +1,7 @@
 import '@angular/localize/init';
 import * as i0 from '@angular/core';
 import { Directive, Component, Inject, Injectable, HostBinding, HostListener, InjectionToken, Input, NgModule, EventEmitter, ChangeDetectionStrategy, Output, ContentChildren, Pipe, TemplateRef, ViewEncapsulation, ViewChild, Injector, Optional, Self, ContentChild, PLATFORM_ID, ErrorHandler } from '@angular/core';
-import { Subject, BehaviorSubject, of, timer, EMPTY, Observable, ReplaySubject, forkJoin, merge as merge$1, asyncScheduler, catchError } from 'rxjs';
+import { Subject, BehaviorSubject, of, timer, EMPTY, Observable, ReplaySubject, forkJoin, merge as merge$1, asyncScheduler, catchError, first as first$1 } from 'rxjs';
 import * as i5 from '@angular/forms';
 import { FormGroup, FormArray, Validators, FormControl, FormsModule, FormControlDirective, FormControlName, ReactiveFormsModule } from '@angular/forms';
 import * as i2$1 from '@angular/router';
@@ -3554,6 +3554,7 @@ function cancellableTimeout(canceller, milliSeconds = 0) {
  */
 function debug(debugName) {
     return tap({
+        subscribe: () => console.log('SUBSCRIBE', debugName),
         next: value => console.log('NEXT', debugName, value),
         error: error => console.log('ERROR', debugName, error),
         complete: () => console.log('COMPLETE', debugName),
@@ -5190,10 +5191,10 @@ class NaturalDropdownContainerComponent extends BasePortalOutlet {
     }
 }
 NaturalDropdownContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NaturalDropdownContainerComponent, deps: [{ token: i0.ElementRef }, { token: i1$6.ConfigurableFocusTrapFactory }, { token: NATURAL_DROPDOWN_CONTAINER_DATA }], target: i0.ɵɵFactoryTarget.Component });
-NaturalDropdownContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NaturalDropdownContainerComponent, selector: "ng-component", viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n    (@transformMenu.done)=\"onAnimationDone($event)\"\n    [@transformMenu]=\"panelAnimationState\"\n    class=\"natural-dropdown-container mat-elevation-z2\"\n    role=\"menu\"\n    tabindex=\"-1\"\n>\n    <div class=\"natural-dropdown-container-content\">\n        <ng-template cdkPortalOutlet></ng-template>\n    </div>\n\n    <div *ngIf=\"data.showValidateButton\" class=\"natural-dropdown-validate-button\">\n        <button (click)=\"close()\" color=\"primary\" mat-raised-button>Valider</button>\n    </div>\n</div>\n", styles: [".natural-dropdown-container{display:flex;flex-direction:column;border-radius:2px;height:100%}.natural-dropdown-container-content{flex:1;padding:5px;overflow:auto}.natural-dropdown-container .natural-dropdown-validate-button{flex:none;display:flex;flex-direction:row;justify-content:flex-end;margin:5px}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [naturalDropdownAnimations.transformMenu, naturalDropdownAnimations.fadeInItems], encapsulation: i0.ViewEncapsulation.None });
+NaturalDropdownContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NaturalDropdownContainerComponent, selector: "ng-component", viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n    (@transformMenu.done)=\"onAnimationDone($event)\"\n    [@transformMenu]=\"panelAnimationState\"\n    class=\"natural-dropdown-container mat-elevation-z2\"\n    role=\"menu\"\n    tabindex=\"-1\"\n>\n    <div class=\"natural-dropdown-container-content\">\n        <ng-template cdkPortalOutlet></ng-template>\n    </div>\n\n    <div *ngIf=\"data.showValidateButton\" class=\"natural-dropdown-validate-button\">\n        <button (click)=\"close()\" color=\"primary\" mat-raised-button i18n>Valider</button>\n    </div>\n</div>\n", styles: [".natural-dropdown-container{display:flex;flex-direction:column;border-radius:2px;height:100%}.natural-dropdown-container-content{flex:1;padding:5px;overflow:auto}.natural-dropdown-container .natural-dropdown-validate-button{flex:none;display:flex;flex-direction:row;justify-content:flex-end;margin:5px}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [naturalDropdownAnimations.transformMenu, naturalDropdownAnimations.fadeInItems], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NaturalDropdownContainerComponent, decorators: [{
             type: Component,
-            args: [{ encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, animations: [naturalDropdownAnimations.transformMenu, naturalDropdownAnimations.fadeInItems], template: "<div\n    (@transformMenu.done)=\"onAnimationDone($event)\"\n    [@transformMenu]=\"panelAnimationState\"\n    class=\"natural-dropdown-container mat-elevation-z2\"\n    role=\"menu\"\n    tabindex=\"-1\"\n>\n    <div class=\"natural-dropdown-container-content\">\n        <ng-template cdkPortalOutlet></ng-template>\n    </div>\n\n    <div *ngIf=\"data.showValidateButton\" class=\"natural-dropdown-validate-button\">\n        <button (click)=\"close()\" color=\"primary\" mat-raised-button>Valider</button>\n    </div>\n</div>\n", styles: [".natural-dropdown-container{display:flex;flex-direction:column;border-radius:2px;height:100%}.natural-dropdown-container-content{flex:1;padding:5px;overflow:auto}.natural-dropdown-container .natural-dropdown-validate-button{flex:none;display:flex;flex-direction:row;justify-content:flex-end;margin:5px}\n"] }]
+            args: [{ encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, animations: [naturalDropdownAnimations.transformMenu, naturalDropdownAnimations.fadeInItems], template: "<div\n    (@transformMenu.done)=\"onAnimationDone($event)\"\n    [@transformMenu]=\"panelAnimationState\"\n    class=\"natural-dropdown-container mat-elevation-z2\"\n    role=\"menu\"\n    tabindex=\"-1\"\n>\n    <div class=\"natural-dropdown-container-content\">\n        <ng-template cdkPortalOutlet></ng-template>\n    </div>\n\n    <div *ngIf=\"data.showValidateButton\" class=\"natural-dropdown-validate-button\">\n        <button (click)=\"close()\" color=\"primary\" mat-raised-button i18n>Valider</button>\n    </div>\n</div>\n", styles: [".natural-dropdown-container{display:flex;flex-direction:column;border-radius:2px;height:100%}.natural-dropdown-container-content{flex:1;padding:5px;overflow:auto}.natural-dropdown-container .natural-dropdown-validate-button{flex:none;display:flex;flex-direction:row;justify-content:flex-end;margin:5px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$6.ConfigurableFocusTrapFactory }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [NATURAL_DROPDOWN_CONTAINER_DATA]
@@ -10487,8 +10488,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
  * Public API Surface of natural
  */
 
-const NaturalLoggerConfigUrl = new InjectionToken('NaturalLoggerConfigUrl');
-const NaturalLoggerConfigExtra = new InjectionToken('NaturalLoggerConfigExtra');
+const NaturalLoggerConfigUrl = new InjectionToken('Absolute URL of the log server');
+const NaturalLoggerConfigExtra = new InjectionToken('Class that may provide extra data to log');
+/**
+ * Replace Angular's error handler to also send the log to a remote server via HTTP POST.
+ *
+ * Usage is automatic as soon we import the module via:
+ *
+ * ```ts
+ * NaturalErrorModule.forRoot('http://example.com', ExtraService),
+ * ```
+ */
 class NaturalErrorHandler extends ErrorHandler {
     constructor(http, document, url, loggerExtra) {
         super();
@@ -10500,18 +10510,13 @@ class NaturalErrorHandler extends ErrorHandler {
     handleError(error) {
         console.error(error);
         const params = {
+            message: this.toMessage(error),
             href: this.document.defaultView?.window.location.href,
             host: this.document.defaultView?.window.location.hostname,
             path: this.document.defaultView?.window.location.pathname,
             agent: this.document.defaultView?.window.navigator.userAgent,
             level: 'error',
         };
-        if (error?.message) {
-            params.message = error.message;
-        }
-        else {
-            params.message = error;
-        }
         if (error?.stack) {
             params.stacktrace = error.stack;
         }
@@ -10525,7 +10530,10 @@ class NaturalErrorHandler extends ErrorHandler {
             params.url = error.url;
         }
         if (this.loggerExtra) {
-            this.loggerExtra?.getExtras(error).subscribe(result => {
+            this.loggerExtra
+                .getExtras(error)
+                .pipe(catchError(e => of({ getExtrasErrorMessage: this.toMessage(e) })), first$1())
+                .subscribe(result => {
                 this.postLog(Object.assign(params, result));
             });
         }
@@ -10533,6 +10541,14 @@ class NaturalErrorHandler extends ErrorHandler {
             this.postLog(params);
         }
     }
+    toMessage(error) {
+        if (error && typeof error === 'object' && 'message' in error) {
+            return '' + error.message;
+        }
+        else {
+            return '' + error;
+        }
+    }
     /**
      * Send parameters to remote log
      */