hr-design-system-handlebars 1.74.13 → 1.75.0

package/src/stories/views/components/content/copytext/components/paragraph/paragraph_body.hbs

@@ -1,9 +1,9 @@
 {{#if this.isText}}
-    <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
+    <p class="pt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="mt-6 ml-5 text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="pt-6 pl-5 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="mt-6 ml-5 text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
-{{/if}}
+    <ol class="pt-6 pl-5 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
+{{/if}}

package/src/stories/views/components/content/copytext/components/videolivestream.hbs

@@ -0,0 +1,5 @@
+{{#if this.showFullSize.isTrue }}
+    {{> components/content/copytext/components/media/media_figure _fullSize=true _addClass="print:hidden clear-both article-full-width sm:article-narrow my-6 sm:my-7" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+{{else}}
+    {{> components/content/copytext/components/media/media_figure _fullSize=false _addClass="print:hidden article-full-width sm:article-narrow my-6 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+{{/if}} 

package/src/stories/views/components/content/copytext/copytext.hbs

@@ -3,132 +3,7 @@
         {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
     {{~/with}}    
     {{#each this.copytextParagraph }}
-        {{#if this.isHeadline}}
-            {{> components/content/copytext/components/headline }}
-        {{/if}}
-
-        {{#unless this.isInfoBox}}
-            {{~#with this.paragraphBoxItem }}
-                {{~#if this.isImage}}
-                    {{~> components/content/copytext/components/image/image _isWebview=../../_isWebview}}    
-                {{/if~}}
-                {{~#if this.isContentBox}}
-                    {{~> components/content/copytext/components/contentbox/contentbox ~}}
-                {{/if~}}
-                {{~#if this.isAccordion}}
-                {{~> components/content/copytext/components/accordion/accordion ~}}
-                {{/if~}}
-                {{~#if this.isGallery}}                
-                    {{> components/content/copytext/components/gallery }}                
-                {{/if~}}
-                {{~#if this.isFileDownload}}
-                    {{> components/content/copytext/components/filedownload }}                
-                {{/if~}}
-                {{~#if this.isMap}}
-                    {{> components/content/copytext/components/map }}    
-                {{/if~}}
-                {{~#if this.isWebForm}}
-                    {{> components/content/copytext/components/webform }}
-                {{/if~}}
-                {{~#if this.isNewsletter}}
-                    {{> components/content/copytext/components/newsletter }}    
-                {{/if~}}
-                {{~#if this.isAudio}}
-                    {{> components/content/copytext/components/audio }}
-                {{/if~}}
-                {{~#if this.isAudioEventLivestream}}
-                    {{> components/content/copytext/components/audioeventlivestream }}
-                {{/if~}}
-                {{~#if this.isPodcastEpisode}}
-                    {{> components/content/copytext/components/podcastepisode }}
-                {{/if~}}
-                {{~#if this.isVideo}}
-                    {{> components/content/copytext/components/video/video }}
-                {{/if~}}
-                {{~#if this.isLivestream}}
-                    {{> components/content/copytext/components/livestream }}
-                {{/if~}}
-                {{~#if this.isTweet}}
-                    {{> components/content/copytext/components/tweet }}
-                {{~/if}}
-                {{~#if this.isRadioPlaylist}}
-                    {{> components/content/copytext/components/radioplaylist }}
-                {{~/if}}
-                {{~#if this.isVoting}}
-                    {{> components/content/copytext/components/voting }}
-                {{/if~}}
-                {{~#if this.isExternalService}}
-                    {{> components/content/copytext/components/externalservice }}
-                {{/if~}}
-                {{~#if this.isContentNav}}
-                    {{#with this.toModel.contentNavigationTeaser}}
-                        {{~> components/teaser/content_nav/teaser_content_nav _isCopytext=true ~}}
-                    {{/with}}
-                {{/if~}}
-            {{~/with}}
-        {{/unless}}
-
-        {{~#with this.paragraphTeaserItem }}
-            {{~#if this.isTopictag}}
-                {{#with this.toModel.baseTeaserDS}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-            {{~#if this.isTicker}}
-                {{#with this.toModel.baseTeaserDS}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-            {{~#if this.isLink}}
-                {{#with this.toModel.baseTeaserDS}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-            {{~#if this.isStructureNodeDocument}}
-                {{#with this.toModel.structureNodeTeaser}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-            {{~#if this.isStory}}
-                {{#with this.toModel.baseTeaserDS}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-            {{~#if this.isProgram}}
-                {{#with this.toModel.baseTeaserDS}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-            {{~#if this.isEvent}}
-                {{#with this.toModel.eventTeaser}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-        {{~/with}}
-
-        {{#if this.isParagraph}}
-            {{> components/content/copytext/components/paragraph/paragraph }}
-        {{/if}}
-
-        {{#if this.isCite}}
-            {{> components/content/copytext/components/cite }}
-        {{/if}}
-
-        {{#if this.isInfoBox}}
-            {{> components/content/copytext/components/infobox }}
-        {{/if}}
-        {{#if this.isAdditionalInfo}}
-            {{> components/content/copytext/components/additionalinfo }}
-        {{/if}}
-        {{#if this.isDownloadBox}}
-            {{> components/content/copytext/components/downloadbox/downloadbox }}
-        {{/if}}
-        {{#if this.isFAQ}}
-            {{> components/content/copytext/components/faq }}
-        {{/if}}
-        {{#if this.isJobposting}}
-            {{> components/content/copytext/components/jobposting }}
-        {{/if}}
+        {{~> components/content/copytext/copytext_body _isWebview=_isWebview ~}}
     {{/each}}
 </div>
 {{! Globaler Einstellungsbutton; nur für Copytext/Externe Dienste Story; 

package/src/stories/views/components/content/copytext/copytext.stories.js

@@ -12,6 +12,7 @@ import copytext_downloadbox_json from './fixtures/copytext_downloadbox.json'
 import copytext_filedownload_json from './fixtures/copytext_filedownload.json'
 import copytext_externalservice_json from './fixtures/copytext_externalservice.json'
 import copytext_video_json from './fixtures/copytext_video.json'
+import copytext_livestream_json from './fixtures/copytext_livestream.json'
 
 const Template = ({ ...args }) => {
     return copytext({ ...args })
@@ -116,3 +117,9 @@ export const WithVideo = {
     name: 'Video',
     args: copytext_video_json,
 }
+
+export const WithLivestream = {
+    render: Template.bind({}),
+    name: 'Livestream',
+    args: copytext_livestream_json,
+}

package/src/stories/views/components/content/copytext/copytext_body.hbs

@@ -0,0 +1,125 @@
+{{#if this.isHeadline}}
+    {{> components/content/copytext/components/headline }}
+{{/if}}
+{{#unless this.isInfoBox}}
+    {{~#with this.paragraphBoxItem }}
+        {{~#if this.isImage}}
+            {{~> components/content/copytext/components/image/image}}
+        {{/if~}}
+        {{~#if this.isContentBox}}
+            {{~> components/content/copytext/components/contentbox/contentbox ~}}
+        {{/if~}}
+        {{~#if this.isAccordion}}
+        {{~> components/content/copytext/components/accordion/accordion ~}}
+        {{/if~}}
+        {{~#if this.isGallery}}
+            {{> components/content/copytext/components/gallery }}
+        {{/if~}}
+        {{~#if this.isFileDownload}}
+            {{> components/content/copytext/components/filedownload }}
+        {{/if~}}
+        {{~#if this.isMap}}
+            {{> components/content/copytext/components/map }}
+        {{/if~}}
+        {{~#if this.isWebForm}}
+            {{> components/content/copytext/components/webform }}
+        {{/if~}}
+        {{~#if this.isNewsletter}}
+            {{> components/content/copytext/components/newsletter }}
+        {{/if~}}
+        {{~#if this.isAudio}}
+            {{> components/content/copytext/components/audio }}
+        {{/if~}}
+        {{~#if this.isAudioEventLivestream}}
+            {{> components/content/copytext/components/audioeventlivestream }}
+        {{/if~}}
+        {{~#if this.isPodcastEpisode}}
+            {{> components/content/copytext/components/podcastepisode }}
+        {{/if~}}
+        {{~#if this.isVideo}}
+            {{> components/content/copytext/components/video/video }}
+        {{/if~}}
+        {{~#if this.isLivestream}}
+            {{> components/content/copytext/components/videolivestream }}
+        {{/if~}}
+        {{~#if this.isTweet}}
+            {{> components/content/copytext/components/tweet }}
+        {{~/if}}
+        {{~#if this.isRadioPlaylist}}
+            {{> components/content/copytext/components/radioplaylist }}
+        {{~/if}}
+        {{~#if this.isVoting}}
+            {{> components/content/copytext/components/voting }}
+        {{/if~}}
+        {{~#if this.isExternalService}}
+            {{> components/content/copytext/components/externalservice }}
+        {{/if~}}
+        {{~#if this.isContentNav}}
+            {{#with this.toModel.contentNavigationTeaser}}
+                {{~> components/teaser/content_nav/teaser_content_nav _isCopytext=true ~}}
+            {{/with}}
+        {{/if~}}
+    {{~/with}}
+{{/unless}}
+
+{{~#with this.paragraphTeaserItem }}
+    {{~#if this.isTopictag}}
+        {{#with this.toModel.baseTeaserDS}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+    {{~#if this.isTicker}}
+        {{#with this.toModel.baseTeaserDS}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+    {{~#if this.isLink}}
+        {{#with this.toModel.baseTeaserDS}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+    {{~#if this.isStructureNodeDocument}}
+        {{#with this.toModel.structureNodeTeaser}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+    {{~#if this.isStory}}
+        {{#with this.toModel.baseTeaserDS}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+    {{~#if this.isProgram}}
+        {{#with this.toModel.baseTeaserDS}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+    {{~#if this.isEvent}}
+        {{#with this.toModel.eventTeaser}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+{{~/with}}
+
+{{#if this.isParagraph}}
+    {{> components/content/copytext/components/paragraph/paragraph }}
+{{/if}}
+
+{{#if this.isCite}}
+    {{> components/content/copytext/components/cite }}
+{{/if}}
+
+{{#if this.isInfoBox}}
+    {{> components/content/copytext/components/infobox }}
+{{/if}}
+{{#if this.isAdditionalInfo}}
+    {{> components/content/copytext/components/additionalinfo }}
+{{/if}}
+{{#if this.isDownloadBox}}
+    {{> components/content/copytext/components/downloadbox/downloadbox }}
+{{/if}}
+{{#if this.isFAQ}}
+    {{> components/content/copytext/components/faq }}
+{{/if}}
+{{#if this.isJobposting}}
+    {{> components/content/copytext/components/jobposting }}
+{{/if}}

package/src/stories/views/components/content/copytext/fixtures/copytext_livestream.json

@@ -0,0 +1 @@
+{"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Livestream"},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"paragraphBoxItem":{"isLivestream":true,"showFullSize":{"isTrue":true},"isSsi":true,"label":{"type":"livestream","loca":"label_video_livestream","byline":{"bylineSsi":"components/multimedia/livestream/label_byline.ssi","context":{"labelInfo":{"isPlaysNow":false,"isHasPlayed":false,"isWillPlay":true},"airdateDate":{"htmlDateTime":"","date":"14.07.24","time":"18:00"},"airdateWithoutTime":false},"bylineText":"BylineText"}},"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.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.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.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","teaserSize":"100","realTeaserSize":"100","isAutoplay":true}},"mediaBacklinkToStoryTeaser":{"link":{"url":"/livestreamseite","isTargetBlank":false},"content":{"readMoreScreenreader":"zum hr3.de Livestream","title":"Ab 18 Uhr: Eröffnung der Frankfurter Buchmesse","isForeignBrand":true,"readMore":"zum hr3.de Livestreamseite"},"hasIcon":true,"iconName":"extern"}},"teaseritem":{"isImage":true,"showFullSize":{"isTrue":true},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","imageJson":"Beispiel JSON","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","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, images/buchmesse-fahnen-102_v-16to9__retina.jpg 1920w"}]}},"teaserImage":{"isImage":true,"showFullSize":{"isTrue":true},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","imageJson":"Beispiel JSON","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","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, images/buchmesse-fahnen-102_v-16to9__retina.jpg 1920w"}]}}}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"paragraphBoxItem":{"isLivestream":true,"showFullSize":{"isTrue":false},"isSsi":true,"label":{"type":"livestream","loca":"label_video_livestream","byline":{"bylineSsi":"components/multimedia/livestream/label_byline.ssi","context":{"labelInfo":{"isPlaysNow":true,"isHasPlayed":false,"isWillPlay":false}},"bylineText":"BylineText"}},"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.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.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.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","teaserSize":"100","realTeaserSize":"100","isAutoplay":true}},"mediaBacklinkToStoryTeaser":{"link":{"url":"/livestreamseite","isTargetBlank":false},"content":{"readMoreScreenreader":"zum hr3.de Livestream","title":"Eröffnung der Frankfurter Buchmesse","isForeignBrand":false,"readMore":"zum hr3.de Livestreamseite"},"hasIcon":true,"iconName":"extern"}},"teaseritem":{"isImage":true,"showFullSize":{"isTrue":false},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","imageJson":"Beispiel JSON","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","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, images/buchmesse-fahnen-102_v-16to9__retina.jpg 1920w"}]}},"teaserImage":{"isImage":true,"showFullSize":{"isTrue":false},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","imageJson":"Beispiel JSON","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","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, images/buchmesse-fahnen-102_v-16to9__retina.jpg 1920w"}]}}}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}}]}

package/src/stories/views/components/mediaplayer/mediaplayer_button.hbs

@@ -1,5 +1,5 @@
 {{#with this}}
-    {{#> components/button/button _variant="tertiary" _type="button" _css=_css _alpineClick="avStart = !avStart; $dispatch('player_start')"}}
+    {{#> components/button/button _variant="icon-button"  _type="button" _css=_css _alpineClick="avStart = !avStart; $dispatch('player_start')"}}
         {{#with this}}
             {{> components/base/image/icon _addClass=(appendToDefault (if _isLivestream-adjust_context "text-media-button-live group-hover:fill-media-button-live" "text-media-button group-hover:fill-media-button") "fill-white group-hover:text-white inline ") _icon=_icon-adjust_context}}
             {{#*inline "css"}} {{~#if _isLead-adjust_context~}} md:w-18 md:h-18 w-10 h-10 {{else}} w-10 h-10 {{/if}} {{/inline}}

package/src/stories/views/components/page/story/story_article.hbs

@@ -37,7 +37,7 @@
         _source=this.source
         _isArchiveContent=this.isArchiveContent ~}}
 
-    {{> components/page/components/appendix _isArticle=true }}
+    {{> components/page/components/appendix _isArticle=true _webview=_webview-adjust_context}}
     
     {{> components/page/components/comments }}
 

package/dist/views/components/content/copytext/components/livestream.hbs

@@ -1,9 +0,0 @@
-{{~#if (isStorybook)~}}
-    <div class="mt-6 italic text-gray-dark">coming soon: Livestream-component</div>
-{{~else~}}
-    {{#if this.showFullSize.isTrue }}
-        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream__outro_sr" }}
-    {{else}}
-        {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_video_livestream__intro_sr" _a11yOutro-loca="story_video_livestream__outro_sr" }}
-    {{/if}}
-{{~/if~}} 

package/dist/views_static/components/content/copytext/components/livestream.hbs

@@ -1,9 +0,0 @@
-{{~#if (isStorybook)~}}
-    <div class="mt-6 italic text-gray-dark">coming soon: Livestream-component</div>
-{{~else~}}
-    {{#if this.showFullSize.isTrue }}
-        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream__outro_sr" }}
-    {{else}}
-        {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_video_livestream__intro_sr" _a11yOutro-loca="story_video_livestream__outro_sr" }}
-    {{/if}}
-{{~/if~}} 

package/src/stories/views/components/content/copytext/components/livestream.hbs

@@ -1,9 +0,0 @@
-{{~#if (isStorybook)~}}
-    <div class="mt-6 italic text-gray-dark">coming soon: Livestream-component</div>
-{{~else~}}
-    {{#if this.showFullSize.isTrue }}
-        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream__outro_sr" }}
-    {{else}}
-        {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_video_livestream__intro_sr" _a11yOutro-loca="story_video_livestream__outro_sr" }}
-    {{/if}}
-{{~/if~}}