@ethlete/core 5.0.0-next.0 → 5.0.0-next.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @ethlete/core
 
+## 5.0.0-next.2
+
+### Patch Changes
+
+- [`95e656d`](https://github.com/ethlete-io/ethdk/commit/95e656d036368a48cbd17a399f7c0c61c49ab0fa) Thanks [@TomTomB](https://github.com/TomTomB)! - Fix angular root element discovery failing if its not there during the first check
+
+- [`95e656d`](https://github.com/ethlete-io/ethdk/commit/95e656d036368a48cbd17a399f7c0c61c49ab0fa) Thanks [@TomTomB](https://github.com/TomTomB)! - Fix animated lifecycle skipping interrupted transitions
+
+- [`95e656d`](https://github.com/ethlete-io/ethdk/commit/95e656d036368a48cbd17a399f7c0c61c49ab0fa) Thanks [@TomTomB](https://github.com/TomTomB)! - Fix scrollbar dimensions signal not returning the actual scrollbar dimensions
+
+## 5.0.0-next.1
+
+### Patch Changes
+
+- [#2920](https://github.com/ethlete-io/ethdk/pull/2920) [`377bd7a`](https://github.com/ethlete-io/ethdk/commit/377bd7a00b89aef516d312c909e236fcc1ed5077) Thanks [@github-actions](https://github.com/apps/github-actions)! - Change renderer.removeStyle function signature to support style flags
+
+- Updated dependencies [[`d99c3f0`](https://github.com/ethlete-io/ethdk/commit/d99c3f0fc3d6b3b0e7105d21d1f7119cde68b561)]:
+  - @ethlete/types@2.0.0-next.0
+
 ## 5.0.0-next.0
 
 ### Major Changes

package/fesm2022/ethlete-core.mjs

@@ -1565,9 +1565,18 @@ const injectScrollbarDimensions = memoizeSignal(() => {
     scrollbarRuler.style.overflow = 'scroll';
     scrollbarRuler.style.position = 'absolute';
     scrollbarRuler.style.top = '-9999px';
+    scrollbarRuler.style.scrollbarWidth = getComputedStyle(document.documentElement).scrollbarWidth;
     renderer.appendChild(document.body, scrollbarRuler);
     const scrollContainerDimensions = signalElementDimensions(scrollbarRuler);
-    return scrollContainerDimensions;
+    return computed(() => {
+        const client = scrollContainerDimensions().client;
+        if (!client)
+            return null;
+        return {
+            width: Math.max(0, 100 - client.width),
+            height: Math.max(0, 100 - client.height),
+        };
+    });
 });
 
 let hasWrittenScrollbarSizes = false;
@@ -1588,7 +1597,7 @@ const writeScrollbarSizeToCssVariables = () => {
     const renderer = injectRenderer();
     const scrollbarDimensions = injectScrollbarDimensions();
     effect(() => {
-        const dimensions = scrollbarDimensions().rect?.();
+        const dimensions = scrollbarDimensions();
         if (!dimensions)
             return;
         renderer.setCssProperties(document.documentElement, {
@@ -1674,7 +1683,7 @@ const useCursorDragScroll = (el, options) => {
             if (!el)
                 return;
             if (!currCanScroll || !isEnabled) {
-                renderer.removeStyle(el, 'cursor', 'scrollSnapType', 'scrollBehavior');
+                renderer.removeStyles(el, 'cursor', 'scrollSnapType', 'scrollBehavior');
                 renderer.removeStyle(document.documentElement, 'cursor');
                 renderer.removeClass(el, CURSOR_DRAG_SCROLLING_CLASS, CURSOR_DRAG_INIT_CLASS);
                 return;
@@ -1697,7 +1706,7 @@ const useCursorDragScroll = (el, options) => {
                 renderer.setStyle(el, {
                     cursor: 'grab',
                 });
-                renderer.removeStyle(el, 'scrollSnapType', 'scrollBehavior');
+                renderer.removeStyles(el, 'scrollSnapType', 'scrollBehavior');
                 renderer.removeClass(el, CURSOR_DRAG_SCROLLING_CLASS, CURSOR_DRAG_INIT_CLASS);
                 renderer.removeStyle(document.documentElement, 'cursor');
             }
@@ -2290,12 +2299,16 @@ const scrollToElement = (options) => {
 const [, injectAngularRootElement] = createRootProvider(() => {
     const appRef = inject(ApplicationRef);
     const rootElement = signal(null, ...(ngDevMode ? [{ debugName: "rootElement" }] : []));
-    setTimeout(() => {
+    const poll = () => {
         const appComponents = appRef.components;
         if (appComponents.length > 0) {
             rootElement.set(appComponents[0]?.location.nativeElement);
         }
-    });
+        else {
+            setTimeout(poll, 25);
+        }
+    };
+    setTimeout(poll);
     return rootElement;
 });
 
@@ -2458,6 +2471,8 @@ const [provideRenderer, injectRenderer] = createRootProvider(() => {
     };
     const setStyle = (element, style, flags) => {
         Object.entries(style).forEach(([key, value]) => {
+            if (!Number.isNaN(Number(key)))
+                return;
             if (value !== null && value !== undefined) {
                 renderer.setStyle(element, key, value, flags);
             }
@@ -2466,8 +2481,13 @@ const [provideRenderer, injectRenderer] = createRootProvider(() => {
             }
         });
     };
-    const removeStyle = (element, ...styles) => {
-        styles.forEach((style) => renderer.removeStyle(element, style));
+    const removeStyle = (element, style, flags) => {
+        if (!Number.isNaN(Number(style)))
+            return;
+        renderer.removeStyle(element, style, flags);
+    };
+    const removeStyles = (element, ...styles) => {
+        styles.forEach((style) => removeStyle(element, style));
     };
     const setCssProperty = (element, name, value) => {
         if (value !== null && value !== undefined) {
@@ -2570,6 +2590,7 @@ const [provideRenderer, injectRenderer] = createRootProvider(() => {
         toggleClass,
         setStyle,
         removeStyle,
+        removeStyles,
         setAttribute,
         removeAttribute,
         setProperty,
@@ -2830,7 +2851,7 @@ class AnimatedLifecycleDirective {
         const { removeClasses, addClasses, expectedState, transitionId, onComplete, cancelSignal } = config;
         this.removeClasses(...removeClasses);
         addClasses.forEach((cls) => this.addClass(cls));
-        timer(0)
+        fromNextFrame()
             .pipe(switchMap(() => this.animatable.isAnimating$), take(1), switchMap((isAnimating) => {
             if (!isAnimating && this.state$.value === expectedState) {
                 return of({ cancelled: false, transitionId });