hr-design-system-handlebars 1.59.26 → 1.60.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/.github/workflows/chromatic.yml +2 -2
  2. package/.github/workflows/release.yml +2 -2
  3. package/.nvmrc +1 -0
  4. package/CHANGELOG.md +24 -0
  5. package/README.md +67 -2
  6. package/dist/assets/index.css +12 -12
  7. package/dist/assets/js/components/externalService/externalService.feature.js +492 -0
  8. package/dist/views/components/content/copytext/components/externalservice.hbs +14 -12
  9. package/dist/views/components/externalService/externalservice.hbs +38 -0
  10. package/dist/views_static/components/content/copytext/components/externalservice.hbs +14 -12
  11. package/dist/views_static/components/externalService/externalservice.hbs +38 -0
  12. package/package.json +1 -1
  13. package/src/assets/css/custom-utilities.css +15 -15
  14. package/src/assets/fixtures/external_service/external_service.inc.json +19 -18
  15. package/src/stories/views/components/content/copytext/components/externalservice.hbs +14 -12
  16. package/src/stories/views/components/content/copytext/fixtures/copytext_externalservice.json +1 -1
  17. package/src/stories/views/components/externalService/externalService.feature.js +492 -0
  18. package/src/stories/views/components/externalService/externalservice.hbs +38 -0
package/src/assets/css/custom-utilities.css CHANGED
@@ -25,89 +25,89 @@
25
25
  }
26
26
 
27
27
 
