@ethlete/cdk 3.21.0 → 3.22.1

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

@@ -2,11 +2,12 @@ import { DecoratedInputBase } from '../../../../../../utils';
 import { ComboboxDirective } from '../../directives';
 import * as i0 from "@angular/core";
 import * as i1 from "@ethlete/core";
-import * as i2 from "../../../../../../directives/input/input.directive";
-import * as i3 from "../../directives/combobox/combobox.directive";
+import * as i2 from "../../../../../../../overlay/directives/overlay-close-auto-blocker/overlay-close-auto-blocker.directive";
+import * as i3 from "../../../../../../directives/input/input.directive";
+import * as i4 from "../../directives/combobox/combobox.directive";
 export declare class ComboboxComponent extends DecoratedInputBase {
     protected readonly combobox: ComboboxDirective;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "et-combobox", never, {}, {}, never, ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.InputDirective; inputs: { "placeholder": "placeholder"; }; outputs: {}; }, { directive: typeof i3.ComboboxDirective; inputs: { "options": "options"; "initialValue": "initialValue"; "filterInternal": "filterInternal"; "loading": "loading"; "error": "error"; "emptyText": "emptyText"; "placeholder": "placeholder"; "multiple": "multiple"; "bindLabel": "bindLabel"; "bindValue": "bindValue"; "allowCustomValues": "allowCustomValues"; "selectedOptionComponent": "selectedOptionComponent"; "optionComponent": "optionComponent"; "bodyErrorComponent": "bodyErrorComponent"; "bodyLoadingComponent": "bodyLoadingComponent"; "bodyEmptyComponent": "bodyEmptyComponent"; "bodyMoreItemsHintComponent": "bodyMoreItemsHintComponent"; "showBodyMoreItemsHint": "showBodyMoreItemsHint"; "bodyEmptyText": "bodyEmptyText"; "bodyMoreItemsHintText": "bodyMoreItemsHintText"; "optionComponentInputs": "optionComponentInputs"; "selectedOptionComponentInputs": "selectedOptionComponentInputs"; "bodyErrorComponentInputs": "bodyErrorComponentInputs"; "bodyLoadingComponentInputs": "bodyLoadingComponentInputs"; "bodyEmptyComponentInputs": "bodyEmptyComponentInputs"; "bodyMoreItemsHintComponentInputs": "bodyMoreItemsHintComponentInputs"; }; outputs: { "filterChange": "filterChange"; }; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "et-combobox", never, {}, {}, never, ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.OverlayCloseBlockerDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.InputDirective; inputs: { "placeholder": "placeholder"; }; outputs: {}; }, { directive: typeof i4.ComboboxDirective; inputs: { "options": "options"; "initialValue": "initialValue"; "filterInternal": "filterInternal"; "loading": "loading"; "error": "error"; "emptyText": "emptyText"; "placeholder": "placeholder"; "multiple": "multiple"; "bindLabel": "bindLabel"; "bindValue": "bindValue"; "bindDisabled": "bindDisabled"; "allowCustomValues": "allowCustomValues"; "selectedOptionComponent": "selectedOptionComponent"; "optionComponent": "optionComponent"; "bodyErrorComponent": "bodyErrorComponent"; "bodyLoadingComponent": "bodyLoadingComponent"; "bodyEmptyComponent": "bodyEmptyComponent"; "bodyMoreItemsHintComponent": "bodyMoreItemsHintComponent"; "showBodyMoreItemsHint": "showBodyMoreItemsHint"; "bodyEmptyText": "bodyEmptyText"; "bodyMoreItemsHintText": "bodyMoreItemsHintText"; "optionComponentInputs": "optionComponentInputs"; "selectedOptionComponentInputs": "selectedOptionComponentInputs"; "bodyErrorComponentInputs": "bodyErrorComponentInputs"; "bodyLoadingComponentInputs": "bodyLoadingComponentInputs"; "bodyEmptyComponentInputs": "bodyEmptyComponentInputs"; "bodyMoreItemsHintComponentInputs": "bodyMoreItemsHintComponentInputs"; }; outputs: { "filterChange": "filterChange"; }; }]>;
 }

package/lib/components/forms/components/select/components/combobox/directives/combobox/combobox.directive.d.ts

