hr-design-system-handlebars 1.74.13 → 1.74.14

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v1.74.14 (Wed Jun 26 2024)
+
+#### 🐛 Bug Fix
+
+- DPE-3180: add copytext-livestream component [#968](https://github.com/mumprod/hr-design-system-handlebars/pull/968) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
+
+#### Authors: 2
+
+- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
+- selbaciri (saad.elbaciri@hr.de)
+
+---
+
 # v1.74.13 (Fri Jun 21 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/brand/hessenschau/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hessenschau . d e",
 	"meta_application_name": "hessenschau.de"
 }

package/dist/assets/brand/hr/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr . d e",
 	"meta_application_name": "hr.de"
 }

package/dist/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr-bigband . d e",
 	"meta_application_name": "hr-bigband.de"
 }

package/dist/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr-fernsehen . d e",
 	"meta_application_name": "hr-fernsehen.de"
 }

package/dist/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr-inforadio . d e",
 	"meta_application_name": "hr-inforadio.de"
 }

package/dist/assets/brand/hr-rundfunkrat/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr-rundfunkrat . d e",
 	"meta_application_name": "hr-rundfunkrat.de"
 }

package/dist/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr-sinfonieorchester . d e",
 	"meta_application_name": "hr-sinfonieorchester.de"
 }

package/dist/assets/brand/hr-werbung/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr-werbung . d e",
 	"meta_application_name": "hr-werbung.de"
 }

package/dist/assets/brand/hr1/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr1 . d e",
 	"meta_application_name": "hr1.de"
 }

package/dist/assets/brand/hr2/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr2 . d e",
 	"meta_application_name": "hr2.de"
 }

package/dist/assets/brand/hr3/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr3 . d e",
 	"meta_application_name": "hr3.de"
 }

package/dist/assets/brand/hr4/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr4 . d e",
 	"meta_application_name": "hr4.de"
 }

package/dist/assets/brand/you-fm/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite you-fm . d e",
 	"meta_application_name": "you-fm.de"
 }

package/dist/assets/index.css

@@ -3368,7 +3368,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1718984329163;
+  counter-reset: cnt1719406631955;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3747,7 +3747,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1718984329163 1;
+  counter-increment: cnt1719406631955 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3763,7 +3763,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1718984329163);
+  content: counter(cnt1719406631955);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/button/utilities/button_variation_classes.hbs

@@ -22,8 +22,8 @@
     {{else}}    
         {{~inline-switch
             _variant
-            '["primary","secondary","tertiary"]'
-            '[" border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark "," border text-button border-button hover:bg-button-inverted active:bg-button-primary--inverted"," border bg-transparent border-transparent text-button hover:bg-button-inverted hover:border-button active:bg-button-primary--inverted"," border text-button-inverted bg-button border-button hover:bg-button--dark   hover:border-button--dark  active:bg-button--dark "]'
+            '["primary","secondary","tertiary","icon-button"]'
+            '[" border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark "," border text-button border-button hover:bg-button-inverted active:bg-button-primary--inverted"," border bg-transparent border-transparent text-button hover:bg-button-inverted hover:border-button active:bg-button-primary--inverted"," border bg-transparent border-transparent text-button active:bg-button-primary--inverted"," border text-button-inverted bg-button border-button hover:bg-button--dark   hover:border-button--dark  active:bg-button--dark "]'
         ~}}
     {{/if}}
 {{/if}}

package/dist/views/components/content/copytext/components/media/media_figure.hbs

