@ethlete/cdk 5.0.0-next.6 → 5.0.0-next.8

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ethlete/cdk
 
+## 5.0.0-next.8
+
+### Patch Changes
+
+- [`4721513`](https://github.com/ethlete-io/ethdk/commit/47215130cd9b06aad096c441282ae4e32201e3d8) Thanks [@TomTomB](https://github.com/TomTomB)! - Fix overlays throwing if opened from within a reactive context
+
+## 5.0.0-next.7
+
+### Patch Changes
+
+- [`f0a47a0`](https://github.com/ethlete-io/ethdk/commit/f0a47a08b9e178c9317f28d1f4ae7daa5e3a3901) Thanks [@TomTomB](https://github.com/TomTomB)! - Fix angular throwing NG0602 if a overlay gets opened from within a effect
+
 ## 5.0.0-next.6
 
 ### Minor Changes

package/fesm2022/ethlete-cdk.mjs

@@ -6295,8 +6295,8 @@ const [provideOverlayManager, injectOverlayManager] = createRootProvider(() => {
         const overlayPaneEl = cdkRef.overlayRef.overlayElement;
         const backdropEl = cdkRef.overlayRef.backdropElement;
         const overlayWrapper = cdkRef.overlayRef.hostElement;
-        const strategyBreakpoints = runInInjectionContext(childInjector, () => config.strategies?.() ?? []);
-        const breakpointMatchResults = runInInjectionContext(childInjector, () => strategyBreakpoints.map((breakpointEntry) => breakpointEntry.breakpoint
+        const strategyBreakpoints = untracked(() => runInInjectionContext(childInjector, () => config.strategies?.() ?? []));
+        const breakpointMatchResults = untracked(() => runInInjectionContext(childInjector, () => strategyBreakpoints.map((breakpointEntry) => breakpointEntry.breakpoint
             ? {
                 isActive: breakpointObserver.observeBreakpoint({ min: breakpointEntry.breakpoint }),
                 strategy: breakpointEntry.strategy,
@@ -6310,7 +6310,7 @@ const [provideOverlayManager, injectOverlayManager] = createRootProvider(() => {
                 isActive: signal(true),
                 strategy: breakpointEntry.strategy,
                 size: 0,
-            }));
+            })));
         const getHighestMatchedStrategy = () => {
             const activeBreakpoints = breakpointMatchResults.filter((entry) => entry.isActive());
             return activeBreakpoints.reduce((prev, curr) => (prev.size > curr.size ? prev : curr)).strategy;
@@ -6324,7 +6324,7 @@ const [provideOverlayManager, injectOverlayManager] = createRootProvider(() => {
                 previousStrategy: prev?.source,
             }) });
         let isFirstRun = true;
-        effect(() => {
+        untracked(() => effect(() => {
             const { currentStrategy, previousStrategy } = highestMatchedStrategy();
             if (isFirstRun) {
                 isFirstRun = false;
@@ -6333,7 +6333,7 @@ const [provideOverlayManager, injectOverlayManager] = createRootProvider(() => {
             untracked(() => {
                 applyStrategy(currentStrategy, previousStrategy, { containerEl, overlayPaneEl, backdropEl, overlayWrapper }, config, cdkRef, overlayRef);
             });
-        }, { injector: childInjector });
+        }, { injector: childInjector }));
     };
     const applyStrategy = (currStrategy, prevStrategy, elements, config, cdkRef, overlayRef) => {
         const { containerEl, overlayPaneEl, backdropEl, overlayWrapper } = elements;