@@ -54,6 +54,7 @@ export declare class ComboboxDirective implements OnInit {
     set bindLabel(value: SelectionModelBinding | null);
     set bindValue(value: SelectionModelBinding | null);
     set bindKey(value: SelectionModelBinding | null);
+    set bindDisabled(value: SelectionModelBinding | null);
     get allowCustomValues(): boolean;
     set allowCustomValues(value: unknown);
     private _allowCustomValues$;
@@ -169,6 +170,7 @@ export declare class ComboboxDirective implements OnInit {
     writeValueFromOption(option: unknown): void;
     isOptionSelected(option: unknown): import("rxjs").Observable<boolean>;
     isOptionActive(option: unknown): import("rxjs").Observable<boolean>;
+    isOptionDisabled(option: unknown): import("rxjs").Observable<boolean>;
     trackByOptionKeyFn: TrackByFunction<unknown>;
     _ignoreNextBlurEvent(): void;
     _processKeydownEvent(event: KeyboardEvent): void;
@@ -179,9 +181,10 @@ export declare class ComboboxDirective implements OnInit {
     private _updateFilter;
     private _setFilterFromInputValue;
     private _interpretKeyHandlerResult;
+    private _closeBodyOnDisable;
     private _debugValidateComboboxConfig;
     private _debugValidateOptionAndInitialValueSchema;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxDirective, never, never, { "options": { "alias": "options"; "required": true; }; "initialValue": { "alias": "initialValue"; "required": false; }; "filterInternal": { "alias": "filterInternal"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "bodyEmptyText": { "alias": "bodyEmptyText"; "required": false; }; "bodyMoreItemsHintText": { "alias": "bodyMoreItemsHintText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "bindKey": { "alias": "bindKey"; "required": false; }; "allowCustomValues": { "alias": "allowCustomValues"; "required": false; }; "showBodyMoreItemsHint": { "alias": "showBodyMoreItemsHint"; "required": false; }; "optionComponent": { "alias": "optionComponent"; "required": false; }; "optionComponentInputs": { "alias": "optionComponentInputs"; "required": false; }; "selectedOptionComponent": { "alias": "selectedOptionComponent"; "required": false; }; "selectedOptionComponentInputs": { "alias": "selectedOptionComponentInputs"; "required": false; }; "bodyErrorComponent": { "alias": "bodyErrorComponent"; "required": false; }; "bodyErrorComponentInputs": { "alias": "bodyErrorComponentInputs"; "required": false; }; "bodyLoadingComponent": { "alias": "bodyLoadingComponent"; "required": false; }; "bodyLoadingComponentInputs": { "alias": "bodyLoadingComponentInputs"; "required": false; }; "bodyEmptyComponent": { "alias": "bodyEmptyComponent"; "required": false; }; "bodyEmptyComponentInputs": { "alias": "bodyEmptyComponentInputs"; "required": false; }; "bodyMoreItemsHintComponent": { "alias": "bodyMoreItemsHintComponent"; "required": false; }; "bodyMoreItemsHintComponentInputs": { "alias": "bodyMoreItemsHintComponentInputs"; "required": false; }; }, { "filterChange": "filterChange"; }, ["optionTemplate", "selectedOptionTemplate", "bodyLoadingTemplate", "bodyErrorTemplate", "bodyEmptyTemplate", "bodyMoreItemsHintTemplate"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxDirective, never, never, { "options": { "alias": "options"; "required": true; }; "initialValue": { "alias": "initialValue"; "required": false; }; "filterInternal": { "alias": "filterInternal"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "bodyEmptyText": { "alias": "bodyEmptyText"; "required": false; }; "bodyMoreItemsHintText": { "alias": "bodyMoreItemsHintText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "bindKey": { "alias": "bindKey"; "required": false; }; "bindDisabled": { "alias": "bindDisabled"; "required": false; }; "allowCustomValues": { "alias": "allowCustomValues"; "required": false; }; "showBodyMoreItemsHint": { "alias": "showBodyMoreItemsHint"; "required": false; }; "optionComponent": { "alias": "optionComponent"; "required": false; }; "optionComponentInputs": { "alias": "optionComponentInputs"; "required": false; }; "selectedOptionComponent": { "alias": "selectedOptionComponent"; "required": false; }; "selectedOptionComponentInputs": { "alias": "selectedOptionComponentInputs"; "required": false; }; "bodyErrorComponent": { "alias": "bodyErrorComponent"; "required": false; }; "bodyErrorComponentInputs": { "alias": "bodyErrorComponentInputs"; "required": false; }; "bodyLoadingComponent": { "alias": "bodyLoadingComponent"; "required": false; }; "bodyLoadingComponentInputs": { "alias": "bodyLoadingComponentInputs"; "required": false; }; "bodyEmptyComponent": { "alias": "bodyEmptyComponent"; "required": false; }; "bodyEmptyComponentInputs": { "alias": "bodyEmptyComponentInputs"; "required": false; }; "bodyMoreItemsHintComponent": { "alias": "bodyMoreItemsHintComponent"; "required": false; }; "bodyMoreItemsHintComponentInputs": { "alias": "bodyMoreItemsHintComponentInputs"; "required": false; }; }, { "filterChange": "filterChange"; }, ["optionTemplate", "selectedOptionTemplate", "bodyLoadingTemplate", "bodyErrorTemplate", "bodyEmptyTemplate", "bodyMoreItemsHintTemplate"], never, true, never>;
     static ngAcceptInputType_showBodyMoreItemsHint: unknown;
 }

package/lib/components/forms/components/select/components/combobox/private/combobox.private.types.d.ts

@@ -4,7 +4,7 @@ export declare const ComboboxOptionType: {
     readonly Primitive: "primitive";
     readonly Object: "object";
 };
-export interface KeyHandlerResult {
+export interface ComboboxKeyHandlerResult {
     setFilter?: string;
     overlayOperation?: 'open' | 'close';
     optionAction?: {

package/lib/components/forms/components/select/components/combobox/utils/public-api.d.ts

@@ -1,2 +1 @@
 export * from './combobox-config.utils';
-export * from './option.utils';

package/lib/components/forms/components/select/components/select/directives/select/select.directive.d.ts

@@ -1,24 +1,25 @@
 import { ComponentType } from '@angular/cdk/portal';
-import { AfterContentInit, ElementRef, InjectionToken, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
-import { AnimatedOverlayComponentBase, SelectionModel } from '@ethlete/core';
+import { ElementRef, InjectionToken, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
+import { ActiveSelectionModel, AnimatedOverlayComponentBase, SelectionModel } from '@ethlete/core';
 import { SelectBodyDirective } from '../select-body';
 import { SelectOptionDirective } from '../select-option';
 import * as i0 from "@angular/core";
 import * as i1 from "@ethlete/core";
+import * as i2 from "../../../../../../../overlay/directives/overlay-close-auto-blocker/overlay-close-auto-blocker.directive";
 export declare const SELECT_TOKEN: InjectionToken<SelectDirective<any>>;
 type SelectDirectiveBodyComponentBase = AnimatedOverlayComponentBase & {
     _bodyTemplate: TemplateRef<unknown> | null;
+    _containerElementRef: ElementRef<HTMLElement> | null | undefined;
     selectBody: SelectBodyDirective;
 };
 interface SelectBodyConfig<T extends SelectDirectiveBodyComponentBase> {
     component: ComponentType<T>;
     template: TemplateRef<unknown>;
 }
-export declare class SelectDirective<T extends SelectDirectiveBodyComponentBase> implements OnInit, AfterContentInit {
+export declare class SelectDirective<T extends SelectDirectiveBodyComponentBase> implements OnInit {
     private _selectBodyConfig;
     private readonly _animatedOverlay;
     private readonly _destroy$;
-    private readonly _liveAnnouncer;
     private readonly _selectField;
     private readonly _themeProvider;
     readonly input: import("../../../../../../directives").InputDirective<unknown, HTMLInputElement>;
@@ -26,39 +27,18 @@ export declare class SelectDirective<T extends SelectDirectiveBodyComponentBase>
     private readonly _isOpen$;
     readonly elementRef: ElementRef<HTMLElement>;
     readonly _selectionModel: SelectionModel<SelectOptionDirective>;
-    private readonly _activeSelectionModel;
-    get multiple(): boolean;
+    readonly _activeSelectionModel: ActiveSelectionModel<SelectOptionDirective>;
     set multiple(value: unknown);
-    private _multiple$;
     emptyText?: string;
     private set _selectOptionsQueryList(value);
     private readonly _selectOptionsQueryList$;
-    readonly selectOptions$: import("rxjs").Observable<{
-        opt: SelectOptionDirective;
-        selected: boolean;
-        active: boolean;
-    }[] | null>;
-    readonly activeOption$: import("rxjs").Observable<{
-        opt: SelectOptionDirective;
-        selected: boolean;
-        active: boolean;
-    } | null>;
-    readonly selectedOptions$: import("rxjs").Observable<{
-        opt: SelectOptionDirective;
-        selected: boolean;
-        active: boolean;
-    }[] | null>;
-    readonly selectedOption$: import("rxjs").Observable<{
-        opt: SelectOptionDirective;
-        selected: boolean;
-        active: boolean;
-    } | null>;
     readonly selectBodyId$: import("rxjs").Observable<string | null>;
     readonly isOpen$: import("rxjs").Observable<boolean>;
     readonly isOpen: import("@angular/core").Signal<boolean | undefined>;
     readonly multiple$: import("rxjs").Observable<boolean>;
     readonly selectCurrentValueId: string;
     readonly ariaViewValue$: import("rxjs").Observable<string | null>;
+    readonly ariaViewValue: import("@angular/core").Signal<string | null | undefined>;
     readonly activeDescendant$: import("rxjs").Observable<string | null>;
     readonly owns$: import("rxjs").Observable<string | null>;
     readonly labelledBy$: import("rxjs").Observable<string>;
@@ -70,38 +50,21 @@ export declare class SelectDirective<T extends SelectDirectiveBodyComponentBase>
         remove: (...tokens: string[]) => void;
         has: (token: string) => boolean;
     };
+    inputElement: ElementRef<HTMLElement> | null;
     constructor();
     ngOnInit(): void;
-    ngAfterContentInit(): void;
     trackByFn: TrackByFunction<SelectOptionDirective>;
-    mountSelectBody(): void;
-    unmountSelectBody(): void;
-    setValue(value: unknown): void;
-    handleKeyDown(event: KeyboardEvent): void;
+    open(): void;
+    close(): void;
+    writeValueFromOption(option: SelectOptionDirective): void;
+    focus(): void;
     setSelectBody(config: SelectBodyConfig<T>): void;
     removeOptionFromSelection(option: SelectOptionDirective): void;
     _controlTouched(): void;
-    private _unmountSelectBodyOnDisable;
-    private _handleKeyDownInClosedState;
-    private _handleKeyDownInOpenState;
-    _setActiveOption(option: SelectOptionDirective | null): Promise<boolean>;
-    private _addActiveOptionToSelection;
-    private _removeActiveOptionFromSelection;
-    private _toggleSelectionOfAllOptions;
-    private _selectAllOptions;
-    private _deselectAllOptions;
-    private _toggleActiveOptionSelection;
-    private _setActiveOptionSelected;
-    private _setSelectedOptionActive;
-    private _setSelectedOption;
-    private _selectFirstOption;
-    private _selectLastOption;
-    private _selectOptionByOffset;
-    private _activateFirstOption;
-    private _activateLastOption;
-    private _activateOptionByOffset;
-    private _migrateSelectValue;
+    _processKeydownEvent(event: KeyboardEvent): void;
+    private _interpretKeyHandlerResult;
+    private _closeBodyOnDisable;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectDirective<any>, never, never, { "multiple": { "alias": "multiple"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; }, {}, ["_selectOptionsQueryList"], never, true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectDirective<any>, never, never, { "multiple": { "alias": "multiple"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; }, {}, ["_selectOptionsQueryList"], never, true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.OverlayCloseBlockerDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/lib/components/forms/components/select/components/select/directives/select-body/select-body.directive.d.ts

@@ -1,9 +1,10 @@
-import { InjectionToken, OnInit } from '@angular/core';
+import { ElementRef, InjectionToken, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@ethlete/core";
 export declare const SELECT_BODY_TOKEN: InjectionToken<SelectBodyDirective>;
 export declare class SelectBodyDirective implements OnInit {
     private readonly _destroy$;
+    readonly _elementRef: ElementRef<HTMLElement>;
     private readonly _select;
     private readonly _clickOutside;
     readonly id: string;

package/lib/components/forms/components/select/components/select/directives/select-option/select-option.directive.d.ts

@@ -1,12 +1,12 @@
-import { AfterContentInit, InjectionToken } from '@angular/core';
+import { AfterViewInit, ElementRef, InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@ethlete/core";
 export declare const SELECT_OPTION_TOKEN: InjectionToken<SelectOptionDirective>;
-export declare class SelectOptionDirective implements AfterContentInit {
+export declare class SelectOptionDirective implements AfterViewInit {
     private readonly _select;
-    private readonly _elementRef;
+    readonly _elementRef: ElementRef<HTMLElement>;
     private readonly _viewValue$;
-    private readonly _isActive$;
+    readonly isActive$: import("rxjs").Observable<boolean>;
     readonly id: string;
     get value(): unknown;
     set value(value: unknown);
@@ -14,12 +14,11 @@ export declare class SelectOptionDirective implements AfterContentInit {
     get disabled(): boolean;
     set disabled(value: unknown);
     private _disabled$;
+    readonly disabled$: import("rxjs").Observable<boolean>;
     readonly isSelected$: import("rxjs").Observable<boolean>;
     readonly isSelected: import("@angular/core").Signal<boolean | undefined>;
     get viewValue(): string;
     readonly viewValue$: import("rxjs").Observable<string>;
-    readonly disabled$: import("rxjs").Observable<boolean>;
-    readonly isActive$: import("rxjs").Observable<boolean>;
     readonly hostClassBindings: {
         remove: (...tokens: string[]) => void;
         has: (token: string) => boolean;
@@ -28,10 +27,9 @@ export declare class SelectOptionDirective implements AfterContentInit {
         remove: (...tokens: string[]) => void;
         has: (token: string) => boolean;
     };
-    ngAfterContentInit(): void;
-    setSelectValue(): Promise<void>;
+    ngAfterViewInit(): void;
+    protected selectOption(): void;
     _updateViewValue(): void;
-    _setActive(isActive: boolean): void;
     protected setActiveByHover(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SelectOptionDirective, never, never, { "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ObserveContentDirective; inputs: {}; outputs: {}; }]>;

package/lib/components/forms/components/select/components/select/partials/select-body/select-body.component.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef } from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
 import { AnimatedLifecycleDirective } from '@ethlete/core';
 import { ProvideThemeDirective } from '@ethlete/theming';
 import { SelectBodyDirective } from '../../directives';
@@ -9,6 +9,7 @@ export declare class SelectBodyComponent {
     readonly selectBody: SelectBodyDirective;
     private readonly _themeProvider;
     readonly _animatedLifecycle?: AnimatedLifecycleDirective;
+    readonly _containerElementRef: ElementRef<HTMLElement> | undefined;
     _bodyTemplate: TemplateRef<unknown> | null;
     _setThemeFromProvider(provider: ProvideThemeDirective): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectBodyComponent, never>;

package/lib/components/forms/components/select/components/select/private/index.d.ts

@@ -0,0 +1 @@
+export * from './select.private.types';

package/lib/components/forms/components/select/components/select/private/select.private.types.d.ts

@@ -0,0 +1,13 @@
+export interface SelectKeyHandlerResult<T = unknown> {
+    overlayOperation?: 'open' | 'close';
+    optionAction?: {
+        type: 'add';
+        option: T;
+    } | {
+        type: 'remove';
+        option: T;
+    } | {
+        type: 'toggle';
+        option: T;
+    } | 'clear' | 'toggleAll';
+}

package/lib/components/overlay/components/bottom-sheet/partials/bottom-sheet-container-base/bottom-sheet-container-base.component.d.ts

@@ -12,5 +12,5 @@ export declare abstract class BottomSheetContainerBaseComponent extends CdkDialo
     protected _captureInitialFocus(): void;
     protected _openAnimationDone(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BottomSheetContainerBaseComponent, [null, null, { optional: true; }, null, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BottomSheetContainerBaseComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BottomSheetContainerBaseComponent, "et-bottom-sheet-container-base", never, {}, {}, never, never, false, never>;
 }

package/lib/components/overlay/components/dialog/partials/dialog-container-base/dialog-container-base.component.d.ts

@@ -12,5 +12,5 @@ export declare abstract class DialogContainerBaseComponent extends CdkDialogCont
     protected _captureInitialFocus(): void;
     protected _openAnimationDone(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogContainerBaseComponent, [null, null, { optional: true; }, null, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogContainerBaseComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogContainerBaseComponent, "et-dialog-container-base", never, {}, {}, never, never, false, never>;
 }

package/lib/components/overlay/components/overlay/components/overlay-container/overlay-container.component.d.ts

@@ -1,7 +1,8 @@
 import { CdkDialogContainer } from '@angular/cdk/dialog';
 import { OverlayRef as CdkOverlayRef } from '@angular/cdk/overlay';
 import { ElementRef } from '@angular/core';
-import { AnimatedLifecycleDirective } from '@ethlete/core';
+import { AnimatedLifecycleDirective, RootBoundaryDirective } from '@ethlete/core';
+import { ProvideThemeDirective } from '@ethlete/theming';
 import { OverlayConfig, OverlayDragToDismissConfig } from '../../types';
 import { OverlayRef } from '../../utils';
 import * as i0 from "@angular/core";
@@ -10,8 +11,9 @@ import * as i2 from "@ethlete/theming";
 export declare class OverlayContainerComponent extends CdkDialogContainer<OverlayConfig> {
     private readonly _swipeHandlerService;
     private readonly _dragToDismissStop$;
-    private readonly _themeProvider;
+    readonly _themeProvider: ProvideThemeDirective;
     private readonly _parentThemeProvider;
+    readonly _rootBoundary: RootBoundaryDirective;
     readonly _animatedLifecycle: AnimatedLifecycleDirective;
     readonly cdkOverlayRef: CdkOverlayRef;
     overlayRef: OverlayRef | null;
@@ -25,5 +27,5 @@ export declare class OverlayContainerComponent extends CdkDialogContainer<Overla
     private _defaultSwipeMoveStyleInterpolator;
     private _defaultSwipeEndStyleInterpolator;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverlayContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayContainerComponent, "et-overlay-container", never, {}, {}, never, never, true, [{ directive: typeof i1.AnimatedLifecycleDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.ProvideThemeDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayContainerComponent, "et-overlay-container", never, {}, {}, never, never, true, [{ directive: typeof i1.RootBoundaryDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.AnimatedLifecycleDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.ProvideThemeDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/components/overlay/components/overlay/utils/overlay-ref.d.ts

@@ -13,22 +13,31 @@ export declare class OverlayRef<T = any, R = any> {
     id: string;
     private readonly _afterOpened;
     private readonly _beforeClosed;
+    private readonly _closeCalled;
     private _result;
     private _state;
-    private _closeInteractionType;
+    _closeInteractionType: FocusOrigin | undefined;
+    _isEscCloseControlledExternally: boolean;
+    _isBackdropCloseControlledExternally: boolean;
+    _isCloseFnCloseControlledExternally: boolean;
+    private _disableCloseFromInternalInitiators;
+    get _internalDisableClose(): boolean;
     get _cdkRef(): CdkDialogRef<R, T>;
     constructor(_ref: CdkDialogRef<R, T>, config: OverlayConfig, _containerInstance: OverlayContainerComponent);
-    close(result?: R): void;
+    close(result?: R, force?: boolean): void;
     afterOpened(): Observable<void>;
     afterClosed(): Observable<R | undefined>;
     beforeClosed(): Observable<R | undefined>;
     backdropClick(): Observable<MouseEvent>;
     keydownEvents(): Observable<KeyboardEvent>;
+    closeCalled(): Observable<R | undefined>;
     updatePosition(position?: OverlayPosition): this;
     updateSize(width?: string, height?: string): this;
     addPanelClass(classes: string | string[]): this;
     removePanelClass(classes: string | string[]): this;
     getState(): OverlayState;
     private _finishOverlayClose;
-    _closeOverlayVia(interactionType: FocusOrigin, result?: R): void;
+    _closeOverlayVia(interactionType: FocusOrigin, result?: R, force?: boolean): void;
+    _addInternalBackdropCloseInitiator(initiatorId: string | number): void;
+    _removeInternalBackdropCloseInitiator(initiatorId: string | number): void;
 }

package/lib/components/overlay/components/toggletip/directives/toggletip/toggletip.directive.d.ts

@@ -3,6 +3,7 @@ import { AnimatedOverlayDirective } from '@ethlete/core';
 import { ToggletipComponent } from '../../components';
 import * as i0 from "@angular/core";
 import * as i1 from "@ethlete/core";
+import * as i2 from "../../../../directives/overlay-close-auto-blocker/overlay-close-auto-blocker.directive";
 type ToggletipTemplate = string | TemplateRef<unknown>;
 export declare const TOGGLETIP_DIRECTIVE: InjectionToken<ToggletipDirective>;
 export declare class ToggletipDirective implements OnInit, OnDestroy {
@@ -26,6 +27,6 @@ export declare class ToggletipDirective implements OnInit, OnDestroy {
     private _removeListeners;
     private _mountToggletip;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggletipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ToggletipDirective, "[etToggletip]", never, { "toggletip": { "alias": "etToggletip"; "required": false; }; "showToggletip": { "alias": "showToggletip"; "required": false; }; }, { "toggletipClose": "toggletipClose"; }, never, never, true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: { "placement": "placement"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToggletipDirective, "[etToggletip]", never, { "toggletip": { "alias": "etToggletip"; "required": false; }; "showToggletip": { "alias": "showToggletip"; "required": false; }; }, { "toggletipClose": "toggletipClose"; }, never, never, true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: { "placement": "placement"; }; outputs: {}; }, { directive: typeof i2.OverlayCloseBlockerDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/lib/components/overlay/components/tooltip/directives/tooltip/tooltip.directive.d.ts

@@ -1,6 +1,7 @@
 import { InjectionToken, OnDestroy, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@ethlete/core";
+import * as i2 from "../../../../directives/overlay-close-auto-blocker/overlay-close-auto-blocker.directive";
 type TooltipTemplate = string | TemplateRef<unknown>;
 export declare const TOOLTIP_DIRECTIVE: InjectionToken<TooltipDirective>;
 export declare class TooltipDirective implements OnDestroy {
@@ -29,6 +30,6 @@ export declare class TooltipDirective implements OnDestroy {
     private _mountTooltip;
     private _getTooltipText;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[etTooltip]", never, { "tooltip": { "alias": "etTooltip"; "required": false; }; "tooltipAriaDescription": { "alias": "tooltipAriaDescription"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: { "placement": "placement"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[etTooltip]", never, { "tooltip": { "alias": "etTooltip"; "required": false; }; "tooltipAriaDescription": { "alias": "tooltipAriaDescription"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: { "placement": "placement"; }; outputs: {}; }, { directive: typeof i2.OverlayCloseBlockerDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/lib/components/overlay/directives/overlay-close-auto-blocker/overlay-close-auto-blocker.directive.d.ts

@@ -0,0 +1,12 @@
+import { InjectionToken, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const OVERLAY_CLOSE_BLOCKER_TOKEN: InjectionToken<OverlayCloseBlockerDirective>;
+export declare class OverlayCloseBlockerDirective implements OnDestroy {
+    private readonly _id;
+    private readonly _animatedOverlay;
+    private readonly _nearestOverlayRef;
+    constructor();
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayCloseBlockerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayCloseBlockerDirective, "[etOverlayCloseBlocker]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/overlay/directives/overlay-close-auto-blocker/public-api.d.ts

@@ -0,0 +1 @@
+export * from './overlay-close-auto-blocker.directive';

package/lib/components/overlay/directives/public-api.d.ts

@@ -1 +1,2 @@
 export * from './dynamic-overlay-title/public-api';
+export * from './overlay-close-auto-blocker/public-api';

package/lib/components/overlay/public-api.d.ts

@@ -2,3 +2,4 @@ export * from './components/public-api';
 export * from './directives/public-api';
 export * from './services/public-api';
 export * from './types/public-api';
+export * from './utils/public-api';

package/lib/components/overlay/utils/overlay-dismiss-checker.util.d.ts

@@ -0,0 +1,60 @@
+import { AbstractControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+export type CreateOverlayDismissCheckerConfig<T extends AbstractControl> = {
+    /**
+     * The form to check for changes
+     */
+    form: T;
+    /**
+     * The default value to compare the current form value to
+     *
+     * @default form.getRawValue()
+     */
+    defaultValue?: unknown;
+    /**
+     * The events that should trigger the dismiss check
+     *
+     * @default { backdropClick: true, escapeKey: true, closeCall: true }
+     */
+    dismissEvents?: {
+        /**
+         * Whether the backdrop click should trigger the dismiss check
+         *
+         * @default true
+         */
+        backdropClick?: boolean;
+        /**
+         * Whether the escape key should trigger the dismiss check
+         *
+         * @default true
+         */
+        escapeKey?: boolean;
+        /**
+         * Whether the close call should trigger the dismiss check.
+         * (e.g. `overlayRef.close()`)
+         *
+         * @default true
+         */
+        closeCall?: boolean;
+    };
+    /**
+     * This function will be called when the current form value is not equal to the default value.
+     * Use this to show a confirmation dialog or similar.
+     *
+     * @example Show a confirmation dialog:
+     * ```ts
+     * () => this.overlayService
+     *   .show(SomeConfirmationComponent)
+     *   .afterClosed()
+     *   .pipe(map((result) => !!result?.confirmed))
+     * ```
+     *
+     * @param v The current form value
+     */
+    dismissCheckFn: (v: ReturnType<T['getRawValue']>) => unknown | Promise<unknown> | Observable<unknown>;
+};
+/**
+ * A utility function to enhance the ux of overlays containing forms.
+ * It can prevent the user from accidentally closing the overlay when the form value is not equal to the default value.
+ */
+export declare const createOverlayDismissChecker: <T extends AbstractControl<any, any>>(config: CreateOverlayDismissCheckerConfig<T>) => import("rxjs").Subscription;

package/lib/components/overlay/utils/public-api.d.ts

@@ -0,0 +1 @@
+export * from './overlay-dismiss-checker.util';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "3.21.0",
+  "version": "3.22.1",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -22,7 +22,7 @@
     "@angular/animations": "16.2.5",
     "@angular/platform-browser": "16.2.5",
     "@angular/cdk": "16.2.7",
-    "@ethlete/core": "3.12.0",
+    "@ethlete/core": "3.13.1",
     "@ethlete/query": "4.16.3"
   },
   "module": "fesm2022/ethlete-cdk.mjs",

package/esm2022/lib/components/forms/components/select/components/combobox/utils/option.utils.mjs

@@ -1,7 +0,0 @@
-export const isOptionDisabled = (opt) => {
-    if (typeof opt === 'object' && opt !== null && 'disabled' in opt) {
-        return !!opt.disabled;
-    }
-    return false;
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLnV0aWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL2NvbXBvbmVudHMvc2VsZWN0L2NvbXBvbmVudHMvY29tYm9ib3gvdXRpbHMvb3B0aW9uLnV0aWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsR0FBWSxFQUFFLEVBQUU7SUFDL0MsSUFBSSxPQUFPLEdBQUcsS0FBSyxRQUFRLElBQUksR0FBRyxLQUFLLElBQUksSUFBSSxVQUFVLElBQUksR0FBRyxFQUFFO1FBQ2hFLE9BQU8sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUM7S0FDdkI7SUFFRCxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBpc09wdGlvbkRpc2FibGVkID0gKG9wdDogdW5rbm93bikgPT4ge1xuICBpZiAodHlwZW9mIG9wdCA9PT0gJ29iamVjdCcgJiYgb3B0ICE9PSBudWxsICYmICdkaXNhYmxlZCcgaW4gb3B0KSB7XG4gICAgcmV0dXJuICEhb3B0LmRpc2FibGVkO1xuICB9XG5cbiAgcmV0dXJuIGZhbHNlO1xufTtcbiJdfQ==

package/lib/components/forms/components/select/components/combobox/utils/option.utils.d.ts

@@ -1 +0,0 @@
-export declare const isOptionDisabled: (opt: unknown) => boolean;