@ethlete/core 5.0.0-next.1 → 5.0.0-next.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @ethlete/core
 
+## 5.0.0-next.3
+
+### Patch Changes
+
+- [`58525cd`](https://github.com/ethlete-io/ethdk/commit/58525cd7123c8e20739b0841b2f0abf5920296f1) Thanks [@TomTomB](https://github.com/TomTomB)! - Fix error NG0600 created by using the focus visible provider
+
+## 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

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, {
@@ -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;
 });
 
@@ -2394,20 +2407,20 @@ const [provideFocusVisibleTracker, injectFocusVisibleTracker, FOCUS_VISIBLE_TRAC
     const onKeyDown = (e) => {
         if (e.key === 'Tab' || e.key === 'Shift' || e.key === 'Meta' || e.key === 'Alt' || e.key === 'Control') {
             hadKeyboardEvent = true;
-            isFocusVisible.set(true);
+            queueMicrotask(() => isFocusVisible.set(true));
         }
     };
     const onPointerDown = () => {
         hadKeyboardEvent = false;
-        isFocusVisible.set(false);
+        queueMicrotask(() => isFocusVisible.set(false));
     };
     const onFocus = () => {
         if (hadKeyboardEvent) {
-            isFocusVisible.set(true);
+            queueMicrotask(() => isFocusVisible.set(true));
         }
     };
     const onBlur = () => {
-        isFocusVisible.set(false);
+        queueMicrotask(() => isFocusVisible.set(false));
     };
     document.addEventListener('keydown', onKeyDown, true);
     document.addEventListener('mousedown', onPointerDown, true);
@@ -2838,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 });