hr-design-system-handlebars 1.26.3 → 1.27.1

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.27.1 (Thu Jun 15 2023)
+
+#### 🐛 Bug Fix
+
+- FEATURE: click action for links navigating to other pages is changed to uxNavigation [#652](https://github.com/mumprod/hr-design-system-handlebars/pull/652) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# v1.27.0 (Thu Jun 15 2023)
+
+#### 🚀 Enhancement
+
+- FEATURE: Use new piano sdk to track clicks [#651](https://github.com/mumprod/hr-design-system-handlebars/pull/651) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v1.26.3 (Wed Jun 14 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -2757,7 +2757,7 @@ video {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 .counter-reset {
-  counter-reset: cnt1686750988650;
+  counter-reset: cnt1686838790804;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -2993,7 +2993,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1686750988650 1;
+  counter-increment: cnt1686838790804 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3009,7 +3009,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1686750988650);
+  content: counter(cnt1686838790804);
 }
 /*! ****************************/
 /*! text-shadow                */

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

@@ -6,30 +6,38 @@ const isTrackingAllowed = () => {
 }
 
 const uxAction = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'C', secondLevelId, label, 'A')
+    secondLevelId = secondLevelId || pageDisplayConfig.site_level2
+    if (pa && isTrackingAllowed()) {
+        pa.sendEvent('click.action', {
+            click: label,
+            site_level2: secondLevelId,
+        })
     }
 }
 
 const uxNavigation = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'C', secondLevelId, label, 'N')
+    secondLevelId = secondLevelId || pageDisplayConfig.site_level2
+    if (pa && isTrackingAllowed()) {
+        pa.sendEvent('click.navigation', {
+            click: label,
+            site_level2: secondLevelId,
+        })
     }
 }
 
 const pi = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'F', secondLevelId, label)
+    if (pa && isTrackingAllowed()) {
+        pa.sendEvent('page.display', pageDisplayConfig)
     }
 }
 
 const download = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'C', secondLevelId, label, 'T')
+    secondLevelId = secondLevelId || pageDisplayConfig.site_level2
+    if (pa && isTrackingAllowed()) {
+        pa.sendEvent('click.download', {
+            click: label,
+            site_level2: secondLevelId,
+        })
     }
 }
 

package/dist/views/components/site_header/brand_navigation/brand_navigation_item.hbs

@@ -1,3 +1,3 @@
 <li class="sb-brand-navigation-item{{#if this.selected}} h-10 md:h-8 font-bold text-primary {{/if}} cursor-pointer inline-block lg:hover:underline active:font-bold active:text-primary">   
-   <a class="link-focus-inset leading-10 md:leading-8 flex-col px-3 {{#if this.selected }}pl-0 {{/if}}md:flex-row js-load w-max flex justify-center {{#if this.selected}} -currentBrand {{/if}}" aria-label="{{this.name}}" href="{{resourceUrl "index.html" _site=this.site}}"{{#if this.extern}} target="_blank" rel="noopener noreferrer"{{/if}} data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Brandnavigation::{{this.text}}-Link geklickt"}]}'>{{this.text}}</a>
+   <a class="link-focus-inset leading-10 md:leading-8 flex-col px-3 {{#if this.selected }}pl-0 {{/if}}md:flex-row js-load w-max flex justify-center {{#if this.selected}} -currentBrand {{/if}}" aria-label="{{this.name}}" href="{{resourceUrl "index.html" _site=this.site}}"{{#if this.extern}} target="_blank" rel="noopener noreferrer"{{/if}} data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Brandnavigation::{{this.text}}-Link geklickt"}]}'>{{this.text}}</a>
 </li>

package/dist/views/components/site_header/section_navigation/section_navigation_item.hbs

@@ -47,7 +47,7 @@
                         x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
                         aria-owns="flyout-{{getRandom}}"
                         aria-controls="flyout-{{getRandom}}"
-                        data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
+                        data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
                     >            
                 {{/if}}   
 
@@ -57,7 +57,7 @@
                 <a href="{{resourceUrl this.url}}" 
                     class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset-white js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}" 
                     {{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}} 
-                    data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
+                    data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
                     x-effect="$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
                 >
 

package/dist/views/components/site_header/service_navigation/service_navigation_item.hbs

@@ -17,15 +17,15 @@
                 aria-owns="flyout-{{getRandom}}" 
                 aria-controls="flyout-{{getRandom}}"
                 x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? '{{this.text}}-Menü schließen' : '{{this.text}}-Menü öffnen')"
-                data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'
+                data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'
             >
               
         {{else}}
 
             {{#if this.extern}}
-                <a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
+                <a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
             {{else}}
-                <a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
+                <a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
             {{/if}}
 
         {{/if}}

package/dist/views/components/tracking/navigation_tracking.hbs

@@ -1 +1,4 @@
-data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}{{#if _clickLabelPrefix2}}::{{_clickLabelPrefix2}}{{/if}}-Link geklickt"}]}'
+data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if
+    _clickLabelPrefix1
+}}::{{_clickLabelPrefix1}}{{/if}}{{#if _clickLabelPrefix2}}::{{_clickLabelPrefix2}}{{/if}}-Link
+geklickt"}]}'

package/package.json

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

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

@@ -6,30 +6,38 @@ const isTrackingAllowed = () => {
 }
 
 const uxAction = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'C', secondLevelId, label, 'A')
+    secondLevelId = secondLevelId || pageDisplayConfig.site_level2
+    if (pa && isTrackingAllowed()) {
+        pa.sendEvent('click.action', {
+            click: label,
+            site_level2: secondLevelId,
+        })
     }
 }
 
 const uxNavigation = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'C', secondLevelId, label, 'N')
+    secondLevelId = secondLevelId || pageDisplayConfig.site_level2
+    if (pa && isTrackingAllowed()) {
+        pa.sendEvent('click.navigation', {
+            click: label,
+            site_level2: secondLevelId,
+        })
     }
 }
 
 const pi = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'F', secondLevelId, label)
