hr-design-system-handlebars 1.124.3 β†’ 1.124.5

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 +25 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/assets/js/components/mediaplayer/ardPlayerLoader.subfeature.js +17 -13
  4. package/dist/views/components/podcast/podcast_player.hbs +1 -1
  5. package/dist/views_static/components/podcast/podcast_player.hbs +1 -1
  6. package/package.json +1 -1
  7. package/src/stories/views/components/mediaplayer/ardPlayerLoader.subfeature.js +17 -13
  8. package/src/stories/views/components/podcast/podcast_player.hbs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,28 @@
1
+ # v1.124.5 (Wed Dec 03 2025)
2
+
3
+ #### πŸ› Bug Fix
4
+
5
+ - DPE-3773-B: revert changes [#1326](https://github.com/mumprod/hr-design-system-handlebars/pull/1326) (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.124.4 (Wed Nov 26 2025)
15
+
16
+ #### πŸ› Bug Fix
17
+
18
+ - Only call trackPlayerStart() when we are not inside a webview to prev… [#1325](https://github.com/mumprod/hr-design-system-handlebars/pull/1325) ([@szuelch](https://github.com/szuelch))
19
+
20
+ #### Authors: 1
21
+
22
+ - [@szuelch](https://github.com/szuelch)
23
+
24
+ ---
25
+
1
26
  # v1.124.3 (Tue Nov 25 2025)
2
27
 
3
28
  #### πŸ› Bug Fix
package/dist/assets/index.css CHANGED
@@ -3895,7 +3895,7 @@ article #commentList {
3895
3895
  border-bottom-color: var(--color-secondary-ds);
3896
3896
  }
3897
3897
  .counter-reset {
3898
- counter-reset: cnt1764090267236;
3898
+ counter-reset: cnt1764770436342;
3899
3899
  }
3900
3900
  .animate-delay-100 {
3901
3901
  --tw-animate-delay: 100ms;
@@ -4356,7 +4356,7 @@ html { scroll-behavior: smooth; }
4356
4356
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4357
4357
  }
4358
4358
  .-ordered {
4359
- counter-increment: cnt1764090267236 1;
4359
+ counter-increment: cnt1764770436342 1;
4360
4360
  }
4361
4361
  .-ordered::before {
4362
4362
  position: absolute;
@@ -4374,7 +4374,7 @@ html { scroll-behavior: smooth; }
4374
4374
  --tw-text-opacity: 1;
4375
4375
  color: rgba(0, 0, 0, 1);
4376
4376
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4377
- content: counter(cnt1764090267236);
4377
+ content: counter(cnt1764770436342);
4378
4378
  }
4379
4379
  /*! ****************************/
4380
4380
  /*! DataPolicy stuff */
package/dist/assets/js/components/mediaplayer/ardPlayerLoader.subfeature.js CHANGED
@@ -11,10 +11,10 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
11
11
  typeLabel = options.typeLabel,
12
12
  settingsCookie = new SettingsCookie(),
13
13
  isPlayerDebug = options.isPlayerDebug || false,
14
- playerLocation = trackingData.playerLocation || "Default",
14
+ playerLocation = trackingData.playerLocation || 'Default',
15
15
  playerSize = trackingData.playerSize || options.teaserSize,
16
16
  isDarkmodeAllowed = options.isDarkmodeAllowed,
17
- darkModePreference = window.matchMedia("(prefers-color-scheme: dark)");
17
+ darkModePreference = window.matchMedia('(prefers-color-scheme: dark)')
18
18
  let mediaCollection = options.mediaCollection,
19
19
  playerConfig = options.playerConfig,
20
20
  isPlayerStarted = false,
@@ -23,7 +23,7 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
23
23
 
24
24
  const setupPlayer = function () {
25
25
  loadArdPlayerScript()
26
- fetchPlayerStyle(skinPath,skinPath.replace(/[^a-zA-Z0-9\s]/g, '')).then((value) => {console.log(value);}).then(createPlayer)
26
+ fetchPlayerStyle(skinPath, skinPath.replace(/[^a-zA-Z0-9\s]/g, '')).then(createPlayer)
27
27
  }
28
28
 
29
29
  const loadArdPlayerScript = function () {
@@ -32,7 +32,7 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
32
32
 
33
33
  const fetchPlayerStyle = function (url, id) {
34
34
  return new Promise(function (resolve, reject) {
35
- if (document.getElementById(id)) {
35
+ if (document.getElementById(id)) {
36
36
  resolve('Style wurde bereits geladen')
37
37
  } else {
38
38
  const link = document.createElement('link')
@@ -49,18 +49,22 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
49
49
 
50
50
  const createPlayer = function () {
51
51
  if (undefined != playerConfig.pluginData['trackingPiano@all']) {
52
- playerConfig.pluginData['trackingPiano@all'].isEnabled = settingsCookie.isSettingsCookieExistent('ati') ? settingsCookie.isSettingsCookieAccepted('ati') : !isWebview
52
+ playerConfig.pluginData['trackingPiano@all'].isEnabled =
53
+ settingsCookie.isSettingsCookieExistent('ati')
54
+ ? settingsCookie.isSettingsCookieAccepted('ati')
55
+ : !isWebview
53
56
  }
54
57
  if (undefined != playerConfig.pluginData['trackingAgf@all']) {
55
- playerConfig.pluginData['trackingAgf@all'].isEnabled = settingsCookie.isSettingsCookieExistent('agf') ? settingsCookie.isSettingsCookieAccepted('agf') : !isWebview
58
+ playerConfig.pluginData['trackingAgf@all'].isEnabled =
59
+ settingsCookie.isSettingsCookieExistent('agf')
60
+ ? settingsCookie.isSettingsCookieAccepted('agf')
61
+ : !isWebview
56
62
  }
57
63
  whenAvailable('ardplayer', function () {
58
64
  player = new ardplayer.Player(playerId.toString(), playerConfig, mediaCollection)
59
65
 
60
-
61
66
  player.setLightMode(isDarkmodeAllowed ? !darkModePreference.matches : true)
62
67
 
63
-
64
68
  if (isPlayerDebug) {
65
69
  ardplayer.debug(true, true, true, true)
66
70
  }
@@ -78,7 +82,6 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
78
82
  }, interval)
79
83
  }
80
84
 
81
-
82
85
  const bindPlayerEvents = function () {
83
86
  listen(ardplayer.Player.EVENT_PLAY_STREAM, handlePlayStream, player)
84
87
 
@@ -107,13 +110,13 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
107
110
  }
108
111
  })
109
112
 
110
- listen("change", handleThemeSwitch, darkModePreference)
113
+ listen('change', handleThemeSwitch, darkModePreference)
111
114
  }
112
115
 
113
116
  const handlePlayStream = function (event) {
114
117
  const geotag = hr$('.js-geotag', rootElement)[0]
115
118
  if (!isPlayerStarted) {
116
- trackPlayerStart()
119
+ !isWebview && trackPlayerStart()
117
120
  isPlayerStarted = true
118
121
  }
119
122
  if (typeof geotag != 'undefined') {
@@ -129,12 +132,13 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
129
132
  }
130
133
 
131
134
  const handleThemeSwitch = function (event) {
132
-
133
135
  player.setLightMode(isDarkmodeAllowed ? !event.matches : true)
134
136
  }
135
137
 
136
138
  const trackPlayerStart = function () {
137
- uxAction(`Playbutton geklickt::${typeLabel} \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`)
139
+ uxAction(
140
+ `Playbutton geklickt::${typeLabel} \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`
141
+ )
138
142
  }
139
143
 
140
144
  setupPlayer()
package/dist/views/components/podcast/podcast_player.hbs CHANGED
@@ -76,7 +76,7 @@
76
76
  <div class="flex justify-end w-full pl-4">
77
77
  <div class="flex flex-col flex-wrap self-end text-xs font-heading text-podcast-text dark:text-podcast-text-dark">
78
78
  <span class="self-end font-bold">Zur Sendung</span>
79
- <a class="{{if (isUserConsentNeeded ../this.podcastChannelLink.url) 'js-user-consent-needed ' ''}}self-end underline ds-link" href="{{../this.podcastChannelLink.url}}">{{this.title}}</a>
79
+ <a class="{{if (isUserConsentNeeded this.url) 'js-user-consent-needed ' ''}}self-end underline ds-link" href="{{this.url}}">{{this.title}}</a>
80
80
  </div>
81
81
  </div>
82
82
  {{/with}}
package/dist/views_static/components/podcast/podcast_player.hbs CHANGED
@@ -76,7 +76,7 @@
76
76
  <div class="flex justify-end w-full pl-4">
77
77
  <div class="flex flex-col flex-wrap self-end text-xs font-heading text-podcast-text dark:text-podcast-text-dark">
78
78
  <span class="self-end font-bold">Zur Sendung</span>
79
- <a class="{{if (isUserConsentNeeded ../this.podcastChannelLink.url) 'js-user-consent-needed ' ''}}self-end underline ds-link" href="{{../this.podcastChannelLink.url}}">{{this.title}}</a>
79
+ <a class="{{if (isUserConsentNeeded this.url) 'js-user-consent-needed ' ''}}self-end underline ds-link" href="{{this.url}}">{{this.title}}</a>
80
80
  </div>
81
81
  </div>
82
82
  {{/with}}
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.124.3",
9
+ "version": "1.124.5",
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/mediaplayer/ardPlayerLoader.subfeature.js CHANGED
@@ -11,10 +11,10 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
11
11
  typeLabel = options.typeLabel,
12
12
  settingsCookie = new SettingsCookie(),
13
13
  isPlayerDebug = options.isPlayerDebug || false,
14
- playerLocation = trackingData.playerLocation || "Default",
14
+ playerLocation = trackingData.playerLocation || 'Default',
15
15
  playerSize = trackingData.playerSize || options.teaserSize,
16
16
  isDarkmodeAllowed = options.isDarkmodeAllowed,
17
- darkModePreference = window.matchMedia("(prefers-color-scheme: dark)");
17
+ darkModePreference = window.matchMedia('(prefers-color-scheme: dark)')
18
18
  let mediaCollection = options.mediaCollection,
19
19
  playerConfig = options.playerConfig,
20
20
  isPlayerStarted = false,
@@ -23,7 +23,7 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
23
23
 
24
24
  const setupPlayer = function () {
25
25
  loadArdPlayerScript()
26
- fetchPlayerStyle(skinPath,skinPath.replace(/[^a-zA-Z0-9\s]/g, '')).then((value) => {console.log(value);}).then(createPlayer)
26
+ fetchPlayerStyle(skinPath, skinPath.replace(/[^a-zA-Z0-9\s]/g, '')).then(createPlayer)
27
27
  }
28
28
 
29
29
  const loadArdPlayerScript = function () {
@@ -32,7 +32,7 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
32
32
 
33
33
  const fetchPlayerStyle = function (url, id) {
34
34
  return new Promise(function (resolve, reject) {
35
- if (document.getElementById(id)) {
35
+ if (document.getElementById(id)) {
36
36
  resolve('Style wurde bereits geladen')
37
37
  } else {
38
38
  const link = document.createElement('link')
@@ -49,18 +49,22 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
49
49
 
50
50
  const createPlayer = function () {
51
51
  if (undefined != playerConfig.pluginData['trackingPiano@all']) {
52
- playerConfig.pluginData['trackingPiano@all'].isEnabled = settingsCookie.isSettingsCookieExistent('ati') ? settingsCookie.isSettingsCookieAccepted('ati') : !isWebview
52
+ playerConfig.pluginData['trackingPiano@all'].isEnabled =
53
+ settingsCookie.isSettingsCookieExistent('ati')
54
+ ? settingsCookie.isSettingsCookieAccepted('ati')
55
+ : !isWebview
53
56
  }
54
57
  if (undefined != playerConfig.pluginData['trackingAgf@all']) {
55
- playerConfig.pluginData['trackingAgf@all'].isEnabled = settingsCookie.isSettingsCookieExistent('agf') ? settingsCookie.isSettingsCookieAccepted('agf') : !isWebview
58
+ playerConfig.pluginData['trackingAgf@all'].isEnabled =
59
+ settingsCookie.isSettingsCookieExistent('agf')
60
+ ? settingsCookie.isSettingsCookieAccepted('agf')
61
+ : !isWebview
56
62
  }
57
63
  whenAvailable('ardplayer', function () {
58
64
  player = new ardplayer.Player(playerId.toString(), playerConfig, mediaCollection)
59
65
 
60
-
61
66
  player.setLightMode(isDarkmodeAllowed ? !darkModePreference.matches : true)
62
67
 
63
-
64
68
  if (isPlayerDebug) {
65
69
  ardplayer.debug(true, true, true, true)
66
70
  }
@@ -78,7 +82,6 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
78
82
  }, interval)
79
83
  }
80
84
 
81
-
82
85
  const bindPlayerEvents = function () {
83
86
  listen(ardplayer.Player.EVENT_PLAY_STREAM, handlePlayStream, player)
84
87
 
@@ -107,13 +110,13 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
107
110
  }
108
111
  })
109
112
 
110
- listen("change", handleThemeSwitch, darkModePreference)
113
+ listen('change', handleThemeSwitch, darkModePreference)
111
114
  }
112
115
 
113
116
  const handlePlayStream = function (event) {
114
117
  const geotag = hr$('.js-geotag', rootElement)[0]
115
118
  if (!isPlayerStarted) {
116
- trackPlayerStart()
119
+ !isWebview && trackPlayerStart()
117
120
  isPlayerStarted = true
118
121
  }
119
122
  if (typeof geotag != 'undefined') {
@@ -129,12 +132,13 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
129
132
  }
130
133
 
131
134
  const handleThemeSwitch = function (event) {
132
-
133
135
  player.setLightMode(isDarkmodeAllowed ? !event.matches : true)
134
136
  }
135
137
 
136
138
  const trackPlayerStart = function () {
137
- uxAction(`Playbutton geklickt::${typeLabel} \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`)
139
+ uxAction(
140
+ `Playbutton geklickt::${typeLabel} \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`
141
+ )
138
142
  }
139
143
 
140
144
  setupPlayer()
package/src/stories/views/components/podcast/podcast_player.hbs CHANGED
@@ -76,7 +76,7 @@
76
76
  <div class="flex justify-end w-full pl-4">
77
77
  <div class="flex flex-col flex-wrap self-end text-xs font-heading text-podcast-text dark:text-podcast-text-dark">
78
78
  <span class="self-end font-bold">Zur Sendung</span>
79
- <a class="{{if (isUserConsentNeeded ../this.podcastChannelLink.url) 'js-user-consent-needed ' ''}}self-end underline ds-link" href="{{../this.podcastChannelLink.url}}">{{this.title}}</a>
79
+ <a class="{{if (isUserConsentNeeded this.url) 'js-user-consent-needed ' ''}}self-end underline ds-link" href="{{this.url}}">{{this.title}}</a>
80
80
  </div>
81
81
  </div>
82
82
  {{/with}}