@updevs/components 1.0.0-alpha.1 → 1.0.0-alpha.11

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

@@ -0,0 +1 @@
+export * from './dynamic-field.type';

package/form/models/form-row.model.d.ts

@@ -0,0 +1,8 @@
+import { RequiredPermissionsModel } from '@updevs/sdk/security';
+import { DynamicFieldModel } from './dynamic-field.model';
+export interface FormRowModel {
+    fields: DynamicFieldModel[];
+    isCompact?: boolean;
+    isHidden?: boolean;
+    requiredPermissions?: RequiredPermissionsModel;
+}

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

@@ -0,0 +1,5 @@
+export * from './enums/public-api';
+export * from './checkbox-field.model';
+export * from './dynamic-field.model';
+export * from './form-row.model';
+export * from './radio-field.model';

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

@@ -0,0 +1,4 @@
+import { DynamicFieldModel } from './dynamic-field.model';
+export interface RadioFieldModel extends DynamicFieldModel {
+    isInline?: boolean;
+}

package/form/models/radio-group-field.model.d.ts

@@ -0,0 +1,6 @@
+import { DictionaryType } from '@updevs/sdk/types';
+import { TextModel } from '@updevs/sdk';
+import { RadioFieldModel } from './radio-field.model';
+export interface RadioGroupFieldModel extends RadioFieldModel {
+    options: DictionaryType<TextModel>;
+}

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

@@ -0,0 +1,28 @@
+import { SelectItem } from '@updevs/components/form-controls/select';
+import { BaseSearchStore, ObservableSearchType } from '@updevs/sdk/stores';
+import { DynamicFieldModel } from './dynamic-field.model';
+export interface SelectFieldModel extends DynamicFieldModel {
+    items?: SelectItem[];
+    store?: BaseSearchStore<any>;
+    /**
+     * Observable used to load/filter the items.
+     */
+    observable?: ObservableSearchType;
+    /**
+     * Name of the property in the object that represents the ID/key of the option.
+     * **Note:** used only for remote data.
+     */
+    itemKey?: string;
+    /**
+     * Name of the property in the object that represents the value/description of the option.
+     * **Note:** used only for remote data.
+     */
+    itemValue?: string;
+    /**
+     * Maximum height of the dropdown.
+     */
+    dropdownMaxHeight?: number;
+    typeaheadDebounce?: number;
+    shouldAutoSearch?: boolean;
+    shouldCloseOnOutsideClick?: boolean;
+}

package/form/models/single-select-field.model.d.ts

@@ -0,0 +1,4 @@
+import { SelectFieldModel } from './select-field.model';
+export interface SingleSelectFieldModel extends SelectFieldModel {
+    useSystemStyle?: boolean;
+}

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

@@ -0,0 +1,10 @@
+import { DynamicFieldModel } from './dynamic-field.model';
+export interface TextareaFieldModel extends DynamicFieldModel {
+    value?: string;
+    customClasses?: string;
+    wrapperClasses?: string;
+    maxLength?: number;
+    rows?: number;
+    isDisabled?: boolean;
+    displayCharactersCount?: boolean;
+}

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

@@ -0,0 +1,5 @@
+export interface ValidatorConfig {
+    text: string;
+    showLength?: boolean;
+    defaultErrorParamToShow?: string;
+}

package/form/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './models/public-api';
+export * from './form.component';
+export * from './upd-form.module';

package/form/tools/errors-helper.d.ts

@@ -0,0 +1,11 @@
+import { AbstractControl } from '@angular/forms';
+import { DictionaryType } from '@updevs/sdk/types';
+import { ValidatorConfig } from '../models/validator-config';
+import * as i0 from "@angular/core";
+export declare class ErrorsHelper {
+    private errors;
+    private readonly textService;
+    getMessages(control: AbstractControl, customConfig?: DictionaryType<ValidatorConfig>): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorsHelper, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ErrorsHelper>;
+}

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

