@updevs/components 1.0.0-alpha.17 → 1.0.0-alpha.19

package/form/components/dynamic-field/dynamic-field.component.d.ts

@@ -5,6 +5,8 @@ import { OptionalType } from '@updevs/sdk/types';
 import { BaseComponent } from '@updevs/sdk/layout';
 import { HorizontalVerticalType, ValidationStatusType } from '@updevs/components';
 import { Defaults as SelectDefaults } from '@updevs/components/form-controls/select';
+import { FileUploadChangedEvent } from '@updevs/components/form-controls/file-upload';
+import { FileUploadFieldModel } from '../../models/file-upload-field.model';
 import { DynamicFieldType } from '../../models/enums/dynamic-field.type';
 import { DynamicFieldModel } from '../../models/dynamic-field.model';
 import { CheckboxFieldModel } from '../../models/checkbox-field.model';
@@ -31,14 +33,17 @@ export declare class DynamicFieldComponent extends BaseComponent implements OnIn
     get selectField(): SelectFieldModel;
     get singleSelectField(): SingleSelectFieldModel;
     get textareaField(): TextareaFieldModel;
+    get fileUploadField(): FileUploadFieldModel;
     get checkboxGroupOptionsKeys(): string[];
     get radioGroupOptionsKeys(): string[];
+    get fileNameControl(): OptionalType<FormControl>;
     private readonly errorsHelper;
     private readonly textService;
     ngOnInit(): void;
     onBlur(): void;
     getText(textModel?: TextModel): string;
     getOptionDescription(key: string, type: 'checkbox' | 'radio'): OptionalType<TextModel>;
