@ethlete/cdk 3.22.1 → 3.22.3

package/fesm2022/ethlete-cdk.mjs

@@ -5,7 +5,7 @@ import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, InjectionToken, booleanAttribute, Input, ContentChild, ContentChildren, inject, ElementRef, Injector, HostBinding, computed, signal, Optional, Inject, Injectable, SkipSelf, HostListener, ViewContainerRef, EventEmitter, NgZone, isDevMode, Output, NgModule, ChangeDetectorRef, ViewChild, assertInInjectionContext, runInInjectionContext, TemplateRef, forwardRef, LOCALE_ID, numberAttribute, ViewChildren, Pipe, Renderer2, Attribute } from '@angular/core';
 import * as i1$2 from '@ethlete/core';
 import { LetDirective, createDestroy, ScrollObserverFirstElementDirective, ScrollObserverLastElementDirective, Memo, signalHostAttributes, signalHostClasses, AnimatedIfDirective, AnimatedLifecycleDirective, SmartBlockScrollStrategy, RouterStateService, ANIMATED_LIFECYCLE_TOKEN, nextFrame, RootBoundaryDirective, elementCanScroll, equal, ViewportService, ROOT_BOUNDARY_TOKEN, AnimatedOverlayDirective, ClickObserverService, FocusVisibleService, cloneFormGroup, getFormGroupValue, ObserveVisibilityDirective, signalVisibilityChangeClasses, IS_EMAIL, MUST_MATCH, IS_ARRAY_NOT_EMPTY, AT_LEAST_ONE_REQUIRED, switchQueryListChanges, signalAttributes, ResizeObserverService, createFlipAnimation, RuntimeError, SelectionModel, ActiveSelectionModel, KeyPressManager, signalClasses, scrollToElement, isEmptyArray, isObjectArray, isPrimitiveArray, ClickOutsideDirective, ObserveContentDirective, clamp, DELAYABLE_TOKEN, ObserveResizeDirective, inferMimeType, getElementVisibleStates, IS_ACTIVE_ELEMENT, IS_ELEMENT, CursorDragScrollDirective, ObserveScrollStateDirective, IsElementDirective, IsActiveElementDirective, ScrollObserverIgnoreTargetDirective, TypedQueryList } from '@ethlete/core';
