@sumaris-net/ngx-components 2.12.17 → 2.12.19

package/fesm2022/sumaris-net.ngx-components.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Directive, Pipe, Injectable, EventEmitter, Output, Optional, Inject, NgModule, forwardRef, Component, ChangeDetectionStrategy, Input, ViewChildren, HostBinding, HostListener, ElementRef, booleanAttribute, numberAttribute, ViewChild, ANIMATION_MODULE_TYPE, RendererStyleFlags2, CUSTOM_ELEMENTS_SCHEMA, inject, ViewEncapsulation, APP_INITIALIZER, ChangeDetectorRef } from '@angular/core';
 import { firstValueFrom, shareReplay, tap, of, timer, Subject, merge, delay, isObservable, from, Subscription, BehaviorSubject, fromEvent, noop as noop$a, Observable, forkJoin, defer, timeout, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, fromEventPattern, interval, combineLatest, mergeMap as mergeMap$1, EMPTY, switchMap as switchMap$1 } from 'rxjs';
-import { catchError, map, filter, takeUntil, first, switchMap, tap as tap$1, debounceTime, startWith, distinctUntilChanged, mergeMap, skip, combineLatestWith, finalize, throttleTime, bufferWhen, mapTo, distinctUntilKeyChanged, take } from 'rxjs/operators';
+import { catchError, map, filter, takeUntil, first, switchMap, tap as tap$1, debounceTime, startWith, distinctUntilChanged, mergeMap, skip, finalize, throttleTime, bufferWhen, mapTo, distinctUntilKeyChanged, take } from 'rxjs/operators';
 import { setTimeout as setTimeout$1 } from '@rx-angular/cdk/zone-less/browser';
 import * as i3 from '@angular/common';
 import { CommonModule, DOCUMENT, Location } from '@angular/common';
@@ -8629,9 +8629,7 @@ class MatDateTime {
             .get(I18N_KEYS$1)
             .pipe(skip(1))
             .subscribe((translations) => this.updateTranslations(translations)));
