@ethlete/core 4.13.0 → 4.15.0

package/fesm2022/ethlete-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, InjectionToken, assertInInjectionContext, DestroyRef, ElementRef, TemplateRef, Injectable, isSignal, signal, QueryList, Injector, runInInjectionContext, effect, afterNextRender, untracked, NgZone, isDevMode, computed, Directive, model, EventEmitter, booleanAttribute, numberAttribute, Output, ViewContainerRef, Pipe, AfterRenderPhase, input } from '@angular/core';
+import { inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, InjectionToken, assertInInjectionContext, DestroyRef, ElementRef, TemplateRef, Injectable, isSignal, signal, QueryList, Injector, effect, untracked, runInInjectionContext, afterNextRender, Renderer2, RendererStyleFlags2, NgZone, isDevMode, computed, Directive, model, EventEmitter, booleanAttribute, numberAttribute, Output, ViewContainerRef, Pipe, AfterRenderPhase, input } from '@angular/core';
 import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
 import { Subject, BehaviorSubject, takeUntil, switchMap, of, tap, map, startWith, Observable, combineLatest, timer, distinctUntilChanged, shareReplay, filter, take, fromEvent, pairwise, debounceTime, finalize, merge, skip, takeWhile } from 'rxjs';
 import { END, HOME, PAGE_DOWN, PAGE_UP, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
@@ -1031,16 +1031,24 @@ const isElementVisible = (options) => {
         element,
     };
 };
-const scrollToElement = (options) => {
+const getElementScrollCoordinates = (options) => {
     let { container } = options;
     const { element, direction, behavior = 'smooth', origin = 'nearest', scrollBlockMargin = 0, scrollInlineMargin = 0, } = options;
     if (!element || container === null) {
-        return;
+        return {
+            behavior,
+            left: undefined,
+            top: undefined,
+        };
     }
     container ||= document.documentElement;
     const canScroll = elementCanScroll(container);
     if (!canScroll) {
-        return;
+        return {
+            behavior,
+            left: undefined,
+            top: undefined,
+        };
     }
     const elementRect = element.getBoundingClientRect();
     const containerRect = container.getBoundingClientRect();
@@ -1111,11 +1119,14 @@ const scrollToElement = (options) => {
             scrollToElementNearest();
             break;
     }
-    container.scrollTo({
+    return {
         behavior,
         left: shouldScrollLeft ? scrollLeftTo : undefined,
         top: shouldScrollTop ? scrollTopTo : undefined,
-    });
+    };
+};
+const scrollToElement = (options) => {
+    options.container?.scrollTo(getElementScrollCoordinates(options));
 };
 const getElementVisibleStates = (options) => {
     let { container } = options;
@@ -2303,51 +2314,7 @@ const buildElementSignal = (el) => {
         previousElement: previousElements?.[0] ?? null,
     }))), { initialValue: { currentElement: null, previousElement: null, previousElements: [], currentElements: [] } });
 };
-const buildSignalEffects = (config) => {
-    const injector = inject(Injector);
-    const { map, eachItemFn, cleanupFn } = config;
-    const effectRefMap = {};
-    const has = (token) => token in effectRefMap;
-    const push = (tokenString, signal) => {
-        if (has(tokenString))
-            return;
-        const tokenArray = tokenString.split(' ').filter((token) => !!token);
-        for (const token of tokenArray) {
-            runInInjectionContext(injector, () => {
-                const ref = effect(() => {
-                    const value = signal();
-                    eachItemFn({ key: token, value });
-                });
-                effectRefMap[token] = ref;
-            });
-        }
-    };
-    const pushMany = (map) => {
-        for (const [tokenString, signal] of Object.entries(map)) {
-            push(tokenString, signal);
-        }
-    };
-    const remove = (...tokens) => {
-        for (const tokenString of tokens) {
-            effectRefMap[tokenString]?.destroy();
-            cleanupFn({ key: tokenString, value: map[tokenString]?.() });
-            delete effectRefMap[tokenString];
-        }
-    };
-    const removeMany = (tokens) => {
-        for (const token of tokens) {
-            remove(token);
-        }
-    };
-    pushMany(map);
-    return { remove, removeMany, has, push, pushMany };
-};
-const signalIsRendered = () => {
-    const isRendered = signal(false);
-    afterNextRender(() => isRendered.set(true));
-    return isRendered.asReadonly();
-};
-const signalClasses = (el, classMap) => {
+const buildSignalEffects = (el, config) => {
     const elements = buildElementSignal(el);
     const injector = inject(Injector);
     effect(() => {
@@ -2355,24 +2322,22 @@ const signalClasses = (el, classMap) => {
         for (const previousEl of previousElements) {
             if (currentElements.includes(previousEl))
                 continue;
-            const tokens = Object.keys(classMap)
+            const tokens = Object.keys(config.tokenMap)
                 .map((key) => key.split(' '))
                 .flat();
             if (!tokens.length)
                 continue;
-            previousEl.classList.remove(...tokens);
+            config.cleanupFn(previousEl, tokens);
         }
         for (const currentEl of currentElements) {
             if (previousElements.includes(currentEl))
                 continue;
-            for (const [tokens, condition] of Object.entries(classMap)) {
+            for (const [tokens, condition] of Object.entries(config.tokenMap)) {
                 untracked(() => {
-                    if (!condition())
-                        return;
                     const tokenArray = tokens.split(' ');
                     if (!tokenArray.length)
                         return;
-                    currentEl.classList.add(...tokenArray);
+                    config.updateFn(currentEl, tokenArray, condition());
                 });
             }
         }
@@ -2389,12 +2354,7 @@ const signalClasses = (el, classMap) => {
                     const tokenArray = tokens.split(' ');
                     if (!tokenArray.length)
                         continue;
-                    if (!signal()) {
-                        el.classList.remove(...tokenArray);
-                    }
-                    else {
-                        el.classList.add(...tokenArray);
-                    }
+                    config.updateFn(el, tokenArray, signal());
                 }
             });
         });
@@ -2411,7 +2371,7 @@ const signalClasses = (el, classMap) => {
             const tokenArray = tokens.split(' ');
             if (!tokenArray.length)
                 continue;
-            el.classList.remove(...tokenArray);
+            config.cleanupFn(el, tokenArray);
         }
     };
     const removeMany = (tokens) => {
@@ -2419,52 +2379,73 @@ const signalClasses = (el, classMap) => {
             remove(token);
         }
     };
-    pushMany(classMap);
+    pushMany(config.tokenMap);
     return { remove, removeMany, has, push, pushMany };
 };
