@ethlete/core 2.4.2 → 2.5.0

package/fesm2022/ethlete-core.mjs

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
 import { inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, InjectionToken, assertInInjectionContext, DestroyRef, ElementRef, isDevMode, Directive, Injectable, Inject, Optional, NgZone, EventEmitter, Output, Injector, ViewContainerRef, Pipe, QueryList } from '@angular/core';
 import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
-import { Observable, combineLatest, Subject, startWith, map, takeUntil, distinctUntilChanged, BehaviorSubject, shareReplay, skip, take, tap, debounceTime, merge, fromEvent, filter, switchMap, pairwise, finalize } from 'rxjs';
+import { Subject, BehaviorSubject, takeUntil, switchMap, of, tap, Observable, combineLatest, startWith, map, distinctUntilChanged, shareReplay, skip, take, debounceTime, merge, fromEvent, filter, pairwise, finalize } from 'rxjs';
+import { END, HOME, PAGE_DOWN, PAGE_UP, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
 import { coerceCssPixelValue, coerceElement, coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import { supportsScrollBehavior } from '@angular/cdk/platform';
 import { Overlay } from '@angular/cdk/overlay';
@@ -88,6 +89,96 @@ const Memo = (config = {}) => (_, __, descriptor) => {
     return descriptor;
 };
 
+const createDestroy = () => {
+    assertInInjectionContext(createDestroy);
+    const destroy$ = new Subject();
+    const ref = inject(DestroyRef);
+    ref.onDestroy(() => {
+        destroy$.next(true);
+        destroy$.complete();
+    });
+    return destroy$.asObservable();
+};
+
+class ActiveSelectionModel {
+    get selectionModel$() {
+        return this._selectionModel$.asObservable();
+    }
+    get selectionModel() {
+        return this._selectionModel$.value;
+    }
+    get activeOption$() {
+        return this._activeOption$.asObservable();
+    }
+    get activeOption() {
+        return this._activeOption$.value;
+    }
+    constructor() {
+        this._destroy$ = createDestroy();
+        this._selectionModel$ = new BehaviorSubject(null);
+        this._activeOption$ = new BehaviorSubject(null);
+        this._selectionModel$
+            .pipe(takeUntil(this._destroy$), switchMap((model) => model?.filteredOptions$ ?? of([])), tap(() => this._resetActiveOptions()))
+            .subscribe();
+    }
+    setSelectionModel(selectionModel) {
+        this._selectionModel$.next(selectionModel);
+        return this;
+    }
+    evaluateKeyboardEvent(event) {
+        const keyCode = event.keyCode;
+        const activeOption = this.activeOption;
+        if (!this.selectionModel || !activeOption)
+            return;
+        const currentIndex = this.selectionModel?.getOptionIndex(activeOption);
+        if (currentIndex === null)
+            return;
+        let newActiveOption = undefined;
+        switch (keyCode) {
+            case DOWN_ARROW:
+                {
+                    newActiveOption = this.selectionModel?.getOptionByOffset(1, currentIndex);
+                }
+                break;
+            case UP_ARROW:
+                {
+                    newActiveOption = this.selectionModel?.getOptionByOffset(-1, currentIndex);
+                }
+                break;
+            case PAGE_UP:
+                {
+                    newActiveOption = this.selectionModel?.getOptionByOffset(-10, currentIndex);
+                }
+                break;
+            case PAGE_DOWN:
+                {
+                    newActiveOption = this.selectionModel?.getOptionByOffset(10, currentIndex);
+                }
+                break;
+            case HOME:
+                {
+                    newActiveOption = this.selectionModel?.getFirstOption();
+                }
+                break;
+            case END:
+                {
+                    newActiveOption = this.selectionModel?.getLastOption();
+                }
+                break;
+        }
+        if (newActiveOption !== undefined) {
+            event.preventDefault();
+        }
+        if (newActiveOption !== activeOption && newActiveOption !== undefined) {
+            this._activeOption$.next(newActiveOption);
+        }
+    }
+    _resetActiveOptions() {
+        const firstOption = this.selectionModel?.getFirstOption();
+        this._activeOption$.next(firstOption ?? null);
+    }
+}
+
 const nextFrame = (cb) => {
     requestAnimationFrame(() => {
         requestAnimationFrame(cb);
@@ -330,17 +421,6 @@ const getDomain = () => {
     return hostname;
 };
 
-const createDestroy = () => {
-    assertInInjectionContext(createDestroy);
-    const destroy$ = new Subject();
-    const ref = inject(DestroyRef);
-    ref.onDestroy(() => {
-        destroy$.next(true);
-        destroy$.complete();
-    });
-    return destroy$.asObservable();
-};
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable no-var */
 /**
@@ -908,13 +988,13 @@ class SelectionModel {
         }
         return this.getOptionByIndex(newIndex);
     }
-    getFirstOption(options = this.options) {
+    getFirstOption(options = this.getFilteredOptions()) {
         return this.getOptionByIndex(0, options);
     }
-    getLastOption(options = this.options) {
+    getLastOption(options = this.getFilteredOptions()) {
         return this.getOptionByIndex(options.length - 1, options);
     }
-    getOptionIndex(option, options = this.options) {
+    getOptionIndex(option, options = this.getFilteredOptions()) {
         const key = this.getKey(option);
         const index = options.findIndex((o) => this.getKey(o) === key);
         return index === -1 ? null : index;
@@ -2028,6 +2108,8 @@ class AnimatedOverlayDirective {
         this._beforeClosed = null;
         this._afterClosed = null;
         this._isMounted$ = new BehaviorSubject(false);
+        this._isMounting$ = new BehaviorSubject(false);
+        this._isUnmounting$ = new BehaviorSubject(false);
         /**
          * The placement of the animated overlay.
          * @default 'auto'
@@ -2051,6 +2133,15 @@ class AnimatedOverlayDirective {
     get isMounted$() {
         return this._isMounted$.asObservable();
     }
+    get isMounting() {
+        return this._isMounting$.value;
+    }
+    get isMounting$() {
+        return this._isMounting$.asObservable();
+    }
+    get isUnmounting() {
+        return this._isUnmounting$.value;
+    }
     get portal() {
         return this._portal;
     }
@@ -2064,12 +2155,13 @@ class AnimatedOverlayDirective {
         return this._popper;
     }
     mount(config) {
-        if (this.isMounted) {
+        if (this.isMounted || this.isMounting) {
             if (isDevMode()) {
-                console.warn('AnimatedOverlayDirective: There is already a component mounted. Please call `unmount` before calling `mount` again.');
+                console.warn('AnimatedOverlayDirective: The component is already mounted or mounting. Please unmount the component before mounting again.');
             }
             return;
         }
+        this._isMounting$.next(true);
         const { component, providers, data, mirrorWidth } = config;
         this._beforeOpened?.next();
         const injector = Injector.create({
@@ -2150,14 +2242,22 @@ class AnimatedOverlayDirective {
                 }), take(1), takeUntil(this._destroy$))
                     .subscribe();
                 this._isMounted$.next(true);
+                this._isMounting$.next(false);
             });
         });
         return this._componentRef.instance;
     }
     unmount() {
+        if (!this.isMounted || this.isUnmounting) {
+            if (isDevMode()) {
+                console.warn('AnimatedOverlayDirective: The component is not mounted or is already unmounting. Please call `mount` before calling `unmount` again.');
+            }
+            return;
+        }
         if (!this._componentRef) {
             return;
         }
+        this._isUnmounting$.next(true);
         this._beforeClosed?.next();
         this._componentRef.instance._animatedLifecycle?.leave();
         this._componentRef.instance._animatedLifecycle?.state$
@@ -2202,6 +2302,7 @@ class AnimatedOverlayDirective {
             this._componentRef = null;
         }
         this._isMounted$.next(false);
+        this._isUnmounting$.next(false);
         this._afterClosed?.next();
     }
     _reposition() {
@@ -3444,5 +3545,5 @@ const Validators = {
  * Generated bundle index. Do not edit.
  */
 
-export { ANIMATABLE_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AnimatableDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, BehaviorSubjectWithSubscriberCount, ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEFAULT_VIEWPORT_CONFIG, DELAYABLE_TOKEN, DelayableDirective, ET_PROPERTY_REMOVED, FocusVisibleService, IS_ACTIVE_ELEMENT, IS_ARRAY_NOT_EMPTY, IS_EMAIL, IsActiveElementDirective, IsArrayNotEmpty, IsEmail, LetContext, LetDirective, MUST_MATCH, Memo, MustMatch, MutationObserverFactory, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OBSERVE_SCROLL_STATE, ObserveContentDirective, ObserveResizeDirective, ObserveScrollStateDirective, RepeatDirective, ResizeObserverFactory, ResizeObserverService, RouterStateService, RuntimeError, SCROLL_OBSERVER_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_IGNORE_TARGET_CLASS, SCROLL_OBSERVER_LAST_ELEMENT_CLASS, SEO_DIRECTIVE_TOKEN, ScrollObserverFirstElementDirective, ScrollObserverIgnoreTargetDirective, ScrollObserverLastElementDirective, SelectionModel, SeoDirective, SmartBlockScrollStrategy, StructuredDataComponent, ToArrayPipe, TypedQueryList, VIEWPORT_CONFIG, Validators, ViewportService, clamp, clone, createDestroy, createFlipAnimation, createFlipAnimationGroup, createMediaQueryObservable, createReactiveBindings, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, hasCookie, isElementVisible, isGroupMatch, isKnockoutMatch, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, provideViewportConfig, routerDisableScrollTop, scrollToElement, setCookie, toArray, toArrayTrackByFn };
+export { ANIMATABLE_TOKEN, ANIMATED_LIFECYCLE_TOKEN, ActiveSelectionModel, AnimatableDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, BehaviorSubjectWithSubscriberCount, ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEFAULT_VIEWPORT_CONFIG, DELAYABLE_TOKEN, DelayableDirective, ET_PROPERTY_REMOVED, FocusVisibleService, IS_ACTIVE_ELEMENT, IS_ARRAY_NOT_EMPTY, IS_EMAIL, IsActiveElementDirective, IsArrayNotEmpty, IsEmail, LetContext, LetDirective, MUST_MATCH, Memo, MustMatch, MutationObserverFactory, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OBSERVE_SCROLL_STATE, ObserveContentDirective, ObserveResizeDirective, ObserveScrollStateDirective, RepeatDirective, ResizeObserverFactory, ResizeObserverService, RouterStateService, RuntimeError, SCROLL_OBSERVER_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_IGNORE_TARGET_CLASS, SCROLL_OBSERVER_LAST_ELEMENT_CLASS, SEO_DIRECTIVE_TOKEN, ScrollObserverFirstElementDirective, ScrollObserverIgnoreTargetDirective, ScrollObserverLastElementDirective, SelectionModel, SeoDirective, SmartBlockScrollStrategy, StructuredDataComponent, ToArrayPipe, TypedQueryList, VIEWPORT_CONFIG, Validators, ViewportService, clamp, clone, createDestroy, createFlipAnimation, createFlipAnimationGroup, createMediaQueryObservable, createReactiveBindings, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, hasCookie, isElementVisible, isGroupMatch, isKnockoutMatch, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, provideViewportConfig, routerDisableScrollTop, scrollToElement, setCookie, toArray, toArrayTrackByFn };
 //# sourceMappingURL=ethlete-core.mjs.map