-        this._subscription.add(this.dateControl.valueChanges
-            .pipe(combineLatestWith(this.timeControl.valueChanges))
-            .subscribe(([dateStr, timeStr]) => this.onFormChange(dateStr, timeStr)));
+        this._subscription.add(merge(this.dateControl.valueChanges, this.timeControl.valueChanges).subscribe(() => this.onFormChange(this.dateControl.value, this.timeControl.value)));
         this._writing = false;
     }
     ngAfterViewInit() {
@@ -9002,7 +9000,6 @@ class MatDateTime {
         else {
             timeStr = nullIfNilOrBlank(timeStr);
         }
-        const value = `${dateStr || ''}T${timeStr || ''}`;
         // DEBUG
         //console.debug(`[mat-date-time] onFormChange() - controls values: `, [dateStr, timeStr]);
         const incompleteValue = !this.allowNoTime && isNil(timeStr) !== isNil(dateStr);
@@ -33980,7 +33977,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class NavActionsColumnComponent {
     matTable;
     cd;
-    appTable;
+    appTable = inject(AppAsyncTable, { optional: true }) || inject(AppTable);
     columnDef;
     matMenuTrigger;
     matColumnDef = 'actions';
@@ -33993,10 +33990,10 @@ class NavActionsColumnComponent {
     classList;
     cellTemplate;
     optionsClick = new EventEmitter();
-    constructor(injector, matTable, cd) {
+    constructor(matTable, cd) {
         this.matTable = matTable;
         this.cd = cd;
-        this.appTable = injector.get(AppTable) || injector.get(AppAsyncTable);
+        //this.appTable = injector.get(AppTable, null, { optional: true }) || injector.get(AppAsyncTable);
         if (!matTable)
             throw new Error(`[actions-column] this column component must be inside a MatTable component`);
         if (!this.appTable)
@@ -34014,13 +34011,13 @@ class NavActionsColumnComponent {
         this.optionsClick.complete();
         this.optionsClick.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavActionsColumnComponent, deps: [{ token: i0.Injector }, { token: i7.MatTable }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavActionsColumnComponent, deps: [{ token: i7.MatTable }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NavActionsColumnComponent, selector: "app-nav-actions-column", inputs: { matColumnDef: "matColumnDef", style: "style", stickyEnd: ["stickyEnd", "stickyEnd", booleanAttribute], showPending: ["showPending", "showPending", booleanAttribute], dirtyIcon: "dirtyIcon", optionsTitle: "optionsTitle", classList: ["class", "classList"], cellTemplate: "cellTemplate" }, outputs: { optionsClick: "optionsClick" }, viewQueries: [{ propertyName: "columnDef", first: true, predicate: MatColumnDef, descendants: true }, { propertyName: "matMenuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<ng-container [matColumnDef]=\"matColumnDef\" [stickyEnd]=\"stickyEnd\" [ngSwitch]=\"style\">\n  <ng-container *ngSwitchCase=\"'table'\">\n    <th mat-header-cell *matHeaderCellDef [class]=\"classList\" [class.mat-column-sticky]=\"stickyEnd\">\n      <button\n        mat-icon-button\n        *ngIf=\"optionsClick.observed\"\n        [title]=\"optionsTitle | translate\"\n        (click)=\"optionsClick.emit($event)\"\n      >\n        <mat-icon>more_vert</mat-icon>\n      </button>\n      <ng-content select=\"[matHeader]\"></ng-content>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" [class]=\"classList\">\n      @if (row.editing) {\n        <!-- pending -->\n        @if (row.validator?.pending) {\n          <ion-spinner [class.cdk-visually-hidden]=\"!showPending\" name=\"dots\" class=\"center\"></ion-spinner>\n        }\n\n        <!-- invalid new row -->\n        @if (row.id === -1 && row.validator?.invalid) {\n          <!-- delete button -->\n          <button\n            mat-icon-button\n            color=\"light\"\n            [title]=\"'COMMON.BTN_DELETE' | translate\"\n            (click)=\"appTable.cancelOrDelete($event, row)\"\n          >\n            <mat-icon>delete_outline</mat-icon>\n          </button>\n\n          <!-- valid row or invalid existing row -->\n        } @else {\n          <!-- forward button (invisible - focusable only) -->\n          <button class=\"mat-row-action-button-navigation\" (focus)=\"appTable.confirmAndForward($event, row)\"></button>\n        }\n\n        <!-- NOT editing row -->\n      } @else {\n        <!-- dirty icon -->\n        @if (dirtyIcon && row.validator?.dirty) {\n          <ion-icon [name]=\"dirtyIcon\" color=\"accent\" class=\"dirty-icon\" tabindex=\"-1\"></ion-icon>\n        }\n\n        <!-- backward button (invisible - focusable only) -->\n        <button\n          mat-icon-button\n          class=\"mat-row-action-button-navigation\"\n          (focus)=\"appTable.confirmAndBackward($event, row)\"\n        ></button>\n      }\n\n      <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: row }\"></ng-container>\n    </td>\n\n    <td mat-footer-cell *matFooterCellDef>\n      <ng-content select=\"[matFooter]\"></ng-content>\n    </td>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'mat-table'\">\n    <mat-header-cell *matHeaderCellDef [class]=\"classList\" [class.mat-column-sticky]=\"stickyEnd\">\n      <button\n        mat-icon-button\n        *ngIf=\"optionsClick.observed\"\n        [title]=\"optionsTitle | translate\"\n        (click)=\"optionsClick.emit($event)\"\n      >\n        <mat-icon>more_vert</mat-icon>\n      </button>\n      <ng-content select=\"[matHeader]\"></ng-content>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row\" [class]=\"classList\">\n      @if (row.editing) {\n        <!-- pending -->\n        @if (row.validator?.pending) {\n          <ion-spinner [class.cdk-visually-hidden]=\"!showPending\" name=\"dots\" class=\"center\"></ion-spinner>\n        }\n\n        <!-- invalid new row -->\n        @if (row.id === -1 && row.validator?.invalid) {\n          <!-- delete button -->\n          <button\n            mat-icon-button\n            color=\"light\"\n            [title]=\"'COMMON.BTN_DELETE' | translate\"\n            (click)=\"appTable.cancelOrDelete($event, row)\"\n          >\n            <mat-icon>delete_outline</mat-icon>\n          </button>\n        } @else {\n          <!-- forward button (invisible - focusable only) -->\n          <button class=\"mat-row-action-button-navigation\" (focus)=\"appTable.confirmAndForward($event, row)\"></button>\n        }\n\n        <!-- not editing row -->\n      } @else {\n        <!-- dirty icon -->\n        @if (dirtyIcon && row.validator?.dirty) {\n          <ion-icon [name]=\"dirtyIcon\" color=\"accent\" class=\"dirty-icon\"></ion-icon>\n        }\n\n        <!-- backward button (invisible - focusable only) -->\n        <button\n          mat-icon-button\n          class=\"mat-row-action-button-navigation\"\n          (focus)=\"appTable.confirmAndBackward($event, row)\"\n        ></button>\n      }\n\n      <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: row }\"></ng-container>\n    </mat-cell>\n\n    <mat-footer-cell *matFooterCellDef>\n      <ng-content select=\"[matFooter]\"></ng-content>\n    </mat-footer-cell>\n  </ng-container>\n</ng-container>\n", styles: [".mat-column-actions .mat-row-action-button-navigation{color:transparent;position:relative;top:0;margin:0!important;padding:0!important;width:0!important;height:1px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "directive", type: i7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i7.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i7.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i7.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i7.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i7.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavActionsColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-nav-actions-column', template: "<ng-container [matColumnDef]=\"matColumnDef\" [stickyEnd]=\"stickyEnd\" [ngSwitch]=\"style\">\n  <ng-container *ngSwitchCase=\"'table'\">\n    <th mat-header-cell *matHeaderCellDef [class]=\"classList\" [class.mat-column-sticky]=\"stickyEnd\">\n      <button\n        mat-icon-button\n        *ngIf=\"optionsClick.observed\"\n        [title]=\"optionsTitle | translate\"\n        (click)=\"optionsClick.emit($event)\"\n      >\n        <mat-icon>more_vert</mat-icon>\n      </button>\n      <ng-content select=\"[matHeader]\"></ng-content>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" [class]=\"classList\">\n      @if (row.editing) {\n        <!-- pending -->\n        @if (row.validator?.pending) {\n          <ion-spinner [class.cdk-visually-hidden]=\"!showPending\" name=\"dots\" class=\"center\"></ion-spinner>\n        }\n\n        <!-- invalid new row -->\n        @if (row.id === -1 && row.validator?.invalid) {\n          <!-- delete button -->\n          <button\n            mat-icon-button\n            color=\"light\"\n            [title]=\"'COMMON.BTN_DELETE' | translate\"\n            (click)=\"appTable.cancelOrDelete($event, row)\"\n          >\n            <mat-icon>delete_outline</mat-icon>\n          </button>\n\n          <!-- valid row or invalid existing row -->\n        } @else {\n          <!-- forward button (invisible - focusable only) -->\n          <button class=\"mat-row-action-button-navigation\" (focus)=\"appTable.confirmAndForward($event, row)\"></button>\n        }\n\n        <!-- NOT editing row -->\n      } @else {\n        <!-- dirty icon -->\n        @if (dirtyIcon && row.validator?.dirty) {\n          <ion-icon [name]=\"dirtyIcon\" color=\"accent\" class=\"dirty-icon\" tabindex=\"-1\"></ion-icon>\n        }\n\n        <!-- backward button (invisible - focusable only) -->\n        <button\n          mat-icon-button\n          class=\"mat-row-action-button-navigation\"\n          (focus)=\"appTable.confirmAndBackward($event, row)\"\n        ></button>\n      }\n\n      <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: row }\"></ng-container>\n    </td>\n\n    <td mat-footer-cell *matFooterCellDef>\n      <ng-content select=\"[matFooter]\"></ng-content>\n    </td>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'mat-table'\">\n    <mat-header-cell *matHeaderCellDef [class]=\"classList\" [class.mat-column-sticky]=\"stickyEnd\">\n      <button\n        mat-icon-button\n        *ngIf=\"optionsClick.observed\"\n        [title]=\"optionsTitle | translate\"\n        (click)=\"optionsClick.emit($event)\"\n      >\n        <mat-icon>more_vert</mat-icon>\n      </button>\n      <ng-content select=\"[matHeader]\"></ng-content>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row\" [class]=\"classList\">\n      @if (row.editing) {\n        <!-- pending -->\n        @if (row.validator?.pending) {\n          <ion-spinner [class.cdk-visually-hidden]=\"!showPending\" name=\"dots\" class=\"center\"></ion-spinner>\n        }\n\n        <!-- invalid new row -->\n        @if (row.id === -1 && row.validator?.invalid) {\n          <!-- delete button -->\n          <button\n            mat-icon-button\n            color=\"light\"\n            [title]=\"'COMMON.BTN_DELETE' | translate\"\n            (click)=\"appTable.cancelOrDelete($event, row)\"\n          >\n            <mat-icon>delete_outline</mat-icon>\n          </button>\n        } @else {\n          <!-- forward button (invisible - focusable only) -->\n          <button class=\"mat-row-action-button-navigation\" (focus)=\"appTable.confirmAndForward($event, row)\"></button>\n        }\n\n        <!-- not editing row -->\n      } @else {\n        <!-- dirty icon -->\n        @if (dirtyIcon && row.validator?.dirty) {\n          <ion-icon [name]=\"dirtyIcon\" color=\"accent\" class=\"dirty-icon\"></ion-icon>\n        }\n\n        <!-- backward button (invisible - focusable only) -->\n        <button\n          mat-icon-button\n          class=\"mat-row-action-button-navigation\"\n          (focus)=\"appTable.confirmAndBackward($event, row)\"\n        ></button>\n      }\n\n      <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: row }\"></ng-container>\n    </mat-cell>\n\n    <mat-footer-cell *matFooterCellDef>\n      <ng-content select=\"[matFooter]\"></ng-content>\n    </mat-footer-cell>\n  </ng-container>\n</ng-container>\n", styles: [".mat-column-actions .mat-row-action-button-navigation{color:transparent;position:relative;top:0;margin:0!important;padding:0!important;width:0!important;height:1px}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Injector }, { type: i7.MatTable }, { type: i0.ChangeDetectorRef }], propDecorators: { columnDef: [{
+        }], ctorParameters: () => [{ type: i7.MatTable }, { type: i0.ChangeDetectorRef }], propDecorators: { columnDef: [{
                 type: ViewChild,
                 args: [MatColumnDef]
             }], matMenuTrigger: [{