+    if (pa && isTrackingAllowed()) {
+        pa.sendEvent('page.display', pageDisplayConfig)
     }
 }
 
 const download = (label, secondLevelId) => {
-    secondLevelId = secondLevelId || window.xtn2
-    if (window.xt_click && isTrackingAllowed()) {
-        window.xt_click('this', 'C', secondLevelId, label, 'T')
+    secondLevelId = secondLevelId || pageDisplayConfig.site_level2
+    if (pa && isTrackingAllowed()) {
+        pa.sendEvent('click.download', {
+            click: label,
+            site_level2: secondLevelId,
+        })
     }
 }
 

package/src/stories/views/components/site_header/brand_navigation/brand_navigation_item.hbs

@@ -1,3 +1,3 @@
 <li class="sb-brand-navigation-item{{#if this.selected}} h-10 md:h-8 font-bold text-primary {{/if}} cursor-pointer inline-block lg:hover:underline active:font-bold active:text-primary">   
-   <a class="link-focus-inset leading-10 md:leading-8 flex-col px-3 {{#if this.selected }}pl-0 {{/if}}md:flex-row js-load w-max flex justify-center {{#if this.selected}} -currentBrand {{/if}}" aria-label="{{this.name}}" href="{{resourceUrl "index.html" _site=this.site}}"{{#if this.extern}} target="_blank" rel="noopener noreferrer"{{/if}} data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Brandnavigation::{{this.text}}-Link geklickt"}]}'>{{this.text}}</a>
+   <a class="link-focus-inset leading-10 md:leading-8 flex-col px-3 {{#if this.selected }}pl-0 {{/if}}md:flex-row js-load w-max flex justify-center {{#if this.selected}} -currentBrand {{/if}}" aria-label="{{this.name}}" href="{{resourceUrl "index.html" _site=this.site}}"{{#if this.extern}} target="_blank" rel="noopener noreferrer"{{/if}} data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Brandnavigation::{{this.text}}-Link geklickt"}]}'>{{this.text}}</a>
 </li>

package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs

@@ -47,7 +47,7 @@
                         x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
                         aria-owns="flyout-{{getRandom}}"
                         aria-controls="flyout-{{getRandom}}"
-                        data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
+                        data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
                     >            
                 {{/if}}   
 
@@ -57,7 +57,7 @@
                 <a href="{{resourceUrl this.url}}" 
                     class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset-white js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}" 
                     {{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}} 
-                    data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
+                    data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
                     x-effect="$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
                 >
 

package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs

@@ -17,15 +17,15 @@
                 aria-owns="flyout-{{getRandom}}" 
                 aria-controls="flyout-{{getRandom}}"
                 x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? '{{this.text}}-Menü schließen' : '{{this.text}}-Menü öffnen')"
-                data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'
+                data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'
             >
               
         {{else}}
 
             {{#if this.extern}}
-                <a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
+                <a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
             {{else}}
-                <a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
+                <a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
             {{/if}}
 
         {{/if}}

package/src/stories/views/components/tracking/navigation_tracking.hbs

@@ -1 +1,4 @@
-data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}{{#if _clickLabelPrefix2}}::{{_clickLabelPrefix2}}{{/if}}-Link geklickt"}]}'
+data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if
+    _clickLabelPrefix1
+}}::{{_clickLabelPrefix1}}{{/if}}{{#if _clickLabelPrefix2}}::{{_clickLabelPrefix2}}{{/if}}-Link
+geklickt"}]}'