hr-design-system-handlebars 1.114.84 → 1.114.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/assets/js/components/content/copytext/components/gallery/js/gallerySlider.alpine.js +3 -2
  4. package/dist/views/components/content/copytext/components/gallery/galleryitem_figure.hbs +6 -9
  5. package/dist/views_static/components/content/copytext/components/gallery/galleryitem_figure.hbs +6 -9
  6. package/package.json +1 -1
  7. package/src/stories/views/components/content/copytext/components/gallery/galleryitem_figure.hbs +6 -9
  8. package/src/stories/views/components/content/copytext/components/gallery/js/gallerySlider.alpine.js +3 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v1.114.85 (Thu Feb 06 2025)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Fix image load handler + remove _isWebview for gallery images [#1234](https://github.com/mumprod/hr-design-system-handlebars/pull/1234) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
6
+
7
+ #### Authors: 2
8
+
9
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
10
+ - selbaciri (saad.elbaciri@hr.de)
11
+
12
+ ---
13
+
1
14
  # v1.114.84 (Wed Feb 05 2025)
2
15
 
3
16
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -3828,7 +3828,7 @@ article #commentList {
3828
3828
  border-bottom-color: var(--color-secondary-ds);
3829
3829
  }
3830
3830
  .counter-reset {
3831
- counter-reset: cnt1738773896776;
3831
+ counter-reset: cnt1738852535871;
3832
3832
  }
3833
3833
  .animate-delay-100 {
3834
3834
  --tw-animate-delay: 100ms;
@@ -4273,7 +4273,7 @@ html { scroll-behavior: smooth; }
4273
4273
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4274
4274
  }
4275
4275
  .-ordered {
4276
- counter-increment: cnt1738773896776 1;
4276
+ counter-increment: cnt1738852535871 1;
4277
4277
  }
4278
4278
  .-ordered::before {
4279
4279
  position: absolute;
@@ -4291,7 +4291,7 @@ html { scroll-behavior: smooth; }
4291
4291
  --tw-text-opacity: 1;
4292
4292
  color: rgba(0, 0, 0, 1);
4293
4293
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4294
- content: counter(cnt1738773896776);
4294
+ content: counter(cnt1738852535871);
4295
4295
  }
4296
4296
  /*! ****************************/
4297
4297
  /*! DataPolicy stuff */
package/dist/assets/js/components/content/copytext/components/gallery/js/gallerySlider.alpine.js CHANGED
@@ -32,6 +32,8 @@ export default function gallerySlider(gallerySelector) {
32
32
  this.captions = [...galleryContainer.querySelectorAll('.js-gallery-slider-caption')];
33
33
  this.captions.forEach((caption, index) => caption.setAttribute('x-show', `currentSlideIndex === ${index + 1}`));
34
34
  }
35
+ this.handleImageLoad(this.slides[0].querySelector('.js-gallery-image'));
36
+
35
37
  },
36
38
  handleTouchStart(event) {
37
39
  this.touchStartX = event.touches[0].clientX
@@ -51,8 +53,7 @@ export default function gallerySlider(gallerySelector) {
51
53
  this.touchEndX = null
52
54
  }
53
55
  },
54
- handleImageLoad(event) {
55
- const img = event.target;
56
+ handleImageLoad(img) {
56
57
  if (img.complete) {
57
58
  this.loading = false;
58
59
  this.loadedImages.push(img);
package/dist/views/components/content/copytext/components/gallery/galleryitem_figure.hbs CHANGED
@@ -4,11 +4,10 @@
4
4
  {{~#if this.displayOriginal.isTrue ~}}
5
5
  <div class="relative" aria-hidden="true">
6
6
  {{> components/base/image/responsive_image
7
- _type="gallery"
8
- _variant="default"
9
- _addClass="ar-16-9"
10
- _noDelay=(if @first true '')
11
- _isWebview=true}}
7
+ _type="gallery"
8
+ _variant="default"
9
+ _addClass="ar-16-9"
10
+ _noDelay=(if @first true '')}}
12
11
  <div class="absolute top-0 bottom-0 left-0 right-0 w-full bg-white/80 backdrop-blur-md">
13
12
  </div>
14
13
  </div>
@@ -18,8 +17,7 @@
18
17
  _addClass="absolute top-0 left-0 right-0 bottom-0"
19
18
  _addClassImg="!w-auto h-full absolute left-1/2 -translate-x-1/2 js-gallery-image"
20
19
  _noDelay=(if @first true '')
21
- _isWebview=true
22
- _loadHandler="handleImageLoad($event)"}}
20
+ _loadHandler="handleImageLoad($event.target)"}}
23
21
  {{else}}
24
22
  {{> components/base/image/responsive_image
25
23
  _type="gallery"
@@ -27,8 +25,7 @@
27
25
  _addClass="ar-16-9"
28
26
  _addClassImg="js-gallery-image"
29
27
  _noDelay=(if @first true '')
30
- _isWebview=true
31
- _loadHandler="handleImageLoad($event)"}}
28
+ _loadHandler="handleImageLoad($event.target)"}}
32
29
  {{~/if~}}
33
30
  </div>
