hr-design-system-handlebars 1.74.13 → 1.75.0

package/dist/views_static/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/dist/views_static/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/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/dist/views_static/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}}
     
     {{> components/page/components/comments }}
 

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.75.0",
     "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/accordion/accordion.hbs

@@ -1,7 +1,7 @@
 {{#if this.title}}
-    <h2 class="mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
+    <h2 class="clear-both mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
 {{/if}}
-<div x-cloak x-data="{selected:0}" class="pb-11{{#unless this.title}} mt-11{{/unless}}">
+<div x-cloak x-data="{selected:0}" class="pb-11{{#unless this.title}} clear-both mt-11{{/unless}}">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
             {{#unless @first}}</div></div>{{/unless}}

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