hr-design-system-handlebars 1.56.0 → 1.57.0
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 +12 -0
- package/dist/assets/index.css +3 -3
- package/dist/assets/js/base/tracking/pianoHelper.subfeature.js +6 -5
- package/dist/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs +1 -1
- package/dist/views/components/dataPolicySettings/data_policy_settings.hbs +1 -1
- package/dist/views/components/podcast/components/podcast_downloadbutton.hbs +1 -1
- package/dist/views/components/site_header/brand_navigation/brand_navigation_item.hbs +1 -1
- package/dist/views/components/site_header/navigation_flyout/navigation_flyout.hbs +1 -1
- package/dist/views/components/site_header/section_navigation/section_navigation_item.hbs +5 -5
- package/dist/views/components/site_header/service_navigation/service_navigation_item.hbs +3 -3
- package/dist/views/components/socialmedia/socialmedia.hbs +5 -5
- package/dist/views/components/socialmedia/socialmedia_compact_icons.hbs +2 -2
- package/dist/views/components/tracking/download_tracking.hbs +1 -1
- package/dist/views/components/tracking/navigation_tracking.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/downloadbox/downloadbox_item.hbs +1 -1
- package/dist/views_static/components/dataPolicySettings/data_policy_settings.hbs +1 -1
- package/dist/views_static/components/podcast/components/podcast_downloadbutton.hbs +1 -1
- package/dist/views_static/components/site_header/brand_navigation/brand_navigation_item.hbs +1 -1
- package/dist/views_static/components/site_header/navigation_flyout/navigation_flyout.hbs +1 -1
- package/dist/views_static/components/site_header/section_navigation/section_navigation_item.hbs +5 -5
- package/dist/views_static/components/site_header/service_navigation/service_navigation_item.hbs +3 -3
- package/dist/views_static/components/socialmedia/socialmedia.hbs +5 -5
- package/dist/views_static/components/socialmedia/socialmedia_compact_icons.hbs +2 -2
- package/dist/views_static/components/tracking/download_tracking.hbs +1 -1
- package/dist/views_static/components/tracking/navigation_tracking.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/views/base/tracking/pianoHelper.subfeature.js +6 -5
- package/src/stories/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs +1 -1
- package/src/stories/views/components/dataPolicySettings/data_policy_settings.hbs +1 -1
- package/src/stories/views/components/podcast/components/podcast_downloadbutton.hbs +1 -1
- package/src/stories/views/components/site_header/brand_navigation/brand_navigation_item.hbs +1 -1
- package/src/stories/views/components/site_header/navigation_flyout/navigation_flyout.hbs +1 -1
- package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs +5 -5
- package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs +3 -3
- package/src/stories/views/components/socialmedia/socialmedia.hbs +5 -5
- package/src/stories/views/components/socialmedia/socialmedia_compact_icons.hbs +2 -2
- package/src/stories/views/components/tracking/download_tracking.hbs +1 -1
- package/src/stories/views/components/tracking/navigation_tracking.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v1.57.0 (Thu Feb 08 2024)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- Bugfix/dpe 2841 [#836](https://github.com/mumprod/hr-design-system-handlebars/pull/836) ([@szuelch](https://github.com/szuelch))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@szuelch](https://github.com/szuelch)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v1.56.0 (Tue Feb 06 2024)
|
|
2
14
|
|
|
3
15
|
#### 🚀 Enhancement
|
package/dist/assets/index.css
CHANGED
|
@@ -3305,7 +3305,7 @@ a.link:hover {
|
|
|
3305
3305
|
border-bottom-color: var(--color-secondary-ds);
|
|
3306
3306
|
}
|
|
3307
3307
|
.counter-reset {
|
|
3308
|
-
counter-reset:
|
|
3308
|
+
counter-reset: cnt1707397829445;
|
|
3309
3309
|
}
|
|
3310
3310
|
.hyphens-auto {
|
|
3311
3311
|
-webkit-hyphens: auto;
|
|
@@ -3607,7 +3607,7 @@ a.link:hover {
|
|
|
3607
3607
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3608
3608
|
}
|
|
3609
3609
|
.-ordered {
|
|
3610
|
-
counter-increment:
|
|
3610
|
+
counter-increment: cnt1707397829445 1;
|
|
3611
3611
|
}
|
|
3612
3612
|
.-ordered::before {
|
|
3613
3613
|
position: absolute;
|
|
@@ -3623,7 +3623,7 @@ a.link:hover {
|
|
|
3623
3623
|
letter-spacing: .0125em;
|
|
3624
3624
|
--tw-text-opacity: 1;
|
|
3625
3625
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3626
|
-
content: counter(
|
|
3626
|
+
content: counter(cnt1707397829445);
|
|
3627
3627
|
}
|
|
3628
3628
|
/*! ****************************/
|
|
3629
3629
|
/*! DataPolicy stuff */
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import TrackingCookie from 'components/externalService/trackingCookie.subfeature'
|
|
2
|
+
import SettingsCookie from 'components/externalService/globalSettingsCookie.subfeature'
|
|
2
3
|
|
|
3
4
|
const isTrackingAllowed = () => {
|
|
4
|
-
const
|
|
5
|
-
return
|
|
5
|
+
const settingsCookie = new SettingsCookie()
|
|
6
|
+
return settingsCookie.isSettingsCookieAccepted('ati')
|
|
6
7
|
}
|
|
7
8
|
|
|
8
9
|
const uxAction = (label, secondLevelId) => {
|
|
@@ -10,7 +11,7 @@ const uxAction = (label, secondLevelId) => {
|
|
|
10
11
|
if (typeof pa != "undefined" && pa != undefined && isTrackingAllowed()) {
|
|
11
12
|
pa.sendEvent('click.action', {
|
|
12
13
|
click: label,
|
|
13
|
-
|
|
14
|
+
site_level2_id: secondLevelId,
|
|
14
15
|
})
|
|
15
16
|
}
|
|
16
17
|
}
|
|
@@ -20,7 +21,7 @@ const uxNavigation = (label, secondLevelId) => {
|
|
|
20
21
|
if (typeof pa != "undefined" && pa != undefined && isTrackingAllowed()) {
|
|
21
22
|
pa.sendEvent('click.navigation', {
|
|
22
23
|
click: label,
|
|
23
|
-
|
|
24
|
+
site_level2_id: secondLevelId,
|
|
24
25
|
})
|
|
25
26
|
}
|
|
26
27
|
}
|
|
@@ -36,7 +37,7 @@ const download = (label, secondLevelId) => {
|
|
|
36
37
|
if (typeof pa != "undefined" && pa != undefined && isTrackingAllowed()) {
|
|
37
38
|
pa.sendEvent('click.download', {
|
|
38
39
|
click: label,
|
|
39
|
-
|
|
40
|
+
site_level2_id: secondLevelId,
|
|
40
41
|
})
|
|
41
42
|
}
|
|
42
43
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<li class="mt-3">
|
|
2
2
|
<a class="link js-load" href="{{this.url}}" {{#with this.content.trackingData}}
|
|
3
|
-
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId":
|
|
3
|
+
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": {{this.secondLevelId}}, "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
|
|
4
4
|
{{~#with this.downloadBoxMetadata ~}}
|
|
5
5
|
<span class="text-base sm480:text-lg">{{{this.title}}} [{{this.displaySuffix}}{{#with this.displaySize}}
|
|
6
6
|
- {{this}}{{/with}}]</span>
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
{{> components/button/components/button_label _label=(loca "cookies_setting_button_text")}}
|
|
6
6
|
{{/components/button/button}}
|
|
7
7
|
{{#*inline "htmlProperties"}}
|
|
8
|
-
data-piano-tracking='{"label":"Footer","secondLevelId":
|
|
8
|
+
data-piano-tracking='{"label":"Footer","secondLevelId":1}'
|
|
9
9
|
data-a11y-dialog-show="datapolicy-settings-dialog"
|
|
10
10
|
{{/inline}}
|
|
11
11
|
{{/with}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<a href="{{_url}}"
|
|
2
2
|
class="h-6 ds-link rounded-lg {{#if _addClass}}{{_addClass}}{{/if}}{{#with this.trackingData}} js-load{{/with}}"
|
|
3
3
|
{{#with this.trackingData}}
|
|
4
|
-
data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId":
|
|
4
|
+
data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": {{this.secondLevelId}} }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{../_type}}", "secondLevelId": {{this.secondLevelId}} }]}'
|
|
5
5
|
{{/with}}
|
|
6
6
|
aria-label="Podcast herunterladen"
|
|
7
7
|
download>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<li class="sb-brand-navigation-item h-8 {{#if this.selected}} h-10 md:h-8 font-bold text-brandnav-pseudo {{/if}} cursor-pointer inline-block lg:hover:underline active:font-bold active:text-primary">
|
|
2
|
-
<a class="link-focus-inset leading-[34px] items-center 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":
|
|
2
|
+
<a class="link-focus-inset leading-[34px] items-center 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>
|
|
3
3
|
</li>
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
{{#if ../this.flyoutStartLinkText}}
|
|
33
33
|
<div class="w-full">
|
|
34
34
|
<div class="{{~#if ../_isSectionNav}}hidden lg:flex{{else}}flex{{/if}} pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-primary ">
|
|
35
|
-
<a href="{{resourceUrl ../this.url}}" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId":
|
|
35
|
+
<a href="{{resourceUrl ../this.url}}" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "{{../_navigationType}}::{{../_parent}}::{{../this.flyoutStartLinkText}}-Link geklickt"}]}' >
|
|
36
36
|
{{../this.flyoutStartLinkText}}
|
|
37
37
|
</a>
|
|
38
38
|
</div>
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
17
17
|
aria-owns="flyout-{{getRandom}}"
|
|
18
18
|
aria-controls="flyout-{{getRandom}}"
|
|
19
|
-
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId":
|
|
19
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'>
|
|
20
20
|
|
|
21
21
|
{{~else ~}}
|
|
22
22
|
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
aria-owns="flyout-{{getRandom}}"
|
|
35
35
|
aria-controls="flyout-{{getRandom}}"
|
|
36
36
|
aria-labelledby="flyout-{{getRandom}}-1"
|
|
37
|
-
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId":
|
|
37
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'
|
|
38
38
|
>
|
|
39
39
|
{{else}}
|
|
40
40
|
{{!-- Gilt z.B. für POLITIK: --}}
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
49
49
|
aria-owns="flyout-{{getRandom}}"
|
|
50
50
|
aria-controls="flyout-{{getRandom}}"
|
|
51
|
-
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
51
|
+
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
52
52
|
>
|
|
53
53
|
{{/if}}
|
|
54
54
|
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
this.url}}{{/if}}"
|
|
60
60
|
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}"
|
|
61
61
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
62
|
-
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
62
|
+
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
63
63
|
x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
64
64
|
>
|
|
65
65
|
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
aria-owns="flyout-{{getRandom}}"
|
|
109
109
|
aria-controls="flyout-{{getRandom}}"
|
|
110
110
|
aria-labelledby="flyout-{{getRandom}}-1"
|
|
111
|
-
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId":
|
|
111
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'>
|
|
112
112
|
|
|
113
113
|
<span class="hidden">{{~this.text~}}</span>
|
|
114
114
|
|
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
aria-owns="flyout-{{getRandom}}"
|
|
15
15
|
aria-controls="flyout-{{getRandom}}"
|
|
16
16
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? '{{this.text}}-Menü schließen' : '{{this.text}}-Menü öffnen')"
|
|
17
|
-
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
17
|
+
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'
|
|
18
18
|
>
|
|
19
19
|
|
|
20
20
|
{{else}}
|
|
21
21
|
|
|
22
22
|
{{#if this.extern}}
|
|
23
|
-
<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:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
23
|
+
<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:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
24
24
|
{{else}}
|
|
25
|
-
<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 js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
25
|
+
<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 js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
26
26
|
{{/if}}
|
|
27
27
|
|
|
28
28
|
{{/if}}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
rel="noopener noreferrer"
|
|
12
12
|
title="{{loca "share_x_linktitle" }}"
|
|
13
13
|
{{#with ../../this.content.trackingData}}
|
|
14
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
14
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::X"}]}'
|
|
15
15
|
{{/with}}
|
|
16
16
|
>
|
|
17
17
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#0f1419] hover:scale-105" _icon="x" _iconmap="icons" ~}}
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
rel="noopener noreferrer"
|
|
27
27
|
title="{{loca "share_facebook_linktitle" }}"
|
|
28
28
|
{{#with ../../this.content.trackingData}}
|
|
29
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
29
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::facebook"}]}'
|
|
30
30
|
{{/with}}
|
|
31
31
|
>
|
|
32
32
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
rel="noopener noreferrer"
|
|
42
42
|
title="{{loca "share_whatsapp_linktitle" }}"
|
|
43
43
|
{{#with ../../this.content.trackingData}}
|
|
44
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
44
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::whatsapp"}]}'
|
|
45
45
|
{{/with}}
|
|
46
46
|
>
|
|
47
47
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
href="{{this}}"
|
|
55
55
|
title="{{loca "share_mail_linktitle" }}"
|
|
56
56
|
{{#with ../../this.content.trackingData}}
|
|
57
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
57
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::mailto"}]}'
|
|
58
58
|
{{/with}}
|
|
59
59
|
>
|
|
60
60
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
href="javascript:window.print()"
|
|
68
68
|
title="{{loca "share_print_linktitle" }}"
|
|
69
69
|
{{#with ../this.content.trackingData}}
|
|
70
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
70
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::printbutton"}]}'
|
|
71
71
|
{{/with}}
|
|
72
72
|
>
|
|
73
73
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
href="{{this}}"
|
|
41
41
|
title="{{loca "share_mail_linktitle" }}"
|
|
42
42
|
{{#with ../../this.content.trackingData}}
|
|
43
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
43
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "newSocialShareClick::compact-mailto"}]}'
|
|
44
44
|
{{/with}}
|
|
45
45
|
>
|
|
46
46
|
{{~> base/image/icon _addClass="icon--mailto" _icon="mail" _iconmap="icons" ~}}
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
|
|
54
54
|
title="{{loca "share_copy_linktitle" }}"
|
|
55
55
|
{{#with ../../this.content.trackingData}}
|
|
56
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
56
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "newSocialShareClick::compact-copy"}]}'
|
|
57
57
|
{{/with}}
|
|
58
58
|
>
|
|
59
59
|
{{~> base/image/icon _addClass="icon--mailto" _icon="copy" _iconmap="icons" ~}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId":
|
|
1
|
+
{{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId":{{this.secondLevelId}},"clickLabel": "{{this.pageName}}"}]}'{{/with}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId":
|
|
1
|
+
data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}{{#if _clickLabelPrefix2}}::{{_clickLabelPrefix2}}{{/if}}-Link geklickt"}]}'
|
package/dist/views_static/components/content/copytext/components/downloadbox/downloadbox_item.hbs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<li class="mt-3">
|
|
2
2
|
<a class="link js-load" href="{{this.url}}" {{#with this.content.trackingData}}
|
|
3
|
-
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId":
|
|
3
|
+
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": {{this.secondLevelId}}, "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
|
|
4
4
|
{{~#with this.downloadBoxMetadata ~}}
|
|
5
5
|
<span class="text-base sm480:text-lg">{{{this.title}}} [{{this.displaySuffix}}{{#with this.displaySize}}
|
|
6
6
|
- {{this}}{{/with}}]</span>
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
{{> components/button/components/button_label _label=(loca "cookies_setting_button_text")}}
|
|
6
6
|
{{/components/button/button}}
|
|
7
7
|
{{#*inline "htmlProperties"}}
|
|
8
|
-
data-piano-tracking='{"label":"Footer","secondLevelId":
|
|
8
|
+
data-piano-tracking='{"label":"Footer","secondLevelId":1}'
|
|
9
9
|
data-a11y-dialog-show="datapolicy-settings-dialog"
|
|
10
10
|
{{/inline}}
|
|
11
11
|
{{/with}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<a href="{{_url}}"
|
|
2
2
|
class="h-6 ds-link rounded-lg {{#if _addClass}}{{_addClass}}{{/if}}{{#with this.trackingData}} js-load{{/with}}"
|
|
3
3
|
{{#with this.trackingData}}
|
|
4
|
-
data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId":
|
|
4
|
+
data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": {{this.secondLevelId}} }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{../_type}}", "secondLevelId": {{this.secondLevelId}} }]}'
|
|
5
5
|
{{/with}}
|
|
6
6
|
aria-label="Podcast herunterladen"
|
|
7
7
|
download>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<li class="sb-brand-navigation-item h-8 {{#if this.selected}} h-10 md:h-8 font-bold text-brandnav-pseudo {{/if}} cursor-pointer inline-block lg:hover:underline active:font-bold active:text-primary">
|
|
2
|
-
<a class="link-focus-inset leading-[34px] items-center 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":
|
|
2
|
+
<a class="link-focus-inset leading-[34px] items-center 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>
|
|
3
3
|
</li>
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
{{#if ../this.flyoutStartLinkText}}
|
|
33
33
|
<div class="w-full">
|
|
34
34
|
<div class="{{~#if ../_isSectionNav}}hidden lg:flex{{else}}flex{{/if}} pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-primary ">
|
|
35
|
-
<a href="{{resourceUrl ../this.url}}" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId":
|
|
35
|
+
<a href="{{resourceUrl ../this.url}}" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "{{../_navigationType}}::{{../_parent}}::{{../this.flyoutStartLinkText}}-Link geklickt"}]}' >
|
|
36
36
|
{{../this.flyoutStartLinkText}}
|
|
37
37
|
</a>
|
|
38
38
|
</div>
|
package/dist/views_static/components/site_header/section_navigation/section_navigation_item.hbs
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
17
17
|
aria-owns="flyout-{{getRandom}}"
|
|
18
18
|
aria-controls="flyout-{{getRandom}}"
|
|
19
|
-
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId":
|
|
19
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'>
|
|
20
20
|
|
|
21
21
|
{{~else ~}}
|
|
22
22
|
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
aria-owns="flyout-{{getRandom}}"
|
|
35
35
|
aria-controls="flyout-{{getRandom}}"
|
|
36
36
|
aria-labelledby="flyout-{{getRandom}}-1"
|
|
37
|
-
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId":
|
|
37
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'
|
|
38
38
|
>
|
|
39
39
|
{{else}}
|
|
40
40
|
{{!-- Gilt z.B. für POLITIK: --}}
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
49
49
|
aria-owns="flyout-{{getRandom}}"
|
|
50
50
|
aria-controls="flyout-{{getRandom}}"
|
|
51
|
-
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
51
|
+
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
52
52
|
>
|
|
53
53
|
{{/if}}
|
|
54
54
|
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
this.url}}{{/if}}"
|
|
60
60
|
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}"
|
|
61
61
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
62
|
-
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
62
|
+
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
63
63
|
x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
64
64
|
>
|
|
65
65
|
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
aria-owns="flyout-{{getRandom}}"
|
|
109
109
|
aria-controls="flyout-{{getRandom}}"
|
|
110
110
|
aria-labelledby="flyout-{{getRandom}}-1"
|
|
111
|
-
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId":
|
|
111
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'>
|
|
112
112
|
|
|
113
113
|
<span class="hidden">{{~this.text~}}</span>
|
|
114
114
|
|
package/dist/views_static/components/site_header/service_navigation/service_navigation_item.hbs
CHANGED
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
aria-owns="flyout-{{getRandom}}"
|
|
15
15
|
aria-controls="flyout-{{getRandom}}"
|
|
16
16
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? '{{this.text}}-Menü schließen' : '{{this.text}}-Menü öffnen')"
|
|
17
|
-
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
17
|
+
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'
|
|
18
18
|
>
|
|
19
19
|
|
|
20
20
|
{{else}}
|
|
21
21
|
|
|
22
22
|
{{#if this.extern}}
|
|
23
|
-
<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:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
23
|
+
<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:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
24
24
|
{{else}}
|
|
25
|
-
<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 js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
25
|
+
<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 js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
26
26
|
{{/if}}
|
|
27
27
|
|
|
28
28
|
{{/if}}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
rel="noopener noreferrer"
|
|
12
12
|
title="{{loca "share_x_linktitle" }}"
|
|
13
13
|
{{#with ../../this.content.trackingData}}
|
|
14
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
14
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::X"}]}'
|
|
15
15
|
{{/with}}
|
|
16
16
|
>
|
|
17
17
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#0f1419] hover:scale-105" _icon="x" _iconmap="icons" ~}}
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
rel="noopener noreferrer"
|
|
27
27
|
title="{{loca "share_facebook_linktitle" }}"
|
|
28
28
|
{{#with ../../this.content.trackingData}}
|
|
29
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
29
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::facebook"}]}'
|
|
30
30
|
{{/with}}
|
|
31
31
|
>
|
|
32
32
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
rel="noopener noreferrer"
|
|
42
42
|
title="{{loca "share_whatsapp_linktitle" }}"
|
|
43
43
|
{{#with ../../this.content.trackingData}}
|
|
44
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
44
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::whatsapp"}]}'
|
|
45
45
|
{{/with}}
|
|
46
46
|
>
|
|
47
47
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
href="{{this}}"
|
|
55
55
|
title="{{loca "share_mail_linktitle" }}"
|
|
56
56
|
{{#with ../../this.content.trackingData}}
|
|
57
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
57
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::mailto"}]}'
|
|
58
58
|
{{/with}}
|
|
59
59
|
>
|
|
60
60
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
href="javascript:window.print()"
|
|
68
68
|
title="{{loca "share_print_linktitle" }}"
|
|
69
69
|
{{#with ../this.content.trackingData}}
|
|
70
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
70
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::printbutton"}]}'
|
|
71
71
|
{{/with}}
|
|
72
72
|
>
|
|
73
73
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
href="{{this}}"
|
|
41
41
|
title="{{loca "share_mail_linktitle" }}"
|
|
42
42
|
{{#with ../../this.content.trackingData}}
|
|
43
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
43
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "newSocialShareClick::compact-mailto"}]}'
|
|
44
44
|
{{/with}}
|
|
45
45
|
>
|
|
46
46
|
{{~> base/image/icon _addClass="icon--mailto" _icon="mail" _iconmap="icons" ~}}
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
|
|
54
54
|
title="{{loca "share_copy_linktitle" }}"
|
|
55
55
|
{{#with ../../this.content.trackingData}}
|
|
56
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
56
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "newSocialShareClick::compact-copy"}]}'
|
|
57
57
|
{{/with}}
|
|
58
58
|
>
|
|
59
59
|
{{~> base/image/icon _addClass="icon--mailto" _icon="copy" _iconmap="icons" ~}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId":
|
|
1
|
+
{{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId":{{this.secondLevelId}},"clickLabel": "{{this.pageName}}"}]}'{{/with}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId":
|
|
1
|
+
data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}{{#if _clickLabelPrefix2}}::{{_clickLabelPrefix2}}{{/if}}-Link geklickt"}]}'
|
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.
|
|
9
|
+
"version": "1.57.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import TrackingCookie from 'components/externalService/trackingCookie.subfeature'
|
|
2
|
+
import SettingsCookie from 'components/externalService/globalSettingsCookie.subfeature'
|
|
2
3
|
|
|
3
4
|
const isTrackingAllowed = () => {
|
|
4
|
-
const
|
|
5
|
-
return
|
|
5
|
+
const settingsCookie = new SettingsCookie()
|
|
6
|
+
return settingsCookie.isSettingsCookieAccepted('ati')
|
|
6
7
|
}
|
|
7
8
|
|
|
8
9
|
const uxAction = (label, secondLevelId) => {
|
|
@@ -10,7 +11,7 @@ const uxAction = (label, secondLevelId) => {
|
|
|
10
11
|
if (typeof pa != "undefined" && pa != undefined && isTrackingAllowed()) {
|
|
11
12
|
pa.sendEvent('click.action', {
|
|
12
13
|
click: label,
|
|
13
|
-
|
|
14
|
+
site_level2_id: secondLevelId,
|
|
14
15
|
})
|
|
15
16
|
}
|
|
16
17
|
}
|
|
@@ -20,7 +21,7 @@ const uxNavigation = (label, secondLevelId) => {
|
|
|
20
21
|
if (typeof pa != "undefined" && pa != undefined && isTrackingAllowed()) {
|
|
21
22
|
pa.sendEvent('click.navigation', {
|
|
22
23
|
click: label,
|
|
23
|
-
|
|
24
|
+
site_level2_id: secondLevelId,
|
|
24
25
|
})
|
|
25
26
|
}
|
|
26
27
|
}
|
|
@@ -36,7 +37,7 @@ const download = (label, secondLevelId) => {
|
|
|
36
37
|
if (typeof pa != "undefined" && pa != undefined && isTrackingAllowed()) {
|
|
37
38
|
pa.sendEvent('click.download', {
|
|
38
39
|
click: label,
|
|
39
|
-
|
|
40
|
+
site_level2_id: secondLevelId,
|
|
40
41
|
})
|
|
41
42
|
}
|
|
42
43
|
}
|
package/src/stories/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<li class="mt-3">
|
|
2
2
|
<a class="link js-load" href="{{this.url}}" {{#with this.content.trackingData}}
|
|
3
|
-
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId":
|
|
3
|
+
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": {{this.secondLevelId}}, "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
|
|
4
4
|
{{~#with this.downloadBoxMetadata ~}}
|
|
5
5
|
<span class="text-base sm480:text-lg">{{{this.title}}} [{{this.displaySuffix}}{{#with this.displaySize}}
|
|
6
6
|
- {{this}}{{/with}}]</span>
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
{{> components/button/components/button_label _label=(loca "cookies_setting_button_text")}}
|
|
6
6
|
{{/components/button/button}}
|
|
7
7
|
{{#*inline "htmlProperties"}}
|
|
8
|
-
data-piano-tracking='{"label":"Footer","secondLevelId":
|
|
8
|
+
data-piano-tracking='{"label":"Footer","secondLevelId":1}'
|
|
9
9
|
data-a11y-dialog-show="datapolicy-settings-dialog"
|
|
10
10
|
{{/inline}}
|
|
11
11
|
{{/with}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<a href="{{_url}}"
|
|
2
2
|
class="h-6 ds-link rounded-lg {{#if _addClass}}{{_addClass}}{{/if}}{{#with this.trackingData}} js-load{{/with}}"
|
|
3
3
|
{{#with this.trackingData}}
|
|
4
|
-
data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId":
|
|
4
|
+
data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": {{this.secondLevelId}} }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{../_type}}", "secondLevelId": {{this.secondLevelId}} }]}'
|
|
5
5
|
{{/with}}
|
|
6
6
|
aria-label="Podcast herunterladen"
|
|
7
7
|
download>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<li class="sb-brand-navigation-item h-8 {{#if this.selected}} h-10 md:h-8 font-bold text-brandnav-pseudo {{/if}} cursor-pointer inline-block lg:hover:underline active:font-bold active:text-primary">
|
|
2
|
-
<a class="link-focus-inset leading-[34px] items-center 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":
|
|
2
|
+
<a class="link-focus-inset leading-[34px] items-center 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>
|
|
3
3
|
</li>
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
{{#if ../this.flyoutStartLinkText}}
|
|
33
33
|
<div class="w-full">
|
|
34
34
|
<div class="{{~#if ../_isSectionNav}}hidden lg:flex{{else}}flex{{/if}} pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-primary ">
|
|
35
|
-
<a href="{{resourceUrl ../this.url}}" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId":
|
|
35
|
+
<a href="{{resourceUrl ../this.url}}" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "{{../_navigationType}}::{{../_parent}}::{{../this.flyoutStartLinkText}}-Link geklickt"}]}' >
|
|
36
36
|
{{../this.flyoutStartLinkText}}
|
|
37
37
|
</a>
|
|
38
38
|
</div>
|
package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
17
17
|
aria-owns="flyout-{{getRandom}}"
|
|
18
18
|
aria-controls="flyout-{{getRandom}}"
|
|
19
|
-
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId":
|
|
19
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'>
|
|
20
20
|
|
|
21
21
|
{{~else ~}}
|
|
22
22
|
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
aria-owns="flyout-{{getRandom}}"
|
|
35
35
|
aria-controls="flyout-{{getRandom}}"
|
|
36
36
|
aria-labelledby="flyout-{{getRandom}}-1"
|
|
37
|
-
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId":
|
|
37
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'
|
|
38
38
|
>
|
|
39
39
|
{{else}}
|
|
40
40
|
{{!-- Gilt z.B. für POLITIK: --}}
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
49
49
|
aria-owns="flyout-{{getRandom}}"
|
|
50
50
|
aria-controls="flyout-{{getRandom}}"
|
|
51
|
-
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
51
|
+
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
52
52
|
>
|
|
53
53
|
{{/if}}
|
|
54
54
|
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
this.url}}{{/if}}"
|
|
60
60
|
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}"
|
|
61
61
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
62
|
-
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
62
|
+
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
63
63
|
x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
64
64
|
>
|
|
65
65
|
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
aria-owns="flyout-{{getRandom}}"
|
|
109
109
|
aria-controls="flyout-{{getRandom}}"
|
|
110
110
|
aria-labelledby="flyout-{{getRandom}}-1"
|
|
111
|
-
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId":
|
|
111
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'>
|
|
112
112
|
|
|
113
113
|
<span class="hidden">{{~this.text~}}</span>
|
|
114
114
|
|
package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs
CHANGED
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
aria-owns="flyout-{{getRandom}}"
|
|
15
15
|
aria-controls="flyout-{{getRandom}}"
|
|
16
16
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? '{{this.text}}-Menü schließen' : '{{this.text}}-Menü öffnen')"
|
|
17
|
-
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
17
|
+
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'
|
|
18
18
|
>
|
|
19
19
|
|
|
20
20
|
{{else}}
|
|
21
21
|
|
|
22
22
|
{{#if this.extern}}
|
|
23
|
-
<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:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
23
|
+
<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:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
24
24
|
{{else}}
|
|
25
|
-
<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 js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId":
|
|
25
|
+
<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 js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
26
26
|
{{/if}}
|
|
27
27
|
|
|
28
28
|
{{/if}}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
rel="noopener noreferrer"
|
|
12
12
|
title="{{loca "share_x_linktitle" }}"
|
|
13
13
|
{{#with ../../this.content.trackingData}}
|
|
14
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
14
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::X"}]}'
|
|
15
15
|
{{/with}}
|
|
16
16
|
>
|
|
17
17
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#0f1419] hover:scale-105" _icon="x" _iconmap="icons" ~}}
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
rel="noopener noreferrer"
|
|
27
27
|
title="{{loca "share_facebook_linktitle" }}"
|
|
28
28
|
{{#with ../../this.content.trackingData}}
|
|
29
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
29
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::facebook"}]}'
|
|
30
30
|
{{/with}}
|
|
31
31
|
>
|
|
32
32
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
rel="noopener noreferrer"
|
|
42
42
|
title="{{loca "share_whatsapp_linktitle" }}"
|
|
43
43
|
{{#with ../../this.content.trackingData}}
|
|
44
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
44
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::whatsapp"}]}'
|
|
45
45
|
{{/with}}
|
|
46
46
|
>
|
|
47
47
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
href="{{this}}"
|
|
55
55
|
title="{{loca "share_mail_linktitle" }}"
|
|
56
56
|
{{#with ../../this.content.trackingData}}
|
|
57
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
57
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::mailto"}]}'
|
|
58
58
|
{{/with}}
|
|
59
59
|
>
|
|
60
60
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
href="javascript:window.print()"
|
|
68
68
|
title="{{loca "share_print_linktitle" }}"
|
|
69
69
|
{{#with ../this.content.trackingData}}
|
|
70
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
70
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::printbutton"}]}'
|
|
71
71
|
{{/with}}
|
|
72
72
|
>
|
|
73
73
|
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
href="{{this}}"
|
|
41
41
|
title="{{loca "share_mail_linktitle" }}"
|
|
42
42
|
{{#with ../../this.content.trackingData}}
|
|
43
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
43
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "newSocialShareClick::compact-mailto"}]}'
|
|
44
44
|
{{/with}}
|
|
45
45
|
>
|
|
46
46
|
{{~> base/image/icon _addClass="icon--mailto" _icon="mail" _iconmap="icons" ~}}
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
|
|
54
54
|
title="{{loca "share_copy_linktitle" }}"
|
|
55
55
|
{{#with ../../this.content.trackingData}}
|
|
56
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId":
|
|
56
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "newSocialShareClick::compact-copy"}]}'
|
|
57
57
|
{{/with}}
|
|
58
58
|
>
|
|
59
59
|
{{~> base/image/icon _addClass="icon--mailto" _icon="copy" _iconmap="icons" ~}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId":
|
|
1
|
+
{{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId":{{this.secondLevelId}},"clickLabel": "{{this.pageName}}"}]}'{{/with}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId":
|
|
1
|
+
data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}{{#if _clickLabelPrefix2}}::{{_clickLabelPrefix2}}{{/if}}-Link geklickt"}]}'
|