@ecodev/natural 62.1.2 → 62.3.0

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

@@ -12,8 +12,9 @@ import * as i0 from "@angular/core";
  *
  * To access data of this component from a parent component, use:
  *
- * ```
- * @ViewChildren(ComponentType) cmp: ComponentType;
+ * ```ts
+ * private readonly cmp = viewChildren(ComponentType);
+ *
  * this.cmp.getItems();
  * ```
  *

package/lib/classes/network-activity.service.d.ts

@@ -0,0 +1,54 @@
+import { GraphQLFormattedError } from 'graphql';
+import { HttpInterceptorFn } from '@angular/common/http';
+import * as i0 from "@angular/core";
+type ProgressBar = {
+    start: () => void;
+    complete: () => void;
+};
+/**
+ * Intercept HTTP request from Angular to show them as activity
+ */
+export declare const activityInterceptor: HttpInterceptorFn;
+/**
+ * Singleton to track pending XHR and XHR errors in the whole application.
+ *
+ * You must:
+ *
+ * - start the tracking by calling `setProgressRef()`
+ * - provide the HTTP interceptor `activityInterceptor`
+ *
+ * The tracking will be entirely disabled for SSR.
+ */
+export declare class NetworkActivityService {
+    private progress;
+    private readonly isBrowser;
+    /**
+     * Count pending requests
+     */
+    private pending;
+    private readonly writableErrors;
+    /**
+     * GraphQL errors that happened recently
+     */
+    readonly errors: import("@angular/core").Signal<GraphQLFormattedError[]>;
+    setProgressRef(progressBar: ProgressBar): void;
+    /**
+     * Notify an XHR started
+     */
+    increase(): void;
+    /**
+     * Notify an XHR ended (even if unsuccessful)
+     */
+    decrease(): void;
+    /**
+     * Add new GraphQL errors
+     */
+    addErrors(errors: readonly GraphQLFormattedError[]): void;
+    /**
+     * Clear all GraphQL errors
+     */
+    clearErrors(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NetworkActivityService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NetworkActivityService>;
+}
+export {};

package/lib/classes/validators.d.ts

@@ -4,7 +4,7 @@ import { UntypedModelService } from '../types/types';
 /**
  * Returns an async validator function that checks that the form control value is unique
  */
-export declare function unique<TService extends UntypedModelService>(fieldName: string, excludedId: string | null | undefined, modelService: TService): AsyncValidatorFn;
+export declare function unique(fieldName: string, excludedId: string | null | undefined, modelService: UntypedModelService): AsyncValidatorFn;
 /**
  * Returns an async validator function that checks that the form control value is available
  *

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

@@ -1,52 +1,37 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
+import { Source } from '../sources/source';
 import * as i0 from "@angular/core";
-type Style = Partial<CSSStyleDeclaration>;
 /**
  * Show an avatar from different sources
  */
-export declare class NaturalAvatarComponent implements OnChanges {
+export declare class NaturalAvatarComponent {
     private readonly avatarService;
-    image?: string | null;
-    initials?: string | null;
-    gravatar?: string | null;
-    size: number;
-    decorated: boolean;
-    textSizeRatio: number;
-    bgColor: string | undefined;
-    fgColor: string;
-    borderRadius: string;
-    textMaximumLength: number;
-    avatarSrc: string | null;
-    avatarText: string | null;
-    avatarStyle: Style;
-    hostStyle: Style;
-    private currentIndex;
-    private sources;
+    readonly image: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly initials: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly gravatar: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly size: import("@angular/core").InputSignal<number>;
+    readonly decorated: import("@angular/core").InputSignal<boolean>;
+    readonly textSizeRatio: import("@angular/core").InputSignal<number>;
+    readonly bgColor: import("@angular/core").InputSignal<string | undefined>;
+    readonly fgColor: import("@angular/core").InputSignal<string>;
+    readonly borderRadius: import("@angular/core").InputSignal<string>;
+    readonly textMaximumLength: import("@angular/core").InputSignal<number>;
+    private readonly sources;
+    protected readonly currentSource: import("@angular/core").Signal<Source | undefined>;
+    protected readonly imageAvatar: import("@angular/core").Signal<Promise<string> | undefined>;
+    protected readonly textAvatar: import("@angular/core").Signal<Promise<string> | undefined>;
     /**
-     * Detect inputs change
-     */
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Fetch avatar source
+     * Try to use the next available avatar source that has not already failed in the past
      */
     tryNextSource(): void;
-    private findNextSource;
-    /**
-     * Initialize the avatar component and its fallback system
-     */
-    private initializeAvatar;
-    private clearAvatar;
-    private buildTextAvatar;
-    private buildImageAvatar;
+    private findNextNonFailingIndex;
     /**
      * Returns initials style
      */
-    private getTextualStyle;
+    protected readonly textualStyle: import("@angular/core").Signal<Partial<CSSStyleDeclaration>>;
     /**
      * Returns image style
      */
-    private getImageStyle;
+    protected readonly imageStyle: import("@angular/core").Signal<Partial<CSSStyleDeclaration>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalAvatarComponent, "natural-avatar", never, { "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "gravatar": { "alias": "gravatar"; "required": false; }; "size": { "alias": "size"; "required": false; }; "decorated": { "alias": "decorated"; "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, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalAvatarComponent, "natural-avatar", never, { "image": { "alias": "image"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "gravatar": { "alias": "gravatar"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "decorated": { "alias": "decorated"; "required": false; "isSignal": true; }; "textSizeRatio": { "alias": "textSizeRatio"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "fgColor": { "alias": "fgColor"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "textMaximumLength": { "alias": "textMaximumLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export {};

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

@@ -1,6 +1,6 @@
 import { Source, SourceCreator } from '../sources/source';
-import { NaturalAvatarComponent } from '../component/avatar.component';
 import * as i0 from "@angular/core";
+type SourceType = 'gravatar' | 'image' | 'initials';
 /**
  * Provides utilities methods related to Avatar component
  */
@@ -13,7 +13,7 @@ export declare class AvatarService {
     private readonly avatarColors;
     private readonly failedSources;
     getRandomColor(avatarText: string): string;
-    getCreators(): IterableIterator<[keyof NaturalAvatarComponent, SourceCreator]>;
+    getCreators(): IterableIterator<[SourceType, SourceCreator]>;
     private getSourceKey;
     sourceHasFailedBefore(source: Source): boolean;
     markSourceAsFailed(source: Source): void;
@@ -21,3 +21,4 @@ export declare class AvatarService {
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AvatarService>;
 }
+export {};

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { AvailableColumn, Button } from './types';
 import { ThemePalette } from '@angular/material/core';
 import * as i0 from "@angular/core";
@@ -24,7 +24,7 @@ export declare class NaturalColumnsPickerComponent implements OnChanges {
     /**
      * Emit a list of valid and selected column keys whenever the selection changes
      */
-    readonly selectionChange: EventEmitter<string[]>;
+    readonly selectionChange: import("@angular/core").OutputEmitterRef<string[]>;
     /**
      * Displayed options in the dropdown menu
      */

package/lib/modules/common/services/seo.provider.d.ts

@@ -1,6 +1,6 @@
-import { Provider } from '@angular/core';
+import { EnvironmentProviders, Provider } from '@angular/core';
 import { NaturalSeoConfig } from './seo.service';
 /**
  * Configure and starts `NaturalSeoService`
  */
-export declare function provideSeo(config: NaturalSeoConfig): Provider[];
+export declare function provideSeo(config: NaturalSeoConfig): (EnvironmentProviders | Provider)[];

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

@@ -7,6 +7,7 @@ export type TypeSelectNaturalConfiguration<TService extends UntypedModelService>
     service: TService;
     placeholder: string;
     filter?: ExtractVall<TService>['filter'];
+    pageSize?: number;
 };
 export declare class TypeNaturalSelectComponent<TService extends UntypedModelService> extends AbstractAssociationSelectComponent<TypeSelectNaturalConfiguration<TService>> {
     getCondition(): FilterGroupConditionField;

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

@@ -24,7 +24,7 @@ export type TypeSelectConfiguration = {
 export declare class TypeSelectComponent implements DropdownComponent, AfterViewInit {
     private readonly destroyRef;
     readonly renderedValue: BehaviorSubject<string>;
-    list: MatSelectionList;
+    readonly list: import("@angular/core").Signal<MatSelectionList | undefined>;
     requireValueCtrl: boolean;
     readonly operators: readonly import("../types").PossibleDiscreteOperator[];
     readonly operatorCtrl: FormControl<PossibleDiscreteOperatorKeys>;

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

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { NaturalFileService } from './file.service';
 import * as i0 from "@angular/core";
 export type InvalidFile = {
@@ -34,7 +34,7 @@ export declare abstract class NaturalAbstractFile implements OnInit, OnDestroy,
      */
     multiple: boolean;
     /**
-     * Comma-separated list of unique file type specifiers. Like the native element
+     * 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
@@ -58,21 +58,23 @@ export declare abstract class NaturalAbstractFile implements OnInit, OnDestroy,
     /**
      * If true, the file selection will be broadcast through `NaturalFileService.filesChanged`.
      *
-     * It is useful to set this to false if there is two upload on a page with different purpose
+     * It is useful to set this to false if there are two uploads on a page with different purposes,
      * and the second upload should not be confused with the first one.
      */
     broadcast: boolean;
+    private readonly fileChange$;
     /**
      * The single valid file that has been selected.
      *
      * It is for convenience of use, and will only emit if there is at least one
      * valid file. See `filesChange` for a more complete output.
      */
-    readonly fileChange: EventEmitter<File>;
+    readonly fileChange: import("@angular/core").OutputRef<File>;
+    private readonly filesChange$;
     /**
      * The list of files that have been selected.
      */
-    readonly filesChange: EventEmitter<FileSelection>;
+    readonly filesChange: import("@angular/core").OutputRef<FileSelection>;
     constructor(element: ElementRef<HTMLElement>, naturalFileService: NaturalFileService, document: Document);
     ngOnDestroy(): void;
     ngOnInit(): void;
@@ -88,6 +90,7 @@ export declare abstract class NaturalAbstractFile implements OnInit, OnDestroy,
     private beforeSelect;
     onChange(event: Event): void;
     private validate;
+    protected hasObservers(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalAbstractFile, 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, true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { FileModel } from '../types';
@@ -7,11 +7,16 @@ export declare class NaturalFileComponent implements OnInit, OnChanges {
     private readonly naturalFileService;
     private readonly alertService;
     private readonly document;
-    height: import("@angular/core").InputSignal<number>;
+    readonly height: import("@angular/core").InputSignal<number>;
     readonly iconHeight: import("@angular/core").Signal<number>;
     readonly fontSize: import("@angular/core").Signal<number>;
     action: 'upload' | 'download' | null;
     backgroundSize: string;
+    /**
+     * Overrides the default download link by passing a function that received the
+     * file object and returns the download link
+     */
+    private downloadLinkFn?;
     /**
      * Comma-separated list of unique file type specifiers. Like the native element,
      * it can be a mix of mime-type and file extensions.
@@ -44,7 +49,7 @@ export declare class NaturalFileComponent implements OnInit, OnChanges {
      * 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>;
+    readonly modelChange: import("@angular/core").OutputEmitterRef<FileModel>;
     imagePreview: string;
     filePreview: string | null;
     ngOnChanges(changes: SimpleChanges): void;
@@ -54,5 +59,5 @@ export declare class NaturalFileComponent implements OnInit, OnChanges {
     private updateImage;
     private getBase64;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalFileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalFileComponent, "natural-file", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; "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, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalFileComponent, "natural-file", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; }; "backgroundSize": { "alias": "backgroundSize"; "required": false; }; "downloadLinkFn": { "alias": "downloadLinkFn"; "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, true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { NaturalAbstractFile } from './abstract-file';
 import * as i0 from "@angular/core";
 /**
@@ -20,14 +20,13 @@ export declare class NaturalFileDropDirective extends NaturalAbstractFile implem
     /**
      * Emits whenever files are being dragged over
      */
-    readonly fileOver: EventEmitter<boolean>;
+    readonly fileOver: import("@angular/core").OutputEmitterRef<boolean>;
     private readonly rawFileOver;
     ngOnInit(): void;
     onDrop(event: DragEvent): void;
     onDragOver(event: DragEvent): void;
     private closeDrags;
     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, true, never>;
 }

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

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 type Model = {
@@ -14,8 +13,8 @@ export declare class NaturalFixedButtonDetailComponent {
     set model(value: Model);
     private _model;
     form: FormGroup;
-    readonly create: EventEmitter<void>;
-    readonly delete: EventEmitter<void>;
+    readonly create: import("@angular/core").OutputEmitterRef<void>;
+    readonly delete: import("@angular/core").OutputEmitterRef<void>;
     constructor();
     clickCreate(): void;
     clickDelete(): void;

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

@@ -7,7 +7,7 @@ export type HierarchicModel = {
 export declare class HierarchicModelNode {
     readonly model: HierarchicModel;
     readonly config: NaturalHierarchicConfiguration;
-    childrenChange: BehaviorSubject<HierarchicModelNode[]>;
+    readonly childrenChange: BehaviorSubject<HierarchicModelNode[]>;
     constructor(model: HierarchicModel, config: NaturalHierarchicConfiguration);
     get children(): HierarchicModelNode[];
 }

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

@@ -1,6 +1,6 @@
 import { SelectionModel } from '@angular/cdk/collections';
 import { FlatTreeControl } from '@angular/cdk/tree';
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';
 import { NaturalSearchFacets } from '../../search/types/facet';
 import { NaturalSearchSelections } from '../../search/types/values';
@@ -49,7 +49,7 @@ export declare class NaturalHierarchicSelectorComponent implements OnInit, OnCha
     /**
      * Emits when natural-search selections change
      */
-    readonly searchSelectionChange: EventEmitter<NaturalSearchSelections>;
+    readonly searchSelectionChange: import("@angular/core").OutputEmitterRef<NaturalSearchSelections>;
     /**
      * Inner representation of selected @Input() to allow flat listing as mat-chip.
      */
@@ -58,7 +58,7 @@ export declare class NaturalHierarchicSelectorComponent implements OnInit, OnCha
      * Emits selection change
      * Returns a Literal where selected models are organized by key
      */
-    readonly selectionChange: EventEmitter<OrganizedModelSelection>;
+    readonly selectionChange: import("@angular/core").OutputEmitterRef<OrganizedModelSelection>;
     /**
      * Controller for nodes selection
      */

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

@@ -1,4 +1,4 @@
-import { Provider } from '@angular/core';
+import { EnvironmentProviders, Provider } from '@angular/core';
 import { NaturalIconsConfig } from './icon.directive';
 /**
  * Configure Material Symbols, instead of Material Icons, and configure custom Natural icons.
@@ -6,4 +6,4 @@ import { NaturalIconsConfig } from './icon.directive';
  * This means that `https://fonts.googleapis.com/icon?family=Material+Icons` must be
  * replaced by `https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@1`.
  */
