@ethlete/cdk 3.17.0 → 3.18.1

package/fesm2022/ethlete-cdk.mjs

@@ -2,9 +2,9 @@ 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, signal, Optional, Inject, Injectable, SkipSelf, HostListener, ViewContainerRef, EventEmitter, NgZone, isDevMode, Output, NgModule, ChangeDetectorRef, ViewChild, computed, 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, runInInjectionContext, TemplateRef, forwardRef, LOCALE_ID, numberAttribute, ViewChildren, Renderer2, Attribute } from '@angular/core';
 import * as i1$2 from '@ethlete/core';
-import { LetDirective, createDestroy, ScrollObserverFirstElementDirective, ScrollObserverLastElementDirective, Memo, createReactiveBindings, AnimatedIfDirective, AnimatedLifecycleDirective, SmartBlockScrollStrategy, RouterStateService, ANIMATED_LIFECYCLE_TOKEN, nextFrame, elementCanScroll, equal, ViewportService, AnimatedOverlayDirective, ClickObserverService, FocusVisibleService, cloneFormGroup, IS_EMAIL, MUST_MATCH, IS_ARRAY_NOT_EMPTY, AT_LEAST_ONE_REQUIRED, ResizeObserverService, createFlipAnimation, RuntimeError, SelectionModel, ActiveSelectionModel, KeyPressManager, 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 { LetDirective, createDestroy, ScrollObserverFirstElementDirective, ScrollObserverLastElementDirective, Memo, createReactiveBindings, signalHostClasses, AnimatedIfDirective, AnimatedLifecycleDirective, SmartBlockScrollStrategy, RouterStateService, ANIMATED_LIFECYCLE_TOKEN, nextFrame, elementCanScroll, equal, ViewportService, AnimatedOverlayDirective, ClickObserverService, FocusVisibleService, cloneFormGroup, ObserveVisibilityDirective, signalVisibilityChangeClasses, IS_EMAIL, MUST_MATCH, IS_ARRAY_NOT_EMPTY, AT_LEAST_ONE_REQUIRED, ResizeObserverService, createFlipAnimation, RuntimeError, SelectionModel, ActiveSelectionModel, KeyPressManager, 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, distinctUntilChanged as distinctUntilChanged$1, withLatestFrom, skipWhile, catchError, throwError, firstValueFrom, timer, Subscription, Observable } from 'rxjs';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { __decorate, __metadata } from 'tslib';
@@ -398,10 +398,10 @@ class Bracket {
         return this._roundsWithMatches.filter((r) => r.round.type === 'loser_bracket');
     }
     get firstWinnerRound() {
-        return this.winnerRounds[0];
+        return this.winnerRounds[0] ?? null;
     }
     get firstLoserRound() {
-        return (this.loserRounds[0] ?? null);
+        return this.loserRounds[0] ?? null;
     }
     get winnerRoundCount() {
         return this.winnerRounds.length;
@@ -410,13 +410,13 @@ class Bracket {
         return this.loserRounds.length;
     }
     get bracketSize() {
-        return this.firstWinnerRound.matches.length * 2;
+        return this.firstWinnerRound ? this.firstWinnerRound.matches.length * 2 : 0;
     }
     get bracketType() {
         return !this.loserRoundCount ? 'single' : 'double';
     }
     get winnerBracketRowCount() {
-        return this.firstWinnerRound.matches.length;
+        return this.firstWinnerRound?.matches.length ?? 0;
     }
     get loserBracketRowCount() {
         return this.firstLoserRound?.matches.length ?? 0;
@@ -455,7 +455,7 @@ class Bracket {
         return loserRoundCount - winnerRoundCount;
     }
     get isPartialDoubleElimination() {
-        return (this.bracketType === 'double' && this.firstWinnerRound.matches.length === this.firstLoserRound?.matches.length);
+        return (this.bracketType === 'double' && this.firstWinnerRound?.matches.length === this.firstLoserRound?.matches.length);
     }
     constructor(_roundsWithMatches) {
         this._roundsWithMatches = _roundsWithMatches;
@@ -470,7 +470,7 @@ class Bracket {
             let rowStart = isWinnerBracket ? this.winnerRowStart : this.loserRowStart;
             let rowEnd = isWinnerBracket ? this.winnerRowEnd : this.loserRowEnd;
             let firstRoundMatchCount = isWinnerBracket
-                ? this.firstWinnerRound.matches.length
+                ? this.firstWinnerRound?.matches.length
                 : this.firstLoserRound?.matches.length;
             if (isDoubleElimination) {
                 if (isWinnerBracket) {
@@ -593,8 +593,11 @@ class Bracket {
             let logicalNextRound = null;
             if ((currentRound?.round.type === 'loser_bracket' && !nextRound) ||
                 (currentRound?.round.type === 'loser_bracket' && nextRound?.round.type === 'third_place')) {
-                // Transition from last round of looser bracket to semi final round of winner bracket
-                logicalNextRound = this._roundsWithMatches[currentRoundIndex - this.looserRowAdditionalRoundCount + 1];
+                const next = this._roundsWithMatches[currentRoundIndex - this.looserRowAdditionalRoundCount + 1];
+                if (next) {
+                    // Transition from last round of looser bracket to semi final round of winner bracket
+                    logicalNextRound = next;
+                }
             }
             else if (((currentRound && isUpperBracketMatch(currentRound)) || !currentRound?.round.type) &&
                 nextRound?.round.type === 'loser_bracket') {
@@ -608,8 +611,9 @@ class Bracket {
             let previousMatchB = previousRound?.matches[matchIndex * 2 + 1]?.id ?? null;
             // previousMatchB could be the last loser bracket match
             if (!previousMatchB && currentRound && isUpperBracketMatch(currentRound)) {
-                if (this.loserRounds.length === currentRoundIndex + this.looserRowAdditionalRoundCount) {
-                    previousMatchB = this.loserRounds[currentRoundIndex + this.looserRowAdditionalRoundCount - 1].matches[0].id;
+                const matchB = this.loserRounds[currentRoundIndex + this.looserRowAdditionalRoundCount - 1]?.matches[0];
+                if (this.loserRounds.length === currentRoundIndex + this.looserRowAdditionalRoundCount && matchB) {
+                    previousMatchB = matchB.id;
                     roundsSameSize = false;
                 }
             }
@@ -806,13 +810,13 @@ class BracketComponent {
         // for connecting the last looser match and the respective semi final winner match
         if (isDoubleElimination &&
             (!nextRound || nextRound.data.type === 'third_place') &&
-            currentRound.data.type === 'loser_bracket') {
+            currentRound?.data.type === 'loser_bracket') {
             return bracket.totalRowCount - 1;
         }
         if (!nextRound) {
             return 1;
         }
-        if (nextRound.matches.length === currentRound.matches.length) {
+        if (nextRound.matches.length === currentRound?.matches.length) {
             return 1;
         }
         if (!isDoubleElimination) {
@@ -820,7 +824,7 @@ class BracketComponent {
         }
         else {
             let rndIndex = roundIndex;
-            if (currentRound.data.type === 'loser_bracket') {
+            if (currentRound?.data.type === 'loser_bracket') {
                 const totalWinnerRounds = bracket.winnerRoundCount;
                 const looserRoundIndex = currentRound.data.type === 'loser_bracket' ? roundIndex - totalWinnerRounds : roundIndex;
                 rndIndex = looserRoundIndex / 2;
@@ -902,7 +906,7 @@ class BracketComponent {
                 provide: BRACKET_TOKEN,
                 useExisting: BracketComponent,
             },
-        ], ngImport: i0, template: "<ng-container *ngIf=\"_bracket$ | async as bracket\">\n  <ng-container *ngFor=\"let round of bracket.bracketRounds; trackBy: trackByRound; let roundIndex = index\">\n    <div\n      *ngIf=\"_config.roundHeaderComponent\"\n      [etScrollObserverFirstElement]=\"roundIndex === 0\"\n      [etScrollObserverLastElement]=\"roundIndex === bracket.winnerRoundCount - 1\"\n      [style.--_cs]=\"round.column.start\"\n      [style.--_ce]=\"round.column.end\"\n      [style.--_rs]=\"\n        round.data.type === 'loser_bracket' || round.data.type === 'third_place' ? round.row.start + 1 : round.row.start\n      \"\n      [attr.special-align-end]=\"\n        round.data.type === 'third_place' &&\n        bracket.bracketType === 'single' &&\n        bracket.firstWinnerRound.matches.length <= 4\n          ? 'true'\n          : 'false'\n      \"\n      [attr.is-loser-round-header]=\"\n        (round.data.type === 'loser_bracket' || round.data.type === 'third_place') && bracket.bracketType === 'double'\n      \"\n      class=\"et-bracket-round\"\n    >\n      <ng-container *cdkPortalOutlet=\"createRoundPortal(round, _config.roundHeaderComponent)\" />\n    </div>\n    <ng-container *etLet=\"bracket.bracketRounds[roundIndex - 1] as lastRound\">\n      <ng-container *etLet=\"bracket.bracketRounds[roundIndex + 1] as nextRound\">\n        <ng-container *ngFor=\"let match of round.matches; trackBy: trackByMatch; let matchIndex = index\">\n          <div\n            *ngIf=\"getConnectedMatches(match, bracket) as connectedMatches\"\n            [style.--_cs]=\"round.column.start\"\n            [style.--_ce]=\"round.column.end\"\n            [style.--_rs]=\"\n              round.data.type === 'loser_bracket' || round.data.type === 'third_place'\n                ? match.row.start + (_config.roundHeaderComponent ? 2 : 0)\n                : match.row.start + (_config.roundHeaderComponent ? 1 : 0)\n            \"\n            [style.--_re]=\"\n              round.data.type === 'loser_bracket' || round.data.type === 'third_place'\n                ? match.row.end + (_config.roundHeaderComponent ? 2 : 0)\n                : match.row.end + (_config.roundHeaderComponent ? 1 : 0)\n            \"\n            [style.--_line-multi-after]=\"getLineMultiAfter(roundIndex, bracket)\"\n            [attr.et-has-parents]=\"!!connectedMatches.previousMatches?.length\"\n            [attr.et-has-child]=\"!!connectedMatches.nextMatch\"\n            [attr.et-child-connector-shape]=\"getChildConnectorShape(match, connectedMatches.nextMatch)\"\n            [attr.line-span-before]=\"getLineSpan(lastRound, lastRound, round, nextRound, bracket)\"\n            [attr.line-span-current]=\"getLineSpan(round, lastRound, round, nextRound, bracket)\"\n            [attr.line-span-after]=\"getLineSpan(nextRound, lastRound, round, nextRound, bracket)\"\n            [attr.is-first-loser-round-match]=\"\n              (round.data.type === 'loser_bracket' || round.data.type === 'third_place') && matchIndex === 0\n            \"\n            [attr.is-last-lower-bracket-match]=\"\n              round.data.type === 'loser_bracket' &&\n              (roundIndex === bracket.bracketRounds.length - 1 || nextRound?.data?.type === 'third_place')\n            \"\n            class=\"et-bracket-match\"\n          >\n            <ng-container *cdkPortalOutlet=\"createMatchPortal(match, _config.matchComponent)\" />\n          </div>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", styles: [".et-bracket{--connection-color: rgb(101, 101, 101);--connection-radius: 10px;--connection-size: 1.5px;display:grid;grid-auto-columns:min-content;column-gap:var(--_bracket-column-gap);row-gap:var(--_bracket-row-gap)}.et-bracket .et-bracket-round{grid-column:var(--_cs)/var(--_ce);grid-row:var(--_rs)/var(--_rs);height:var(--_round-header-height)}.et-bracket .et-bracket-round[special-align-end=true]{align-self:flex-end}.et-bracket[has-round-headers=false][is-first-loser-round-match=true],.et-bracket[has-round-headers=true] [is-loser-round-header=true]{margin-top:var(--_upper-lower-bracket-gap)}.et-bracket .et-bracket-match{--_gap-x-half: calc(var(--_bracket-column-gap) / 2);--_gap-y-half: calc(var(--_bracket-row-gap) / 2);--_bracket-item-height-half: calc(var(--_bracket-item-height) / 2);--_bracket-item-width-half: calc(var(--_bracket-item-width) / 2);--_connection-size-half: calc(var(--connection-size) / 2);position:relative;grid-column:var(--_cs)/var(--_ce);grid-row:var(--_rs)/var(--_re);inline-size:var(--_bracket-item-width);block-size:var(--_bracket-item-height);justify-self:center;align-self:center}.et-bracket .et-bracket-match[line-span-before=\"0\"][line-span-current=\"0\"]{--_gap-full-width-before: var(--_bracket-column-gap)}.et-bracket .et-bracket-match[line-span-before=\"2\"][line-span-current=\"2\"]{--_gap-full-width-before: calc(var(--_bracket-column-gap) * 2 + var(--_bracket-item-width))}.et-bracket .et-bracket-match[line-span-before=\"0\"][line-span-current=\"2\"],.et-bracket .et-bracket-match[line-span-before=\"2\"][line-span-current=\"0\"]{--_gap-full-width-before: calc( var(--_bracket-column-gap) + (var(--_bracket-item-width) / 2) + var(--_gap-x-half) )}.et-bracket .et-bracket-match[line-span-after=\"0\"][line-span-current=\"0\"]{--_gap-full-width-after: var(--_bracket-column-gap)}.et-bracket .et-bracket-match[line-span-after=\"2\"][line-span-current=\"2\"]{--_gap-full-width-after: calc(var(--_bracket-column-gap) * 2 + var(--_bracket-item-width))}.et-bracket .et-bracket-match[line-span-after=\"0\"][line-span-current=\"2\"],.et-bracket .et-bracket-match[line-span-after=\"2\"][line-span-current=\"0\"]{--_gap-full-width-after: calc(var(--_bracket-column-gap) + (var(--_bracket-item-width) / 2) + var(--_gap-x-half))}.et-bracket .et-bracket-match[et-has-parents=true]:before{content:\"\";position:absolute;inline-size:calc(var(--_gap-full-width-before) / 2);block-size:0;border-block-start:var(--connection-size) solid var(--connection-color);inset-inline-end:100%;inset-block-start:calc(50% - var(--_connection-size-half))}.et-bracket .et-bracket-match[et-has-child=true]:after{--_height-multi: calc(var(--_bracket-item-height-half) * var(--_line-multi-after));--_gap-y-multi: calc(var(--_gap-y-half) * var(--_line-multi-after));content:\"\";position:absolute;inline-size:calc(var(--_gap-full-width-after) / 2);block-size:calc(var(--_height-multi) + var(--_gap-y-multi));inset-inline-start:100%}.et-bracket .et-bracket-match[et-has-child=true][is-last-lower-bracket-match=true]:after{--_height-multi: calc( (var(--_bracket-item-height-half) * var(--_line-multi-after)) + var(--_upper-lower-bracket-gap) + var(--_round-header-height) )}.et-bracket .et-bracket-match[et-has-child=true][et-child-connector-shape=down]:after{border-block-start:var(--connection-size) solid var(--connection-color);border-inline-end:var(--connection-size) solid var(--connection-color);border-start-end-radius:var(--connection-radius);inset-block-start:calc(50% - var(--_connection-size-half))}.et-bracket .et-bracket-match[et-has-child=true][et-child-connector-shape=up]:after{border-block-end:var(--connection-size) solid var(--connection-color);border-inline-end:var(--connection-size) solid var(--connection-color);border-end-end-radius:var(--connection-radius);inset-block-end:calc(50% - var(--_connection-size-half))}.et-bracket .et-bracket-match[et-has-child=true][et-child-connector-shape=straight]:after{border-block-start:var(--connection-size) solid var(--connection-color);inset-block-start:calc(50% - var(--_connection-size-half));block-size:0}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: LetDirective, selector: "[etLet]", inputs: ["etLet"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: ScrollObserverFirstElementDirective, selector: "[etScrollObserverFirstElement]", inputs: ["etScrollObserverFirstElement"] }, { kind: "directive", type: ScrollObserverLastElementDirective, selector: "[etScrollObserverLastElement]", inputs: ["etScrollObserverLastElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: "<ng-container *ngIf=\"_bracket$ | async as bracket\">\n  <ng-container *ngFor=\"let round of bracket.bracketRounds; trackBy: trackByRound; let roundIndex = index\">\n    <div\n      *ngIf=\"_config.roundHeaderComponent\"\n      [etScrollObserverFirstElement]=\"roundIndex === 0\"\n      [etScrollObserverLastElement]=\"roundIndex === bracket.winnerRoundCount - 1\"\n      [style.--_cs]=\"round.column.start\"\n      [style.--_ce]=\"round.column.end\"\n      [style.--_rs]=\"\n        round.data.type === 'loser_bracket' || round.data.type === 'third_place' ? round.row.start + 1 : round.row.start\n      \"\n      [attr.special-align-end]=\"\n        round.data.type === 'third_place' &&\n        bracket.bracketType === 'single' &&\n        bracket.firstWinnerRound &&\n        bracket.firstWinnerRound.matches.length <= 4\n          ? 'true'\n          : 'false'\n      \"\n      [attr.is-loser-round-header]=\"\n        (round.data.type === 'loser_bracket' || round.data.type === 'third_place') && bracket.bracketType === 'double'\n      \"\n      class=\"et-bracket-round\"\n    >\n      <ng-container *cdkPortalOutlet=\"createRoundPortal(round, _config.roundHeaderComponent)\" />\n    </div>\n    <ng-container *etLet=\"bracket.bracketRounds[roundIndex - 1] ?? null as lastRound\">\n      <ng-container *etLet=\"bracket.bracketRounds[roundIndex + 1] ?? null as nextRound\">\n        <ng-container *ngFor=\"let match of round.matches; trackBy: trackByMatch; let matchIndex = index\">\n          <div\n            *ngIf=\"getConnectedMatches(match, bracket) as connectedMatches\"\n            [style.--_cs]=\"round.column.start\"\n            [style.--_ce]=\"round.column.end\"\n            [style.--_rs]=\"\n              round.data.type === 'loser_bracket' || round.data.type === 'third_place'\n                ? match.row.start + (_config.roundHeaderComponent ? 2 : 0)\n                : match.row.start + (_config.roundHeaderComponent ? 1 : 0)\n            \"\n            [style.--_re]=\"\n              round.data.type === 'loser_bracket' || round.data.type === 'third_place'\n                ? match.row.end + (_config.roundHeaderComponent ? 2 : 0)\n                : match.row.end + (_config.roundHeaderComponent ? 1 : 0)\n            \"\n            [style.--_line-multi-after]=\"getLineMultiAfter(roundIndex, bracket)\"\n            [attr.et-has-parents]=\"!!connectedMatches.previousMatches?.length\"\n            [attr.et-has-child]=\"!!connectedMatches.nextMatch\"\n            [attr.et-child-connector-shape]=\"getChildConnectorShape(match, connectedMatches.nextMatch)\"\n            [attr.line-span-before]=\"getLineSpan(lastRound, lastRound, round, nextRound, bracket)\"\n            [attr.line-span-current]=\"getLineSpan(round, lastRound, round, nextRound, bracket)\"\n            [attr.line-span-after]=\"getLineSpan(nextRound, lastRound, round, nextRound, bracket)\"\n            [attr.is-first-loser-round-match]=\"\n              (round.data.type === 'loser_bracket' || round.data.type === 'third_place') && matchIndex === 0\n            \"\n            [attr.is-last-lower-bracket-match]=\"\n              round.data.type === 'loser_bracket' &&\n              (roundIndex === bracket.bracketRounds.length - 1 || nextRound?.data?.type === 'third_place')\n            \"\n            class=\"et-bracket-match\"\n          >\n            <ng-container *cdkPortalOutlet=\"createMatchPortal(match, _config.matchComponent)\" />\n          </div>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", styles: [".et-bracket{--connection-color: rgb(101, 101, 101);--connection-radius: 10px;--connection-size: 1.5px;display:grid;grid-auto-columns:min-content;column-gap:var(--_bracket-column-gap);row-gap:var(--_bracket-row-gap)}.et-bracket .et-bracket-round{grid-column:var(--_cs)/var(--_ce);grid-row:var(--_rs)/var(--_rs);height:var(--_round-header-height)}.et-bracket .et-bracket-round[special-align-end=true]{align-self:flex-end}.et-bracket[has-round-headers=false][is-first-loser-round-match=true],.et-bracket[has-round-headers=true] [is-loser-round-header=true]{margin-top:var(--_upper-lower-bracket-gap)}.et-bracket .et-bracket-match{--_gap-x-half: calc(var(--_bracket-column-gap) / 2);--_gap-y-half: calc(var(--_bracket-row-gap) / 2);--_bracket-item-height-half: calc(var(--_bracket-item-height) / 2);--_bracket-item-width-half: calc(var(--_bracket-item-width) / 2);--_connection-size-half: calc(var(--connection-size) / 2);position:relative;grid-column:var(--_cs)/var(--_ce);grid-row:var(--_rs)/var(--_re);inline-size:var(--_bracket-item-width);block-size:var(--_bracket-item-height);justify-self:center;align-self:center}.et-bracket .et-bracket-match[line-span-before=\"0\"][line-span-current=\"0\"]{--_gap-full-width-before: var(--_bracket-column-gap)}.et-bracket .et-bracket-match[line-span-before=\"2\"][line-span-current=\"2\"]{--_gap-full-width-before: calc(var(--_bracket-column-gap) * 2 + var(--_bracket-item-width))}.et-bracket .et-bracket-match[line-span-before=\"0\"][line-span-current=\"2\"],.et-bracket .et-bracket-match[line-span-before=\"2\"][line-span-current=\"0\"]{--_gap-full-width-before: calc( var(--_bracket-column-gap) + (var(--_bracket-item-width) / 2) + var(--_gap-x-half) )}.et-bracket .et-bracket-match[line-span-after=\"0\"][line-span-current=\"0\"]{--_gap-full-width-after: var(--_bracket-column-gap)}.et-bracket .et-bracket-match[line-span-after=\"2\"][line-span-current=\"2\"]{--_gap-full-width-after: calc(var(--_bracket-column-gap) * 2 + var(--_bracket-item-width))}.et-bracket .et-bracket-match[line-span-after=\"0\"][line-span-current=\"2\"],.et-bracket .et-bracket-match[line-span-after=\"2\"][line-span-current=\"0\"]{--_gap-full-width-after: calc(var(--_bracket-column-gap) + (var(--_bracket-item-width) / 2) + var(--_gap-x-half))}.et-bracket .et-bracket-match[et-has-parents=true]:before{content:\"\";position:absolute;inline-size:calc(var(--_gap-full-width-before) / 2);block-size:0;border-block-start:var(--connection-size) solid var(--connection-color);inset-inline-end:100%;inset-block-start:calc(50% - var(--_connection-size-half))}.et-bracket .et-bracket-match[et-has-child=true]:after{--_height-multi: calc(var(--_bracket-item-height-half) * var(--_line-multi-after));--_gap-y-multi: calc(var(--_gap-y-half) * var(--_line-multi-after));content:\"\";position:absolute;inline-size:calc(var(--_gap-full-width-after) / 2);block-size:calc(var(--_height-multi) + var(--_gap-y-multi));inset-inline-start:100%}.et-bracket .et-bracket-match[et-has-child=true][is-last-lower-bracket-match=true]:after{--_height-multi: calc( (var(--_bracket-item-height-half) * var(--_line-multi-after)) + var(--_upper-lower-bracket-gap) + var(--_round-header-height) )}.et-bracket .et-bracket-match[et-has-child=true][et-child-connector-shape=down]:after{border-block-start:var(--connection-size) solid var(--connection-color);border-inline-end:var(--connection-size) solid var(--connection-color);border-start-end-radius:var(--connection-radius);inset-block-start:calc(50% - var(--_connection-size-half))}.et-bracket .et-bracket-match[et-has-child=true][et-child-connector-shape=up]:after{border-block-end:var(--connection-size) solid var(--connection-color);border-inline-end:var(--connection-size) solid var(--connection-color);border-end-end-radius:var(--connection-radius);inset-block-end:calc(50% - var(--_connection-size-half))}.et-bracket .et-bracket-match[et-has-child=true][et-child-connector-shape=straight]:after{border-block-start:var(--connection-size) solid var(--connection-color);inset-block-start:calc(50% - var(--_connection-size-half));block-size:0}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: LetDirective, selector: "[etLet]", inputs: ["etLet"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: ScrollObserverFirstElementDirective, selector: "[etScrollObserverFirstElement]", inputs: ["etScrollObserverFirstElement"] }, { kind: "directive", type: ScrollObserverLastElementDirective, selector: "[etScrollObserverLastElement]", inputs: ["etScrollObserverLastElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     Memo({
@@ -992,7 +996,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                             provide: BRACKET_TOKEN,
                             useExisting: BracketComponent,
                         },
-                    ], template: "<ng-container *ngIf=\"_bracket$ | async as bracket\">\n  <ng-container *ngFor=\"let round of bracket.bracketRounds; trackBy: trackByRound; let roundIndex = index\">\n    <div\n      *ngIf=\"_config.roundHeaderComponent\"\n      [etScrollObserverFirstElement]=\"roundIndex === 0\"\n      [etScrollObserverLastElement]=\"roundIndex === bracket.winnerRoundCount - 1\"\n      [style.--_cs]=\"round.column.start\"\n      [style.--_ce]=\"round.column.end\"\n      [style.--_rs]=\"\n        round.data.type === 'loser_bracket' || round.data.type === 'third_place' ? round.row.start + 1 : round.row.start\n      \"\n      [attr.special-align-end]=\"\n        round.data.type === 'third_place' &&\n        bracket.bracketType === 'single' &&\n        bracket.firstWinnerRound.matches.length <= 4\n          ? 'true'\n          : 'false'\n      \"\n      [attr.is-loser-round-header]=\"\n        (round.data.type === 'loser_bracket' || round.data.type === 'third_place') && bracket.bracketType === 'double'\n      \"\n      class=\"et-bracket-round\"\n    >\n      <ng-container *cdkPortalOutlet=\"createRoundPortal(round, _config.roundHeaderComponent)\" />\n    </div>\n    <ng-container *etLet=\"bracket.bracketRounds[roundIndex - 1] as lastRound\">\n      <ng-container *etLet=\"bracket.bracketRounds[roundIndex + 1] as nextRound\">\n        <ng-container *ngFor=\"let match of round.matches; trackBy: trackByMatch; let matchIndex = index\">\n          <div\n            *ngIf=\"getConnectedMatches(match, bracket) as connectedMatches\"\n            [style.--_cs]=\"round.column.start\"\n            [style.--_ce]=\"round.column.end\"\n            [style.--_rs]=\"\n              round.data.type === 'loser_bracket' || round.data.type === 'third_place'\n                ? match.row.start + (_config.roundHeaderComponent ? 2 : 0)\n                : match.row.start + (_config.roundHeaderComponent ? 1 : 0)\n            \"\n            [style.--_re]=\"\n              round.data.type === 'loser_bracket' || round.data.type === 'third_place'\n                ? match.row.end + (_config.roundHeaderComponent ? 2 : 0)\n                : match.row.end + (_config.roundHeaderComponent ? 1 : 0)\n            \"\n            [style.--_line-multi-after]=\"getLineMultiAfter(roundIndex, bracket)\"\n            [attr.et-has-parents]=\"!!connectedMatches.previousMatches?.length\"\n            [attr.et-has-child]=\"!!connectedMatches.nextMatch\"\n            [attr.et-child-connector-shape]=\"getChildConnectorShape(match, connectedMatches.nextMatch)\"\n            [attr.line-span-before]=\"getLineSpan(lastRound, lastRound, round, nextRound, bracket)\"\n            [attr.line-span-current]=\"getLineSpan(round, lastRound, round, nextRound, bracket)\"\n            [attr.line-span-after]=\"getLineSpan(nextRound, lastRound, round, nextRound, bracket)\"\n            [attr.is-first-loser-round-match]=\"\n              (round.data.type === 'loser_bracket' || round.data.type === 'third_place') && matchIndex === 0\n            \"\n            [attr.is-last-lower-bracket-match]=\"\n              round.data.type === 'loser_bracket' &&\n              (roundIndex === bracket.bracketRounds.length - 1 || nextRound?.data?.type === 'third_place')\n            \"\n            class=\"et-bracket-match\"\n          >\n            <ng-container *cdkPortalOutlet=\"createMatchPortal(match, _config.matchComponent)\" />\n          </div>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", styles: [".et-bracket{--connection-color: rgb(101, 101, 101);--connection-radius: 10px;--connection-size: 1.5px;display:grid;grid-auto-columns:min-content;column-gap:var(--_bracket-column-gap);row-gap:var(--_bracket-row-gap)}.et-bracket .et-bracket-round{grid-column:var(--_cs)/var(--_ce);grid-row:var(--_rs)/var(--_rs);height:var(--_round-header-height)}.et-bracket .et-bracket-round[special-align-end=true]{align-self:flex-end}.et-bracket[has-round-headers=false][is-first-loser-round-match=true],.et-bracket[has-round-headers=true] [is-loser-round-header=true]{margin-top:var(--_upper-lower-bracket-gap)}.et-bracket .et-bracket-match{--_gap-x-half: calc(var(--_bracket-column-gap) / 2);--_gap-y-half: calc(var(--_bracket-row-gap) / 2);--_bracket-item-height-half: calc(var(--_bracket-item-height) / 2);--_bracket-item-width-half: calc(var(--_bracket-item-width) / 2);--_connection-size-half: calc(var(--connection-size) / 2);position:relative;grid-column:var(--_cs)/var(--_ce);grid-row:var(--_rs)/var(--_re);inline-size:var(--_bracket-item-width);block-size:var(--_bracket-item-height);justify-self:center;align-self:center}.et-bracket .et-bracket-match[line-span-before=\"0\"][line-span-current=\"0\"]{--_gap-full-width-before: var(--_bracket-column-gap)}.et-bracket .et-bracket-match[line-span-before=\"2\"][line-span-current=\"2\"]{--_gap-full-width-before: calc(var(--_bracket-column-gap) * 2 + var(--_bracket-item-width))}.et-bracket .et-bracket-match[line-span-before=\"0\"][line-span-current=\"2\"],.et-bracket .et-bracket-match[line-span-before=\"2\"][line-span-current=\"0\"]{--_gap-full-width-before: calc( var(--_bracket-column-gap) + (var(--_bracket-item-width) / 2) + var(--_gap-x-half) )}.et-bracket .et-bracket-match[line-span-after=\"0\"][line-span-current=\"0\"]{--_gap-full-width-after: var(--_bracket-column-gap)}.et-bracket .et-bracket-match[line-span-after=\"2\"][line-span-current=\"2\"]{--_gap-full-width-after: calc(var(--_bracket-column-gap) * 2 + var(--_bracket-item-width))}.et-bracket .et-bracket-match[line-span-after=\"0\"][line-span-current=\"2\"],.et-bracket .et-bracket-match[line-span-after=\"2\"][line-span-current=\"0\"]{--_gap-full-width-after: calc(var(--_bracket-column-gap) + (var(--_bracket-item-width) / 2) + var(--_gap-x-half))}.et-bracket .et-bracket-match[et-has-parents=true]:before{content:\"\";position:absolute;inline-size:calc(var(--_gap-full-width-before) / 2);block-size:0;border-block-start:var(--connection-size) solid var(--connection-color);inset-inline-end:100%;inset-block-start:calc(50% - var(--_connection-size-half))}.et-bracket .et-bracket-match[et-has-child=true]:after{--_height-multi: calc(var(--_bracket-item-height-half) * var(--_line-multi-after));--_gap-y-multi: calc(var(--_gap-y-half) * var(--_line-multi-after));content:\"\";position:absolute;inline-size:calc(var(--_gap-full-width-after) / 2);block-size:calc(var(--_height-multi) + var(--_gap-y-multi));inset-inline-start:100%}.et-bracket .et-bracket-match[et-has-child=true][is-last-lower-bracket-match=true]:after{--_height-multi: calc( (var(--_bracket-item-height-half) * var(--_line-multi-after)) + var(--_upper-lower-bracket-gap) + var(--_round-header-height) )}.et-bracket .et-bracket-match[et-has-child=true][et-child-connector-shape=down]:after{border-block-start:var(--connection-size) solid var(--connection-color);border-inline-end:var(--connection-size) solid var(--connection-color);border-start-end-radius:var(--connection-radius);inset-block-start:calc(50% - var(--_connection-size-half))}.et-bracket .et-bracket-match[et-has-child=true][et-child-connector-shape=up]:after{border-block-end:var(--connection-size) solid var(--connection-color);border-inline-end:var(--connection-size) solid var(--connection-color);border-end-end-radius:var(--connection-radius);inset-block-end:calc(50% - var(--_connection-size-half))}.et-bracket .et-bracket-match[et-has-child=true][et-child-connector-shape=straight]:after{border-block-start:var(--connection-size) solid var(--connection-color);inset-block-start:calc(50% - var(--_connection-size-half));block-size:0}\n"] }]
+                    ], template: "<ng-container *ngIf=\"_bracket$ | async as bracket\">\n  <ng-container *ngFor=\"let round of bracket.bracketRounds; trackBy: trackByRound; let roundIndex = index\">\n    <div\n      *ngIf=\"_config.roundHeaderComponent\"\n      [etScrollObserverFirstElement]=\"roundIndex === 0\"\n      [etScrollObserverLastElement]=\"roundIndex === bracket.winnerRoundCount - 1\"\n      [style.--_cs]=\"round.column.start\"\n      [style.--_ce]=\"round.column.end\"\n      [style.--_rs]=\"\n        round.data.type === 'loser_bracket' || round.data.type === 'third_place' ? round.row.start + 1 : round.row.start\n      \"\n      [attr.special-align-end]=\"\n        round.data.type === 'third_place' &&\n        bracket.bracketType === 'single' &&\n        bracket.firstWinnerRound &&\n        bracket.firstWinnerRound.matches.length <= 4\n          ? 'true'\n          : 'false'\n      \"\n      [attr.is-loser-round-header]=\"\n        (round.data.type === 'loser_bracket' || round.data.type === 'third_place') && bracket.bracketType === 'double'\n      \"\n      class=\"et-bracket-round\"\n    >\n      <ng-container *cdkPortalOutlet=\"createRoundPortal(round, _config.roundHeaderComponent)\" />\n    </div>\n    <ng-container *etLet=\"bracket.bracketRounds[roundIndex - 1] ?? null as lastRound\">\n      <ng-container *etLet=\"bracket.bracketRounds[roundIndex + 1] ?? null as nextRound\">\n        <ng-container *ngFor=\"let match of round.matches; trackBy: trackByMatch; let matchIndex = index\">\n          <div\n            *ngIf=\"getConnectedMatches(match, bracket) as connectedMatches\"\n            [style.--_cs]=\"round.column.start\"\n            [style.--_ce]=\"round.column.end\"\n            [style.--_rs]=\"\n              round.data.type === 'loser_bracket' || round.data.type === 'third_place'\n                ? match.row.start + (_config.roundHeaderComponent ? 2 : 0)\n                : match.row.start + (_config.roundHeaderComponent ? 1 : 0)\n            \"\n            [style.--_re]=\"\n              round.data.type === 'loser_bracket' || round.data.type === 'third_place'\n                ? match.row.end + (_config.roundHeaderComponent ? 2 : 0)\n                : match.row.end + (_config.roundHeaderComponent ? 1 : 0)\n            \"\n            [style.--_line-multi-after]=\"getLineMultiAfter(roundIndex, bracket)\"\n            [attr.et-has-parents]=\"!!connectedMatches.previousMatches?.length\"\n            [attr.et-has-child]=\"!!connectedMatches.nextMatch\"\n            [attr.et-child-connector-shape]=\"getChildConnectorShape(match, connectedMatches.nextMatch)\"\n            [attr.line-span-before]=\"getLineSpan(lastRound, lastRound, round, nextRound, bracket)\"\n            [attr.line-span-current]=\"getLineSpan(round, lastRound, round, nextRound, bracket)\"\n            [attr.line-span-after]=\"getLineSpan(nextRound, lastRound, round, nextRound, bracket)\"\n            [attr.is-first-loser-round-match]=\"\n              (round.data.type === 'loser_bracket' || round.data.type === 'third_place') && matchIndex === 0\n            \"\n            [attr.is-last-lower-bracket-match]=\"\n              round.data.type === 'loser_bracket' &&\n              (roundIndex === bracket.bracketRounds.length - 1 || nextRound?.data?.type === 'third_place')\n            \"\n            class=\"et-bracket-match\"\n          >\n            <ng-container *cdkPortalOutlet=\"createMatchPortal(match, _config.matchComponent)\" />\n          </div>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", styles: [".et-bracket{--connection-color: rgb(101, 101, 101);--connection-radius: 10px;--connection-size: 1.5px;display:grid;grid-auto-columns:min-content;column-gap:var(--_bracket-column-gap);row-gap:var(--_bracket-row-gap)}.et-bracket .et-bracket-round{grid-column:var(--_cs)/var(--_ce);grid-row:var(--_rs)/var(--_rs);height:var(--_round-header-height)}.et-bracket .et-bracket-round[special-align-end=true]{align-self:flex-end}.et-bracket[has-round-headers=false][is-first-loser-round-match=true],.et-bracket[has-round-headers=true] [is-loser-round-header=true]{margin-top:var(--_upper-lower-bracket-gap)}.et-bracket .et-bracket-match{--_gap-x-half: calc(var(--_bracket-column-gap) / 2);--_gap-y-half: calc(var(--_bracket-row-gap) / 2);--_bracket-item-height-half: calc(var(--_bracket-item-height) / 2);--_bracket-item-width-half: calc(var(--_bracket-item-width) / 2);--_connection-size-half: calc(var(--connection-size) / 2);position:relative;grid-column:var(--_cs)/var(--_ce);grid-row:var(--_rs)/var(--_re);inline-size:var(--_bracket-item-width);block-size:var(--_bracket-item-height);justify-self:center;align-self:center}.et-bracket .et-bracket-match[line-span-before=\"0\"][line-span-current=\"0\"]{--_gap-full-width-before: var(--_bracket-column-gap)}.et-bracket .et-bracket-match[line-span-before=\"2\"][line-span-current=\"2\"]{--_gap-full-width-before: calc(var(--_bracket-column-gap) * 2 + var(--_bracket-item-width))}.et-bracket .et-bracket-match[line-span-before=\"0\"][line-span-current=\"2\"],.et-bracket .et-bracket-match[line-span-before=\"2\"][line-span-current=\"0\"]{--_gap-full-width-before: calc( var(--_bracket-column-gap) + (var(--_bracket-item-width) / 2) + var(--_gap-x-half) )}.et-bracket .et-bracket-match[line-span-after=\"0\"][line-span-current=\"0\"]{--_gap-full-width-after: var(--_bracket-column-gap)}.et-bracket .et-bracket-match[line-span-after=\"2\"][line-span-current=\"2\"]{--_gap-full-width-after: calc(var(--_bracket-column-gap) * 2 + var(--_bracket-item-width))}.et-bracket .et-bracket-match[line-span-after=\"0\"][line-span-current=\"2\"],.et-bracket .et-bracket-match[line-span-after=\"2\"][line-span-current=\"0\"]{--_gap-full-width-after: calc(var(--_bracket-column-gap) + (var(--_bracket-item-width) / 2) + var(--_gap-x-half))}.et-bracket .et-bracket-match[et-has-parents=true]:before{content:\"\";position:absolute;inline-size:calc(var(--_gap-full-width-before) / 2);block-size:0;border-block-start:var(--connection-size) solid var(--connection-color);inset-inline-end:100%;inset-block-start:calc(50% - var(--_connection-size-half))}.et-bracket .et-bracket-match[et-has-child=true]:after{--_height-multi: calc(var(--_bracket-item-height-half) * var(--_line-multi-after));--_gap-y-multi: calc(var(--_gap-y-half) * var(--_line-multi-after));content:\"\";position:absolute;inline-size:calc(var(--_gap-full-width-after) / 2);block-size:calc(var(--_height-multi) + var(--_gap-y-multi));inset-inline-start:100%}.et-bracket .et-bracket-match[et-has-child=true][is-last-lower-bracket-match=true]:after{--_height-multi: calc( (var(--_bracket-item-height-half) * var(--_line-multi-after)) + var(--_upper-lower-bracket-gap) + var(--_round-header-height) )}.et-bracket .et-bracket-match[et-has-child=true][et-child-connector-shape=down]:after{border-block-start:var(--connection-size) solid var(--connection-color);border-inline-end:var(--connection-size) solid var(--connection-color);border-start-end-radius:var(--connection-radius);inset-block-start:calc(50% - var(--_connection-size-half))}.et-bracket .et-bracket-match[et-has-child=true][et-child-connector-shape=up]:after{border-block-end:var(--connection-size) solid var(--connection-color);border-inline-end:var(--connection-size) solid var(--connection-color);border-end-end-radius:var(--connection-radius);inset-block-end:calc(50% - var(--_connection-size-half))}.et-bracket .et-bracket-match[et-has-child=true][et-child-connector-shape=straight]:after{border-block-start:var(--connection-size) solid var(--connection-color);inset-block-start:calc(50% - var(--_connection-size-half));block-size:0}\n"] }]
         }], propDecorators: { itemWith: [{
                 type: Input
             }], itemHeight: [{
@@ -1265,32 +1269,42 @@ class FilterOverlayPageOutletComponent {
     constructor() {
         this.filterOverlayRef = inject(FILTER_OVERLAY_REF);
         this.trackByRoute = (_, page) => page.route;
+        signalHostClasses({
+            'et-filter-overlay-page-outlet--backward': computed(() => {
+                const page = this.filterOverlayRef.currentPage();
+                return page?.route === '' || page?.route === '/';
+            }),
+            'et-filter-overlay-page-outlet--forward': computed(() => {
+                const page = this.filterOverlayRef.currentPage();
+                return page?.route !== '' && page?.route !== '/';
+            }),
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FilterOverlayPageOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: FilterOverlayPageOutletComponent, isStandalone: true, selector: "et-filter-overlay-page-outlet", host: { classAttribute: "et-filter-overlay-page-outlet" }, ngImport: i0, template: `
-    <ng-container *ngFor="let page of filterOverlayRef.pages(); trackBy: trackByRoute">
+    <ng-container *ngFor="let page of filterOverlayRef.pages; trackBy: trackByRoute">
       <div class="et-filter-overlay-page-outlet-page" etAnimatedLifecycle>
-        <ng-container *etAnimatedIf="page.isActive()">
+        <ng-container *etAnimatedIf="page === filterOverlayRef.currentPage()">
           <ng-container *ngComponentOutlet="page.component; inputs: page.inputs" />
         </ng-container>
       </div>
     </ng-container>
-  `, isInline: true, styles: [".et-filter-overlay-page-outlet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow-x:hidden}.et-filter-overlay-page-outlet-page{--transition-easing: var(--ease-in-out-5);grid-area:1 / 1 / 2 / 2;pointer-events:none}.et-filter-overlay-page-outlet-page>*{pointer-events:auto}.et-filter-overlay-page-outlet-page.et-animation-enter-from{transform:translate(100%);opacity:0}.et-filter-overlay-page-outlet-page.et-animation-leave-to{transform:translate(-100%);opacity:0}.et-filter-overlay-page-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform .3s var(--transition-easing),opacity .3s var(--transition-easing)}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: AnimatedIfDirective, selector: "[etAnimatedIf]", inputs: ["etAnimatedIf"] }, { kind: "directive", type: AnimatedLifecycleDirective, selector: "[etAnimatedLifecycle]", exportAs: ["etAnimatedLifecycle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".et-filter-overlay-page-outlet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow-x:hidden;--_et-filter-transform-from: translateX(100%);--_et-filter-transform-to: translateX(-100%)}.et-filter-overlay-page-outlet.et-filter-overlay-page-outlet--backward{--_et-filter-transform-from: translateX(-100%);--_et-filter-transform-to: translateX(100%)}.et-filter-overlay-page-outlet-page{--transition-easing: var(--ease-in-out-5);grid-area:1 / 1 / 2 / 2;pointer-events:none}.et-filter-overlay-page-outlet-page>*{pointer-events:auto}.et-filter-overlay-page-outlet-page.et-animation-enter-from{transform:var(--_et-filter-transform-from);opacity:0}.et-filter-overlay-page-outlet-page.et-animation-leave-to{transform:var(--_et-filter-transform-to);opacity:0}.et-filter-overlay-page-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform .3s var(--transition-easing),opacity .3s var(--transition-easing)}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: AnimatedIfDirective, selector: "[etAnimatedIf]", inputs: ["etAnimatedIf"] }, { kind: "directive", type: AnimatedLifecycleDirective, selector: "[etAnimatedLifecycle]", exportAs: ["etAnimatedLifecycle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FilterOverlayPageOutletComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-filter-overlay-page-outlet', template: `
-    <ng-container *ngFor="let page of filterOverlayRef.pages(); trackBy: trackByRoute">
+    <ng-container *ngFor="let page of filterOverlayRef.pages; trackBy: trackByRoute">
       <div class="et-filter-overlay-page-outlet-page" etAnimatedLifecycle>
-        <ng-container *etAnimatedIf="page.isActive()">
+        <ng-container *etAnimatedIf="page === filterOverlayRef.currentPage()">
           <ng-container *ngComponentOutlet="page.component; inputs: page.inputs" />
         </ng-container>
       </div>
     </ng-container>
   `, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'et-filter-overlay-page-outlet',
-                    }, imports: [NgFor, NgComponentOutlet, AnimatedIfDirective, AnimatedLifecycleDirective], hostDirectives: [], styles: [".et-filter-overlay-page-outlet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow-x:hidden}.et-filter-overlay-page-outlet-page{--transition-easing: var(--ease-in-out-5);grid-area:1 / 1 / 2 / 2;pointer-events:none}.et-filter-overlay-page-outlet-page>*{pointer-events:auto}.et-filter-overlay-page-outlet-page.et-animation-enter-from{transform:translate(100%);opacity:0}.et-filter-overlay-page-outlet-page.et-animation-leave-to{transform:translate(-100%);opacity:0}.et-filter-overlay-page-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform .3s var(--transition-easing),opacity .3s var(--transition-easing)}\n"] }]
-        }] });
+                    }, imports: [NgFor, NgComponentOutlet, AnimatedIfDirective, AnimatedLifecycleDirective], hostDirectives: [], styles: [".et-filter-overlay-page-outlet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow-x:hidden;--_et-filter-transform-from: translateX(100%);--_et-filter-transform-to: translateX(-100%)}.et-filter-overlay-page-outlet.et-filter-overlay-page-outlet--backward{--_et-filter-transform-from: translateX(-100%);--_et-filter-transform-to: translateX(100%)}.et-filter-overlay-page-outlet-page{--transition-easing: var(--ease-in-out-5);grid-area:1 / 1 / 2 / 2;pointer-events:none}.et-filter-overlay-page-outlet-page>*{pointer-events:auto}.et-filter-overlay-page-outlet-page.et-animation-enter-from{transform:var(--_et-filter-transform-from);opacity:0}.et-filter-overlay-page-outlet-page.et-animation-leave-to{transform:var(--_et-filter-transform-to);opacity:0}.et-filter-overlay-page-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform .3s var(--transition-easing),opacity .3s var(--transition-easing)}\n"] }]
+        }], ctorParameters: function () { return []; } });
 
 const FILTER_OVERLAY_BACK_OR_CLOSE_TOKEN = new InjectionToken('FILTER_OVERLAY_BACK_OR_CLOSE_TOKEN');
 class FilterOverlayBackOrCloseDirective {
@@ -1730,7 +1744,7 @@ class BottomSheetServiceBase {
     _closeBottomSheets(bottomSheets) {
         let i = bottomSheets.length;
         while (i--) {
-            bottomSheets[i].close();
+            bottomSheets[i]?.close();
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: BottomSheetServiceBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
@@ -2358,7 +2372,7 @@ class DialogServiceBase {
     _closeDialogs(dialogs) {
         let i = dialogs.length;
         while (i--) {
-            dialogs[i].close();
+            dialogs[i]?.close();
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DialogServiceBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
@@ -4708,7 +4722,7 @@ class OverlayService {
                 const originX = isHtmlElement(origin)
                     ? origin.getBoundingClientRect().left
                     : isTouchEvent$1(origin)
-                        ? origin.changedTouches[0].clientX
+                        ? origin.targetTouches[0].clientX
                         : isPointerEvent(origin)
                             ? origin.clientX !== 0
                                 ? origin.clientX
@@ -4717,7 +4731,7 @@ class OverlayService {
                 const originY = isHtmlElement(origin)
                     ? origin.getBoundingClientRect().top
                     : isTouchEvent$1(origin)
-                        ? origin.changedTouches[0].clientY
+                        ? origin.targetTouches[0].clientY
                         : isPointerEvent(origin)
                             ? origin.clientY !== 0
                                 ? origin.clientY
@@ -4826,7 +4840,7 @@ class OverlayService {
     _closeOverlays(overlays) {
         let i = overlays.length;
         while (i--) {
-            overlays[i].close();
+            overlays[i]?.close();
         }
     }
     _getAfterAllClosed() {
@@ -5445,15 +5459,11 @@ class FilterOverlayRef {
         this._config = _config;
         this._currentRoute = signal('');
         this.currentRoute = this._currentRoute.asReadonly();
-        this.pages = computed(() => this._config.pages.map((page) => {
-            const isActive = computed(() => this.currentRoute() === this._buildRoute(page.route));
-            const data = {
-                ...page,
-                isActive,
-            };
-            return data;
-        }));
-        this.currentPage = computed(() => this.pages().find((page) => page.isActive()));
+        this.pages = this._config.pages;
+        this.currentPage = computed(() => {
+            const currentRoute = this.currentRoute();
+            return this.pages.find((page) => this._buildRoute(page.route) === currentRoute);
+        });
         this.currentPageTitle = computed(() => this.currentPage()?.title ?? null);
         this.canGoBack = computed(() => !!this.currentRoute());
         this.form = cloneFormGroup(this._config.form);
@@ -5541,6 +5551,186 @@ const provideFilterOverlay = () => {
     return [FilterOverlayService];
 };
 
+const RICH_FILTER_BUTTON_SLOT_TOKEN = new InjectionToken('RICH_FILTER_BUTTON_SLOT_TOKEN');
+class RichFilterButtonSlotDirective {
+    constructor() {
+        this.visibilityObserver = inject(ObserveVisibilityDirective);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RichFilterButtonSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: RichFilterButtonSlotDirective, isStandalone: true, selector: "et-rich-filter-button-slot", providers: [
+            {
+                provide: RICH_FILTER_BUTTON_SLOT_TOKEN,
+                useExisting: RichFilterButtonSlotDirective,
+            },
+        ], hostDirectives: [{ directive: i1$2.ObserveVisibilityDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RichFilterButtonSlotDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'et-rich-filter-button-slot',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: RICH_FILTER_BUTTON_SLOT_TOKEN,
+                            useExisting: RichFilterButtonSlotDirective,
+                        },
+                    ],
+                    hostDirectives: [ObserveVisibilityDirective],
+                }]
+        }] });
+
+const RICH_FILTER_BUTTON_TOKEN = new InjectionToken('RICH_FILTER_BUTTON_TOKEN');
+class RichFilterButtonDirective {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RichFilterButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: RichFilterButtonDirective, isStandalone: true, selector: "[etRichFilterButton]", host: { classAttribute: "et-rich-filter-button" }, providers: [
+            {
+                provide: RICH_FILTER_BUTTON_TOKEN,
+                useExisting: RichFilterButtonDirective,
+            },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RichFilterButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etRichFilterButton]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: RICH_FILTER_BUTTON_TOKEN,
+                            useExisting: RichFilterButtonDirective,
+                        },
+                    ],
+                    host: {
+                        class: 'et-rich-filter-button',
+                    },
+                }]
+        }] });
+
+const RICH_FILTER_CONTENT_TOKEN = new InjectionToken('RICH_FILTER_CONTENT_TOKEN');
+class RichFilterContentDirective {
+    constructor() {
+        this.visibilityObserver = inject(ObserveVisibilityDirective);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RichFilterContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: RichFilterContentDirective, isStandalone: true, selector: "[etRichFilterContent]", providers: [
+            {
+                provide: RICH_FILTER_CONTENT_TOKEN,
+                useExisting: RichFilterContentDirective,
+            },
+        ], hostDirectives: [{ directive: i1$2.ObserveVisibilityDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RichFilterContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etRichFilterContent]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: RICH_FILTER_CONTENT_TOKEN,
+                            useExisting: RichFilterContentDirective,
+                        },
+                    ],
+                    hostDirectives: [ObserveVisibilityDirective],
+                }]
+        }] });
+
+const RICH_FILTER_TOP_TOKEN = new InjectionToken('RICH_FILTER_TOP_TOKEN');
+class RichFilterTopDirective {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RichFilterTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: RichFilterTopDirective, isStandalone: true, selector: "[etRichFilterTop]", providers: [
+            {
+                provide: RICH_FILTER_TOP_TOKEN,
+                useExisting: RichFilterTopDirective,
+            },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RichFilterTopDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etRichFilterTop]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: RICH_FILTER_TOP_TOKEN,
+                            useExisting: RichFilterTopDirective,
+                        },
+                    ],
+                }]
+        }] });
+
+class RichFilterHostComponent {
+    set _button(value) {
+        this.button$.next(value ?? null);
+    }
+    set _buttonSlot(value) {
+        this.buttonSlot$.next(value ?? null);
+    }
+    set _content(value) {
+        this.content$.next(value ?? null);
+    }
+    set _top(value) {
+        this.top$.next(value ?? this._implicitTop);
+    }
+    constructor() {
+        this._implicitTop = inject(RICH_FILTER_TOP_TOKEN);
+        this.button$ = new BehaviorSubject(null);
+        this.buttonSlot$ = new BehaviorSubject(null);
+        this.content$ = new BehaviorSubject(null);
+        this.top$ = new BehaviorSubject(this._implicitTop);
+        this.buttonSlotVisibilityChanges$ = this.buttonSlot$.pipe(switchMap((buttonSlot) => buttonSlot?.visibilityObserver.etObserveVisibility.pipe(startWith(null)) ?? of(null)));
+        this.contentVisibilityChanges$ = this.content$.pipe(switchMap((content) => content?.visibilityObserver.etObserveVisibility.pipe(startWith(null)) ?? of(null)));
+        this.buttonSlotVisibilityChanges = toSignal(this.buttonSlotVisibilityChanges$, { requireSync: true });
+        this.contentVisibilityChanges = toSignal(this.contentVisibilityChanges$, { requireSync: true });
+        signalHostClasses({
+            ...signalVisibilityChangeClasses({
+                name: 'et-rich-filter-host-button',
+                signal: this.buttonSlotVisibilityChanges,
+            }),
+            ...signalVisibilityChangeClasses({
+                name: 'et-rich-filter-host-content',
+                signal: this.contentVisibilityChanges,
+            }),
+        });
+    }
+    scrollToTop(options) {
+        this.top$?.value?.elementRef.nativeElement?.scrollIntoView(options);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RichFilterHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: RichFilterHostComponent, isStandalone: true, selector: "et-rich-filter-host, [et-rich-filter-host]", host: { classAttribute: "et-rich-filter-host" }, queries: [{ propertyName: "_button", first: true, predicate: RICH_FILTER_BUTTON_TOKEN, descendants: true }, { propertyName: "_buttonSlot", first: true, predicate: RICH_FILTER_BUTTON_SLOT_TOKEN, descendants: true }, { propertyName: "_content", first: true, predicate: RICH_FILTER_CONTENT_TOKEN, descendants: true }, { propertyName: "_top", first: true, predicate: RICH_FILTER_TOP_TOKEN, descendants: true }], hostDirectives: [{ directive: RichFilterTopDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: [":where(.et-rich-filter-host){--et-rich-filter-display: block;--et-rich-filter-button-inset-inline-end: 30px;--et-rich-filter-button-inset-block-end: 30px;--et-rich-filter-button-z-index: 10}.et-rich-filter-host{display:var(--et-rich-filter-display)}.et-rich-filter-host.et-rich-filter-host-button--is-above.et-rich-filter-host-content--is-visible .et-rich-filter-button,.et-rich-filter-host.et-rich-filter-host-button--is-above.et-rich-filter-host-content--is-above .et-rich-filter-button{position:fixed;inset-inline-end:var(--et-rich-filter-button-inset-inline-end);inset-block-end:var(--et-rich-filter-button-inset-block-end);z-index:var(--et-rich-filter-button-z-index);animation:scaleIn .2s ease-in-out forwards}.et-rich-filter-host.et-rich-filter-host-button--is-above.et-rich-filter-host-content--is-above .et-rich-filter-button{animation:scaleOut .2s ease-in-out forwards}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scaleOut{0%{transform:scale(1)}to{transform:scale(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RichFilterHostComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'et-rich-filter-host, [et-rich-filter-host]', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, host: {
+                        class: 'et-rich-filter-host',
+                    }, hostDirectives: [RichFilterTopDirective], styles: [":where(.et-rich-filter-host){--et-rich-filter-display: block;--et-rich-filter-button-inset-inline-end: 30px;--et-rich-filter-button-inset-block-end: 30px;--et-rich-filter-button-z-index: 10}.et-rich-filter-host{display:var(--et-rich-filter-display)}.et-rich-filter-host.et-rich-filter-host-button--is-above.et-rich-filter-host-content--is-visible .et-rich-filter-button,.et-rich-filter-host.et-rich-filter-host-button--is-above.et-rich-filter-host-content--is-above .et-rich-filter-button{position:fixed;inset-inline-end:var(--et-rich-filter-button-inset-inline-end);inset-block-end:var(--et-rich-filter-button-inset-block-end);z-index:var(--et-rich-filter-button-z-index);animation:scaleIn .2s ease-in-out forwards}.et-rich-filter-host.et-rich-filter-host-button--is-above.et-rich-filter-host-content--is-above .et-rich-filter-button{animation:scaleOut .2s ease-in-out forwards}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scaleOut{0%{transform:scale(1)}to{transform:scale(0)}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { _button: [{
+                type: ContentChild,
+                args: [RICH_FILTER_BUTTON_TOKEN]
+            }], _buttonSlot: [{
+                type: ContentChild,
+                args: [RICH_FILTER_BUTTON_SLOT_TOKEN]
+            }], _content: [{
+                type: ContentChild,
+                args: [RICH_FILTER_CONTENT_TOKEN]
+            }], _top: [{
+                type: ContentChild,
+                args: [RICH_FILTER_TOP_TOKEN]
+            }] } });
+
+const RichFilterImports = [
+    RichFilterHostComponent,
+    RichFilterButtonDirective,
+    RichFilterButtonSlotDirective,
+    RichFilterContentDirective,
+    RichFilterTopDirective,
+];
+
 const VALIDATOR_ERROR_SERVICE_TOKEN = new InjectionToken('VALIDATOR_ERROR_SERVICE');
 const provideValidatorErrorsService = (service = DefaultValidatorErrorsService) => ({
     provide: VALIDATOR_ERROR_SERVICE_TOKEN,
@@ -7123,6 +7313,8 @@ class SearchInputDirective {
         this.input._setShouldDisplayError(true);
     }
     _clear(event) {
+        if (this.input.value === null)
+            return;
         event?.preventDefault();
         event?.stopPropagation();
         this.input._updateValue(null);
@@ -7339,13 +7531,13 @@ class SearchInputComponent extends DecoratedInputBase {
         this.searchInput = inject(SEARCH_INPUT_TOKEN);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SearchInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: SearchInputComponent, isStandalone: true, selector: "et-search-input", host: { classAttribute: "et-search-input" }, usesInheritance: true, hostDirectives: [{ directive: SearchInputDirective }, { directive: InputDirective, inputs: ["autocomplete", "autocomplete", "placeholder", "placeholder"] }], ngImport: i0, template: "<ng-content select=\"[etInputPrefix]\" />\n\n<input\n  [attr.id]=\"input.id\"\n  [attr.aria-labelledby]=\"input.labelId$ | async\"\n  [required]=\"input.required$ | async\"\n  [disabled]=\"input.disabled$ | async\"\n  [attr.autocomplete]=\"input.autocomplete || null\"\n  [attr.placeholder]=\"input.placeholder || null\"\n  [attr.aria-describedby]=\"input.describedBy$ | async\"\n  (input)=\"searchInput._onInputInteraction($event)\"\n  (blur)=\"searchInput._controlTouched()\"\n  (keyup.escape)=\"searchInput._clear($event)\"\n  class=\"et-input-native-control et-search-input-native-control\"\n  type=\"search\"\n  etNativeInputRef\n/>\n\n<ng-content select=\"[etInputSuffix]\" />\n", styles: [".et-search-input input[type=search]::-webkit-search-cancel-button,.et-search-input input[type=search]::-webkit-search-decoration{-webkit-appearance:none}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NativeInputRefDirective, selector: "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: SearchInputComponent, isStandalone: true, selector: "et-search-input", host: { classAttribute: "et-search-input" }, usesInheritance: true, hostDirectives: [{ directive: SearchInputDirective }, { directive: InputDirective, inputs: ["autocomplete", "autocomplete", "placeholder", "placeholder"] }], ngImport: i0, template: "<ng-content select=\"[etInputPrefix]\" />\n\n<input\n  [attr.id]=\"input.id\"\n  [attr.aria-labelledby]=\"input.labelId$ | async\"\n  [required]=\"input.required$ | async\"\n  [disabled]=\"input.disabled$ | async\"\n  [attr.autocomplete]=\"input.autocomplete || null\"\n  [attr.placeholder]=\"input.placeholder || null\"\n  [attr.aria-describedby]=\"input.describedBy$ | async\"\n  (input)=\"searchInput._onInputInteraction($event)\"\n  (blur)=\"searchInput._controlTouched()\"\n  (keydown.escape)=\"searchInput._clear($event)\"\n  class=\"et-input-native-control et-search-input-native-control\"\n  type=\"search\"\n  etNativeInputRef\n/>\n\n<ng-content select=\"[etInputSuffix]\" />\n", styles: [".et-search-input input[type=search]::-webkit-search-cancel-button,.et-search-input input[type=search]::-webkit-search-decoration{-webkit-appearance:none}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NativeInputRefDirective, selector: "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SearchInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-search-input', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'et-search-input',
-                    }, imports: [AsyncPipe, NativeInputRefDirective], hostDirectives: [SearchInputDirective, { directive: InputDirective, inputs: ['autocomplete', 'placeholder'] }], template: "<ng-content select=\"[etInputPrefix]\" />\n\n<input\n  [attr.id]=\"input.id\"\n  [attr.aria-labelledby]=\"input.labelId$ | async\"\n  [required]=\"input.required$ | async\"\n  [disabled]=\"input.disabled$ | async\"\n  [attr.autocomplete]=\"input.autocomplete || null\"\n  [attr.placeholder]=\"input.placeholder || null\"\n  [attr.aria-describedby]=\"input.describedBy$ | async\"\n  (input)=\"searchInput._onInputInteraction($event)\"\n  (blur)=\"searchInput._controlTouched()\"\n  (keyup.escape)=\"searchInput._clear($event)\"\n  class=\"et-input-native-control et-search-input-native-control\"\n  type=\"search\"\n  etNativeInputRef\n/>\n\n<ng-content select=\"[etInputSuffix]\" />\n", styles: [".et-search-input input[type=search]::-webkit-search-cancel-button,.et-search-input input[type=search]::-webkit-search-decoration{-webkit-appearance:none}\n"] }]
+                    }, imports: [AsyncPipe, NativeInputRefDirective], hostDirectives: [SearchInputDirective, { directive: InputDirective, inputs: ['autocomplete', 'placeholder'] }], template: "<ng-content select=\"[etInputPrefix]\" />\n\n<input\n  [attr.id]=\"input.id\"\n  [attr.aria-labelledby]=\"input.labelId$ | async\"\n  [required]=\"input.required$ | async\"\n  [disabled]=\"input.disabled$ | async\"\n  [attr.autocomplete]=\"input.autocomplete || null\"\n  [attr.placeholder]=\"input.placeholder || null\"\n  [attr.aria-describedby]=\"input.describedBy$ | async\"\n  (input)=\"searchInput._onInputInteraction($event)\"\n  (blur)=\"searchInput._controlTouched()\"\n  (keydown.escape)=\"searchInput._clear($event)\"\n  class=\"et-input-native-control et-search-input-native-control\"\n  type=\"search\"\n  etNativeInputRef\n/>\n\n<ng-content select=\"[etInputSuffix]\" />\n", styles: [".et-search-input input[type=search]::-webkit-search-cancel-button,.et-search-input input[type=search]::-webkit-search-decoration{-webkit-appearance:none}\n"] }]
         }] });
 
 class TextInputComponent extends DecoratedInputBase {
@@ -8542,8 +8734,14 @@ class ComboboxDirective {
         if (keyCode === ESCAPE) {
             if (isOpen) {
                 result.overlayOperation = 'close';
+                event.preventDefault();
+                event.stopPropagation();
             }
             else if (!isMultiple) {
+                if (this.currentFilter) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                }
                 result.setFilter = '';
                 result.optionAction = 'clear';
             }
@@ -9516,6 +9714,7 @@ class SelectDirective {
         }
         else if (keyCode === ESCAPE && !hasModifierKey(event)) {
             event.preventDefault();
+            event.stopPropagation();
             this.unmountSelectBody();
         }
         else if (keyCode === ENTER || keyCode === SPACE) {
@@ -10313,10 +10512,10 @@ const getPointerPositionOnPage = (event, id) => {
     let point;
     if (isTouchEvent(event)) {
         if (typeof id === 'number') {
-            point = findMatchingTouch(event.touches, id) || findMatchingTouch(event.changedTouches, id);
+            point = findMatchingTouch(event.touches, id) || findMatchingTouch(event.changedTouches, id) || null;
         }
         else {
-            point = event.touches[0] || event.changedTouches[0];
+            point = event.touches[0] || event.changedTouches[0] || null;
         }
     }
     else {
@@ -10737,11 +10936,11 @@ class MasonryComponent {
             isInitialized: false,
         };
         this._getLowestColumn = (columnHeights) => {
-            let lowestColumnHeight = columnHeights[0][0];
+            let lowestColumnHeight = columnHeights[0]?.[0] ?? 0;
             let lowestColumnIndex = 0;
             for (let i = 0; i < columnHeights.length; i++) {
-                const columnHeight = columnHeights[i][0];
-                if (columnHeight < lowestColumnHeight) {
+                const columnHeight = columnHeights[i]?.[0];
+                if (columnHeight !== undefined && columnHeight < lowestColumnHeight) {
                     lowestColumnHeight = columnHeight;
                     lowestColumnIndex = i;
                 }
@@ -10749,11 +10948,11 @@ class MasonryComponent {
             return { lowestColumnHeight, lowestColumnIndex };
         };
         this._getHighestColumn = (columnHeights) => {
-            let highestColumnHeight = columnHeights[0][0];
+            let highestColumnHeight = columnHeights[0]?.[0] ?? 0;
             let highestColumnIndex = 0;
             for (let i = 0; i < columnHeights.length; i++) {
-                const columnHeight = columnHeights[i][0];
-                if (columnHeight >= highestColumnHeight) {
+                const columnHeight = columnHeights[i]?.[0];
+                if (columnHeight !== undefined && columnHeight >= highestColumnHeight) {
                     highestColumnHeight = columnHeight;
                     highestColumnIndex = i;
                 }
@@ -10854,6 +11053,9 @@ class MasonryComponent {
         const state = this._state;
         for (let itemIndex = fromIndex; itemIndex < items.length; itemIndex++) {
             const item = items[itemIndex];
+            if (!item) {
+                continue;
+            }
             const initialItemDimensions = item.initialDimensions;
             const updatedDimensions = item.dimensions;
             if (!initialItemDimensions || !updatedDimensions) {
@@ -10985,7 +11187,7 @@ class PaginationHeadService {
             const element = this._getCanonicalElement(true);
             element.setAttribute('rel', 'canonical');
             element.setAttribute('href', canonicalUrl);
-            this._head.appendChild(element);
+            this._head?.appendChild(element);
         }
     }
     _getCanonicalElement(createIfNotExisting) {
@@ -10996,7 +11198,7 @@ class PaginationHeadService {
         return element;
     }
     _removeCanonicalElement(element) {
-        this._head.removeChild(element);
+        this._head?.removeChild(element);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: PaginationHeadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: PaginationHeadService }); }
@@ -11576,7 +11778,7 @@ class QueryErrorComponent {
         extractQuery(this.host.query)?.execute({ skipCache: true });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: QueryErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: QueryErrorComponent, isStandalone: true, selector: "et-query-error", host: { properties: { "class.et-query-error--can-be-retried": "canBeRetried()", "class.et-query-error--is-list": "isList()" }, classAttribute: "et-query-error" }, hostDirectives: [{ directive: QueryErrorDirective, inputs: ["error", "error", "query", "query"] }], ngImport: i0, template: "<ng-container *ngIf=\"errorList() as errorList\">\n  <h3 class=\"et-query-error-title\">{{ errorList.title }}</h3>\n\n  <p *ngIf=\"!errorList.isList\" class=\"et-query-error-message\">{{ errorList.items[0].message }}</p>\n\n  <ul *ngIf=\"errorList.isList\" class=\"et-query-error-list\">\n    <li *ngFor=\"let item of errorList.items; trackBy: trackByFn\" class=\"et-query-error-list-item\">\n      {{ item.message }}\n    </li>\n  </ul>\n\n  <button *ngIf=\"errorList.canBeRetried\" (click)=\"retry()\" class=\"et-query-error-retry-button\">Retry</button>\n</ng-container>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: QueryErrorComponent, isStandalone: true, selector: "et-query-error", host: { properties: { "class.et-query-error--can-be-retried": "canBeRetried()", "class.et-query-error--is-list": "isList()" }, classAttribute: "et-query-error" }, hostDirectives: [{ directive: QueryErrorDirective, inputs: ["error", "error", "query", "query"] }], ngImport: i0, template: "<ng-container *ngIf=\"errorList() as errorList\">\n  <h3 class=\"et-query-error-title\">{{ errorList.title }}</h3>\n\n  <p *ngIf=\"!errorList.isList\" class=\"et-query-error-message\">{{ errorList.items[0]!.message }}</p>\n\n  <ul *ngIf=\"errorList.isList\" class=\"et-query-error-list\">\n    <li *ngFor=\"let item of errorList.items; trackBy: trackByFn\" class=\"et-query-error-list-item\">\n      {{ item.message }}\n    </li>\n  </ul>\n\n  <button *ngIf=\"errorList.canBeRetried\" (click)=\"retry()\" class=\"et-query-error-retry-button\">Retry</button>\n</ng-container>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: QueryErrorComponent, decorators: [{
             type: Component,
@@ -11584,7 +11786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                         class: 'et-query-error',
                         '[class.et-query-error--can-be-retried]': 'canBeRetried()',
                         '[class.et-query-error--is-list]': 'isList()',
-                    }, imports: [NgIf, NgFor], hostDirectives: [{ directive: QueryErrorDirective, inputs: ['error', 'query'] }], template: "<ng-container *ngIf=\"errorList() as errorList\">\n  <h3 class=\"et-query-error-title\">{{ errorList.title }}</h3>\n\n  <p *ngIf=\"!errorList.isList\" class=\"et-query-error-message\">{{ errorList.items[0].message }}</p>\n\n  <ul *ngIf=\"errorList.isList\" class=\"et-query-error-list\">\n    <li *ngFor=\"let item of errorList.items; trackBy: trackByFn\" class=\"et-query-error-list-item\">\n      {{ item.message }}\n    </li>\n  </ul>\n\n  <button *ngIf=\"errorList.canBeRetried\" (click)=\"retry()\" class=\"et-query-error-retry-button\">Retry</button>\n</ng-container>\n" }]
+                    }, imports: [NgIf, NgFor], hostDirectives: [{ directive: QueryErrorDirective, inputs: ['error', 'query'] }], template: "<ng-container *ngIf=\"errorList() as errorList\">\n  <h3 class=\"et-query-error-title\">{{ errorList.title }}</h3>\n\n  <p *ngIf=\"!errorList.isList\" class=\"et-query-error-message\">{{ errorList.items[0]!.message }}</p>\n\n  <ul *ngIf=\"errorList.isList\" class=\"et-query-error-list\">\n    <li *ngFor=\"let item of errorList.items; trackBy: trackByFn\" class=\"et-query-error-list-item\">\n      {{ item.message }}\n    </li>\n  </ul>\n\n  <button *ngIf=\"errorList.canBeRetried\" (click)=\"retry()\" class=\"et-query-error-retry-button\">Retry</button>\n</ng-container>\n" }]
         }] });
 
 class ScrollableComponent {
@@ -14288,5 +14490,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, RadioComponent, RadioDirective, RadioFieldComponent, RadioFieldDirective, RadioGroupComponent, RadioGroupDirective, RadioImports, RecycleRowsDirective, 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_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 };
 //# sourceMappingURL=ethlete-cdk.mjs.map