hr-design-system-handlebars 1.38.3 → 1.38.5

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v1.38.5 (Mon Sep 11 2023)
+
+#### 🐛 Bug Fix
+
+- BUGFIX: teaserSize property is camelcased [#722](https://github.com/mumprod/hr-design-system-handlebars/pull/722) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# v1.38.4 (Mon Sep 11 2023)
+
+#### 🐛 Bug Fix
+
+- Feature: Remove unused atiHelper [#721](https://github.com/mumprod/hr-design-system-handlebars/pull/721) ([@szuelch](https://github.com/szuelch) [@ampersand83](https://github.com/ampersand83))
+
+#### Authors: 2
+
+- [@ampersand83](https://github.com/ampersand83)
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v1.38.3 (Fri Sep 08 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3054,7 +3054,7 @@ video {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1694165831182;
+  counter-reset: cnt1694424811234;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3289,7 +3289,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1694165831182 1;
+  counter-increment: cnt1694424811234 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3305,7 +3305,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1694165831182);
+  content: counter(cnt1694424811234);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/assets/js/base/tracking/atiMediaHelper.subfeature.js

@@ -1,4 +1,4 @@
-import { isTrackingAllowed, pi } from 'base/tracking/atiHelper.subfeature'
+import { isTrackingAllowed, pi } from 'base/tracking/pianoHelper.subfeature'
 
 const ATIMediaHelper = function (
     avType,

package/dist/assets/js/components/dataPolicySettings/dataPolicySettingsDs.feature.js

@@ -1,7 +1,7 @@
 import DatapolicyCookie from 'components/externalService/datapolicyCookie.subfeature'
 import TrackingCookie from 'components/externalService/trackingCookie.subfeature'
 import { fireEvent, getJSONCookie, hr$, setJSONCookie, listen } from 'hrQuery'
-import { uxAction } from 'base/tracking/atiHelper.subfeature'
+import { uxAction } from 'base/tracking/pianoHelper.subfeature'
 
 const DataPolicySettings = function (context) {
     const { options } = context,
@@ -24,7 +24,7 @@ const DataPolicySettings = function (context) {
         //isWebview = window.location.href.match(/(app)/i), //App URL ...app.hr.de
         cookie = {}
 
-        console.log("gelaaaadeeeeeeeen")
+    console.log('gelaaaadeeeeeeeen')
     ///////////////////
     // OVERLAY START //
     ///////////////////
@@ -39,7 +39,7 @@ const DataPolicySettings = function (context) {
             } else {
                 settingsButton.style.display = 'inline-flex'
             }
-        } else { 
+        } else {
             settingsButton.style.display = 'inline-flex'
             console.log('Button immer anzeigen, weil nicht App')
         }

package/dist/assets/js/components/event/filtererDs.feature.js

@@ -1,4 +1,4 @@
-import { pi, uxAction } from 'base/tracking/atiHelper.subfeature'
+import { pi, uxAction } from 'base/tracking/pianoHelper.subfeature'
 import { hr$, isString, listen, reinitializeFeature, simulateClickOn } from 'hrQuery'
 import $ from 'zepto-modules'
 

package/dist/assets/js/components/event/nativeScrollDs.feature.js

@@ -1,5 +1,5 @@
 import { clearRequestInterval, hr$, requestInterval } from 'hrQuery'
-import { uxAction } from 'base/tracking/atiHelper.subfeature'
+import { uxAction } from 'base/tracking/pianoHelper.subfeature'
 
 const NativeScroll = function (context) {
     console.log('loaded feature ...')
@@ -20,10 +20,13 @@ const NativeScroll = function (context) {
         let step = scrollbar.clientWidth - oneScrollbarItem.clientWidth * 1.5,
             direction = e.currentTarget.classList.contains('-left') ? -1 : 1,
             distance = direction * step
-            console.log("🚀 ~ file: nativeScroll.feature.js ~ line 22 ~ doScroll ~ direction", direction)
-            console.log("🚀 ~ file: nativeScroll.feature.js ~ line 24 ~ doScroll ~ distance", distance)
+        console.log(
+            '🚀 ~ file: nativeScroll.feature.js ~ line 22 ~ doScroll ~ direction',
+            direction
+        )
+        console.log('🚀 ~ file: nativeScroll.feature.js ~ line 24 ~ doScroll ~ distance', distance)
 
-            console.log('scrollbar ', scrollbar)
+        console.log('scrollbar ', scrollbar)
         console.log('scrollbar width ', scrollbar.clientWidth)
         console.log('oneScrollbarItem ', oneScrollbarItem)
         console.log('oneScrollbarItem width ', oneScrollbarItem.clientWidth)
@@ -37,11 +40,17 @@ const NativeScroll = function (context) {
             if (isTeaser) uxAction('Eventkalender:: Pfeil links geklickt', 1)
             else uxAction('Eventkalender-Monat:: Pfeil links geklickt', 1)
         }
-        console.log("🚀 ~ file: nativeScroll.feature.js ~ line 42 ~ doScroll ~ hasNativeSmoothScroll", hasNativeSmoothScroll)
+        console.log(
+            '🚀 ~ file: nativeScroll.feature.js ~ line 42 ~ doScroll ~ hasNativeSmoothScroll',
+            hasNativeSmoothScroll
+        )
 
         if (hasNativeSmoothScroll) {
             scrollbar.scrollLeft += distance
-            console.log("🚀 ~ file: nativeScroll.feature.js ~ line 43 ~ doScroll ~ scrollbar.scrollLeft", scrollbar.scrollLeft)
+            console.log(
+                '🚀 ~ file: nativeScroll.feature.js ~ line 43 ~ doScroll ~ scrollbar.scrollLeft',
+                scrollbar.scrollLeft
+            )
         } else {
             console.log('start smooth scroll')
             startSmoothScroll(scrollbar.scrollLeft, Date.now(), distance)
@@ -60,7 +69,10 @@ const NativeScroll = function (context) {
             percentage = timeLapsed / duration
 
         percentage = percentage > 1 ? 1 : percentage
-        console.log("🚀 ~ file: nativeScroll.feature.js ~ line 61 ~ loopSmoothScroll ~ percentage", percentage)
+        console.log(
+            '🚀 ~ file: nativeScroll.feature.js ~ line 61 ~ loopSmoothScroll ~ percentage',
+            percentage
+        )
 
         scrollbar.scrollLeft = start_pos + distance * easeInOutCubic(percentage)
 
@@ -107,4 +119,4 @@ const NativeScroll = function (context) {
     }
 }
 
-export default NativeScroll
+export default NativeScroll

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

@@ -1,5 +1,5 @@
 import { hr$, listenOnce, listen } from 'hrQuery'
-import { uxAction } from 'base/tracking/atiHelper.subfeature'
+import { uxAction } from 'base/tracking/pianoHelper.subfeature'
 import ArdPlayerLoader from 'components/mediaplayer/ardPlayerLoader.subfeature'
 
 const MediaplayerLoader = function (context) {
@@ -8,7 +8,7 @@ const MediaplayerLoader = function (context) {
     const { options } = context,
         { element: rootElement } = context,
         isAutoplay = options.isAutoplay,
-        teasersize = options.teasersize,
+        teaserSize = options.teaserSize,
         mediaplayerButton = hr$('.js-mediaplayer__button', rootElement.parentNode)[0]
 
     const removeVideoHover = function () {
@@ -19,7 +19,7 @@ const MediaplayerLoader = function (context) {
     const loadArdPlayerLoader = function () {
         new ArdPlayerLoader(options)
         removeVideoHover()
-        uxAction('mediabuttonclick::' + teasersize + '::playButtonClick')
+        uxAction('mediabuttonclick::' + teaserSize + '::playButtonClick')
     }
 
     if (isAutoplay) {

package/dist/assets/js/components/modal/modal.feature.js

@@ -1,5 +1,5 @@
 import { hr$, listen, unlisten, addLink } from 'hrQuery'
-import { uxAction } from 'base/tracking/atiHelper.subfeature'
+import { uxAction } from 'base/tracking/pianoHelper.subfeature'
 import dialogPolyfill from 'dialog-polyfill'
 
 const Modal = (context) => {

package/dist/assets/js/components/socialmedia/socialmediaCompact.feature.js

@@ -1,5 +1,5 @@
 import { fireEvent, getJSONCookie, hr$, listen, setJSONCookie, unlisten } from 'hrQuery'
-import { uxAction } from 'base/tracking/atiHelper.subfeature'
+import { uxAction } from 'base/tracking/pianoHelper.subfeature'
 
 const ShareCompact = (context) => {
     const { options } = context

package/package.json

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

package/src/stories/views/base/tracking/atiMediaHelper.subfeature.js

@@ -1,4 +1,4 @@
-import { isTrackingAllowed, pi } from 'base/tracking/atiHelper.subfeature'
+import { isTrackingAllowed, pi } from 'base/tracking/pianoHelper.subfeature'
 
 const ATIMediaHelper = function (
     avType,

package/src/stories/views/components/dataPolicySettings/dataPolicySettingsDs.feature.js

@@ -1,7 +1,7 @@
 import DatapolicyCookie from 'components/externalService/datapolicyCookie.subfeature'
 import TrackingCookie from 'components/externalService/trackingCookie.subfeature'
 import { fireEvent, getJSONCookie, hr$, setJSONCookie, listen } from 'hrQuery'
-import { uxAction } from 'base/tracking/atiHelper.subfeature'
+import { uxAction } from 'base/tracking/pianoHelper.subfeature'
 
 const DataPolicySettings = function (context) {
     const { options } = context,
@@ -24,7 +24,7 @@ const DataPolicySettings = function (context) {
         //isWebview = window.location.href.match(/(app)/i), //App URL ...app.hr.de
         cookie = {}
 
-        console.log("gelaaaadeeeeeeeen")
+    console.log('gelaaaadeeeeeeeen')
     ///////////////////
     // OVERLAY START //
     ///////////////////
@@ -39,7 +39,7 @@ const DataPolicySettings = function (context) {
             } else {
                 settingsButton.style.display = 'inline-flex'
             }
-        } else { 
+        } else {
             settingsButton.style.display = 'inline-flex'
             console.log('Button immer anzeigen, weil nicht App')
         }

package/src/stories/views/components/event/filtererDs.feature.js

@@ -1,4 +1,4 @@
-import { pi, uxAction } from 'base/tracking/atiHelper.subfeature'
+import { pi, uxAction } from 'base/tracking/pianoHelper.subfeature'
 import { hr$, isString, listen, reinitializeFeature, simulateClickOn } from 'hrQuery'
 import $ from 'zepto-modules'
 

package/src/stories/views/components/event/nativeScrollDs.feature.js

@@ -1,5 +1,5 @@
 import { clearRequestInterval, hr$, requestInterval } from 'hrQuery'
-import { uxAction } from 'base/tracking/atiHelper.subfeature'
+import { uxAction } from 'base/tracking/pianoHelper.subfeature'
 
 const NativeScroll = function (context) {
     console.log('loaded feature ...')
@@ -20,10 +20,13 @@ const NativeScroll = function (context) {
         let step = scrollbar.clientWidth - oneScrollbarItem.clientWidth * 1.5,
             direction = e.currentTarget.classList.contains('-left') ? -1 : 1,
             distance = direction * step
-            console.log("🚀 ~ file: nativeScroll.feature.js ~ line 22 ~ doScroll ~ direction", direction)
-            console.log("🚀 ~ file: nativeScroll.feature.js ~ line 24 ~ doScroll ~ distance", distance)
+        console.log(
+            '🚀 ~ file: nativeScroll.feature.js ~ line 22 ~ doScroll ~ direction',
+            direction
+        )
+        console.log('🚀 ~ file: nativeScroll.feature.js ~ line 24 ~ doScroll ~ distance', distance)
 
-            console.log('scrollbar ', scrollbar)
+        console.log('scrollbar ', scrollbar)
         console.log('scrollbar width ', scrollbar.clientWidth)
         console.log('oneScrollbarItem ', oneScrollbarItem)
         console.log('oneScrollbarItem width ', oneScrollbarItem.clientWidth)
@@ -37,11 +40,17 @@ const NativeScroll = function (context) {
             if (isTeaser) uxAction('Eventkalender:: Pfeil links geklickt', 1)
             else uxAction('Eventkalender-Monat:: Pfeil links geklickt', 1)
         }
-        console.log("🚀 ~ file: nativeScroll.feature.js ~ line 42 ~ doScroll ~ hasNativeSmoothScroll", hasNativeSmoothScroll)
+        console.log(
+            '🚀 ~ file: nativeScroll.feature.js ~ line 42 ~ doScroll ~ hasNativeSmoothScroll',
+            hasNativeSmoothScroll
+        )
 
         if (hasNativeSmoothScroll) {
             scrollbar.scrollLeft += distance
-            console.log("🚀 ~ file: nativeScroll.feature.js ~ line 43 ~ doScroll ~ scrollbar.scrollLeft", scrollbar.scrollLeft)
+            console.log(
+                '🚀 ~ file: nativeScroll.feature.js ~ line 43 ~ doScroll ~ scrollbar.scrollLeft',
+                scrollbar.scrollLeft
+            )
         } else {
             console.log('start smooth scroll')
             startSmoothScroll(scrollbar.scrollLeft, Date.now(), distance)
@@ -60,7 +69,10 @@ const NativeScroll = function (context) {
             percentage = timeLapsed / duration
 
         percentage = percentage > 1 ? 1 : percentage
-        console.log("🚀 ~ file: nativeScroll.feature.js ~ line 61 ~ loopSmoothScroll ~ percentage", percentage)
+        console.log(
+            '🚀 ~ file: nativeScroll.feature.js ~ line 61 ~ loopSmoothScroll ~ percentage',
+            percentage
+        )
 
         scrollbar.scrollLeft = start_pos + distance * easeInOutCubic(percentage)
 
@@ -107,4 +119,4 @@ const NativeScroll = function (context) {
     }
 }
 
-export default NativeScroll
+export default NativeScroll

package/src/stories/views/components/mediaplayer/mediaplayerLoader.feature.js

@@ -1,5 +1,5 @@
 import { hr$, listenOnce, listen } from 'hrQuery'
-import { uxAction } from 'base/tracking/atiHelper.subfeature'
+import { uxAction } from 'base/tracking/pianoHelper.subfeature'
 import ArdPlayerLoader from 'components/mediaplayer/ardPlayerLoader.subfeature'
 
 const MediaplayerLoader = function (context) {
@@ -8,7 +8,7 @@ const MediaplayerLoader = function (context) {
     const { options } = context,
         { element: rootElement } = context,
         isAutoplay = options.isAutoplay,
-        teasersize = options.teasersize,
+        teaserSize = options.teaserSize,
         mediaplayerButton = hr$('.js-mediaplayer__button', rootElement.parentNode)[0]
 
     const removeVideoHover = function () {
@@ -19,7 +19,7 @@ const MediaplayerLoader = function (context) {
     const loadArdPlayerLoader = function () {
         new ArdPlayerLoader(options)
         removeVideoHover()
-        uxAction('mediabuttonclick::' + teasersize + '::playButtonClick')
+        uxAction('mediabuttonclick::' + teaserSize + '::playButtonClick')
     }
 
     if (isAutoplay) {

package/src/stories/views/components/modal/modal.feature.js

@@ -1,5 +1,5 @@
 import { hr$, listen, unlisten, addLink } from 'hrQuery'
-import { uxAction } from 'base/tracking/atiHelper.subfeature'
+import { uxAction } from 'base/tracking/pianoHelper.subfeature'
 import dialogPolyfill from 'dialog-polyfill'
 
 const Modal = (context) => {

package/src/stories/views/components/socialmedia/socialmediaCompact.feature.js

@@ -1,5 +1,5 @@
 import { fireEvent, getJSONCookie, hr$, listen, setJSONCookie, unlisten } from 'hrQuery'
-import { uxAction } from 'base/tracking/atiHelper.subfeature'
+import { uxAction } from 'base/tracking/pianoHelper.subfeature'
 
 const ShareCompact = (context) => {
     const { options } = context

package/dist/assets/js/base/tracking/atiHelper.subfeature.js

@@ -1,36 +0,0 @@
-import TrackingCookie from 'components/externalService/trackingCookie.subfeature'
-
-const isTrackingAllowed = () => {
-    const trackingCookie = new TrackingCookie()
-    return trackingCookie.isTrackingAccepted('ati')
-}
-
-const uxAction = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'C', secondLevelId, label, 'A')
-    }
-}
-
-const uxNavigation = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'C', secondLevelId, label, 'N')
-    }
-}
-
-const pi = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'F', secondLevelId, label)
-    }
-}
-
-const download = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'C', secondLevelId, label, 'T')
-    }
-}
-
-export { isTrackingAllowed, uxAction, uxNavigation, pi, download }

package/src/stories/views/base/tracking/atiHelper.subfeature.js

@@ -1,36 +0,0 @@
-import TrackingCookie from 'components/externalService/trackingCookie.subfeature'
-
-const isTrackingAllowed = () => {
-    const trackingCookie = new TrackingCookie()
-    return trackingCookie.isTrackingAccepted('ati')
-}
-
-const uxAction = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'C', secondLevelId, label, 'A')
-    }
-}
-
-const uxNavigation = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'C', secondLevelId, label, 'N')
-    }
-}
-
-const pi = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'F', secondLevelId, label)
-    }
-}
-
-const download = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'C', secondLevelId, label, 'T')
-    }
-}
-
-export { isTrackingAllowed, uxAction, uxNavigation, pi, download }