-import { BehaviorSubject, startWith, map, switchMap, combineLatest, pairwise, tap, takeUntil, skip, of, Subject, filter, take, merge, skipUntil, defer, fromEvent, partition, debounceTime as debounceTime$1, Observable, from, distinctUntilChanged as distinctUntilChanged$1, withLatestFrom, skipWhile, catchError, throwError, timer, Subscription } from 'rxjs';
+import { BehaviorSubject, startWith, map, switchMap, combineLatest, pairwise, tap, takeUntil, skip, of, Subject, filter, take, merge, skipUntil, defer, fromEvent, partition, debounceTime as debounceTime$1, Observable, from, finalize, distinctUntilChanged as distinctUntilChanged$1, withLatestFrom, skipWhile, catchError, throwError, timer, Subscription } from 'rxjs';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { __decorate, __metadata } from 'tslib';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -1985,14 +1985,14 @@ class BottomSheetDragHandleComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: BottomSheetDragHandleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: BottomSheetDragHandleComponent, isStandalone: true, selector: "[et-bottom-sheet-drag-handle], [etBottomSheetDragHandle]", inputs: { ariaLabel: ["aria-label", "ariaLabel"], type: "type", bottomSheetResult: ["et-bottom-sheet-drag-handle", "bottomSheetResult"], _etBottomSheetDragHandle: ["etBottomSheetDragHandle", "_etBottomSheetDragHandle"] }, host: { listeners: { "click": "_onButtonClick($event)" }, properties: { "attr.aria-label": "ariaLabel || null", "attr.type": "this.type" }, classAttribute: "et-bottom-sheet-drag-handle" }, providers: [BottomSheetSwipeHandlerService], exportAs: ["etBottomSheetDragHandle"], usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":where(.et-bottom-sheet-drag-handle){--background-color: red}.et-bottom-sheet-drag-handle{--_tap-target-width: 100px;--_tap-target-height: 25px;inset-inline-start:calc(50% - var(--_tap-target-width) / 2);inline-size:var(--_tap-target-width);block-size:var(--_tap-target-height);border:none;position:relative;background-color:#0000;touch-action:manipulation;-webkit-appearance:none;appearance:none}.et-bottom-sheet-drag-handle:before{--_toggle-width: 32px;--_toggle-height: 4px;inline-size:var(--_toggle-width);block-size:var(--_toggle-height);content:\"\";position:absolute;background-color:var(--background-color);border-radius:9999px;inset-inline-start:calc(50% - var(--_toggle-width) / 2);inset-block-start:calc(50% - var(--_toggle-height) / 2);z-index:1}.et-bottom-sheet-drag-handle:after{opacity:0;inline-size:100%;block-size:100%;content:\"\";position:absolute;background-color:#0003;border-radius:8px;inset-block-start:0;inset-inline-start:0;transform:scale(0);transition:opacity .3s var(--ease-5),transform .3s var(--ease-5)}.et-bottom-sheet-drag-handle:focus-visible{outline:none}.et-bottom-sheet-drag-handle:focus-visible:after{opacity:1;transform:scale(1);transition:opacity .3s var(--ease-5),transform .3s var(--ease-squish-3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: BottomSheetDragHandleComponent, isStandalone: true, selector: "[et-bottom-sheet-drag-handle], [etBottomSheetDragHandle]", inputs: { ariaLabel: ["aria-label", "ariaLabel"], type: "type", bottomSheetResult: ["et-bottom-sheet-drag-handle", "bottomSheetResult"], _etBottomSheetDragHandle: ["etBottomSheetDragHandle", "_etBottomSheetDragHandle"] }, host: { listeners: { "click": "_onButtonClick($event)" }, properties: { "attr.aria-label": "ariaLabel || null", "attr.type": "this.type" }, classAttribute: "et-bottom-sheet-drag-handle" }, providers: [BottomSheetSwipeHandlerService], exportAs: ["etBottomSheetDragHandle"], usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":where(.et-bottom-sheet-drag-handle){--background-color: red}.et-bottom-sheet-drag-handle{--_tap-target-width: 100px;--_tap-target-height: 25px;inset-inline-start:calc(50% - var(--_tap-target-width) / 2);inline-size:var(--_tap-target-width);block-size:var(--_tap-target-height);border:none;position:relative;background-color:#0000;touch-action:manipulation;appearance:none}.et-bottom-sheet-drag-handle:before{--_toggle-width: 32px;--_toggle-height: 4px;inline-size:var(--_toggle-width);block-size:var(--_toggle-height);content:\"\";position:absolute;background-color:var(--background-color);border-radius:9999px;inset-inline-start:calc(50% - var(--_toggle-width) / 2);inset-block-start:calc(50% - var(--_toggle-height) / 2);z-index:1}.et-bottom-sheet-drag-handle:after{opacity:0;inline-size:100%;block-size:100%;content:\"\";position:absolute;background-color:#0003;border-radius:8px;inset-block-start:0;inset-inline-start:0;transform:scale(0);transition:opacity .3s var(--ease-5),transform .3s var(--ease-5)}.et-bottom-sheet-drag-handle:focus-visible{outline:none}.et-bottom-sheet-drag-handle:focus-visible:after{opacity:1;transform:scale(1);transition:opacity .3s var(--ease-5),transform .3s var(--ease-squish-3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: BottomSheetDragHandleComponent, decorators: [{
             type: Component,
             args: [{ selector: '[et-bottom-sheet-drag-handle], [etBottomSheetDragHandle]', template: '', exportAs: 'etBottomSheetDragHandle', host: {
                         class: 'et-bottom-sheet-drag-handle',
                         '[attr.aria-label]': 'ariaLabel || null',
-                    }, standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [BottomSheetSwipeHandlerService], styles: [":where(.et-bottom-sheet-drag-handle){--background-color: red}.et-bottom-sheet-drag-handle{--_tap-target-width: 100px;--_tap-target-height: 25px;inset-inline-start:calc(50% - var(--_tap-target-width) / 2);inline-size:var(--_tap-target-width);block-size:var(--_tap-target-height);border:none;position:relative;background-color:#0000;touch-action:manipulation;-webkit-appearance:none;appearance:none}.et-bottom-sheet-drag-handle:before{--_toggle-width: 32px;--_toggle-height: 4px;inline-size:var(--_toggle-width);block-size:var(--_toggle-height);content:\"\";position:absolute;background-color:var(--background-color);border-radius:9999px;inset-inline-start:calc(50% - var(--_toggle-width) / 2);inset-block-start:calc(50% - var(--_toggle-height) / 2);z-index:1}.et-bottom-sheet-drag-handle:after{opacity:0;inline-size:100%;block-size:100%;content:\"\";position:absolute;background-color:#0003;border-radius:8px;inset-block-start:0;inset-inline-start:0;transform:scale(0);transition:opacity .3s var(--ease-5),transform .3s var(--ease-5)}.et-bottom-sheet-drag-handle:focus-visible{outline:none}.et-bottom-sheet-drag-handle:focus-visible:after{opacity:1;transform:scale(1);transition:opacity .3s var(--ease-5),transform .3s var(--ease-squish-3)}\n"] }]
+                    }, standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [BottomSheetSwipeHandlerService], styles: [":where(.et-bottom-sheet-drag-handle){--background-color: red}.et-bottom-sheet-drag-handle{--_tap-target-width: 100px;--_tap-target-height: 25px;inset-inline-start:calc(50% - var(--_tap-target-width) / 2);inline-size:var(--_tap-target-width);block-size:var(--_tap-target-height);border:none;position:relative;background-color:#0000;touch-action:manipulation;appearance:none}.et-bottom-sheet-drag-handle:before{--_toggle-width: 32px;--_toggle-height: 4px;inline-size:var(--_toggle-width);block-size:var(--_toggle-height);content:\"\";position:absolute;background-color:var(--background-color);border-radius:9999px;inset-inline-start:calc(50% - var(--_toggle-width) / 2);inset-block-start:calc(50% - var(--_toggle-height) / 2);z-index:1}.et-bottom-sheet-drag-handle:after{opacity:0;inline-size:100%;block-size:100%;content:\"\";position:absolute;background-color:#0003;border-radius:8px;inset-block-start:0;inset-inline-start:0;transform:scale(0);transition:opacity .3s var(--ease-5),transform .3s var(--ease-5)}.et-bottom-sheet-drag-handle:focus-visible{outline:none}.et-bottom-sheet-drag-handle:focus-visible:after{opacity:1;transform:scale(1);transition:opacity .3s var(--ease-5),transform .3s var(--ease-squish-3)}\n"] }]
         }], propDecorators: { ariaLabel: [{
                 type: Input,
                 args: ['aria-label']
@@ -2556,6 +2556,10 @@ const provideDialog = () => {
 };
 
 /* eslint-disable @angular-eslint/directive-class-suffix */
+/* eslint-disable @angular-eslint/no-output-rename */
+/* eslint-disable @angular-eslint/no-outputs-metadata-property */
+/* eslint-disable @angular-eslint/no-input-rename */
+/* eslint-disable @angular-eslint/no-inputs-metadata-property */
 const MENU_STACK = new InjectionToken('cdk-menu-stack');
 const PARENT_OR_NEW_MENU_STACK_PROVIDER = {
     provide: MENU_STACK,
@@ -2721,6 +2725,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
         }] });
 
 /* eslint-disable @angular-eslint/directive-class-suffix */
