@ethlete/core 3.12.0 → 3.13.0

package/fesm2022/ethlete-core.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, InjectionToken, assertInInjectionContext, DestroyRef, ElementRef, isSignal, computed, signal, effect, isDevMode, Directive, Injectable, NgZone, EventEmitter, booleanAttribute, numberAttribute, Output, Injector, ViewContainerRef, TemplateRef, Pipe, QueryList } from '@angular/core';
 import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
-import { Subject, BehaviorSubject, takeUntil, switchMap, of, tap, startWith, Observable, combineLatest, timer, map, distinctUntilChanged, shareReplay, skip, take, debounceTime, merge, fromEvent, filter, takeWhile, pairwise, finalize } from 'rxjs';
+import { Subject, BehaviorSubject, takeUntil, switchMap, of, tap, map, startWith, Observable, combineLatest, timer, distinctUntilChanged, shareReplay, filter, take, skip, debounceTime, merge, fromEvent, takeWhile, pairwise, finalize } from 'rxjs';
 import { END, HOME, PAGE_DOWN, PAGE_UP, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
 import { FormGroup, FormArray, FormControl } from '@angular/forms';
-import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
+import { toSignal, takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { coerceElement, coerceCssPixelValue } from '@angular/cdk/coercion';
 import { supportsScrollBehavior } from '@angular/cdk/platform';
 import * as i1 from '@angular/common';
@@ -132,34 +132,38 @@ class ActiveSelectionModel {
         this._activeOption$.next(option);
         return this;
     }
-    evaluateKeyboardEvent(event) {
+    isOptionActive$(option) {
+        return this.activeOption$.pipe(map((activeOption) => activeOption === option));
+    }
+    evaluateKeyboardEvent(event, config) {
+        const { skipDisabled = false } = config ?? {};
         const keyCode = event.keyCode;
         const activeOption = this.activeOption;
         if (!this.selectionModel || !activeOption)
-            return;
+            return null;
         const currentIndex = this.selectionModel?.getOptionIndex(activeOption);
         if (currentIndex === null)
-            return;
+            return null;
         let newActiveOption = undefined;
         switch (keyCode) {
             case DOWN_ARROW:
                 {
-                    newActiveOption = this.selectionModel?.getOptionByOffset(1, currentIndex);
+                    newActiveOption = this.selectionModel?.getOptionByOffset(1, currentIndex, { skipDisabled });
                 }
                 break;
             case UP_ARROW:
                 {
-                    newActiveOption = this.selectionModel?.getOptionByOffset(-1, currentIndex);
+                    newActiveOption = this.selectionModel?.getOptionByOffset(-1, currentIndex, { skipDisabled });
                 }
                 break;
             case PAGE_UP:
                 {
-                    newActiveOption = this.selectionModel?.getOptionByOffset(-10, currentIndex);
+                    newActiveOption = this.selectionModel?.getOptionByOffset(-10, currentIndex, { skipDisabled, clamp: true });
                 }
                 break;
             case PAGE_DOWN:
                 {
-                    newActiveOption = this.selectionModel?.getOptionByOffset(10, currentIndex);
+                    newActiveOption = this.selectionModel?.getOptionByOffset(10, currentIndex, { skipDisabled, clamp: true });
                 }
                 break;
             case HOME:
@@ -176,9 +180,10 @@ class ActiveSelectionModel {
         if (newActiveOption !== undefined) {
             event.preventDefault();
         }
-        if (newActiveOption !== activeOption && newActiveOption !== undefined) {
+        if (newActiveOption !== activeOption && newActiveOption) {
             this._activeOption$.next(newActiveOption);
         }
+        return newActiveOption ?? null;
     }
     _resetActiveOptions() {
         const firstOption = this.selectionModel?.getFirstOption();
@@ -1005,27 +1010,6 @@ const getObjectProperty = (obj, prop) => {
     return value;
 };
 class SelectionModel {
-    constructor() {
-        this._selection$ = new BehaviorSubject([]);
-        this._options$ = new BehaviorSubject([]);
-        this._valueBinding$ = new BehaviorSubject(null);
-        this._keyBinding$ = new BehaviorSubject(null);
-        this._labelBinding$ = new BehaviorSubject(null);
-        this._disabledBinding$ = new BehaviorSubject(null);
-        this._allowMultiple$ = new BehaviorSubject(false);
-        this._filter$ = new BehaviorSubject('');
-        this.value$ = combineLatest([this.selection$, this.valueBinding$, this.allowMultiple$]).pipe(map(([selection, valueBinding, allowMultiple]) => {
-            if (allowMultiple) {
-                return selection.map((option) => this.execFnOrGetOptionProperty(option, valueBinding));
-            }
-            const [option] = selection;
-            if (!option)
-                return null;
-            return this.execFnOrGetOptionProperty(option, valueBinding);
-        }));
-        this.filteredOptions$ = combineLatest([this.options$, this.filter$, this.labelBinding$]).pipe(map(([options, filter]) => this.getFilteredOptions(filter, options)), shareReplay({ bufferSize: 1, refCount: true }));
-        this._optionsAndSelection$ = combineLatest([this._options$, this._selection$]);
-    }
     get selection$() {
         return this._selection$.asObservable();
     }
@@ -1074,6 +1058,40 @@ class SelectionModel {
     get filter() {
         return this._filter$.value;
     }
+    constructor() {
+        this._destroy$ = createDestroy();
+        this._lastSelectionSetSubscription = null;
+        this._selection$ = new BehaviorSubject([]);
+        this._options$ = new BehaviorSubject([]);
+        this.optionsSignal = toSignal(this.options$);
+        this._valueBinding$ = new BehaviorSubject(null);
+        this._keyBinding$ = new BehaviorSubject(null);
+        this._labelBinding$ = new BehaviorSubject(null);
+        this._disabledBinding$ = new BehaviorSubject(null);
+        this._allowMultiple$ = new BehaviorSubject(false);
+        this._filter$ = new BehaviorSubject('');
+        this.value$ = combineLatest([this.selection$, this.valueBinding$, this.allowMultiple$]).pipe(map(([selection, valueBinding, allowMultiple]) => {
+            if (allowMultiple) {
+                return selection.map((option) => this.execFnOrGetOptionProperty(option, valueBinding));
+            }
+            const [option] = selection;
+            if (!option)
+                return null;
+            return this.execFnOrGetOptionProperty(option, valueBinding);
+        }));
+        this.filteredOptions$ = combineLatest([this.options$, this.filter$, this.labelBinding$]).pipe(map(([options, filter]) => this.getFilteredOptions(filter, options)), shareReplay({ bufferSize: 1, refCount: true }));
+        this._optionsAndSelection$ = combineLatest([this._options$, this._selection$]);
+        this.allowMultiple$
+            .pipe(tap(() => {
+            if (this.allowMultiple)
+                return;
+            const [option] = this.selection;
+            if (!option)
+                return;
+            this.setSelection([option]);
+        }), takeUntilDestroyed())
+            .subscribe();
+    }
     setSelection(selection) {
         if (!Array.isArray(selection)) {
             selection = [selection];
@@ -1081,6 +1099,24 @@ class SelectionModel {
         this._selection$.next(selection);
         return this;
     }
+    setSelectionFromValue(value) {
+        if (Array.isArray(value)) {
+            const selection = value.map((v) => this.getOptionByValue(v)).filter((v) => v !== undefined);
+            this.setSelection(selection);
+        }
+        else {
+            const selection = this.getOptionByValue(value);
+            if (selection) {
+                this.setSelection(selection);
+            }
+        }
+    }
+    setSelectionFromValue$(value) {
+        this._lastSelectionSetSubscription?.unsubscribe();
+        this._lastSelectionSetSubscription = this.options$
+            .pipe(takeUntil(this._destroy$), filter((o) => !!o.length), tap(() => this.setSelectionFromValue(value)), take(1))
+            .subscribe();
+    }
     setValueBinding(fnOrPropertyPath) {
         this._valueBinding$.next(fnOrPropertyPath);
         return this;
@@ -1177,29 +1213,40 @@ class SelectionModel {
     getOptionByIndex(index, options = this.getFilteredOptions()) {
         return options[index] || null;
     }
-    getOptionByOffset(offset, index, options = this.getFilteredOptions(), config = { clamp: true }) {
-        const { loop, clamp } = config;
+    getOptionByOffset(offset, index, config = { clamp: true }) {
+        const { loop, clamp, skipDisabled, options = this.getFilteredOptions() } = config;
         const newIndex = index + offset;
         const remainingOffset = newIndex * -1;
+        let optionResult = null;
         if (newIndex < 0) {
             if (loop) {
-                return this.getOptionByOffset(remainingOffset, options.length - 1, options, config);
+                optionResult = this.getOptionByOffset(remainingOffset, options.length - 1, config);
             }
-            if (clamp) {
-                return this.getFirstOption();
+            else if (clamp) {
+                optionResult = this.getFirstOption();
+            }
+            else {
+                optionResult = null;
             }
-            return null;
         }
-        if (newIndex >= options.length) {
+        else if (newIndex >= options.length) {
             if (loop) {
-                return this.getOptionByOffset(remainingOffset, 0, options, config);
+                optionResult = this.getOptionByOffset(remainingOffset, 0, config);
             }
-            if (clamp) {
-                return this.getLastOption();
+            else if (clamp) {
+                optionResult = this.getLastOption();
             }
-            return null;
+            else {
+                optionResult = null;
+            }
+        }
+        else {
+            optionResult = this.getOptionByIndex(newIndex);
         }
-        return this.getOptionByIndex(newIndex);
+        if (optionResult && skipDisabled && this.isDisabled(optionResult)) {
+            return this.getOptionByOffset(offset, newIndex, config);
+        }
+        return optionResult;
     }
     getFirstOption(options = this.getFilteredOptions()) {
         return this.getOptionByIndex(0, options);
@@ -1231,7 +1278,7 @@ class SelectionModel {
         const index = this.getNonMultipleSelectedOptionIndex();
         if (index === null)
             return null;
-        return this.getOptionByOffset(index, offset, this.getFilteredOptions(), config);
+        return this.getOptionByOffset(index, offset, config);
     }
     getLabel(option) {
         return this.execFnOrGetOptionProperty(option, this.labelBinding);
@@ -1263,7 +1310,12 @@ class SelectionModel {
         return this.getOption(optionKey, this.keyBinding, this.selection) !== undefined;
     }
     isDisabled(option) {
-        return this.execFnOrGetOptionProperty(option, this.disabledBinding);
+        if (!this.disabledBinding)
+            return false;
+        const result = this.execFnOrGetOptionProperty(option, this.disabledBinding);
+        if (result === option)
+            return false;
+        return !!result;
     }
     getFilteredOptions(filter = this.filter, options = this.options) {
         if (!filter)
@@ -2602,6 +2654,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                 args: ['etObserveResizeDebounce']
             }] } });
 
+const ROOT_BOUNDARY_TOKEN = new InjectionToken('ROOT_BOUNDARY_TOKEN');
+class RootBoundaryDirective {
+    constructor() {
+        this._elementRef = inject(ElementRef);
+        this._boundaryElement = null;
+    }
+    get boundaryElement() {
+        return this._boundaryElement ?? this._elementRef.nativeElement;
+    }
+    set boundaryElement(v) {
+        this._boundaryElement = v;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RootBoundaryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: RootBoundaryDirective, isStandalone: true, selector: "[etRootBoundary]", providers: [
+            {
+                provide: ROOT_BOUNDARY_TOKEN,
+                useExisting: RootBoundaryDirective,
+            },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RootBoundaryDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etRootBoundary]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: ROOT_BOUNDARY_TOKEN,
+                            useExisting: RootBoundaryDirective,
+                        },
+                    ],
+                }]
+        }] });
+
 class AnimatedOverlayDirective {
     constructor() {
         this._destroy$ = createDestroy();
@@ -2611,6 +2697,7 @@ class AnimatedOverlayDirective {
         this._zone = inject(NgZone);
         this._elementRef = inject(ElementRef);
         this._observeResize = inject(ObserveResizeDirective);
+        this._rootBoundary = inject(RootBoundaryDirective, { optional: true });
         this._portal = null;
         this._overlayRef = null;
         this._componentRef = null;
@@ -2622,6 +2709,7 @@ class AnimatedOverlayDirective {
         this._isMounted$ = new BehaviorSubject(false);
         this._isMounting$ = new BehaviorSubject(false);
         this._isUnmounting$ = new BehaviorSubject(false);
+        this._isHidden$ = new BehaviorSubject(false);
         /**
          * The placement of the animated overlay.
          * @default undefined
@@ -2670,6 +2758,12 @@ class AnimatedOverlayDirective {
     get isUnmounting() {
         return this._isUnmounting$.value;
     }
+    get isHidden$() {
+        return this._isHidden$.asObservable();
+    }
+    get isHidden() {
+        return this._isHidden$.value;
+    }
     get portal() {
         return this._portal;
     }
@@ -2723,6 +2817,7 @@ class AnimatedOverlayDirective {
             const floatingElArrow = this._componentRef.instance._elementRef?.nativeElement.querySelector('[et-floating-arrow]');
             floatingEl.classList.add('et-floating-element');
             const refEl = this._elementRef.nativeElement;
+            const boundary = this._rootBoundary?.boundaryElement ?? undefined;
             this._floatingElCleanupFn = autoUpdate(refEl, floatingEl, () => {
                 if (!this._componentRef)
                     return;
@@ -2734,6 +2829,7 @@ class AnimatedOverlayDirective {
                             fallbackPlacements: this.fallbackPlacements ?? undefined,
                             fallbackAxisSideDirection: 'start',
                             crossAxis: false,
+                            boundary,
                         }),
                         ...(this.autoResize
                             ? [
@@ -2746,9 +2842,9 @@ class AnimatedOverlayDirective {
                                 }),
                             ]
                             : []),
-                        shift({ limiter: limitShift(), padding: this.viewportPadding ?? undefined }),
+                        shift({ limiter: limitShift(), padding: this.viewportPadding ?? undefined, boundary }),
                         ...(floatingElArrow ? [arrow({ element: floatingElArrow, padding: this.arrowPadding ?? undefined })] : []),
-                        ...(this.autoHide ? [hide({ strategy: 'referenceHidden' })] : []),
+                        ...(this.autoHide ? [hide({ strategy: 'referenceHidden', boundary })] : []),
                     ],
                 }).then(({ x, y, placement, middlewareData }) => {
                     floatingEl.style.setProperty('--et-floating-translate', `translate3d(${x}px, ${y}px, 0)`);
@@ -2759,9 +2855,11 @@ class AnimatedOverlayDirective {
                     }
                     if (middlewareData.hide?.referenceHidden) {
                         floatingEl.classList.add('et-floating-element--hidden');
+                        this._isHidden$.next(true);
                     }
                     else {
                         floatingEl.classList.remove('et-floating-element--hidden');
+                        this._isHidden$.next(false);
                     }
                 });
             });
@@ -2794,6 +2892,9 @@ class AnimatedOverlayDirective {
         if (!this._componentRef) {
             return;
         }
+        if (this.isHidden) {
+            return;
+        }
         this._isUnmounting$.next(true);
         this._beforeClosed?.next();
         this._componentRef.instance._animatedLifecycle?.leave();
@@ -4444,5 +4545,5 @@ const Validators = {
  * Generated bundle index. Do not edit.
  */
 
-export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AT_LEAST_ONE_REQUIRED, ActiveSelectionModel, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEBUG_TOKEN, DEFAULT_VIEWPORT_CONFIG, DELAYABLE_TOKEN, DebugDirective, DelayableDirective, ET_PROPERTY_REMOVED, FocusVisibleService, IS_ACTIVE_ELEMENT, IS_ARRAY_NOT_EMPTY, IS_ELEMENT, IS_EMAIL, InferMimeTypePipe, IntersectionObserverFactory, IntersectionObserverService, IsActiveElementDirective, IsArrayNotEmpty, IsElementDirective, IsEmail, KeyPressManager, LetContext, LetDirective, MUST_MATCH, Memo, MustMatch, MutationObserverFactory, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OBSERVE_SCROLL_STATE, OBSERVE_VISIBILITY_TOKEN, ObserveContentDirective, ObserveResizeDirective, ObserveScrollStateDirective, ObserveVisibilityDirective, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeObserverFactory, ResizeObserverService, RouterStateService, RuntimeError, SCROLL_OBSERVER_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_IGNORE_TARGET_CLASS, SCROLL_OBSERVER_LAST_ELEMENT_CLASS, SCROLL_OBSERVER_OBSERVING_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_OBSERVING_LAST_ELEMENT_CLASS, SEO_DIRECTIVE_TOKEN, ScrollObserverFirstElementDirective, ScrollObserverIgnoreTargetDirective, ScrollObserverLastElementDirective, SelectionModel, SeoDirective, SmartBlockScrollStrategy, StructuredDataComponent, ToArrayPipe, TypedQueryList, VIEWPORT_CONFIG, ValidateAtLeastOneRequired, Validators, ViewportService, buildSignalEffects, clamp, clone, cloneFormGroup, createDestroy, createFlipAnimation, createFlipAnimationGroup, createMediaQueryObservable, createMutationObservable, createReactiveBindings, createResizeObservable, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementVisibleStates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, hasCookie, inferMimeType, isElementVisible, isEmptyArray, isGroupMatch, isKnockoutMatch, isObjectArray, isPrimitiveArray, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, provideViewportConfig, round, routerDisableScrollTop, scrollToElement, setCookie, signalAttributes, signalClasses, signalHostAttributes, signalHostClasses, signalHostStyles, signalStyles, signalVisibilityChangeClasses, switchQueryListChanges, toArray, toArrayTrackByFn };
+export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AT_LEAST_ONE_REQUIRED, ActiveSelectionModel, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEBUG_TOKEN, DEFAULT_VIEWPORT_CONFIG, DELAYABLE_TOKEN, DebugDirective, DelayableDirective, ET_PROPERTY_REMOVED, FocusVisibleService, IS_ACTIVE_ELEMENT, IS_ARRAY_NOT_EMPTY, IS_ELEMENT, IS_EMAIL, InferMimeTypePipe, IntersectionObserverFactory, IntersectionObserverService, IsActiveElementDirective, IsArrayNotEmpty, IsElementDirective, IsEmail, KeyPressManager, LetContext, LetDirective, MUST_MATCH, Memo, MustMatch, MutationObserverFactory, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OBSERVE_SCROLL_STATE, OBSERVE_VISIBILITY_TOKEN, ObserveContentDirective, ObserveResizeDirective, ObserveScrollStateDirective, ObserveVisibilityDirective, ROOT_BOUNDARY_TOKEN, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeObserverFactory, ResizeObserverService, RootBoundaryDirective, RouterStateService, RuntimeError, SCROLL_OBSERVER_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_IGNORE_TARGET_CLASS, SCROLL_OBSERVER_LAST_ELEMENT_CLASS, SCROLL_OBSERVER_OBSERVING_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_OBSERVING_LAST_ELEMENT_CLASS, SEO_DIRECTIVE_TOKEN, ScrollObserverFirstElementDirective, ScrollObserverIgnoreTargetDirective, ScrollObserverLastElementDirective, SelectionModel, SeoDirective, SmartBlockScrollStrategy, StructuredDataComponent, ToArrayPipe, TypedQueryList, VIEWPORT_CONFIG, ValidateAtLeastOneRequired, Validators, ViewportService, buildSignalEffects, clamp, clone, cloneFormGroup, createDestroy, createFlipAnimation, createFlipAnimationGroup, createMediaQueryObservable, createMutationObservable, createReactiveBindings, createResizeObservable, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementVisibleStates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, hasCookie, inferMimeType, isElementVisible, isEmptyArray, isGroupMatch, isKnockoutMatch, isObjectArray, isPrimitiveArray, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, provideViewportConfig, round, routerDisableScrollTop, scrollToElement, setCookie, signalAttributes, signalClasses, signalHostAttributes, signalHostClasses, signalHostStyles, signalStyles, signalVisibilityChangeClasses, switchQueryListChanges, toArray, toArrayTrackByFn };
 //# sourceMappingURL=ethlete-core.mjs.map