hr-design-system-handlebars 1.21.1 → 1.23.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.
Files changed (40) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/icons/icons/svgmap/nachrichten-ds.svg +8 -0
  3. package/dist/assets/icons/icons/svgmap/nachrichten.svg +2 -2
  4. package/dist/assets/icons/icons/svgmap.min.svg +1 -1
  5. package/dist/assets/index.css +7 -7
  6. package/dist/views/components/event/calendar/event_calendar_event_teaser.hbs +2 -2
  7. package/dist/views/components/site_header/brand_navigation/brand_navigation_item.hbs +1 -1
  8. package/dist/views/components/site_header/navigation_flyout/navigation_flyout.hbs +8 -6
  9. package/dist/views/components/site_header/navigation_flyout/navigation_flyout_column.hbs +1 -1
  10. package/dist/views/components/site_header/navigation_flyout/navigation_flyout_item.hbs +2 -2
  11. package/dist/views/components/site_header/section_navigation/section_navigation_item.hbs +68 -39
  12. package/dist/views/components/site_header/service_navigation/service_navigation_item.hbs +2 -2
  13. package/package.json +1 -1
  14. package/src/assets/css/custom-utilities.css +4 -0
  15. package/src/assets/fixtures/site_header/sectionNavigation.inc.json +3 -1
  16. package/src/assets/fixtures/site_header/sectionNavigation_mit_submenu_as_flyout.inc.json +119 -0
  17. package/src/assets/fixtures/site_header/serviceNavigation_hr3.inc.json +183 -0
  18. package/src/assets/fixtures/site_header/site_header_mit_submenu_as_flyout.json +17 -0
  19. package/src/assets/fixtures/site_header/site_header_mit_submenu_as_flyout_no_sticky.json +9 -0
  20. package/src/assets/icons/icons/svgmap/nachrichten-ds.svg +8 -0
  21. package/src/assets/icons/icons/svgmap/nachrichten.svg +2 -2
  22. package/src/assets/icons/icons/svgmap.min.svg +1 -1
  23. package/src/stories/views/components/event/calendar/event_calendar_event_teaser.hbs +2 -2
  24. package/src/stories/views/components/site_header/brand_navigation/brand_navigation_item.hbs +1 -1
  25. package/src/stories/views/components/site_header/fixtures/site_header_default.json +1 -1
  26. package/src/stories/views/components/site_header/fixtures/site_header_default_no_sticky.json +1 -1
  27. package/src/stories/views/components/site_header/fixtures/site_header_mit_submenu_asFlyout_no_sticky.json +1 -0
  28. package/src/stories/views/components/site_header/fixtures/site_header_mit_submenu_as_flyout.json +1 -0
  29. package/src/stories/views/components/site_header/fixtures/site_header_mit_submenu_as_flyout_no_sticky.json +1 -0
  30. package/src/stories/views/components/site_header/fixtures/site_header_mit_top_topics.json +1 -1
  31. package/src/stories/views/components/site_header/fixtures/site_header_mit_top_topics_no_sticky.json +1 -1
  32. package/src/stories/views/components/site_header/fixtures/site_header_mit_warnung.json +1 -1
  33. package/src/stories/views/components/site_header/fixtures/site_header_mit_warnung_no_sticky.json +1 -1
  34. package/src/stories/views/components/site_header/header.stories.js +13 -7
  35. package/src/stories/views/components/site_header/navigation_flyout/navigation_flyout.hbs +8 -6
  36. package/src/stories/views/components/site_header/navigation_flyout/navigation_flyout_column.hbs +1 -1
  37. package/src/stories/views/components/site_header/navigation_flyout/navigation_flyout_item.hbs +2 -2
  38. package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs +68 -39
  39. package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs +2 -2
  40. package/src/stories/views/components/site_header/fixtures/site_header_default copy.json +0 -1
package/dist/views/components/site_header/section_navigation/section_navigation_item.hbs CHANGED
@@ -3,9 +3,10 @@
3
3
  @click.outside="dropped = false"
4
4
  @close-servicemenu.window="dropped = false"
5
5
  :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary h-auto' : 'h-10 lg:hover:underline'"
