hr-design-system-handlebars 1.69.3 → 1.70.1

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

@@ -0,0 +1,35 @@
+<span class='text-xs text-inherit font-headingSerif{{#if _css}} {{_css}}{{/if}}'>
+    <span class="mx-1">|</span>
+    {{~#if this.isAudio}}
+        {{~#with this.audioAuthor}}
+            {{this}}{{#if ../this.airdateDate }}<span class="mx-1">|</span>{{/if}}
+        {{/with}}
+        {{~#with this.airdateDate ~}}
+            <time datetime="{{this.htmlDate}}">{{this.date}}</time>
+        {{~/with~}}
+    {{/if}}
+
+    {{~#if this.isPodcastEpisode}}
+        {{~#with this.audioAuthor}}
+            {{this}}{{#if ../this.airdateDate }}<span class="mx-1">|</span>{{/if}}
+        {{/with}}
+        {{~#with this.airdateDate ~}}
+            <time datetime="{{this.htmlDate}}">{{this.date}}</time>
+        {{~/with~}}
+    {{/if}}
+
+    {{~#if this.isVideo}}
+        {{~#with this.copyright}}
+            {{this}}{{#if ../this.airdateDate }} <span class="mx-1">|</span>{{/if}}
+        {{/with}}
+
+        {{~#with this.airdateDate ~}}
+            {{~#if ../this.airdateWithoutTime ~}}
+                <time datetime="{{this.htmlDate}}">{{this.date}}</time>
+            {{else}}
+                <time datetime="{{this.htmlDateTime}}">{{loca "date_simple_at"
+                                                                this.dateSeparatorTime }}</time>
+            {{~/if~}}
+        {{~/with~}}
+    {{/if}}
+</span>

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

@@ -0,0 +1,14 @@
+<h3 class="mt-1">
+    {{> components/base/a11y/ariaLabelText _text=this.content.readMoreScreenreader }}
+    <span class="text-lg sm480:text-xl font-headingSerif dark:text-text-dark">
+        {{this.content.title}}
+    </span>
+    {{~#if this.content.isForeignBrand}}
+        <span aria-hidden=true class="ml-4">
+            [{{this.content.readMore}}
+            {{~#if this.hasIcon}}
+                {{~> components/base/image/icon _icon=this.iconName _iconmap="icons" _addClass="inline -mt-0.5 ml-1 w-5 h-5 fill-current"~}}
+            {{/if~}}]
+        </span>
+    {{/if~}}
+</h3>

package/dist/views_static/components/content/copytext/components/video/video.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" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+{{else}}
+    {{> components/content/copytext/components/media/media_figure _fullSize=false _addClass="print:hidden article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+{{/if}}

package/dist/views_static/components/content/copytext/components/video/video_element.hbs

@@ -0,0 +1,15 @@
+{{> components/content/copytext/components/video/video_element_ondemand this.toModel.videoElement 
+_isSinglePage=_isSinglePage 
+_isCopyText=_isCopyText 
+_isTeaser=_isTeaser 
+_teaser=_teaser 
+_poster=_poster 
+_geotag=_geotag 
+_hideGeotag=_hideGeotag 
+_posterImageVariant=_posterImageVariant 
+_posterImageType=_posterImageType 
+_noDelay=_noDelay
+_cypressHook="js-video-ondemand"
+_mediaButtonIcon="play_button"
+_mediaButtonLabel="Video" }}
+

package/dist/views_static/components/content/copytext/components/video/video_element_ondemand.hbs

@@ -0,0 +1,23 @@
+<div x-show="avStart" x-cloak id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isTeaser}} z-20{{/if}} js-load {{if _cypressHook _cypressHook 'js-media-element'}} js-video-livestream cy-mediaplayer" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
+</div>
+{{#if _isTeaser}}
+    <div class="relative flex items-center justify-center ar-16-9" x-show="!avStart" >
+        {{#unless _hideGeotag}}
+            {{~#with _geotag}}
+                {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize _isMobile1to1=../_isMobile1to1}}
+            {{/with~}}
+        {{/unless}}
+        {{#with _teaser}}
+            {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
+                {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg "ar__content ") _noDelay=this.dontLazyload ~}}                             
+            {{#if this.isTickerTeaser}}</a>
+            {{else}}
+            {{~> components/base/image/responsive_image this.content.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg "ar__content ") _noDelay=this.dontLazyload ~}}                             
+            {{/if}}
+        {{/with}}
+
+        {{#with this}}
+            {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=_teaserSize _teaserType=_teaserType _isMobile1to1=_isMobile1to1}}   
+        {{/with}} 
+    </div>
+{{/if}}

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

@@ -43,7 +43,7 @@
                     {{> components/content/copytext/components/podcastepisode }}
                 {{/if~}}
                 {{~#if this.isVideo}}
-                    {{> components/content/copytext/components/video }}
+                    {{> components/content/copytext/components/video/video }}
                 {{/if~}}
                 {{~#if this.isLivestream}}
                     {{> components/content/copytext/components/livestream }}

package/dist/views_static/components/label/label.hbs

@@ -2,8 +2,8 @@
     class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading{{#if _css}} {{_css}}{{/if}} 
         {{inline-switch
             _type
-            '["media","event","breakingnews","comment","analysis","der-tag-in-hessen","glosse","fragen-und-antworten","infografik","interaktiv","program","download","pm","liveticker","ticker","livestream","live","livechat","buliticker","social-tv","blog","podcast","kurzmeldung","location","topic"]'
-            '["bg-labelMedia","bg-labelEvent","bg-labelBreakingnews","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelInfografik","bg-labelInfografik","bg-labelProgram","bg-labelDownload","bg-labelPm","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelMedia","bg-labelKurzmeldung","bg-labelEvent","bg-labelComment"]'
+            '["media","event","breakingnews","comment","analysis","der-tag-in-hessen","glosse","fragen-und-antworten","infografik","interaktiv","program","download","pm","liveticker","ticker","livestream","live","livechat","buliticker","social-tv","blog","podcast","kurzmeldung","location","topic","video"]'
+            '["bg-labelMedia","bg-labelEvent","bg-labelBreakingnews","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelInfografik","bg-labelInfografik","bg-labelProgram","bg-labelDownload","bg-labelPm","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelMedia","bg-labelKurzmeldung","bg-labelEvent","bg-labelComment","bg-labelMedia"]'
         }}'
 >
     {{_text}}

package/dist/views_static/components/mediaplayer/media_player.hbs

@@ -1,20 +1,2 @@
-<div{{#if _isTeaser}} x-show="avStart" x-cloak{{/if}} id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isTeaser}} z-20{{/if}} js-load {{if _uiTestHook _uiTestHook 'ui-test-mediaplayer'}}" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
+<div{{#if _isUsedInTeaser}} x-show="avStart" x-cloak{{/if}} id="{{this.ardPlayerConfig.playerId}}" class="{{#unless _isAudioView}}ar-16-9 {{/unless}}h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isUsedInTeaser}} z-20{{/if}} js-load {{if _uiTestHook _uiTestHook 'ui-test-mediaplayer'}}" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
 </div>
-{{#if _isTeaser}}
-    <div class="relative {{_aspectRatio}}" x-show="!avStart" >
-        {{#unless _hideGeotag}}
-            {{~#with _geotag}}
-                {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize _isMobile1to1=../_isMobile1to1}}
-            {{/with~}}
-        {{/unless}}
-        {{#with _teaser}}
-            {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
-                {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg "ar__content ") _noDelay=this.dontLazyload ~}}                             
-            {{#if this.isTickerTeaser}}</a>{{/if}}
-        {{/with}}
-
-        {{#with this}}
-            {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=_teaserSize _teaserType=_teaserType _isMobile1to1=_isMobile1to1}}   
-        {{/with}} 
-    </div>
-{{/if}}

package/dist/views_static/components/teaser/components/teaser_av_consumption.hbs

@@ -1,7 +1,10 @@
 {{#with this.teaserLead.avDocument}}
      {{~#if this.isVideo ~}}
           {{#with this.toModel.videoElement}}
-               {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-ondemand-player" _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _isTeaser=true _teaser=../../this _aspectRatio=../../_aspectRatio _teaserSize=../../_teaserSize _isMobile1to1=../../_isMobile1to1 _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
+               {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
+               {{#with ../../this}}
+                    {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=_aspectRatio}}
+               {{/with}}
                {{#if ../../_isMobile1to1~}}  
                     {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
                {{~/if~}}
@@ -9,7 +12,10 @@
      {{~/if~}}
      {{~#if this.isAudio ~}}
           {{#with this.toModel.audioElement}}
-               {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}                  
+               {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}                  
+               {{#with ../../this}}
+                    {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=_aspectRatio}}
+               {{/with}}
                {{#if ../../_isMobile1to1~}}  
                     {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
                {{~/if~}}
@@ -17,7 +23,10 @@
      {{~/if~}}
      {{~#if this.isPodcast ~}}
           {{#with this.toModel.audioElement}}
-               {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}             
+               {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}             
+               {{#with ../../this}}
+                    {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=_aspectRatio}}
+               {{/with}}
                {{#if ../../_isMobile1to1~}}  
                     {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
                {{~/if~}}
@@ -25,7 +34,10 @@
      {{~/if~}}
      {{~#if this.isAudioEventLivestream ~}}
           {{#with this.toModel.audioLivestreamElement}}
-               {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-livestream-player" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this  _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}             
+               {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}             
+               {{#with ../../this}}
+                    {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio}}
+               {{/with}}
                {{#if ../../_isMobile1to1~}}  
                     {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
                {{~/if~}}
@@ -33,7 +45,10 @@
      {{~/if~}}
      {{~#if this.isLivestream ~}}
           {{#with this.toModel.videoLivestreamElement}}
-               {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-livestream-player" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this  _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}             
+               {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}             
+               {{#with ../../this}}
+                    {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio}}
+               {{/with}}
                {{#if ../../_isMobile1to1~}}  
                     {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
                {{~/if~}}

package/dist/views_static/components/teaser/components/teaser_media_player.hbs

@@ -0,0 +1,15 @@
+<div class="relative {{_aspectRatio}}" x-show="!avStart" >
+    {{#unless this.hideGeotag}}
+        {{~#with this.geotag}}
+            {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../this.teaserSize _isMobile1to1=../this.isMobile1to1}}
+        {{/with~}}
+    {{/unless}}
+
+    {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
+        {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg "ar__content ") _noDelay=this.dontLazyload ~}}                             
+    {{#if this.isTickerTeaser}}</a>{{/if}}
+
+    {{#with this}}
+        {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}   
+    {{/with}} 
+</div>

package/package.json

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

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

@@ -160,6 +160,8 @@
     "ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da Sie in Ihrem Browser Javascript deaktiviert haben, kann dieser hier nicht angezeigt werden. Der nachfolgende Link öffnet den Inhalt auf der Seite des Anbieters.",
     "ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
     "story_infobox_intro_sr": "Weitere Informationen",
-    "story_infobox_outro_sr": "Ende der weiteren Informationen"
+    "story_infobox_outro_sr": "Ende der weiteren Informationen",
+    "story_video_intro_sr": "Videobeitrag",
+    "story_video_outro_sr": "Ende des Videobeitrags"
 
 }

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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"header_homepage_link_title": "Startseite hessenschau . d e",
 	"meta_application_name": "hessenschau.de"
 }

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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"header_homepage_link_title": "Startseite hr . d e",
 	"meta_application_name": "hr.de"
 }

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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"header_homepage_link_title": "Startseite hr-werbung . d e",
 	"meta_application_name": "hr-werbung.de"
 }

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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"header_homepage_link_title": "Startseite hr1 . d e",
 	"meta_application_name": "hr1.de"
 }

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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"header_homepage_link_title": "Startseite hr2 . d e",
 	"meta_application_name": "hr2.de"
 }

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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"header_homepage_link_title": "Startseite hr3 . d e",
 	"meta_application_name": "hr3.de"
 }

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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"header_homepage_link_title": "Startseite hr4 . d e",
 	"meta_application_name": "hr4.de"
 }

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

@@ -161,6 +161,8 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"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",
 	"header_homepage_link_title": "Startseite you-fm . d e",
 	"meta_application_name": "you-fm.de"
 }

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

@@ -0,0 +1,159 @@
+{
+    "copytextParagraph": [
+        {
+            "isHeadline": true,
+            "text": "Copytext mit Video"
+        },
+        {
+            "@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
+        },
+        {
+            "paragraphBoxItem": {
+
+                        "isVideo": true,
+                        "showFullSize": {
+                            "isTrue": true
+                        },
+                        "label": {
+                            "type": "video",
+                            "loca": "label_video",
+                            "byline": {
+                                "bylineText": "03:20 Min."
+                            }
+                        },
+                        "copyright": "hessenschau",
+                        "airdateDate": {
+                            "htmlDateTime": "2022-10-31T19:30+0200",
+                            "htmlDate": "31.10.2022",
+                            "date": "31.10.22",
+                            "dateSeparatorTime": "31.10.22, 19:30"
+                        },
+                        "toModel": {
+                            "videoElement": {
+                                "ardPlayerConfig": {
+                                    "@->jsoninclude": "video/videos.inc.json",
+                                    "@->contentpath": "video-1"
+                                },
+                                "ardPlayerJsonConfig": {
+                                    "@->jsoninclude": "video/videos.inc.json",
+                                    "@->contentpath": "video-1"
+                                }
+                            },
+                            "mediaBacklinkToStoryTeaser": {
+                                "link": {
+                                    "url": "/videoseite",
+                                    "isTargetBlank": false
+                                },
+                                "content":{
+                                    "readMoreScreenreader": "zum hr3.de Video",
+                                    "title":"Musik macht deinen Tag",
+                                    "isForeignBrand": true,
+                                    "readMore": "zum hr3.de Videoseite"
+                                },
+                                "hasIcon": true,
+                                "iconName": "extern"
+                            }
+                        },
+                        "teaseritem": {
+                            "@->jsoninclude": "teaser/teaser_images.inc.json",
+                            "@->contentpath": "copytext_image_100",
+                                "@->replaceToken": [
+                                    {
+                                        "@->token": "image",
+                                        "@->value": "lehrerin-ukraine-104"
+                                    }
+                                ]
+                        },
+                        "content":{
+                            "teaserImage": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "copytext_image_100",
+                                    "@->replaceToken": [
+                                        {
+                                            "@->token": "image",
+                                            "@->value": "lehrerin-ukraine-104"
+                                        }
+                                    ]
+                            }
+                        }
+            }
+        },
+        {
+            "@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
+        },
+        {
+            "paragraphBoxItem": {
+
+                        "isVideo": true,
+                        "showFullSize": {
+                            "isTrue": false
+                        },
+                        "label": {
+                            "type": "video",
+                            "loca": "label_video",
+                            "byline": {
+                                "bylineText": "03:20 Min."
+                            }
+                        },
+                        "copyright": "hessenschau",
+                        "airdateDate": {
+                            "htmlDateTime": "2022-10-31T19:30+0200",
+                            "htmlDate": "31.10.2022",
+                            "date": "31.10.22",
+                            "dateSeparatorTime": "31.10.22, 19:30"
+                        },
+                        "toModel": {
+                            "videoElement": {
+                                "ardPlayerConfig": {
+                                    "@->jsoninclude": "video/videos.inc.json",
+                                    "@->contentpath": "video-2"
+                                },
+                                "ardPlayerJsonConfig": {
+                                    "@->jsoninclude": "video/videos.inc.json",
+                                    "@->contentpath": "video-2"
+                                }
+                            },
+                            "mediaBacklinkToStoryTeaser": {
+                                "link": {
+                                    "url": "/videoseite",
+                                    "isTargetBlank": false
+                                },
+                                "content":{
+                                    "readMoreScreenreader": "zum hr3.de Video",
+                                    "title":"Musik macht deinen Tag",
+                                    "isForeignBrand": false,
+                                    "readMore": "zum hr3.de Videoseite"
+                                },
+                                "hasIcon": true,
+                                "iconName": "extern"
+                            }
+                        },
+                        "teaseritem": {
+                            "@->jsoninclude": "teaser/teaser_images.inc.json",
+                            "@->contentpath": "copytext_image_50",
+                                "@->replaceToken": [
+                                    {
+                                        "@->token": "image",
+                                        "@->value": "lehrerin-ukraine-104"
+                                    }
+                                ]
+                        },
+                        "content":{
+                            "teaserImage": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "copytext_image_50",
+                                    "@->replaceToken": [
+                                        {
+                                            "@->token": "image",
+                                            "@->value": "lehrerin-ukraine-104"
+                                        }
+                                    ]
+                            }
+                        }
+            }
+        },
+        {
+            "@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
+        }
+    ]
+}

package/src/assets/fixtures/mediaplayer/mediaplayer.json

@@ -48,5 +48,63 @@
             ]
         }
         
+    },
+    "audio":{
+        "ardPlayerConfig": {
+            "@->jsoninclude": "audio/audios.inc.json",
+            "@->contentpath": "audio-1"
+        },
+        "ardPlayerJsonConfig": {
+            "@->jsoninclude": "audio/audios.inc.json",
+            "@->contentpath": "audio-1",
+            "@->overrides": [
+                {
+                    "@->contentpath": "playerConfig.web.isForcedVideoView",
+                    "@->value": false
+                },
+                {
+                    "@->contentpath": "playerConfig.web.isForcedAutoplay",
+                    "@->value": false
+                },
+                {
+                    "@->contentpath": "playerConfig.generic.isAutoplay",
+                    "@->value": false
+                },
+                {
+                    "@->contentpath": "isAutoplay",
+                    "@->value": false
+                }
+            ]
+        }
+        
+    },
+    "audio_event_livestream":{
+        "ardPlayerConfig": {
+            "@->jsoninclude": "audio/audios.inc.json",
+            "@->contentpath": "audio-event-livestream"
+        },
+        "ardPlayerJsonConfig": {
+            "@->jsoninclude": "audio/audios.inc.json",
+            "@->contentpath": "audio-event-livestream",
+            "@->overrides": [
+                {
+                    "@->contentpath": "playerConfig.web.isForcedVideoView",
+                    "@->value": false
+                },
+                {
+                    "@->contentpath": "playerConfig.web.isForcedAutoplay",
+                    "@->value": false
+                },
+                {
+                    "@->contentpath": "playerConfig.generic.isAutoplay",
+                    "@->value": false
+                },
+                {
+                    "@->contentpath": "isAutoplay",
+                    "@->value": false
+                }
+            ]
+        }
+        
     }
 }

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

@@ -124,5 +124,9 @@
     "glosse": {
         "type": "glosse",
         "loca": "label_glosse"
+    },
+    "video": {
+        "type": "video",
+        "loca": "label_video"
     }
 }