@ascentgl/ads-ui 21.22.0 → 21.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "21.22.0",
+  "version": "21.23.0",
   "peerDependencies": {
     "@angular/animations": ">=21.0.0",
     "date-fns": ">=4.1.0",

package/types/ascentgl-ads-ui.d.ts

@@ -1234,7 +1234,7 @@ declare abstract class AbstractDropdownComponent extends AbstractInputComponent
     static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDropdownComponent, never, never, { "displayValueKey": { "alias": "displayValueKey"; "required": false; }; "sortOptions": { "alias": "sortOptions"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "wrapOptionText": { "alias": "wrapOptionText"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class AdsDropdownComponent extends AbstractDropdownComponent implements OnChanges {
+declare class AdsDropdownComponent extends AbstractDropdownComponent implements OnChanges, OnDestroy {
     /** Provide function that will allow to calculate option display value */
     displayValueFormatter?: ((option: DropdownComponentOption) => string) | undefined;
     /** Set dropdown mode "normal" or "pill" */
@@ -1251,6 +1251,10 @@ declare class AdsDropdownComponent extends AbstractDropdownComponent implements
     triggerTemplate?: TemplateRef<unknown>;
     /** Custom Panel Class */
     panelClass?: string;
+    /** Enable auto-close when component scrolls out of viewport */
+    closeOnOutOfView: boolean;
+    /** Root margin for intersection observer (CSS margin format: top right bottom left) */
+    outOfViewRootMargin: string;
     /** @ignore */
     panel?: MatSelect;
     /** @ignore */
@@ -1263,13 +1267,18 @@ declare class AdsDropdownComponent extends AbstractDropdownComponent implements
     protected readonly Colors: typeof Colors;
     /** @ignore */
     protected readonly FormControl: i3$3.ɵFormControlCtor;
+    private hostEl;
+    private intersectionObserver?;
     constructor();
     /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
     ngOnChanges(changes: {
         options: SimpleChange;
         immediateValidation: SimpleChange;
         skipValidationWhenEmpty?: SimpleChange;
     }): void;
+    private setupIntersectionObserver;
     onOptionRemoved(option: DropdownComponentOption): void;
     /** @ignore */
     onOpened(): void;
@@ -1308,7 +1317,7 @@ declare class AdsDropdownComponent extends AbstractDropdownComponent implements
         disableDropdownOption?: boolean;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsDropdownComponent, "ads-dropdown", never, { "displayValueFormatter": { "alias": "displayValueFormatter"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "hasEmptyValue": { "alias": "hasEmptyValue"; "required": false; }; "checkSelected": { "alias": "checkSelected"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; }; "triggerTemplate": { "alias": "triggerTemplate"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsDropdownComponent, "ads-dropdown", never, { "displayValueFormatter": { "alias": "displayValueFormatter"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "hasEmptyValue": { "alias": "hasEmptyValue"; "required": false; }; "checkSelected": { "alias": "checkSelected"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; }; "triggerTemplate": { "alias": "triggerTemplate"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "closeOnOutOfView": { "alias": "closeOnOutOfView"; "required": false; }; "outOfViewRootMargin": { "alias": "outOfViewRootMargin"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class AdsInputTooltipComponent {
@@ -1636,6 +1645,10 @@ declare class AdsSearchDropdownComponent extends AbstractDropdownComponent imple
     closePanelEnabled: boolean;
     /** @ignore */
     trimValue: boolean;
+    /** Enable auto-close when component scrolls out of viewport */
+    closeOnOutOfView: boolean;
+    /** Root margin for intersection observer (CSS margin format: top right bottom left) */
+    outOfViewRootMargin: string;
     /**
      * NOTE: INPUT PARAMS BELOW ARE OVERRIDDEN BECAUSE FOR SOME UNKNOWN REASON STORYBOOK WON'T SHOW THEM FROM PARENT CLASS
      */
@@ -1694,6 +1707,8 @@ declare class AdsSearchDropdownComponent extends AbstractDropdownComponent imple
     private previousControlValue?;
     /** @ignore */
     private allOptions;
+    private hostEl;
+    private intersectionObserver?;
     constructor(cdr: ChangeDetectorRef, renderer: Renderer2, ref: ElementRef);
     /** @ignore */
     ngOnChanges(changes: {
@@ -1790,8 +1805,9 @@ declare class AdsSearchDropdownComponent extends AbstractDropdownComponent imple
     private setupTextareaAutoResize;
     /** @ignore */
     private autoResizeTextarea;
+    private setupIntersectionObserver;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsSearchDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsSearchDropdownComponent, "ads-search-dropdown", never, { "externalButton": { "alias": "externalButton"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "options": { "alias": "options"; "required": false; }; "staticOptions": { "alias": "staticOptions"; "required": false; }; "filterOptions": { "alias": "filterOptions"; "required": false; }; "emitEmptyValues": { "alias": "emitEmptyValues"; "required": false; }; "loadSuggestionOnInit": { "alias": "loadSuggestionOnInit"; "required": false; }; "noDataOption": { "alias": "noDataOption"; "required": false; }; "moreDataOption": { "alias": "moreDataOption"; "required": false; }; "staticDataOption": { "alias": "staticDataOption"; "required": false; }; "onEnterKeyDown": { "alias": "onEnterKeyDown"; "required": false; }; "searchIconClickCallback": { "alias": "searchIconClickCallback"; "required": false; }; "displayValueFormatter": { "alias": "displayValueFormatter"; "required": false; }; "useOptionTemplate": { "alias": "useOptionTemplate"; "required": false; }; "minValueLength": { "alias": "minValueLength"; "required": false; }; "preventClick": { "alias": "preventClick"; "required": false; }; "closePanelEnabled": { "alias": "closePanelEnabled"; "required": false; }; "trimValue": { "alias": "trimValue"; "required": false; }; "control": { "alias": "control"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "externalButtonClick": "externalButtonClick"; "focusInput": "focusInput"; "blurInput": "blurInput"; "emitSearchValueInput": "emitSearchValueInput"; }, ["optionRef"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsSearchDropdownComponent, "ads-search-dropdown", never, { "externalButton": { "alias": "externalButton"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "options": { "alias": "options"; "required": false; }; "staticOptions": { "alias": "staticOptions"; "required": false; }; "filterOptions": { "alias": "filterOptions"; "required": false; }; "emitEmptyValues": { "alias": "emitEmptyValues"; "required": false; }; "loadSuggestionOnInit": { "alias": "loadSuggestionOnInit"; "required": false; }; "noDataOption": { "alias": "noDataOption"; "required": false; }; "moreDataOption": { "alias": "moreDataOption"; "required": false; }; "staticDataOption": { "alias": "staticDataOption"; "required": false; }; "onEnterKeyDown": { "alias": "onEnterKeyDown"; "required": false; }; "searchIconClickCallback": { "alias": "searchIconClickCallback"; "required": false; }; "displayValueFormatter": { "alias": "displayValueFormatter"; "required": false; }; "useOptionTemplate": { "alias": "useOptionTemplate"; "required": false; }; "minValueLength": { "alias": "minValueLength"; "required": false; }; "preventClick": { "alias": "preventClick"; "required": false; }; "closePanelEnabled": { "alias": "closePanelEnabled"; "required": false; }; "trimValue": { "alias": "trimValue"; "required": false; }; "closeOnOutOfView": { "alias": "closeOnOutOfView"; "required": false; }; "outOfViewRootMargin": { "alias": "outOfViewRootMargin"; "required": false; }; "control": { "alias": "control"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "externalButtonClick": "externalButtonClick"; "focusInput": "focusInput"; "blurInput": "blurInput"; "emitSearchValueInput": "emitSearchValueInput"; }, ["optionRef"], never, false, never>;
 }
 
 declare class AdsSearchDropdownHighlighterPipe implements PipeTransform {
@@ -1995,9 +2011,13 @@ declare class AdsDatetimepickerModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsDatetimepickerModule>;
 }
 
-declare class AdsDatepickerComponent extends AdsDatetimepickerComponent {
+declare class AdsDatepickerComponent extends AdsDatetimepickerComponent implements OnInit, OnDestroy {
     /** if overrideDisplayFormat=true, this display format will be used */
     customDisplayFormat: string;
+    /** Enable auto-close when component scrolls out of viewport */
+    closeOnOutOfView: boolean;
+    /** Root margin for intersection observer (CSS margin format: top right bottom left) */
+    outOfViewRootMargin: string;
     /** @ignore */
     type: 'date' | 'time' | 'month' | 'year' | 'datetime';
     /** @ignore */
@@ -2007,13 +2027,23 @@ declare class AdsDatepickerComponent extends AdsDatetimepickerComponent {
     /** @ignore */
     protected readonly defaultErrorMessages: GENERIC_COLLECTION<string>;
     /** @ignore */
+    private elementRef;
+    /** @ignore */
+    private intersectionObserver?;
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    private setupIntersectionObserver;
+    /** @ignore */
     protected applyCustomFormat(): void;
     /** @ignore */
     protected displayedValueToControlValue(value: Date): string;
     /** @ignore */
     protected onSyncDisplayedValue(valueToApply?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsDatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsDatepickerComponent, "ads-datepicker", never, { "customDisplayFormat": { "alias": "customDisplayFormat"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsDatepickerComponent, "ads-datepicker", never, { "customDisplayFormat": { "alias": "customDisplayFormat"; "required": false; }; "closeOnOutOfView": { "alias": "closeOnOutOfView"; "required": false; }; "outOfViewRootMargin": { "alias": "outOfViewRootMargin"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class AdsDatepickerModule {