hr-design-system-handlebars 1.56.0 → 1.57.1
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 +24 -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/teaser/teaser_indextext.hbs +1 -1
- 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/teaser/teaser_indextext.hbs +1 -1
- 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/teaser/teaser_indextext.hbs +1 -1
- 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,27 @@
|
|
|
1
|
+
# v1.57.1 (Thu Feb 08 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Cheesebox design for Indextext [#831](https://github.com/mumprod/hr-design-system-handlebars/pull/831) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.57.0 (Thu Feb 08 2024)
|
|
14
|
+
|
|
15
|
+
#### 🚀 Enhancement
|
|
16
|
+
|
|
17
|
+
- Bugfix/dpe 2841 [#836](https://github.com/mumprod/hr-design-system-handlebars/pull/836) ([@szuelch](https://github.com/szuelch))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- [@szuelch](https://github.com/szuelch)
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.56.0 (Tue Feb 06 2024)
|
|
2
26
|
|
|
3
27
|
#### 🚀 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: cnt1707399927941;
|
|
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: cnt1707399927941 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(cnt1707399927941);
|
|
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,5 +1,5 @@
|
|
|
1
1
|
<article
|
|
2
|
-
class='indexText mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
|
|
2
|
+
class='indexText rounded-tl-hr rounded-br-hr mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
|
|
3
3
|
{{~inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}
|
|
4
4
|
{{~inline-switch
|
|
5
5
|
this.teaserType
|
|
@@ -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,5 +1,5 @@
|
|
|
1
1
|
<article
|
|
2
|
-
class='indexText mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
|
|
2
|
+
class='indexText rounded-tl-hr rounded-br-hr mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
|
|
3
3
|
{{~inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}
|
|
4
4
|
{{~inline-switch
|
|
5
5
|
this.teaserType
|
|
@@ -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.1",
|
|
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,5 +1,5 @@
|
|
|
1
1
|
<article
|
|
2
|
-
class='indexText mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
|
|
2
|
+
class='indexText rounded-tl-hr rounded-br-hr mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
|
|
3
3
|
{{~inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}
|
|
4
4
|
{{~inline-switch
|
|
5
5
|
this.teaserType
|
|
@@ -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"}]}'
|