hr-design-system-handlebars 0.56.2 → 0.56.3

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 (13) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +19 -10
  3. package/dist/views/components/content_nav/content_nav_item.hbs +2 -2
  4. package/dist/views/components/content_nav/content_nav_list.hbs +5 -5
  5. package/dist/views/components/content_nav/dropdown.hbs +1 -1
  6. package/package.json +1 -1
  7. package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_100.json +27 -27
  8. package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_subgroups.json +218 -0
  9. package/src/stories/views/components/content_nav/content_nav_item.hbs +2 -2
  10. package/src/stories/views/components/content_nav/content_nav_list.hbs +5 -5
  11. package/src/stories/views/components/content_nav/dropdown.hbs +1 -1
  12. package/src/stories/views/components/teaser/content_nav/teaser_content_nav.stories.mdx +5 -1
  13. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_dropdown_subgroups.json +1 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v0.56.3 (Tue Aug 30 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Content nav part6 [#308](https://github.com/mumprod/hr-design-system-handlebars/pull/308) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
1
13
  # v0.56.2 (Tue Aug 30 2022)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -834,12 +834,12 @@ video {
834
834
  .h-4 {
835
835
  height: 1rem;
836
836
  }
837
- .h-full {
838
- height: 100%;
839
- }
840
837
  .h-auto {
841
838
  height: auto;
842
839
  }
840
+ .h-full {
841
+ height: 100%;
842
+ }
843
843
  .h-0\.5 {
844
844
  height: 0.125rem;
845
845
  }
@@ -1289,6 +1289,10 @@ video {
1289
1289
  --tw-bg-opacity: 1;
1290
1290
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1291
1291
  }
1292
+ .bg-gray-200 {
1293
+ --tw-bg-opacity: 1;
1294
+ background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1295
+ }
1292
1296
  .bg-gray-500 {
1293
1297
  --tw-bg-opacity: 1;
1294
1298
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
@@ -1682,6 +1686,10 @@ video {
1682
1686
  --tw-text-opacity: 1;
1683
1687
  color: rgba(0, 82, 147, var(--tw-text-opacity));
1684
1688
  }
1689
+ .text-black {
1690
+ --tw-text-opacity: 1;
1691
+ color: rgba(0, 0, 0, var(--tw-text-opacity));
1692
+ }
1685
1693
  .text-orange-spicyCarrot {
1686
1694
  --tw-text-opacity: 1;
1687
1695
  color: rgba(211, 70, 0, var(--tw-text-opacity));
@@ -1690,10 +1698,6 @@ video {
1690
1698
  --tw-text-opacity: 1;
1691
1699
  color: rgba(39, 107, 158, var(--tw-text-opacity));
1692
1700
  }
1693
- .text-black {
1694
- --tw-text-opacity: 1;
1695
- color: rgba(0, 0, 0, var(--tw-text-opacity));
1696
- }
1697
1701
  .text-blue-science {
1698
1702
  --tw-text-opacity: 1;
1699
1703
  color: rgba(0, 109, 193, var(--tw-text-opacity));
@@ -1866,7 +1870,7 @@ video {
1866
1870
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1867
1871
  }
1868
1872
  .counter-reset {
1869
- counter-reset: cnt1661867370874;
1873
+ counter-reset: cnt1661869902290;
1870
1874
  }
1871
1875
  .placeholder-text-xs::-webkit-input-placeholder {
1872
1876
  font-size: 0.75rem;
@@ -2249,7 +2253,7 @@ video {
2249
2253
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2250
2254
  }
2251
2255
  .-ordered {
2252
- counter-increment: cnt1661867370874 1;
2256
+ counter-increment: cnt1661869902290 1;
2253
2257
  }
2254
2258
  .-ordered::before {
2255
2259
  position: absolute;
@@ -2266,7 +2270,7 @@ video {
2266
2270
  letter-spacing: .0125em;
2267
2271
  --tw-text-opacity: 1;
2268
2272
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2269
- content: counter(cnt1661867370874);
2273
+ content: counter(cnt1661869902290);
2270
2274
  }
2271
2275
  /*! purgecss start ignore */
2272
2276
  :root,
@@ -3021,6 +3025,11 @@ video {
3021
3025
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3022
3026
  }
3023
3027
 
3028
+ .md\:\!px-0 {
3029
+ padding-left: 0px !important;
3030
+ padding-right: 0px !important;
3031
+ }
3032
+
3024
3033
  .md\:px-0 {
3025
3034
  padding-left: 0px;
3026
3035
  padding-right: 0px;
package/dist/views/components/content_nav/content_nav_item.hbs CHANGED
@@ -2,12 +2,12 @@
2
2
  : {{_ismixed}} && {{_teasersize}} >= 66 ? '!w-full md:!w-fit !mb-0 md:!mb-2 md:mr-2 border-l-0 border-r-0 border-t-0 border-b last:border-b-0 md:!border'
3
3
  : {{_ismixed}} && {{_teasersize}} <= 50 ? '!w-full !mb-0 border-b last:border-b-0'
4
4
  : {{_islist}} && {{_teasersize}} == 100 ? 'border mb-2 md:!mr-2 '
5
- : {{_islist}} && {{_teasersize}} >= 66 ? 'border mb-2 !mr-2 '
5
+ : {{_islist}} && {{_teasersize}} == 66 ? 'border mb-2 !mr-2 '
6
6
  : {{_islist}} && {{_teasersize}} <= 50 ? 'border mb-2 md:!mr-2'
7
7
  : {{_isflow}} ? '!w-fit !mr-2 border mb-2'
8
8
  : '' "
9
9
 
10
- class="{{inline-switch _teasersize '["100","66","50","33","25"]' '["w-full md:w-fit","w-fit","w-full","w-full","w-full"]'}} overflow-hidden text-base font-copy list-none border-blue-congress fill-congress hover:fill-white text-blue-congress hover:text-white hover:underline {{#if this.isSelected}} -current{{/if}} c-content-nav__item">
10
+ class="{{inline-switch _teasersize '["100","66","50","33","25"]' '["w-full md:w-fit","w-fit","w-full","w-full","w-full"]'}} h-8 overflow-hidden text-base font-copy list-none border-blue-congress fill-congress hover:fill-white text-blue-congress hover:text-white hover:underline {{#if this.isSelected}} -current{{/if}} c-content-nav__item">
11
11
  {{#>components/base/link.hbs
12
12
  _doNavigationTracking="true"
13
13
  _clickLabelType="Contentnavigation"
package/dist/views/components/content_nav/content_nav_list.hbs CHANGED
@@ -1,5 +1,5 @@
1
- <ul :class="{{this.isMixed}} && {{_teasersize}} < 66 || ({{this.isMixed}} && window.innerWidth < 768) || {{this.isDropdown}} ? 'shadow-[0_13px_27px_-2px_rgba(50,50,93,0.25)] !px-0 ' : ''"
2
- class="flex flex-wrap w-full px-2 m-0 last:border-b-0">
1
+ <ul :class="({{this.isMixed}} && {{_teasersize}} < 66) || ({{this.isMixed}} && window.innerWidth < 768) || {{this.isDropdown}} ? 'shadow-[0_13px_27px_-2px_rgba(50,50,93,0.25)] !px-0 ' : ''"
2
+ class="flex flex-wrap w-full px-2 md:!px-0 last:border-b-0">
3
3
 
4
4
  {{~#each this.contentNavEntries~}}
5
5
 
@@ -7,11 +7,11 @@
7
7
 
8
8
  {{#if ../isDropdown}}
9
9
 
10
- <li class="c-content-nav__group">
11
- <div class="c-content-nav__group-title">{{this.title}}</div>
10
+ <li class="w-full h-auto overflow-hidden text-base text-black list-none bg-gray-200 border-b border-blue-congress font-copy fill-congress c-content-nav__group">
11
+ <div class="p-2 c-content-nav__group-title">{{this.title}}</div>
12
12
  <ul class="c-content-nav__group-list">
13
13
  {{~#each this.navigationGroup~}}
14
- {{> components/content_nav/content_nav_item }}
14
+ {{> components/content_nav/content_nav_item _teasersize=../../_teasersize _isdropdown=../../isDropdown _ismixed=../../isMixed _islist=../../isList _isflow=../../isFlow}}
15
15
  {{~/each~}}
16
16
  </ul>
17
17
  </li>
package/dist/views/components/content_nav/dropdown.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  <nav
2
- class="w-full px-2 {{_componentClass}} {{_modifier}} "
2
+ class="w-full px-2 md:px-0 {{_componentClass}} {{_modifier}} "
3
3
  id="dropdown--{{nextRandom}}"
4
4
  tabindex="0"
5
5
  role="navigation"
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.56.2",
9
+ "version": "0.56.3",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_100.json CHANGED
@@ -15,38 +15,38 @@
15
15
  },
16
16
  "contentNavEntries": [
17
17
  {
18
- "title" : "Arbeitsmarkt",
19
- "isGroup" : false,
20
- "isSelected" : false,
21
- "link" : {
22
- "url": "/teaser1",
23
- "webviewUrl": "/teaser1#webview",
24
- "isTargetBlank": true,
25
- "hasIcon": true,
26
- "iconName": "extern"
27
- },
28
- "navigationGroup" : [
29
- {
30
- }
31
- ]
32
- },
33
- {
34
- "title" : "Banken",
18
+ "title" : "Arbeitsmarkt",
19
+ "isGroup" : false,
20
+ "isSelected" : false,
35
21
  "link" : {
36
22
  "url": "/teaser1",
37
23
  "webviewUrl": "/teaser1#webview",
38
- "isTargetBlank": false,
39
- "hasIcon": false,
40
- "iconName": "iconName",
41
- "readMoreText": {
42
- "readMoreScreenreader": "Zum Artikel",
43
- "readMore": "mehr",
44
- "readMoreLong": "read More Long"
24
+ "isTargetBlank": true,
25
+ "hasIcon": true,
26
+ "iconName": "extern"
27
+ },
28
+ "navigationGroup" : [
29
+ {
45
30
  }
31
+ ]
32
+ },
33
+ {
34
+ "title" : "Banken",
35
+ "link" : {
36
+ "url": "/teaser1",
37
+ "webviewUrl": "/teaser1#webview",
38
+ "isTargetBlank": false,
39
+ "hasIcon": false,
40
+ "iconName": "iconName",
41
+ "readMoreText": {
42
+ "readMoreScreenreader": "Zum Artikel",
43
+ "readMore": "mehr",
44
+ "readMoreLong": "read More Long"
45
+ }
46
+ },
47
+ "isGroup" : false,
48
+ "isSelected" : false
46
49
  },
47
- "isGroup" : false,
48
- "isSelected" : false
49
- },
50
50
 
51
51
  {
52
52
  "title" : "Energie",
package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_subgroups.json ADDED
@@ -0,0 +1,218 @@
1
+ {
2
+ "realTeasersize" : "100",
3
+ "teasersize" : "100",
4
+
5
+ "contentNav" : {
6
+ "title" : "Geiler Titel",
7
+
8
+ "isDropdown" : true,
9
+ "isList" : false,
10
+ "isFlow" : false,
11
+ "isMixed" : false,
12
+ "isAutosuggest" : false,
13
+ "selectedItem": {
14
+ "title" : "Themen Wirtschaft"
15
+ },
16
+ "contentNavEntries": [
17
+ {
18
+ "title" : "Arbeitsmarkt",
19
+ "isGroup" : true,
20
+ "isSelected" : false,
21
+ "navigationGroup" : [
22
+ {
23
+ "title" : "Arbeitsmarkt - Sub-Item 1",
24
+ "isGroup" : false,
25
+ "isSelected" : false,
26
+ "link" : {
27
+ "url": "/teaser1",
28
+ "webviewUrl": "/teaser1#webview",
29
+ "isTargetBlank": true,
30
+ "hasIcon": true,
31
+ "iconName": "extern"
32
+ }
33
+ },
34
+ {
35
+ "title" : "Arbeitsmarkt - Sub-Item 2",
36
+ "isGroup" : false,
37
+ "isSelected" : false,
38
+ "link" : {
39
+ "url": "/teaser1",
40
+ "webviewUrl": "/teaser1#webview",
41
+ "isTargetBlank": true,
42
+ "hasIcon": true,
43
+ "iconName": "extern"
44
+ }
45
+ }
46
+ ]
47
+ },
48
+ {
49
+ "title" : "Banken",
50
+ "isGroup" : true,
51
+ "isSelected" : false,
52
+ "navigationGroup" : [
53
+ {
54
+ "title" : "Banken - Sub-Item 1",
55
+ "isGroup" : false,
56
+ "isSelected" : false,
57
+ "link" : {
58
+ "url": "/teaser1",
59
+ "webviewUrl": "/teaser1#webview",
60
+ "isTargetBlank": true,
61
+ "hasIcon": true,
62
+ "iconName": "extern"
63
+ }
64
+ },
65
+ {
66
+ "title" : "Banken - Sub-Item 2",
67
+ "isGroup" : false,
68
+ "isSelected" : false,
69
+ "link" : {
70
+ "url": "/teaser1",
71
+ "webviewUrl": "/teaser1#webview",
72
+ "isTargetBlank": true,
73
+ "hasIcon": true,
74
+ "iconName": "extern"
75
+ }
76
+ }
77
+ ]
78
+ },
79
+
80
+ {
81
+ "title" : "Energie",
82
+ "link" : {
83
+ "url": "/teaser1",
84
+ "webviewUrl": "/teaser1#webview",
85
+ "isTargetBlank": true,
86
+ "hasIcon": false,
87
+ "iconName": "iconName",
88
+ "readMoreText": {
89
+ "readMoreScreenreader": "Zum Artikel",
90
+ "readMore": "mehr",
91
+ "readMoreLong": "read More Long"
92
+ }
93
+ },
94
+ "isGroup" : false,
95
+ "isSelected" : false
96
+ },
97
+ {
98
+ "title" : "Flughafen Kassel-Calden",
99
+ "link" : {
100
+ "url": "/teaser1",
101
+ "webviewUrl": "/teaser1#webview",
102
+ "isTargetBlank": true,
103
+ "hasIcon": false,
104
+ "iconName": "iconName",
105
+ "readMoreText": {
106
+ "readMoreScreenreader": "Zum Artikel",
107
+ "readMore": "mehr",
108
+ "readMoreLong": "read More Long"
109
+ }
110
+ },
111
+ "isGroup" : false,
112
+ "isSelected" : false
113
+ },
114
+ {
115
+ "title" : "Gewerkschaften",
116
+ "link" : {
117
+ "url": "/teaser1",
118
+ "webviewUrl": "/teaser1#webview",
119
+ "isTargetBlank": true,
120
+ "hasIcon": false,
121
+ "iconName": "iconName",
122
+ "readMoreText": {
123
+ "readMoreScreenreader": "Zum Artikel",
124
+ "readMore": "mehr",
125
+ "readMoreLong": "read More Long"
126
+ }
127
+ },
128
+ "isGroup" : false,
129
+ "isSelected" : false
130
+ },
131
+ {
132
+ "title" : "Handel",
133
+ "link" : {
134
+ "url": "/teaser1",
135
+ "webviewUrl": "/teaser1#webview",
136
+ "isTargetBlank": true,
137
+ "hasIcon": false,
138
+ "iconName": "iconName",
139
+ "readMoreText": {
140
+ "readMoreScreenreader": "Zum Artikel",
141
+ "readMore": "mehr",
142
+ "readMoreLong": "read More Long"
143
+ }
144
+ },
145
+ "isGroup" : false,
146
+ "isSelected" : false
147
+ },
148
+ {
149
+ "title" : "Handwerk",
150
+ "link" : {
151
+ "url": "/teaser1",
152
+ "webviewUrl": "/teaser1#webview",
153
+ "isTargetBlank": true,
154
+ "hasIcon": false,
155
+ "iconName": "iconName",
156
+ "readMoreText": {
157
+ "readMoreScreenreader": "Zum Artikel",
158
+ "readMore": "mehr",
159
+ "readMoreLong": "read More Long"
160
+ }
161
+ },
162
+ "isGroup" : false,
163
+ "isSelected" : false
164
+ },
165
+ {
166
+ "title" : "Immobilien",
167
+ "link" : {
168
+ "url": "/teaser1",
169
+ "webviewUrl": "/teaser1#webview",
170
+ "isTargetBlank": true,
171
+ "hasIcon": false,
172
+ "iconName": "iconName",
173
+ "readMoreText": {
174
+ "readMoreScreenreader": "Zum Artikel",
175
+ "readMore": "mehr",
176
+ "readMoreLong": "read More Long"
177
+ }
178
+ },
179
+ "isGroup" : false,
180
+ "isSelected" : false
181
+ },
182
+ {
183
+ "title" : "K + S",
184
+ "link" : {
185
+ "url": "/teaser1",
186
+ "webviewUrl": "/teaser1#webview",
187
+ "isTargetBlank": true,
188
+ "hasIcon": false,
189
+ "iconName": "iconName",
190
+ "readMoreText": {
191
+ "readMoreScreenreader": "Zum Artikel",
192
+ "readMore": "mehr",
193
+ "readMoreLong": "read More Long"
194
+ }
195
+ },
196
+ "isGroup" : false,
197
+ "isSelected" : false
198
+ },
199
+ {
200
+ "title" : "Landwirtschaft",
201
+ "link" : {
202
+ "url": "/teaser1",
203
+ "webviewUrl": "/teaser1#webview",
204
+ "isTargetBlank": true,
205
+ "hasIcon": false,
206
+ "iconName": "iconName",
207
+ "readMoreText": {
208
+ "readMoreScreenreader": "Zum Artikel",
209
+ "readMore": "mehr",
210
+ "readMoreLong": "read More Long"
211
+ }
212
+ },
213
+ "isGroup" : false,
214
+ "isSelected" : false
215
+ }
216
+ ]
217
+ }
218
+ }
package/src/stories/views/components/content_nav/content_nav_item.hbs CHANGED
@@ -2,12 +2,12 @@
2
2
  : {{_ismixed}} && {{_teasersize}} >= 66 ? '!w-full md:!w-fit !mb-0 md:!mb-2 md:mr-2 border-l-0 border-r-0 border-t-0 border-b last:border-b-0 md:!border'
3
3
  : {{_ismixed}} && {{_teasersize}} <= 50 ? '!w-full !mb-0 border-b last:border-b-0'
4
4
  : {{_islist}} && {{_teasersize}} == 100 ? 'border mb-2 md:!mr-2 '
5
- : {{_islist}} && {{_teasersize}} >= 66 ? 'border mb-2 !mr-2 '
5
+ : {{_islist}} && {{_teasersize}} == 66 ? 'border mb-2 !mr-2 '
6
6
  : {{_islist}} && {{_teasersize}} <= 50 ? 'border mb-2 md:!mr-2'
7
7
  : {{_isflow}} ? '!w-fit !mr-2 border mb-2'
8
8
  : '' "
9
9
 
10
- class="{{inline-switch _teasersize '["100","66","50","33","25"]' '["w-full md:w-fit","w-fit","w-full","w-full","w-full"]'}} overflow-hidden text-base font-copy list-none border-blue-congress fill-congress hover:fill-white text-blue-congress hover:text-white hover:underline {{#if this.isSelected}} -current{{/if}} c-content-nav__item">
10
+ class="{{inline-switch _teasersize '["100","66","50","33","25"]' '["w-full md:w-fit","w-fit","w-full","w-full","w-full"]'}} h-8 overflow-hidden text-base font-copy list-none border-blue-congress fill-congress hover:fill-white text-blue-congress hover:text-white hover:underline {{#if this.isSelected}} -current{{/if}} c-content-nav__item">
11
11
  {{#>components/base/link.hbs
12
12
  _doNavigationTracking="true"
13
13
  _clickLabelType="Contentnavigation"
package/src/stories/views/components/content_nav/content_nav_list.hbs CHANGED
@@ -1,5 +1,5 @@
1
- <ul :class="{{this.isMixed}} && {{_teasersize}} < 66 || ({{this.isMixed}} && window.innerWidth < 768) || {{this.isDropdown}} ? 'shadow-[0_13px_27px_-2px_rgba(50,50,93,0.25)] !px-0 ' : ''"
2
- class="flex flex-wrap w-full px-2 m-0 last:border-b-0">
1
+ <ul :class="({{this.isMixed}} && {{_teasersize}} < 66) || ({{this.isMixed}} && window.innerWidth < 768) || {{this.isDropdown}} ? 'shadow-[0_13px_27px_-2px_rgba(50,50,93,0.25)] !px-0 ' : ''"
2
+ class="flex flex-wrap w-full px-2 md:!px-0 last:border-b-0">
3
3
 
4
4
  {{~#each this.contentNavEntries~}}
5
5
 
@@ -7,11 +7,11 @@
7
7
 
8
8
  {{#if ../isDropdown}}
9
9
 
10
- <li class="c-content-nav__group">
11
- <div class="c-content-nav__group-title">{{this.title}}</div>
10
+ <li class="w-full h-auto overflow-hidden text-base text-black list-none bg-gray-200 border-b border-blue-congress font-copy fill-congress c-content-nav__group">
11
+ <div class="p-2 c-content-nav__group-title">{{this.title}}</div>
12
12
  <ul class="c-content-nav__group-list">
13
13
  {{~#each this.navigationGroup~}}
14
- {{> components/content_nav/content_nav_item }}
14
+ {{> components/content_nav/content_nav_item _teasersize=../../_teasersize _isdropdown=../../isDropdown _ismixed=../../isMixed _islist=../../isList _isflow=../../isFlow}}
15
15
  {{~/each~}}
16
16
  </ul>
17
17
  </li>
package/src/stories/views/components/content_nav/dropdown.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  <nav
2
- class="w-full px-2 {{_componentClass}} {{_modifier}} "
2
+ class="w-full px-2 md:px-0 {{_componentClass}} {{_modifier}} "
3
3
  id="dropdown--{{nextRandom}}"
4
4
  tabindex="0"
5
5
  role="navigation"
package/src/stories/views/components/teaser/content_nav/teaser_content_nav.stories.mdx CHANGED
@@ -13,7 +13,7 @@ import contentNavMixed_autosuggest from '../fixtures/teaser_content_nav_mixed_au
13
13
 
14
14
  import contentNavDropdown_autosuggest from '../fixtures/teaser_content_nav_dropdown_autosuggest_100.json'
15
15
  import contentNavDropdown from '../fixtures/teaser_content_nav_dropdown_100.json'
16
-
16
+ import contentNavDropdown_subgroups from '../fixtures/teaser_content_nav_dropdown_subgroups.json'
17
17
 
18
18
  <Meta
19
19
  title="Komponenten/Teaser/Content-Navi"
@@ -90,6 +90,10 @@ export const Template = (args, { globals: { customConditionalToolbar } }) => {
90
90
  <Story name="Dropdown" args={contentNavDropdown}>
91
91
  {Template.bind({})}
92
92
  </Story>
93
+ <b>Dropdown mit Subgruppen</b>
94
+ <Story name="Dropdown mit Subgruppen" args={contentNavDropdown_subgroups}>
95
+ {Template.bind({})}
96
+ </Story>
93
97
  <b>Dropdown Autosuggest</b>
94
98
  <Story name="Dropdown Autosuggest" args={contentNavDropdown_autosuggest}>
95
99
  {Template.bind({})}
package/src/stories/views/components/teaser/fixtures/teaser_content_nav_dropdown_subgroups.json ADDED
@@ -0,0 +1 @@
1
+ {"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":true,"isList":false,"isFlow":false,"isMixed":false,"isAutosuggest":false,"selectedItem":{"title":"Themen Wirtschaft"},"contentNavEntries":[{"title":"Arbeitsmarkt","isGroup":true,"isSelected":false,"navigationGroup":[{"title":"Arbeitsmarkt - Sub-Item 1","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern"}},{"title":"Arbeitsmarkt - Sub-Item 2","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern"}}]},{"title":"Banken","isGroup":true,"isSelected":false,"navigationGroup":[{"title":"Banken - Sub-Item 1","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern"}},{"title":"Banken - Sub-Item 2","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern"}}]},{"title":"Energie","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Flughafen Kassel-Calden","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Gewerkschaften","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Handel","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Handwerk","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Immobilien","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"K + S","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Landwirtschaft","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false}]}}