hr-design-system-handlebars 1.27.0 → 1.27.2

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v1.27.2 (Mon Jun 19 2023)
+
+#### 🐛 Bug Fix
+
+- Ticker Teaser [#653](https://github.com/mumprod/hr-design-system-handlebars/pull/653) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
+
+#### Authors: 2
+
+- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
+- selbaciri (saad.elbaciri@hr.de)
+
+---
+
+# v1.27.1 (Thu Jun 15 2023)
+
+#### 🐛 Bug Fix
+
+- FEATURE: click action for links navigating to other pages is changed to uxNavigation [#652](https://github.com/mumprod/hr-design-system-handlebars/pull/652) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v1.27.0 (Thu Jun 15 2023)
 
 #### 🚀 Enhancement

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

@@ -94,5 +94,6 @@
     "search_input_aria_submit": "Suche starten",
     "search_input_placeholder": "Ort oder Thema suchen",
     "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
-    "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich."
+    "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+    "ticker_more":"Zum Ticker"
 }

package/dist/assets/index.css

@@ -1221,6 +1221,9 @@ video {
 .mb-10 {
   margin-bottom: 2.5rem;
 }
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
 .mb-4 {
   margin-bottom: 1rem;
 }
@@ -1248,6 +1251,9 @@ video {
 .ml-4 {
   margin-left: 1rem;
 }
+.ml-auto {
+  margin-left: auto;
+}
 .mr-0 {
   margin-right: 0px;
 }
@@ -1677,9 +1683,6 @@ video {
 .justify-around {
   justify-content: space-around;
 }
-.justify-items-center {
-  justify-items: center;
-}
 .gap-5 {
   gap: 1.25rem;
 }
@@ -1978,6 +1981,10 @@ video {
   background-color: #d34600;
   background-color: var(--color-highlight-2);
 }
+.bg-highlight-3 {
+  background-color: #005293;
+  background-color: var(--color-highlight-3);
+}
 .bg-labelBreakingnews {
   background-color: #cc1a14;
   background-color: var(--color-label-breakingnews);
@@ -2026,10 +2033,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(252, 242, 237, var(--tw-bg-opacity));
 }
-.bg-orange-spicyCarrot {
-  --tw-bg-opacity: 1;
-  background-color: rgba(211, 70, 0, var(--tw-bg-opacity));
-}
 .bg-podcast {
   background-color: #006dc1;
   background-color: var(--color-podcast);
@@ -2050,6 +2053,10 @@ video {
   background-color: rgba(0, 110, 183, .85);
   background-color: rgb(var(--color-stage-text-box) / .85);
 }
+.bg-tickerTeaserTimelineScore {
+  background-color: #d34600;
+  background-color: var(--color-ticker-teaser-timeline-score);
+}
 .bg-top-topic-background {
   background-color: #d3e2f4;
   background-color: var(--color-top-topic-background);
@@ -2277,6 +2284,9 @@ video {
 .pl-0\.5 {
   padding-left: 0.125rem;
 }
+.pl-10 {
+  padding-left: 2.5rem;
+}
 .pl-16 {
   padding-left: 4rem;
 }
@@ -2584,6 +2594,18 @@ video {
   color: #006dc1;
   color: var(--color-subline);
 }
+.text-tickerTeaserFooter {
+  color: #ffffff;
+  color: var(--color-ticker-teaser-footer);
+}
+.text-tickerTeaserHeadline {
+  color: #ffffff;
+  color: var(--color-ticker-teaser-headline,#000);
+}
+.text-tickerTeaserlabelByline {
+  color: #ffffff;
+  color: var(--color-ticker-teaser-label-byline);
+}
 .text-toplineColor {
   color: #006dc1;
   color: var(--color-topline);
@@ -2757,7 +2779,7 @@ video {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 .counter-reset {
-  counter-reset: cnt1686833293811;
+  counter-reset: cnt1687171872190;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -2993,7 +3015,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1686833293811 1;
+  counter-increment: cnt1687171872190 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3009,7 +3031,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1686833293811);
+  content: counter(cnt1687171872190);
 }
 /*! ****************************/
 /*! text-shadow                */
@@ -3064,6 +3086,7 @@ video {
     --color-secondary-ds: #606060;
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
+    --color-highlight-3: #005293;
 
     /*Hauptmenü*/
     --color-top-topic-background: #d3e2f4;
@@ -3132,12 +3155,19 @@ video {
     --font-weight-titleCluster: 700;
     /* Border Radius */
     --border-radius-hr: 0px;
+    /* ticker-Teaser*/
+    --color-ticker-teaser-headline: #ffffff;
+    --color-ticker-teaser-label-byline: #ffffff;
+    --color-ticker-teaser-timeline-score: #d34600;
+    --color-ticker-teaser-footer: #ffffff;
+
 }
 [data-theme='hessenschau'] {
     --color-primary-ds: #005293;
     --color-secondary-ds: #606060;
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
+    --color-highlight-3: #005293;
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006dc1;
@@ -3201,6 +3231,11 @@ video {
     --font-weight-titleCluster: 700;
     /* Border */
     --border-radius-hr: 1.5rem;
+    /* ticker-Teaser*/
+    --color-ticker-teaser-headline: #ffffff;
+    --color-ticker-teaser-label-byline: #ffffff;
+    --color-ticker-teaser-timeline-score: #d34600;
+    --color-ticker-teaser-footer: #ffffff;
 }
 [data-theme='hr-fernsehen'] {
     --color-primary-ds: #a00d65;
@@ -3715,6 +3750,8 @@ video {
     /* Font */
     --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     --font-weight-title: 700;
+    /* ticker-Teaser*/
+    --color-ticker-teaser-timeline-score: #e5007d;
 }
 [data-theme='hr3'] {
     --color-primary-ds: #c20016;
@@ -4536,6 +4573,10 @@ video {
     margin-top: -10rem;
   }
 
+  .md\:mb-0 {
+    margin-bottom: 0px;
+  }
+
   .md\:mb-16 {
     margin-bottom: 4rem;
   }
@@ -4548,6 +4589,10 @@ video {
     margin-top: 0px;
   }
 
+  .md\:mt-auto {
+    margin-top: auto;
+  }
+
   .md\:line-clamp-4 {
     overflow: hidden;
     display: -webkit-box;
@@ -4722,6 +4767,10 @@ video {
     padding: 2.5rem;
   }
 
+  .md\:p-5 {
+    padding: 1.25rem;
+  }
+
   .md\:\!px-0 {
     padding-left: 0px !important;
     padding-right: 0px !important;
@@ -4742,6 +4791,10 @@ video {
     padding-right: 1rem;
   }
 
+  .md\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
   .md\:pl-0 {
     padding-left: 0px;
   }
@@ -4758,6 +4811,10 @@ video {
     padding-right: 1.25rem;
   }
 
+  .md\:pt-0 {
+    padding-top: 0px;
+  }
+
   .md\:pt-4 {
     padding-top: 1rem;
   }
@@ -5404,3 +5461,6 @@ video {
     border-left-width: 1px;
   }
 }
+.\[\&\:not\(\:last-child\)\]\:pb-5:not(:last-child) {
+  padding-bottom: 1.25rem;
+}

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

@@ -36,4 +36,10 @@ absolute bottom-0 right-0
             {{~inline-switch _teaserSize '["hero","100","50"]' '[" m-4"," m-2 md:m-3"," m-2"]'~}}
         {{~/if~}}
     {{~/case~}}
+    {{~#case 'ticker-standard'~}}
+            {{~inline-switch _teaserSize '["25","33"]' '[" m-2"," m-4 md:m-3"," m-4"]'~}}   
+    {{~/case~}}
+    {{~#case 'ticker-alternative'~}}
+            {{~inline-switch _teaserSize '["hero","100","50"]' '[" m-4"," m-2 md:m-3"," m-2"]'~}}
+    {{~/case~}}
 {{~/switch~}}

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

@@ -1,4 +1,4 @@
-<div x-show="avStart" x-cloak id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full{{#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 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 {{_aspectRatio}}" x-show="!avStart" >
@@ -8,7 +8,7 @@
             {{/with~}}
         {{/unless}}
         {{#with _teaser}}
-            {{~> 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="ar__content" _noDelay=this.dontLazyload ~}}                             
+            {{~> 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 ~}}                             
         {{/with}}
 
         {{#with this}}

package/dist/views/components/site_header/brand_navigation/brand_navigation_item.hbs

@@ -1,3 +1,3 @@
 <li class="sb-brand-navigation-item{{#if this.selected}} h-10 md:h-8 font-bold text-primary {{/if}} cursor-pointer inline-block lg:hover:underline active:font-bold active:text-primary">   
-   <a class="link-focus-inset leading-10 md:leading-8 flex-col px-3 {{#if this.selected }}pl-0 {{/if}}md:flex-row js-load w-max flex justify-center {{#if this.selected}} -currentBrand {{/if}}" aria-label="{{this.name}}" href="{{resourceUrl "index.html" _site=this.site}}"{{#if this.extern}} target="_blank" rel="noopener noreferrer"{{/if}} data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Brandnavigation::{{this.text}}-Link geklickt"}]}'>{{this.text}}</a>
+   <a class="link-focus-inset leading-10 md:leading-8 flex-col px-3 {{#if this.selected }}pl-0 {{/if}}md:flex-row js-load w-max flex justify-center {{#if this.selected}} -currentBrand {{/if}}" aria-label="{{this.name}}" href="{{resourceUrl "index.html" _site=this.site}}"{{#if this.extern}} target="_blank" rel="noopener noreferrer"{{/if}} data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Brandnavigation::{{this.text}}-Link geklickt"}]}'>{{this.text}}</a>
 </li>

package/dist/views/components/site_header/section_navigation/section_navigation_item.hbs

@@ -47,7 +47,7 @@
                         x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
                         aria-owns="flyout-{{getRandom}}"
                         aria-controls="flyout-{{getRandom}}"
-                        data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
+                        data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
                     >            
                 {{/if}}   
 
@@ -57,7 +57,7 @@
                 <a href="{{resourceUrl this.url}}" 
                     class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset-white js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}" 
                     {{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}} 
-                    data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
+                    data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
                     x-effect="$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
                 >
 

package/dist/views/components/site_header/service_navigation/service_navigation_item.hbs

@@ -17,15 +17,15 @@
                 aria-owns="flyout-{{getRandom}}" 
                 aria-controls="flyout-{{getRandom}}"
                 x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? '{{this.text}}-Menü schließen' : '{{this.text}}-Menü öffnen')"
-                data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'
+                data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'
             >
               
         {{else}}
 
             {{#if this.extern}}
-                <a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
+                <a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
             {{else}}
-                <a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
+                <a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset-white js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
             {{/if}}
 
         {{/if}}

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

@@ -1,7 +1,7 @@
 {{#with this.teaserLead.avDocument}}
      {{~#if this.isVideo ~}}
           {{#with this.toModel.videoElement}}
-               {{~> components/mediaplayer/media_player _cypressHook="js-video-ondemand" _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _isTeaser=true _teaser=../../this _aspectRatio=../../_aspectRatio _teaserSize=../../_teaserSize _isMobile1to1=../../_isMobile1to1 _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType~}}
+               {{~> components/mediaplayer/media_player _cypressHook="js-video-ondemand" _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~}}
                {{#if ../../_isMobile1to1~}}  
                     {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
                {{~/if~}}
@@ -9,7 +9,7 @@
      {{~/if~}}
      {{~#if this.isAudio ~}}
           {{#with this.toModel.audioElement}}
-               {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _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~}}                  
+               {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _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~}}                  
                {{#if ../../_isMobile1to1~}}  
                     {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
                {{~/if~}}
@@ -17,7 +17,7 @@
      {{~/if~}}
      {{~#if this.isPodcast ~}}
           {{#with this.toModel.audioElement}}
-               {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _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~}}             
+               {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _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~}}             
                {{#if ../../_isMobile1to1~}}  
                     {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
                {{~/if~}}
@@ -25,7 +25,7 @@
      {{~/if~}}
      {{~#if this.isAudioEventLivestream ~}}
           {{#with this.toModel.audioLivestreamElement}}
-               {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _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~}}             
+               {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _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~}}             
                {{#if ../../_isMobile1to1~}}  
                     {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
                {{~/if~}}
@@ -33,7 +33,7 @@
      {{~/if~}}
      {{~#if this.isLivestream ~}}
           {{#with this.toModel.videoLivestreamElement}}
-               {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _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~}}             
+               {{~> components/mediaplayer/media_player _cypressHook="js-video-livestream" _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~}}             
                {{#if ../../_isMobile1to1~}}  
                     {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
                {{~/if~}}

package/dist/views/components/teaser/components/teaser_lead.hbs

@@ -1,5 +1,5 @@
 {{~#if this.allowAVConsumption ~}}
-    {{> components/teaser/components/teaser_av_consumption _aspectRatio=_aspectRatio _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _teaserType=_teaserType }}
+    {{> components/teaser/components/teaser_av_consumption _aspectRatio=_aspectRatio _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _teaserType=_teaserType _addClassImg=_addClassImg}}
 {{else}}
     {{> components/teaser/components/teaser_image _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _addClassImg=_addClassImg}}
 {{/if}}

package/dist/views/components/teaser/components/teaser_title_classes.hbs

@@ -94,4 +94,18 @@ the 4 parameters are:
     {{~#case 'calendar'~}}
        text-2xl
     {{~/case~}}
+    {{~#case 'ticker-standard'~}}
+        {{~inline-switch
+            _size
+            '["hero","100","25"]'
+            '["text-2xl md:text-4xl","text-2xl md:text-4xl","text-2xl md:text-lg","text-2xl"]'
+        ~}}
+    {{~/case~}}
+    {{~#case 'ticker-alternative'~}}
+        {{~inline-switch
+            _size
+            '["hero","100","50"]'
+            '["text-2xl md:text-4xl","text-2xl md:text-2xl","text-lg md:text-2xl"]'
+        ~}}
+    {{~/case~}}
 {{~/switch~}}

package/dist/views/components/teaser/ticker/teaser_ticker_alternativ.hbs

@@ -0,0 +1,16 @@
+<article class="bg-highlight-3 md:rounded-tl-hr md:rounded-br-hr items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 md:p-5
+{{if this.isHeroTeaser 'mx-0 md:rounded-tl-hr md:rounded-br-hr' 'mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr'}} 
+{{~inline-switch this.realTeaserSize '["hero","100","50"]' '[" flex-col"," flex-col"," md:col-span-6 px-5"]'~}}"
+x-data="{ avStart: false }"
+>
+    {{#if this.teaserImage}}
+        {{#>components/base/link _link=this.link _css=(inline-switch this.realTeaserSize '["hero","100"]' '[" basis-full w-full md:basis-1/2-gap-6  ar-16-9","  basis-full w-full  md:basis-1/3-gap-6 ar-16-9"]') }}
+            <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative">
+                {{> components/teaser/components/teaser_lead _addClassImg=(if this.isHeroTeaser 'md:rounded-tl-hr' 'rounded-tl-hr') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio=(inline-switch this.realTeaserSize '["hero"]' '["ar-16-9","ar-1-1 md:ar-16-9"]') }} 
+            </figure>
+        {{/components/base/link}}
+        {{> components/teaser/ticker/teaser_ticker_body _teaserType=this.teaserType _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100"]' '[" gap-y-5 md:basis-1/2-gap-6"," gap-y-5 md:basis-2/3-gap-6"]') }}
+    {{else}}
+        {{> components/teaser/ticker/teaser_ticker_body _outerCssClasses="basis-full h-full gap-y-5 pt-5 md:pt-0" }}
+    {{/if}}
+</article>

package/dist/views/components/teaser/ticker/teaser_ticker_body.hbs

@@ -0,0 +1,26 @@
+<div class="h-full flex-col flex w-full{{#if _outerCssClasses}} {{_outerCssClasses}}{{/if}}">
+
+    {{#> components/teaser/components/teaser_header _css=(if this.isStandardTeaser "px-5" "px-5 md:px-0")}}
+        {{#>components/base/link _link=this.link _css="cy-teaser-link hover:text-toplineColor" }} 
+            {{#with this.label}}
+                {{#> components/label/label_group}}
+                    {{> components/label/label _type=this.type _text=(loca this.loca) }}
+                    {{> components/label/label_byline _css="ml-2 text-tickerTeaserlabelByline" _text=../this.tickerTopic }}
+                {{/components/label/label_group}}
+            {{/with~}}
+            {{#> components/teaser/components/teaser_headline _headlineTag=this.headlineTag _css="overflow-anywhere hyphens-auto"}}
+                {{> components/teaser/components/teaser_title _css="text-tickerTeaserHeadline" _text=this.title _size=this.realTeaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
+                {{#if this.extendedTitle}}
+                    {{> components/teaser/components/teaser_subline _text=this.extendedTitle}}
+                {{/if}}
+            {{/components/teaser/components/teaser_headline}}
+        {{/components/base/link}} 
+    {{/components/teaser/components/teaser_header}}
+    
+    {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:hidden"]') _color="white" _css=(if this.isStandardTeaser "px-10" "px-5 md:px-0 md:pb-5")}}
+    {{> components/teaser/ticker/teaser_ticker_footer _teaserSize=_teaserSize}}
+
+
+
+
+</div>

package/dist/views/components/teaser/ticker/teaser_ticker_footer.hbs

@@ -0,0 +1,12 @@
+<div class="flex flex-wrap text-base justify-between items-end {{~inline-switch _teaserSize '["25"]' '[" mb-3","  mb-5"]'}} {{if this.isStandardTeaser ' px-5' ' px-5 md:px-0 mt-0 md:mt-auto md:mb-0'}}">
+    {{#if this.hasByline}}
+        <p class="self-center basis-3/5 text-xs text-tickerTeaserFooter font-headingSerif empty:hidden overflow-anywhere hyphens-auto {{inline-switch this.teaserSize '["25"]' '[" hidden"]'~}}">
+            {{~#if this.profiles~}}
+                <span>{{this.profiles}}</span>
+            {{~/if~}}
+        </p>
+    {{/if}}
+    {{#>components/base/link _link=this.link _css="ml-auto text-tickerTeaserFooter underline ds-link decoration-1" }}
+        {{loca "ticker_more"}}
+    {{/components/base/link}}
+</div>

package/dist/views/components/teaser/ticker/teaser_ticker_standard.hbs

@@ -0,0 +1,16 @@
+<article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4 
+{{if this.isHeroTeaser 'mx-0 md:rounded-tl-hr md:rounded-br-hr' 'mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr'}}   
+{{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}"
+ x-data="{ avStart: false }"
+>
+    {{#if this.teaserImage}}
+        {{#>components/base/link _link=this.link }}
+            <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.teaserSize '["25"]' '[" hidden"]'~}}">    
+                {{> components/teaser/components/teaser_lead _addClassImg=(if this.isHeroTeaser 'md:rounded-tl-hr' 'rounded-tl-hr') _teaserSize=this.teaserSize _teaserType=this.teaserType }}     
+            </figure>
+        {{/components/base/link}}
+        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.teaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" gap-y-3", "gap-y-5"]')}}
+    {{else}}
+        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.teaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" gap-y-3", " pt-5 gap-y-5"]')}}
+    {{/if}}
+</article>

package/dist/views/components/teaser/ticker/teaser_ticker_timeline.hbs

@@ -1,10 +1,10 @@
 {{~#with this.tickerItemResults ~}}
-    <ul class="px-10">
+    <ul class="{{#if ../_css}} {{../_css}}{{/if}} {{if ../this.isStandardTeaser ' pl-10 pr-5' ' pl-10 md:pl-5 pr-5 md:pr-0'}}">
         {{~#each this~}}
             {{#if this.isTopnews}}
-                <li class="relative h-auto pb-5">
+                <li class="relative h-auto [&:not(:last-child)]:pb-5">
                     <div class="absolute h-full">
-                        <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-orange-spicyCarrot -left-5"></div>
+                        <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
                         {{#unless @last}}
                             <div class="relative flex flex-col w-0 h-full -left-4">
                                 <div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-400{{/if}}"></div>

package/dist/views/components/tracking/navigation_tracking.hbs

@@ -1 +1,4 @@
-data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}{{#if _clickLabelPrefix2}}::{{_clickLabelPrefix2}}{{/if}}-Link geklickt"}]}'
+data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if
+    _clickLabelPrefix1
+}}::{{_clickLabelPrefix1}}{{/if}}{{#if _clickLabelPrefix2}}::{{_clickLabelPrefix2}}{{/if}}-Link
+geklickt"}]}'

package/package.json

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

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

@@ -94,5 +94,6 @@
     "search_input_aria_submit": "Suche starten",
     "search_input_placeholder": "Ort oder Thema suchen",
     "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
-    "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich."
+    "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+    "ticker_more":"Zum Ticker"
 }

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

@@ -95,5 +95,6 @@
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticker_more": "Zum Ticker",
 	"header_homepage_link_title": "Startseite hessenschau . d e"
 }

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

@@ -95,5 +95,6 @@
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticker_more": "Zum Ticker",
 	"header_homepage_link_title": "Startseite hr . d e"
 }

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

@@ -95,5 +95,6 @@
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticker_more": "Zum Ticker",
 	"header_homepage_link_title": "Startseite hr-bigband . d e"
 }

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

@@ -95,5 +95,6 @@
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticker_more": "Zum Ticker",
 	"header_homepage_link_title": "Startseite hr-fernsehen . d e"
 }

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

@@ -95,5 +95,6 @@
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticker_more": "Zum Ticker",
 	"header_homepage_link_title": "Startseite hr-inforadio . d e"
 }

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

@@ -95,5 +95,6 @@
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticker_more": "Zum Ticker",
 	"header_homepage_link_title": "Startseite hr-rundfunkrat . d e"
 }

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

@@ -95,5 +95,6 @@
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticker_more": "Zum Ticker",
 	"header_homepage_link_title": "Startseite hr-sinfonieorchester . d e"
 }

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

@@ -95,5 +95,6 @@
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticker_more": "Zum Ticker",
 	"header_homepage_link_title": "Startseite hr-werbung . d e"
 }

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

@@ -95,5 +95,6 @@
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticker_more": "Zum Ticker",
 	"header_homepage_link_title": "Startseite hr1 . d e"
 }

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

@@ -95,5 +95,6 @@
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticker_more": "Zum Ticker",
 	"header_homepage_link_title": "Startseite hr2 . d e"
 }

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

@@ -95,5 +95,6 @@
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticker_more": "Zum Ticker",
 	"header_homepage_link_title": "Startseite hr3 . d e"
 }