@@ -22,6 +22,10 @@
         {{~> components/mediaplayer/media_player this.toModel.videoElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
         {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isLead=_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
     {{/if}}
+    {{#if this.isLivestream}}
+        {{~> components/mediaplayer/media_player this.toModel.videoLivestreamElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
+        {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isLivestream=true _isLead=_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
+    {{/if}}
     {{#unless _voting-option}}
         {{#with this.teaseritem}}
             {{~> components/content/copytext/components/image/figcaption  _cssClassCaption=../_cssClassCaption~}}

package/dist/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/dist/views/components/content/copytext/copytext.hbs

@@ -46,7 +46,7 @@
                     {{> components/content/copytext/components/video/video }}
                 {{/if~}}
                 {{~#if this.isLivestream}}
-                    {{> components/content/copytext/components/livestream }}
+                    {{> components/content/copytext/components/videolivestream }}
                 {{/if~}}
                 {{~#if this.isTweet}}
                     {{> components/content/copytext/components/tweet }}

package/dist/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/dist/views_static/components/button/utilities/button_variation_classes.hbs

@@ -22,8 +22,8 @@
     {{else}}    
         {{~inline-switch
             _variant
-            '["primary","secondary","tertiary"]'
-            '[" border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark "," border text-button border-button hover:bg-button-inverted active:bg-button-primary--inverted"," border bg-transparent border-transparent text-button hover:bg-button-inverted hover:border-button active:bg-button-primary--inverted"," border text-button-inverted bg-button border-button hover:bg-button--dark   hover:border-button--dark  active:bg-button--dark "]'
+            '["primary","secondary","tertiary","icon-button"]'
+            '[" border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark "," border text-button border-button hover:bg-button-inverted active:bg-button-primary--inverted"," border bg-transparent border-transparent text-button hover:bg-button-inverted hover:border-button active:bg-button-primary--inverted"," border bg-transparent border-transparent text-button active:bg-button-primary--inverted"," border text-button-inverted bg-button border-button hover:bg-button--dark   hover:border-button--dark  active:bg-button--dark "]'
         ~}}
     {{/if}}
 {{/if}}

package/dist/views_static/components/content/copytext/components/media/media_figure.hbs

@@ -22,6 +22,10 @@
         {{~> components/mediaplayer/media_player this.toModel.videoElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
         {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isLead=_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
     {{/if}}
+    {{#if this.isLivestream}}
+        {{~> components/mediaplayer/media_player this.toModel.videoLivestreamElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
+        {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isLivestream=true _isLead=_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
+    {{/if}}
     {{#unless _voting-option}}
         {{#with this.teaseritem}}
             {{~> components/content/copytext/components/image/figcaption  _cssClassCaption=../_cssClassCaption~}}

package/dist/views_static/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/dist/views_static/components/content/copytext/copytext.hbs

@@ -46,7 +46,7 @@
                     {{> components/content/copytext/components/video/video }}
                 {{/if~}}
                 {{~#if this.isLivestream}}
-                    {{> components/content/copytext/components/livestream }}
+                    {{> components/content/copytext/components/videolivestream }}
                 {{/if~}}
                 {{~#if this.isTweet}}
                     {{> components/content/copytext/components/tweet }}

package/dist/views_static/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 "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}}
             {{#*inline "css"}} {{~#if _isLead~}} md:w-18 md:h-18 w-10 h-10 {{else}} w-10 h-10 {{/if}} {{/inline}}

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.74.13",
+    "version": "1.74.14",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",

package/src/assets/brand/_default/conf/locatags.json

@@ -162,6 +162,8 @@
     "story_infobox_intro_sr": "Weitere Informationen",
     "story_infobox_outro_sr": "Ende der weiteren Informationen",
     "story_video_intro_sr": "Videobeitrag",
-    "story_video_outro_sr": "Ende des Videobeitrags"
+    "story_video_outro_sr": "Ende des Videobeitrags",
+    "story_video_livestream_intro_sr":"Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams"
 
 }

package/src/assets/brand/hessenschau/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hessenschau . d e",
 	"meta_application_name": "hessenschau.de"
 }

package/src/assets/brand/hr/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr . d e",
 	"meta_application_name": "hr.de"
 }

package/src/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr-bigband . d e",
 	"meta_application_name": "hr-bigband.de"
 }

package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr-fernsehen . d e",
 	"meta_application_name": "hr-fernsehen.de"
 }

package/src/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr-inforadio . d e",
 	"meta_application_name": "hr-inforadio.de"
 }

package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr-rundfunkrat . d e",
 	"meta_application_name": "hr-rundfunkrat.de"
 }

package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr-sinfonieorchester . d e",
 	"meta_application_name": "hr-sinfonieorchester.de"
 }

package/src/assets/brand/hr-werbung/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr-werbung . d e",
 	"meta_application_name": "hr-werbung.de"
 }

package/src/assets/brand/hr1/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr1 . d e",
 	"meta_application_name": "hr1.de"
 }

package/src/assets/brand/hr2/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr2 . d e",
 	"meta_application_name": "hr2.de"
 }

package/src/assets/brand/hr3/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr3 . d e",
 	"meta_application_name": "hr3.de"
 }

package/src/assets/brand/hr4/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite hr4 . d e",
 	"meta_application_name": "hr4.de"
 }

package/src/assets/brand/you-fm/conf/locatags.merged.json

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
+	"story_video_livestream_intro_sr": "Livestream",
+	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"header_homepage_link_title": "Startseite you-fm . d e",
 	"meta_application_name": "you-fm.de"
 }

package/src/assets/fixtures/content/copytext/copytext_livestream.json

@@ -0,0 +1,137 @@
+{
+    "copytextParagraph": [
+        {
+            "isHeadline": true,
+            "text": "Copytext mit Livestream"
+        },
+        {
+            "@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
+        },
+        {
+            "paragraphBoxItem": {
+                "isLivestream": true,
+                "showFullSize": {
+                    "isTrue": true
+                },
+                "isSsi": true,
+                "label": {
+                    "@->jsoninclude": "teaser/teaser_labels.inc.json",
+                    "@->contentpath": "video_livestream_copytext_100"
+                },
+                "toModel": {
+                    "videoLivestreamElement": {
+                        "ardPlayerConfig": {
+                            "@->jsoninclude": "video/videos.inc.json",
+                            "@->contentpath": "video-livestream-hr-fernsehen"
+                        },
+                        "ardPlayerJsonConfig": {
+                            "@->jsoninclude": "video/videos.inc.json",
+                            "@->contentpath": "video-livestream-hr-fernsehen"
+                        }
+                        },
+                    "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": {
+                    "@->jsoninclude": "teaser/teaser_images.inc.json",
+                    "@->contentpath": "copytext_image_100",
+                    "@->replaceToken": [
+                        {
+                            "@->token": "image",
+                            "@->value": "buchmesse-fahnen-102"
+                        }
+                    ]
+                },
+
+                "teaserImage": {
+                    "@->jsoninclude": "teaser/teaser_images.inc.json",
+                    "@->contentpath": "copytext_image_100",
+                    "@->replaceToken": [
+                        {
+                            "@->token": "image",
+                            "@->value": "buchmesse-fahnen-102"
+                        }
+                    ]
+                }
+            }
+        },
+        {
+            "@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
+        },
+        {
+            "paragraphBoxItem": {
+                "isLivestream": true,
+                "showFullSize": {
+                    "isTrue": false
+                },
+                "isSsi": true,
+                "label": {
+                    "@->jsoninclude": "teaser/teaser_labels.inc.json",
+                    "@->contentpath": "video_livestream_copytext_50"
+                },
+                "toModel": {
+                    "videoLivestreamElement": {
+                        "ardPlayerConfig": {
+                            "@->jsoninclude": "video/videos.inc.json",
+                            "@->contentpath": "video-livestream-hr-fernsehen"
+                        },
+                        "ardPlayerJsonConfig": {
+                            "@->jsoninclude": "video/videos.inc.json",
+                            "@->contentpath": "video-livestream-hr-fernsehen"
+                        }
+                        },
+                    "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": {
+                    "@->jsoninclude": "teaser/teaser_images.inc.json",
+                    "@->contentpath": "copytext_image_50",
+                    "@->replaceToken": [
+                        {
+                            "@->token": "image",
+                            "@->value": "buchmesse-fahnen-102"
+                        }
+                    ]
+                },
+
+                "teaserImage": {
+                    "@->jsoninclude": "teaser/teaser_images.inc.json",
+                    "@->contentpath": "copytext_image_50",
+                    "@->replaceToken": [
+                        {
+                            "@->token": "image",
+                            "@->value": "buchmesse-fahnen-102"
+                        }
+                    ]
+                }
+            }
+        },
+        {
+            "@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
+        }
+    ]
+}

package/src/assets/fixtures/teaser/teaser_labels.inc.json

@@ -44,6 +44,42 @@
             "bylineText": "BylineText"
         }
     },
+    "video_livestream_copytext_100": {
+        "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"
+        }
+    },
+    "video_livestream_copytext_50": {
+        "type": "livestream",
+        "loca": "label_video_livestream",
+        "byline": {
+            "bylineSsi": "components/multimedia/livestream/label_byline.ssi",
+            "context": {
+                "labelInfo": {
+                    "isPlaysNow": true,
+                    "isHasPlayed": false,
+                    "isWillPlay": false
+                }
+            },
+            "bylineText": "BylineText"
+        }
+    },
     "audio_livestream": {
         "type": "livestream",
         "loca": "label_audio_event_livestream",

package/src/stories/views/components/button/utilities/button_variation_classes.hbs

@@ -22,8 +22,8 @@
     {{else}}    
         {{~inline-switch
             _variant
-            '["primary","secondary","tertiary"]'
-            '[" border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark "," border text-button border-button hover:bg-button-inverted active:bg-button-primary--inverted"," border bg-transparent border-transparent text-button hover:bg-button-inverted hover:border-button active:bg-button-primary--inverted"," border text-button-inverted bg-button border-button hover:bg-button--dark   hover:border-button--dark  active:bg-button--dark "]'
+            '["primary","secondary","tertiary","icon-button"]'
+            '[" border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark "," border text-button border-button hover:bg-button-inverted active:bg-button-primary--inverted"," border bg-transparent border-transparent text-button hover:bg-button-inverted hover:border-button active:bg-button-primary--inverted"," border bg-transparent border-transparent text-button active:bg-button-primary--inverted"," border text-button-inverted bg-button border-button hover:bg-button--dark   hover:border-button--dark  active:bg-button--dark "]'
         ~}}
     {{/if}}
 {{/if}}

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

@@ -22,6 +22,10 @@
         {{~> components/mediaplayer/media_player this.toModel.videoElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
         {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isLead=_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
     {{/if}}
+    {{#if this.isLivestream}}
+        {{~> components/mediaplayer/media_player this.toModel.videoLivestreamElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
+        {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isLivestream=true _isLead=_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
+    {{/if}}
     {{#unless _voting-option}}
         {{#with this.teaseritem}}
             {{~> components/content/copytext/components/image/figcaption  _cssClassCaption=../_cssClassCaption~}}

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

@@ -46,7 +46,7 @@
                     {{> components/content/copytext/components/video/video }}
                 {{/if~}}
                 {{~#if this.isLivestream}}
-                    {{> components/content/copytext/components/livestream }}
+                    {{> components/content/copytext/components/videolivestream }}
                 {{/if~}}
                 {{~#if this.isTweet}}
                     {{> components/content/copytext/components/tweet }}

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/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/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~}}