28
- .ar-16-9 {
28
+ .ar-16-9, .ar-16x9-DS {
29
29
  aspect-ratio: 16 / 9;
30
30
  }
31
31
 
32
32
  @supports not (aspect-ratio: 16 / 9) {
33
- .ar-16-9::before {
33
+ .ar-16-9::before, .ar-16x9-DS::before {
34
34
  float: left;
35
35
  padding-top: calc(9 / 16 * 100%);
36
36
  content: '';
37
37
  }
38
38
 
39
- .ar-16-9::after {
39
+ .ar-16-9::after, .ar-16x9-DS::after {
40
40
  display: block;
41
41
  content: '';
42
42
  clear: both;
43
43
  }
44
44
  }
45
45
 
46
- .ar-16-7 {
46
+ .ar-16-7, .ar-16x7-DS {
47
47
  aspect-ratio: 16 / 7;
48
48
  }
49
49
 
50
50
  @supports not (aspect-ratio: 16 / 7) {
51
- .ar-16-7::before {
51
+ .ar-16-7::before, .ar-16x7-DS::before {
52
52
  float: left;
53
53
  padding-top: calc(7 / 16 * 100%);
54
54
  content: '';
55
55
  }
56
56
 
57
- .ar-16-7::after {
57
+ .ar-16-7::after, .ar-16x7-DS::after {
58
58
  display: block;
59
59
  content: '';
60
60
  clear: both;
61
61
  }
62
62
  }
63
63
 
64
- .ar-4-3 {
64
+ .ar-4-3, .ar-4x3-DS {
65
65
  aspect-ratio: 4 / 3;
66
66
  }
67
67
 
68
68
  @supports not (aspect-ratio: 4 / 3) {
69
- .ar-4-3::before {
69
+ .ar-4-3::before, .ar-4x3-DS::before {
70
70
  float: left;
71
71
  padding-top: calc(3 / 4 * 100%);
72
72
  content: '';
73
73
  }
74
74
 
75
- .ar-4-3::after {
75
+ .ar-4-3::after, .ar-4x3-DS::after {
76
76
  display: block;
77
77
  content: '';
78
78
  clear: both;
79
79
  }
80
80
  }
81
81
 
82
- .ar-1-1 {
82
+ .ar-1-1, .ar-100-DS {
83
83
  aspect-ratio: 1 / 1;
84
84
  }
85
85
 
86
86
  @supports not (aspect-ratio: 1 / 1) {
87
- .ar-1-1::before {
87
+ .ar-1-1::before, .ar-100-DS::before {
88
88
  float: left;
89
89
  padding-top: 100%;
90
90
  content: '';
91
91
  }
92
92
 
93
- .ar-1-1::after {
93
+ .ar-1-1::after, .ar-100-DS::after {
94
94
  display: block;
95
95
  content: '';
96
96
  clear: both;
97
97
  }
98
98
  }
99
- .ar-100-27 {
99
+ .ar-100-27, .ar-100x27 {
100
100
  aspect-ratio: 100 / 27.1;
101
101
  }
102
102
 
103
103
  @supports not (aspect-ratio: 100 / 27.1) {
104
- .ar-100-27::before {
104
+ .ar-100-27::before, .ar-100x27::before {
105
105
  float: left;
106
106
  padding-top: calc(27.1 / 100 * 100%);
107
107
  content: '';
108
108
  }
109
109
 
110
- .ar-100-27::after {
110
+ .ar-100-27::after, .ar-100x27::after {
111
111
  display: block;
112
112
  content: '';
113
113
  clear: both;
package/src/assets/fixtures/external_service/external_service.inc.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "externalServiceEmbedType": "iFrame",
8
8
  "externalServiceName": "360 Grad"
9
9
  },
10
- "ServiceUrl": "https://static.hr.de/hessenschau/360/tour-altstadt/360Tour-altstadt-final1.html",
10
+ "serviceUrl": "https://static.hr.de/hessenschau/360/tour-altstadt/360Tour-altstadt-final1.html",
11
11
  "aspectRatio": "100",
12
12
  "setResponsiveIframe": false,
13
13
  "setTimedReloadIframe": false,
@@ -21,7 +21,7 @@
21
21
  "externalServiceEmbedType": "iFrame",
22
22
  "externalServiceName": "ARD Mediathek (Video)"
23
23
  },
24
- "ServiceUrl": "https://www.ardmediathek.de/embed/Y3JpZDovL2Z1bmsubmV0LzExNzkwL3ZpZGVvLzE3NzQ2NzU?clientType=hr",
24
+ "serviceUrl": "https://www.ardmediathek.de/embed/Y3JpZDovL2Z1bmsubmV0LzExNzkwL3ZpZGVvLzE3NzQ2NzU?clientType=hr",
25
25
  "setResponsiveIframe": false,
26
26
  "setTimedReloadIframe": false,
27
27
  "setTimeForReload": ""
@@ -34,7 +34,7 @@
34
34
  "externalServiceEmbedType": "iFrame",
35
35
  "externalServiceName": "Arte Concert 2.0"
36
36
  },
37
- "ServiceUrl": "https://www.arte.tv/player/v5/index.php?json_url=https%3A%2F%2Fapi.arte.tv%2Fapi%2Fplayer%2Fv2%2Fconfig%2Fde%2F116593-005-A&lang=de&autoplay=false&mute=0",
37
+ "serviceUrl": "https://www.arte.tv/player/v5/index.php?json_url=https%3A%2F%2Fapi.arte.tv%2Fapi%2Fplayer%2Fv2%2Fconfig%2Fde%2F116593-005-A&lang=de&autoplay=false&mute=0",
38
38
  "aspectRatio": "16x9",
39
39
  "setResponsiveIframe": false,
40
40
  "setTimedReloadIframe": false,
@@ -48,8 +48,9 @@
48
48
  "externalServiceEmbedType": "iFrame",
49
49
  "externalServiceName": "Bundesliga Audiostream"
50
50
  },
51
- "ServiceUrl": "https://livecenter.sportschau.de/iframe/spielplan-kompakt/co3/md11/////",
51
+ "serviceUrl": "https://livecenter.sportschau.de/iframe/spielplan-kompakt/co3/md11/////",
52
52
  "aspectRatio": "9x16",
53
+ "fixedHeight": "600",
53
54
  "setResponsiveIframe": false,
54
55
  "setTimedReloadIframe": false,
55
56
  "setTimeForReload": ""
@@ -62,7 +63,7 @@
62
63
  "externalServiceEmbedType": "js",
63
64
  "externalServiceName": "Datawrapper (Datengrafik)"
64
65
  },
65
- "ServiceUrl": "https://datawrapper.dwcdn.net/IC3Xn/1/",
66
+ "serviceUrl": "https://datawrapper.dwcdn.net/IC3Xn/1/",
66
67
  "fixedHeight": "380",
67
68
  "setResponsiveIframe": true,
68
69
  "setTimedReloadIframe": false,
@@ -76,7 +77,7 @@
76
77
  "externalServiceEmbedType": "iFrame",
77
78
  "externalServiceName": "Esri (Notfallkarte)"
78
79
  },
79
- "ServiceUrl": "https://arcg.is/1aW0au0",
80
+ "serviceUrl": "https://arcg.is/1aW0au0",
80
81
  "aspectRatio": "100",
81
82
  "setResponsiveIframe": false,
82
83
  "setTimedReloadIframe": false,
@@ -91,7 +92,7 @@
91
92
  "externalServiceEmbedType": "js",
92
93
  "externalServiceName": "Facebook"
93
94
  },
94
- "ServiceUrl": "https://www.facebook.com/v10.0/plugins/post.php?app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Df000f487949b618db%26domain%3Dhessenschau-dev-red.hr.de%26is_canvas%3Dfalse%26origin%3Dhttps%253A%252F%252Fhessenschau-dev-red.hr.de%252Ffac8e6f0732031392%26relation%3Dparent.parent&container_width=1&href=https%3A%2F%2Fwww.facebook.com%2FZooFFM%2Fposts%2F1926440010874354&lazy=true&locale=de_DE&sdk=joey&width=660",
95
+ "serviceUrl": "https://www.facebook.com/v10.0/plugins/post.php?app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Df000f487949b618db%26domain%3Dhessenschau-dev-red.hr.de%26is_canvas%3Dfalse%26origin%3Dhttps%253A%252F%252Fhessenschau-dev-red.hr.de%252Ffac8e6f0732031392%26relation%3Dparent.parent&container_width=1&href=https%3A%2F%2Fwww.facebook.com%2FZooFFM%2Fposts%2F1926440010874354&lazy=true&locale=de_DE&sdk=joey&width=660",
95
96
  "setResponsiveIframe": false,
96
97
  "setTimedReloadIframe": false,
97
98
  "setTimeForReload": ""
@@ -104,7 +105,7 @@
104
105
  "externalServiceEmbedType": "iFrame",
105
106
  "externalServiceName": "Flourish (Datengrafik)"
106
107
  },
107
- "ServiceUrl": "https://public.flourish.studio/story/18361/embed",
108
+ "serviceUrl": "https://public.flourish.studio/story/18361/embed",
108
109
  "fixedHeight": "550",
109
110
  "setResponsiveIframe": false,
110
111
  "setTimedReloadIframe": false,
@@ -118,7 +119,7 @@
118
119
  "externalServiceEmbedType": "iFrame",
119
120
  "externalServiceName": "Giphy (animiertes GIF)"
120
121
  },
121
- "ServiceUrl": "https://giphy.com/embed/ONxw4niC96zwk",
122
+ "serviceUrl": "https://giphy.com/embed/ONxw4niC96zwk",
122
123
  "setResponsiveIframe": false,
123
124
  "setTimedReloadIframe": false,
124
125
  "setTimeForReload": ""
@@ -131,7 +132,7 @@
131
132
  "externalServiceEmbedType": "js",
132
133
  "externalServiceName": "Instagram"
133
134
  },
134
- "ServiceUrl": "https://www.instagram.com/p/CjZzvIOs7PK/embed/captioned/?cr=1&v=14&wp=658&rd=https%3A%2F%2Fhessenschau-dev-red.hr.de&rp=%2Ftest-externe-dienste-v1%2Cexternedienste-100.html#%7B%22ci%22%3A0%2C%22os%22%3A5421.799999999814%2C%22ls%22%3A4354.700000000186%2C%22le%22%3A4357.600000000559%7D",
135
+ "serviceUrl": "https://www.instagram.com/p/CjZzvIOs7PK/embed/captioned/?cr=1&v=14&wp=658&rd=https%3A%2F%2Fhessenschau-dev-red.hr.de&rp=%2Ftest-externe-dienste-v1%2Cexternedienste-100.html#%7B%22ci%22%3A0%2C%22os%22%3A5421.799999999814%2C%22ls%22%3A4354.700000000186%2C%22le%22%3A4357.600000000559%7D",
135
136
  "setResponsiveIframe": false,
136
137
  "setTimedReloadIframe": false,
137
138
  "setTimeForReload": ""
@@ -144,7 +145,7 @@
144
145
  "externalServiceEmbedType": "js",
145
146
  "externalServiceName": "X"
146
147
  },
147
- "ServiceUrl": "https://platform.twitter.com/embed/Tweet.html?creatorScreenName=hessenschau&creatorUserId=17360630&dnt=false&embedId=twitter-widget-0&features=eyJ0ZndfdGltZWxpbmVfbGlzdCI6eyJidWNrZXQiOltdLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2ZvbGxvd2VyX2NvdW50X3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9iYWNrZW5kIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19yZWZzcmNfc2Vzc2lvbiI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfZm9zbnJfc29mdF9pbnRlcnZlbnRpb25zX2VuYWJsZWQiOnsiYnVja2V0Ijoib24iLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X21peGVkX21lZGlhXzE1ODk3Ijp7ImJ1Y2tldCI6InRyZWF0bWVudCIsInZlcnNpb24iOm51bGx9LCJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3Nob3dfYmlyZHdhdGNoX3Bpdm90c19lbmFibGVkIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19kdXBsaWNhdGVfc2NyaWJlc190b19zZXR0aW5ncyI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdXNlX3Byb2ZpbGVfaW1hZ2Vfc2hhcGVfZW5hYmxlZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdmlkZW9faGxzX2R5bmFtaWNfbWFuaWZlc3RzXzE1MDgyIjp7ImJ1Y2tldCI6InRydWVfYml0cmF0ZSIsInZlcnNpb24iOm51bGx9LCJ0ZndfbGVnYWN5X3RpbWVsaW5lX3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9mcm9udGVuZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9fQ%3D%3D&frame=false&hideCard=false&hideThread=false&id=1578122540362465299&lang=de&origin=https%3A%2F%2Fhessenschau-dev-red.hr.de%2Ftest-externe-dienste-v1%2Cexternedienste-100.html&sessionId=56b29ff8ee6fd214d71e8ef5924dbf80fbc2d6cd&siteScreenName=hessenschau&siteUserId=17360630&theme=light&widgetsVersion=2615f7e52b7e0%3A1702314776716&width=550px",
148
+ "serviceUrl": "https://platform.twitter.com/embed/Tweet.html?creatorScreenName=hessenschau&creatorUserId=17360630&dnt=false&embedId=twitter-widget-0&features=eyJ0ZndfdGltZWxpbmVfbGlzdCI6eyJidWNrZXQiOltdLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2ZvbGxvd2VyX2NvdW50X3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9iYWNrZW5kIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19yZWZzcmNfc2Vzc2lvbiI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfZm9zbnJfc29mdF9pbnRlcnZlbnRpb25zX2VuYWJsZWQiOnsiYnVja2V0Ijoib24iLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X21peGVkX21lZGlhXzE1ODk3Ijp7ImJ1Y2tldCI6InRyZWF0bWVudCIsInZlcnNpb24iOm51bGx9LCJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3Nob3dfYmlyZHdhdGNoX3Bpdm90c19lbmFibGVkIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19kdXBsaWNhdGVfc2NyaWJlc190b19zZXR0aW5ncyI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdXNlX3Byb2ZpbGVfaW1hZ2Vfc2hhcGVfZW5hYmxlZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdmlkZW9faGxzX2R5bmFtaWNfbWFuaWZlc3RzXzE1MDgyIjp7ImJ1Y2tldCI6InRydWVfYml0cmF0ZSIsInZlcnNpb24iOm51bGx9LCJ0ZndfbGVnYWN5X3RpbWVsaW5lX3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9mcm9udGVuZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9fQ%3D%3D&frame=false&hideCard=false&hideThread=false&id=1578122540362465299&lang=de&origin=https%3A%2F%2Fhessenschau-dev-red.hr.de%2Ftest-externe-dienste-v1%2Cexternedienste-100.html&sessionId=56b29ff8ee6fd214d71e8ef5924dbf80fbc2d6cd&siteScreenName=hessenschau&siteUserId=17360630&theme=light&widgetsVersion=2615f7e52b7e0%3A1702314776716&width=550px",
148
149
  "setResponsiveIframe": false,
149
150
  "setTimedReloadIframe": false,
150
151
  "setTimeForReload": ""
@@ -157,7 +158,7 @@
157
158
  "externalServiceEmbedType": "iFrame",
158
159
  "externalServiceName": "Vimeo (Video)"
159
160
  },
160
- "ServiceUrl": "https://player.vimeo.com/video/438111654",
161
+ "serviceUrl": "https://player.vimeo.com/video/438111654",
161
162
  "setResponsiveIframe": false,
162
163
  "setTimedReloadIframe": false,
163
164
  "setTimeForReload": ""
@@ -170,7 +171,7 @@
170
171
  "externalServiceEmbedType": "iFrame",
171
172
  "externalServiceName": "YouTube (Video)"
172
173
  },
173
- "ServiceUrl": "https://www.youtube-nocookie.com/embed/LMjXHYHZtrE?rel=0",
174
+ "serviceUrl": "https://www.youtube-nocookie.com/embed/LMjXHYHZtrE?rel=0",
174
175
  "aspectRatio": "16x9",
175
176
  "setResponsiveIframe": false,
176
177
  "setTimedReloadIframe": false,
@@ -184,7 +185,7 @@
184
185
  "externalServiceEmbedType": "iFrame",
185
186
  "externalServiceName": "YouTube 360 (360° Video)"
186
187
  },
187
- "ServiceUrl": "https://www.youtube-nocookie.com/embed/yT1pyf9oXGk",
188
+ "serviceUrl": "https://www.youtube-nocookie.com/embed/yT1pyf9oXGk",
188
189
  "aspectRatio": "16x9",
189
190
  "setResponsiveIframe": false,
190
191
  "setTimedReloadIframe": false,
@@ -199,7 +200,7 @@
199
200
  "externalServiceEmbedType": "iFrame",
200
201
  "externalServiceName": "Statischer Dienst"
201
202
  },
202
- "ServiceUrl": "https://static.hr.de/hessenschau/btw21/linientool/unternehmensgruendung",
203
+ "serviceUrl": "https://static.hr.de/hessenschau/btw21/linientool/unternehmensgruendung",
203
204
  "fixedHeight": "1000",
204
205
  "setResponsiveIframe": false,
205
206
  "setTimedReloadIframe": false,
@@ -213,7 +214,7 @@
213
214
  "externalServiceEmbedType": "js",
214
215
  "externalServiceName": "Wahlmonitor"
215
216
  },
216
- "ServiceUrl": "https://www.tagesschau.de/wahl/monitor-15/wahlmonitor.html?id=2023-10-08-LT-DE-HE&ratio=43&externalembed=4e1_wahlmonitor_2023-10-08-LT-DE-HE&hideLinkContainer=1&lra=hr&arrows=1",
217
+ "serviceUrl": "https://www.tagesschau.de/wahl/monitor-15/wahlmonitor.html?id=2023-10-08-LT-DE-HE&ratio=43&externalembed=4e1_wahlmonitor_2023-10-08-LT-DE-HE&hideLinkContainer=1&lra=hr&arrows=1",
217
218
  "setResponsiveIframe": false,
218
219
  "setTimedReloadIframe": false,
219
220
  "setTimeForReload": ""
@@ -226,7 +227,7 @@
226
227
  "externalServiceEmbedType": "js",
227
228
  "externalServiceName": "Wahlkreiskarte"
228
229
  },
