@elderbyte/ngx-starter 18.14.2 → 18.15.0

package/lib/common/forms/elder-form-field-control-base.directive.d.ts

@@ -1,11 +1,8 @@
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { ValueAccessorBase } from './value-accessor-base';
-import { BehaviorSubject, Observable, Subject } from 'rxjs';
-import { AbstractControlDirective, NgControl } from '@angular/forms';
-import { ElementRef, OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import { NgControl } from '@angular/forms';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 /**
  * Base for custom material form field controls.
@@ -14,25 +11,25 @@ import * as i0 from "@angular/core";
  * Implementors must provide the MatFormFieldControl:
  * providers: [{provide: MatFormFieldControl, useExisting: MyCoolInput}]
  */
-export declare abstract class ElderFormFieldControlBase<T> extends ValueAccessorBase<T> implements MatFormFieldControl<T>, OnDestroy {
-    private readonly hostRef;
+export declare abstract class ElderFormFieldControlBase<T> extends ValueAccessorBase<T> implements MatFormFieldControl<T> {
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
     private static nextId;
+    private readonly hostRef;
     private readonly _focusMonitor;
-    private readonly _translate;
-    private _placeholder;
-    protected readonly disabled$: BehaviorSubject<boolean>;
-    protected readonly required$: BehaviorSubject<boolean>;
-    protected readonly readonly$: BehaviorSubject<boolean>;
+    private readonly _destroyRef;
+    readonly ngControl: NgControl;
+    readonly placeholderS: import("@angular/core").ModelSignal<string>;
+    readonly disabledS: import("@angular/core").WritableSignal<boolean>;
+    readonly requiredS: import("@angular/core").WritableSignal<boolean>;
+    readonly readonlyS: import("@angular/core").WritableSignal<boolean>;
+    readonly isLockedS: import("@angular/core").Signal<boolean>;
     private _focused;
     private readonly stateChangePusher$;
-    protected readonly destroy$: Subject<void>;
     readonly id: string;
-    readonly ngControl: NgControl | AbstractControlDirective | null;
     controlType: string;
     readonly autofilled: boolean;
     readonly userAriaDescribedBy: string;
@@ -41,21 +38,20 @@ export declare abstract class ElderFormFieldControlBase<T> extends ValueAccessor
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl?: NgControl);
+    constructor(controlType: string);
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
      *                                                                         *
      **************************************************************************/
     private initFocusMonitor;
-    ngOnDestroy(): void;
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    set placeholder(value: string);
     get placeholder(): string;
+    set placeholder(value: string);
     set required(value: BooleanInput);
     get required(): boolean;
     set disabled(value: BooleanInput);
@@ -99,5 +95,5 @@ export declare abstract class ElderFormFieldControlBase<T> extends ValueAccessor
     protected onFocusInternal(): void;
     protected onBlurInternal(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderFormFieldControlBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderFormFieldControlBase<any>, never, never, { "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderFormFieldControlBase<any>, never, never, { "placeholderS": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "placeholderS": "placeholderChange"; }, never, never, false, never>;
 }

package/lib/components/measures/dimensions/dimensions-input/elder-dimensions-input.component.d.ts

@@ -1,13 +1,10 @@
-import { ElementRef, NgZone, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { Dimensions } from '../../model/dimensions';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { Unit } from '../../model/unit';
 import { ThemePalette } from '@angular/material/core';
 import { ElderFormFieldControlBase } from '../../../../common/forms/elder-form-field-control-base.directive';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { TranslateService } from '@ngx-translate/core';
-import { NgControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 type DimensionsMode = 'length' | 'width' | 'height' | 'area' | 'volume';
 declare class DimensionsContext {
@@ -24,7 +21,6 @@ declare class DimensionsContext {
     get isLengthFirst(): boolean;
 }
 export declare class ElderDimensionsInputComponent extends ElderFormFieldControlBase<Dimensions> implements OnInit {
-    ngControl: NgControl;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -58,7 +54,7 @@ export declare class ElderDimensionsInputComponent extends ElderFormFieldControl
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl: NgControl);
+    constructor();
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
@@ -114,7 +110,7 @@ export declare class ElderDimensionsInputComponent extends ElderFormFieldControl
     private dimensionsOfLength;
     private dimensionsOfWidth;
     private dimensionsOfHeight;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderDimensionsInputComponent, [null, null, null, null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderDimensionsInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderDimensionsInputComponent, "elder-dimensions-input", never, { "name": { "alias": "name"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "placeholderLength": { "alias": "placeholderLength"; "required": false; }; "placeholderWidth": { "alias": "placeholderWidth"; "required": false; }; "placeholderHeight": { "alias": "placeholderHeight"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "requiredLength": { "alias": "requiredLength"; "required": false; }; "requiredWidth": { "alias": "requiredWidth"; "required": false; }; "requiredHeight": { "alias": "requiredHeight"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "lengthValue": { "alias": "lengthValue"; "required": false; }; "widthValue": { "alias": "widthValue"; "required": false; }; "heightValue": { "alias": "heightValue"; "required": false; }; }, { "unitChange": "unitChange"; "lengthValueChange": "lengthValueChange"; "widthValueChange": "widthValueChange"; "heightValueChange": "heightValueChange"; }, never, never, true, never>;
 }
 export {};

package/lib/components/measures/quantity-input/quantity-input-control/elder-quantity-input-control.component.d.ts

@@ -1,9 +1,6 @@
-import { ElementRef, NgZone, OnInit } from '@angular/core';
+import { ElementRef, OnInit } from '@angular/core';
 import { ElderFormFieldControlBase } from '../../../../common/forms/elder-form-field-control-base.directive';
 import { Quantity } from '../../model/quantity';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { TranslateService } from '@ngx-translate/core';
-import { NgControl } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { ElderUnitService } from '../../elder-unit.service';
 import { MatInput } from '@angular/material/input';
@@ -11,7 +8,6 @@ import { Unit } from '../../model/unit';
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class ElderQuantityInputControlComponent extends ElderFormFieldControlBase<Quantity> implements OnInit {
-    ngControl: NgControl;
     private readonly unitService;
     /***************************************************************************
      *                                                                         *
@@ -37,7 +33,7 @@ export declare class ElderQuantityInputControlComponent extends ElderFormFieldCo
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl: NgControl, unitService: ElderUnitService);
+    constructor(unitService: ElderUnitService);
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
@@ -72,6 +68,6 @@ export declare class ElderQuantityInputControlComponent extends ElderFormFieldCo
      *                                                                         *
      **************************************************************************/
     protected valuesEquals(a: Quantity, b: Quantity): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderQuantityInputControlComponent, [null, null, null, null, { optional: true; self: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderQuantityInputControlComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderQuantityInputControlComponent, "elder-quantity-input", never, { "displayFormat": { "alias": "displayFormat"; "required": false; }; "quantityValue": { "alias": "quantityValue"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "hideUnit": { "alias": "hideUnit"; "required": false; }; }, { "quantityValueChange": "quantityValueChange"; "unitChange": "unitChange"; }, never, never, true, never>;
 }

package/lib/components/select/elder-select-base.d.ts

@@ -1,5 +1,5 @@
-import { ElementRef, EventEmitter, InjectionToken, NgZone, TemplateRef } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { EventEmitter, InjectionToken, Signal, TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
 import { IDataContext } from '../../common/data/data-context/data-context';
 import { IDataSource } from '../../common/data/datasource/data-source';
 import { Filter } from '../../common/data/filters/filter';
@@ -8,9 +8,6 @@ import { SelectionModelPopupDirective } from './popup/selection-model-popup.dire
 import { DataContextStatus } from '../../common/data/data-context/data-context-status';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ElderFormFieldControlBase } from '../../common/forms/elder-form-field-control-base.directive';
-import { NgControl } from '@angular/forms';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { TranslateService } from '@ngx-translate/core';
 import { ElderSelectOptionComponent } from './multi/elder-chip-select-option/elder-select-option.component';
 import * as i0 from "@angular/core";
 export type TextResolverFn = (value: any) => string;
@@ -37,7 +34,6 @@ export declare const ELDER_SELECT_BASE: InjectionToken<ElderSelectBase<any, any,
  * @param TValue Value backing the control. Can be the entity, the id or something else.
  */
 export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends ElderFormFieldControlBase<TValue> {
-    private readonly zone;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -56,13 +52,16 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Elde
      * set this to false and release the resources yourself. (dataContext.close)
      */
     cleanUp: boolean;
-    readonly displayPropertyResolver$: BehaviorSubject<TextResolverFn>;
+    readonly displayPropertyResolverS: import("@angular/core").ModelSignal<TextResolverFn>;
+    readonly displayPropertyResolver$: Observable<TextResolverFn>;
     /**
      * Entity DataContext, which is used
      * to side load entities by id and also
      * to load suggestions when auto-completing.
      */
-    readonly dataContext$: BehaviorSubject<IDataContext<TEntity>>;
+    private readonly _dataContext;
+    readonly dataContextS: Signal<IDataContext<TEntity>>;
+    readonly dataContext$: Observable<IDataContext<TEntity>>;
     /**
      * Page size. (Used for infinite scrolling chunks)
      */
@@ -83,13 +82,14 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Elde
      * selected entity.
      */
     readonly currentClicked: EventEmitter<TEntity>;
-    readonly state$: BehaviorSubject<ElderSelectComponentState>;
+    readonly state: import("@angular/core").WritableSignal<ElderSelectComponentState>;
+    readonly state$: Observable<ElderSelectComponentState>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    protected constructor(zone: NgZone, hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl?: NgControl);
+    protected constructor(controlType: string);
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -148,7 +148,8 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Elde
      * Performs clean up of the current data context if auto clean up is enabled.
      */
     protected autoCleanUp(): void;
-    protected propertyStringValue(value: TEntity, property: string): string | null;
+    protected propertyStringValue(entity: TEntity, property: string): string | null;
+    private isObject;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectBase<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectBase<any, any, any>, never, never, { "cleanUp": { "alias": "cleanUp"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "queryFilter": { "alias": "queryFilter"; "required": false; }; "sorts": { "alias": "sorts"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "isOptionDisabledFn": { "alias": "isOptionDisabledFn"; "required": false; }; "isOptionHiddenFn": { "alias": "isOptionHiddenFn"; "required": false; }; "valueAsId": { "alias": "valueAsId"; "required": false; }; "displayProperty": { "alias": "displayProperty"; "required": false; }; "displayPropertyResolver": { "alias": "displayPropertyResolver"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "data": { "alias": "data"; "required": false; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; }; }, { "currentClicked": "currentClicked"; }, ["valueTemplateQuery", "selectionPopup", "templateOptions$"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectBase<any, any, any>, never, never, { "cleanUp": { "alias": "cleanUp"; "required": false; }; "displayPropertyResolverS": { "alias": "displayPropertyResolver"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; }; "queryFilter": { "alias": "queryFilter"; "required": false; }; "sorts": { "alias": "sorts"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "isOptionDisabledFn": { "alias": "isOptionDisabledFn"; "required": false; }; "isOptionHiddenFn": { "alias": "isOptionHiddenFn"; "required": false; }; "valueAsId": { "alias": "valueAsId"; "required": false; }; "displayProperty": { "alias": "displayProperty"; "required": false; }; "displayPropertyResolver": { "alias": "displayPropertyResolver"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "data": { "alias": "data"; "required": false; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; }; }, { "displayPropertyResolverS": "displayPropertyResolverChange"; "currentClicked": "currentClicked"; }, ["valueTemplateQuery", "selectionPopup", "templateOptions$"], never, false, never>;
 }

package/lib/components/select/multi/elder-multi-select-base.d.ts

@@ -1,13 +1,8 @@
-import { ElementRef, NgZone } from '@angular/core';
 import { ElderSelectBase } from '../elder-select-base';
 import { IDataContext } from '../../../common/data/data-context/data-context';
 import { Observable } from 'rxjs';
-import { NgControl } from '@angular/forms';
-import { FocusMonitor } from '@angular/cdk/a11y';
 import { IElderMultiEntityValueAccessor } from '../../../common/forms/elder-multi-entity-value-accessor';
 import { Sort } from '../../../common/data/sort';
-import { ElderDialogService } from '../../dialogs/elder-dialog.service';
-import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 /**
  * Base component implementation of elder-multi-select.
@@ -19,7 +14,6 @@ import * as i0 from "@angular/core";
  *
  */
 export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends ElderSelectBase<TId, TEntity, TValue[]> implements IElderMultiEntityValueAccessor<TEntity, TId, TValue> {
-    private readonly dialogService;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -51,12 +45,13 @@ export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends
      * has updated the value.
      */
     readonly entitiesUpdated: Observable<TEntity[]>;
+    private readonly dialogService;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    protected constructor(zone: NgZone, hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, translateService: TranslateService, dialogService: ElderDialogService, ngControl?: NgControl);
+    protected constructor(controlType: string);
     private awaitEntitiesWithId;
     /***************************************************************************
      *                                                                         *

package/lib/components/select/multi/elder-multi-select-chip-options/chip-options-provider.d.ts

@@ -3,6 +3,7 @@ import { ElderSelectComponentState, TextResolverFn } from '../../elder-select-ba
 import { ChipAvatarSpec, ChipColorSpec, TrailingSpec } from '../elder-multi-select-chips/select-chip-spec';
 import { IDataSource } from '../../../../common/data/datasource/data-source';
 export declare class ChipOptionModel<T> {
+    readonly id: any;
     readonly value: T;
     readonly displayText: string;
     readonly colorSpec: ChipColorSpec;
@@ -10,7 +11,7 @@ export declare class ChipOptionModel<T> {
     readonly avatarSpec: ChipAvatarSpec;
     readonly trailingSpec: TrailingSpec;
     readonly selected: boolean;
-    constructor(value: T, displayText: string, colorSpec: ChipColorSpec, locked: boolean, avatarSpec: ChipAvatarSpec, trailingSpec: TrailingSpec, selected: boolean);
+    constructor(id: any, value: T, displayText: string, colorSpec: ChipColorSpec, locked: boolean, avatarSpec: ChipAvatarSpec, trailingSpec: TrailingSpec, selected: boolean);
 }
 export interface MultiSelectChipOptionsContext {
     state: ElderSelectComponentState;

package/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component.d.ts

@@ -1,9 +1,5 @@
-import { DestroyRef, ElementRef, NgZone, TemplateRef } from '@angular/core';
+import { DestroyRef, Signal, TemplateRef } from '@angular/core';
 import { ElderMultiSelectBase } from '../elder-multi-select-base';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { TranslateService } from '@ngx-translate/core';
-import { ElderDialogService } from '../../../dialogs/elder-dialog.service';
-import { NgControl } from '@angular/forms';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { IDataContext } from '../../../../common/data/data-context/data-context';
 import { SelectOptionChipSpec } from './select-option-chip-spec';
@@ -23,11 +19,11 @@ export declare class ElderMultiSelectChipOptionsComponent<TId = any, TEntity = a
      *                                                                         *
      **************************************************************************/
     private readonly log;
-    readonly templates$: Observable<TemplateWrapper>;
+    readonly templates: Signal<TemplateWrapper>;
     private readonly context$;
     private readonly chipTemplate$;
     private readonly chipAvatarTemplate$;
-    readonly selectChips$: Observable<ChipOptionModel<TEntity>[]>;
+    readonly selectChips: Signal<ChipOptionModel<TEntity>[]>;
     defaultChipSpec: SelectOptionChipSpec;
     _chipSpecFn$: BehaviorSubject<(e: TEntity) => SelectOptionChipSpec>;
     stacked: boolean;
@@ -38,7 +34,7 @@ export declare class ElderMultiSelectChipOptionsComponent<TId = any, TEntity = a
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, dialogService: ElderDialogService, destroyRef: DestroyRef, ngControl: NgControl);
+    constructor(destroyRef: DestroyRef);
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -90,7 +86,7 @@ export declare class ElderMultiSelectChipOptionsComponent<TId = any, TEntity = a
     private buildAvailableEntities;
     private extractEntitiesFromTemplateChips;
     private buildEntitiesLabelMap;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectChipOptionsComponent<any, any, any>, [null, null, null, null, null, null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectChipOptionsComponent<any, any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderMultiSelectChipOptionsComponent<any, any, any>, "elder-multi-select-chip-options", never, { "defaultChipSpec": { "alias": "defaultChipSpec"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "chipSpecFn": { "alias": "chipSpecFn"; "required": false; }; "chipTemplate": { "alias": "chipTemplate"; "required": false; }; "chipAvatarTemplate": { "alias": "chipAvatarTemplate"; "required": false; }; }, {}, ["chipTemplateQuery", "chipAvatarTemplateQuery"], ["*"], true, never>;
 }
 export {};

package/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.d.ts

@@ -1,22 +1,18 @@
-import { ElementRef, NgZone, TemplateRef } from '@angular/core';
+import { Signal, TemplateRef } from '@angular/core';
 import { ElderMultiSelectBase } from '../elder-multi-select-base';
-import { Observable } from 'rxjs';
-import { NgControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { ElderDialogService } from '../../../dialogs/elder-dialog.service';
-import { TranslateService } from '@ngx-translate/core';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { ChipAvatarSpec, ChipColorSpec, SelectChipSpec, TrailingSpec } from './select-chip-spec';
 import * as i0 from "@angular/core";
 declare class ChipModel<T> {
+    readonly id: any;
     readonly value: T;
     readonly displayText: string;
     readonly colorSpec: ChipColorSpec;
     readonly removable: boolean;
     readonly avatarSpec: ChipAvatarSpec;
     readonly trailingSpec: TrailingSpec;
-    constructor(value: T, displayText: string, colorSpec: ChipColorSpec, removable: boolean, avatarSpec: ChipAvatarSpec, trailingSpec: TrailingSpec);
+    constructor(id: any, value: T, displayText: string, colorSpec: ChipColorSpec, removable: boolean, avatarSpec: ChipAvatarSpec, trailingSpec: TrailingSpec);
 }
 interface TemplateWrapper {
     chip: TemplateRef<any>;
@@ -29,7 +25,7 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
-    readonly selectChips$: Observable<ChipModel<TEntity>[]>;
+    readonly selectChips: Signal<ChipModel<TEntity>[]>;
     defaultChipSpec: SelectChipSpec;
     /**
      * Allows to customize each chip individually (Color, Removable, Avatar).
@@ -43,7 +39,7 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
     maxDisplayCount: number;
     _customChipInput: MatFormFieldControl<any>;
     _chipInput: MatFormFieldControl<any>;
-    readonly templates$: Observable<TemplateWrapper>;
+    readonly templates: Signal<TemplateWrapper>;
     private readonly chipTemplate$;
     private readonly chipAvatarTemplate$;
     private readonly customInputTemplate$;
@@ -54,7 +50,7 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, dialogService: ElderDialogService, ngControl: NgControl);
+    constructor();
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -92,7 +88,7 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
     private buildChipBySpec;
     private reduceDisplayedChips;
     private buildIndicatorChip;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectChipsComponent<any, any, any>, [null, null, null, null, null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectChipsComponent<any, any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderMultiSelectChipsComponent<any, any, any>, "elder-multi-select-chips", never, { "defaultChipSpec": { "alias": "defaultChipSpec"; "required": false; }; "chipSpecFn": { "alias": "chipSpecFn"; "required": false; }; "allowRemove": { "alias": "allowRemove"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "maxDisplayCount": { "alias": "maxDisplayCount"; "required": false; }; "chipTemplate": { "alias": "chipTemplate"; "required": false; }; "chipAvatarTemplate": { "alias": "chipAvatarTemplate"; "required": false; }; "customInputTemplate": { "alias": "customInputTemplate"; "required": false; }; }, {}, ["_customChipInput", "chipTemplateQuery", "chipAvatarTemplateQuery", "customInputTemplateQuery"], never, true, never>;
 }
 export {};

package/lib/components/select/single/elder-select/elder-select.component.d.ts

@@ -1,13 +1,10 @@
-import { ElementRef, NgZone, OnDestroy } from '@angular/core';
+import { ElementRef, OnDestroy } from '@angular/core';
 import { IDataContext } from '../../../../common/data/data-context/data-context';
 import { Observable } from 'rxjs';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { ElderSelectBase } from '../../elder-select-base';
 import { IElderEntityValueAccessor } from '../../../../common/forms/elder-entity-value-accessor';
-import { NgControl } from '@angular/forms';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { TranslateService } from '@ngx-translate/core';
 import { ElderAutocompleteOptionSelected } from '../../../input/autocomplete/elder-autocomplete/elder-autocomplete-option-selected';
 import * as i0 from "@angular/core";
 declare class EntityContext<T> {
@@ -27,7 +24,6 @@ declare class EntityContext<T> {
  *
  */
 export declare class ElderSelectComponent<TEntity = any, TId = any, TValue = TEntity | TId> extends ElderSelectBase<TId, TEntity, TValue> implements IElderEntityValueAccessor<TEntity, TId, TValue>, OnDestroy {
-    ngControl: NgControl;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -52,17 +48,18 @@ export declare class ElderSelectComponent<TEntity = any, TId = any, TValue = TEn
      * has updated the value.
      */
     readonly entityUpdated: Observable<TEntity>;
-    private readonly _entity$;
+    readonly entityS: import("@angular/core").WritableSignal<TEntity>;
+    readonly entity$: Observable<TEntity>;
     private _autocomplete;
-    readonly entityWrapped$: Observable<EntityContext<TEntity>>;
-    readonly inputText$: Observable<string>;
-    private entityContext;
+    readonly entityWrapped: import("@angular/core").Signal<EntityContext<TEntity>>;
+    readonly inputText: import("@angular/core").Signal<string>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl: NgControl);
+    constructor();
+    private buildEntityContext;
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
@@ -98,10 +95,6 @@ export declare class ElderSelectComponent<TEntity = any, TId = any, TValue = TEn
      **************************************************************************/
     set entity(entity: TEntity);
     get entity(): TEntity;
-    /**
-     * Gets the current entity as observable stream. (BehaviourSubject)
-     */
-    get entity$(): Observable<TEntity>;
     set entityId(id: TId);
     get entityId(): TId;
     /***************************************************************************
@@ -150,7 +143,7 @@ export declare class ElderSelectComponent<TEntity = any, TId = any, TValue = TEn
      *
      */
     protected writeToControl(value: TValue): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectComponent<any, any, any>, [null, null, null, null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectComponent<any, any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderSelectComponent<any, any, any>, "elder-select", never, { "nullDisplay": { "alias": "nullDisplay"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "entity": { "alias": "entity"; "required": false; }; "entityId": { "alias": "entityId"; "required": false; }; }, { "entityIdChange": "entityIdChange"; "entityIdUpdated": "entityIdUpdated"; "entityChange": "entityChange"; "entityUpdated": "entityUpdated"; }, never, never, true, never>;
 }
 export {};

package/lib/components/time/duration/elder-duration-input/elder-duration-input.component.d.ts

@@ -1,12 +1,8 @@
-import { ElementRef, NgZone } from '@angular/core';
 import { Duration } from '@js-joda/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { DurationBucket } from '../duration-bucket';
 import { DurationFormat } from '../duration-format';
 import { ElderFormFieldControlBase } from '../../../../common/forms/elder-form-field-control-base.directive';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { TranslateService } from '@ngx-translate/core';
-import { NgControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 declare class DurationInputContext {
     readonly bucket: DurationBucket;
@@ -14,7 +10,6 @@ declare class DurationInputContext {
     constructor(bucket: DurationBucket, format: DurationFormat);
 }
 export declare class ElderDurationInputComponent extends ElderFormFieldControlBase<Duration> {
-    ngControl: NgControl;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -28,7 +23,7 @@ export declare class ElderDurationInputComponent extends ElderFormFieldControlBa
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl: NgControl);
+    constructor();
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -53,7 +48,7 @@ export declare class ElderDurationInputComponent extends ElderFormFieldControlBa
     round(value: number): number;
     onBucketChanged(bucket: DurationBucket): void;
     protected valuesEquals(a: Duration, b: Duration): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderDurationInputComponent, [null, null, null, null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderDurationInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderDurationInputComponent, "elder-duration-input", never, { "isoValue": { "alias": "isoValue"; "required": false; }; "format": { "alias": "format"; "required": false; }; "durationFormat": { "alias": "durationFormat"; "required": false; }; }, { "isoValueChange": "isoValueChange"; }, never, never, true, never>;
 }
 export {};

package/lib/components/time/elder-date-time-input/elder-date-time-input.component.d.ts

@@ -1,14 +1,10 @@
-import { ElementRef, NgZone } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { Instant } from '@js-joda/core';
 import { Observable } from 'rxjs';
 import { ElderFormFieldControlBase } from '../../../common/forms/elder-form-field-control-base.directive';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { TranslateService } from '@ngx-translate/core';
-import { NgControl } from '@angular/forms';
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class ElderDateTimeInputComponent extends ElderFormFieldControlBase<Instant> {
-    ngControl: NgControl;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -23,7 +19,7 @@ export declare class ElderDateTimeInputComponent extends ElderFormFieldControlBa
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl: NgControl);
+    constructor();
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -48,6 +44,6 @@ export declare class ElderDateTimeInputComponent extends ElderFormFieldControlBa
      *                                                                         *
      **************************************************************************/
     protected valuesEquals(a: Instant, b: Instant): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderDateTimeInputComponent, [null, null, null, null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderDateTimeInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderDateTimeInputComponent, "elder-date-time-input", never, { "center": { "alias": "center"; "required": false; }; "isoValue": { "alias": "isoValue"; "required": false; }; }, { "isoValueChange": "isoValueChange"; }, never, never, true, never>;
 }

package/lib/components/time/elder-interval-input/elder-interval-input.component.d.ts

@@ -1,11 +1,7 @@
-import { ElementRef, NgZone } from '@angular/core';
 import { Interval, IsoIntervalStr } from '../../../common/time/interval';
 import { Observable } from 'rxjs';
 import { Instant, LocalDate, LocalTime, ZoneId } from '@js-joda/core';
 import { ElderFormFieldControlBase } from '../../../common/forms/elder-form-field-control-base.directive';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { TranslateService } from '@ngx-translate/core';
-import { NgControl } from '@angular/forms';
 import { DateAdapter } from '@angular/material/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
@@ -32,7 +28,6 @@ export type IntervalInputMode =
  */
  | 'date-time-range';
 export declare class ElderIntervalInputComponent extends ElderFormFieldControlBase<Interval | IsoIntervalStr> {
-    ngControl: NgControl;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -50,12 +45,13 @@ export declare class ElderIntervalInputComponent extends ElderFormFieldControlBa
     readonly dateformat: string;
     readonly interval$: Observable<Interval>;
     private _valueAsIsoStr;
+    placeHolderOrEmpty: import("@angular/core").Signal<string>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl: NgControl, customDateAdapter: DateAdapter<Date>, matDateLocale: string);
+    constructor(customDateAdapter: DateAdapter<Date>, matDateLocale: string);
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -99,6 +95,6 @@ export declare class ElderIntervalInputComponent extends ElderFormFieldControlBa
     private toLocalDate;
     private mapIgnoreErrorObservable;
     private coerceValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderIntervalInputComponent, [null, null, null, null, { optional: true; self: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderIntervalInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderIntervalInputComponent, "elder-interval-input", never, { "zone": { "alias": "zone"; "required": false; }; "valueAsIsoStr": { "alias": "valueAsIsoStr"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "isDefaultDatePickerDisabled": { "alias": "isDefaultDatePickerDisabled"; "required": false; }; "isoValue": { "alias": "isoValue"; "required": false; }; }, { "isoValueChange": "isoValueChange"; }, never, never, true, never>;
 }