34
31
  {{~> components/content/copytext/components/gallery/galleryitem_description_copytext _mediaBacklinkToStoryTeaser=_mediaBacklinkToStoryTeaser _cssClassCaption=_cssClassCaption~}}
package/dist/views_static/components/content/copytext/components/gallery/galleryitem_figure.hbs CHANGED
@@ -4,11 +4,10 @@
4
4
  {{~#if this.displayOriginal.isTrue ~}}
5
5
  <div class="relative" aria-hidden="true">
6
6
  {{> components/base/image/responsive_image
7
- _type="gallery"
8
- _variant="default"
9
- _addClass="ar-16-9"
10
- _noDelay=(if @first true '')
11
- _isWebview=true}}
7
+ _type="gallery"
8
+ _variant="default"
9
+ _addClass="ar-16-9"
10
+ _noDelay=(if @first true '')}}
12
11
  <div class="absolute top-0 bottom-0 left-0 right-0 w-full bg-white/80 backdrop-blur-md">
13
12
  </div>
14
13
  </div>
@@ -18,8 +17,7 @@
18
17
  _addClass="absolute top-0 left-0 right-0 bottom-0"
19
18
  _addClassImg="!w-auto h-full absolute left-1/2 -translate-x-1/2 js-gallery-image"
20
19
  _noDelay=(if @first true '')
21
- _isWebview=true
22
- _loadHandler="handleImageLoad($event)"}}
20
+ _loadHandler="handleImageLoad($event.target)"}}
23
21
  {{else}}
24
22
  {{> components/base/image/responsive_image
25
23
  _type="gallery"
@@ -27,8 +25,7 @@
27
25
  _addClass="ar-16-9"
28
26
  _addClassImg="js-gallery-image"
29
27
  _noDelay=(if @first true '')
30
- _isWebview=true
31
- _loadHandler="handleImageLoad($event)"}}
28
+ _loadHandler="handleImageLoad($event.target)"}}
32
29
  {{~/if~}}
33
30
  </div>
34
31
  {{~> components/content/copytext/components/gallery/galleryitem_description_copytext _mediaBacklinkToStoryTeaser=_mediaBacklinkToStoryTeaser _cssClassCaption=_cssClassCaption~}}
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.114.84",
9
+ "version": "1.114.85",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/stories/views/components/content/copytext/components/gallery/galleryitem_figure.hbs CHANGED
@@ -4,11 +4,10 @@
4
4
  {{~#if this.displayOriginal.isTrue ~}}
5
5
  <div class="relative" aria-hidden="true">
6
6
  {{> components/base/image/responsive_image
7
- _type="gallery"
8
- _variant="default"
9
- _addClass="ar-16-9"
10
- _noDelay=(if @first true '')
11
- _isWebview=true}}
7
+ _type="gallery"
8
+ _variant="default"
9
+ _addClass="ar-16-9"
10
+ _noDelay=(if @first true '')}}
12
11
  <div class="absolute top-0 bottom-0 left-0 right-0 w-full bg-white/80 backdrop-blur-md">
13
12
  </div>
14
13
  </div>
@@ -18,8 +17,7 @@
18
17
  _addClass="absolute top-0 left-0 right-0 bottom-0"
19
18
  _addClassImg="!w-auto h-full absolute left-1/2 -translate-x-1/2 js-gallery-image"
20
19
  _noDelay=(if @first true '')
21
- _isWebview=true
22
- _loadHandler="handleImageLoad($event)"}}
20
+ _loadHandler="handleImageLoad($event.target)"}}
23
21
  {{else}}
24
22
  {{> components/base/image/responsive_image
25
23
  _type="gallery"
@@ -27,8 +25,7 @@
27
25
  _addClass="ar-16-9"
28
26
  _addClassImg="js-gallery-image"
29
27
  _noDelay=(if @first true '')
30
- _isWebview=true
31
- _loadHandler="handleImageLoad($event)"}}
28
+ _loadHandler="handleImageLoad($event.target)"}}
32
29
  {{~/if~}}
33
30
  </div>
34
31
  {{~> components/content/copytext/components/gallery/galleryitem_description_copytext _mediaBacklinkToStoryTeaser=_mediaBacklinkToStoryTeaser _cssClassCaption=_cssClassCaption~}}
package/src/stories/views/components/content/copytext/components/gallery/js/gallerySlider.alpine.js CHANGED
@@ -32,6 +32,8 @@ export default function gallerySlider(gallerySelector) {
32
32
  this.captions = [...galleryContainer.querySelectorAll('.js-gallery-slider-caption')];
33
33
  this.captions.forEach((caption, index) => caption.setAttribute('x-show', `currentSlideIndex === ${index + 1}`));
34
34
  }
35
+ this.handleImageLoad(this.slides[0].querySelector('.js-gallery-image'));
36
+
35
37
  },
36
38
  handleTouchStart(event) {
37
39
  this.touchStartX = event.touches[0].clientX
@@ -51,8 +53,7 @@ export default function gallerySlider(gallerySelector) {
51
53
  this.touchEndX = null
52
54
  }
53
55
  },
54
- handleImageLoad(event) {
55
- const img = event.target;
56
+ handleImageLoad(img) {
56
57
  if (img.complete) {
57
58
  this.loading = false;
58
59
  this.loadedImages.push(img);