@ethlete/cdk 5.0.0-next.2 → 5.0.0-next.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ethlete/cdk
 
+## 5.0.0-next.4
+
+### Patch Changes
+
+- [#2923](https://github.com/ethlete-io/ethdk/pull/2923) [`5c5fc57`](https://github.com/ethlete-io/ethdk/commit/5c5fc57e2e45b5fd78f0d20bacf0ec310cc84e2b) Thanks [@github-actions](https://github.com/apps/github-actions)! - Fix et picture displaying nothing if a data uri gets passed as a source
+
+## 5.0.0-next.3
+
+### Patch Changes
+
+- [`58525cd`](https://github.com/ethlete-io/ethdk/commit/58525cd7123c8e20739b0841b2f0abf5920296f1) Thanks [@TomTomB](https://github.com/TomTomB)! - Fix scroll blocking getting applied even if the page is currently not scrollable
+
 ## 5.0.0-next.2
 
 ### Patch Changes

package/fesm2022/ethlete-cdk.mjs

@@ -9,7 +9,7 @@ import { map, switchMap, combineLatest, pairwise, tap, BehaviorSubject, filter,
 import { __decorate, __metadata } from 'tslib';
 import { AsyncPipe, NgComponentOutlet, Location, NgTemplateOutlet, NgClass, DOCUMENT as DOCUMENT$1, NgStyle } from '@angular/common';
 import * as i1$1 from '@ethlete/core';
-import { createComponentId, injectRenderer, IS_EMAIL, MUST_MATCH, IS_ARRAY_NOT_EMPTY, AT_LEAST_ONE_REQUIRED, createDestroy, equal, signalHostClasses, signalAttributes, signalHostAttributes, switchQueryListChanges, controlValueSignal, fromNextFrame, elementCanScroll, AnimatedLifecycleDirective, forceReflow, nextFrame, createRootProvider, injectBreakpointObserver, THEME_PROVIDER, ProvideThemeDirective, BOUNDARY_ELEMENT_TOKEN, signalElementScrollState, signalElementIntersection, isElementVisible, provideBoundaryElement, applyHostListener, injectBoundaryElement, ANIMATED_LIFECYCLE_TOKEN, cloneFormGroup, getFormGroupValue, injectQueryParam, injectRoute, AnimatedIfDirective, injectObserveBreakpoint, syncSignal, createStaticRootProvider, AnimatedOverlayDirective, setInputSignal, signalElementMutations, signalElementDimensions, createIsRenderedSignal, createCanAnimateSignal, useCursorDragScroll, signalElementChildren, signalClasses, signalHostStyles, signalStyles, getElementScrollCoordinates, injectTemplateRef, signalHostElementScrollState, signalHostElementDimensions, createProvider, previousSignalValue, injectHostElement, signalHostElementIntersection, createFlipAnimation, isObject, getObjectProperty, RuntimeError, KeyPressManager, scrollToElement, ClickOutsideDirective, clamp, injectFocusVisibleTracker, inferMimeType, applyHostListeners, TypedQueryList } from '@ethlete/core';
+import { createComponentId, injectRenderer, IS_EMAIL, MUST_MATCH, IS_ARRAY_NOT_EMPTY, AT_LEAST_ONE_REQUIRED, createDestroy, equal, signalHostClasses, signalAttributes, signalHostAttributes, switchQueryListChanges, controlValueSignal, fromNextFrame, elementCanScroll, AnimatedLifecycleDirective, forceReflow, nextFrame, createRootProvider, injectBreakpointObserver, THEME_PROVIDER, ProvideThemeDirective, BOUNDARY_ELEMENT_TOKEN, signalElementScrollState, signalElementIntersection, isElementVisible, provideBoundaryElement, applyHostListener, injectBoundaryElement, ANIMATED_LIFECYCLE_TOKEN, cloneFormGroup, getFormGroupValue, injectQueryParam, injectRoute, AnimatedIfDirective, injectObserveBreakpoint, syncSignal, createDocumentElementSignal, createStaticRootProvider, AnimatedOverlayDirective, setInputSignal, signalElementMutations, signalElementDimensions, createIsRenderedSignal, createCanAnimateSignal, useCursorDragScroll, signalElementChildren, signalClasses, signalHostStyles, signalStyles, getElementScrollCoordinates, injectTemplateRef, signalHostElementScrollState, signalHostElementDimensions, createProvider, previousSignalValue, injectHostElement, signalHostElementIntersection, createFlipAnimation, isObject, getObjectProperty, RuntimeError, KeyPressManager, scrollToElement, ClickOutsideDirective, clamp, injectFocusVisibleTracker, inferMimeType, applyHostListeners, TypedQueryList } from '@ethlete/core';
 import * as i1$5 from '@angular/cdk/a11y';
 import { FocusMonitor, FocusKeyManager, AriaDescriber, A11yModule } from '@angular/cdk/a11y';
 import { AutofillMonitor } from '@angular/cdk/text-field';
@@ -7704,11 +7704,12 @@ const [provideOverlayScrollBlocker, injectOverlayScrollBlocker] = createRootProv
     const overlayManager = injectOverlayManager();
     const document = inject(DOCUMENT);
     const renderer = injectRenderer();
+    const documentScrollState = signalElementScrollState(createDocumentElementSignal());
     const root = document.documentElement;
     let savedTop = null;
-    toObservable(overlayManager.hasOpenOverlays)
-        .pipe(tap((hasOpenOverlays) => {
-        if (hasOpenOverlays && savedTop === null) {
+    combineLatest([toObservable(overlayManager.hasOpenOverlays), toObservable(documentScrollState)])
+        .pipe(tap(([hasOpenOverlays, scrollState]) => {
+        if (hasOpenOverlays && scrollState.canScrollVertically && savedTop === null) {
             savedTop = document.defaultView?.scrollY ?? 0;
             renderer.setStyle(root, {
                 position: 'fixed',
@@ -17033,6 +17034,9 @@ const extractFirstImageUrl = (source) => {
     const srcString = typeof source === 'string' ? source : source?.srcset;
     if (!srcString)
         return null;
+    if (srcString.trimStart().startsWith('data:')) {
+        return srcString.trim() || null;
+    }
     const srcsetParts = srcString.split(',').map((part) => part.trim());
     if (srcsetParts.length > 0) {
         const firstPart = srcsetParts[0];
@@ -17093,7 +17097,7 @@ class PictureComponent {
         this.defaultSrcFallbackUrl = computed(() => extractFirstImageUrl(this.defaultSourceWithConfig()), ...(ngDevMode ? [{ debugName: "defaultSrcFallbackUrl" }] : []));
     }
     _combineWithConfig(src) {
-        if (!this._config?.baseUrl || src.srcset.startsWith('http')) {
+        if (!this._config?.baseUrl || src.srcset.startsWith('http') || src.srcset.startsWith('data:')) {
             return src;
         }
         const shouldAppendSlash = !this._config.baseUrl.endsWith('/') && !src.srcset.startsWith('/');