@ethlete/cdk 3.20.1 → 3.22.0

package/fesm2022/ethlete-cdk.mjs

@@ -2,20 +2,20 @@ import * as i1 from '@angular/cdk/portal';
 import { CdkPortal, PortalModule, ComponentPortal, TemplatePortal, CdkPortalOutlet } from '@angular/cdk/portal';
 import { AsyncPipe, NgIf, NgClass, NgTemplateOutlet, NgForOf, NgFor, NgComponentOutlet, DOCUMENT, JsonPipe, formatDate } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, InjectionToken, booleanAttribute, Input, ContentChild, ContentChildren, inject, ElementRef, Injector, HostBinding, computed, signal, Optional, Inject, Injectable, SkipSelf, HostListener, ViewContainerRef, EventEmitter, NgZone, isDevMode, Output, NgModule, ChangeDetectorRef, ViewChild, runInInjectionContext, TemplateRef, forwardRef, LOCALE_ID, numberAttribute, ViewChildren, Renderer2, Attribute } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, InjectionToken, booleanAttribute, Input, ContentChild, ContentChildren, inject, ElementRef, Injector, HostBinding, computed, signal, Optional, Inject, Injectable, SkipSelf, HostListener, ViewContainerRef, EventEmitter, NgZone, isDevMode, Output, NgModule, ChangeDetectorRef, ViewChild, assertInInjectionContext, runInInjectionContext, TemplateRef, forwardRef, LOCALE_ID, numberAttribute, ViewChildren, Pipe, Renderer2, Attribute } from '@angular/core';
 import * as i1$2 from '@ethlete/core';
-import { LetDirective, createDestroy, ScrollObserverFirstElementDirective, ScrollObserverLastElementDirective, Memo, signalHostAttributes, signalHostClasses, AnimatedIfDirective, AnimatedLifecycleDirective, SmartBlockScrollStrategy, RouterStateService, ANIMATED_LIFECYCLE_TOKEN, nextFrame, elementCanScroll, equal, ViewportService, AnimatedOverlayDirective, ClickObserverService, FocusVisibleService, cloneFormGroup, getFormGroupValue, ObserveVisibilityDirective, signalVisibilityChangeClasses, IS_EMAIL, MUST_MATCH, IS_ARRAY_NOT_EMPTY, AT_LEAST_ONE_REQUIRED, switchQueryListChanges, signalAttributes, ResizeObserverService, createFlipAnimation, RuntimeError, SelectionModel, ActiveSelectionModel, KeyPressManager, signalClasses, scrollToElement, isEmptyArray, isObjectArray, isPrimitiveArray, ClickOutsideDirective, ObserveContentDirective, clamp, DELAYABLE_TOKEN, ObserveResizeDirective, getElementVisibleStates, IS_ACTIVE_ELEMENT, IS_ELEMENT, CursorDragScrollDirective, ObserveScrollStateDirective, IsElementDirective, IsActiveElementDirective, ScrollObserverIgnoreTargetDirective, TypedQueryList } from '@ethlete/core';
-import { BehaviorSubject, startWith, map, switchMap, combineLatest, pairwise, tap, takeUntil, skip, of, Subject, filter, take, merge, skipUntil, defer, fromEvent, partition, debounceTime as debounceTime$1, Observable, distinctUntilChanged as distinctUntilChanged$1, withLatestFrom, skipWhile, catchError, throwError, firstValueFrom, timer, Subscription } from 'rxjs';
+import { LetDirective, createDestroy, ScrollObserverFirstElementDirective, ScrollObserverLastElementDirective, Memo, signalHostAttributes, signalHostClasses, AnimatedIfDirective, AnimatedLifecycleDirective, SmartBlockScrollStrategy, RouterStateService, ANIMATED_LIFECYCLE_TOKEN, nextFrame, RootBoundaryDirective, elementCanScroll, equal, ViewportService, ROOT_BOUNDARY_TOKEN, AnimatedOverlayDirective, ClickObserverService, FocusVisibleService, cloneFormGroup, getFormGroupValue, ObserveVisibilityDirective, signalVisibilityChangeClasses, IS_EMAIL, MUST_MATCH, IS_ARRAY_NOT_EMPTY, AT_LEAST_ONE_REQUIRED, switchQueryListChanges, signalAttributes, ResizeObserverService, createFlipAnimation, RuntimeError, SelectionModel, ActiveSelectionModel, KeyPressManager, signalClasses, scrollToElement, isEmptyArray, isObjectArray, isPrimitiveArray, ClickOutsideDirective, ObserveContentDirective, clamp, DELAYABLE_TOKEN, ObserveResizeDirective, inferMimeType, getElementVisibleStates, IS_ACTIVE_ELEMENT, IS_ELEMENT, CursorDragScrollDirective, ObserveScrollStateDirective, IsElementDirective, IsActiveElementDirective, ScrollObserverIgnoreTargetDirective, TypedQueryList } from '@ethlete/core';
+import { BehaviorSubject, startWith, map, switchMap, combineLatest, pairwise, tap, takeUntil, skip, of, Subject, filter, take, merge, skipUntil, defer, fromEvent, partition, debounceTime as debounceTime$1, Observable, from, distinctUntilChanged as distinctUntilChanged$1, withLatestFrom, skipWhile, catchError, throwError, timer, Subscription } from 'rxjs';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { __decorate, __metadata } from 'tslib';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { extractQuery, isQueryStateLoading, isQueryStateSuccess, isQueryStateFailure, QueryDirective, shouldRetryRequest, isClassValidatorError, isSymfonyFormViolationListError } from '@ethlete/query';
 import { CdkDialogContainer, Dialog, DialogConfig, DIALOG_SCROLL_STRATEGY_PROVIDER as DIALOG_SCROLL_STRATEGY_PROVIDER$1 } from '@angular/cdk/dialog';
 import * as i1$1 from '@angular/cdk/a11y';
-import { InputModalityDetector, FocusKeyManager, FocusTrapFactory, InteractivityChecker, FocusMonitor, AriaDescriber, LiveAnnouncer, A11yModule } from '@angular/cdk/a11y';
+import { InputModalityDetector, FocusKeyManager, FocusTrapFactory, InteractivityChecker, FocusMonitor, AriaDescriber, A11yModule } from '@angular/cdk/a11y';
 import * as i2 from '@angular/cdk/overlay';
 import { ViewportRuler, STANDARD_DROPDOWN_BELOW_POSITIONS, Overlay, OverlayConfig, STANDARD_DROPDOWN_ADJACENT_POSITIONS, OverlayModule, OverlayRef as OverlayRef$1 } from '@angular/cdk/overlay';
-import { ESCAPE, hasModifierKey, UP_ARROW, DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, ENTER, SPACE, TAB as TAB$1, BACKSPACE, A, PAGE_DOWN, PAGE_UP, END, HOME } from '@angular/cdk/keycodes';
+import { ESCAPE, hasModifierKey, UP_ARROW, DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, ENTER, SPACE, TAB as TAB$1, BACKSPACE, A } from '@angular/cdk/keycodes';
 import * as i1$4 from '@angular/cdk/bidi';
 import { Directionality } from '@angular/cdk/bidi';
 import { coerceBooleanProperty, coerceCssPixelValue, coerceElement, _isNumberValue } from '@angular/cdk/coercion';
