@ieeesa-npm/presentation 0.33.16 → 0.33.18

package/lib/components/autocomplete/autocomplete.component.d.ts

@@ -17,6 +17,7 @@ import * as i0 from "@angular/core";
  */
 export declare class AutocompleteComponent implements OnInit, FormField, OnDestroy, AfterViewInit {
     private formUtilityService;
+    private elementRef;
     config: FieldConfig;
     group: FormGroup;
     value: string;
@@ -30,7 +31,11 @@ export declare class AutocompleteComponent implements OnInit, FormField, OnDestr
     autoComplete: ElementRef;
     destroy$: Subject<boolean>;
     autocompleteConstInfo: any;
-    constructor(formUtilityService: FormUtilityService);
+    constructor(formUtilityService: FormUtilityService, elementRef: ElementRef<HTMLElement>);
+    private formOverlayScrollContainer?;
+    private readonly preferredAutocompleteOverlayHeight;
+    private readonly overlayWheelListener;
+    private readonly formScrollListener;
     /**
      * Implementation of ngOnInit lifecycle hook method to initialize components instance properties.
      * @memberof AutocompleteComponent
@@ -73,6 +78,13 @@ export declare class AutocompleteComponent implements OnInit, FormField, OnDestr
      * @memberof AutocompleteComponent
      */
     ngOnDestroy(): void;
+    onAutocompleteOpen(): void;
+    onAutocompleteClose(): void;
+    private setOverlayClipBounds;
+    private getFormOverlayScrollContainer;
+    private updateOverlayClipBounds;
+    private makeRoomForAutocompleteOverlay;
+    private clearOverlayClipBounds;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ieeesa-autocomplete", never, { "autoCompleteOptions": { "alias": "autoCompleteOptions"; "required": false; }; "isSelectedOptionsVisible": { "alias": "isSelectedOptionsVisible"; "required": false; }; }, { "autoCompleteSearchValue": "autoCompleteSearchValue"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; }, never, never, true, never>;
 }

package/lib/components/date-picker/date-picker.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { MomentDateAdapter } from '@angular/material-moment-adapter';
 import { DatePickerHeaderComponent } from '../../components/date-picker-header/date-picker-header.component';
