hr-design-system-handlebars 1.11.8 → 1.11.9

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 (28) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +17 -3
  3. package/dist/views/components/page/page_pagination.hbs +61 -0
  4. package/dist/views/components/pagination/pagination.hbs +18 -0
  5. package/dist/views/components/pagination/pagination_button_left.hbs +3 -0
  6. package/dist/views/components/pagination/pagination_button_left_linked.hbs +5 -0
  7. package/dist/views/components/pagination/pagination_button_right.hbs +3 -0
  8. package/dist/views/components/pagination/pagination_button_right_linked.hbs +5 -0
  9. package/dist/views/components/pagination/pagination_current_page_invalid.hbs +17 -0
  10. package/dist/views/components/pagination/pagination_current_page_valid.hbs +25 -0
  11. package/dist/views/components/pagination/pagination_more_than_three_pages.hbs +38 -0
  12. package/dist/views/components/pagination/pagination_only_three_pages.hbs +27 -0
  13. package/dist/views/components/pagination/pagination_only_two_pages.hbs +15 -0
  14. package/package.json +1 -1
  15. package/src/assets/fixtures/page/page_pagination.json +100 -0
  16. package/src/stories/views/components/page/fixtures/page_pagination.json +1 -0
  17. package/src/stories/views/components/page/page_pagination.hbs +61 -0
  18. package/src/stories/views/components/page/page_pagination.stories.mdx +36 -0
  19. package/src/stories/views/components/pagination/pagination.hbs +18 -0
  20. package/src/stories/views/components/pagination/pagination_button_left.hbs +3 -0
  21. package/src/stories/views/components/pagination/pagination_button_left_linked.hbs +5 -0
  22. package/src/stories/views/components/pagination/pagination_button_right.hbs +3 -0
  23. package/src/stories/views/components/pagination/pagination_button_right_linked.hbs +5 -0
  24. package/src/stories/views/components/pagination/pagination_current_page_invalid.hbs +17 -0
  25. package/src/stories/views/components/pagination/pagination_current_page_valid.hbs +25 -0
  26. package/src/stories/views/components/pagination/pagination_more_than_three_pages.hbs +38 -0
  27. package/src/stories/views/components/pagination/pagination_only_three_pages.hbs +27 -0
  28. package/src/stories/views/components/pagination/pagination_only_two_pages.hbs +15 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.11.9 (Wed Apr 12 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - DPE-2079 Adding pagination [#604](https://github.com/mumprod/hr-design-system-handlebars/pull/604) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@Paul-Atreidis](https://github.com/Paul-Atreidis)
10
+
11
+ ---
12
+
1
13
  # v1.11.8 (Wed Apr 05 2023)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -1409,6 +1409,9 @@ video {
1409
1409
  .w-7 {
1410
1410
  width: 1.75rem;
1411
1411
  }
1412
+ .w-8 {
1413
+ width: 2rem;
1414
+ }
1412
1415
  .w-9 {
1413
1416
  width: 2.25rem;
1414
1417
  }
@@ -2074,6 +2077,10 @@ video {
2074
2077
  padding-left: 0.5rem;
2075
2078
  padding-right: 0.5rem;
2076
2079
  }
2080
+ .px-20 {
2081
+ padding-left: 5rem;
2082
+ padding-right: 5rem;
2083
+ }
2077
2084
  .px-3 {
2078
2085
  padding-left: 0.75rem;
2079
2086
  padding-right: 0.75rem;
@@ -2110,6 +2117,10 @@ video {
2110
2117
  padding-top: 0.375rem;
2111
2118
  padding-bottom: 0.375rem;
2112
2119
  }
2120
+ .py-10 {
2121
+ padding-top: 2.5rem;
2122
+ padding-bottom: 2.5rem;
2123
+ }
2113
2124
  .py-2 {
2114
2125
  padding-top: 0.5rem;
2115
2126
  padding-bottom: 0.5rem;
@@ -2201,6 +2212,9 @@ video {
2201
2212
  .pl-4 {
2202
2213
  padding-left: 1rem;
2203
2214
  }
2215
+ .pl-5 {
2216
+ padding-left: 1.25rem;
2217
+ }
2204
2218
  .pl-8 {
2205
2219
  padding-left: 2rem;
2206
2220
  }
@@ -2665,7 +2679,7 @@ video {
2665
2679
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2666
2680
  }
2667
2681
  .counter-reset {
2668
- counter-reset: cnt1680699574036;
2682
+ counter-reset: cnt1681323182167;
2669
2683
  }
2670
2684
  .line-clamp-4 {
2671
2685
  overflow: hidden;
@@ -2895,7 +2909,7 @@ video {
2895
2909
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2896
2910
  }
2897
2911
  .-ordered {
2898
- counter-increment: cnt1680699574036 1;
2912
+ counter-increment: cnt1681323182167 1;
2899
2913
  }
2900
2914
  .-ordered::before {
2901
2915
  position: absolute;
@@ -2911,7 +2925,7 @@ video {
2911
2925
  letter-spacing: .0125em;
2912
2926
  --tw-text-opacity: 1;
2913
2927
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2914
- content: counter(cnt1680699574036);
2928
+ content: counter(cnt1681323182167);
2915
2929
  }
2916
2930
  /*! ****************************/
2917
2931
  /*! text-shadow */
package/dist/views/components/page/page_pagination.hbs ADDED
@@ -0,0 +1,61 @@
1
+ <!DOCTYPE html>
2
+ <html
3
+ class="no-js no-js-burgerMenu preload noMicroInteraction"
4
+ data-theme="hessenschau"
5
+ lang="de"
6
+ >
7
+ <head>
8
+
9
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
10
+ <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
11
+ <title>hessenschau.de | Nachrichten aus Hessen</title>
12
+ <meta name="application-name" content="hessenschau.de" />
13
+ <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" />
14
+ <meta name="author" content="hessenschau.de, Frankfurt, Germany" />
15
+ <meta name="publisher" content="hessenschau.de" />
16
+ <meta name="language" content="Deutsch" />
17
+
18
+ </head>
19
+
20
+ <body itemscope itemtype="http://schema.org/WebPage">
21
+ <div class="js-pageSwap">
22
+
23
+ {{> components/site_header/header }}
24
+
25
+ <main
26
+ onclick="void(0)"
27
+ role="main"
28
+ id="content"
29
+ class="flex items-center justify-center"
30
+ >
31
+ <div class="grid grid-page">
32
+ <div class="{{> components/grid/grid_group_wrapper_classes }}">
33
+ <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
34
+ {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif.logicItem.includeModel}}
35
+ </section>
36
+ <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
37
+ {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_audio.logicItem.includeModel}}
38
+ </section>
39
+ <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
40
+ {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_download.logicItem.includeModel}}
41
+ </section>
42
+ <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
43
+ {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_link.logicItem.includeModel}}
44
+ </section>
45
+ <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
46
+ {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_live.logicItem.includeModel}}
47
+ </section>
48
+ <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
49
+ {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_video.logicItem.includeModel}}
50
+ </section>
51
+ </div>
52
+ </div>
53
+
54
+ </main>
55
+
56
+ <div class="flex flex-wrap justify-center w-full max-w-full">
57
+ {{> components/pagination/pagination }}
58
+ </div>
59
+ </div>
60
+ </body>
61
+ </html>
package/dist/views/components/pagination/pagination.hbs ADDED
@@ -0,0 +1,18 @@
1
+ {{~#if this.isCurrentPageValid ~}}
2
+ {{> components/pagination/pagination_current_page_valid
3
+ _moreThanOnePage=this.isMoreThanOnePage
4
+ _firstPage=this.isFirstPage
5
+ _secondPage=this.isSecondPage
6
+ _notLastPage=this.isNotLastPage
7
+ _onlyTwoPages=this.isOnlyTwoPages
8
+ _onlyThreePages=this.isOnlyThreePages
9
+ _totalPages=this.totalPages
10
+ _currentPage=this.currentPage}}
11
+ {{else}}
12
+ {{> components/pagination/pagination_current_page_invalid
13
+ _moreThanOnePage=this.isMoreThanOnePage
14
+ _onlyTwoPages=this.isOnlyTwoPages
15
+ _onlyThreePages=this.isOnlyThreePages
16
+ _totalPages=this.totalPages
17
+ _currentPage=this.currentPages}}
18
+ {{~/if~}}
package/dist/views/components/pagination/pagination_button_left.hbs ADDED
@@ -0,0 +1,3 @@
1
+ <div class="w-10 py-10">
2
+ <span>{{>components/base/image/icon _icon="arrow-left" _addClass="fill-current pb-0.5 h-8 w-8 ml-2 inline" }}</span>
3
+ </div>
package/dist/views/components/pagination/pagination_button_left_linked.hbs ADDED
@@ -0,0 +1,5 @@
1
+ <div class="w-10 py-10">
2
+ <a rel="prev" href="{{previousItemUrl}}" class="font-bold sb-link js-load hover:text-toplineColor text-toplineColor font-title" aria-label="Zur vorherigen Seite">
3
+ <span>{{>components/base/image/icon _icon="arrow-left" _addClass="fill-current pb-0.5 h-8 w-8 ml-2 inline" }}</span>
4
+ </a>
5
+ </div>
package/dist/views/components/pagination/pagination_button_right.hbs ADDED
@@ -0,0 +1,3 @@
1
+ <div class="w-10 py-10">
2
+ <span>{{>components/base/image/icon _icon="arrow-right" _addClass="fill-current pb-0.5 h-8 w-8 ml-2 inline" }}</span>
3
+ </div>
package/dist/views/components/pagination/pagination_button_right_linked.hbs ADDED
@@ -0,0 +1,5 @@
1
+ <div class="w-10 py-10">
2
+ <a rel="next" href="{{nextItemUrl}}" class="font-bold sb-link js-load hover:text-toplineColor text-toplineColor font-title" aria-label="Zur nächsten Seite">
3
+ <span>{{>components/base/image/icon _icon="arrow-right" _addClass="fill-current pb-0.5 h-8 w-8 ml-2 inline" }}</span>
4
+ </a>
5
+ </div>
package/dist/views/components/pagination/pagination_current_page_invalid.hbs ADDED
@@ -0,0 +1,17 @@
1
+ <nav class="flex content-center py-10" role="navigation" aria-label="Paginierung">
2
+ {{> components/pagination/pagination_button_left }}
3
+ <div class="px-20 py-10">
4
+ <a href="{{firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
5
+ {{~#if _moreThanOnePage ~}}
6
+ {{~#unless _onlyTwoPages ~}}
7
+ {{~#if _onlyThreePages ~}}
8
+ <a href="{{lastButOnePageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>2</a>
9
+ {{else}}
10
+ <span class="px-5 py-10 font-title">&hellip;</span>
11
+ {{~/if~}}
12
+ {{~/unless~}}
13
+ <a href="{{lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>{{_totalPages}}</a>
14
+ {{~/if~}}
15
+ </div>
16
+ {{> components/pagination/pagination_button_right }}
17
+ </nav>
package/dist/views/components/pagination/pagination_current_page_valid.hbs ADDED
@@ -0,0 +1,25 @@
1
+ {{~#if _moreThanOnePage~}}
2
+ <nav class="flex content-center py-10" role="navigation" aria-label="Paginierung">
3
+ {{~#if _onlyTwoPages~}}
4
+ {{> components/pagination/pagination_only_two_pages
5
+ _firstPage=_firstPage
6
+ _totalPages=_totalPages
7
+ _currentPage=_currentPage}}
8
+ {{else}}
9
+ {{~#if _onlyThreePages~}}
10
+ {{> components/pagination/pagination_only_three_pages
11
+ _firstPage=_firstPage
12
+ _secondPage=_secondPage
13
+ _totalPages=_totalPages
14
+ _currentPage=_currentPage}}
15
+ {{else}}
16
+ {{> components/pagination/pagination_more_than_three_pages
17
+ _firstPage=_firstPage
18
+ _secondPage=_secondPage
19
+ _notLastPage=_notLastPage
20
+ _totalPages=_totalPages
21
+ _currentPage=_currentPage}}
22
+ {{~/if~}}
23
+ {{~/if~}}
24
+ </nav>
25
+ {{~/if~}}
package/dist/views/components/pagination/pagination_more_than_three_pages.hbs ADDED
@@ -0,0 +1,38 @@
1
+ {{~#if _firstPage~}}
2
+ {{> components/pagination/pagination_button_left }}
3
+ <div class="px-20 py-10">
4
+ <span class="font-title">1</span>
5
+ <span class="px-5 py-10 font-title">&hellip;</span>
6
+ <a href="{{this.lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>{{_totalPages}}</a>
7
+ </div>
8
+ {{> components/pagination/pagination_button_right_linked }}
9
+ {{else}}
10
+ {{~#if _secondPage~}}
11
+ {{> components/pagination/pagination_button_left_linked }}
12
+ <div class="px-20 py-10">
13
+ <a href="{{this.firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
14
+ <span class="font-title">2</span>
15
+ <span class="px-5 py-10 font-title">&hellip;</span>
16
+ <a href="{{this.lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>{{_totalPages}}</a>
17
+ </div>
18
+ {{> components/pagination/pagination_button_right_linked }}
19
+ {{else}}
20
+ {{> components/pagination/pagination_button_left_linked }}
21
+ <div class="px-20 py-10">
22
+ <a href="{{this.firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
23
+ <span class="py-10 pl-5 font-title">&hellip;</span>
24
+ <span class="px-5 py-10 font-bold font-title">{{_currentPage}}</span>
25
+ {{~#if _notLastPage~}}
26
+ {{~#if notLastButOnePage~}}
27
+ <span class="font-title">&hellip;</span>
28
+ {{~/if~}}
29
+ <a href="{{this.lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>{{_totalPages}}</a>
30
+ {{~/if~}}
31
+ </div>
32
+ {{~#if _notLastPage~}}
33
+ {{> components/pagination/pagination_button_right_linked }}
34
+ {{else}}
35
+ {{> components/pagination/pagination_button_right }}
36
+ {{~/if~}}
37
+ {{~/if~}}
38
+ {{~/if~}}
package/dist/views/components/pagination/pagination_only_three_pages.hbs ADDED
@@ -0,0 +1,27 @@
1
+ {{~#if _firstPage~}}
2
+ {{> components/pagination/pagination_button_left }}
3
+ <div class="px-20 py-10">
4
+ <span class="font-title">1</span>
5
+ <a href="{{nextItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>2</a>
6
+ <a href="{{lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>3</a>
7
+ </div>
8
+ {{> components/pagination/pagination_button_right_linked }}
9
+ {{else}}
10
+ {{~#if _secondPage~}}
11
+ {{> components/pagination/pagination_button_left_linked }}
12
+ <div class="px-20 py-10">
13
+ <a href="{{firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
14
+ <span class="font-title">2</span>
15
+ <a href="{{lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>3</a>
16
+ </div>
17
+ {{> components/pagination/pagination_button_right_linked }}
18
+ {{else}}
19
+ {{> components/pagination/pagination_button_left_linked }}
20
+ <div class="px-20 py-10">
21
+ <a href="{{firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
22
+ <a href="{{lastButOnePageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>2</a>
23
+ <span class="font-bold font-title">3</span>
24
+ </div>
25
+ {{> components/pagination/pagination_button_right }}
26
+ {{~/if~}}
27
+ {{~/if~}}
package/dist/views/components/pagination/pagination_only_two_pages.hbs ADDED
@@ -0,0 +1,15 @@
1
+ {{~#if _firstPage~}}
2
+ {{> components/pagination/pagination_button_left }}
3
+ <div class="px-20 py-10">
4
+ <span class="font-title">1</span>
5
+ <a href="{{lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>2</a>
6
+ </div>
7
+ {{> components/pagination/pagination_button_right_linked }}
8
+ {{else}}
9
+ {{> components/pagination/pagination_button_left_linked }}
10
+ <div class="px-20 py-10">
11
+ <a href="{{firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
12
+ <span class="font-title">2</span>
13
+ </div>
14
+ {{> components/pagination/pagination_button_right }}
15
+ {{~/if~}}
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.11.8",
9
+ "version": "1.11.9",
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/page/page_pagination.json ADDED
@@ -0,0 +1,100 @@
1
+ {
2
+ "isMoreThanOnePage": true,
3
+ "isOnlyThreePages": false,
4
+ "isOnlyTwoPages": false,
5
+ "isFirstPage": true,
6
+ "isSecondPage": false,
7
+ "isNotLastPage": false,
8
+ "firstPageItemUrl":"page1",
9
+ "nextItemUrl":"page2",
10
+ "previousItemUrl":"empty",
11
+ "lastPageItemUrl":"page4",
12
+ "lastButOnePageItemUrl":"page1",
13
+ "totalPages": 4,
14
+ "currentPage":"page1",
15
+ "currentPageIndex": 0,
16
+ "isCurrentPageValid": true,
17
+ "pageEntries":[
18
+ {
19
+ "teaser_alternativ_100_serif":{
20
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif.json"
21
+ },
22
+ "teaser_alternativ_100_serif_audio":{
23
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_audio.json"
24
+ },
25
+ "teaser_alternativ_100_serif_download":{
26
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_download.json"
27
+ },
28
+ "teaser_alternativ_100_serif_link":{
29
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_link.json"
30
+ },
31
+ "teaser_alternativ_100_serif_live":{
32
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_live.json"
33
+ },
34
+ "teaser_alternativ_100_serif_video":{
35
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_video.json"
36
+ }
37
+ },
38
+ {
39
+ "teaser_alternativ_100_serif_download":{
40
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_download.json"
41
+ },
42
+ "teaser_alternativ_100_serif_download":{
43
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_download.json"
44
+ },
45
+ "teaser_alternativ_100_serif_download":{
46
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_download.json"
47
+ },
48
+ "teaser_alternativ_100_serif_download":{
49
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_download.json"
50
+ },
51
+ "teaser_alternativ_100_serif_download":{
52
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_download.json"
53
+ },
54
+ "teaser_alternativ_100_serif_download":{
55
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_download.json"
56
+ }
57
+ },
58
+ {
59
+ "teaser_alternativ_100_serif_audio":{
60
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_audio.json"
61
+ },
62
+ "teaser_alternativ_100_serif_audio":{
63
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_audio.json"
64
+ },
65
+ "teaser_alternativ_100_serif_audio":{
66
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_audio.json"
67
+ },
68
+ "teaser_alternativ_100_serif_audio":{
69
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_audio.json"
70
+ },
71
+ "teaser_alternativ_100_serif_audio":{
72
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_audio.json"
73
+ },
74
+ "teaser_alternativ_100_serif_audio":{
75
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_audio.json"
76
+ }
77
+ },
78
+ {
79
+ "teaser_alternativ_100_serif_video":{
80
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_video.json"
81
+ },
82
+ "teaser_alternativ_100_serif_video":{
83
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_video.json"
84
+ },
85
+ "teaser_alternativ_100_serif_video":{
86
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_video.json"
87
+ },
88
+ "teaser_alternativ_100_serif_video":{
89
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_video.json"
90
+ },
91
+ "teaser_alternativ_100_serif_video":{
92
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_video.json"
93
+ },
94
+ "teaser_alternativ_100_serif_video":{
95
+ "@->jsoninclude": "teaser/teaser_alternative_100_serif_video.json"
96
+ }
97
+ }
98
+
99
+ ]
100
+ }
package/src/stories/views/components/page/fixtures/page_pagination.json ADDED
@@ -0,0 +1 @@
1
+ {"isMoreThanOnePage":true,"isOnlyThreePages":false,"isOnlyTwoPages":false,"isFirstPage":true,"isSecondPage":false,"isNotLastPage":false,"firstPageItemUrl":"page1","nextItemUrl":"page2","previousItemUrl":"empty","lastPageItemUrl":"page4","lastButOnePageItemUrl":"page1","totalPages":4,"currentPage":"page1","currentPageIndex":0,"isCurrentPageValid":true,"pageEntries":[{"teaser_alternativ_100_serif":{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":true,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-1to1__small.jpg 380w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-1to1.jpg 720w, images/rueckkehr-nach-abschiebung-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-16to9__small.jpg 320w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium__extended.jpg 640w, images/rueckkehr-nach-abschiebung-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}},"teaser_alternativ_100_serif_audio":{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Der Hasebe-Kane-Nahkampf geht in die zweite Runde","topline":"Eintracht trifft auf Tottenham","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-10-11T19:46+0200","htmlDate":"11.10.2022","date":"11.10.22","dateSeparatorTime":"11.10.22, 19:46"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/hasebe-kane-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/hasebe-kane-102_v-1to1__small.jpg 380w, images/hasebe-kane-102_v-1to1__medium.jpg 480w, images/hasebe-kane-102_v-1to1.jpg 720w, images/hasebe-kane-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/hasebe-kane-102_v-16to9__small.jpg 320w, images/hasebe-kane-102_v-16to9__medium.jpg 480w, images/hasebe-kane-102_v-16to9__medium__extended.jpg 640w, images/hasebe-kane-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":true,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":true,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":true,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Sport","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Beim Hinspiel brachte Altmeister Makoto Hasebe Sturm-Star Harry Kane bis an den Rande der Verzweiflung. Der bittet im Rückspiel nun zur Revanche. Vorher gibt es aber lobende Worte.","hideBylineAndShorttext":false,"sophoraId":"hasebe-kane-100","profiles":"Von Nicolas Herold aus London","teaserLead":{"avDocument":{"isAudio":true,"toModel":{"audioElement":{"isPodcast":false,"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"}}}},"image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}},"teaser_alternativ_100_serif_download":{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Download","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/jugendfeuerwehr-102_v-1to1__small.jpg 380w, images/jugendfeuerwehr-102_v-1to1__medium.jpg 480w, images/jugendfeuerwehr-102_v-1to1.jpg 720w, images/jugendfeuerwehr-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"isFileDownload":true,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"download","loca":"label_download","byline":{"bylineText":"ZIP - 3mb"}}}}},"teaser_alternativ_100_serif_link":{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"title":"Mercedes-Luxusautos in Millionenhöhe gestohlen","topline":"Spektakuläre Diebstähle in Südhessen","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/sonniger-herbst-100_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/sonniger-herbst-100_v-1to1__small.jpg 380w, images/sonniger-herbst-100_v-1to1__medium.jpg 480w, images/sonniger-herbst-100_v-1to1.jpg 720w, images/sonniger-herbst-100_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/sonniger-herbst-100_v-16to9__small.jpg 320w, images/sonniger-herbst-100_v-16to9__medium.jpg 480w, images/sonniger-herbst-100_v-16to9__medium__extended.jpg 640w, images/sonniger-herbst-100_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":true,"isAuthor":false,"hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Panorama","headlineTag":"h1","icon":"","imageVariant":"topteaser","shorttext":"Die besten Themen in der Tagesschau App","hideBylineAndShorttext":false,"sophoraId":"textlink-256446","profiles":"","teaserLead":{"avDocument":"","image":""},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern","readMoreText":{"readMoreScreenreader":"Zur Tagesschau Website","readMore":"Zur Tagesschau Website","readMoreLong":"Zur Tagesschau Website"}}}}},"teaser_alternativ_100_serif_live":{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Ab 17 Uhr: Eröffnung der Frankfurter Buchmesse","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-10-13T16:04+0200","htmlDate":"13.10.2022","date":"13.10.22","dateSeparatorTime":"13.10.22, 16:04"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/buchmesse-fahnen-102_v-1to1__small.jpg 380w, images/buchmesse-fahnen-102_v-1to1__medium.jpg 480w, images/buchmesse-fahnen-102_v-1to1.jpg 720w, images/buchmesse-fahnen-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/buchmesse-fahnen-102_v-16to9__small.jpg 320w, images/buchmesse-fahnen-102_v-16to9__medium.jpg 480w, images/buchmesse-fahnen-102_v-16to9__medium__extended.jpg 640w, images/buchmesse-fahnen-102_v-16to9.jpg 960w"}]}},"label":{"type":"media","loca":"label_video_livestream","byline":{"bylineSsi":"components/multimedia/livestream/label_byline.ssi","context":{"labelInfo":{"isPlaysNow":true,"isHasPlayed":false,"isWillPlay":false},"airdateDate":{"htmlDateTime":"","date":"14.02.22","time":"18:00"},"airdateWithoutTime":false},"bylineText":"BylineText"}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":true,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isLivestream":true,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":true,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Kultur","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Verfolgen Sie die Eröffnung der Frankfurter Buchmesse in unserem Livestream.","hideBylineAndShorttext":false,"sophoraId":"livestream-eroeffnung-buchmesse-104","profiles":"","teaserLead":{"avDocument":{"isLivestream":true,"toModel":{"videoLivestreamElement":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"isDvrEnabled":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hrhlsde.akamaized.net/hls/live/2024526/hrhlsde/index.m3u8","mimeType":"application/vnd.apple.mpegurl","maxHResolutionPx":8000,"isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt"}]}],"live":{"dvrWindowSeconds":7200},"meta":{"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Jetzt hr-fernsehen live sehen!"},"pluginData":{},"geoBlocked":false},"playerId":"6819","type":"videoLivestream","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","teaserSize":"100","realTeaserSize":"100","isAutoplay":true},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"isDvrEnabled":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hrhlsde.akamaized.net/hls/live/2024526/hrhlsde/index.m3u8","mimeType":"application/vnd.apple.mpegurl","maxHResolutionPx":8000,"isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt"}]}],"live":{"dvrWindowSeconds":7200},"meta":{"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Jetzt hr-fernsehen live sehen!"},"pluginData":{},"geoBlocked":false},"playerId":"6819","type":"videoLivestream","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","teaserSize":"100","realTeaserSize":"100","isAutoplay":true}}}},"image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Livestream","readMore":"mehr","readMoreLong":"read More Long"}}}}},"teaser_alternativ_100_serif_video":{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"23 Grad - Oktober verabschiedet sich \"sehr außergewöhnlich\"","topline":"T-Shirt statt Winterjacke","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-10-23T16:04+0200","htmlDate":"23.10.2022","date":"23.10.22","dateSeparatorTime":"23.10.22, 16:04"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/sonniger-herbst-100_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/sonniger-herbst-100_v-1to1__small.jpg 380w, images/sonniger-herbst-100_v-1to1__medium.jpg 480w, images/sonniger-herbst-100_v-1to1.jpg 720w, images/sonniger-herbst-100_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/sonniger-herbst-100_v-16to9__small.jpg 320w, images/sonniger-herbst-100_v-16to9__medium.jpg 480w, images/sonniger-herbst-100_v-16to9__medium__extended.jpg 640w, images/sonniger-herbst-100_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":true,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":true,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":true,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Dicke Winterjacken können weiterhin auf ihren Einsatz warten: Die kommenden Tage bleiben für den späten Oktober außergewöhnlich mild. Selbst Meteorologen sind gleich aus mehreren Gründen überrascht.","hideBylineAndShorttext":false,"sophoraId":"warmes-oktoberende-100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":{"isVideo":true,"toModel":{"videoElement":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8423","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"isPlayerDebug":true,"teaserSize":"100","realTeaserSize":"100"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8423","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"isPlayerDebug":true,"teaserSize":"100","realTeaserSize":"100"}}}},"image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}}},{"teaser_alternativ_100_serif_download":{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Download","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/jugendfeuerwehr-102_v-1to1__small.jpg 380w, images/jugendfeuerwehr-102_v-1to1__medium.jpg 480w, images/jugendfeuerwehr-102_v-1to1.jpg 720w, images/jugendfeuerwehr-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"isFileDownload":true,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"download","loca":"label_download","byline":{"bylineText":"ZIP - 3mb"}}}}}},{"teaser_alternativ_100_serif_audio":{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Der Hasebe-Kane-Nahkampf geht in die zweite Runde","topline":"Eintracht trifft auf Tottenham","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-10-11T19:46+0200","htmlDate":"11.10.2022","date":"11.10.22","dateSeparatorTime":"11.10.22, 19:46"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/hasebe-kane-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/hasebe-kane-102_v-1to1__small.jpg 380w, images/hasebe-kane-102_v-1to1__medium.jpg 480w, images/hasebe-kane-102_v-1to1.jpg 720w, images/hasebe-kane-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/hasebe-kane-102_v-16to9__small.jpg 320w, images/hasebe-kane-102_v-16to9__medium.jpg 480w, images/hasebe-kane-102_v-16to9__medium__extended.jpg 640w, images/hasebe-kane-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":true,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":true,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":true,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Sport","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Beim Hinspiel brachte Altmeister Makoto Hasebe Sturm-Star Harry Kane bis an den Rande der Verzweiflung. Der bittet im Rückspiel nun zur Revanche. Vorher gibt es aber lobende Worte.","hideBylineAndShorttext":false,"sophoraId":"hasebe-kane-100","profiles":"Von Nicolas Herold aus London","teaserLead":{"avDocument":{"isAudio":true,"toModel":{"audioElement":{"isPodcast":false,"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"}}}},"image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}}},{"teaser_alternativ_100_serif_video":{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"23 Grad - Oktober verabschiedet sich \"sehr außergewöhnlich\"","topline":"T-Shirt statt Winterjacke","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-10-23T16:04+0200","htmlDate":"23.10.2022","date":"23.10.22","dateSeparatorTime":"23.10.22, 16:04"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/sonniger-herbst-100_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/sonniger-herbst-100_v-1to1__small.jpg 380w, images/sonniger-herbst-100_v-1to1__medium.jpg 480w, images/sonniger-herbst-100_v-1to1.jpg 720w, images/sonniger-herbst-100_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/sonniger-herbst-100_v-16to9__small.jpg 320w, images/sonniger-herbst-100_v-16to9__medium.jpg 480w, images/sonniger-herbst-100_v-16to9__medium__extended.jpg 640w, images/sonniger-herbst-100_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":true,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":true,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":true,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Dicke Winterjacken können weiterhin auf ihren Einsatz warten: Die kommenden Tage bleiben für den späten Oktober außergewöhnlich mild. Selbst Meteorologen sind gleich aus mehreren Gründen überrascht.","hideBylineAndShorttext":false,"sophoraId":"warmes-oktoberende-100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":{"isVideo":true,"toModel":{"videoElement":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8423","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"isPlayerDebug":true,"teaserSize":"100","realTeaserSize":"100"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8423","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"isPlayerDebug":true,"teaserSize":"100","realTeaserSize":"100"}}}},"image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}}}]}
package/src/stories/views/components/page/page_pagination.hbs ADDED
@@ -0,0 +1,61 @@
1
+ <!DOCTYPE html>
2
+ <html
3
+ class="no-js no-js-burgerMenu preload noMicroInteraction"
4
+ data-theme="hessenschau"
5
+ lang="de"
6
+ >
7
+ <head>
8
+
9
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
10
+ <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
11
+ <title>hessenschau.de | Nachrichten aus Hessen</title>
12
+ <meta name="application-name" content="hessenschau.de" />
13
+ <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" />
14
+ <meta name="author" content="hessenschau.de, Frankfurt, Germany" />
15
+ <meta name="publisher" content="hessenschau.de" />
16
+ <meta name="language" content="Deutsch" />
17
+
18
+ </head>
19
+
20
+ <body itemscope itemtype="http://schema.org/WebPage">
21
+ <div class="js-pageSwap">
22
+
23
+ {{> components/site_header/header }}
24
+
25
+ <main
26
+ onclick="void(0)"
27
+ role="main"
28
+ id="content"
29
+ class="flex items-center justify-center"
30
+ >
31
+ <div class="grid grid-page">
32
+ <div class="{{> components/grid/grid_group_wrapper_classes }}">
33
+ <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
34
+ {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif.logicItem.includeModel}}
35
+ </section>
36
+ <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
37
+ {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_audio.logicItem.includeModel}}
38
+ </section>
39
+ <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
40
+ {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_download.logicItem.includeModel}}
41
+ </section>
42
+ <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
43
+ {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_link.logicItem.includeModel}}
44
+ </section>
45
+ <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
46
+ {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_live.logicItem.includeModel}}
47
+ </section>
48
+ <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
49
+ {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_video.logicItem.includeModel}}
50
+ </section>
51
+ </div>
52
+ </div>
53
+
54
+ </main>
55
+
56
+ <div class="flex flex-wrap justify-center w-full max-w-full">
57
+ {{> components/pagination/pagination }}
58
+ </div>
59
+ </div>
60
+ </body>
61
+ </html>
package/src/stories/views/components/page/page_pagination.stories.mdx ADDED
@@ -0,0 +1,36 @@
1
+ import { ArgsTable, Meta, Story, Canvas, Preview } from '@storybook/addon-docs'
2
+ import 'core-js/actual/structured-clone'
3
+ import page from './page_pagination.hbs'
4
+ import navigationData from '../site_header/fixtures/site_header_default.json'
5
+ import mixedContent from '../page/fixtures/page_pagination.json'
6
+ const NavigationDataWithMixedContent = structuredClone(
7
+ Object.assign({}, navigationData, mixedContent)
8
+ )
9
+
10
+ <Meta
11
+ title="Komponenten/Page/Page"
12
+ argTypes={{}}
13
+ parameters={{
14
+ chromatic: {
15
+ viewports: [360, 768, 1024]
16
+ },
17
+ layout: 'fullscreen',
18
+ docs: { inlineStories : false, iframeHeight: 400 }
19
+ }}
20
+ />
21
+
22
+
23
+
24
+ export const Template = (args, { globals: { customConditionalToolbar } }) => {
25
+ // You can either use a function to create DOM elements or use a plain html string!
26
+ // return `<div>${label}</div>`;
27
+ let brand = undefined !== customConditionalToolbar ? customConditionalToolbar['brands'] : 'hessenschau'
28
+ return page({brand,...args})
29
+ }
30
+
31
+ <Canvas withToolbar>
32
+ <Story name="Mit Pagination" args={NavigationDataWithMixedContent}>
33
+ {Template.bind({})}
34
+ </Story>
35
+ </Canvas>
36
+
package/src/stories/views/components/pagination/pagination.hbs ADDED
@@ -0,0 +1,18 @@
1
+ {{~#if this.isCurrentPageValid ~}}
2
+ {{> components/pagination/pagination_current_page_valid
3
+ _moreThanOnePage=this.isMoreThanOnePage
4
+ _firstPage=this.isFirstPage
5
+ _secondPage=this.isSecondPage
6
+ _notLastPage=this.isNotLastPage
7
+ _onlyTwoPages=this.isOnlyTwoPages
8
+ _onlyThreePages=this.isOnlyThreePages
9
+ _totalPages=this.totalPages
10
+ _currentPage=this.currentPage}}
11
+ {{else}}
12
+ {{> components/pagination/pagination_current_page_invalid
13
+ _moreThanOnePage=this.isMoreThanOnePage
14
+ _onlyTwoPages=this.isOnlyTwoPages
15
+ _onlyThreePages=this.isOnlyThreePages
16
+ _totalPages=this.totalPages
17
+ _currentPage=this.currentPages}}
18
+ {{~/if~}}
package/src/stories/views/components/pagination/pagination_button_left.hbs ADDED
@@ -0,0 +1,3 @@
1
+ <div class="w-10 py-10">
2
+ <span>{{>components/base/image/icon _icon="arrow-left" _addClass="fill-current pb-0.5 h-8 w-8 ml-2 inline" }}</span>
3
+ </div>
package/src/stories/views/components/pagination/pagination_button_left_linked.hbs ADDED
@@ -0,0 +1,5 @@
1
+ <div class="w-10 py-10">
2
+ <a rel="prev" href="{{previousItemUrl}}" class="font-bold sb-link js-load hover:text-toplineColor text-toplineColor font-title" aria-label="Zur vorherigen Seite">
3
+ <span>{{>components/base/image/icon _icon="arrow-left" _addClass="fill-current pb-0.5 h-8 w-8 ml-2 inline" }}</span>
4
+ </a>
5
+ </div>
package/src/stories/views/components/pagination/pagination_button_right.hbs ADDED
@@ -0,0 +1,3 @@
1
+ <div class="w-10 py-10">
2
+ <span>{{>components/base/image/icon _icon="arrow-right" _addClass="fill-current pb-0.5 h-8 w-8 ml-2 inline" }}</span>
3
+ </div>
package/src/stories/views/components/pagination/pagination_button_right_linked.hbs ADDED
@@ -0,0 +1,5 @@
1
+ <div class="w-10 py-10">
2
+ <a rel="next" href="{{nextItemUrl}}" class="font-bold sb-link js-load hover:text-toplineColor text-toplineColor font-title" aria-label="Zur nächsten Seite">
3
+ <span>{{>components/base/image/icon _icon="arrow-right" _addClass="fill-current pb-0.5 h-8 w-8 ml-2 inline" }}</span>
4
+ </a>
5
+ </div>
package/src/stories/views/components/pagination/pagination_current_page_invalid.hbs ADDED
@@ -0,0 +1,17 @@
1
+ <nav class="flex content-center py-10" role="navigation" aria-label="Paginierung">
2
+ {{> components/pagination/pagination_button_left }}
3
+ <div class="px-20 py-10">
4
+ <a href="{{firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
5
+ {{~#if _moreThanOnePage ~}}
6
+ {{~#unless _onlyTwoPages ~}}
7
+ {{~#if _onlyThreePages ~}}
8
+ <a href="{{lastButOnePageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>2</a>
9
+ {{else}}
10
+ <span class="px-5 py-10 font-title">&hellip;</span>
11
+ {{~/if~}}
12
+ {{~/unless~}}
13
+ <a href="{{lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>{{_totalPages}}</a>
14
+ {{~/if~}}
15
+ </div>
16
+ {{> components/pagination/pagination_button_right }}
17
+ </nav>
package/src/stories/views/components/pagination/pagination_current_page_valid.hbs ADDED
@@ -0,0 +1,25 @@
1
+ {{~#if _moreThanOnePage~}}
2
+ <nav class="flex content-center py-10" role="navigation" aria-label="Paginierung">
3
+ {{~#if _onlyTwoPages~}}
4
+ {{> components/pagination/pagination_only_two_pages
5
+ _firstPage=_firstPage
6
+ _totalPages=_totalPages
7
+ _currentPage=_currentPage}}
8
+ {{else}}
9
+ {{~#if _onlyThreePages~}}
10
+ {{> components/pagination/pagination_only_three_pages
11
+ _firstPage=_firstPage
12
+ _secondPage=_secondPage
13
+ _totalPages=_totalPages
14
+ _currentPage=_currentPage}}
15
+ {{else}}
16
+ {{> components/pagination/pagination_more_than_three_pages
17
+ _firstPage=_firstPage
18
+ _secondPage=_secondPage
19
+ _notLastPage=_notLastPage
20
+ _totalPages=_totalPages
21
+ _currentPage=_currentPage}}
22
+ {{~/if~}}
23
+ {{~/if~}}
24
+ </nav>
25
+ {{~/if~}}
package/src/stories/views/components/pagination/pagination_more_than_three_pages.hbs ADDED
@@ -0,0 +1,38 @@
1
+ {{~#if _firstPage~}}
2
+ {{> components/pagination/pagination_button_left }}
3
+ <div class="px-20 py-10">
4
+ <span class="font-title">1</span>
5
+ <span class="px-5 py-10 font-title">&hellip;</span>
6
+ <a href="{{this.lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>{{_totalPages}}</a>
7
+ </div>
8
+ {{> components/pagination/pagination_button_right_linked }}
9
+ {{else}}
10
+ {{~#if _secondPage~}}
11
+ {{> components/pagination/pagination_button_left_linked }}
12
+ <div class="px-20 py-10">
13
+ <a href="{{this.firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
14
+ <span class="font-title">2</span>
15
+ <span class="px-5 py-10 font-title">&hellip;</span>
16
+ <a href="{{this.lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>{{_totalPages}}</a>
17
+ </div>
18
+ {{> components/pagination/pagination_button_right_linked }}
19
+ {{else}}
20
+ {{> components/pagination/pagination_button_left_linked }}
21
+ <div class="px-20 py-10">
22
+ <a href="{{this.firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
23
+ <span class="py-10 pl-5 font-title">&hellip;</span>
24
+ <span class="px-5 py-10 font-bold font-title">{{_currentPage}}</span>
25
+ {{~#if _notLastPage~}}
26
+ {{~#if notLastButOnePage~}}
27
+ <span class="font-title">&hellip;</span>
28
+ {{~/if~}}
29
+ <a href="{{this.lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>{{_totalPages}}</a>
30
+ {{~/if~}}
31
+ </div>
32
+ {{~#if _notLastPage~}}
33
+ {{> components/pagination/pagination_button_right_linked }}
34
+ {{else}}
35
+ {{> components/pagination/pagination_button_right }}
36
+ {{~/if~}}
37
+ {{~/if~}}
38
+ {{~/if~}}
package/src/stories/views/components/pagination/pagination_only_three_pages.hbs ADDED
@@ -0,0 +1,27 @@
1
+ {{~#if _firstPage~}}
2
+ {{> components/pagination/pagination_button_left }}
3
+ <div class="px-20 py-10">
4
+ <span class="font-title">1</span>
5
+ <a href="{{nextItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>2</a>
6
+ <a href="{{lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>3</a>
7
+ </div>
8
+ {{> components/pagination/pagination_button_right_linked }}
9
+ {{else}}
10
+ {{~#if _secondPage~}}
11
+ {{> components/pagination/pagination_button_left_linked }}
12
+ <div class="px-20 py-10">
13
+ <a href="{{firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
14
+ <span class="font-title">2</span>
15
+ <a href="{{lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>3</a>
16
+ </div>
17
+ {{> components/pagination/pagination_button_right_linked }}
18
+ {{else}}
19
+ {{> components/pagination/pagination_button_left_linked }}
20
+ <div class="px-20 py-10">
21
+ <a href="{{firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
22
+ <a href="{{lastButOnePageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>2</a>
23
+ <span class="font-bold font-title">3</span>
24
+ </div>
25
+ {{> components/pagination/pagination_button_right }}
26
+ {{~/if~}}
27
+ {{~/if~}}
package/src/stories/views/components/pagination/pagination_only_two_pages.hbs ADDED
@@ -0,0 +1,15 @@
1
+ {{~#if _firstPage~}}
2
+ {{> components/pagination/pagination_button_left }}
3
+ <div class="px-20 py-10">
4
+ <span class="font-title">1</span>
5
+ <a href="{{lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>2</a>
6
+ </div>
7
+ {{> components/pagination/pagination_button_right_linked }}
8
+ {{else}}
9
+ {{> components/pagination/pagination_button_left_linked }}
10
+ <div class="px-20 py-10">
11
+ <a href="{{firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
12
+ <span class="font-title">2</span>
13
+ </div>
14
+ {{> components/pagination/pagination_button_right }}
15
+ {{~/if~}}