@sumaris-net/ngx-components 2.12.26-alpha2 → 2.12.26

package/src/app/core/table/table.pipes.d.ts

@@ -1,12 +1,13 @@
-import { OnDestroy, PipeTransform } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, PipeTransform } from '@angular/core';
 import { SelectionModel } from '@angular/cdk/collections';
 import { AbstractSelectionModelPipe } from '../../shared/pipes/selection.pipes';
 import { AppTable } from './table.class';
 import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 export type AppTableRowCountProperty = 'visibleRowCount' | 'totalRowCount';
-export declare abstract class AbstractTableSelectionPipe<R, O, T extends AppTable<any> = AppTable<any>> extends AbstractSelectionModelPipe<any, R, O> implements PipeTransform {
+export declare abstract class AbstractTableSelectionPipe<R, O, T extends AppTable<any> = AppTable<any>> extends AbstractSelectionModelPipe<any, R, O> {
     private _onRowsChanges;
+    protected constructor(_ref: ChangeDetectorRef);
     transform(selectionOrTable: SelectionModel<any> | T, tableOrOpts?: T | O, opts?: O): R;
     protected _subscribe(selection: SelectionModel<any>, table?: T, opts?: O): Subscription;
     protected _dispose(): void;
@@ -14,13 +15,13 @@ export declare abstract class AbstractTableSelectionPipe<R, O, T extends AppTabl
     static ɵpipe: i0.ɵɵPipeDeclaration<AbstractTableSelectionPipe<any, any, any>, "abstract-table-selection", false>;
 }
 export declare class IsAllSelectedPipe extends AbstractTableSelectionPipe<boolean, AppTableRowCountProperty> implements PipeTransform, OnDestroy {
-    constructor();
+    constructor(_ref: ChangeDetectorRef);
     protected _transform(selection: SelectionModel<any>, table: AppTable<any>, countPropertyName?: AppTableRowCountProperty): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsAllSelectedPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<IsAllSelectedPipe, "isAllSelected", false>;
 }
 export declare class IsNotAllSelectedPipe extends IsAllSelectedPipe implements PipeTransform, OnDestroy {
-    constructor();
+    constructor(_ref: ChangeDetectorRef);
     protected _transform(selection: SelectionModel<any>, table: AppTable<any>, countPropertyName?: AppTableRowCountProperty): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsNotAllSelectedPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<IsNotAllSelectedPipe, "isNotAllSelected", false>;

package/src/app/core/table/testing/table-validator.service.d.ts

@@ -1,9 +1,10 @@
 import { ReferentialValidatorService } from '../../services/testing/referential.validator';
-import { UntypedFormGroup } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { Referential } from '../../services/model/referential.model';
 import * as i0 from "@angular/core";
 export declare class TableValidatorService extends ReferentialValidatorService {
-    constructor();
+    protected formBuilder: UntypedFormBuilder;
+    constructor(formBuilder: UntypedFormBuilder);
     getFormGroup(data?: Referential, opts?: {
         withDescription?: boolean;
         withComments?: boolean;

package/src/app/core/table/testing/table.testing.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, Injector, OnDestroy, OnInit } from '@angular/core';
 import { AppTable } from '../table.class';
 import { Referential } from '../../services/model/referential.model';
 import { IonInfiniteScroll } from '@ionic/angular';
@@ -12,6 +12,7 @@ import * as i0 from "@angular/core";
 export declare class TableTestPage extends AppTable<Referential, ReferentialFilter> implements OnInit, OnDestroy, AfterViewInit {
     protected validatorService: AppValidatorService;
     protected formBuilder: UntypedFormBuilder;
+    protected cd: ChangeDetectorRef;
     readonly maxRowCount = 100;
     timer: Subscription;
     canEdit: boolean;
@@ -30,7 +31,7 @@ export declare class TableTestPage extends AppTable<Referential, ReferentialFilt
     filterExpansionPanel: MatExpansionPanel;
     infiniteScroll: IonInfiniteScroll;
     get dataService(): InMemoryEntitiesService<Referential>;
-    constructor(validatorService: AppValidatorService, formBuilder: UntypedFormBuilder);
+    constructor(injector: Injector, validatorService: AppValidatorService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): Promise<void>;
     ngOnDestroy(): void;
@@ -49,6 +50,7 @@ export declare class TableTestPage extends AppTable<Referential, ReferentialFilt
     startTimer(): void;
     stopTimer(): void;
     protected generateData(offset?: number, size?: number): Referential[];
+    protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableTestPage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableTestPage, "app-table-testing", never, { "filterPanelFloating": { "alias": "filterPanelFloating"; "required": false; }; "enableInfiniteScroll": { "alias": "enableInfiniteScroll"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "stickyEnd": { "alias": "stickyEnd"; "required": false; }; }, {}, never, never, false, never>;
 }

package/src/app/core/table/testing/table2-validator.service.d.ts

@@ -1,7 +1,9 @@
 import { ReferentialValidatorService } from '../../services/testing/referential.validator';
+import { UntypedFormBuilder } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class Table2ValidatorService extends ReferentialValidatorService {
-    constructor();
+    protected formBuilder: UntypedFormBuilder;
+    constructor(formBuilder: UntypedFormBuilder);
     getFormGroupConfig(data?: any, opts?: {
         withDescription?: boolean;
         withComments?: boolean;

package/src/app/core/table/testing/table2.testing.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, Injector, OnDestroy, OnInit } from '@angular/core';
 import { AppTable } from '../table.class';
 import { Referential } from '../../services/model/referential.model';
 import { IonInfiniteScroll } from '@ionic/angular';
@@ -11,6 +11,7 @@ import * as i0 from "@angular/core";
 export declare class Table2TestPage extends AppTable<Referential, ReferentialFilter> implements OnInit, OnDestroy, AfterViewInit {
     protected validatorService: AppValidatorService;
     protected formBuilder: UntypedFormBuilder;
+    protected cd: ChangeDetectorRef;
     readonly maxRowCount = 100;
     canEdit: boolean;
     data: Referential[];
@@ -27,7 +28,7 @@ export declare class Table2TestPage extends AppTable<Referential, ReferentialFil
     filterExpansionPanel: MatExpansionPanel;
     infiniteScroll: IonInfiniteScroll;
     get dataService(): InMemoryEntitiesService<Referential>;
-    constructor(validatorService: AppValidatorService, formBuilder: UntypedFormBuilder);
+    constructor(injector: Injector, validatorService: AppValidatorService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): Promise<void>;
     ngOnDestroy(): void;
@@ -43,6 +44,7 @@ export declare class Table2TestPage extends AppTable<Referential, ReferentialFil
     closeFilterPanel(): void;
     resetFilter(_?: Event): void;
     protected generateData(offset?: number, size?: number): Referential[];
+    protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Table2TestPage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Table2TestPage, "app-table2-testing", never, { "filterPanelFloating": { "alias": "filterPanelFloating"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "stickyEnd": { "alias": "stickyEnd"; "required": false; }; }, {}, never, ["[suffix]"], false, never>;
 }

package/src/app/shared/form/field.component.d.ts

@@ -10,6 +10,9 @@ import { MatAutocompleteField } from '../material/autocomplete/material.autocomp
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
 export declare class AppFormField implements OnInit, ControlValueAccessor {
+    protected translate: TranslateService;
+    protected cd: ChangeDetectorRef;
+    protected injector: Injector;
     private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
@@ -17,9 +20,6 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     protected _values: Property[];
     protected type: FormFieldType;
     protected numberInputStep: string;
-    protected readonly translate: TranslateService;
-    protected readonly cd: ChangeDetectorRef;
-    protected readonly injector: Injector;
     set definition(value: FormFieldDefinition);
     get definition(): FormFieldDefinition;
     required: boolean;
@@ -41,7 +41,7 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     get value(): any;
     matInput: ElementRef;
     autocompleteField: MatAutocompleteField;
-    constructor(formGroupDir: FormGroupDirective);
+    constructor(translate: TranslateService, cd: ChangeDetectorRef, injector: Injector, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
     writeValue(obj: any): void;
     registerOnChange(fn: any): void;
@@ -68,6 +68,6 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
         emitEvent?: boolean;
     }): void;
     protected updateTabIndex(timeout?: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AppFormField, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppFormField, [null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AppFormField, "app-form-field", never, { "definition": { "alias": "definition"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; }, { "onKeyupEnter": "keyup.enter"; }, never, ["[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matSuffix]"], false, never>;
 }

package/src/app/shared/help/help.modal.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, Injector } from '@angular/core';
 import { ModalController } from '@ionic/angular';
 import { PlatformService } from '../../core/services/platform.service';
 import { LocalSettingsService } from '../../core/services/local-settings.service';
@@ -11,6 +11,12 @@ export interface AppHelpModalOptions {
     showError?: boolean;
 }
 export declare class AppHelpModal implements AppHelpModalOptions {
+    protected injector: Injector;
+    protected viewCtrl: ModalController;
+    protected platform: PlatformService;
+    protected settings: LocalSettingsService;
+    protected translate: TranslateService;
+    protected cd: ChangeDetectorRef;
     readonly debug: boolean;
     loading: boolean;
     error: string;
@@ -18,12 +24,7 @@ export declare class AppHelpModal implements AppHelpModalOptions {
     showError: boolean;
     markdownContent: string;
     markdownUrl: string;
-    protected readonly viewCtrl: ModalController;
-    protected readonly platform: PlatformService;
-    protected readonly settings: LocalSettingsService;
-    protected readonly translate: TranslateService;
-    protected readonly cd: ChangeDetectorRef;
-    constructor();
+    constructor(injector: Injector, viewCtrl: ModalController, platform: PlatformService, settings: LocalSettingsService, translate: TranslateService, cd: ChangeDetectorRef);
     close(_?: Event): Promise<boolean>;
     markAsLoaded(): void;
     onLoadError(error?: string | Error): void;

package/src/app/shared/image/gallery/image-gallery.component.d.ts

@@ -1,6 +1,7 @@
 import { AfterContentChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { BehaviorSubject, Subject, Subscription } from 'rxjs';
 import { TableDataSource, TableElement } from '@e-is/ngx-material-table';
+import { Environment } from '../../../../environments/environment.class';
 import { ImageService } from '../image.service';
 import { Image } from '../image.model';
 import { AlertController, IonModal, IonPopover, Platform } from '@ionic/angular';
@@ -17,6 +18,11 @@ export interface ISwiper extends Swiper {
     imagesLoaded: number;
 }
 export declare class AppImageGalleryComponent<T extends Image> implements OnInit, OnDestroy, CollectionViewer, AfterContentChecked {
+    protected image: ImageService;
+    protected platform: Platform;
+    protected alterCtrl: AlertController;
+    protected translate: TranslateService;
+    protected cd: ChangeDetectorRef;
     protected _destroySubject: Subject<void>;
     protected _renderChangeSubscription: Subscription;
     protected _subscription: Subscription;
@@ -59,13 +65,7 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
     }>>;
     onAfterAddRows: EventEmitter<TableElement<T>[]>;
     onAfterEditRow: EventEmitter<TableElement<T>>;
-    protected readonly image: ImageService;
-    protected readonly platform: Platform;
-    protected readonly alterCtrl: AlertController;
-    protected readonly translate: TranslateService;
-    protected readonly cd: ChangeDetectorRef;
-    protected readonly environment: import("../../../../environments/environment.class").Environment;
-    constructor();
+    constructor(image: ImageService, platform: Platform, alterCtrl: AlertController, translate: TranslateService, cd: ChangeDetectorRef, environment?: Environment);
     ngOnInit(): void;
     ngAfterContentChecked(): void;
     ngOnDestroy(): void;
@@ -93,6 +93,6 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
         interactive?: boolean;
     }): Promise<boolean>;
     protected markForCheck(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AppImageGalleryComponent<any>, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppImageGalleryComponent<any>, [null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AppImageGalleryComponent<any>, "app-image-gallery", never, { "cardColor": { "alias": "cardColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "confirmBeforeDelete": { "alias": "confirmBeforeDelete"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "showFabButton": { "alias": "showFabButton"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "showAddCardButton": { "alias": "showAddCardButton"; "required": false; }; "addButtonColor": { "alias": "addButtonColor"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; }, { "onBeforeDeleteRows": "onBeforeDeleteRows"; "onAfterAddRows": "onAfterAddRows"; "onAfterEditRow": "onAfterEditRow"; }, never, never, false, never>;
 }

package/src/app/shared/inputs.d.ts

@@ -16,7 +16,7 @@ export interface InputElement extends FocusableElement {
 }
 export declare function isInputElement(object: any): object is InputElement;
 export declare function asInputElement(object: ElementRef): InputElement | undefined;
-export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
+export declare function tabindexComparator(a: InputElement, b: InputElement): 1 | 0 | -1;
 export interface CanGainFocusOptions {
     minTabindex?: number;
     maxTabindex?: number;

package/src/app/shared/material/autocomplete/material.autocomplete.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { SuggestFn } from '../../services/entity-service.class';
@@ -11,7 +11,11 @@ import { IonSearchbar, ModalController } from '@ionic/angular';
 import { MatAutocompleteFieldConfig } from './material.autocomplete.config';
 import * as i0 from "@angular/core";
 export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDestroy, InputElement, ControlValueAccessor {
+    protected injector: Injector;
     protected el: ElementRef<HTMLElement>;
+    protected cd: ChangeDetectorRef;
+    protected modalController: ModalController;
+    protected renderer: Renderer2;
     private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
@@ -31,9 +35,6 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     protected _moreItemsCount: number;
     protected _fetchMore$: EventEmitter<Event>;
     protected _defaultPanelWidth: string;
-    protected readonly cd: ChangeDetectorRef;
-    protected readonly modalController: ModalController;
-    protected readonly renderer: Renderer2;
     equals: EqualsFn;
     logPrefix: string;
     formControl: UntypedFormControl;
@@ -92,7 +93,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     matInputText: ElementRef;
     autocomplete: MatAutocomplete;
     autocompleteTrigger: MatAutocompleteTrigger;
-    constructor(el: ElementRef<HTMLElement>, formGroupDir: FormGroupDirective);
+    constructor(injector: Injector, el: ElementRef<HTMLElement>, cd: ChangeDetectorRef, modalController: ModalController, renderer: Renderer2, formGroupDir: FormGroupDirective);
     get itemCount(): number;
     get canFetchMore(): boolean;
     set filter(value: any);
@@ -148,7 +149,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
      * @private
      */
     private _fixSearchbarOverlay;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "trimSearchText": { "alias": "trimSearchText"; "required": false; }; "splitSearchText": { "alias": "splitSearchText"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; "optionSelected": "optionSelected"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_mobile: unknown;

package/src/app/shared/material/autocomplete/testing/autocomplete.test.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { MatAutocompleteField } from '../material.autocomplete';
 import { Subscription } from 'rxjs';
@@ -12,6 +12,8 @@ declare class EntityTestClass {
     name: string;
 }
 export declare class AutocompleteTestPage implements OnInit, AfterViewInit {
+    protected formBuilder: UntypedFormBuilder;
+    private cd;
     private _items;
     private _$items;
     form: UntypedFormGroup;
@@ -23,9 +25,7 @@ export declare class AutocompleteTestPage implements OnInit, AfterViewInit {
     mode: 'mobile' | 'desktop' | 'memory' | 'temp';
     farEntityField: MatAutocompleteField;
     ionModal: IonModal;
-    protected readonly formBuilder: UntypedFormBuilder;
-    private readonly cd;
-    constructor();
+    constructor(formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     loadData(): Promise<void>;

package/src/app/shared/material/badge/badge.test.d.ts

@@ -1,8 +1,10 @@
+import { ChangeDetectorRef } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { MatBadgeFill } from './badge.directive';
 import { MatBadgeSize } from '@angular/material/badge';
 import * as i0 from "@angular/core";
 export declare class MatBadgeTestPage {
+    private cd;
     userText: string;
     matBadgeContent: string;
     $icon: BehaviorSubject<string>;
@@ -11,8 +13,7 @@ export declare class MatBadgeTestPage {
     $color: BehaviorSubject<string>;
     $hidden: BehaviorSubject<boolean>;
     $overlap: BehaviorSubject<boolean>;
-    private readonly cd;
-    constructor();
+    constructor(cd: ChangeDetectorRef);
     onInputChanged(event: any): void;
     onMatBadgeContentChanged(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatBadgeTestPage, never>;

package/src/app/shared/material/boolean/material.boolean.d.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
-import { ControlValueAccessor, UntypedFormControl } from '@angular/forms';
+import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
 import { MatRadioButton, MatRadioChange } from '@angular/material/radio';
 import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
 import { InputElement } from '../../inputs';
@@ -8,6 +8,9 @@ import { AppFloatLabelType } from '../../form/field.model';
 import { IonButton } from '@ionic/angular';
 import * as i0 from "@angular/core";
 export declare class MatBooleanField implements OnInit, ControlValueAccessor, InputElement, OnDestroy {
+    private cd;
+    protected el: ElementRef<HTMLElement>;
+    private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
     private readonly _subscription;
@@ -50,9 +53,7 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     get value(): any;
     keyupEnter: EventEmitter<any>;
     blurred: EventEmitter<FocusEvent>;
-    protected readonly cd: ChangeDetectorRef;
-    private readonly formGroupDir;
-    constructor();
+    constructor(cd: ChangeDetectorRef, el: ElementRef<HTMLElement>, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: any, event?: Event): void;
@@ -78,7 +79,7 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     protected get radioButtonElements(): HTMLElement[];
     protected get inputsElements(): HTMLElement[];
     protected get ionButtons(): IonButton[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatBooleanField, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatBooleanField, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatBooleanField, "mat-boolean-field", never, { "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "style": { "alias": "style"; "required": false; }; "buttonsColCount": { "alias": "buttonsColCount"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "yesLabel": { "alias": "yesLabel"; "required": false; }; "noLabel": { "alias": "noLabel"; "required": false; }; "showButtonIcons": { "alias": "showButtonIcons"; "required": false; }; "yesIcon": { "alias": "yesIcon"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "showRadio": { "alias": "showRadio"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "keyupEnter": "keyup.enter"; "blurred": "blur"; }, never, ["[matPrefix]", "[matSuffix]"], false, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_readonly: unknown;

package/src/app/shared/material/boolean/testing/boolean.test.page.d.ts

@@ -1,18 +1,21 @@
-import { AfterViewInit, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, Injector, OnInit } from '@angular/core';
 import { AppForm } from '../../../../core/form/form.class';
 import { UntypedFormBuilder } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class BooleanTestPage extends AppForm<any> implements OnInit, AfterViewInit {
+    protected injector: Injector;
     protected formBuilder: UntypedFormBuilder;
+    protected cd: ChangeDetectorRef;
     stringify: {
         (value: any, replacer?: (this: any, key: string, value: any) => any, space?: string | number): string;
         (value: any, replacer?: (string | number)[], space?: string | number): string;
     };
     mode: 'radio' | 'checkbox' | 'button';
     styles: string[];
-    constructor(formBuilder: UntypedFormBuilder);
+    constructor(injector: Injector, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngAfterViewInit(): void;
     toggleMode(value: any): void;
+    protected markForCheck(): void;
     protected clearControlValue(path: string, event?: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BooleanTestPage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BooleanTestPage, "app-boolean-test-page", never, {}, {}, never, never, false, never>;

package/src/app/shared/material/chips/material.chips.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor, UntypedFormControl } from '@angular/forms';
+import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { InputElement } from '../../inputs';
 import { SuggestFn } from '../../services/entity-service.class';
@@ -10,6 +10,8 @@ import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-
 import { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import * as i0 from "@angular/core";
 export declare class MatChipsField implements OnInit, OnDestroy, InputElement, ControlValueAccessor {
+    protected cd: ChangeDetectorRef;
+    private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
     private _onFetchMoreCallback;
@@ -80,9 +82,7 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     matInputText: ElementRef;
     autocomplete: MatAutocomplete;
     autocompleteTrigger: MatAutocompleteTrigger;
-    protected readonly cd: ChangeDetectorRef;
-    private readonly formGroupDir;
-    constructor();
+    constructor(cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
     get itemCount(): number;
     get canFetchMore(): boolean;
     set filter(value: any);
@@ -132,7 +132,7 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     private getAutocompletePanel;
     private markForCheck;
     private markAsLoading;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatChipsField, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatChipsField, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatChipsField, "mat-chips-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "trimSearchText": { "alias": "trimSearchText"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_mobile: unknown;

package/src/app/shared/material/datetime/material.date.d.ts

@@ -1,13 +1,20 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor, UntypedFormControl } from '@angular/forms';
+import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
 import { Moment } from 'moment';
 import { InputElement } from '../../inputs';
-import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
+import { MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
 import { DateFilterFn, MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
+import { MomentDateAdapter } from '@angular/material-moment-adapter';
 import { AppFloatLabelType } from '../../form/field.model';
 import { MaskitoOptions } from '@maskito/core';
 import * as i0 from "@angular/core";
 export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, InputElement {
+    private dateAdapter;
+    private translate;
+    private formBuilder;
+    private cd;
+    private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
     private readonly _subscription;
@@ -48,13 +55,7 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     get disabled(): boolean;
     datePicker: MatDatepicker<Moment>;
     _matInput: ElementRef;
-    protected readonly cd: ChangeDetectorRef;
-    private readonly formGroupDir;
-    private readonly dateAdapter;
-    private readonly translate;
-    private readonly formBuilder;
-    private readonly defaultOptions;
-    constructor();
+    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -79,7 +80,7 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     private markAsTouched;
     private markAsDirty;
     private markForCheck;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatDate, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDate, [null, null, null, null, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatDate, "mat-date-field", never, { "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "required": { "alias": "required"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_mobile: unknown;
     static ngAcceptInputType_compact: unknown;

package/src/app/shared/material/datetime/material.dateshort.d.ts

@@ -1,13 +1,20 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor, UntypedFormControl } from '@angular/forms';
+import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
 import { Moment } from 'moment';
 import { InputElement } from '../../inputs';
-import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
+import { MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
 import { DateFilterFn, MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
+import { MomentDateAdapter } from '@angular/material-moment-adapter';
 import { AppFloatLabelType } from '../../form/field.model';
 import { MaskitoOptions } from '@maskito/core';
 import * as i0 from "@angular/core";
 export declare class MatDateShort implements OnInit, ControlValueAccessor, InputElement, AfterViewInit, OnDestroy {
+    private dateAdapter;
+    private translate;
+    private formBuilder;
+    private cd;
+    private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
     private readonly _subscription;
@@ -47,13 +54,7 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     get disabled(): boolean;
     datePicker: MatDatepicker<Moment>;
     _matInput: ElementRef;
-    protected readonly cd: ChangeDetectorRef;
-    private readonly formGroupDir;
-    private readonly dateAdapter;
-    private readonly translate;
-    private readonly formBuilder;
-    private readonly defaultOptions;
-    constructor();
+    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -78,7 +79,7 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     private markAsTouched;
     private markAsDirty;
     private markForCheck;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatDateShort, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDateShort, [null, null, null, null, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatDateShort, "mat-date-short-field", never, { "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "required": { "alias": "required"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_mobile: unknown;
     static ngAcceptInputType_compact: unknown;

package/src/app/shared/material/datetime/material.datetime.d.ts

@@ -1,9 +1,11 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
-import { ControlValueAccessor, UntypedFormControl } from '@angular/forms';
+import { MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
+import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
 import { Moment } from 'moment';
 import { InputElement } from '../../inputs';
 import { DateFilterFn, MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
+import { MomentDateAdapter } from '@angular/material-moment-adapter';
 import { AppFloatLabelType } from '../../form/field.model';
 import { MaskitoOptions } from '@maskito/core';
 import * as i0 from "@angular/core";
@@ -18,6 +20,11 @@ declare interface NgxTimePicker {
     close(): any;
 }
 export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, InputElement {
+    private dateAdapter;
+    private translate;
+    private formBuilder;
+    private cd;
+    private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
     private _subscription;
@@ -71,13 +78,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     datePicker: MatDatepicker<Moment>;
     timePicker: NgxTimePicker;
     _matInputs: QueryList<ElementRef>;
-    protected readonly cd: ChangeDetectorRef;
-    private readonly formGroupDir;
-    private readonly dateAdapter;
-    private readonly translate;
-    private readonly formBuilder;
-    private readonly defaultOptions;
-    constructor();
+    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -109,7 +110,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private markAsTouched;
     private markAsDirty;
     private markForCheck;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatDateTime, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDateTime, [null, null, null, null, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "allowNoTime": { "alias": "allowNoTime"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_mobile: unknown;
     static ngAcceptInputType_compact: unknown;