@@ -27,11 +27,12 @@ export declare class CustomDateAdapter extends MomentDateAdapter {
  * @implements {OnInit}
  * @implements {AfterViewInit}
  */
-export declare class DatePickerComponent implements FormField, OnInit {
+export declare class DatePickerComponent implements FormField, OnInit, OnDestroy {
     private fb;
     private changeDetectorRef;
     private datepickerService;
     private formUtilityService;
+    private elementRef;
     config: FieldConfig;
     group: FormGroup;
     datePickerHeader: typeof DatePickerHeaderComponent;
@@ -81,7 +82,9 @@ export declare class DatePickerComponent implements FormField, OnInit {
     }>;
     calendarSelectedDate: Date;
     buttonActionsInfo: any;
-    constructor(fb: FormBuilder, changeDetectorRef: ChangeDetectorRef, datepickerService: DatepickerService, formUtilityService: FormUtilityService);
+    private formOverlayScrollContainer?;
+    private readonly overlayWheelListener;
+    constructor(fb: FormBuilder, changeDetectorRef: ChangeDetectorRef, datepickerService: DatepickerService, formUtilityService: FormUtilityService, elementRef: ElementRef<HTMLElement>);
     /**
      * Implementation of  ngOnInit lifecycle hook method to creates config if its undefined and sets components instance variables if config is defined. Sets the form group value if form group is defined.
      * @memberof DatePickerComponent
@@ -134,6 +137,12 @@ export declare class DatePickerComponent implements FormField, OnInit {
      * @memberof DatePickerComponent
      */
     onDatePickerOpen(controlName: string): void;
+    onDatePickerClose(): void;
+    ngOnDestroy(): void;
+    private setOverlayClipBounds;
+    private scrollFieldIntoViewForCalendar;
+    private getFormOverlayScrollContainer;
+    private clearOverlayClipBounds;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "ieeesa-date-picker", never, { "selectedDates": { "alias": "selectedDates"; "required": false; }; "selectedRange": { "alias": "selectedRange"; "required": false; }; "calendarType": { "alias": "calendarType"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isLabelAlignedLeft": { "alias": "isLabelAlignedLeft"; "required": false; }; "datepickerLabel": { "alias": "datepickerLabel"; "required": false; }; "dateRange": { "alias": "dateRange"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "selectedDate": "selectedDate"; "selectedDateRange": "selectedDateRange"; }, never, never, true, never>;
 }

package/lib/components/multi-select-autocomplete/multi-select-autocomplete.component.d.ts

@@ -87,6 +87,24 @@ export declare class MultiSelectAutocompleteComponent implements OnInit, FormFie
      * @memberof MultiSelectAutocompleteComponent
      */
     onChange(option: any): AutoCompleteOption;
+    /**
+     * Clears the typeahead search text from both the reactive form control and the
+     * native input element without touching the selected chips. Uses
+     * `emitEvent: false` so the valueChanges search stream is not re-triggered.
+     * @memberof MultiSelectAutocompleteComponent
+     */
+    private clearSearchInput;
+    /**
+     * Fires when focus leaves the search input (click outside / tab away). If text
+     * was typed but never committed as a chip (i.e. nothing was picked from the
+     * dropdown), clear it so stale search text is not left behind. Deferred with a
+     * short timeout so that if the blur was caused by clicking a dropdown option,
+     * onChange commits the selection first (and has already cleared the text),
+     * making this a no-op in that case. Clicking back into the same field does not
+     * blur it, so the text is preserved while the user is still editing.
+     * @memberof MultiSelectAutocompleteComponent
+     */
+    onInputBlur(): void;
     /**
      * Formats the selected options and emits the multiSelectAutoCompleteOptionSelected event.
      * @param {SelectOption[]} selectedOptions -Array of selected options.

package/lib/components/select/select.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit, AfterViewInit, QueryList } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit, AfterViewInit, OnDestroy, QueryList } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SelectOption } from '@ieeesa-npm/models';
 import { FieldConfig } from '../../models/field-config.model';
@@ -15,8 +15,9 @@ import * as i0 from "@angular/core";
  * @implements {AfterViewInit}
  * @implements {OnDestroy}
  */
-export declare class SelectComponent implements OnInit, AfterViewInit {
+export declare class SelectComponent implements OnInit, AfterViewInit, OnDestroy {
     private formUtilityService;
+    private elementRef;
     formFields: QueryList<SearchComponent>;
     group: FormGroup;
     config: FieldConfig;
@@ -28,6 +29,8 @@ export declare class SelectComponent implements OnInit, AfterViewInit {
     private _selectedOptions;
     private _isSortNeeded;
     private unsortedDropdownOptions;
+    private formOverlayScrollContainer?;
+    private readonly overlayWheelListener;
     /**
      * Takes isSortNeeded as input to check if the passed options are sorted or not.
      * @memberof SelectComponent
@@ -57,7 +60,7 @@ export declare class SelectComponent implements OnInit, AfterViewInit {
     optionSelected: EventEmitter<SelectOption>;
     optionSearched: EventEmitter<string>;
     dropdownOpenedChange: EventEmitter<SelectOpenedState>;
-    constructor(formUtilityService: FormUtilityService);
+    constructor(formUtilityService: FormUtilityService, elementRef: ElementRef<HTMLElement>);
     /**
      * Initializes components instance properties from config if its defined otherwise creates form group and config.
      * @memberof SelectComponent
@@ -75,6 +78,16 @@ export declare class SelectComponent implements OnInit, AfterViewInit {
      * @memberof SelectComponent
      */
     updateArrowDirection(opened: boolean): void;
+    prepareSelectOverlayPosition(): void;
+    /**
+     * Clears form overlay bounds when the component is destroyed while open.
+     * @memberof SelectComponent
+     */
+    ngOnDestroy(): void;
+    private setOverlayClipBounds;
+    private getFormOverlayScrollContainer;
+    private clearOverlayClipBounds;
+    private keepTopSelectPanelInsideFormBody;
     /**
      * Takes the index and the current option as arguments and needs to return the unique identifier for this option.
      * @param {number} index

package/lib/components/time-picker/time-picker.component.d.ts

@@ -1,20 +1,30 @@
-import { ElementRef, EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { FieldConfig } from '../../models/field-config.model';
 import { SelectedTime } from '../../models/selected-time.model';
 import * as i0 from "@angular/core";
-export declare class TimePickerComponent {
+export declare class TimePickerComponent implements OnDestroy {
+    private elementRef;
     config: FieldConfig;
     group: FormGroup;
     formTimeSelected: EventEmitter<SelectedTime>;
     constants: any;
     picker: ElementRef;
+    private formOverlayScrollContainer?;
+    private readonly overlayWheelListener;
+    constructor(elementRef: ElementRef<HTMLElement>);
     /**
      * Handles form time selection event
      * @type {void}
      * @memberof TimePickerComponent
      */
     onTimeSelection(time: string): void;
+    onTimePickerOpen(): void;
+    onTimePickerClose(): void;
+    ngOnDestroy(): void;
+    private setOverlayClipBounds;
+    private getFormOverlayScrollContainer;
+    private clearOverlayClipBounds;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "ieeesa-time-picker", never, {}, { "formTimeSelected": "formTimeSelected"; }, never, never, true, never>;
 }

package/lib/models/field-config.model.d.ts

@@ -84,6 +84,12 @@ export interface FieldConfig {
     canHideColorPicker?: boolean;
     canHideTextInput?: boolean;
     multiSelectAutoCompleteOptions?: AutoCompleteOption[];
+    /**
+     * When set, controls the reactive form update/validation strategy for this
+     * field (e.g. 'blur' so validation errors surface only after the user leaves
+     * the field, avoiding an error flash while interacting).
+     */
+    updateOn?: 'change' | 'blur' | 'submit';
     editorConfig?: EditorConfig;
     isAllowAnyFileType?: boolean;
     alignBrowsedFiles?: AlignBrowsedFiles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.33.16",
+  "version": "0.33.18",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",