hr-design-system-handlebars 1.114.148 → 1.114.150

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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,29 @@
1
+ # v1.114.150 (Wed Jul 09 2025)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Add click tracking to gallery navigation buttons [#1291](https://github.com/mumprod/hr-design-system-handlebars/pull/1291) (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
+
14
+ # v1.114.149 (Tue Jul 01 2025)
15
+
16
+ #### 🐛 Bug Fix
17
+
18
+ - Fix media figure responsive width class for consistency [#1290](https://github.com/mumprod/hr-design-system-handlebars/pull/1290) ([@vascoeduardo](https://github.com/vascoeduardo) [@eduardo-hr](https://github.com/eduardo-hr))
19
+
20
+ #### Authors: 2
21
+
22
+ - [@eduardo-hr](https://github.com/eduardo-hr)
23
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
24
+
25
+ ---
26
+
1
27
  # v1.114.148 (Tue Jul 01 2025)
2
28
 
3
29
  #### 🐛 Bug Fix
@@ -3891,7 +3891,7 @@ article #commentList {
3891
3891
  border-bottom-color: var(--color-secondary-ds);
3892
3892
  }
3893
3893
  .counter-reset {
3894
- counter-reset: cnt1751372519841;
3894
+ counter-reset: cnt1752056359194;
3895
3895
  }
3896
3896
  .animate-delay-100 {
3897
3897
  --tw-animate-delay: 100ms;
@@ -4352,7 +4352,7 @@ html { scroll-behavior: smooth; }
4352
4352
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4353
4353
  }
4354
4354
  .-ordered {
4355
- counter-increment: cnt1751372519841 1;
4355
+ counter-increment: cnt1752056359194 1;
4356
4356
  }
4357
4357
  .-ordered::before {
4358
4358
  position: absolute;
@@ -4370,7 +4370,7 @@ html { scroll-behavior: smooth; }
4370
4370
  --tw-text-opacity: 1;
4371
4371
  color: rgba(0, 0, 0, 1);
4372
4372
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4373
- content: counter(cnt1751372519841);
4373
+ content: counter(cnt1752056359194);
4374
4374
  }
4375
4375
  /*! ****************************/
4376
4376
  /*! DataPolicy stuff */
@@ -8,12 +8,22 @@
8
8
  >
9
9
  <div class="relative w-full select-none">
10
10
  <div class="absolute top-0 bottom-0 left-0 right-0 z-30 ar-16-9">
11
- {{#> components/button/button _variant="transparent" _alpineClick="previous()" _css="absolute z-10 flex items-center justify-center left-4 bottom-4 sm:left-5 sm:bottom-5" _onBackground=true}}
12
- {{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons" _css="w-8 h-8 sm:w-11 sm:h-11 py-1 sm:py-2 fill-link dark:fill-link-dark" }}
13
- {{/components/button/button}}
14
- {{#> components/button/button _variant="transparent" _alpineClick="next()" _css="absolute z-10 flex items-center justify-center right-4 bottom-4 sm:right-5 sm:bottom-5" _onBackground=true}}
15
- {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons" _css="w-8 h-8 sm:w-11 sm:h-11 py-1 sm:py-2 fill-link dark:fill-link-dark" }}
16
- {{/components/button/button}}
11
+ {{#with this}}
12
+ {{#> components/button/button _variant="transparent" _alpineClick="previous()" _css="absolute z-10 flex items-center justify-center left-4 bottom-4 sm:left-5 sm:bottom-5 js-load" _onBackground=true}}
13
+ {{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons" _css="w-8 h-8 sm:w-11 sm:h-11 py-1 sm:py-2 fill-link dark:fill-link-dark" }}
14
+ {{/components/button/button}}
15
+ {{#*inline "htmlProperties"}}
16
+ data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Bildergalerie:back:{{../../../this.sophoraId}}" }]}'
17
+ {{/inline}}
18
+ {{/with}}
19
+ {{#with this}}
20
+ {{#> components/button/button _variant="transparent" _alpineClick="next()" _css="absolute z-10 flex items-center justify-center right-4 bottom-4 sm:right-5 sm:bottom-5 js-load" _onBackground=true}}
21
+ {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons" _css="w-8 h-8 sm:w-11 sm:h-11 py-1 sm:py-2 fill-link dark:fill-link-dark" }}
22
+ {{/components/button/button}}
23
+ {{#*inline "htmlProperties"}}
24
+ data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Bildergalerie:next:{{../../../this.sophoraId}}" }]}'
25
+ {{/inline}}
26
+ {{/with}}
17
27
  </div>
18
28
  <div class="absolute inset-0 z-20 flex items-center justify-center ar-16-9" aria-hidden="true" x-show="loading">
19
29
  {{> components/base/image/icon _icon="loading" _addClass="animate-spin animate-infinite h-8 w-8 md:w-11 md:h-11 fill-link dark:fill-link-dark" }}
@@ -1,4 +1,4 @@
1
- <figure class="relative {{_addClass}}{{#if _isVertical}} mx-auto w-full md:w-auto md:max-w-1/2{{/if}}" x-data="{ avStart: false }">
1
+ <figure class="relative {{_addClass}}{{#if _isVertical}} mx-auto w-full md:max-w-1/2{{/if}}" x-data="{ avStart: false }">
2
2
  {{~> components/base/a11y/hiddenText _locaTag=_a11yIntro-loca ~}}
3
3
  {{#unless _voting-option}}
4
4
  <div class="py-3 sm:py-4 {{#unless _noBorder}}border-t-[3px] border-gray-boulder dark:border-text-dark {{/unless}}{{_cssClassCaption}}">
@@ -8,12 +8,22 @@
8
8
  >
9
9
  <div class="relative w-full select-none">
10
10
  <div class="absolute top-0 bottom-0 left-0 right-0 z-30 ar-16-9">
11
- {{#> components/button/button _variant="transparent" _alpineClick="previous()" _css="absolute z-10 flex items-center justify-center left-4 bottom-4 sm:left-5 sm:bottom-5" _onBackground=true}}
12
- {{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons" _css="w-8 h-8 sm:w-11 sm:h-11 py-1 sm:py-2 fill-link dark:fill-link-dark" }}
13
- {{/components/button/button}}
14
- {{#> components/button/button _variant="transparent" _alpineClick="next()" _css="absolute z-10 flex items-center justify-center right-4 bottom-4 sm:right-5 sm:bottom-5" _onBackground=true}}
15
- {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons" _css="w-8 h-8 sm:w-11 sm:h-11 py-1 sm:py-2 fill-link dark:fill-link-dark" }}
16
- {{/components/button/button}}
11
+ {{#with this}}
12
+ {{#> components/button/button _variant="transparent" _alpineClick="previous()" _css="absolute z-10 flex items-center justify-center left-4 bottom-4 sm:left-5 sm:bottom-5 js-load" _onBackground=true}}
13
+ {{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons" _css="w-8 h-8 sm:w-11 sm:h-11 py-1 sm:py-2 fill-link dark:fill-link-dark" }}
14
+ {{/components/button/button}}
15
+ {{#*inline "htmlProperties"}}
16
+ data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Bildergalerie:back:{{../../../this.sophoraId}}" }]}'
17
+ {{/inline}}
18
+ {{/with}}
19
+ {{#with this}}
20
+ {{#> components/button/button _variant="transparent" _alpineClick="next()" _css="absolute z-10 flex items-center justify-center right-4 bottom-4 sm:right-5 sm:bottom-5 js-load" _onBackground=true}}
21
+ {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons" _css="w-8 h-8 sm:w-11 sm:h-11 py-1 sm:py-2 fill-link dark:fill-link-dark" }}
22
+ {{/components/button/button}}
23
+ {{#*inline "htmlProperties"}}
24
+ data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Bildergalerie:next:{{../../../this.sophoraId}}" }]}'
25
+ {{/inline}}
26
+ {{/with}}
17
27
  </div>
18
28
  <div class="absolute inset-0 z-20 flex items-center justify-center ar-16-9" aria-hidden="true" x-show="loading">
19
29
  {{> components/base/image/icon _icon="loading" _addClass="animate-spin animate-infinite h-8 w-8 md:w-11 md:h-11 fill-link dark:fill-link-dark" }}
@@ -1,4 +1,4 @@
1
- <figure class="relative {{_addClass}}{{#if _isVertical}} mx-auto w-full md:w-auto md:max-w-1/2{{/if}}" x-data="{ avStart: false }">
1
+ <figure class="relative {{_addClass}}{{#if _isVertical}} mx-auto w-full md:max-w-1/2{{/if}}" x-data="{ avStart: false }">
2
2
  {{~> components/base/a11y/hiddenText _locaTag=_a11yIntro-loca ~}}
3
3
  {{#unless _voting-option}}
4
4
  <div class="py-3 sm:py-4 {{#unless _noBorder}}border-t-[3px] border-gray-boulder dark:border-text-dark {{/unless}}{{_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.148",
9
+ "version": "1.114.150",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -8,12 +8,22 @@
8
8
  >
9
9
  <div class="relative w-full select-none">
10
10
  <div class="absolute top-0 bottom-0 left-0 right-0 z-30 ar-16-9">
11
- {{#> components/button/button _variant="transparent" _alpineClick="previous()" _css="absolute z-10 flex items-center justify-center left-4 bottom-4 sm:left-5 sm:bottom-5" _onBackground=true}}
12
- {{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons" _css="w-8 h-8 sm:w-11 sm:h-11 py-1 sm:py-2 fill-link dark:fill-link-dark" }}
13
- {{/components/button/button}}
14
- {{#> components/button/button _variant="transparent" _alpineClick="next()" _css="absolute z-10 flex items-center justify-center right-4 bottom-4 sm:right-5 sm:bottom-5" _onBackground=true}}
15
- {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons" _css="w-8 h-8 sm:w-11 sm:h-11 py-1 sm:py-2 fill-link dark:fill-link-dark" }}
16
- {{/components/button/button}}
11
+ {{#with this}}
12
+ {{#> components/button/button _variant="transparent" _alpineClick="previous()" _css="absolute z-10 flex items-center justify-center left-4 bottom-4 sm:left-5 sm:bottom-5 js-load" _onBackground=true}}
13
+ {{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons" _css="w-8 h-8 sm:w-11 sm:h-11 py-1 sm:py-2 fill-link dark:fill-link-dark" }}
14
+ {{/components/button/button}}
15
+ {{#*inline "htmlProperties"}}
16
+ data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Bildergalerie:back:{{../../../this.sophoraId}}" }]}'
17
+ {{/inline}}
18
+ {{/with}}
19
+ {{#with this}}
20
+ {{#> components/button/button _variant="transparent" _alpineClick="next()" _css="absolute z-10 flex items-center justify-center right-4 bottom-4 sm:right-5 sm:bottom-5 js-load" _onBackground=true}}
21
+ {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons" _css="w-8 h-8 sm:w-11 sm:h-11 py-1 sm:py-2 fill-link dark:fill-link-dark" }}
22
+ {{/components/button/button}}
23
+ {{#*inline "htmlProperties"}}
24
+ data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Bildergalerie:next:{{../../../this.sophoraId}}" }]}'
25
+ {{/inline}}
26
+ {{/with}}
17
27
  </div>
18
28
  <div class="absolute inset-0 z-20 flex items-center justify-center ar-16-9" aria-hidden="true" x-show="loading">
19
29
  {{> components/base/image/icon _icon="loading" _addClass="animate-spin animate-infinite h-8 w-8 md:w-11 md:h-11 fill-link dark:fill-link-dark" }}
@@ -1,4 +1,4 @@
1
- <figure class="relative {{_addClass}}{{#if _isVertical}} mx-auto w-full md:w-auto md:max-w-1/2{{/if}}" x-data="{ avStart: false }">
1
+ <figure class="relative {{_addClass}}{{#if _isVertical}} mx-auto w-full md:max-w-1/2{{/if}}" x-data="{ avStart: false }">
2
2
  {{~> components/base/a11y/hiddenText _locaTag=_a11yIntro-loca ~}}
3
3
  {{#unless _voting-option}}
4
4
  <div class="py-3 sm:py-4 {{#unless _noBorder}}border-t-[3px] border-gray-boulder dark:border-text-dark {{/unless}}{{_cssClassCaption}}">