@ieeesa-npm/presentation 0.33.17 → 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/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/package.json

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