+/* eslint-disable @angular-eslint/no-output-rename */
+/* eslint-disable @angular-eslint/no-outputs-metadata-property */
+/* eslint-disable @angular-eslint/no-input-rename */
+/* eslint-disable @angular-eslint/no-inputs-metadata-property */
 const CONTEXT_MENU_POSITIONS = STANDARD_DROPDOWN_BELOW_POSITIONS.map((position) => {
     const offsetX = position.overlayX === 'start' ? 2 : -2;
     const offsetY = position.overlayY === 'top' ? 2 : -2;
@@ -2877,6 +2885,10 @@ function throwMissingMenuReference() {
 }
 
 /* eslint-disable @angular-eslint/directive-class-suffix */
+/* eslint-disable @angular-eslint/no-output-rename */
+/* eslint-disable @angular-eslint/no-outputs-metadata-property */
+/* eslint-disable @angular-eslint/no-input-rename */
+/* eslint-disable @angular-eslint/no-inputs-metadata-property */
 const MENU_AIM = new InjectionToken('cdk-menu-aim');
 const MOUSE_MOVE_SAMPLE_FREQUENCY = 3;
 const NUM_POINTS = 5;
@@ -3008,6 +3020,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
         }] });
 
 /* eslint-disable @angular-eslint/directive-class-suffix */
+/* eslint-disable @angular-eslint/no-output-rename */
+/* eslint-disable @angular-eslint/no-outputs-metadata-property */
+/* eslint-disable @angular-eslint/no-input-rename */
+/* eslint-disable @angular-eslint/no-inputs-metadata-property */
 class CdkMenuGroup {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: CdkMenuGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: CdkMenuGroup, isStandalone: true, selector: "[cdkMenuGroup]", host: { attributes: { "role": "group" }, classAttribute: "cdk-menu-group" }, providers: [{ provide: UniqueSelectionDispatcher, useClass: UniqueSelectionDispatcher }], exportAs: ["cdkMenuGroup"], ngImport: i0 }); }