229
- "ServiceUrl": "https://www.tagesschau.de/wahl/archiv/2023-10-08-LT-DE-HE/karte21.shtml?y=&a=K&k=&p=&elements=&data-site=&q=",
230
+ "serviceUrl": "https://www.tagesschau.de/wahl/archiv/2023-10-08-LT-DE-HE/karte21.shtml?y=&a=K&k=&p=&elements=&data-site=&q=",
230
231
  "setResponsiveIframe": false,
231
232
  "setTimedReloadIframe": false,
232
233
  "setTimeForReload": ""
@@ -239,7 +240,7 @@
239
240
  "externalServiceEmbedType": "iFrame",
240
241
  "externalServiceName": "Koalitionsrechner"
241
242
  },
242
- "ServiceUrl": "https://www.tagesschau.de/wahl/koalitionsrechner/2023-10-08-LT-DE-HE-koalitionsrechner_embed.shtml",
243
+ "serviceUrl": "https://www.tagesschau.de/wahl/koalitionsrechner/2023-10-08-LT-DE-HE-koalitionsrechner_embed.shtml",
243
244
  "fixedHeight": "550",
244
245
  "setResponsiveIframe": false,
245
246
  "setTimedReloadIframe": false,
package/src/stories/views/components/content/copytext/components/externalservice.hbs CHANGED
@@ -2,19 +2,21 @@
2
2
 
