@igo2/common 20.0.1 → 20.1.0-next.10

package/form/index.d.ts

@@ -1,6 +1,6 @@
 import * as _igo2_common_form from '@igo2/common/form';
 import * as i0 from '@angular/core';
-import { OnChanges, EventEmitter, ElementRef, SimpleChanges, OnInit, ModuleWithProviders } from '@angular/core';
+import { OnChanges, ElementRef, SimpleChanges, OnInit, ModuleWithProviders } from '@angular/core';
 import { ValidatorFn, UntypedFormControl, UntypedFormGroup, AbstractControl } from '@angular/forms';
 import { BehaviorSubject, Observable } from 'rxjs';
 import * as i1 from '@angular/material/dialog';
@@ -72,20 +72,20 @@ declare class FormComponent implements OnChanges {
     /**
      * Form
      */
-    form: Form;
+    readonly form: i0.InputSignal<Form>;
     /**
      * Input data
      */
-    formData: Record<string, any>;
+    readonly formData: i0.InputSignal<Record<string, any>>;
     /**
      * Form autocomplete
      */
-    autocomplete: string;
+    readonly autocomplete: i0.InputSignal<string>;
     /**
      * Event emitted when the form is submitted
      */
-    submitForm: EventEmitter<Record<string, any>>;
-    buttons: ElementRef;
+    readonly submitForm: i0.OutputEmitterRef<Record<string, any>>;
+    readonly buttons: i0.Signal<ElementRef<any>>;
     get hasButtons(): boolean;
     /**
      * Is the entity or the template change, recreate the form or repopulate it.
@@ -106,7 +106,7 @@ declare class FormComponent implements OnChanges {
      */
     private clear;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "igo-form", never, { "form": { "alias": "form"; "required": false; }; "formData": { "alias": "formData"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; }, { "submitForm": "submitForm"; }, never, ["*", "[formButtons]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "igo-form", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "formData": { "alias": "formData"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, { "submitForm": "submitForm"; }, never, ["*", "[formButtons]"], true, never>;
 }
 
 /**
@@ -127,11 +127,11 @@ declare class FormGroupComponent {
     /**
      * Form field group
      */
-    group: FormFieldGroup;
+    readonly group: i0.InputSignal<FormFieldGroup>;
     /**
      * Field placeholder
      */
-    errors: Record<string, string>;
+    readonly errors: i0.InputSignal<Record<string, string>>;
     /**
      * Form group control
      */
@@ -157,7 +157,7 @@ declare class FormGroupComponent {
      */
     getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormGroupComponent, "igo-form-group", never, { "group": { "alias": "group"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormGroupComponent, "igo-form-group", never, { "group": { "alias": "group"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -178,7 +178,7 @@ declare class FormFieldComponent {
     /**
      * Field configuration
      */
-    field: FormField;
+    readonly field: i0.InputSignal<FormField<FormFieldInputs>>;
     /**
      * Field inputs cache
      */
@@ -192,40 +192,38 @@ declare class FormFieldComponent {
     getFieldInputs(): FormFieldInputs;
     getFieldSubscribers(): FormFieldSubscribers;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "igo-form-field", never, { "field": { "alias": "field"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "igo-form-field", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
  * This component renders a select field
  */
 declare class FormFieldSelectComponent implements OnInit {
-    readonly disabled$: BehaviorSubject<boolean>;
+    readonly disabled: i0.WritableSignal<boolean>;
     /**
      * Select input choices
      */
-    set choices(value: FormFieldSelectChoice[]);
-    get choices(): FormFieldSelectChoice[];
-    readonly choices$: BehaviorSubject<FormFieldSelectChoice[]>;
+    readonly choices: i0.InputSignal<FormFieldSelectChoice[]>;
     /**
      * If the select allow multiple selections
      */
-    multiple: boolean;
+    readonly multiple: i0.InputSignal<boolean>;
     /**
      * The field's form control
      */
-    formControl: UntypedFormControl;
+    readonly formControl: i0.InputSignal<UntypedFormControl>;
     /**
      * Field placeholder
      */
-    placeholder: string;
+    readonly placeholder: i0.InputSignal<string>;
     /**
      * Field placeholder
      */
-    errors: Record<string, string>;
+    readonly errors: i0.InputSignal<Record<string, string>>;
     /**
      * Wheter a disable switch should be available
      */
-    disableSwitch: boolean;
+    readonly disableSwitch: i0.InputSignal<boolean>;
     /**
      * Whether the field is required
      */
@@ -238,7 +236,7 @@ declare class FormFieldSelectComponent implements OnInit {
     onDisableSwitchClick(): void;
     private toggleDisabled;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldSelectComponent, "igo-form-field-select", never, { "choices": { "alias": "choices"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disableSwitch": { "alias": "disableSwitch"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldSelectComponent, "igo-form-field-select", never, { "choices": { "alias": "choices"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "formControl": { "alias": "formControl"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "disableSwitch": { "alias": "disableSwitch"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -252,23 +250,23 @@ declare class FormFieldTextComponent implements OnInit {
     /**
      * The field's form control
      */
-    formControl: UntypedFormControl;
+    readonly formControl: i0.InputSignal<UntypedFormControl>;
     /**
      * Field placeholder
      */
-    placeholder: string;
+    readonly placeholder: i0.InputSignal<string>;
     /**
      * if the input is a password
      */
-    isPassword: boolean;
+    readonly isPassword: i0.InputSignal<boolean>;
     /**
      * Field placeholder
      */
-    errors: Record<string, string>;
+    readonly errors: i0.InputSignal<Record<string, string>>;
     /**
      * Wheter a disable switch should be available
      */
-    disableSwitch: boolean;
+    readonly disableSwitch: i0.InputSignal<boolean>;
     /**
      * Whether the field is required
      */
@@ -283,7 +281,7 @@ declare class FormFieldTextComponent implements OnInit {
     togglePassword(): void;
     delayedHide(delayMS?: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldTextComponent, "igo-form-field-text", never, { "formControl": { "alias": "formControl"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isPassword": { "alias": "isPassword"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disableSwitch": { "alias": "disableSwitch"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldTextComponent, "igo-form-field-text", never, { "formControl": { "alias": "formControl"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isPassword": { "alias": "isPassword"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "disableSwitch": { "alias": "disableSwitch"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -294,19 +292,19 @@ declare class FormFieldTextareaComponent implements OnInit {
     /**
      * The field's form control
      */
-    formControl: UntypedFormControl;
+    readonly formControl: i0.InputSignal<UntypedFormControl>;
     /**
      * Field placeholder
      */
-    placeholder: string;
+    readonly placeholder: i0.InputSignal<string>;
     /**
      * Field placeholder
      */
-    errors: Record<string, string>;
+    readonly errors: i0.InputSignal<Record<string, string>>;
     /**
      * Wheter a disable switch should be available
      */
-    disableSwitch: boolean;
+    readonly disableSwitch: i0.InputSignal<boolean>;
     /**
      * Whether the field is required
      */
@@ -319,7 +317,7 @@ declare class FormFieldTextareaComponent implements OnInit {
     onDisableSwitchClick(): void;
     private toggleDisabled;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldTextareaComponent, "igo-form-field-textarea", never, { "formControl": { "alias": "formControl"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disableSwitch": { "alias": "disableSwitch"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldTextareaComponent, "igo-form-field-textarea", never, { "formControl": { "alias": "formControl"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "disableSwitch": { "alias": "disableSwitch"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare const FORM_DIRECTIVES: readonly [typeof _igo2_common_form.FormFieldComponent, typeof _igo2_common_form.FormFieldSelectComponent, typeof _igo2_common_form.FormFieldTextComponent, typeof _igo2_common_form.FormFieldTextareaComponent, typeof FormGroupComponent, typeof FormComponent];

package/home-button/index.d.ts

@@ -1,8 +1,7 @@
 import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
 
 declare class HomeButtonComponent {
-    unselectButton: EventEmitter<any>;
+    readonly unselectButton: i0.OutputEmitterRef<void>;
     onUnselectButtonClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HomeButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HomeButtonComponent, "igo-home-button", never, {}, { "unselectButton": "unselectButton"; }, never, never, true, never>;

package/icon/index.d.ts

@@ -30,14 +30,13 @@ declare function provideIcon(style?: MaterialSymbolStyle): EnvironmentProviders;
 
 declare class IgoIconComponent {
     private iconService;
-    color: string | null | undefined;
-    set icon(icon: string | IconSvg);
-    get icon(): string | IconSvg;
-    private _icon;
+    readonly color: i0.InputSignal<string>;
+    readonly icon: i0.InputSignal<string | IconSvg>;
+    constructor();
     registerSvg(icon: IconSvg): void;
     isSvg(icon: string | IconSvg): icon is IconSvg;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgoIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgoIconComponent, "igo-icon", never, { "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgoIconComponent, "igo-icon", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { CIRCLE_SMALL_ICON, ENGINE_ICON, IconService, IgoIconComponent, KEYBOARD_ESC_ICON, MICROSOFT_ICON, PRESENTATION_PLAY_ICON, SELECTION_MARKER_ICON, VECTOR_SQUARE_ICON, provideIcon };

package/image/index.d.ts

@@ -5,11 +5,11 @@ import { HttpClient } from '@angular/common/http';
 
 declare class ImageErrorDirective {
     private el;
-    errorImageUrl: string;
-    hideError: boolean;
+    readonly errorImageUrl: i0.InputSignal<string>;
+    readonly hideError: i0.InputSignal<boolean>;
     onError(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageErrorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ImageErrorDirective, "[igoImageError]", never, { "errorImageUrl": { "alias": "errorImageUrl"; "required": false; }; "hideError": { "alias": "hideError"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ImageErrorDirective, "[igoImageError]", never, { "errorImageUrl": { "alias": "errorImageUrl"; "required": false; "isSignal": true; }; "hideError": { "alias": "hideError"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SecureImagePipe implements PipeTransform {

package/interactive-tour/index.d.ts

@@ -12,9 +12,10 @@ declare class InteractiveTourComponent {
     /**
      * Toolbox that holds main tools
      */
-    tourToStart: string;
-    styleButton: 'icon' | 'raised';
-    discoverTitleInLocale$: Observable<string>;
+    readonly tourToStart: i0.InputSignal<string>;
+    readonly styleButton: i0.InputSignal<"icon" | "raised">;
+    readonly discoverTitleInLocale$: i0.InputSignal<Observable<string>>;
+    constructor();
     getClass(): {
         'tour-button-tool-icon': boolean;
         'tour-button-tool': boolean;
@@ -27,10 +28,9 @@ declare class InteractiveTourComponent {
     get showTourButton(): boolean;
     get isTourDisplayInMobile(): boolean;
     get disabledTourButton(): boolean;
-    constructor();
     startInteractiveTour(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InteractiveTourComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveTourComponent, "igo-interactive-tour", never, { "tourToStart": { "alias": "tourToStart"; "required": false; }; "styleButton": { "alias": "styleButton"; "required": false; }; "discoverTitleInLocale$": { "alias": "discoverTitleInLocale$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveTourComponent, "igo-interactive-tour", never, { "tourToStart": { "alias": "tourToStart"; "required": false; "isSignal": true; }; "styleButton": { "alias": "styleButton"; "required": false; "isSignal": true; }; "discoverTitleInLocale$": { "alias": "discoverTitleInLocale$"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class IgoInteractiveTourModule {

package/list/index.d.ts

@@ -1,5 +1,5 @@
-import * as i0 from '@angular/core';
-import { Renderer2, ElementRef, EventEmitter, AfterViewInit, OnInit, OnDestroy, QueryList, ModuleWithProviders } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { Renderer2, ElementRef, AfterViewInit, OnInit, OnDestroy, ModuleWithProviders } from '@angular/core';
 
 declare class ListItemDirective {
     renderer: Renderer2;
@@ -19,18 +19,18 @@ declare class ListItemDirective {
     get disabled(): boolean;
     set disabled(value: boolean);
     private _disabled;
-    beforeSelect: EventEmitter<ListItemDirective>;
-    beforeFocus: EventEmitter<ListItemDirective>;
-    beforeUnselect: EventEmitter<ListItemDirective>;
-    beforeUnfocus: EventEmitter<ListItemDirective>;
-    beforeDisable: EventEmitter<ListItemDirective>;
-    beforeEnable: EventEmitter<ListItemDirective>;
-    focus: EventEmitter<ListItemDirective>;
-    unfocus: EventEmitter<ListItemDirective>;
-    select: EventEmitter<ListItemDirective>;
-    unselect: EventEmitter<ListItemDirective>;
-    disable: EventEmitter<ListItemDirective>;
-    enable: EventEmitter<ListItemDirective>;
+    readonly beforeSelect: _angular_core.OutputEmitterRef<ListItemDirective>;
+    readonly beforeFocus: _angular_core.OutputEmitterRef<ListItemDirective>;
+    readonly beforeUnselect: _angular_core.OutputEmitterRef<ListItemDirective>;
+    readonly beforeUnfocus: _angular_core.OutputEmitterRef<ListItemDirective>;
+    readonly beforeDisable: _angular_core.OutputEmitterRef<ListItemDirective>;
+    readonly beforeEnable: _angular_core.OutputEmitterRef<ListItemDirective>;
+    readonly focus: _angular_core.OutputEmitterRef<ListItemDirective>;
+    readonly unfocus: _angular_core.OutputEmitterRef<ListItemDirective>;
+    readonly select: _angular_core.OutputEmitterRef<ListItemDirective>;
+    readonly unselect: _angular_core.OutputEmitterRef<ListItemDirective>;
+    readonly disable: _angular_core.OutputEmitterRef<ListItemDirective>;
+    readonly enable: _angular_core.OutputEmitterRef<ListItemDirective>;
     onClick(): void;
     getOffsetTop(): number;
     private toggleFocusedClass;
@@ -38,8 +38,8 @@ declare class ListItemDirective {
     private toggleDisabledClass;
     private addCls;
     private removeCls;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ListItemDirective, "[igoListItem]", never, { "color": { "alias": "color"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "beforeSelect": "beforeSelect"; "beforeFocus": "beforeFocus"; "beforeUnselect": "beforeUnselect"; "beforeUnfocus": "beforeUnfocus"; "beforeDisable": "beforeDisable"; "beforeEnable": "beforeEnable"; "focus": "focus"; "unfocus": "unfocus"; "select": "select"; "unselect": "unselect"; "disable": "disable"; "enable": "enable"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListItemDirective, "[igoListItem]", never, { "color": { "alias": "color"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "beforeSelect": "beforeSelect"; "beforeFocus": "beforeFocus"; "beforeUnselect": "beforeUnselect"; "beforeUnfocus": "beforeUnfocus"; "beforeDisable": "beforeDisable"; "beforeEnable": "beforeEnable"; "focus": "focus"; "unfocus": "unfocus"; "select": "select"; "unselect": "unselect"; "disable": "disable"; "enable": "enable"; }, never, never, true, never>;
 }
 
 declare class ListComponent implements AfterViewInit, OnInit, OnDestroy {
@@ -57,9 +57,9 @@ declare class ListComponent implements AfterViewInit, OnInit, OnDestroy {
     set focusedItem(value: ListItemDirective);
     private _focusedItem;
     private navigationEnabled;
-    private listItems$$;
     private subscriptions;
-    listItems: QueryList<ListItemDirective>;
+    private listItemsEffect;
+    readonly listItems: _angular_core.Signal<readonly ListItemDirective[]>;
     handleKeyboardEvent(event: KeyboardEvent): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -85,8 +85,8 @@ declare class ListComponent implements AfterViewInit, OnInit, OnDestroy {
     private findFocusedItem;
     private getFocusedIndex;
     private navigate;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "igo-list", never, { "navigation": { "alias": "navigation"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, {}, ["listItems"], ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListComponent, "igo-list", never, { "navigation": { "alias": "navigation"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, {}, ["listItems"], ["*"], true, never>;
 }
 
 /**
@@ -94,9 +94,9 @@ declare class ListComponent implements AfterViewInit, OnInit, OnDestroy {
  */
 declare class IgoListModule {
     static forRoot(): ModuleWithProviders<IgoListModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IgoListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoListModule, never, [typeof ListItemDirective, typeof ListComponent], [typeof ListItemDirective, typeof ListComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<IgoListModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IgoListModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<IgoListModule, never, [typeof ListItemDirective, typeof ListComponent], [typeof ListItemDirective, typeof ListComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<IgoListModule>;
 }
 
 declare const LIST_DIRECTIVES: readonly [typeof ListItemDirective, typeof ListComponent];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/common",
-  "version": "20.0.1",
+  "version": "20.1.0-next.10",
   "description": "IGO Library",
   "author": "IGO Community",
   "keywords": [
@@ -10,7 +10,8 @@
   "homepage": "https://github.com/infra-geo-ouverte/igo2-lib#readme",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/infra-geo-ouverte/igo2-lib.git"
+    "url": "git+https://github.com/infra-geo-ouverte/igo2-lib.git",
+    "directory": "packages/common"
   },
   "bugs": {
     "url": "https://github.com/infra-geo-ouverte/igo2-lib/issues"
@@ -161,9 +162,17 @@
     "./package.json": {
       "default": "./package.json"
     },
+    "./datepicker": {
+      "types": "./datepicker/index.d.ts",
+      "default": "./fesm2022/igo2-common-datepicker.mjs"
+    },
     "./resizable-bar": {
       "types": "./resizable-bar/index.d.ts",
       "default": "./fesm2022/igo2-common-resizable-bar.mjs"
+    },
+    "./timepicker": {
+      "types": "./timepicker/index.d.ts",
+      "default": "./fesm2022/igo2-common-timepicker.mjs"
     }
   },
   "dependencies": {
@@ -177,8 +186,8 @@
     "@angular/material": "^20.0.0",
     "@angular/platform-browser": "^20.0.0",
     "@floating-ui/utils": "^0.2.0",
-    "@igo2/core": "^20.0.1",
-    "@igo2/utils": "^20.0.1",
+    "@igo2/core": "^20.1.0-next.10",
+    "@igo2/utils": "^20.1.0-next.10",
     "angular-shepherd": "^20.0.0",
     "ngx-color": "^10.0.0",
     "scroll-into-view-if-needed": "^3.1.0",

package/panel/index.d.ts

@@ -1,13 +1,11 @@
 import * as i0 from '@angular/core';
 
 declare class PanelComponent {
-    title: string;
-    get withHeader(): boolean;
-    set withHeader(value: boolean);
-    private _withHeader;
-    cursorPointer: boolean;
+    readonly title: i0.InputSignal<string>;
+    readonly withHeader: i0.InputSignal<boolean>;
+    readonly cursorPointer: i0.InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "igo-panel", never, { "title": { "alias": "title"; "required": false; }; "withHeader": { "alias": "withHeader"; "required": false; }; "cursorPointer": { "alias": "cursorPointer"; "required": false; }; }, {}, never, ["[panelLeftButton]", "[panelHeader]", "[panelRightButton]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "igo-panel", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "withHeader": { "alias": "withHeader"; "required": false; "isSignal": true; }; "cursorPointer": { "alias": "cursorPointer"; "required": false; "isSignal": true; }; }, {}, never, ["[panelLeftButton]", "[panelHeader]", "[panelRightButton]", "*"], true, never>;
 }
 
 /**

package/resizable-bar/index.d.ts

@@ -1,15 +1,15 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, OnInit } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
 import { Subscription } from 'rxjs';
 
 declare class ResizeDirective {
     mouseMove$$: Subscription;
     mouseUp$$: Subscription;
-    change: EventEmitter<MouseEvent>;
+    readonly change: _angular_core.OutputEmitterRef<MouseEvent>;
     onMouseDown(event: MouseEvent): void;
     private _unsubscribe;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ResizeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeDirective, "[igoResize]", never, {}, { "change": "change"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizeDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ResizeDirective, "[igoResize]", never, {}, { "change": "change"; }, never, never, true, never>;
 }
 
 declare const ResizeAnchorType: readonly ["top", "left", "bottom", "right"];
@@ -19,19 +19,17 @@ type AlignmentType = (typeof AlignmentType)[number];
 declare class ResizableBarComponent implements OnInit {
     alignement: AlignmentType;
     iconRotation: string;
-    anchor: ResizeAnchorType;
+    readonly anchor: _angular_core.InputSignal<"top" | "left" | "bottom" | "right">;
     /** En pixel */
-    min: number;
+    readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
     /** En pixel */
-    max: number;
-    change: EventEmitter<MouseEvent>;
+    readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly change: _angular_core.OutputEmitterRef<MouseEvent>;
     get cssClass(): string;
     ngOnInit(): void;
     onChange(event: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ResizableBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ResizableBarComponent, "igo-resizable-bar", never, { "anchor": { "alias": "anchor"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
-    static ngAcceptInputType_min: unknown;
-    static ngAcceptInputType_max: unknown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizableBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResizableBarComponent, "igo-resizable-bar", never, { "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
 }
 
 export { AlignmentType, ResizableBarComponent, ResizeAnchorType, ResizeDirective };

package/table/index.d.ts

@@ -1,5 +1,5 @@
-import * as i0 from '@angular/core';
-import { OnChanges, OnInit, AfterViewInit, EventEmitter, ElementRef, ModuleWithProviders } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnChanges, OnInit, AfterViewInit, ElementRef, ModuleWithProviders } from '@angular/core';
 import { SelectionModel } from '@angular/cdk/collections';
 import { MatSort } from '@angular/material/sort';
 import { BehaviorSubject, Observable } from 'rxjs';
@@ -60,25 +60,19 @@ declare class TableDataSource extends DataSource<any> {
 }
 
 declare class TableComponent implements OnChanges, OnInit, AfterViewInit {
-    get database(): TableDatabase;
-    set database(value: TableDatabase);
-    private _database;
-    get model(): TableModel;
-    set model(value: TableModel);
-    private _model;
-    get hasFilterInput(): boolean;
-    set hasFilterInput(value: boolean);
-    private _hasFIlterInput;
+    readonly database: _angular_core.InputSignal<TableDatabase>;
+    readonly model: _angular_core.InputSignal<TableModel>;
+    readonly hasFilterInput: _angular_core.InputSignal<boolean>;
     displayedColumns: any;
     dataSource: TableDataSource | null;
     selection: SelectionModel<any>;
-    select: EventEmitter<{
+    readonly select: _angular_core.OutputEmitterRef<{
         added: any[];
         removed: any[];
         source: SelectionModel<any>;
     }>;
-    filter: ElementRef;
-    sort: MatSort;
+    readonly filter: _angular_core.Signal<ElementRef<any>>;
+    readonly sort: _angular_core.Signal<MatSort>;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(change: any): void;
@@ -89,8 +83,8 @@ declare class TableComponent implements OnChanges, OnInit, AfterViewInit {
     /** Selects all rows if they are not all selected; otherwise clear selection. */
     masterToggle(): void;
     handleClickAction(event: any, action: any, row: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "igo-table", never, { "database": { "alias": "database"; "required": false; }; "model": { "alias": "model"; "required": false; }; "hasFilterInput": { "alias": "hasFilterInput"; "required": false; }; }, { "select": "select"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "igo-table", never, { "database": { "alias": "database"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "hasFilterInput": { "alias": "hasFilterInput"; "required": false; "isSignal": true; }; }, { "select": "select"; }, never, never, true, never>;
 }
 
 /**
@@ -98,9 +92,9 @@ declare class TableComponent implements OnChanges, OnInit, AfterViewInit {
  */
 declare class IgoTableModule {
     static forRoot(): ModuleWithProviders<IgoTableModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IgoTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoTableModule, never, [typeof TableComponent], [typeof TableComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<IgoTableModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IgoTableModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<IgoTableModule, never, [typeof TableComponent], [typeof TableComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<IgoTableModule>;
 }
 
 export { IgoTableModule, TableActionColor, TableComponent, TableDataSource, TableDatabase };

package/timepicker/index.d.ts

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { TimeFrame } from '@igo2/utils';
+
+declare class TimepickerComponent implements OnInit {
+    readonly value: _angular_core.InputSignal<Date | "now" | "today">;
+    readonly hourInputLabel: _angular_core.InputSignal<string>;
+    readonly minuteInputLabel: _angular_core.InputSignal<string>;
+    readonly minHour: _angular_core.InputSignal<number>;
+    readonly maxHour: _angular_core.InputSignal<number>;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    private _disabled;
+    /** interval in minutes*/
+    readonly interval: _angular_core.InputSignal<number>;
+    readonly valueChange: _angular_core.OutputEmitterRef<{
+        hour: number;
+        minute: number;
+    }>;
+    hourFormControl: FormControl<number>;
+    minuteFormControl: FormControl<number>;
+    get hours(): number[];
+    get minutes(): number[];
+    ngOnInit(): void;
+    reset(value: Date | TimeFrame): void;
+    private setDisabledState;
+    private toggleDisabled;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimepickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimepickerComponent, "igo-timepicker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "hourInputLabel": { "alias": "hourInputLabel"; "required": false; "isSignal": true; }; "minuteInputLabel": { "alias": "minuteInputLabel"; "required": false; "isSignal": true; }; "minHour": { "alias": "minHour"; "required": false; "isSignal": true; }; "maxHour": { "alias": "maxHour"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+export { TimepickerComponent };

package/tool/index.d.ts

@@ -6,7 +6,7 @@ import { ActionStore } from '@igo2/common/action';
 
 interface Tool {
     name: string;
-    component: any;
+    component?: any;
     title?: string;
     icon?: string | IconSvg;
     tooltip?: string;
@@ -188,15 +188,15 @@ declare class ToolboxComponent implements OnInit, OnDestroy {
     /**
      * Toolbox
      */
-    toolbox: Toolbox;
+    readonly toolbox: i0.InputSignal<Toolbox>;
     /**
      * Whether the toolbox should animate the first tool entering
      */
-    animate: boolean;
+    readonly animate: i0.InputSignal<boolean>;
     /**
      * Color of Toolbox
      */
-    color: ToolboxColor;
+    readonly color: i0.InputSignal<ToolboxColor>;
     /**
      * @ignore
      */
@@ -262,7 +262,7 @@ declare class ToolboxComponent implements OnInit, OnDestroy {
      */
     private unAnimate;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolboxComponent, "igo-toolbox", never, { "toolbox": { "alias": "toolbox"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolboxComponent, "igo-toolbox", never, { "toolbox": { "alias": "toolbox"; "required": false; "isSignal": true; }; "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**