@@ -3029,6 +3045,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
 const CDK_MENU = new InjectionToken('cdk-menu');
 
 /* eslint-disable @angular-eslint/directive-class-suffix */
+/* eslint-disable @angular-eslint/no-output-rename */
+/* eslint-disable @angular-eslint/no-outputs-metadata-property */
+/* eslint-disable @angular-eslint/no-input-rename */
+/* eslint-disable @angular-eslint/no-inputs-metadata-property */
 class CdkMenuTrigger extends CdkMenuTriggerBase {
     constructor() {
         super();
@@ -3252,6 +3272,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
         }], ctorParameters: function () { return []; } });
 
 /* eslint-disable @angular-eslint/directive-class-suffix */
+/* eslint-disable @angular-eslint/no-output-rename */
+/* eslint-disable @angular-eslint/no-outputs-metadata-property */
+/* eslint-disable @angular-eslint/no-input-rename */
+/* eslint-disable @angular-eslint/no-inputs-metadata-property */
 class CdkMenuItem {
     get disabled() {
         return this._disabled;
@@ -3470,6 +3494,10 @@ class PointerFocusTracker {
 }
 
 /* eslint-disable @angular-eslint/directive-class-suffix */
+/* eslint-disable @angular-eslint/no-output-rename */
+/* eslint-disable @angular-eslint/no-outputs-metadata-property */
+/* eslint-disable @angular-eslint/no-input-rename */
+/* eslint-disable @angular-eslint/no-inputs-metadata-property */
 let nextId$2 = 0;
 class CdkMenuBase extends CdkMenuGroup {
     constructor() {
@@ -3609,6 +3637,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
             }] } });
 
 /* eslint-disable @angular-eslint/directive-class-suffix */
+/* eslint-disable @angular-eslint/no-output-rename */
+/* eslint-disable @angular-eslint/no-outputs-metadata-property */
+/* eslint-disable @angular-eslint/no-input-rename */
+/* eslint-disable @angular-eslint/no-inputs-metadata-property */
 class CdkMenu extends CdkMenuBase {
     constructor() {
         super();
@@ -3712,6 +3744,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
             }] } });
 
 /* eslint-disable @angular-eslint/directive-class-suffix */
+/* eslint-disable @angular-eslint/no-output-rename */
+/* eslint-disable @angular-eslint/no-outputs-metadata-property */
+/* eslint-disable @angular-eslint/no-input-rename */
+/* eslint-disable @angular-eslint/no-inputs-metadata-property */
 class CdkMenuBar extends CdkMenuBase {
     constructor() {
         super(...arguments);
@@ -3841,6 +3877,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
             }] } });
 
 /* eslint-disable @angular-eslint/directive-class-suffix */
+/* eslint-disable @angular-eslint/no-output-rename */
+/* eslint-disable @angular-eslint/no-outputs-metadata-property */
+/* eslint-disable @angular-eslint/no-input-rename */
+/* eslint-disable @angular-eslint/no-inputs-metadata-property */
 class CdkMenuItemCheckbox extends CdkMenuItemSelectable {
     trigger(options) {
         super.trigger(options);
@@ -3872,6 +3912,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
         }] });
 
 /* eslint-disable @angular-eslint/directive-class-suffix */
