hr-design-system-handlebars 1.114.41 → 1.114.43

package/.storybook/preview.js

@@ -219,8 +219,11 @@ export const parameters = {
                     'Page',
                     'Header',
                     'Teaser',
-                    'grid',
+                    'Grid',
                     'Label',
+                    'Navigation',
+                    'Content',
+                    ['Copytext', 'Content-Footer', 'SocialMediaLinks']
                 ],
                 '*',
             ],

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.114.43 (Fri Dec 13 2024)
+
+#### 🐛 Bug Fix
+
+- Dpe 3415 b [#1192](https://github.com/mumprod/hr-design-system-handlebars/pull/1192) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
+
+#### Authors: 1
+
+- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
+
+---
+
+# v1.114.42 (Wed Dec 11 2024)
+
+#### 🐛 Bug Fix
+
+- DPE-3467 - Neuen Copytext im Tickeritem einbauen [#1191](https://github.com/mumprod/hr-design-system-handlebars/pull/1191) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.114.41 (Wed Dec 11 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1794,6 +1794,9 @@ article #commentList {
 .w-16 {
   width: 4rem;
 }
+.w-18 {
+  width: 4.5rem;
+}
 .w-2 {
   width: 0.5rem;
 }
@@ -3710,7 +3713,7 @@ article #commentList {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1733923883856;
+  counter-reset: cnt1734092280521;
 }
 html { scroll-behavior: smooth; }
 .placeholder-text-xs::-webkit-input-placeholder {
@@ -4125,7 +4128,7 @@ html { scroll-behavior: smooth; }
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1733923883856 1;
+  counter-increment: cnt1734092280521 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4143,7 +4146,7 @@ html { scroll-behavior: smooth; }
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1733923883856);
+  content: counter(cnt1734092280521);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -6528,6 +6531,11 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     }
 @media (min-width: 360px) {
 
+  .xs\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
   .xs\:mx-13 {
     margin-left: 3.25rem;
     margin-right: 3.25rem;
@@ -6544,6 +6552,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 5;
   }
+
+  .xs\:w-22 {
+    width: 5.5rem;
+  }
     .xs\:article-full-width {
         grid-column: full-width;
     }

package/dist/assets/js/components/newsletter/js/newNewsletterDs.feature.js

@@ -0,0 +1,88 @@
+import { hr$, listen, replaceAnimated } from 'hrQuery'
+import { uxAction } from 'base/tracking/pianoHelper.subfeature'
+
+const Newsletter = function (context) {
+    'use strict'
+    const { element: rootElement } = context,
+        actionUrl = rootElement && rootElement.getAttribute('action'),
+        formWrapper = rootElement.parentNode,
+        options = context.options,
+        trackingInformations = options.trackingInformations
+
+    async function postData() {
+        const formData = new FormData(rootElement)
+        // use timestamp in seconds because the newsletter tool cannot handle milliseconds
+        formData.set('confirm-data-protection', Math.ceil(Date.now() / 1000))
+
+        const response = await fetch(actionUrl, {
+            method: 'POST',
+            body: formData,
+        })
+        return response
+    }
+
+    const handleSubmit = function (event) {
+        uxAction(trackingInformations)
+        event.preventDefault()
+        postData()
+            .then((response) => {
+                if (!response.ok) {
+                    throw new Error('Netzwerk- oder Serverfehler')
+                }
+                return response.json()
+            })
+            .then((responseStatus) => {
+                switch (responseStatus.status) {
+                    case 'success':
+                        replaceAnimated(
+                            formWrapper,
+                            hr$('.js-successMessage', rootElement)[0].innerHTML,
+                            true,
+                            () => {
+                                listen('click', handleFormReload, hr$('.js-formReload')[0])
+                            },
+                        )
+                        break
+                    case 'no_valid_newsletters':
+                        replaceAnimated(
+                            formWrapper,
+                            hr$('.js-alreadyRegisteredMessage', rootElement)[0].innerHTML,
+                            true,
+                            () => {
+                                listen('click', handleFormReload, hr$('.js-formReload')[0])
+                            },
+                        )
+                        break
+                    default:
+                        replaceAnimated(
+                            formWrapper,
+                            hr$('.js-errorMessage', rootElement)[0].innerHTML,
+                            true,
+                            () => {
+                                listen('click', handleFormReload, hr$('.js-formReload')[0])
+                            },
+                        )
+                }
+            })
+            .catch((error) => {
+                console.error('Beim Ausführen des Fetch ist ein Fehler aufgetreten.', error)
+                replaceAnimated(
+                    formWrapper,
+                    hr$('.js-errorMessage', rootElement)[0].innerHTML,
+                    true,
+                    () => {
+                        listen('click', handleFormReload, hr$('.js-formReload')[0])
+                    },
+                )
+            })
+    }
+
+    const handleFormReload = function (event) {
+        event.preventDefault()
+        replaceAnimated(formWrapper, rootElement.outerHTML, true)
+    }
+
+    listen('submit', handleSubmit, rootElement)
+}
+
+export default Newsletter

package/dist/assets/js/components/newsletter/js/newsletterDs.feature.js

@@ -0,0 +1,22 @@
+import { hr$ } from 'hrQuery'
+
+const Newsletter = function (context) {
+    'use strict'
+
+    const { element: rootElement } = context,
+        subscribeRadio = hr$('.js-newsletter-subscribe', rootElement)[0],
+        unsubscribeRadio = hr$('.js-newsletter-unsubscribe', rootElement)[0]
+
+    if (subscribeRadio && unsubscribeRadio) {
+        subscribeRadio.onclick = function () {
+            subscribeRadio.checked = true
+            unsubscribeRadio.checked = false
+        }
+        unsubscribeRadio.onclick = function () {
+            subscribeRadio.checked = false
+            unsubscribeRadio.checked = true
+        }
+    }
+}
+
+export default Newsletter

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
 {{/if}}

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
 {{/if}}

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

@@ -2,7 +2,7 @@
         {{#if this.showFullSize.isTrue }}
             {{> components/content/copytext/components/image/figure 
                 _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
-                _cssClassCaption="mx-5 sm:mx-0"
+                _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                 _type="story"
                 _variant="100-copytext-portrait"
                 _noAr="true"
@@ -10,7 +10,7 @@
         {{else}}
             {{> components/content/copytext/components/image/figure 
                 _cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
-                _cssClassCaption="mx-5 sm:mx-0"
+                _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                 _type="story"
                 _variant="copytext-portrait"
                 _noAr="true"
@@ -20,7 +20,7 @@
         {{#if this.showFullSize.isTrue}}
             {{> components/content/copytext/components/image/figure 
                 _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
-                _cssClassCaption="mx-5 sm:mx-0"
+                _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                 _type="story"
                 _variant="100-copytext"
                 _pictureAddClass="ar-16-9"
@@ -28,7 +28,7 @@
         {{else}}
             {{> components/content/copytext/components/image/figure 
                 _cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 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"
-                _cssClassCaption="mx-5 sm:mx-0"
+                _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                 _type="story"
                 _variant="copytext"
                 _pictureAddClass="ar-16-9"

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

@@ -41,7 +41,7 @@
     {{#unless _voting-option}}
         {{#if this.teaseritem}}
             {{#if this.isAudio}}
-                {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
+                {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
                     {{~> components/content/copytext/components/image/image_copyright~}}
                     <span class="mx-1.5">|</span>
                     {{~#with ../../this.toModel.mediaBacklinkToStoryTeaser-adjust_context~}}
@@ -56,7 +56,7 @@
                     {{~/with~}}
                 {{~/components/content/copytext/components/image/caption~}}
             {{else}}
-                {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
+                {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
                     {{#if this.caption}} {{~> components/content/copytext/components/image/image_caption_text~}} {{/if}}
                     {{~> components/content/copytext/components/image/image_copyright~}}
                 {{~/components/content/copytext/components/image/collapsible_caption~}}

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

@@ -1,3 +1,3 @@
-<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
+<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width{{#if _isTickerCopytext}} xs:mx-10{{else}} xs:mx-13{{/if}} {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
     {{> components/teaser/teaser_poster _isCopytext=true }} 
 </div>    

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
 {{/if}} 

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "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 _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "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

@@ -1,9 +1,9 @@
-<div class="hrds-copytext mt-2 contents sm:block copytextWrapper">
+<div class="mt-2 hrds-copytext contents sm:block copytextWrapper">
     {{~#with this.leadAudio }}
         {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden article-full-width mt-12 mb-6 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
     {{~/with}}    
     {{#each this.copytextParagraph }}
-        {{~> components/content/copytext/copytext_body _isWebview=../_isWebview ~}}
+        {{~> components/content/copytext/copytext_body _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext~}}
     {{/each}}
 </div>
 {{! Globaler Einstellungsbutton; nur für Copytext/Externe Dienste Story; 

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

@@ -4,7 +4,7 @@
 {{#unless this.isInfoBox}}
     {{~#with this.paragraphBoxItem }}
         {{~#if this.isImage}}
-            {{~> components/content/copytext/components/image/image _isWebview=../_isWebview}}
+            {{~> components/content/copytext/components/image/image _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext}}
         {{/if~}}
         {{~#if this.isContentBox}}
             {{~> components/content/copytext/components/contentbox/contentbox _isWebview=../_isWebview ~}}
@@ -28,19 +28,19 @@
             {{> components/content/copytext/components/newsletter }}
         {{/if~}}
         {{~#if this.isAudioOnDemand}}
-            {{> components/content/copytext/components/audio }}
+            {{> components/content/copytext/components/audio _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isAudioEventLivestream}}
-            {{> components/content/copytext/components/audioeventlivestream }}
+            {{> components/content/copytext/components/audioeventlivestream _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isPodcastEpisode}}
             {{> components/content/copytext/components/podcastepisode }}
         {{/if~}}
         {{~#if this.isVideoOnDemand}}
-            {{> components/content/copytext/components/video/video }}
+            {{> components/content/copytext/components/video/video _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isLivestream}}
-            {{> components/content/copytext/components/videolivestream }}
+            {{> components/content/copytext/components/videolivestream _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isTweet}}
             {{> components/content/copytext/components/tweet }}
@@ -65,37 +65,37 @@
 {{~#with this.paragraphTeaserItem }}
     {{~#if this.isTopictag}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isTicker}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isLink}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isStructureNodeDocument}}
         {{#with this.toModel.structureNodeTeaser}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isStory}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isProgram}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isEvent}}
         {{#with this.toModel.eventTeaser}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
 {{~/with}}

package/dist/views/components/newsletter/components/new_newsletter_form.hbs

@@ -1,37 +1,33 @@
+<div class="js-newsletterFormWrapper">
 <form class="c-form o-box -accented -breakout js-form js-load" id="form--{{nextRandom}}" data-hr-new-newsletter='{
-"trackingInformations": {{this.trackingInformations}} }'
-      action="{{configProperty "newsletter.subscription.endpoint"}}" method="post" accept-charset="utf-8">
+"trackingInformations": {{this.trackingInformations}} }' action="{{configProperty "newsletter.subscription.endpoint"}}" method="post" accept-charset="utf-8">
 
-    <div class="c-form__row -expanded">
         {{~> components/forms/components/input
             _type="email"
-            _isEmail="true"
+            _isEmail=true
             _name="email"
             _label="E-Mail"
             _labelClass="hide"
             _description=""
             _wrapperClass=(if this.isHidden "hidden")
             _tabindex=(if this.isHidden "-1")
-            _required="true"
+            _required=true
             _maxLength="140"
             _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
             _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
             _formId=../_formId
         }}
-    </div>
-
-    <div class="c-form__row">
+    
         {{~> components/forms/components/choice
-            _inGroup="false"
+            _inGroup=false
             _type="checkbox"
             _name="checkbox"
             _label=(loca "accept_data_privacy_regulation_link")
-            _description="Das ist der Beschreibungstext von Checkbox"
-            _required="true"
+            _description=""
+            _required=true
             _errorMandatory="Bitte wählen Sie dieses Pflichtfeld aus"
         }}
-        </a>
-    </div>
+  
 
     {{~> components/forms/components/controls }}
 
@@ -59,4 +55,5 @@
     <script type="text/html" class="js-alreadyRegisteredMessage">
             {{{include "components/newsletter/components/newsletter_already_registered" }}}
     </script>
-</form>
+</form>
+</div>

package/dist/views/components/newsletter/components/newsletter_form.hbs

@@ -0,0 +1,60 @@
+<form class="c-form o-box -accented -breakout js-form" id="form--{{nextRandom}}"
+      action="{{configProperty "mailserver.newsletter"}}" method="post" enctype="application/x-www-form-urlencoded"
+      accept-charset="utf-8">
+
+        {{~> components/forms/components/input
+            _type="email"
+            _isEmail="true"
+            _name="email"
+            _label="E-Mail"
+            _labelClass="hide"
+            _description=""
+            _wrapperClass=(if this.isHidden "hidden")
+            _tabindex=(if this.isHidden "-1")
+            _required="true"
+            _maxLength="140"
+            _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
+            _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
+            _formId=../_formId
+        }}
+
+        {{> components/forms/components/choiceGroup
+                _name="Registrierung"
+                _required=true
+                _inputClass=""
+                _type="radio"
+                _locaKey="newsletter_subscribe_text"
+                _inGroup=true
+                _isHorizontalLayout=true
+                _multipleChoice=false
+                _formId=../_formId
+                _items=this.items
+        }}
+
+
+   {{~> components/forms/components/controls }}
+
+   {{~> components/forms/components/input
+            _formField=this.formData.INXMAIL_HTTP_REDIRECT
+            _name="INXMAIL_HTTP_REDIRECT"
+            _type="hidden"
+            _value=this.successLink
+            _hasLabel=false
+    }}
+
+    {{~>components/forms/components/input
+            _formField=this.formData.INXMAIL_HTTP_REDIRECT_ERROR
+            _name="INXMAIL_HTTP_REDIRECT_ERROR"
+            _type="hidden"
+            _value=this.errorLink
+            _hasLabel=false
+    }}
+
+    {{~> components/forms/components/input
+            _formField=this.formData.backlink
+            _name="backlink"
+            _type="hidden"
+            _value=this.backlinkUuid
+            _hasLabel=false
+    }}
+</form>

package/dist/views/components/newsletter/newsletter.hbs

@@ -1,30 +1,30 @@
-{{#unless this.useNewNewsletter}}
-    <div id="{{this.uuid}}" class="{{_addClass}} js-load" data-hr-newsletter='{"url": "{{this.url.nocache}}"}'>
+{{#if this.useNewNewsletter}}
+    <div id="{{this.uuid}}" class="{{_addClass}} ">
         {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
         <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
             {{this.title}}
         </h3>
+        {{#if this.description}}
+        <p class="mt-4 text-base font-copy sm:text-lg sm:mt-5 dark:text-text-dark">
+            {{{this.description}}}
+        </p>
+       {{/if}}
         <div class="js-formWrapper">
-            {{> components/newsletter/components/newsletter_form}}
+            {{> components/newsletter/components/new_newsletter_form}}
         </div>
         {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
     </div>
 {{else}}
-    <div id="{{this.uuid}}" class="{{_addClass}} ">
+    <div id="{{this.uuid}}" class="{{_addClass}} js-load" data-hr-newsletter-ds='{"url": "{{this.url.nocache}}"}'>
         {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
         <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
             {{this.title}}
         </h3>
-        {{#if this.description}}
-            <div class="c-form__row">
-                <div class="c-form__label">
-                    {{{this.description}}}
-                </div>
-            </div>
-        {{/if}}
+    
         <div class="js-formWrapper">
-            {{> components/newsletter/components/new_newsletter_form}}
+            {{> components/newsletter/components/newsletter_form}}
         </div>
+       
         {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
     </div>
-{{/unless}}
+ {{/if}}

package/dist/views/components/podcast/podcast_player.hbs

@@ -38,7 +38,7 @@
             {{!-- Podcast Image      --}}
             {{#if this.hasTeaserItem}}
               <div class="flex flex-col ">
-                  <div class="w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
+                  <div class="w-18 xs:w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
                       {{> components/base/image/responsive_image this.teaseritem
                               _type="podcastEpisodePlayer"
                               _variant="default"

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
 {{/if}}

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
 {{/if}}