+    handleFileSelected(event?: FileUploadChangedEvent): void;
     private setupWrapperClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFieldComponent, "upd-dynamic-field", never, { "formGroup": { "alias": "formGroup"; "required": true; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; "layout": { "alias": "layout"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;

package/form/form.component.d.ts

@@ -1,8 +1,8 @@
-import { OnInit, EventEmitter, InputSignal } from '@angular/core';
+import { EventEmitter, InputSignal, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { BaseComponent } from '@updevs/sdk/layout';
-import { TextModel } from '@updevs/sdk';
 import { HorizontalVerticalType } from '@updevs/components';
+import { TextModel } from '@updevs/sdk';
+import { BaseComponent } from '@updevs/sdk/layout';
 import { OptionalType } from '@updevs/sdk/types';
 import { FormRowModel } from './models/form-row.model';
 import * as i0 from "@angular/core";

package/form/models/file-upload-field.model.d.ts

@@ -0,0 +1,16 @@
+import { TextModel } from '@updevs/sdk';
+import { DynamicFieldModel } from './dynamic-field.model';
+export interface FileUploadFieldModel extends DynamicFieldModel {
+    title?: TextModel;
+    allowFilesDrop?: boolean;
+    isMultiple?: boolean;
+    allowedExtensions?: string;
+    minFileSize?: number;
+    maxFileSize?: number;
+    saveAsDataUrl?: boolean;
+    /**
+     * If set, uses this property to store/read the name of the file.
+     * *NOTE*: Required when using saveAsDataUrl.
+     */
+    fileNameFormProperty?: string;
+}

package/form/models/form-config.d.ts

@@ -0,0 +1,2 @@
+export interface FormConfig {
+}

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

@@ -1,5 +1,13 @@
 export * from './enums/public-api';
 export * from './checkbox-field.model';
+export * from './checkbox-group-field.model';
 export * from './dynamic-field.model';
+export * from './file-upload-field.model';
+export * from './form-config';
 export * from './form-row.model';
 export * from './radio-field.model';
+export * from './radio-field.model';
+export * from './radio-group-field.model';
+export * from './select-field.model';
+export * from './single-select-field.model';
+export * from './textarea-field.model';

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

@@ -12,9 +12,10 @@ import * as i9 from "@updevs/components/form-controls/radio";
 import * as i10 from "@updevs/components/form-controls/date-picker";
 import * as i11 from "@updevs/components/form-controls/select";
 import * as i12 from "@updevs/components/form-controls/textarea";
+import * as i13 from "@updevs/components/form-controls/file-upload";
 export declare class UpdFormModule {
     constructor(translocoService: TranslocoService);
     static ɵfac: i0.ɵɵFactoryDeclaration<UpdFormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdFormModule, [typeof i1.FormComponent, typeof i2.DynamicFieldComponent], [typeof i3.CommonModule, typeof i4.ReactiveFormsModule, typeof i5.UpdButtonModule, typeof i6.TranslocoDirective, typeof i7.UpdInputModule, typeof i8.UpdCheckboxModule, typeof i9.UpdRadioModule, typeof i10.UpdDatePickerModule, typeof i11.UpdSelectModule, typeof i12.UpdTextareaModule], [typeof i1.FormComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdFormModule, [typeof i1.FormComponent, typeof i2.DynamicFieldComponent], [typeof i3.CommonModule, typeof i4.ReactiveFormsModule, typeof i5.UpdButtonModule, typeof i6.TranslocoDirective, typeof i7.UpdInputModule, typeof i8.UpdCheckboxModule, typeof i9.UpdRadioModule, typeof i10.UpdDatePickerModule, typeof i11.UpdSelectModule, typeof i12.UpdTextareaModule, typeof i13.UpdFileUploadModule], [typeof i1.FormComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UpdFormModule>;
 }

package/form-controls/abstractions/base-control.d.ts

@@ -2,17 +2,22 @@
 import { TemplateRef } from '@angular/core';
 import { TextModel, TextService } from '@updevs/sdk';
 import { BaseComponent } from '@updevs/sdk/layout';
-import { ValidationStatusType } from '@updevs/components';
+import { RowColumnSize, ValidationStatusType } from '@updevs/components';
 import * as i0 from "@angular/core";
 export declare abstract class BaseControl extends BaseComponent {
-    placeholder: import("@angular/core").InputSignal<TextModel | undefined>;
-    label: import("@angular/core").InputSignal<TextModel | undefined>;
-    description: import("@angular/core").InputSignal<TextModel | undefined>;
-    validationStatusDescriptions: import("@angular/core").InputSignal<TextModel[]>;
-    hint: import("@angular/core").InputSignal<TextModel | undefined>;
-    hintTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
-    hintAsTooltip: import("@angular/core").InputSignal<boolean>;
-    validationStatus: import("@angular/core").InputSignal<ValidationStatusType | undefined>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<TextModel | undefined>;
+    readonly label: import("@angular/core").InputSignal<TextModel | undefined>;
+    readonly description: import("@angular/core").InputSignal<TextModel | undefined>;
+    readonly validationStatusDescriptions: import("@angular/core").InputSignal<TextModel[]>;
+    readonly labelColSize: import("@angular/core").InputSignal<RowColumnSize | undefined>;
+    readonly showValidStatus: import("@angular/core").InputSignal<boolean>;
+    readonly isRequired: import("@angular/core").InputSignal<boolean>;
+    readonly isDisabled: import("@angular/core").InputSignal<boolean>;
+    readonly hint: import("@angular/core").InputSignal<TextModel | undefined>;
+    readonly hintTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    readonly hintAsTooltip: import("@angular/core").InputSignal<boolean>;
+    readonly validationStatus: import("@angular/core").InputSignal<ValidationStatusType | undefined>;
     get placeholderText(): string;
     get labelText(): string;
     get descriptionText(): string;
@@ -20,5 +25,5 @@ export declare abstract class BaseControl extends BaseComponent {
     get hintText(): string;
     protected readonly _textService: TextService;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseControl, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseControl, never, never, { "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; }; "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; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵ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; }; }, {}, never, never, false, never>;
 }

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

@@ -7,8 +7,6 @@ export declare class CheckboxComponent extends BaseControl {
     readonly changed: EventEmitter<boolean>;
     value: import("@angular/core").InputSignal<any>;
     customClasses: import("@angular/core").InputSignal<string | undefined>;
-    name: import("@angular/core").InputSignal<string | undefined>;
-    isDisabled: import("@angular/core").InputSignal<boolean>;
     isChecked: import("@angular/core").ModelSignal<boolean>;
     isInline: import("@angular/core").InputSignal<boolean>;
     isSwitch: import("@angular/core").InputSignal<boolean>;
@@ -17,5 +15,5 @@ export declare class CheckboxComponent extends BaseControl {
     constructor();
     onSelectChange(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "upd-checkbox", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "customClasses": { "alias": "customClasses"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "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>;
+    static ɵcmp: i0.ɵɵ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>;
 }

package/form-controls/file-upload/file-upload-changed.event.d.ts

@@ -0,0 +1,4 @@
+export interface FileUploadChangedEvent {
+    file: File;
+    dataUrl: string;
+}

package/form-controls/file-upload/file-upload.component.d.ts

@@ -0,0 +1,46 @@
+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 { FileUploadChangedEvent } from './file-upload-changed.event';
+import * as i0 from "@angular/core";
+export declare class FileUploadComponent extends BaseControl {
+    hostWrapperClasses: string;
+    readonly fileChanged: EventEmitter<OptionalType<FileUploadChangedEvent>>;
+    readonly fileName: import("@angular/core").InputSignal<string | undefined>;
+    readonly title: import("@angular/core").InputSignal<TextModel | undefined>;
+    readonly allowFilesDrop: import("@angular/core").InputSignal<boolean>;
+    readonly isMultiple: import("@angular/core").InputSignal<boolean>;
+    readonly allowedExtensions: import("@angular/core").InputSignal<string>;
+    readonly minFileSize: import("@angular/core").InputSignal<number | undefined>;
+    readonly maxFileSize: import("@angular/core").InputSignal<number | undefined>;
+    readonly layout: import("@angular/core").InputSignal<HorizontalVerticalType>;
+    readonly isOver: import("@angular/core").WritableSignal<boolean>;
+    readonly showValidationStatus: import("@angular/core").Signal<boolean>;
+    readonly validationStatusClass: import("@angular/core").Signal<string>;
+    readonly validationStatusBorderClass: import("@angular/core").Signal<"" | "border-danger" | "border-success">;
+    readonly errorsList: import("@angular/core").Signal<string[]>;
+    readonly currentFiles: import("@angular/core").WritableSignal<OptionalType<File[]>>;
+    readonly labelSizeClasses: import("@angular/core").Signal<string>;
+    readonly firstFileName: import("@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;
+    private getFileErrors;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/form-controls/file-upload/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/form-controls/file-upload/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './file-upload.component';
+export * from './file-upload-changed.event';
+export * from './upd-file-upload.module';

package/form-controls/file-upload/upd-file-upload.module.d.ts

@@ -0,0 +1,14 @@
+import { TranslocoService } from '@jsverse/transloco';
+import * as i0 from "@angular/core";
+import * as i1 from "./file-upload.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@jsverse/transloco";
+import * as i4 from "@updevs/components/button";
+import * as i5 from "@updevs/icons";
+import * as i6 from "@updevs/components/popover";
+export declare class UpdFileUploadModule {
+    constructor(translocoService: TranslocoService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdFileUploadModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdFileUploadModule, [typeof i1.FileUploadComponent], [typeof i2.CommonModule, typeof i3.TranslocoModule, typeof i4.UpdButtonModule, typeof i5.UpdIconsModule, typeof i6.UpdPopoverModule], [typeof i1.FileUploadComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdFileUploadModule>;
+}

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

@@ -1,7 +1,7 @@
 import { SimpleChanges, OnInit, OnChanges, EventEmitter } from '@angular/core';
 import { IconModel } from '@updevs/icons';
 import { UpdMaskConfig } from '@updevs/sdk/mask';
-import { ComponentSizeType, HorizontalVerticalType, RowColumnSize } 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';
@@ -20,9 +20,7 @@ export declare class InputComponent extends BaseControl implements OnInit, OnCha
     size: ComponentSizeType;
     customClasses?: string;
     wrapperClasses?: string;
-    name?: string;
     maxLength?: number;
-    isDisabled: boolean;
     isPlainText: boolean;
     isReadOnly: boolean;
     isLoading: boolean;
@@ -32,13 +30,11 @@ export declare class InputComponent extends BaseControl implements OnInit, OnCha
     isPrependButton: boolean;
     isAppendButton: boolean;
     isFloating: boolean;
-    isRequired: boolean;
     loaderPosition: LoaderPositionType;
     prependIconModel?: IconModel;
     appendIconModel?: IconModel;
     isValidationStatusLight: boolean;
     layout: HorizontalVerticalType;
-    labelColSize?: RowColumnSize;
     readonly valueChange: EventEmitter<any>;
     readonly blurred: EventEmitter<void>;
     /**
@@ -62,5 +58,5 @@ export declare class InputComponent extends BaseControl implements OnInit, OnCha
     onInputChange(evt: Event): void;
     private updateClasses;
     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; }; "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; }; "isValidationStatusLight": { "alias": "isValidationStatusLight"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "labelColSize": { "alias": "labelColSize"; "required": false; }; }, { "valueChange": "valueChange"; "blurred": "blurred"; "keyDown": "keyDown"; "keyDownEsc": "keyDownEsc"; "keyUpEnter": "keyUpEnter"; }, ["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

@@ -5,8 +5,6 @@ export declare class RadioComponent extends BaseControl implements OnInit, OnCha
     wrapperClasses: string;
     value?: any;
     customClasses?: string;
-    name?: string;
-    isDisabled: boolean;
     isChecked: boolean;
     isInline: boolean;
     readonly selected: EventEmitter<void>;
@@ -15,5 +13,5 @@ export declare class RadioComponent extends BaseControl implements OnInit, OnCha
     ngOnChanges(): void;
     private updateClasses;
     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; }; "name": { "alias": "name"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isChecked": { "alias": "isChecked"; "required": false; }; "isInline": { "alias": "isInline"; "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/select/models/abstractions/base-select.component.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, OnInit, EventEmitter } from '@angular/core';
 import { BaseSearchStore, ObservableSearchType } from '@updevs/sdk/stores';
-import { HorizontalVerticalType, RowColumnSize } from '@updevs/components';
+import { HorizontalVerticalType } from '@updevs/components';
 import { ListItem } from '@updevs/components/list';
 import { BaseControl } from '@updevs/components/form-controls/abstractions';
 import { SelectItem } from '../select-item';
@@ -12,10 +12,6 @@ export declare abstract class BaseSelectComponent extends BaseControl implements
     searchBox: import("@angular/core").Signal<ElementRef<any> | undefined>;
     searchBoxChild: import("@angular/core").Signal<ElementRef<any> | undefined>;
     list: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    /**
-     * Name of the HTML component.
-     */
-    name: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Select items.
      * If provided, the select will be considered static.
@@ -47,8 +43,6 @@ export declare abstract class BaseSelectComponent extends BaseControl implements
     shouldAutoSearch: import("@angular/core").InputSignal<boolean>;
     shouldCloseOnOutsideClick: import("@angular/core").InputSignal<boolean>;
     layout: import("@angular/core").InputSignal<HorizontalVerticalType>;
-    labelColSize: import("@angular/core").InputSignal<RowColumnSize | undefined>;
-    isDisabled: import("@angular/core").InputSignal<boolean>;
     layoutClasses: import("@angular/core").Signal<string[]>;
     isLoading: boolean;
     localItems: SelectItem[];
@@ -79,5 +73,5 @@ export declare abstract class BaseSelectComponent extends BaseControl implements
     abstract clearSelection(): void;
     abstract onSelectItem(item: ListItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseSelectComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelectComponent, never, never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "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; }; "labelColSize": { "alias": "labelColSize"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; }, { "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; }; }, { "dropdownOpenStatusChange": "dropdownOpenStatusChange"; }, never, never, false, never>;
 }

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

@@ -6,10 +6,8 @@ export declare class TextareaComponent extends BaseControl implements OnInit, On
     value: import("@angular/core").ModelSignal<string | undefined>;
     customClasses: import("@angular/core").InputSignal<string | undefined>;
     wrapperClasses: import("@angular/core").InputSignal<string | undefined>;
-    name: import("@angular/core").InputSignal<string | undefined>;
     maxLength: import("@angular/core").InputSignal<number | undefined>;
     rows: import("@angular/core").InputSignal<number | undefined>;
-    isDisabled: import("@angular/core").InputSignal<boolean>;
     displayCharactersCount: import("@angular/core").InputSignal<boolean>;
     classes: string[];
     ngOnInit(): void;
@@ -17,5 +15,5 @@ export declare class TextareaComponent extends BaseControl implements OnInit, On
     updateValue(event?: any): void;
     private updateClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, 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; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "displayCharactersCount": { "alias": "displayCharactersCount"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, 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/layout/layouts/blank-layout/blank-layout.component.d.ts

@@ -1,7 +1,9 @@
+import { OnInit } from '@angular/core';
 import { BaseLayout } from '../../abstractions/base.layout';
 import * as i0 from "@angular/core";
-export declare class BlankLayoutComponent extends BaseLayout {
+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/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@updevs/components",
-  "version": "1.0.0-alpha.17",
+  "version": "1.0.0-alpha.19",
   "peerDependencies": {
     "@angular/common": "^18.0.1",
     "@angular/core": "^18.0.1",
     "@jsverse/transloco": "^7.4.2",
+    "@jsverse/transloco-messageformat": "^7.0.1",
     "@updevs/icons": "^1.0.9",
-    "@updevs/sdk": "^1.0.0-alpha.23"
+    "@updevs/sdk": "^1.0.0-alpha.24"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -27,17 +28,23 @@
       "esm": "./esm2022/updevs-components.mjs",
       "default": "./fesm2022/updevs-components.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "esm2022": "./esm2022/button/updevs-components-button.mjs",
+      "esm": "./esm2022/button/updevs-components-button.mjs",
+      "default": "./fesm2022/updevs-components-button.mjs"
+    },
     "./badge": {
       "types": "./badge/index.d.ts",
       "esm2022": "./esm2022/badge/updevs-components-badge.mjs",
       "esm": "./esm2022/badge/updevs-components-badge.mjs",
       "default": "./fesm2022/updevs-components-badge.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "esm2022": "./esm2022/button/updevs-components-button.mjs",
-      "esm": "./esm2022/button/updevs-components-button.mjs",
-      "default": "./fesm2022/updevs-components-button.mjs"
+    "./calendar": {
+      "types": "./calendar/index.d.ts",
+      "esm2022": "./esm2022/calendar/updevs-components-calendar.mjs",
+      "esm": "./esm2022/calendar/updevs-components-calendar.mjs",
+      "default": "./fesm2022/updevs-components-calendar.mjs"
     },
     "./card": {
       "types": "./card/index.d.ts",
@@ -51,12 +58,6 @@
       "esm": "./esm2022/drag-and-drop/updevs-components-drag-and-drop.mjs",
       "default": "./fesm2022/updevs-components-drag-and-drop.mjs"
     },
-    "./calendar": {
-      "types": "./calendar/index.d.ts",
-      "esm2022": "./esm2022/calendar/updevs-components-calendar.mjs",
-      "esm": "./esm2022/calendar/updevs-components-calendar.mjs",
-      "default": "./fesm2022/updevs-components-calendar.mjs"
-    },
     "./dropdown": {
       "types": "./dropdown/index.d.ts",
       "esm2022": "./esm2022/dropdown/updevs-components-dropdown.mjs",
@@ -129,11 +130,11 @@
       "esm": "./esm2022/form-controls/date-picker/updevs-components-form-controls-date-picker.mjs",
       "default": "./fesm2022/updevs-components-form-controls-date-picker.mjs"
     },
-    "./form-controls/radio": {
-      "types": "./form-controls/radio/index.d.ts",
-      "esm2022": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
-      "esm": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
-      "default": "./fesm2022/updevs-components-form-controls-radio.mjs"
+    "./form-controls/file-upload": {
+      "types": "./form-controls/file-upload/index.d.ts",
+      "esm2022": "./esm2022/form-controls/file-upload/updevs-components-form-controls-file-upload.mjs",
+      "esm": "./esm2022/form-controls/file-upload/updevs-components-form-controls-file-upload.mjs",
+      "default": "./fesm2022/updevs-components-form-controls-file-upload.mjs"
     },
     "./form-controls/input": {
       "types": "./form-controls/input/index.d.ts",
@@ -141,11 +142,11 @@
       "esm": "./esm2022/form-controls/input/updevs-components-form-controls-input.mjs",
       "default": "./fesm2022/updevs-components-form-controls-input.mjs"
     },
-    "./form-controls/select": {
-      "types": "./form-controls/select/index.d.ts",
-      "esm2022": "./esm2022/form-controls/select/updevs-components-form-controls-select.mjs",
-      "esm": "./esm2022/form-controls/select/updevs-components-form-controls-select.mjs",
-      "default": "./fesm2022/updevs-components-form-controls-select.mjs"
+    "./form-controls/radio": {
+      "types": "./form-controls/radio/index.d.ts",
+      "esm2022": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
+      "esm": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
+      "default": "./fesm2022/updevs-components-form-controls-radio.mjs"
     },
     "./form-controls/textarea": {
       "types": "./form-controls/textarea/index.d.ts",
@@ -153,6 +154,12 @@
       "esm": "./esm2022/form-controls/textarea/updevs-components-form-controls-textarea.mjs",
       "default": "./fesm2022/updevs-components-form-controls-textarea.mjs"
     },
+    "./form-controls/select": {
+      "types": "./form-controls/select/index.d.ts",
+      "esm2022": "./esm2022/form-controls/select/updevs-components-form-controls-select.mjs",
+      "esm": "./esm2022/form-controls/select/updevs-components-form-controls-select.mjs",
+      "default": "./fesm2022/updevs-components-form-controls-select.mjs"
+    },
     "./form-controls/time-picker": {
       "types": "./form-controls/time-picker/index.d.ts",
       "esm2022": "./esm2022/form-controls/time-picker/updevs-components-form-controls-time-picker.mjs",