@@ -0,0 +1,20 @@
+import { TranslocoService } from '@jsverse/transloco';
+import * as i0 from "@angular/core";
+import * as i1 from "./form.component";
+import * as i2 from "./components/dynamic-field/dynamic-field.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@updevs/components/button";
+import * as i6 from "@jsverse/transloco";
+import * as i7 from "@updevs/components/form-controls/input";
+import * as i8 from "@updevs/components/form-controls/checkbox";
+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";
+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 ɵinj: i0.ɵɵInjectorDeclaration<UpdFormModule>;
+}

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

@@ -0,0 +1,24 @@
+/// <reference path="base-control.ngtypecheck.d.ts" />
+import { TemplateRef } from '@angular/core';
+import { TextModel, TextService } from '@updevs/sdk';
+import { BaseComponent } from '@updevs/sdk/layout';
+import { 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>;
+    get placeholderText(): string;
+    get labelText(): string;
+    get descriptionText(): string;
+    get validationStatusTexts(): string[];
+    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>;
+}

package/form-controls/abstractions/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference path="index.ngtypecheck.d.ts" />
+export * from './public-api';

package/form-controls/abstractions/public-api.d.ts

@@ -0,0 +1,2 @@
+/// <reference path="public-api.ngtypecheck.d.ts" />
+export * from './base-control';

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

@@ -0,0 +1,21 @@
+import { EventEmitter, ElementRef } from '@angular/core';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
+import * as i0 from "@angular/core";
+export declare class CheckboxComponent extends BaseControl {
+    wrapperClasses: string;
+    checkboxInput: ElementRef;
+    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>;
+    isIndeterminate: import("@angular/core").ModelSignal<boolean>;
+    classes: import("@angular/core").Signal<string[]>;
+    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>;
+}

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

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

package/form-controls/checkbox/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './checkbox.component';
+export * from './upd-checkbox.module';

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

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

package/form-controls/date-picker/date-picker.component.d.ts

