hr-design-system-handlebars 1.114.152 → 1.114.153

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v1.114.153 (Tue Jul 15 2025)
+
+#### 🐛 Bug Fix
+
+- DPE-3711: prevent endless loading spinner for hero image in gallery [#1294](https://github.com/mumprod/hr-design-system-handlebars/pull/1294) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
+
+#### Authors: 2
+
+- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
+- selbaciri (saad.elbaciri@hr.de)
+
+---
+
 # v1.114.152 (Tue Jul 15 2025)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3891,7 +3891,7 @@ article #commentList {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1752581940439;
+  counter-reset: cnt1752583911054;
 }
 .animate-delay-100 {
   --tw-animate-delay: 100ms;
@@ -4352,7 +4352,7 @@ html { scroll-behavior: smooth; }
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1752581940439 1;
+  counter-increment: cnt1752583911054 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4370,7 +4370,7 @@ html { scroll-behavior: smooth; }
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1752581940439);
+  content: counter(cnt1752583911054);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/assets/js/components/content/copytext/components/gallery/js/gallerySlider.alpine.js

@@ -32,7 +32,17 @@ export default function gallerySlider(gallerySelector) {
                 this.captions = [...galleryContainer.querySelectorAll('.js-gallery-slider-caption')];
                 this.captions.forEach((caption, index) => caption.setAttribute('x-show', `currentSlideIndex === ${index + 1}`));
             }
-            this.handleImageLoad(this.slides[0].querySelector('.js-gallery-image'));
+
+            this.slides.forEach(slide => {
+                const img = slide.querySelector('.js-gallery-image');
+                if (img) {
+                    if (img.complete && img.naturalHeight !== 0) {
+                        this.handleImageLoad(img);
+                    } else {
+                        img.onload = () => this.handleImageLoad(img);
+                    }
+                }
+            });
 
         },
         handleTouchStart(event) {

package/package.json

@@ -6,7 +6,7 @@
   "license": "MIT",
   "main": "dist/index.js",
   "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-  "version": "1.114.152",
+  "version": "1.114.153",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "storybook dev -p 6006 public",

package/src/stories/views/components/content/copytext/components/gallery/js/gallerySlider.alpine.js

@@ -32,7 +32,17 @@ export default function gallerySlider(gallerySelector) {
                 this.captions = [...galleryContainer.querySelectorAll('.js-gallery-slider-caption')];
                 this.captions.forEach((caption, index) => caption.setAttribute('x-show', `currentSlideIndex === ${index + 1}`));
             }
-            this.handleImageLoad(this.slides[0].querySelector('.js-gallery-image'));
+
+            this.slides.forEach(slide => {
+                const img = slide.querySelector('.js-gallery-image');
+                if (img) {
+                    if (img.complete && img.naturalHeight !== 0) {
+                        this.handleImageLoad(img);
+                    } else {
+                        img.onload = () => this.handleImageLoad(img);
+                    }
+                }
+            });
 
         },
         handleTouchStart(event) {