3
3
  {{#with this.toModel.externalService}}
4
4
 
5
- <div>this.externalServiceConfig.makeConfigurable: <b>{{this.externalServiceConfig.makeConfigurable}}</b></div>
6
- <!--div>this.ServiceUrl: <b>{{this.ServiceUrl}}</b></div-->
7
- <div>this.externalServiceConfig.externalServiceId: <b>{{this.externalServiceConfig.externalServiceId}}</b></div>
8
- <div>this.externalServiceConfig.externalServiceEmbedType: <b>{{this.externalServiceConfig.externalServiceEmbedType}}</b></div>
9
- <div>this.fixedHeight: <b>{{this.fixedHeight}}</b></div>
10
- <div>this.aspectRatio: <b>{{this.aspectRatio}}</b></div>
11
- <div>this.setResponsiveIframe: <b>{{this.setResponsiveIframe}}</b></div>
12
- <div>this.setTimedReloadIframe: <b>{{this.setTimedReloadIframe}}</b></div>
13
- <div>this.setTimeForReload: <b>{{this.setTimeForReload}}</b></div>
14
- <div>this.externalServiceCaption: <b>{{this.externalServiceCaption}}</b></div>
15
- <div>this.externalServiceConfig.externalServiceName: <b>{{this.externalServiceConfig.externalServiceName}}</b></div>
16
- <div>this.externalServiceConfig.embedAsIFrame: <b>{{this.externalServiceConfig.embedAsIFrame}}</b></div>
5
+ <!--div>serviceUrl: <b>{{this.serviceUrl}}</b></div-->
6
+ <div>externalServiceName: <b>{{this.externalServiceConfig.externalServiceName}}</b></div>
7
+ <div>makeConfigurable: <b>{{this.externalServiceConfig.makeConfigurable}}</b></div>
8
+ <div>externalServiceId: <b>{{this.externalServiceConfig.externalServiceId}}</b></div>
9
+ <div>externalServiceEmbedType: <b>{{this.externalServiceConfig.externalServiceEmbedType}}</b></div>
10
+ <div>embedAsIFrame: <b>{{this.externalServiceConfig.embedAsIFrame}}</b></div>
11
+ <div>fixedHeight: <b>{{this.fixedHeight}}</b></div>
12
+ <div>aspectRatio: <b>{{this.aspectRatio}}</b></div>
13
+ <div>setResponsiveIframe: <b>{{this.setResponsiveIframe}}</b></div>
14
+ <div>setTimedReloadIframe: <b>{{this.setTimedReloadIframe}}</b></div>
15
+ <div>setTimeForReload: <b>{{this.setTimeForReload}}</b></div>
16
+ <div>externalServiceCaption: <b>{{this.externalServiceCaption}}</b></div>
17
17
 
18
+ {{> components/externalService/externalservice }}
19
+
18
20
  {{/with}}
19
21
 
20
22
  {{~else~}}
package/src/stories/views/components/content/copytext/fixtures/copytext_externalservice.json CHANGED
@@ -1 +1 @@
1
- {"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit externen Diensten"},{"isHeadline":true,"text":"360Grad"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":false,"embedAsIFrame":true,"externalServiceId":"360grad","externalServiceEmbedType":"iFrame","externalServiceName":"360 Grad"},"ServiceUrl":"https://static.hr.de/hessenschau/360/tour-altstadt/360Tour-altstadt-final1.html","aspectRatio":"100","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"ARD-Mediathek (Video)"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"ard_mediathek","externalServiceEmbedType":"iFrame","externalServiceName":"ARD Mediathek (Video)"},"ServiceUrl":"https://www.ardmediathek.de/embed/Y3JpZDovL2Z1bmsubmV0LzExNzkwL3ZpZGVvLzE3NzQ2NzU?clientType=hr","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"ARTE Concert 2.0"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"arte_concert_new","externalServiceEmbedType":"iFrame","externalServiceName":"Arte Concert 2.0"},"ServiceUrl":"https://www.arte.tv/player/v5/index.php?json_url=https%3A%2F%2Fapi.arte.tv%2Fapi%2Fplayer%2Fv2%2Fconfig%2Fde%2F116593-005-A&lang=de&autoplay=false&mute=0","aspectRatio":"16x9","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Bundesliga Audiostream"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":false,"embedAsIFrame":true,"externalServiceId":"bundesligaAudiostream","externalServiceEmbedType":"iFrame","externalServiceName":"Bundesliga Audiostream"},"ServiceUrl":"https://livecenter.sportschau.de/iframe/spielplan-kompakt/co3/md11/////","aspectRatio":"9x16","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Datawrapper CDN"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"datawrapper_cdn","externalServiceEmbedType":"js","externalServiceName":"Datawrapper (Datengrafik)"},"ServiceUrl":"https://datawrapper.dwcdn.net/IC3Xn/1/","fixedHeight":"380","setResponsiveIframe":true,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Esri Karte"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"esri","externalServiceEmbedType":"iFrame","externalServiceName":"Esri (Notfallkarte)"},"ServiceUrl":"https://arcg.is/1aW0au0","aspectRatio":"100","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":"","externalServiceCaption":"Notfallkarte"}}}},{"isHeadline":true,"text":"Facebook"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"facebook-post","externalServiceEmbedType":"js","externalServiceName":"Facebook"},"ServiceUrl":"https://www.facebook.com/v10.0/plugins/post.php?app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Df000f487949b618db%26domain%3Dhessenschau-dev-red.hr.de%26is_canvas%3Dfalse%26origin%3Dhttps%253A%252F%252Fhessenschau-dev-red.hr.de%252Ffac8e6f0732031392%26relation%3Dparent.parent&container_width=1&href=https%3A%2F%2Fwww.facebook.com%2FZooFFM%2Fposts%2F1926440010874354&lazy=true&locale=de_DE&sdk=joey&width=660","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Flourish"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"flourish","externalServiceEmbedType":"iFrame","externalServiceName":"Flourish (Datengrafik)"},"ServiceUrl":"https://public.flourish.studio/story/18361/embed","fixedHeight":"550","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Giphy"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"giphy","externalServiceEmbedType":"iFrame","externalServiceName":"Giphy (animiertes GIF)"},"ServiceUrl":"https://giphy.com/embed/ONxw4niC96zwk","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Instagram"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"instagram","externalServiceEmbedType":"js","externalServiceName":"Instagram"},"ServiceUrl":"https://www.instagram.com/p/CjZzvIOs7PK/embed/captioned/?cr=1&v=14&wp=658&rd=https%3A%2F%2Fhessenschau-dev-red.hr.de&rp=%2Ftest-externe-dienste-v1%2Cexternedienste-100.html#%7B%22ci%22%3A0%2C%22os%22%3A5421.799999999814%2C%22ls%22%3A4354.700000000186%2C%22le%22%3A4357.600000000559%7D","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"X"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"twitter-post","externalServiceEmbedType":"js","externalServiceName":"X"},"ServiceUrl":"https://platform.twitter.com/embed/Tweet.html?creatorScreenName=hessenschau&creatorUserId=17360630&dnt=false&embedId=twitter-widget-0&features=eyJ0ZndfdGltZWxpbmVfbGlzdCI6eyJidWNrZXQiOltdLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2ZvbGxvd2VyX2NvdW50X3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9iYWNrZW5kIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19yZWZzcmNfc2Vzc2lvbiI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfZm9zbnJfc29mdF9pbnRlcnZlbnRpb25zX2VuYWJsZWQiOnsiYnVja2V0Ijoib24iLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X21peGVkX21lZGlhXzE1ODk3Ijp7ImJ1Y2tldCI6InRyZWF0bWVudCIsInZlcnNpb24iOm51bGx9LCJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3Nob3dfYmlyZHdhdGNoX3Bpdm90c19lbmFibGVkIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19kdXBsaWNhdGVfc2NyaWJlc190b19zZXR0aW5ncyI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdXNlX3Byb2ZpbGVfaW1hZ2Vfc2hhcGVfZW5hYmxlZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdmlkZW9faGxzX2R5bmFtaWNfbWFuaWZlc3RzXzE1MDgyIjp7ImJ1Y2tldCI6InRydWVfYml0cmF0ZSIsInZlcnNpb24iOm51bGx9LCJ0ZndfbGVnYWN5X3RpbWVsaW5lX3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9mcm9udGVuZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9fQ%3D%3D&frame=false&hideCard=false&hideThread=false&id=1578122540362465299&lang=de&origin=https%3A%2F%2Fhessenschau-dev-red.hr.de%2Ftest-externe-dienste-v1%2Cexternedienste-100.html&sessionId=56b29ff8ee6fd214d71e8ef5924dbf80fbc2d6cd&siteScreenName=hessenschau&siteUserId=17360630&theme=light&widgetsVersion=2615f7e52b7e0%3A1702314776716&width=550px","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Vimeo"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"vimeo","externalServiceEmbedType":"iFrame","externalServiceName":"Vimeo (Video)"},"ServiceUrl":"https://player.vimeo.com/video/438111654","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Youtube"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"youtube","externalServiceEmbedType":"iFrame","externalServiceName":"YouTube (Video)"},"ServiceUrl":"https://www.youtube-nocookie.com/embed/LMjXHYHZtrE?rel=0","aspectRatio":"16x9","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Youtube 360°"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"youtube360","externalServiceEmbedType":"iFrame","externalServiceName":"YouTube 360 (360° Video)"},"ServiceUrl":"https://www.youtube-nocookie.com/embed/yT1pyf9oXGk","aspectRatio":"16x9","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":"","externalServiceCaption":"Eine Demo der Virtual Reality-Inszenierung '2049: Zeitreise Mobilität'"}}}},{"isHeadline":true,"text":"Statischer Dienst"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":false,"embedAsIFrame":true,"externalServiceId":"staticService","externalServiceEmbedType":"iFrame","externalServiceName":"Statischer Dienst"},"ServiceUrl":"https://static.hr.de/hessenschau/btw21/linientool/unternehmensgruendung","fixedHeight":"1000","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Wahlmonitor"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":false,"embedAsIFrame":false,"externalServiceId":"wahlmonitor","externalServiceEmbedType":"js","externalServiceName":"Wahlmonitor"},"ServiceUrl":"https://www.tagesschau.de/wahl/monitor-15/wahlmonitor.html?id=2023-10-08-LT-DE-HE&ratio=43&externalembed=4e1_wahlmonitor_2023-10-08-LT-DE-HE&hideLinkContainer=1&lra=hr&arrows=1","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Wahlkreiskarte"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":false,"embedAsIFrame":false,"externalServiceId":"wahlkreiskarte","externalServiceEmbedType":"js","externalServiceName":"Wahlkreiskarte"},"ServiceUrl":"https://www.tagesschau.de/wahl/archiv/2023-10-08-LT-DE-HE/karte21.shtml?y=&a=K&k=&p=&elements=&data-site=&q=","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Koalitionsrechner"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":false,"embedAsIFrame":true,"externalServiceId":"koalitionsrechner","externalServiceEmbedType":"iFrame","externalServiceName":"Koalitionsrechner"},"ServiceUrl":"https://www.tagesschau.de/wahl/koalitionsrechner/2023-10-08-LT-DE-HE-koalitionsrechner_embed.shtml","fixedHeight":"550","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}}]}
1
+ {"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit externen Diensten"},{"isHeadline":true,"text":"360Grad"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":false,"embedAsIFrame":true,"externalServiceId":"360grad","externalServiceEmbedType":"iFrame","externalServiceName":"360 Grad"},"serviceUrl":"https://static.hr.de/hessenschau/360/tour-altstadt/360Tour-altstadt-final1.html","aspectRatio":"100","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"ARD-Mediathek (Video)"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"ard_mediathek","externalServiceEmbedType":"iFrame","externalServiceName":"ARD Mediathek (Video)"},"serviceUrl":"https://www.ardmediathek.de/embed/Y3JpZDovL2Z1bmsubmV0LzExNzkwL3ZpZGVvLzE3NzQ2NzU?clientType=hr","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"ARTE Concert 2.0"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"arte_concert_new","externalServiceEmbedType":"iFrame","externalServiceName":"Arte Concert 2.0"},"serviceUrl":"https://www.arte.tv/player/v5/index.php?json_url=https%3A%2F%2Fapi.arte.tv%2Fapi%2Fplayer%2Fv2%2Fconfig%2Fde%2F116593-005-A&lang=de&autoplay=false&mute=0","aspectRatio":"16x9","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Bundesliga Audiostream"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":false,"embedAsIFrame":true,"externalServiceId":"bundesligaAudiostream","externalServiceEmbedType":"iFrame","externalServiceName":"Bundesliga Audiostream"},"serviceUrl":"https://livecenter.sportschau.de/iframe/spielplan-kompakt/co3/md11/////","aspectRatio":"9x16","fixedHeight":"600","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Datawrapper CDN"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"datawrapper_cdn","externalServiceEmbedType":"js","externalServiceName":"Datawrapper (Datengrafik)"},"serviceUrl":"https://datawrapper.dwcdn.net/IC3Xn/1/","fixedHeight":"380","setResponsiveIframe":true,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Esri Karte"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"esri","externalServiceEmbedType":"iFrame","externalServiceName":"Esri (Notfallkarte)"},"serviceUrl":"https://arcg.is/1aW0au0","aspectRatio":"100","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":"","externalServiceCaption":"Notfallkarte"}}}},{"isHeadline":true,"text":"Facebook"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"facebook-post","externalServiceEmbedType":"js","externalServiceName":"Facebook"},"serviceUrl":"https://www.facebook.com/v10.0/plugins/post.php?app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Df000f487949b618db%26domain%3Dhessenschau-dev-red.hr.de%26is_canvas%3Dfalse%26origin%3Dhttps%253A%252F%252Fhessenschau-dev-red.hr.de%252Ffac8e6f0732031392%26relation%3Dparent.parent&container_width=1&href=https%3A%2F%2Fwww.facebook.com%2FZooFFM%2Fposts%2F1926440010874354&lazy=true&locale=de_DE&sdk=joey&width=660","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Flourish"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"flourish","externalServiceEmbedType":"iFrame","externalServiceName":"Flourish (Datengrafik)"},"serviceUrl":"https://public.flourish.studio/story/18361/embed","fixedHeight":"550","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Giphy"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"giphy","externalServiceEmbedType":"iFrame","externalServiceName":"Giphy (animiertes GIF)"},"serviceUrl":"https://giphy.com/embed/ONxw4niC96zwk","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Instagram"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"instagram","externalServiceEmbedType":"js","externalServiceName":"Instagram"},"serviceUrl":"https://www.instagram.com/p/CjZzvIOs7PK/embed/captioned/?cr=1&v=14&wp=658&rd=https%3A%2F%2Fhessenschau-dev-red.hr.de&rp=%2Ftest-externe-dienste-v1%2Cexternedienste-100.html#%7B%22ci%22%3A0%2C%22os%22%3A5421.799999999814%2C%22ls%22%3A4354.700000000186%2C%22le%22%3A4357.600000000559%7D","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"X"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"twitter-post","externalServiceEmbedType":"js","externalServiceName":"X"},"serviceUrl":"https://platform.twitter.com/embed/Tweet.html?creatorScreenName=hessenschau&creatorUserId=17360630&dnt=false&embedId=twitter-widget-0&features=eyJ0ZndfdGltZWxpbmVfbGlzdCI6eyJidWNrZXQiOltdLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2ZvbGxvd2VyX2NvdW50X3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9iYWNrZW5kIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19yZWZzcmNfc2Vzc2lvbiI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfZm9zbnJfc29mdF9pbnRlcnZlbnRpb25zX2VuYWJsZWQiOnsiYnVja2V0Ijoib24iLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X21peGVkX21lZGlhXzE1ODk3Ijp7ImJ1Y2tldCI6InRyZWF0bWVudCIsInZlcnNpb24iOm51bGx9LCJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3Nob3dfYmlyZHdhdGNoX3Bpdm90c19lbmFibGVkIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19kdXBsaWNhdGVfc2NyaWJlc190b19zZXR0aW5ncyI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdXNlX3Byb2ZpbGVfaW1hZ2Vfc2hhcGVfZW5hYmxlZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdmlkZW9faGxzX2R5bmFtaWNfbWFuaWZlc3RzXzE1MDgyIjp7ImJ1Y2tldCI6InRydWVfYml0cmF0ZSIsInZlcnNpb24iOm51bGx9LCJ0ZndfbGVnYWN5X3RpbWVsaW5lX3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9mcm9udGVuZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9fQ%3D%3D&frame=false&hideCard=false&hideThread=false&id=1578122540362465299&lang=de&origin=https%3A%2F%2Fhessenschau-dev-red.hr.de%2Ftest-externe-dienste-v1%2Cexternedienste-100.html&sessionId=56b29ff8ee6fd214d71e8ef5924dbf80fbc2d6cd&siteScreenName=hessenschau&siteUserId=17360630&theme=light&widgetsVersion=2615f7e52b7e0%3A1702314776716&width=550px","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Vimeo"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"vimeo","externalServiceEmbedType":"iFrame","externalServiceName":"Vimeo (Video)"},"serviceUrl":"https://player.vimeo.com/video/438111654","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Youtube"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"youtube","externalServiceEmbedType":"iFrame","externalServiceName":"YouTube (Video)"},"serviceUrl":"https://www.youtube-nocookie.com/embed/LMjXHYHZtrE?rel=0","aspectRatio":"16x9","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Youtube 360°"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"youtube360","externalServiceEmbedType":"iFrame","externalServiceName":"YouTube 360 (360° Video)"},"serviceUrl":"https://www.youtube-nocookie.com/embed/yT1pyf9oXGk","aspectRatio":"16x9","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":"","externalServiceCaption":"Eine Demo der Virtual Reality-Inszenierung '2049: Zeitreise Mobilität'"}}}},{"isHeadline":true,"text":"Statischer Dienst"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":false,"embedAsIFrame":true,"externalServiceId":"staticService","externalServiceEmbedType":"iFrame","externalServiceName":"Statischer Dienst"},"serviceUrl":"https://static.hr.de/hessenschau/btw21/linientool/unternehmensgruendung","fixedHeight":"1000","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Wahlmonitor"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":false,"embedAsIFrame":false,"externalServiceId":"wahlmonitor","externalServiceEmbedType":"js","externalServiceName":"Wahlmonitor"},"serviceUrl":"https://www.tagesschau.de/wahl/monitor-15/wahlmonitor.html?id=2023-10-08-LT-DE-HE&ratio=43&externalembed=4e1_wahlmonitor_2023-10-08-LT-DE-HE&hideLinkContainer=1&lra=hr&arrows=1","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Wahlkreiskarte"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":false,"embedAsIFrame":false,"externalServiceId":"wahlkreiskarte","externalServiceEmbedType":"js","externalServiceName":"Wahlkreiskarte"},"serviceUrl":"https://www.tagesschau.de/wahl/archiv/2023-10-08-LT-DE-HE/karte21.shtml?y=&a=K&k=&p=&elements=&data-site=&q=","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}},{"isHeadline":true,"text":"Koalitionsrechner"},{"paragraphBoxItem":{"isExternalService":true,"toModel":{"externalService":{"externalServiceConfig":{"makeConfigurable":false,"embedAsIFrame":true,"externalServiceId":"koalitionsrechner","externalServiceEmbedType":"iFrame","externalServiceName":"Koalitionsrechner"},"serviceUrl":"https://www.tagesschau.de/wahl/koalitionsrechner/2023-10-08-LT-DE-HE-koalitionsrechner_embed.shtml","fixedHeight":"550","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}}]}