6
- class="flex flex-wrap justify-start order-2 w-full text-white list-none border-b border-white sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:border-t lg:first:border-t-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-primary lg:rounded-t">
6
+ class="flex flex-wrap justify-start order-2 w-full text-white list-none border-b border-white sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:border-t lg:first:border-t-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-primary lg:rounded-t">
7
+
7
8
  {{#if this.isCluster ~}}
8
- {{!-- Gilt z.B. für REGIONEN: --}}
9
+ {{!-- Gilt z.B. für REGIONEN: --}}
9
10
  <button id="button-{{nextRandom}}-1"
10
11
  @click.debounce.100ms="toggle(); correctFlyoutPos()"
11
12
  @resize.window="dropped=false; correctFlyoutPos()"
@@ -19,36 +20,57 @@
19
20
  {{~else ~}}
20
21
 
21
22
  {{#if this.subNavigation}}
22
- {{!-- Gilt z.B. für POLITIK: --}}
23
- <a href="{{resourceUrl this.url}}"
24
- id="flyout-{{nextRandom}}-1"
25
-
26
- :class="dropped ? 'font-bold' : ''"
27
- class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset-white js-load pl-4 pr-8 lg:pl-4 lg:pr-4 flex flex-auto h-10 items-center leading-4 lg:w-full lg:justify-center{{#if this.selected}} font-bold{{/if}}"
28
- {{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
29
- aria-haspopup="true"
30
- x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
31
- aria-owns="flyout-{{getRandom}}"
32
- aria-controls="flyout-{{getRandom}}"
33
- data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'>
34
- {{~else ~}}
35
- {{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
23
+
24
+ {{#if this.subNavigation.showAsFlyout}}
25
+ {{!-- Gilt z.B. für "SHOWS" bei HR3 --}}
26
+ <button id="button-{{getRandom}}-1"
27
+ @click.debounce.100ms="toggle(); correctFlyoutPos()"
28
+ @resize.window="dropped=false; correctFlyoutPos()"
29
+ :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
30
+ class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset-white js-load pl-4 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
31
+ aria-haspopup="true"
32
+ x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')"
33
+ aria-owns="flyout-{{getRandom}}"
34
+ aria-controls="flyout-{{getRandom}}"
35
+ aria-labelledby="flyout-{{getRandom}}-1"
36
+ data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'
37
+ >
38
+ {{else}}
39
+ {{!-- Gilt z.B. für POLITIK: --}}
40
+ <a href="{{resourceUrl this.url}}"
41
+ id="flyout-{{nextRandom}}-1"
42
+
43
+ :class="dropped ? 'font-bold' : ''"
44
+ class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset-white js-load pl-4 pr-8 lg:pl-4 lg:pr-4 flex flex-auto h-10 items-center leading-4 lg:w-full lg:justify-center{{#if this.selected}} font-bold{{/if}}"
45
+ {{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
46
+ aria-haspopup="true"
47
+ x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
48
+ aria-owns="flyout-{{getRandom}}"
49
+ aria-controls="flyout-{{getRandom}}"
50
+ data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
51
+ >
52
+ {{/if}}
53
+
54
+ {{~else ~}}
55
+
56
+ {{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
36
57
  <a href="{{resourceUrl this.url}}"
37
58
  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}}"
38
59
  {{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
39
60
  data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
40
61
  x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
41
62
  >
63
+
42
64
  {{~/if}}
43
65
 
44
66
  {{~/if }}
45
67
 
68
+
46
69
  {{#if this.subNavigation}}
47
70
 
48
71
  {{~this.text~}}
49
72
 
50
73
  {{#if this.subNavigation.showAsFlyout ~}}
51
-
52
74
  <div class="flex items-center justify-center w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1">
53
75
  <div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':''">
54
76
  {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}
@@ -64,39 +86,46 @@
64
86
  {{~/if~}}
65
87
  {{~/if}}
66
88
 
89
+
67
90
  {{#if this.isCluster}}
68
91
 
69
92
  </button>
70
93
 
94
+ {{else if this.subNavigation.showAsFlyout}}
95
+
96
+ </button>
97
+
71
98
  {{else}}
72
99
 
73
100
  </a>
74
101
 
75
102
  {{#if this.subNavigation}}
76
-
77
- <button
78
- @click.debounce.100ms="toggle()"
79
- id="button-{{getRandom}}-1"
80
- class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden"
81
- aria-haspopup="true"
82
- x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')"
83
- aria-owns="flyout-{{getRandom}}"
84
- aria-controls="flyout-{{getRandom}}"
85
- aria-labelledby="flyout-{{getRandom}}-1"
86
- data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'>
87
-
88
- <span class="hidden">{{~this.text~}}</span>
89
-
90
- <div class="flex items-center justify-center lg:ml-2 lg:relative lg:right-0" :class="dropped ? 'transform rotate-180 ':''">
91
- {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-4 h-2 fill-current"}}
92
- </div>
93
- </button>
94
-
103
+ {{#unless this.subNavigation.showAsFlyout}}
104
+ <button
105
+ @click.debounce.100ms="toggle()"
106
+ id="button-{{getRandom}}-1"
107
+ class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden"
108
+ aria-haspopup="true"
109
+ x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')"
110
+ aria-owns="flyout-{{getRandom}}"
111
+ aria-controls="flyout-{{getRandom}}"
112
+ aria-labelledby="flyout-{{getRandom}}-1"
113
+ data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Toggle-Link geklickt"}]}'>
114
+
115
+ <span class="hidden">{{~this.text~}}</span>
116
+
117
+ <div class="flex items-center justify-center lg:ml-2 lg:relative lg:right-0" :class="dropped ? 'transform rotate-180 ':''">
118
+ {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-4 h-2 fill-current"}}
119
+ </div>
120
+ </button>
121
+ {{/unless}}
95
122
  {{/if}}
96
123
 
97
124
  {{/if}}
98
-
99
- {{> components/site_header/navigation_flyout/navigation_flyout _isSectionNav=true _navigationType="RubrikNavigation" _parent=this.text }}
100
-
125
+ {{#if this.isCluster}}
126
+ {{> components/site_header/navigation_flyout/navigation_flyout _isSectionNav=true _navigationType="RubrikNavigation" _parent=this.text }}
127
+ {{else}}
128
+ {{> components/site_header/navigation_flyout/navigation_flyout _isSectionNav=true _navigationType="SubNavInRubrikNav" _parent=this.text }}
129
+ {{/if}}
101
130
  </li>
102
131
  {{/each}}
package/dist/views/components/site_header/service_navigation/service_navigation_item.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#each this.navigationItems}}
2
- <li class="sb-service-navigation-item {{inline-switch this.id '["weather","warnung","traffic","video-podcast"]' '["-weather", "-warnung", "-traffic", "-video-podcast"]' }} flex flex-col h-10 lg:h-15 md:h-full w-full tablet:first:border-l border-r last:border-r-0 lg:border-r-0 text-white" >
2
+ <li class="sb-service-navigation-item {{inline-switch this.id '["news","weather","warnung","traffic","video-podcast"]' '["-news", "-weather", "-warnung", "-traffic", "-video-podcast"]' }} flex flex-col h-10 lg:h-15 md:h-full w-full tablet:first:border-l border-r last:border-r-0 lg:border-r-0 text-white" >
3
3
  {{#if this.subNavigation}}
4
4
  <button
5
5
  id="{{nextRandom}}"
@@ -31,7 +31,7 @@
31
31
  {{/if}}
32
32
 
33
33
  <div class="w-7 md:w-8 h-7 md:h-8" >
34
- {{> components/base/image/icon _icon=this.icon _iconmap="icons" _addClass="w-full h-full"}}
34
+ {{> components/base/image/icon _icon=this.icon _iconmap="icons" _addClass="w-full h-full fill-current"}}
35
35
  <span class="sr-only lg:hidden">{{this.text}}</span>
36
36
  </div>
37
37
 
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.21.1",
9
+ "version": "1.23.0",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/css/custom-utilities.css CHANGED
@@ -83,6 +83,7 @@
83
83
  /*! ********************************/
84
84
 
85
85
  .-video-podcast,
86
+ .-news,
86
87
  .-weather,
87
88
  .-traffic {
88
89
  @apply fill-white;
@@ -116,6 +117,9 @@
116
117
  @apply text-red-600 !important;
117
118
  @apply fill-black;
118
119
  }
120
+ .-warnung svg {
121
+ @apply fill-black !important;
122
+ }
119
123
 
120
124
  .link-focus-inset {
121
125
  @apply focus-visible:outline-none focus-visible:ring focus-visible:ring-inset focus-visible:ring-gray-scorpion/50;
package/src/assets/fixtures/site_header/sectionNavigation.inc.json CHANGED
@@ -113,7 +113,8 @@
113
113
  "subNavigation": {
114
114
  "showAsFlyout": false,
115
115
  "columnCount": "1",
116
- "items": [
116
+ "columns":
117
+ [
117
118
  {
118
119
  "title": "Bundestagswahl 2021",
119
120
  "text": "Bundestagswahl 2021",
@@ -160,6 +161,7 @@
160
161
  }
161
162
  }
162
163
  ]
164
+
163
165
  }
164
166
  }
165
167
  ]
package/src/assets/fixtures/site_header/sectionNavigation_mit_submenu_as_flyout.inc.json ADDED
@@ -0,0 +1,119 @@
1
+ [
2
+ {
3
+ "navigationItems": [
4
+ {
5
+ "name": "hr3",
6
+ "text": "Start",
7
+ "hiddenText": "hr3",
8
+ "url": "index.html",
9
+ "labelText": "Startseite von hr3",
10
+ "subNavigationFromIndex": true,
11
+ "selected": true
12
+ }
13
+ ]
14
+ },
15
+ {
16
+ "navigationItems": [
17
+ {
18
+ "name": "aktionen",
19
+ "text": "Aktionen",
20
+ "url": "aktionen/index.html",
21
+ "qualifiedRelatedContentOn404": true
22
+ }
23
+ ]
24
+ },
25
+ {
26
+ "navigationItems": [
27
+ {
28
+ "name": "events",
29
+ "text": "Events",
30
+ "url": "events/index.html",
31
+ "qualifiedRelatedContentOn404": true
32
+ }
33
+ ]
34
+ },
35
+ {
36
+ "navigationItems": [
37
+ {
38
+ "name": "shows",
39
+ "text": "Shows",
40
+ "url": "shows/index.html",
41
+ "flyoutStartLinkText": "Übersicht Shows",
42
+ "isCluster": false,
43
+ "subNavigation": {
44
+ "showAsFlyout": true,
45
+ "columnCount": "1",
46
+ "columns": [
47
+ [
48
+ {
49
+ "title": "Die HR3 Morningshow",
50
+ "text": "Die HR3 Morningshow",
51
+ "link": {
52
+ "url": "http://www.test.de",
53
+ "hasIcon": false,
54
+ "iconName": "extern"
55
+ }
56
+ },
57
+ {
58
+ "title": "Der HR3 Nachmittag",
59
+ "text": "Der HR3 Nachmittag",
60
+ "link": {
61
+ "url": "http://www.test.de",
62
+ "hasIcon": false,
63
+ "iconName": "extern"
64
+ }
65
+ },
66
+ {
67
+ "title": "Der HR3 Sonntagstalk",
68
+ "text": "Der HR3 Sonntagstalk",
69
+ "link": {
70
+ "url": "http://www.test.de",
71
+ "hasIcon": false,
72
+ "iconName": "extern"
73
+ }
74
+ },
75
+ {
76
+ "title": "Moderator*innen",
77
+ "text": "Moderator*innen",
78
+ "link": {
79
+ "url": "http://www.test.de",
80
+ "hasIcon": false,
81
+ "iconName": "extern"
82
+ }
83
+ },
84
+ {
85
+ "title": "Programm",
86
+ "text": "Programm",
87
+ "link": {
88
+ "url": "http://www.test.de",
89
+ "hasIcon": false,
90
+ "iconName": "extern"
91
+ }
92
+ }
93
+ ]
94
+ ]
95
+ }
96
+ }
97
+ ]
98
+ },
99
+ {
100
+ "navigationItems": [
101
+ {
102
+ "name": "playlist",
103
+ "text": "Playlist",
104
+ "url": "playlist/index.html",
105
+ "qualifiedRelatedContentOn404": true
106
+ }
107
+ ]
108
+ },
109
+ {
110
+ "navigationItems": [
111
+ {
112
+ "name": "kontakt",
113
+ "text": "Kontakt",
114
+ "url": "kontakt/index.html",
115
+ "qualifiedRelatedContentOn404": true
116
+ }
117
+ ]
118
+ }
119
+ ]
package/src/assets/fixtures/site_header/serviceNavigation_hr3.inc.json ADDED
@@ -0,0 +1,183 @@
1
+ [
2
+ {
3
+ "navigationItems": [
4
+ {
5
+ "id": "news",
6
+ "text": "Nachrichten",
7
+ "icon": "nachrichten-ds",
8
+ "selected": false,
9
+ "isCluster": false,
10
+ "url": "https://www.hr3.de"
11
+
12
+ }
13
+ ]
14
+ },
15
+ {
16
+ "navigationItems": [
17
+ {
18
+ "id": "weather",
19
+ "text": "Wetter",
20
+ "icon": "wetter-ds",
21
+ "flyoutStartLinkText": "Übersicht Wetter",
22
+ "url": "https://www.weather.de",
23
+ "subNavigation": {
24
+ "showAsFlyout": true,
25
+ "columnCount": "2",
26
+ "items": false,
27
+ "columns": [
28
+ [
29
+ {
30
+ "title": "Unwetterwarnungen",
31
+ "text": "Unwetterwarnungen",
32
+ "link": {
33
+ "url": "http://www.test.de",
34
+ "hasIcon": false,
35
+ "iconName": "extern"
36
+ }
37
+ },
38
+ {
39
+ "title": "Regenradar",
40
+ "text": "Regenradar",
41
+ "link": {
42
+ "url": "http://www.test.de",
43
+ "hasIcon": false,
44
+ "iconName": "extern"
45
+ }
46
+ },
47
+ {
48
+ "title": "Wolkenfilm",
49
+ "text": "Wolkenfilm",
50
+ "link": {
51
+ "url": "http://www.test.de",
52
+ "hasIcon": false,
53
+ "iconName": "extern"
54
+ }
55
+ },
56
+ {
57
+ "title": "Messwerte",
58
+ "text": "Messwerte",
59
+ "link": {
60
+ "url": "http://www.test.de",
61
+ "hasIcon": false,
62
+ "iconName": "extern"
63
+ }
64
+ },
65
+ {
66
+ "title": "Wetterkameras",
67
+ "text": "Wetterkameras",
68
+ "link": {
69
+ "url": "http://www.test.de",
70
+ "hasIcon": false,
71
+ "iconName": "extern"
72
+ }
73
+ },
74
+ {
75
+ "title": "Wetterbilder-Galerie",
76
+ "text": "Wetterbilder-Galerie",
77
+ "link": {
78
+ "url": "http://www.test.de",
79
+ "hasIcon": false,
80
+ "iconName": "extern"
81
+ }
82
+ },
83
+ {
84
+ "title": "mehr Wetter",
85
+ "text": "mehr Wetter",
86
+ "link": {
87
+ "url": "http://www.test.de",
88
+ "hasIcon": false,
89
+ "iconName": "extern"
90
+ }
91
+ }
92
+ ],
93
+ [
94
+ {
95
+ "title": "Thema des Tages",
96
+ "text": "Thema des Tages",
97
+ "link": {
98
+ "url": "http://www.test.de",
99
+ "hasIcon": true,
100
+ "iconName": "extern"
101
+ }
102
+ },
103
+ {
104
+ "title": "Foto einsenden",
105
+ "text": "Foto einsenden",
106
+ "link": {
107
+ "url": "http://www.test.de",
108
+ "hasIcon": true,
109
+ "iconName": "extern"
110
+ }
111
+ }
112
+ ]
113
+ ]
114
+ }
115
+ }
116
+ ]
117
+ },
118
+ {
119
+ "navigationItems": [
120
+ {
121
+ "id": "traffic",
122
+ "text": "Verkehr",
123
+ "icon": "verkehr-ds",
124
+ "flyoutStartLinkText": "Übersicht Verkehr",
125
+ "url": "https://www.traffic.de",
126
+ "subNavigation": {
127
+ "showAsFlyout": true,
128
+ "columnCount": "1",
129
+ "items": false,
130
+ "columns": [
131
+ [
132
+ {
133
+ "title": "Verkehrskameras",
134
+ "text": "Verkehrskameras",
135
+ "link": {
136
+ "url": "http://www.test.de",
137
+ "hasIcon": false,
138
+ "iconName": "extern"
139
+ }
140
+ },
141
+ {
142
+ "title": "Blitzer",
143
+ "text": "Blitzer",
144
+ "link": {
145
+ "url": "http://www.test.de",
146
+ "hasIcon": false,
147
+ "iconName": "extern"
148
+ }
149
+ },
150
+ {
151
+ "title": "Schulausfälle",
152
+ "text": "Schulausfälle",
153
+ "link": {
154
+ "url": "http://www.test.de",
155
+ "hasIcon": false,
156
+ "iconName": "extern"
157
+ }
158
+ },
159
+ {
160
+ "title": "Flugpläne Frankfurt / Parkhausbelegung",
161
+ "text": "Flugpläne Frankfurt / Parkhausbelegung",
162
+ "link": {
163
+ "url": "http://www.test.de",
164
+ "hasIcon": false,
165
+ "iconName": "extern"
166
+ }
167
+ },
168
+ {
169
+ "title": "Werden Sie hr-Staureporter!",
170
+ "text": "Werden Sie hr-Staureporter!",
171
+ "link": {
172
+ "url": "http://www.test.de",
173
+ "hasIcon": false,
174
+ "iconName": "extern"
175
+ }
176
+ }
177
+ ]
178
+ ]
179
+ }
180
+ }
181
+ ]
182
+ }
183
+ ]
package/src/assets/fixtures/site_header/site_header_mit_submenu_as_flyout.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "hasOpenSubNavigation": true,
3
+ "_useSticky": true,
4
+ "brandNavigationItems": {
5
+ "@->jsoninclude": "site_header/brandNavigation.inc.json"
6
+ },
7
+ "serviceNavigationSSILinks":
8
+ {
9
+ "@->jsoninclude": "site_header/serviceNavigation_hr3.inc.json"
10
+ },
11
+
12
+ "sectionNavigationSSILinks":
13
+ {
14
+ "@->jsoninclude": "site_header/sectionNavigation_mit_submenu_as_flyout.inc.json"
15
+ }
16
+
17
+ }
package/src/assets/fixtures/site_header/site_header_mit_submenu_as_flyout_no_sticky.json ADDED
@@ -0,0 +1,9 @@
1
+ {
2
+ "@->jsoninclude": "site_header/site_header_mit_submenu_as_flyout.json",
3
+ "@->overrides" : [
4
+ {
5
+ "@->contentpath": "_useSticky",
6
+ "@->value": false
7
+ }
8
+ ]
9
+ }
package/src/assets/icons/icons/svgmap/nachrichten-ds.svg ADDED
@@ -0,0 +1,8 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
5
+ <path d="M11,19.7h13.2v0.9H11V19.7z M24.2,16.9H11v0.9h13.2V16.9L24.2,16.9z M24.2,11.4h-5.9v0.9h5.9V11.4z M24.2,14.2h-5.9v0.9h5.9
6
+ V14.2z M7.3,6.8v15.8c0,0.7-1.5,0.7-1.5,0V8.8H4v14.5c0,1.1,0.8,1.9,1.9,1.9h20.2c1.1,0,1.9-0.8,1.9-1.9V6.8H7.3z M26.1,23.2H9.2
7
+ V8.8h16.9V23.2z M16.5,11.4H11v3.7h5.5V11.4z"/>
8
+ </svg>
package/src/assets/icons/icons/svgmap/nachrichten.svg CHANGED
@@ -1,8 +1,8 @@
1
1
  <?xml version="1.0" encoding="utf-8"?>
2
2
  <!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
3
  <svg version="1.1" id="Ebene_2_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
- width="50px" height="36px" viewBox="0 0 50 36" enable-background="new 0 0 50 36" xml:space="preserve">
5
- <path fill="#FFFFFF" d="M19.947,21.153h13.556v0.943H19.947V21.153z M33.501,18.326H19.947v0.943h13.556L33.501,18.326
4
+ viewBox="0 0 50 36" style="enable-background:new 0 0 50 36;" xml:space="preserve">
5
+ <path d="M19.947,21.153h13.556v0.943H19.947V21.153z M33.501,18.326H19.947v0.943h13.556L33.501,18.326
6
6
  L33.501,18.326z M33.501,12.668h-6.014v0.943h6.014V12.668z M33.501,15.497h-6.014v0.943h6.014V15.497z M16.176,7.955V24.17
7
7
  c0,0.727-1.543,0.727-1.543,0V10.001h-1.885v14.905c0,1.051,0.853,1.904,1.904,1.904h20.715c1.053,0,1.906-0.852,1.906-1.904V7.955
8
8
  H16.176z M35.388,24.774H18.061V9.991h17.327V24.774z M25.603,12.668h-5.656v3.771h5.656V12.668z"/>