@ethlete/core 4.19.1 → 4.19.3

package/fesm2022/ethlete-core.mjs

@@ -1003,9 +1003,17 @@ const isElementVisible = (options) => {
     container ||= document.documentElement;
     const canScroll = elementCanScroll(container);
     if (!canScroll) {
-        return { inline: true, block: true, blockIntersection: 100, inlineIntersection: 100, element };
+        return {
+            inline: true,
+            block: true,
+            blockIntersection: 1,
+            inlineIntersection: 1,
+            intersectionRatio: 1,
+            isIntersecting: true,
+            element,
+        };
     }
-    const elementRect = element.getBoundingClientRect();
+    const elementRect = options.elementRect || element.getBoundingClientRect();
     const containerRect = options.containerRect || container.getBoundingClientRect();
     const elementInlineStart = elementRect.left;
     const elementBlockStart = elementRect.top;
@@ -1021,14 +1029,17 @@ const isElementVisible = (options) => {
     const isElementBlockVisible = elementBlockStart >= containerBlockStart && elementBlockEnd <= containerBlockEnd;
     const inlineIntersection = Math.min(elementInlineEnd, containerInlineEnd) - Math.max(elementInlineStart, containerInlineStart);
     const blockIntersection = Math.min(elementBlockEnd, containerBlockEnd) - Math.max(elementBlockStart, containerBlockStart);
-    const inlineIntersectionPercentage = clamp((inlineIntersection / elWith) * 100);
-    const blockIntersectionPercentage = clamp((blockIntersection / elHeight) * 100);
+    const inlineIntersectionPercentage = clamp(inlineIntersection / elWith, 0, 1);
+    const blockIntersectionPercentage = clamp(blockIntersection / elHeight, 0, 1);
     return {
         inline: isElementInlineVisible,
         block: isElementBlockVisible,
         inlineIntersection: inlineIntersectionPercentage,
         blockIntersection: blockIntersectionPercentage,
+        isIntersecting: isElementInlineVisible && isElementBlockVisible,
         element,
+        // Round the intersection ratio to the nearest 0.01 to avoid floating point errors and system scaling issues.
+        intersectionRatio: Math.round(Math.min(inlineIntersectionPercentage, blockIntersectionPercentage) * 100) / 100,
     };
 };
 const getElementScrollCoordinates = (options) => {
@@ -1128,20 +1139,6 @@ const getElementScrollCoordinates = (options) => {
 const scrollToElement = (options) => {
     options.container?.scrollTo(getElementScrollCoordinates(options));
 };
-const getElementVisibleStates = (options) => {
-    let { container } = options;
-    const { elements } = options;
-    container ||= document.documentElement;
-    const rect = container.getBoundingClientRect();
-    const elementVisibleStates = elements
-        .map((e) => {
-        if (!e || !container)
-            return null;
-        return isElementVisible({ container, element: e, containerRect: rect });
-    })
-        .filter(Boolean);
-    return elementVisibleStates;
-};
 
 class SelectionModel {
     get selection$() {
@@ -2455,11 +2452,11 @@ const signalStyles = (el, styleMap) => {
     const renderer = inject(Renderer2);
     return buildSignalEffects(el, {
         tokenMap: styleMap,
-        cleanupFn: (el, tokens) => tokens.forEach((token) => renderer.removeStyle(el, token)),
+        cleanupFn: (el, tokens) => tokens.forEach((token) => renderer.removeStyle(el, token, RendererStyleFlags2.DashCase)),
         updateFn: (el, tokens, condition) => {
             for (const token of tokens) {
                 if (condition === null || condition === undefined) {
-                    renderer.removeStyle(el, token);
+                    renderer.removeStyle(el, token, RendererStyleFlags2.DashCase);
                 }
                 else {
                     renderer.setStyle(el, token, `${condition}`, RendererStyleFlags2.DashCase);
@@ -2488,8 +2485,10 @@ const createElementDimensions = (el, rect) => {
             offset: null,
         };
     }
+    const cachedNormalizedRect = rect ? boundingClientRectToElementRect(rect) : null;
+    const rectFn = () => cachedNormalizedRect ? cachedNormalizedRect : boundingClientRectToElementRect(el.getBoundingClientRect());
     return {
-        rect: rect ? boundingClientRectToElementRect(rect) : boundingClientRectToElementRect(el.getBoundingClientRect()),
+        rect: rectFn,
         client: { width: el.clientWidth, height: el.clientHeight },
         scroll: { width: el.scrollWidth, height: el.scrollHeight },
         offset: { width: el.offsetWidth, height: el.offsetHeight },
@@ -2670,15 +2669,15 @@ const signalElementIntersection = (el, options) => {
     };
     const updateObservedElements = (observer, elements) => {
         const rootEl = root().currentElement;
-        const rootBounds = rootEl?.getBoundingClientRect();
         if (!observer || !rootEl)
             return;
-        const currIntersecionValue = elementIntersectionSignal();
+        const rootBounds = rootEl.getBoundingClientRect();
+        const currIntersectionValue = elementIntersectionSignal();
         const newIntersectionValue = [];
         for (const el of elements.currentElements) {
             if (currentlyObservedElements.has(el)) {
-                const existingEntryIndex = currIntersecionValue.findIndex((v) => v.target === el);
-                const existingEntry = currIntersecionValue[existingEntryIndex];
+                const existingEntryIndex = currIntersectionValue.findIndex((v) => v.target === el);
+                const existingEntry = currIntersectionValue[existingEntryIndex];
                 if (!existingEntry) {
                     console.warn('Could not find existing entry for element. The intersection observer might be broken now.', el);
                     continue;
@@ -2686,9 +2685,12 @@ const signalElementIntersection = (el, options) => {
                 newIntersectionValue.push(existingEntry);
                 continue;
             }
+            const elBounds = el.getBoundingClientRect();
             const initialElementVisibility = isElementVisible({
                 container: rootEl,
                 element: el,
+                containerRect: rootBounds,
+                elementRect: elBounds,
             });
             if (!initialElementVisibility) {
                 console.error('No visibility data found for element.', {
@@ -2697,19 +2699,12 @@ const signalElementIntersection = (el, options) => {
                 });
                 continue;
             }
-            const elBounds = el.getBoundingClientRect();
-            const inlineIntersectionRatio = initialElementVisibility.inlineIntersection / 100;
-            const blockIntersectionRatio = initialElementVisibility.blockIntersection / 100;
-            const isIntersecting = inlineIntersectionRatio > 0 && blockIntersectionRatio > 0;
-            const intersectionRatio = Math.min(inlineIntersectionRatio, blockIntersectionRatio);
-            // Round the intersection ratio to the nearest 0.01 to avoid floating point errors and system scaling issues.
-            const roundedIntersectionRatio = Math.round(intersectionRatio * 100) / 100;
             const intersectionEntry = {
                 boundingClientRect: elBounds,
-                intersectionRatio: roundedIntersectionRatio,
+                intersectionRatio: initialElementVisibility.intersectionRatio,
                 intersectionRect: elBounds,
-                isIntersecting,
-                rootBounds: rootBounds ?? null,
+                isIntersecting: initialElementVisibility.isIntersecting,
+                rootBounds: rootBounds,
                 target: el,
                 time: performance.now(),
             };
@@ -5794,5 +5789,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, areScrollStatesEqual, bindProps, boundingClientRectToElementRect, buildSignalEffects, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, createCanAnimateSignal, createComponentId, createDependencyStash, createDestroy, createElementDictionary, createElementDimensions, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createMediaQueryObservable, createMutationObservable, createPropHandlers, createProps, createReactiveBindings, createResizeObservable, createSetup, debouncedControlValueSignal, deferredSignal, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getElementVisibleStates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getIntersectionInfo, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, hasCookie, inferMimeType, injectBreakpointIsMatched, injectCurrentBreakpoint, injectFragment, injectHostElement, injectIs2Xl, injectIsLg, injectIsMd, injectIsSm, injectIsXl, injectIsXs, injectObserveBreakpoint, injectOrRunInContext, injectPathParam, injectPathParams, injectQueryParam, injectQueryParams, injectRouteData, injectRouteDataItem, injectRouteTitle, injectTemplateRef, isArray, isElementVisible, isEmptyArray, isGroupMatch, isKnockoutMatch, isObject, isObjectArray, isPrimitiveArray, maybeSignalValue, 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, useCursorDragScroll };
+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, areScrollStatesEqual, bindProps, boundingClientRectToElementRect, buildSignalEffects, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, createCanAnimateSignal, createComponentId, createDependencyStash, createDestroy, createElementDictionary, createElementDimensions, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createMediaQueryObservable, createMutationObservable, createPropHandlers, createProps, createReactiveBindings, createResizeObservable, createSetup, debouncedControlValueSignal, deferredSignal, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getIntersectionInfo, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, hasCookie, inferMimeType, injectBreakpointIsMatched, injectCurrentBreakpoint, injectFragment, injectHostElement, injectIs2Xl, injectIsLg, injectIsMd, injectIsSm, injectIsXl, injectIsXs, injectObserveBreakpoint, injectOrRunInContext, injectPathParam, injectPathParams, injectQueryParam, injectQueryParams, injectRouteData, injectRouteDataItem, injectRouteTitle, injectTemplateRef, isArray, isElementVisible, isEmptyArray, isGroupMatch, isKnockoutMatch, isObject, isObjectArray, isPrimitiveArray, maybeSignalValue, 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, useCursorDragScroll };
 //# sourceMappingURL=ethlete-core.mjs.map