-export declare function provideIcons(config: NaturalIconsConfig): Provider[];
+export declare function provideIcons(config: NaturalIconsConfig): (EnvironmentProviders | Provider)[];

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

@@ -59,15 +59,26 @@ export declare class NaturalPanelsService {
      */
     private isVertical;
     constructor();
+    /**
+     * Notify the service to start listening to route changes to open panels
+     *
+     * @internal
+     */
     start(route: ActivatedRoute): void;
     /**
-     * Uses given configuration to add in the end of current url
-     * Neutralizes router error handling
+     * Uses given configuration to add at the end of current url
      */
     private appendConfigToCurrentUrl;
+    /**
+     * Notify the service that all panels were closed
+     *
+     * @internal
+     */
     stop(): void;
     /**
      * Go to panel matching given component. Causes an url change.
+     *
+     * @internal
      */
     goToPanelByComponent(component: NaturalAbstractPanel): void;
     /**
@@ -97,6 +108,10 @@ export declare class NaturalPanelsService {
      * Return panel position (index) by searching matching component
      */
     private getPanelIndex;
+    /**
+     * Whether the given panel is currently the top, visible, panel. If there are no panels opened at all, then any panel given is considered top, visible, panel.
+     */
+    isTopPanel(component: NaturalAbstractPanel): boolean;
     /**
      * Repositions panels from start until given index
      */

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnChanges, OnInit, TemplateRef } from '@angular/core';
+import { OnChanges, OnInit, TemplateRef } from '@angular/core';
 import { PageEvent } from '@angular/material/paginator';
 import { NaturalDataSource, PaginatedData } from '../../classes/data-source';
 import { QueryVariables } from '../../classes/query-variable-manager';
