hr-design-system-handlebars 0.49.18 → 0.50.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/build/webpack/feature-loader/initializer/initializer.js +3 -3
- package/dist/views/components/Button.hbs +8 -6
- package/dist/views/components/audio/audio_element.hbs +2 -2
- package/dist/views/components/base/link.hbs +3 -3
- 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 +4 -4
- package/dist/views/components/site_header/service_navigation/service_navigation_item.hbs +3 -3
- package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs +1 -1
- package/dist/views/components/video/livestream/video_livestream.hbs +1 -1
- package/dist/views/components/video/video_element.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/example.hbs +8 -6
- package/src/stories/views/components/Button.hbs +8 -6
- package/src/stories/views/components/audio/audio_element.hbs +2 -2
- package/src/stories/views/components/base/link.hbs +3 -3
- 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 +4 -4
- package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs +3 -3
- package/src/stories/views/components/teaser/tabbox/teaser_tabbox.hbs +1 -1
- package/src/stories/views/components/video/livestream/video_livestream.hbs +1 -1
- package/src/stories/views/components/video/video_element.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v0.50.0 (Fri Jul 15 2022)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- FEATURE: Changes the name of the js feature [#277](https://github.com/mumprod/hr-design-system-handlebars/pull/277) ([@szuelch](https://github.com/szuelch))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@szuelch](https://github.com/szuelch)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v0.49.18 (Thu Jul 14 2022)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
|
@@ -3,8 +3,8 @@ import FeatureList from './featureList'
|
|
|
3
3
|
|
|
4
4
|
export default {
|
|
5
5
|
run: (rootElement, loader) => {
|
|
6
|
-
DomElementList(rootElement, '.js-load').forEach(domElement =>
|
|
7
|
-
FeatureList(domElement, 'data-
|
|
6
|
+
DomElementList(rootElement, '.js-load').forEach((domElement) =>
|
|
7
|
+
FeatureList(domElement, 'data-hr-').forEach((feature) => feature.execute(loader))
|
|
8
8
|
)
|
|
9
|
-
}
|
|
9
|
+
},
|
|
10
10
|
}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
<button
|
|
1
|
+
<button
|
|
2
|
+
class='js-load btn
|
|
3
|
+
{{inline-switch size '["sm","lg","xl"]' '["btn--sm","btn--lg","btn--xl","btn--md"]'}}
|
|
4
|
+
{{inline-switch type '["secondary"]' '["btn--secondary","btn--primary"]'}}'
|
|
5
|
+
>
|
|
2
6
|
{{label}}
|
|
3
7
|
</button>
|
|
4
|
-
<div class=
|
|
5
|
-
<div class=
|
|
6
|
-
</div>
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
<div class='js-load outer' data-hr-foo='{"test":"bar"}'>
|
|
9
|
+
<div class='inner'></div>
|
|
10
|
+
</div>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div class="c-audioElement">
|
|
2
2
|
<div id="{{nextRandom}}" class="{{~#with _addClass }} {{this}}{{/with}} js-load"
|
|
3
|
-
data-
|
|
3
|
+
data-hr-mediaplayer-loader-ds='{
|
|
4
4
|
"type": "audio",
|
|
5
5
|
"position": "{{if _isTeaser 'teaser' 'page'}}",
|
|
6
6
|
"teaserSize" : "{{if _teaserSize _teaserSize '00' }}",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
{{~#if ../this.isPodcast~}}
|
|
63
63
|
<a href="{{../this.podcastDownloadUrl}}" class="downloadLink button-invert js-load"{{#with
|
|
64
64
|
../this.trackingData}}
|
|
65
|
-
data-
|
|
65
|
+
data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": "{{this.secondLevelId}}"}, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{_type}}", "secondLevelId": "{{this.secondLevelId}}" }]}'{{/with}}>
|
|
66
66
|
{{> components/base/image/icon _icon='download-button' _addClass="icon--media"}}
|
|
67
67
|
</a>
|
|
68
68
|
{{~/if~}}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
<a {{#with this.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{this.url}}" {{#with this.webviewUrl}}{{/with}}
|
|
3
3
|
class="sb-link{{#if ../css}} {{../css}}{{/if}}{{#if ../doTracking}} js-load{{else}}{{#if ../this.content.isFileDownload}} js-loadScript{{/if}}{{/if}}{{#if ../isSelected}} {{defaultIfEmpty ../selectedCssClass "-current"}}{{/if}}"
|
|
4
4
|
{{#if ../doNavigationTracking}}
|
|
5
|
-
data-
|
|
5
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{../clickLabelType}}{{#if ../clickLabelPrefix1}}::{{../clickLabelPrefix1}}{{/if}}::{{../clickLabelPrefix2}}-Link geklickt"}]}'
|
|
6
6
|
{{/if}}
|
|
7
7
|
{{#if ../doTracking}}
|
|
8
|
-
{{#with this.content.trackingData}}data-
|
|
8
|
+
{{#with this.content.trackingData}}data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "{{#if ../this.content.isFileDownload}}{{this.pageName}}{{else}}mediabuttonclick::{{../../clickLabelPrefix1}}::{{../../clickLabelPrefix2}}{{/if}}"}]}'{{/with}}
|
|
9
9
|
{{else}}
|
|
10
10
|
{{#if ../this.content.isFileDownload}}
|
|
11
|
-
{{#with this.content.trackingData}}data-
|
|
11
|
+
{{#with this.content.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId": "{{this.secondLevelId}}","clickLabel": "{{this.pageName}}"}]}'{{/with}}
|
|
12
12
|
{{/if}}
|
|
13
13
|
{{/if}}
|
|
14
14
|
{{#if this.isTargetBlank}} target="_blank" rel="noopener{{#if this.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<li class="sb-brand-navigation-item{{#if this.selected}} h-10 lg:h-8 font-bold text-blue-congress {{/if}} cursor-pointer inline-block lg:hover:underline active:font-bold active:text-blue-science">
|
|
2
|
-
<a class="link-focus-inset leading-10 lg:leading-8 flex-col px-3 {{#if @first }}pl-0 {{/if}}lg: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-
|
|
2
|
+
<a class="link-focus-inset leading-10 lg:leading-8 flex-col px-3 {{#if @first }}pl-0 {{/if}}lg:flex-row js-load w-max flex justify-center {{#if this.selected}} -currentBrand {{/if}}" aria-label="{{this.name}}" href="{{resourceUrl "index.html" _site=this.site}}"{{#if this.extern}} target="_blank" rel="noopener noreferrer"{{/if}} data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Brandnavigation::{{this.text}}-Link geklickt"}]}'>{{this.text}}</a>
|
|
3
3
|
</li>
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
{{#unless ../_isSectionNav}}
|
|
33
33
|
<div class="w-full">
|
|
34
34
|
<div class="flex 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-blue-congress ">
|
|
35
|
-
<a href="{{resourceUrl ../this.url}}" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-
|
|
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>
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
14
14
|
aria-owns="flyout-{{getRandom}}"
|
|
15
15
|
aria-controls="flyout-{{getRandom}}"
|
|
16
|
-
data-
|
|
16
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'>
|
|
17
17
|
|
|
18
18
|
{{~else ~}}
|
|
19
19
|
|
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
30
30
|
aria-owns="flyout-{{getRandom}}"
|
|
31
31
|
aria-controls="flyout-{{getRandom}}"
|
|
32
|
-
data-
|
|
32
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'>
|
|
33
33
|
{{~else ~}}
|
|
34
34
|
{{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
|
|
35
35
|
<a href="{{resourceUrl this.url}}"
|
|
36
36
|
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset-white js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}"
|
|
37
37
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
38
|
-
data-
|
|
38
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
39
39
|
x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
40
40
|
>
|
|
41
41
|
{{~/if}}
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
aria-owns="flyout-{{getRandom}}"
|
|
82
82
|
aria-controls="flyout-{{getRandom}}"
|
|
83
83
|
aria-labelledby="flyout-{{getRandom}}-1"
|
|
84
|
-
data-
|
|
84
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'>
|
|
85
85
|
|
|
86
86
|
<span class="hidden">{{~this.text~}}</span>
|
|
87
87
|
|
|
@@ -17,15 +17,15 @@
|
|
|
17
17
|
aria-owns="flyout-{{getRandom}}"
|
|
18
18
|
aria-controls="flyout-{{getRandom}}"
|
|
19
19
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? '{{this.text}}-Menü schließen' : '{{this.text}}-Menü öffnen')"
|
|
20
|
-
data-
|
|
20
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'
|
|
21
21
|
>
|
|
22
22
|
|
|
23
23
|
{{else}}
|
|
24
24
|
|
|
25
25
|
{{#if this.extern}}
|
|
26
|
-
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-
|
|
26
|
+
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
27
27
|
{{else}}
|
|
28
|
-
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-
|
|
28
|
+
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
29
29
|
{{/if}}
|
|
30
30
|
|
|
31
31
|
{{/if}}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
x-data="{ tab: '{{this.tabbedGroup.[0].title}}' }"
|
|
3
3
|
class="grid grid-cols-12 pt-6 md:pt-7 bg-[#dce8f0] mx-0 md:rounded-tl-3xl md:rounded-br-3xl col-main gap-x-6 gap-y-6"
|
|
4
4
|
>
|
|
5
|
-
<section class="col-span-full" data-
|
|
5
|
+
<section class="col-span-full" data-hr-group-tabbed='{"wandaPageId":"{{this.wandaPageId}}"}'>
|
|
6
6
|
<div class="flex flex-wrap justify-center mb-7 mx-1.5" role="tablist">
|
|
7
7
|
{{~#each this.tabbedGroup~}}
|
|
8
8
|
<button onclick="window.location.href='#tgp{{@index}}';"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<div x-show="avStart" id="{{nextRandom}}" class="ar-16-9 js-load" data-
|
|
1
|
+
<div x-show="avStart" id="{{nextRandom}}" class="ar-16-9 js-load" data-hr-mediaplayer-loader-ds='{
|
|
2
2
|
"type": "live",
|
|
3
3
|
"position": "{{if _isTeaser 'teaser' 'page'}}",
|
|
4
4
|
"teaserSize" : "{{if _teaserSize _teaserSize '00' }}",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<div x-show="avStart" id="{{nextRandom}}" class="ar-16-9 js-load" data-
|
|
1
|
+
<div x-show="avStart" id="{{nextRandom}}" class="ar-16-9 js-load" data-hr-mediaplayer-loader-ds='{
|
|
2
2
|
"type": "ondemand",
|
|
3
3
|
"position": "{{if _isTeaser 'teaser' 'page'}}",
|
|
4
4
|
"teaserSize" : "{{if _teaserSize _teaserSize '00' }}",
|
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": "0.
|
|
9
|
+
"version": "0.50.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
package/src/stories/example.hbs
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
<button
|
|
1
|
+
<button
|
|
2
|
+
class='js-load btn
|
|
3
|
+
{{inline-switch size '["sm","lg","xl"]' '["btn--sm","btn--lg","btn--xl","btn--md"]'}}
|
|
4
|
+
{{inline-switch type '["secondary"]' '["btn--secondary","btn--primary"]'}}'
|
|
5
|
+
>
|
|
2
6
|
{{label}}
|
|
3
7
|
</button>
|
|
4
|
-
<div class=
|
|
5
|
-
<div class=
|
|
6
|
-
</div>
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
<div class='js-load outer' data-hr-foo='{"test":"bar"}'>
|
|
9
|
+
<div class='inner'></div>
|
|
10
|
+
</div>
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
<button
|
|
1
|
+
<button
|
|
2
|
+
class='js-load btn
|
|
3
|
+
{{inline-switch size '["sm","lg","xl"]' '["btn--sm","btn--lg","btn--xl","btn--md"]'}}
|
|
4
|
+
{{inline-switch type '["secondary"]' '["btn--secondary","btn--primary"]'}}'
|
|
5
|
+
>
|
|
2
6
|
{{label}}
|
|
3
7
|
</button>
|
|
4
|
-
<div class=
|
|
5
|
-
<div class=
|
|
6
|
-
</div>
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
<div class='js-load outer' data-hr-foo='{"test":"bar"}'>
|
|
9
|
+
<div class='inner'></div>
|
|
10
|
+
</div>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div class="c-audioElement">
|
|
2
2
|
<div id="{{nextRandom}}" class="{{~#with _addClass }} {{this}}{{/with}} js-load"
|
|
3
|
-
data-
|
|
3
|
+
data-hr-mediaplayer-loader-ds='{
|
|
4
4
|
"type": "audio",
|
|
5
5
|
"position": "{{if _isTeaser 'teaser' 'page'}}",
|
|
6
6
|
"teaserSize" : "{{if _teaserSize _teaserSize '00' }}",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
{{~#if ../this.isPodcast~}}
|
|
63
63
|
<a href="{{../this.podcastDownloadUrl}}" class="downloadLink button-invert js-load"{{#with
|
|
64
64
|
../this.trackingData}}
|
|
65
|
-
data-
|
|
65
|
+
data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": "{{this.secondLevelId}}"}, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{_type}}", "secondLevelId": "{{this.secondLevelId}}" }]}'{{/with}}>
|
|
66
66
|
{{> components/base/image/icon _icon='download-button' _addClass="icon--media"}}
|
|
67
67
|
</a>
|
|
68
68
|
{{~/if~}}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
<a {{#with this.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{this.url}}" {{#with this.webviewUrl}}{{/with}}
|
|
3
3
|
class="sb-link{{#if ../css}} {{../css}}{{/if}}{{#if ../doTracking}} js-load{{else}}{{#if ../this.content.isFileDownload}} js-loadScript{{/if}}{{/if}}{{#if ../isSelected}} {{defaultIfEmpty ../selectedCssClass "-current"}}{{/if}}"
|
|
4
4
|
{{#if ../doNavigationTracking}}
|
|
5
|
-
data-
|
|
5
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{../clickLabelType}}{{#if ../clickLabelPrefix1}}::{{../clickLabelPrefix1}}{{/if}}::{{../clickLabelPrefix2}}-Link geklickt"}]}'
|
|
6
6
|
{{/if}}
|
|
7
7
|
{{#if ../doTracking}}
|
|
8
|
-
{{#with this.content.trackingData}}data-
|
|
8
|
+
{{#with this.content.trackingData}}data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "{{#if ../this.content.isFileDownload}}{{this.pageName}}{{else}}mediabuttonclick::{{../../clickLabelPrefix1}}::{{../../clickLabelPrefix2}}{{/if}}"}]}'{{/with}}
|
|
9
9
|
{{else}}
|
|
10
10
|
{{#if ../this.content.isFileDownload}}
|
|
11
|
-
{{#with this.content.trackingData}}data-
|
|
11
|
+
{{#with this.content.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId": "{{this.secondLevelId}}","clickLabel": "{{this.pageName}}"}]}'{{/with}}
|
|
12
12
|
{{/if}}
|
|
13
13
|
{{/if}}
|
|
14
14
|
{{#if this.isTargetBlank}} target="_blank" rel="noopener{{#if this.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<li class="sb-brand-navigation-item{{#if this.selected}} h-10 lg:h-8 font-bold text-blue-congress {{/if}} cursor-pointer inline-block lg:hover:underline active:font-bold active:text-blue-science">
|
|
2
|
-
<a class="link-focus-inset leading-10 lg:leading-8 flex-col px-3 {{#if @first }}pl-0 {{/if}}lg: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-
|
|
2
|
+
<a class="link-focus-inset leading-10 lg:leading-8 flex-col px-3 {{#if @first }}pl-0 {{/if}}lg:flex-row js-load w-max flex justify-center {{#if this.selected}} -currentBrand {{/if}}" aria-label="{{this.name}}" href="{{resourceUrl "index.html" _site=this.site}}"{{#if this.extern}} target="_blank" rel="noopener noreferrer"{{/if}} data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Brandnavigation::{{this.text}}-Link geklickt"}]}'>{{this.text}}</a>
|
|
3
3
|
</li>
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
{{#unless ../_isSectionNav}}
|
|
33
33
|
<div class="w-full">
|
|
34
34
|
<div class="flex 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-blue-congress ">
|
|
35
|
-
<a href="{{resourceUrl ../this.url}}" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-
|
|
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
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
14
14
|
aria-owns="flyout-{{getRandom}}"
|
|
15
15
|
aria-controls="flyout-{{getRandom}}"
|
|
16
|
-
data-
|
|
16
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'>
|
|
17
17
|
|
|
18
18
|
{{~else ~}}
|
|
19
19
|
|
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
30
30
|
aria-owns="flyout-{{getRandom}}"
|
|
31
31
|
aria-controls="flyout-{{getRandom}}"
|
|
32
|
-
data-
|
|
32
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'>
|
|
33
33
|
{{~else ~}}
|
|
34
34
|
{{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
|
|
35
35
|
<a href="{{resourceUrl this.url}}"
|
|
36
36
|
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset-white js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}"
|
|
37
37
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
38
|
-
data-
|
|
38
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
39
39
|
x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
40
40
|
>
|
|
41
41
|
{{~/if}}
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
aria-owns="flyout-{{getRandom}}"
|
|
82
82
|
aria-controls="flyout-{{getRandom}}"
|
|
83
83
|
aria-labelledby="flyout-{{getRandom}}-1"
|
|
84
|
-
data-
|
|
84
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'>
|
|
85
85
|
|
|
86
86
|
<span class="hidden">{{~this.text~}}</span>
|
|
87
87
|
|
package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs
CHANGED
|
@@ -17,15 +17,15 @@
|
|
|
17
17
|
aria-owns="flyout-{{getRandom}}"
|
|
18
18
|
aria-controls="flyout-{{getRandom}}"
|
|
19
19
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? '{{this.text}}-Menü schließen' : '{{this.text}}-Menü öffnen')"
|
|
20
|
-
data-
|
|
20
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'
|
|
21
21
|
>
|
|
22
22
|
|
|
23
23
|
{{else}}
|
|
24
24
|
|
|
25
25
|
{{#if this.extern}}
|
|
26
|
-
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-
|
|
26
|
+
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
27
27
|
{{else}}
|
|
28
|
-
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-
|
|
28
|
+
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
29
29
|
{{/if}}
|
|
30
30
|
|
|
31
31
|
{{/if}}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
x-data="{ tab: '{{this.tabbedGroup.[0].title}}' }"
|
|
3
3
|
class="grid grid-cols-12 pt-6 md:pt-7 bg-[#dce8f0] mx-0 md:rounded-tl-3xl md:rounded-br-3xl col-main gap-x-6 gap-y-6"
|
|
4
4
|
>
|
|
5
|
-
<section class="col-span-full" data-
|
|
5
|
+
<section class="col-span-full" data-hr-group-tabbed='{"wandaPageId":"{{this.wandaPageId}}"}'>
|
|
6
6
|
<div class="flex flex-wrap justify-center mb-7 mx-1.5" role="tablist">
|
|
7
7
|
{{~#each this.tabbedGroup~}}
|
|
8
8
|
<button onclick="window.location.href='#tgp{{@index}}';"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<div x-show="avStart" id="{{nextRandom}}" class="ar-16-9 js-load" data-
|
|
1
|
+
<div x-show="avStart" id="{{nextRandom}}" class="ar-16-9 js-load" data-hr-mediaplayer-loader-ds='{
|
|
2
2
|
"type": "live",
|
|
3
3
|
"position": "{{if _isTeaser 'teaser' 'page'}}",
|
|
4
4
|
"teaserSize" : "{{if _teaserSize _teaserSize '00' }}",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<div x-show="avStart" id="{{nextRandom}}" class="ar-16-9 js-load" data-
|
|
1
|
+
<div x-show="avStart" id="{{nextRandom}}" class="ar-16-9 js-load" data-hr-mediaplayer-loader-ds='{
|
|
2
2
|
"type": "ondemand",
|
|
3
3
|
"position": "{{if _isTeaser 'teaser' 'page'}}",
|
|
4
4
|
"teaserSize" : "{{if _teaserSize _teaserSize '00' }}",
|