+/* eslint-disable @angular-eslint/no-output-rename */
+/* eslint-disable @angular-eslint/no-outputs-metadata-property */
+/* eslint-disable @angular-eslint/no-input-rename */
+/* eslint-disable @angular-eslint/no-inputs-metadata-property */
 let nextId$1 = 0;
 class CdkMenuItemRadio extends CdkMenuItemSelectable {
     constructor() {
@@ -4455,8 +4499,17 @@ class OverlayRef {
         this._beforeClosed = new Subject();
         this._closeCalled = new Subject();
         this._state = OVERLAY_STATE.OPEN;
+        /**
+         * @internal
+         */
         this._isEscCloseControlledExternally = false;
+        /**
+         * @internal
+         */
         this._isBackdropCloseControlledExternally = false;
+        /**
+         * @internal
+         */
         this._isCloseFnCloseControlledExternally = false;
         this._disableCloseFromInternalInitiators = new Set();
         this.disableClose = config.disableClose;
@@ -4494,7 +4547,7 @@ class OverlayRef {
         if (this._state === OVERLAY_STATE.CLOSING || this._state === OVERLAY_STATE.CLOSED) {
             return;
         }
-        this._closeCalled.next(result);
+        this._closeCalled.next({ result, forced: force ?? false });
         if (this._isCloseFnCloseControlledExternally && !force) {
             return;
         }
@@ -4513,13 +4566,13 @@ class OverlayRef {
         this._containerInstance._animatedLifecycle.leave();
     }
     afterOpened() {
-        return this._afterOpened;
+        return this._afterOpened.asObservable();
     }
     afterClosed() {
         return this._ref.closed;
     }
     beforeClosed() {
-        return this._beforeClosed;
+        return this._beforeClosed.asObservable();
     }
     backdropClick() {
         return this._ref.backdropClick;
@@ -4528,7 +4581,7 @@ class OverlayRef {
         return this._ref.keydownEvents;
     }
     closeCalled() {
-        return this._closeCalled;
+        return this._closeCalled.asObservable();
     }
     updatePosition(position) {
         const strategy = this._ref.config.positionStrategy;
@@ -5565,40 +5618,58 @@ const createOverlayDismissChecker = (config) => {
         }
     }
     if (checkCloseCall) {
-        eventStreams.push(overlayRef.closeCalled());
+        eventStreams.push(overlayRef.closeCalled().pipe(filter((e) => !e.forced), map((e) => e.result)));
     }
     const sub = merge(...eventStreams)
-        .pipe(takeUntil(destroy$), filter(() => {
-        const isNotEqual = !equal(form.getRawValue(), defaultValue);
-        const hasNoOtherInternalOverlays = !overlayRef._internalDisableClose;
-        const wasKeyboard = overlayRef._closeInteractionType === 'keyboard';
-        const wasMouse = overlayRef._closeInteractionType === 'mouse';
-        if ((wasKeyboard && !checkEscapeKey) || (wasMouse && !checkBackdropClick)) {
-            return false;
-        }
-        return isNotEqual && hasNoOtherInternalOverlays;
-    }), switchMap((result) => {
-        const checkResponse = dismissCheckFn(form.getRawValue());
-        let nextObservable;
-        if (checkResponse instanceof Observable) {
-            nextObservable = checkResponse;
-        }
-        else if (checkResponse instanceof Promise) {
-            nextObservable = from(checkResponse);
+        .pipe(switchMap((eventOrResult) => {
+        const isDefaultFormValue = equal(form.getRawValue(), defaultValue);
+        if (isDefaultFormValue) {
+            return of(eventOrResult).pipe(tap(() => {
+                sub.unsubscribe();
+                if (eventOrResult === 'keyboard' || eventOrResult === 'mouse') {
+                    overlayRef._closeOverlayVia(eventOrResult, undefined, true);
+                }
+                else {
+                    overlayRef.close(eventOrResult, true);
+                }
+            }));
         }
         else {
-            nextObservable = of(checkResponse);
+            return of(eventOrResult).pipe(filter(() => {
+                const wasKeyboard = overlayRef._closeInteractionType === 'keyboard';
+                const wasMouse = overlayRef._closeInteractionType === 'mouse';
+                if ((wasKeyboard && !checkEscapeKey) || (wasMouse && !checkBackdropClick)) {
+                    return false;
+                }
+                return !overlayRef._internalDisableClose;
+            }), switchMap(() => {
+                const checkResponse = dismissCheckFn(form.getRawValue());
+                let nextObservable;
+                if (checkResponse instanceof Observable) {
+                    nextObservable = checkResponse;
+                }
+                else if (checkResponse instanceof Promise) {
+                    nextObservable = from(checkResponse);
+                }
+                else {
+                    nextObservable = of(checkResponse);
+                }
+                return nextObservable.pipe(filter((checkFnResult) => !!checkFnResult), tap(() => {
+                    sub.unsubscribe();
+                    if (eventOrResult === 'keyboard' || eventOrResult === 'mouse') {
+                        overlayRef._closeOverlayVia(eventOrResult, undefined, true);
+                    }
+                    else {
+                        overlayRef.close(eventOrResult, true);
+                    }
+                }));
+            }));
         }
-        return nextObservable.pipe(filter((response) => !!response), tap((response) => {
-            sub.unsubscribe();
-            if (response === 'keyboard' || response === 'mouse') {
-                overlayRef._closeOverlayVia(response, undefined, true);
-            }
-            else {
-                overlayRef.close(result, true);
-            }
-        }), take(1));
-    }), takeUntil(destroy$), take(1))
+    }), takeUntil(destroy$), finalize(() => {
+        overlayRef._isBackdropCloseControlledExternally = false;
+        overlayRef._isEscCloseControlledExternally = false;
+        overlayRef._isCloseFnCloseControlledExternally = false;
+    }))
         .subscribe();
     return sub;
 };