@ecodev/natural 45.5.0 → 47.0.0

package/lib/modules/file/component/file.component.d.ts

@@ -1,38 +1,61 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
 import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
+import { Observable } from 'rxjs';
 import { NaturalFileService } from '../file.service';
-import { NaturalAbstractModelService } from '../../../services/abstract-model.service';
 import { FileModel } from '../types';
+import { NaturalAlertService } from '../../alert/alert.service';
 import * as i0 from "@angular/core";
-export declare class FileComponent<TService extends NaturalAbstractModelService<any, any, any, any, FileModel, any, any, any, any, any>> implements OnInit, OnChanges {
+export declare class FileComponent implements OnInit, OnChanges {
     private readonly naturalFileService;
+    private readonly alertService;
     private readonly sanitizer;
     private readonly document;
     height: number;
     action: 'upload' | 'download' | null;
     backgroundSize: string;
     /**
-     * Comma separated list of accepted mimetypes
+     * Comma-separated list of unique file type specifiers. Like the native element
+     * it can be a mix of mime-type and file extensions.
+     *
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept
      */
     accept: string;
-    service?: TService;
+    /**
+     * If given it will be called when a new file is selected. The callback should typically upload the file
+     * to the server and link the newly uploaded file to the existing related object.
+     *
+     * The callback **must** be able to run even if the calling component has been destroyed. That means in most
+     * cases you **must** `bind()` the callback explicitly, like so:
+     *
+     * ```html
+     * <natural-file [uploader]="myCallback.bind(this)"></natural-file>
+     * ```
+     *
+     * Also, you probably **should** set a `[formCtrl]` so that the form is updated automatically, instead of doing
+     * it manually within the callback.
+     */
+    uploader?: (file: File) => Observable<FileModel>;
     model: FileModel | null;
     /**
-     * If provided, get updated on change
-     * Is not used for reading -> use [model]
+     * If provided, its value will get updated when the model changes.
+     * But its value is never read, so if you want to set a value use `[model]` instead.
      */
     formCtrl: AbstractControl | null | undefined;
+    /**
+     * This **must not** be used to mutate the server, because it is very likely it will never be called if the
+     * human navigates away from the page before the upload is finished. Instead, you should use `[uploader]`.
+     */
     readonly modelChange: EventEmitter<FileModel>;
     imagePreview: SafeStyle | null;
     filePreview: string | null;
-    constructor(naturalFileService: NaturalFileService, sanitizer: DomSanitizer, document: Document);
+    constructor(naturalFileService: NaturalFileService, alertService: NaturalAlertService, sanitizer: DomSanitizer, document: Document);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     upload(file: File): void;
     getDownloadLink(): null | string;
     private updateImage;
     private getBase64;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FileComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileComponent<any>, "natural-file", never, { "height": "height"; "action": "action"; "backgroundSize": "backgroundSize"; "accept": "accept"; "service": "service"; "model": "model"; "formCtrl": "formCtrl"; }, { "modelChange": "modelChange"; }, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileComponent, "natural-file", never, { "height": "height"; "action": "action"; "backgroundSize": "backgroundSize"; "accept": "accept"; "uploader": "uploader"; "model": "model"; "formCtrl": "formCtrl"; }, { "modelChange": "modelChange"; }, never, never, false, never>;
 }

package/lib/modules/file/file-drop.directive.d.ts

@@ -27,5 +27,5 @@ export declare class NaturalFileDropDirective extends NaturalAbstractFile implem
     onDragLeave(event: DragEvent): void;
     private hasObservers;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalFileDropDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalFileDropDirective, ":not([naturalFileSelect])[naturalFileDrop]", never, {}, { "fileOver": "fileOver"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalFileDropDirective, ":not([naturalFileSelect])[naturalFileDrop]", never, {}, { "fileOver": "fileOver"; }, never, never, false, never>;
 }

package/lib/modules/file/file-select.directive.d.ts

@@ -11,5 +11,5 @@ export declare class NaturalFileSelectDirective extends NaturalAbstractFile {
      */
     selectable: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalFileSelectDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalFileSelectDirective, ":not([naturalFileDrop])[naturalFileSelect]", never, { "selectable": "selectable"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalFileSelectDirective, ":not([naturalFileDrop])[naturalFileSelect]", never, { "selectable": "selectable"; }, {}, never, never, false, never>;
 }

package/lib/modules/file/types.d.ts

@@ -1,4 +1,4 @@
-export declare type FileModel = {
+export type FileModel = {
     __typename?: 'File' | 'AccountingDocument' | 'Image';
     id?: string;
     file?: File;

package/lib/modules/fixed-button/fixed-button.component.d.ts

@@ -6,7 +6,6 @@ export declare class NaturalFixedButtonComponent {
     link: RouterLink['routerLink'];
     color: ThemePalette;
     disabled: boolean;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalFixedButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalFixedButtonComponent, "natural-fixed-button", never, { "icon": "icon"; "link": "link"; "color": "color"; "disabled": "disabled"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalFixedButtonComponent, "natural-fixed-button", never, { "icon": "icon"; "link": "link"; "color": "color"; "disabled": "disabled"; }, {}, never, never, false, never>;
 }

package/lib/modules/fixed-button/fixed-button.module.d.ts

@@ -2,10 +2,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "./fixed-button.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/router";
-import * as i4 from "@angular/material/button";
+import * as i4 from "@angular/material/legacy-button";
 import * as i5 from "../icon/icon.module";
 export declare class NaturalFixedButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalFixedButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalFixedButtonModule, [typeof i1.NaturalFixedButtonComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.MatButtonModule, typeof i5.NaturalIconModule], [typeof i1.NaturalFixedButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalFixedButtonModule, [typeof i1.NaturalFixedButtonComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.MatLegacyButtonModule, typeof i5.NaturalIconModule], [typeof i1.NaturalFixedButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NaturalFixedButtonModule>;
 }

package/lib/modules/fixed-button-detail/fixed-button-detail.component.d.ts

@@ -3,7 +3,7 @@ import { FormGroup } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 import { NaturalAbstractController } from '../../classes/abstract-controller';
 import * as i0 from "@angular/core";
-declare type Model = {
+type Model = {
     id?: string;
     permissions?: {
         delete: boolean;
@@ -22,6 +22,6 @@ export declare class NaturalFixedButtonDetailComponent extends NaturalAbstractCo
     clickCreate(): void;
     clickDelete(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalFixedButtonDetailComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalFixedButtonDetailComponent, "natural-fixed-button-detail", never, { "model": "model"; "form": "form"; }, { "create": "create"; "delete": "delete"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalFixedButtonDetailComponent, "natural-fixed-button-detail", never, { "model": "model"; "form": "form"; }, { "create": "create"; "delete": "delete"; }, never, never, false, never>;
 }
 export {};

package/lib/modules/fixed-button-detail/fixed-button-detail.module.d.ts

@@ -2,9 +2,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "./fixed-button-detail.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../fixed-button/fixed-button.module";
-import * as i4 from "@angular/material/tooltip";
+import * as i4 from "@angular/material/legacy-tooltip";
 export declare class NaturalFixedButtonDetailModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalFixedButtonDetailModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalFixedButtonDetailModule, [typeof i1.NaturalFixedButtonDetailComponent], [typeof i2.CommonModule, typeof i3.NaturalFixedButtonModule, typeof i4.MatTooltipModule], [typeof i1.NaturalFixedButtonDetailComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalFixedButtonDetailModule, [typeof i1.NaturalFixedButtonDetailComponent], [typeof i2.CommonModule, typeof i3.NaturalFixedButtonModule, typeof i4.MatLegacyTooltipModule], [typeof i1.NaturalFixedButtonDetailComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NaturalFixedButtonDetailModule>;
 }

package/lib/modules/hierarchic-selector/classes/hierarchic-configuration.d.ts

@@ -1,7 +1,7 @@
 import { Type } from '@angular/core';
 import { QueryVariables } from '../../../classes/query-variable-manager';
 import { NaturalAbstractModelService } from '../../../services/abstract-model.service';
-declare type GenericModelService = NaturalAbstractModelService<any, any, any, any, any, any, any, any, any, any>;
+type GenericModelService = NaturalAbstractModelService<any, any, any, any, any, any, any, any, any, any>;
 export interface NaturalHierarchicConfiguration<T extends GenericModelService = GenericModelService> {
     /**
      * An AbstractModelService to be used to fetch items

package/lib/modules/hierarchic-selector/classes/hierarchic-filters-configuration.d.ts

@@ -4,5 +4,4 @@ export interface HierarchicFilterConfiguration<T = Literal> {
     service: NaturalHierarchicConfiguration['service'];
     filter: T;
 }
-export interface HierarchicFiltersConfiguration<T = Literal> extends Array<HierarchicFilterConfiguration<T>> {
-}
+export type HierarchicFiltersConfiguration<T = Literal> = Array<HierarchicFilterConfiguration<T>>;

package/lib/modules/hierarchic-selector/classes/model-node.d.ts

@@ -1,7 +1,7 @@
 import { BehaviorSubject } from 'rxjs';
 import { NaturalHierarchicConfiguration } from './hierarchic-configuration';
 import { NameOrFullName } from '../../../types/types';
-export declare type HierarchicModel = {
+export type HierarchicModel = {
     __typename: string;
 } & NameOrFullName;
 export declare class HierarchicModelNode {

package/lib/modules/hierarchic-selector/hierarchic-selector/hierarchic-selector.component.d.ts

@@ -148,5 +148,5 @@ export declare class NaturalHierarchicSelectorComponent extends NaturalAbstractC
      */
     private getMapKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalHierarchicSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalHierarchicSelectorComponent, "natural-hierarchic-selector", never, { "displayWith": "displayWith"; "config": "config"; "multiple": "multiple"; "selected": "selected"; "allowUnselect": "allowUnselect"; "filters": "filters"; "searchFacets": "searchFacets"; "searchSelections": "searchSelections"; }, { "searchSelectionChange": "searchSelectionChange"; "selectionChange": "selectionChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalHierarchicSelectorComponent, "natural-hierarchic-selector", never, { "displayWith": "displayWith"; "config": "config"; "multiple": "multiple"; "selected": "selected"; "allowUnselect": "allowUnselect"; "filters": "filters"; "searchFacets": "searchFacets"; "searchSelections": "searchSelections"; }, { "searchSelectionChange": "searchSelectionChange"; "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

package/lib/modules/hierarchic-selector/hierarchic-selector-dialog/hierarchic-selector-dialog.component.d.ts

@@ -1,4 +1,4 @@
-import { MatDialogRef } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
 import { NaturalSearchFacets } from '../../search/types/facet';
 import { NaturalSearchSelections } from '../../search/types/values';
 import { NaturalHierarchicConfiguration } from '../classes/hierarchic-configuration';
@@ -52,5 +52,5 @@ export declare class NaturalHierarchicSelectorDialogComponent {
     constructor(data: HierarchicDialogConfig, dialogRef: MatDialogRef<NaturalHierarchicSelectorDialogComponent, HierarchicDialogResult>);
     close(selected: OrganizedModelSelection | undefined): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalHierarchicSelectorDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalHierarchicSelectorDialogComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalHierarchicSelectorDialogComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/modules/hierarchic-selector/hierarchic-selector-dialog/hierarchic-selector-dialog.service.d.ts

@@ -1,4 +1,4 @@
-import { MatDialog, MatDialogConfig, MatDialogRef } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog, MatLegacyDialogConfig as MatDialogConfig, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
 import { HierarchicDialogConfig, HierarchicDialogResult, NaturalHierarchicSelectorDialogComponent } from './hierarchic-selector-dialog.component';
 import * as i0 from "@angular/core";
 export declare class NaturalHierarchicSelectorDialogService {

package/lib/modules/hierarchic-selector/hierarchic-selector.module.d.ts

@@ -4,20 +4,20 @@ import * as i2 from "./hierarchic-selector-dialog/hierarchic-selector-dialog.com
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/forms";
 import * as i5 from "@angular/cdk/tree";
-import * as i6 from "@angular/material/checkbox";
-import * as i7 from "@angular/material/form-field";
-import * as i8 from "@angular/material/button";
+import * as i6 from "@angular/material/legacy-checkbox";
+import * as i7 from "@angular/material/legacy-form-field";
+import * as i8 from "@angular/material/legacy-button";
 import * as i9 from "@angular/material/tree";
 import * as i10 from "@angular/material/icon";
-import * as i11 from "@angular/material/input";
-import * as i12 from "@angular/material/progress-spinner";
-import * as i13 from "@angular/material/dialog";
+import * as i11 from "@angular/material/legacy-input";
+import * as i12 from "@angular/material/legacy-progress-spinner";
+import * as i13 from "@angular/material/legacy-dialog";
 import * as i14 from "../icon/icon.module";
-import * as i15 from "@angular/material/chips";
+import * as i15 from "@angular/material/legacy-chips";
 import * as i16 from "../search/search.module";
 import * as i17 from "../common/common-module";
 export declare class NaturalHierarchicSelectorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalHierarchicSelectorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalHierarchicSelectorModule, [typeof i1.NaturalHierarchicSelectorComponent, typeof i2.NaturalHierarchicSelectorDialogComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.CdkTreeModule, typeof i6.MatCheckboxModule, typeof i7.MatFormFieldModule, typeof i8.MatButtonModule, typeof i9.MatTreeModule, typeof i10.MatIconModule, typeof i11.MatInputModule, typeof i12.MatProgressSpinnerModule, typeof i13.MatDialogModule, typeof i14.NaturalIconModule, typeof i15.MatChipsModule, typeof i16.NaturalSearchModule, typeof i17.NaturalCommonModule], [typeof i1.NaturalHierarchicSelectorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalHierarchicSelectorModule, [typeof i1.NaturalHierarchicSelectorComponent, typeof i2.NaturalHierarchicSelectorDialogComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.CdkTreeModule, typeof i6.MatLegacyCheckboxModule, typeof i7.MatLegacyFormFieldModule, typeof i8.MatLegacyButtonModule, typeof i9.MatTreeModule, typeof i10.MatIconModule, typeof i11.MatLegacyInputModule, typeof i12.MatLegacyProgressSpinnerModule, typeof i13.MatLegacyDialogModule, typeof i14.NaturalIconModule, typeof i15.MatLegacyChipsModule, typeof i16.NaturalSearchModule, typeof i17.NaturalCommonModule], [typeof i1.NaturalHierarchicSelectorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NaturalHierarchicSelectorModule>;
 }

package/lib/modules/icon/icon.component.d.ts

@@ -36,6 +36,6 @@ export declare class NaturalIconComponent {
     set size(val: number);
     private registerIcons;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalIconComponent, "natural-icon", never, { "label": "label"; "labelColor": "labelColor"; "labelPosition": "labelPosition"; "name": "name"; "size": "size"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalIconComponent, "natural-icon", never, { "label": "label"; "labelColor": "labelColor"; "labelPosition": "labelPosition"; "name": "name"; "size": "size"; }, {}, never, never, false, never>;
 }
 export {};

package/lib/modules/matomo/matomo.service.d.ts

@@ -7,8 +7,8 @@ import * as i0 from "@angular/core";
  *
  * To complete this list, maybe see https://developer.matomo.org/guides/tracking-javascript-guide
  */
-declare type MatomoFunction = 'setCustomUrl' | 'setCustomDimension' | 'setDocumentTitle' | 'setReferrerUrl' | 'setSiteId' | 'setTrackerUrl' | 'trackPageView';
-export declare type PaqItem = [MatomoFunction, ...(number | string | null)[]];
+type MatomoFunction = 'setCustomUrl' | 'setCustomDimension' | 'setDocumentTitle' | 'setReferrerUrl' | 'setSiteId' | 'setTrackerUrl' | 'trackPageView';
+export type PaqItem = [MatomoFunction, ...(number | string | null)[]];
 /**
  * Service to track visitors via Matomo.
  *

package/lib/modules/panels/abstract-panel.d.ts

@@ -32,5 +32,5 @@ export declare class NaturalAbstractPanel extends NaturalAbstractController {
      */
     initPanel(panelData: NaturalPanelData): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalAbstractPanel, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalAbstractPanel, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalAbstractPanel, never, never, {}, {}, never, never, false, never>;
 }

package/lib/modules/panels/panels.component.d.ts

@@ -8,5 +8,5 @@ export declare class NaturalPanelsComponent implements OnDestroy {
     constructor(panelsService: NaturalPanelsService, route: ActivatedRoute);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalPanelsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalPanelsComponent, "natural-panels", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalPanelsComponent, "natural-panels", never, {}, {}, never, never, false, never>;
 }

package/lib/modules/panels/panels.module.d.ts

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "./panels.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/router";
-import * as i4 from "@angular/material/dialog";
+import * as i4 from "@angular/material/legacy-dialog";
 export declare class NaturalPanelsModule {
     static forRoot(hooks?: NaturalPanelsHooksConfig): ModuleWithProviders<NaturalPanelsModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalPanelsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalPanelsModule, [typeof i1.NaturalPanelsComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.MatDialogModule], [typeof i1.NaturalPanelsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalPanelsModule, [typeof i1.NaturalPanelsComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.MatLegacyDialogModule], [typeof i1.NaturalPanelsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NaturalPanelsModule>;
 }

package/lib/modules/panels/panels.service.d.ts

@@ -1,6 +1,6 @@
 import { Injector } from '@angular/core';
 import { MediaObserver } from '@angular/flex-layout';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Subject } from 'rxjs';
 import { NaturalAbstractPanel } from './abstract-panel';

package/lib/modules/panels/types.d.ts

@@ -12,7 +12,7 @@ export interface NaturalPanelsRouteConfig {
     segments: UrlSegment[];
     path: string;
 }
-export declare type NaturalPanelResolveInstances = {
+export type NaturalPanelResolveInstances = {
     [key: string]: NaturalPanelResolve<unknown>;
 };
 /**
@@ -61,6 +61,5 @@ export interface NaturalPanelsBeforeOpenPanel {
 export interface NaturalPanelsHooksConfig {
     beforeOpenPanel?: (injector: Injector, naturalPanelsBeforeOpenPanel: NaturalPanelsBeforeOpenPanel) => NaturalPanelData;
 }
-export interface NaturalPanelsRoutesConfig extends Array<NaturalPanelsRouterRule> {
-}
+export type NaturalPanelsRoutesConfig = Array<NaturalPanelsRouterRule>;
 export declare const PanelsHooksConfig: InjectionToken<NaturalPanelsHooksConfig>;

package/lib/modules/relations/relations.component.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
-import { PageEvent } from '@angular/material/paginator';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';
 import { NaturalAbstractController } from '../../classes/abstract-controller';
 import { NaturalDataSource, PaginatedData } from '../../classes/data-source';
 import { QueryVariables } from '../../classes/query-variable-manager';
@@ -90,7 +90,7 @@ export declare class NaturalRelationsComponent<TService extends NaturalAbstractM
      */
     set filter(filter: Filter);
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(): void;
     /**
      * Unlink action
      * Refetch result to display it in table
@@ -111,5 +111,5 @@ export declare class NaturalRelationsComponent<TService extends NaturalAbstractM
     private queryItems;
     private getSelectKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalRelationsComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalRelationsComponent<any>, "natural-relations", never, { "service": "service"; "placeholder": "placeholder"; "autocompleteSelectorFilter": "autocompleteSelectorFilter"; "displayWith": "displayWith"; "disabled": "disabled"; "main": "main"; "hierarchicSelectorFilters": "hierarchicSelectorFilters"; "hierarchicSelectorConfig": "hierarchicSelectorConfig"; "otherName": "otherName"; "filter": "filter"; }, { "selectionChange": "selectionChange"; }, ["itemTemplate"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalRelationsComponent<any>, "natural-relations", never, { "service": "service"; "placeholder": "placeholder"; "autocompleteSelectorFilter": "autocompleteSelectorFilter"; "displayWith": "displayWith"; "disabled": "disabled"; "main": "main"; "hierarchicSelectorFilters": "hierarchicSelectorFilters"; "hierarchicSelectorConfig": "hierarchicSelectorConfig"; "otherName": "otherName"; "filter": "filter"; }, { "selectionChange": "selectionChange"; }, ["itemTemplate"], never, false, never>;
 }

package/lib/modules/relations/relations.module.d.ts

@@ -1,17 +1,17 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./relations.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/input";
-import * as i4 from "@angular/material/button";
-import * as i5 from "@angular/material/progress-spinner";
+import * as i3 from "@angular/material/legacy-input";
+import * as i4 from "@angular/material/legacy-button";
+import * as i5 from "@angular/material/legacy-progress-spinner";
 import * as i6 from "../icon/icon.module";
-import * as i7 from "@angular/material/table";
+import * as i7 from "@angular/material/legacy-table";
 import * as i8 from "../select/select.module";
 import * as i9 from "../hierarchic-selector/hierarchic-selector.module";
-import * as i10 from "@angular/material/paginator";
-import * as i11 from "@angular/material/tooltip";
+import * as i10 from "@angular/material/legacy-paginator";
+import * as i11 from "@angular/material/legacy-tooltip";
 export declare class NaturalRelationsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalRelationsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalRelationsModule, [typeof i1.NaturalRelationsComponent], [typeof i2.CommonModule, typeof i3.MatInputModule, typeof i4.MatButtonModule, typeof i5.MatProgressSpinnerModule, typeof i6.NaturalIconModule, typeof i7.MatTableModule, typeof i8.NaturalSelectModule, typeof i9.NaturalHierarchicSelectorModule, typeof i10.MatPaginatorModule, typeof i11.MatTooltipModule], [typeof i1.NaturalRelationsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalRelationsModule, [typeof i1.NaturalRelationsComponent], [typeof i2.CommonModule, typeof i3.MatLegacyInputModule, typeof i4.MatLegacyButtonModule, typeof i5.MatLegacyProgressSpinnerModule, typeof i6.NaturalIconModule, typeof i7.MatLegacyTableModule, typeof i8.NaturalSelectModule, typeof i9.NaturalHierarchicSelectorModule, typeof i10.MatLegacyPaginatorModule, typeof i11.MatLegacyTooltipModule], [typeof i1.NaturalRelationsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NaturalRelationsModule>;
 }

package/lib/modules/search/classes/graphql-doctrine.types.d.ts

@@ -41,7 +41,7 @@ export interface FilterGroupConditionField {
     empty?: EmptyOperator;
     [key: string]: Literal | undefined;
 }
-export declare type Scalar = number | string | boolean;
+export type Scalar = number | string | boolean;
 export interface HaveOperator {
     values: Array<string>;
     not?: boolean;

package/lib/modules/search/dropdown-container/dropdown-container.component.d.ts

@@ -33,5 +33,5 @@ export declare class NaturalDropdownContainerComponent extends BasePortalOutlet
     /** Restores focus to the element that was focused before the dialog opened. */
     private restoreFocus;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalDropdownContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalDropdownContainerComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalDropdownContainerComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/modules/search/facet-selector/facet-selector.component.d.ts

@@ -28,5 +28,5 @@ export declare class FacetSelectorComponent implements DropdownComponent {
     isValid(): boolean;
     isDirty(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FacetSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FacetSelectorComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FacetSelectorComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/modules/search/group/group.component.d.ts

@@ -14,5 +14,5 @@ export declare class NaturalGroupComponent {
     addInput(selection: NaturalSearchSelection): void;
     removeInput(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalGroupComponent, "natural-group", never, { "placeholder": "placeholder"; "facets": "facets"; "selections": "selections"; }, { "selectionChange": "selectionChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalGroupComponent, "natural-group", never, { "placeholder": "placeholder"; "facets": "facets"; "selections": "selections"; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

package/lib/modules/search/input/input.component.d.ts

@@ -1,12 +1,12 @@
-import { ElementRef, EnvironmentInjector, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { FormControl, FormGroupDirective, NgForm } from '@angular/forms';
+import { ElementRef, EnvironmentInjector, EventEmitter, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
 import { ErrorStateMatcher, MatRipple } from '@angular/material/core';
 import { NaturalDropdownService } from '../dropdown-container/dropdown.service';
 import { Facet, NaturalSearchFacets } from '../types/facet';
 import { NaturalSearchSelection } from '../types/values';
 import * as i0 from "@angular/core";
-export declare class AlwaysErrorStateMatcher implements ErrorStateMatcher {
-    isErrorState(control: FormControl<unknown> | null, form: FormGroupDirective | NgForm | null): boolean;
+declare class AlwaysErrorStateMatcher implements ErrorStateMatcher {
+    isErrorState(control: FormControl<unknown> | null): boolean;
 }
 export declare class NaturalInputComponent implements OnInit, OnChanges, OnDestroy {
     private readonly element;
@@ -88,7 +88,7 @@ export declare class NaturalInputComponent implements OnInit, OnChanges, OnDestr
     constructor(element: ElementRef<HTMLElement>, dropdownService: NaturalDropdownService, injector: EnvironmentInjector);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(): void;
     search(event: Event): void;
     clear(): void;
     openDropdown(): void;
@@ -103,5 +103,6 @@ export declare class NaturalInputComponent implements OnInit, OnChanges, OnDestr
     private setValue;
     private getSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalInputComponent, "natural-input", never, { "placeholder": "placeholder"; "searchFieldName": "searchFieldName"; "selection": "selection"; "facets": "facets"; }, { "selectionChange": "selectionChange"; "cleared": "cleared"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalInputComponent, "natural-input", never, { "placeholder": "placeholder"; "searchFieldName": "searchFieldName"; "selection": "selection"; "facets": "facets"; }, { "selectionChange": "selectionChange"; "cleared": "cleared"; }, never, never, false, never>;
 }
+export {};

package/lib/modules/search/search/search.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges } from '@angular/core';
 import { NaturalSearchFacets } from '../types/facet';
 import { GroupSelections, NaturalSearchSelections } from '../types/values';
 import * as i0 from "@angular/core";
@@ -27,11 +27,11 @@ export declare class NaturalSearchComponent implements OnChanges {
      * Input to display at component initialisation
      */
     set selections(selections: NaturalSearchSelections);
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(): void;
     updateGroup(groupSelections: GroupSelections, groupIndex: number): void;
     addGroup(): void;
     removeGroup(index: number): void;
     clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSearchComponent, "natural-search", never, { "placeholder": "placeholder"; "facets": "facets"; "multipleGroups": "multipleGroups"; "selections": "selections"; }, { "selectionChange": "selectionChange"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSearchComponent, "natural-search", never, { "placeholder": "placeholder"; "facets": "facets"; "multipleGroups": "multipleGroups"; "selections": "selections"; }, { "selectionChange": "selectionChange"; }, never, ["*"], false, never>;
 }

package/lib/modules/search/search.module.d.ts

@@ -6,16 +6,16 @@ import * as i4 from "./dropdown-container/dropdown-container.component";
 import * as i5 from "./facet-selector/facet-selector.component";
 import * as i6 from "@angular/common";
 import * as i7 from "@angular/forms";
-import * as i8 from "@angular/material/input";
-import * as i9 from "@angular/material/button";
-import * as i10 from "@angular/material/menu";
+import * as i8 from "@angular/material/legacy-input";
+import * as i9 from "@angular/material/legacy-button";
+import * as i10 from "@angular/material/legacy-menu";
 import * as i11 from "@angular/material/core";
 import * as i12 from "@angular/cdk/portal";
 import * as i13 from "@angular/cdk/overlay";
-import * as i14 from "@angular/material/list";
+import * as i14 from "@angular/material/legacy-list";
 import * as i15 from "../icon/icon.module";
 export declare class NaturalSearchModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalSearchModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalSearchModule, [typeof i1.NaturalSearchComponent, typeof i2.NaturalGroupComponent, typeof i3.NaturalInputComponent, typeof i4.NaturalDropdownContainerComponent, typeof i5.FacetSelectorComponent], [typeof i6.CommonModule, typeof i7.ReactiveFormsModule, typeof i8.MatInputModule, typeof i9.MatButtonModule, typeof i10.MatMenuModule, typeof i11.MatRippleModule, typeof i12.PortalModule, typeof i13.OverlayModule, typeof i14.MatListModule, typeof i15.NaturalIconModule], [typeof i1.NaturalSearchComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalSearchModule, [typeof i1.NaturalSearchComponent, typeof i2.NaturalGroupComponent, typeof i3.NaturalInputComponent, typeof i4.NaturalDropdownContainerComponent, typeof i5.FacetSelectorComponent], [typeof i6.CommonModule, typeof i7.ReactiveFormsModule, typeof i8.MatLegacyInputModule, typeof i9.MatLegacyButtonModule, typeof i10.MatLegacyMenuModule, typeof i11.MatRippleModule, typeof i12.PortalModule, typeof i13.OverlayModule, typeof i14.MatLegacyListModule, typeof i15.NaturalIconModule], [typeof i1.NaturalSearchComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NaturalSearchModule>;
 }

package/lib/modules/search/types/facet.d.ts

@@ -67,10 +67,9 @@ export interface DropdownFacet<C> extends BasicFacet {
 /**
  * A facet
  */
-export declare type Facet = DropdownFacet<any> | FlagFacet;
+export type Facet = DropdownFacet<any> | FlagFacet;
 /**
  * Exhaustive list of facets
  */
-export interface NaturalSearchFacets extends Array<Facet> {
-}
+export type NaturalSearchFacets = Array<Facet>;
 export {};

package/lib/modules/search/types/values.d.ts

@@ -16,14 +16,12 @@ export interface NaturalSearchSelection {
 /**
  * Groups are a list of values, that should be interpreted with AND condition
  */
-export interface GroupSelections extends Array<NaturalSearchSelection> {
-}
+export type GroupSelections = Array<NaturalSearchSelection>;
 /**
  * List of groups, that should be interpreted with OR condition
  * Final input / output format
  */
-export interface NaturalSearchSelections extends Array<GroupSelections> {
-}
+export type NaturalSearchSelections = Array<GroupSelections>;
 /**
  * Consolidated type for a selection and it's matching facet
  * Used internally for dropdown

package/lib/modules/select/abstract-select.component.d.ts

@@ -1,7 +1,7 @@
 import { DoCheck, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor, FormControl, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
 import { ErrorStateMatcher } from '@angular/material/core';
-import { FloatLabelType } from '@angular/material/form-field';
+import { LegacyFloatLabelType as FloatLabelType } from '@angular/material/legacy-form-field';
 import { NaturalAbstractController } from '../../classes/abstract-controller';
 import * as i0 from "@angular/core";
 /**
@@ -13,7 +13,7 @@ import * as i0 from "@angular/core";
 declare class ExternalFormControlMatcher<T, I> extends ErrorStateMatcher {
     private readonly component;
     constructor(component: AbstractSelect<T, I>);
-    isErrorState(control: FormControl<unknown> | null, form: FormGroupDirective | NgForm | null): boolean;
+    isErrorState(): boolean;
 }
 export declare abstract class AbstractSelect<V, I> extends NaturalAbstractController implements OnInit, OnDestroy, ControlValueAccessor, DoCheck {
     readonly ngControl: NgControl | null;
@@ -97,6 +97,6 @@ export declare abstract class AbstractSelect<V, I> extends NaturalAbstractContro
      */
     private applyRequired;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractSelect<any, any>, [{ optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSelect<any, any>, never, never, { "placeholder": "placeholder"; "floatPlaceholder": "floatPlaceholder"; "required": "required"; "navigateTo": "navigateTo"; "clearLabel": "clearLabel"; "showIcon": "showIcon"; "icon": "icon"; "displayWith": "displayWith"; "disabled": "disabled"; }, { "selectionChange": "selectionChange"; "blur": "blur"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSelect<any, any>, never, never, { "placeholder": "placeholder"; "floatPlaceholder": "floatPlaceholder"; "required": "required"; "navigateTo": "navigateTo"; "clearLabel": "clearLabel"; "showIcon": "showIcon"; "icon": "icon"; "displayWith": "displayWith"; "disabled": "disabled"; }, { "selectionChange": "selectionChange"; "blur": "blur"; }, never, never, false, never>;
 }
 export {};

package/lib/modules/select/select/select.component.d.ts

@@ -1,6 +1,6 @@
 import { AfterViewInit, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { MatLegacyAutocompleteTrigger as MatAutocompleteTrigger } from '@angular/material/legacy-autocomplete';
 import { Observable } from 'rxjs';
 import { PaginatedData } from '../../../classes/data-source';
 import { QueryVariables } from '../../../classes/query-variable-manager';
@@ -8,7 +8,7 @@ import { NaturalAbstractModelService } from '../../../services/abstract-model.se
 import { ExtractTallOne, ExtractVall, Literal } from '../../../types/types';
 import { AbstractSelect } from '../abstract-select.component';
 import * as i0 from "@angular/core";
-declare type V<TService> = string | ExtractTallOne<TService>;
+type V<TService> = string | ExtractTallOne<TService>;
 /**
  * Default usage:
  * <natural-select [service]="amazingServiceInstance" [(model)]="amazingModel" (modelChange)=amazingChangeFn($event)></natural-select>
@@ -93,6 +93,6 @@ export declare class NaturalSelectComponent<TService extends NaturalAbstractMode
     showClearButton(): boolean;
     private getSearchFilter;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalSelectComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSelectComponent<any>, "natural-select", never, { "service": "service"; "optionRequired": "optionRequired"; "searchField": "searchField"; "filter": "filter"; "disabled": "disabled"; }, {}, ["itemTemplate"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSelectComponent<any>, "natural-select", never, { "service": "service"; "optionRequired": "optionRequired"; "searchField": "searchField"; "filter": "filter"; "disabled": "disabled"; }, {}, ["itemTemplate"], never, false, never>;
 }
 export {};