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

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

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

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

@@ -0,0 +1,31 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnChanges } from '@angular/core';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
+import * as i2 from '@angular/common';
+
+declare class TextareaComponent extends BaseControl implements OnInit, OnChanges {
+    hostWrapperClasses: string;
+    value: _angular_core.ModelSignal<string | undefined>;
+    customClasses: _angular_core.InputSignal<string | undefined>;
+    wrapperClasses: _angular_core.InputSignal<string | undefined>;
+    maxLength: _angular_core.InputSignal<number | undefined>;
+    rows: _angular_core.InputSignal<number | undefined>;
+    displayCharactersCount: _angular_core.InputSignal<boolean>;
+    classes: string[];
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    updateValue(event?: any): void;
+    protected _getValue(): any;
+    protected _updateValue(value: any): void;
+    private updateClasses;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+declare class UpdTextareaModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpdTextareaModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<UpdTextareaModule, [typeof TextareaComponent], [typeof i2.CommonModule], [typeof TextareaComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<UpdTextareaModule>;
+}
+
+export { TextareaComponent, UpdTextareaModule };

package/types/updevs-components-form-controls-time-picker.d.ts

@@ -0,0 +1,164 @@
+import * as i4 from '@jsverse/transloco';
+import { TranslocoService } from '@jsverse/transloco';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, ElementRef, SimpleChanges } from '@angular/core';
+import * as i3 from '@angular/common';
+import * as i5 from '@updevs/components/form-controls/input';
+import * as i6 from '@updevs/icons';
+import * as i7 from '@updevs/components/button';
+import * as i8 from '@updevs/components/list';
+import * as i9 from '@updevs/components/dropdown';
+
+declare class TimePickerComponent implements OnInit, OnChanges {
+    inputRef?: ElementRef;
+    /**
+     * Maximum height of the dropdown.
+     */
+    dropdownMaxHeight: number;
+    /**
+     * Whether the mask should be shown.
+     */
+    showMask: boolean;
+    /**
+     * Whether seconds should be selectable.
+     */
+    shouldSelectSeconds: boolean;
+    /**
+     * Whether the 24-hour format will be used or the 12-hour one (AM/PM)
+     */
+    shouldUse24hFormat: boolean;
+    /**
+     * Hour from which where the list will begin.
+     */
+    startingHour: number;
+    /**
+     * Hour from which where the list will end.
+     */
+    endingHour: number;
+    /**
+     * Interval between hours displayed.
+     */
+    hourInterval: number;
+    /**
+     * Minute from which where the list will begin.
+     */
+    startingMinute: number;
+    /**
+     * Minute from which where the list will end.
+     */
+    endingMinute: number;
+    /**
+     * Interval between minutes displayed.
+     */
+    minuteInterval: number;
+    /**
+     * Second from which where the list will begin.
+     */
+    startingSecond: number;
+    /**
+     * Second from which where the list will end.
+     */
+    endingSecond: number;
+    /**
+     * Interval between seconds displayed.
+     */
+    secondInterval: number;
+    /**
+     * Custom list of hours to be displayed for selection.
+     */
+    customHours?: number[];
+    /**
+     * Custom list of minutes to be displayed for selection.
+     */
+    customMinutes?: number[];
+    /**
+     * Custom list of seconds to be displayed for selection.
+     */
+    customSeconds?: number[];
+    maxWidth: number;
+    isDropdownOpen: boolean;
+    get inputMask(): string;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    openDropdown(): void;
+    private setupStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "upd-time-picker", never, { "dropdownMaxHeight": { "alias": "dropdownMaxHeight"; "required": false; }; "showMask": { "alias": "showMask"; "required": false; }; "shouldSelectSeconds": { "alias": "shouldSelectSeconds"; "required": false; }; "shouldUse24hFormat": { "alias": "shouldUse24hFormat"; "required": false; }; "startingHour": { "alias": "startingHour"; "required": false; }; "endingHour": { "alias": "endingHour"; "required": false; }; "hourInterval": { "alias": "hourInterval"; "required": false; }; "startingMinute": { "alias": "startingMinute"; "required": false; }; "endingMinute": { "alias": "endingMinute"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "startingSecond": { "alias": "startingSecond"; "required": false; }; "endingSecond": { "alias": "endingSecond"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "customHours": { "alias": "customHours"; "required": false; }; "customMinutes": { "alias": "customMinutes"; "required": false; }; "customSeconds": { "alias": "customSeconds"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class TimeSelectorComponent implements OnInit, OnChanges {
+    /**
+     * Whether seconds should be selectable.
+     */
+    shouldSelectSeconds: boolean;
+    /**
+     * Whether the 24-hour format will be used or the 12-hour one (AM/PM)
+     */
+    shouldUse24hFormat: boolean;
+    /**
+     * Hour from which where the list will begin.
+     */
+    startingHour: number;
+    /**
+     * Hour from which where the list will end.
+     */
+    endingHour: number;
+    /**
+     * Interval between hours displayed.
+     */
+    hourInterval: number;
+    /**
+     * Minute from which where the list will begin.
+     */
+    startingMinute: number;
+    /**
+     * Minute from which where the list will end.
+     */
+    endingMinute: number;
+    /**
+     * Interval between minutes displayed.
+     */
+    minuteInterval: number;
+    /**
+     * Second from which where the list will begin.
+     */
+    startingSecond: number;
+    /**
+     * Second from which where the list will end.
+     */
+    endingSecond: number;
+    /**
+     * Interval between seconds displayed.
+     */
+    secondInterval: number;
+    /**
+     * Custom list of hours to be displayed for selection.
+     */
+    customHours?: number[];
+    /**
+     * Custom list of minutes to be displayed for selection.
+     */
+    customMinutes?: number[];
+    /**
+     * Custom list of seconds to be displayed for selection.
+     */
+    customSeconds?: number[];
+    hoursList: number[];
+    minutesList: number[];
+    secondsList: number[];
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private setupTimeLists;
+    private setupTimeList;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimeSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimeSelectorComponent, "upd-time-selector", never, { "shouldSelectSeconds": { "alias": "shouldSelectSeconds"; "required": false; }; "shouldUse24hFormat": { "alias": "shouldUse24hFormat"; "required": false; }; "startingHour": { "alias": "startingHour"; "required": false; }; "endingHour": { "alias": "endingHour"; "required": false; }; "hourInterval": { "alias": "hourInterval"; "required": false; }; "startingMinute": { "alias": "startingMinute"; "required": false; }; "endingMinute": { "alias": "endingMinute"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "startingSecond": { "alias": "startingSecond"; "required": false; }; "endingSecond": { "alias": "endingSecond"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "customHours": { "alias": "customHours"; "required": false; }; "customMinutes": { "alias": "customMinutes"; "required": false; }; "customSeconds": { "alias": "customSeconds"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class UpdTimePickerModule {
+    constructor(translocoService: TranslocoService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdTimePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdTimePickerModule, [typeof TimePickerComponent, typeof TimeSelectorComponent], [typeof i3.CommonModule, typeof i4.TranslocoModule, typeof i5.UpdInputModule, typeof i6.UpdIconsModule, typeof i7.UpdButtonModule, typeof i8.UpdListModule, typeof i9.UpdDropdownModule], [typeof TimePickerComponent, typeof TimeSelectorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdTimePickerModule>;
+}
+
+export { TimePickerComponent, TimeSelectorComponent, UpdTimePickerModule };