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

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

@@ -52,6 +52,8 @@ export declare class DynamicFieldComponent extends BaseComponent implements OnIn
     constructor();
     ngOnInit(): void;
     onBlur(): void;
+    onFocus(): void;
+    onInput(event: Event): void;
     setControlValue(value: any): void;
     getText(textModel?: TextModel): string;
     getOptionDescription(key: string, type: 'checkbox' | 'radio'): OptionalType<TextModel>;

package/form/models/dynamic-field.model.d.ts

@@ -1,4 +1,4 @@
-import { ValidatorFn } from '@angular/forms';
+import { FormControlStatus, ValidatorFn } from '@angular/forms';
 import { Signal } from '@angular/core';
 import { TextModel } from '@updevs/sdk';
 import { RowColumnSize } from '@updevs/components';
@@ -46,4 +46,11 @@ export interface DynamicFieldModel {
      * A signal to control the visibility of the field.
      */
     isVisible?: Signal<boolean>;
+    onValueChanged?: (value: any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onTouched?: () => void;
+    onInput?: (value: any) => void;
+    onEnter?: () => void;
+    onValidationStatusChanged?: (status: FormControlStatus) => void;
 }

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

@@ -1,5 +1,6 @@
 /// <reference path="base-control.ngtypecheck.d.ts" />
 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';
@@ -13,17 +14,34 @@ export declare abstract class BaseControl extends BaseComponent {
     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 isDisabled: import("@angular/core").ModelSignal<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>;
+    readonly formControl: import("@angular/core").InputSignal<AbstractControl<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;
-    protected readonly _textService: TextService;
+    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: i0.ɵɵFactoryDeclaration<BaseControl, 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>;
+    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; }; "formControl": { "alias": "formControl"; "required": false; "isSignal": true; }; }, { "isDisabled": "isDisabledChange"; }, never, never, false, never>;
 }

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

@@ -14,6 +14,8 @@ export declare class CheckboxComponent extends BaseControl {
     classes: import("@angular/core").Signal<string[]>;
     constructor();
     onSelectChange(event: Event): void;
+    protected _getValue(): any;
+    protected _updateValue(value: any): 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; }; "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.component.d.ts

@@ -40,6 +40,8 @@ export declare class FileUploadComponent extends BaseControl {
     onDragEnter(event: DragEvent): void;
     onDragLeave(event: DragEvent): void;
     onDrop(event: DragEvent): void;
+    protected _getValue(): any;
+    protected _updateValue(value: any): 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/input/input.component.d.ts

@@ -61,6 +61,8 @@ export declare class InputComponent extends BaseControl implements OnInit, OnCha
     ngOnChanges(changes: SimpleChanges): void;
     onInputChange(evt: Event): void;
     focus(): void;
+    protected _getValue(): any;
+    protected _updateValue(value: any): 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; }; "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

@@ -11,6 +11,9 @@ export declare class RadioComponent extends BaseControl implements OnInit, OnCha
     classes: string[];
     ngOnInit(): void;
     ngOnChanges(): void;
+    onRadioChange(event: Event): void;
+    protected _getValue(): any;
+    protected _updateValue(value: any): 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; }; "isChecked": { "alias": "isChecked"; "required": false; }; "isInline": { "alias": "isInline"; "required": false; }; }, { "selected": "selected"; }, never, never, false, never>;

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

@@ -23,6 +23,8 @@ export declare class SelectMultipleComponent extends BaseSelectComponent {
     clearSelection(): void;
     onSelectItem(item: ListItem): void;
     onRemoveItem(item: SelectItem): void;
+    protected _getValue(): any;
+    protected _updateValue(value: any): void;
     private updateActiveItemsOnList;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectMultipleComponent, 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

@@ -2,6 +2,7 @@ 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';
+import { GetItemByIdType, ParentLoaderType } from '../../models/types';
 import * as i0 from "@angular/core";
 export declare class SelectComponent extends BaseSelectComponent {
     /**
@@ -12,6 +13,9 @@ export declare class SelectComponent extends BaseSelectComponent {
     readonly shouldTruncateSelectedText: import("@angular/core").InputSignal<OptionalType<boolean>>;
     readonly isCompact: import("@angular/core").InputSignal<boolean>;
     readonly value: import("@angular/core").InputSignal<any>;
+    readonly parentSelectedId: import("@angular/core").InputSignal<any>;
+    readonly parentDependentLoader: import("@angular/core").InputSignal<ParentLoaderType | undefined>;
+    readonly getItemById: import("@angular/core").InputSignal<GetItemByIdType | undefined>;
     readonly shouldShowHintWithoutLabel: import("@angular/core").Signal<boolean>;
     /**
      * Triggered when an item is selected.
@@ -23,6 +27,11 @@ export declare class SelectComponent extends BaseSelectComponent {
     onSelectItem(item: ListItem): void;
     onSystemSelect(event: any): void;
     clearSelection(): void;
+    protected _getValue(): any;
+    protected _updateValue(value: any): void;
+    private loadDependentData;
+    private clearData;
+    private fetchMissingItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, 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>;
+    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; }; "parentSelectedId": { "alias": "parentSelectedId"; "required": false; "isSignal": true; }; "parentDependentLoader": { "alias": "parentDependentLoader"; "required": false; "isSignal": true; }; "getItemById": { "alias": "getItemById"; "required": false; "isSignal": true; }; }, { "selectedItem": "selectedItem"; }, never, never, false, never>;
 }

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

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

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

@@ -0,0 +1,4 @@
+import { Observable } from 'rxjs';
+import { SelectItem } from './select-item';
+export type ParentLoaderType = (parentId: any) => Observable<SelectItem[]>;
+export type GetItemByIdType = (id: any) => Observable<SelectItem>;

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

@@ -13,6 +13,8 @@ export declare class TextareaComponent extends BaseControl implements OnInit, On
     ngOnInit(): void;
     ngOnChanges(): void;
     updateValue(event?: any): void;
+    protected _getValue(): any;
+    protected _updateValue(value: 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; }; "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@updevs/components",
-  "version": "1.0.0-alpha.81",
+  "version": "1.0.0-alpha.83",
   "peerDependencies": {
     "@angular/common": "^18.0.1 || ^19.0.0",
     "@angular/core": "^18.0.1 || ^19.0.0",
@@ -34,6 +34,12 @@
       "esm": "./esm2022/badge/updevs-components-badge.mjs",
       "default": "./fesm2022/updevs-components-badge.mjs"
     },
+    "./card": {
+      "types": "./card/index.d.ts",
+      "esm2022": "./esm2022/card/updevs-components-card.mjs",
+      "esm": "./esm2022/card/updevs-components-card.mjs",
+      "default": "./fesm2022/updevs-components-card.mjs"
+    },
     "./button": {
       "types": "./button/index.d.ts",
       "esm2022": "./esm2022/button/updevs-components-button.mjs",
@@ -52,12 +58,6 @@
       "esm": "./esm2022/drag-and-drop/updevs-components-drag-and-drop.mjs",
       "default": "./fesm2022/updevs-components-drag-and-drop.mjs"
     },
-    "./card": {
-      "types": "./card/index.d.ts",
-      "esm2022": "./esm2022/card/updevs-components-card.mjs",
-      "esm": "./esm2022/card/updevs-components-card.mjs",
-      "default": "./fesm2022/updevs-components-card.mjs"
-    },
     "./dropdown": {
       "types": "./dropdown/index.d.ts",
       "esm2022": "./esm2022/dropdown/updevs-components-dropdown.mjs",