@ecodev/natural 50.4.1 → 52.0.0

package/lib/classes/abstract-controller.d.ts

@@ -1,15 +1,21 @@
 import { OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-/**
- * Use
- * import { takeUntil } from 'rxjs/operators';
- * .pipe(takeUntil(this.ngUnsubscribe)) as first pipe on observables that should be destroyed on component destroy
- */
 export declare class NaturalAbstractController implements OnDestroy {
+    /**
+     * Usage:
+     *
+     * ```ts
+     * import { takeUntil } from 'rxjs/operators';
+     * .pipe(takeUntil(this.ngUnsubscribe)) // as first pipe on observables that should be destroyed on component destroy
+     * ```
+     *
+     * @deprecated Instead of this, you should create the observable in the constructor or field initializers and use
+     * Angular native `.pipe(takeUntilDestroyed())`. And most likely subscribe at a later point. We keep this method until
+     * all existing usages (typically in `ngOnInit()`) are migrated away.
+     */
     protected readonly ngUnsubscribe: Subject<void>;
     ngOnDestroy(): void;
-    back(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalAbstractController, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalAbstractController, never, never, {}, {}, never, never, false, never>;
 }

package/lib/classes/abstract-detail.d.ts

@@ -1,4 +1,4 @@
-import { Injector, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { UntypedFormGroup } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { NaturalAlertService } from '../modules/alert/alert.service';
@@ -12,7 +12,6 @@ import * as i0 from "@angular/core";
 export declare class NaturalAbstractDetail<TService extends NaturalAbstractModelService<unknown, any, PaginatedData<Literal>, QueryVariables, any, any, any, any, unknown, any>> extends NaturalAbstractPanel implements OnInit {
     protected readonly key: string;
     readonly service: TService;
-    protected readonly injector: Injector;
     /**
      * Empty placeholder for data retrieved by the server
      */
@@ -29,16 +28,16 @@ export declare class NaturalAbstractDetail<TService extends NaturalAbstractModel
     /**
      * Injected service
      */
-    protected alertService: NaturalAlertService;
+    protected readonly alertService: NaturalAlertService;
     /**
      * Injected service
      */
-    protected router: Router;
+    protected readonly router: Router;
     /**
      * Injected service
      */
-    protected route: ActivatedRoute;
-    constructor(key: string, service: TService, injector: Injector);
+    protected readonly route: ActivatedRoute;
+    constructor(key: string, service: TService);
     ngOnInit(): void;
     changeTab(index: number): void;
     update(now?: boolean): void;

package/lib/classes/abstract-list.d.ts

@@ -1,5 +1,5 @@
 import { SelectionModel } from '@angular/cdk/collections';
-import { Injector, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { PageEvent } from '@angular/material/paginator';
 import { Sort } from '@angular/material/sort';
 import { ActivatedRoute, Data, NavigationExtras, Router } from '@angular/router';
@@ -28,7 +28,6 @@ type MaybeNavigable = Literal | NavigableItem<Literal>;
  */
 export declare class NaturalAbstractList<TService extends NaturalAbstractModelService<any, any, PaginatedData<Literal>, QueryVariables, any, any, any, any, any, any>, Tall extends PaginatedData<MaybeNavigable> = ExtractTall<TService>> extends NaturalAbstractPanel implements OnInit, OnDestroy {
     readonly service: TService;
-    private readonly injector;
     /**
      * Wherever search should be loaded from url/storage and persisted in it too.
      */
@@ -91,11 +90,11 @@ export declare class NaturalAbstractList<TService extends NaturalAbstractModelSe
      * Initial sorting
      */
     protected defaultSorting?: Array<Sorting>;
-    protected router: Router;
-    protected route: ActivatedRoute;
-    protected alertService: NaturalAlertService;
-    protected persistenceService: NaturalPersistenceService;
-    constructor(service: TService, injector: Injector);
+    protected readonly router: Router;
+    protected readonly route: ActivatedRoute;
+    protected readonly alertService: NaturalAlertService;
+    protected readonly persistenceService: NaturalPersistenceService;
+    constructor(service: TService);
     /**
      * Variables that are always forced on a list, in addition to whatever the end-user might select
      */
@@ -183,6 +182,6 @@ export declare class NaturalAbstractList<TService extends NaturalAbstractModelSe
     private applyForcedVariables;
     selectColumns(columns: string[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalAbstractList<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalAbstractList<any, any>, never, never, { "persistSearch": "persistSearch"; "availableColumns": "availableColumns"; "selectedColumns": "selectedColumns"; "forcedVariables": "forcedVariables"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalAbstractList<any, any>, never, never, { "persistSearch": { "alias": "persistSearch"; "required": false; }; "availableColumns": { "alias": "availableColumns"; "required": false; }; "selectedColumns": { "alias": "selectedColumns"; "required": false; }; "forcedVariables": { "alias": "forcedVariables"; "required": false; }; }, {}, never, never, false, never>;
 }
 export {};

package/lib/classes/abstract-navigable-list.d.ts

@@ -1,4 +1,4 @@
-import { Injector, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { NavigationExtras, RouterLink } from '@angular/router';
 import { NaturalSearchSelections } from '../modules/search/types/values';
 import { NaturalAbstractModelService } from '../services/abstract-model.service';
@@ -31,7 +31,7 @@ export declare class NaturalAbstractNavigableList<TService extends NaturalAbstra
     ancestorRelationName: string;
     private oldAncertorId;
     breadcrumbs: BreadcrumbItem[];
-    constructor(service: TService, injector: Injector);
+    constructor(service: TService);
     ngOnInit(): void;
     protected getDataObservable(): Observable<PaginatedData<NavigableItem<ExtractTallOne<TService>>>>;
     protected translateSearchAndRefreshList(naturalSearchSelections: NaturalSearchSelections): void;
@@ -49,6 +49,6 @@ export declare class NaturalAbstractNavigableList<TService extends NaturalAbstra
      */
     protected getBreadcrumb(item: BreadcrumbItem): BreadcrumbItem[];
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalAbstractNavigableList<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalAbstractNavigableList<any>, never, never, { "ancestorRelationName": "ancestorRelationName"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalAbstractNavigableList<any>, never, never, { "ancestorRelationName": { "alias": "ancestorRelationName"; "required": false; }; }, {}, never, never, false, never>;
 }
 export {};

package/lib/directives/http-prefix.directive.d.ts

@@ -13,5 +13,5 @@ export declare class NaturalHttpPrefixDirective extends NaturalAbstractControlle
     constructor();
     httpize($event: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalHttpPrefixDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalHttpPrefixDirective, "[naturalHttpPrefix]", never, { "naturalHttpPrefix": "naturalHttpPrefix"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalHttpPrefixDirective, "[naturalHttpPrefix]", never, { "naturalHttpPrefix": { "alias": "naturalHttpPrefix"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -48,6 +48,6 @@ export declare class AvatarComponent implements OnChanges {
      */
     private getImageStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "natural-avatar", never, { "image": "image"; "initials": "initials"; "gravatar": "gravatar"; "size": "size"; "textSizeRatio": "textSizeRatio"; "bgColor": "bgColor"; "fgColor": "fgColor"; "borderRadius": "borderRadius"; "textMaximumLength": "textMaximumLength"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "natural-avatar", never, { "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "gravatar": { "alias": "gravatar"; "required": false; }; "size": { "alias": "size"; "required": false; }; "textSizeRatio": { "alias": "textSizeRatio"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "fgColor": { "alias": "fgColor"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "textMaximumLength": { "alias": "textMaximumLength"; "required": false; }; }, {}, never, never, false, never>;
 }
 export {};

package/lib/modules/columns-picker/columns-picker.component.d.ts

@@ -42,5 +42,5 @@ export declare class NaturalColumnsPickerComponent implements OnChanges, OnDestr
     needMargin(button?: Button | null): string;
     someVisibleButtons(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalColumnsPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalColumnsPickerComponent, "natural-columns-picker", never, { "buttons": "buttons"; "availableColumns": "availableColumns"; "selections": "selections"; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalColumnsPickerComponent, "natural-columns-picker", never, { "buttons": { "alias": "buttons"; "required": false; }; "availableColumns": { "alias": "availableColumns"; "required": false; }; "selections": { "alias": "selections"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

package/lib/modules/common/directives/linkable-tab.directive.d.ts

@@ -24,5 +24,5 @@ export declare class NaturalLinkableTabDirective extends NaturalAbstractControll
     ngAfterViewInit(): void;
     private getTabIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalLinkableTabDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalLinkableTabDirective, "mat-tab-group[naturalLinkableTab]", never, { "naturalLinkableTab": "naturalLinkableTab"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalLinkableTabDirective, "mat-tab-group[naturalLinkableTab]", never, { "naturalLinkableTab": { "alias": "naturalLinkableTab"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/modules/common/directives/src-density.directive.d.ts

@@ -30,5 +30,5 @@ export declare class NaturalSrcDensityDirective {
     set naturalSrcDensity(src: string);
     constructor(elementRef: ElementRef<HTMLImageElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalSrcDensityDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalSrcDensityDirective, "img[naturalSrcDensity]", never, { "naturalSrcDensity": "naturalSrcDensity"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalSrcDensityDirective, "img[naturalSrcDensity]", never, { "naturalSrcDensity": { "alias": "naturalSrcDensity"; "required": true; }; }, {}, never, never, false, never>;
 }

package/lib/modules/detail-header/detail-header.component.d.ts

@@ -39,5 +39,5 @@ export declare class NaturalDetailHeaderComponent {
     getRootLink(): string[];
     getLink(id: string): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalDetailHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalDetailHeaderComponent, "natural-detail-header", never, { "currentBaseUrl": "currentBaseUrl"; "isPanel": "isPanel"; "icon": "icon"; "label": "label"; "rootLabel": "rootLabel"; "newLabel": "newLabel"; "model": "model"; "breadcrumbs": "breadcrumbs"; "listRoute": "listRoute"; "listFragment": "listFragment"; "link": "link"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalDetailHeaderComponent, "natural-detail-header", never, { "currentBaseUrl": { "alias": "currentBaseUrl"; "required": false; }; "isPanel": { "alias": "isPanel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "rootLabel": { "alias": "rootLabel"; "required": false; }; "newLabel": { "alias": "newLabel"; "required": false; }; "model": { "alias": "model"; "required": true; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; "listRoute": { "alias": "listRoute"; "required": false; }; "listFragment": { "alias": "listFragment"; "required": false; }; "link": { "alias": "link"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/modules/dropdown-components/type-date/type-date.component.d.ts

@@ -4,13 +4,12 @@ import { BehaviorSubject } from 'rxjs';
 import { FilterGroupConditionField } from '../../search/classes/graphql-doctrine.types';
 import { NaturalDropdownData } from '../../search/dropdown-container/dropdown.service';
 import { DropdownComponent } from '../../search/types/dropdown-component';
-import { NaturalAbstractController } from '../../../classes/abstract-controller';
 import * as i0 from "@angular/core";
 export interface TypeDateConfiguration<D = Date> {
     min?: D | null;
     max?: D | null;
 }
-export declare class TypeDateComponent<D = any> extends NaturalAbstractController implements DropdownComponent {
+export declare class TypeDateComponent<D = any> implements DropdownComponent {
     private dateAdapter;
     private dateFormats;
     readonly renderedValue: BehaviorSubject<string>;

package/lib/modules/file/abstract-file.d.ts

@@ -90,5 +90,5 @@ export declare abstract class NaturalAbstractFile extends NaturalAbstractControl
     onChange(event: Event): void;
     private validate;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalAbstractFile, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalAbstractFile, never, never, { "multiple": "multiple"; "accept": "accept"; "maxSize": "maxSize"; "fileSelectionDisabled": "fileSelectionDisabled"; "selectable": "selectable"; "broadcast": "broadcast"; }, { "fileChange": "fileChange"; "filesChange": "filesChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalAbstractFile, never, never, { "multiple": { "alias": "multiple"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "fileSelectionDisabled": { "alias": "fileSelectionDisabled"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "broadcast": { "alias": "broadcast"; "required": false; }; }, { "fileChange": "fileChange"; "filesChange": "filesChange"; }, never, never, false, never>;
 }

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

@@ -57,5 +57,5 @@ export declare class FileComponent implements OnInit, OnChanges {
     private updateImage;
     private getBase64;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileComponent, "natural-file", never, { "height": { "alias": "height"; "required": false; }; "action": { "alias": "action"; "required": false; }; "backgroundSize": { "alias": "backgroundSize"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "uploader": { "alias": "uploader"; "required": false; }; "model": { "alias": "model"; "required": false; }; "formCtrl": { "alias": "formCtrl"; "required": false; }; }, { "modelChange": "modelChange"; }, 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, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalFileSelectDirective, ":not([naturalFileDrop])[naturalFileSelect]", never, { "selectable": { "alias": "selectable"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -7,5 +7,5 @@ export declare class NaturalFixedButtonComponent {
     color: ThemePalette;
     disabled: boolean;
     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, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalFixedButtonComponent, "natural-fixed-button", never, { "icon": { "alias": "icon"; "required": true; }; "link": { "alias": "link"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,7 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
-import { NaturalAbstractController } from '../../classes/abstract-controller';
 import * as i0 from "@angular/core";
 type Model = {
     id?: string;
@@ -9,7 +8,7 @@ type Model = {
         delete: boolean;
     };
 };
-export declare class NaturalFixedButtonDetailComponent extends NaturalAbstractController {
+export declare class NaturalFixedButtonDetailComponent {
     private canChange;
     isCreation: boolean;
     get model(): Model;
@@ -22,6 +21,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, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalFixedButtonDetailComponent, "natural-fixed-button-detail", never, { "model": { "alias": "model"; "required": true; }; "form": { "alias": "form"; "required": true; }; }, { "create": "create"; "delete": "delete"; }, never, never, false, never>;
 }
 export {};

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, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalHierarchicSelectorComponent, "natural-hierarchic-selector", never, { "displayWith": { "alias": "displayWith"; "required": false; }; "config": { "alias": "config"; "required": true; }; "multiple": { "alias": "multiple"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "searchFacets": { "alias": "searchFacets"; "required": false; }; "searchSelections": { "alias": "searchSelections"; "required": false; }; }, { "searchSelectionChange": "searchSelectionChange"; "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

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

@@ -39,5 +39,5 @@ export declare class NaturalIconDirective {
     set size(size: number | undefined | null);
     private registerIcons;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalIconDirective, [null, null, null, { host: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalIconDirective, "mat-icon[naturalIcon]", never, { "naturalIcon": "naturalIcon"; "size": "size"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NaturalIconDirective, "mat-icon[naturalIcon]", never, { "naturalIcon": { "alias": "naturalIcon"; "required": true; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,5 +1,5 @@
 import { Injector } from '@angular/core';
-import { MediaObserver } from '@angular/flex-layout';
+import { MediaObserver } from '@ngbracket/ngx-layout';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Subject } from 'rxjs';

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

@@ -1,5 +1,5 @@
 import { ComponentType } from '@angular/cdk/portal';
-import { InjectionToken, Injector, Type } from '@angular/core';
+import { InjectionToken, Injector } from '@angular/core';
 import { UrlSegment } from '@angular/router';
 import { Literal } from '../../types/types';
 import { Observable } from 'rxjs';
@@ -12,15 +12,13 @@ export interface NaturalPanelsRouteConfig {
     segments: UrlSegment[];
     path: string;
 }
-export type NaturalPanelResolveInstances = {
-    [key: string]: NaturalPanelResolve<unknown>;
-};
 /**
  * Config required to manage url and instantiate component correctly
  */
 export interface NaturalPanelConfig {
     component: ComponentType<NaturalAbstractPanel>;
-    resolve: NaturalPanelResolveInstances;
+    injector: Injector | null;
+    resolve: NaturalPanelResolves;
     params: Literal;
     rule: NaturalPanelsRouterRule;
     route: NaturalPanelsRouteConfig;
@@ -37,20 +35,19 @@ export interface NaturalPanelData {
     linkableObjects: LinkableObject[];
 }
 /**
- * Similar to Angular Resolve interface, but simpler for our panels needs
+ * Similar to Angular functional resolver interface, but simpler for our panels' needs
  */
-export interface NaturalPanelResolve<T> {
-    resolve(route: NaturalPanelConfig): Observable<T>;
-}
+type NaturalPanelResolve<T> = (route: NaturalPanelConfig) => Observable<T>;
+export type NaturalPanelResolves = {
+    [key: string]: NaturalPanelResolve<unknown>;
+};
 /**
  * Configuration for a route
  */
 export interface NaturalPanelsRouterRule {
     path: string;
     component: ComponentType<NaturalAbstractPanel>;
-    resolve?: {
-        [key: string]: Type<NaturalPanelResolve<unknown>>;
-    };
+    resolve?: NaturalPanelResolves;
 }
 export interface NaturalPanelsBeforeOpenPanel {
     itemData: NaturalPanelData;
@@ -63,3 +60,4 @@ export interface NaturalPanelsHooksConfig {
 }
 export type NaturalPanelsRoutesConfig = Array<NaturalPanelsRouterRule>;
 export declare const PanelsHooksConfig: InjectionToken<NaturalPanelsHooksConfig>;
+export {};

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

@@ -113,5 +113,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, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalRelationsComponent<any>, "natural-relations", never, { "service": { "alias": "service"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocompleteSelectorFilter": { "alias": "autocompleteSelectorFilter"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "main": { "alias": "main"; "required": true; }; "hierarchicSelectorFilters": { "alias": "hierarchicSelectorFilters"; "required": false; }; "hierarchicSelectorConfig": { "alias": "hierarchicSelectorConfig"; "required": false; }; "otherName": { "alias": "otherName"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; }, { "selectionChange": "selectionChange"; }, ["itemTemplate"], never, false, never>;
 }

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

@@ -18,5 +18,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, { "dropdownTitle": "dropdownTitle"; "placeholder": "placeholder"; "facets": "facets"; "selections": "selections"; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalGroupComponent, "natural-group", never, { "dropdownTitle": { "alias": "dropdownTitle"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": true; }; "facets": { "alias": "facets"; "required": true; }; "selections": { "alias": "selections"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

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

@@ -107,6 +107,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"; "dropdownTitle": "dropdownTitle"; }, { "selectionChange": "selectionChange"; "cleared": "cleared"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalInputComponent, "natural-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "searchFieldName": { "alias": "searchFieldName"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "facets": { "alias": "facets"; "required": true; }; "dropdownTitle": { "alias": "dropdownTitle"; "required": false; }; }, { "selectionChange": "selectionChange"; "cleared": "cleared"; }, never, never, false, never>;
 }
 export {};

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

@@ -41,5 +41,5 @@ export declare class NaturalSearchComponent implements OnChanges {
     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"; "dropdownTitle": "dropdownTitle"; "selections": "selections"; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSearchComponent, "natural-search", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "facets": { "alias": "facets"; "required": false; }; "multipleGroups": { "alias": "multipleGroups"; "required": false; }; "dropdownTitle": { "alias": "dropdownTitle"; "required": false; }; "selections": { "alias": "selections"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

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

@@ -110,6 +110,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"; "required": "required"; "navigateTo": "navigateTo"; "clearLabel": "clearLabel"; "showIcon": "showIcon"; "icon": "icon"; "displayWith": "displayWith"; "disabled": "disabled"; }, { "selectionChange": "selectionChange"; "blur": "blur"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSelect<any, any>, never, never, { "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "navigateTo": { "alias": "navigateTo"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; "blur": "blur"; }, never, never, false, never>;
 }
 export {};

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

@@ -128,6 +128,6 @@ export declare class NaturalSelectComponent<TService extends NaturalAbstractMode
     private getSearchFilter;
     getVariablesForDebug(): Readonly<QueryVariables> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalSelectComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSelectComponent<any>, "natural-select", never, { "service": "service"; "optionRequired": "optionRequired"; "searchField": "searchField"; "searchOperator": "searchOperator"; "filter": "filter"; "disabled": "disabled"; }, {}, ["itemTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSelectComponent<any>, "natural-select", never, { "service": { "alias": "service"; "required": true; }; "optionRequired": { "alias": "optionRequired"; "required": false; }; "searchField": { "alias": "searchField"; "required": false; }; "searchOperator": { "alias": "searchOperator"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["itemTemplate"], never, false, never>;
 }
 export {};

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

@@ -28,6 +28,6 @@ export declare class NaturalSelectEnumComponent extends AbstractSelect<V, V> imp
     ngOnInit(): void;
     getDisplayFn(): (item: V | null) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalSelectEnumComponent, [null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSelectEnumComponent, "natural-select-enum", never, { "enumName": "enumName"; "nullLabel": "nullLabel"; "optionDisabled": "optionDisabled"; "multiple": "multiple"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSelectEnumComponent, "natural-select-enum", never, { "enumName": { "alias": "enumName"; "required": true; }; "nullLabel": { "alias": "nullLabel"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; }, {}, never, never, false, never>;
 }
 export {};

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

@@ -53,5 +53,5 @@ export declare class NaturalSelectHierarchicComponent extends AbstractSelect<Lit
     showSelectButton(): boolean;
     private getSelectKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalSelectHierarchicComponent, [null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSelectHierarchicComponent, "natural-select-hierarchic", never, { "selectLabel": "selectLabel"; "config": "config"; "filters": "filters"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSelectHierarchicComponent, "natural-select-hierarchic", never, { "selectLabel": { "alias": "selectLabel"; "required": false; }; "config": { "alias": "config"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/modules/sidenav/sidenav-container/sidenav-container.component.d.ts

@@ -46,5 +46,5 @@ export declare class NaturalSidenavContainerComponent implements OnInit, OnDestr
     expand(): void;
     toggleMinimized(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalSidenavContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSidenavContainerComponent, "natural-sidenav-container", never, { "name": "name"; "position": "position"; "mobileAutoClose": "mobileAutoClose"; "minimizedWidth": "minimizedWidth"; "noScroll": "noScroll"; }, {}, never, ["natural-sidenav", "natural-sidenav-content"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalSidenavContainerComponent, "natural-sidenav-container", never, { "name": { "alias": "name"; "required": true; }; "position": { "alias": "position"; "required": false; }; "mobileAutoClose": { "alias": "mobileAutoClose"; "required": false; }; "minimizedWidth": { "alias": "minimizedWidth"; "required": false; }; "noScroll": { "alias": "noScroll"; "required": false; }; }, {}, never, ["natural-sidenav", "natural-sidenav-content"], false, never>;
 }

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

@@ -1,4 +1,4 @@
-import { MediaObserver } from '@angular/flex-layout';
+import { MediaObserver } from '@ngbracket/ngx-layout';
 import { MatDrawer, MatDrawerContainer, MatDrawerMode } from '@angular/material/sidenav';
 import { Router } from '@angular/router';
 import { NaturalAbstractController } from '../../classes/abstract-controller';

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

@@ -10,6 +10,6 @@ export declare class NaturalStampComponent {
     item: Stamped;
     showUpdate(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalStampComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalStampComponent, "natural-stamp", never, { "item": "item"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalStampComponent, "natural-stamp", never, { "item": { "alias": "item"; "required": true; }; }, {}, never, never, false, never>;
 }
 export {};

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

@@ -28,5 +28,5 @@ export declare class NaturalTableButtonComponent implements OnChanges {
     type: 'routerLink' | 'href' | 'click' | 'none';
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalTableButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalTableButtonComponent, "natural-table-button", never, { "queryParams": "queryParams"; "queryParamsHandling": "queryParamsHandling"; "label": "label"; "icon": "icon"; "href": "href"; "navigate": "navigate"; "fragment": "fragment"; "preserveFragment": "preserveFragment"; "disabled": "disabled"; "raised": "raised"; "color": "color"; }, { "buttonClick": "buttonClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalTableButtonComponent, "natural-table-button", never, { "queryParams": { "alias": "queryParams"; "required": false; }; "queryParamsHandling": { "alias": "queryParamsHandling"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "href": { "alias": "href"; "required": false; }; "navigate": { "alias": "navigate"; "required": false; }; "fragment": { "alias": "fragment"; "required": false; }; "preserveFragment": { "alias": "preserveFragment"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecodev/natural",
-  "version": "50.4.1",
+  "version": "52.0.0",
   "license": "MIT",
   "repository": "github:Ecodev/natural",
   "sideEffects": false,
@@ -8,39 +8,31 @@
     ".": {
       "sass": "./theming/_natural.theme.scss",
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/ecodev-natural.mjs",
-      "es2020": "./fesm2020/ecodev-natural.mjs",
-      "es2015": "./fesm2015/ecodev-natural.mjs",
-      "node": "./fesm2015/ecodev-natural.mjs",
-      "default": "./fesm2020/ecodev-natural.mjs"
+      "esm2022": "./esm2022/ecodev-natural.mjs",
+      "esm": "./esm2022/ecodev-natural.mjs",
+      "default": "./fesm2022/ecodev-natural.mjs"
     },
     "./package.json": {
       "default": "./package.json"
     }
   },
   "dependencies": {
-    "tslib": "^2.3.1"
+    "tslib": "^2.5.3"
   },
   "peerDependencies": {
-    "@angular/animations": "^15.1.0",
-    "@angular/cdk": "^15.1.0",
-    "@angular/common": "^15.1.0",
-    "@angular/core": "^15.1.0",
-    "@angular/flex-layout": "^15.0.0-beta.42",
-    "@angular/forms": "^15.1.0",
-    "@angular/localize": "^15.1.0",
-    "@angular/material": "^15.1.0",
-    "@angular/platform-browser": "^15.1.0",
-    "@angular/platform-browser-dynamic": "^15.1.0",
-    "@angular/router": "^15.1.0",
-    "apollo-angular": "^4.2.0",
+    "@angular/animations": "^16.1.0",
+    "@angular/cdk": "^16.1.0",
+    "@angular/common": "^16.1.0",
+    "@angular/core": "^16.1.0",
+    "@angular/forms": "^16.1.0",
+    "@angular/localize": "^16.1.0",
+    "@angular/material": "^16.1.0",
+    "@angular/platform-browser": "^16.1.0",
+    "@angular/router": "^16.1.0",
+    "apollo-angular": "^5.0.0",
     "lodash-es": "^4.17.21",
-    "rxjs": "^7.4.0"
+    "rxjs": "^7.8.1"
   },
-  "module": "fesm2015/ecodev-natural.mjs",
-  "es2020": "fesm2020/ecodev-natural.mjs",
-  "esm2020": "esm2020/ecodev-natural.mjs",
-  "fesm2020": "fesm2020/ecodev-natural.mjs",
-  "fesm2015": "fesm2015/ecodev-natural.mjs",
+  "module": "fesm2022/ecodev-natural.mjs",
   "typings": "index.d.ts"
 }

package/esm2020/lib/classes/abstract-controller.mjs

@@ -1,30 +0,0 @@
-import { Directive } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * Use
- * import { takeUntil } from 'rxjs/operators';
- * .pipe(takeUntil(this.ngUnsubscribe)) as first pipe on observables that should be destroyed on component destroy
- */
-export class NaturalAbstractController {
-    constructor() {
-        this.ngUnsubscribe = new Subject();
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next(); // unsubscribe everybody
-        this.ngUnsubscribe.complete(); // complete the stream, because we will never emit again
-    }
-    back() {
-        // This is bad, but we don't want to force the injection of document in ,
-        // all our child classes. And hopefully this particular method is only called
-        // by a user-interaction, so not used in SSR
-        // eslint-disable-next-line no-restricted-globals
-        window.history.back();
-    }
-}
-NaturalAbstractController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NaturalAbstractController, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NaturalAbstractController.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.2", type: NaturalAbstractController, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NaturalAbstractController, decorators: [{
-            type: Directive
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtY29udHJvbGxlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25hdHVyYWwvc3JjL2xpYi9jbGFzc2VzL2Fic3RyYWN0LWNvbnRyb2xsZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDOztBQUU3Qjs7OztHQUlHO0FBRUgsTUFBTSxPQUFPLHlCQUF5QjtJQUR0QztRQUV1QixrQkFBYSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7S0FjMUQ7SUFaVSxXQUFXO1FBQ2QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLHdCQUF3QjtRQUNuRCxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsd0RBQXdEO0lBQzNGLENBQUM7SUFFTSxJQUFJO1FBQ1AseUVBQXlFO1FBQ3pFLDZFQUE2RTtRQUM3RSw0Q0FBNEM7UUFDNUMsaURBQWlEO1FBQ2pELE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7c0hBZFEseUJBQXlCOzBHQUF6Qix5QkFBeUI7MkZBQXpCLHlCQUF5QjtrQkFEckMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBPbkRlc3Ryb3l9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtTdWJqZWN0fSBmcm9tICdyeGpzJztcblxuLyoqXG4gKiBVc2VcbiAqIGltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbiAqIC5waXBlKHRha2VVbnRpbCh0aGlzLm5nVW5zdWJzY3JpYmUpKSBhcyBmaXJzdCBwaXBlIG9uIG9ic2VydmFibGVzIHRoYXQgc2hvdWxkIGJlIGRlc3Ryb3llZCBvbiBjb21wb25lbnQgZGVzdHJveVxuICovXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBjbGFzcyBOYXR1cmFsQWJzdHJhY3RDb250cm9sbGVyIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbmdVbnN1YnNjcmliZSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMubmdVbnN1YnNjcmliZS5uZXh0KCk7IC8vIHVuc3Vic2NyaWJlIGV2ZXJ5Ym9keVxuICAgICAgICB0aGlzLm5nVW5zdWJzY3JpYmUuY29tcGxldGUoKTsgLy8gY29tcGxldGUgdGhlIHN0cmVhbSwgYmVjYXVzZSB3ZSB3aWxsIG5ldmVyIGVtaXQgYWdhaW5cbiAgICB9XG5cbiAgICBwdWJsaWMgYmFjaygpOiB2b2lkIHtcbiAgICAgICAgLy8gVGhpcyBpcyBiYWQsIGJ1dCB3ZSBkb24ndCB3YW50IHRvIGZvcmNlIHRoZSBpbmplY3Rpb24gb2YgZG9jdW1lbnQgaW4gLFxuICAgICAgICAvLyBhbGwgb3VyIGNoaWxkIGNsYXNzZXMuIEFuZCBob3BlZnVsbHkgdGhpcyBwYXJ0aWN1bGFyIG1ldGhvZCBpcyBvbmx5IGNhbGxlZFxuICAgICAgICAvLyBieSBhIHVzZXItaW50ZXJhY3Rpb24sIHNvIG5vdCB1c2VkIGluIFNTUlxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcmVzdHJpY3RlZC1nbG9iYWxzXG4gICAgICAgIHdpbmRvdy5oaXN0b3J5LmJhY2soKTtcbiAgICB9XG59XG4iXX0=