@updevs/components 1.0.0-alpha.98 → 1.0.0-beta.1

package/types/updevs-components-drag-and-drop.d.ts

@@ -0,0 +1,74 @@
+import { TextModel, TextService } from '@updevs/sdk';
+import * as _angular_core from '@angular/core';
+import { WritableSignal, OnInit } from '@angular/core';
+import * as i2 from '@angular/common';
+import * as i3 from '@updevs/icons';
+
+interface DragAndDropItem {
+    name: string;
+    text: TextModel;
+    isDisabled?: boolean;
+    canDrag?: boolean;
+}
+
+interface DragAndDropColumnConfig {
+    name: string;
+    title?: TextModel;
+    items: DragAndDropItem[];
+    canBeEmpty?: boolean;
+}
+
+interface DragAndDropConfig {
+    columns: DragAndDropColumnConfig[];
+    showHandler?: boolean;
+    canReorder?: boolean;
+}
+
+declare class DragAndDropItemModel implements DragAndDropItem {
+    name: string;
+    text: TextModel;
+    isDisabled: boolean;
+    canDrag: boolean;
+    canBeEmpty: boolean;
+    isBeingDragged: _angular_core.WritableSignal<boolean>;
+    origin?: string;
+    get isDraggable(): boolean;
+    constructor(init: DragAndDropItem);
+}
+
+declare class DragAndDropColumnModel {
+    name: string;
+    title?: TextModel;
+    items: WritableSignal<DragAndDropItemModel[]>;
+    constructor(init: DragAndDropColumnConfig);
+}
+
+declare class DragAndDropComponent implements OnInit {
+    config: _angular_core.InputSignal<DragAndDropConfig>;
+    columns: _angular_core.ModelSignal<DragAndDropColumnModel[]>;
+    readonly showHandler: _angular_core.Signal<boolean>;
+    readonly canReorder: _angular_core.Signal<boolean>;
+    readonly textService: TextService;
+    private readonly isReordering;
+    private readonly draggedItem;
+    private dragEnterCounter;
+    ngOnInit(): void;
+    canShowHandler(item: DragAndDropItemModel): boolean;
+    startDrag(event: DragEvent, item: DragAndDropItemModel, origin: string): void;
+    endDrag(item: DragAndDropItemModel): void;
+    drop(event: DragEvent, destination: string): void;
+    dragOver(event: DragEvent, destination: string): void;
+    dragEnter(): void;
+    dragLeave(columnName: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DragAndDropComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DragAndDropComponent, "upd-drag-and-drop", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, { "columns": "columnsChange"; }, never, never, false, never>;
+}
+
+declare class UpdDragAndDropModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpdDragAndDropModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<UpdDragAndDropModule, [typeof DragAndDropComponent], [typeof i2.CommonModule, typeof i3.UpdIconsModule], [typeof DragAndDropComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<UpdDragAndDropModule>;
+}
+
+export { DragAndDropColumnModel, DragAndDropComponent, UpdDragAndDropModule };
+export type { DragAndDropColumnConfig, DragAndDropConfig, DragAndDropItem };

package/{dropdown/dropdown.component.d.ts → types/updevs-components-dropdown.d.ts}

@@ -1,10 +1,45 @@
-import { OnInit, OnChanges, EventEmitter, ElementRef } from '@angular/core';
-import { BaseComponent, ButtonModel } from '@updevs/sdk/layout';
-import { TopBottomLeftRightType, LeftRightType, OverflowStrategyType } from '@updevs/sdk/types';
-import { TextService } from '@updevs/sdk';
-import { DropdownItem } from './models/dropdown-item';
-import * as i0 from "@angular/core";
-export declare class DropdownComponent extends BaseComponent implements OnInit, OnChanges {
+import { ButtonModel, BaseComponent } from '@updevs/sdk/layout';
+import * as i3 from '@updevs/icons';
+import { IconModel } from '@updevs/icons';
+import { TextModel, TextService } from '@updevs/sdk';
+import { BgColorStyleType, LeftRightType, TopBottomLeftRightType, OverflowStrategyType } from '@updevs/sdk/types';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, ElementRef, EventEmitter } from '@angular/core';
+import * as i2 from '@angular/common';
+import * as i4 from '@updevs/components/form-controls/radio';
+import * as i5 from '@updevs/components/form-controls/checkbox';
+import * as i6 from '@updevs/components/button';
+
+type DropdownItemType = 'default' | 'radio' | 'checkbox' | 'divider' | 'with-toolbar';
+
+type ToolbarType = 'grouped' | 'spaced';
+
+interface DropdownItem {
+    id?: any;
+    text?: TextModel;
+    icon?: IconModel;
+    type: DropdownItemType;
+    toolbarType?: ToolbarType;
+    /**
+     * If type is checkbox, and this is set, the switch style will be used.
+     */
+    isSwitch?: boolean;
+    isDisabled?: boolean;
+    isActive?: boolean;
+    leftBoxText?: string;
+    leftBoxImage?: string;
+    badgeColor?: BgColorStyleType;
+    badgeText?: string;
+    isChecked?: boolean;
+    actionButtons?: ButtonModel[];
+}
+
+interface DropdownActionClickedModel {
+    button: ButtonModel;
+    item: DropdownItem;
+}
+
+declare class DropdownComponent extends BaseComponent implements OnInit, OnChanges {
     localWrapperClasses: string;
     items: DropdownItem[];
     header?: string;
@@ -46,7 +81,7 @@ export declare class DropdownComponent extends BaseComponent implements OnInit,
     readonly isOpenChange: EventEmitter<boolean>;
     readonly selectedItem: EventEmitter<DropdownItem>;
     readonly checkboxChanged: EventEmitter<DropdownItem>;
-    textOverflowStrategy: import("@angular/core").InputSignal<OverflowStrategyType>;
+    textOverflowStrategy: i0.InputSignal<OverflowStrategyType>;
     readonly textService: TextService;
     get isOpen(): boolean;
     get overflowClass(): string;
@@ -78,3 +113,12 @@ export declare class DropdownComponent extends BaseComponent implements OnInit,
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "upd-dropdown", never, { "items": { "alias": "items"; "required": false; }; "header": { "alias": "header"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "shouldCloseOnOutsideClick": { "alias": "shouldCloseOnOutsideClick"; "required": false; }; "arrowType": { "alias": "arrowType"; "required": false; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "elementsExcludedFromOutsideClick": { "alias": "elementsExcludedFromOutsideClick"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "dropdownReference": { "alias": "dropdownReference"; "required": false; }; "dropdownReferencePosition": { "alias": "dropdownReferencePosition"; "required": false; }; "textOverflowStrategy": { "alias": "textOverflowStrategy"; "required": false; "isSignal": true; }; }, { "isOpenChange": "isOpenChange"; "selectedItem": "selectedItem"; "checkboxChanged": "checkboxChanged"; }, never, ["*"], false, never>;
 }
+
+declare class UpdDropdownModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdDropdownModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdDropdownModule, [typeof DropdownComponent], [typeof i2.CommonModule, typeof i3.UpdIconsModule, typeof i4.UpdRadioModule, typeof i5.UpdCheckboxModule, typeof i6.UpdButtonModule], [typeof DropdownComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdDropdownModule>;
+}
+
+export { DropdownComponent, UpdDropdownModule };
+export type { DropdownActionClickedModel, DropdownItem, DropdownItemType, ToolbarType };

package/types/updevs-components-form-controls-abstractions.d.ts

@@ -0,0 +1,49 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import { TextModel, TextService } from '@updevs/sdk';
+import { BaseComponent } from '@updevs/sdk/layout';
+import { RowColumnSize, ValidationStatusType } from '@updevs/components';
+
+declare abstract class BaseControl extends BaseComponent {
+    readonly name: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<TextModel | undefined>;
+    readonly label: _angular_core.InputSignal<TextModel | undefined>;
+    readonly description: _angular_core.InputSignal<TextModel | undefined>;
+    readonly validationStatusDescriptions: _angular_core.InputSignal<TextModel[]>;
+    readonly labelColSize: _angular_core.InputSignal<RowColumnSize | undefined>;
+    readonly showValidStatus: _angular_core.InputSignal<boolean>;
+    readonly isRequired: _angular_core.InputSignal<boolean>;
+    readonly isDisabled: _angular_core.ModelSignal<boolean>;
+    readonly hint: _angular_core.InputSignal<TextModel | undefined>;
+    readonly hintTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    readonly hintAsTooltip: _angular_core.InputSignal<boolean>;
+    readonly validationStatus: _angular_core.InputSignal<ValidationStatusType | undefined>;
+    readonly control: _angular_core.InputSignal<AbstractControl<any, any, any> | undefined>;
+    protected readonly _textService: TextService;
+    private readonly destroyRef;
+    get placeholderText(): string;
+    get labelText(): string;
+    get descriptionText(): string;
+    get validationStatusTexts(): string[];
+    get hintText(): string;
+    constructor();
+    /**
+     * Updates the value in the form control.
+     * @param value The value to set in the form control.
+     * @param emitEvent Whether to emit the valueChanges event.
+     */
+    protected _updateFormControl(value: any, emitEvent?: boolean): void;
+    /**
+     * Updates the component's value.
+     */
+    protected abstract _updateValue(value: any): void;
+    /**
+     * Gets the current component value.
+     */
+    protected abstract _getValue(): any;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseControl, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BaseControl, never, never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "validationStatusDescriptions": { "alias": "validationStatusDescriptions"; "required": false; "isSignal": true; }; "labelColSize": { "alias": "labelColSize"; "required": false; "isSignal": true; }; "showValidStatus": { "alias": "showValidStatus"; "required": false; "isSignal": true; }; "isRequired": { "alias": "isRequired"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintAsTooltip": { "alias": "hintAsTooltip"; "required": false; "isSignal": true; }; "validationStatus": { "alias": "validationStatus"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; }, { "isDisabled": "isDisabledChange"; }, never, never, false, never>;
+}
+
+export { BaseControl };

package/types/updevs-components-form-controls-checkbox.d.ts

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/forms';
+import * as i4 from '@updevs/components/popover';
+
+declare class CheckboxComponent extends BaseControl {
+    wrapperClasses: string;
+    checkboxInput?: ElementRef;
+    readonly changed: EventEmitter<boolean>;
+    value: _angular_core.InputSignal<any>;
+    customClasses: _angular_core.InputSignal<string | undefined>;
+    isChecked: _angular_core.ModelSignal<boolean>;
+    isInline: _angular_core.InputSignal<boolean>;
+    isSwitch: _angular_core.InputSignal<boolean>;
+    isIndeterminate: _angular_core.ModelSignal<boolean>;
+    classes: _angular_core.Signal<string[]>;
+    constructor();
+    onSelectChange(event: Event): void;
+    protected _getValue(): any;
+    protected _updateValue(value: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "upd-checkbox", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "customClasses": { "alias": "customClasses"; "required": false; "isSignal": true; }; "isChecked": { "alias": "isChecked"; "required": false; "isSignal": true; }; "isInline": { "alias": "isInline"; "required": false; "isSignal": true; }; "isSwitch": { "alias": "isSwitch"; "required": false; "isSignal": true; }; "isIndeterminate": { "alias": "isIndeterminate"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "isChecked": "isCheckedChange"; "isIndeterminate": "isIndeterminateChange"; }, never, never, false, never>;
+}
+
+declare class UpdCheckboxModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpdCheckboxModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<UpdCheckboxModule, [typeof CheckboxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.UpdPopoverModule], [typeof CheckboxComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<UpdCheckboxModule>;
+}
+
+export { CheckboxComponent, UpdCheckboxModule };

package/{form-controls/date-picker/date-picker.component.d.ts → types/updevs-components-form-controls-date-picker.d.ts}

@@ -1,9 +1,15 @@
+import * as i0 from '@angular/core';
 import { ElementRef, EventEmitter } from '@angular/core';
 import { BaseComponent } from '@updevs/sdk/layout';
 import { OptionalType } from '@updevs/sdk/types';
-import { CalendarSelectedModel, CalendarComponent } from '@updevs/components/calendar';
-import * as i0 from "@angular/core";
-export declare class DatePickerComponent extends BaseComponent {
+import * as i4 from '@updevs/components/calendar';
+import { CalendarComponent, CalendarSelectedModel } from '@updevs/components/calendar';
+import * as i2 from '@angular/common';
+import * as i3 from '@updevs/components/button';
+import * as i5 from '@updevs/icons';
+import * as i6 from '@updevs/components/form-controls/input';
+
+declare class DatePickerComponent extends BaseComponent {
     componentBox?: ElementRef;
     calendarWrapper?: ElementRef;
     calendarComponent: CalendarComponent;
@@ -64,3 +70,11 @@ export declare class DatePickerComponent extends BaseComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "upd-date-picker", never, { "shouldCloseOnOutsideClick": { "alias": "shouldCloseOnOutsideClick"; "required": false; }; "shouldCloseOnSelectionFinished": { "alias": "shouldCloseOnSelectionFinished"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; }, { "selected": "selected"; }, never, never, false, never>;
 }
+
+declare class UpdDatePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdDatePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdDatePickerModule, [typeof DatePickerComponent], [typeof i2.CommonModule, typeof i3.UpdButtonModule, typeof i4.UpdCalendarModule, typeof i5.UpdIconsModule, typeof i6.UpdInputModule], [typeof DatePickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdDatePickerModule>;
+}
+
+export { DatePickerComponent, UpdDatePickerModule };

package/types/updevs-components-form-controls-file-upload.d.ts

@@ -0,0 +1,69 @@
+import * as _angular_core from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { HorizontalVerticalType } from '@updevs/components';
+import { TextModel } from '@updevs/sdk';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
+import { OptionalType } from '@updevs/sdk/types';
+import * as i3 from '@jsverse/transloco';
+import { TranslocoService } from '@jsverse/transloco';
+import * as i2 from '@angular/common';
+import * as i4 from '@updevs/components/button';
+import * as i5 from '@updevs/icons';
+import * as i6 from '@updevs/components/popover';
+
+interface FileUploadChangedEvent {
+    file: File;
+    dataUrl: string;
+}
+
+declare class FileUploadComponent extends BaseControl {
+    hostWrapperClasses: string;
+    readonly fileChanged: EventEmitter<OptionalType<FileUploadChangedEvent>>;
+    readonly fileName: _angular_core.InputSignal<string | undefined>;
+    readonly title: _angular_core.InputSignal<TextModel | undefined>;
+    readonly allowFilesDrop: _angular_core.InputSignal<boolean>;
+    readonly isMultiple: _angular_core.InputSignal<boolean>;
+    readonly allowedExtensions: _angular_core.InputSignal<string>;
+    readonly minFileSize: _angular_core.InputSignal<number | undefined>;
+    readonly maxFileSize: _angular_core.InputSignal<number | undefined>;
+    readonly layout: _angular_core.InputSignal<HorizontalVerticalType>;
+    readonly isOver: _angular_core.WritableSignal<boolean>;
+    readonly showValidationStatus: _angular_core.Signal<boolean>;
+    readonly validationStatusClass: _angular_core.Signal<string>;
+    readonly validationStatusBorderClass: _angular_core.Signal<"" | "border-danger" | "border-success">;
+    readonly errorsList: _angular_core.Signal<string[]>;
+    readonly currentFiles: _angular_core.WritableSignal<OptionalType<File[]>>;
+    readonly labelSizeClasses: _angular_core.Signal<string>;
+    readonly firstFileName: _angular_core.Signal<string | undefined>;
+    get titleText(): string;
+    get dropDescriptionText(): string;
+    get supportsAdvancedUpload(): boolean;
+    private readonly defaultMobileDesc;
+    private readonly defaultDesktopDesc;
+    private readonly fileUploadErrors;
+    private readonly platformService;
+    onFileChange(event: Event): void;
+    removeFile(): void;
+    onDrag(event: DragEvent): void;
+    onDragStart(event: DragEvent): void;
+    onDragEnd(event: DragEvent): void;
+    onDragOver(event: DragEvent): void;
+    onDragEnter(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    protected _getValue(): any;
+    protected _updateValue(value: any): void;
+    private getFileErrors;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileUploadComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "upd-file-upload", never, { "fileName": { "alias": "fileName"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "allowFilesDrop": { "alias": "allowFilesDrop"; "required": false; "isSignal": true; }; "isMultiple": { "alias": "isMultiple"; "required": false; "isSignal": true; }; "allowedExtensions": { "alias": "allowedExtensions"; "required": false; "isSignal": true; }; "minFileSize": { "alias": "minFileSize"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, { "fileChanged": "fileChanged"; }, never, never, false, never>;
+}
+
+declare class UpdFileUploadModule {
+    constructor(translocoService: TranslocoService);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpdFileUploadModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<UpdFileUploadModule, [typeof FileUploadComponent], [typeof i2.CommonModule, typeof i3.TranslocoModule, typeof i4.UpdButtonModule, typeof i5.UpdIconsModule, typeof i6.UpdPopoverModule], [typeof FileUploadComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<UpdFileUploadModule>;
+}
+
+export { FileUploadComponent, UpdFileUploadModule };
+export type { FileUploadChangedEvent };

package/{form-controls/input/input.component.d.ts → types/updevs-components-form-controls-input.d.ts}

@@ -1,15 +1,32 @@
-import { SimpleChanges, OnInit, OnChanges, EventEmitter, ElementRef } from '@angular/core';
+import * as i0 from '@angular/core';
+import { TemplateRef, OnInit, OnChanges, ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
+import * as i5 from '@updevs/icons';
 import { IconModel } from '@updevs/icons';
+import * as i6 from '@updevs/sdk/mask';
 import { UpdMaskConfig } from '@updevs/sdk/mask';
 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 extends BaseControl implements OnInit, OnChanges {
+import * as i4 from '@angular/common';
+import * as i7 from '@updevs/components/popover';
+
+declare class InputAppendDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputAppendDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputAppendDirective, "ng-template[updInputAppend]", never, {}, {}, never, never, false, never>;
+}
+
+declare class InputPrependDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputPrependDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputPrependDirective, "ng-template[updInputPrepend]", never, {}, {}, never, never, false, never>;
+}
+
+type InputType = 'text' | 'number' | 'email' | 'file' | 'hidden' | 'password';
+
+type LoaderPositionType = 'append' | 'prepend';
+
+declare class InputComponent extends BaseControl implements OnInit, OnChanges {
     hostWrapperClasses: string;
     inputElement?: ElementRef<HTMLInputElement>;
     maskedInputElement?: ElementRef<HTMLInputElement>;
@@ -67,3 +84,12 @@ export declare class InputComponent extends BaseControl implements OnInit, OnCha
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, 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>;
 }
+
+declare class UpdInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdInputModule, [typeof InputComponent, typeof InputAppendDirective, typeof InputPrependDirective], [typeof i4.CommonModule, typeof i5.UpdIconsModule, typeof i6.UpdMaskModule, typeof i7.UpdPopoverModule], [typeof InputComponent, typeof InputAppendDirective, typeof InputPrependDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdInputModule>;
+}
+
+export { InputAppendDirective, InputComponent, InputPrependDirective, UpdInputModule };
+export type { InputType, LoaderPositionType };

package/{form-controls/radio/radio.component.d.ts → types/updevs-components-form-controls-radio.d.ts}

@@ -1,7 +1,11 @@
+import * as i0 from '@angular/core';
 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 extends BaseControl implements OnInit, OnChanges {
+import * as i2 from '@angular/common';
+import * as i3 from '@updevs/components/popover';
+import * as i4 from '@angular/forms';
+
+declare class RadioComponent extends BaseControl implements OnInit, OnChanges {
     wrapperClasses: string;
     value?: any;
     customClasses?: string;
@@ -18,3 +22,11 @@ export declare class RadioComponent extends BaseControl implements OnInit, OnCha
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, 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>;
 }
+
+declare class UpdRadioModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdRadioModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdRadioModule, [typeof RadioComponent], [typeof i2.CommonModule, typeof i3.UpdPopoverModule, typeof i4.ReactiveFormsModule], [typeof RadioComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdRadioModule>;
+}
+
+export { RadioComponent, UpdRadioModule };

package/types/updevs-components-form-controls-select.d.ts

@@ -0,0 +1,200 @@
+import { HorizontalVerticalType } from '@updevs/components';
+import * as i5 from '@updevs/components/list';
+import { ListItem } from '@updevs/components/list';
+import { Observable } from 'rxjs';
+import * as _angular_core from '@angular/core';
+import { OnInit, ElementRef, EventEmitter } from '@angular/core';
+import { OptionalType } from '@updevs/sdk/types';
+import { BaseSearchStore, ObservableSearchType } from '@updevs/sdk/stores';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
+import * as i3 from '@angular/common';
+import * as i4 from '@updevs/sdk/layout';
+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 '@updevs/components/popover';
+import * as i10 from '@jsverse/transloco';
+
+declare class Defaults {
+    static dropdownMaxHeight: number;
+    static typeaheadDebounce: number;
+    static shouldAutoSearch: boolean;
+    static shouldCloseOnOutsideClick: boolean;
+    static layout: HorizontalVerticalType;
+}
+
+interface SelectItem {
+    /**
+     * Value of the single item if selected.
+     * If grouped, will be the group key.
+     */
+    value?: any;
+    /**
+     * Description of the single item.
+     * If grouped, will be the group name.
+     */
+    text: string;
+    /**
+     * Full object's data.
+     */
+    objectData?: any;
+    /**
+     * Allows to customize the list item.
+     */
+    listItem?: ListItem;
+    /**
+     * Children.
+     */
+    children?: SelectItem[];
+}
+
+type ParentLoaderType = (parentId: any, term?: string) => Observable<SelectItem[]>;
+type GetItemByIdType = (id: any) => Observable<SelectItem>;
+
+declare abstract class BaseSelectComponent extends BaseControl implements OnInit {
+    get wrapperClasses(): "row" | "";
+    readonly componentBox: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly searchBox: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly searchBoxChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly list: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly dropdownOpenStatusChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Select items.
+     * If provided, the select will be considered static.
+     */
+    readonly items: _angular_core.InputSignal<SelectItem[] | undefined>;
+    /**
+     * Store used to load/filter the items.
+     */
+    readonly store: _angular_core.InputSignal<BaseSearchStore<any> | undefined>;
+    /**
+     * Observable used to load/filter the items.
+     */
+    readonly observable: _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.
+     */
+    readonly itemKey: _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.
+     */
+    readonly itemValue: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Maximum height of the dropdown.
+     */
+    readonly dropdownMaxHeight: _angular_core.InputSignal<number>;
+    readonly typeaheadDebounce: _angular_core.InputSignal<number>;
+    readonly shouldAutoSearch: _angular_core.InputSignal<boolean>;
+    readonly shouldCloseOnOutsideClick: _angular_core.InputSignal<boolean>;
+    readonly layout: _angular_core.InputSignal<HorizontalVerticalType>;
+    /**
+     * Value coming from a parent field when the rule `AttachmentTypeEnum.ParentLoad` is active.
+     * `upd-select` can use it to fetch the dependent list.
+     */
+    readonly parentValue: _angular_core.InputSignal<unknown>;
+    readonly parentSelectedId: _angular_core.InputSignal<any>;
+    readonly parentDependentLoader: _angular_core.InputSignal<ParentLoaderType | undefined>;
+    readonly getItemById: _angular_core.InputSignal<GetItemByIdType | undefined>;
+    layoutClasses: _angular_core.Signal<string[]>;
+    isLoading: boolean;
+    localItems: _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 hasInternalList;
+    private _isDropdownOpen;
+    private hostWrapperClasses;
+    private previousParentValue?;
+    private readonly searchInputSubject;
+    private readonly renderer;
+    private readonly ngZone;
+    private readonly domEventsService;
+    private readonly positioningService;
+    private readonly injector;
+    protected constructor();
+    ngOnInit(): void;
+    openDropdown(): void;
+    search(term?: string): void;
+    protected _setupLocalItems(items: SelectItem[]): void;
+    private searchLocal;
+    private searchExternal;
+    private getListItem;
+    private updatePosition;
+    abstract clearSelection(): void;
+    abstract onSelectItem(item: ListItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseSelectComponent, never>;
+    static ɵdir: _angular_core.ɵɵ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; }; "parentSelectedId": { "alias": "parentSelectedId"; "required": false; "isSignal": true; }; "parentDependentLoader": { "alias": "parentDependentLoader"; "required": false; "isSignal": true; }; "getItemById": { "alias": "getItemById"; "required": false; "isSignal": true; }; }, { "dropdownOpenStatusChange": "dropdownOpenStatusChange"; }, never, never, false, never>;
+}
+
+declare class SelectComponent extends BaseSelectComponent {
+    /**
+     * If true, it'll use the default style of the OS, no search capabilities.
+     */
+    readonly useSystemStyle: _angular_core.InputSignal<boolean>;
+    readonly shouldShowClearButton: _angular_core.InputSignal<boolean>;
+    readonly shouldTruncateSelectedText: _angular_core.InputSignal<OptionalType<boolean>>;
+    readonly isCompact: _angular_core.InputSignal<boolean>;
+    readonly value: _angular_core.ModelSignal<any>;
+    readonly shouldShowHintWithoutLabel: _angular_core.Signal<boolean>;
+    /**
+     * Triggered when an item is selected.
+     */
+    readonly selectedItem: _angular_core.OutputEmitterRef<OptionalType<SelectItem>>;
+    currentSelection?: SelectItem;
+    get canTruncateText(): boolean;
+    private isFetchingMissingItem;
+    constructor();
+    onSelectItem(item: ListItem): void;
+    search(term?: string): void;
+    clearSelection(isInternalCall?: boolean): void;
+    onSystemSelect(event: any): void;
+    protected _getValue(): any;
+    protected _updateValue(value: any): void;
+    private loadDependentData;
+    private clearData;
+    private fetchMissingItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; }, { "value": "valueChange"; "selectedItem": "selectedItem"; }, never, never, false, never>;
+}
+
+declare class SelectMultipleComponent extends BaseSelectComponent {
+    /**
+     * 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: _angular_core.InputSignal<SelectItem[] | undefined>;
+    currentSelection: SelectItem[];
+    constructor();
+    clearSelection(): void;
+    onSelectItem(item: ListItem): void;
+    onRemoveItem(item: SelectItem): void;
+    protected _getValue(): any;
+    protected _updateValue(value: any): void;
+    private updateActiveItemsOnList;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectMultipleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectMultipleComponent, "upd-select-multiple", never, { "selectedValues": { "alias": "selectedValues"; "required": false; "isSignal": true; }; }, { "selectedItems": "selectedItems"; "selectedIds": "selectedIds"; }, never, never, false, never>;
+}
+
+declare class UpdSelectModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpdSelectModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<UpdSelectModule, [typeof SelectComponent, typeof 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 SelectComponent, typeof SelectMultipleComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<UpdSelectModule>;
+}
+
+export { Defaults, SelectComponent, SelectMultipleComponent, UpdSelectModule };
+export type { GetItemByIdType, ParentLoaderType, SelectItem };