@updevs/components 1.0.0-alpha.10 → 1.0.0-alpha.100

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

@@ -1,18 +1,47 @@
-import { SimpleChanges, OnInit, OnChanges } from '@angular/core';
-import { BgColorStyleType, ButtonModel } from '@updevs/sdk/layout';
-import { TopBottomLeftRightType } from '@updevs/sdk/types';
+import * as i0 from '@angular/core';
+import { TemplateRef, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { ButtonModel } from '@updevs/sdk/layout';
+import { TopBottomLeftRightType, BgColorStyleType } from '@updevs/sdk/types';
+import * as i7 from '@updevs/icons';
 import { IconModel } from '@updevs/icons';
-import { CardFooterDirective } from './directives/card-footer.directive';
-import { CardHeaderDirective } from './directives/card-header.directive';
-import { HoverEffectType } from './types/hover-effect.type';
-import { CardStateType } from './types/card-state.type';
-import { StatusPositionType } from './types/status-position.type';
-import { RibbonStyleType } from './types/ribbon-style.type';
-import { CardStyleType } from './types/card-style.type';
-import { CardImageDirective } from './directives/card-image.directive';
-import { CardActionsDirective } from './directives/card-actions.directive';
-import * as i0 from "@angular/core";
-export declare class CardComponent implements OnInit, OnChanges {
+import * as i6 from '@angular/common';
+import * as i8 from '@updevs/components/button';
+
+declare class CardActionsDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardActionsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardActionsDirective, "ng-template[updCardActions]", never, {}, {}, never, never, false, never>;
+}
+
+declare class CardFooterDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardFooterDirective, "ng-template[updCardFooter]", never, {}, {}, never, never, false, never>;
+}
+
+declare class CardHeaderDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardHeaderDirective, "ng-template[updCardHeader]", never, {}, {}, never, never, false, never>;
+}
+
+declare class CardImageDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardImageDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardImageDirective, "ng-template[updCardImage]", never, {}, {}, never, never, false, never>;
+}
+
+type CardStateType = 'active' | 'inactive';
+
+type CardStyleType = 'stacked';
+
+type HoverEffectType = 'default' | 'rotate' | 'pop';
+
+type RibbonStyleType = 'default' | 'top' | 'bottom' | 'bookmark' | 'start';
+
+type StatusPositionType = 'top' | 'bottom' | 'start';
+
+declare class CardComponent implements OnInit, OnChanges {
     wrapperClasses: string;
     headerTemplate?: CardHeaderDirective;
     footerTemplate?: CardFooterDirective;
@@ -52,3 +81,12 @@ export declare class CardComponent implements OnInit, OnChanges {
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "upd-card", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "hoverEffect": { "alias": "hoverEffect"; "required": false; }; "state": { "alias": "state"; "required": false; }; "type": { "alias": "type"; "required": false; }; "imagePosition": { "alias": "imagePosition"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "stampIcon": { "alias": "stampIcon"; "required": false; }; "stampBackground": { "alias": "stampBackground"; "required": false; }; "statusBackground": { "alias": "statusBackground"; "required": false; }; "statusPosition": { "alias": "statusPosition"; "required": false; }; "ribbonBackground": { "alias": "ribbonBackground"; "required": false; }; "ribbonStyle": { "alias": "ribbonStyle"; "required": false; }; "ribbonIcon": { "alias": "ribbonIcon"; "required": false; }; "ribbonText": { "alias": "ribbonText"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "removeBorder": { "alias": "removeBorder"; "required": false; }; "useLightHeader": { "alias": "useLightHeader"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "isFooterTransparent": { "alias": "isFooterTransparent"; "required": false; }; "footerText": { "alias": "footerText"; "required": false; }; "showProgressBar": { "alias": "showProgressBar"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, {}, ["headerTemplate", "footerTemplate", "imageTemplate", "actionsTemplate"], ["*"], false, never>;
 }
+
+declare class UpdCardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdCardModule, [typeof CardComponent, typeof CardHeaderDirective, typeof CardFooterDirective, typeof CardImageDirective, typeof CardActionsDirective], [typeof i6.CommonModule, typeof i7.UpdIconsModule, typeof i8.UpdButtonModule], [typeof CardComponent, typeof CardHeaderDirective, typeof CardFooterDirective, typeof CardImageDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdCardModule>;
+}
+
+export { CardActionsDirective, CardComponent, CardFooterDirective, CardHeaderDirective, CardImageDirective, UpdCardModule };
+export type { CardStateType, CardStyleType, HoverEffectType, RibbonStyleType, StatusPositionType };

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, OverflowStrategyType } from '@updevs/sdk/layout';
-import { TopBottomLeftRightType, LeftRightType } 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,24 +81,28 @@ 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;
     private baseWrapperClasses;
     private _isOpen;
+    private dropdownOutsideClickSub?;
     private readonly dropdownElement;
     private readonly ngZone;
     private readonly elementRef;
     private readonly renderer;
     private readonly positioningService;
     private readonly domEventsService;
+    private readonly injector;
     constructor();
     ngOnInit(): void;
     ngOnChanges(): void;
     onSelect(item: DropdownItem): void;
     onCheckboxChange(item: DropdownItem, isChecked: boolean): void;
     adaptAction(btn: ButtonModel, item: DropdownItem): ButtonModel;
+    trackByItemId(index: number, item: DropdownItem): any;
+    getButtonClasses(item: DropdownItem): string;
     private closeOnOutsideClick;
     private updateStyle;
     private updateWrapperClasses;
@@ -74,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/types/updevs-components-form-controls-date-picker.d.ts

@@ -0,0 +1,80 @@
+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 * 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;
+    shouldCloseOnOutsideClick: boolean;
+    shouldCloseOnSelectionFinished: 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>);
+    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 selected: EventEmitter<OptionalType<CalendarSelectedModel>>;
+    /**
+     * Whether the dropdown is open.
+     */
+    isDropdownOpen: boolean;
+    /**
+     * Start of the comparison range.
+     */
+    comparisonStart?: Date;
+    /**
+     * End of the comparison range.
+     */
+    comparisonEnd?: Date;
+    selectedData: CalendarSelectedModel;
+    get hasSelectedData(): boolean;
+    get selectedDate(): string;
+    get startDate(): string;
+    get endDate(): string;
+    readonly id: string;
+    private _startAt?;
+    private readonly dateService;
+    private readonly domEventsService;
+    private readonly positioningService;
+    private readonly ngZone;
+    private readonly renderer;
+    clearSelection(): void;
+    openDropdown(): void;
+    handleUserSelection(selected: OptionalType<CalendarSelectedModel>): void;
+    updateSelectedDate(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; }; "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/types/updevs-components-form-controls-input.d.ts

@@ -0,0 +1,95 @@
+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 * 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>;
+    appendTemplate?: InputAppendDirective;
+    prependTemplate?: InputPrependDirective;
+    type: InputType;
+    mask?: string;
+    maskConfig?: UpdMaskConfig;
+    value?: any;
+    size: ComponentSizeType;
+    customClasses?: string;
+    wrapperClasses?: string;
+    maxLength?: number;
+    isPlainText: boolean;
+    isReadOnly: boolean;
+    isLoading: boolean;
+    isRound: boolean;
+    isFlush: boolean;
+    isInputGroupFlat: boolean;
+    isPrependButton: boolean;
+    isAppendButton: boolean;
+    isFloating: boolean;
+    loaderPosition: LoaderPositionType;
+    prependIconModel?: IconModel;
+    appendIconModel?: IconModel;
+    isValidationStatusLight: boolean;
+    layout: HorizontalVerticalType;
+    readonly valueChange: EventEmitter<any>;
+    readonly blurred: EventEmitter<void>;
+    /**
+     * Emitted when any key is pressed.
+     */
+    readonly keyDown: EventEmitter<any>;
+    /**
+     * Emitted when the ESC key is pressed.
+     */
+    readonly keyDownEsc: EventEmitter<void>;
+    /**
+     * Emitted when the ENTER key is released.
+     */
+    readonly keyUpEnter: EventEmitter<void>;
+    classes: string[];
+    get shouldDisplayInnerLabel(): boolean;
+    get labelSizeClasses(): string;
+    get validationClass(): string;
+    get validationBorderClass(): string;
+    readonly valueChangedSub: Subject<string>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onInputChange(evt: Event): void;
+    focus(): void;
+    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>;
+}
+
+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/types/updevs-components-form-controls-radio.d.ts

@@ -0,0 +1,32 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, EventEmitter } from '@angular/core';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
+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;
+    isChecked: boolean;
+    isInline: boolean;
+    readonly selected: EventEmitter<void>;
+    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>;
+}
+
+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 };