+const signalIsRendered = () => {
+    const isRendered = signal(false);
+    afterNextRender(() => isRendered.set(true));
+    return isRendered.asReadonly();
+};
+const signalClasses = (el, classMap) => {
+    const renderer = inject(Renderer2);
+    return buildSignalEffects(el, {
+        tokenMap: classMap,
+        cleanupFn: (el, tokens) => tokens.forEach((token) => renderer.removeClass(el, token)),
+        updateFn: (el, tokens, condition) => {
+            if (!condition) {
+                tokens.forEach((token) => renderer.removeClass(el, token));
+            }
+            else {
+                tokens.forEach((token) => renderer.addClass(el, token));
+            }
+        },
+    });
+};
 const signalHostClasses = (classMap) => signalClasses(inject(ElementRef), classMap);
 const ALWAYS_TRUE_ATTRIBUTE_KEYS = ['disabled', 'readonly', 'required', 'checked', 'selected', 'hidden', 'inert'];
 const signalAttributes = (el, attributeMap) => {
-    const elements = buildElementSignal(el);
-    return buildSignalEffects({
-        map: attributeMap,
-        eachItemFn: ({ key, value }) => {
-            const valueString = `${value}`;
-            if (ALWAYS_TRUE_ATTRIBUTE_KEYS.includes(key)) {
-                if (value) {
-                    elements().currentElement?.setAttribute(key, '');
-                }
-                else {
-                    elements().currentElement?.removeAttribute(key);
+    const renderer = inject(Renderer2);
+    return buildSignalEffects(el, {
+        tokenMap: attributeMap,
+        cleanupFn: (el, tokens) => tokens.forEach((token) => el.removeAttribute(token)),
+        updateFn: (el, tokens, condition) => {
+            for (const token of tokens) {
+                if (ALWAYS_TRUE_ATTRIBUTE_KEYS.includes(token)) {
+                    if (condition) {
+                        renderer.setAttribute(el, token, '');
+                    }
+                    else {
+                        renderer.removeAttribute(el, token);
+                    }
+                    continue;
                 }
-            }
-            else {
-                if (value === null || value === undefined) {
-                    elements().currentElement?.removeAttribute(key);
+                if (condition === null || condition === undefined) {
+                    renderer.removeAttribute(el, token);
                 }
                 else {
-                    elements().currentElement?.setAttribute(key, valueString);
+                    renderer.setAttribute(el, token, `${condition}`);
                 }
             }
         },
-        cleanupFn: ({ key }) => elements().currentElement?.removeAttribute(key),
     });
 };
 const signalHostAttributes = (attributeMap) => signalAttributes(inject(ElementRef), attributeMap);
 const signalStyles = (el, styleMap) => {
-    const elements = buildElementSignal(el);
-    return buildSignalEffects({
-        map: styleMap,
-        eachItemFn: ({ key, value }) => {
-            if (value === null || value === undefined) {
-                elements().currentElement?.style.removeProperty(key);
-            }
-            else {
-                const valueString = `${value}`;
-                elements().currentElement?.style.setProperty(key, valueString);
+    const renderer = inject(Renderer2);
+    return buildSignalEffects(el, {
+        tokenMap: styleMap,
+        cleanupFn: (el, tokens) => tokens.forEach((token) => renderer.removeStyle(el, token)),
+        updateFn: (el, tokens, condition) => {
+            for (const token of tokens) {
+                if (condition === null || condition === undefined) {
+                    renderer.removeStyle(el, token);
+                }
+                else {
+                    renderer.setStyle(el, token, `${condition}`, RendererStyleFlags2.DashCase);
+                }
             }
         },
-        cleanupFn: ({ key }) => elements().currentElement?.style.removeProperty(key),
     });
 };
 const signalHostStyles = (styleMap) => signalStyles(inject(ElementRef), styleMap);
@@ -2562,8 +2543,10 @@ const signalElementScrollState = (el, options) => {
             const scrollPosition = initialScrollPosition();
             const element = elements().currentElement;
             if (scrollPosition && element) {
-                element.scrollLeft = scrollPosition.x;
-                element.scrollTop = scrollPosition.y;
+                if (scrollPosition.left !== undefined)
+                    element.scrollLeft = scrollPosition.left;
+                if (scrollPosition.top !== undefined)
+                    element.scrollTop = scrollPosition.top;
                 ref.destroy();
             }
         });
@@ -2642,6 +2625,7 @@ const signalElementIntersection = (el, options) => {
         }
         if (els.currentElements.length && !!enabled) {
             const rootEl = untracked(() => root().currentElement);
+            const rootBounds = rootEl?.getBoundingClientRect();
             // check sync for intersections since the intersection observer async and we probably want to know the initial state
             const entries = els.currentElements
                 .map((el) => {
@@ -2660,12 +2644,13 @@ const signalElementIntersection = (el, options) => {
                 const blockIntersectionRatio = visibility.blockIntersection / 100;
                 const isIntersecting = inlineIntersectionRatio > 0 && blockIntersectionRatio > 0;
                 const intersectionRatio = Math.min(inlineIntersectionRatio, blockIntersectionRatio);
+                const elBounds = el.getBoundingClientRect();
                 const intersectionEntry = {
-                    boundingClientRect: el.getBoundingClientRect(),
+                    boundingClientRect: elBounds,
                     intersectionRatio,
-                    intersectionRect: el.getBoundingClientRect(),
+                    intersectionRect: elBounds,
                     isIntersecting,
-                    rootBounds: root().currentElement?.getBoundingClientRect() ?? null,
+                    rootBounds: rootBounds ?? null,
                     target: el,
                     time: performance.now(),
                 };
@@ -5493,5 +5478,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, CURSOR_DRAG_SCROLLING_CLASS, CURSOR_DRAG_SCROLLING_PREPARED_CLASS, 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, PropsDirective, 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, bindProps, buildSignalEffects, clamp, clone, cloneFormGroup, controlValueSignal, controlValueSignalWithPrevious, createCanAnimateSignal, createComponentId, createDependencyStash, createDestroy, createElementDictionary, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createMediaQueryObservable, createMutationObservable, createPropHandlers, createProps, createReactiveBindings, createResizeObservable, createSetup, debouncedControlValueSignal, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementVisibleStates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getIntersectionInfo, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, hasCookie, inferMimeType, injectFragment, injectHostElement, injectOrRunInContext, injectPathParam, injectPathParams, injectQueryParam, injectQueryParams, injectRouteData, injectRouteDataItem, injectRouteTitle, injectTemplateRef, isArray, isElementVisible, isEmptyArray, isGroupMatch, isKnockoutMatch, isObject, isObjectArray, isPrimitiveArray, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, previousSignalValue, provideViewportConfig, round, routerDisableScrollTop, scrollToElement, setCookie, signalAttributes, signalClasses, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, signalVisibilityChangeClasses, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, transformOrReturn, unbindProps };
+export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AT_LEAST_ONE_REQUIRED, ActiveSelectionModel, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, CURSOR_DRAG_SCROLLING_CLASS, CURSOR_DRAG_SCROLLING_PREPARED_CLASS, 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, PropsDirective, 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, bindProps, buildSignalEffects, clamp, clone, cloneFormGroup, controlValueSignal, controlValueSignalWithPrevious, createCanAnimateSignal, createComponentId, createDependencyStash, createDestroy, createElementDictionary, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createMediaQueryObservable, createMutationObservable, createPropHandlers, createProps, createReactiveBindings, createResizeObservable, createSetup, debouncedControlValueSignal, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getElementVisibleStates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getIntersectionInfo, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, hasCookie, inferMimeType, injectFragment, injectHostElement, injectOrRunInContext, injectPathParam, injectPathParams, injectQueryParam, injectQueryParams, injectRouteData, injectRouteDataItem, injectRouteTitle, injectTemplateRef, isArray, isElementVisible, isEmptyArray, isGroupMatch, isKnockoutMatch, isObject, isObjectArray, isPrimitiveArray, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, previousSignalValue, provideViewportConfig, round, routerDisableScrollTop, scrollToElement, setCookie, signalAttributes, signalClasses, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, signalVisibilityChangeClasses, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, transformOrReturn, unbindProps };
 //# sourceMappingURL=ethlete-core.mjs.map