@updevs/components 1.0.0-alpha.8 → 1.0.0-alpha.81

package/form-controls/input/input.component.d.ts

@@ -1,31 +1,28 @@
-import { SimpleChanges, OnInit, OnChanges, TemplateRef, EventEmitter } from '@angular/core';
+import { SimpleChanges, OnInit, OnChanges, EventEmitter, ElementRef } from '@angular/core';
 import { IconModel } from '@updevs/icons';
 import { UpdMaskConfig } from '@updevs/sdk/mask';
-import { ValidationStatusType, ComponentSizeType } from '@updevs/components';
+import { ComponentSizeType, HorizontalVerticalType } from '@updevs/components';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
+import { Subject } from 'rxjs';
 import { InputType } from './types/input.type';
 import { InputAppendDirective } from './directives/input-append.directive';
 import { InputPrependDirective } from './directives/input-prepend.directive';
 import { LoaderPositionType } from './types/loader-position.type';
 import * as i0 from "@angular/core";
-export declare class InputComponent implements OnInit, OnChanges {
+export declare class InputComponent extends BaseControl implements OnInit, OnChanges {
     hostWrapperClasses: string;
+    inputElement?: ElementRef<HTMLInputElement>;
+    maskedInputElement?: ElementRef<HTMLInputElement>;
     appendTemplate?: InputAppendDirective;
     prependTemplate?: InputPrependDirective;
     type: InputType;
-    placeholder: string;
-    label?: string;
     mask?: string;
     maskConfig?: UpdMaskConfig;
-    hint?: string;
-    hintTemplate?: TemplateRef<any>;
-    hintAsTooltip: boolean;
     value?: any;
     size: ComponentSizeType;
     customClasses?: string;
     wrapperClasses?: string;
-    name?: string;
     maxLength?: number;
-    isDisabled: boolean;
     isPlainText: boolean;
     isReadOnly: boolean;
     isLoading: boolean;
@@ -35,20 +32,36 @@ export declare class InputComponent implements OnInit, OnChanges {
     isPrependButton: boolean;
     isAppendButton: boolean;
     isFloating: boolean;
-    isRequired: boolean;
     loaderPosition: LoaderPositionType;
     prependIconModel?: IconModel;
     appendIconModel?: IconModel;
-    validationStatus?: ValidationStatusType;
     isValidationStatusLight: boolean;
-    invalidStatusText?: string;
+    layout: HorizontalVerticalType;
     readonly valueChange: EventEmitter<any>;
+    readonly blurred: EventEmitter<void>;
+    /**
+     * Emitted when any key is pressed.
+     */
+    readonly keyDown: EventEmitter<any>;
+    /**
+     * Emitted when the ESC key is pressed.
+     */
+    readonly keyDownEsc: EventEmitter<void>;
+    /**
+     * Emitted when the ENTER key is released.
+     */
+    readonly keyUpEnter: EventEmitter<void>;
     classes: string[];
     get shouldDisplayInnerLabel(): boolean;
+    get labelSizeClasses(): string;
+    get validationClass(): string;
+    get validationBorderClass(): string;
+    readonly valueChangedSub: Subject<string>;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     onInputChange(evt: Event): void;
+    focus(): void;
     private updateClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "upd-input", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "maskConfig": { "alias": "maskConfig"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; }; "hintAsTooltip": { "alias": "hintAsTooltip"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "name": { "alias": "name"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isPlainText": { "alias": "isPlainText"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isRound": { "alias": "isRound"; "required": false; }; "isFlush": { "alias": "isFlush"; "required": false; }; "isInputGroupFlat": { "alias": "isInputGroupFlat"; "required": false; }; "isPrependButton": { "alias": "isPrependButton"; "required": false; }; "isAppendButton": { "alias": "isAppendButton"; "required": false; }; "isFloating": { "alias": "isFloating"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "loaderPosition": { "alias": "loaderPosition"; "required": false; }; "prependIconModel": { "alias": "prependIconModel"; "required": false; }; "appendIconModel": { "alias": "appendIconModel"; "required": false; }; "validationStatus": { "alias": "validationStatus"; "required": false; }; "isValidationStatusLight": { "alias": "isValidationStatusLight"; "required": false; }; "invalidStatusText": { "alias": "invalidStatusText"; "required": false; }; }, { "valueChange": "valueChange"; }, ["appendTemplate", "prependTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "upd-input", never, { "type": { "alias": "type"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "maskConfig": { "alias": "maskConfig"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "isPlainText": { "alias": "isPlainText"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isRound": { "alias": "isRound"; "required": false; }; "isFlush": { "alias": "isFlush"; "required": false; }; "isInputGroupFlat": { "alias": "isInputGroupFlat"; "required": false; }; "isPrependButton": { "alias": "isPrependButton"; "required": false; }; "isAppendButton": { "alias": "isAppendButton"; "required": false; }; "isFloating": { "alias": "isFloating"; "required": false; }; "loaderPosition": { "alias": "loaderPosition"; "required": false; }; "prependIconModel": { "alias": "prependIconModel"; "required": false; }; "appendIconModel": { "alias": "appendIconModel"; "required": false; }; "isValidationStatusLight": { "alias": "isValidationStatusLight"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, { "valueChange": "valueChange"; "blurred": "blurred"; "keyDown": "keyDown"; "keyDownEsc": "keyDownEsc"; "keyUpEnter": "keyUpEnter"; }, ["appendTemplate", "prependTemplate"], never, false, never>;
 }

package/form-controls/radio/radio.component.d.ts

@@ -1,24 +1,17 @@
-import { OnInit, OnChanges, SimpleChanges, EventEmitter } from '@angular/core';
-import { ValidationStatusType } from '@updevs/components';
+import { OnInit, OnChanges, EventEmitter } from '@angular/core';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
 import * as i0 from "@angular/core";
-export declare class RadioComponent implements OnInit, OnChanges {
+export declare class RadioComponent extends BaseControl implements OnInit, OnChanges {
     wrapperClasses: string;
-    label?: string;
     value?: any;
     customClasses?: string;
-    name?: string;
-    description?: string;
-    isDisabled: boolean;
-    isReadOnly: boolean;
     isChecked: boolean;
     isInline: boolean;
-    validationStatus?: ValidationStatusType;
-    invalidStatusText?: string;
     readonly selected: EventEmitter<void>;
     classes: string[];
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(): void;
     private updateClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "upd-radio", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "name": { "alias": "name"; "required": false; }; "description": { "alias": "description"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isChecked": { "alias": "isChecked"; "required": false; }; "isInline": { "alias": "isInline"; "required": false; }; "validationStatus": { "alias": "validationStatus"; "required": false; }; "invalidStatusText": { "alias": "invalidStatusText"; "required": false; }; }, { "selected": "selected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "upd-radio", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "value": { "alias": "value"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "isChecked": { "alias": "isChecked"; "required": false; }; "isInline": { "alias": "isInline"; "required": false; }; }, { "selected": "selected"; }, never, never, false, never>;
 }

package/form-controls/radio/upd-radio.module.d.ts

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./radio.component";
 import * as i2 from "@angular/common";
+import * as i3 from "@updevs/components/popover";
+import * as i4 from "@angular/forms";
 export declare class UpdRadioModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UpdRadioModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdRadioModule, [typeof i1.RadioComponent], [typeof i2.CommonModule], [typeof i1.RadioComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdRadioModule, [typeof i1.RadioComponent], [typeof i2.CommonModule, typeof i3.UpdPopoverModule, typeof i4.ReactiveFormsModule], [typeof i1.RadioComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UpdRadioModule>;
 }

package/form-controls/select/components/multiple/select-multiple.component.d.ts

@@ -5,14 +5,25 @@ import { SelectItem } from '../../models/select-item';
 import * as i0 from "@angular/core";
 export declare class SelectMultipleComponent extends BaseSelectComponent {
     /**
-     * Triggered when an item is selected.
+     * Returns the selected items.
+     * Triggered when items are selected.
      */
     readonly selectedItems: EventEmitter<SelectItem[]>;
+    /**
+     * Returns the selected Ids.
+     * Triggered when items are selected.
+     */
+    readonly selectedIds: EventEmitter<any[]>;
+    /**
+     * An array of primitive values to set the selection programmatically.
+     */
+    readonly selectedValues: import("@angular/core").InputSignal<SelectItem[] | undefined>;
     currentSelection: SelectItem[];
+    constructor();
     clearSelection(): void;
     onSelectItem(item: ListItem): void;
     onRemoveItem(item: SelectItem): void;
     private updateActiveItemsOnList;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectMultipleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectMultipleComponent, "upd-select-multiple", never, {}, { "selectedItems": "selectedItems"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectMultipleComponent, "upd-select-multiple", never, { "selectedValues": { "alias": "selectedValues"; "required": false; "isSignal": true; }; }, { "selectedItems": "selectedItems"; "selectedIds": "selectedIds"; }, never, never, false, never>;
 }

package/form-controls/select/components/single/select.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { OptionalType } from '@updevs/sdk/types';
 import { ListItem } from '@updevs/components/list';
 import { BaseSelectComponent } from '../../models/abstractions/base-select.component';
 import { SelectItem } from '../../models/select-item';
@@ -7,14 +7,22 @@ export declare class SelectComponent extends BaseSelectComponent {
     /**
      * If true, it'll use the default style of the OS, no search capabilities.
      */
-    useSystemStyle: boolean;
+    readonly useSystemStyle: import("@angular/core").InputSignal<boolean>;
+    readonly shouldShowClearButton: import("@angular/core").InputSignal<boolean>;
+    readonly shouldTruncateSelectedText: import("@angular/core").InputSignal<OptionalType<boolean>>;
+    readonly isCompact: import("@angular/core").InputSignal<boolean>;
+    readonly value: import("@angular/core").InputSignal<any>;
+    readonly shouldShowHintWithoutLabel: import("@angular/core").Signal<boolean>;
     /**
      * Triggered when an item is selected.
      */
-    readonly selectedItem: EventEmitter<SelectItem>;
+    readonly selectedItem: import("@angular/core").OutputEmitterRef<OptionalType<SelectItem>>;
     currentSelection?: SelectItem;
+    get canTruncateText(): boolean;
+    constructor();
     onSelectItem(item: ListItem): void;
+    onSystemSelect(event: any): void;
     clearSelection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "upd-select", never, { "useSystemStyle": { "alias": "useSystemStyle"; "required": false; }; }, { "selectedItem": "selectedItem"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "upd-select", never, { "useSystemStyle": { "alias": "useSystemStyle"; "required": false; "isSignal": true; }; "shouldShowClearButton": { "alias": "shouldShowClearButton"; "required": false; "isSignal": true; }; "shouldTruncateSelectedText": { "alias": "shouldTruncateSelectedText"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "selectedItem": "selectedItem"; }, never, never, false, never>;
 }

package/form-controls/select/models/abstractions/base-select.component.d.ts

@@ -1,72 +1,74 @@
-import { ElementRef, OnInit, EventEmitter } from '@angular/core';
-import { BaseComponent } from '@updevs/sdk/layout';
+import { ElementRef, OnInit } from '@angular/core';
+import { BaseSearchStore, ObservableSearchType } from '@updevs/sdk/stores';
+import { HorizontalVerticalType } from '@updevs/components';
 import { ListItem } from '@updevs/components/list';
-import { SearchRequestModel, SearchResponseModel, BaseSearchStore } from '@updevs/sdk/stores';
-import { Observable } from 'rxjs';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
 import { SelectItem } from '../select-item';
 import * as i0 from "@angular/core";
-export declare abstract class BaseSelectComponent extends BaseComponent implements OnInit {
-    wrapperClasses: string;
-    componentBox?: ElementRef;
-    searchBox?: ElementRef;
-    searchBoxChild?: ElementRef;
-    list?: ElementRef;
+export declare abstract class BaseSelectComponent extends BaseControl implements OnInit {
+    get wrapperClasses(): "row" | "";
+    readonly componentBox: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    readonly searchBox: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    readonly searchBoxChild: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    readonly list: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    readonly dropdownOpenStatusChange: import("@angular/core").OutputEmitterRef<boolean>;
     /**
      * Select items.
      * If provided, the select will be considered static.
      */
-    items?: SelectItem[];
+    readonly items: import("@angular/core").InputSignal<SelectItem[] | undefined>;
     /**
      * Store used to load/filter the items.
      */
-    store?: BaseSearchStore<any>;
+    readonly store: import("@angular/core").InputSignal<BaseSearchStore<any> | undefined>;
     /**
      * Observable used to load/filter the items.
      */
-    observable?: (request?: SearchRequestModel, masterId?: any) => Observable<SearchResponseModel<any>>;
+    readonly observable: import("@angular/core").InputSignal<ObservableSearchType | undefined>;
     /**
      * Name of the property in the object that represents the ID/key of the option.
      * **Note:** used only for remote data.
      */
-    itemKey?: string;
+    readonly itemKey: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Name of the property in the object that represents the value/description of the option.
      * **Note:** used only for remote data.
      */
-    itemValue?: string;
+    readonly itemValue: import("@angular/core").InputSignal<string | undefined>;
     /**
-     * Description of the field.
-     */
-    label?: string;
-    /**
-     * Placeholder.
+     * Maximum height of the dropdown.
      */
-    placeholder: string;
+    readonly dropdownMaxHeight: import("@angular/core").InputSignal<number>;
+    readonly typeaheadDebounce: import("@angular/core").InputSignal<number>;
+    readonly shouldAutoSearch: import("@angular/core").InputSignal<boolean>;
+    readonly shouldCloseOnOutsideClick: import("@angular/core").InputSignal<boolean>;
+    readonly layout: import("@angular/core").InputSignal<HorizontalVerticalType>;
     /**
-     * Maximum height of the dropdown.
+     * Value coming from a parent field when the rule `AttachmentTypeEnum.ParentLoad` is active.
+     * `upd-select` can use it to fetch the dependent list.
      */
-    dropdownMaxHeight: number;
-    typeaheadDebounce: number;
-    shouldAutoSearch: boolean;
-    shouldCloseOnOutsideClick: boolean;
-    readonly dropdownOpenStatusChange: EventEmitter<boolean>;
+    readonly parentValue: import("@angular/core").InputSignal<unknown>;
+    layoutClasses: import("@angular/core").Signal<string[]>;
     isLoading: boolean;
-    localItems: SelectItem[];
+    localItems: import("@angular/core").WritableSignal<SelectItem[]>;
     listItems: ListItem[];
     dropdownClasses: string;
     get isDropdownOpen(): boolean;
     set isDropdownOpen(value: boolean);
+    get labelSizeClasses(): string;
     protected _currentTerm?: string;
     protected _localBackupItems: SelectItem[];
-    private isStaticList;
+    private hasExternalList;
     private _isDropdownOpen;
+    private hostWrapperClasses;
+    private previousParentValue?;
     private readonly searchInputSubject;
     private readonly renderer;
     private readonly ngZone;
     private readonly domEventsService;
     private readonly positioningService;
-    abstract clearSelection(): void;
-    abstract onSelectItem(item: ListItem): void;
+    private readonly injector;
+    protected constructor();
     ngOnInit(): void;
     openDropdown(): void;
     search(term?: string): void;
@@ -75,6 +77,8 @@ export declare abstract class BaseSelectComponent extends BaseComponent implemen
     private searchRemote;
     private getListItem;
     private updatePosition;
+    abstract clearSelection(): void;
+    abstract onSelectItem(item: ListItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseSelectComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelectComponent, never, never, { "items": { "alias": "items"; "required": false; }; "store": { "alias": "store"; "required": false; }; "observable": { "alias": "observable"; "required": false; }; "itemKey": { "alias": "itemKey"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dropdownMaxHeight": { "alias": "dropdownMaxHeight"; "required": false; }; "typeaheadDebounce": { "alias": "typeaheadDebounce"; "required": false; }; "shouldAutoSearch": { "alias": "shouldAutoSearch"; "required": false; }; "shouldCloseOnOutsideClick": { "alias": "shouldCloseOnOutsideClick"; "required": false; }; }, { "dropdownOpenStatusChange": "dropdownOpenStatusChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelectComponent, never, never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "store": { "alias": "store"; "required": false; "isSignal": true; }; "observable": { "alias": "observable"; "required": false; "isSignal": true; }; "itemKey": { "alias": "itemKey"; "required": false; "isSignal": true; }; "itemValue": { "alias": "itemValue"; "required": false; "isSignal": true; }; "dropdownMaxHeight": { "alias": "dropdownMaxHeight"; "required": false; "isSignal": true; }; "typeaheadDebounce": { "alias": "typeaheadDebounce"; "required": false; "isSignal": true; }; "shouldAutoSearch": { "alias": "shouldAutoSearch"; "required": false; "isSignal": true; }; "shouldCloseOnOutsideClick": { "alias": "shouldCloseOnOutsideClick"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "parentValue": { "alias": "parentValue"; "required": false; "isSignal": true; }; }, { "dropdownOpenStatusChange": "dropdownOpenStatusChange"; }, never, never, false, never>;
 }

package/form-controls/select/models/defaults.d.ts

@@ -0,0 +1,8 @@
+import { HorizontalVerticalType } from '@updevs/components';
+export declare class Defaults {
+    static dropdownMaxHeight: number;
+    static typeaheadDebounce: number;
+    static shouldAutoSearch: boolean;
+    static shouldCloseOnOutsideClick: boolean;
+    static layout: HorizontalVerticalType;
+}

package/form-controls/select/models/public-api.d.ts

@@ -1 +1,2 @@
+export * from './defaults';
 export * from './select-item';

package/form-controls/select/upd-select.module.d.ts

@@ -7,9 +7,10 @@ import * as i5 from "@updevs/components/list";
 import * as i6 from "@updevs/components/form-controls/input";
 import * as i7 from "@updevs/icons";
 import * as i8 from "@updevs/components/button";
-import * as i9 from "@ngneat/transloco";
+import * as i9 from "@updevs/components/popover";
+import * as i10 from "@jsverse/transloco";
 export declare class UpdSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UpdSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdSelectModule, [typeof i1.SelectComponent, typeof i2.SelectMultipleComponent], [typeof i3.CommonModule, typeof i4.UpdCoreLayoutModule, typeof i5.UpdListModule, typeof i6.UpdInputModule, typeof i7.UpdIconsModule, typeof i8.UpdButtonModule, typeof i9.TranslocoModule], [typeof i1.SelectComponent, typeof i2.SelectMultipleComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdSelectModule, [typeof i1.SelectComponent, typeof i2.SelectMultipleComponent], [typeof i3.CommonModule, typeof i4.UpdCoreLayoutModule, typeof i5.UpdListModule, typeof i6.UpdInputModule, typeof i7.UpdIconsModule, typeof i8.UpdButtonModule, typeof i9.UpdPopoverModule, typeof i10.TranslocoModule], [typeof i1.SelectComponent, typeof i2.SelectMultipleComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UpdSelectModule>;
 }

package/form-controls/textarea/textarea.component.d.ts

@@ -1,23 +1,19 @@
-import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { OnInit, OnChanges } from '@angular/core';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
 import * as i0 from "@angular/core";
-export declare class TextareaComponent implements OnInit, OnChanges {
+export declare class TextareaComponent extends BaseControl implements OnInit, OnChanges {
     hostWrapperClasses: string;
-    placeholder: string;
-    label?: string;
-    value?: string;
-    customClasses?: string;
-    wrapperClasses?: string;
-    name?: string;
-    maxLength?: number;
-    rows?: number;
-    isDisabled: boolean;
-    isReadOnly: boolean;
-    displayCharactersCount: boolean;
+    value: import("@angular/core").ModelSignal<string | undefined>;
+    customClasses: import("@angular/core").InputSignal<string | undefined>;
+    wrapperClasses: import("@angular/core").InputSignal<string | undefined>;
+    maxLength: import("@angular/core").InputSignal<number | undefined>;
+    rows: import("@angular/core").InputSignal<number | undefined>;
+    displayCharactersCount: import("@angular/core").InputSignal<boolean>;
     classes: string[];
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(): void;
     updateValue(event?: any): void;
     private updateClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "upd-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "name": { "alias": "name"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "displayCharactersCount": { "alias": "displayCharactersCount"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "upd-textarea", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "customClasses": { "alias": "customClasses"; "required": false; "isSignal": true; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "displayCharactersCount": { "alias": "displayCharactersCount"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, false, never>;
 }

package/form-controls/time-picker/upd-time-picker.module.d.ts

@@ -1,9 +1,9 @@
-import { TranslocoService } from '@ngneat/transloco';
+import { TranslocoService } from '@jsverse/transloco';
 import * as i0 from "@angular/core";
 import * as i1 from "./time-picker.component";
 import * as i2 from "./time-selector/time-selector.component";
 import * as i3 from "@angular/common";
-import * as i4 from "@ngneat/transloco";
+import * as i4 from "@jsverse/transloco";
 import * as i5 from "@updevs/components/form-controls/input";
 import * as i6 from "@updevs/icons";
 import * as i7 from "@updevs/components/button";

package/index.d.ts

@@ -1,5 +1,2 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@updevs/components" />
+/// <reference path="index.ngtypecheck.d.ts" />
 export * from './public-api';

package/layout/abstractions/base.layout.d.ts

@@ -0,0 +1,15 @@
+import { BaseComponent, LayoutService } from '@updevs/sdk/layout';
+import { OnInit, OnDestroy } from '@angular/core';
+import { UpdLayoutConfigService } from '../services/upd-layout-config.service';
+import * as i0 from "@angular/core";
+/**
+ * Basic layout structure.
+ */
+export declare abstract class BaseLayout extends BaseComponent implements OnInit, OnDestroy {
+    protected readonly _layoutConfigService: UpdLayoutConfigService;
+    protected readonly _layoutService: LayoutService;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseLayout, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseLayout, never, never, {}, {}, never, never, false, never>;
+}

package/layout/layouts/blank-layout/blank-layout.component.d.ts

@@ -1,5 +1,9 @@
+import { OnInit } from '@angular/core';
+import { BaseLayout } from '../../abstractions/base.layout';
 import * as i0 from "@angular/core";
-export declare class BlankLayoutComponent {
+export declare class BlankLayoutComponent extends BaseLayout implements OnInit {
+    readonly config: import("@angular/core").Signal<import("@updevs/sdk/layout/models/main-header.config").MainHeaderConfig>;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BlankLayoutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BlankLayoutComponent, "upd-blank-layout", never, {}, {}, never, never, false, never>;
 }

package/layout/layouts/blank-layout/blank-layout.module.d.ts

@@ -1,8 +1,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./blank-layout.component";
 import * as i2 from "@angular/common";
+import * as i3 from "@angular/router";
+import * as i4 from "@jsverse/transloco";
+import * as i5 from "@updevs/components/dropdown";
+import * as i6 from "@updevs/icons";
+import * as i7 from "@updevs/components/link";
+import * as i8 from "../../partials/footer/footer.module";
+import * as i9 from "../../partials/header/header.module";
 export declare class BlankLayoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BlankLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BlankLayoutModule, [typeof i1.BlankLayoutComponent], [typeof i2.CommonModule], [typeof i1.BlankLayoutComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BlankLayoutModule, [typeof i1.BlankLayoutComponent], [typeof i2.CommonModule, typeof i3.RouterOutlet, typeof i4.TranslocoPipe, typeof i5.UpdDropdownModule, typeof i6.UpdIconsModule, typeof i7.UpdLinkModule, typeof i8.FooterModule, typeof i9.HeaderModule], [typeof i1.BlankLayoutComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BlankLayoutModule>;
 }

package/layout/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.d.ts

@@ -1,12 +1,6 @@
-import { OnInit } from '@angular/core';
-import { BaseComponent, PageHeaderModel } from '@updevs/sdk/layout';
+import { BaseLayout } from '../../abstractions/base.layout';
 import * as i0 from "@angular/core";
-export declare class VerticalSidebarLayoutComponent extends BaseComponent implements OnInit {
-    showPageHeader: boolean;
-    pageHeader?: PageHeaderModel;
-    private readonly changeDetectorRef;
-    private readonly layoutService;
-    ngOnInit(): void;
+export declare class VerticalSidebarLayoutComponent extends BaseLayout {
     static ɵfac: i0.ɵɵFactoryDeclaration<VerticalSidebarLayoutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VerticalSidebarLayoutComponent, "upd-vertical-sidebar-layout", never, {}, {}, never, never, false, never>;
 }

package/layout/layouts/vertical-sidebar-layout/vertical-sidebar-layout.module.d.ts

@@ -1,20 +1,21 @@
-import { TranslocoService } from '@ngneat/transloco';
+import { TranslocoService } from '@jsverse/transloco';
 import * as i0 from "@angular/core";
 import * as i1 from "./vertical-sidebar-layout.component";
-import * as i2 from "../../partials/footer/footer.component";
-import * as i3 from "../../partials/header/header.component";
-import * as i4 from "../../partials/sidebar/sidebar.component";
-import * as i5 from "../../partials/page-header/page-header.component";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/router";
-import * as i8 from "@ngneat/transloco";
-import * as i9 from "@updevs/icons";
-import * as i10 from "@updevs/sdk/layout";
-import * as i11 from "@updevs/components/button";
-import * as i12 from "@updevs/components/link";
+import * as i2 from "../../partials/sidebar/sidebar.component";
+import * as i3 from "../../partials/page-header/page-header.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/router";
+import * as i6 from "@jsverse/transloco";
+import * as i7 from "@updevs/icons";
+import * as i8 from "@updevs/sdk/layout";
+import * as i9 from "@updevs/components/button";
+import * as i10 from "@updevs/components/link";
+import * as i11 from "@updevs/components/dropdown";
+import * as i12 from "../../partials/footer/footer.module";
+import * as i13 from "../../partials/header/header.module";
 export declare class VerticalSidebarLayoutModule {
     constructor(translocoService: TranslocoService);
     static ɵfac: i0.ɵɵFactoryDeclaration<VerticalSidebarLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<VerticalSidebarLayoutModule, [typeof i1.VerticalSidebarLayoutComponent, typeof i2.FooterComponent, typeof i3.HeaderComponent, typeof i4.SidebarComponent, typeof i5.PageHeaderComponent], [typeof i6.CommonModule, typeof i7.RouterModule, typeof i8.TranslocoModule, typeof i9.UpdIconsModule, typeof i10.UpdCoreLayoutModule, typeof i11.UpdButtonModule, typeof i12.UpdLinkModule], [typeof i1.VerticalSidebarLayoutComponent, typeof i2.FooterComponent, typeof i3.HeaderComponent, typeof i4.SidebarComponent, typeof i5.PageHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VerticalSidebarLayoutModule, [typeof i1.VerticalSidebarLayoutComponent, typeof i2.SidebarComponent, typeof i3.PageHeaderComponent], [typeof i4.CommonModule, typeof i5.RouterModule, typeof i6.TranslocoModule, typeof i7.UpdIconsModule, typeof i8.UpdCoreLayoutModule, typeof i9.UpdButtonModule, typeof i10.UpdLinkModule, typeof i11.UpdDropdownModule, typeof i12.FooterModule, typeof i13.HeaderModule], [typeof i1.VerticalSidebarLayoutComponent, typeof i2.SidebarComponent, typeof i3.PageHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<VerticalSidebarLayoutModule>;
 }

package/layout/models/login-page-config.model.d.ts

@@ -0,0 +1,46 @@
+import { ButtonModel } from '@updevs/sdk/layout';
+import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';
+import { LoginPageConfig } from './login-page.config';
+/**
+ * Configuration of the login page layout.
+ */
+export declare class LoginPageConfigModel implements LoginPageConfig {
+    /**
+     * Layout of the login page.
+     */
+    layout: 'centered-box' | 'box-with-picture' | 'cover';
+    /**
+     * Background color of the login box (exclusive with bgStyle).
+     * Should be the name of a CSS class.
+     */
+    bgColor?: string;
+    /**
+     * Background color of the login box (exclusive with bgColor).
+     */
+    bgStyle?: BgColorStyleType;
+    /**
+     * Color of the border used in the login page.
+     */
+    borderColor: ColorStyleType;
+    /**
+     * Color of the sign-in button.
+     */
+    signInButtonColor: ColorStyleType;
+    /**
+     * Color of all links in the login page.
+     */
+    linksColor: ColorStyleType;
+    /**
+     * Route with the page to recover the user's password.
+     */
+    recoverPasswordRoute?: string;
+    /**
+     * Route with the page to register a user.
+     */
+    signUpRoute?: string;
+    /**
+     * Buttons used for social login (google, facebook, etc).
+     */
+    socialLoginButtons: ButtonModel[];
+    constructor(init?: LoginPageConfig);
+}

package/layout/models/login-page.config.d.ts

@@ -0,0 +1,44 @@
+import { ButtonModel } from '@updevs/sdk/layout';
+import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';
+/**
+ * Configuration of the login page layout.
+ */
+export interface LoginPageConfig {
+    /**
+     * Layout of the login page.
+     */
+    layout?: 'centered-box' | 'box-with-picture' | 'cover';
+    /**
+     * Background color of the login box (exclusive with bgStyle).
+     * Should be the name of a CSS class.
+     */
+    bgColor?: string;
+    /**
+     * Background color of the login box (exclusive with bgColor).
+     */
+    bgStyle?: BgColorStyleType;
+    /**
+     * Color of the border used in the login page.
+     */
+    borderColor?: ColorStyleType;
+    /**
+     * Color of the sign-in button.
+     */
+    signInButtonColor?: ColorStyleType;
+    /**
+     * Color of all links in the login page.
+     */
+    linksColor?: ColorStyleType;
+    /**
+     * Route with the page to recover the user's password.
+     */
+    recoverPasswordRoute?: string;
+    /**
+     * Route with the page to register a user.
+     */
+    signUpRoute?: string;
+    /**
+     * Buttons used for social login (google, facebook, etc).
+     */
+    socialLoginButtons?: ButtonModel[];
+}

package/layout/models/public-api.d.ts

@@ -1 +1,2 @@
 export * from './upd-layout.config';
+export * from './login-page.config';

package/layout/models/security-layout-config.model.d.ts

@@ -0,0 +1,12 @@
+import { SecurityLayoutConfig } from './security-layout.config';
+import { LoginPageConfigModel } from './login-page-config.model';
+/**
+ * Configuration for the pages related to the security.
+ */
+export declare class SecurityLayoutConfigModel implements SecurityLayoutConfig {
+    /**
+     * Configuration of the login page.
+     */
+    loginPage: LoginPageConfigModel;
+    constructor(init?: SecurityLayoutConfig);
+}