hr-design-system-handlebars 1.93.0 → 1.95.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.95.0 (Thu Aug 22 2024)
+
+#### 🚀 Enhancement
+
+- Feature/dpe 3314 [#1051](https://github.com/mumprod/hr-design-system-handlebars/pull/1051) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# v1.94.0 (Thu Aug 15 2024)
+
+#### 🚀 Enhancement
+
+- Feature/dpe 3299 [#1050](https://github.com/mumprod/hr-design-system-handlebars/pull/1050) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v1.93.0 (Thu Aug 15 2024)
 
 #### 🚀 Enhancement

package/dist/assets/index.css

@@ -3332,7 +3332,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1723709092481;
+  counter-reset: cnt1724327178844;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3740,7 +3740,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1723709092481 1;
+  counter-increment: cnt1724327178844 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3756,7 +3756,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1723709092481);
+  content: counter(cnt1724327178844);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/assets/js/components/mediaplayer/ardPlayerLoader.subfeature.js

@@ -7,9 +7,8 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
 
     const skinPath = options.cssUrl,
         ardplayerUrl = options.jsUrl,
-        smarttagUrl = options.atiSmarttagUrl,
-        playerId = options.playerId,
-        type = options.type,
+        playerId = isNaN(parseInt(options.playerId)) ? 0 : parseInt(options.playerId),
+        typeLabel = options.typeLabel,
         settingsCookie = new SettingsCookie(),
         isPlayerDebug = options.isPlayerDebug || false,
         playerLocation = trackingData.playerLocation || "Default",
@@ -52,20 +51,18 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
     }
 
     const createPlayer = function () {
-        if (!settingsCookie.isSettingsCookieAccepted('ati')) {
-            if (undefined != playerConfig.pluginData['trackingPiano@all'])
-                playerConfig.pluginData['trackingPiano@all'].isEnabled = false
+        if (undefined != playerConfig.pluginData['trackingPiano@all']) {
+            playerConfig.pluginData['trackingPiano@all'].isEnabled = settingsCookie.isSettingsCookieAccepted('ati')
         }
-        if (
-            !settingsCookie.isSettingsCookieAccepted('agf') &&
-            undefined != playerConfig.pluginData['trackingAgf@all']
-        ) {
-            playerConfig.pluginData['trackingAgf@all'].isEnabled = false
+        if (undefined != playerConfig.pluginData['trackingAgf@all']) {
+            playerConfig.pluginData['trackingAgf@all'].isEnabled = settingsCookie.isSettingsCookieAccepted('agf')
         }
         whenAvailable('ardplayer', function () {
-            player = new ardplayer.Player(playerId, playerConfig, mediaCollection)
+            player = new ardplayer.Player(playerId.toString(), playerConfig, mediaCollection)
 
-            player.setLightMode(isDarkmodeAllowed ? !darkModePreference.matches : true)
+            if (isDarkmodeAllowed) {
+                player.setLightMode(!darkModePreference.matches)
+            }
 
             if (isPlayerDebug) {
                 ardplayer.debug(true, true, true, true)
@@ -84,28 +81,11 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
         }, interval)
     }
 
-    const handleThemeSwitch = function (event) {
-        player.setLightMode(!event.matches)
-    }
 
     const bindPlayerEvents = function () {
-        player.$.on(ardplayer.Player.EVENT_PLAY_STREAM, function (event) {
-            const geotag = hr$('.js-geotag', rootElement)[0]
-            if (!isPlayerStarted) {
-                trackPlayerStart()
-                isPlayerStarted = true
-            }
-            if (typeof geotag != 'undefined') {
-                geotag.classList.add('hide')
-            }
-            fireEvent('hr:global:stopOtherAVs', 'ardplayer', true)
-        })
+        listen(ardplayer.Player.EVENT_PLAY_STREAM, handlePlayStream, player)
 
-        player.$.on(ardplayer.Player.EVENT_ERROR, function (event) {
-            if (undefined !== videoKey) {
-                fireEvent('hr:global:ardPlayerError', { key: videoKey }, true)
-            }
-        })
+        listen(ardplayer.Player.EVENT_ERROR, handlePlayerErrors, player)
 
         listen('hr:global:stopOtherAVs', function (event) {
             if (event.detail != 'ardplayer') {
@@ -114,20 +94,14 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
         })
 
         listen('player_closed', function (event) {
-            let playerIdFromConfig = parseInt(playerId)
-            playerIdFromConfig = isNaN(playerIdFromConfig) ? 0 : playerIdFromConfig
-            if (playerIdFromConfig === event.detail.playerId) {
+            if (playerId === event.detail.playerId) {
                 player.stop()
             }
         })
 
-
-
         listen('player_start', function (event) {
             if (player) {
-                let playerIdFromConfig = parseInt(playerId)
-                playerIdFromConfig = isNaN(playerIdFromConfig) ? 0 : playerIdFromConfig
-                if (playerIdFromConfig === event.detail.playerId) {
+                if (playerId === event.detail.playerId) {
                     if (undefined != mediaCollection.live) {
                         player.seekToLive()
                     }
@@ -139,30 +113,33 @@ const ArdPlayerLoader = function (options, trackingData, rootElement) {
         listen("change", handleThemeSwitch, darkModePreference)
     }
 
-    const trackPlayerStart = function () {
-        switch (type) {
-            case "audioOndemand":
-                console.debug(`Playbutton geklickt::Audio \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`)
-                uxAction(`Playbutton geklickt::Audio \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`)
-                break;
-            case "audioLivestream":
-                console.debug(`Playbutton geklickt::Audio-Event-Livestream \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`)
-                uxAction(`Playbutton geklickt::Audio-Event-Livestream \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`)
-                break;
-            case "videoOndemand":
-                console.debug(`Playbutton geklickt::Video \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`)
-                uxAction(`Playbutton geklickt::Video \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`)
-                break;
-            case "videoLivestream":
-                console.debug(`Playbutton geklickt::Video - Livestream \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`)
-                uxAction(`Playbutton geklickt::Video - Livestream \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`)
-                break;
+    const handlePlayStream = function (event) {
+        const geotag = hr$('.js-geotag', rootElement)[0]
+        if (!isPlayerStarted) {
+            trackPlayerStart()
+            isPlayerStarted = true
+        }
+        if (typeof geotag != 'undefined') {
+            geotag.classList.add('hide')
         }
+        fireEvent('hr:global:stopOtherAVs', 'ardplayer', true)
     }
 
-    setupPlayer()
-}
+    const handlePlayerErrors = function (event) {
+        if (undefined !== videoKey) {
+            fireEvent('hr:global:ardPlayerError', { key: videoKey }, true)
+        }
+    }
+
+    const handleThemeSwitch = function (event) {
+        player.setLightMode(!event.matches)
+    }
 
+    const trackPlayerStart = function () {
+        uxAction(`Playbutton geklickt::${typeLabel} \"${mediaCollection.meta.title}\"::${playerLocation}::Breite ${playerSize}`)
+    }
 
+    setupPlayer()
+}
 
 export default ArdPlayerLoader

package/dist/assets/js/components/mediaplayer/mediaplayerLoader.feature.js

@@ -1,5 +1,4 @@
-import { hr$, listenOnce, listen } from 'hrQuery'
-import { uxAction } from 'base/tracking/pianoHelper.subfeature'
+import { hr$, listenOnce } from 'hrQuery'
 import ArdPlayerLoader from 'components/mediaplayer/ardPlayerLoader.subfeature'
 
 const MediaplayerLoader = function (context) {
@@ -8,7 +7,6 @@ const MediaplayerLoader = function (context) {
     const { options } = context,
         { element: rootElement } = context,
         isAutoplay = options.isAutoplay,
-        teaserSize = options.teaserSize,
         mediaplayerButton = hr$('.js-mediaplayer__button', rootElement.parentNode)[0],
         trackingData = rootElement.dataset.mediaplayerTracking ? JSON.parse(rootElement.dataset.mediaplayerTracking) : {}
 
@@ -22,11 +20,6 @@ const MediaplayerLoader = function (context) {
         removeVideoHover()
     }
 
-    if (isAutoplay) {
-        console.log('isAutoplay')
-        listenOnce('click', loadArdPlayerLoader, mediaplayerButton)
-    } else {
-        loadArdPlayerLoader()
-    }
+    isAutoplay ? listenOnce('click', loadArdPlayerLoader, mediaplayerButton) : loadArdPlayerLoader()
 }
 export default MediaplayerLoader