@@ -1496,11 +1496,11 @@ class BottomSheetContainerBaseComponent extends CdkDialogContainer {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: BottomSheetContainerBaseComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.FocusTrapFactory }, { token: DOCUMENT, optional: true }, { token: BOTTOM_SHEET_CONFIG }, { token: i1$1.InteractivityChecker }, { token: i0.NgZone }, { token: i2.OverlayRef }, { token: i1$1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: BottomSheetContainerBaseComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: BottomSheetContainerBaseComponent, selector: "et-bottom-sheet-container-base", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: BottomSheetContainerBaseComponent, decorators: [{
             type: Component,
-            args: [{ template: '' }]
+            args: [{ selector: 'et-bottom-sheet-container-base', template: '' }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.FocusTrapFactory }, { type: Document, decorators: [{
                     type: Optional
                 }, {
@@ -1624,7 +1624,7 @@ const provideBottomSheetDefaultConfig = (config = {}) => {
     return { provide: BOTTOM_SHEET_DEFAULT_OPTIONS, useValue: createBottomSheetConfig(config) };
 };
 
-let uniqueId$6 = 0;
+let uniqueId$7 = 0;
 class BottomSheetServiceBase {
     get openBottomSheets() {
         return this._parentBottomSheetService
@@ -1656,7 +1656,7 @@ class BottomSheetServiceBase {
     open(componentOrTemplateRef, config) {
         let bottomSheetRef;
         config = createBottomSheetConfig(this._defaultOptions, config);
-        config.id = config.id || `${this._idPrefix}${uniqueId$6++}`;
+        config.id = config.id || `${this._idPrefix}${uniqueId$7++}`;
         config.scrollStrategy = config.scrollStrategy || this._scrollStrategy();
         const cdkRef = this._dialog.open(componentOrTemplateRef, {
             ...config,
@@ -2257,7 +2257,7 @@ const provideDialogDefaultConfig = (config = {}) => {
     return { provide: DIALOG_DEFAULT_OPTIONS, useValue: createDialogConfig(config) };
 };
 
-let uniqueId$5 = 0;
+let uniqueId$6 = 0;
 class DialogServiceBase {
     get openDialogs() {
         return this._parentDialogService ? this._parentDialogService.openDialogs : this._openDialogsAtThisLevel;
@@ -2287,7 +2287,7 @@ class DialogServiceBase {
     open(componentOrTemplateRef, config) {
         let dialogRef;
         config = createDialogConfig(this._defaultOptions, config);
-        config.id = config.id || `${this._idPrefix}${uniqueId$5++}`;
+        config.id = config.id || `${this._idPrefix}${uniqueId$6++}`;
         config.scrollStrategy = config.scrollStrategy || this._scrollStrategy();
         const cdkRef = this._dialog.open(componentOrTemplateRef, {
             ...config,
@@ -2462,11 +2462,11 @@ class DialogContainerBaseComponent extends CdkDialogContainer {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DialogContainerBaseComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.FocusTrapFactory }, { token: DOCUMENT, optional: true }, { token: DIALOG_CONFIG }, { token: i1$1.InteractivityChecker }, { token: i0.NgZone }, { token: i2.OverlayRef }, { token: i1$1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: DialogContainerBaseComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: DialogContainerBaseComponent, selector: "et-dialog-container-base", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DialogContainerBaseComponent, decorators: [{
             type: Component,
-            args: [{ template: '' }]
+            args: [{ selector: 'et-dialog-container-base', template: '' }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.FocusTrapFactory }, { type: Document, decorators: [{
                     type: Optional
                 }, {
@@ -4001,6 +4001,7 @@ class OverlayContainerComponent extends CdkDialogContainer {
         this._dragToDismissStop$ = new Subject();
         this._themeProvider = inject(THEME_PROVIDER);
         this._parentThemeProvider = inject(THEME_PROVIDER, { optional: true, skipSelf: true });
+        this._rootBoundary = inject(RootBoundaryDirective);
         this._animatedLifecycle = inject(ANIMATED_LIFECYCLE_TOKEN);
         this.cdkOverlayRef = inject(OverlayRef$1);
         this.overlayRef = null;
@@ -4011,6 +4012,7 @@ class OverlayContainerComponent extends CdkDialogContainer {
     }
     _contentAttached() {
         super._contentAttached();
+        this._rootBoundary.boundaryElement = this._elementRef.nativeElement;
         nextFrame(() => {
             this._animatedLifecycle.enter();
         });
@@ -4238,7 +4240,7 @@ class OverlayContainerComponent extends CdkDialogContainer {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: OverlayContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: OverlayContainerComponent, isStandalone: true, selector: "et-overlay-container", host: { attributes: { "tabindex": "-1" }, properties: { "attr.aria-modal": "_config.ariaModal", "id": "_config.id", "attr.role": "_config.role", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledBy", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "_config.ariaDescribedBy || null", "class.et-with-default-animation": "!_config.customAnimated" }, classAttribute: "et-overlay" }, usesInheritance: true, hostDirectives: [{ directive: i1$2.AnimatedLifecycleDirective }, { directive: i2$1.ProvideThemeDirective }], ngImport: i0, template: `<ng-template cdkPortalOutlet></ng-template>`, isInline: true, styles: [".et-overlay{position:relative;display:grid;overflow:hidden;pointer-events:all;outline:none}.et-overlay>*{overflow:auto}.et-overlay-pane{pointer-events:none}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-to{transform:scale(0)!important;border-radius:250px}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),border-radius .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-1),border-radius .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-active{transition:transform .15s var(--ease-in-5),border-radius .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet{bottom:-50px;padding-bottom:50px}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-to{transform:translateY(100%)!important}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--top-sheet{top:-50px;padding-top:50px}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-to{transform:translateY(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--left-sheet{left:-50px;padding-left:50px}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-to{transform:translate(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--right-sheet{right:-50px;padding-right:50px}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-to{transform:translate(100%)!important}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-from{opacity:0!important;transform:scale(.85)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-to{opacity:0!important;transform:scale(.7)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5)}}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-active{transition:transform .15s var(--ease-out-5),opacity .15s var(--ease-out-5)}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: OverlayContainerComponent, isStandalone: true, selector: "et-overlay-container", host: { attributes: { "tabindex": "-1" }, properties: { "attr.aria-modal": "_config.ariaModal", "id": "_config.id", "attr.role": "_config.role", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledBy", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "_config.ariaDescribedBy || null", "class.et-with-default-animation": "!_config.customAnimated" }, classAttribute: "et-overlay" }, usesInheritance: true, hostDirectives: [{ directive: i1$2.RootBoundaryDirective }, { directive: i1$2.AnimatedLifecycleDirective }, { directive: i2$1.ProvideThemeDirective }], ngImport: i0, template: `<ng-template cdkPortalOutlet></ng-template>`, isInline: true, styles: [".et-overlay{position:relative;display:grid;overflow:hidden;pointer-events:all;outline:none}.et-overlay>*{overflow:auto}.et-overlay-pane{pointer-events:none}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-to{transform:scale(0)!important;border-radius:250px}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),border-radius .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-1),border-radius .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-active{transition:transform .15s var(--ease-in-5),border-radius .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet{bottom:-50px;padding-bottom:50px}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-to{transform:translateY(100%)!important}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--top-sheet{top:-50px;padding-top:50px}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-to{transform:translateY(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--left-sheet{left:-50px;padding-left:50px}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-to{transform:translate(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--right-sheet{right:-50px;padding-right:50px}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-to{transform:translate(100%)!important}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-from{opacity:0!important;transform:scale(.85)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-to{opacity:0!important;transform:scale(.7)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5)}}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-active{transition:transform .15s var(--ease-out-5),opacity .15s var(--ease-out-5)}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: OverlayContainerComponent, decorators: [{
             type: Component,
@@ -4252,7 +4254,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                         '[attr.aria-label]': '_config.ariaLabel',
                         '[attr.aria-describedby]': '_config.ariaDescribedBy || null',
                         '[class.et-with-default-animation]': '!_config.customAnimated',
-                    }, standalone: true, imports: [PortalModule], hostDirectives: [AnimatedLifecycleDirective, ProvideThemeDirective], styles: [".et-overlay{position:relative;display:grid;overflow:hidden;pointer-events:all;outline:none}.et-overlay>*{overflow:auto}.et-overlay-pane{pointer-events:none}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-to{transform:scale(0)!important;border-radius:250px}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),border-radius .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-1),border-radius .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-active{transition:transform .15s var(--ease-in-5),border-radius .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet{bottom:-50px;padding-bottom:50px}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-to{transform:translateY(100%)!important}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--top-sheet{top:-50px;padding-top:50px}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-to{transform:translateY(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--left-sheet{left:-50px;padding-left:50px}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-to{transform:translate(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--right-sheet{right:-50px;padding-right:50px}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-to{transform:translate(100%)!important}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-from{opacity:0!important;transform:scale(.85)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-to{opacity:0!important;transform:scale(.7)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5)}}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-active{transition:transform .15s var(--ease-out-5),opacity .15s var(--ease-out-5)}\n"] }]
+                    }, standalone: true, imports: [PortalModule], hostDirectives: [RootBoundaryDirective, AnimatedLifecycleDirective, ProvideThemeDirective], styles: [".et-overlay{position:relative;display:grid;overflow:hidden;pointer-events:all;outline:none}.et-overlay>*{overflow:auto}.et-overlay-pane{pointer-events:none}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-to{transform:scale(0)!important;border-radius:250px}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),border-radius .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-1),border-radius .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-active{transition:transform .15s var(--ease-in-5),border-radius .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet{bottom:-50px;padding-bottom:50px}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-to{transform:translateY(100%)!important}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--top-sheet{top:-50px;padding-top:50px}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-to{transform:translateY(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--left-sheet{left:-50px;padding-left:50px}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-to{transform:translate(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--right-sheet{right:-50px;padding-right:50px}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-to{transform:translate(100%)!important}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-from{opacity:0!important;transform:scale(.85)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-to{opacity:0!important;transform:scale(.7)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5)}}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-active{transition:transform .15s var(--ease-out-5),opacity .15s var(--ease-out-5)}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 const createOverlayConfig = (globalConfig, localConfig) => ({
@@ -4438,6 +4440,9 @@ const OVERLAY_STATE = {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 class OverlayRef {
+    get _internalDisableClose() {
+        return this._disableCloseFromInternalInitiators.size > 0;
+    }
     get _cdkRef() {
         return this._ref;
     }
@@ -4448,7 +4453,12 @@ class OverlayRef {
         this.componentRef = null;
         this._afterOpened = new Subject();
         this._beforeClosed = new Subject();
+        this._closeCalled = new Subject();
         this._state = OVERLAY_STATE.OPEN;
+        this._isEscCloseControlledExternally = false;
+        this._isBackdropCloseControlledExternally = false;
+        this._isCloseFnCloseControlledExternally = false;
+        this._disableCloseFromInternalInitiators = new Set();
         this.disableClose = config.disableClose;
         this.id = _ref.id;
         _containerInstance._animatedLifecycle.state$
@@ -4470,16 +4480,24 @@ class OverlayRef {
         merge(this.backdropClick(), this.keydownEvents().pipe(filter((event) => event.keyCode === ESCAPE && !this.disableClose && !hasModifierKey(event))))
             .pipe(skipUntil(_containerInstance._animatedLifecycle.state$.pipe(filter((e) => e === 'entering'))))
             .subscribe((event) => {
-            if (!this.disableClose) {
+            if ((this._isEscCloseControlledExternally && event.type === 'keydown') ||
+                (this._isBackdropCloseControlledExternally && event.type !== 'keydown')) {
+                return;
+            }
+            if (!this.disableClose && !this._internalDisableClose) {
                 event.preventDefault();
-                this._closeOverlayVia(event.type === 'keydown' ? 'keyboard' : 'mouse');
+                this._closeOverlayVia(event.type === 'keydown' ? 'keyboard' : 'mouse', undefined, true);
             }
         });
     }
-    close(result) {
+    close(result, force) {
         if (this._state === OVERLAY_STATE.CLOSING || this._state === OVERLAY_STATE.CLOSED) {
             return;
         }
+        this._closeCalled.next(result);
+        if (this._isCloseFnCloseControlledExternally && !force) {
+            return;
+        }
         this._result = result;
         this._containerInstance._animatedLifecycle.state$
             .pipe(filter((event) => event === 'leaving'), take(1))
@@ -4509,6 +4527,9 @@ class OverlayRef {
     keydownEvents() {
         return this._ref.keydownEvents;
     }
+    closeCalled() {
+        return this._closeCalled;
+    }
     updatePosition(position) {
         const strategy = this._ref.config.positionStrategy;
         if (position && (position.left || position.right)) {
@@ -4546,9 +4567,19 @@ class OverlayRef {
         this._ref.close(this._result, { focusOrigin: this._closeInteractionType });
         this.componentInstance = null;
     }
-    _closeOverlayVia(interactionType, result) {
+    _closeOverlayVia(interactionType, result, force) {
         this._closeInteractionType = interactionType;
-        return this.close(result);
+        return this.close(result, force);
+    }
+    _addInternalBackdropCloseInitiator(initiatorId) {
+        if (this.disableClose)
+            return;
+        this._disableCloseFromInternalInitiators.add(initiatorId);
+    }
+    _removeInternalBackdropCloseInitiator(initiatorId) {
+        if (this.disableClose)
+            return;
+        this._disableCloseFromInternalInitiators.delete(initiatorId);
     }
 }
 
@@ -4563,7 +4594,7 @@ const provideOverlayDefaultConfig = (config = {}) => {
     return { provide: OVERLAY_DEFAULT_OPTIONS, useValue: createOverlayConfig(config) };
 };
 
-let uniqueId$4 = 0;
+let uniqueId$5 = 0;
 const ID_PREFIX = 'et-overlay-';
 const setStyle = (el, style, value) => {
     if (value === null || value === undefined) {
@@ -4630,7 +4661,7 @@ class OverlayService {
     open(componentOrTemplateRef, config) {
         let overlayRef;
         const composedConfig = createOverlayConfig(this._defaultOptions, config);
-        composedConfig.id = composedConfig.id || `${ID_PREFIX}${uniqueId$4++}`;
+        composedConfig.id = composedConfig.id || `${ID_PREFIX}${uniqueId$5++}`;
         composedConfig.scrollStrategy = composedConfig.scrollStrategy || this._scrollStrategy();
         const cdkRef = this._dialog.open(componentOrTemplateRef, {
             ...composedConfig,
@@ -4646,11 +4677,17 @@ class OverlayService {
             },
             templateContext: () => ({ dialogRef: overlayRef }),
             providers: (ref, cdkConfig, overlayContainer) => {
-                overlayRef = new OverlayRef(ref, composedConfig, overlayContainer);
+                const container = overlayContainer;
+                overlayRef = new OverlayRef(ref, composedConfig, container);
                 return [
                     { provide: OverlayContainerComponent, useValue: overlayContainer },
+                    { provide: THEME_PROVIDER, useValue: container._themeProvider },
+                    { provide: ProvideThemeDirective, useValue: container._themeProvider },
+                    { provide: ROOT_BOUNDARY_TOKEN, useValue: container._rootBoundary },
+                    { provide: RootBoundaryDirective, useValue: container._rootBoundary },
                     { provide: OVERLAY_DATA, useValue: cdkConfig.data },
                     { provide: OverlayRef, useValue: overlayRef },
+                    { provide: OverlayRef, useValue: overlayRef },
                     ...(composedConfig.providers ?? []),
                 ];
             },
@@ -4892,13 +4929,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                 args: ['click', ['$event']]
             }] } });
 
-let uniqueId$3 = 0;
+let uniqueId$4 = 0;
 class OverlayTitleDirective {
     constructor() {
         this._overlayRef = inject(OverlayRef, { optional: true });
         this._elementRef = inject(ElementRef);
         this._overlayService = inject(OverlayService);
-        this.id = `et-overlay-title-${uniqueId$3++}`;
+        this.id = `et-overlay-title-${uniqueId$4++}`;
     }
     ngOnInit() {
         if (!this._overlayRef) {
@@ -4943,6 +4980,51 @@ const TOGGLETIP_DEFAULT_CONFIG = {
     customAnimated: false,
 };
 
+const OVERLAY_CLOSE_BLOCKER_TOKEN = new InjectionToken('OVERLAY_CLOSE_BLOCKER_TOKEN');
+let uniqueId$3 = 0;
+class OverlayCloseBlockerDirective {
+    constructor() {
+        this._id = `et-overlay-close-blocker-${uniqueId$3++}`;
+        this._animatedOverlay = inject(AnimatedOverlayDirective, { optional: true });
+        this._nearestOverlayRef = inject(OverlayRef, { optional: true });
+        if (!this._animatedOverlay || !this._nearestOverlayRef)
+            return;
+        combineLatest([this._animatedOverlay.isMounted$, this._animatedOverlay.isHidden$])
+            .pipe(takeUntilDestroyed(), tap(([mounted, hidden]) => {
+            if (mounted && !hidden) {
+                this._nearestOverlayRef?._addInternalBackdropCloseInitiator(this._id);
+            }
+            else {
+                this._nearestOverlayRef?._removeInternalBackdropCloseInitiator(this._id);
+            }
+        }))
+            .subscribe();
+    }
+    ngOnDestroy() {
+        this._nearestOverlayRef?._removeInternalBackdropCloseInitiator(this._id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: OverlayCloseBlockerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: OverlayCloseBlockerDirective, isStandalone: true, selector: "[etOverlayCloseBlocker]", providers: [
+            {
+                provide: OVERLAY_CLOSE_BLOCKER_TOKEN,
+                useExisting: OverlayCloseBlockerDirective,
+            },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: OverlayCloseBlockerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etOverlayCloseBlocker]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: OVERLAY_CLOSE_BLOCKER_TOKEN,
+                            useExisting: OverlayCloseBlockerDirective,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return []; } });
+
 const createToggletipConfig = (config = {}) => ({
     ...TOGGLETIP_DEFAULT_CONFIG,
     ...(config || {}),
@@ -5053,7 +5135,7 @@ class ToggletipDirective {
                 provide: TOGGLETIP_DIRECTIVE,
                 useExisting: ToggletipDirective,
             },
-        ], hostDirectives: [{ directive: i1$2.AnimatedOverlayDirective, inputs: ["placement", "placement"] }], ngImport: i0 }); }
+        ], hostDirectives: [{ directive: i1$2.AnimatedOverlayDirective, inputs: ["placement", "placement"] }, { directive: OverlayCloseBlockerDirective }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ToggletipDirective, decorators: [{
             type: Directive,
@@ -5066,7 +5148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                             useExisting: ToggletipDirective,
                         },
                     ],
-                    hostDirectives: [{ directive: AnimatedOverlayDirective, inputs: ['placement'] }],
+                    hostDirectives: [{ directive: AnimatedOverlayDirective, inputs: ['placement'] }, OverlayCloseBlockerDirective],
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { toggletip: [{
                 type: Input,
@@ -5297,7 +5379,7 @@ class TooltipDirective {
                 provide: TOOLTIP_DIRECTIVE,
                 useExisting: TooltipDirective,
             },
-        ], hostDirectives: [{ directive: i1$2.AnimatedOverlayDirective, inputs: ["placement", "placement"] }], ngImport: i0 }); }
+        ], hostDirectives: [{ directive: i1$2.AnimatedOverlayDirective, inputs: ["placement", "placement"] }, { directive: OverlayCloseBlockerDirective }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
@@ -5310,7 +5392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                             useExisting: TooltipDirective,
                         },
                     ],
-                    hostDirectives: [{ directive: AnimatedOverlayDirective, inputs: ['placement'] }],
+                    hostDirectives: [{ directive: AnimatedOverlayDirective, inputs: ['placement'] }, OverlayCloseBlockerDirective],
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { tooltip: [{
                 type: Input,
@@ -5447,6 +5529,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                 }]
         }] });
 
+/**
+ * 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.
+ */
+const createOverlayDismissChecker = (config) => {
+    assertInInjectionContext(createOverlayDismissChecker);
+    const { form, defaultValue = form.getRawValue(), dismissEvents = { backdropClick: true, escapeKey: true, closeCall: true }, dismissCheckFn, } = config;
+    const checkBackdropClick = dismissEvents.backdropClick ?? true;
+    const checkEscapeKey = dismissEvents.escapeKey ?? true;
+    const checkCloseCall = dismissEvents.closeCall ?? true;
+    if (!checkBackdropClick && !checkEscapeKey && !checkCloseCall) {
+        throw new Error('At least one dismiss event must be enabled');
+    }
+    const destroy$ = createDestroy();
+    const overlayRef = inject(OverlayRef);
+    overlayRef._isBackdropCloseControlledExternally = checkBackdropClick;
+    overlayRef._isEscCloseControlledExternally = checkEscapeKey;
+    overlayRef._isCloseFnCloseControlledExternally = checkCloseCall;
+    const eventStreams = [];
+    if (checkBackdropClick) {
+        if (!overlayRef.disableClose) {
+            eventStreams.push(overlayRef.backdropClick().pipe(map(() => 'mouse')));
+        }
+        else if (isDevMode() && dismissEvents.backdropClick) {
+            console.warn('dismissEvents.backdropClick being set to true has no effect when overlayRef.disableClose is true.');
+        }
+    }
+    if (checkEscapeKey) {
+        if (!overlayRef.disableClose) {
+            eventStreams.push(overlayRef.keydownEvents().pipe(filter((event) => event.keyCode === ESCAPE), map(() => 'keyboard')));
+        }
+        else if (isDevMode() && dismissEvents.escapeKey) {
+            console.warn('dismissEvents.escapeKey being set to true has no effect when overlayRef.disableClose is true.');
+        }
+    }
+    if (checkCloseCall) {
+        eventStreams.push(overlayRef.closeCalled());
+    }
+    const sub = merge(...eventStreams)
+        .pipe(takeUntil(destroy$), filter(() => {
+        const isNotEqual = !equal(form.getRawValue(), defaultValue);
+        const hasNoOtherInternalOverlays = !overlayRef._internalDisableClose;
+        const wasKeyboard = overlayRef._closeInteractionType === 'keyboard';
+        const wasMouse = overlayRef._closeInteractionType === 'mouse';
+        if ((wasKeyboard && !checkEscapeKey) || (wasMouse && !checkBackdropClick)) {
+            return false;
+        }
+        return isNotEqual && hasNoOtherInternalOverlays;
+    }), switchMap((result) => {
+        const checkResponse = dismissCheckFn(form.getRawValue());
+        let nextObservable;
+        if (checkResponse instanceof Observable) {
+            nextObservable = checkResponse;
+        }
+        else if (checkResponse instanceof Promise) {
+            nextObservable = from(checkResponse);
+        }
+        else {
+            nextObservable = of(checkResponse);
+        }
+        return nextObservable.pipe(filter((response) => !!response), tap((response) => {
+            sub.unsubscribe();
+            if (response === 'keyboard' || response === 'mouse') {
+                overlayRef._closeOverlayVia(response, undefined, true);
+            }
+            else {
+                overlayRef.close(result, true);
+            }
+        }), take(1));
+    }), takeUntil(destroy$), take(1))
+        .subscribe();
+    return sub;
+};
+
 class FilterOverlayRef {
     constructor(_config) {
         this._config = _config;
@@ -8292,25 +8448,6 @@ const ComboboxOptionType = {
     Object: 'object',
 };
 
-const createComboboxConfig = (globalConfig = {}, localConfig = {}) => ({
-    ...COMBOBOX_DEFAULT_CONFIG,
-    ...(globalConfig || {}),
-    ...(localConfig || {}),
-});
-const provideComboboxConfig = (config = {}) => {
-    return {
-        provide: COMBOBOX_CONFIG_TOKEN,
-        useValue: createComboboxConfig(config),
-    };
-};
-
-const isOptionDisabled = (opt) => {
-    if (typeof opt === 'object' && opt !== null && 'disabled' in opt) {
-        return !!opt.disabled;
-    }
-    return false;
-};
-
 const COMBOBOX_TOKEN = new InjectionToken('ET_COMBOBOX_INPUT_TOKEN');
 class ComboboxDirective {
     //#region Inputs
@@ -8377,6 +8514,9 @@ class ComboboxDirective {
     set bindKey(value) {
         this._selectionModel.setKeyBinding(value);
     }
+    set bindDisabled(value) {
+        this._selectionModel.setDisabledBinding(value);
+    }
     get allowCustomValues() {
         return this._allowCustomValues$.value;
     }
@@ -8575,18 +8715,28 @@ class ComboboxDirective {
         this.customBodyEmptyComponentInputs$ = this._bodyEmptyComponentInputs$.asObservable();
         this.customBodyMoreItemsHintComponentInputs$ = this._bodyMoreItemsHintComponentInputs$.asObservable();
         this.trackByOptionKeyFn = (index, item) => this._selectionModel.getKey(item);
+        this._selectionModel.setDisabledBinding('disabled');
         this._activeSelectionModel.setSelectionModel(this._selectionModel);
         this._animatedOverlay.placement = 'bottom';
         this._animatedOverlay.fallbackPlacements = ['bottom', 'top'];
         this._animatedOverlay.autoResize = true;
+        this._selectionModel.allowMultiple$
+            .pipe(takeUntilDestroyed(), tap((allowMultiple) => {
+            if (allowMultiple) {
+                this._updateFilter('');
+            }
+        }))
+            .subscribe();
         this._input._setEmptyHelper(this._currentFilter$);
     }
     ngOnInit() {
         this._initDispatchFilterChanges();
+        this._closeBodyOnDisable();
         if (isDevMode()) {
             this._debugValidateComboboxConfig();
             this._debugValidateOptionAndInitialValueSchema();
         }
+        this._selectionModel.setSelectionFromValue$(this._input.value);
         this._selectionModel.value$
             .pipe(takeUntil(this._destroy$), tap((value) => {
             this._input._updateValue(value);
@@ -8594,7 +8744,7 @@ class ComboboxDirective {
         }))
             .subscribe();
         this._input.onExternalUpdate$
-            .pipe(takeUntil(this._destroy$), tap(() => this._selectionModel.setSelection(this._input.value)))
+            .pipe(takeUntil(this._destroy$), tap(() => this._selectionModel.setSelectionFromValue$(this._input.value)))
             .subscribe();
     }
     //#endregion
@@ -8685,7 +8835,10 @@ class ComboboxDirective {
         return this._selectionModel.isSelected$(option);
     }
     isOptionActive(option) {
-        return this._activeSelectionModel.activeOption$.pipe(map((activeOption) => activeOption === option));
+        return this._activeSelectionModel.isOptionActive$(option);
+    }
+    isOptionDisabled(option) {
+        return this._selectionModel.isDisabled$(option);
     }
     //#endregion
     //#region Protected Methods
@@ -8856,7 +9009,7 @@ class ComboboxDirective {
             }
             else {
                 const { type, option } = result.optionAction;
-                if (isOptionDisabled(option))
+                if (this._selectionModel.isDisabled(option))
                     return;
                 if (type === 'add') {
                     this._selectionModel.addSelectedOption(option);
@@ -8870,6 +9023,15 @@ class ComboboxDirective {
             }
         }
     }
+    _closeBodyOnDisable() {
+        this._input.disabled$
+            .pipe(tap((disabled) => {
+            if (!disabled)
+                return;
+            this.close();
+        }), takeUntil(this._destroy$))
+            .subscribe();
+    }
     //#endregion
     //#region Dev mode
     _debugValidateComboboxConfig(isRetry = false) {
@@ -8931,7 +9093,7 @@ class ComboboxDirective {
             .subscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ComboboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.5", type: ComboboxDirective, isStandalone: true, inputs: { options: "options", initialValue: "initialValue", filterInternal: "filterInternal", loading: "loading", error: "error", emptyText: "emptyText", bodyEmptyText: "bodyEmptyText", bodyMoreItemsHintText: "bodyMoreItemsHintText", placeholder: "placeholder", multiple: "multiple", bindLabel: "bindLabel", bindValue: "bindValue", bindKey: "bindKey", allowCustomValues: "allowCustomValues", showBodyMoreItemsHint: ["showBodyMoreItemsHint", "showBodyMoreItemsHint", booleanAttribute], optionComponent: "optionComponent", optionComponentInputs: "optionComponentInputs", selectedOptionComponent: "selectedOptionComponent", selectedOptionComponentInputs: "selectedOptionComponentInputs", bodyErrorComponent: "bodyErrorComponent", bodyErrorComponentInputs: "bodyErrorComponentInputs", bodyLoadingComponent: "bodyLoadingComponent", bodyLoadingComponentInputs: "bodyLoadingComponentInputs", bodyEmptyComponent: "bodyEmptyComponent", bodyEmptyComponentInputs: "bodyEmptyComponentInputs", bodyMoreItemsHintComponent: "bodyMoreItemsHintComponent", bodyMoreItemsHintComponentInputs: "bodyMoreItemsHintComponentInputs" }, outputs: { filterChange: "filterChange" }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.5", type: ComboboxDirective, isStandalone: true, inputs: { options: "options", initialValue: "initialValue", filterInternal: "filterInternal", loading: "loading", error: "error", emptyText: "emptyText", bodyEmptyText: "bodyEmptyText", bodyMoreItemsHintText: "bodyMoreItemsHintText", placeholder: "placeholder", multiple: "multiple", bindLabel: "bindLabel", bindValue: "bindValue", bindKey: "bindKey", bindDisabled: "bindDisabled", allowCustomValues: "allowCustomValues", showBodyMoreItemsHint: ["showBodyMoreItemsHint", "showBodyMoreItemsHint", booleanAttribute], optionComponent: "optionComponent", optionComponentInputs: "optionComponentInputs", selectedOptionComponent: "selectedOptionComponent", selectedOptionComponentInputs: "selectedOptionComponentInputs", bodyErrorComponent: "bodyErrorComponent", bodyErrorComponentInputs: "bodyErrorComponentInputs", bodyLoadingComponent: "bodyLoadingComponent", bodyLoadingComponentInputs: "bodyLoadingComponentInputs", bodyEmptyComponent: "bodyEmptyComponent", bodyEmptyComponentInputs: "bodyEmptyComponentInputs", bodyMoreItemsHintComponent: "bodyMoreItemsHintComponent", bodyMoreItemsHintComponentInputs: "bodyMoreItemsHintComponentInputs" }, outputs: { filterChange: "filterChange" }, providers: [
             {
                 provide: COMBOBOX_TOKEN,
                 useExisting: ComboboxDirective,
@@ -8976,6 +9138,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                 type: Input
             }], bindKey: [{
                 type: Input
+            }], bindDisabled: [{
+                type: Input
             }], allowCustomValues: [{
                 type: Input
             }], showBodyMoreItemsHint: [{
@@ -9035,7 +9199,7 @@ class ComboboxOptionComponent {
         this.combobox = inject(COMBOBOX_TOKEN);
         this._elementRef = inject(ElementRef);
         this._option$ = new BehaviorSubject(null);
-        this.disabled$ = this._option$.pipe(map((opt) => isOptionDisabled(opt)));
+        this.disabled$ = this._option$.pipe(map((opt) => this.combobox.isOptionDisabled(opt)));
         this.selected$ = this._option$.pipe(switchMap((opt) => this.combobox.isOptionSelected(opt)));
         this.active$ = this._option$.pipe(switchMap((opt) => this.combobox.isOptionActive(opt)));
         this.customOptionComponentInputs$ = combineLatest([
@@ -9059,7 +9223,7 @@ class ComboboxOptionComponent {
         this._option$.next(value);
     }
     selectOption() {
-        if (isOptionDisabled(this.option)) {
+        if (this.combobox._selectionModel.isDisabled(this.option)) {
             return;
         }
         this.combobox.writeValueFromOption(this.option);
@@ -9141,7 +9305,7 @@ class ComboboxBodyComponent {
                 provide: COMBOBOX_BODY_TOKEN,
                 useExisting: ComboboxBodyComponent,
             },
-        ], viewQueries: [{ propertyName: "_containerElementRef", first: true, predicate: ["containerElement"], descendants: true, read: ElementRef, static: true }, { propertyName: "_animatedLifecycle", first: true, predicate: ANIMATED_LIFECYCLE_TOKEN, descendants: true, static: true }, { propertyName: "_options", predicate: ComboboxOptionComponent, descendants: true }], hostDirectives: [{ directive: i1$2.ClickOutsideDirective }, { directive: i2$1.ProvideThemeDirective }], ngImport: i0, template: "<div #containerElement class=\"et-combobox-body-container\" etAnimatedLifecycle>\n  <ng-container *etLet=\"combobox.options$ | async as options\">\n    <ng-container *ngIf=\"!options?.length && !combobox.error && !combobox.loading\">\n      <ng-container *ngIf=\"combobox.customBodyEmptyTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyEmptyComponent$ | async as comp; else default\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyEmptyComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n        <ng-template #default>\n          <p class=\"et-combobox-body--empty\">{{ combobox._tempEmptyText }}</p>\n        </ng-template>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"combobox.error && !combobox.loading\">\n      <ng-container *ngIf=\"combobox.customBodyErrorTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl; context: { error: combobox.error }\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyErrorComponent$ | async as comp\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (customErrorComponentInputs$ | async) ?? { error: combobox.error }\"\n          />\n        </ng-container>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"combobox.loading$ | async\">\n      <ng-container *ngIf=\"combobox.customBodyLoadingTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyLoadingComponent$ | async as comp\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyLoadingComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n      </ng-template>\n    </ng-container>\n\n    <et-combobox-option *ngFor=\"let option of options; trackBy: trackByFn\" [option]=\"option\" />\n\n    <ng-container *ngIf=\"options?.length && combobox.showBodyMoreItemsHint\">\n      <ng-container *ngIf=\"combobox.customBodyMoreItemsHintTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyMoreItemsHintComponent$ | async as comp; else default\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyMoreItemsHintComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n        <ng-template #default>\n          <p *ngIf=\"combobox.bodyMoreItemsHintText\" class=\"et-combobox-body--more-items-hint\">\n            {{ combobox.bodyMoreItemsHintText }}\n          </p>\n        </ng-template>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ComboboxOptionComponent, selector: "et-combobox-option", inputs: ["option"] }, { kind: "directive", type: LetDirective, selector: "[etLet]", inputs: ["etLet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: AnimatedLifecycleDirective, selector: "[etAnimatedLifecycle]", exportAs: ["etAnimatedLifecycle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "_containerElementRef", first: true, predicate: ["containerElement"], descendants: true, read: ElementRef, static: true }, { propertyName: "_animatedLifecycle", first: true, predicate: ANIMATED_LIFECYCLE_TOKEN, descendants: true, static: true }, { propertyName: "_options", predicate: ComboboxOptionComponent, descendants: true }], hostDirectives: [{ directive: i1$2.ClickOutsideDirective }, { directive: i2$1.ProvideThemeDirective }], ngImport: i0, template: "<div #containerElement class=\"et-combobox-body-container\" etAnimatedLifecycle>\n  <ng-container *etLet=\"combobox.options$ | async as options\">\n    <ng-container *ngIf=\"!options?.length && !combobox.error && !combobox.loading\">\n      <ng-container *ngIf=\"combobox.customBodyEmptyTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyEmptyComponent$ | async as comp; else default\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyEmptyComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n        <ng-template #default>\n          <p class=\"et-combobox-body--empty\">{{ combobox._tempEmptyText }}</p>\n        </ng-template>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"combobox.error && !combobox.loading\">\n      <ng-container *ngIf=\"combobox.customBodyErrorTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl; context: { error: combobox.error }\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyErrorComponent$ | async as comp\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (customErrorComponentInputs$ | async) ?? { error: combobox.error }\"\n          />\n        </ng-container>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"combobox.loading$ | async\">\n      <ng-container *ngIf=\"combobox.customBodyLoadingTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyLoadingComponent$ | async as comp\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyLoadingComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"!combobox.error\">\n      <et-combobox-option *ngFor=\"let option of options; trackBy: trackByFn\" [option]=\"option\" />\n    </ng-container>\n\n    <ng-container *ngIf=\"options?.length && combobox.showBodyMoreItemsHint\">\n      <ng-container *ngIf=\"combobox.customBodyMoreItemsHintTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyMoreItemsHintComponent$ | async as comp; else default\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyMoreItemsHintComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n        <ng-template #default>\n          <p *ngIf=\"combobox.bodyMoreItemsHintText\" class=\"et-combobox-body--more-items-hint\">\n            {{ combobox.bodyMoreItemsHintText }}\n          </p>\n        </ng-template>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ComboboxOptionComponent, selector: "et-combobox-option", inputs: ["option"] }, { kind: "directive", type: LetDirective, selector: "[etLet]", inputs: ["etLet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: AnimatedLifecycleDirective, selector: "[etAnimatedLifecycle]", exportAs: ["etAnimatedLifecycle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ComboboxBodyComponent, decorators: [{
             type: Component,
@@ -9164,7 +9328,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                             provide: COMBOBOX_BODY_TOKEN,
                             useExisting: ComboboxBodyComponent,
                         },
-                    ], template: "<div #containerElement class=\"et-combobox-body-container\" etAnimatedLifecycle>\n  <ng-container *etLet=\"combobox.options$ | async as options\">\n    <ng-container *ngIf=\"!options?.length && !combobox.error && !combobox.loading\">\n      <ng-container *ngIf=\"combobox.customBodyEmptyTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyEmptyComponent$ | async as comp; else default\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyEmptyComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n        <ng-template #default>\n          <p class=\"et-combobox-body--empty\">{{ combobox._tempEmptyText }}</p>\n        </ng-template>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"combobox.error && !combobox.loading\">\n      <ng-container *ngIf=\"combobox.customBodyErrorTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl; context: { error: combobox.error }\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyErrorComponent$ | async as comp\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (customErrorComponentInputs$ | async) ?? { error: combobox.error }\"\n          />\n        </ng-container>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"combobox.loading$ | async\">\n      <ng-container *ngIf=\"combobox.customBodyLoadingTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyLoadingComponent$ | async as comp\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyLoadingComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n      </ng-template>\n    </ng-container>\n\n    <et-combobox-option *ngFor=\"let option of options; trackBy: trackByFn\" [option]=\"option\" />\n\n    <ng-container *ngIf=\"options?.length && combobox.showBodyMoreItemsHint\">\n      <ng-container *ngIf=\"combobox.customBodyMoreItemsHintTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyMoreItemsHintComponent$ | async as comp; else default\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyMoreItemsHintComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n        <ng-template #default>\n          <p *ngIf=\"combobox.bodyMoreItemsHintText\" class=\"et-combobox-body--more-items-hint\">\n            {{ combobox.bodyMoreItemsHintText }}\n          </p>\n        </ng-template>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n</div>\n" }]
+                    ], template: "<div #containerElement class=\"et-combobox-body-container\" etAnimatedLifecycle>\n  <ng-container *etLet=\"combobox.options$ | async as options\">\n    <ng-container *ngIf=\"!options?.length && !combobox.error && !combobox.loading\">\n      <ng-container *ngIf=\"combobox.customBodyEmptyTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyEmptyComponent$ | async as comp; else default\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyEmptyComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n        <ng-template #default>\n          <p class=\"et-combobox-body--empty\">{{ combobox._tempEmptyText }}</p>\n        </ng-template>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"combobox.error && !combobox.loading\">\n      <ng-container *ngIf=\"combobox.customBodyErrorTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl; context: { error: combobox.error }\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyErrorComponent$ | async as comp\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (customErrorComponentInputs$ | async) ?? { error: combobox.error }\"\n          />\n        </ng-container>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"combobox.loading$ | async\">\n      <ng-container *ngIf=\"combobox.customBodyLoadingTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyLoadingComponent$ | async as comp\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyLoadingComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"!combobox.error\">\n      <et-combobox-option *ngFor=\"let option of options; trackBy: trackByFn\" [option]=\"option\" />\n    </ng-container>\n\n    <ng-container *ngIf=\"options?.length && combobox.showBodyMoreItemsHint\">\n      <ng-container *ngIf=\"combobox.customBodyMoreItemsHintTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyMoreItemsHintComponent$ | async as comp; else default\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyMoreItemsHintComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n        <ng-template #default>\n          <p *ngIf=\"combobox.bodyMoreItemsHintText\" class=\"et-combobox-body--more-items-hint\">\n            {{ combobox.bodyMoreItemsHintText }}\n          </p>\n        </ng-template>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n</div>\n" }]
         }], propDecorators: { _containerElementRef: [{
                 type: ViewChild,
                 args: ['containerElement', { static: true, read: ElementRef }]
@@ -9183,7 +9347,7 @@ class ComboboxComponent extends DecoratedInputBase {
         this.combobox.setBodyComponent(ComboboxBodyComponent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: ComboboxComponent, isStandalone: true, selector: "et-combobox", host: { listeners: { "click": "combobox.selectInputAndOpen()" }, classAttribute: "et-combobox" }, usesInheritance: true, hostDirectives: [{ directive: i1$2.AnimatedOverlayDirective }, { directive: InputDirective, inputs: ["placeholder", "placeholder"] }, { directive: 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"] }], ngImport: i0, template: "<ng-content select=\"[etInputPrefix]\" />\n\n<div>\n  <div *ngIf=\"combobox.multiple$ | async\" class=\"et-combobox-selected-options\">\n    <div\n      *ngFor=\"let item of combobox.selectedOptions$ | async; trackBy: combobox.trackByOptionKeyFn\"\n      class=\"et-combobox-selected-option\"\n      aria-hidden=\"true\"\n    >\n      <ng-container\n        *ngIf=\"\n          combobox.customSelectedOptionTpl$ | async as customSelectedOptionTpl;\n          else compOrDefaultSelectedOptionLabelTpl\n        \"\n      >\n        <ng-container *ngTemplateOutlet=\"customSelectedOptionTpl; context: { option: item }\" />\n      </ng-container>\n\n      <ng-template #compOrDefaultSelectedOptionLabelTpl>\n        <ng-container\n          *ngIf=\"combobox.customSelectedOptionComponent$ | async as comp; else defaultSelectedOptionLabelTpl\"\n        >\n          <ng-container\n            *ngComponentOutlet=\"\n              comp;\n              inputs: (combobox.combineSelectedOptionWithComponentInputs(item) | async) ?? { option: item }\n            \"\n          ></ng-container>\n        </ng-container>\n        <ng-template #defaultSelectedOptionLabelTpl>\n          {{ combobox.getOptionLabel(item) | async }}\n        </ng-template>\n      </ng-template>\n\n      <button\n        (click)=\"combobox.removeSelectedOption(item); $event.stopPropagation()\"\n        class=\"et-combobox-selected-option-remove\"\n        tabindex=\"-1\"\n      >\n        x\n      </button>\n    </div>\n    <div class=\"et-combobox-muliple-input\">\n      <ng-container *ngTemplateOutlet=\"inputTpl\" />\n    </div>\n  </div>\n\n  <ng-template #inputTpl>\n    <input\n      [disabled]=\"input.disabled\"\n      [attr.id]=\"input.id\"\n      [attr.aria-required]=\"(input.required$ | async) || null\"\n      [attr.aria-disabled]=\"(input.disabled$ | async) || null\"\n      [attr.aria-invalid]=\"(input.invalid$ | async) || null\"\n      [attr.aria-expanded]=\"combobox.isOpen$ | async\"\n      [attr.aria-describedby]=\"input.describedBy$ | async\"\n      [attr.placeholder]=\"input.placeholder || null\"\n      [attr.aria-activedescendant]=\"combobox.activeOptionId$ | async\"\n      [attr.aria-controls]=\"(combobox.selectBodyId$ | async) || null\"\n      [attr.aria-owns]=\"(combobox.selectBodyId$ | async) || null\"\n      (keydown)=\"combobox._processKeydownEvent($event)\"\n      (keyup)=\"combobox._processKeyupEvent()\"\n      (click)=\"combobox.open()\"\n      (blur)=\"combobox._handleBlurEvent()\"\n      (input)=\"combobox._processInputEvent($event)\"\n      class=\"et-combobox-wrapper\"\n      aria-haspopup=\"listbox\"\n      role=\"combobox\"\n      aria-autocomplete=\"list\"\n      type=\"text\"\n      value=\"{{ combobox.currentFilter }}\"\n      etNativeInputRef\n    />\n  </ng-template>\n\n  <ng-container *ngIf=\"(combobox.multiple$ | async) === false\">\n    <ng-container *ngTemplateOutlet=\"inputTpl\" />\n  </ng-container>\n\n  <et-chevron-icon class=\"et-combobox-chevron\" />\n</div>\n\n<ng-content select=\"[etInputSuffix]\" />\n\n<ng-template>\n  <ng-content />\n</ng-template>\n", styles: [".et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-enter-from,.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-leave-to{opacity:0;transform:scaleY(0)}.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-enter-active{transition:transform 125ms var(--ease-out-5),opacity 125ms var(--ease-out-5)}.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-leave-active{transition:transform 50ms var(--ease-in-5),opacity 50ms var(--ease-in-5)}.et-combobox-body.et-with-default-animation[et-floating-placement^=top] .et-combobox-body-container{transform-origin:bottom}.et-combobox-body.et-with-default-animation[et-floating-placement^=bottom] .et-combobox-body-container{transform-origin:top}.et-combobox-body-container{display:block;background-color:#3d3d3d;color:#fff;max-height:min(200px,var(--et-floating-max-height, 200px));overflow:auto}@supports (overflow: overlay){.et-combobox-body-container{overflow:overlay}}.et-combobox-body{width:100%;display:grid;transform:var(--et-floating-translate);will-change:transform}.et-combobox-option{display:block}:where(.et-combobox-option--active){background-color:#1e1e1e}.et-combobox{display:block;border:1px solid #ccc;padding:15px;position:relative}.et-combobox-chevron{transform:rotate(180deg);display:block;inline-size:15px;block-size:15px;position:absolute;inset-inline-end:15px;inset-block-start:7px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NativeInputRefDirective, selector: "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: ChevronIconComponent, selector: "et-chevron-icon" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: ComboboxComponent, isStandalone: true, selector: "et-combobox", host: { listeners: { "click": "combobox.selectInputAndOpen()" }, classAttribute: "et-combobox" }, usesInheritance: true, hostDirectives: [{ directive: i1$2.AnimatedOverlayDirective }, { directive: OverlayCloseBlockerDirective }, { directive: InputDirective, inputs: ["placeholder", "placeholder"] }, { directive: 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"] }], ngImport: i0, template: "<ng-content select=\"[etInputPrefix]\" />\n\n<div>\n  <div *ngIf=\"combobox.multiple$ | async\" class=\"et-combobox-selected-options\">\n    <div\n      *ngFor=\"let item of combobox.selectedOptions$ | async; trackBy: combobox.trackByOptionKeyFn\"\n      class=\"et-combobox-selected-option\"\n      aria-hidden=\"true\"\n    >\n      <ng-container\n        *ngIf=\"\n          combobox.customSelectedOptionTpl$ | async as customSelectedOptionTpl;\n          else compOrDefaultSelectedOptionLabelTpl\n        \"\n      >\n        <ng-container *ngTemplateOutlet=\"customSelectedOptionTpl; context: { option: item }\" />\n      </ng-container>\n\n      <ng-template #compOrDefaultSelectedOptionLabelTpl>\n        <ng-container\n          *ngIf=\"combobox.customSelectedOptionComponent$ | async as comp; else defaultSelectedOptionLabelTpl\"\n        >\n          <ng-container\n            *ngComponentOutlet=\"\n              comp;\n              inputs: (combobox.combineSelectedOptionWithComponentInputs(item) | async) ?? { option: item }\n            \"\n          ></ng-container>\n        </ng-container>\n        <ng-template #defaultSelectedOptionLabelTpl>\n          {{ combobox.getOptionLabel(item) | async }}\n        </ng-template>\n      </ng-template>\n\n      <button\n        (click)=\"combobox.removeSelectedOption(item); $event.stopPropagation(); combobox.focus()\"\n        class=\"et-combobox-selected-option-remove\"\n        tabindex=\"-1\"\n      >\n        x\n      </button>\n    </div>\n    <div class=\"et-combobox-muliple-input\">\n      <ng-container *ngTemplateOutlet=\"inputTpl\" />\n    </div>\n  </div>\n\n  <ng-template #inputTpl>\n    <input\n      [disabled]=\"input.disabled\"\n      [attr.id]=\"input.id\"\n      [attr.aria-required]=\"(input.required$ | async) || null\"\n      [attr.aria-disabled]=\"(input.disabled$ | async) || null\"\n      [attr.aria-invalid]=\"(input.invalid$ | async) || null\"\n      [attr.aria-expanded]=\"combobox.isOpen$ | async\"\n      [attr.aria-describedby]=\"input.describedBy$ | async\"\n      [attr.placeholder]=\"input.placeholder || null\"\n      [attr.aria-activedescendant]=\"combobox.activeOptionId$ | async\"\n      [attr.aria-controls]=\"(combobox.selectBodyId$ | async) || null\"\n      [attr.aria-owns]=\"(combobox.selectBodyId$ | async) || null\"\n      (keydown)=\"combobox._processKeydownEvent($event)\"\n      (keyup)=\"combobox._processKeyupEvent()\"\n      (click)=\"combobox.open()\"\n      (blur)=\"combobox._handleBlurEvent()\"\n      (input)=\"combobox._processInputEvent($event)\"\n      class=\"et-combobox-wrapper\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      role=\"combobox\"\n      aria-autocomplete=\"list\"\n      type=\"text\"\n      value=\"{{ combobox.currentFilter }}\"\n      etNativeInputRef\n    />\n  </ng-template>\n\n  <ng-container *ngIf=\"(combobox.multiple$ | async) === false\">\n    <ng-container *ngTemplateOutlet=\"inputTpl\" />\n  </ng-container>\n\n  <et-chevron-icon class=\"et-combobox-chevron\" />\n</div>\n\n<ng-content select=\"[etInputSuffix]\" />\n\n<ng-template>\n  <ng-content />\n</ng-template>\n", styles: [".et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-enter-from,.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-leave-to{opacity:0;transform:scaleY(0)}.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-enter-active{transition:transform 125ms var(--ease-out-5),opacity 125ms var(--ease-out-5)}.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-leave-active{transition:transform 50ms var(--ease-in-5),opacity 50ms var(--ease-in-5)}.et-combobox-body.et-with-default-animation[et-floating-placement^=top] .et-combobox-body-container{transform-origin:bottom}.et-combobox-body.et-with-default-animation[et-floating-placement^=bottom] .et-combobox-body-container{transform-origin:top}.et-combobox-body-container{display:block;background-color:#3d3d3d;color:#fff;max-height:min(200px,var(--et-floating-max-height, 200px));overflow:auto}@supports (overflow: overlay){.et-combobox-body-container{overflow:overlay}}.et-combobox-body{width:100%;display:grid;transform:var(--et-floating-translate);will-change:transform}.et-combobox-option{display:block}:where(.et-combobox-option--active){background-color:#1e1e1e}.et-combobox{display:block;border:1px solid #ccc;padding:15px;position:relative}.et-combobox-chevron{transform:rotate(180deg);display:block;inline-size:15px;block-size:15px;position:absolute;inset-inline-end:15px;inset-block-start:7px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NativeInputRefDirective, selector: "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: ChevronIconComponent, selector: "et-chevron-icon" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ComboboxComponent, decorators: [{
             type: Component,
@@ -9201,6 +9365,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                         NgComponentOutlet,
                     ], hostDirectives: [
                         AnimatedOverlayDirective,
+                        OverlayCloseBlockerDirective,
                         { directive: InputDirective, inputs: ['placeholder'] },
                         {
                             directive: ComboboxDirective,
@@ -9215,6 +9380,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                                 'multiple',
                                 'bindLabel',
                                 'bindValue',
+                                'bindDisabled',
                                 'allowCustomValues',
                                 'selectedOptionComponent',
                                 'optionComponent',
@@ -9235,7 +9401,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                             // eslint-disable-next-line @angular-eslint/no-outputs-metadata-property
                             outputs: ['filterChange'],
                         },
-                    ], template: "<ng-content select=\"[etInputPrefix]\" />\n\n<div>\n  <div *ngIf=\"combobox.multiple$ | async\" class=\"et-combobox-selected-options\">\n    <div\n      *ngFor=\"let item of combobox.selectedOptions$ | async; trackBy: combobox.trackByOptionKeyFn\"\n      class=\"et-combobox-selected-option\"\n      aria-hidden=\"true\"\n    >\n      <ng-container\n        *ngIf=\"\n          combobox.customSelectedOptionTpl$ | async as customSelectedOptionTpl;\n          else compOrDefaultSelectedOptionLabelTpl\n        \"\n      >\n        <ng-container *ngTemplateOutlet=\"customSelectedOptionTpl; context: { option: item }\" />\n      </ng-container>\n\n      <ng-template #compOrDefaultSelectedOptionLabelTpl>\n        <ng-container\n          *ngIf=\"combobox.customSelectedOptionComponent$ | async as comp; else defaultSelectedOptionLabelTpl\"\n        >\n          <ng-container\n            *ngComponentOutlet=\"\n              comp;\n              inputs: (combobox.combineSelectedOptionWithComponentInputs(item) | async) ?? { option: item }\n            \"\n          ></ng-container>\n        </ng-container>\n        <ng-template #defaultSelectedOptionLabelTpl>\n          {{ combobox.getOptionLabel(item) | async }}\n        </ng-template>\n      </ng-template>\n\n      <button\n        (click)=\"combobox.removeSelectedOption(item); $event.stopPropagation()\"\n        class=\"et-combobox-selected-option-remove\"\n        tabindex=\"-1\"\n      >\n        x\n      </button>\n    </div>\n    <div class=\"et-combobox-muliple-input\">\n      <ng-container *ngTemplateOutlet=\"inputTpl\" />\n    </div>\n  </div>\n\n  <ng-template #inputTpl>\n    <input\n      [disabled]=\"input.disabled\"\n      [attr.id]=\"input.id\"\n      [attr.aria-required]=\"(input.required$ | async) || null\"\n      [attr.aria-disabled]=\"(input.disabled$ | async) || null\"\n      [attr.aria-invalid]=\"(input.invalid$ | async) || null\"\n      [attr.aria-expanded]=\"combobox.isOpen$ | async\"\n      [attr.aria-describedby]=\"input.describedBy$ | async\"\n      [attr.placeholder]=\"input.placeholder || null\"\n      [attr.aria-activedescendant]=\"combobox.activeOptionId$ | async\"\n      [attr.aria-controls]=\"(combobox.selectBodyId$ | async) || null\"\n      [attr.aria-owns]=\"(combobox.selectBodyId$ | async) || null\"\n      (keydown)=\"combobox._processKeydownEvent($event)\"\n      (keyup)=\"combobox._processKeyupEvent()\"\n      (click)=\"combobox.open()\"\n      (blur)=\"combobox._handleBlurEvent()\"\n      (input)=\"combobox._processInputEvent($event)\"\n      class=\"et-combobox-wrapper\"\n      aria-haspopup=\"listbox\"\n      role=\"combobox\"\n      aria-autocomplete=\"list\"\n      type=\"text\"\n      value=\"{{ combobox.currentFilter }}\"\n      etNativeInputRef\n    />\n  </ng-template>\n\n  <ng-container *ngIf=\"(combobox.multiple$ | async) === false\">\n    <ng-container *ngTemplateOutlet=\"inputTpl\" />\n  </ng-container>\n\n  <et-chevron-icon class=\"et-combobox-chevron\" />\n</div>\n\n<ng-content select=\"[etInputSuffix]\" />\n\n<ng-template>\n  <ng-content />\n</ng-template>\n", styles: [".et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-enter-from,.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-leave-to{opacity:0;transform:scaleY(0)}.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-enter-active{transition:transform 125ms var(--ease-out-5),opacity 125ms var(--ease-out-5)}.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-leave-active{transition:transform 50ms var(--ease-in-5),opacity 50ms var(--ease-in-5)}.et-combobox-body.et-with-default-animation[et-floating-placement^=top] .et-combobox-body-container{transform-origin:bottom}.et-combobox-body.et-with-default-animation[et-floating-placement^=bottom] .et-combobox-body-container{transform-origin:top}.et-combobox-body-container{display:block;background-color:#3d3d3d;color:#fff;max-height:min(200px,var(--et-floating-max-height, 200px));overflow:auto}@supports (overflow: overlay){.et-combobox-body-container{overflow:overlay}}.et-combobox-body{width:100%;display:grid;transform:var(--et-floating-translate);will-change:transform}.et-combobox-option{display:block}:where(.et-combobox-option--active){background-color:#1e1e1e}.et-combobox{display:block;border:1px solid #ccc;padding:15px;position:relative}.et-combobox-chevron{transform:rotate(180deg);display:block;inline-size:15px;block-size:15px;position:absolute;inset-inline-end:15px;inset-block-start:7px}\n"] }]
+                    ], template: "<ng-content select=\"[etInputPrefix]\" />\n\n<div>\n  <div *ngIf=\"combobox.multiple$ | async\" class=\"et-combobox-selected-options\">\n    <div\n      *ngFor=\"let item of combobox.selectedOptions$ | async; trackBy: combobox.trackByOptionKeyFn\"\n      class=\"et-combobox-selected-option\"\n      aria-hidden=\"true\"\n    >\n      <ng-container\n        *ngIf=\"\n          combobox.customSelectedOptionTpl$ | async as customSelectedOptionTpl;\n          else compOrDefaultSelectedOptionLabelTpl\n        \"\n      >\n        <ng-container *ngTemplateOutlet=\"customSelectedOptionTpl; context: { option: item }\" />\n      </ng-container>\n\n      <ng-template #compOrDefaultSelectedOptionLabelTpl>\n        <ng-container\n          *ngIf=\"combobox.customSelectedOptionComponent$ | async as comp; else defaultSelectedOptionLabelTpl\"\n        >\n          <ng-container\n            *ngComponentOutlet=\"\n              comp;\n              inputs: (combobox.combineSelectedOptionWithComponentInputs(item) | async) ?? { option: item }\n            \"\n          ></ng-container>\n        </ng-container>\n        <ng-template #defaultSelectedOptionLabelTpl>\n          {{ combobox.getOptionLabel(item) | async }}\n        </ng-template>\n      </ng-template>\n\n      <button\n        (click)=\"combobox.removeSelectedOption(item); $event.stopPropagation(); combobox.focus()\"\n        class=\"et-combobox-selected-option-remove\"\n        tabindex=\"-1\"\n      >\n        x\n      </button>\n    </div>\n    <div class=\"et-combobox-muliple-input\">\n      <ng-container *ngTemplateOutlet=\"inputTpl\" />\n    </div>\n  </div>\n\n  <ng-template #inputTpl>\n    <input\n      [disabled]=\"input.disabled\"\n      [attr.id]=\"input.id\"\n      [attr.aria-required]=\"(input.required$ | async) || null\"\n      [attr.aria-disabled]=\"(input.disabled$ | async) || null\"\n      [attr.aria-invalid]=\"(input.invalid$ | async) || null\"\n      [attr.aria-expanded]=\"combobox.isOpen$ | async\"\n      [attr.aria-describedby]=\"input.describedBy$ | async\"\n      [attr.placeholder]=\"input.placeholder || null\"\n      [attr.aria-activedescendant]=\"combobox.activeOptionId$ | async\"\n      [attr.aria-controls]=\"(combobox.selectBodyId$ | async) || null\"\n      [attr.aria-owns]=\"(combobox.selectBodyId$ | async) || null\"\n      (keydown)=\"combobox._processKeydownEvent($event)\"\n      (keyup)=\"combobox._processKeyupEvent()\"\n      (click)=\"combobox.open()\"\n      (blur)=\"combobox._handleBlurEvent()\"\n      (input)=\"combobox._processInputEvent($event)\"\n      class=\"et-combobox-wrapper\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      role=\"combobox\"\n      aria-autocomplete=\"list\"\n      type=\"text\"\n      value=\"{{ combobox.currentFilter }}\"\n      etNativeInputRef\n    />\n  </ng-template>\n\n  <ng-container *ngIf=\"(combobox.multiple$ | async) === false\">\n    <ng-container *ngTemplateOutlet=\"inputTpl\" />\n  </ng-container>\n\n  <et-chevron-icon class=\"et-combobox-chevron\" />\n</div>\n\n<ng-content select=\"[etInputSuffix]\" />\n\n<ng-template>\n  <ng-content />\n</ng-template>\n", styles: [".et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-enter-from,.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-leave-to{opacity:0;transform:scaleY(0)}.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-enter-active{transition:transform 125ms var(--ease-out-5),opacity 125ms var(--ease-out-5)}.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-leave-active{transition:transform 50ms var(--ease-in-5),opacity 50ms var(--ease-in-5)}.et-combobox-body.et-with-default-animation[et-floating-placement^=top] .et-combobox-body-container{transform-origin:bottom}.et-combobox-body.et-with-default-animation[et-floating-placement^=bottom] .et-combobox-body-container{transform-origin:top}.et-combobox-body-container{display:block;background-color:#3d3d3d;color:#fff;max-height:min(200px,var(--et-floating-max-height, 200px));overflow:auto}@supports (overflow: overlay){.et-combobox-body-container{overflow:overlay}}.et-combobox-body{width:100%;display:grid;transform:var(--et-floating-translate);will-change:transform}.et-combobox-option{display:block}:where(.et-combobox-option--active){background-color:#1e1e1e}.et-combobox{display:block;border:1px solid #ccc;padding:15px;position:relative}.et-combobox-chevron{transform:rotate(180deg);display:block;inline-size:15px;block-size:15px;position:absolute;inset-inline-end:15px;inset-block-start:7px}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 const ComboboxImports = [
@@ -9251,6 +9417,18 @@ const ComboboxImports = [
     ComboboxBodyEmptyTemplateDirective,
 ];
 
+const createComboboxConfig = (globalConfig = {}, localConfig = {}) => ({
+    ...COMBOBOX_DEFAULT_CONFIG,
+    ...(globalConfig || {}),
+    ...(localConfig || {}),
+});
+const provideComboboxConfig = (config = {}) => {
+    return {
+        provide: COMBOBOX_CONFIG_TOKEN,
+        useValue: createComboboxConfig(config),
+    };
+};
+
 const NATIVE_SELECT_OPTION_TOKEN = new InjectionToken('ET_NATIVE_SELECT_OPTION_DIRECTIVE_TOKEN');
 class NativeSelectOptionDirective {
     constructor() {
@@ -9406,23 +9584,17 @@ class SelectOptionDirective {
         this._select = inject(SELECT_TOKEN);
         this._elementRef = inject(ElementRef);
         this._viewValue$ = new BehaviorSubject(this._elementRef.nativeElement.textContent?.trim() ?? '');
-        this._isActive$ = new BehaviorSubject(false);
+        this.isActive$ = this._select._activeSelectionModel.isOptionActive$(this);
         this.id = `et-select-option-${uniqueId$2++}`;
         this._value$ = new BehaviorSubject(null);
         this._disabled$ = new BehaviorSubject(false);
-        this.isSelected$ = combineLatest([this._select.input.value$, this._value$]).pipe(map(([selectValue, optionValue]) => {
-            if (Array.isArray(selectValue)) {
-                return selectValue.includes(optionValue);
-            }
-            return selectValue === optionValue;
-        }));
+        this.disabled$ = this._disabled$.asObservable();
+        this.isSelected$ = this._select._selectionModel.isSelected$(this);
         this.isSelected = toSignal(this.isSelected$);
         this.viewValue$ = this._viewValue$.asObservable();
-        this.disabled$ = this._disabled$.asObservable();
-        this.isActive$ = this._isActive$.asObservable();
         this.hostClassBindings = signalHostClasses({
             'et-select-option--selected': this.isSelected,
-            'et-select-option--active': toSignal(this._isActive$),
+            'et-select-option--active': toSignal(this.isActive$),
         });
         this.hostAttributeBindings = signalHostAttributes({
             'aria-selected': this.isSelected,
@@ -9443,43 +9615,24 @@ class SelectOptionDirective {
     get viewValue() {
         return this._viewValue$.value;
     }
-    ngAfterContentInit() {
+    ngAfterViewInit() {
         this._updateViewValue();
     }
-    async setSelectValue() {
-        if (this.disabled)
+    selectOption() {
+        if (this._select._selectionModel.isDisabled(this)) {
             return;
-        if (this._select.multiple) {
-            if (!Array.isArray(this._select.input.value)) {
-                if (isDevMode()) {
-                    console.warn('Select multiple is enabled but the value is not an array');
-                }
-                return;
-            }
-            const isSelected = await firstValueFrom(this.isSelected$);
-            if (isSelected) {
-                this._select.setValue(this._select.input.value.filter((value) => value !== this.value));
-            }
-            else {
-                this._select.setValue([...this._select.input.value, this.value]);
-            }
-        }
-        else {
-            this._select.setValue(this.value);
-            this._select.unmountSelectBody();
         }
+        this._select.writeValueFromOption(this);
+        this._select.focus();
     }
     _updateViewValue() {
         this._viewValue$.next(this._elementRef.nativeElement.textContent?.trim() ?? '');
     }
-    _setActive(isActive) {
-        this._isActive$.next(isActive);
-    }
     setActiveByHover() {
-        this._select._setActiveOption(this);
+        this._select._activeSelectionModel.setActiveOption(this);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SelectOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: SelectOptionDirective, isStandalone: true, inputs: { value: "value", disabled: "disabled" }, host: { attributes: { "role": "option" }, listeners: { "click": "setSelectValue()", "mouseenter": "setActiveByHover()", "etObserveContent": "_updateViewValue()" }, properties: { "attr.id": "id", "attr.aria-disabled": "disabled", "class.et-select-option--disabled": "disabled" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: SelectOptionDirective, isStandalone: true, inputs: { value: "value", disabled: "disabled" }, host: { attributes: { "role": "option" }, listeners: { "click": "selectOption()", "mouseenter": "setActiveByHover()", "etObserveContent": "_updateViewValue()" }, properties: { "attr.id": "id", "attr.aria-disabled": "disabled", "class.et-select-option--disabled": "disabled" } }, providers: [
             {
                 provide: SELECT_OPTION_TOKEN,
                 useExisting: SelectOptionDirective,
@@ -9500,7 +9653,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                         '[attr.id]': 'id',
                         '[attr.aria-disabled]': 'disabled',
                         '[class.et-select-option--disabled]': 'disabled',
-                        '(click)': 'setSelectValue()',
+                        '(click)': 'selectOption()',
                         '(mouseenter)': 'setActiveByHover()',
                         '(etObserveContent)': '_updateViewValue()',
                         role: 'option',
@@ -9518,12 +9671,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
 const SELECT_TOKEN = new InjectionToken('ET_SELECT_INPUT_TOKEN');
 let uniqueId$1 = 0;
 class SelectDirective {
-    get multiple() {
-        return this._multiple$.value;
-    }
     set multiple(value) {
-        this._multiple$.next(booleanAttribute(value));
-        this._migrateSelectValue();
+        this._selectionModel.setAllowMultiple(booleanAttribute(value));
     }
     set _selectOptionsQueryList(value) {
         this._selectOptionsQueryList$.next(value);
@@ -9532,7 +9681,6 @@ class SelectDirective {
         this._selectBodyConfig = null;
         this._animatedOverlay = inject(AnimatedOverlayDirective);
         this._destroy$ = createDestroy();
-        this._liveAnnouncer = inject(LiveAnnouncer);
         this._selectField = inject(SELECT_FIELD_TOKEN);
         this._themeProvider = inject(THEME_PROVIDER, { optional: true });
         this.input = inject(INPUT_TOKEN);
@@ -9541,55 +9689,27 @@ class SelectDirective {
         this.elementRef = inject(ElementRef);
         this._selectionModel = new SelectionModel();
         this._activeSelectionModel = new ActiveSelectionModel();
-        this._multiple$ = new BehaviorSubject(false);
         this._selectOptionsQueryList$ = new BehaviorSubject(null);
-        this.selectOptions$ = this._selectOptionsQueryList$.pipe(switchQueryListChanges(), switchMap((queryList) => {
-            if (!queryList)
-                return of(null);
-            const items = queryList.map((opt) => combineLatest([opt.isSelected$, opt.isActive$]).pipe(map(([selected, active]) => ({ opt, selected, active }))));
-            return combineLatest(items ?? of(null));
-        }));
-        this.activeOption$ = this.selectOptions$.pipe(map((options) => {
-            if (!options)
-                return null;
-            return options.find((option) => option.active) ?? null;
-        }));
-        this.selectedOptions$ = this.selectOptions$.pipe(map((options) => {
-            if (!options)
-                return null;
-            const selectedOptions = options.filter((option) => option.selected);
-            if (!selectedOptions.length)
-                return null;
-            const inputValue = this.input.value;
-            if (this.multiple && Array.isArray(inputValue)) {
-                // sort selected options by the order of the input value
-                const selectedOptionsMap = new Map(selectedOptions.map((option) => [option.opt.value, option]));
-                return inputValue
-                    .map((value) => selectedOptionsMap.get(value))
-                    .filter((option) => !!option);
-            }
-            return selectedOptions;
-        }));
-        this.selectedOption$ = this.selectedOptions$.pipe(map((options) => options?.[0] ?? null));
         this.selectBodyId$ = this._selectBodyId$.asObservable();
         this.isOpen$ = this._isOpen$.asObservable();
         this.isOpen = toSignal(this.isOpen$);
-        this.multiple$ = this._multiple$.asObservable();
+        this.multiple$ = this._selectionModel.allowMultiple$;
         this.selectCurrentValueId = `et-select-current-value-${uniqueId$1++}`;
-        this.ariaViewValue$ = this.selectedOptions$.pipe(switchMap((options) => {
+        this.ariaViewValue$ = this._selectionModel.selection$.pipe(switchMap((options) => {
             if (!options?.length)
                 return of(null);
-            const viewValues = options.map((option) => option.opt.viewValue$);
+            const viewValues = options.map((option) => option.viewValue$);
             return combineLatest(viewValues);
         }), map((viewValues) => {
             if (!viewValues)
                 return null;
             return viewValues.join(', ');
         }));
-        this.activeDescendant$ = combineLatest([this.isOpen$, this.activeOption$]).pipe(map(([isOpen, activeOption]) => {
+        this.ariaViewValue = toSignal(this.ariaViewValue$);
+        this.activeDescendant$ = combineLatest([this.isOpen$, this._activeSelectionModel.activeOption$]).pipe(map(([isOpen, activeOption]) => {
             if (!isOpen || !activeOption)
                 return null;
-            return activeOption.opt.id;
+            return activeOption.id;
         }));
         this.owns$ = combineLatest([this.isOpen$, this.selectBodyId$]).pipe(map(([isOpen, selectBodyId]) => {
             if (!isOpen || !selectBodyId) {
@@ -9609,6 +9729,7 @@ class SelectDirective {
             'et-select-field--open': this.isOpen,
             'et-select-field--multiple': toSignal(this.multiple$),
         });
+        this.inputElement = null;
         this.trackByFn = (_, item) => item.id;
         this._animatedOverlay.placement = 'bottom';
         this._animatedOverlay.fallbackPlacements = ['bottom', 'top'];
@@ -9620,21 +9741,22 @@ class SelectDirective {
             .setValueBinding((v) => v.value)
             .setDisabledBinding((v) => v.disabled);
         this._activeSelectionModel.setSelectionModel(this._selectionModel);
-        //TODO: TO BE CONTINUED...
     }
     ngOnInit() {
-        this._unmountSelectBodyOnDisable();
-        this._migrateSelectValue();
-    }
-    ngAfterContentInit() {
-        this._setSelectedOptionActive();
+        this._closeBodyOnDisable();
+        this._selectionModel.setSelectionFromValue$(this.input.value);
+        this._selectionModel.value$
+            .pipe(takeUntil(this._destroy$), tap((value) => this.input._updateValue(value)))
+            .subscribe();
+        this.input.onExternalUpdate$
+            .pipe(takeUntil(this._destroy$), tap(() => this._selectionModel.setSelectionFromValue$(this.input.value)))
+            .subscribe();
     }
-    mountSelectBody() {
+    open() {
         if (!this._selectBodyConfig)
             return;
         if (this._animatedOverlay.isMounted || this.input.disabled)
             return;
-        this._setSelectedOptionActive();
         const instance = this._animatedOverlay.mount({
             component: this._selectBodyConfig.component,
             mirrorWidth: true,
@@ -9645,300 +9767,159 @@ class SelectDirective {
             return;
         this._selectBodyId$.next(instance.selectBody.id);
         this._isOpen$.next(true);
+        this._activeSelectionModel.activeOption$
+            .pipe(debounceTime$1(0), tap((activeOption) => {
+            if (!activeOption)
+                return;
+            scrollToElement({
+                container: instance._containerElementRef?.nativeElement,
+                element: activeOption._elementRef.nativeElement,
+                behavior: 'instant',
+            });
+        }), takeUntil(this._destroy$), takeUntil(this._animatedOverlay.afterClosed()))
+            .subscribe();
+        this._animatedOverlay
+            .afterClosed()
+            .pipe(takeUntil(this._destroy$), tap(() => {
+            this._selectBodyId$.next(null);
+            this._isOpen$.next(false);
+        }))
+            .subscribe();
     }
-    unmountSelectBody() {
+    close() {
         if (!this._animatedOverlay.isMounted)
             return;
         this._animatedOverlay.unmount();
-        this._selectBodyId$.next(null);
-        this._isOpen$.next(false);
     }
-    setValue(value) {
-        this.input._updateValue(value);
+    writeValueFromOption(option) {
         this.input._markAsTouched();
-        this.input._setShouldDisplayError(true);
-    }
-    handleKeyDown(event) {
-        if (this._isOpen$.value) {
-            this._handleKeyDownInOpenState(event);
+        if (this._selectionModel.allowMultiple) {
+            this._selectionModel.toggleSelectedOption(option);
         }
         else {
-            this._handleKeyDownInClosedState(event);
+            this._selectionModel.addSelectedOption(option);
         }
+        if (!this._selectionModel.allowMultiple) {
+            this.close();
+        }
+    }
+    focus() {
+        this.inputElement?.nativeElement.focus();
     }
     setSelectBody(config) {
         this._selectBodyConfig = config;
     }
     removeOptionFromSelection(option) {
-        if (!this.multiple || !Array.isArray(this.input.value))
-            return;
-        const value = this.input.value.filter((v) => v !== option.value);
-        this.setValue(value);
+        this._selectionModel.removeSelectedOption(option);
     }
     _controlTouched() {
         this.input._markAsTouched();
         this.input._setShouldDisplayError(true);
     }
-    _unmountSelectBodyOnDisable() {
-        this.input.disabled$
-            .pipe(tap((disabled) => {
-            if (!disabled)
-                return;
-            this.unmountSelectBody();
-        }), takeUntil(this._destroy$))
-            .subscribe();
-    }
-    _handleKeyDownInClosedState(event) {
-        const keyCode = event.keyCode;
-        const isArrowKey = keyCode === DOWN_ARROW || keyCode === UP_ARROW || keyCode === LEFT_ARROW || keyCode === RIGHT_ARROW;
-        const isOpenKey = keyCode === ENTER || keyCode === SPACE;
-        if ((isOpenKey && !hasModifierKey(event)) || ((this.multiple || event.altKey) && isArrowKey)) {
-            event.preventDefault();
-            this.mountSelectBody();
-        }
-        else if (!this.multiple) {
-            switch (keyCode) {
-                case DOWN_ARROW:
-                    this._selectOptionByOffset(1, true);
-                    break;
-                case UP_ARROW:
-                    this._selectOptionByOffset(-1, true);
-                    break;
-                case HOME:
-                    this._selectFirstOption(true);
-                    break;
-                case END:
-                    this._selectLastOption(true);
-                    break;
-                case PAGE_UP:
-                    this._selectOptionByOffset(-10, true);
-                    break;
-                case PAGE_DOWN:
-                    this._selectOptionByOffset(10, true);
-                    break;
-            }
-        }
-        else if (this.multiple && isArrowKey) {
-            event.preventDefault();
-            this.mountSelectBody();
-        }
-    }
-    async _handleKeyDownInOpenState(event) {
+    _processKeydownEvent(event) {
         const keyCode = event.keyCode;
-        const isArrowKey = keyCode === DOWN_ARROW || keyCode === UP_ARROW;
-        if (isArrowKey && event.altKey) {
-            event.preventDefault();
-            this.unmountSelectBody();
+        const isOpen = this.isOpen();
+        const isMultiple = this._selectionModel.allowMultiple;
+        const selection = this._selectionModel.selection;
+        const isArrowKey = keyCode === UP_ARROW || keyCode === DOWN_ARROW;
+        const isAltPressed = hasModifierKey(event, 'altKey');
+        const result = {};
+        if (isArrowKey && isAltPressed && !isOpen) {
+            result.overlayOperation = 'open';
+            return this._interpretKeyHandlerResult(result);
         }
-        else if (keyCode === ESCAPE && !hasModifierKey(event)) {
+        if (keyCode === ENTER) {
             event.preventDefault();
             event.stopPropagation();
-            this.unmountSelectBody();
-        }
-        else if (keyCode === ENTER || keyCode === SPACE) {
-            if (this.multiple) {
-                this._toggleActiveOptionSelection();
+            const activeOption = this._activeSelectionModel.activeOption;
+            if (activeOption && this._selectionModel.isDisabled(activeOption))
+                return;
+            if (activeOption) {
+                if (isMultiple) {
+                    result.optionAction = { type: 'toggle', option: activeOption };
+                }
+                else {
+                    result.optionAction = { type: 'add', option: activeOption };
+                }
             }
-            else {
-                this._setActiveOptionSelected();
+            if (!isMultiple) {
+                result.overlayOperation = 'close';
             }
-            event.preventDefault();
-        }
-        else if (this.multiple && keyCode === A && event.ctrlKey) {
-            event.preventDefault();
-            this._toggleSelectionOfAllOptions();
-        }
-        else {
-            switch (keyCode) {
-                case DOWN_ARROW:
-                    this._activateOptionByOffset(1);
-                    break;
-                case UP_ARROW:
-                    this._activateOptionByOffset(-1);
-                    break;
-                case HOME:
-                    this._activateFirstOption();
-                    break;
-                case END:
-                    this._activateLastOption();
-                    break;
-                case PAGE_UP:
-                    this._activateOptionByOffset(-10);
-                    break;
-                case PAGE_DOWN:
-                    this._activateOptionByOffset(10);
-                    break;
-            }
-        }
-    }
-    async _setActiveOption(option) {
-        const currentActiveOption = await firstValueFrom(this.activeOption$);
-        if (currentActiveOption?.opt === option)
-            return false;
-        currentActiveOption?.opt._setActive(false);
-        if (option) {
-            option._setActive(true);
-        }
-        return true;
-    }
-    async _addActiveOptionToSelection() {
-        const activeOption = await firstValueFrom(this.activeOption$);
-        if (!activeOption || activeOption.opt.disabled || activeOption.selected)
-            return;
-        if (!Array.isArray(this.input.value)) {
-            this.setValue([activeOption.opt.value]);
-            return;
+            return this._interpretKeyHandlerResult(result);
         }
-        this.setValue([...this.input.value, activeOption.opt.value]);
-    }
-    async _removeActiveOptionFromSelection() {
-        const activeOption = await firstValueFrom(this.activeOption$);
-        if (!activeOption || activeOption.opt.disabled || !activeOption.selected)
-            return;
-        if (!Array.isArray(this.input.value)) {
-            this.setValue([]);
-            return;
+        if (keyCode === ESCAPE) {
+            if (isOpen) {
+                result.overlayOperation = 'close';
+                event.preventDefault();
+                event.stopPropagation();
+            }
+            return this._interpretKeyHandlerResult(result);
         }
-        this.setValue(this.input.value.filter((value) => value !== activeOption.opt.value));
-    }
-    async _toggleSelectionOfAllOptions() {
-        const allOptions = await firstValueFrom(this.selectOptions$);
-        const hasDeselectedOption = allOptions?.some((opt) => !opt.opt.disabled && !opt.selected);
-        if (hasDeselectedOption) {
-            this._selectAllOptions();
+        if (keyCode === TAB$1) {
+            result.overlayOperation = 'close';
+            return this._interpretKeyHandlerResult(result);
         }
-        else {
-            this._deselectAllOptions();
+        if (keyCode === BACKSPACE) {
+            const lastSelectedOption = selection[selection.length - 1];
+            if (isMultiple && lastSelectedOption) {
+                result.optionAction = { type: 'remove', option: lastSelectedOption };
+                return this._interpretKeyHandlerResult(result);
+            }
         }
-    }
-    async _selectAllOptions() {
-        const allOptions = await firstValueFrom(this.selectOptions$);
-        if (!allOptions)
-            return;
-        const selectedOptions = allOptions.filter((opt) => !opt.opt.disabled).map((opt) => opt.opt.value);
-        this.setValue(selectedOptions);
-    }
-    async _deselectAllOptions() {
-        this.setValue([]);
-    }
-    async _toggleActiveOptionSelection() {
-        const activeOption = await firstValueFrom(this.activeOption$);
-        if (!activeOption)
-            return;
-        if (activeOption.selected) {
-            this._removeActiveOptionFromSelection();
+        if (keyCode === SPACE) {
+            result.overlayOperation = 'open';
+            return this._interpretKeyHandlerResult(result);
         }
-        else {
-            this._addActiveOptionToSelection();
+        const newActiveOption = this._activeSelectionModel.evaluateKeyboardEvent(event, { skipDisabled: !isOpen });
+        if (newActiveOption && !isOpen && !isMultiple) {
+            result.optionAction = { type: 'add', option: newActiveOption };
         }
-    }
-    async _setActiveOptionSelected() {
-        const activeOption = await firstValueFrom(this.activeOption$);
-        if (!activeOption || activeOption.opt.disabled)
-            return;
-        this._setSelectedOption(activeOption.opt);
-        this.unmountSelectBody();
-    }
-    async _setSelectedOptionActive() {
-        const selectedOption = await firstValueFrom(this.selectedOption$);
-        if (!selectedOption)
-            return;
-        this._setActiveOption(selectedOption.opt);
-    }
-    async _setSelectedOption(option) {
-        const selectedOption = await firstValueFrom(this.selectedOption$);
-        if (selectedOption === option)
-            return false;
-        this._setActiveOption(option);
-        this.setValue(option?.value ?? null);
-        return true;
-    }
-    async _selectFirstOption(announce) {
-        const options = await firstValueFrom(this.selectOptions$);
-        if (!options)
-            return;
-        const firstOption = options[0]?.opt;
-        if (!firstOption)
-            return;
-        if (!this._setSelectedOption(firstOption))
-            return;
-        if (announce) {
-            const text = await firstValueFrom(firstOption.viewValue$);
-            this._liveAnnouncer.announce(text, 10000);
+        if (keyCode === A && event.ctrlKey && isMultiple) {
+            result.optionAction = 'toggleAll';
+            event.preventDefault();
         }
+        return this._interpretKeyHandlerResult(result);
     }
-    async _selectLastOption(announce) {
-        const options = await firstValueFrom(this.selectOptions$);
-        if (!options)
-            return;
-        const lastOption = options[options.length - 1]?.opt;
-        if (!lastOption)
-            return;
-        if (!this._setSelectedOption(lastOption))
-            return;
-        if (announce) {
-            const text = await firstValueFrom(lastOption.viewValue$);
-            this._liveAnnouncer.announce(text, 10000);
+    _interpretKeyHandlerResult(result) {
+        if (result.overlayOperation === 'close') {
+            this.close();
         }
-    }
-    async _selectOptionByOffset(offset, announce) {
-        const options = await firstValueFrom(this.selectOptions$);
-        if (!options)
-            return;
-        const selectedOption = await firstValueFrom(this.selectedOption$);
-        const selectedOptionIndex = options.findIndex((o) => o.opt === selectedOption?.opt);
-        const nextOptionIndex = selectedOptionIndex + offset;
-        const nextOption = options[nextOptionIndex];
-        if (!nextOption)
-            return;
-        if (nextOption.opt.disabled) {
-            return this._selectOptionByOffset(offset + (offset < 0 ? -1 : 1), announce);
+        else if (result.overlayOperation === 'open') {
+            this.open();
         }
-        if (!this._setSelectedOption(nextOption.opt))
-            return;
-        if (announce) {
-            const text = await firstValueFrom(nextOption.opt.viewValue$);
-            this._liveAnnouncer.announce(text, 10000);
+        if (result.optionAction) {
+            if (typeof result.optionAction === 'string') {
+                if (result.optionAction === 'clear') {
+                    this._selectionModel.clearSelectedOptions();
+                }
+                else if (result.optionAction === 'toggleAll') {
+                    this._selectionModel.toggleAllSelectedOptions();
+                }
+            }
+            else {
+                const { type, option } = result.optionAction;
+                if (this._selectionModel.isDisabled(option))
+                    return;
+                if (type === 'add') {
+                    this._selectionModel.addSelectedOption(option);
+                }
+                if (type === 'remove') {
+                    this._selectionModel.removeSelectedOption(option);
+                }
+                if (type === 'toggle') {
+                    this._selectionModel.toggleSelectedOption(option);
+                }
+            }
         }
     }
-    async _activateFirstOption() {
-        const options = await firstValueFrom(this.selectOptions$);
-        if (!options)
-            return;
-        const firstOption = options[0]?.opt;
-        if (!firstOption)
-            return;
-        await this._setActiveOption(firstOption);
-    }
-    async _activateLastOption() {
-        const options = await firstValueFrom(this.selectOptions$);
-        if (!options)
-            return;
-        const lastOption = options[options.length - 1]?.opt;
-        if (!lastOption)
-            return;
-        await this._setActiveOption(lastOption);
-    }
-    async _activateOptionByOffset(offset) {
-        const options = await firstValueFrom(this.selectOptions$);
-        if (!options)
-            return;
-        const activatedOption = await firstValueFrom(this.activeOption$);
-        const activatedOptionIndex = options.findIndex((o) => o.opt === activatedOption?.opt);
-        const nextOptionIndex = activatedOptionIndex + offset;
-        const nextOption = options[nextOptionIndex];
-        if (!nextOption)
-            return;
-        await this._setActiveOption(nextOption.opt);
-    }
-    async _migrateSelectValue() {
-        if (this.multiple && !Array.isArray(this.input.value)) {
-            this.setValue([]);
-        }
-        else if (!this.multiple && Array.isArray(this.input.value)) {
-            this.setValue(null);
-        }
-        this._setActiveOption(null);
+    _closeBodyOnDisable() {
+        this.input.disabled$
+            .pipe(tap((disabled) => {
+            if (!disabled)
+                return;
+            this.close();
+        }), takeUntil(this._destroy$))
+            .subscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: SelectDirective, isStandalone: true, inputs: { multiple: "multiple", emptyText: "emptyText" }, providers: [
@@ -9946,13 +9927,13 @@ class SelectDirective {
                 provide: SELECT_TOKEN,
                 useExisting: SelectDirective,
             },
-        ], queries: [{ propertyName: "_selectOptionsQueryList", predicate: SELECT_OPTION_TOKEN, descendants: true }], hostDirectives: [{ directive: i1$2.AnimatedOverlayDirective }], ngImport: i0 }); }
+        ], queries: [{ propertyName: "_selectOptionsQueryList", predicate: SELECT_OPTION_TOKEN, descendants: true }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], hostDirectives: [{ directive: i1$2.AnimatedOverlayDirective }, { directive: OverlayCloseBlockerDirective }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SelectDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    hostDirectives: [AnimatedOverlayDirective],
+                    hostDirectives: [AnimatedOverlayDirective, OverlayCloseBlockerDirective],
                     providers: [
                         {
                             provide: SELECT_TOKEN,
@@ -9967,6 +9948,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
             }], _selectOptionsQueryList: [{
                 type: ContentChildren,
                 args: [SELECT_OPTION_TOKEN, { descendants: true }]
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['inputElement']
             }] } });
 
 const SELECT_BODY_TOKEN = new InjectionToken('ET_SELECT_BODY_TOKEN');
@@ -9974,6 +9958,7 @@ let uniqueId = 0;
 class SelectBodyDirective {
     constructor() {
         this._destroy$ = createDestroy();
+        this._elementRef = inject(ElementRef);
         this._select = inject(SELECT_TOKEN);
         this._clickOutside = inject(ClickOutsideDirective);
         this.id = `et-select-body-${uniqueId++}`;
@@ -9984,7 +9969,7 @@ class SelectBodyDirective {
     }
     ngOnInit() {
         this._clickOutside.etClickOutside
-            .pipe(takeUntil(this._destroy$), tap(() => this._select.unmountSelectBody()))
+            .pipe(takeUntil(this._destroy$), tap(() => this._select.close()))
             .subscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SelectBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -10024,8 +10009,8 @@ class SelectBodyComponent {
         this._themeProvider.syncWithProvider(provider);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SelectBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: SelectBodyComponent, isStandalone: true, selector: "et-select-body", host: { classAttribute: "et-select-body et-with-default-animation" }, viewQueries: [{ propertyName: "_animatedLifecycle", first: true, predicate: ANIMATED_LIFECYCLE_TOKEN, descendants: true, static: true }], hostDirectives: [{ directive: SelectBodyDirective }, { directive: i2$1.ProvideThemeDirective }], ngImport: i0, template: `
-    <div class="et-select-body-container" etAnimatedLifecycle>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: SelectBodyComponent, isStandalone: true, selector: "et-select-body", host: { classAttribute: "et-select-body et-with-default-animation" }, viewQueries: [{ propertyName: "_animatedLifecycle", first: true, predicate: ANIMATED_LIFECYCLE_TOKEN, descendants: true, static: true }, { propertyName: "_containerElementRef", first: true, predicate: ["containerElement"], descendants: true, read: ElementRef, static: true }], hostDirectives: [{ directive: SelectBodyDirective }, { directive: i2$1.ProvideThemeDirective }], ngImport: i0, template: `
+    <div #containerElement class="et-select-body-container" etAnimatedLifecycle>
       <ng-container [ngTemplateOutlet]="_bodyTemplate" />
     </div>
   `, isInline: true, styles: [".et-select-body.et-with-default-animation .et-select-body-container.et-animation-enter-from,.et-select-body.et-with-default-animation .et-select-body-container.et-animation-leave-to{opacity:0;transform:scaleY(0)}.et-select-body.et-with-default-animation .et-select-body-container.et-animation-enter-active{transition:transform 125ms var(--ease-out-5),opacity 125ms var(--ease-out-5)}.et-select-body.et-with-default-animation .et-select-body-container.et-animation-leave-active{transition:transform 50ms var(--ease-in-5),opacity 50ms var(--ease-in-5)}.et-select-body.et-with-default-animation[et-floating-placement^=top] .et-select-body-container{transform-origin:bottom}.et-select-body.et-with-default-animation[et-floating-placement^=bottom] .et-select-body-container{transform-origin:top}.et-select-body{transform:var(--et-floating-translate);will-change:transform}.et-select-body-container{display:block;background-color:#3d3d3d;color:#fff;max-height:min(200px,var(--et-floating-max-height, 200px));overflow:auto}@supports (overflow: overlay){.et-select-body-container{overflow:overlay}}.et-select-body{width:100%;display:grid}\n"], dependencies: [{ kind: "directive", type: AnimatedLifecycleDirective, selector: "[etAnimatedLifecycle]", exportAs: ["etAnimatedLifecycle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
@@ -10033,7 +10018,7 @@ class SelectBodyComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SelectBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-select-body', template: `
-    <div class="et-select-body-container" etAnimatedLifecycle>
+    <div #containerElement class="et-select-body-container" etAnimatedLifecycle>
       <ng-container [ngTemplateOutlet]="_bodyTemplate" />
     </div>
   `, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
@@ -10042,6 +10027,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
         }], propDecorators: { _animatedLifecycle: [{
                 type: ViewChild,
                 args: [ANIMATED_LIFECYCLE_TOKEN, { static: true }]
+            }], _containerElementRef: [{
+                type: ViewChild,
+                args: ['containerElement', { static: true, read: ElementRef }]
             }] } });
 
 class SelectOptionComponent {
@@ -10079,13 +10067,13 @@ class SelectComponent extends DecoratedInputBase {
         this.select.setSelectBody({ component: SelectBodyComponent, template: this.selectBodyTpl });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: SelectComponent, isStandalone: true, selector: "et-select", host: { classAttribute: "et-select" }, viewQueries: [{ propertyName: "selectBodyTpl", first: true, predicate: ["selectBodyTpl"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: InputDirective }, { directive: SelectDirective, inputs: ["multiple", "multiple", "emptyText", "emptyText"] }], ngImport: i0, template: "<ng-content select=\"[etInputPrefix]\" />\n\n<div class=\"et-select-wrapper\">\n  <div\n    #inputElement\n    [attr.id]=\"input.id\"\n    [attr.aria-labelledby]=\"select.labelledBy$ | async\"\n    [attr.aria-describedby]=\"input.describedBy$ | async\"\n    [attr.tabindex]=\"(input.disabled$ | async) ? -1 : 0\"\n    [attr.aria-required]=\"(input.required$ | async) || null\"\n    [attr.aria-disabled]=\"(input.disabled$ | async) || null\"\n    [attr.aria-invalid]=\"(input.invalid$ | async) || null\"\n    [attr.aria-controls]=\"(select.selectBodyId$ | async) || null\"\n    [attr.aria-owns]=\"(select.owns$ | async) || null\"\n    [attr.aria-expanded]=\"select.isOpen$ | async\"\n    [attr.aria-activedescendant]=\"select.activeDescendant$ | async\"\n    (click)=\"select.mountSelectBody()\"\n    (keydown)=\"select.handleKeyDown($event)\"\n    (blur)=\"select._controlTouched()\"\n    class=\"et-select-input et-select-input--static\"\n    aria-haspopup=\"listbox\"\n    role=\"combobox\"\n    aria-autocomplete=\"none\"\n  >\n    <span\n      *etLet=\"select.ariaViewValue$ | async as ariaViewValue\"\n      [attr.id]=\"select.selectCurrentValueId\"\n      [class.cdk-visually-hidden]=\"select.multiple && ariaViewValue\"\n      class=\"et-select-current-value\"\n    >\n      <ng-container *ngIf=\"select.ariaViewValue$ | async as ariaViewValue; else emptyTpl\">\n        {{ ariaViewValue }}\n      </ng-container>\n      <ng-template #emptyTpl> {{ select.emptyText }} </ng-template>\n    </span>\n\n    <ng-container *ngIf=\"select.multiple\">\n      <ng-container *ngIf=\"select.selectedOptions$ | async as selectedOptions\">\n        <ul *ngIf=\"selectedOptions.length\" class=\"et-select-selected-options\" aria-hidden=\"true\">\n          <li *ngFor=\"let opt of selectedOptions; trackBy: select.trackByFn\" class=\"et-select-selected-option\">\n            {{ opt.opt.viewValue$ | async }}\n            <button\n              (click)=\"\n                $event.stopImmediatePropagation(); inputElement.focus(); select.removeOptionFromSelection(opt.opt)\n              \"\n              class=\"et-select-selected-option-remove\"\n              tabindex=\"-1\"\n              type=\"button\"\n            ></button>\n          </li>\n        </ul>\n      </ng-container>\n    </ng-container>\n  </div>\n\n  <et-chevron-icon class=\"et-select-chevron\" />\n</div>\n\n<ng-content select=\"[etInputSuffix]\" />\n\n<ng-template #selectBodyTpl>\n  <ng-content />\n</ng-template>\n", styles: [".et-select{display:block;border:1px solid #ccc;padding:15px;position:relative}.et-select-input{position:absolute;inset:0}.et-select-option{display:block}.et-select-chevron{transform:rotate(180deg);display:block;inline-size:15px;block-size:15px;position:absolute;inset-inline-end:15px;inset-block-start:7px}.et-select-option--active{background-color:#1f1f1f}.et-select-option--selected{font-weight:700}.et-select-selected-options{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:5px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: ChevronIconComponent, selector: "et-chevron-icon" }, { kind: "directive", type: LetDirective, selector: "[etLet]", inputs: ["etLet"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: SelectComponent, isStandalone: true, selector: "et-select", host: { classAttribute: "et-select" }, viewQueries: [{ propertyName: "selectBodyTpl", first: true, predicate: ["selectBodyTpl"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: InputDirective }, { directive: SelectDirective, inputs: ["multiple", "multiple", "emptyText", "emptyText"] }], ngImport: i0, template: "<ng-content select=\"[etInputPrefix]\" />\n\n<div class=\"et-select-wrapper\">\n  <div\n    #inputElement\n    [attr.id]=\"input.id\"\n    [attr.aria-labelledby]=\"select.labelledBy$ | async\"\n    [attr.aria-describedby]=\"input.describedBy$ | async\"\n    [attr.tabindex]=\"(input.disabled$ | async) ? -1 : 0\"\n    [attr.aria-required]=\"(input.required$ | async) || null\"\n    [attr.aria-disabled]=\"(input.disabled$ | async) || null\"\n    [attr.aria-invalid]=\"(input.invalid$ | async) || null\"\n    [attr.aria-controls]=\"(select.selectBodyId$ | async) || null\"\n    [attr.aria-owns]=\"(select.owns$ | async) || null\"\n    [attr.aria-expanded]=\"select.isOpen$ | async\"\n    [attr.aria-activedescendant]=\"select.activeDescendant$ | async\"\n    (click)=\"select.open()\"\n    (keydown)=\"select._processKeydownEvent($event)\"\n    (blur)=\"select._controlTouched()\"\n    class=\"et-select-input et-select-input--static\"\n    aria-haspopup=\"listbox\"\n    role=\"combobox\"\n    aria-autocomplete=\"none\"\n  >\n    <span\n      [attr.id]=\"select.selectCurrentValueId\"\n      [class.cdk-visually-hidden]=\"select._selectionModel.allowMultiple && select.ariaViewValue()\"\n      class=\"et-select-current-value\"\n    >\n      <ng-container *ngIf=\"select.ariaViewValue(); else emptyTpl\">\n        {{ select.ariaViewValue() }}\n      </ng-container>\n      <ng-template #emptyTpl> {{ select.emptyText }} </ng-template>\n    </span>\n\n    <ng-container *ngIf=\"select._selectionModel.allowMultiple\">\n      <ng-container *ngIf=\"select._selectionModel.selection$ | async as selectedOptions\">\n        <ul *ngIf=\"selectedOptions.length\" class=\"et-select-selected-options\" aria-hidden=\"true\">\n          <li *ngFor=\"let opt of selectedOptions; trackBy: select.trackByFn\" class=\"et-select-selected-option\">\n            {{ opt.viewValue$ | async }}\n            <button\n              (click)=\"$event.stopPropagation(); select.removeOptionFromSelection(opt); select.focus()\"\n              class=\"et-select-selected-option-remove\"\n              tabindex=\"-1\"\n              type=\"button\"\n            ></button>\n          </li>\n        </ul>\n      </ng-container>\n    </ng-container>\n  </div>\n\n  <et-chevron-icon class=\"et-select-chevron\" />\n</div>\n\n<ng-content select=\"[etInputSuffix]\" />\n\n<ng-template #selectBodyTpl>\n  <ng-content />\n</ng-template>\n", styles: [".et-select{display:block;border:1px solid #ccc;padding:15px;position:relative}.et-select-input{position:absolute;inset:0}.et-select-option{display:block}.et-select-chevron{transform:rotate(180deg);display:block;inline-size:15px;block-size:15px;position:absolute;inset-inline-end:15px;inset-block-start:7px}.et-select-option--active{background-color:#1f1f1f}.et-select-option--selected{font-weight:700}.et-select-selected-options{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:5px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: ChevronIconComponent, selector: "et-chevron-icon" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-select', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'et-select',
-                    }, imports: [NgIf, NativeInputRefDirective, AsyncPipe, ChevronIconComponent, LetDirective, NgFor], hostDirectives: [{ directive: InputDirective }, { directive: SelectDirective, inputs: ['multiple', 'emptyText'] }], template: "<ng-content select=\"[etInputPrefix]\" />\n\n<div class=\"et-select-wrapper\">\n  <div\n    #inputElement\n    [attr.id]=\"input.id\"\n    [attr.aria-labelledby]=\"select.labelledBy$ | async\"\n    [attr.aria-describedby]=\"input.describedBy$ | async\"\n    [attr.tabindex]=\"(input.disabled$ | async) ? -1 : 0\"\n    [attr.aria-required]=\"(input.required$ | async) || null\"\n    [attr.aria-disabled]=\"(input.disabled$ | async) || null\"\n    [attr.aria-invalid]=\"(input.invalid$ | async) || null\"\n    [attr.aria-controls]=\"(select.selectBodyId$ | async) || null\"\n    [attr.aria-owns]=\"(select.owns$ | async) || null\"\n    [attr.aria-expanded]=\"select.isOpen$ | async\"\n    [attr.aria-activedescendant]=\"select.activeDescendant$ | async\"\n    (click)=\"select.mountSelectBody()\"\n    (keydown)=\"select.handleKeyDown($event)\"\n    (blur)=\"select._controlTouched()\"\n    class=\"et-select-input et-select-input--static\"\n    aria-haspopup=\"listbox\"\n    role=\"combobox\"\n    aria-autocomplete=\"none\"\n  >\n    <span\n      *etLet=\"select.ariaViewValue$ | async as ariaViewValue\"\n      [attr.id]=\"select.selectCurrentValueId\"\n      [class.cdk-visually-hidden]=\"select.multiple && ariaViewValue\"\n      class=\"et-select-current-value\"\n    >\n      <ng-container *ngIf=\"select.ariaViewValue$ | async as ariaViewValue; else emptyTpl\">\n        {{ ariaViewValue }}\n      </ng-container>\n      <ng-template #emptyTpl> {{ select.emptyText }} </ng-template>\n    </span>\n\n    <ng-container *ngIf=\"select.multiple\">\n      <ng-container *ngIf=\"select.selectedOptions$ | async as selectedOptions\">\n        <ul *ngIf=\"selectedOptions.length\" class=\"et-select-selected-options\" aria-hidden=\"true\">\n          <li *ngFor=\"let opt of selectedOptions; trackBy: select.trackByFn\" class=\"et-select-selected-option\">\n            {{ opt.opt.viewValue$ | async }}\n            <button\n              (click)=\"\n                $event.stopImmediatePropagation(); inputElement.focus(); select.removeOptionFromSelection(opt.opt)\n              \"\n              class=\"et-select-selected-option-remove\"\n              tabindex=\"-1\"\n              type=\"button\"\n            ></button>\n          </li>\n        </ul>\n      </ng-container>\n    </ng-container>\n  </div>\n\n  <et-chevron-icon class=\"et-select-chevron\" />\n</div>\n\n<ng-content select=\"[etInputSuffix]\" />\n\n<ng-template #selectBodyTpl>\n  <ng-content />\n</ng-template>\n", styles: [".et-select{display:block;border:1px solid #ccc;padding:15px;position:relative}.et-select-input{position:absolute;inset:0}.et-select-option{display:block}.et-select-chevron{transform:rotate(180deg);display:block;inline-size:15px;block-size:15px;position:absolute;inset-inline-end:15px;inset-block-start:7px}.et-select-option--active{background-color:#1f1f1f}.et-select-option--selected{font-weight:700}.et-select-selected-options{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:5px}\n"] }]
+                    }, imports: [NgIf, NativeInputRefDirective, AsyncPipe, ChevronIconComponent, LetDirective, NgFor], hostDirectives: [{ directive: InputDirective }, { directive: SelectDirective, inputs: ['multiple', 'emptyText'] }], template: "<ng-content select=\"[etInputPrefix]\" />\n\n<div class=\"et-select-wrapper\">\n  <div\n    #inputElement\n    [attr.id]=\"input.id\"\n    [attr.aria-labelledby]=\"select.labelledBy$ | async\"\n    [attr.aria-describedby]=\"input.describedBy$ | async\"\n    [attr.tabindex]=\"(input.disabled$ | async) ? -1 : 0\"\n    [attr.aria-required]=\"(input.required$ | async) || null\"\n    [attr.aria-disabled]=\"(input.disabled$ | async) || null\"\n    [attr.aria-invalid]=\"(input.invalid$ | async) || null\"\n    [attr.aria-controls]=\"(select.selectBodyId$ | async) || null\"\n    [attr.aria-owns]=\"(select.owns$ | async) || null\"\n    [attr.aria-expanded]=\"select.isOpen$ | async\"\n    [attr.aria-activedescendant]=\"select.activeDescendant$ | async\"\n    (click)=\"select.open()\"\n    (keydown)=\"select._processKeydownEvent($event)\"\n    (blur)=\"select._controlTouched()\"\n    class=\"et-select-input et-select-input--static\"\n    aria-haspopup=\"listbox\"\n    role=\"combobox\"\n    aria-autocomplete=\"none\"\n  >\n    <span\n      [attr.id]=\"select.selectCurrentValueId\"\n      [class.cdk-visually-hidden]=\"select._selectionModel.allowMultiple && select.ariaViewValue()\"\n      class=\"et-select-current-value\"\n    >\n      <ng-container *ngIf=\"select.ariaViewValue(); else emptyTpl\">\n        {{ select.ariaViewValue() }}\n      </ng-container>\n      <ng-template #emptyTpl> {{ select.emptyText }} </ng-template>\n    </span>\n\n    <ng-container *ngIf=\"select._selectionModel.allowMultiple\">\n      <ng-container *ngIf=\"select._selectionModel.selection$ | async as selectedOptions\">\n        <ul *ngIf=\"selectedOptions.length\" class=\"et-select-selected-options\" aria-hidden=\"true\">\n          <li *ngFor=\"let opt of selectedOptions; trackBy: select.trackByFn\" class=\"et-select-selected-option\">\n            {{ opt.viewValue$ | async }}\n            <button\n              (click)=\"$event.stopPropagation(); select.removeOptionFromSelection(opt); select.focus()\"\n              class=\"et-select-selected-option-remove\"\n              tabindex=\"-1\"\n              type=\"button\"\n            ></button>\n          </li>\n        </ul>\n      </ng-container>\n    </ng-container>\n  </div>\n\n  <et-chevron-icon class=\"et-select-chevron\" />\n</div>\n\n<ng-content select=\"[etInputSuffix]\" />\n\n<ng-template #selectBodyTpl>\n  <ng-content />\n</ng-template>\n", styles: [".et-select{display:block;border:1px solid #ccc;padding:15px;position:relative}.et-select-input{position:absolute;inset:0}.et-select-option{display:block}.et-select-chevron{transform:rotate(180deg);display:block;inline-size:15px;block-size:15px;position:absolute;inset-inline-end:15px;inset-block-start:7px}.et-select-option--active{background-color:#1f1f1f}.et-select-option--selected{font-weight:700}.et-select-selected-options{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:5px}\n"] }]
         }], propDecorators: { selectBodyTpl: [{
                 type: ViewChild,
                 args: ['selectBodyTpl']
@@ -11457,6 +11445,31 @@ const provideImageConfig = (config = {}) => {
     };
 };
 
+const normalizeSource = (source) => {
+    if (typeof source === 'string') {
+        return { type: inferMimeType(source), srcset: source };
+    }
+    else {
+        const mimeType = source.type && source.type !== '' ? source.type : inferMimeType(source.srcset);
+        return { type: mimeType, srcset: source.srcset };
+    }
+};
+
+class NormalizeSourcePipe {
+    constructor() {
+        this.transform = normalizeSource;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: NormalizeSourcePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: NormalizeSourcePipe, isStandalone: true, name: "normalizeSource" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: NormalizeSourcePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'normalizeSource',
+                    standalone: true,
+                }]
+        }] });
+
 class PictureComponent {
     constructor() {
         this.pictureData = inject(PictureDataDirective);
@@ -11465,9 +11478,6 @@ class PictureComponent {
         this.trackBySrc = (_, item) => item.srcset;
     }
     combineWithConfig(src) {
-        if (isDevMode() && src.type === '') {
-            console.warn(`The type attribute is missing for the following source`, src.srcset, this);
-        }
         if (!this.config?.baseUrl || src.srcset.startsWith('http')) {
             return src;
         }
@@ -11478,11 +11488,11 @@ class PictureComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: PictureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: PictureComponent, isStandalone: true, selector: "et-picture", inputs: { sources: "sources" }, host: { classAttribute: "et-picture" }, hostDirectives: [{ directive: PictureDataDirective, inputs: ["imgClass", "imgClass", "hasPriority", "hasPriority", "figureClass", "figureClass", "pictureClass", "pictureClass", "figcaptionClass", "figcaptionClass", "defaultSrc", "defaultSrc", "alt", "alt", "figcaption", "figcaption", "width", "width", "height", "height", "sizes", "sizes"] }], ngImport: i0, template: "<figure [ngClass]=\"pictureData.figureClass\" class=\"et-picture-figure\">\n  <picture [ngClass]=\"pictureData.pictureClass\" class=\"et-picture-picture\">\n    <ng-container *ngFor=\"let source of sources; trackBy: trackBySrc\">\n      <source\n        *etLet=\"combineWithConfig(source) as s\"\n        [type]=\"s.type\"\n        [attr.srcset]=\"s.srcset\"\n        [attr.sizes]=\"pictureData.sizes\"\n      />\n    </ng-container>\n\n    <ng-container *ngIf=\"pictureData.defaultSrc as source\">\n      <img\n        *etLet=\"combineWithConfig(source) as s\"\n        [attr.loading]=\"pictureData.hasPriority ? 'eager' : 'lazy'\"\n        [attr.fetchpriority]=\"pictureData.hasPriority ? 'high' : 'auto'\"\n        [ngClass]=\"pictureData.imgClass\"\n        [attr.srcset]=\"s.srcset\"\n        [attr.type]=\"s.type\"\n        [attr.alt]=\"pictureData.alt\"\n        [attr.width]=\"pictureData.width\"\n        [attr.height]=\"pictureData.height\"\n        [attr.sizes]=\"pictureData.sizes\"\n        class=\"et-picture-img\"\n      />\n    </ng-container>\n  </picture>\n\n  <figcaption *ngIf=\"pictureData.figcaption\" [ngClass]=\"pictureData.figcaptionClass\" class=\"et-picture-figcaption\">\n    {{ pictureData.figcaption }}\n  </figcaption>\n</figure>\n", dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LetDirective, selector: "[etLet]", inputs: ["etLet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: PictureComponent, isStandalone: true, selector: "et-picture", inputs: { sources: "sources" }, host: { classAttribute: "et-picture" }, hostDirectives: [{ directive: PictureDataDirective, inputs: ["imgClass", "imgClass", "hasPriority", "hasPriority", "figureClass", "figureClass", "pictureClass", "pictureClass", "figcaptionClass", "figcaptionClass", "defaultSrc", "defaultSrc", "alt", "alt", "figcaption", "figcaption", "width", "width", "height", "height", "sizes", "sizes"] }], ngImport: i0, template: "<figure [ngClass]=\"pictureData.figureClass\" class=\"et-picture-figure\">\n  <picture [ngClass]=\"pictureData.pictureClass\" class=\"et-picture-picture\">\n    <ng-container *ngFor=\"let source of sources; trackBy: trackBySrc\">\n      <source\n        *etLet=\"combineWithConfig(source | normalizeSource) as s\"\n        [type]=\"s.type\"\n        [attr.srcset]=\"s.srcset\"\n        [attr.sizes]=\"pictureData.sizes\"\n      />\n    </ng-container>\n\n    <ng-container *ngIf=\"pictureData.defaultSrc as source\">\n      <img\n        *etLet=\"combineWithConfig(source | normalizeSource) as s\"\n        [attr.loading]=\"pictureData.hasPriority ? 'eager' : 'lazy'\"\n        [attr.fetchpriority]=\"pictureData.hasPriority ? 'high' : 'auto'\"\n        [ngClass]=\"pictureData.imgClass\"\n        [attr.srcset]=\"s.srcset\"\n        [attr.type]=\"s.type\"\n        [attr.alt]=\"pictureData.alt\"\n        [attr.width]=\"pictureData.width\"\n        [attr.height]=\"pictureData.height\"\n        [attr.sizes]=\"pictureData.sizes\"\n        class=\"et-picture-img\"\n      />\n    </ng-container>\n  </picture>\n\n  <figcaption *ngIf=\"pictureData.figcaption\" [ngClass]=\"pictureData.figcaptionClass\" class=\"et-picture-figcaption\">\n    {{ pictureData.figcaption }}\n  </figcaption>\n</figure>\n", dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LetDirective, selector: "[etLet]", inputs: ["etLet"] }, { kind: "pipe", type: NormalizeSourcePipe, name: "normalizeSource" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: PictureComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'et-picture', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgForOf, NgClass, NgIf, LetDirective], host: {
+            args: [{ selector: 'et-picture', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgForOf, NgClass, NgIf, LetDirective, NormalizeSourcePipe], host: {
                         class: 'et-picture',
                     }, hostDirectives: [
                         {
@@ -11501,7 +11511,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                                 'sizes',
                             ],
                         },
-                    ], template: "<figure [ngClass]=\"pictureData.figureClass\" class=\"et-picture-figure\">\n  <picture [ngClass]=\"pictureData.pictureClass\" class=\"et-picture-picture\">\n    <ng-container *ngFor=\"let source of sources; trackBy: trackBySrc\">\n      <source\n        *etLet=\"combineWithConfig(source) as s\"\n        [type]=\"s.type\"\n        [attr.srcset]=\"s.srcset\"\n        [attr.sizes]=\"pictureData.sizes\"\n      />\n    </ng-container>\n\n    <ng-container *ngIf=\"pictureData.defaultSrc as source\">\n      <img\n        *etLet=\"combineWithConfig(source) as s\"\n        [attr.loading]=\"pictureData.hasPriority ? 'eager' : 'lazy'\"\n        [attr.fetchpriority]=\"pictureData.hasPriority ? 'high' : 'auto'\"\n        [ngClass]=\"pictureData.imgClass\"\n        [attr.srcset]=\"s.srcset\"\n        [attr.type]=\"s.type\"\n        [attr.alt]=\"pictureData.alt\"\n        [attr.width]=\"pictureData.width\"\n        [attr.height]=\"pictureData.height\"\n        [attr.sizes]=\"pictureData.sizes\"\n        class=\"et-picture-img\"\n      />\n    </ng-container>\n  </picture>\n\n  <figcaption *ngIf=\"pictureData.figcaption\" [ngClass]=\"pictureData.figcaptionClass\" class=\"et-picture-figcaption\">\n    {{ pictureData.figcaption }}\n  </figcaption>\n</figure>\n" }]
+                    ], template: "<figure [ngClass]=\"pictureData.figureClass\" class=\"et-picture-figure\">\n  <picture [ngClass]=\"pictureData.pictureClass\" class=\"et-picture-picture\">\n    <ng-container *ngFor=\"let source of sources; trackBy: trackBySrc\">\n      <source\n        *etLet=\"combineWithConfig(source | normalizeSource) as s\"\n        [type]=\"s.type\"\n        [attr.srcset]=\"s.srcset\"\n        [attr.sizes]=\"pictureData.sizes\"\n      />\n    </ng-container>\n\n    <ng-container *ngIf=\"pictureData.defaultSrc as source\">\n      <img\n        *etLet=\"combineWithConfig(source | normalizeSource) as s\"\n        [attr.loading]=\"pictureData.hasPriority ? 'eager' : 'lazy'\"\n        [attr.fetchpriority]=\"pictureData.hasPriority ? 'high' : 'auto'\"\n        [ngClass]=\"pictureData.imgClass\"\n        [attr.srcset]=\"s.srcset\"\n        [attr.type]=\"s.type\"\n        [attr.alt]=\"pictureData.alt\"\n        [attr.width]=\"pictureData.width\"\n        [attr.height]=\"pictureData.height\"\n        [attr.sizes]=\"pictureData.sizes\"\n        class=\"et-picture-img\"\n      />\n    </ng-container>\n  </picture>\n\n  <figcaption *ngIf=\"pictureData.figcaption\" [ngClass]=\"pictureData.figcaptionClass\" class=\"et-picture-figcaption\">\n    {{ pictureData.figcaption }}\n  </figcaption>\n</figure>\n" }]
         }], propDecorators: { sources: [{
                 type: Input
             }] } });
@@ -14491,5 +14501,5 @@ const FLOATING_UI_PLACEMENTS = [
  * Generated bundle index. Do not edit.
  */
 
-export { ACCORDION_COMPONENT, ACCORDION_HINT_WRAPPER_DIRECTIVE, ACCORDION_LABEL_WRAPPER_DIRECTIVE, AccordionComponent, AccordionGroupComponent, AccordionHintDirective, AccordionHintWrapperDirective, AccordionImports, AccordionLabelDirective, AccordionLabelWrapperDirective, ActiveTabUnderlineBarManager, ActiveTabUnderlineDirective, AutosizeTextareaDirective, BOTTOM_SHEET_CONFIG, BOTTOM_SHEET_DATA, BOTTOM_SHEET_DEFAULT_CONFIG, BOTTOM_SHEET_DEFAULT_OPTIONS, BOTTOM_SHEET_MIN_SWIPE_TO_CLOSE_LENGTH, BOTTOM_SHEET_MIN_VELOCITY_TO_CLOSE, BOTTOM_SHEET_SCROLL_STRATEGY, BOTTOM_SHEET_SCROLL_STRATEGY_PROVIDER, BOTTOM_SHEET_SCROLL_STRATEGY_PROVIDER_FACTORY, BRACKET_CONFIG_TOKEN, BRACKET_DEFAULT_CONFIG, BRACKET_MATCH_ID_TOKEN, BRACKET_ROUND_ID_TOKEN, BRACKET_TOKEN, BottomSheetContainerBaseComponent, BottomSheetContainerComponent, BottomSheetDragHandleComponent, BottomSheetImports, BottomSheetRef, BottomSheetService, BottomSheetServiceBase, BottomSheetSwipeHandlerService, BottomSheetTitleDirective, Bracket, BracketComponent, BracketImports, BracketMatchComponent, BracketMatchDirective, BracketRoundDirective, BracketRoundHeaderComponent, ButtonComponent, ButtonDirective, ButtonImports, CDK_MENU, CHECKBOX_FIELD_TOKEN, CHECKBOX_GROUP_CONTROL_TOKEN, CHECKBOX_GROUP_TOKEN, CHECKBOX_TOKEN, COMBOBOX_BODY_EMPTY_TEMPLATE_TOKEN, COMBOBOX_BODY_ERROR_TEMPLATE_TOKEN, COMBOBOX_BODY_LOADING_TEMPLATE_TOKEN, COMBOBOX_BODY_MORE_ITEMS_HINT_TEMPLATE_TOKEN, COMBOBOX_CONFIG_TOKEN, COMBOBOX_DEFAULT_CONFIG, COMBOBOX_OPTION_TEMPLATE_TOKEN, COMBOBOX_SELECTED_OPTION_TEMPLATE_TOKEN, COMBOBOX_TOKEN, CdkContextMenuTrigger, CdkMenu, CdkMenuBar, CdkMenuBase, CdkMenuGroup, CdkMenuItem, CdkMenuItemCheckbox, CdkMenuItemRadio, CdkMenuItemSelectable, CdkMenuModule, CdkMenuTrigger, CdkMenuTriggerBase, CdkTargetMenuAim, CellDefDirective, CellDirective, CheckboxComponent, CheckboxDirective, CheckboxFieldComponent, CheckboxFieldDirective, CheckboxGroupComponent, CheckboxGroupControlDirective, CheckboxGroupDirective, CheckboxImports, ChevronIconComponent, ColumnDefDirective, ComboboxBodyEmptyTemplateDirective, ComboboxBodyErrorTemplateDirective, ComboboxBodyLoadingTemplateDirective, ComboboxBodyMoreItemsHintTemplateDirective, ComboboxComponent, ComboboxDirective, ComboboxImports, ComboboxOptionTemplateDirective, ComboboxSelectedOptionTemplateDirective, ContextMenuTracker, DATE_INPUT_FORMAT_TOKEN, DATE_INPUT_TOKEN, DEFAULT_DATE_INPUT_FORMAT, DIALOG_CONFIG, DIALOG_DATA, DIALOG_DEFAULT_CONFIG, DIALOG_DEFAULT_OPTIONS, DIALOG_SCROLL_STRATEGY, DIALOG_SCROLL_STRATEGY_PROVIDER, DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY, DYNAMIC_FORM_FIELD_TOKEN, DYNAMIC_FORM_GROUP_TOKEN, DateInputComponent, DateInputDirective, DecoratedFormFieldBase, DecoratedInputBase, DefaultValidatorErrorsService, DialogCloseDirective, DialogContainerBaseComponent, DialogContainerComponent, DialogImports, DialogRef, DialogService, DialogServiceBase, DialogTitleDirective, DynamicFormFieldDirective, DynamicFormGroupDirective, DynamicOverlayService, DynamicOverlayTitleDirective, EMAIL_INPUT_TOKEN, ET_OVERLAY_BOTTOM_SHEET_CLASS, ET_OVERLAY_DIALOG_CLASS, ET_OVERLAY_FULL_SCREEN_DIALOG_CLASS, ET_OVERLAY_LEFT_SHEET_CLASS, ET_OVERLAY_RIGHT_SHEET_CLASS, ET_OVERLAY_TOP_SHEET_CLASS, EXPOSE_INPUT_VARS_TOKEN, EmailInputComponent, EmailInputDirective, ErrorComponent, ExposeInputVarsDirective, FILTER_OVERLAY_BACK_OR_CLOSE_TOKEN, FILTER_OVERLAY_LINK_TOKEN, FILTER_OVERLAY_REF, FILTER_OVERLAY_RESET_TOKEN, FILTER_OVERLAY_SUBMIT_TOKEN, FLOATING_UI_PLACEMENTS, FilterOverlayBackOrCloseDirective, FilterOverlayImports, FilterOverlayLinkDirective, FilterOverlayPageOutletComponent, FilterOverlayRef, FilterOverlayResetDirective, FilterOverlayService, FilterOverlaySubmitDirective, FooterCellDefDirective, FooterCellDirective, FooterRowComponent, FooterRowDefDirective, FormFieldStateService, FormGroupStateService, HeaderCellDefDirective, HeaderCellDirective, HeaderRowComponent, HeaderRowDefDirective, IMAGE_CONFIG_TOKEN, INPUT_PREFIX_TOKEN, INPUT_SUFFIX_TOKEN, INPUT_TOKEN, IconImports, IfInputEmptyDirective, IfInputFilledDirective, InlineTabBodyComponent, InlineTabBodyHostDirective, InlineTabChangeEvent, InlineTabComponent, InlineTabContentDirective, InlineTabHeaderComponent, InlineTabLabelDirective, InlineTabLabelWrapperDirective, InlineTabsComponent, InputBase, InputDirective, InputFieldComponent, InputImports, InputPrefixDirective, InputStateService, InputSuffixDirective, LABEL_TOKEN, LabelComponent, LabelImports, LabelSuffixDirective, MASONRY_ITEM_TOKEN, MAX_SAFE_INTEGER, MENU_AIM, MENU_STACK, MENU_TRIGGER, MasonryComponent, MasonryImports, MasonryItemComponent, MenuStack, NATIVE_INPUT_REF_TOKEN, NATIVE_SELECT_INPUT_TOKEN, NATIVE_SELECT_OPTION_TOKEN, NUMBER_INPUT_TOKEN, NativeInputRefDirective, NativeSelectImports, NativeSelectInputComponent, NativeSelectInputDirective, NativeSelectOptionComponent, NativeSelectOptionDirective, NavTabLinkComponent, NavTabsComponent, NavTabsOutletComponent, NoDataRowDirective, NumberInputComponent, NumberInputDirective, OVERLAY_CONFIG, OVERLAY_DATA, OVERLAY_DEFAULT_CONFIG, OVERLAY_DEFAULT_OPTIONS, OVERLAY_SCROLL_STRATEGY, OVERLAY_SCROLL_STRATEGY_PROVIDER, OVERLAY_SCROLL_STRATEGY_PROVIDER_FACTORY, OVERLAY_STATE, OverlayCloseDirective, OverlayContainerComponent, OverlayImports, OverlayPositionBuilder, OverlayRef, OverlayService, OverlayTitleDirective, PARENT_OR_NEW_INLINE_MENU_STACK_PROVIDER, PARENT_OR_NEW_MENU_STACK_PROVIDER, PASSWORD_INPUT_TOKEN, PROGRESS_SPINNER_DEFAULT_OPTIONS, PROGRESS_SPINNER_DEFAULT_OPTIONS_FACTORY, PaginatedTabHeaderDirective, PaginationComponent, PaginationImports, PasswordInputComponent, PasswordInputDirective, PasswordInputToggleComponent, PictureComponent, PictureDataDirective, PointerFocusTracker, ProgressSpinnerComponent, QUERY_ERROR_TOKEN, QueryButtonComponent, QueryButtonDirective, QueryErrorComponent, QueryErrorDirective, RADIO_FIELD_TOKEN, RADIO_GROUP_TOKEN, RADIO_TOKEN, RICH_FILTER_BUTTON_SLOT_TOKEN, RICH_FILTER_BUTTON_TOKEN, RICH_FILTER_CONTENT_TOKEN, RICH_FILTER_TOP_TOKEN, RadioComponent, RadioDirective, RadioFieldComponent, RadioFieldDirective, RadioGroupComponent, RadioGroupDirective, RadioImports, RecycleRowsDirective, RichFilterButtonDirective, RichFilterButtonSlotDirective, RichFilterContentDirective, RichFilterHostComponent, RichFilterImports, RichFilterTopDirective, RowComponent, RowDefDirective, SEARCH_INPUT_TOKEN, SEGMENTED_BUTTON_FIELD_TOKEN, SEGMENTED_BUTTON_GROUP_TOKEN, SEGMENTED_BUTTON_TOKEN, SELECTION_LIST_FIELD, SELECTION_LIST_OPTION, SELECT_BODY_TOKEN, SELECT_FIELD_TOKEN, SELECT_OPTION_TOKEN, SELECT_TOKEN, SLIDE_TOGGLE_TOKEN, SORT_DEFAULT_OPTIONS, SORT_HEADER_COLUMN_DEF, SORT_HEADER_INTL_PROVIDER, SORT_HEADER_INTL_PROVIDER_FACTORY, STATIC_FORM_FIELD_TOKEN, STATIC_FORM_GROUP_TOKEN, ScrollableComponent, ScrollableImports, SearchInputClearComponent, SearchInputComponent, SearchInputDirective, SegmentedButtonComponent, SegmentedButtonDirective, SegmentedButtonFieldComponent, SegmentedButtonFieldDirective, SegmentedButtonGroupComponent, SegmentedButtonGroupDirective, SegmentedButtonImports, SelectBodyComponent, SelectBodyDirective, SelectComponent, SelectDirective, SelectFieldComponent, SelectFieldDirective, SelectImports, SelectOptionComponent, SelectOptionDirective, SelectionListFieldComponent, SelectionListFieldDirective, SelectionListImports, SelectionListOptionComponent, SelectionListOptionDirective, SkeletonComponent, SkeletonImports, SkeletonItemComponent, SlideToggleComponent, SlideToggleDirective, SlideToggleFieldComponent, SlideToggleImports, SliderComponent, SliderFieldComponent, SliderImports, SortDirective, SortHeaderComponent, SortHeaderIntl, SortImports, StaticFormFieldDirective, StaticFormGroupDirective, SwipeHandlerService, TAB, TABS_CONFIG, TAB_CONTENT, TAB_GROUP, TAB_LABEL, TEXTAREA_INPUT_TOKEN, TEXT_INPUT_TOKEN, TOGGLETIP, TOGGLETIP_CONFIG, TOGGLETIP_DEFAULT_CONFIG, TOGGLETIP_DIRECTIVE, TOGGLETIP_TEMPLATE, TOGGLETIP_TEXT, TOOLTIP, TOOLTIP_CONFIG, TOOLTIP_DEFAULT_CONFIG, TOOLTIP_DIRECTIVE, TOOLTIP_TEMPLATE, TOOLTIP_TEXT, TabImports, TableBusyDirective, TableBusyOutletDirective, TableComponent, TableDataSource, TableImports, TargetMenuAim, TextColumnComponent, TextInputComponent, TextInputDirective, TextareaInputComponent, TextareaInputDirective, ToggletipComponent, ToggletipDirective, ToggletipImports, TooltipComponent, TooltipDirective, TooltipImports, VALIDATOR_ERROR_SERVICE_TOKEN, WRITEABLE_INPUT_TOKEN, WRITEABLE_INPUT_VALUE_ACCESSOR, WriteableInputDirective, _MAT_INK_BAR_POSITIONER, _MAT_INK_BAR_POSITIONER_FACTORY, accordionAnimations, convertHttpStatusCodeToMessage, createBottomSheetConfig, createBracketConfig, createComboboxConfig, createDialogConfig, createOverlayConfig, createToggletipConfig, createTooltipConfig, getClosestBottomSheet, getClosestDialog, getClosestOverlay, isOptionDisabled, isUpperBracketMatch, normalizeRoundType, orderRounds, orderRoundsByRoundNumber, paginate, provideBottomSheet, provideBottomSheetDefaultConfig, provideBracketConfig, provideComboboxConfig, provideDateFormat, provideDialog, provideDialogDefaultConfig, provideFilterOverlay, provideImageConfig, provideOverlay, provideOverlayDefaultConfig, provideSort, provideToggletipConfig, provideTooltipConfig, provideValidatorErrorsService, tabAnimations };
+export { ACCORDION_COMPONENT, ACCORDION_HINT_WRAPPER_DIRECTIVE, ACCORDION_LABEL_WRAPPER_DIRECTIVE, AccordionComponent, AccordionGroupComponent, AccordionHintDirective, AccordionHintWrapperDirective, AccordionImports, AccordionLabelDirective, AccordionLabelWrapperDirective, ActiveTabUnderlineBarManager, ActiveTabUnderlineDirective, AutosizeTextareaDirective, BOTTOM_SHEET_CONFIG, BOTTOM_SHEET_DATA, BOTTOM_SHEET_DEFAULT_CONFIG, BOTTOM_SHEET_DEFAULT_OPTIONS, BOTTOM_SHEET_MIN_SWIPE_TO_CLOSE_LENGTH, BOTTOM_SHEET_MIN_VELOCITY_TO_CLOSE, BOTTOM_SHEET_SCROLL_STRATEGY, BOTTOM_SHEET_SCROLL_STRATEGY_PROVIDER, BOTTOM_SHEET_SCROLL_STRATEGY_PROVIDER_FACTORY, BRACKET_CONFIG_TOKEN, BRACKET_DEFAULT_CONFIG, BRACKET_MATCH_ID_TOKEN, BRACKET_ROUND_ID_TOKEN, BRACKET_TOKEN, BottomSheetContainerBaseComponent, BottomSheetContainerComponent, BottomSheetDragHandleComponent, BottomSheetImports, BottomSheetRef, BottomSheetService, BottomSheetServiceBase, BottomSheetSwipeHandlerService, BottomSheetTitleDirective, Bracket, BracketComponent, BracketImports, BracketMatchComponent, BracketMatchDirective, BracketRoundDirective, BracketRoundHeaderComponent, ButtonComponent, ButtonDirective, ButtonImports, CDK_MENU, CHECKBOX_FIELD_TOKEN, CHECKBOX_GROUP_CONTROL_TOKEN, CHECKBOX_GROUP_TOKEN, CHECKBOX_TOKEN, COMBOBOX_BODY_EMPTY_TEMPLATE_TOKEN, COMBOBOX_BODY_ERROR_TEMPLATE_TOKEN, COMBOBOX_BODY_LOADING_TEMPLATE_TOKEN, COMBOBOX_BODY_MORE_ITEMS_HINT_TEMPLATE_TOKEN, COMBOBOX_CONFIG_TOKEN, COMBOBOX_DEFAULT_CONFIG, COMBOBOX_OPTION_TEMPLATE_TOKEN, COMBOBOX_SELECTED_OPTION_TEMPLATE_TOKEN, COMBOBOX_TOKEN, CdkContextMenuTrigger, CdkMenu, CdkMenuBar, CdkMenuBase, CdkMenuGroup, CdkMenuItem, CdkMenuItemCheckbox, CdkMenuItemRadio, CdkMenuItemSelectable, CdkMenuModule, CdkMenuTrigger, CdkMenuTriggerBase, CdkTargetMenuAim, CellDefDirective, CellDirective, CheckboxComponent, CheckboxDirective, CheckboxFieldComponent, CheckboxFieldDirective, CheckboxGroupComponent, CheckboxGroupControlDirective, CheckboxGroupDirective, CheckboxImports, ChevronIconComponent, ColumnDefDirective, ComboboxBodyEmptyTemplateDirective, ComboboxBodyErrorTemplateDirective, ComboboxBodyLoadingTemplateDirective, ComboboxBodyMoreItemsHintTemplateDirective, ComboboxComponent, ComboboxDirective, ComboboxImports, ComboboxOptionTemplateDirective, ComboboxSelectedOptionTemplateDirective, ContextMenuTracker, DATE_INPUT_FORMAT_TOKEN, DATE_INPUT_TOKEN, DEFAULT_DATE_INPUT_FORMAT, DIALOG_CONFIG, DIALOG_DATA, DIALOG_DEFAULT_CONFIG, DIALOG_DEFAULT_OPTIONS, DIALOG_SCROLL_STRATEGY, DIALOG_SCROLL_STRATEGY_PROVIDER, DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY, DYNAMIC_FORM_FIELD_TOKEN, DYNAMIC_FORM_GROUP_TOKEN, DateInputComponent, DateInputDirective, DecoratedFormFieldBase, DecoratedInputBase, DefaultValidatorErrorsService, DialogCloseDirective, DialogContainerBaseComponent, DialogContainerComponent, DialogImports, DialogRef, DialogService, DialogServiceBase, DialogTitleDirective, DynamicFormFieldDirective, DynamicFormGroupDirective, DynamicOverlayService, DynamicOverlayTitleDirective, EMAIL_INPUT_TOKEN, ET_OVERLAY_BOTTOM_SHEET_CLASS, ET_OVERLAY_DIALOG_CLASS, ET_OVERLAY_FULL_SCREEN_DIALOG_CLASS, ET_OVERLAY_LEFT_SHEET_CLASS, ET_OVERLAY_RIGHT_SHEET_CLASS, ET_OVERLAY_TOP_SHEET_CLASS, EXPOSE_INPUT_VARS_TOKEN, EmailInputComponent, EmailInputDirective, ErrorComponent, ExposeInputVarsDirective, FILTER_OVERLAY_BACK_OR_CLOSE_TOKEN, FILTER_OVERLAY_LINK_TOKEN, FILTER_OVERLAY_REF, FILTER_OVERLAY_RESET_TOKEN, FILTER_OVERLAY_SUBMIT_TOKEN, FLOATING_UI_PLACEMENTS, FilterOverlayBackOrCloseDirective, FilterOverlayImports, FilterOverlayLinkDirective, FilterOverlayPageOutletComponent, FilterOverlayRef, FilterOverlayResetDirective, FilterOverlayService, FilterOverlaySubmitDirective, FooterCellDefDirective, FooterCellDirective, FooterRowComponent, FooterRowDefDirective, FormFieldStateService, FormGroupStateService, HeaderCellDefDirective, HeaderCellDirective, HeaderRowComponent, HeaderRowDefDirective, IMAGE_CONFIG_TOKEN, INPUT_PREFIX_TOKEN, INPUT_SUFFIX_TOKEN, INPUT_TOKEN, IconImports, IfInputEmptyDirective, IfInputFilledDirective, InlineTabBodyComponent, InlineTabBodyHostDirective, InlineTabChangeEvent, InlineTabComponent, InlineTabContentDirective, InlineTabHeaderComponent, InlineTabLabelDirective, InlineTabLabelWrapperDirective, InlineTabsComponent, InputBase, InputDirective, InputFieldComponent, InputImports, InputPrefixDirective, InputStateService, InputSuffixDirective, LABEL_TOKEN, LabelComponent, LabelImports, LabelSuffixDirective, MASONRY_ITEM_TOKEN, MAX_SAFE_INTEGER, MENU_AIM, MENU_STACK, MENU_TRIGGER, MasonryComponent, MasonryImports, MasonryItemComponent, MenuStack, NATIVE_INPUT_REF_TOKEN, NATIVE_SELECT_INPUT_TOKEN, NATIVE_SELECT_OPTION_TOKEN, NUMBER_INPUT_TOKEN, NativeInputRefDirective, NativeSelectImports, NativeSelectInputComponent, NativeSelectInputDirective, NativeSelectOptionComponent, NativeSelectOptionDirective, NavTabLinkComponent, NavTabsComponent, NavTabsOutletComponent, NoDataRowDirective, NumberInputComponent, NumberInputDirective, OVERLAY_CLOSE_BLOCKER_TOKEN, OVERLAY_CONFIG, OVERLAY_DATA, OVERLAY_DEFAULT_CONFIG, OVERLAY_DEFAULT_OPTIONS, OVERLAY_SCROLL_STRATEGY, OVERLAY_SCROLL_STRATEGY_PROVIDER, OVERLAY_SCROLL_STRATEGY_PROVIDER_FACTORY, OVERLAY_STATE, OverlayCloseBlockerDirective, OverlayCloseDirective, OverlayContainerComponent, OverlayImports, OverlayPositionBuilder, OverlayRef, OverlayService, OverlayTitleDirective, PARENT_OR_NEW_INLINE_MENU_STACK_PROVIDER, PARENT_OR_NEW_MENU_STACK_PROVIDER, PASSWORD_INPUT_TOKEN, PROGRESS_SPINNER_DEFAULT_OPTIONS, PROGRESS_SPINNER_DEFAULT_OPTIONS_FACTORY, PaginatedTabHeaderDirective, PaginationComponent, PaginationImports, PasswordInputComponent, PasswordInputDirective, PasswordInputToggleComponent, PictureComponent, PictureDataDirective, PointerFocusTracker, ProgressSpinnerComponent, QUERY_ERROR_TOKEN, QueryButtonComponent, QueryButtonDirective, QueryErrorComponent, QueryErrorDirective, RADIO_FIELD_TOKEN, RADIO_GROUP_TOKEN, RADIO_TOKEN, RICH_FILTER_BUTTON_SLOT_TOKEN, RICH_FILTER_BUTTON_TOKEN, RICH_FILTER_CONTENT_TOKEN, RICH_FILTER_TOP_TOKEN, RadioComponent, RadioDirective, RadioFieldComponent, RadioFieldDirective, RadioGroupComponent, RadioGroupDirective, RadioImports, RecycleRowsDirective, RichFilterButtonDirective, RichFilterButtonSlotDirective, RichFilterContentDirective, RichFilterHostComponent, RichFilterImports, RichFilterTopDirective, RowComponent, RowDefDirective, SEARCH_INPUT_TOKEN, SEGMENTED_BUTTON_FIELD_TOKEN, SEGMENTED_BUTTON_GROUP_TOKEN, SEGMENTED_BUTTON_TOKEN, SELECTION_LIST_FIELD, SELECTION_LIST_OPTION, SELECT_BODY_TOKEN, SELECT_FIELD_TOKEN, SELECT_OPTION_TOKEN, SELECT_TOKEN, SLIDE_TOGGLE_TOKEN, SORT_DEFAULT_OPTIONS, SORT_HEADER_COLUMN_DEF, SORT_HEADER_INTL_PROVIDER, SORT_HEADER_INTL_PROVIDER_FACTORY, STATIC_FORM_FIELD_TOKEN, STATIC_FORM_GROUP_TOKEN, ScrollableComponent, ScrollableImports, SearchInputClearComponent, SearchInputComponent, SearchInputDirective, SegmentedButtonComponent, SegmentedButtonDirective, SegmentedButtonFieldComponent, SegmentedButtonFieldDirective, SegmentedButtonGroupComponent, SegmentedButtonGroupDirective, SegmentedButtonImports, SelectBodyComponent, SelectBodyDirective, SelectComponent, SelectDirective, SelectFieldComponent, SelectFieldDirective, SelectImports, SelectOptionComponent, SelectOptionDirective, SelectionListFieldComponent, SelectionListFieldDirective, SelectionListImports, SelectionListOptionComponent, SelectionListOptionDirective, SkeletonComponent, SkeletonImports, SkeletonItemComponent, SlideToggleComponent, SlideToggleDirective, SlideToggleFieldComponent, SlideToggleImports, SliderComponent, SliderFieldComponent, SliderImports, SortDirective, SortHeaderComponent, SortHeaderIntl, SortImports, StaticFormFieldDirective, StaticFormGroupDirective, SwipeHandlerService, TAB, TABS_CONFIG, TAB_CONTENT, TAB_GROUP, TAB_LABEL, TEXTAREA_INPUT_TOKEN, TEXT_INPUT_TOKEN, TOGGLETIP, TOGGLETIP_CONFIG, TOGGLETIP_DEFAULT_CONFIG, TOGGLETIP_DIRECTIVE, TOGGLETIP_TEMPLATE, TOGGLETIP_TEXT, TOOLTIP, TOOLTIP_CONFIG, TOOLTIP_DEFAULT_CONFIG, TOOLTIP_DIRECTIVE, TOOLTIP_TEMPLATE, TOOLTIP_TEXT, TabImports, TableBusyDirective, TableBusyOutletDirective, TableComponent, TableDataSource, TableImports, TargetMenuAim, TextColumnComponent, TextInputComponent, TextInputDirective, TextareaInputComponent, TextareaInputDirective, ToggletipComponent, ToggletipDirective, ToggletipImports, TooltipComponent, TooltipDirective, TooltipImports, VALIDATOR_ERROR_SERVICE_TOKEN, WRITEABLE_INPUT_TOKEN, WRITEABLE_INPUT_VALUE_ACCESSOR, WriteableInputDirective, _MAT_INK_BAR_POSITIONER, _MAT_INK_BAR_POSITIONER_FACTORY, accordionAnimations, convertHttpStatusCodeToMessage, createBottomSheetConfig, createBracketConfig, createComboboxConfig, createDialogConfig, createOverlayConfig, createOverlayDismissChecker, createToggletipConfig, createTooltipConfig, getClosestBottomSheet, getClosestDialog, getClosestOverlay, isUpperBracketMatch, normalizeRoundType, orderRounds, orderRoundsByRoundNumber, paginate, provideBottomSheet, provideBottomSheetDefaultConfig, provideBracketConfig, provideComboboxConfig, provideDateFormat, provideDialog, provideDialogDefaultConfig, provideFilterOverlay, provideImageConfig, provideOverlay, provideOverlayDefaultConfig, provideSort, provideToggletipConfig, provideTooltipConfig, provideValidatorErrorsService, tabAnimations };
 //# sourceMappingURL=ethlete-cdk.mjs.map