@@ -0,0 +1,87 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import { BaseComponent } from '@updevs/sdk/layout';
+import { OptionalType } from '@updevs/sdk/types';
+import { CalendarViewType, CalendarUserEventModel, DateRangeModel } from '@updevs/components/calendar';
+import * as i0 from "@angular/core";
+export declare class DatePickerComponent extends BaseComponent {
+    componentBox?: ElementRef;
+    calendar?: ElementRef;
+    shouldCloseOnOutsideClick: boolean;
+    /**
+     * The minimum selectable date.
+     */
+    minDate?: Date;
+    /**
+     * The maximum selectable date.
+     */
+    maxDate?: Date;
+    /**
+     * The date to open the calendar to initially
+     */
+    get startAt(): OptionalType<Date>;
+    set startAt(value: OptionalType<Date>);
+    /**
+     * The view that the calendar should start in.
+     */
+    startView: CalendarViewType;
+    dateFilter?: (date: Date) => boolean;
+    /**
+     * Whether the user is currently selecting a range of dates.
+     */
+    isRange: boolean;
+    /**
+     * Emits the year chosen in multiyear view.
+     * This doesn't imply a change on the selected date.
+     */
+    readonly yearSelected: EventEmitter<Date>;
+    /**
+     * Emits the month chosen in year view.
+     * This doesn't imply a change on the selected date.
+     */
+    readonly monthSelected: EventEmitter<Date>;
+    /**
+     * Emits when the current view changes.
+     */
+    readonly viewChanged: EventEmitter<CalendarViewType>;
+    /**
+     * Whether the dropdown is open.
+     */
+    isDropdownOpen: boolean;
+    /**
+     * Start of the comparison range.
+     */
+    comparisonStart?: Date;
+    /**
+     * End of the comparison range.
+     */
+    comparisonEnd?: Date;
+    /**
+     * ARIA Accessible name of the `<input matStartDate/>`
+     */
+    startDateAccessibleName?: string;
+    /**
+     * ARIA Accessible name of the `<input matEndDate/>`
+     */
+    endDateAccessibleName?: string;
+    selectedData: DateRangeModel;
+    get hasSelectedData(): boolean;
+    get startDate(): string;
+    get endDate(): string;
+    readonly id: string;
+    private _startAt?;
+    private readonly rangeSelectionStrategy;
+    private readonly dateService;
+    private readonly domEventsService;
+    private readonly positioningService;
+    private readonly ngZone;
+    private readonly renderer;
+    clearSelection(): void;
+    openDropdown(): void;
+    handleUserSelection(event: CalendarUserEventModel<OptionalType<Date>>): void;
+    handleUserDragDrop(event: CalendarUserEventModel<DateRangeModel>): void;
+    updateStartDate(value: any): void;
+    updateEndDate(value: any): void;
+    private updatePosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "upd-date-picker", never, { "shouldCloseOnOutsideClick": { "alias": "shouldCloseOnOutsideClick"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "viewChanged": "viewChanged"; }, never, never, false, never>;
+}

package/form-controls/date-picker/index.d.ts

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

package/form-controls/date-picker/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './date-picker.component';
+export * from './upd-date-picker.module';

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./date-picker.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@updevs/components/button";
+import * as i4 from "@updevs/components/calendar";
+import * as i5 from "@updevs/icons";
+import * as i6 from "@updevs/components/form-controls/input";
+export declare class UpdDatePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdDatePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdDatePickerModule, [typeof i1.DatePickerComponent], [typeof i2.CommonModule, typeof i3.UpdButtonModule, typeof i4.UpdCalendarModule, typeof i5.UpdIconsModule, typeof i6.UpdInputModule], [typeof i1.DatePickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdDatePickerModule>;
+}

package/form-controls/input/directives/input-append.directive.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/form-controls/input/directives/input-prepend.directive.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/form-controls/input/directives/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './input-append.directive';
+export * from './input-prepend.directive';

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

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

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

@@ -0,0 +1,66 @@
+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 { 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 {
+    hostWrapperClasses: string;
+    appendTemplate?: InputAppendDirective;
+    prependTemplate?: InputPrependDirective;
+    type: InputType;
+    mask?: string;
+    maskConfig?: UpdMaskConfig;
+    value?: any;
+    size: ComponentSizeType;
+    customClasses?: string;
+    wrapperClasses?: string;
+    name?: string;
+    maxLength?: number;
+    isDisabled: boolean;
+    isPlainText: boolean;
+    isReadOnly: boolean;
+    isLoading: boolean;
+    isRound: boolean;
+    isFlush: boolean;
+    isInputGroupFlat: boolean;
+    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>;
+    /**
+     * 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;
+    readonly valueChangedSub: Subject<string>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    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>;
+}

package/form-controls/input/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './directives/public-api';
+export * from './types/public-api';
+export * from './input.component';
+export * from './upd-input.module';

package/form-controls/input/types/input.type.d.ts

@@ -0,0 +1 @@
+export type InputType = 'text' | 'number' | 'email' | 'file' | 'hidden' | 'password';

package/form-controls/input/types/loader-position.type.d.ts

@@ -0,0 +1 @@
+export type LoaderPositionType = 'append' | 'prepend';

package/form-controls/input/types/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './input.type';
+export * from './loader-position.type';

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./input.component";
+import * as i2 from "./directives/input-append.directive";
+import * as i3 from "./directives/input-prepend.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "@updevs/icons";
+import * as i6 from "@updevs/sdk/mask";
+import * as i7 from "@updevs/components/popover";
+export declare class UpdInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdInputModule, [typeof i1.InputComponent, typeof i2.InputAppendDirective, typeof i3.InputPrependDirective], [typeof i4.CommonModule, typeof i5.UpdIconsModule, typeof i6.UpdMaskModule, typeof i7.UpdPopoverModule], [typeof i1.InputComponent, typeof i2.InputAppendDirective, typeof i3.InputPrependDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdInputModule>;
+}

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

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

package/form-controls/radio/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './radio.component';
+export * from './upd-radio.module';

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

@@ -0,0 +1,19 @@
+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 {
+    wrapperClasses: string;
+    value?: any;
+    customClasses?: string;
+    name?: string;
+    isDisabled: boolean;
+    isChecked: boolean;
+    isInline: boolean;
+    readonly selected: EventEmitter<void>;
+    classes: string[];
+    ngOnInit(): void;
+    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>;
+}

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

@@ -0,0 +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 i3.UpdPopoverModule, typeof i4.ReactiveFormsModule], [typeof i1.RadioComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdRadioModule>;
+}

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

@@ -0,0 +1,25 @@
+import { EventEmitter } from '@angular/core';
+import { ListItem } from '@updevs/components/list';
+import { BaseSelectComponent } from '../../models/abstractions/base-select.component';
+import { SelectItem } from '../../models/select-item';
+import * as i0 from "@angular/core";
+export 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[]>;
+    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"; "selectedIds": "selectedIds"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,26 @@
+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';
+import * as i0 from "@angular/core";
+export declare class SelectComponent extends BaseSelectComponent {
+    /**
+     * If true, it'll use the default style of the OS, no search capabilities.
+     */
+    useSystemStyle: boolean;
+    shouldShowClearButton: boolean;
+    isCompact: boolean;
+    set selected(item: OptionalType<SelectItem>);
+    /**
+     * Triggered when an item is selected.
+     */
+    readonly selectedItem: EventEmitter<OptionalType<SelectItem>>;
+    currentSelection?: SelectItem;
+    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; }; "shouldShowClearButton": { "alias": "shouldShowClearButton"; "required": false; }; "isCompact": { "alias": "isCompact"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectedItem": "selectedItem"; }, never, never, false, never>;
+}

package/form-controls/select/index.d.ts

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

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

@@ -0,0 +1,83 @@
+import { ElementRef, OnInit, EventEmitter } from '@angular/core';
+import { BaseSearchStore, ObservableSearchType } from '@updevs/sdk/stores';
+import { HorizontalVerticalType, RowColumnSize } from '@updevs/components';
+import { ListItem } from '@updevs/components/list';
+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 BaseControl implements OnInit {
+    get wrapperClasses(): "row" | "";
+    readonly dropdownOpenStatusChange: EventEmitter<boolean>;
+    componentBox: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    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.
+     */
+    items: import("@angular/core").InputSignal<SelectItem[] | undefined>;
+    /**
+     * Store used to load/filter the items.
+     */
+    store: import("@angular/core").InputSignal<BaseSearchStore<any> | undefined>;
+    /**
+     * Observable used to load/filter the items.
+     */
+    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: 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: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Maximum height of the dropdown.
+     */
+    dropdownMaxHeight: import("@angular/core").InputSignal<number>;
+    typeaheadDebounce: import("@angular/core").InputSignal<number>;
+    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[];
+    listItems: ListItem[];
+    dropdownClasses: string;
+    get isDropdownOpen(): boolean;
+    set isDropdownOpen(value: boolean);
+    get labelSizeClasses(): string;
+    protected _currentTerm?: string;
+    protected _localBackupItems: SelectItem[];
+    private hasExternalList;
+    private _isDropdownOpen;
+    private hostWrapperClasses;
+    private readonly searchInputSubject;
+    private readonly renderer;
+    private readonly ngZone;
+    private readonly domEventsService;
+    private readonly positioningService;
+    protected constructor();
+    ngOnInit(): void;
+    openDropdown(): void;
+    search(term?: string): void;
+    protected _setupLocalItems(items: SelectItem[]): void;
+    private searchLocal;
+    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, { "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>;
+}