@@ -23,8 +23,8 @@ export declare class NaturalRelationsComponent<TService extends NaturalAbstractM
     private readonly destroyRef;
     private readonly linkMutationService;
     private readonly hierarchicSelectorDialog;
-    private select?;
-    itemTemplate?: TemplateRef<unknown>;
+    private readonly select;
+    readonly itemTemplate: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
     private _service;
     get service(): TService;
     set service(service: TService);
@@ -55,7 +55,7 @@ export declare class NaturalRelationsComponent<TService extends NaturalAbstractM
     /**
      * Emits after relations were successfully added on the server
      */
-    readonly selectionChange: EventEmitter<void>;
+    readonly selectionChange: import("@angular/core").OutputEmitterRef<void>;
     /**
      * Filters for hierarchic selector
      */

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

@@ -1,6 +1,6 @@
 import { AnimationEvent } from '@angular/animations';
 import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
-import { ComponentRef, EmbeddedViewRef, InjectionToken, OnDestroy, TemplateRef } from '@angular/core';
+import { ComponentRef, EmbeddedViewRef, InjectionToken, OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare function throwMatDialogContentAlreadyAttachedError(): void;
@@ -12,8 +12,7 @@ export declare class NaturalDropdownContainerComponent extends BasePortalOutlet
     private readonly elementRef;
     private readonly focusTrapFactory;
     readonly data: NaturalDropdownContainerData;
-    portalOutlet: CdkPortalOutlet;
-    templateRef: TemplateRef<any>;
+    readonly portalOutlet: import("@angular/core").Signal<CdkPortalOutlet>;
     readonly closed: Subject<void>;
     /** Current state of the panel animation. */
     panelAnimationState: 'void' | 'enter';

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

@@ -1,17 +1,16 @@
-import { EventEmitter } from '@angular/core';
 import { NaturalInputComponent } from '../input/input.component';
 import { NaturalSearchFacets } from '../types/facet';
 import { GroupSelections, NaturalSearchSelection } from '../types/values';
 import * as i0 from "@angular/core";
 export declare class NaturalGroupComponent {
-    newValueInput: NaturalInputComponent;
+    readonly newValueInput: import("@angular/core").Signal<NaturalInputComponent>;
     /**
      * Text display in the dropdown to select the facet
      */
     dropdownTitle: string;
     placeholder: string;
     facets: NaturalSearchFacets;
-    readonly selectionChange: EventEmitter<GroupSelections>;
+    readonly selectionChange: import("@angular/core").OutputEmitterRef<GroupSelections>;
     innerSelections: GroupSelections;
     set selections(selection: GroupSelections);
     updateInput(selection: NaturalSearchSelection, index: number): void;

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

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, OnChanges, OnDestroy, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { ErrorStateMatcher, MatRipple } from '@angular/material/core';
 import { Facet, NaturalSearchFacets } from '../types/facet';
@@ -14,11 +14,11 @@ export declare class NaturalInputComponent implements OnInit, OnChanges, OnDestr
     /**
      * Controls the ripple effect, used when opening a dropdown
      */
-    ripple: MatRipple;
+    readonly ripple: import("@angular/core").Signal<MatRipple>;
     /**
      * Native element ref for <input> related to this <natural-input> component
      */
-    input: ElementRef<HTMLInputElement>;
+    readonly input: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
     /**
      * Label for this field
      */
@@ -42,11 +42,11 @@ export declare class NaturalInputComponent implements OnInit, OnChanges, OnDestr
     /**
      * Emits when user a added/updated/deleted a search (from global context or from facet)
      */
-    readonly selectionChange: EventEmitter<NaturalSearchSelection>;
+    readonly selectionChange: import("@angular/core").OutputEmitterRef<NaturalSearchSelection>;
     /**
      * Emits when user removes the search by pressing the cross icon
      */
-    readonly cleared: EventEmitter<NaturalInputComponent>;
+    readonly cleared: import("@angular/core").OutputEmitterRef<NaturalInputComponent>;
     /**
      * Selected facet from the list of available facets
      */

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

@@ -1,8 +1,9 @@
-import { EventEmitter, OnChanges } from '@angular/core';
+import { OnChanges } from '@angular/core';
 import { NaturalSearchFacets } from '../types/facet';
 import { GroupSelections, NaturalSearchSelections } from '../types/values';
 import * as i0 from "@angular/core";
 export declare class NaturalSearchComponent implements OnChanges {
+    #private;
     private readonly breakpointObserver;
     /**
      * Placeholder for last input (the free search input)
@@ -23,11 +24,11 @@ export declare class NaturalSearchComponent implements OnChanges {
     /**
      * Emits when some selection has been setted by the user
      */
-    readonly selectionChange: EventEmitter<NaturalSearchSelections>;
+    readonly selectionChange: import("@angular/core").OutputEmitterRef<NaturalSearchSelections>;
     /**
-     * Cleaned inputted selections. Allow valid selections to be manipulated inside component
+     * Cleaned inputted selections. This public API is useful because `selectionChange` does not emit changes made via `[selections]`
      */
-    innerSelections: NaturalSearchSelections;
+    readonly innerSelections: import("@angular/core").Signal<NaturalSearchSelections>;
     /**
      * Input to display at component initialisation
      */

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

@@ -1,4 +1,4 @@
-import { DoCheck, EventEmitter, OnInit } from '@angular/core';
+import { DoCheck, OnInit } from '@angular/core';
 import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
 import { ErrorStateMatcher } from '@angular/material/core';
 import * as i0 from "@angular/core";
@@ -57,11 +57,11 @@ export declare abstract class AbstractSelect<TValue, TInput> implements OnInit,
     /**
      * Emit the selected value whenever it changes
      */
-    readonly selectionChange: EventEmitter<TValue | null>;
+    readonly selectionChange: import("@angular/core").OutputEmitterRef<TValue | null>;
     /**
      * Emits when internal input is blurred
      */
-    readonly blur: EventEmitter<void>;
+    readonly blur: import("@angular/core").OutputEmitterRef<void>;
     /**
      * Contains internal representation for current selection AND searched text (for autocomplete)
      *

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

@@ -43,8 +43,8 @@ type ValueTypeFor<TService> = string | ExtractTallOne<TService>;
  */
 export declare class NaturalSelectComponent<TService extends NaturalAbstractModelService<any, any, PaginatedData<Literal>, QueryVariables, any, any, any, any, any, any>> extends AbstractSelect<ValueTypeFor<TService>, ValueTypeFor<TService>> implements OnInit, ControlValueAccessor, AfterViewInit {
     private readonly destroyRef;
-    autoTrigger: MatAutocompleteTrigger;
-    itemTemplate?: TemplateRef<any>;
+    readonly autoTrigger: import("@angular/core").Signal<MatAutocompleteTrigger>;
+    readonly itemTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     /**
      * Service with watchAll function that accepts queryVariables.
      */
@@ -87,7 +87,7 @@ export declare class NaturalSelectComponent<TService extends NaturalAbstractMode
     /**
      * Default page size
      */
-    private pageSize;
+    pageSize: number;
     /**
      * Init search options
      */
@@ -130,6 +130,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": { "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, true, 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; }; "pageSize": { "alias": "pageSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["itemTemplate"], never, true, never>;
 }
 export {};

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

@@ -29,7 +29,7 @@ export declare class NaturalSidenavContainerComponent implements OnInit, OnDestr
     /**
      * Inner "native" material sidenav
      */
-    menuSidenav: MatSidenav;
+    readonly menuSidenav: import("@angular/core").Signal<MatSidenav>;
     get isMinimized(): boolean;
     get isMobileView(): boolean;
     ngOnInit(): void;