@ecodev/natural 62.1.2 → 63.1.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/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 = {
@@ -62,17 +62,19 @@ export declare abstract class NaturalAbstractFile implements OnInit, OnDestroy,
      * 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,7 +7,7 @@ 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;
@@ -44,7 +44,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;

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

@@ -61,8 +61,7 @@ export declare class NaturalPanelsService {
     constructor();
     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;
     stop(): void;

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,4 +1,4 @@
-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";
@@ -23,7 +23,7 @@ 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
      */

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;

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

@@ -1,6 +1,7 @@
-import { EventEmitter, OnChanges } from '@angular/core';
+import { OnChanges } from '@angular/core';
 import { Params, QueryParamsHandling, RouterLink } from '@angular/router';
 import { ThemePalette } from '@angular/material/core';
+import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * Button that fits well in a `<mat-table>` and support either
@@ -24,7 +25,8 @@ export declare class NaturalTableButtonComponent implements OnChanges {
     disabled: boolean;
     raised: boolean;
     color: ThemePalette;
-    readonly buttonClick: EventEmitter<MouseEvent>;
+    protected readonly buttonClick$: Subject<MouseEvent>;
+    readonly buttonClick: import("@angular/core").OutputRef<MouseEvent>;
     type: 'routerLink' | 'href' | 'click' | 'none';
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalTableButtonComponent, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecodev/natural",
-  "version": "62.1.2",
+  "version": "63.1.0",
   "license": "MIT",
   "repository": "github:Ecodev/natural",
   "sideEffects": false,
@@ -8,31 +8,33 @@
     ".": {
       "sass": "./theming/_natural.theme.scss",
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/ecodev-natural.mjs",
-      "esm": "./esm2022/ecodev-natural.mjs",
       "default": "./fesm2022/ecodev-natural.mjs"
     },
     "./package.json": {
       "default": "./package.json"
+    },
+    "./vanilla": {
+      "types": "./vanilla/index.d.ts",
+      "default": "./fesm2022/ecodev-natural-vanilla.mjs"
     }
   },
   "dependencies": {
     "extract-files": "^13.0.0",
-    "tslib": "^2.5.3"
+    "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@angular/animations": "^18.1.0",
-    "@angular/cdk": "^18.1.0",
-    "@angular/common": "^18.1.0",
-    "@angular/core": "^18.1.0",
-    "@angular/forms": "^18.1.0",
-    "@angular/localize": "^18.1.0",
-    "@angular/material": "^18.1.0",
-    "@angular/platform-browser": "^18.1.0",
-    "@angular/router": "^18.1.0",
+    "@angular/animations": "^19.2.0",
+    "@angular/cdk": "^19.2.0",
+    "@angular/common": "^19.2.0",
+    "@angular/core": "^19.2.0",
+    "@angular/forms": "^19.2.0",
+    "@angular/localize": "^19.2.0",
+    "@angular/material": "^19.2.0",
+    "@angular/platform-browser": "^19.2.0",
+    "@angular/router": "^19.2.0",
     "apollo-angular": "^10.0.0",
     "lodash-es": "^4.17.21",
-    "rxjs": "^7.8.1"
+    "rxjs": "^7.8.2"
   },
   "module": "fesm2022/ecodev-natural.mjs",
   "typings": "index.d.ts"

package/public-api.d.ts

@@ -8,6 +8,7 @@ export * from './lib/classes/query-variable-manager';
 export { cancellableTimeout, debug } from './lib/classes/rxjs';
 export * from './lib/classes/utility';
 export * from './lib/classes/validators';
+export { NetworkActivityService, activityInterceptor } from './lib/classes/network-activity.service';
 export { validTlds } from './lib/classes/tld';
 export * from './lib/services/abstract-model.service';
 export { NaturalDebounceService } from './lib/services/debounce.service';

package/src/lib/_natural.theme.scss

@@ -58,8 +58,7 @@ $defaultConfig: mat.m2-define-typography-config();
 
 // This is the default Material typography, but with button with normal letter-spacing instead of wider letter-spacing.
 $typography: mat.m2-define-typography-config(
-    $button:
-        mat.m2-define-typography-level(
+    $button: mat.m2-define-typography-level(
             $font-family: mat.m2-font-family($defaultConfig, 'button'),
             $font-weight: mat.m2-font-weight($defaultConfig, 'button'),
             $font-size: mat.m2-font-size($defaultConfig, 'button'),

package/vanilla/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ecodev/natural/vanilla" />
+export * from './public-api';

package/vanilla/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/ecodev-natural-vanilla.mjs"
+}

package/vanilla/public-api.d.ts

@@ -0,0 +1,11 @@
+/**
+ * **DO NOT MODIFY UNLESS STRICTLY REQUIRED FOR VANILLA**
+ *
+ * This is a minimal service specialized for Vanilla and any modification,
+ * including adding `import` in this file, might break https://navigations.ichtus.club.
+ */
+export { NaturalQueryVariablesManager } from './src/lib/classes/query-variable-manager';
+export type { Literal } from './src/lib/types/types';
+export { graphqlQuerySigner } from './src/lib/classes/signing';
+export { formatIsoDateTime } from './src/lib/classes/utility';
+export { NaturalAbstractModelService, type FormValidators } from './src/lib/services/abstract-model.service';

package/vanilla/src/lib/classes/crypto.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Thin wrapper around browsers' native SubtleCrypto for convenience of use
+ */
+export declare function sha256(message: string): Promise<string>;
+/**
+ * Thin wrapper around browsers' native SubtleCrypto for convenience of use
+ */
+export declare function hmacSha256(secret: string, payload: string): Promise<string>;

package/vanilla/src/lib/classes/data-source.d.ts

@@ -0,0 +1,32 @@
+import { DataSource } from '@angular/cdk/collections';
+import { Observable } from 'rxjs';
+import { Literal } from '../types/types';
+export type PaginatedData<T> = {
+    readonly items: readonly T[];
+    readonly offset?: number | null;
+    readonly pageSize: number;
+    readonly pageIndex: number;
+    readonly length: number;
+};
+/**
+ * A NaturalDataSource will connect immediately, in order to know as soon as possible if
+ * we need to show a template at all (as seen in my-ichtus)
+ *
+ * It also allow some extra data manipulation
+ */
+export declare class NaturalDataSource<T extends PaginatedData<Literal> = PaginatedData<Literal>> extends DataSource<T['items'][0]> {
+    private readonly ngUnsubscribe;
+    private readonly internalData;
+    constructor(value: Observable<T> | T);
+    get internalDataObservable(): Observable<T | null>;
+    /**
+     * Array of data that should be rendered by the table, where each object represents one row.
+     */
+    get data(): T | null;
+    set data(data: T | null);
+    connect(): Observable<T['items']>;
+    disconnect(): void;
+    push(item: T['items'][0]): void;
+    pop(): T['items'][0] | undefined;
+    remove(item: T['items'][0]): void;
+}

package/vanilla/src/lib/classes/query-variable-manager-utils.d.ts

@@ -0,0 +1,2 @@
+import { Literal } from '../types/types';
+export declare function hasMixedGroupLogic(groups: Literal[]): boolean;